diff --git a/apps/ide/obsolete-src/plugins/terminal/plugin.json b/apps/ide/obsolete-src/plugins/terminal/plugin.json index dc9888b2..157aacf6 100644 --- a/apps/ide/obsolete-src/plugins/terminal/plugin.json +++ b/apps/ide/obsolete-src/plugins/terminal/plugin.json @@ -11,9 +11,9 @@ "location" : "/&Add-on/", "wholeItems" : { "Terminal" : [ "cmnd", { "shortcut" : { "keys" : "Alt+T", "desc" : "terminal" }, - "toolbar": { "icons" : { "normal": "./styles/images/icons/title_icon_terminal_nml.png", - "hovered" : "./styles/images/icons/title_icon_terminal_hover.png", - "clicked" : "./styles/images/icons/title_icon_terminal_pushed.png" }, + "toolbar": { "icons" : { "normal": "./styles/theme/webida-light/images/icons/title_icon_terminal_nml.png", + "hovered" : "./styles/theme/webida-light/images/icons/title_icon_terminal_hover.png", + "clicked" : "./styles/theme/webida-light/images/icons/title_icon_terminal_pushed.png" }, "tooltip" : "Terminal"} } ] } diff --git a/apps/ide/src/index.html b/apps/ide/src/index.html index c827eea3..c45896fe 100644 --- a/apps/ide/src/index.html +++ b/apps/ide/src/index.html @@ -14,8 +14,8 @@ - + IDE diff --git a/apps/ide/src/plugins/webida.ide.project-management.run/plugin.json b/apps/ide/src/plugins/webida.ide.project-management.run/plugin.json index 13b09606..57c91613 100644 --- a/apps/ide/src/plugins/webida.ide.project-management.run/plugin.json +++ b/apps/ide/src/plugins/webida.ide.project-management.run/plugin.json @@ -35,7 +35,7 @@ "&Run" : [ "cmnd", { "shortcut" : { "keys" : { "default" : "Alt+R" }, "desc" : "Run recent project" } } ], "Run &with" : [ "enum", { "toolbar": { - "icons" : "./styles/images/icons/toolbar_runhistory.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_runhistory.png", "tooltip" : "Run with", "enabledOn":"toolbar.runas.enable", "disabledOn":"toolbar.runas.disable" @@ -45,7 +45,7 @@ "Debug" : [ "cmnd", { "shortcut" : { "keys" : { "default" : "Alt+D" }, "desc" : "Debug recent project" } } ], "Debug with" : [ "enum", { "toolbar": { - "icons" : "./styles/images/icons/toolbar_debug.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_debug.png", "tooltip" : "Debug with", "enabledOn":"toolbar.debugas.enable", "disabledOn":"toolbar.debugas.disable" diff --git a/apps/ide/src/plugins/webida.ide.project.deploy/plugin.json b/apps/ide/src/plugins/webida.ide.project.deploy/plugin.json index c596daf1..d60284ea 100644 --- a/apps/ide/src/plugins/webida.ide.project.deploy/plugin.json +++ b/apps/ide/src/plugins/webida.ide.project.deploy/plugin.json @@ -12,7 +12,7 @@ { "shortcut" : { "keys" : { "default" : "Shift+Alt+D" }, "desc" : "deploy" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_deployhistory.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_deployhistory.png", "tooltip" : "Deploy", "enabledOn":"toolbar.deploy.enable", "disabledOn":"toolbar.deploy.disable" diff --git a/apps/ide/src/plugins/webida.ide.search-result/style/search-result.css b/apps/ide/src/plugins/webida.ide.search-result/style/search-result.css index 0fae3ecf..f3e8f04e 100644 --- a/apps/ide/src/plugins/webida.ide.search-result/style/search-result.css +++ b/apps/ide/src/plugins/webida.ide.search-result/style/search-result.css @@ -20,6 +20,10 @@ background-color: #fafaff; padding: 10px; } +.search-result-tree-panel:empty { + background-color: #fafaff; + height: calc(100% - 64px); +} .search-result-tree-panel:after { display: block; content: ''; diff --git a/apps/ide/src/plugins/webida.preference/plugin.json b/apps/ide/src/plugins/webida.preference/plugin.json index c97edfa1..45fe01c1 100644 --- a/apps/ide/src/plugins/webida.preference/plugin.json +++ b/apps/ide/src/plugins/webida.preference/plugin.json @@ -23,7 +23,7 @@ "keys" : { "default" : "Alt + P" }, "desc" : "Workspace Preferences" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_preference.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_preference.png", "tooltip" : "Preferences", "enabledOn": "toolbar.preferences.enable", "disabledOn": "toolbar.preferences.disable" diff --git a/apps/ide/src/plugins/webida.preference/style/style.css b/apps/ide/src/plugins/webida.preference/style/style.css index 40047c22..f246bbb6 100644 --- a/apps/ide/src/plugins/webida.preference/style/style.css +++ b/apps/ide/src/plugins/webida.preference/style/style.css @@ -18,11 +18,12 @@ } #prefDlgContent .preferenceview-tree { - width: 200px; + width: 202px; height: 100%; padding: 0; background-color: #E8EDF2; border: 1px solid #9EA5AE; + box-sizing: border-box; } .webida-light #prefDlgContent .preferenceview-content { diff --git a/apps/ide/src/styles/backup/CheckedMultiSelect.css b/apps/ide/src/styles/backup/CheckedMultiSelect.css deleted file mode 100644 index b953a22d..00000000 --- a/apps/ide/src/styles/backup/CheckedMultiSelect.css +++ /dev/null @@ -1,208 +0,0 @@ - -.dojoxCheckedMultiSelectHidden{ - display: none; -} -.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { - border: solid black 1px; - margin: 1px 0; - overflow: scroll; - overflow-y: scroll; - overflow-x: hidden; - height: 100px; -} -.dj_ie .dojoxCheckedMultiSelectWrapper, -.dj_webkit .dojoxCheckedMultiSelectWrapper { - - padding-right: 15px; -} -.dojoxMultiSelectItem { - cursor: default; - padding: 0.1em 0.2em; - white-space: nowrap; -} -.dojoxCheckedMultiSelectItem { - white-space: nowrap; - padding:.1em .2em; - cursor:default; -} -.dojoxCheckedMultiSelectDisabled *, -.dojoxCheckedMultiSelectReadOnly * { - color:gray !important; -} -.dojoxCheckedMultiSelectItemLabel { - margin-left: .2em; -} -.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { - margin: 0em 0.1em; -} -.dojoxCheckedMultiSelectCheckBoxInput { - opacity: 0.01; -} -.dj_ie .dojoxCheckedMultiSelectCheckBoxInput { - filter: alpha(opacity=0); - width: 15px; - height: 16px; -} -.dijit_a11y .dojoxCheckedMultiSelectCheckBoxInput { - opacity: 1; - filter: none; -} -.dojoxCheckedMultiSelectMenu td.dijitMenuArrowCell { - display: none; -} -.dojoxCheckedMultiSelectMenu td.dijitMenuItemLabel { - position: static; - padding: 2px; -} -.tundra .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { - background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left; - #background:#fff url('../../../dijit/themes/tundra/images/validationInputBg.gif') repeat-x top left; - border:1px solid #b3b3b3; - line-height: normal; -} -.tundra .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { - - border-color:#406b9b; -} -.soria .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { - background:#fff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left; - #background:#fff url('../../../dijit/themes/soria/images/validationInputBg.gif') repeat-x top left; - border:1px solid #8ba0bd; - line-height: normal; -} -.soria .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { - - border-color:#406b9b; -} -.nihilo .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { - background:#fff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left; - #background:#fff url('../../../dijit/themes/nihilo/images/validationInputBg.gif') repeat-x top left; - border:1px solid #d3d3d3; - line-height: normal; -} -.nihilo .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { - - border-color:#b3b3b3; -} -.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { - border: 1px solid #b5bcc7; - background-color: #f7fcff; - line-height: normal; - -webkit-transition-property:background-color, border; - -webkit-transition-duration:.35s; -} -.claro .dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper { - border-color: #769dc0; - background-color: #e9f4fe; - background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-repeat: repeat-x; - -webkit-transition-duration:.25s; -} -.claro .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { - border: 1px solid #769dc0; - -webkit-transition-duration:.1s; -} -.claro .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { - background-image: url('images/checkboxRadioButtonStates.png'); - background-repeat: no-repeat; - background-position: -15px; - width: 15px; - height: 16px; -} -.claro .dojoxCheckedMultiSelectMenuRadioItemIcon { - background-image: url('images/checkboxRadioButtonStates.png'); - background-repeat: no-repeat; - background-position: -105px; - width: 15px; - height: 16px; -} -.dj_ie6 .claro .dojoxCheckedMultiSelectMenuItemIcon { - background-image: url('images/checkboxRadioButtonStates.png'); -} -.claro .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { - background-position: 0; -} -.claro .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon { - background-position: -90px; -} -.claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText { - padding: 2px; -} -.claro .dojoxCheckedMultiSelectButton { - border: 1px solid #b5bcc7; - background-color: #ffffff; - border-collapse: separate; -} -.claro .dojoxCheckedMultiSelect .dijitButtonNode { - border: 0 solid #b5bcc7; - border-width: 0 0 0 0; -} -.dj_ie6 .claro .dojoxCheckedMultiSelectButton, .dj_ie6 .claro .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode { - background-image: none; -} -.claro .dojoxCheckedMultiSelectButton .dijitButtonContents { - border: 0 solid #b5bcc7; - border-right-width: 1px; -} -.claro .dojoxCheckedMultiSelectButton .dijitArrowButton { - padding: 0; - border: 1px solid #ffffff; - border-top: none; - background-color: #efefef; - background-image: url("images/formHighlight.png"); - background-repeat: repeat-x; -} -.claro .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner { - background-image: url("images/commonFormArrows.png"); - background-position: -35px; - background-repeat: no-repeat; - width: 16px; - height: 16px; -} -.claro .dojoxCheckedMultiSelectButtonHover { - border: 1px solid #769dc0; - background-color: #e9f4fe; - background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-repeat: repeat-x; -} -.claro .dojoxCheckedMultiSelectButtonHover .dijitButtonContents { - border-color: #769dc0; -} -.claro .dojoxCheckedMultiSelectButtonHover .dijitArrowButton { - background-color: #abd6ff; -} -.claro .dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner { - background-position: -70px ; -} -.claro .dojoxCheckedMultiSelectButtonFocused { - border: 1px solid #769dc0; -} -.claro .dojoxCheckedMultiSelectButtonFocused .dijitButtonContents { - border-color: #769dc0; -} -.claro .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton { - background-color: #7dbefa; - background-position: 0 -177px; - border: none; - padding: 0 1px; -} -.claro .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner { - background-position: -70px; - margin-bottom: 1px; -} -.claro .dojoxCheckedMultiSelectButtonDisabled { - border: 1px solid #d3d3d3; - background-color: #efefef; - background-image: none; - color: #818181; -} -.claro .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton { - background-color: #efefef; -} -.claro .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner { - background-position: 0; -} diff --git a/apps/ide/src/styles/backup/EnhancedGrid.css b/apps/ide/src/styles/backup/EnhancedGrid.css deleted file mode 100644 index 31c4ce13..00000000 --- a/apps/ide/src/styles/backup/EnhancedGrid.css +++ /dev/null @@ -1,1463 +0,0 @@ - -.dojoxGrid { - position: relative; - background-color: #EBEADB; - font-family: Geneva, Arial, Helvetica, sans-serif; - -moz-outline-style: none; - outline: none; - overflow: hidden; - height: 0; -} -.dojoxGrid table { - padding: 0; -} -.dojoxGrid td { - -moz-outline: none; -} -.dojoxGridMasterHeader { - position: relative; -} -.dojoxGridMasterView { - position: relative; -} -.dojoxGridMasterMessages { - position: relative; - padding: 1em; - text-align: center; - background-color: white; -} -.dojoxGridView { - position: absolute; - overflow: hidden; -} -.dojoxGridHeader { - position: absolute; - overflow: hidden; - cursor: default; -} -.dojoxGridHeader { - background-color: #E8E1CF; -} -.dojoxGridHeader table { - text-align: center; -} -.dojoxGridHeader .dojoxGridCell { - border: 1px solid; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x; - padding-bottom: 2px; -} -.dojoxGridHeader .dojoxGridCellOver { - background-image: none; - background-color: white; - border-bottom-color: #FEBE47; - margin-bottom: 0; - padding-bottom: 0; - border-bottom-width: 3px; -} -.dojoxGridHeader .dojoxGridCellFocus { - border: 1px dashed blue; -} -.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { - background-image: none; - background-color: white; - border-bottom-color: #FEBE47; - margin-bottom: 0; - padding-bottom: 0; - border-bottom-width: 3px; -} -.dojoxGridArrowButtonNode { - display: none; - padding-left: 16px; -} -.dojoxGridArrowButtonChar { - display:inline; -} - -.dojoxGridArrowButtonNode:hover { - cursor: default; -} -.dojoxGridArrowButtonChar:hover { - cursor: default; -} -.dojoxGridSortUp:hover { - cursor: default; -} -.dojoxGridSortDown:hover { - cursor: default; -} -.dijit_a11y .dojoxGridArrowButtonChar { - display:inline !important; -} -.dojoxGridScrollbox { - position: relative; - overflow: auto; - background-color: white; - width: 100%; -} -.dojoxGridContent { - position: relative; - overflow: hidden; - -moz-outline-style: none; - outline: none; -} -.dojoxGridRowbar { - border: 1px solid; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - border-top: none; - background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x; -} -.dojoxGridRowbarInner { - border-top: 1px solid #F6F4EB; -} -.dojoxGridRowbarOver { - background-image: none; - background-color: white; - border-top-color: #FEBE47; - border-bottom-color: #FEBE47; -} -.dojoxGridRowbarSelected { - background-color: #D9E8F9; -} -.dojoxGridRow { - position: relative; - width: 9000em; -} -.dojoxGridRow { - - border: 1px solid #E8E4D8; - border-color: #F8F7F1; - - border-left: none; - border-right: none; - background-color: white; - border-top: none; -} -.dojoxGridRowOver { - border-top-color: #FEBE47; - border-bottom-color: #FEBE47; - - - -} -.dojoxGridRowOdd { - background-color: #FFFDF3; - -} -.dojoxGridRowSelected { - background-color: #D9E8F9; -} -.dojoxGridRowTable { - table-layout: fixed; - width: 0; - empty-cells: show; -} -.dj_ie .dojoxGridRowTable { - border-collapse: collapse; -} -.dojoxGridInvisible { - visibility: hidden; -} -.Xdojo-ie .dojoxGridInvisible { - display: none; -} -.dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td { - border-top-width: 0; - border-bottom-width: 0; - padding-top: 0; - padding-bottom: 0; - height: 0; - overflow: hidden; -} -.dojoxGrid .dojoxGridCell { - border: 1px solid; - border-color: #EBEADB; - border-right-color: #D5CDB5; - padding: 3px 3px 3px 3px; - text-align: left; - overflow: hidden; - word-wrap: break-word; -} -.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell { - white-space: nowrap; - word-break: keep-all; - word-wrap: normal; - text-overflow: ellipsis; -} -.dojoxGridCellFocus { - border: 1px dashed blue; -} -.dojoxGridCellOver { - border: 1px dotted #FEBE47; -} -.dojoxGridCellFocus.dojoxGridCellOver { - border: 1px dashed green; -} -.dojoxGridRowEditing td { - background-color: #F4FFF4; -} -.dojoxGridRow-inserting td { - background-color: #F4FFF4; -} -.dojoxGridRow-inflight td { - background-color: #F2F7B7; -} -.dojoxGridRow-error td { - background-color: #F8B8B6; -} -.dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea { - margin: 0; - padding: 0; - border-style: none; - width: 100%; - font-size: 100%; - font-family: inherit; -} -.dojoxGridHiddenFocus { - position: absolute; - top: -1000px; - height: 0; - width: 0; -} -.dijit_a11y .dojoxGridRowbarSelected { - border-top: 1px solid white; - border-bottom: 1px dashed black; - border-top: 0; - background: none; -} -.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { - border: 0; - border-top: 1px solid white; -} -.dijit_a11y .dojoxGridRowSelected { - border: 1px solid black !important; -} -.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem { - display: table-cell; - - margin: 0; -} -.dojoxGridDndAvatar { - font-size: 100%; -} -.dojoxGrid .dojoDndItemBefore { - border-left-color: red; -} -.dojoxGrid .dojoDndItemAfter { - border-right-color: red; -} -.dijit_a11y .dojoDndItemBefore { - border-left: double; -} -.dijit_a11y .dojoDndItemAfter { - border-right: double; -} -.dojoxGridDndAvatarItem td { - border: 1px solid; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x; - padding: 0pt; - margin: 0pt; -} -.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { - border: 0; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - background-color: transparent; - padding: 3px; - padding-bottom: 2px; - margin: 0; -} -.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndNoMove.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndNoCopy.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndMove.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndCopy.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoxGridColPlaceBottom { - background: transparent url("images/grid_sort_up.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop { - background: transparent url("images/grid_sort_down.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { - font-size:1px; - height:6px; - z-index:10000; - top:0; - overflow:hidden; - position:absolute; - line-height:1px; - width:8px; -} -.dojoxGridResizeColLine { - width: 1px; - background-color: #777; - position: absolute; - cursor: col-resize; - z-index:10000; -} -.dojoxGridColNoResize, -.dojoxGridColNoResize .dojoDndItemOver { - cursor: not-allowed !important; -} -.dojoxGridColResize, -.dojoxGridColResize .dojoDndItemOver, -.dojoxGridColumnResizing, -.dojoxGridColumnResizing .dojoDndItemOver, -.dojoxGridColumnResizing .dojoxGridHeader { - cursor: col-resize !important; -} -.dojoxGridColPlaceBottom { - background: transparent url("images/grid_sort_up.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop { - background: transparent url("images/grid_sort_down.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { - font-size:1px; - height:6px; - z-index:10000; - top:0; - overflow:hidden; - position:absolute; - line-height:1px; - width:8px; -} -.dojoxGridResizeColLine { - width: 1px; - background-color: #777; - position: absolute; -} -.dojoxGridExpandoCell { - vertical-align: middle; -} -.dojoxGridSummarySpan { - visibility: hidden; -} -.dojoxGridSummaryRow .dojoxGridSummarySpan, -.dojoxGridRowCollapsed .dojoxGridSummarySpan { - visibility: visible; -} -.dojoxGridNoChildren .dojoxGridExpando { - visibility: hidden !important; - width: 0px !important; -} -.dj_ie .dojoxGridRtl .dojoxGridHeader table { - float:none; -} -.dojoxGridRtl .dojoxGridCell { - text-align:right; -} -.dj_ie8 .dojoxGridRtl .dojoxGridCell { - border-left: none; -} -.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { - border-left: #e5dac8 1px solid -} -.dojoxGridRtl .dojoxGridArrowButtonNode { - float:left; -} -.claro .dojoxGrid { - margin:0px; - padding:0px; - border-collapse:collapse; - background-color: #fff; - border: 1px solid #DBDBDB; -} -.claro .dojoxGridMasterMessages { - background-color: #fefefe; -} -.claro .dojoxGridLoading, -.claro .dojoxGridError { - background-position:left center; - background-repeat: no-repeat; - padding-left:25px; -} -.claro .dojoxGridLoading { - background-image:url("images/loadingAnimation.gif"); -} -.claro .dojoxGridError { - background-image: url("images/commonIconsObjActEnabled.png"); - background-position: -496px; - width: 16px; - height: 16px; -} -.claro .dojoxGridHeader { - background: transparent; - margin-left: -2px; -} -.claro .dojoxGridHeader .dojoxGridCell { - padding: 2px 5px; - vertical-align: top; - background: transparent; - border-style:solid; - border-width:1px; - border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; -} -.dj_ie6 .claro .dojoxGridHeader .dojoxGridCell { - border-color:#BCBCBC #BCBCBC #BCBCBC #e5edf4; -} -.claro .dojoxGridHeader .dojoxGridCellOver { - background: #9dcfff; -} -.claro .dojoxGridSortNode { - text-decoration:none; - display:block; - white-space: normal; - background: none; - border: none; - padding: 0; -} -.claro .dojoxGridCellOver .dojoxGridSortNode { - background-color:#9dcfff; -} -.claro .dojoxGridArrowButtonChar { - display:none; - float:right; -} -.claro .dojoxGridArrowButtonNode { - background:transparent url("images/spriteArrows.png") no-repeat scroll left center; - display:block; - float:right; - height:1em; - margin:2px 4px 0 5px; - padding-left:0; - width:7px; -} -.claro .dojoxGridSortUp .dojoxGridArrowButtonNode { - background-position:-21px 50%; -} -.claro .dojoxGridMasterHeader { - background: url("images/header.png") #EDF2F7 repeat-x bottom; - background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); - background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEDF2F7, endColorstr=#FFD0DFEA); - border: 1px solid #FFFFFF; - border-right: none; -} -.claro .dojoxGridMasterHeader .dojoxGridRowTable { - border-left: 1px solid #BCBCBC; - border-right: 1px solid #FFFFFF; - background-color: transparent; -} -.dj_ie .claro .dojoxGridHeader .dojoxGridRowTable { - border-collapse:separate; -} -.dj_ie6 .claro .dojoxGridHeader .dojoxGridRowTable, -.dj_ie7 .claro .dojoxGridHeader .dojoxGridRowTable { - border-collapse:collapse; - border-right: 0px; -} -.claro .dojoxGridHeader .dojoxGridRowTable tr { - background: none; -} -.claro .dojoxGridHeader tr:first-child .dojoxGridCell { - border-top: 1px solid transparent; -} -.claro .dojoxGridHeader:first-child .dojoxGridRowTable { - border-left-width: 0; -} -.claro .dojoxGridHeader:first-child { - margin-left: -1px; -} -.claro .dojoxGridScrollbox { - background-color: #fefefe; -} -.claro .dojoxGridRowbar { - background:url("images/header.png") #e5edf4 repeat-x top; - border:none; - border-right:1px solid #BCBCBC; -} -.claro .dojoxGridRowbarTable { - background:transparent url("images/header_shadow.png") repeat-x scroll center bottom; -} -.dj_ie6 .claro .dojoxGridRowbar, -.dj_ie6 .claro .dojoxGridRowbarTable { - background-image:none; -} -.claro .dojoxGridRowbarInner { - border:none; - border-bottom:1px solid #ccc; -} -.claro .dojoxGridRowbarOver .dojoxGridRowbarTable { - background-color:#abd5fd; -} -.claro .dojoxGridRowbarSelected { - background-color:#abd5fd; - border-right:1px solid #ccc; -} -.claro .dojoxGridRow { - border:none; - background-color:#fff; -} -.dj_ie .claro .dojoxGridMasterView .dojoxGridRowTable { - border-collapse:separate; -} -.dj_ie6 .claro .dojoxGridMasterView .dojoxGridRowTable, -.dj_ie7 .claro .dojoxGridMasterView .dojoxGridRowTable { - border-collapse: collapse; -} -.claro .dojoxGridRowTable tr { - background:url("images/row_back.png") #fff repeat-x; -} -.claro .dojoxGridRowOdd .dojoxGridRowTable tr { - background-color:#f7fcff; -} -.claro .dojoxGridRowSelected .dojoxGridRowTable tr { - background-color:#cee6fa; -} -.claro .dojoxGrid .dojoxGridCell { - outline: none; - padding: 3px 5px; - border:1px solid transparent; - border-color: transparent #E5DAC8 #E5DAC8 transparent; -} -.dj_ie7 .claro .dojoxGridCell, -.dj_ie7 .claro .dojoxGridHeader .dojoxGridCell { - border-left: 0px; -} -.dj_ie6 .claro .dojoxGridCell { - border-color: #F5F5F5; -} -.dj_ie6 .claro .dojoxGridRowOdd .dojoxGridCell { - border-left-color:#f4f9fd; - border-right-color:#f4f9fd; -} -.dj_ie6 .claro .dojoxGridRowSelected .dojoxGridCell { - border-left-color:#d3e9fb; - border-right-color:#d3e9fb; -} -.claro .dojoxGridRowSelected .dojoxGridCell { - border-top:1px solid #BFD6EB; - border-bottom:1px solid #BFD6EB; -} -.claro .dojoxGridCellFocus { - outline: none; - border:1px dashed darkblue !important; -} -.claro .dojoxGridRowOver .dojoxGridCell { - background:url("images/row_back.png") #ABD6FF repeat-x; - border-top:1px solid #769DC0; - border-bottom:1px solid #769DC0; -} -.dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell, -.dj_ie7 .claro .dojoxGridRowOver .dojoxGridCell { - border-right:1px solid #ABD6FF; -} -.claro .dojoxGridRowActive .dojoxGridCell { - background:url("images/td_button_down.png") #7DBEFA repeat-x; -} -.dj_ie6 .claro .dojoxGridRowActive .dojoxGridCell, -.dj_ie7 .claro .dojoxGridRowActive .dojoxGridCell { - border-left:1px solid #7DBEFA; - border-right:1px solid #7DBEFA; -} -.claro .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { - border:solid 1px #769dc0; - background-color:#93cafe; - border-collapse:separate; -} -.claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell{ - background-image:url("images/row_back.png"); -} -.claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { - background:url("images/td_button_down.png") #93cafe repeat-x; -} -.dj_ie6 .claro .dojoxGridCell { - background-image:none !important; -} -.claro .dojoxGridRowEditing td { - - background-color: #cee6fa; - -} -.claro .dojoxGridRow-inserting td { - background-color: #F4FFF4; -} -.claro .dojoxGridRow-inflight td { - background-color: #F2F7B7; -} -.claro .dojoxGridRow-error td { - background-color: #F8B8B6; -} -.claro .dojoxGrid .dojoDndItemBefore { - border-left-color: #3559ac; -} -.claro .dojoxGrid .dojoDndItemAfter { - border-right-color: #3559ac; -} -.claro .dojoxGridExpando { - float: left; - height: 18px; - width: 18px; - text-align: center; - margin-top: -3px; -} -.dijitRtl .claro .dojoxGridExpando { - float: right; -} -.claro .dojoxGridExpandoCell { - padding-top: 5px; - background-position: left top !important; -} -.claro .dojoxGridExpandoNode { - background-image: url("images/treeExpandImages.png"); - width: 16px; - height: 16px; - cursor: pointer; - background-position: 1px 0px; -} -.dj_ie6 .claro .dojoxGridExpandoNode { - background-image: url("images/treeExpandImages8bit.png"); -} -.claro .dojoxGridRowOver .dojoxGridExpandoNode { - background-position: -17px 0px; -} -.claro .dojoxGridExpandoOpened .dojoxGridExpandoNode { - background-position: -35px 0px; -} -.claro .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { - background-position: -53px 0px; -} -.claro .dojoxGridExpandoLoading .dojoxGridExpandoNode { - background-image: url("images/loadingAnimation.gif"); -} -.claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { - visibility: visible !important; - width: 18px !important; -} -.claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode, -.dj_ie6 .claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { - background-image:none; -} -.claro .dojoxGridExpandoNodeInner { - visibility: hidden; -} -.dijit_a11y .dojoxGridExpandoNodeInner { - visibility: visible; -} -.claro .dojoxGridSummaryRow .dojoxGridCell { - border:1px solid transparent; -} -.dj_ie6 .claro .dojoxGridSummaryRow .dojoxGridCell { - border-color:#fff -} -.claro tr.dojoxGridSubRowAlt { - background-color:#f4f9fd; -} -.claro .dojoxGridRowOdd tr.dojoxGridSubRowAlt { - background-color:#fff; -} -.claro .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { - background-color:#cee6fa; -} -.dojoxGridRowSelector { - cursor: pointer; -} -.dojoxGridRowSelectorStatusText{ - visibility:hidden; -} -.dijit_a11y .dojoxGridRowSelected { - opacity:0.8 !important; -} -.dijit_a11y .dojoxGridBorderDIV { - border:2px solid #000 !important; -} -.dijit_a11y .dojoxGridRowSelector { - height:100% !important; -} -.dijit_a11y .dojoxGridRowSelectorStatusText{ - font-size:larger !important; - visibility:visible; -} -.dijit_a11y .dijitCheckBox .dojoxGridRowSelectorStatusText{ - font-weight:bolder !important; - font-size:x-large !important; -} -.dijit_a11y .dijitCheckBoxChecked .dojoxGridRowSelectorStatusText{ - font-size:small !important; -} -.dojoxGridFBar { - width: 100%; - cursor: pointer; -} -.dojoxGridFBar .dojoxGridFBarBtn { - margin: 0; -} -.dojoxGridFBarBtnTD { - width: 38px; -} -.dojoxGridFBar .dojoxGridFBarBtn .dijitButtonNode { - -moz-border-radius: 1px; - -webkit-border-radius: 1px; - padding-top: 0; - padding-bottom: 0; - padding-right: 2px; -} -.dojoxGridFBarDefFilterBtnIcon { - background: url("images/sprite_icons.png") no-repeat; - background-position: -100px -18px; - width: 14px; - height: 14px; -} -.dj_ie .dojoxGridFBarInner{ - display: inline-block; - width: 100%; -} -.dojoxGridFBarStatus { - margin-left: 9px; - float: left; -} -.dojoxGridFBarClearFilterBtn { - margin: 0 0 0 10px; - vertical-align: top; - float: left; -} -.dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn .dijitButtonNode, -.dojoxGridFBarInfoTD .dojoxGridFBarCloseBtn .dijitButtonNode, -.dojoxGridFDPane .dijitAccordionTitle .dijitButtonNode, -.dojoxGridFStatusTipDetail .dijitButton .dijitButtonNode { - -moz-border-radius: 0; - -moz-box-shadow: none; - -webkit-border-radius: 0; - -webkit-box-shadow: none; - background-image: none; - background-color: transparent; - margin: 0; - padding: 0; - border: none; -} -.dj_ie .dojoxGridFBarInner { - position: relative; -} -.dojoxGridFBarCloseBtn { - margin: 0 4px 0 0; - float: right; -} -.dj_ie .dojoxGridFBarCloseBtn { - float: none; - position: absolute; - right: 0; -} -.dojoxGridFBarCloseBtnIcon { - background: url("images/sprite_icons.png") no-repeat; - background-position: -119px -20px; - width: 14px; - height: 14px; -} -.dijitButtonHover .dojoxGridFBarCloseBtnIcon { - background-position: -140px -20px; -} -.dijitButtonActive .dojoxGridFBarCloseBtnIcon { - background-position: -160px -20px; -} -.dojoxGridFDTitlePane { - width: 316px; - height: 330px; -} -.dijit_a11y .dojoxGridFDTitlePane .dijitArrowButtonInner{ - - display:none !important; -} -.dojoxGridFDTitlePane .dijitDialogPaneContent { - padding: 7px 5px 9px 5px; - height: 290px !important; -} -.dojoxGridFDTitlePane .dijitTitlePaneTitle { - cursor: move; -} -.dojoxGridFDPaneRelation { - margin: 0 0 3px 4px; -} -.dojoxGridFDPane { - width: 100%; - height: 100%; - position: relative; -} -.dojoxGridFDPaneRulePane { - height: 222px; - overflow: auto; - - position: relative; -} -.dj_ie6 .dojoxGridFDPaneRulePane { - width: 100%; -} -.dojoxGridFDPane .dijitAccordionContainer .dijitContentPane { - padding: 6px 9px; -} -.dojoxGridFDPane .dijitAccordionTitle { - position: relative; - - min-height: 17px; -} -.dojoxGridFDPane .dijitAccordionTitle .dijitButton { - position: absolute; - margin: 0; - right: 3px; - top: 4px; -} -.dj_ie6 .dojoxGridFDPane .dijitAccordionTitle .dijitButton { - top: 2px; -} -.dojoxGridFDPane .dijitAccordionTitleFocus { - margin-right: 14px; -} -.dojoxGridFDPane .dijitAccordionText { - display: inline-block; - position: relative; -} -.dojoxGridFCBoxRemoveCBoxBtnIcon { - background-image: url("images/sprite_icons.png"); - background-position: -198px -18px; - width: 16px; - height: 16px; -} -.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon { - background-position: -198px 2px; -} -.dojoxGridRuleTitleCondition { - font-style: italic; -} -.dojoxGridFDPaneModes .dijitSelect { - position: relative; -} -.dojoxGridFDPaneBtns { - position: absolute; - right: 0; - bottom: 0; -} -.dj_ie7 .dojoxGridFDPaneBtns, -.dj_ie6 .dojoxGridFDPaneBtns { - z-index: -1; -} -.dojoxGridFDPaneBtns .dijitButton { - float: right; -} -.dojoxGridFDPaneAddCBoxBtn { - margin-top: 9px; -} -.dojoxGridFDPaneAddCBoxBtnIcon { - background-image: url("images/sprite_icons.png"); - background-position: -218px 2px; - width: 16px; - height: 16px; -} -.dijitButtonDisabled .dojoxGridFDPaneAddCBoxBtnIcon { - background-position: -218px -18px; -} -.dojoxGridFCBox { - height: 125px; -} -.dojoxGridFCBoxSelCol, -.dojoxGridFCBoxCondition { - height: 40px; -} -.dojoxGridFCBox .dojoxGridFCBoxColSelect, -.dojoxGridFCBox .dojoxGridFCBoxCondSelect, -.dojoxGridFCBox .dojoxGridFCBoxValueBox { - margin: 0.1em 0 0 0; - width: 100%; - - display: inline-table; -} -.dojoxGridFCBoxCondSelectAlt { - width: 100%; - padding: 5px 0 0 0; - font-weight: bold; -} -.dojoxGridFCBox .dijitSelect .dijitArrowButton { - width: 18px; -} -.dojoxGridFCBoxStartValue { - width: 45%; -} -.dojoxGridFCBoxEndValue { - float: right; - width: 45%; -} -.dojoxGridFCBoxRangeValueTxt { - margin-left: 4px; -} -.dojoxGridFStatusTipDialog .dijitTooltipContainer { - padding: 9px 5px; -} -.dojoxGridFStatusTip thead, -.dojoxGridFStatusTip tr { - height: 19px; -} -.dojoxGridFStatusTip th { - max-width: 150px; - width: expression(this.clientWidth > 150 ? "150px" : "auto"); -} -.dojoxGridFStatusTip th div { - padding: 2px 5px; -} -.dojoxGridFStatusTip td { - padding: 2px 6px; - max-width: 150px; - overflow: hidden; - width: expression(this.clientWidth > 150 ? "150px" : "auto"); -} -.dojoxGridFStatusTipHead { - margin-bottom: 9px; -} -.dojoxGridFStatusTipTitle { - font-weight: bold; - margin-right: 1em; -} -.dojoxGridFStatusTipHandle { - position: relative; - padding-right: 16px; -} -.dojoxGridFStatusTipDetail .dijitButton { - position: absolute; - margin: 0; - padding: 0; - top: -1px; - right:0; -} -.dojoxGridFStatusTipDelRuleBtnIcon { - background-image: url("images/sprite_icons.png"); - background-position: -198px -18px; - height: 16px; - width: 16px; -} -.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon { - background-position: -198px 2px; -} -.dj_ie7 .dojoxGridClearFilterConfirm, -.dj_ie6 .dojoxGridClearFilterConfirm { - width: 300px; -} -.dojoxGridClearFilterBtns{ - padding: 10px; - height: 18px; -} -.dojoxGridClearFilterBtns .dijitButton { - float: right; -} -.dojoxGridTrueBox { - float: left; - width: 49%; -} -.dojoxGridFalseBox { - float: left; - width: 49%; -} -.dojoxGridBoolValueBox .dijitRadio { - vertical-align: middle; -} -.dojoxGridTrueLabel, -.dojoxGridFalseLabel { - width: 116px; - display:inline-block; - vertical-align: middle; -} -.dj_ie7 .dojoxGridTrueLabel, -.dj_ie7 .dojoxGridFalseLabel { - display: inline; -} -.dojoxGridPaginator { - border-top:1px #DBDBDB solid; - text-align:center; - width: 100%; - height: 24px; - table-layout : fixed; - background-color: #EAEAEA; -} -.dojoxGridDescriptionTd { - text-align: left; - width: 35%; -} -.dojoxGridDescription { - text-align: left; - margin-left: 9px; - overflow: hidden; -} -.dojoxGridPaginatorFastStep { - text-align: right; - width: 35%; - overflow: hidden; -} -.dojoxGridPaginatorStep { - float: right; -} -.dojoxGridPaginatorGotoTd { - width: 20px!important; -} -.dojoxGridPaginatorGotoDiv { - cursor: pointer; - width: 12px!important; - height: 16px!important; - margin: 0 6px 0 2px; - background: url("images/sprite_icons.png") no-repeat -77px 4px; -} -.dojoxGridPaginatorGotoDivDisabled { - cursor: not-allowed; - background: url("images/sprite_icons.png") no-repeat -77px -16px; -} -.dojoxGridWardButton { - margin-top: 2px; - width: 12px!important; - height: 12px!important; - float: left; - background: url("images/sprite_icons.png") no-repeat; -} -.dojoxGridWardButtonInner { - visibility: hidden; -} -.dijit_a11y .dojoxGridWardButtonInner { - visibility: visible; - margin-bottom: 8px; -} -.dojoxGridfirstPageBtn { - cursor: pointer; - margin-left: 1px; - background-position: -57px 3px; -} -.dojoxGridfirstPageBtnDisable { - margin-left: 1px; - cursor: not-allowed; - background-position: -57px -17px; -} -.dojoxGridprevPageBtn { - cursor: pointer; - margin: 2px 2px 0 9px; - background-position: 3px 3px; -} -.dojoxGridprevPageBtnDisable { - cursor: not-allowed; - margin: 2px 2px 0 9px; - background-position: 3px -17px; -} -.dojoxGridlastPageBtn { - cursor: pointer; - margin: 2px 9px 0 9px; - background-position: -37px 3px; -} -.dojoxGridlastPageBtnDisable { - cursor: not-allowed; - margin: 2px 9px 0 9px; - background-position: -37px -17px; -} -.dojoxGridnextPageBtn { - cursor: pointer; - margin-left: 3px; - background-position: -17px 3px; -} -.dojoxGridnextPageBtnDisable { - margin-left: 3px; - cursor: not-allowed; - background-position: -17px -17px; -} -.dojoxGridInactived { - font-weight: normal; - color: #5D88AF; - cursor: pointer; - margin: 1px 6px 0 5px; - float: left; - zoom: 1; -} -.dojoxGridActived { - font-weight: bold; - color: black; - margin: 1px 6px 0 5px; - float: left; - text-decoration: none!important; - zoom: 1; -} -.dojoxGridInactiveSwitch { - font-weight: normal; - color: #5D88AF; - float: left; - cursor: pointer; - margin: 1px 7px 0 7px; - zoom: 1; -} -.dojoxGridActivedSwitch { - font-weight: bold; - color: black; - float: left; - margin: 1px 7px 0 7px; - text-decoration: none!important; - zoom: 1; -} -.dojoxGridSeparator { - float: left; -} -.dojoxGridPageTextHover { - text-decoration: underline; -} -.dojoxGridDialogMargin { - width: 220px!important; - margin-bottom: 10px; -} -.dj_ie6 .dojoxGridDialogMargin { - position: relative; -} -.dojoxGridDialogButton { - width: 220px!important; - text-align: right; -} -.dojoxGridButtonFocus { - outline: none; - border: 0.5px dotted darkblue !important; -} -.dojoxGridBorderDIV { - width:2px; - background-color: gray; - font-size:0em; - position:absolute; - z-index:9999; -} -.dojoxGridCellBorderDIV { - position:absolute; - background-color: transparent; - border: none; -} -.dojoxGridCellBorderLeftTopDIV { - position: absolute; - left: 0; - top: 0; - border-style: solid; - border-width: 2px 0 0 2px; - border-color: gray transparent transparent gray; -} -.dojoxGridCellBorderRightBottomDIV { - position: absolute; - right: 0; - bottom: 0; - border-style: solid; - border-width: 0 2px 2px 0; - border-color: transparent gray gray transparent; -} -.dojoxGridDnDItemIcon { - background-image: url("images/sprite_icons.png"); -} -.dojoxGridDnDIconRowSingle { - background-position: -256px 5px; -} -.dojoxGridDnDIconRowMulti { - background-position: -256px -16px; -} -.dojoxGridDnDIconColSingle { - background-position: -277px 3px; -} -.dojoxGridDnDIconColMulti { - background-position: -277px -17px; -} -.dojoxGridDnDIconCellSingle { - background-position: -235px 5px; -} -.dojoxGridDnDIconCellMulti { - background-position: -236px -16px; -} -.dojoxGridDndAvatar { - background-color:white; - border: 1px solid #CCCCCC; - padding: 0px; - -moz-box-shadow: 5px 5px 7px #999; - -webkit-box-shadow: 5px 5px 7px #999; - box-shadow: 5px 5px 7px #999; - z-index: 999; -} -.dojoxGridDndAvatar td { - padding: 3px; -} -.dojoxGridDnDIcon, -.dojoxGridDnDItemIcon { - width: 16px; - height: 16px; -} -.dojoDndMove .dojoxGridDnDIcon { - background: url("images/dndNoMove.png") no-repeat center center; -} -.dojoDndCopy .dojoxGridDnDIcon { - background: url("images/dndNoCopy.png") no-repeat center center; -} -.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDnDIcon { - background: url("images/dndMove.png") no-repeat center center; -} -.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDnDIcon { - background: url("images/dndCopy.png") no-repeat center center; -} -.dojoxGrid .dojoxGridSortNode { - position: relative; - border: 1px solid transparent; - cursor: pointer; -} -.dj_ie6 .dojoxGrid .dojoxGridSortNode, -.dj_ie7 .dojoxGrid .dojoxGridSortNode { - overflow: hidden; - width:100%; -} -.dojoxGrid .dojoxGridSortNoWrap { - white-space:nowrap; - word-wrap: normal; -} -.dojoxGridSortBtn { - width: 10px; - height:100%; - visibility: hidden; - top: 0; - display:block; - position: absolute; - color: #000; - background: #DFEAF1 url("images/sprite_icons.png") no-repeat 100px 0; - text-decoration: none; - outline: none; - right: 0; - border: 1px solid transparent; - box-sizing: border-box; - -moz-box-sizing: border-box; - -ms-box-sizing: border-box; - -webkit-box-sizing: border-box; - -khtml-box-sizing: border-box; -} -.dj_ie6 .dojoxGridSortBtn, -.dj_ie6 .dojoxGrid .dojoxGridSortNode { - border: none; -} -.dojoxGridSortBtnNested { - right: 10px; -} -.dojoxGridCellSortFocus .dojoxGridSortBtn { - border-left: 1px solid #999999; - background-color: #DFEAF1; -} -.dojoxGridCellOver .dojoxGridSortBtn { - border-left: 1px solid #999999; - background-color: #9dcfff; -} -.dojoxGridSortNode { - outline: none; -} -.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, -.dojoxGridCellSortFocus .dojoxGridSortNode, -.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain, -.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain { - margin-right: 5px; -} -.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, -.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode { - margin-right: 24px; -} -html > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle { - right: -5px; -} -html > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, -html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, -html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { - right: -10px; -} -html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, -html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle, -html > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, -html > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { - right: -28px; -} -html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested, -html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { - right: -17px; -} -.dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridNoSort .dojoxGridSortNode { - margin: 0!important; -} -.dj_ie7 .dojoxGridSortBtn { - right: 0!important; -} -.dj_ie7 .dojoxGridSortBtnNested { - right: 10px!important; -} -.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle, -.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, -.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnNested, -.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnNested, -.dojoxGrid .dojoxGridCellShowIndex .dojoxGridSortNode .dojoxGridSortBtnNested, -.dojoxGrid .dojoxGridSortNodeSorted .dojoxGridSortBtn { - visibility: visible; -} -.dojoxGridSingleSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnNested, -.dojoxGridSingleSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnNested, -.dojoxGridSingleSorted .dojoxGridSortNode .dojoxGridSortBtnNested { - visibility: hidden; -} -.dojoxGridSortNodeAsc .dojoxGridSortBtnSingle { - background-position: -119px 5px; - visibility: visible; -} -.dojoxGridSortNodeDesc .dojoxGridSortBtnSingle { - background-position: -99px 5px; - visibility: visible; -} -.dojoxGridCellOver .dojoxGridSortBtnSingle, -.dojoxGridCellSortFocus .dojoxGridSortBtnSingle { - background-position: -159px 5px; -} -.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, -.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, -.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc, -.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc { - background-position: -139px 5px; -} -.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, -.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, -.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc, -.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc { - background-position: -179px 5px; -} -.dojoxGridCellOver .dojoxGridSortBtnNested, -.dojoxGridCellSortFocus .dojoxGridSortBtnNested { - background-position: -149px 5px; - width: 19px; -} -.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested, -.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested { - background-position: -129px 5px; -} -.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested, -.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested { - background-position: -169px 5px; -} -.dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, -.dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { - background-position: -159px 5px; -} -.dojoxGridCellOver .dojoxGridSortBtn:hover { - background-color:#A3E4FF; -} -.dojoxGrid .dojoxGridSortNodeFocus, -.dojoxGridCellSortFocus .dojoxGridRowSelector, -.dojoxGridCellSortFocus .dojoxGridSortBtnFocus { - border: 1px dashed #666; -} -.dojoxEllipsis, -.dojoxEllipsisShown { - white-space: nowrap; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - -webkit-text-overflow: ellipsis; -} -.dojoxEllipsis window { - width:100%; - -moz-user-focus:normal; - -moz-user-select:text; -} -.dojoxEllipsis description{ - -moz-user-focus:normal; - -moz-user-select:text; -} -.dojoxEllipsisIFrame{ - white-space: normal; - border: none; - width: 100%; - display: block; - height: 1px; - margin-top: -1px; - clear: both; -} -.dojoxEllipsisContainer{ - width: 100%; -} -.dojoxEllipsisShown:after{ - content: "\2026" -} -.claro .dojoxGridHeader .dojoxGridHeaderActive { - background-color:#91c9fe; -} -.claro td.dojoxGridRowSelected { - border-collapse:separate; - background:url("images/row_back.png") #CEE6FA repeat-x; -} -.claro .dojoxGridRowOver td.dojoxGridRowSelected { - border-top:1px solid #769DC0; - border-bottom:1px solid #769DC0; -} -.claro .dojoxGridRowActive td.dojoxGridRowSelected { - background-image:url("images/td_button_down.png"); -} -.dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell { - border-color: #ABD6FF; -} -.dj_ie6 .claro .dojoxGridRowActive .dojoxGridCell { - border-color: #7DBEFA; -} -.claro .dojoxGridPaginator{ - background: url("images/header_shadow.png") repeat-x scroll center bottom #E5EDF4; - -} -.claro .dojoxGridFBarInfoTD { - background: url("images/header_shadow.png") #F2F9FF repeat-x bottom; - background: -moz-linear-gradient(top, #F2F9FF, #EAF5FF); - background: -webkit-gradient(linear, left top, left bottom, from(#F2F9FF), to(#EAF5FF)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF2F9FF, endColorstr=#FFEAF5FF); -} -.claro .dojoxGridFBarHover .dojoxGridFBarInfoTD { - background: url("images/header_shadow.png") #F2F9FF repeat-x bottom; - background: -moz-linear-gradient(top, #ECF6FF 2px, #F2F9FF, #EAF5FF 6px); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ECF6FF), color-stop(0.6, #F2F9FF), color-stop(0.8, #EAF5FF)); -} -.dj_gecko .claro .dojoxGridFBarInfoTD, -.dj_webkit .claro .dojoxGridFBarInfoTD { - border-top: 1px solid #BFD6EB; - border-bottom: 1px solid #BFD6EB; -} -.dj_ie .claro .dojoxGridFBarInner{ - border-top: 1px solid #BFD6EB; - border-bottom: 1px solid #BFD6EB; - display:inline-block; - width: 100%; -} -.claro .dojoxGridFBarClearFilterBtn { - color: #5B83B6; -} -.claro .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { - text-decoration: underline; -} -.claro .dojoxGridFBar { - border-left: 1px solid white; -} -.claro .dojoxGridFStatusTip table { - border: 1px solid #BCBCBC; -} -.claro .dojoxGridFStatusTip th { - background-color: #E8EFF4; - border-bottom: 1px solid #BCBCBC; -} -.claro .dojoxGridFStatusTip th div { - background-color: #E8EFF4; - border-left: 1px solid white; - border-right: 1px solid #BCBCBC; - border-top: 1px solid white; - border-bottom: 1px solid white; -} -.claro .dojoxGridFStatusTip th.lastColumn div { - border-right: 1px solid white; -} -.claro .dojoxGridFStatusTip td { - border-top: 1px solid white; - border-bottom: 1px solid white; -} -.claro .dojoxGridFStatusTipCondition { - font-style: italic; -} -.claro .dojoxGridFStatusTipOddRow { - background-color: #F1F8FF; -} diff --git a/apps/ide/src/styles/backup/EnhancedGrid_rtl.css b/apps/ide/src/styles/backup/EnhancedGrid_rtl.css deleted file mode 100644 index ad7c8f4c..00000000 --- a/apps/ide/src/styles/backup/EnhancedGrid_rtl.css +++ /dev/null @@ -1,256 +0,0 @@ -.dj_ie .dojoxGridRtl .dojoxGridHeader table { - float:none; -} -.dojoxGridRtl .dojoxGridCell { - text-align:right; -} -.dj_ie8 .dojoxGridRtl .dojoxGridCell { - border-left: none; -} -.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { - border-left: #e5dac8 1px solid -} -.dojoxGridRtl .dojoxGridArrowButtonNode { - float:left; -} -.dojoxGridRtl .dojoxGridLoading, -.dojoxGridRtl .dojoxGridError, -.dojoxGridRtl .dojoxGridNoData { - background-position:right; - padding-right:25px; - padding-left:0px; -} -.dojoxGridRtl .dojoxGridHeader { - margin-left: 0; - margin-right: -1px; -} -.dojoxGridRtl .dojoxGridCell { - text-align: right; -} -.dojoxGridRtl .dojoxGridFBarDefFilterBtnIcon { - background: url("images/sprite_icons.png") no-repeat; - background-position: -180px -18px; -} -.dojoxGridRtl .dojoxGridFBarStatus { - margin-left: 0; - margin-right: 9px; - float: right; -} -.dojoxGridRtl .dojoxGridFBarClearFilterBtn { - margin-left: 0; - margin-right: 10px; - float: right; -} -.dojoxGridRtl .dojoxGridFBarCloseBtn { - margin: 0 0 0 4px; - float: left; -} -.dj_ie .dojoxGridRtl .dojoxGridFBarCloseBtn { - left: 2px; - right: auto; -} -.dijitRtl .dojoxGridFDPaneRelation { - margin: 0 4px 3px 0; -} -.dijitRtl .dojoxGridFDPane .dijitAccordionTitleFocus { - margin-right: 0; - margin-left: 14px; -} -.dijitRtl .dojoxGridFDPane .dijitAccordionTitle .dijitButton { - left: 3px; - right: auto; -} -.dj_ie6 .dijitRtl .dojoxGridFDPane .dijitAccordionTitle .dijitButton{ - left: -290px; -} -.dijitRtl .dojoxGridFDPaneBtns { - left: 0; - right: auto; -} -.dijitRtl .dojoxGridFDPaneBtns .dijitButton, -.dijitRtl .dojoxGridClearFilterBtns .dijitButton, -.dijitRtl .dojoxGridFCBoxEndValue { - float: left; -} -.dijitRtl .dojoxGridFCBoxRangeValueTxt { - margin-left: 0; - margin-right: 4px; -} -.dijitRtl .dojoxGridFStatusTipTitle { - margin-left: 1em; - margin-right: 0; -} -.dijitRtl .dojoxGridFStatusTipHandle { - padding-left: 16px; - padding-right: 0; -} -.dijitRtl .dojoxGridFStatusTipDetail .dijitButton { - left: 0; - right: auto; -} -.dijitRtl .dojoxGridTrueBox, -.dijitRtl .dojoxGridFalseBox { - float: right; -} -.claro .dojoxGridRtl .dojoxGridFBar { - border-right: 1px solid white; -} -.claro .dijitRtl .dojoxGridFStatusTip th div { - border-left: 1px solid #BCBCBC; - border-right: 1px solid white; -} -.claro .dijitRtl .dojoxGridFStatusTip th.lastColumn div { - border-left: 1px solid #BCBCBC; -} -.dojoxGridRtl .dojoxGridDescription { - text-align: right; - margin-right: 9px; -} -.dojoxGridRtl .dojoxGridPaginatorStep { - float: left; -} -.dojoxGridRtl .dojoxGridPaginatorGotoDiv { - margin: 0 2px 0 6px; -} -.dojoxGridRtl .dojoxGridWardButton { - float: right; -} -.dojoxGridRtl .dojoxGridInactived { - margin: 1px 5px 0 6px; - float: right; -} -.dojoxGridRtl .dojoxGridActived { - margin: 1px 5px 0 6px; - float: right; -} -.dijitRtl .dojoxGridDialogButton { - float: left; - margin-bottom: 10px; -} -.dijitRtl .dojoxGridInactiveSwitch { - float: right; -} -.dijitRtl .dojoxGridActivedSwitch { - float: right; -} -.dijitRtl .dojoxGridSeparator { - float: right; -} -.dijitRtl .dojoxGridfirstPageBtn { - cursor: pointer; - margin: 2px 1px 0 0; - background-position: -37px 3px; -} -.dijitRtl .dojoxGridfirstPageBtnDisable { - margin: 2px 1px 0 0; - background-position: -37px -17px; -} -.dijitRtl .dojoxGridprevPageBtn { - cursor: pointer; - margin: 2px 9px 0 5px; - background-position: -17px 3px; -} -.dijitRtl .dojoxGridprevPageBtnDisable { - margin: 2px 9px 0 5px; - background-position: -17px -17px; -} -.dijitRtl .dojoxGridlastPageBtn { - cursor: pointer; - background-position: -57px 3px; -} -.dijitRtl .dojoxGridlastPageBtnDisable { - background-position: -57px -17px; -} -.dijitRtl .dojoxGridnextPageBtn { - cursor: pointer; - margin: 2px 3px 0 0; - background-position: 3px 3px; -} -.dijitRtl .dojoxGridnextPageBtnDisable { - margin: 2px 3px 0 0; - background-position: 3px -17px; -} -.dojoxGridRtl .dojoxGridCellBorderLeftTopDIV{ - left: auto; - right: 0; - border-width: 2px 2px 0 0; - border-color: gray gray transparent transparent; -} -.dojoxGridRtl .dojoxGridCellBorderRightBottomDIV{ - right: auto; - left: 0; - border-width: 0 0 2px 2px; - border-color: transparent transparent gray gray; -} -.dojoxGridRtl .dojoxGridSortBtnSingle { - right: auto; - left: 0px; -} -.dojoxGridRtl .dojoxGridSortBtnNested { - right: auto; - left: 10px; -} -.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtn, -.dj_ie6 dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtn, -.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtn { - border-left: none; - border-right: 1px solid #999999; -} -.dijitRtl .dojoxGridCellOver .dojoxGridSortNode, -.dijitRtl .dojoxGridCellSortFocus .dojoxGridSortNode, -.dijitRtl .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain, -.dijitRtl .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain { - margin-right: auto; - margin-left: 10px; -} -.dijitRtl .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, -.dijitRtl .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode { - margin-right: auto; - margin-left: 24px; -} -html.dijitRtl > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle { - right: auto; - left: -10px; -} -html.dijitRtl > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, -html.dijitRtl > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, -html.dijitRtl > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { - right: auto; - left: -10px; -} -html.dijitRtl > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, -html.dijitRtl > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle, -html.dijitRtl > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, -html.dijitRtl > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { - right: auto; - left: -28px; -} -html.dijitRtl > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested, -html.dijitRtl > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { - right: auto; - left: -17px; -} -.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested, -.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested { - background-position: -159px 5px; - padding-left:8px; -} -.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested, -.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested { - background-position: -139px 5px; -} -.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested, -.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested { - background-position: -179px 5px; -} -.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested, -.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested { - padding-left: 8px; - padding-right: 0; -} -.dj_ie6 .dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested, -.dj_ie6 .dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested, -.dj_ie6 .dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested, -.dj_ie6 .dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested { - padding-left:0px; -} diff --git a/apps/ide/src/styles/backup/ExpandoPane.css b/apps/ide/src/styles/backup/ExpandoPane.css deleted file mode 100644 index b43979af..00000000 --- a/apps/ide/src/styles/backup/ExpandoPane.css +++ /dev/null @@ -1,247 +0,0 @@ - - .dojoxExpandoPane { - overflow:hidden; - z-index:440 !important; - } - - .dojoxExpandoPane .dojoxExpandoWrapper { - overflow:hidden; - } - .dojoxExpandoClosed .dojoxExpandoTitleNode { - display:none; - } - - .dojoxExpandoClosed .dojoxExpandoWrapper * { - overflow:hidden !important; - } - .dojoxExpandoTitleNode { - padding-right:6px; - padding-left:6px; - } - .dojoxExpandoIcon .a11yNode { - display:none; - visibility:hidden; - } - .dojoxExpandoBottom .dojoxExpandoIcon, - .dojoxExpandoTop .dojoxExpandoIcon, - .dojoxExpandoLeft .dojoxExpandoIcon { - float:right; - margin-right:2px; - } - .dojoxExpandoRight .dojoxExpandoIcon { - float:left; - margin-left:2px; - } - .dojoxExpandoIcon { - width:14px; - cursor:pointer; - background-position:-60px 0px; - background-repeat: no-repeat; - height:14px; - } - .dojoxExpandoClosed .dojoxExpandoIcon { - background-position: 0px 0px; - margin:0 auto; - } - - .dijitBorderContainer-dijitExpandoPane { - border: none !important; - } - - .soria .dojoxExpandoTitle { - height:16px; - font-size:0.9em; - font-weight:bold; - padding:3px; - padding-top:6px; - padding-bottom:5px; - background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; - border-left: 1px solid #B1BADF; - border-right: 1px solid #B1BADF; - } - - .soria .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #F0F4FC; - border: none; - } - - .soria .dojoxExpandoClosed { - background: none; - background-color: #F0F4FC; - border: 1px solid #B1BADF !important; - } - - .soria .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png'); - } - - .dj_ie6 .soria .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.gif'); - } - - - .tundra .dojoxExpandoTitle { - font-weight: bold; - padding: 5px; - padding-top: 6px; - padding-bottom: 6px; - background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - } - - .tundra .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #fafafa; - border: none; - padding:3px; - } - - .tundra .dojoxExpandoClosed { - background: none; - background-color: #fafafa; - border: 1px solid #ccc !important; - } - .tundra .dojoxExpandoRight .dojoxExpandoTitle, - .tundra .dojoxExpandoLeft .dojoxExpandoTitle, - .tundra .dojoxExpandoClosed .dojoxExpandoTitle, - .tundra .dojoxExpandoClosed { - background-color: #fafafa; - } - - .tundra .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif'); - } - - .tundra .dojoxExpandoClosed .dojoxExpandoIconLeft, - .tundra .dojoxExpandoClosed .dojoxExpandoIconRight, - .tundra .dojoxExpandoClosed .dojoxExpandoIconTop, - .tundra .dojoxExpandoClosed .dojoxExpandoIconBottom { - margin-top: 3px; - } - - - .claro .dojoxExpandoTitle { - font-weight: bold; - border:1px solid #769DC0; - border-bottom:none; - background-color:#cde8ff; - background-image: url("images/standardGradient.png"); - background-position:0px 0px; - background-repeat:repeat-x; - padding: 5px 7px 2px 7px; - min-height:17px; - color:#4a4a4a; - } - - .claro .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #E6E6E7; - border: none; - padding:3px; - } - - .claro .dojoxExpandoClosed { - background: none; - background-color: #E6E6E7; - border: 1px solid #769DC0 !important; - } - .claro .dojoxExpandoRight .dojoxExpandoTitle, - .claro .dojoxExpandoLeft .dojoxExpandoTitle, - .claro .dojoxExpandoClosed .dojoxExpandoTitle{ - background-color: #E6E6E7; - } - .claro .dojoxExpandoClosed .dojoxExpandoTitle{ - background-image: url("images/standardGradient.png"); - background-position:0 0; - } - - - .claro .dojoxExpandoIcon { - background-image: url('images/spriteRoundedIconsSmall.gif'); - } - - .claro .dojoxExpandoClosed .dojoxExpandoIconLeft, - .claro .dojoxExpandoClosed .dojoxExpandoIconRight, - .claro .dojoxExpandoClosed .dojoxExpandoIconTop, - .claro .dojoxExpandoClosed .dojoxExpandoIconBottom { - margin-top: 3px; - } - - - .nihilo .dojoxExpandoPane { - background: #fafafa; - } - - .nihilo .dojoxExpandoTitle { - height:16px; - font-size:0.9em; - font-weight:bold; - padding:3px; - padding-top:6px; - padding-bottom:5px; - background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - } - - .nihilo .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #fafafa; - border: none; - } - - .nihilo .dojoxExpandoClosed { - background: none; - background-color: #fafafa; - border: 1px solid #ccc !important; - } - - .nihilo .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png'); - } - - .dj_ie6 .nihilo .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif'); - } - - .nihilo .dojoxExpandoTop { - border-bottom:1px solid #ccc; - border-left:1px solid #ccc; - border-right:1px solid #ccc; - } - - - - .dojoxExpandoClosed .dojoxExpandoIcon { - margin-right:4px; - } - .dojoxExpandoIconLeft { - background-position: 0 0; - } - .dojoxExpandoClosed .dojoxExpandoIconLeft { - background-position: -30px 0; - margin-right: 4px; - } - .dojoxExpandoIconRight { - background-position: -30px 0; - } - .dojoxExpandoClosed .dojoxExpandoIconRight { - background-position: 0 0; - margin-left: 4px; - } - .dojoxExpandoIconBottom { - background-position: -15px 0; - } - .dojoxExpandoClosed .dojoxExpandoIconBottom { - background-position: -45px 0; - margin-top:1px; - } - .dojoxExpandoIconTop { - background-position: -45px 0; - } - .dojoxExpandoClosed .dojoxExpandoIconTop { - background-position: -15px 0; - } diff --git a/apps/ide/src/styles/backup/FloatingPane.css b/apps/ide/src/styles/backup/FloatingPane.css deleted file mode 100644 index 6fb98b35..00000000 --- a/apps/ide/src/styles/backup/FloatingPane.css +++ /dev/null @@ -1,154 +0,0 @@ -.dojoxFloatingPane { - background-color:#fff; - position:relative; - border: 1px solid #dedede; - overflow: hidden; - -webkit-box-shadow: 0px 5px 10px #adadad; -} -.dojoxFloatingPaneFg { - -webkit-box-shadow: 0px 8px 20px #525252; -} -.dojoxFloatingPaneTitle { - background: #cccccc; - background:#fafafa repeat-x bottom left; - border:1px solid #bfbfbf; - padding:4px 4px 2px 4px; - cursor: pointer; - white-space: nowrap; -} -.soria .dojoxFloatingPaneTitle { - background:#fff url("../../../dijit/themes/soria/images/titleBar.png") repeat-x top left; - border:1px solid #b1badf; - font-size: 0.9em; - font-weight: bold; - line-height:1.2em; -} -.tundra .dojoxFloatingPaneTitle { - background:#fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left; - border:1px solid #bfbfbf; - color:#000; -} -.dojoxFloatingCloseIcon { - background:url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center; - width:16px; - height:16px; - overflow:hidden; - float:right; -} -.dojoxFloatingMinimizeIcon { - background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center; - width:7px; - margin: 0px 4px; - overflow:hidden; - float:right; -} -.soria .dojoxFloatingMinimizeIcon { - background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -15px top; - width: 14px; - margin: 0px 2px; -} -.floatingPaneMaximized .dojoxFloatingMaximizeIcon { display:none; } -.dojoxFloatingMaximizeIcon { - background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat -21px center; - width:7px; - margin: 0px 4px; - overflow:hidden; - float:right; -} -.soria .dojoxFloatingMaximizeIcon { - background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -45px top; -} -.floatingPaneMaximized .dojoxFloatingRestoreIcon { display:inline; } -.dojoxFloatingRestoreIcon { - background:url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center; - width:7px; - margin: 0px 4px; - float:right; - display:none; -} -.dojoxFloatingResizeHandle { - background:url('images/resize.png') no-repeat bottom right; - position:absolute; - right:0; - bottom:0; - width:16px; - height:16px; - cursor:nw-resize; -} -.dojoxFloatingCloseIcon { - width:15px; - height:15px; - overflow:hidden; - float:right; - cursor:pointer; -} -.soria .dojoxFloatingCloseIcon { - background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -60px top; -} -.tundra .dojoxFloatingCloseIcon { - background:url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center; -} -.dojoxFloatingDockDefault { - position:absolute; - bottom:0px; - left:0px; - overflow:hidden; - margin:0; - margin-bottom:3px; - padding:0px; - width:100%; - z-index:99; - background:transparent; - -} -.dojoxDockList { - padding: 0px; - margin: 0px; -} -.dojoxDockRestoreButton { - background:url('../../../dijit/themes/tundra/images/folderClosed.gif') no-repeat center center; - width:16px; height:16px; - overflow:hidden; - float:left; - margin-top:2px; -} -.soria .dojoxDockRestoreButton { - background:url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -45px top; -} -.dojoxDockTitleNode { - overflow:hidden; -} -.dojoxDock { - display: block; - border: 1px solid black; - position: absolute; - padding:0; - margin:0; - background:#fcfcfc; -} -.dojoxDockNode { - border: 1px solid #adadad; - border-radius: 2px; - -webkit-border-radius: 2px; - -moz-border-radius: 3px; - cursor:pointer; - list-style: none; - padding: 2px; - margin: 0px; - height: 16px; - width: auto; - float: left; - background: #fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left; -} -.soria .dojoxDockNode { - background:#b7cdee url("../../../dijit/themes/soria/images/titleBar.png") repeat-x; -} -.dojoxFloatingPaneContent { - overflow: auto; - background-color: #fff; - height: 100%; - width: 100%; -} -.dojoxFloatingPaneCanvas { - background-color:#fff; -} diff --git a/apps/ide/src/styles/backup/ResizeHandle.css b/apps/ide/src/styles/backup/ResizeHandle.css deleted file mode 100644 index adac2aac..00000000 --- a/apps/ide/src/styles/backup/ResizeHandle.css +++ /dev/null @@ -1,40 +0,0 @@ -.dojoxResizeHandle { - float: right; - position: absolute; - right: 2px; - bottom: 2px; - width: 13px; - height: 13px; - z-index: 20; - background-image: url('images/resize.png'); - line-height: 0px; -} -.dijitRtl .dojoxResizeHandle { - float: right; - left: 0px; - right: auto; - background-image: url('images/resizeRtl.png'); -} -.dojoxResizeNW { - cursor: nw-resize; -} -.dijitRtl .dojoxResizeNW { - cursor: ne-resize; -} -.dojoxResizeNE { - cursor: ne-resize; -} -.dijitRtl .dojoxResizeNE { - cursor: nw-resize; -} -.dojoxResizeW { - cursor: w-resize; -} -.dojoxResizeN { - cursor: n-resize; -} -.dojoxResizeHandleClone { - position:absolute; top:0; left:0; - border:1px dashed #666; - z-index:999; -} diff --git a/apps/ide/src/styles/backup/ToggleSplitter.css b/apps/ide/src/styles/backup/ToggleSplitter.css deleted file mode 100644 index 081a66d8..00000000 --- a/apps/ide/src/styles/backup/ToggleSplitter.css +++ /dev/null @@ -1,75 +0,0 @@ -.dijitBorderContainer .dojoxToggleSplitter .dijitSplitterH { - height: 6px; -} -.dijitBorderContainer .dojoxToggleSplitter .dijitSplitterV { - width: 6px; -} -.dijitBorderContainer .dijitSplitterH .dojoxToggleSplitterIcon { - background-image: url('images/splitterToggleH.png'); - background-repeat: no-repeat; - width: 61px; - height: 6px; - top: 1px; - left: 45%; - left: calc(50% - 31px); - cursor: pointer; -} -.dijitBorderContainer .dijitSplitterV .dojoxToggleSplitterIcon { - background-image: url('images/splitterToggleV.png'); - background-repeat: no-repeat; - vertical-align: middle; - width: 6px; - height: 61px; - left: 1px; - top: 45%; - top: calc(50% - 31px); - cursor: pointer; -} -.dojoxToggleSplitterTop .dojoxToggleSplitterIconOpen, -.dojoxToggleSplitterBottom .dojoxToggleSplitterIconClosed { - background-position: 0 -18px !important; -} -.dojoxToggleSplitterBottom .dojoxToggleSplitterIconOpen, -.dojoxToggleSplitterTop .dojoxToggleSplitterIconClosed { - background-position: 0 -6px !important; -} -.dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpen, -.dojoxToggleSplitterRight .dojoxToggleSplitterIconClosed { - background-position: -18px 0 !important; -} -.dojoxToggleSplitterRight .dojoxToggleSplitterIconOpen, -.dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosed { - background-position: -6px 0 !important; -} -.dojoxToggleSplitterTop .dojoxToggleSplitterIconOpenHover, -.dojoxToggleSplitterBottom .dojoxToggleSplitterIconClosedHover { - background-position: 0 -18px !important; -} -.dojoxToggleSplitterBottom .dojoxToggleSplitterIconOpenHover, -.dojoxToggleSplitterTop .dojoxToggleSplitterIconClosedHover { - background-position: 0 -6px !important; -} -.dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpenHover, -.dojoxToggleSplitterRight .dojoxToggleSplitterIconClosedHover { - background-position: -18px 0 !important; -} -.dojoxToggleSplitterRight .dojoxToggleSplitterIconOpenHover, -.dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosedHover { - background-position: -6px 0 !important; -} -.dojoxToggleSplitterTop .dojoxToggleSplitterA11y, -.dojoxToggleSplitterBottom .dojoxToggleSplitterA11y { - display: none; - font-size: 6px; - text-align: center; -} -.dojoxToggleSplitterRight .dojoxToggleSplitterA11y, -.dojoxToggleSplitterLeft .dojoxToggleSplitterA11y { - display: none; - font-size: 8px; - position: relative; - top: 48%; -} -.dijit_a11y .dojoxToggleSplitterA11y { - display: block; -} diff --git a/apps/ide/src/styles/backup/claro.css b/apps/ide/src/styles/backup/claro.css deleted file mode 100644 index 8125e050..00000000 --- a/apps/ide/src/styles/backup/claro.css +++ /dev/null @@ -1,5020 +0,0 @@ - -.dijitReset { - - margin:0; - border:0; - padding:0; - font: inherit; - line-height:normal; - color: inherit; -} -.dj_a11y .dijitReset { - -moz-appearance: none; -} -.dijitInline { - - display:inline-block; - #zoom: 1; - #display:inline; - border:0; - padding:0; - vertical-align:middle; - #vertical-align: auto; -} -table.dijitInline { - - display:inline-table; - box-sizing: content-box; -moz-box-sizing: content-box; -} -.dijitHidden { - - display: none !important; -} -.dijitVisible { - - display: block !important; - position: relative; -} -.dj_ie6 .dijitComboBox .dijitInputContainer, -.dijitInputContainer { - - #zoom: 1; - overflow: hidden; - float: none !important; - position: relative; -} -.dj_ie7 .dijitInputContainer { - float: left !important; - clear: left; - display: inline-block !important; -} -.dj_ie .dijitSelect input, -.dj_ie input.dijitTextBox, -.dj_ie .dijitTextBox input { - font-size: 100%; -} -.dijitSelect .dijitButtonText { - float: left; - vertical-align: top; -} -TABLE.dijitSelect { - padding: 0 !important; - border-collapse: separate; -} -.dijitTextBox .dijitSpinnerButtonContainer, -.dijitTextBox .dijitArrowButtonContainer, -.dijitValidationTextBox .dijitValidationContainer { - float: right; - text-align: center; -} -.dijitSelect input.dijitInputField, -.dijitTextBox input.dijitInputField { - - padding-left: 0 !important; - padding-right: 0 !important; -} -.dijitValidationTextBox .dijitValidationContainer { - display: none; -} -.dijitTeeny { - font-size:1px; - line-height:1px; -} -.dijitOffScreen { - position: absolute !important; - left: -10000px !important; - top: -10000px !important; -} -.dijitPopup { - position: absolute; - background-color: transparent; - margin: 0; - border: 0; - padding: 0; - -webkit-overflow-scrolling: touch; -} -.dijitPositionOnly { - - padding: 0 !important; - border: 0 !important; - background-color: transparent !important; - background-image: none !important; - height: auto !important; - width: auto !important; -} -.dijitNonPositionOnly { - - float: none !important; - position: static !important; - margin: 0 0 0 0 !important; - vertical-align: middle !important; -} -.dijitBackgroundIframe { - - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: -1; - border: 0; - padding: 0; - margin: 0; -} -.dijitDisplayNone { - - display:none !important; -} -.dijitContainer { - - overflow: hidden; -} -.dj_a11y .dijitIcon, -.dj_a11y div.dijitArrowButtonInner, -.dj_a11y span.dijitArrowButtonInner, -.dj_a11y img.dijitArrowButtonInner, -.dj_a11y .dijitCalendarIncrementControl, -.dj_a11y .dijitTreeExpando { - - display: none; -} -.dijitSpinner div.dijitArrowButtonInner { - display: block; -} -.dj_a11y .dijitA11ySideArrow { - display: inline !important; - cursor: pointer; -} -.dj_a11y .dijitCalendarDateLabel { - padding: 1px; - border: 0px !important; -} -.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { - border-style: solid !important; - border-width: 1px !important; - padding: 0; -} -.dj_a11y .dijitCalendarDateTemplate { - padding-bottom: 0.1em !important; - border: 0px !important; -} -.dj_a11y .dijitButtonNode { - border: black outset medium !important; - - padding: 0 !important; -} -.dj_a11y .dijitArrowButton { - padding: 0 !important; -} -.dj_a11y .dijitButtonContents { - margin: 0.15em; -} -.dj_a11y .dijitTextBoxReadOnly .dijitInputField, -.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode { - border-style: outset!important; - border-width: medium!important; - border-color: #999 !important; - color:#999 !important; -} -.dijitButtonNode * { - vertical-align: middle; -} -.dijitSelect .dijitArrowButtonInner, -.dijitButtonNode .dijitArrowButtonInner { - - background: no-repeat center; - width: 12px; - height: 12px; - direction: ltr; -} -.dijitLeft { - - background-position:left top; - background-repeat:no-repeat; -} -.dijitStretch { - - white-space:nowrap; - background-repeat:repeat-x; -} -.dijitRight { - - #display:inline; - background-position:right top; - background-repeat:no-repeat; -} -.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode { - opacity: 0.5; -} -.dijitToggleButton, -.dijitButton, -.dijitDropDownButton, -.dijitComboButton { - - margin: 0.2em; - vertical-align: middle; -} -.dijitButtonContents { - display: block; -} -td.dijitButtonContents { - display: table-cell; -} -.dijitButtonNode img { - - vertical-align:middle; - -} -.dijitToolbar .dijitComboButton { - - border-collapse: separate; -} -.dijitToolbar .dijitToggleButton, -.dijitToolbar .dijitButton, -.dijitToolbar .dijitDropDownButton, -.dijitToolbar .dijitComboButton { - margin: 0; -} -.dijitToolbar .dijitButtonContents { - - padding: 1px 2px; -} -.dj_webkit .dijitToolbar .dijitDropDownButton { - padding-left: 0.3em; -} -.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { - padding:0; -} -.dijitSelect { - border:1px solid gray; -} -.dijitButtonNode { - - border:1px solid gray; - margin:0; - line-height:normal; - vertical-align: middle; - #vertical-align: auto; - text-align:center; - white-space: nowrap; -} -.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer { - - line-height:inherit; -} -.dijitTextBox .dijitButtonNode { - border-width: 0; -} -.dijitSelect, -.dijitSelect *, -.dijitButtonNode, -.dijitButtonNode * { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dj_ie .dijitButtonNode { - - zoom: 1; -} -.dj_ie .dijitButtonNode button { - - overflow: visible; -} -div.dijitArrowButton { - float: right; -} -.dijitTextBox { - border: solid black 1px; - #overflow: hidden; - width: 15em; - vertical-align: middle; -} -.dijitTextBoxReadOnly, -.dijitTextBoxDisabled { - color: gray; -} -.dj_safari .dijitTextBoxDisabled input { - color: #B0B0B0; -} -.dj_safari textarea.dijitTextAreaDisabled { - color: #333; -} -.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, -.dj_gecko .dijitTextBoxDisabled input { - -moz-user-input: none; -} -.dijitPlaceHolder { - - color: #AAAAAA; - font-style: italic; - position: absolute; - top: 0; - left: 0; - #filter: ""; -} -.dijitTimeTextBox { - width: 8em; -} -.dijitTextBox input:focus { - outline: none; -} -.dijitTextBoxFocused { - outline: 5px -webkit-focus-ring-color; -} -.dijitSelect input, -.dijitTextBox input { - float: left; -} -.dj_ie6 input.dijitTextBox, -.dj_ie6 .dijitTextBox input { - float: none; -} -.dijitInputInner { - - border:0 !important; - background-color:transparent !important; - width:100% !important; - - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: 0 !important; - margin-right: 0 !important; -} -.dj_a11y .dijitTextBox input { - margin: 0 !important; -} -.dijitValidationTextBoxError input.dijitValidationInner, -.dijitSelect input, -.dijitTextBox input.dijitArrowButtonInner { - - text-indent: -2em !important; - direction: ltr !important; - text-align: left !important; - height: auto !important; - #text-indent: 0 !important; - #letter-spacing: -5em !important; - #text-align: right !important; -} -.dj_ie .dijitSelect input, -.dj_ie .dijitTextBox input, -.dj_ie input.dijitTextBox { - overflow-y: visible; - line-height: normal; -} -.dijitSelect .dijitSelectLabel span { - line-height: 100%; -} -.dj_ie .dijitSelect .dijitSelectLabel { - line-height: normal; -} -.dj_ie6 .dijitSelect .dijitSelectLabel, -.dj_ie7 .dijitSelect .dijitSelectLabel, -.dj_ie8 .dijitSelect .dijitSelectLabel, -.dj_iequirks .dijitSelect .dijitSelectLabel, -.dijitSelect td, -.dj_ie6 .dijitSelect input, -.dj_iequirks .dijitSelect input, -.dj_ie6 .dijitSelect .dijitValidationContainer, -.dj_ie6 .dijitTextBox input, -.dj_ie6 input.dijitTextBox, -.dj_iequirks .dijitTextBox input.dijitValidationInner, -.dj_iequirks .dijitTextBox input.dijitArrowButtonInner, -.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner, -.dj_iequirks .dijitTextBox input.dijitInputInner, -.dj_iequirks input.dijitTextBox { - line-height: 100%; -} -.dj_a11y input.dijitValidationInner, -.dj_a11y input.dijitArrowButtonInner { - - text-indent: 0 !important; - width: 1em !important; - #text-align: left !important; - color: black !important; -} -.dijitValidationTextBoxError .dijitValidationContainer { - display: inline; - cursor: default; -} -.dijitSpinner .dijitSpinnerButtonContainer, -.dijitComboBox .dijitArrowButtonContainer { - - border-width: 0 0 0 1px !important; -} -.dj_a11y .dijitSelect .dijitArrowButtonContainer, -.dijitToolbar .dijitComboBox .dijitArrowButtonContainer { - - border-width: 0 !important; -} -.dijitComboBoxMenu { - - list-style-type: none; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - - border-width: 0; -} -.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - clear: both; -} -.dj_ie .dijitToolbar .dijitComboBox { - - vertical-align: middle; -} -.dijitTextBox .dijitSpinnerButtonContainer { - width: 1em; - position: relative !important; - overflow: hidden; -} -.dijitSpinner .dijitSpinnerButtonInner { - width:1em; - visibility:hidden !important; - overflow-x:hidden; -} -.dijitComboBox .dijitButtonNode, -.dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0; -} -.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0px !important; - border-style: solid !important; -} -.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer, -.dj_a11y .dijitSpinner .dijitArrowButtonInner, -.dj_a11y .dijitSpinnerButtonContainer input { - width: 1em !important; -} -.dj_a11y .dijitSpinner .dijitArrowButtonInner { - margin: 0 auto !important; -} -.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0.3em !important; - padding-right: 0.3em !important; - margin-left: 0.3em !important; - margin-right: 0.3em !important; - width: 1.4em !important; -} -.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0 !important; - padding-right: 0 !important; - width: 1em !important; -} -.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0.1em !important; - margin-right: 0.1em !important; - width: 1em !important; -} -.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0 !important; - margin-right: 0 !important; - width: 2em !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - - padding: 0; - position: absolute !important; - right: 0; - float: none; - height: 50%; - width: 100%; - bottom: auto; - left: 0; - right: auto; -} -.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: auto; -} -.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton { - overflow: visible !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton { - top: 50%; - border-top-width: 1px !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { - #bottom: 50%; - top: 0; -} -.dijitSpinner .dijitArrowButtonInner { - margin: auto; - overflow-x: hidden; - height: 100% !important; -} -.dj_iequirks .dijitSpinner .dijitArrowButtonInner { - height: auto !important; -} -.dijitSpinner .dijitArrowButtonInner .dijitInputField { - -moz-transform: scale(0.5); - -moz-transform-origin: center top; - -webkit-transform: scale(0.5); - -webkit-transform-origin: center top; - -o-transform: scale(0.5); - -o-transform-origin: center top; - transform: scale(0.5); - transform-origin: left top; - padding-top: 0; - padding-bottom: 0; - padding-left: 0 !important; - padding-right: 0 !important; - width: 100%; - visibility: hidden; -} -.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField { - zoom: 50%; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { - overflow: hidden; -} -.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 100%; -} -.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 1em; -} -.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - vertical-align:top; - visibility: visible; -} -.dj_a11y .dijitSpinnerButtonContainer { - width: 1em; -} -.dijitCheckBox, -.dijitRadio, -.dijitCheckBoxInput { - padding: 0; - border: 0; - width: 16px; - height: 16px; - background-position:center center; - background-repeat:no-repeat; - overflow: hidden; -} -.dijitCheckBox input, -.dijitRadio input { - margin: 0; - padding: 0; - display: block; -} -.dijitCheckBoxInput { - - opacity: 0.01; -} -.dj_ie .dijitCheckBoxInput { - filter: alpha(opacity=0); -} -.dj_a11y .dijitCheckBox, -.dj_a11y .dijitRadio { - - width: auto !important; - height: auto !important; -} -.dj_a11y .dijitCheckBoxInput { - opacity: 1; - filter: none; - width: auto; - height: auto; -} -.dj_a11y .dijitFocusedLabel { - - border: 1px dotted; - outline: 0px !important; -} -.dijitProgressBar { - z-index: 0; -} -.dijitProgressBarEmpty { - - position:relative;overflow:hidden; - border:1px solid black; - z-index:0; -} -.dijitProgressBarFull { - - position:absolute; - overflow:hidden; - z-index:-1; - top:0; - width:100%; -} -.dj_ie6 .dijitProgressBarFull { - height:1.6em; -} -.dijitProgressBarTile { - - position:absolute; - overflow:hidden; - top:0; - left:0; - bottom:0; - right:0; - margin:0; - padding:0; - width: 100%; - height:auto; - background-color:#aaa; - background-attachment: fixed; -} -.dj_a11y .dijitProgressBarTile { - - border-width:2px; - border-style:solid; - background-color:transparent !important; -} -.dj_ie6 .dijitProgressBarTile { - - position:static; - - height:1.6em; -} -.dijitProgressBarIndeterminate .dijitProgressBarTile { - -} -.dijitProgressBarIndeterminateHighContrastImage { - display:none; -} -.dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { - display:block; - position:absolute; - top:0; - bottom:0; - margin:0; - padding:0; - width:100%; - height:auto; -} -.dijitProgressBarLabel { - display:block; - position:static; - width:100%; - text-align:center; - background-color:transparent !important; -} -.dijitTooltip { - position: absolute; - z-index: 2000; - display: block; - - left: 0; - top: -10000px; - overflow: visible; -} -.dijitTooltipContainer { - border: solid black 2px; - background: #b8b5b5; - color: black; - font-size: small; -} -.dijitTooltipFocusNode { - padding: 2px 2px 2px 2px; -} -.dijitTooltipConnector { - position: absolute; -} -.dj_a11y .dijitTooltipConnector { - display: none; -} -.dijitTooltipData { - display:none; -} -.dijitLayoutContainer { - position: relative; - display: block; - overflow: hidden; -} -.dijitAlignTop, -.dijitAlignBottom, -.dijitAlignLeft, -.dijitAlignRight { - position: absolute; - overflow: hidden; -} -body .dijitAlignClient { position: absolute; } -.dijitBorderContainer, .dijitBorderContainerNoGutter { - position:relative; - overflow: hidden; - z-index: 0; -} -.dijitBorderContainerPane, -.dijitBorderContainerNoGutterPane { - position: absolute !important; - z-index: 2; -} -.dijitBorderContainer > .dijitTextArea { - - resize: none; -} -.dijitGutter { - - position: absolute; - font-size: 1px; -} -.dijitSplitter { - position: absolute; - overflow: hidden; - z-index: 10; - background-color: #fff; - border-color: gray; - border-style: solid; - border-width: 0; -} -.dj_ie .dijitSplitter { - z-index: 1; -} -.dijitSplitterActive { - z-index: 11 !important; -} -.dijitSplitterCover { - position:absolute; - z-index:-1; - top:0; - left:0; - width:100%; - height:100%; -} -.dijitSplitterCoverActive { - z-index:3 !important; -} -.dj_ie .dijitSplitterCover { - background: white; - opacity: 0; -} -.dj_ie6 .dijitSplitterCover, -.dj_ie7 .dijitSplitterCover, -.dj_ie8 .dijitSplitterCover { - filter: alpha(opacity=0); -} -.dijitSplitterH { - height: 7px; - border-top:1px; - border-bottom:1px; - cursor: row-resize; - -webkit-tap-highlight-color: transparent; -} -.dijitSplitterV { - width: 7px; - border-left:1px; - border-right:1px; - cursor: col-resize; - -webkit-tap-highlight-color: transparent; -} -.dijitSplitContainer { - position: relative; - overflow: hidden; - display: block; -} -.dijitSplitPane { - position: absolute; -} -.dijitSplitContainerSizerH, -.dijitSplitContainerSizerV { - position:absolute; - font-size: 1px; - background-color: ThreeDFace; - border: 1px solid; - border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; - margin: 0; -} -.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { - overflow:hidden; - position:absolute; - top:49%; -} -.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { - position:absolute; - left:49%; -} -.dijitSplitterShadow, -.dijitSplitContainerVirtualSizerH, -.dijitSplitContainerVirtualSizerV { - font-size: 1px; - background-color: ThreeDShadow; - -moz-opacity: 0.5; - opacity: 0.5; - filter: Alpha(Opacity=50); - margin: 0; -} -.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH { - cursor: col-resize; -} -.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { - cursor: row-resize; -} -.dj_a11y .dijitSplitterH { - border-top:1px solid #d3d3d3 !important; - border-bottom:1px solid #d3d3d3 !important; -} -.dj_a11y .dijitSplitterV { - border-left:1px solid #d3d3d3 !important; - border-right:1px solid #d3d3d3 !important; -} -.dijitContentPane { - display: block; - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.dijitContentPaneSingleChild { - - overflow: hidden; -} -.dijitContentPaneLoading .dijitIconLoading, -.dijitContentPaneError .dijitIconError { - margin-right: 9px; -} -.dijitTitlePane { - display: block; - overflow: hidden; -} -.dijitFieldset { - border: 1px solid gray; -} -.dijitTitlePaneTitle, .dijitFieldset legend { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitFixedOpen, .dijitFixedClosed { - - cursor: default; -} -.dijitFixedOpen .dijitArrowNode, .dijitFixedOpen .dijitArrowNodeInner, -.dijitFixedClosed .dijitArrowNode, .dijitFixedClosed .dijitArrowNodeInner{ - - display: none; -} -.dijitTitlePaneTitle * { - vertical-align: middle; -} -.dijitTitlePane .dijitArrowNodeInner, .dijitFieldset .dijitArrowNodeInner { - - display: none; -} -.dj_a11y .dijitTitlePane .dijitArrowNodeInner, .dj_a11y .dijitFieldset .dijitArrowNodeInner { - - display:inline !important; - font-family: monospace; -} -.dj_a11y .dijitTitlePane .dijitArrowNode, .dj_a11y .dijitFieldset .dijitArrowNode { - - display:none; -} -.dj_ie6 .dijitTitlePaneContentOuter, -.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { - - zoom: 1; -} -.dijitColorPalette { - border: 1px solid #999; - background: #fff; - position: relative; -} -.dijitColorPalette .dijitPaletteTable { - - padding: 2px 3px 3px 3px; - position: relative; - overflow: hidden; - outline: 0; - border-collapse: separate; -} -.dj_ie6 .dijitColorPalette .dijitPaletteTable, -.dj_ie7 .dijitColorPalette .dijitPaletteTable, -.dj_iequirks .dijitColorPalette .dijitPaletteTable { - - padding: 0; - margin: 2px 3px 3px 3px; -} -.dijitColorPalette .dijitPaletteCell { - - font-size: 1px; - vertical-align: middle; - text-align: center; - background: none; -} -.dijitColorPalette .dijitPaletteImg { - - padding: 1px; - border: 1px solid #999; - margin: 2px 1px; - cursor: default; - font-size: 1px; -} -.dj_gecko .dijitColorPalette .dijitPaletteImg { - padding-bottom: 0; -} -.dijitColorPalette .dijitColorPaletteSwatch { - - width: 14px; - height: 12px; -} -.dijitPaletteTable td { - padding: 0; -} -.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { - - border: 1px solid #000; -} -.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, -.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid #000; - margin: 1px 0; -} -.dj_a11y .dijitColorPalette .dijitPaletteTable, -.dj_a11y .dijitColorPalette .dijitPaletteTable * { - - background-color: transparent !important; -} -.dijitAccordionContainer { - border:1px solid #b7b7b7; - border-top:0 !important; -} -.dijitAccordionTitle { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitAccordionTitleSelected { - cursor: default; -} -.dijitAccordionTitle .arrowTextUp, -.dijitAccordionTitle .arrowTextDown { - display: none; - font-size: 0.65em; - font-weight: normal !important; -} -.dj_a11y .dijitAccordionTitle .arrowTextUp, -.dj_a11y .dijitAccordionTitleSelected .arrowTextDown { - display: inline; -} -.dj_a11y .dijitAccordionTitleSelected .arrowTextUp { - display: none; -} -.dijitAccordionChildWrapper { - - overflow: hidden; -} -.dijitCalendarContainer { - width: auto; -} -.dijitCalendarContainer th, .dijitCalendarContainer td { - padding: 0; - vertical-align: middle; -} -.dijitCalendarYearLabel { - white-space: nowrap; -} -.dijitCalendarNextYear { - margin:0 0 0 0.55em; -} -.dijitCalendarPreviousYear { - margin:0 0.55em 0 0; -} -.dijitCalendarIncrementControl { - vertical-align: middle; -} -.dijitCalendarIncrementControl, -.dijitCalendarDateTemplate, -.dijitCalendarMonthLabel, -.dijitCalendarPreviousYear, -.dijitCalendarNextYear { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitCalendarDisabledDate { - color: gray; - text-decoration: line-through; - cursor: default; -} -.dijitSpacer { - - position: relative; - height: 1px; - overflow: hidden; - visibility: hidden; -} -.dijitCalendarMonthMenu .dijitCalendarMonthLabel { - text-align:center; -} -.dijitMenu { - border:1px solid black; - background-color:white; -} -.dijitMenuTable { - border-collapse:collapse; - border-width:0; - background-color:white; -} -.dj_webkit .dijitMenuTable td[colspan="2"]{ - border-right:hidden; -} -.dijitMenuItem { - text-align: left; - white-space: nowrap; - padding:.1em .2em; - cursor:pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitMenuItem:focus { - outline: none -} -.dijitMenuPassive .dijitMenuItemHover, -.dijitMenuItemSelected { - - background-color:black; - color:white; -} -.dijitMenuItemIcon, .dijitMenuExpand { - background-repeat: no-repeat; -} -.dijitMenuItemDisabled * { - - opacity:0.5; - cursor:default; -} -.dj_ie .dj_a11y .dijitMenuItemDisabled, -.dj_ie .dj_a11y .dijitMenuItemDisabled *, -.dj_ie .dijitMenuItemDisabled * { - color: gray; - filter: alpha(opacity=35); -} -.dijitMenuItemLabel { - position: relative; - vertical-align: middle; -} -.dj_a11y .dijitMenuItemSelected { - border: 1px dotted black !important; -} -.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel { - border-width: 1px; - border-style: solid; -} -.dj_ie8 .dj_a11y .dijitMenuItemLabel { - position:static; -} -.dijitMenuExpandA11y { - display: none; -} -.dj_a11y .dijitMenuExpandA11y { - display: inline; -} -.dijitMenuSeparator td { - border: 0; - padding: 0; -} -.dijitMenuSeparatorTop { - height: 50%; - margin: 0; - margin-top:3px; - font-size: 1px; -} -.dijitMenuSeparatorBottom { - height: 50%; - margin: 0; - margin-bottom:3px; - font-size: 1px; -} -.dijitMenuItemIconChar { - display: none; - visibility: hidden; -} -.dj_a11y .dijitMenuItemIconChar { - display: inline; -} -.dijitCheckedMenuItemChecked .dijitMenuItemIconChar, -.dijitRadioMenuItemChecked .dijitMenuItemIconChar { - visibility: visible; -} -.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem { - - margin: 0; -} -.dijitStackController .dijitToggleButtonChecked * { - cursor: default; -} -.dijitTabContainer { - z-index: 0; - overflow: visible; -} -.dj_ie6 .dijitTabContainer { - - overflow: hidden; -} -.dijitTabContainerNoLayout { - width: 100%; -} -.dijitTabContainerBottom-tabs, -.dijitTabContainerTop-tabs, -.dijitTabContainerLeft-tabs, -.dijitTabContainerRight-tabs { - z-index: 1; - overflow: visible !important; -} -.dijitTabController { - z-index: 1; -} -.dijitTabContainerBottom-container, -.dijitTabContainerTop-container, -.dijitTabContainerLeft-container, -.dijitTabContainerRight-container { - z-index:0; - overflow: hidden; - border: 1px solid black; -} -.nowrapTabStrip { - width: 50000px; - display: block; - position: relative; - text-align: left; - z-index: 1; -} -.dijitTabListWrapper { - overflow: hidden; - z-index: 1; -} -.dj_a11y .tabStripButton img { - - display: none; -} -.dijitTabContainerTop-tabs { - border-bottom: 1px solid black; -} -.dijitTabContainerTop-container { - border-top: 0; -} -.dijitTabContainerLeft-tabs { - border-right: 1px solid black; - float: left; -} -.dijitTabContainerLeft-container { - border-left: 0; -} -.dijitTabContainerBottom-tabs { - border-top: 1px solid black; -} -.dijitTabContainerBottom-container { - border-bottom: 0; -} -.dijitTabContainerRight-tabs { - border-left: 1px solid black; - float: left; -} -.dijitTabContainerRight-container { - border-right: 0; -} -div.dijitTabDisabled, .dj_ie div.dijitTabDisabled { - cursor: auto; -} -.dijitTab { - position:relative; - cursor:pointer; - -webkit-tap-highlight-color: transparent; - white-space:nowrap; - z-index:3; -} -.dijitTab * { - - vertical-align: middle; -} -.dijitTabChecked { - cursor: default; -} -.dijitTabContainerTop-tabs .dijitTab { - top: 1px; -} -.dijitTabContainerBottom-tabs .dijitTab { - top: -1px; -} -.dijitTabContainerLeft-tabs .dijitTab { - left: 1px; -} -.dijitTabContainerRight-tabs .dijitTab { - left: -1px; -} -.dijitTabContainerTop-tabs .dijitTab, -.dijitTabContainerBottom-tabs .dijitTab { - - display:inline-block; - #zoom: 1; - #display:inline; -} -.tabStripButton { - z-index: 12; -} -.dijitTabButtonDisabled .tabStripButton { - display: none; -} -.dijitTabCloseButton { - margin-left: 1em; -} -.dijitTabCloseText { - display:none; -} -.dijitTab .tabLabel { - - min-height: 15px; - display: inline-block; -} -.dijitNoIcon { - - display: none; -} -.dj_ie6 .dijitTab .dijitNoIcon { - - display: inline; - height: 15px; - width: 1px; -} -.dj_a11y .dijitTabCloseButton { - background-image: none !important; - width: auto !important; - height: auto !important; -} -.dj_a11y .dijitTabCloseText { - display: inline; -} -.dijitTabPane, -.dijitStackContainer-child, -.dijitAccordionContainer-child { - - border: none !important; -} -.dijitInlineEditBoxDisplayMode { - border: 1px solid transparent; - cursor: text; -} -.dj_a11y .dijitInlineEditBoxDisplayMode, -.dj_ie6 .dijitInlineEditBoxDisplayMode { - - border: none; -} -.dijitInlineEditBoxDisplayModeHover, -.dj_a11y .dijitInlineEditBoxDisplayModeHover, -.dj_ie6 .dijitInlineEditBoxDisplayModeHover { - - background-color: #e2ebf2; - border: solid 1px black; -} -.dijitInlineEditBoxDisplayModeDisabled { - cursor: default; -} -.dijitTree { - overflow: auto; - -webkit-tap-highlight-color: transparent; -} -.dijitTreeContainer { - float: left; -} -.dijitTreeIndent { - - width: 19px; -} -.dijitTreeRow, .dijitTreeContent { - white-space: nowrap; -} -.dj_ie .dijitTreeLabel:focus { - - outline: 1px dotted black; -} -.dijitTreeRow img { - - vertical-align: middle; -} -.dijitTreeContent { - cursor: default; -} -.dijitExpandoText { - display: none; -} -.dj_a11y .dijitExpandoText { - display: inline; - padding-left: 10px; - padding-right: 10px; - font-family: monospace; - border-style: solid; - border-width: thin; - cursor: pointer; -} -.dijitTreeLabel { - margin: 0 4px; -} -.dijitDialog { - position: absolute; - z-index: 999; - overflow: hidden; -} -.dijitDialogTitleBar { - cursor: move; -} -.dijitDialogFixed .dijitDialogTitleBar { - cursor:default; -} -.dijitDialogCloseIcon { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitDialogPaneContent { - -webkit-overflow-scrolling: touch; -} -.dijitDialogUnderlayWrapper { - position: absolute; - left: 0; - top: 0; - z-index: 998; - display: none; - background: transparent !important; -} -.dijitDialogUnderlay { - background: #eee; - opacity: 0.5; -} -.dj_ie .dijitDialogUnderlay { - filter: alpha(opacity=50); -} -.dj_a11y .dijitSpinnerButtonContainer, -.dj_a11y .dijitDialog { - opacity: 1 !important; - background-color: white !important; -} -.dijitDialog .closeText { - display:none; - - position:absolute; -} -.dj_a11y .dijitDialog .closeText { - display:inline; -} -.dijitSliderMoveable { - z-index:99; - position:absolute !important; - display:block; - vertical-align:middle; -} -.dijitSliderMoveableH { - right:0; -} -.dijitSliderMoveableV { - right:50%; -} -.dj_a11y div.dijitSliderImageHandle, -.dijitSliderImageHandle { - margin:0; - padding:0; - position:relative !important; - border:8px solid gray; - width:0; - height:0; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dj_iequirks .dj_a11y .dijitSliderImageHandle { - font-size: 0; -} -.dj_ie7 .dijitSliderImageHandle { - overflow: hidden; -} -.dj_ie7 .dj_a11y .dijitSliderImageHandle { - overflow: visible; -} -.dj_a11y .dijitSliderFocused .dijitSliderImageHandle { - border:4px solid #000; - height:8px; - width:8px; -} -.dijitSliderImageHandleV { - top:-8px; - right: -50%; -} -.dijitSliderImageHandleH { - left:50%; - top:-5px; - vertical-align:top; -} -.dijitSliderBar { - border-style:solid; - border-color:black; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitSliderBarContainerV { - position:relative; - height:100%; - z-index:1; -} -.dijitSliderBarContainerH { - position:relative; - z-index:1; -} -.dijitSliderBarH { - height:4px; - border-width:1px 0; -} -.dijitSliderBarV { - width:4px; - border-width:0 1px; -} -.dijitSliderProgressBar { - background-color:red; - z-index:1; -} -.dijitSliderProgressBarV { - position:static !important; - height:0; - vertical-align:top; - text-align:left; -} -.dijitSliderProgressBarH { - position:absolute !important; - width:0; - vertical-align:middle; - overflow:visible; -} -.dijitSliderRemainingBar { - overflow:hidden; - background-color:transparent; - z-index:1; -} -.dijitSliderRemainingBarV { - height:100%; - text-align:left; -} -.dijitSliderRemainingBarH { - width:100% !important; -} -.dijitSliderBumper { - overflow:hidden; - z-index:1; -} -.dijitSliderBumperV { - width:4px; - height:8px; - border-width:0 1px; -} -.dijitSliderBumperH { - width:8px; - height:4px; - border-width:1px 0; -} -.dijitSliderBottomBumper, -.dijitSliderLeftBumper { - background-color:red; -} -.dijitSliderTopBumper, -.dijitSliderRightBumper { - background-color:transparent; -} -.dijitSliderDecoration { - text-align:center; -} -.dijitSliderDecorationC, -.dijitSliderDecorationV { - position: relative; -} -.dijitSliderDecorationH { - width: 100%; -} -.dijitSliderDecorationV { - height: 100%; - white-space: nowrap; -} -.dijitSliderButton { - font-family:monospace; - margin:0; - padding:0; - display:block; -} -.dj_a11y .dijitSliderButtonInner { - visibility:visible !important; -} -.dijitSliderButtonContainer { - text-align:center; - height:0; -} -.dijitSliderButtonContainer * { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitSlider .dijitButtonNode { - padding:0; - display:block; -} -.dijitRuleContainer { - position:relative; - overflow:visible; -} -.dijitRuleContainerV { - height:100%; - line-height:0; - float:left; - text-align:left; -} -.dj_opera .dijitRuleContainerV { - line-height:2%; -} -.dj_ie .dijitRuleContainerV { - line-height:normal; -} -.dj_gecko .dijitRuleContainerV { - margin:0 0 1px 0; -} -.dijitRuleMark { - position:absolute; - border:1px solid black; - line-height:0; - height:100%; -} -.dijitRuleMarkH { - width:0; - border-top-width:0 !important; - border-bottom-width:0 !important; - border-left-width:0 !important; -} -.dijitRuleLabelContainer { - position:absolute; -} -.dijitRuleLabelContainerH { - text-align:center; - display:inline-block; -} -.dijitRuleLabelH { - position:relative; - left:-50%; -} -.dijitRuleLabelV { - - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.dijitRuleMarkV { - height:0; - border-right-width:0 !important; - border-bottom-width:0 !important; - border-left-width:0 !important; - width:100%; - left:0; -} -.dj_ie .dijitRuleLabelContainerV { - margin-top:-.55em; -} -.dj_a11y .dijitSliderReadOnly, -.dj_a11y .dijitSliderDisabled { - opacity:0.6; -} -.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar, -.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar { - filter: alpha(opacity=40); -} -.dj_a11y .dijitSlider .dijitSliderButtonContainer div { - font-family: monospace; - font-size: 1em; - line-height: 1em; - height: auto; - width: auto; - margin: 0 4px; -} -.dj_a11y .dijitButtonContents .dijitButtonText, -.dj_a11y .dijitTab .tabLabel { - display: inline !important; -} -.dj_a11y .dijitSelect .dijitButtonText { - display: inline-block !important; -} -.dijitTextArea { - width:100%; - overflow-y: auto; -} -.dijitTextArea[cols] { - width:auto; -} -.dj_ie .dijitTextAreaCols { - width:auto; -} -.dijitExpandingTextArea { - - resize: none; -} -.dijitToolbarSeparator { - height: 18px; - width: 5px; - padding: 0 1px; - margin: 0; -} -.dijitIEFixedToolbar { - position:absolute; - - top: expression(eval((document.documentElement||document.body).scrollTop)); -} -.dijitEditor { - display: block; -} -.dijitEditorDisabled, -.dijitEditorReadOnly { - color: gray; -} -.dijitTimePicker { - background-color: white; -} -.dijitTimePickerItem { - cursor:pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitTimePickerItemHover { - background-color:gray; - color:white; -} -.dijitTimePickerItemSelected { - font-weight:bold; - color:#333; - background-color:#b7cdee; -} -.dijitTimePickerItemDisabled { - color:gray; - text-decoration:line-through; -} -.dijitTimePickerItemInner { - text-align:center; - border:0; - padding:2px 8px 2px 8px; -} -.dijitTimePickerTick, -.dijitTimePickerMarker { - border-bottom:1px solid gray; -} -.dijitTimePicker .dijitDownArrowButton { - border-top: none !important; -} -.dijitTimePickerTick { - color:#CCC; -} -.dijitTimePickerMarker { - color:black; - background-color:#CCC; -} -.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { - border: solid 4px black; -} -.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { - border: dashed 4px black; -} -.dijitToggleButtonIconChar { - - display:none !important; -} -.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar { - display:inline !important; - visibility:hidden; -} -.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText { - font-family: "Arial Unicode MS"; -} -.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { - display: inline !important; - visibility:visible !important; -} -.dijitArrowButtonChar { - display:none !important; -} -.dj_a11y .dijitArrowButtonChar { - display:inline !important; -} -.dj_a11y .dijitDropDownButton .dijitArrowButtonInner, -.dj_a11y .dijitComboButton .dijitArrowButtonInner { - display:none !important; -} -.dj_a11y .dijitSelect { - border-collapse: separate !important; - border-width: 1px; - border-style: solid; -} -.dj_ie .dijitSelect { - vertical-align: middle; -} -.dj_ie6 .dijitSelect .dijitValidationContainer, -.dj_ie8 .dijitSelect .dijitButtonText { - vertical-align: top; -} -.dj_ie6 .dijitTextBox .dijitInputContainer, -.dj_iequirks .dijitTextBox .dijitInputContainer, -.dj_ie6 .dijitTextBox .dijitArrowButtonInner, -.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner, -.dijitSelect .dijitSelectLabel { - vertical-align: baseline; -} -.dijitNumberTextBox { - text-align: left; - direction: ltr; -} -.dijitNumberTextBox .dijitInputInner { - text-align: inherit; -} -.dijitToolbar .dijitSelect { - margin: 0; -} -.dj_webkit .dijitToolbar .dijitSelect { - padding-left: 0.3em; -} -.dijitSelect .dijitButtonContents { - padding: 0; - white-space: nowrap; - text-align: left; - border-style: none solid none none; - border-width: 1px; -} -.dijitSelectFixedWidth .dijitButtonContents { - width: 100%; -} -.dijitSelectMenu .dijitMenuItemIcon { - - display:none; -} -.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, -.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { - - position: static; -} -.dijitSelectLabel * -{ - vertical-align: baseline; -} -.dijitSelectSelectedOption * { - font-weight: bold; -} -.dijitSelectMenu { - border-width: 1px; -} -.dijitForceStatic { - position: static !important; -} -.dijitReadOnly *, -.dijitDisabled *, -.dijitReadOnly, -.dijitDisabled { - - cursor: default; -} -.dojoDndItem { - padding: 2px; - - -webkit-touch-callout: none; - -webkit-user-select: none; -} -.dojoDndHorizontal .dojoDndItem { - - #display: inline; - display: inline-block; -} -.dojoDndItemBefore, -.dojoDndItemAfter { - border: 0px solid #369; -} -.dojoDndItemBefore { - border-width: 2px 0 0 0; - padding: 0 2px 2px 2px; -} -.dojoDndItemAfter { - border-width: 0 0 2px 0; - padding: 2px 2px 0 2px; -} -.dojoDndHorizontal .dojoDndItemBefore { - border-width: 0 0 0 2px; - padding: 2px 2px 2px 0; -} -.dojoDndHorizontal .dojoDndItemAfter { - border-width: 0 2px 0 0; - padding: 2px 0 2px 2px; -} -.dojoDndItemOver { - cursor:pointer; -} -.dj_gecko .dijitArrowButtonInner INPUT, -.dj_gecko INPUT.dijitArrowButtonInner { - -moz-user-focus:ignore; -} -.dijitFocused .dijitMenuItemShortcutKey { - text-decoration: underline; -} -.dijitIconSave, -.dijitIconPrint, -.dijitIconCut, -.dijitIconCopy, -.dijitIconClear, -.dijitIconDelete, -.dijitIconUndo, -.dijitIconEdit, -.dijitIconNewTask, -.dijitIconEditTask, -.dijitIconEditProperty, -.dijitIconTask, -.dijitIconFilter, -.dijitIconConfigure, -.dijitIconSearch, -.dijitIconApplication, -.dijitIconBookmark, -.dijitIconChart, -.dijitIconConnector, -.dijitIconDatabase, -.dijitIconDocuments, -.dijitIconMail, -.dijitLeaf, -.dijitIconFile, -.dijitIconFunction, -.dijitIconKey, -.dijitIconPackage, -.dijitIconSample, -.dijitIconTable, -.dijitIconUsers, -.dijitFolderClosed, -.dijitIconFolderClosed, -.dijitFolderOpened, -.dijitIconFolderOpen, -.dijitIconError { - background-image: url("images/commonIconsObjActEnabled.png"); - width: 16px; - height: 16px; -} -.dj_ie6 .dijitIconSave, -.dj_ie6 .dijitIconPrint, -.dj_ie6 .dijitIconCut, -.dj_ie6 .dijitIconCopy, -.dj_ie6 .dijitIconClear, -.dj_ie6 .dijitIconDelete, -.dj_ie6 .dijitIconUndo, -.dj_ie6 .dijitIconEdit, -.dj_ie6 .dijitIconNewTask, -.dj_ie6 .dijitIconEditTask, -.dj_ie6 .dijitIconEditProperty, -.dj_ie6 .dijitIconTask, -.dj_ie6 .dijitIconFilter, -.dj_ie6 .dijitIconConfigure, -.dj_ie6 .dijitIconSearch, -.dj_ie6 .dijitIconApplication, -.dj_ie6 .dijitIconBookmark, -.dj_ie6 .dijitIconChart, -.dj_ie6 .dijitIconConnector, -.dj_ie6 .dijitIconDatabase, -.dj_ie6 .dijitIconDocuments, -.dj_ie6 .dijitIconMail, -.dj_ie6 .dijitLeaf, -.dj_ie6 .dijitIconFile, -.dj_ie6 .dijitIconFunction, -.dj_ie6 .dijitIconKey, -.dj_ie6 .dijitIconPackage, -.dj_ie6 .dijitIconSample, -.dj_ie6 .dijitIconTable, -.dj_ie6 .dijitIconUsers, -.dj_ie6 .dijitFolderClosed, -.dj_ie6 .dijitIconFolderClosed, -.dj_ie6 .dijitFolderOpened, -.dj_ie6 .dijitIconFolderOpen, -.dj_ie6 .dijitIconError { - background-image: url("images/commonIconsObjActEnabled8bit.png"); -} -.dijitDisabled .dijitIconSave, -.dijitDisabled .dijitIconPrint, -.dijitDisabled .dijitIconCut, -.dijitDisabled .dijitIconCopy, -.dijitDisabled .dijitIconClear, -.dijitDisabled .dijitIconDelete, -.dijitDisabled .dijitIconUndo, -.dijitDisabled .dijitIconEdit, -.dijitDisabled .dijitIconNewTask, -.dijitDisabled .dijitIconEditTask, -.dijitDisabled .dijitIconEditProperty, -.dijitDisabled .dijitIconTask, -.dijitDisabled .dijitIconFilter, -.dijitDisabled .dijitIconConfigure, -.dijitDisabled .dijitIconSearch, -.dijitDisabled .dijitIconApplication, -.dijitDisabled .dijitIconBookmark, -.dijitDisabled .dijitIconChart, -.dijitDisabled .dijitIconConnector, -.dijitDisabled .dijitIconDatabase, -.dijitDisabled .dijitIconDocuments, -.dijitDisabled .dijitIconMail, -.dijitDisabled .dijitLeaf, -.dijitDisabled .dijitIconFile, -.dijitDisabled .dijitIconFunction, -.dijitDisabled .dijitIconKey, -.dijitDisabled .dijitIconPackage, -.dijitDisabled .dijitIconSample, -.dijitDisabled .dijitIconTable, -.dijitDisabled .dijitIconUsers, -.dijitDisabled .dijitFolderClosed, -.dijitDisabled .dijitIconFolderClosed, -.dijitDisabled .dijitFolderOpened, -.dijitDisabled .dijitIconFolderOpen, -.dijitDisabled .dijitIconError { - background-image: url("images/commonIconsObjActDisabled.png"); -} -.dijitIconSave { background-position: 0; } -.dijitIconPrint { background-position: -16px; } -.dijitIconCut { background-position: -32px; } -.dijitIconCopy { background-position: -48px; } -.dijitIconClear { background-position: -64px; } -.dijitIconDelete { background-position: -80px; } -.dijitIconUndo { background-position: -96px; } -.dijitIconEdit { background-position: -112px; } -.dijitIconNewTask { background-position: -128px; } -.dijitIconEditTask { background-position: -144px; } -.dijitIconEditProperty { background-position: -160px; } -.dijitIconTask { background-position: -176px; } -.dijitIconFilter { background-position: -192px; } -.dijitIconConfigure { background-position: -208px; } -.dijitIconSearch { background-position: -224px; } -.dijitIconError { background-position: -496px; } -.dijitIconApplication { background-position: -240px; } -.dijitIconBookmark { background-position: -256px; } -.dijitIconChart { background-position: -272px; } -.dijitIconConnector { background-position: -288px; } -.dijitIconDatabase { background-position: -304px; } -.dijitIconDocuments { background-position: -320px; } -.dijitIconMail { background-position: -336px; } -.dijitIconFile, .dijitLeaf { background-position: -352px; } -.dijitIconFunction { background-position: -368px; } -.dijitIconKey { background-position: -384px; } -.dijitIconPackage{ background-position: -400px; } -.dijitIconSample { background-position: -416px; } -.dijitIconTable { background-position: -432px; } -.dijitIconUsers { background-position: -448px; } -.dijitIconFolderClosed, .dijitFolderClosed { background-position: -464px; } -.dijitIconFolderOpen, .dijitFolderOpened { background-position: -480px; } -.dijitIconLoading { - background:url("images/loadingAnimation_rtl.gif") no-repeat; - height: 20px; - width: 20px; -} -.claro .dijitPopup { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -} -.claro .dijitTooltipDialogPopup { - - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.claro .dijitComboBoxHighlightMatch { - background-color: #abd6ff; -} -.claro .dijitFocusedLabel { - - outline: 1px dotted #494949; -} -.claro .dojoDndItem { - border-color: rgba(0, 0, 0, 0); - -webkit-transition-duration: 0.25s; - -moz-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-property: background-color, border-color; - -moz-transition-property: background-color, border-color; - transition-property: background-color, border-color; -} -.claro .dojoDndItemOver { - background-color: #abd6ff; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 1px; - border: solid 1px #759dc0; - color: #000000; -} -.claro .dojoDndItemAnchor, -.claro .dojoDndItemSelected { - background-color: #cfe5fa; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 1px; - border: solid 1px #759dc0; - color: #000000; -} -.claro .dojoDndItemBefore, -.claro .dojoDndItemAfter { - border-color: #759dc0; -} -.claro table.dojoDndAvatar { - border: 1px solid #b5bcc7; - border-collapse: collapse; - background-color: #ffffff; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -} -.claro .dojoDndAvatarHeader td { - height: 20px; - padding-left: 21px; -} -.claro.dojoDndMove .dojoDndAvatarHeader, -.claro.dojoDndCopy .dojoDndAvatarHeader { - background-image: url("images/dnd.png"); - background-repeat: no-repeat; - background-position: 2px -122px; -} -.claro .dojoDndAvatarItem td { - padding: 5px; -} -.claro.dojoDndMove .dojoDndAvatarHeader { - background-color: #f58383; - background-position: 2px -103px; -} -.claro.dojoDndCopy .dojoDndAvatarHeader { - background-color: #f58383; - background-position: 2px -68px; -} -.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { - background-color: #97e68d; - background-position: 2px -33px; -} -.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { - background-color: #97e68d; - background-position: 2px 2px; -} -.claro .dijitTextBox, -.claro .dijitInputInner { - color: #000000; -} -.claro .dijitValidationTextBoxError .dijitValidationContainer { - background-color: #d46464; - background-image: url("images/error.png"); - background-position: top center; - border: solid #d46464 0; - width: 9px; -} -.claro .dijitTextBoxError .dijitValidationContainer { - border-left-width: 1px; -} -.claro .dijitValidationTextBoxError .dijitValidationIcon { - width: 0; - background-color: transparent; - -} -.claro .dijitTextArea, -.claro .dijitInputField .dijitPlaceHolder { - padding: 2px; -} -.claro .dijitSelect .dijitInputField, -.claro .dijitTextBox .dijitInputField { - padding: 1px 2px; -} -.dj_gecko .claro .dijitTextBox .dijitInputInner, -.dj_webkit .claro .dijitTextBox .dijitInputInner { - padding: 1px; -} -.claro .dijitSelect, -.claro .dijitSelect .dijitButtonContents, -.claro .dijitTextBox, -.claro .dijitTextBox .dijitButtonNode { - - border-color: #b5bcc7; - -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; - -webkit-transition-duration: 0.35s; - -moz-transition-duration: 0.35s; - transition-duration: 0.35s; -} -.claro .dijitSelect, -.claro .dijitTextBox { - background-color: #ffffff; -} -.claro .dijitSelectHover, -.claro .dijitSelectHover .dijitButtonContents, -.claro .dijitTextBoxHover, -.claro .dijitTextBoxHover .dijitButtonNode { - border-color: #759dc0; - -webkit-transition-duration: 0.25s; - -moz-transition-duration: 0.25s; - transition-duration: 0.25s; -} -.claro .dijitTextBoxHover { - background-color: #e5f2fe; - background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); -} -.claro .dijitSelectError, -.claro .dijitSelectError .dijitButtonContents, -.claro .dijitTextBoxError, -.claro .dijitTextBoxError .dijitButtonNode { - border-color: #d46464; -} -.claro .dijitSelectFocused, -.claro .dijitSelectFocused .dijitButtonContents, -.claro .dijitTextBoxFocused, -.claro .dijitTextBoxFocused .dijitButtonNode { - border-color: #759dc0; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.claro .dijitTextBoxFocused { - background-color: #ffffff; - background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); -} -.claro .dijitTextBoxFocused .dijitInputContainer { - background: #ffffff; -} -.claro .dijitSelectErrorFocused, -.claro .dijitSelectErrorFocused .dijitButtonContents, -.claro .dijitTextBoxErrorFocused, -.claro .dijitTextBoxErrorFocused .dijitButtonNode { - border-color: #ce5050; -} -.claro .dijitSelectDisabled, -.claro .dijitSelectDisabled .dijitButtonContents, -.claro .dijitTextBoxDisabled, -.claro .dijitTextBoxDisabled .dijitButtonNode { - border-color: #d3d3d3; -} -.claro .dijitSelectDisabled, -.claro .dijitTextBoxDisabled, -.claro .dijitTextBoxDisabled .dijitInputContainer { - background-color: #efefef; - background-image: none; -} -.claro .dijitSelectDisabled, -.claro .dijitTextBoxDisabled, -.claro .dijitTextBoxDisabled .dijitInputInner { - color: #818181; -} -.dj_webkit .claro .dijitDisabled input { - - color: #757575; -} -.dj_webkit .claro textarea.dijitTextAreaDisabled { - - color: #1b1b1b; -} -.claro .dijitSelect .dijitArrowButtonInner, -.claro .dijitComboBox .dijitArrowButtonInner { - background-image: url("images/commonFormArrows.png"); - background-position: -35px 53%; - background-repeat: no-repeat; - margin: 0; - width: 16px; -} -.claro .dijitComboBox .dijitArrowButtonInner { - border: 1px solid #ffffff; -} -.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner { - border: none; -} -.claro .dijitToolbar .dijitComboBox .dijitArrowButtonInner { - border: none; -} -.claro .dijitSelectLabel, -.claro .dijitTextBox .dijitInputInner, -.claro .dijitValidationTextBox .dijitValidationContainer { - padding: 1px 0; -} -.claro .dijitComboBox .dijitButtonNode { - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitComboBoxOpenOnClickHover .dijitButtonNode, -.claro .dijitComboBox .dijitDownArrowButtonHover, -.claro .dijitComboBoxFocused .dijitArrowButton { - background-color: #abd6ff; -} -.claro .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, -.claro .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner { - background-position: -70px 53%; -} -.claro .dijitComboBox .dijitHasDropDownOpen { - background-color: #7dbdfa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 1px; -} -.dj_iequirks .claro .dijitComboBox .dijitHasDropDownOpen { - padding: 1px 0; -} -.claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { - background-position: -70px 53%; - border: 0 none; -} -.claro div.dijitComboBoxDisabled .dijitArrowButtonInner { - - background-position: 0 50%; - background-color: #efefef; -} -.dj_ff3 .claro .dijitInputField input[type="hidden"] { - display: none; - height: 0; - width: 0; -} -.dj_borderbox .claro .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { - width: 18px; -} -.dj_borderbox .claro .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { - width: 16px; -} -.claro .dijitButtonNode { - - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.3s; - -moz-transition-duration: 0.3s; - transition-duration: 0.3s; -} -.claro .dijitButton .dijitButtonNode, -.claro .dijitDropDownButton .dijitButtonNode, -.claro .dijitComboButton .dijitButtonNode, -.claro .dijitToggleButton .dijitButtonNode { - - border: 1px solid #759dc0; - padding: 2px 4px 4px 4px; - color: #000000; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - background-color: #bcd8f4; - background-image: url("images/buttonEnabled.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); - background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); - background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); - background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); - _background-image: none; -} -.claro .dijitComboButton .dijitArrowButton { - border-left-width: 0; - padding: 4px 2px 4px 2px; - -} -.claro .dijitArrowButtonInner { - width: 15px; - height: 15px; - margin: 0 auto; - background-image: url("images/buttonArrows.png"); - background-repeat: no-repeat; - background-position: -51px 53%; -} -.claro .dijitLeftArrowButton .dijitArrowButtonInner { - background-position: -77px 53%; -} -.claro .dijitRightArrowButton .dijitArrowButtonInner { - background-position: -26px 53%; -} -.claro .dijitUpArrowButton .dijitArrowButtonInner { - background-position: 0 53%; -} -.claro .dijitDisabled .dijitArrowButtonInner { - background-position: -151px 53%; -} -.claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { - background-position: -177px 53%; -} -.claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { - background-position: -126px 53%; -} -.claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { - background-position: -100px 53%; -} -.claro .dijitButtonText { - padding: 0 0.3em; - text-align: center; -} -.claro .dijitButtonHover .dijitButtonNode, -.claro .dijitDropDownButtonHover .dijitButtonNode, -.claro .dijitComboButton .dijitButtonNodeHover, -.claro .dijitComboButton .dijitDownArrowButtonHover, -.claro .dijitToggleButtonHover .dijitButtonNode { - background-color: #86bdf2; - color: #000000; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; -} -.claro .dijitButtonActive .dijitButtonNode, -.claro .dijitDropDownButtonActive .dijitButtonNode, -.claro .dijitComboButtonActive .dijitButtonNode, -.claro .dijitToggleButtonActive .dijitButtonNode, -.claro .dijitToggleButtonChecked .dijitButtonNode { - background-color: #86bdf2; - -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.claro .dijitButtonDisabled, -.claro .dijitDropDownButtonDisabled, -.claro .dijitComboButtonDisabled, -.claro .dijitToggleButtonDisabled { - background-image: none; - outline: none; -} -.claro .dijitButtonDisabled .dijitButtonNode, -.claro .dijitDropDownButtonDisabled .dijitButtonNode, -.claro .dijitComboButtonDisabled .dijitButtonNode, -.claro .dijitToggleButtonDisabled .dijitButtonNode { - background-color: #efefef; - border: solid 1px #d3d3d3; - color: #818181; - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 0 rgba(0, 0, 0, 0); - background-image: url("images/buttonDisabled.png"); - background-image: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); - background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); - background-image: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); - background-image: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); - _background-image: none; -} -.claro .dijitComboButtonDisabled .dijitArrowButton { - border-left-width: 0; -} -.claro table.dijitComboButton { - border-collapse: separate; - -} -.claro .dijitComboButton .dijitStretch { - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -.claro .dijitComboButton .dijitArrowButton { - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -.claro .dijitToggleButton .dijitCheckBoxIcon { - background-image: url("images/checkmarkNoBorder.png"); -} -.dj_ie6 .claro .dijitToggleButton .dijitCheckBoxIcon { - background-image: url("images/checkmarkNoBorder.gif"); -} -.claro .dijitCheckBox, -.claro .dijitCheckBoxIcon { - background-image: url("images/checkboxRadioButtonStates.png"); - - background-repeat: no-repeat; - width: 15px; - height: 16px; - margin: 0 2px 0 0; - padding: 0; -} -.dj_ie6 .claro .dijitCheckBox, -.dj_ie6 .claro .dijitCheckBoxIcon { - background-image: url("images/checkboxAndRadioButtons_IE6.png"); - -} -.claro .dijitCheckBox, -.claro .dijitToggleButton .dijitCheckBoxIcon { - - background-position: -15px; -} -.claro .dijitCheckBoxChecked, -.claro .dijitToggleButtonChecked .dijitCheckBoxIcon { - - background-position: 0; -} -.claro .dijitCheckBoxDisabled { - - background-position: -75px; -} -.claro .dijitCheckBoxCheckedDisabled { - - background-position: -60px; -} -.claro .dijitCheckBoxHover { - - background-position: -45px; -} -.claro .dijitCheckBoxCheckedHover { - - background-position: -30px; -} -.claro .dijitToggleButton .dijitRadio, -.claro .dijitToggleButton .dijitRadioIcon { - background-image: url("images/checkboxRadioButtonStates.png"); -} -.dj_ie6 .claro .dijitToggleButton .dijitRadio, -.dj_ie6 .claro .dijitToggleButton .dijitRadioIcon { - background-image: url("images/checkboxAndRadioButtons_IE6.png"); -} -.claro .dijitRadio, -.claro .dijitRadioIcon { - - background-image: url("images/checkboxRadioButtonStates.png"); - - background-repeat: no-repeat; - width: 15px; - height: 15px; - margin: 0 2px 0 0; - padding: 0; -} -.dj_ie6 .claro .dijitRadio, -.dj_ie6 .claro .dijitRadioIcon { - - background-image: url("images/checkboxAndRadioButtons_IE6.png"); - -} -.claro .dijitRadio { - - background-position: -105px; -} -.claro .dijitToggleButton .dijitRadioIcon { - - background-position: -107px; -} -.claro .dijitRadioDisabled { - - background-position: -165px; -} -.claro .dijitRadioHover { - - background-position: -135px; -} -.claro .dijitRadioChecked { - background-position: -90px; -} -.claro .dijitToggleButtonChecked .dijitRadioIcon { - background-position: -92px; -} -.claro .dijitRadioCheckedHover { - background-position: -120px; -} -.claro .dijitRadioCheckedDisabled { - - background-position: -150px; -} -.claro .dijitSelect .dijitArrowButtonContainer { - border: 1px solid #ffffff; -} -.claro .dijitSelect .dijitArrowButton { - padding: 0; - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner { - height: 16px; -} -.claro .dijitSelectHover { - background-color: #e5f2fe; - background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-repeat: repeat-x; -} -.claro .dijitSelectHover .dijitArrowButton { - background-color: #abd6ff; -} -.claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { - background-position: -70px 53%; -} -.claro .dijitSelectFocused .dijitArrowButton { - background-color: #7dbefa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitSelectFocused .dijitArrowButton { - border: none; - padding: 1px; -} -.claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { - background-position: -70px 53%; -} -.claro .dijitSelectDisabled { - border-color: #d3d3d3; - background-color: #efefef; - background-image: none; - color: #818181; -} -.claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { - background-position: 0 53%; -} -.claro .dijitSelectMenu td.dijitMenuItemIconCell, -.claro .dijitSelectMenu td.dijitMenuArrowCell { - - display: none; -} -.claro .dijitSelectMenu td.dijitMenuItemLabel { - - padding: 2px; -} -.claro .dijitSelectMenu .dijitMenuSeparatorTop { - border-bottom: 1px solid #759dc0; -} -.claro .dijitTabPaneWrapper { - background: #ffffff; -} -.claro .dijitTabPaneWrapper, -.claro .dijitTabContainerTop-tabs, -.claro .dijitTabContainerBottom-tabs, -.claro .dijitTabContainerLeft-tabs, -.claro .dijitTabContainerRight-tabs { - - border-color: #b5bcc7; -} -.claro .dijitTabCloseButton { - background: url("images/tabClose.png") no-repeat; - width: 14px; - height: 14px; - margin-left: 5px; - margin-right: -5px; -} -.claro .dijitTabCloseButtonHover { - background-position: -14px; -} -.claro .dijitTabCloseButtonActive { - background-position: -28px; -} -.claro .dijitTabSpacer { - - display: none; -} -.claro .dijitTab { - /* border: 1px solid #b5bcc7; */ - border: 1px solid #9ea5ae; - background-color: #efefef; - -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; - -webkit-transition-duration: 0.35s; - -moz-transition-duration: 0.35s; - transition-duration: 0.35s; - color: #494949; -} -.claro .dijitTabHover { - border-color: #759dc0; - background-color: #abd6ff; - -webkit-transition-duration: 0.25s; - -moz-transition-duration: 0.25s; - transition-duration: 0.25s; - color: #000000; -} -.claro .dijitTabActive { - border-color: #759dc0; - background-color: #7dbdfa; - color: #000000; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.claro .dijitTabChecked { - border-color: #b5bcc7; - background-color: #cfe5fa; - color: #000000; -} -.claro .dijitTabDisabled { - background-color: #d3d3d3; -} -.claro .tabStripButton { - background-color: transparent; - border: none; -} -.claro .dijitTabContainerTop-tabs .dijitTab { - - top: 1px; - - margin-right: 1px; - padding: 3px 6px; - border-bottom-width: 0; - min-width: 60px; - text-align: center; - /*background-image: url("layout/images/tabTopUnselected.png");*/ - background-repeat: repeat-x; - background-image: -moz-linear-gradient(top, #d4d7da 0%, #bdc0c4 100%); - background-image: -webkit-linear-gradient(top, #d4d7da 0%, #bdc0c4 100%); - background-image: -o-linear-gradient(top, #d4d7da 0%, #bdc0c4 100%); - background-image: linear-gradient(top, #d4d7da 0%, #bdc0c4 100%); - - /* background-image: -moz-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); */ - - -webkit-box-shadow: inset 0 0 1px 0px rgba(255, 255, 255, 100); - -moz-box-shadow: inset 0 0 1px 0px rgba(255, 255, 255, 100); - box-shadow: inset 0 0 1px 0px rgba(255, 255, 255, 100); - -/* -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); - -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); - box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); */ -} -.claro .dijitTabContainerTop-tabs .dijitTabChecked { - - padding-bottom: 4px; - padding-top: 5px; - - background-image: -moz-linear-gradient(top, #ffffff 0%, #e8edf2 100%); - background-image: -webkit-linear-gradient(top, #ffffff 0%, #e8edf2 100%); - background-image: -o-linear-gradient(top, #ffffff 0%, #e8edf2 100%); - background-image: linear-gradient(top, #ffffff 0%, #e8edf2 100%); - - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - /* - background-image: url("layout/images/tabTopSelected.png"); - background-image: -moz-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - background-image: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - background-image: -o-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - background-image: linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05); */ -} -.claro .dijitTabContainerBottom-tabs .dijitTab { - - top: -1px; - - margin-right: 1px; - padding: 3px 6px; - border-top-width: 0; - min-width: 60px; - text-align: center; - background-image: url("images/tabBottomUnselected.png"); - background-repeat: repeat-x; - background-position: bottom; - background-image: -moz-linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -} -.claro .dijitTabContainerBottom-tabs .dijitTabChecked { - padding-bottom: 9px; - padding-top: 4px; - background-image: url("images/tabBottomSelected.png"); - background-image: -moz-linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - background-image: -webkit-linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - background-image: -o-linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - background-image: linear-gradient(bottom, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px, #ffffff 7px); - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -} -.claro .dijitTabContainerLeft-tabs .dijitTab { - - left: 1px; - - margin-bottom: 1px; - padding: 3px 8px 4px 4px; - background-image: url("images/tabLeftUnselected.png"); - background-repeat: repeat-y; - background-image: -moz-linear-gradient(left, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(left, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(left, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(left, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); -} -.claro .dijitTabContainerLeft-tabs .dijitTabChecked { - border-right-width: 0; - padding-right: 9px; - background-image: url("images/tabLeftSelected.png"); - background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - -webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.05); - box-shadow: -1px 0 2px rgba(0, 0, 0, 0.05); -} -.claro .dijitTabContainerRight-tabs .dijitTab { - - left: -1px; - - margin-bottom: 1px; - padding: 3px 8px 4px 4px; - background-image: url("images/tabRightUnselected.png"); - background-repeat: repeat-y; - background-position: right; - background-image: -moz-linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); -} -.claro .dijitTabContainerRight-tabs .dijitTabChecked { - - padding-left: 5px; - border-left-width: 0; - background-image: url("images/tabRightSelected.png"); - background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); - -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); - -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); - box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); -} -.claro .dijitTabContainerTop-tabs .dijitTab { - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; -} -.claro .dijitTabContainerBottom-tabs .dijitTab { - -moz-border-radius: 0 0 2px 2px; - border-radius: 0 0 2px 2px; -} -.claro .dijitTabContainerLeft-tabs .dijitTab { - -moz-border-radius: 2px 0 0 2px; - border-radius: 2px 0 0 2px; -} -.claro .dijitTabContainerRight-tabs .dijitTab { - -moz-border-radius: 0 2px 2px 0; - border-radius: 0 2px 2px 0; -} -.claro .tabStripButton { - background-color: #e5f2fe; - border: 1px solid #b5bcc7; -} -.claro .dijitTabListContainer-top .tabStripButton { - padding: 4px 3px; - margin-top: 7px; - background-image: -moz-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); -} -.claro .dijitTabListContainer-bottom .tabStripButton { - padding: 4px 3px; - margin-bottom: 7px; - background-image: -moz-linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); -} -.claro .tabStripButtonHover { - background-color: #abd6ff; -} -.claro .tabStripButtonActive { - background-color: #7dbdfa; -} -.claro .dijitTabStripIcon { - height: 15px; - width: 15px; - margin: 0 auto; - background: url("images/buttonArrows.png") no-repeat -75px 50%; - background-color: transparent; -} -.claro .dijitTabStripSlideRightIcon { - background-position: -24px 50%; -} -.claro .dijitTabStripMenuIcon { - background-position: -51px 50%; -} -.claro .dijitTabListContainer-top .tabStripButtonDisabled, -.claro .dijitTabListContainer-bottom .tabStripButtonDisabled { - background-color: #d3d3d3; - border: 1px solid #b5bcc7; - -} -.claro .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { - background-position: -175px 50%; -} -.claro .tabStripButtonDisabled .dijitTabStripSlideRightIcon { - background-position: -124px 50%; -} -.claro .tabStripButtonDisabled .dijitTabStripMenuIcon { - background-position: -151px 50%; -} -.claro .dijitTabContainerNested .dijitTabListWrapper { - height: auto; -} -.claro .dijitTabContainerNested .dijitTabContainerTop-tabs { - border-bottom: solid 1px #b5bcc7; - padding: 2px 2px 4px; -} -.claro .dijitTabContainerTabListNested .dijitTab { - background-color: rgba(255, 255, 255, 0); - border: none; - padding: 4px; - border-color: rgba(118, 157, 192, 0); - -webkit-transition-property: background-color, border-color; - -moz-transition-property: background-color, border-color; - transition-property: background-color, border-color; - -webkit-transition-duration: 0.3s; - -moz-transition-duration: 0.3s; - transition-duration: 0.3s; - -moz-border-radius: 2px; - border-radius: 2px; - top: 0; - - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background-image: url("images/tabNested.png") repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.61) 0%, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, 0) 83%, rgba(255, 255, 255, 0.61) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.61) 0%, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, 0) 83%, rgba(255, 255, 255, 0.61) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.61) 0%, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, 0) 83%, rgba(255, 255, 255, 0.61) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.61) 0%, rgba(255, 255, 255, 0) 17%, rgba(255, 255, 255, 0) 83%, rgba(255, 255, 255, 0.61) 100%); -} -.claro .dijitTabContainerTabListNested .dijitTabHover { - background-color: #e5f2fe; - border: solid 1px #cfe5fa; - padding: 3px; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; -} -.claro .dijitTabContainerTabListNested .dijitTabHover .tabLabel { - text-decoration: none; -} -.claro .dijitTabContainerTabListNested .dijitTabActive { - border: solid 1px #759dc0; - padding: 3px; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.claro .dijitTabContainerTabListNested .dijitTabChecked { - padding: 3px; - border: solid 1px #759dc0; - background-color: #cfe5fa; -} -.claro .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { - text-decoration: none; - background-image: none; -} -.claro .dijitTabPaneWrapperNested { - border: none; - -} -.claro .dijitTabContainer .dijitTab, -.claro .dijitTabContainer .tabStripButton { - _background-image: none; -} -.claro .dijitDialog { - border: 1px solid #759dc0; - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -} -.claro .dijitDialogPaneContent { - background: #ffffff repeat-x top left; - border-top: 1px solid #759dc0; - padding: 10px 8px; - position: relative; -} -.claro .dijitDialogPaneContentArea { - - margin: -10px -8px; - padding: 10px 8px; -} -.claro .dijitDialogPaneActionBar { - - background-color: #efefef; - padding: 3px 5px 2px 7px; - text-align: right; - border-top: 1px solid #d3d3d3; - margin: 10px -8px -10px; -} -.claro .dijitTooltipDialog .dijitDialogPaneActionBar { - -webkit-border-bottom-right-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - -moz-border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; - margin: 10px -10px -8px; -} -.claro .dijitDialogPaneActionBar .dijitButton { - float: none; -} -.claro .dijitDialogTitleBar { - - border: 1px solid #ffffff; - border-top: none; - background-color: #abd6ff; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 5px 7px 4px 7px; -} -.claro .dijitDialogTitle { - - padding: 0 1px; - font-size: 1.091em; - color: #000000; -} -.claro .dijitDialogCloseIcon { - - background: url("images/dialogCloseIcon.png"); - background-repeat: no-repeat; - position: absolute; - right: 5px; - height: 15px; - width: 21px; -} -.dj_ie6 .claro .dijitDialogCloseIcon { - background-image: url("images/dialogCloseIcon8bit.png"); -} -.claro .dijitDialogCloseIconHover { - background-position: -21px; -} -.claro .dijitDialogCloseIconActive { - background-position: -42px; -} -.claro .dijitTooltip, -.claro .dijitTooltipDialog { - - background: transparent; - -} -.dijitTooltipBelow { - - padding-top: 13px; - padding-left: 3px; - padding-right: 3px; -} -.dijitTooltipAbove { - - padding-bottom: 13px; - padding-left: 3px; - padding-right: 3px; -} -.claro .dijitTooltipContainer { - - background-color: #ffffff; - background-image: -moz-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); - background-image: -webkit-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); - background-image: -o-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); - background-image: linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); - background-position: bottom; - border: 1px solid #759dc0; - padding: 6px 8px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); - font-size: 1em; - color: #000000; -} -.claro .dijitTooltipConnector { - - border: 0; - z-index: 2; - background-image: url("images/tooltip.png"); - background-repeat: no-repeat; - width: 16px; - height: 14px; -} -.dj_ie6 .claro .dijitTooltipConnector { - background-image: url("images/tooltip8bit.png"); -} -.claro .dijitTooltipBelow .dijitTooltipConnector { - - top: 0; - left: 3px; - background-position: -31px 0; - width: 16px; - height: 14px; -} -.claro .dijitTooltipAbove .dijitTooltipConnector { - - bottom: 0; - left: 3px; - background-position: -15px 0; - width: 16px; - height: 14px; -} -.dj_ie7 .claro .dijitTooltipAbove .dijitTooltipConnector, -.dj_ie6 .claro .dijitTooltipAbove .dijitTooltipConnector { - bottom: -1px; -} -.claro .dijitTooltipABRight .dijitTooltipConnector { - - left: auto; - right: 3px; -} -.claro .dijitTooltipLeft { - padding-right: 14px; -} -.claro .dijitTooltipLeft .dijitTooltipConnector { - - right: 0; - background-position: 0 0; - width: 16px; - height: 14px; -} -.claro .dijitTooltipRight { - padding-left: 14px; -} -.claro .dijitTooltipRight .dijitTooltipConnector { - - left: 0; - background-position: -48px 0; - width: 16px; - height: 14px; -} -.claro .dijitDialogUnderlay { - background: #ffffff; -} -.claro .dijitAccordionContainer { - border: none; -} -.claro .dijitAccordionInnerContainer { - background-color: #efefef; - - border: solid 1px #b5bcc7; - margin-bottom: 1px; - -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; - -webkit-transition-duration: 0.3s; - -moz-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - transition-timing-function: linear; -} -.claro .dijitAccordionTitle { - background-color: transparent; - - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 5px 7px 2px 7px; - min-height: 17px; - color: #494949; -} -.claro .dijitAccordionContainer .dijitAccordionChildWrapper { - - background-color: #ffffff; - border: 1px solid #759dc0; - margin: 0 2px 2px; -} -.claro .dijitAccordionContainer .dijitAccordionContainer-child { - - padding: 9px; -} -.claro .dijitAccordionInnerContainerHover { - border: 1px solid #759dc0; - background-color: #abd6ff; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; -} -.claro .dijitAccordionInnerContainerHover .dijitAccordionTitle { - color: #000000; -} -.claro .dijitAccordionInnerContainerActive { - border: 1px solid #759dc0; - background-color: #7dbdfa; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.claro .dijitAccordionInnerContainerActive .dijitAccordionTitle { - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; - color: #000000; -} -.claro .dijitAccordionInnerContainerSelected { - border-color: #759dc0; - background-color: #cfe5fa; -} -.claro .dijitAccordionInnerContainerSelected .dijitAccordionTitle { - color: #000000; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - -} -.claro .dijitContentPane { - padding: 8px; -} -.claro .dijitTabContainerTop-dijitContentPane, -.claro .dijitTabContainerLeft-dijitContentPane, -.claro .dijitTabContainerBottom-dijitContentPane, -.claro .dijitTabContainerRight-dijitContentPane, -.claro .dijitAccordionContainer-dijitContentPane { - background-color: #ffffff; - padding: 1px; -} -.claro .dijitSplitContainer-dijitContentPane, -.claro .dijitBorderContainer-dijitContentPane { - background-color: #ffffff; - padding: 8px; -} -.claro .dijitCalendar { - border: solid 1px #b5bcc7; - border-collapse: separate; - -moz-border-radius: 4px; - border-radius: 4px; - background-color: #cfe5fa; - background-image: url("images/calendar.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); - text-align: center; - padding: 6px 5px 3px 5px; -} -.dj_ie6 .claro .dijitCalendar { - background-image: none; -} -.claro .dijitCalendar img { - border: none; -} -.claro .dijitCalendarHover, -.claro .dijitCalendar:hover, -.claro .dijitCalendarActive { - - background-color: #abd6ff; - border: solid 1px #759dc0; -} -.claro .dijitCalendarMonthContainer th { - text-align: center; - padding-bottom: 4px; - vertical-align: middle; -} -.claro .dijitCalendarMonthLabel { - color: #000000; - font-size: 1.091em; - padding: 0 4px; -} -.claro .dijitCalendarIncrementControl { - width: 18px; - height: 16px; - background-image: url("images/calendarArrows.png"); - background-repeat: no-repeat; -} -.dj_ie6 .claro .dijitCalendarIncrementControl { - background-image: url("images/calendarArrows8bit.png"); -} -.claro .dijitCalendarIncrease { - background-position: -18px 0; -} -.claro .dijitCalendarArrowHover .dijitCalendarDecrease, -.claro .dijitCalendarArrow:hover .dijitCalendarDecrease { - background-position: -36px 0; -} -.claro .dijitCalendarArrowHover .dijitCalendarIncrease, -.claro .dijitCalendarArrow:hover .dijitCalendarIncrease { - background-position: -55px 0; -} -.claro .dijitCalendarArrowActive .dijitCalendarDecrease, -.claro .dijitCalendarArrow:active .dijitCalendarDecrease { - background-position: -72px 0; -} -.claro .dijitCalendarArrowActive .dijitCalendarIncrease, -.claro .dijitCalendarArrow:active .dijitCalendarIncrease { - background-position: -91px 0; -} -.claro .dijitA11ySideArrow { - - display: none; -} -.claro .dijitCalendarDayLabelTemplate { - padding-bottom: 0; - text-align: center; - border-bottom: 1px solid #b5bcc7; - padding: 0 3px 2px; -} -.claro .dijitCalendarDayLabel { - padding: 0 4px 0 4px; - font-weight: bold; - font-size: 0.909em; - text-align: center; - color: #000000; -} -.claro .dijitCalendarDateTemplate { - background-color: #ffffff; - border-bottom: 1px solid #d3d3d3; - padding-top: 0; - font-size: 0.909em; - font-family: Arial; - font-weight: bold; - letter-spacing: .05em; - text-align: center; - color: #000000; -} -.dj_ie6 .claro .dijitCalendarDateTemplate { - background-image: none; -} -.claro .dijitCalendarPreviousMonth, -.claro .dijitCalendarNextMonth { - background-color: #e5f2fe; - background-image: none; - border-bottom: solid 1px #d3d3d3; - -} -.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { - text-decoration: none; - display: block; - padding: 3px 5px 3px 4px; - border: solid 1px #ffffff; - - background-color: rgba(171, 212, 251, 0); - - -webkit-transition-property: background-color, border; - -moz-transition-property: background-color, border; - transition-property: background-color, border; - -webkit-transition-duration: 0.35s; - -moz-transition-duration: 0.35s; - transition-duration: 0.35s; -} -.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, -.claro .dijitCalendarNextMonth .dijitCalendarDateLabel { - color: #759dc0; - border-color: #e5f2fe; - -} -.claro .dijitCalendarYearContainer { - vertical-align: middle; -} -.claro .dijitCalendarYearControl { - padding: 1px 2px 2px 2px; -} -.claro .dijitCalendarYearLabel { - padding: 2px 0 0 0; - margin: 0; - font-size: 1.17em; -} -.claro .dijitCalendarYearLabel span { - - vertical-align: middle; -} -.claro .dijitCalendarSelectedYear { - padding: 0 3px; -} -.claro .dijitCalendarNextYear, -.claro .dijitCalendarPreviousYear { - padding: 1px 6px 1px 6px; - font-size: 0.909em; -} -.claro .dijitCalendarSelectedYear { - font-size: 1.091em; - color: #000000; -} -.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel, -.claro .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { - background-color: #abd6ff; - border: solid 1px #759dc0; - color: #000000; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; -} -.claro .dijitCalendarNextYearHover, -.claro .dijitCalendarNextYear:hover, -.claro .dijitCalendarPreviousYearHover, -.claro .dijitCalendarPreviousYear:hover { - color: #000000; - border: solid 1px #ffffff; - padding: 0 5px 0 5px; - - background-color: #e5f2fe; -} -.claro .dijitCalendarNextYearActive, -.claro .dijitCalendarNextYear:active .claro .dijitCalendarPreviousYearActive, -.claro .dijitCalendarPreviousYear:active { - border: solid 1px #759dc0; - padding: 0 5px 0 5px; - - background-color: #7dbdfa; -} -.claro .dijitCalendarActiveDate .dijitCalendarDateLabel, -.claro .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { - background-color: #7dbdfa; - border: solid 1px #ffffff; - -webkit-transition-duration: 0.1s; - -moz-transition-duration: 0.1s; - transition-duration: 0.1s; -} -.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { - background-image: none; -} -.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { - color: #000000; - background-color: #abd6ff; - border-color: #759dc0; -} -.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { - color: #818181; - text-decoration: line-through; -} -.claro .dijitCalendar .dijitDropDownButton { - margin: 0; -} -.claro .dijitCalendar .dijitButtonText { - padding: 1px 0 3px; - margin-right: -4px; -} -.claro .dijitCalendar .dijitDropDownButton .dijitButtonNode { - padding: 0 3px 0 2px; - border: solid 1px #b5bcc7; - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 0 rgba(0, 0, 0, 0); - background-color: transparent; - background-image: none; -} -.claro .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, -.claro .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { - background-color: #e5f2fe; - border: solid 1px #ffffff; -} -.claro .dijitCalendarMonthMenu { - border-color: #759dc0; - background-color: #ffffff; - text-align: center; - background-image: none; -} -.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel { - border-top: solid 1px #ffffff; - - border-bottom: solid 1px #ffffff; - padding: 2px 0; -} -.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, -.claro .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { - border-color: #759dc0; - border-width: 1px 0; - background-color: #abd6ff; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); - background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #abd6ff ); -} -.claro .dijitMenuBar { - border: 1px solid #b5bcc7; - margin: 0; - padding: 0; - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitMenu { - background-color: #ffffff; - border: 1px solid #759dc0; -} -.claro .dijitMenuItem { - color: #000000; -} -.claro .dijitMenuBar .dijitMenuItem { - padding: 6px 10px 7px; - margin: -1px; -} -.claro .dijitMenuBar .dijitMenuItemHover, -.claro .dijitMenuBar .dijitMenuItemSelected { - border: solid 1px #759dc0; - padding: 5px 9px 6px; -} -.claro .dijitMenuTable { - border-collapse: separate; - border-spacing: 0 0; - padding: 0; -} -.claro .dijitMenu .dijitMenuItem td, -.claro .dijitComboBoxMenu .dijitMenuItem { - padding: 2px; - border-width: 1px 0 1px 0; - border-style: solid; - border-color: #ffffff; -} -.claro .dijitMenu .dijitMenuItemHover td, -.claro .dijitMenu .dijitMenuItemSelected td, -.claro .dijitMenuItemHover, -.claro .dijitComboBoxMenu .dijitMenuItemHover, -.claro .dijitMenuItemSelected { - border-color: #759dc0; - background-color: #abd6ff; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitMenuItemActive { - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.dj_ie .claro .dijitMenuActive .dijitMenuItemHover, -.dj_ie .claro .dijitMenuActive .dijitMenuItemSelected, -.dj_ie .claro .dijitMenuPassive .dijitMenuItemHover, -.dj_ie .claro .dijitMenuPassive .dijitMenuItemSelected { - padding-top: 6px; - padding-bottom: 5px; - margin-top: -3px; -} -.claro td.dijitMenuItemIconCell { - padding: 2px; - margin: 0 0 0 4px; -} -.claro td.dijitMenuItemLabel { - padding-top: 5px; - padding-bottom: 5px; -} -.claro .dijitMenuExpand { - width: 7px; - height: 7px; - background-image: url("images/spriteArrows.png"); - background-position: -14px 0; - margin-right: 3px; - margin-bottom: 4px; -} -.claro .dijitMenuItemDisabled .dijitMenuItemIconCell { - opacity: 1; -} -.claro .dijitMenuSeparatorTop { - height: auto; - margin-top: 1px; - - border-bottom: 1px solid #b5bcc7; -} -.claro .dijitMenuSeparatorBottom { - height: auto; - margin-bottom: 1px; -} -.claro .dijitCheckedMenuItem .dijitMenuItemIcon, -.claro .dijitRadioMenuItem .dijitMenuItemIcon { - background-image: url("images/checkboxRadioButtonStates.png"); - background-repeat: no-repeat; - background-position: -15px 50%; - - width: 15px; - height: 16px; -} -.dj_ie6 .claro .dijitCheckedMenuItem .dijitMenuItemIcon, -.dj_ie6 .claro .dijitRadioMenuItem .dijitMenuItemIcon { - background-image: url("images/checkboxAndRadioButtons_IE6.png"); -} -.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: 0 50%; - -} -.claro .dijitRadioMenuItem .dijitMenuItemIcon { - background-position: -105px 50%; - -} -.claro .dijitRadioMenuItemChecked .dijitMenuItemIcon { - background-position: -90px 50%; - -} -.claro .dijitComboBoxMenu { - margin-left: 0; - background-image: none; -} -.claro .dijitMenu .dijitMenuItemSelected td, -.claro .dijitComboBoxMenu .dijitMenuItemSelected { - color: #000000; - border-color: #759dc0; - background-color: #abd6ff; -} -.claro .dijitComboBoxMenuActive .dijitMenuItemSelected { - background-color: #7dbdfa; - -} -.claro .dijitMenuPreviousButton, -.claro .dijitMenuNextButton { - font-style: italic; -} -.claro .dijitSliderBar { - border-style: solid; - outline: 1px; -} -.claro .dijitSliderFocused .dijitSliderBar { - border-color: #759dc0; -} -.claro .dijitSliderHover .dijitSliderBar { - border-color: #759dc0; -} -.claro .dijitSliderDisabled .dijitSliderBar { - background-image: none; - border-color: #d3d3d3; -} -.claro .dijitRuleLabelsContainer { - color: #000000; -} -.claro .dijitRuleLabelsContainerH { - padding: 2px 0; -} -.claro .dijitSlider .dijitSliderProgressBarH, -.claro .dijitSlider .dijitSliderLeftBumper { - border-color: #b5bcc7; - background-color: #cfe5fa; - background-image: -moz-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px); - background-image: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px); - background-image: -o-linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px); - background-image: linear-gradient(top, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0) 2px); -} -.claro .dijitSlider .dijitSliderRemainingBarH, -.claro .dijitSlider .dijitSliderRightBumper { - border-color: #b5bcc7; - background-color: #ffffff; -} -.claro .dijitSliderRightBumper { - border-right: solid 1px #b5bcc7; -} -.claro .dijitSliderLeftBumper { - border-left: solid 1px #b5bcc7; -} -.claro .dijitSliderHover .dijitSliderProgressBarH, -.claro .dijitSliderHover .dijitSliderLeftBumper { - background-color: #abd6ff; - border-color: #759dc0; -} -.claro .dijitSliderHover .dijitSliderRemainingBarH, -.claro .dijitSliderHover .dijitSliderRightBumper { - background-color: #ffffff; - border-color: #759dc0; -} -.claro .dijitSliderFocused .dijitSliderProgressBarH, -.claro .dijitSliderFocused .dijitSliderLeftBumper { - background-color: #abd6ff; - border-color: #759dc0; - -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); -} -.claro .dijitSliderFocused .dijitSliderRemainingBarH, -.claro .dijitSliderFocused .dijitSliderRightBumper { - background-color: #ffffff; - border-color: #759dc0; - -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); -} -.claro .dijitSliderDisabled .dijitSliderProgressBarH, -.claro .dijitSliderDisabled .dijitSliderLeftBumper { - background-color: #d3d3d3; - - background-image: none; -} -.claro .dijitSliderDisabled .dijitSliderRemainingBarH, -.claro .dijitSliderDisabled .dijitSliderRightBumper { - background-color: #efefef; -} -.claro .dijitRuleLabelsContainerV { - padding: 0 2px; -} -.claro .dijitSlider .dijitSliderProgressBarV, -.claro .dijitSlider .dijitSliderBottomBumper { - border-color: #b5bcc7; - background-color: #cfe5fa; - background-image: -moz-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); - background-image: -webkit-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); - background-image: -o-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); - background-image: linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); -} -.claro .dijitSlider .dijitSliderRemainingBarV, -.claro .dijitSlider .dijitSliderTopBumper { - border-color: #b5bcc7; - background-color: #ffffff; -} -.claro .dijitSliderBottomBumper { - border-bottom: solid 1px #b5bcc7; -} -.claro .dijitSliderTopBumper { - border-top: solid 1px #b5bcc7; -} -.claro .dijitSliderHover .dijitSliderProgressBarV, -.claro .dijitSliderHover .dijitSliderBottomBumper { - background-color: #abd6ff; - border-color: #759dc0; -} -.claro .dijitSliderHover .dijitSliderRemainingBarV, -.claro .dijitSliderHover .dijitSliderTopBumper { - background-color: #ffffff; - border-color: #759dc0; -} -.claro .dijitSliderFocused .dijitSliderProgressBarV, -.claro .dijitSliderFocused .dijitSliderBottomBumper { - background-color: #abd6ff; - border-color: #759dc0; - -webkit-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); -} -.claro .dijitSliderFocused .dijitSliderRemainingBarV, -.claro .dijitSliderFocused .dijitSliderTopBumper { - background-color: #ffffff; - border-color: #759dc0; - -webkit-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); -} -.claro .dijitSliderDisabled .dijitSliderProgressBarV, -.claro .dijitSliderDisabled .dijitSliderBottomBumper { - background-color: #d3d3d3; - -} -.claro .dijitSliderDisabled .dijitSliderRemainingBarV, -.claro .dijitSliderDisabled .dijitSliderTopBumper { - background-color: #efefef; -} -.claro .dijitSliderImageHandleH { - border: 0; - width: 18px; - height: 16px; - background-image: url("images/sliderThumbs.png"); - background-repeat: no-repeat; - background-position: 0 0; -} -.claro .dijitSliderHover .dijitSliderImageHandleH { - background-position: -18px 0; -} -.claro .dijitSliderFocused .dijitSliderImageHandleH { - background-position: -36px 0; -} -.claro .dijitSliderProgressBarH .dijitSliderThumbHover { - background-position: -36px 0; -} -.claro .dijitSliderProgressBarH .dijitSliderThumbActive { - background-position: -36px 0; -} -.claro .dijitSliderReadOnly .dijitSliderImageHandleH, -.claro .dijitSliderDisabled .dijitSliderImageHandleH { - background-position: -54px 0; -} -.claro .dijitSliderImageHandleV { - border: 0; - width: 18px; - height: 16px; - background-image: url("images/sliderThumbs.png"); - background-repeat: no-repeat; - background-position: -289px 0; -} -.claro .dijitSliderHover .dijitSliderImageHandleV { - background-position: -307px 0; -} -.claro .dijitSliderFocused .dijitSliderImageHandleV { - background-position: -325px 0; -} -.claro .dijitSliderProgressBarV .dijitSliderThumbHover { - background-position: -325px 0; -} -.claro .dijitSliderProgressBarV .dijitSliderThumbActive { - background-position: -325px 0; -} -.claro .dijitSliderReadOnly .dijitSliderImageHandleV, -.claro .dijitSliderDisabled .dijitSliderImageHandleV { - background-position: -343px 0; -} -.claro .dijitSliderButtonContainerH { - padding: 1px 3px 1px 2px; -} -.claro .dijitSliderButtonContainerV { - padding: 3px 1px 2px 1px; -} -.claro .dijitSliderDecrementIconH, -.claro .dijitSliderIncrementIconH, -.claro .dijitSliderDecrementIconV, -.claro .dijitSliderIncrementIconV { - background-image: url("images/commonFormArrows.png"); - background-repeat: no-repeat; - background-color: #efefef; - -moz-border-radius: 2px; - border-radius: 2px; - border: solid 1px #b5bcc7; - font-size: 1px; -} -.claro .dijitSliderDecrementIconH, -.claro .dijitSliderIncrementIconH { - height: 12px; - width: 9px; -} -.claro .dijitSliderDecrementIconV, -.claro .dijitSliderIncrementIconV { - height: 9px; - width: 12px; -} -.claro .dijitSliderActive .dijitSliderDecrementIconH, -.claro .dijitSliderActive .dijitSliderIncrementIconH, -.claro .dijitSliderActive .dijitSliderDecrementIconV, -.claro .dijitSliderActive .dijitSliderIncrementIconV, -.claro .dijitSliderHover .dijitSliderDecrementIconH, -.claro .dijitSliderHover .dijitSliderIncrementIconH, -.claro .dijitSliderHover .dijitSliderDecrementIconV, -.claro .dijitSliderHover .dijitSliderIncrementIconV { - - border: solid 1px #759dc0; - background-color: #ffffff; -} -.claro .dijitSliderDecrementIconH { - background-position: -357px 50%; -} -.claro .dijitSliderActive .dijitSliderDecrementIconH .claro .dijitSliderHover .dijitSliderDecrementIconH { - background-position: -393px 50%; -} -.claro .dijitSliderIncrementIconH { - background-position: -251px 50%; -} -.claro .dijitSliderActive .dijitSliderIncrementIconH .claro .dijitSliderHover .dijitSliderIncrementIconH { - background-position: -283px 50%; -} -.claro .dijitSliderDecrementIconV { - background-position: -38px 50%; -} -.claro .dijitSliderActive .dijitSliderDecrementIconV .claro .dijitSliderHover .dijitSliderDecrementIconV { - background-position: -73px 50%; -} -.claro .dijitSliderIncrementIconV { - background-position: -143px 49%; -} -.claro .dijitSliderActive .dijitSliderIncrementIconV .claro .dijitSliderHover .dijitSliderIncrementIconV { - background-position: -178px 49%; -} -.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, -.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, -.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, -.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { - background-color: #cfe5fa; -} -.claro .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, -.claro .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, -.claro .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, -.claro .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { - background-color: #abd6ff; - border-color: #759dc0; -} -.claro .dijitSliderButtonInner { - visibility: hidden; -} -.claro .dijitSliderDisabled .dijitSliderBar { - border-color: #d3d3d3; -} -.claro .dijitSliderReadOnly *, -.claro .dijitSliderDisabled * { - border-color: #d3d3d3; - color: #818181; -} -.claro .dijitSliderReadOnly .dijitSliderDecrementIconH, -.claro .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: -321px 50%; - background-color: #efefef; -} -.claro .dijitSliderReadOnly .dijitSliderIncrementIconH, -.claro .dijitSliderDisabled .dijitSliderIncrementIconH { - background-position: -215px 50%; - background-color: #efefef; -} -.claro .dijitSliderReadOnly .dijitSliderDecrementIconV, -.claro .dijitSliderDisabled .dijitSliderDecrementIconV { - background-position: -3px 49%; - background-color: #efefef; -} -.claro .dijitSliderReadOnly .dijitSliderIncrementIconV, -.claro .dijitSliderDisabled .dijitSliderIncrementIconV { - background-position: -107px 49%; - background-color: #efefef; -} -.claro .dijitColorPalette { - border: 1px solid #b5bcc7; - background: #ffffff; - -moz-border-radius: 0; - border-radius: 0; -} -.claro .dijitColorPalette .dijitPaletteImg { - - border: 1px solid #d3d3d3; -} -.claro .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { - border: 1px solid #000000; -} -.claro .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, -.claro .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid #000000; -} -.claro .dijitInlineEditBoxDisplayMode { - border: 1px solid transparent; -} -.claro .dijitInlineEditBoxDisplayModeHover { - background-color: #e5f2fe; - border: solid 1px #759dc0; -} -.dj_ie6 .claro .dijitInlineEditBoxDisplayMode { - border: none; -} -.claro .dijitProgressBar { - margin: 2px 0 2px 0; -} -.claro .dijitProgressBarEmpty { - - background-color: #ffffff; - border-color: #759dc0; -} -.claro .dijitProgressBarTile { - - background-color: #abd6ff; - background-image: url("images/progressBarFull.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); - background-attachment: scroll; -} -.dj_ie6 .claro .dijitProgressBarTile { - background-image: none; -} -.claro .dijitProgressBarFull { - border: 0px solid #759dc0; - border-right-width: 1px; - -webkit-transition-property: width; - -moz-transition-property: width; - transition-property: width; - -webkit-transition-duration: 0.25s; - -moz-transition-duration: 0.25s; - transition-duration: 0.25s; -} -.claro .dijitProgressBarLabel { - - color: #000000; -} -.claro .dijitProgressBarIndeterminate .dijitProgressBarTile { - - background: #efefef url("images/progressBarAnim.gif") repeat-x top; -} -.claro .dijitTimePicker .dijitButtonNode { - padding: 0 0; - -moz-border-radius: 0; - border-radius: 0; -} -.claro .dijitTimePicker { - border: 1px #b5bcc7 solid; - border-top: none; - border-bottom: none; - background-color: #fff; - -} -.claro .dijitTimePickerItem { - - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - border-top: solid 1px #b5bcc7; - border-bottom: solid 1px #b5bcc7; - margin-top: -1px; -} -.claro .dijitTimePickerTick { - - color: #818181; - background-color: #efefef; - font-size: 0.818em; -} -.claro .dijitTimePickerMarker { - - background-color: #e5f2fe; - font-size: 1em; - white-space: nowrap; -} -.claro .dijitTimePickerTickHover, -.claro .dijitTimePickerMarkerHover, -.claro .dijitTimePickerMarkerSelected, -.claro .dijitTimePickerTickSelected { - background-color: #7dbdfa; - color: #000000; -} -.claro .dijitTimePickerMarkerSelected, -.claro .dijitTimePickerTickSelected { - font-size: 1em; -} -.claro .dijitTimePickerTick .dijitTimePickerItemInner { - padding: 1px; - margin: 0; -} -.claro .dijitTimePicker .dijitButtonNode { - border-left: none; - border-right: none; - border-color: #b5bcc7; - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitTimePicker .dijitArrowButtonInner { - height: 100%; - - background-image: url("form/images/commonFormArrows.png"); - background-repeat: no-repeat; - background-position: -140px 45%; -} -.claro .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner { - background-position: -35px 45%; -} -.claro .dijitTimePicker .dijitUpArrowHover, -.claro .dijitTimePicker .dijitDownArrowHover { - background-color: #abd6ff; -} -.claro .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { - background-position: -175px 45%; -} -.claro .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { - background-position: -70px 45%; -} -.claro .dijitBorderContainer { - - padding: 1px; - background-color :#b4bac1; - border-radius:5px; -} -.claro .dijitSplitContainer-child, -.claro .dijitBorderContainer-child { - - border: 1px #b5bcc7 solid; -} -.claro .dijitBorderContainer-dijitTabContainerTop, -.claro .dijitBorderContainer-dijitTabContainerBottom, -.claro .dijitBorderContainer-dijitTabContainerLeft, -.claro .dijitBorderContainer-dijitTabContainerRight, -.claro .dijitBorderContainer-dijitAccordionContainer { - - border: none; -} -.claro .dijitBorderContainer-dijitBorderContainer { - - border: 0; - padding: 0; -} -.claro .dijitSplitterH, -.claro .dijitGutterH { - background: none; - border: 0; - height: 5px; -} -.dj_ios .claro .dijitSplitterH, -.dj_android .claro .dijitSplitterH { - height: 11px; -} -.claro .dijitSplitterH .dijitSplitterThumb { - background: #b5bcc7 none; - height: 1px; - top: 2px; - width: 19px; -} -.dj_ios .claro .dijitSplitterH .dijitSplitterThumb, -.dj_android .claro .dijitSplitterH .dijitSplitterThumb { - top: 5px; -} -.claro .dijitSplitterV, -.claro .dijitGutterV { - background: none; - border: 0; - width: 5px; - margin: 0; -} -.dj_ios .claro .dijitSplitterV, -.dj_android .claro .dijitSplitterV { - width: 11px; -} -.claro .dijitSplitterV .dijitSplitterThumb { - background: #b5bcc7 none; - height: 19px; - left: 2px; - width: 1px; - margin: 0; -} -.dj_ios .claro .dijitSplitterV .dijitSplitterThumb, -.dj_android .claro .dijitSplitterV .dijitSplitterThumb { - left: 5px; -} -.claro .dijitSplitterHHover, -.claro .dijitSplitterVHover { - font-size: 1px; - background-color: #cfe5fa; -} -.claro .dijitSplitterHHover { - background-image: -moz-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); - background-image: -webkit-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); - background-image: -o-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); - background-image: linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); -} -.claro .dijitSplitterVHover { - background-image: -moz-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); - background-image: -webkit-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); - background-image: -o-linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); - background-image: linear-gradient(top, #ffffff 0px, rgba(255, 255, 255, 0) 50%, #ffffff 100%); -} -.claro .dijitSplitterHHover .dijitSplitterThumb, -.claro .dijitSplitterVHover .dijitSplitterThumb { - background: #759dc0 none; -} -.claro .dijitSplitterHActive, -.claro .dijitSplitterVActive { - font-size: 1px; - background-color: #abd6ff; - background-image: none; -} -.claro .dijitTreeNode { - zoom: 1; - -} -.claro .dijitTreeIsRoot { - background-image: none; -} -.claro .dijitTreeRow, -.claro .dijitTreeNode .dojoDndItemBefore, -.claro .dijitTreeNode .dojoDndItemAfter { - - padding: 4px 0 2px 0; - background-color: none; - background-color: transparent; - background-color: rgba(171, 214, 255, 0); - background-position: 0 0; - background-repeat: repeat-x; - border: solid 0 transparent; - color: #000000; - -webkit-transition-property: background-color, border-color; - -moz-transition-property: background-color, border-color; - transition-property: background-color, border-color; - -webkit-transition-duration: 0.25s; - -moz-transition-duration: 0.25s; - transition-duration: 0.25s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.claro .dijitTreeRowSelected { - background-color: #cfe5fa; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 3px 0 1px; - border-color: #759dc0; - border-width: 1px 0; - color: #000000; -} -.claro .dijitTreeRowHover { - background-color: #abd6ff; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 3px 0 1px; - border-color: #759dc0; - border-width: 1px 0; - color: #000000; - -webkit-transition-duration: 0.25s; - -moz-transition-duration: 0.25s; - transition-duration: 0.25s; -} -.claro .dijitTreeRowActive { - background-color: #7dbdfa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 3px 0 1px; - border-color: #759dc0; - border-width: 1px 0; - color: #000000; -} -.claro .dijitTreeRowFocused { - background-repeat: repeat; -} -.claro .dijitTreeExpando { - background-image: url("images/treeExpandImages.png"); - width: 16px; - height: 16px; - background-position: -35px 0; - -} -.dj_ie6 .claro .dijitTreeExpando { - background-image: url("images/treeExpandImages8bit.png"); -} -.claro .dijitTreeRowHover .dijitTreeExpandoOpened { - background-position: -53px 0; -} -.claro .dijitTreeExpandoClosed { - background-position: 1px 0; -} -.claro .dijitTreeRowHover .dijitTreeExpandoClosed { - background-position: -17px 0; -} -.claro .dijitTreeExpandoLeaf, -.dj_ie6 .claro .dijitTreeExpandoLeaf { - background-image: none; -} -.claro .dijitTreeExpandoLoading { - background-image: url("images/loadingAnimation.gif"); -} -.claro .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { - border-top: 2px solid #759dc0; -} -.claro .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { - border-bottom: 2px solid #759dc0; -} - -.claro .dijitToolbar { - border-bottom: 1px solid #b5bcc7; - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 2px 0 2px 4px; - zoom: 1; -} -.claro .dijitToolbar label { - padding: 0 3px 0 6px; -} -.claro .dijitToolbar .dijitButton .dijitButtonNode, -.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, -.claro .dijitToolbar .dijitComboButton .dijitButtonNode, -.claro .dijitToolbar .dijitToggleButton .dijitButtonNode, -.claro .dijitToolbar .dijitComboBox .dijitButtonNode { - border-width: 0; - - padding: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.3s; - -moz-transition-duration: 0.3s; - transition-duration: 0.3s; - background-color: rgba(171, 214, 255, 0); - background-image: none; - -} -.dj_ie .claro .dijitToolbar .dijitButton .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitToggleButton .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitComboBox .dijitButtonNode { - background-color: transparent; - -} -.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitComboButton .dijitButtonNodeHover, -.dj_ie .claro .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, -.dj_ie .claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { - - background-color: #abd6ff; -} -.dj_ie .claro .dijitToolbar .dijitButtonActive .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, -.dj_ie .claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { - - background-color: #abd6ff; -} -.claro .dijitToolbar .dijitComboButton .dijitStretch { - - -moz-border-radius: 2px 0 0 2px; - border-radius: 2px 0 0 2px; -} -.claro .dijitToolbar .dijitComboButton .dijitArrowButton { - - -moz-border-radius: 0 2px 2px 0; - border-radius: 0 2px 2px 0; -} -.claro .dijitToolbar .dijitComboBox .dijitButtonNode { - padding: 0; -} -.claro .dijitToolbar .dijitButtonHover .dijitButtonNode, -.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, -.claro .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, -.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode { - border-width: 1px; - background-color: #abd6ff; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 1px; -} -.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNode, -.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { - background-color: #f3ffff; -} -.claro .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, -.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover { - background-color: #abd6ff; -} -.claro .dijitToolbar .dijitButtonActive .dijitButtonNode, -.claro .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, -.claro .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { - border-width: 1px; - background-color: #7dbdfa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; - padding: 1px; -} -.claro .dijitToolbar .dijitComboButtonActive { - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - transition-duration: 0.2s; - border-width: 1px; - padding: 0; -} -.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNode, -.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { - background-color: #f3ffff; - padding: 2px; -} -.claro .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive { - background-color: #7dbdfa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { - background-color: #7dbdfa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, -.claro .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { - border-left-width: 0; -} -.claro .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { - padding-left: 2px; - -} -.claro .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { - margin: 0; - - border-width: 1px; - border-style: solid; - background-image: none; - border-color: #759dc0; - background-color: #ffffff; - padding: 1px; -} -.claro .dijitToolbarSeparator { - - background: url("images/editorIconsEnabled.png"); -} -.claro .dijitDisabled .dijitToolbar { - background: none; - background-color: #efefef; - border-bottom: 1px solid #d3d3d3; -} -.claro .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner { - background-position: 0 50%; -} -.claro .dijitEditorIFrameContainer { - padding: 3px 3px 1px 10px; -} -.claro .dijitEditorIFrame { - background-color: #ffffff; -} -.claro .dijitEditor { - border: 1px solid #b5bcc7; -} -.claro .dijitEditor .dijitEditorIFrameContainer { - background-color: #ffffff; - background-repeat: repeat-x; -} -.claro .dijitEditorHover .dijitEditorIFrameContainer, -.claro .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame { - background-color: #e5f2fe; -} -.claro .dijitEditorFocused .dijitEditorIFrameContainer, -.claro .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { - background-color: #ffffff; -} -.claro .dijitEditorHover .dijitEditorIFrameContainer, -.claro .dijitEditorFocused .dijitEditorIFrameContainer { - background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); - background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); -} -.claro .dijitEditorDisabled { - border: 1px solid #d3d3d3; - color: #818181; -} -.claro .dijitDisabled .dijitEditorIFrame, -.claro .dijitDisabled .dijitEditorIFrameContainer, -.claro .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { - background-color: #efefef; - background-image: none; -} -.dijitEditorIcon { - background-image: url("images/editorIconsEnabled.png"); - background-repeat: no-repeat; - width: 18px; - height: 18px; - text-align: center; -} -.dijitDisabled .dijitEditorIcon { - background-image: url("images/editorIconsDisabled.png"); -} -.dijitEditorIconSep { background-position: 0; } -.dijitEditorIconSave { background-position: -18px; } -.dijitEditorIconPrint { background-position: -36px; } -.dijitEditorIconCut { background-position: -54px; } -.dijitEditorIconCopy { background-position: -72px; } -.dijitEditorIconPaste { background-position: -90px; } -.dijitEditorIconDelete { background-position: -108px; } -.dijitEditorIconCancel { background-position: -126px; } -.dijitEditorIconUndo { background-position: -144px; } -.dijitEditorIconRedo { background-position: -162px; } -.dijitEditorIconSelectAll { background-position: -180px; } -.dijitEditorIconBold { background-position: -198px; } -.dijitEditorIconItalic { background-position: -216px; } -.dijitEditorIconUnderline { background-position: -234px; } -.dijitEditorIconStrikethrough { background-position: -252px; } -.dijitEditorIconSuperscript { background-position: -270px; } -.dijitEditorIconSubscript { background-position: -288px; } -.dijitEditorIconJustifyCenter { background-position: -306px; } -.dijitEditorIconJustifyFull { background-position: -324px; } -.dijitEditorIconJustifyLeft { background-position: -342px; } -.dijitEditorIconJustifyRight { background-position: -360px; } -.dijitEditorIconIndent { background-position: -378px; } -.dijitEditorIconOutdent { background-position: -396px; } -.dijitEditorIconListBulletIndent { background-position: -414px; } -.dijitEditorIconListBulletOutdent { background-position: -432px; } -.dijitEditorIconListNumIndent { background-position: -450px; } -.dijitEditorIconListNumOutdent { background-position: -468px; } -.dijitEditorIconTabIndent { background-position: -486px; } -.dijitEditorIconLeftToRight { background-position: -504px; } -.dijitEditorIconRightToLeft, .dijitEditorIconToggleDir { background-position: -522px; } -.dijitEditorIconBackColor { background-position: -540px; } -.dijitEditorIconForeColor { background-position: -558px; } -.dijitEditorIconHiliteColor { background-position: -576px; } -.dijitEditorIconNewPage { background-position: -594px; } -.dijitEditorIconInsertImage { background-position: -612px; } -.dijitEditorIconInsertTable { background-position: -630px; } -.dijitEditorIconSpace { background-position: -648px; } -.dijitEditorIconInsertHorizontalRule { background-position: -666px; } -.dijitEditorIconInsertOrderedList { background-position: -684px; } -.dijitEditorIconInsertUnorderedList { background-position: -702px; } -.dijitEditorIconCreateLink { background-position: -720px; } -.dijitEditorIconUnlink { background-position: -738px; } -.dijitEditorIconViewSource { background-position: -756px; } -.dijitEditorIconRemoveFormat { background-position: -774px; } -.dijitEditorIconFullScreen { background-position: -792px; } -.dijitEditorIconWikiword { background-position: -810px; } - -.claro .dijitTitlePaneTitle { - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - border: 1px solid #b5bcc7; - padding: 0 7px 3px 7px; - min-height: 17px; - color: #494949; -} -.claro .dijitFieldset { - -moz-border-radius: 4px; - border-radius: 4px; -} -.claro .dijitTitlePaneTitleOpen, -.claro .dijitTitlePaneTitleFixedOpen { - background-color: #cfe5fa; - color: #000000; -} -.claro .dijitTitlePaneTitleHover { - background-color: #abd6ff; - border-color: #759dc0; -} -.claro .dijitTitlePaneTitleActive { - background-color: #7dbdfa; - border-color: #759dc0; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitTitlePaneTitleFocus { - margin-top: 3px; - padding-bottom: 2px; -} -.claro .dijitTitlePane .dijitArrowNode, -.claro .dijitFieldset .dijitArrowNode { - background-image: url("images/spriteArrows.png"); - background-repeat: no-repeat; - height: 8px; - width: 7px; -} -.claro .dijitTitlePaneTitleOpen .dijitArrowNode, -.claro .dijitFieldsetTitleOpen .dijitArrowNode { - background-position: 0 0; -} -.claro .dijitTitlePaneTitleClosed .dijitArrowNode, -.claro .dijitFieldsetTitleClosed .dijitArrowNode { - background-position: -14px 0; -} -.claro .dijitTitlePaneContentOuter { - background: #ffffff; - border: 1px solid #b5bcc7; - border-top: none; -} -.claro .dijitTitlePaneContentInner { - padding: 10px; -} -.claro .dijitFieldsetContentInner { - padding: 4px; -} -.claro .dijitTitlePaneTextNode, -.claro .dijitFieldsetLegendNode { - margin-left: 4px; - margin-right: 4px; - vertical-align: text-top; -} -.claro .dijitSpinnerButtonContainer { - overflow: hidden; - position: relative; - width: auto; - padding: 0 2px; -} -.claro .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { - border-width: 1px 0; - - border-style: solid none; -} -.claro .dijitSpinner .dijitArrowButton { - width: auto; - background-color: #efefef; - background-image: url("images/standardGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); - _background-image: none; - overflow: hidden; -} -.dj_iequirks .claro .dijitSpinner .dijitArrowButton { - overflow: visible; - -} -.claro .dijitSpinner .dijitSpinnerButtonInner { - width: 15px; -} -.claro .dijitSpinner .dijitArrowButtonInner { - border: solid 1px #ffffff; - border-bottom-width: 0; - - background-image: url("images/commonFormArrows.png"); - background-repeat: no-repeat; - height: 100%; - width: 15px; - padding-left: 1px; - padding-right: 1px; - - background-position: -139px center; - - display: block; - margin: -1px 0 -1px 0; - -} -.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner, -.dj_ie6 .claro .dijitSpinner .dijitArrowButtonInner, -.dj_ie7 .claro .dijitSpinner .dijitArrowButtonInner, -.dj_ie8 .claro .dijitSpinner .dijitArrowButtonInner { - margin-top: 0; - -} -.dj_iequirks .claro .dijitSpinner .dijitArrowButtonInner { - width: 19px; -} -.claro .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { - background-position: -34px; -} -.claro .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding: 0; -} -.claro .dijitUpArrowButtonActive, -.claro .dijitDownArrowButtonActive { - background-color: #abd6ff; -} -.claro .dijitSpinner .dijitUpArrowButtonHover, -.claro .dijitSpinner .dijitDownArrowButtonHover, -.claro .dijitSpinnerFocused .dijitArrowButton { - background-color: #abd6ff; -} -.claro .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { - background-position: -174px; -} -.claro .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { - background-position: -69px; -} -.claro .dijitSpinnerFocused { - background-color: #ffffff; - background-image: none; -} -.claro .dijitSpinner .dijitDownArrowButtonActive, -.claro .dijitSpinner .dijitUpArrowButtonActive { - background-color: #7dbefa; - background-image: url("images/activeGradient.png"); - background-repeat: repeat-x; - background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); - _background-image: none; -} -.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, -.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { - - border: 0; - padding: 1px; - margin-right: 2px; - margin-bottom: 1px; -} -.claro .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { - background-position: -173px; -} -.claro .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { - background-position: -68px; -} -.claro .dijitSpinnerDisabled .dijitArrowButtonInner { - background-color: #efefef; -} -.claro .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { - background-position: -104px; -} -.claro .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { - background-position: 1px; -} -.dj_ie7 .claro .dijitSpinner { - overflow: visible; -} -.dijitRtl .dijitOffScreen { - - left: auto !important; - right: -10000px !important; -} -.dijitRtl .dijitPlaceHolder { - left: auto; - right: 0; -} -.dijitMenuItemRtl { - text-align: right; -} -.dj_iequirks .dijitComboButtonRtl button { - - float:left; -} -.dj_ie .dijitTextBoxRtl .dijitInputContainer { - clear: right; -} -.dijitTextBoxRtl .dijitValidationContainer, -.dijitTextBoxRtl .dijitSpinnerButtonContainer, -.dijitComboBoxRtl .dijitArrowButtonContainer { - - border-right-width: 1px !important; - border-left-width: 0 !important; -} -.dijitSpinnerRtl .dijitSpinnerButtonContainer .dijitArrowButton { - right: 0; - left: auto; -} -.dijitSelectRtl .dijitButtonText { - float: right; -} -.dijitTextBoxRtl .dijitSpinnerButtonContainer, -.dijitValidationTextBoxRtl .dijitValidationContainer, -.dijitTextBoxRtl .dijitArrowButtonContainer { - float: left; -} -div.dijitNumberTextBoxRtl { - text-align: right; -} -.dijitCalendarRtl .dijitCalendarNextYear { - margin:0 0.55em 0 0; -} -.dijitCalendarRtl .dijitCalendarPreviousYear { - margin:0 0 0 0.55em; -} -.dijitSliderRtl .dijitSliderImageHandleV { - left:auto; -} -.dijitSliderRtl .dijitSliderImageHandleH { - left:-50%; -} -.dijitSliderRtl .dijitSliderMoveableH { - right:auto; - left:0; -} -.dijitSliderRtl .dijitRuleContainerV { - float:right; -} -.dj_ie .dijitSliderRtl .dijitRuleContainerV { - text-align:right; -} -.dj_ie .dijitSliderRtl .dijitRuleLabelV { - text-align:left; -} -.dj_ie .dijitSliderRtl .dijitRuleLabelH { - zoom:1; -} -.dijitSliderRtl .dijitSliderProgressBarH { - - float:right; - right:0; - left:auto; -} -.dijitRtl .dijitContentPaneLoading .dijitIconLoading, -.dijitRtl .dijitContentPaneError .dijitIconError { - margin-right: 0; - margin-left: 9px; -} -.dijitTabControllerRtl .nowrapTabStrip { - text-align: right; -} -.dijitTabRtl .dijitTabCloseButton { - margin-left: 0; - margin-right: 1em; -} -.dj_ie6 .dijitTabRtl .tabLabel, -.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl, -.dj_ie6 .dijitTabContainerLeft-tabs .dijitTabRtl, -.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl, -.dj_ie7 .dijitTabContainerLeft-tabs .dijitTabRtl { - zoom: 1; -} -.dj_ie6 .dijitTabContainerRight-tabs .dijitTabRtl, -.dj_ie7 .dijitTabContainerRight-tabs .dijitTabRtl { - left: 0; -} -.dj_ie6 .dijitTabContainerRightRtl .dijitTabContainerRight-tabs, -.dj_ie6 .dijitTabContainerLeftRtl .dijitTabContainerLeft-tabs { - - width: 1%; -} -.dj_ie .dijitTimePickerRtl .dijitTimePickerItem { - width:100%; -} -.dijitColorPaletteRtl .dijitColorPaletteUnder { - - left: auto; - right: 0; -} -.dijitSelectRtl .dijitButtonContents { - border-style: none none none solid; - text-align: right; -} -.dijitTreeRtl .dijitTreeContainer { - float: right; -} -.dijitRtl .dojoDndHorizontal .dojoDndItemBefore { - border-width: 0 2px 0 0; - padding: 2px 0 2px 2px; -} -.dijitRtl .dojoDndHorizontal .dojoDndItemAfter { - border-width: 0 0 0 2px; - padding: 2px 2px 2px 0; -} -.claro .dijitTextBoxRtlError .dijitValidationContainer { - border-left-width: 0; - border-right-width: 1px; -} -.claro .dijitComboButtonRtl .dijitStretch { - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -.claro .dijitComboButtonRtl .dijitArrowButton { - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; - padding: 3px 0 4px; - border-left-width: 1px; - border-right-width: 0; -} -.claro .dijitTabContainerTop-tabs .dijitTabRtl, -.claro .dijitTabContainerBottom-tabs .dijitTabRtl { - margin-right: 0; - margin-left: 1px; -} -.claro .dijitSliderRtl .dijitSliderProgressBarH, -.claro .dijitSliderRtl .dijitSliderRemainingBarH, -.claro .dijitSliderRtl .dijitSliderLeftBumper, -.claro .dijitSliderRtl .dijitSliderRightBumper, -.claro .dijitSliderRtl .dijitSliderTopBumper { - background-position: top right; -} -.claro .dijitSliderRtl .dijitSliderProgressBarV, -.claro .dijitSliderRtl .dijitSliderRemainingBarV, -.claro .dijitSliderRtl .dijitSliderBottomBumper { - background-position: bottom right; -} -.claro .dijitSliderRtl .dijitSliderLeftBumper { - border-left-width: 0; - border-right-width: 1px; -} -.claro .dijitSliderRtl .dijitSliderRightBumper { - border-left-width: 1px; - border-right-width: 0; -} -.claro .dijitSliderRtl .dijitSliderIncrementIconH { - background-position: -357px 50%; -} -.claro .dijitSliderRtl .dijitSliderDecrementIconH { - background-position: -251px 50%; -} -.claro .dijitDialogRtl .dijitDialogCloseIcon { - right: auto; - left: 5px; -} -.claro .dijitDialogRtl .dijitDialogPaneActionBar { - text-align: left; - padding: 3px 7px 2px 5px; -} -.claro .dijitEditorRtl .dijitEditorIFrameContainer { - padding: 3px 10px 1px 3px; -} -.dj_ie6 .claro .dijitEditorRtl .dijitEditorIFrameContainer, -.dj_ie7 .claro .dijitEditorRtl .dijitEditorIFrameContainer, -.dj_ie8 .claro .dijitEditorRtl .dijitEditorIFrameContainer { - padding: 3px 0px 1px 10px; - margin-right: 0px; - border: 0px solid #d3d3d3; -} -.dijitEditorRtl .dijitEditorIcon { - background-image: url("images/editorIconsEnabled_rtl.png"); -} -.dijitEditorRtlDisabled .dijitEditorIcon { - background-image: url("images/editorIconsDisabled_rtl.png"); -} -.dijitToolbarRtl .dijitToolbarSeparator { - background-image: url("images/editorIconsEnabled_rtl.png"); -} -.dijitRtl .dijitIconSave, -.dijitRtl .dijitIconPrint, -.dijitRtl .dijitIconCut, -.dijitRtl .dijitIconCopy, -.dijitRtl .dijitIconClear, -.dijitRtl .dijitIconDelete, -.dijitRtl .dijitIconUndo, -.dijitRtl .dijitIconEdit, -.dijitRtl .dijitIconNewTask, -.dijitRtl .dijitIconEditTask, -.dijitRtl .dijitIconEditProperty, -.dijitRtl .dijitIconTask, -.dijitRtl .dijitIconFilter, -.dijitRtl .dijitIconConfigure, -.dijitRtl .dijitIconSearch, -.dijitRtl .dijitIconApplication, -.dijitRtl .dijitIconBookmark, -.dijitRtl .dijitIconChart, -.dijitRtl .dijitIconConnector, -.dijitRtl .dijitIconDatabase, -.dijitRtl .dijitIconDocuments, -.dijitRtl .dijitIconMail, -.dijitRtl .dijitLeaf, -.dijitRtl .dijitIconFile, -.dijitRtl .dijitIconFunction, -.dijitRtl .dijitIconKey, -.dijitRtl .dijitIconPackage, -.dijitRtl .dijitIconSample, -.dijitRtl .dijitIconTable, -.dijitRtl .dijitIconUsers, -.dijitRtl .dijitFolderClosed, -.dijitRtl .dijitIconFolderClosed, -.dijitRtl .dijitFolderOpened, -.dijitRtl .dijitIconFolderOpen, -.dijitRtl .dijitIconError { - background-image: url("images/commonIconsObjActEnabled_rtl.png"); - width: 16px; - height: 16px; -} -.dj_ie6 .dijitRtl .dijitIconSave, -.dj_ie6 .dijitRtl .dijitIconPrint, -.dj_ie6 .dijitRtl .dijitIconCut, -.dj_ie6 .dijitRtl .dijitIconCopy, -.dj_ie6 .dijitRtl .dijitIconClear, -.dj_ie6 .dijitRtl .dijitIconDelete, -.dj_ie6 .dijitRtl .dijitIconUndo, -.dj_ie6 .dijitRtl .dijitIconEdit, -.dj_ie6 .dijitRtl .dijitIconNewTask, -.dj_ie6 .dijitRtl .dijitIconEditTask, -.dj_ie6 .dijitRtl .dijitIconEditProperty, -.dj_ie6 .dijitRtl .dijitIconTask, -.dj_ie6 .dijitRtl .dijitIconFilter, -.dj_ie6 .dijitRtl .dijitIconConfigure, -.dj_ie6 .dijitRtl .dijitIconSearch, -.dj_ie6 .dijitRtl .dijitIconApplication, -.dj_ie6 .dijitRtl .dijitIconBookmark, -.dj_ie6 .dijitRtl .dijitIconChart, -.dj_ie6 .dijitRtl .dijitIconConnector, -.dj_ie6 .dijitRtl .dijitIconDatabase, -.dj_ie6 .dijitRtl .dijitIconDocuments, -.dj_ie6 .dijitRtl .dijitIconMail, -.dj_ie6 .dijitRtl .dijitLeaf, -.dj_ie6 .dijitRtl .dijitIconFile, -.dj_ie6 .dijitRtl .dijitIconFunction, -.dj_ie6 .dijitRtl .dijitIconKey, -.dj_ie6 .dijitRtl .dijitIconPackage, -.dj_ie6 .dijitRtl .dijitIconSample, -.dj_ie6 .dijitRtl .dijitIconTable, -.dj_ie6 .dijitRtl .dijitIconUsers, -.dj_ie6 .dijitRtl .dijitFolderClosed, -.dj_ie6 .dijitRtl .dijitIconFolderClosed, -.dj_ie6 .dijitRtl .dijitFolderOpened, -.dj_ie6 .dijitRtl .dijitIconFolderOpen, -.dj_ie6 .dijitRtl .dijitIconError { - background-image: url("images/commonIconsObjActEnabled8bit_rtl.png"); -} -.dijitRtl .dijitDisabled .dijitIconSave, -.dijitRtl .dijitDisabled .dijitIconPrint, -.dijitRtl .dijitDisabled .dijitIconCut, -.dijitRtl .dijitDisabled .dijitIconCopy, -.dijitRtl .dijitDisabled .dijitIconClear, -.dijitRtl .dijitDisabled .dijitIconDelete, -.dijitRtl .dijitDisabled .dijitIconUndo, -.dijitRtl .dijitDisabled .dijitIconEdit, -.dijitRtl .dijitDisabled .dijitIconNewTask, -.dijitRtl .dijitDisabled .dijitIconEditTask, -.dijitRtl .dijitDisabled .dijitIconEditProperty, -.dijitRtl .dijitDisabled .dijitIconTask, -.dijitRtl .dijitDisabled .dijitIconFilter, -.dijitRtl .dijitDisabled .dijitIconConfigure, -.dijitRtl .dijitDisabled .dijitIconSearch, -.dijitRtl .dijitDisabled .dijitIconApplication, -.dijitRtl .dijitDisabled .dijitIconBookmark, -.dijitRtl .dijitDisabled .dijitIconChart, -.dijitRtl .dijitDisabled .dijitIconConnector, -.dijitRtl .dijitDisabled .dijitIconDatabase, -.dijitRtl .dijitDisabled .dijitIconDocuments, -.dijitRtl .dijitDisabled .dijitIconMail, -.dijitRtl .dijitDisabled .dijitLeaf, -.dijitRtl .dijitDisabled .dijitIconFile, -.dijitRtl .dijitDisabled .dijitIconFunction, -.dijitRtl .dijitDisabled .dijitIconKey, -.dijitRtl .dijitDisabled .dijitIconPackage, -.dijitRtl .dijitDisabled .dijitIconSample, -.dijitRtl .dijitDisabled .dijitIconTable, -.dijitRtl .dijitDisabled .dijitIconUsers, -.dijitRtl .dijitDisabled .dijitFolderClosed, -.dijitRtl .dijitDisabled .dijitIconFolderClosed, -.dijitRtl .dijitDisabled .dijitFolderOpened, -.dijitRtl .dijitDisabled .dijitIconFolderOpen, -.dijitRtl .dijitDisabled .dijitIconError { - background-image: url("images/commonIconsObjActDisabled_rtl.png"); -} -.claro .dijitTitlePaneRtl .dijitClosed .dijitArrowNode, -.claro .dijitFieldsetRtl .dijitFieldsetTitleClosed .dijitArrowNode { - background-position: -7px 0; -} -.claro .dijitMenuItemRtl .dijitMenuExpand { - background-position: -7px 0; - margin-right: 0; - margin-left: 3px; -} -.claro .dijitMenuItemRtl .dijitMenuItemIcon { - margin: 0 4px 0 0; -} -.claro .dijitCalendarRtl .dijitCalendarIncrease { - background-position: 0 0; -} -.claro .dijitCalendarRtl .dijitCalendarDecrease { - background-position: -18px 0; -} -.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarIncrease { - background-position: -36px 0; -} -.claro .dijitCalendarRtl .dijitCalendarArrowHover .dijitCalendarDecrease { - background-position: -55px 0; -} -.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarIncrease { - background-position: -72px 0; -} -.claro .dijitCalendarRtl .dijitCalendarArrowActive .dijitCalendarDecrease { - background-position: -91px 0; -} -.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickHover, -.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerHover, -.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerMarkerSelected, -.dj_ie .claro .dijitTimePickerRtl .dijitTimePickerTickSelected { - margin-left: -6px; - margin-right: -8px; - width: 114%; -} -.claro .dijitToolbar .dijitComboButtonRtl .dijitButtonNode { - border-width: 0; - padding: 2px; -} -.claro .dijitToolbar .dijitComboButtonRtlHover .dijitButtonNode, -.claro .dijitToolbar .dijitComboButtonRtlActive .dijitButtonNode { - border-width: 1px; - padding: 1px; -} -.claro .dijitToolbar .dijitComboButtonRtl .dijitStretch { - - -moz-border-radius: 0 2px 2px 0; - border-radius: 0 2px 2px 0; -} -.claro .dijitToolbar .dijitComboButtonRtl .dijitArrowButton { - - -moz-border-radius: 2px 0 0 2px; - border-radius: 2px 0 0 2px; -} -.claro .dijitToolbar .dijitComboButtonRtlHover .dijitArrowButton, -.claro .dijitToolbar .dijitComboButtonRtlActive .dijitArrowButton { - - border-left-width: 1px; - border-right-width: 0; - padding-left: 1px; - padding-right: 2px; -} -.claro .dijitProgressBarRtl .dijitProgressBarFull { - border-left-width: 1px; - border-right-width: 0px; -} diff --git a/apps/ide/src/styles/backup/claroGrid.css b/apps/ide/src/styles/backup/claroGrid.css deleted file mode 100644 index 5184b09b..00000000 --- a/apps/ide/src/styles/backup/claroGrid.css +++ /dev/null @@ -1,667 +0,0 @@ - -.dojoxGrid { - position: relative; - background-color: #EBEADB; - font-family: Geneva, Arial, Helvetica, sans-serif; - -moz-outline-style: none; - outline: none; - overflow: hidden; - height: 0; -} -.dojoxGrid table { - padding: 0; -} -.dojoxGrid td { - -moz-outline: none; -} -.dojoxGridMasterHeader { - position: relative; -} -.dojoxGridMasterView { - position: relative; -} -.dojoxGridMasterMessages { - position: relative; - padding: 1em; - text-align: center; - background-color: white; -} -.dojoxGridView { - position: absolute; - overflow: hidden; -} -.dojoxGridHeader { - position: absolute; - overflow: hidden; - cursor: default; -} -.dojoxGridHeader { - background-color: #E8E1CF; -} -.dojoxGridHeader table { - text-align: center; -} -.dojoxGridHeader .dojoxGridCell { - border: 1px solid; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x; - padding-bottom: 2px; -} -.dojoxGridHeader .dojoxGridCellOver { - background-image: none; - background-color: white; - border-bottom-color: #FEBE47; - margin-bottom: 0; - padding-bottom: 0; - border-bottom-width: 3px; -} -.dojoxGridHeader .dojoxGridCellFocus { - border: 1px dashed blue; -} -.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { - background-image: none; - background-color: white; - border-bottom-color: #FEBE47; - margin-bottom: 0; - padding-bottom: 0; - border-bottom-width: 3px; -} -.dojoxGridArrowButtonNode { - display: none; - padding-left: 16px; -} -.dojoxGridArrowButtonChar { - display:inline; -} - -.dojoxGridArrowButtonNode:hover { - cursor: default; -} -.dojoxGridArrowButtonChar:hover { - cursor: default; -} -.dojoxGridSortUp:hover { - cursor: default; -} -.dojoxGridSortDown:hover { - cursor: default; -} -.dijit_a11y .dojoxGridArrowButtonChar { - display:inline !important; -} -.dojoxGridScrollbox { - position: relative; - overflow: auto; - background-color: white; - width: 100%; -} -.dojoxGridContent { - position: relative; - overflow: hidden; - -moz-outline-style: none; - outline: none; -} -.dojoxGridRowbar { - border: 1px solid; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - border-top: none; - background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x; -} -.dojoxGridRowbarInner { - border-top: 1px solid #F6F4EB; -} -.dojoxGridRowbarOver { - background-image: none; - background-color: white; - border-top-color: #FEBE47; - border-bottom-color: #FEBE47; -} -.dojoxGridRowbarSelected { - background-color: #D9E8F9; -} -.dojoxGridRow { - position: relative; - width: 9000em; -} -.dojoxGridRow { - - border: 1px solid #E8E4D8; - border-color: #F8F7F1; - - border-left: none; - border-right: none; - background-color: white; - border-top: none; -} -.dojoxGridRowOver { - border-top-color: #FEBE47; - border-bottom-color: #FEBE47; - - - -} -.dojoxGridRowOdd { - background-color: #FFFDF3; - -} -.dojoxGridRowSelected { - background-color: #D9E8F9; -} -.dojoxGridRowTable { - table-layout: fixed; - width: 0; - empty-cells: show; -} -.dj_ie .dojoxGridRowTable { - border-collapse: collapse; -} -.dojoxGridInvisible { - visibility: hidden; -} -.Xdojo-ie .dojoxGridInvisible { - display: none; -} -.dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td { - border-top-width: 0; - border-bottom-width: 0; - padding-top: 0; - padding-bottom: 0; - height: 0; - overflow: hidden; -} -.dojoxGrid .dojoxGridCell { - border: 1px solid; - border-color: #EBEADB; - border-right-color: #D5CDB5; - padding: 3px 3px 3px 3px; - text-align: left; - overflow: hidden; - word-wrap: break-word; -} -.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell { - white-space: nowrap; - word-break: keep-all; - word-wrap: normal; - text-overflow: ellipsis; -} -.dojoxGridCellFocus { - border: 1px dashed blue; -} -.dojoxGridCellOver { - border: 1px dotted #FEBE47; -} -.dojoxGridCellFocus.dojoxGridCellOver { - border: 1px dashed green; -} -.dojoxGridRowEditing td { - background-color: #F4FFF4; -} -.dojoxGridRow-inserting td { - background-color: #F4FFF4; -} -.dojoxGridRow-inflight td { - background-color: #F2F7B7; -} -.dojoxGridRow-error td { - background-color: #F8B8B6; -} -.dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea { - margin: 0; - padding: 0; - border-style: none; - width: 100%; - font-size: 100%; - font-family: inherit; -} -.dojoxGridHiddenFocus { - position: absolute; - top: -1000px; - height: 0; - width: 0; -} -.dijit_a11y .dojoxGridRowbarSelected { - border-top: 1px solid white; - border-bottom: 1px dashed black; - border-top: 0; - background: none; -} -.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { - border: 0; - border-top: 1px solid white; -} -.dijit_a11y .dojoxGridRowSelected { - border: 1px solid black !important; -} -.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem { - display: table-cell; - - margin: 0; -} -.dojoxGridDndAvatar { - font-size: 100%; -} -.dojoxGrid .dojoDndItemBefore { - border-left-color: red; -} -.dojoxGrid .dojoDndItemAfter { - border-right-color: red; -} -.dijit_a11y .dojoDndItemBefore { - border-left: double; -} -.dijit_a11y .dojoDndItemAfter { - border-right: double; -} -.dojoxGridDndAvatarItem td { - border: 1px solid; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - background: url("images/grid_dx_gradient.gif") #E8E1CF top repeat-x; - padding: 0pt; - margin: 0pt; -} -.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { - border: 0; - border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; - background-color: transparent; - padding: 3px; - padding-bottom: 2px; - margin: 0; -} -.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndNoMove.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndNoCopy.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndMove.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { - background-image: url("images/dndCopy.png"); - background-repeat: no-repeat; - background-position: center center; -} -.dojoxGridColPlaceBottom { - background: transparent url("images/grid_sort_up.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop { - background: transparent url("images/grid_sort_down.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { - font-size:1px; - height:6px; - z-index:10000; - top:0; - overflow:hidden; - position:absolute; - line-height:1px; - width:8px; -} -.dojoxGridResizeColLine { - width: 1px; - background-color: #777; - position: absolute; - cursor: col-resize; - z-index:10000; -} -.dojoxGridColNoResize, -.dojoxGridColNoResize .dojoDndItemOver { - cursor: not-allowed !important; -} -.dojoxGridColResize, -.dojoxGridColResize .dojoDndItemOver, -.dojoxGridColumnResizing, -.dojoxGridColumnResizing .dojoDndItemOver, -.dojoxGridColumnResizing .dojoxGridHeader { - cursor: col-resize !important; -} -.dojoxGridColPlaceBottom { - background: transparent url("images/grid_sort_up.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop { - background: transparent url("images/grid_sort_down.gif") no-repeat scroll left top; -} -.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { - font-size:1px; - height:6px; - z-index:10000; - top:0; - overflow:hidden; - position:absolute; - line-height:1px; - width:8px; -} -.dojoxGridResizeColLine { - width: 1px; - background-color: #777; - position: absolute; -} -.dojoxGridExpandoCell { - vertical-align: middle; -} -.dojoxGridSummarySpan { - visibility: hidden; -} -.dojoxGridSummaryRow .dojoxGridSummarySpan, -.dojoxGridRowCollapsed .dojoxGridSummarySpan { - visibility: visible; -} -.dojoxGridNoChildren .dojoxGridExpando { - visibility: hidden !important; - width: 0px !important; -} -.dj_ie .dojoxGridRtl .dojoxGridHeader table { - float:none; -} -.dojoxGridRtl .dojoxGridCell { - text-align:right; -} -.dj_ie8 .dojoxGridRtl .dojoxGridCell { - border-left: none; -} -.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { - border-left: #e5dac8 1px solid -} -.dojoxGridRtl .dojoxGridArrowButtonNode { - float:left; -} -.claro .dojoxGrid { - margin:0px; - padding:0px; - border-collapse:collapse; - background-color: #fff; - border: 1px solid #DBDBDB; -} -.claro .dojoxGridMasterMessages { - background-color: #fefefe; -} -.claro .dojoxGridLoading, -.claro .dojoxGridError { - background-position:left center; - background-repeat: no-repeat; - padding-left:25px; -} -.claro .dojoxGridLoading { - background-image:url("images/loadingAnimation.gif"); -} -.claro .dojoxGridError { - background-image: url('images/commonIconsObjActEnabled.png'); - background-position: -496px; - width: 16px; - height: 16px; -} -.claro .dojoxGridHeader { - background: transparent; - margin-left: -2px; -} -.claro .dojoxGridHeader .dojoxGridCell { - padding: 2px 5px; - vertical-align: top; - background: transparent; - border-style:solid; - border-width:1px; - border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; -} -.dj_ie6 .claro .dojoxGridHeader .dojoxGridCell { - border-color:#BCBCBC #BCBCBC #BCBCBC #e5edf4; -} -.claro .dojoxGridHeader .dojoxGridCellOver { - background: #9dcfff; -} -.claro .dojoxGridSortNode { - text-decoration:none; - display:block; - white-space: normal; - background: none; - border: none; - padding: 0; -} -.claro .dojoxGridCellOver .dojoxGridSortNode { - background-color:#9dcfff; -} -.claro .dojoxGridArrowButtonChar { - display:none; - float:right; -} -.claro .dojoxGridArrowButtonNode { - background:transparent url("images/spriteArrows.png") no-repeat scroll left center; - display:block; - float:right; - height:1em; - margin:2px 4px 0 5px; - padding-left:0; - width:7px; -} -.claro .dojoxGridSortUp .dojoxGridArrowButtonNode { - background-position:-21px 50%; -} -.claro .dojoxGridMasterHeader { - background: url("images/header.png") #EDF2F7 repeat-x bottom; - background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); - background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEDF2F7, endColorstr=#FFD0DFEA); - border: 1px solid #FFFFFF; - border-right: none; -} -.claro .dojoxGridMasterHeader .dojoxGridRowTable { - border-left: 1px solid #BCBCBC; - border-right: 1px solid #FFFFFF; - background-color: transparent; -} -.dj_ie .claro .dojoxGridHeader .dojoxGridRowTable { - border-collapse:separate; -} -.dj_ie6 .claro .dojoxGridHeader .dojoxGridRowTable, -.dj_ie7 .claro .dojoxGridHeader .dojoxGridRowTable { - border-collapse:collapse; - border-right: 0px; -} -.claro .dojoxGridHeader .dojoxGridRowTable tr { - background: none; -} -.claro .dojoxGridHeader tr:first-child .dojoxGridCell { - border-top: 1px solid transparent; -} -.claro .dojoxGridHeader:first-child .dojoxGridRowTable { - border-left-width: 0; -} -.claro .dojoxGridHeader:first-child { - margin-left: -1px; -} -.claro .dojoxGridScrollbox { - background-color: #fefefe; -} -.claro .dojoxGridRowbar { - background:url("images/header.png") #e5edf4 repeat-x top; - border:none; - border-right:1px solid #BCBCBC; -} -.claro .dojoxGridRowbarTable { - background:transparent url("images/header_shadow.png") repeat-x scroll center bottom; -} -.dj_ie6 .claro .dojoxGridRowbar, -.dj_ie6 .claro .dojoxGridRowbarTable { - background-image:none; -} -.claro .dojoxGridRowbarInner { - border:none; - border-bottom:1px solid #ccc; -} -.claro .dojoxGridRowbarOver .dojoxGridRowbarTable { - background-color:#abd5fd; -} -.claro .dojoxGridRowbarSelected { - background-color:#abd5fd; - border-right:1px solid #ccc; -} -.claro .dojoxGridRow { - border:none; - background-color:#fff; -} -.dj_ie .claro .dojoxGridMasterView .dojoxGridRowTable { - border-collapse:separate; -} -.dj_ie6 .claro .dojoxGridMasterView .dojoxGridRowTable, -.dj_ie7 .claro .dojoxGridMasterView .dojoxGridRowTable { - border-collapse: collapse; -} -.claro .dojoxGridRowTable tr { - background:url("images/row_back.png") #fff repeat-x; -} -.claro .dojoxGridRowOdd .dojoxGridRowTable tr { - background-color:#f7fcff; -} -.claro .dojoxGridRowSelected .dojoxGridRowTable tr { - background-color:#cee6fa; -} -.claro .dojoxGrid .dojoxGridCell { - outline: none; - padding: 3px 5px; - border:1px solid transparent; - border-color: transparent #E5DAC8 #E5DAC8 transparent; -} -.dj_ie7 .claro .dojoxGridCell, -.dj_ie7 .claro .dojoxGridHeader .dojoxGridCell { - border-left: 0px; -} -.dj_ie6 .claro .dojoxGridCell { - border-color: #F5F5F5; -} -.dj_ie6 .claro .dojoxGridRowOdd .dojoxGridCell { - border-left-color:#f4f9fd; - border-right-color:#f4f9fd; -} -.dj_ie6 .claro .dojoxGridRowSelected .dojoxGridCell { - border-left-color:#d3e9fb; - border-right-color:#d3e9fb; -} -.claro .dojoxGridRowSelected .dojoxGridCell { - border-top:1px solid #BFD6EB; - border-bottom:1px solid #BFD6EB; -} -.claro .dojoxGridCellFocus { - outline: none; - border:1px dashed darkblue !important; -} -.claro .dojoxGridRowOver .dojoxGridCell { - background:url("images/row_back.png") #ABD6FF repeat-x; - border-top:1px solid #769DC0; - border-bottom:1px solid #769DC0; -} -.dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell, -.dj_ie7 .claro .dojoxGridRowOver .dojoxGridCell { - border-right:1px solid #ABD6FF; -} -.claro .dojoxGridRowActive .dojoxGridCell { - background:url("images/td_button_down.png") #7DBEFA repeat-x; -} -.dj_ie6 .claro .dojoxGridRowActive .dojoxGridCell, -.dj_ie7 .claro .dojoxGridRowActive .dojoxGridCell { - border-left:1px solid #7DBEFA; - border-right:1px solid #7DBEFA; -} -.claro .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { - border:solid 1px #769dc0; - background-color:#93cafe; - border-collapse:separate; -} -.claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell{ - background-image:url("images/row_back.png"); -} -.claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { - background:url("images/td_button_down.png") #93cafe repeat-x; -} -.dj_ie6 .claro .dojoxGridCell { - background-image:none !important; -} -.claro .dojoxGridRowEditing td { - - background-color: #cee6fa; - -} -.claro .dojoxGridRow-inserting td { - background-color: #F4FFF4; -} -.claro .dojoxGridRow-inflight td { - background-color: #F2F7B7; -} -.claro .dojoxGridRow-error td { - background-color: #F8B8B6; -} -.claro .dojoxGrid .dojoDndItemBefore { - border-left-color: #3559ac; -} -.claro .dojoxGrid .dojoDndItemAfter { - border-right-color: #3559ac; -} -.claro .dojoxGridExpando { - float: left; - height: 18px; - width: 18px; - text-align: center; - margin-top: -3px; -} -.dijitRtl .claro .dojoxGridExpando { - float: right; -} -.claro .dojoxGridExpandoCell { - padding-top: 5px; - background-position: left top !important; -} -.claro .dojoxGridExpandoNode { - background-image: url('images/treeExpandImages.png'); - width: 16px; - height: 16px; - cursor: pointer; - background-position: 1px 0px; -} -.dj_ie6 .claro .dojoxGridExpandoNode { - background-image: url('images/treeExpandImages8bit.png'); -} -.claro .dojoxGridRowOver .dojoxGridExpandoNode { - background-position: -17px 0px; -} -.claro .dojoxGridExpandoOpened .dojoxGridExpandoNode { - background-position: -35px 0px; -} -.claro .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { - background-position: -53px 0px; -} -.claro .dojoxGridExpandoLoading .dojoxGridExpandoNode { - background-image: url('images/loadingAnimation.gif'); -} -.claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { - visibility: visible !important; - width: 18px !important; -} -.claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode, -.dj_ie6 .claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { - background-image:none; -} -.claro .dojoxGridExpandoNodeInner { - visibility: hidden; -} -.dijit_a11y .dojoxGridExpandoNodeInner { - visibility: visible; -} -.claro .dojoxGridSummaryRow .dojoxGridCell { - border:1px solid transparent; -} -.dj_ie6 .claro .dojoxGridSummaryRow .dojoxGridCell { - border-color:#fff -} -.claro tr.dojoxGridSubRowAlt { - background-color:#f4f9fd; -} -.claro .dojoxGridRowOdd tr.dojoxGridSubRowAlt { - background-color:#fff; -} -.claro .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { - background-color:#cee6fa; -} diff --git a/apps/ide/src/styles/backup/claro_webida.css b/apps/ide/src/styles/backup/claro_webida.css deleted file mode 100644 index 94c7d203..00000000 --- a/apps/ide/src/styles/backup/claro_webida.css +++ /dev/null @@ -1,630 +0,0 @@ -/*add*/ - -.claro .dijitMenuBar .dijitMenuItem { - color: #d4f6ff; -} - -.claro .dijitCheckBox, -.claro .dijitCheckBoxIcon { - width: 18px; - height: 18px; - margin: 0 2px 0 0; -} - -.claro .dijitCheckBox, -.claro .dijitToggleButton .dijitCheckBoxIcon { - background-position: -18px; -} -.claro .dijitCheckBoxChecked, -.claro .dijitToggleButtonChecked .dijitCheckBoxIcon { - background-position: 0; -} - -.claro .dijitCheckBoxDisabled { - background-position: -90px; -} -.claro .dijitCheckBoxCheckedDisabled { - background-position: -72px; -} -.claro .dijitCheckBoxHover { - background-position: -54px; -} -.claro .dijitCheckBoxCheckedHover { - background-position: -36px; -} - -.claro .dijitRadio, -.claro .dijitRadioIcon { - background-image: url("images/checkboxRadioButtonStates.png"); - background-repeat: no-repeat; - width: 18px; - height: 18px; - margin: 0 2px 0 0; - padding: 0; -} - -.claro .dijitRadio { - background-position: -126px; -} -.claro .dijitToggleButton .dijitRadioIcon { - background-position: -128px; -} -.claro .dijitRadioDisabled { - background-position: -198px; -} -.claro .dijitRadioHover { - background-position: -162px; -} -.claro .dijitRadioChecked { - background-position: -108px; -} -.claro .dijitToggleButtonChecked .dijitRadioIcon { - background-position: -134px; -} -.claro .dijitRadioCheckedHover { - background-position: -144px; -} -.claro .dijitRadioCheckedDisabled { - background-position: -180px; -} -.claro .dijitCheckedMenuItem .dijitMenuItemIcon, -.claro .dijitRadioMenuItem .dijitMenuItemIcon { - background-image: url("images/checkboxRadioButtonStates.png"); - background-repeat: no-repeat; - background-position: -18px 50%; - - width: 18px; - height: 18px; -} -.dj_ie6 .claro .dijitCheckedMenuItem .dijitMenuItemIcon, -.dj_ie6 .claro .dijitRadioMenuItem .dijitMenuItemIcon { - background-image: url("images/checkboxAndRadioButtons_IE6.png"); -} -.claro .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: 0 50%; -} -.claro .dijitRadioMenuItem .dijitMenuItemIcon { - background-position: -126px 50%; -} -.claro .dijitRadioMenuItemChecked .dijitMenuItemIcon { - background-position: -108px 50%; -} - - -.claro .dijitDialog { - background-color: #ecf1f6; - border-radius: 5px; - border: 1px solid #686f78; -} - -.claro .dijitDialogTitleBar { - border-radius: 4px; - margin: 1px; - background-image: -webkit-linear-gradient(top, #5e6872 0%, #414850 100%); - background-image: -moz-linear-gradient(top, #5e6872 0%, #414850 100%); - background-image: -o-linear-gradient(top, #5e6872 0%, #414850 100%); - background-image: linear-gradient(to bottom, #5e6872 0%, #414850 100%); - border: 0; - padding-top: 7px; - padding-bottom: 7px; -} - -.claro .dijitDialogPaneContent { - border: 0; - background-color: #ecf1f6; -} - -.claro .dijitDialogCloseIcon { - width: 20px; - height: 20px; - top: 6px; - right: 6px; -} - -.claro .dijitDialogCloseIconHover { - background-position: -20px; -} - -.claro .dijitDialogCloseIconActive { - background-position: -40px; -} - -.claro .dijitDialogTitle { - color: #ffffff; -} - -.claro .dijitTabContainerTop-tabs .dijitTab { - padding: 1px 6px; - padding-top: 0; - /*top: 0px;*/ -} - -.claro .dijitTabContainerTop-tabs .dijitTabChecked { - padding-bottom: 2px; - padding-top: 3px; - /*top: 0px;*/ -} - -.claro .dijitTreeRow { - padding: 1px 0 1px 0; - border: 1px solid transparent; -} - -.claro .dijitTreeRowHover { - background-color: #bcedff; - border-color: #bcedff; - background-image: none; -} - -.claro .dijitTreeRowSelected { - background-color: #43cbff; - border-color: #43cbff; - background-image: none; -} - -.dijitTreeRow.focused { - border-color: #0079a6; -} - -/* -.claor #editor .dijitTabContainerTopChildWrapper { - padding: 0px; -} -*/ - -/*Tab Container*/ - -.claro .dijitTabPaneWrapper { - padding: 1px; - /*border: 1px solid #e8edf2;*/ - background-color: #e8edf2; - border-color: #9ea5ae; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; -} - -.claro .dijitTabChecked { - border-color: #9ea5ae; -} - -.claro .dijitTabPaneWrapper, -.claro .dijitTabContainerTop-tabs, -.claro .dijitTabContainerBottom-tabs, -.claro .dijitTabContainerLeft-tabs, -.claro .dijitTabContainerRight-tabs { - border-color: #9ea5ae; -} - -/* -.claro .dijitTabContainerTopChildWrapper { - border: 1px solid #dadfe4; -} -*/ - -.claro .dijitSplitContainer-dijitContentPane, .claro .dijitBorderContainer-dijitContentPane { - background-color: transparent; -} - -.claro .dijitSplitContainer-child, .claro .dijitBorderContainer-child { - border: none; -} - -.claro #editor .dijitTabContainerTop-tabs .dijitTab { - background-repeat: repeat-x; - background-image: -webkit-linear-gradient(top, #c6cfd9 0%, #b2bac3 100%); - background-image: -moz-linear-gradient(top, #c6cfd9 0%, #b2bac3 100%); - background-image: -o-linear-gradient(top, #c6cfd9 0%, #b2bac3 100%); - background-image: linear-gradient(to bottom, #c6cfd9 0%, #b2bac3 100%); - -} -.claro #editor .dijitTabContainerTop-tabs .dijitTabChecked { - background-image: -webkit-linear-gradient(top, #ecf4fc 0%, #d0deec 100%); - background-image: -moz-linear-gradient(top, #ecf4fc 0%, #d0deec 100%); - background-image: -o-linear-gradient(top, #ecf4fc 0%, #d0deec 100%); - background-image: linear-gradient(to bottom, #ecf4fc 0%, #d0deec 100%); -} - -.claro #editor .dijitTabPaneWrapper, -.claro #editor .dijitTabContainerTop-tabs, -.claro #editor .dijitTabContainerBottom-tabs, -.claro #editor .dijitTabContainerLeft-tabs, -.claro #editor .dijitTabContainerRight-tabs { - /* border-color: #d0deec;*/ -} - -.claro #editor .dijitTabContainerTopChildWrapper { - /* border : 1px solid #bfcfe0;*/ -} - -.claro #editor .dijitTabPaneWrapper { - background-color: #d0deec; -} - -.claro .dijitSplitterH, -.claro .dijitGutterH { - background: none; - border: 0; - height: 8px; -} - -.claro .dijitSplitterV, -.claro .dijitGutterV { - background: none; - border: 0; - width: 8px; - margin: 0; -} - -.claro .dijitSplitterH .dijitSplitterThumb { - background: #b5bcc7 none; - height: 3px; - top: 3px; - background-image: -webkit-linear-gradient(top, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: -moz-linear-gradient(top, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: -o-linear-gradient(top, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: linear-gradient(to bottom, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - border-radius: 3px; - left: 3px; - width: calc(100% - 6px); - opacity: 0.7; -} - -.claro .dijitSplitterV .dijitSplitterThumb { - background: #b5bcc7 none; - left: 3px; - width: 3px; - background-image: -webkit-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: -moz-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: -o-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: linear-gradient(to right, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - border-radius: 3px; - top: 3px; - height: calc(100% - 6px); - opacity: 0.7; -} - -.claro #editor .dijitSplitterH { - height: 3px; -} - -.claro #editor .dijitSplitterV { - width: 3px; -} - -.claro #editor .dijitSplitterThumb { - display: none; -} - -.claro .tabStripButton { - width: 10px; - border-radius: 3px; -} - -.claro .dijitTabListContainer-top .tabStripButton { - padding: 4px 3px; - margin-bottom: 2px; - margin-top: 4px; - border: solid 1px #6E7986; -} - -.claro .dijitTabListContainer-top .tabStripButton { - background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #DDDDDD 25%, #C1C1C1 100%); - background-image: -moz-linear-gradient(top, #F7F7F7 0%, #DDDDDD 25%, #C1C1C1 100%); - background-image: -o-linear-gradient(top, #F7F7F7 0%, #DDDDDD 25%, #C1C1C1 100%); - background-image: linear-gradient(to bottom, #F7F7F7 0%, #DDDDDD 25%, #C1C1C1 100%); -} - -.claro .dijitTabListContainer-top .tabStripButtonHover { - background-image: -webkit-linear-gradient(top, #EBF4FF 0%, #B9D9F1 25%, #8DB9D9 100%); - background-image: -moz-linear-gradient(top, #EBF4FF 0%, #B9D9F1 25%, #8DB9D9 100%); - background-image: -o-linear-gradient(top, #EBF4FF 0%, #B9D9F1 25%, #8DB9D9 100%); - background-image: linear-gradient(to bottom, #EBF4FF 0%, #B9D9F1 25%, #8DB9D9 100%); - border: solid 1px #6E7986; -} - -.claro .dijitTabListContainer-top .tabStripButtonActive { - background-image: -webkit-linear-gradient(top, #739DBD 0%, #8DB9D9 15%, #B9D9F1 85%, #EBF4FF 100%); - background-image: -moz-linear-gradient(top, #739DBD 0%, #8DB9D9 15%, #B9D9F1 85%, #EBF4FF 100%); - background-image: -o-linear-gradient(top, #739DBD 0%, #8DB9D9 15%, #B9D9F1 85%, #EBF4FF 100%); - background-image: linear-gradient(to bottom, #739DBD 0%, #8DB9D9 15%, #B9D9F1 85%, #EBF4FF 100%); - border: solid 1px #6E7986; -} - -.claro .dijitTabListContainer-top .tabStripButtonDisabled, -.claro .dijitTabListContainer-bottom .tabStripButtonDisabled { - background-image: -webkit-linear-gradient(top, #E2E2E2 0%, #DDDDDD 25%, #C1C1C1 100%); - background-image: -moz-linear-gradient(top, #E2E2E2 0%, #DDDDDD 25%, #C1C1C1 100%); - background-image: -o-linear-gradient(top, #E2E2E2 0%, #DDDDDD 25%, #C1C1C1 100%); - background-image: linear-gradient(to bottom, #E2E2E2 0%, #DDDDDD 25%, #C1C1C1 100%); - border: solid 1px #9ea5ae; -} - -.claro .dijitTabStripIcon { - position: absolute; - left: 1px; - top: 1px; -} - -/*button*/ -.claro .dijitButton .dijitButtonNode, -.claro .dijitDropDownButton .dijitButtonNode, -.claro .dijitComboButton .dijitButtonNode, -.claro .dijitToggleButton .dijitButtonNode { - border: 1px solid #5F6770; - color: #272A2D; - border-radius: 7px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - background-image: -webkit-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); - background-image: -moz-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); - background-image: -o-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); - background-image: linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); -} - -.claro .dijitButtonHover .dijitButtonNode, -.claro .dijitDropDownButtonHover .dijitButtonNode, -.claro .dijitComboButton .dijitButtonNodeHover, -.claro .dijitComboButton .dijitDownArrowButtonHover, -.claro .dijitToggleButtonHover .dijitButtonNode { - background-image: -webkit-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); - background-image: -moz-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); - background-image: -o-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); - background-image: linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); -} - -.claro .dijitButtonActive .dijitButtonNode, -.claro .dijitDropDownButtonActive .dijitButtonNode, -.claro .dijitComboButtonActive .dijitButtonNode, -.claro .dijitToggleButtonActive .dijitButtonNode, -.claro .dijitToggleButtonChecked .dijitButtonNode { - background-image: -webkit-linear-gradient(#ADBBC7 0%, #D5D5D59 100%); - background-image: -moz-linear-gradient(#ADBBC7 0%, #D5D5D59 100%); - background-image: -o-linear-gradient(#ADBBC7 0%, #D5D5D59 100%); - background-image: linear-gradient(#ADBBC7 0%, #D5D5D59 100%); -} - -.claro .dijitButtonDisabled .dijitButtonNode, -.claro .dijitDropDownButtonDisabled .dijitButtonNode, -.claro .dijitComboButtonDisabled .dijitButtonNode, -.claro .dijitToggleButtonDisabled .dijitButtonNode { - border: 1px solid #A6A6A6; - background-image: -webkit-linear-gradient(#FFFFFF 0%, #EAEAEA 100%); - background-image: -moz-linear-gradient(#FFFFFF 0%, #EAEAEA 100%); - background-image: -o-linear-gradient(#FFFFFF 0%, #EAEAEA 100%); - background-image: linear-gradient(#FFFFFF 0%, #EAEAEA 100%); -} - -/*combo box*/ -.claro .dijitComboBoxMenu { - margin-top: 2px; - margin-bottom: 2px; - border-radius: 3px; - border: 1px solid #8495a9; -} - -.claro .dijitComboBoxMenu .dijitMenuItemHover { - background-image: -webkit-linear-gradient(top, #B3CEEC 0%, #92AECD 100%); - background-image: -moz-linear-gradient(top, #B3CEEC 0%, #92AECD 100%); - background-image: -o-linear-gradient(top, #B3CEEC 0%, #92AECD 100%); - background-image: linear-gradient(to bottom, #B3CEEC 0%, #92AECD 100%); -} - -.claro .dijitTextBox { - border-radius: 3px; - overflow: hidden; - background-image: none; -} - -.claro .dijitTextBoxHover { - border: 1px solid #8495A9; -} - -.claro .dijitTextBox .dijitButtonNode { - border: 1px solid #8495A9; -} - -.claro .dijitTextBoxHover .dijitButtonNode { - border: 1px solid #8495A9; - background-image: -webkit-linear-gradient(top, #E7BBF1 0%, #CCD3DB9 100%); - background-image: -moz-linear-gradient(top, #E7BBF1 0%, #CCD3DB9 100%); - background-image: -o-linear-gradient(top, #E7BBF1 0%, #CCD3DB9 100%); - background-image: linear-gradient(to bottom, #E7BBF1 0%, #CCD3DB9 100%); - background-color:transparent; - background-image:none; -} - -.claro .dijitTextBox .dijitArrowButtonContainer { - border: 1px solid #8495A9; - background-image: -webkit-linear-gradient(top, #E7BBF1 0%, #CCD3DB9 100%); - background-image: -moz-linear-gradient(top, #E7BBF1 0%, #CCD3DB9 100%); - background-image: -o-linear-gradient(top, #E7BBF1 0%, #CCD3DB9 100%); - background-image: linear-gradient(to bottom, #E7BBF1 0%, #CCD3DB9 100%); -} - -.claro .dijitTextBoxHover .dijitArrowButtonContainer { - border: 1px solid #8495A9; - background-image: -webkit-linear-gradient(top, #C5E0FF 0%, #9EBDE2 100%); - background-image: -moz-linear-gradient(top, #C5E0FF 0%, #9EBDE2 100%); - background-image: -o-linear-gradient(top, #C5E0FF 0%, #9EBDE2 100%); - background-image: linear-gradient(to bottom, #C5E0FF 0%, #9EBDE2 100%); -} - -.claro .dijitComboBox .dijitArrowButtonInner { - border: 1px solid transparent; -} - -.claro .dijitButtonDisabled .dijitButtonNode, -.claro .dijitComboButtonDisabled .dijitButtonNode, -.claro .dijitDropDownButtonDisabled .dijitButtonNode, -.claro .dijitToggleButtonDisabled .dijitButtonNode { - color: gray; -} - -/* slider start */ -.claro .dijitSliderProgressBar { - background-color: transparent; - background-image: none; -} - -.claro .dijitSliderBarH { - height: 3px; -} - -.claro .dijitSlider .dijitSliderProgressBarH { - background-image: none; - background-color: transparent; -} - -.claro .dijitSliderImageHandleH { - height: 19px; -} - -.claro .dijitSliderBumperH { - background-image: -webkit-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -moz-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -o-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); - border: 0; - height: 3px; -} - -.claro .dijitSlider .dijitSliderRightBumper { - border-top-right-radius: 1px; - border-bottom-right-radius: 1px; -} - -.claro .dijitSlider .dijitSliderLeftBumper { - border-top-left-radius: 1px; - border-bottom-left-radius: 1px; -} - -.dijitSliderRemainingBarH { - background-image: -webkit-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -moz-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -o-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); - border: 0; -} - -.dijitSliderProgressBarH { - background-image: 'none'; - background-color: transparent; - border: 0; -} - - -.dijitSliderImageHandleH { - height: 19px; - top: -7px; -} - -.claro .dijitSlider .dijitSliderLeftBumper { - border-color: transparent; - background-image: -webkit-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -moz-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -o-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); -} - -.claro .dijitSlider .dijitSliderRightBumper { - border-color: transparent; - background-image: -webkit-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -moz-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: -o-linear-gradient(top, #576577 0%, #9DADC1 100%); - background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); -} - -/* slider end*/ - -/*popup menu*/ - -.claro .dijitMenuPopup .dijitMenuTable { - background-color: #f4f9ff; - border: 1px solid #6e7986; - box-shadow: 0 1px 4px 0.5; -} - -.claro .dijitMenuPopup .dijitMenuItem { - background-color: transparent; - height: 22px; -} - -.claro .dijitMenuPopup .dijitMenuItemSelected { - background-image: -webkit-linear-gradient(top, #b3ceec 0%, #92aecd 100%); - background-image: -moz-linear-gradient(top, #b3ceec 0%, #92aecd 100%); - background-image: -o-linear-gradient(top, #b3ceec 0%, #92aecd 100%); - background-image: linear-gradient(to bottom, #b3ceec 0%, #92aecd 100%); -} - -.claro .dijitMenuPopup .dijitMenuItem td{ - border: 0; - background-color: transparent; -} - -.claro .dijitMenuItemDisabled .dijitMenuItemIconCell { - opacity: 0.5; -} - -/*toolbar*/ - -.claro .dijitToolbar { - border: 0; - background-image: -webkit-linear-gradient(top, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); - background-image: -moz-linear-gradient(top, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); - background-image: -o-linear-gradient(top, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); - background-image: linear-gradient(to bottom, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); - height: 30px; - padding-top: 0; - padding-bottom: 0; -} - -.claro .dijitToolbar .dijitButton { - margin-top: 2px; -} - -.claro .dijitMenuBar { - background-image: -webkit-linear-gradient(top, #363B42 1px, #414850 0px, #414850 26px, #3E454C 0px, #313437 30px); - background-image: -moz-linear-gradient(top, #363B42 1px, #414850 0px, #414850 26px, #3E454C 0px, #313437 30px); - background-image: -o-linear-gradient(top, #363B42 1px, #414850 0px, #414850 26px, #3E454C 0px, #313437 30px); - background-image: linear-gradient(to bottom, #363B42 1px, #414850 0px, #414850 26px, #3E454C 0px, #313437 30px); - border: 0; -} - -.claro .dijitMenuBar .dijitMenuItem { - background-image: none; - background-color: transparent; - border: 1px solid transparent; - border-radius: 3px; - top: 1px; -} - -.claro .dijitMenuBar .dijitMenuItemHover { - border-color: #212326; - background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%); - margin: 0; -} - -.claro .dijitMenuBar .dijitMenuItemSelected { - border-color: #212326; - background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - margin: 0; -} - - -/* - -preference title content -5e7187 top -798ca2 bottom -*/ \ No newline at end of file diff --git a/apps/ide/src/styles/backup/dijit.css b/apps/ide/src/styles/backup/dijit.css deleted file mode 100644 index 2614d0c2..00000000 --- a/apps/ide/src/styles/backup/dijit.css +++ /dev/null @@ -1,1791 +0,0 @@ - -.dijitReset { - - margin:0; - border:0; - padding:0; - font: inherit; - line-height:normal; - color: inherit; -} -.dj_a11y .dijitReset { - -moz-appearance: none; -} -.dijitInline { - - display:inline-block; - #zoom: 1; - #display:inline; - border:0; - padding:0; - vertical-align:middle; - #vertical-align: auto; -} -table.dijitInline { - - display:inline-table; - box-sizing: content-box; -moz-box-sizing: content-box; -} -.dijitHidden { - - display: none !important; -} -.dijitVisible { - - display: block !important; - position: relative; -} -.dj_ie6 .dijitComboBox .dijitInputContainer, -.dijitInputContainer { - - #zoom: 1; - overflow: hidden; - float: none !important; - position: relative; -} -.dj_ie7 .dijitInputContainer { - float: left !important; - clear: left; - display: inline-block !important; -} -.dj_ie .dijitSelect input, -.dj_ie input.dijitTextBox, -.dj_ie .dijitTextBox input { - font-size: 100%; -} -.dijitSelect .dijitButtonText { - float: left; - vertical-align: top; -} -TABLE.dijitSelect { - padding: 0 !important; - border-collapse: separate; -} -.dijitTextBox .dijitSpinnerButtonContainer, -.dijitTextBox .dijitArrowButtonContainer, -.dijitValidationTextBox .dijitValidationContainer { - float: right; - text-align: center; -} -.dijitSelect input.dijitInputField, -.dijitTextBox input.dijitInputField { - - padding-left: 0 !important; - padding-right: 0 !important; -} -.dijitValidationTextBox .dijitValidationContainer { - display: none; -} -.dijitTeeny { - font-size:1px; - line-height:1px; -} -.dijitOffScreen { - position: absolute !important; - left: -10000px !important; - top: -10000px !important; -} -.dijitPopup { - position: absolute; - background-color: transparent; - margin: 0; - border: 0; - padding: 0; - -webkit-overflow-scrolling: touch; -} -.dijitPositionOnly { - - padding: 0 !important; - border: 0 !important; - background-color: transparent !important; - background-image: none !important; - height: auto !important; - width: auto !important; -} -.dijitNonPositionOnly { - - float: none !important; - position: static !important; - margin: 0 0 0 0 !important; - vertical-align: middle !important; -} -.dijitBackgroundIframe { - - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: -1; - border: 0; - padding: 0; - margin: 0; -} -.dijitDisplayNone { - - display:none !important; -} -.dijitContainer { - - overflow: hidden; -} -.dj_a11y .dijitIcon, -.dj_a11y div.dijitArrowButtonInner, -.dj_a11y span.dijitArrowButtonInner, -.dj_a11y img.dijitArrowButtonInner, -.dj_a11y .dijitCalendarIncrementControl, -.dj_a11y .dijitTreeExpando { - - display: none; -} -.dijitSpinner div.dijitArrowButtonInner { - display: block; -} -.dj_a11y .dijitA11ySideArrow { - display: inline !important; - cursor: pointer; -} -.dj_a11y .dijitCalendarDateLabel { - padding: 1px; - border: 0px !important; -} -.dj_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel { - border-style: solid !important; - border-width: 1px !important; - padding: 0; -} -.dj_a11y .dijitCalendarDateTemplate { - padding-bottom: 0.1em !important; - border: 0px !important; -} -.dj_a11y .dijitButtonNode { - border: black outset medium !important; - - padding: 0 !important; -} -.dj_a11y .dijitArrowButton { - padding: 0 !important; -} -.dj_a11y .dijitButtonContents { - margin: 0.15em; -} -.dj_a11y .dijitTextBoxReadOnly .dijitInputField, -.dj_a11y .dijitTextBoxReadOnly .dijitButtonNode { - border-style: outset!important; - border-width: medium!important; - border-color: #999 !important; - color:#999 !important; -} -.dijitButtonNode * { - vertical-align: middle; -} -.dijitSelect .dijitArrowButtonInner, -.dijitButtonNode .dijitArrowButtonInner { - - background: no-repeat center; - width: 12px; - height: 12px; - direction: ltr; -} -.dijitLeft { - - background-position:left top; - background-repeat:no-repeat; -} -.dijitStretch { - - white-space:nowrap; - background-repeat:repeat-x; -} -.dijitRight { - - #display:inline; - background-position:right top; - background-repeat:no-repeat; -} -.dj_gecko .dj_a11y .dijitButtonDisabled .dijitButtonNode { - opacity: 0.5; -} -.dijitToggleButton, -.dijitButton, -.dijitDropDownButton, -.dijitComboButton { - - margin: 0.2em; - vertical-align: middle; -} -.dijitButtonContents { - display: block; -} -td.dijitButtonContents { - display: table-cell; -} -.dijitButtonNode img { - - vertical-align:middle; - -} -.dijitToolbar .dijitComboButton { - - border-collapse: separate; -} -.dijitToolbar .dijitToggleButton, -.dijitToolbar .dijitButton, -.dijitToolbar .dijitDropDownButton, -.dijitToolbar .dijitComboButton { - margin: 0; -} -.dijitToolbar .dijitButtonContents { - - padding: 1px 2px; -} -.dj_webkit .dijitToolbar .dijitDropDownButton { - padding-left: 0.3em; -} -.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner { - padding:0; -} -.dijitSelect { - border:1px solid gray; -} -.dijitButtonNode { - - border:1px solid gray; - margin:0; - line-height:normal; - vertical-align: middle; - #vertical-align: auto; - text-align:center; - white-space: nowrap; -} -.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer { - - line-height:inherit; -} -.dijitTextBox .dijitButtonNode { - border-width: 0; -} -.dijitSelect, -.dijitSelect *, -.dijitButtonNode, -.dijitButtonNode * { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dj_ie .dijitButtonNode { - - zoom: 1; -} -.dj_ie .dijitButtonNode button { - - overflow: visible; -} -div.dijitArrowButton { - float: right; -} -.dijitTextBox { - border: solid black 1px; - #overflow: hidden; - width: 15em; - vertical-align: middle; -} -.dijitTextBoxReadOnly, -.dijitTextBoxDisabled { - color: gray; -} -.dj_safari .dijitTextBoxDisabled input { - color: #B0B0B0; -} -.dj_safari textarea.dijitTextAreaDisabled { - color: #333; -} -.dj_gecko .dijitTextBoxReadOnly input.dijitInputField, -.dj_gecko .dijitTextBoxDisabled input { - -moz-user-input: none; -} -.dijitPlaceHolder { - - color: #AAAAAA; - font-style: italic; - position: absolute; - top: 0; - left: 0; - #filter: ""; -} -.dijitTimeTextBox { - width: 8em; -} -.dijitTextBox input:focus { - outline: none; -} -.dijitTextBoxFocused { - outline: 5px -webkit-focus-ring-color; -} -.dijitSelect input, -.dijitTextBox input { - float: left; -} -.dj_ie6 input.dijitTextBox, -.dj_ie6 .dijitTextBox input { - float: none; -} -.dijitInputInner { - - border:0 !important; - background-color:transparent !important; - width:100% !important; - - padding-left: 0 !important; - padding-right: 0 !important; - margin-left: 0 !important; - margin-right: 0 !important; -} -.dj_a11y .dijitTextBox input { - margin: 0 !important; -} -.dijitValidationTextBoxError input.dijitValidationInner, -.dijitSelect input, -.dijitTextBox input.dijitArrowButtonInner { - - text-indent: -2em !important; - direction: ltr !important; - text-align: left !important; - height: auto !important; - #text-indent: 0 !important; - #letter-spacing: -5em !important; - #text-align: right !important; -} -.dj_ie .dijitSelect input, -.dj_ie .dijitTextBox input, -.dj_ie input.dijitTextBox { - overflow-y: visible; - line-height: normal; -} -.dijitSelect .dijitSelectLabel span { - line-height: 100%; -} -.dj_ie .dijitSelect .dijitSelectLabel { - line-height: normal; -} -.dj_ie6 .dijitSelect .dijitSelectLabel, -.dj_ie7 .dijitSelect .dijitSelectLabel, -.dj_ie8 .dijitSelect .dijitSelectLabel, -.dj_iequirks .dijitSelect .dijitSelectLabel, -.dijitSelect td, -.dj_ie6 .dijitSelect input, -.dj_iequirks .dijitSelect input, -.dj_ie6 .dijitSelect .dijitValidationContainer, -.dj_ie6 .dijitTextBox input, -.dj_ie6 input.dijitTextBox, -.dj_iequirks .dijitTextBox input.dijitValidationInner, -.dj_iequirks .dijitTextBox input.dijitArrowButtonInner, -.dj_iequirks .dijitTextBox input.dijitSpinnerButtonInner, -.dj_iequirks .dijitTextBox input.dijitInputInner, -.dj_iequirks input.dijitTextBox { - line-height: 100%; -} -.dj_a11y input.dijitValidationInner, -.dj_a11y input.dijitArrowButtonInner { - - text-indent: 0 !important; - width: 1em !important; - #text-align: left !important; - color: black !important; -} -.dijitValidationTextBoxError .dijitValidationContainer { - display: inline; - cursor: default; -} -.dijitSpinner .dijitSpinnerButtonContainer, -.dijitComboBox .dijitArrowButtonContainer { - - border-width: 0 0 0 1px !important; -} -.dj_a11y .dijitSelect .dijitArrowButtonContainer, -.dijitToolbar .dijitComboBox .dijitArrowButtonContainer { - - border-width: 0 !important; -} -.dijitComboBoxMenu { - - list-style-type: none; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - - border-width: 0; -} -.dj_ie .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode { - clear: both; -} -.dj_ie .dijitToolbar .dijitComboBox { - - vertical-align: middle; -} -.dijitTextBox .dijitSpinnerButtonContainer { - width: 1em; - position: relative !important; - overflow: hidden; -} -.dijitSpinner .dijitSpinnerButtonInner { - width:1em; - visibility:hidden !important; - overflow-x:hidden; -} -.dijitComboBox .dijitButtonNode, -.dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0; -} -.dj_a11y .dijitSpinnerButtonContainer .dijitButtonNode { - border-width: 0px !important; - border-style: solid !important; -} -.dj_a11y .dijitTextBox .dijitSpinnerButtonContainer, -.dj_a11y .dijitSpinner .dijitArrowButtonInner, -.dj_a11y .dijitSpinnerButtonContainer input { - width: 1em !important; -} -.dj_a11y .dijitSpinner .dijitArrowButtonInner { - margin: 0 auto !important; -} -.dj_ie .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0.3em !important; - padding-right: 0.3em !important; - margin-left: 0.3em !important; - margin-right: 0.3em !important; - width: 1.4em !important; -} -.dj_ie7 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding-left: 0 !important; - padding-right: 0 !important; - width: 1em !important; -} -.dj_ie6 .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0.1em !important; - margin-right: 0.1em !important; - width: 1em !important; -} -.dj_iequirks .dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - margin-left: 0 !important; - margin-right: 0 !important; - width: 2em !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - - padding: 0; - position: absolute !important; - right: 0; - float: none; - height: 50%; - width: 100%; - bottom: auto; - left: 0; - right: auto; -} -.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: auto; -} -.dj_a11y .dijitSpinnerButtonContainer .dijitArrowButton { - overflow: visible !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton { - top: 50%; - border-top-width: 1px !important; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton { - #bottom: 50%; - top: 0; -} -.dijitSpinner .dijitArrowButtonInner { - margin: auto; - overflow-x: hidden; - height: 100% !important; -} -.dj_iequirks .dijitSpinner .dijitArrowButtonInner { - height: auto !important; -} -.dijitSpinner .dijitArrowButtonInner .dijitInputField { - -moz-transform: scale(0.5); - -moz-transform-origin: center top; - -webkit-transform: scale(0.5); - -webkit-transform-origin: center top; - -o-transform: scale(0.5); - -o-transform-origin: center top; - transform: scale(0.5); - transform-origin: left top; - padding-top: 0; - padding-bottom: 0; - padding-left: 0 !important; - padding-right: 0 !important; - width: 100%; - visibility: hidden; -} -.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField { - zoom: 50%; -} -.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner { - overflow: hidden; -} -.dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 100%; -} -.dj_iequirks .dj_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { - width: 1em; -} -.dj_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField { - vertical-align:top; - visibility: visible; -} -.dj_a11y .dijitSpinnerButtonContainer { - width: 1em; -} -.dijitCheckBox, -.dijitRadio, -.dijitCheckBoxInput { - padding: 0; - border: 0; - width: 16px; - height: 16px; - background-position:center center; - background-repeat:no-repeat; - overflow: hidden; -} -.dijitCheckBox input, -.dijitRadio input { - margin: 0; - padding: 0; - display: block; -} -.dijitCheckBoxInput { - - opacity: 0.01; -} -.dj_ie .dijitCheckBoxInput { - filter: alpha(opacity=0); -} -.dj_a11y .dijitCheckBox, -.dj_a11y .dijitRadio { - - width: auto !important; - height: auto !important; -} -.dj_a11y .dijitCheckBoxInput { - opacity: 1; - filter: none; - width: auto; - height: auto; -} -.dj_a11y .dijitFocusedLabel { - - border: 1px dotted; - outline: 0px !important; -} -.dijitProgressBar { - z-index: 0; -} -.dijitProgressBarEmpty { - - position:relative;overflow:hidden; - border:1px solid black; - z-index:0; -} -.dijitProgressBarFull { - - position:absolute; - overflow:hidden; - z-index:-1; - top:0; - width:100%; -} -.dj_ie6 .dijitProgressBarFull { - height:1.6em; -} -.dijitProgressBarTile { - - position:absolute; - overflow:hidden; - top:0; - left:0; - bottom:0; - right:0; - margin:0; - padding:0; - width: 100%; - height:auto; - background-color:#aaa; - background-attachment: fixed; -} -.dj_a11y .dijitProgressBarTile { - - border-width:2px; - border-style:solid; - background-color:transparent !important; -} -.dj_ie6 .dijitProgressBarTile { - - position:static; - - height:1.6em; -} -.dijitProgressBarIndeterminate .dijitProgressBarTile { - -} -.dijitProgressBarIndeterminateHighContrastImage { - display:none; -} -.dj_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage { - display:block; - position:absolute; - top:0; - bottom:0; - margin:0; - padding:0; - width:100%; - height:auto; -} -.dijitProgressBarLabel { - display:block; - position:static; - width:100%; - text-align:center; - background-color:transparent !important; -} -.dijitTooltip { - position: absolute; - z-index: 2000; - display: block; - - left: 0; - top: -10000px; - overflow: visible; -} -.dijitTooltipContainer { - border: solid black 2px; - background: #b8b5b5; - color: black; - font-size: small; -} -.dijitTooltipFocusNode { - padding: 2px 2px 2px 2px; -} -.dijitTooltipConnector { - position: absolute; -} -.dj_a11y .dijitTooltipConnector { - display: none; -} -.dijitTooltipData { - display:none; -} -.dijitLayoutContainer { - position: relative; - display: block; - overflow: hidden; -} -.dijitAlignTop, -.dijitAlignBottom, -.dijitAlignLeft, -.dijitAlignRight { - position: absolute; - overflow: hidden; -} -body .dijitAlignClient { position: absolute; } -.dijitBorderContainer, .dijitBorderContainerNoGutter { - position:relative; - overflow: hidden; - z-index: 0; -} -.dijitBorderContainerPane, -.dijitBorderContainerNoGutterPane { - position: absolute !important; - z-index: 2; -} -.dijitBorderContainer > .dijitTextArea { - - resize: none; -} -.dijitGutter { - - position: absolute; - font-size: 1px; -} -.dijitSplitter { - position: absolute; - overflow: hidden; - z-index: 10; - background-color: #fff; - border-color: gray; - border-style: solid; - border-width: 0; -} -.dj_ie .dijitSplitter { - z-index: 1; -} -.dijitSplitterActive { - z-index: 11 !important; -} -.dijitSplitterCover { - position:absolute; - z-index:-1; - top:0; - left:0; - width:100%; - height:100%; -} -.dijitSplitterCoverActive { - z-index:3 !important; -} -.dj_ie .dijitSplitterCover { - background: white; - opacity: 0; -} -.dj_ie6 .dijitSplitterCover, -.dj_ie7 .dijitSplitterCover, -.dj_ie8 .dijitSplitterCover { - filter: alpha(opacity=0); -} -.dijitSplitterH { - height: 7px; - border-top:1px; - border-bottom:1px; - cursor: row-resize; - -webkit-tap-highlight-color: transparent; -} -.dijitSplitterV { - width: 7px; - border-left:1px; - border-right:1px; - cursor: col-resize; - -webkit-tap-highlight-color: transparent; -} -.dijitSplitContainer { - position: relative; - overflow: hidden; - display: block; -} -.dijitSplitPane { - position: absolute; -} -.dijitSplitContainerSizerH, -.dijitSplitContainerSizerV { - position:absolute; - font-size: 1px; - background-color: ThreeDFace; - border: 1px solid; - border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; - margin: 0; -} -.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb { - overflow:hidden; - position:absolute; - top:49%; -} -.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb { - position:absolute; - left:49%; -} -.dijitSplitterShadow, -.dijitSplitContainerVirtualSizerH, -.dijitSplitContainerVirtualSizerV { - font-size: 1px; - background-color: ThreeDShadow; - -moz-opacity: 0.5; - opacity: 0.5; - filter: Alpha(Opacity=50); - margin: 0; -} -.dijitSplitContainerSizerH, .dijitSplitContainerVirtualSizerH { - cursor: col-resize; -} -.dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV { - cursor: row-resize; -} -.dj_a11y .dijitSplitterH { - border-top:1px solid #d3d3d3 !important; - border-bottom:1px solid #d3d3d3 !important; -} -.dj_a11y .dijitSplitterV { - border-left:1px solid #d3d3d3 !important; - border-right:1px solid #d3d3d3 !important; -} -.dijitContentPane { - display: block; - overflow: auto; - -webkit-overflow-scrolling: touch; -} -.dijitContentPaneSingleChild { - - overflow: hidden; -} -.dijitContentPaneLoading .dijitIconLoading, -.dijitContentPaneError .dijitIconError { - margin-right: 9px; -} -.dijitTitlePane { - display: block; - overflow: hidden; -} -.dijitFieldset { - border: 1px solid gray; -} -.dijitTitlePaneTitle, .dijitFieldset legend { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitFixedOpen, .dijitFixedClosed { - - cursor: default; -} -.dijitFixedOpen .dijitArrowNode, .dijitFixedOpen .dijitArrowNodeInner, -.dijitFixedClosed .dijitArrowNode, .dijitFixedClosed .dijitArrowNodeInner{ - - display: none; -} -.dijitTitlePaneTitle * { - vertical-align: middle; -} -.dijitTitlePane .dijitArrowNodeInner, .dijitFieldset .dijitArrowNodeInner { - - display: none; -} -.dj_a11y .dijitTitlePane .dijitArrowNodeInner, .dj_a11y .dijitFieldset .dijitArrowNodeInner { - - display:inline !important; - font-family: monospace; -} -.dj_a11y .dijitTitlePane .dijitArrowNode, .dj_a11y .dijitFieldset .dijitArrowNode { - - display:none; -} -.dj_ie6 .dijitTitlePaneContentOuter, -.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle { - - zoom: 1; -} -.dijitColorPalette { - border: 1px solid #999; - background: #fff; - position: relative; -} -.dijitColorPalette .dijitPaletteTable { - - padding: 2px 3px 3px 3px; - position: relative; - overflow: hidden; - outline: 0; - border-collapse: separate; -} -.dj_ie6 .dijitColorPalette .dijitPaletteTable, -.dj_ie7 .dijitColorPalette .dijitPaletteTable, -.dj_iequirks .dijitColorPalette .dijitPaletteTable { - - padding: 0; - margin: 2px 3px 3px 3px; -} -.dijitColorPalette .dijitPaletteCell { - - font-size: 1px; - vertical-align: middle; - text-align: center; - background: none; -} -.dijitColorPalette .dijitPaletteImg { - - padding: 1px; - border: 1px solid #999; - margin: 2px 1px; - cursor: default; - font-size: 1px; -} -.dj_gecko .dijitColorPalette .dijitPaletteImg { - padding-bottom: 0; -} -.dijitColorPalette .dijitColorPaletteSwatch { - - width: 14px; - height: 12px; -} -.dijitPaletteTable td { - padding: 0; -} -.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { - - border: 1px solid #000; -} -.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, -.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid #000; - margin: 1px 0; -} -.dj_a11y .dijitColorPalette .dijitPaletteTable, -.dj_a11y .dijitColorPalette .dijitPaletteTable * { - - background-color: transparent !important; -} -.dijitAccordionContainer { - border:1px solid #b7b7b7; - border-top:0 !important; -} -.dijitAccordionTitle { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitAccordionTitleSelected { - cursor: default; -} -.dijitAccordionTitle .arrowTextUp, -.dijitAccordionTitle .arrowTextDown { - display: none; - font-size: 0.65em; - font-weight: normal !important; -} -.dj_a11y .dijitAccordionTitle .arrowTextUp, -.dj_a11y .dijitAccordionTitleSelected .arrowTextDown { - display: inline; -} -.dj_a11y .dijitAccordionTitleSelected .arrowTextUp { - display: none; -} -.dijitAccordionChildWrapper { - - overflow: hidden; -} -.dijitCalendarContainer { - width: auto; -} -.dijitCalendarContainer th, .dijitCalendarContainer td { - padding: 0; - vertical-align: middle; -} -.dijitCalendarYearLabel { - white-space: nowrap; -} -.dijitCalendarNextYear { - margin:0 0 0 0.55em; -} -.dijitCalendarPreviousYear { - margin:0 0.55em 0 0; -} -.dijitCalendarIncrementControl { - vertical-align: middle; -} -.dijitCalendarIncrementControl, -.dijitCalendarDateTemplate, -.dijitCalendarMonthLabel, -.dijitCalendarPreviousYear, -.dijitCalendarNextYear { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitCalendarDisabledDate { - color: gray; - text-decoration: line-through; - cursor: default; -} -.dijitSpacer { - - position: relative; - height: 1px; - overflow: hidden; - visibility: hidden; -} -.dijitCalendarMonthMenu .dijitCalendarMonthLabel { - text-align:center; -} -.dijitMenu { - border:1px solid black; - background-color:white; -} -.dijitMenuTable { - border-collapse:collapse; - border-width:0; - background-color:white; -} -.dj_webkit .dijitMenuTable td[colspan="2"]{ - border-right:hidden; -} -.dijitMenuItem { - text-align: left; - white-space: nowrap; - padding:.1em .2em; - cursor:pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitMenuItem:focus { - outline: none -} -.dijitMenuPassive .dijitMenuItemHover, -.dijitMenuItemSelected { - - background-color:black; - color:white; -} -.dijitMenuItemIcon, .dijitMenuExpand { - background-repeat: no-repeat; -} -.dijitMenuItemDisabled * { - - opacity:0.5; - cursor:default; -} -.dj_ie .dj_a11y .dijitMenuItemDisabled, -.dj_ie .dj_a11y .dijitMenuItemDisabled *, -.dj_ie .dijitMenuItemDisabled * { - color: gray; - filter: alpha(opacity=35); -} -.dijitMenuItemLabel { - position: relative; - vertical-align: middle; -} -.dj_a11y .dijitMenuItemSelected { - border: 1px dotted black !important; -} -.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel { - border-width: 1px; - border-style: solid; -} -.dj_ie8 .dj_a11y .dijitMenuItemLabel { - position:static; -} -.dijitMenuExpandA11y { - display: none; -} -.dj_a11y .dijitMenuExpandA11y { - display: inline; -} -.dijitMenuSeparator td { - border: 0; - padding: 0; -} -.dijitMenuSeparatorTop { - height: 50%; - margin: 0; - margin-top:3px; - font-size: 1px; -} -.dijitMenuSeparatorBottom { - height: 50%; - margin: 0; - margin-bottom:3px; - font-size: 1px; -} -.dijitMenuItemIconChar { - display: none; - visibility: hidden; -} -.dj_a11y .dijitMenuItemIconChar { - display: inline; -} -.dijitCheckedMenuItemChecked .dijitMenuItemIconChar, -.dijitRadioMenuItemChecked .dijitMenuItemIconChar { - visibility: visible; -} -.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem { - - margin: 0; -} -.dijitStackController .dijitToggleButtonChecked * { - cursor: default; -} -.dijitTabContainer { - z-index: 0; - overflow: visible; -} -.dj_ie6 .dijitTabContainer { - - overflow: hidden; -} -.dijitTabContainerNoLayout { - width: 100%; -} -.dijitTabContainerBottom-tabs, -.dijitTabContainerTop-tabs, -.dijitTabContainerLeft-tabs, -.dijitTabContainerRight-tabs { - z-index: 1; - overflow: visible !important; -} -.dijitTabController { - z-index: 1; -} -.dijitTabContainerBottom-container, -.dijitTabContainerTop-container, -.dijitTabContainerLeft-container, -.dijitTabContainerRight-container { - z-index:0; - overflow: hidden; - border: 1px solid black; -} -.nowrapTabStrip { - width: 50000px; - display: block; - position: relative; - text-align: left; - z-index: 1; -} -.dijitTabListWrapper { - overflow: hidden; - z-index: 1; -} -.dj_a11y .tabStripButton img { - - display: none; -} -.dijitTabContainerTop-tabs { - border-bottom: 1px solid black; -} -.dijitTabContainerTop-container { - border-top: 0; -} -.dijitTabContainerLeft-tabs { - border-right: 1px solid black; - float: left; -} -.dijitTabContainerLeft-container { - border-left: 0; -} -.dijitTabContainerBottom-tabs { - border-top: 1px solid black; -} -.dijitTabContainerBottom-container { - border-bottom: 0; -} -.dijitTabContainerRight-tabs { - border-left: 1px solid black; - float: left; -} -.dijitTabContainerRight-container { - border-right: 0; -} -div.dijitTabDisabled, .dj_ie div.dijitTabDisabled { - cursor: auto; -} -.dijitTab { - position:relative; - cursor:pointer; - -webkit-tap-highlight-color: transparent; - white-space:nowrap; - z-index:3; -} -.dijitTab * { - - vertical-align: middle; -} -.dijitTabChecked { - cursor: default; -} -.dijitTabContainerTop-tabs .dijitTab { - top: 1px; -} -.dijitTabContainerBottom-tabs .dijitTab { - top: -1px; -} -.dijitTabContainerLeft-tabs .dijitTab { - left: 1px; -} -.dijitTabContainerRight-tabs .dijitTab { - left: -1px; -} -.dijitTabContainerTop-tabs .dijitTab, -.dijitTabContainerBottom-tabs .dijitTab { - - display:inline-block; - #zoom: 1; - #display:inline; -} -.tabStripButton { - z-index: 12; -} -.dijitTabButtonDisabled .tabStripButton { - display: none; -} -.dijitTabCloseButton { - margin-left: 1em; -} -.dijitTabCloseText { - display:none; -} -.dijitTab .tabLabel { - - min-height: 15px; - display: inline-block; -} -.dijitNoIcon { - - display: none; -} -.dj_ie6 .dijitTab .dijitNoIcon { - - display: inline; - height: 15px; - width: 1px; -} -.dj_a11y .dijitTabCloseButton { - background-image: none !important; - width: auto !important; - height: auto !important; -} -.dj_a11y .dijitTabCloseText { - display: inline; -} -.dijitTabPane, -.dijitStackContainer-child, -.dijitAccordionContainer-child { - - border: none !important; -} -.dijitInlineEditBoxDisplayMode { - border: 1px solid transparent; - cursor: text; -} -.dj_a11y .dijitInlineEditBoxDisplayMode, -.dj_ie6 .dijitInlineEditBoxDisplayMode { - - border: none; -} -.dijitInlineEditBoxDisplayModeHover, -.dj_a11y .dijitInlineEditBoxDisplayModeHover, -.dj_ie6 .dijitInlineEditBoxDisplayModeHover { - - background-color: #e2ebf2; - border: solid 1px black; -} -.dijitInlineEditBoxDisplayModeDisabled { - cursor: default; -} -.dijitTree { - overflow: auto; - -webkit-tap-highlight-color: transparent; -} -.dijitTreeContainer { - float: left; -} -.dijitTreeIndent { - - width: 19px; -} -.dijitTreeRow, .dijitTreeContent { - white-space: nowrap; -} -.dj_ie .dijitTreeLabel:focus { - - outline: 1px dotted black; -} -.dijitTreeRow img { - - vertical-align: middle; -} -.dijitTreeContent { - cursor: default; -} -.dijitExpandoText { - display: none; -} -.dj_a11y .dijitExpandoText { - display: inline; - padding-left: 10px; - padding-right: 10px; - font-family: monospace; - border-style: solid; - border-width: thin; - cursor: pointer; -} -.dijitTreeLabel { - margin: 0 4px; -} -.dijitDialog { - position: absolute; - z-index: 999; - overflow: hidden; -} -.dijitDialogTitleBar { - cursor: move; -} -.dijitDialogFixed .dijitDialogTitleBar { - cursor:default; -} -.dijitDialogCloseIcon { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitDialogPaneContent { - -webkit-overflow-scrolling: touch; -} -.dijitDialogUnderlayWrapper { - position: absolute; - left: 0; - top: 0; - z-index: 998; - display: none; - background: transparent !important; -} -.dijitDialogUnderlay { - background: #eee; - opacity: 0.5; -} -.dj_ie .dijitDialogUnderlay { - filter: alpha(opacity=50); -} -.dj_a11y .dijitSpinnerButtonContainer, -.dj_a11y .dijitDialog { - opacity: 1 !important; - background-color: white !important; -} -.dijitDialog .closeText { - display:none; - - position:absolute; -} -.dj_a11y .dijitDialog .closeText { - display:inline; -} -.dijitSliderMoveable { - z-index:99; - position:absolute !important; - display:block; - vertical-align:middle; -} -.dijitSliderMoveableH { - right:0; -} -.dijitSliderMoveableV { - right:50%; -} -.dj_a11y div.dijitSliderImageHandle, -.dijitSliderImageHandle { - margin:0; - padding:0; - position:relative !important; - border:8px solid gray; - width:0; - height:0; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dj_iequirks .dj_a11y .dijitSliderImageHandle { - font-size: 0; -} -.dj_ie7 .dijitSliderImageHandle { - overflow: hidden; -} -.dj_ie7 .dj_a11y .dijitSliderImageHandle { - overflow: visible; -} -.dj_a11y .dijitSliderFocused .dijitSliderImageHandle { - border:4px solid #000; - height:8px; - width:8px; -} -.dijitSliderImageHandleV { - top:-8px; - right: -50%; -} -.dijitSliderImageHandleH { - left:50%; - top:-5px; - vertical-align:top; -} -.dijitSliderBar { - border-style:solid; - border-color:black; - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitSliderBarContainerV { - position:relative; - height:100%; - z-index:1; -} -.dijitSliderBarContainerH { - position:relative; - z-index:1; -} -.dijitSliderBarH { - height:4px; - border-width:1px 0; -} -.dijitSliderBarV { - width:4px; - border-width:0 1px; -} -.dijitSliderProgressBar { - background-color:red; - z-index:1; -} -.dijitSliderProgressBarV { - position:static !important; - height:0; - vertical-align:top; - text-align:left; -} -.dijitSliderProgressBarH { - position:absolute !important; - width:0; - vertical-align:middle; - overflow:visible; -} -.dijitSliderRemainingBar { - overflow:hidden; - background-color:transparent; - z-index:1; -} -.dijitSliderRemainingBarV { - height:100%; - text-align:left; -} -.dijitSliderRemainingBarH { - width:100% !important; -} -.dijitSliderBumper { - overflow:hidden; - z-index:1; -} -.dijitSliderBumperV { - width:4px; - height:8px; - border-width:0 1px; -} -.dijitSliderBumperH { - width:8px; - height:4px; - border-width:1px 0; -} -.dijitSliderBottomBumper, -.dijitSliderLeftBumper { - background-color:red; -} -.dijitSliderTopBumper, -.dijitSliderRightBumper { - background-color:transparent; -} -.dijitSliderDecoration { - text-align:center; -} -.dijitSliderDecorationC, -.dijitSliderDecorationV { - position: relative; -} -.dijitSliderDecorationH { - width: 100%; -} -.dijitSliderDecorationV { - height: 100%; - white-space: nowrap; -} -.dijitSliderButton { - font-family:monospace; - margin:0; - padding:0; - display:block; -} -.dj_a11y .dijitSliderButtonInner { - visibility:visible !important; -} -.dijitSliderButtonContainer { - text-align:center; - height:0; -} -.dijitSliderButtonContainer * { - cursor: pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitSlider .dijitButtonNode { - padding:0; - display:block; -} -.dijitRuleContainer { - position:relative; - overflow:visible; -} -.dijitRuleContainerV { - height:100%; - line-height:0; - float:left; - text-align:left; -} -.dj_opera .dijitRuleContainerV { - line-height:2%; -} -.dj_ie .dijitRuleContainerV { - line-height:normal; -} -.dj_gecko .dijitRuleContainerV { - margin:0 0 1px 0; -} -.dijitRuleMark { - position:absolute; - border:1px solid black; - line-height:0; - height:100%; -} -.dijitRuleMarkH { - width:0; - border-top-width:0 !important; - border-bottom-width:0 !important; - border-left-width:0 !important; -} -.dijitRuleLabelContainer { - position:absolute; -} -.dijitRuleLabelContainerH { - text-align:center; - display:inline-block; -} -.dijitRuleLabelH { - position:relative; - left:-50%; -} -.dijitRuleLabelV { - - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.dijitRuleMarkV { - height:0; - border-right-width:0 !important; - border-bottom-width:0 !important; - border-left-width:0 !important; - width:100%; - left:0; -} -.dj_ie .dijitRuleLabelContainerV { - margin-top:-.55em; -} -.dj_a11y .dijitSliderReadOnly, -.dj_a11y .dijitSliderDisabled { - opacity:0.6; -} -.dj_ie .dj_a11y .dijitSliderReadOnly .dijitSliderBar, -.dj_ie .dj_a11y .dijitSliderDisabled .dijitSliderBar { - filter: alpha(opacity=40); -} -.dj_a11y .dijitSlider .dijitSliderButtonContainer div { - font-family: monospace; - font-size: 1em; - line-height: 1em; - height: auto; - width: auto; - margin: 0 4px; -} -.dj_a11y .dijitButtonContents .dijitButtonText, -.dj_a11y .dijitTab .tabLabel { - display: inline !important; -} -.dj_a11y .dijitSelect .dijitButtonText { - display: inline-block !important; -} -.dijitTextArea { - width:100%; - overflow-y: auto; -} -.dijitTextArea[cols] { - width:auto; -} -.dj_ie .dijitTextAreaCols { - width:auto; -} -.dijitExpandingTextArea { - - resize: none; -} -.dijitToolbarSeparator { - height: 18px; - width: 5px; - padding: 0 1px; - margin: 0; -} -.dijitIEFixedToolbar { - position:absolute; - - top: expression(eval((document.documentElement||document.body).scrollTop)); -} -.dijitEditor { - display: block; -} -.dijitEditorDisabled, -.dijitEditorReadOnly { - color: gray; -} -.dijitTimePicker { - background-color: white; -} -.dijitTimePickerItem { - cursor:pointer; - -webkit-tap-highlight-color: transparent; -} -.dijitTimePickerItemHover { - background-color:gray; - color:white; -} -.dijitTimePickerItemSelected { - font-weight:bold; - color:#333; - background-color:#b7cdee; -} -.dijitTimePickerItemDisabled { - color:gray; - text-decoration:line-through; -} -.dijitTimePickerItemInner { - text-align:center; - border:0; - padding:2px 8px 2px 8px; -} -.dijitTimePickerTick, -.dijitTimePickerMarker { - border-bottom:1px solid gray; -} -.dijitTimePicker .dijitDownArrowButton { - border-top: none !important; -} -.dijitTimePickerTick { - color:#CCC; -} -.dijitTimePickerMarker { - color:black; - background-color:#CCC; -} -.dj_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner { - border: solid 4px black; -} -.dj_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner { - border: dashed 4px black; -} -.dijitToggleButtonIconChar { - - display:none !important; -} -.dj_a11y .dijitToggleButton .dijitToggleButtonIconChar { - display:inline !important; - visibility:hidden; -} -.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText { - font-family: "Arial Unicode MS"; -} -.dj_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar { - display: inline !important; - visibility:visible !important; -} -.dijitArrowButtonChar { - display:none !important; -} -.dj_a11y .dijitArrowButtonChar { - display:inline !important; -} -.dj_a11y .dijitDropDownButton .dijitArrowButtonInner, -.dj_a11y .dijitComboButton .dijitArrowButtonInner { - display:none !important; -} -.dj_a11y .dijitSelect { - border-collapse: separate !important; - border-width: 1px; - border-style: solid; -} -.dj_ie .dijitSelect { - vertical-align: middle; -} -.dj_ie6 .dijitSelect .dijitValidationContainer, -.dj_ie8 .dijitSelect .dijitButtonText { - vertical-align: top; -} -.dj_ie6 .dijitTextBox .dijitInputContainer, -.dj_iequirks .dijitTextBox .dijitInputContainer, -.dj_ie6 .dijitTextBox .dijitArrowButtonInner, -.dj_ie6 .dijitSpinner .dijitSpinnerButtonInner, -.dijitSelect .dijitSelectLabel { - vertical-align: baseline; -} -.dijitNumberTextBox { - text-align: left; - direction: ltr; -} -.dijitNumberTextBox .dijitInputInner { - text-align: inherit; -} -.dijitToolbar .dijitSelect { - margin: 0; -} -.dj_webkit .dijitToolbar .dijitSelect { - padding-left: 0.3em; -} -.dijitSelect .dijitButtonContents { - padding: 0; - white-space: nowrap; - text-align: left; - border-style: none solid none none; - border-width: 1px; -} -.dijitSelectFixedWidth .dijitButtonContents { - width: 100%; -} -.dijitSelectMenu .dijitMenuItemIcon { - - display:none; -} -.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel, -.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel { - - position: static; -} -.dijitSelectLabel * -{ - vertical-align: baseline; -} -.dijitSelectSelectedOption * { - font-weight: bold; -} -.dijitSelectMenu { - border-width: 1px; -} -.dijitForceStatic { - position: static !important; -} -.dijitReadOnly *, -.dijitDisabled *, -.dijitReadOnly, -.dijitDisabled { - - cursor: default; -} -.dojoDndItem { - padding: 2px; - - -webkit-touch-callout: none; - -webkit-user-select: none; -} -.dojoDndHorizontal .dojoDndItem { - - #display: inline; - display: inline-block; -} -.dojoDndItemBefore, -.dojoDndItemAfter { - border: 0px solid #369; -} -.dojoDndItemBefore { - border-width: 2px 0 0 0; - padding: 0 2px 2px 2px; -} -.dojoDndItemAfter { - border-width: 0 0 2px 0; - padding: 2px 2px 0 2px; -} -.dojoDndHorizontal .dojoDndItemBefore { - border-width: 0 0 0 2px; - padding: 2px 2px 2px 0; -} -.dojoDndHorizontal .dojoDndItemAfter { - border-width: 0 2px 0 0; - padding: 2px 0 2px 2px; -} -.dojoDndItemOver { - cursor:pointer; -} -.dj_gecko .dijitArrowButtonInner INPUT, -.dj_gecko INPUT.dijitArrowButtonInner { - -moz-user-focus:ignore; -} -.dijitFocused .dijitMenuItemShortcutKey { - text-decoration: underline; -} diff --git a/apps/ide/src/styles/backup/dojo.css b/apps/ide/src/styles/backup/dojo.css deleted file mode 100644 index baf06cb7..00000000 --- a/apps/ide/src/styles/backup/dojo.css +++ /dev/null @@ -1,98 +0,0 @@ - -body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { - margin: 0; - padding: 0; -} -fieldset, img { - border: 0 none; -} -address, caption, cite, code, dfn, th, var { - font-style: normal; - font-weight: normal; -} -caption, th { - text-align: left; -} -q:before, q:after { - content:""; -} -abbr, acronym { - border:0; -} -body { - font: 12px Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; - *font-size: 75%; -} -h1 { - font-size: 1.5em; - font-weight: normal; - line-height: 1em; - margin-top: 1em; - margin-bottom:0; -} -h2 { - font-size: 1.1667em; - font-weight: bold; - line-height: 1.286em; - margin-top: 1.929em; - margin-bottom:0.643em; -} -h3, h4, h5, h6 { - font-size: 1em; - font-weight: bold; - line-height: 1.5em; - margin-top: 1.5em; - margin-bottom: 0; -} -p { - font-size: 1em; - margin-top: 1.5em; - margin-bottom: 1.5em; - line-height: 1.5em; -} -blockquote { - font-size: 0.916em; - margin-top: 3.272em; - margin-bottom: 3.272em; - line-height: 1.636em; - padding: 1.636em; - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; -} -ol li, ul li { - font-size: 1em; - line-height: 1.5em; - margin: 0; -} -pre, code { - font-size:115%; - *font-size:100%; - font-family: Courier, "Courier New"; - background-color: #efefef; - border: 1px solid #ccc; -} -pre { - border-width: 1px 0; - padding: 1.5em; -} -table { font-size:100%; } -.dojoTabular { - border-collapse: collapse; - border-spacing: 0; - border: 1px solid #ccc; - margin: 0 1.5em; -} -.dojoTabular th { - text-align: center; - font-weight: bold; -} -.dojoTabular thead, -.dojoTabular tfoot { - background-color: #efefef; - border: 1px solid #ccc; - border-width: 1px 0; -} -.dojoTabular th, -.dojoTabular td { - padding: 0.25em 0.5em; -} diff --git a/apps/ide/src/styles/backup/images/blank.gif b/apps/ide/src/styles/backup/images/blank.gif deleted file mode 100644 index e565824a..00000000 Binary files a/apps/ide/src/styles/backup/images/blank.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/commonIcons.css b/apps/ide/src/styles/backup/images/commonIcons.css deleted file mode 100644 index aa5cb044..00000000 --- a/apps/ide/src/styles/backup/images/commonIcons.css +++ /dev/null @@ -1,151 +0,0 @@ - -.dijitIconSave, -.dijitIconPrint, -.dijitIconCut, -.dijitIconCopy, -.dijitIconClear, -.dijitIconDelete, -.dijitIconUndo, -.dijitIconEdit, -.dijitIconNewTask, -.dijitIconEditTask, -.dijitIconEditProperty, -.dijitIconTask, -.dijitIconFilter, -.dijitIconConfigure, -.dijitIconSearch, -.dijitIconApplication, -.dijitIconBookmark, -.dijitIconChart, -.dijitIconConnector, -.dijitIconDatabase, -.dijitIconDocuments, -.dijitIconMail, -.dijitLeaf, -.dijitIconFile, -.dijitIconFunction, -.dijitIconKey, -.dijitIconPackage, -.dijitIconSample, -.dijitIconTable, -.dijitIconUsers, -.dijitFolderClosed, -.dijitIconFolderClosed, -.dijitFolderOpened, -.dijitIconFolderOpen, -.dijitIconError { - background-image: url('images/commonIconsObjActEnabled.png'); - width: 16px; - height: 16px; -} -.dj_ie6 .dijitIconSave, -.dj_ie6 .dijitIconPrint, -.dj_ie6 .dijitIconCut, -.dj_ie6 .dijitIconCopy, -.dj_ie6 .dijitIconClear, -.dj_ie6 .dijitIconDelete, -.dj_ie6 .dijitIconUndo, -.dj_ie6 .dijitIconEdit, -.dj_ie6 .dijitIconNewTask, -.dj_ie6 .dijitIconEditTask, -.dj_ie6 .dijitIconEditProperty, -.dj_ie6 .dijitIconTask, -.dj_ie6 .dijitIconFilter, -.dj_ie6 .dijitIconConfigure, -.dj_ie6 .dijitIconSearch, -.dj_ie6 .dijitIconApplication, -.dj_ie6 .dijitIconBookmark, -.dj_ie6 .dijitIconChart, -.dj_ie6 .dijitIconConnector, -.dj_ie6 .dijitIconDatabase, -.dj_ie6 .dijitIconDocuments, -.dj_ie6 .dijitIconMail, -.dj_ie6 .dijitLeaf, -.dj_ie6 .dijitIconFile, -.dj_ie6 .dijitIconFunction, -.dj_ie6 .dijitIconKey, -.dj_ie6 .dijitIconPackage, -.dj_ie6 .dijitIconSample, -.dj_ie6 .dijitIconTable, -.dj_ie6 .dijitIconUsers, -.dj_ie6 .dijitFolderClosed, -.dj_ie6 .dijitIconFolderClosed, -.dj_ie6 .dijitFolderOpened, -.dj_ie6 .dijitIconFolderOpen, -.dj_ie6 .dijitIconError { - background-image: url('images/commonIconsObjActEnabled8bit.png'); -} -.dijitDisabled .dijitIconSave, -.dijitDisabled .dijitIconPrint, -.dijitDisabled .dijitIconCut, -.dijitDisabled .dijitIconCopy, -.dijitDisabled .dijitIconClear, -.dijitDisabled .dijitIconDelete, -.dijitDisabled .dijitIconUndo, -.dijitDisabled .dijitIconEdit, -.dijitDisabled .dijitIconNewTask, -.dijitDisabled .dijitIconEditTask, -.dijitDisabled .dijitIconEditProperty, -.dijitDisabled .dijitIconTask, -.dijitDisabled .dijitIconFilter, -.dijitDisabled .dijitIconConfigure, -.dijitDisabled .dijitIconSearch, -.dijitDisabled .dijitIconApplication, -.dijitDisabled .dijitIconBookmark, -.dijitDisabled .dijitIconChart, -.dijitDisabled .dijitIconConnector, -.dijitDisabled .dijitIconDatabase, -.dijitDisabled .dijitIconDocuments, -.dijitDisabled .dijitIconMail, -.dijitDisabled .dijitLeaf, -.dijitDisabled .dijitIconFile, -.dijitDisabled .dijitIconFunction, -.dijitDisabled .dijitIconKey, -.dijitDisabled .dijitIconPackage, -.dijitDisabled .dijitIconSample, -.dijitDisabled .dijitIconTable, -.dijitDisabled .dijitIconUsers, -.dijitDisabled .dijitFolderClosed, -.dijitDisabled .dijitIconFolderClosed, -.dijitDisabled .dijitFolderOpened, -.dijitDisabled .dijitIconFolderOpen, -.dijitDisabled .dijitIconError { - background-image: url('images/commonIconsObjActDisabled.png'); -} -.dijitIconSave { background-position: 0; } -.dijitIconPrint { background-position: -16px; } -.dijitIconCut { background-position: -32px; } -.dijitIconCopy { background-position: -48px; } -.dijitIconClear { background-position: -64px; } -.dijitIconDelete { background-position: -80px; } -.dijitIconUndo { background-position: -96px; } -.dijitIconEdit { background-position: -112px; } -.dijitIconNewTask { background-position: -128px; } -.dijitIconEditTask { background-position: -144px; } -.dijitIconEditProperty { background-position: -160px; } -.dijitIconTask { background-position: -176px; } -.dijitIconFilter { background-position: -192px; } -.dijitIconConfigure { background-position: -208px; } -.dijitIconSearch { background-position: -224px; } -.dijitIconError { background-position: -496px; } -.dijitIconApplication { background-position: -240px; } -.dijitIconBookmark { background-position: -256px; } -.dijitIconChart { background-position: -272px; } -.dijitIconConnector { background-position: -288px; } -.dijitIconDatabase { background-position: -304px; } -.dijitIconDocuments { background-position: -320px; } -.dijitIconMail { background-position: -336px; } -.dijitIconFile, .dijitLeaf { background-position: -352px; } -.dijitIconFunction { background-position: -368px; } -.dijitIconKey { background-position: -384px; } -.dijitIconPackage{ background-position: -400px; } -.dijitIconSample { background-position: -416px; } -.dijitIconTable { background-position: -432px; } -.dijitIconUsers { background-position: -448px; } -.dijitIconFolderClosed, .dijitFolderClosed { background-position: -464px; } -.dijitIconFolderOpen, .dijitFolderOpened { background-position: -480px; } -.dijitIconLoading { - background:url('images/loadingAnimation_rtl.gif') no-repeat; - height: 20px; - width: 20px; -} diff --git a/apps/ide/src/styles/backup/images/commonIcons_rtl.css b/apps/ide/src/styles/backup/images/commonIcons_rtl.css deleted file mode 100644 index ac5694d5..00000000 --- a/apps/ide/src/styles/backup/images/commonIcons_rtl.css +++ /dev/null @@ -1,114 +0,0 @@ - -.dijitRtl .dijitIconSave, -.dijitRtl .dijitIconPrint, -.dijitRtl .dijitIconCut, -.dijitRtl .dijitIconCopy, -.dijitRtl .dijitIconClear, -.dijitRtl .dijitIconDelete, -.dijitRtl .dijitIconUndo, -.dijitRtl .dijitIconEdit, -.dijitRtl .dijitIconNewTask, -.dijitRtl .dijitIconEditTask, -.dijitRtl .dijitIconEditProperty, -.dijitRtl .dijitIconTask, -.dijitRtl .dijitIconFilter, -.dijitRtl .dijitIconConfigure, -.dijitRtl .dijitIconSearch, -.dijitRtl .dijitIconApplication, -.dijitRtl .dijitIconBookmark, -.dijitRtl .dijitIconChart, -.dijitRtl .dijitIconConnector, -.dijitRtl .dijitIconDatabase, -.dijitRtl .dijitIconDocuments, -.dijitRtl .dijitIconMail, -.dijitRtl .dijitLeaf, -.dijitRtl .dijitIconFile, -.dijitRtl .dijitIconFunction, -.dijitRtl .dijitIconKey, -.dijitRtl .dijitIconPackage, -.dijitRtl .dijitIconSample, -.dijitRtl .dijitIconTable, -.dijitRtl .dijitIconUsers, -.dijitRtl .dijitFolderClosed, -.dijitRtl .dijitIconFolderClosed, -.dijitRtl .dijitFolderOpened, -.dijitRtl .dijitIconFolderOpen, -.dijitRtl .dijitIconError { - background-image: url('images/commonIconsObjActEnabled_rtl.png'); - width: 16px; - height: 16px; -} -.dj_ie6 .dijitRtl .dijitIconSave, -.dj_ie6 .dijitRtl .dijitIconPrint, -.dj_ie6 .dijitRtl .dijitIconCut, -.dj_ie6 .dijitRtl .dijitIconCopy, -.dj_ie6 .dijitRtl .dijitIconClear, -.dj_ie6 .dijitRtl .dijitIconDelete, -.dj_ie6 .dijitRtl .dijitIconUndo, -.dj_ie6 .dijitRtl .dijitIconEdit, -.dj_ie6 .dijitRtl .dijitIconNewTask, -.dj_ie6 .dijitRtl .dijitIconEditTask, -.dj_ie6 .dijitRtl .dijitIconEditProperty, -.dj_ie6 .dijitRtl .dijitIconTask, -.dj_ie6 .dijitRtl .dijitIconFilter, -.dj_ie6 .dijitRtl .dijitIconConfigure, -.dj_ie6 .dijitRtl .dijitIconSearch, -.dj_ie6 .dijitRtl .dijitIconApplication, -.dj_ie6 .dijitRtl .dijitIconBookmark, -.dj_ie6 .dijitRtl .dijitIconChart, -.dj_ie6 .dijitRtl .dijitIconConnector, -.dj_ie6 .dijitRtl .dijitIconDatabase, -.dj_ie6 .dijitRtl .dijitIconDocuments, -.dj_ie6 .dijitRtl .dijitIconMail, -.dj_ie6 .dijitRtl .dijitLeaf, -.dj_ie6 .dijitRtl .dijitIconFile, -.dj_ie6 .dijitRtl .dijitIconFunction, -.dj_ie6 .dijitRtl .dijitIconKey, -.dj_ie6 .dijitRtl .dijitIconPackage, -.dj_ie6 .dijitRtl .dijitIconSample, -.dj_ie6 .dijitRtl .dijitIconTable, -.dj_ie6 .dijitRtl .dijitIconUsers, -.dj_ie6 .dijitRtl .dijitFolderClosed, -.dj_ie6 .dijitRtl .dijitIconFolderClosed, -.dj_ie6 .dijitRtl .dijitFolderOpened, -.dj_ie6 .dijitRtl .dijitIconFolderOpen, -.dj_ie6 .dijitRtl .dijitIconError { - background-image: url('images/commonIconsObjActEnabled8bit_rtl.png'); -} -.dijitRtl .dijitDisabled .dijitIconSave, -.dijitRtl .dijitDisabled .dijitIconPrint, -.dijitRtl .dijitDisabled .dijitIconCut, -.dijitRtl .dijitDisabled .dijitIconCopy, -.dijitRtl .dijitDisabled .dijitIconClear, -.dijitRtl .dijitDisabled .dijitIconDelete, -.dijitRtl .dijitDisabled .dijitIconUndo, -.dijitRtl .dijitDisabled .dijitIconEdit, -.dijitRtl .dijitDisabled .dijitIconNewTask, -.dijitRtl .dijitDisabled .dijitIconEditTask, -.dijitRtl .dijitDisabled .dijitIconEditProperty, -.dijitRtl .dijitDisabled .dijitIconTask, -.dijitRtl .dijitDisabled .dijitIconFilter, -.dijitRtl .dijitDisabled .dijitIconConfigure, -.dijitRtl .dijitDisabled .dijitIconSearch, -.dijitRtl .dijitDisabled .dijitIconApplication, -.dijitRtl .dijitDisabled .dijitIconBookmark, -.dijitRtl .dijitDisabled .dijitIconChart, -.dijitRtl .dijitDisabled .dijitIconConnector, -.dijitRtl .dijitDisabled .dijitIconDatabase, -.dijitRtl .dijitDisabled .dijitIconDocuments, -.dijitRtl .dijitDisabled .dijitIconMail, -.dijitRtl .dijitDisabled .dijitLeaf, -.dijitRtl .dijitDisabled .dijitIconFile, -.dijitRtl .dijitDisabled .dijitIconFunction, -.dijitRtl .dijitDisabled .dijitIconKey, -.dijitRtl .dijitDisabled .dijitIconPackage, -.dijitRtl .dijitDisabled .dijitIconSample, -.dijitRtl .dijitDisabled .dijitIconTable, -.dijitRtl .dijitDisabled .dijitIconUsers, -.dijitRtl .dijitDisabled .dijitFolderClosed, -.dijitRtl .dijitDisabled .dijitIconFolderClosed, -.dijitRtl .dijitDisabled .dijitFolderOpened, -.dijitRtl .dijitDisabled .dijitIconFolderOpen, -.dijitRtl .dijitDisabled .dijitIconError { - background-image: url('images/commonIconsObjActDisabled_rtl.png'); -} diff --git a/apps/ide/src/styles/backup/images/dialogCloseIcon.png b/apps/ide/src/styles/backup/images/dialogCloseIcon.png deleted file mode 100644 index 953d3d47..00000000 Binary files a/apps/ide/src/styles/backup/images/dialogCloseIcon.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/editorIcons.css b/apps/ide/src/styles/backup/images/editorIcons.css deleted file mode 100644 index 13a9e1a9..00000000 --- a/apps/ide/src/styles/backup/images/editorIcons.css +++ /dev/null @@ -1,57 +0,0 @@ - -.dijitEditorIcon { - background-image: url('images/editorIconsEnabled.png'); - background-repeat: no-repeat; - width: 18px; - height: 18px; - text-align: center; -} -.dijitDisabled .dijitEditorIcon { - background-image: url('images/editorIconsDisabled.png'); -} -.dijitEditorIconSep { background-position: 0; } -.dijitEditorIconSave { background-position: -18px; } -.dijitEditorIconPrint { background-position: -36px; } -.dijitEditorIconCut { background-position: -54px; } -.dijitEditorIconCopy { background-position: -72px; } -.dijitEditorIconPaste { background-position: -90px; } -.dijitEditorIconDelete { background-position: -108px; } -.dijitEditorIconCancel { background-position: -126px; } -.dijitEditorIconUndo { background-position: -144px; } -.dijitEditorIconRedo { background-position: -162px; } -.dijitEditorIconSelectAll { background-position: -180px; } -.dijitEditorIconBold { background-position: -198px; } -.dijitEditorIconItalic { background-position: -216px; } -.dijitEditorIconUnderline { background-position: -234px; } -.dijitEditorIconStrikethrough { background-position: -252px; } -.dijitEditorIconSuperscript { background-position: -270px; } -.dijitEditorIconSubscript { background-position: -288px; } -.dijitEditorIconJustifyCenter { background-position: -306px; } -.dijitEditorIconJustifyFull { background-position: -324px; } -.dijitEditorIconJustifyLeft { background-position: -342px; } -.dijitEditorIconJustifyRight { background-position: -360px; } -.dijitEditorIconIndent { background-position: -378px; } -.dijitEditorIconOutdent { background-position: -396px; } -.dijitEditorIconListBulletIndent { background-position: -414px; } -.dijitEditorIconListBulletOutdent { background-position: -432px; } -.dijitEditorIconListNumIndent { background-position: -450px; } -.dijitEditorIconListNumOutdent { background-position: -468px; } -.dijitEditorIconTabIndent { background-position: -486px; } -.dijitEditorIconLeftToRight { background-position: -504px; } -.dijitEditorIconRightToLeft, .dijitEditorIconToggleDir { background-position: -522px; } -.dijitEditorIconBackColor { background-position: -540px; } -.dijitEditorIconForeColor { background-position: -558px; } -.dijitEditorIconHiliteColor { background-position: -576px; } -.dijitEditorIconNewPage { background-position: -594px; } -.dijitEditorIconInsertImage { background-position: -612px; } -.dijitEditorIconInsertTable { background-position: -630px; } -.dijitEditorIconSpace { background-position: -648px; } -.dijitEditorIconInsertHorizontalRule { background-position: -666px; } -.dijitEditorIconInsertOrderedList { background-position: -684px; } -.dijitEditorIconInsertUnorderedList { background-position: -702px; } -.dijitEditorIconCreateLink { background-position: -720px; } -.dijitEditorIconUnlink { background-position: -738px; } -.dijitEditorIconViewSource { background-position: -756px; } -.dijitEditorIconRemoveFormat { background-position: -774px; } -.dijitEditorIconFullScreen { background-position: -792px; } -.dijitEditorIconWikiword { background-position: -810px; } diff --git a/apps/ide/src/styles/backup/images/editorIcons_rtl.css b/apps/ide/src/styles/backup/images/editorIcons_rtl.css deleted file mode 100644 index 8dcdd737..00000000 --- a/apps/ide/src/styles/backup/images/editorIcons_rtl.css +++ /dev/null @@ -1,10 +0,0 @@ - -.dijitEditorRtl .dijitEditorIcon { - background-image: url('images/editorIconsEnabled_rtl.png'); -} -.dijitEditorRtlDisabled .dijitEditorIcon { - background-image: url('images/editorIconsDisabled_rtl.png'); -} -.dijitToolbarRtl .dijitToolbarSeparator { - background-image: url('images/editorIconsEnabled_rtl.png'); -} diff --git a/apps/ide/src/styles/backup/images/gridcontainer_grip.gif b/apps/ide/src/styles/backup/images/gridcontainer_grip.gif deleted file mode 100644 index 2eb05e83..00000000 Binary files a/apps/ide/src/styles/backup/images/gridcontainer_grip.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/grip_bg.gif b/apps/ide/src/styles/backup/images/grip_bg.gif deleted file mode 100644 index 45f76ce5..00000000 Binary files a/apps/ide/src/styles/backup/images/grip_bg.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/loading_wheel.gif b/apps/ide/src/styles/backup/images/loading_wheel.gif deleted file mode 100644 index 901a7e39..00000000 Binary files a/apps/ide/src/styles/backup/images/loading_wheel.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/nihiloFolderSprite.gif b/apps/ide/src/styles/backup/images/nihiloFolderSprite.gif deleted file mode 100644 index 0034b548..00000000 Binary files a/apps/ide/src/styles/backup/images/nihiloFolderSprite.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/pixel.gif b/apps/ide/src/styles/backup/images/pixel.gif deleted file mode 100644 index 3be21197..00000000 Binary files a/apps/ide/src/styles/backup/images/pixel.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/rating_empty.gif b/apps/ide/src/styles/backup/images/rating_empty.gif deleted file mode 100644 index 8662c438..00000000 Binary files a/apps/ide/src/styles/backup/images/rating_empty.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/rating_full.gif b/apps/ide/src/styles/backup/images/rating_full.gif deleted file mode 100644 index 6fe24bfc..00000000 Binary files a/apps/ide/src/styles/backup/images/rating_full.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/rotator.png b/apps/ide/src/styles/backup/images/rotator.png deleted file mode 100644 index ad93ee5d..00000000 Binary files a/apps/ide/src/styles/backup/images/rotator.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/soriaFolderSprite.gif b/apps/ide/src/styles/backup/images/soriaFolderSprite.gif deleted file mode 100644 index 19e35c11..00000000 Binary files a/apps/ide/src/styles/backup/images/soriaFolderSprite.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/splitterToggleH.png b/apps/ide/src/styles/backup/images/splitterToggleH.png deleted file mode 100644 index 3ee6c2a6..00000000 Binary files a/apps/ide/src/styles/backup/images/splitterToggleH.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/splitterToggleV.png b/apps/ide/src/styles/backup/images/splitterToggleV.png deleted file mode 100644 index 7fd6b459..00000000 Binary files a/apps/ide/src/styles/backup/images/splitterToggleV.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/spriteArrows.png b/apps/ide/src/styles/backup/images/spriteArrows.png deleted file mode 100644 index e9d99ab1..00000000 Binary files a/apps/ide/src/styles/backup/images/spriteArrows.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/tabEnabled_rotated.png b/apps/ide/src/styles/backup/images/tabEnabled_rotated.png deleted file mode 100644 index e326abd1..00000000 Binary files a/apps/ide/src/styles/backup/images/tabEnabled_rotated.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/tabHover_rotated.png b/apps/ide/src/styles/backup/images/tabHover_rotated.png deleted file mode 100644 index 1a30e108..00000000 Binary files a/apps/ide/src/styles/backup/images/tabHover_rotated.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/tristatecheckboxStates.png b/apps/ide/src/styles/backup/images/tristatecheckboxStates.png deleted file mode 100644 index dde030f6..00000000 Binary files a/apps/ide/src/styles/backup/images/tristatecheckboxStates.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/images/tundraFolderSprite.gif b/apps/ide/src/styles/backup/images/tundraFolderSprite.gif deleted file mode 100644 index 6cf8c090..00000000 Binary files a/apps/ide/src/styles/backup/images/tundraFolderSprite.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/preview/highlighter-sticky.css b/apps/ide/src/styles/backup/preview/highlighter-sticky.css deleted file mode 100644 index 0fd389e2..00000000 --- a/apps/ide/src/styles/backup/preview/highlighter-sticky.css +++ /dev/null @@ -1,61 +0,0 @@ -div.highlighter__sticky { - background-color: #FAFAFA; - border: 1px solid #CCCCCC; - color: #202020; - white-space: pre-wrap; - cursor: pointer; - font-size: small; - font-weight: normal; - font-style: normal; - text-decoration: none; - opacity: 0.85; -} - -div.highlighter__sticky * { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -div.highlighter__sticky .highlighter__sticky-header { - height: 10px; - background-image: url('sticky_header.png'); - cursor: move; -} - -div.highlighter__sticky textarea { - display: block; /* to prevent textarea bottom margin */ - width: 100%; - font-size: small; - font-family: gothic; -} - -div.highlighter__sticky .highlighter__sticky-footer { - height: 16px; -} - -div.highlighter__sticky input { - height: 14px; - margin: 1px; - border: 1px solid #CCCCCC; -} - -div.highlighter__sticky input:focus { - outline: none; - border: 1px solid dodgerblue; -} - -div.highlighter__sticky div.highlighter__sticky-footer { - cursor: se-resize; - background-image: url('sticky_resizer.png'); - background-position: right bottom; - background-repeat: no-repeat; -} - -div.highlighter__sticky-relative { - margin: 16px 10px; -} - -div.highlighter__sticky-relative .highlighter__sticky-header { - cursor: default; -} diff --git a/apps/ide/src/styles/backup/preview/sticky_header.png b/apps/ide/src/styles/backup/preview/sticky_header.png deleted file mode 100644 index c97207f3..00000000 Binary files a/apps/ide/src/styles/backup/preview/sticky_header.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/preview/sticky_resizer.png b/apps/ide/src/styles/backup/preview/sticky_resizer.png deleted file mode 100644 index 5b256d3f..00000000 Binary files a/apps/ide/src/styles/backup/preview/sticky_resizer.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/toastr.min.css b/apps/ide/src/styles/backup/toastr.min.css deleted file mode 100644 index cc36d8a3..00000000 --- a/apps/ide/src/styles/backup/toastr.min.css +++ /dev/null @@ -1 +0,0 @@ -.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} \ No newline at end of file diff --git a/apps/ide/src/styles/backup/webida-base.css b/apps/ide/src/styles/backup/webida-base.css deleted file mode 100644 index c7c4f944..00000000 --- a/apps/ide/src/styles/backup/webida-base.css +++ /dev/null @@ -1,677 +0,0 @@ - -/* -* Nanum Gothic Coding (Korean) http://www.google.com/fonts/earlyaccess -@font-face { - font-family: 'Nanum Gothic Coding'; - font-style: normal; - font-weight: 400; - src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.eot); - src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.eot?#iefix) format('embedded-opentype'), - url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.woff2) format('woff2'), - url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.woff) format('woff'), - url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.ttf) format('truetype'); -} -@font-face { - font-family: 'Nanum Gothic Coding'; - font-style: normal; - font-weight: 700; - src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Bold.eot); - src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Bold.eot?#iefix) format('embedded-opentype'), - url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Bold.woff2) format('woff2'), - url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Bold.woff) format('woff'), - url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Bold.ttf) format('truetype'); -} -*/ -@font-face { - font-family: 'Nanum Gothic Coding'; - src: url(//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.ttf) format('truetype'); - font-weight: normal; - font-style: normal; -} - -.body { - font-family: "Nanum Gothic Coding", Verdana,Arial,sans-serif; -} - -.view-top-logo { - background-image: url('webida-images/webida_logo.png'); - width: 38px; - height: 30px; - margin-right: 20px; - float: left; - cursor: pointer; -} - - -::-webkit-scrollbar { - width: 6px; - height: 6px; -} - -::-webkit-scrollbar-button { - width: 0px; - height: 0px; -} - -::-webkit-scrollbar-track { - right: 4px; - margin-right: 5px; - border: 2px solid transparent; - background: transparent; - /* - x-shadow: 0px 0px 3px #dfdfdf inset; - border-radius:10px; - */ -} - -::-webkit-scrollbar-track-piece { - background: rgb(0, 0, 0); - background: rgba(0, 0, 0, 0); - /* - x-shadow: 0px 0px 3px #dfdfdf inset; - border-radius:10px; - */ -} - -::-webkit-scrollbar-thumb { - background: #a3b4c2; - border-radius: 3px; -} - -::-webkit-scrollbar-thumb:hover { - background: #7d8b97; -} - -#editor-tab .dijitTab .tabLabel { - outline-color: transparent; -} -.emphadize-view-title { - color: #DA0000; -} - -.webida-tool-bar-icon { - width: 20px; - height: 20px; -} -.webida-tool-bar-icon-normal { - background-position: 0 0; -} - -.webida-tool-bar-icon-hover { - background-position: -20px 0; -} - -.webida-tool-bar-icon-disabled { - background-position: -40px 0; -} - -.webida-tool-bar-icon-clicked { - background-position: -60px 0; -} - -:focus { - outline-color:transparent; -} - -.viewToolbarBackground { - background-image: -webkit-linear-gradient(top, #CBD6DC 1px, #D5DEE4 1px, #DEE6EB 26px); - background-image: -moz-linear-gradient(top, #CBD6DC 1px, #D5DEE4 1px, #DEE6EB 26px); - background-image: -o-linear-gradient(top, #CBD6DC 1px, #D5DEE4 1px, #DEE6EB 26px); - background-image: linear-gradient(to bottom, #CBD6DC 1px, #D5DEE4 1px, #DEE6EB 26px); - height: 28px; - width: 100%; - overflow: hidden; -} - - -/*workbench style start*/ -.app-workbench-middle-content { - height: -webkit-calc(100% - 80px); - height: -moz-calc(100% - 80px); - height: calc(100% - 80px); -} - -.workbenchMenubarHide .app-workbench-middle-content { - height: -webkit-calc(100% - 59px); - height: -moz-calc(100% - 59px); - height: calc(100% - 59px); -} - -.workbenchToolbarHide .app-workbench-middle-content { - height: -webkit-calc(100% - 50px); - height: -moz-calc(100% - 50px); - height: calc(100% - 50px); -} - -.workbenchMenubarHide.workbenchToolbarHide .app-workbench-middle-content { - height: -webkit-calc(100% - 29px); - height: -moz-calc(100% - 29px); - height: calc(100% - 29px); -} - -.app-workbench-menubar { - background-image: -webkit-linear-gradient(top, #363B42 1px, #414850 0px, #414850 26px, #313437 30px); - background-image: -moz-linear-gradient(top, #363B42 1px, #414850 0px, #414850 26px, #313437 30px); - background-image: -o-linear-gradient(top, #363B42 1px, #414850 0px, #414850 26px, #313437 30px); - background-image: linear-gradient(to bottom, #363B42 1px, #414850 0px, #414850 26px, #313437 30px); -} - -.app-workbench-menubar-dijit { - background-image: none; - background-color: transparent; - position: absolute; - left: 54px; - width: 415px; -} - -.app-workbench-toolbar { - height: 29px; - border-top: 1px solid #dee6eb; - background-image: -webkit-linear-gradient(top, #ced3d7 25px, #a7b1ba 100%); - background-image: -moz-linear-gradient(top, #ced3d7 25px, #a7b1ba 100%); - background-image: -o-linear-gradient(top, #ced3d7 25px, #a7b1ba 100%); - background-image: linear-gradient(to bottom, #ced3d7 25px, #a7b1ba 100%); -} - -#app-workbench-toolbar .dijitButtonNode { - background-color: transparent; - background-image: none; - border-color: transparent; - border-radius: 3px; - - /*border-color: transparent;*/ -} - -#app-workbench-toolbar .dijitButtonHover .dijitButtonNode { - border-color: #4f5862; - background-color: #c3d8ea; -} - -#app-workbench-toolbar .dijitButtonActive .dijitButtonNode { - border-color: #4f5862; - background-color: #b0c5d6; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} - - -#app-workbench-toolbar .dijitComboButton .dijitButtonNode .dijitButtonContents { - padding-right: 0px; -} - -#app-workbench-toolbar .dijitButtonNode .dijitButtonText{ - padding: 0 2px; -} - -#app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { - border-color: #4f5862; - padding: 1px; -} - -#app-workbench-toolbar .dijitComboButtonHover .dijitButtonNode, -#app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { - border-color: #4f5862; - - /*background-color: #ced3d7;*/ - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-width: 1px; -} - - -#app-workbench-toolbar .dijitComboButtonHover .dijitDownArrowButton, -#app-workbench-toolbar .dijitComboButtonActive .dijitDownArrowButton { - border-color: #4f5862; - /*background-color: #ced3d7;*/ - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-width: 1px; - border-left-width: 0; - padding-left: 2px; -} - -#app-workbench-toolbar .dijitComboButton .dijitButtonNodeHover { - background-color: #c3d8ea; - border-width: 1px; -} - -#app-workbench-toolbar .dijitComboButton .dijitButtonNodeActive { - background-color: #b0c5d6; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} - -#app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonHover { - background-color: #c3d8ea; -} - -#app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonActive { - background-color: #b0c5d6; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -} - -#app-workbench-toolbar .dijitComboButton .dijitDownArrowButton .dijitArrowButtonInner { - width: 8px; - height: 20px; - background-image: url("webida-images/arrow.png"); - background-position: 0 0; -} - -#app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonHover .dijitArrowButtonInner { - background-position: -8px 0; -} - -#app-workbench-toolbar .dijitComboButtonDisabled .dijitDownArrowButton .dijitArrowButtonInner { - background-position: -16px 0; -} - -#app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonActive .dijitArrowButtonInner { - background-position: -24px 0; -} - -.workbenchMenubarHide .app-workbench-menubar { - display: none; -} - -.workbenchToolbarHide .app-workbench-toolbar { - display: none; -} - -.app-workbench-top-logo { - position: absolute; - left: 12px; - top: 0px; - width: 40px; - height: 30px; - background-image: url('webida-images/title_emblem.png'); -} - -.app-workbench-top-logo:hover{ - background-position: -40px; -} - -.app-workbench-top-logo:active{ - background-position: -80px; -} - -.app-workbench-top-userinfo { - position: absolute; - right: 0; - margin: 7px 15px 0 0; -} - -.app-workbench-top-userinfo span { - color: #fff; -} - -.app-workbench-top-userinfo .userinfo-email { - color: #f3b353; - font-weight: bold; -} - -.app-workbench-top-userinfo .userinfo-email:hover { - text-decoration: underline; - cursor: pointer; -} - -.app-workbench-top-userinfo .userinfo-menu { - position: absolute; - background-color: #313437; - border-radius: 5px; - right: 10px; - top: 24px; - padding: 10px 10px; - opacity: 1; - z-index: 1000; - display: none; -} - -.app-workbench-top-userinfo .userinfo-menu button { - width: 144px; - height: 22px; - background-color: #685b5b; - color: #ebd6bd; - font-size: 10pt; - padding: 0; - border-radius: 3px; - border: 1px solid transparent; - display: block; -} - -.app-workbench-top-userinfo .userinfo-menu button:hover { - background-color: #f3b353; - color: #000; - cursor: pointer; -} - -.app-workbench-top-userinfo .userinfo-menu .separator { - margin-top: 7px; -} - -/*menubar separator*/ -.top-level-menu-separator { - width: 100%; - height: 9px; - background-image: -moz-linear-gradient(top, #414850 5px, #313437 100%); - background-image: -webkit-linear-gradient(top, #414850 5px, #313437 100%); - background-image: -o-linear-gradient(top, #414850 5px, #313437 100%); - background-image: linear-gradient(to bottom, #414850 5px, #313437 100%); - background-position-y: 0; - display: none; -} - -.separator-collapse-btn { - width: 40px; - height: 9px; - top: 0; - background-image: url('webida-images/top_collapse_bt.png'); - cursor: pointer; -} - -.separator-collapse-btn:hover { - background-position-y: -9px; -} - -.separator-collapse-btn:active { - background-position-y: -18px -} - -.workbenchMenubarHide .top-level-menu-separator { - display: block; -} - -/*workbench style end*/ - - -/*view drag feedback style start*/ - -.viewContainerEventElem { - width: 100%; - height: 100%; - background-color: transparent; - z-index: 0; -} - -.titleFeedbackContainer { - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.2); - position: relative; - z-index: 100; -} - -.viewContainerTitleFeedback { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - position: absolute; - width: 5px; - height:100%; - border-radius: 2px; -} - -.viewContaienrEventElem .contentFeedbackContainer { - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.5); -} - -.viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { - border-color: transparent; - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); -} - -.contentFeedbackContainer { - /*background-color: rgba(50, 50, 50, 0.7);*/ - position: absolute; -} - -.viewContainerFeedback { - border-color: transparent; - background-color: transparent; - border-style: solid; - position: absolute; - border-width: 0; -} - -.viewContainerFeedbackLeft { - border-left-color: rgb(0, 128, 255); - border-left-color: rgba(0, 128, 255, 0.3); -} -.viewContainerFeedbackTop { - border-top-color: rgb(0, 128, 255); - border-top-color: rgba(0, 128, 255, 0.3); -} -.viewContainerFeedbackRight { - border-right-color: rgb(0, 128, 255); - border-right-color: rgba(0, 128, 255, 0.3); -} -.viewContainerFeedbackBottom { - border-bottom-color: rgb(0, 128, 255); - border-bottom-color: rgba(0, 128, 255, 0.3); -} - -.viewContainerFeedbackCenter { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.3); - border-width: 0; -} - -.viewContainerFeedbackCenter.activate { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); -} - -.viewContainerFeedbackLeft.activate { - border-left-color: rgb(0, 128, 255); - border-left-color: rgba(0, 128, 255, 0.7); -} -.viewContainerFeedbackTop.activate { - border-top-color: rgb(0, 128, 255); - border-top-color: rgba(0, 128, 255, 0.7); -} -.viewContainerFeedbackRight.activate { - border-right-color: rgb(0, 128, 255); - border-right-color: rgba(0, 128, 255, 0.7); -} -.viewContainerFeedbackBottom.activate { - border-bottom-color: rgb(0, 128, 255); - border-bottom-color: rgba(0, 128, 255, 0.7); -} - -/*Console View Start*/ - -.consoleViewContentContainer { - position: absolute; - top: 28px; - overflow: auto; - width: 100%; - height: -webkit-calc(100% - 28px); - height: -moz-calc(100% - 28px); - height: calc(100% - 28px); -} - -.consoleViewContentContainer .fileloc_link { - cursor: pointer; - color: #1C38AA; -} -.consoleViewContentContainer .fileloc_link:hover { - color: #57C25B; -} - -.consoleViewContentContainer .fileloc_link_clicked { - color: #8629AA; -} - -.consoleViewContentContainer .console_message_item { - margin-top: 2px; - margin-bottom: 2px; -} - -.pre_whitespace { - white-space: pre; -} - -/*Console View End*/ - -/*loading screen start*/ - -.app-loading-elem { - opacity: 1; - -webkit-transition: opacity 1s; - transition: opacity 1s; - position: absolute; - left: 0px; - top: 0px; - width: 100%; - height: 100%; - display: flex; - box-sizing: border-box; - background: radial-gradient(#d0deec, #8BA4BE); - z-index: 1; -} - -.app-loading-elem.hide { - opacity: 0; -} - -.app-loading-emblem { - position: absolute; - margin: auto; - width: 72px; - height: 96px; - background: url("../styles/webida-images/loading_img.png") no-repeat; - left: -webkit-calc(50% - 36px); - left: -moz-calc(50% - 36px); - left: calc(50% - 36px); - top: -webkit-calc(50% - 35px); - top: -moz-calc(50% - 35px); - top: calc(50% - 35px); - z-index: 1; -} - -.app-loading-spinner { - position: relative; - margin: auto; - box-sizing: border-box; - background-clip: padding-box; - width: 100px; - height: 100px; - border-radius: 50px; - border: 4px solid rgba(0, 0, 0, 0.15); - -webkit-transform: perspective(100px) rotateX(66deg); - -webkit-transform-origin: 50% 60%; - transform: perspective(100px) rotateX(66deg); - transform-origin: 50% 60%; -} - -.app-loading-spinner:after { - content: ""; - position: absolute; - margin: -4px; - box-sizing: inherit; - width: inherit; - height: inherit; - border-radius: inherit; - opacity: .05; - border: inherit; - border-color: transparent; - -webkit-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; - -moz-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; - animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; -} - -.app-loading-spinner:after { - border-top-color: #414850; -} - -@-webkit-keyframes spinner-spin { - 100% { -webkit-transform: rotate(360deg); } -} -@-moz-keyframes spinner-spin { - 100% { -moz-transform: rotate(360deg); } -} -@keyframes spinner-spin { - 100% { transform: rotate(360deg); } -} - -@-webkit-keyframes spinner-fade { - 20% { opacity: .1; } - 40% { opacity: 1; } - 60% { opacity: .1; } -} -@-moz-keyframes spinner-fade { - 20% { opacity: .1; } - 40% { opacity: 1; } - 60% { opacity: .1; } -} -@keyframes spinner-fade { - 20% { opacity: .1; } - 40% { opacity: 1; } - 60% { opacity: .1; } -} -/*loading screen end*/ - -/*status bar start*/ -.app-workbench-statusbar { - height:20px; - background-image: -webkit-linear-gradient(bottom, #dee6eb 16px, #a7b1ba 100%); - background-image: -moz-linear-gradient(bottom, #dee6eb 16px, #a7b1ba 100%); - background-image: -o-linear-gradient(bottom, #dee6eb 16px, #a7b1ba 100%); - background-image: linear-gradient(to top, #dee6eb 16px, #a7b1ba 100%); - color: #494949; -} - -.app-workbench-statusbar-content { - position: absolute; - left: 10px; - top: 1px; - height: 19px; - overflow: hidden; -} - -.app-workbench-progressbar { - width: 150px; - height: 8px; - border-radius: 10px; - background-image: -webkit-linear-gradient(top, #81878c 0%, #aab1b6 100%); - background-image: -moz-linear-gradient(top, #81878c 0%, #aab1b6 100%); - background-image: -o-linear-gradient(top, #81878c 0%, #aab1b6 100%); - background-image: linear-gradient(to bottom, #81878c 0%, #aab1b6 100%); - overflow: hidden; -} - -.statusbar-content-item { - float: left; - padding-top: 2px; -} - -.statusbar-content-separator { - float: left; - margin-left: 5px; - margin-right: 5px; - height: 19px; - width: 1px; - border-left: 1px RGBA(0,0,0,0.2) solid; - border-right: 1px RGBA(255,255,255,0.4) solid; -} -/*status bar end*/ - -.claro .dijitMenuItemAccelKey { - color: gray; -} - -.claro .webidaMenuItemAccelKeyHover { - vertical-align: 2px; - text-decoration: underline; - color: blue !important; -} - -/* WTC-3050 */ -.claro .dijitButtonContents:focus .dijitButtonText { - text-decoration: underline; -} diff --git a/apps/ide/src/styles/backup/webida-images/arrow.png b/apps/ide/src/styles/backup/webida-images/arrow.png deleted file mode 100644 index a15c680d..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/arrow.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/arrow_close.png b/apps/ide/src/styles/backup/webida-images/arrow_close.png deleted file mode 100644 index 66fbc786..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/arrow_close.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/arrow_open.png b/apps/ide/src/styles/backup/webida-images/arrow_open.png deleted file mode 100644 index 3694aa17..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/arrow_open.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/checkbox_off.png b/apps/ide/src/styles/backup/webida-images/checkbox_off.png deleted file mode 100644 index 2193e907..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/checkbox_off.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/checkbox_on.png b/apps/ide/src/styles/backup/webida-images/checkbox_on.png deleted file mode 100644 index a3d2238f..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/checkbox_on.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/dialog_icon_close.png b/apps/ide/src/styles/backup/webida-images/dialog_icon_close.png deleted file mode 100644 index 1e6277bc..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/dialog_icon_close.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/file.png b/apps/ide/src/styles/backup/webida-images/file.png deleted file mode 100644 index bb71a4e2..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/file.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/folder.png b/apps/ide/src/styles/backup/webida-images/folder.png deleted file mode 100644 index 128c1fac..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/folder.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_command.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_command.png deleted file mode 100644 index d2443d3d..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_command.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_debug.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_debug.png deleted file mode 100644 index 5169fec7..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_debug.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_deployconfig.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_deployconfig.png deleted file mode 100644 index 1e7f030e..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_deployconfig.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_deployhistory.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_deployhistory.png deleted file mode 100644 index d0b3efdc..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_deployhistory.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_file.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_file.png deleted file mode 100644 index 2939e5f2..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_file.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_findfiles.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_findfiles.png deleted file mode 100644 index e49e04f4..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_findfiles.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_gotofile.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_gotofile.png deleted file mode 100644 index d25f019b..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_gotofile.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_preference.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_preference.png deleted file mode 100644 index 7c478d08..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_preference.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_project.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_project.png deleted file mode 100644 index fdd770f7..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_project.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_runconfig.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_runconfig.png deleted file mode 100644 index bd4c6aa5..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_runconfig.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_runhistory.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_runhistory.png deleted file mode 100644 index 138f5111..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_runhistory.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_save.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_save.png deleted file mode 100644 index a5466c3d..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_save.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_saveall.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_saveall.png deleted file mode 100644 index 4d408103..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_saveall.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/icons/toolbar_shortcuts.png b/apps/ide/src/styles/backup/webida-images/icons/toolbar_shortcuts.png deleted file mode 100644 index c96a9a26..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/icons/toolbar_shortcuts.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/projectview_closed.png b/apps/ide/src/styles/backup/webida-images/projectview_closed.png deleted file mode 100644 index 26111b96..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/projectview_closed.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/projectview_closed_hover.png b/apps/ide/src/styles/backup/webida-images/projectview_closed_hover.png deleted file mode 100644 index 6c07558d..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/projectview_closed_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/projectview_opened.png b/apps/ide/src/styles/backup/webida-images/projectview_opened.png deleted file mode 100644 index 27a1a240..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/projectview_opened.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/projectview_opened_hover.png b/apps/ide/src/styles/backup/webida-images/projectview_opened_hover.png deleted file mode 100644 index 4e62ae70..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/projectview_opened_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/setting_hover.png b/apps/ide/src/styles/backup/webida-images/setting_hover.png deleted file mode 100644 index f421bbf6..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/setting_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/setting_nml.png b/apps/ide/src/styles/backup/webida-images/setting_nml.png deleted file mode 100644 index 7c5e909a..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/setting_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/setting_pushed.png b/apps/ide/src/styles/backup/webida-images/setting_pushed.png deleted file mode 100644 index 398987b5..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/setting_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/setting_sel.png b/apps/ide/src/styles/backup/webida-images/setting_sel.png deleted file mode 100644 index acba1690..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/setting_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/sunkenline.png b/apps/ide/src/styles/backup/webida-images/sunkenline.png deleted file mode 100644 index 145f16f7..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/sunkenline.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_close_hover.png b/apps/ide/src/styles/backup/webida-images/tab_close_hover.png deleted file mode 100644 index c18d6d83..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_close_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_close_nml.png b/apps/ide/src/styles/backup/webida-images/tab_close_nml.png deleted file mode 100644 index e0890f2d..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_close_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_close_pushed.png b/apps/ide/src/styles/backup/webida-images/tab_close_pushed.png deleted file mode 100644 index 170d5c7b..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_close_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_console_left.png b/apps/ide/src/styles/backup/webida-images/tab_console_left.png deleted file mode 100644 index 37db2a7f..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_console_left.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_console_middle.png b/apps/ide/src/styles/backup/webida-images/tab_console_middle.png deleted file mode 100644 index 04a825cd..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_console_middle.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_console_right.png b/apps/ide/src/styles/backup/webida-images/tab_console_right.png deleted file mode 100644 index 41bf2af7..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_console_right.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_dis_left.png b/apps/ide/src/styles/backup/webida-images/tab_dis_left.png deleted file mode 100644 index 5e275cd4..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_dis_left.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_dis_middle.png b/apps/ide/src/styles/backup/webida-images/tab_dis_middle.png deleted file mode 100644 index d18c53d9..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_dis_middle.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_dis_right.png b/apps/ide/src/styles/backup/webida-images/tab_dis_right.png deleted file mode 100644 index f14081ac..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_dis_right.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_sel_left.png b/apps/ide/src/styles/backup/webida-images/tab_sel_left.png deleted file mode 100644 index 04d39335..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_sel_left.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_sel_middle.png b/apps/ide/src/styles/backup/webida-images/tab_sel_middle.png deleted file mode 100644 index 1fb96e7b..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_sel_middle.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/tab_sel_right.png b/apps/ide/src/styles/backup/webida-images/tab_sel_right.png deleted file mode 100644 index fc444e53..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/tab_sel_right.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/title_emblem1_nml.png b/apps/ide/src/styles/backup/webida-images/title_emblem1_nml.png deleted file mode 100644 index 9b701d83..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/title_emblem1_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/title_pattern.gif b/apps/ide/src/styles/backup/webida-images/title_pattern.gif deleted file mode 100644 index d9ae10e4..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/title_pattern.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/webida_image.png b/apps/ide/src/styles/backup/webida-images/webida_image.png deleted file mode 100644 index 5bf09343..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/webida_image.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/webida_logo.png b/apps/ide/src/styles/backup/webida-images/webida_logo.png deleted file mode 100644 index 761a0990..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/webida_logo.png and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/window_title_left.gif b/apps/ide/src/styles/backup/webida-images/window_title_left.gif deleted file mode 100644 index 20273249..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/window_title_left.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/window_title_left_nonborder.gif b/apps/ide/src/styles/backup/webida-images/window_title_left_nonborder.gif deleted file mode 100644 index f1ebd288..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/window_title_left_nonborder.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/window_title_middle.gif b/apps/ide/src/styles/backup/webida-images/window_title_middle.gif deleted file mode 100644 index 5995ad2e..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/window_title_middle.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/window_title_middle_nonborder.gif b/apps/ide/src/styles/backup/webida-images/window_title_middle_nonborder.gif deleted file mode 100644 index 862e68ac..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/window_title_middle_nonborder.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/window_title_right.gif b/apps/ide/src/styles/backup/webida-images/window_title_right.gif deleted file mode 100644 index bd6964bf..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/window_title_right.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-images/window_title_right_nonborder.gif b/apps/ide/src/styles/backup/webida-images/window_title_right_nonborder.gif deleted file mode 100644 index d693671c..00000000 Binary files a/apps/ide/src/styles/backup/webida-images/window_title_right_nonborder.gif and /dev/null differ diff --git a/apps/ide/src/styles/backup/webida-project-wizard.css b/apps/ide/src/styles/backup/webida-project-wizard.css deleted file mode 100644 index 6869050d..00000000 --- a/apps/ide/src/styles/backup/webida-project-wizard.css +++ /dev/null @@ -1,867 +0,0 @@ -/* SHOULD move to webida-base.css and use also in preferences and git etc. */ -.group-border { - padding: 12px; - /* border: 1px solid #9ea5ae; */ - border: 1px groove #ddd; -} -.group-border.inner { - display: inline-block; - vertical-align: top; - margin: 10px; -} -.group-border p { - margin-top: 0px; - margin-bottom: 10px; -} - -.toolbar-message { - position: absolute; - top: 6px; - left: 5px; -} - -.btn-default, .btn-info, .btn-primary { - /* font-family: Myriad,Helvetica,Tahoma,Arial,clean,sans-serif; */ - font-size: 12px; -} - -/* SHOULD move to webida-base.css and use also in preview and git etc. */ -.toolbar-panel { - position: absolute; - top: 0px; - width: 100%; - height:29px; - border-top: 1px solid #ecf1f6; - color: #494949; - font-weight: bold; - background-color: #DEE6EB; -} - -.content-panel { - position: absolute; - top: 30px; - width: 100%; - height: calc(100% - 30px); - overflow: auto; - /* background-color: #efefef; */ - - padding: 0 15px; -} - -div.separator { - height: 2px; - background: #cdd8e3; - border-bottom: 1px solid #c0d3e5; - margin-top: 5px; - margin-bottom: 10px; -} - -.page-header { - padding-bottom: 9px; - margin: 20px 0 20px; - border-bottom: 1px solid #eee; -} - -.tab-header { - font-weight: bold; - font-size: 14px; -} - -.dialogMessage { - border-bottom: 1px solid #a6a6a6; - margin-bottom: 12px; - height: 16px; -} -.dialogMessage-inner { -} - -.footer { - clear: both; -} - - -/* Fonts */ -@font-face { - font-family: 'fa'; - src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); - src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); - font-weight: normal; - font-style: normal; -} - -.fa { - font: normal normal 16px fa; -} - -.fa-chevron-left, .fa-chevron-right { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - color: #b3bac2; - width: 30px; - height: 30px; - margin-top: -15px; - margin-left: -15px; - font-size: 30px; -} -.fa-chevron-left:before { - content: '\f053'; -} -.fa-chevron-right:before { - content: '\f054'; -} - -.build__platform:before { - box-sizing: border-box; - font-family: 'fa'; -} -.build__platform.android:before { - content: "\f17b"; -} -.build__platform.ios:before { - content: "\f179"; -} -button.pkg-download { - cursor: pointer; - text-align: left; -} -button.pkg-download:before { - font-family: 'fa'; - margin-right: 6px; -} -button.pkg-download.to-pc:before { - content: "\f019"; -} -button.pkg-download.to-device:before { - content: "\f0ed"; -} - - -/* Project Wizard */ -.pwBody { - width: 100%; - min-width: 940px; - max-width: 100%; - height: 100%; - min-height: 700px; - max-height: 100%; - margin: 0; - background-color: #ecf1f6; - font-family: "Nanum Gothic Coding"; - font-size: 10pt; - /* overflow: hidden; */ -} - -.pwBody .dijitTreeRowSelected { - background-color: #bcedff; - background-image: none; -} - -.pwBody .dijitTreeRowHover { - background-color: #96e2ff; - background-image: none; -} - -.pwBody .dijitTreeRow { - padding: 1px 0 1px 0; -} - -.pwBody #pw-category-tree .dijitTreeExpando { - background-image: url("../../plugins/project-wizard/images/treeExpandImages.png"); - width: 16px; - height: 16px; - background-position: -35px 0; - -} -.pwBody .dijitTreeRowHover .dijitTreeExpandoOpened { - background-position: -53px 0; -} -.pwBody .dijitTreeExpandoClosed { - background-position: 1px 0; -} -.pwBody .dijitTreeRowHover .dijitTreeExpandoClosed { - background-position: -17px 0; -} - -.pwBody #pw-category-tree .dijitTreeExpandoLeaf, -.dj_ie6 .pwBody #pw-category-tree .dijitTreeExpandoLeaf { - background-image: url("../../plugins/project-wizard/images/tree_templates.png"); - width: 16px; - height: 16px; - background-position: 0px 0px; -} - -#pwBasePane { - width: 100%; - height: 100%; - padding: 0px; - background-color: #ecf1f6; -} - -#pwBasePane > *.dijitSplitterH, -#pwBasePane > *.dijitGutterH { - background: none; - border: 0; - height: 4px; -} - -#pwBasePane > * > *.dijitSplitterH, -#pwBasePane > * > *.dijitGutterH { - background: none; - border: 0; - height: 4px; -} - -#pwBasePane > *.dijitSplitterV, -#pwBasePane > *.dijitGutterV { - background: none; - border: 0; - width: 4px; - margin: 0; -} - -#labelTopPane { - width: 100%; - min-width: 940px; - max-width: 100%; - height: 60px; - min-height: 60px; - max-height: 60px; - border: 0px; - padding: 0px; - overflow: hidden; - - background-image: -webkit-linear-gradient(top, #414850 56px, #333333 100%); - background-image: -moz-linear-gradient(top, #414850 56px, #333333 100%); - background-image: linear-gradient(to bottom, #414850 56px, #333333 100%); -} - -#pw-bottomPane { - width: 100%; - min-width: 940px; - max-width: 100%; - height: 108px; - border: 0px; - padding: 0px; - overflow: hidden; -} - -#pw-projectNameAndLocationPane { - height: 80px; - /* background-color: #ecf1f6; */ -} - -#pw-projectNameAndLocationPane > label { - position: absolute; - font-family: "Nanum Gothic Coding"; - color: #1f2328; - font-size: 10pt; - left: 40px; -} - -#pw-projectNameAndLocationPane > input { - position: absolute; - background-color: #ffffff; - border: solid 1px #8495a9; - left: 108px; - width: 661px; - height: 19px; - - color: #1f2328; - font-family: "Nanum Gothic Coding"; - font-size: 10pt; - vertical-align: middle; - text-indent:6px -} - -#pw-projectNameLb { - top: 15px; -} - -#pw-projectNameIp { - top: 11px; -} - -#pw-projectTargetLocationLb { - top: 50px; -} - -#pw-projectTargetLocationIp { - top: 46px; -} - -#pw-projectOptCordova { - position: absolute; - top: 85px; - left: 40px; -} - -#pw-category-pane { - width: 202px; - height: 532px; - border: 0px; - padding: 0px 0px 0px 0px; - margin-left: 8px; - background-color: #b3bac2; - border-radius: 6px; - overflow: hidden; -} - -#pw-category-label-pane { - height: 25px; -} - -#pw-category-label { - position: absolute; - left: 10px; - top: 5px; - color: #1f2328; - font-size: 10pt; - font-weight: bold; - font-family: "Nanum Gothic Coding"; -} - -#pw-category-tree-pane { - height: calc(495px - 6px); - width: 196px; - padding-left: 0px; - margin-left: 2px; - border: solid 1px #9ea5ae; - border-radius: 3px; - background-color: #ecf1f6; -} - -.pw-pane { - border: solid 1px #dee6eb; - background-color: #ffffff; -} - -#pw-category-tree { - height: calc(491px - 6px); - padding: 0px; - margin: 1px; -} - -#pw-template-pane { - width: 202px; - height: 532px; - border: 0px; - padding: 0px 0px 0px 0px; - background-color: #b3bac2; - border-radius: 6px; - overflow: hidden; -} - -#pw-template-label-pane { - height: 25px; -} - -#pw-template-label { - position: absolute; - left: 10px; - top: 5px; - color: #1f2328; - font-size: 10pt; - font-weight: bold; - font-family: "Nanum Gothic Coding"; -} - -#pw-template-tree-pane { - height: calc(495px - 6px); - width: 196px; - padding-left: 0px; - margin-left: 2px; - border: solid 1px #9ea5ae; - border-radius: 3px; - background-color: #ecf1f6; -} - -#pw-template-tree { - height: calc(491px - 6px); - padding: 0px; - margin: 1px; -} - -#pw-template-tree .dijitTreeIcon { - width: 0px; - height: 0px; -} - -#pw-template-tree .dijitTreeExpando { - background-image: url("../../plugins/project-wizard/images/tree_template.png"); - width: 16px; - height: 16px; - background-position: 0px 0px; -} - -#pw-template-tree .dijitTreeLabel { - margin: 0 0px; -} - -#pw-description-pane { - width: 520px; - height: 532px; - border: 0px; - margin-right: 8px; - background-color: #b3bac2; - border-radius: 6px; -} - -#pw-description-label-pane { - height: 25px; -} - -#pw-description-label { - position: absolute; - left: 10px; - top: 5px; - color: #1f2328; - font-size: 10pt; - font-weight: bold; - font-family: "Nanum Gothic Coding"; -} - -#pw-description-imageAndDesc-pane { - width: calc(506px - 107px); - height: calc(495px - 6px); - padding-left: 0px; - margin-left: 2px; - border: solid 1px #9ea5ae; - border-radius: 3px; - background-color: #ecf1f6; -} - -#pw-description-images-pane { - height: 150px; - margin-left: 10px; - margin-top: 10px; -} - -#pw-previewFrame { - height: 132px; - line-height: 132px; -} - -#pw-descDescPane { - margin-left: 1px; - margin-right: 1px; - height: calc(332px - 6px); - overflow: scroll; - font-family: "Nanum Gothic Coding"; -} - -/* preview popup css */ -#preview-popup { - background-color: rgba(0, 0, 0, 0.3); - position: absolute; - top: 0; - left: 0; - display: none; - z-index: 1000; - width: 100%; - height: 100%; -} - -#preview-popup .preview-pane { - position: absolute; - top: 20px; - left: 20px; - right: 20px; - bottom: 20px; - background-color: #fff; - border-radius: 10px; - overflow: hidden; - text-align: center; -} - -#preview-popup .preview-L-button-pane { - position: absolute; - width: 21px; - height: 100%; - left: 10px; - z-index: 1100; -} - -#preview-popup .preview-R-button-pane { - position: absolute; - width: 21px; - height: 100%; - right: 10px; - z-index: 1100; -} - -#preview-popup .preview-image-pane { - position: absolute; - width: 100%; - height: 100%; -} - -#preview-popup .preview-left-button { - width: 21px; - height: 100%; - background-image: url(../../plugins/project-wizard/images/previewLRButton.jpg); - background-repeat: no-repeat; - background-position: left center; -} - -#preview-popup .preview-left-button:hover { - cursor: pointer; -} - -#preview-popup .preview-image { - width: 90%; - height: 90%; - top: 5%; - left: 5%; - position: relative; - border: solid 1px; -} - -#preview-popup .preview-right-button { - width: 21px; - height: 100%; - background-image: url(../../plugins/project-wizard/images/previewLRButton.jpg); - background-repeat: no-repeat; - background-position: right center; -} - -#preview-popup .preview-right-button:hover { - cursor: pointer; -} - -#preview-popup .popup-overlay { - position: relative; - margin: 0 auto; - vertical-align: middle; - top: 5%; - background-color: #707070; - width: 80%; - height: 85%; - border-radius: 15px; - padding: 20px; -} - -#preview-popup .dialog-close-button { - position: absolute; - top: -10px; - right: -10px; - width: 29px; - height: 29px; - overflow: hidden; - background: url(../../plugins/project-wizard/images/dialogCloseButton.png); -} - -#preview-popup .dialog-close-button:hover { - cursor: pointer; -} - -#pwQuickStartGuide { -} - -#pwQuickStartGuideCarousel .item { - text-align: center; - height: 300px !important; -} -#pwQuickStartGuideCarousel .carousel-inner div { - text-align: center; - min-height: 300px; -} - -#pwQuickStartGuideCarousel .carousel-control.left, .carousel-control.right { - background-image: none; - filter: none; -} - -#pwQuickStartGuideCarousel div.carousel-inner { - box-sizing: border-box; - border: 3px solid black; - border-color: #b3bac2; - border-radius: 5px; - margin: 10px 0px 10px 0px; - width: 100%; -} - -/* Debug */ -#debugGrid { -} -/* no header */ -#debugGrid .dojoxGridHeader { - display: none; -} - -#divSteps { - margin-top: 10px; -} -#divSteps .dijitButtonText { - display: inline-block; - min-width: 60px; -} -#divSteps a { - text-decoration: none; - color: #394245; -} - -.DebugTable table tbody tr td { - border-bottom: 1px solid #dddddd; - padding: 6px 0px; - margin: 8px; - text-align: left; -} -.DebugTable table tbody tr td:first-child { - padding-right: 10px; -} - - -/* Dialog */ -.noGridHeader .dojoxGridHeader { - display: none; /* no header */ -} - - -/* multiselect */ -.multiselect-container a { - color: #428bca; - text-decoration: none; -} -.multiselect-group { - font-weight: bold; - text-decoration: underline; -} - - -/* ZeroClipboard */ -.webida-icons { - font: normal normal 16px fa; - line-height: 1; - display: inline-block; - text-decoration: none; - -webkit-font-smoothing: antialiased -} - -.webida-icons-clippy:before { - content: '\f0ea' -} - -.tooltipped { - position: relative -} - -.tooltipped:after,.tooltipped:before { - display: none; - position: absolute; - z-index: 1000000; - pointer-events: none -} - -.tooltipped:after { - content: attr(aria-label); - -webkit-font-smoothing: initial; - font-family: Helvetica, arial, freesans, clean, sans-serif; - font-size: 10px; - font-weight: normal; - font-style: normal; - letter-spacing: normal; - text-align: center; - text-decoration: none; - text-shadow: none; - text-transform: none; - line-height: 1.5; - background: rgba(0,0,0,0.8); - color: white; - white-space: pre; - word-wrap: break-word; - padding: 5px 8px; - border-radius: 3px -} - -.tooltipped:before { - width: 0; - content: ''; - height: 0; - border: 5px solid transparent; - z-index: 1000001 -} - -.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after { - display: inline-block; - text-decoration: none -} - -.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after { - display: table-cell -} - -.tooltipped-s:after,.tooltipped-s:before,.tooltipped-se:after,.tooltipped-se:before,.tooltipped-sw:after,.tooltipped-sw:before { - top: 100%; - right: 50% -} - -.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before { - margin-right: -5px; - top: auto; - bottom: -5px; - border-bottom-color: rgba(0,0,0,0.8) -} - -.tooltipped-s:after { - margin-top: 5px -} - -.tooltipped-se:after { - margin-top: 5px; - right: auto; - left: 50%; - margin-left: -15px -} - -.tooltipped-sw:after { - margin-top: 5px; - margin-right: -15px -} - -.tooltipped-n:after,.tooltipped-n:before,.tooltipped-ne:after,.tooltipped-ne:before,.tooltipped-nw:after,.tooltipped-nw:before { - bottom: 100%; - right: 50% -} - -.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before { - margin-right: -5px; - top: -5px; - bottom: auto; - border-top-color: rgba(0,0,0,0.8) -} - -.tooltipped-n:after { - margin-bottom: 5px -} - -.tooltipped-ne:after { - margin-bottom: 5px; - left: 50%; - right: auto; - margin-left: -15px -} - -.tooltipped-nw:after { - margin-bottom: 5px; - margin-right: -15px -} - -.tooltipped-s:after,.tooltipped-n:after { - /** - * Added no blur below. - * Maybe confer to "Don't pass floating-point pixel values to translate to avoid blur" (https://github.com/desandro/isotope/issues/157). - * But, 'Copied!' text is abnormaly displayed, so I finally use 'tooltipped-se' not 'tooltipped-s'. - */ - -webkit-transform: translateX(50%); - -moz-transform: translateX(50%); - transform: translateX(50%); - - -webkit-filter: blur(0); - -moz-filter: blur(0); - filter: blur(0) -} - -.tooltipped-w:after,.tooltipped-w:before { - bottom: 50% -} - -.tooltipped-w:after { - right: 100%; - margin-right: 5px -} - -.tooltipped-w:before { - border-left-color: rgba(0,0,0,0.8); - left: -5px; - margin-top: -5px; - top: 50% -} - -.tooltipped-e:after,.tooltipped-e:before { - bottom: 50% -} - -.tooltipped-e:after { - left: 100%; - margin-left: 5px -} - -.tooltipped-e:before { - border-right-color: rgba(0,0,0,0.8); - right: -5px; - margin-top: -5px; - top: 50% -} - -.tooltipped-w:after,.tooltipped-e:after { - -webkit-transform: translateY(50%); - -ms-transform: translateY(50%); - transform: translateY(50%) -} - -.clone-url-box { - display: table; - border-collapse: separate; -} - -.minibutton { - padding: 0 10px; - line-height: 24px; - box-shadow: none; -} - -.minibutton { - position: relative; - font-size: 13px; - font-weight: bold; - color: #333; - text-shadow: 0 1px 0 rgba(255,255,255,0.9); - white-space: nowrap; - background-color: #eeeeee; - background-image: linear-gradient(#fff, #eee); - background-repeat: repeat-x; - border: 1px solid #dddddd; - vertical-align: middle; - cursor: pointer; -} - -input.clone { - display: table-cell; - width: 100%; - white-space: nowrap; - min-height: 26px; - padding: 4px 5px; - font-family: Monaco, "Liberation Mono", Courier, monospace; - font-size: 11px; - color: #999; - border-top-right-radius: 0; - border-bottom-right-radius: 0 -} - -input[type="text"] { - outline: none; - background-color: #fff; - background-repeat: no-repeat; - background-position: right center; - border: 1px solid #ccc; - border-radius: 3px; - box-shadow: inset 0 1px 2px rgba(0,0,0,0.075); - vertical-align: middle; -} - -.url-box-clippy { - display: table-cell; - width: 1%; -} - -.url-box-clippy { - border-radius: 0 3px 3px 0; - border-left: 0; - margin-left: 0 !important; -} - -.clone-url-box { - width: 270px; -} diff --git a/apps/ide/src/styles/comp/Calendar.less b/apps/ide/src/styles/comp/Calendar.less deleted file mode 100644 index 34173a13..00000000 --- a/apps/ide/src/styles/comp/Calendar.less +++ /dev/null @@ -1,283 +0,0 @@ -/* Calendar - * - * Styling Calendar mainly includes: - * - * 1. Calendar container - * .dijitCalendar - main container - * .dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active - * - * 2. Month - * .dijitCalendarMonthContainer - * .dijitCalendarMonthLabel - * .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month - * .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active - * - * 3. Date - * .dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S - * .dijitCalendarDateTemplate - date label wrapper - * .dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month - * .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date - * .dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date - * .dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active - * - * 4. Year - * .dijitCalendarYearContainer - * .dijitCalendarYearLabel - * .dijitCalendarPreviousYear /.dijitCalendarNextYear - * .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active - * - * 5. Dropdown Month Menu - * .dijitCalendarMonthMenu - menu container - * .dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item - * .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state - */ - - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitCalendar { - border: solid 1px @border-color; - border-collapse: separate; // in case user CSS has set border-collapse: collapse for tables - .border-radius(4px); - - // Background color and alpha-gradient - background-color: @calendar-background-color; - background-image: url("../images/calendar.png"); // fallback for browsers that don't support CSS gradients - background-repeat: repeat-x; // so bottom of calendar isn't affected by gradient image repeating - .alpha-white-gradient(1, 0px, 0.4, 2px, 0, 100%); - - text-align: center; - padding: 6px 5px 3px 5px; - } - - .dijitCalendar img { - border: none; - } - .dijitCalendarHover, .dijitCalendar:hover, - .dijitCalendarActive { - /* treat dijitCalendarActive like hover since there's - * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) - */ - background-color: @hovered-background-color; - border: solid 1px @hovered-border-color; - } - .dijitCalendarMonthContainer th { - text-align: center; - padding-bottom: 4px; - vertical-align: middle; - } - .dijitCalendarMonthLabel { - color: @text-color; - font-size: 1.091em; - padding: 0 4px; - } - - /* next/previous month arrows */ - .dijitCalendarIncrementControl { - width: 18px; - height: 16px; - background-image: url(@image-calendar-arrows); - background-repeat: no-repeat; - } - .dj_ie6 .dijitCalendarIncrementControl { - background-image: url(@image-calendar-arrows-ie6); - } - .dijitCalendarIncrease { - background-position: -18px 0; - } - .dijitCalendarArrowHover .dijitCalendarDecrease, - .dijitCalendarArrow:hover .dijitCalendarDecrease { - background-position: -36px 0; - } - .dijitCalendarArrowHover .dijitCalendarIncrease, - .dijitCalendarArrow:hover .dijitCalendarIncrease { - background-position: -55px 0; - } - .dijitCalendarArrowActive .dijitCalendarDecrease, - .dijitCalendarArrow:active .dijitCalendarDecrease { - background-position: -72px 0; - } - .dijitCalendarArrowActive .dijitCalendarIncrease, - .dijitCalendarArrow:active .dijitCalendarIncrease { - background-position: -91px 0; - } - .dijitA11ySideArrow { - /* text +/- labels instead of arrow icons, for high contrast mode */ - display: none; - } - - .dijitCalendarDayLabelTemplate { - padding-bottom: 0; - text-align: center; - border-bottom: 1px solid @border-color; - padding: 0 3px 2px; - } - .dijitCalendarDayLabel { - padding: 0 4px 0 4px; - font-weight: bold; - font-size: 0.909em; - text-align: center; - color: @text-color; - } - .dijitCalendarDateTemplate { - text-align: center; - background-color: @calendar-currentmonth-background-color; - border-bottom: 1px solid @minor-border-color; - padding-top: 0; - font-size: 0.909em; - font-family: Arial; - font-weight: bold; - letter-spacing: .05em; - text-align: center; - color: @text-color; - } - .dj_ie6 .dijitCalendarDateTemplate { - background-image: none; - } - .dijitCalendarPreviousMonth, - .dijitCalendarNextMonth { - background-color: @calendar-adjacentmonth-background-color; - background-image: none; - border-bottom: solid 1px @minor-border-color; /* todo: redundant with above .dijitCalendarDateTemplate rule */ - } - .dijitCalendarDateTemplate .dijitCalendarDateLabel { - text-decoration: none; - display: block; - padding: 3px 5px 3px 4px; - border: solid 1px @calendar-currentmonth-background-color; /* intentionally matches background-color, no visible border until hover/selection */ - background-color: rgba(171, 212, 251, 0); /* transparent causes black-flash animation problem on webkit */ - .transition-property(background-color, border); - .transition-duration(.35s); - } - .dijitCalendarPreviousMonth .dijitCalendarDateLabel, - .dijitCalendarNextMonth .dijitCalendarDateLabel { - color: @calendar-adjacentmonth-text-color; - border-color: @calendar-adjacentmonth-background-color; /* intentionally matches background-color, no visible border until hover/selection */ - } - - .dijitCalendarYearContainer { - vertical-align: middle; - } - .dijitCalendarYearControl { - padding: 1px 2px 2px 2px; - } - .dijitCalendarYearLabel { - padding: 2px 0 0 0; - margin: 0; - font-size: 1.17em; - } - .dijitCalendarYearLabel span { - /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */ - vertical-align: middle; - } - .dijitCalendarSelectedYear { - padding: 0 3px; - } - .dijitCalendarNextYear, - .dijitCalendarPreviousYear { - padding: 1px 6px 1px 6px; - font-size: 0.909em; - } - .dijitCalendarSelectedYear { - font-size: 1.091em; - color: @selected-text-color; - } - /* End Normal Calendar Style */ - /* Hovered Calendar Style */ - .dijitCalendarHoveredDate .dijitCalendarDateLabel, - .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { - background-color: @hovered-background-color; - border: solid 1px @hovered-border-color; - color: @hovered-text-color; - .transition-duration(.2s); - } - .dijitCalendarNextYearHover, .dijitCalendarNextYear:hover, - .dijitCalendarPreviousYearHover, .dijitCalendarPreviousYear:hover { - color: @hovered-text-color; - border: solid 1px @calendar-button-hovered-border-color; - padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ - background-color: @calendar-button-hovered-background-color; - } - /* End Hovered Calendar Style */ - /* Active Calendar Style */ - .dijitCalendarNextYearActive, .dijitCalendarNextYear:active - .dijitCalendarPreviousYearActive, .dijitCalendarPreviousYear:active { - border: solid 1px @calendar-button-pressed-border-color; - padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ - background-color: @calendar-button-pressed-background-color; - } - .dijitCalendarActiveDate .dijitCalendarDateLabel, - .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { - background-color: @calendar-date-pressed-background-color; - border: solid 1px @calendar-date-pressed-border-color; - .transition-duration(.1s); - } - .dj_ie6 .dijitCalendarActiveDate .dijitCalendarDateLabel { - background-image: none; - } - /* End Active Calendar Style */ - /* Selected Calendar Style */ - .dijitCalendarSelectedDate .dijitCalendarDateLabel { - color: @selected-text-color; - background-color: @calendar-date-selected-background-color; - border-color: @calendar-date-selected-border-color; - } - /* End Selected Calendar Style */ - /* Disabled Calendar Style*/ - .dijitCalendarDisabledDate .dijitCalendarDateLabel { - color: @disabled-text-color; - text-decoration: line-through; - } - - /* End Disabled Calendar Style */ - - /* Styling for month DropDownButton */ - - .dijitCalendar .dijitDropDownButton { - margin: 0; - } - .dijitCalendar .dijitButtonText { - padding: 1px 0 3px; - margin-right: -4px; - } - .dijitCalendar .dijitDropDownButton .dijitButtonNode { - padding: 0 3px 0 2px; - border: solid 1px @border-color; - .box-shadow(0 0 0 rgba(0, 0, 0, 0)); - - // Override background settings from vanilla .dijitButtonNode. We want to inherit background of Calendar. - background-color: transparent; - background-image: none; - } - .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, - .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { - background-color: @calendar-button-hovered-background-color; - border: solid 1px @calendar-button-hovered-border-color; - } - - /* Styling for month drop down list */ - - .dijitCalendarMonthMenu { - border-color: @popup-border-color; - background-color: @menu-background-color; - text-align: center; - background-image: none; - } - .dijitCalendarMonthMenu .dijitCalendarMonthLabel { - border-top: solid 1px @menu-background-color; /* intentionally invisible until hover */ - border-bottom: solid 1px @menu-background-color; - padding: 2px 0; - } - .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, - .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { - border-color: @hovered-border-color; - border-width: 1px 0; - .gradient-and-filter(@hovered-background-color, 70, 0); - } -} -.dj_ie6 .@{theme} .dijitCalendar { - background-image:none; // because on IE6 background-image overrides background-color -} diff --git a/apps/ide/src/styles/comp/Common.less b/apps/ide/src/styles/comp/Common.less deleted file mode 100644 index a2a08af5..00000000 --- a/apps/ide/src/styles/comp/Common.less +++ /dev/null @@ -1,90 +0,0 @@ -/* ========= Styling rules to affect widgets ========= */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitPopup { - .box-shadow(0 1px 5px rgba(0, 0, 0, 0.25)); - } - .dijitTooltipDialogPopup { - /* exception popups: do not use a shadow on these because they aren't rectangular */ - .box-shadow(none); - } - - /* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ - .dijitComboBoxHighlightMatch { - background-color: @select-matchedtext-background-color; - } - - .dijitFocusedLabel { - /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ - outline: 1px dotted @focus-outline-color; - } - - /* Drag and Drop*/ - .dojoDndItem { - border-color: rgba(0, 0, 0, 0); // rgba() instead of none to prevent flash on hover fade-in - .transition-duration(.25s); - .transition-property(background-color, border-color) - } - .dojoDndItemOver { - // Hovered item. Matches dijitTreeRowHover. - background-color: @hovered-background-color; - .standard-gradient; - padding: 1px; // reduce from 2px in dijit.css - border: solid 1px @hovered-border-color; - color: @hovered-text-color; - } - .dojoDndItemAnchor, - .dojoDndItemSelected { - // Selected items(s). Matches dijitTreeRowSelected. - background-color: @selected-background-color; - .standard-gradient; - padding: 1px; // reduce from 2px in dijit.css - border: solid 1px @selected-border-color; - color: @selected-text-color; - } - - .dojoDndItemBefore, - .dojoDndItemAfter { - // line to indicate that user is dropping before/after this dojoDndItem - border-color: @dnd-dropseparator-color; - } - - table.dojoDndAvatar { - border: 1px solid @border-color; - border-collapse: collapse; - background-color: @dnd-avatar-background-color; - .box-shadow(0 1px 3px rgba(0, 0, 0, .25)); - } - .dojoDndAvatarHeader td { - height: 20px; - padding-left: 21px; - } -} -.@{theme}.dojoDndMove .dojoDndAvatarHeader, .wsdk.dojoDndCopy .dojoDndAvatarHeader { - background-image: url(@image-dnd); - background-repeat: no-repeat; - background-position:2px -122px; -} -.dojoDndAvatarItem td { - padding: 5px; -} -.@{theme}.dojoDndMove .dojoDndAvatarHeader { - background-color: @dnd-avatar-header-background-color; - background-position:2px -103px; -} -.@{theme}.dojoDndCopy .dojoDndAvatarHeader { - background-color: @dnd-avatar-header-background-color; - background-position:2px -68px; -} -.@{theme}.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { - background-color: @dnd-avatar-candrop-header-background-color; - background-position:2px -33px; -} -.@{theme}.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { - background-color: @dnd-avatar-candrop-header-background-color; - background-position:2px 2px; -} diff --git a/apps/ide/src/styles/comp/Dialog.less b/apps/ide/src/styles/comp/Dialog.less deleted file mode 100644 index bd21717f..00000000 --- a/apps/ide/src/styles/comp/Dialog.less +++ /dev/null @@ -1,232 +0,0 @@ -/* Dialog - * - * Styling Dialog includes two sections: Dialog and Tooltip & TooltipDialog - * - * Dialog: - * 1. Dialog (default styling): - * .dijitDialog - styles for dialog's bounding box - * - * 2. Dialog title - * .dijitDialogTitleBar - styles for the title container at the top of dialog - * .dijitDialogTitle - the text container in dialog title - * - * 3. Dialog content - * .dijitDialogPaneContent - main container for content area and action bar - * .dijitDialogPaneContentArea - styles for content container - * - * 4. Dialog action bar - * .dijitDialogPaneActionBar - styles for action buttons lie at the bottom of dialog pane content - * - * 5. Dialog underlay - * .dijitDialogUnderlay - div under the dialog which used for separate dialog and page content - * - * - * Tooltip & TooltipDialog: - * 1. tooltip content container: - * .dijitTooltipContainer - tooltip content container - * - * 2. tooltip connector: - * .dijitTooltipConnector - tooltip anchor includes 4 direction(up, down, left, right) - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitDialog { - background-color: #EDF2F9; - border-radius: 5px; - border: 1px solid rgba(49, 53, 59, 1); - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); - } - - .dijitDialog .dijitTreeRow { - color: rgba(0, 0, 0, 1); - } - - .dijitDialogPaneContent { - border: 0; - background-color: transparent; - padding: 10px 8px; - position: relative; - } - - .dijitDialogPaneContentArea { - margin: 0; - padding: 0; - } - - .dijitDialogPaneActionBar { - /* gray bar at bottom of dialog with OK/Cancel buttons */ - background-color: transparent; - padding: 3px 5px 8px 7px; - text-align: right; - margin: 10px -8px -10px; - } - .dijitTooltipDialog .dijitDialogPaneActionBar { - -webkit-border-bottom-right-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - -moz-border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; - margin: 10px -10px -8px; - } - .dijitDialogPaneActionBar .dijitButton { - float: none; - } - - .dijitDialogTitleBar { - border-radius: 4px; - margin: 1px; - /*background-image: -webkit-linear-gradient(top, #5e6872 0%, #414850 100%); - background-image: -moz-linear-gradient(top, #5e6872 0%, #414850 100%); - background-image: -o-linear-gradient(top, #5e6872 0%, #414850 100%); - background-image: linear-gradient(to bottom, #5e6872 0%, #414850 100%);*/ - background-color: #576477; - border: 0; - padding: 7px; - border-top: none; - } - - .dijitDialogTitle { - /* typography and styling of the dialog title */ - padding: 0 1px; - font-size: 1.091em; - color: #fff; - } - - .dijitDialogCloseIcon { - /* the default close icon for the dialog */ - background: url(@image-dialog-close); - background-repeat: no-repeat; - position: absolute; - width: 20px; - height: 20px; - top: 6px; - right: 6px; - } - .dj_ie6 .dijitDialogCloseIcon { - background-image: url(@image-dialog-close-ie6); - } - .dijitDialogCloseIconHover { - background-position: -20px; - } - .dijitDialogCloseIconActive { - background-position: -40px; - } - - /* Tooltip and TooltipDialog */ - - .dijitTooltip, - .dijitTooltipDialog { - /* the outermost dom node, holding the connector and container */ - background: transparent; /* make the area on the sides of the arrow transparent */ - } - .dijitTooltipBelow { - /* leave room for arrow above content */ - padding-top: 13px; - padding-left: 3px; - padding-right: 3px; - } - - .dijitTooltipAbove { - /* leave room for arrow below content */ - padding-bottom: 13px; - padding-left: 3px; - padding-right: 3px; - } - - .dijitTooltipContainer { - /* the part with the text */ - background-color: @popup-background-color; - .linear-gradient(bottom, @tooltip-gradient-color 0px, @popup-background-color 10px); - background-position: bottom; - border: 1px solid @popup-border-color; - padding: 6px 8px; - .border-radius(4px); - .box-shadow(0 1px 3px rgba(0, 0, 0, 0.25)); - font-size: 1em; - color: @text-color; - } - - .dijitTooltipConnector { - /* the arrow piece */ - border: 0; - z-index: 2; - background-image: url(@image-tooltip); - background-repeat: no-repeat; - width: 16px; - height: 14px; - } - .dj_ie6 .dijitTooltipConnector { - background-image: url(@image-tooltip-ie6); - } - - .dijitTooltipBelow .dijitTooltipConnector { - /* the arrow piece for tooltips below an element */ - top: 0; - left: 3px; - background-position: -31px 0; - width: 16px; - height: 14px; - } - - .dijitTooltipAbove .dijitTooltipConnector { - /* the arrow piece for tooltips above an element */ - bottom: 0; - left: 3px; - background-position: -15px 0; - width: 16px; - height: 14px; - } - .dj_ie7 .dijitTooltipAbove .dijitTooltipConnector, - .dj_ie6 .dijitTooltipAbove .dijitTooltipConnector { - bottom: -1px; - } - - .dijitTooltipABRight .dijitTooltipConnector { - /* above or below tooltip, but the arrow appears on the right, - and the right edges of target and tooltip are aligned rather than the left. - Override above rules for .dijitTooltipBelow, .dijitTooltipAbove */ - left: auto; - right: 3px; - } - - .dijitTooltipLeft { - padding-right: 14px; - } - .dijitTooltipLeft .dijitTooltipConnector { - /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ - right: 0; - background-position: 0 0; - width: 16px; - height: 14px; - } - - .dijitTooltipRight { - padding-left: 14px; - } - .dijitTooltipRight .dijitTooltipConnector { - /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ - left: 0; - background-position: -48px 0; - width: 16px; - height: 14px; - } - - .dijitDialogUnderlay { - background: @dialog-underlay-color; - - } - - .popup-dialog .dijitDialogPaneContentArea, - .buttoned-dialog-text-only .dijitDialogPaneContentArea { - background-color: transparent; - padding: 10px 10px 30px 10px; - overflow-wrap: break-word; - } -} diff --git a/apps/ide/src/styles/comp/Editor.less b/apps/ide/src/styles/comp/Editor.less deleted file mode 100644 index 42af546f..00000000 --- a/apps/ide/src/styles/comp/Editor.less +++ /dev/null @@ -1,61 +0,0 @@ -/* Editor - * - * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer) - * - * 1. Editor iframe container (default styling): - * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding - * - * 2. hovered Editor iframe container (ie, mouse hover on editor) - * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container - * - * 3. focused Editor iframe container (ie, mouse focus on the editor pane) - * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused - * - * 3. disabled Editor iframe container - * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitEditorIFrameContainer { - padding: 3px 3px 1px 10px; - } - .dijitEditorIFrame { - background-color: @textbox-background-color; - } - .dijitEditor { - border: 1px solid @border-color; - } - .dijitEditor .dijitEditorIFrameContainer { - background-color: @textbox-background-color; - background-repeat: repeat-x; - } - .dijitEditorHover .dijitEditorIFrameContainer, - .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame { - background-color: @textbox-hovered-background-color; - } - .dijitEditorFocused .dijitEditorIFrameContainer, - .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { - background-color: @textbox-focused-background-color; - } - .dijitEditorHover .dijitEditorIFrameContainer, - .dijitEditorFocused .dijitEditorIFrameContainer { - .textbox-background-image; - } - - /* Disabled */ - .dijitEditorDisabled { - border: 1px solid @disabled-border-color; - color: @disabled-text-color; - } - - .dijitDisabled .dijitEditorIFrame, - .dijitDisabled .dijitEditorIFrameContainer, - .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { - background-color: @textbox-disabled-background-color; - background-image: none; - } -} diff --git a/apps/ide/src/styles/comp/ExpandoPane.less b/apps/ide/src/styles/comp/ExpandoPane.less deleted file mode 100644 index ebb3f9e0..00000000 --- a/apps/ide/src/styles/comp/ExpandoPane.less +++ /dev/null @@ -1,247 +0,0 @@ - - .dojoxExpandoPane { - overflow:hidden; - z-index:440 !important; - } - - .dojoxExpandoPane .dojoxExpandoWrapper { - overflow:hidden; - } - .dojoxExpandoClosed .dojoxExpandoTitleNode { - display:none; - } - - .dojoxExpandoClosed .dojoxExpandoWrapper * { - overflow:hidden !important; - } - .dojoxExpandoTitleNode { - padding-right:6px; - padding-left:6px; - } - .dojoxExpandoIcon .a11yNode { - display:none; - visibility:hidden; - } - .dojoxExpandoBottom .dojoxExpandoIcon, - .dojoxExpandoTop .dojoxExpandoIcon, - .dojoxExpandoLeft .dojoxExpandoIcon { - float:right; - margin-right:2px; - } - .dojoxExpandoRight .dojoxExpandoIcon { - float:left; - margin-left:2px; - } - .dojoxExpandoIcon { - width:14px; - cursor:pointer; - background-position:-60px 0px; - background-repeat: no-repeat; - height:14px; - } - .dojoxExpandoClosed .dojoxExpandoIcon { - background-position: 0px 0px; - margin:0 auto; - } - - .dijitBorderContainer-dijitExpandoPane { - border: none !important; - } - - .soria .dojoxExpandoTitle { - height:16px; - font-size:0.9em; - font-weight:bold; - padding:3px; - padding-top:6px; - padding-bottom:5px; - background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; - border-left: 1px solid #B1BADF; - border-right: 1px solid #B1BADF; - } - - .soria .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #F0F4FC; - border: none; - } - - .soria .dojoxExpandoClosed { - background: none; - background-color: #F0F4FC; - border: 1px solid #B1BADF !important; - } - - .soria .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png'); - } - - .dj_ie6 .soria .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.gif'); - } - - - .tundra .dojoxExpandoTitle { - font-weight: bold; - padding: 5px; - padding-top: 6px; - padding-bottom: 6px; - background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - } - - .tundra .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #fafafa; - border: none; - padding:3px; - } - - .tundra .dojoxExpandoClosed { - background: none; - background-color: #fafafa; - border: 1px solid #ccc !important; - } - .tundra .dojoxExpandoRight .dojoxExpandoTitle, - .tundra .dojoxExpandoLeft .dojoxExpandoTitle, - .tundra .dojoxExpandoClosed .dojoxExpandoTitle, - .tundra .dojoxExpandoClosed { - background-color: #fafafa; - } - - .tundra .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif'); - } - - .tundra .dojoxExpandoClosed .dojoxExpandoIconLeft, - .tundra .dojoxExpandoClosed .dojoxExpandoIconRight, - .tundra .dojoxExpandoClosed .dojoxExpandoIconTop, - .tundra .dojoxExpandoClosed .dojoxExpandoIconBottom { - margin-top: 3px; - } - - - .wsdk .dojoxExpandoTitle { - font-weight: bold; - border:1px solid #769DC0; - border-bottom:none; - background-color:#cde8ff; - background-image: url("../images/standardGradient.png"); - background-position:0px 0px; - background-repeat:repeat-x; - padding: 5px 7px 2px 7px; - min-height:17px; - color:#4a4a4a; - } - - .wsdk .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #E6E6E7; - border: none; - padding:3px; - } - - .wsdk .dojoxExpandoClosed { - background: none; - background-color: #E6E6E7; - border: 1px solid #769DC0 !important; - } - .wsdk .dojoxExpandoRight .dojoxExpandoTitle, - .wsdk .dojoxExpandoLeft .dojoxExpandoTitle, - .wsdk .dojoxExpandoClosed .dojoxExpandoTitle{ - background-color: #E6E6E7; - } - .wsdk .dojoxExpandoClosed .dojoxExpandoTitle{ - background-image: url("../images/standardGradient.png"); - background-position:0 0; - } - - - .wsdk .dojoxExpandoIcon { - background-image: url('images/spriteRoundedIconsSmall.gif'); - } - - .wsdk .dojoxExpandoClosed .dojoxExpandoIconLeft, - .wsdk .dojoxExpandoClosed .dojoxExpandoIconRight, - .wsdk .dojoxExpandoClosed .dojoxExpandoIconTop, - .wsdk .dojoxExpandoClosed .dojoxExpandoIconBottom { - margin-top: 3px; - } - - - .nihilo .dojoxExpandoPane { - background: #fafafa; - } - - .nihilo .dojoxExpandoTitle { - height:16px; - font-size:0.9em; - font-weight:bold; - padding:3px; - padding-top:6px; - padding-bottom:5px; - background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - } - - .nihilo .dojoxExpandoClosed .dojoxExpandoTitle { - background: none; - background-color: #fafafa; - border: none; - } - - .nihilo .dojoxExpandoClosed { - background: none; - background-color: #fafafa; - border: 1px solid #ccc !important; - } - - .nihilo .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png'); - } - - .dj_ie6 .nihilo .dojoxExpandoIcon { - background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif'); - } - - .nihilo .dojoxExpandoTop { - border-bottom:1px solid #ccc; - border-left:1px solid #ccc; - border-right:1px solid #ccc; - } - - - - .dojoxExpandoClosed .dojoxExpandoIcon { - margin-right:4px; - } - .dojoxExpandoIconLeft { - background-position: 0 0; - } - .dojoxExpandoClosed .dojoxExpandoIconLeft { - background-position: -30px 0; - margin-right: 4px; - } - .dojoxExpandoIconRight { - background-position: -30px 0; - } - .dojoxExpandoClosed .dojoxExpandoIconRight { - background-position: 0 0; - margin-left: 4px; - } - .dojoxExpandoIconBottom { - background-position: -15px 0; - } - .dojoxExpandoClosed .dojoxExpandoIconBottom { - background-position: -45px 0; - margin-top:1px; - } - .dojoxExpandoIconTop { - background-position: -45px 0; - } - .dojoxExpandoClosed .dojoxExpandoIconTop { - background-position: -15px 0; - } diff --git a/apps/ide/src/styles/comp/InlineEditBox.less b/apps/ide/src/styles/comp/InlineEditBox.less deleted file mode 100644 index 237e382a..00000000 --- a/apps/ide/src/styles/comp/InlineEditBox.less +++ /dev/null @@ -1,28 +0,0 @@ -/* InlineEditBox - * - * Styling InlineEditBox mainly includes: - * - * 1. Normal state - * .dijitInlineEditBoxDisplayMode - for border - * - * 2. Hover state - * .dijitInlineEditBoxDisplayModeHover - for border and background color - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitInlineEditBoxDisplayMode { - border: 1px solid transparent; - } - - .dijitInlineEditBoxDisplayModeHover { - background-color: @textbox-hovered-background-color; - border: solid 1px @hovered-border-color; - } - -} -.dj_ie6 .@{theme} .dijitInlineEditBoxDisplayMode { - border: none; -} diff --git a/apps/ide/src/styles/comp/Menu.less b/apps/ide/src/styles/comp/Menu.less deleted file mode 100644 index a32478ee..00000000 --- a/apps/ide/src/styles/comp/Menu.less +++ /dev/null @@ -1,240 +0,0 @@ -/* Menu - -There are three areas of styling for the Menu: - - 1. The menu - There are three types of menus: - i) Context Menu - ii) Drop down Menu - iii) Navigation Menu - All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border - .dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect - .dijitMenuTable - for padding - also affects Select widget - - 2. The menu bar - .dijitMenuBar - for border, margins, padding, background-color of the menu bar - .dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) - - 3. Menu items - items in the menu. - .dijitMenuItem - for color - .dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected - .dijitMenuItemActive - for background-color of an active (mousedown) menu item - td.dijitMenuItemIconCell - for padding around a menu item's icon - td.dijitMenuItemLabel - for padding around a menu item's label - .dijitMenuSeparatorTop - for border, top border, of the separator - .dijitMenuSeparatorBottom - for bottom margin of the separator - - Styles specific to ComboBox and FilteringSelect widgets: - .dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu - .dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu - -*/ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitMenuBar { - border: 0; - margin: 0; - padding: 0; - .menubar-gradient; - } - - .dijitMenu { - background-color: rgba(78, 85, 95, 1); - border: 1px solid rgba(0, 0, 0, 1); - } - - .dijitMenuItem { - color: rgba(255, 255, 255, 1) - } - .dijitMenuBar .dijitMenuItem { - background-image: none; - background-color: transparent; - border: 1px solid transparent; - border-radius: 3px; - top: 1px; - padding: 6px 10px 7px; - margin: -1px; - color: @gnb-text-color; - } - - .dijitMenuBar .dijitMenuItemHover { - border-color: rgba(11,54,71,1); - background-color: rgba(19,75,97,1); - /*background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%);*/ - } - - .dijitMenuBar .dijitMenuItemSelected { - border-color: rgba(11,54,71,1); - background-color: rgba(19,75,97,1); - /*background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); - background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%);*/ - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); - } - - /* this prevents jiggling upon hover of a menu item */ - .dijitMenuTable { - border-collapse:separate; - border-spacing:0 0; - padding:0; - } - - .dijitMenu .dijitMenuItem td, - .dijitComboBoxMenu .dijitMenuItem { - padding: @textbox-padding; // Make drop down menu text line up with text in . - //border-width:1px 0 1px 0; - border-style:solid; - border-color: @select-dropdownitem-background-color; - } - - /* hover over a MenuItem or MenuBarItem */ - .dijitMenu .dijitMenuItemHover td, - .dijitMenu .dijitMenuItemSelected td, - .dijitMenuItemHover, - .dijitComboBoxMenu .dijitMenuItemHover, - .dijitMenuItemSelected { - // note: seems like the selected MenuItem should use @pressed-background-color - // and .active-gradient, butdidn't to that - border-color: @hovered-border-color; - background-color: rgba(145,186,212,1); - //.standard-gradient; - } - - .dijitMenuItemActive { - // todo: seems like the selected MenuItem should come here - // todo: seems like should use @pressed-background-color - //.active-gradient; - } - .dijitMenuPopup .dijitMenuItem { - background-color: transparent; - height: 22px; - } - - .dijitMenuPopup .dijitMenuItemSelected { - background-color: rgba(83,178,218,1); - /*background-image: -webkit-linear-gradient(top, #b3ceec 0%, #92aecd 100%); - background-image: -moz-linear-gradient(top, #b3ceec 0%, #92aecd 100%); - background-image: -o-linear-gradient(top, #b3ceec 0%, #92aecd 100%); - background-image: linear-gradient(to bottom, #b3ceec 0%, #92aecd 100%);*/ - } - .dijitMenuPopup .dijitMenuItemSelected.dijitMenuItemDisabled { - background-image: none; - } - - .dijitMenuPopup .dijitMenuItem td, .dijitMenu .dijitMenuItemHover td{ - border: 0; - background-color: transparent; - } - - .dj_ie .dijitMenuActive .dijitMenuItemHover, - .dj_ie .dijitMenuActive .dijitMenuItemSelected, - .dj_ie .dijitMenuPassive .dijitMenuItemHover, - .dj_ie .dijitMenuPassive .dijitMenuItemSelected { - // Selectivity set to override ComboBox rules below. - // If this rule isn't present, on IE6 hovering an item in the ComboBox drop down causes two - // items to be highlighted (except when hovering the first item in the list) - padding-top: 6px; - padding-bottom: 5px; - margin-top: -3px; - } - - td.dijitMenuItemIconCell { - padding: 2px; - margin: 0 0 0 4px; - } - td.dijitMenuItemLabel { - padding-top: 5px; - padding-bottom: 5px; - } - .dijitMenuExpand { - width: 7px; - height: 7px; - background-image: url(@image-arrow-sprite); - background-position: -14px 0; - margin-right:3px; - margin-bottom: 4px; - } - .dijitMenuItem .dijitMenuExpand { - background-position: -70px 0; - } - .dijitMenuItem.dijitMenuItemHover .dijitMenuExpand, .dijitMenuItem.dijitMenuItemSelected .dijitMenuExpand { - background-position: -14px 0; - } - .dijitMenuItemDisabled .dijitMenuItemIconCell { - opacity:1; - } - .dijitMenuSeparatorTop { - height: auto; - margin-top:1px; /* prevents spacing above/below separator */ - border-bottom: 1px solid rgba(58, 64, 71, 1) - } - .dijitMenuSeparatorBottom{ - height: auto; - margin-bottom:1px; - } - /* the checked menu item */ - .dijitCheckedMenuItem .dijitMenuItemIcon, - .dijitRadioMenuItem .dijitMenuItemIcon { - background-image: url(@image-form-checkbox-and-radios); - background-repeat:no-repeat; - background-position: -15px 50%; /* unchecked checkbox */ - width:15px; - height:16px; - } - .dj_ie6 .dijitCheckedMenuItem .dijitMenuItemIcon, - .dj_ie6 .dijitRadioMenuItem .dijitMenuItemIcon { - background-image: url(@image-form-checkbox-and-radios-ie6); - } - .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { - background-position: 0 50%; /* checked checkbox */ - } - .dijitRadioMenuItem .dijitMenuItemIcon { - background-position: -105px 50%; /* unfilled circle */ - } - .dijitRadioMenuItemChecked .dijitMenuItemIcon { - background-position: -90px 50%; /* filled circle */ - } - - /*ComboBox Menu*/ - .dijitComboBoxMenu { - margin-left:0; - background-image: none; - } - - .dijitMenu .dijitMenuItemSelected td, - .dijitComboBoxMenu .dijitMenuItemSelected { - // TODO: combine with above rules for selected items? - // But the selected item in a Select drop down is different than when MenuBarItem "File" is highlighted - // because the user is on the file menu? - color:@selected-text-color; - border-color:@hovered-border-color; - background-color:@hovered-background-color; - } - .dijitMenu .dijitMenuItemSelected.dijitMenuItemDisabled td, - .dijitComboBoxMenu .dijitMenuItemSelected.dijitMenuItemDisabled { - // TODO: combine with above rules for selected items? - // But the selected item in a Select drop down is different than when MenuBarItem "File" is highlighted - // because the user is on the file menu? - color:inherit; - } - .dijitMenu .dijitMenuItemSelected td { - border: 0; - background-color: transparent; - } - - .dijitComboBoxMenuActive .dijitMenuItemSelected { - background-color: @select-dropdownitem-hovered-background-color; /* TODO: why is this a different color than normal .dijitMenuItemSelected? */ - } - .dijitMenuPreviousButton, .dijitMenuNextButton { - font-style: italic; - } -} diff --git a/apps/ide/src/styles/comp/ProgressBar.less b/apps/ide/src/styles/comp/ProgressBar.less deleted file mode 100644 index 114d1171..00000000 --- a/apps/ide/src/styles/comp/ProgressBar.less +++ /dev/null @@ -1,70 +0,0 @@ -/* ProgressBar - * - * Styling of the ProgressBar consists of the following: - * - * 1. the base progress bar - * .dijitProgressBar - sets margins for the progress bar - * - * 2. the empty bar - * .dijitProgressBarEmpty - sets background img and color for bar or parts of bar that are not finished yet - * Also sets border color for whole bar - * - * 3. tile mode - * .dijitProgressBarTile - * inner container for finished portion when in 'tile' (image) mode - * - * 4. full bar mode - * .dijitProgressBarFull - * adds border to right side of the filled portion of bar - * - * 5. text for label of bar - * .dijitProgressBarLabel - sets text color, which must contrast with both the "Empty" and "Full" parts. - * - * 6. indeterminate mode - * .dijitProgressBarIndeterminate .dijitProgressBarTile - * sets animated gif for the progress bar in 'indeterminate' mode - */ - - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitProgressBar { - margin: 2px 0 2px 0; - } - .dijitProgressBarEmpty { - /* outer container and background of the bar that's not finished yet*/ - background-color: @progressbar-empty-background-color; - border-color: @progressbar-border-color; - } - .dijitProgressBarTile { - /* inner container for finished portion when in 'tile' (image) mode */ - background-color: @progressbar-full-background-color; - - // gradient background using CSS gradient, with fallback to image for IE - background-image: url("../images/progressBarFull.png"); - background-repeat: repeat-x; - .alpha-white-gradient(0.93, 0px, 0.41, 1px, 0.7, 2px, 0, 100%); - background-attachment: scroll; // override strange "fixed" setting from dijit.css - } - .dj_ie6 .dijitProgressBarTile { - background-image: none; - } - .dijitProgressBarFull { - border: 0px solid @progressbar-border-color; - border-right-width: 1px; - .transition-property(width); - .transition-duration(.25s); - } - .dijitProgressBarLabel { - /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ - color: @progressbar-text-color; - } - .dijitProgressBarIndeterminate .dijitProgressBarTile { - /* use an animated gif for the progress bar in 'indeterminate' mode; - background-color won't appear unless user has turned off background images */ - background: @bar-background-color url(@image-progressbar-anim) repeat-x top; - } -} diff --git a/apps/ide/src/styles/comp/TimePicker.less b/apps/ide/src/styles/comp/TimePicker.less deleted file mode 100644 index e4b7d66d..00000000 --- a/apps/ide/src/styles/comp/TimePicker.less +++ /dev/null @@ -1,102 +0,0 @@ -/* Time Picker - * - * Styling the Time Picker consists of the following: - * - * 1. minor time values - * .dijitTimePickerTick - set text color, size, background color of minor values - * .dijitTimePickerTickHover - set hover style of minor time values - * dijitTimePickerTickSelected - set selected style of minor time values - * - * 2. major time values - 1:00, 2:00, times on the hour - * set text color, size, background color, left/right margins for "zoom" affect - * .dijitTimePickerMarkerHover - to set hover style of major time values - * .dijitTimePickerMarkerSelected - set selected style of major time values - * - * 3. up and down arrow buttons - * .dijitTimePicker .dijitButtonNode - background-color, border - * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state - * - * Other classes provide the fundamental structure of the TimePicker and should not be modified. - */ - - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - /* override Button.css */ - .dijitTimePicker .dijitButtonNode { - padding: 0 0; - .border-radius(0); - } - .dijitTimePicker { - border:1px @border-color solid; - border-top:none; - border-bottom:none; - background-color:#fff; /* TODO: useless? Appears to be overridden by settings on individual elements */ - } - .dijitTimePickerItem { - /* dijitTimePickerItem refers to both Tick's (minor values like 2:15, 2:30, 2:45) and Marker's (major values like 2PM, 3PM) */ - .standard-gradient; - border-top:solid 1px @border-color; - border-bottom:solid 1px @border-color; - margin-top:-1px; - } - .dijitTimePickerTick { - /* minor value */ - color:@timepicker-minorvalue-text-color; - background-color:@timepicker-minorvalue-background-color; - font-size:0.818em; - } - .dijitTimePickerMarker { - /* major value - 1:00, 2:00, times on the hour */ - background-color: @timepicker-majorvalue-background-color; - font-size: 1em; - white-space: nowrap; - } - .dijitTimePickerTickHover, - .dijitTimePickerMarkerHover, - .dijitTimePickerMarkerSelected, - .dijitTimePickerTickSelected { - background-color: @timepicker-value-hovered-background-color; - color:@timepicker-value-hovered-text-color; - } - .dijitTimePickerMarkerSelected, - .dijitTimePickerTickSelected { - font-size: 1em; - } - - .dijitTimePickerTick .dijitTimePickerItemInner { - padding:1px; - margin:0; - } - .dijitTimePicker .dijitButtonNode { - border-left:none; - border-right:none; - border-color:@border-color; - background-color: @unselected-background-color; - .standard-gradient; - } - .dijitTimePicker .dijitArrowButtonInner { - height: 100%; /* hack wsdk.button.css */ - background-image: url(@image-form-common-arrows); - background-repeat: no-repeat; - background-position:-140px 45%; - } - .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner { - background-position:-35px 45%; - } - /* hover */ - .dijitTimePicker .dijitUpArrowHover, - .dijitTimePicker .dijitDownArrowHover { - background-color: @timepicker-arrow-hovered-background-color; - } - .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { - background-position:-175px 45%; - } - .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { - background-position:-70px 45%; - } - - // TODO: should have active rule, for clicking a .dijitTimePickerItem -} diff --git a/apps/ide/src/styles/comp/TitlePane.less b/apps/ide/src/styles/comp/TitlePane.less deleted file mode 100644 index 5db736ae..00000000 --- a/apps/ide/src/styles/comp/TitlePane.less +++ /dev/null @@ -1,82 +0,0 @@ -/* TitlePane and Fieldset - * - * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) - * - * TitlePane title: - * 1. TitlePane title (default styling): - * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border - * - * 2. hovered TitlePane title (ie, mouse hover on a title bar) - * .dijitTitlePaneTitleHover - styles when mouse hover on the title div - * - * 3. active TitlePane title (ie, mouse down on a title bar) - * .dijitTitlePaneTitleActive - styles when mouse down on the title div - * - * - * TitlePane Content Container: - * 1. outer/inner container: - * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div - */ - -@import "../less/variables"; -@import "../less/variables"; - -.@{theme} { - - .dijitTitlePaneTitle { - background-color: @unselected-background-color; - .standard-gradient; - border:1px solid @border-color; - padding: 0 7px 3px 7px; - min-height:17px; - color: @unselected-text-color; - } - .dijitFieldset { - .border-radius(4px); - } - .dijitTitlePaneTitleOpen, .dijitTitlePaneTitleFixedOpen { - background-color: @selected-background-color; - color: @text-color; - } - .dijitTitlePaneTitleHover { - background-color: @hovered-background-color; - border-color: @hovered-border-color; - } - .dijitTitlePaneTitleActive { - background-color: @pressed-background-color; - border-color: @pressed-border-color; - .active-gradient; - } - .dijitTitlePaneTitleFocus { - margin-top:3px; - padding-bottom:2px; - } - .dijitTitlePane .dijitArrowNode, .dijitFieldset .dijitArrowNode { - background-image: url(@image-arrow-sprite); - background-repeat: no-repeat; - height: 8px; - width: 7px; - } - .dijitTitlePaneTitleOpen .dijitArrowNode, .dijitFieldsetTitleOpen .dijitArrowNode,{ - background-position: 0 0; - } - .dijitTitlePaneTitleClosed .dijitArrowNode, .dijitFieldsetTitleClosed .dijitArrowNode { - background-position: -14px 0; - } - .dijitTitlePaneContentOuter { - background: @pane-background-color; - border:1px solid @border-color; - border-top:none; - } - .dijitTitlePaneContentInner{ - padding:10px; - } - .dijitFieldsetContentInner { - padding: 4px; - } - .dijitTitlePaneTextNode, .dijitFieldsetLegendNode { - margin-left: 4px; - margin-right: 4px; - vertical-align:text-top; - } -} diff --git a/apps/ide/src/styles/comp/Toolbar.less b/apps/ide/src/styles/comp/Toolbar.less deleted file mode 100644 index a967c405..00000000 --- a/apps/ide/src/styles/comp/Toolbar.less +++ /dev/null @@ -1,183 +0,0 @@ -/* Toolbar - * - * Styling Toolbar means styling the toolbar container and the widget inside toolbar (dijitToolbar) - * - * 1. toolbar (default styling): - * .dijitToolbar - styles for outer container - * - * 2. widget inside toolbar - * .dijitToolbar .dijitButtonNode - Button widget - * .dijitComboButton - ComboButton widget - * .dijitDropDownButton - DropDownButton widget - * .dijitToggleButton - ToggleButton widget - * - * 3. hovered widget inside toolbar (ie, mouse hover on the widget inside) - * .dijitToolbar .dijitButtonNodeHover - styles for hovered Button widget - * - * 4. actived widget inside toolbar (ie, mouse down on the widget inside) - * .dijitToolbar .dijitButtonNodeActive - mouse down on Button widget - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitToolbar { - background-color: @toolbar-background-color; - padding: 0 0 0 4px; - border: 0; - zoom: 1; - height: 30px; - } - - .dijitToolbar .dijitButton { - margin-top: 2px; - } - - .dijitToolbar label { - padding: 0 3px 0 6px; - } - - /** override wsdk/form/Button.css, and also ComboBox down arrow **/ - .dijitToolbar .dijitButton .dijitButtonNode, - .dijitToolbar .dijitDropDownButton .dijitButtonNode, - .dijitToolbar .dijitComboButton .dijitButtonNode, - .dijitToolbar .dijitToggleButton .dijitButtonNode, - .dijitToolbar .dijitComboBox .dijitButtonNode { - border-width: 0; /* on hover/active, border-->1px, padding-->1px */ - padding: 2px; - .border-radius(@toolbar-button-border-radius); - .box-shadow(none); - .transition-property(background-color); - .transition-duration(.3s); - - background-color: rgba(171, 214, 255, 0); - background-image: none; /* cancel gradient for normal buttons, we don't want any gradient besides toolbar's on non-hovered buttons */ - } - .dj_ie .dijitToolbar .dijitButton .dijitButtonNode, - .dj_ie .dijitToolbar .dijitDropDownButton .dijitButtonNode, - .dj_ie .dijitToolbar .dijitComboButton .dijitButtonNode, - .dj_ie .dijitToolbar .dijitToggleButton .dijitButtonNode, - .dj_ie .dijitToolbar .dijitComboBox .dijitButtonNode { - background-color: transparent; /* for IE, which doesn't understand rgba(...) */ - } - - /* hover status */ - .dj_ie .dijitToolbar .dijitButtonHover .dijitButtonNode, - .dj_ie .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, - .dj_ie .dijitToolbar .dijitComboButton .dijitButtonNodeHover, - .dj_ie .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, - .dj_ie .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { - /* button should still turn blue on hover, so need to override .dj_ie rules above */ - background-color: @button-hovered-background-color; - } - - /* active status */ - .dj_ie .dijitToolbar .dijitButtonActive .dijitButtonNode, - .dj_ie .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, - .dj_ie .dijitToolbar .dijitComboButtonActive .dijitButtonNode, - .dj_ie .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { - /* button should still turn blue on press, so need to override .dj_ie rules above */ - background-color: @button-pressed-background-color; - } - - .dijitToolbar .dijitComboButton .dijitStretch { - /* no rounded border on side adjacent to arrow */ - .border-radius(@toolbar-button-border-radius 0 0 @toolbar-button-border-radius); - } - .dijitToolbar .dijitComboButton .dijitArrowButton { - /* no rounded border on side adjacent to button */ - .border-radius(0 @toolbar-button-border-radius @toolbar-button-border-radius 0); - } - - .dijitToolbar .dijitComboBox .dijitButtonNode { - padding: 0; - } - - /* hover status */ - .dijitToolbar .dijitButtonHover .dijitButtonNode, - .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, - .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, - .dijitToolbar .dijitComboButtonHover .dijitButtonNode { - //border-width:1px; - background-color: @hovered-background-color; - .standard-gradient; - //padding: 1px; - } - .dijitToolbar .dijitComboButtonHover .dijitButtonNode, - .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { - background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color; - } - .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, - .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover { - background-color: @hovered-background-color; - } - - /* active status */ - .dijitToolbar .dijitButtonActive .dijitButtonNode, - .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, - .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { - //border-width: 1px; - background-color: @pressed-background-color; - .active-gradient; - //padding: 1px; - } - .dijitToolbar .dijitComboButtonActive { - .transition-duration(.2s); - /*border-width: 1px;*/ - padding: 0; - } - .dijitToolbar .dijitComboButtonActive .dijitButtonNode, - .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { - background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color; - padding: 2px; - } - .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive { - background-color: @pressed-background-color; - .active-gradient; - } - .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { - background-color: @pressed-background-color; - .active-gradient; - } - - /* Avoid double border between button and arrow */ - .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, - .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { - border-left-width: 0; - } - .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { - //padding-left: 2px; /* since there's no left border, don't reduce from 2px --> 1px */ - } - - /* toggle button checked status */ - .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { - margin: 0; /* remove margin and add a border */ - border-width: 1px; - border-style: solid; - background-image: none; - border-color: @selected-border-color; - background-color: @toolbar-button-checked-background-color; - padding: 1px; - } - - .dijitToolbarSeparator { - /* separator icon in the editor sprite */ - //background: url(@image-editor-icons-enabled); - background-image: url('../images/sunkenline_02.png'); - background-repeat: no-repeat; - background-position: 40% 50%; - } - - /* Toolbar inside of disabled Editor */ - .dijitDisabled .dijitToolbar { - background: none; - background-color: @disabled-background-color; - border-bottom: 1px solid @disabled-border-color; - } - - .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner { - background-position: 0 50%; - } -} diff --git a/apps/ide/src/styles/comp/Tree.less b/apps/ide/src/styles/comp/Tree.less deleted file mode 100644 index 4fda1ace..00000000 --- a/apps/ide/src/styles/comp/Tree.less +++ /dev/null @@ -1,133 +0,0 @@ -/* Tree - * - * Styling Tree mostly means styling the TreeRow (dijitTreeRow) - * There are 4 basic states to style: - * - * Tree Row: - * 1. tree row (default styling): - * .dijitTreeRow - styles for each row of the tree - * - * 2. hovered tree row (mouse hover on a tree row) - * .dijitTreeRowHover - styles when mouse over on one row - * - * 3. active tree row (mouse down on a tree row) - * .dijitTreeRowActive - styles when mouse down on one row - * - * 4. selected tree row - * dijitTreeRowSelected - style when the row has been selected - * - * Tree Expando: - * dijitTreeExpando - the expando at the left of the text of each tree row - * - * Drag and Drop on TreeNodes: (insert line on dijitTreeContent node so it'll aligned w/ target element) - * .dijitTreeNode .dojoDndItemBefore/.dojoDndItemAfter - use border style simulate a separate line - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitTreeNode { - zoom: 1; /* force layout on IE (TODO: may not be needed anymore) */ - } - .dijitTreeIsRoot { - background-image: none; - } - - /* Styling for basic tree node (unhovered, unselected) - * Also use this styling when dropping between items on the tree (in other words, don't - * use hover effect) - */ - .dijitTreeRow, - .dijitTreeNode .dojoDndItemBefore, - .dijitTreeNode .dojoDndItemAfter { - /* so insert line shows up on IE when dropping after a target element */ - padding: 4px 0 2px 0; - - background-color: none; // IE6 doesn't understand rgba() or transparent below - background-color: transparent; // IE8 doesn't understand rgba() below - background-color: rgba(171, 214, 255, 0); // rgba() instead of transparent to prevent flash on hover fade-in - background-position: 0 0; - background-repeat: repeat-x; - - border: solid 0 transparent; - - .transition-property(background-color, border-color); - .transition-duration(.25s); - .transition-timing-function(ease-out); - } - - .dijitTreeRowSelected { - background-color: @workspace-select-background-color; - border-color: transparent; - background-image: none; - padding: 3px 0 1px; - border-width: 1px 0; - .transition-duration(.25s); - } - .dijitTreeRowHover { - background-color: @workspace-over-background-color; - border-color: transparent; - background-image: none; - padding: 3px 0 1px; - border-width: 1px 0; - .transition-duration(.25s); - } - .dijitTreeRowActive { - background-color: @workspace-active-background-color; - border-color: transparent; - background-image: none; - padding: 3px 0 1px; - border-width: 1px 0; - .transition-duration(.25s); - } - .dijitTreeRowFocused { - background-repeat: repeat; - } - .dijitTreeRow.focused { - border: 1px #759dc0 solid; - padding: 3px 0 1px; - } - .dijitTreeRow .dijitTreeLabel { - outline: none; - } - /* expando (open/closed) icon */ - - .dijitTreeExpando { - background-image: url(@image-tree-expand); - width: 16px; - height: 16px; - background-position: -35px 0; /* for dijitTreeExpandoOpened */ - } - .dj_ie6 .dijitTreeExpando { - background-image: url(@image-tree-expand-ie6); - } - .dijitTreeRowHover .dijitTreeExpandoOpened { - background-position: -53px 0; - } - .dijitTreeExpandoClosed { - background-position: 1px 0; - } - .dijitTreeRowHover .dijitTreeExpandoClosed { - background-position: -17px 0; - } - .dijitTreeExpandoLeaf, - .dj_ie6 .dijitTreeExpandoLeaf { - background-image: none; - } - .dijitTreeExpandoLoading { - background-image: url(@image-loading-animation); - } - - /* Drag and Drop on TreeNodes - * Put insert line on dijitTreeContent node so it's aligned w/ - * (ie, indented equally with) target element, even - * though dijitTreeRowNode is the actual "drag object" - */ - .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { - border-top: 2px solid @dnd-dropseparator-color; // TODO: normal separator is just 1px, why is this 2px? - } - .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { - border-bottom: 2px solid @dnd-dropseparator-color; // TODO: normal separator is just 1px, why is this 2px? - } -} diff --git a/apps/ide/src/styles/comp/document.less b/apps/ide/src/styles/comp/document.less deleted file mode 100644 index 4880ee3f..00000000 --- a/apps/ide/src/styles/comp/document.less +++ /dev/null @@ -1,48 +0,0 @@ -/* ======= Styling for the document itself (overriding dojo.css) ======== */ - -@import "../less/variables"; -@import "../less/theme-set"; - - -//@import url("../../../dojo/resources/dojo.css"); - - .@{theme} { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: .688em; - color: @document-text-color; - - /* Headings */ - h1 { - font-size: 1.545em; - margin-bottom: 0.727em; - } - h2 { - font-size: 1.364em; - line-height: 1.455em; - margin-top: 1em; - margin-bottom: 0.60em; - font-weight: normal; - } - h3, h4, h5, h6 { - font-size: 1.091em; - font-weight: normal; - } - - /* paragraphs, quotes and lists */ - p { - line-height: 1.3em; - } - - /* pre and code */ - pre, code { - font-family: inherit; - background-color: @document-shadedsection-background-color; - border: 1px solid @document-border-color; - } - - /* tables */ - table.dojoTabular thead, table.dojoTabular tfoot { - background-color: @document-shadedsection-background-color; - border: 1px solid @document-border-color; - } - } diff --git a/apps/ide/src/styles/css/webida.css b/apps/ide/src/styles/css/webida.css deleted file mode 100644 index 28a20a7e..00000000 --- a/apps/ide/src/styles/css/webida.css +++ /dev/null @@ -1,38 +0,0 @@ -@import url("../css/webida-calc.css"); -@import url("../icons/commonIcons.css"); -/*sprite containing common icons to be used by all themes*/ -@import url("../css/Common.css"); -@import url("../css/Common.css"); -@import url("../css/Button.css"); -@import url("../css/Checkbox.css"); -@import url("../css/RadioButton.css"); -@import url("../css/Select.css"); -@import url("../css/TabContainer.css"); -@import url("../css/Dialog.css"); -@import url("../css/AccordionContainer.css"); -@import url("../css/ContentPane.css"); -@import url("../css/Calendar.css"); -@import url("../css/Menu.css"); -@import url("../css/Slider.css"); -@import url("../css/ColorPalette.css"); -@import url("../css/InlineEditBox.css"); -@import url("../css/ProgressBar.css"); -@import url("../css/TimePicker.css"); -@import url("../css/BorderContainer.css"); -@import url("../css/Tree.css"); -@import url("../css/Toolbar.css"); -@import url("../css/Editor.css"); -/*in order to test button or menu item with icon */ -@import url("../icons/editorIcons.css"); -/*sprite for editor icons to be used by all themes*/ -@import url("../css/TitlePane.css"); -@import url("../css/NumberSpinner.css"); -@import url("../css/EnhancedGrid.css"); -@import url("../css/ToggleSplitter.css"); -@import url("../css/ExpandoPane.css"); -@import url("../css/FloatingPane.css"); -@import url("../css/CheckedMultiSelect.css"); -@import url("../css/ResizeHandle.css"); -@import url("../css/webida-loading.css"); -@import url("../css/webida-base.css"); -@import url("../css/webida-project-wizard.css"); diff --git a/apps/ide/src/styles/fonts/fontawesome-webfont.eot b/apps/ide/src/styles/fonts/fontawesome-webfont.eot deleted file mode 100644 index 6cfd5660..00000000 Binary files a/apps/ide/src/styles/fonts/fontawesome-webfont.eot and /dev/null differ diff --git a/apps/ide/src/styles/fonts/fontawesome-webfont.svg b/apps/ide/src/styles/fonts/fontawesome-webfont.svg deleted file mode 100644 index a9f84695..00000000 --- a/apps/ide/src/styles/fonts/fontawesome-webfont.svg +++ /dev/null @@ -1,504 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/fonts/fontawesome-webfont.woff b/apps/ide/src/styles/fonts/fontawesome-webfont.woff deleted file mode 100644 index 9eaecb37..00000000 Binary files a/apps/ide/src/styles/fonts/fontawesome-webfont.woff and /dev/null differ diff --git a/apps/ide/src/styles/form/Button.less b/apps/ide/src/styles/form/Button.less deleted file mode 100644 index 6ee7b1b3..00000000 --- a/apps/ide/src/styles/form/Button.less +++ /dev/null @@ -1,166 +0,0 @@ -/* Button | DropDownButton | ComboButton | ToggleButton - * - * Styling Buttons mainly includes: - * - * 1. Containers - * .dijitButton - * .dijitDropDownButton - * .dijitComboButton - * .dijitButtonNode - common button/arrow wrapper shared across all three button types - * - * 2. Button text - * .dijitButtonText - * - * 3. Arrows - only for DropDownButton and ComboButton - * There are total four directions arrows - down, left, right, up: - * .dijitArrowButtonInner - down arrow by default - * .dijitLeftArrowButton .dijitArrowButtonInner - left arrow - * .dijitRightArrowButton .dijitArrowButtonInner - right arrow - * .dijitUpArrowButton .dijitArrowButtonInner - up arrow - * - * 4. States - Hover, Active, Disabled, e.g. - * .dijitButtonHover .dijitButtonNode - * .dijitButtonActive .dijitButtonNode - * .dijitButtonDisabled .dijitButtonNode - * - * .dijitDisabled .dijitArrowButtonInner - disabled arrow states - */ -@import "../less/theme-set"; -@import "../less/variables"; - -.@{theme} { - .dijitButtonNode { - /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */ - .transition-property(background-color); - .transition-duration(.3s); - } - - .dijitButton .dijitButtonNode, - .dijitDropDownButton .dijitButtonNode, - .dijitComboButton .dijitButtonNode, - .dijitToggleButton .dijitButtonNode { - border: 0; - color: @button-normal-color; - padding: 2px 4px 4px 4px; - border-radius: 2px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - background-color: @button-normal-background; - /*background-image: -webkit-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); - background-image: -moz-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); - background-image: -o-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); - background-image: linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%);*/ - } - - .dijitComboButton .dijitArrowButton { - border-left-width: 0; - padding: 2px 4px 4px 4px; /* TODO: still needed? */ - } - - /*arrow styles for down/up/left/right directions*/ - .dijitArrowButtonInner { - width: 15px; - height: 15px; - margin: 0 auto; - background-image: url("@{image-form-button-arrows}"); - background-repeat: no-repeat; - background-position: -51px 53%; - } - .dijitLeftArrowButton .dijitArrowButtonInner { - background-position: -77px 53%; - } - .dijitRightArrowButton .dijitArrowButtonInner { - background-position: -26px 53%; - } - .dijitUpArrowButton .dijitArrowButtonInner { - background-position: 0 53%; - } - .dijitDisabled .dijitArrowButtonInner { - background-position: -151px 53%; - } - .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { - background-position: -177px 53%; - } - .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { - background-position: -126px 53%; - } - .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { - background-position: -100px 53%; - } - - .dijitButtonText { - padding: 0 0.3em; - text-align: center; - } - - /* hover status */ - .dijitButtonHover .dijitButtonNode, - .dijitDropDownButtonHover .dijitButtonNode, - .dijitComboButton .dijitButtonNodeHover, - .dijitComboButton .dijitDownArrowButtonHover, - .dijitToggleButtonHover .dijitButtonNode { - /*background-image: -webkit-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); - background-image: -moz-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); - background-image: -o-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); - background-image: linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%);*/ - background-color: @button-hover-background; - color: @button-hover-color; - } - - /* active, checked status */ - .dijitButtonActive .dijitButtonNode, - .dijitDropDownButtonActive .dijitButtonNode, - .dijitComboButtonActive .dijitButtonNode, - .dijitToggleButtonActive .dijitButtonNode, - .dijitToggleButtonChecked .dijitButtonNode { - //background-color: desaturate(darken(@button-pressed-background-color, 10), 20); - background-color: @button-active-background; - color: @button-active-color; - .transition-duration(.1s); - } - - /*select - background-color: rgba(92,156,205,1); - color: rgba(39,42,45,1); - */ - - /* disabled status */ - .dijitButtonDisabled, - .dijitDropDownButtonDisabled, - .dijitComboButtonDisabled, - .dijitToggleButtonDisabled { - outline: none; - opacity: 0.4; - } - .dijitButtonDisabled .dijitButtonNode, - .dijitDropDownButtonDisabled .dijitButtonNode, - .dijitComboButtonDisabled .dijitButtonNode, - .dijitToggleButtonDisabled .dijitButtonNode { - background-color: @disabled-background-color; - border: solid 1px @disabled-border-color; - color: @disabled-text-color; - .box-shadow(0 0 0 rgba(0, 0, 0, 0)); - - // Change the gradient from light to dark. - // Again using CSS gradient with fallback to image for IE. - background-image: url("images/buttonDisabled.png"); - .alpha-white-gradient(1, 0%, 0, 40%); - _background-image: none; // IE6 can't handle background-color and background-image at once. - } - - .dijitComboButtonDisabled .dijitArrowButton { - border-left-width: 0; - } - /* for ComboButton */ - table.dijitComboButton { - border-collapse: separate; /* override dijit.css so that ComboBox rounded corners work */ - } - - .dijitComboButton .dijitStretch { - .border-radius(@button-border-radius 0 0 @button-border-radius); - } - .dijitComboButton .dijitArrowButton { - .border-radius(0 @button-border-radius @button-border-radius 0); - } -} diff --git a/apps/ide/src/styles/form/Checkbox.less b/apps/ide/src/styles/form/Checkbox.less deleted file mode 100644 index 98234433..00000000 --- a/apps/ide/src/styles/form/Checkbox.less +++ /dev/null @@ -1,83 +0,0 @@ -/* CheckBox - * - * Styling CheckBox mainly includes: - * - * 1. Containers - * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image - * - * 2. CheckBox within ToggleButton - * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image - * - * 3. Checked state - * .dijitCheckBoxChecked - for checked background-color|image - * .dijitToggleButtonChecked - for border, background-color|image, display and width|height - * - * 4. Hover state - * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image - * - * 5. Disabled state - * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image - */ - -@import "../less/variables"; -@import "../less/theme-set"; - - -.dj_ie6 .@{theme} .dijitToggleButton .dijitCheckBoxIcon { - background-image: url("@{image-checkmark-ie6}"); -} - - -.@{theme} { - .dijitToggleButton .dijitCheckBoxIcon { - background-image: url("@{image-checkmark}"); - } - - .dijitCheckBox, - .dijitCheckBoxIcon /* inside a toggle button */ { - background-image: url("@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ - background-repeat: no-repeat; - width: 18px; - height: 18px; - margin: 0 2px 0 0; - padding: 0; - } - - .dj_ie6 .dijitCheckBox, - .dj_ie6 .dijitCheckBoxIcon /* inside a toggle button */ { - background-image: url("@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ - } - - .dijitCheckBox, - .dijitToggleButton .dijitCheckBoxIcon { - /* unchecked */ - background-position: -18px; - } - - .dijitCheckBoxChecked, - .dijitToggleButtonChecked .dijitCheckBoxIcon { - /* checked */ - background-position: -0; - } - - .dijitCheckBoxDisabled { - /* disabled */ - background-position: -90px; - } - - .dijitCheckBoxCheckedDisabled { - /* disabled but checked */ - background-position: -72px; - } - - .dijitCheckBoxHover { - /* hovering over an unchecked enabled checkbox */ - background-position: -54px; - } - - .dijitCheckBoxCheckedHover { - /* hovering over an checked enabled checkbox */ - background-position: -36px; - } - -} diff --git a/apps/ide/src/styles/form/Common.less b/apps/ide/src/styles/form/Common.less deleted file mode 100644 index 32827adb..00000000 --- a/apps/ide/src/styles/form/Common.less +++ /dev/null @@ -1,253 +0,0 @@ -/* wsdk/form/Common.css */ - -/*========================= common css =========================*/ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitTextBox, - .dijitInputInner { - // .dijitInputInner selector needed for ValidationTextBox on IE6 because doesn't inherit - // the color setting from the ancestor div.dijitTextBox - color: @text-color; - } - - .dijitValidationTextBoxError .dijitValidationContainer { - background-color: @erroricon-background-color; - background-image: url("@{image-form-error}"); - background-position: top center; - border: solid @erroricon-background-color 0; - width: 9px; - } - - .dijitTextBoxError .dijitValidationContainer { - border-left-width: 1px; - } - - .dijitValidationTextBoxError .dijitValidationIcon { - width: 0; - background-color: transparent; /* so the INPUT doesn't obscure the border in rtl+a11y */ - } - - /* Padding for the input area of TextBox based widgets, and corresponding padding for the - * down arrow button and the placeholder. placeholder is explicitly listed because - * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField - * won't affect it - */ - .dijitTextArea, - .dijitInputField .dijitPlaceHolder { - padding: @textbox-padding; - } - - .dijitSelect .dijitInputField, - .dijitTextBox .dijitInputField { - padding: @textbox-padding - 1px @textbox-padding; - } - - .dj_gecko .dijitTextBox .dijitInputInner, - .dj_webkit .dijitTextBox .dijitInputInner { - // Although we are theoretically only adding 1px to top/bottom, some browsers seem to pad inputs by 1px on left/right, - // so compensate for that too. - padding: @textbox-padding - 1px; - } - - .dijitSelect, - .dijitSelect .dijitButtonContents, - .dijitTextBox, - .dijitTextBox .dijitButtonNode { - /* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */ - border-color: rgba(109,120,134,1); - .transition-property(background-color, border); - .transition-duration(.35s); - border-radius: 0px; - } - .dijitSelect .dijitButtonContents { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - } - .dijitSelect, - .dijitTextBox { - background-color: rgba(230,233,237,1); - } - - /* hover */ - .dijitSelectHover, - .dijitSelectHover .dijitButtonContents, - .dijitTextBoxHover, - .dijitTextBoxHover .dijitButtonNode { - border-color: @hovered-border-color; - .transition-duration(.25s); - } - - .dijitTextBoxHover { - background-color: @textbox-hovered-background-color; - .textbox-background-image; - } - - /* error state */ - .dijitSelectError, - .dijitSelectError .dijitButtonContents, - .dijitTextBoxError, - .dijitTextBoxError .dijitButtonNode { - border-color: @error-border-color; - } - - /* focused state */ - .dijitSelectFocused, - .dijitSelectFocused .dijitButtonContents, - .dijitTextBoxFocused, - .dijitTextBoxFocused .dijitButtonNode { - border-color:@focused-border-color; - .transition-duration(.1s); - } - - .dijitTextBoxFocused { - background-color: @textbox-focused-background-color; - .textbox-background-image; - } - .dijitTextBoxFocused .dijitInputContainer { - background: @textbox-focused-background-color; - } - - .dijitSelectErrorFocused, - .dijitSelectErrorFocused .dijitButtonContents, - .dijitTextBoxErrorFocused, - .dijitTextBoxErrorFocused .dijitButtonNode { - border-color: @error-focused-border-color; - } - - /* disabled state */ - .dijitSelectDisabled, - .dijitSelectDisabled .dijitButtonContents, - .dijitTextBoxDisabled, - .dijitTextBoxDisabled .dijitButtonNode { - border-color: @disabled-border-color; - } - - .dijitSelectDisabled, - .dijitTextBoxDisabled, - .dijitTextBoxDisabled .dijitInputContainer { - background-color: @textbox-disabled-background-color; - background-image: none; - } - - .dijitSelectDisabled, - .dijitTextBoxDisabled, - .dijitTextBoxDisabled .dijitInputInner { - color: @disabled-text-color; - } - - .dj_webkit .dijitDisabled input { - /* because WebKit lightens disabled input/textarea no matter what color you specify */ - color: darken(@disabled-text-color, 5%) - } - - .dj_webkit textarea.dijitTextAreaDisabled { - /* because WebKit lightens disabled input/textarea no matter what color you specify */ - color: darken(@disabled-text-color, 40%) - } - - /*========================= for special widgets =========================*/ - - /* Input boxes with an arrow (for a drop down) */ - - .dijitSelect .dijitArrowButtonInner, - .dijitComboBox .dijitArrowButtonInner { - background-image: @toolbar_arrow; - background-position:0 0; - background-repeat: no-repeat; - margin: 0; - width:8px; - border-radius: 0; - border-color: rgba(109,120,134,1); - } - - .dijitComboBox .dijitArrowButtonInner { - //border: 1px solid rgba(109,120,134,1); // white gutter around the arrow button - } - - .dijitToolbar .dijitComboBox .dijitArrowButtonInner { - border: none; - } - - .dijitToolbar .dijitComboBox .dijitArrowButtonInner { - border: none; - } - - /* Add 1px vertical padding to the where user types and the validation icon, - to match the 1px border on arrow button */ - .dijitSelectLabel, - .dijitTextBox .dijitInputInner, - .dijitValidationTextBox .dijitValidationContainer { - padding: 1px 0; - } - - .dijitComboBox .dijitButtonNode { - padding: 0 3px; - background-color: #6d7886; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - } - - /* Arrow "hover" effect: - * The arrow button should change color whenever the mouse is in a position such that clicking it - * will toggle the drop down. That's either (1) anywhere over the ComboBox or (2) over the arrow - * button, depending on the openOnClick setting for the widget. - */ - .dijitComboBoxOpenOnClickHover .dijitButtonNode, - .dijitComboBox .dijitDownArrowButtonHover, - .dijitComboBoxFocused .dijitArrowButton { - background-color:@arrowbutton-hovered-background-color; - padding: 1px 4px; - } - .dijitComboBoxFocused .dijitArrowButton input{ - background-position:-24px 0; - border: 0; - } - - .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, - .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner { - background-position:-24px 0; - border: 0; - } - - /* Arrow Button change when drop down is open */ - .dijitComboBox .dijitHasDropDownOpen { // .dijitHasDropDown is on dijitArrowButton node - background-color: @pressed-background-color; - .active-gradient("../"); - padding: 1px; // Since no border on arrow button (see rule below) - } - - .dj_iequirks .dijitComboBox .dijitHasDropDownOpen { - padding: 1px 0; - } - - .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { - background-position:-70px 53%; - border: 0 none; - } - - /* disabled state */ - div.dijitComboBoxDisabled .dijitArrowButtonInner { - /* specific selector set to override background-position setting from Button.js - * (.dijitComboBoxDisabled .dijitArrowButtonInner) */ - background-position:0 50%; - background-color:transparent; - } -} -/*========================= hacks for browsers =========================*/ -/* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */ -.dj_ff3 .webida .dijitInputField input[type="hidden"] { - display: none; - height: 0; - width: 0; -} - -.dj_borderbox .webida .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { - width:18px; // quirks mode means border-box sizing, so 18px with the border (same as 16px without border) -} - -.dj_borderbox .webida .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { - width:16px; // when no border, then back to 16px just like content-box sizing -} diff --git a/apps/ide/src/styles/form/NumberSpinner.less b/apps/ide/src/styles/form/NumberSpinner.less deleted file mode 100644 index 84ffa288..00000000 --- a/apps/ide/src/styles/form/NumberSpinner.less +++ /dev/null @@ -1,157 +0,0 @@ -/* NumberSpinner - namespace "dijitSpinner" - * - * Styling NumberSpinner mainly includes: - * - * 1. Arrows - * Outer containers: .dijitSpinnerButtonContainer|.dijitSpinnerButtonInner - for border, padding and position - * Arrows: .dijitArrowButton|.dijitUpArrowButton.|dijitDownArrowButton - * Inner container: .dijitArrowButtonInner - for border, padding, width|height and background image - * - * 2. Hover state - * .dijitUpArrowButtonHover|.dijitDownArrowButtonHover .* - for background color|image - * - * 3. Active state - * .dijitUpArrowButtonActive|.dijitDownArrowButtonActive .* - for border, padding, margin and background color|image - * - * 4. Focused state - * .dijitSpinnerFocused .* - for background color|image - * - * 5. Disabled state - * .dijitSpinnerDisabled .* - for background color|image - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - - .dijitSpinnerButtonContainer { - overflow: hidden; - position: relative; - width: auto; - padding: 0 2px; - } - .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { - border-width: 1px 0; /* reserve space to match thecombobox button border with border and not padding to make IE happier */ - border-style: solid none; - } - - /* button */ - .dijitSpinner .dijitArrowButton { - width:auto; - background-color: @arrowbutton-background-color; - .standard-gradient("../"); - overflow: hidden; - } - .dj_iequirks .dijitSpinner .dijitArrowButton { - overflow: visible; /* 0 height w/o this */ - } - - .dijitSpinner .dijitSpinnerButtonInner { - width: 15px; - } - /* up & down button icons */ - .dijitSpinner .dijitArrowButtonInner { - border:solid 1px @arrowbutton-inner-border-color; - border-bottom-width: 0; /* 2 top borders = 1 top+bottom border in ComboBox */ - background-image: url("@{image-form-common-arrows}"); - background-repeat: no-repeat; - height: 100%; - width:15px; - padding-left: 1px; - padding-right: 1px; - - /* for up arrow */ - background-position:-139px center; - - /* override button.css (TODO: move to Common.css since ComboBox needs this too) */ - display: block; - margin: -1px 0 -1px 0; /* compensate for inner border */ - } - - .dj_iequirks .dijitSpinner .dijitArrowButtonInner, - .dj_ie6 .dijitSpinner .dijitArrowButtonInner, - .dj_ie7 .dijitSpinner .dijitArrowButtonInner, - .dj_ie8 .dijitSpinner .dijitArrowButtonInner { - margin-top: 0; /* since its bottom aligned */ - } - - .dj_iequirks .dijitSpinner .dijitArrowButtonInner { - width: 19px; - } - .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { - background-position:-34px; - } - .dijitSpinner .dijitArrowButtonInner .dijitInputField { - padding: 0; - } - - /** hover & focused status **/ - - .dijitUpArrowButtonActive, - .dijitDownArrowButtonActive { - background-color:@arrowbutton-pressed-background-color; - } - - .dijitSpinner .dijitUpArrowButtonHover, - .dijitSpinner .dijitDownArrowButtonHover, - .dijitSpinnerFocused .dijitArrowButton { - background-color: @arrowbutton-hovered-background-color; - } - - .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { - background-position:-174px; - } - .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { - background-position:-69px; - } - - .dijitSpinnerFocused { - background-color: @textbox-focused-background-color; - background-image: none; - } - - /* mouse down status */ - .dijitSpinner .dijitDownArrowButtonActive, - .dijitSpinner .dijitUpArrowButtonActive { - background-color: #7dbefa; // TODO. Mailed Jason about inconsistent ComboBox/Spinner behavior. - .active-gradient("../"); - } - .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, - .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { - /* hide inner border while button is depressed */ - border: 0; - padding: 1px; - margin-right:2px; - margin-bottom:1px; - } - .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { - background-position:-173px; - } - .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { - background-position:-68px; - } - - /* disabled */ - - .dijitSpinnerDisabled .dijitArrowButtonInner { - background-color: @disabled-background-color; - } - .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { - background-position:-104px; - } - .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { - background-position:1px; - } - - - -} - -/** hacks for browsers **/ - -/* for IE 7, when div is enlarged, - * should be no empty space between dijitInputLayoutContainer and dijitSpinner*/ -.dj_ie7 .dijitSpinner { - overflow:visible; -} diff --git a/apps/ide/src/styles/form/RadioButton.less b/apps/ide/src/styles/form/RadioButton.less deleted file mode 100644 index 38cdff94..00000000 --- a/apps/ide/src/styles/form/RadioButton.less +++ /dev/null @@ -1,89 +0,0 @@ -/* RadioButton - * - * Styling RadioButton mainly includes: - * - * 1. Containers - * .dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image - * - * 2. RadioButton within ToggleButton - * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image - * - * 3. Checked state - * .dijitRadioChecked - for checked background-color|image - * .dijitToggleButtonChecked - for border, background-color|image, display and width|height - * - * 4. Hover state - * .dijitRadioHover|.dijitRadioCheckedHover - for background image - * - * 5. Disabled state - * .dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.dj_ie6 .dijitToggleButton .dijitRadio, -.dj_ie6 .dijitToggleButton .dijitRadioIcon { - background-image: url("@{image-form-checkbox-and-radios-ie6}"); -} - -.@{theme} { - .dijitToggleButton .dijitRadio, - .dijitToggleButton .dijitRadioIcon { - background-image: url("@{image-form-checkbox-and-radios}"); - } - - .dijitRadio, - .dijitRadioIcon { - /* inside a toggle button */ - background-image: url("@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ - background-repeat: no-repeat; - width: 18px; - height: 18px; - margin: 0 2px 0 0; - padding: 0; - } - - .dj_ie6 .dijitRadio, - .dj_ie6 .dijitRadioIcon { - /* inside a toggle button */ - background-image: url("@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ - } - - .dijitRadio { - /* unselected */ - background-position: -126px; - } - - .dijitToggleButton .dijitRadioIcon { - /* unselected */ - background-position: -107px; - } - - .dijitRadioDisabled { - /* unselected and disabled */ - background-position: -198px; - } - - .dijitRadioHover { - /* hovering over an unselected enabled radio button */ - background-position: -162px; - } - - .dijitRadioChecked { - background-position: -108px; - } - - .dijitToggleButtonChecked .dijitRadioIcon { - background-position: -92px; - } - - .dijitRadioCheckedHover { - background-position: -144px; - } - - .dijitRadioCheckedDisabled { - /* selected but disabled */ - background-position: -180px; - } -} diff --git a/apps/ide/src/styles/form/Select.less b/apps/ide/src/styles/form/Select.less deleted file mode 100644 index 7120b3a9..00000000 --- a/apps/ide/src/styles/form/Select.less +++ /dev/null @@ -1,99 +0,0 @@ -/* Select - * - * Styling Select mainly includes: - * - * 1. Containers - * .dijitSelect - for border, background-color - * .dijitButtonContents - for border - * - * 2. Arrow - * .dijitArrowButton - for border, padding and background-color|image - * .dijitArrowButtonInner - for border, background-color|image, display and width|height - * - * 3. Menu - * .dijitSelectMenu .* - for border, padding - * - * 4. Various states - * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - /* normal status */ - .dijitSelect .dijitArrowButtonContainer { - //border: 1px solid @arrowbutton-inner-border-color; - border: 0; - } - - .dijitSelect .dijitArrowButton { - padding: 0 4px; - background-color: rgba(109, 120, 134, 1); - } - - .dijitSelect .dijitArrowButton .dijitArrowButtonInner { - height: 16px !important; - outline: none; - border: none; - } - - /* hover status */ - .dijitSelectHover { - background-color: @textbox-hovered-background-color; - .textbox-background-image; - background-repeat: repeat-x; - } - - .dijitSelectHover .dijitArrowButton { - background-color: @arrowbutton-hovered-background-color; - border: none; - } - - .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { - background-position: -8px 0; - } - - /* focused status */ - .dijitSelectFocused .dijitArrowButton { - background-color: #7dbefa; // TODO. Mailed Jason about inconsistent ComboBox/Spinner behavior. - } - - .dijitSelectFocused .dijitArrowButton { - border: none; - } - - .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { - background-position: -24px 0; - outline: none; - border: none; - } - - /* disable status */ - .dijitSelectDisabled { - border-color: @disabled-border-color; - background-color: @disabled-background-color; - background-image: none; - color: @disabled-text-color; - } - - .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { - background-position: 0 53% - } - - /* Dropdown menu style for select */ - .dijitSelectMenu td.dijitMenuItemIconCell, - .dijitSelectMenu td.dijitMenuArrowCell { - /* so that arrow and icon cells from MenuItem are not displayed */ - display: none; - } - - .dijitSelectMenu td.dijitMenuItemLabel { - /* line up menu text with text in select box (in LTR and RTL modes) */ - padding: @textbox-padding; - } - - .dijitSelectMenu .dijitMenuSeparatorTop { - border-bottom: 1px solid @focused-border-color; - } -} diff --git a/apps/ide/src/styles/form/Slider.less b/apps/ide/src/styles/form/Slider.less deleted file mode 100644 index 64cb9197..00000000 --- a/apps/ide/src/styles/form/Slider.less +++ /dev/null @@ -1,351 +0,0 @@ -/* Slider - * - * Styling Slider mainly includes styling the Slider progress bar (dijitSliderProgressBar) - * - * Slider progress bar: - * 1. Slider progress bar (default styling): - * .dijitSliderProgressBarH - progress bar at the middle of horizontal slider - * .dijitSliderLeftBumper - bar at the left of horizontal slider - * .dijitSliderRightBumper - bar at the right of horizontal slider - * .dijitSliderProgressBarV - progress bar at the middle of vertical slider - * .dijitSliderTopBumper - bar at the top of vertical slider - * .dijitSliderBottomtBumper - bar at the bottom of vertical slider - * - * 2. hovered Slider progress bar (ie, mouse hover on progress bar) - * .dijitSliderHover .dijitSliderProgressBarH(horizontal) - hovered bar style: background, border - * - * 3. focused Slider progress bar (ie, mouse focused on progress bar) - * .dijitSliderFocused .dijitSliderProgressBarH(horizontal) - focus bar style: background, border - * - * 4. disabled/read-only Slider progress bar - * .dijitSliderDisabled .dijitSliderProgressBarH(horizontal) - bar styles when slider is disabled - * - * - * Slider Thumbs: - * 1. Slider Thumbs (default styling): - * .dijitSliderImageHandleH / .dijitSliderImageHandleV - styles for the controller on the progress bar - * - * 2. hovered Slider Thumbs (ie, mouse hover on slider thumbs) - * .dijitSliderHover .dijitSliderImageHandleH - hovered controller style - * - * 3. focused Slider progress bar (ie, mouse focused on slider thumbs) - * .dijitSliderFocused .dijitSliderImageHandleV - focused controller style - * - * - * Slider Increment/Decrement Buttons: - * 1. Slider Increment/Decrement Buttons (default styling): - * .dijitSliderDecrementIconH - decrement icon which lies at the left of horizontal slider - * .dijitSliderIncrementIconH - increment icon which lies at the right of horizontal slider - * .dijitSliderDecrementIconV - decrement icon which lies at the bottom of vertical slider - * .dijitSliderIncrementIconV - increment icon which lies at the top of vertical slider - * - * 2. hovered Slider Increment/Decrement Buttons (mouse hover on the icons) - * .dijitSliderHover .dijitSliderDecrementIconH - for background, border - * - * 3. active Slider Increment/Decrement Buttons (mouse down on the icons) - * .dijitSliderActive .dijitSliderIncrementIconV - for background, border - * - * 4. disabled/read-only Slider Increment/Decrement Buttons - * .dijitSliderDisabled .dijitSliderDecrementIconH - styles for the icons in disabled slider - * .dijitSliderReadOnly .dijitSliderIncrementIconV - styles for the icons in read-only slider - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitSliderBar { - //border-style: solid; - outline: 1px; - height: 3px; - border: 0; - background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); - } - .dijitSliderFocused .dijitSliderBar { - border-color: @focused-border-color; - } - .dijitSliderHover .dijitSliderBar { - border-color: @hovered-border-color; - } - .dijitSliderDisabled .dijitSliderBar { - background-image: none; - border-color: @disabled-border-color; - } - .dijitRuleLabelsContainer { - color: @text-color; - } - - /* Horizontal Slider */ - - .dijitRuleLabelsContainerH { - padding: 2px 0; - } - .dijitSlider .dijitSliderProgressBarH, - .dijitSlider .dijitSliderLeftBumper { - //border-color: @border-color; - //background-color: @slider-fullbar-background-color; - //.alpha-white-gradient (top, 1,0px, 1,1px, 0,2px); - background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); - } - .dijitSlider .dijitSliderRemainingBarH, - .dijitSlider .dijitSliderRightBumper { - border-color: @border-color; - background-color: @slider-remainingbar-background-color; - } - .dijitSliderRightBumper { - border-right: solid 1px @border-color; - } - .dijitSliderLeftBumper { - border-left: solid 1px @border-color; - } - .dijitSliderHover .dijitSliderProgressBarH, - .dijitSliderHover .dijitSliderLeftBumper { - background-color: @slider-hovered-fullbar-background-color; - border-color: @hovered-border-color; - } - .dijitSliderHover .dijitSliderRemainingBarH, - .dijitSliderHover .dijitSliderRightBumper { - background-color: @slider-hovered-remainingbar-background-color; - border-color: @hovered-border-color; - } - .dijitSliderFocused .dijitSliderProgressBarH, - .dijitSliderFocused .dijitSliderLeftBumper { - background-color: @slider-focused-fullbar-background-color; - border-color: @focused-border-color; - .box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.2)); - } - .dijitSliderFocused .dijitSliderRemainingBarH, - .dijitSliderFocused .dijitSliderRightBumper { - background-color: @slider-focused-remainingbar-background-color; - border-color: @focused-border-color; - .box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.2)); - } - .dijitSliderDisabled .dijitSliderProgressBarH, - .dijitSliderDisabled .dijitSliderLeftBumper { - background-color: @disabled-border-color; /* left side of slider, fill matches border */ - background-image: none; - } - .dijitSliderDisabled .dijitSliderRemainingBarH, - .dijitSliderDisabled .dijitSliderRightBumper { - background-color: @disabled-background-color; - } - - /* Vertical Slider */ - - .dijitRuleLabelsContainerV { - padding: 0 2px; - } - .dijitSlider .dijitSliderProgressBarV, - .dijitSlider .dijitSliderBottomBumper { - border-color: @border-color; - background-color: @slider-fullbar-background-color; - .alpha-white-gradient (left, 1, 0px, 0, 1px); - } - .dijitSlider .dijitSliderRemainingBarV, - .dijitSlider .dijitSliderTopBumper { - border-color: @border-color; - background-color: @slider-remainingbar-background-color; - } - .dijitSliderBottomBumper { - border-bottom: solid 1px @border-color; - } - .dijitSliderTopBumper { - border-top: solid 1px @border-color; - } - .dijitSliderHover .dijitSliderProgressBarV, - .dijitSliderHover .dijitSliderBottomBumper { - background-color: @slider-hovered-fullbar-background-color; - border-color: @hovered-border-color; - } - .dijitSliderHover .dijitSliderRemainingBarV, - .dijitSliderHover .dijitSliderTopBumper { - background-color: @slider-hovered-remainingbar-background-color; - border-color: @hovered-border-color; - } - .dijitSliderFocused .dijitSliderProgressBarV, - .dijitSliderFocused .dijitSliderBottomBumper { - background-color: @slider-focused-fullbar-background-color; - border-color: @focused-border-color; - .box-shadow(inset 1px 0px 1px rgba(0, 0, 0, 0.2)); - } - .dijitSliderFocused .dijitSliderRemainingBarV, - .dijitSliderFocused .dijitSliderTopBumper { - background-color: @slider-focused-remainingbar-background-color; - border-color: @focused-border-color; - .box-shadow(inset 1px 0px 1px rgba(0, 0, 0, 0.2)); - } - .dijitSliderDisabled .dijitSliderProgressBarV, - .dijitSliderDisabled .dijitSliderBottomBumper { - background-color: @disabled-border-color; /* bottom side of slider, fill matches border */ - } - .dijitSliderDisabled .dijitSliderRemainingBarV, - .dijitSliderDisabled .dijitSliderTopBumper { - background-color: @disabled-background-color; - } - - /* ------- Thumbs ------- */ - - .dijitSliderImageHandleH { - border: 0; - width: 18px; - height: 19px; - background-image: url("@{image-form-slider-thumbs}"); - background-repeat: no-repeat; - background-position: -36px 0; - top: -7px; - } - .dijitSliderHover .dijitSliderImageHandleH { - background-position: -18px 0; - } - .dijitSliderFocused .dijitSliderImageHandleH { - background-position: -36px 0; - } - .dijitSliderProgressBarH .dijitSliderThumbHover { - background-position: -36px 0; - } - .dijitSliderProgressBarH .dijitSliderThumbActive { - background-position: -36px 0; - } - .dijitSliderReadOnly .dijitSliderImageHandleH, - .dijitSliderDisabled .dijitSliderImageHandleH { - background-position: -54px 0; - } - .dijitSliderImageHandleV { - border: 0; - width: 18px; - height: 16px; - background-image: url("@{image-form-slider-thumbs}"); - background-repeat: no-repeat; - background-position: -289px 0; - } - .dijitSliderHover .dijitSliderImageHandleV { - background-position: -307px 0; - } - .dijitSliderFocused .dijitSliderImageHandleV { - background-position: -325px 0; - } - .dijitSliderProgressBarV .dijitSliderThumbHover { - background-position: -325px 0; - } - .dijitSliderProgressBarV .dijitSliderThumbActive { - background-position: -325px 0; - } - .dijitSliderReadOnly .dijitSliderImageHandleV, - .dijitSliderDisabled .dijitSliderImageHandleV { - background-position: -343px 0; - } - - /* ---- Increment/Decrement Buttons ---- */ - - .dijitSliderButtonContainerH { - padding: 1px 3px 1px 2px; - } - .dijitSliderButtonContainerV { - padding: 3px 1px 2px 1px; - } - .dijitSliderDecrementIconH, - .dijitSliderIncrementIconH, - .dijitSliderDecrementIconV, - .dijitSliderIncrementIconV { - background-image: url("@{image-form-common-arrows}"); - background-repeat: no-repeat; - background-color: @arrowbutton-background-color; - .border-radius(2px); - border: solid 1px @border-color; - font-size: 1px; - } - .dijitSliderDecrementIconH, - .dijitSliderIncrementIconH { - height: 12px; - width: 9px; - } - .dijitSliderDecrementIconV, - .dijitSliderIncrementIconV { - height: 9px; - width: 12px; - } - .dijitSliderActive .dijitSliderDecrementIconH, - .dijitSliderActive .dijitSliderIncrementIconH, - .dijitSliderActive .dijitSliderDecrementIconV, - .dijitSliderActive .dijitSliderIncrementIconV, - .dijitSliderHover .dijitSliderDecrementIconH, - .dijitSliderHover .dijitSliderIncrementIconH, - .dijitSliderHover .dijitSliderDecrementIconV, - .dijitSliderHover .dijitSliderIncrementIconV { - /* dijitSliderActive should be treated as dijitSliderHover since "clicking the slider" has no meaning */ - border: solid 1px @hovered-border-color; - background-color: @slider-hoveredButton-background-color; - } - - .dijitSliderDecrementIconH { - background-position: -357px 50%; - } - .dijitSliderActive .dijitSliderDecrementIconH - .dijitSliderHover .dijitSliderDecrementIconH { - background-position: -393px 50%; - } - .dijitSliderIncrementIconH { - background-position: -251px 50%; - } - .dijitSliderActive .dijitSliderIncrementIconH - .dijitSliderHover .dijitSliderIncrementIconH { - background-position: -283px 50%; - } - .dijitSliderDecrementIconV { - background-position: -38px 50%; - } - .dijitSliderActive .dijitSliderDecrementIconV - .dijitSliderHover .dijitSliderDecrementIconV { - background-position: -73px 50%; - } - .dijitSliderIncrementIconV { - background-position: -143px 49%; - } - .dijitSliderActive .dijitSliderIncrementIconV - .dijitSliderHover .dijitSliderIncrementIconV { - background-position: -178px 49%; - } - .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, - .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, - .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, - .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { - background-color: @slider-button-hovered-background-color; - } - .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, - .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, - .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, - .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { - background-color: @slider-button-pressed-background-color; - border-color: @pressed-border-color; - } - .dijitSliderButtonInner { - visibility: hidden; - } - .dijitSliderDisabled .dijitSliderBar { - border-color: @disabled-border-color; - } - .dijitSliderReadOnly *, .dijitSliderDisabled * { - border-color: @disabled-border-color; - color: @disabled-text-color; - } - .dijitSliderReadOnly .dijitSliderDecrementIconH, - .dijitSliderDisabled .dijitSliderDecrementIconH { - background-position: -321px 50%; - background-color: @disabled-background-color; - } - .dijitSliderReadOnly .dijitSliderIncrementIconH, - .dijitSliderDisabled .dijitSliderIncrementIconH { - background-position: -215px 50%; - background-color: @disabled-background-color; - } - .dijitSliderReadOnly .dijitSliderDecrementIconV, - .dijitSliderDisabled .dijitSliderDecrementIconV { - background-position: -3px 49%; - background-color: @disabled-background-color; - } - .dijitSliderReadOnly .dijitSliderIncrementIconV, - .dijitSliderDisabled .dijitSliderIncrementIconV { - background-position: -107px 49%; - background-color: @disabled-background-color; - } -} diff --git a/apps/ide/src/styles/form/images/buttonDisabled.png b/apps/ide/src/styles/form/images/buttonDisabled.png deleted file mode 100644 index faf57ba1..00000000 Binary files a/apps/ide/src/styles/form/images/buttonDisabled.png and /dev/null differ diff --git a/apps/ide/src/styles/form/images/buttonDisabled.svg b/apps/ide/src/styles/form/images/buttonDisabled.svg deleted file mode 100644 index 72a51a01..00000000 --- a/apps/ide/src/styles/form/images/buttonDisabled.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/form/images/buttonEnabled.png b/apps/ide/src/styles/form/images/buttonEnabled.png deleted file mode 100644 index 0932a994..00000000 Binary files a/apps/ide/src/styles/form/images/buttonEnabled.png and /dev/null differ diff --git a/apps/ide/src/styles/form/images/buttonEnabled.svg b/apps/ide/src/styles/form/images/buttonEnabled.svg deleted file mode 100644 index d9e564ab..00000000 --- a/apps/ide/src/styles/form/images/buttonEnabled.svg +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/form/images/checkboxAndRadioButtons_IE6.png b/apps/ide/src/styles/form/images/checkboxAndRadioButtons_IE6.png deleted file mode 100644 index 92d22217..00000000 Binary files a/apps/ide/src/styles/form/images/checkboxAndRadioButtons_IE6.png and /dev/null differ diff --git a/apps/ide/src/styles/form/images/error.png b/apps/ide/src/styles/form/images/error.png deleted file mode 100644 index 46de1cd8..00000000 Binary files a/apps/ide/src/styles/form/images/error.png and /dev/null differ diff --git a/apps/ide/src/styles/form/images/sliderThumbs.png b/apps/ide/src/styles/form/images/sliderThumbs.png deleted file mode 100644 index d2904146..00000000 Binary files a/apps/ide/src/styles/form/images/sliderThumbs.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/commonIconsObjActDisabled.png b/apps/ide/src/styles/icons/images/commonIconsObjActDisabled.png deleted file mode 100644 index a348e3c1..00000000 Binary files a/apps/ide/src/styles/icons/images/commonIconsObjActDisabled.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/commonIconsObjActDisabled_rtl.png b/apps/ide/src/styles/icons/images/commonIconsObjActDisabled_rtl.png deleted file mode 100644 index d5e9ac8b..00000000 Binary files a/apps/ide/src/styles/icons/images/commonIconsObjActDisabled_rtl.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled8bit.png b/apps/ide/src/styles/icons/images/commonIconsObjActEnabled8bit.png deleted file mode 100644 index 20092f22..00000000 Binary files a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled8bit.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled8bit_rtl.png b/apps/ide/src/styles/icons/images/commonIconsObjActEnabled8bit_rtl.png deleted file mode 100644 index 7e504ff5..00000000 Binary files a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled8bit_rtl.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled_rtl.png b/apps/ide/src/styles/icons/images/commonIconsObjActEnabled_rtl.png deleted file mode 100644 index 23ff1a37..00000000 Binary files a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled_rtl.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/editorIconsDisabled.png b/apps/ide/src/styles/icons/images/editorIconsDisabled.png deleted file mode 100644 index 98160f43..00000000 Binary files a/apps/ide/src/styles/icons/images/editorIconsDisabled.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/editorIconsDisabled_rtl.png b/apps/ide/src/styles/icons/images/editorIconsDisabled_rtl.png deleted file mode 100644 index a657ef95..00000000 Binary files a/apps/ide/src/styles/icons/images/editorIconsDisabled_rtl.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/editorIconsEnabled.png b/apps/ide/src/styles/icons/images/editorIconsEnabled.png deleted file mode 100644 index bfc03b58..00000000 Binary files a/apps/ide/src/styles/icons/images/editorIconsEnabled.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/editorIconsEnabled_rtl.png b/apps/ide/src/styles/icons/images/editorIconsEnabled_rtl.png deleted file mode 100644 index ed1768a9..00000000 Binary files a/apps/ide/src/styles/icons/images/editorIconsEnabled_rtl.png and /dev/null differ diff --git a/apps/ide/src/styles/icons/images/loadingAnimation_rtl.gif b/apps/ide/src/styles/icons/images/loadingAnimation_rtl.gif deleted file mode 100644 index a1aaf625..00000000 Binary files a/apps/ide/src/styles/icons/images/loadingAnimation_rtl.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/activeGradient.png b/apps/ide/src/styles/images/activeGradient.png deleted file mode 100644 index e70daaa8..00000000 Binary files a/apps/ide/src/styles/images/activeGradient.png and /dev/null differ diff --git a/apps/ide/src/styles/images/activeGradient.svg b/apps/ide/src/styles/images/activeGradient.svg deleted file mode 100644 index 8ab6ce9c..00000000 --- a/apps/ide/src/styles/images/activeGradient.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/images/calendar.png b/apps/ide/src/styles/images/calendar.png deleted file mode 100644 index d892e495..00000000 Binary files a/apps/ide/src/styles/images/calendar.png and /dev/null differ diff --git a/apps/ide/src/styles/images/calendarArrows.png b/apps/ide/src/styles/images/calendarArrows.png deleted file mode 100644 index 73333ada..00000000 Binary files a/apps/ide/src/styles/images/calendarArrows.png and /dev/null differ diff --git a/apps/ide/src/styles/images/calendarArrows8bit.png b/apps/ide/src/styles/images/calendarArrows8bit.png deleted file mode 100644 index c8652600..00000000 Binary files a/apps/ide/src/styles/images/calendarArrows8bit.png and /dev/null differ diff --git a/apps/ide/src/styles/images/checkboxRadioButtonStates.png b/apps/ide/src/styles/images/checkboxRadioButtonStates.png deleted file mode 100644 index e20c985d..00000000 Binary files a/apps/ide/src/styles/images/checkboxRadioButtonStates.png and /dev/null differ diff --git a/apps/ide/src/styles/images/checkmarkNoBorder.gif b/apps/ide/src/styles/images/checkmarkNoBorder.gif deleted file mode 100644 index 324bfb3c..00000000 Binary files a/apps/ide/src/styles/images/checkmarkNoBorder.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/checkmarkNoBorder.png b/apps/ide/src/styles/images/checkmarkNoBorder.png deleted file mode 100644 index ae3271a1..00000000 Binary files a/apps/ide/src/styles/images/checkmarkNoBorder.png and /dev/null differ diff --git a/apps/ide/src/styles/images/commonFormArrows.png b/apps/ide/src/styles/images/commonFormArrows.png deleted file mode 100644 index 6d04742e..00000000 Binary files a/apps/ide/src/styles/images/commonFormArrows.png and /dev/null differ diff --git a/apps/ide/src/styles/images/commonIconsObjActEnabled.png b/apps/ide/src/styles/images/commonIconsObjActEnabled.png deleted file mode 100644 index be14bf0a..00000000 Binary files a/apps/ide/src/styles/images/commonIconsObjActEnabled.png and /dev/null differ diff --git a/apps/ide/src/styles/images/dialogCloseIcon8bit.png b/apps/ide/src/styles/images/dialogCloseIcon8bit.png deleted file mode 100644 index 200c0afb..00000000 Binary files a/apps/ide/src/styles/images/dialogCloseIcon8bit.png and /dev/null differ diff --git a/apps/ide/src/styles/images/dnd.png b/apps/ide/src/styles/images/dnd.png deleted file mode 100644 index 6e1d8990..00000000 Binary files a/apps/ide/src/styles/images/dnd.png and /dev/null differ diff --git a/apps/ide/src/styles/images/dndCopy.png b/apps/ide/src/styles/images/dndCopy.png deleted file mode 100644 index 660ca4fb..00000000 Binary files a/apps/ide/src/styles/images/dndCopy.png and /dev/null differ diff --git a/apps/ide/src/styles/images/dndMove.png b/apps/ide/src/styles/images/dndMove.png deleted file mode 100644 index 74af29c0..00000000 Binary files a/apps/ide/src/styles/images/dndMove.png and /dev/null differ diff --git a/apps/ide/src/styles/images/dndNoCopy.png b/apps/ide/src/styles/images/dndNoCopy.png deleted file mode 100644 index 998c2f26..00000000 Binary files a/apps/ide/src/styles/images/dndNoCopy.png and /dev/null differ diff --git a/apps/ide/src/styles/images/dndNoMove.png b/apps/ide/src/styles/images/dndNoMove.png deleted file mode 100644 index e909173e..00000000 Binary files a/apps/ide/src/styles/images/dndNoMove.png and /dev/null differ diff --git a/apps/ide/src/styles/images/grid_dx_gradient.gif b/apps/ide/src/styles/images/grid_dx_gradient.gif deleted file mode 100644 index 57f67baa..00000000 Binary files a/apps/ide/src/styles/images/grid_dx_gradient.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/grid_sort_down.gif b/apps/ide/src/styles/images/grid_sort_down.gif deleted file mode 100644 index 7a73f827..00000000 Binary files a/apps/ide/src/styles/images/grid_sort_down.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/grid_sort_up.gif b/apps/ide/src/styles/images/grid_sort_up.gif deleted file mode 100644 index 9452da05..00000000 Binary files a/apps/ide/src/styles/images/grid_sort_up.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/header.png b/apps/ide/src/styles/images/header.png deleted file mode 100644 index aa3e5bae..00000000 Binary files a/apps/ide/src/styles/images/header.png and /dev/null differ diff --git a/apps/ide/src/styles/images/header_shadow.png b/apps/ide/src/styles/images/header_shadow.png deleted file mode 100644 index 59b2c830..00000000 Binary files a/apps/ide/src/styles/images/header_shadow.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/buttonArrows.png b/apps/ide/src/styles/images/icons/buttonArrows.png deleted file mode 100644 index 642eff39..00000000 Binary files a/apps/ide/src/styles/images/icons/buttonArrows.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_arrow_hover.png b/apps/ide/src/styles/images/icons/title_icon_arrow_hover.png deleted file mode 100644 index 94c95fac..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_arrow_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_arrow_nml.png b/apps/ide/src/styles/images/icons/title_icon_arrow_nml.png deleted file mode 100644 index 66868704..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_arrow_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_arrow_pushed.png b/apps/ide/src/styles/images/icons/title_icon_arrow_pushed.png deleted file mode 100644 index ed325222..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_arrow_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_arrow_sel.png b/apps/ide/src/styles/images/icons/title_icon_arrow_sel.png deleted file mode 100644 index 7b7219a0..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_arrow_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_command_hover.png b/apps/ide/src/styles/images/icons/title_icon_command_hover.png deleted file mode 100644 index 230f2f89..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_command_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_command_nml.png b/apps/ide/src/styles/images/icons/title_icon_command_nml.png deleted file mode 100644 index 4c34e0c5..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_command_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_command_pushed.png b/apps/ide/src/styles/images/icons/title_icon_command_pushed.png deleted file mode 100644 index ed1ff2a0..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_command_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_command_sel.png b/apps/ide/src/styles/images/icons/title_icon_command_sel.png deleted file mode 100644 index f5c6ce34..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_command_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_copy_hover.png b/apps/ide/src/styles/images/icons/title_icon_copy_hover.png deleted file mode 100644 index 4eff0220..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_copy_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_copy_nml.png b/apps/ide/src/styles/images/icons/title_icon_copy_nml.png deleted file mode 100644 index d0221662..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_copy_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_copy_pushed.png b/apps/ide/src/styles/images/icons/title_icon_copy_pushed.png deleted file mode 100644 index 5b2bcef8..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_copy_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_copy_sel.png b/apps/ide/src/styles/images/icons/title_icon_copy_sel.png deleted file mode 100644 index fd8bce2c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_copy_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_cut_hover.png b/apps/ide/src/styles/images/icons/title_icon_cut_hover.png deleted file mode 100644 index d3480354..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_cut_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_cut_nml.png b/apps/ide/src/styles/images/icons/title_icon_cut_nml.png deleted file mode 100644 index 2d95367c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_cut_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_cut_pushed.png b/apps/ide/src/styles/images/icons/title_icon_cut_pushed.png deleted file mode 100644 index 71d84755..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_cut_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_cut_sel.png b/apps/ide/src/styles/images/icons/title_icon_cut_sel.png deleted file mode 100644 index 02203f1a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_cut_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_delete_hover.png b/apps/ide/src/styles/images/icons/title_icon_delete_hover.png deleted file mode 100644 index 9f2b8e24..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_delete_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_delete_nml.png b/apps/ide/src/styles/images/icons/title_icon_delete_nml.png deleted file mode 100644 index d3171ef8..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_delete_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_delete_pushed.png b/apps/ide/src/styles/images/icons/title_icon_delete_pushed.png deleted file mode 100644 index e6a09cde..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_delete_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_delete_sel.png b/apps/ide/src/styles/images/icons/title_icon_delete_sel.png deleted file mode 100644 index ebc7a6a7..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_delete_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_deploy_hover.png b/apps/ide/src/styles/images/icons/title_icon_deploy_hover.png deleted file mode 100644 index 6e550df7..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_deploy_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_deploy_nml.png b/apps/ide/src/styles/images/icons/title_icon_deploy_nml.png deleted file mode 100644 index 9ea5ef8a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_deploy_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_deploy_pushed.png b/apps/ide/src/styles/images/icons/title_icon_deploy_pushed.png deleted file mode 100644 index 178cec14..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_deploy_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_deploy_sel.png b/apps/ide/src/styles/images/icons/title_icon_deploy_sel.png deleted file mode 100644 index db9570e3..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_deploy_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_duplicate_hover.png b/apps/ide/src/styles/images/icons/title_icon_duplicate_hover.png deleted file mode 100644 index 2dc5d75c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_duplicate_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_duplicate_nml.png b/apps/ide/src/styles/images/icons/title_icon_duplicate_nml.png deleted file mode 100644 index de6bb107..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_duplicate_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_duplicate_pushed.png b/apps/ide/src/styles/images/icons/title_icon_duplicate_pushed.png deleted file mode 100644 index ece0d8bd..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_duplicate_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_duplicate_sel.png b/apps/ide/src/styles/images/icons/title_icon_duplicate_sel.png deleted file mode 100644 index e8aad580..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_duplicate_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_edit_hover.png b/apps/ide/src/styles/images/icons/title_icon_edit_hover.png deleted file mode 100644 index f8728d6a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_edit_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_edit_nml.png b/apps/ide/src/styles/images/icons/title_icon_edit_nml.png deleted file mode 100644 index d9e01e35..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_edit_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_edit_pushed.png b/apps/ide/src/styles/images/icons/title_icon_edit_pushed.png deleted file mode 100644 index 71e9305e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_edit_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_edit_sel.png b/apps/ide/src/styles/images/icons/title_icon_edit_sel.png deleted file mode 100644 index 18ffd03a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_edit_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_hover.png b/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_hover.png deleted file mode 100644 index 20ff195a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_nml.png b/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_nml.png deleted file mode 100644 index ba3231b9..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_pushed.png b/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_pushed.png deleted file mode 100644 index a02eb1ee..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_sel.png b/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_sel.png deleted file mode 100644 index 5a41bfd6..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_editwithuibuilder_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_help_hover.png b/apps/ide/src/styles/images/icons/title_icon_help_hover.png deleted file mode 100644 index cb84d7dd..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_help_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_help_nml.png b/apps/ide/src/styles/images/icons/title_icon_help_nml.png deleted file mode 100644 index 3fb5d57e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_help_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_help_pushed.png b/apps/ide/src/styles/images/icons/title_icon_help_pushed.png deleted file mode 100644 index 1a50256b..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_help_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_help_sel.png b/apps/ide/src/styles/images/icons/title_icon_help_sel.png deleted file mode 100644 index e73732cc..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_help_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_keymap_hover.png b/apps/ide/src/styles/images/icons/title_icon_keymap_hover.png deleted file mode 100644 index 3231b3b2..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_keymap_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_keymap_nml.png b/apps/ide/src/styles/images/icons/title_icon_keymap_nml.png deleted file mode 100644 index 9c0774d5..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_keymap_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_keymap_pushed.png b/apps/ide/src/styles/images/icons/title_icon_keymap_pushed.png deleted file mode 100644 index dc6886ad..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_keymap_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_keymap_sel.png b/apps/ide/src/styles/images/icons/title_icon_keymap_sel.png deleted file mode 100644 index 7963e00c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_keymap_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_lineending_hover.png b/apps/ide/src/styles/images/icons/title_icon_lineending_hover.png deleted file mode 100644 index 89db50be..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_lineending_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_lineending_nml.png b/apps/ide/src/styles/images/icons/title_icon_lineending_nml.png deleted file mode 100644 index 50ab6fb1..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_lineending_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_lineending_pushed.png b/apps/ide/src/styles/images/icons/title_icon_lineending_pushed.png deleted file mode 100644 index acc1c2a2..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_lineending_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_lineending_sel.png b/apps/ide/src/styles/images/icons/title_icon_lineending_sel.png deleted file mode 100644 index eefa00af..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_lineending_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfile_hover.png b/apps/ide/src/styles/images/icons/title_icon_newfile_hover.png deleted file mode 100644 index 6a19871e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfile_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfile_nml.png b/apps/ide/src/styles/images/icons/title_icon_newfile_nml.png deleted file mode 100644 index 9aa91140..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfile_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfile_pushed.png b/apps/ide/src/styles/images/icons/title_icon_newfile_pushed.png deleted file mode 100644 index d25cc24d..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfile_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfile_sel.png b/apps/ide/src/styles/images/icons/title_icon_newfile_sel.png deleted file mode 100644 index 551ad7a4..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfile_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfolder_hover.png b/apps/ide/src/styles/images/icons/title_icon_newfolder_hover.png deleted file mode 100644 index ef18a252..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfolder_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfolder_nml.png b/apps/ide/src/styles/images/icons/title_icon_newfolder_nml.png deleted file mode 100644 index c2814b31..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfolder_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfolder_pushed.png b/apps/ide/src/styles/images/icons/title_icon_newfolder_pushed.png deleted file mode 100644 index 295abffb..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfolder_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_newfolder_sel.png b/apps/ide/src/styles/images/icons/title_icon_newfolder_sel.png deleted file mode 100644 index 9e64ca8f..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_newfolder_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_paste_hover.png b/apps/ide/src/styles/images/icons/title_icon_paste_hover.png deleted file mode 100644 index acfeecf6..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_paste_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_paste_nml.png b/apps/ide/src/styles/images/icons/title_icon_paste_nml.png deleted file mode 100644 index 3496e35c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_paste_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_paste_pushed.png b/apps/ide/src/styles/images/icons/title_icon_paste_pushed.png deleted file mode 100644 index 437a6ed8..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_paste_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_paste_sel.png b/apps/ide/src/styles/images/icons/title_icon_paste_sel.png deleted file mode 100644 index d5c8b71e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_paste_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_preference_hover.png b/apps/ide/src/styles/images/icons/title_icon_preference_hover.png deleted file mode 100644 index 34b34b4f..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_preference_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_preference_nml.png b/apps/ide/src/styles/images/icons/title_icon_preference_nml.png deleted file mode 100644 index bb0782ad..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_preference_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_preference_pushed.png b/apps/ide/src/styles/images/icons/title_icon_preference_pushed.png deleted file mode 100644 index c76fdc29..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_preference_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_preference_sel.png b/apps/ide/src/styles/images/icons/title_icon_preference_sel.png deleted file mode 100644 index 1a90677b..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_preference_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_refresh_hover.png b/apps/ide/src/styles/images/icons/title_icon_refresh_hover.png deleted file mode 100644 index d30e25b8..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_refresh_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_refresh_nml.png b/apps/ide/src/styles/images/icons/title_icon_refresh_nml.png deleted file mode 100644 index 71dd359a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_refresh_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_refresh_pushed.png b/apps/ide/src/styles/images/icons/title_icon_refresh_pushed.png deleted file mode 100644 index b02cf1ef..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_refresh_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_refresh_sel.png b/apps/ide/src/styles/images/icons/title_icon_refresh_sel.png deleted file mode 100644 index 1f5376b1..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_refresh_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_rename_hover.png b/apps/ide/src/styles/images/icons/title_icon_rename_hover.png deleted file mode 100644 index 81180aa1..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_rename_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_rename_nml.png b/apps/ide/src/styles/images/icons/title_icon_rename_nml.png deleted file mode 100644 index 1fb8c33e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_rename_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_rename_pushed.png b/apps/ide/src/styles/images/icons/title_icon_rename_pushed.png deleted file mode 100644 index 19cd8033..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_rename_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_rename_sel.png b/apps/ide/src/styles/images/icons/title_icon_rename_sel.png deleted file mode 100644 index a88e495c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_rename_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_run_hover.png b/apps/ide/src/styles/images/icons/title_icon_run_hover.png deleted file mode 100644 index 4cb6e13b..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_run_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_run_nml.png b/apps/ide/src/styles/images/icons/title_icon_run_nml.png deleted file mode 100644 index 478cfa75..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_run_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_run_pushed.png b/apps/ide/src/styles/images/icons/title_icon_run_pushed.png deleted file mode 100644 index 5cd6d63e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_run_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_run_sel.png b/apps/ide/src/styles/images/icons/title_icon_run_sel.png deleted file mode 100644 index e6b84be5..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_run_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_save_hover.png b/apps/ide/src/styles/images/icons/title_icon_save_hover.png deleted file mode 100644 index 496e44c5..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_save_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_save_nml.png b/apps/ide/src/styles/images/icons/title_icon_save_nml.png deleted file mode 100644 index 5776483b..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_save_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_save_pushed.png b/apps/ide/src/styles/images/icons/title_icon_save_pushed.png deleted file mode 100644 index 4ab5a2e8..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_save_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_save_sel.png b/apps/ide/src/styles/images/icons/title_icon_save_sel.png deleted file mode 100644 index c829bec5..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_save_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_searchfiles_hover.png b/apps/ide/src/styles/images/icons/title_icon_searchfiles_hover.png deleted file mode 100644 index af0a6c9b..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_searchfiles_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_searchfiles_nml.png b/apps/ide/src/styles/images/icons/title_icon_searchfiles_nml.png deleted file mode 100644 index 15a4d4d6..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_searchfiles_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_searchfiles_pushed.png b/apps/ide/src/styles/images/icons/title_icon_searchfiles_pushed.png deleted file mode 100644 index 8b94caca..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_searchfiles_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_searchfiles_sel.png b/apps/ide/src/styles/images/icons/title_icon_searchfiles_sel.png deleted file mode 100644 index 2330ca6a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_searchfiles_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_team_hover.png b/apps/ide/src/styles/images/icons/title_icon_team_hover.png deleted file mode 100644 index 690dc4db..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_team_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_team_nml.png b/apps/ide/src/styles/images/icons/title_icon_team_nml.png deleted file mode 100644 index 5409b92c..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_team_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_team_pushed.png b/apps/ide/src/styles/images/icons/title_icon_team_pushed.png deleted file mode 100644 index 2fa13b0f..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_team_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_team_sel.png b/apps/ide/src/styles/images/icons/title_icon_team_sel.png deleted file mode 100644 index aec8cc46..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_team_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_terminal_hover.png b/apps/ide/src/styles/images/icons/title_icon_terminal_hover.png deleted file mode 100644 index 7849139e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_terminal_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_terminal_nml.png b/apps/ide/src/styles/images/icons/title_icon_terminal_nml.png deleted file mode 100644 index b07ee131..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_terminal_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_terminal_pushed.png b/apps/ide/src/styles/images/icons/title_icon_terminal_pushed.png deleted file mode 100644 index 25b41c4e..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_terminal_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_terminal_sel.png b/apps/ide/src/styles/images/icons/title_icon_terminal_sel.png deleted file mode 100644 index 996a7298..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_terminal_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_hover.png b/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_hover.png deleted file mode 100644 index b73fcda5..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_hover.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_nml.png b/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_nml.png deleted file mode 100644 index 50897f86..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_nml.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_pushed.png b/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_pushed.png deleted file mode 100644 index f5c24b32..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_pushed.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_sel.png b/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_sel.png deleted file mode 100644 index 0ed65c1a..00000000 Binary files a/apps/ide/src/styles/images/icons/title_icon_uploadtothisfolder_sel.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/transparent.png b/apps/ide/src/styles/images/icons/transparent.png deleted file mode 100644 index b9d7951b..00000000 Binary files a/apps/ide/src/styles/images/icons/transparent.png and /dev/null differ diff --git a/apps/ide/src/styles/images/icons/webida_favicon_16.png b/apps/ide/src/styles/images/icons/webida_favicon_16.png deleted file mode 100644 index 63ee919c..00000000 Binary files a/apps/ide/src/styles/images/icons/webida_favicon_16.png and /dev/null differ diff --git a/apps/ide/src/styles/images/loadingAnimation.gif b/apps/ide/src/styles/images/loadingAnimation.gif deleted file mode 100644 index 694e2cb3..00000000 Binary files a/apps/ide/src/styles/images/loadingAnimation.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/loading_img.png b/apps/ide/src/styles/images/loading_img.png deleted file mode 100644 index c4f0e3db..00000000 Binary files a/apps/ide/src/styles/images/loading_img.png and /dev/null differ diff --git a/apps/ide/src/styles/images/progressBarAnim.gif b/apps/ide/src/styles/images/progressBarAnim.gif deleted file mode 100644 index 30c0d9d8..00000000 Binary files a/apps/ide/src/styles/images/progressBarAnim.gif and /dev/null differ diff --git a/apps/ide/src/styles/images/progressBarFull.png b/apps/ide/src/styles/images/progressBarFull.png deleted file mode 100644 index 90c9eaa2..00000000 Binary files a/apps/ide/src/styles/images/progressBarFull.png and /dev/null differ diff --git a/apps/ide/src/styles/images/resize.png b/apps/ide/src/styles/images/resize.png deleted file mode 100644 index 17f39d08..00000000 Binary files a/apps/ide/src/styles/images/resize.png and /dev/null differ diff --git a/apps/ide/src/styles/images/resizeRtl.png b/apps/ide/src/styles/images/resizeRtl.png deleted file mode 100644 index c3f97c6b..00000000 Binary files a/apps/ide/src/styles/images/resizeRtl.png and /dev/null differ diff --git a/apps/ide/src/styles/images/row_back.png b/apps/ide/src/styles/images/row_back.png deleted file mode 100644 index 643db076..00000000 Binary files a/apps/ide/src/styles/images/row_back.png and /dev/null differ diff --git a/apps/ide/src/styles/images/sprite_icons.png b/apps/ide/src/styles/images/sprite_icons.png deleted file mode 100644 index 28be879a..00000000 Binary files a/apps/ide/src/styles/images/sprite_icons.png and /dev/null differ diff --git a/apps/ide/src/styles/images/standardGradient.png b/apps/ide/src/styles/images/standardGradient.png deleted file mode 100644 index 72241f1f..00000000 Binary files a/apps/ide/src/styles/images/standardGradient.png and /dev/null differ diff --git a/apps/ide/src/styles/images/standardGradient.svg b/apps/ide/src/styles/images/standardGradient.svg deleted file mode 100644 index 807c3c70..00000000 --- a/apps/ide/src/styles/images/standardGradient.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/images/td_button_down.png b/apps/ide/src/styles/images/td_button_down.png deleted file mode 100644 index ab27e3e5..00000000 Binary files a/apps/ide/src/styles/images/td_button_down.png and /dev/null differ diff --git a/apps/ide/src/styles/images/title_emblem.png b/apps/ide/src/styles/images/title_emblem.png deleted file mode 100644 index 60d979cc..00000000 Binary files a/apps/ide/src/styles/images/title_emblem.png and /dev/null differ diff --git a/apps/ide/src/styles/images/tooltip.png b/apps/ide/src/styles/images/tooltip.png deleted file mode 100644 index 9d279cde..00000000 Binary files a/apps/ide/src/styles/images/tooltip.png and /dev/null differ diff --git a/apps/ide/src/styles/images/tooltip8bit.png b/apps/ide/src/styles/images/tooltip8bit.png deleted file mode 100644 index 00350722..00000000 Binary files a/apps/ide/src/styles/images/tooltip8bit.png and /dev/null differ diff --git a/apps/ide/src/styles/images/top_collapse_bt.png b/apps/ide/src/styles/images/top_collapse_bt.png deleted file mode 100644 index 9f39924f..00000000 Binary files a/apps/ide/src/styles/images/top_collapse_bt.png and /dev/null differ diff --git a/apps/ide/src/styles/images/treeExpandImages.png b/apps/ide/src/styles/images/treeExpandImages.png deleted file mode 100644 index 0633c126..00000000 Binary files a/apps/ide/src/styles/images/treeExpandImages.png and /dev/null differ diff --git a/apps/ide/src/styles/images/treeExpandImages8bit.png b/apps/ide/src/styles/images/treeExpandImages8bit.png deleted file mode 100644 index 294ce7a8..00000000 Binary files a/apps/ide/src/styles/images/treeExpandImages8bit.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/AccordionContainer.less b/apps/ide/src/styles/layout/AccordionContainer.less deleted file mode 100644 index 6c84191a..00000000 --- a/apps/ide/src/styles/layout/AccordionContainer.less +++ /dev/null @@ -1,103 +0,0 @@ -/* Accordion - * - * Styling AccordionContainer basically means styling the accordion pane (dijitAccordionInnerContainer) - * and the title inside of it (dijitAccordionTitle). There are 4 basic states to style: - * - * 1. closed pane (and default styling): - * .dijitAccordionInnerContainer - container for each accordion child - * .dijitAccordionTitle - title for each accordion child - * - * 2. active closed pane (ie, mouse down on a title bar) - * .dijitAccordionInnerContainerActive - for background-color, border - * .dijitAccordionInnerContainerActive dijitAccordionTitle - for text color - * - * 3. open pane (expanded child) - * .dijitAccordionChildWrapper - wraps around the child widget (typically ContentPane) - * setting a margin so that there's blue trim all the way around the child - * - * These rules need to override the closed pane active: - * - * .dijitAccordionInnerContainerSelected - for background-color, border - * .dijitAccordionInnerContainerSelected .dijitAccordionTitle - for text color - * - * 4. hovered pane, open or closed - * The selectors below affect hovering over both a closed pane (ie, hovering a title bar), - * and hovering over an open pane. Also, treat mouse down on an open pane as a hover: - * - * .dijitAccordionInnerContainerHover, .dijitAccordionInnerContainerSelectedActive - for background-color, border - * .dijitAccordionInnerContainerHover .dijitAccordionTitle - for text color - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitAccordionContainer { - border:none; - } - .dijitAccordionInnerContainer { - background-color: @unselected-background-color; /* gray, for closed pane */ - border:solid 1px @border-color; - margin-bottom:1px; - .transition-property(background-color,border); - .transition-duration(.3s); - .transition-timing-function(linear); - } - .dijitAccordionTitle { - background-color: transparent; /* pick up color from dijitAccordionInnerContainer */ - .standard-gradient("../"); - padding: 5px 7px 2px 7px; - min-height:17px; - color:@unselected-text-color; - } - - .dijitAccordionContainer .dijitAccordionChildWrapper { - /* this extends the blue trim styling of the title bar to wrapping around the node. - * done by setting margin - */ - background-color:@pane-background-color; - border:1px solid @selected-border-color; - margin: 0 2px 2px; - } - - .dijitAccordionContainer .dijitAccordionContainer-child { - /* this is affecting the child widget itself */ - padding: 9px; - } - - /* Hover state for closed pane */ - - .dijitAccordionInnerContainerHover { - border:1px solid @hovered-border-color; - background-color:@hovered-background-color; - .transition-duration(.2s); - } - - .dijitAccordionInnerContainerHover .dijitAccordionTitle { - color:@hovered-text-color; - } - - /* Active state for closed pane */ - - .dijitAccordionInnerContainerActive { - border:1px solid @selected-border-color; - background-color:@pressed-background-color; - .transition-duration(.1s); - } - .dijitAccordionInnerContainerActive .dijitAccordionTitle { - .active-gradient("../"); - color:@selected-text-color; - } - - /* Open (a.k.a. selected) pane */ - - .dijitAccordionInnerContainerSelected { - border-color:@selected-border-color; - background-color: @selected-background-color; - } - .dijitAccordionInnerContainerSelected .dijitAccordionTitle { - color:@selected-text-color; - .standard-gradient("../"); /* avoid effect when clicking the title of the open pane */ - } - -} diff --git a/apps/ide/src/styles/layout/BorderContainer.less b/apps/ide/src/styles/layout/BorderContainer.less deleted file mode 100644 index a3bd7c8d..00000000 --- a/apps/ide/src/styles/layout/BorderContainer.less +++ /dev/null @@ -1,147 +0,0 @@ -/* BorderContainer - -Splitters and gutters separate panes within a BorderContainer. Splitters can be moved up and down (horizonal splitters) or left and right (vertical splitters), while Gutters are static. A "thumb" is the slit on a Splitter that indicates it is movable. - -Styling the BorderContainer widget consists of the following: - -.dijitBorderContainer - for border and padding of the entire border container - -.dijitSplitContainer-child, .dijitBorderContainer-child - for border or child panes of the border container. By default borders are put on all children of BorderContainer. - -.dijitBorderContainer-dijitTabContainerTop, -.dijitBorderContainer-dijitTabContainerBottom, -.dijitBorderContainer-dijitTabContainerLeft, -.dijitBorderContainer-dijitTabContainerRight, -.dijitBorderContainer-dijitAccordionContainer -for border of the border containers within TabContainer or AccordionContainer widget - -.dijitBorderContainer-dijitBorderContainer - for border and padding of nested BorderContainers - -Splitters and gutters: - -.dijitSplitterH, .dijitGutterH - for height, background, and border of a horizontal splitter and gutter -.dijitSplitterH .dijitSplitterThumb - for color, height/width of the thumb on a horizontal splitter -.dijitSplitterV, .dijitGutterV - - for height, background, and border of a vertical splitter and gutter -.dijitSplitterV .dijitSplitterThumb - for color, height/width of the thumb on a vertical splitter -.dijitSplitterHHover - for background-color of a hovered horizontal splitter -.dijitSplitterHHover .dijitSplitterThumb - for background-color of a hovered thumb on a horizontal splitter -.dijitSplitterVHover - for background-color of a hovered vertical splitter -.dijitSplitterVHover .dijitSplitterThumb - for background-color of a hovered thumb on a vertical splitter -.dijitSplitterHActive - for background-color of an active horizontal splitter -.dijitSplitterVActive - for background-color of an active horizontal splitter -*/ -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitBorderContainer { - /* matches the width of the splitters between panes */ - padding: 0!important; - background-color: transparent; - border-radius: 0; - } - - .dijitSplitContainer-child, - .dijitBorderContainer-child { - /* By default put borders on all children of BorderContainer, - * to give illusion of borders on the splitters themselves. - */ - border: none; - //padding-right: 3px!important; - //padding-left: 2px!important; - } - - .dijitBorderContainer-dijitTabContainerTop, - .dijitBorderContainer-dijitTabContainerBottom, - .dijitBorderContainer-dijitTabContainerLeft, - .dijitBorderContainer-dijitTabContainerRight, - .dijitBorderContainer-dijitAccordionContainer { - /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), - * so override rule setting border on domNode - */ - border: none; - - } - .dijitBorderContainer-dijitBorderContainer { - /* make nested BorderContainers look like a single big widget with lots of splitters */ - border: 0; - padding: 0; - } - - /* Splitters and gutters */ - - .dijitSplitterH, - .dijitGutterH { - background:@gutter-area-background; - height:6px; - } - .dj_ios .dijitSplitterH, .dj_android .dijitSplitterH { - height: 11px; - } - - .dijitSplitterH .dijitSplitterThumb { - background:transparent; - height:1px; - top:2px; - width:19px; - } - .dj_ios .dijitSplitterH .dijitSplitterThumb, .dj_android .dijitSplitterH .dijitSplitterThumb{ - top:5px; - } - .dijitSplitterV, - .dijitGutterV { - background:@gutter-area-background; - border:0; - width:8px; - margin: 0; - } - .dj_ios .dijitSplitterV, .dj_android .dijitSplitterV { - width: 11px; - } - - .dijitSplitterV .dijitSplitterThumb { - //background: #b5bcc7 none; - left: 3px; - width: 3px; - /* background-image: -webkit-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: -moz-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: -o-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); - background-image: linear-gradient(to right, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px);*/ - //border-radius: 3px; - top: 3px; - //height: calc(100% - 6px); - height: 99%; - //opacity: 0.7; - } - .dj_ios .dijitSplitterV .dijitSplitterThumb, .dj_android .dijitSplitterV .dijitSplitterThumb{ - left:5px; - } - - /* hovered splitter */ - .dijitSplitterHHover, - .dijitSplitterVHover { - font-size: 1px; - //background-color: @splitter-hovered-background-color; - } - - .dijitSplitterHHover { - //.alpha-white-gradient (left, 1,0px, 0,50%, 1,100%); - } - - .dijitSplitterVHover { - //.alpha-white-gradient (top, 1,0px, 0,50%, 1,100%); - } - - .dijitSplitterHHover .dijitSplitterThumb, - .dijitSplitterVHover .dijitSplitterThumb { - //background:@hovered-border-color none; - } - - - /* active splitter */ - .dijitSplitterHActive, - .dijitSplitterVActive { - font-size: 1px; - background-color:@splitter-dragged-background-color; - background-image: none; // color all the way across, not gradient like in hover mode - } -} diff --git a/apps/ide/src/styles/layout/TabContainer.less b/apps/ide/src/styles/layout/TabContainer.less deleted file mode 100644 index bb8c6f0b..00000000 --- a/apps/ide/src/styles/layout/TabContainer.less +++ /dev/null @@ -1,408 +0,0 @@ -/* TabContainer - * - * Styling TabContainer means styling the TabList and Its content container (dijitTitlePane) - * - * Tab List: (including 4 kinds of tab location) - * .dijitTabContainerTop-tabs - tablist container at top - * .dijitTabContainerBottom-tabs - tablist container at bottom - * .dijitTabContainerLeft-tabs - tablist container at left - * .dijitTabContainerRight-tabs - tablist container at right - * - * Tab Strip Button: - * .dijitTabStripIcon - tab strip button icon - * .dijitTabStripMenuIcon - down arrow icon position - * .dijitTabStripSlideLeftIcon - left arrow icon position - * .dijitTabStripSlideRightIcon - right arrow icon position - * - * .tabStripButtonDisabled - styles for disabled tab strip buttons - * - * Tab Button: - * .dijitTabContainerTop-tabs .dijitTab - styles for top tab button container - * .dijitTabContainerBottom-tabs .dijitTab - styles for bottom tab button container - * .dijitTabContainerLeft-tabs .dijitTab - styles for left tab button container - * .dijitTabContainerRight-tabs .dijitTab - styles for right tab button container - * - * .dijitTabContainerTop-tabs .dijitTabChecked .dijitTab - * - styles for selected status of top tab button - * same to Bottom, Left, Right Tabs - * - * .dijitTabHover .dijitTab - styles when mouse hover on tab buttons - * .dijitTabActive .dijitTab - styles when mouse down on tab buttons - * .dijitTabChecked .dijitTab - styles when on buttons of selected tab - * - * .dijitTabCloseButton - the close action buttons lie at the right top of each tab button on closable tabs - * .dijitTabCloseButtonHover - styles when mouse hover on close action button - * .dijitTabCloseButtonActive - styles when mouse down on close action button - * - * Tab Button: (checked status) - * - * Tab Content Container: - * .dijitTabContainerTop-dijitContentPane - * .dijitTabContainerBottom-dijitContentPane - * .dijitTabContainerLeft-dijitContentPane - * .dijitTabContainerRight-dijitContentPane - for background and padding - * - * Nested Tabs: - * .dijitTabContainerNested - Container for nested tabs - * .dijitTabContainerTabListNested - tab list container for nested tabs - */ - -@import "../less/variables"; -@import "../less/theme-set"; - -.unselected-tab-gradient (@direction) { - // white line, dark line, then fade from light to dark - .alpha-white-gradient (@direction, 1,0px, 1,1px, 0.1,2px, 0.6,7px, 0,100%); -} -.topBottom-selected-tab-gradient (@direction) { - .alpha-white-gradient (@direction, 1,0px, 1,1px, 0,2px, 1,7px); // white line, blue line, remainder white -} -.@{theme} { - /*** some common features ***/ - .dijitTabPaneWrapper { - padding: 0px; - border: 0; - //background-color: #e8edf2; - border-radius:0px; - } - - #editor .dijitTabPaneWrapper { - background-color: #2e3137; - border: 1px #2e3137 solid; - } - .dijitTabPaneWrapper, - .dijitTabContainerTop-tabs, - .dijitTabContainerBottom-tabs, - .dijitTabContainerLeft-tabs, - .dijitTabContainerRight-tabs { - /* todo: add common class name for this div */ - border: 0; - } - .dijitTabPaneWrapper { - //border: @workspace-TabPaneWrapper-border; - } - .dijitTabCloseButton { - background: url('../layout/images/tab_close.png') no-repeat; - //background: url("@{image-layout-tab-close}") no-repeat; - width: 9px; - height: 9px; - margin-left: 5px; - margin-right:-5px; - cursor: pointer; - } - .dijitTabCloseButtonHover { - background-position:-9px; - } - .dijitTabCloseButtonActive { - background-position:-18px; - } - .dijitTabSpacer { - /* set the spacer invisible. note that height:0 doesn't work on IE/quirks, it's still 10px. */ - display: none; - } - .dijitTab { - border: 0; - background-color:@unselected-background-color; - .transition-property(background-color, border); - .transition-duration(.35s); - color:rgba(255,255,255,0.3); - } - .dijitTabHover { - border-color: @hovered-border-color; - background-color:@hovered-background-color; - .transition-duration(.25s); - color:@hovered-text-color; - } - .dijitTabActive { - border-color: @pressed-border-color; - background-color:@pressed-background-color; - color:@selected-text-color; - .transition-duration(.1s); - } - .dijitTabChecked { - // selected tab - border-color: rgba(66,71,80,1); // don't use @selected-border-color because need to match border of TabContainer - background-color: @selected-background-color; - color: @workspace-tab-on-text-color; - } - .dijitSplitter ~ .dijitBorderContainerPane .dijitTab.dijitFocused { - border: 1px #759dc0 solid!important; - } - .dijitTab .tabLabel { - outline: none; - } - .dijitTabDisabled { - background-color: @tab-disabled-background-color; - } - - .tabStripButton { - background-color: transparent; - border: none; - } - /*** end common ***/ - - - /*************** top tab ***************/ - #editor .dijitTabContainerTop-tabs .dijitTab { - background-color: rgba(99,104,112,1); - color: rgba(255,255,255,0.3); - border: none; - } - #editor .dijitTabContainerTop-tabs .dijitTabChecked { - background-color: rgba(58,62,71,1); - color: #fff; - } - #editor .dijitTabContainerTop-tabs .dijitTabHover, #editor .dijitTabContainerTop-tabs .dijitTabActive { - color: #fff; - } - - .dijitTabContainerTop-tabs .dijitTab { - top: 1px; - margin-right: 3px; - padding: 3px 6px; - border-bottom-width: 0; - min-width: 60px; - text-align: center; - background-color:rgba(180,186,193,1); - color: #6e7583; - } - .dijitTabContainerTop-tabs .dijitTabChecked { - padding-bottom: 4px; - padding-top: 1px!important; - color: #414850; - background-color:@workspace-tab-on-background-color; - } - .dijitTabContainerTop-tabs .dijitTab { - padding: 8px 14px 0 14px; - padding-top: 0; - border-top: #c1c8cf solid 1px; - border-left: #c1c8cf solid 1px; - border-right: #c1c8cf solid 1px; - /*top: 0px;*/ - } - .dijitTabContainerTop-tabs .dijitTab .tabLabel { - line-height: 23px; - } - .dijitTabContainerTop-tabs .dijitTabChecked { - /*top: 0px;*/ - } - /** end top tab **/ - - - /*************** bottom tab ***************/ - .dijitTabContainerBottom-tabs .dijitTab { - /* unselected (and not hovered/pressed) tab */ - top: -1px; /* used for overlap */ - margin-right: 1px; - padding:3px 6px; - border-top-width: 0; - min-width: 60px; - text-align: center; - - // gradient (CSS gradient, with backup image for IE6-9) - /*background-image: url("images/tabBottomUnselected.png"); - background-repeat: repeat-x; - background-position: bottom;*/ - /*.unselected-tab-gradient(bottom); - - .box-shadow(0 1px 1px rgba(0, 0, 0, 0.04))*/ - } - - /* selected tab */ - .dijitTabContainerBottom-tabs .dijitTabChecked { - padding-bottom: 9px; - padding-top: 4px; - - // gradient (CSS gradient, with backup image for IE6-9) - /*background-image: url("images/tabBottomSelected.png"); - .topBottom-selected-tab-gradient (bottom); - - .box-shadow(0 1px 2px rgba(0, 0, 0, 0.05));*/ - } - /** end bottom tab **/ - - /*************** left tab ***************/ - .dijitTabContainerLeft-tabs { - background-color: #606a78; - } - .dijitTabContainerLeft-tabs .dijitTab { - /* unselected (and not hovered/pressed) tab */ - left: 0px; /* used for overlap */ - margin-bottom: 1px; - padding:3px 8px 7px 7px; - background-color: #8B96A5; - color:#fff; - } - - /* selected tab */ - .dijitTabContainerLeft-tabs .dijitTabChecked { - border-right-width: 0; - padding-right: 9px; - background-color: #ECF1F6; - color:#000; - font-weight: bold; - } - /** end left tab **/ - - /*************** right tab ***************/ - .dijitTabContainerRight-tabs .dijitTab { - /* unselected (and not hovered/pressed) tab */ - left: -1px; /* used for overlap */ - margin-bottom: 1px; - padding:3px 8px 4px 4px; - - // gradient (CSS gradient, with backup image for IE6-9) - background-image: url("images/tabRightUnselected.png"); - background-repeat: repeat-y; - background-position: right; - .unselected-tab-gradient(right); - } - .dijitTabContainerRight-tabs .dijitTabChecked { - /* selected tab */ - padding-left: 5px; - border-left-width: 0; - - // gradient (CSS gradient, with backup image for IE6-9) - background-image: url("images/tabRightSelected.png"); - .alpha-white-gradient (right, 0.5,0px, 1,30px); // 1/2 inch blue gradient, remainder white - - .box-shadow(1px 0 2px rgba(0, 0, 0, 0.07)); - } - /** end right tab **/ - - /** round corner **/ - .dijitTabContainerTop-tabs .dijitTab { - .border-radius(2px 2px 0 0); - margin-top: 2px; - } - .dijitTabContainerBottom-tabs .dijitTab { - .border-radius(0 0 2px 2px); - } - .dijitTabContainerLeft-tabs .dijitTab { - .border-radius(2px 0 0 2px); - } - - .dijitTabContainerRight-tabs .dijitTab { - .border-radius(0 2px 2px 0); - } - - /************ left/right scroll buttons + menu button ************/ - .tabStripButton { - background-color:transparent; - } - .dijitTabListContainer-top .tabStripButton { - padding: 4px 3px; - margin: 1px 2px 1px 2px; - width: 12px; - background-color: rgba(58,62,71,1); - border-radius: 2px; - } - .dijitTabListContainer-bottom .tabStripButton { - padding:4px 3px; - margin-bottom:7px; - .alpha-white-gradient (bottom, 1,0px, 0.1,1px, 0.6,6px, 0,100%); // to match unselected tab, but had to tweak numbers - } - .tabStripButtonHover { - background-color:@hovered-background-color; - } - .tabStripButtonActive { - background-color:@pressed-background-color; - } - .dijitTabStripIcon { - position: absolute; - left: 1px; - top: 3px; - height:15px; - width:15px; - margin: 0 auto; - background:url("../images/icons/tabStripIcon.png") no-repeat 0px 50%; - background-color: transparent; - } - .dijitTabStripSlideRightIcon{ - background-position: -15px 50%; - } - .dijitTabStripMenuIcon { - background-position: -30px 50%; - } - - /*disabled styles for tab strip buttons*/ - .dijitTabListContainer-top .tabStripButtonDisabled, - .dijitTabListContainer-bottom .tabStripButtonDisabled { - background-color:transparent; - } - .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { - background-position:0 50%; - } - .tabStripButtonDisabled .dijitTabStripSlideRightIcon { - background-position: -15px 50%; - } - .tabStripButtonDisabled .dijitTabStripMenuIcon { - background-position: -30px 50%; - } - /* Nested Tabs */ - .dijitTabContainerNested .dijitTabListWrapper { - height: auto; - } - .dijitTabContainerNested .dijitTabContainerTop-tabs { - border-bottom:solid 1px @border-color; - padding:2px 2px 4px; - } - .dijitTabContainerTabListNested .dijitTab { - background-color:rgba(26, 27, 28, 0); - border-right: 1px #1a1b1c solid; - border-bottom: 1px #1a1b1c solid; - box-sizing: border-box; - padding: 3px; - /*.transition-property(background-color, border-color); - .transition-duration(.3s); - .border-radius(2px);*/ - top: 0;/* to override top: 1px/-1px for normal tabs */ - /*.box-shadow(none); - - // CSS gradient with fallback to image for IE - background-image: url("images/tabNested.png") repeat-x; - .alpha-white-gradient (0.61,0%, 0,17%, 0,83%, 0.61,100%);*/ - } - .dijitTabContainerTabListNested .dijitTabHover { - padding: 3px; // 4px above padding - 1px compensation for border - .transition-duration(.2s); - color: rgba(110,117,131,1); - } - .dijitTabContainerTabListNested .dijitTabHover .tabLabel { - text-decoration: none; - } - .dijitTabContainerTabListNested .dijitTabActive { - padding: 3px; - color: rgba(110,117,131,1); - .transition-duration(.1s); - } - .dijitTabContainerTabListNested .dijitTabChecked { - padding: 3px; - background-color:rgba(212,219,226,1); - } - .dijitTabContainerTabListNested .dijitTab:first-child { - padding: 3px; - background-color:rgba(66, 71, 80, 1); - } - .dijitTabContainerTabListNested .dijitTab:first-child.dijitTabChecked { - padding: 3px; - background-color:rgba(212,219,226,1); - } - .dijitTabContainerTabListNested .dijitTab:last-child { - padding: 3px; - background-color:rgba(26, 27, 28, 1); - } - .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { - text-decoration: none; - background-image:none; - } - .dijitTabPaneWrapperNested { - border: none;/* prevent double border */ - } - - .dijitTabContainer .dijitTab, - .dijitTabContainer .tabStripButton { - // IE6 can't handle background-image and background-color on same node - _background-image: none; - } -} diff --git a/apps/ide/src/styles/layout/images/tabBottomSelected.png b/apps/ide/src/styles/layout/images/tabBottomSelected.png deleted file mode 100644 index f92b05f4..00000000 Binary files a/apps/ide/src/styles/layout/images/tabBottomSelected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabBottomSelected.svg b/apps/ide/src/styles/layout/images/tabBottomSelected.svg deleted file mode 100644 index 4e6ff6d4..00000000 --- a/apps/ide/src/styles/layout/images/tabBottomSelected.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabBottomUnselected.png b/apps/ide/src/styles/layout/images/tabBottomUnselected.png deleted file mode 100644 index 7815d9cf..00000000 Binary files a/apps/ide/src/styles/layout/images/tabBottomUnselected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabBottomUnselected.svg b/apps/ide/src/styles/layout/images/tabBottomUnselected.svg deleted file mode 100644 index 4193238e..00000000 --- a/apps/ide/src/styles/layout/images/tabBottomUnselected.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabClose.png b/apps/ide/src/styles/layout/images/tabClose.png deleted file mode 100644 index f3b23639..00000000 Binary files a/apps/ide/src/styles/layout/images/tabClose.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabLeftSelected.png b/apps/ide/src/styles/layout/images/tabLeftSelected.png deleted file mode 100644 index 9700afb3..00000000 Binary files a/apps/ide/src/styles/layout/images/tabLeftSelected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabLeftSelected.svg b/apps/ide/src/styles/layout/images/tabLeftSelected.svg deleted file mode 100644 index 12e7d8a6..00000000 --- a/apps/ide/src/styles/layout/images/tabLeftSelected.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabLeftUnselected.png b/apps/ide/src/styles/layout/images/tabLeftUnselected.png deleted file mode 100644 index 412390e0..00000000 Binary files a/apps/ide/src/styles/layout/images/tabLeftUnselected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabLeftUnselected.svg b/apps/ide/src/styles/layout/images/tabLeftUnselected.svg deleted file mode 100644 index e31c211b..00000000 --- a/apps/ide/src/styles/layout/images/tabLeftUnselected.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabNested.png b/apps/ide/src/styles/layout/images/tabNested.png deleted file mode 100644 index 0140cf45..00000000 Binary files a/apps/ide/src/styles/layout/images/tabNested.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabRightSelected.png b/apps/ide/src/styles/layout/images/tabRightSelected.png deleted file mode 100644 index 1a284349..00000000 Binary files a/apps/ide/src/styles/layout/images/tabRightSelected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabRightSelected.svg b/apps/ide/src/styles/layout/images/tabRightSelected.svg deleted file mode 100644 index d8d3d674..00000000 --- a/apps/ide/src/styles/layout/images/tabRightSelected.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabRightUnselected.png b/apps/ide/src/styles/layout/images/tabRightUnselected.png deleted file mode 100644 index 2bdd00e4..00000000 Binary files a/apps/ide/src/styles/layout/images/tabRightUnselected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabRightUnselected.svg b/apps/ide/src/styles/layout/images/tabRightUnselected.svg deleted file mode 100644 index d1379a71..00000000 --- a/apps/ide/src/styles/layout/images/tabRightUnselected.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabTopSelected.png b/apps/ide/src/styles/layout/images/tabTopSelected.png deleted file mode 100644 index f4d57725..00000000 Binary files a/apps/ide/src/styles/layout/images/tabTopSelected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabTopSelected.svg b/apps/ide/src/styles/layout/images/tabTopSelected.svg deleted file mode 100644 index d06e646e..00000000 --- a/apps/ide/src/styles/layout/images/tabTopSelected.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/layout/images/tabTopUnselected.png b/apps/ide/src/styles/layout/images/tabTopUnselected.png deleted file mode 100644 index 8c34545f..00000000 Binary files a/apps/ide/src/styles/layout/images/tabTopUnselected.png and /dev/null differ diff --git a/apps/ide/src/styles/layout/images/tabTopUnselected.svg b/apps/ide/src/styles/layout/images/tabTopUnselected.svg deleted file mode 100644 index c55e9253..00000000 --- a/apps/ide/src/styles/layout/images/tabTopUnselected.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - \ No newline at end of file diff --git a/apps/ide/src/styles/less/webida-base.less b/apps/ide/src/styles/less/webida-base.less deleted file mode 100644 index be60ff37..00000000 --- a/apps/ide/src/styles/less/webida-base.less +++ /dev/null @@ -1,601 +0,0 @@ -@import "theme-set"; -.@{theme} { - /*logo*/ - .webida-tool-bar-icon-normal {background-position: 0 0;} - .webida-tool-bar-icon-hover {background-position: -20px 0;} - .webida-tool-bar-icon-disabled {background-position: -40px 0;} - .webida-tool-bar-icon-clicked {background-position: -60px 0;} - .app-workbench-top-logo { - position: absolute; - left: 12px; - top: 0px; - width: 40px; - height: 30px; - background-image: @gnb-logo; - cursor: pointer; - } - .app-workbench-top-logo:hover { - background-position: -40px; - } - .app-workbench-top-logo:active { - background-position: -80px; - } - /*userinfo*/ - .app-workbench-top-userinfo { - position: absolute; - right: 0; - margin: 2px 15px 0 0; - } - .app-workbench-top-userinfo span { - color: #fff; - } - .app-workbench-top-userinfo .userinfo-email { - color: #f3b353; - font-weight: bold; - } - .app-workbench-top-userinfo .userinfo-email:hover { - text-decoration: underline; - cursor: pointer; - } - .app-workbench-top-userinfo .userinfo-menu { - position: absolute; - background-color: #313437; - border-radius: 5px; - right: 10px; - top: 24px; - padding: 10px 10px; - opacity: 1; - z-index: 1000; - display: none; - } - .app-workbench-top-userinfo .userinfo-menu button { - width: 144px; - height: 22px; - background-color: #685b5b; - color: #ebd6bd; - font-size: 10pt; - padding: 0; - border-radius: 3px; - border: 1px solid transparent; - display: block; - } - .app-workbench-top-userinfo .userinfo-menu button:hover { - background-color: #f3b353; - color: #000; - cursor: pointer; - } - .app-workbench-top-userinfo .userinfo-menu .separator { - margin-top: 7px; - } - .app-workbench-menubar { - background-image: none; - background-color: @gnb-background-color; - } - .app-workbench-menubar-dijit { - background-image: none; - background-color: transparent; - position: absolute; - left: 54px; - width: 415px; - } - .app-workbench-top-userinfo span { - color: @gnb-user-text-color; - } - .app-workbench-top-userinfo .dijitDropDownButton .dijitArrowButtonInner { - width: 8px; - height: 20px; - margin-left: 5px; - background-image: url("../images/icons/arrow.png"); - background-position: 0 0; - } - .app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonHover .dijitArrowButtonInner { - background-position: -8px 0; - } - .app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonDisabled .dijitArrowButtonInner { - background-position: -16px 0; - } - .app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonActive .dijitArrowButtonInner { - background-position: -24px 0; - } - .dijitMenuBar { - border: 0; - margin: 0; - padding: 0; - background: transparent; - } - .dijitTabInnerDiv[aria-disabled='true'] ~ .dijitTabListWrapper { - left: 0px!important; - } - #editor-tab .dijitBorderContainer-dijitContentPane { - background-color: #a0a7ae; - padding-top: 3px!important; - padding-left: 0px!important; - } - #app-workbench-toolbar .dijitComboButton .dijitDownArrowButton .dijitArrowButtonInner { - width: 8px; - height: 20px; - background-image: url("../images/icons/arrow.png"); - background-position: 0 0; - } - - #app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonHover .dijitArrowButtonInner { - background-position: -8px 0; - } - - #app-workbench-toolbar .dijitComboButtonDisabled .dijitDownArrowButton .dijitArrowButtonInner { - background-position: -16px 0; - } - - #app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonActive .dijitArrowButtonInner { - background-position: -24px 0; - } - .app-workbench-menubar-dijit { - background-image: none; - background-color: transparent; - position: absolute; - left: 54px; - width: 415px; - } - - #app-workbench-toolbar .dijitButtonNode { - background-color: transparent; - background-image: none; - border-color: transparent; - border-radius: 3px; - - /*border-color: transparent;*/ - } - - #app-workbench-toolbar .dijitComboButton .dijitButtonNode .dijitButtonContents { - padding-right: 0px; - } - - #app-workbench-toolbar .dijitButtonNode .dijitButtonText{ - padding: 0 2px; - } - - #app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { - border-color: #4f5862; - //padding: 1px; - } - - #app-workbench-toolbar .dijitComboButtonHover .dijitButtonNode, - #app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { - border-color: #4f5862; - - /*background-color: #ced3d7;*/ - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-width: 1px; - } - - - #app-workbench-toolbar .dijitComboButtonHover .dijitDownArrowButton, - #app-workbench-toolbar .dijitComboButtonActive .dijitDownArrowButton { - border-color: #4f5862; - /*background-color: #ced3d7;*/ - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-width: 1px; - border-left-width: 0; - padding-left: 2px; - } - - /*menubar separator*/ - .top-level-menu-separator { - width: 100%; - height: 9px; - background-image: -moz-linear-gradient(top, #414850 5px, #313437 100%); - background-image: -webkit-linear-gradient(top, #414850 5px, #313437 100%); - background-image: -o-linear-gradient(top, #414850 5px, #313437 100%); - background-image: linear-gradient(to bottom, #414850 5px, #313437 100%); - background-position-y: 0; - display: none; - } - - .separator-collapse-btn { - width: 40px; - height: 9px; - top: 0; - background-image: url('../images/top_collapse_bt.png'); - cursor: pointer; - } - - .separator-collapse-btn:hover { - background-position-y: -9px; - } - - .separator-collapse-btn:active { - background-position-y: -18px - } - - .workbenchMenubarHide .top-level-menu-separator { - display: block; - } - - /*workbench style end*/ - - /*view drag feedback style start*/ - - .viewContainerEventElem { - width: 100%; - height: 100%; - background-color: transparent; - z-index: 0; - } - - .titleFeedbackContainer { - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.2); - position: relative; - z-index: 100; - } - - .viewContainerTitleFeedback { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - position: absolute; - width: 5px; - height:100%; - border-radius: 2px; - } - - .viewContaienrEventElem .contentFeedbackContainer { - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.5); - } - - .viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { - border-color: transparent; - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - } - - .contentFeedbackContainer { - /*background-color: rgba(50, 50, 50, 0.7);*/ - position: absolute; - } - - .viewContainerFeedback { - border-color: transparent; - background-color: transparent; - border-style: solid; - position: absolute; - border-width: 0; - } - - .viewContainerFeedbackLeft { - border-left-color: rgb(0, 128, 255); - border-left-color: rgba(0, 128, 255, 0.3); - } - .viewContainerFeedbackTop { - border-top-color: rgb(0, 128, 255); - border-top-color: rgba(0, 128, 255, 0.3); - } - .viewContainerFeedbackRight { - border-right-color: rgb(0, 128, 255); - border-right-color: rgba(0, 128, 255, 0.3); - } - .viewContainerFeedbackBottom { - border-bottom-color: rgb(0, 128, 255); - border-bottom-color: rgba(0, 128, 255, 0.3); - } - - .viewContainerFeedbackCenter { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.3); - border-width: 0; - } - - .viewContainerFeedbackCenter.activate { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - } - - .viewContainerFeedbackLeft.activate { - border-left-color: rgb(0, 128, 255); - border-left-color: rgba(0, 128, 255, 0.7); - } - .viewContainerFeedbackTop.activate { - border-top-color: rgb(0, 128, 255); - border-top-color: rgba(0, 128, 255, 0.7); - } - .viewContainerFeedbackRight.activate { - border-right-color: rgb(0, 128, 255); - border-right-color: rgba(0, 128, 255, 0.7); - } - .viewContainerFeedbackBottom.activate { - border-bottom-color: rgb(0, 128, 255); - border-bottom-color: rgba(0, 128, 255, 0.7); - } - - /*Console View Start*/ - - .consoleViewContentContainer { - position: absolute; - top: 28px; - overflow: auto; - width: 100%; - height: -webkit-calc(100% - 28px); - height: -moz-calc(100% - 28px); - height: calc(100% - 28px); - } - - .consoleViewContentContainer .fileloc_link { - cursor: pointer; - color: #1C38AA; - } - .consoleViewContentContainer .fileloc_link:hover { - color: #57C25B; - } - - .consoleViewContentContainer .fileloc_link_clicked { - color: #8629AA; - } - - .consoleViewContentContainer .console_message_item { - margin-top: 2px; - margin-bottom: 2px; - } - - .pre_whitespace { - white-space: pre; - } - - /*Console View End*/ - - #app-workbench-border-container { - background-color: rgba(214,220,226,1) !important; - border-radius: 0; - } - #app-workbench-border-container .dijitBorderContainer-child.dijitAlignLeft { - padding-right: 4px!important; - padding-left: 3px!important; - } - - .workbenchMenubarHide .app-workbench-menubar { - display: none; - } - - .workbenchToolbarHide .app-workbench-toolbar { - display: none; - } - - /*status bar start*/ - .app-workbench-statusbar { - height:20px; - background: rgba(54,57,62,1); - color: #a2b2c7; - } - - .app-workbench-statusbar-content { - position: absolute; - left: 10px; - top: 1px; - height: 19px; - overflow: hidden; - } - - .app-workbench-progressbar { - width: 150px; - height: 8px; - border-radius: 10px; - background-image: -webkit-linear-gradient(top, #81878c 0%, #aab1b6 100%); - background-image: -moz-linear-gradient(top, #81878c 0%, #aab1b6 100%); - background-image: -o-linear-gradient(top, #81878c 0%, #aab1b6 100%); - background-image: linear-gradient(to bottom, #81878c 0%, #aab1b6 100%); - overflow: hidden; - } - - .statusbar-content-item { - float: left; - padding-top: 2px; - } - - .statusbar-content-separator { - float: left; - margin-left: 5px; - margin-right: 5px; - height: 19px; - width: 1px; - border-left: 1px RGBA(0,0,0,0.2) solid; - border-right: 1px RGBA(255,255,255,0.4) solid; - } - /*status bar end*/ - - /*scroll*/ - ::-webkit-scrollbar { - width: 6px; - height: 6px; - } - ::-webkit-scrollbar-button { - width: 0px; - height: 0px; - } - ::-webkit-scrollbar-track { - right: 4px; - margin-right: 5px; - border: 2px solid transparent; - background: transparent; - /* - x-shadow: 0px 0px 3px #dfdfdf inset; - border-radius:10px; - */ - } - ::-webkit-scrollbar-track-piece { - background: #000000; - background: rgba(0, 0, 0, 0); - /* - x-shadow: 0px 0px 3px #dfdfdf inset; - border-radius:10px; - */ - } - ::-webkit-scrollbar-thumb { - background: #bcbbbf; - border-radius: 3px; - } - ::-webkit-scrollbar-thumb:hover { - background: #bcbbbf; - } - ::-webkit-scrollbar-corner { - background-color: transparent; - } - //div, span, pre {&:focus{outline: none;}} - - /*view drag feedback style start*/ - - .viewContainerEventElem { - width: 100%; - height: 100%; - background-color: transparent; - z-index: 0; - } - - .titleFeedbackContainer { - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.2); - position: relative; - z-index: 100; - } - - .viewContainerTitleFeedback { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - position: absolute; - width: 5px; - height:100%; - border-radius: 2px; - } - - .viewContaienrEventElem .contentFeedbackContainer { - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.5); - } - - .viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { - border-color: transparent; - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - } - - .contentFeedbackContainer { - /*background-color: rgba(50, 50, 50, 0.7);*/ - position: absolute; - } - - .viewContainerFeedback { - border-color: transparent; - background-color: transparent; - border-style: solid; - position: absolute; - border-width: 0; - } - - .viewContainerFeedbackLeft { - border-left-color: rgb(0, 128, 255); - border-left-color: rgba(0, 128, 255, 0.3); - } - .viewContainerFeedbackTop { - border-top-color: rgb(0, 128, 255); - border-top-color: rgba(0, 128, 255, 0.3); - } - .viewContainerFeedbackRight { - border-right-color: rgb(0, 128, 255); - border-right-color: rgba(0, 128, 255, 0.3); - } - .viewContainerFeedbackBottom { - border-bottom-color: rgb(0, 128, 255); - border-bottom-color: rgba(0, 128, 255, 0.3); - } - - .viewContainerFeedbackCenter { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.3); - border-width: 0; - } - - .viewContainerFeedbackCenter.activate { - background-color: rgb(0, 128, 255); - background-color: rgba(0, 128, 255, 0.7); - } - - .viewContainerFeedbackLeft.activate { - border-left-color: rgb(0, 128, 255); - border-left-color: rgba(0, 128, 255, 0.7); - } - .viewContainerFeedbackTop.activate { - border-top-color: rgb(0, 128, 255); - border-top-color: rgba(0, 128, 255, 0.7); - } - .viewContainerFeedbackRight.activate { - border-right-color: rgb(0, 128, 255); - border-right-color: rgba(0, 128, 255, 0.7); - } - .viewContainerFeedbackBottom.activate { - border-bottom-color: rgb(0, 128, 255); - border-bottom-color: rgba(0, 128, 255, 0.7); - } - - /*Console View Start*/ - - .consoleViewContentContainer { - position: absolute; - top: 28px; - overflow: auto; - width: 100%; - height: -webkit-calc(100% - 28px); - height: -moz-calc(100% - 28px); - height: calc(100% - 28px); - } - - .consoleViewContentContainer .fileloc_link { - cursor: pointer; - color: #1C38AA; - } - .consoleViewContentContainer .fileloc_link:hover { - color: #57C25B; - } - - .consoleViewContentContainer .fileloc_link_clicked { - color: #8629AA; - } - - .consoleViewContentContainer .console_message_item { - margin-top: 2px; - margin-bottom: 2px; - } - - .pre_whitespace { - white-space: pre; - } - - /*Console View End*/ - - .dijitMenuItemAccelKey { - color: gray; - } - - .webidaMenuItemAccelKeyHover { - vertical-align: 2px; - text-decoration: underline; - color: blue !important; - } - - /* WTC-3050 */ - .dijitButtonContents:focus .dijitButtonText { - text-decoration: underline; - } - - /*plugin*/ - #plugin-settings-dialog-main { - width: 364px; - height: 300px; - overflow: auto; - padding: 10px; - } - - -} - diff --git a/apps/ide/src/styles/less/webida-loading.less b/apps/ide/src/styles/less/webida-loading.less deleted file mode 100644 index d01c0e7e..00000000 --- a/apps/ide/src/styles/less/webida-loading.less +++ /dev/null @@ -1,96 +0,0 @@ -@import "theme-set"; - -/*loading screen start*/ -.@{theme} { - - .app-loading-elem { - opacity: 1; - -webkit-transition: opacity 1s; - transition: opacity 1s; - position: absolute; - left: 0px; - top: 0px; - width: 100%; - height: 100%; - display: flex; - box-sizing: border-box; - background: radial-gradient(#d0deec, #8BA4BE); - z-index: 1; - } - - .app-loading-elem.hide { - opacity: 0; - } - - .app-loading-emblem { - position: absolute; - margin: auto; - width: 72px; - height: 96px; - background: url("../images/loading_img.png") no-repeat; - z-index: 1; - } - - .app-loading-spinner { - position: relative; - margin: auto; - box-sizing: border-box; - background-clip: padding-box; - width: 100px; - height: 100px; - border-radius: 50px; - border: 4px solid rgba(0, 0, 0, 0.15); - -webkit-transform: perspective(100px) rotateX(66deg); - -webkit-transform-origin: 50% 60%; - transform: perspective(100px) rotateX(66deg); - transform-origin: 50% 60%; - } - - .app-loading-spinner:after { - content: ""; - position: absolute; - margin: -4px; - box-sizing: inherit; - width: inherit; - height: inherit; - border-radius: inherit; - opacity: .05; - border: inherit; - border-color: transparent; - -webkit-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; - -moz-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; - animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; - } - - .app-loading-spinner:after { - border-top-color: #414850; - } - - @-webkit-keyframes spinner-spin { - 100% { -webkit-transform: rotate(360deg); } - } - @-moz-keyframes spinner-spin { - 100% { -moz-transform: rotate(360deg); } - } - @keyframes spinner-spin { - 100% { transform: rotate(360deg); } - } - - @-webkit-keyframes spinner-fade { - 20% { opacity: .1; } - 40% { opacity: 1; } - 60% { opacity: .1; } - } - @-moz-keyframes spinner-fade { - 20% { opacity: .1; } - 40% { opacity: 1; } - 60% { opacity: .1; } - } - @keyframes spinner-fade { - 20% { opacity: .1; } - 40% { opacity: 1; } - 60% { opacity: .1; } - } - -} -/*loading screen end*/ diff --git a/apps/ide/src/styles/less/webida.less b/apps/ide/src/styles/less/webida.less deleted file mode 100644 index 6d511ed8..00000000 --- a/apps/ide/src/styles/less/webida.less +++ /dev/null @@ -1,39 +0,0 @@ -@import url("../css/webida-calc.css"); -@import url("../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ -@import url("../css/Common.css"); -@import url("../css/Common.css"); -@import url("../css/Button.css"); -@import url("../css/Checkbox.css"); -@import url("../css/RadioButton.css"); -@import url("../css/Select.css"); -@import url("../css/TabContainer.css"); -@import url("../css/Dialog.css"); -@import url("../css/AccordionContainer.css"); -@import url("../css/ContentPane.css"); -@import url("../css/Calendar.css"); -@import url("../css/Menu.css"); -@import url("../css/Slider.css"); -@import url("../css/ColorPalette.css"); -@import url("../css/InlineEditBox.css"); -@import url("../css/ProgressBar.css"); -@import url("../css/TimePicker.css"); -@import url("../css/BorderContainer.css"); -@import url("../css/Tree.css"); -@import url("../css/Toolbar.css"); -@import url("../css/Editor.css");/*in order to test button or menu item with icon */ -@import url("../icons/editorIcons.css"); /*sprite for editor icons to be used by all themes*/ -@import url("../css/TitlePane.css"); -@import url("../css/NumberSpinner.css"); - -@import url("../css/EnhancedGrid.css"); -@import url("../css/ToggleSplitter.css"); -@import url("../css/ExpandoPane.css"); -@import url("../css/FloatingPane.css"); -@import url("../css/CheckedMultiSelect.css"); -@import url("../css/ResizeHandle.css"); - -@import url("../css/webida-loading.css"); - -@import url("../css/webida-base.css"); -@import url("../css/webida-project-wizard.css"); - diff --git a/apps/ide/src/styles/theme/webida-light/comp/Calendar.less b/apps/ide/src/styles/theme/webida-light/comp/Calendar.less new file mode 100644 index 00000000..5838cb85 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Calendar.less @@ -0,0 +1,277 @@ +/* Calendar + * + * Styling Calendar mainly includes: + * + * 1. Calendar container + * .dijitCalendar - main container + * .dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active + * + * 2. Month + * .dijitCalendarMonthContainer + * .dijitCalendarMonthLabel + * .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month + * .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active + * + * 3. Date + * .dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S + * .dijitCalendarDateTemplate - date label wrapper + * .dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month + * .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date + * .dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date + * .dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active + * + * 4. Year + * .dijitCalendarYearContainer + * .dijitCalendarYearLabel + * .dijitCalendarPreviousYear /.dijitCalendarNextYear + * .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active + * + * 5. Dropdown Month Menu + * .dijitCalendarMonthMenu - menu container + * .dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item + * .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state + */ + + +.dijitCalendar { + border: solid 1px @border-color; + border-collapse: separate; // in case user CSS has set border-collapse: collapse for tables + .border-radius(4px); + + // Background color and alpha-gradient + background-color: @calendar-background-color; + background-image: url("../images/calendar.png"); // fallback for browsers that don't support CSS gradients + background-repeat: repeat-x; // so bottom of calendar isn't affected by gradient image repeating + .alpha-white-gradient(1, 0px, 0.4, 2px, 0, 100%); + + text-align: center; + padding: 6px 5px 3px 5px; +} + +.dijitCalendar img { + border: none; +} +.dijitCalendarHover, .dijitCalendar:hover, +.dijitCalendarActive { + /* treat dijitCalendarActive like hover since there's + * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) + */ + background-color: @hovered-background-color; + border: solid 1px @hovered-border-color; +} +.dijitCalendarMonthContainer th { + text-align: center; + padding-bottom: 4px; + vertical-align: middle; +} +.dijitCalendarMonthLabel { + color: @text-color; + font-size: 1.091em; + padding: 0 4px; +} + +/* next/previous month arrows */ +.dijitCalendarIncrementControl { + width: 18px; + height: 16px; + background-image: url(@image-calendar-arrows); + background-repeat: no-repeat; +} +.dj_ie6 .dijitCalendarIncrementControl { + background-image: url(@image-calendar-arrows-ie6); +} +.dijitCalendarIncrease { + background-position: -18px 0; +} +.dijitCalendarArrowHover .dijitCalendarDecrease, +.dijitCalendarArrow:hover .dijitCalendarDecrease { + background-position: -36px 0; +} +.dijitCalendarArrowHover .dijitCalendarIncrease, +.dijitCalendarArrow:hover .dijitCalendarIncrease { + background-position: -55px 0; +} +.dijitCalendarArrowActive .dijitCalendarDecrease, +.dijitCalendarArrow:active .dijitCalendarDecrease { + background-position: -72px 0; +} +.dijitCalendarArrowActive .dijitCalendarIncrease, +.dijitCalendarArrow:active .dijitCalendarIncrease { + background-position: -91px 0; +} +.dijitA11ySideArrow { + /* text +/- labels instead of arrow icons, for high contrast mode */ + display: none; +} + +.dijitCalendarDayLabelTemplate { + padding-bottom: 0; + text-align: center; + border-bottom: 1px solid @border-color; + padding: 0 3px 2px; +} +.dijitCalendarDayLabel { + padding: 0 4px 0 4px; + font-weight: bold; + font-size: 0.909em; + text-align: center; + color: @text-color; +} +.dijitCalendarDateTemplate { + text-align: center; + background-color: @calendar-currentmonth-background-color; + border-bottom: 1px solid @minor-border-color; + padding-top: 0; + font-size: 0.909em; + font-family: Arial; + font-weight: bold; + letter-spacing: .05em; + text-align: center; + color: @text-color; +} +.dj_ie6 .dijitCalendarDateTemplate { + background-image: none; +} +.dijitCalendarPreviousMonth, +.dijitCalendarNextMonth { + background-color: @calendar-adjacentmonth-background-color; + background-image: none; + border-bottom: solid 1px @minor-border-color; /* todo: redundant with above .dijitCalendarDateTemplate rule */ +} +.dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration: none; + display: block; + padding: 3px 5px 3px 4px; + border: solid 1px @calendar-currentmonth-background-color; /* intentionally matches background-color, no visible border until hover/selection */ + background-color: rgba(171, 212, 251, 0); /* transparent causes black-flash animation problem on webkit */ + .transition-property(background-color, border); + .transition-duration(.35s); +} +.dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.dijitCalendarNextMonth .dijitCalendarDateLabel { + color: @calendar-adjacentmonth-text-color; + border-color: @calendar-adjacentmonth-background-color; /* intentionally matches background-color, no visible border until hover/selection */ +} + +.dijitCalendarYearContainer { + vertical-align: middle; +} +.dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.dijitCalendarYearLabel { + padding: 2px 0 0 0; + margin: 0; + font-size: 1.17em; +} +.dijitCalendarYearLabel span { + /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */ + vertical-align: middle; +} +.dijitCalendarSelectedYear { + padding: 0 3px; +} +.dijitCalendarNextYear, +.dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size: 0.909em; +} +.dijitCalendarSelectedYear { + font-size: 1.091em; + color: @selected-text-color; +} +/* End Normal Calendar Style */ +/* Hovered Calendar Style */ +.dijitCalendarHoveredDate .dijitCalendarDateLabel, +.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { + background-color: @hovered-background-color; + border: solid 1px @hovered-border-color; + color: @hovered-text-color; + .transition-duration(.2s); +} +.dijitCalendarNextYearHover, .dijitCalendarNextYear:hover, +.dijitCalendarPreviousYearHover, .dijitCalendarPreviousYear:hover { + color: @hovered-text-color; + border: solid 1px @calendar-button-hovered-border-color; + padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ + background-color: @calendar-button-hovered-background-color; +} +/* End Hovered Calendar Style */ +/* Active Calendar Style */ +.dijitCalendarNextYearActive, .dijitCalendarNextYear:active +.dijitCalendarPreviousYearActive, .dijitCalendarPreviousYear:active { + border: solid 1px @calendar-button-pressed-border-color; + padding: 0 5px 0 5px; /* reduced by 1 to make room for border */ + background-color: @calendar-button-pressed-background-color; +} +.dijitCalendarActiveDate .dijitCalendarDateLabel, +.dijitCalendarEnabledDate:active .dijitCalendarDateLabel { + background-color: @calendar-date-pressed-background-color; + border: solid 1px @calendar-date-pressed-border-color; + .transition-duration(.1s); +} +.dj_ie6 .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image: none; +} +/* End Active Calendar Style */ +/* Selected Calendar Style */ +.dijitCalendarSelectedDate .dijitCalendarDateLabel { + color: @selected-text-color; + background-color: @calendar-date-selected-background-color; + border-color: @calendar-date-selected-border-color; +} +/* End Selected Calendar Style */ +/* Disabled Calendar Style*/ +.dijitCalendarDisabledDate .dijitCalendarDateLabel { + color: @disabled-text-color; + text-decoration: line-through; +} + +/* End Disabled Calendar Style */ + +/* Styling for month DropDownButton */ + +.dijitCalendar .dijitDropDownButton { + margin: 0; +} +.dijitCalendar .dijitButtonText { + padding: 1px 0 3px; + margin-right: -4px; +} +.dijitCalendar .dijitDropDownButton .dijitButtonNode { + padding: 0 3px 0 2px; + border: solid 1px @border-color; + .box-shadow(0 0 0 rgba(0, 0, 0, 0)); + + // Override background settings from vanilla .dijitButtonNode. We want to inherit background of Calendar. + background-color: transparent; + background-image: none; +} +.dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, +.dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { + background-color: @calendar-button-hovered-background-color; + border: solid 1px @calendar-button-hovered-border-color; +} + +/* Styling for month drop down list */ + +.dijitCalendarMonthMenu { + border-color: @popup-border-color; + background-color: @menu-background-color; + text-align: center; + background-image: none; +} +.dijitCalendarMonthMenu .dijitCalendarMonthLabel { + border-top: solid 1px @menu-background-color; /* intentionally invisible until hover */ + border-bottom: solid 1px @menu-background-color; + padding: 2px 0; +} +.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, +.dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { + border-color: @hovered-border-color; + border-width: 1px 0; + .gradient-and-filter(@hovered-background-color, 70, 0); +} +.dj_ie6 .dijitCalendar { + background-image:none; // because on IE6 background-image overrides background-color +} diff --git a/apps/ide/src/styles/comp/CheckedMultiSelect.less b/apps/ide/src/styles/theme/webida-light/comp/CheckedMultiSelect.less similarity index 71% rename from apps/ide/src/styles/comp/CheckedMultiSelect.less rename to apps/ide/src/styles/theme/webida-light/comp/CheckedMultiSelect.less index 676dc622..0d885bf4 100644 --- a/apps/ide/src/styles/comp/CheckedMultiSelect.less +++ b/apps/ide/src/styles/theme/webida-light/comp/CheckedMultiSelect.less @@ -1,5 +1,3 @@ -@import "../less/variables"; -@import "../less/theme-set"; .dojoxCheckedMultiSelectHidden{ display: none; @@ -86,14 +84,14 @@ border-color:#b3b3b3; } -.@{theme} .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { +.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { border: 1px solid #b5bcc7; background-color: #f7fcff; line-height: normal; -webkit-transition-property:background-color, border; -webkit-transition-duration:.35s; } -.@{theme} .dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper { +.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper { border-color: #769dc0; background-color: #e9f4fe; background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); @@ -102,53 +100,53 @@ background-repeat: repeat-x; -webkit-transition-duration:.25s; } -.@{theme} .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { +.dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { border: 1px solid #769dc0; -webkit-transition-duration:.1s; } -.@{theme} .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { +.dojoxCheckedMultiSelectMenuCheckBoxItemIcon { background-image: url('../images/checkboxRadioButtonStates.png'); background-repeat: no-repeat; background-position: -15px; width: 15px; height: 16px; } -.@{theme} .dojoxCheckedMultiSelectMenuRadioItemIcon { +.dojoxCheckedMultiSelectMenuRadioItemIcon { background-image: url('../images/checkboxRadioButtonStates.png'); background-repeat: no-repeat; background-position: -105px; width: 15px; height: 16px; } -.dj_ie6 .@{theme} .dojoxCheckedMultiSelectMenuItemIcon { +.dj_ie6 .dojoxCheckedMultiSelectMenuItemIcon { background-image: url('../images/checkboxRadioButtonStates.png'); } -.@{theme} .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { +.dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { background-position: 0; } -.@{theme} .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon { +.dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon { background-position: -90px; } -.@{theme} .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText { +.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText { padding: 2px; } -.@{theme} .dojoxCheckedMultiSelectButton { +.dojoxCheckedMultiSelectButton { border: 1px solid #b5bcc7; background-color: #ffffff; border-collapse: separate; } -.@{theme} .dojoxCheckedMultiSelect .dijitButtonNode { +.dojoxCheckedMultiSelect .dijitButtonNode { border: 0 solid #b5bcc7; border-width: 0 0 0 0; } -.dj_ie6 .@{theme} .dojoxCheckedMultiSelectButton, .dj_ie6 .@{theme} .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode { +.dj_ie6 .dojoxCheckedMultiSelectButton, .dj_ie6 .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode { background-image: none; } -.@{theme} .dojoxCheckedMultiSelectButton .dijitButtonContents { +.dojoxCheckedMultiSelectButton .dijitButtonContents { border: 0 solid #b5bcc7; border-right-width: 1px; } -.@{theme} .dojoxCheckedMultiSelectButton .dijitArrowButton { +.dojoxCheckedMultiSelectButton .dijitArrowButton { padding: 0; border: 1px solid #ffffff; border-top: none; @@ -156,14 +154,14 @@ background-image: url("images/formHighlight.png"); background-repeat: repeat-x; } -.@{theme} .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner { background-image: url("../images/commonFormArrows.png"); background-position: -35px; background-repeat: no-repeat; width: 16px; height: 16px; } -.@{theme} .dojoxCheckedMultiSelectButtonHover { +.dojoxCheckedMultiSelectButtonHover { border: 1px solid #769dc0; background-color: #e9f4fe; background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); @@ -171,40 +169,40 @@ background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-repeat: repeat-x; } -.@{theme} .dojoxCheckedMultiSelectButtonHover .dijitButtonContents { +.dojoxCheckedMultiSelectButtonHover .dijitButtonContents { border-color: #769dc0; } -.@{theme} .dojoxCheckedMultiSelectButtonHover .dijitArrowButton { +.dojoxCheckedMultiSelectButtonHover .dijitArrowButton { background-color: #abd6ff; } -.@{theme} .dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner { background-position: -70px ; } -.@{theme} .dojoxCheckedMultiSelectButtonFocused { +.dojoxCheckedMultiSelectButtonFocused { border: 1px solid #769dc0; } -.@{theme} .dojoxCheckedMultiSelectButtonFocused .dijitButtonContents { +.dojoxCheckedMultiSelectButtonFocused .dijitButtonContents { border-color: #769dc0; } -.@{theme} .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton { +.dojoxCheckedMultiSelectButtonFocused .dijitArrowButton { background-color: #7dbefa; background-position: 0 -177px; border: none; padding: 0 1px; } -.@{theme} .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner { background-position: -70px; margin-bottom: 1px; } -.@{theme} .dojoxCheckedMultiSelectButtonDisabled { +.dojoxCheckedMultiSelectButtonDisabled { border: 1px solid #d3d3d3; background-color: #efefef; background-image: none; color: #818181; } -.@{theme} .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton { +.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton { background-color: #efefef; } -.@{theme} .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner { background-position: 0; } diff --git a/apps/ide/src/styles/comp/ColorPalette.less b/apps/ide/src/styles/theme/webida-light/comp/ColorPalette.less similarity index 50% rename from apps/ide/src/styles/comp/ColorPalette.less rename to apps/ide/src/styles/theme/webida-light/comp/ColorPalette.less index 742dc295..f870b5a2 100644 --- a/apps/ide/src/styles/comp/ColorPalette.less +++ b/apps/ide/src/styles/theme/webida-light/comp/ColorPalette.less @@ -21,28 +21,23 @@ * adds border for active or selected state */ -@import "../less/variables"; -@import "../less/theme-set"; -.@{theme} { - - .dijitColorPalette { - border: 1px solid @border-color; - background: @colorpalette-background-color; - .border-radius(0); - } +.dijitColorPalette { + border: 1px solid @border-color; + background: @colorpalette-background-color; + .border-radius(0); +} - .dijitColorPalette .dijitPaletteImg { - /* transparent (but clickable) node inside of each , overlaying the color swatch. - * displays border around a color swatch - * overrides border color in dijit.css */ - border: 1px solid @minor-border-color; - } - .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { - border: 1px solid @swatch-hovered-border-color; - } - .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, - .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid @swatch-selected-border-color; - } +.dijitColorPalette .dijitPaletteImg { + /* transparent (but clickable) node inside of each , overlaying the color swatch. + * displays border around a color swatch + * overrides border color in dijit.css */ + border: 1px solid @minor-border-color; +} +.dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { + border: 1px solid @swatch-hovered-border-color; +} +.dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, +.dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid @swatch-selected-border-color; } diff --git a/apps/ide/src/styles/theme/webida-light/comp/Common.less b/apps/ide/src/styles/theme/webida-light/comp/Common.less new file mode 100644 index 00000000..032a87b6 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Common.less @@ -0,0 +1,84 @@ +/* ========= Styling rules to affect widgets ========= */ + +.dijitPopup { + .box-shadow(0 1px 5px rgba(0, 0, 0, 0.25)); +} +.dijitTooltipDialogPopup { + /* exception popups: do not use a shadow on these because they aren't rectangular */ + .box-shadow(none); +} + +/* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ +.dijitComboBoxHighlightMatch { + background-color: @select-matchedtext-background-color; +} + +.dijitFocusedLabel { + /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ + outline: 1px dotted @focus-outline-color; +} + +/* Drag and Drop*/ +.dojoDndItem { + border-color: rgba(0, 0, 0, 0); // rgba() instead of none to prevent flash on hover fade-in + .transition-duration(.25s); + .transition-property(background-color, border-color) +} +.dojoDndItemOver { + // Hovered item. Matches dijitTreeRowHover. + background-color: @hovered-background-color; + .standard-gradient; + padding: 1px; // reduce from 2px in dijit.css + border: solid 1px @hovered-border-color; + color: @hovered-text-color; +} +.dojoDndItemAnchor, +.dojoDndItemSelected { + // Selected items(s). Matches dijitTreeRowSelected. + background-color: @selected-background-color; + .standard-gradient; + padding: 1px; // reduce from 2px in dijit.css + border: solid 1px @selected-border-color; + color: @selected-text-color; +} + +.dojoDndItemBefore, +.dojoDndItemAfter { + // line to indicate that user is dropping before/after this dojoDndItem + border-color: @dnd-dropseparator-color; +} + +table.dojoDndAvatar { + border: 1px solid @border-color; + border-collapse: collapse; + background-color: @dnd-avatar-background-color; + .box-shadow(0 1px 3px rgba(0, 0, 0, .25)); +} +.dojoDndAvatarHeader td { + height: 20px; + padding-left: 21px; +} +.dojoDndMove .dojoDndAvatarHeader, .wsdk.dojoDndCopy .dojoDndAvatarHeader { + background-image: url(@image-dnd); + background-repeat: no-repeat; + background-position:2px -122px; +} +.dojoDndAvatarItem td { + padding: 5px; +} +.dojoDndMove .dojoDndAvatarHeader { + background-color: @dnd-avatar-header-background-color; + background-position:2px -103px; +} +.dojoDndCopy .dojoDndAvatarHeader { + background-color: @dnd-avatar-header-background-color; + background-position:2px -68px; +} +.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: @dnd-avatar-candrop-header-background-color; + background-position:2px -33px; +} +.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: @dnd-avatar-candrop-header-background-color; + background-position:2px 2px; +} diff --git a/apps/ide/src/styles/theme/webida-light/comp/Dialog.less b/apps/ide/src/styles/theme/webida-light/comp/Dialog.less new file mode 100644 index 00000000..2954b173 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Dialog.less @@ -0,0 +1,226 @@ +/* Dialog + * + * Styling Dialog includes two sections: Dialog and Tooltip & TooltipDialog + * + * Dialog: + * 1. Dialog (default styling): + * .dijitDialog - styles for dialog's bounding box + * + * 2. Dialog title + * .dijitDialogTitleBar - styles for the title container at the top of dialog + * .dijitDialogTitle - the text container in dialog title + * + * 3. Dialog content + * .dijitDialogPaneContent - main container for content area and action bar + * .dijitDialogPaneContentArea - styles for content container + * + * 4. Dialog action bar + * .dijitDialogPaneActionBar - styles for action buttons lie at the bottom of dialog pane content + * + * 5. Dialog underlay + * .dijitDialogUnderlay - div under the dialog which used for separate dialog and page content + * + * + * Tooltip & TooltipDialog: + * 1. tooltip content container: + * .dijitTooltipContainer - tooltip content container + * + * 2. tooltip connector: + * .dijitTooltipConnector - tooltip anchor includes 4 direction(up, down, left, right) + */ + +.dijitDialog { + background-color: #EDF2F9; + border-radius: 5px; + border: 1px solid rgba(49, 53, 59, 1); + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); +} + +.dijitDialog .dijitTreeRow { + color: rgba(0, 0, 0, 1); +} + +.dijitDialogPaneContent { + border: 0; + background-color: transparent; + padding: 10px 8px; + position: relative; +} + +.dijitDialogPaneContentArea { + margin: 0; + padding: 0; +} + +.dijitDialogPaneActionBar { + /* gray bar at bottom of dialog with OK/Cancel buttons */ + background-color: transparent; + padding: 3px 5px 8px 7px; + text-align: right; + margin: 10px -8px -10px; +} +.dijitTooltipDialog .dijitDialogPaneActionBar { + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + margin: 10px -10px -8px; +} +.dijitDialogPaneActionBar .dijitButton { + float: none; +} + +.dijitDialogTitleBar { + border-radius: 4px; + margin: 1px; + /*background-image: -webkit-linear-gradient(top, #5e6872 0%, #414850 100%); + background-image: -moz-linear-gradient(top, #5e6872 0%, #414850 100%); + background-image: -o-linear-gradient(top, #5e6872 0%, #414850 100%); + background-image: linear-gradient(to bottom, #5e6872 0%, #414850 100%);*/ + background-color: #576477; + border: 0; + padding: 7px; + border-top: none; +} + +.dijitDialogTitle { + /* typography and styling of the dialog title */ + padding: 0 1px; + font-size: 1.091em; + color: #fff; +} + +.dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background: url(@image-dialog-close); + background-repeat: no-repeat; + position: absolute; + width: 20px; + height: 20px; + top: 6px; + right: 6px; +} +.dj_ie6 .dijitDialogCloseIcon { + background-image: url(@image-dialog-close-ie6); +} +.dijitDialogCloseIconHover { + background-position: -20px; +} +.dijitDialogCloseIconActive { + background-position: -40px; +} + +/* Tooltip and TooltipDialog */ + +.dijitTooltip, +.dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; /* make the area on the sides of the arrow transparent */ +} +.dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 13px; + padding-left: 3px; + padding-right: 3px; +} + +.dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 13px; + padding-left: 3px; + padding-right: 3px; +} + +.dijitTooltipContainer { + /* the part with the text */ + background-color: @popup-background-color; + .linear-gradient(bottom, @tooltip-gradient-color 0px, @popup-background-color 10px); + background-position: bottom; + border: 1px solid @popup-border-color; + padding: 6px 8px; + .border-radius(4px); + .box-shadow(0 1px 3px rgba(0, 0, 0, 0.25)); + font-size: 1em; + color: @text-color; +} + +.dijitTooltipConnector { + /* the arrow piece */ + border: 0; + z-index: 2; + background-image: url(@image-tooltip); + background-repeat: no-repeat; + width: 16px; + height: 14px; +} +.dj_ie6 .dijitTooltipConnector { + background-image: url(@image-tooltip-ie6); +} + +.dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 3px; + background-position: -31px 0; + width: 16px; + height: 14px; +} + +.dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + left: 3px; + background-position: -15px 0; + width: 16px; + height: 14px; +} +.dj_ie7 .dijitTooltipAbove .dijitTooltipConnector, +.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector { + bottom: -1px; +} + +.dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left. + Override above rules for .dijitTooltipBelow, .dijitTooltipAbove */ + left: auto; + right: 3px; +} + +.dijitTooltipLeft { + padding-right: 14px; +} +.dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background-position: 0 0; + width: 16px; + height: 14px; +} + +.dijitTooltipRight { + padding-left: 14px; +} +.dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background-position: -48px 0; + width: 16px; + height: 14px; +} + +.dijitDialogUnderlay { + background: @dialog-underlay-color; + +} + +.popup-dialog .dijitDialogPaneContentArea, +.buttoned-dialog-text-only .dijitDialogPaneContentArea { + background-color: transparent; + padding: 10px 10px 30px 10px; + overflow-wrap: break-word; +} diff --git a/apps/ide/src/styles/theme/webida-light/comp/Editor.less b/apps/ide/src/styles/theme/webida-light/comp/Editor.less new file mode 100644 index 00000000..bb3596a9 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Editor.less @@ -0,0 +1,55 @@ +/* Editor + * + * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer) + * + * 1. Editor iframe container (default styling): + * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding + * + * 2. hovered Editor iframe container (ie, mouse hover on editor) + * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container + * + * 3. focused Editor iframe container (ie, mouse focus on the editor pane) + * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused + * + * 3. disabled Editor iframe container + * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border + */ + +.dijitEditorIFrameContainer { + padding: 3px 3px 1px 10px; +} +.dijitEditorIFrame { + background-color: @textbox-background-color; +} +.dijitEditor { + border: 1px solid @border-color; +} +.dijitEditor .dijitEditorIFrameContainer { + background-color: @textbox-background-color; + background-repeat: repeat-x; +} +.dijitEditorHover .dijitEditorIFrameContainer, +.dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: @textbox-hovered-background-color; +} +.dijitEditorFocused .dijitEditorIFrameContainer, +.dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: @textbox-focused-background-color; +} +.dijitEditorHover .dijitEditorIFrameContainer, +.dijitEditorFocused .dijitEditorIFrameContainer { + .textbox-background-image; +} + +/* Disabled */ +.dijitEditorDisabled { + border: 1px solid @disabled-border-color; + color: @disabled-text-color; +} + +.dijitDisabled .dijitEditorIFrame, +.dijitDisabled .dijitEditorIFrameContainer, +.dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: @textbox-disabled-background-color; + background-image: none; +} diff --git a/apps/ide/src/styles/comp/EnhancedGrid.less b/apps/ide/src/styles/theme/webida-light/comp/EnhancedGrid.less similarity index 86% rename from apps/ide/src/styles/comp/EnhancedGrid.less rename to apps/ide/src/styles/theme/webida-light/comp/EnhancedGrid.less index 08e12fd2..f156c10a 100644 --- a/apps/ide/src/styles/comp/EnhancedGrid.less +++ b/apps/ide/src/styles/theme/webida-light/comp/EnhancedGrid.less @@ -1466,9 +1466,6 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { background-color: #F1F8FF; } */ -@import "../less/variables"; -@import "../less/theme-set"; -.@{theme} { .dojoxGrid { position: relative; font-family: Geneva, Arial, Helvetica, sans-serif; @@ -2569,400 +2566,398 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { .dojoxEllipsisShown:after { content: "\2026" } -} -.dj_ie .@{theme} .dojoxGridHeader .dojoxGridRowTable { + +.dj_ie .dojoxGridHeader .dojoxGridRowTable { border-collapse:separate; } -.dj_ie6 .@{theme} .dojoxGridHeader .dojoxGridRowTable, -.dj_ie7 .@{theme} .dojoxGridHeader .dojoxGridRowTable { +.dj_ie6 .dojoxGridHeader .dojoxGridRowTable, +.dj_ie7 .dojoxGridHeader .dojoxGridRowTable { border-collapse:collapse; border-right: 0px; } -.dj_ie6 .@{theme} .dojoxGridRowbar, -.dj_ie6 .@{theme} .dojoxGridRowbarTable { +.dj_ie6 .dojoxGridRowbar, +.dj_ie6 .dojoxGridRowbarTable { background-image:none; } -.dj_ie .@{theme} .dojoxGridMasterView .dojoxGridRowTable { +.dj_ie .dojoxGridMasterView .dojoxGridRowTable { border-collapse:separate; } -.dj_ie6 .@{theme} .dojoxGridMasterView .dojoxGridRowTable, -.dj_ie7 .@{theme} .dojoxGridMasterView .dojoxGridRowTable { +.dj_ie6 .dojoxGridMasterView .dojoxGridRowTable, +.dj_ie7 .dojoxGridMasterView .dojoxGridRowTable { border-collapse: collapse; } -.dj_ie7 .@{theme} .dojoxGridCell, -.dj_ie7 .@{theme} .dojoxGridHeader .dojoxGridCell { +.dj_ie7 .dojoxGridCell, +.dj_ie7 .dojoxGridHeader .dojoxGridCell { border-left: 0px; } -.dj_ie6 .@{theme} .dojoxGridCell { +.dj_ie6 .dojoxGridCell { border-color: #F5F5F5; } -.dj_ie6 .@{theme} .dojoxGridRowOdd .dojoxGridCell { +.dj_ie6 .dojoxGridRowOdd .dojoxGridCell { border-left-color:#f4f9fd; border-right-color:#f4f9fd; } -.dj_ie6 .@{theme} .dojoxGridRowSelected .dojoxGridCell { +.dj_ie6 .dojoxGridRowSelected .dojoxGridCell { border-left-color:#d3e9fb; border-right-color:#d3e9fb; } -.dj_ie6 .@{theme} .dojoxGridRowOver .dojoxGridCell, -.dj_ie7 .@{theme} .dojoxGridRowOver .dojoxGridCell { +.dj_ie6 .dojoxGridRowOver .dojoxGridCell, +.dj_ie7 .dojoxGridRowOver .dojoxGridCell { border-right:1px solid #ABD6FF; } -.dj_ie6 .@{theme} .dojoxGridRowActive .dojoxGridCell, -.dj_ie7 .@{theme} .dojoxGridRowActive .dojoxGridCell { +.dj_ie6 .dojoxGridRowActive .dojoxGridCell, +.dj_ie7 .dojoxGridRowActive .dojoxGridCell { border-left:1px solid #7DBEFA; border-right:1px solid #7DBEFA; } -.dj_ie6 .@{theme} .dojoxGridCell { +.dj_ie6 .dojoxGridCell { background-image:none !important; } -.dijitRtl .@{theme} .dojoxGridExpando { +.dijitRtl .dojoxGridExpando { float: right; } -.dj_ie6 .@{theme} .dojoxGridExpandoNode { +.dj_ie6 .dojoxGridExpandoNode { background-image: url("../images/treeExpandImages8bit.png"); } -.dj_ie6 .@{theme} .dojoxGridSummaryRow .dojoxGridCell { +.dj_ie6 .dojoxGridSummaryRow .dojoxGridCell { border-color:#fff } -.dj_ie6 .@{theme} .dojoxGridRowOver .dojoxGridCell { +.dj_ie6 .dojoxGridRowOver .dojoxGridCell { border-color: #ABD6FF; } -.dj_ie6 .@{theme} .dojoxGridRowActive .dojoxGridCell { +.dj_ie6 .dojoxGridRowActive .dojoxGridCell { border-color: #7DBEFA; } -.dj_gecko .@{theme} .dojoxGridFBarInfoTD, -.dj_webkit .@{theme} .dojoxGridFBarInfoTD { +.dj_gecko .dojoxGridFBarInfoTD, +.dj_webkit .dojoxGridFBarInfoTD { border-top: 1px solid #BFD6EB; border-bottom: 1px solid #BFD6EB; } -.dj_ie .@{theme} .dojoxGridFBarInner{ +.dj_ie .dojoxGridFBarInner{ border-top: 1px solid #BFD6EB; border-bottom: 1px solid #BFD6EB; display:inline-block; width: 100%; } -.dj_ie6 .@{theme} .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { +.dj_ie6 .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { background-image:none; } -.dj_ie6 .@{theme} .dojoxGridHeader .dojoxGridCell { +.dj_ie6 .dojoxGridHeader .dojoxGridCell { border-color:#BCBCBC #BCBCBC #BCBCBC #e5edf4; } -.@{theme} { - .dojoxGridHeader .dojoxGridRowTable tr { - background: none; - } - .dojoxGridHeader tr:first-child .dojoxGridCell { - border-top: 1px solid transparent; - } - .dojoxGridHeader:first-child .dojoxGridRowTable { - border-left-width: 0; - } - .dojoxGridHeader:first-child { - margin-left: -1px; - } - .dojoxGridScrollbox { - background-color: #fefefe; - } - .dojoxGridRowbar { - //background:url("images/header.png") #e5edf4 repeat-x top; - background: rgba(207, 215, 228, 1); - border: none; - border-right: 1px solid rgba(126, 136, 151, 1); - border-top: 1px solid rgba(126, 136, 151, 1); - } - .dojoxGridRowbarTable { - background: transparent url("../images/header_shadow.png") repeat-x scroll center bottom; - } +.dojoxGridHeader .dojoxGridRowTable tr { + background: none; +} +.dojoxGridHeader tr:first-child .dojoxGridCell { + border-top: 1px solid transparent; +} +.dojoxGridHeader:first-child .dojoxGridRowTable { + border-left-width: 0; +} +.dojoxGridHeader:first-child { + margin-left: -1px; +} +.dojoxGridScrollbox { + background-color: #fefefe; +} +.dojoxGridRowbar { + //background:url("images/header.png") #e5edf4 repeat-x top; + background: rgba(207, 215, 228, 1); + border: none; + border-right: 1px solid rgba(126, 136, 151, 1); + border-top: 1px solid rgba(126, 136, 151, 1); +} +.dojoxGridRowbarTable { + background: transparent url("../images/header_shadow.png") repeat-x scroll center bottom; +} - .dojoxGridRowbarInner { - border: none; - border-bottom: 1px solid #ccc; - } - .dojoxGridRowbarOver .dojoxGridRowbarTable { - background-color: #abd5fd; - } - .dojoxGridRowbarSelected { - background-color: #abd5fd; - border-right: 1px solid #ccc; - } - .dojoxGridRow { - border: none; - background-color: #fff; - border-top: 1px solid rgba(126, 136, 151, 1); - } +.dojoxGridRowbarInner { + border: none; + border-bottom: 1px solid #ccc; +} +.dojoxGridRowbarOver .dojoxGridRowbarTable { + background-color: #abd5fd; +} +.dojoxGridRowbarSelected { + background-color: #abd5fd; + border-right: 1px solid #ccc; +} +.dojoxGridRow { + border: none; + background-color: #fff; + border-top: 1px solid rgba(126, 136, 151, 1); +} - .dojoxGridRowTable tr { - background: url("../images/row_back.png") #fff repeat-x; - } - .dojoxGridRowOdd .dojoxGridRowTable tr { - background-color: #f7fcff; - } - .dojoxGridRowSelected .dojoxGridRowTable tr { - background-color: #cee6fa; - } - .dojoxGrid .dojoxGridCell { - outline: none; - padding: 3px 5px; - border: 1px solid transparent; - border-color: transparent rgba(126, 136, 151, 1) transparent transparent; - } +.dojoxGridRowTable tr { + background: url("../images/row_back.png") #fff repeat-x; +} +.dojoxGridRowOdd .dojoxGridRowTable tr { + background-color: #f7fcff; +} +.dojoxGridRowSelected .dojoxGridRowTable tr { + background-color: #cee6fa; +} +.dojoxGrid .dojoxGridCell { + outline: none; + padding: 3px 5px; + border: 1px solid transparent; + border-color: transparent rgba(126, 136, 151, 1) transparent transparent; +} - .dojoxGridRowSelected .dojoxGridCell { - border-top: 1px solid #BFD6EB; - border-bottom: 1px solid #BFD6EB; - } - .dojoxGridCellFocus { - outline: none; - border: 1px dashed darkblue !important; - } - .dojoxGridRowOver .dojoxGridCell { - background: url("../images/row_back.png") #ABD6FF repeat-x; - border-top: 1px solid #769DC0; - border-bottom: 1px solid #769DC0; - } +.dojoxGridRowSelected .dojoxGridCell { + border-top: 1px solid #BFD6EB; + border-bottom: 1px solid #BFD6EB; +} +.dojoxGridCellFocus { + outline: none; + border: 1px dashed darkblue !important; +} +.dojoxGridRowOver .dojoxGridCell { + background: url("../images/row_back.png") #ABD6FF repeat-x; + border-top: 1px solid #769DC0; + border-bottom: 1px solid #769DC0; +} - .dojoxGridRowActive .dojoxGridCell { - background: url("../images/td_button_down.png") #7DBEFA repeat-x; - } +.dojoxGridRowActive .dojoxGridCell { + background: url("../images/td_button_down.png") #7DBEFA repeat-x; +} - .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { - border: solid 1px #769dc0; - background-color: #93cafe; - border-collapse: separate; - } - .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell { - background-image: url("../images/row_back.png"); - } - .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { - background: url("../images/td_button_down.png") #93cafe repeat-x; - } +.dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { + border: solid 1px #769dc0; + background-color: #93cafe; + border-collapse: separate; +} +.dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell { + background-image: url("../images/row_back.png"); +} +.dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { + background: url("../images/td_button_down.png") #93cafe repeat-x; +} - .dojoxGridRowEditing td { +.dojoxGridRowEditing td { - background-color: #cee6fa; + background-color: #cee6fa; - } - .dojoxGridRow-inserting td { - background-color: #F4FFF4; - } - .dojoxGridRow-inflight td { - background-color: #F2F7B7; - } - .dojoxGridRow-error td { - background-color: #F8B8B6; - } - .dojoxGrid .dojoDndItemBefore { - border-left-color: #3559ac; - } - .dojoxGrid .dojoDndItemAfter { - border-right-color: #3559ac; - } - .dojoxGridExpando { - float: left; - height: 18px; - width: 18px; - text-align: center; - margin-top: -3px; - } +} +.dojoxGridRow-inserting td { + background-color: #F4FFF4; +} +.dojoxGridRow-inflight td { + background-color: #F2F7B7; +} +.dojoxGridRow-error td { + background-color: #F8B8B6; +} +.dojoxGrid .dojoDndItemBefore { + border-left-color: #3559ac; +} +.dojoxGrid .dojoDndItemAfter { + border-right-color: #3559ac; +} +.dojoxGridExpando { + float: left; + height: 18px; + width: 18px; + text-align: center; + margin-top: -3px; +} - .dojoxGridExpandoCell { - padding-top: 5px; - background-position: left top !important; - } - .dojoxGridExpandoNode { - background-image: url("../images/treeExpandImages.png"); - width: 16px; - height: 16px; - cursor: pointer; - background-position: 1px 0px; - } +.dojoxGridExpandoCell { + padding-top: 5px; + background-position: left top !important; +} +.dojoxGridExpandoNode { + background-image: url("../images/treeExpandImages.png"); + width: 16px; + height: 16px; + cursor: pointer; + background-position: 1px 0px; +} - .dojoxGridRowOver .dojoxGridExpandoNode { - background-position: -17px 0px; - } - .dojoxGridExpandoOpened .dojoxGridExpandoNode { - background-position: -35px 0px; - } - .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { - background-position: -53px 0px; - } - .dojoxGridExpandoLoading .dojoxGridExpandoNode { - background-image: url("../images/loadingAnimation.gif"); - } - .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { - visibility: visible !important; - width: 18px !important; - } - .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { - background-image: none; - } - .dojoxGridExpandoNodeInner { - visibility: hidden; - } - .dijit_a11y .dojoxGridExpandoNodeInner { - visibility: visible; - } - .dojoxGridSummaryRow .dojoxGridCell { - border: 1px solid transparent; - } +.dojoxGridRowOver .dojoxGridExpandoNode { + background-position: -17px 0px; +} +.dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -35px 0px; +} +.dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -53px 0px; +} +.dojoxGridExpandoLoading .dojoxGridExpandoNode { + background-image: url("../images/loadingAnimation.gif"); +} +.dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { + visibility: visible !important; + width: 18px !important; +} +.dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { + background-image: none; +} +.dojoxGridExpandoNodeInner { + visibility: hidden; +} +.dijit_a11y .dojoxGridExpandoNodeInner { + visibility: visible; +} +.dojoxGridSummaryRow .dojoxGridCell { + border: 1px solid transparent; +} - tr.dojoxGridSubRowAlt { - background-color: #f4f9fd; - } - .dojoxGridRowOdd tr.dojoxGridSubRowAlt { - background-color: #fff; - } - .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { - background-color: #cee6fa; - } +tr.dojoxGridSubRowAlt { + background-color: #f4f9fd; +} +.dojoxGridRowOdd tr.dojoxGridSubRowAlt { + background-color: #fff; +} +.dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { + background-color: #cee6fa; +} - .dojoxGridHeader .dojoxGridHeaderActive { - background-color: #91c9fe; - } - td.dojoxGridRowSelected { - border-collapse: separate; - background: url("../images/row_back.png") #CEE6FA repeat-x; - } - .dojoxGridRowOver td.dojoxGridRowSelected { - border-top: 1px solid #769DC0; - border-bottom: 1px solid #769DC0; - } - .dojoxGridRowActive td.dojoxGridRowSelected { - background-image: url("../images/td_button_down.png"); - } +.dojoxGridHeader .dojoxGridHeaderActive { + background-color: #91c9fe; +} +td.dojoxGridRowSelected { + border-collapse: separate; + background: url("../images/row_back.png") #CEE6FA repeat-x; +} +.dojoxGridRowOver td.dojoxGridRowSelected { + border-top: 1px solid #769DC0; + border-bottom: 1px solid #769DC0; +} +.dojoxGridRowActive td.dojoxGridRowSelected { + background-image: url("../images/td_button_down.png"); +} - .dojoxGridPaginator { - background: url("../images/header_shadow.png") repeat-x scroll center bottom #E5EDF4; +.dojoxGridPaginator { + background: url("../images/header_shadow.png") repeat-x scroll center bottom #E5EDF4; - } - .dojoxGridFBarInfoTD { - background: url("../images/header_shadow.png") #F2F9FF repeat-x bottom; - background: -moz-linear-gradient(top, #F2F9FF, #EAF5FF); - background: -webkit-gradient(linear, left top, left bottom, from(#F2F9FF), to(#EAF5FF)); - //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF2F9FF, endColorstr=#FFEAF5FF); - } - .dojoxGridFBarHover .dojoxGridFBarInfoTD { - background: url("../images/header_shadow.png") #F2F9FF repeat-x bottom; - background: -moz-linear-gradient(top, #ECF6FF 2px, #F2F9FF, #EAF5FF 6px); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ECF6FF), color-stop(0.6, #F2F9FF), color-stop(0.8, #EAF5FF)); - } +} +.dojoxGridFBarInfoTD { + background: url("../images/header_shadow.png") #F2F9FF repeat-x bottom; + background: -moz-linear-gradient(top, #F2F9FF, #EAF5FF); + background: -webkit-gradient(linear, left top, left bottom, from(#F2F9FF), to(#EAF5FF)); + //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF2F9FF, endColorstr=#FFEAF5FF); +} +.dojoxGridFBarHover .dojoxGridFBarInfoTD { + background: url("../images/header_shadow.png") #F2F9FF repeat-x bottom; + background: -moz-linear-gradient(top, #ECF6FF 2px, #F2F9FF, #EAF5FF 6px); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ECF6FF), color-stop(0.6, #F2F9FF), color-stop(0.8, #EAF5FF)); +} - .dojoxGridFBarClearFilterBtn { - color: #5B83B6; - } - .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { - text-decoration: underline; - } - .dojoxGridFBar { - border-left: 1px solid white; - } - .dojoxGridFStatusTip table { - border: 1px solid #BCBCBC; - } - .dojoxGridFStatusTip th { - background-color: #E8EFF4; - border-bottom: 1px solid #BCBCBC; - } - .dojoxGridFStatusTip th div { - background-color: #E8EFF4; - border-left: 1px solid white; - border-right: 1px solid #BCBCBC; - border-top: 1px solid white; - border-bottom: 1px solid white; - } - .dojoxGridFStatusTip th.lastColumn div { - border-right: 1px solid white; - } - .dojoxGridFStatusTip td { - border-top: 1px solid white; - border-bottom: 1px solid white; - } - .dojoxGridFStatusTipCondition { - font-style: italic; - } - .dojoxGridFStatusTipOddRow { - background-color: #F1F8FF; - } +.dojoxGridFBarClearFilterBtn { + color: #5B83B6; +} +.dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { + text-decoration: underline; +} +.dojoxGridFBar { + border-left: 1px solid white; +} +.dojoxGridFStatusTip table { + border: 1px solid #BCBCBC; +} +.dojoxGridFStatusTip th { + background-color: #E8EFF4; + border-bottom: 1px solid #BCBCBC; +} +.dojoxGridFStatusTip th div { + background-color: #E8EFF4; + border-left: 1px solid white; + border-right: 1px solid #BCBCBC; + border-top: 1px solid white; + border-bottom: 1px solid white; +} +.dojoxGridFStatusTip th.lastColumn div { + border-right: 1px solid white; +} +.dojoxGridFStatusTip td { + border-top: 1px solid white; + border-bottom: 1px solid white; +} +.dojoxGridFStatusTipCondition { + font-style: italic; +} +.dojoxGridFStatusTipOddRow { + background-color: #F1F8FF; +} - .dojoxGrid { - padding: 0px; - border-collapse: collapse; - border: 1px solid rgba(126, 136, 151, 1); - } - .dojoxGridMasterMessages { - background-color: #fefefe; - } - .dojoxGridLoading, - .dojoxGridError { - background-position: left center; - background-repeat: no-repeat; - padding-left: 25px; - } - .dojoxGridLoading { - background-image: url("../images/loadingAnimation.gif"); - } - .dojoxGridError { - background-image: url("../images/commonIconsObjActEnabled.png"); - background-position: -496px; - width: 16px; - height: 16px; - } - .dojoxGridHeader { - background: transparent; - margin-left: -2px; - } - .dojoxGridHeader .dojoxGridCell { - padding: 2px 5px; - vertical-align: top; - background: transparent; - border-style: solid; - border-width: 1px; - border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; - } +.dojoxGrid { + padding: 0px; + border-collapse: collapse; + border: 1px solid rgba(126, 136, 151, 1); +} +.dojoxGridMasterMessages { + background-color: #fefefe; +} +.dojoxGridLoading, +.dojoxGridError { + background-position: left center; + background-repeat: no-repeat; + padding-left: 25px; +} +.dojoxGridLoading { + background-image: url("../images/loadingAnimation.gif"); +} +.dojoxGridError { + background-image: url("../images/commonIconsObjActEnabled.png"); + background-position: -496px; + width: 16px; + height: 16px; +} +.dojoxGridHeader { + background: transparent; + margin-left: -2px; +} +.dojoxGridHeader .dojoxGridCell { + padding: 2px 5px; + vertical-align: top; + background: transparent; + border-style: solid; + border-width: 1px; + border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; +} - .dojoxGridHeader .dojoxGridCellOver { - background: #9dcfff; - } - .dojoxGridSortNode { - text-decoration: none; - display: block; - white-space: normal; - background: none; - border: none; - padding: 0; - } - .dojoxGridCellOver .dojoxGridSortNode { - background-color: #9dcfff; - } - .dojoxGridArrowButtonChar { - display: none; - float: right; - } - .dojoxGridArrowButtonNode { - background: transparent url("../images/spriteArrows.png") no-repeat scroll left center; - display: block; - float: right; - height: 1em; - margin: 2px 4px 0 5px; - padding-left: 0; - width: 7px; - } - .dojoxGridSortUp .dojoxGridArrowButtonNode { - background-position: -21px 50%; - } - .dojoxGridMasterHeader { - /*background: url("images/header.png") #EDF2F7 repeat-x bottom; - background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); - background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA));*/ - //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEDF2F7, endColorstr=#FFD0DFEA); - background-color: #cfd7e4; - margin-bottom: 2px; - border-bottom: 1px solid #7e8897; - } - .dojoxGridMasterHeader .dojoxGridRowTable { - border-left: 1px solid rgba(126, 136, 151, 1); - background-color: transparent; - } +.dojoxGridHeader .dojoxGridCellOver { + background: #9dcfff; +} +.dojoxGridSortNode { + text-decoration: none; + display: block; + white-space: normal; + background: none; + border: none; + padding: 0; +} +.dojoxGridCellOver .dojoxGridSortNode { + background-color: #9dcfff; +} +.dojoxGridArrowButtonChar { + display: none; + float: right; +} +.dojoxGridArrowButtonNode { + background: transparent url("../images/spriteArrows.png") no-repeat scroll left center; + display: block; + float: right; + height: 1em; + margin: 2px 4px 0 5px; + padding-left: 0; + width: 7px; +} +.dojoxGridSortUp .dojoxGridArrowButtonNode { + background-position: -21px 50%; +} +.dojoxGridMasterHeader { + /*background: url("images/header.png") #EDF2F7 repeat-x bottom; + background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); + background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA));*/ + //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEDF2F7, endColorstr=#FFD0DFEA); + background-color: #cfd7e4; + margin-bottom: 2px; + border-bottom: 1px solid #7e8897; +} +.dojoxGridMasterHeader .dojoxGridRowTable { + border-left: 1px solid rgba(126, 136, 151, 1); + background-color: transparent; } diff --git a/apps/ide/src/styles/theme/webida-light/comp/ExpandoPane.less b/apps/ide/src/styles/theme/webida-light/comp/ExpandoPane.less new file mode 100644 index 00000000..095bd54a --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/ExpandoPane.less @@ -0,0 +1,247 @@ + + .dojoxExpandoPane { + overflow:hidden; + z-index:440 !important; + } + + .dojoxExpandoPane .dojoxExpandoWrapper { + overflow:hidden; + } + .dojoxExpandoClosed .dojoxExpandoTitleNode { + display:none; + } + + .dojoxExpandoClosed .dojoxExpandoWrapper * { + overflow:hidden !important; + } + .dojoxExpandoTitleNode { + padding-right:6px; + padding-left:6px; + } + .dojoxExpandoIcon .a11yNode { + display:none; + visibility:hidden; + } + .dojoxExpandoBottom .dojoxExpandoIcon, + .dojoxExpandoTop .dojoxExpandoIcon, + .dojoxExpandoLeft .dojoxExpandoIcon { + float:right; + margin-right:2px; + } + .dojoxExpandoRight .dojoxExpandoIcon { + float:left; + margin-left:2px; + } + .dojoxExpandoIcon { + width:14px; + cursor:pointer; + background-position:-60px 0px; + background-repeat: no-repeat; + height:14px; + } + .dojoxExpandoClosed .dojoxExpandoIcon { + background-position: 0px 0px; + margin:0 auto; + } + + .dijitBorderContainer-dijitExpandoPane { + border: none !important; + } + + .soria .dojoxExpandoTitle { + height:16px; + font-size:0.9em; + font-weight:bold; + padding:3px; + padding-top:6px; + padding-bottom:5px; + background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; + border-left: 1px solid #B1BADF; + border-right: 1px solid #B1BADF; + } + + .soria .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #F0F4FC; + border: none; + } + + .soria .dojoxExpandoClosed { + background: none; + background-color: #F0F4FC; + border: 1px solid #B1BADF !important; + } + + .soria .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png'); + } + + .dj_ie6 .soria .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.gif'); + } + + + .tundra .dojoxExpandoTitle { + font-weight: bold; + padding: 5px; + padding-top: 6px; + padding-bottom: 6px; + background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; + } + + .tundra .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #fafafa; + border: none; + padding:3px; + } + + .tundra .dojoxExpandoClosed { + background: none; + background-color: #fafafa; + border: 1px solid #ccc !important; + } + .tundra .dojoxExpandoRight .dojoxExpandoTitle, + .tundra .dojoxExpandoLeft .dojoxExpandoTitle, + .tundra .dojoxExpandoClosed .dojoxExpandoTitle, + .tundra .dojoxExpandoClosed { + background-color: #fafafa; + } + + .tundra .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif'); + } + + .tundra .dojoxExpandoClosed .dojoxExpandoIconLeft, + .tundra .dojoxExpandoClosed .dojoxExpandoIconRight, + .tundra .dojoxExpandoClosed .dojoxExpandoIconTop, + .tundra .dojoxExpandoClosed .dojoxExpandoIconBottom { + margin-top: 3px; + } + + + .wsdk .dojoxExpandoTitle { + font-weight: bold; + border:1px solid #769DC0; + border-bottom:none; + background-color:#cde8ff; + background-image: url("../images/standardGradient.png"); + background-position:0px 0px; + background-repeat:repeat-x; + padding: 5px 7px 2px 7px; + min-height:17px; + color:#4a4a4a; + } + + .wsdk .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #E6E6E7; + border: none; + padding:3px; + } + + .wsdk .dojoxExpandoClosed { + background: none; + background-color: #E6E6E7; + border: 1px solid #769DC0 !important; + } + .wsdk .dojoxExpandoRight .dojoxExpandoTitle, + .wsdk .dojoxExpandoLeft .dojoxExpandoTitle, + .wsdk .dojoxExpandoClosed .dojoxExpandoTitle{ + background-color: #E6E6E7; + } + .wsdk .dojoxExpandoClosed .dojoxExpandoTitle{ + background-image: url("../images/standardGradient.png"); + background-position:0 0; + } + + + .wsdk .dojoxExpandoIcon { + background-image: url('images/spriteRoundedIconsSmall.gif'); + } + + .wsdk .dojoxExpandoClosed .dojoxExpandoIconLeft, + .wsdk .dojoxExpandoClosed .dojoxExpandoIconRight, + .wsdk .dojoxExpandoClosed .dojoxExpandoIconTop, + .wsdk .dojoxExpandoClosed .dojoxExpandoIconBottom { + margin-top: 3px; + } + + + .nihilo .dojoxExpandoPane { + background: #fafafa; + } + + .nihilo .dojoxExpandoTitle { + height:16px; + font-size:0.9em; + font-weight:bold; + padding:3px; + padding-top:6px; + padding-bottom:5px; + background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; + } + + .nihilo .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #fafafa; + border: none; + } + + .nihilo .dojoxExpandoClosed { + background: none; + background-color: #fafafa; + border: 1px solid #ccc !important; + } + + .nihilo .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png'); + } + + .dj_ie6 .nihilo .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif'); + } + + .nihilo .dojoxExpandoTop { + border-bottom:1px solid #ccc; + border-left:1px solid #ccc; + border-right:1px solid #ccc; + } + + + + .dojoxExpandoClosed .dojoxExpandoIcon { + margin-right:4px; + } + .dojoxExpandoIconLeft { + background-position: 0 0; + } + .dojoxExpandoClosed .dojoxExpandoIconLeft { + background-position: -30px 0; + margin-right: 4px; + } + .dojoxExpandoIconRight { + background-position: -30px 0; + } + .dojoxExpandoClosed .dojoxExpandoIconRight { + background-position: 0 0; + margin-left: 4px; + } + .dojoxExpandoIconBottom { + background-position: -15px 0; + } + .dojoxExpandoClosed .dojoxExpandoIconBottom { + background-position: -45px 0; + margin-top:1px; + } + .dojoxExpandoIconTop { + background-position: -45px 0; + } + .dojoxExpandoClosed .dojoxExpandoIconTop { + background-position: -15px 0; + } diff --git a/apps/ide/src/styles/comp/FloatingPane.less b/apps/ide/src/styles/theme/webida-light/comp/FloatingPane.less similarity index 100% rename from apps/ide/src/styles/comp/FloatingPane.less rename to apps/ide/src/styles/theme/webida-light/comp/FloatingPane.less diff --git a/apps/ide/src/styles/theme/webida-light/comp/InlineEditBox.less b/apps/ide/src/styles/theme/webida-light/comp/InlineEditBox.less new file mode 100644 index 00000000..608a7138 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/InlineEditBox.less @@ -0,0 +1,23 @@ +/* InlineEditBox + * + * Styling InlineEditBox mainly includes: + * + * 1. Normal state + * .dijitInlineEditBoxDisplayMode - for border + * + * 2. Hover state + * .dijitInlineEditBoxDisplayModeHover - for border and background color + */ + +.dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; +} + +.dijitInlineEditBoxDisplayModeHover { + background-color: @textbox-hovered-background-color; + border: solid 1px @hovered-border-color; +} + +.dj_ie6 .dijitInlineEditBoxDisplayMode { + border: none; +} diff --git a/apps/ide/src/styles/theme/webida-light/comp/Menu.less b/apps/ide/src/styles/theme/webida-light/comp/Menu.less new file mode 100644 index 00000000..ea7ecf80 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Menu.less @@ -0,0 +1,235 @@ +/* Menu + +There are three areas of styling for the Menu: + + 1. The menu + There are three types of menus: + i) Context Menu + ii) Drop down Menu + iii) Navigation Menu + All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border + .dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect + .dijitMenuTable - for padding - also affects Select widget + + 2. The menu bar + .dijitMenuBar - for border, margins, padding, background-color of the menu bar + .dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) + + 3. Menu items - items in the menu. + .dijitMenuItem - for color + .dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected + .dijitMenuItemActive - for background-color of an active (mousedown) menu item + td.dijitMenuItemIconCell - for padding around a menu item's icon + td.dijitMenuItemLabel - for padding around a menu item's label + .dijitMenuSeparatorTop - for border, top border, of the separator + .dijitMenuSeparatorBottom - for bottom margin of the separator + + Styles specific to ComboBox and FilteringSelect widgets: + .dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu + .dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu + +*/ + +.dijitMenuBar { + border: 0; + margin: 0; + padding: 0; + .menubar-gradient; +} + +.dijitMenu { + background-color: rgba(78, 85, 95, 1); + border: 1px solid rgba(0, 0, 0, 1); +} + +.dijitMenuItem { + color: rgba(255, 255, 255, 1) +} +.dijitMenuBar .dijitMenuItem { + background-image: none; + background-color: transparent; + border: 1px solid transparent; + border-radius: 3px; + top: 1px; + padding: 6px 10px 7px; + margin: -1px; + color: @gnb-text-color; +} + +.dijitMenuBar .dijitMenuItemHover { + border-color: rgba(11,54,71,1); + background-color: rgba(19,75,97,1); + /*background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%);*/ +} + +.dijitMenuBar .dijitMenuItemSelected { + border-color: rgba(11,54,71,1); + background-color: rgba(19,75,97,1); + /*background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%);*/ + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); +} + +/* this prevents jiggling upon hover of a menu item */ +.dijitMenuTable { + border-collapse:separate; + border-spacing:0 0; + padding:0; +} + +.dijitMenu .dijitMenuItem td, +.dijitComboBoxMenu .dijitMenuItem { + padding: @textbox-padding; // Make drop down menu text line up with text in . + //border-width:1px 0 1px 0; + border-style:solid; + border-color: @select-dropdownitem-background-color; +} + +/* hover over a MenuItem or MenuBarItem */ +.dijitMenu .dijitMenuItemHover td, +.dijitMenu .dijitMenuItemSelected td, +.dijitMenuItemHover, +.dijitComboBoxMenu .dijitMenuItemHover, +.dijitMenuItemSelected { + // note: seems like the selected MenuItem should use @pressed-background-color + // and .active-gradient, butdidn't to that + border-color: @hovered-border-color; + background-color: rgba(145,186,212,1); + //.standard-gradient; +} + +.dijitMenuItemActive { + // todo: seems like the selected MenuItem should come here + // todo: seems like should use @pressed-background-color + //.active-gradient; +} +.dijitMenuPopup .dijitMenuItem { + background-color: transparent; + height: 22px; +} + +.dijitMenuPopup .dijitMenuItemSelected { + background-color: rgba(83,178,218,1); + /*background-image: -webkit-linear-gradient(top, #b3ceec 0%, #92aecd 100%); + background-image: -moz-linear-gradient(top, #b3ceec 0%, #92aecd 100%); + background-image: -o-linear-gradient(top, #b3ceec 0%, #92aecd 100%); + background-image: linear-gradient(to bottom, #b3ceec 0%, #92aecd 100%);*/ +} +.dijitMenuPopup .dijitMenuItemSelected.dijitMenuItemDisabled { + background-image: none; +} + +.dijitMenuPopup .dijitMenuItem td, .dijitMenu .dijitMenuItemHover td{ + border: 0; + background-color: transparent; +} + +.dj_ie .dijitMenuActive .dijitMenuItemHover, +.dj_ie .dijitMenuActive .dijitMenuItemSelected, +.dj_ie .dijitMenuPassive .dijitMenuItemHover, +.dj_ie .dijitMenuPassive .dijitMenuItemSelected { + // Selectivity set to override ComboBox rules below. + // If this rule isn't present, on IE6 hovering an item in the ComboBox drop down causes two + // items to be highlighted (except when hovering the first item in the list) + padding-top: 6px; + padding-bottom: 5px; + margin-top: -3px; +} + +td.dijitMenuItemIconCell { + padding: 2px; + margin: 0 0 0 4px; +} +td.dijitMenuItemLabel { + padding-top: 5px; + padding-bottom: 5px; +} +.dijitMenuExpand { + width: 7px; + height: 7px; + background-image: url(@image-arrow-sprite); + background-position: -14px 0; + margin-right:3px; + margin-bottom: 4px; +} +.dijitMenuItem .dijitMenuExpand { + background-position: -70px 0; +} +.dijitMenuItem.dijitMenuItemHover .dijitMenuExpand, .dijitMenuItem.dijitMenuItemSelected .dijitMenuExpand { + background-position: -14px 0; +} +.dijitMenuItemDisabled .dijitMenuItemIconCell { + opacity:1; +} +.dijitMenuSeparatorTop { + height: auto; + margin-top:1px; /* prevents spacing above/below separator */ + border-bottom: 1px solid rgba(58, 64, 71, 1) +} +.dijitMenuSeparatorBottom{ + height: auto; + margin-bottom:1px; +} +/* the checked menu item */ +.dijitCheckedMenuItem .dijitMenuItemIcon, +.dijitRadioMenuItem .dijitMenuItemIcon { + background-image: url(@image-form-checkbox-and-radios); + background-repeat:no-repeat; + background-position: -15px 50%; /* unchecked checkbox */ + width:15px; + height:16px; +} +.dj_ie6 .dijitCheckedMenuItem .dijitMenuItemIcon, +.dj_ie6 .dijitRadioMenuItem .dijitMenuItemIcon { + background-image: url(@image-form-checkbox-and-radios-ie6); +} +.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: 0 50%; /* checked checkbox */ +} +.dijitRadioMenuItem .dijitMenuItemIcon { + background-position: -105px 50%; /* unfilled circle */ +} +.dijitRadioMenuItemChecked .dijitMenuItemIcon { + background-position: -90px 50%; /* filled circle */ +} + +/*ComboBox Menu*/ +.dijitComboBoxMenu { + margin-left:0; + background-image: none; +} + +.dijitMenu .dijitMenuItemSelected td, +.dijitComboBoxMenu .dijitMenuItemSelected { + // TODO: combine with above rules for selected items? + // But the selected item in a Select drop down is different than when MenuBarItem "File" is highlighted + // because the user is on the file menu? + color:@selected-text-color; + border-color:@hovered-border-color; + background-color:@hovered-background-color; +} +.dijitMenu .dijitMenuItemSelected.dijitMenuItemDisabled td, +.dijitComboBoxMenu .dijitMenuItemSelected.dijitMenuItemDisabled { + // TODO: combine with above rules for selected items? + // But the selected item in a Select drop down is different than when MenuBarItem "File" is highlighted + // because the user is on the file menu? + color:inherit; +} +.dijitMenu .dijitMenuItemSelected td { + border: 0; + background-color: transparent; +} + +.dijitComboBoxMenuActive .dijitMenuItemSelected { + background-color: @select-dropdownitem-hovered-background-color; /* TODO: why is this a different color than normal .dijitMenuItemSelected? */ +} +.dijitMenuPreviousButton, .dijitMenuNextButton { + font-style: italic; +} diff --git a/apps/ide/src/styles/theme/webida-light/comp/ProgressBar.less b/apps/ide/src/styles/theme/webida-light/comp/ProgressBar.less new file mode 100644 index 00000000..b51c6519 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/ProgressBar.less @@ -0,0 +1,64 @@ +/* ProgressBar + * + * Styling of the ProgressBar consists of the following: + * + * 1. the base progress bar + * .dijitProgressBar - sets margins for the progress bar + * + * 2. the empty bar + * .dijitProgressBarEmpty - sets background img and color for bar or parts of bar that are not finished yet + * Also sets border color for whole bar + * + * 3. tile mode + * .dijitProgressBarTile + * inner container for finished portion when in 'tile' (image) mode + * + * 4. full bar mode + * .dijitProgressBarFull + * adds border to right side of the filled portion of bar + * + * 5. text for label of bar + * .dijitProgressBarLabel - sets text color, which must contrast with both the "Empty" and "Full" parts. + * + * 6. indeterminate mode + * .dijitProgressBarIndeterminate .dijitProgressBarTile + * sets animated gif for the progress bar in 'indeterminate' mode + */ + + +.dijitProgressBar { + margin: 2px 0 2px 0; +} +.dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + background-color: @progressbar-empty-background-color; + border-color: @progressbar-border-color; +} +.dijitProgressBarTile { + /* inner container for finished portion when in 'tile' (image) mode */ + background-color: @progressbar-full-background-color; + + // gradient background using CSS gradient, with fallback to image for IE + background-image: url("../images/progressBarFull.png"); + background-repeat: repeat-x; + .alpha-white-gradient(0.93, 0px, 0.41, 1px, 0.7, 2px, 0, 100%); + background-attachment: scroll; // override strange "fixed" setting from dijit.css +} +.dj_ie6 .dijitProgressBarTile { + background-image: none; +} +.dijitProgressBarFull { + border: 0px solid @progressbar-border-color; + border-right-width: 1px; + .transition-property(width); + .transition-duration(.25s); +} +.dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color: @progressbar-text-color; +} +.dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode; + background-color won't appear unless user has turned off background images */ + background: @bar-background-color url(@image-progressbar-anim) repeat-x top; +} diff --git a/apps/ide/src/styles/comp/ResizeHandle.less b/apps/ide/src/styles/theme/webida-light/comp/ResizeHandle.less similarity index 100% rename from apps/ide/src/styles/comp/ResizeHandle.less rename to apps/ide/src/styles/theme/webida-light/comp/ResizeHandle.less diff --git a/apps/ide/src/styles/theme/webida-light/comp/TimePicker.less b/apps/ide/src/styles/theme/webida-light/comp/TimePicker.less new file mode 100644 index 00000000..eee44ea3 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/TimePicker.less @@ -0,0 +1,97 @@ +/* Time Picker + * + * Styling the Time Picker consists of the following: + * + * 1. minor time values + * .dijitTimePickerTick - set text color, size, background color of minor values + * .dijitTimePickerTickHover - set hover style of minor time values + * dijitTimePickerTickSelected - set selected style of minor time values + * + * 2. major time values - 1:00, 2:00, times on the hour + * set text color, size, background color, left/right margins for "zoom" affect + * .dijitTimePickerMarkerHover - to set hover style of major time values + * .dijitTimePickerMarkerSelected - set selected style of major time values + * + * 3. up and down arrow buttons + * .dijitTimePicker .dijitButtonNode - background-color, border + * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state + * + * Other classes provide the fundamental structure of the TimePicker and should not be modified. + */ + + +/* override Button.css */ +.dijitTimePicker .dijitButtonNode { + padding: 0 0; + .border-radius(0); +} +.dijitTimePicker { + border:1px @border-color solid; + border-top:none; + border-bottom:none; + background-color:#fff; /* TODO: useless? Appears to be overridden by settings on individual elements */ +} +.dijitTimePickerItem { + /* dijitTimePickerItem refers to both Tick's (minor values like 2:15, 2:30, 2:45) and Marker's (major values like 2PM, 3PM) */ + .standard-gradient; + border-top:solid 1px @border-color; + border-bottom:solid 1px @border-color; + margin-top:-1px; +} +.dijitTimePickerTick { + /* minor value */ + color:@timepicker-minorvalue-text-color; + background-color:@timepicker-minorvalue-background-color; + font-size:0.818em; +} +.dijitTimePickerMarker { + /* major value - 1:00, 2:00, times on the hour */ + background-color: @timepicker-majorvalue-background-color; + font-size: 1em; + white-space: nowrap; +} +.dijitTimePickerTickHover, +.dijitTimePickerMarkerHover, +.dijitTimePickerMarkerSelected, +.dijitTimePickerTickSelected { + background-color: @timepicker-value-hovered-background-color; + color:@timepicker-value-hovered-text-color; +} +.dijitTimePickerMarkerSelected, +.dijitTimePickerTickSelected { + font-size: 1em; +} + +.dijitTimePickerTick .dijitTimePickerItemInner { + padding:1px; + margin:0; +} +.dijitTimePicker .dijitButtonNode { + border-left:none; + border-right:none; + border-color:@border-color; + background-color: @unselected-background-color; + .standard-gradient; +} +.dijitTimePicker .dijitArrowButtonInner { + height: 100%; /* hack wsdk.button.css */ + background-image: url(@image-form-common-arrows); + background-repeat: no-repeat; + background-position:-140px 45%; +} +.dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner { + background-position:-35px 45%; +} +/* hover */ +.dijitTimePicker .dijitUpArrowHover, +.dijitTimePicker .dijitDownArrowHover { + background-color: @timepicker-arrow-hovered-background-color; +} +.dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { + background-position:-175px 45%; +} +.dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { + background-position:-70px 45%; +} + +// TODO: should have active rule, for clicking a .dijitTimePickerItem diff --git a/apps/ide/src/styles/theme/webida-light/comp/TitlePane.less b/apps/ide/src/styles/theme/webida-light/comp/TitlePane.less new file mode 100644 index 00000000..ddd07004 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/TitlePane.less @@ -0,0 +1,77 @@ +/* TitlePane and Fieldset + * + * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) + * + * TitlePane title: + * 1. TitlePane title (default styling): + * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border + * + * 2. hovered TitlePane title (ie, mouse hover on a title bar) + * .dijitTitlePaneTitleHover - styles when mouse hover on the title div + * + * 3. active TitlePane title (ie, mouse down on a title bar) + * .dijitTitlePaneTitleActive - styles when mouse down on the title div + * + * + * TitlePane Content Container: + * 1. outer/inner container: + * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div + */ + + +.dijitTitlePaneTitle { + background-color: @unselected-background-color; + .standard-gradient; + border:1px solid @border-color; + padding: 0 7px 3px 7px; + min-height:17px; + color: @unselected-text-color; +} +.dijitFieldset { + .border-radius(4px); +} +.dijitTitlePaneTitleOpen, .dijitTitlePaneTitleFixedOpen { + background-color: @selected-background-color; + color: @text-color; +} +.dijitTitlePaneTitleHover { + background-color: @hovered-background-color; + border-color: @hovered-border-color; +} +.dijitTitlePaneTitleActive { + background-color: @pressed-background-color; + border-color: @pressed-border-color; + .active-gradient; +} +.dijitTitlePaneTitleFocus { + margin-top:3px; + padding-bottom:2px; +} +.dijitTitlePane .dijitArrowNode, .dijitFieldset .dijitArrowNode { + background-image: url(@image-arrow-sprite); + background-repeat: no-repeat; + height: 8px; + width: 7px; +} +.dijitTitlePaneTitleOpen .dijitArrowNode, .dijitFieldsetTitleOpen .dijitArrowNode,{ + background-position: 0 0; +} +.dijitTitlePaneTitleClosed .dijitArrowNode, .dijitFieldsetTitleClosed .dijitArrowNode { + background-position: -14px 0; +} +.dijitTitlePaneContentOuter { + background: @pane-background-color; + border:1px solid @border-color; + border-top:none; +} +.dijitTitlePaneContentInner{ + padding:10px; +} +.dijitFieldsetContentInner { + padding: 4px; +} +.dijitTitlePaneTextNode, .dijitFieldsetLegendNode { + margin-left: 4px; + margin-right: 4px; + vertical-align:text-top; +} diff --git a/apps/ide/src/styles/comp/ToggleSplitter.less b/apps/ide/src/styles/theme/webida-light/comp/ToggleSplitter.less similarity index 98% rename from apps/ide/src/styles/comp/ToggleSplitter.less rename to apps/ide/src/styles/theme/webida-light/comp/ToggleSplitter.less index f0d33713..d3771d6e 100644 --- a/apps/ide/src/styles/comp/ToggleSplitter.less +++ b/apps/ide/src/styles/theme/webida-light/comp/ToggleSplitter.less @@ -1,4 +1,3 @@ -@import "../less/theme-set"; .dijitBorderContainer .dojoxToggleSplitter .dijitSplitterH { height: 6px; diff --git a/apps/ide/src/styles/theme/webida-light/comp/Toolbar.less b/apps/ide/src/styles/theme/webida-light/comp/Toolbar.less new file mode 100644 index 00000000..942ef31b --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Toolbar.less @@ -0,0 +1,177 @@ +/* Toolbar + * + * Styling Toolbar means styling the toolbar container and the widget inside toolbar (dijitToolbar) + * + * 1. toolbar (default styling): + * .dijitToolbar - styles for outer container + * + * 2. widget inside toolbar + * .dijitToolbar .dijitButtonNode - Button widget + * .dijitComboButton - ComboButton widget + * .dijitDropDownButton - DropDownButton widget + * .dijitToggleButton - ToggleButton widget + * + * 3. hovered widget inside toolbar (ie, mouse hover on the widget inside) + * .dijitToolbar .dijitButtonNodeHover - styles for hovered Button widget + * + * 4. actived widget inside toolbar (ie, mouse down on the widget inside) + * .dijitToolbar .dijitButtonNodeActive - mouse down on Button widget + */ + +.dijitToolbar { + background-color: @toolbar-background-color; + padding: 0 0 0 4px; + border: 0; + zoom: 1; + height: 30px; +} + +.dijitToolbar .dijitButton { + margin-top: 2px; +} + +.dijitToolbar label { + padding: 0 3px 0 6px; +} + +/** override wsdk/form/Button.css, and also ComboBox down arrow **/ +.dijitToolbar .dijitButton .dijitButtonNode, +.dijitToolbar .dijitDropDownButton .dijitButtonNode, +.dijitToolbar .dijitComboButton .dijitButtonNode, +.dijitToolbar .dijitToggleButton .dijitButtonNode, +.dijitToolbar .dijitComboBox .dijitButtonNode { + border-width: 0; /* on hover/active, border-->1px, padding-->1px */ + padding: 2px; + .border-radius(@toolbar-button-border-radius); + .box-shadow(none); + .transition-property(background-color); + .transition-duration(.3s); + + background-color: rgba(171, 214, 255, 0); + background-image: none; /* cancel gradient for normal buttons, we don't want any gradient besides toolbar's on non-hovered buttons */ +} +.dj_ie .dijitToolbar .dijitButton .dijitButtonNode, +.dj_ie .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.dj_ie .dijitToolbar .dijitComboButton .dijitButtonNode, +.dj_ie .dijitToolbar .dijitToggleButton .dijitButtonNode, +.dj_ie .dijitToolbar .dijitComboBox .dijitButtonNode { + background-color: transparent; /* for IE, which doesn't understand rgba(...) */ +} + +/* hover status */ +.dj_ie .dijitToolbar .dijitButtonHover .dijitButtonNode, +.dj_ie .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.dj_ie .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.dj_ie .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.dj_ie .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { + /* button should still turn blue on hover, so need to override .dj_ie rules above */ + background-color: @button-hovered-background-color; +} + +/* active status */ +.dj_ie .dijitToolbar .dijitButtonActive .dijitButtonNode, +.dj_ie .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.dj_ie .dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.dj_ie .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + /* button should still turn blue on press, so need to override .dj_ie rules above */ + background-color: @button-pressed-background-color; +} + +.dijitToolbar .dijitComboButton .dijitStretch { + /* no rounded border on side adjacent to arrow */ + .border-radius(@toolbar-button-border-radius 0 0 @toolbar-button-border-radius); +} +.dijitToolbar .dijitComboButton .dijitArrowButton { + /* no rounded border on side adjacent to button */ + .border-radius(0 @toolbar-button-border-radius @toolbar-button-border-radius 0); +} + +.dijitToolbar .dijitComboBox .dijitButtonNode { + padding: 0; +} + +/* hover status */ +.dijitToolbar .dijitButtonHover .dijitButtonNode, +.dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.dijitToolbar .dijitToggleButtonHover .dijitButtonNode, +.dijitToolbar .dijitComboButtonHover .dijitButtonNode { + //border-width:1px; + background-color: @hovered-background-color; + .standard-gradient; + //padding: 1px; +} +.dijitToolbar .dijitComboButtonHover .dijitButtonNode, +.dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color; +} +.dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, +.dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover { + background-color: @hovered-background-color; +} + +/* active status */ +.dijitToolbar .dijitButtonActive .dijitButtonNode, +.dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + //border-width: 1px; + background-color: @pressed-background-color; + .active-gradient; + //padding: 1px; +} +.dijitToolbar .dijitComboButtonActive { + .transition-duration(.2s); + /*border-width: 1px;*/ + padding: 0; +} +.dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + background-color: @toolbar-combobutton-hovered-unhoveredsection-background-color; + padding: 2px; +} +.dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive { + background-color: @pressed-background-color; + .active-gradient; +} +.dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { + background-color: @pressed-background-color; + .active-gradient; +} + +/* Avoid double border between button and arrow */ +.dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, +.dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + border-left-width: 0; +} +.dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + //padding-left: 2px; /* since there's no left border, don't reduce from 2px --> 1px */ +} + +/* toggle button checked status */ +.dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + margin: 0; /* remove margin and add a border */ + border-width: 1px; + border-style: solid; + background-image: none; + border-color: @selected-border-color; + background-color: @toolbar-button-checked-background-color; + padding: 1px; +} + +.dijitToolbarSeparator { + /* separator icon in the editor sprite */ + //background: url(@image-editor-icons-enabled); + background-image: url('../images/sunkenline_02.png'); + background-repeat: no-repeat; + background-position: 40% 50%; +} + +/* Toolbar inside of disabled Editor */ +.dijitDisabled .dijitToolbar { + background: none; + background-color: @disabled-background-color; + border-bottom: 1px solid @disabled-border-color; +} + +.dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner { + background-position: 0 50%; +} diff --git a/apps/ide/src/styles/theme/webida-light/comp/Tree.less b/apps/ide/src/styles/theme/webida-light/comp/Tree.less new file mode 100644 index 00000000..e1bac7a0 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/Tree.less @@ -0,0 +1,128 @@ +/* Tree + * + * Styling Tree mostly means styling the TreeRow (dijitTreeRow) + * There are 4 basic states to style: + * + * Tree Row: + * 1. tree row (default styling): + * .dijitTreeRow - styles for each row of the tree + * + * 2. hovered tree row (mouse hover on a tree row) + * .dijitTreeRowHover - styles when mouse over on one row + * + * 3. active tree row (mouse down on a tree row) + * .dijitTreeRowActive - styles when mouse down on one row + * + * 4. selected tree row + * dijitTreeRowSelected - style when the row has been selected + * + * Tree Expando: + * dijitTreeExpando - the expando at the left of the text of each tree row + * + * Drag and Drop on TreeNodes: (insert line on dijitTreeContent node so it'll aligned w/ target element) + * .dijitTreeNode .dojoDndItemBefore/.dojoDndItemAfter - use border style simulate a separate line + */ + +.dijitTreeNode { + zoom: 1; /* force layout on IE (TODO: may not be needed anymore) */ +} +.dijitTreeIsRoot { + background-image: none; +} + +/* Styling for basic tree node (unhovered, unselected) + * Also use this styling when dropping between items on the tree (in other words, don't + * use hover effect) + */ +.dijitTreeRow, +.dijitTreeNode .dojoDndItemBefore, +.dijitTreeNode .dojoDndItemAfter { + /* so insert line shows up on IE when dropping after a target element */ + padding: 4px 0 2px 0; + + background-color: none; // IE6 doesn't understand rgba() or transparent below + background-color: transparent; // IE8 doesn't understand rgba() below + background-color: rgba(171, 214, 255, 0); // rgba() instead of transparent to prevent flash on hover fade-in + background-position: 0 0; + background-repeat: repeat-x; + + border: solid 0 transparent; + + .transition-property(background-color, border-color); + .transition-duration(.25s); + .transition-timing-function(ease-out); +} + +.dijitTreeRowSelected { + background-color: @workspace-select-background-color; + border-color: transparent; + background-image: none; + padding: 3px 0 1px; + border-width: 1px 0; + .transition-duration(.25s); +} +.dijitTreeRowHover { + background-color: @workspace-over-background-color; + border-color: transparent; + background-image: none; + padding: 3px 0 1px; + border-width: 1px 0; + .transition-duration(.25s); +} +.dijitTreeRowActive { + background-color: @workspace-active-background-color; + border-color: transparent; + background-image: none; + padding: 3px 0 1px; + border-width: 1px 0; + .transition-duration(.25s); +} +.dijitTreeRowFocused { + background-repeat: repeat; +} +.dijitTreeRow.focused { + border: 1px #759dc0 solid; + padding: 3px 0 1px; +} +.dijitTreeRow .dijitTreeLabel { + outline: none; +} +/* expando (open/closed) icon */ + +.dijitTreeExpando { + background-image: url(@image-tree-expand); + width: 16px; + height: 16px; + background-position: -35px 0; /* for dijitTreeExpandoOpened */ +} +.dj_ie6 .dijitTreeExpando { + background-image: url(@image-tree-expand-ie6); +} +.dijitTreeRowHover .dijitTreeExpandoOpened { + background-position: -53px 0; +} +.dijitTreeExpandoClosed { + background-position: 1px 0; +} +.dijitTreeRowHover .dijitTreeExpandoClosed { + background-position: -17px 0; +} +.dijitTreeExpandoLeaf, +.dj_ie6 .dijitTreeExpandoLeaf { + background-image: none; +} +.dijitTreeExpandoLoading { + background-image: url(@image-loading-animation); +} + +/* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ +.dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + border-top: 2px solid @dnd-dropseparator-color; // TODO: normal separator is just 1px, why is this 2px? +} +.dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + border-bottom: 2px solid @dnd-dropseparator-color; // TODO: normal separator is just 1px, why is this 2px? +} diff --git a/apps/ide/src/styles/theme/webida-light/comp/document.less b/apps/ide/src/styles/theme/webida-light/comp/document.less new file mode 100644 index 00000000..9ca17d98 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/comp/document.less @@ -0,0 +1,44 @@ +/* ======= Styling for the document itself (overriding dojo.css) ======== */ + +//@import url("../../../dojo/resources/dojo.css"); + +body { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: .688em; + color: @document-text-color; +} + +/* Headings */ +h1 { + font-size: 1.545em; + margin-bottom: 0.727em; +} +h2 { + font-size: 1.364em; + line-height: 1.455em; + margin-top: 1em; + margin-bottom: 0.60em; + font-weight: normal; +} +h3, h4, h5, h6 { + font-size: 1.091em; + font-weight: normal; +} + +/* paragraphs, quotes and lists */ +p { + line-height: 1.3em; +} + +/* pre and code */ +pre, code { + font-family: inherit; + background-color: @document-shadedsection-background-color; + border: 1px solid @document-border-color; +} + +/* tables */ +table.dojoTabular thead, table.dojoTabular tfoot { + background-color: @document-shadedsection-background-color; + border: 1px solid @document-border-color; +} diff --git a/apps/ide/src/styles/css/AccordionContainer.css b/apps/ide/src/styles/theme/webida-light/css/AccordionContainer.css similarity index 100% rename from apps/ide/src/styles/css/AccordionContainer.css rename to apps/ide/src/styles/theme/webida-light/css/AccordionContainer.css diff --git a/apps/ide/src/styles/css/BorderContainer.css b/apps/ide/src/styles/theme/webida-light/css/BorderContainer.css similarity index 100% rename from apps/ide/src/styles/css/BorderContainer.css rename to apps/ide/src/styles/theme/webida-light/css/BorderContainer.css diff --git a/apps/ide/src/styles/css/Button.css b/apps/ide/src/styles/theme/webida-light/css/Button.css similarity index 100% rename from apps/ide/src/styles/css/Button.css rename to apps/ide/src/styles/theme/webida-light/css/Button.css diff --git a/apps/ide/src/styles/css/Calendar.css b/apps/ide/src/styles/theme/webida-light/css/Calendar.css similarity index 100% rename from apps/ide/src/styles/css/Calendar.css rename to apps/ide/src/styles/theme/webida-light/css/Calendar.css diff --git a/apps/ide/src/styles/css/Checkbox.css b/apps/ide/src/styles/theme/webida-light/css/Checkbox.css similarity index 100% rename from apps/ide/src/styles/css/Checkbox.css rename to apps/ide/src/styles/theme/webida-light/css/Checkbox.css diff --git a/apps/ide/src/styles/css/CheckedMultiSelect.css b/apps/ide/src/styles/theme/webida-light/css/CheckedMultiSelect.css similarity index 66% rename from apps/ide/src/styles/css/CheckedMultiSelect.css rename to apps/ide/src/styles/theme/webida-light/css/CheckedMultiSelect.css index 1ce55726..7759335b 100644 --- a/apps/ide/src/styles/css/CheckedMultiSelect.css +++ b/apps/ide/src/styles/theme/webida-light/css/CheckedMultiSelect.css @@ -1,16 +1,3 @@ -.menubar-gradient { - background-image: linear-gradient(to bottom, #363b42 1px, #414850 0px, #414850 26px, #3e454c 0px, #313437 30px); -} -.toolbar-gradient { - background-image: linear-gradient(to bottom, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); -} -/*theme*/ -/*GNB*/ -/*toolbar*/ -/*workspace*/ -/*button*/ -/*Gutter*/ -/*footer*/ .dojoxCheckedMultiSelectHidden { display: none; } @@ -89,14 +76,14 @@ .nihilo .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { border-color: #b3b3b3; } -.webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { +.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { border: 1px solid #b5bcc7; background-color: #f7fcff; line-height: normal; -webkit-transition-property: background-color, border; -webkit-transition-duration: .35s; } -.webida-light .dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper { +.dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper { border-color: #769dc0; background-color: #e9f4fe; background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); @@ -105,54 +92,54 @@ background-repeat: repeat-x; -webkit-transition-duration: .25s; } -.webida-light .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { +.dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { border: 1px solid #769dc0; -webkit-transition-duration: .1s; } -.webida-light .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { +.dojoxCheckedMultiSelectMenuCheckBoxItemIcon { background-image: url('../images/checkboxRadioButtonStates.png'); background-repeat: no-repeat; background-position: -15px; width: 15px; height: 16px; } -.webida-light .dojoxCheckedMultiSelectMenuRadioItemIcon { +.dojoxCheckedMultiSelectMenuRadioItemIcon { background-image: url('../images/checkboxRadioButtonStates.png'); background-repeat: no-repeat; background-position: -105px; width: 15px; height: 16px; } -.dj_ie6 .webida-light .dojoxCheckedMultiSelectMenuItemIcon { +.dj_ie6 .dojoxCheckedMultiSelectMenuItemIcon { background-image: url('../images/checkboxRadioButtonStates.png'); } -.webida-light .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { +.dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { background-position: 0; } -.webida-light .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon { +.dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon { background-position: -90px; } -.webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText { +.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText { padding: 2px; } -.webida-light .dojoxCheckedMultiSelectButton { +.dojoxCheckedMultiSelectButton { border: 1px solid #b5bcc7; background-color: #ffffff; border-collapse: separate; } -.webida-light .dojoxCheckedMultiSelect .dijitButtonNode { +.dojoxCheckedMultiSelect .dijitButtonNode { border: 0 solid #b5bcc7; border-width: 0 0 0 0; } -.dj_ie6 .webida-light .dojoxCheckedMultiSelectButton, -.dj_ie6 .webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode { +.dj_ie6 .dojoxCheckedMultiSelectButton, +.dj_ie6 .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode { background-image: none; } -.webida-light .dojoxCheckedMultiSelectButton .dijitButtonContents { +.dojoxCheckedMultiSelectButton .dijitButtonContents { border: 0 solid #b5bcc7; border-right-width: 1px; } -.webida-light .dojoxCheckedMultiSelectButton .dijitArrowButton { +.dojoxCheckedMultiSelectButton .dijitArrowButton { padding: 0; border: 1px solid #ffffff; border-top: none; @@ -160,14 +147,14 @@ background-image: url("images/formHighlight.png"); background-repeat: repeat-x; } -.webida-light .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner { background-image: url("../images/commonFormArrows.png"); background-position: -35px; background-repeat: no-repeat; width: 16px; height: 16px; } -.webida-light .dojoxCheckedMultiSelectButtonHover { +.dojoxCheckedMultiSelectButtonHover { border: 1px solid #769dc0; background-color: #e9f4fe; background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); @@ -175,40 +162,40 @@ background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); background-repeat: repeat-x; } -.webida-light .dojoxCheckedMultiSelectButtonHover .dijitButtonContents { +.dojoxCheckedMultiSelectButtonHover .dijitButtonContents { border-color: #769dc0; } -.webida-light .dojoxCheckedMultiSelectButtonHover .dijitArrowButton { +.dojoxCheckedMultiSelectButtonHover .dijitArrowButton { background-color: #abd6ff; } -.webida-light .dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner { background-position: -70px; } -.webida-light .dojoxCheckedMultiSelectButtonFocused { +.dojoxCheckedMultiSelectButtonFocused { border: 1px solid #769dc0; } -.webida-light .dojoxCheckedMultiSelectButtonFocused .dijitButtonContents { +.dojoxCheckedMultiSelectButtonFocused .dijitButtonContents { border-color: #769dc0; } -.webida-light .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton { +.dojoxCheckedMultiSelectButtonFocused .dijitArrowButton { background-color: #7dbefa; background-position: 0 -177px; border: none; padding: 0 1px; } -.webida-light .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner { background-position: -70px; margin-bottom: 1px; } -.webida-light .dojoxCheckedMultiSelectButtonDisabled { +.dojoxCheckedMultiSelectButtonDisabled { border: 1px solid #d3d3d3; background-color: #efefef; background-image: none; color: #818181; } -.webida-light .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton { +.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton { background-color: #efefef; } -.webida-light .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner { +.dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner { background-position: 0; } diff --git a/apps/ide/src/styles/css/ColorPalette.css b/apps/ide/src/styles/theme/webida-light/css/ColorPalette.css similarity index 100% rename from apps/ide/src/styles/css/ColorPalette.css rename to apps/ide/src/styles/theme/webida-light/css/ColorPalette.css diff --git a/apps/ide/src/styles/css/Common.css b/apps/ide/src/styles/theme/webida-light/css/Common.css similarity index 100% rename from apps/ide/src/styles/css/Common.css rename to apps/ide/src/styles/theme/webida-light/css/Common.css diff --git a/apps/ide/src/styles/css/ContentPane.css b/apps/ide/src/styles/theme/webida-light/css/ContentPane.css similarity index 51% rename from apps/ide/src/styles/css/ContentPane.css rename to apps/ide/src/styles/theme/webida-light/css/ContentPane.css index 4c15fdfb..76f04e51 100644 --- a/apps/ide/src/styles/css/ContentPane.css +++ b/apps/ide/src/styles/theme/webida-light/css/ContentPane.css @@ -20,37 +20,22 @@ * .dijitBorderContainer-dijitContentPane * set background-color and padding of ContentPane nested within a BorderContainer */ -.menubar-gradient { - background-image: linear-gradient(to bottom, #363b42 1px, #414850 0px, #414850 26px, #3e454c 0px, #313437 30px); -} -.toolbar-gradient { - background-image: linear-gradient(to bottom, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); -} -/*theme*/ -/*GNB*/ -/*toolbar*/ -/*workspace*/ -/*button*/ -/*Gutter*/ -/*footer*/ -.webida-light { - /* nested layouts */ -} -.webida-light .dijitContentPane { +.dijitContentPane { padding: 7px; } -.webida-light .dijitTabContainerTop-dijitContentPane, -.webida-light .dijitTabContainerLeft-dijitContentPane, -.webida-light .dijitTabContainerBottom-dijitContentPane, -.webida-light .dijitTabContainerRight-dijitContentPane, -.webida-light .dijitAccordionContainer-dijitContentPane { +/* nested layouts */ +.dijitTabContainerTop-dijitContentPane, +.dijitTabContainerLeft-dijitContentPane, +.dijitTabContainerBottom-dijitContentPane, +.dijitTabContainerRight-dijitContentPane, +.dijitAccordionContainer-dijitContentPane { background-color: transparent; } -.webida-light .dijitTabContainerTop-dijitContentPane { +.dijitTabContainerTop-dijitContentPane { width: 100%; } -.webida-light .dijitSplitContainer-dijitContentPane, -.webida-light .dijitBorderContainer-dijitContentPane { +.dijitSplitContainer-dijitContentPane, +.dijitBorderContainer-dijitContentPane { background-color: #d6dce2; padding: 8px; } diff --git a/apps/ide/src/styles/css/Dialog.css b/apps/ide/src/styles/theme/webida-light/css/Dialog.css similarity index 100% rename from apps/ide/src/styles/css/Dialog.css rename to apps/ide/src/styles/theme/webida-light/css/Dialog.css diff --git a/apps/ide/src/styles/css/Editor.css b/apps/ide/src/styles/theme/webida-light/css/Editor.css similarity index 100% rename from apps/ide/src/styles/css/Editor.css rename to apps/ide/src/styles/theme/webida-light/css/Editor.css diff --git a/apps/ide/src/styles/css/EnhancedGrid.css b/apps/ide/src/styles/theme/webida-light/css/EnhancedGrid.css similarity index 72% rename from apps/ide/src/styles/css/EnhancedGrid.css rename to apps/ide/src/styles/theme/webida-light/css/EnhancedGrid.css index 63dd6c50..ab966c1f 100644 --- a/apps/ide/src/styles/css/EnhancedGrid.css +++ b/apps/ide/src/styles/theme/webida-light/css/EnhancedGrid.css @@ -1467,20 +1467,7 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { background-color: #F1F8FF; } */ -.menubar-gradient { - background-image: linear-gradient(to bottom, #363b42 1px, #414850 0px, #414850 26px, #3e454c 0px, #313437 30px); -} -.toolbar-gradient { - background-image: linear-gradient(to bottom, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); -} -/*theme*/ -/*GNB*/ -/*toolbar*/ -/*workspace*/ -/*button*/ -/*Gutter*/ -/*footer*/ -.webida-light .dojoxGrid { +.dojoxGrid { position: relative; font-family: Geneva, Arial, Helvetica, sans-serif; -moz-outline-style: none; @@ -1489,62 +1476,62 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { height: 0; background-color: transparent; } -.webida-light .dojoxGrid table { +.dojoxGrid table { padding: 0; } -.webida-light .dojoxGrid td { +.dojoxGrid td { -moz-outline: none; } -.webida-light .dojoxGridMasterHeader { +.dojoxGridMasterHeader { position: relative; } -.webida-light .dojoxGridMasterView { +.dojoxGridMasterView { position: relative; } -.webida-light .dojoxGridMasterMessages { +.dojoxGridMasterMessages { position: relative; padding: 1em; text-align: center; background-color: white; } -.webida-light .dojoxGridView { +.dojoxGridView { position: absolute; overflow: hidden; } -.webida-light .dojoxGridHeader { +.dojoxGridHeader { position: absolute; overflow: hidden; cursor: default; } -.webida-light .dojoxGridHeader { +.dojoxGridHeader { background-color: #E8E1CF; } -.webida-light .dojoxGridHeader:first-child .dojoxGridRowTable { +.dojoxGridHeader:first-child .dojoxGridRowTable { border-left-width: 0; } -.webida-light .dojoxGridMasterHeader .dojoxGridRowTable { +.dojoxGridMasterHeader .dojoxGridRowTable { border-left: 1px solid #7e8897; background-color: transparent; } -.webida-light .dojoxGridHeader table { +.dojoxGridHeader table { text-align: center; } -.webida-light .dojoxGridContent .dojoxGridRow:last-child .dojoxGridCell { +.dojoxGridContent .dojoxGridRow:last-child .dojoxGridCell { border-bottom: 1px solid #7e8897; } -.webida-light .dojoxGridHeader .dojoxGridCell { +.dojoxGridHeader .dojoxGridCell { border: 1px solid; border-color: transparent #7e8897 transparent transparent; background: url("../images/grid_dx_gradient.gif") #e8e1cf top repeat-x; padding-bottom: 2px; } -.webida-light .dojoxGrid .dojoxGridCell { +.dojoxGrid .dojoxGridCell { outline: none; padding: 3px 5px; border: 1px solid transparent; border-color: transparent #7e8897 transparent transparent; } -.webida-light .dojoxGridHeader .dojoxGridCellOver { +.dojoxGridHeader .dojoxGridCellOver { background-image: none; background-color: white; border-bottom-color: #FEBE47; @@ -1552,10 +1539,10 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { padding-bottom: 0; border-bottom-width: 3px; } -.webida-light .dojoxGridHeader .dojoxGridCellFocus { +.dojoxGridHeader .dojoxGridCellFocus { border: 1px dashed blue; } -.webida-light .dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { +.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { background-image: none; background-color: white; border-bottom-color: #FEBE47; @@ -1563,63 +1550,63 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { padding-bottom: 0; border-bottom-width: 3px; } -.webida-light .dojoxGridArrowButtonNode { +.dojoxGridArrowButtonNode { display: none; padding-left: 16px; } -.webida-light .dojoxGridArrowButtonChar { +.dojoxGridArrowButtonChar { display: inline; } -.webida-light .dojoxGridArrowButtonNode:hover { +.dojoxGridArrowButtonNode:hover { cursor: default; } -.webida-light .dojoxGridArrowButtonChar:hover { +.dojoxGridArrowButtonChar:hover { cursor: default; } -.webida-light .dojoxGridSortUp:hover { +.dojoxGridSortUp:hover { cursor: default; } -.webida-light .dojoxGridSortDown:hover { +.dojoxGridSortDown:hover { cursor: default; } -.webida-light .dijit_a11y .dojoxGridArrowButtonChar { +.dijit_a11y .dojoxGridArrowButtonChar { display: inline !important; } -.webida-light .dojoxGridScrollbox { +.dojoxGridScrollbox { position: relative; overflow: auto; background-color: white; width: 100%; } -.webida-light .dojoxGridContent { +.dojoxGridContent { position: relative; overflow: hidden; -moz-outline-style: none; outline: none; } -.webida-light .dojoxGridRowbar { +.dojoxGridRowbar { border: 1px solid; border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; border-top: none; background: url("../images/grid_dx_gradient.gif") #e8e1cf top repeat-x; } -.webida-light .dojoxGridRowbarInner { +.dojoxGridRowbarInner { border-top: 1px solid #F6F4EB; } -.webida-light .dojoxGridRowbarOver { +.dojoxGridRowbarOver { background-image: none; background-color: white; border-top-color: #FEBE47; border-bottom-color: #FEBE47; } -.webida-light .dojoxGridRowbarSelected { +.dojoxGridRowbarSelected { background-color: #D9E8F9; } -.webida-light .dojoxGridRow { +.dojoxGridRow { position: relative; width: 9000em; } -.webida-light .dojoxGridRow { +.dojoxGridRow { border: 1px solid #E8E4D8; border-color: #F8F7F1; border-left: none; @@ -1627,32 +1614,32 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { background-color: white; border-top: none; } -.webida-light .dojoxGridRowOver { +.dojoxGridRowOver { border-top-color: #FEBE47; border-bottom-color: #FEBE47; } -.webida-light .dojoxGridRowOdd { +.dojoxGridRowOdd { background-color: #FFFDF3; } -.webida-light .dojoxGridRowSelected { +.dojoxGridRowSelected { background-color: #D9E8F9; } -.webida-light .dojoxGridRowTable { +.dojoxGridRowTable { table-layout: fixed; width: 0; empty-cells: show; } -.webida-light .dj_ie .dojoxGridRowTable { +.dj_ie .dojoxGridRowTable { border-collapse: collapse; } -.webida-light .dojoxGridInvisible { +.dojoxGridInvisible { visibility: hidden; } -.webida-light .Xdojo-ie .dojoxGridInvisible { +.Xdojo-ie .dojoxGridInvisible { display: none; } -.webida-light .dojoxGridInvisible td, -.webida-light .dojoxGridHeader .dojoxGridInvisible td { +.dojoxGridInvisible td, +.dojoxGridHeader .dojoxGridInvisible td { border-top-width: 0; border-bottom-width: 0; padding-top: 0; @@ -1660,7 +1647,7 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { height: 0; overflow: hidden; } -.webida-light .dojoxGrid .dojoxGridCell { +.dojoxGrid .dojoxGridCell { border: 1px solid; border-color: #EBEADB; border-right-color: #D5CDB5; @@ -1669,36 +1656,36 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { overflow: hidden; word-wrap: break-word; } -.webida-light .dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell { +.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell { white-space: nowrap; word-break: keep-all; word-wrap: normal; text-overflow: ellipsis; } -.webida-light .dojoxGridCellFocus { +.dojoxGridCellFocus { border: 1px dashed blue; } -.webida-light .dojoxGridCellOver { +.dojoxGridCellOver { border: 1px dotted #FEBE47; } -.webida-light .dojoxGridCellFocus.dojoxGridCellOver { +.dojoxGridCellFocus.dojoxGridCellOver { border: 1px dashed green; } -.webida-light .dojoxGridRowEditing td { +.dojoxGridRowEditing td { background-color: #F4FFF4; } -.webida-light .dojoxGridRow-inserting td { +.dojoxGridRow-inserting td { background-color: #F4FFF4; } -.webida-light .dojoxGridRow-inflight td { +.dojoxGridRow-inflight td { background-color: #F2F7B7; } -.webida-light .dojoxGridRow-error td { +.dojoxGridRow-error td { background-color: #F8B8B6; } -.webida-light .dojoxGridInput, -.webida-light .dojoxGridSelect, -.webida-light .dojoxGridTextarea { +.dojoxGridInput, +.dojoxGridSelect, +.dojoxGridTextarea { margin: 0; padding: 0; border-style: none; @@ -1706,52 +1693,52 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { font-size: 100%; font-family: inherit; } -.webida-light .dojoxGridHiddenFocus { +.dojoxGridHiddenFocus { position: absolute; top: -1000px; height: 0; width: 0; } -.webida-light .dijit_a11y .dojoxGridRowbarSelected { +.dijit_a11y .dojoxGridRowbarSelected { border-top: 1px solid white; border-bottom: 1px dashed black; border-top: 0; background: none; } -.webida-light .dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { +.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { border: 0; border-top: 1px solid white; } -.webida-light .dijit_a11y .dojoxGridRowSelected { +.dijit_a11y .dojoxGridRowSelected { border: 1px solid black !important; } -.webida-light .dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem { +.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem { display: table-cell; margin: 0; } -.webida-light .dojoxGridDndAvatar { +.dojoxGridDndAvatar { font-size: 100%; } -.webida-light .dojoxGrid .dojoDndItemBefore { +.dojoxGrid .dojoDndItemBefore { border-left-color: red; } -.webida-light .dojoxGrid .dojoDndItemAfter { +.dojoxGrid .dojoDndItemAfter { border-right-color: red; } -.webida-light .dijit_a11y .dojoDndItemBefore { +.dijit_a11y .dojoDndItemBefore { border-left: double; } -.webida-light .dijit_a11y .dojoDndItemAfter { +.dijit_a11y .dojoDndItemAfter { border-right: double; } -.webida-light .dojoxGridDndAvatarItem td { +.dojoxGridDndAvatarItem td { border: 1px solid; border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; background: url("../images/grid_dx_gradient.gif") #e8e1cf top repeat-x; padding: 0pt; margin: 0pt; } -.webida-light .dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { +.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { border: 0; border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; background-color: transparent; @@ -1759,34 +1746,34 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { padding-bottom: 2px; margin: 0; } -.webida-light .dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { +.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { background-image: url("../images/dndNoMove.png"); background-repeat: no-repeat; background-position: center center; } -.webida-light .dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { +.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { background-image: url("../images/dndNoCopy.png"); background-repeat: no-repeat; background-position: center center; } -.webida-light .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { +.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { background-image: url("../images/dndMove.png"); background-repeat: no-repeat; background-position: center center; } -.webida-light .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { +.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { background-image: url("../images/dndCopy.png"); background-repeat: no-repeat; background-position: center center; } -.webida-light .dojoxGridColPlaceBottom { +.dojoxGridColPlaceBottom { background: transparent url("../images/grid_sort_up.gif") no-repeat scroll left top; } -.webida-light .dojoxGridColPlaceTop { +.dojoxGridColPlaceTop { background: transparent url("../images/grid_sort_down.gif") no-repeat scroll left top; } -.webida-light .dojoxGridColPlaceTop, -.webida-light .dojoxGridColPlaceBottom { +.dojoxGridColPlaceTop, +.dojoxGridColPlaceBottom { font-size: 1px; height: 6px; z-index: 10000; @@ -1796,32 +1783,32 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { line-height: 1px; width: 8px; } -.webida-light .dojoxGridResizeColLine { +.dojoxGridResizeColLine { width: 1px; background-color: #777; position: absolute; cursor: col-resize; z-index: 10000; } -.webida-light .dojoxGridColNoResize, -.webida-light .dojoxGridColNoResize .dojoDndItemOver { +.dojoxGridColNoResize, +.dojoxGridColNoResize .dojoDndItemOver { cursor: not-allowed !important; } -.webida-light .dojoxGridColResize, -.webida-light .dojoxGridColResize .dojoDndItemOver, -.webida-light .dojoxGridColumnResizing, -.webida-light .dojoxGridColumnResizing .dojoDndItemOver, -.webida-light .dojoxGridColumnResizing .dojoxGridHeader { +.dojoxGridColResize, +.dojoxGridColResize .dojoDndItemOver, +.dojoxGridColumnResizing, +.dojoxGridColumnResizing .dojoDndItemOver, +.dojoxGridColumnResizing .dojoxGridHeader { cursor: col-resize !important; } -.webida-light .dojoxGridColPlaceBottom { +.dojoxGridColPlaceBottom { background: transparent url("../images/grid_sort_up.gif") no-repeat scroll left top; } -.webida-light .dojoxGridColPlaceTop { +.dojoxGridColPlaceTop { background: transparent url("../images/grid_sort_down.gif") no-repeat scroll left top; } -.webida-light .dojoxGridColPlaceTop, -.webida-light .dojoxGridColPlaceBottom { +.dojoxGridColPlaceTop, +.dojoxGridColPlaceBottom { font-size: 1px; height: 6px; z-index: 10000; @@ -1831,106 +1818,106 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { line-height: 1px; width: 8px; } -.webida-light .dojoxGridResizeColLine { +.dojoxGridResizeColLine { width: 1px; background-color: #777; position: absolute; } -.webida-light .dojoxGridExpandoCell { +.dojoxGridExpandoCell { vertical-align: middle; } -.webida-light .dojoxGridSummarySpan { +.dojoxGridSummarySpan { visibility: hidden; } -.webida-light .dojoxGridSummaryRow .dojoxGridSummarySpan, -.webida-light .dojoxGridRowCollapsed .dojoxGridSummarySpan { +.dojoxGridSummaryRow .dojoxGridSummarySpan, +.dojoxGridRowCollapsed .dojoxGridSummarySpan { visibility: visible; } -.webida-light .dojoxGridNoChildren .dojoxGridExpando { +.dojoxGridNoChildren .dojoxGridExpando { visibility: hidden !important; width: 0px !important; } -.webida-light .dj_ie .dojoxGridRtl .dojoxGridHeader table { +.dj_ie .dojoxGridRtl .dojoxGridHeader table { float: none; } -.webida-light .dojoxGridRtl .dojoxGridCell { +.dojoxGridRtl .dojoxGridCell { text-align: right; } -.webida-light .dj_ie8 .dojoxGridRtl .dojoxGridCell { +.dj_ie8 .dojoxGridRtl .dojoxGridCell { border-left: none; } -.webida-light .dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { +.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { border-left: #e5dac8 1px solid; } -.webida-light .dojoxGridRtl .dojoxGridArrowButtonNode { +.dojoxGridRtl .dojoxGridArrowButtonNode { float: left; } -.webida-light .dojoxGridRowSelector { +.dojoxGridRowSelector { cursor: pointer; } -.webida-light .dojoxGridRowSelectorStatusText { +.dojoxGridRowSelectorStatusText { visibility: hidden; } -.webida-light .dijit_a11y .dojoxGridRowSelected { +.dijit_a11y .dojoxGridRowSelected { opacity: 0.8 !important; } -.webida-light .dijit_a11y .dojoxGridBorderDIV { +.dijit_a11y .dojoxGridBorderDIV { border: 2px solid #000 !important; } -.webida-light .dijit_a11y .dojoxGridRowSelector { +.dijit_a11y .dojoxGridRowSelector { height: 100% !important; } -.webida-light .dijit_a11y .dojoxGridRowSelectorStatusText { +.dijit_a11y .dojoxGridRowSelectorStatusText { font-size: larger !important; visibility: visible; } -.webida-light .dijit_a11y .dijitCheckBox .dojoxGridRowSelectorStatusText { +.dijit_a11y .dijitCheckBox .dojoxGridRowSelectorStatusText { font-weight: bolder !important; font-size: x-large !important; } -.webida-light .dijit_a11y .dijitCheckBoxChecked .dojoxGridRowSelectorStatusText { +.dijit_a11y .dijitCheckBoxChecked .dojoxGridRowSelectorStatusText { font-size: small !important; } -.webida-light .dojoxGridFBar { +.dojoxGridFBar { width: 100%; cursor: pointer; } -.webida-light .dojoxGridFBar .dojoxGridFBarBtn { +.dojoxGridFBar .dojoxGridFBarBtn { margin: 0; } -.webida-light .dojoxGridFBarBtnTD { +.dojoxGridFBarBtnTD { width: 38px; } -.webida-light .dojoxGridFBar .dojoxGridFBarBtn .dijitButtonNode { +.dojoxGridFBar .dojoxGridFBarBtn .dijitButtonNode { -moz-border-radius: 1px; -webkit-border-radius: 1px; padding-top: 0; padding-bottom: 0; padding-right: 2px; } -.webida-light .dojoxGridFBarDefFilterBtnIcon { +.dojoxGridFBarDefFilterBtnIcon { background: url("../images/sprite_icons.png") no-repeat; background-position: -100px -18px; width: 14px; height: 14px; } -.webida-light .dj_ie .dojoxGridFBarInner { +.dj_ie .dojoxGridFBarInner { display: inline-block; width: 100%; } -.webida-light .dojoxGridFBarStatus { +.dojoxGridFBarStatus { margin-left: 9px; float: left; } -.webida-light .dojoxGridFBarClearFilterBtn { +.dojoxGridFBarClearFilterBtn { margin: 0 0 0 10px; vertical-align: top; float: left; } -.webida-light .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn .dijitButtonNode, -.webida-light .dojoxGridFBarInfoTD .dojoxGridFBarCloseBtn .dijitButtonNode, -.webida-light .dojoxGridFDPane .dijitAccordionTitle .dijitButtonNode, -.webida-light .dojoxGridFStatusTipDetail .dijitButton .dijitButtonNode { +.dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn .dijitButtonNode, +.dojoxGridFBarInfoTD .dojoxGridFBarCloseBtn .dijitButtonNode, +.dojoxGridFDPane .dijitAccordionTitle .dijitButtonNode, +.dojoxGridFStatusTipDetail .dijitButton .dijitButtonNode { -moz-border-radius: 0; -moz-box-shadow: none; -webkit-border-radius: 0; @@ -1941,232 +1928,232 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { padding: 0; border: none; } -.webida-light .dj_ie .dojoxGridFBarInner { +.dj_ie .dojoxGridFBarInner { position: relative; } -.webida-light .dojoxGridFBarCloseBtn { +.dojoxGridFBarCloseBtn { margin: 0 4px 0 0; float: right; } -.webida-light .dj_ie .dojoxGridFBarCloseBtn { +.dj_ie .dojoxGridFBarCloseBtn { float: none; position: absolute; right: 0; } -.webida-light .dojoxGridFBarCloseBtnIcon { +.dojoxGridFBarCloseBtnIcon { background: url("../images/sprite_icons.png") no-repeat; background-position: -119px -20px; width: 14px; height: 14px; } -.webida-light .dijitButtonHover .dojoxGridFBarCloseBtnIcon { +.dijitButtonHover .dojoxGridFBarCloseBtnIcon { background-position: -140px -20px; } -.webida-light .dijitButtonActive .dojoxGridFBarCloseBtnIcon { +.dijitButtonActive .dojoxGridFBarCloseBtnIcon { background-position: -160px -20px; } -.webida-light .dojoxGridFDTitlePane { +.dojoxGridFDTitlePane { width: 316px; height: 330px; } -.webida-light .dijit_a11y .dojoxGridFDTitlePane .dijitArrowButtonInner { +.dijit_a11y .dojoxGridFDTitlePane .dijitArrowButtonInner { display: none !important; } -.webida-light .dojoxGridFDTitlePane .dijitDialogPaneContent { +.dojoxGridFDTitlePane .dijitDialogPaneContent { padding: 7px 5px 9px 5px; height: 290px !important; } -.webida-light .dojoxGridFDTitlePane .dijitTitlePaneTitle { +.dojoxGridFDTitlePane .dijitTitlePaneTitle { cursor: move; } -.webida-light .dojoxGridFDPaneRelation { +.dojoxGridFDPaneRelation { margin: 0 0 3px 4px; } -.webida-light .dojoxGridFDPane { +.dojoxGridFDPane { width: 100%; height: 100%; position: relative; } -.webida-light .dojoxGridFDPaneRulePane { +.dojoxGridFDPaneRulePane { height: 222px; overflow: auto; position: relative; } -.webida-light .dj_ie6 .dojoxGridFDPaneRulePane { +.dj_ie6 .dojoxGridFDPaneRulePane { width: 100%; } -.webida-light .dojoxGridFDPane .dijitAccordionContainer .dijitContentPane { +.dojoxGridFDPane .dijitAccordionContainer .dijitContentPane { padding: 6px 9px; } -.webida-light .dojoxGridFDPane .dijitAccordionTitle { +.dojoxGridFDPane .dijitAccordionTitle { position: relative; min-height: 17px; } -.webida-light .dojoxGridFDPane .dijitAccordionTitle .dijitButton { +.dojoxGridFDPane .dijitAccordionTitle .dijitButton { position: absolute; margin: 0; right: 3px; top: 4px; } -.webida-light .dj_ie6 .dojoxGridFDPane .dijitAccordionTitle .dijitButton { +.dj_ie6 .dojoxGridFDPane .dijitAccordionTitle .dijitButton { top: 2px; } -.webida-light .dojoxGridFDPane .dijitAccordionTitleFocus { +.dojoxGridFDPane .dijitAccordionTitleFocus { margin-right: 14px; } -.webida-light .dojoxGridFDPane .dijitAccordionText { +.dojoxGridFDPane .dijitAccordionText { display: inline-block; position: relative; } -.webida-light .dojoxGridFCBoxRemoveCBoxBtnIcon { +.dojoxGridFCBoxRemoveCBoxBtnIcon { background-image: url("../images/sprite_icons.png"); background-position: -198px -18px; width: 16px; height: 16px; } -.webida-light .dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon { +.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon { background-position: -198px 2px; } -.webida-light .dojoxGridRuleTitleCondition { +.dojoxGridRuleTitleCondition { font-style: italic; } -.webida-light .dojoxGridFDPaneModes .dijitSelect { +.dojoxGridFDPaneModes .dijitSelect { position: relative; } -.webida-light .dojoxGridFDPaneBtns { +.dojoxGridFDPaneBtns { position: absolute; right: 0; bottom: 0; } -.webida-light .dj_ie7 .dojoxGridFDPaneBtns, -.webida-light .dj_ie6 .dojoxGridFDPaneBtns { +.dj_ie7 .dojoxGridFDPaneBtns, +.dj_ie6 .dojoxGridFDPaneBtns { z-index: -1; } -.webida-light .dojoxGridFDPaneBtns .dijitButton { +.dojoxGridFDPaneBtns .dijitButton { float: right; } -.webida-light .dojoxGridFDPaneAddCBoxBtn { +.dojoxGridFDPaneAddCBoxBtn { margin-top: 9px; } -.webida-light .dojoxGridFDPaneAddCBoxBtnIcon { +.dojoxGridFDPaneAddCBoxBtnIcon { background-image: url("../images/sprite_icons.png"); background-position: -218px 2px; width: 16px; height: 16px; } -.webida-light .dijitButtonDisabled .dojoxGridFDPaneAddCBoxBtnIcon { +.dijitButtonDisabled .dojoxGridFDPaneAddCBoxBtnIcon { background-position: -218px -18px; } -.webida-light .dojoxGridFCBox { +.dojoxGridFCBox { height: 125px; } -.webida-light .dojoxGridFCBoxSelCol, -.webida-light .dojoxGridFCBoxCondition { +.dojoxGridFCBoxSelCol, +.dojoxGridFCBoxCondition { height: 40px; } -.webida-light .dojoxGridFCBox .dojoxGridFCBoxColSelect, -.webida-light .dojoxGridFCBox .dojoxGridFCBoxCondSelect, -.webida-light .dojoxGridFCBox .dojoxGridFCBoxValueBox { +.dojoxGridFCBox .dojoxGridFCBoxColSelect, +.dojoxGridFCBox .dojoxGridFCBoxCondSelect, +.dojoxGridFCBox .dojoxGridFCBoxValueBox { margin: 0.1em 0 0 0; width: 100%; display: inline-table; } -.webida-light .dojoxGridFCBoxCondSelectAlt { +.dojoxGridFCBoxCondSelectAlt { width: 100%; padding: 5px 0 0 0; font-weight: bold; } -.webida-light .dojoxGridFCBox .dijitSelect .dijitArrowButton { +.dojoxGridFCBox .dijitSelect .dijitArrowButton { width: 18px; } -.webida-light .dojoxGridFCBoxStartValue { +.dojoxGridFCBoxStartValue { width: 45%; } -.webida-light .dojoxGridFCBoxEndValue { +.dojoxGridFCBoxEndValue { float: right; width: 45%; } -.webida-light .dojoxGridFCBoxRangeValueTxt { +.dojoxGridFCBoxRangeValueTxt { margin-left: 4px; } -.webida-light .dojoxGridFStatusTipDialog .dijitTooltipContainer { +.dojoxGridFStatusTipDialog .dijitTooltipContainer { padding: 9px 5px; } -.webida-light .dojoxGridFStatusTip thead, -.webida-light .dojoxGridFStatusTip tr { +.dojoxGridFStatusTip thead, +.dojoxGridFStatusTip tr { height: 19px; } -.webida-light .dojoxGridFStatusTip th { +.dojoxGridFStatusTip th { max-width: 150px; } -.webida-light .dojoxGridFStatusTip th div { +.dojoxGridFStatusTip th div { padding: 2px 5px; } -.webida-light .dojoxGridFStatusTip td { +.dojoxGridFStatusTip td { padding: 2px 6px; max-width: 150px; overflow: hidden; } -.webida-light .dojoxGridFStatusTipHead { +.dojoxGridFStatusTipHead { margin-bottom: 9px; } -.webida-light .dojoxGridFStatusTipTitle { +.dojoxGridFStatusTipTitle { font-weight: bold; margin-right: 1em; } -.webida-light .dojoxGridFStatusTipHandle { +.dojoxGridFStatusTipHandle { position: relative; padding-right: 16px; } -.webida-light .dojoxGridFStatusTipDetail .dijitButton { +.dojoxGridFStatusTipDetail .dijitButton { position: absolute; margin: 0; padding: 0; top: -1px; right: 0; } -.webida-light .dojoxGridFStatusTipDelRuleBtnIcon { +.dojoxGridFStatusTipDelRuleBtnIcon { background-image: url("../images/sprite_icons.png"); background-position: -198px -18px; height: 16px; width: 16px; } -.webida-light .dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon { +.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon { background-position: -198px 2px; } -.webida-light .dj_ie7 .dojoxGridClearFilterConfirm, -.webida-light .dj_ie6 .dojoxGridClearFilterConfirm { +.dj_ie7 .dojoxGridClearFilterConfirm, +.dj_ie6 .dojoxGridClearFilterConfirm { width: 300px; } -.webida-light .dojoxGridClearFilterBtns { +.dojoxGridClearFilterBtns { padding: 10px; height: 18px; } -.webida-light .dojoxGridClearFilterBtns .dijitButton { +.dojoxGridClearFilterBtns .dijitButton { float: right; } -.webida-light .dojoxGridTrueBox { +.dojoxGridTrueBox { float: left; width: 49%; } -.webida-light .dojoxGridFalseBox { +.dojoxGridFalseBox { float: left; width: 49%; } -.webida-light .dojoxGridBoolValueBox .dijitRadio { +.dojoxGridBoolValueBox .dijitRadio { vertical-align: middle; } -.webida-light .dojoxGridTrueLabel, -.webida-light .dojoxGridFalseLabel { +.dojoxGridTrueLabel, +.dojoxGridFalseLabel { width: 116px; display: inline-block; vertical-align: middle; } -.webida-light .dj_ie7 .dojoxGridTrueLabel, -.webida-light .dj_ie7 .dojoxGridFalseLabel { +.dj_ie7 .dojoxGridTrueLabel, +.dj_ie7 .dojoxGridFalseLabel { display: inline; } -.webida-light .dojoxGridPaginator { +.dojoxGridPaginator { border-top: 1px #DBDBDB solid; text-align: center; width: 100%; @@ -2174,92 +2161,92 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { table-layout: fixed; background-color: #EAEAEA; } -.webida-light .dojoxGridDescriptionTd { +.dojoxGridDescriptionTd { text-align: left; width: 35%; } -.webida-light .dojoxGridDescription { +.dojoxGridDescription { text-align: left; margin-left: 9px; overflow: hidden; } -.webida-light .dojoxGridPaginatorFastStep { +.dojoxGridPaginatorFastStep { text-align: right; width: 35%; overflow: hidden; } -.webida-light .dojoxGridPaginatorStep { +.dojoxGridPaginatorStep { float: right; } -.webida-light .dojoxGridPaginatorGotoTd { +.dojoxGridPaginatorGotoTd { width: 20px !important; } -.webida-light .dojoxGridPaginatorGotoDiv { +.dojoxGridPaginatorGotoDiv { cursor: pointer; width: 12px !important; height: 16px !important; margin: 0 6px 0 2px; background: url("../images/sprite_icons.png") no-repeat -77px 4px; } -.webida-light .dojoxGridPaginatorGotoDivDisabled { +.dojoxGridPaginatorGotoDivDisabled { cursor: not-allowed; background: url("../images/sprite_icons.png") no-repeat -77px -16px; } -.webida-light .dojoxGridWardButton { +.dojoxGridWardButton { margin-top: 2px; width: 12px !important; height: 12px !important; float: left; background: url("../images/sprite_icons.png") no-repeat; } -.webida-light .dojoxGridWardButtonInner { +.dojoxGridWardButtonInner { visibility: hidden; } -.webida-light .dijit_a11y .dojoxGridWardButtonInner { +.dijit_a11y .dojoxGridWardButtonInner { visibility: visible; margin-bottom: 8px; } -.webida-light .dojoxGridfirstPageBtn { +.dojoxGridfirstPageBtn { cursor: pointer; margin-left: 1px; background-position: -57px 3px; } -.webida-light .dojoxGridfirstPageBtnDisable { +.dojoxGridfirstPageBtnDisable { margin-left: 1px; cursor: not-allowed; background-position: -57px -17px; } -.webida-light .dojoxGridprevPageBtn { +.dojoxGridprevPageBtn { cursor: pointer; margin: 2px 2px 0 9px; background-position: 3px 3px; } -.webida-light .dojoxGridprevPageBtnDisable { +.dojoxGridprevPageBtnDisable { cursor: not-allowed; margin: 2px 2px 0 9px; background-position: 3px -17px; } -.webida-light .dojoxGridlastPageBtn { +.dojoxGridlastPageBtn { cursor: pointer; margin: 2px 9px 0 9px; background-position: -37px 3px; } -.webida-light .dojoxGridlastPageBtnDisable { +.dojoxGridlastPageBtnDisable { cursor: not-allowed; margin: 2px 9px 0 9px; background-position: -37px -17px; } -.webida-light .dojoxGridnextPageBtn { +.dojoxGridnextPageBtn { cursor: pointer; margin-left: 3px; background-position: -17px 3px; } -.webida-light .dojoxGridnextPageBtnDisable { +.dojoxGridnextPageBtnDisable { margin-left: 3px; cursor: not-allowed; background-position: -17px -17px; } -.webida-light .dojoxGridInactived { +.dojoxGridInactived { font-weight: normal; color: #5D88AF; cursor: pointer; @@ -2267,7 +2254,7 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { float: left; zoom: 1; } -.webida-light .dojoxGridActived { +.dojoxGridActived { font-weight: bold; color: black; margin: 1px 6px 0 5px; @@ -2275,7 +2262,7 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { text-decoration: none !important; zoom: 1; } -.webida-light .dojoxGridInactiveSwitch { +.dojoxGridInactiveSwitch { font-weight: normal; color: #5D88AF; float: left; @@ -2283,7 +2270,7 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { margin: 1px 7px 0 7px; zoom: 1; } -.webida-light .dojoxGridActivedSwitch { +.dojoxGridActivedSwitch { font-weight: bold; color: black; float: left; @@ -2291,40 +2278,40 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { text-decoration: none !important; zoom: 1; } -.webida-light .dojoxGridSeparator { +.dojoxGridSeparator { float: left; } -.webida-light .dojoxGridPageTextHover { +.dojoxGridPageTextHover { text-decoration: underline; } -.webida-light .dojoxGridDialogMargin { +.dojoxGridDialogMargin { width: 220px !important; margin-bottom: 10px; } -.webida-light .dj_ie6 .dojoxGridDialogMargin { +.dj_ie6 .dojoxGridDialogMargin { position: relative; } -.webida-light .dojoxGridDialogButton { +.dojoxGridDialogButton { width: 220px !important; text-align: right; } -.webida-light .dojoxGridButtonFocus { +.dojoxGridButtonFocus { outline: none; border: 0.5px dotted darkblue !important; } -.webida-light .dojoxGridBorderDIV { +.dojoxGridBorderDIV { width: 2px; background-color: gray; font-size: 0em; position: absolute; z-index: 9999; } -.webida-light .dojoxGridCellBorderDIV { +.dojoxGridCellBorderDIV { position: absolute; background-color: transparent; border: none; } -.webida-light .dojoxGridCellBorderLeftTopDIV { +.dojoxGridCellBorderLeftTopDIV { position: absolute; left: 0; top: 0; @@ -2332,7 +2319,7 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { border-width: 2px 0 0 2px; border-color: gray transparent transparent gray; } -.webida-light .dojoxGridCellBorderRightBottomDIV { +.dojoxGridCellBorderRightBottomDIV { position: absolute; right: 0; bottom: 0; @@ -2340,28 +2327,28 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { border-width: 0 2px 2px 0; border-color: transparent gray gray transparent; } -.webida-light .dojoxGridDnDItemIcon { +.dojoxGridDnDItemIcon { background-image: url("../images/sprite_icons.png"); } -.webida-light .dojoxGridDnDIconRowSingle { +.dojoxGridDnDIconRowSingle { background-position: -256px 5px; } -.webida-light .dojoxGridDnDIconRowMulti { +.dojoxGridDnDIconRowMulti { background-position: -256px -16px; } -.webida-light .dojoxGridDnDIconColSingle { +.dojoxGridDnDIconColSingle { background-position: -277px 3px; } -.webida-light .dojoxGridDnDIconColMulti { +.dojoxGridDnDIconColMulti { background-position: -277px -17px; } -.webida-light .dojoxGridDnDIconCellSingle { +.dojoxGridDnDIconCellSingle { background-position: -235px 5px; } -.webida-light .dojoxGridDnDIconCellMulti { +.dojoxGridDnDIconCellMulti { background-position: -236px -16px; } -.webida-light .dojoxGridDndAvatar { +.dojoxGridDndAvatar { background-color: white; border: 1px solid #CCCCCC; padding: 0px; @@ -2370,41 +2357,41 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { box-shadow: 5px 5px 7px #999; z-index: 999; } -.webida-light .dojoxGridDndAvatar td { +.dojoxGridDndAvatar td { padding: 3px; } -.webida-light .dojoxGridDnDIcon, -.webida-light .dojoxGridDnDItemIcon { +.dojoxGridDnDIcon, +.dojoxGridDnDItemIcon { width: 16px; height: 16px; } -.webida-light .dojoDndMove .dojoxGridDnDIcon { +.dojoDndMove .dojoxGridDnDIcon { background: url("../images/dndNoMove.png") no-repeat center center; } -.webida-light .dojoDndCopy .dojoxGridDnDIcon { +.dojoDndCopy .dojoxGridDnDIcon { background: url("../images/dndNoCopy.png") no-repeat center center; } -.webida-light .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDnDIcon { +.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDnDIcon { background: url("../images/dndMove.png") no-repeat center center; } -.webida-light .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDnDIcon { +.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDnDIcon { background: url("../images/dndCopy.png") no-repeat center center; } -.webida-light .dojoxGrid .dojoxGridSortNode { +.dojoxGrid .dojoxGridSortNode { position: relative; border: 1px solid transparent; cursor: pointer; } -.webida-light .dj_ie6 .dojoxGrid .dojoxGridSortNode, -.webida-light .dj_ie7 .dojoxGrid .dojoxGridSortNode { +.dj_ie6 .dojoxGrid .dojoxGridSortNode, +.dj_ie7 .dojoxGrid .dojoxGridSortNode { overflow: hidden; width: 100%; } -.webida-light .dojoxGrid .dojoxGridSortNoWrap { +.dojoxGrid .dojoxGridSortNoWrap { white-space: nowrap; word-wrap: normal; } -.webida-light .dojoxGridSortBtn { +.dojoxGridSortBtn { width: 10px; height: 100%; visibility: hidden; @@ -2423,125 +2410,125 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; } -.webida-light .dj_ie6 .dojoxGridSortBtn, -.webida-light .dj_ie6 .dojoxGrid .dojoxGridSortNode { +.dj_ie6 .dojoxGridSortBtn, +.dj_ie6 .dojoxGrid .dojoxGridSortNode { border: none; } -.webida-light .dojoxGridSortBtnNested { +.dojoxGridSortBtnNested { right: 10px; } -.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtn { +.dojoxGridCellSortFocus .dojoxGridSortBtn { border-left: 1px solid #999999; background-color: #DFEAF1; } -.webida-light .dojoxGridCellOver .dojoxGridSortBtn { +.dojoxGridCellOver .dojoxGridSortBtn { border-left: 1px solid #999999; background-color: #9dcfff; } -.webida-light .dojoxGridSortNode { +.dojoxGridSortNode { outline: none; } -.webida-light .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortNode, -.webida-light .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain, -.webida-light .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain { +.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, +.dojoxGridCellSortFocus .dojoxGridSortNode, +.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain, +.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain { margin-right: 5px; } -.webida-light .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, -.webida-light .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode { +.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, +.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode { margin-right: 24px; } -.webida-light html > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle { +html > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle { right: -5px; } -.webida-light html > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, -.webida-light html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, -.webida-light html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { +html > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, +html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, +html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { right: -10px; } -.webida-light html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, -.webida-light html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle, -.webida-light html > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, -.webida-light html > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { +html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, +html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle, +html > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, +html > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { right: -28px; } -.webida-light html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested, -.webida-light html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { +html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested, +html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { right: -17px; } -.webida-light .dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridNoSort .dojoxGridSortNode { +.dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridNoSort .dojoxGridSortNode { margin: 0 !important; } -.webida-light .dj_ie7 .dojoxGridSortBtn { +.dj_ie7 .dojoxGridSortBtn { right: 0 !important; } -.webida-light .dj_ie7 .dojoxGridSortBtnNested { +.dj_ie7 .dojoxGridSortBtnNested { right: 10px !important; } -.webida-light .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle, -.webida-light .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, -.webida-light .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnNested, -.webida-light .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnNested, -.webida-light .dojoxGrid .dojoxGridCellShowIndex .dojoxGridSortNode .dojoxGridSortBtnNested, -.webida-light .dojoxGrid .dojoxGridSortNodeSorted .dojoxGridSortBtn { +.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle, +.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, +.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnNested, +.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnNested, +.dojoxGrid .dojoxGridCellShowIndex .dojoxGridSortNode .dojoxGridSortBtnNested, +.dojoxGrid .dojoxGridSortNodeSorted .dojoxGridSortBtn { visibility: visible; } -.webida-light .dojoxGridSingleSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnNested, -.webida-light .dojoxGridSingleSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnNested, -.webida-light .dojoxGridSingleSorted .dojoxGridSortNode .dojoxGridSortBtnNested { +.dojoxGridSingleSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnNested, +.dojoxGridSingleSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnNested, +.dojoxGridSingleSorted .dojoxGridSortNode .dojoxGridSortBtnNested { visibility: hidden; } -.webida-light .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle { +.dojoxGridSortNodeAsc .dojoxGridSortBtnSingle { background-position: -119px 5px; visibility: visible; } -.webida-light .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle { +.dojoxGridSortNodeDesc .dojoxGridSortBtnSingle { background-position: -99px 5px; visibility: visible; } -.webida-light .dojoxGridCellOver .dojoxGridSortBtnSingle, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { +.dojoxGridCellOver .dojoxGridSortBtnSingle, +.dojoxGridCellSortFocus .dojoxGridSortBtnSingle { background-position: -159px 5px; } -.webida-light .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, -.webida-light .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc, -.webida-light .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc { +.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, +.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, +.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc, +.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc { background-position: -139px 5px; } -.webida-light .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, -.webida-light .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc, -.webida-light .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc { +.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, +.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, +.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc, +.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc { background-position: -179px 5px; } -.webida-light .dojoxGridCellOver .dojoxGridSortBtnNested, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtnNested { +.dojoxGridCellOver .dojoxGridSortBtnNested, +.dojoxGridCellSortFocus .dojoxGridSortBtnNested { background-position: -149px 5px; width: 19px; } -.webida-light .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested { +.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested, +.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested { background-position: -129px 5px; } -.webida-light .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested { +.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested, +.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested { background-position: -169px 5px; } -.webida-light .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, -.webida-light .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { +.dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, +.dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { background-position: -159px 5px; } -.webida-light .dojoxGridCellOver .dojoxGridSortBtn:hover { +.dojoxGridCellOver .dojoxGridSortBtn:hover { background-color: #A3E4FF; } -.webida-light .dojoxGrid .dojoxGridSortNodeFocus, -.webida-light .dojoxGridCellSortFocus .dojoxGridRowSelector, -.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtnFocus { +.dojoxGrid .dojoxGridSortNodeFocus, +.dojoxGridCellSortFocus .dojoxGridRowSelector, +.dojoxGridCellSortFocus .dojoxGridSortBtnFocus { border: 1px dashed #666; } -.webida-light .dojoxEllipsis, -.webida-light .dojoxEllipsisShown { +.dojoxEllipsis, +.dojoxEllipsisShown { white-space: nowrap; width: 100%; overflow: hidden; @@ -2549,16 +2536,16 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; } -.webida-light .dojoxEllipsis window { +.dojoxEllipsis window { width: 100%; -moz-user-focus: normal; -moz-user-select: text; } -.webida-light .dojoxEllipsis description { +.dojoxEllipsis description { -moz-user-focus: normal; -moz-user-select: text; } -.webida-light .dojoxEllipsisIFrame { +.dojoxEllipsisIFrame { white-space: normal; border: none; width: 100%; @@ -2567,336 +2554,336 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { margin-top: -1px; clear: both; } -.webida-light .dojoxEllipsisContainer { +.dojoxEllipsisContainer { width: 100%; } -.webida-light .dojoxEllipsisShown:after { +.dojoxEllipsisShown:after { content: "\2026"; } -.dj_ie .webida-light .dojoxGridHeader .dojoxGridRowTable { +.dj_ie .dojoxGridHeader .dojoxGridRowTable { border-collapse: separate; } -.dj_ie6 .webida-light .dojoxGridHeader .dojoxGridRowTable, -.dj_ie7 .webida-light .dojoxGridHeader .dojoxGridRowTable { +.dj_ie6 .dojoxGridHeader .dojoxGridRowTable, +.dj_ie7 .dojoxGridHeader .dojoxGridRowTable { border-collapse: collapse; border-right: 0px; } -.dj_ie6 .webida-light .dojoxGridRowbar, -.dj_ie6 .webida-light .dojoxGridRowbarTable { +.dj_ie6 .dojoxGridRowbar, +.dj_ie6 .dojoxGridRowbarTable { background-image: none; } -.dj_ie .webida-light .dojoxGridMasterView .dojoxGridRowTable { +.dj_ie .dojoxGridMasterView .dojoxGridRowTable { border-collapse: separate; } -.dj_ie6 .webida-light .dojoxGridMasterView .dojoxGridRowTable, -.dj_ie7 .webida-light .dojoxGridMasterView .dojoxGridRowTable { +.dj_ie6 .dojoxGridMasterView .dojoxGridRowTable, +.dj_ie7 .dojoxGridMasterView .dojoxGridRowTable { border-collapse: collapse; } -.dj_ie7 .webida-light .dojoxGridCell, -.dj_ie7 .webida-light .dojoxGridHeader .dojoxGridCell { +.dj_ie7 .dojoxGridCell, +.dj_ie7 .dojoxGridHeader .dojoxGridCell { border-left: 0px; } -.dj_ie6 .webida-light .dojoxGridCell { +.dj_ie6 .dojoxGridCell { border-color: #F5F5F5; } -.dj_ie6 .webida-light .dojoxGridRowOdd .dojoxGridCell { +.dj_ie6 .dojoxGridRowOdd .dojoxGridCell { border-left-color: #f4f9fd; border-right-color: #f4f9fd; } -.dj_ie6 .webida-light .dojoxGridRowSelected .dojoxGridCell { +.dj_ie6 .dojoxGridRowSelected .dojoxGridCell { border-left-color: #d3e9fb; border-right-color: #d3e9fb; } -.dj_ie6 .webida-light .dojoxGridRowOver .dojoxGridCell, -.dj_ie7 .webida-light .dojoxGridRowOver .dojoxGridCell { +.dj_ie6 .dojoxGridRowOver .dojoxGridCell, +.dj_ie7 .dojoxGridRowOver .dojoxGridCell { border-right: 1px solid #ABD6FF; } -.dj_ie6 .webida-light .dojoxGridRowActive .dojoxGridCell, -.dj_ie7 .webida-light .dojoxGridRowActive .dojoxGridCell { +.dj_ie6 .dojoxGridRowActive .dojoxGridCell, +.dj_ie7 .dojoxGridRowActive .dojoxGridCell { border-left: 1px solid #7DBEFA; border-right: 1px solid #7DBEFA; } -.dj_ie6 .webida-light .dojoxGridCell { +.dj_ie6 .dojoxGridCell { background-image: none !important; } -.dijitRtl .webida-light .dojoxGridExpando { +.dijitRtl .dojoxGridExpando { float: right; } -.dj_ie6 .webida-light .dojoxGridExpandoNode { +.dj_ie6 .dojoxGridExpandoNode { background-image: url("../images/treeExpandImages8bit.png"); } -.dj_ie6 .webida-light .dojoxGridSummaryRow .dojoxGridCell { +.dj_ie6 .dojoxGridSummaryRow .dojoxGridCell { border-color: #ffffff; } -.dj_ie6 .webida-light .dojoxGridRowOver .dojoxGridCell { +.dj_ie6 .dojoxGridRowOver .dojoxGridCell { border-color: #ABD6FF; } -.dj_ie6 .webida-light .dojoxGridRowActive .dojoxGridCell { +.dj_ie6 .dojoxGridRowActive .dojoxGridCell { border-color: #7DBEFA; } -.dj_gecko .webida-light .dojoxGridFBarInfoTD, -.dj_webkit .webida-light .dojoxGridFBarInfoTD { +.dj_gecko .dojoxGridFBarInfoTD, +.dj_webkit .dojoxGridFBarInfoTD { border-top: 1px solid #BFD6EB; border-bottom: 1px solid #BFD6EB; } -.dj_ie .webida-light .dojoxGridFBarInner { +.dj_ie .dojoxGridFBarInner { border-top: 1px solid #BFD6EB; border-bottom: 1px solid #BFD6EB; display: inline-block; width: 100%; } -.dj_ie6 .webida-light .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { +.dj_ie6 .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { background-image: none; } -.dj_ie6 .webida-light .dojoxGridHeader .dojoxGridCell { +.dj_ie6 .dojoxGridHeader .dojoxGridCell { border-color: #BCBCBC #BCBCBC #BCBCBC #e5edf4; } -.webida-light .dojoxGridHeader .dojoxGridRowTable tr { +.dojoxGridHeader .dojoxGridRowTable tr { background: none; } -.webida-light .dojoxGridHeader tr:first-child .dojoxGridCell { +.dojoxGridHeader tr:first-child .dojoxGridCell { border-top: 1px solid transparent; } -.webida-light .dojoxGridHeader:first-child .dojoxGridRowTable { +.dojoxGridHeader:first-child .dojoxGridRowTable { border-left-width: 0; } -.webida-light .dojoxGridHeader:first-child { +.dojoxGridHeader:first-child { margin-left: -1px; } -.webida-light .dojoxGridScrollbox { +.dojoxGridScrollbox { background-color: #fefefe; } -.webida-light .dojoxGridRowbar { +.dojoxGridRowbar { background: #cfd7e4; border: none; border-right: 1px solid #7e8897; border-top: 1px solid #7e8897; } -.webida-light .dojoxGridRowbarTable { +.dojoxGridRowbarTable { background: transparent url("../images/header_shadow.png") repeat-x scroll center bottom; } -.webida-light .dojoxGridRowbarInner { +.dojoxGridRowbarInner { border: none; border-bottom: 1px solid #ccc; } -.webida-light .dojoxGridRowbarOver .dojoxGridRowbarTable { +.dojoxGridRowbarOver .dojoxGridRowbarTable { background-color: #abd5fd; } -.webida-light .dojoxGridRowbarSelected { +.dojoxGridRowbarSelected { background-color: #abd5fd; border-right: 1px solid #ccc; } -.webida-light .dojoxGridRow { +.dojoxGridRow { border: none; background-color: #fff; border-top: 1px solid #7e8897; } -.webida-light .dojoxGridRowTable tr { +.dojoxGridRowTable tr { background: url("../images/row_back.png") #ffffff repeat-x; } -.webida-light .dojoxGridRowOdd .dojoxGridRowTable tr { +.dojoxGridRowOdd .dojoxGridRowTable tr { background-color: #f7fcff; } -.webida-light .dojoxGridRowSelected .dojoxGridRowTable tr { +.dojoxGridRowSelected .dojoxGridRowTable tr { background-color: #cee6fa; } -.webida-light .dojoxGrid .dojoxGridCell { +.dojoxGrid .dojoxGridCell { outline: none; padding: 3px 5px; border: 1px solid transparent; border-color: transparent #7e8897 transparent transparent; } -.webida-light .dojoxGridRowSelected .dojoxGridCell { +.dojoxGridRowSelected .dojoxGridCell { border-top: 1px solid #BFD6EB; border-bottom: 1px solid #BFD6EB; } -.webida-light .dojoxGridCellFocus { +.dojoxGridCellFocus { outline: none; border: 1px dashed darkblue !important; } -.webida-light .dojoxGridRowOver .dojoxGridCell { +.dojoxGridRowOver .dojoxGridCell { background: url("../images/row_back.png") #abd6ff repeat-x; border-top: 1px solid #769DC0; border-bottom: 1px solid #769DC0; } -.webida-light .dojoxGridRowActive .dojoxGridCell { +.dojoxGridRowActive .dojoxGridCell { background: url("../images/td_button_down.png") #7dbefa repeat-x; } -.webida-light .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { +.dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { border: solid 1px #769dc0; background-color: #93cafe; border-collapse: separate; } -.webida-light .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell { +.dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell { background-image: url("../images/row_back.png"); } -.webida-light .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { +.dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { background: url("../images/td_button_down.png") #93cafe repeat-x; } -.webida-light .dojoxGridRowEditing td { +.dojoxGridRowEditing td { background-color: #cee6fa; } -.webida-light .dojoxGridRow-inserting td { +.dojoxGridRow-inserting td { background-color: #F4FFF4; } -.webida-light .dojoxGridRow-inflight td { +.dojoxGridRow-inflight td { background-color: #F2F7B7; } -.webida-light .dojoxGridRow-error td { +.dojoxGridRow-error td { background-color: #F8B8B6; } -.webida-light .dojoxGrid .dojoDndItemBefore { +.dojoxGrid .dojoDndItemBefore { border-left-color: #3559ac; } -.webida-light .dojoxGrid .dojoDndItemAfter { +.dojoxGrid .dojoDndItemAfter { border-right-color: #3559ac; } -.webida-light .dojoxGridExpando { +.dojoxGridExpando { float: left; height: 18px; width: 18px; text-align: center; margin-top: -3px; } -.webida-light .dojoxGridExpandoCell { +.dojoxGridExpandoCell { padding-top: 5px; background-position: left top !important; } -.webida-light .dojoxGridExpandoNode { +.dojoxGridExpandoNode { background-image: url("../images/treeExpandImages.png"); width: 16px; height: 16px; cursor: pointer; background-position: 1px 0px; } -.webida-light .dojoxGridRowOver .dojoxGridExpandoNode { +.dojoxGridRowOver .dojoxGridExpandoNode { background-position: -17px 0px; } -.webida-light .dojoxGridExpandoOpened .dojoxGridExpandoNode { +.dojoxGridExpandoOpened .dojoxGridExpandoNode { background-position: -35px 0px; } -.webida-light .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { +.dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { background-position: -53px 0px; } -.webida-light .dojoxGridExpandoLoading .dojoxGridExpandoNode { +.dojoxGridExpandoLoading .dojoxGridExpandoNode { background-image: url("../images/loadingAnimation.gif"); } -.webida-light .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { +.dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { visibility: visible !important; width: 18px !important; } -.webida-light .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { +.dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { background-image: none; } -.webida-light .dojoxGridExpandoNodeInner { +.dojoxGridExpandoNodeInner { visibility: hidden; } -.webida-light .dijit_a11y .dojoxGridExpandoNodeInner { +.dijit_a11y .dojoxGridExpandoNodeInner { visibility: visible; } -.webida-light .dojoxGridSummaryRow .dojoxGridCell { +.dojoxGridSummaryRow .dojoxGridCell { border: 1px solid transparent; } -.webida-light tr.dojoxGridSubRowAlt { +tr.dojoxGridSubRowAlt { background-color: #f4f9fd; } -.webida-light .dojoxGridRowOdd tr.dojoxGridSubRowAlt { +.dojoxGridRowOdd tr.dojoxGridSubRowAlt { background-color: #fff; } -.webida-light .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { +.dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { background-color: #cee6fa; } -.webida-light .dojoxGridHeader .dojoxGridHeaderActive { +.dojoxGridHeader .dojoxGridHeaderActive { background-color: #91c9fe; } -.webida-light td.dojoxGridRowSelected { +td.dojoxGridRowSelected { border-collapse: separate; background: url("../images/row_back.png") #cee6fa repeat-x; } -.webida-light .dojoxGridRowOver td.dojoxGridRowSelected { +.dojoxGridRowOver td.dojoxGridRowSelected { border-top: 1px solid #769DC0; border-bottom: 1px solid #769DC0; } -.webida-light .dojoxGridRowActive td.dojoxGridRowSelected { +.dojoxGridRowActive td.dojoxGridRowSelected { background-image: url("../images/td_button_down.png"); } -.webida-light .dojoxGridPaginator { +.dojoxGridPaginator { background: url("../images/header_shadow.png") repeat-x scroll center bottom #e5edf4; } -.webida-light .dojoxGridFBarInfoTD { +.dojoxGridFBarInfoTD { background: url("../images/header_shadow.png") #f2f9ff repeat-x bottom; background: -moz-linear-gradient(top, #f2f9ff, #eaf5ff); background: -webkit-gradient(linear, left top, left bottom, from(#f2f9ff), to(#eaf5ff)); } -.webida-light .dojoxGridFBarHover .dojoxGridFBarInfoTD { +.dojoxGridFBarHover .dojoxGridFBarInfoTD { background: url("../images/header_shadow.png") #f2f9ff repeat-x bottom; background: -moz-linear-gradient(top, #ecf6ff 2px, #f2f9ff, #eaf5ff 6px); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ecf6ff), color-stop(0.6, #f2f9ff), color-stop(0.8, #eaf5ff)); } -.webida-light .dojoxGridFBarClearFilterBtn { +.dojoxGridFBarClearFilterBtn { color: #5B83B6; } -.webida-light .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { +.dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { text-decoration: underline; } -.webida-light .dojoxGridFBar { +.dojoxGridFBar { border-left: 1px solid white; } -.webida-light .dojoxGridFStatusTip table { +.dojoxGridFStatusTip table { border: 1px solid #BCBCBC; } -.webida-light .dojoxGridFStatusTip th { +.dojoxGridFStatusTip th { background-color: #E8EFF4; border-bottom: 1px solid #BCBCBC; } -.webida-light .dojoxGridFStatusTip th div { +.dojoxGridFStatusTip th div { background-color: #E8EFF4; border-left: 1px solid white; border-right: 1px solid #BCBCBC; border-top: 1px solid white; border-bottom: 1px solid white; } -.webida-light .dojoxGridFStatusTip th.lastColumn div { +.dojoxGridFStatusTip th.lastColumn div { border-right: 1px solid white; } -.webida-light .dojoxGridFStatusTip td { +.dojoxGridFStatusTip td { border-top: 1px solid white; border-bottom: 1px solid white; } -.webida-light .dojoxGridFStatusTipCondition { +.dojoxGridFStatusTipCondition { font-style: italic; } -.webida-light .dojoxGridFStatusTipOddRow { +.dojoxGridFStatusTipOddRow { background-color: #F1F8FF; } -.webida-light .dojoxGrid { +.dojoxGrid { padding: 0px; border-collapse: collapse; border: 1px solid #7e8897; } -.webida-light .dojoxGridMasterMessages { +.dojoxGridMasterMessages { background-color: #fefefe; } -.webida-light .dojoxGridLoading, -.webida-light .dojoxGridError { +.dojoxGridLoading, +.dojoxGridError { background-position: left center; background-repeat: no-repeat; padding-left: 25px; } -.webida-light .dojoxGridLoading { +.dojoxGridLoading { background-image: url("../images/loadingAnimation.gif"); } -.webida-light .dojoxGridError { +.dojoxGridError { background-image: url("../images/commonIconsObjActEnabled.png"); background-position: -496px; width: 16px; height: 16px; } -.webida-light .dojoxGridHeader { +.dojoxGridHeader { background: transparent; margin-left: -2px; } -.webida-light .dojoxGridHeader .dojoxGridCell { +.dojoxGridHeader .dojoxGridCell { padding: 2px 5px; vertical-align: top; background: transparent; @@ -2904,10 +2891,10 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { border-width: 1px; border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; } -.webida-light .dojoxGridHeader .dojoxGridCellOver { +.dojoxGridHeader .dojoxGridCellOver { background: #9dcfff; } -.webida-light .dojoxGridSortNode { +.dojoxGridSortNode { text-decoration: none; display: block; white-space: normal; @@ -2915,14 +2902,14 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { border: none; padding: 0; } -.webida-light .dojoxGridCellOver .dojoxGridSortNode { +.dojoxGridCellOver .dojoxGridSortNode { background-color: #9dcfff; } -.webida-light .dojoxGridArrowButtonChar { +.dojoxGridArrowButtonChar { display: none; float: right; } -.webida-light .dojoxGridArrowButtonNode { +.dojoxGridArrowButtonNode { background: transparent url("../images/spriteArrows.png") no-repeat scroll left center; display: block; float: right; @@ -2931,18 +2918,18 @@ html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { padding-left: 0; width: 7px; } -.webida-light .dojoxGridSortUp .dojoxGridArrowButtonNode { +.dojoxGridSortUp .dojoxGridArrowButtonNode { background-position: -21px 50%; } -.webida-light .dojoxGridMasterHeader { +.dojoxGridMasterHeader { /*background: url("images/header.png") #EDF2F7 repeat-x bottom; - background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); - background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA));*/ + background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); + background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA));*/ background-color: #cfd7e4; margin-bottom: 2px; border-bottom: 1px solid #7e8897; } -.webida-light .dojoxGridMasterHeader .dojoxGridRowTable { +.dojoxGridMasterHeader .dojoxGridRowTable { border-left: 1px solid #7e8897; background-color: transparent; } diff --git a/apps/ide/src/styles/css/ExpandoPane.css b/apps/ide/src/styles/theme/webida-light/css/ExpandoPane.css similarity index 100% rename from apps/ide/src/styles/css/ExpandoPane.css rename to apps/ide/src/styles/theme/webida-light/css/ExpandoPane.css diff --git a/apps/ide/src/styles/css/FloatingPane.css b/apps/ide/src/styles/theme/webida-light/css/FloatingPane.css similarity index 100% rename from apps/ide/src/styles/css/FloatingPane.css rename to apps/ide/src/styles/theme/webida-light/css/FloatingPane.css diff --git a/apps/ide/src/styles/css/InlineEditBox.css b/apps/ide/src/styles/theme/webida-light/css/InlineEditBox.css similarity index 100% rename from apps/ide/src/styles/css/InlineEditBox.css rename to apps/ide/src/styles/theme/webida-light/css/InlineEditBox.css diff --git a/apps/ide/src/styles/css/Menu.css b/apps/ide/src/styles/theme/webida-light/css/Menu.css similarity index 100% rename from apps/ide/src/styles/css/Menu.css rename to apps/ide/src/styles/theme/webida-light/css/Menu.css diff --git a/apps/ide/src/styles/css/NumberSpinner.css b/apps/ide/src/styles/theme/webida-light/css/NumberSpinner.css similarity index 100% rename from apps/ide/src/styles/css/NumberSpinner.css rename to apps/ide/src/styles/theme/webida-light/css/NumberSpinner.css diff --git a/apps/ide/src/styles/css/ProgressBar.css b/apps/ide/src/styles/theme/webida-light/css/ProgressBar.css similarity index 100% rename from apps/ide/src/styles/css/ProgressBar.css rename to apps/ide/src/styles/theme/webida-light/css/ProgressBar.css diff --git a/apps/ide/src/styles/css/RadioButton.css b/apps/ide/src/styles/theme/webida-light/css/RadioButton.css similarity index 100% rename from apps/ide/src/styles/css/RadioButton.css rename to apps/ide/src/styles/theme/webida-light/css/RadioButton.css diff --git a/apps/ide/src/styles/css/ResizeHandle.css b/apps/ide/src/styles/theme/webida-light/css/ResizeHandle.css similarity index 100% rename from apps/ide/src/styles/css/ResizeHandle.css rename to apps/ide/src/styles/theme/webida-light/css/ResizeHandle.css diff --git a/apps/ide/src/styles/css/Select.css b/apps/ide/src/styles/theme/webida-light/css/Select.css similarity index 100% rename from apps/ide/src/styles/css/Select.css rename to apps/ide/src/styles/theme/webida-light/css/Select.css diff --git a/apps/ide/src/styles/css/Slider.css b/apps/ide/src/styles/theme/webida-light/css/Slider.css similarity index 100% rename from apps/ide/src/styles/css/Slider.css rename to apps/ide/src/styles/theme/webida-light/css/Slider.css diff --git a/apps/ide/src/styles/css/TabContainer.css b/apps/ide/src/styles/theme/webida-light/css/TabContainer.css similarity index 99% rename from apps/ide/src/styles/css/TabContainer.css rename to apps/ide/src/styles/theme/webida-light/css/TabContainer.css index e1d84c24..e6c7b269 100644 --- a/apps/ide/src/styles/css/TabContainer.css +++ b/apps/ide/src/styles/theme/webida-light/css/TabContainer.css @@ -82,10 +82,6 @@ border: 0; border-radius: 0px; } -.webida-light #editor .dijitTabPaneWrapper { - background-color: #2e3137; - border: 1px #2e3137 solid; -} .webida-light .dijitTabPaneWrapper, .webida-light .dijitTabContainerTop-tabs, .webida-light .dijitTabContainerBottom-tabs, diff --git a/apps/ide/src/styles/css/TimePicker.css b/apps/ide/src/styles/theme/webida-light/css/TimePicker.css similarity index 100% rename from apps/ide/src/styles/css/TimePicker.css rename to apps/ide/src/styles/theme/webida-light/css/TimePicker.css diff --git a/apps/ide/src/styles/css/TitlePane.css b/apps/ide/src/styles/theme/webida-light/css/TitlePane.css similarity index 100% rename from apps/ide/src/styles/css/TitlePane.css rename to apps/ide/src/styles/theme/webida-light/css/TitlePane.css diff --git a/apps/ide/src/styles/css/ToggleSplitter.css b/apps/ide/src/styles/theme/webida-light/css/ToggleSplitter.css similarity index 100% rename from apps/ide/src/styles/css/ToggleSplitter.css rename to apps/ide/src/styles/theme/webida-light/css/ToggleSplitter.css diff --git a/apps/ide/src/styles/css/Toolbar.css b/apps/ide/src/styles/theme/webida-light/css/Toolbar.css similarity index 100% rename from apps/ide/src/styles/css/Toolbar.css rename to apps/ide/src/styles/theme/webida-light/css/Toolbar.css diff --git a/apps/ide/src/styles/css/Tree.css b/apps/ide/src/styles/theme/webida-light/css/Tree.css similarity index 100% rename from apps/ide/src/styles/css/Tree.css rename to apps/ide/src/styles/theme/webida-light/css/Tree.css diff --git a/apps/ide/src/styles/css/document.css b/apps/ide/src/styles/theme/webida-light/css/document.css similarity index 100% rename from apps/ide/src/styles/css/document.css rename to apps/ide/src/styles/theme/webida-light/css/document.css diff --git a/apps/ide/src/styles/css/webida-base.css b/apps/ide/src/styles/theme/webida-light/css/theme-base.css similarity index 98% rename from apps/ide/src/styles/css/webida-base.css rename to apps/ide/src/styles/theme/webida-light/css/theme-base.css index 40bdaf91..9aeac814 100644 --- a/apps/ide/src/styles/css/webida-base.css +++ b/apps/ide/src/styles/theme/webida-light/css/theme-base.css @@ -1,14 +1,3 @@ -@font-face { - font-family: "Nanum Gothic Coding"; - src: url('//fonts.gstatic.com/ea/nanumgothiccoding/v4/NanumGothicCoding-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; -} - -.body{ - font-family: "Nanum Gothic Coding", Verdana,Arial,sans-serif; -} - /*theme*/ /*GNB*/ /*toolbar*/ diff --git a/apps/ide/src/styles/css/webida-loading.css b/apps/ide/src/styles/theme/webida-light/css/theme-loading.css similarity index 86% rename from apps/ide/src/styles/css/webida-loading.css rename to apps/ide/src/styles/theme/webida-light/css/theme-loading.css index e5932957..0e7e4e67 100644 --- a/apps/ide/src/styles/css/webida-loading.css +++ b/apps/ide/src/styles/theme/webida-light/css/theme-loading.css @@ -1,12 +1,5 @@ -/*theme*/ -/*GNB*/ -/*toolbar*/ -/*workspace*/ -/*button*/ -/*Gutter*/ -/*footer*/ /*loading screen start*/ -.webida-light .app-loading-elem { +.app-loading-elem { opacity: 1; -webkit-transition: opacity 1s; transition: opacity 1s; @@ -20,10 +13,10 @@ background: radial-gradient(#d0deec, #8ba4be); z-index: 1; } -.webida-light .app-loading-elem.hide { +.app-loading-elem.hide { opacity: 0; } -.webida-light .app-loading-emblem { +.app-loading-emblem { position: absolute; margin: auto; width: 72px; @@ -31,7 +24,7 @@ background: url("../images/loading_img.png") no-repeat; z-index: 1; } -.webida-light .app-loading-spinner { +.app-loading-spinner { position: relative; margin: auto; box-sizing: border-box; @@ -45,7 +38,7 @@ transform: perspective(100px) rotateX(66deg); transform-origin: 50% 60%; } -.webida-light .app-loading-spinner:after { +.app-loading-spinner:after { content: ""; position: absolute; margin: -4px; @@ -60,7 +53,7 @@ -moz-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; } -.webida-light .app-loading-spinner:after { +.app-loading-spinner:after { border-top-color: #414850; } @-webkit-keyframes spinner-spin { diff --git a/apps/ide/src/styles/css/theme-set.css b/apps/ide/src/styles/theme/webida-light/css/theme-set.css similarity index 100% rename from apps/ide/src/styles/css/theme-set.css rename to apps/ide/src/styles/theme/webida-light/css/theme-set.css diff --git a/apps/ide/src/styles/theme/webida-light/css/theme.css b/apps/ide/src/styles/theme/webida-light/css/theme.css new file mode 100644 index 00000000..e6a196ff --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/css/theme.css @@ -0,0 +1,7638 @@ +/*origin*/ +@import url("../../../origin/dojo.css"); +@import url("../../../origin/dijit.css"); +@import url("../../../origin/toastr.min.css"); +/* +@import url("../../../origin/EnhancedGrid.css"); +@import url("../../../origin/ExpandoPane.css"); +@import url("../../../origin/FloatingPane.css"); +@import url("../../../origin/CheckedMultiSelect.css"); +@import url("../../../origin/ResizeHandle.css"); +*/ +/*set*/ +/*theme*/ +/*GNB*/ +/*toolbar*/ +/*workspace*/ +/*button*/ +/*Gutter*/ +/*footer*/ +@import url("../icons/commonIcons.css"); +@import url("../icons/editorIcons.css"); +@import url("../css/webida-calc.css"); +@import url("../css/webida-project-wizard.css"); +.menubar-gradient { + background-image: linear-gradient(to bottom, #363b42 1px, #414850 0px, #414850 26px, #3e454c 0px, #313437 30px); +} +.toolbar-gradient { + background-image: linear-gradient(to bottom, #dee4e7 1px, #ced3d7 0px, #ced3d7 26px, #ced3d7 0px, #a7b1ba 30px); +} +/*icons*/ +/*sprite containing common icons to be used by all themes*/ +/*sprite for editor icons to be used by all themes*/ +.webida-light { + /*base*/ + /*logo*/ + /*userinfo*/ + /*menubar separator*/ + /*workbench style end*/ + /*view drag feedback style start*/ + /*Console View Start*/ + /*Console View End*/ + /*status bar start*/ + /*status bar end*/ + /*scroll*/ + /*view drag feedback style start*/ + /*Console View Start*/ + /*Console View End*/ + /* WTC-3050 */ + /*plugin*/ + /*loading screen start*/ + /*loading screen end*/ + /*form*/ + /* wsdk/form/Common.css */ + /*========================= common css =========================*/ + /* Padding for the input area of TextBox based widgets, and corresponding padding for the + * down arrow button and the placeholder. placeholder is explicitly listed because + * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField + * won't affect it + */ + /* hover */ + /* error state */ + /* focused state */ + /* disabled state */ + /*========================= for special widgets =========================*/ + /* Input boxes with an arrow (for a drop down) */ + /* Add 1px vertical padding to the where user types and the validation icon, + to match the 1px border on arrow button */ + /* Arrow "hover" effect: + * The arrow button should change color whenever the mouse is in a position such that clicking it + * will toggle the drop down. That's either (1) anywhere over the ComboBox or (2) over the arrow + * button, depending on the openOnClick setting for the widget. + */ + /* Arrow Button change when drop down is open */ + /* disabled state */ + /*========================= hacks for browsers =========================*/ + /* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */ + /* Button | DropDownButton | ComboButton | ToggleButton + * + * Styling Buttons mainly includes: + * + * 1. Containers + * .dijitButton + * .dijitDropDownButton + * .dijitComboButton + * .dijitButtonNode - common button/arrow wrapper shared across all three button types + * + * 2. Button text + * .dijitButtonText + * + * 3. Arrows - only for DropDownButton and ComboButton + * There are total four directions arrows - down, left, right, up: + * .dijitArrowButtonInner - down arrow by default + * .dijitLeftArrowButton .dijitArrowButtonInner - left arrow + * .dijitRightArrowButton .dijitArrowButtonInner - right arrow + * .dijitUpArrowButton .dijitArrowButtonInner - up arrow + * + * 4. States - Hover, Active, Disabled, e.g. + * .dijitButtonHover .dijitButtonNode + * .dijitButtonActive .dijitButtonNode + * .dijitButtonDisabled .dijitButtonNode + * + * .dijitDisabled .dijitArrowButtonInner - disabled arrow states + */ + /*arrow styles for down/up/left/right directions*/ + /* hover status */ + /* active, checked status */ + /*select + background-color: rgba(92,156,205,1); +color: rgba(39,42,45,1); +*/ + /* disabled status */ + /* for ComboButton */ + /* CheckBox + * + * Styling CheckBox mainly includes: + * + * 1. Containers + * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image + * + * 2. CheckBox within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitCheckBoxChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image + * + * 5. Disabled state + * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image + */ + /* RadioButton + * + * Styling RadioButton mainly includes: + * + * 1. Containers + * .dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image + * + * 2. RadioButton within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitRadioChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitRadioHover|.dijitRadioCheckedHover - for background image + * + * 5. Disabled state + * .dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image + */ + /* Select + * + * Styling Select mainly includes: + * + * 1. Containers + * .dijitSelect - for border, background-color + * .dijitButtonContents - for border + * + * 2. Arrow + * .dijitArrowButton - for border, padding and background-color|image + * .dijitArrowButtonInner - for border, background-color|image, display and width|height + * + * 3. Menu + * .dijitSelectMenu .* - for border, padding + * + * 4. Various states + * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image + */ + /* normal status */ + /* hover status */ + /* focused status */ + /* disable status */ + /* Dropdown menu style for select */ + /* Slider + * + * Styling Slider mainly includes styling the Slider progress bar (dijitSliderProgressBar) + * + * Slider progress bar: + * 1. Slider progress bar (default styling): + * .dijitSliderProgressBarH - progress bar at the middle of horizontal slider + * .dijitSliderLeftBumper - bar at the left of horizontal slider + * .dijitSliderRightBumper - bar at the right of horizontal slider + * .dijitSliderProgressBarV - progress bar at the middle of vertical slider + * .dijitSliderTopBumper - bar at the top of vertical slider + * .dijitSliderBottomtBumper - bar at the bottom of vertical slider + * + * 2. hovered Slider progress bar (ie, mouse hover on progress bar) + * .dijitSliderHover .dijitSliderProgressBarH(horizontal) - hovered bar style: background, border + * + * 3. focused Slider progress bar (ie, mouse focused on progress bar) + * .dijitSliderFocused .dijitSliderProgressBarH(horizontal) - focus bar style: background, border + * + * 4. disabled/read-only Slider progress bar + * .dijitSliderDisabled .dijitSliderProgressBarH(horizontal) - bar styles when slider is disabled + * + * + * Slider Thumbs: + * 1. Slider Thumbs (default styling): + * .dijitSliderImageHandleH / .dijitSliderImageHandleV - styles for the controller on the progress bar + * + * 2. hovered Slider Thumbs (ie, mouse hover on slider thumbs) + * .dijitSliderHover .dijitSliderImageHandleH - hovered controller style + * + * 3. focused Slider progress bar (ie, mouse focused on slider thumbs) + * .dijitSliderFocused .dijitSliderImageHandleV - focused controller style + * + * + * Slider Increment/Decrement Buttons: + * 1. Slider Increment/Decrement Buttons (default styling): + * .dijitSliderDecrementIconH - decrement icon which lies at the left of horizontal slider + * .dijitSliderIncrementIconH - increment icon which lies at the right of horizontal slider + * .dijitSliderDecrementIconV - decrement icon which lies at the bottom of vertical slider + * .dijitSliderIncrementIconV - increment icon which lies at the top of vertical slider + * + * 2. hovered Slider Increment/Decrement Buttons (mouse hover on the icons) + * .dijitSliderHover .dijitSliderDecrementIconH - for background, border + * + * 3. active Slider Increment/Decrement Buttons (mouse down on the icons) + * .dijitSliderActive .dijitSliderIncrementIconV - for background, border + * + * 4. disabled/read-only Slider Increment/Decrement Buttons + * .dijitSliderDisabled .dijitSliderDecrementIconH - styles for the icons in disabled slider + * .dijitSliderReadOnly .dijitSliderIncrementIconV - styles for the icons in read-only slider + */ + /* Horizontal Slider */ + /* Vertical Slider */ + /* ------- Thumbs ------- */ + /* ---- Increment/Decrement Buttons ---- */ + /* NumberSpinner - namespace "dijitSpinner" + * + * Styling NumberSpinner mainly includes: + * + * 1. Arrows + * Outer containers: .dijitSpinnerButtonContainer|.dijitSpinnerButtonInner - for border, padding and position + * Arrows: .dijitArrowButton|.dijitUpArrowButton.|dijitDownArrowButton + * Inner container: .dijitArrowButtonInner - for border, padding, width|height and background image + * + * 2. Hover state + * .dijitUpArrowButtonHover|.dijitDownArrowButtonHover .* - for background color|image + * + * 3. Active state + * .dijitUpArrowButtonActive|.dijitDownArrowButtonActive .* - for border, padding, margin and background color|image + * + * 4. Focused state + * .dijitSpinnerFocused .* - for background color|image + * + * 5. Disabled state + * .dijitSpinnerDisabled .* - for background color|image + */ + /* button */ + /* up & down button icons */ + /** hover & focused status **/ + /* mouse down status */ + /* disabled */ + /** hacks for browsers **/ + /* for IE 7, when div is enlarged, + * should be no empty space between dijitInputLayoutContainer and dijitSpinner*/ + /*comp*/ + /* ========= Styling rules to affect widgets ========= */ + /* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */ + /* Drag and Drop*/ + /* Dialog + * + * Styling Dialog includes two sections: Dialog and Tooltip & TooltipDialog + * + * Dialog: + * 1. Dialog (default styling): + * .dijitDialog - styles for dialog's bounding box + * + * 2. Dialog title + * .dijitDialogTitleBar - styles for the title container at the top of dialog + * .dijitDialogTitle - the text container in dialog title + * + * 3. Dialog content + * .dijitDialogPaneContent - main container for content area and action bar + * .dijitDialogPaneContentArea - styles for content container + * + * 4. Dialog action bar + * .dijitDialogPaneActionBar - styles for action buttons lie at the bottom of dialog pane content + * + * 5. Dialog underlay + * .dijitDialogUnderlay - div under the dialog which used for separate dialog and page content + * + * + * Tooltip & TooltipDialog: + * 1. tooltip content container: + * .dijitTooltipContainer - tooltip content container + * + * 2. tooltip connector: + * .dijitTooltipConnector - tooltip anchor includes 4 direction(up, down, left, right) + */ + /* Tooltip and TooltipDialog */ + /* Calendar + * + * Styling Calendar mainly includes: + * + * 1. Calendar container + * .dijitCalendar - main container + * .dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active + * + * 2. Month + * .dijitCalendarMonthContainer + * .dijitCalendarMonthLabel + * .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month + * .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active + * + * 3. Date + * .dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S + * .dijitCalendarDateTemplate - date label wrapper + * .dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month + * .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date + * .dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date + * .dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active + * + * 4. Year + * .dijitCalendarYearContainer + * .dijitCalendarYearLabel + * .dijitCalendarPreviousYear /.dijitCalendarNextYear + * .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active + * + * 5. Dropdown Month Menu + * .dijitCalendarMonthMenu - menu container + * .dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item + * .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state + */ + /* next/previous month arrows */ + /* End Normal Calendar Style */ + /* Hovered Calendar Style */ + /* End Hovered Calendar Style */ + /* Active Calendar Style */ + /* End Active Calendar Style */ + /* Selected Calendar Style */ + /* End Selected Calendar Style */ + /* Disabled Calendar Style*/ + /* End Disabled Calendar Style */ + /* Styling for month DropDownButton */ + /* Styling for month drop down list */ + /* Menu + +There are three areas of styling for the Menu: + + 1. The menu + There are three types of menus: + i) Context Menu + ii) Drop down Menu + iii) Navigation Menu + All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border + .dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect + .dijitMenuTable - for padding - also affects Select widget + + 2. The menu bar + .dijitMenuBar - for border, margins, padding, background-color of the menu bar + .dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) + + 3. Menu items - items in the menu. + .dijitMenuItem - for color + .dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected + .dijitMenuItemActive - for background-color of an active (mousedown) menu item + td.dijitMenuItemIconCell - for padding around a menu item's icon + td.dijitMenuItemLabel - for padding around a menu item's label + .dijitMenuSeparatorTop - for border, top border, of the separator + .dijitMenuSeparatorBottom - for bottom margin of the separator + + Styles specific to ComboBox and FilteringSelect widgets: + .dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu + .dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu + +*/ + /* this prevents jiggling upon hover of a menu item */ + /* hover over a MenuItem or MenuBarItem */ + /* the checked menu item */ + /*ComboBox Menu*/ + /* ColorPalette + * + * Styling of the ColorPalette consists of the following: + * + * 1. the whole color palette + * .dijitColorPalette - for outline, border, and background color of the whole color palette + * Note: outline does not work for IE + * + * 2. the color swatch + * .dijitColorPalette .dijitPaletteImg + * transparent (but clickable) node inside of each , overlaying the color swatch. + * displays border around a color swatch + * + * 3. hovered swatch + * .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg + * the hovered state of the color swatch - adds border + * + * 4. active and selected swatch + * .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg + * .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg + * adds border for active or selected state + */ + /* InlineEditBox + * + * Styling InlineEditBox mainly includes: + * + * 1. Normal state + * .dijitInlineEditBoxDisplayMode - for border + * + * 2. Hover state + * .dijitInlineEditBoxDisplayModeHover - for border and background color + */ + /* ProgressBar + * + * Styling of the ProgressBar consists of the following: + * + * 1. the base progress bar + * .dijitProgressBar - sets margins for the progress bar + * + * 2. the empty bar + * .dijitProgressBarEmpty - sets background img and color for bar or parts of bar that are not finished yet + * Also sets border color for whole bar + * + * 3. tile mode + * .dijitProgressBarTile + * inner container for finished portion when in 'tile' (image) mode + * + * 4. full bar mode + * .dijitProgressBarFull + * adds border to right side of the filled portion of bar + * + * 5. text for label of bar + * .dijitProgressBarLabel - sets text color, which must contrast with both the "Empty" and "Full" parts. + * + * 6. indeterminate mode + * .dijitProgressBarIndeterminate .dijitProgressBarTile + * sets animated gif for the progress bar in 'indeterminate' mode + */ + /* Time Picker + * + * Styling the Time Picker consists of the following: + * + * 1. minor time values + * .dijitTimePickerTick - set text color, size, background color of minor values + * .dijitTimePickerTickHover - set hover style of minor time values + * dijitTimePickerTickSelected - set selected style of minor time values + * + * 2. major time values - 1:00, 2:00, times on the hour + * set text color, size, background color, left/right margins for "zoom" affect + * .dijitTimePickerMarkerHover - to set hover style of major time values + * .dijitTimePickerMarkerSelected - set selected style of major time values + * + * 3. up and down arrow buttons + * .dijitTimePicker .dijitButtonNode - background-color, border + * .dijitTimePicker .dijitUpArrowHover, .dijitTimePicker .dijitDownArrowHover - set background-color for hover state + * + * Other classes provide the fundamental structure of the TimePicker and should not be modified. + */ + /* override Button.css */ + /* hover */ + /* Tree + * + * Styling Tree mostly means styling the TreeRow (dijitTreeRow) + * There are 4 basic states to style: + * + * Tree Row: + * 1. tree row (default styling): + * .dijitTreeRow - styles for each row of the tree + * + * 2. hovered tree row (mouse hover on a tree row) + * .dijitTreeRowHover - styles when mouse over on one row + * + * 3. active tree row (mouse down on a tree row) + * .dijitTreeRowActive - styles when mouse down on one row + * + * 4. selected tree row + * dijitTreeRowSelected - style when the row has been selected + * + * Tree Expando: + * dijitTreeExpando - the expando at the left of the text of each tree row + * + * Drag and Drop on TreeNodes: (insert line on dijitTreeContent node so it'll aligned w/ target element) + * .dijitTreeNode .dojoDndItemBefore/.dojoDndItemAfter - use border style simulate a separate line + */ + /* Styling for basic tree node (unhovered, unselected) + * Also use this styling when dropping between items on the tree (in other words, don't + * use hover effect) + */ + /* expando (open/closed) icon */ + /* Drag and Drop on TreeNodes + * Put insert line on dijitTreeContent node so it's aligned w/ + * (ie, indented equally with) target element, even + * though dijitTreeRowNode is the actual "drag object" + */ + /* Toolbar + * + * Styling Toolbar means styling the toolbar container and the widget inside toolbar (dijitToolbar) + * + * 1. toolbar (default styling): + * .dijitToolbar - styles for outer container + * + * 2. widget inside toolbar + * .dijitToolbar .dijitButtonNode - Button widget + * .dijitComboButton - ComboButton widget + * .dijitDropDownButton - DropDownButton widget + * .dijitToggleButton - ToggleButton widget + * + * 3. hovered widget inside toolbar (ie, mouse hover on the widget inside) + * .dijitToolbar .dijitButtonNodeHover - styles for hovered Button widget + * + * 4. actived widget inside toolbar (ie, mouse down on the widget inside) + * .dijitToolbar .dijitButtonNodeActive - mouse down on Button widget + */ + /** override wsdk/form/Button.css, and also ComboBox down arrow **/ + /* hover status */ + /* active status */ + /* hover status */ + /* active status */ + /* Avoid double border between button and arrow */ + /* toggle button checked status */ + /* Toolbar inside of disabled Editor */ + /* Editor + * + * Styling Editor means styling the Editor inside iframe container (dijitEditorIFrameContainer) + * + * 1. Editor iframe container (default styling): + * .dijitEditorIFrameContainer - normal state styles: background-color, border, padding + * + * 2. hovered Editor iframe container (ie, mouse hover on editor) + * .dijitEditorHover .dijitEditorIFrameContainer/dijitEditorIFrame - styles when mouse hover on the container + * + * 3. focused Editor iframe container (ie, mouse focus on the editor pane) + * .dijitEditorFocused .dijitEditorIFrameContainer/dijitEditorIFrame - styles when container focused + * + * 3. disabled Editor iframe container + * .dijitEditorDisabled - editor's inner iframe container disable status styles: background, border + */ + /* Disabled */ + /* TitlePane and Fieldset + * + * Styling TitlePane means styling the TitlePane title and its content container (dijitTitlePane) + * + * TitlePane title: + * 1. TitlePane title (default styling): + * .dijitTitlePaneTitle - TitlePane's title div style: background-color, border + * + * 2. hovered TitlePane title (ie, mouse hover on a title bar) + * .dijitTitlePaneTitleHover - styles when mouse hover on the title div + * + * 3. active TitlePane title (ie, mouse down on a title bar) + * .dijitTitlePaneTitleActive - styles when mouse down on the title div + * + * + * TitlePane Content Container: + * 1. outer/inner container: + * .dijitTitlePaneContentOuter / dijitTitlePaneContentInner - styles for the content outer div + */ + /* + +.dojoxGrid { + position: relative; + font-family: Geneva, Arial, Helvetica, sans-serif; + -moz-outline-style: none; + outline: none; + overflow: hidden; + height: 0; +} +.dojoxGrid table { + padding: 0; +} +.dojoxGrid td { + -moz-outline: none; +} +.dojoxGridMasterHeader { + position: relative; +} +.dojoxGridMasterView { + position: relative; +} +.dojoxGridMasterMessages { + position: relative; + padding: 1em; + text-align: center; + background-color: white; +} +.dojoxGridView { + position: absolute; + overflow: hidden; +} +.dojoxGridHeader { + position: absolute; + overflow: hidden; + cursor: default; +} +.dojoxGridHeader { + background-color: #E8E1CF; +} +.dojoxGridHeader table { + text-align: center; +} +.dojoxGridHeader .dojoxGridCell { + border: 1px solid; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + background: url("../images/grid_dx_gradient.gif") #E8E1CF top repeat-x; + padding-bottom: 2px; +} +.dojoxGridHeader .dojoxGridCellOver { + background-image: none; + background-color: white; + border-bottom-color: #FEBE47; + margin-bottom: 0; + padding-bottom: 0; + border-bottom-width: 3px; +} +.dojoxGridHeader .dojoxGridCellFocus { + border: 1px dashed blue; +} +.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { + background-image: none; + background-color: white; + border-bottom-color: #FEBE47; + margin-bottom: 0; + padding-bottom: 0; + border-bottom-width: 3px; +} +.dojoxGridArrowButtonNode { + display: none; + padding-left: 16px; +} +.dojoxGridArrowButtonChar { + display:inline; +} + +.dojoxGridArrowButtonNode:hover { + cursor: default; +} +.dojoxGridArrowButtonChar:hover { + cursor: default; +} +.dojoxGridSortUp:hover { + cursor: default; +} +.dojoxGridSortDown:hover { + cursor: default; +} +.dijit_a11y .dojoxGridArrowButtonChar { + display:inline !important; +} +.dojoxGridScrollbox { + position: relative; + overflow: auto; + background-color: white; + width: 100%; +} +.dojoxGridContent { + position: relative; + overflow: hidden; + -moz-outline-style: none; + outline: none; +} +.dojoxGridRowbar { + border: 1px solid; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + border-top: none; + background: url("../images/grid_dx_gradient.gif") #E8E1CF top repeat-x; +} +.dojoxGridRowbarInner { + border-top: 1px solid #F6F4EB; +} +.dojoxGridRowbarOver { + background-image: none; + background-color: white; + border-top-color: #FEBE47; + border-bottom-color: #FEBE47; +} +.dojoxGridRowbarSelected { + background-color: #D9E8F9; +} +.dojoxGridRow { + position: relative; + width: 9000em; +} +.dojoxGridRow { + + border: 1px solid #E8E4D8; + border-color: #F8F7F1; + + border-left: none; + border-right: none; + background-color: white; + border-top: none; +} +.dojoxGridRowOver { + border-top-color: #FEBE47; + border-bottom-color: #FEBE47; + + + +} +.dojoxGridRowOdd { + background-color: #FFFDF3; + +} +.dojoxGridRowSelected { + background-color: #D9E8F9; +} +.dojoxGridRowTable { + table-layout: fixed; + width: 0; + empty-cells: show; +} +.dj_ie .dojoxGridRowTable { + border-collapse: collapse; +} +.dojoxGridInvisible { + visibility: hidden; +} +.Xdojo-ie .dojoxGridInvisible { + display: none; +} +.dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td { + border-top-width: 0; + border-bottom-width: 0; + padding-top: 0; + padding-bottom: 0; + height: 0; + overflow: hidden; +} +.dojoxGrid .dojoxGridCell { + border: 1px solid; + border-color: #EBEADB; + border-right-color: #D5CDB5; + padding: 3px 3px 3px 3px; + text-align: left; + overflow: hidden; + word-wrap: break-word; +} +.dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell { + white-space: nowrap; + word-break: keep-all; + word-wrap: normal; + text-overflow: ellipsis; +} +.dojoxGridCellFocus { + border: 1px dashed blue; +} +.dojoxGridCellOver { + border: 1px dotted #FEBE47; +} +.dojoxGridCellFocus.dojoxGridCellOver { + border: 1px dashed green; +} +.dojoxGridRowEditing td { + background-color: #F4FFF4; +} +.dojoxGridRow-inserting td { + background-color: #F4FFF4; +} +.dojoxGridRow-inflight td { + background-color: #F2F7B7; +} +.dojoxGridRow-error td { + background-color: #F8B8B6; +} +.dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea { + margin: 0; + padding: 0; + border-style: none; + width: 100%; + font-size: 100%; + font-family: inherit; +} +.dojoxGridHiddenFocus { + position: absolute; + top: -1000px; + height: 0; + width: 0; +} +.dijit_a11y .dojoxGridRowbarSelected { + border-top: 1px solid white; + border-bottom: 1px dashed black; + border-top: 0; + background: none; +} +.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { + border: 0; + border-top: 1px solid white; +} +.dijit_a11y .dojoxGridRowSelected { + border: 1px solid black !important; +} +.dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem { + display: table-cell; + + margin: 0; +} +.dojoxGridDndAvatar { + font-size: 100%; +} +.dojoxGrid .dojoDndItemBefore { + border-left-color: red; +} +.dojoxGrid .dojoDndItemAfter { + border-right-color: red; +} +.dijit_a11y .dojoDndItemBefore { + border-left: double; +} +.dijit_a11y .dojoDndItemAfter { + border-right: double; +} +.dojoxGridDndAvatarItem td { + border: 1px solid; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + background: url("../images/grid_dx_gradient.gif") #E8E1CF top repeat-x; + padding: 0pt; + margin: 0pt; +} +.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { + border: 0; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + background-color: transparent; + padding: 3px; + padding-bottom: 2px; + margin: 0; +} +.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndNoMove.png"); + background-repeat: no-repeat; + background-position: center center; +} +.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndNoCopy.png"); + background-repeat: no-repeat; + background-position: center center; +} +.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndMove.png"); + background-repeat: no-repeat; + background-position: center center; +} +.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndCopy.png"); + background-repeat: no-repeat; + background-position: center center; +} +.dojoxGridColPlaceBottom { + background: transparent url("../images/grid_sort_up.gif") no-repeat scroll left top; +} +.dojoxGridColPlaceTop { + background: transparent url("../images/grid_sort_down.gif") no-repeat scroll left top; +} +.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { + font-size:1px; + height:6px; + z-index:10000; + top:0; + overflow:hidden; + position:absolute; + line-height:1px; + width:8px; +} +.dojoxGridResizeColLine { + width: 1px; + background-color: #777; + position: absolute; + cursor: col-resize; + z-index:10000; +} +.dojoxGridColNoResize, +.dojoxGridColNoResize .dojoDndItemOver { + cursor: not-allowed !important; +} +.dojoxGridColResize, +.dojoxGridColResize .dojoDndItemOver, +.dojoxGridColumnResizing, +.dojoxGridColumnResizing .dojoDndItemOver, +.dojoxGridColumnResizing .dojoxGridHeader { + cursor: col-resize !important; +} +.dojoxGridColPlaceBottom { + background: transparent url("../images/grid_sort_up.gif") no-repeat scroll left top; +} +.dojoxGridColPlaceTop { + background: transparent url("../images/grid_sort_down.gif") no-repeat scroll left top; +} +.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { + font-size:1px; + height:6px; + z-index:10000; + top:0; + overflow:hidden; + position:absolute; + line-height:1px; + width:8px; +} +.dojoxGridResizeColLine { + width: 1px; + background-color: #777; + position: absolute; +} +.dojoxGridExpandoCell { + vertical-align: middle; +} +.dojoxGridSummarySpan { + visibility: hidden; +} +.dojoxGridSummaryRow .dojoxGridSummarySpan, +.dojoxGridRowCollapsed .dojoxGridSummarySpan { + visibility: visible; +} +.dojoxGridNoChildren .dojoxGridExpando { + visibility: hidden !important; + width: 0px !important; +} +.dj_ie .dojoxGridRtl .dojoxGridHeader table { + float:none; +} +.dojoxGridRtl .dojoxGridCell { + text-align:right; +} +.dj_ie8 .dojoxGridRtl .dojoxGridCell { + border-left: none; +} +.dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { + border-left: #e5dac8 1px solid +} +.dojoxGridRtl .dojoxGridArrowButtonNode { + float:left; +} +.webida .dojoxGrid { + margin:0px; + padding:0px; + border-collapse:collapse; + border: 1px solid rgba(126,136,151,1); +} +.webida .dojoxGridMasterMessages { + background-color: #fefefe; +} +.webida .dojoxGridLoading, +.webida .dojoxGridError { + background-position:left center; + background-repeat: no-repeat; + padding-left:25px; +} +.webida .dojoxGridLoading { + background-image:url("../images/loadingAnimation.gif"); +} +.webida .dojoxGridError { + background-image: url("../images/commonIconsObjActEnabled.png"); + background-position: -496px; + width: 16px; + height: 16px; +} +.webida .dojoxGridHeader { + background: transparent; + margin-left: -2px; +} +.webida .dojoxGridHeader .dojoxGridCell { + padding: 2px 5px; + vertical-align: top; + background: transparent; + border-style:solid; + border-width:1px; + border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; +} +.dj_ie6 .webida .dojoxGridHeader .dojoxGridCell { + border-color:#BCBCBC #BCBCBC #BCBCBC #e5edf4; +} +.webida .dojoxGridHeader .dojoxGridCellOver { + background: #9dcfff; +} +.webida .dojoxGridSortNode { + text-decoration:none; + display:block; + white-space: normal; + background: none; + border: none; + padding: 0; +} +.webida .dojoxGridCellOver .dojoxGridSortNode { + background-color:#9dcfff; +} +.webida .dojoxGridArrowButtonChar { + display:none; + float:right; +} +.webida .dojoxGridArrowButtonNode { + background:transparent url("../images/spriteArrows.png") no-repeat scroll left center; + display:block; + float:right; + height:1em; + margin:2px 4px 0 5px; + padding-left:0; + width:7px; +} +.webida .dojoxGridSortUp .dojoxGridArrowButtonNode { + background-position:-21px 50%; +} +.webida .dojoxGridMasterHeader { + */ + /*background: url("images/header.png") #EDF2F7 repeat-x bottom; + background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); + background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA));*/ + /* + + //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEDF2F7, endColorstr=#FFD0DFEA); + background-color: rgba(207,215,228,1); + margin-bottom: 2px; + border-bottom:1px solid rgba(126,136,151,1); +} +.webida .dojoxGridMasterHeader .dojoxGridRowTable { + border-left: 1px solid rgba(126,136,151,1); + background-color: transparent; +} +.dj_ie .webida .dojoxGridHeader .dojoxGridRowTable { + border-collapse:separate; +} +.dj_ie6 .webida .dojoxGridHeader .dojoxGridRowTable, +.dj_ie7 .webida .dojoxGridHeader .dojoxGridRowTable { + border-collapse:collapse; + border-right: 0px; +} +.webida .dojoxGridHeader .dojoxGridRowTable tr { + background: none; +} +.webida .dojoxGridHeader tr:first-child .dojoxGridCell { + border-top: 1px solid transparent; +} +.webida .dojoxGridHeader:first-child .dojoxGridRowTable { + border-left-width: 0; +} +.webida .dojoxGridHeader:first-child { + margin-left: -1px; +} +.webida .dojoxGridScrollbox { + background-color: #fefefe; +} +.webida .dojoxGridRowbar { + //background:url("images/header.png") #e5edf4 repeat-x top; + background:rgba(207,215,228,1); + border:none; + border-right:1px solid rgba(126,136,151,1); + border-top:1px solid rgba(126,136,151,1); +} +.webida .dojoxGridRowbarTable { + background:transparent url("../images/header_shadow.png") repeat-x scroll center bottom; +} +.dj_ie6 .webida .dojoxGridRowbar, +.dj_ie6 .webida .dojoxGridRowbarTable { + background-image:none; +} +.webida .dojoxGridRowbarInner { + border:none; + border-bottom:1px solid #ccc; +} +.webida .dojoxGridRowbarOver .dojoxGridRowbarTable { + background-color:#abd5fd; +} +.webida .dojoxGridRowbarSelected { + background-color:#abd5fd; + border-right:1px solid #ccc; +} +.webida .dojoxGridRow { + border:none; + background-color:#fff; + border-top: 1px solid rgba(126,136,151,1); +} +.dj_ie .webida .dojoxGridMasterView .dojoxGridRowTable { + border-collapse:separate; +} +.dj_ie6 .webida .dojoxGridMasterView .dojoxGridRowTable, +.dj_ie7 .webida .dojoxGridMasterView .dojoxGridRowTable { + border-collapse: collapse; +} +.webida .dojoxGridRowTable tr { + background:url("../images/row_back.png") #fff repeat-x; +} +.webida .dojoxGridRowOdd .dojoxGridRowTable tr { + background-color:#f7fcff; +} +.webida .dojoxGridRowSelected .dojoxGridRowTable tr { + background-color:#cee6fa; +} +.webida .dojoxGrid .dojoxGridCell { + outline: none; + padding: 3px 5px; + border:1px solid transparent; + border-color: transparent rgba(126,136,151,1) transparent transparent; +} +.dj_ie7 .webida .dojoxGridCell, +.dj_ie7 .webida .dojoxGridHeader .dojoxGridCell { + border-left: 0px; +} +.dj_ie6 .webida .dojoxGridCell { + border-color: #F5F5F5; +} +.dj_ie6 .webida .dojoxGridRowOdd .dojoxGridCell { + border-left-color:#f4f9fd; + border-right-color:#f4f9fd; +} +.dj_ie6 .webida .dojoxGridRowSelected .dojoxGridCell { + border-left-color:#d3e9fb; + border-right-color:#d3e9fb; +} +.webida .dojoxGridRowSelected .dojoxGridCell { + border-top:1px solid #BFD6EB; + border-bottom:1px solid #BFD6EB; +} +.webida .dojoxGridCellFocus { + outline: none; + border:1px dashed darkblue !important; +} +.webida .dojoxGridRowOver .dojoxGridCell { + background:url("../images/row_back.png") #ABD6FF repeat-x; + border-top:1px solid #769DC0; + border-bottom:1px solid #769DC0; +} +.dj_ie6 .webida .dojoxGridRowOver .dojoxGridCell, +.dj_ie7 .webida .dojoxGridRowOver .dojoxGridCell { + border-right:1px solid #ABD6FF; +} +.webida .dojoxGridRowActive .dojoxGridCell { + background:url("../images/td_button_down.png") #7DBEFA repeat-x; +} +.dj_ie6 .webida .dojoxGridRowActive .dojoxGridCell, +.dj_ie7 .webida .dojoxGridRowActive .dojoxGridCell { + border-left:1px solid #7DBEFA; + border-right:1px solid #7DBEFA; +} +.webida .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { + border:solid 1px #769dc0; + background-color:#93cafe; + border-collapse:separate; +} +.webida .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell{ + background-image:url("../images/row_back.png"); +} +.webida .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { + background:url("../images/td_button_down.png") #93cafe repeat-x; +} +.dj_ie6 .webida .dojoxGridCell { + background-image:none !important; +} +.webida .dojoxGridRowEditing td { + + background-color: #cee6fa; + +} +.webida .dojoxGridRow-inserting td { + background-color: #F4FFF4; +} +.webida .dojoxGridRow-inflight td { + background-color: #F2F7B7; +} +.webida .dojoxGridRow-error td { + background-color: #F8B8B6; +} +.webida .dojoxGrid .dojoDndItemBefore { + border-left-color: #3559ac; +} +.webida .dojoxGrid .dojoDndItemAfter { + border-right-color: #3559ac; +} +.webida .dojoxGridExpando { + float: left; + height: 18px; + width: 18px; + text-align: center; + margin-top: -3px; +} +.dijitRtl .webida .dojoxGridExpando { + float: right; +} +.webida .dojoxGridExpandoCell { + padding-top: 5px; + background-position: left top !important; +} +.webida .dojoxGridExpandoNode { + background-image: url("../images/treeExpandImages.png"); + width: 16px; + height: 16px; + cursor: pointer; + background-position: 1px 0px; +} +.dj_ie6 .webida .dojoxGridExpandoNode { + background-image: url("../images/treeExpandImages8bit.png"); +} +.webida .dojoxGridRowOver .dojoxGridExpandoNode { + background-position: -17px 0px; +} +.webida .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -35px 0px; +} +.webida .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -53px 0px; +} +.webida .dojoxGridExpandoLoading .dojoxGridExpandoNode { + background-image: url("../images/loadingAnimation.gif"); +} +.webida .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { + visibility: visible !important; + width: 18px !important; +} +.webida .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode, +.dj_ie6 .webida .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { + background-image:none; +} +.webida .dojoxGridExpandoNodeInner { + visibility: hidden; +} +.dijit_a11y .dojoxGridExpandoNodeInner { + visibility: visible; +} +.webida .dojoxGridSummaryRow .dojoxGridCell { + border:1px solid transparent; +} +.dj_ie6 .webida .dojoxGridSummaryRow .dojoxGridCell { + border-color:#fff +} +.webida tr.dojoxGridSubRowAlt { + background-color:#f4f9fd; +} +.webida .dojoxGridRowOdd tr.dojoxGridSubRowAlt { + background-color:#fff; +} +.webida .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { + background-color:#cee6fa; +} +.dojoxGridRowSelector { + cursor: pointer; +} +.dojoxGridRowSelectorStatusText{ + visibility:hidden; +} +.dijit_a11y .dojoxGridRowSelected { + opacity:0.8 !important; +} +.dijit_a11y .dojoxGridBorderDIV { + border:2px solid #000 !important; +} +.dijit_a11y .dojoxGridRowSelector { + height:100% !important; +} +.dijit_a11y .dojoxGridRowSelectorStatusText{ + font-size:larger !important; + visibility:visible; +} +.dijit_a11y .dijitCheckBox .dojoxGridRowSelectorStatusText{ + font-weight:bolder !important; + font-size:x-large !important; +} +.dijit_a11y .dijitCheckBoxChecked .dojoxGridRowSelectorStatusText{ + font-size:small !important; +} +.dojoxGridFBar { + width: 100%; + cursor: pointer; +} +.dojoxGridFBar .dojoxGridFBarBtn { + margin: 0; +} +.dojoxGridFBarBtnTD { + width: 38px; +} +.dojoxGridFBar .dojoxGridFBarBtn .dijitButtonNode { + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + padding-top: 0; + padding-bottom: 0; + padding-right: 2px; +} +.dojoxGridFBarDefFilterBtnIcon { + background: url("../images/sprite_icons.png") no-repeat; + background-position: -100px -18px; + width: 14px; + height: 14px; +} +.dj_ie .dojoxGridFBarInner{ + display: inline-block; + width: 100%; +} +.dojoxGridFBarStatus { + margin-left: 9px; + float: left; +} +.dojoxGridFBarClearFilterBtn { + margin: 0 0 0 10px; + vertical-align: top; + float: left; +} +.dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn .dijitButtonNode, +.dojoxGridFBarInfoTD .dojoxGridFBarCloseBtn .dijitButtonNode, +.dojoxGridFDPane .dijitAccordionTitle .dijitButtonNode, +.dojoxGridFStatusTipDetail .dijitButton .dijitButtonNode { + -moz-border-radius: 0; + -moz-box-shadow: none; + -webkit-border-radius: 0; + -webkit-box-shadow: none; + background-image: none; + background-color: transparent; + margin: 0; + padding: 0; + border: none; +} +.dj_ie .dojoxGridFBarInner { + position: relative; +} +.dojoxGridFBarCloseBtn { + margin: 0 4px 0 0; + float: right; +} +.dj_ie .dojoxGridFBarCloseBtn { + float: none; + position: absolute; + right: 0; +} +.dojoxGridFBarCloseBtnIcon { + background: url("../images/sprite_icons.png") no-repeat; + background-position: -119px -20px; + width: 14px; + height: 14px; +} +.dijitButtonHover .dojoxGridFBarCloseBtnIcon { + background-position: -140px -20px; +} +.dijitButtonActive .dojoxGridFBarCloseBtnIcon { + background-position: -160px -20px; +} +.dojoxGridFDTitlePane { + width: 316px; + height: 330px; +} +.dijit_a11y .dojoxGridFDTitlePane .dijitArrowButtonInner{ + + display:none !important; +} +.dojoxGridFDTitlePane .dijitDialogPaneContent { + padding: 7px 5px 9px 5px; + height: 290px !important; +} +.dojoxGridFDTitlePane .dijitTitlePaneTitle { + cursor: move; +} +.dojoxGridFDPaneRelation { + margin: 0 0 3px 4px; +} +.dojoxGridFDPane { + width: 100%; + height: 100%; + position: relative; +} +.dojoxGridFDPaneRulePane { + height: 222px; + overflow: auto; + + position: relative; +} +.dj_ie6 .dojoxGridFDPaneRulePane { + width: 100%; +} +.dojoxGridFDPane .dijitAccordionContainer .dijitContentPane { + padding: 6px 9px; +} +.dojoxGridFDPane .dijitAccordionTitle { + position: relative; + + min-height: 17px; +} +.dojoxGridFDPane .dijitAccordionTitle .dijitButton { + position: absolute; + margin: 0; + right: 3px; + top: 4px; +} +.dj_ie6 .dojoxGridFDPane .dijitAccordionTitle .dijitButton { + top: 2px; +} +.dojoxGridFDPane .dijitAccordionTitleFocus { + margin-right: 14px; +} +.dojoxGridFDPane .dijitAccordionText { + display: inline-block; + position: relative; +} +.dojoxGridFCBoxRemoveCBoxBtnIcon { + background-image: url("../images/sprite_icons.png"); + background-position: -198px -18px; + width: 16px; + height: 16px; +} +.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon { + background-position: -198px 2px; +} +.dojoxGridRuleTitleCondition { + font-style: italic; +} +.dojoxGridFDPaneModes .dijitSelect { + position: relative; +} +.dojoxGridFDPaneBtns { + position: absolute; + right: 0; + bottom: 0; +} +.dj_ie7 .dojoxGridFDPaneBtns, +.dj_ie6 .dojoxGridFDPaneBtns { + z-index: -1; +} +.dojoxGridFDPaneBtns .dijitButton { + float: right; +} +.dojoxGridFDPaneAddCBoxBtn { + margin-top: 9px; +} +.dojoxGridFDPaneAddCBoxBtnIcon { + background-image: url("../images/sprite_icons.png"); + background-position: -218px 2px; + width: 16px; + height: 16px; +} +.dijitButtonDisabled .dojoxGridFDPaneAddCBoxBtnIcon { + background-position: -218px -18px; +} +.dojoxGridFCBox { + height: 125px; +} +.dojoxGridFCBoxSelCol, +.dojoxGridFCBoxCondition { + height: 40px; +} +.dojoxGridFCBox .dojoxGridFCBoxColSelect, +.dojoxGridFCBox .dojoxGridFCBoxCondSelect, +.dojoxGridFCBox .dojoxGridFCBoxValueBox { + margin: 0.1em 0 0 0; + width: 100%; + + display: inline-table; +} +.dojoxGridFCBoxCondSelectAlt { + width: 100%; + padding: 5px 0 0 0; + font-weight: bold; +} +.dojoxGridFCBox .dijitSelect .dijitArrowButton { + width: 18px; +} +.dojoxGridFCBoxStartValue { + width: 45%; +} +.dojoxGridFCBoxEndValue { + float: right; + width: 45%; +} +.dojoxGridFCBoxRangeValueTxt { + margin-left: 4px; +} +.dojoxGridFStatusTipDialog .dijitTooltipContainer { + padding: 9px 5px; +} +.dojoxGridFStatusTip thead, +.dojoxGridFStatusTip tr { + height: 19px; +} +.dojoxGridFStatusTip th { + max-width: 150px; + //width: expression(this.clientWidth > 150 ? "150px" : "auto"); +} +.dojoxGridFStatusTip th div { + padding: 2px 5px; +} +.dojoxGridFStatusTip td { + padding: 2px 6px; + max-width: 150px; + overflow: hidden; + //width: expression(this.clientWidth > 150 ? "150px" : "auto"); +} +.dojoxGridFStatusTipHead { + margin-bottom: 9px; +} +.dojoxGridFStatusTipTitle { + font-weight: bold; + margin-right: 1em; +} +.dojoxGridFStatusTipHandle { + position: relative; + padding-right: 16px; +} +.dojoxGridFStatusTipDetail .dijitButton { + position: absolute; + margin: 0; + padding: 0; + top: -1px; + right:0; +} +.dojoxGridFStatusTipDelRuleBtnIcon { + background-image: url("../images/sprite_icons.png"); + background-position: -198px -18px; + height: 16px; + width: 16px; +} +.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon { + background-position: -198px 2px; +} +.dj_ie7 .dojoxGridClearFilterConfirm, +.dj_ie6 .dojoxGridClearFilterConfirm { + width: 300px; +} +.dojoxGridClearFilterBtns{ + padding: 10px; + height: 18px; +} +.dojoxGridClearFilterBtns .dijitButton { + float: right; +} +.dojoxGridTrueBox { + float: left; + width: 49%; +} +.dojoxGridFalseBox { + float: left; + width: 49%; +} +.dojoxGridBoolValueBox .dijitRadio { + vertical-align: middle; +} +.dojoxGridTrueLabel, +.dojoxGridFalseLabel { + width: 116px; + display:inline-block; + vertical-align: middle; +} +.dj_ie7 .dojoxGridTrueLabel, +.dj_ie7 .dojoxGridFalseLabel { + display: inline; +} +.dojoxGridPaginator { + border-top:1px #DBDBDB solid; + text-align:center; + width: 100%; + height: 24px; + table-layout : fixed; + background-color: #EAEAEA; +} +.dojoxGridDescriptionTd { + text-align: left; + width: 35%; +} +.dojoxGridDescription { + text-align: left; + margin-left: 9px; + overflow: hidden; +} +.dojoxGridPaginatorFastStep { + text-align: right; + width: 35%; + overflow: hidden; +} +.dojoxGridPaginatorStep { + float: right; +} +.dojoxGridPaginatorGotoTd { + width: 20px!important; +} +.dojoxGridPaginatorGotoDiv { + cursor: pointer; + width: 12px!important; + height: 16px!important; + margin: 0 6px 0 2px; + background: url("../images/sprite_icons.png") no-repeat -77px 4px; +} +.dojoxGridPaginatorGotoDivDisabled { + cursor: not-allowed; + background: url("../images/sprite_icons.png") no-repeat -77px -16px; +} +.dojoxGridWardButton { + margin-top: 2px; + width: 12px!important; + height: 12px!important; + float: left; + background: url("../images/sprite_icons.png") no-repeat; +} +.dojoxGridWardButtonInner { + visibility: hidden; +} +.dijit_a11y .dojoxGridWardButtonInner { + visibility: visible; + margin-bottom: 8px; +} +.dojoxGridfirstPageBtn { + cursor: pointer; + margin-left: 1px; + background-position: -57px 3px; +} +.dojoxGridfirstPageBtnDisable { + margin-left: 1px; + cursor: not-allowed; + background-position: -57px -17px; +} +.dojoxGridprevPageBtn { + cursor: pointer; + margin: 2px 2px 0 9px; + background-position: 3px 3px; +} +.dojoxGridprevPageBtnDisable { + cursor: not-allowed; + margin: 2px 2px 0 9px; + background-position: 3px -17px; +} +.dojoxGridlastPageBtn { + cursor: pointer; + margin: 2px 9px 0 9px; + background-position: -37px 3px; +} +.dojoxGridlastPageBtnDisable { + cursor: not-allowed; + margin: 2px 9px 0 9px; + background-position: -37px -17px; +} +.dojoxGridnextPageBtn { + cursor: pointer; + margin-left: 3px; + background-position: -17px 3px; +} +.dojoxGridnextPageBtnDisable { + margin-left: 3px; + cursor: not-allowed; + background-position: -17px -17px; +} +.dojoxGridInactived { + font-weight: normal; + color: #5D88AF; + cursor: pointer; + margin: 1px 6px 0 5px; + float: left; + zoom: 1; +} +.dojoxGridActived { + font-weight: bold; + color: black; + margin: 1px 6px 0 5px; + float: left; + text-decoration: none!important; + zoom: 1; +} +.dojoxGridInactiveSwitch { + font-weight: normal; + color: #5D88AF; + float: left; + cursor: pointer; + margin: 1px 7px 0 7px; + zoom: 1; +} +.dojoxGridActivedSwitch { + font-weight: bold; + color: black; + float: left; + margin: 1px 7px 0 7px; + text-decoration: none!important; + zoom: 1; +} +.dojoxGridSeparator { + float: left; +} +.dojoxGridPageTextHover { + text-decoration: underline; +} +.dojoxGridDialogMargin { + width: 220px!important; + margin-bottom: 10px; +} +.dj_ie6 .dojoxGridDialogMargin { + position: relative; +} +.dojoxGridDialogButton { + width: 220px!important; + text-align: right; +} +.dojoxGridButtonFocus { + outline: none; + border: 0.5px dotted darkblue !important; +} +.dojoxGridBorderDIV { + width:2px; + background-color: gray; + font-size:0em; + position:absolute; + z-index:9999; +} +.dojoxGridCellBorderDIV { + position:absolute; + background-color: transparent; + border: none; +} +.dojoxGridCellBorderLeftTopDIV { + position: absolute; + left: 0; + top: 0; + border-style: solid; + border-width: 2px 0 0 2px; + border-color: gray transparent transparent gray; +} +.dojoxGridCellBorderRightBottomDIV { + position: absolute; + right: 0; + bottom: 0; + border-style: solid; + border-width: 0 2px 2px 0; + border-color: transparent gray gray transparent; +} +.dojoxGridDnDItemIcon { + background-image: url("../images/sprite_icons.png"); +} +.dojoxGridDnDIconRowSingle { + background-position: -256px 5px; +} +.dojoxGridDnDIconRowMulti { + background-position: -256px -16px; +} +.dojoxGridDnDIconColSingle { + background-position: -277px 3px; +} +.dojoxGridDnDIconColMulti { + background-position: -277px -17px; +} +.dojoxGridDnDIconCellSingle { + background-position: -235px 5px; +} +.dojoxGridDnDIconCellMulti { + background-position: -236px -16px; +} +.dojoxGridDndAvatar { + background-color:white; + border: 1px solid #CCCCCC; + padding: 0px; + -moz-box-shadow: 5px 5px 7px #999; + -webkit-box-shadow: 5px 5px 7px #999; + box-shadow: 5px 5px 7px #999; + z-index: 999; +} +.dojoxGridDndAvatar td { + padding: 3px; +} +.dojoxGridDnDIcon, +.dojoxGridDnDItemIcon { + width: 16px; + height: 16px; +} +.dojoDndMove .dojoxGridDnDIcon { + background: url("../images/dndNoMove.png") no-repeat center center; +} +.dojoDndCopy .dojoxGridDnDIcon { + background: url("../images/dndNoCopy.png") no-repeat center center; +} +.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDnDIcon { + background: url("../images/dndMove.png") no-repeat center center; +} +.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDnDIcon { + background: url("../images/dndCopy.png") no-repeat center center; +} +.dojoxGrid .dojoxGridSortNode { + position: relative; + border: 1px solid transparent; + cursor: pointer; +} +.dj_ie6 .dojoxGrid .dojoxGridSortNode, +.dj_ie7 .dojoxGrid .dojoxGridSortNode { + overflow: hidden; + width:100%; +} +.dojoxGrid .dojoxGridSortNoWrap { + white-space:nowrap; + word-wrap: normal; +} +.dojoxGridSortBtn { + width: 10px; + height:100%; + visibility: hidden; + top: 0; + display:block; + position: absolute; + color: #000; + background: #DFEAF1 url("../images/sprite_icons.png") no-repeat 100px 0; + text-decoration: none; + outline: none; + right: 0; + border: 1px solid transparent; + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box; + -khtml-box-sizing: border-box; +} +.dj_ie6 .dojoxGridSortBtn, +.dj_ie6 .dojoxGrid .dojoxGridSortNode { + border: none; +} +.dojoxGridSortBtnNested { + right: 10px; +} +.dojoxGridCellSortFocus .dojoxGridSortBtn { + border-left: 1px solid #999999; + background-color: #DFEAF1; +} +.dojoxGridCellOver .dojoxGridSortBtn { + border-left: 1px solid #999999; + background-color: #9dcfff; +} +.dojoxGridSortNode { + outline: none; +} +.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, +.dojoxGridCellSortFocus .dojoxGridSortNode, +.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain, +.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain { + margin-right: 5px; +} +.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, +.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode { + margin-right: 24px; +} +html > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle { + right: -5px; +} +html > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, +html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, +html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { + right: -10px; +} +html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, +html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle, +html > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, +html > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { + right: -28px; +} +html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested, +html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { + right: -17px; +} +.dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridNoSort .dojoxGridSortNode { + margin: 0!important; +} +.dj_ie7 .dojoxGridSortBtn { + right: 0!important; +} +.dj_ie7 .dojoxGridSortBtnNested { + right: 10px!important; +} +.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle, +.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, +.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnNested, +.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnNested, +.dojoxGrid .dojoxGridCellShowIndex .dojoxGridSortNode .dojoxGridSortBtnNested, +.dojoxGrid .dojoxGridSortNodeSorted .dojoxGridSortBtn { + visibility: visible; +} +.dojoxGridSingleSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnNested, +.dojoxGridSingleSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnNested, +.dojoxGridSingleSorted .dojoxGridSortNode .dojoxGridSortBtnNested { + visibility: hidden; +} +.dojoxGridSortNodeAsc .dojoxGridSortBtnSingle { + background-position: -119px 5px; + visibility: visible; +} +.dojoxGridSortNodeDesc .dojoxGridSortBtnSingle { + background-position: -99px 5px; + visibility: visible; +} +.dojoxGridCellOver .dojoxGridSortBtnSingle, +.dojoxGridCellSortFocus .dojoxGridSortBtnSingle { + background-position: -159px 5px; +} +.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, +.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, +.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc, +.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc { + background-position: -139px 5px; +} +.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, +.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, +.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc, +.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc { + background-position: -179px 5px; +} +.dojoxGridCellOver .dojoxGridSortBtnNested, +.dojoxGridCellSortFocus .dojoxGridSortBtnNested { + background-position: -149px 5px; + width: 19px; +} +.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested, +.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested { + background-position: -129px 5px; +} +.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested, +.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested { + background-position: -169px 5px; +} +.dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, +.dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { + background-position: -159px 5px; +} +.dojoxGridCellOver .dojoxGridSortBtn:hover { + background-color:#A3E4FF; +} +.dojoxGrid .dojoxGridSortNodeFocus, +.dojoxGridCellSortFocus .dojoxGridRowSelector, +.dojoxGridCellSortFocus .dojoxGridSortBtnFocus { + border: 1px dashed #666; +} +.dojoxEllipsis, +.dojoxEllipsisShown { + white-space: nowrap; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + -webkit-text-overflow: ellipsis; +} +.dojoxEllipsis window { + width:100%; + -moz-user-focus:normal; + -moz-user-select:text; +} +.dojoxEllipsis description{ + -moz-user-focus:normal; + -moz-user-select:text; +} +.dojoxEllipsisIFrame{ + white-space: normal; + border: none; + width: 100%; + display: block; + height: 1px; + margin-top: -1px; + clear: both; +} +.dojoxEllipsisContainer{ + width: 100%; +} +.dojoxEllipsisShown:after{ + content: "\2026" +} +.webida .dojoxGridHeader .dojoxGridHeaderActive { + background-color:#91c9fe; +} +.webida td.dojoxGridRowSelected { + border-collapse:separate; + background:url("../images/row_back.png") #CEE6FA repeat-x; +} +.webida .dojoxGridRowOver td.dojoxGridRowSelected { + border-top:1px solid #769DC0; + border-bottom:1px solid #769DC0; +} +.webida .dojoxGridRowActive td.dojoxGridRowSelected { + background-image:url("../images/td_button_down.png"); +} +.dj_ie6 .webida .dojoxGridRowOver .dojoxGridCell { + border-color: #ABD6FF; +} +.dj_ie6 .webida .dojoxGridRowActive .dojoxGridCell { + border-color: #7DBEFA; +} +.webida .dojoxGridPaginator{ + background: url("../images/header_shadow.png") repeat-x scroll center bottom #E5EDF4; + +} +.webida .dojoxGridFBarInfoTD { + background: url("../images/header_shadow.png") #F2F9FF repeat-x bottom; + background: -moz-linear-gradient(top, #F2F9FF, #EAF5FF); + background: -webkit-gradient(linear, left top, left bottom, from(#F2F9FF), to(#EAF5FF)); + //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF2F9FF, endColorstr=#FFEAF5FF); +} +.webida .dojoxGridFBarHover .dojoxGridFBarInfoTD { + background: url("../images/header_shadow.png") #F2F9FF repeat-x bottom; + background: -moz-linear-gradient(top, #ECF6FF 2px, #F2F9FF, #EAF5FF 6px); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ECF6FF), color-stop(0.6, #F2F9FF), color-stop(0.8, #EAF5FF)); +} +.dj_gecko .webida .dojoxGridFBarInfoTD, +.dj_webkit .webida .dojoxGridFBarInfoTD { + border-top: 1px solid #BFD6EB; + border-bottom: 1px solid #BFD6EB; +} +.dj_ie .webida .dojoxGridFBarInner{ + border-top: 1px solid #BFD6EB; + border-bottom: 1px solid #BFD6EB; + display:inline-block; + width: 100%; +} +.webida .dojoxGridFBarClearFilterBtn { + color: #5B83B6; +} +.webida .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { + text-decoration: underline; +} +.webida .dojoxGridFBar { + border-left: 1px solid white; +} +.webida .dojoxGridFStatusTip table { + border: 1px solid #BCBCBC; +} +.webida .dojoxGridFStatusTip th { + background-color: #E8EFF4; + border-bottom: 1px solid #BCBCBC; +} +.webida .dojoxGridFStatusTip th div { + background-color: #E8EFF4; + border-left: 1px solid white; + border-right: 1px solid #BCBCBC; + border-top: 1px solid white; + border-bottom: 1px solid white; +} +.webida .dojoxGridFStatusTip th.lastColumn div { + border-right: 1px solid white; +} +.webida .dojoxGridFStatusTip td { + border-top: 1px solid white; + border-bottom: 1px solid white; +} +.webida .dojoxGridFStatusTipCondition { + font-style: italic; +} +.webida .dojoxGridFStatusTipOddRow { + background-color: #F1F8FF; +} +*/ + /*layout*/ + /* Accordion + * + * Styling AccordionContainer basically means styling the accordion pane (dijitAccordionInnerContainer) + * and the title inside of it (dijitAccordionTitle). There are 4 basic states to style: + * + * 1. closed pane (and default styling): + * .dijitAccordionInnerContainer - container for each accordion child + * .dijitAccordionTitle - title for each accordion child + * + * 2. active closed pane (ie, mouse down on a title bar) + * .dijitAccordionInnerContainerActive - for background-color, border + * .dijitAccordionInnerContainerActive dijitAccordionTitle - for text color + * + * 3. open pane (expanded child) + * .dijitAccordionChildWrapper - wraps around the child widget (typically ContentPane) + * setting a margin so that there's blue trim all the way around the child + * + * These rules need to override the closed pane active: + * + * .dijitAccordionInnerContainerSelected - for background-color, border + * .dijitAccordionInnerContainerSelected .dijitAccordionTitle - for text color + * + * 4. hovered pane, open or closed + * The selectors below affect hovering over both a closed pane (ie, hovering a title bar), + * and hovering over an open pane. Also, treat mouse down on an open pane as a hover: + * + * .dijitAccordionInnerContainerHover, .dijitAccordionInnerContainerSelectedActive - for background-color, border + * .dijitAccordionInnerContainerHover .dijitAccordionTitle - for text color + */ + /* Hover state for closed pane */ + /* Active state for closed pane */ + /* Open (a.k.a. selected) pane */ + /* ContentPane + * + * .dijitContentPane + * set padding for basic content pane + * + * Nested layouts: + * + * .dijitTabContainerTop-dijitContentPane, + * .dijitTabContainerLeft-dijitContentPane, + * .dijitTabContainerBottom-dijitContentPane, + * .dijitTabContainerRight-dijitContentPane + * set background-color and padding of ContentPanes nested within TabContainer (can do top, left, bottom, or right) or Accordion Container + * + * .dijitAccordionContainer-dijitContentPane + * set background-color and padding of ContentPane nested within Accordion + * + * .dijitSplitContainer-dijitContentPane, + * set background-color and padding of ContentPane nested within a SplitContainer + * + * .dijitBorderContainer-dijitContentPane + * set background-color and padding of ContentPane nested within a BorderContainer + */ + /* nested layouts */ + /* BorderContainer + +Splitters and gutters separate panes within a BorderContainer. Splitters can be moved up and down (horizonal splitters) or left and right (vertical splitters), while Gutters are static. A "thumb" is the slit on a Splitter that indicates it is movable. + +Styling the BorderContainer widget consists of the following: + +.dijitBorderContainer - for border and padding of the entire border container + +.dijitSplitContainer-child, .dijitBorderContainer-child - for border or child panes of the border container. By default borders are put on all children of BorderContainer. + +.dijitBorderContainer-dijitTabContainerTop, +.dijitBorderContainer-dijitTabContainerBottom, +.dijitBorderContainer-dijitTabContainerLeft, +.dijitBorderContainer-dijitTabContainerRight, +.dijitBorderContainer-dijitAccordionContainer -for border of the border containers within TabContainer or AccordionContainer widget + +.dijitBorderContainer-dijitBorderContainer - for border and padding of nested BorderContainers + +Splitters and gutters: + +.dijitSplitterH, .dijitGutterH - for height, background, and border of a horizontal splitter and gutter +.dijitSplitterH .dijitSplitterThumb - for color, height/width of the thumb on a horizontal splitter +.dijitSplitterV, .dijitGutterV - - for height, background, and border of a vertical splitter and gutter +.dijitSplitterV .dijitSplitterThumb - for color, height/width of the thumb on a vertical splitter +.dijitSplitterHHover - for background-color of a hovered horizontal splitter +.dijitSplitterHHover .dijitSplitterThumb - for background-color of a hovered thumb on a horizontal splitter +.dijitSplitterVHover - for background-color of a hovered vertical splitter +.dijitSplitterVHover .dijitSplitterThumb - for background-color of a hovered thumb on a vertical splitter +.dijitSplitterHActive - for background-color of an active horizontal splitter +.dijitSplitterVActive - for background-color of an active horizontal splitter +*/ + /* Splitters and gutters */ + /* hovered splitter */ + /* active splitter */ + /* TabContainer + * + * Styling TabContainer means styling the TabList and Its content container (dijitTitlePane) + * + * Tab List: (including 4 kinds of tab location) + * .dijitTabContainerTop-tabs - tablist container at top + * .dijitTabContainerBottom-tabs - tablist container at bottom + * .dijitTabContainerLeft-tabs - tablist container at left + * .dijitTabContainerRight-tabs - tablist container at right + * + * Tab Strip Button: + * .dijitTabStripIcon - tab strip button icon + * .dijitTabStripMenuIcon - down arrow icon position + * .dijitTabStripSlideLeftIcon - left arrow icon position + * .dijitTabStripSlideRightIcon - right arrow icon position + * + * .tabStripButtonDisabled - styles for disabled tab strip buttons + * + * Tab Button: + * .dijitTabContainerTop-tabs .dijitTab - styles for top tab button container + * .dijitTabContainerBottom-tabs .dijitTab - styles for bottom tab button container + * .dijitTabContainerLeft-tabs .dijitTab - styles for left tab button container + * .dijitTabContainerRight-tabs .dijitTab - styles for right tab button container + * + * .dijitTabContainerTop-tabs .dijitTabChecked .dijitTab + * - styles for selected status of top tab button + * same to Bottom, Left, Right Tabs + * + * .dijitTabHover .dijitTab - styles when mouse hover on tab buttons + * .dijitTabActive .dijitTab - styles when mouse down on tab buttons + * .dijitTabChecked .dijitTab - styles when on buttons of selected tab + * + * .dijitTabCloseButton - the close action buttons lie at the right top of each tab button on closable tabs + * .dijitTabCloseButtonHover - styles when mouse hover on close action button + * .dijitTabCloseButtonActive - styles when mouse down on close action button + * + * Tab Button: (checked status) + * + * Tab Content Container: + * .dijitTabContainerTop-dijitContentPane + * .dijitTabContainerBottom-dijitContentPane + * .dijitTabContainerLeft-dijitContentPane + * .dijitTabContainerRight-dijitContentPane - for background and padding + * + * Nested Tabs: + * .dijitTabContainerNested - Container for nested tabs + * .dijitTabContainerTabListNested - tab list container for nested tabs + */ + /*** some common features ***/ + /*** end common ***/ + /*************** top tab ***************/ + /** end top tab **/ + /*************** bottom tab ***************/ + /* selected tab */ + /** end bottom tab **/ + /*************** left tab ***************/ + /* selected tab */ + /** end left tab **/ + /*************** right tab ***************/ + /** end right tab **/ + /** round corner **/ + /************ left/right scroll buttons + menu button ************/ + /*disabled styles for tab strip buttons*/ + /* Nested Tabs */ +} +.webida-light .webida-tool-bar-icon-normal { + background-position: 0 0; +} +.webida-light .webida-tool-bar-icon-hover { + background-position: -20px 0; +} +.webida-light .webida-tool-bar-icon-disabled { + background-position: -40px 0; +} +.webida-light .webida-tool-bar-icon-clicked { + background-position: -60px 0; +} +.webida-light .app-workbench-top-logo { + position: absolute; + left: 12px; + top: 0px; + width: 40px; + height: 30px; + background-image: url('../images/title_emblem.png'); + cursor: pointer; +} +.webida-light .app-workbench-top-logo:hover { + background-position: -40px; +} +.webida-light .app-workbench-top-logo:active { + background-position: -80px; +} +.webida-light .app-workbench-top-userinfo { + position: absolute; + right: 0; + margin: 2px 15px 0 0; +} +.webida-light .app-workbench-top-userinfo span { + color: #fff; +} +.webida-light .app-workbench-top-userinfo .userinfo-email { + color: #f3b353; + font-weight: bold; +} +.webida-light .app-workbench-top-userinfo .userinfo-email:hover { + text-decoration: underline; + cursor: pointer; +} +.webida-light .app-workbench-top-userinfo .userinfo-menu { + position: absolute; + background-color: #313437; + border-radius: 5px; + right: 10px; + top: 24px; + padding: 10px 10px; + opacity: 1; + z-index: 1000; + display: none; +} +.webida-light .app-workbench-top-userinfo .userinfo-menu button { + width: 144px; + height: 22px; + background-color: #685b5b; + color: #ebd6bd; + font-size: 10pt; + padding: 0; + border-radius: 3px; + border: 1px solid transparent; + display: block; +} +.webida-light .app-workbench-top-userinfo .userinfo-menu button:hover { + background-color: #f3b353; + color: #000; + cursor: pointer; +} +.webida-light .app-workbench-top-userinfo .userinfo-menu .separator { + margin-top: 7px; +} +.webida-light .app-workbench-menubar { + background-image: none; + background-color: #414850; +} +.webida-light .app-workbench-menubar-dijit { + background-image: none; + background-color: transparent; + position: absolute; + left: 54px; + width: 415px; +} +.webida-light .app-workbench-top-userinfo span { + color: #f3b353; +} +.webida-light .app-workbench-top-userinfo .dijitDropDownButton .dijitArrowButtonInner { + width: 8px; + height: 20px; + margin-left: 5px; + background-image: url("../images/icons/arrow.png"); + background-position: 0 0; +} +.webida-light .app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonHover .dijitArrowButtonInner { + background-position: -8px 0; +} +.webida-light .app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonDisabled .dijitArrowButtonInner { + background-position: -16px 0; +} +.webida-light .app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonActive .dijitArrowButtonInner { + background-position: -24px 0; +} +.webida-light .dijitMenuBar { + border: 0; + margin: 0; + padding: 0; + background: transparent; +} +.webida-light .dijitTabInnerDiv[aria-disabled='true'] ~ .dijitTabListWrapper { + left: 0px!important; +} +.webida-light #editor-tab .dijitBorderContainer-dijitContentPane { + background-color: #a0a7ae; + padding-top: 3px!important; + padding-left: 0px!important; +} +.webida-light #app-workbench-toolbar .dijitComboButton .dijitDownArrowButton .dijitArrowButtonInner { + width: 8px; + height: 20px; + background-image: url("../images/icons/arrow.png"); + background-position: 0 0; +} +.webida-light #app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position: -8px 0; +} +.webida-light #app-workbench-toolbar .dijitComboButtonDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position: -16px 0; +} +.webida-light #app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position: -24px 0; +} +.webida-light .app-workbench-menubar-dijit { + background-image: none; + background-color: transparent; + position: absolute; + left: 54px; + width: 415px; +} +.webida-light #app-workbench-toolbar .dijitButtonNode { + background-color: transparent; + background-image: none; + border-color: transparent; + border-radius: 3px; + /*border-color: transparent;*/ +} +.webida-light #app-workbench-toolbar .dijitComboButton .dijitButtonNode .dijitButtonContents { + padding-right: 0px; +} +.webida-light #app-workbench-toolbar .dijitButtonNode .dijitButtonText { + padding: 0 2px; +} +.webida-light #app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { + border-color: #4f5862; +} +.webida-light #app-workbench-toolbar .dijitComboButtonHover .dijitButtonNode, +.webida-light #app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { + border-color: #4f5862; + /*background-color: #ced3d7;*/ + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-width: 1px; +} +.webida-light #app-workbench-toolbar .dijitComboButtonHover .dijitDownArrowButton, +.webida-light #app-workbench-toolbar .dijitComboButtonActive .dijitDownArrowButton { + border-color: #4f5862; + /*background-color: #ced3d7;*/ + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-width: 1px; + border-left-width: 0; + padding-left: 2px; +} +.webida-light .app-workbench-toolbar img.webida-tool-bar-icon { + text-indent: -1000px; + overflow: hidden; + width: 20px; + height: 20px; +} +.webida-light .top-level-menu-separator { + width: 100%; + height: 9px; + background-image: -moz-linear-gradient(top, #414850 5px, #313437 100%); + background-image: -webkit-linear-gradient(top, #414850 5px, #313437 100%); + background-image: -o-linear-gradient(top, #414850 5px, #313437 100%); + background-image: linear-gradient(to bottom, #414850 5px, #313437 100%); + background-position-y: 0; + display: none; +} +.webida-light .separator-collapse-btn { + width: 40px; + height: 9px; + top: 0; + background-image: url('../images/top_collapse_bt.png'); + cursor: pointer; +} +.webida-light .separator-collapse-btn:hover { + background-position-y: -9px; +} +.webida-light .separator-collapse-btn:active { + background-position-y: -18px; +} +.webida-light .workbenchMenubarHide .top-level-menu-separator { + display: block; +} +.webida-light .viewContainerEventElem { + width: 100%; + height: 100%; + background-color: transparent; + z-index: 0; +} +.webida-light .titleFeedbackContainer { + background-color: #000000; + background-color: rgba(0, 0, 0, 0.2); + position: relative; + z-index: 100; +} +.webida-light .viewContainerTitleFeedback { + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.7); + position: absolute; + width: 5px; + height: 100%; + border-radius: 2px; +} +.webida-light .viewContaienrEventElem .contentFeedbackContainer { + background-color: #000000; + background-color: rgba(0, 0, 0, 0.5); +} +.webida-light .viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { + border-color: transparent; + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.7); +} +.webida-light .contentFeedbackContainer { + /*background-color: rgba(50, 50, 50, 0.7);*/ + position: absolute; +} +.webida-light .viewContainerFeedback { + border-color: transparent; + background-color: transparent; + border-style: solid; + position: absolute; + border-width: 0; +} +.webida-light .viewContainerFeedbackLeft { + border-left-color: #0080ff; + border-left-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackTop { + border-top-color: #0080ff; + border-top-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackRight { + border-right-color: #0080ff; + border-right-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackBottom { + border-bottom-color: #0080ff; + border-bottom-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackCenter { + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.3); + border-width: 0; +} +.webida-light .viewContainerFeedbackCenter.activate { + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackLeft.activate { + border-left-color: #0080ff; + border-left-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackTop.activate { + border-top-color: #0080ff; + border-top-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackRight.activate { + border-right-color: #0080ff; + border-right-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackBottom.activate { + border-bottom-color: #0080ff; + border-bottom-color: rgba(0, 128, 255, 0.7); +} +.webida-light .consoleViewContentContainer { + position: absolute; + top: 28px; + overflow: auto; + width: 100%; + height: -webkit-calc(72%); + height: -moz-calc(72%); + height: calc(72%); +} +.webida-light .consoleViewContentContainer .fileloc_link { + cursor: pointer; + color: #1C38AA; +} +.webida-light .consoleViewContentContainer .fileloc_link:hover { + color: #57C25B; +} +.webida-light .consoleViewContentContainer .fileloc_link_clicked { + color: #8629AA; +} +.webida-light .consoleViewContentContainer .console_message_item { + margin-top: 2px; + margin-bottom: 2px; +} +.webida-light .pre_whitespace { + white-space: pre; +} +.webida-light #app-workbench-border-container { + background-color: #d6dce2 !important; + border-radius: 0; +} +.webida-light #app-workbench-border-container .dijitBorderContainer-child.dijitAlignLeft { + padding-right: 4px!important; + padding-left: 3px!important; +} +.webida-light .workbenchMenubarHide .app-workbench-menubar { + display: none; +} +.webida-light .workbenchToolbarHide .app-workbench-toolbar { + display: none; +} +.webida-light .app-workbench-statusbar { + height: 20px; + background: #36393e; + color: #a2b2c7; +} +.webida-light .app-workbench-statusbar-content { + position: absolute; + left: 10px; + top: 1px; + height: 19px; + overflow: hidden; +} +.webida-light .app-workbench-progressbar { + width: 150px; + height: 8px; + border-radius: 10px; + background-image: -webkit-linear-gradient(top, #81878c 0%, #aab1b6 100%); + background-image: -moz-linear-gradient(top, #81878c 0%, #aab1b6 100%); + background-image: -o-linear-gradient(top, #81878c 0%, #aab1b6 100%); + background-image: linear-gradient(to bottom, #81878c 0%, #aab1b6 100%); + overflow: hidden; +} +.webida-light .statusbar-content-item { + float: left; + padding-top: 2px; +} +.webida-light .statusbar-content-separator { + float: left; + margin-left: 5px; + margin-right: 5px; + height: 19px; + width: 1px; + border-left: 1px rgba(0, 0, 0, 0.2) solid; + border-right: 1px rgba(255, 255, 255, 0.4) solid; +} +.webida-light ::-webkit-scrollbar { + width: 6px; + height: 6px; +} +.webida-light ::-webkit-scrollbar-button { + width: 0px; + height: 0px; +} +.webida-light ::-webkit-scrollbar-track { + right: 4px; + margin-right: 5px; + border: 2px solid transparent; + background: transparent; + /* + x-shadow: 0px 0px 3px #dfdfdf inset; + border-radius:10px; + */ +} +.webida-light ::-webkit-scrollbar-track-piece { + background: #000000; + background: rgba(0, 0, 0, 0); + /* + x-shadow: 0px 0px 3px #dfdfdf inset; + border-radius:10px; + */ +} +.webida-light ::-webkit-scrollbar-thumb { + background: #bcbbbf; + border-radius: 3px; +} +.webida-light ::-webkit-scrollbar-thumb:hover { + background: #bcbbbf; +} +.webida-light ::-webkit-scrollbar-corner { + background-color: transparent; +} +.webida-light .viewContainerEventElem { + width: 100%; + height: 100%; + background-color: transparent; + z-index: 0; +} +.webida-light .titleFeedbackContainer { + background-color: #000000; + background-color: rgba(0, 0, 0, 0.2); + position: relative; + z-index: 100; +} +.webida-light .viewContainerTitleFeedback { + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.7); + position: absolute; + width: 5px; + height: 100%; + border-radius: 2px; +} +.webida-light .viewContaienrEventElem .contentFeedbackContainer { + background-color: #000000; + background-color: rgba(0, 0, 0, 0.5); +} +.webida-light .viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { + border-color: transparent; + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.7); +} +.webida-light .contentFeedbackContainer { + /*background-color: rgba(50, 50, 50, 0.7);*/ + position: absolute; +} +.webida-light .viewContainerFeedback { + border-color: transparent; + background-color: transparent; + border-style: solid; + position: absolute; + border-width: 0; +} +.webida-light .viewContainerFeedbackLeft { + border-left-color: #0080ff; + border-left-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackTop { + border-top-color: #0080ff; + border-top-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackRight { + border-right-color: #0080ff; + border-right-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackBottom { + border-bottom-color: #0080ff; + border-bottom-color: rgba(0, 128, 255, 0.3); +} +.webida-light .viewContainerFeedbackCenter { + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.3); + border-width: 0; +} +.webida-light .viewContainerFeedbackCenter.activate { + background-color: #0080ff; + background-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackLeft.activate { + border-left-color: #0080ff; + border-left-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackTop.activate { + border-top-color: #0080ff; + border-top-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackRight.activate { + border-right-color: #0080ff; + border-right-color: rgba(0, 128, 255, 0.7); +} +.webida-light .viewContainerFeedbackBottom.activate { + border-bottom-color: #0080ff; + border-bottom-color: rgba(0, 128, 255, 0.7); +} +.webida-light .consoleViewContentContainer { + position: absolute; + top: 28px; + overflow: auto; + width: 100%; + height: -webkit-calc(72%); + height: -moz-calc(72%); + height: calc(72%); +} +.webida-light .consoleViewContentContainer .fileloc_link { + cursor: pointer; + color: #1C38AA; +} +.webida-light .consoleViewContentContainer .fileloc_link:hover { + color: #57C25B; +} +.webida-light .consoleViewContentContainer .fileloc_link_clicked { + color: #8629AA; +} +.webida-light .consoleViewContentContainer .console_message_item { + margin-top: 2px; + margin-bottom: 2px; +} +.webida-light .pre_whitespace { + white-space: pre; +} +.webida-light .dijitMenuItemAccelKey { + color: gray; +} +.webida-light .webidaMenuItemAccelKeyHover { + vertical-align: 2px; + text-decoration: underline; + color: blue !important; +} +.webida-light .dijitButtonContents:focus .dijitButtonText { + text-decoration: underline; +} +.webida-light #plugin-settings-dialog-main { + width: 364px; + height: 300px; + overflow: auto; + padding: 10px; +} +.webida-light .app-loading-elem { + opacity: 1; + -webkit-transition: opacity 1s; + transition: opacity 1s; + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + display: flex; + box-sizing: border-box; + background: radial-gradient(#d0deec, #8ba4be); + z-index: 1; +} +.webida-light .app-loading-elem.hide { + opacity: 0; +} +.webida-light .app-loading-emblem { + position: absolute; + margin: auto; + width: 72px; + height: 96px; + background: url("../images/loading_img.png") no-repeat; + z-index: 1; +} +.webida-light .app-loading-spinner { + position: relative; + margin: auto; + box-sizing: border-box; + background-clip: padding-box; + width: 100px; + height: 100px; + border-radius: 50px; + border: 4px solid rgba(0, 0, 0, 0.15); + -webkit-transform: perspective(100px) rotateX(66deg); + -webkit-transform-origin: 50% 60%; + transform: perspective(100px) rotateX(66deg); + transform-origin: 50% 60%; +} +.webida-light .app-loading-spinner:after { + content: ""; + position: absolute; + margin: -4px; + box-sizing: inherit; + width: inherit; + height: inherit; + border-radius: inherit; + opacity: .05; + border: inherit; + border-color: transparent; + -webkit-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; + -moz-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; + animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; +} +.webida-light .app-loading-spinner:after { + border-top-color: #414850; +} +@-webkit-keyframes spinner-spin { + 100% { + -webkit-transform: rotate(360deg); + } +} +@-moz-keyframes spinner-spin { + 100% { + -moz-transform: rotate(360deg); + } +} +@keyframes spinner-spin { + 100% { + transform: rotate(360deg); + } +} +@-webkit-keyframes spinner-fade { + 20% { + opacity: .1; + } + 40% { + opacity: 1; + } + 60% { + opacity: .1; + } +} +@-moz-keyframes spinner-fade { + 20% { + opacity: .1; + } + 40% { + opacity: 1; + } + 60% { + opacity: .1; + } +} +@keyframes spinner-fade { + 20% { + opacity: .1; + } + 40% { + opacity: 1; + } + 60% { + opacity: .1; + } +} +.webida-light .dijitTextBox, +.webida-light .dijitInputInner { + color: #000000; +} +.webida-light .dijitValidationTextBoxError .dijitValidationContainer { + background-color: #d46464; + background-image: url("../form/images/error.png"); + background-position: top center; + border: solid #d46464 0; + width: 9px; +} +.webida-light .dijitTextBoxError .dijitValidationContainer { + border-left-width: 1px; +} +.webida-light .dijitValidationTextBoxError .dijitValidationIcon { + width: 0; + background-color: transparent; + /* so the INPUT doesn't obscure the border in rtl+a11y */ +} +.webida-light .dijitTextArea, +.webida-light .dijitInputField .dijitPlaceHolder { + padding: 2px; +} +.webida-light .dijitSelect .dijitInputField, +.webida-light .dijitTextBox .dijitInputField { + padding: 1px 2px; +} +.webida-light .dj_gecko .dijitTextBox .dijitInputInner, +.webida-light .dj_webkit .dijitTextBox .dijitInputInner { + padding: 1px; +} +.webida-light .dijitSelect, +.webida-light .dijitSelect .dijitButtonContents, +.webida-light .dijitTextBox, +.webida-light .dijitTextBox .dijitButtonNode { + /* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */ + border-color: #6d7886; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; + border-radius: 0px; +} +.webida-light .dijitSelect .dijitButtonContents { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.webida-light .dijitSelect, +.webida-light .dijitTextBox { + background-color: #e6e9ed; +} +.webida-light .dijitSelectHover, +.webida-light .dijitSelectHover .dijitButtonContents, +.webida-light .dijitTextBoxHover, +.webida-light .dijitTextBoxHover .dijitButtonNode { + border-color: #759dc0; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.webida-light .dijitTextBoxHover { + background-color: #e5f2fe; + background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); +} +.webida-light .dijitSelectError, +.webida-light .dijitSelectError .dijitButtonContents, +.webida-light .dijitTextBoxError, +.webida-light .dijitTextBoxError .dijitButtonNode { + border-color: #d46464; +} +.webida-light .dijitSelectFocused, +.webida-light .dijitSelectFocused .dijitButtonContents, +.webida-light .dijitTextBoxFocused, +.webida-light .dijitTextBoxFocused .dijitButtonNode { + border-color: #759dc0; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.webida-light .dijitTextBoxFocused { + background-color: #ffffff; + background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); +} +.webida-light .dijitTextBoxFocused .dijitInputContainer { + background: #ffffff; +} +.webida-light .dijitSelectErrorFocused, +.webida-light .dijitSelectErrorFocused .dijitButtonContents, +.webida-light .dijitTextBoxErrorFocused, +.webida-light .dijitTextBoxErrorFocused .dijitButtonNode { + border-color: #ce5050; +} +.webida-light .dijitSelectDisabled, +.webida-light .dijitSelectDisabled .dijitButtonContents, +.webida-light .dijitTextBoxDisabled, +.webida-light .dijitTextBoxDisabled .dijitButtonNode { + border-color: #d3d3d3; +} +.webida-light .dijitSelectDisabled, +.webida-light .dijitTextBoxDisabled, +.webida-light .dijitTextBoxDisabled .dijitInputContainer { + background-color: #efefef; + background-image: none; +} +.webida-light .dijitSelectDisabled, +.webida-light .dijitTextBoxDisabled, +.webida-light .dijitTextBoxDisabled .dijitInputInner { + color: #818181; +} +.webida-light .dj_webkit .dijitDisabled input { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + color: #757575; +} +.webida-light .dj_webkit textarea.dijitTextAreaDisabled { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + color: #1b1b1b; +} +.webida-light .dijitSelect .dijitArrowButtonInner, +.webida-light .dijitComboBox .dijitArrowButtonInner { + background-image: url("../images/icons/arrow.png"); + background-position: 0 0; + background-repeat: no-repeat; + margin: 0; + width: 8px; + border-radius: 0; + border-color: #6d7886; +} +.webida-light .dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} +.webida-light .dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} +.webida-light .dijitSelectLabel, +.webida-light .dijitTextBox .dijitInputInner, +.webida-light .dijitValidationTextBox .dijitValidationContainer { + padding: 1px 0; +} +.webida-light .dijitComboBox .dijitButtonNode { + padding: 0 3px; + background-color: #6d7886; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.webida-light .dijitComboBoxOpenOnClickHover .dijitButtonNode, +.webida-light .dijitComboBox .dijitDownArrowButtonHover, +.webida-light .dijitComboBoxFocused .dijitArrowButton { + background-color: #abd6ff; + padding: 1px 4px; +} +.webida-light .dijitComboBoxFocused .dijitArrowButton input { + background-position: -24px 0; + border: 0; +} +.webida-light .dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, +.webida-light .dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position: -24px 0; + border: 0; +} +.webida-light .dijitComboBox .dijitHasDropDownOpen { + background-color: #7dbdfa; + background-image: url("../images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; + padding: 1px; +} +.webida-light .dj_iequirks .dijitComboBox .dijitHasDropDownOpen { + padding: 1px 0; +} +.webida-light .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + background-position: -70px 53%; + border: 0 none; +} +.webida-light div.dijitComboBoxDisabled .dijitArrowButtonInner { + /* specific selector set to override background-position setting from Button.js + * (.dijitComboBoxDisabled .dijitArrowButtonInner) */ + background-position: 0 50%; + background-color: transparent; +} +.webida-light .dj_ff3 .webida .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} +.webida-light .dj_borderbox .webida .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + width: 18px; +} +.webida-light .dj_borderbox .webida .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { + width: 16px; +} +.webida-light .dijitButtonNode { + /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */ + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.webida-light .dijitButton .dijitButtonNode, +.webida-light .dijitDropDownButton .dijitButtonNode, +.webida-light .dijitComboButton .dijitButtonNode, +.webida-light .dijitToggleButton .dijitButtonNode { + border: 0; + color: #272a2d; + padding: 2px 4px 4px 4px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + background-color: #93a7c3; + /*background-image: -webkit-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); + background-image: -moz-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); + background-image: -o-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); + background-image: linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%);*/ +} +.webida-light .dijitComboButton .dijitArrowButton { + border-left-width: 0; + padding: 2px 4px 4px 4px; + /* TODO: still needed? */ +} +.webida-light .dijitArrowButtonInner { + width: 15px; + height: 15px; + margin: 0 auto; + background-image: url("../form/images/buttonArrows.png"); + background-repeat: no-repeat; + background-position: -51px 53%; +} +.webida-light .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -77px 53%; +} +.webida-light .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -26px 53%; +} +.webida-light .dijitUpArrowButton .dijitArrowButtonInner { + background-position: 0 53%; +} +.webida-light .dijitDisabled .dijitArrowButtonInner { + background-position: -151px 53%; +} +.webida-light .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -177px 53%; +} +.webida-light .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -126px 53%; +} +.webida-light .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -100px 53%; +} +.webida-light .dijitButtonText { + padding: 0 0.3em; + text-align: center; +} +.webida-light .dijitButtonHover .dijitButtonNode, +.webida-light .dijitDropDownButtonHover .dijitButtonNode, +.webida-light .dijitComboButton .dijitButtonNodeHover, +.webida-light .dijitComboButton .dijitDownArrowButtonHover, +.webida-light .dijitToggleButtonHover .dijitButtonNode { + /*background-image: -webkit-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); + background-image: -moz-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); + background-image: -o-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); + background-image: linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%);*/ + background-color: #a2b7d4; + color: #272a2d; +} +.webida-light .dijitButtonActive .dijitButtonNode, +.webida-light .dijitDropDownButtonActive .dijitButtonNode, +.webida-light .dijitComboButtonActive .dijitButtonNode, +.webida-light .dijitToggleButtonActive .dijitButtonNode, +.webida-light .dijitToggleButtonChecked .dijitButtonNode { + background-color: #424c5b; + color: #191b1c; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.webida-light .dijitButtonDisabled, +.webida-light .dijitDropDownButtonDisabled, +.webida-light .dijitComboButtonDisabled, +.webida-light .dijitToggleButtonDisabled { + outline: none; + opacity: 0.4; +} +.webida-light .dijitButtonDisabled .dijitButtonNode, +.webida-light .dijitDropDownButtonDisabled .dijitButtonNode, +.webida-light .dijitComboButtonDisabled .dijitButtonNode, +.webida-light .dijitToggleButtonDisabled .dijitButtonNode { + background-color: #efefef; + border: solid 1px #d3d3d3; + color: #818181; + -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 rgba(0, 0, 0, 0); + background-image: url("../form/images/buttonDisabled.png"); + background-image: -moz-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); + background-image: -webkit-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); + background-image: -o-linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); + background-image: linear-gradient(#ffffff 0%, rgba(255, 255, 255, 0) 40%); + _background-image: none; +} +.webida-light .dijitComboButtonDisabled .dijitArrowButton { + border-left-width: 0; +} +.webida-light table.dijitComboButton { + border-collapse: separate; + /* override dijit.css so that ComboBox rounded corners work */ +} +.webida-light .dijitComboButton .dijitStretch { + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; +} +.webida-light .dijitComboButton .dijitArrowButton { + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; +} +.webida-light .dj_ie6 .dijitToggleButton .dijitCheckBoxIcon { + background-image: url("../images/checkmarkNoBorder.gif"); +} +.webida-light .dijitToggleButton .dijitCheckBoxIcon { + background-image: url("../images/checkmarkNoBorder.png"); +} +.webida-light .dijitCheckBox, +.webida-light .dijitCheckBoxIcon { + background-image: url("../form/images/checkboxRadioButtonStates.png"); + /* checkbox sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + margin: 0 2px 0 0; + padding: 0; +} +.webida-light .dj_ie6 .dijitCheckBox, +.webida-light .dj_ie6 .dijitCheckBoxIcon { + background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); + /* checkbox sprite image */ +} +.webida-light .dijitCheckBox, +.webida-light .dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -18px; +} +.webida-light .dijitCheckBoxChecked, +.webida-light .dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: 0; +} +.webida-light .dijitCheckBoxDisabled { + /* disabled */ + background-position: -90px; +} +.webida-light .dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -72px; +} +.webida-light .dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + background-position: -54px; +} +.webida-light .dijitCheckBoxCheckedHover { + /* hovering over an checked enabled checkbox */ + background-position: -36px; +} +.webida-light .dj_ie6 .dijitToggleButton .dijitRadio, +.webida-light .dj_ie6 .dijitToggleButton .dijitRadioIcon { + background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); +} +.webida-light .dijitToggleButton .dijitRadio, +.webida-light .dijitToggleButton .dijitRadioIcon { + background-image: url("../form/images/checkboxRadioButtonStates.png"); +} +.webida-light .dijitRadio, +.webida-light .dijitRadioIcon { + /* inside a toggle button */ + background-image: url("../form/images/checkboxRadioButtonStates.png"); + /* checkbox sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + margin: 0 2px 0 0; + padding: 0; +} +.webida-light .dj_ie6 .dijitRadio, +.webida-light .dj_ie6 .dijitRadioIcon { + /* inside a toggle button */ + background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); + /* checkbox sprite image */ +} +.webida-light .dijitRadio { + /* unselected */ + background-position: -126px; +} +.webida-light .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -107px; +} +.webida-light .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -198px; +} +.webida-light .dijitRadioHover { + /* hovering over an unselected enabled radio button */ + background-position: -162px; +} +.webida-light .dijitRadioChecked { + background-position: -108px; +} +.webida-light .dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} +.webida-light .dijitRadioCheckedHover { + background-position: -144px; +} +.webida-light .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -180px; +} +.webida-light .dijitSelect .dijitArrowButtonContainer { + border: 0; +} +.webida-light .dijitSelect .dijitArrowButton { + padding: 0 4px; + background-color: #6d7886; +} +.webida-light .dijitSelect .dijitArrowButton .dijitArrowButtonInner { + height: 16px !important; + outline: none; + border: none; +} +.webida-light .dijitSelectHover { + background-color: #e5f2fe; + background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-repeat: repeat-x; +} +.webida-light .dijitSelectHover .dijitArrowButton { + background-color: #abd6ff; + border: none; +} +.webida-light .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position: -8px 0; +} +.webida-light .dijitSelectFocused .dijitArrowButton { + background-color: #7dbefa; +} +.webida-light .dijitSelectFocused .dijitArrowButton { + border: none; +} +.webida-light .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position: -24px 0; + outline: none; + border: none; +} +.webida-light .dijitSelectDisabled { + border-color: #d3d3d3; + background-color: #efefef; + background-image: none; + color: #818181; +} +.webida-light .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position: 0 53%; +} +.webida-light .dijitSelectMenu td.dijitMenuItemIconCell, +.webida-light .dijitSelectMenu td.dijitMenuArrowCell { + /* so that arrow and icon cells from MenuItem are not displayed */ + display: none; +} +.webida-light .dijitSelectMenu td.dijitMenuItemLabel { + /* line up menu text with text in select box (in LTR and RTL modes) */ + padding: 2px; +} +.webida-light .dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom: 1px solid #759dc0; +} +.webida-light .dijitSliderBar { + outline: 1px; + height: 3px; + border: 0; + background-image: linear-gradient(to bottom, #576577 0%, #9dadc1 100%); +} +.webida-light .dijitSliderFocused .dijitSliderBar { + border-color: #759dc0; +} +.webida-light .dijitSliderHover .dijitSliderBar { + border-color: #759dc0; +} +.webida-light .dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: #d3d3d3; +} +.webida-light .dijitRuleLabelsContainer { + color: #000000; +} +.webida-light .dijitRuleLabelsContainerH { + padding: 2px 0; +} +.webida-light .dijitSlider .dijitSliderProgressBarH, +.webida-light .dijitSlider .dijitSliderLeftBumper { + background-image: linear-gradient(to bottom, #576577 0%, #9dadc1 100%); +} +.webida-light .dijitSlider .dijitSliderRemainingBarH, +.webida-light .dijitSlider .dijitSliderRightBumper { + border-color: #b5bcc7; + background-color: #ffffff; +} +.webida-light .dijitSliderRightBumper { + border-right: solid 1px #b5bcc7; +} +.webida-light .dijitSliderLeftBumper { + border-left: solid 1px #b5bcc7; +} +.webida-light .dijitSliderHover .dijitSliderProgressBarH, +.webida-light .dijitSliderHover .dijitSliderLeftBumper { + background-color: #abd6ff; + border-color: #759dc0; +} +.webida-light .dijitSliderHover .dijitSliderRemainingBarH, +.webida-light .dijitSliderHover .dijitSliderRightBumper { + background-color: #ffffff; + border-color: #759dc0; +} +.webida-light .dijitSliderFocused .dijitSliderProgressBarH, +.webida-light .dijitSliderFocused .dijitSliderLeftBumper { + background-color: #abd6ff; + border-color: #759dc0; + -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); +} +.webida-light .dijitSliderFocused .dijitSliderRemainingBarH, +.webida-light .dijitSliderFocused .dijitSliderRightBumper { + background-color: #ffffff; + border-color: #759dc0; + -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); +} +.webida-light .dijitSliderDisabled .dijitSliderProgressBarH, +.webida-light .dijitSliderDisabled .dijitSliderLeftBumper { + background-color: #d3d3d3; + /* left side of slider, fill matches border */ + background-image: none; +} +.webida-light .dijitSliderDisabled .dijitSliderRemainingBarH, +.webida-light .dijitSliderDisabled .dijitSliderRightBumper { + background-color: #efefef; +} +.webida-light .dijitRuleLabelsContainerV { + padding: 0 2px; +} +.webida-light .dijitSlider .dijitSliderProgressBarV, +.webida-light .dijitSlider .dijitSliderBottomBumper { + border-color: #b5bcc7; + background-color: #cfe5fa; + background-image: -moz-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); + background-image: -webkit-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); + background-image: -o-linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); + background-image: linear-gradient(left, #ffffff 0px, rgba(255, 255, 255, 0) 1px); +} +.webida-light .dijitSlider .dijitSliderRemainingBarV, +.webida-light .dijitSlider .dijitSliderTopBumper { + border-color: #b5bcc7; + background-color: #ffffff; +} +.webida-light .dijitSliderBottomBumper { + border-bottom: solid 1px #b5bcc7; +} +.webida-light .dijitSliderTopBumper { + border-top: solid 1px #b5bcc7; +} +.webida-light .dijitSliderHover .dijitSliderProgressBarV, +.webida-light .dijitSliderHover .dijitSliderBottomBumper { + background-color: #abd6ff; + border-color: #759dc0; +} +.webida-light .dijitSliderHover .dijitSliderRemainingBarV, +.webida-light .dijitSliderHover .dijitSliderTopBumper { + background-color: #ffffff; + border-color: #759dc0; +} +.webida-light .dijitSliderFocused .dijitSliderProgressBarV, +.webida-light .dijitSliderFocused .dijitSliderBottomBumper { + background-color: #abd6ff; + border-color: #759dc0; + -webkit-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); +} +.webida-light .dijitSliderFocused .dijitSliderRemainingBarV, +.webida-light .dijitSliderFocused .dijitSliderTopBumper { + background-color: #ffffff; + border-color: #759dc0; + -webkit-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); + box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.2); +} +.webida-light .dijitSliderDisabled .dijitSliderProgressBarV, +.webida-light .dijitSliderDisabled .dijitSliderBottomBumper { + background-color: #d3d3d3; + /* bottom side of slider, fill matches border */ +} +.webida-light .dijitSliderDisabled .dijitSliderRemainingBarV, +.webida-light .dijitSliderDisabled .dijitSliderTopBumper { + background-color: #efefef; +} +.webida-light .dijitSliderImageHandleH { + border: 0; + width: 18px; + height: 19px; + background-image: url("../form/images/sliderThumbs.png"); + background-repeat: no-repeat; + background-position: -36px 0; + top: -7px; +} +.webida-light .dijitSliderHover .dijitSliderImageHandleH { + background-position: -18px 0; +} +.webida-light .dijitSliderFocused .dijitSliderImageHandleH { + background-position: -36px 0; +} +.webida-light .dijitSliderProgressBarH .dijitSliderThumbHover { + background-position: -36px 0; +} +.webida-light .dijitSliderProgressBarH .dijitSliderThumbActive { + background-position: -36px 0; +} +.webida-light .dijitSliderReadOnly .dijitSliderImageHandleH, +.webida-light .dijitSliderDisabled .dijitSliderImageHandleH { + background-position: -54px 0; +} +.webida-light .dijitSliderImageHandleV { + border: 0; + width: 18px; + height: 16px; + background-image: url("../form/images/sliderThumbs.png"); + background-repeat: no-repeat; + background-position: -289px 0; +} +.webida-light .dijitSliderHover .dijitSliderImageHandleV { + background-position: -307px 0; +} +.webida-light .dijitSliderFocused .dijitSliderImageHandleV { + background-position: -325px 0; +} +.webida-light .dijitSliderProgressBarV .dijitSliderThumbHover { + background-position: -325px 0; +} +.webida-light .dijitSliderProgressBarV .dijitSliderThumbActive { + background-position: -325px 0; +} +.webida-light .dijitSliderReadOnly .dijitSliderImageHandleV, +.webida-light .dijitSliderDisabled .dijitSliderImageHandleV { + background-position: -343px 0; +} +.webida-light .dijitSliderButtonContainerH { + padding: 1px 3px 1px 2px; +} +.webida-light .dijitSliderButtonContainerV { + padding: 3px 1px 2px 1px; +} +.webida-light .dijitSliderDecrementIconH, +.webida-light .dijitSliderIncrementIconH, +.webida-light .dijitSliderDecrementIconV, +.webida-light .dijitSliderIncrementIconV { + background-image: url("../form/images/commonFormArrows.png"); + background-repeat: no-repeat; + background-color: #efefef; + -moz-border-radius: 2px; + border-radius: 2px; + border: solid 1px #b5bcc7; + font-size: 1px; +} +.webida-light .dijitSliderDecrementIconH, +.webida-light .dijitSliderIncrementIconH { + height: 12px; + width: 9px; +} +.webida-light .dijitSliderDecrementIconV, +.webida-light .dijitSliderIncrementIconV { + height: 9px; + width: 12px; +} +.webida-light .dijitSliderActive .dijitSliderDecrementIconH, +.webida-light .dijitSliderActive .dijitSliderIncrementIconH, +.webida-light .dijitSliderActive .dijitSliderDecrementIconV, +.webida-light .dijitSliderActive .dijitSliderIncrementIconV, +.webida-light .dijitSliderHover .dijitSliderDecrementIconH, +.webida-light .dijitSliderHover .dijitSliderIncrementIconH, +.webida-light .dijitSliderHover .dijitSliderDecrementIconV, +.webida-light .dijitSliderHover .dijitSliderIncrementIconV { + /* dijitSliderActive should be treated as dijitSliderHover since "clicking the slider" has no meaning */ + border: solid 1px #759dc0; + background-color: #ffffff; +} +.webida-light .dijitSliderDecrementIconH { + background-position: -357px 50%; +} +.webida-light .dijitSliderActive .dijitSliderDecrementIconH .dijitSliderHover .dijitSliderDecrementIconH { + background-position: -393px 50%; +} +.webida-light .dijitSliderIncrementIconH { + background-position: -251px 50%; +} +.webida-light .dijitSliderActive .dijitSliderIncrementIconH .dijitSliderHover .dijitSliderIncrementIconH { + background-position: -283px 50%; +} +.webida-light .dijitSliderDecrementIconV { + background-position: -38px 50%; +} +.webida-light .dijitSliderActive .dijitSliderDecrementIconV .dijitSliderHover .dijitSliderDecrementIconV { + background-position: -73px 50%; +} +.webida-light .dijitSliderIncrementIconV { + background-position: -143px 49%; +} +.webida-light .dijitSliderActive .dijitSliderIncrementIconV .dijitSliderHover .dijitSliderIncrementIconV { + background-position: -178px 49%; +} +.webida-light .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, +.webida-light .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, +.webida-light .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, +.webida-light .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { + background-color: #cfe5fa; +} +.webida-light .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.webida-light .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.webida-light .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.webida-light .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: #abd6ff; + border-color: #759dc0; +} +.webida-light .dijitSliderButtonInner { + visibility: hidden; +} +.webida-light .dijitSliderDisabled .dijitSliderBar { + border-color: #d3d3d3; +} +.webida-light .dijitSliderReadOnly *, +.webida-light .dijitSliderDisabled * { + border-color: #d3d3d3; + color: #818181; +} +.webida-light .dijitSliderReadOnly .dijitSliderDecrementIconH, +.webida-light .dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: -321px 50%; + background-color: #efefef; +} +.webida-light .dijitSliderReadOnly .dijitSliderIncrementIconH, +.webida-light .dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -215px 50%; + background-color: #efefef; +} +.webida-light .dijitSliderReadOnly .dijitSliderDecrementIconV, +.webida-light .dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -3px 49%; + background-color: #efefef; +} +.webida-light .dijitSliderReadOnly .dijitSliderIncrementIconV, +.webida-light .dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -107px 49%; + background-color: #efefef; +} +.webida-light .dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.webida-light .dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; + /* reserve space to match thecombobox button border with border and not padding to make IE happier */ + border-style: solid none; +} +.webida-light .dijitSpinner .dijitArrowButton { + width: auto; + background-color: #efefef; + background-image: url("../images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + overflow: hidden; +} +.webida-light .dj_iequirks .dijitSpinner .dijitArrowButton { + overflow: visible; + /* 0 height w/o this */ +} +.webida-light .dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +.webida-light .dijitSpinner .dijitArrowButtonInner { + border: solid 1px #ffffff; + border-bottom-width: 0; + /* 2 top borders = 1 top+bottom border in ComboBox */ + background-image: url("../form/images/commonFormArrows.png"); + background-repeat: no-repeat; + height: 100%; + width: 15px; + padding-left: 1px; + padding-right: 1px; + /* for up arrow */ + background-position: -139px center; + /* override button.css (TODO: move to Common.css since ComboBox needs this too) */ + display: block; + margin: -1px 0 -1px 0; + /* compensate for inner border */ +} +.webida-light .dj_iequirks .dijitSpinner .dijitArrowButtonInner, +.webida-light .dj_ie6 .dijitSpinner .dijitArrowButtonInner, +.webida-light .dj_ie7 .dijitSpinner .dijitArrowButtonInner, +.webida-light .dj_ie8 .dijitSpinner .dijitArrowButtonInner { + margin-top: 0; + /* since its bottom aligned */ +} +.webida-light .dj_iequirks .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.webida-light .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position: -34px; +} +.webida-light .dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} +.webida-light .dijitUpArrowButtonActive, +.webida-light .dijitDownArrowButtonActive { + background-color: #abd6ff; +} +.webida-light .dijitSpinner .dijitUpArrowButtonHover, +.webida-light .dijitSpinner .dijitDownArrowButtonHover, +.webida-light .dijitSpinnerFocused .dijitArrowButton { + background-color: #abd6ff; +} +.webida-light .dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position: -174px; +} +.webida-light .dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position: -69px; +} +.webida-light .dijitSpinnerFocused { + background-color: #ffffff; + background-image: none; +} +.webida-light .dijitSpinner .dijitDownArrowButtonActive, +.webida-light .dijitSpinner .dijitUpArrowButtonActive { + background-color: #7dbefa; + background-image: url("../images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, +.webida-light .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + /* hide inner border while button is depressed */ + border: 0; + padding: 1px; + margin-right: 2px; + margin-bottom: 1px; +} +.webida-light .dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position: -173px; +} +.webida-light .dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position: -68px; +} +.webida-light .dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: #efefef; +} +.webida-light .dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -104px; +} +.webida-light .dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position: 1px; +} +.webida-light .dj_ie7 .dijitSpinner { + overflow: visible; +} +.webida-light .dijitPopup { + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); +} +.webida-light .dijitTooltipDialogPopup { + /* exception popups: do not use a shadow on these because they aren't rectangular */ + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.webida-light .dijitComboBoxHighlightMatch { + background-color: #abd6ff; +} +.webida-light .dijitFocusedLabel { + /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */ + outline: 1px dotted #494949; +} +.webida-light .dojoDndItem { + border-color: rgba(0, 0, 0, 0); + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-property: background-color, border-color; + -moz-transition-property: background-color, border-color; + transition-property: background-color, border-color; +} +.webida-light .dojoDndItemOver { + background-color: #abd6ff; + background-image: url("images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + padding: 1px; + border: solid 1px #759dc0; + color: #000000; +} +.webida-light .dojoDndItemAnchor, +.webida-light .dojoDndItemSelected { + background-color: #cfe5fa; + background-image: url("images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + padding: 1px; + border: solid 1px #759dc0; + color: #000000; +} +.webida-light .dojoDndItemBefore, +.webida-light .dojoDndItemAfter { + border-color: #759dc0; +} +.webida-light table.dojoDndAvatar { + border: 1px solid #b5bcc7; + border-collapse: collapse; + background-color: #ffffff; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); +} +.webida-light .dojoDndAvatarHeader td { + height: 20px; + padding-left: 21px; +} +.webida-light .dojoDndMove .dojoDndAvatarHeader, +.webida-light .wsdk.dojoDndCopy .dojoDndAvatarHeader { + background-image: url("../images/dnd.png"); + background-repeat: no-repeat; + background-position: 2px -122px; +} +.webida-light .dojoDndAvatarItem td { + padding: 5px; +} +.webida-light .dojoDndMove .dojoDndAvatarHeader { + background-color: #f58383; + background-position: 2px -103px; +} +.webida-light .dojoDndCopy .dojoDndAvatarHeader { + background-color: #f58383; + background-position: 2px -68px; +} +.webida-light .dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: #97e68d; + background-position: 2px -33px; +} +.webida-light .dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader { + background-color: #97e68d; + background-position: 2px 2px; +} +.webida-light .dijitDialog { + background-color: #EDF2F9; + border-radius: 5px; + border: 1px solid #31353b; + -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); +} +.webida-light .dijitDialog .dijitTreeRow { + color: #000000; +} +.webida-light .dijitDialogPaneContent { + border: 0; + background-color: transparent; + padding: 10px 8px; + position: relative; +} +.webida-light .dijitDialogPaneContentArea { + margin: 0; + padding: 0; +} +.webida-light .dijitDialogPaneActionBar { + /* gray bar at bottom of dialog with OK/Cancel buttons */ + background-color: transparent; + padding: 3px 5px 8px 7px; + text-align: right; + margin: 10px -8px -10px; +} +.webida-light .dijitTooltipDialog .dijitDialogPaneActionBar { + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + margin: 10px -10px -8px; +} +.webida-light .dijitDialogPaneActionBar .dijitButton { + float: none; +} +.webida-light .dijitDialogTitleBar { + border-radius: 4px; + margin: 1px; + /*background-image: -webkit-linear-gradient(top, #5e6872 0%, #414850 100%); + background-image: -moz-linear-gradient(top, #5e6872 0%, #414850 100%); + background-image: -o-linear-gradient(top, #5e6872 0%, #414850 100%); + background-image: linear-gradient(to bottom, #5e6872 0%, #414850 100%);*/ + background-color: #576477; + border: 0; + padding: 7px; + border-top: none; +} +.webida-light .dijitDialogTitle { + /* typography and styling of the dialog title */ + padding: 0 1px; + font-size: 1.091em; + color: #fff; +} +.webida-light .dijitDialogCloseIcon { + /* the default close icon for the dialog */ + background: url("../images/dialogCloseIcon.png"); + background-repeat: no-repeat; + position: absolute; + width: 20px; + height: 20px; + top: 6px; + right: 6px; +} +.webida-light .dj_ie6 .dijitDialogCloseIcon { + background-image: url("../images/dialogCloseIcon8bit.png"); +} +.webida-light .dijitDialogCloseIconHover { + background-position: -20px; +} +.webida-light .dijitDialogCloseIconActive { + background-position: -40px; +} +.webida-light .dijitTooltip, +.webida-light .dijitTooltipDialog { + /* the outermost dom node, holding the connector and container */ + background: transparent; + /* make the area on the sides of the arrow transparent */ +} +.webida-light .dijitTooltipBelow { + /* leave room for arrow above content */ + padding-top: 13px; + padding-left: 3px; + padding-right: 3px; +} +.webida-light .dijitTooltipAbove { + /* leave room for arrow below content */ + padding-bottom: 13px; + padding-left: 3px; + padding-right: 3px; +} +.webida-light .dijitTooltipContainer { + /* the part with the text */ + background-color: #ffffff; + background-image: -moz-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); + background-image: -webkit-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); + background-image: -o-linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); + background-image: linear-gradient(bottom, rgba(207, 229, 250, 0.1) 0px, #ffffff 10px); + background-position: bottom; + border: 1px solid #759dc0; + padding: 6px 8px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); + font-size: 1em; + color: #000000; +} +.webida-light .dijitTooltipConnector { + /* the arrow piece */ + border: 0; + z-index: 2; + background-image: url("../images/tooltip.png"); + background-repeat: no-repeat; + width: 16px; + height: 14px; +} +.webida-light .dj_ie6 .dijitTooltipConnector { + background-image: url("../images/tooltip8bit.png"); +} +.webida-light .dijitTooltipBelow .dijitTooltipConnector { + /* the arrow piece for tooltips below an element */ + top: 0; + left: 3px; + background-position: -31px 0; + width: 16px; + height: 14px; +} +.webida-light .dijitTooltipAbove .dijitTooltipConnector { + /* the arrow piece for tooltips above an element */ + bottom: 0; + left: 3px; + background-position: -15px 0; + width: 16px; + height: 14px; +} +.webida-light .dj_ie7 .dijitTooltipAbove .dijitTooltipConnector, +.webida-light .dj_ie6 .dijitTooltipAbove .dijitTooltipConnector { + bottom: -1px; +} +.webida-light .dijitTooltipABRight .dijitTooltipConnector { + /* above or below tooltip, but the arrow appears on the right, + and the right edges of target and tooltip are aligned rather than the left. + Override above rules for .dijitTooltipBelow, .dijitTooltipAbove */ + left: auto; + right: 3px; +} +.webida-light .dijitTooltipLeft { + padding-right: 14px; +} +.webida-light .dijitTooltipLeft .dijitTooltipConnector { + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + right: 0; + background-position: 0 0; + width: 16px; + height: 14px; +} +.webida-light .dijitTooltipRight { + padding-left: 14px; +} +.webida-light .dijitTooltipRight .dijitTooltipConnector { + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + left: 0; + background-position: -48px 0; + width: 16px; + height: 14px; +} +.webida-light .dijitDialogUnderlay { + background: #ffffff; +} +.webida-light .popup-dialog .dijitDialogPaneContentArea, +.webida-light .buttoned-dialog-text-only .dijitDialogPaneContentArea { + background-color: transparent; + padding: 10px 10px 30px 10px; + overflow-wrap: break-word; +} +.webida-light .dijitCalendar { + border: solid 1px #b5bcc7; + border-collapse: separate; + -moz-border-radius: 4px; + border-radius: 4px; + background-color: #cfe5fa; + background-image: url("../images/calendar.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0.4) 2px, rgba(255, 255, 255, 0) 100%); + text-align: center; + padding: 6px 5px 3px 5px; +} +.webida-light .dijitCalendar img { + border: none; +} +.webida-light .dijitCalendarHover, +.webida-light .dijitCalendar:hover, +.webida-light .dijitCalendarActive { + /* treat dijitCalendarActive like hover since there's + * no concept of clicking a Calendar as a whole (although you can click things inside the calendar) + */ + background-color: #abd6ff; + border: solid 1px #759dc0; +} +.webida-light .dijitCalendarMonthContainer th { + text-align: center; + padding-bottom: 4px; + vertical-align: middle; +} +.webida-light .dijitCalendarMonthLabel { + color: #000000; + font-size: 1.091em; + padding: 0 4px; +} +.webida-light .dijitCalendarIncrementControl { + width: 18px; + height: 16px; + background-image: url("../images/calendarArrows.png"); + background-repeat: no-repeat; +} +.webida-light .dj_ie6 .dijitCalendarIncrementControl { + background-image: url("../images/calendarArrows8bit.png"); +} +.webida-light .dijitCalendarIncrease { + background-position: -18px 0; +} +.webida-light .dijitCalendarArrowHover .dijitCalendarDecrease, +.webida-light .dijitCalendarArrow:hover .dijitCalendarDecrease { + background-position: -36px 0; +} +.webida-light .dijitCalendarArrowHover .dijitCalendarIncrease, +.webida-light .dijitCalendarArrow:hover .dijitCalendarIncrease { + background-position: -55px 0; +} +.webida-light .dijitCalendarArrowActive .dijitCalendarDecrease, +.webida-light .dijitCalendarArrow:active .dijitCalendarDecrease { + background-position: -72px 0; +} +.webida-light .dijitCalendarArrowActive .dijitCalendarIncrease, +.webida-light .dijitCalendarArrow:active .dijitCalendarIncrease { + background-position: -91px 0; +} +.webida-light .dijitA11ySideArrow { + /* text +/- labels instead of arrow icons, for high contrast mode */ + display: none; +} +.webida-light .dijitCalendarDayLabelTemplate { + padding-bottom: 0; + text-align: center; + border-bottom: 1px solid #b5bcc7; + padding: 0 3px 2px; +} +.webida-light .dijitCalendarDayLabel { + padding: 0 4px 0 4px; + font-weight: bold; + font-size: 0.909em; + text-align: center; + color: #000000; +} +.webida-light .dijitCalendarDateTemplate { + background-color: #ffffff; + border-bottom: 1px solid #d3d3d3; + padding-top: 0; + font-size: 0.909em; + font-family: Arial; + font-weight: bold; + letter-spacing: .05em; + text-align: center; + color: #000000; +} +.webida-light .dj_ie6 .dijitCalendarDateTemplate { + background-image: none; +} +.webida-light .dijitCalendarPreviousMonth, +.webida-light .dijitCalendarNextMonth { + background-color: #e5f2fe; + background-image: none; + border-bottom: solid 1px #d3d3d3; + /* todo: redundant with above .dijitCalendarDateTemplate rule */ +} +.webida-light .dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration: none; + display: block; + padding: 3px 5px 3px 4px; + border: solid 1px #ffffff; + /* intentionally matches background-color, no visible border until hover/selection */ + background-color: rgba(171, 212, 251, 0); + /* transparent causes black-flash animation problem on webkit */ + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; +} +.webida-light .dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.webida-light .dijitCalendarNextMonth .dijitCalendarDateLabel { + color: #759dc0; + border-color: #e5f2fe; + /* intentionally matches background-color, no visible border until hover/selection */ +} +.webida-light .dijitCalendarYearContainer { + vertical-align: middle; +} +.webida-light .dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.webida-light .dijitCalendarYearLabel { + padding: 2px 0 0 0; + margin: 0; + font-size: 1.17em; +} +.webida-light .dijitCalendarYearLabel span { + /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */ + vertical-align: middle; +} +.webida-light .dijitCalendarSelectedYear { + padding: 0 3px; +} +.webida-light .dijitCalendarNextYear, +.webida-light .dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size: 0.909em; +} +.webida-light .dijitCalendarSelectedYear { + font-size: 1.091em; + color: #000000; +} +.webida-light .dijitCalendarHoveredDate .dijitCalendarDateLabel, +.webida-light .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel { + background-color: #abd6ff; + border: solid 1px #759dc0; + color: #000000; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.webida-light .dijitCalendarNextYearHover, +.webida-light .dijitCalendarNextYear:hover, +.webida-light .dijitCalendarPreviousYearHover, +.webida-light .dijitCalendarPreviousYear:hover { + color: #000000; + border: solid 1px #ffffff; + padding: 0 5px 0 5px; + /* reduced by 1 to make room for border */ + background-color: #e5f2fe; +} +.webida-light .dijitCalendarNextYearActive, +.webida-light .dijitCalendarNextYear:active .dijitCalendarPreviousYearActive, +.webida-light .dijitCalendarPreviousYear:active { + border: solid 1px #759dc0; + padding: 0 5px 0 5px; + /* reduced by 1 to make room for border */ + background-color: #7dbdfa; +} +.webida-light .dijitCalendarActiveDate .dijitCalendarDateLabel, +.webida-light .dijitCalendarEnabledDate:active .dijitCalendarDateLabel { + background-color: #7dbdfa; + border: solid 1px #ffffff; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.webida-light .dj_ie6 .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image: none; +} +.webida-light .dijitCalendarSelectedDate .dijitCalendarDateLabel { + color: #000000; + background-color: #abd6ff; + border-color: #759dc0; +} +.webida-light .dijitCalendarDisabledDate .dijitCalendarDateLabel { + color: #818181; + text-decoration: line-through; +} +.webida-light .dijitCalendar .dijitDropDownButton { + margin: 0; +} +.webida-light .dijitCalendar .dijitButtonText { + padding: 1px 0 3px; + margin-right: -4px; +} +.webida-light .dijitCalendar .dijitDropDownButton .dijitButtonNode { + padding: 0 3px 0 2px; + border: solid 1px #b5bcc7; + -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 rgba(0, 0, 0, 0); + background-color: transparent; + background-image: none; +} +.webida-light .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, +.webida-light .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode { + background-color: #e5f2fe; + border: solid 1px #ffffff; +} +.webida-light .dijitCalendarMonthMenu { + border-color: #759dc0; + background-color: #ffffff; + text-align: center; + background-image: none; +} +.webida-light .dijitCalendarMonthMenu .dijitCalendarMonthLabel { + border-top: solid 1px #ffffff; + /* intentionally invisible until hover */ + border-bottom: solid 1px #ffffff; + padding: 2px 0; +} +.webida-light .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, +.webida-light .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover { + border-color: #759dc0; + border-width: 1px 0; + background-color: #abd6ff; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); + background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff , endColorstr= #abd6ff ); +} +.webida-light .dj_ie6 .dijitCalendar { + background-image: none; +} +.webida-light .dijitMenuBar { + border: 0; + margin: 0; + padding: 0; + background-image: linear-gradient(to bottom, #363b42 1px, #414850 0px, #414850 26px, #3e454c 0px, #313437 30px); +} +.webida-light .dijitMenu { + background-color: #4e555f; + border: 1px solid #000000; +} +.webida-light .dijitMenuItem { + color: #ffffff; +} +.webida-light .dijitMenuBar .dijitMenuItem { + background-image: none; + background-color: transparent; + border: 1px solid transparent; + border-radius: 3px; + top: 1px; + padding: 6px 10px 7px; + margin: -1px; + color: #ffffff; +} +.webida-light .dijitMenuBar .dijitMenuItemHover { + border-color: #0b3647; + background-color: #134b61; + /*background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%);*/ +} +.webida-light .dijitMenuBar .dijitMenuItemSelected { + border-color: #0b3647; + background-color: #134b61; + /*background-image: -webkit-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -moz-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: -o-linear-gradient(top, #2b3035 0%, #363b42 100%); + background-image: linear-gradient(to bottom, #2b3035 0%, #363b42 100%);*/ + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); +} +.webida-light .dijitMenuTable { + border-collapse: separate; + border-spacing: 0 0; + padding: 0; +} +.webida-light .dijitMenu .dijitMenuItem td, +.webida-light .dijitComboBoxMenu .dijitMenuItem { + padding: 2px; + border-style: solid; + border-color: #ffffff; +} +.webida-light .dijitMenu .dijitMenuItemHover td, +.webida-light .dijitMenu .dijitMenuItemSelected td, +.webida-light .dijitMenuItemHover, +.webida-light .dijitComboBoxMenu .dijitMenuItemHover, +.webida-light .dijitMenuItemSelected { + border-color: #759dc0; + background-color: #91bad4; +} +.webida-light .dijitMenuPopup .dijitMenuItem { + background-color: transparent; + height: 22px; +} +.webida-light .dijitMenuPopup .dijitMenuItemSelected { + background-color: #53b2da; + /*background-image: -webkit-linear-gradient(top, #b3ceec 0%, #92aecd 100%); + background-image: -moz-linear-gradient(top, #b3ceec 0%, #92aecd 100%); + background-image: -o-linear-gradient(top, #b3ceec 0%, #92aecd 100%); + background-image: linear-gradient(to bottom, #b3ceec 0%, #92aecd 100%);*/ +} +.webida-light .dijitMenuPopup .dijitMenuItemSelected.dijitMenuItemDisabled { + background-image: none; +} +.webida-light .dijitMenuPopup .dijitMenuItem td, +.webida-light .dijitMenu .dijitMenuItemHover td { + border: 0; + background-color: transparent; +} +.webida-light .dj_ie .dijitMenuActive .dijitMenuItemHover, +.webida-light .dj_ie .dijitMenuActive .dijitMenuItemSelected, +.webida-light .dj_ie .dijitMenuPassive .dijitMenuItemHover, +.webida-light .dj_ie .dijitMenuPassive .dijitMenuItemSelected { + padding-top: 6px; + padding-bottom: 5px; + margin-top: -3px; +} +.webida-light td.dijitMenuItemIconCell { + padding: 2px; + margin: 0 0 0 4px; +} +.webida-light td.dijitMenuItemLabel { + padding-top: 5px; + padding-bottom: 5px; +} +.webida-light .dijitMenuExpand { + width: 7px; + height: 7px; + background-image: url("../images/spriteArrows.png"); + background-position: -14px 0; + margin-right: 3px; + margin-bottom: 4px; +} +.webida-light .dijitMenuItem .dijitMenuExpand { + background-position: -70px 0; +} +.webida-light .dijitMenuItem.dijitMenuItemHover .dijitMenuExpand, +.webida-light .dijitMenuItem.dijitMenuItemSelected .dijitMenuExpand { + background-position: -14px 0; +} +.webida-light .dijitMenuItemDisabled .dijitMenuItemIconCell { + opacity: 1; +} +.webida-light .dijitMenuSeparatorTop { + height: auto; + margin-top: 1px; + /* prevents spacing above/below separator */ + border-bottom: 1px solid #3a4047; +} +.webida-light .dijitMenuSeparatorBottom { + height: auto; + margin-bottom: 1px; +} +.webida-light .dijitCheckedMenuItem .dijitMenuItemIcon, +.webida-light .dijitRadioMenuItem .dijitMenuItemIcon { + background-image: url("../form/images/checkboxRadioButtonStates.png"); + background-repeat: no-repeat; + background-position: -15px 50%; + /* unchecked checkbox */ + width: 15px; + height: 16px; +} +.webida-light .dj_ie6 .dijitCheckedMenuItem .dijitMenuItemIcon, +.webida-light .dj_ie6 .dijitRadioMenuItem .dijitMenuItemIcon { + background-image: url("../form/images/checkboxAndRadioButtons_IE6.png"); +} +.webida-light .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon { + background-position: 0 50%; + /* checked checkbox */ +} +.webida-light .dijitRadioMenuItem .dijitMenuItemIcon { + background-position: -105px 50%; + /* unfilled circle */ +} +.webida-light .dijitRadioMenuItemChecked .dijitMenuItemIcon { + background-position: -90px 50%; + /* filled circle */ +} +.webida-light .dijitComboBoxMenu { + margin-left: 0; + background-image: none; +} +.webida-light .dijitMenu .dijitMenuItemSelected td, +.webida-light .dijitComboBoxMenu .dijitMenuItemSelected { + color: #000000; + border-color: #759dc0; + background-color: #abd6ff; +} +.webida-light .dijitMenu .dijitMenuItemSelected.dijitMenuItemDisabled td, +.webida-light .dijitComboBoxMenu .dijitMenuItemSelected.dijitMenuItemDisabled { + color: inherit; +} +.webida-light .dijitMenu .dijitMenuItemSelected td { + border: 0; + background-color: transparent; +} +.webida-light .dijitComboBoxMenuActive .dijitMenuItemSelected { + background-color: #7dbdfa; + /* TODO: why is this a different color than normal .dijitMenuItemSelected? */ +} +.webida-light .dijitMenuPreviousButton, +.webida-light .dijitMenuNextButton { + font-style: italic; +} +.webida-light .dijitColorPalette { + border: 1px solid #b5bcc7; + background: #ffffff; + -moz-border-radius: 0; + border-radius: 0; +} +.webida-light .dijitColorPalette .dijitPaletteImg { + /* transparent (but clickable) node inside of each , overlaying the color swatch. + * displays border around a color swatch + * overrides border color in dijit.css */ + border: 1px solid #d3d3d3; +} +.webida-light .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg { + border: 1px solid #000000; +} +.webida-light .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, +.webida-light .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000000; +} +.webida-light .dijitInlineEditBoxDisplayMode { + border: 1px solid transparent; +} +.webida-light .dijitInlineEditBoxDisplayModeHover { + background-color: #e5f2fe; + border: solid 1px #759dc0; +} +.webida-light .dj_ie6 .dijitInlineEditBoxDisplayMode { + border: none; +} +.webida-light .dijitProgressBar { + margin: 2px 0 2px 0; +} +.webida-light .dijitProgressBarEmpty { + /* outer container and background of the bar that's not finished yet*/ + background-color: #ffffff; + border-color: #759dc0; +} +.webida-light .dijitProgressBarTile { + /* inner container for finished portion when in 'tile' (image) mode */ + background-color: #abd6ff; + background-image: url("../images/progressBarFull.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.93) 0px, rgba(255, 255, 255, 0.41) 1px, rgba(255, 255, 255, 0.7) 2px, rgba(255, 255, 255, 0) 100%); + background-attachment: scroll; +} +.webida-light .dj_ie6 .dijitProgressBarTile { + background-image: none; +} +.webida-light .dijitProgressBarFull { + border: 0px solid #759dc0; + border-right-width: 1px; + -webkit-transition-property: width; + -moz-transition-property: width; + transition-property: width; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.webida-light .dijitProgressBarLabel { + /* Set to a color that contrasts with both the "Empty" and "Full" parts. */ + color: #000000; +} +.webida-light .dijitProgressBarIndeterminate .dijitProgressBarTile { + /* use an animated gif for the progress bar in 'indeterminate' mode; + background-color won't appear unless user has turned off background images */ + background: #efefef url("../images/progressBarAnim.gif") repeat-x top; +} +.webida-light .dijitTimePicker .dijitButtonNode { + padding: 0 0; + -moz-border-radius: 0; + border-radius: 0; +} +.webida-light .dijitTimePicker { + border: 1px #b5bcc7 solid; + border-top: none; + border-bottom: none; + background-color: #fff; + /* TODO: useless? Appears to be overridden by settings on individual elements */ +} +.webida-light .dijitTimePickerItem { + /* dijitTimePickerItem refers to both Tick's (minor values like 2:15, 2:30, 2:45) and Marker's (major values like 2PM, 3PM) */ + background-image: url("images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + border-top: solid 1px #b5bcc7; + border-bottom: solid 1px #b5bcc7; + margin-top: -1px; +} +.webida-light .dijitTimePickerTick { + /* minor value */ + color: #818181; + background-color: #efefef; + font-size: 0.818em; +} +.webida-light .dijitTimePickerMarker { + /* major value - 1:00, 2:00, times on the hour */ + background-color: #e5f2fe; + font-size: 1em; + white-space: nowrap; +} +.webida-light .dijitTimePickerTickHover, +.webida-light .dijitTimePickerMarkerHover, +.webida-light .dijitTimePickerMarkerSelected, +.webida-light .dijitTimePickerTickSelected { + background-color: #7dbdfa; + color: #000000; +} +.webida-light .dijitTimePickerMarkerSelected, +.webida-light .dijitTimePickerTickSelected { + font-size: 1em; +} +.webida-light .dijitTimePickerTick .dijitTimePickerItemInner { + padding: 1px; + margin: 0; +} +.webida-light .dijitTimePicker .dijitButtonNode { + border-left: none; + border-right: none; + border-color: #b5bcc7; + background-color: #efefef; + background-image: url("images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitTimePicker .dijitArrowButtonInner { + height: 100%; + /* hack wsdk.button.css */ + background-image: url("../form/images/commonFormArrows.png"); + background-repeat: no-repeat; + background-position: -140px 45%; +} +.webida-light .dijitTimePicker .dijitDownArrowButton .dijitArrowButtonInner { + background-position: -35px 45%; +} +.webida-light .dijitTimePicker .dijitUpArrowHover, +.webida-light .dijitTimePicker .dijitDownArrowHover { + background-color: #abd6ff; +} +.webida-light .dijitTimePicker .dijitUpArrowHover .dijitArrowButtonInner { + background-position: -175px 45%; +} +.webida-light .dijitTimePicker .dijitDownArrowHover .dijitArrowButtonInner { + background-position: -70px 45%; +} +.webida-light .dijitTreeNode { + zoom: 1; + /* force layout on IE (TODO: may not be needed anymore) */ +} +.webida-light .dijitTreeIsRoot { + background-image: none; +} +.webida-light .dijitTreeRow, +.webida-light .dijitTreeNode .dojoDndItemBefore, +.webida-light .dijitTreeNode .dojoDndItemAfter { + /* so insert line shows up on IE when dropping after a target element */ + padding: 4px 0 2px 0; + background-color: none; + background-color: transparent; + background-color: rgba(171, 214, 255, 0); + background-position: 0 0; + background-repeat: repeat-x; + border: solid 0 transparent; + -webkit-transition-property: background-color, border-color; + -moz-transition-property: background-color, border-color; + transition-property: background-color, border-color; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.webida-light .dijitTreeRowSelected { + background-color: #43cbff; + border-color: transparent; + background-image: none; + padding: 3px 0 1px; + border-width: 1px 0; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.webida-light .dijitTreeRowHover { + background-color: #bcedff; + border-color: transparent; + background-image: none; + padding: 3px 0 1px; + border-width: 1px 0; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.webida-light .dijitTreeRowActive { + background-color: #43cbff; + border-color: transparent; + background-image: none; + padding: 3px 0 1px; + border-width: 1px 0; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; +} +.webida-light .dijitTreeRowFocused { + background-repeat: repeat; +} +.webida-light .dijitTreeRow.focused { + border: 1px #759dc0 solid; + padding: 3px 0 1px; +} +.webida-light .dijitTreeRow .dijitTreeLabel { + outline: none; +} +.webida-light .dijitTreeExpando { + background-image: url("../images/treeExpandImages.png"); + width: 16px; + height: 16px; + background-position: -35px 0; + /* for dijitTreeExpandoOpened */ +} +.webida-light .dj_ie6 .dijitTreeExpando { + background-image: url("../images/treeExpandImages8bit.png"); +} +.webida-light .dijitTreeRowHover .dijitTreeExpandoOpened { + background-position: -53px 0; +} +.webida-light .dijitTreeExpandoClosed { + background-position: 1px 0; +} +.webida-light .dijitTreeRowHover .dijitTreeExpandoClosed { + background-position: -17px 0; +} +.webida-light .dijitTreeExpandoLeaf, +.webida-light .dj_ie6 .dijitTreeExpandoLeaf { + background-image: none; +} +.webida-light .dijitTreeExpandoLoading { + background-image: url("../images/loadingAnimation.gif"); +} +.webida-light .dijitTreeNode .dojoDndItemBefore .dijitTreeContent { + border-top: 2px solid #759dc0; +} +.webida-light .dijitTreeNode .dojoDndItemAfter .dijitTreeContent { + border-bottom: 2px solid #759dc0; +} +.webida-light .dijitToolbar { + background-color: #616972; + padding: 0 0 0 4px; + border: 0; + zoom: 1; + height: 30px; +} +.webida-light .dijitToolbar .dijitButton { + margin-top: 2px; +} +.webida-light .dijitToolbar label { + padding: 0 3px 0 6px; +} +.webida-light .dijitToolbar .dijitButton .dijitButtonNode, +.webida-light .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.webida-light .dijitToolbar .dijitComboButton .dijitButtonNode, +.webida-light .dijitToolbar .dijitToggleButton .dijitButtonNode, +.webida-light .dijitToolbar .dijitComboBox .dijitButtonNode { + border-width: 0; + /* on hover/active, border-->1px, padding-->1px */ + padding: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -webkit-transition-property: background-color; + -moz-transition-property: background-color; + transition-property: background-color; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + transition-duration: 0.3s; + background-color: rgba(171, 214, 255, 0); + background-image: none; + /* cancel gradient for normal buttons, we don't want any gradient besides toolbar's on non-hovered buttons */ +} +.webida-light .dj_ie .dijitToolbar .dijitButton .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitDropDownButton .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitComboButton .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitToggleButton .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitComboBox .dijitButtonNode { + background-color: transparent; + /* for IE, which doesn't understand rgba(...) */ +} +.webida-light .dj_ie .dijitToolbar .dijitButtonHover .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitComboButton .dijitButtonNodeHover, +.webida-light .dj_ie .dijitToolbar .dijitComboButton .dijitDownArrowButtonHover, +.webida-light .dj_ie .dijitToolbar .dijitToggleButtonHover .dijitButtonNode { + /* button should still turn blue on hover, so need to override .dj_ie rules above */ + background-color: #abd6ff; +} +.webida-light .dj_ie .dijitToolbar .dijitButtonActive .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.webida-light .dj_ie .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + /* button should still turn blue on press, so need to override .dj_ie rules above */ + background-color: #abd6ff; +} +.webida-light .dijitToolbar .dijitComboButton .dijitStretch { + /* no rounded border on side adjacent to arrow */ + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; +} +.webida-light .dijitToolbar .dijitComboButton .dijitArrowButton { + /* no rounded border on side adjacent to button */ + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; +} +.webida-light .dijitToolbar .dijitComboBox .dijitButtonNode { + padding: 0; +} +.webida-light .dijitToolbar .dijitButtonHover .dijitButtonNode, +.webida-light .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode, +.webida-light .dijitToolbar .dijitToggleButtonHover .dijitButtonNode, +.webida-light .dijitToolbar .dijitComboButtonHover .dijitButtonNode { + background-color: #abd6ff; + background-image: url("images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitToolbar .dijitComboButtonHover .dijitButtonNode, +.webida-light .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton { + background-color: #f3ffff; +} +.webida-light .dijitToolbar .dijitComboButtonHover .dijitButtonNodeHover, +.webida-light .dijitToolbar .dijitComboButtonHover .dijitDownArrowButtonHover { + background-color: #abd6ff; +} +.webida-light .dijitToolbar .dijitButtonActive .dijitButtonNode, +.webida-light .dijitToolbar .dijitDropDownButtonActive .dijitButtonNode, +.webida-light .dijitToolbar .dijitToggleButtonActive .dijitButtonNode { + background-color: #7dbdfa; + background-image: url("images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitToolbar .dijitComboButtonActive { + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; + /*border-width: 1px;*/ + padding: 0; +} +.webida-light .dijitToolbar .dijitComboButtonActive .dijitButtonNode, +.webida-light .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + background-color: #f3ffff; + padding: 2px; +} +.webida-light .dijitToolbar .dijitComboButtonActive .dijitButtonNodeActive { + background-color: #7dbdfa; + background-image: url("images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitToolbar .dijitComboButtonActive .dijitDownArrowButtonActive { + background-color: #7dbdfa; + background-image: url("images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton, +.webida-light .dijitToolbar .dijitComboButtonActive .dijitDownArrowButton { + border-left-width: 0; +} +.webida-light .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode { + margin: 0; + /* remove margin and add a border */ + border-width: 1px; + border-style: solid; + background-image: none; + border-color: #759dc0; + background-color: #ffffff; + padding: 1px; +} +.webida-light .dijitToolbarSeparator { + /* separator icon in the editor sprite */ + background-image: url('../images/sunkenline_02.png'); + background-repeat: no-repeat; + background-position: 40% 50%; +} +.webida-light .dijitDisabled .dijitToolbar { + background: none; + background-color: #efefef; + border-bottom: 1px solid #d3d3d3; +} +.webida-light .dijitToolbar .dijitComboBoxDisabled .dijitArrowButtonInner { + background-position: 0 50%; +} +.webida-light .dijitEditorIFrameContainer { + padding: 3px 3px 1px 10px; +} +.webida-light .dijitEditorIFrame { + background-color: #ffffff; +} +.webida-light .dijitEditor { + border: 1px solid #b5bcc7; +} +.webida-light .dijitEditor .dijitEditorIFrameContainer { + background-color: #ffffff; + background-repeat: repeat-x; +} +.webida-light .dijitEditorHover .dijitEditorIFrameContainer, +.webida-light .dijitEditorHover .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: #e5f2fe; +} +.webida-light .dijitEditorFocused .dijitEditorIFrameContainer, +.webida-light .dijitEditorFocused .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: #ffffff; +} +.webida-light .dijitEditorHover .dijitEditorIFrameContainer, +.webida-light .dijitEditorFocused .dijitEditorIFrameContainer { + background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -o-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); +} +.webida-light .dijitEditorDisabled { + border: 1px solid #d3d3d3; + color: #818181; +} +.webida-light .dijitDisabled .dijitEditorIFrame, +.webida-light .dijitDisabled .dijitEditorIFrameContainer, +.webida-light .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame { + background-color: #efefef; + background-image: none; +} +.webida-light .dijitTitlePaneTitle { + background-color: #efefef; + background-image: url("images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + border: 1px solid #b5bcc7; + padding: 0 7px 3px 7px; + min-height: 17px; + color: #494949; +} +.webida-light .dijitFieldset { + -moz-border-radius: 4px; + border-radius: 4px; +} +.webida-light .dijitTitlePaneTitleOpen, +.webida-light .dijitTitlePaneTitleFixedOpen { + background-color: #cfe5fa; + color: #000000; +} +.webida-light .dijitTitlePaneTitleHover { + background-color: #abd6ff; + border-color: #759dc0; +} +.webida-light .dijitTitlePaneTitleActive { + background-color: #7dbdfa; + border-color: #759dc0; + background-image: url("images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; +} +.webida-light .dijitTitlePaneTitleFocus { + margin-top: 3px; + padding-bottom: 2px; +} +.webida-light .dijitTitlePane .dijitArrowNode, +.webida-light .dijitFieldset .dijitArrowNode { + background-image: url("../images/spriteArrows.png"); + background-repeat: no-repeat; + height: 8px; + width: 7px; +} +.webida-light .dijitTitlePaneTitleOpen .dijitArrowNode, +.webida-light .dijitFieldsetTitleOpen .dijitArrowNode { + background-position: 0 0; +} +.webida-light .dijitTitlePaneTitleClosed .dijitArrowNode, +.webida-light .dijitFieldsetTitleClosed .dijitArrowNode { + background-position: -14px 0; +} +.webida-light .dijitTitlePaneContentOuter { + background: #ffffff; + border: 1px solid #b5bcc7; + border-top: none; +} +.webida-light .dijitTitlePaneContentInner { + padding: 10px; +} +.webida-light .dijitFieldsetContentInner { + padding: 4px; +} +.webida-light .dijitTitlePaneTextNode, +.webida-light .dijitFieldsetLegendNode { + margin-left: 4px; + margin-right: 4px; + vertical-align: text-top; +} +.webida-light .dijitBorderContainer .dojoxToggleSplitter .dijitSplitterH { + height: 6px; +} +.webida-light .dijitBorderContainer .dojoxToggleSplitter .dijitSplitterV { + width: 6px; +} +.webida-light .dijitBorderContainer .dijitSplitterH .dojoxToggleSplitterIcon { + background-image: url('../images/splitterToggleH.png'); + background-repeat: no-repeat; + width: 61px; + height: 5px; + top: 1px; + left: 50%; + margin-left: -31px; + cursor: pointer; +} +.webida-light .dijitBorderContainer .dijitSplitterV .dojoxToggleSplitterIcon { + background-image: url('../images/splitterToggleV.png'); + background-repeat: no-repeat; + vertical-align: middle; + width: 5px; + height: 61px; + left: 0px; + top: 50%; + margin-top: -31px; + cursor: pointer; +} +.webida-light .dojoxToggleSplitterTop .dojoxToggleSplitterIconOpen, +.webida-light .dojoxToggleSplitterBottom .dojoxToggleSplitterIconClosed { + background-position: 0 -10px !important; +} +.webida-light .dojoxToggleSplitterBottom .dojoxToggleSplitterIconOpen, +.webida-light .dojoxToggleSplitterTop .dojoxToggleSplitterIconClosed { + background-position: 0 0px !important; +} +.webida-light .dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpen, +.webida-light .dojoxToggleSplitterRight .dojoxToggleSplitterIconClosed { + background-position: -5px 0 !important; +} +.webida-light .dojoxToggleSplitterRight .dojoxToggleSplitterIconOpen, +.webida-light .dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosed { + background-position: -15px 0 !important; +} +.webida-light .dojoxToggleSplitterTop .dojoxToggleSplitterIconOpenHover, +.webida-light .dojoxToggleSplitterBottom .dojoxToggleSplitterIconClosedHover { + background-position: 0 -10px !important; +} +.webida-light .dojoxToggleSplitterBottom .dojoxToggleSplitterIconOpenHover, +.webida-light .dojoxToggleSplitterTop .dojoxToggleSplitterIconClosedHover { + background-position: 0 0 !important; +} +.webida-light .dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpenHover, +.webida-light .dojoxToggleSplitterRight .dojoxToggleSplitterIconClosedHover { + background-position: -5px 0 !important; +} +.webida-light .dojoxToggleSplitterRight .dojoxToggleSplitterIconOpenHover, +.webida-light .dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosedHover { + background-position: -15px 0 !important; +} +.webida-light .dojoxToggleSplitterTop .dojoxToggleSplitterA11y, +.webida-light .dojoxToggleSplitterBottom .dojoxToggleSplitterA11y { + display: none; + font-size: 6px; + text-align: center; +} +.webida-light .dojoxToggleSplitterRight .dojoxToggleSplitterA11y, +.webida-light .dojoxToggleSplitterLeft .dojoxToggleSplitterA11y { + display: none; + font-size: 8px; + position: relative; + top: 48%; +} +.webida-light .dijit_a11y .dojoxToggleSplitterA11y { + display: block; +} +.webida-light .dojoxCheckedMultiSelectHidden { + display: none; +} +.webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { + border: solid black 1px; + margin: 1px 0; + overflow: scroll; + overflow-y: scroll; + overflow-x: hidden; + height: 100px; +} +.webida-light .dj_ie .dojoxCheckedMultiSelectWrapper, +.webida-light .dj_webkit .dojoxCheckedMultiSelectWrapper { + padding-right: 15px; +} +.webida-light .dojoxMultiSelectItem { + cursor: default; + padding: 0.1em 0.2em; + white-space: nowrap; +} +.webida-light .dojoxCheckedMultiSelectItem { + white-space: nowrap; + padding: .1em .2em; + cursor: default; +} +.webida-light .dojoxCheckedMultiSelectDisabled *, +.webida-light .dojoxCheckedMultiSelectReadOnly * { + color: gray !important; +} +.webida-light .dojoxCheckedMultiSelectItemLabel { + margin-left: .2em; +} +.webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { + margin: 0em 0.1em; +} +.webida-light .dojoxCheckedMultiSelectCheckBoxInput { + opacity: 0.01; +} +.webida-light .dj_ie .dojoxCheckedMultiSelectCheckBoxInput { + filter: alpha(opacity=0); + width: 15px; + height: 16px; +} +.webida-light .dijit_a11y .dojoxCheckedMultiSelectCheckBoxInput { + opacity: 1; + filter: none; +} +.webida-light .dojoxCheckedMultiSelectMenu td.dijitMenuArrowCell { + display: none; +} +.webida-light .dojoxCheckedMultiSelectMenu td.dijitMenuItemLabel { + position: static; + padding: 2px; +} +.webida-light .tundra .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { + background: #ffffff url("../../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left; + border: 1px solid #b3b3b3; + line-height: normal; +} +.webida-light .tundra .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { + border-color: #406b9b; +} +.webida-light .soria .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { + background: #ffffff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left; + border: 1px solid #8ba0bd; + line-height: normal; +} +.webida-light .soria .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { + border-color: #406b9b; +} +.webida-light .nihilo .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { + background: #ffffff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left; + border: 1px solid #d3d3d3; + line-height: normal; +} +.webida-light .nihilo .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { + border-color: #b3b3b3; +} +.webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper { + border: 1px solid #b5bcc7; + background-color: #f7fcff; + line-height: normal; + -webkit-transition-property: background-color, border; + -webkit-transition-duration: .35s; +} +.webida-light .dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper { + border-color: #769dc0; + background-color: #e9f4fe; + background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-repeat: repeat-x; + -webkit-transition-duration: .25s; +} +.webida-light .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper { + border: 1px solid #769dc0; + -webkit-transition-duration: .1s; +} +.webida-light .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { + background-image: url('../images/checkboxRadioButtonStates.png'); + background-repeat: no-repeat; + background-position: -15px; + width: 15px; + height: 16px; +} +.webida-light .dojoxCheckedMultiSelectMenuRadioItemIcon { + background-image: url('../images/checkboxRadioButtonStates.png'); + background-repeat: no-repeat; + background-position: -105px; + width: 15px; + height: 16px; +} +.webida-light .dj_ie6 .dojoxCheckedMultiSelectMenuItemIcon { + background-image: url('../images/checkboxRadioButtonStates.png'); +} +.webida-light .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon { + background-position: 0; +} +.webida-light .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon { + background-position: -90px; +} +.webida-light .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText { + padding: 2px; +} +.webida-light .dojoxCheckedMultiSelectButton { + border: 1px solid #b5bcc7; + background-color: #ffffff; + border-collapse: separate; +} +.webida-light .dojoxCheckedMultiSelect .dijitButtonNode { + border: 0 solid #b5bcc7; + border-width: 0 0 0 0; +} +.webida-light .dj_ie6 .dojoxCheckedMultiSelectButton, +.webida-light .dj_ie6 .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode { + background-image: none; +} +.webida-light .dojoxCheckedMultiSelectButton .dijitButtonContents { + border: 0 solid #b5bcc7; + border-right-width: 1px; +} +.webida-light .dojoxCheckedMultiSelectButton .dijitArrowButton { + padding: 0; + border: 1px solid #ffffff; + border-top: none; + background-color: #efefef; + background-image: url("images/formHighlight.png"); + background-repeat: repeat-x; +} +.webida-light .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner { + background-image: url("../images/commonFormArrows.png"); + background-position: -35px; + background-repeat: no-repeat; + width: 16px; + height: 16px; +} +.webida-light .dojoxCheckedMultiSelectButtonHover { + border: 1px solid #769dc0; + background-color: #e9f4fe; + background-image: -moz-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: -webkit-linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px); + background-repeat: repeat-x; +} +.webida-light .dojoxCheckedMultiSelectButtonHover .dijitButtonContents { + border-color: #769dc0; +} +.webida-light .dojoxCheckedMultiSelectButtonHover .dijitArrowButton { + background-color: #abd6ff; +} +.webida-light .dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner { + background-position: -70px; +} +.webida-light .dojoxCheckedMultiSelectButtonFocused { + border: 1px solid #769dc0; +} +.webida-light .dojoxCheckedMultiSelectButtonFocused .dijitButtonContents { + border-color: #769dc0; +} +.webida-light .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton { + background-color: #7dbefa; + background-position: 0 -177px; + border: none; + padding: 0 1px; +} +.webida-light .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner { + background-position: -70px; + margin-bottom: 1px; +} +.webida-light .dojoxCheckedMultiSelectButtonDisabled { + border: 1px solid #d3d3d3; + background-color: #efefef; + background-image: none; + color: #818181; +} +.webida-light .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton { + background-color: #efefef; +} +.webida-light .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position: 0; +} +.webida-light .dojoxResizeHandle { + float: right; + position: absolute; + right: 2px; + bottom: 2px; + width: 13px; + height: 13px; + z-index: 20; + background-image: url('../images/resize.png'); + line-height: 0px; +} +.webida-light .dijitRtl .dojoxResizeHandle { + float: right; + left: 0px; + right: auto; + background-image: url('../images/resizeRtl.png'); +} +.webida-light .dojoxResizeNW { + cursor: nw-resize; +} +.webida-light .dijitRtl .dojoxResizeNW { + cursor: ne-resize; +} +.webida-light .dojoxResizeNE { + cursor: ne-resize; +} +.webida-light .dijitRtl .dojoxResizeNE { + cursor: nw-resize; +} +.webida-light .dojoxResizeW { + cursor: w-resize; +} +.webida-light .dojoxResizeN { + cursor: n-resize; +} +.webida-light .dojoxResizeHandleClone { + position: absolute; + top: 0; + left: 0; + border: 1px dashed #666; + z-index: 999; +} +.webida-light .dojoxFloatingPane { + background-color: #fff; + position: relative; + border: 1px solid #dedede; + overflow: hidden; + -webkit-box-shadow: 0px 5px 10px #adadad; +} +.webida-light .dojoxFloatingPaneFg { + -webkit-box-shadow: 0px 8px 20px #525252; +} +.webida-light .dojoxFloatingPaneTitle { + background: #cccccc; + background: #fafafa repeat-x bottom left; + border: 1px solid #bfbfbf; + padding: 4px 4px 2px 4px; + cursor: pointer; + white-space: nowrap; +} +.webida-light .soria .dojoxFloatingPaneTitle { + background: #ffffff url("../../../dijit/themes/soria/images/titleBar.png") repeat-x top left; + border: 1px solid #b1badf; + font-size: 0.9em; + font-weight: bold; + line-height: 1.2em; +} +.webida-light .tundra .dojoxFloatingPaneTitle { + background: #fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left; + border: 1px solid #bfbfbf; + color: #000; +} +.webida-light .dojoxFloatingCloseIcon { + background: url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center; + width: 16px; + height: 16px; + overflow: hidden; + float: right; +} +.webida-light .dojoxFloatingMinimizeIcon { + background: url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center; + width: 7px; + margin: 0px 4px; + overflow: hidden; + float: right; +} +.webida-light .soria .dojoxFloatingMinimizeIcon { + background: url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -15px top; + width: 14px; + margin: 0px 2px; +} +.webida-light .floatingPaneMaximized .dojoxFloatingMaximizeIcon { + display: none; +} +.webida-light .dojoxFloatingMaximizeIcon { + background: url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat -21px center; + width: 7px; + margin: 0px 4px; + overflow: hidden; + float: right; +} +.webida-light .soria .dojoxFloatingMaximizeIcon { + background: url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -45px top; +} +.webida-light .floatingPaneMaximized .dojoxFloatingRestoreIcon { + display: inline; +} +.webida-light .dojoxFloatingRestoreIcon { + background: url('../../../dijit/themes/tundra/images/spriteArrows.png') no-repeat 0px center; + width: 7px; + margin: 0px 4px; + float: right; + display: none; +} +.webida-light .dojoxFloatingResizeHandle { + background: url('../images/resize.png') no-repeat bottom right; + position: absolute; + right: 0; + bottom: 0; + width: 16px; + height: 16px; + cursor: nw-resize; +} +.webida-light .dojoxFloatingCloseIcon { + width: 15px; + height: 15px; + overflow: hidden; + float: right; + cursor: pointer; +} +.webida-light .soria .dojoxFloatingCloseIcon { + background: url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -60px top; +} +.webida-light .tundra .dojoxFloatingCloseIcon { + background: url('../../../dijit/themes/tundra/images/tabClose.png') no-repeat center center; +} +.webida-light .dojoxFloatingDockDefault { + position: absolute; + bottom: 0px; + left: 0px; + overflow: hidden; + margin: 0; + margin-bottom: 3px; + padding: 0px; + width: 100%; + z-index: 99; + background: transparent; +} +.webida-light .dojoxDockList { + padding: 0px; + margin: 0px; +} +.webida-light .dojoxDockRestoreButton { + background: url('../../../dijit/themes/tundra/images/folderClosed.gif') no-repeat center center; + width: 16px; + height: 16px; + overflow: hidden; + float: left; + margin-top: 2px; +} +.webida-light .soria .dojoxDockRestoreButton { + background: url("../../../dijit/themes/soria/images/spriteRoundedIconsSmallBl.png") no-repeat -45px top; +} +.webida-light .dojoxDockTitleNode { + overflow: hidden; +} +.webida-light .dojoxDock { + display: block; + border: 1px solid black; + position: absolute; + padding: 0; + margin: 0; + background: #fcfcfc; +} +.webida-light .dojoxDockNode { + border: 1px solid #adadad; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 3px; + cursor: pointer; + list-style: none; + padding: 2px; + margin: 0px; + height: 16px; + width: auto; + float: left; + background: #fafafa url("../../../dijit/themes/tundra/images/titleBarBg.gif") repeat-x bottom left; +} +.webida-light .soria .dojoxDockNode { + background: #b7cdee url("../../../dijit/themes/soria/images/titleBar.png") repeat-x; +} +.webida-light .dojoxFloatingPaneContent { + overflow: auto; + background-color: #fff; + height: 100%; + width: 100%; +} +.webida-light .dojoxFloatingPaneCanvas { + background-color: #fff; +} +.webida-light .dojoxGrid { + position: relative; + font-family: Geneva, Arial, Helvetica, sans-serif; + -moz-outline-style: none; + outline: none; + overflow: hidden; + height: 0; + background-color: transparent; +} +.webida-light .dojoxGrid table { + padding: 0; +} +.webida-light .dojoxGrid td { + -moz-outline: none; +} +.webida-light .dojoxGridMasterHeader { + position: relative; +} +.webida-light .dojoxGridMasterView { + position: relative; +} +.webida-light .dojoxGridMasterMessages { + position: relative; + padding: 1em; + text-align: center; + background-color: white; +} +.webida-light .dojoxGridView { + position: absolute; + overflow: hidden; +} +.webida-light .dojoxGridHeader { + position: absolute; + overflow: hidden; + cursor: default; +} +.webida-light .dojoxGridHeader { + background-color: #E8E1CF; +} +.webida-light .dojoxGridHeader:first-child .dojoxGridRowTable { + border-left-width: 0; +} +.webida-light .dojoxGridMasterHeader .dojoxGridRowTable { + border-left: 1px solid #7e8897; + background-color: transparent; +} +.webida-light .dojoxGridHeader table { + text-align: center; +} +.webida-light .dojoxGridContent .dojoxGridRow:last-child .dojoxGridCell { + border-bottom: 1px solid #7e8897; +} +.webida-light .dojoxGridHeader .dojoxGridCell { + border: 1px solid; + border-color: transparent #7e8897 transparent transparent; + background: url("../images/grid_dx_gradient.gif") #e8e1cf top repeat-x; + padding-bottom: 2px; +} +.webida-light .dojoxGrid .dojoxGridCell { + outline: none; + padding: 3px 5px; + border: 1px solid transparent; + border-color: transparent #7e8897 transparent transparent; +} +.webida-light .dojoxGridHeader .dojoxGridCellOver { + background-image: none; + background-color: white; + border-bottom-color: #FEBE47; + margin-bottom: 0; + padding-bottom: 0; + border-bottom-width: 3px; +} +.webida-light .dojoxGridHeader .dojoxGridCellFocus { + border: 1px dashed blue; +} +.webida-light .dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { + background-image: none; + background-color: white; + border-bottom-color: #FEBE47; + margin-bottom: 0; + padding-bottom: 0; + border-bottom-width: 3px; +} +.webida-light .dojoxGridArrowButtonNode { + display: none; + padding-left: 16px; +} +.webida-light .dojoxGridArrowButtonChar { + display: inline; +} +.webida-light .dojoxGridArrowButtonNode:hover { + cursor: default; +} +.webida-light .dojoxGridArrowButtonChar:hover { + cursor: default; +} +.webida-light .dojoxGridSortUp:hover { + cursor: default; +} +.webida-light .dojoxGridSortDown:hover { + cursor: default; +} +.webida-light .dijit_a11y .dojoxGridArrowButtonChar { + display: inline !important; +} +.webida-light .dojoxGridScrollbox { + position: relative; + overflow: auto; + background-color: white; + width: 100%; +} +.webida-light .dojoxGridContent { + position: relative; + overflow: hidden; + -moz-outline-style: none; + outline: none; +} +.webida-light .dojoxGridRowbar { + border: 1px solid; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + border-top: none; + background: url("../images/grid_dx_gradient.gif") #e8e1cf top repeat-x; +} +.webida-light .dojoxGridRowbarInner { + border-top: 1px solid #F6F4EB; +} +.webida-light .dojoxGridRowbarOver { + background-image: none; + background-color: white; + border-top-color: #FEBE47; + border-bottom-color: #FEBE47; +} +.webida-light .dojoxGridRowbarSelected { + background-color: #D9E8F9; +} +.webida-light .dojoxGridRow { + position: relative; + width: 9000em; +} +.webida-light .dojoxGridRow { + border: 1px solid #E8E4D8; + border-color: #F8F7F1; + border-left: none; + border-right: none; + background-color: white; + border-top: none; +} +.webida-light .dojoxGridRowOver { + border-top-color: #FEBE47; + border-bottom-color: #FEBE47; +} +.webida-light .dojoxGridRowOdd { + background-color: #FFFDF3; +} +.webida-light .dojoxGridRowSelected { + background-color: #D9E8F9; +} +.webida-light .dojoxGridRowTable { + table-layout: fixed; + width: 0; + empty-cells: show; +} +.webida-light .dj_ie .dojoxGridRowTable { + border-collapse: collapse; +} +.webida-light .dojoxGridInvisible { + visibility: hidden; +} +.webida-light .Xdojo-ie .dojoxGridInvisible { + display: none; +} +.webida-light .dojoxGridInvisible td, +.webida-light .dojoxGridHeader .dojoxGridInvisible td { + border-top-width: 0; + border-bottom-width: 0; + padding-top: 0; + padding-bottom: 0; + height: 0; + overflow: hidden; +} +.webida-light .dojoxGrid .dojoxGridCell { + border: 1px solid; + border-color: #EBEADB; + border-right-color: #D5CDB5; + padding: 3px 3px 3px 3px; + text-align: left; + overflow: hidden; + word-wrap: break-word; +} +.webida-light .dojoxGrid .dojoxGridFixedRowHeight .dojoxGridCell { + white-space: nowrap; + word-break: keep-all; + word-wrap: normal; + text-overflow: ellipsis; +} +.webida-light .dojoxGridCellFocus { + border: 1px dashed blue; +} +.webida-light .dojoxGridCellOver { + border: 1px dotted #FEBE47; +} +.webida-light .dojoxGridCellFocus.dojoxGridCellOver { + border: 1px dashed green; +} +.webida-light .dojoxGridRowEditing td { + background-color: #F4FFF4; +} +.webida-light .dojoxGridRow-inserting td { + background-color: #F4FFF4; +} +.webida-light .dojoxGridRow-inflight td { + background-color: #F2F7B7; +} +.webida-light .dojoxGridRow-error td { + background-color: #F8B8B6; +} +.webida-light .dojoxGridInput, +.webida-light .dojoxGridSelect, +.webida-light .dojoxGridTextarea { + margin: 0; + padding: 0; + border-style: none; + width: 100%; + font-size: 100%; + font-family: inherit; +} +.webida-light .dojoxGridHiddenFocus { + position: absolute; + top: -1000px; + height: 0; + width: 0; +} +.webida-light .dijit_a11y .dojoxGridRowbarSelected { + border-top: 1px solid white; + border-bottom: 1px dashed black; + border-top: 0; + background: none; +} +.webida-light .dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { + border: 0; + border-top: 1px solid white; +} +.webida-light .dijit_a11y .dojoxGridRowSelected { + border: 1px solid black !important; +} +.webida-light .dojoxGridRowTable .dojoDndHorizontal th.dojoDndItem { + display: table-cell; + margin: 0; +} +.webida-light .dojoxGridDndAvatar { + font-size: 100%; +} +.webida-light .dojoxGrid .dojoDndItemBefore { + border-left-color: red; +} +.webida-light .dojoxGrid .dojoDndItemAfter { + border-right-color: red; +} +.webida-light .dijit_a11y .dojoDndItemBefore { + border-left: double; +} +.webida-light .dijit_a11y .dojoDndItemAfter { + border-right: double; +} +.webida-light .dojoxGridDndAvatarItem td { + border: 1px solid; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + background: url("../images/grid_dx_gradient.gif") #e8e1cf top repeat-x; + padding: 0pt; + margin: 0pt; +} +.webida-light .dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { + border: 0; + border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; + background-color: transparent; + padding: 3px; + padding-bottom: 2px; + margin: 0; +} +.webida-light .dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndNoMove.png"); + background-repeat: no-repeat; + background-position: center center; +} +.webida-light .dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndNoCopy.png"); + background-repeat: no-repeat; + background-position: center center; +} +.webida-light .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndMove.png"); + background-repeat: no-repeat; + background-position: center center; +} +.webida-light .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { + background-image: url("../images/dndCopy.png"); + background-repeat: no-repeat; + background-position: center center; +} +.webida-light .dojoxGridColPlaceBottom { + background: transparent url("../images/grid_sort_up.gif") no-repeat scroll left top; +} +.webida-light .dojoxGridColPlaceTop { + background: transparent url("../images/grid_sort_down.gif") no-repeat scroll left top; +} +.webida-light .dojoxGridColPlaceTop, +.webida-light .dojoxGridColPlaceBottom { + font-size: 1px; + height: 6px; + z-index: 10000; + top: 0; + overflow: hidden; + position: absolute; + line-height: 1px; + width: 8px; +} +.webida-light .dojoxGridResizeColLine { + width: 1px; + background-color: #777; + position: absolute; + cursor: col-resize; + z-index: 10000; +} +.webida-light .dojoxGridColNoResize, +.webida-light .dojoxGridColNoResize .dojoDndItemOver { + cursor: not-allowed !important; +} +.webida-light .dojoxGridColResize, +.webida-light .dojoxGridColResize .dojoDndItemOver, +.webida-light .dojoxGridColumnResizing, +.webida-light .dojoxGridColumnResizing .dojoDndItemOver, +.webida-light .dojoxGridColumnResizing .dojoxGridHeader { + cursor: col-resize !important; +} +.webida-light .dojoxGridColPlaceBottom { + background: transparent url("../images/grid_sort_up.gif") no-repeat scroll left top; +} +.webida-light .dojoxGridColPlaceTop { + background: transparent url("../images/grid_sort_down.gif") no-repeat scroll left top; +} +.webida-light .dojoxGridColPlaceTop, +.webida-light .dojoxGridColPlaceBottom { + font-size: 1px; + height: 6px; + z-index: 10000; + top: 0; + overflow: hidden; + position: absolute; + line-height: 1px; + width: 8px; +} +.webida-light .dojoxGridResizeColLine { + width: 1px; + background-color: #777; + position: absolute; +} +.webida-light .dojoxGridExpandoCell { + vertical-align: middle; +} +.webida-light .dojoxGridSummarySpan { + visibility: hidden; +} +.webida-light .dojoxGridSummaryRow .dojoxGridSummarySpan, +.webida-light .dojoxGridRowCollapsed .dojoxGridSummarySpan { + visibility: visible; +} +.webida-light .dojoxGridNoChildren .dojoxGridExpando { + visibility: hidden !important; + width: 0px !important; +} +.webida-light .dj_ie .dojoxGridRtl .dojoxGridHeader table { + float: none; +} +.webida-light .dojoxGridRtl .dojoxGridCell { + text-align: right; +} +.webida-light .dj_ie8 .dojoxGridRtl .dojoxGridCell { + border-left: none; +} +.webida-light .dj_ie .dojoxGridRtl .dojoxGridMasterView .dojoxGridRowTable { + border-left: #e5dac8 1px solid; +} +.webida-light .dojoxGridRtl .dojoxGridArrowButtonNode { + float: left; +} +.webida-light .dojoxGridRowSelector { + cursor: pointer; +} +.webida-light .dojoxGridRowSelectorStatusText { + visibility: hidden; +} +.webida-light .dijit_a11y .dojoxGridRowSelected { + opacity: 0.8 !important; +} +.webida-light .dijit_a11y .dojoxGridBorderDIV { + border: 2px solid #000 !important; +} +.webida-light .dijit_a11y .dojoxGridRowSelector { + height: 100% !important; +} +.webida-light .dijit_a11y .dojoxGridRowSelectorStatusText { + font-size: larger !important; + visibility: visible; +} +.webida-light .dijit_a11y .dijitCheckBox .dojoxGridRowSelectorStatusText { + font-weight: bolder !important; + font-size: x-large !important; +} +.webida-light .dijit_a11y .dijitCheckBoxChecked .dojoxGridRowSelectorStatusText { + font-size: small !important; +} +.webida-light .dojoxGridFBar { + width: 100%; + cursor: pointer; +} +.webida-light .dojoxGridFBar .dojoxGridFBarBtn { + margin: 0; +} +.webida-light .dojoxGridFBarBtnTD { + width: 38px; +} +.webida-light .dojoxGridFBar .dojoxGridFBarBtn .dijitButtonNode { + -moz-border-radius: 1px; + -webkit-border-radius: 1px; + padding-top: 0; + padding-bottom: 0; + padding-right: 2px; +} +.webida-light .dojoxGridFBarDefFilterBtnIcon { + background: url("../images/sprite_icons.png") no-repeat; + background-position: -100px -18px; + width: 14px; + height: 14px; +} +.webida-light .dj_ie .dojoxGridFBarInner { + display: inline-block; + width: 100%; +} +.webida-light .dojoxGridFBarStatus { + margin-left: 9px; + float: left; +} +.webida-light .dojoxGridFBarClearFilterBtn { + margin: 0 0 0 10px; + vertical-align: top; + float: left; +} +.webida-light .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn .dijitButtonNode, +.webida-light .dojoxGridFBarInfoTD .dojoxGridFBarCloseBtn .dijitButtonNode, +.webida-light .dojoxGridFDPane .dijitAccordionTitle .dijitButtonNode, +.webida-light .dojoxGridFStatusTipDetail .dijitButton .dijitButtonNode { + -moz-border-radius: 0; + -moz-box-shadow: none; + -webkit-border-radius: 0; + -webkit-box-shadow: none; + background-image: none; + background-color: transparent; + margin: 0; + padding: 0; + border: none; +} +.webida-light .dj_ie .dojoxGridFBarInner { + position: relative; +} +.webida-light .dojoxGridFBarCloseBtn { + margin: 0 4px 0 0; + float: right; +} +.webida-light .dj_ie .dojoxGridFBarCloseBtn { + float: none; + position: absolute; + right: 0; +} +.webida-light .dojoxGridFBarCloseBtnIcon { + background: url("../images/sprite_icons.png") no-repeat; + background-position: -119px -20px; + width: 14px; + height: 14px; +} +.webida-light .dijitButtonHover .dojoxGridFBarCloseBtnIcon { + background-position: -140px -20px; +} +.webida-light .dijitButtonActive .dojoxGridFBarCloseBtnIcon { + background-position: -160px -20px; +} +.webida-light .dojoxGridFDTitlePane { + width: 316px; + height: 330px; +} +.webida-light .dijit_a11y .dojoxGridFDTitlePane .dijitArrowButtonInner { + display: none !important; +} +.webida-light .dojoxGridFDTitlePane .dijitDialogPaneContent { + padding: 7px 5px 9px 5px; + height: 290px !important; +} +.webida-light .dojoxGridFDTitlePane .dijitTitlePaneTitle { + cursor: move; +} +.webida-light .dojoxGridFDPaneRelation { + margin: 0 0 3px 4px; +} +.webida-light .dojoxGridFDPane { + width: 100%; + height: 100%; + position: relative; +} +.webida-light .dojoxGridFDPaneRulePane { + height: 222px; + overflow: auto; + position: relative; +} +.webida-light .dj_ie6 .dojoxGridFDPaneRulePane { + width: 100%; +} +.webida-light .dojoxGridFDPane .dijitAccordionContainer .dijitContentPane { + padding: 6px 9px; +} +.webida-light .dojoxGridFDPane .dijitAccordionTitle { + position: relative; + min-height: 17px; +} +.webida-light .dojoxGridFDPane .dijitAccordionTitle .dijitButton { + position: absolute; + margin: 0; + right: 3px; + top: 4px; +} +.webida-light .dj_ie6 .dojoxGridFDPane .dijitAccordionTitle .dijitButton { + top: 2px; +} +.webida-light .dojoxGridFDPane .dijitAccordionTitleFocus { + margin-right: 14px; +} +.webida-light .dojoxGridFDPane .dijitAccordionText { + display: inline-block; + position: relative; +} +.webida-light .dojoxGridFCBoxRemoveCBoxBtnIcon { + background-image: url("../images/sprite_icons.png"); + background-position: -198px -18px; + width: 16px; + height: 16px; +} +.webida-light .dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon { + background-position: -198px 2px; +} +.webida-light .dojoxGridRuleTitleCondition { + font-style: italic; +} +.webida-light .dojoxGridFDPaneModes .dijitSelect { + position: relative; +} +.webida-light .dojoxGridFDPaneBtns { + position: absolute; + right: 0; + bottom: 0; +} +.webida-light .dj_ie7 .dojoxGridFDPaneBtns, +.webida-light .dj_ie6 .dojoxGridFDPaneBtns { + z-index: -1; +} +.webida-light .dojoxGridFDPaneBtns .dijitButton { + float: right; +} +.webida-light .dojoxGridFDPaneAddCBoxBtn { + margin-top: 9px; +} +.webida-light .dojoxGridFDPaneAddCBoxBtnIcon { + background-image: url("../images/sprite_icons.png"); + background-position: -218px 2px; + width: 16px; + height: 16px; +} +.webida-light .dijitButtonDisabled .dojoxGridFDPaneAddCBoxBtnIcon { + background-position: -218px -18px; +} +.webida-light .dojoxGridFCBox { + height: 125px; +} +.webida-light .dojoxGridFCBoxSelCol, +.webida-light .dojoxGridFCBoxCondition { + height: 40px; +} +.webida-light .dojoxGridFCBox .dojoxGridFCBoxColSelect, +.webida-light .dojoxGridFCBox .dojoxGridFCBoxCondSelect, +.webida-light .dojoxGridFCBox .dojoxGridFCBoxValueBox { + margin: 0.1em 0 0 0; + width: 100%; + display: inline-table; +} +.webida-light .dojoxGridFCBoxCondSelectAlt { + width: 100%; + padding: 5px 0 0 0; + font-weight: bold; +} +.webida-light .dojoxGridFCBox .dijitSelect .dijitArrowButton { + width: 18px; +} +.webida-light .dojoxGridFCBoxStartValue { + width: 45%; +} +.webida-light .dojoxGridFCBoxEndValue { + float: right; + width: 45%; +} +.webida-light .dojoxGridFCBoxRangeValueTxt { + margin-left: 4px; +} +.webida-light .dojoxGridFStatusTipDialog .dijitTooltipContainer { + padding: 9px 5px; +} +.webida-light .dojoxGridFStatusTip thead, +.webida-light .dojoxGridFStatusTip tr { + height: 19px; +} +.webida-light .dojoxGridFStatusTip th { + max-width: 150px; +} +.webida-light .dojoxGridFStatusTip th div { + padding: 2px 5px; +} +.webida-light .dojoxGridFStatusTip td { + padding: 2px 6px; + max-width: 150px; + overflow: hidden; +} +.webida-light .dojoxGridFStatusTipHead { + margin-bottom: 9px; +} +.webida-light .dojoxGridFStatusTipTitle { + font-weight: bold; + margin-right: 1em; +} +.webida-light .dojoxGridFStatusTipHandle { + position: relative; + padding-right: 16px; +} +.webida-light .dojoxGridFStatusTipDetail .dijitButton { + position: absolute; + margin: 0; + padding: 0; + top: -1px; + right: 0; +} +.webida-light .dojoxGridFStatusTipDelRuleBtnIcon { + background-image: url("../images/sprite_icons.png"); + background-position: -198px -18px; + height: 16px; + width: 16px; +} +.webida-light .dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon { + background-position: -198px 2px; +} +.webida-light .dj_ie7 .dojoxGridClearFilterConfirm, +.webida-light .dj_ie6 .dojoxGridClearFilterConfirm { + width: 300px; +} +.webida-light .dojoxGridClearFilterBtns { + padding: 10px; + height: 18px; +} +.webida-light .dojoxGridClearFilterBtns .dijitButton { + float: right; +} +.webida-light .dojoxGridTrueBox { + float: left; + width: 49%; +} +.webida-light .dojoxGridFalseBox { + float: left; + width: 49%; +} +.webida-light .dojoxGridBoolValueBox .dijitRadio { + vertical-align: middle; +} +.webida-light .dojoxGridTrueLabel, +.webida-light .dojoxGridFalseLabel { + width: 116px; + display: inline-block; + vertical-align: middle; +} +.webida-light .dj_ie7 .dojoxGridTrueLabel, +.webida-light .dj_ie7 .dojoxGridFalseLabel { + display: inline; +} +.webida-light .dojoxGridPaginator { + border-top: 1px #DBDBDB solid; + text-align: center; + width: 100%; + height: 24px; + table-layout: fixed; + background-color: #EAEAEA; +} +.webida-light .dojoxGridDescriptionTd { + text-align: left; + width: 35%; +} +.webida-light .dojoxGridDescription { + text-align: left; + margin-left: 9px; + overflow: hidden; +} +.webida-light .dojoxGridPaginatorFastStep { + text-align: right; + width: 35%; + overflow: hidden; +} +.webida-light .dojoxGridPaginatorStep { + float: right; +} +.webida-light .dojoxGridPaginatorGotoTd { + width: 20px !important; +} +.webida-light .dojoxGridPaginatorGotoDiv { + cursor: pointer; + width: 12px !important; + height: 16px !important; + margin: 0 6px 0 2px; + background: url("../images/sprite_icons.png") no-repeat -77px 4px; +} +.webida-light .dojoxGridPaginatorGotoDivDisabled { + cursor: not-allowed; + background: url("../images/sprite_icons.png") no-repeat -77px -16px; +} +.webida-light .dojoxGridWardButton { + margin-top: 2px; + width: 12px !important; + height: 12px !important; + float: left; + background: url("../images/sprite_icons.png") no-repeat; +} +.webida-light .dojoxGridWardButtonInner { + visibility: hidden; +} +.webida-light .dijit_a11y .dojoxGridWardButtonInner { + visibility: visible; + margin-bottom: 8px; +} +.webida-light .dojoxGridfirstPageBtn { + cursor: pointer; + margin-left: 1px; + background-position: -57px 3px; +} +.webida-light .dojoxGridfirstPageBtnDisable { + margin-left: 1px; + cursor: not-allowed; + background-position: -57px -17px; +} +.webida-light .dojoxGridprevPageBtn { + cursor: pointer; + margin: 2px 2px 0 9px; + background-position: 3px 3px; +} +.webida-light .dojoxGridprevPageBtnDisable { + cursor: not-allowed; + margin: 2px 2px 0 9px; + background-position: 3px -17px; +} +.webida-light .dojoxGridlastPageBtn { + cursor: pointer; + margin: 2px 9px 0 9px; + background-position: -37px 3px; +} +.webida-light .dojoxGridlastPageBtnDisable { + cursor: not-allowed; + margin: 2px 9px 0 9px; + background-position: -37px -17px; +} +.webida-light .dojoxGridnextPageBtn { + cursor: pointer; + margin-left: 3px; + background-position: -17px 3px; +} +.webida-light .dojoxGridnextPageBtnDisable { + margin-left: 3px; + cursor: not-allowed; + background-position: -17px -17px; +} +.webida-light .dojoxGridInactived { + font-weight: normal; + color: #5D88AF; + cursor: pointer; + margin: 1px 6px 0 5px; + float: left; + zoom: 1; +} +.webida-light .dojoxGridActived { + font-weight: bold; + color: black; + margin: 1px 6px 0 5px; + float: left; + text-decoration: none !important; + zoom: 1; +} +.webida-light .dojoxGridInactiveSwitch { + font-weight: normal; + color: #5D88AF; + float: left; + cursor: pointer; + margin: 1px 7px 0 7px; + zoom: 1; +} +.webida-light .dojoxGridActivedSwitch { + font-weight: bold; + color: black; + float: left; + margin: 1px 7px 0 7px; + text-decoration: none !important; + zoom: 1; +} +.webida-light .dojoxGridSeparator { + float: left; +} +.webida-light .dojoxGridPageTextHover { + text-decoration: underline; +} +.webida-light .dojoxGridDialogMargin { + width: 220px !important; + margin-bottom: 10px; +} +.webida-light .dj_ie6 .dojoxGridDialogMargin { + position: relative; +} +.webida-light .dojoxGridDialogButton { + width: 220px !important; + text-align: right; +} +.webida-light .dojoxGridButtonFocus { + outline: none; + border: 0.5px dotted darkblue !important; +} +.webida-light .dojoxGridBorderDIV { + width: 2px; + background-color: gray; + font-size: 0em; + position: absolute; + z-index: 9999; +} +.webida-light .dojoxGridCellBorderDIV { + position: absolute; + background-color: transparent; + border: none; +} +.webida-light .dojoxGridCellBorderLeftTopDIV { + position: absolute; + left: 0; + top: 0; + border-style: solid; + border-width: 2px 0 0 2px; + border-color: gray transparent transparent gray; +} +.webida-light .dojoxGridCellBorderRightBottomDIV { + position: absolute; + right: 0; + bottom: 0; + border-style: solid; + border-width: 0 2px 2px 0; + border-color: transparent gray gray transparent; +} +.webida-light .dojoxGridDnDItemIcon { + background-image: url("../images/sprite_icons.png"); +} +.webida-light .dojoxGridDnDIconRowSingle { + background-position: -256px 5px; +} +.webida-light .dojoxGridDnDIconRowMulti { + background-position: -256px -16px; +} +.webida-light .dojoxGridDnDIconColSingle { + background-position: -277px 3px; +} +.webida-light .dojoxGridDnDIconColMulti { + background-position: -277px -17px; +} +.webida-light .dojoxGridDnDIconCellSingle { + background-position: -235px 5px; +} +.webida-light .dojoxGridDnDIconCellMulti { + background-position: -236px -16px; +} +.webida-light .dojoxGridDndAvatar { + background-color: white; + border: 1px solid #CCCCCC; + padding: 0px; + -moz-box-shadow: 5px 5px 7px #999; + -webkit-box-shadow: 5px 5px 7px #999; + box-shadow: 5px 5px 7px #999; + z-index: 999; +} +.webida-light .dojoxGridDndAvatar td { + padding: 3px; +} +.webida-light .dojoxGridDnDIcon, +.webida-light .dojoxGridDnDItemIcon { + width: 16px; + height: 16px; +} +.webida-light .dojoDndMove .dojoxGridDnDIcon { + background: url("../images/dndNoMove.png") no-repeat center center; +} +.webida-light .dojoDndCopy .dojoxGridDnDIcon { + background: url("../images/dndNoCopy.png") no-repeat center center; +} +.webida-light .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDnDIcon { + background: url("../images/dndMove.png") no-repeat center center; +} +.webida-light .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDnDIcon { + background: url("../images/dndCopy.png") no-repeat center center; +} +.webida-light .dojoxGrid .dojoxGridSortNode { + position: relative; + border: 1px solid transparent; + cursor: pointer; +} +.webida-light .dj_ie6 .dojoxGrid .dojoxGridSortNode, +.webida-light .dj_ie7 .dojoxGrid .dojoxGridSortNode { + overflow: hidden; + width: 100%; +} +.webida-light .dojoxGrid .dojoxGridSortNoWrap { + white-space: nowrap; + word-wrap: normal; +} +.webida-light .dojoxGridSortBtn { + width: 10px; + height: 100%; + visibility: hidden; + top: 0; + display: block; + position: absolute; + color: #000; + background: #dfeaf1 url("../images/sprite_icons.png") no-repeat 100px 0; + text-decoration: none; + outline: none; + right: 0; + border: 1px solid transparent; + box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -webkit-box-sizing: border-box; + -khtml-box-sizing: border-box; +} +.webida-light .dj_ie6 .dojoxGridSortBtn, +.webida-light .dj_ie6 .dojoxGrid .dojoxGridSortNode { + border: none; +} +.webida-light .dojoxGridSortBtnNested { + right: 10px; +} +.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtn { + border-left: 1px solid #999999; + background-color: #DFEAF1; +} +.webida-light .dojoxGridCellOver .dojoxGridSortBtn { + border-left: 1px solid #999999; + background-color: #9dcfff; +} +.webida-light .dojoxGridSortNode { + outline: none; +} +.webida-light .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortNode, +.webida-light .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain, +.webida-light .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain { + margin-right: 5px; +} +.webida-light .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode, +.webida-light .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode { + margin-right: 24px; +} +.webida-light html > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle { + right: -5px; +} +.webida-light html > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, +.webida-light html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, +.webida-light html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { + right: -10px; +} +.webida-light html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, +.webida-light html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle, +.webida-light html > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle, +.webida-light html > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle { + right: -28px; +} +.webida-light html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested, +.webida-light html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested { + right: -17px; +} +.webida-light .dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridNoSort .dojoxGridSortNode { + margin: 0 !important; +} +.webida-light .dj_ie7 .dojoxGridSortBtn { + right: 0 !important; +} +.webida-light .dj_ie7 .dojoxGridSortBtnNested { + right: 10px !important; +} +.webida-light .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle, +.webida-light .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle, +.webida-light .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnNested, +.webida-light .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnNested, +.webida-light .dojoxGrid .dojoxGridCellShowIndex .dojoxGridSortNode .dojoxGridSortBtnNested, +.webida-light .dojoxGrid .dojoxGridSortNodeSorted .dojoxGridSortBtn { + visibility: visible; +} +.webida-light .dojoxGridSingleSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnNested, +.webida-light .dojoxGridSingleSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnNested, +.webida-light .dojoxGridSingleSorted .dojoxGridSortNode .dojoxGridSortBtnNested { + visibility: hidden; +} +.webida-light .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle { + background-position: -119px 5px; + visibility: visible; +} +.webida-light .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle { + background-position: -99px 5px; + visibility: visible; +} +.webida-light .dojoxGridCellOver .dojoxGridSortBtnSingle, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { + background-position: -159px 5px; +} +.webida-light .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle, +.webida-light .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc, +.webida-light .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc { + background-position: -139px 5px; +} +.webida-light .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, +.webida-light .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc, +.webida-light .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc { + background-position: -179px 5px; +} +.webida-light .dojoxGridCellOver .dojoxGridSortBtnNested, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtnNested { + background-position: -149px 5px; + width: 19px; +} +.webida-light .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested { + background-position: -129px 5px; +} +.webida-light .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested { + background-position: -169px 5px; +} +.webida-light .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle, +.webida-light .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle { + background-position: -159px 5px; +} +.webida-light .dojoxGridCellOver .dojoxGridSortBtn:hover { + background-color: #A3E4FF; +} +.webida-light .dojoxGrid .dojoxGridSortNodeFocus, +.webida-light .dojoxGridCellSortFocus .dojoxGridRowSelector, +.webida-light .dojoxGridCellSortFocus .dojoxGridSortBtnFocus { + border: 1px dashed #666; +} +.webida-light .dojoxEllipsis, +.webida-light .dojoxEllipsisShown { + white-space: nowrap; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + -webkit-text-overflow: ellipsis; +} +.webida-light .dojoxEllipsis window { + width: 100%; + -moz-user-focus: normal; + -moz-user-select: text; +} +.webida-light .dojoxEllipsis description { + -moz-user-focus: normal; + -moz-user-select: text; +} +.webida-light .dojoxEllipsisIFrame { + white-space: normal; + border: none; + width: 100%; + display: block; + height: 1px; + margin-top: -1px; + clear: both; +} +.webida-light .dojoxEllipsisContainer { + width: 100%; +} +.webida-light .dojoxEllipsisShown:after { + content: "\2026"; +} +.webida-light .dj_ie .dojoxGridHeader .dojoxGridRowTable { + border-collapse: separate; +} +.webida-light .dj_ie6 .dojoxGridHeader .dojoxGridRowTable, +.webida-light .dj_ie7 .dojoxGridHeader .dojoxGridRowTable { + border-collapse: collapse; + border-right: 0px; +} +.webida-light .dj_ie6 .dojoxGridRowbar, +.webida-light .dj_ie6 .dojoxGridRowbarTable { + background-image: none; +} +.webida-light .dj_ie .dojoxGridMasterView .dojoxGridRowTable { + border-collapse: separate; +} +.webida-light .dj_ie6 .dojoxGridMasterView .dojoxGridRowTable, +.webida-light .dj_ie7 .dojoxGridMasterView .dojoxGridRowTable { + border-collapse: collapse; +} +.webida-light .dj_ie7 .dojoxGridCell, +.webida-light .dj_ie7 .dojoxGridHeader .dojoxGridCell { + border-left: 0px; +} +.webida-light .dj_ie6 .dojoxGridCell { + border-color: #F5F5F5; +} +.webida-light .dj_ie6 .dojoxGridRowOdd .dojoxGridCell { + border-left-color: #f4f9fd; + border-right-color: #f4f9fd; +} +.webida-light .dj_ie6 .dojoxGridRowSelected .dojoxGridCell { + border-left-color: #d3e9fb; + border-right-color: #d3e9fb; +} +.webida-light .dj_ie6 .dojoxGridRowOver .dojoxGridCell, +.webida-light .dj_ie7 .dojoxGridRowOver .dojoxGridCell { + border-right: 1px solid #ABD6FF; +} +.webida-light .dj_ie6 .dojoxGridRowActive .dojoxGridCell, +.webida-light .dj_ie7 .dojoxGridRowActive .dojoxGridCell { + border-left: 1px solid #7DBEFA; + border-right: 1px solid #7DBEFA; +} +.webida-light .dj_ie6 .dojoxGridCell { + background-image: none !important; +} +.webida-light .dijitRtl .dojoxGridExpando { + float: right; +} +.webida-light .dj_ie6 .dojoxGridExpandoNode { + background-image: url("../images/treeExpandImages8bit.png"); +} +.webida-light .dj_ie6 .dojoxGridSummaryRow .dojoxGridCell { + border-color: #ffffff; +} +.webida-light .dj_ie6 .dojoxGridRowOver .dojoxGridCell { + border-color: #ABD6FF; +} +.webida-light .dj_ie6 .dojoxGridRowActive .dojoxGridCell { + border-color: #7DBEFA; +} +.webida-light .dj_gecko .dojoxGridFBarInfoTD, +.webida-light .dj_webkit .dojoxGridFBarInfoTD { + border-top: 1px solid #BFD6EB; + border-bottom: 1px solid #BFD6EB; +} +.webida-light .dj_ie .dojoxGridFBarInner { + border-top: 1px solid #BFD6EB; + border-bottom: 1px solid #BFD6EB; + display: inline-block; + width: 100%; +} +.webida-light .dj_ie6 .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { + background-image: none; +} +.webida-light .dj_ie6 .dojoxGridHeader .dojoxGridCell { + border-color: #BCBCBC #BCBCBC #BCBCBC #e5edf4; +} +.webida-light .dojoxGridHeader .dojoxGridRowTable tr { + background: none; +} +.webida-light .dojoxGridHeader tr:first-child .dojoxGridCell { + border-top: 1px solid transparent; +} +.webida-light .dojoxGridHeader:first-child .dojoxGridRowTable { + border-left-width: 0; +} +.webida-light .dojoxGridHeader:first-child { + margin-left: -1px; +} +.webida-light .dojoxGridScrollbox { + background-color: #fefefe; +} +.webida-light .dojoxGridRowbar { + background: #cfd7e4; + border: none; + border-right: 1px solid #7e8897; + border-top: 1px solid #7e8897; +} +.webida-light .dojoxGridRowbarTable { + background: transparent url("../images/header_shadow.png") repeat-x scroll center bottom; +} +.webida-light .dojoxGridRowbarInner { + border: none; + border-bottom: 1px solid #ccc; +} +.webida-light .dojoxGridRowbarOver .dojoxGridRowbarTable { + background-color: #abd5fd; +} +.webida-light .dojoxGridRowbarSelected { + background-color: #abd5fd; + border-right: 1px solid #ccc; +} +.webida-light .dojoxGridRow { + border: none; + background-color: #fff; + border-top: 1px solid #7e8897; +} +.webida-light .dojoxGridRowTable tr { + background: url("../images/row_back.png") #ffffff repeat-x; +} +.webida-light .dojoxGridRowOdd .dojoxGridRowTable tr { + background-color: #f7fcff; +} +.webida-light .dojoxGridRowSelected .dojoxGridRowTable tr { + background-color: #cee6fa; +} +.webida-light .dojoxGrid .dojoxGridCell { + outline: none; + padding: 3px 5px; + border: 1px solid transparent; + border-color: transparent #7e8897 transparent transparent; +} +.webida-light .dojoxGridRowSelected .dojoxGridCell { + border-top: 1px solid #BFD6EB; + border-bottom: 1px solid #BFD6EB; +} +.webida-light .dojoxGridCellFocus { + outline: none; + border: 1px dashed darkblue !important; +} +.webida-light .dojoxGridRowOver .dojoxGridCell { + background: url("../images/row_back.png") #abd6ff repeat-x; + border-top: 1px solid #769DC0; + border-bottom: 1px solid #769DC0; +} +.webida-light .dojoxGridRowActive .dojoxGridCell { + background: url("../images/td_button_down.png") #7dbefa repeat-x; +} +.webida-light .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { + border: solid 1px #769dc0; + background-color: #93cafe; + border-collapse: separate; +} +.webida-light .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell { + background-image: url("../images/row_back.png"); +} +.webida-light .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { + background: url("../images/td_button_down.png") #93cafe repeat-x; +} +.webida-light .dojoxGridRowEditing td { + background-color: #cee6fa; +} +.webida-light .dojoxGridRow-inserting td { + background-color: #F4FFF4; +} +.webida-light .dojoxGridRow-inflight td { + background-color: #F2F7B7; +} +.webida-light .dojoxGridRow-error td { + background-color: #F8B8B6; +} +.webida-light .dojoxGrid .dojoDndItemBefore { + border-left-color: #3559ac; +} +.webida-light .dojoxGrid .dojoDndItemAfter { + border-right-color: #3559ac; +} +.webida-light .dojoxGridExpando { + float: left; + height: 18px; + width: 18px; + text-align: center; + margin-top: -3px; +} +.webida-light .dojoxGridExpandoCell { + padding-top: 5px; + background-position: left top !important; +} +.webida-light .dojoxGridExpandoNode { + background-image: url("../images/treeExpandImages.png"); + width: 16px; + height: 16px; + cursor: pointer; + background-position: 1px 0px; +} +.webida-light .dojoxGridRowOver .dojoxGridExpandoNode { + background-position: -17px 0px; +} +.webida-light .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -35px 0px; +} +.webida-light .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -53px 0px; +} +.webida-light .dojoxGridExpandoLoading .dojoxGridExpandoNode { + background-image: url("../images/loadingAnimation.gif"); +} +.webida-light .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { + visibility: visible !important; + width: 18px !important; +} +.webida-light .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { + background-image: none; +} +.webida-light .dojoxGridExpandoNodeInner { + visibility: hidden; +} +.webida-light .dijit_a11y .dojoxGridExpandoNodeInner { + visibility: visible; +} +.webida-light .dojoxGridSummaryRow .dojoxGridCell { + border: 1px solid transparent; +} +.webida-light tr.dojoxGridSubRowAlt { + background-color: #f4f9fd; +} +.webida-light .dojoxGridRowOdd tr.dojoxGridSubRowAlt { + background-color: #fff; +} +.webida-light .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { + background-color: #cee6fa; +} +.webida-light .dojoxGridHeader .dojoxGridHeaderActive { + background-color: #91c9fe; +} +.webida-light td.dojoxGridRowSelected { + border-collapse: separate; + background: url("../images/row_back.png") #cee6fa repeat-x; +} +.webida-light .dojoxGridRowOver td.dojoxGridRowSelected { + border-top: 1px solid #769DC0; + border-bottom: 1px solid #769DC0; +} +.webida-light .dojoxGridRowActive td.dojoxGridRowSelected { + background-image: url("../images/td_button_down.png"); +} +.webida-light .dojoxGridPaginator { + background: url("../images/header_shadow.png") repeat-x scroll center bottom #e5edf4; +} +.webida-light .dojoxGridFBarInfoTD { + background: url("../images/header_shadow.png") #f2f9ff repeat-x bottom; + background: -moz-linear-gradient(top, #f2f9ff, #eaf5ff); + background: -webkit-gradient(linear, left top, left bottom, from(#f2f9ff), to(#eaf5ff)); +} +.webida-light .dojoxGridFBarHover .dojoxGridFBarInfoTD { + background: url("../images/header_shadow.png") #f2f9ff repeat-x bottom; + background: -moz-linear-gradient(top, #ecf6ff 2px, #f2f9ff, #eaf5ff 6px); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ecf6ff), color-stop(0.6, #f2f9ff), color-stop(0.8, #eaf5ff)); +} +.webida-light .dojoxGridFBarClearFilterBtn { + color: #5B83B6; +} +.webida-light .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText { + text-decoration: underline; +} +.webida-light .dojoxGridFBar { + border-left: 1px solid white; +} +.webida-light .dojoxGridFStatusTip table { + border: 1px solid #BCBCBC; +} +.webida-light .dojoxGridFStatusTip th { + background-color: #E8EFF4; + border-bottom: 1px solid #BCBCBC; +} +.webida-light .dojoxGridFStatusTip th div { + background-color: #E8EFF4; + border-left: 1px solid white; + border-right: 1px solid #BCBCBC; + border-top: 1px solid white; + border-bottom: 1px solid white; +} +.webida-light .dojoxGridFStatusTip th.lastColumn div { + border-right: 1px solid white; +} +.webida-light .dojoxGridFStatusTip td { + border-top: 1px solid white; + border-bottom: 1px solid white; +} +.webida-light .dojoxGridFStatusTipCondition { + font-style: italic; +} +.webida-light .dojoxGridFStatusTipOddRow { + background-color: #F1F8FF; +} +.webida-light .dojoxGrid { + padding: 0px; + border-collapse: collapse; + border: 1px solid #7e8897; +} +.webida-light .dojoxGridMasterMessages { + background-color: #fefefe; +} +.webida-light .dojoxGridLoading, +.webida-light .dojoxGridError { + background-position: left center; + background-repeat: no-repeat; + padding-left: 25px; +} +.webida-light .dojoxGridLoading { + background-image: url("../images/loadingAnimation.gif"); +} +.webida-light .dojoxGridError { + background-image: url("../images/commonIconsObjActEnabled.png"); + background-position: -496px; + width: 16px; + height: 16px; +} +.webida-light .dojoxGridHeader { + background: transparent; + margin-left: -2px; +} +.webida-light .dojoxGridHeader .dojoxGridCell { + padding: 2px 5px; + vertical-align: top; + background: transparent; + border-style: solid; + border-width: 1px; + border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; +} +.webida-light .dojoxGridHeader .dojoxGridCellOver { + background: #9dcfff; +} +.webida-light .dojoxGridSortNode { + text-decoration: none; + display: block; + white-space: normal; + background: none; + border: none; + padding: 0; +} +.webida-light .dojoxGridCellOver .dojoxGridSortNode { + background-color: #9dcfff; +} +.webida-light .dojoxGridArrowButtonChar { + display: none; + float: right; +} +.webida-light .dojoxGridArrowButtonNode { + background: transparent url("../images/spriteArrows.png") no-repeat scroll left center; + display: block; + float: right; + height: 1em; + margin: 2px 4px 0 5px; + padding-left: 0; + width: 7px; +} +.webida-light .dojoxGridSortUp .dojoxGridArrowButtonNode { + background-position: -21px 50%; +} +.webida-light .dojoxGridMasterHeader { + /*background: url("images/header.png") #EDF2F7 repeat-x bottom; + background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); + background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA));*/ + background-color: #cfd7e4; + margin-bottom: 2px; + border-bottom: 1px solid #7e8897; +} +.webida-light .dojoxGridMasterHeader .dojoxGridRowTable { + border-left: 1px solid #7e8897; + background-color: transparent; +} +.webida-light .dojoxExpandoPane { + overflow: hidden; + z-index: 440 !important; +} +.webida-light .dojoxExpandoPane .dojoxExpandoWrapper { + overflow: hidden; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoTitleNode { + display: none; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoWrapper * { + overflow: hidden !important; +} +.webida-light .dojoxExpandoTitleNode { + padding-right: 6px; + padding-left: 6px; +} +.webida-light .dojoxExpandoIcon .a11yNode { + display: none; + visibility: hidden; +} +.webida-light .dojoxExpandoBottom .dojoxExpandoIcon, +.webida-light .dojoxExpandoTop .dojoxExpandoIcon, +.webida-light .dojoxExpandoLeft .dojoxExpandoIcon { + float: right; + margin-right: 2px; +} +.webida-light .dojoxExpandoRight .dojoxExpandoIcon { + float: left; + margin-left: 2px; +} +.webida-light .dojoxExpandoIcon { + width: 14px; + cursor: pointer; + background-position: -60px 0px; + background-repeat: no-repeat; + height: 14px; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoIcon { + background-position: 0px 0px; + margin: 0 auto; +} +.webida-light .dijitBorderContainer-dijitExpandoPane { + border: none !important; +} +.webida-light .soria .dojoxExpandoTitle { + height: 16px; + font-size: 0.9em; + font-weight: bold; + padding: 3px; + padding-top: 6px; + padding-bottom: 5px; + background: #f0f4fc url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; + border-left: 1px solid #B1BADF; + border-right: 1px solid #B1BADF; +} +.webida-light .soria .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #F0F4FC; + border: none; +} +.webida-light .soria .dojoxExpandoClosed { + background: none; + background-color: #F0F4FC; + border: 1px solid #B1BADF !important; +} +.webida-light .soria .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png'); +} +.webida-light .dj_ie6 .soria .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.gif'); +} +.webida-light .tundra .dojoxExpandoTitle { + font-weight: bold; + padding: 5px; + padding-top: 6px; + padding-bottom: 6px; + background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; +} +.webida-light .tundra .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #fafafa; + border: none; + padding: 3px; +} +.webida-light .tundra .dojoxExpandoClosed { + background: none; + background-color: #fafafa; + border: 1px solid #ccc !important; +} +.webida-light .tundra .dojoxExpandoRight .dojoxExpandoTitle, +.webida-light .tundra .dojoxExpandoLeft .dojoxExpandoTitle, +.webida-light .tundra .dojoxExpandoClosed .dojoxExpandoTitle, +.webida-light .tundra .dojoxExpandoClosed { + background-color: #fafafa; +} +.webida-light .tundra .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif'); +} +.webida-light .tundra .dojoxExpandoClosed .dojoxExpandoIconLeft, +.webida-light .tundra .dojoxExpandoClosed .dojoxExpandoIconRight, +.webida-light .tundra .dojoxExpandoClosed .dojoxExpandoIconTop, +.webida-light .tundra .dojoxExpandoClosed .dojoxExpandoIconBottom { + margin-top: 3px; +} +.webida-light .wsdk .dojoxExpandoTitle { + font-weight: bold; + border: 1px solid #769DC0; + border-bottom: none; + background-color: #cde8ff; + background-image: url("../images/standardGradient.png"); + background-position: 0px 0px; + background-repeat: repeat-x; + padding: 5px 7px 2px 7px; + min-height: 17px; + color: #4a4a4a; +} +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #E6E6E7; + border: none; + padding: 3px; +} +.webida-light .wsdk .dojoxExpandoClosed { + background: none; + background-color: #E6E6E7; + border: 1px solid #769DC0 !important; +} +.webida-light .wsdk .dojoxExpandoRight .dojoxExpandoTitle, +.webida-light .wsdk .dojoxExpandoLeft .dojoxExpandoTitle, +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoTitle { + background-color: #E6E6E7; +} +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoTitle { + background-image: url("../images/standardGradient.png"); + background-position: 0 0; +} +.webida-light .wsdk .dojoxExpandoIcon { + background-image: url('images/spriteRoundedIconsSmall.gif'); +} +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoIconLeft, +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoIconRight, +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoIconTop, +.webida-light .wsdk .dojoxExpandoClosed .dojoxExpandoIconBottom { + margin-top: 3px; +} +.webida-light .nihilo .dojoxExpandoPane { + background: #fafafa; +} +.webida-light .nihilo .dojoxExpandoTitle { + height: 16px; + font-size: 0.9em; + font-weight: bold; + padding: 3px; + padding-top: 6px; + padding-bottom: 5px; + background: #fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; +} +.webida-light .nihilo .dojoxExpandoClosed .dojoxExpandoTitle { + background: none; + background-color: #fafafa; + border: none; +} +.webida-light .nihilo .dojoxExpandoClosed { + background: none; + background-color: #fafafa; + border: 1px solid #ccc !important; +} +.webida-light .nihilo .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png'); +} +.webida-light .dj_ie6 .nihilo .dojoxExpandoIcon { + background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif'); +} +.webida-light .nihilo .dojoxExpandoTop { + border-bottom: 1px solid #ccc; + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoIcon { + margin-right: 4px; +} +.webida-light .dojoxExpandoIconLeft { + background-position: 0 0; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoIconLeft { + background-position: -30px 0; + margin-right: 4px; +} +.webida-light .dojoxExpandoIconRight { + background-position: -30px 0; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoIconRight { + background-position: 0 0; + margin-left: 4px; +} +.webida-light .dojoxExpandoIconBottom { + background-position: -15px 0; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoIconBottom { + background-position: -45px 0; + margin-top: 1px; +} +.webida-light .dojoxExpandoIconTop { + background-position: -45px 0; +} +.webida-light .dojoxExpandoClosed .dojoxExpandoIconTop { + background-position: -15px 0; +} +.webida-light .dijitAccordionContainer { + border: none; +} +.webida-light .dijitAccordionInnerContainer { + background-color: #efefef; + /* gray, for closed pane */ + border: solid 1px #b5bcc7; + margin-bottom: 1px; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-timing-function: linear; + -moz-transition-timing-function: linear; + transition-timing-function: linear; +} +.webida-light .dijitAccordionTitle { + background-color: transparent; + /* pick up color from dijitAccordionInnerContainer */ + background-image: url("../images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + padding: 5px 7px 2px 7px; + min-height: 17px; + color: #494949; +} +.webida-light .dijitAccordionContainer .dijitAccordionChildWrapper { + /* this extends the blue trim styling of the title bar to wrapping around the node. + * done by setting margin + */ + background-color: #ffffff; + border: 1px solid #759dc0; + margin: 0 2px 2px; +} +.webida-light .dijitAccordionContainer .dijitAccordionContainer-child { + /* this is affecting the child widget itself */ + padding: 9px; +} +.webida-light .dijitAccordionInnerContainerHover { + border: 1px solid #759dc0; + background-color: #abd6ff; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; +} +.webida-light .dijitAccordionInnerContainerHover .dijitAccordionTitle { + color: #000000; +} +.webida-light .dijitAccordionInnerContainerActive { + border: 1px solid #759dc0; + background-color: #7dbdfa; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.webida-light .dijitAccordionInnerContainerActive .dijitAccordionTitle { + background-image: url("../images/activeGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%); + _background-image: none; + color: #000000; +} +.webida-light .dijitAccordionInnerContainerSelected { + border-color: #759dc0; + background-color: #cfe5fa; +} +.webida-light .dijitAccordionInnerContainerSelected .dijitAccordionTitle { + color: #000000; + background-image: url("../images/standardGradient.png"); + background-repeat: repeat-x; + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); + _background-image: none; + /* avoid effect when clicking the title of the open pane */ +} +.webida-light .dijitContentPane { + padding: 7px; +} +.webida-light .dijitTabContainerTop-dijitContentPane, +.webida-light .dijitTabContainerLeft-dijitContentPane, +.webida-light .dijitTabContainerBottom-dijitContentPane, +.webida-light .dijitTabContainerRight-dijitContentPane, +.webida-light .dijitAccordionContainer-dijitContentPane { + background-color: transparent; +} +.webida-light .dijitTabContainerTop-dijitContentPane { + width: 100%; +} +.webida-light .dijitSplitContainer-dijitContentPane, +.webida-light .dijitBorderContainer-dijitContentPane { + background-color: #d6dce2; + padding: 8px; +} +.webida-light .dijitBorderContainer { + /* matches the width of the splitters between panes */ + padding: 0!important; + background-color: transparent; + border-radius: 0; +} +.webida-light .dijitSplitContainer-child, +.webida-light .dijitBorderContainer-child { + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + border: none; +} +.webida-light .dijitBorderContainer-dijitTabContainerTop, +.webida-light .dijitBorderContainer-dijitTabContainerBottom, +.webida-light .dijitBorderContainer-dijitTabContainerLeft, +.webida-light .dijitBorderContainer-dijitTabContainerRight, +.webida-light .dijitBorderContainer-dijitAccordionContainer { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ + border: none; +} +.webida-light .dijitBorderContainer-dijitBorderContainer { + /* make nested BorderContainers look like a single big widget with lots of splitters */ + border: 0; + padding: 0; +} +.webida-light .dijitSplitterH, +.webida-light .dijitGutterH { + background: #a0a7ae; + height: 6px; +} +.webida-light .dj_ios .dijitSplitterH, +.webida-light .dj_android .dijitSplitterH { + height: 11px; +} +.webida-light .dijitSplitterH .dijitSplitterThumb { + background: transparent; + height: 1px; + top: 2px; + width: 19px; +} +.webida-light .dj_ios .dijitSplitterH .dijitSplitterThumb, +.webida-light .dj_android .dijitSplitterH .dijitSplitterThumb { + top: 5px; +} +.webida-light .dijitSplitterV, +.webida-light .dijitGutterV { + background: #a0a7ae; + border: 0; + width: 8px; + margin: 0; +} +.webida-light .dj_ios .dijitSplitterV, +.webida-light .dj_android .dijitSplitterV { + width: 11px; +} +.webida-light .dijitSplitterV .dijitSplitterThumb { + left: 3px; + width: 3px; + /* background-image: -webkit-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); + background-image: -moz-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); + background-image: -o-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); + background-image: linear-gradient(to right, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px);*/ + top: 3px; + height: 99%; +} +.webida-light .dj_ios .dijitSplitterV .dijitSplitterThumb, +.webida-light .dj_android .dijitSplitterV .dijitSplitterThumb { + left: 5px; +} +.webida-light .dijitSplitterHHover, +.webida-light .dijitSplitterVHover { + font-size: 1px; +} +.webida-light .dijitSplitterHActive, +.webida-light .dijitSplitterVActive { + font-size: 1px; + background-color: #abd6ff; + background-image: none; +} +.webida-light .dijitTabPaneWrapper { + padding: 0px; + border: 0; + border-radius: 0px; +} +.webida-light .dijitTabPaneWrapper, +.webida-light .dijitTabContainerTop-tabs, +.webida-light .dijitTabContainerBottom-tabs, +.webida-light .dijitTabContainerLeft-tabs, +.webida-light .dijitTabContainerRight-tabs { + /* todo: add common class name for this div */ + border: 0; +} +.webida-light .dijitTabCloseButton { + background: url('../layout/images/tab_close.png') no-repeat; + width: 9px; + height: 9px; + margin-left: 5px; + margin-right: -5px; + cursor: pointer; +} +.webida-light .dijitTabCloseButtonHover { + background-position: -9px; +} +.webida-light .dijitTabCloseButtonActive { + background-position: -18px; +} +.webida-light .dijitTabSpacer { + /* set the spacer invisible. note that height:0 doesn't work on IE/quirks, it's still 10px. */ + display: none; +} +.webida-light .dijitTab { + border: 0; + background-color: #efefef; + -webkit-transition-property: background-color, border; + -moz-transition-property: background-color, border; + transition-property: background-color, border; + -webkit-transition-duration: 0.35s; + -moz-transition-duration: 0.35s; + transition-duration: 0.35s; + color: rgba(255, 255, 255, 0.3); +} +.webida-light .dijitTabHover { + border-color: #759dc0; + background-color: #abd6ff; + -webkit-transition-duration: 0.25s; + -moz-transition-duration: 0.25s; + transition-duration: 0.25s; + color: #000000; +} +.webida-light .dijitTabActive { + border-color: #759dc0; + background-color: #7dbdfa; + color: #000000; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.webida-light .dijitTabChecked { + border-color: #424750; + background-color: #cfe5fa; + color: #43caff; +} +.webida-light .dijitSplitter ~ .dijitBorderContainerPane .dijitTab.dijitFocused { + border: 1px #759dc0 solid!important; +} +.webida-light .dijitTab .tabLabel { + outline: none; +} +.webida-light .dijitTabDisabled { + background-color: #d3d3d3; +} +.webida-light .tabStripButton { + background-color: transparent; + border: none; +} +.webida-light #editor .dijitTabContainerTop-tabs .dijitTab { + background-color: #636870; + color: rgba(255, 255, 255, 0.3); + border: none; +} +.webida-light #editor .dijitTabContainerTop-tabs .dijitTabChecked { + background-color: #3a3e47; + color: #fff; +} +.webida-light #editor .dijitTabContainerTop-tabs .dijitTabHover, +.webida-light #editor .dijitTabContainerTop-tabs .dijitTabActive { + color: #fff; +} +.webida-light .dijitTabContainerTop-tabs .dijitTab { + top: 1px; + margin-right: 3px; + padding: 3px 6px; + border-bottom-width: 0; + min-width: 60px; + text-align: center; + background-color: #b4bac1; + color: #6e7583; +} +.webida-light .dijitTabContainerTop-tabs .dijitTabChecked { + padding-bottom: 4px; + padding-top: 1px!important; + color: #414850; + background-color: #fafaff; +} +.webida-light .dijitTabContainerTop-tabs .dijitTab { + padding: 8px 14px 0 14px; + padding-top: 0; + border-top: #c1c8cf solid 1px; + border-left: #c1c8cf solid 1px; + border-right: #c1c8cf solid 1px; + /*top: 0px;*/ +} +.webida-light .dijitTabContainerTop-tabs .dijitTab .tabLabel { + line-height: 23px; +} +.webida-light .dijitTabContainerTop-tabs .dijitTabChecked { + /*top: 0px;*/ +} +.webida-light .dijitTabContainerBottom-tabs .dijitTab { + /* unselected (and not hovered/pressed) tab */ + top: -1px; + /* used for overlap */ + margin-right: 1px; + padding: 3px 6px; + border-top-width: 0; + min-width: 60px; + text-align: center; + /*background-image: url("images/tabBottomUnselected.png"); + background-repeat: repeat-x; + background-position: bottom;*/ + /*.unselected-tab-gradient(bottom); + + .box-shadow(0 1px 1px rgba(0, 0, 0, 0.04))*/ +} +.webida-light .dijitTabContainerBottom-tabs .dijitTabChecked { + padding-bottom: 9px; + padding-top: 4px; + /*background-image: url("images/tabBottomSelected.png"); + .topBottom-selected-tab-gradient (bottom); + + .box-shadow(0 1px 2px rgba(0, 0, 0, 0.05));*/ +} +.webida-light .dijitTabContainerLeft-tabs { + background-color: #606a78; +} +.webida-light .dijitTabContainerLeft-tabs .dijitTab { + /* unselected (and not hovered/pressed) tab */ + left: 0px; + /* used for overlap */ + margin-bottom: 1px; + padding: 3px 8px 7px 7px; + background-color: #8B96A5; + color: #fff; +} +.webida-light .dijitTabContainerLeft-tabs .dijitTabChecked { + border-right-width: 0; + padding-right: 9px; + background-color: #ECF1F6; + color: #000; + font-weight: bold; +} +.webida-light .dijitTabContainerRight-tabs .dijitTab { + /* unselected (and not hovered/pressed) tab */ + left: -1px; + /* used for overlap */ + margin-bottom: 1px; + padding: 3px 8px 4px 4px; + background-image: url("../layout/images/tabRightUnselected.png"); + background-repeat: repeat-y; + background-position: right; + background-image: -moz-linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(right, #ffffff 0px, #ffffff 1px, rgba(255, 255, 255, 0.1) 2px, rgba(255, 255, 255, 0.6) 7px, rgba(255, 255, 255, 0) 100%); +} +.webida-light .dijitTabContainerRight-tabs .dijitTabChecked { + /* selected tab */ + padding-left: 5px; + border-left-width: 0; + background-image: url("../layout/images/tabRightSelected.png"); + background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); + background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); + background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); + background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0px, #ffffff 30px); + -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); + -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); + box-shadow: 1px 0 2px rgba(0, 0, 0, 0.07); +} +.webida-light .dijitTabContainerTop-tabs .dijitTab { + -moz-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; + margin-top: 2px; +} +.webida-light .dijitTabContainerBottom-tabs .dijitTab { + -moz-border-radius: 0 0 2px 2px; + border-radius: 0 0 2px 2px; +} +.webida-light .dijitTabContainerLeft-tabs .dijitTab { + -moz-border-radius: 2px 0 0 2px; + border-radius: 2px 0 0 2px; +} +.webida-light .dijitTabContainerRight-tabs .dijitTab { + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; +} +.webida-light .tabStripButton { + background-color: transparent; +} +.webida-light .dijitTabListContainer-top .tabStripButton { + padding: 4px 3px; + margin: 1px 2px 1px 2px; + width: 12px; + background-color: #3a3e47; + border-radius: 2px; +} +.webida-light .dijitTabListContainer-bottom .tabStripButton { + padding: 4px 3px; + margin-bottom: 7px; + background-image: -moz-linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(bottom, #ffffff 0px, rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.6) 6px, rgba(255, 255, 255, 0) 100%); +} +.webida-light .tabStripButtonHover { + background-color: #abd6ff; +} +.webida-light .tabStripButtonActive { + background-color: #7dbdfa; +} +.webida-light .dijitTabStripIcon { + position: absolute; + left: 1px; + top: 3px; + height: 15px; + width: 15px; + margin: 0 auto; + background: url("../images/icons/tabStripIcon.png") no-repeat 0px 50%; + background-color: transparent; +} +.webida-light .dijitTabStripSlideRightIcon { + background-position: -15px 50%; +} +.webida-light .dijitTabStripMenuIcon { + background-position: -30px 50%; +} +.webida-light .dijitTabListContainer-top .tabStripButtonDisabled, +.webida-light .dijitTabListContainer-bottom .tabStripButtonDisabled { + background-color: transparent; +} +.webida-light .tabStripButtonDisabled .dijitTabStripSlideLeftIcon { + background-position: 0 50%; +} +.webida-light .tabStripButtonDisabled .dijitTabStripSlideRightIcon { + background-position: -15px 50%; +} +.webida-light .tabStripButtonDisabled .dijitTabStripMenuIcon { + background-position: -30px 50%; +} +.webida-light .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.webida-light .dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom: solid 1px #b5bcc7; + padding: 2px 2px 4px; +} +.webida-light .dijitTabContainerTabListNested .dijitTab { + background-color: rgba(26, 27, 28, 0); + border-right: 1px #1a1b1c solid; + border-bottom: 1px #1a1b1c solid; + box-sizing: border-box; + padding: 3px; + /*.transition-property(background-color, border-color); + .transition-duration(.3s); + .border-radius(2px);*/ + top: 0; + /* to override top: 1px/-1px for normal tabs */ + /*.box-shadow(none); + + // CSS gradient with fallback to image for IE + background-image: url("images/tabNested.png") repeat-x; + .alpha-white-gradient (0.61,0%, 0,17%, 0,83%, 0.61,100%);*/ +} +.webida-light .dijitTabContainerTabListNested .dijitTabHover { + padding: 3px; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + transition-duration: 0.2s; + color: #6e7583; +} +.webida-light .dijitTabContainerTabListNested .dijitTabHover .tabLabel { + text-decoration: none; +} +.webida-light .dijitTabContainerTabListNested .dijitTabActive { + padding: 3px; + color: #6e7583; + -webkit-transition-duration: 0.1s; + -moz-transition-duration: 0.1s; + transition-duration: 0.1s; +} +.webida-light .dijitTabContainerTabListNested .dijitTabChecked { + padding: 3px; + background-color: #d4dbe2; +} +.webida-light .dijitTabContainerTabListNested .dijitTab:first-child { + padding: 3px; + background-color: #424750; +} +.webida-light .dijitTabContainerTabListNested .dijitTab:first-child.dijitTabChecked { + padding: 3px; + background-color: #d4dbe2; +} +.webida-light .dijitTabContainerTabListNested .dijitTab:last-child { + padding: 3px; + background-color: #1a1b1c; +} +.webida-light .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: none; + background-image: none; +} +.webida-light .dijitTabPaneWrapperNested { + border: none; + /* prevent double border */ +} +.webida-light .dijitTabContainer .dijitTab, +.webida-light .dijitTabContainer .tabStripButton { + _background-image: none; +} +/*plugin*/ +/* + +@import url("../css/Common.css"); +@import url("../css/Common.css"); +@import url("../css/Button.css"); +@import url("../css/Checkbox.css"); +@import url("../css/RadioButton.css"); +@import url("../css/Select.css"); +@import url("../css/TabContainer.css"); +@import url("../css/Dialog.css"); +@import url("../css/AccordionContainer.css"); +@import url("../css/ContentPane.css"); +@import url("../css/Calendar.css"); +@import url("../css/Menu.css"); +@import url("../css/Slider.css"); +@import url("../css/ColorPalette.css"); +@import url("../css/InlineEditBox.css"); +@import url("../css/ProgressBar.css"); +@import url("../css/TimePicker.css"); +@import url("../css/BorderContainer.css"); +@import url("../css/Tree.css"); +@import url("../css/Toolbar.css"); +@import url("../css/Editor.css");*/ +/*in order to test button or menu item with icon */ +/* + + +@import url("../css/TitlePane.css"); +@import url("../css/NumberSpinner.css"); + +@import url("../css/EnhancedGrid.css"); +@import url("../css/ToggleSplitter.css"); +@import url("../css/ExpandoPane.css"); +@import url("../css/FloatingPane.css"); +@import url("../css/CheckedMultiSelect.css"); +@import url("../css/ResizeHandle.css"); + + +@import url("../css/webida-project-wizard.css"); + +*/ diff --git a/apps/ide/src/styles/css/variables.css b/apps/ide/src/styles/theme/webida-light/css/variables.css similarity index 100% rename from apps/ide/src/styles/css/variables.css rename to apps/ide/src/styles/theme/webida-light/css/variables.css diff --git a/apps/ide/src/styles/css/webida-calc.css b/apps/ide/src/styles/theme/webida-light/css/webida-calc.css similarity index 100% rename from apps/ide/src/styles/css/webida-calc.css rename to apps/ide/src/styles/theme/webida-light/css/webida-calc.css diff --git a/apps/ide/src/styles/css/webida-project-wizard.css b/apps/ide/src/styles/theme/webida-light/css/webida-project-wizard.css similarity index 100% rename from apps/ide/src/styles/css/webida-project-wizard.css rename to apps/ide/src/styles/theme/webida-light/css/webida-project-wizard.css diff --git a/apps/ide/src/styles/backup/fontawesome-webfont.eot b/apps/ide/src/styles/theme/webida-light/fonts/fontawesome-webfont.eot similarity index 100% rename from apps/ide/src/styles/backup/fontawesome-webfont.eot rename to apps/ide/src/styles/theme/webida-light/fonts/fontawesome-webfont.eot diff --git a/apps/ide/src/styles/backup/fontawesome-webfont.svg b/apps/ide/src/styles/theme/webida-light/fonts/fontawesome-webfont.svg similarity index 100% rename from apps/ide/src/styles/backup/fontawesome-webfont.svg rename to apps/ide/src/styles/theme/webida-light/fonts/fontawesome-webfont.svg diff --git a/apps/ide/src/styles/backup/fontawesome-webfont.woff b/apps/ide/src/styles/theme/webida-light/fonts/fontawesome-webfont.woff similarity index 100% rename from apps/ide/src/styles/backup/fontawesome-webfont.woff rename to apps/ide/src/styles/theme/webida-light/fonts/fontawesome-webfont.woff diff --git a/apps/ide/src/styles/theme/webida-light/form/Button.less b/apps/ide/src/styles/theme/webida-light/form/Button.less new file mode 100644 index 00000000..9fc862d2 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/Button.less @@ -0,0 +1,161 @@ +/* Button | DropDownButton | ComboButton | ToggleButton + * + * Styling Buttons mainly includes: + * + * 1. Containers + * .dijitButton + * .dijitDropDownButton + * .dijitComboButton + * .dijitButtonNode - common button/arrow wrapper shared across all three button types + * + * 2. Button text + * .dijitButtonText + * + * 3. Arrows - only for DropDownButton and ComboButton + * There are total four directions arrows - down, left, right, up: + * .dijitArrowButtonInner - down arrow by default + * .dijitLeftArrowButton .dijitArrowButtonInner - left arrow + * .dijitRightArrowButton .dijitArrowButtonInner - right arrow + * .dijitUpArrowButton .dijitArrowButtonInner - up arrow + * + * 4. States - Hover, Active, Disabled, e.g. + * .dijitButtonHover .dijitButtonNode + * .dijitButtonActive .dijitButtonNode + * .dijitButtonDisabled .dijitButtonNode + * + * .dijitDisabled .dijitArrowButtonInner - disabled arrow states + */ +.dijitButtonNode { + /* rules for dijit.form.*Button widgets and arrow nodes on ComboBox, Spinner etc. */ + .transition-property(background-color); + .transition-duration(.3s); +} + +.dijitButton .dijitButtonNode, +.dijitDropDownButton .dijitButtonNode, +.dijitComboButton .dijitButtonNode, +.dijitToggleButton .dijitButtonNode { + border: 0; + color: @button-normal-color; + padding: 2px 4px 4px 4px; + border-radius: 2px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + background-color: @button-normal-background; + /*background-image: -webkit-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); + background-image: -moz-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); + background-image: -o-linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%); + background-image: linear-gradient(#EAF5FF 0%, #D7E2EC 20%, #ADBBC7 100%);*/ +} + +.dijitComboButton .dijitArrowButton { + border-left-width: 0; + padding: 2px 4px 4px 4px; /* TODO: still needed? */ +} + +/*arrow styles for down/up/left/right directions*/ +.dijitArrowButtonInner { + width: 15px; + height: 15px; + margin: 0 auto; + background-image: url("@{image-form-button-arrows}"); + background-repeat: no-repeat; + background-position: -51px 53%; +} +.dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -77px 53%; +} +.dijitRightArrowButton .dijitArrowButtonInner { + background-position: -26px 53%; +} +.dijitUpArrowButton .dijitArrowButtonInner { + background-position: 0 53%; +} +.dijitDisabled .dijitArrowButtonInner { + background-position: -151px 53%; +} +.dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner { + background-position: -177px 53%; +} +.dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner { + background-position: -126px 53%; +} +.dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position: -100px 53%; +} + +.dijitButtonText { + padding: 0 0.3em; + text-align: center; +} + +/* hover status */ +.dijitButtonHover .dijitButtonNode, +.dijitDropDownButtonHover .dijitButtonNode, +.dijitComboButton .dijitButtonNodeHover, +.dijitComboButton .dijitDownArrowButtonHover, +.dijitToggleButtonHover .dijitButtonNode { + /*background-image: -webkit-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); + background-image: -moz-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); + background-image: -o-linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%); + background-image: linear-gradient(#EAF5FF 0%, #C2D7EA 20%, #9BB2C6 100%);*/ + background-color: @button-hover-background; + color: @button-hover-color; +} + +/* active, checked status */ +.dijitButtonActive .dijitButtonNode, +.dijitDropDownButtonActive .dijitButtonNode, +.dijitComboButtonActive .dijitButtonNode, +.dijitToggleButtonActive .dijitButtonNode, +.dijitToggleButtonChecked .dijitButtonNode { + //background-color: desaturate(darken(@button-pressed-background-color, 10), 20); + background-color: @button-active-background; + color: @button-active-color; + .transition-duration(.1s); +} + +/*select + background-color: rgba(92,156,205,1); +color: rgba(39,42,45,1); +*/ + +/* disabled status */ +.dijitButtonDisabled, +.dijitDropDownButtonDisabled, +.dijitComboButtonDisabled, +.dijitToggleButtonDisabled { + outline: none; + opacity: 0.4; +} +.dijitButtonDisabled .dijitButtonNode, +.dijitDropDownButtonDisabled .dijitButtonNode, +.dijitComboButtonDisabled .dijitButtonNode, +.dijitToggleButtonDisabled .dijitButtonNode { + background-color: @disabled-background-color; + border: solid 1px @disabled-border-color; + color: @disabled-text-color; + .box-shadow(0 0 0 rgba(0, 0, 0, 0)); + + // Change the gradient from light to dark. + // Again using CSS gradient with fallback to image for IE. + background-image: url("../form/images/buttonDisabled.png"); + .alpha-white-gradient(1, 0%, 0, 40%); + _background-image: none; // IE6 can't handle background-color and background-image at once. +} + +.dijitComboButtonDisabled .dijitArrowButton { + border-left-width: 0; +} +/* for ComboButton */ +table.dijitComboButton { + border-collapse: separate; /* override dijit.css so that ComboBox rounded corners work */ +} + +.dijitComboButton .dijitStretch { + .border-radius(@button-border-radius 0 0 @button-border-radius); +} +.dijitComboButton .dijitArrowButton { + .border-radius(0 @button-border-radius @button-border-radius 0); +} diff --git a/apps/ide/src/styles/theme/webida-light/form/Checkbox.less b/apps/ide/src/styles/theme/webida-light/form/Checkbox.less new file mode 100644 index 00000000..7b8dc3fa --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/Checkbox.less @@ -0,0 +1,77 @@ +/* CheckBox + * + * Styling CheckBox mainly includes: + * + * 1. Containers + * .dijitCheckBox|.dijitCheckBoxIcon - for border, padding, width|height and background image + * + * 2. CheckBox within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitCheckBoxChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitCheckBoxHover|.dijitCheckBoxCheckedHover - for background image + * + * 5. Disabled state + * .dijitCheckBoxDisabled|.dijitCheckBoxCheckedDisabled - for background image + */ + + +.dj_ie6 .dijitToggleButton .dijitCheckBoxIcon { + background-image: url("@{image-checkmark-ie6}"); +} + + +.dijitToggleButton .dijitCheckBoxIcon { + background-image: url("@{image-checkmark}"); +} + +.dijitCheckBox, +.dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url("@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + margin: 0 2px 0 0; + padding: 0; +} + +.dj_ie6 .dijitCheckBox, +.dj_ie6 .dijitCheckBoxIcon /* inside a toggle button */ { + background-image: url("@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ +} + +.dijitCheckBox, +.dijitToggleButton .dijitCheckBoxIcon { + /* unchecked */ + background-position: -18px; +} + +.dijitCheckBoxChecked, +.dijitToggleButtonChecked .dijitCheckBoxIcon { + /* checked */ + background-position: -0; +} + +.dijitCheckBoxDisabled { + /* disabled */ + background-position: -90px; +} + +.dijitCheckBoxCheckedDisabled { + /* disabled but checked */ + background-position: -72px; +} + +.dijitCheckBoxHover { + /* hovering over an unchecked enabled checkbox */ + background-position: -54px; +} + +.dijitCheckBoxCheckedHover { + /* hovering over an checked enabled checkbox */ + background-position: -36px; +} diff --git a/apps/ide/src/styles/theme/webida-light/form/Common.less b/apps/ide/src/styles/theme/webida-light/form/Common.less new file mode 100644 index 00000000..c5bbd42b --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/Common.less @@ -0,0 +1,248 @@ +/* wsdk/form/Common.css */ + +/*========================= common css =========================*/ + +.dijitTextBox, +.dijitInputInner { + // .dijitInputInner selector needed for ValidationTextBox on IE6 because doesn't inherit + // the color setting from the ancestor div.dijitTextBox + color: @text-color; +} + +.dijitValidationTextBoxError .dijitValidationContainer { + background-color: @erroricon-background-color; + background-image: url("@{image-form-error}"); + background-position: top center; + border: solid @erroricon-background-color 0; + width: 9px; +} + +.dijitTextBoxError .dijitValidationContainer { + border-left-width: 1px; +} + +.dijitValidationTextBoxError .dijitValidationIcon { + width: 0; + background-color: transparent; /* so the INPUT doesn't obscure the border in rtl+a11y */ +} + +/* Padding for the input area of TextBox based widgets, and corresponding padding for the + * down arrow button and the placeholder. placeholder is explicitly listed because + * dijitPlaceHolder is absolutely positioned, so padding set on dijitInputField + * won't affect it + */ +.dijitTextArea, +.dijitInputField .dijitPlaceHolder { + padding: @textbox-padding; +} + +.dijitSelect .dijitInputField, +.dijitTextBox .dijitInputField { + padding: @textbox-padding - 1px @textbox-padding; +} + +.dj_gecko .dijitTextBox .dijitInputInner, +.dj_webkit .dijitTextBox .dijitInputInner { + // Although we are theoretically only adding 1px to top/bottom, some browsers seem to pad inputs by 1px on left/right, + // so compensate for that too. + padding: @textbox-padding - 1px; +} + +.dijitSelect, +.dijitSelect .dijitButtonContents, +.dijitTextBox, +.dijitTextBox .dijitButtonNode { + /* color for (outer) border on *TextBox widgets, and border between input and buttons on ComboBox and Spinner */ + border-color: rgba(109,120,134,1); + .transition-property(background-color, border); + .transition-duration(.35s); + border-radius: 0px; +} +.dijitSelect .dijitButtonContents { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} +.dijitSelect, +.dijitTextBox { + background-color: rgba(230,233,237,1); +} + +/* hover */ +.dijitSelectHover, +.dijitSelectHover .dijitButtonContents, +.dijitTextBoxHover, +.dijitTextBoxHover .dijitButtonNode { + border-color: @hovered-border-color; + .transition-duration(.25s); +} + +.dijitTextBoxHover { + background-color: @textbox-hovered-background-color; + .textbox-background-image; +} + +/* error state */ +.dijitSelectError, +.dijitSelectError .dijitButtonContents, +.dijitTextBoxError, +.dijitTextBoxError .dijitButtonNode { + border-color: @error-border-color; +} + +/* focused state */ +.dijitSelectFocused, +.dijitSelectFocused .dijitButtonContents, +.dijitTextBoxFocused, +.dijitTextBoxFocused .dijitButtonNode { + border-color:@focused-border-color; + .transition-duration(.1s); +} + +.dijitTextBoxFocused { + background-color: @textbox-focused-background-color; + .textbox-background-image; +} +.dijitTextBoxFocused .dijitInputContainer { + background: @textbox-focused-background-color; +} + +.dijitSelectErrorFocused, +.dijitSelectErrorFocused .dijitButtonContents, +.dijitTextBoxErrorFocused, +.dijitTextBoxErrorFocused .dijitButtonNode { + border-color: @error-focused-border-color; +} + +/* disabled state */ +.dijitSelectDisabled, +.dijitSelectDisabled .dijitButtonContents, +.dijitTextBoxDisabled, +.dijitTextBoxDisabled .dijitButtonNode { + border-color: @disabled-border-color; +} + +.dijitSelectDisabled, +.dijitTextBoxDisabled, +.dijitTextBoxDisabled .dijitInputContainer { + background-color: @textbox-disabled-background-color; + background-image: none; +} + +.dijitSelectDisabled, +.dijitTextBoxDisabled, +.dijitTextBoxDisabled .dijitInputInner { + color: @disabled-text-color; +} + +.dj_webkit .dijitDisabled input { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + color: darken(@disabled-text-color, 5%) +} + +.dj_webkit textarea.dijitTextAreaDisabled { + /* because WebKit lightens disabled input/textarea no matter what color you specify */ + color: darken(@disabled-text-color, 40%) +} + +/*========================= for special widgets =========================*/ + +/* Input boxes with an arrow (for a drop down) */ + +.dijitSelect .dijitArrowButtonInner, +.dijitComboBox .dijitArrowButtonInner { + background-image: @toolbar_arrow; + background-position:0 0; + background-repeat: no-repeat; + margin: 0; + width:8px; + border-radius: 0; + border-color: rgba(109,120,134,1); +} + +.dijitComboBox .dijitArrowButtonInner { + //border: 1px solid rgba(109,120,134,1); // white gutter around the arrow button +} + +.dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} + +.dijitToolbar .dijitComboBox .dijitArrowButtonInner { + border: none; +} + +/* Add 1px vertical padding to the where user types and the validation icon, + to match the 1px border on arrow button */ +.dijitSelectLabel, +.dijitTextBox .dijitInputInner, +.dijitValidationTextBox .dijitValidationContainer { + padding: 1px 0; +} + +.dijitComboBox .dijitButtonNode { + padding: 0 3px; + background-color: #6d7886; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* Arrow "hover" effect: + * The arrow button should change color whenever the mouse is in a position such that clicking it + * will toggle the drop down. That's either (1) anywhere over the ComboBox or (2) over the arrow + * button, depending on the openOnClick setting for the widget. + */ +.dijitComboBoxOpenOnClickHover .dijitButtonNode, +.dijitComboBox .dijitDownArrowButtonHover, +.dijitComboBoxFocused .dijitArrowButton { + background-color:@arrowbutton-hovered-background-color; + padding: 1px 4px; +} +.dijitComboBoxFocused .dijitArrowButton input{ + background-position:-24px 0; + border: 0; +} + +.dijitComboBoxOpenOnClickHover .dijitArrowButtonInner, +.dijitComboBox .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-24px 0; + border: 0; +} + +/* Arrow Button change when drop down is open */ +.dijitComboBox .dijitHasDropDownOpen { // .dijitHasDropDown is on dijitArrowButton node + background-color: @pressed-background-color; + .active-gradient("../"); + padding: 1px; // Since no border on arrow button (see rule below) +} + +.dj_iequirks .dijitComboBox .dijitHasDropDownOpen { + padding: 1px 0; +} + +.dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + background-position:-70px 53%; + border: 0 none; +} + +/* disabled state */ +div.dijitComboBoxDisabled .dijitArrowButtonInner { + /* specific selector set to override background-position setting from Button.js + * (.dijitComboBoxDisabled .dijitArrowButtonInner) */ + background-position:0 50%; + background-color:transparent; +} +/*========================= hacks for browsers =========================*/ +/* it seems the input[type="hidden"] has a height (16px) too... this may cause the widget's height calculate error */ +.dj_ff3 .webida .dijitInputField input[type="hidden"] { + display: none; + height: 0; + width: 0; +} + +.dj_borderbox .webida .dijitComboBox .dijitHasDropDownOpen .dijitArrowButtonInner { + width:18px; // quirks mode means border-box sizing, so 18px with the border (same as 16px without border) +} + +.dj_borderbox .webida .dijitComboBoxFocused .dijitHasDropDownOpen .dijitArrowButtonInner { + width:16px; // when no border, then back to 16px just like content-box sizing +} diff --git a/apps/ide/src/styles/theme/webida-light/form/NumberSpinner.less b/apps/ide/src/styles/theme/webida-light/form/NumberSpinner.less new file mode 100644 index 00000000..6c50153f --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/NumberSpinner.less @@ -0,0 +1,152 @@ +/* NumberSpinner - namespace "dijitSpinner" + * + * Styling NumberSpinner mainly includes: + * + * 1. Arrows + * Outer containers: .dijitSpinnerButtonContainer|.dijitSpinnerButtonInner - for border, padding and position + * Arrows: .dijitArrowButton|.dijitUpArrowButton.|dijitDownArrowButton + * Inner container: .dijitArrowButtonInner - for border, padding, width|height and background image + * + * 2. Hover state + * .dijitUpArrowButtonHover|.dijitDownArrowButtonHover .* - for background color|image + * + * 3. Active state + * .dijitUpArrowButtonActive|.dijitDownArrowButtonActive .* - for border, padding, margin and background color|image + * + * 4. Focused state + * .dijitSpinnerFocused .* - for background color|image + * + * 5. Disabled state + * .dijitSpinnerDisabled .* - for background color|image + */ + + +.dijitSpinnerButtonContainer { + overflow: hidden; + position: relative; + width: auto; + padding: 0 2px; +} +.dijitSpinnerButtonContainer .dijitSpinnerButtonInner { + border-width: 1px 0; /* reserve space to match thecombobox button border with border and not padding to make IE happier */ + border-style: solid none; +} + +/* button */ +.dijitSpinner .dijitArrowButton { + width:auto; + background-color: @arrowbutton-background-color; + .standard-gradient("../"); + overflow: hidden; +} +.dj_iequirks .dijitSpinner .dijitArrowButton { + overflow: visible; /* 0 height w/o this */ +} + +.dijitSpinner .dijitSpinnerButtonInner { + width: 15px; +} +/* up & down button icons */ +.dijitSpinner .dijitArrowButtonInner { + border:solid 1px @arrowbutton-inner-border-color; + border-bottom-width: 0; /* 2 top borders = 1 top+bottom border in ComboBox */ + background-image: url("@{image-form-common-arrows}"); + background-repeat: no-repeat; + height: 100%; + width:15px; + padding-left: 1px; + padding-right: 1px; + + /* for up arrow */ + background-position:-139px center; + + /* override button.css (TODO: move to Common.css since ComboBox needs this too) */ + display: block; + margin: -1px 0 -1px 0; /* compensate for inner border */ +} + +.dj_iequirks .dijitSpinner .dijitArrowButtonInner, +.dj_ie6 .dijitSpinner .dijitArrowButtonInner, +.dj_ie7 .dijitSpinner .dijitArrowButtonInner, +.dj_ie8 .dijitSpinner .dijitArrowButtonInner { + margin-top: 0; /* since its bottom aligned */ +} + +.dj_iequirks .dijitSpinner .dijitArrowButtonInner { + width: 19px; +} +.dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner { + background-position:-34px; +} +.dijitSpinner .dijitArrowButtonInner .dijitInputField { + padding: 0; +} + +/** hover & focused status **/ + +.dijitUpArrowButtonActive, +.dijitDownArrowButtonActive { + background-color:@arrowbutton-pressed-background-color; +} + +.dijitSpinner .dijitUpArrowButtonHover, +.dijitSpinner .dijitDownArrowButtonHover, +.dijitSpinnerFocused .dijitArrowButton { + background-color: @arrowbutton-hovered-background-color; +} + +.dijitSpinner .dijitUpArrowButtonHover .dijitArrowButtonInner { + background-position:-174px; +} +.dijitSpinner .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position:-69px; +} + +.dijitSpinnerFocused { + background-color: @textbox-focused-background-color; + background-image: none; +} + +/* mouse down status */ +.dijitSpinner .dijitDownArrowButtonActive, +.dijitSpinner .dijitUpArrowButtonActive { + background-color: #7dbefa; // TODO. Mailed Jason about inconsistent ComboBox/Spinner behavior. + .active-gradient("../"); +} +.dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner, +.dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + /* hide inner border while button is depressed */ + border: 0; + padding: 1px; + margin-right:2px; + margin-bottom:1px; +} +.dijitSpinner .dijitUpArrowButtonActive .dijitArrowButtonInner { + background-position:-173px; +} +.dijitSpinner .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position:-68px; +} + +/* disabled */ + +.dijitSpinnerDisabled .dijitArrowButtonInner { + background-color: @disabled-background-color; +} +.dijitSpinnerDisabled .dijitUpArrowButton .dijitArrowButtonInner { + background-position:-104px; +} +.dijitSpinnerDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position:1px; +} + + + + +/** hacks for browsers **/ + +/* for IE 7, when div is enlarged, + * should be no empty space between dijitInputLayoutContainer and dijitSpinner*/ +.dj_ie7 .dijitSpinner { + overflow:visible; +} diff --git a/apps/ide/src/styles/theme/webida-light/form/RadioButton.less b/apps/ide/src/styles/theme/webida-light/form/RadioButton.less new file mode 100644 index 00000000..bde05adf --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/RadioButton.less @@ -0,0 +1,84 @@ +/* RadioButton + * + * Styling RadioButton mainly includes: + * + * 1. Containers + * .dijitRadio|.dijitRadioIcon - for border, padding, width|height and background image + * + * 2. RadioButton within ToggleButton + * .dijitToggleButton|.dijitToggleButtonChecked .* - for background image + * + * 3. Checked state + * .dijitRadioChecked - for checked background-color|image + * .dijitToggleButtonChecked - for border, background-color|image, display and width|height + * + * 4. Hover state + * .dijitRadioHover|.dijitRadioCheckedHover - for background image + * + * 5. Disabled state + * .dijitRadioDisabled|.dijitRadioCheckedDisabled - for background image + */ + +.dj_ie6 .dijitToggleButton .dijitRadio, +.dj_ie6 .dijitToggleButton .dijitRadioIcon { + background-image: url("@{image-form-checkbox-and-radios-ie6}"); +} + +.dijitToggleButton .dijitRadio, +.dijitToggleButton .dijitRadioIcon { + background-image: url("@{image-form-checkbox-and-radios}"); +} + +.dijitRadio, +.dijitRadioIcon { + /* inside a toggle button */ + background-image: url("@{image-form-checkbox-and-radios}"); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 18px; + height: 18px; + margin: 0 2px 0 0; + padding: 0; +} + +.dj_ie6 .dijitRadio, +.dj_ie6 .dijitRadioIcon { + /* inside a toggle button */ + background-image: url("@{image-form-checkbox-and-radios-ie6}"); /* checkbox sprite image */ +} + +.dijitRadio { + /* unselected */ + background-position: -126px; +} + +.dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -107px; +} + +.dijitRadioDisabled { + /* unselected and disabled */ + background-position: -198px; +} + +.dijitRadioHover { + /* hovering over an unselected enabled radio button */ + background-position: -162px; +} + +.dijitRadioChecked { + background-position: -108px; +} + +.dijitToggleButtonChecked .dijitRadioIcon { + background-position: -92px; +} + +.dijitRadioCheckedHover { + background-position: -144px; +} + +.dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -180px; +} diff --git a/apps/ide/src/styles/theme/webida-light/form/Select.less b/apps/ide/src/styles/theme/webida-light/form/Select.less new file mode 100644 index 00000000..d7a2e841 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/Select.less @@ -0,0 +1,94 @@ +/* Select + * + * Styling Select mainly includes: + * + * 1. Containers + * .dijitSelect - for border, background-color + * .dijitButtonContents - for border + * + * 2. Arrow + * .dijitArrowButton - for border, padding and background-color|image + * .dijitArrowButtonInner - for border, background-color|image, display and width|height + * + * 3. Menu + * .dijitSelectMenu .* - for border, padding + * + * 4. Various states + * .dijitSelectHover|.dijitSelectFocused|.dijitSelectDisabled .* - for border, padding and background-color|image + */ + +/* normal status */ +.dijitSelect .dijitArrowButtonContainer { + //border: 1px solid @arrowbutton-inner-border-color; + border: 0; +} + +.dijitSelect .dijitArrowButton { + padding: 0 4px; + background-color: rgba(109, 120, 134, 1); +} + +.dijitSelect .dijitArrowButton .dijitArrowButtonInner { + height: 16px !important; + outline: none; + border: none; +} + +/* hover status */ +.dijitSelectHover { + background-color: @textbox-hovered-background-color; + .textbox-background-image; + background-repeat: repeat-x; +} + +.dijitSelectHover .dijitArrowButton { + background-color: @arrowbutton-hovered-background-color; + border: none; +} + +.dijitSelectHover .dijitArrowButton .dijitArrowButtonInner { + background-position: -8px 0; +} + +/* focused status */ +.dijitSelectFocused .dijitArrowButton { + background-color: #7dbefa; // TODO. Mailed Jason about inconsistent ComboBox/Spinner behavior. +} + +.dijitSelectFocused .dijitArrowButton { + border: none; +} + +.dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner { + background-position: -24px 0; + outline: none; + border: none; +} + +/* disable status */ +.dijitSelectDisabled { + border-color: @disabled-border-color; + background-color: @disabled-background-color; + background-image: none; + color: @disabled-text-color; +} + +.dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner { + background-position: 0 53% +} + +/* Dropdown menu style for select */ +.dijitSelectMenu td.dijitMenuItemIconCell, +.dijitSelectMenu td.dijitMenuArrowCell { + /* so that arrow and icon cells from MenuItem are not displayed */ + display: none; +} + +.dijitSelectMenu td.dijitMenuItemLabel { + /* line up menu text with text in select box (in LTR and RTL modes) */ + padding: @textbox-padding; +} + +.dijitSelectMenu .dijitMenuSeparatorTop { + border-bottom: 1px solid @focused-border-color; +} diff --git a/apps/ide/src/styles/theme/webida-light/form/Slider.less b/apps/ide/src/styles/theme/webida-light/form/Slider.less new file mode 100644 index 00000000..24d5ae6f --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/form/Slider.less @@ -0,0 +1,346 @@ +/* Slider + * + * Styling Slider mainly includes styling the Slider progress bar (dijitSliderProgressBar) + * + * Slider progress bar: + * 1. Slider progress bar (default styling): + * .dijitSliderProgressBarH - progress bar at the middle of horizontal slider + * .dijitSliderLeftBumper - bar at the left of horizontal slider + * .dijitSliderRightBumper - bar at the right of horizontal slider + * .dijitSliderProgressBarV - progress bar at the middle of vertical slider + * .dijitSliderTopBumper - bar at the top of vertical slider + * .dijitSliderBottomtBumper - bar at the bottom of vertical slider + * + * 2. hovered Slider progress bar (ie, mouse hover on progress bar) + * .dijitSliderHover .dijitSliderProgressBarH(horizontal) - hovered bar style: background, border + * + * 3. focused Slider progress bar (ie, mouse focused on progress bar) + * .dijitSliderFocused .dijitSliderProgressBarH(horizontal) - focus bar style: background, border + * + * 4. disabled/read-only Slider progress bar + * .dijitSliderDisabled .dijitSliderProgressBarH(horizontal) - bar styles when slider is disabled + * + * + * Slider Thumbs: + * 1. Slider Thumbs (default styling): + * .dijitSliderImageHandleH / .dijitSliderImageHandleV - styles for the controller on the progress bar + * + * 2. hovered Slider Thumbs (ie, mouse hover on slider thumbs) + * .dijitSliderHover .dijitSliderImageHandleH - hovered controller style + * + * 3. focused Slider progress bar (ie, mouse focused on slider thumbs) + * .dijitSliderFocused .dijitSliderImageHandleV - focused controller style + * + * + * Slider Increment/Decrement Buttons: + * 1. Slider Increment/Decrement Buttons (default styling): + * .dijitSliderDecrementIconH - decrement icon which lies at the left of horizontal slider + * .dijitSliderIncrementIconH - increment icon which lies at the right of horizontal slider + * .dijitSliderDecrementIconV - decrement icon which lies at the bottom of vertical slider + * .dijitSliderIncrementIconV - increment icon which lies at the top of vertical slider + * + * 2. hovered Slider Increment/Decrement Buttons (mouse hover on the icons) + * .dijitSliderHover .dijitSliderDecrementIconH - for background, border + * + * 3. active Slider Increment/Decrement Buttons (mouse down on the icons) + * .dijitSliderActive .dijitSliderIncrementIconV - for background, border + * + * 4. disabled/read-only Slider Increment/Decrement Buttons + * .dijitSliderDisabled .dijitSliderDecrementIconH - styles for the icons in disabled slider + * .dijitSliderReadOnly .dijitSliderIncrementIconV - styles for the icons in read-only slider + */ + +.dijitSliderBar { + //border-style: solid; + outline: 1px; + height: 3px; + border: 0; + background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); +} +.dijitSliderFocused .dijitSliderBar { + border-color: @focused-border-color; +} +.dijitSliderHover .dijitSliderBar { + border-color: @hovered-border-color; +} +.dijitSliderDisabled .dijitSliderBar { + background-image: none; + border-color: @disabled-border-color; +} +.dijitRuleLabelsContainer { + color: @text-color; +} + +/* Horizontal Slider */ + +.dijitRuleLabelsContainerH { + padding: 2px 0; +} +.dijitSlider .dijitSliderProgressBarH, +.dijitSlider .dijitSliderLeftBumper { + //border-color: @border-color; + //background-color: @slider-fullbar-background-color; + //.alpha-white-gradient (top, 1,0px, 1,1px, 0,2px); + background-image: linear-gradient(to bottom, #576577 0%, #9DADC1 100%); +} +.dijitSlider .dijitSliderRemainingBarH, +.dijitSlider .dijitSliderRightBumper { + border-color: @border-color; + background-color: @slider-remainingbar-background-color; +} +.dijitSliderRightBumper { + border-right: solid 1px @border-color; +} +.dijitSliderLeftBumper { + border-left: solid 1px @border-color; +} +.dijitSliderHover .dijitSliderProgressBarH, +.dijitSliderHover .dijitSliderLeftBumper { + background-color: @slider-hovered-fullbar-background-color; + border-color: @hovered-border-color; +} +.dijitSliderHover .dijitSliderRemainingBarH, +.dijitSliderHover .dijitSliderRightBumper { + background-color: @slider-hovered-remainingbar-background-color; + border-color: @hovered-border-color; +} +.dijitSliderFocused .dijitSliderProgressBarH, +.dijitSliderFocused .dijitSliderLeftBumper { + background-color: @slider-focused-fullbar-background-color; + border-color: @focused-border-color; + .box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.2)); +} +.dijitSliderFocused .dijitSliderRemainingBarH, +.dijitSliderFocused .dijitSliderRightBumper { + background-color: @slider-focused-remainingbar-background-color; + border-color: @focused-border-color; + .box-shadow(inset 0px 1px 1px rgba(0, 0, 0, 0.2)); +} +.dijitSliderDisabled .dijitSliderProgressBarH, +.dijitSliderDisabled .dijitSliderLeftBumper { + background-color: @disabled-border-color; /* left side of slider, fill matches border */ + background-image: none; +} +.dijitSliderDisabled .dijitSliderRemainingBarH, +.dijitSliderDisabled .dijitSliderRightBumper { + background-color: @disabled-background-color; +} + +/* Vertical Slider */ + +.dijitRuleLabelsContainerV { + padding: 0 2px; +} +.dijitSlider .dijitSliderProgressBarV, +.dijitSlider .dijitSliderBottomBumper { + border-color: @border-color; + background-color: @slider-fullbar-background-color; + .alpha-white-gradient (left, 1, 0px, 0, 1px); +} +.dijitSlider .dijitSliderRemainingBarV, +.dijitSlider .dijitSliderTopBumper { + border-color: @border-color; + background-color: @slider-remainingbar-background-color; +} +.dijitSliderBottomBumper { + border-bottom: solid 1px @border-color; +} +.dijitSliderTopBumper { + border-top: solid 1px @border-color; +} +.dijitSliderHover .dijitSliderProgressBarV, +.dijitSliderHover .dijitSliderBottomBumper { + background-color: @slider-hovered-fullbar-background-color; + border-color: @hovered-border-color; +} +.dijitSliderHover .dijitSliderRemainingBarV, +.dijitSliderHover .dijitSliderTopBumper { + background-color: @slider-hovered-remainingbar-background-color; + border-color: @hovered-border-color; +} +.dijitSliderFocused .dijitSliderProgressBarV, +.dijitSliderFocused .dijitSliderBottomBumper { + background-color: @slider-focused-fullbar-background-color; + border-color: @focused-border-color; + .box-shadow(inset 1px 0px 1px rgba(0, 0, 0, 0.2)); +} +.dijitSliderFocused .dijitSliderRemainingBarV, +.dijitSliderFocused .dijitSliderTopBumper { + background-color: @slider-focused-remainingbar-background-color; + border-color: @focused-border-color; + .box-shadow(inset 1px 0px 1px rgba(0, 0, 0, 0.2)); +} +.dijitSliderDisabled .dijitSliderProgressBarV, +.dijitSliderDisabled .dijitSliderBottomBumper { + background-color: @disabled-border-color; /* bottom side of slider, fill matches border */ +} +.dijitSliderDisabled .dijitSliderRemainingBarV, +.dijitSliderDisabled .dijitSliderTopBumper { + background-color: @disabled-background-color; +} + +/* ------- Thumbs ------- */ + +.dijitSliderImageHandleH { + border: 0; + width: 18px; + height: 19px; + background-image: url("@{image-form-slider-thumbs}"); + background-repeat: no-repeat; + background-position: -36px 0; + top: -7px; +} +.dijitSliderHover .dijitSliderImageHandleH { + background-position: -18px 0; +} +.dijitSliderFocused .dijitSliderImageHandleH { + background-position: -36px 0; +} +.dijitSliderProgressBarH .dijitSliderThumbHover { + background-position: -36px 0; +} +.dijitSliderProgressBarH .dijitSliderThumbActive { + background-position: -36px 0; +} +.dijitSliderReadOnly .dijitSliderImageHandleH, +.dijitSliderDisabled .dijitSliderImageHandleH { + background-position: -54px 0; +} +.dijitSliderImageHandleV { + border: 0; + width: 18px; + height: 16px; + background-image: url("@{image-form-slider-thumbs}"); + background-repeat: no-repeat; + background-position: -289px 0; +} +.dijitSliderHover .dijitSliderImageHandleV { + background-position: -307px 0; +} +.dijitSliderFocused .dijitSliderImageHandleV { + background-position: -325px 0; +} +.dijitSliderProgressBarV .dijitSliderThumbHover { + background-position: -325px 0; +} +.dijitSliderProgressBarV .dijitSliderThumbActive { + background-position: -325px 0; +} +.dijitSliderReadOnly .dijitSliderImageHandleV, +.dijitSliderDisabled .dijitSliderImageHandleV { + background-position: -343px 0; +} + +/* ---- Increment/Decrement Buttons ---- */ + +.dijitSliderButtonContainerH { + padding: 1px 3px 1px 2px; +} +.dijitSliderButtonContainerV { + padding: 3px 1px 2px 1px; +} +.dijitSliderDecrementIconH, +.dijitSliderIncrementIconH, +.dijitSliderDecrementIconV, +.dijitSliderIncrementIconV { + background-image: url("@{image-form-common-arrows}"); + background-repeat: no-repeat; + background-color: @arrowbutton-background-color; + .border-radius(2px); + border: solid 1px @border-color; + font-size: 1px; +} +.dijitSliderDecrementIconH, +.dijitSliderIncrementIconH { + height: 12px; + width: 9px; +} +.dijitSliderDecrementIconV, +.dijitSliderIncrementIconV { + height: 9px; + width: 12px; +} +.dijitSliderActive .dijitSliderDecrementIconH, +.dijitSliderActive .dijitSliderIncrementIconH, +.dijitSliderActive .dijitSliderDecrementIconV, +.dijitSliderActive .dijitSliderIncrementIconV, +.dijitSliderHover .dijitSliderDecrementIconH, +.dijitSliderHover .dijitSliderIncrementIconH, +.dijitSliderHover .dijitSliderDecrementIconV, +.dijitSliderHover .dijitSliderIncrementIconV { + /* dijitSliderActive should be treated as dijitSliderHover since "clicking the slider" has no meaning */ + border: solid 1px @hovered-border-color; + background-color: @slider-hoveredButton-background-color; +} + +.dijitSliderDecrementIconH { + background-position: -357px 50%; +} +.dijitSliderActive .dijitSliderDecrementIconH +.dijitSliderHover .dijitSliderDecrementIconH { + background-position: -393px 50%; +} +.dijitSliderIncrementIconH { + background-position: -251px 50%; +} +.dijitSliderActive .dijitSliderIncrementIconH +.dijitSliderHover .dijitSliderIncrementIconH { + background-position: -283px 50%; +} +.dijitSliderDecrementIconV { + background-position: -38px 50%; +} +.dijitSliderActive .dijitSliderDecrementIconV +.dijitSliderHover .dijitSliderDecrementIconV { + background-position: -73px 50%; +} +.dijitSliderIncrementIconV { + background-position: -143px 49%; +} +.dijitSliderActive .dijitSliderIncrementIconV +.dijitSliderHover .dijitSliderIncrementIconV { + background-position: -178px 49%; +} +.dijitSliderButtonContainerV .dijitSliderDecrementButtonHover, +.dijitSliderButtonContainerH .dijitSliderDecrementButtonHover, +.dijitSliderButtonContainerV .dijitSliderIncrementButtonHover, +.dijitSliderButtonContainerH .dijitSliderIncrementButtonHover { + background-color: @slider-button-hovered-background-color; +} +.dijitSliderButtonContainerV .dijitSliderDecrementButtonActive, +.dijitSliderButtonContainerH .dijitSliderDecrementButtonActive, +.dijitSliderButtonContainerV .dijitSliderIncrementButtonActive, +.dijitSliderButtonContainerH .dijitSliderIncrementButtonActive { + background-color: @slider-button-pressed-background-color; + border-color: @pressed-border-color; +} +.dijitSliderButtonInner { + visibility: hidden; +} +.dijitSliderDisabled .dijitSliderBar { + border-color: @disabled-border-color; +} +.dijitSliderReadOnly *, .dijitSliderDisabled * { + border-color: @disabled-border-color; + color: @disabled-text-color; +} +.dijitSliderReadOnly .dijitSliderDecrementIconH, +.dijitSliderDisabled .dijitSliderDecrementIconH { + background-position: -321px 50%; + background-color: @disabled-background-color; +} +.dijitSliderReadOnly .dijitSliderIncrementIconH, +.dijitSliderDisabled .dijitSliderIncrementIconH { + background-position: -215px 50%; + background-color: @disabled-background-color; +} +.dijitSliderReadOnly .dijitSliderDecrementIconV, +.dijitSliderDisabled .dijitSliderDecrementIconV { + background-position: -3px 49%; + background-color: @disabled-background-color; +} +.dijitSliderReadOnly .dijitSliderIncrementIconV, +.dijitSliderDisabled .dijitSliderIncrementIconV { + background-position: -107px 49%; + background-color: @disabled-background-color; +} diff --git a/apps/ide/src/styles/backup/images/buttonArrows.png b/apps/ide/src/styles/theme/webida-light/form/images/buttonArrows.png similarity index 100% rename from apps/ide/src/styles/backup/images/buttonArrows.png rename to apps/ide/src/styles/theme/webida-light/form/images/buttonArrows.png diff --git a/apps/ide/src/styles/backup/images/buttonDisabled.png b/apps/ide/src/styles/theme/webida-light/form/images/buttonDisabled.png similarity index 100% rename from apps/ide/src/styles/backup/images/buttonDisabled.png rename to apps/ide/src/styles/theme/webida-light/form/images/buttonDisabled.png diff --git a/apps/ide/src/styles/backup/images/buttonDisabled.svg b/apps/ide/src/styles/theme/webida-light/form/images/buttonDisabled.svg similarity index 100% rename from apps/ide/src/styles/backup/images/buttonDisabled.svg rename to apps/ide/src/styles/theme/webida-light/form/images/buttonDisabled.svg diff --git a/apps/ide/src/styles/backup/images/buttonEnabled.png b/apps/ide/src/styles/theme/webida-light/form/images/buttonEnabled.png similarity index 100% rename from apps/ide/src/styles/backup/images/buttonEnabled.png rename to apps/ide/src/styles/theme/webida-light/form/images/buttonEnabled.png diff --git a/apps/ide/src/styles/backup/images/buttonEnabled.svg b/apps/ide/src/styles/theme/webida-light/form/images/buttonEnabled.svg similarity index 100% rename from apps/ide/src/styles/backup/images/buttonEnabled.svg rename to apps/ide/src/styles/theme/webida-light/form/images/buttonEnabled.svg diff --git a/apps/ide/src/styles/backup/images/checkboxAndRadioButtons_IE6.png b/apps/ide/src/styles/theme/webida-light/form/images/checkboxAndRadioButtons_IE6.png similarity index 100% rename from apps/ide/src/styles/backup/images/checkboxAndRadioButtons_IE6.png rename to apps/ide/src/styles/theme/webida-light/form/images/checkboxAndRadioButtons_IE6.png diff --git a/apps/ide/src/styles/form/images/checkboxRadioButtonStates.png b/apps/ide/src/styles/theme/webida-light/form/images/checkboxRadioButtonStates.png similarity index 100% rename from apps/ide/src/styles/form/images/checkboxRadioButtonStates.png rename to apps/ide/src/styles/theme/webida-light/form/images/checkboxRadioButtonStates.png diff --git a/apps/ide/src/styles/backup/images/commonFormArrows.png b/apps/ide/src/styles/theme/webida-light/form/images/commonFormArrows.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonFormArrows.png rename to apps/ide/src/styles/theme/webida-light/form/images/commonFormArrows.png diff --git a/apps/ide/src/styles/backup/images/error.png b/apps/ide/src/styles/theme/webida-light/form/images/error.png similarity index 100% rename from apps/ide/src/styles/backup/images/error.png rename to apps/ide/src/styles/theme/webida-light/form/images/error.png diff --git a/apps/ide/src/styles/form/images/icons/arrow.png b/apps/ide/src/styles/theme/webida-light/form/images/icons/arrow.png similarity index 100% rename from apps/ide/src/styles/form/images/icons/arrow.png rename to apps/ide/src/styles/theme/webida-light/form/images/icons/arrow.png diff --git a/apps/ide/src/styles/backup/images/sliderThumbs.png b/apps/ide/src/styles/theme/webida-light/form/images/sliderThumbs.png similarity index 100% rename from apps/ide/src/styles/backup/images/sliderThumbs.png rename to apps/ide/src/styles/theme/webida-light/form/images/sliderThumbs.png diff --git a/apps/ide/src/styles/icons/commonIcons.css b/apps/ide/src/styles/theme/webida-light/icons/commonIcons.css similarity index 100% rename from apps/ide/src/styles/icons/commonIcons.css rename to apps/ide/src/styles/theme/webida-light/icons/commonIcons.css diff --git a/apps/ide/src/styles/icons/editorIcons.css b/apps/ide/src/styles/theme/webida-light/icons/editorIcons.css similarity index 100% rename from apps/ide/src/styles/icons/editorIcons.css rename to apps/ide/src/styles/theme/webida-light/icons/editorIcons.css diff --git a/apps/ide/src/styles/backup/images/commonIconsObjActDisabled.png b/apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActDisabled.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonIconsObjActDisabled.png rename to apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActDisabled.png diff --git a/apps/ide/src/styles/backup/images/commonIconsObjActDisabled_rtl.png b/apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActDisabled_rtl.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonIconsObjActDisabled_rtl.png rename to apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActDisabled_rtl.png diff --git a/apps/ide/src/styles/backup/images/commonIconsObjActEnabled.png b/apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonIconsObjActEnabled.png rename to apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled.png diff --git a/apps/ide/src/styles/backup/images/commonIconsObjActEnabled8bit.png b/apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled8bit.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonIconsObjActEnabled8bit.png rename to apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled8bit.png diff --git a/apps/ide/src/styles/backup/images/commonIconsObjActEnabled8bit_rtl.png b/apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled8bit_rtl.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonIconsObjActEnabled8bit_rtl.png rename to apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled8bit_rtl.png diff --git a/apps/ide/src/styles/backup/images/commonIconsObjActEnabled_rtl.png b/apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled_rtl.png similarity index 100% rename from apps/ide/src/styles/backup/images/commonIconsObjActEnabled_rtl.png rename to apps/ide/src/styles/theme/webida-light/icons/images/commonIconsObjActEnabled_rtl.png diff --git a/apps/ide/src/styles/backup/images/editorIconsDisabled.png b/apps/ide/src/styles/theme/webida-light/icons/images/editorIconsDisabled.png similarity index 100% rename from apps/ide/src/styles/backup/images/editorIconsDisabled.png rename to apps/ide/src/styles/theme/webida-light/icons/images/editorIconsDisabled.png diff --git a/apps/ide/src/styles/backup/images/editorIconsDisabled_rtl.png b/apps/ide/src/styles/theme/webida-light/icons/images/editorIconsDisabled_rtl.png similarity index 100% rename from apps/ide/src/styles/backup/images/editorIconsDisabled_rtl.png rename to apps/ide/src/styles/theme/webida-light/icons/images/editorIconsDisabled_rtl.png diff --git a/apps/ide/src/styles/backup/images/editorIconsEnabled.png b/apps/ide/src/styles/theme/webida-light/icons/images/editorIconsEnabled.png similarity index 100% rename from apps/ide/src/styles/backup/images/editorIconsEnabled.png rename to apps/ide/src/styles/theme/webida-light/icons/images/editorIconsEnabled.png diff --git a/apps/ide/src/styles/backup/images/editorIconsEnabled_rtl.png b/apps/ide/src/styles/theme/webida-light/icons/images/editorIconsEnabled_rtl.png similarity index 100% rename from apps/ide/src/styles/backup/images/editorIconsEnabled_rtl.png rename to apps/ide/src/styles/theme/webida-light/icons/images/editorIconsEnabled_rtl.png diff --git a/apps/ide/src/styles/backup/images/loadingAnimation_rtl.gif b/apps/ide/src/styles/theme/webida-light/icons/images/loadingAnimation_rtl.gif similarity index 100% rename from apps/ide/src/styles/backup/images/loadingAnimation_rtl.gif rename to apps/ide/src/styles/theme/webida-light/icons/images/loadingAnimation_rtl.gif diff --git a/apps/ide/src/styles/backup/webida-images/about_webidalogo.png b/apps/ide/src/styles/theme/webida-light/images/about_webidalogo.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/about_webidalogo.png rename to apps/ide/src/styles/theme/webida-light/images/about_webidalogo.png diff --git a/apps/ide/src/styles/backup/images/activeGradient.png b/apps/ide/src/styles/theme/webida-light/images/activeGradient.png similarity index 100% rename from apps/ide/src/styles/backup/images/activeGradient.png rename to apps/ide/src/styles/theme/webida-light/images/activeGradient.png diff --git a/apps/ide/src/styles/backup/images/activeGradient.svg b/apps/ide/src/styles/theme/webida-light/images/activeGradient.svg similarity index 100% rename from apps/ide/src/styles/backup/images/activeGradient.svg rename to apps/ide/src/styles/theme/webida-light/images/activeGradient.svg diff --git a/apps/ide/src/styles/backup/images/calendar.png b/apps/ide/src/styles/theme/webida-light/images/calendar.png similarity index 100% rename from apps/ide/src/styles/backup/images/calendar.png rename to apps/ide/src/styles/theme/webida-light/images/calendar.png diff --git a/apps/ide/src/styles/backup/images/calendarArrows.png b/apps/ide/src/styles/theme/webida-light/images/calendarArrows.png similarity index 100% rename from apps/ide/src/styles/backup/images/calendarArrows.png rename to apps/ide/src/styles/theme/webida-light/images/calendarArrows.png diff --git a/apps/ide/src/styles/backup/images/calendarArrows8bit.png b/apps/ide/src/styles/theme/webida-light/images/calendarArrows8bit.png similarity index 100% rename from apps/ide/src/styles/backup/images/calendarArrows8bit.png rename to apps/ide/src/styles/theme/webida-light/images/calendarArrows8bit.png diff --git a/apps/ide/src/styles/backup/images/checkboxRadioButtonStates.png b/apps/ide/src/styles/theme/webida-light/images/checkboxRadioButtonStates.png similarity index 100% rename from apps/ide/src/styles/backup/images/checkboxRadioButtonStates.png rename to apps/ide/src/styles/theme/webida-light/images/checkboxRadioButtonStates.png diff --git a/apps/ide/src/styles/backup/images/checkmarkNoBorder.gif b/apps/ide/src/styles/theme/webida-light/images/checkmarkNoBorder.gif similarity index 100% rename from apps/ide/src/styles/backup/images/checkmarkNoBorder.gif rename to apps/ide/src/styles/theme/webida-light/images/checkmarkNoBorder.gif diff --git a/apps/ide/src/styles/backup/images/checkmarkNoBorder.png b/apps/ide/src/styles/theme/webida-light/images/checkmarkNoBorder.png similarity index 100% rename from apps/ide/src/styles/backup/images/checkmarkNoBorder.png rename to apps/ide/src/styles/theme/webida-light/images/checkmarkNoBorder.png diff --git a/apps/ide/src/styles/form/images/commonFormArrows.png b/apps/ide/src/styles/theme/webida-light/images/commonFormArrows.png similarity index 100% rename from apps/ide/src/styles/form/images/commonFormArrows.png rename to apps/ide/src/styles/theme/webida-light/images/commonFormArrows.png diff --git a/apps/ide/src/styles/icons/images/commonIconsObjActEnabled.png b/apps/ide/src/styles/theme/webida-light/images/commonIconsObjActEnabled.png similarity index 100% rename from apps/ide/src/styles/icons/images/commonIconsObjActEnabled.png rename to apps/ide/src/styles/theme/webida-light/images/commonIconsObjActEnabled.png diff --git a/apps/ide/src/styles/images/dialogCloseIcon.png b/apps/ide/src/styles/theme/webida-light/images/dialogCloseIcon.png similarity index 100% rename from apps/ide/src/styles/images/dialogCloseIcon.png rename to apps/ide/src/styles/theme/webida-light/images/dialogCloseIcon.png diff --git a/apps/ide/src/styles/backup/images/dialogCloseIcon8bit.png b/apps/ide/src/styles/theme/webida-light/images/dialogCloseIcon8bit.png similarity index 100% rename from apps/ide/src/styles/backup/images/dialogCloseIcon8bit.png rename to apps/ide/src/styles/theme/webida-light/images/dialogCloseIcon8bit.png diff --git a/apps/ide/src/styles/backup/images/dnd.png b/apps/ide/src/styles/theme/webida-light/images/dnd.png similarity index 100% rename from apps/ide/src/styles/backup/images/dnd.png rename to apps/ide/src/styles/theme/webida-light/images/dnd.png diff --git a/apps/ide/src/styles/backup/images/dndCopy.png b/apps/ide/src/styles/theme/webida-light/images/dndCopy.png similarity index 100% rename from apps/ide/src/styles/backup/images/dndCopy.png rename to apps/ide/src/styles/theme/webida-light/images/dndCopy.png diff --git a/apps/ide/src/styles/backup/images/dndMove.png b/apps/ide/src/styles/theme/webida-light/images/dndMove.png similarity index 100% rename from apps/ide/src/styles/backup/images/dndMove.png rename to apps/ide/src/styles/theme/webida-light/images/dndMove.png diff --git a/apps/ide/src/styles/backup/images/dndNoCopy.png b/apps/ide/src/styles/theme/webida-light/images/dndNoCopy.png similarity index 100% rename from apps/ide/src/styles/backup/images/dndNoCopy.png rename to apps/ide/src/styles/theme/webida-light/images/dndNoCopy.png diff --git a/apps/ide/src/styles/backup/images/dndNoMove.png b/apps/ide/src/styles/theme/webida-light/images/dndNoMove.png similarity index 100% rename from apps/ide/src/styles/backup/images/dndNoMove.png rename to apps/ide/src/styles/theme/webida-light/images/dndNoMove.png diff --git a/apps/ide/src/styles/images/git_merge.png b/apps/ide/src/styles/theme/webida-light/images/git_merge.png similarity index 100% rename from apps/ide/src/styles/images/git_merge.png rename to apps/ide/src/styles/theme/webida-light/images/git_merge.png diff --git a/apps/ide/src/styles/backup/images/grid_dx_gradient.gif b/apps/ide/src/styles/theme/webida-light/images/grid_dx_gradient.gif similarity index 100% rename from apps/ide/src/styles/backup/images/grid_dx_gradient.gif rename to apps/ide/src/styles/theme/webida-light/images/grid_dx_gradient.gif diff --git a/apps/ide/src/styles/backup/images/grid_sort_down.gif b/apps/ide/src/styles/theme/webida-light/images/grid_sort_down.gif similarity index 100% rename from apps/ide/src/styles/backup/images/grid_sort_down.gif rename to apps/ide/src/styles/theme/webida-light/images/grid_sort_down.gif diff --git a/apps/ide/src/styles/backup/images/grid_sort_up.gif b/apps/ide/src/styles/theme/webida-light/images/grid_sort_up.gif similarity index 100% rename from apps/ide/src/styles/backup/images/grid_sort_up.gif rename to apps/ide/src/styles/theme/webida-light/images/grid_sort_up.gif diff --git a/apps/ide/src/styles/backup/images/header.png b/apps/ide/src/styles/theme/webida-light/images/header.png similarity index 100% rename from apps/ide/src/styles/backup/images/header.png rename to apps/ide/src/styles/theme/webida-light/images/header.png diff --git a/apps/ide/src/styles/backup/images/header_shadow.png b/apps/ide/src/styles/theme/webida-light/images/header_shadow.png similarity index 100% rename from apps/ide/src/styles/backup/images/header_shadow.png rename to apps/ide/src/styles/theme/webida-light/images/header_shadow.png diff --git a/apps/ide/src/styles/images/icons/arrow.png b/apps/ide/src/styles/theme/webida-light/images/icons/arrow.png similarity index 100% rename from apps/ide/src/styles/images/icons/arrow.png rename to apps/ide/src/styles/theme/webida-light/images/icons/arrow.png diff --git a/apps/ide/src/styles/form/images/buttonArrows.png b/apps/ide/src/styles/theme/webida-light/images/icons/buttonArrows.png similarity index 100% rename from apps/ide/src/styles/form/images/buttonArrows.png rename to apps/ide/src/styles/theme/webida-light/images/icons/buttonArrows.png diff --git a/apps/ide/src/styles/images/icons/icon_collapseall.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_collapseall.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_collapseall.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_collapseall.png diff --git a/apps/ide/src/styles/images/icons/icon_delete.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_delete.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_delete.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_delete.png diff --git a/apps/ide/src/styles/images/icons/icon_expandall.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_expandall.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_expandall.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_expandall.png diff --git a/apps/ide/src/styles/images/icons/icon_run_add.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_run_add.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_run_add.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_run_add.png diff --git a/apps/ide/src/styles/images/icons/icon_run_del.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_run_del.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_run_del.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_run_del.png diff --git a/apps/ide/src/styles/images/icons/icon_security_delete.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_delete.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_delete.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_delete.png diff --git a/apps/ide/src/styles/images/icons/icon_security_export.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_export.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_export.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_export.png diff --git a/apps/ide/src/styles/images/icons/icon_security_file.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_file.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_file.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_file.png diff --git a/apps/ide/src/styles/images/icons/icon_security_import.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_import.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_import.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_import.png diff --git a/apps/ide/src/styles/images/icons/icon_security_rename.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_rename.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_rename.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_rename.png diff --git a/apps/ide/src/styles/images/icons/icon_security_use.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_use.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_use.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_use.png diff --git a/apps/ide/src/styles/images/icons/icon_security_viewmore.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_security_viewmore.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_security_viewmore.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_security_viewmore.png diff --git a/apps/ide/src/styles/images/icons/icon_user.png b/apps/ide/src/styles/theme/webida-light/images/icons/icon_user.png similarity index 100% rename from apps/ide/src/styles/images/icons/icon_user.png rename to apps/ide/src/styles/theme/webida-light/images/icons/icon_user.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_cancel.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_cancel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_cancel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_cancel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_delete.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_delete.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_delete.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_delete.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_modify.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_modify.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_modify.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_modify.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_path.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_path.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_path.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_path.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_run.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_run.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_run.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_run.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_save.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_save.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_save.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_save.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_title_arrow.png b/apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_title_arrow.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/runconfig_icon_title_arrow.png rename to apps/ide/src/styles/theme/webida-light/images/icons/runconfig_icon_title_arrow.png diff --git a/apps/ide/src/styles/images/icons/tabStripIcon.png b/apps/ide/src/styles/theme/webida-light/images/icons/tabStripIcon.png similarity index 100% rename from apps/ide/src/styles/images/icons/tabStripIcon.png rename to apps/ide/src/styles/theme/webida-light/images/icons/tabStripIcon.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_arrow_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_arrow_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_command_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_command_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_command_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_command_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_command_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_command_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_command_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_command_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_command_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_copy_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_copy_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_cut_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_cut_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_delete_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_delete_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_deploy_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_deploy_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_duplicate_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_duplicate_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_edit_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_edit_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_editwithuibuilder_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_editwithuibuilder_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_help_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_help_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_help_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_help_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_help_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_help_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_help_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_help_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_help_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_keymap_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_keymap_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_lineending_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_lineending_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfile_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfile_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_newfolder_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_newfolder_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_paste_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_paste_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_preference_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_preference_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_refresh_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_refresh_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_rename_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_rename_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_run_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_run_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_run_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_run_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_run_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_run_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_run_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_run_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_run_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_save_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_save_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_save_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_save_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_save_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_save_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_save_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_save_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_save_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_searchfiles_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_searchfiles_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_team_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_team_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_team_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_team_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_team_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_team_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_team_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_team_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_team_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_terminal_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_terminal_sel.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_hover.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_hover.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_hover.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_hover.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_nml.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_nml.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_nml.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_nml.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_pushed.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_pushed.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_pushed.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_pushed.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_sel.png b/apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_sel.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/title_icon_uploadtothisfolder_sel.png rename to apps/ide/src/styles/theme/webida-light/images/icons/title_icon_uploadtothisfolder_sel.png diff --git a/apps/ide/src/styles/images/icons/toolbar_about.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_about.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_about.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_about.png diff --git a/apps/ide/src/styles/images/icons/toolbar_buildpackage.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_buildpackage.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_buildpackage.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_buildpackage.png diff --git a/apps/ide/src/styles/images/icons/toolbar_command.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_command.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_command.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_command.png diff --git a/apps/ide/src/styles/images/icons/toolbar_copy.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_copy.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_copy.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_copy.png diff --git a/apps/ide/src/styles/images/icons/toolbar_cut.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_cut.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_cut.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_cut.png diff --git a/apps/ide/src/styles/images/icons/toolbar_debug.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_debug.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_debug.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_debug.png diff --git a/apps/ide/src/styles/images/icons/toolbar_debug2.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_debug2.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_debug2.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_debug2.png diff --git a/apps/ide/src/styles/images/icons/toolbar_deployconfig.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_deployconfig.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_deployconfig.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_deployconfig.png diff --git a/apps/ide/src/styles/images/icons/toolbar_deployhistory.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_deployhistory.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_deployhistory.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_deployhistory.png diff --git a/apps/ide/src/styles/images/icons/toolbar_downloadfile.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_downloadfile.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_downloadfile.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_downloadfile.png diff --git a/apps/ide/src/styles/images/icons/toolbar_file.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_file.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_file.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_file.png diff --git a/apps/ide/src/styles/images/icons/toolbar_findfiles.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_findfiles.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_findfiles.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_findfiles.png diff --git a/apps/ide/src/styles/images/icons/toolbar_gotofile.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_gotofile.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_gotofile.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_gotofile.png diff --git a/apps/ide/src/styles/images/icons/toolbar_help.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_help.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_help.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_help.png diff --git a/apps/ide/src/styles/images/icons/toolbar_paste.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_paste.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_paste.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_paste.png diff --git a/apps/ide/src/styles/images/icons/toolbar_pluginconfig.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_pluginconfig.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_pluginconfig.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_pluginconfig.png diff --git a/apps/ide/src/styles/images/icons/toolbar_preference.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_preference.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_preference.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_preference.png diff --git a/apps/ide/src/styles/images/icons/toolbar_project.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_project.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_project.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_project.png diff --git a/apps/ide/src/styles/images/icons/toolbar_projectwizard.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_projectwizard.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_projectwizard.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_projectwizard.png diff --git a/apps/ide/src/styles/images/icons/toolbar_quit.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_quit.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_quit.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_quit.png diff --git a/apps/ide/src/styles/images/icons/toolbar_redo.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_redo.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_redo.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_redo.png diff --git a/apps/ide/src/styles/images/icons/toolbar_reload.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_reload.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_reload.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_reload.png diff --git a/apps/ide/src/styles/images/icons/toolbar_runconfig.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_runconfig.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_runconfig.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_runconfig.png diff --git a/apps/ide/src/styles/images/icons/toolbar_runhistory.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_runhistory.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_runhistory.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_runhistory.png diff --git a/apps/ide/src/styles/images/icons/toolbar_save.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_save.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_save.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_save.png diff --git a/apps/ide/src/styles/images/icons/toolbar_saveall.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_saveall.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_saveall.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_saveall.png diff --git a/apps/ide/src/styles/images/icons/toolbar_securityprofile.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_securityprofile.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_securityprofile.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_securityprofile.png diff --git a/apps/ide/src/styles/images/icons/toolbar_shortcuts.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_shortcuts.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_shortcuts.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_shortcuts.png diff --git a/apps/ide/src/styles/images/icons/toolbar_switchworkspace.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_switchworkspace.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_switchworkspace.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_switchworkspace.png diff --git a/apps/ide/src/styles/images/icons/toolbar_undo.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_undo.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_undo.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_undo.png diff --git a/apps/ide/src/styles/images/icons/toolbar_uploadfiles.png b/apps/ide/src/styles/theme/webida-light/images/icons/toolbar_uploadfiles.png similarity index 100% rename from apps/ide/src/styles/images/icons/toolbar_uploadfiles.png rename to apps/ide/src/styles/theme/webida-light/images/icons/toolbar_uploadfiles.png diff --git a/apps/ide/src/styles/backup/webida-images/icons/transparent.png b/apps/ide/src/styles/theme/webida-light/images/icons/transparent.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/icons/transparent.png rename to apps/ide/src/styles/theme/webida-light/images/icons/transparent.png diff --git a/apps/ide/src/styles/backup/webida-images/webida_favicon_16.png b/apps/ide/src/styles/theme/webida-light/images/icons/webida_favicon_16.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/webida_favicon_16.png rename to apps/ide/src/styles/theme/webida-light/images/icons/webida_favicon_16.png diff --git a/apps/ide/src/styles/backup/images/loadingAnimation.gif b/apps/ide/src/styles/theme/webida-light/images/loadingAnimation.gif similarity index 100% rename from apps/ide/src/styles/backup/images/loadingAnimation.gif rename to apps/ide/src/styles/theme/webida-light/images/loadingAnimation.gif diff --git a/apps/ide/src/styles/backup/webida-images/loading_img.png b/apps/ide/src/styles/theme/webida-light/images/loading_img.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/loading_img.png rename to apps/ide/src/styles/theme/webida-light/images/loading_img.png diff --git a/apps/ide/src/styles/backup/images/progressBarAnim.gif b/apps/ide/src/styles/theme/webida-light/images/progressBarAnim.gif similarity index 100% rename from apps/ide/src/styles/backup/images/progressBarAnim.gif rename to apps/ide/src/styles/theme/webida-light/images/progressBarAnim.gif diff --git a/apps/ide/src/styles/backup/images/progressBarFull.png b/apps/ide/src/styles/theme/webida-light/images/progressBarFull.png similarity index 100% rename from apps/ide/src/styles/backup/images/progressBarFull.png rename to apps/ide/src/styles/theme/webida-light/images/progressBarFull.png diff --git a/apps/ide/src/styles/backup/images/resize.png b/apps/ide/src/styles/theme/webida-light/images/resize.png similarity index 100% rename from apps/ide/src/styles/backup/images/resize.png rename to apps/ide/src/styles/theme/webida-light/images/resize.png diff --git a/apps/ide/src/styles/backup/images/resizeRtl.png b/apps/ide/src/styles/theme/webida-light/images/resizeRtl.png similarity index 100% rename from apps/ide/src/styles/backup/images/resizeRtl.png rename to apps/ide/src/styles/theme/webida-light/images/resizeRtl.png diff --git a/apps/ide/src/styles/backup/images/row_back.png b/apps/ide/src/styles/theme/webida-light/images/row_back.png similarity index 100% rename from apps/ide/src/styles/backup/images/row_back.png rename to apps/ide/src/styles/theme/webida-light/images/row_back.png diff --git a/apps/ide/src/styles/images/splitterToggleH.png b/apps/ide/src/styles/theme/webida-light/images/splitterToggleH.png similarity index 100% rename from apps/ide/src/styles/images/splitterToggleH.png rename to apps/ide/src/styles/theme/webida-light/images/splitterToggleH.png diff --git a/apps/ide/src/styles/images/splitterToggleV.png b/apps/ide/src/styles/theme/webida-light/images/splitterToggleV.png similarity index 100% rename from apps/ide/src/styles/images/splitterToggleV.png rename to apps/ide/src/styles/theme/webida-light/images/splitterToggleV.png diff --git a/apps/ide/src/styles/images/spriteArrows.png b/apps/ide/src/styles/theme/webida-light/images/spriteArrows.png similarity index 100% rename from apps/ide/src/styles/images/spriteArrows.png rename to apps/ide/src/styles/theme/webida-light/images/spriteArrows.png diff --git a/apps/ide/src/styles/backup/images/sprite_icons.png b/apps/ide/src/styles/theme/webida-light/images/sprite_icons.png similarity index 100% rename from apps/ide/src/styles/backup/images/sprite_icons.png rename to apps/ide/src/styles/theme/webida-light/images/sprite_icons.png diff --git a/apps/ide/src/styles/backup/images/standardGradient.png b/apps/ide/src/styles/theme/webida-light/images/standardGradient.png similarity index 100% rename from apps/ide/src/styles/backup/images/standardGradient.png rename to apps/ide/src/styles/theme/webida-light/images/standardGradient.png diff --git a/apps/ide/src/styles/backup/images/standardGradient.svg b/apps/ide/src/styles/theme/webida-light/images/standardGradient.svg similarity index 100% rename from apps/ide/src/styles/backup/images/standardGradient.svg rename to apps/ide/src/styles/theme/webida-light/images/standardGradient.svg diff --git a/apps/ide/src/styles/images/sunkenline_02.png b/apps/ide/src/styles/theme/webida-light/images/sunkenline_02.png similarity index 100% rename from apps/ide/src/styles/images/sunkenline_02.png rename to apps/ide/src/styles/theme/webida-light/images/sunkenline_02.png diff --git a/apps/ide/src/styles/backup/images/td_button_down.png b/apps/ide/src/styles/theme/webida-light/images/td_button_down.png similarity index 100% rename from apps/ide/src/styles/backup/images/td_button_down.png rename to apps/ide/src/styles/theme/webida-light/images/td_button_down.png diff --git a/apps/ide/src/styles/backup/webida-images/title_emblem.png b/apps/ide/src/styles/theme/webida-light/images/title_emblem.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/title_emblem.png rename to apps/ide/src/styles/theme/webida-light/images/title_emblem.png diff --git a/apps/ide/src/styles/backup/images/tooltip.png b/apps/ide/src/styles/theme/webida-light/images/tooltip.png similarity index 100% rename from apps/ide/src/styles/backup/images/tooltip.png rename to apps/ide/src/styles/theme/webida-light/images/tooltip.png diff --git a/apps/ide/src/styles/backup/images/tooltip8bit.png b/apps/ide/src/styles/theme/webida-light/images/tooltip8bit.png similarity index 100% rename from apps/ide/src/styles/backup/images/tooltip8bit.png rename to apps/ide/src/styles/theme/webida-light/images/tooltip8bit.png diff --git a/apps/ide/src/styles/backup/webida-images/top_collapse_bt.png b/apps/ide/src/styles/theme/webida-light/images/top_collapse_bt.png similarity index 100% rename from apps/ide/src/styles/backup/webida-images/top_collapse_bt.png rename to apps/ide/src/styles/theme/webida-light/images/top_collapse_bt.png diff --git a/apps/ide/src/styles/backup/images/treeExpandImages.png b/apps/ide/src/styles/theme/webida-light/images/treeExpandImages.png similarity index 100% rename from apps/ide/src/styles/backup/images/treeExpandImages.png rename to apps/ide/src/styles/theme/webida-light/images/treeExpandImages.png diff --git a/apps/ide/src/styles/backup/images/treeExpandImages8bit.png b/apps/ide/src/styles/theme/webida-light/images/treeExpandImages8bit.png similarity index 100% rename from apps/ide/src/styles/backup/images/treeExpandImages8bit.png rename to apps/ide/src/styles/theme/webida-light/images/treeExpandImages8bit.png diff --git a/apps/ide/src/styles/theme/webida-light/layout/AccordionContainer.less b/apps/ide/src/styles/theme/webida-light/layout/AccordionContainer.less new file mode 100644 index 00000000..cd33111b --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/layout/AccordionContainer.less @@ -0,0 +1,98 @@ +/* Accordion + * + * Styling AccordionContainer basically means styling the accordion pane (dijitAccordionInnerContainer) + * and the title inside of it (dijitAccordionTitle). There are 4 basic states to style: + * + * 1. closed pane (and default styling): + * .dijitAccordionInnerContainer - container for each accordion child + * .dijitAccordionTitle - title for each accordion child + * + * 2. active closed pane (ie, mouse down on a title bar) + * .dijitAccordionInnerContainerActive - for background-color, border + * .dijitAccordionInnerContainerActive dijitAccordionTitle - for text color + * + * 3. open pane (expanded child) + * .dijitAccordionChildWrapper - wraps around the child widget (typically ContentPane) + * setting a margin so that there's blue trim all the way around the child + * + * These rules need to override the closed pane active: + * + * .dijitAccordionInnerContainerSelected - for background-color, border + * .dijitAccordionInnerContainerSelected .dijitAccordionTitle - for text color + * + * 4. hovered pane, open or closed + * The selectors below affect hovering over both a closed pane (ie, hovering a title bar), + * and hovering over an open pane. Also, treat mouse down on an open pane as a hover: + * + * .dijitAccordionInnerContainerHover, .dijitAccordionInnerContainerSelectedActive - for background-color, border + * .dijitAccordionInnerContainerHover .dijitAccordionTitle - for text color + */ + +.dijitAccordionContainer { + border:none; +} +.dijitAccordionInnerContainer { + background-color: @unselected-background-color; /* gray, for closed pane */ + border:solid 1px @border-color; + margin-bottom:1px; + .transition-property(background-color,border); + .transition-duration(.3s); + .transition-timing-function(linear); +} +.dijitAccordionTitle { + background-color: transparent; /* pick up color from dijitAccordionInnerContainer */ + .standard-gradient("../"); + padding: 5px 7px 2px 7px; + min-height:17px; + color:@unselected-text-color; +} + +.dijitAccordionContainer .dijitAccordionChildWrapper { + /* this extends the blue trim styling of the title bar to wrapping around the node. + * done by setting margin + */ + background-color:@pane-background-color; + border:1px solid @selected-border-color; + margin: 0 2px 2px; +} + +.dijitAccordionContainer .dijitAccordionContainer-child { + /* this is affecting the child widget itself */ + padding: 9px; +} + +/* Hover state for closed pane */ + +.dijitAccordionInnerContainerHover { + border:1px solid @hovered-border-color; + background-color:@hovered-background-color; + .transition-duration(.2s); +} + +.dijitAccordionInnerContainerHover .dijitAccordionTitle { + color:@hovered-text-color; +} + +/* Active state for closed pane */ + +.dijitAccordionInnerContainerActive { + border:1px solid @selected-border-color; + background-color:@pressed-background-color; + .transition-duration(.1s); +} +.dijitAccordionInnerContainerActive .dijitAccordionTitle { + .active-gradient("../"); + color:@selected-text-color; +} + +/* Open (a.k.a. selected) pane */ + +.dijitAccordionInnerContainerSelected { + border-color:@selected-border-color; + background-color: @selected-background-color; +} +.dijitAccordionInnerContainerSelected .dijitAccordionTitle { + color:@selected-text-color; + .standard-gradient("../"); /* avoid effect when clicking the title of the open pane */ +} + diff --git a/apps/ide/src/styles/theme/webida-light/layout/BorderContainer.less b/apps/ide/src/styles/theme/webida-light/layout/BorderContainer.less new file mode 100644 index 00000000..e87d0fc1 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/layout/BorderContainer.less @@ -0,0 +1,142 @@ +/* BorderContainer + +Splitters and gutters separate panes within a BorderContainer. Splitters can be moved up and down (horizonal splitters) or left and right (vertical splitters), while Gutters are static. A "thumb" is the slit on a Splitter that indicates it is movable. + +Styling the BorderContainer widget consists of the following: + +.dijitBorderContainer - for border and padding of the entire border container + +.dijitSplitContainer-child, .dijitBorderContainer-child - for border or child panes of the border container. By default borders are put on all children of BorderContainer. + +.dijitBorderContainer-dijitTabContainerTop, +.dijitBorderContainer-dijitTabContainerBottom, +.dijitBorderContainer-dijitTabContainerLeft, +.dijitBorderContainer-dijitTabContainerRight, +.dijitBorderContainer-dijitAccordionContainer -for border of the border containers within TabContainer or AccordionContainer widget + +.dijitBorderContainer-dijitBorderContainer - for border and padding of nested BorderContainers + +Splitters and gutters: + +.dijitSplitterH, .dijitGutterH - for height, background, and border of a horizontal splitter and gutter +.dijitSplitterH .dijitSplitterThumb - for color, height/width of the thumb on a horizontal splitter +.dijitSplitterV, .dijitGutterV - - for height, background, and border of a vertical splitter and gutter +.dijitSplitterV .dijitSplitterThumb - for color, height/width of the thumb on a vertical splitter +.dijitSplitterHHover - for background-color of a hovered horizontal splitter +.dijitSplitterHHover .dijitSplitterThumb - for background-color of a hovered thumb on a horizontal splitter +.dijitSplitterVHover - for background-color of a hovered vertical splitter +.dijitSplitterVHover .dijitSplitterThumb - for background-color of a hovered thumb on a vertical splitter +.dijitSplitterHActive - for background-color of an active horizontal splitter +.dijitSplitterVActive - for background-color of an active horizontal splitter +*/ +.dijitBorderContainer { + /* matches the width of the splitters between panes */ + padding: 0!important; + background-color: transparent; + border-radius: 0; +} + +.dijitSplitContainer-child, +.dijitBorderContainer-child { + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ + border: none; + //padding-right: 3px!important; + //padding-left: 2px!important; +} + +.dijitBorderContainer-dijitTabContainerTop, +.dijitBorderContainer-dijitTabContainerBottom, +.dijitBorderContainer-dijitTabContainerLeft, +.dijitBorderContainer-dijitTabContainerRight, +.dijitBorderContainer-dijitAccordionContainer { + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so override rule setting border on domNode + */ + border: none; + +} +.dijitBorderContainer-dijitBorderContainer { + /* make nested BorderContainers look like a single big widget with lots of splitters */ + border: 0; + padding: 0; +} + +/* Splitters and gutters */ + +.dijitSplitterH, +.dijitGutterH { + background:@gutter-area-background; + height:6px; +} +.dj_ios .dijitSplitterH, .dj_android .dijitSplitterH { + height: 11px; +} + +.dijitSplitterH .dijitSplitterThumb { + background:transparent; + height:1px; + top:2px; + width:19px; +} +.dj_ios .dijitSplitterH .dijitSplitterThumb, .dj_android .dijitSplitterH .dijitSplitterThumb{ + top:5px; +} +.dijitSplitterV, +.dijitGutterV { + background:@gutter-area-background; + border:0; + width:8px; + margin: 0; +} +.dj_ios .dijitSplitterV, .dj_android .dijitSplitterV { + width: 11px; +} + +.dijitSplitterV .dijitSplitterThumb { + //background: #b5bcc7 none; + left: 3px; + width: 3px; + /* background-image: -webkit-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); + background-image: -moz-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); + background-image: -o-linear-gradient(left, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px); + background-image: linear-gradient(to right, #949ca3 1px, #a8afb7 2px, #c9cfd5 3px);*/ + //border-radius: 3px; + top: 3px; + //height: calc(100% - 6px); + height: 99%; + //opacity: 0.7; +} +.dj_ios .dijitSplitterV .dijitSplitterThumb, .dj_android .dijitSplitterV .dijitSplitterThumb{ + left:5px; +} + +/* hovered splitter */ +.dijitSplitterHHover, +.dijitSplitterVHover { + font-size: 1px; + //background-color: @splitter-hovered-background-color; +} + +.dijitSplitterHHover { + //.alpha-white-gradient (left, 1,0px, 0,50%, 1,100%); +} + +.dijitSplitterVHover { + //.alpha-white-gradient (top, 1,0px, 0,50%, 1,100%); +} + +.dijitSplitterHHover .dijitSplitterThumb, +.dijitSplitterVHover .dijitSplitterThumb { + //background:@hovered-border-color none; +} + + +/* active splitter */ +.dijitSplitterHActive, +.dijitSplitterVActive { + font-size: 1px; + background-color:@splitter-dragged-background-color; + background-image: none; // color all the way across, not gradient like in hover mode +} diff --git a/apps/ide/src/styles/layout/ContentPane.less b/apps/ide/src/styles/theme/webida-light/layout/ContentPane.less similarity index 55% rename from apps/ide/src/styles/layout/ContentPane.less rename to apps/ide/src/styles/theme/webida-light/layout/ContentPane.less index 5419e3e0..d89ce546 100644 --- a/apps/ide/src/styles/layout/ContentPane.less +++ b/apps/ide/src/styles/theme/webida-light/layout/ContentPane.less @@ -21,29 +21,24 @@ * set background-color and padding of ContentPane nested within a BorderContainer */ -@import "../less/variables"; -@import "../less/theme-set"; - -.@{theme} { - .dijitContentPane { - padding: 7px; - } +.dijitContentPane { + padding: 7px; +} - /* nested layouts */ - .dijitTabContainerTop-dijitContentPane, - .dijitTabContainerLeft-dijitContentPane, - .dijitTabContainerBottom-dijitContentPane, - .dijitTabContainerRight-dijitContentPane, - .dijitAccordionContainer-dijitContentPane { - background-color: transparent; - } - .dijitTabContainerTop-dijitContentPane { - width: 100%; - } - .dijitSplitContainer-dijitContentPane, - .dijitBorderContainer-dijitContentPane { - //background-color: @pane-background-color; - background-color: #d6dce2; - padding: 8px; - } +/* nested layouts */ +.dijitTabContainerTop-dijitContentPane, +.dijitTabContainerLeft-dijitContentPane, +.dijitTabContainerBottom-dijitContentPane, +.dijitTabContainerRight-dijitContentPane, +.dijitAccordionContainer-dijitContentPane { + background-color: transparent; +} +.dijitTabContainerTop-dijitContentPane { + width: 100%; +} +.dijitSplitContainer-dijitContentPane, +.dijitBorderContainer-dijitContentPane { + //background-color: @pane-background-color; + background-color: #d6dce2; + padding: 8px; } diff --git a/apps/ide/src/styles/theme/webida-light/layout/TabContainer.less b/apps/ide/src/styles/theme/webida-light/layout/TabContainer.less new file mode 100644 index 00000000..cf15039a --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/layout/TabContainer.less @@ -0,0 +1,399 @@ +/* TabContainer + * + * Styling TabContainer means styling the TabList and Its content container (dijitTitlePane) + * + * Tab List: (including 4 kinds of tab location) + * .dijitTabContainerTop-tabs - tablist container at top + * .dijitTabContainerBottom-tabs - tablist container at bottom + * .dijitTabContainerLeft-tabs - tablist container at left + * .dijitTabContainerRight-tabs - tablist container at right + * + * Tab Strip Button: + * .dijitTabStripIcon - tab strip button icon + * .dijitTabStripMenuIcon - down arrow icon position + * .dijitTabStripSlideLeftIcon - left arrow icon position + * .dijitTabStripSlideRightIcon - right arrow icon position + * + * .tabStripButtonDisabled - styles for disabled tab strip buttons + * + * Tab Button: + * .dijitTabContainerTop-tabs .dijitTab - styles for top tab button container + * .dijitTabContainerBottom-tabs .dijitTab - styles for bottom tab button container + * .dijitTabContainerLeft-tabs .dijitTab - styles for left tab button container + * .dijitTabContainerRight-tabs .dijitTab - styles for right tab button container + * + * .dijitTabContainerTop-tabs .dijitTabChecked .dijitTab + * - styles for selected status of top tab button + * same to Bottom, Left, Right Tabs + * + * .dijitTabHover .dijitTab - styles when mouse hover on tab buttons + * .dijitTabActive .dijitTab - styles when mouse down on tab buttons + * .dijitTabChecked .dijitTab - styles when on buttons of selected tab + * + * .dijitTabCloseButton - the close action buttons lie at the right top of each tab button on closable tabs + * .dijitTabCloseButtonHover - styles when mouse hover on close action button + * .dijitTabCloseButtonActive - styles when mouse down on close action button + * + * Tab Button: (checked status) + * + * Tab Content Container: + * .dijitTabContainerTop-dijitContentPane + * .dijitTabContainerBottom-dijitContentPane + * .dijitTabContainerLeft-dijitContentPane + * .dijitTabContainerRight-dijitContentPane - for background and padding + * + * Nested Tabs: + * .dijitTabContainerNested - Container for nested tabs + * .dijitTabContainerTabListNested - tab list container for nested tabs + */ + +.unselected-tab-gradient (@direction) { + // white line, dark line, then fade from light to dark + .alpha-white-gradient (@direction, 1,0px, 1,1px, 0.1,2px, 0.6,7px, 0,100%); +} +.topBottom-selected-tab-gradient (@direction) { + .alpha-white-gradient (@direction, 1,0px, 1,1px, 0,2px, 1,7px); // white line, blue line, remainder white +} +/*** some common features ***/ +.dijitTabPaneWrapper { + padding: 0px; + border: 0; + //background-color: #e8edf2; + border-radius:0px; +} + +.dijitTabPaneWrapper, +.dijitTabContainerTop-tabs, +.dijitTabContainerBottom-tabs, +.dijitTabContainerLeft-tabs, +.dijitTabContainerRight-tabs { + /* todo: add common class name for this div */ + border: 0; +} +.dijitTabPaneWrapper { + //border: @workspace-TabPaneWrapper-border; +} +.dijitTabCloseButton { + background: url('../layout/images/tab_close.png') no-repeat; + //background: url("@{image-layout-tab-close}") no-repeat; + width: 9px; + height: 9px; + margin-left: 5px; + margin-right:-5px; + cursor: pointer; +} +.dijitTabCloseButtonHover { + background-position:-9px; +} +.dijitTabCloseButtonActive { + background-position:-18px; +} +.dijitTabSpacer { + /* set the spacer invisible. note that height:0 doesn't work on IE/quirks, it's still 10px. */ + display: none; +} +.dijitTab { + border: 0; + background-color:@unselected-background-color; + .transition-property(background-color, border); + .transition-duration(.35s); + color:rgba(255,255,255,0.3); +} +.dijitTabHover { + border-color: @hovered-border-color; + background-color:@hovered-background-color; + .transition-duration(.25s); + color:@hovered-text-color; +} +.dijitTabActive { + border-color: @pressed-border-color; + background-color:@pressed-background-color; + color:@selected-text-color; + .transition-duration(.1s); +} +.dijitTabChecked { + // selected tab + border-color: rgba(66,71,80,1); // don't use @selected-border-color because need to match border of TabContainer + background-color: @selected-background-color; + color: @workspace-tab-on-text-color; +} +.dijitSplitter ~ .dijitBorderContainerPane .dijitTab.dijitFocused { + border: 1px #759dc0 solid!important; +} +.dijitTab .tabLabel { + outline: none; +} +.dijitTabDisabled { + background-color: @tab-disabled-background-color; +} + +.tabStripButton { + background-color: transparent; + border: none; +} +/*** end common ***/ + + +/*************** top tab ***************/ +#editor .dijitTabContainerTop-tabs .dijitTab { + background-color: rgba(99,104,112,1); + color: rgba(255,255,255,0.3); + border: none; +} +#editor .dijitTabContainerTop-tabs .dijitTabChecked { + background-color: rgba(58,62,71,1); + color: #fff; +} +#editor .dijitTabContainerTop-tabs .dijitTabHover, #editor .dijitTabContainerTop-tabs .dijitTabActive { + color: #fff; +} + +.dijitTabContainerTop-tabs .dijitTab { + top: 1px; + margin-right: 3px; + padding: 3px 6px; + border-bottom-width: 0; + min-width: 60px; + text-align: center; + background-color:rgba(180,186,193,1); + color: #6e7583; +} +.dijitTabContainerTop-tabs .dijitTabChecked { + padding-bottom: 4px; + padding-top: 1px!important; + color: #414850; + background-color:@workspace-tab-on-background-color; +} +.dijitTabContainerTop-tabs .dijitTab { + padding: 8px 14px 0 14px; + padding-top: 0; + border-top: #c1c8cf solid 1px; + border-left: #c1c8cf solid 1px; + border-right: #c1c8cf solid 1px; + /*top: 0px;*/ +} +.dijitTabContainerTop-tabs .dijitTab .tabLabel { + line-height: 23px; +} +.dijitTabContainerTop-tabs .dijitTabChecked { + /*top: 0px;*/ +} +/** end top tab **/ + + +/*************** bottom tab ***************/ +.dijitTabContainerBottom-tabs .dijitTab { + /* unselected (and not hovered/pressed) tab */ + top: -1px; /* used for overlap */ + margin-right: 1px; + padding:3px 6px; + border-top-width: 0; + min-width: 60px; + text-align: center; + + // gradient (CSS gradient, with backup image for IE6-9) + /*background-image: url("images/tabBottomUnselected.png"); + background-repeat: repeat-x; + background-position: bottom;*/ + /*.unselected-tab-gradient(bottom); + + .box-shadow(0 1px 1px rgba(0, 0, 0, 0.04))*/ +} + +/* selected tab */ +.dijitTabContainerBottom-tabs .dijitTabChecked { + padding-bottom: 9px; + padding-top: 4px; + + // gradient (CSS gradient, with backup image for IE6-9) + /*background-image: url("images/tabBottomSelected.png"); + .topBottom-selected-tab-gradient (bottom); + + .box-shadow(0 1px 2px rgba(0, 0, 0, 0.05));*/ +} +/** end bottom tab **/ + +/*************** left tab ***************/ +.dijitTabContainerLeft-tabs { + background-color: #606a78; +} +.dijitTabContainerLeft-tabs .dijitTab { + /* unselected (and not hovered/pressed) tab */ + left: 0px; /* used for overlap */ + margin-bottom: 1px; + padding:3px 8px 7px 7px; + background-color: #8B96A5; + color:#fff; +} + +/* selected tab */ +.dijitTabContainerLeft-tabs .dijitTabChecked { + border-right-width: 0; + padding-right: 9px; + background-color: #ECF1F6; + color:#000; + font-weight: bold; +} +/** end left tab **/ + +/*************** right tab ***************/ +.dijitTabContainerRight-tabs .dijitTab { + /* unselected (and not hovered/pressed) tab */ + left: -1px; /* used for overlap */ + margin-bottom: 1px; + padding:3px 8px 4px 4px; + + // gradient (CSS gradient, with backup image for IE6-9) + background-image: url("../layout/images/tabRightUnselected.png"); + background-repeat: repeat-y; + background-position: right; + .unselected-tab-gradient(right); +} +.dijitTabContainerRight-tabs .dijitTabChecked { + /* selected tab */ + padding-left: 5px; + border-left-width: 0; + + // gradient (CSS gradient, with backup image for IE6-9) + background-image: url("../layout/images/tabRightSelected.png"); + .alpha-white-gradient (right, 0.5,0px, 1,30px); // 1/2 inch blue gradient, remainder white + + .box-shadow(1px 0 2px rgba(0, 0, 0, 0.07)); +} +/** end right tab **/ + +/** round corner **/ +.dijitTabContainerTop-tabs .dijitTab { + .border-radius(2px 2px 0 0); + margin-top: 2px; +} +.dijitTabContainerBottom-tabs .dijitTab { + .border-radius(0 0 2px 2px); +} +.dijitTabContainerLeft-tabs .dijitTab { + .border-radius(2px 0 0 2px); +} + +.dijitTabContainerRight-tabs .dijitTab { + .border-radius(0 2px 2px 0); +} + +/************ left/right scroll buttons + menu button ************/ +.tabStripButton { + background-color:transparent; +} +.dijitTabListContainer-top .tabStripButton { + padding: 4px 3px; + margin: 1px 2px 1px 2px; + width: 12px; + background-color: rgba(58,62,71,1); + border-radius: 2px; +} +.dijitTabListContainer-bottom .tabStripButton { + padding:4px 3px; + margin-bottom:7px; + .alpha-white-gradient (bottom, 1,0px, 0.1,1px, 0.6,6px, 0,100%); // to match unselected tab, but had to tweak numbers +} +.tabStripButtonHover { + background-color:@hovered-background-color; +} +.tabStripButtonActive { + background-color:@pressed-background-color; +} +.dijitTabStripIcon { + position: absolute; + left: 1px; + top: 3px; + height:15px; + width:15px; + margin: 0 auto; + background:url("../images/icons/tabStripIcon.png") no-repeat 0px 50%; + background-color: transparent; +} +.dijitTabStripSlideRightIcon{ + background-position: -15px 50%; +} +.dijitTabStripMenuIcon { + background-position: -30px 50%; +} + +/*disabled styles for tab strip buttons*/ +.dijitTabListContainer-top .tabStripButtonDisabled, +.dijitTabListContainer-bottom .tabStripButtonDisabled { + background-color:transparent; +} +.tabStripButtonDisabled .dijitTabStripSlideLeftIcon { + background-position:0 50%; +} +.tabStripButtonDisabled .dijitTabStripSlideRightIcon { + background-position: -15px 50%; +} +.tabStripButtonDisabled .dijitTabStripMenuIcon { + background-position: -30px 50%; +} +/* Nested Tabs */ +.dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom:solid 1px @border-color; + padding:2px 2px 4px; +} +.dijitTabContainerTabListNested .dijitTab { + background-color:rgba(26, 27, 28, 0); + border-right: 1px #1a1b1c solid; + border-bottom: 1px #1a1b1c solid; + box-sizing: border-box; + padding: 3px; + /*.transition-property(background-color, border-color); + .transition-duration(.3s); + .border-radius(2px);*/ + top: 0;/* to override top: 1px/-1px for normal tabs */ + /*.box-shadow(none); + + // CSS gradient with fallback to image for IE + background-image: url("images/tabNested.png") repeat-x; + .alpha-white-gradient (0.61,0%, 0,17%, 0,83%, 0.61,100%);*/ +} +.dijitTabContainerTabListNested .dijitTabHover { + padding: 3px; // 4px above padding - 1px compensation for border + .transition-duration(.2s); + color: rgba(110,117,131,1); +} +.dijitTabContainerTabListNested .dijitTabHover .tabLabel { + text-decoration: none; +} +.dijitTabContainerTabListNested .dijitTabActive { + padding: 3px; + color: rgba(110,117,131,1); + .transition-duration(.1s); +} +.dijitTabContainerTabListNested .dijitTabChecked { + padding: 3px; + background-color:rgba(212,219,226,1); +} +.dijitTabContainerTabListNested .dijitTab:first-child { + padding: 3px; + background-color:rgba(66, 71, 80, 1); +} +.dijitTabContainerTabListNested .dijitTab:first-child.dijitTabChecked { + padding: 3px; + background-color:rgba(212,219,226,1); +} +.dijitTabContainerTabListNested .dijitTab:last-child { + padding: 3px; + background-color:rgba(26, 27, 28, 1); +} +.dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: none; + background-image:none; +} +.dijitTabPaneWrapperNested { + border: none;/* prevent double border */ +} + +.dijitTabContainer .dijitTab, +.dijitTabContainer .tabStripButton { + // IE6 can't handle background-image and background-color on same node + _background-image: none; +} diff --git a/apps/ide/src/styles/backup/images/tabBottomSelected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabBottomSelected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabBottomSelected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabBottomSelected.png diff --git a/apps/ide/src/styles/backup/images/tabBottomSelected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabBottomSelected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabBottomSelected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabBottomSelected.svg diff --git a/apps/ide/src/styles/backup/images/tabBottomUnselected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabBottomUnselected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabBottomUnselected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabBottomUnselected.png diff --git a/apps/ide/src/styles/backup/images/tabBottomUnselected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabBottomUnselected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabBottomUnselected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabBottomUnselected.svg diff --git a/apps/ide/src/styles/backup/images/tabClose.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabClose.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabClose.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabClose.png diff --git a/apps/ide/src/styles/backup/images/tabLeftSelected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabLeftSelected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabLeftSelected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabLeftSelected.png diff --git a/apps/ide/src/styles/backup/images/tabLeftSelected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabLeftSelected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabLeftSelected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabLeftSelected.svg diff --git a/apps/ide/src/styles/backup/images/tabLeftUnselected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabLeftUnselected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabLeftUnselected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabLeftUnselected.png diff --git a/apps/ide/src/styles/backup/images/tabLeftUnselected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabLeftUnselected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabLeftUnselected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabLeftUnselected.svg diff --git a/apps/ide/src/styles/backup/images/tabNested.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabNested.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabNested.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabNested.png diff --git a/apps/ide/src/styles/backup/images/tabRightSelected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabRightSelected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabRightSelected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabRightSelected.png diff --git a/apps/ide/src/styles/backup/images/tabRightSelected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabRightSelected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabRightSelected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabRightSelected.svg diff --git a/apps/ide/src/styles/backup/images/tabRightUnselected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabRightUnselected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabRightUnselected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabRightUnselected.png diff --git a/apps/ide/src/styles/backup/images/tabRightUnselected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabRightUnselected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabRightUnselected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabRightUnselected.svg diff --git a/apps/ide/src/styles/backup/images/tabTopSelected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabTopSelected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabTopSelected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabTopSelected.png diff --git a/apps/ide/src/styles/backup/images/tabTopSelected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabTopSelected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabTopSelected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabTopSelected.svg diff --git a/apps/ide/src/styles/backup/images/tabTopUnselected.png b/apps/ide/src/styles/theme/webida-light/layout/images/tabTopUnselected.png similarity index 100% rename from apps/ide/src/styles/backup/images/tabTopUnselected.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tabTopUnselected.png diff --git a/apps/ide/src/styles/backup/images/tabTopUnselected.svg b/apps/ide/src/styles/theme/webida-light/layout/images/tabTopUnselected.svg similarity index 100% rename from apps/ide/src/styles/backup/images/tabTopUnselected.svg rename to apps/ide/src/styles/theme/webida-light/layout/images/tabTopUnselected.svg diff --git a/apps/ide/src/styles/layout/images/tab_close.png b/apps/ide/src/styles/theme/webida-light/layout/images/tab_close.png similarity index 100% rename from apps/ide/src/styles/layout/images/tab_close.png rename to apps/ide/src/styles/theme/webida-light/layout/images/tab_close.png diff --git a/apps/ide/src/styles/theme/webida-light/plugins/help/about.css b/apps/ide/src/styles/theme/webida-light/plugins/help/about.css new file mode 100644 index 00000000..48a8628f --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/plugins/help/about.css @@ -0,0 +1,58 @@ +.webidaAboutDlgPane { + width: 410px; + height: 300px; + font-family: "Nanum Gothic Coding"; + font-size: 9pt; + color: #3e404d; + overflow: hidden; +} + +.webidaAboutDlgPane .dijitDialogPaneContent { + padding: 0; +} + +.webidaAboutLogoPane { + margin-top: 20px; + height: 96px; + text-align: center; +} + +.webidaAboutLogoPane .webidaAboutLogo { + width: 102px; + height: 96px; + background-image: url("resource/about_webidalogo.png"); +} + +.webidaAboutCopyRightPane { + margin-top: 29px; + font-weight: bold; + text-align: center; +} + +.webidaAboutVersionPane { + margin: 6px auto 0px; + width: 368px; + height: 24px; + color: #335ba9; + font-size: 10pt; + border-radius: 4px; + border: 1px solid #b1c1d1; + background-color: #d7e2ed; +} + +.webidaAboutVersionPane > #version { + height: 24px; + text-indent: 10px; + vertical-align: middle; + display: table-cell; +} + +.webidaAboutBuildInfoPane { + margin-top: 9px; + margin-left: 22px; +} + +.webidaAboutAddressPane { + margin-top: 14px; + margin-left: 22px; +} diff --git a/apps/ide/src/styles/images/about_webidalogo.png b/apps/ide/src/styles/theme/webida-light/plugins/help/resource/about_webidalogo.png similarity index 100% rename from apps/ide/src/styles/images/about_webidalogo.png rename to apps/ide/src/styles/theme/webida-light/plugins/help/resource/about_webidalogo.png diff --git a/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/project-configurator.css b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/project-configurator.css new file mode 100644 index 00000000..14303e39 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/project-configurator.css @@ -0,0 +1,233 @@ +#run-widget .rcw-title { + position:relative; + height:30px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + background-color:#788899; +} + +#run-widget .rcw-title-name { + position: absolute; + top:3px; + margin:5px; + color:#FFFFFF; + text-overflow:ellipsis; + white-space:nowrap; +} + +#run-widget .rcw-title-arrow { + position: absolute; + margin:8px; + width:9px; + height:9px; + background-image:url("resource/runconfig_icon_title_arrow.png"); + background-position:9px 0; + cursor:pointer; +} + +#run-widget .rcw-title-arrow-hover { + background-position:9px 0; +} + +#run-widget .rcw-title-arrow-unfold { + background-position:0px 0; +} + +#run-widget .rcw-title-arrow-unfold-hover { + background-position:0px 0; +} + +#run-widget .rcw-title-run { + position: absolute; + right:6px; + margin:5px; + width:20px; + height:20px; + background-image:url("resource/runconfig_icon_run.png"); + background-position:0 0; + cursor:pointer; +} + +#run-widget .rcw-title-delete { + position: absolute; + right:36px; + margin:5px; + width:20px; + height:20px; + background-image:url("resource/runconfig_icon_delete.png"); + background-position:0 0; + cursor:pointer; +} + +#run-widget .rcw-content { + height:230px; + background-color:#CDD8E3; + display:none; +} +#run-widget .rcw-content-table { + border-spacing:0px; + position:relative; +} + +#run-widget .rcw-content-table-value { + border-bottom: #CDD8E3 1px solid; + background-color:#FFFFFF; + width:65%; +} + +#run-widget .rcw-content-table-label { + border-collapse:collapse; + border-bottom: #CDD8E3 1px solid; + background-color:#98B1CA; + width:33%; + height:31px; + color:#FFFFFF; + text-indent:16px; + line-height:250%; + text-align:left; + vertical-align:top; + padding-right:10px; +} + +#run-widget .rcw-content-table-inputbox { + border-width:0px; + color:#4F5B67; + text-indent:2px; + line-height:100%; + padding:1px; + margin:1px; +} + +#run-widget .rcw-content-table-inputbox-edit { + border-width:1px; +} + +#run-widget .rcw-content-table-inputbox-readonly { + border-width:0px; + color:#4F5B67; + text-indent:2px; + line-height:100%; + padding:1px; + margin:1px; +} + +#run-widget .rcw-content-table-checkbox { + position:relative; +} + +#run-widget .rcw-action { + position:relative; +} + +#run-widget .rcw-action-modify { + position:absolute; + top:5px; + right:5px; + width:20px; + height:20px; + background-image:url('resource/runconfig_icon_modify.png'); + background-position: 0 0; + cursor:pointer; +} + +#run-widget .rcw-action-path { + position:absolute; + top:6px; + right:18px; + width:20px; + height:20px; + background-image:url('resource/runconfig_icon_path.png'); + background-position: 0 0; + cursor:pointer; +} + +#run-widget .rcw-action-save { + position:absolute; + top:5px; + right:5px; + width:20px; + height:20px; + background-image:url('resource/runconfig_icon_save.png'); + background-position: 0 0; + cursor:pointer; +} + +#run-widget .rcw-action-newsave { + position:absolute; + top:5px; + right:5px; + width:20px; + height:20px; + background-image:url('resource/runconfig_icon_save.png'); + background-position: 0 0; + cursor:pointer; +} + +#run-widget .rcw-action-cancel { + position:absolute; + top:5px; + right:32px; + width:20px; + height:20px; + background-image:url('resource/runconfig_icon_cancel.png'); + background-position: 0 0; + cursor:pointer; +} + +#run-widget .rcw-action-newcancel { + position:absolute; + top:5px; + right:32px; + width:20px; + height:20px; + background-image:url('resource/runconfig_icon_cancel.png'); + background-position: 0 0; + cursor:pointer; +} + +#run-widget .rcw-display-block { + display:block; +} + +#run-widget .rcw-display-none { + display:none; +} + +#run-widget .rcw-button-hover-24 { + background-position:48px 0; +} + +#run-widget .rcw-button-push-24 { + background-position:24px 0; +} + +#run-widget .rcw-button-hover-20 { + background-position:40px 0; +} + +#run-widget .rcw-button-push-20 { + background-position:20px 0; +} + +#run-widget .rcw-button-hover-16 { + background-position:32px 0; +} + +#run-widget .rcw-button-push-16 { + background-position:16px 0; +} + +#run-widget .rcw-table-row { + display: block; + height: 33px; + line-height: 33px; +} + +#run-widget .rcw-table-col { + float: left; + height: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; +} diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_cancel.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_cancel.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_cancel.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_cancel.png diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_delete.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_delete.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_delete.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_delete.png diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_modify.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_modify.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_modify.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_modify.png diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_path.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_path.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_path.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_path.png diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_run.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_run.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_run.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_run.png diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_save.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_save.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_save.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_save.png diff --git a/apps/ide/src/styles/images/icons/runconfig_icon_title_arrow.png b/apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_title_arrow.png similarity index 100% rename from apps/ide/src/styles/images/icons/runconfig_icon_title_arrow.png rename to apps/ide/src/styles/theme/webida-light/plugins/project-configurator/resource/runconfig_icon_title_arrow.png diff --git a/apps/ide/src/styles/theme/webida-light/plugins/project-wizard/project-wizard.css b/apps/ide/src/styles/theme/webida-light/plugins/project-wizard/project-wizard.css new file mode 100644 index 00000000..c9bc0ebf --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/plugins/project-wizard/project-wizard.css @@ -0,0 +1,434 @@ +#platformTab { + width: 360px; + height: 260px; /* 380px */ + padding: 10px; +} +#platformTab .tblPlatform { + margin: 6px; +} +#platformTab .tblPlatform td.sign .group-border { + margin-top: 6px; +} +#platformTab .FormTable table col.ItemLabel { + width: 120px; +} +.noGridHeader .dijitDialogTitleBar { + /* display: none; */ + text-align: center; +} +.noGridHeader .dijitDialogCloseIcon { + display: none; +} +#txtBrowserRemote { + width: 90%; +} +#exportTab { + width: 95%; + height: 90%; +} + +#exportTab * { + box-sizing: border-box; +} + +#exportExportMW, #exportExportMA { + width: 95%; +} +.BuildHeader { + border-top: 1px solid #E5E5E5; + margin-bottom: 14px; + margin-top: 14px; + padding: 10px 0 0; + position: relative; + width: 100%; +} +.BuildHeader a { + color: #111111; +} +.BuildTable table col.ItemCheck { + width: 22px; +} +.BuildTable table col.ItemTitle { + width: 160px; +} +.BuildTable table col.ItemPlatform { + width: 160px; +} +.BuildTable table col.ItemBuild { + width: 320px; +} +.BuildTable table thead tr th { + background-color: #F0F0F0; + border-bottom: 1px solid #C2C2C2; + border-left: 1px solid #D5D5D5; + border-top: 1px solid #C2C2C2; + color: #666666; + font-weight: bold; + margin: 0; + padding: 0; + text-align: left; +} +.BuildTable table thead tr th span { + border-left: 1px solid #FFFFFF; + border-top: 1px solid #FFFFFF; + display: block; + padding: 4px 7px 3px; +} +.BuildTable table thead tr th:first-child { + border-left: 0 none; +} +.BuildTable table thead tr th:first-child span { + border-left: 0 none; +} +.BuildTable table tbody tr td { + border-bottom: 1px solid #E5E5E5; + line-height: 18px; + margin: 0; + padding: 8px 0 6px; + text-align: left; +} +.BuildTable table tbody tr td a { + color: #111111; + line-height: 18px; +} +/* +.BuildTable table tbody tr td * { + padding: 0 9px; +} +*/ +.BuildTable table tbody tr td { + border-bottom: 1px solid #E5E5E5; + line-height: 18px; + margin: 0; + padding: 8px 0 6px; + text-align: left; +} + +.BuildTable .msg { + display: none; + margin-top: 8px; + padding: 8px; + position: relative; + font-size: 90%; + width: 280px; + max-height: 100px; + overflow-y: scroll; + word-wrap: break-word; + word-break: break-all; + white-space: pre-wrap; + border: 1px solid #ccc; + text-align: left; +} + +.msg.error { + color: #d9534f; +} +.msg.info { + color: #428bca; +} + +.BuildTable div.pkg-download-pane { + text-align: center; +} +.BuildTable button.pkg-download { + width: 140px; +} + +.build__platform { + padding: 0 9px; +} +.build__platform.large { + font-size: 180%; + margin-right: 6px; +} +.build__platform.large + span { + text-transform: uppercase; + font-size: 120%; + font-weight: bold; +} +.pkg-download.large { + font-weight: normal; + position: relative; + padding: 7px 8px; + + background-color: #0c9db7; + border: 1px solid rgba(0, 0, 0, 0.3); + color: #fff; + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.36); + border-radius: 3px; + box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset; + margin: 2px; +} +.pkg-download.profile { + margin: 1em 0 0.5em 0; + position: relative; + border-bottom: 1px solid #e5e5e5; + width: 48%; + font-weight: bold; +} +.pkg-download.large.to-device { + width: 32px; + background-color: #428bca; +} +#chk-dropdown { + width: 140px; +} + +.g__dropdown-build { + background: none repeat scroll 0 0 #FFFFFF; + cursor: pointer; + margin: 0; + outline: medium none; + padding: 10px; + position: relative; + width: 120px; + + border: 1px solid #ccc; + display: inline-block; +} +.g__dropdown-build:after { + /* border-color: rgba(0, 0, 0, 0) #9BC7DE; */ + border-color: rgba(0, 0, 0, 0) gray; + border-style: solid; + border-width: 6px 0 6px 6px; + content: ""; + height: 0; + margin-top: -6px; + position: absolute; + right: 16px; + top: 50%; + width: 0; + + padding: 0; +} +.g__dropdown-build .dropdown { + background: none repeat scroll 0 0 #FFFFFF; + font-weight: normal; + left: 0; + list-style: none outside none; + opacity: 0; + pointer-events: none; + position: absolute; + right: 0; + top: 100%; + + border: 1px solid gray; + margin: 0; + padding: 0; + z-index: 9999; +} +.g__dropdown-build .dropdown li a { + display: block; + padding: 6px 6px; + text-decoration: none; +} +.g__dropdown-build .dropdown li:hover a { + background: none repeat scroll 0 0 #ccc; +} +.g__dropdown-build.active .dropdown { + opacity: 1; + pointer-events: auto; +} +.g__dropdown-build.active:after { + border-color: gray rgba(0, 0, 0, 0); + border-width: 6px 6px 0; + margin-top: -3px; +} +.no-opacity .g__dropdown-build .dropdown, .no-pointerevents .g__dropdown-build .dropdown { + display: none; + opacity: 1; + pointer-events: auto; +} +.no-opacity .g__dropdown-build.active .dropdown, .no-pointerevents .g__dropdown-build.active .dropdown { + display: block; +} +#signForm .FormTable table col.ItemLabel { + width: 120px; +} +/* It's copied from sly.css because class selectors like '.frame' can effect globally. */ + +/* Frame */ +#pwTab .frame { + height: 250px; + line-height: 250px; + overflow: hidden; +} +#pwTab .frame ul { + list-style: none; + margin: 0; + padding: 0; + height: 100%; + font-size: 50px; +} +#pwTab .frame ul li { + float: left; + width: 130px; + height: 130px; + margin: 0 20px 0 0; + padding: 0; + background-color: #aab6c2; + text-align: center; + cursor: pointer; + border: solid 1px #43494d; +} + +/* Scrollbar */ +#pwTab .scrollbar { + margin: 9px 0 0 0; + height: 6px; + line-height: 0; +} +#pwTab .scrollbar .handle { + height: 100%; + background-color: #666e81; + cursor: pointer; + border-radius: 4px; +} +#pwTab .scrollbar .handle:hover { + height: 100%; + background-color: #484e5c; + cursor: pointer; + border-radius: 4px; +} +#pwTab .scrollbar .handle .mousearea { + position: absolute; + top: -9px; + left: 0; + width: 100%; + height: 20px; +} + +/* Effects */ +#pwTab .effects { + height: 130px; + line-height: 130px; + -webkit-perspective: 800px; + -ms-perspective: 800px; + perspective: 800px; + -webkit-perspective-origin: 50% 50%; + -ms-perspective-origin: 50% 50%; + perspective-origin: 50% 50%; + overflow-y: hidden; +} +#pwTab .effects ul { + -webkit-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; +} +#pwTab .effects ul li { + position: relative; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + -webkit-transition: -webkit-transform 300ms ease-out; + transition: transform 300ms ease-out; +} +#pwTab .effects ul li.active { + z-index: 10; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +#pwTab .effects ul li.active ~ li { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); +} +#testTools .device-list { + margin-top: 20px; +} +#testTools .device-list li { + display: inline-block; + margin: 0 20px 0 0; + text-align: center; + vertical-align: top; +} +#testTools .device-list li .device-drop img { + margin-bottom: 8px; + opacity: 0.6; + height: 100px; +} +#testTools .device-list li.drag-hover .device-drop img { + opacity: 1; + transform: scale(1.1); + -moz-transform: scale(1.1); + -webkit-transform: scale(1.1); +} +#testTools .device-list li .device-desc-title { + font-weight: bold; +} + +#testTab { + width: 95%; + height: 90%; +} + +#testTab * { + box-sizing: border-box; +} + +#testTab .frame { + float: left; +} +#testTab .frame iframe { + margin: 0 20px 20px 0; + border: 1px solid #999; +} +#testTab .frames-wrapper { + margin: 0 20px; +} + +#testPreviewShare { + width: 50%; +} +#testPreviewPhone { + width: 35%; +} +#testPreviewRes { + width: 90%; +} +#testToolsCompApp { + width: 90%; +} + +#testTab ol { + font-style: italic; + font-size: 14px; + margin: 10px; +} +#testTab ol li { +} +#testTab ol li p { + font-style: normal; + font-size: 12px; + padding: 4px; + border-left: 1px solid #999; + + margin-top: 0px; + margin-bottom: 0px; +} +#testTab ol li p em { + display: block; +} + +#testViewOnPhone { + text-align: center; +} + +#testViewOnPhone img, #testToolsCompApp img { + vertical-align: middle; +} +#testToolsCompApp img { + margin-right: 16px; +} + +.btn-group > .btn { + float: none; +} + +.g__avatar-blue { + border: 6px solid #5cc0ff; + border-radius: 50%; + overflow: hidden; + position: relative; +} diff --git a/apps/ide/src/styles/theme/webida-light/theme-set/theme-base.less b/apps/ide/src/styles/theme/webida-light/theme-set/theme-base.less new file mode 100644 index 00000000..9b8b7d3c --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/theme-set/theme-base.less @@ -0,0 +1,601 @@ +/*logo*/ +.webida-tool-bar-icon-normal {background-position: 0 0;} +.webida-tool-bar-icon-hover {background-position: -20px 0;} +.webida-tool-bar-icon-disabled {background-position: -40px 0;} +.webida-tool-bar-icon-clicked {background-position: -60px 0;} +.app-workbench-top-logo { + position: absolute; + left: 12px; + top: 0px; + width: 40px; + height: 30px; + background-image: @gnb-logo; + cursor: pointer; +} +.app-workbench-top-logo:hover { + background-position: -40px; +} +.app-workbench-top-logo:active { + background-position: -80px; +} +/*userinfo*/ +.app-workbench-top-userinfo { + position: absolute; + right: 0; + margin: 2px 15px 0 0; +} +.app-workbench-top-userinfo span { + color: #fff; +} +.app-workbench-top-userinfo .userinfo-email { + color: #f3b353; + font-weight: bold; +} +.app-workbench-top-userinfo .userinfo-email:hover { + text-decoration: underline; + cursor: pointer; +} +.app-workbench-top-userinfo .userinfo-menu { + position: absolute; + background-color: #313437; + border-radius: 5px; + right: 10px; + top: 24px; + padding: 10px 10px; + opacity: 1; + z-index: 1000; + display: none; +} +.app-workbench-top-userinfo .userinfo-menu button { + width: 144px; + height: 22px; + background-color: #685b5b; + color: #ebd6bd; + font-size: 10pt; + padding: 0; + border-radius: 3px; + border: 1px solid transparent; + display: block; +} +.app-workbench-top-userinfo .userinfo-menu button:hover { + background-color: #f3b353; + color: #000; + cursor: pointer; +} +.app-workbench-top-userinfo .userinfo-menu .separator { + margin-top: 7px; +} +.app-workbench-menubar { + background-image: none; + background-color: @gnb-background-color; +} +.app-workbench-menubar-dijit { + background-image: none; + background-color: transparent; + position: absolute; + left: 54px; + width: 415px; +} +.app-workbench-top-userinfo span { + color: @gnb-user-text-color; +} +.app-workbench-top-userinfo .dijitDropDownButton .dijitArrowButtonInner { + width: 8px; + height: 20px; + margin-left: 5px; + background-image: url("../images/icons/arrow.png"); + background-position: 0 0; +} +.app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonHover .dijitArrowButtonInner { + background-position: -8px 0; +} +.app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonDisabled .dijitArrowButtonInner { + background-position: -16px 0; +} +.app-workbench-top-userinfo .dijitDropDownButton.dijitDropDownButtonActive .dijitArrowButtonInner { + background-position: -24px 0; +} +.dijitMenuBar { + border: 0; + margin: 0; + padding: 0; + background: transparent; +} +.dijitTabInnerDiv[aria-disabled='true'] ~ .dijitTabListWrapper { + left: 0px!important; +} +#editor-tab .dijitBorderContainer-dijitContentPane { + background-color: #a0a7ae; + padding-top: 3px!important; + padding-left: 0px!important; +} +#app-workbench-toolbar .dijitComboButton .dijitDownArrowButton .dijitArrowButtonInner { + width: 8px; + height: 20px; + background-image: url("../images/icons/arrow.png"); + background-position: 0 0; +} + +#app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonHover .dijitArrowButtonInner { + background-position: -8px 0; +} + +#app-workbench-toolbar .dijitComboButtonDisabled .dijitDownArrowButton .dijitArrowButtonInner { + background-position: -16px 0; +} + +#app-workbench-toolbar .dijitComboButton .dijitDownArrowButtonActive .dijitArrowButtonInner { + background-position: -24px 0; +} +.app-workbench-menubar-dijit { + background-image: none; + background-color: transparent; + position: absolute; + left: 54px; + width: 415px; +} + +#app-workbench-toolbar .dijitButtonNode { + background-color: transparent; + background-image: none; + border-color: transparent; + border-radius: 3px; + + /*border-color: transparent;*/ +} + +#app-workbench-toolbar .dijitComboButton .dijitButtonNode .dijitButtonContents { + padding-right: 0px; +} + +#app-workbench-toolbar .dijitButtonNode .dijitButtonText{ + padding: 0 2px; +} + +#app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { + border-color: #4f5862; + //padding: 1px; +} + +#app-workbench-toolbar .dijitComboButtonHover .dijitButtonNode, +#app-workbench-toolbar .dijitComboButtonActive .dijitButtonNode { + border-color: #4f5862; + + /*background-color: #ced3d7;*/ + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-width: 1px; +} + +#app-workbench-toolbar .dijitComboButtonHover .dijitDownArrowButton, +#app-workbench-toolbar .dijitComboButtonActive .dijitDownArrowButton { + border-color: #4f5862; + /*background-color: #ced3d7;*/ + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-width: 1px; + border-left-width: 0; + padding-left: 2px; +} + +.app-workbench-toolbar img.webida-tool-bar-icon { + text-indent: -1000px; + overflow: hidden; + width: 20px; + height: 20px; +} + +/*menubar separator*/ +.top-level-menu-separator { + width: 100%; + height: 9px; + background-image: -moz-linear-gradient(top, #414850 5px, #313437 100%); + background-image: -webkit-linear-gradient(top, #414850 5px, #313437 100%); + background-image: -o-linear-gradient(top, #414850 5px, #313437 100%); + background-image: linear-gradient(to bottom, #414850 5px, #313437 100%); + background-position-y: 0; + display: none; +} + +.separator-collapse-btn { + width: 40px; + height: 9px; + top: 0; + background-image: url('../images/top_collapse_bt.png'); + cursor: pointer; +} + +.separator-collapse-btn:hover { + background-position-y: -9px; +} + +.separator-collapse-btn:active { + background-position-y: -18px +} + +.workbenchMenubarHide .top-level-menu-separator { + display: block; +} + +/*workbench style end*/ + +/*view drag feedback style start*/ + +.viewContainerEventElem { + width: 100%; + height: 100%; + background-color: transparent; + z-index: 0; +} + +.titleFeedbackContainer { + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.2); + position: relative; + z-index: 100; +} + +.viewContainerTitleFeedback { + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.7); + position: absolute; + width: 5px; + height:100%; + border-radius: 2px; +} + +.viewContaienrEventElem .contentFeedbackContainer { + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.5); +} + +.viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { + border-color: transparent; + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.7); +} + +.contentFeedbackContainer { + /*background-color: rgba(50, 50, 50, 0.7);*/ + position: absolute; +} + +.viewContainerFeedback { + border-color: transparent; + background-color: transparent; + border-style: solid; + position: absolute; + border-width: 0; +} + +.viewContainerFeedbackLeft { + border-left-color: rgb(0, 128, 255); + border-left-color: rgba(0, 128, 255, 0.3); +} +.viewContainerFeedbackTop { + border-top-color: rgb(0, 128, 255); + border-top-color: rgba(0, 128, 255, 0.3); +} +.viewContainerFeedbackRight { + border-right-color: rgb(0, 128, 255); + border-right-color: rgba(0, 128, 255, 0.3); +} +.viewContainerFeedbackBottom { + border-bottom-color: rgb(0, 128, 255); + border-bottom-color: rgba(0, 128, 255, 0.3); +} + +.viewContainerFeedbackCenter { + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.3); + border-width: 0; +} + +.viewContainerFeedbackCenter.activate { + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.7); +} + +.viewContainerFeedbackLeft.activate { + border-left-color: rgb(0, 128, 255); + border-left-color: rgba(0, 128, 255, 0.7); +} +.viewContainerFeedbackTop.activate { + border-top-color: rgb(0, 128, 255); + border-top-color: rgba(0, 128, 255, 0.7); +} +.viewContainerFeedbackRight.activate { + border-right-color: rgb(0, 128, 255); + border-right-color: rgba(0, 128, 255, 0.7); +} +.viewContainerFeedbackBottom.activate { + border-bottom-color: rgb(0, 128, 255); + border-bottom-color: rgba(0, 128, 255, 0.7); +} + +/*Console View Start*/ + +.consoleViewContentContainer { + position: absolute; + top: 28px; + overflow: auto; + width: 100%; + height: -webkit-calc(100% - 28px); + height: -moz-calc(100% - 28px); + height: calc(100% - 28px); +} + +.consoleViewContentContainer .fileloc_link { + cursor: pointer; + color: #1C38AA; +} +.consoleViewContentContainer .fileloc_link:hover { + color: #57C25B; +} + +.consoleViewContentContainer .fileloc_link_clicked { + color: #8629AA; +} + +.consoleViewContentContainer .console_message_item { + margin-top: 2px; + margin-bottom: 2px; +} + +.pre_whitespace { + white-space: pre; +} + +/*Console View End*/ + +#app-workbench-border-container { + background-color: rgba(214,220,226,1) !important; + border-radius: 0; +} +#app-workbench-border-container .dijitBorderContainer-child.dijitAlignLeft { + padding-right: 4px!important; + padding-left: 3px!important; +} + +.workbenchMenubarHide .app-workbench-menubar { + display: none; +} + +.workbenchToolbarHide .app-workbench-toolbar { + display: none; +} + +/*status bar start*/ +.app-workbench-statusbar { + height:20px; + background: rgba(54,57,62,1); + color: #a2b2c7; +} + +.app-workbench-statusbar-content { + position: absolute; + left: 10px; + top: 1px; + height: 19px; + overflow: hidden; +} + +.app-workbench-progressbar { + width: 150px; + height: 8px; + border-radius: 10px; + background-image: -webkit-linear-gradient(top, #81878c 0%, #aab1b6 100%); + background-image: -moz-linear-gradient(top, #81878c 0%, #aab1b6 100%); + background-image: -o-linear-gradient(top, #81878c 0%, #aab1b6 100%); + background-image: linear-gradient(to bottom, #81878c 0%, #aab1b6 100%); + overflow: hidden; +} + +.statusbar-content-item { + float: left; + padding-top: 2px; +} + +.statusbar-content-separator { + float: left; + margin-left: 5px; + margin-right: 5px; + height: 19px; + width: 1px; + border-left: 1px RGBA(0,0,0,0.2) solid; + border-right: 1px RGBA(255,255,255,0.4) solid; +} +/*status bar end*/ + +/*scroll*/ +::-webkit-scrollbar { + width: 6px; + height: 6px; +} +::-webkit-scrollbar-button { + width: 0px; + height: 0px; +} +::-webkit-scrollbar-track { + right: 4px; + margin-right: 5px; + border: 2px solid transparent; + background: transparent; + /* + x-shadow: 0px 0px 3px #dfdfdf inset; + border-radius:10px; + */ +} +::-webkit-scrollbar-track-piece { + background: #000000; + background: rgba(0, 0, 0, 0); + /* + x-shadow: 0px 0px 3px #dfdfdf inset; + border-radius:10px; + */ +} +::-webkit-scrollbar-thumb { + background: #bcbbbf; + border-radius: 3px; +} +::-webkit-scrollbar-thumb:hover { + background: #bcbbbf; +} +::-webkit-scrollbar-corner { + background-color: transparent; +} +//div, span, pre {&:focus{outline: none;}} + +/*view drag feedback style start*/ + +.viewContainerEventElem { + width: 100%; + height: 100%; + background-color: transparent; + z-index: 0; +} + +.titleFeedbackContainer { + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.2); + position: relative; + z-index: 100; +} + +.viewContainerTitleFeedback { + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.7); + position: absolute; + width: 5px; + height:100%; + border-radius: 2px; +} + +.viewContaienrEventElem .contentFeedbackContainer { + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.5); +} + +.viewContaienrEventElem .contentFeedbackContainer .viewContainerFeedbackCenter { + border-color: transparent; + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.7); +} + +.contentFeedbackContainer { + /*background-color: rgba(50, 50, 50, 0.7);*/ + position: absolute; +} + +.viewContainerFeedback { + border-color: transparent; + background-color: transparent; + border-style: solid; + position: absolute; + border-width: 0; +} + +.viewContainerFeedbackLeft { + border-left-color: rgb(0, 128, 255); + border-left-color: rgba(0, 128, 255, 0.3); +} +.viewContainerFeedbackTop { + border-top-color: rgb(0, 128, 255); + border-top-color: rgba(0, 128, 255, 0.3); +} +.viewContainerFeedbackRight { + border-right-color: rgb(0, 128, 255); + border-right-color: rgba(0, 128, 255, 0.3); +} +.viewContainerFeedbackBottom { + border-bottom-color: rgb(0, 128, 255); + border-bottom-color: rgba(0, 128, 255, 0.3); +} + +.viewContainerFeedbackCenter { + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.3); + border-width: 0; +} + +.viewContainerFeedbackCenter.activate { + background-color: rgb(0, 128, 255); + background-color: rgba(0, 128, 255, 0.7); +} + +.viewContainerFeedbackLeft.activate { + border-left-color: rgb(0, 128, 255); + border-left-color: rgba(0, 128, 255, 0.7); +} +.viewContainerFeedbackTop.activate { + border-top-color: rgb(0, 128, 255); + border-top-color: rgba(0, 128, 255, 0.7); +} +.viewContainerFeedbackRight.activate { + border-right-color: rgb(0, 128, 255); + border-right-color: rgba(0, 128, 255, 0.7); +} +.viewContainerFeedbackBottom.activate { + border-bottom-color: rgb(0, 128, 255); + border-bottom-color: rgba(0, 128, 255, 0.7); +} + +/*Console View Start*/ + +.consoleViewContentContainer { + position: absolute; + top: 28px; + overflow: auto; + width: 100%; + height: -webkit-calc(100% - 28px); + height: -moz-calc(100% - 28px); + height: calc(100% - 28px); +} + +.consoleViewContentContainer .fileloc_link { + cursor: pointer; + color: #1C38AA; +} +.consoleViewContentContainer .fileloc_link:hover { + color: #57C25B; +} + +.consoleViewContentContainer .fileloc_link_clicked { + color: #8629AA; +} + +.consoleViewContentContainer .console_message_item { + margin-top: 2px; + margin-bottom: 2px; +} + +.pre_whitespace { + white-space: pre; +} + +/*Console View End*/ + +.dijitMenuItemAccelKey { + color: gray; +} + +.webidaMenuItemAccelKeyHover { + vertical-align: 2px; + text-decoration: underline; + color: blue !important; +} + +/* WTC-3050 */ +.dijitButtonContents:focus .dijitButtonText { + text-decoration: underline; +} + +/*plugin*/ +#plugin-settings-dialog-main { + width: 364px; + height: 300px; + overflow: auto; + padding: 10px; +} diff --git a/apps/ide/src/styles/theme/webida-light/theme-set/theme-loading.less b/apps/ide/src/styles/theme/webida-light/theme-set/theme-loading.less new file mode 100644 index 00000000..17c3ecae --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/theme-set/theme-loading.less @@ -0,0 +1,92 @@ + +/*loading screen start*/ +.app-loading-elem { + opacity: 1; + -webkit-transition: opacity 1s; + transition: opacity 1s; + position: absolute; + left: 0px; + top: 0px; + width: 100%; + height: 100%; + display: flex; + box-sizing: border-box; + background: radial-gradient(#d0deec, #8BA4BE); + z-index: 1; +} + +.app-loading-elem.hide { + opacity: 0; +} + +.app-loading-emblem { + position: absolute; + margin: auto; + width: 72px; + height: 96px; + background: url("../images/loading_img.png") no-repeat; + z-index: 1; +} + +.app-loading-spinner { + position: relative; + margin: auto; + box-sizing: border-box; + background-clip: padding-box; + width: 100px; + height: 100px; + border-radius: 50px; + border: 4px solid rgba(0, 0, 0, 0.15); + -webkit-transform: perspective(100px) rotateX(66deg); + -webkit-transform-origin: 50% 60%; + transform: perspective(100px) rotateX(66deg); + transform-origin: 50% 60%; +} + +.app-loading-spinner:after { + content: ""; + position: absolute; + margin: -4px; + box-sizing: inherit; + width: inherit; + height: inherit; + border-radius: inherit; + opacity: .05; + border: inherit; + border-color: transparent; + -webkit-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; + -moz-animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; + animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, spinner-fade 1.2s linear infinite; +} + +.app-loading-spinner:after { + border-top-color: #414850; +} + +@-webkit-keyframes spinner-spin { + 100% { -webkit-transform: rotate(360deg); } +} +@-moz-keyframes spinner-spin { + 100% { -moz-transform: rotate(360deg); } +} +@keyframes spinner-spin { + 100% { transform: rotate(360deg); } +} + +@-webkit-keyframes spinner-fade { + 20% { opacity: .1; } + 40% { opacity: 1; } + 60% { opacity: .1; } +} +@-moz-keyframes spinner-fade { + 20% { opacity: .1; } + 40% { opacity: 1; } + 60% { opacity: .1; } +} +@keyframes spinner-fade { + 20% { opacity: .1; } + 40% { opacity: 1; } + 60% { opacity: .1; } +} + +/*loading screen end*/ diff --git a/apps/ide/src/styles/less/theme-set.less b/apps/ide/src/styles/theme/webida-light/theme-set/theme-set.less similarity index 100% rename from apps/ide/src/styles/less/theme-set.less rename to apps/ide/src/styles/theme/webida-light/theme-set/theme-set.less diff --git a/apps/ide/src/styles/theme/webida-light/theme-set/theme.less b/apps/ide/src/styles/theme/webida-light/theme-set/theme.less new file mode 100644 index 00000000..176f39a6 --- /dev/null +++ b/apps/ide/src/styles/theme/webida-light/theme-set/theme.less @@ -0,0 +1,107 @@ +/*origin*/ +@import url("../../../origin/dojo.css"); +@import url("../../../origin/dijit.css"); +@import url("../../../origin/toastr.min.css"); +/* +@import url("../../../origin/EnhancedGrid.css"); +@import url("../../../origin/ExpandoPane.css"); +@import url("../../../origin/FloatingPane.css"); +@import url("../../../origin/CheckedMultiSelect.css"); +@import url("../../../origin/ResizeHandle.css"); +*/ + +/*set*/ +@import url("theme-set.less"); +@import url("variables.less"); + +/*icons*/ +@import url("../icons/commonIcons.css");/*sprite containing common icons to be used by all themes*/ +@import url("../icons/editorIcons.css"); /*sprite for editor icons to be used by all themes*/ + +.@{theme} { + + /*base*/ + @import url("theme-base.less"); + @import url("theme-loading.less"); + + /*form*/ + @import url("../form/Common.less"); + @import url("../form/Button.less"); + @import url("../form/Checkbox.less"); + @import url("../form/RadioButton.less"); + @import url("../form/Select.less"); + @import url("../form/Slider.less"); + @import url("../form/NumberSpinner.less"); + + /*comp*/ + @import url("../comp/Common.less"); + @import url("../comp/Dialog.less"); + @import url("../comp/Calendar.less"); + @import url("../comp/Menu.less"); + @import url("../comp/ColorPalette.less"); + @import url("../comp/InlineEditBox.less"); + @import url("../comp/ProgressBar.less"); + @import url("../comp/TimePicker.less"); + @import url("../comp/Tree.less"); + @import url("../comp/Toolbar.less"); + @import url("../comp/Editor.less"); + @import url("../comp/TitlePane.less"); + @import url("../comp/ToggleSplitter.less"); + @import url("../comp/CheckedMultiSelect.less"); + @import url("../comp/ResizeHandle.less"); + @import url("../comp/FloatingPane.less"); + @import url("../comp/EnhancedGrid.less"); + @import url("../comp/ExpandoPane.less"); + + /*layout*/ + @import url("../layout/AccordionContainer.less"); + @import url("../layout/ContentPane.less"); + @import url("../layout/BorderContainer.less"); + @import url("../layout/TabContainer.less"); + +} + +/*plugin*/ +@import url("../css/webida-calc.css"); +@import url("../css/webida-project-wizard.css"); + +/* + +@import url("../css/Common.css"); +@import url("../css/Common.css"); +@import url("../css/Button.css"); +@import url("../css/Checkbox.css"); +@import url("../css/RadioButton.css"); +@import url("../css/Select.css"); +@import url("../css/TabContainer.css"); +@import url("../css/Dialog.css"); +@import url("../css/AccordionContainer.css"); +@import url("../css/ContentPane.css"); +@import url("../css/Calendar.css"); +@import url("../css/Menu.css"); +@import url("../css/Slider.css"); +@import url("../css/ColorPalette.css"); +@import url("../css/InlineEditBox.css"); +@import url("../css/ProgressBar.css"); +@import url("../css/TimePicker.css"); +@import url("../css/BorderContainer.css"); +@import url("../css/Tree.css"); +@import url("../css/Toolbar.css"); +@import url("../css/Editor.css");*/ +/*in order to test button or menu item with icon *//* + + +@import url("../css/TitlePane.css"); +@import url("../css/NumberSpinner.css"); + +@import url("../css/EnhancedGrid.css"); +@import url("../css/ToggleSplitter.css"); +@import url("../css/ExpandoPane.css"); +@import url("../css/FloatingPane.css"); +@import url("../css/CheckedMultiSelect.css"); +@import url("../css/ResizeHandle.css"); + + +@import url("../css/webida-project-wizard.css"); + +*/ diff --git a/apps/ide/src/styles/less/variables.less b/apps/ide/src/styles/theme/webida-light/theme-set/variables.less similarity index 100% rename from apps/ide/src/styles/less/variables.less rename to apps/ide/src/styles/theme/webida-light/theme-set/variables.less diff --git a/common/src/webida/plugins/editors/plugin.json b/common/src/webida/plugins/editors/plugin.json index 8c9a2738..4d356f1f 100644 --- a/common/src/webida/plugins/editors/plugin.json +++ b/common/src/webida/plugins/editors/plugin.json @@ -41,7 +41,7 @@ "&Save" : [ "cmnd", { "shortcut" : { "keys" : { "default" : "Ctrl+S" }, "desc" : "Save" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_save.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_save.png", "tooltip" : "Save", "enabledOn" : "editor/dirty/current", "disabledOn" : "editor/clean/current" @@ -50,7 +50,7 @@ "Sav&e All" : [ "cmnd", { "shortcut": { "keys": { "default": "Ctrl+Shift+S" }, "desc": "Save all" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_saveall.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_saveall.png", "tooltip" : "Save all", "enabledOn" : "editor/dirty/some", "disabledOn" : "editor/clean/all" diff --git a/common/src/webida/plugins/editors/themes/webida-dark.css b/common/src/webida/plugins/editors/themes/webida-dark.css index 2f8185ee..143194bf 100644 --- a/common/src/webida/plugins/editors/themes/webida-dark.css +++ b/common/src/webida/plugins/editors/themes/webida-dark.css @@ -1,6 +1,7 @@ .cm-s-webida-dark.CodeMirror { background: #101010; + border: 1px #2e3137 solid; color: #d4e2fa; } diff --git a/common/src/webida/plugins/fs-commands/plugin.json b/common/src/webida/plugins/fs-commands/plugin.json index 981c3abe..eb0d9837 100644 --- a/common/src/webida/plugins/fs-commands/plugin.json +++ b/common/src/webida/plugins/fs-commands/plugin.json @@ -16,7 +16,7 @@ "&File" : [ "cmnd", { "toolbar": { - "icons" : "./styles/images/icons/toolbar_file.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_file.png", "tooltip" : "New File", "enabledOn":"toolbar.newfile.enable", "disabledOn":"toolbar.newfile.disable" @@ -40,7 +40,7 @@ { "shortcut" : { "keys" : { "default" : "Shift+Alt+F" }, "desc": "Find a keyword in a directory" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_findfiles.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_findfiles.png", "tooltip" : "Find in Files", "enabledOn":"toolbar.findinfiles.enable", "disabledOn":"toolbar.findinfiles.disable" @@ -57,7 +57,7 @@ { "shortcut" : { "keys" : { "default" : "Alt+G" }, "desc" : "Find and open a file in a directory" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_gotofile.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_gotofile.png", "tooltip" : "Go to File", "enabledOn":"toolbar.gotofile.enable", "disabledOn":"toolbar.gotofile.disable" diff --git a/common/src/webida/plugins/workbench/command-system/toolbar.js b/common/src/webida/plugins/workbench/command-system/toolbar.js index a6812d98..5e788bd4 100644 --- a/common/src/webida/plugins/workbench/command-system/toolbar.js +++ b/common/src/webida/plugins/workbench/command-system/toolbar.js @@ -110,7 +110,7 @@ function (pm, if (imgClass) { imgClass += ' webida-tool-bar-icon webida-tool-bar-icon-normal'; img = img + ''; + 'src="./styles/theme/webida-light/images/icons/transparent.png" draggable="false" />'; item.attr('label', img); // icon changed setting diff --git a/common/src/webida/plugins/workbench/plugin.json b/common/src/webida/plugins/workbench/plugin.json index f0b17f93..3d5b0e60 100644 --- a/common/src/webida/plugins/workbench/plugin.json +++ b/common/src/webida/plugins/workbench/plugin.json @@ -70,7 +70,7 @@ { "shortcut" : { "keys" : { "default" : "ctrl+shift+L" }, "desc" : "Shortcut keys" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_shortcuts.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_shortcuts.png", "tooltip" : "Shortcut list" }, "procedural" : true @@ -79,7 +79,7 @@ { "shortcut" : { "keys" : { "default" : "Alt+C" }, "desc" : "The list of viable commands from which you can select one and run it" }, "toolbar": { - "icons" : "./styles/images/icons/toolbar_command.png", + "icons" : "./styles/theme/webida-light/images/icons/toolbar_command.png", "tooltip" : "Command list" }, "procedural" : true