diff --git a/source/Ox.UI/css/Ox.UI.css b/source/Ox.UI/css/Ox.UI.css index ca6e1738..770078da 100644 --- a/source/Ox.UI/css/Ox.UI.css +++ b/source/Ox.UI/css/Ox.UI.css @@ -18,10 +18,12 @@ body { margin: 0; overflow: hidden; -moz-user-select: -moz-none; + -o-user-select: none; -webkit-user-select: none; } div { -moz-user-select: -moz-none; + -o-user-select: none; -webkit-user-select: none; } div, input, textarea { @@ -30,6 +32,7 @@ div, input, textarea { } img { -moz-user-drag: none; + -o-user-drag: none; -webkit-user-drag: none; } td { @@ -37,6 +40,7 @@ td { } .OxSelectable { -moz-user-select: text; + -o-user-select: text; -webkit-user-select: text; } @@ -212,6 +216,7 @@ Calendar .OxCalendar .OxLine > .OxEvent { border-radius: 4px; background: -moz-linear-gradient(top, rgba(255, 0, 0, 0.9), rgba(224, 0, 0, 0.9)); + background: -o-linear-gradient(top, rgba(255, 0, 0, 0.9), rgba(224, 0, 0, 0.9)); background: -webkit-linear-gradient(top, rgba(255, 0, 0, 0.9), rgba(224, 0, 0, 0.9)); } .OxCalendar .OxLine > .OxEvent.OxCurrent { @@ -220,6 +225,7 @@ Calendar } .OxCalendar .OxLine > .OxEvent.OxDate { background: -moz-linear-gradient(top, rgba(192, 0, 0, 0.9), rgba(160, 0, 0, 0.9)); + background: -o-linear-gradient(top, rgba(192, 0, 0, 0.9), rgba(160, 0, 0, 0.9)); background: -webkit-linear-gradient(top, rgba(192, 0, 0, 0.9), rgba(160, 0, 0, 0.9)); } .OxCalendar .OxLine > .OxEvent.OxPlace { @@ -228,10 +234,12 @@ Calendar } .OxCalendar .OxLine > .OxEvent.OxPerson { background: -moz-linear-gradient(top, rgba(255, 96, 0, 0.9), rgba(224, 80, 0, 0.9)); + background: -o-linear-gradient(top, rgba(255, 96, 0, 0.9), rgba(224, 80, 0, 0.9)); background: -webkit-linear-gradient(top, rgba(255, 96, 0, 0.9), rgba(224, 80, 0, 0.9)); } .OxCalendar .OxLine > .OxEvent.OxSelected { background: -moz-linear-gradient(top, rgba(128, 128, 255, 0.9), rgba(96, 96, 224, 0.9)); + background: -o-linear-gradient(top, rgba(128, 128, 255, 0.9), rgba(96, 96, 224, 0.9)); background: -webkit-linear-gradient(top, rgba(128, 128, 255, 0.9), rgba(96, 96, 224, 0.9)); } @@ -406,6 +414,7 @@ Document .OxDocument { padding: 8px; -moz-user-select: text; + -o-user-select: text; -webkit-user-select: text; } .OxDocument div { @@ -414,6 +423,7 @@ Document //font-size: 12px; line-height: 15px; -moz-user-select: text; + -o-user-select: text; -webkit-user-select: text; } .OxDocument code { @@ -479,11 +489,13 @@ input[type=button], input[type=reset], input[type=submit] { -moz-box-sizing: content-box; + -o-box-sizing: content-box; -webkit-box-sizing: content-box; } input[type=image] { cursor: default; -moz-user-select: none; + -o-user-select: none; -webkit-user-select: none; } input:focus, @@ -510,32 +522,27 @@ input.OxLarge { height: 18px; font-size: 13px; padding: 0 8px 0 8px; - -moz-border-radius: 10px; - -webkit-border-radius: 10px; + border-radius: 10px; } input.OxMedium { height: 14px; padding: 0 6px 0 6px; font-size: 11px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } input.OxMedium.OxRounded { padding: 0 6px 0 6px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } input.OxMedium.OxSquare { padding: 0 2px 0 2px; - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } input.OxSmall { height: 10px; padding: 0 4px 0 4px; font-size: 8px; - -moz-border-radius: 6px; - -webkit-border-radius: 6px; + border-radius: 6px; } input[type=image] { @@ -550,13 +557,11 @@ input::-moz-focus-inner { textarea { //padding: 2px 4px 2px 4px; padding: 0 4px 0 4px; + border-radius: 8px; resize: none; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; } textarea.OxSquare { - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } /* @@ -576,6 +581,7 @@ OxButton border: 1px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); } /* @@ -591,65 +597,46 @@ OxButtonGroup } .OxButtonGroup > .OxButton { border-right-width: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } .OxButtonGroup > .OxButton:last-child { border-right-width: 1px; } .OxButtonGroup > .OxButton.OxLarge:first-child { - -moz-border-radius-topleft: 6px; - -moz-border-radius-bottomleft: 6px; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; } .OxButtonGroup > .OxButton.OxLarge:last-child { - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 6px; - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } .OxButtonGroup > .OxButton.OxMedium:first-child { - -moz-border-radius-topleft: 8px; - -moz-border-radius-bottomleft: 8px; - -webkit-border-top-left-radius: 8px; - -webkit-border-bottom-left-radius: 8px; + border-top-left-radius: 8px; + border-bottom-left-radius: 8px; } .OxButtonGroup > .OxButton.OxMedium:last-child { - -moz-border-radius-topright: 8px; - -moz-border-radius-bottomright: 8px; - -webkit-border-top-right-radius: 8px; - -webkit-border-bottom-right-radius: 8px; + border-top-right-radius: 8px; + border-bottom-right-radius: 8px; } .OxButtonGroup > .OxButton.OxSmall:first-child { - -moz-border-radius-topleft: 2px; - -moz-border-radius-bottomleft: 2px; - -webkit-border-top-left-radius: 2px; - -webkit-border-bottom-left-radius: 2px; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } .OxButtonGroup > .OxButton.OxSmall:last-child { - -moz-border-radius-topright: 2px; - -moz-border-radius-bottomright: 2px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 2px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } .OxButtonGroup > .OxButton.OxTab { - -moz-border-radius-topleft: 8px; - -moz-border-radius-topright: 8px; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-top-left-radius: 8px; - -webkit-border-top-right-radius: 8px; - -webkit-border-bottom-left-radius: 0; - -webkit-border-bottom-right-radius: 0; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } .OxButtonGroup > .OxButton.OxTab:first-child { - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; } .OxButtonGroup > .OxButton.OxTab:last-child { - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; } /* -------------------------------------------------------------------------------- @@ -658,14 +645,12 @@ OxCheckbox */ div.OxCheckbox { height: 16px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } input.OxCheckbox { border-width: 1px; border-style: solid; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } .OxCheckboxGroup > div.OxCheckbox { float: left; @@ -709,12 +694,10 @@ div.OxInput.OxMedium { height: 16px; } div.OxInput.OxRounded { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } div.OxInput.OxSquare { - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } div.OxInput > .OxInputLabel { float: left; @@ -770,13 +753,12 @@ OxLabel height: 14px; border-width: 1px; border-style: solid; + border-radius: 8px; padding: 0 6px 0 6px; text-overflow: ellipsis; cursor: default; overflow: hidden; white-space: nowrap; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; } /* -------------------------------------------------------------------------------- @@ -786,19 +768,17 @@ OxPicker .OxPicker { position: absolute; z-index: 13; - -moz-border-radius: 0 8px 8px 8px; - -webkit-border-radius: 0 8px 8px 8px; + border-radius: 0 8px 8px 8px; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); + -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); } .OxPicker > div:first-child { background: rgb(240, 240, 240); - -moz-border-radius: 0 8px 0 0; - -webkit-border-radius: 0 8px 0 0; + border-radius: 0 8px 0 0; } .OxPicker > .OxBar { - -moz-border-radius: 0 0 8px 8px; - -webkit-border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; } .OxPicker > .OxBar > .OxLabel { float: left; @@ -827,8 +807,7 @@ OxRange border-width: 1px; border-style: solid; height: 14px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } .OxRange > .OxTrack > div { float: left; @@ -842,19 +821,16 @@ OxRange -webkit-user-select: none; } .OxRange > .OxTrack > div > img.OxFirstChild { - -moz-border-radius: 7px; - -webkit-border-top-left-radius: 7px; - -webkit-border-bottom-left-radius: 7px; + border-top-left-radius: 7px; + border-bottom-left-radius: 7px; } .OxRange > .OxTrack > div > img.OxLastChild { - -moz-border-radius: 0 7px 7px 0; - -webkit-border-top-right-radius: 7px; - -webkit-border-bottom-right-radius: 7px; + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; } .OxRange > .OxTrack > div > img.OxFirstChild.OxLastChild { margin-left: 7px; - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } .OxRange > .OxTrack > .OxThumb { float: left; @@ -875,13 +851,11 @@ OxSelect height: 14px; border-width: 1px; border-style: solid; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; + border-radius: 8px; } .OxSelect.OxSelected, .OxSelect.OxSelected > .OxLabel { - -moz-border-radius: 8px 8px 0 0; - -webkit-border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } .OxSelect > .OxLabel { float: left; @@ -978,6 +952,7 @@ Images .OxReflection > img { -moz-transform: scaleY(-1); + -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); } @@ -1116,10 +1091,10 @@ Lists max-width: 124px; word-wrap: break-word; cursor: pointer; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; + border-radius: 4px; //-moz-user-select: text; //-webkit-user-select: text; + } .OxTextList { @@ -1212,8 +1187,7 @@ Lists text-align: center; cursor: pointer; overflow: hidden; - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } .OxTextList .OxBar .OxSelect > input { margin-right: -3px; @@ -1329,6 +1303,7 @@ Menus .OxMainMenu { z-index: 9; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); + -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .OxMainMenu.OxLarge { @@ -1347,6 +1322,7 @@ Menus float: left; cursor: default; -moz-user-select: none; + -o-user-select: none; -webkit-user-select: none; } .OxMainMenu.OxLarge > .OxTitle { @@ -1390,30 +1366,25 @@ Menus position: absolute; display: none; z-index: 12; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-left-radius: 4px; - -webkit-border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; -moz-user-select: none; + -o-user-select: none; -webkit-user-select: none; } .OxMenu.OxRight { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; } .OxMenu .OxTop { height: 4px; } .OxMenu.OxRight .OxTop { - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; } .OxMenu .OxBottom { height: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-left-radius: 4px; - -webkit-border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } .OxMenu .OxContainer { background: transparent; @@ -1465,20 +1436,17 @@ Menus .OxMenu.OxLarge .OxItem .OxCell.OxIcon img { width: 16px; height: 16px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; + border-radius: 2px; } .OxMenu.OxMedium .OxItem .OxCell.OxIcon img { width: 12px; height: 12px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; + border-radius: 2px; } .OxMenu.OxSmall .OxItem .OxCell.OxIcon img { width: 8px; height: 8px; - -moz-border-radius: 1px; - -webkit-border-radius: 1px; + border-radius: 1px; } .OxMenu .OxItem .OxCell.OxTitle { padding-left: 4px; @@ -1571,8 +1539,7 @@ Panels .OxCollapsePanel > .OxBar > .OxExtras > .OxButton { //position: absolute; //right: 0px; - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } .OxCollapsePanel > .OxBar > .OxExtras > .OxSelect { //position: absolute; @@ -1582,8 +1549,7 @@ Panels padding: 1px 1px 0 0; border-width: 0; background: rgba(0, 0, 0, 0); - -moz-border-radius: 0; - -webkit-border-radius: 0; + border-radius: 0; } .OxCollapsePanel > .OxContent { @@ -1611,6 +1577,7 @@ Panels .OxSplitPanel_ { display: box; display: -moz-box; + display: -o-box; display: -webkit-box; overflow: hidden; box-flex: 0; @@ -1620,11 +1587,13 @@ Panels .OxSplitPanel_.OxHorizontal { box-orient: horizontal; -moz-box-orient: horizontal; + -o-box-orient: horizontal; -webkit-box-orient: horizontal; } .OxSplitPanel_.OxVertical { box-orient: vertical; -moz-box-orient: vertical; + -o-box-orient: vertical; -webkit-box-orient: vertical; } .OxSplitPanel_ > * { @@ -1686,6 +1655,7 @@ Requests .OxLoadingIcon { opacity: 0; -moz-user-select: none; + -o-user-select: none; -webkit-user-select: none; } @@ -1717,10 +1687,10 @@ Scrollbars height: 12px; } ::-webkit-scrollbar-thumb { - -webkit-border-radius: 6px; + border-radius: 6px; } ::-webkit-scrollbar-track { - -webkit-border-radius: 6px; + border-radius: 6px; } /* @@ -1738,11 +1708,13 @@ SyntaxHightlighter .OxSyntaxHighlighter > .OxLineNumbers { text-align: right; -moz-user-select: none; + -o-user-select: none; -webkit-user-select: none; } .OxSyntaxHighlighter > .OxSourceCode { white-space: nowrap; -moz-user-select: text; + -o-user-select: text; -webkit-user-select: text; } .OxSyntaxHighlighter > .OxSourceCode .OxLinebreak { @@ -1859,6 +1831,7 @@ Video overflow: hidden; z-index: 10; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); + -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } .OxLargeVideoTimeline .OxSubtitle.OxHighlight { @@ -1943,6 +1916,7 @@ Video } .OxVideoPlayer.OxFocus { -moz-box-shadow: 0 0 2px rgb(128, 128, 128); + -o-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 0 2px rgb(128, 128, 128); } @@ -1973,10 +1947,12 @@ Video .OxVideoPlayer .OxInput { background: transparent; -moz-box-shadow: 0 0 0; + -o-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; } .OxVideoPlayer div.OxInput.OxFocus { -moz-box-shadow: 0 0 0; + -o-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; } .OxVideoPlayer input.OxInput { @@ -2184,6 +2160,5 @@ Miscellaneous font-size: 9px; //opacity: 0; z-index: 1001; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; + border-radius: 4px; } diff --git a/source/Ox.UI/js/Bar/Ox.Progressbar.js b/source/Ox.UI/js/Bar/Ox.Progressbar.js index c5471cc2..e669e2ad 100644 --- a/source/Ox.UI/js/Bar/Ox.Progressbar.js +++ b/source/Ox.UI/js/Bar/Ox.Progressbar.js @@ -86,7 +86,7 @@ Ox.Progressbar = function(options, self) { function pause() { self.pauseTime = +new Date(); self.$progress.removeClass('OxAnimate'); - $.browser.mozilla && clearInterval(self.interval); + ($.browser.mozilla || $.browser.opera) && clearInterval(self.interval); self.$time && self.$time .addClass('OxSmall') .html(self.cancelled ? 'Cancelled' : 'Paused'); @@ -97,7 +97,7 @@ Ox.Progressbar = function(options, self) { ? +new Date() : self.startTime + +new Date() - self.pauseTime; self.$progress.addClass('OxAnimate'); - if ($.browser.mozilla) { + if ($.browser.mozilla || $.browser.opera) { self.offset = 0; self.interval = setInterval(function() { self.$progress.css({backgroundPosition: --self.offset + 'px 0, 0 0'}) diff --git a/source/Ox.UI/themes/classic/css/classic.css b/source/Ox.UI/themes/classic/css/classic.css index 5b6fa08b..d0272da7 100644 --- a/source/Ox.UI/themes/classic/css/classic.css +++ b/source/Ox.UI/themes/classic/css/classic.css @@ -21,27 +21,32 @@ Bars .OxThemeClassic .OxBar.OxHorizontal { //background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(160, 160, 160)); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160))); - background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); - background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxBar.OxMainMenu { - background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); - background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxProgressbar { border-color: rgb(176, 176, 176); background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxProgressbar .OxTrack { border-color: rgb(176, 176, 176); - background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); - background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); + background-image: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); + background-image: -o-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); + background-image: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); } .OxThemeClassic .OxProgressbar .OxProgress { border-color: rgb(176, 176, 176); background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxProgressbar .OxProgress.OxAnimate { @@ -53,6 +58,14 @@ Bars rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 100% ), -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background-image: + -o-repeating-linear-gradient( + -45deg, transparent 0, transparent 25%, + rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 50%, + transparent 50%, transparent 75%, + rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 100% + ), + -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, @@ -77,11 +90,13 @@ Calendar .OxThemeClassic .OxCalendar .OxTimeline > div.odd { background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxCalendar .OxTimeline > div.even { background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); + background: -o-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); } @@ -113,11 +128,13 @@ Dialog .OxThemeClassic .OxDialog { -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); + -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); } .OxThemeClassic .OxDialog .OxBar { background: -moz-linear-gradient(top, rgba(224, 224, 224, 0.95), rgba(192, 192, 192, 0.95)); + background: -o-linear-gradient(top, rgba(224, 224, 224, 0.95), rgba(192, 192, 192, 0.95)); background: -webkit-linear-gradient(top, rgba(224, 224, 224, 0.95), rgba(192, 192, 192, 0.95)); } @@ -178,6 +195,7 @@ Forms //background: -moz-linear-gradient(left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160))); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160))); background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxButton:active { @@ -187,10 +205,12 @@ Forms } .OxThemeClassic .OxCheckbox:active { background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240)); + background: -o-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240)); background: -webkit-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240)); } .OxThemeClassic .OxButton:focus { -moz-box-shadow: 0 0 2px rgb(128, 128, 128); + -o-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 2 4px rgb(128, 128, 128); } .OxThemeClassic .OxButton.OxDisabled { @@ -206,6 +226,7 @@ Forms .OxThemeClassic .OxButton.OxSelected, .OxThemeClassic .OxSelect.OxSelected { background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); + background: -o-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); //background: -moz-linear-gradient(top, rgb(128, 128, 128), rgb(160, 160, 160) 10%, rgb(192, 192, 192)); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), color-stop(0.1, rgb(160, 160, 160)), to(rgb(192, 192, 192))); @@ -238,6 +259,7 @@ Forms //background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(255, 255, 255)); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255))); background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); + background: -o-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); } .OxThemeClassic div.OxInput.OxError input { @@ -251,6 +273,7 @@ Forms .OxThemeClassic div.OxInput.OxFocus, .OxThemeClassic .OxSelect.OxFocus { -moz-box-shadow: 0 0 2px rgb(128, 128, 128); + -o-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 0 2px rgb(128, 128, 128); } @@ -279,6 +302,7 @@ Images .OxThemeClassic .OxReflection > div { background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); + background: -o-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); } @@ -291,18 +315,21 @@ Lists .OxThemeClassic .OxIconList .OxItem img.OxLoading { border-color: rgb(208, 208, 208); background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); + background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); } .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > img, .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > .OxVideoPlayer { border-color: rgb(160, 160, 160); -moz-box-shadow: 0 0 4px rgba(160, 160, 160, 1); + -o-box-shadow: 0 0 4px rgba(160, 160, 160, 1); -webkit-box-shadow: 0 0 4px rgba(160, 160, 160, 1); } .OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > img, .OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > .OxVideoPlayer { border-color: rgb(128, 128, 128); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); + -o-box-shadow: 0 0 4px rgba(128, 128, 128, 1); -webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1); } .OxThemeClassic .OxIconList .OxItem > .OxText > div { @@ -312,12 +339,14 @@ Lists border-color: rgb(160, 160, 160); background: rgba(160, 160, 160, 0.5); -moz-box-shadow: 0 0 4px rgba(160, 160, 160, 1); + -o-box-shadow: 0 0 4px rgba(160, 160, 160, 1); -webkit-box-shadow: 0 0 4px rgba(160, 160, 160, 1); } .OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div { border-color: rgb(128, 128, 128); background: rgba(128, 128, 128, 0.5); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); + -moz-o-shadow: 0 0 4px rgba(128, 128, 128, 1); -webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1); } .OxThemeClassic .OxIconList .OxItem > .OxText > div > .OxInfo { @@ -351,10 +380,12 @@ Lists } .OxThemeClassic .OxTextList .OxBar { background: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(208, 208, 208)); + background: -o-linear-gradient(top, rgb(240, 240, 240), rgb(208, 208, 208)); background: -webkit-linear-gradient(top, rgb(240, 240, 240), rgb(208, 208, 208)); } .OxThemeClassic .OxTextList .OxBar .OxSelected { background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); + background: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); //color: rgb(0, 0, 0); } @@ -406,11 +437,13 @@ Menus .OxThemeClassic .OxMainMenu > .OxTitle.OxSelected { background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); + background: -o-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); } .OxThemeClassic .OxMenu { -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); + -moz-o-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); } .OxThemeClassic .OxMenu .OxBottom, @@ -579,14 +612,17 @@ Video .OxThemeClassic .OxVideoPlayer .OxControls.OxOnScreen { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); + background-image: -o-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: -o-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: -moz-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1)); + background-image: -o-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1)); background-image: -webkit-linear-gradient(top, rgba(176, 176, 176, 1), rgba(224, 224, 224, 1)); } .OxThemeClassic .OxVideoPlayer .OxResolution > div { @@ -594,22 +630,27 @@ Video } .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: -o-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: -o-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: -o-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: -o-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: -o-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)); } @@ -624,5 +665,6 @@ Miscellaneous background: rgba(255, 255, 255, 0.96); color: rgba(128, 128, 128, 1); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); + -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } diff --git a/source/Ox.UI/themes/modern/css/modern.css b/source/Ox.UI/themes/modern/css/modern.css index 720364f4..19256b6b 100644 --- a/source/Ox.UI/themes/modern/css/modern.css +++ b/source/Ox.UI/themes/modern/css/modern.css @@ -26,23 +26,27 @@ Bars .OxThemeModern .OxBar.OxHorizontal { //background: -moz-linear-gradient(left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64))); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64))); - background: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); - background: -webkit-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); + background-image: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); + background-image: -o-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); + background-image: -webkit-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); } .OxThemeModern .OxProgressbar { border-color: rgb(48, 48, 48); background-image: -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); + background-image: -o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); background-image: -webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); } .OxThemeModern .OxProgressbar .OxTrack { border-color: rgb(48, 48, 48); - background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); - background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); + background-image: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); + background-image: -o-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); + background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); } .OxThemeModern .OxProgressbar .OxProgress { border-color: rgb(48, 48, 48); background-image: -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); + background-image: -o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); background-image: -webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); } .OxThemeModern .OxProgressbar .OxProgress.OxAnimate { @@ -54,6 +58,14 @@ Bars rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.1) 100% ), -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); + background-image: + -o-repeating-linear-gradient( + -45deg, transparent 0, transparent 25%, + rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.1) 50%, + transparent 50%, transparent 75%, + rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.1) 100% + ), + -o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); background-image: -webkit-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, @@ -76,13 +88,15 @@ Calendar */ .OxThemeModern .OxCalendar .OxTimeline > div.odd { - background: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); - background: -webkit-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); + background-image: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); + background-image: -o-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); + background-image: -webkit-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32)); } .OxThemeModern .OxCalendar .OxTimeline > div.even { - background: -moz-linear-gradient(top, rgb(48, 48, 48), rgb(24, 24, 24)); - background: -webkit-linear-gradient(top, rgb(48, 48, 48), rgb(24, 24, 24)); + background-image: -moz-linear-gradient(top, rgb(48, 48, 48), rgb(24, 24, 24)); + background-image: -o-linear-gradient(top, rgb(48, 48, 48), rgb(24, 24, 24)); + background-image: -webkit-linear-gradient(top, rgb(48, 48, 48), rgb(24, 24, 24)); } .OxThemeModern .OxCalendar .OxBackground > div { @@ -114,11 +128,13 @@ Dialog .OxThemeModern .OxDialog { -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1); + -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1); -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 1); } .OxThemeModern .OxDialog .OxBar { background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.95), rgba(32, 32, 32, 0.95)); + background: -o-linear-gradient(top, rgba(64, 64, 64, 0.95), rgba(32, 32, 32, 0.95)); background: -webkit-linear-gradient(top, rgba(64, 64, 64, 0.95), rgba(32, 32, 32, 0.95)); } @@ -181,6 +197,7 @@ Forms .OxThemeModern div.OxInput, .OxThemeModern .OxSelect { background: -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); + background: -o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); background: -webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64)); //background: -moz-linear-gradient(left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32))); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32))); @@ -191,6 +208,7 @@ Forms } .OxThemeModern .OxCheckbox:active { background: -moz-linear-gradient(top, rgb(16, 16, 16), rgb(48, 48, 48)); + background: -o-linear-gradient(top, rgb(16, 16, 16), rgb(48, 48, 48)); background: -webkit-linear-gradient(top, rgb(16, 16, 16), rgb(48, 48, 48)); } @@ -209,6 +227,7 @@ Forms //background: -moz-linear-gradient(left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112))); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112))); background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32) 10%, rgb(64, 64, 64)); + background: -o-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32) 10%, rgb(64, 64, 64)); background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32) 10%, rgb(64, 64, 64)); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.1, rgb(32, 32, 32)), to(rgb(64, 64, 64))); color: rgb(224, 224, 224); @@ -228,6 +247,7 @@ Forms .OxThemeModern input.OxInput, .OxThemeModern .OxTrack { background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); + background: -o-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); } .OxThemeModern div.OxInput.OxError input { @@ -237,6 +257,7 @@ Forms .OxThemeModern .OxSelect.OxFocus { //border: 1px solid rgb(80, 80, 80); -moz-box-shadow: 0 0 2px rgb(128, 128, 128); + -o-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 0 2px rgb(128, 128, 128); } .OxThemeModern div.OxInput.OxFocus > .OxInputLabel { @@ -264,6 +285,7 @@ Images .OxThemeModern .OxReflection > div { background: -moz-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1)); + background: -o-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1)); background: -webkit-linear-gradient(top, rgba(16, 16, 16, 0.75), rgba(16, 16, 16, 1)); } @@ -277,18 +299,21 @@ Lists .OxThemeModern .OxInfoList .OxItem > .OxIcon > img.OxLoading { border-color: rgb(48, 48, 48); background: -moz-linear-gradient(top, rgb(32, 32, 32), rgb(0, 0, 0)); + background: -o-linear-gradient(top, rgb(32, 32, 32), rgb(0, 0, 0)); background: -webkit-linear-gradient(top, rgb(32, 32, 32), rgb(0, 0, 0)); } .OxThemeModern .OxIconList .OxItem.OxSelected > .OxIcon > img, .OxThemeModern .OxIconList .OxItem.OxSelected > .OxIcon > .OxVideoPlayer { border-color: rgb(96, 96, 96); -moz-box-shadow: 0 0 4px rgba(96, 96, 96, 1); + -o-box-shadow: 0 0 4px rgba(96, 96, 96, 1); -webkit-box-shadow: 0 0 4px rgba(96, 96, 96, 1); } .OxThemeModern .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > img, .OxThemeModern .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon .OxVideoPlayer { border-color: rgb(128, 128, 128); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); + -o-box-shadow: 0 0 4px rgba(128, 128, 128, 1); -webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1); } .OxThemeModern .OxIconList .OxItem > .OxText > div { @@ -298,12 +323,14 @@ Lists border-color: rgb(96, 96, 96); background: rgba(96, 96, 96, 0.5); -moz-box-shadow: 0 0 4px rgba(96, 96, 96, 1); + -o-box-shadow: 0 0 4px rgba(96, 96, 96, 1); -webkit-box-shadow: 0 0 4px rgba(96, 96, 96, 1); } .OxThemeModern .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div { border-color: rgb(128, 128, 128); background: rgba(128, 128, 128, 0.5); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); + -o-box-shadow: 0 0 4px rgba(128, 128, 128, 1); -webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1); } .OxThemeModern .OxIconList .OxItem > .OxText > div > .OxInfo { @@ -351,6 +378,7 @@ Lists .OxThemeModern .OxTextList .OxBar .OxSelected { background: -moz-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48)); + background: -o-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48)); background: -webkit-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48)); color: rgb(255, 255, 255); } @@ -402,11 +430,13 @@ Menus .OxThemeModern .OxMainMenu > .OxTitle.OxSelected { background: -moz-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48)); + background: -o-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48)); background: -webkit-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48)); } .OxThemeModern .OxMenu { -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); + -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); } .OxThemeModern .OxMenu .OxBottom, @@ -578,14 +608,17 @@ Video .OxThemeModern .OxVideoPlayer .OxControls.OxOnScreen { background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); + background-image: -o-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 .OxFind { background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); + background-image: -o-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 { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(64, 64, 64, 0.5)); + background-image: -o-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 { @@ -593,22 +626,27 @@ Video } .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: -o-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: -o-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: -o-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 .OxVolume .OxRange .OxThumb { background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); + background-image: -o-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 .OxThumb:active { background-image: -moz-linear-gradient(top, rgba(64, 64, 64, 0.5), rgba(0, 0, 0, 0.5)); + background-image: -o-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)); } @@ -623,6 +661,7 @@ Video } .OxThemeModern .OxVideoPlayer .OxSelect.OxFocus { -moz-box-shadow: 0 0 0; + -o-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; } .OxThemeModern .OxVideoPlayer .OxSelect div { @@ -646,5 +685,6 @@ Miscellaneous background: rgba(0, 0, 0, 0.96); color: rgba(128, 128, 128, 1); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); + -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } diff --git a/source/Ox.js b/source/Ox.js index 282ec0f4..bffa6068 100644 --- a/source/Ox.js +++ b/source/Ox.js @@ -142,6 +142,23 @@ if (!Array.prototype.reduce) { }; } +// see https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/keys +if (!Object.keys) { + Object.keys = function(obj) { + if (obj !== Object(obj)) { + throw new TypeError(); + } + var key, + ret = []; + for (key in obj) { + if (Object.prototype.hasOwnProperty.call(obj, key)) { + ret.push(key); + } + } + return ret; + } +} + //@ Core ----------------------------------------------------------------------- /*@