diff options
Diffstat (limited to 'static/layout.css')
-rw-r--r-- | static/layout.css | 134 |
1 files changed, 123 insertions, 11 deletions
diff --git a/static/layout.css b/static/layout.css index bf7a28d..a5552ed 100644 --- a/static/layout.css +++ b/static/layout.css @@ -1,3 +1,122 @@ + +/* COMMON STYLE SETTINGS */ + +:link, :visited { + text-decoration: none; +} +:link:hover, :visited:hover { + text-decoration: underline; +} + + +/* COMMON PAGE ELEMENTS */ + +html, body { + margin: 0; + padding: 0; + background-color: white; +} + +/* header */ + +#header-background { + background-color: #333; + width: 100%; + height: 4em; + margin-bottom: 4em; +} +header { + position: absolute; + top: 0; + margin: 0; + padding: 1em 0; + width: 100%; +} +header h1 { + margin: 0; + padding: 0 1em 0; + display: inline-block; + background-color: #333; + border-bottom-right-radius: 30px; +} +header h1 img { + margin: 0; +} +header #roundcornerb, +header #roundcornerw { + display: inline-block; + width: 50px; + height: 50px; + position: absolute; + top: 4em; +} +header #roundcornerb { + background-color: #333; +} +header #roundcornerw { + background-color: white; + border-top-left-radius: 30px; +} + +header nav#mainnav { + position: absolute; + top: .5em; + right: 1em; +} +header nav#mainnav, +header nav#mainnav :link, +header nav#mainnav :visited { + color: #eee; +} +header nav#usermenu :link, +header nav#usermenu :visited { + color: black; +} + +header nav#usermenu { + position: absolute; + top: 4em; + right: 1em; +} + +header nav ul { + list-style: none; +} +header nav ul li { + display: inline; +} +header nav ul li:not(:last-child):after { + content: " ยท "; + color: #aaa; +} +header nav#mainnav ul li:not(:last-child):after { + color: #999; +} + + +/* content */ + +#content { + margin: 0 auto; + max-width: 50em; +} + +#content h1 { + font-size: 1.8em; +} +#content h2 { + font-size: 1.4em; +} +#content h3 { + font-size: 1.2em; +} + + + + +/* SPECIAL PAGE ELEMENTS */ + +/* form stuff */ form .errors { color: #D00; margin: .2em 0 .5em; @@ -6,6 +125,8 @@ form ul.errors { padding-left: 1em; } +/* flashing */ + ul.flashes { padding-left: 0; } @@ -13,9 +134,10 @@ ul.flashes li { list-style: none; margin: .2em 0; display: block; - padding: .2em .4em; + padding: .2em .6em; border: 1px solid #ee3; + border-radius: 3px; background-color: #ffd; } ul.flashes li.error { @@ -27,13 +149,3 @@ ul.flashes li.success { background-color: #dfd; } - -body { - margin: 0 auto; - max-width: 40em; -} - -#header { - margin: 0 auto; - text-align: center; -} |