Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

FLUID-4813: Added theming for the volume slider.

  • Loading branch information...
commit bd53e8ab4ad435d41bb7bfb9c32bd7cbfd89dab6 1 parent d567784
@heidiv heidiv authored
View
89 css/VideoPlayer.css
@@ -330,8 +330,9 @@ a.fl-videoPlayer-button-wrapper {
border-radius: 0px 0px 0px 0px;
}
.fl-videoPlayer-volumeControl .ui-slider-handle {
- height: 10%;
- left: -75%;
+ height: 0.5em;
+ left: -0.4em;
+ width: 1em;
margin-bottom: 0;
}
@@ -340,6 +341,90 @@ a.fl-videoPlayer-button-wrapper {
display: inline;
}
+/* Volume slider theming */
+
+/* reset */
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl,
+.fl-theme-uio-by .fl-videoPlayer-volumeControl,
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl {
+ background: none !important;
+ border-collapse: separate; /* IE9 */
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-range-min,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-range-min,
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-range-min,
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background: none !important;
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background: none !important;
+}
+
+/* add theme colours */
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl {
+ box-shadow: inset 0 0 0 2px #000000;
+ outline: 1px solid #000000;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl {
+ background-image: url('../images/yellow/sliderbg_yellowonblack.jpg') !important;
+}
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl {
+ background-image: url('../images/white/sliderbg_whiteonblack.jpg') !important;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-handle {
+ border: 2px solid #000000 !important;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-color: #FFFF00 !important;
+}
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-color: #FFFFFF !important;
+}
+.fl-theme-uio-yb .fl-videoPlayer-volumeControl .ui-slider-range-min,
+.fl-theme-uio-wb .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background-color: #000000 !important;
+}
+
+.fl-theme-uio-by .fl-videoPlayer-volumeControl {
+ box-shadow: inset 0 0 0 2px #FFFF00;
+ outline: 1px solid #FFFF00;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl {
+ box-shadow: inset 0 0 0 2px #FFFFFF;
+ outline: 1px solid #FFFFFF;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl {
+ background-image: url('../images/black/sliderbg_blackonyellow.jpg') !important;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl {
+ background-image: url('../images/black/sliderbg_blackonwhite.jpg') !important;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-handle,
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-handle {
+ background-color: #000000 !important;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-handle {
+ border: 2px solid #FFFF00 !important;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-handle {
+ border: 2px solid #FFFFFF !important;
+}
+.fl-theme-uio-by .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background-color: #FFFF00 !important;
+}
+.fl-theme-uio-bw .fl-videoPlayer-volumeControl .ui-slider-range-min {
+ background-color: #FFFFFF !important;
+}
+
+
/**********************************
* Captions and Transcripts Menus *
**********************************/
View
BIN  images/black/sliderbg_blackonwhite.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/black/sliderbg_blackonyellow.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/white/sliderbg_whiteonblack.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/yellow/sliderbg_yellowonblack.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.