MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
Wechseln zu: Navigation, Suche
K
K
 
(81 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
/**
 +
*
 +
*/
 +
.mediawiki audio {
 +
height:1.5em !important;
 +
display:inline-block;
 +
}
 +
 +
/**
 +
* use correct icon for `Englisch` classes
 +
*
 +
* CS
 +
* 2020-06-23
 +
*/
 +
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,
 +
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {
 +
  content: '\e629';
 +
}
 +
 +
/**
 +
* use correct icon for `Latein` classes
 +
*
 +
* CS
 +
* 2022-09-18
 +
*/
 +
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,
 +
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {
 +
  content: '\e669';
 +
}
 +
 +
 +
 +
/**
 +
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer
 +
* CS
 +
* 2019-04-24
 +
*/
 +
 +
body:not(.not-logged-in) #fu-menu li#hilfen > div,
 +
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {
 +
display: block !important;
 +
visibility: visible !important;
 +
height: auto !important;
 +
}
 +
 +
/*
 +
body:not(.not-logged-in) #fu-menu li#hilfen > a,
 +
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {
 +
background: rgba(0, 0, 0, 0.05);
 +
}
 +
*/
 +
 +
/* hide the toogle */
 +
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,
 +
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {
 +
display: none;
 +
}
 +
 +
/**
 +
* remove interferring default styles from #siteNotice and #localNotice
 +
* uses .mediawiki selector to increase specifity
 +
*/
 +
.mediawiki #siteNotice a { display:inline-block; }
 +
.mediawiki #siteNotice, .mediawiki #localNotice {
 +
text-align:initial;
 +
}
 +
.mediawiki #siteNotice {
 +
margin: -1.5rem -1.5rem -1.5rem -1.5rem;
 +
}
 +
.mediawiki #localNotice {
 +
margin: initial;
 +
}
 +
 
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */
 
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */
  
Zeile 14: Zeile 87:
 
}
 
}
  
 +
/*
 +
* 2018-11-04 [[Benutzer:Christian]]
 +
*
 +
* Workaround for MathML fallback images inside of r-quiz zuordnungsquiz.
 +
*
 +
* they clash with the general rule img {max-width: 100%}.
 +
*
 +
* this rule becomes more specific than the default rules
 +
* because of the additional class on the img element.
 +
*/
 +
.zuordnungs-quiz .feld img.mwe-math-fallback-image-inline {
 +
  max-width: none;
 +
  margin: 0;
 +
}
 +
 +
/*******************
 +
  * Fix Geogebra Styling
 +
  *
 +
  * Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.
 +
  *
 +
  * Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.
 +
  */
 +
 
 +
  #mw-content-text .GeoGebraFrame ul { margin:0; }
 +
 +
/************************
 +
*
 +
* Javascriptless Full-Reveal
 +
*
 +
* required markup
 +
*
 +
* somewhere:
 +
* <span data-uk-toggle="{target:'#UNIQUE_ID', cls:'zum-partial-reveal__open'}" class="zum-partial-reveal__link" for="UNIQUE_ID">Link to reveal</span>
 +
*
 +
* somewhere else:
 +
* <div class="zum-partial-reveal__content">PARTLY HIDDEN_CONTENT</div>
 +
*
 +
*************************/
 +
 +
.zum-partial-reveal__content { max-height:20em; overflow:hidden;position:relative;}
 +
.zum-partial-reveal__content:not(.zum-partial-reveal__content--open)::after {
 +
  content: '';
 +
  position: absolute;
 +
  bottom:0;left:0;right:0;
 +
  height:100px;
 +
  background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
 +
  pointer-events:none;
 +
}
 +
.zum-partial-reveal__content.zum-partial-reveal__content--open {
 +
  max-height: 1000em;transition:max-height 0.15s ease-in;
 +
}
 +
 +
 +
/***************
 +
*
 +
* QR Code Dialog
 +
* Vorlage:QR-Code
 +
*
 +
*********/
 +
.zum-qrcode .uk-modal-dialog .uk-modal-close {
 +
    height: 100%;
 +
    width: 100%;
 +
    padding:1em;
 +
    box-sizing:border-box;
 +
}
 +
.zum-qrcode .uk-modal-dialog .qrlite-result svg,
 +
.zum-qrcode .uk-modal-dialog .qrlite-result img {
 +
    margin: 0 auto;
 +
    display: block;
 +
 +
    width: auto;
 +
    height: auto !important;
 +
    max-width:60%;
 +
    max-height:60%;
 +
    /* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */
 +
    width: 80vmin;
 +
    height: 80vmin !important;
 +
    max-width:80vmin;
 +
    max-height:80vmin;
 +
}
 +
 +
/**********
 +
*
 +
* fix Letzte Änderungen Darstellung
 +
*
 +
*********/
 +
.mw-body-content .mw-collapsible.mw-changeslist-line {
 +
text-align:inherit;
 +
}
 +
 +
/******************
 +
*
 +
* ZUM-Layout
 +
*
 +
******************/
 +
.zum-block {
 +
  padding:0.5em;
 +
  margin-top:0.5em;
 +
  margin-bottom:0.5em;
 +
}
 +
 +
 +
/***********
 +
*
 +
* Mediawiki Indicators
 +
* - container floats on the right
 +
* - individual indicators are flex elements
 +
*
 +
***********/
 +
.mw-indicators {
 +
  float:right;
 +
  display:flex;
 +
}
 +
.mw-indicators > .mw-indicator {
 +
  flex: 1;
 +
}
 +
 +
 
/***********
 
/***********
   * Farben [[Benutzer:Christian]]*
+
   * Farben [[Benutzer:Christian]]
 +
  * per Copy/Paste von [[Vorlage:Farbe]] übernehmen
 
   **********/
 
   **********/
/* Textfarben
+
/* Bedeutungsfarben */
   - kann z.B. für icons verwendet werden */
+
.zum-farbe-Hervorhebung1  { color:#F1D850; }
 +
.zum-farbe-Frage          { color:#F1D850; }
 +
.zum-farbe-Lernpfad        { color:#F19D50; }
 +
.zum-farbe-Hervorhebung2  { color:#C64285; }
 +
.zum-farbe-Merksatz        { color:#C64285; }
 +
.zum-farbe-Üben,
 +
.zum-farbe-Ueben          { color:#338894; }
 +
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
 +
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
 +
.zum-farbe-Experimentieren { color:#A8DF4A; }
 +
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
 +
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
 +
.zum-farbe-Experimentieren { color:#A8DF4A; }
 +
.zum-farbe-Meinung        { color:#DBDBDB; }
 +
.zum-farbe-Lösung,
 +
.zum-farbe-Loesung        { color:#DBDBDB; }
 +
.zum-farbe-Download        { color:#DBDBDB; }
 +
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
 +
.zum-farbe-Zitat          { color:#a0a0a0; }
 +
 
 +
.zum-hintergrund-Hervorhebung1  { background-color:#F1D850; }
 +
.zum-hintergrund-Frage          { background-color:#F1D850; }
 +
.zum-hintergrund-Lernpfad        { background-color:#F19D50; }
 +
.zum-hintergrund-Hervorhebung2  { background-color:#C64285; }
 +
.zum-hintergrund-Merksatz        { background-color:#C64285; }
 +
.zum-hintergrund-Üben,
 +
.zum-hintergrund-Ueben          { background-color:#338894; }
 +
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
 +
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
 +
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
 +
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
 +
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
 +
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
 +
.zum-hintergrund-Meinung        { background-color:#DBDBDB; }
 +
.zum-hintergrund-Lösung,
 +
.zum-hintergrund-Loesung        { background-color:#DBDBDB; }
 +
.zum-hintergrund-Download        { background-color:#DBDBDB; }
 +
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
 +
.zum-hintergrund-Zitat          { background-color:#a0a0a0; } 
 +
 
 +
 
 +
/* komplettes Farbschema */
 +
.zum-farbe-primär                            { color: #F1D850; }
 +
.zum-farbe-primär.zum-farbe-xx-heller        { color: #fffcf0; }
 +
.zum-farbe-primär.zum-farbe-x-heller        { color: #fff6cc; }
 +
.zum-farbe-primär.zum-farbe-heller          { color: #F1D850; }
 +
.zum-farbe-primär.zum-farbe-hell            { color: #FFEA77; }
 +
.zum-farbe-primär.zum-farbe-dunkel          { color: #DEC229; }
 +
.zum-farbe-primär.zum-farbe-dunkler          { color: #AF9612; }
 +
.zum-farbe-sekundär-1                        { color: #C64285; }
 +
.zum-farbe-sekundär-1.zum-farbe-xx-heller    { color: #f7d9e8; }
 +
.zum-farbe-sekundär-1.zum-farbe-x-heller    { color: #f1bbd6; }
 +
.zum-farbe-sekundär-1.zum-farbe-heller      { color: #E994BF; }
 +
.zum-farbe-sekundär-1.zum-farbe-hell        { color: #D965A0; }
 +
.zum-farbe-sekundär-1.zum-farbe-dunkel      { color: #B6226D; }
 +
.zum-farbe-sekundär-1.zum-farbe-dunkler      { color: #900F50; }
 +
.zum-farbe-sekundär-2                        { color: #338894; }
 +
.zum-farbe-sekundär-2.zum-farbe-xx-heller    { color: #c4e3e8; }
 +
.zum-farbe-sekundär-2.zum-farbe-x-heller    { color: #a7d6dd; }
 +
.zum-farbe-sekundär-2.zum-farbe-heller      { color: #85C5CF; }
 +
.zum-farbe-sekundär-2.zum-farbe-hell        { color: #52A1AD; }
 +
.zum-farbe-sekundär-2.zum-farbe-dunkel      { color: #1B7A88; }
 +
.zum-farbe-sekundär-2.zum-farbe-dunkler      { color: #0D5F6B; }
 +
.zum-farbe-komplementär                      { color: #5E43A5; }
 +
.zum-farbe-komplementär.zum-farbe-xx-heller  { color: #dad2ee; }
 +
.zum-farbe-komplementär.zum-farbe-x-heller  { color: #c2b5e3; }
 +
.zum-farbe-komplementär.zum-farbe-heller    { color: #A592D7; }
 +
.zum-farbe-komplementär.zum-farbe-hell      { color: #7B63BC; }
 +
.zum-farbe-komplementär.zum-farbe-dunkel    { color: #482998; }
 +
.zum-farbe-komplementär.zum-farbe-dunkler    { color: #331878; }
 +
.zum-farbe-orange                            { color: #F19D50; }
 +
.zum-farbe-orange.zum-farbe-xx-heller        { color: #fffcfa; }
 +
.zum-farbe-orange.zum-farbe-x-heller        { color: #ffe7d1; }
 +
.zum-farbe-orange.zum-farbe-heller          { color: #FFCEA2; }
 +
.zum-farbe-orange.zum-farbe-hell            { color: #FFB877; }
 +
.zum-farbe-orange.zum-farbe-dunkel          { color: #DD7F28; }
 +
.zum-farbe-orange.zum-farbe-dunkler          { color: #AE5D12; }
 +
.zum-farbe-grün                              { color: #A8DF4A; }
 +
.zum-farbe-grün.zum-farbe-xx-heller          { color: #f7fdec; }
 +
.zum-farbe-grün.zum-farbe-x-heller          { color: #e6fac7; }
 +
.zum-farbe-grün.zum-farbe-heller            { color: #D4F69C; }
 +
.zum-farbe-grün.zum-farbe-hell              { color: #C0EF6F; }
 +
.zum-farbe-grün.zum-farbe-dunkel            { color: #8FCD25; }
 +
.zum-farbe-grün.zum-farbe-dunkler            { color: #6CA111; }
 +
.zum-farbe-grau                              { color: #DBDBDB; }
 +
.zum-farbe-grau.zum-farbe-xx-heller          { color: #fcfcfc; }
 +
.zum-farbe-grau.zum-farbe-x-heller          { color: #f7f7f7; }
 +
.zum-farbe-grau.zum-farbe-heller            { color: #F1F1F1; }
 +
.zum-farbe-grau.zum-farbe-heller            { color: #F1F1F1; }
 +
.zum-farbe-grau.zum-farbe-heller            { color: #F1F1F1; }
 +
.zum-farbe-grau.zum-farbe-hell              { color: #ececec; }
 +
.zum-farbe-grau.zum-farbe-dunkel            { color: #C8C8C8; }
 +
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }
 +
.zum-farbe-links                            { color: #0077dd; }
 +
.zum-farbe-links.zum-farbe-xx-heller        { color: #f5faff; }
 +
.zum-farbe-links.zum-farbe-x-heller          { color: #cce7ff; }
 +
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
 +
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
 +
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
 +
.zum-farbe-links.zum-farbe-hell              { color: #1492ff; }
 +
.zum-farbe-links.zum-farbe-dunkel            { color: #0068bd; }
 +
.zum-farbe-links.zum-farbe-dunkler          { color: #005599; }
 +
 
 +
.
 +
.zum-hintergrund-primär                            { background-color: #F1D850; }
 +
.zum-hintergrund-primär.zum-farbe-xx-heller        { background-color: #fffcf0; }
 +
.zum-hintergrund-primär.zum-farbe-x-heller        { background-color: #fff6cc; }
 +
.zum-hintergrund-primär.zum-farbe-heller          { background-color: #F1D850; }
 +
.zum-hintergrund-primär.zum-farbe-hell            { background-color: #FFEA77; }
 +
.zum-hintergrund-primär.zum-farbe-dunkel          { background-color: #DEC229; }
 +
.zum-hintergrund-primär.zum-farbe-dunkler          { background-color: #AF9612; }
 +
.zum-hintergrund-sekundär-1                        { background-color: #C64285; }
 +
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller   { background-color: #f7d9e8; }
 +
.zum-hintergrund-sekundär-1.zum-farbe-x-heller    { background-color: #f1bbd6; }
 +
.zum-hintergrund-sekundär-1.zum-farbe-heller      { background-color: #E994BF; }
 +
.zum-hintergrund-sekundär-1.zum-farbe-hell        { background-color: #D965A0; }
 +
.zum-hintergrund-sekundär-1.zum-farbe-dunkel      { background-color: #B6226D; }
 +
.zum-hintergrund-sekundär-1.zum-farbe-dunkler      { background-color: #900F50; }
 +
.zum-hintergrund-sekundär-2                        { background-color: #338894; }
 +
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller    { background-color: #c4e3e8; }
 +
.zum-hintergrund-sekundär-2.zum-farbe-x-heller    { background-color: #a7d6dd; }
 +
.zum-hintergrund-sekundär-2.zum-farbe-heller      { background-color: #85C5CF; }
 +
.zum-hintergrund-sekundär-2.zum-farbe-hell        { background-color: #52A1AD; }
 +
.zum-hintergrund-sekundär-2.zum-farbe-dunkel      { background-color: #1B7A88; }
 +
.zum-hintergrund-sekundär-2.zum-farbe-dunkler      { background-color: #0D5F6B; }
 +
.zum-hintergrund-komplementär                      { background-color: #5E43A5; }
 +
.zum-hintergrund-komplementär.zum-farbe-xx-heller  { background-color: #dad2ee; }
 +
.zum-hintergrund-komplementär.zum-farbe-x-heller  { background-color: #c2b5e3; }
 +
.zum-hintergrund-komplementär.zum-farbe-heller    { background-color: #A592D7; }
 +
.zum-hintergrund-komplementär.zum-farbe-hell      { background-color: #7B63BC; }
 +
.zum-hintergrund-komplementär.zum-farbe-dunkel    { background-color: #482998; }
 +
.zum-hintergrund-komplementär.zum-farbe-dunkler    { background-color: #331878; }
 +
.zum-hintergrund-orange                            { background-color: #F19D50; }
 +
.zum-hintergrund-orange.zum-farbe-xx-heller        { background-color: #fffcfa; }
 +
.zum-hintergrund-orange.zum-farbe-x-heller        { background-color: #ffe7d1; }
 +
.zum-hintergrund-orange.zum-farbe-heller          { background-color: #FFCEA2; }
 +
.zum-hintergrund-orange.zum-farbe-hell            { background-color: #FFB877; }
 +
.zum-hintergrund-orange.zum-farbe-dunkel          { background-color: #DD7F28; }
 +
.zum-hintergrund-orange.zum-farbe-dunkler          { background-color: #AE5D12; }
 +
.zum-hintergrund-grün                              { background-color: #A8DF4A; }
 +
.zum-hintergrund-grün.zum-farbe-xx-heller          { background-color: #f7fdec; }
 +
.zum-hintergrund-grün.zum-farbe-x-heller          { background-color: #e6fac7; }
 +
.zum-hintergrund-grün.zum-farbe-heller            { background-color: #D4F69C; }
 +
.zum-hintergrund-grün.zum-farbe-hell              { background-color: #C0EF6F; }
 +
.zum-hintergrund-grün.zum-farbe-dunkel            { background-color: #8FCD25; }
 +
.zum-hintergrund-grün.zum-farbe-dunkler            { background-color: #6CA111; }
 +
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
 +
.zum-hintergrund-grau.zum-farbe-xx-heller          { background-color: #fcfcfc; }
 +
.zum-hintergrund-grau.zum-farbe-x-heller          { background-color: #f7f7f7; }
 +
.zum-hintergrund-grau.zum-farbe-heller            { background-color: #F1F1F1; }
 +
.zum-hintergrund-grau.zum-farbe-hell              { background-color: #ececec; }
 +
.zum-hintergrund-grau.zum-farbe-dunkel            { background-color: #C8C8C8; }
 +
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; }
 +
.zum-hintergrund-links                            { background-color: #0077dd; }
 +
.zum-hintergrund-links.zum-farbe-xx-heller        { background-color: #f5faff; }
 +
.zum-hintergrund-links.zum-farbe-x-heller          { background-color: #cce7ff; }
 +
.zum-hintergrund-links.zum-farbe-heller            { background-color: #47a9ff; }
 +
.zum-hintergrund-links.zum-farbe-hell              { background-color: #1492ff; }
 +
.zum-hintergrund-links.zum-farbe-dunkel            { background-color: #0068bd; }
 +
.zum-hintergrund-links.zum-farbe-dunkler          { background-color: #005599; }
 +
 +
/* overrides
 +
* uses mediawiki parent selector to establish override
 +
*/
 +
.mediawiki .box.hervorhebung1  { border-left-color:#F1D850; }
 +
.mediawiki .box.frage          { border-left-color:#F1D850; }
 +
.mediawiki .box.lernpfad        { border-left-color:#F19D50; }
 +
.mediawiki .box.hervorhebung2  { border-left-color:#C64285; }
 +
.mediawiki .box.merksatz        { border-left-color:#C64285; }
 +
.mediawiki .box.üben,
 +
.mediawiki .box.ueben          { border-left-color:#338894; }
 +
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
 +
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
 +
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
 +
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
 +
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
 +
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
 +
.mediawiki .box.meinung        { border-left-color:#DBDBDB; }
 +
.mediawiki .box.lösung,
 +
.mediawiki .box.loesung        { border-left-color:#DBDBDB; }
 +
.mediawiki .box.download        { border-left-color:#DBDBDB; }
 +
.mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
 +
.mediawiki .box.zitat          { border-left-color:#a0a0a0; }
 +
 
 +
.mediawiki .button-left a,
 +
.mediawiki .button-center a,
 +
.mediawiki .button-right a      { background-color: #DBDBDB;      }
  
 +
.mediawiki .button-left a:hover, 
 +
.mediawiki .button-left a:focus,
 +
.mediawiki .button-center a:hover,
 +
.mediawiki .button-center a:focus,
 +
.mediawiki .button-right a:hover,
 +
.mediawiki .button-right a:focus          { background-color: #ececec;    }
  
/*
+
.mediawiki .button-left.button-primary a,
.zum-farbe-primaer                          { color: {{Vorlage:Farbe|primär        }};}
+
.mediawiki .button-center.button-primary a,
.zum-farbe-primaer.zum-farbe-heller          { color: {{Vorlage:Farbe|primär        |heller}};}
+
.mediawiki .button-right.button-primary a  { background-color: #0068bd;     }
.zum-farbe-primaer.zum-farbe-hell            { color: {{Farbe|primär        |hell}};}
+
 
.zum-farbe-primaer.zum-farbe-dunkel          { color: {{Farbe|primär        |dunkel}};}
+
.mediawiki .button-left.button-primary a:hover,
.zum-farbe-primaer.zum-farbe-dunkler        { color: {{Farbe|primär        |dunkler}};}
+
.mediawiki .button-left.button-primary a:focus,
.zum-farbe-sekundaer-1                      { color: {{Farbe|sekundaer-1    }};}
+
.mediawiki .button-center.button-primary a:hover,
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: {{Farbe|sekundaer-1    |heller}};}
+
.mediawiki .button-center.button-primary a:focus,
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: {{Farbe|sekundaer-1    |hell}};}
+
.mediawiki .button-right.button-primary a:hover
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: {{Farbe|sekundaer-1    |dunkel}};}
+
.mediawiki .button-right.button-primary a:focus { background-color: #1492ff;  }
.zum-farbe-sekundaer-1.zum-farbe-dunkler    { color: {{Farbe|sekundaer-1    |dunkler}};}
+
 
.zum-farbe-sekundaer-2                      { color: {{Farbe|sekundaer-2    }};}
+
.mediawiki .uk-text-muted        { color: #a0a0a0 !important; }
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: {{Farbe|sekundaer-2    |heller}};}
+
.mediawiki .uk-text-primary      { color: #1B7A88 !important; }
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: {{Farbe|sekundaer-2    |hell}};}
+
.mediawiki .uk-text-success      { color: #6CA111 !important; }
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: {{Farbe|sekundaer-2    |dunkel}};}
+
.mediawiki .uk-text-warning      { color: #AE5D12 !important; }
.zum-farbe-sekundaer-2.zum-farbe-dunkler     { color: {{Farbe|sekundaer-2    |dunkler}};}
+
.mediawiki .uk-text-danger        { color: #B6226D !important; }
.zum-farbe-komplementaer-1                  { color: {{Farbe|komplementaer-1}};}
+
.mediawiki .uk-text-contrast      { color: #fff !important;   }
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: {{Farbe|komplementaer-1|heller}};}
+
 
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: {{Farbe|komplementaer-1|hell}};}
+
.mediawiki .uk-button            { background-color: #DBDBDB; }
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: {{Farbe|komplementaer-1|dunkel}};}
+
.mediawiki .uk-button:hover,
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: {{Farbe|komplementaer-1|dunkler}};}
+
.mediawiki .uk-button:focus      { background-color: #ececec; }
.zum-farbe-orange-1                          { color: {{Farbe|orange        }};}
+
.mediawiki .uk-button.uk-active,
.zum-farbe-orange-1.zum-farbe-heller        { color: {{Farbe|orange        |heller}};}
+
.mediawiki .uk-button:active      { background-color: #F1F1F1; }
.zum-farbe-orange-1.zum-farbe-hell          { color: {{Farbe|orange        |hell}};}
+
 
.zum-farbe-orange-1.zum-farbe-dunkel        { color: {{Farbe|orange        |dunkel}};}
+
.mediawiki .uk-button-primary        { background-color: #0068bd; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: {{Farbe|orange        |dunkler}};}
+
.mediawiki .uk-button-primary:hover,
.zum-farbe-gruen                            { color: {{Farbe|gruen          }};}
+
.mediawiki .uk-button-primary:focus  { background-color: #0077dd; }
.zum-farbe-gruen.zum-farbe-heller            { color: {{Farbe|gruen          |heller}};}
+
.mediawiki .uk-button-primary.uk-active,
.zum-farbe-gruen.zum-farbe-hell              { color: {{Farbe|gruen          |hell}};}
+
.mediawiki .uk-button-primary:active { background-color: #1492ff; }
.zum-farbe-gruen.zum-farbe-dunkel            { color: {{Farbe|gruen          |dunkel}};}
+
 
.zum-farbe-gruen.zum-farbe-dunkler          { color: {{Farbe|gruen          |dunkler}};}
+
.mediawiki .uk-button-success        { background-color: #6CA111; }
.zum-farbe-grau                              { color: {{Farbe|grau          }};}
+
.mediawiki .uk-button-success:hover,
.zum-farbe-grau.zum-farbe-heller            { color: {{Farbe|grau          |heller}};}
+
.mediawiki .uk-button-success:focus  { background-color: #8FCD25; }
.zum-farbe-grau.zum-farbe-hell              { color: {{Farbe|grau          |hell}};}
+
.mediawiki .uk-button-success.uk-active,
.zum-farbe-grau.zum-farbe-dunkel            { color: {{Farbe|grau          |dunkel}};}
+
.mediawiki .uk-button-success:active { background-color: #A8DF4A; }
.zum-farbe-grau.zum-farbe-dunkler            { color: {{Farbe|grau          |dunkler}};}
+
 
 +
.mediawiki .uk-button-danger        { background-color: #B6226D; }
 +
.mediawiki .uk-button-danger:hover,
 +
.mediawiki .uk-button-danger:focus  { background-color: #C64285; }
 +
.mediawiki .uk-button-danger.uk-active,
 +
.mediawiki .uk-button-danger:active { background-color: #D965A0; }
 +
 
 +
.mediawiki .uk-button-link        { color: #0068bd; }
 +
.mediawiki .uk-button-link:hover,
 +
.mediawiki .uk-button-link:focus,
 +
.mediawiki .uk-button-link.uk-active,
 +
.mediawiki .uk-button-link:active { color: #0077dd; }
 +
 
 +
 
 +
.mediawiki .uk-button:disabled      { background-color: #ececec; }
 +
.mediawiki .uk-button-link:disabled {            color: #ececec; }
 +
 
 +
/*R-Quiz*/
 +
 
 +
.mediawiki .buchstabenraten-quiz,
 +
.mediawiki .suchsel-quiz,
 +
.mediawiki .kreuzwort-quiz,
 +
.mediawiki .schuettel-quiz,
 +
.mediawiki .multiplechoice-quiz,
 +
.mediawiki .memo-quiz,
 +
.mediawiki .lueckentext-quiz,
 +
.mediawiki .zuordnungs-quiz {
 +
    border-color: #DBDBDB ;
 +
}
 +
 
 +
 
 +
.mediawiki .kreuzwort-quiz .eingabe,
 +
.mediawiki .lueckentext-quiz .daten-pool,
 +
.mediawiki .zuordnungs-quiz .daten-pool {
 +
    background-color: #c4e3e8 ;
 +
     border-color: #85C5CF;
 +
}
 +
.mediawiki .kreuzwort-quiz .eingabe .eingabe-header {
 +
  background-image: none;
 +
  background: #c4e3e8;
 +
}
 +
 
 +
.mediawiki .memo-quiz .feld,
 +
.mediawiki .memo-quiz .fertig {
 +
  border-color:#8080ff;
 +
}
 +
.mediawiki .schuettel-quiz .luecke,
 +
.mediawiki .lueckentext-quiz .feld,
 +
.mediawiki .zuordnungs-quiz .feld,
 +
.mediawiki .zuordnungs-quiz .loesungs-paar .feld ~ .feld,
 +
.mediawiki .mediawiki .kreuzwort-quiz .eingabezeile span {
 +
    background-color: #fff6cc ;
 +
    border-color: #FFEA77  ;
 +
}
 +
.mediawiki .mediawiki .kreuzwort-quiz .eingabezeile span.aktiv {
 +
    background-color: #E994BF ;
 +
    border-color: #B6226D  ;
 +
}
 +
 
 +
 
 +
.mediawiki .zuordnungs-quiz .loesungs-paar {
 +
  background-color: #F1F1F1;
 +
  border-color: #C8C8C8;
 +
 
 +
}
 +
.mediawiki .zuordnungs-quiz .loesungs-paar .feld {
 +
  background-color: #c4e3e8;
 +
  border-color: #85C5CF ;
 +
}
 +
 
 +
 
 +
.mediawiki .memo-quiz .fertig,
 +
.mediawiki .lueckentext-quiz .luecke {
 +
    background-color: #fff6cc ;
 +
    border-color: #FFEA77 ;
 +
}
 +
.mediawiki .memo-quiz .aktiv {
 +
    background-color:#FFCEA2 ;
 +
    border-color:#DD7F28 ;
 +
}
 +
 
 +
.mediawiki .suchsel-quiz .gitter td,
 +
.mediawiki .lueckentext-quiz table.puzzle {
 +
  border-color:black;
 +
}
 +
.mediawiki .lueckentext-quiz table.puzzle .luecke {
 +
  background-color: #f0f0f0;
 +
}
 +
.mediawiki .multiplechoice-quiz .richtig {
 +
  background-color: #A8DF4A ;
 +
  border-color:#6CA111 ;
 +
}
 +
.mediawiki .multiplechoice-quiz .falsch {
 +
background-color: ##E994BF ;
 +
border-color: #C64285;
 +
}
 +
 
 +
.mediawiki .kreuzwort-quiz .gitter .feld {
 +
  background-color: #ffffff;
 +
  border-color: #000000;
 +
}
 +
 
 +
.mediawiki .kreuzwort-quiz .gitter .einfuegemarke {
 +
  background-color: #ffffff;
 +
}
 +
 
 +
.mediawiki .buchstabenraten-quiz .eingabehinweis span,
 +
.mediawiki .kreuzwort-quiz .eingabehinweis span {
 +
  background-color: #ffffff;
 +
  border-color: #888888;
 +
}
 +
 
 +
.mediawiki .kreuzwort-quiz .eingabezeile span {
 +
  border-color: #60ff60;
 +
  background-color: #c0ffc0;
 +
}
 +
 
 +
.mediawiki .kreuzwort-quiz .eingabezeile span.aktiv {
 +
  border-color: #ff0000;
 +
  background-color: #c0ffc0;
 +
  color: #ff0000;
 +
}
 +
 
 +
.mediawiki .suchsel-quiz .gitter .feld {
 +
background-color: #dddddd;
 +
}
 +
 
 +
.mediawiki .suchsel-quiz .gitter .aufgedeckt {
 +
background-color: #D4F69C;
 +
}
 +
 
 +
.mediawiki .suchsel-quiz .gitter .markiert {
 +
background-color: #fff6cc;
 +
}
 +
 
 +
.mediawiki .suchsel-quiz .gitter .hover {
 +
background-color: #fff6cc;
 +
}
 +
.mediawiki .suchsel-quiz .liste {
 +
  border-color: #a0a0a0;
 +
}
 +
.mediawiki .suchsel-quiz .liste .ausgefuellt {
 +
  font-weight: normal;
 +
}
 +
.mediawiki .buchstabenraten-quiz div {
 +
  background-color: #ffdddd;
 +
  border-color: #000000;
 +
}
 +
.mediawiki .buchstabenraten-quiz .start-link {
 +
  border-color: #ff0000;
 +
  color: #ff0000;
 +
}
 +
.mediawiki .buchstabenraten-quiz .start-link:hover {
 +
  border-color: #ff0000;
 +
}
 +
.mediawiki .buchstabenraten-quiz .statusbild {
 +
  border-color: #000000;
 +
}
 +
.mediawiki .buchstabenraten-quiz .statusbild img {
 +
  background-color: #ffffff;
 +
}
 +
.mediawiki .buchstabenraten-quiz .geratene-buchstaben li {
 +
  border-color: #ff0000;
 +
  background-color:#ff8888;
 +
  color: #ff0000;
 +
}
 +
.mediawiki .buchstabenraten-quiz .geratene-buchstaben li.treffer {
 +
  border-color: #00ff00;
 +
  background-color: #ccffcc;
 +
  color: #00aa00;
 +
}
 +
.mediawiki .buchstabenraten-quiz .ratewort li {
 +
  border-color: #666666;
 +
  background-color: #cccccc;
 +
}
 +
 
 +
.mediawiki .buchstabenraten-quiz .ratewort li.erraten {
 +
  border-color: #00ff00;
 +
  background-color: #ccffcc;
 +
  color: #00a000;
 +
}
 +
 
 +
 
 +
.mediawiki .anvisiert {
 +
      background-color:#FFCEA2 !important;
 +
    border-color:#DD7F28 !important;
 +
}
 +
 
 +
.mediawiki .auswertungs-button {
 +
  background-color: #F19D50;
 +
  border-color:#AE5D12;
 +
  color:white;
 +
  font-weight: normal;
 +
}
 +
 
 +
.mediawiki .quiz-bewertung {
 +
  background-color:#e6fac7;
 +
  border-color:#C0EF6F;
 +
  font-weight: normal;
 +
  line-height: 1.2em;
 +
  border-left:none;
 +
  border-right:none;
 +
}
 +
 
 +
.mediawiki p.quiz-bewertung {
 +
  line-height: inherit;
 +
}
  
.zum-hintergrund-primaer                          { background-color: {{Farbe|primär        }};}
+
.mediawiki .schuettel-quiz .luecke {
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: {{Farbe|primär        |heller}};}
+
  padding: 0 0.25em;
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: {{Farbe|primär        |hell}};}
+
  margin:0;
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: {{Farbe|primär        |dunkel}};}
+
}
.zum-hintergrund-primaer.zum-farbe-dunkler        { background-color: {{Farbe|primär        |dunkler}};}
+
.mediawiki .schuettel-quiz .luecke input {
.zum-hintergrund-sekundaer-1                      { background-color: {{Farbe|sekundaer-1   }};}
+
  line-height: 1.2em;
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: {{Farbe|sekundaer-1    |heller}};}
+
  font-size: 100%;
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: {{Farbe|sekundaer-1    |hell}};}
+
  height: 100%;
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: {{Farbe|sekundaer-1    |dunkel}};}
+
  margin-left:-0.25em;
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler    { background-color: {{Farbe|sekundaer-1    |dunkler}};}
+
}
.zum-hintergrund-sekundaer-2                      { background-color: {{Farbe|sekundaer-2    }};}
+
.mediawiki .schuettel-quiz .luecke,
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: {{Farbe|sekundaer-2    |heller}};}
+
.mediawiki .lueckentext-quiz .luecke {
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: {{Farbe|sekundaer-2    |hell}};}
+
  min-width:5em;
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: {{Farbe|sekundaer-2    |dunkel}};}
+
  width:auto;
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler    { background-color: {{Farbe|sekundaer-2    |dunkler}};}
+
  line-height: 1em;
.zum-hintergrund-komplementaer-1                  { background-color: {{Farbe|komplementaer-1}};}
+
  min-height:1.2em;
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: {{Farbe|komplementaer-1|heller}};}
+
  height:auto;
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: {{Farbe|komplementaer-1|hell}};}
+
  display:inline-block;
.zum-hintergrund-komplementaer-1.zum-farbe-dunkel  { background-color: {{Farbe|komplementaer-1|dunkel}};}
+
}
.zum-hintergrund-komplementaer-1.zum-farbe-dunkler { background-color: {{Farbe|komplementaer-1|dunkler}};}
+
.mediawiki .schuettel-quiz .luecke .feld,
.zum-hintergrund-orange-1                          { background-color: {{Farbe|orange        }};}
+
.mediawiki .schuettel-quiz .luecke .feldundefined,
.zum-hintergrund-orange-1.zum-farbe-heller        { background-color: {{Farbe|orange        |heller}};}
+
.mediawiki .lueckentext-quiz .luecke .feld,
.zum-hintergrund-orange-1.zum-farbe-hell          { background-color: {{Farbe|orange        |hell}};}
+
.mediawiki .schuettel-quiz .luecke .feldundefined {
.zum-hintergrund-orange-1.zum-farbe-dunkel        { background-color: {{Farbe|orange        |dunkel}};}
+
  height:auto;
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: {{Farbe|orange        |dunkler}};}
+
  width:auto;
.zum-hintergrund-gruen                            { background-color: {{Farbe|gruen          }};}
+
  display:inline-block;
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: {{Farbe|gruen          |heller}};}
+
  border:none;
.zum-hintergrund-gruen.zum-farbe-hell              { background-color: {{Farbe|gruen          |hell}};}
+
}
.zum-hintergrund-gruen.zum-farbe-dunkel            { background-color: {{Farbe|gruen          |dunkel}};}
 
.zum-hintergrund-gruen.zum-farbe-dunkler          { background-color: {{Farbe|gruen          |dunkler}};}
 
.zum-hintergrund-grau                              { background-color: {{Farbe|grau          }};}
 
.zum-hintergrund-grau.zum-farbe-heller            { background-color: {{Farbe|grau          |heller}};}
 
.zum-hintergrund-grau.zum-farbe-hell              { background-color: {{Farbe|grau          |hell}};}
 
.zum-hintergrund-grau.zum-farbe-dunkel            { background-color: {{Farbe|grau          |dunkel}};}
 
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: {{Farbe|grau          |dunkler}};}
 
*/
 

Aktuelle Version vom 18. September 2022, 15:50 Uhr

/**
 *
 */
.mediawiki audio {
 height:1.5em !important;
 display:inline-block;
}

/**
 * use correct icon for `Englisch` classes
 *
 * CS
 * 2020-06-23
 */
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {
  content: '\e629';
}

/**
 * use correct icon for `Latein` classes
 *
 * CS 
 * 2022-09-18 
 */
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {
  content: '\e669';
}



/**
 * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer
 * CS
 * 2019-04-24
 */
 
body:not(.not-logged-in) #fu-menu li#hilfen > div,
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {
display: block !important;
visibility: visible !important;
height: auto !important;
}

/*
body:not(.not-logged-in) #fu-menu li#hilfen > a,
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {
background: rgba(0, 0, 0, 0.05);
}
*/

/* hide the toogle */
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {
display: none;
}

/**
 * remove interferring default styles from #siteNotice and #localNotice
 * uses .mediawiki selector to increase specifity
 */
.mediawiki #siteNotice a { display:inline-block; }
.mediawiki #siteNotice, .mediawiki #localNotice {
 text-align:initial;
}
.mediawiki #siteNotice {
 margin: -1.5rem -1.5rem -1.5rem -1.5rem;
}
.mediawiki #localNotice {
 margin: initial;
}

/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div#content a.external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    padding-right: 13px;
}

/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div.float-right, table.float-right, ul.float-right, .float-right {
    clear: right;
    float: right;
    margin: 1em 0 1em 1em;
}

/*
 * 2018-11-04 [[Benutzer:Christian]] 
 *
 * Workaround for MathML fallback images inside of r-quiz zuordnungsquiz.
 *
 * they clash with the general rule img {max-width: 100%}.
 * 
 * this rule becomes more specific than the default rules
 * because of the additional class on the img element.
 */
 .zuordnungs-quiz .feld img.mwe-math-fallback-image-inline {
   max-width: none;
   margin: 0;
 }
 
 /*******************
  * Fix Geogebra Styling
  *
  * Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.
  *
  * Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.
  */
  
  #mw-content-text .GeoGebraFrame ul { margin:0; }
 
/************************
 *
 * Javascriptless Full-Reveal
 * 
 * required markup
 *
 * somewhere:
 * <span data-uk-toggle="{target:'#UNIQUE_ID', cls:'zum-partial-reveal__open'}" class="zum-partial-reveal__link" for="UNIQUE_ID">Link to reveal</span>
 *
 * somewhere else:
 * <div class="zum-partial-reveal__content">PARTLY HIDDEN_CONTENT</div>
 *
 *************************/
 
 .zum-partial-reveal__content { max-height:20em; overflow:hidden;position:relative;}
 .zum-partial-reveal__content:not(.zum-partial-reveal__content--open)::after {
   content: '';
   position: absolute;
   bottom:0;left:0;right:0;
   height:100px;
   background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
   pointer-events:none; 
 }
 .zum-partial-reveal__content.zum-partial-reveal__content--open {
   max-height: 1000em;transition:max-height 0.15s ease-in;
 }


/***************
 *
 * QR Code Dialog
 * Vorlage:QR-Code
 *
 *********/
 .zum-qrcode .uk-modal-dialog .uk-modal-close {
    height: 100%;
    width: 100%;
    padding:1em;
    box-sizing:border-box;
 }
 .zum-qrcode .uk-modal-dialog .qrlite-result svg,
 .zum-qrcode .uk-modal-dialog .qrlite-result img {
    margin: 0 auto;
    display: block;
 
    width: auto;
    height: auto !important;
    max-width:60%;
    max-height:60%;
    /* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */
    width: 80vmin;
    height: 80vmin !important;
    max-width:80vmin;
    max-height:80vmin;
 }

/**********
 *
 * fix Letzte Änderungen Darstellung
 *
 *********/
 .mw-body-content .mw-collapsible.mw-changeslist-line {
 text-align:inherit;
 }

/******************
 *
 * ZUM-Layout
 *
 ******************/
.zum-block {
  padding:0.5em;
  margin-top:0.5em;
  margin-bottom:0.5em;
}


/***********
 *
 * Mediawiki Indicators
 * - container floats on the right
 * - individual indicators are flex elements
 *
 ***********/
.mw-indicators {
  float:right;
  display:flex;
}
.mw-indicators > .mw-indicator {
  flex: 1;
}
 
 
/***********
  * Farben [[Benutzer:Christian]]
  * per Copy/Paste von [[Vorlage:Farbe]] übernehmen
  **********/
/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1   { color:#F1D850; }
.zum-farbe-Frage           { color:#F1D850; }
.zum-farbe-Lernpfad        { color:#F19D50; }
.zum-farbe-Hervorhebung2   { color:#C64285; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Üben,
.zum-farbe-Ueben           { color:#338894; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Meinung         { color:#DBDBDB; }
.zum-farbe-Lösung,
.zum-farbe-Loesung         { color:#DBDBDB; }
.zum-farbe-Download        { color:#DBDBDB; }
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
.zum-farbe-Zitat           { color:#a0a0a0; }

.zum-hintergrund-Hervorhebung1   { background-color:#F1D850; }
.zum-hintergrund-Frage           { background-color:#F1D850; }
.zum-hintergrund-Lernpfad        { background-color:#F19D50; }
.zum-hintergrund-Hervorhebung2   { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Üben,
.zum-hintergrund-Ueben           { background-color:#338894; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Meinung         { background-color:#DBDBDB; }
.zum-hintergrund-Lösung,
.zum-hintergrund-Loesung         { background-color:#DBDBDB; }
.zum-hintergrund-Download        { background-color:#DBDBDB; }
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
.zum-hintergrund-Zitat           { background-color:#a0a0a0; }  


/* komplettes Farbschema */
.zum-farbe-primär                            { color: #F1D850; }
.zum-farbe-primär.zum-farbe-xx-heller        { color: #fffcf0; }
.zum-farbe-primär.zum-farbe-x-heller         { color: #fff6cc; }
.zum-farbe-primär.zum-farbe-heller           { color: #F1D850; }
.zum-farbe-primär.zum-farbe-hell             { color: #FFEA77; }
.zum-farbe-primär.zum-farbe-dunkel           { color: #DEC229; }
.zum-farbe-primär.zum-farbe-dunkler          { color: #AF9612; }
.zum-farbe-sekundär-1                        { color: #C64285; }
.zum-farbe-sekundär-1.zum-farbe-xx-heller    { color: #f7d9e8; }
.zum-farbe-sekundär-1.zum-farbe-x-heller     { color: #f1bbd6; }
.zum-farbe-sekundär-1.zum-farbe-heller       { color: #E994BF; }
.zum-farbe-sekundär-1.zum-farbe-hell         { color: #D965A0; }
.zum-farbe-sekundär-1.zum-farbe-dunkel       { color: #B6226D; }
.zum-farbe-sekundär-1.zum-farbe-dunkler      { color: #900F50; }
.zum-farbe-sekundär-2                        { color: #338894; }
.zum-farbe-sekundär-2.zum-farbe-xx-heller    { color: #c4e3e8; }
.zum-farbe-sekundär-2.zum-farbe-x-heller     { color: #a7d6dd; }
.zum-farbe-sekundär-2.zum-farbe-heller       { color: #85C5CF; }
.zum-farbe-sekundär-2.zum-farbe-hell         { color: #52A1AD; }
.zum-farbe-sekundär-2.zum-farbe-dunkel       { color: #1B7A88; }
.zum-farbe-sekundär-2.zum-farbe-dunkler      { color: #0D5F6B; }
.zum-farbe-komplementär                      { color: #5E43A5; }
.zum-farbe-komplementär.zum-farbe-xx-heller  { color: #dad2ee; }
.zum-farbe-komplementär.zum-farbe-x-heller   { color: #c2b5e3; }
.zum-farbe-komplementär.zum-farbe-heller     { color: #A592D7; }
.zum-farbe-komplementär.zum-farbe-hell       { color: #7B63BC; }
.zum-farbe-komplementär.zum-farbe-dunkel     { color: #482998; }
.zum-farbe-komplementär.zum-farbe-dunkler    { color: #331878; }
.zum-farbe-orange                            { color: #F19D50; }
.zum-farbe-orange.zum-farbe-xx-heller        { color: #fffcfa; }
.zum-farbe-orange.zum-farbe-x-heller         { color: #ffe7d1; }
.zum-farbe-orange.zum-farbe-heller           { color: #FFCEA2; }
.zum-farbe-orange.zum-farbe-hell             { color: #FFB877; }
.zum-farbe-orange.zum-farbe-dunkel           { color: #DD7F28; }
.zum-farbe-orange.zum-farbe-dunkler          { color: #AE5D12; }
.zum-farbe-grün                              { color: #A8DF4A; }
.zum-farbe-grün.zum-farbe-xx-heller          { color: #f7fdec; }
.zum-farbe-grün.zum-farbe-x-heller           { color: #e6fac7; }
.zum-farbe-grün.zum-farbe-heller             { color: #D4F69C; }
.zum-farbe-grün.zum-farbe-hell               { color: #C0EF6F; }
.zum-farbe-grün.zum-farbe-dunkel             { color: #8FCD25; }
.zum-farbe-grün.zum-farbe-dunkler            { color: #6CA111; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-xx-heller          { color: #fcfcfc; }
.zum-farbe-grau.zum-farbe-x-heller           { color: #f7f7f7; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-hell               { color: #ececec; }
.zum-farbe-grau.zum-farbe-dunkel             { color: #C8C8C8; }
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }
.zum-farbe-links                             { color: #0077dd; }
.zum-farbe-links.zum-farbe-xx-heller         { color: #f5faff; }
.zum-farbe-links.zum-farbe-x-heller          { color: #cce7ff; }
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
.zum-farbe-links.zum-farbe-hell              { color: #1492ff; }
.zum-farbe-links.zum-farbe-dunkel            { color: #0068bd; }
.zum-farbe-links.zum-farbe-dunkler           { color: #005599; }

. 
.zum-hintergrund-primär                            { background-color: #F1D850; }
.zum-hintergrund-primär.zum-farbe-xx-heller        { background-color: #fffcf0; }
.zum-hintergrund-primär.zum-farbe-x-heller         { background-color: #fff6cc; }
.zum-hintergrund-primär.zum-farbe-heller           { background-color: #F1D850; }
.zum-hintergrund-primär.zum-farbe-hell             { background-color: #FFEA77; }
.zum-hintergrund-primär.zum-farbe-dunkel           { background-color: #DEC229; }
.zum-hintergrund-primär.zum-farbe-dunkler          { background-color: #AF9612; }
.zum-hintergrund-sekundär-1                        { background-color: #C64285; }
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller    { background-color: #f7d9e8; }
.zum-hintergrund-sekundär-1.zum-farbe-x-heller     { background-color: #f1bbd6; }
.zum-hintergrund-sekundär-1.zum-farbe-heller       { background-color: #E994BF; }
.zum-hintergrund-sekundär-1.zum-farbe-hell         { background-color: #D965A0; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkel       { background-color: #B6226D; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkler      { background-color: #900F50; }
.zum-hintergrund-sekundär-2                        { background-color: #338894; }
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller    { background-color: #c4e3e8; }
.zum-hintergrund-sekundär-2.zum-farbe-x-heller     { background-color: #a7d6dd; }
.zum-hintergrund-sekundär-2.zum-farbe-heller       { background-color: #85C5CF; }
.zum-hintergrund-sekundär-2.zum-farbe-hell         { background-color: #52A1AD; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkel       { background-color: #1B7A88; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkler      { background-color: #0D5F6B; }
.zum-hintergrund-komplementär                      { background-color: #5E43A5; }
.zum-hintergrund-komplementär.zum-farbe-xx-heller  { background-color: #dad2ee; }
.zum-hintergrund-komplementär.zum-farbe-x-heller   { background-color: #c2b5e3; }
.zum-hintergrund-komplementär.zum-farbe-heller     { background-color: #A592D7; }
.zum-hintergrund-komplementär.zum-farbe-hell       { background-color: #7B63BC; }
.zum-hintergrund-komplementär.zum-farbe-dunkel     { background-color: #482998; }
.zum-hintergrund-komplementär.zum-farbe-dunkler    { background-color: #331878; }
.zum-hintergrund-orange                            { background-color: #F19D50; }
.zum-hintergrund-orange.zum-farbe-xx-heller        { background-color: #fffcfa; }
.zum-hintergrund-orange.zum-farbe-x-heller         { background-color: #ffe7d1; }
.zum-hintergrund-orange.zum-farbe-heller           { background-color: #FFCEA2; }
.zum-hintergrund-orange.zum-farbe-hell             { background-color: #FFB877; }
.zum-hintergrund-orange.zum-farbe-dunkel           { background-color: #DD7F28; }
.zum-hintergrund-orange.zum-farbe-dunkler          { background-color: #AE5D12; }
.zum-hintergrund-grün                              { background-color: #A8DF4A; }
.zum-hintergrund-grün.zum-farbe-xx-heller          { background-color: #f7fdec; }
.zum-hintergrund-grün.zum-farbe-x-heller           { background-color: #e6fac7; }
.zum-hintergrund-grün.zum-farbe-heller             { background-color: #D4F69C; }
.zum-hintergrund-grün.zum-farbe-hell               { background-color: #C0EF6F; }
.zum-hintergrund-grün.zum-farbe-dunkel             { background-color: #8FCD25; }
.zum-hintergrund-grün.zum-farbe-dunkler            { background-color: #6CA111; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-xx-heller          { background-color: #fcfcfc; }
.zum-hintergrund-grau.zum-farbe-x-heller           { background-color: #f7f7f7; }
.zum-hintergrund-grau.zum-farbe-heller             { background-color: #F1F1F1; }
.zum-hintergrund-grau.zum-farbe-hell               { background-color: #ececec; }
.zum-hintergrund-grau.zum-farbe-dunkel             { background-color: #C8C8C8; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; } 
.zum-hintergrund-links                             { background-color: #0077dd; }
.zum-hintergrund-links.zum-farbe-xx-heller         { background-color: #f5faff; }
.zum-hintergrund-links.zum-farbe-x-heller          { background-color: #cce7ff; }
.zum-hintergrund-links.zum-farbe-heller            { background-color: #47a9ff; }
.zum-hintergrund-links.zum-farbe-hell              { background-color: #1492ff; }
.zum-hintergrund-links.zum-farbe-dunkel            { background-color: #0068bd; }
.zum-hintergrund-links.zum-farbe-dunkler           { background-color: #005599; } 
 
/* overrides 
 * uses mediawiki parent selector to establish override
 */
.mediawiki .box.hervorhebung1   { border-left-color:#F1D850; }
.mediawiki .box.frage           { border-left-color:#F1D850; }
.mediawiki .box.lernpfad        { border-left-color:#F19D50; }
.mediawiki .box.hervorhebung2   { border-left-color:#C64285; }
.mediawiki .box.merksatz        { border-left-color:#C64285; }
.mediawiki .box.üben,
.mediawiki .box.ueben           { border-left-color:#338894; }
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
.mediawiki .box.meinung         { border-left-color:#DBDBDB; }
.mediawiki .box.lösung,
.mediawiki .box.loesung         { border-left-color:#DBDBDB; }
.mediawiki .box.download        { border-left-color:#DBDBDB; }
.mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
.mediawiki .box.zitat           { border-left-color:#a0a0a0; } 

.mediawiki .button-left a,
.mediawiki .button-center a,
.mediawiki .button-right a      { background-color: #DBDBDB;      }

.mediawiki .button-left a:hover,   
.mediawiki .button-left a:focus,
.mediawiki .button-center a:hover, 
.mediawiki .button-center a:focus,
.mediawiki .button-right a:hover,
.mediawiki .button-right a:focus           { background-color: #ececec;     }

.mediawiki .button-left.button-primary a,
.mediawiki .button-center.button-primary a,
.mediawiki .button-right.button-primary a  { background-color: #0068bd;     }

.mediawiki .button-left.button-primary a:hover,
.mediawiki .button-left.button-primary a:focus,
.mediawiki .button-center.button-primary a:hover,
.mediawiki .button-center.button-primary a:focus,
.mediawiki .button-right.button-primary a:hover
.mediawiki .button-right.button-primary a:focus { background-color: #1492ff;  }

.mediawiki .uk-text-muted         { color: #a0a0a0 !important; }
.mediawiki .uk-text-primary       { color: #1B7A88 !important; }
.mediawiki .uk-text-success       { color: #6CA111 !important; }
.mediawiki .uk-text-warning       { color: #AE5D12 !important; }
.mediawiki .uk-text-danger        { color: #B6226D !important; }
.mediawiki .uk-text-contrast      { color: #fff !important;    }

.mediawiki .uk-button             { background-color: #DBDBDB; }
.mediawiki .uk-button:hover,
.mediawiki .uk-button:focus       { background-color: #ececec; }
.mediawiki .uk-button.uk-active,
.mediawiki .uk-button:active      { background-color: #F1F1F1; }

.mediawiki .uk-button-primary        { background-color: #0068bd; }
.mediawiki .uk-button-primary:hover,
.mediawiki .uk-button-primary:focus  { background-color: #0077dd; }
.mediawiki .uk-button-primary.uk-active,
.mediawiki .uk-button-primary:active { background-color: #1492ff; }

.mediawiki .uk-button-success        { background-color: #6CA111; }
.mediawiki .uk-button-success:hover,
.mediawiki .uk-button-success:focus  { background-color: #8FCD25; }
.mediawiki .uk-button-success.uk-active,
.mediawiki .uk-button-success:active { background-color: #A8DF4A; }

.mediawiki .uk-button-danger        { background-color: #B6226D; }
.mediawiki .uk-button-danger:hover,
.mediawiki .uk-button-danger:focus  { background-color: #C64285; }
.mediawiki .uk-button-danger.uk-active,
.mediawiki .uk-button-danger:active { background-color: #D965A0; }

.mediawiki .uk-button-link        { color: #0068bd; }
.mediawiki .uk-button-link:hover,
.mediawiki .uk-button-link:focus,
.mediawiki .uk-button-link.uk-active,
.mediawiki .uk-button-link:active { color: #0077dd; }


.mediawiki .uk-button:disabled      { background-color: #ececec; }
.mediawiki .uk-button-link:disabled {            color: #ececec; }

/*R-Quiz*/

.mediawiki .buchstabenraten-quiz,
.mediawiki .suchsel-quiz,
.mediawiki .kreuzwort-quiz,
.mediawiki .schuettel-quiz,
.mediawiki .multiplechoice-quiz,
.mediawiki .memo-quiz,
.mediawiki .lueckentext-quiz,
.mediawiki .zuordnungs-quiz {
    border-color: #DBDBDB ;
}


.mediawiki .kreuzwort-quiz .eingabe,
.mediawiki .lueckentext-quiz .daten-pool,
.mediawiki .zuordnungs-quiz .daten-pool {
    background-color: #c4e3e8 ;
    border-color: #85C5CF;
}
.mediawiki .kreuzwort-quiz .eingabe .eingabe-header {
  background-image: none;
  background: #c4e3e8;
}

.mediawiki .memo-quiz .feld,
.mediawiki .memo-quiz .fertig {
  border-color:#8080ff;
}
.mediawiki .schuettel-quiz .luecke,
.mediawiki .lueckentext-quiz .feld,
.mediawiki .zuordnungs-quiz .feld,
.mediawiki .zuordnungs-quiz .loesungs-paar .feld ~ .feld,
.mediawiki .mediawiki .kreuzwort-quiz .eingabezeile span {
    background-color: #fff6cc ;
    border-color: #FFEA77  ;
}
.mediawiki .mediawiki .kreuzwort-quiz .eingabezeile span.aktiv {
    background-color: #E994BF ;
    border-color: #B6226D  ;
}


.mediawiki .zuordnungs-quiz .loesungs-paar {
  background-color: #F1F1F1;
  border-color: #C8C8C8;

}
.mediawiki .zuordnungs-quiz .loesungs-paar .feld {
  background-color: #c4e3e8;
  border-color: #85C5CF ;
}


.mediawiki .memo-quiz .fertig,
.mediawiki .lueckentext-quiz .luecke {
    background-color: #fff6cc ;
    border-color: #FFEA77 ;
}
.mediawiki .memo-quiz .aktiv {
    background-color:#FFCEA2 ;
    border-color:#DD7F28 ;
}

.mediawiki .suchsel-quiz .gitter td,
.mediawiki .lueckentext-quiz table.puzzle {
  border-color:black;
}
.mediawiki .lueckentext-quiz table.puzzle .luecke {
  background-color: #f0f0f0;
}
.mediawiki .multiplechoice-quiz .richtig {
	  background-color: #A8DF4A ;
	  border-color:#6CA111 ;
}
.mediawiki .multiplechoice-quiz .falsch {
	background-color: ##E994BF ;
	border-color: #C64285;
}

.mediawiki .kreuzwort-quiz .gitter .feld {
  background-color: #ffffff;
  border-color: #000000;
}

.mediawiki .kreuzwort-quiz .gitter .einfuegemarke {
  background-color: #ffffff;
}

.mediawiki .buchstabenraten-quiz .eingabehinweis span,
.mediawiki .kreuzwort-quiz .eingabehinweis span {
  background-color: #ffffff;
  border-color: #888888;
}

.mediawiki .kreuzwort-quiz .eingabezeile span {
  border-color: #60ff60;
  background-color: #c0ffc0;
}

.mediawiki .kreuzwort-quiz .eingabezeile span.aktiv {
  border-color: #ff0000;
  background-color: #c0ffc0;
  color: #ff0000;
}

.mediawiki .suchsel-quiz .gitter .feld {
	background-color: #dddddd;
}

.mediawiki .suchsel-quiz .gitter .aufgedeckt {
	background-color: #D4F69C;
}

.mediawiki .suchsel-quiz .gitter .markiert {
	background-color: #fff6cc;
}

.mediawiki .suchsel-quiz .gitter .hover {
	background-color: #fff6cc;
}
.mediawiki .suchsel-quiz .liste {
  border-color: #a0a0a0;
}
.mediawiki .suchsel-quiz .liste .ausgefuellt {
  font-weight: normal;  
}
.mediawiki .buchstabenraten-quiz div {
  background-color: #ffdddd;
  border-color: #000000;
}
.mediawiki .buchstabenraten-quiz .start-link {
  border-color: #ff0000;
  color: #ff0000;
}
.mediawiki .buchstabenraten-quiz .start-link:hover {
  border-color: #ff0000;
}
.mediawiki .buchstabenraten-quiz .statusbild {
  border-color: #000000;
}
.mediawiki .buchstabenraten-quiz .statusbild img {
  background-color: #ffffff;
}
.mediawiki .buchstabenraten-quiz .geratene-buchstaben li {
  border-color: #ff0000;
  background-color:#ff8888;
  color: #ff0000;
}
.mediawiki .buchstabenraten-quiz .geratene-buchstaben li.treffer {
  border-color: #00ff00;
  background-color: #ccffcc;
  color: #00aa00;
}
.mediawiki .buchstabenraten-quiz .ratewort li {
  border-color: #666666;
  background-color: #cccccc;
}

.mediawiki .buchstabenraten-quiz .ratewort li.erraten {
  border-color: #00ff00;
  background-color: #ccffcc;
  color: #00a000;
}


.mediawiki .anvisiert {
      background-color:#FFCEA2 !important;
    border-color:#DD7F28 !important;
}

.mediawiki .auswertungs-button {
  background-color: #F19D50;
  border-color:#AE5D12;
  color:white;
  font-weight: normal;
}

.mediawiki .quiz-bewertung {
  background-color:#e6fac7;
  border-color:#C0EF6F;
  font-weight: normal;
  line-height: 1.2em;
  border-left:none;
  border-right:none;
}

.mediawiki p.quiz-bewertung {
  line-height: inherit;
}

.mediawiki .schuettel-quiz .luecke {
  padding: 0 0.25em;
  margin:0;
}
.mediawiki .schuettel-quiz .luecke input {
  line-height: 1.2em;
  font-size: 100%;
  height: 100%;
  margin-left:-0.25em;
}
.mediawiki .schuettel-quiz .luecke,
.mediawiki .lueckentext-quiz .luecke {
  min-width:5em;
  width:auto;
  line-height: 1em;
  min-height:1.2em;
  height:auto;
  display:inline-block;
}
.mediawiki .schuettel-quiz .luecke .feld,
.mediawiki .schuettel-quiz .luecke .feldundefined,
.mediawiki .lueckentext-quiz .luecke .feld,
.mediawiki .schuettel-quiz .luecke .feldundefined {
  height:auto;
  width:auto;
  display:inline-block;
  border:none;
}