https://unterrichten.zum.de/api.php?action=feedcontributions&user=Christian&feedformat=atom
ZUM-Unterrichten - Benutzerbeiträge [de]
2024-03-29T15:27:45Z
Benutzerbeiträge
MediaWiki 1.39.6
https://unterrichten.zum.de/index.php?title=HTML_und_CSS/Dokumentstruktur&diff=137295
HTML und CSS/Dokumentstruktur
2024-03-28T17:27:17Z
<p>Christian: </p>
<hr />
<div>'''Unsichtbar, aber nötig:''' Die '''Dokumentstruktur''' eines HTML-Dokument besteht aus drei folgenden Teilen:<br />
# Dokumenttyp-Deklaration (Angabe zur verwendeten HTML-Version)<br />
# head (unsichtbare Kopfdaten. z.B. Angaben zu Titel, Metadaten oder auch [[../CSS|Stylesheet-Angaben]] u.ä.)<br />
# body (Körper - anzuzeigender Inhalt, also Text mit Überschriften, Verweisen, Grafikreferenzen usw.)<br />
<br />
<source lang="html5"><br />
<!DOCTYPE html><br />
<html lang="de"><br />
<head><br />
<meta charset="utf-8"><br />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
<title>aussagekräftiger Titel der Seite</title><br />
</head><br />
<body><br />
<!-- Sichtbarer Dokumentinhalt im body --><br />
<h1>Überschrift</h1><br />
<p>Text innerhalb eines Absatzes</p><br />
</body><br />
</html></source><br />
<br />
Dieses HTML5-Grundgerüst verwendet den kurzen Doctype <code><!DOCTYPE html></code>. Es gibt in älteren Codebeispielen im Netz längere Doctypes, die heute nicht mehr nötig sind.<br />
<br />
Innerhalb des heads befinden sich zwei Meta-Tags.<br />
Der obere legt die Zeichenkodierung auf utf-8 fest. Damit können auch Umlaute, Sonderzeichen und Emojis (sofern sie vom Browser unterstützt werden, dargestellt werden.<br />
Der untere sorgt dafür, dass die Webseite auf mobilen Geräten skaliert werden kann.<br />
Das title-Element beinhaltet einen aussagekräftigen Titel der Seite<br />
<br />
Der sichtbarer Dokumentinhalt wird im body notiert.<br />
<br />
== Seitenstrukturierung ==<br />
Der sichtbare Dokumentinhalt sollte semantisch, d.h. nach seiner Bedeutung, ausgezeichnet werden. So sollten z.B. Überschriften als solche und nicht nur als größerer, fetterer Text gekennzeichnet werden. Dies ermöglicht es Ihnen Barrierefreie Seiten im Internet zu erstellen, die auch von Screeenreadern gelesen werden können.<br />
<br />
<source lang="html5"><br />
<body> <br />
<header><br />
<img src="logo.svg" alt="logo"><br />
<h1>Überschrift</h1> <br />
<nav><br />
<ul><br />
<li><a href="#link_1.html">Wiki</a></li><br />
<li><a href="#link_2.html">Blog</a></li><br />
<li><a href="#link_3.html">Forum</a></li><br />
</ul><br />
</nav><br />
</header> <br />
<br />
<article><br />
<h2>Unterüberschrift><br />
<p>Textabsatz</p><br />
</article><br />
<br />
<aside><br />
<h3>Sidebar</h3><br />
<ul><br />
<li><br />
<a href="#">Linktext</a><br />
</li><br />
</ul><br />
</aside><br />
<br />
<footer> <br />
<a href="kontakt.html">Kontakt</a> <br />
<p>© 2017 by ZUM-Wiki</p> <br />
</footer> <br />
</body> <br />
</html></source><br />
<br />
<br />
{{HTML und CSS}}<br />
<br />
== Interaktive Übungen ==<br />
Mit [[HTML und CSS|HTML]] können Sie Webseiten strukturieren. Die '''Dokumentstruktur''' legt Kopfdaten und Grundgerüst fest. Diese interaktiven Übungen eignen sich, um die Fachbegriffe zu lernen und zu wiederholen.<br />
<br />
<br />
=== Dokument-Struktur ===<br />
<div class="zuordnungs-quiz"><br />
Ordne die HTML-Elemente den Beschreibungen zu.<br />
{|<br />
| enthält den am oberen Bildschirmrand angezeigten Seitentitel || <title><br />
|-<br />
| Kopf eines HTML-Dokuments || <head><br />
|-<br />
| sichtbarer Teil des Dokuments || <body><br />
|-<br />
| Anfang und Ende eines HTML-Dokuments || <html><br />
|-<br />
| Angabe eines Zeichensatzes || <meta charset="utf-8"><br />
|-<br />
| Angabe einer Dokumenttypdeklaration || <doctype HTML!><br />
|}<br />
</div><br />
<br />
<div class="lueckentext-quiz"><br />
Elemente bestehen aus einem öffnenden und einem schließenden Tag. Schließe die geöffneten Tags, indem du sie mit der Maus an die passende Stelle schiebst.<br />
<br />
&lt;!DOCTYPE html><br />
&lt;html lang="de"><br />
&lt;head><br />
&lt;meta charset="utf-8"><br />
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
&lt;title>aussagekräftiger Titel der Seite '''&lt;/title>'''<br />
'''&lt;/head>'''<br />
&lt;body><br />
&lt;!-- Sichtbarer Dokumentinhalt im body --><br />
&lt;h1>Überschrift '''&lt;/h1>'''<br />
&lt;p>Text innerhalb eines Absatzes '''&lt;/p>'''<br />
'''&lt;/body>'''<br />
'''&lt;/html>'''<br />
<br />
</div><br />
<br />
<br />
<br />
<br />
<br />
== Weblinks ==<br />
* Selfhtml: <br />
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst HTML/Dokumentstruktur und Aufbau]<br />
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Element,_Tag_und_Attribut#Guter_HTML-Stil Guter HTML-Stil]<br />
** [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Seitenstrukturierung HTML5-Seitenstrukturierung]</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137189
MediaWiki:Common.css
2024-02-19T21:06:37Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2023-02-19<br />
*/<br />
<br />
body:not(.not-logged-in) #p-Hilfen .mw-portlet-body {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #p-Hilfen-label:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
/* larger fa-lg style for Font Awesome*/<br />
.fa-lg2x<br />
{<br />
font-size: 2em;<br />
line-height: 0.25em;<br />
vertical-align: -50%;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137188
MediaWiki:Common.css
2024-02-19T21:03:44Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2023-02-19<br />
*/<br />
<br />
body:not(.not-logged-in) #p-Hilfen .mw-portlet-body {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
/* larger fa-lg style for Font Awesome*/<br />
.fa-lg2x<br />
{<br />
font-size: 2em;<br />
line-height: 0.25em;<br />
vertical-align: -50%;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Einf%C3%BChrung_in_die_Negativen_Zahlen/Erweiterung_der_Zahlengeraden&diff=137187
Einführung in die Negativen Zahlen/Erweiterung der Zahlengeraden
2024-02-18T23:14:33Z
<p>Christian: </p>
<hr />
<div>{{Navigation verstecken<br />
|{{Einführung in die Negativen Zahlen}}<br />
|Lernschritte einblenden<br />
|Lernschritte ausblenden<br />
}}<br />
<br><br />
<p align="center"><br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/3xguJ0hg7mE?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br />
</p><br />
<br />
<br />
{{Box<br />
|Titel= Frage<br />
|Inhalt= Was ist der Unterschied zwischen der 4 unter der Null und der 4 über der Null?<br />
|Klasse=Frage <br />
}}<br />
<br />
<br />
<p align="center"><br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/IZafQgQV5TY?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br />
</p><br />
<br />
<br />
<p align="center"><br />
<iframe src="https://learningapps.org/watch?v=pafmickxt18" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe><br />
</p><br />
<br />
{{Box|Protokollieren|Betrachtet das Merkekästchen. Ordnet den Satzanfängen das richtige Satzende zu und übernehmt die Sätze dann auf euer Protokoll.|Arbeitsmethode}}<br />
<br />
{{Box|1=Merke|2=Wir erweitern unseren bekannten Zahlenstrahl zu einer Zahlengeraden.<br><br />
<br />
[[Datei:Zahlengerade2.JPG|600px|links]] <br><br />
<br />
<div class="lueckentext-quiz"><br />
<br />
Die negativen Zahlen liegen '''links von der Null'''.<br />
Die positiven Zahlen liegen '''rechts von der Null'''. <br />
Die Null liegt '''in der Mitte'''.<br />
<br />
</div><br />
<br />
|3=Merksatz}}<br />
<br />
<br><br><br />
<br />
{{Box|Übung|Bearbeitet die folgenden Aufgaben.|Üben}}<br />
<br />
{{Box| 1.Aufgabe|<b>Findet zu jeder Situation eine passende ganze Zahl. Ordnet die Situation an die richtige Stelle auf der Zahlengeraden.</b><br />
<br><br><br />
<iframe src="https://learningapps.org/watch?v=pyc1b4ahn18" style="border:0px;width:75%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe><br />
<br><br>|Arbeitsmethode}}<br />
<br />
{{Box|1=2.Aufgabe|2=<b>Welche Zahl liegt in der Mitte zwischen -8 und 6? Benutzt die Zahlengerade, um die Aufgabe zu lösen. Beschreibt auf dem Protokoll, wie ihr die Aufgabe gelöst habt.</b><br />
<br><br><br />
<div class="grid"><br />
<div class="width-1-2">[[Datei:Aufgabe_Mitte.JPG|200px]]</div><br />
<div class="width-1-2">{{Lösung versteckt|-1 liegt in der Mitte zwischen -8 und 6.|Lösung anzeigen|Lösung verbergen}}</div><br />
</div><br />
|3=Arbeitsmethode}}<br />
<br />
<br />
{{Box|1=3.Aufgabe|2=<b>Von den beiden folgenden Aufgaben könnt ihr eine auswählen. Die linke Aufgabe ist etwas leichter als die rechte Aufgabe. Für beide Aufgaben könnt ihr die Zahlengerade benutzen.</b> <br />
<br><br><br />
<div class="grid"><br />
<div class="width-1-2"><iframe src="https://learningapps.org/watch?v=pn6cw32dn18" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe><ref>übernommen und erweitert aus: mathe.delta - Berlin/Brandenburg (2016), Bamberg: C.C. Buchner, S. 19</ref></div><br />
<div class="width-1-2">Welche Zahl liegt genau in der Mitte der angegebenen Zahlen?<ref>in Anlehnung an: mathe.delta - Berlin/Brandenburg (2016), Bamberg: C.C. Buchner, S. 19</ref><br>(Die Sternchen-Aufgaben sind schwerer als die anderen.)<br><br><br />
a) 7 und 17<br><br />
b) -8 und 0<br><br />
c) -8 und 12<br><br />
d) -2 und 6<br><br />
<nowiki>*</nowiki>e) -100 und -36<br><br />
<nowiki>*</nowiki>f) -28 und 12<br><br />
{{Lösung versteckt|Die gesuchte Zahl muss zu beiden Zahlen denselben Abstand haben.|Tipp anzeigen|Tipp ausblenden}}<br />
{{Lösung versteckt|a) 12 b) -4 c) 2 d) 2 e) -68 f) -8|Lösung anzeigen|Lösung verbergen}}<br />
</div><br />
</div><br />
|3=Arbeitsmethode}}<br />
=== Entgegengesetzte Zahlen und Betrag ===<br />
<br><br />
<br />
{{Box|1=Kommunizieren und Protokollieren|2=<br />
<div class="grid"><br />
<div class="width-1-2">[[Datei:Mitte zwischen zwei Zahlen.JPG|links]]</div><br />
<div class="width-1-2">Welche Zahlen könnt ihr für die Fragezeichen einsetzen? Löst und begründet eure Antwort auf dem Protokoll.</div><br />
</div><br />
{{Lösung versteckt|Man kann für die Fragezeichen alle Zahlen einsetzen, die sich nur durch das Vorzeichen unterscheiden, also z.B. -3 & 3, -18 & 18, -5 & 5,… , da diese Zahlenpaare denselben Abstand zur 0 haben.|Lösung anzeigen|Lösung verbergen}}<br />
|3=Arbeitsmethode}}<br />
<br />
{{Box|Protokollieren|<br />
# Lest euch das Merkekästchen gut durch.<br />
# Löst die Aufgaben in den Learning Apps.<br />
# Notiert auf eurem Protokoll <b>drei</b> Beispiele zu entgegengesetzten Zahlen und <b>zwei</b> Beispiele zum Betrag. Ihr könnt Beispiele aus den Aufgaben nehmen.|Arbeitsmethode}}<br />
<br />
{{Box|1=Merke|2=* Zwei Zahlen, die ein entgegengesetztes Vorzeichen, aber zur Null denselben Abstand haben, heißen <b>entgegengesetzte Zahlen</b>. <br />
* Der Abstand einer Zahl zur 0 heißt <b>Betrag</b> und wird mit Betragsstrichen gekennzeichnet, z.B. <nowiki>|</nowiki>-4<nowiki>|</nowiki> = 4; <nowiki>|</nowiki>+4<nowiki>|</nowiki> = 4.|3=Merksatz}}<br />
<br />
<br />
===Weitere Erklärungen zum Betrag===<br />
<br />
Der Betrag gibt den Abstand von einer Zahl zur 0 an. Sowohl von der -9 als auch von der 9 muss man 9 Schritte bis zur 0 gehen. Deswegen haben -9 und 9 denselben Abstand, also auch denselben Betrag. Der Betrag ist immer positiv, hat also immer ein "+" als Vorzeichen, weil man ja nicht z.B. -9 Schritte gehen kann. Der Betrag der 0 ist 0, da man ja keine Schritte mehr laufen muss, um zur 0 zu gelangen.<br />
<br><br><br />
<br />
{{Box|Übung zu den entgegengesetzten Zahlen|<iframe src="https://learningapps.org/watch?v=pgaigrjva18" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>|Üben}}<br />
<br />
{{Box|Übung zum Betrag|<iframe src="https://learningapps.org/watch?v=pwi8rq6bj18" style="border:0px;width:100%;height:500px" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>|Üben}}<br />
<br />
<br />
{{Box|1=Kommunizieren und Protokollieren|2=<br />
<div class="grid"><br />
<div class="width-1-2"><br />
An manchen analogen Thermometern findet man bei den Zahlen unter 0 kein Minuszeichen. Findet gemeinsam mindestens einen Grund dafür und mindestens einen Grund dagegen, das Minuszeichen auf Thermometern mitzuschreiben.</div><br />
<div class="width-1-2">[[Datei:Thermometer.jpg|miniatur|Ein analoges Thermometer]]</div><br />
</div><br />
|3=Arbeitsmethode}}<br />
<br />
<br />
{{Fortsetzung|weiter=Weiter|weiterlink=../Ordnen_von_negativen_Zahlen}}<br />
<br />
<br />
[[Kategorie:Einführung in die Negativen Zahlen]]<br />
[[Kategorie:Interaktive Übung]]<br />
[[Kategorie:LearningApps]]<br />
[[Kategorie:R-Quiz]]</div>
Christian
https://unterrichten.zum.de/index.php?title=Einf%C3%BChrung_in_quadratische_Funktionen_Test&diff=137186
Einführung in quadratische Funktionen Test
2024-02-18T23:13:46Z
<p>Christian: </p>
<hr />
<div>{{TODO|Box-Spezial entfernen}}{{Box|Lernpfad|<br />
<br />
Die Einführung in das Thema "'''Quadratische Funktionen'''" erfolgt am Beispiel des Bremsweges eines Autos, genauer gesagt anhand des Zusammenhangs zwischen der Geschwindigkeit eines Autos und der Länge seines Bremsweges. Nachdem auf diese Weise der Begriff der reinquadratischen Funktion erarbeitet worden ist, wird die allgemeine Form vor allem durch Experimentieren am Graphen erarbeitet.<br />
<br />
Interaktive Übungen tragen zum Verständnis bei und helfen das Erarbeitete zu festigen.|Lernpfad}}<br />
<br />
<br />
{{Einführung in quadratische Funktionen}}<br />
<br />
<br />
<div style="background-color:#ddeeff;padding:7px;"><br />
=== Kompetenzen ===<br />
{{3Spalten|<br />
==== Das kannst Du schon ====<br />
*Bei linearen Funktionen zwischen den Darstellungsformen Graph, Tabelle und Formel wechseln<br />
*Parameter variieren und die Auswirkung dieser Variation beschreiben (Handhabung von GeoGebra)<br />
*von der graphischen Darstellung unmittelbar auf die Darstellung als Formel schließen<br />
*Eigenschaften linearer Funktionen aus der Termdarstellung ablesen und sie begründen<br />
<br />
|<br />
==== Das kannst Du lernen ====<br />
*Übersetzen von einer Realsituation in ein mathematisches Modell<br />
*Parabeln als Graphen quadratischer Funktionen identifizieren<br />
*Bei quadratischen Funktionen zwischen den Darstellungsformen Graph, Tabelle und Formel wechseln<br />
*Parameter variieren und die Auswirkung dieser Variation beschreiben<br />
<br />
|<br />
==== Für die Lehrerinnen und Lehrer ====<br />
{{pdf|Didaktischer_Kommentar_quad_Fkt.pdf|Didaktischer Kommentar}}<br />
<br />
<br />
{{Autoren|[[Benutzer:MatheSchmidt|Reinhard Schmidt]], Christian Schmidt, [[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea schellmann|Andrea Schellmann]]}}}}<br />
</div><br />
<br />
<br />
{{Autoren|''[[Benutzer:MatheSchmidt|Reinhard Schmidt]], Christian Schmidt, [[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea schellmann|Andrea Schellmann]]''}}<br />
<br />
== Box aktuell==<br />
{{Box|Beachte|hier steht der Text......| Hervorhebung1}}<br />
<br />
== Farbschema + orange/grün Mathematik-digital ==<br />
Änderungen (vorgenommen an der [[Vorlage:Box-spezial]])<br />
#Rand 7px statt 10px<br />
#Rand kürzer (an Schriftgröße angepasst)<br />
#Farbschema vonAndreas + Ergänzung orange/grün für Mathematik-digital (Matthias hat die beidenFarben aus dem Farbkreis von Andreas genommen<br />
#auf Linie verzichtet<br />
<br />
Ideen/Vorschläge<br />
#Manche Logos bräuchten keine Überschrift, z.B. Zitat, Info...<br />
#Farbe grün wurde etwas gedämpter gewählt, #ade04a war zu grell, passend zu MD, ?<br />
<br />
{{Box-spezial<br />
|Titel= Lernpfad<br />
|Inhalt= orange #f19a50<br />
|Farbe= #f19a50 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon compass}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Lernpfad2<br />
|Inhalt= orange #FF851B<br />
|Farbe= #f19a50 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon compass}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Übung <br />
|Inhalt= grün #ade04a<br />
<br />
Farbe grün aus Farbschema<br />
|Farbe= #ade04a <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon edit}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Hervorhebung<br />
|Inhalt= ZUM-Gelb #f1d650<br />
|Farbe= #f1d650 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon bullhorn}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Arbeitsmethode <br />
|Inhalt= lila/blau #5c43a6, wird in MD gern für Arbeitsaufträge, Aufgaben verwendet <br />
|Farbe= #5c43a6 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon pencil}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Merke<br />
|Inhalt= Beere #c34188<br />
|Farbe= #c34188 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon pin}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= <br />
|Inhalt= Türkis #318d92 <br />
|Farbe= #318d92 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon point}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Lösung<br />
|Inhalt= Grau #cccccc<br />
<br />
In der Regel werden die Lösungen versteckt. Vermutlich wird diese Box eher weniger gebraucht.<br />
|Farbe= #cccccc <br />
|Icon= {{Icon_checked}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Idee<br />
|Inhalt= Gelb #E7CD43<br />
|Farbe= #E7CD43 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon idea}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= Download<br />
|Inhalt= Grau #cccccc<br />
|Farbe= #cccccc <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon download}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= <br />
|Inhalt= hellgrau #efefef<br />
|Farbe= #efefef <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon info}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= <br />
|Inhalt= ohne Rand #ffffff <br />
|Farbe= #ffffff <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon zitat}} <br />
}}<br />
<br />
{{Box-spezial<br />
|Titel= <br />
|Inhalt= Grau #cccccc<br />
|Farbe= #cccccc <br />
|Icon= {{Icon question}} <br />
}}<br />
<br />
== Beispiel mit Box-spezial==<br />
{{Box-spezial<br />
|Titel= Lernpfad<br />
|Inhalt= <br />
[[Datei:Mathematik-digital Logo4.png|100px|right|verweis=Mathematik-digital|Mathematik-digital]] <br />
Die Einführung in das Thema "'''Quadratische Funktionen'''" erfolgt am Beispiel des Bremsweges eines Autos, genauer gesagt anhand des Zusammenhangs zwischen der Geschwindigkeit eines Autos und der Länge seines Bremsweges. Nachdem auf diese Weise der Begriff der reinquadratischen Funktion erarbeitet worden ist, wird die allgemeine Form vor allem durch Experimentieren am Graphen erarbeitet.<br />
<br />
Interaktive Übungen tragen zum Verständnis bei und helfen das Erarbeitete zu festigen.<br />
|Farbe= #f19a50 <br />
|Rahmen= <br />
|Rahmenfarbe= <br />
|Hintergrund= <br />
|Icon= {{Icon compass}} <br />
}}<br />
<br />
<br />
{{Quadratische Funktionen_MD}}<br />
<br />
== Farbschema für Kästen Andreas ==<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid <br />
#FFE973; background: #ffffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Hervorhebung1<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #CB3B6B; background: #ffffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Hervorhebung2<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #8ED5C5; background: #fffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Üben<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #4EAD98; background: #fffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Lernpfad<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #2B957D; background: #fffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Experiment<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #015C48; background: #ffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Lösung<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #FFE973; background: #ffffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Arbeitsmethode<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #E7CD43; background: #fffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Idee<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #bcaf61;background: #ffffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Download<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #E46791;background: #ffffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Zitat<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #AB1749;background: #ffffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Meinung<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
<br />
<div style="margin: 0 auto 2.5rem; overflow:hidden; border-left: 7px solid #cccccc;background: #fffff;"><br />
<div style="height: 20%; padding: 0 1rem;"><br />
<div style="font:110% Verdana; font-weight:bold; margin-bottom: .5rem; padding:.75rem .25rem; border-bottom: 0px solid #AAA;" class="Arbeitsauftrag_Titel"><br />
Info<br />
</div><br />
<div style="padding-bottom: .5rem;"><br />
Inhalte – Dies ist ein Blindtext. Er steht nur hier, damit man sich die Wirkung von Text betrachten kann. Er hat eigentlich keine inhaltliche Bedeutung, nur eine Formale. <br />
</div><br />
</div><br />
</div><br />
<br />
<br />
<br />
<br />
__NOTOC__ __NOEDITSECTION__</div>
Christian
https://unterrichten.zum.de/index.php?title=Grundlagen_der_Wahrscheinlichkeitsrechnung/Einstiegsproblem:_Die_zuf%C3%A4llige_Shuffle-Funktion&diff=137185
Grundlagen der Wahrscheinlichkeitsrechnung/Einstiegsproblem: Die zufällige Shuffle-Funktion
2024-02-18T23:07:19Z
<p>Christian: </p>
<hr />
<div>{{Navigation verstecken|{{Grundlagen der Wahrscheinlichkeitsrechnung}}|Lernschritte einblenden|Lernschritte ausblenden}}<br />
<br />
Wahrscheinlichkeiten und Zufälle sind euch im Alltag bestimmt schon ein paar mal begegnet. Wir verwenden den Begriff in vielen Situationen, um etwas mit ''hoher Wahrscheinlichkeit'' oder mit ''unwahrscheinlich'' zu beschreiben. Oder wir beschreiben etwas als ''reiner Zufall''.<br />
<br />
Überlegt euch zunächst, wann ihr den Begriff der Wahrscheinlichkeit und des Zufalls benutzt oder gehört habt:<br />
<br />
{{Box<br />
|Titel= Frage<br />
|Klasse=Frage<br />
|Inhalt= Was verstehst du unter dem Begriff '''Wahrscheinlichkeit''' und dem Begriff '''Zufall'''?<br />
Notiere zunächst für dich selbst, was du darunter verstehst und wo dir im Alltag (oder in welchen Situationen) die Begriffe begegnet sind.<br />
<br />
Tausche dich danach mit deinem Übungspartner/deiner Übungspartnerin aus.<br />
}}<br />
<br />
<br />
== Die Wahrscheinlichkeit beim Musikhören ==<br />
<br />
Viele Menschen benutzen heutzutage Musik-Streamingdienste, um Musik zu Hause oder unterwegs zu hören. Bei diesen Diensten ist es möglich Playlisten zu erstellen, um bestimmte Lieblingslieder oder Interpreten hintereinander hören zu können.<br />
<br />
[[Datei:Headphones-791078 960 720.jpg|zentriert|280px]]<br />
<br />
<br />
Leonie hat eine neue Playlist mit dem Namen ''Workout'' erstellt, die sie beim Sport hören möchte.<br />
Die Playlist setzt sich folgendermaßen zusammen:<br />
<br />
{|<br />
|-<br />
| Goodbye Machine || - Fiana Lovelace<br />
|-<br />
| Thoughts for the man || - Fiana Lovelace<br />
|-<br />
| Beautiful heart || - Fiana Lovelace<br />
|-<br />
| Summer of Lies || - Asparagus Boys<br />
|-<br />
| Turn up the Volume || - Integral Dimensions<br />
|-<br />
| I’m Insane || - Math Teachers United<br />
|-<br />
| Get it together || - Mr. Regret<br />
|-<br />
| Wicked madness || - Fiana Lovelace<br />
|-<br />
| Bad lies || - Mr. Regret<br />
|-<br />
| Hard chance || - Asparagus Boys<br />
|}<br />
<br />
Leonie möchte die Playliste im Shuffle-Modus hören, um eine Abwechslung beim Hören zu haben. Dies bedeutet, dass die Lieder in zufälliger Reihenfolge hintereinander abgespielt werden (ein Lied kann bei diesem Shuffle-Modus auch zufällig mehrmals hintereinander gespielt werden).<br />
<br />
== Aufgabe ==<br />
<br />
* Wie wahrscheinlich ist es, dass das nächste abgespielte Lied in der Playliste von Fiana Lovelace ist?<br />
<br />
Begründe deine Antwort mit deiner Vorgehensweise bei der Lösungssuche.<br />
<br />
{{Lösung versteckt|Überlege dir zunächst mit welcher Wahrscheinlichkeit ein bestimmtes Lied in der Playliste als nächstes abgespielt wird. (Wie wahrscheinlich ist es z.B. das als nächstes das Lied Beautiful Heart von Fiana Lovelace läuft? )<br />
<br />
Wie ändert sich dann die Wahrscheinlichkeit, wenn mehrere Songs von der Playliste vom gleichen Interpreten sind?<br />
<br />
Inwiefern spielt die Anzahl der Songs in der Playliste eine Rolle?<br />
<br />
Wie würde sich die Wahrscheinlichkeit ändern, wenn man einen Song vom Interpreten zu der Playliste hinzufügt oder entfernt?|Hilfestellung|Hilfestellung verbergen}}<br />
<br />
<br />
'''Zum weiteren Nachdenken:'''<br />
<br />
* Wie wahrscheinlich ist es, dass das nächste Lied '''nicht''' von Mr. Regret ist?<br />
<br />
{{Fortsetzung|weiter=Simulation der Shuffle-Funktion|weiterlink=../Simulation_der_Shuffle-Funktion}}<br />
<br />
<br />
{{SORTIERUNG:{{SUBPAGENAME}}}}<br />
[[Kategorie:Grundlagen der Wahrscheinlichkeitsrechnung]]</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Lernpfad.css&diff=137184
MediaWiki:Vorlage Lernpfad.css
2024-02-18T23:06:15Z
<p>Christian: </p>
<hr />
<div>/*<br />
* Vorlage:Lernpfad:Neu<br />
*/<br />
.zum-lernpfad {<br />
display:contents;<br />
}<br />
<br />
<br />
<br />
.zum-lernpfad .zum-box--titel .zum-lernpfad--qrcode {<br />
margin-inline-start:auto;<br />
}<br />
<br />
@media(min-width:815px) {<br />
.zum-lernpfad--inhalt {<br />
display:flex;<br />
gap:0.5em;<br />
}<br />
.zum-lernpfad--inhalt--main{<br />
flex-grow:1;<br />
}<br />
.zum-lernpfad--inhalt--main:has(+ .zum-lernpfad--inhalt--aside){<br />
flex-grow:0.7;<br />
}<br />
.zum-lernpfad--inhalt--aside {<br />
margin-inline-start: auto;<br />
flex-grow:0.3;<br />
}<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Gr%C3%B6%C3%9Fenvergleich_von_Br%C3%BCchen&diff=137183
Größenvergleich von Brüchen
2024-02-18T23:05:06Z
<p>Christian: </p>
<hr />
<div>{{Lernpfad<br />
|Titel=Größenvergleich von Brüchen<br />
|Inhalt=[[Bild:Comic_groessenvergleich.gif|center]]<br />
<br />
'''Wer hat nun mehr Kuchen gegessen?'''<br />
<br />
Ob '''4''' größer ist als '''2''', das ist nicht schwer.<br />
<br />
Aber der Größenvergleich mit Brüchen ist nicht ganz so einfach.<br />
[[Datei:Logo Mathematik-digital 2011.png|200px|right|verweis=Mathematik-digital]]<br />
}}<br />
__NOTOC__<br />
{{Navigation verstecken|{{Vorlage:Brüche erweitern, kürzen und vergleichen}}}}<br />
<br />
<br />
==Station 1.Regel==<br />
===Regel für Stammbrüche===<br />
<br />
:Damit du Brüche vergleichen kannst, gibt es '''drei''' Regeln, die dir dabei helfen können.<br />
<br />
::[https://files.zum.de/lernpfad_brueche/Lernpfad_extern/Vergleichen/Stammbruchregel/stammbruch_vgl.html Findest du die erste Regel heraus?<br>]<br><br />
<br />
{{Box<br />
|Titel=<br />
|Klasse=<br />
|Inhalt=<br />
Bei Stammbrüchen, also wenn im Zähler eine '''1''' steht, musst du nur die Nenner vergleichen.<br>Der Bruch mit dem kleineren Nenner ist größer.<br><br />
<div class="grid"><br />
<div class="width-1-2"> [[Bild:Feststellung.gif]] Beispiel:<br />
&nbsp;[[Bild:Bruchvergleich1.png]] </div><br />
<div class="width-1-2">&nbsp; &nbsp; <center><math>\frac{1}{2}>\frac{1}{3}</math> &nbsp; &nbsp;</center></div><br />
</div><br />
}}<br />
<!--{|<br />
|[[Bild:Feststellung.gif]] <br />
|Bei Stammbrüchen, also wenn im Zähler eine '''1''' steht, musst du nur die Nenner vergleichen.<br>Der Bruch mit dem kleineren Nenner ist größer.<br><br />
{|<br />
|Beispiel:<br />
|&nbsp;[[Bild:Bruchvergleich1.png]]<br />
|-<br />
|&nbsp;<br />
| align="center" | &nbsp; &nbsp; <math>\frac{1}{2}>\frac{1}{3}</math> &nbsp; &nbsp;<br />
|}<br />
|}--><br />
Aber gilt das nur für Stammbrüche?<br />
<br><br><br />
<br />
===Finde eine Regel===<br />
<br />
:Bearbeite nun folgende Aufgaben und schreibe dir deine Antworten auf deinen Laufzettel,<br> du wirst sie noch kontrollieren müssen.<br />
<br />
:Verstelle wieder zuerst den Nenner und dann den Zähler.<br />
<div style="margin-left:2em"><br />
<div class="grid"><br />
<div class="width-1-6">[[Bild:Comic_Frage_klein.gif]]</div><br />
<div class="width-5-6"><br />
#Stelle den Bruch &nbsp;&nbsp;<math>\frac{4}{7}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{4}{9}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
#Das Bruchpaar &nbsp;&nbsp;<math>\frac{9}{15}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{9}{10}</math> &nbsp;&nbsp; hat den gleichen Zähler. <br> Vergleiche den Nenner des größeren mit dem Nenner des kleineren Bruches.</div><br />
</div><br />
<!--{|<br />
|[[Bild:Comic_Frage_klein.gif]] <br />
|<br />
# Stelle den Bruch &nbsp;&nbsp;<math>\frac{4}{7}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{4}{9}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
# Das Bruchpaar &nbsp;&nbsp;<math>\frac{9}{15}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{9}{10}</math> &nbsp;&nbsp; hat den gleichen Zähler. <br> Vergleiche den Nenner des größeren mit dem Nenner des kleineren Bruches.<br />
|}--><br />
<br><br />
<ggb_applet height="450" width="800" id="vztvat2r" /> <br />
<br />
Waren deine Antworten richtig? Teste dich:<br />
<br><br><br />
1. Frage: &nbsp;{{Lösung versteckt|::<math>\frac{4}{7}</math> &nbsp; ist der größere Bruch.}}<br />
2. Frage: &nbsp;{{Lösung versteckt|::Der Nenner des größeres Bruches &nbsp;&nbsp;<math>\frac{9}{10}</math> &nbsp;&nbsp; ist '''kleiner''' als der Nenner des kleineren Bruches &nbsp;&nbsp;<math>\frac{9}{15}</math> &nbsp;&nbsp;.}}<br />
</div><br />
<br />
<br><br />
<br><br />
<br />
===Die 1.Regel===<br />
<br />
Die Vermutung gilt also für alle Brüche, die einen gleichen Zähler haben.<br />
<br><br />
'''Schreibe dir den Merksatz in dein Heft:'''<br />
<br><br />
<br />
{{Box|1=1. Regel|2=<br />
[[Bild:Comic_Merke.gif|right]] <br />
<br />
Sind die Zähler gleich, dann musst du nur die Nenner vergleichen.<br><br />
Der Bruch mit dem kleineren Nenner ist größer.<br />
<br />
<br />
Beispiel:<br />
<br />
[[Bild:RegelVGL1.png|center]]<br />
<div style="margin-left:24em"><math>\frac{3}{4}>\frac{3}{7}</math></div><br />
|3=Merksatz}}<br />
<br />
<br />
==Station 2.Regel==<br />
===Finde eine Regel===<br />
<div style="margin-left:2em">Versuche eine weitere Regel herauszufinden und schreibe dir die Lösungen der Fragen auf deinen Laufzettel.<br />
<br />
Verstelle wieder zuerst den Nenner und dann den Zähler.<br />
<div class="grid"><br />
<div class="width-1-6">[[Bild:Comic_Frage_klein.gif]]</div><br />
<div class="width-5-6"><br />
#Stelle den Bruch &nbsp;&nbsp;<math>\frac{4}{7}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{6}{7}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
#Das Bruchpaar &nbsp;&nbsp;<math>\frac{9}{15}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{13}{15}</math> &nbsp;&nbsp; hat den gleichen Nenner. <br> Vergleiche den Zähler des größeren mit dem Zähler des kleineren Bruches.</div><br />
</div><br />
<!--{|<br />
|[[Bild:Comic_Frage_klein.gif]] <br />
|<br />
# Stelle den Bruch &nbsp;&nbsp;<math>\frac{4}{7}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{6}{7}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
# Das Bruchpaar &nbsp;&nbsp;<math>\frac{9}{15}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{13}{15}</math> &nbsp;&nbsp; hat den gleichen Nenner. <br> Vergleiche den Zähler des größeren mit dem Zähler des kleineren Bruches.<br />
|}--><br />
<br><br />
<ggb_applet width="800" height="450" id="cju34msd" /><br />
<br />
Waren deine Antworten richtig? Teste dich:<br />
<br><br><br />
1. Frage: &nbsp;{{Lösung versteckt|::<math>\frac{6}{7}</math> &nbsp; ist der größere Bruch.}}<br />
2. Frage: &nbsp;{{Lösung versteckt|::Der Zähler des größeres Bruches &nbsp;&nbsp;<math>\frac{13}{15}</math> &nbsp;&nbsp; ist '''größer''' als der Zähler des kleineren Bruches &nbsp;&nbsp;<math>\frac{9}{15}</math> &nbsp;&nbsp;.}}<br />
</div><br />
<br />
<br><br><br />
===Die 2.Regel===<br />
<br />
'''Schreibe dir den Merksatz in dein Heft:'''<br />
<br><br />
<br />
{{Box|1=2. Regel|2=<br />
[[Bild:Comic_Merke.gif|right]] <br />
<br />
Sind die Nenner gleich, dann musst du nur die Zähler vergleichen.<br><br />
Der Bruch mit dem größeren Zähler ist größer.<br />
<br />
<br />
Beispiel:<br />
<br />
[[Bild:RegelVGL2.png|center]]<br />
<br />
<div style="margin-left:24em"><math>\frac{5}{7}>\frac{2}{7}</math></div><br />
|3=Merksatz}}<br />
<br />
<br />
==Station 3.Regel==<br />
===Finde eine letzte Regel===<br />
<div style="margin-left:2em">Versuche eine letzte Regel herauszufinden und schreibe dir die Lösungen der Fragen auf deinen Laufzettel.<br />
<div class="grid"><br />
<div class="width-1-6">[[Bild:Comic_Frage_klein.gif]]</div><br />
<div class="width-5-6"><br />
#Stelle den Bruch &nbsp;&nbsp;<math>\frac{14}{9}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{12}{3}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
#Stelle den Bruch &nbsp;&nbsp;<math>\frac{6}{15}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{1}{5}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?</div><br />
</div><br />
<!--{|<br />
|[[Bild:Comic_Frage_klein.gif]] <br />
|<br />
# Stelle den Bruch &nbsp;&nbsp;<math>\frac{14}{9}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{12}{3}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
# Stelle den Bruch &nbsp;&nbsp;<math>\frac{6}{15}</math> &nbsp;&nbsp; und &nbsp;&nbsp;<math>\frac{1}{5}</math> &nbsp;&nbsp;ein. Welcher Bruch ist größer?<br />
|}--><br />
<br><br />
<ggb_applet width="800" height="450" id="nuq7qvhx" /><br />
<br />
Waren deine Antworten richtig? Teste dich:<br />
<br><br><br />
1. Frage: &nbsp;{{Lösung versteckt|::<math>\frac{12}{3}</math> &nbsp; ist der größere Bruch.}}<br />
2. Frage: &nbsp;{{Lösung versteckt|::<math>\frac{6}{15}</math> &nbsp; ist der größere Bruch.}}<br />
<br><br><br />
Aber da steckt doch keine Regel dahinter, oder?<br />
<br />
Aber vielleicht kannst du eine daraus machen...<br />
<br><br><br />
[[Bild:ComicVGL.png]]<br />
</div><br />
<br />
<br><br><br />
===Der Hauptnenner===<br />
<br />
:'''Schreibe dir den Merksatz in dein Heft:'''<br />
<br />
{{Box|1=Hauptnenner|2=<br />
[[Bild:Comic_Merke.gif|right]] <br />
<br> &nbsp; Zwei oder mehr Brüche werden '''gleichnamig''' gemacht, indem man die Nenner so erweitert,<br />
<br> &nbsp; dass alle Brüche danach die gleichen Nenner haben.<br />
<br />
<br> &nbsp; Den kleinsten gemeinsamen Nenner nennt man auch den '''Hauptnenner'''.<br />
|3=Merksatz}}<br />
<br />
<br />
'''Es gibt schon eine Regel für Brüche, die den gleichen Nenner haben: Die 2.Regel!'''<br />
<br><br />
<br><br />
<br />
===Die 3.Regel===<br />
<br />
:'''Schreibe dir den Merksatz in dein Heft:'''<br />
<br />
{{Box|1=3.Regel|2=<br />
[[Bild:Comic_Merke.gif|right]] <br />
<br />
Sind weder die Zähler noch die Nenner gleich, dann musst du die Brüche gleichnamig machen.<br><br />
Wenn sie dann den gleichen Nenner, z.B. den Hauptnenner haben, kannst du die 2.Regel anwenden.<br><br />
Der Bruch mit dem größeren Zähler ist größer.<br />
<br />
<br />
Beispiel:&nbsp; <math>\frac{5}{6}>\frac{7}{9}</math><br />
<br />
::Die beiden Brüche haben den Hauptnenner 18.<br />
<br />
::Durch Erweitern auf den Hauptnenner, siehst du, dass &nbsp;<math>\frac{5 \cdot 3}{6 \cdot 3}= \frac{15}{18}</math> &nbsp; und &nbsp; <math>\frac{7 \cdot 2}{9 \cdot 2}= \frac{14}{18}</math> &nbsp;ist.<br />
<br />
::Nach der 2.Regel weißt du, dass &nbsp;<math>\frac{15}{18}>\frac{14}{18}</math>. &nbsp; Also ist &nbsp; <math>\frac{5}{6}>\frac{7}{9}</math>.<br />
<br />
|3=Merksatz}}<br />
<br />
<br />
==Übungen zum Hauptnenner und zum Größenvergleich==<br />
<br />
Es gibt mehrere Aufgaben und Schwierigkeiten zur Auswahl. Wir empfehlen dir: Wähle zwei Übungen aus der Schwierigkeitsstufe "leicht" und "mittelschwer" aus, die du bearbeitest. Danach teste dich mit der Übung aus der Schwierigkeitsstufe "schwer".<br />
<br /><br /><br /><br />
<br />
<div class="grid" style="margin-left:20px"><div class="width-1-3" style="text-align:center; padding:0px 0px 30px 0px;"><div style="background:#8FCD25;line-height:75%;"><br />'''LEICHT'''<br /><br /></div><br />
<br />
[https://files.zum.de/lernpfad_brueche/Ubungen/Quiz/rof_vgl/quiz_rof_vgl.html Ist das Vergleichszeichen richtig gesetzt?]<br />
<br />
[https://files.zum.de/lernpfad_brueche/Ubungen/Ubungen_vgl/Sortieren/Sortieren_leicht.html Sortiere die Brüche der Größe nach]<br />
</div><div class="width-1-3" style="text-align:center; padding:0px 0px 30px 0px;"><div style="background:#DD7F28;line-height:75%;"><br />'''MITTELSCHWER'''<br /><br /></div><br />
<br />
[https://files.zum.de/lernpfad_brueche/Ubungen/Ubungen_vgl/Hauptnenner/Gemeinsamer_Nenner.html Erweitere auf einen gemeinsamen Nenner]<br />
<br />
[https://files.zum.de/lernpfad_brueche/Ubungen/Ubungen_vgl/Hauptnenner/Hauptnenner.html Erweitere auf den Hauptnenner]<br />
<br />
[https://files.zum.de/lernpfad_brueche/Ubungen/Ubungen_vgl/Formular/Formular.html Setze das Vergleichszeichen richtig]<br />
</div><div class="width-1-3" style="text-align:center; padding:0px 0px 30px 0px;"><div style="background:#C64285;line-height:75%;"><br />'''SCHWER'''<br /><br /></div><br />
<br />
[https://files.zum.de/lernpfad_brueche/Ubungen/Ubungen_vgl/Sortieren/Sortieren_schwer.html Sortiere die Brüche der Größe nach]<br />
</div></div><br />
<br />
<br />
{{Fortsetzung|weiter=Teilbarkeitsregeln}}<br />
<br />
[[Kategorie:Mathematik]]<br />
[[Kategorie:Sekundarstufe 1]]<br />
[[Kategorie:Lernpfad]]<br />
[[Kategorie:Interaktive Übung]]<br />
[[Kategorie:Algebra]]</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Lernpfad.css&diff=137182
MediaWiki:Vorlage Lernpfad.css
2024-02-18T23:04:27Z
<p>Christian: </p>
<hr />
<div>/*<br />
* Vorlage:Lernpfad:Neu<br />
*/<br />
.zum-lernpfad {<br />
display:contents;<br />
}<br />
<br />
<br />
<br />
.zum-lernpfad .zum-box--titel .zum-lernpfad--qrcode {<br />
margin-inline-start:auto;<br />
}<br />
<br />
@media(min-width:815px) {<br />
.zum-lernpfad--inhalt {<br />
display:flex;<br />
gap:0.5em;<br />
}<br />
.zum-lernpfad--inhalt--main{<br />
flex-grow:0.7;<br />
}<br />
.zum-lernpfad--inhalt--aside {<br />
margin-inline-start: auto;<br />
flex-grow:0.3;<br />
}<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Mathematik-digital&diff=137181
Mathematik-digital
2024-02-18T22:54:39Z
<p>Christian: </p>
<hr />
<div>__NOTOC__ __NOEDITSECTION__<br />
<div class="rahmen"><br />
[[Datei:Mathematik-digital Logo4.png|100px|left|link=]] [[Datei:OER-Award 2017 - Nominiert.png|rechts|mini|120px|link=https://open-educational-resources.de/veranstaltungen/17/award/ OER-Award 2017|<small> Nominiert für den OER-Award 2017 in der Kategorie "'''Qualität für OER'''" </small> .]]<br />
<span style="font-size:28pt;">Lernpfade</span><br />
<br />
<span style="font-size:14pt;">'''Interaktive Unterrichtseinheiten'''</span><br />
<br />
Die Lernpfade sind im Wiki erstellt und daher leicht veränderbar. Sie können jederzeit der individuellen Unterrichtssituation angepasst werden. <br />
<br />
Die Lernpfade eignen sich hervorragend zum eigenverantwortlichen Lernen. Inhalte können selbst erarbeitet, geübt und gefestigt werden. Besonderer Wert wird auf die Selbstkontrolle der Lernenden gelegt. Dies geschieht z. B. durch die Integration von interaktiven Applets, Lernspielen oder durch versteckte Lösungen.<br />
{{Fortsetzung|weiter=Weitere Informationen zur Konzeption der Wiki-Lernpfade|weiterlink=Mathematik-digital/Informationen}}</div><br />
<br />
{{Box<br />
|Titel=Klasse 5<br />
|Klasse=<br />
|Farbe={{Farbe|orange}}<br />
|Inhalt= <br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Römische Zahlen|Römische Zahlen ]] <small>{{pdf|Infoblatt Lernpfad Roemische Zahlen.pdf|Infoblatt Lernpfad Römische Zahlen}}</small><br />
*[[Einführung in die Negativen Zahlen]]<br />
*[[Figuren im Koordinatensystem]]<br />
*[[Achsensymmetrie]]<br />
*[[Rechteck - Flächeninhalt und Eigenschaften]]<br />
*[[Umfang und Flächeninhalt vom Rechteck]]<br />
*[[Flächeninhalt des Rechtecks]] <small>{{pdf|Infoblatt Lernpfad Rechteck.pdf|Infoblatt Lernpfad (Rechteck)}}</small><br />
*[[Flächeninhalt eines Rechtecks - Aufgaben]]<br />
<br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''':<br />
[[Figuren im Koordinatensystem]] <br />
[[Datei:Schatzkarte.jpg|180px]]<br />
<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
''' '''<br />
{{Box<br />
|Titel=Klasse 6<br />
|Farbe={{Farbe|orange}}<br />
|Klasse=<br />
|Inhalt= <br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Teil, Anteil und Ganzes bei der Bruchrechnung]]<br />
*[[Grundwissen - Brüche]]<br />
*[[Bruchteile bestimmen]] <br />
*[[Erweitern von Brüchen]]<br />
*[[Kürzen von Brüchen]] <br />
*[[Teilbarkeitsregeln]]<br />
*[[Größenvergleich von Brüchen]] <br />
*[[Grundlagen_der_Achsenspiegelung|Grundlagen der Achsenspiegelung]]<br />
*[[Eigenschaften_der_Achsenspiegelung|Eigenschaften der Achsenspiegelung]] <small>[http://dmuw.zum.de/wiki/Lernpfade/Achsenspiegelung Achsenspiegelung] im DMUW-Wiki</small><br />
*[[Achsensymmetrische_Vierecke_und_Dreiecke|Achsensymmetrische Vierecke und Dreiecke]]<br />
*[[Muster erkennen und geschickt fortsetzen]]<br />
<br />
<br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''':<br />
[[Erweitern von Brüchen]]<br />
[[Datei:Comic Frage.gif|180px]]<br />
<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
{{Box<br />
|Titel=Klasse 7 <br />
|Farbe={{Farbe|orange}}<br />
|Klasse=<br />
|Inhalt= <br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Winkelhalbierende, Mittelsenkrechte, Lot]]<br />
*[[Terme]]<br />
*[[Textaufgaben|Textaufgaben - Textgleichungen mit einer Variablen]] <br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''':<br />
[[Textaufgaben|Textaufgaben]] <br />
[[Datei:KatharinaP Agent Tafel.jpg|180px]]<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
{{Box<br />
|Titel=Klasse 8<br />
|Klasse=<br />
|Farbe={{Farbe|orange}}<br />
|Inhalt=<br />
<div class="grid"><br />
<div class="width-2-3"><br />
*'''Vera 8''': [[Vera 8 interaktiv/Mathematik/Test A|Test A]] - [[Vera_8_interaktiv/Mathematik/Test_B|Test B]] - [[Vera_8_interaktiv/Mathematik/Test_C|Test C]]<br />
*'''BMT 8''': [[Jahrgangsstufentest/BMT8_2011|2011]] - [[Jahrgangsstufentest/BMT8_2008|2008]] - [[Jahrgangsstufentest/BMT8_2007|2007]]<br />
*[[Grundlagen der Wahrscheinlichkeitsrechnung]]<br />
*[[Laplace-Wahrscheinlichkeit wiederholen und vertiefen]]<br />
*[[Lineare Funktionen]] <br />
*[[Lineare Funktionen im Aktiv-Urlaub]]<br />
*[[Flächen und Volumina]]<br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''':<br />
[[Laplace-Wahrscheinlichkeit wiederholen und vertiefen|Laplace-Wahrscheinlichkeit]]<br />
<br />
<br />
[[File:Efron_dice.png|right|300px]]<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
{{Box<br />
|Titel=Klasse 9<br />
|Klasse=<br />
|Farbe={{Farbe|orange}}<br />
|Inhalt=<br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Rechnen mit Quadratwurzeln]]<br />
*[[Einführung in quadratische Funktionen]]<br />
*[[Quadratische Funktionen erkunden]] - [[Quadratische Funktionen erforschen]]<br />
*[[Potenzfunktionen]]<br />
*[[Zentrische Streckung]]<br />
*[[Kongruenz von Dreiecken]]<br />
*[[Zylinder Pyramide Kegel|Zylinder Pyramide Kegel]]<br />
*[[Zylinder-Oberfläche]]<br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''':<br />
[[Zylinder Pyramide Kegel|Zylinder Pyramide Kegel]]<br />
<br />
[[Datei:Quadratische_Pyramide_mit_Beschriftung.jpg|150px]]<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
{{Box<br />
|Titel=Klasse 10<br />
|Klasse=<br />
|Farbe={{Farbe|orange}}<br />
|Inhalt=<br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Trigonometrische Funktionen]] <br />
*[[Sinus- und Kosinusfunktion]]<br />
*[[Grenzwerte spezieller Funktionen]]<br />
*[[Ganzrationale Funktionen]]<br />
*[[Eigenschaften ganzrationaler Funktionen]]<br />
*[[Nullstellen bestimmen]]<br />
<br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''': [[Sinus- und Kosinusfunktion]]<br />
<br />
[[Datei:Sine cosine one period.svg|300px]]<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
{{Box-spezial<br />
|Titel=Klasse 11<br />
|Klasse=<br />
|Farbe={{Farbe|orange}}<br />
|Inhalt=<br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Einführung in die Differentialrechnung]]<br />
*[[Zusammenhang zwischen Graph einer Funktion und Ableitung]]<br />
*[[Anwendungsbezogene Extremwertaufgaben]]<br />
*[[WHG Q1 Vektorrechnung|Vektorrechnung]]<br />
</div><br />
<div class="width-1-3"><br />
'''Im Blick ''': [[Einführung in die Differentialrechnung]]<br />
<br />
[[Datei:Meteor.jpg|180px]]<br />
<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
{{Box<br />
|Titel=Klasse 12<br />
|Klasse=<br />
|Farbe={{Farbe|orange}}<br />
|Inhalt=<br />
<div class="grid"><br />
<div class="width-2-3"><br />
*[[Einführung in die Integralrechnung]]<br />
*[[Integralrechnung]]<br />
*[[Signifikanztest für binomialverteilte Zufallsgrößen]]<br />
</div><br />
<div class="width-1-3"><br />
<br />
</div><br />
</div> <!-- End .grid --><br />
}}<br />
<br />
<br />
''' '''<br />
{{Box<br />
|Titel=Weitere Lernpfade<br />
|Klasse=<br />
|Farbe={{Farbe|grau}}<br />
|Inhalt=<br />
*[[dmuw:Lernpfade|Lernpfade als Examensarbeiten]], erstellt von Studenten an der Universität Würzburg<br />
*[[medienvielfalt:Hauptseite| Lernpfade im Medienvielfalts-Wiki der ZUM]] erstellt von Lehrern und Dozenten in einem Kooperationsprojekt von [http://www.austromath.at/medienvielfalt/ Medienvielfalt im Mathematikunterricht] und [[:zum-wiki:Kategorie:Mathematik-digital|Mathematik-digital (Archiv im ZUM-Wiki)]]. <br />
}}<br />
'''Kooperationen'''<br />
<div class="subnavigation" style="padding:10px;background:#ddeeff;border:0"> <br />
<center><br />
<span style="padding: 1rem">[[File:Institutlogo f.png|link=http://www.dms.uni-landau.de Institut für Mathematik]]</span><br />
<span style="padding: 1rem">[[File:Zum Logo Baustein2.png|link=http://www.zum.de]]</span><br />
<span style="padding: 1rem">[[File:Didaktik_der_MathemathikUniWürzburg.png|link=http://www.didaktik.mathematik.uni-wuerzburg.de/aktuelles]]</span><br />
<span style="padding: 1rem">[[File:Medien f.png|link=http://www.austromath.at/medienvielfalt]]</span><br />
</center><br />
</div><br />
<br />
[[Kategorie:Mathematik]]<br />
[[Kategorie:Mathematik-digital|!]]<br />
[[Kategorie:Lernpfad]]</div>
Christian
https://unterrichten.zum.de/index.php?title=Mathematik-digital/Informationen&diff=137180
Mathematik-digital/Informationen
2024-02-18T22:47:59Z
<p>Christian: </p>
<hr />
<div>{{Box<br />
|Titel= <br />
|Inhalt= <br />
[[Datei:Logo Mathematik-digital 2011.png|400px]]<br />
<br />
'''Wie kann das Internet sinnvoll in den Unterricht integriert werden?'''<br />
<br />
*Auf der Seite [http://www.mathematik-digital.de '''www.mathematik-digital.de'''] findet sich eine Zusammenstellung empfehlenswerter Internetseiten für den Mathematikunterricht nach Klassenstufen und Lehrplanthemen sortiert. Diese Internetseiten bilden die Grundlage für individuell zusammengestellte interaktive Unterrichtseinheiten, die hier im Wiki unter '''Mathematik-digital''' zu finden sind. <br />
<br />
'''Wie kann man sich beteiligen?'''<br />
<br />
*Jeder kann ohne Anmeldung interessante Links in die ''Linkdatenbank'' eintragen: '''[http://www.mathematik-digital.de www.mathematik-digital.de]''' <br />
*Jeder kann hier im Wiki schnell und unkompliziert interaktive Unterrichtseinheiten ([[Lernpfad|'''Lernpfade''']]) zusammenstellen oder bereits vorhandene Wiki-Lernpfade verändern. <br />
<br />
'''Wer steckt dahinter?'''<br />
<br />
*Mathematik-digital ist aus einer Zusammenarbeit des [http://www.didaktik.mathematik.uni-wuerzburg.de/wissenschaft/pentagramm-projekt/ Lehrstuhls für Didaktik der Mathematik] unter Leitung von [[wikipedia:de:Hans-Georg_Weigand|Prof. Hans-Georg Weigand]] mit Lehrerinnen und Lehrern aus verschiedenen Schulen im Umkreis von Würzburg entstanden.<br />
|Farbe={{Farbe|orange}}<br />
|Klasse= <br />
}}<br />
<br />
__TOC__<br />
==Wiki-Lernpfade==<br />
[[Datei:Wiki-Lernpfade Das Internet sinnvoll nutzen.pdf|thumb|400px|Mathematik-Digital: Wiki-Lernpfade (Folien)|verweis=https://wiki.zum.de/images/3/34/Wiki-Lernpfade_Das_Internet_sinnvoll_nutzen.pdf]]<br />
{{#ev:youtube|qUoZ68_SoRo|400|right}}<br />
<br />
Die Idee der Lernpfade von Mathematik-digital wurde 2004 von einer Gruppe interessierter Lehrerinnen und Lehrern zusammen mit dem Lehrstuhl für Didaktik der Mathematik der Universität Würzburg in Kooperation mit Lehrenden aus Österreich entwickelt. Wiki-Lernpfade verbinden die Stärken des analogen Lernens mit den Vorteilen digitaler Medien.<br />
<br />
Bei einem Wiki-Lernpfad handelt es sich um ein innovatives Lehr- und Lernsetting, bei dem sich Schülerinnen und Schüler neue Inhalte selbst erschließen oder Bekanntes üben, sowohl im Unterricht als auch zu Hause. Besonderer Wert wird dabei auf die Selbstkontrolle der Lernenden gelegt. Dies geschieht z. B. durch automatisierten Auswertungen der Schülereingaben bei Lernspielen oder durch versteckte Lösungen. Die Konzeption der Wiki-Lernpfade bietet zahlreiche Möglichkeiten der Differenzierung und eignet sich auch für forschendes Lernen und offenen Aufgabenstellungen.<br />
<br />
Das Arbeiten mit einem Wiki bietet die Möglichkeit, Schülerinnen und Schülern an einem Lernpfad mitarbeiten zu lassen, z.B. durch das Ergänzen eigener Lösungen oder Aufgaben. Dies hat sich als äußerst motivierend gezeigt.<br />
<br />
Durch die Umsetzung in einem öffentlichen Wiki stehen die Wiki-Lernpfade von Mathematik-digital jedermann jederzeit zur Verfügung, sie sind leicht und schnell veränderbar und eignen sich so optimal für die Kooperation unterschiedlicher Lehr- und Lerngruppen. Dass das Konzept der Wiki-Lernpfade nicht nur für den Mathematikunterricht interessant ist, zeigen die zahlreichen Wiki-Lernpfade, die Lehrende anderer Fächer an Schulen und Universitäten erstellt bzw. initiiert haben.<br />
<small><br />
*[https://wiki.zum.de/images/3/34/Wiki-Lernpfade_Das_Internet_sinnvoll_nutzen.pdf Wiki-Lernpfade - Das Internet sinnvoll nutzen (Folien)]<br />
*[https://www.zum.de/portal/blog/ZUMTeam/Das-Netz-rund-um-Mathematik-digital-und-die-GeoGebra-Applets Das Netz rund um Mathematik-digital und die GeoGebra-Applets]<br />
*[http://medienvielfalt.zum.de/wiki/Hauptseite Wiki-Lernpfade im Medienvielfalts-Wiki]<br />
*[http://dmuw.zum.de/wiki/Lernpfade Wiki-Lernpfade im DMUW-Wiki]<br />
</small><br />
<br />
<br />
==Konzeption von Mathematik-digital==<br />
[[Datei:Poster_Wiki-Lernpfade_Mathematik-Digital.jpg|thumb|right|400px|Wiki-Lernpfade in Mathematik-Digital (Poster)]]<br />
Im Internet gibt es eine unüberschaubare Fülle an Angeboten für (fast) alle Themenbereiche des Mathematikunterrichts. Jeder Internetnutzer kennt allerdings das Problem des Suchens und (schnellen) Findens geeigneter Seiten. Die Grundidee der Projektgruppe [http://www.mathematik-digital.de www.mathematik-digital.de] war es, geeignete Materialien im Internet zu finden und sie zu sinnvollen Unterrichtseinheiten zu verbinden. Dabei bildeten sich zwei Schwerpunkte heraus: Erstellen einer Linkdatenbank und Entwickeln internetgestützter Lernpfade (interaktive Unterrichtseinheiten) in einem Wiki.<br />
<br />
In einer [http://www.mathematik-digital.de Linkdatenbank] werden Internetseiten von einem Redaktionsteam bewertet und nach Klassenstufen und Lehrplanthemen geordnet aufgelistet. Jeder Benutzer der Datenbank kann - ohne sich anmelden zu müssen - Links hinzufügen, die dann von einem Redaktionsteam bewertet werden. Ziel ist es, zu jedem zentralen Thema des Mathematikunterrichts eine Art „Best of“ - Liste von Materialien zu erhalten.<br />
<br />
Die Entwicklung eines Unterrichtskonzeptes, bei dem diese neuen Materialien so in den Unterricht integriert sind, dass Schülerinnen und Schüler möglichst zielgerichtet und selbstständig damit arbeiten können, wurde zum zweiten Schwerpunkt der Projektgruppe. Es entstand die Idee, interaktive Unterrichtseinheiten, so genannte [[Mathematik-digital|Lernpfade]], zu erstellen. Die Basis stellen dabei die in der Datenbank zusammengetragenen Links zu interaktiven Applets, dynamischen Arbeitsblättern, im Internet hinterlegten Textdokumenten, sowie ein gemeinsam erarbeiteter [[Mathematik-digital/Kriterienkatalog|Kriterienkatalog für Lernpfade]] dar. Dabei sind zwei Dinge wichtig: Die Lernpfade sind technisch einfach zu entwickeln und können jederzeit von jedem Benutzer verändert werden. Das Arbeiten in einem Wiki bietet genau diese Möglichkeiten.<br />
{{pdf|Poster_Mathematik_digital.pdf|Poster zu Wiki-Lernpfaden}}<br />
<br />
==Nominierungen==<br />
[[Datei:OER-Award Mathematik-digital.jpg|180px|left]] <br />
Nominierung für den [https://open-educational-resources.de/veranstaltungen/17/award/ OER-Award 2017 – die besten Open Educational Resources im deutschsprachigen Raum] in der Kategorie "'''Qualität für OER'''".<br />
[[Datei:Werbebanner OPERA.jpg|180px|right|Small Open Educational Resources Award OPERA 2015|verweis=https://www.ice-karlsruhe.de/oer/archiv-der-opera-award/]] <br />
<br />
<br />
Der Lernpfad {{Lernpfadlink-M-digital|Römische Zahlen}} wurde 2015 nominiert für den Small Open Educational Resources OPERA Award 2015<br />
[[Bild:Urkunde Deutscher Innovationspreis 2007.jpg|180px|right]]<br />
<br />
<br />
<br />
"Auf neuen Pfaden lernen - das Projekt Mathematik-digital" wurde 2007 für den [[:rmg:Deutscher Innovationspreis für nachhaltige Bildung|Deutschen Innovationspreis für nachhaltige Bildung]] nominiert.<br />
<br />
<br />
<br />
<br />
==Veröffentlichungen, wissenschaftliche Vorträge==<br />
<br />
*[https://www.uni-muenster.de/IDMI/arbeitsgruppen/ag-greefrath/mitarbeiter/jedtke.shtml Jedtke, Elena (2018]): [https://www.uni-muenster.de/forschungaz/publication/141235?lang=de Digitales Lernen mit Wiki-basierten Lernpfaden: Konzeption eines Lernpfads zu Quadratischen Funktionen], In: [https://www.uni-due.de/imperia/md/images/didmath/veranstaltungen/tagungen/akmdw/tagungsband_-_akmdw_2017.pdf Digitales Lernen im Mathematikunterricht] herausgegeben von Pinkernell Guido, Schacht Florian, 49-60. Hildesheim: Franzbecker.<br />
*[https://www.uni-muenster.de/IDMI/arbeitsgruppen/ag-greefrath/mitarbeiter/jedtke.shtml Jedtke, Elena (2017]): "Feedback in a Computer-Based Learning Environment about Quadratic Functions: Research Design and Pilot Study". 13th International Conference on Technology in Mathematics Teaching, Institut Français de l'Éducation (IFÉ) ENS de Lyon, Lyon, Frankreich, 03.07.2017.<br />
*[https://www.uni-muenster.de/IDMI/arbeitsgruppen/ag-greefrath/mitarbeiter/jedtke.shtml Jedtke, Elena (2017]: "Feedback in wiki-basierten Lernpfaden: Einfluss auf die Selbsteinschätzung und die Leistung im Mathematikunterricht am Beispiel quadratischer Funktionen." Jahrestagung der Gesellschaft für Didaktik der Mathematik, Potsdam, 03.03.2017.<br />
*[http://www.dms.uni-landau.de/roth/veroeffentlichungen/2014/roth_lernpfade.pdf Prof. Dr. Jürgen Roth: Lernpfade – Ein gangbarer Weg zur sinnvollen Nutzung digitaler Werkzeuge im Mathematikunterricht?] , Erscheint in: Ulrich Kortenkamp, Anselm Lambert (Hrsg.): Verfügbare Digitale Werkzeuge im Mathematikunterricht richtig nutzen. Bericht über die 29. Arbeitstagung des Arbeitskreises "Mathematikunterricht und Informatik" in der Gesellschaft für Didaktik der Mathematik e. V. vom 23. bis 25. September 2011 in Soest, Franzbecker, Hildesheim, 2017<br />
*Schellmann, Andrea; Eirich, Maria; Weigand, Hans-Georg; Lang Myriam: Wiki-Lernpfade mit Lernenden für Lernende gestalten. In: Roth, J. et. al. (Hrsg.): [http://www.springer.com/springer+spektrum/mathematik/book/978-3-658-06448-8 Medienvielfalt im Mathematikunterricht - Lernpfade als Weg zum Ziel]; Springer Spektrum, Heidelberg, 2015, S. 155 - 198<br />
*Eirich, Maria; Schellmann, Andrea; (2013): Wikis im Mathematikunterricht. In: Ruppert, M. & Wörler, J. (Hrsg.): [http://www.springer.com/springer+spektrum/mathematik/book/978-3-658-03007-0 Technologien im Mathematikunterricht - Eine Sammlung von Trends und Ideen]; Springer Spektrum, Heidelberg, 2013, S. 89 - 98<br />
*[http://dmuw.zum.de/images/5/52/Lernpfad_br%C3%BCche.pdf Katja Heimlich: Schriftliche Hausarbeit zum Thema Interaktive Lernpfade zum Thema „Brüche erweitern, kürzen und vergleichen” - Erste Staatsprüfung für ein Lehramt an Realschulen, Bayerische Julius-Maximilians-Universität Würzburg, 18. Mai 2009] (PDF; 6,8 MB); vgl. z.B.: [[Erweitern von Brüchen]]<br />
*Eirich M./Schellmann A.: Auf gemeinsamen Lernpfaden - Unterricht entwickeln in einem Wiki. - In: mathematik lehren, Heft 152, Friedrich-Verlag 2008. S. 18-21.<br />
*Eirich M./Schellmann A.: Entwicklung und Einsatz internetgestützter interaktiver Lernpfade. - In: mathematik lehren, Heft 146, Friedrich-Verlag 2008. S. 59-62.<br />
<br />
==Workshops, Fortbildungen, Vorträge==<br />
<br />
In Fortbildungen wird die Konzeption von www.mathematik-digital.de aufgezeigt. Die Teilnehmer lernen, wie man Online-Materialien schnell und einfach zu Unterrichtssequenzen zusammenstellen, vorhandene Wiki-Lernpfade für den eigenen Unterrichtseinsatz verändern bzw. neue Lernpfade selbst erstellen kann.<br />
<br />
Sie möchten an Ihrer Schule eine '''Fortbildung''' zu Mathematik-digital oder ein '''Seminar''' in Ihrer Nähe? <br />
Bitte wenden Sie sich an [mailto:mariaeirich@t-online.de Maria Eirich]; [mailto:rmgwiki@gmx.de Andrea Schellmann] oder an [mailto:weigand@mathematik.uni-wuerzburg.de Prof. Hans-Georg Weigand].<br />
<br />
<br />
;Termine<br />
<br />
*29.04.2019 [https://projekte.zum.de/wiki/Arnold-Gymnasium_Neustadt Differenzierung im Mathematikunterricht mit Wikis], RLFB am Arnold-Gymnasium Neustadt <small>[[Benutzer:Maria Eirich|Maria Eirich]]</small><br />
*01.07.2015 Lernen mit neuen Medien - Digitale Lernlandschaften in der Praxis, RLFB am Gymnasium Casimirianum Coburg <small>[[Benutzer:Maria Eirich|Maria Eirich]]</small><br />
*14.03.2015 [http://digilern.zum.de/wiki/Workshops_-_Vortr%C3%A4ge_-_Marktplatz#Mit_Wikis_interaktiv_unterrichten_.28RS.2C_GYM.2C_MS.29 Mit Wikis interaktiv Unterrichten], Workshop auf der [http://digilern.zum.de/wiki/Hauptseite DigiLern 2015] am Regiomontanus-Gymnasium Haßfurt <small> [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*13.05.-26.05.2013 [http://www.coer13.de/unit3.html coer13.de/unit3.html OER-Einsatzszenarien] <small>[[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*09.01.2013, [http://www.didaktik.mathematik.uni-wuerzburg.de/lehre/lehrerfortbildungen/timu/timu_teil_12/ "Lernpfade und Wikis"] <small>[[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea Schellmann|Andrea Schellmann]], Michael Schuster</small><br />
*15.12.2012, Unterrichten mit einem WIKI - Kongress "Schulentwicklungstage Schloss Neubeuern <small>[[Benutzer:Maria Eirich|Maria Eirich]]</small><br />
*15.03.2012, Wikis im Mathematikunterricht – Vom Schulalltag zu neuen didaktischen Konzepten; Saarland Online-Fortbildung <small>[[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*09.03.2012, [http://digilern2012.zum.de/wiki/Mathematik-digital:_Interaktiv_Lernen_im_Web_2.0 Mathematik-digital Interaktiv Lernen mit dem Web2.0]; Workshop auf der [http://digilern2012.zum.de/wiki/Hauptseite DigiLern 2012] am Gymnasium Ottobrunn München <small>[[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
<br />
{{Lösung versteckt|1=<br />
*18.11.2011 Computereinsatz im Mathematikunterricht- von dynamischen Geometrie-Systemen bis hin zu Wiki Lernpfaden“; <small>Referent(en): [[Benutzer:Maria Eirich|Maria Eirich]], Regiomontanus Gymnasium Haßfurt und Christian Spannagel, Pädagogische Hochschule Heidelberg</small><br />
*1./2.04.2011 Wikis im Unterricht – Vom Schulalltag zu neuen didaktischen Konzepten - Workshop zu Wiki-Hypertexte in Lehr-/Lernkontexten <small>[[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*14.03.2011 Wikis im Mathematikunterricht - Vom Schulalltag zu neuen didaktischen Konzepten - Arbeitskreistagung am Institut für [http://www.juergen-roth.de/index.html Didaktik der Mathematik der Universität Koblenz-Landau] <small>[[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*23.10 - 30.10.2010 Interaktive Unterrichtseinheiten im Wiki am [http://wikis.zum.de/ldv/index.php/Hauptseite Lope de Vega/Benidorm] <small>[[Benutzer:Maria Eirich|Maria Eirich ]] </small><br />
*11./12.03.2010 [https://wiki.zum.de/wiki/Mathematik-digital/ILF_Mainz Selbstgesteuertes Lernen durch Lernpfade] - zweitägiger Workshop am [http://www.ilf-mainz.de/veranstaltungen/index.html Institut für Lehrerfort- und -weiterbildung Mainz] <small>[[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*06.04.2009 [http://mnu-regensburg2009.de/index.php?option=com_content&task=view&id=221&Itemid=81 MNU-Kongress 2009: Selbstgesteuertes Lernen durch Lernpfade ] - Workshop; Regensburg <small>Reinhard Schmidt, Christian Schmidt, [[Benutzer:Maria Eirich|Maria Eirich]], [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*1.10.2008. ''MNU-Herbsttagung'' - Sigmund-Schuckert-Gymnasium Nürnberg <small>[[Benutzer:Maria Eirich|Eirich]], [[Benutzer:Andrea Schellmann|Schellmann]]</small><br />
*14.07.2008 [http://dginfo.de/ Dientzenhofer-Gymnasium Bamberg] - Schulinterne Fortbildung <small>[[Benutzer:Maria Eirich|Eirich]] </small><br />
*18./19.04.2008 ''Digitales Lernen im Unterricht und in der Lehrerfortbildung'' <small>[[Benutzer:Maria Eirich|Eirich]] </small><br />
*17.03.2008 [https://wiki.zum.de/wiki/F%C3%B6rderverein_MNU MNU-Kongress 2008] - Workshop; Kaiserslautern <small>[[Benutzer:Maria Eirich|Eirich]], [[Benutzer:Andrea Schellmann|Schellmann]]</small><br />
*25./26.01.2008 ''Netzwerkbildung und Wissensteilung'' Workshop; Fortbildungslehrgang Dillingen <small>[[Benutzer:Maria Eirich|Eirich]] </small><br />
*06.11.2007 ''RLFB-Oberfranken "Mathematik lehren und lernen mit dem Internet"'' - RS Bad Staffelstein <small>[[Benutzer:Andrea Schellmann|Schellmann]], [[Benutzer:Maria Eirich|Eirich]]</small><br />
*17.10.2007 ''Mathematik lehren und lernen mit dem Internet''; [http://www.didaktik.mathematik.uni-wuerzburg.de/roth/fortbildungen/internet/ RLFB-Unterfranken für Realschullehrkräfte] <small>[[Benutzer:Andrea Schellmann|Schellmann]], [[Benutzer:Maria Eirich|Eirich]]</small><br />
*12.10.2007 ''Einsatz und Entwicklung interaktiver Lernpfade im Mathematikunterricht des Gymnasiums'' - Fachtagung: Lehrerprofessionalität und Unterrichtskultur - Universität Würzburg <small>[[Benutzer:Maria Eirich|Maria Eirich]], Petra Bader, [[Benutzer:Andrea Schellmann|Andrea Schellmann]]</small><br />
*02.10.2007 ''MNU-Herbsttagung'' - Alexander von Humboldt-Gymnasium Schweinfurt: "Entwicklung und Einsatz internetgestützter dynamischer Lernpfade" <small>[[Benutzer:Maria Eirich|Maria Eirich]], Petra Bader</small> <br />
*25.04.2007 ''Lehren und Lernen mit dem Internet'' - Würzburg, Friedrich-König Gymnasium Würzburg; Eingangsvortrag zur sinnvollen Nutzung des Internets im Mathematikunterricht <small>[[Benutzer:Maria Eirich|Eirich]]</small><br />
*13.03.2007 ''Lernkultur und Medienmix im Mathematikunterricht'' - Amstetten/Österreich: Entwicklung von Lernpfaden, insbesondere auf Wiki-Basis <small>[[Benutzer:Maria Eirich|Maria Eirich]], Petra Bader </small> <br />
*15./16.03.2007 ''Digitales Lernen und Unterrichtsqualität''- Allianz-Kongress - München <small>[[Benutzer:Maria Eirich|Eirich]] </small><br />
*27.02.2007 ''Die Datenbank [http://www.mathematik-digital.de www.mathematik-digital.de] und ihr Einsatz im Unterricht''; Fortbildungstag für SINUS-Transfer - Universität Würzburg <small>[[Benutzer:Maria Eirich|Eirich]]</small><br />
|2=ältere Termine|3=Termine verbergen}}<br />
<br />
<br />
'''Kooperationen'''<br />
<div class="subnavigation" style="padding:10px;background:#ddeeff;border:0"> <br />
<center><br />
<span style="padding: 1rem">[[File:Institutlogo f.png|link=http://www.dms.uni-landau.de Institut für Mathematik]]</span><br />
<span style="padding: 1rem">[[File:Zum Logo Baustein2.png|link=http://www.zum.de]]</span><br />
<span style="padding: 1rem">[[File:Didaktik_der_MathemathikUniWürzburg.png|link=http://www.didaktik.mathematik.uni-wuerzburg.de/aktuelles]]</span><br />
<span style="padding: 1rem">[[File:Medien f.png|link=http://www.austromath.at/medienvielfalt]]</span><br />
</center><br />
</div><br />
<br />
[[Kategorie:Mathematik-digital|!]]</div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:Review_template&diff=137179
Vorlage:Review template
2024-02-18T22:45:23Z
<p>Christian: </p>
<hr />
<div><onlyinclude><br />
{{Box<br />
|Titel=Diese Vorlage muss daraufhin überprüft werden ob sie benötigt wird.<br />
|Inhalt=Wenn die Vorlage weiterhin benötigt wird, entferne bitte diese Vorlage und füge die Vorlage [[:Vorlage:Approved_template]] an der gleichen Stelle in der Vorlage hinzu. Die Einbindung der Vorlage muss in einem Bereich der Vorlage stehen die nicht in andere Seiten eingebunden wird. Hier ein Beispiel (in den Tags '''onlyinclude''' und '''noinclude''' wurde das '''o''' durch eine '''0''' ersetzt um diese Vorlage nicht zu verwirren): <br />
<pre><br />
<0nlyinclude>Hier stehen die Inhalte die mit der Vorlage automatisch eingebunden werden.<br />
</0nlyinclude><br />
<n0include>Hier stehen Hinweise die nur auf der Vorlagenseite (also z.B. hier) dargestellt werden. <br />
An dieser Stelle wird die Vorlage eingebunden z.B. {{Review_template}} oder eben {{Approved_template}}<br />
</n0include><br />
</pre><br />
|Klasse=Hervorhebung2<br />
}}<br />
{{Vorlagenverwendung}}<br />
<br />
[[Kategorie:Vorlage_überprüfen]]<br />
</onlyinclude><noinclude>Diese Vorlage dient der Markierung von Vorlagen um diese zur Überprüfung zu markieren. Ironischerweise steckt diese Vorlage in der [[:Kategorie:Vorlage überprüft]]{{Approved template}}</noinclude><br />
<br />
<!--- bla (nur eingefügt, damit die DPL ''refresht'' wird ---></div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Zum_mw-collapsible.css&diff=137178
MediaWiki:Zum mw-collapsible.css
2024-02-18T22:11:14Z
<p>Christian: </p>
<hr />
<div><br />
/**********<br />
*<br />
* fix Letzte Änderungen Darstellung<br />
*<br />
*********/<br />
.mw-body-content .mw-collapsible.mw-changeslist-line {<br />
text-align:inherit;<br />
}<br />
<br />
<br />
/*<br />
*<br />
* enhancing .mw-collapsible <br />
*<br />
*/<br />
.mw-collapsible {<br />
display: contents;<br />
}<br />
<br />
/**<br />
** .mw-collapsible.button<br />
** render the up/down chevron when there is no a inside the toggle<br />
**/<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after<br />
{<br />
display: inline flow-root;<br />
font-family: 'fontawesome-webfont';<br />
content: '\f078';<br />
transition: all .25s;<br />
transition-duration: 0.25s;<br />
margin-inline-start: .25rem;<br />
}<br />
<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-expanded:not(:has(> a))::after {<br />
transform:rotate(180deg);<br />
transition: all .25s;<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-toggle a {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-content {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.navigation-verstecken.mw-collapsible.mw-collapsed .mw-collapsible-toggle {<br />
margin-block-end:0.5em !important;<br />
}<br />
<br />
.mediawiki :is(h1,h2,h3,h4,h5,h6).mw-collapsible-toggle {<br />
display: revert;<br />
float:revert;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Zum_mw-collapsible.css&diff=137177
MediaWiki:Zum mw-collapsible.css
2024-02-18T22:09:20Z
<p>Christian: </p>
<hr />
<div><br />
/**********<br />
*<br />
* fix Letzte Änderungen Darstellung<br />
*<br />
*********/<br />
.mw-body-content .mw-collapsible.mw-changeslist-line {<br />
text-align:inherit;<br />
}<br />
<br />
<br />
/*<br />
*<br />
* enhancing .mw-collapsible <br />
*<br />
*/<br />
.mw-collapsible, .mw-collapsible-content {<br />
display: contents;<br />
}<br />
<br />
/**<br />
** .mw-collapsible.button<br />
** render the up/down chevron when there is no a inside the toggle<br />
**/<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after<br />
{<br />
display: inline flow-root;<br />
font-family: 'fontawesome-webfont';<br />
content: '\f078';<br />
transition: all .25s;<br />
transition-duration: 0.25s;<br />
margin-inline-start: .25rem;<br />
}<br />
<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-expanded:not(:has(> a))::after {<br />
transform:rotate(180deg);<br />
transition: all .25s;<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-toggle a {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-content {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.navigation-verstecken.mw-collapsible.mw-collapsed .mw-collapsible-toggle {<br />
margin-block-end:0.5em !important;<br />
}<br />
<br />
.mediawiki :is(h1,h2,h3,h4,h5,h6).mw-collapsible-toggle {<br />
display: revert;<br />
float:revert;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:Aufdecken&diff=137176
Vorlage:Aufdecken
2024-02-18T22:09:08Z
<p>Christian: </p>
<hr />
<div><noinclude><br />
Diese Vorlage dient dazu ganze Seitenabschnitte in einer zuerst zusammegefalteten Überschrift einzufügen die sich auf Klick ausfalten.<br />
=== Das Schreibt man: ===<br />
<br />
{{Box|1=Beispiel|3=Beispiel|2=<br />
<code><nowiki>{{Aufdecken|Titel des Abschnittes|Inhalt des Abschnittes}}</nowiki></code><br />
----<br />
{{Aufdecken|Titel des Abschnittes|Inhalt des Abschnittes}}<br />
<br />
}}<br />
</noinclude><br />
<noinclude><br />
<templatedata><br />
{<br />
"params": {<br />
"Titel": {<br />
"aliases": [<br />
"1"<br />
],<br />
"label": "Titel des Abschnittes",<br />
"description": "Der Titel wird als Überschrift erzeugt mit einem kleinen Hinweis zum Aufdecken des ganzen Abschnitts",<br />
"type": "string",<br />
"required": true<br />
},<br />
"Inhalt": {<br />
"aliases": [<br />
"2"<br />
],<br />
"label": "Inhalt",<br />
"description": "Versteckter Inhalt der aufgedeckt werden soll",<br />
"type": "content",<br />
"required": true<br />
}<br />
},<br />
"description": "Aufdecken erzeugt einen verdeckten Abschnitt mit einer Überschrift",<br />
"format": "block"<br />
}<br />
</templatedata><br />
</noinclude><br />
<br />
<onlyinclude><includeonly><br />
<div class="mw-collapsible mw-collapsed"><br />
<h2 class="mw-collapsible-toggle">{{{Titel|{{{1|}}}}}}</h2><br />
<div class="mw-collapsible-content"><br />
{{{Inhalt|{{{2|}}}}}}<br />
</div></div><br />
</includeonly></onlyinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137175
Benutzer:Christian/mw-collapsible-test
2024-02-18T22:07:03Z
<p>Christian: </p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible mw-collapsed"><br />
<h2 class="mw-collapsible-toggle"> Grundlagen der Bearbeitung von Wiki-Seiten</h2><br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137174
Benutzer:Christian/mw-collapsible-test
2024-02-18T22:06:42Z
<p>Christian: </p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible "><br />
<h2 class="mw-collapsible-toggle"> Grundlagen der Bearbeitung von Wiki-Seiten</h2><br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Zum_mw-collapsible.css&diff=137173
MediaWiki:Zum mw-collapsible.css
2024-02-18T22:06:25Z
<p>Christian: </p>
<hr />
<div><br />
/**********<br />
*<br />
* fix Letzte Änderungen Darstellung<br />
*<br />
*********/<br />
.mw-body-content .mw-collapsible.mw-changeslist-line {<br />
text-align:inherit;<br />
}<br />
<br />
<br />
/*<br />
*<br />
* enhancing .mw-collapsible <br />
*<br />
*/<br />
.mw-collapsible {<br />
display: contents;<br />
}<br />
<br />
/**<br />
** .mw-collapsible.button<br />
** render the up/down chevron when there is no a inside the toggle<br />
**/<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after<br />
{<br />
display: inline flow-root;<br />
font-family: 'fontawesome-webfont';<br />
content: '\f078';<br />
transition: all .25s;<br />
transition-duration: 0.25s;<br />
margin-inline-start: .25rem;<br />
}<br />
<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-expanded:not(:has(> a))::after {<br />
transform:rotate(180deg);<br />
transition: all .25s;<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-toggle a {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-content {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.navigation-verstecken.mw-collapsible.mw-collapsed .mw-collapsible-toggle {<br />
margin-block-end:0.5em !important;<br />
}<br />
<br />
.mediawiki :is(h1,h2,h3,h4,h5,h6).mw-collapsible-toggle {<br />
display: revert;<br />
float:revert;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137172
Benutzer:Christian/mw-collapsible-test
2024-02-18T22:02:45Z
<p>Christian: </p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible "><br />
<h2 class="mw-collapsible-toggle"> Grundlagen der Bearbeitung von Wiki-Seiten <span class="mw-collapsible-text">huhu</span></h2><br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137171
Benutzer:Christian/mw-collapsible-test
2024-02-18T21:56:21Z
<p>Christian: </p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible "><br />
<h2 class="mw-collapsible-toggle"> Grundlagen der Bearbeitung von Wiki-Seiten</h2><br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137170
Benutzer:Christian/mw-collapsible-test
2024-02-18T21:53:51Z
<p>Christian: </p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible"><br />
<h2 class="mw-collapsible-toggle"> Grundlagen der Bearbeitung von Wiki-Seiten einklappen</h2><br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137169
Benutzer:Christian/mw-collapsible-test
2024-02-18T21:48:45Z
<p>Christian: </p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible"><br />
== Grundlagen der Bearbeitung von Wiki-Seiten <span class="mw-collapsible-toggle">einklappen</span> ==<br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=Benutzer:Christian/mw-collapsible-test&diff=137168
Benutzer:Christian/mw-collapsible-test
2024-02-18T21:24:52Z
<p>Christian: Die Seite wurde neu angelegt: „{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt= * Mache Dich zum Einstieg mit den '''Hilfeseiten''' vertraut. * Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen…“</p>
<hr />
<div>{{Aufdecken|Titel=Grundlagen der Bearbeitung von Wiki-Seiten|Inhalt=<br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
}}<br />
<br />
<br />
<div class="mw-collapsible"><br />
== Grundlagen der Bearbeitung von Wiki-Seiten <span class="mw-collapsible-toggle-placeholder">einklappen</span> ==<br />
<div class="mw-collapsible-content"><br />
* Mache Dich zum Einstieg mit den '''[[Hilfe:Übersicht|Hilfeseiten]]''' vertraut.<br />
* Schaue Dir ggf. auch diese [https://www.youtube.com/watch?v=YFv1DMmNCYc&list=PLt60zuaaE3sZg6tpGpklVkHYsQTxRYJTs Video-Anleitungen zum Einstieg in die Wiki-Arbeit] an. Sie beziehen sich allerdings auf eine ältere Version des Editors, bei dem man im Quelltext arbeitet. In ZUM-Unterrichten haben wir einen neuen Editor, der das Bearbeiten der Inhalte einfacher macht.<br />
* Beachte die '''[[Hilfe:Inhaltliche_Richtlinien|Richtlinien zur Erstellung]]''' von Seiten.<br />
* Arbeite zunächst auf einer Unterseite deiner Benutzerseite. (Link setzen auf: Benutzer:.../Arbeitstitel)<br />
<br />
Nun kannst Du Dein Unterrichtsmaterial auf den Weg bringen:<br />
</div></div></div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Button.css&diff=137167
MediaWiki:Vorlage Button.css
2024-02-18T21:14:04Z
<p>Christian: </p>
<hr />
<div><br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
:is(.button, .button-left, .button-center, .button-right) a,<br />
:is(.button, .button-left, .button-center, .button-right):not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right) a .fa,<br />
:is(.button, .button-left, .button-center, .button-right):not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right) a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right):not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right):not(:has(> a)):is(:hover,:focus) {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right) a:is(:hover,:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right):not(:has(> a)):is(:hover,:focus) {<br />
background-color: var(--zum-farbe-grau--x-heller);<br />
}<br />
<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-primary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-primary a:is(:hover,:focus)<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-primary:not(:has(> a)):is(:hover,:focus) {<br />
background-color: var(--zum-farbe-links--x-heller); <br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137166
MediaWiki:Common.css
2024-02-18T20:56:35Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
/* larger fa-lg style for Font Awesome*/<br />
.fa-lg2x<br />
{<br />
font-size: 2em;<br />
line-height: 0.25em;<br />
vertical-align: -50%;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:QR-Code&diff=137165
Vorlage:QR-Code
2024-02-18T20:55:55Z
<p>Christian: </p>
<hr />
<div><noinclude>{{QR-Code}}</noinclude><br />
<onlyinclude><includeonly>{{DialogButton<br />
|Inhalt=<div class="zum-qrcode">{{#qrlite:{{{Link|{{fullurl:{{FULLPAGENAME}}}}}}}|format=svg|size=80|ecc=4|margin=0}}</div><br />
|Link=<span class="fa fa-qrcode fa-lg2x"></span></span><br />
|Titel={{FULLPAGENAME}}<br />
}}</includeonly><br />
</onlyinclude><br />
<noinclude><br />
<templatedata><br />
{<br />
"params": {<br />
"Link": {<br />
"label": "Link",<br />
"description": "Der Link, den der QR Code enthalten soll.",<br />
"type": "url",<br />
"default": "{{fullurl:{{FULLPAGENAME}}}}"<br />
}<br />
},<br />
"description": "Erzeugt einen kleinen QR Code, welcher auf Klick einen Dialog öffnet mit einem großen QR Code",<br />
"format": "inline"<br />
}<br />
</templatedata><br />
</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:QR-Code&diff=137164
Vorlage:QR-Code
2024-02-18T20:53:25Z
<p>Christian: </p>
<hr />
<div><noinclude>{{QR-Code}}</noinclude><br />
<onlyinclude><includeonly>{{DialogButton<br />
|Inhalt=<div class="zum-qrcode">{{#qrlite:{{{Link|{{fullurl:{{FULLPAGENAME}}}}}}}|format=svg|size=80|ecc=4|margin=0}}</div><br />
|Link=<span class="fa fa-qrcode fa-lg"></span></span><br />
|Titel={{FULLPAGENAME}}<br />
}}</includeonly><br />
</onlyinclude><br />
<noinclude><br />
<templatedata><br />
{<br />
"params": {<br />
"Link": {<br />
"label": "Link",<br />
"description": "Der Link, den der QR Code enthalten soll.",<br />
"type": "url",<br />
"default": "{{fullurl:{{FULLPAGENAME}}}}"<br />
}<br />
},<br />
"description": "Erzeugt einen kleinen QR Code, welcher auf Klick einen Dialog öffnet mit einem großen QR Code",<br />
"format": "inline"<br />
}<br />
</templatedata><br />
</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:QR-Code&diff=137163
Vorlage:QR-Code
2024-02-18T20:50:26Z
<p>Christian: </p>
<hr />
<div><noinclude>{{QR-Code}}</noinclude><br />
<onlyinclude><includeonly>{{DialogButton<br />
|Inhalt=<div class="zum-qrcode">{{#qrlite:{{{Link|{{fullurl:{{FULLPAGENAME}}}}}}}|format=svg|size=80|ecc=4|margin=0}}</div><br />
|Link=<span class="fa fa-qrcode fa-3x"></span></span><br />
|Titel={{FULLPAGENAME}}<br />
}}</includeonly><br />
</onlyinclude><br />
<noinclude><br />
<templatedata><br />
{<br />
"params": {<br />
"Link": {<br />
"label": "Link",<br />
"description": "Der Link, den der QR Code enthalten soll.",<br />
"type": "url",<br />
"default": "{{fullurl:{{FULLPAGENAME}}}}"<br />
}<br />
},<br />
"description": "Erzeugt einen kleinen QR Code, welcher auf Klick einen Dialog öffnet mit einem großen QR Code",<br />
"format": "inline"<br />
}<br />
</templatedata><br />
</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:LernpfadNeu&diff=137162
Vorlage:LernpfadNeu
2024-02-18T20:38:54Z
<p>Christian: </p>
<hr />
<div>== {{PAGENAME}} ==<br />
<br />
Die Vorlage <code>{{PAGENAME}}</code> wird auf der Einstiegsseite eines Lernpfads verwendet. Sie erzeugt die Übersichtsbox eines Lernpfades und sollte am Beginn der Seite eingebunden sein.<br />
<br />
Lernpfade bestehen aus mehreren Seiten und sollten folgendermaßen angelegt werden:<br />
<pre><br />
+ Lernpfadstartseite (Titel: Das_Besondere_Etwas)<br />
| Einführung ins Thema<br />
| muss Vorlage {{LernpfadNeu}} verwenden<br />
|<br />
+--> Lerneinheitsseite 1 (Titel: Das_Besondere_Etwas/1_Was_ist_Etwas? )<br />
| muss Unterseite von Lernpfadseite sein<br />
| muss Vorlage {{LernpfadNeu/Lerneinheit}} verwenden<br />
|<br />
+--> Lerneinheitsseite 2 (Titel: Das_Besondere_Etwas/2_Besonderheit )<br />
|<br />
+--> Lerneinheitsseite 3 (Titel: Das_Besondere_Etwas/3_Wo_wird_es_verwendet? )<br />
</pre><br />
Alle Lernschritte sollten Unterseiten des Lernpfades sein. Die Reihenfolge der Lerneinheiten sollte durch Nummern im Titel der Unterseite gesteuert werden. Jede dieser '''Unterseiten muss die Vorlage <code><nowiki>{{LernpfadNeu/Lerneinheit}}</nowiki></code> verwenden'''. Diese Vorlage muss ans Ende der Lerneinheitsseite gelegt werden. Sie erzeugt eine automatische Navigation zu vorherigen und nächsten Lernschritten, erstellt eine Box mit der Navigation zu allen Lerneinheiten.<br />
<br />
<br />
Die Vorlage erzeugt automatisch eine Navigation für den Lernpfad. Dazu wird die Vorlage <code><nowiki>{{LernpfadNeu/Navigation}}</nowiki></code> verwendet. Diese Vorlage sucht in allen Unterseiten nach Verwendungen der Vorlage <code><nowiki>{{LernpfadNeu/Lerneinheit}}</nowiki></code>.<br />
<br />
<br />
<br />
<br />
;So verwendet man die Vorlage:<br />
<pre><br />
{{ LernpfadNeu<br />
| Titel = [optional]<br />
| Bild = [optional] Bild welches rechts in der Lernpfadbox angezeigt wird<br />
| Navigation = [optional] Die Navigation, welche zum aufklappen eingebunden wird<br />
| qrcode = ja [optional] soll ein QR-Code zur Seite angezeigt werden<br />
| Fach = [optional] zusätzliche Fächerkategorie<br />
| Fach1 = [optional] zusätzliche Fächerkategories<br />
| Fach2 = [optional] zusätzliche Fächerkategories<br />
| <text><br />
}}<br />
</pre><br />
{{Box<br />
|1=Beispiel<br />
|3=Beispiel<br />
|2=<br />
;Das schreibt man: <br />
<pre><br />
{{LernpfadNeu<br />
| Titel = Das besondere Etwas<br />
| Bild = [[Datei:Wauwil arkeologia lernopado 051.jpg|frameless]]<br />
| WerkzeugeAnzeigen = nein [optional] sollen die Werkzeuge angezeigt werden (standard ist ja)<br />
| qrcode = ja<br />
| Namens paarmal nie Tundra Doge Afrika, erhielt Diele Bar siech patrouillierendem Adorno, bindend nur falls, gen Zitze B auflegendem äst adlige Habsburg was zus Most C da Pfand sein geschimmert biegt. Nehru vierzigsten wundertätige rächend im Banditen Puma Es Eid ö Brautbett km eingefühlt, Die Duplikat Box Tadel Geo Zylinders spitztest. Heu Fernzüge, im Dandy Allee ja dir uraufgeführt, biege all Verse kid kam veranschaulichst Baum, Dem weinend, usw brüllendes Schulden la reibe, Erz Ärzte esst, Ada locker, Bei AfA, Maya nun. Beo erblindete sag, Steigen wahr Gas Basen<br />
}}</pre><br />
}}<br />
;Das sieht man:<br />
{{LernpfadNeu<br />
| Titel = Das besondere Etwas<br />
| Bild = [[Datei:Wauwil arkeologia lernopado 051.jpg|frameless]]<br />
| WerkzeugeAnzeigen = nein [optional] sollen die Werkzeuge angezeigt werden (standard ist ja)<br />
| qrcode = ja<br />
| Namens paarmal nie Tundra Doge Afrika, erhielt Diele Bar siech patrouillierendem Adorno, bindend nur falls, gen Zitze B auflegendem äst adlige Habsburg was zus Most C da Pfand sein geschimmert biegt. Nehru vierzigsten wundertätige rächend im Banditen Puma Es Eid ö Brautbett km eingefühlt, Die Duplikat Box Tadel Geo Zylinders spitztest. Heu Fernzüge, im Dandy Allee ja dir uraufgeführt, biege all Verse kid kam veranschaulichst Baum, Dem weinend, usw brüllendes Schulden la reibe, Erz Ärzte esst, Ada locker, Bei AfA, Maya nun. Beo erblindete sag, Steigen wahr Gas Basen<br />
<br />
}}<br />
<br />
{{Vorlagenverwendung}}<br />
[[Kategorie:Vorlage:Aufgabenbausteine|Lernpfad]]<br />
<br />
<onlyinclude><includeonly><div class="zum-lernpfad zum-lernpfad__neu">{{Box<br />
|1= Lernpfad{{#if: {{{Titel|}}}|<nowiki>:</nowiki> {{{Titel}}}}}{{#ifeq: {{{qrcode|ja}}} | ja | <div class="zum-lernpfad--qrcode">{{QR-Code}}</div>}}<br />
|2= <div class="zum-lernpfad--inhalt"><div class="zum-lernpfad--inhalt--main">{{{Inhalt|{{{1|}}}}}}</div>{{#if: {{{Bild|}}}|<div class="zum-lernpfad--inhalt--aside">{{{Bild}}}</div>}}</div><br />
|3=Lernpfad}}<br />
{{#if: {{{Navigation|}}} <br />
| {{{Navigation|}}}<br />
| {{LernpfadNeu/Navigation|Seite={{PAGENAME}}}}<br />
}}{{Autorenbox|1={{{Autor|}}}|mit_unterseiten=1<br />
}}{{#ifeq: {{{WerkzeugeAnzeigen|ja}}} | ja | {{LernpfadNeu/Lernpfadwerkzeuge}}}}{{Benutzer:Christian/Lernpfad/StructuredData-ListItem}}<br />
[[Kategorie:Lernpfad]]<br />
{{#if:{{{Fach|}}}|[[Kategorie:{{{Fach}}}]]<br />
}}{{#if:{{{Fach1|}}}|[[Kategorie:{{{Fach1}}}]]<br />
}}{{#if:{{{Fach2|}}}|[[Kategorie:{{{Fach2}}}]]<br />
}}{{#incat: Edutags|<metakeywords>Lernpfad</metakeywords>|<br />
}}</div></includeonly></onlyinclude><br />
<noinclude><br />
<templatedata><br />
{<br />
"params": {<br />
"1": {},<br />
"Titel": {<br />
"type": "string"<br />
},<br />
"Bild": {<br />
"type": "wiki-file-name"<br />
},<br />
"Inhalt": {<br />
"type": "content"<br />
},<br />
"qrcode": {<br />
"type": "boolean"<br />
},<br />
"Navigation": {<br />
"type": "content"<br />
},<br />
"Autor": {},<br />
"Fach": {},<br />
"Fach1": {},<br />
"Fach2": {}<br />
}<br />
}<br />
</templatedata><br />
</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Lernpfad.css&diff=137161
MediaWiki:Vorlage Lernpfad.css
2024-02-18T20:38:26Z
<p>Christian: </p>
<hr />
<div>/*<br />
* Vorlage:Lernpfad:Neu<br />
*/<br />
.zum-lernpfad {<br />
display:contents;<br />
}<br />
<br />
<br />
<br />
.zum-lernpfad .zum-box--titel .zum-lernpfad--qrcode {<br />
margin-inline-start:auto;<br />
}<br />
<br />
@media(min-width:815px) {<br />
.zum-lernpfad--inhalt {<br />
display:flex;<br />
gap:0.5em;<br />
}<br />
.zum-lernpfad--inhalt--main:has(+ .zum-lernpfad--inhalt--aside) {<br />
max-width:70%;<br />
}<br />
.zum-lernpfad--inhalt--aside {<br />
margin-inline-start: auto;<br />
max-width: 30%;<br />
}<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:Lernpfad&diff=137160
Vorlage:Lernpfad
2024-02-18T20:36:43Z
<p>Christian: </p>
<hr />
<div><onlyinclude><div class="zum-lernpfad">{{Box<br />
|1=Lernpfad{{#if: {{{Titel|}}}|<nowiki>:</nowiki> {{{Titel}}}}}{{#ifeq: {{{qrcode|ja}}} | ja | <div class="zum-lernpfad--qrcode">{{QR-Code}}</div>}}<br />
|2=<div class="zum-lernpfad--inhalt"><div class="zum-lernpfad--inhalt--main">{{{Inhalt|{{{1|}}}}}}{{#if: {{{Navigation|}}} | {{Lösung versteckt |{{{Navigation}}}|Schritte anzeigen|Schritte ausblenden}} }}</div>{{#if: {{{Bild|}}}|<div class="zum-lernpfad--inhalt--aside">{{{Bild}}}</div>}}</div><br />
|3=Lernpfad}}<br />
[[Kategorie:Lernpfad]]<br />
{{#if:{{{Fach|}}}|[[Kategorie:{{{Fach}}}]]}}<br />
{{#if:{{{Fach1|}}}|[[Kategorie:{{{Fach1}}}]]}}<br />
{{#if:{{{Fach2|}}}|[[Kategorie:{{{Fach2}}}]]}}<br />
{{#incat: Edutags|<metakeywords>Lernpfad</metakeywords>|}}</div></onlyinclude><br />
<noinclude><br />
<br />
;Das schreibt man: <br />
<pre><nowiki><br />
{{ Lernpfad<br />
| Titel = [optional]<br />
| Bild = [optional] Bild, welches rechts in der Lernpfadbox angezeigt wird<br />
| Navigation = [optional] Navigation, welche zum Aufklappen eingebunden wird<br />
| qrcode = ja [optional] soll ein QR-Code zur Seite angezeigt werden<br />
| Fach = [optional] zusätzliche Fächerkategorie<br />
| Fach1 = [optional] zusätzliche Fächerkategories<br />
| Fach2 = [optional] zusätzliche Fächerkategories<br />
| <text><br />
}}<br />
</nowiki></pre><br />
{{Box|Das erhält man<br />
|Inhalt=<br />
<br />
{{ Lernpfad<br />
| Titel = Titel des Lernpfads <!-- [optional] --><br />
| Bild = <!-- [optional] Bild, welches rechts in der Lernpfadbox angezeigt wird --><br />
| Navigation = <!-- [optional] Navigation, welche zum Aufklappen eingebunden wird --><br />
| qrcode = ja <!-- [optional] soll ein QR-Code zur Seite angezeigt werden --><br />
| Fach = <!-- [optional] zusätzliche Fächerkategorie --><br />
| Fach1 = <!-- [optional] zusätzliche Fächerkategories --><br />
| Fach2 = <!-- [optional] zusätzliche Fächerkategories --><br />
| <text><br />
}}<br />
|Klasse=Beispiel}}<br />
<br />
<br />
{{Vorlagenverwendung}}<br />
<br />
[[Kategorie:Vorlage:Aufgabenbausteine|Lernpfad]]</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=Buchdruck&diff=137159
Buchdruck
2024-02-18T20:36:14Z
<p>Christian: </p>
<hr />
<div>{{Lernpfad|Bild=[[Datei:Buchdruck-15-jahrhundert 1.jpg|mini|Buchdruck im 15. Jahrhundert]]<br />
|Dieser [[Lernpfad]] soll sich mit der Erfindung des Buchdrucks, aber auch mit den vorher verwendeten Schreibtechniken und Beschreibstoffen sowie den Auswirkungen des Buchdrucks auf die Welt der [[Neuzeit]] behandeln.<br />
<br />
{{Zitat|Mehr als das Gold hat das Blei die Welt verändert und mehr als das Blei in der Flinte das Blei im Setzkasten|{{wpde|Georg Christoph Lichtenberg}}<ref>[http://www.gutzitiert.de/zitat_autor_georg_christoph_lichtenberg_thema_veraenderung_zitat_2968.html GutZitiert.de]: Georg Christoph Lichtenberg</ref>}}<br />
<br />
}}<br />
<br />
<br />
<br />
{{Buchdruck}}<br />
<br />
== Quellen ==<br />
<references/><br />
<br />
[[Kategorie:Geschichte]]<br />
[[Kategorie: Kunst]]<br />
[[Kategorie:Frühe Neuzeit]]</div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:Lernpfad&diff=137158
Vorlage:Lernpfad
2024-02-18T20:30:35Z
<p>Christian: </p>
<hr />
<div><onlyinclude><div class="zum-lernpfad">{{Box<br />
|1=Lernpfad{{#if: {{{Titel|}}}|<nowiki>:</nowiki> {{{Titel}}}}}{{#ifeq: {{{qrcode|ja}}} | ja | <div class="zum-lernpfad--qrcode">{{QR-Code}}</div>}}<br />
|2=<div class="zum-lernpfad--inhalt"><div class="zum-lernpfad--inhalt--main">{{{Inhalt|{{{1|}}}}}}{{#if: {{{Navigation|}}} | {{Lösung versteckt |{{{Navigation}}}|Schritte anzeigen|Schritte ausblenden}} }}</div><div class="zum-lernpfad--inhalt--aside">{{#if: {{{Bild|}}}|{{{Bild}}}}}</div></div><br />
<br />
|3=Lernpfad}}<br />
[[Kategorie:Lernpfad]]<br />
{{#if:{{{Fach|}}}|[[Kategorie:{{{Fach}}}]]}}<br />
{{#if:{{{Fach1|}}}|[[Kategorie:{{{Fach1}}}]]}}<br />
{{#if:{{{Fach2|}}}|[[Kategorie:{{{Fach2}}}]]}}<br />
{{#incat: Edutags|<metakeywords>Lernpfad</metakeywords>|}}</div></onlyinclude><br />
<noinclude><br />
<br />
;Das schreibt man: <br />
<pre><nowiki><br />
{{ Lernpfad<br />
| Titel = [optional]<br />
| Bild = [optional] Bild, welches rechts in der Lernpfadbox angezeigt wird<br />
| Navigation = [optional] Navigation, welche zum Aufklappen eingebunden wird<br />
| qrcode = ja [optional] soll ein QR-Code zur Seite angezeigt werden<br />
| Fach = [optional] zusätzliche Fächerkategorie<br />
| Fach1 = [optional] zusätzliche Fächerkategories<br />
| Fach2 = [optional] zusätzliche Fächerkategories<br />
| <text><br />
}}<br />
</nowiki></pre><br />
{{Box|Das erhält man<br />
|Inhalt=<br />
<br />
{{ Lernpfad<br />
| Titel = Titel des Lernpfads <!-- [optional] --><br />
| Bild = <!-- [optional] Bild, welches rechts in der Lernpfadbox angezeigt wird --><br />
| Navigation = <!-- [optional] Navigation, welche zum Aufklappen eingebunden wird --><br />
| qrcode = ja <!-- [optional] soll ein QR-Code zur Seite angezeigt werden --><br />
| Fach = <!-- [optional] zusätzliche Fächerkategorie --><br />
| Fach1 = <!-- [optional] zusätzliche Fächerkategories --><br />
| Fach2 = <!-- [optional] zusätzliche Fächerkategories --><br />
| <text><br />
}}<br />
|Klasse=Beispiel}}<br />
<br />
<br />
{{Vorlagenverwendung}}<br />
<br />
[[Kategorie:Vorlage:Aufgabenbausteine|Lernpfad]]</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=Vorlage:Lernpfad&diff=137157
Vorlage:Lernpfad
2024-02-18T20:18:47Z
<p>Christian: </p>
<hr />
<div><onlyinclude>{{Box|Lernpfad{{#if: {{{Titel|}}}|<nowiki>:</nowiki> {{{Titel}}}}}<br />
<br />
|{{#if: {{{Bild|}}}|{{#tag: div|{{{Bild}}}|style=float:right;}}}}{{{Inhalt|{{{1|}}}}}}{{#if: {{{Navigation|}}} | {{Lösung versteckt |{{{Navigation}}}|Schritte anzeigen|Schritte ausblenden}} }}<br />
{{#ifeq: {{{qrcode|}}} |ja|<div style="float:right;">{{QR-Code}}<br>Klick für größer!</div> }}<br />
|Lernpfad}}<includeonly><br />
[[Kategorie:Lernpfad]]<br />
{{#if:{{{Fach|}}}|[[Kategorie:{{{Fach}}}]]}}<br />
{{#if:{{{Fach1|}}}|[[Kategorie:{{{Fach1}}}]]}}<br />
{{#if:{{{Fach2|}}}|[[Kategorie:{{{Fach2}}}]]}}<br />
</includeonly>{{#incat: Edutags|<metakeywords>Lernpfad</metakeywords>|}}</onlyinclude><br />
<noinclude><br />
<br />
;Das schreibt man: <br />
<pre><nowiki><br />
{{ Lernpfad<br />
| Titel = [optional]<br />
| Bild = [optional] Bild, welches rechts in der Lernpfadbox angezeigt wird<br />
| Navigation = [optional] Navigation, welche zum Aufklappen eingebunden wird<br />
| qrcode = ja [optional] soll ein QR-Code zur Seite angezeigt werden<br />
| Fach = [optional] zusätzliche Fächerkategorie<br />
| Fach1 = [optional] zusätzliche Fächerkategories<br />
| Fach2 = [optional] zusätzliche Fächerkategories<br />
| <text><br />
}}<br />
</nowiki></pre><br />
{{Box|Das erhält man<br />
|Inhalt=<br />
<br />
{{ Lernpfad<br />
| Titel = [optional]<br />
| Bild = [optional] Bild, welches rechts in der Lernpfadbox angezeigt wird<br />
| Navigation = [optional] Navigation, welche zum Aufklappen eingebunden wird<br />
| qrcode = ja [optional] soll ein QR-Code zur Seite angezeigt werden<br />
| Fach = [optional] zusätzliche Fächerkategorie<br />
| Fach1 = [optional] zusätzliche Fächerkategories<br />
| Fach2 = [optional] zusätzliche Fächerkategories<br />
| <text><br />
}}<br />
|Hervorhebung1}}<br />
<br />
<br />
{{Vorlagenverwendung}}<br />
<br />
[[Kategorie:Vorlage:Aufgabenbausteine|Lernpfad]]</noinclude></div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137156
MediaWiki:Common.css
2024-02-18T20:14:45Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.js&diff=137155
MediaWiki:Common.js
2024-02-18T20:14:25Z
<p>Christian: </p>
<hr />
<div>/* Das folgende JavaScript wird für alle Benutzer geladen. */<br />
<br />
/*<br />
* Dialog Javascript for<br />
* Vorlage:DialogButton<br />
*<br />
*<br />
*/<br />
<br />
(function(){<br />
/* add dialog opener event handler */<br />
const run = function(){<br />
document.querySelectorAll('[data-dialog-opener-id]').forEach(function(elem) {<br />
if(elem.dataset.dialogOpenerAdded === 'true') { return; }<br />
<br />
<br />
var dialogId = elem.dataset.dialogOpenerId;<br />
var dialog = document.getElementById(dialogId);<br />
<br />
elem.dataset.dialogOpenerAdded = 'true';<br />
elem.addEventListener('click', function(ev) {<br />
dialog.showModal();<br />
ev.stopPropagation();<br />
return false;<br />
});<br />
});<br />
};<br />
if (document.readyState === "loading") {<br />
document.addEventListener("DOMContentLoaded", run);<br />
} else {<br />
run();<br />
}<br />
})();<br />
(function(){<br />
/* close on click outside of dialog content */<br />
const run = function(){<br />
document.querySelectorAll('dialog.zum-dialog').forEach(function(elem){<br />
if(elem.dataset.dialogCloseonBackdropAdded === 'true') { return; }<br />
elem.dataset.dialogCloseonBackdropAdded = 'true';<br />
<br />
elem.addEventListener('mousedown', function(ev){<br />
if(ev.target !== elem){return true;}<br />
var rect = ev.target.getBoundingClientRect();<br />
if(ev.x >= rect.left <br />
&& ev.x <= rect.right <br />
&& ev.y >= rect.top <br />
&& ev.y <= rect.bottom) { return true; }<br />
<br />
ev.target.close();<br />
ev.stopPropagation();<br />
return false;<br />
});<br />
});<br />
};<br />
if (document.readyState === "loading") {<br />
document.addEventListener("DOMContentLoaded", run);<br />
} else {<br />
run();<br />
}<br />
})();<br />
(function(){<br />
/*cleanup empty p tags, at beginning and end of dialogs created by Vorlage:DialogButton */<br />
const run = function() {<br />
document.querySelectorAll('dialog.zum-dialog').forEach(function(elem) {<br />
if(elem.dataset.dialogCleanedup === 'true') { return; }<br />
elem.dataset.dialogCleanedup = 'true';<br />
[elem.firstElementChild, elem.lastElementChild]<br />
.filter(function(e){return e && e.tagName === 'P' && e.textContent === '';})<br />
.forEach(function(e) { elem.removeChild(e);})<br />
});<br />
document.querySelectorAll('[data-dialog-opener-id]').forEach(function(elem) {<br />
if(elem.dataset.dialogCleanedup === 'true') { return; }<br />
elem.dataset.dialogCleanedup = 'true';<br />
[elem.firstElementChild, elem.lastElementChild]<br />
.filter(function(e){ return e && e.tagName === 'P' && e.textContent === '';})<br />
.forEach(function(e){ elem.removeChild(e);})<br />
});<br />
};<br />
if (document.readyState === "loading") {<br />
document.addEventListener("DOMContentLoaded", run);<br />
} else {<br />
run();<br />
}<br />
})();<br />
(function(){<br />
/* overrule mediawiki default popup-close event handler */<br />
const run = function() {<br />
document.querySelectorAll('dialog.zum-dialog')<br />
.forEach(function(elem) {elem.querySelectorAll('button.popup-close')<br />
.forEach(function(btn) { btn.addEventListener('click', function(ev) {<br />
ev.stopImmediatePropagation();<br />
});});});<br />
};<br />
if (document.readyState === "loading") {<br />
document.addEventListener("DOMContentLoaded", run);<br />
} else {<br />
run();<br />
}<br />
})();</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Fortsetzung.css&diff=137154
MediaWiki:Vorlage Fortsetzung.css
2024-02-18T20:12:03Z
<p>Christian: Die Seite wurde neu angelegt: „ /* * 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: a…“</p>
<hr />
<div><br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137153
MediaWiki:Common.css
2024-02-18T20:11:44Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Fortsetzung.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137152
MediaWiki:Common.css
2024-02-18T20:10:57Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Button.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Portalseite.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}<br />
<br />
<br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Button.css&diff=137151
MediaWiki:Vorlage Button.css
2024-02-18T20:10:37Z
<p>Christian: Die Seite wurde neu angelegt: „ /* .button -> Vorlage:Button */ .button { display: inline flow-root; } .button-left, .button-center, .button-right { display: flex; } @media(min-width:1360px) { .button-right a, .button-right:not(:has(> a)) { margin-inline-start: auto; } .button-center a, .button-center:not(:has(> a)) { margin-inline: auto; } .button-left a, .button-left:not(:has(> a)) { margin-inline-end: auto; } } :is(.button, .button-left, .butto…“</p>
<hr />
<div><br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
.button a,<br />
.button:not(:has(> a)),<br />
.button-left a,<br />
.button-left:not(:has(> a)),<br />
.button-center a,<br />
.button-center:not(:has(> a)),<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
.button-left a .fa,<br />
.button-left:not(:has(> a)) .fa,<br />
.button-center a .fa,<br />
.button-center:not(:has(> a)) .fa,<br />
.button-right a .fa,<br />
.button-right:not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki .button a,<br />
.mediawiki .button:not(:has(> a)),<br />
.mediawiki .button-left a,<br />
.mediawiki .button-left:not(:has(> a)),<br />
.mediawiki .button-center a,<br />
.mediawiki .button-center:not(:has(> a)),<br />
.mediawiki .button-right a,<br />
.mediawiki .button-right:not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki .button a:hover, <br />
.mediawiki .button a:focus,<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left a:hover, <br />
.mediawiki .button-left a:focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center a:hover, <br />
.mediawiki .button-center a:focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right a:hover,<br />
.mediawiki .button-right a:focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus { background-color: var(--zum-farbe-grau--x-heller); }<br />
<br />
<br />
<br />
<br />
.mediawiki .button.button-primary a,<br />
.mediawiki .button.button-primary:not(:has(> a)),<br />
.mediawiki .button-left.button-primary a,<br />
.mediawiki .button-left.button-primary:not(:has(> a)),<br />
.mediawiki .button-center.button-primary a,<br />
.mediawiki .button-center.button-primary:not(:has(> a)),<br />
.mediawiki .button-right.button-primary a,<br />
.mediawiki .button-right.button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki .button.button-primary a:hover,<br />
.mediawiki .button.button-primary a:focus,<br />
.mediawiki .button.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-left.button-primary a:hover,<br />
.mediawiki .button-left.button-primary a:focus,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-center.button-primary a:hover,<br />
.mediawiki .button-center.button-primary a:focus,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-right.button-primary a:hover,<br />
.mediawiki .button-right.button-primary a:focus,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller); }<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Portalseite.css&diff=137150
MediaWiki:Vorlage Portalseite.css
2024-02-18T20:09:37Z
<p>Christian: Die Seite wurde neu angelegt: „ /* 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; ma…“</p>
<hr />
<div><br />
<br />
/* ZUM Portalseite Highlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-highlight<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
* a<br />
*. p<br />
*/<br />
.zum-portalseite-highlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-gap:0.2rem;<br />
grid-template-columns: var(--icon-size);<br />
}<br />
.zum-portalseite-highlight > a {<br />
grid-column: 2;<br />
}<br />
.zum-portalseite-highlight > a:first-child {<br />
grid-column: 1;<br />
grid-row: 1 / 3;<br />
margin-right:0.2rem;<br />
margin-right:calc(var(--icon-size) / 10);<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-highlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
.zum-portalseite-highlight .zum-portalseite-highlight--icon {<br />
max-width:var(--icon-size);<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-highlight {<br />
--icon-size:5rem;<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 2;<br />
}<br />
}<br />
<br />
<br />
/* ZUM Portalseite Spotlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-spotlight<br />
* <>.zum-portalseite-spotlight--icon__container<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
*. a<br />
* p<br />
*/<br />
<br />
.zum-portalseite-spotlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-template-columns:min-content;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 2;<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-spotlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
<br />
.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br />
max-width:var(--icon-size) !important; /* use !important to break MW styles */<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
margin:0.2rem;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-spotlight {<br />
--icon-size:5rem;<br />
justify-items: center;<br />
grid-template-columns:unset;<br />
}<br />
.zum-portalseite-spotlight--icon_container {<br />
grid-row:unset;<br />
grid-column:unset;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 3;<br />
grid-column: 1;<br />
}<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137149
MediaWiki:Common.css
2024-02-18T20:08:46Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Widget_Dialog.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
<br />
/* ZUM Portalseite Highlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-highlight<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
* a<br />
*. p<br />
*/<br />
.zum-portalseite-highlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-gap:0.2rem;<br />
grid-template-columns: var(--icon-size);<br />
}<br />
.zum-portalseite-highlight > a {<br />
grid-column: 2;<br />
}<br />
.zum-portalseite-highlight > a:first-child {<br />
grid-column: 1;<br />
grid-row: 1 / 3;<br />
margin-right:0.2rem;<br />
margin-right:calc(var(--icon-size) / 10);<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-highlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
.zum-portalseite-highlight .zum-portalseite-highlight--icon {<br />
max-width:var(--icon-size);<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-highlight {<br />
--icon-size:5rem;<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 2;<br />
}<br />
}<br />
<br />
<br />
/* ZUM Portalseite Spotlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-spotlight<br />
* <>.zum-portalseite-spotlight--icon__container<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
*. a<br />
* p<br />
*/<br />
<br />
.zum-portalseite-spotlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-template-columns:min-content;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 2;<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-spotlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
<br />
.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br />
max-width:var(--icon-size) !important; /* use !important to break MW styles */<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
margin:0.2rem;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-spotlight {<br />
--icon-size:5rem;<br />
justify-items: center;<br />
grid-template-columns:unset;<br />
}<br />
.zum-portalseite-spotlight--icon_container {<br />
grid-row:unset;<br />
grid-column:unset;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 3;<br />
grid-column: 1;<br />
}<br />
}<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}<br />
<br />
<br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
.button a,<br />
.button:not(:has(> a)),<br />
.button-left a,<br />
.button-left:not(:has(> a)),<br />
.button-center a,<br />
.button-center:not(:has(> a)),<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
.button-left a .fa,<br />
.button-left:not(:has(> a)) .fa,<br />
.button-center a .fa,<br />
.button-center:not(:has(> a)) .fa,<br />
.button-right a .fa,<br />
.button-right:not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki .button a,<br />
.mediawiki .button:not(:has(> a)),<br />
.mediawiki .button-left a,<br />
.mediawiki .button-left:not(:has(> a)),<br />
.mediawiki .button-center a,<br />
.mediawiki .button-center:not(:has(> a)),<br />
.mediawiki .button-right a,<br />
.mediawiki .button-right:not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki .button a:hover, <br />
.mediawiki .button a:focus,<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left a:hover, <br />
.mediawiki .button-left a:focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center a:hover, <br />
.mediawiki .button-center a:focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right a:hover,<br />
.mediawiki .button-right a:focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus { background-color: var(--zum-farbe-grau--x-heller); }<br />
<br />
<br />
<br />
<br />
.mediawiki .button.button-primary a,<br />
.mediawiki .button.button-primary:not(:has(> a)),<br />
.mediawiki .button-left.button-primary a,<br />
.mediawiki .button-left.button-primary:not(:has(> a)),<br />
.mediawiki .button-center.button-primary a,<br />
.mediawiki .button-center.button-primary:not(:has(> a)),<br />
.mediawiki .button-right.button-primary a,<br />
.mediawiki .button-right.button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki .button.button-primary a:hover,<br />
.mediawiki .button.button-primary a:focus,<br />
.mediawiki .button.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-left.button-primary a:hover,<br />
.mediawiki .button-left.button-primary a:focus,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-center.button-primary a:hover,<br />
.mediawiki .button-center.button-primary a:focus,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-right.button-primary a:hover,<br />
.mediawiki .button-right.button-primary a:focus,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller); }<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Widget_Dialog.css&diff=137148
MediaWiki:Widget Dialog.css
2024-02-18T20:08:29Z
<p>Christian: Die Seite wurde neu angelegt: „ /* * 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-wid…“</p>
<hr />
<div><br />
/*<br />
* Styles for the Widget:Dialog-* widgets.<br />
*<br />
*/<br />
dialog.zum-dialog.popup {<br />
all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */<br />
border:0;<br />
padding:0;<br />
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);<br />
min-width:95vw;<br />
max-width:95vw;<br />
}<br />
<br />
dialog.zum-dialog.popup[open] {<br />
display:flex;<br />
flex-direction:column;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
dialog.zum-dialog.popup {<br />
min-width:33vw;<br />
}<br />
}<br />
.zum-dialog-opener {<br />
cursor:pointer;<br />
}<br />
<br />
/* special rules for qr code in dialog */<br />
.zum-dialog-opener .qrlite-result img,<br />
.zum-dialog-opener .qrlite-result svg {<br />
width:1.5rem;<br />
height:1.5rem;<br />
}<br />
.zum-dialog .zum-qrcode .qrlite-result img,<br />
.zum-dialog .zum-qrcode .qrlite-result svg {<br />
margin: 0 auto;<br />
display: block;<br />
<br />
width: auto;<br />
height: auto !important;<br />
max-width:60%;<br />
max-height:60%;<br />
/* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */<br />
width: 80vmin;<br />
height: 80vmin !important;<br />
max-width:80vmin;<br />
max-height:80vmin;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Zum_mw-collapsible.css&diff=137147
MediaWiki:Zum mw-collapsible.css
2024-02-18T20:07:56Z
<p>Christian: Die Seite wurde neu angelegt: „ /********** * * fix Letzte Änderungen Darstellung * *********/ .mw-body-content .mw-collapsible.mw-changeslist-line { text-align:inherit; } /* * * enhancing .mw-collapsible * */ .mw-collapsible { display: contents; } /** ** .mw-collapsible.button ** render the up/down chevron when there is no a inside the toggle **/ body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after { display: inline…“</p>
<hr />
<div><br />
/**********<br />
*<br />
* fix Letzte Änderungen Darstellung<br />
*<br />
*********/<br />
.mw-body-content .mw-collapsible.mw-changeslist-line {<br />
text-align:inherit;<br />
}<br />
<br />
<br />
/*<br />
*<br />
* enhancing .mw-collapsible <br />
*<br />
*/<br />
.mw-collapsible {<br />
display: contents;<br />
}<br />
<br />
/**<br />
** .mw-collapsible.button<br />
** render the up/down chevron when there is no a inside the toggle<br />
**/<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after<br />
{<br />
display: inline flow-root;<br />
font-family: 'fontawesome-webfont';<br />
content: '\f078';<br />
transition: all .25s;<br />
transition-duration: 0.25s;<br />
margin-inline-start: .25rem;<br />
}<br />
<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-expanded:not(:has(> a))::after {<br />
transform:rotate(180deg);<br />
transition: all .25s;<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-toggle a {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-content {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.navigation-verstecken.mw-collapsible.mw-collapsed .mw-collapsible-toggle {<br />
margin-block-end:0.5em !important;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137146
MediaWiki:Common.css
2024-02-18T20:07:40Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Farben.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
<br />
/* ZUM Portalseite Highlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-highlight<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
* a<br />
*. p<br />
*/<br />
.zum-portalseite-highlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-gap:0.2rem;<br />
grid-template-columns: var(--icon-size);<br />
}<br />
.zum-portalseite-highlight > a {<br />
grid-column: 2;<br />
}<br />
.zum-portalseite-highlight > a:first-child {<br />
grid-column: 1;<br />
grid-row: 1 / 3;<br />
margin-right:0.2rem;<br />
margin-right:calc(var(--icon-size) / 10);<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-highlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
.zum-portalseite-highlight .zum-portalseite-highlight--icon {<br />
max-width:var(--icon-size);<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-highlight {<br />
--icon-size:5rem;<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 2;<br />
}<br />
}<br />
<br />
<br />
/* ZUM Portalseite Spotlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-spotlight<br />
* <>.zum-portalseite-spotlight--icon__container<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
*. a<br />
* p<br />
*/<br />
<br />
.zum-portalseite-spotlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-template-columns:min-content;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 2;<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-spotlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
<br />
.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br />
max-width:var(--icon-size) !important; /* use !important to break MW styles */<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
margin:0.2rem;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-spotlight {<br />
--icon-size:5rem;<br />
justify-items: center;<br />
grid-template-columns:unset;<br />
}<br />
.zum-portalseite-spotlight--icon_container {<br />
grid-row:unset;<br />
grid-column:unset;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 3;<br />
grid-column: 1;<br />
}<br />
}<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}<br />
<br />
<br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
.button a,<br />
.button:not(:has(> a)),<br />
.button-left a,<br />
.button-left:not(:has(> a)),<br />
.button-center a,<br />
.button-center:not(:has(> a)),<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
.button-left a .fa,<br />
.button-left:not(:has(> a)) .fa,<br />
.button-center a .fa,<br />
.button-center:not(:has(> a)) .fa,<br />
.button-right a .fa,<br />
.button-right:not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki .button a,<br />
.mediawiki .button:not(:has(> a)),<br />
.mediawiki .button-left a,<br />
.mediawiki .button-left:not(:has(> a)),<br />
.mediawiki .button-center a,<br />
.mediawiki .button-center:not(:has(> a)),<br />
.mediawiki .button-right a,<br />
.mediawiki .button-right:not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki .button a:hover, <br />
.mediawiki .button a:focus,<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left a:hover, <br />
.mediawiki .button-left a:focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center a:hover, <br />
.mediawiki .button-center a:focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right a:hover,<br />
.mediawiki .button-right a:focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus { background-color: var(--zum-farbe-grau--x-heller); }<br />
<br />
<br />
<br />
<br />
.mediawiki .button.button-primary a,<br />
.mediawiki .button.button-primary:not(:has(> a)),<br />
.mediawiki .button-left.button-primary a,<br />
.mediawiki .button-left.button-primary:not(:has(> a)),<br />
.mediawiki .button-center.button-primary a,<br />
.mediawiki .button-center.button-primary:not(:has(> a)),<br />
.mediawiki .button-right.button-primary a,<br />
.mediawiki .button-right.button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki .button.button-primary a:hover,<br />
.mediawiki .button.button-primary a:focus,<br />
.mediawiki .button.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-left.button-primary a:hover,<br />
.mediawiki .button-left.button-primary a:focus,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-center.button-primary a:hover,<br />
.mediawiki .button-center.button-primary a:focus,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-right.button-primary a:hover,<br />
.mediawiki .button-right.button-primary a:focus,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller); }<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Farben.css&diff=137145
MediaWiki:Vorlage Farben.css
2024-02-18T20:06:56Z
<p>Christian: Die Seite wurde neu angelegt: „ /*********** * 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…“</p>
<hr />
<div><br />
/***********<br />
* Farben [[Benutzer:Christian]]<br />
* per Copy/Paste von [[Vorlage:Farbe]] übernehmen<br />
**********/<br />
:root {<br />
--zum-farbe-Hervorhebung1 : #F1D850;<br />
--zum-farbe-Frage : #F1D850;<br />
--zum-farbe-Lernpfad : #F19D50;<br />
--zum-farbe-Hervorhebung2 : #C64285;<br />
--zum-farbe-Merksatz : #C64285;<br />
--zum-farbe-Üben : #338894;<br />
--zum-farbe-Ueben : #338894;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Meinung : #DBDBDB;<br />
--zum-farbe-Lösung : #DBDBDB;<br />
--zum-farbe-Loesung : #DBDBDB;<br />
--zum-farbe-Download : #DBDBDB;<br />
--zum-farbe-Kurzinfo : #DBDBDB;<br />
--zum-farbe-Zitat : #a0a0a0;<br />
<br />
<br />
--zum-farbe-primär : #F1D850;<br />
--zum-farbe-primär---xx-heller : #fffcf0;<br />
--zum-farbe-primär---x-heller : #fff6cc;<br />
--zum-farbe-primär---heller : #FFF0A2;<br />
--zum-farbe-primär---hell : #FFEA77;<br />
--zum-farbe-primär---dunkel : #DEC229;<br />
--zum-farbe-primär---dunkler : #AF9612;<br />
--zum-farbe-sekundär-1 : #C64285;<br />
--zum-farbe-sekundär-1--xx-heller : #f7d9e8;<br />
--zum-farbe-sekundär-1--x-heller : #f1bbd6;<br />
--zum-farbe-sekundär-1--heller : #E994BF;<br />
--zum-farbe-sekundär-1--hell : #D965A0;<br />
--zum-farbe-sekundär-1--dunkel : #B6226D;<br />
--zum-farbe-sekundär-1--dunkler : #900F50;<br />
--zum-farbe-sekundär-2 : #338894;<br />
--zum-farbe-sekundär-2--xx-heller : #c4e3e8;<br />
--zum-farbe-sekundär-2--x-heller : #a7d6dd;<br />
--zum-farbe-sekundär-2--heller : #85C5CF;<br />
--zum-farbe-sekundär-2--hell : #52A1AD;<br />
--zum-farbe-sekundär-2--dunkel : #1B7A88;<br />
--zum-farbe-sekundär-2--dunkler : #0D5F6B;<br />
--zum-farbe-komplementär : #5E43A5;<br />
--zum-farbe-komplementär--xx-heller : #dad2ee;<br />
--zum-farbe-komplementär--x-heller : #c2b5e3;<br />
--zum-farbe-komplementär--heller : #A592D7;<br />
--zum-farbe-komplementär--hell : #7B63BC;<br />
--zum-farbe-komplementär--dunkel : #482998;<br />
--zum-farbe-komplementär--dunkler : #331878;<br />
--zum-farbe-orange : #F19D50;<br />
--zum-farbe-orange--xx-heller : #fffcfa;<br />
--zum-farbe-orange--x-heller : #ffe7d1;<br />
--zum-farbe-orange--heller : #FFCEA2;<br />
--zum-farbe-orange--hell : #FFB877;<br />
--zum-farbe-orange--dunkel : #DD7F28;<br />
--zum-farbe-orange--dunkler : #AE5D12;<br />
--zum-farbe-grün : #A8DF4A;<br />
--zum-farbe-grün--xx-heller : #f7fdec;<br />
--zum-farbe-grün--x-heller : #e6fac7;<br />
--zum-farbe-grün--heller : #D4F69C;<br />
--zum-farbe-grün--hell : #C0EF6F;<br />
--zum-farbe-grün--dunkel : #8FCD25;<br />
--zum-farbe-grün--dunkler : #6CA111;<br />
--zum-farbe-grau : #DBDBDB;<br />
--zum-farbe-grau--xx-heller : #fcfcfc;<br />
--zum-farbe-grau--x-heller : #f7f7f7;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--hell : #ececec;<br />
--zum-farbe-grau--dunkel : #C8C8C8;<br />
--zum-farbe-grau--dunkler : #a0a0a0;<br />
--zum-farbe-links : #0077dd;<br />
--zum-farbe-links--xx-heller : #f5faff;<br />
--zum-farbe-links--x-heller : #cce7ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--hell : #1492ff;<br />
--zum-farbe-links--dunkel : #0068bd;<br />
--zum-farbe-links--dunkler : #005599;<br />
}<br />
<br />
<br />
/* Bedeutungsfarben */<br />
.zum-farbe-Hervorhebung1 { color:#F1D850; }<br />
.zum-farbe-Frage { color:#F1D850; }<br />
.zum-farbe-Lernpfad { color:#F19D50; }<br />
.zum-farbe-Hervorhebung2 { color:#C64285; }<br />
.zum-farbe-Merksatz { color:#C64285; }<br />
.zum-farbe-Üben,<br />
.zum-farbe-Ueben { color:#338894; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Meinung { color:#DBDBDB; }<br />
.zum-farbe-Lösung,<br />
.zum-farbe-Loesung { color:#DBDBDB; }<br />
.zum-farbe-Download { color:#DBDBDB; }<br />
.zum-farbe-Kurzinfo { color:#DBDBDB; }<br />
.zum-farbe-Zitat { color:#666; }<br />
<br />
.zum-hintergrund-Hervorhebung1 { background-color:#F1D850; }<br />
.zum-hintergrund-Frage { background-color:#F1D850; }<br />
.zum-hintergrund-Lernpfad { background-color:#F19D50; }<br />
.zum-hintergrund-Hervorhebung2 { background-color:#C64285; }<br />
.zum-hintergrund-Merksatz { background-color:#C64285; }<br />
.zum-hintergrund-Üben,<br />
.zum-hintergrund-Ueben { background-color:#338894; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Meinung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Lösung,<br />
.zum-hintergrund-Loesung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Download { background-color:#DBDBDB; }<br />
.zum-hintergrund-Kurzinfo { background-color:#DBDBDB; }<br />
.zum-hintergrund-Zitat { background-color:#a0a0a0; } <br />
<br />
<br />
/* komplettes Farbschema */<br />
.zum-farbe-primär { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-xx-heller { color: #fffcf0; }<br />
.zum-farbe-primär.zum-farbe-x-heller { color: #fff6cc; }<br />
.zum-farbe-primär.zum-farbe-heller { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-hell { color: #FFEA77; }<br />
.zum-farbe-primär.zum-farbe-dunkel { color: #DEC229; }<br />
.zum-farbe-primär.zum-farbe-dunkler { color: #AF9612; }<br />
.zum-farbe-sekundär-1 { color: #C64285; }<br />
.zum-farbe-sekundär-1.zum-farbe-xx-heller { color: #f7d9e8; }<br />
.zum-farbe-sekundär-1.zum-farbe-x-heller { color: #f1bbd6; }<br />
.zum-farbe-sekundär-1.zum-farbe-heller { color: #E994BF; }<br />
.zum-farbe-sekundär-1.zum-farbe-hell { color: #D965A0; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkel { color: #B6226D; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkler { color: #900F50; }<br />
.zum-farbe-sekundär-2 { color: #338894; }<br />
.zum-farbe-sekundär-2.zum-farbe-xx-heller { color: #c4e3e8; }<br />
.zum-farbe-sekundär-2.zum-farbe-x-heller { color: #a7d6dd; }<br />
.zum-farbe-sekundär-2.zum-farbe-heller { color: #85C5CF; }<br />
.zum-farbe-sekundär-2.zum-farbe-hell { color: #52A1AD; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkel { color: #1B7A88; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkler { color: #0D5F6B; }<br />
.zum-farbe-komplementär { color: #5E43A5; }<br />
.zum-farbe-komplementär.zum-farbe-xx-heller { color: #dad2ee; }<br />
.zum-farbe-komplementär.zum-farbe-x-heller { color: #c2b5e3; }<br />
.zum-farbe-komplementär.zum-farbe-heller { color: #A592D7; }<br />
.zum-farbe-komplementär.zum-farbe-hell { color: #7B63BC; }<br />
.zum-farbe-komplementär.zum-farbe-dunkel { color: #482998; }<br />
.zum-farbe-komplementär.zum-farbe-dunkler { color: #331878; }<br />
.zum-farbe-orange { color: #F19D50; }<br />
.zum-farbe-orange.zum-farbe-xx-heller { color: #fffcfa; }<br />
.zum-farbe-orange.zum-farbe-x-heller { color: #ffe7d1; }<br />
.zum-farbe-orange.zum-farbe-heller { color: #FFCEA2; }<br />
.zum-farbe-orange.zum-farbe-hell { color: #FFB877; }<br />
.zum-farbe-orange.zum-farbe-dunkel { color: #DD7F28; }<br />
.zum-farbe-orange.zum-farbe-dunkler { color: #AE5D12; }<br />
.zum-farbe-grün { color: #A8DF4A; }<br />
.zum-farbe-grün.zum-farbe-xx-heller { color: #f7fdec; }<br />
.zum-farbe-grün.zum-farbe-x-heller { color: #e6fac7; }<br />
.zum-farbe-grün.zum-farbe-heller { color: #D4F69C; }<br />
.zum-farbe-grün.zum-farbe-hell { color: #C0EF6F; }<br />
.zum-farbe-grün.zum-farbe-dunkel { color: #8FCD25; }<br />
.zum-farbe-grün.zum-farbe-dunkler { color: #6CA111; }<br />
.zum-farbe-grau { color: #DBDBDB; }<br />
.zum-farbe-grau.zum-farbe-xx-heller { color: #fcfcfc; }<br />
.zum-farbe-grau.zum-farbe-x-heller { color: #f7f7f7; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-hell { color: #ececec; }<br />
.zum-farbe-grau.zum-farbe-dunkel { color: #C8C8C8; }<br />
.zum-farbe-grau.zum-farbe-dunkler { color: #a0a0a0; }<br />
.zum-farbe-links { color: #0077dd; }<br />
.zum-farbe-links.zum-farbe-xx-heller { color: #f5faff; }<br />
.zum-farbe-links.zum-farbe-x-heller { color: #cce7ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-hell { color: #1492ff; }<br />
.zum-farbe-links.zum-farbe-dunkel { color: #0068bd; }<br />
.zum-farbe-links.zum-farbe-dunkler { color: #005599; }<br />
<br />
. <br />
.zum-hintergrund-primär { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-xx-heller { background-color: #fffcf0; }<br />
.zum-hintergrund-primär.zum-farbe-x-heller { background-color: #fff6cc; }<br />
.zum-hintergrund-primär.zum-farbe-heller { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-hell { background-color: #FFEA77; }<br />
.zum-hintergrund-primär.zum-farbe-dunkel { background-color: #DEC229; }<br />
.zum-hintergrund-primär.zum-farbe-dunkler { background-color: #AF9612; }<br />
.zum-hintergrund-sekundär-1 { background-color: #C64285; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller { background-color: #f7d9e8; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-x-heller { background-color: #f1bbd6; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-heller { background-color: #E994BF; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-hell { background-color: #D965A0; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkel { background-color: #B6226D; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkler { background-color: #900F50; }<br />
.zum-hintergrund-sekundär-2 { background-color: #338894; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller { background-color: #c4e3e8; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-x-heller { background-color: #a7d6dd; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-heller { background-color: #85C5CF; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-hell { background-color: #52A1AD; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkel { background-color: #1B7A88; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkler { background-color: #0D5F6B; }<br />
.zum-hintergrund-komplementär { background-color: #5E43A5; }<br />
.zum-hintergrund-komplementär.zum-farbe-xx-heller { background-color: #dad2ee; }<br />
.zum-hintergrund-komplementär.zum-farbe-x-heller { background-color: #c2b5e3; }<br />
.zum-hintergrund-komplementär.zum-farbe-heller { background-color: #A592D7; }<br />
.zum-hintergrund-komplementär.zum-farbe-hell { background-color: #7B63BC; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkel { background-color: #482998; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkler { background-color: #331878; }<br />
.zum-hintergrund-orange { background-color: #F19D50; }<br />
.zum-hintergrund-orange.zum-farbe-xx-heller { background-color: #fffcfa; }<br />
.zum-hintergrund-orange.zum-farbe-x-heller { background-color: #ffe7d1; }<br />
.zum-hintergrund-orange.zum-farbe-heller { background-color: #FFCEA2; }<br />
.zum-hintergrund-orange.zum-farbe-hell { background-color: #FFB877; }<br />
.zum-hintergrund-orange.zum-farbe-dunkel { background-color: #DD7F28; }<br />
.zum-hintergrund-orange.zum-farbe-dunkler { background-color: #AE5D12; }<br />
.zum-hintergrund-grün { background-color: #A8DF4A; }<br />
.zum-hintergrund-grün.zum-farbe-xx-heller { background-color: #f7fdec; }<br />
.zum-hintergrund-grün.zum-farbe-x-heller { background-color: #e6fac7; }<br />
.zum-hintergrund-grün.zum-farbe-heller { background-color: #D4F69C; }<br />
.zum-hintergrund-grün.zum-farbe-hell { background-color: #C0EF6F; }<br />
.zum-hintergrund-grün.zum-farbe-dunkel { background-color: #8FCD25; }<br />
.zum-hintergrund-grün.zum-farbe-dunkler { background-color: #6CA111; }<br />
.zum-hintergrund-grau { background-color: #DBDBDB; }<br />
.zum-hintergrund-grau.zum-farbe-xx-heller { background-color: #fcfcfc; }<br />
.zum-hintergrund-grau.zum-farbe-x-heller { background-color: #f7f7f7; }<br />
.zum-hintergrund-grau.zum-farbe-heller { background-color: #F1F1F1; }<br />
.zum-hintergrund-grau.zum-farbe-hell { background-color: #ececec; }<br />
.zum-hintergrund-grau.zum-farbe-dunkel { background-color: #C8C8C8; }<br />
.zum-hintergrund-grau.zum-farbe-dunkler { background-color: #a0a0a0; } <br />
.zum-hintergrund-links { background-color: #0077dd; }<br />
.zum-hintergrund-links.zum-farbe-xx-heller { background-color: #f5faff; }<br />
.zum-hintergrund-links.zum-farbe-x-heller { background-color: #cce7ff; }<br />
.zum-hintergrund-links.zum-farbe-heller { background-color: #47a9ff; }<br />
.zum-hintergrund-links.zum-farbe-hell { background-color: #1492ff; }<br />
.zum-hintergrund-links.zum-farbe-dunkel { background-color: #0068bd; }<br />
.zum-hintergrund-links.zum-farbe-dunkler { background-color: #005599; } <br />
<br />
/* overrides <br />
* uses mediawiki parent selector to establish override<br />
*/<br />
.mediawiki .box.hervorhebung1 { border-left-color:#F1D850; }<br />
.mediawiki .box.frage { border-left-color:#F1D850; }<br />
.mediawiki .box.lernpfad { border-left-color:#F19D50; }<br />
.mediawiki .box.hervorhebung2 { border-left-color:#C64285; }<br />
.mediawiki .box.merksatz { border-left-color:#C64285; }<br />
.mediawiki .box.üben,<br />
.mediawiki .box.ueben { border-left-color:#338894; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.meinung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.lösung,<br />
.mediawiki .box.loesung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.download { border-left-color:#DBDBDB; }<br />
.mediawiki .box.kurzinfo { border-left-color:#DBDBDB; }<br />
.mediawiki .box.zitat { border-left-color:#a0a0a0; }</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137144
MediaWiki:Common.css
2024-02-18T20:06:01Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Lernpfad.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
/***********<br />
* Farben [[Benutzer:Christian]]<br />
* per Copy/Paste von [[Vorlage:Farbe]] übernehmen<br />
**********/<br />
:root {<br />
--zum-farbe-Hervorhebung1 : #F1D850;<br />
--zum-farbe-Frage : #F1D850;<br />
--zum-farbe-Lernpfad : #F19D50;<br />
--zum-farbe-Hervorhebung2 : #C64285;<br />
--zum-farbe-Merksatz : #C64285;<br />
--zum-farbe-Üben : #338894;<br />
--zum-farbe-Ueben : #338894;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Meinung : #DBDBDB;<br />
--zum-farbe-Lösung : #DBDBDB;<br />
--zum-farbe-Loesung : #DBDBDB;<br />
--zum-farbe-Download : #DBDBDB;<br />
--zum-farbe-Kurzinfo : #DBDBDB;<br />
--zum-farbe-Zitat : #a0a0a0;<br />
<br />
<br />
--zum-farbe-primär : #F1D850;<br />
--zum-farbe-primär---xx-heller : #fffcf0;<br />
--zum-farbe-primär---x-heller : #fff6cc;<br />
--zum-farbe-primär---heller : #FFF0A2;<br />
--zum-farbe-primär---hell : #FFEA77;<br />
--zum-farbe-primär---dunkel : #DEC229;<br />
--zum-farbe-primär---dunkler : #AF9612;<br />
--zum-farbe-sekundär-1 : #C64285;<br />
--zum-farbe-sekundär-1--xx-heller : #f7d9e8;<br />
--zum-farbe-sekundär-1--x-heller : #f1bbd6;<br />
--zum-farbe-sekundär-1--heller : #E994BF;<br />
--zum-farbe-sekundär-1--hell : #D965A0;<br />
--zum-farbe-sekundär-1--dunkel : #B6226D;<br />
--zum-farbe-sekundär-1--dunkler : #900F50;<br />
--zum-farbe-sekundär-2 : #338894;<br />
--zum-farbe-sekundär-2--xx-heller : #c4e3e8;<br />
--zum-farbe-sekundär-2--x-heller : #a7d6dd;<br />
--zum-farbe-sekundär-2--heller : #85C5CF;<br />
--zum-farbe-sekundär-2--hell : #52A1AD;<br />
--zum-farbe-sekundär-2--dunkel : #1B7A88;<br />
--zum-farbe-sekundär-2--dunkler : #0D5F6B;<br />
--zum-farbe-komplementär : #5E43A5;<br />
--zum-farbe-komplementär--xx-heller : #dad2ee;<br />
--zum-farbe-komplementär--x-heller : #c2b5e3;<br />
--zum-farbe-komplementär--heller : #A592D7;<br />
--zum-farbe-komplementär--hell : #7B63BC;<br />
--zum-farbe-komplementär--dunkel : #482998;<br />
--zum-farbe-komplementär--dunkler : #331878;<br />
--zum-farbe-orange : #F19D50;<br />
--zum-farbe-orange--xx-heller : #fffcfa;<br />
--zum-farbe-orange--x-heller : #ffe7d1;<br />
--zum-farbe-orange--heller : #FFCEA2;<br />
--zum-farbe-orange--hell : #FFB877;<br />
--zum-farbe-orange--dunkel : #DD7F28;<br />
--zum-farbe-orange--dunkler : #AE5D12;<br />
--zum-farbe-grün : #A8DF4A;<br />
--zum-farbe-grün--xx-heller : #f7fdec;<br />
--zum-farbe-grün--x-heller : #e6fac7;<br />
--zum-farbe-grün--heller : #D4F69C;<br />
--zum-farbe-grün--hell : #C0EF6F;<br />
--zum-farbe-grün--dunkel : #8FCD25;<br />
--zum-farbe-grün--dunkler : #6CA111;<br />
--zum-farbe-grau : #DBDBDB;<br />
--zum-farbe-grau--xx-heller : #fcfcfc;<br />
--zum-farbe-grau--x-heller : #f7f7f7;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--hell : #ececec;<br />
--zum-farbe-grau--dunkel : #C8C8C8;<br />
--zum-farbe-grau--dunkler : #a0a0a0;<br />
--zum-farbe-links : #0077dd;<br />
--zum-farbe-links--xx-heller : #f5faff;<br />
--zum-farbe-links--x-heller : #cce7ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--hell : #1492ff;<br />
--zum-farbe-links--dunkel : #0068bd;<br />
--zum-farbe-links--dunkler : #005599;<br />
}<br />
<br />
<br />
/* Bedeutungsfarben */<br />
.zum-farbe-Hervorhebung1 { color:#F1D850; }<br />
.zum-farbe-Frage { color:#F1D850; }<br />
.zum-farbe-Lernpfad { color:#F19D50; }<br />
.zum-farbe-Hervorhebung2 { color:#C64285; }<br />
.zum-farbe-Merksatz { color:#C64285; }<br />
.zum-farbe-Üben,<br />
.zum-farbe-Ueben { color:#338894; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Meinung { color:#DBDBDB; }<br />
.zum-farbe-Lösung,<br />
.zum-farbe-Loesung { color:#DBDBDB; }<br />
.zum-farbe-Download { color:#DBDBDB; }<br />
.zum-farbe-Kurzinfo { color:#DBDBDB; }<br />
.zum-farbe-Zitat { color:#666; }<br />
<br />
.zum-hintergrund-Hervorhebung1 { background-color:#F1D850; }<br />
.zum-hintergrund-Frage { background-color:#F1D850; }<br />
.zum-hintergrund-Lernpfad { background-color:#F19D50; }<br />
.zum-hintergrund-Hervorhebung2 { background-color:#C64285; }<br />
.zum-hintergrund-Merksatz { background-color:#C64285; }<br />
.zum-hintergrund-Üben,<br />
.zum-hintergrund-Ueben { background-color:#338894; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Meinung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Lösung,<br />
.zum-hintergrund-Loesung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Download { background-color:#DBDBDB; }<br />
.zum-hintergrund-Kurzinfo { background-color:#DBDBDB; }<br />
.zum-hintergrund-Zitat { background-color:#a0a0a0; } <br />
<br />
<br />
/* komplettes Farbschema */<br />
.zum-farbe-primär { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-xx-heller { color: #fffcf0; }<br />
.zum-farbe-primär.zum-farbe-x-heller { color: #fff6cc; }<br />
.zum-farbe-primär.zum-farbe-heller { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-hell { color: #FFEA77; }<br />
.zum-farbe-primär.zum-farbe-dunkel { color: #DEC229; }<br />
.zum-farbe-primär.zum-farbe-dunkler { color: #AF9612; }<br />
.zum-farbe-sekundär-1 { color: #C64285; }<br />
.zum-farbe-sekundär-1.zum-farbe-xx-heller { color: #f7d9e8; }<br />
.zum-farbe-sekundär-1.zum-farbe-x-heller { color: #f1bbd6; }<br />
.zum-farbe-sekundär-1.zum-farbe-heller { color: #E994BF; }<br />
.zum-farbe-sekundär-1.zum-farbe-hell { color: #D965A0; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkel { color: #B6226D; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkler { color: #900F50; }<br />
.zum-farbe-sekundär-2 { color: #338894; }<br />
.zum-farbe-sekundär-2.zum-farbe-xx-heller { color: #c4e3e8; }<br />
.zum-farbe-sekundär-2.zum-farbe-x-heller { color: #a7d6dd; }<br />
.zum-farbe-sekundär-2.zum-farbe-heller { color: #85C5CF; }<br />
.zum-farbe-sekundär-2.zum-farbe-hell { color: #52A1AD; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkel { color: #1B7A88; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkler { color: #0D5F6B; }<br />
.zum-farbe-komplementär { color: #5E43A5; }<br />
.zum-farbe-komplementär.zum-farbe-xx-heller { color: #dad2ee; }<br />
.zum-farbe-komplementär.zum-farbe-x-heller { color: #c2b5e3; }<br />
.zum-farbe-komplementär.zum-farbe-heller { color: #A592D7; }<br />
.zum-farbe-komplementär.zum-farbe-hell { color: #7B63BC; }<br />
.zum-farbe-komplementär.zum-farbe-dunkel { color: #482998; }<br />
.zum-farbe-komplementär.zum-farbe-dunkler { color: #331878; }<br />
.zum-farbe-orange { color: #F19D50; }<br />
.zum-farbe-orange.zum-farbe-xx-heller { color: #fffcfa; }<br />
.zum-farbe-orange.zum-farbe-x-heller { color: #ffe7d1; }<br />
.zum-farbe-orange.zum-farbe-heller { color: #FFCEA2; }<br />
.zum-farbe-orange.zum-farbe-hell { color: #FFB877; }<br />
.zum-farbe-orange.zum-farbe-dunkel { color: #DD7F28; }<br />
.zum-farbe-orange.zum-farbe-dunkler { color: #AE5D12; }<br />
.zum-farbe-grün { color: #A8DF4A; }<br />
.zum-farbe-grün.zum-farbe-xx-heller { color: #f7fdec; }<br />
.zum-farbe-grün.zum-farbe-x-heller { color: #e6fac7; }<br />
.zum-farbe-grün.zum-farbe-heller { color: #D4F69C; }<br />
.zum-farbe-grün.zum-farbe-hell { color: #C0EF6F; }<br />
.zum-farbe-grün.zum-farbe-dunkel { color: #8FCD25; }<br />
.zum-farbe-grün.zum-farbe-dunkler { color: #6CA111; }<br />
.zum-farbe-grau { color: #DBDBDB; }<br />
.zum-farbe-grau.zum-farbe-xx-heller { color: #fcfcfc; }<br />
.zum-farbe-grau.zum-farbe-x-heller { color: #f7f7f7; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-hell { color: #ececec; }<br />
.zum-farbe-grau.zum-farbe-dunkel { color: #C8C8C8; }<br />
.zum-farbe-grau.zum-farbe-dunkler { color: #a0a0a0; }<br />
.zum-farbe-links { color: #0077dd; }<br />
.zum-farbe-links.zum-farbe-xx-heller { color: #f5faff; }<br />
.zum-farbe-links.zum-farbe-x-heller { color: #cce7ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-hell { color: #1492ff; }<br />
.zum-farbe-links.zum-farbe-dunkel { color: #0068bd; }<br />
.zum-farbe-links.zum-farbe-dunkler { color: #005599; }<br />
<br />
. <br />
.zum-hintergrund-primär { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-xx-heller { background-color: #fffcf0; }<br />
.zum-hintergrund-primär.zum-farbe-x-heller { background-color: #fff6cc; }<br />
.zum-hintergrund-primär.zum-farbe-heller { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-hell { background-color: #FFEA77; }<br />
.zum-hintergrund-primär.zum-farbe-dunkel { background-color: #DEC229; }<br />
.zum-hintergrund-primär.zum-farbe-dunkler { background-color: #AF9612; }<br />
.zum-hintergrund-sekundär-1 { background-color: #C64285; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller { background-color: #f7d9e8; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-x-heller { background-color: #f1bbd6; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-heller { background-color: #E994BF; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-hell { background-color: #D965A0; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkel { background-color: #B6226D; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkler { background-color: #900F50; }<br />
.zum-hintergrund-sekundär-2 { background-color: #338894; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller { background-color: #c4e3e8; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-x-heller { background-color: #a7d6dd; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-heller { background-color: #85C5CF; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-hell { background-color: #52A1AD; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkel { background-color: #1B7A88; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkler { background-color: #0D5F6B; }<br />
.zum-hintergrund-komplementär { background-color: #5E43A5; }<br />
.zum-hintergrund-komplementär.zum-farbe-xx-heller { background-color: #dad2ee; }<br />
.zum-hintergrund-komplementär.zum-farbe-x-heller { background-color: #c2b5e3; }<br />
.zum-hintergrund-komplementär.zum-farbe-heller { background-color: #A592D7; }<br />
.zum-hintergrund-komplementär.zum-farbe-hell { background-color: #7B63BC; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkel { background-color: #482998; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkler { background-color: #331878; }<br />
.zum-hintergrund-orange { background-color: #F19D50; }<br />
.zum-hintergrund-orange.zum-farbe-xx-heller { background-color: #fffcfa; }<br />
.zum-hintergrund-orange.zum-farbe-x-heller { background-color: #ffe7d1; }<br />
.zum-hintergrund-orange.zum-farbe-heller { background-color: #FFCEA2; }<br />
.zum-hintergrund-orange.zum-farbe-hell { background-color: #FFB877; }<br />
.zum-hintergrund-orange.zum-farbe-dunkel { background-color: #DD7F28; }<br />
.zum-hintergrund-orange.zum-farbe-dunkler { background-color: #AE5D12; }<br />
.zum-hintergrund-grün { background-color: #A8DF4A; }<br />
.zum-hintergrund-grün.zum-farbe-xx-heller { background-color: #f7fdec; }<br />
.zum-hintergrund-grün.zum-farbe-x-heller { background-color: #e6fac7; }<br />
.zum-hintergrund-grün.zum-farbe-heller { background-color: #D4F69C; }<br />
.zum-hintergrund-grün.zum-farbe-hell { background-color: #C0EF6F; }<br />
.zum-hintergrund-grün.zum-farbe-dunkel { background-color: #8FCD25; }<br />
.zum-hintergrund-grün.zum-farbe-dunkler { background-color: #6CA111; }<br />
.zum-hintergrund-grau { background-color: #DBDBDB; }<br />
.zum-hintergrund-grau.zum-farbe-xx-heller { background-color: #fcfcfc; }<br />
.zum-hintergrund-grau.zum-farbe-x-heller { background-color: #f7f7f7; }<br />
.zum-hintergrund-grau.zum-farbe-heller { background-color: #F1F1F1; }<br />
.zum-hintergrund-grau.zum-farbe-hell { background-color: #ececec; }<br />
.zum-hintergrund-grau.zum-farbe-dunkel { background-color: #C8C8C8; }<br />
.zum-hintergrund-grau.zum-farbe-dunkler { background-color: #a0a0a0; } <br />
.zum-hintergrund-links { background-color: #0077dd; }<br />
.zum-hintergrund-links.zum-farbe-xx-heller { background-color: #f5faff; }<br />
.zum-hintergrund-links.zum-farbe-x-heller { background-color: #cce7ff; }<br />
.zum-hintergrund-links.zum-farbe-heller { background-color: #47a9ff; }<br />
.zum-hintergrund-links.zum-farbe-hell { background-color: #1492ff; }<br />
.zum-hintergrund-links.zum-farbe-dunkel { background-color: #0068bd; }<br />
.zum-hintergrund-links.zum-farbe-dunkler { background-color: #005599; } <br />
<br />
/* overrides <br />
* uses mediawiki parent selector to establish override<br />
*/<br />
.mediawiki .box.hervorhebung1 { border-left-color:#F1D850; }<br />
.mediawiki .box.frage { border-left-color:#F1D850; }<br />
.mediawiki .box.lernpfad { border-left-color:#F19D50; }<br />
.mediawiki .box.hervorhebung2 { border-left-color:#C64285; }<br />
.mediawiki .box.merksatz { border-left-color:#C64285; }<br />
.mediawiki .box.üben,<br />
.mediawiki .box.ueben { border-left-color:#338894; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.meinung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.lösung,<br />
.mediawiki .box.loesung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.download { border-left-color:#DBDBDB; }<br />
.mediawiki .box.kurzinfo { border-left-color:#DBDBDB; }<br />
.mediawiki .box.zitat { border-left-color:#a0a0a0; } <br />
<br />
<br />
/*<br />
* Styles for the Widget:Dialog-* widgets.<br />
*<br />
*/<br />
dialog.zum-dialog.popup {<br />
all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */<br />
border:0;<br />
padding:0;<br />
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);<br />
min-width:95vw;<br />
max-width:95vw;<br />
}<br />
<br />
dialog.zum-dialog.popup[open] {<br />
display:flex;<br />
flex-direction:column;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
dialog.zum-dialog.popup {<br />
min-width:33vw;<br />
}<br />
}<br />
.zum-dialog-opener {<br />
cursor:pointer;<br />
}<br />
<br />
/* special rules for qr code in dialog */<br />
.zum-dialog-opener .qrlite-result img,<br />
.zum-dialog-opener .qrlite-result svg {<br />
width:1.5rem;<br />
height:1.5rem;<br />
}<br />
.zum-dialog .zum-qrcode .qrlite-result img,<br />
.zum-dialog .zum-qrcode .qrlite-result svg {<br />
margin: 0 auto;<br />
display: block;<br />
<br />
width: auto;<br />
height: auto !important;<br />
max-width:60%;<br />
max-height:60%;<br />
/* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */<br />
width: 80vmin;<br />
height: 80vmin !important;<br />
max-width:80vmin;<br />
max-height:80vmin;<br />
}<br />
<br />
<br />
<br />
/* ZUM Portalseite Highlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-highlight<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
* a<br />
*. p<br />
*/<br />
.zum-portalseite-highlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-gap:0.2rem;<br />
grid-template-columns: var(--icon-size);<br />
}<br />
.zum-portalseite-highlight > a {<br />
grid-column: 2;<br />
}<br />
.zum-portalseite-highlight > a:first-child {<br />
grid-column: 1;<br />
grid-row: 1 / 3;<br />
margin-right:0.2rem;<br />
margin-right:calc(var(--icon-size) / 10);<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-highlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
.zum-portalseite-highlight .zum-portalseite-highlight--icon {<br />
max-width:var(--icon-size);<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-highlight {<br />
--icon-size:5rem;<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 2;<br />
}<br />
}<br />
<br />
<br />
/* ZUM Portalseite Spotlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-spotlight<br />
* <>.zum-portalseite-spotlight--icon__container<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
*. a<br />
* p<br />
*/<br />
<br />
.zum-portalseite-spotlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-template-columns:min-content;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 2;<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-spotlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
<br />
.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br />
max-width:var(--icon-size) !important; /* use !important to break MW styles */<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
margin:0.2rem;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-spotlight {<br />
--icon-size:5rem;<br />
justify-items: center;<br />
grid-template-columns:unset;<br />
}<br />
.zum-portalseite-spotlight--icon_container {<br />
grid-row:unset;<br />
grid-column:unset;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 3;<br />
grid-column: 1;<br />
}<br />
}<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}<br />
<br />
<br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
.button a,<br />
.button:not(:has(> a)),<br />
.button-left a,<br />
.button-left:not(:has(> a)),<br />
.button-center a,<br />
.button-center:not(:has(> a)),<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
.button-left a .fa,<br />
.button-left:not(:has(> a)) .fa,<br />
.button-center a .fa,<br />
.button-center:not(:has(> a)) .fa,<br />
.button-right a .fa,<br />
.button-right:not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki .button a,<br />
.mediawiki .button:not(:has(> a)),<br />
.mediawiki .button-left a,<br />
.mediawiki .button-left:not(:has(> a)),<br />
.mediawiki .button-center a,<br />
.mediawiki .button-center:not(:has(> a)),<br />
.mediawiki .button-right a,<br />
.mediawiki .button-right:not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki .button a:hover, <br />
.mediawiki .button a:focus,<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left a:hover, <br />
.mediawiki .button-left a:focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center a:hover, <br />
.mediawiki .button-center a:focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right a:hover,<br />
.mediawiki .button-right a:focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus { background-color: var(--zum-farbe-grau--x-heller); }<br />
<br />
<br />
<br />
<br />
.mediawiki .button.button-primary a,<br />
.mediawiki .button.button-primary:not(:has(> a)),<br />
.mediawiki .button-left.button-primary a,<br />
.mediawiki .button-left.button-primary:not(:has(> a)),<br />
.mediawiki .button-center.button-primary a,<br />
.mediawiki .button-center.button-primary:not(:has(> a)),<br />
.mediawiki .button-right.button-primary a,<br />
.mediawiki .button-right.button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki .button.button-primary a:hover,<br />
.mediawiki .button.button-primary a:focus,<br />
.mediawiki .button.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-left.button-primary a:hover,<br />
.mediawiki .button-left.button-primary a:focus,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-center.button-primary a:hover,<br />
.mediawiki .button-center.button-primary a:focus,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-right.button-primary a:hover,<br />
.mediawiki .button-right.button-primary a:focus,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller); }<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137143
MediaWiki:Common.css
2024-02-18T20:03:56Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_LernpfadNeu.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:zum_mw-collapsible.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
/***********<br />
* Farben [[Benutzer:Christian]]<br />
* per Copy/Paste von [[Vorlage:Farbe]] übernehmen<br />
**********/<br />
:root {<br />
--zum-farbe-Hervorhebung1 : #F1D850;<br />
--zum-farbe-Frage : #F1D850;<br />
--zum-farbe-Lernpfad : #F19D50;<br />
--zum-farbe-Hervorhebung2 : #C64285;<br />
--zum-farbe-Merksatz : #C64285;<br />
--zum-farbe-Üben : #338894;<br />
--zum-farbe-Ueben : #338894;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Meinung : #DBDBDB;<br />
--zum-farbe-Lösung : #DBDBDB;<br />
--zum-farbe-Loesung : #DBDBDB;<br />
--zum-farbe-Download : #DBDBDB;<br />
--zum-farbe-Kurzinfo : #DBDBDB;<br />
--zum-farbe-Zitat : #a0a0a0;<br />
<br />
<br />
--zum-farbe-primär : #F1D850;<br />
--zum-farbe-primär---xx-heller : #fffcf0;<br />
--zum-farbe-primär---x-heller : #fff6cc;<br />
--zum-farbe-primär---heller : #FFF0A2;<br />
--zum-farbe-primär---hell : #FFEA77;<br />
--zum-farbe-primär---dunkel : #DEC229;<br />
--zum-farbe-primär---dunkler : #AF9612;<br />
--zum-farbe-sekundär-1 : #C64285;<br />
--zum-farbe-sekundär-1--xx-heller : #f7d9e8;<br />
--zum-farbe-sekundär-1--x-heller : #f1bbd6;<br />
--zum-farbe-sekundär-1--heller : #E994BF;<br />
--zum-farbe-sekundär-1--hell : #D965A0;<br />
--zum-farbe-sekundär-1--dunkel : #B6226D;<br />
--zum-farbe-sekundär-1--dunkler : #900F50;<br />
--zum-farbe-sekundär-2 : #338894;<br />
--zum-farbe-sekundär-2--xx-heller : #c4e3e8;<br />
--zum-farbe-sekundär-2--x-heller : #a7d6dd;<br />
--zum-farbe-sekundär-2--heller : #85C5CF;<br />
--zum-farbe-sekundär-2--hell : #52A1AD;<br />
--zum-farbe-sekundär-2--dunkel : #1B7A88;<br />
--zum-farbe-sekundär-2--dunkler : #0D5F6B;<br />
--zum-farbe-komplementär : #5E43A5;<br />
--zum-farbe-komplementär--xx-heller : #dad2ee;<br />
--zum-farbe-komplementär--x-heller : #c2b5e3;<br />
--zum-farbe-komplementär--heller : #A592D7;<br />
--zum-farbe-komplementär--hell : #7B63BC;<br />
--zum-farbe-komplementär--dunkel : #482998;<br />
--zum-farbe-komplementär--dunkler : #331878;<br />
--zum-farbe-orange : #F19D50;<br />
--zum-farbe-orange--xx-heller : #fffcfa;<br />
--zum-farbe-orange--x-heller : #ffe7d1;<br />
--zum-farbe-orange--heller : #FFCEA2;<br />
--zum-farbe-orange--hell : #FFB877;<br />
--zum-farbe-orange--dunkel : #DD7F28;<br />
--zum-farbe-orange--dunkler : #AE5D12;<br />
--zum-farbe-grün : #A8DF4A;<br />
--zum-farbe-grün--xx-heller : #f7fdec;<br />
--zum-farbe-grün--x-heller : #e6fac7;<br />
--zum-farbe-grün--heller : #D4F69C;<br />
--zum-farbe-grün--hell : #C0EF6F;<br />
--zum-farbe-grün--dunkel : #8FCD25;<br />
--zum-farbe-grün--dunkler : #6CA111;<br />
--zum-farbe-grau : #DBDBDB;<br />
--zum-farbe-grau--xx-heller : #fcfcfc;<br />
--zum-farbe-grau--x-heller : #f7f7f7;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--hell : #ececec;<br />
--zum-farbe-grau--dunkel : #C8C8C8;<br />
--zum-farbe-grau--dunkler : #a0a0a0;<br />
--zum-farbe-links : #0077dd;<br />
--zum-farbe-links--xx-heller : #f5faff;<br />
--zum-farbe-links--x-heller : #cce7ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--hell : #1492ff;<br />
--zum-farbe-links--dunkel : #0068bd;<br />
--zum-farbe-links--dunkler : #005599;<br />
}<br />
<br />
<br />
/* Bedeutungsfarben */<br />
.zum-farbe-Hervorhebung1 { color:#F1D850; }<br />
.zum-farbe-Frage { color:#F1D850; }<br />
.zum-farbe-Lernpfad { color:#F19D50; }<br />
.zum-farbe-Hervorhebung2 { color:#C64285; }<br />
.zum-farbe-Merksatz { color:#C64285; }<br />
.zum-farbe-Üben,<br />
.zum-farbe-Ueben { color:#338894; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Meinung { color:#DBDBDB; }<br />
.zum-farbe-Lösung,<br />
.zum-farbe-Loesung { color:#DBDBDB; }<br />
.zum-farbe-Download { color:#DBDBDB; }<br />
.zum-farbe-Kurzinfo { color:#DBDBDB; }<br />
.zum-farbe-Zitat { color:#666; }<br />
<br />
.zum-hintergrund-Hervorhebung1 { background-color:#F1D850; }<br />
.zum-hintergrund-Frage { background-color:#F1D850; }<br />
.zum-hintergrund-Lernpfad { background-color:#F19D50; }<br />
.zum-hintergrund-Hervorhebung2 { background-color:#C64285; }<br />
.zum-hintergrund-Merksatz { background-color:#C64285; }<br />
.zum-hintergrund-Üben,<br />
.zum-hintergrund-Ueben { background-color:#338894; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Meinung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Lösung,<br />
.zum-hintergrund-Loesung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Download { background-color:#DBDBDB; }<br />
.zum-hintergrund-Kurzinfo { background-color:#DBDBDB; }<br />
.zum-hintergrund-Zitat { background-color:#a0a0a0; } <br />
<br />
<br />
/* komplettes Farbschema */<br />
.zum-farbe-primär { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-xx-heller { color: #fffcf0; }<br />
.zum-farbe-primär.zum-farbe-x-heller { color: #fff6cc; }<br />
.zum-farbe-primär.zum-farbe-heller { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-hell { color: #FFEA77; }<br />
.zum-farbe-primär.zum-farbe-dunkel { color: #DEC229; }<br />
.zum-farbe-primär.zum-farbe-dunkler { color: #AF9612; }<br />
.zum-farbe-sekundär-1 { color: #C64285; }<br />
.zum-farbe-sekundär-1.zum-farbe-xx-heller { color: #f7d9e8; }<br />
.zum-farbe-sekundär-1.zum-farbe-x-heller { color: #f1bbd6; }<br />
.zum-farbe-sekundär-1.zum-farbe-heller { color: #E994BF; }<br />
.zum-farbe-sekundär-1.zum-farbe-hell { color: #D965A0; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkel { color: #B6226D; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkler { color: #900F50; }<br />
.zum-farbe-sekundär-2 { color: #338894; }<br />
.zum-farbe-sekundär-2.zum-farbe-xx-heller { color: #c4e3e8; }<br />
.zum-farbe-sekundär-2.zum-farbe-x-heller { color: #a7d6dd; }<br />
.zum-farbe-sekundär-2.zum-farbe-heller { color: #85C5CF; }<br />
.zum-farbe-sekundär-2.zum-farbe-hell { color: #52A1AD; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkel { color: #1B7A88; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkler { color: #0D5F6B; }<br />
.zum-farbe-komplementär { color: #5E43A5; }<br />
.zum-farbe-komplementär.zum-farbe-xx-heller { color: #dad2ee; }<br />
.zum-farbe-komplementär.zum-farbe-x-heller { color: #c2b5e3; }<br />
.zum-farbe-komplementär.zum-farbe-heller { color: #A592D7; }<br />
.zum-farbe-komplementär.zum-farbe-hell { color: #7B63BC; }<br />
.zum-farbe-komplementär.zum-farbe-dunkel { color: #482998; }<br />
.zum-farbe-komplementär.zum-farbe-dunkler { color: #331878; }<br />
.zum-farbe-orange { color: #F19D50; }<br />
.zum-farbe-orange.zum-farbe-xx-heller { color: #fffcfa; }<br />
.zum-farbe-orange.zum-farbe-x-heller { color: #ffe7d1; }<br />
.zum-farbe-orange.zum-farbe-heller { color: #FFCEA2; }<br />
.zum-farbe-orange.zum-farbe-hell { color: #FFB877; }<br />
.zum-farbe-orange.zum-farbe-dunkel { color: #DD7F28; }<br />
.zum-farbe-orange.zum-farbe-dunkler { color: #AE5D12; }<br />
.zum-farbe-grün { color: #A8DF4A; }<br />
.zum-farbe-grün.zum-farbe-xx-heller { color: #f7fdec; }<br />
.zum-farbe-grün.zum-farbe-x-heller { color: #e6fac7; }<br />
.zum-farbe-grün.zum-farbe-heller { color: #D4F69C; }<br />
.zum-farbe-grün.zum-farbe-hell { color: #C0EF6F; }<br />
.zum-farbe-grün.zum-farbe-dunkel { color: #8FCD25; }<br />
.zum-farbe-grün.zum-farbe-dunkler { color: #6CA111; }<br />
.zum-farbe-grau { color: #DBDBDB; }<br />
.zum-farbe-grau.zum-farbe-xx-heller { color: #fcfcfc; }<br />
.zum-farbe-grau.zum-farbe-x-heller { color: #f7f7f7; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-hell { color: #ececec; }<br />
.zum-farbe-grau.zum-farbe-dunkel { color: #C8C8C8; }<br />
.zum-farbe-grau.zum-farbe-dunkler { color: #a0a0a0; }<br />
.zum-farbe-links { color: #0077dd; }<br />
.zum-farbe-links.zum-farbe-xx-heller { color: #f5faff; }<br />
.zum-farbe-links.zum-farbe-x-heller { color: #cce7ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-hell { color: #1492ff; }<br />
.zum-farbe-links.zum-farbe-dunkel { color: #0068bd; }<br />
.zum-farbe-links.zum-farbe-dunkler { color: #005599; }<br />
<br />
. <br />
.zum-hintergrund-primär { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-xx-heller { background-color: #fffcf0; }<br />
.zum-hintergrund-primär.zum-farbe-x-heller { background-color: #fff6cc; }<br />
.zum-hintergrund-primär.zum-farbe-heller { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-hell { background-color: #FFEA77; }<br />
.zum-hintergrund-primär.zum-farbe-dunkel { background-color: #DEC229; }<br />
.zum-hintergrund-primär.zum-farbe-dunkler { background-color: #AF9612; }<br />
.zum-hintergrund-sekundär-1 { background-color: #C64285; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller { background-color: #f7d9e8; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-x-heller { background-color: #f1bbd6; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-heller { background-color: #E994BF; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-hell { background-color: #D965A0; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkel { background-color: #B6226D; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkler { background-color: #900F50; }<br />
.zum-hintergrund-sekundär-2 { background-color: #338894; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller { background-color: #c4e3e8; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-x-heller { background-color: #a7d6dd; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-heller { background-color: #85C5CF; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-hell { background-color: #52A1AD; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkel { background-color: #1B7A88; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkler { background-color: #0D5F6B; }<br />
.zum-hintergrund-komplementär { background-color: #5E43A5; }<br />
.zum-hintergrund-komplementär.zum-farbe-xx-heller { background-color: #dad2ee; }<br />
.zum-hintergrund-komplementär.zum-farbe-x-heller { background-color: #c2b5e3; }<br />
.zum-hintergrund-komplementär.zum-farbe-heller { background-color: #A592D7; }<br />
.zum-hintergrund-komplementär.zum-farbe-hell { background-color: #7B63BC; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkel { background-color: #482998; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkler { background-color: #331878; }<br />
.zum-hintergrund-orange { background-color: #F19D50; }<br />
.zum-hintergrund-orange.zum-farbe-xx-heller { background-color: #fffcfa; }<br />
.zum-hintergrund-orange.zum-farbe-x-heller { background-color: #ffe7d1; }<br />
.zum-hintergrund-orange.zum-farbe-heller { background-color: #FFCEA2; }<br />
.zum-hintergrund-orange.zum-farbe-hell { background-color: #FFB877; }<br />
.zum-hintergrund-orange.zum-farbe-dunkel { background-color: #DD7F28; }<br />
.zum-hintergrund-orange.zum-farbe-dunkler { background-color: #AE5D12; }<br />
.zum-hintergrund-grün { background-color: #A8DF4A; }<br />
.zum-hintergrund-grün.zum-farbe-xx-heller { background-color: #f7fdec; }<br />
.zum-hintergrund-grün.zum-farbe-x-heller { background-color: #e6fac7; }<br />
.zum-hintergrund-grün.zum-farbe-heller { background-color: #D4F69C; }<br />
.zum-hintergrund-grün.zum-farbe-hell { background-color: #C0EF6F; }<br />
.zum-hintergrund-grün.zum-farbe-dunkel { background-color: #8FCD25; }<br />
.zum-hintergrund-grün.zum-farbe-dunkler { background-color: #6CA111; }<br />
.zum-hintergrund-grau { background-color: #DBDBDB; }<br />
.zum-hintergrund-grau.zum-farbe-xx-heller { background-color: #fcfcfc; }<br />
.zum-hintergrund-grau.zum-farbe-x-heller { background-color: #f7f7f7; }<br />
.zum-hintergrund-grau.zum-farbe-heller { background-color: #F1F1F1; }<br />
.zum-hintergrund-grau.zum-farbe-hell { background-color: #ececec; }<br />
.zum-hintergrund-grau.zum-farbe-dunkel { background-color: #C8C8C8; }<br />
.zum-hintergrund-grau.zum-farbe-dunkler { background-color: #a0a0a0; } <br />
.zum-hintergrund-links { background-color: #0077dd; }<br />
.zum-hintergrund-links.zum-farbe-xx-heller { background-color: #f5faff; }<br />
.zum-hintergrund-links.zum-farbe-x-heller { background-color: #cce7ff; }<br />
.zum-hintergrund-links.zum-farbe-heller { background-color: #47a9ff; }<br />
.zum-hintergrund-links.zum-farbe-hell { background-color: #1492ff; }<br />
.zum-hintergrund-links.zum-farbe-dunkel { background-color: #0068bd; }<br />
.zum-hintergrund-links.zum-farbe-dunkler { background-color: #005599; } <br />
<br />
/* overrides <br />
* uses mediawiki parent selector to establish override<br />
*/<br />
.mediawiki .box.hervorhebung1 { border-left-color:#F1D850; }<br />
.mediawiki .box.frage { border-left-color:#F1D850; }<br />
.mediawiki .box.lernpfad { border-left-color:#F19D50; }<br />
.mediawiki .box.hervorhebung2 { border-left-color:#C64285; }<br />
.mediawiki .box.merksatz { border-left-color:#C64285; }<br />
.mediawiki .box.üben,<br />
.mediawiki .box.ueben { border-left-color:#338894; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.meinung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.lösung,<br />
.mediawiki .box.loesung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.download { border-left-color:#DBDBDB; }<br />
.mediawiki .box.kurzinfo { border-left-color:#DBDBDB; }<br />
.mediawiki .box.zitat { border-left-color:#a0a0a0; } <br />
<br />
<br />
/*<br />
* Styles for the Widget:Dialog-* widgets.<br />
*<br />
*/<br />
dialog.zum-dialog.popup {<br />
all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */<br />
border:0;<br />
padding:0;<br />
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);<br />
min-width:95vw;<br />
max-width:95vw;<br />
}<br />
<br />
dialog.zum-dialog.popup[open] {<br />
display:flex;<br />
flex-direction:column;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
dialog.zum-dialog.popup {<br />
min-width:33vw;<br />
}<br />
}<br />
.zum-dialog-opener {<br />
cursor:pointer;<br />
}<br />
<br />
/* special rules for qr code in dialog */<br />
.zum-dialog-opener .qrlite-result img,<br />
.zum-dialog-opener .qrlite-result svg {<br />
width:1.5rem;<br />
height:1.5rem;<br />
}<br />
.zum-dialog .zum-qrcode .qrlite-result img,<br />
.zum-dialog .zum-qrcode .qrlite-result svg {<br />
margin: 0 auto;<br />
display: block;<br />
<br />
width: auto;<br />
height: auto !important;<br />
max-width:60%;<br />
max-height:60%;<br />
/* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */<br />
width: 80vmin;<br />
height: 80vmin !important;<br />
max-width:80vmin;<br />
max-height:80vmin;<br />
}<br />
<br />
<br />
<br />
/* ZUM Portalseite Highlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-highlight<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
* a<br />
*. p<br />
*/<br />
.zum-portalseite-highlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-gap:0.2rem;<br />
grid-template-columns: var(--icon-size);<br />
}<br />
.zum-portalseite-highlight > a {<br />
grid-column: 2;<br />
}<br />
.zum-portalseite-highlight > a:first-child {<br />
grid-column: 1;<br />
grid-row: 1 / 3;<br />
margin-right:0.2rem;<br />
margin-right:calc(var(--icon-size) / 10);<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-highlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
.zum-portalseite-highlight .zum-portalseite-highlight--icon {<br />
max-width:var(--icon-size);<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-highlight {<br />
--icon-size:5rem;<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 2;<br />
}<br />
}<br />
<br />
<br />
/* ZUM Portalseite Spotlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-spotlight<br />
* <>.zum-portalseite-spotlight--icon__container<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
*. a<br />
* p<br />
*/<br />
<br />
.zum-portalseite-spotlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-template-columns:min-content;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 2;<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-spotlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
<br />
.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br />
max-width:var(--icon-size) !important; /* use !important to break MW styles */<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
margin:0.2rem;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-spotlight {<br />
--icon-size:5rem;<br />
justify-items: center;<br />
grid-template-columns:unset;<br />
}<br />
.zum-portalseite-spotlight--icon_container {<br />
grid-row:unset;<br />
grid-column:unset;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 3;<br />
grid-column: 1;<br />
}<br />
}<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}<br />
<br />
<br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
.button a,<br />
.button:not(:has(> a)),<br />
.button-left a,<br />
.button-left:not(:has(> a)),<br />
.button-center a,<br />
.button-center:not(:has(> a)),<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
.button-left a .fa,<br />
.button-left:not(:has(> a)) .fa,<br />
.button-center a .fa,<br />
.button-center:not(:has(> a)) .fa,<br />
.button-right a .fa,<br />
.button-right:not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki .button a,<br />
.mediawiki .button:not(:has(> a)),<br />
.mediawiki .button-left a,<br />
.mediawiki .button-left:not(:has(> a)),<br />
.mediawiki .button-center a,<br />
.mediawiki .button-center:not(:has(> a)),<br />
.mediawiki .button-right a,<br />
.mediawiki .button-right:not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki .button a:hover, <br />
.mediawiki .button a:focus,<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left a:hover, <br />
.mediawiki .button-left a:focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center a:hover, <br />
.mediawiki .button-center a:focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right a:hover,<br />
.mediawiki .button-right a:focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus { background-color: var(--zum-farbe-grau--x-heller); }<br />
<br />
<br />
<br />
<br />
.mediawiki .button.button-primary a,<br />
.mediawiki .button.button-primary:not(:has(> a)),<br />
.mediawiki .button-left.button-primary a,<br />
.mediawiki .button-left.button-primary:not(:has(> a)),<br />
.mediawiki .button-center.button-primary a,<br />
.mediawiki .button-center.button-primary:not(:has(> a)),<br />
.mediawiki .button-right.button-primary a,<br />
.mediawiki .button-right.button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki .button.button-primary a:hover,<br />
.mediawiki .button.button-primary a:focus,<br />
.mediawiki .button.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-left.button-primary a:hover,<br />
.mediawiki .button-left.button-primary a:focus,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-center.button-primary a:hover,<br />
.mediawiki .button-center.button-primary a:focus,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-right.button-primary a:hover,<br />
.mediawiki .button-right.button-primary a:focus,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller); }<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Common.css&diff=137142
MediaWiki:Common.css
2024-02-18T20:02:37Z
<p>Christian: </p>
<hr />
<div>@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_Box.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:Vorlage_LernpfadNeu.css");<br />
@import url("/index.php?action=raw&ctype=text/css&title=MediaWiki:RQuiz.css");<br />
<br />
/**<br />
*<br />
*/<br />
.mediawiki audio {<br />
height:1.5em !important;<br />
display:inline-block;<br />
}<br />
<br />
/**<br />
*<br />
*<br />
*/<br />
body.not-logged-in .hidden-not-logged-in {<br />
display:none;<br />
}<br />
body:not(.not-logged-in) .hidden-logged-in {<br />
display:none;<br />
}<br />
<br />
/**<br />
* use correct icon for `Englisch` classes<br />
*<br />
* CS<br />
* 2020-06-23<br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Englisch a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Englisch a:before {<br />
content: '\e629';<br />
}<br />
<br />
/**<br />
* use correct icon for `Latein` classes<br />
*<br />
* CS <br />
* 2022-09-18 <br />
*/<br />
.mediawiki #fu-menu li#f\ächer #n-Latein a:before,<br />
.mediawiki #fu-offcanvas li#f\ächer #n-Latein a:before {<br />
content: '\e669';<br />
}<br />
<br />
/**<br />
* Black color for `misc` classes<br />
*<br />
* CS<br />
* 2023-04-23<br />
*<br />
*/<br />
.mediawiki .subjects.misc a span, <br />
.mediawiki .subjects.misc a.new span {<br />
color: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
.mediawiki .misc .portal > span {<br />
background: hsla(0, 0%, 0%, 0.8);<br />
}<br />
<br />
<br />
/**<br />
* Sidebar Hilfen ausgeklappt für eingeloggte Nutzer<br />
* CS<br />
* 2019-04-24<br />
*/<br />
<br />
body:not(.not-logged-in) #fu-menu li#hilfen > div,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > div {<br />
display: block !important;<br />
visibility: visible !important;<br />
height: auto !important;<br />
}<br />
<br />
/*<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a {<br />
background: rgba(0, 0, 0, 0.05);<br />
}<br />
*/<br />
<br />
/* hide the toogle */<br />
body:not(.not-logged-in) #fu-menu li#hilfen > a:after,<br />
body:not(.not-logged-in) #fu-offcanvas li#hilfen > a:after {<br />
display: none;<br />
}<br />
<br />
/**<br />
* remove interferring default styles from #siteNotice and #localNotice<br />
* uses .mediawiki selector to increase specifity<br />
*/<br />
.mediawiki #siteNotice a { display:inline-block; }<br />
.mediawiki #siteNotice, .mediawiki #localNotice {<br />
text-align:initial;<br />
}<br />
.mediawiki #siteNotice {<br />
margin: -1.5rem -1.5rem -1.5rem -1.5rem;<br />
}<br />
.mediawiki #localNotice {<br />
margin: initial;<br />
}<br />
<br />
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div#content a.external {<br />
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;<br />
padding-right: 13px;<br />
}<br />
<br />
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */<br />
<br />
div.float-right, table.float-right, ul.float-right, .float-right {<br />
clear: right;<br />
float: right;<br />
margin: 1em 0 1em 1em;<br />
}<br />
<br />
<br />
/*******************<br />
* Fix Geogebra Styling<br />
*<br />
* Die Standardstyles greifen in das Geogebra Applet rein und sorgen für Darstellungsprobleme bei den Toolbars.<br />
*<br />
* Wir fügen .GeoGebraFrame in die Selektorkette um mit einer höheren Spezifizität drüber zukommen.<br />
*/<br />
<br />
#mw-content-text .GeoGebraFrame ul { margin:0; }<br />
<br />
/**********<br />
*<br />
* fix Letzte Änderungen Darstellung<br />
*<br />
*********/<br />
.mw-body-content .mw-collapsible.mw-changeslist-line {<br />
text-align:inherit;<br />
}<br />
<br />
/******************<br />
*<br />
* ZUM-Layout<br />
*<br />
******************/<br />
.zum-block {<br />
padding:0.5em;<br />
margin-top:0.5em;<br />
margin-bottom:0.5em;<br />
}<br />
<br />
<br />
/***********<br />
*<br />
* Mediawiki Indicators<br />
* - container floats on the right<br />
* - individual indicators are flex elements<br />
*<br />
***********/<br />
.mw-indicators {<br />
float:right;<br />
display:flex;<br />
}<br />
.mw-indicators > .mw-indicator {<br />
flex: 1;<br />
}<br />
<br />
<br />
/***********<br />
* Farben [[Benutzer:Christian]]<br />
* per Copy/Paste von [[Vorlage:Farbe]] übernehmen<br />
**********/<br />
:root {<br />
--zum-farbe-Hervorhebung1 : #F1D850;<br />
--zum-farbe-Frage : #F1D850;<br />
--zum-farbe-Lernpfad : #F19D50;<br />
--zum-farbe-Hervorhebung2 : #C64285;<br />
--zum-farbe-Merksatz : #C64285;<br />
--zum-farbe-Üben : #338894;<br />
--zum-farbe-Ueben : #338894;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Arbeitsmethode : #5E43A5;<br />
--zum-farbe-Unterrichtsidee : #A8DF4A;<br />
--zum-farbe-Experimentieren : #A8DF4A;<br />
--zum-farbe-Meinung : #DBDBDB;<br />
--zum-farbe-Lösung : #DBDBDB;<br />
--zum-farbe-Loesung : #DBDBDB;<br />
--zum-farbe-Download : #DBDBDB;<br />
--zum-farbe-Kurzinfo : #DBDBDB;<br />
--zum-farbe-Zitat : #a0a0a0;<br />
<br />
<br />
--zum-farbe-primär : #F1D850;<br />
--zum-farbe-primär---xx-heller : #fffcf0;<br />
--zum-farbe-primär---x-heller : #fff6cc;<br />
--zum-farbe-primär---heller : #FFF0A2;<br />
--zum-farbe-primär---hell : #FFEA77;<br />
--zum-farbe-primär---dunkel : #DEC229;<br />
--zum-farbe-primär---dunkler : #AF9612;<br />
--zum-farbe-sekundär-1 : #C64285;<br />
--zum-farbe-sekundär-1--xx-heller : #f7d9e8;<br />
--zum-farbe-sekundär-1--x-heller : #f1bbd6;<br />
--zum-farbe-sekundär-1--heller : #E994BF;<br />
--zum-farbe-sekundär-1--hell : #D965A0;<br />
--zum-farbe-sekundär-1--dunkel : #B6226D;<br />
--zum-farbe-sekundär-1--dunkler : #900F50;<br />
--zum-farbe-sekundär-2 : #338894;<br />
--zum-farbe-sekundär-2--xx-heller : #c4e3e8;<br />
--zum-farbe-sekundär-2--x-heller : #a7d6dd;<br />
--zum-farbe-sekundär-2--heller : #85C5CF;<br />
--zum-farbe-sekundär-2--hell : #52A1AD;<br />
--zum-farbe-sekundär-2--dunkel : #1B7A88;<br />
--zum-farbe-sekundär-2--dunkler : #0D5F6B;<br />
--zum-farbe-komplementär : #5E43A5;<br />
--zum-farbe-komplementär--xx-heller : #dad2ee;<br />
--zum-farbe-komplementär--x-heller : #c2b5e3;<br />
--zum-farbe-komplementär--heller : #A592D7;<br />
--zum-farbe-komplementär--hell : #7B63BC;<br />
--zum-farbe-komplementär--dunkel : #482998;<br />
--zum-farbe-komplementär--dunkler : #331878;<br />
--zum-farbe-orange : #F19D50;<br />
--zum-farbe-orange--xx-heller : #fffcfa;<br />
--zum-farbe-orange--x-heller : #ffe7d1;<br />
--zum-farbe-orange--heller : #FFCEA2;<br />
--zum-farbe-orange--hell : #FFB877;<br />
--zum-farbe-orange--dunkel : #DD7F28;<br />
--zum-farbe-orange--dunkler : #AE5D12;<br />
--zum-farbe-grün : #A8DF4A;<br />
--zum-farbe-grün--xx-heller : #f7fdec;<br />
--zum-farbe-grün--x-heller : #e6fac7;<br />
--zum-farbe-grün--heller : #D4F69C;<br />
--zum-farbe-grün--hell : #C0EF6F;<br />
--zum-farbe-grün--dunkel : #8FCD25;<br />
--zum-farbe-grün--dunkler : #6CA111;<br />
--zum-farbe-grau : #DBDBDB;<br />
--zum-farbe-grau--xx-heller : #fcfcfc;<br />
--zum-farbe-grau--x-heller : #f7f7f7;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--heller : #F1F1F1;<br />
--zum-farbe-grau--hell : #ececec;<br />
--zum-farbe-grau--dunkel : #C8C8C8;<br />
--zum-farbe-grau--dunkler : #a0a0a0;<br />
--zum-farbe-links : #0077dd;<br />
--zum-farbe-links--xx-heller : #f5faff;<br />
--zum-farbe-links--x-heller : #cce7ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--heller : #47a9ff;<br />
--zum-farbe-links--hell : #1492ff;<br />
--zum-farbe-links--dunkel : #0068bd;<br />
--zum-farbe-links--dunkler : #005599;<br />
}<br />
<br />
<br />
/* Bedeutungsfarben */<br />
.zum-farbe-Hervorhebung1 { color:#F1D850; }<br />
.zum-farbe-Frage { color:#F1D850; }<br />
.zum-farbe-Lernpfad { color:#F19D50; }<br />
.zum-farbe-Hervorhebung2 { color:#C64285; }<br />
.zum-farbe-Merksatz { color:#C64285; }<br />
.zum-farbe-Üben,<br />
.zum-farbe-Ueben { color:#338894; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Arbeitsmethode { color:#5E43A5; }<br />
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }<br />
.zum-farbe-Experimentieren { color:#A8DF4A; }<br />
.zum-farbe-Meinung { color:#DBDBDB; }<br />
.zum-farbe-Lösung,<br />
.zum-farbe-Loesung { color:#DBDBDB; }<br />
.zum-farbe-Download { color:#DBDBDB; }<br />
.zum-farbe-Kurzinfo { color:#DBDBDB; }<br />
.zum-farbe-Zitat { color:#666; }<br />
<br />
.zum-hintergrund-Hervorhebung1 { background-color:#F1D850; }<br />
.zum-hintergrund-Frage { background-color:#F1D850; }<br />
.zum-hintergrund-Lernpfad { background-color:#F19D50; }<br />
.zum-hintergrund-Hervorhebung2 { background-color:#C64285; }<br />
.zum-hintergrund-Merksatz { background-color:#C64285; }<br />
.zum-hintergrund-Üben,<br />
.zum-hintergrund-Ueben { background-color:#338894; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Arbeitsmethode { background-color:#5E43A5; }<br />
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }<br />
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }<br />
.zum-hintergrund-Meinung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Lösung,<br />
.zum-hintergrund-Loesung { background-color:#DBDBDB; }<br />
.zum-hintergrund-Download { background-color:#DBDBDB; }<br />
.zum-hintergrund-Kurzinfo { background-color:#DBDBDB; }<br />
.zum-hintergrund-Zitat { background-color:#a0a0a0; } <br />
<br />
<br />
/* komplettes Farbschema */<br />
.zum-farbe-primär { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-xx-heller { color: #fffcf0; }<br />
.zum-farbe-primär.zum-farbe-x-heller { color: #fff6cc; }<br />
.zum-farbe-primär.zum-farbe-heller { color: #F1D850; }<br />
.zum-farbe-primär.zum-farbe-hell { color: #FFEA77; }<br />
.zum-farbe-primär.zum-farbe-dunkel { color: #DEC229; }<br />
.zum-farbe-primär.zum-farbe-dunkler { color: #AF9612; }<br />
.zum-farbe-sekundär-1 { color: #C64285; }<br />
.zum-farbe-sekundär-1.zum-farbe-xx-heller { color: #f7d9e8; }<br />
.zum-farbe-sekundär-1.zum-farbe-x-heller { color: #f1bbd6; }<br />
.zum-farbe-sekundär-1.zum-farbe-heller { color: #E994BF; }<br />
.zum-farbe-sekundär-1.zum-farbe-hell { color: #D965A0; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkel { color: #B6226D; }<br />
.zum-farbe-sekundär-1.zum-farbe-dunkler { color: #900F50; }<br />
.zum-farbe-sekundär-2 { color: #338894; }<br />
.zum-farbe-sekundär-2.zum-farbe-xx-heller { color: #c4e3e8; }<br />
.zum-farbe-sekundär-2.zum-farbe-x-heller { color: #a7d6dd; }<br />
.zum-farbe-sekundär-2.zum-farbe-heller { color: #85C5CF; }<br />
.zum-farbe-sekundär-2.zum-farbe-hell { color: #52A1AD; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkel { color: #1B7A88; }<br />
.zum-farbe-sekundär-2.zum-farbe-dunkler { color: #0D5F6B; }<br />
.zum-farbe-komplementär { color: #5E43A5; }<br />
.zum-farbe-komplementär.zum-farbe-xx-heller { color: #dad2ee; }<br />
.zum-farbe-komplementär.zum-farbe-x-heller { color: #c2b5e3; }<br />
.zum-farbe-komplementär.zum-farbe-heller { color: #A592D7; }<br />
.zum-farbe-komplementär.zum-farbe-hell { color: #7B63BC; }<br />
.zum-farbe-komplementär.zum-farbe-dunkel { color: #482998; }<br />
.zum-farbe-komplementär.zum-farbe-dunkler { color: #331878; }<br />
.zum-farbe-orange { color: #F19D50; }<br />
.zum-farbe-orange.zum-farbe-xx-heller { color: #fffcfa; }<br />
.zum-farbe-orange.zum-farbe-x-heller { color: #ffe7d1; }<br />
.zum-farbe-orange.zum-farbe-heller { color: #FFCEA2; }<br />
.zum-farbe-orange.zum-farbe-hell { color: #FFB877; }<br />
.zum-farbe-orange.zum-farbe-dunkel { color: #DD7F28; }<br />
.zum-farbe-orange.zum-farbe-dunkler { color: #AE5D12; }<br />
.zum-farbe-grün { color: #A8DF4A; }<br />
.zum-farbe-grün.zum-farbe-xx-heller { color: #f7fdec; }<br />
.zum-farbe-grün.zum-farbe-x-heller { color: #e6fac7; }<br />
.zum-farbe-grün.zum-farbe-heller { color: #D4F69C; }<br />
.zum-farbe-grün.zum-farbe-hell { color: #C0EF6F; }<br />
.zum-farbe-grün.zum-farbe-dunkel { color: #8FCD25; }<br />
.zum-farbe-grün.zum-farbe-dunkler { color: #6CA111; }<br />
.zum-farbe-grau { color: #DBDBDB; }<br />
.zum-farbe-grau.zum-farbe-xx-heller { color: #fcfcfc; }<br />
.zum-farbe-grau.zum-farbe-x-heller { color: #f7f7f7; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-heller { color: #F1F1F1; }<br />
.zum-farbe-grau.zum-farbe-hell { color: #ececec; }<br />
.zum-farbe-grau.zum-farbe-dunkel { color: #C8C8C8; }<br />
.zum-farbe-grau.zum-farbe-dunkler { color: #a0a0a0; }<br />
.zum-farbe-links { color: #0077dd; }<br />
.zum-farbe-links.zum-farbe-xx-heller { color: #f5faff; }<br />
.zum-farbe-links.zum-farbe-x-heller { color: #cce7ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-heller { color: #47a9ff; }<br />
.zum-farbe-links.zum-farbe-hell { color: #1492ff; }<br />
.zum-farbe-links.zum-farbe-dunkel { color: #0068bd; }<br />
.zum-farbe-links.zum-farbe-dunkler { color: #005599; }<br />
<br />
. <br />
.zum-hintergrund-primär { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-xx-heller { background-color: #fffcf0; }<br />
.zum-hintergrund-primär.zum-farbe-x-heller { background-color: #fff6cc; }<br />
.zum-hintergrund-primär.zum-farbe-heller { background-color: #F1D850; }<br />
.zum-hintergrund-primär.zum-farbe-hell { background-color: #FFEA77; }<br />
.zum-hintergrund-primär.zum-farbe-dunkel { background-color: #DEC229; }<br />
.zum-hintergrund-primär.zum-farbe-dunkler { background-color: #AF9612; }<br />
.zum-hintergrund-sekundär-1 { background-color: #C64285; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller { background-color: #f7d9e8; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-x-heller { background-color: #f1bbd6; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-heller { background-color: #E994BF; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-hell { background-color: #D965A0; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkel { background-color: #B6226D; }<br />
.zum-hintergrund-sekundär-1.zum-farbe-dunkler { background-color: #900F50; }<br />
.zum-hintergrund-sekundär-2 { background-color: #338894; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller { background-color: #c4e3e8; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-x-heller { background-color: #a7d6dd; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-heller { background-color: #85C5CF; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-hell { background-color: #52A1AD; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkel { background-color: #1B7A88; }<br />
.zum-hintergrund-sekundär-2.zum-farbe-dunkler { background-color: #0D5F6B; }<br />
.zum-hintergrund-komplementär { background-color: #5E43A5; }<br />
.zum-hintergrund-komplementär.zum-farbe-xx-heller { background-color: #dad2ee; }<br />
.zum-hintergrund-komplementär.zum-farbe-x-heller { background-color: #c2b5e3; }<br />
.zum-hintergrund-komplementär.zum-farbe-heller { background-color: #A592D7; }<br />
.zum-hintergrund-komplementär.zum-farbe-hell { background-color: #7B63BC; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkel { background-color: #482998; }<br />
.zum-hintergrund-komplementär.zum-farbe-dunkler { background-color: #331878; }<br />
.zum-hintergrund-orange { background-color: #F19D50; }<br />
.zum-hintergrund-orange.zum-farbe-xx-heller { background-color: #fffcfa; }<br />
.zum-hintergrund-orange.zum-farbe-x-heller { background-color: #ffe7d1; }<br />
.zum-hintergrund-orange.zum-farbe-heller { background-color: #FFCEA2; }<br />
.zum-hintergrund-orange.zum-farbe-hell { background-color: #FFB877; }<br />
.zum-hintergrund-orange.zum-farbe-dunkel { background-color: #DD7F28; }<br />
.zum-hintergrund-orange.zum-farbe-dunkler { background-color: #AE5D12; }<br />
.zum-hintergrund-grün { background-color: #A8DF4A; }<br />
.zum-hintergrund-grün.zum-farbe-xx-heller { background-color: #f7fdec; }<br />
.zum-hintergrund-grün.zum-farbe-x-heller { background-color: #e6fac7; }<br />
.zum-hintergrund-grün.zum-farbe-heller { background-color: #D4F69C; }<br />
.zum-hintergrund-grün.zum-farbe-hell { background-color: #C0EF6F; }<br />
.zum-hintergrund-grün.zum-farbe-dunkel { background-color: #8FCD25; }<br />
.zum-hintergrund-grün.zum-farbe-dunkler { background-color: #6CA111; }<br />
.zum-hintergrund-grau { background-color: #DBDBDB; }<br />
.zum-hintergrund-grau.zum-farbe-xx-heller { background-color: #fcfcfc; }<br />
.zum-hintergrund-grau.zum-farbe-x-heller { background-color: #f7f7f7; }<br />
.zum-hintergrund-grau.zum-farbe-heller { background-color: #F1F1F1; }<br />
.zum-hintergrund-grau.zum-farbe-hell { background-color: #ececec; }<br />
.zum-hintergrund-grau.zum-farbe-dunkel { background-color: #C8C8C8; }<br />
.zum-hintergrund-grau.zum-farbe-dunkler { background-color: #a0a0a0; } <br />
.zum-hintergrund-links { background-color: #0077dd; }<br />
.zum-hintergrund-links.zum-farbe-xx-heller { background-color: #f5faff; }<br />
.zum-hintergrund-links.zum-farbe-x-heller { background-color: #cce7ff; }<br />
.zum-hintergrund-links.zum-farbe-heller { background-color: #47a9ff; }<br />
.zum-hintergrund-links.zum-farbe-hell { background-color: #1492ff; }<br />
.zum-hintergrund-links.zum-farbe-dunkel { background-color: #0068bd; }<br />
.zum-hintergrund-links.zum-farbe-dunkler { background-color: #005599; } <br />
<br />
/* overrides <br />
* uses mediawiki parent selector to establish override<br />
*/<br />
.mediawiki .box.hervorhebung1 { border-left-color:#F1D850; }<br />
.mediawiki .box.frage { border-left-color:#F1D850; }<br />
.mediawiki .box.lernpfad { border-left-color:#F19D50; }<br />
.mediawiki .box.hervorhebung2 { border-left-color:#C64285; }<br />
.mediawiki .box.merksatz { border-left-color:#C64285; }<br />
.mediawiki .box.üben,<br />
.mediawiki .box.ueben { border-left-color:#338894; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.arbeitsmethode { border-left-color:#5E43A5; }<br />
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }<br />
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }<br />
.mediawiki .box.meinung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.lösung,<br />
.mediawiki .box.loesung { border-left-color:#DBDBDB; }<br />
.mediawiki .box.download { border-left-color:#DBDBDB; }<br />
.mediawiki .box.kurzinfo { border-left-color:#DBDBDB; }<br />
.mediawiki .box.zitat { border-left-color:#a0a0a0; } <br />
<br />
<br />
/*<br />
* Styles for the Widget:Dialog-* widgets.<br />
*<br />
*/<br />
dialog.zum-dialog.popup {<br />
all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */<br />
border:0;<br />
padding:0;<br />
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);<br />
min-width:95vw;<br />
max-width:95vw;<br />
}<br />
<br />
dialog.zum-dialog.popup[open] {<br />
display:flex;<br />
flex-direction:column;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
dialog.zum-dialog.popup {<br />
min-width:33vw;<br />
}<br />
}<br />
.zum-dialog-opener {<br />
cursor:pointer;<br />
}<br />
<br />
/* special rules for qr code in dialog */<br />
.zum-dialog-opener .qrlite-result img,<br />
.zum-dialog-opener .qrlite-result svg {<br />
width:1.5rem;<br />
height:1.5rem;<br />
}<br />
.zum-dialog .zum-qrcode .qrlite-result img,<br />
.zum-dialog .zum-qrcode .qrlite-result svg {<br />
margin: 0 auto;<br />
display: block;<br />
<br />
width: auto;<br />
height: auto !important;<br />
max-width:60%;<br />
max-height:60%;<br />
/* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */<br />
width: 80vmin;<br />
height: 80vmin !important;<br />
max-width:80vmin;<br />
max-height:80vmin;<br />
}<br />
<br />
<br />
<br />
/* ZUM Portalseite Highlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-highlight<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
* a<br />
*. p<br />
*/<br />
.zum-portalseite-highlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-gap:0.2rem;<br />
grid-template-columns: var(--icon-size);<br />
}<br />
.zum-portalseite-highlight > a {<br />
grid-column: 2;<br />
}<br />
.zum-portalseite-highlight > a:first-child {<br />
grid-column: 1;<br />
grid-row: 1 / 3;<br />
margin-right:0.2rem;<br />
margin-right:calc(var(--icon-size) / 10);<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-highlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
.zum-portalseite-highlight .zum-portalseite-highlight--icon {<br />
max-width:var(--icon-size);<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-highlight {<br />
--icon-size:5rem;<br />
}<br />
.zum-portalseite-highlight > p {<br />
grid-column: 2;<br />
}<br />
}<br />
<br />
<br />
/* ZUM Portalseite Spotlight Element<br />
*<br />
* Relevant Markup Sketch<br />
* <>.zum-portalseite-spotlight<br />
* <>.zum-portalseite-spotlight--icon__container<br />
* a<br />
*. <>.zum-portalseite-highlight--icon<br />
*. a<br />
* p<br />
*/<br />
<br />
.zum-portalseite-spotlight {<br />
display:grid;<br />
--icon-size: 2rem;<br />
grid-template-columns:min-content;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 2;<br />
grid-column: 1 / 3;<br />
}<br />
.zum-portalseite-spotlight > p:first-of-type {<br />
margin-top:0;<br />
}<br />
<br />
<br />
.zum-portalseite-spotlight .zum-portalseite-spotlight--icon {<br />
max-width:var(--icon-size) !important; /* use !important to break MW styles */<br />
max-height:var(--icon-size);<br />
font-size: var(--icon-size);<br />
margin:0.2rem;<br />
}<br />
<br />
@media (min-width: 851px) {<br />
.zum-portalseite-spotlight {<br />
--icon-size:5rem;<br />
justify-items: center;<br />
grid-template-columns:unset;<br />
}<br />
.zum-portalseite-spotlight--icon_container {<br />
grid-row:unset;<br />
grid-column:unset;<br />
}<br />
.zum-portalseite-spotlight > p {<br />
grid-row: 3;<br />
grid-column: 1;<br />
}<br />
}<br />
<br />
/*<br />
* ZUM Toggle<br />
*/<br />
[data-zum-toggle-target]:not(.zum-toggle__invisible) {<br />
background: var(--zum-farbe-links--x-heller);<br />
outline:1px solid var(--zum-farbe-links--heller);<br />
margin-inline:0.3em;<br />
padding-inline: 0.3em;<br />
border-radius: 0.3em;<br />
display: inline-block;<br />
cursor:pointer;<br />
}<br />
[data-zum-toggle-target]::after {<br />
cursor:pointer;<br />
color:var(--zum-farbe-links--heller);<br />
margin-inline-start:max(0.25em, 0.25rem);<br />
display:inline-block;<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true])::after {<br />
content:'▿';<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true]::after {<br />
content:'▵';<br />
}<br />
[data-zum-toggle-target]:not([data-zum-toggle-value=true]).zum-toggle__invisible::after {<br />
content:'aufdecken ▿';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
[data-zum-toggle-target][data-zum-toggle-value=true].zum-toggle__invisible::after {<br />
content:'verbergen ▵';<br />
font-size:max(0.5em, 0.66rem);<br />
}<br />
<br />
.zum-toggle--content {<br />
display:none;<br />
}<br />
<br />
.zum-toggle--content[data-zum-toggle-visible="true"] {<br />
display:revert;<br />
}<br />
<br />
.zum-toggle--content__partial {<br />
max-height:20em; <br />
overflow:hidden;<br />
position:relative;<br />
}<br />
<br />
.zum-toggle--content__partial:not([data-zum-toggle-visible="true"])::after {<br />
content: '';<br />
position: absolute;<br />
bottom:0;left:0;right:0;<br />
height:100px;<br />
background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));<br />
pointer-events:none; <br />
}<br />
<br />
.zum-toggle--content__partial[data-zum-toggle-visible="true"] {<br />
max-height: 1000em;transition:max-height 0.15s ease-in;<br />
}<br />
<br />
<br />
/* .button -> Vorlage:Button */ <br />
.button {<br />
display: inline flow-root; <br />
}<br />
.button-left,<br />
.button-center,<br />
.button-right<br />
{<br />
display: flex;<br />
}<br />
<br />
@media(min-width:1360px) {<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
margin-inline-start: auto;<br />
}<br />
.button-center a,<br />
.button-center:not(:has(> a)) {<br />
margin-inline: auto;<br />
}<br />
.button-left a,<br />
.button-left:not(:has(> a)) {<br />
margin-inline-end: auto;<br />
}<br />
}<br />
<br />
<br />
:is(.button, .button-left, .button-center, .button-right).button__small a,<br />
:is(.button, .button-left, .button-center, .button-right).button__small:not(:has(> a)) {<br />
padding-block:0;<br />
padding-inline:0.4em;<br />
}<br />
<br />
.button a,<br />
.button:not(:has(> a)),<br />
.button-left a,<br />
.button-left:not(:has(> a)),<br />
.button-center a,<br />
.button-center:not(:has(> a)),<br />
.button-right a,<br />
.button-right:not(:has(> a)) {<br />
padding-inline:0.6em;<br />
padding-block:0.2em;<br />
display:inline flow-root;<br />
outline: 1px solid transparent;<br />
border-radius: 0.2em;<br />
}<br />
<br />
.button-left a .fa,<br />
.button-left:not(:has(> a)) .fa,<br />
.button-center a .fa,<br />
.button-center:not(:has(> a)) .fa,<br />
.button-right a .fa,<br />
.button-right:not(:has(> a)) .fa {<br />
margin-inline:0.2em;<br />
}<br />
<br />
<br />
.mediawiki .button a,<br />
.mediawiki .button:not(:has(> a)),<br />
.mediawiki .button-left a,<br />
.mediawiki .button-left:not(:has(> a)),<br />
.mediawiki .button-center a,<br />
.mediawiki .button-center:not(:has(> a)),<br />
.mediawiki .button-right a,<br />
.mediawiki .button-right:not(:has(> a)) { <br />
color: hsl(0,0%,20%);<br />
background-color: var(--zum-farbe-grau--hell); <br />
outline-color: var(--zum-farbe-grau-dunkel);<br />
}<br />
<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus {<br />
text-decoration:underline;<br />
}<br />
<br />
.mediawiki .button a:hover, <br />
.mediawiki .button a:focus,<br />
.mediawiki .button:not(:has(> a)):hover, <br />
.mediawiki .button:not(:has(> a)):focus,<br />
.mediawiki .button-left a:hover, <br />
.mediawiki .button-left a:focus,<br />
.mediawiki .button-left:not(:has(> a)):hover, <br />
.mediawiki .button-left:not(:has(> a)):focus,<br />
.mediawiki .button-center a:hover, <br />
.mediawiki .button-center a:focus,<br />
.mediawiki .button-center:not(:has(> a)):hover, <br />
.mediawiki .button-center:not(:has(> a)):focus,<br />
.mediawiki .button-right a:hover,<br />
.mediawiki .button-right a:focus,<br />
.mediawiki .button-right:not(:has(> a)):hover,<br />
.mediawiki .button-right:not(:has(> a)):focus { background-color: var(--zum-farbe-grau--x-heller); }<br />
<br />
<br />
<br />
<br />
.mediawiki .button.button-primary a,<br />
.mediawiki .button.button-primary:not(:has(> a)),<br />
.mediawiki .button-left.button-primary a,<br />
.mediawiki .button-left.button-primary:not(:has(> a)),<br />
.mediawiki .button-center.button-primary a,<br />
.mediawiki .button-center.button-primary:not(:has(> a)),<br />
.mediawiki .button-right.button-primary a,<br />
.mediawiki .button-right.button-primary:not(:has(> a)) { <br />
color: hsl(0,0%,20%); <br />
background-color: var(--zum-farbe-links--heller); <br />
outline-color: var(--zum-farbe-links);<br />
}<br />
<br />
<br />
.mediawiki .button.button-primary a:hover,<br />
.mediawiki .button.button-primary a:focus,<br />
.mediawiki .button.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-left.button-primary a:hover,<br />
.mediawiki .button-left.button-primary a:focus,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-left.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-center.button-primary a:hover,<br />
.mediawiki .button-center.button-primary a:focus,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-center.button-primary:not(:has(> a)):focus,<br />
.mediawiki .button-right.button-primary a:hover,<br />
.mediawiki .button-right.button-primary a:focus,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):hover,<br />
.mediawiki .button-right.button-primary:not(:has(> a)):focus { background-color: var(--zum-farbe-links--x-heller); }<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary a,<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)) {<br />
color:hsl(0, 0%, 20%);<br />
outline-color: var(--zum-farbe-sekund\är-2);<br />
background-color: var(--zum-farbe-sekund\är-2--x-heller);<br />
}<br />
<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary :is(a:hover, a:focus),<br />
.mediawiki :is(.button, .button-left, .button-center, .button-right).button-secondary:not(:has(> a)):is(:hover, :focus) {<br />
background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br />
}<br />
<br />
<br />
<br />
<br />
<br />
/*<br />
* Vorlage:Fortsetzung<br />
*/<br />
.zum-fortsetzung {<br />
display: grid;<br />
grid-template-areas: <br />
"titel titel titel"<br />
"vorher übersicht weiter";<br />
grid-auto-columns: 1fr;<br />
}<br />
.zum-fortsetzung--titel {<br />
grid-area: titel;<br />
}<br />
.zum-fortsetzung--vorher {<br />
grid-area: vorher;<br />
margin-inline-end: auto;<br />
}<br />
.zum-fortsetzung--\übersicht {<br />
grid-area: \übersicht;<br />
margin-inline:auto;<br />
}<br />
.zum-fortsetzung--weiter {<br />
grid-area: weiter;<br />
margin-inline-start: auto;<br />
}<br />
<br />
<br />
/*<br />
*<br />
* enhancing .mw-collapsible <br />
*<br />
*/<br />
.mw-collapsible {<br />
display: contents;<br />
}<br />
<br />
/**<br />
** .mw-collapsible.button<br />
** render the up/down chevron when there is no a inside the toggle<br />
**/<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after<br />
{<br />
display: inline flow-root;<br />
font-family: 'fontawesome-webfont';<br />
content: '\f078';<br />
transition: all .25s;<br />
transition-duration: 0.25s;<br />
margin-inline-start: .25rem;<br />
}<br />
<br />
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-expanded:not(:has(> a))::after {<br />
transform:rotate(180deg);<br />
transition: all .25s;<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-toggle a {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.loesung-verstecken .mw-collapsible-content {<br />
background-color:var(--zum-farbe-grau--heller);<br />
border-color:var(--zum-farbe-grau--dunkler);<br />
}<br />
<br />
.navigation-verstecken.mw-collapsible.mw-collapsed .mw-collapsible-toggle {<br />
margin-block-end:0.5em !important;<br />
}</div>
Christian
https://unterrichten.zum.de/index.php?title=MediaWiki:Box.css&diff=137141
MediaWiki:Box.css
2024-02-18T20:02:24Z
<p>Christian: Christian verschob die Seite MediaWiki:Box.css nach MediaWiki:Vorlage Box.css</p>
<hr />
<div>/* #REDIRECT */@import url(https://unterrichten.zum.de/index.php?title=MediaWiki:Vorlage_Box.css&action=raw&ctype=text/css);</div>
Christian