0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update css (classic theme)

Browse source
This commit is contained in:
rolux 2010-09-04 00:12:25 +02:00
parent 2e5470c747
commit fb91aca1aa
4 changed files with 20 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
build/css/ox.ui.classic.css
View file

@ -16,16 +16,18 @@ Bars
*/ */
.OxThemeClassic .OxBar.OxHorizontal { .OxThemeClassic .OxBar.OxHorizontal {
background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(160, 160, 160)); //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: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
//background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
} }
.OxThemeClassic .OxBar.OxMainMenu { .OxThemeClassic .OxBar.OxMainMenu {
background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
} }
.OxThemeClassic .OxResizebar > .OxLine {
background: rgb(208, 208, 208);
}
/* /*
================================================================================ ================================================================================
@ -98,7 +100,7 @@ Forms
} }
.OxThemeClassic .OxButton.OxSelected, .OxThemeClassic .OxButton.OxSelected,
.OxThemeClassic .OxSelect.OxSelected { .OxThemeClassic .OxSelect.OxSelected {
background: -moz-linear-gradient(top, rgb(128, 128, 128), rgb(160, 160, 160)); background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(160, 160, 160)), to(rgb(192, 192, 192))); background: -webkit-gradient(linear, left top, left bottom, from(rgb(160, 160, 160)), to(rgb(192, 192, 192)));
//background: -moz-linear-gradient(top, rgb(128, 128, 128), rgb(160, 160, 160) 10%, 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))); //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)));
@ -181,15 +183,15 @@ Lists
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
} }
.OxThemeClassic .OxTextList .OxBar .OxSelected { .OxThemeClassic .OxTextList .OxBar .OxSelected {
background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(160, 160, 160)); background: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(208, 208, 208));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160))); background: -webkit-gradient(linear, left top, left bottom, from(rgb(240, 240, 240)), to(rgb(208, 208, 208)));
color: rgb(0, 0, 0); //color: rgb(0, 0, 0);
} }
.OxThemeClassic .OxTextList .OxBar .OxOrder { .OxThemeClassic .OxTextList .OxBar .OxOrder {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
} }
.OxThemeClassic .OxTextList .OxBar .OxResize .OxCenter { .OxThemeClassic .OxTextList .OxBar .OxResize .OxCenter {
background: rgb(232, 232, 232); background: rgb(176, 176, 176);
} }
.OxThemeClassic .OxTextList .OxBody .OxItem .OxCell { .OxThemeClassic .OxTextList .OxBody .OxItem .OxCell {
border-right: 1px solid rgb(232, 232, 232); border-right: 1px solid rgb(232, 232, 232);

8
build/css/ox.ui.css
View file

@ -802,8 +802,8 @@ Menus
.OxMainMenu { .OxMainMenu {
z-index: 9; z-index: 9;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
} }
.OxMainMenu.OxLarge { .OxMainMenu.OxLarge {
height: 24px; height: 24px;
@ -847,10 +847,6 @@ Menus
.OxMainMenu > .OxTitle:first-child { .OxMainMenu > .OxTitle:first-child {
font-weight: bold; font-weight: bold;
} }
.OxMainMenu > .OxTitle.OxSelected {
background: rgb(48, 48, 48);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(80, 80, 80)), color-stop(1, rgb(48, 48, 48)));
}
.OxMainMenu.OxLarge > .OxExtras { .OxMainMenu.OxLarge > .OxExtras {
float: right; float: right;
padding: 4px 12px 0 0; padding: 4px 12px 0 0;

5
build/css/ox.ui.modern.css
View file

@ -194,6 +194,11 @@ Menus
================================================================================ ================================================================================
*/ */
.OxThemeModern .OxMainMenu > .OxTitle.OxSelected {
background: -moz-linear-gradient(top, rgb(80, 80, 80), rgb(48, 48, 48));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 80, 80)), to(rgb(48, 48, 48)));
}
.OxThemeModern .OxMenu { .OxThemeModern .OxMenu {
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);

1
build/js/ox.ui.js
View file

@ -1255,6 +1255,7 @@ requires
---------------------------------------------------------------------------- ----------------------------------------------------------------------------
*/ */
// fixme: this should be Ox.Theme, and provide Ox.Theme.set(), Ox.Theme.load, etc.
Ox.theme = function() { Ox.theme = function() {
var length = arguments.length, var length = arguments.length,
classes = $body.attr('class').split(' '), classes = $body.attr('class').split(' '),