MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Jugendbauhütten Wiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 6: Zeile 6:
*/
*/


/* Verhindere FOUC – Seite bleibt versteckt, bis JS/CSS geladen sind */
html:not(.client-js) body {
  visibility: hidden;
}
/* Nach dem Laden: Seite sichtbar machen mit sanftem Übergang */
html.client-js body {
html.client-js body {
   visibility: visible;
   visibility: visible;
   opacity: 0;
   opacity: 0;
   animation: fadein 2.0s linear forwards;
   animation: fade-in 0.3s forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.9, 1);
}
}


@keyframes fadein {
@keyframes fade-in {
   to { opacity: 1; }
   0% {
    opacity: 0;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
}


body{
body{

Version vom 17. Juli 2025, 14:42 Uhr

/* 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.3s forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.9, 1);
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  67% {
    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;
}

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