User:Kiteretsu/mw-ui-input.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-input{
background-color:#fff;
color:#000000;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
border:1px solid #a2a9b1;
border-radius:2px;
padding:0.57142857em 0.57142857em 0.5em;
box-shadow:inset 0 0 0 0.1em #fff;
font-family:inherit;
font-size:inherit;
line-height:1.07142857em;
vertical-align:middle
}
.mw-ui-input::-webkit-input-placeholder{
color:#72777d;
opacity:1
}
.mw-ui-input:-ms-input-placeholder{
color:#72777d;
opacity:1
}
.mw-ui-input::-moz-placeholder{
color:#72777d;
opacity:1
}
.mw-ui-input:-moz-placeholder{
color:#72777d;
opacity:1
}
.mw-ui-input::placeholder{
color:#72777d;
opacity:1
}
.mw-ui-input:invalid{
box-shadow:none
}
.mw-ui-input:hover{
border-color:#72777d
}
.mw-ui-input:focus{
border-color:#3366cc;
box-shadow:inset 0 0 0 1px #3366cc;
outline:0
}
.mw-ui-input:not(:disabled){
-webkit-transition:color 100ms,border-color 100ms,box-shadow 100ms;
-moz-transition:color 100ms,border-color 100ms,box-shadow 100ms;
transition:color 100ms,border-color 100ms,box-shadow 100ms
}
.mw-ui-input:disabled{
border-color:#eaecf0;
color:#c8ccd1
}
.mw-ui-input[type='search']{
-webkit-appearance:textfield
}
.mw-ui-input[type='search']::-ms-clear{
display:none
}
.mw-ui-input[type='search']::-webkit-search-cancel-button,.mw-ui-input[type='search']::-webkit-search-decoration{
-webkit-appearance:none
}
textarea.mw-ui-input{
min-height:8em
}
.mw-ui-input-inline{
display:inline-block;
width:auto;
max-width:100%
}
.mw-ui-input-large{
margin-top:0;
margin-bottom:0
}
.mw-ui-input-large + .mw-ui-input-large{
margin-top:-1px
}
.mw-ui-input-large:focus{
position:relative
}
input.mw-ui-input-large{
font-size:1.75em;
font-weight:bold;
line-height:1.25em;
padding:0.3673em 0.3265em 0.3265em
}