MediaWiki:Monobook.css

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

/* Das folgende CSS wird für Benutzer der Benutzeroberfläche MonoBook geladen */
@media screen {
  body { /* überschreibe MonoBook-Hintergrundbild mit Farbe Almadanerblau */
	background-image: none;
	background-color: #003993;
  }
  .client-darkmode body {
  	background-color: #ffc66c;
  	a, a.external, .mw-parser-output a.extiw {
  		color: #426dff;
  		/* filter: invert(1); */
  	}
  	a:visited, a.external:visited, .mw-parser-output a.extiw:visited {
  		color: #8852bc;
  		/* filter: invert(1); */
  	}
  	a img {
  		filter: invert(0);
  	}
  	.do-invert a img {
  		filter: invert(1);
  	}
  	a.oo-ui-buttonElement-button {
  		filter: invert(0);
  	}
  	.wikiEditor-ui-toolbar .tabs span.tab a {
  		filter: invert(0);
  	}
  	.suggestions-result, .suggestions-special {
  		filter: invert(1);
  	}
  }
}

@media screen {
	body:not(.skin--responsive), body.skin--responsive {
		.portlet { /* seitliches Menü leicht vom Rand absetzen */
			margin-bottom: 0.5em;
			margin-left: 0.3em;
		}
		.portlet h3 { /* Überschriften der seitlichen Menüs (Navigation, Suche, Werkzeuge...) */
	    	color: white;
	    	font-weight: normal;
	    	margin: 0 0 0 0;
	    	border: 0;
	    	background: #cd0000; /* Almadaner-Rot */
			padding: 0.2em 11em 0.2em 0.5em; /* Breite auf die Breite des Kastens darunter ausdehnen */
		}
		.pBody { /* kleiner Abstand oberhalb der Menü-Inhaltskästen, damit Überschrift optisch abgesetzt wird */
		 	margin: 0.2em 0em 0em 0em;
		 	background-color: white;
		}
	}
	.client-darkmode body:not(.skin--responsive), .client-darkmode body.skin--responsive {
		.portlet h3 { /* Überschriften der seitlichen Menüs (Navigation, Suche, Werkzeuge...) */
	    	color: black; /* invertiertes Weiß */
	    	background: #32ffff; /* invertiertes Almadaner-Rot */
		}
	}
	body.skin--responsive #menus-cover-background, body.skin--responsive #menus-cover {
	 	background: none; /* zeige Seiteninhalt unmodifiziert an, auch wenn ein Overlay-Menü aktiv ist */
	 	opacity: 0;
	}
	body.skin--responsive .mobile-menu-active {
	 	border: solid 2px #cd0000;
	 	#ca-talk, #ca-edit { /* einblenden */
	 		position: unset;
	 	}
	 	#ca-view { /* ausblenden, man kann das Menü ja einfach zumachen */
	 		position: absolute;
    		top: -9999px;
    		left: 0;
	 	}
	}
}

@media screen and (max-width: 550px) {
	body:not(.skin--responsive), body.skin--responsive {
		#ca-favorite.icon a, #ca-unfavorite.icon a {
		 /*background-image: url(/images/fav-icons.png);
		  background-position: 0px -25%;*/
		  background: none;
		  padding-top: 0.65em;
		  padding-bottom: 2em;
		  width: inherit;
		  visibility: hidden;
		}
		#ca-favorite.icon a:hover, #ca-unfavorite.icon a:hover {
			background: none;
		}
		#ca-favorite.icon a:before {
			content: "zu Favoriten hinzufügen";	
			visibility: visible;
		}
		
		#ca-unfavorite.icon a:before {
			content: "aus Favoriten entfernen";	
			visibility: visible;
		}
		#p-cactions-mobile li#ca-more a {
			color: white;
		}
		#searchBody {
			position: fixed;
		    top: 3px;
		    left: 57px;
		    width: 65%;
		}
		#echo-hack-badges {
			left: -30px;
			pointer-events: unset;
		}
		#p-cactions-mobile li#talk-mobile a {
			background-image: url(images/speech_balloon.svg);
    		background-size: 18px;
		}
		li#ca-addsection a:after{
			content: " neuer Abschnitt";
		}
		#p-cactions-mobile .pBody {
			background: unset;
		}
	}
}

@media screen and (min-width: 551px) {
	body:not(.skin--responsive), body.skin--responsive {
		#p-personal li a {
			/* Links in der Menüzeile ganz oben weiß einfärben, sonst zu dunkel */
			color: white;
		}
		#p-personal li a:hover { /* visueller Indikator */
			background-color: rebeccapurple;
		}
		#ca-favorite.icon a, #ca-favorite.icon a:hover {
			display: unset;
			background-image: url(/images/fav-icons.png);
			background-position: 4px 3px;
			background-size: 60px;
		}
		#ca-unfavorite.icon a, #ca-unfavorite.icon a:hover {
			display: unset;
			background-image: url(/images/fav-icons.png);
			background-position: -45px 3px;
			background-size: 60px;
		}
		#ca-unfavorite.icon a:before, #ca-favorite.icon a:before {
			content: "   ";
		}
	}
}

.oo-ui-icon-bell { /* lade Glockensymbol in weiß, sonst schwarz */
	background-image: url("eigene_includes/bell.php?fill=ffffff");
}
.oo-ui-icon-tray { /* lade Briefkastensymbol in weiß, sonst schwarz */
	background-image: url("eigene_includes/tray.php?fill=ffffff");
}