MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(184 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");
/**
*
*/
.mediawiki audio {
height:1.5em !important;
display:inline-block;
}
/**
*
*
*/
body.not-logged-in .hidden-not-logged-in {
  display:none;
}
body:not(.not-logged-in) .hidden-logged-in {
  display:none;
}
/**
* 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';
}
/**
* Black color for `misc` classes
*
* CS
* 2023-04-23
*
*/
.mediawiki .subjects.misc a span,
.mediawiki .subjects.misc a.new span {
  color: hsla(0, 0%, 0%, 0.8);
}
.mediawiki .misc .portal > span {
  background: hsla(0, 0%, 0%, 0.8);
}
/**
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer
* CS
* 2023-02-19
*/
body:not(.not-logged-in) #p-Hilfen .mw-portlet-body {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}
/* hide the toogle */
body:not(.not-logged-in) #p-Hilfen-label: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 114:
}
}


/*
* 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
  * ZUM-Layout
* idea: an interaction with a label can change the checked status of an input field. The div following the inputfield can be matched based on the checked status. Therefore we can trigger the activation of the rule using a clickable element.
*
*
* required markup
  *
  *
  * somewhere:
  ******************/
* <label class="zum-partial-reveal__link" for="UNIQUE_ID">Link to reveal</label>
.zum-block {
*
  padding:0.5em;
* somewhere else:
  margin-top:0.5em;
* <input class="zum-partial-reveal__checkbox" type="checkbox" id="UNIQUE_ID"/>
  margin-bottom:0.5em;
* <div class="zum-partial-reveal__content">PARTLY HIDDEN_CONTENT</div>
}
*
*************************/
.zum-partial-reveal__checkbox { display: none; }
.zum-partial-reveal__content { max-height:20em; overlay:hidden;}
.zum-partial-reveal__content.zum-partial-reaveal__open {
{max-height: 1000em;transition:max-height 0.15s ease-in;}
}




/***********
/***********
  * Farben [[Benutzer:Christian]]
*
  * per Copy/Paste von [[Vorlage:Farbe]] übernehmen
* Mediawiki Indicators
  **********/
* - container floats on the right
/* Bedeutungsfarben */
* - individual indicators are flex elements
.zum-farbe-Hervorhebung1  { color:#F1D850; }
*
.zum-farbe-Frage          { color:#F1D850; }
***********/
.zum-farbe-Lernpfad        { color:#F19D50; }
.mw-indicators {
.zum-farbe-Hervorhebung2   { color:#C64285; }
  float:right;
.zum-farbe-Merksatz        { color:#C64285; }
   display:flex;
.zum-farbe-Üben,
}
.zum-farbe-Ueben          { color:#338894; }
.mw-indicators > .mw-indicator {
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
  flex: 1;
.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; }
/* larger fa-lg style for Font Awesome*/
.zum-hintergrund-Frage          { background-color:#F1D850; }
.fa-lg2x
.zum-hintergrund-Lernpfad        { background-color:#F19D50; }
{
.zum-hintergrund-Hervorhebung2  { background-color:#C64285; }
  font-size: 2em;
.zum-hintergrund-Merksatz        { background-color:#C64285; }
   line-height: 0.25em;
.zum-hintergrund-Üben,
   vertical-align: -50%;
.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-heller          { color: #FFF0A2; }
.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-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-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: #F1D850; }
.zum-farbe-komplementär.zum-farbe-heller    { color: #FFF0A2; }
.zum-farbe-komplementär.zum-farbe-hell      { color: #FFEA77; }
.zum-farbe-komplementär.zum-farbe-dunkel    { color: #DEC229; }
.zum-farbe-komplementär.zum-farbe-dunkler    { color: #AF9612; }
.zum-farbe-orange                            { color: #F19D50; }
.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-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-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-hintergrund-primär                            { background-color: #F1D850; }
.zum-hintergrund-primär.zum-farbe-heller          { background-color: #FFF0A2; }
.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-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-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: #F1D850; }
.zum-hintergrund-komplementär.zum-farbe-heller    { background-color: #FFF0A2; }
.zum-hintergrund-komplementär.zum-farbe-hell      { background-color: #FFEA77; }
.zum-hintergrund-komplementär.zum-farbe-dunkel    { background-color: #DEC229; }
.zum-hintergrund-komplementär.zum-farbe-dunkler    { background-color: #AF9612; }
.zum-hintergrund-orange                            { background-color: #F19D50; }
.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-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-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; }
 
/* 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; }

Aktuelle Version vom 19. Februar 2024, 21:06 Uhr

@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");

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

/**
 *
 *
 */
body.not-logged-in .hidden-not-logged-in {
  display:none;
}
body:not(.not-logged-in) .hidden-logged-in {
  display:none;
}

/**
 * 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';
}

/**
 * Black color for `misc` classes
 *
 * CS
 * 2023-04-23
 *
 */
.mediawiki .subjects.misc a span, 
.mediawiki .subjects.misc a.new span {
  color: hsla(0, 0%, 0%, 0.8);
}

.mediawiki .misc .portal > span {
  background: hsla(0, 0%, 0%, 0.8);
}


/**
 * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer
 * CS
 * 2023-02-19
 */
 
body:not(.not-logged-in) #p-Hilfen .mw-portlet-body {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

/* hide the toogle */
body:not(.not-logged-in) #p-Hilfen-label: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;
}

 
 /*******************
  * 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; }


/******************
 *
 * 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;
}

/* larger fa-lg style for Font Awesome*/
.fa-lg2x
{
  font-size: 2em;
  line-height: 0.25em;
  vertical-align: -50%;
}