MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(197 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 113:
     margin: 1em 0 1em 1em;
     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;
}


/***********
/***********
  * Farben *
*
  **********/
* Mediawiki Indicators
/* Textfarben
* - container floats on the right
  - kann z.B. für icons verwendet werden */
* - individual indicators are flex elements
*
***********/
.mw-indicators {
  float:right;
  display:flex;
}
.mw-indicators > .mw-indicator {
  flex: 1;
}


.zum-farbe-primaer                          { color: {{Farbe|primär        }};}
/* larger fa-lg style for Font Awesome*/
.zum-farbe-primaer.zum-farbe-heller          { color: {{Farbe|primär        |heller}};}
.fa-lg2x
.zum-farbe-primaer.zum-farbe-hell            { color: {{Farbe|primär        |hell}};}
{
.zum-farbe-primaer.zum-farbe-dunkel          { color: {{Farbe|primär        |dunkel}};}
  font-size: 2em;
.zum-farbe-primaer.zum-farbe-dunkler        { color: {{Farbe|primär        |dunkler}};}
  line-height: 0.25em;
.zum-farbe-sekundaer-1                      { color: {{Farbe|sekundaer-1    }};}
  vertical-align: -50%;
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: {{Farbe|sekundaer-1    |heller}};}
}
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: {{Farbe|sekundaer-1    |hell}};}
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: {{Farbe|sekundaer-1    |dunkel}};}
.zum-farbe-sekundaer-1.zum-farbe-dunkler    { color: {{Farbe|sekundaer-1    |dunkler}};}
.zum-farbe-sekundaer-2                      { color: {{Farbe|sekundaer-2    }};}
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: {{Farbe|sekundaer-2    |heller}};}
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: {{Farbe|sekundaer-2    |hell}};}
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: {{Farbe|sekundaer-2    |dunkel}};}
.zum-farbe-sekundaer-2.zum-farbe-dunkler    { color: {{Farbe|sekundaer-2    |dunkler}};}
.zum-farbe-komplementaer-1                  { color: {{Farbe|komplementaer-1}};}
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: {{Farbe|komplementaer-1|heller}};}
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: {{Farbe|komplementaer-1|hell}};}
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: {{Farbe|komplementaer-1|dunkel}};}
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: {{Farbe|komplementaer-1|dunkler}};}
.zum-farbe-orange-1                          { color: {{Farbe|orange        }};}
.zum-farbe-orange-1.zum-farbe-heller        { color: {{Farbe|orange        |heller}};}
.zum-farbe-orange-1.zum-farbe-hell          { color: {{Farbe|orange        |hell}};}
.zum-farbe-orange-1.zum-farbe-dunkel        { color: {{Farbe|orange        |dunkel}};}
.zum-farbe-orange-1.zum-farbe-dunkler        { color: {{Farbe|orange        |dunkler}};}
.zum-farbe-gruen                            { color: {{Farbe|gruen          }};}
.zum-farbe-gruen.zum-farbe-heller            { color: {{Farbe|gruen          |heller}};}
.zum-farbe-gruen.zum-farbe-hell              { color: {{Farbe|gruen          |hell}};}
.zum-farbe-gruen.zum-farbe-dunkel            { color: {{Farbe|gruen          |dunkel}};}
.zum-farbe-gruen.zum-farbe-dunkler          { color: {{Farbe|gruen          |dunkler}};}
.zum-farbe-grau                              { color: {{Farbe|grau          }};}
.zum-farbe-grau.zum-farbe-heller            { color: {{Farbe|grau          |heller}};}
.zum-farbe-grau.zum-farbe-hell              { color: {{Farbe|grau          |hell}};}
.zum-farbe-grau.zum-farbe-dunkel            { color: {{Farbe|grau          |dunkel}};}
.zum-farbe-grau.zum-farbe-dunkler            { color: {{Farbe|grau          |dunkler}};}
 
.zum-hintergrund-primaer                          { background-color: {{Farbe|primär        }};}
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: {{Farbe|primär        |heller}};}
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: {{Farbe|primär        |hell}};}
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: {{Farbe|primär        |dunkel}};}
.zum-hintergrund-primaer.zum-farbe-dunkler        { background-color: {{Farbe|primär        |dunkler}};}
.zum-hintergrund-sekundaer-1                      { background-color: {{Farbe|sekundaer-1    }};}
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: {{Farbe|sekundaer-1    |heller}};}
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: {{Farbe|sekundaer-1    |hell}};}
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: {{Farbe|sekundaer-1    |dunkel}};}
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler    { background-color: {{Farbe|sekundaer-1    |dunkler}};}
.zum-hintergrund-sekundaer-2                      { background-color: {{Farbe|sekundaer-2    }};}
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: {{Farbe|sekundaer-2    |heller}};}
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: {{Farbe|sekundaer-2    |hell}};}
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: {{Farbe|sekundaer-2    |dunkel}};}
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler    { background-color: {{Farbe|sekundaer-2    |dunkler}};}
.zum-hintergrund-komplementaer-1                  { background-color: {{Farbe|komplementaer-1}};}
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: {{Farbe|komplementaer-1|heller}};}
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: {{Farbe|komplementaer-1|hell}};}
.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}};}
.zum-hintergrund-orange-1                          { background-color: {{Farbe|orange        }};}
.zum-hintergrund-orange-1.zum-farbe-heller        { background-color: {{Farbe|orange        |heller}};}
.zum-hintergrund-orange-1.zum-farbe-hell          { background-color: {{Farbe|orange        |hell}};}
.zum-hintergrund-orange-1.zum-farbe-dunkel        { background-color: {{Farbe|orange        |dunkel}};}
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: {{Farbe|orange        |dunkler}};}
.zum-hintergrund-gruen                            { background-color: {{Farbe|gruen          }};}
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: {{Farbe|gruen          |heller}};}
.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 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%;
}