/*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 */ .mganav .a,.mganav a:link { text-decoration:none } .mganav {font-size:14px} /*hide text*/ .mganav .navbar-brand {font: 0/0 a;} .mganav .navbar-nav {margin: 0} .mganav ul li { list-style:none; } body.blog, body.single-format-standard { font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } /* nav class */ .mganav .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-expand-lg .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; }