Current Path : /var/www/html/birthday/wp-content/plugins/strong-testimonials/admin/css/ |
Current File : /var/www/html/birthday/wp-content/plugins/strong-testimonials/admin/css/number-spinner.css |
/** * Number spinner */ .number-style { display: inline-block; margin-right: 10px; /** * Disable text selection on buttons. Seems to help jittery pointers. */ } .number-style input { margin: 0 5px; font-family: Consolas, Monaco, monospace; text-align: center; width: 4em; } .number-style > span { cursor: pointer; } .number-style > span.number-minus, .number-style > span.number-plus { height: 24px; width: 24px; display: inline-block; text-align: center; vertical-align: top; border-radius: 3px; background: #0085ba; border-width: 1px; border-style: solid; border-color: #0073aa #006799 #006799; -webkit-box-shadow: 0 1px 0 #006799; box-shadow: 0 1px 0 #006799; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; color: #FFF; } .number-style > span.number-minus:hover, .number-style > span.number-plus:hover { background: #008ec2; } .number-style > span.number-minus:active, .number-style > span.number-plus:active { background: #0073aa; border-color: #006799; -webkit-box-shadow: inset 0 2px 0 #006799; box-shadow: inset 0 2px 0 #006799; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); outline: none; } .number-style > span.number-minus.disabled, .number-style > span.number-plus.disabled { background: #AAA; border-color: #999 #777 #777; -webkit-box-shadow: 0 1px 0 #777; box-shadow: 0 1px 0 #777; text-shadow: 0 -1px 1px #777, 1px 0 1px #777, 0 1px 1px #777, -1px 0 1px #777; } .number-style > span.number-minus::after, .number-style > span.number-plus::after { font-family: dashicons; font-size: 24px; line-height: 24px; height: 24px; width: 24px; display: inline-block; color: #FFF; text-align: center; position: relative; left: -1px; } .number-style > span.number-minus::after { content: "\f140"; } .number-style > span.number-plus::after { content: "\f142"; } .number-style input[type='number'] { -moz-appearance: textfield; } .number-style input::-webkit-outer-spin-button, .number-style input::-webkit-inner-spin-button { -webkit-appearance: none; } .number-style .number-minus, .number-style .number-plus, .number-style .number-minus::after, .number-style .number-plus::after { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }