User:Enterprisey/mw-ui-button.css

/* Used in at least User:Enterprisey/cv-revdel.js */ .mw-ui-button { font-family:inherit; font-size:1em; min-width:4em; max-width:28.75em; padding:0.546875em 1em; line-height:1.286; margin:0; border-radius:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; *display:inline; zoom:1; vertical-align:middle; background-color:#f8f9fa; color:#222222; border:1px solid #a2a9b1; text-align:center; font-weight:bold; cursor:pointer } .mw-ui-button:visited { color:#222222 } .mw-ui-button:hover { background-color:#ffffff; color:#444444; border-color:#a2a9b1 } .mw-ui-button:focus { background-color:#ffffff; color:#222222; border-color:#3366cc; box-shadow:inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff } .mw-ui-button:active,.mw-ui-button.is-on,.mw-ui-button.mw-ui-checked { background-color:#d9d9d9; color:#000000; border-color:#72777d; box-shadow:none } .mw-ui-button:disabled { background-color:#c8ccd1; color:#fff; border-color:#c8ccd1 } .mw-ui-button:disabled:hover,.mw-ui-button:disabled:active { background-color:#c8ccd1; color:#fff; box-shadow:none; border-color:#c8ccd1 } .mw-ui-button:focus { outline-width:0 } .mw-ui-button:focus::-moz-focus-inner { border-color:transparent; padding:0 } .mw-ui-button:not( :disabled ) { -webkit-transition:background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; -moz-transition:background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; transition:background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms } .mw-ui-button:disabled { text-shadow:none; cursor:default } .mw-ui-button.mw-ui-big { font-size:1.3em } .mw-ui-button.mw-ui-block { display:block; width:100%; margin-left:auto; margin-right:auto } .mw-ui-button.mw-ui-progressive { background-color:#3366cc; color:#fff; border:1px solid #3366cc; text-shadow:0 1px rgba(0,0,0,0.1) } .mw-ui-button.mw-ui-progressive:hover { background-color:#447ff5; border-color:#447ff5 } .mw-ui-button.mw-ui-progressive:focus { box-shadow:inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff } .mw-ui-button.mw-ui-progressive:active,.mw-ui-button.mw-ui-progressive.is-on,.mw-ui-button.mw-ui-progressive.mw-ui-checked { background-color:#2a4b8d; border-color:#2a4b8d; box-shadow:none } .mw-ui-button.mw-ui-progressive:disabled { background-color:#c8ccd1; color:#fff; border-color:#c8ccd1 } .mw-ui-button.mw-ui-progressive:disabled:hover,.mw-ui-button.mw-ui-progressive:disabled:active,.mw-ui-button.mw-ui-progressive:disabled.mw-ui-checked { background-color:#c8ccd1; color:#fff; border-color:#c8ccd1; box-shadow:none } .mw-ui-button.mw-ui-progressive.mw-ui-quiet { color:#222222 } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover { background-color:transparent; color:#447ff5 } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:active,.mw-ui-button.mw-ui-progressive.mw-ui-quiet.mw-ui-checked { color:#2a4b8d } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus { background-color:transparent; color:#3366cc } .mw-ui-button.mw-ui-progressive.mw-ui-quiet:disabled { color:#c8ccd1 } .mw-ui-button.mw-ui-destructive { background-color:#dd3333; color:#fff; border:1px solid #dd3333; text-shadow:0 1px rgba(0,0,0,0.1) } .mw-ui-button.mw-ui-destructive:hover { background-color:#ff4242; border-color:#ff4242 } .mw-ui-button.mw-ui-destructive:focus { box-shadow:inset 0 0 0 1px #dd3333,inset 0 0 0 2px #ffffff } .mw-ui-button.mw-ui-destructive:active,.mw-ui-button.mw-ui-destructive.is-on,.mw-ui-button.mw-ui-destructive.mw-ui-checked { background-color:#b32424; border-color:#b32424; box-shadow:none } .mw-ui-button.mw-ui-destructive:disabled { background-color:#c8ccd1; color:#fff; border-color:#c8ccd1 } .mw-ui-button.mw-ui-destructive:disabled:hover,.mw-ui-button.mw-ui-destructive:disabled:active,.mw-ui-button.mw-ui-destructive:disabled.mw-ui-checked { background-color:#c8ccd1; color:#fff; border-color:#c8ccd1; box-shadow:none } .mw-ui-button.mw-ui-destructive.mw-ui-quiet { color:#222222 } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover { background-color:transparent; color:#ff4242 } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:active,.mw-ui-button.mw-ui-destructive.mw-ui-quiet.mw-ui-checked { color:#b32424 } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus { background-color:transparent; color:#dd3333 } .mw-ui-button.mw-ui-destructive.mw-ui-quiet:disabled { color:#c8ccd1 } .mw-ui-button.mw-ui-quiet { background:transparent; border:0; text-shadow:none; color:#222222 } .mw-ui-button.mw-ui-quiet:hover { background-color:transparent; color:#444444 } .mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-checked { color:#000000 } .mw-ui-button.mw-ui-quiet:focus { background-color:transparent; color:#222222 } .mw-ui-button.mw-ui-quiet:disabled { color:#c8ccd1 } .mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet:focus { box-shadow:none } .mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet:disabled { background:transparent } input.mw-ui-button::-moz-focus-inner,button.mw-ui-button::-moz-focus-inner { margin-top:-1px; margin-bottom:-1px } a.mw-ui-button { text-decoration:none } a.mw-ui-button:hover,a.mw-ui-button:focus { text-decoration:none } .mw-ui-button-group > * { min-width:48px; border-radius:0; float:left } .mw-ui-button-group > *:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px } .mw-ui-button-group > *:not( :first-child ) { border-left:0 } .mw-ui-button-group > *:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px } .mw-ui-button-group .is-on .button { cursor:default }