MediaWiki:Common.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
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*:root {
  --background-color-base: #B1D236;
}
Das wäre cool mit Variablen macht aber Textfelder komisch
*/

html.client-js body {
  visibility: visible;
  opacity: 0;
  animation: fade-in 0.4s forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.9, 1);
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


body{
color:#143666;
background-color: #a6d71c;
}
#mw-page-base{
background-image:none;
background-color: #a6d71c;
color:#143666;
}
#content{
background-color:#fff;
color: #222;
}
.mw-body-content h2{
color:#143666;
font-family: 'Roboto',sans-serif;
font-weight:500;
}
.mw-body h1{
color:#143666;
font-family: 'Roboto',sans-serif;
font-weight:700;
}

#mw-head .vector-menu-dropdown {
    background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#fff 100%);
    background-repeat: repeat-x;
    background-position-x: 0%;
    background-position-y: 100%
}
#mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f9 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 1px 100%;
    background-position-x: 100%;
    background-position-y: 100%;
    background-origin: padding-box;
    background-clip: border-box;
    box-sizing: border-box;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
    background-color:#e9f2f8;
}

.header-container.header-chrome {
background-color: #a6d71c;
}


/*
JBH Farben:
#a6d71c neonlimette
#143666 blau
#FFFFFF weiß
*/