https://wiki.stadtjugendring-oldenburg.de/Vorlage:MediaWiki-Button/styles.css/history?feed=atom 2026-04-29T21:12:55Z Versionsgeschichte dieser Seite in Stadtjugendring Oldenburg MediaWiki 1.44.0-beta https://wiki.stadtjugendring-oldenburg.de/index.php?title=Vorlage:MediaWiki-Button/styles.css&diff=409&oldid=prev 2018-12-05T23:23:44Z

<p>Setup</p> <p><b>Neue Seite</b></p><div>.mw-ui-button {<br /> background-color: #f8f9fa;<br /> color: #222222;<br /> display: inline-block;<br /> box-sizing: border-box;<br /> min-width: 4em;<br /> max-width: 28.75em;<br /> margin: 0;<br /> padding: 0.546875em 1em;<br /> border: 1px solid #a2a9b1;<br /> border-radius: 2px;<br /> font-family: inherit;<br /> font-size: 1em;<br /> font-weight: bold;<br /> line-height: 1.286;<br /> text-align: center;<br /> vertical-align: middle;<br /> cursor: pointer;<br /> }<br /> .mw-ui-button:visited {<br /> color: #222222;<br /> }<br /> .mw-ui-button:hover {<br /> background-color: #ffffff;<br /> color: #444444;<br /> border-color: #a2a9b1;<br /> }<br /> .mw-ui-button:focus {<br /> background-color: #ffffff;<br /> color: #222222;<br /> border-color: #3366cc;<br /> box-shadow: inset 0 0 0 1px #3366cc, inset 0 0 0 2px #ffffff;<br /> outline-width: 0;<br /> }<br /> .mw-ui-button:active,<br /> .mw-ui-button.is-on {<br /> background-color: #c8ccd1;<br /> color: #000000;<br /> border-color: #72777d;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button:disabled,<br /> .mw-ui-button.mw-ui-quiet.mw-ui-progressive,<br /> .mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> background-color: #c8ccd1;<br /> color: #ffffff;<br /> border-color: #c8ccd1;<br /> cursor: default;<br /> }<br /> .mw-ui-button:disabled:hover,<br /> .mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,<br /> .mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover,<br /> .mw-ui-button:disabled:active,<br /> .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,<br /> .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: #c8ccd1;<br /> color: #ffffff;<br /> box-shadow: none;<br /> border-color: #c8ccd1;<br /> }<br /> .mw-ui-button:not( :disabled ) {<br /> transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;<br /> }<br /> .mw-ui-button.mw-ui-quiet {<br /> background-color: transparent;<br /> color: #222222;<br /> border-color: transparent;<br /> }<br /> .mw-ui-button.mw-ui-quiet:hover {<br /> background-color: transparent;<br /> color: #444444;<br /> border-color: transparent;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button.mw-ui-quiet:active {<br /> background-color: transparent;<br /> color: #000000;<br /> border-color: transparent;<br /> }<br /> .mw-ui-button.mw-ui-quiet:focus {<br /> background-color: transparent;<br /> color: #222222;<br /> border-color: transparent;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button.mw-ui-quiet:disabled {<br /> background-color: transparent;<br /> color: #c8ccd1;<br /> border-color: transparent;<br /> }<br /> .mw-ui-button.mw-ui-progressive {<br /> background-color: #3366cc;<br /> color: #fff;<br /> border: 1px solid #3366cc;<br /> }<br /> .mw-ui-button.mw-ui-progressive:hover {<br /> background-color: #447ff5;<br /> border-color: #447ff5;<br /> }<br /> .mw-ui-button.mw-ui-progressive:focus {<br /> box-shadow: inset 0 0 0 1px #3366cc, inset 0 0 0 2px #ffffff;<br /> }<br /> .mw-ui-button.mw-ui-progressive:active,<br /> .mw-ui-button.mw-ui-progressive.is-on {<br /> background-color: #2a4b8d;<br /> border-color: #2a4b8d;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button.mw-ui-progressive:disabled {<br /> background-color: #c8ccd1;<br /> color: #fff;<br /> border-color: #c8ccd1;<br /> }<br /> .mw-ui-button.mw-ui-progressive:disabled:hover,<br /> .mw-ui-button.mw-ui-progressive:disabled:active {<br /> background-color: #c8ccd1;<br /> color: #fff;<br /> border-color: #c8ccd1;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button.mw-ui-progressive.mw-ui-quiet {<br /> color: #3366cc;<br /> }<br /> .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {<br /> background-color: transparent;<br /> color: #447ff5;<br /> }<br /> .mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {<br /> color: #2a4b8d;<br /> }<br /> .mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {<br /> background-color: transparent;<br /> color: #3366cc;<br /> }<br /> .mw-ui-button.mw-ui-destructive {<br /> background-color: #dd3333;<br /> color: #fff;<br /> border: 1px solid #dd3333;<br /> }<br /> .mw-ui-button.mw-ui-destructive:hover {<br /> background-color: #ff4242;<br /> border-color: #ff4242;<br /> }<br /> .mw-ui-button.mw-ui-destructive:focus {<br /> box-shadow: inset 0 0 0 1px #dd3333, inset 0 0 0 2px #ffffff;<br /> }<br /> .mw-ui-button.mw-ui-destructive:active,<br /> .mw-ui-button.mw-ui-destructive.is-on {<br /> background-color: #b32424;<br /> border-color: #b32424;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button.mw-ui-destructive:disabled {<br /> background-color: #c8ccd1;<br /> color: #fff;<br /> border-color: #c8ccd1;<br /> }<br /> .mw-ui-button.mw-ui-destructive:disabled:hover,<br /> .mw-ui-button.mw-ui-destructive:disabled:active {<br /> background-color: #c8ccd1;<br /> color: #fff;<br /> border-color: #c8ccd1;<br /> box-shadow: none;<br /> }<br /> .mw-ui-button.mw-ui-destructive.mw-ui-quiet {<br /> color: #dd3333;<br /> }<br /> .mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover {<br /> background-color: transparent;<br /> color: #ff4242;<br /> }<br /> .mw-ui-button.mw-ui-destructive.mw-ui-quiet:active {<br /> color: #b32424;<br /> }<br /> .mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus {<br /> background-color: transparent;<br /> color: #dd3333;<br /> }<br /> .mw-ui-button.mw-ui-big {<br /> font-size: 1.3em;<br /> }<br /> .mw-ui-button.mw-ui-block {<br /> display: block;<br /> width: 100%;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> a.mw-ui-button {<br /> text-decoration: none;<br /> }<br /> a.mw-ui-button:hover,<br /> a.mw-ui-button:focus {<br /> text-decoration: none;<br /> }<br /> .mw-ui-button-group &gt; * {<br /> min-width: 48px;<br /> border-radius: 0;<br /> float: left;<br /> }<br /> .mw-ui-button-group &gt; *:first-child {<br /> border-top-left-radius: 2px;<br /> border-bottom-left-radius: 2px;<br /> }<br /> .mw-ui-button-group &gt; *:not( :first-child ) {<br /> border-left: 0;<br /> }<br /> .mw-ui-button-group &gt; *:last-child {<br /> border-top-right-radius: 2px;<br /> border-bottom-right-radius: 2px;<br /> }<br /> .mw-ui-button-group .is-on .button {<br /> cursor: default;<br /> }</div>

imported>PerfektesChaos