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/soria/layout/AccordionContainer.css | 35 ++ .../themes/soria/layout/AccordionContainer_rtl.css | 7 + lib/dijit/themes/soria/layout/BorderContainer.css | 59 ++++ lib/dijit/themes/soria/layout/ContentPane.css | 17 + lib/dijit/themes/soria/layout/SplitContainer.css | 27 ++ lib/dijit/themes/soria/layout/TabContainer.css | 372 +++++++++++++++++++++ lib/dijit/themes/soria/layout/TabContainer_rtl.css | 34 ++ 7 files changed, 551 insertions(+) create mode 100644 lib/dijit/themes/soria/layout/AccordionContainer.css create mode 100644 lib/dijit/themes/soria/layout/AccordionContainer_rtl.css create mode 100644 lib/dijit/themes/soria/layout/BorderContainer.css create mode 100644 lib/dijit/themes/soria/layout/ContentPane.css create mode 100644 lib/dijit/themes/soria/layout/SplitContainer.css create mode 100644 lib/dijit/themes/soria/layout/TabContainer.css create mode 100644 lib/dijit/themes/soria/layout/TabContainer_rtl.css (limited to 'lib/dijit/themes/soria/layout') diff --git a/lib/dijit/themes/soria/layout/AccordionContainer.css b/lib/dijit/themes/soria/layout/AccordionContainer.css new file mode 100644 index 000000000..b65187f6b --- /dev/null +++ b/lib/dijit/themes/soria/layout/AccordionContainer.css @@ -0,0 +1,35 @@ + +.soria .dijitAccordionContainer { + border-color: #b1badf; + background-color: #fff; +} +.soria .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #b9bbdd; + padding: 5px 4px 6px 8px; + font-size: 0.9em; + font-weight: bold; + color: #373941; +} +.soria .dijitAccordionTitleSelected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #b9bbdd; + border-bottom: 1px solid #b9bbdd; + padding: 5px 4px 5px 8px; + color: #243C5F; +} +.soria .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -30px top; + width:15px; + height:15px; + margin-top:-1px; +} +.soria .dijitAccordionTitleSelected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -15px top; + margin-top:-1px; +} +.soria .dijitAccordionText { + margin-left: 4px; + margin-right: 4px; +} diff --git a/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css b/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css new file mode 100644 index 000000000..c9f07e067 --- /dev/null +++ b/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css @@ -0,0 +1,7 @@ +.dijitRtl .soria .dijitAccordionArrow { + background-position: 0px top; +} +.dijitRtl .soria .dijitAccordionTitleSelected .dijitAccordionArrow { + + background-position: -15px top; +} diff --git a/lib/dijit/themes/soria/layout/BorderContainer.css b/lib/dijit/themes/soria/layout/BorderContainer.css new file mode 100644 index 000000000..aec147ae6 --- /dev/null +++ b/lib/dijit/themes/soria/layout/BorderContainer.css @@ -0,0 +1,59 @@ + +.soria .dijitBorderContainer { + background-color: #e1ebfb; + padding: 5px; +} +.soria .dijitSplitContainer-child, +.soria .dijitBorderContainer-child { + + border: 1px #b1badf solid; +} +.soria .dijitBorderContainer-dijitTabContainerTop, +.soria .dijitBorderContainer-dijitTabContainerBottom, +.soria .dijitBorderContainer-dijitTabContainerLeft, +.soria .dijitBorderContainer-dijitTabContainerRight { + + border: none; +} +.soria .dijitBorderContainer-dijitBorderContainer { + + border: none; + padding: 0px; +} +.soria .dijitSplitterH, +.soria .dijitGutterH { + background: #E1EBFB; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.soria .dijitSplitterH .dijitSplitterThumb { + background:#B0B0B0 none; + height:1px; + top:2px; + width:19px; +} +.soria .dijitSplitterV, +.soria .dijitGutterV { + background: #E1EBFB; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.soria .dijitSplitterV .dijitSplitterThumb { + background:#B0B0B0 none; + height:19px; + left:2px; + width:1px; +} +.soria .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/soria/layout/ContentPane.css b/lib/dijit/themes/soria/layout/ContentPane.css new file mode 100644 index 000000000..9308d50ee --- /dev/null +++ b/lib/dijit/themes/soria/layout/ContentPane.css @@ -0,0 +1,17 @@ + +.soria .dijitContentPane { + padding: 0px; +} +.soria .dijitTabContainerTop-dijitContentPane, +.soria .dijitTabContainerLeft-dijitContentPane, +.soria .dijitTabContainerBottom-dijitContentPane, +.soria .dijitTabContainerRight-dijitContentPane, +.soria .dijitAccordionContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} +.soria .dijitSplitContainer-dijitContentPane, +.soria .dijitBorderContainer-dijitContentPane { + background-color: #fff; + padding: 5px; +} diff --git a/lib/dijit/themes/soria/layout/SplitContainer.css b/lib/dijit/themes/soria/layout/SplitContainer.css new file mode 100644 index 000000000..87f065752 --- /dev/null +++ b/lib/dijit/themes/soria/layout/SplitContainer.css @@ -0,0 +1,27 @@ + +.soria .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #cddef4; + border:0; + border-left:0px solid #436496; + border-right:0px solid #436496; + width:5px; +} +.soria .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat #ccc; + left:1px; + width:2px; + height:19px; +} +.soria .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #cddef4; + border:0; + border-top:0px solid #436496; + border-bottom:0px solid #436496; + height:2px; +} +.soria .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; + top:1px; + width:19px; + height:5px; +} diff --git a/lib/dijit/themes/soria/layout/TabContainer.css b/lib/dijit/themes/soria/layout/TabContainer.css new file mode 100644 index 000000000..0cf156dec --- /dev/null +++ b/lib/dijit/themes/soria/layout/TabContainer.css @@ -0,0 +1,372 @@ + + .soria .dijitTabContainer .tabStripRBtn { + margin-right: 21px; +} + .soria .dijitTabContainer .tabStripLBtn { + margin-left: 21px; +} + .soria .nowrapTabStrip .dijitTab { + top: 2px; +} + .soria .dijitTabContainerBottom-tabs .dijitTab { + top: -1px; + bottom: 2px; +} +.soria .dijitTabPaneWrapper { + background:#fff; + border:1px solid #B1BADF; + margin: 0; + padding-left: 0px; +} +.soria .dijitTabInnerDiv { + padding:0px 3px 0px 0px; + margin: 0 0 0 4px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; +} +.soria .dijitTab { + line-height:normal; + margin:0 2px 0 0; + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + color: #243C5F; + border-bottom: 1px #B1BADF solid; +} +.soria .dijitTabInnerDiv .dijitTabContent { + padding:4px 3px 2px 4px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; + position: relative; +} +.soria .dijitTabListWrapper { + z-index: 10; +} +.soria .dijitTabHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} +.soria .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; +} +.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; +} +.soria .dijitTabChecked +{ + + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} +.soria .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; +} +.soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + color: #243C5F !important; +} +.soria .dijitTabContainerTabListNested { + background: #F0F4FC; + background: #D9E9F9; + border: none; +} +.soria .dijitTabContainerTabListNested .dijitTab { + background: none; + border: none; + top: 0px; +} +.soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, +.soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent { + background: none; +} +.soria .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { + text-decoration: underline; +} +.soria .dijitTabContainerTabListNested .dijitTabChecked .tabLabel { + text-decoration: underline; + font-weight: bold; +} +.soria .dijitTabContainerSpacerNested .dijitTabSpacer { + + height: 0px; +} +.soria .dijitTabPaneWrapperNested { + border: none; +} +.soria .dijitTabCloseButton { + width: 15px; + height: 15px; + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; + margin-top: -1px; +} +.dj_ie6 .soria .dijitTabCloseButton { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.soria .dijitTabCloseButtonHover { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px; +} +.dj_ie6 .soria .dijitTabCloseButtonHover { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px; +} +.soria .dijitTab .tabLabel { + + min-height: 15px; + display: inline-block; +} +.dj_ie6 .soria .dijitTabButtonIcon { + + height: 18px; + width: 1px; +} +.soria .dijitTabContainerTop-tabs { + border-color: #B1BADF; + padding-left: 3px; +} +.soria .dijitTabContainerTopNoStrip { + padding-top: 3px; +} +.soria .dijitTabContainerTop-container { + border-top: none; +} +.soria .dijitTabContainerTop .dijitTabListWrapper { + border-bottom: none; +} +.soria .dijitTabContainerTop-tabs .dijitTab { + top: 1px; +} +.soria .dijitTabContainerTop-tabs .dijitTabChecked { + border-bottom-color: #94b4e6; +} +.soria .dijitTabContainerTopStrip { + border: 1px solid #B1BADF; + margin-top: 1px; + padding-top: 1px; + background: #F0F4FC; +} +.soria .dijitTabContainerTopStrip .dijitTabContainerTop-tabs { + padding-left: 3px; +} +.soria .dijitTabContainerNested .dijitTabListWrapper { + height: auto; +} +.soria .dijitTabContainerBottom-tabs { + margin-top: -1px; + padding-left: 3px; + border-top: 1px solid #B1BADF; +} +.soria .dijitTabContainerBottom .dijitTabListWrapper { + border-top: none; + padding-top: 1px; + padding-bottom: 1px; + float: left; +} +.soria .dijitTabContainerBottom-container { + border-bottom: none; +} +.soria .dijitTabContainerBottom-tabs .dijitTab { + border-bottom: none; + border-top: 1px solid #B1BADF; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; +} +.soria .dijitTabContainerBottom-tabs .dijitTabChecked { + border-top-color:#94b4e6; +} +.soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent { + padding-top: 3px; + padding-bottom: 3px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} +.soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv { + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; +} +.soria .dijitTabContainerBottom-tabs .dijitTabHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} +.soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; +} +.soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; +} +.soria .dijitTabContainerBottom-tabs .dijitTabChecked { + + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} +.soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; +} +.soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; +} +.soria .dijitTabContainerBottomStrip { + padding-bottom: 2px; + border: 1px solid #B1BADF; +} +.soria .dijitTabContainerBottomStrip { + background: #F0F4FC; +} +.soria .dijitTabContainerBottom-spacer, +.soria .dijitTabContainerTop-spacer { + height: 2px; + border: 1px solid #8ba0bd; + background: #94b4e6; +} +.soria .dijitTabContainerTop-spacer { + border-top: none; +} +.soria .dijitTabContainerBottom-spacer { + border-bottom: none; +} +.soria .dijitTabContainerRight-tabs { + height: 100%; + border-color: #ccc; + padding-top: 3px; +} +.soria .dijitTabContainerRight-container { + border-right: none; +} +.soria .dijitTabContainerRight-tabs .dijitTab { + border-bottom: none; + border-left: 1px solid #B1BADF; + border-bottom: 1px solid #B1BADF !important; +} +.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv { + border-bottom: solid #B1BADF 1px; + margin-bottom: -1px; +} +.soria .dijitTabContainerRight-tabs .dijitTabChecked { + border-left-color: #94b4e6; +} +.soria .dijitTabContainerRight-tabs .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} +.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + border-bottom: solid #94b4e6 1px; + margin-bottom: -1px; +} +.soria .dijitTabContainerRight-tabs .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.soria .dijitTabContainerRight-tabs .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.soria .dijitTabContainerRightStrip { + padding-right: 2px; + border: 1px solid #B1BADF; + background: #F0F4FC; + border-left: none; +} +.soria .dijitTabContainerLeft-tabs { + border-color: #ccc; + padding-top: 3px; + height: 100%; +} +.soria .dijitTabContainerLeft-container { + border-left: none; +} +.soria .dijitTabContainerLeft-tabs .dijitTab { + border-right: 1px solid #B1BADF; + border-bottom: 1px solid #B1BADF; +} +.soria .dijitTabContainerLeft-tabs .dijitTabChecked { + border-right: 1px solid #94b4e6; +} +.soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; +} +.soria .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; +} +.soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top; +} +.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { + border-bottom: solid #B1BADF 1px; + margin-bottom: -1px; +} +.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv, +.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv, +.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv { + border-bottom: solid #94b4e6 1px; + margin-bottom: -1px; +} +.soria .dijitTabContainerLeftStrip { + padding-left: 2px; + border: 1px solid #B1BADF; + background: #F0F4FC; + border-right: none; +} +.soria .dijitTabContainerLeft-tabs .dijitTab, +.soria .dijitTabContainerRight-tabs .dijitTab { + margin-right:auto; + margin-bottom:2px; +} +.soria .dijitTabContainerLeft-spacer, +.soria .dijitTabContainerRight-spacer { + width: 2px; + border: 1px solid #8ba0bd; + background: #94b4e6; +} +.soria .dijitTabContainerLeft-spacer { + border-left: none; +} +.soria .dijitTabContainerRight-spacer { + border-right: none; +} +.soria .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; +} +.soria .dijitTabContainer .tabStripButton { + margin-right: 0; +} +.soria .dijitTabContainer .tabStripButton-top { + margin-top: 1px; +} +.soria .tabStripButton .dijitTabContent{ + padding: 6px 0 5px 0; +} +.dj_ie6 .soria .tabStripButton .dijitTabContent, +.dj_ie7 .soria .tabStripButton .dijitTabContent { + padding-top: 7px; +} +.soria .tabStrip-disabled .tabStripButton .dijitTabContent { + padding: 5px 0 3px 0; +} +.dj_ie6 .soria .tabStrip-disabled .tabStripButton .dijitTabContent, +.dj_ie7 .soria .tabStrip-disabled .tabStripButton .dijitTabContent { + padding-top: 6px; +} +.soria .dijitTabContainer .tabStripButton-bottom { + background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom; + border-bottom: medium none; + border-top: 1px solid #B1BADF; +} +.soria .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv { + background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom; +} +.soria .dijitTabContainer .tabStripButton-bottom .dijitTabContent { + background: transparent; +} +.soria .dijitTabStripIcon { + height: 14px; + width: 14px; + background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ; +} +.dj_ie6 .soria .dijitTabStripIcon { + background-image: url(../images/spriteRoundedIconsSmall.gif); +} +.soria .dijitTabStripSlideRightIcon { + background-position: -30px top; +} +.soria .dijitTabStripMenuIcon { + background-position: -15px top; +} diff --git a/lib/dijit/themes/soria/layout/TabContainer_rtl.css b/lib/dijit/themes/soria/layout/TabContainer_rtl.css new file mode 100644 index 000000000..863849813 --- /dev/null +++ b/lib/dijit/themes/soria/layout/TabContainer_rtl.css @@ -0,0 +1,34 @@ +.dijitRtl .soria .dijitTab { + margin-right:0; + margin-left:2px; +} +.dijitRtl .soria .dijitTabContainer .tabStripButton { + margin-left: 0; +} +.dijitRtl .soria .dijitTabContainerTopStrip, +.dijitRtl .soria .dijitTabContainerBottomStrip, +.dijitRtl .soria .dijitTabContainerTop-tabs, +.dijitRtl .soria .dijitTabContainerBottom-tabs { + padding-left: 0; + padding-right: 3px; +} +.dijitRtl .soria .dijitTabInnerDiv { + padding-left: 3px; + padding-right: 4px; +} +.dijitRtl .soria .dijitTabPaneWrapper { + #zoom: 1; +} +.dj_ie-rtl .soria .dijitTabContainerLeft-tabs { + margin-left: 0px !important; +} +.dj_ie-rtl .soria .dijitTabContainerRight-tabs { + margin-right: 0px !important; +} +.dijitRtl .soria .dijitTabContainerLeft-tabs .dijitTab, +.dijitRtl .soria .dijitTabContainerRight-tabs .dijitTab { + margin-left:0px; +} +.dj_ie-rtl .soria .dijitTab .dijitTabInnerDiv{ + width : 1%; +} -- cgit v1.2.3