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

some more support for opera

Browse source
This commit is contained in:
rlx 2011-09-03 15:25:52 +00:00
commit 74873e3bfb
5 changed files with 203 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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);
}