Bug 727817 - Add hidden click to play button for mobile video controls. r=mfinkle,dolske

mobile/android/themes/core/content.css

@@ -122,7 +122,7 @@ xul|scrollbarbutton[sbattr="scrollbar-bottom-top"] {
   display: none;
 }
 
-xul|thumb {
+xul|scrollbar xul|thumb {
   background-color: rgba(0, 0, 0, 0.4) !important;
   -moz-border-top-colors: none !important;
   -moz-border-bottom-colors: none !important;

mobile/android/themes/core/gingerbread/content.css

@@ -127,7 +127,7 @@ xul|scrollbarbutton[sbattr="scrollbar-bottom-top"] {
   display: none;
 }
 
-xul|thumb {
+xul|scrollbar xul|thumb {
   background-color: @color_background_scroller@ !important;
   -moz-border-top-colors: none !important;
   -moz-border-bottom-colors: none !important;

mobile/android/themes/core/touchcontrols.css

@@ -13,7 +13,7 @@
   -moz-box-flex: 1;
   font-size: 16pt;
   padding: 10px;
-  background-color: #34353a;
+  background-color: rgba(50,50,50,0.8);
   border-radius: 8px;
   width: 100%;
 }
@@ -82,7 +82,7 @@
 
 .bufferBar,
 .progressBar {
-  margin: 9px 0px 11px 0px;
+  margin: 11px 0px 9px 0px;
   height: 8px
 }
 
@@ -101,7 +101,10 @@
 
 .scrubber .scale-thumb {
   display: -moz-box;
+  margin: 0px !important;
+  padding: 0px !important;
   background: url("chrome://browser/skin/images/scrubber-hdpi.png") no-repeat;
+  background-size: 32px 32px;
   height: 32px;
   width: 32px;
 }

mobile/xul/themes/core/content.css

@@ -122,7 +122,7 @@ xul|scrollbarbutton[sbattr="scrollbar-bottom-top"] {
   display: none;
 }
 
-xul|thumb {
+xul|scrollbar xul|thumb {
   background-color: rgba(0, 0, 0, 0.4) !important;
   -moz-border-top-colors: none !important;
   -moz-border-bottom-colors: none !important;

mobile/xul/themes/core/gingerbread/content.css

@@ -127,7 +127,7 @@ xul|scrollbarbutton[sbattr="scrollbar-bottom-top"] {
   display: none;
 }
 
-xul|thumb {
+xul|scrollbar xul|thumb {
   background-color: @color_background_scroller@ !important;
   -moz-border-top-colors: none !important;
   -moz-border-bottom-colors: none !important;

toolkit/content/widgets/videocontrols.xml

@@ -1407,6 +1407,9 @@
 
             <vbox class="controlsOverlay">
                 <spacer class="controlsSpacer" flex="1"/>
+                <box flex="1" hidden="true">
+                    <box class="clickToPlay" hidden="true" flex="1"/>
+                </box>
                 <vbox class="controlBar" hidden="true">
                     <hbox class="buttonsBar">
                         <spacer flex="1"/>