diff options
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; } + |