MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Jugendbauhütten Wiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
 
(11 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 6: Zeile 6:
*/
*/


/* Seite bis CSS & JS geladen sind unsichtbar halten */
html.client-js body {
html:not(.client-js) body {
  visibility: visible;
   opacity: 0;
   opacity: 0;
  animation: fade-in 0.4s forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.9, 1);
}
}


/* Sichtbar, sobald JS läuft */
@keyframes fade-in {
html.client-js body {
   0% {
   opacity: 1;
    opacity: 0;
   transition: opacity 0.3s ease;
   }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
}


body{
body{
Zeile 40: Zeile 49:
font-weight:700;
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;
}


/*
/*

Aktuelle Version vom 17. Juli 2025, 15:24 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.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ß
*/