User:Kiteretsu/mw-ui-button.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.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
}