body.OxThemeClassic { background: rgb(240, 240, 240); } .OxThemeClassic a { color: rgb(0, 0, 128); } .OxThemeClassic div { color: rgb(16, 16, 16); } .OxThemeClassic .OxHighlight { background: rgb(255, 255, 0); } .OxThemeClassic .OxBright { color: rgb(0, 0, 0); } .OxThemeClassic .OxLight { color: rgb(128, 128, 128); } .OxThemeClassic .OxGrid { background-color: rgb(248, 248, 248); background-image: -moz-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)), -moz-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)); background-image: -o-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)), -o-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)); background-image: -webkit-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)), -webkit-linear-gradient(45deg, rgb(232, 232, 232) 25%, transparent 25%, transparent 75%, rgb(232, 232, 232) 75%, rgb(232, 232, 232)); background-size: 32px 32px; background-position: 0 0, 16px 16px } /* ================================================================================ 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-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxBar.OxMainMenu { background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxProgressbar { border-color: rgb(176, 176, 176); background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxProgressbar .OxTrack { border-color: rgb(176, 176, 176); background-image: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); background-image: -o-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); background-image: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); } .OxThemeClassic .OxProgressbar .OxProgress { border-color: rgb(176, 176, 176); background-image: -moz-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 100% ), -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -o-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 100% ), -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.05) 100% ), -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-size: 32px 32px, 16px 16px; } .OxThemeClassic .OxProgressbar .OxProgress.OxAnimate { background-image: -moz-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 100% ), -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -o-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 100% ), -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background-image: -webkit-repeating-linear-gradient( -45deg, transparent 0, transparent 25%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 100% ), -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxResizebar > .OxLine { background-color: rgb(208, 208, 208); } /* ================================================================================ Calendar ================================================================================ */ .OxThemeClassic .OxCalendar .OxTimeline > div.odd { background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxCalendar .OxTimeline > div.even { background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -o-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); } .OxThemeClassic .OxCalendar .OxBackground > div { //background: rgb(20, 20, 20); background: rgb(232, 232, 232); } .OxThemeClassic .OxCalendar .OxBackground > div.line { background: rgb(224, 224, 224); } .OxThemeClassic .OxCalendar .OxLine > .OxEvent { color: rgb(0, 0, 0); } .OxThemeClassic .OxCalendar .OxLine > .OxEvent.OxSelected { box-shadow: inset 0 0 1px rgb(0, 0, 0), inset 0 0 1px rgb(0, 0, 0), inset 0 0 1px rgb(0, 0, 0), inset 0 0 1px rgb(0, 0, 0); } .OxThemeClassic .OxEvent.OxDate { background: -moz-linear-gradient(top, rgba(128, 128, 255, 0.9), rgba(96, 96, 224, 0.9)); background: -o-linear-gradient(top, rgba(128, 128, 255, 0.9), rgba(96, 96, 224, 0.9)); background: -webkit-linear-gradient(top, rgba(128, 128, 255, 0.9), rgba(96, 96, 224, 0.9)); } .OxThemeClassic .OxEvent.OxPlace { background: -moz-linear-gradient(top, rgba(0, 192, 96, 0.9), rgba(0, 160, 64, 0.9)); background: -o-linear-gradient(top, rgba(0, 192, 96, 0.9), rgba(0, 160, 64, 0.9)); background: -webkit-linear-gradient(top, rgba(0, 192, 96, 0.9), rgba(0, 160, 64, 0.9)); } .OxThemeClassic .OxEvent.OxPerson { background: -moz-linear-gradient(top, rgba(255, 128, 0, 0.9), rgba(224, 96, 0, 0.9)); background: -o-linear-gradient(top, rgba(255, 128, 0, 0.9), rgba(224, 96, 0, 0.9)); background: -webkit-linear-gradient(top, rgba(255, 128, 0, 0.9), rgba(224, 96, 0, 0.9)); } .OxThemeClassic .OxEvent.OxOther { background: -moz-linear-gradient(top, rgba(255, 128, 128, 0.9), rgba(224, 96, 96, 0.9)); background: -o-linear-gradient(top, rgba(255, 128, 128, 0.9), rgba(224, 96, 96, 0.9)); background: -webkit-linear-gradient(top, rgba(255, 64, 64, 0.9), rgba(224, 32, 32, 0.9)); } .OxThemeClassic .OxCalendar .OxOverlay div:nth-child(even) { background-color: rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 2px rgb(0, 0, 0); } .OxThemeClassic .OxCalendar .OxOverlay div:nth-child(odd) { background-color: rgba(255, 255, 255, 0.25); } .OxThemeModern .OxCalendar .OxCalendarControl, .OxThemeModern .OxCalendar .OxEventControl { border-color: rgb(64, 64, 64); background: rgba(255, 255, 255, 0.75); color: rgb(64, 64, 64); } .OxThemeClassic .OxCalendarEditor .OxWarning { border-bottom: 2px dotted rgb(255, 64, 64); } /* ================================================================================ Dialog ================================================================================ */ .OxThemeClassic .OxDialog { -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75); } .OxThemeClassic .OxDialog .OxBar { background: -moz-linear-gradient(top, rgba(224, 224, 224, 0.95), rgba(192, 192, 192, 0.95)); background: -o-linear-gradient(top, rgba(224, 224, 224, 0.95), rgba(192, 192, 192, 0.95)); background: -webkit-linear-gradient(top, rgba(224, 224, 224, 0.95), rgba(192, 192, 192, 0.95)); } .OxThemeClassic .OxDialog .OxContent { background: rgba(208, 208, 208, 0.95); } .OxThemeClassic .OxDialog .OxIconList .OxContent { background: transparent; } .OxThemeClassic .OxDialog .OxTitle { //color: rgb(48, 48, 48); } .OxThemeClassic .OxLayer { background: rgb(255, 255, 255); } /* ================================================================================ DocPage ================================================================================ */ .OxThemeClassic .OxFailed { color: rgb(192, 0, 0); } /* ================================================================================ Document ================================================================================ */ .OxThemeClassic .OxDocument code { color: rgb(0, 0, 64); //background: rgb(255, 255, 255); } .OxThemeClassic .OxDocument div { border-color: rgb(208, 208, 208); } /* ================================================================================ Forms ================================================================================ */ .OxThemeClassic .OxButton, .OxThemeClassic input.OxCheckbox, .OxThemeClassic input.OxInput, .OxThemeClassic textarea, .OxThemeClassic .OxLabel, .OxThemeClassic .OxTrack { border-color: rgb(176, 176, 176); //border: 1px solid rgb(160, 160, 160); color: rgb(64, 64, 64); } .OxThemeClassic .OxSelect { border-color: 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: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic div.OxInput.OxTextarea { background: transparent; } .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: -o-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240)); background: -webkit-linear-gradient(top, rgb(192, 192, 192), rgb(240, 240, 240)); } .OxThemeClassic .OxButton:focus { -moz-box-shadow: 0 0 2px rgb(128, 128, 128); -o-box-shadow: 0 0 2px rgb(128, 128, 128); -webkit-box-shadow: 0 2 4px rgb(128, 128, 128); } .OxThemeClassic .OxButton.OxDisabled { background: rgb(192, 192, 192); color: rgb(128, 128, 128); } .OxThemeClassic .OxButton.OxSymbol.OxDisabled { background: rgba(0, 0, 0, 0); opacity: 0.5; } .OxThemeClassic .OxButton.OxSelected, .OxThemeClassic .OxSelect.OxSelected, .OxThemeClassic .OxCollapsePanel > .OxBar > .OxExtras > .OxSelect.OxSelected { background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background: -o-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); color: rgb(32, 32, 32); } .OxThemeClassic .OxButton.OxTab { //background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); //background: -webkit-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); } .OxThemeClassic .OxButton.OxTab.OxSelected { //background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); //background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); border-bottom: 1px solid rgb(192, 192, 192); } .OxThemeClassic .OxFileInput.OxDisabled > .OxBar { background: rgb(192, 192, 192); } .OxThemeClassic .OxFileInput.OxDisabled > .OxBar > div { color: rgb(128, 128, 128); } .OxThemeClassic .OxFormMessage { color: rgb(192, 64, 64); } .OxThemeClassic .OxLabel.OxDisabled { color: rgb(128, 128, 128); } .OxThemeClassic .OxDocPage .OxLabel.OxSquare, .OxThemeClassic .OxExamplePage .OxLabel.OxSquare { background: rgb(240, 240, 240); } .OxThemeClassic input.OxCheckbox, .OxThemeClassic input.OxInput, .OxThemeClassic textarea, .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: -o-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(255, 255, 255)); } .OxThemeClassic div.OxInput.OxError input { color: rgb(192, 64, 64); } .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); -o-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); } .OxThemeClassic .OxLabelSelect > .OxTitle { border-color: rgb(176, 176, 176); background: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic .OxLabelSelect.OxSelected > .OxTitle { background: -moz-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background: -o-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); background: -webkit-linear-gradient(top, rgb(160, 160, 160), rgb(192, 192, 192)); } .OxThemeClassic .OxFileInput > .OxBar, .OxThemeClassic .OxFileInput > .OxFiles { border-color: rgb(176, 176, 176); } .OxThemeClassic .OxArrayEditable.OxArrayEditableTextarea .OxEditableElement { border-top-color: rgb(208, 208, 208); } .OxThemeClassic .OxEditableElement.OxSelected { background: rgb(208, 208, 208); } /* ================================================================================ Images ================================================================================ */ .OxThemeClassic .OxReflection > div { background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); background: -o-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0.75), rgba(240, 240, 240, 1)); } .OxThemeClassic .OxDialog .OxReflection > div { background: -moz-linear-gradient(top, rgba(208, 208, 208, 0.75), rgba(208, 208, 208, 1)); background: -o-linear-gradient(top, rgba(208, 208, 208, 0.75), rgba(208, 208, 208, 1)); background: -webkit-linear-gradient(top, rgba(208, 208, 208, 0.75), rgba(208, 208, 208, 1)); } /* ================================================================================ Lists ================================================================================ */ .OxThemeClassic .OxIconList .OxItem > .OxIcon > img.OxLoading, .OxThemeClassic .OxInfoList .OxItem .OxIcon > img.OxLoading { border-color: rgb(208, 208, 208); background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); background: -o-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224)); } .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > img, .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxIcon > .OxVideoPlayer, .OxThemeClassic .OxInfoList .OxItem.OxSelected .OxIcon > img, .OxThemeClassic .OxInfoList .OxItem.OxSelected .OxIcon > .OxVideoPlayer { border-color: rgb(192, 192, 192); -moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1); -o-box-shadow: 0 0 4px rgba(192, 192, 192, 1); -webkit-box-shadow: 0 0 4px rgba(192, 192, 192, 1); } .OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > img, .OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxIcon > .OxVideoPlayer, .OxThemeClassic .OxInfoList.OxFocus .OxItem.OxSelected .OxIcon > img, .OxThemeClassic .OxInfoList.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); } .OxThemeClassic .OxIconList .OxItem > .OxText > div, .OxThemeClassic .OxInfoList .OxItem .OxText > div { text-shadow: rgb(255, 255, 255) -1px -1px 0, rgb(255, 255, 255) -1px 1px 0, rgb(255, 255, 255) 1px -1px 0, rgb(255, 255, 255) 1px 1px 0; } .OxThemeClassic .OxIconList .OxItem.OxSelected > .OxText > div, .OxThemeClassic .OxInfoList .OxItem.OxSelected .OxText > div { border-color: rgb(192, 192, 192); background: rgba(192, 192, 192, 0.5); -moz-box-shadow: 0 0 4px rgba(192, 192, 192, 1); -o-box-shadow: 0 0 4px rgba(192, 192, 192, 1); -webkit-box-shadow: 0 0 4px rgba(192, 192, 192, 1); } .OxThemeClassic .OxIconList.OxFocus .OxItem.OxSelected > .OxText > div, .OxThemeClassic .OxInfoList.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); } .OxThemeClassic .OxIconList .OxItem > .OxText > div > .OxInfo, .OxThemeClassic .OxInfoList .OxItem .OxText > div > .OxInfo { color: rgb(128, 128, 128); } .OxThemeClassic .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon > img, .OxThemeClassic .OxInfoList .OxItem.OxSelected .OxInfoElement .OxIcon .OxVideoPlayer, .OxThemeClassic .OxInfoList .OxItem.OxSelected .OxInfoElement .OxText > div { border-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .OxThemeClassic .OxTableList .OxContent { background: rgb(240, 240, 240); } .OxThemeClassic .OxTableList .OxItem .OxCell { border-right-color: rgb(224, 224, 224); } .OxThemeClassic .OxTableList .OxItem:nth-child(odd) { background: rgb(242, 242, 242); } .OxThemeClassic .OxTableList .OxItem:nth-child(even) { background: rgb(238, 238, 238); } .OxThemeClassic .OxTableList .OxItem.OxSelected:nth-child(odd) { background: rgb(226, 226, 226); } .OxThemeClassic .OxTableList .OxItem.OxSelected:nth-child(even) { background: rgb(222, 222, 222); } .OxThemeClassic .OxTableList .OxFocus .OxItem.OxSelected:nth-child(odd) { background: rgb(210, 210, 210); } .OxThemeClassic .OxTableList .OxFocus .OxItem.OxSelected:nth-child(even) { background: rgb(206, 206, 206); } .OxThemeClassic .OxTableList .OxItem.OxDroppable.OxDrop:nth-child(odd) .OxCell { background: rgb(194, 194, 194); } .OxThemeClassic .OxTableList .OxItem.OxDroppable.OxDrop:nth-child(even) .OxCell { background: rgb(190, 190, 190); } .OxThemeClassic .OxTableList .OxHead .OxSelected { background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -o-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); color: rgb(0, 0, 0); } .OxThemeClassic .OxTableList .OxHead .OxResize .OxCenter { background: rgb(192, 192, 192); } .OxThemeClassic .OxTableList .OxHead .OxSelect { border-color: rgb(192, 192, 192); } .OxThemeClassic .OxTableList .OxBody .OxItem .OxCell { border-color: rgb(232, 232, 232); } .OxThemeClassic .OxTableList .OxItem.OxSelected .OxCell { border-color: rgb(216, 216, 216); } .OxThemeClassic .OxTableList .OxFocus .OxItem.OxSelected .OxCell { border-color: rgb(200, 200, 200); color: rgb(0, 0, 0); } .OxThemeClassic .OxTableList .OxBody .OxItem .OxLine { background: rgb(232, 232, 232); } /* ================================================================================ Maps ================================================================================ */ .OxThemeClassic .OxMap .OxMapControl, .OxThemeClassic .OxMap .OxPlaceControl { border-color: rgb(64, 64, 64); background: rgba(255, 255, 255, 0.75); color: rgb(64, 64, 64); } .OxThemeClassic .OxTypeIcon { border-color: rgb(0, 0, 0); } .OxThemeClassic .OxMapEditor .OxWarning { border-bottom: 2px dotted rgb(255, 64, 64); } /* ================================================================================ Menus ================================================================================ */ .OxThemeClassic .OxMainMenu > .OxTitle.OxSelected { background: -moz-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -o-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); background: -webkit-linear-gradient(top, rgb(208, 208, 208), rgb(176, 176, 176)); } .OxThemeClassic .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); } .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-linear-gradient(top, rgb(224, 224, 224), 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-linear-gradient(left, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic ::-webkit-scrollbar-button:horizontal:decrement { background: url(../png/scrollbarHorizontalDecrement.png); } .OxThemeClassic ::-webkit-scrollbar-button:horizontal:increment { background: url(../png/scrollbarHorizontalIncrement.png); } .OxThemeClassic ::-webkit-scrollbar-button:vertical:decrement { background: url(../png/scrollbarVerticalDecrement.png); } .OxThemeClassic ::-webkit-scrollbar-button:vertical:increment { background: url(../png/scrollbarVerticalIncrement.png); } .OxThemeClassic ::-webkit-scrollbar-corner { border-right: 1px solid rgb(176, 176, 176); border-bottom: 1px solid rgb(176, 176, 176); background: -webkit-linear-gradient(top left, rgb(224, 224, 224), rgb(160, 160, 160)); } .OxThemeClassic ::-webkit-scrollbar-thumb { border: 1px solid rgb(176, 176, 176); } .OxThemeClassic ::-webkit-scrollbar-thumb:horizontal { background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic ::-webkit-scrollbar-thumb:vertical { background: -webkit-linear-gradient(left, rgb(224, 224, 224), rgb(192, 192, 192)); } .OxThemeClassic ::-webkit-scrollbar-track { border: 1px solid rgb(176, 176, 176); } .OxThemeClassic ::-webkit-scrollbar-track:horizontal { background: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(255, 255, 255)); } .OxThemeClassic ::-webkit-scrollbar-track:vertical { background: -webkit-linear-gradient(left, rgb(224, 224, 224), rgb(255, 255, 255)); } .OxThemeClassic ::-webkit-scrollbar:active, .OxThemeClassic ::-webkit-scrollbar-thumb:active { background: rgb(208, 208, 208); } /* ================================================================================ SourceViewer ================================================================================ */ .OxThemeClassic .OxSourceViewer .OxComment { border-color: rgb(208, 208, 208); } .OxThemeClassic .OxSourceViewer .OxComment code { background-color: rgb(255, 255, 255); box-shadow: 0 0 1px rgb(160, 160, 160); } .OxThemeClassic .OxSourceViewer .OxComment pre > code { background-color: transparent; box-shadow: none; } .OxThemeClassic .OxSourceViewer .OxCode { background-color: rgb(255, 255, 255); } /* ================================================================================ SyntaxHighlighter ================================================================================ */ .OxThemeClassic .OxSyntaxHighlighter { background-color: rgb(255, 255, 255); } .OxThemeClassic .OxSyntaxHighlighter .OxLineNumbers { background-color: rgb(224, 224, 224); color: rgb(128, 128, 128); } .OxThemeClassic .OxSourceCode .OxComment { color: rgb(128, 128, 128); font-style: italic; } .OxThemeClassic .OxSourceCode .OxConstant { color: rgb(128, 0, 0); font-weight: bold; } .OxThemeClassic .OxSourceCode .OxError { color: rgb(255, 255, 255); background: rgb(255, 0, 0); font-weight: bold; } .OxThemeClassic .OxSourceCode .OxIdentifier { color: rgb(0, 0, 0); } .OxThemeClassic .OxSourceCode .OxKeyword { color: rgb(0, 0, 128); font-weight: bold; } .OxThemeClassic .OxSourceCode .OxLinebreak { color: rgb(192, 192, 192); } .OxThemeClassic .OxSourceCode .OxMethod { color: rgb(0, 128, 128); } .OxThemeClassic .OxSourceCode .OxNumber { color: rgb(128, 0, 0); } .OxThemeClassic .OxSourceCode .OxObject { color: rgb(0, 128, 128); font-weight: bold; } .OxThemeClassic .OxSourceCode .OxOperator { color: rgb(0, 0, 128); } .OxThemeClassic .OxSourceCode .OxProperty { color: rgb(0, 128, 0); font-weight: bold; } .OxThemeClassic .OxSourceCode .OxRegexp { color: rgb(128, 128, 0); } .OxThemeClassic .OxSourceCode .OxString { color: rgb(0, 128, 0); } .OxThemeClassic .OxSourceCode .OxTab { color: rgb(192, 192, 192); } .OxThemeClassic .OxSourceCode .OxWhitespace { color: rgb(192, 192, 192); } .OxThemeClassic .OxSourceCode .OxWhitespace.OxLeading, .OxThemeClassic .OxSourceCode .OxWhitespace.OxTrailing { background: rgb(255, 255, 0); } /* ================================================================================ Video ================================================================================ */ .OxThemeClassic .OxAnnotation { border-color: rgb(208, 208, 208); } .OxThemeClassic .OxAnnotation.OxSelected { background: rgb(208, 208, 208); } .OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay { border-color: rgba(0, 0, 0, 0.5); } .OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div { border-color: rgba(255, 255, 255, 1); } .OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay.OxPaused > div { border-color: rgba(255, 255, 255, 0.5); } .OxThemeClassic .OxSmallVideoTimeline .OxMarkerPlay > div > div { border-color: rgba(0, 0, 0, 0.5); } .OxThemeClassic .OxVideoPlayer .OxControls.OxOnScreen { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); } .OxThemeClassic .OxVideoPlayer .OxFind { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); } .OxThemeClassic .OxVideoPlayer input.OxInput { background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(224, 224, 224, 0.75)); background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(224, 224, 224, 0.75)); background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(224, 224, 224, 0.75)); } .OxThemeClassic .OxVideoPlayer .OxFind input.OxInput { background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75)); background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75)); background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75)); } .OxThemeClassic .OxVideoPlayer .OxSettings > div { background: rgba(224, 224, 224, 0.5); } .OxThemeClassic .OxVideoPlayer .OxSettings > div.OxSelected { background-image: -moz-linear-gradient(top, rgba(240, 240, 240, 0.5), rgba(208, 208, 208, 0.5)); background-image: -o-linear-gradient(top, rgba(240, 240, 240, 0.5), rgba(208, 208, 208, 0.5)); background-image: -webkit-linear-gradient(top, rgba(240, 240, 240, 0.5), rgba(208, 208, 208, 0.5)); } .OxThemeClassic .OxVideoPlayer .OxSettings > div.OxLine { background-color: rgba(192, 192, 192, 0.5); } .OxThemeClassic .OxVideoPlayer .OxVolume { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(192, 192, 192, 0.5)); } .OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxTrack { background-image: -moz-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75)); background-image: -o-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75)); background-image: -webkit-linear-gradient(top, rgba(192, 192, 192, 0.75), rgba(255, 255, 255, 0.75)); } .OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(192, 192, 192, 0.75)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(192, 192, 192, 0.75)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75), rgba(192, 192, 192, 0.75)); } .OxThemeClassic .OxVideoPlayer .OxVolume .OxRange .OxThumb:active { background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(192, 192, 192, 1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(192, 192, 192, 1)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(192, 192, 192, 1)); } /* FIXME: the first three should apply for every ArrayEditable */ .OxThemeClassic .OxAnnotationFolder .OxArrayEditable .OxSeparator { color: rgb(96, 96, 96); } .OxThemeClassic .OxAnnotationFolder .OxEditableElement .OxHighlight { border-radius: 2px; } .OxThemeClassic .OxAnnotationFolder .OxEditableElement.OxPlaceholder .OxValue { color: rgb(160, 160, 160); } .OxThemeClassic .OxAnnotationFolder .OxEditableElement.OxWarning .OxValue { border-bottom: 2px dotted rgb(255, 64, 64); } .OxThemeClassic .OxAnnotationFolder .OxArrayEditable .OxEditableElement.OxEditable.OxSelected { background: rgb(192, 192, 255); } .OxThemeClassic .OxAnnotationFolder .OxArrayEditable .OxEditableElement.OxSelected .OxHighlight { background-color: transparent; background-image: -moz-repeating-linear-gradient( -45deg, transparent 0%, transparent 25%, rgb(255, 255, 0) 25%, rgb(255, 255, 0) 50%, transparent 50%, transparent 75%, rgb(255, 255, 0) 75%, rgb(255, 255, 0) 100% ); background-image: -o-repeating-linear-gradient( -45deg, transparent 0%, transparent 25%, rgb(255, 255, 0) 25%, rgb(255, 255, 0) 50%, transparent 50%, transparent 75%, rgb(255, 255, 0) 75%, rgb(255, 255, 0) 100% ); background-image: -webkit-repeating-linear-gradient( -45deg, transparent 0%, transparent 25%, rgb(255, 255, 0) 25%, rgb(255, 255, 0) 50%, transparent 50%, transparent 75%, rgb(255, 255, 0) 75%, rgb(255, 255, 0) 100% ); background-size: 4px 4px; } .OxThemeClassic .OxAnnotationFolder .OxArrayEditableInput .OxEditableElement.OxSelected { box-shadow: 0 0 1px rgb(64, 64, 64); } .OxThemeClassic .OxAnnotationFolder .OxArrayEditableTextarea .OxEditableElement.OxEditable.OxEditing { background: rgb(160, 224, 160); } .OxThemeClassic .OxAnnotationFolder .OxArrayEditable .OxInput.OxFocus { box-shadow: none; } .OxThemeClassic .OxAnnotationFolder .OxEditableElement input { background: rgb(160, 224, 160); color: rgb(0, 0, 0); //box-shadow: 0 0 1px rgb(64, 64, 64); } .OxThemeClassic .OxAnnotationFolder .OxEditableElement textarea { background: rgb(160, 224, 160); color: rgb(0, 0, 0); } /* ================================================================================ Miscellaneous ================================================================================ */ .OxThemeClassic .OxSelectableElement.OxSelected { background: rgb(224, 224, 224); } .OxThemeClassic .OxSelectableElement.OxSelected.OxFocus { background: rgb(208, 208, 208); } .OxThemeClassic .OxScreen { background: rgb(224, 224, 224); color: rgb(32, 32, 32); } .OxThemeClassic .OxScreen .OxReflection { background-image: -moz-linear-gradient(top, rgba(224, 224, 224, 0.75), rgba(224, 224, 224, 1), rgba(224, 224, 224, 1)); background-image: -o-linear-gradient(top, rgba(224, 224, 224, 0.75), rgba(224, 224, 224, 1), rgba(224, 224, 224, 1)); background-image: -webkit-linear-gradient(top, rgba(224, 224, 224, 0.75), rgba(224, 224, 224, 1), rgba(224, 224, 224, 1)); } .OxThemeClassic .OxTooltip { border: 1px solid rgba(128, 128, 128, 0.96); background: rgba(255, 255, 255, 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); } .OxThemeClassic ::selection, .OxThemeClassic ::-moz-selection, .OxThemeClassic ::-o-selection, .OxThemeClassic ::-webkit-selection { background: rgb(192, 192, 192); //color: rgb(255, 255, 255); }