156 lines
3.9 KiB
Plaintext
156 lines
3.9 KiB
Plaintext
/***********************
|
|
IG video player
|
|
Fixed colours since it works with fixed images
|
|
************************/
|
|
|
|
.ui-igplayer .ui-igplayer-controls,
|
|
.ui-igplayer-tooltip .ui-widget-content {
|
|
background: #e5e5e5;
|
|
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2) !important;
|
|
}
|
|
|
|
.ui-igplayer .ui-igplayer-controls {
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.ui-igplayer-tooltip .ui-widget-content,
|
|
.ui-igtooltip > .ui-widget-content {
|
|
background-color: #e5e5e5!important; //left this because of the arrow bg colour
|
|
background-image: none!important;
|
|
border: 1px solid #c6c6c6!important;
|
|
color: @text-color!important;
|
|
}
|
|
|
|
.ui-igtooltip > .ui-widget-content {
|
|
padding: 5px;
|
|
}
|
|
|
|
.ui-igtooltip-arrow-bottom,
|
|
.ui-igtooltip-arrow-top,
|
|
.ui-igtooltip-arrow-left,
|
|
.ui-igtooltip-arrow-right {
|
|
background-image: url(../../structure/images/igPopover/igPopoverArrows.png) !important;
|
|
}
|
|
|
|
.ui-igtooltip .ui-icon.ui-icon-close {
|
|
color: @ui-icons-darker !important;
|
|
}
|
|
|
|
.ui-igplayer .ui-state-active,
|
|
.ui-igplayer .ui-state-focus {
|
|
border-width: 1px!important;
|
|
outline: none;
|
|
}
|
|
|
|
.ui-igplayer .ui-state-hover .ui-icon {
|
|
color: @ui-icons-dark;
|
|
}
|
|
|
|
.ui-igplayer .ui-state-focus .ui-icon,
|
|
.ui-igplayer .ui-state-active .ui-icon {
|
|
color: @ui-icons-dark;
|
|
}
|
|
|
|
.ui-igplayer .ui-igplayer-bookmark-item-title:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.ui-igplayer .ui-igbutton.ui-state-default,
|
|
.ui-igplayer .ui-button.ui-state-default {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ui-igplayer .ui-igbutton.ui-state-hover,
|
|
.ui-igplayer .ui-button.ui-state-hover {
|
|
.stateHover;
|
|
}
|
|
|
|
.ui-igplayer .ui-igbutton.ui-state-active,
|
|
.ui-igplayer .ui-button.ui-state-active {
|
|
.stateActive;
|
|
}
|
|
|
|
.ui-igplayer .ui-igbutton.ui-state-active .ui-icon,
|
|
.ui-igplayer .ui-button.ui-state-active .ui-icon {
|
|
color: @ui-icons-light;
|
|
}
|
|
|
|
.ui-igplayer .ui-igbutton.ui-state-focus,
|
|
.ui-igplayer .ui-button.ui-state-focus {
|
|
border-color: darken(@component-active-bg, 6.5%);
|
|
}
|
|
|
|
.ui-igplayer .ui-igprogressbar.ui-widget-content {
|
|
background-color: @progress-bg;
|
|
}
|
|
|
|
.ui-widget-header.ui-igplayer-controls {
|
|
color: @text-color;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.ui-igplayer-related-list .ui-igplayer-related-video-hover img {
|
|
.stateNormal;
|
|
border-width: 3px;
|
|
}
|
|
|
|
.ui-igplayer-bookmark-item-time {
|
|
background: url("images/igVideoPlayer/igVPBookmarkSprite.png") no-repeat 0 1px rgba(0, 0, 0, 0)!important;
|
|
}
|
|
|
|
.ui-igslider .ui-igslider-bookmark.ui-state-default {
|
|
background: url("images/igVideoPlayer/igVPBookmarkSprite.png") no-repeat 0 -1px rgba(0, 0, 0, 0)!important;
|
|
}
|
|
|
|
.ui-igplayer-bookmark-item-time:hover,
|
|
.ui-igplayer-bookmark-active-item .ui-igplayer-bookmark-item-time,
|
|
.ui-igplayer-bookmark-list li:hover .ui-igplayer-bookmark-item-time {
|
|
background: transparent url("images/igVideoPlayer/igVPBookmarkSprite.png") no-repeat 0 -17px!important;
|
|
}
|
|
|
|
.ui-igslider .ui-igslider-bookmark.ui-state-hover {
|
|
background: transparent url("images/igVideoPlayer/igVPBookmarkSprite.png") no-repeat 0 -19px!important;
|
|
}
|
|
/* igProgressBar */
|
|
|
|
.ui-igprogressbar {}
|
|
|
|
.ui-igprogressbar.ui-widget-content {
|
|
border: 0;
|
|
}
|
|
|
|
.ui-igplayer .ui-widget-header a {
|
|
color: @text-color;
|
|
}
|
|
|
|
.ui-igprogressbar-range {
|
|
background-color: @progress-bar-bg!important;
|
|
}
|
|
|
|
.ui-igplayer-bookmark-list > li.ui-igplayer-bookmark-active-item {
|
|
background-color: @component-active-bg;
|
|
}
|
|
|
|
.ui-igplayer-related-video-container a.ui-button.ui-igbutton,
|
|
.ui-igplayer-related-video-bar .ui-button.ui-igbutton {
|
|
.stateNormal;
|
|
}
|
|
|
|
.ui-igplayer-related-video-container a.ui-button.ui-igbutton.ui-state-hover,
|
|
.ui-igplayer-related-video-bar .ui-button.ui-igbutton.ui-state-hover {
|
|
.stateActive;
|
|
}
|
|
|
|
.ui-igplayer-related-video-container a.ui-button.ui-igbutton.ui-state-hover .ui-icon,
|
|
.ui-igplayer-related-video-bar .ui-button.ui-igbutton.ui-state-hover .ui-icon {
|
|
color: @ui-icons-light;
|
|
}
|
|
|
|
.ui-igplayer-bookmark-list li:hover {
|
|
background-color: @gray-lighter;
|
|
}
|
|
|
|
.ui-progressbar.ui-widget-content {
|
|
border: 0;
|
|
} |