diff options
| author | Dan McGee <dan@archlinux.org> | 2012-10-15 03:06:53 +0200 |
|---|---|---|
| committer | Dan McGee <dan@archlinux.org> | 2012-10-15 03:06:53 +0200 |
| commit | 225b41d01e4e96fe5597dec400dfa7c0975dab1c (patch) | |
| tree | d771907bfa7ee65c78d121ac35c15cb748042fa9 /sitestatic | |
| parent | e0cb92480e7d9d4b21a5b5878af6d2cf2fba34cf (diff) | |
| download | archweb-225b41d01e4e96fe5597dec400dfa7c0975dab1c.tar.gz archweb-225b41d01e4e96fe5597dec400dfa7c0975dab1c.tar.xz | |
Inline global navbar stylesheet
It is silly to have to load an external resource when we can simply cram
all of this in the same single stylesheet used for the site.
Signed-off-by: Dan McGee <dan@archlinux.org>
Diffstat (limited to 'sitestatic')
| -rw-r--r-- | sitestatic/archweb.css | 37 |
1 files changed, 32 insertions, 5 deletions
diff --git a/sitestatic/archweb.css b/sitestatic/archweb.css index 905a3ec..764f4d4 100644 --- a/sitestatic/archweb.css +++ b/sitestatic/archweb.css @@ -1,16 +1,43 @@ /* - * ARCH LINUX DJANGO (MAIN SITE) - * * Font sizing based on 16px browser defaults (use em): * 14px = 0.875em * 13px = 0.812em * 12px = 0.75em * 11px = 0.6875em - * */ -/* import the global navbar stylesheet */ -@import url('archnavbar/archnavbar.css'); +/* + * ARCH GLOBAL NAVBAR + * We're forcing all generic selectors with !important + * to help prevent other stylesheets from interfering. + */ + +/* container for the entire bar */ +#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } + +/* logo trickery -- GIF for IE6 and PNG for the rest */ +#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; } +/* IE6 doesn't support alpha PNGs so we serve it a GIF */ +#archnavbarlogo { background: url('archlogo.gif') no-repeat !important; } +/* and use a proper PNG for all other modern browsers */ +html > body #archnavbarlogo { background: url('archlogo.png') no-repeat !important; } + +/* move the heading/paragraph text offscreen */ +#archnavbarlogo p { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } +#archnavbarlogo h1 { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } + +/* make the link the same size as the logo */ +#archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; } + +/* display the list inline, float it to the right and style it */ +#archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } +#archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; } + +/* style the links */ +#archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; } +#archnavbar ul li a:hover { color: white !important; text-decoration: underline !important; } + +/* END ARCH GLOBAL NAVBAR */ /* simple reset */ * { |