MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Dornheim Anatomy
Wechseln zu:Navigation, Suche
K (Korrektur)
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;
}

}