MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Dornheim Anatomy
Becher (Diskussion | Beiträge) K (Korrektur) |
Becher (Diskussion | Beiträge) K (responsive Anpassung) |
||
Zeile 85: | Zeile 85: | ||
.navbar-expand-cmln, .p-navbar.collapsible { | .navbar-expand-cmln, .p-navbar.collapsible { | ||
flex-flow:row nowrap; | flex-flow:row nowrap; | ||
− | justify-content:flex-start | + | justify-content:flex-start; |
} | } | ||
.navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav { | .navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav { | ||
Zeile 91: | Zeile 91: | ||
} | } | ||
.navbar-expand-cmln .navbar-nav .dropdown-menu, .p-navbar.collapsible .navbar-nav .dropdown-menu { | .navbar-expand-cmln .navbar-nav .dropdown-menu, .p-navbar.collapsible .navbar-nav .dropdown-menu { | ||
− | position:absolute | + | 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 { | .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-right:1rem; | ||
− | padding-left:1rem | + | padding-left:1rem; |
} | } | ||
.navbar-expand-cmln > .container, .p-navbar.collapsible > .container, .navbar-expand-cmln > .container-fluid, .p-navbar.collapsible > .container-fluid { | .navbar-expand-cmln > .container, .p-navbar.collapsible > .container, .navbar-expand-cmln > .container-fluid, .p-navbar.collapsible > .container-fluid { | ||
− | flex-wrap:nowrap | + | flex-wrap:nowrap; |
} | } | ||
.navbar-expand-cmln .navbar-collapse, .p-navbar.collapsible .navbar-collapse { | .navbar-expand-cmln .navbar-collapse, .p-navbar.collapsible .navbar-collapse { | ||
Zeile 104: | Zeile 104: | ||
flex-basis:auto; | flex-basis:auto; | ||
} | } | ||
− | + | .navbar-collapse, .p-navbar.collapsible .navbar-collapse { | |
+ | flex-direction: row !important; | ||
+ | } | ||
.navbar-expand-cmln .navbar-toggler, .p-navbar.collapsible .navbar-toggler { | .navbar-expand-cmln .navbar-toggler, .p-navbar.collapsible .navbar-toggler { |
Version vom 9. Dezember 2019, 12:31 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; } .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 { 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 { 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-start; } .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; } }