MediaWiki:Common.css

Aus Dornheim Anatomy
Version vom 11. Dezember 2019, 09:38 Uhr von Becher (Diskussion | Beiträge) (reponsive Anpassung Navbar)
Wechseln zu:Navigation, Suche

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* 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;
}