From e44a7e37b6c7b5961adaffc62b9042b8d442938e Mon Sep 17 00:00:00 2001 From: mensonge Date: Thu, 13 Nov 2008 09:49:11 +0000 Subject: New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f --- .../tundra/layout/TabContainer.css.commented.css | 138 +++++++++++++++++++++ 1 file changed, 138 insertions(+) create mode 100644 includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css (limited to 'includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css') diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css new file mode 100644 index 0000000..ee3ff6b --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css @@ -0,0 +1,138 @@ + +/* Tabs */ + +.tundra .dijitTabPaneWrapper { + /* + overflow: hidden; + */ + background:#fff; + border:1px solid #ccc; +} + +.tundra .dijitTab { + line-height:normal; + margin-right:5px; /* space between one tab and the next in top/bottom mode */ + padding:0px; + border:1px solid #ccc; + background:#e2e2e2 url("../images/tabEnabled.png") repeat-x; +} + +.tundra .dijitAlignLeft .dijitTab, +.tundra .dijitAlignRight .dijitTab { + margin-right:0px; + margin-bottom:5px; /* space between one tab and the next in left/right mode */ +} + +.tundra .dijitTabInnerDiv { + padding:6px 10px 4px 10px; + border-left:1px solid #fff; + border-bottom:1px solid #fff; +} + +.tundra .dijitTabHover, +.tundra .dijitTabCloseButtonHover { + color: #243C5F; + border-top-color:#92a0b3; + border-left-color:#92a0b3; + border-right-color:#92a0b3; + background:#e2e2e2 url("../images/tabHover.png") repeat-x bottom; +} + +.dj_ie6 .tundra .dijitTabHover, +.dj_ie6 .tundra .dijitTabCloseButtonHover { + background-image: url("../images/tabHover.gif"); +} + +.tundra .dijitTabChecked, +.tundra .dijitTabCloseButtonChecked +{ + /* the selected tab (with or without hover) */ + background-color:#fff; + border-color: #ccc; + background-image:none; +} + +/* make the active tab white on the side next to the content pane */ +.tundra .dijitAlignTop .dijitTabChecked, +.tundra .dijitAlignTop .dijitTabCloseButtonChecked +{ + border-bottom-color:white; + vertical-align:bottom; +} + +.tundra .dijitAlignBottom .dijitTabChecked, +.tundra .dijitAlignBottom .dijitTabCloseButtonChecked +{ + border-top-color:white; + -moz-border-radius:2px 2px 0px 0px; /* eliminate some border detritrus on moz */ +} + +.tundra .dijitAlignLeft .dijitTabChecked, +.tundra .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} + +.tundra .dijitAlignRight .dijitTabChecked, +.tundra .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} + + +/* make space for a positioned close button */ +.tundra .dijitTab .dijitClosable { + position: relative; + padding:6px 20px 4px 10px; +} + +.tundra .dijitTab .dijitClosable .closeImage { + position:absolute; + top: 7px; + right: 3px; + height: 12px; + width: 12px; + padding: 0; + margin: 0; + background: url("../images/tabClose.png") no-repeat right top; +} +.dj_ie6 .dijitTab .dijitClosable .closeImage { + background-image:url("../images/tabClose.gif"); +} + +.tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url("../images/tabClose.png"); +} +.dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage { + background-image : url("../images/tabClose.gif"); +} + +.tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url("../images/tabCloseHover.png"); +} +.dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage { + background-image : url("../images/tabCloseHover.gif"); +} + +.tundra .dijitAlignLeft .dijitTab .dijitClosable { + padding:6px 10px 4px 20px; +} + +/* 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 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + left:-20px; +} + +.tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage { + top: auto; + bottom: 7px; + right: 3px; +} + +.tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage { + top: 7px; + left: 3px; +} -- cgit v1.2.3