User:Kiteretsu/mw-ui-button.css

From Test Wiki
Revision as of 07:12, 1 June 2024 by Kiteretsu (talk | contribs) (+)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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
}