MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Dornheim Anatomy
Becher (Diskussion | Beiträge) K (Logo Anpassung) |
Becher (Diskussion | Beiträge) K (reponsive Anpassung Navbar) |
||
Zeile 83: | Zeile 83: | ||
} | } | ||
− | @media (min-width: | + | @media (min-width:700px) { |
.navbar-expand-cmln, .p-navbar.collapsible { | .navbar-expand-cmln, .p-navbar.collapsible { | ||
flex-flow:row nowrap; | flex-flow:row nowrap; |
Version vom 11. Dezember 2019, 09:38 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ .mw-welcome-bar{ display: none !important; } *, ::before, ::after { box-sizing: unset; } .clearfix:after { content: ""; display: table; clear: both; } .p-navbar { background-color: #C2BFAD; color: #010b15 !important; padding: 1rem !important; } .nav-link { color: #010b15 !important; } .container-fluid { background-color: #C2BFAD; color: #010b15; } .n-recentchanges { display: none; } .n-randompage { display: none; } .n-help-mediawiki { display: none; } #mw-navigation { display: none; } .clear { clear: both; } img, video { max-width: 100%; height: auto; } #footer-icons { display: none !important; } /*Test reponsiver Segmenter*/ iframe { max-width: 90%; } /*CSS Anpassungen für die Hauptseite*/ .page-Hauptseite #firstHeading { display: none; } /*CSS Anpassungen reponsives Design*/ .p-navbar .navbar-nav.right { margin-top: 0 !important; } .navbar-collapse { flex-direction: row !important; } @media (min-width:700px) { .navbar-expand-cmln, .p-navbar.collapsible { flex-flow:row nowrap; justify-content:flex-end; } .navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav { flex-direction:row; } .navbar-expand-cmln .navbar-nav .dropdown-menu, .p-navbar.collapsible .navbar-nav .dropdown-menu { position:absolute; } .navbar-expand-cmln .navbar-nav .nav-link, .p-navbar.collapsible .navbar-nav .nav-link, .p-navbar.collapsible .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar.collapsible .navbar-nav .navbar-tool > a, .navbar-expand-cmln .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-expand-cmln .navbar-nav .navbar-tool > a { padding-right:1rem; padding-left:1rem; } .navbar-expand-cmln > .container, .p-navbar.collapsible > .container, .navbar-expand-cmln > .container-fluid, .p-navbar.collapsible > .container-fluid { flex-wrap:nowrap; } .navbar-expand-cmln .navbar-collapse, .p-navbar.collapsible .navbar-collapse { display:flex !important; flex-basis:auto; } .navbar-collapse, .p-navbar.collapsible .navbar-collapse { flex-direction: row !important; } .navbar-expand-cmln .navbar-toggler, .p-navbar.collapsible .navbar-toggler { display:none !important; } .p-navbar { align-content: flex-end !important; } } /* Logo Anpassung*/ .p-navbar .navbar-brand img { height: 1rem !important; }