From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- .../themes/tundra/layout/AccordionContainer.css | 20 ++ lib/dijit/themes/tundra/layout/BorderContainer.css | 55 +++++ lib/dijit/themes/tundra/layout/ContentPane.css | 17 ++ lib/dijit/themes/tundra/layout/SplitContainer.css | 28 +++ lib/dijit/themes/tundra/layout/TabContainer.css | 249 +++++++++++++++++++++ .../themes/tundra/layout/TabContainer_rtl.css | 38 ++++ 6 files changed, 407 insertions(+) create mode 100644 lib/dijit/themes/tundra/layout/AccordionContainer.css create mode 100644 lib/dijit/themes/tundra/layout/BorderContainer.css create mode 100644 lib/dijit/themes/tundra/layout/ContentPane.css create mode 100644 lib/dijit/themes/tundra/layout/SplitContainer.css create mode 100644 lib/dijit/themes/tundra/layout/TabContainer.css create mode 100644 lib/dijit/themes/tundra/layout/TabContainer_rtl.css (limited to 'lib/dijit/themes/tundra/layout') diff --git a/lib/dijit/themes/tundra/layout/AccordionContainer.css b/lib/dijit/themes/tundra/layout/AccordionContainer.css new file mode 100644 index 000000000..6479956e6 --- /dev/null +++ b/lib/dijit/themes/tundra/layout/AccordionContainer.css @@ -0,0 +1,20 @@ + +.tundra .dijitAccordionContainer { + border-color: #ccc; + background-color: #fff; +} +.tundra .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 4px 4px 4px 8px; +} +.tundra .dijitAccordionTitleHover { + background: #f8fafd url("../images/accordionItemHover.gif") bottom repeat-x; +} +.tundra .dijitAccordionTitleSelected { + background: #f9f9f9 url("../images/accordionItemActive.gif") bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 4px 4px 4px 8px; +} diff --git a/lib/dijit/themes/tundra/layout/BorderContainer.css b/lib/dijit/themes/tundra/layout/BorderContainer.css new file mode 100644 index 000000000..076460f15 --- /dev/null +++ b/lib/dijit/themes/tundra/layout/BorderContainer.css @@ -0,0 +1,55 @@ + +.tundra .dijitBorderContainer { + background-color: #fcfcfc; + padding: 5px; +} +.tundra .dijitSplitContainer-child, +.tundra .dijitBorderContainer-child { + + border: 1px #ccc solid; +} +.tundra .dijitBorderContainer-dijitTabContainerTop, +.tundra .dijitBorderContainer-dijitTabContainerBottom, +.tundra .dijitBorderContainer-dijitTabContainerLeft, +.tundra .dijitBorderContainer-dijitTabContainerRight { + + border: none; +} +.tundra .dijitBorderContainer-dijitBorderContainer { + + border: none; + padding: 0px; +} +.tundra .dijitSplitterH, +.tundra .dijitGutterH { + background:#fcfcfc; + border:0; + height:5px; +} +.tundra .dijitSplitterH .dijitSplitterThumb { + background:#B0B0B0 none; + height:1px; + top:2px; + width:19px; +} +.tundra .dijitSplitterV, +.tundra .dijitGutterV { + background:#fcfcfc; + border:0; + width:5px; +} +.tundra .dijitSplitterV .dijitSplitterThumb { + background:#B0B0B0 none; + height:19px; + left:2px; + width:1px; +} +.tundra .dijitSplitterActive { + font-size: 1px; + background-image: none; + background-color: #aaa; + -moz-opacity: 0.6; + opacity: 0.6; + filter: Alpha(Opacity=60); + margin: 0; +} diff --git a/lib/dijit/themes/tundra/layout/ContentPane.css b/lib/dijit/themes/tundra/layout/ContentPane.css new file mode 100644 index 000000000..8b470b938 --- /dev/null +++ b/lib/dijit/themes/tundra/layout/ContentPane.css @@ -0,0 +1,17 @@ + +.tundra .dijitContentPane { + padding: 0px; +} +.tundra .dijitTabContainerTop-dijitContentPane, +.tundra .dijitTabContainerLeft-dijitContentPane, +.tundra .dijitTabContainerBottom-dijitContentPane, +.tundra .dijitTabContainerRight-dijitContentPane, +.tundra .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} +.tundra .dijitSplitContainer-dijitContentPane, +.tundra .dijitBorderContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} diff --git a/lib/dijit/themes/tundra/layout/SplitContainer.css b/lib/dijit/themes/tundra/layout/SplitContainer.css new file mode 100644 index 000000000..278503116 --- /dev/null +++ b/lib/dijit/themes/tundra/layout/SplitContainer.css @@ -0,0 +1,28 @@ +.tundra .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:1px solid #bfbfbf; + border-right:1px solid #bfbfbf; + width:7px; +} +.tundra .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:3px; + height:19px; + overflow: hidden; +} +.tundra .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:1px solid #bfbfbf; + border-bottom:1px solid #bfbfbf; + height:7px; +} +.tundra .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:3px; + overflow: hidden; +} diff --git a/lib/dijit/themes/tundra/layout/TabContainer.css b/lib/dijit/themes/tundra/layout/TabContainer.css new file mode 100644 index 000000000..8e859b9b4 --- /dev/null +++ b/lib/dijit/themes/tundra/layout/TabContainer.css @@ -0,0 +1,249 @@ + +.tundra .dijitTabPaneWrapper { + background:#fff; + border:1px solid #ccc; + margin: 0; + padding: 0; +} +.tundra .dijitTab { + line-height:normal; + margin-right:4px; + padding:0px; + border:1px solid #ccc; + background:#e2e2e2 url("../images/tabEnabled.png") repeat-x; +} +.tundra .dijitTabInnerDiv { + padding:2px 8px 2px 9px; +} +.tundra .dijitTabSpacer { + display: none; +} +.tundra .dijitTabContainer .tabStripRBtn { + margin-right: 20px; +} +.tundra .dijitTabContainer .tabStripLBtn { + margin-left: 20px; +} +.tundra .nowrapTabStrip .dijitTab { + top: 2px; +} +.tundra .dijitTabContainerBottom .nowrapTabStrip .dijitTab { + top: 0px; + bottom: 2px; +} +.tundra .dijitTabChecked { + + background-color:#fff; + border-color: #ccc; + background-image:none; +} +.tundra .dijitTabHover { + color: #243C5F; + border-top-color:#92a0b3; + border-left-color:#92a0b3; + border-right-color:#92a0b3; + border-bottom-color:#92a0b3; + background:#e2e2e2 url("../images/tabHover.gif") repeat-x; +} +.tundra .dijitTabContainerTop .dijitTabHover { + border-bottom-color:#ccc; +} +.tundra .dijitTabContainerBottom .dijitTabHover { + border-top-color:#ccc; +} +.tundra .dijitTabContainerLeft .dijitTabHover { + border-right-color:#ccc; +} +.tundra .dijitTabContainerRight .dijitTabHover { + border-left-color:#ccc; +} +.tundra .dijitTabContainer .dijitTabCheckedHover { + color: inherit; + border:1px solid #ccc; + background:#fff; +} +.tundra .dijitTab .tabLabel { + + min-height: 12px; + display: inline-block; +} +.tundra .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.tundra .dijitTabContainerNested .dijitTabContainerTop-tabs { + border-bottom: 1px solid #CCC; +} +.tundra .dijitTabContainerTabListNested .dijitTab { + background: none; + border: none; + top: 0px; +} +.tundra .dijitTabContainerTabListNested .dijitTab .dijitTabContent { +} +.tundra .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { + text-decoration: underline; +} +.tundra .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent .tabLabel { + text-decoration: underline; + font-weight: bold; + +} +.tundra .dijitTabContainer .dijitTabPaneWrapperNested { + border: none; +} +.tundra .dijitTabCloseButton { + background: url("../images/tabClose.png") no-repeat right top; + width: 12px; + height: 12px; +} +.dj_ie6 .tundra .dijitTabCloseButton { + background-image : url("../images/tabClose.gif"); +} +.tundra .dijitTabCloseButtonHover { + background-image : url("../images/tabCloseHover.png"); +} +.dj_ie6 .tundra .dijitTabCloseButtonHover { + background-image : url("../images/tabCloseHover.gif"); +} +.tundra .dijitTabContainerTop-tabs { + margin-bottom: 0px; + border-color: #cccccc; + padding-left: 3px; + background-position: bottom; +} +.tundra .dijitTabContainerTop-tabs .dijitTab { + top: 0px; + margin-bottom: -1px; +} +.tundra .dijitTabContainerTop-container { + border-top: none; +} +.tundra .dijitTabContainerTop-tabs .dijitTabChecked { + border-bottom-color:white; +} +.tundra .dijitTabContainerTop-tabs, +.tundra .dijitTabContainerBottom-tabs { + padding-left: 3px; + padding-right: 3px; +} +.tundra .dijitTabContainerTopStrip { + border-top: 1px solid #CCC; + border-right: 1px solid #CCC; + border-left: 1px solid #CCC; + padding-top: 2px; + background: #f2f2f2; +} +.tundra .dijitTabContainerTopNone { + padding-top: 0px; +} +.tundra .dijitTabContainerBottom-tabs { + margin-top: 0px; + border-color: #cccccc; + background-position: top; + padding-left: 3px; +} +.tundra .dijitTabContainerBottom-tabs .dijitTab { + bottom: 0px; + margin-top: -1px; +} +.tundra .dijitTabContainerBottom-container { + border-bottom: none; +} +.tundra .dijitTabContainerBottom-tabs .dijitTabChecked { + border-top-color:white; +} +.tundra .dijitTabContainerBottomStrip { + padding-bottom: 2px; + border: 1px solid #ccc; + background: #f2f2f2; + border-top: none; +} +.tundra .dijitTabContainerRight-tabs { + border-color: #ccc; + height: 100%; + padding-top: 3px; +} +.tundra .dijitTabContainerRightStrip { + margin-left: -1px; +} +.tundra .dijitTabContainerRight-container { + border-right: none; +} +.tundra .dijitTabContainerRight-tabs .dijitTabChecked { + border-left-color:white; +} +.tundra .dijitTabContainerRightStrip { + padding-right: 2px; + border: 1px solid #ccc; +} +.tundra .dijitTabContainerRightStrip { + background: #f2f2f2; +} +.tundra .dijitTabContainerLeft-tabs { + border-color: #ccc; + padding-top: 3px; + height: 100%; +} +.tundra .dijitTabContainerLeft-container { + border-left: none; +} +.tundra .dijitTabContainerLeft-tabs .dijitTabChecked { + border-right-color:white; +} +.tundra .dijitTabContainerLeftStrip { + padding-left: 2px; + border: 1px solid #ccc; + background: #f2f2f2; + border-right: none; +} +.tundra .dijitTabContainerLeft-tabs .dijitTab, +.tundra .dijitTabContainerRight-tabs .dijitTab { + margin-right:0px; + margin-bottom:4px; +} +.tundra .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs { + border-left: 0px solid #ccc; + border-top: 0px solid #ccc; + border-right: 0px solid #ccc; + padding-top: 0px; + padding-left: 0px; +} +.tundra .dijitTabContainer .tabStripButton { + margin-right: 0; + padding-top: 2px; + z-index: 12; +} +.tundra .dijitTabContainerBottom .tabStripButton { + padding-top: 2px; +} +.tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv { + padding-bottom: 3px; + padding-top: 1px; +} +.tundra .tabStripButton .dijitTabInnerDiv { + padding: 3px 2px 4px 2px; +} +.dj_ie6 .tundra .tabStripButton .dijitTabInnerDiv, +.dj_ie7 .tundra .tabStripButton .dijitTabInnerDiv, +.dj_opera .tundra .tabStripButton .dijitTabInnerDiv { + padding-bottom: 5px; +} +.dj_ie6 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv, +.dj_ie7 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv, +.dj_opera .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv { + padding-bottom: 4px; +} +.tundra .dijitTabStripIcon { + height: 14px; + width: 14px; + background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ; +} +.dj_ie6 .tundra .dijitTabStripIcon { + background-image: url(../images/spriteRoundedIconsSmall.gif); +} +.tundra .dijitTabStripSlideRightIcon { + background-position: -30px top; +} +.tundra .dijitTabStripMenuIcon { + background-position: -15px top; +} diff --git a/lib/dijit/themes/tundra/layout/TabContainer_rtl.css b/lib/dijit/themes/tundra/layout/TabContainer_rtl.css new file mode 100644 index 000000000..1811a5b6c --- /dev/null +++ b/lib/dijit/themes/tundra/layout/TabContainer_rtl.css @@ -0,0 +1,38 @@ +.tundra .dijitTabRtl { + -moz-box-orient:horizontal; + text-align: right; +} +.tundra .dijitTabRtl .dijitTabInnerDiv { + padding:2px 9px 2px 8px; +} +.tundra .tabStrip-disabled .tabStripButtonRtl .dijitTabInnerDiv { + + padding-bottom: 3px; + padding-top: 1px; +} +.tundra .tabStripButtonRtl .dijitTabInnerDiv { + padding: 3px 2px 4px 2px; +} +.tundra .dijitTabPaneWrapper { + #zoom: 1; +} +.dj_ie-rtl .tundra .dijitTabContainerLeft-tabs { + margin-left: 1px !important; +} +.dj_ie-rtl .tundra .dijitTabContainerRight-tabs { + margin-right: 1px !important; +} +.tundra .dijitTabContainerLeft-tabs .dijitTabRtl, +.tundra .dijitTabContainerRight-tabs .dijitTabRtl { + margin-left:0px; +} +.dj_ie .tundra .dijitTabRtl .dijitTabInnerDiv { + + width : 0.1% !important; +} +.dj_iequirks-rtl .tundra .dijitTabContainerTopNone, +.dj_iequirks-rtl .tundra .dijitTabContainerBottomNone { + + border-left: 1px solid #fff; + border-right: 1px solid #fff; +} -- cgit v1.2.3