diff options
author | Manuel Hiebel <leuhmanu@mageia.org> | 2017-07-05 08:14:41 +0200 |
---|---|---|
committer | Manuel Hiebel <leuhmanu@mageia.org> | 2017-07-05 08:14:41 +0200 |
commit | 69e6a3dde63c2deeea005e42fca4308b562a6de4 (patch) | |
tree | 17524ac75fb7350c80f5f44860da32e0e85778db /css/bootstrap_nav_theme.css | |
parent | 8efd88cba6a9544af859ef5833c1e2e4ed227a60 (diff) | |
download | nav-69e6a3dde63c2deeea005e42fca4308b562a6de4.tar nav-69e6a3dde63c2deeea005e42fca4308b562a6de4.tar.gz nav-69e6a3dde63c2deeea005e42fca4308b562a6de4.tar.bz2 nav-69e6a3dde63c2deeea005e42fca4308b562a6de4.tar.xz nav-69e6a3dde63c2deeea005e42fca4308b562a6de4.zip |
Import css for bootstrap, use by nav.mageia.org
This version is build via scss to workaround webapp conf (forum, wiki, etc)
Diffstat (limited to 'css/bootstrap_nav_theme.css')
-rw-r--r-- | css/bootstrap_nav_theme.css | 152 |
1 files changed, 152 insertions, 0 deletions
diff --git a/css/bootstrap_nav_theme.css b/css/bootstrap_nav_theme.css new file mode 100644 index 0000000..5ad860e --- /dev/null +++ b/css/bootstrap_nav_theme.css @@ -0,0 +1,152 @@ +/*from bootstrap.css*/ +.mganav .text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.container { + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} +@media (min-width: 576px) { + .container { + width: 540px; + max-width: 100%; + } +} +@media (min-width: 768px) { + .container { + width: 720px; + max-width: 100%; + } +} +@media (min-width: 992px) { + .container { + width: 960px; + max-width: 100%; + } +} +@media (min-width: 1200px) { + .container { + width: 1140px; + max-width: 100%; + } +} +.container-fluid { + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} + +/* workaround for nav.mageia.org */ +.a,a:link { + text-decoration:none +} +.mganav {font-size:14px} +/*hide text*/ +.mganav .navbar-brand {font: 0/0 a;} +.navbar-nav {margin: 0} + +.mganav ul li { + list-style:none; +} + + +/* nav class */ +.navbar-brand { + width: 133px; + height: 40px; + background: url(//nav.mageia.org/css/mageia-logo-nav-3.svg)no-repeat; + background-size: contain; +} +.mganav, .mganav .navbar { + background-color: #f7f7f7; +} +#mgnav .nav-link:focus, #mgnav .nav-link:hover { + color: #2383C2; +} +.about #mgnav .about, +.downloads #mgnav .nav-item .downloads, +.community #mgnav .community, +.blog #mgnav .community, +.section-index #hmgn .community, /*forum*/ +.mediawiki #mgnav .wiki, +.support #mgnav .support, +.contribute #mgnav .contribute, +.donate #mgnav .donate, +.bugs-mageia-org #mgnav .contribute, +.contrib #mgnav .contrib, +.you #mgnav .you, +.contact #mgnav .contact, +.doc #mgnav .doc, +#mgnavsub .nav-pills .nav-link.active { + font-weight: bold; + color: white; + text-shadow: 0 0 3px #222; + 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%); + +} + +/*nav height, on desktop*/ +@media (min-width: 992px) { + .navbar-toggleable-md .navbar-nav .nav-link{ + padding: 1rem .5rem; + } + #mgnav { + padding: 0px; + } +} + +#mgnavtitle, /* deprecated */ +#mgnavt /* preferred */ +{ + margin: 0; + padding: .7rem; + color: #fff; + text-shadow: 0 0 3px #222; + text-align: center; + background: #2383C2; + 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; } + +/* allows to have a title + contextual sub menu */ +header#mgnavt { text-align: center; } +#mgnavt h1 { font-size: 2rem; color: #fff; margin: 0; padding: 0; display: inline; } +#mgnavt ul { font-size: 12px; margin: 0 0 0 2em; padding: 0; display: inline; } +#mgnavt ul li { display: inline; margin: 0 0.8em; padding: 0; } +#mgnavt ul li a { display: inline-block; text-decoration: none; } + +/*from all.css*/ +#mgnavsub ul { + margin: auto; + padding: 0pxx; +} + +/* +https://github.com/iconic/open-iconic/blob/master/svg/globe.svg +https://codepen.io/jakob-e/pen/doMoML +*/ +.globe-icon:after{ + content:''; + width: 1rem; + height: 1rem; + margin-left: 0.3rem; + display: inline-block; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.4' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 1c.33 0 .64.09.94.19-.21.2-.45.38-.41.56.04.18.69.13.69.5 0 .27-.42.35-.13.66.35.35-.64.98-.66 1.44-.03.83.84.97 1.53.97.42 0 .53.2.5.44-.54.77-1.46 1.25-2.47 1.25-.38 0-.73-.09-1.06-.22.22-.44-.28-1.31-.75-1.59-.23-.23-.72-.14-1-.25-.09-.27-.18-.54-.19-.84.03-.05.08-.09.16-.09.19 0 .45.38.59.34.18-.04-.74-1.31-.31-1.56.2-.12.6.39.47-.16-.12-.51.36-.28.66-.41.26-.11.45-.41.13-.59-.06-.03-.13-.1-.22-.19.45-.27.97-.44 1.53-.44zm2.31 1.09c.18.22.32.46.44.72v.03c-.04.07-.11.11-.22.22-.28.28-.32-.21-.44-.31-.13-.12-.6.02-.66-.13-.07-.18.5-.42.88-.53z'/%3E%3C/svg%3E"); + background-size: 100%; + background-repeat: no-repeat; +} |