https://zumunterrichten.idea-sketch.com/index.php?action=history&feed=atom&title=MediaWiki%3AVorlage_Button.css 2026-05-09T20:34:09Z Versionsgeschichte dieser Seite in ZUM-Unterrichten MediaWiki 1.39.15 https://zumunterrichten.idea-sketch.com/index.php?title=MediaWiki:Vorlage_Button.css&diff=137167&oldid=prev 2024-02-18T21:14:04Z

<p></p> <a href="https://zumunterrichten.idea-sketch.com/index.php?title=MediaWiki:Vorlage_Button.css&amp;diff=137167&amp;oldid=137151">Änderungen zeigen</a>

Christian https://zumunterrichten.idea-sketch.com/index.php?title=MediaWiki:Vorlage_Button.css&diff=137151&oldid=prev 2024-02-18T20:10:37Z

<p>Die Seite wurde neu angelegt: „ <span dir="auto"><span class="autocomment">.button -&gt; Vorlage:Button: </span> .button { display: inline flow-root; } .button-left, .button-center, .button-right { display: flex; } @media(min-width:1360px) { .button-right a, .button-right:not(:has(&gt; a)) { margin-inline-start: auto; } .button-center a, .button-center:not(:has(&gt; a)) { margin-inline: auto; } .button-left a, .button-left:not(:has(&gt; a)) { margin-inline-end: auto; } } :is(.button, .button-left, .butto…“</span></p> <p><b>Neue Seite</b></p><div><br /> /* .button -&gt; 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(&gt; a)) {<br /> margin-inline-start: auto;<br /> }<br /> .button-center a,<br /> .button-center:not(:has(&gt; a)) {<br /> margin-inline: auto;<br /> }<br /> .button-left a,<br /> .button-left:not(:has(&gt; 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(&gt; a)) {<br /> padding-block:0;<br /> padding-inline:0.4em;<br /> }<br /> <br /> .button a,<br /> .button:not(:has(&gt; a)),<br /> .button-left a,<br /> .button-left:not(:has(&gt; a)),<br /> .button-center a,<br /> .button-center:not(:has(&gt; a)),<br /> .button-right a,<br /> .button-right:not(:has(&gt; 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(&gt; a)) .fa,<br /> .button-center a .fa,<br /> .button-center:not(:has(&gt; a)) .fa,<br /> .button-right a .fa,<br /> .button-right:not(:has(&gt; a)) .fa {<br /> margin-inline:0.2em;<br /> }<br /> <br /> <br /> .mediawiki .button a,<br /> .mediawiki .button:not(:has(&gt; a)),<br /> .mediawiki .button-left a,<br /> .mediawiki .button-left:not(:has(&gt; a)),<br /> .mediawiki .button-center a,<br /> .mediawiki .button-center:not(:has(&gt; a)),<br /> .mediawiki .button-right a,<br /> .mediawiki .button-right:not(:has(&gt; 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(&gt; a)):hover, <br /> .mediawiki .button:not(:has(&gt; a)):focus,<br /> .mediawiki .button-left:not(:has(&gt; a)):hover, <br /> .mediawiki .button-left:not(:has(&gt; a)):focus,<br /> .mediawiki .button-center:not(:has(&gt; a)):hover, <br /> .mediawiki .button-center:not(:has(&gt; a)):focus,<br /> .mediawiki .button-right:not(:has(&gt; a)):hover,<br /> .mediawiki .button-right:not(:has(&gt; a)):focus {<br /> text-decoration:underline;<br /> }<br /> <br /> .mediawiki .button a:hover, <br /> .mediawiki .button a:focus,<br /> .mediawiki .button:not(:has(&gt; a)):hover, <br /> .mediawiki .button:not(:has(&gt; a)):focus,<br /> .mediawiki .button-left a:hover, <br /> .mediawiki .button-left a:focus,<br /> .mediawiki .button-left:not(:has(&gt; a)):hover, <br /> .mediawiki .button-left:not(:has(&gt; a)):focus,<br /> .mediawiki .button-center a:hover, <br /> .mediawiki .button-center a:focus,<br /> .mediawiki .button-center:not(:has(&gt; a)):hover, <br /> .mediawiki .button-center:not(:has(&gt; a)):focus,<br /> .mediawiki .button-right a:hover,<br /> .mediawiki .button-right a:focus,<br /> .mediawiki .button-right:not(:has(&gt; a)):hover,<br /> .mediawiki .button-right:not(:has(&gt; 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(&gt; a)),<br /> .mediawiki .button-left.button-primary a,<br /> .mediawiki .button-left.button-primary:not(:has(&gt; a)),<br /> .mediawiki .button-center.button-primary a,<br /> .mediawiki .button-center.button-primary:not(:has(&gt; a)),<br /> .mediawiki .button-right.button-primary a,<br /> .mediawiki .button-right.button-primary:not(:has(&gt; 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(&gt; a)):hover,<br /> .mediawiki .button.button-primary:not(:has(&gt; 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(&gt; a)):hover,<br /> .mediawiki .button-left.button-primary:not(:has(&gt; 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(&gt; a)):hover,<br /> .mediawiki .button-center.button-primary:not(:has(&gt; 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(&gt; a)):hover,<br /> .mediawiki .button-right.button-primary:not(:has(&gt; 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(&gt; 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(&gt; a)):is(:hover, :focus) {<br /> background-color: var(--zum-farbe-sekund\är-2--xx-heller);<br /> }</div>

Christian