body.OxThemeClassic { background: rgb(240, 240, 240); } .OxThemeClassic div { color: rgb(16, 16, 16); } /* ================================================================================ Bars ================================================================================ */ .OxThemeClassic .OxBar.OxHorizontal { 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(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))); } /* ================================================================================ Forms ================================================================================ */ .OxThemeClassic .OxButton, .OxThemeClassic .OxInput, .OxThemeClassic .OxRange, .OxThemeClassic .OxTrack { border: 1px solid rgb(176, 176, 176); //border: 1px solid rgb(160, 160, 160); color: rgb(64, 64, 64); } .OxThemeClassic .OxButton, .OxThemeClassic .OxRange { //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(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 .OxButton:active, .OxThemeClassic .OxRange.OxActive { //background: rgb(160, 160, 160); background: rgb(192, 192, 192); color: rgb(48, 48, 48); } .OxThemeClassic .OxButton.OxDisabled { background: rgb(192, 192, 192); color: rgb(128, 128, 128); } .OxThemeClassic .OxButton.OxSelected { //background: -moz-linear-gradient(left top, left bottom, from(rgb(128, 128, 128)), to(rgb(160, 160, 160))); //background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), to(rgb(160, 160, 160))); background: -moz-linear-gradient(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))); color: rgb(32, 32, 32); } .OxThemeClassic .OxButton.OxTab.OxSelected { border-bottom: 1px solid rgb(192, 192, 192); } .OxThemeClassic .OxInput, .OxThemeClassic .OxTrack { background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255))); background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), 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 2 4px rgb(128, 128, 128); } .OxThemeClassic .OxInput.OxPlaceholder { color: rgb(160, 160, 160) } /* ================================================================================ Scrollbars ================================================================================ */ .OxThemeClassic ::-webkit-scrollbar { width: 12px; height: 12px; 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 { width: 12px; height: 12px; } .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-thumb:vertical { border: 1px solid rgb(176, 176, 176); background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192))); -webkit-border-radius: 6px; } .OxThemeClassic ::-webkit-scrollbar-track:vertical { border: 1px solid rgb(176, 176, 176); background-image: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(255, 255, 255))); -webkit-border-radius: 6px; } .OxThemeClassic ::-webkit-scrollbar:active, .OxThemeClassic ::-webkit-scrollbar-thumb:vertical:active { background: rgb(192, 192, 192); }