diff options
Diffstat (limited to 'includes/js/dijit/themes/nihilo/layout')
12 files changed, 977 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css new file mode 100644 index 0000000..2a96e6e --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css @@ -0,0 +1,35 @@ + +.nihilo .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} +.nihilo .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #dedede; + padding: 5px 4px 6px 8px; + cursor:pointer; +} +.nihilo .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + padding: 5px 4px 5px 8px; + cursor: default; + color: #243C5F; +} +.nihilo .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} +.nihilo .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; + margin-top:-1px; +} +.nihilo .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css.commented.css new file mode 100644 index 0000000..7242752 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer.css.commented.css @@ -0,0 +1,44 @@ +/** + * dijit.layout.Accordioncontainer + * + */ + +.nihilo .dijitAccordionPane { + background-color: #e7e7e7; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; +} + +.nihilo .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x top left; + border-top: 1px solid #dedede; + padding: 5px 4px 6px 8px; + cursor:pointer; +} + +.nihilo .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.png") top repeat-x; + font-weight: bold; + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + padding: 5px 4px 5px 8px; + cursor: default; + color: #243C5F; +} + +.nihilo .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat; + width:15px; + height:15px; + margin-top:-1px; +} + +.nihilo .dijitAccordionTitle-selected .dijitAccordionArrow { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -15px top; + margin-top:-1px; +} + +.nihilo .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css new file mode 100644 index 0000000..4ceda54 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css.commented.css new file mode 100644 index 0000000..4ceda54 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/AccordionContainer_rtl.css.commented.css @@ -0,0 +1,3 @@ +.dijitRtl .dijitAccordionArrow { + background-position: -30px top; +} diff --git a/includes/js/dijit/themes/nihilo/layout/BorderContainer.css b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css new file mode 100644 index 0000000..6b3ee0d --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css @@ -0,0 +1,27 @@ + +.nihilo .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.nihilo .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} +.nihilo .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.nihilo .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/BorderContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css.commented.css new file mode 100644 index 0000000..e95a534 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/BorderContainer.css.commented.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.BorderContainer + * + */ + +.nihilo .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} + +.nihilo .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} + +.nihilo .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} + +.nihilo .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/SplitContainer.css b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css new file mode 100644 index 0000000..6d6d715 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css @@ -0,0 +1,27 @@ + +.nihilo .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + width:5px; +} +.nihilo .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + width:2px; + height:19px; +} +.nihilo .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + height:2px; +} +.nihilo .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:5px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/SplitContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css.commented.css new file mode 100644 index 0000000..7099289 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/SplitContainer.css.commented.css @@ -0,0 +1,34 @@ +/** + * dijit.layout.SplitContainer + * + */ + +.nihilo .dijitSplitContainerSizerH { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + width:5px; +} + +.nihilo .dijitSplitContainerSizerH .thumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + width:2px; + height:19px; +} + +.nihilo .dijitSplitContainerSizerV { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + height:2px; +} + +.nihilo .dijitSplitContainerSizerV .thumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:5px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer.css b/includes/js/dijit/themes/nihilo/layout/TabContainer.css new file mode 100644 index 0000000..03d5af5 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer.css @@ -0,0 +1,277 @@ + + +.nihilo .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #ccc; +} +.nihilo .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: -1px; +} +.nihilo dijitTabChecked { + margin-bottom: -2px; +} +.nihilo .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; +} +.nihilo .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; + border: none; +} +.nihilo .dijitTabHover, +.nihilo .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} +.nihilo .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; + border: none; +} +.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} +.nihilo .dijitTabChecked, +.nihilo .dijitTabCloseButtonChecked +{ + + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} +.nihilo .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; + border: none; +} +.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} +.nihilo .dijitTabLabels-top { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; + padding-top: 2px; + padding-left: 3px; + background: #fafafa url("../images/tabStripe.gif") repeat-x left bottom; + padding-bottom: 4px; +} +.nihilo .dijitAlignLeft .dijitTab, +.nihilo .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; +} +.nihilo .dijitAlignTop .dijitTabChecked, +.nihilo .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + +} +.nihilo .dijitAlignLeft .dijitTabChecked, +.nihilo .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.nihilo .dijitAlignRight .dijitTabChecked, +.nihilo .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.nihilo .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + background: #fafafa url("../images/tabStripeBottom.gif") repeat-x left top; + padding-top: 3px; +} +.nihilo .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; + padding:0px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: 0px; + margin-top: 1px; +} +.nihilo .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} +.nihilo .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} +.nihilo .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabHover, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; + padding:6px 10px 6px 10px; +} +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabHover, +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; + border: none; +} +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; + padding:7px 10px 6px 10px; +} +.nihilo .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} +.nihilo .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} +.nihilo .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #dedede !important; +} +.nihilo .dijitAlignLeft .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeLeft.gif") repeat-y right top; + padding-right: 3px; +} +.nihilo .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.nihilo .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeRight.gif") repeat-y left top; + padding-left: 3px; +} +.nihilo .dijitAlignRight .dijitTab { + margin-left: 1px; +} +.nihilo .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} +.nihilo .dijitAlignRight .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} +.nihilo .dijitAlignRight .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} +.nihilo .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #dedede !important; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitTab .dijitClosable { + position: relative; + padding: 0; + padding-left: 10px !important; + padding-right: 20px !important; +} +.nihilo .dijitTab img { + padding: 0; + margin: 0; +} +.nihilo .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.dj_ie6 .nihilo .dijitTabCloseButton .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} +.nihilo .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} +.nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer.css.commented.css b/includes/js/dijit/themes/nihilo/layout/TabContainer.css.commented.css new file mode 100644 index 0000000..8b404e0 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer.css.commented.css @@ -0,0 +1,369 @@ +/** + * 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) */ + +.nihilo .dijitTabPaneWrapper { /* Container for tab content */ + /* + overflow: hidden; + */ + background:#fff; + border:1px solid #ccc; +} + +.nihilo .dijitTab { + line-height:normal; + margin-right:3px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: -1px; +} + +.nihilo dijitTabChecked { + margin-bottom: -2px; +} + +.nihilo .dijitTabInnerDiv .dijitTabContent { + padding:8px 10px 4px 10px; + background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px; +} + +.nihilo .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat; + background-position: right -400px; + border: none; +} + +.nihilo .dijitTabHover, +.nihilo .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px; +} + +.nihilo .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -250px; + border: none; +} + +.nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px; + padding:8px 10px 4px 10px; +} + +.nihilo .dijitTabChecked, +.nihilo .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px; +} + +.nihilo .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabContainerSprite.gif") no-repeat right -100px; + border: none; +} + +.nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px; + padding:8px 10px 5px 10px; + color: #243C5F !important; +} + +/* top specific classes */ + +.nihilo .dijitTabLabels-top { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; + padding-top: 2px; + padding-left: 3px; + background: #fafafa url("../images/tabStripe.gif") repeat-x left bottom; + padding-bottom: 4px; +} +/* +.nihilo .dijitAlignTop .dijitTabStripe { + background: url("../images/tabStripe.gif") repeat-x left bottom; + padding-left: 2px; + padding-top: 0px; + height: 4px; + clear: both; + font-size: 1px; + margin-left: -3px; +} +*/ + +.nihilo .dijitAlignLeft .dijitTab, +.nihilo .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; /* space between one tab and the next in left/right mode */ +} + +/* make the active tab white on the side next to the content pane */ +.nihilo .dijitAlignTop .dijitTabChecked, +.nihilo .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} + +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + /*-moz-border-radius:2px 2px 0px 0px; eliminate some border detritrus on moz */ +} + +.nihilo .dijitAlignLeft .dijitTabChecked, +.nihilo .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} + +.nihilo .dijitAlignRight .dijitTabChecked, +.nihilo .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} + +/* bottom specific classes */ + +.nihilo .dijitTabLabels-bottom { + padding-bottom: 2px; + padding-left: 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-right: 1px solid #ccc; + background: #fafafa url("../images/tabStripeBottom.gif") repeat-x left top; + padding-top: 3px; +} +/* +.nihilo .dijitAlignBottom .dijitTabStripe { + background: url("../images/tabStripe.gif") repeat-x left bottom; + padding-left: 2px; + padding-top: 0px; + height: 4px; + clear: both; + font-size: 1px; + margin-left: -3px; +} +*/ +.nihilo .dijitAlignBottom .dijitTab { + line-height:normal; + margin-right:3px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left; + font-size: 0.9em; + font-weight: bold; + color: #6d6d6d; + margin-bottom: 0px; + margin-top: 1px; +} + +.nihilo .dijitAlignBottom .dijitTabChecked { + margin-bottom: 0px; + margin-top: 0px !important; +} + +.nihilo .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent { + padding:6px 10px 6px 10px; + background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left; +} + +.nihilo .dijitAlignBottom .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.nihilo .dijitAlignBottom .dijitTabHover, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + color: #243C5F; + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left; +} + +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv { + background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.nihilo .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent, +.nihilo .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomHoverC.gif") repeat-x bottom left; + padding:6px 10px 6px 10px; +} + +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabHover, +.dj_ie6 .nihilo .dijitAlignBottom .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} + +.nihilo .dijitAlignBottom .dijitTabChecked, +.nihilo .dijitAlignBottom .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left; +} + +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv { + padding:0px 10px 0px 10px; + background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right; + border: none; +} + +.nihilo .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent { + background: url("../images/tabBottomActiveC.gif") repeat-x bottom left; + padding:7px 10px 6px 10px; +} + + +/* left specific classes */ +.nihilo .dijitAlignLeft .dijitTab { + margin-right: 1px !important; +} + +.nihilo .dijitAlignLeft .dijitTabChecked { + margin-right: 0px !important; +} + +.nihilo .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv { + background: url("../images/tabLeftChecked.gif") no-repeat right top !important; + padding-left: 10px; + border-bottom: 1px solid #dedede !important; +} + +.nihilo .dijitAlignLeft .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -350px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv { + background: url("../images/tabContainerSprite.gif") no-repeat right -200px; + padding-left: 10px; + border-bottom: 1px solid #dedede; +} + +.nihilo .dijitTabLabels-left-h { + padding-left: 2px; + padding-top: 3px; + border-left: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeLeft.gif") repeat-y right top; + padding-right: 3px; +} + +.nihilo .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} + +/* right specific classes */ +.nihilo .dijitTabLabels-right-h { + padding-right: 2px; + padding-top: 3px; + border-right: 1px solid #b1badf; + border-bottom: 1px solid #b1badf; + border-top: 1px solid #b1badf; + background: #fafafa url("../images/tabStripeRight.gif") repeat-y left top; + padding-left: 3px; +} + +.nihilo .dijitAlignRight .dijitTab { + margin-left: 1px; +} + +.nihilo .dijitAlignRight .dijitTabChecked { + margin-left: 0px; +} + +.nihilo .dijitAlignRight .dijitTabChecked { + background: url("../images/tabRightChecked.gif") no-repeat left top !important; +} + +.nihilo .dijitAlignRight .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -350px; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTab { + background: url("../images/tabContainerSprite.gif") no-repeat left -200px; +} +.nihilo .dijitAlignRight .dijitTabInnerDiv .dijitTabContent { + padding:7px 10px 6px 10px !important; +} + +.nihilo .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv { + border-bottom: 1px solid #dedede !important; +} + +.nihilo .dijitAlignRight .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} +.nihilo .dijitAlignRight .dijitTabHover .dijitTabInnerDiv { + border-bottom: 1px solid #dedede; +} + +/* make space for a positioned close button */ +.nihilo .dijitTab .dijitClosable { + position: relative; + padding: 0; + padding-left: 10px !important; + padding-right: 20px !important; +} + +.nihilo .dijitTab img { + padding: 0; + margin: 0; +} + +.nihilo .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 5px; + right: 5px; + height: 15px; + width: 15px; + padding: 0; + margin: 0; + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background:url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} +.dj_ie6 .nihilo .dijitTabCloseButton .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top; +} + +.nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px !important; +} +.dj_ie6 .nihilo .dijitTabHover .dijitClosable .closeImage { + background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px !important; +} + +/* correct for IE6. + We cant force hasLayout as that blows out the shrink wrapped tabs + ..so we shim in the closeImage position properties instead +*/ +.dj_ie6 .nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} + +.nihilo .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} + +.nihilo .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css new file mode 100644 index 0000000..1f498ce --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css @@ -0,0 +1,55 @@ + +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; +} +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} diff --git a/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css.commented.css b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css.commented.css new file mode 100644 index 0000000..d0b6c84 --- /dev/null +++ b/includes/js/dijit/themes/nihilo/layout/TabContainer_rtl.css.commented.css @@ -0,0 +1,69 @@ +/* TabContainer */ + +.dijitRtl .dijitTab { + margin-right:0; + margin-left:3px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; +} + +.dijitRtl .dijitTab .dijitClosable { + padding: 0 10px 0 20px; +} + +.dijitRtl .dijitTab .closeImage { + position:static; +} + +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} + +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: -60px top; +} + +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} + +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} + +.dijitRtl .dijitAlignBottom .dijitTab { + margin-right:0; + margin-left:3px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitTabInnerDiv { + padding-left:10px; + padding-right:20px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:20px; + padding-right:10px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} + +.dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; +} |