diff options
| author | Romain d'Alverny <rda@mageia.org> | 2012-05-11 12:08:06 +0000 |
|---|---|---|
| committer | Romain d'Alverny <rda@mageia.org> | 2012-05-11 12:08:06 +0000 |
| commit | abc8436bfdc331609342105d8c56e8bd6468e693 (patch) | |
| tree | 8d0e9e6dfef0f764e36573b5d508d49dc1a3dc52 /_nav/css | |
| parent | 2f1a0016e212b6feb9b64a141e0c2319a31f0e01 (diff) | |
| download | www-abc8436bfdc331609342105d8c56e8bd6468e693.tar www-abc8436bfdc331609342105d8c56e8bd6468e693.tar.gz www-abc8436bfdc331609342105d8c56e8bd6468e693.tar.bz2 www-abc8436bfdc331609342105d8c56e8bd6468e693.tar.xz www-abc8436bfdc331609342105d8c56e8bd6468e693.zip | |
new global nav bar service
Diffstat (limited to '_nav/css')
| -rw-r--r-- | _nav/css/index.php | 4 | ||||
| -rw-r--r-- | _nav/css/source.css | 100 |
2 files changed, 104 insertions, 0 deletions
diff --git a/_nav/css/index.php b/_nav/css/index.php new file mode 100644 index 000000000..3960012fc --- /dev/null +++ b/_nav/css/index.php @@ -0,0 +1,4 @@ +<?php +header('Content-Type: text/css;charset=utf-8'); +header(sprintf('Expires: %s', gmdate('r', strtotime('+1 day')))); +readfile('source.css'); diff --git a/_nav/css/source.css b/_nav/css/source.css new file mode 100644 index 000000000..61cd1a6a9 --- /dev/null +++ b/_nav/css/source.css @@ -0,0 +1,100 @@ +/*! mageia.org nav CSS */ + +#hmgn { margin: 0; padding: 0; } +#mgnav { + margin: 0; padding: 0; + padding-bottom: 4px; + background: #2383C2; + background: -webkit-linear-gradient(top, #3494D3 0%, #2383C2 50%); + background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%); + background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%); + background: linear-gradient(top, #3494D3 0%, #2383C2 50%); + font: normal 14px/1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif; +} + +#nav { + margin: 0; + padding: 0; + display: table; +} +#nav li { + display: table-cell; + padding: 0; + border-right: 1px solid #f0f0f0; +} +#nav a { + display: block; + height: 64px; + padding: 0 1.4em; + text-decoration: none; + text-align: center; + line-height: 75px; + min-width: 2.5em; + color: #000; + background: #fff; + text-shadow: 0 0 4px #ddd; + cursor: pointer; +} +#nav a:hover { + color: #2383C2; +} + +#nav a.mageia { + width: 160px; + background: #fff url(/g/images/logo_ln_1.png) no-repeat 30px 10px; + background-size: 120px; + color: transparent; + text-shadow: none; +} + +.about #mgnav .about, +.downloads #mgnav .downloads, +.community #mgnav .community, +.support #mgnav .support, +.contribute #mgnav .contribute, +.contrib #mgnav .contrib, +.you #mgnav .you +{ + font-weight: bold; + background: transparent; + color: white; + text-shadow: 0 0 4px #222; + /*outline: 4px solid white; + => works with Chrome 18+, fails with Firefox 12 + => using this ~ hack in the meantime {{ + */ + /*border: 4px solid white;*/ + border-top: 0; + /*margin-bottom: -4px;*/ + /* }} */ +} + +h1, +h2, +h3 { + font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif; + font-weight: normal; + color: #3494d3; +} + +h2 a, +h3 a { + color: #3494d3; + text-decoration: none; +} + +#mgnavtitle, /* deprecated */ +#mgnavt /* preferred */ +{ + font-size: 24px; + margin: 0; + padding: 0.5em 1em 0.8em 30px; + color: #fff; + text-shadow: 0 0 4px #222; + background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%); + background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%); + background: -o-linear-gradient(top, #2383C2 0%, #1272B1 50%); + background: linear-gradient(top, #2383C2 0%, #1272B1 50%); +} +#mgnavt a { color: #fff; } + |