MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 4: Zeile 4:
@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_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_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: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:RQuiz.css");
Zeile 220: Zeile 221:
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {
   max-height: 1000em;transition:max-height 0.15s ease-in;
   max-height: 1000em;transition:max-height 0.15s ease-in;
}
/*
* Vorlage:Fortsetzung
*/
.zum-fortsetzung {
  display: grid;
  grid-template-areas:
    "titel  titel    titel"
    "vorher übersicht weiter";
  grid-auto-columns: 1fr;
}
.zum-fortsetzung--titel {
  grid-area: titel;
}
.zum-fortsetzung--vorher {
  grid-area: vorher;
  margin-inline-end: auto;
}
.zum-fortsetzung--\übersicht {
  grid-area: \übersicht;
  margin-inline:auto;
}
.zum-fortsetzung--weiter {
  grid-area: weiter;
  margin-inline-start: auto;
}
}

Version vom 18. Februar 2024, 20:11 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
 * 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;
}

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


/*
 * ZUM Toggle
 */
[data-zum-toggle-target]:not(.zum-toggle__invisible) {
  background: var(--zum-farbe-links--x-heller);
  outline:1px solid var(--zum-farbe-links--heller);
  margin-inline:0.3em;
  padding-inline: 0.3em;
  border-radius: 0.3em;
  display: inline-block;
  cursor:pointer;
}
[data-zum-toggle-target]::after {
  cursor:pointer;
  color:var(--zum-farbe-links--heller);
  margin-inline-start:max(0.25em, 0.25rem);
  display:inline-block;
}
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {
  content:'▿';
}
[data-zum-toggle-target][data-zum-toggle-value=true]::after {
  content:'▵';
}
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {
  content:'aufdecken ▿';
  font-size:max(0.5em, 0.66rem);
}
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {
  content:'verbergen ▵';
  font-size:max(0.5em, 0.66rem);
}

.zum-toggle--content {
    display:none;
}

.zum-toggle--content[data-zum-toggle-visible="true"] {
    display:revert;
}

.zum-toggle--content__partial {
  max-height:20em; 
  overflow:hidden;
  position:relative;
}

.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::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-toggle--content__partial[data-zum-toggle-visible="true"] {
  max-height: 1000em;transition:max-height 0.15s ease-in;
}