body.OxThemeClassic { background: rgb(240, 240, 240); } .OxThemeClassic div { color: rgb(16, 16, 16); } .OxThemeClassic .OxHighlight { background: rgb(255, 255, 0); } /* ================================================================================ 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-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); } .OxThemeClassic .OxBar.OxMainMenu { 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))); } .OxThemeClassic .OxResizebar > .OxLine { background: rgb(208, 208, 208); } /* ================================================================================ Dialog ================================================================================ */ .OxThemeClassic .OxDialog { -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); } .OxThemeClassic .OxDialog .OxBar { //background: -moz-linear-gradient(top, rgba(208, 208, 208, 0.96), rgba(176, 176, 176, 0.96)); //background: -webkit-gradient(linear, left top, left bottom, from(rgba(208, 208, 208, 0.96)), to(rgba(176, 176, 176, 0.96))); background: -moz-linear-gradient(top, rgba(224, 224, 224, 0.96), rgba(192, 192, 192, 0.96)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(224, 224, 224, 0.96)), to(rgba(192, 192, 192, 0.96))); } .OxThemeClassic .OxDialog .OxContent { //background: rgba(224, 224, 224, 0.96); background: rgba(208, 208, 208, 0.96); } .OxThemeClassic .OxDialog .OxTitle { color: rgb(48, 48, 48); } .OxThemeClassic .OxLayer { background: rgb(255, 255, 255); } /* ================================================================================ Forms ================================================================================ */ .OxThemeClassic .OxButton, .OxThemeClassic input.OxCheckbox, .OxThemeClassic input.OxInput, .OxThemeClassic .OxLabel, .OxThemeClassic .OxTrack { border: 1px solid rgb(176, 176, 176); //border: 1px solid rgb(160, 160, 160); color: rgb(64, 64, 64); } .OxThemeClassic .OxSelect { border: 1px solid rgb(176, 176, 176); } .OxThemeClassic .OxSelect > .OxTitle { color: rgb(64, 64, 64); } .OxThemeClassic .OxInputLabel { color: rgb(64, 64, 64); } .OxThemeClassic .OxButton, .OxThemeClassic div.OxInput, .OxThemeClassic .OxSelect { //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: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); } .OxThemeClassic .OxButton:active { //background: rgb(160, 160, 160); background: rgb(192, 192, 192); color: rgb(48, 48, 48); } .OxThemeClassic .OxCheckbox:active { background: -moz-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(240, 240, 240))); } .OxThemeClassic .OxButton:focus { -moz-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 2 4px rgb(128, 128, 128); } .OxThemeClassic .OxButton.OxSelected, .OxThemeClassic .OxSelect.OxSelected { 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: -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))); color: rgb(32, 32, 32); } .OxThemeClassic .OxButton.OxTab.OxSelected { border-bottom: 1px solid rgb(192, 192, 192); } .OxThemeClassic .OxFormMessage { color: rgb(192, 64, 64); } .OxThemeClassic .OxButton.OxDisabled, .OxThemeClassic .OxLabel.OxDisabled { color: rgb(128, 128, 128); } .OxThemeClassic .OxButton.OxDisabled { background: rgb(192, 192, 192); } .OxThemeClassic input.OxCheckbox, .OxThemeClassic input.OxInput, .OxThemeClassic .OxTrack { //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: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(255, 255, 255))); } .OxThemeClassic .OxInput:focus { //border: 1px solid rgb(160, 160, 160); //-moz-box-shadow: 0 0 2px rgb(128, 128, 128); //-webkit-box-shadow: 0 0 2px rgb(128, 128, 128); } .OxThemeClassic div.OxInput.OxFocus, .OxThemeClassic .OxSelect.OxFocus { -moz-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 0 2px rgb(128, 128, 128); } .OxThemeClassic .OxInput.OxPlaceholder { color: rgb(160, 160, 160) } .OxThemeClassic .OxLabel { background: rgb(208, 208, 208); } .OxThemeClassic input.OxCheckbox.OxDisabled, .OxThemeClassic input.OxInput:disabled { background: rgb(224, 224, 224); } /* ================================================================================ 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: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(224, 224, 224))); } .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon img { border-color: rgb(160, 160, 160); -moz-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 { border-color: rgb(128, 128, 128); -moz-box-shadow: 0 0 4px rgba(128, 128, 128, 1); -webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1); } .OxThemeClassic .OxIconList .OxItem > .OxReflection > div { background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 240, 240, 0.75)), color-stop(1, rgba(240, 240, 240, 1))); } .OxThemeClassic .OxIconList .OxItem > .OxText > div { text-shadow: rgb(255, 255, 255) 1px 1px 0; } .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxText > div { border-color: rgb(160, 160, 160); background: rgba(160, 160, 160, 0.5); -moz-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); -webkit-box-shadow: 0 0 4px rgba(128, 128, 128, 1); } .OxThemeModern .OxIconList .OxItem > .OxText > div > .OxInfo { color: rgb(128, 128, 128); } .OxThemeClassic .OxTextList .OxItem .OxCell { border-right: 1px solid rgb(224, 224, 224); } .OxThemeClassic .OxTextList .OxItem:nth-child(odd) { background: rgb(242, 242, 242); } .OxThemeClassic .OxTextList .OxItem:nth-child(even) { background: rgb(238, 238, 238); } .OxThemeClassic .OxTextList .OxItem.OxSelected:nth-child(odd) { background: rgb(226, 226, 226); } .OxThemeClassic .OxTextList .OxItem.OxSelected:nth-child(even) { background: rgb(222, 222, 222); } .OxThemeClassic .OxTextList .OxFocus .OxItem.OxSelected:nth-child(odd) { background: rgb(210, 210, 210); } .OxThemeClassic .OxTextList .OxFocus .OxItem.OxSelected:nth-child(even) { background: rgb(206, 206, 206); } .OxThemeClassic .OxTextList .OxBar { background: -moz-linear-gradient(top, rgb(240, 240, 240), rgb(208, 208, 208)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(240, 240, 240)), to(rgb(208, 208, 208))); } .OxThemeClassic .OxTextList .OxBar .OxSelected { 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))); //color: rgb(0, 0, 0); } .OxThemeClassic .OxTextList .OxBar .OxOrder { color: rgb(0, 0, 0); } .OxThemeClassic .OxTextList .OxBar .OxResize .OxCenter { background: rgb(192, 192, 192); } .OxThemeClassic .OxTextList .OxBar .OxSelect { border-color: rgb(192, 192, 192); } .OxThemeClassic .OxTextList .OxBody .OxItem .OxCell { border-right: 1px solid rgb(232, 232, 232); } .OxThemeClassic .OxTextList .OxItem.OxSelected .OxCell { border-right: 1px solid rgb(216, 216, 216); } .OxThemeClassic .OxTextList .OxFocus .OxItem.OxSelected .OxCell { border-right: 1px solid rgb(200, 200, 200); color: rgb(0, 0, 0); } .OxThemeClassic .OxTextList .OxBody .OxItem .OxLine { background: rgb(232, 232, 232); } /* ================================================================================ Menus ================================================================================ */ .OxThemeClassic .OxMainMenu > .OxTitle.OxSelected { background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(176, 176, 176))); } .OxThemeClassic .OxMenu { -moz-box-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, .OxThemeClassic .OxMenu .OxItem, .OxThemeClassic .OxMenu .OxScrollbar, .OxThemeClassic .OxMenu .OxSpace, .OxThemeClassic .OxMenu .OxTop { background: rgba(208, 208, 208, 0.96); } .OxThemeClassic .OxMenu .OxItem.OxSelected, .OxThemeClassic .OxMenu .OxLine, .OxThemeClassic .OxMenu .OxScrollbar.OxSelected { background: rgba(192, 192, 192, 0.96); } .OxThemeClassic .OxMenu .OxItem.OxDisabled .OxCell { color: rgb(160, 160, 160); } /* ================================================================================ Requests ================================================================================ */ /* ================================================================================ Scrollbars ================================================================================ */ .OxThemeClassic ::-webkit-scrollbar:horizontal { border-top: 1px solid rgb(176, 176, 176); border-bottom: 1px solid rgb(176, 176, 176); background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); } .OxThemeClassic ::-webkit-scrollbar:vertical { border-left: 1px solid rgb(176, 176, 176); border-right: 1px solid rgb(176, 176, 176); background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); } .OxThemeClassic ::-webkit-scrollbar-button:horizontal:decrement { background: url(../png/ox.ui.classic/scrollbarHorizontalDecrement.png); } .OxThemeClassic ::-webkit-scrollbar-button:horizontal:increment { background: url(../png/ox.ui.classic/scrollbarHorizontalIncrement.png); } .OxThemeClassic ::-webkit-scrollbar-button:vertical:decrement { background: url(../png/ox.ui.classic/scrollbarVerticalDecrement.png); } .OxThemeClassic ::-webkit-scrollbar-button:vertical:increment { background: url(../png/ox.ui.classic/scrollbarVerticalIncrement.png); } .OxThemeClassic ::-webkit-scrollbar-corner { border-right: 1px solid rgb(176, 176, 176); border-bottom: 1px solid rgb(176, 176, 176); background: -webkit-gradient(linear, left top, right bottom, from(rgb(224, 224, 224)), to(rgb(160, 160, 160))); } .OxThemeClassic ::-webkit-scrollbar-thumb { border: 1px solid rgb(176, 176, 176); } .OxThemeClassic ::-webkit-scrollbar-thumb:horizontal { background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); } .OxThemeClassic ::-webkit-scrollbar-thumb:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); } .OxThemeClassic ::-webkit-scrollbar-track { border: 1px solid rgb(176, 176, 176); } .OxThemeClassic ::-webkit-scrollbar-track:horizontal { background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255))); } .OxThemeClassic ::-webkit-scrollbar-track:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(255, 255, 255))); } .OxThemeClassic ::-webkit-scrollbar:active, .OxThemeClassic ::-webkit-scrollbar-thumb:active { background: rgb(208, 208, 208); } /* ================================================================================ Video ================================================================================ */ .OxThemeClassic .OxVideoPlayer { background: rgb(255, 255, 255); } /* ================================================================================ Miscellaneous ================================================================================ */ .OxThemeClassic .OxTooltip { border: 1px solid rgba(128, 128, 128, 0.75); background: rgba(255, 255, 255, 0.75); color: rgba(128, 128, 128, 1); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }