vendor/assets/javascripts/webshims/shims/styles/forms-ext.css in webshims-rails-1.12.7 vs vendor/assets/javascripts/webshims/shims/styles/forms-ext.css in webshims-rails-1.13.0
- old
+ new
@@ -117,10 +117,37 @@
.ws-active.show-activelabeltooltip span.ws-range-thumb > span span:before,
.show-activelabeltooltip .ws-range.ws-active span.ws-range-thumb > span span:before {
content: attr(data-valuetext) !important;
visibility: visible !important; }
+@font-face {
+ font-family: 'widget';
+ src: url("fonts/widget.eot"); }
+@font-face {
+ font-family: 'widget';
+ src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url("widget.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal; }
+.ws-popover-opener span, .time-input-buttons .ws-popover-opener span {
+ font-family: 'widget';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ zoom: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.ws-popover-opener span:before {
+ content: "\f073"; }
+
+.time-input-buttons .ws-popover-opener span:before {
+ content: "\f017"; }
+
/* spinner control for time, number (usable for date, datetime-local) */
.has-input-buttons,
html > body input.ws-inputreplace.has-input-buttons,
span.has-input-buttons {
display: inline-block;
@@ -137,11 +164,11 @@
.ws-popover-opener {
zoom: 1;
overflow: hidden;
display: inline-block;
vertical-align: middle;
- margin-left: -20px; }
+ margin-left: -18.5px; }
.step-controls,
.ws-popover-opener {
position: relative;
float: left;
@@ -158,26 +185,29 @@
overflow: visible;
margin: 0 0 0 2px;
width: 19px;
border-radius: 3px;
cursor: pointer;
- background: #ccc; }
+ background: #ccc;
+ font-size: 13px;
+ text-align: center; }
.ws-is-rtl .ws-popover-opener {
margin: 0 2px 0 0; }
.ws-popover-opener span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
- margin: -8px 0 0 -8px;
- background: url(forms.png) no-repeat -321px -1px; }
- .color-input-buttons .ws-popover-opener span {
- background-position: -348px 0; }
+ margin: -8px 0 0 -8px; }
.time-input-buttons .ws-popover-opener span {
- background-position: -377px 1px; }
+ margin: -7.5px 0 0 -7.5px; }
+ .color-input-buttons .ws-popover-opener span {
+ background: url(color-picker.png) no-repeat 0 0; }
+ .color-input-buttons .ws-popover-opener span:before {
+ content: ""; }
.ws-popover-opener span.ws-color-indicator-bg {
background: url(../jpicker/images/preview-opacity.png) no-repeat 0; }
.ws-popover-opener span.ws-color-indicator {
background: none; }
@@ -202,41 +232,63 @@
.input-button-size-2 {
margin-left: -39px; }
.input-button-size-2.ws-is-rtl {
margin-left: 0;
margin-right: -39px; }
+ .input-button-size-2 .step-controls {
+ visibility: hidden;
+ opacity: 0; }
+ :focus + .input-button-size-2 .step-controls, :hover + .input-button-size-2 .step-controls, :active + .input-button-size-2 .step-controls, .input-button-size-2:hover .step-controls {
+ opacity: 1;
+ visibility: visible; }
-.step-controls span {
- position: absolute;
- left: 0;
- display: inline-block;
- overflow: hidden;
- margin: 0 !important;
- padding: 0 !important;
- width: 15px;
- height: 9px;
- cursor: pointer;
- font-size: 0;
- line-height: 0;
- background: url(forms.png) no-repeat 0 0; }
- .step-controls span.step-up {
- top: 0;
- background-position: -80px 0; }
- .step-controls span.step-up:hover {
- background-position: -105px 0; }
- .step-controls span.step-up.mousepress-ui {
- background-position: -105px -20px; }
- .ws-disabled .step-controls span.step-up {
- background-position: -130px 0; }
- .step-controls span.step-down {
- bottom: 0;
- background-position: -155px 0; }
- .step-controls span.step-down:hover {
- background-position: -180px 0; }
- .step-controls span.step-down.mousepress-ui {
- background-position: -180px -20px; }
- .ws-disabled .step-controls span.step-down {
- background-position: -205px 0; }
+.step-controls {
+ transition: all 300ms; }
+ .step-controls span {
+ position: absolute;
+ left: 0;
+ display: inline-block;
+ overflow: hidden;
+ margin: 0 !important;
+ padding: 0 !important;
+ width: 15px;
+ height: 9px;
+ cursor: pointer;
+ font-size: 0;
+ line-height: 0;
+ text-align: center;
+ transition: border-color 300ms, background-color 300ms; }
+ .step-controls span.step-down {
+ bottom: 0; }
+ .step-controls span:before {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ content: "";
+ display: inline-block;
+ width: 0px;
+ height: 0px;
+ border-style: solid;
+ margin: -2px 0 0 -4px;
+ transition: border-color 300ms, background-color 300ms; }
+ .step-controls span.step-up:before {
+ border-width: 0 4px 4px;
+ border-color: transparent transparent #999 transparent; }
+ .step-controls span.step-up:hover:before {
+ border-color: transparent transparent #666 transparent; }
+ .step-controls span.step-up.mousepress-ui:before {
+ border-color: transparent transparent #000 transparent; }
+ .ws-disabled .step-controls span.step-up:before {
+ border-color: transparent transparent #aaa transparent; }
+ .step-controls span.step-down:before {
+ border-width: 4px 4px 0;
+ border-color: #999 transparent transparent transparent; }
+ .step-controls span.step-down:hover:before {
+ border-color: #666 transparent transparent transparent; }
+ .step-controls span.step-down.mousepress-ui:before {
+ border-color: #000 transparent transparent transparent; }
+ .ws-disabled .step-controls span.step-down:before {
+ border-color: #aaa transparent transparent transparent; }
/* helper classes to hide show/hide specific btn features features */
.ws-input {
letter-spacing: -0.31em;
word-spacing: -0.43em; }