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; }