body.OxThemeModern { background: rgb(16, 16, 16); } .OxThemeModern div { color: rgb(240, 240, 240); } .OxThemeModern .OxHighlight { //background: rgb(255, 255, 0); //font-weight: bold; //color: rgb(0, 0, 0); color: rgb(255, 255, 0); } /* ================================================================================ 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-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32))); } .OxThemeModern .OxResizebar > .OxLine { background: rgb(48, 48, 48); } /* ================================================================================ Dialog ================================================================================ */ .OxThemeModern .OxDialog { -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 1); } .OxThemeModern .OxDialog .OxBar { background: -moz-linear-gradient(top, rgba(64, 64, 64, 0.96), rgba(32, 32, 32, 0.96)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(64, 64, 64, 0.96)), to(rgba(32, 32, 32, 0.96))); } .OxThemeModern .OxDialog .OxContent { background: rgba(48, 48, 48, 0.96); } /* ================================================================================ Forms ================================================================================ */ .OxThemeModern .OxButton, .OxThemeModern .OxInput, .OxThemeModern .OxRange, .OxThemeModern .OxTrack { //border: 1px solid rgb(80, 80, 80); border: 1px solid rgb(48, 48, 48); color: rgb(192, 192, 192); } .OxThemeModern .OxButton, .OxThemeModern div.OxInput, .OxThemeModern .OxRange { background: -moz-linear-gradient(top, rgb(96, 96, 96), 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(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))); } .OxThemeModern .OxButton:active, .OxThemeModern .OxRange.OxActive { background: rgb(80, 80, 80); //background: rgb(64, 64, 64); } .OxThemeModern .OxButton.OxDisabled { background: rgb(80, 80, 80); color: rgb(128, 128, 128); } .OxThemeModern .OxButton.OxSelected { //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: -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); } .OxThemeModern .OxButton.OxTab.OxSelected { border-bottom: 1px solid rgb(64, 64, 64); } .OxThemeModern .OxFormMessage { color: rgb(255, 64, 64); } .OxThemeModern .OxInput, .OxThemeModern .OxTrack { background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32))); } .OxThemeModern div.OxInput.OxFocus, .OxThemeModern .OxInput:focus { border: 1px solid rgb(80, 80, 80); -moz-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 0 2px rgb(128, 128, 128); } .OxThemeModern .OxInput.OxPlaceholder { color: rgb(96, 96, 96) } /* ================================================================================ Lists ================================================================================ */ .OxThemeModern .OxTextList .OxItem .OxCell { border-right: 1px solid rgb(32, 32, 32); } .OxThemeModern .OxTextList .OxItem:nth-child(odd) { background: rgb(14, 14, 14); } .OxThemeModern .OxTextList .OxItem:nth-child(even) { background: rgb(18, 18, 18); } .OxThemeModern .OxTextList .OxItem.OxSelected:nth-child(odd) { background: rgb(46, 46, 46); } .OxThemeModern .OxTextList .OxItem.OxSelected:nth-child(even) { background: rgb(50, 50, 50); } .OxThemeModern .OxTextList .OxFocus .OxItem.OxSelected:nth-child(odd) { background: rgb(62, 62, 62); } .OxThemeModern .OxTextList .OxFocus .OxItem.OxSelected:nth-child(even) { background: rgb(66, 66, 66); } .OxThemeModern .OxTextList .OxBar .OxSelected { background: -moz-linear-gradient(top, rgb(80, 80, 80), 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))); color: rgb(255, 255, 255); } .OxThemeModern .OxTextList .OxBar .OxOrder { color: rgb(255, 255, 255); } .OxThemeModern .OxTextList .OxBar .OxResize .OxCenter { background: rgb(24, 24, 24); } .OxThemeModern .OxTextList .OxBody .OxItem .OxCell { border-right: 1px solid rgb(24, 24, 24); } .OxThemeModern .OxTextList .OxItem.OxSelected .OxCell { border-right: 1px solid rgb(40, 40, 40); } .OxThemeModern .OxTextList .OxFocus .OxItem.OxSelected .OxCell { border-right: 1px solid rgb(72, 72, 72); color: rgb(255, 255, 255); } .OxThemeModern .OxTextList .OxBody .OxItem .OxLine { background: rgb(24, 24, 24); } /* ================================================================================ Menus ================================================================================ */ .OxThemeModern .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); } .OxThemeModern .OxMenu .OxBottom, .OxThemeModern .OxMenu .OxItem, .OxThemeModern .OxMenu .OxScrollbar, .OxThemeModern .OxMenu .OxSpace, .OxThemeModern .OxMenu .OxTop { background: rgba(48, 48, 48, 0.96); } .OxThemeModern .OxMenu .OxItem.OxSelected, .OxThemeModern .OxMenu .OxLine, .OxThemeModern .OxMenu .OxScrollbar.OxSelected { background: rgba(64, 64, 64, 0.96); } .OxThemeModern .OxMenu .OxItem.OxDisabled .OxCell { color: rgb(80, 80, 80); } /* ================================================================================ Scrollbars ================================================================================ */ .OxThemeModern ::-webkit-scrollbar:horizontal { border-top: 1px solid rgb(48, 48, 48); border-bottom: 1px solid rgb(48, 48, 48); background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64))); } .OxThemeModern ::-webkit-scrollbar:vertical { border-left: 1px solid rgb(48, 48, 48); border-right: 1px solid rgb(48, 48, 48); background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64))); } .OxThemeModern ::-webkit-scrollbar-button:horizontal:decrement { background: url(../png/ox.ui.modern/scrollbarHorizontalDecrement.png); } .OxThemeModern ::-webkit-scrollbar-button:horizontal:increment { background: url(../png/ox.ui.modern/scrollbarHorizontalIncrement.png); } .OxThemeModern ::-webkit-scrollbar-button:vertical:decrement { background: url(../png/ox.ui.modern/scrollbarVerticalDecrement.png); } .OxThemeModern ::-webkit-scrollbar-button:vertical:increment { background: url(../png/ox.ui.modern/scrollbarVerticalIncrement.png); } .OxThemeModern ::-webkit-scrollbar-corner { border-right: 1px solid rgb(48, 48, 48); border-bottom: 1px solid rgb(48, 48, 48); background: -webkit-gradient(linear, left top, right bottom, from(rgb(96, 96, 96)), to(rgb(32, 32, 32))); } .OxThemeModern ::-webkit-scrollbar-thumb { border: 1px solid rgb(48, 48, 48); } .OxThemeModern ::-webkit-scrollbar-thumb:horizontal { background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64))); } .OxThemeModern ::-webkit-scrollbar-thumb:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64))); } .OxThemeModern ::-webkit-scrollbar-track { border: 1px solid rgb(32, 32, 32); } .OxThemeModern ::-webkit-scrollbar-track:horizontal { background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32))); } .OxThemeModern ::-webkit-scrollbar-track:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgb(32, 32, 32))); } .OxThemeModern ::-webkit-scrollbar:active, .OxThemeModern ::-webkit-scrollbar-thumb:active { background: rgb(64, 64, 64); } /* ================================================================================ Miscellaneous ================================================================================ */ .OxThemeModern .OxTooltip { border: 1px solid rgb(255, 255, 255); background: rgba(0, 0, 0, 0.9); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 1); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 1); }