about.css
1 year ago
admin-form.css
1 year ago
fields.css
1 day ago
form-preview.css
1 year ago
lite-vs-pro.css
1 year ago
logs.css
1 year ago
number-spinner.css
1 year ago
order.css
1 year ago
polylang.css
1 year ago
post-editor.css
1 year ago
selectize.default.css
1 year ago
uninstall.css
1 year ago
views.css
1 month ago
wpml.css
1 year ago
number-spinner.css
99 lines
| 1 | /** |
| 2 | * Number spinner |
| 3 | */ |
| 4 | .number-style { |
| 5 | display: inline-block; |
| 6 | margin-right: 10px; |
| 7 | /** |
| 8 | * Disable text selection on buttons. Seems to help jittery pointers. |
| 9 | */ |
| 10 | } |
| 11 | .number-style input { |
| 12 | margin: 0 5px; |
| 13 | font-family: Consolas, Monaco, monospace; |
| 14 | text-align: center; |
| 15 | width: 4em; |
| 16 | } |
| 17 | .number-style > span { |
| 18 | cursor: pointer; |
| 19 | } |
| 20 | .number-style > span.number-minus, .number-style > span.number-plus { |
| 21 | height: 24px; |
| 22 | width: 24px; |
| 23 | display: inline-block; |
| 24 | text-align: center; |
| 25 | vertical-align: top; |
| 26 | border-radius: 3px; |
| 27 | background: #0085ba; |
| 28 | border-width: 1px; |
| 29 | border-style: solid; |
| 30 | border-color: #0073aa #006799 #006799; |
| 31 | -webkit-box-shadow: 0 1px 0 #006799; |
| 32 | box-shadow: 0 1px 0 #006799; |
| 33 | text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; |
| 34 | color: #FFF; |
| 35 | } |
| 36 | .number-style > span.number-minus:hover, .number-style > span.number-plus:hover { |
| 37 | background: #008ec2; |
| 38 | } |
| 39 | .number-style > span.number-minus:active, .number-style > span.number-plus:active { |
| 40 | background: #0073aa; |
| 41 | border-color: #006799; |
| 42 | -webkit-box-shadow: inset 0 2px 0 #006799; |
| 43 | box-shadow: inset 0 2px 0 #006799; |
| 44 | -webkit-transform: translateY(1px); |
| 45 | -ms-transform: translateY(1px); |
| 46 | transform: translateY(1px); |
| 47 | outline: none; |
| 48 | } |
| 49 | .number-style > span.number-minus.disabled, .number-style > span.number-plus.disabled { |
| 50 | background: #AAA; |
| 51 | border-color: #999 #777 #777; |
| 52 | -webkit-box-shadow: 0 1px 0 #777; |
| 53 | box-shadow: 0 1px 0 #777; |
| 54 | text-shadow: 0 -1px 1px #777, 1px 0 1px #777, 0 1px 1px #777, -1px 0 1px #777; |
| 55 | } |
| 56 | .number-style > span.number-minus::after, .number-style > span.number-plus::after { |
| 57 | font-family: dashicons; |
| 58 | font-size: 24px; |
| 59 | line-height: 24px; |
| 60 | height: 24px; |
| 61 | width: 24px; |
| 62 | display: inline-block; |
| 63 | color: #FFF; |
| 64 | text-align: center; |
| 65 | position: relative; |
| 66 | left: -1px; |
| 67 | } |
| 68 | .number-style > span.number-minus::after { |
| 69 | content: "\f140"; |
| 70 | } |
| 71 | .number-style > span.number-plus::after { |
| 72 | content: "\f142"; |
| 73 | } |
| 74 | .number-style input[type='number'] { |
| 75 | -moz-appearance: textfield; |
| 76 | } |
| 77 | .number-style input::-webkit-outer-spin-button, |
| 78 | .number-style input::-webkit-inner-spin-button { |
| 79 | -webkit-appearance: none; |
| 80 | } |
| 81 | .number-style .number-minus, |
| 82 | .number-style .number-plus, |
| 83 | .number-style .number-minus::after, |
| 84 | .number-style .number-plus::after { |
| 85 | -webkit-touch-callout: none; |
| 86 | /* iOS Safari */ |
| 87 | -webkit-user-select: none; |
| 88 | /* Safari */ |
| 89 | -khtml-user-select: none; |
| 90 | /* Konqueror HTML */ |
| 91 | -moz-user-select: none; |
| 92 | /* Firefox */ |
| 93 | -ms-user-select: none; |
| 94 | /* Internet Explorer/Edge */ |
| 95 | user-select: none; |
| 96 | /* Non-prefixed version, currently |
| 97 | supported by Chrome and Opera */ |
| 98 | } |
| 99 |