MediaWiki:Medik.css

Version vom 27. November 2024, 13:27 Uhr von Red Rooster (Diskussion | Beiträge) (Absatz-Margin von 0.45rem auf 0.4rem gesetzt, sieht besser aus!)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Hinweis: Leere nach dem Veröffentlichen 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/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Der Body-Border ist hässlich, weg damit */
.mw-body {
	border: none !important;
}

/* Stellt das Floaten der Inhaltsverzeichnisse ab */
#toc.toc {
	float: none;
}

/* Versteckt den Titel in der Desktopansicht */
.mw-desktop-sitename {
	visibility: hidden;
}

/* Abstand nach dem Logo / Sidebar */
.mw-wiki-navigation-logo {
	margin-bottom: 2rem;
}

/* Die Schriftgrösse ist im bei Medik zu klobig, nehme Vector style */
@media screen {
  :root {
  	--bs-body-font-size: 0.92rem;
  	--bs-font-sans-serif: sans-serif;
  }
  .mw-body-content h1, h2 {
  	font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
  }
  .mw-editsection {
  	font-family: sans-serif;
  }
  h1#firstHeading {
  	font-family: 'Linux Libertine','Georgia','Times','Source Serif Pro',serif;
  }
  .mw-body-content h3 {
  	font-weight: bold;
  	font-size: 120%;
  }
  .mw-body-content h4, h5, h6 {
  	font-weight: bold;
  	font-size: 100%;
  }
  .toctitle h2 {
  	font-family: sans-serif;
  	font-size: 100%;
  }
  /* Absätze wie bei Vector */
  p {
	margin: 0.4rem 0 0.4rem 0;
  }
  /* Stellt die Vorschau der Dateien (größe) in Tabellen wieder her */
  .TablePager_col_thumb img {
  	max-width: none;
  }
}

/* Bei PageForms (Formularen) wieder Monospaced-Schriftart für den Editor. */
.wikiEditor-ui-bottom {
	font-family: monospace;
}

/* Stylt die Dropdown-Menüs "Aktionen" und "Werkzeuge" */
.dropdown-item:active {
	background-color: var(--medik);
	color: #ffffff;
}
.dropdown-item:visited {
	color: #ffffff;
}

/* Verbreitert das Sucheingabe-Feld in der Desktopansicht */
@media screen and (min-width: 768px) {
	#searchInput {
		width:360px;
	}
}

/* Zentriert das Hamburger-Menü der Kopfzeile */
.mw-hamb {
	vertical-align: baseline;
}

/* Macht das Sidebar-Menü schwarz (barrierefreiheit) */
.nav-link {
	color: #000000 !important;
}

/* Boxen-Inhalte (z.B. auf der Startseite haben zu wenig Abstand nach oben */
#Inhalt_Box > * {
	padding-top: 2px;
}

/* Zeilen-Höhe in der Sidebar verringer */
#mw-navigation a {
		line-height: 1.2em;
}

#Ueberschrift_Box{
		padding-bottom: 30px;
		
}

/* Werkzeugleiste top kleiner, sonst bricht die Mobilansicht zur Seite aus */
@media screen and (max-width: 768px) {
	aside {
	  font-size: 0.8rem;
	}
}
@media screen and (min-width: 768px) {
  aside .dropdown, #p-namespaces span {
  	padding-right: 1em;
  }
}