vendor/assets/javascripts/webshims/shims/styles/shim.css in webshims-rails-1.10.3 vs vendor/assets/javascripts/webshims/shims/styles/shim.css in webshims-rails-1.10.6
- old
+ new
@@ -5,10 +5,40 @@
display: table;
clear: both;
content: ' ';
}
+.ws-important-hide {
+ display: none !important;
+ visibility: hidden !important;
+ position: absolute;
+ top: -999999px;
+}
+
+/*
+.webshims-debug-list {
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: 5px;
+ padding: 5px;
+ list-style: none;
+ background: #fff;
+ color: #930;
+ font-size: 16px;
+ font-weight: bold;
+ max-height: 200px;
+ z-index: 99999;
+ overflow-y: auto;
+
+ li {
+ border: 1px solid #c60;
+ margin: 2px 0;
+ padding: 5px;
+ }
+}*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio {
@@ -112,11 +142,10 @@
/* reset */
.ws-range,
.ws-range *,
.placeholder-box,
.placeholder-text,
-.input-datetime-local,
.input-buttons,
.input-buttons *,
.details-open-indicator,
.ws-input-seperator,
progress span.progress-value {
@@ -245,27 +274,42 @@
width: 19px;
border-radius: 3px;
cursor: pointer;
background: #ccc;
}
-
.ws-popover-opener span {
display: block;
position: absolute;
top: 50%;
left: 50%;
- width: 13px;
- height: 13px;
- margin: -6.5px 0 0 -6.5px;
- background: url(forms.png) no-repeat -322px -2px;
+ 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;
+}
+.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;
+}
+input[type="color"] {
+ width: 6.5em;
+}
+
.polyfill-important .input-buttons {
display: inline-block !important;
padding: 0 !important;
vertical-align: middle !important;
}
+.input-buttons.color-input-buttons {
+ margin-left: 2px;
+}
.input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons {
margin-left: -24px;
}
.input-buttons.input-button-size-2 {
margin-left: -39px;
@@ -385,11 +429,11 @@
zoom: 1;
border: none;
height: 19px;
width: 155px;
border-radius: 1px;
- background: url(forms.png) 0 -40px no-repeat;
+ background: url(range-track.png) 0 center no-repeat;
cursor: pointer;
font-size: 0;
line-height: 0;
}
.polyfill-important .ws-range {
@@ -404,34 +448,34 @@
z-index: 4;
overflow: hidden;
margin: -2px 0 0 -6px;
height: 22px;
width: 11px;
- background: url(forms.png) -3px 0 no-repeat;
+ background: url(forms.png) -3px 1px no-repeat;
cursor: pointer;
outline: none;
font-size: 0;
line-height: 0;
}
.ws-range .ws-range-thumb:hover {
- background-position: -20px 0;
+ background-position: -20px 1px;
}
.ws-range.ws-focus .ws-range-thumb {
- background-position: -20px 0;
+ background-position: -20px 1px;
}
.ws-range.ws-active .ws-range-thumb {
- background-position: -37px 0;
+ background-position: -37px 1px;
}
.ws-range[aria-disabled="true"], .ws-range[aria-readonly="true"] {
cursor: default;
opacity: 0.95;
}
.ws-range[aria-disabled="true"] .ws-range-thumb, .ws-range[aria-readonly="true"] .ws-range-thumb {
cursor: default;
}
.ws-range[aria-disabled="true"] .ws-range-thumb {
- background-position: -54px 0;
+ background-position: -54px 1px;
}
.ws-range .ws-range-rail {
position: absolute;
display: block;
top: 0;
@@ -441,30 +485,34 @@
margin: 0;
zoom: 1;
}
.ws-range .ws-range-min {
position: absolute !important;
- display: block !important;
+ display: block;
padding: 0 !important;
- top: 7px;
+ top: 0;
height: 1px;
left: 0;
z-index: 1;
overflow: hidden;
background: #b6e2fb;
}
.ws-range .ws-range-ticks {
+ overflow: hidden;
position: absolute;
bottom: 0px;
left: 0;
height: 4px;
width: 1px;
margin: 0 0 0 -1.5px;
+ font-size: 0;
+ line-height: 0;
+ text-indent: -999px;
background: #ccc;
}
.ws-range.vertical-range {
- background: url(vertical-range.png) -30px bottom no-repeat;
+ background: url(vertical-range.png) center bottom no-repeat;
width: 20px;
}
.ws-range.vertical-range .ws-range-thumb {
top: 0;
left: 3px;
@@ -484,11 +532,11 @@
background-position: 0 0;
}
.ws-range.vertical-range .ws-range-min {
top: auto;
bottom: 1px;
- left: 11px;
+ left: 0;
width: 1px;
height: 0;
}
.ws-range.vertical-range .ws-range-rail {
top: 5px;
@@ -518,10 +566,13 @@
margin: 0 0 0 -6px;
z-index: 1000;
min-width: 90px;
transition: visibility 400ms ease-in-out;
}
+.no-csstransitions .ws-popover, .no-opacity .ws-popover {
+ display: none;
+}
.ws-popover button {
display: inline-block;
overflow: visible;
position: relative;
margin: 0;
@@ -544,10 +595,11 @@
cursor: default;
color: #888;
}
.ws-popover.ws-po-visible {
visibility: visible;
+ display: block;
}
.ws-po-outerbox {
position: relative;
opacity: 0;
@@ -635,10 +687,13 @@
width: 538px;
}
.input-picker.ws-size-3 {
width: 796px;
}
+.input-picker.color-popover {
+ width: 590px;
+}
.input-picker abbr[title] {
cursor: help;
}
.input-picker li,
.input-picker button {
@@ -876,10 +931,12 @@
white-space: nowrap;
cursor: default;
zoom: 1;
overflow: hidden;
text-overflow: ellipsis;
+ background-color: #fff;
+ transition: background-color 400ms;
}
.datalist-polyfill mark {
font-weight: normal;
font-style: normal;
}
@@ -887,10 +944,11 @@
display: inline-block;
text-overflow: ellipsis;
max-width: 100%;
color: #000;
float: left;
+ transition: color 400ms;
}
.datalist-polyfill .option-label {
display: none;
max-width: 100%;
float: right;
@@ -899,10 +957,11 @@
text-overflow: ellipsis;
vertical-align: bottom;
margin-top: 0.15em;
margin-left: 10px;
text-align: right;
+ transition: color 400ms;
}
.datalist-polyfill .has-option-label .option-label {
display: inline-block;
}
.datalist-polyfill .hidden-item {
@@ -921,9 +980,24 @@
.validity-alert {
display: inline-block;
font: 12px/140% sans-serif;
z-index: 1000000000;
+}
+
+.ws-errorbox {
+ display: none;
+ border: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ position: relative;
+}
+.ws-errorbox p {
+ margin: 2px 0 3px;
+ padding: 0;
+ color: #933;
+ font: 90%/120% sans-serif;
}
progress {
position: relative;
display: inline-block;