1
0
Fork 0
forked from 0x2620/oxjs

updates for players, timelines and markers

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

View file

@ -197,6 +197,11 @@ Forms
background: rgb(192, 192, 192);
color: rgb(128, 128, 128);
}
.OxThemeClassic .OxButton.OxSymbol.OxDisabled {
background: rgba(0, 0, 0, 0);
opacity: 0.5;
}
.OxThemeClassic .OxButton.OxSelected,
.OxThemeClassic .OxSelect.OxSelected {
@ -559,29 +564,54 @@ Video
================================================================================
*/
.OxThemeClassic .OxVideoPlayer .OxInput {
background: rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay {
border-color: rgba(255, 255, 255, 0.5);
}
.OxThemeClassic .OxVideoPlayer div.OxInput.OxFocus {
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div {
border-color: rgba(0, 0, 0, 1);
}
.OxThemeClassic .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, 0.5), rgba(64, 64, 64, 0.5));
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay.OxPaused > div {
border-color: rgba(0, 0, 0, 0.5);
}
.OxThemeClassic .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));
.OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div > div {
border-color: rgba(255, 255, 255, 0.5);
}
.OxThemeClassic .OxVideoPlayer .OxControls.OxOnScreen {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
}
.OxThemeClassic .OxVideoPlayer .OxFind {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
}
.OxThemeClassic .OxVideoPlayer input.OxInput {
background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.5), rgba(255, 255, 255, 0.5));
background-image: -webkit-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1));
}
.OxThemeClassic .OxVideoPlayer .OxResolution > div {
background: rgba(224, 224, 224, 0.5);
}
.OxThemeClassic .OxVideoPlayer .OxResolution > div.OxSelected {
background-image: -moz-linear-gradient(top, rgba(240, 240, 240, 0.5), rgba(208, 208, 208, 0.5));
background-image: -webkit-linear-gradient(top, rgba(240, 240, 240, 0.5), rgba(208, 208, 208, 0.5));
}
.OxThemeClassic .OxVideoPlayer .OxVolume {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
}
.OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxTrack {
background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.5), rgba(255, 255, 255, 0.5));
background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.5), rgba(255, 255, 255, 0.5));
}
.OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
}
.OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb:active {
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5));
}
/*
================================================================================