diff options
Diffstat (limited to 'gstudio/static/gstudio/js/Gnowmacs/test/dl/new-theme/default.scss')
-rw-r--r-- | gstudio/static/gstudio/js/Gnowmacs/test/dl/new-theme/default.scss | 1312 |
1 files changed, 0 insertions, 1312 deletions
diff --git a/gstudio/static/gstudio/js/Gnowmacs/test/dl/new-theme/default.scss b/gstudio/static/gstudio/js/Gnowmacs/test/dl/new-theme/default.scss deleted file mode 100644 index b050a9a3..00000000 --- a/gstudio/static/gstudio/js/Gnowmacs/test/dl/new-theme/default.scss +++ /dev/null @@ -1,1312 +0,0 @@ -/* Part of DynarchLIB - Copyright (c) Dynarch.com 2005-2009. All rights reserved. - See http://www.dynarchlib.com/licensing for details. */ - -@import "basedefs.scss"; - -html, body { margin: 0; padding: 0; height: 100%; } - -body { z-index: 0; background-color: #fff; } -form { padding: 0; margin: 0; } - -.DYNARCH-GET-PADDING-AND-BORDER { - overflow: hidden !important; - font-size: 1px !important; - line-height: 1px !important; - width: 1px !important; - height: 1px !important; -} - -.DYNARCH-GET-ABSOLUTE-POSITION { - position: absolute !important; - margin: 0 !important; - padding: 0 !important; -} - -.DYNARCH-EVENT-STOPPER { - position: absolute !important; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: 30000; -} - -.DYNARCH-GARBAGE-COLLECTOR { - position: absolute; - z-index: -10000; - width: 1px; - height: 1px; - overflow: hidden; - left: -32000px; - top: -32000px; - display: none; /* XXX: why didn't we have this before? */ -} - -.DYNARCH-FAKE-FOCUS { z-index: -10000; position: absolute; left: -2000px; top: 0; } - -.CURSOR-DRAGGING { cursor: move !important; } -.CURSOR-RESIZE-E { cursor: e-resize !important; } -.CURSOR-RESIZE-W { cursor: w-resize !important; } -.CURSOR-RESIZE-S { cursor: s-resize !important; } -.CURSOR-RESIZE-N { cursor: n-resize !important; } -.CURSOR-FORBIDDEN { cursor: not-allowed !important; } -.CURSOR-NO-DROP { cursor: no-drop !important; } -.CURSOR-DROP { cursor: pointer !important; } -.CURSOR-RESIZE-COL { cursor: col-resize !important; } - -/* Generic */ - -.DlWidget { - @include base-font; - table, input, select, button, textarea { - @include base-font; - } -} - -.DlWidget { - cursor: default; - color: $mainFg; - zoom: 1; /* force hasLayout in IE */ -} - -.DlWidget-3D { - background-color: $mainBg; - color: $mainFg; -} - -/* .DlWidget-disabled, .DlWidget-disabled * { color: #768 !important; } */ -/* .DlWidget-dragging, .DlWidget-dragging * { color: #768 !important; } */ - -.DlWidget-dragged-clone { - position: absolute !important; - z-index: 10000; -} - -/* Base button class */ - -.DlAbstractButton { white-space: nowrap; } - -/* Button */ - -.DlButton { - border: 1px solid; - @include outset-border1; - background-color: $mainBg; - text-align: center; - .DlButton-inner { - border: 1px solid; - @include outset-border2; - padding: 2px 4px; - div { - min-height: 16px; // XXX: for 16x16 icons; I'm not happy with this solution. - } - } -} - -.DlButton-hover { - border-color: $mainBgD3 $mainBgD4 $mainBgD4 $mainBgD3; - background-color: $hoverBg; -} - -.DlButton-focus { - @include focus-border1; - @include focus-outline; - div.DlButton-Label { - display: block; - border: 1px dotted black; - margin: -1px -2px; - padding: 0 1px; - } -} - -.DlButton-active { - @include pressed-border1; - background-color: $activeBg; - .DlButton-inner { - padding: 3px 3px 1px 5px; - @include pressed-border2; - } -} -.DlButton-1 { @include inset-border1; background-color: $mainBgD1; } -.DlButton-1 .DlButton-inner { @include inset-border2; } - -.DlAbstractButton-withIcon, .DlButton-withIcon { - padding-left: 22px; - background-repeat: no-repeat !important; - background-position: 0 50%; -} - -.DlButton-empty .DlButton-inner { padding: 2px; } -.DlButton-empty .DlButton-withIcon { - padding: 0; - width: 16px; - height: 16px; -} - -.DlButton-disabled .DlButton-inner, -.DlWidget-disabled .DlButton .DlButton-inner { border-color: $mainBg; opacity: 0.6; filter: alpha(opacity=60); } -.DlButton-disabled, .DlWidget-disabled .DlButton { border-color: $mainBgL2 $mainBgD2 $mainBgD2 $mainBgL2; } - -div.DlButton-Label { display: inline; } - -/* Checkbox */ - -.DlWidget-disabled.DlCheckbox-0 { color: $disabledColor; background-image: url("img/new-checkradio/check-normal-insensitive.png"); } -.DlWidget-disabled.DlCheckbox-1 { color: $disabledColor; background-image: url("img/new-checkradio/check-mark-insensitive.png"); } - -.DlCheckbox { padding: 2px 5px 2px 20px; -moz-border-radius: 3px; background-position: 4px 50%; background-repeat: no-repeat; } -.DlCheckbox-0 { background-image: url("img/new-checkradio/check-normal.png"); } -.DlCheckbox-1 { background-image: url("img/new-checkradio/check-mark.png"); } -.DlCheckbox-hover { background-color: $hoverBg; } -.DlCheckbox-hover.DlCheckbox-0 { background-image: url("img/new-checkradio/check-normal-prelight.png"); } -.DlCheckbox-hover.DlCheckbox-1 { background-image: url("img/new-checkradio/check-mark-prelight.png"); } -.DlCheckbox-active { background-color: $activeBg; background-image: url("img/new-checkradio/check-mark-active.png") !important; } -.DlCheckbox-empty { height: 15px; padding-left: 15px; width: 1px; } - -.DlCheckbox-focus div.DlButton-Label { display: block; border: 1px dotted black; margin: -1px -2px; padding: 0 1px; } - -/* RadioButton */ - -.DlWidget-disabled.DlRadioButton-0 { color: $disabledColor; background-image: url("img/new-checkradio/opt-normal-insensitive.png"); } -.DlWidget-disabled.DlRadioButton-1 { color: $disabledColor; background-image: url("img/new-checkradio/opt-mark-insensitive.png"); } - -.DlRadioButton { padding: 2px 5px 2px 20px; -moz-border-radius: 3px; background-position: 4px 50%; background-repeat: no-repeat; } -.DlRadioButton-0 { background-image: url("img/new-checkradio/opt-normal.png"); } -.DlRadioButton-1 { background-image: url("img/new-checkradio/opt-mark.png"); } -.DlRadioButton-hover { background-color: $hoverBg; } -.DlRadioButton-hover.DlRadioButton-0 { background-image: url("img/new-checkradio/opt-normal-prelight.png"); } -.DlRadioButton-hover.DlRadioButton-1 { background-image: url("img/new-checkradio/opt-mark-prelight.png"); } -.DlRadioButton-active { background-color: $activeBg; background-image: url("img/new-checkradio/opt-mark-active.png") !important; } -.DlRadioButton-empty { height: 15px; padding-left: 15px; width: 1px; } - -.DlRadioButton-focus div.DlButton-Label { display: block; border: 1px dotted black; margin: -1px -2px; padding: 0 1px; } - -.DlPopupMenu { - .DlRadioButton, .DlCheckbox { - -moz-border-radius: 0; - } -} - -/* Entry */ - -.DlEntry { - border: 1px solid $mainBgD2; - .DlEntry-cell { - border: 1px solid $mainBgL3; - background-color: $mainBgL2; - } - input, textarea { - margin: 0; - border: none !important; - border-width: 0px !important; - background: $mainBgL3; - color: #000; - padding: 1px 2px 2px 2px !important; -/* font-family: "Bitstream Vera Sans Mono",monospace; height: 1.3em; */ - resize: none; - } - input::-moz-selection, textarea::-moz-selection { - background-color: $selectionBg !important; color: $selectionFg !important; - } -} -.DlEntry-Focus { - @include focus-border1; - @include focus-outline; - .DlEntry-cell, input, textarea { - background-color: $focusBg; - } -} - -.DlEntry-ValidationError { - border-color: $errorBg; - .DlEntry-cell { border-color: $errorBg; } - .DlEntry-cell, input, textarea { background-color: $errorBgL3; } -} - -.DlEntry-Readonly { - .DlEntry-cell { - border-color: $mainBgL2; - } - .DlEntry-cell, input, textarea { - background-color: $readOnlyBg; - } -} -.DlEntry-emptyText { - display: none; - position: absolute; - left: 3px; - top: 1px; - color: $disabledColor; - font-style: italic; - cursor: text; -} -.DlEntry-empty .DlEntry-emptyText { - display: block; -} - -.DlEntry-dropDownBtn { - line-height: 20px; - border-left: 1px solid $mainBgD2; - padding-left: 4px; padding-right: 4px; -} - -.DlEntry-Focus .DlEntry-dropDownBtn { border-color: $mainBgD3; } - -.DlEntry-dropDownBtn-hover { background-color: $hoverBg; } -.DlEntry-dropDownBtn-active { background-color: $activeBg; } - -.DlEntry-invalidIcon { - width: 16px; - height: 16px; - position: absolute; - right: 1px; - top: 50%; - margin-top: -8px; - background-image: url("img/entry-warning.png"); - background-repeat: no-repeat; - background-position: 50% 50%; - opacity: 0.6; - display: none; -} - -div.DlEntry-invalidIcon:hover { opacity: 1; } - -.DlEntry-ValidationError .DlEntry-invalidIcon { - display: block; -} - -/* CompletionEntry */ - -.DlCompletionEntry-busy input { - background-image: url("img/busy1.gif"); - background-position: 100% 50%; - background-repeat: no-repeat; -} - -.DlCompletionEntry-rightAligned input { - background-position: 0 50%; - text-align: right; -} - -/* ComboBox */ - -.DlComboBox-dropDownBtn { - background: $mainBg url("img/arrows/dropdown.png") no-repeat 50% 50%; - width: 11px; - height: 20px; - border-left: 1px solid $mainBgD2; -} - -.DlEntry-Focus .DlComboBox-dropDownBtn { border-color: $mainBgD3; } - -.DlComboBox-dropDownBtn-hover { background-color: $hoverBg; } -.DlComboBox-dropDownBtn-active { background-color: $activeBg; } - -/* Spinner */ - -.DlSpinner { background-color: yellow; width: 1em; } -.DlSpinner .DlSpinner-Button { height: 50%; } -.DlSpinner input { text-align: right; } -.DlSpinner .DlSpinner-Button .DlButton-inner { width: 5px; } -.DlSpinner .DlSpinner-Button .DlButton-inner div { min-height: 0; } -.DlSpinner .DlSpinner-Button-Up .DlButton-inner { height: 2px; background: url("img/spinner-up.gif") no-repeat 50% 50%; } -.DlSpinner .DlSpinner-Button-Down .DlButton-inner { height: 2px; background: url("img/spinner-down.gif") no-repeat 50% 50%; } - -/* ProgressBar */ - -.DlProgressBar { position: relative; border: 1px solid #98c; background: #f0e6ff; } -.DlProgressBar-label { text-align: center; position: relative; padding: 2px 0; } -.DlProgressBar-fill { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #c0b6ff; } - -/* ButtonMenu */ - -.DlButtonMenu .MenuArrow .DlButton-inner { padding-left: 0; padding-right: 0; } -.DlButtonMenu .MenuArrow-inner { - padding: 0 1px; - border-left: none; - width: 7px; overflow: visible; background-image: url("img/menu/darrow-small.gif"); - background-repeat: no-repeat; - background-position: 1px 50%; -} -.DlButtonMenu .LabelPart { border-right: none; } -.DlButtonMenu .LabelPart .DlButton-inner { border-right: none; } - -/* ButtonColorPicker */ - -.DlButtonColorPicker table { border-collapse: collapse; } -.DlButtonColorPicker .DlButton-inner .ColorPart { border: 1px solid; @include inset-border1; - width: 10px; height: 10px; overflow: hidden; min-height: 0; margin-top: 1px; } -.DlButtonColorPicker .Label { padding-left: 5px; } -.DlButtonColorPicker .EmptyLabel { width: 1px; overflow: hidden; height: 1em; } - -/* Calendar */ - -.DlCalendar { - background-color: $mainBgL3; -} -.DlCalendar-disabled { background-color: $mainBgL1; } -table.DlCalendar { - border-collapse: separate; - border-spacing: 0; - font-size: 11px; - font-family: tahoma,verdana,sans-serif; - border: 1px solid $mainBgD2; -} -.DlCalendar { - $weekendBg: #c62; - $todayFg: blue; - tr.DlCalendar-Navigation { - td { text-align: center; border-bottom: 1px solid $mainBgD2; background-color: $mainBg; padding: 2px 0; } - td.PrevMonth, td.PrevYear { border-right: 1px solid $mainBgD2; font-weight: bold; } - td.NextMonth, td.NextYear { border-left: 1px solid $mainBgD2; font-weight: bold; } - td.NextMonth { background-image: url("img/arrows/nav-right.gif"); background-repeat: no-repeat; background-position: 50% 50%; } - td.PrevMonth { background-image: url("img/arrows/nav-left.gif"); background-repeat: no-repeat; background-position: 50% 50%; } - td.NextYear { background-image: url("img/arrows/nav-right-x2.gif"); background-repeat: no-repeat; background-position: 50% 50%; } - td.PrevYear { background-image: url("img/arrows/nav-left-x2.gif"); background-repeat: no-repeat; background-position: 50% 50%; } - td.hover { background-color: $hoverBg; color: $hoverColor; } - td.rolling { background-color: $activeBg; } - } - tr.DlCalendar-DayNames { - td { width: 20px; text-align: right; padding-right: 3px; border-bottom: 1px solid $mainBgD2; background-color: $mainBgL1; } - /* td.Today { font-weight: bold; } */ - td.WeekNumber { border-right-color: $mainBgD2; } - td.hover { background-color: $hoverBg; color: $hoverColor; } - td.WeekEnd { color: $weekendBg; } - } - tr.Dates { - td { text-align: right; padding: 2px 3px 2px 2px; } - td.OtherMonth { color: lighten($mainFg, 30%); } - td.Today { color: $todayFg; } - td.DlCalendar-infoDay { font-weight: bold; background: url("img/tmpcal.gif") no-repeat 100% 100%; } - td.Selected { border: 1px solid $mainBgD2; background-color: $selectionBg; padding: 1px 2px 1px 1px; } - td.hover { border: 1px solid $mainBgD1; padding: 1px 2px 1px 1px; background-color: $hoverBg !important; } - } - td.WeekNumber { border-right: 1px solid $mainBgD2; color: lighten($mainFg, 30%); background-color: $mainBg; } - tr.Selected td { border-bottom: 1px solid $mainBgD1; border-top: 1px solid $mainBgD1; padding-top: 1px; padding-bottom: 1px; } - - /* weekends */ - td.WeekEnd { color: $weekendBg; } - td.OtherMonth.WeekEnd { color: lighten($weekendBg, 20%); } -} - -/* ResizeBar */ - -.DlResizeBar { font-size: 1px; line-height: 1px; } -.DlResizeBar-Horizontal { - height: 5px; cursor: s-resize; background: url("img/resizebar-horiz2.png") no-repeat 50% 50%; } -.DlResizeBar-Vertical { width: 5px; cursor: e-resize; background: url("img/resizebar-vert2.png") no-repeat 50% 50%; } -.DlResizeBar-DraggingLine { - position: absolute; -/* background-image: url("img/resizebg.gif"); */ - background-color: $focusBorder; opacity: 0.6; filter: alpha(opacity=60); - z-index: 10000; -} - -/* UploadEntry */ - -.DlUploadEntry { height: 22px; } -.DlUploadEntry iframe { background: transparent; width: 80px; height: 22px; display: block; } - -/* CONTAINERS */ - -.DlContainer { position: relative; } /* WARNING: this is probably NOT GOOD! - but it happens to fix some atrocious bugs in IE - (randomly disappearing elements on hover). - XXX: make sure it doesn't break anything! - */ - -.DlContainer-Hidden { position: absolute; left: -30000px; top: -30000px; visibility: hidden; } - -// XXX: WHAT's this? -// .DlContainer-pad-sep-left { padding: 5px; border-left: 1px solid #a9d; } -// .DlContainer-pad-sep-right { padding: 5px; border-right: 1px solid #a9d; } - -.DlLayout { position: relative; } -.DlLayout-positioned { position: absolute; } - -.DlGridLayout-table { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } -.DlGridLayout-tr-minHeight td { height: 2px; } -.DlGridLayout-td-minWidth { width: 2px; white-space: nowrap; } -.DlGridLayout-td-minHeight { height: 2px; } - -/* - .DlGridLayout-table { background-color: #f00; } - .DlGridLayout-table td { background-color: #fff; } -/* ^^^ DEBUG */ - - -.DlDesktop { position: fixed; left: 0; top: 0; overflow: hidden; } - -.DlFieldset { border: 2px groove $mainBgL2; margin-top: 1em; - -moz-border-top-colors: $mainBgD2 $mainBgL2; - -moz-border-bottom-colors: $mainBgL2 $mainBgD2; - -moz-border-left-colors: $mainBgD2 $mainBgL2; - -moz-border-right-colors: $mainBgL2 $mainBgD2; -} -.DlFieldset-label { - position: relative; top: -0.75em; left: 5px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - font-weight: bold; - background-color: $mainBg; - padding: 1px 7px; -} -.DlFieldset-content { - padding: 10px 10px 10px 10px; margin-top: -1em; -} - -.DlPopup { - position: fixed; - z-index: 100; - left: -30000px; - top: -30000px; -} - -.DlPopup-scrollArea { - overflow: hidden; - position: relative; /* -- IE is unbelievable */ - z-index: 10; -} - -.DlPopup-scrollUp, .DlPopup-scrollDown { - height: 10px; overflow: hidden; - background-position: 50% 1px; - background-repeat: no-repeat; -} - -.DlPopup-scrollUp { border-bottom: 1px solid $mainBgD1; } -.DlPopup-scrollDown { border-top: 1px solid $mainBgD1; } - -.DlPopup-scrollUp { background-image: url("img/arrows/scroll-up.gif"); } -.DlPopup-scrollUp-hover { background-image: url("img/arrows/scroll-up-hover.gif"); background-color: $hoverBg; } -.DlPopup-scrollUp-disabled { background-image: url("img/arrows/scroll-up-disabled.gif"); } -.DlPopup-scrollDown { background-image: url("img/arrows/scroll-down.gif"); } -.DlPopup-scrollDown-hover { background-image: url("img/arrows/scroll-down-hover.gif"); background-color: $hoverBg; } -.DlPopup-scrollDown-disabled { background-image: url("img/arrows/scroll-down-disabled.gif"); } - -.DlCompletionPopup { border: 1px solid $mainBgD1; background-color: $mainBgL3; } -.DlCompletionPopup .DlMenuItem .div2 { font-size: 90%; padding: 1px 5px; } -.DlCompletionPopup .DlVMenu { border: none; } - -.DlTooltip { - background-color: #fffee0; - font-family: arial,helvetica,sans-serif; - padding: 4px 7px; - color: #333210; -} - -.DlTooltip-noShadow { border: 1px solid #000; } - -.DlDialogPopup { - background-color: $mainBgL3; - border: 1px solid $mainBgD1; -} - -.DlPopupMenu { - background-color: $mainBgL3; - border: 1px solid $mainBgD1; -} -.DlPopupMenu-noShadow { border: 1px solid $mainBgD1; } - -.DlPopupMenu .DlCalendar { - border: 1px solid; - @include outset-border1; -} -.DlCalendar-borderless { border-width: 0 !important; } - -.DlVMenu, .DlHMenu { - border-collapse: collapse; - background-color: $mainBgL3; -} - -.DlVMenu-noShadow, .DlHMenu-noShadow { - border: 1px solid; - @include outset-border1; -} - -.DlVMenu { margin: 4px 0; } - -.DlHMenu { - margin: 0 2px; -} - -.DlHMenu div.DlHMenu-separator { - overflow: hidden; - height: 16px; - width: 1px; - margin-left: 3px; margin-right: 2px; - border-left: 1px solid #ccc; - background-color: #fff; -} - -div.DlVMenu-separator { - margin: 4px 0 3px 0; - background-color: #ccc; - border-bottom: 1px solid #fff; - - height: 1px; - overflow: hidden; - font-size: 1px; - line-height: 1px; -} - -.DlMenuItem { /* background: transparent; background-color: none; /* XXX: do we need this? */ } -.DlMenuItem .div2 { padding: 2px 5px; } -.DlMenuItem-popped { background-color: $activeBg; color: $activeColor; } -.DlMenuItem-hover { background-color: $activeBg; color: $activeColor; } -.DlMenuItem-active { background-color: $activeBg2; color: $activeColor2; } -.DlMenuItem .DlMenuItem-withIcon { - padding-left: 26px; - background-repeat: no-repeat; - background-position: 5px 50%; -} -.DlVMenu .DlMenuItem .DlMenuItem-withPopup { - margin-right: 3px; - padding-right: 12px; - background-image: url("img/menu/rarrow.gif"); - background-repeat: no-repeat !important; - background-position: 100% 50%; -} -.DlVMenu .DlMenuItem-hover .DlMenuItem-withPopup { - background-image: url("img/menu/rarrow-hover.gif") !important; -} -.DlWidget-disabled .DlMenuItem, .DlMenuItem-disabled { opacity: 0.6; filter: alpha(opacity=60); } - -.DlVMenu .DlCheckbox-hover, -.DlHMenu .DlCheckbox-hover, -.DlVMenu .DlRadioButton-hover, -.DlHMenu .DlRadioButton-hover { background-color: $activeBg; color: $activeColor; } - -.DlVMenu .DlCheckbox-active, -.DlHMenu .DlCheckbox-active, -.DlVMenu .DlRadioButton-active, -.DlHMenu .DlRadioButton-active { background-color: $activeBg2; color: $activeColor2; } - -/* -.DlPopupMenu .DlCheckbox-hover, -.DlPopupMenu .DlRadioButton-hover { background-color: #76c; color: #fff; } - -.DlPopupMenu .DlCheckbox-active, -.DlPopupMenu .DlRadioButton-active { background-color: #cbf; color: #000; } -*/ - -/* Notebook */ - -/* .DlNotebook { background-color: $mainBgL1; } */ - -/* Tabs */ - -.DlTabs .TabBar { z-index: 10; position: relative; } -.DlTabs .TabBar .DlButton { border-color: $mainBgD3; } -.DlTabs .TabBar .DlButton-1 { background-color: $mainBgL1; } -.DlTabs .TabBar .DlButton-1 .DlButton-inner { padding-top: 3px; padding-bottom: 3px; border-color: $mainBgD1; } - -.DocTabBar { width: 100%; } -.DocTabBar td { width: 33.3333%; } - -.DlTabs-top .TabBar { top: 1px; } -.DlTabs-top .TabBar .DlButton-1, .DlTabs-top .TabBar .DlButton-1 .DlButton-inner { border-bottom: none; } - -.DlTabs-bottom .TabBar { top: -1px; } -.DlTabs-bottom .TabBar .DlButton-1, .DlTabs-bottom .TabBar .DlButton-1 .DlButton-inner { border-top: none; } - -.DlTabs .TabContent, .DlTabs .TabContent .DlNotebook { background-color: $mainBgL1; } -.DlTabs .TabContent { border: 1px solid $mainBgD3; } -.DlTabs .TabContent .TabContent-inner { padding: 5px; } -.DlTabs .TabContent-inner { position: relative; overflow: hidden; border: 1px solid $mainBgD1; } - -.DlTabs-top .TabContent .TabContent-inner { border-top: none; } -.DlTabs-bottom .TabContent .TabContent-inner { border-bottom: none; } - -/* MacBar */ - -.DlMacHBar, .DlMacVBar { - background-color: $mainBgD1; - border: 1px solid $mainBgD3; - padding: 2px; -} -.DlMacBarIcon { display: inline; } -.DlMacBarIcon img { vertical-align: middle; padding: 5px; } -.DlMacBarIcon-1 img { border: 1px solid #769; -moz-border-radius: 15px; padding: 4px; background-color: #edf; } -.DlMacBarIcon-active { opacity: 0.6; /* filter: alpha(opacity=60); /* IE sucks. */ } -.DlMacHBar div.DlMacHBar-separator { - overflow: hidden; - height: 16px; - width: 1px; - border-left: 1px solid #98c; - background-color: #edf; -} - -.DlMacVBar div.DlMacVBar-separator { - overflow: hidden; - height: 1px; - font-size: 1px; - line-height: 1px; - border-top: 1px solid #98c; - background-color: #edf; -} - -/* Hbox */ - -table.DlHbox { border-collapse: separate; } -.DlHbox td.cell { padding: 0; } -.DlHbox div.DlHbox-separator, div.Dl-Vertical-Separator { - overflow: hidden; - height: 16px; - width: 1px; - border-left: 1px dotted $mainBgD3; - background-color: $mainBgL2; -/* margin-left: 3px; margin-right: 2px; */ -} - -.DlHbox div.wide-separator, div.Dl-Vertical-Separator.wide-separator { margin-left: 4px; margin-right: 4px; } - -.DlHbox div.DlHbox-spacer { - overflow: hidden; - width: 4px; -} - -table.DlHbox-hasFiller { width: 100%; } -.DlHbox-filler { width: 100%; } - -/* Vbox */ - -table.DlVbox { border-collapse: separate; } -.DlVbox td.cell { padding: 0; } -.DlVbox div.DlVbox-separator, div.Dl-Horizontal-Separator { - overflow: hidden; - height: 1px; - font-size: 1px; - line-height: 1px; - border-top: 1px dotted $mainBgD3; - background-color: $mainBgL2; -/* margin-top: 3px; margin-bottom: 2px; */ -} - -.DlVbox div.wide-separator, div.Dl-Horizontal-Separator.wide-separator { margin-top: 5px; margin-bottom: 4px; } - -.DlVbox div.DlVbox-spacer { - overflow: hidden; - height: 4px; - line-height: 1px; - font-size: 1px; -} - -/* ButtonBox */ - -table.DlButtonBox { width: 100%; } -table.DlButtonBox .DlButtonBox-spacer { width: 100%; } -.DlButtonBox div.DlButtonBox-separator { - overflow: hidden; - height: 16px; - width: 1px; - border-left: 1px solid $mainBgD2; - background-color: $mainBgL2; - margin-left: 3px; margin-right: 2px; -} - -.DlWidget-disabled div.DlVbox-separator, .DlWidget-disabled div.DlHbox-separator { border-color: $mainBgD1; background-color: $mainBgL2; } - -/* Select */ - -.DlRadioSelect .LabelPart { text-align: left; } - -.DlSelect-menu .DlRadioButton { padding-right: 18px; } -.DlSelect-menu .DlRadioButton-0 { background-image: none; } -.DlSelect-menu .DlRadioButton-1 { background-image: url("img/mark.gif"); background-color: $mainBg; color: #000; } -.DlSelect-menu .DlRadioButton-active { background-image: url("img/mark-2.gif") !important; } - -/* Toolbar (no special widget) */ - -/* BEGIN: CRAPPY CODE, PLEASE REVISIT */ - -.DlToolbar { - border: 1px solid; - @include outset-border1; - background-color: $mainBg; - padding: 1px; - - .DlButton { border: none; background-color: transparent; } - .DlButton-inner { border: none; padding: 3px; } - .DlButton-hover { border: 1px solid; @include outset-border2; background-color: $hoverBg; } - .DlButton-hover .DlButton-inner { padding: 2px; } - .DlButton-1 { border: 1px solid; @include inset-border2; background-color: $activeBg; } - .DlButton-1 .DlButton-inner { padding: 2px; } - .DlButton-active { border: 1px solid; @include inset-border1; background-color: $activeBg; } - .DlButton-active .DlButton-inner { padding: 2px; } - .DlButton-disabled { opacity: 0.7; filter: alpha(opacity=70); } - - .DlButtonMenu * { border: none; } - .DlButtonMenu .DlButton-inner { border: 1px solid; @include outset-border2; padding: 2px; } - .DlButtonMenu .MenuArrow .DlButton-inner { padding-left: 0; padding-right: 0; } - .DlButtonMenu .DlButton-active .DlButton-inner { @include inset-border1; } - .DlButtonMenu .DlButton-1 .DlButton-inner { @include inset-border1; } - - .DlButtonMenu .DlButton-hover .MenuArrow-inner { padding-left: 1px !important; padding-right: 1px !important; background-position: 1px 50%; } - .DlButtonMenu .DlButton-active .MenuArrow-inner { padding-left: 1px !important; padding-right: 1px !important; background-position: 1px 50%; } - .DlButtonMenu .DlButton-1 .MenuArrow-inner { padding-left: 1px !important; padding-right: 1px !important; background-position: 1px 50%; } - .DlButtonMenu .MenuArrow .DlButton-inner { padding-left: 0 !important; padding-right: 0 !important; } - - .DlLabel { background: inherit; } - - div.DlHbox-separator { - border-left-color: $mainBgD2; - background-color: $mainBgL2; - } -} - -/* -.DlToolbar .DlButtonMenu .DlButton-hover .DlButton-inner { border-color: #659; } -.DlToolbar .DlButtonMenu .LabelPart.DlButton-hover .DlButton-inner { padding-right: 3px; border-right: none; } -*/ - -.DlToolbar-Light { background: $mainBgL1; } - -/* END: CRAPPY CODE */ - -/* Table */ - -.DlTable-RowSeparator td { height: 7px; } -.DlTable-RowSeparator td div { line-height: 1px; font-size: 1px; height: 1px; overflow: hidden; - border-top: 1px solid $mainBgD2; - background-color: $mainBgL2; - margin-top: 3px; margin-bottom: 2px; -} - -/* Tree */ - -.DlTree-separator { - margin-top: 3px; margin-bottom: 4px; - border-top: 1px dotted $mainBgD2; - line-height: 1px; font-size: 1px; overflow: hidden; -} -.DlTree-IconWidth { width: 19px !important; } -.DlTreeItem .DlTreeItem-Expander { width: 19px; } -.DlTreeItem .DlTreeItem-Icon { - width: 19px; - background-repeat: no-repeat; - background-position: 50% 50%; -} - -.DlTreeItem .DlTreeItem-Label { padding-left: 3px; padding-top: 1px; padding-bottom: 1px; } - -.DlTreeItem-withRadio { - .DlTreeItem-Label { padding-left: 0; } - .DlTreeItem-Table { - .DlLabel { padding: 0 2px; } - .DlRadioButton { padding: 0 2px; background-image: none !important; cursor: pointer; } - .DlRadioButton-hover { background: none; color: $linkHoverFg; text-decoration: underline; } - .DlRadioButton-1 { background-color: $activeBg; color: $activeColor; } - } -} - -.DlTreeItem-withCheck { - .DlTreeItem-Label { padding-left: 0; } - .DlTreeItem-Table { - .DlLabel { padding: 0 2px; } - .DlCheckbox { padding: 0 2px; background-image: none !important; cursor: pointer; } - .DlCheckbox-hover { background: none; color: $linkHoverFg; text-decoration: underline; } - .DlCheckbox-1 { background-color: $activeBg; color: $activeColor; } - } -} - -/* .DlTreeItem-Table { table-layout: fixed; border-collapse: collapse; } */ -.DlTreeItem-Table td { vertical-align: middle; height: 16px; } - -/* BEGIN: tree lines, don't touch this or else. */ -.DlTree-withLines .DlTreeItem { background-image: url("img/tree/lines-v.gif"); background-repeat: repeat-y; background-position: 9px 50%; } -/* .DlTree-withLines .DlTreeItem-div { background-image: url("img/tree/lines-v.gif"); background-repeat: repeat-y; background-position: 9px 50%; } */ - -.DlTree-withLines .DlTreeItem-Last { background-image: none; } -/* .DlTree-withLines .DlTreeItem-Last .DlTreeItem-div { background-image: none; } */ - -.DlTree-withLines .DlTreeItem .DlTreeItem-Expander { background: transparent url("img/tree/lines-c.gif") no-repeat 50% 50%; } -.DlTreeItem-hasSubtree .DlTreeItem-Expander { background: transparent url("img/tree/lines-c.gif") no-repeat 50% 50%; } -.DlTree-withLines table.DlTreeItem-Last .DlTreeItem-Expander { background: transparent url("img/tree/lines-b.gif") no-repeat 50% 50%; } -/* END: tree lines */ - -.DlTreeItem-Subtree { padding-left: 19px; } -.DlTreeItem-Arrow-Expanded { background: transparent url("img/tree/minus.gif") no-repeat 50% 40%; width: 19px; height: 100%; } -.DlTreeItem-Arrow-Expanded:hover { background: transparent url("img/tree/minus-hover.gif") no-repeat 50% 40%; width: 19px; height: 100%; } -.DlTreeItem-Arrow-Collapsed { background: transparent url("img/tree/plus.gif") no-repeat 50% 40%; width: 19px; height: 100%; } -.DlTreeItem-Arrow-Collapsed:hover { background: transparent url("img/tree/plus-hover.gif") no-repeat 50% 40%; width: 19px; height: 100%; } - -.DlWidget-disabled .DlTreeItem-Arrow-Expanded, -.DlWidget-disabled .DlTreeItem-Arrow-Collapsed, -.DlWidget-disabled .DlTreeItem-Icon { opacity: 0.6; filter: alpha(opacity=60); } - -.DlTreeItem-dropTarget > .DlTreeItem-div .DlTreeItem-Expander div { background: url("img/tree-drop-here.gif") no-repeat 50% 50%; } -.DlTreeItem-dropTarget-upper > .DlTreeItem-div .DlTreeItem-Expander div { background: url("img/tree-drop-here-upper.gif") no-repeat 50% 50%; } -.DlTreeItem-dropTarget-lower > .DlTreeItem-div .DlTreeItem-Expander div { background: url("img/tree-drop-here-lower.gif") no-repeat 50% 50%; } -.DlTreeItem-dropTarget-upper > .DlTreeItem-div > table { border-top: 1px solid $mainBgD2; } -.DlTreeItem-dropTarget-lower > .DlTreeItem-div > table { border-bottom: 1px solid $mainBgD2; } - -.DlTreeItem-div-focus { @include focus-outline; } - -/* ColorPicker */ - -.DlColorPickerHSV { border: 1px solid #000; background-color: #e4dcec; } -.DlColorPickerHSV td { width: 8px; height: 10px; padding: 1px; } -.DlColorPickerHSV td.DlColorPickerHSV-Sep { background-color: #000; width: 1px; padding: 0; } -.DlColorPickerHSV td.DlColorPickerHSV-HSV { - overflow: visible; vertical-align: top; - background: url("img/color/hue.png") repeat-x 0 0; width: 15px; padding: 0; } -.DlColorPickerHSV td.hover1 { padding: 0; border: 1px solid #fff !important; } -.DlColorPickerHSV td.hover2 { padding: 0; border: 1px solid #000 !important; } -.DlColorPickerHSV .DlColorPickerHSV-HSV-bar { height: 1px; left: 0px; - font-size: 1px; line-height: 1px; left: -2px; margin-right: -3px; - background-color: #000; overflow: hidden; position: relative; } -.DlColorPickerHSV .DlColorPickerHSV-HSV-bar2 { background-color: #fff; } - -/* RteFrame */ - -.DlRteFrame { border: 1px solid; border-color: $mainBgD2; } -/* .DlRteFrame-focus { border-color: #659; outline: 1px solid #98b; -moz-outline-radius: 2px; } */ -.DlRteFrame iframe { border: 1px solid; @include inset-border1; } - -/* Grid */ - -.DlDataGrid { position: relative; background-color: $mainBgL3; border: 1px solid $mainBgD3; } -.DlDataGrid.DlWidget-disabled { background-color: $mainBgL2; } -.DlDataGrid-rowTable { table-layout: fixed; width: 10px; border-collapse: collapse; border-spacing: 0; } -.DlDataGrid-rowTable td { overflow: hidden; white-space: nowrap; border-right: 1px solid #e0e0e0; } -.DlDataGrid-Headers { overflow: hidden; background-color: $mainBg; position: relative; width: 5px; } -.DlDataGrid-Body { overflow: auto; } -.DlDataGrid-cellData { overflow: hidden; white-space: nowrap; } -.DlDataGrid-Body td { padding: 2px 0; text-indent: 5px; /* the "LOL" way to add horizontal padding. :-p */} - -.DlDataGrid-Body .DlDataGrid-rowTable { - border-bottom: 1px solid darken($mainBgL3, 5%); - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; -} - -.DlDataGrid-resizeHandle { - width: 7px; position: absolute; top: 0; - margin-left: -4px; - cursor: e-resize; - z-index: 30000; - height: 100%; - background-color: #f00; opacity: 0.01; filter: alpha(opacity=1); -} - -.DlDataGrid-align-left { text-align: left; } -.DlDataGrid-align-center { text-align: center; } -.DlDataGrid-align-right { text-align: right; } - -.DlDataGrid .DlDataGridRow-selected { background-color: #ccc; } -.DlDataGrid .DlDataGridRow-selected table td { color: #000; } -.DlDataGrid-focus { @include focus-outline; } -.DlDataGrid-focus .DlDataGridRow-selected { background-color: $selectionBg; } -.DlDataGrid-focus .DlDataGridRow-selected table td { color: $selectionFg; } - -.DlDataGrid-align-right .DlButton-inner { background-position: 0 50%; } - -.DlDataGridHeadLabel { border-width: 0 1px 1px 0; } -.DlDataGridHeadLabel .DlButton-inner { border: none; padding-top: 3px; padding-bottom: 3px; } -.DlDataGridHeadLabel-hover { background-color: $hoverBg; } -.DlDataGridHeadLabel-active { background-color: $activeBg; } -.DlDataGridHeadLabel-active .DlButton-inner { padding-top: 4px; padding-bottom: 2px; } -.DlDataGridHeadLabel-resizing { background-color: $activeBg; } -.DlDataGridHeadLabel-empty .DlButton-inner { padding-left: 0; padding-right: 0; } -.DlDataGridHeadLabel-empty .DlButton-withIcon { background-position: 50% 50%; } - -.DlDataGridHeadLabel-sort-up { border-bottom: 2px solid #000; } -.DlDataGridHeadLabel-sort-down { border-bottom: 2px solid #000; } - -.DlDataGridHeadLabel-sort-up .DlButton-inner { - background-image: url("img/arrows/sort-ascending.gif"); background-repeat: no-repeat; background-position: 100% 50%; - padding-bottom: 2px; -} -.DlDataGridHeadLabel-sort-down .DlButton-inner { - background-image: url("img/arrows/sort-descending.gif"); background-repeat: no-repeat; background-position: 100% 50%; - padding-bottom: 2px; -} - -.DlDataGridHeadLabel-sort-up.DlDataGridHeadLabel-active .DlButton-inner { padding-bottom: 1px; } -.DlDataGridHeadLabel-sort-down.DlDataGridHeadLabel-active .DlButton-inner { padding-bottom: 1px; } - -.DlDataGrid-drop-col { - position: fixed; - background: url("img/grid-drop-col.gif") no-repeat 0 0; - width: 11px; height: 11px; - margin-left: -5px; - z-index: 10000; -} - -/* IconListView */ -// <XXX>: do we still keep this widget? -.DlIconListView { background-color: #d8c8f8; border: 1px solid #bae; } -.DlIconListItem { border-collapse: collapse; } -.DlIconListItem-labelCell { text-align: center; } -.DlIconListItem-labelDiv { overflow: hidden; white-space: normal; font-size: 90%; } -.DlIconListItem-iconCell { background-position: 50% 50%; background-repeat: no-repeat; } - -/* .DlIconListItem-hover .DlIconListItem-iconCell { opacity: 0.7; filter: alpha(opacity=70); } */ -.DlIconListItem { cursor: pointer; float: left; } -.DlIconListItem-hover { background-color: #dcf; } -.DlIconListItem-hover .DlIconListItem-labelCell { color: #00f; text-decoration: underline; } -.DlIconListItem-1 { background-color: #b8b0c0; } -.DlDialog-Active .DlIconListItem-1 { background-color: #76c; } -.DlDialog-Active .DlIconListItem-1 .DlIconListItem-labelCell { color: #fff; } - -.DlIconListItem-focus .DlIconListItem-labelCell { text-decoration: underline; } -// </XXX> - -/* Dialog */ - -.DlWM { - position: absolute; - left: 0; top: 0; - width: 0; height: 0; - overflow: visible; - z-index: 300; -} - -/* .DlWM-container { */ -/* position: relative; */ -/* width: 0; height: 0; */ -/* overflow: visible; */ -/* } */ - -.DlWM-modalStopper { - z-index: 800; cursor: not-allowed; - position: absolute; top: 0; left: 0; width: 100%; height: 100%; -/* background: url("img/modalbg.gif"); */ - filter: alpha(opacity=50); - opacity: 0.5; - background-color: #444; - display: none; -} - -.DlDialog .DlWM-modalStopper { - -moz-border-radius: 0 0 4px 4px; - -webkit-border-radius: 0 0 4px 4px; -} - -.DlDialog .DlDialog-noShadows .DlWM-modalStopper, -.DlDialog-Maximized .DlWM-modalStopper { - -moz-border-radius: 0; - -webkit-border-radius: 0; -} - -.DlWM-hasModals { width: 100%; height: 100%; } -.DlWM-hasModals .DlWM-modalStopper { display: block; } - -.DlDialog { position: absolute; } -.DlDialog-Rel { padding: 0; } -.DlDialog-Content { background-color: $dialogBg; position: relative; } -/* .DlDialog>.DlDialog-Rel { position: relative; } /* HACK-IE6 */ -.Shadow { position: absolute; font-size: 1px; line-height: 1px; } -.DlDialog-Rel .Shadow { z-index: 10; } - -.DlDialog-WAIT { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; - background-image: url("img/modalbg.gif"); } - -.DlDialog-Rel .ResizeHandle { - cursor: se-resize; - position: absolute; -/* right: 0; bottom: 0; */ - left: 100%; - top: 100%; - margin-left: -11px; - margin-top: -11px; - padding: 5px; - background: url("img/resize.gif") no-repeat 0 0; width: 10px; height: 10px; z-index: 350; -} - -/* OPACITY for inactive dialogs */ -/* -.DlDialog { opacity: 0.8; } -.DlDialog-Active { opacity: 1; } -*/ - -.DlDialog-Rel { - .Shadow-T { left: 18px; right: 15px; top: -14px; background: url("img/shadows/dlg-inactive/T.png") repeat-x 0 0; height: 14px; } - .Shadow-B { left: 18px; right: 15px; background: url("img/shadows/dlg-inactive/B.png") repeat-x 0 0; bottom: -16px; height: 16px; } - .Shadow-TL { left: -14px; width: 32px; top: -13px; background: url("img/shadows/dlg-inactive/TL.png") no-repeat 0 0; height: 23px; } - .Shadow-BR { width: 31px; right: -16px; background: url("img/shadows/dlg-inactive/BR.png") no-repeat 0 0; bottom: -15px; height: 21px; } - .Shadow-R { width: 16px; right: -16px; top: 10px; background: url("img/shadows/dlg-inactive/R.png") repeat-y 0 0; bottom: 6px; } - .Shadow-TR { width: 31px; right: -16px; top: -13px; background: url("img/shadows/dlg-inactive/TR.png") no-repeat 0 0; height: 23px; } - .Shadow-BL { left: -14px; width: 32px; background: url("img/shadows/dlg-inactive/BL.png") no-repeat 0 0; bottom: -15px; height: 21px; } - .Shadow-L { left: -14px; width: 14px; top: 10px; background: url("img/shadows/dlg-inactive/L.png") repeat-y 0 0; bottom: 6px; } -} - -.DlDialog-Active .DlDialog-Rel { - .Shadow-T { left: 18px; right: 15px; top: -14px; background: url("img/shadows/dlg-active/T.png") repeat-x 0 0; height: 14px; } - .Shadow-B { left: 18px; right: 15px; background: url("img/shadows/dlg-active/B.png") repeat-x 0 0; bottom: -16px; height: 16px; } - .Shadow-TL { left: -14px; width: 32px; top: -13px; background: url("img/shadows/dlg-active/TL.png") no-repeat 0 0; height: 23px; } - .Shadow-BR { width: 31px; right: -16px; background: url("img/shadows/dlg-active/BR.png") no-repeat 0 0; bottom: -15px; height: 21px; } - .Shadow-R { width: 16px; right: -16px; top: 10px; background: url("img/shadows/dlg-active/R.png") repeat-y 0 0; bottom: 6px; } - .Shadow-TR { width: 31px; right: -16px; top: -13px; background: url("img/shadows/dlg-active/TR.png") no-repeat 0 0; height: 23px; } - .Shadow-BL { left: -14px; width: 32px; background: url("img/shadows/dlg-active/BL.png") no-repeat 0 0; bottom: -15px; height: 21px; } - .Shadow-L { left: -14px; width: 14px; top: 10px; background: url("img/shadows/dlg-active/L.png") repeat-y 0 0; bottom: 6px; } -} - -/* that's for the crappin' IE6: */ -.DlDialog-noShadows { border: 2px solid #879; } -.DlDialog-Active .DlDialog-noShadows { border-color: #000; } - -/* -.DlDialog-Rel .Shadow-... -.DlDialog-Active .DlDialog-Rel .Shadow-... -.DlDialog-Dragging .DlDialog-Rel .Shadow-... -*/ - -.DlDialog-Title { - opacity: 0.9; filter: alpha(opacity=90); - overflow: hidden; white-space: nowrap; - font: bold 100% "Lucida Grande",verdana,tahoma,sans-serif; letter-spacing: -1px; - background: desaturate(darken($activeBg, 25%), 60%) url("img/titlebg.png") repeat-x 0 50%; color: #333; padding: 0 10px; - border-bottom: 2px solid #9e9e9e; -} -.DlDialog-Title div { padding-top: 3px; padding-bottom: 3px; } -.DlDialog-Active .DlDialog-Title { background-color: darken($activeBg, 25%); color: #fff; border-color: #fff; - opacity: 1; filter: none; - text-shadow: 1px 1px 3px #000; -} - -.DlDialog-Title-withIcon { - padding-left: 21px; - background-repeat: no-repeat; - background-position: 0 50%; -} - -.DlDialog-WindowButtons { - height: 0; - overflow: visible; - position: absolute; - right: 11px; - top: 0; - z-index: 10; - opacity: 0.6; /* filter: alpha(opacity=60); /* IE hides them completely, ignoring the overflow: visible spec. */ -} - -.DlDialog-Active .DlDialog-WindowButtons { opacity: 1; filter: none; } - -.DlDialog-WindowButtons div { - float: right; - width: 27px; - height: 16px; - background-repeat: no-repeat; - margin-right: -1px; - background-image: url("img/dialog/buttons.png"); -} - -.DlDialog-QuitBtn { background-position: 0 0; } -.DlDialog-QuitBtn-hover { background-position: -27px 0; } -.DlDialog-QuitBtn-active { background-position: -54px 0; } - -.DlDialog-MaximizeBtn { background-position: 0 -16px; } -.DlDialog-MaximizeBtn-hover { background-position: -27px -16px; } -.DlDialog-MaximizeBtn-active { background-position: -54px -16px; } -.DlDialog-MaximizeBtn-1 { background-position: -54px -16px; } - -.DlDialog-MinimizeBtn { background-position: 0 -32px; } -.DlDialog-MinimizeBtn-hover { background-position: -27px -32px; } -.DlDialog-MinimizeBtn-active { background-position: -54px -32px; } -.DlDialog-MinimizeBtn-1 { background-position: -54px -32px; } - -.DlDialog-Dragging .DlDialog-Title { background-color: #000; color: #3d4; } -.DlDialog-Dragging .DlDialog-Rel { border-color: #000; } - -/* .DlDialog-Dragging .DlDialog-Content { opacity: 0.6; } */ -/* .DlDialog-Dragging .DlDialog-Content * { display: none; } /* Good speed-up in Linux! */ - -.DlDialog .DlHMenu { - border: none; - border-bottom: 1px solid $mainBgD2; -} - - -.DlDialog .DlDialog .DlDialog-Rel { - outline: 1px solid #fff; - -moz-outline: 1px solid #fff; - -webkit-outline: 1px solid #fff; - -opera-outline: 1px solid #fff; - border: 0; -} -.DlDialog-noShadows>.ResizeHandle { margin-left: -10px; margin-top: -10px; } -.DlDialog .DlDialog .DlDialog-Title { - background-color: #fff; color: #000; /* padding: 0px 2px; */ - border-bottom: 1px solid #888; -} -.DlDialog .DlDialog .DlDialog-Title div { padding-top: 1px; padding-bottom: 1px; } -.DlDialog .DlDialog-Active .DlDialog-Title { background-color: #5e5868; color: #fff; border-color: #fff; } -.DlDialog .DlDialog-Dragging .DlDialog-Title { background-color: #000; color: #3d4; } - -/* maximized dialogs are not resizable */ -.DlDialog-Maximized>table>tbody>tr>td>.DlDialog-Rel>.Shadow { display: none; } -.DlDialog-Maximized>table>tbody>tr>td>.DlDialog-Rel>.ResizeHandle { display: none; } -.DlDialog-Maximized>table>tbody>tr>td>.DlDialog-Rel>.DlDialog-Title { border-width: 0; } - -.DlLiteTree { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; - .hidden { display: none } - ul { - margin: 0; padding: 0; display: block; - li { - display: block; - .item-label { padding: 1px 0; white-space: nowrap; } - .expander { - background-position: 0 50%; - background-repeat: no-repeat; - padding-left: 15px; - margin-right: 1px; - } - .item-label:hover { - color: $hoverColor; - background-color: $hoverBg; - } - .item-label.selected { - background-color: #ccc; - color: #000; - } - } - .item-label.collapsed>.expander { - background-image: url("img/tree/plus.png"); - background-position: 3px 50%; - cursor: pointer; - &:hover { - background-color: $focusBorder; - } - } - .item-label.expanded>.expander { - background-image: url("img/tree/minus.png"); - background-position: 3px 50%; - cursor: pointer; - &:hover { - background-color: $focusBorder; - } - } - span.dim { color: $mainBgD3 } - ul { - .expander { margin-left: 16px } - ul { - .expander { margin-left: 32px } - ul { - .expander { margin-left: 48px } - ul { - .expander { margin-left: 64px } - ul { - .expander { margin-left: 80px } - ul { - .expander { margin-left: 96px } - ul { - .expander { margin-left: 112px } - ul { - .expander { margin-left: 128px } - ul { - .expander { margin-left: 144px } - ul { - .expander { margin-left: 160px } - } - } - } - } - } - } - } - } - } - } - } -} - -.DlLiteTree-focus { - @include focus-border1; - @include focus-outline; - ul { - li { - .item-label.selected { - background-color: $selectionBg; - color: $selectionFg; - } - } - } -} - -/* ICONS */ -.IconCalendar { background-image: url("img/icons/calendar.png"); background-position: 1px 50%; } -.IconColors { background-image: url("img/icons/colors.png"); background-position: 1px 50%; } -.IconChardev { background-image: url("img/icons/gnome-fs-chardev.png"); background-position: 1px 50%; } -.IconDynarch { background-image: url("img/icons/dynarch-small.png"); background-position: 1px 50%; } - - - - - -/* MISC */ - -/* Hint for the browser that it's allowed to break line at this span; -ideally it should be invisible. The UTF8 character doesn't work in -all browsers :(( */ -span.BreakPoint { - width: 1px; - font-size: 1px; - line-height: 1px; - overflow: hidden; -} - -.SmallerButtons .DlButton-inner { padding: 1px 3px; } -.SmallerButtons .DlButton-active .DlButton-inner { padding: 2px 2px 0px 4px; } - -.Dl-StatusBar { border: 1px solid; @include inset-border1; padding: 1px 4px; background-color: $mainBg; } - -.Dl-ResizeRect { z-index: 5000; - font: 13px tahoma,"Trebuchet MS",Tahoma,Verdana,sans-serif; - position: fixed; top: 0; left: 0; border: 1px dashed #000; -/* background: url("img/modalbg.gif"); */ - background: #fff; opacity: 0.4; filter: alpha(opacity=40); -/* background-color: #000; opacity: 0.5; filter: alpha(opacity=50); */ - border: 1px dashed #f00; -} - -.Dl-ResizeRect { color: red; } -.Dl-ResizeRect .Title { font-weight: bold; } - -.Dl-ResizeRect-moving { - border-color: #000; -/* background: url("img/resizebg.gif"); */ - /* background: #000; */ -} - -.DlAlign-left { text-align: left; } -.DlAlign-right { text-align: right; } -.DlAlign-center { text-align: center; } - -.Dl-3D-Border-Outside { border: 1px solid; @incude outset-border1 } -.Dl-3D-Border-Inside { border: 1px solid; @include outset-border2 } -.Dl-3D-Border-Dark { border: 1px solid $mainBgD2; } - -/* BUGS */ -/* Gecko bugs are marked with class "Gecko-bug" *and* "Gecko-bug-######" (bug number) */ - -.Gecko-Bug-226933 { position: relative; overflow: auto; } - -.undefined { border: 5px solid red; } /* this sucks */ - -/* thin shadows */ - -.ThinShadows .Shadow-T { left: 10px; right: 9px; top: -7px; background: url("img/thin-shadows/T.png") repeat-x 0 0; height: 7px; } -.ThinShadows .Shadow-B { left: 10px; right: 9px; background: url("img/thin-shadows/B.png") repeat-x 0 0; bottom: -11px; height: 11px; } -.ThinShadows .Shadow-TL { left: -7px; width: 17px; top: -7px; background: url("img/thin-shadows/TL.png") no-repeat 0 0; height: 20px; } -.ThinShadows .Shadow-BR { width: 20px; right: -11px; background: url("img/thin-shadows/BR.png") no-repeat 0 0; bottom: -11px; height: 20px; } -.ThinShadows .Shadow-R { width: 11px; right: -11px; top: 13px; background: url("img/thin-shadows/R.png") repeat-y 0 0; bottom: 9px; } -.ThinShadows .Shadow-TR { width: 20px; right: -11px; top: -7px; background: url("img/thin-shadows/TR.png") no-repeat 0 0; height: 20px; } -.ThinShadows .Shadow-BL { left: -7px; width: 17px; background: url("img/thin-shadows/BL.png") no-repeat 0 0; bottom: -11px; height: 20px; } -.ThinShadows .Shadow-L { left: -7px; width: 7px; top: 13px; background: url("img/thin-shadows/L.png") repeat-y 0 0; bottom: 9px; } - -.ThinRoundShadows .Shadow-T { left: 8px; right: 6px; top: -6px; background: url("img/thin-shadows1/T.png") repeat-x 0 0; height: 6px; } -.ThinRoundShadows .Shadow-B { left: 8px; right: 6px; background: url("img/thin-shadows1/B.png") repeat-x 0 0; bottom: -10px; height: 10px; } -.ThinRoundShadows .Shadow-TL { left: -6px; width: 14px; top: -6px; background: url("img/thin-shadows1/TL.png") no-repeat 0 0; height: 15px; } -.ThinRoundShadows .Shadow-BR { width: 16px; right: -10px; background: url("img/thin-shadows1/BR.png") no-repeat 0 0; bottom: -10px; height: 16px; } -.ThinRoundShadows .Shadow-R { width: 10px; right: -10px; top: 9px; background: url("img/thin-shadows1/R.png") repeat-y 0 0; bottom: 6px; } -.ThinRoundShadows .Shadow-TR { width: 16px; right: -10px; top: -6px; background: url("img/thin-shadows1/TR.png") no-repeat 0 0; height: 15px; } -.ThinRoundShadows .Shadow-BL { left: -6px; width: 14px; background: url("img/thin-shadows1/BL.png") no-repeat 0 0; bottom: -10px; height: 16px; } -.ThinRoundShadows .Shadow-L { left: -6px; width: 6px; top: 9px; background: url("img/thin-shadows1/L.png") repeat-y 0 0; bottom: 6px; } |