FLUID-4596: Improving the styling of the scrubber handles in the high…

… contrast themes.
fluid-project · Feb 29, 2012 · a89fdab · a89fdab
1 parent da2e1ee
commit a89fdab
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 10 deletions.
diff --git a/css/VideoPlayer.css b/css/VideoPlayer.css
@@ -395,6 +395,33 @@ ul.fl-videoPlayer-transcripts-languageList li {
     color: #FFFFFF;
 }
 
+
+/********************
+ * UIO theme styling 
+ ********************/
+
+.fl-theme-uio-bw .fl-videoPlayer-video-controller-area,
+.fl-theme-uio-by .fl-videoPlayer-video-controller-area {
+    border: 1px solid #fff;  /* This will go away once we have the proper styling for the initial overlay */
+}
+
+.fl-theme-uio-wb .fl-videoPlayer-video-controller-area {
+    border: 1px solid white;  /* This will go away once we have the proper styling for the initial overlay */
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-video-controller-area {
+    border: 1px solid yellow;  /* This will go away once we have the proper styling for the initial overlay */
+}
+
+
+.fl-theme-uio-bw .fl-videoPlayer-scrubber .ui-slider-handle,
+.fl-theme-uio-wb .fl-videoPlayer-scrubber .ui-slider-handle,
+.fl-theme-uio-by .fl-videoPlayer-scrubber .ui-slider-handle,
+.fl-theme-uio-yb .fl-videoPlayer-scrubber .ui-slider-handle {
+     border-width: 1px;
+ }
+
+
 /***********************************************************
  * Styling overrides for the controls when using UIO themes
  ***********************************************************/

diff --git a/demos/Mammals.html b/demos/Mammals.html
@@ -12,10 +12,6 @@
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/fss/fss-theme-by-uio.css" />
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/fss/fss-theme-yb-uio.css" />
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/fss/fss-text-uio.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-wb/wb.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-bw/bw.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-by/by.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-yb/yb.css" />
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/FatPanelUIOptions.css" />
 
         <link type="text/css" href="../lib/jquery-ui/css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />

diff --git a/demos/VideoPlayer.html b/demos/VideoPlayer.html
@@ -10,10 +10,6 @@
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/fss/fss-theme-by-uio.css" />
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/fss/fss-theme-yb-uio.css" />
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/fss/fss-text-uio.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-wb/wb.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-bw/bw.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-by/by.css" />
-        <link rel="stylesheet" type="text/css" href="../lib/infusion/lib/jquery/ui/css/fl-theme-yb/yb.css" />
         <link rel="stylesheet" type="text/css" href="../lib/infusion/components/uiOptions/css/FatPanelUIOptions.css" />
 
         <link type="text/css" href="../lib/jquery-ui/css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" />

diff --git a/js/VideoPlayer.js b/js/VideoPlayer.js
@@ -347,7 +347,7 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
     };
 
     var hideControllers = function (that) {
-        //that.locate("controllers").delay(500).slideUp();
+        that.locate("controllers").delay(500).slideUp();
     };
 
     var bindVideoPlayerDOMEvents = function (that) {
@@ -531,7 +531,7 @@ https://github.com/fluid-project/infusion/raw/master/Infusion-LICENSE.txt
                 }
             }
 
-            //that.locate("controllers").hide();
+            that.locate("controllers").hide();
             that.events.onReady.fire(that);
         });