shim.scss in webshims-rails-1.14.3

- old
+ new

@@ -61,19 +61,10 @@
 
 audio[controls] {
 	width: 300px;
 }
 
-video > *,
-audio > * {
-	visibility: hidden;
-
-	.no-swf & {
-		visibility: inherit;
-	}
-}
-
 .polyfill-mediaelement > iframe {
 	border: 0;
 	padding: 0;
 	margin: 0;
 	width: 100%;
@@ -137,11 +128,11 @@
 
 	span.cue {
 		display: inline-block;
 		padding: 3px 5px;
 		background: #000;
-		background: rgba(0, 0, 0, 0.8);
+		background: rgba(0, 0, 0, 0.7);
 		color: #fff;
 	}
 
 	.description-cues {
 		position: absolute;
@@ -160,18 +151,13 @@
 	font-style: italic;
 	font-weight: bold;
 }
 
 /* reset */
-.ws-range,
-.ws-range *,
 .placeholder-box,
 .placeholder-text,
-.input-buttons,
-.input-buttons *,
 .details-open-indicator,
-.ws-input-seperator,
 progress span.progress-value {
 	margin: 0;
 	padding: 0;
 	border: none;
 	width: auto;
@@ -189,13 +175,10 @@
 	width: 0 !important;
 	height: 0 !important;
 	overflow: hidden !important;
 }
 
-.webshims-visual-hide * {
-	visibility: hidden !important;
-}
 
 /* placeholder */
 .placeholder-box {
 	position: relative;
 	display: inline-block;
@@ -244,12 +227,10 @@
 
 /*
  * popovers
  */
 .ws-popover {
-	@extend %contentbox;
-	
 	font-size: 13px;
 	display: block;
 	visibility: hidden;
 	overflow: hidden;
 	position: absolute;
@@ -268,11 +249,14 @@
 	backface-visibility: hidden;
 	transition: visibility 400ms ease-in-out;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	direction: ltr;
 	-webkit-tap-highlight-color: transparent;
-	
+
+	&.ws-popover-constrained-width {
+		box-sizing: content-box;
+	}
 	&.ws-is-rtl {
 		direction: rtl;
 		margin: 0 0 0 em(12);
 	}
 	
@@ -284,10 +268,16 @@
 		visibility: visible;
 		display: block;
 	}
 }
 
+.ws-popinline {
+	position: relative;
+	visibility: visible;
+	display: none;
+}
+
 .ws-po-outerbox {
 	position: relative;
 	opacity: 0;
 	padding: em(11) 0 em(9);
 	-webkit-transform: translate(0, -100%);
@@ -316,13 +306,12 @@
 }
 
 .ws-po-box {
 	border: em(1) solid #ccc;
 	background: #fff;
+	color: #000;
 	padding: em(5) em(5) em(3);
-	border-radius: em(3);
-	box-shadow: 0 em(1) em(5) rgba(0, 0, 0, 0.25);
 	
 	
 	button {
 		@extend %wsbuttonReset
 	}
@@ -416,11 +405,11 @@
 input[data-wslist]::-webkit-calendar-picker-indicator {
 	display: none;
 }
 
 .datalist-polyfill {
-	position: absolute !important;
+	position: absolute;
 	
 	.ws-po-box {
 		padding: em(5) 0;
 	}
 
@@ -560,23 +549,16 @@
 	height: 20px;
 	overflow: hidden;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	vertical-align: -0.2em;
-	
-	> * {
-		display: none !important;
-	}
-	
-	&[data-position],
+
 	&.ws-style {
 	
 		@include progress {
 			border: 1px solid #ddd;
 			background: #f0f0f0;
-			box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
-			border-radius: 4px;
 		}
 		
 		> span.progress-value {
 			left: 0;
 		}
@@ -589,11 +571,10 @@
 		@include progressbar {
 			position: absolute;
 			top: 0;
 			bottom: 0;
 			height: 100%;
-			box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset;
 			background: #0063a6 url(progress.png);
 			border: 0;
 		}
 		
 		@include indeterminate-progressbar {
@@ -643,10 +624,9 @@
 	position: relative;
 	zoom: 1;
 
 	> button,
 	> input {
-		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 		cursor: pointer;
 	}
 
 	> button {