diff options
Diffstat (limited to 'lib/dijit/themes/soria/layout')
-rw-r--r-- | lib/dijit/themes/soria/layout/AccordionContainer.css | 13 | ||||
-rw-r--r-- | lib/dijit/themes/soria/layout/AccordionContainer_rtl.css | 5 | ||||
-rw-r--r-- | lib/dijit/themes/soria/layout/BorderContainer.css | 36 | ||||
-rw-r--r-- | lib/dijit/themes/soria/layout/ContentPane.css | 10 | ||||
-rw-r--r-- | lib/dijit/themes/soria/layout/SplitContainer.css | 17 | ||||
-rw-r--r-- | lib/dijit/themes/soria/layout/TabContainer.css | 178 | ||||
-rw-r--r-- | lib/dijit/themes/soria/layout/TabContainer_rtl.css | 19 |
7 files changed, 224 insertions, 54 deletions
diff --git a/lib/dijit/themes/soria/layout/AccordionContainer.css b/lib/dijit/themes/soria/layout/AccordionContainer.css index b65187f6b..3e2d22d57 100644 --- a/lib/dijit/themes/soria/layout/AccordionContainer.css +++ b/lib/dijit/themes/soria/layout/AccordionContainer.css @@ -1,8 +1,15 @@ +/** + * dijit.layout.Accordioncontainer + * + */ .soria .dijitAccordionContainer { border-color: #b1badf; background-color: #fff; } + +/* common */ + .soria .dijitAccordionTitle { background:#fafafa url("../images/titleBar.png") repeat-x top left; border-top: 1px solid #b9bbdd; @@ -11,6 +18,7 @@ font-weight: bold; color: #373941; } + .soria .dijitAccordionTitleSelected { background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; font-weight: bold; @@ -19,17 +27,20 @@ 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; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css b/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css index c9f07e067..c6bb820f3 100644 --- a/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css +++ b/lib/dijit/themes/soria/layout/AccordionContainer_rtl.css @@ -1,7 +1,8 @@ .dijitRtl .soria .dijitAccordionArrow { - background-position: 0px top; + background-position: 0 top; } + .dijitRtl .soria .dijitAccordionTitleSelected .dijitAccordionArrow { - + /* same rule as LTR mode, just listed to override previous rule in this file */ background-position: -15px top; } diff --git a/lib/dijit/themes/soria/layout/BorderContainer.css b/lib/dijit/themes/soria/layout/BorderContainer.css index aec147ae6..63f2bf365 100644 --- a/lib/dijit/themes/soria/layout/BorderContainer.css +++ b/lib/dijit/themes/soria/layout/BorderContainer.css @@ -1,53 +1,71 @@ +/** + * dijit.layout.BorderContainer + * + */ .soria .dijitBorderContainer { background-color: #e1ebfb; padding: 5px; } + .soria .dijitSplitContainer-child, .soria .dijitBorderContainer-child { - + /* By default put borders on all children of BorderContainer, + * to give illusion of borders on the splitters themselves. + */ border: 1px #b1badf solid; } + .soria .dijitBorderContainer-dijitTabContainerTop, .soria .dijitBorderContainer-dijitTabContainerBottom, .soria .dijitBorderContainer-dijitTabContainerLeft, .soria .dijitBorderContainer-dijitTabContainerRight { - + /* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper), + * so no border on domNode + */ border: none; } + .soria .dijitBorderContainer-dijitBorderContainer { - + /* also, make nested BorderContainers look like a single big widget with lots of splitters */ border: none; - padding: 0px; + padding: 0; } + + .soria .dijitSplitterH, .soria .dijitGutterH { background: #E1EBFB; border:0; - border-left:0px solid #d3d3d3; - border-right:0px solid #d3d3d3; + border-left:0 solid #d3d3d3; + border-right:0 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; + border-top:0 solid #d3d3d3; + border-bottom:0 solid #d3d3d3; width:5px; } + .soria .dijitSplitterV .dijitSplitterThumb { background:#B0B0B0 none; height:19px; left:2px; width:1px; } + +/* active splitter */ .soria .dijitSplitterActive { font-size: 1px; background-image: none; @@ -56,4 +74,4 @@ opacity: 0.6; filter: Alpha(Opacity=60); margin: 0; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/ContentPane.css b/lib/dijit/themes/soria/layout/ContentPane.css index 9308d50ee..32398dc08 100644 --- a/lib/dijit/themes/soria/layout/ContentPane.css +++ b/lib/dijit/themes/soria/layout/ContentPane.css @@ -1,7 +1,10 @@ +/* ContentPane */ .soria .dijitContentPane { - padding: 0px; + padding: 0; } + +/* nested layouts */ .soria .dijitTabContainerTop-dijitContentPane, .soria .dijitTabContainerLeft-dijitContentPane, .soria .dijitTabContainerBottom-dijitContentPane, @@ -10,8 +13,9 @@ background-color: #fff; padding: 5px; } + .soria .dijitSplitContainer-dijitContentPane, .soria .dijitBorderContainer-dijitContentPane { - background-color: #fff; + background-color: #fff; /* override background-color setting on parent .dijitBorderContainer */ padding: 5px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/SplitContainer.css b/lib/dijit/themes/soria/layout/SplitContainer.css index 87f065752..bf7ca1625 100644 --- a/lib/dijit/themes/soria/layout/SplitContainer.css +++ b/lib/dijit/themes/soria/layout/SplitContainer.css @@ -1,27 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ .soria .dijitSplitContainerSizerH { background:url("../images/splitContainerSizerV.png") repeat-y #cddef4; border:0; - border-left:0px solid #436496; - border-right:0px solid #436496; + border-left:0 solid #436496; + border-right:0 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; + border-top:0 solid #436496; + border-bottom:0 solid #436496; height:2px; } + .soria .dijitSplitContainerSizerV .thumb { background:url("../images/splitContainerSizerH-thumb.png") no-repeat #ccc; top:1px; width:19px; height:5px; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/TabContainer.css b/lib/dijit/themes/soria/layout/TabContainer.css index 0cf156dec..b96d16955 100644 --- a/lib/dijit/themes/soria/layout/TabContainer.css +++ b/lib/dijit/themes/soria/layout/TabContainer.css @@ -1,3 +1,12 @@ +/** + * dijit.layout.TabContainer + * + * To style TabContainer with rounded corners + * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right) + * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe + */ + +/* Classes for all types of tabs (top/bottom/left/right) */ .soria .dijitTabContainer .tabStripRBtn { margin-right: 21px; @@ -5,63 +14,84 @@ .soria .dijitTabContainer .tabStripLBtn { margin-left: 21px; } + .soria .nowrapTabStrip .dijitTab { top: 2px; } + .soria .dijitTabContainerBottom-tabs .dijitTab { top: -1px; bottom: 2px; } + +/* Tabs, shared classes */ .soria .dijitTabPaneWrapper { background:#fff; border:1px solid #B1BADF; margin: 0; - padding-left: 0px; + padding-left: 0; } + .soria .dijitTabInnerDiv { - padding:0px 3px 0px 0px; + padding:0 3px 0 0; 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; + margin:0 2px 0 0; /* space between one tab and the next in top/bottom mode */ + padding:0; 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; } + +/* hovered tab */ .soria .dijitTabHover { color: #243C5F; - background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -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; } + +/* checked tab*/ .soria .dijitTabChecked { - - background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0 -0; } + .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; } + +/* Nested Tabs */ + .soria .dijitTabContainerTabListNested { background: #F0F4FC; background: #D9E9F9; @@ -70,7 +100,7 @@ .soria .dijitTabContainerTabListNested .dijitTab { background: none; border: none; - top: 0px; + top: 0; /* override top:1px setting of top-level tabs */ } .soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv, .soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent { @@ -84,12 +114,15 @@ font-weight: bold; } .soria .dijitTabContainerSpacerNested .dijitTabSpacer { - - height: 0px; + /* thinner line between tab (labels) and content */ + height: 0; } .soria .dijitTabPaneWrapperNested { - border: none; + border: none; /* prevent double border */ } + + +/* Close Button */ .soria .dijitTabCloseButton { width: 15px; height: 15px; @@ -99,146 +132,192 @@ .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; -} + +/* ================================ */ +/* top tabs */ .soria .dijitTabContainerTop-tabs { border-color: #B1BADF; padding-left: 3px; } + .soria .dijitTabContainerTopNoStrip { padding-top: 3px; } + +/* top container */ .soria .dijitTabContainerTop-container { border-top: none; } + .soria .dijitTabContainerTop .dijitTabListWrapper { border-bottom: none; } + +/*non-checked tabs */ .soria .dijitTabContainerTop-tabs .dijitTab { top: 1px; } + +/* checked tabs */ .soria .dijitTabContainerTop-tabs .dijitTabChecked { border-bottom-color: #94b4e6; } + +/* strip */ .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; } + +/* ================================ */ +/* bottom tabs */ .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; } + +/* bottom container */ .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; } + +/* checked tabs */ .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 { - + /* the selected tab (with or without hover) */ 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; } + +/* strip */ .soria .dijitTabContainerBottomStrip { padding-bottom: 2px; border: 1px solid #B1BADF; } + .soria .dijitTabContainerBottomStrip { background: #F0F4FC; } + +/* top/bottom strip */ .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; } + +/* ================================ */ +/* right tabs */ .soria .dijitTabContainerRight-tabs { height: 100%; border-color: #ccc; padding-top: 3px; } + +/* right container */ .soria .dijitTabContainerRight-container { border-right: none; } + .soria .dijitTabContainerRight-tabs .dijitTab { border-bottom: none; border-left: 1px solid #B1BADF; border-bottom: 1px solid #B1BADF !important; } + + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv, .dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv { border-bottom: solid #B1BADF 1px; margin-bottom: -1px; } + +/* checked tabs */ .soria .dijitTabContainerRight-tabs .dijitTabChecked { border-left-color: #94b4e6; } + .soria .dijitTabContainerRight-tabs .dijitTabChecked { background: url("../images/tabRightChecked.gif") no-repeat left top !important; } + +/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */ .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv, .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv, @@ -246,33 +325,45 @@ 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; } + +/* strip */ .soria .dijitTabContainerRightStrip { padding-right: 2px; border: 1px solid #B1BADF; background: #F0F4FC; border-left: none; } + +/* ================================ */ +/* left tabs */ .soria .dijitTabContainerLeft-tabs { border-color: #ccc; padding-top: 3px; height: 100%; } + +/* left conatiner */ .soria .dijitTabContainerLeft-container { border-left: none; } + .soria .dijitTabContainerLeft-tabs .dijitTab { border-right: 1px solid #B1BADF; border-bottom: 1px solid #B1BADF; } + +/* checked tabs */ .soria .dijitTabContainerLeft-tabs .dijitTabChecked { border-right: 1px solid #94b4e6; } + .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv { background: url("../images/tabContainerSprite.gif") no-repeat right -350px; } @@ -283,11 +374,13 @@ .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, @@ -295,78 +388,105 @@ border-bottom: solid #94b4e6 1px; margin-bottom: -1px; } + +/* strip */ .soria .dijitTabContainerLeftStrip { padding-left: 2px; border: 1px solid #B1BADF; background: #F0F4FC; border-right: none; } + +/* ================================ */ +/* left/right tabs */ .soria .dijitTabContainerLeft-tabs .dijitTab, .soria .dijitTabContainerRight-tabs .dijitTab { margin-right:auto; - margin-bottom:2px; + margin-bottom:2px; /* space between one tab and the next in left/right mode */ } + +/* left/right tabstrip */ .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; } +/* ================================ */ + +/* this resets the tabcontainer stripe when within a contentpane */ .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; + border-left: 0 solid #ccc; + border-top: 0 solid #ccc; + border-right: 0 solid #ccc; + padding-top: 0; + padding-left: 0; } + + +/* ================================ */ + +/* Menu and slider control styles */ .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; -} +}
\ No newline at end of file diff --git a/lib/dijit/themes/soria/layout/TabContainer_rtl.css b/lib/dijit/themes/soria/layout/TabContainer_rtl.css index 863849813..eba3963b9 100644 --- a/lib/dijit/themes/soria/layout/TabContainer_rtl.css +++ b/lib/dijit/themes/soria/layout/TabContainer_rtl.css @@ -1,10 +1,13 @@ .dijitRtl .soria .dijitTab { margin-right:0; - margin-left:2px; + margin-left:2px; /* space between one tab and the next in top/bottom mode */ } + +/* tab strips */ .dijitRtl .soria .dijitTabContainer .tabStripButton { margin-left: 0; } + .dijitRtl .soria .dijitTabContainerTopStrip, .dijitRtl .soria .dijitTabContainerBottomStrip, .dijitRtl .soria .dijitTabContainerTop-tabs, @@ -12,23 +15,29 @@ 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; + margin-left: 0 !important; } + .dj_ie-rtl .soria .dijitTabContainerRight-tabs { - margin-right: 0px !important; + margin-right: 0 !important; } + .dijitRtl .soria .dijitTabContainerLeft-tabs .dijitTab, .dijitRtl .soria .dijitTabContainerRight-tabs .dijitTab { - margin-left:0px; + margin-left:0; } + .dj_ie-rtl .soria .dijitTab .dijitTabInnerDiv{ width : 1%; -} +}
\ No newline at end of file |