video, pallet fix

Author: pytkin

css/flat-ui.css

@@ -2808,6 +2808,9 @@ textarea[class*="span"] {
 .palette-asbestos {
   background-color: #7f8c8d;
 }
+.palette-clouds {
+  color: #bdc3c7;
+}
 .palette-paragraph {
   color: #7f8c8d;
   font-size: 12px;
@@ -3026,7 +3029,7 @@ footer p {
   padding-top: 1px;
 }
 .video-js {
-  background-color: #34495e;
+  background-color: transparent;
   margin-top: -95px;
   position: relative;
   padding: 0;
@@ -3035,6 +3038,10 @@ footer p {
   -webkit-border-radius: 6px 6px 0 0;
   -moz-border-radius: 6px 6px 0 0;
   border-radius: 6px 6px 0 0;
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility: hidden;
+  -ms-backface-visibility: hidden;
+  backface-visibility: hidden;
 }
 .video-js .vjs-tech {
   position: absolute;

less/modules/palette.less

@@ -35,6 +35,10 @@
 .calc-color(~"clouds", ~"silver");
 .calc-color(~"concrete", ~"asbestos");
 
+.palette-clouds {
+  color: #bdc3c7;
+}
+
 // Palette paragraph
 .palette-paragraph {
   color: #7f8c8d;

less/modules/video.less

@@ -6,14 +6,18 @@
 @controls-color: mix(@base, black, 75%);
 
 .video-js {
-  background-color: @base;  
+  background-color: transparent;  
   // Otherwise you won't see controls in Fullscreen mode
   margin-top: -95px;
   position: relative;
   padding: 0;
   font-size: 10px;
   vertical-align: middle;
   .border-radius(6px 6px 0 0);
+  -webkit-backface-visibility: hidden;
+  -moz-backface-visibility:hidden;
+  -ms-backface-visibility:hidden;
+  backface-visibility:hidden;
 
   .vjs-tech {
     position: absolute;