shim.css in webshims-rails-1.10.10

- old
+ new

@@ -620,18 +620,28 @@
   padding: 11px 0 4px;
   -webkit-transform: translate(0, -100%);
   transform: translate(0, -100%);
   transition: all 400ms ease-in-out;
 }
+[data-vertical="bottom"] .ws-po-outerbox {
+  -webkit-transform: translate(0, 100%);
+  transform: translate(0, 100%);
+  padding: 4px 0 11px;
+}
+[data-vertical="middle"] .ws-po-outerbox {
+  -webkit-transform: translate(0, 0) scale(0);
+  transform: translate(0, 0) scale(0);
+  padding: 4px 0;
+}
 .ws-popover.ws-po-visible .ws-po-outerbox {
   opacity: 1;
-  -webkit-transform: translate(0, 0);
-  transform: translate(0, 0);
+  -webkit-transform: translate(0, 0) scale(1);
+  transform: translate(0, 0) scale(1);
 }
 
 .ws-po-box {
-  border: 1px solid #ccc;
+  border: 1px solid #cccccc;
   background: #fefefe;
   padding: 5px;
   box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
 
@@ -642,15 +652,29 @@
   display: block;
   width: 0;
   height: 0;
   border-left: 9px solid transparent;
   border-right: 9px solid transparent;
-  border-bottom: 7px solid #ccc;
+  border-bottom: 7px solid #cccccc;
   border-top: none;
   zoom: 1;
   font-size: 0;
 }
+[data-horizontal="center"] .ws-po-arrow {
+  left: 50%;
+  margin-left: -5px;
+}
+[data-horizontal="right"] .ws-po-arrow {
+  left: auto;
+  right: 20px;
+}
+[data-vertical="bottom"] .ws-po-arrow {
+  top: auto;
+  bottom: 4px;
+  border-bottom: none;
+  border-top: 7px solid #cccccc;
+}
 html .ws-po-arrow {
   border-left-color: transparent;
   border-right-color: transparent;
 }
 html .ws-po-arrow .ws-po-arrowbox {
@@ -663,11 +687,11 @@
 }
 .polyfill-important .ws-po-arrow .ws-po-arrowbox {
   border-left-color: transparent !important;
   border-right-color: transparent !important;
 }
-* html .ws-po-arrow {
+[data-vertical="middle"] .ws-po-arrow, * html .ws-po-arrow {
   display: none;
 }
 .ws-po-arrow .ws-po-arrowbox {
   position: relative;
   top: 1px;
@@ -679,10 +703,15 @@
   border-right: 9px solid transparent;
   border-bottom: 7px solid #fefefe;
   border-top: none;
   z-index: 999999999;
 }
+[data-vertical="bottom"] .ws-po-arrow .ws-po-arrowbox {
+  top: -9px;
+  border-bottom: none;
+  border-top: 7px solid #fefefe;
+}
 
 .input-picker .ws-prev,
 .input-picker .ws-next, .input-picker .ws-button-row button {
   border-radius: 4px;
   background: #ccc;
@@ -716,11 +745,11 @@
   color: #000;
   transition: all 400ms;
 }
 .input-picker .ws-focus,
 .input-picker :focus {
-  outline: 1px dotted #000;
+  outline: 1px dotted black;
 }
 .input-picker .ws-po-box {
   position: relative;
   padding: 10px 20px 15px;
   border-radius: 5px;
@@ -728,11 +757,11 @@
 }
 .input-picker .ws-prev,
 .input-picker .ws-next {
   position: absolute;
   top: 10px;
-  border: 1px solid #ccc;
+  border: 1px solid #cccccc;
   border-radius: 5px;
   padding: 0;
   width: 24px;
   height: 24px;
   background: #eeeeee url(forms.png) no-repeat 0 0;
@@ -766,19 +795,19 @@
   border-color: #eee;
 }
 .input-picker .ws-button-row {
   position: relative;
   margin: 10px 0 0;
-  border-top: 1px solid #eee;
+  border-top: 1px solid #eeeeee;
   padding: 10px 0 0;
   text-align: left;
   z-index: 2;
 }
 .input-picker .ws-button-row button {
-  border: 1px solid #ccc;
+  border: 1px solid #cccccc;
   border-radius: 5px;
-  box-shadow: 1px 1px 0 #fff;
+  box-shadow: 1px 1px 0 white;
   background-color: #ddd;
   background-image: -webkit-linear-gradient(top, #ececec 0%, #dddddd 100%);
   background-image: linear-gradient(to bottom, #ececec 0%, #dddddd 100%);
   transition: border-color 200ms linear;
   float: left;
@@ -878,11 +907,11 @@
 .input-picker .picker-list th, .input-picker .picker-list td {
   width: 14.2856%;
 }
 .input-picker .ws-options {
   margin: 10px 0 0;
-  border-top: 1px solid #eee;
+  border-top: 1px solid #eeeeee;
   padding: 10px 0 0;
   text-align: left;
 }
 .input-picker .ws-options h5 {
   margin: 0 0 5px;
@@ -1020,11 +1049,11 @@
   width: 160px;
   height: 16px;
 }
 progress[data-position] {
   vertical-align: -0.2em;
-  border: 1px solid #ccc;
+  border: 1px solid #cccccc;
   background: #e6e6e6;
 }
 progress > * {
   display: none !important;
 }
@@ -1099,8 +1128,8 @@
 .polyfill-important .closed-details-summary .details-open-indicator {
   background-position: 0 -20px !important;
 }
 
 summary.summary-has-focus {
-  outline: 1px dotted #aaa;
+  outline: 1px dotted #aaaaaa;
   outline-offset: -1px;
 }