Vorlage:MediaWiki-Button/styles.css

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
 body.skin-minerva.mw-ui-button{
 min-width:1.25em;
 padding:0.75em;
 font-size:initial;
 line-height:0;
 }
 .cdx-button,
 .mw-ui-button{
 background-color:#f8f9fa;
 color:#222222;
 display:inline-block;
 box-sizing:border-box;
 min-width:4em;
 max-width:28.75em;
 margin:0;
 padding:0.546875em1em;
 border-color:#a2a9b1;
 border-style:solid;
 border-width:1px;
 border-radius:2px;
 font-family:inherit;
 font-size:1em;
 font-weight:bold;
 line-height:1.286;
 text-align:center;
 vertical-align:middle;
 cursor:pointer;
 }
 .cdx-button:visited,
 .mw-ui-button:visited{
 color:#222222;
 }
 .cdx-button:hover,
 .mw-ui-button:hover{
 background-color:#ffffff;
 color:#444444;
 border-color:#a2a9b1;
 }
 .cdx-button:focus,
 .mw-ui-button:focus{
 background-color:#ffffff;
 color:#222222;
 border-color:#3366cc;
 box-shadow:inset0001px#3366cc,inset0002px#ffffff;
 outline-width:0;
 }
 .cdx-button:active,
 .mw-ui-button:active,
 .cdx-button.is-on,
 .mw-ui-button.is-on{
 background-color:#c8ccd1;
 color:#000000;
 border-color:#72777d;
 box-shadow:none;
 }
 .cdx-button:disabled,
 .mw-ui-button:disabled,
 .cdx-button.mw-ui-quiet.mw-ui-progressive,
 .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
 .cdx-button.mw-ui-quiet.mw-ui-destructive,
 .mw-ui-button.mw-ui-quiet.mw-ui-destructive{
 background-color:#c8ccd1;
 color:#ffffff;
 border-color:#c8ccd1;
 cursor:default;
 }
 .cdx-button:disabled:hover,
 .mw-ui-button:disabled:hover,
 .cdx-button.mw-ui-quiet.mw-ui-progressive:hover,
 .mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,
 .cdx-button.mw-ui-quiet.mw-ui-destructive:hover,
 .mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover,
 .cdx-button:disabled:active,
 .mw-ui-button:disabled:active,
 .cdx-button.mw-ui-quiet.mw-ui-progressive:active,
 .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,
 .cdx-button.mw-ui-quiet.mw-ui-destructive:active,
 .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active{
 background-color:#c8ccd1;
 color:#ffffff;
 box-shadow:none;
 border-color:#c8ccd1;
 }
 .cdx-button:not(:disabled),
 .mw-ui-button:not(:disabled){
 transition:background-color100ms,color100ms,border-color100ms,box-shadow100ms;
 }
 .cdx-button.mw-ui-quiet,
 .mw-ui-button.mw-ui-quiet{
 background-color:transparent;
 color:#222222;
 border-color:transparent;
 }
 .cdx-button.mw-ui-quiet:hover,
 .mw-ui-button.mw-ui-quiet:hover{
 background-color:transparent;
 color:#444444;
 border-color:transparent;
 box-shadow:none;
 }
 .cdx-button.mw-ui-quiet:active,
 .mw-ui-button.mw-ui-quiet:active{
 background-color:transparent;
 color:#000000;
 border-color:transparent;
 }
 .cdx-button.mw-ui-quiet:focus,
 .mw-ui-button.mw-ui-quiet:focus{
 background-color:transparent;
 color:#222222;
 border-color:transparent;
 box-shadow:none;
 }
 .cdx-button.mw-ui-quiet:disabled,
 .mw-ui-button.mw-ui-quiet:disabled{
 background-color:transparent;
 color:#c8ccd1;
 border-color:transparent;
 }
 .cdx-button[type=submit],
 .mw-ui-button[type=submit],
 .cdx-button.mw-ui-progressive,
 .mw-ui-button.mw-ui-progressive{
 background-color:var(--border-color-progressive,#3366cc);
 border:1pxsolidvar(--border-color-progressive,#3366cc);
 color:var(--color-inverted-fixed,#ffffff);
 }
 /* border-color: var(--border-color-progressive--hover,#447ff5); */
 .cdx-button[type=submit]:hover,
 .mw-ui-button[type=submit]:hover,
 .cdx-button.mw-ui-progressive:hover,
 .mw-ui-button.mw-ui-progressive:hover{
 border-color:#447ff5;
 color:var(--color-inverted-fixed,#ffffff);
 }
 .cdx-button[type=submit]:focus,
 .mw-ui-button[type=submit]:focus,
 .cdx-button.mw-ui-progressive:focus,
 .mw-ui-button.mw-ui-progressive:focus{
 box-shadow:inset0001px#3366cc,inset0002px#ffffff;
 }
 /* border-color: var(--border-color-progressive--active,#2a4b8d); */
 .cdx-button[type=submit]:active,
 .mw-ui-button[type=submit]:active,
 .cdx-button.mw-ui-progressive:active,
 .mw-ui-button.mw-ui-progressive:active,
 .cdx-button.mw-ui-progressive.is-on,
 .mw-ui-button.mw-ui-progressive.is-on{
 background-color:var(--background-color-progressive-subtle,#eaf3ff);
 border-color:#2a4b8d;
 box-shadow:none;
 }
 .cdx-button[type=submit]:disabled,
 .mw-ui-button[type=submit]:disabled,
 .cdx-button.mw-ui-progressive:disabled,
 .mw-ui-button.mw-ui-progressive:disabled{
 background-color:#c8ccd1;
 color:var(--color-inverted-fixed,#ffffff);
 border-color:#c8ccd1;
 }
 .cdx-button[type=submit]:disabled:hover,
 .mw-ui-button[type=submit]:disabled:hover,
 .cdx-button[type=submit]:disabled:active,
 .mw-ui-button[type=submit]:disabled:active,
 .cdx-button.mw-ui-progressive:disabled:hover,
 .mw-ui-button.mw-ui-progressive:disabled:hover,
 .cdx-button.mw-ui-progressive:disabled:active,
 .mw-ui-button.mw-ui-progressive:disabled:active{
 background-color:#c8ccd1;
 color:var(--color-inverted-fixed,#ffffff);
 border-color:#c8ccd1;
 box-shadow:none;
 }
 .cdx-button.mw-ui-progressive.mw-ui-quiet,
 .mw-ui-button.mw-ui-progressive.mw-ui-quiet{
 color:#3366cc;
 }
 .cdx-button.mw-ui-progressive.mw-ui-quiet:hover,
 .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover{
 background-color:transparent;
 color:#447ff5;
 }
 .cdx-button.mw-ui-progressive.mw-ui-quiet:active,
 .mw-ui-button.mw-ui-progressive.mw-ui-quiet:active{
 color:#2a4b8d;
 }
 .cdx-button.mw-ui-progressive.mw-ui-quiet:focus,
 .mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus{
 background-color:transparent;
 color:#3366cc;
 }
 .cdx-button.mw-ui-destructive,
 .mw-ui-button.mw-ui-destructive{
 background-color:#dd3333;
 color:var(--color-inverted-fixed,#ffffff);
 border:1pxsolid#dd3333;
 }
 .cdx-button.mw-ui-destructive:hover,
 .mw-ui-button.mw-ui-destructive:hover{
 background-color:#ff4242;
 border-color:#ff4242;
 }
 .cdx-button.mw-ui-destructive:focus,
 .mw-ui-button.mw-ui-destructive:focus{
 box-shadow:inset0001px#dd3333,inset0002px#ffffff;
 }
 .cdx-button.mw-ui-destructive:active,
 .mw-ui-button.mw-ui-destructive:active,
 .cdx-button.mw-ui-destructive.is-on,
 .mw-ui-button.mw-ui-destructive.is-on{
 background-color:#b32424;
 border-color:#b32424;
 box-shadow:none;
 }
 .cdx-button.mw-ui-destructive:disabled,
 .mw-ui-button.mw-ui-destructive:disabled{
 background-color:#c8ccd1;
 color:#fff;
 border-color:#c8ccd1;
 }
 .cdx-button.mw-ui-destructive:disabled:hover,
 .mw-ui-button.mw-ui-destructive:disabled:hover,
 .cdx-button.mw-ui-destructive:disabled:active,
 .mw-ui-button.mw-ui-destructive:disabled:active{
 background-color:#c8ccd1;
 color:#fff;
 border-color:#c8ccd1;
 box-shadow:none;
 }
 .cdx-button.mw-ui-destructive.mw-ui-quiet,
 .mw-ui-button.mw-ui-destructive.mw-ui-quiet{
 color:#dd3333;
 }
 .cdx-button.mw-ui-destructive.mw-ui-quiet:hover,
 .mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover{
 background-color:transparent;
 color:#ff4242;
 }
 .cdx-button.mw-ui-destructive.mw-ui-quiet:active,
 .mw-ui-button.mw-ui-destructive.mw-ui-quiet:active{
 color:#b32424;
 }
 .cdx-button.mw-ui-destructive.mw-ui-quiet:focus,
 .mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus{
 background-color:transparent;
 color:#dd3333;
 }
 .cdx-button.mw-ui-big,
 .mw-ui-button.mw-ui-big{
 font-size:1.3em;
 }
 .cdx-button.mw-ui-block,
 .mw-ui-button.mw-ui-block{
 display:block;
 width:100%;
 margin-left:auto;
 margin-right:auto;
 }
 a.cdx-button,
 a.mw-ui-button{
 text-decoration:none;
 }
 a.cdx-button:hover,
 a.mw-ui-button:hover,
 a.cdx-button:focus,
 a.mw-ui-button:focus{
 text-decoration:none;
 }
 .cdx-button-group>*,
 .mw-ui-button-group>*{
 min-width:48px;
 border-radius:0;
 float:left;
 }
 .cdx-button-group>*:first-child,
 .mw-ui-button-group>*:first-child{
 border-top-left-radius:2px;
 border-bottom-left-radius:2px;
 }
 .cdx-button-group>*:not(:first-child),
 .mw-ui-button-group>*:not(:first-child){
 border-left:0;
 }
 .cdx-button-group>*:last-child,
 .mw-ui-button-group>*:last-child{
 border-top-right-radius:2px;
 border-bottom-right-radius:2px;
 }
 .cdx-button-group.is-on.button,
 .mw-ui-button-group.is-on.button{
 cursor:default;
 }

 /* dewiki UNDO of 4ff48fbd6a8c 2021年03月01日 */
 .cdx-button,
 .mw-ui-button{
 min-height:1em;
 }

 /* dewiki UNDO Pixelschinderei */
 .cdx-button,
 .mw-ui-button{
 text-overflow:clip;
 }
Abgerufen von „https://de.wikipedia.org/w/index.php?title=Vorlage:MediaWiki-Button/styles.css&oldid=246570436"