|
|
(58 dazwischenliegende Versionen desselben Benutzers 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"); |
| | |
| /** | | /** |
| * | | * |
Zeile 60: |
Zeile 70: |
| * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer | | * Sidebar Hilfen ausgeklappt für eingeloggte Nutzer |
| * CS | | * CS |
| * 2019-04-24 | | * 2023-02-19 |
| */ | | */ |
| | | |
| body:not(.not-logged-in) #fu-menu li#hilfen > div, | | body:not(.not-logged-in) #p-Hilfen .mw-portlet-body { |
| body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {
| | display: block !important; |
| display: block !important; | | visibility: visible !important; |
| visibility: visible !important; | | height: auto !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 */ | | /* hide the toogle */ |
| body:not(.not-logged-in) #fu-menu li#hilfen > a:after, | | body:not(.not-logged-in) #p-Hilfen-label:after { |
| body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {
| | display: none; |
| display: none; | |
| } | | } |
|
| |
|
Zeile 113: |
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;
| |
| }
| |
| | | |
| /******************* | | /******************* |
Zeile 137: |
Zeile 124: |
| | | |
| #mw-content-text .GeoGebraFrame ul { margin:0; } | | #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;
| |
| }
| |
|
| |
|
| /****************** | | /****************** |
Zeile 228: |
Zeile 151: |
| .mw-indicators > .mw-indicator { | | .mw-indicators > .mw-indicator { |
| flex: 1; | | flex: 1; |
| }
| |
|
| |
|
| |
| /***********
| |
| * Farben [[Benutzer:Christian]]
| |
| * per Copy/Paste von [[Vorlage:Farbe]] übernehmen
| |
| **********/
| |
| :root {
| |
| --zum-farbe-Hervorhebung1 : #F1D850;
| |
| --zum-farbe-Frage : #F1D850;
| |
| --zum-farbe-Lernpfad : #F19D50;
| |
| --zum-farbe-Hervorhebung2 : #C64285;
| |
| --zum-farbe-Merksatz : #C64285;
| |
| --zum-farbe-Üben : #338894;
| |
| --zum-farbe-Ueben : #338894;
| |
| --zum-farbe-Arbeitsmethode : #5E43A5;
| |
| --zum-farbe-Unterrichtsidee : #A8DF4A;
| |
| --zum-farbe-Experimentieren : #A8DF4A;
| |
| --zum-farbe-Arbeitsmethode : #5E43A5;
| |
| --zum-farbe-Unterrichtsidee : #A8DF4A;
| |
| --zum-farbe-Experimentieren : #A8DF4A;
| |
| --zum-farbe-Meinung : #DBDBDB;
| |
| --zum-farbe-Lösung : #DBDBDB;
| |
| --zum-farbe-Loesung : #DBDBDB;
| |
| --zum-farbe-Download : #DBDBDB;
| |
| --zum-farbe-Kurzinfo : #DBDBDB;
| |
| --zum-farbe-Zitat : #a0a0a0;
| |
|
| |
|
| |
| --zum-farbe-primär : #F1D850;
| |
| --zum-farbe-primär---xx-heller : #fffcf0;
| |
| --zum-farbe-primär---x-heller : #fff6cc;
| |
| --zum-farbe-primär---heller : #FFF0A2;
| |
| --zum-farbe-primär---hell : #FFEA77;
| |
| --zum-farbe-primär---dunkel : #DEC229;
| |
| --zum-farbe-primär---dunkler : #AF9612;
| |
| --zum-farbe-sekundär-1 : #C64285;
| |
| --zum-farbe-sekundär-1--xx-heller : #f7d9e8;
| |
| --zum-farbe-sekundär-1--x-heller : #f1bbd6;
| |
| --zum-farbe-sekundär-1--heller : #E994BF;
| |
| --zum-farbe-sekundär-1--hell : #D965A0;
| |
| --zum-farbe-sekundär-1--dunkel : #B6226D;
| |
| --zum-farbe-sekundär-1--dunkler : #900F50;
| |
| --zum-farbe-sekundär-2 : #338894;
| |
| --zum-farbe-sekundär-2--xx-heller : #c4e3e8;
| |
| --zum-farbe-sekundär-2--x-heller : #a7d6dd;
| |
| --zum-farbe-sekundär-2--heller : #85C5CF;
| |
| --zum-farbe-sekundär-2--hell : #52A1AD;
| |
| --zum-farbe-sekundär-2--dunkel : #1B7A88;
| |
| --zum-farbe-sekundär-2--dunkler : #0D5F6B;
| |
| --zum-farbe-komplementär : #5E43A5;
| |
| --zum-farbe-komplementär--xx-heller : #dad2ee;
| |
| --zum-farbe-komplementär--x-heller : #c2b5e3;
| |
| --zum-farbe-komplementär--heller : #A592D7;
| |
| --zum-farbe-komplementär--hell : #7B63BC;
| |
| --zum-farbe-komplementär--dunkel : #482998;
| |
| --zum-farbe-komplementär--dunkler : #331878;
| |
| --zum-farbe-orange : #F19D50;
| |
| --zum-farbe-orange--xx-heller : #fffcfa;
| |
| --zum-farbe-orange--x-heller : #ffe7d1;
| |
| --zum-farbe-orange--heller : #FFCEA2;
| |
| --zum-farbe-orange--hell : #FFB877;
| |
| --zum-farbe-orange--dunkel : #DD7F28;
| |
| --zum-farbe-orange--dunkler : #AE5D12;
| |
| --zum-farbe-grün : #A8DF4A;
| |
| --zum-farbe-grün--xx-heller : #f7fdec;
| |
| --zum-farbe-grün--x-heller : #e6fac7;
| |
| --zum-farbe-grün--heller : #D4F69C;
| |
| --zum-farbe-grün--hell : #C0EF6F;
| |
| --zum-farbe-grün--dunkel : #8FCD25;
| |
| --zum-farbe-grün--dunkler : #6CA111;
| |
| --zum-farbe-grau : #DBDBDB;
| |
| --zum-farbe-grau--xx-heller : #fcfcfc;
| |
| --zum-farbe-grau--x-heller : #f7f7f7;
| |
| --zum-farbe-grau--heller : #F1F1F1;
| |
| --zum-farbe-grau--heller : #F1F1F1;
| |
| --zum-farbe-grau--heller : #F1F1F1;
| |
| --zum-farbe-grau--hell : #ececec;
| |
| --zum-farbe-grau--dunkel : #C8C8C8;
| |
| --zum-farbe-grau--dunkler : #a0a0a0;
| |
| --zum-farbe-links : #0077dd;
| |
| --zum-farbe-links--xx-heller : #f5faff;
| |
| --zum-farbe-links--x-heller : #cce7ff;
| |
| --zum-farbe-links--heller : #47a9ff;
| |
| --zum-farbe-links--heller : #47a9ff;
| |
| --zum-farbe-links--heller : #47a9ff;
| |
| --zum-farbe-links--hell : #1492ff;
| |
| --zum-farbe-links--dunkel : #0068bd;
| |
| --zum-farbe-links--dunkler : #005599;
| |
| }
| |
|
| |
|
| |
| /* 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:#666; }
| |
|
| |
| .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;
| |
| }
| |
|
| |
|
| |
|
| |
| /*
| |
| * Styles for the Widget:Dialog-* widgets.
| |
| *
| |
| */
| |
| dialog.zum-dialog.popup {
| |
| all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */
| |
| border:0;
| |
| padding:0;
| |
| box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
| |
| min-width:95vw;
| |
| max-width:95vw;
| |
| }
| |
|
| |
| dialog.zum-dialog.popup[open] {
| |
| display:flex;
| |
| flex-direction:column;
| |
| }
| |
|
| |
| @media (min-width: 851px) {
| |
| dialog.zum-dialog.popup {
| |
| min-width:33vw;
| |
| }
| |
| }
| |
| .zum-dialog-opener {
| |
| cursor:pointer;
| |
| }
| |
| .zum-dialog-opener .qrlite-result img,
| |
| .zum-dialog-opener .qrlite-result svg {
| |
| width:1.5rem;
| |
| height:1.5rem;
| |
| }
| |
| .zum-dialog .zum-qrcode .qrlite-result img,
| |
| .zum-dialog .zum-qrcode .qrlite-result svg {
| |
| 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;
| |
| }
| |
|
| |
|
| |
|
| |
| /* ZUM Portalseite Highlight Element
| |
| *
| |
| * Relevant Markup Sketch
| |
| * <>.zum-portalseite-highlight
| |
| * a
| |
| *. <>.zum-portalseite-highlight--icon
| |
| * a
| |
| *. p
| |
| */
| |
| .zum-portalseite-highlight {
| |
| display:grid;
| |
| --icon-size: 2rem;
| |
| grid-gap:0.2rem;
| |
| grid-template-columns: var(--icon-size);
| |
| }
| |
| .zum-portalseite-highlight > a {
| |
| grid-column: 2;
| |
| }
| |
| .zum-portalseite-highlight > a:first-child {
| |
| grid-column: 1;
| |
| grid-row: 1 / 3;
| |
| margin-right:0.2rem;
| |
| margin-right:calc(var(--icon-size) / 10);
| |
| }
| |
| .zum-portalseite-highlight > p {
| |
| grid-column: 1 / 3;
| |
| }
| |
| .zum-portalseite-highlight > p:first-of-type {
| |
| margin-top:0;
| |
| }
| |
|
| |
| .zum-portalseite-highlight .zum-portalseite-highlight--icon {
| |
| max-width:var(--icon-size);
| |
| max-height:var(--icon-size);
| |
| font-size: var(--icon-size);
| |
| }
| |
|
| |
| @media (min-width: 851px) {
| |
| .zum-portalseite-highlight {
| |
| --icon-size:5rem;
| |
| }
| |
| .zum-portalseite-highlight > p {
| |
| grid-column: 2;
| |
| }
| |
| }
| |
|
| |
|
| |
| /* ZUM Portalseite Spotlight Element
| |
| *
| |
| * Relevant Markup Sketch
| |
| * <>.zum-portalseite-spotlight
| |
| * <>.zum-portalseite-spotlight--icon__container
| |
| * a
| |
| *. <>.zum-portalseite-highlight--icon
| |
| *. a
| |
| * p
| |
| */
| |
|
| |
| .zum-portalseite-spotlight {
| |
| display:grid;
| |
| --icon-size: 2rem;
| |
| grid-template-columns:min-content;
| |
| }
| |
| .zum-portalseite-spotlight > p {
| |
| grid-row: 2;
| |
| grid-column: 1 / 3;
| |
| }
| |
| .zum-portalseite-spotlight > p:first-of-type {
| |
| margin-top:0;
| |
| }
| |
|
| |
|
| |
| .zum-portalseite-spotlight .zum-portalseite-spotlight--icon {
| |
| max-width:var(--icon-size) !important; /* use !important to break MW styles */
| |
| max-height:var(--icon-size);
| |
| font-size: var(--icon-size);
| |
| margin:0.2rem;
| |
| }
| |
|
| |
| @media (min-width: 851px) {
| |
| .zum-portalseite-spotlight {
| |
| --icon-size:5rem;
| |
| justify-items: center;
| |
| grid-template-columns:unset;
| |
| }
| |
| .zum-portalseite-spotlight--icon_container {
| |
| grid-row:unset;
| |
| grid-column:unset;
| |
| }
| |
| .zum-portalseite-spotlight > p {
| |
| grid-row: 3;
| |
| grid-column: 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);
| |
| }
| |
| [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:0.66em;
| |
| }
| |
| [data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {
| |
| content:'verbergen ⯅';
| |
| font-size:0.66em;
| |
| }
| |
|
| |
| .zum-toggle--content {
| |
| display:none;
| |
| } | | } |
|
| |
|
| .zum-toggle--content[data-zum-toggle-visible="true"] { | | /* larger fa-lg style for Font Awesome*/ |
| display:revert;
| | .fa-lg2x |
| | { |
| | font-size: 2em; |
| | line-height: 0.25em; |
| | vertical-align: -50%; |
| } | | } |