sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

updates for players, timelines and markers

Browse source
This commit is contained in:
rlx 2011-09-02 03:28:43 +00:00
commit 18f117138d
9 changed files with 213 additions and 184 deletions
Download patch file Download diff file Expand all files Collapse all files

65
source/Ox.UI/themes/modern/css/modern.css
View file

@ -198,6 +198,11 @@ Forms
background: rgb(80, 80, 80);
color: rgb(128, 128, 128);
}
.OxThemeModern .OxButton.OxSymbol.OxDisabled {
background: rgba(0, 0, 0, 0);
opacity: 0.5;
}
.OxThemeModern .OxButton.OxSelected,
.OxThemeModern .OxSelect.OxSelected,
.OxThemeModern .OxCollapsePanel > .OxBar > .OxExtras > .OxSelect.OxSelected {
@ -552,37 +557,63 @@ Video
}
.OxThemeModern .OxSmallVideoTimeline .OxMarkerPlay {
border-color: rgba(0, 0, 0, 0.5);
}
.OxThemeModern .OxSmallVideoTimeline .OxMarkerPlay > div {
border-color: rgba(255, 255, 255, 1);
}
.OxThemeModern .OxSmallVideoTimeline .OxMarkerPlay.OxPaused > div {
border-color: rgba(255, 255, 255, 0.5);
}
.OxThemeModern .OxSmallVideoTimeline .OxMarkerPlay > div > div {
border-color: rgba(0, 0, 0, 0.5);
}
.OxThemeModern .OxVideoPlayer .OxButton.OxDisabled {
background: transparent;
opacity: 0.25;
}
.OxThemeModern .OxVideoPlayer .OxInput {
background: transparent;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
.OxThemeModern .OxVideoPlayer .OxControls.OxOnScreen {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
}
.OxThemeModern .OxVideoPlayer div.OxInput.OxFocus {
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
.OxThemeModern .OxVideoPlayer .OxFind {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
}
.OxThemeModern .OxVideoPlayer input.OxInput {
height: 16px;
padding: 0 3px 0 3px;
border: 0;
border-radius: 8px;
color: rgb(255, 255, 255);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(32, 32, 32, 1));
}
.OxThemeModern .OxVideoPlayer .OxResolution > div {
background: rgba(32, 32, 32, 0.5);
}
.OxThemeModern .OxVideoPlayer .OxResolution > div.OxSelected {
background-image: -moz-linear-gradient(top, rgba(48, 48, 48, 0.5), rgba(16, 16, 16, 0.5));
background-image: -webkit-linear-gradient(top, rgba(48, 48, 48, 0.5), rgba(16, 16, 16, 0.5));
}
.OxThemeModern .OxVideoPlayer .OxVolume {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
}
.OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxTrack {
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5));
}
.OxThemeModern .OxVideoPlayer input.OxInput.OxPlaceholder {
//opacity: 0.25;
.OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxThumb {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
}
.OxThemeModern .OxVideoPlayer .OxRange .OxThumb:active {
background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background: -webkit-linear-gradient(top, rgba(255, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
.OxThemeModern .OxVideoPlayer .OxVolume .OxRange .OxThumb:active {
background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5));
}
// fixme: used?
.OxThemeModern .OxVideoPlayer .OxSelect {
border-color: transparent;
//margin-left: 0px;