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 --- .../themes/tundra/layout/AccordionContainer.css | 31 +++++ .../layout/AccordionContainer.css.commented.css | 37 ++++++ .../dijit/themes/tundra/layout/BorderContainer.css | 27 ++++ .../layout/BorderContainer.css.commented.css | 31 +++++ .../dijit/themes/tundra/layout/SplitContainer.css | 31 +++++ .../tundra/layout/SplitContainer.css.commented.css | 35 ++++++ .../js/dijit/themes/tundra/layout/TabContainer.css | 109 ++++++++++++++++ .../tundra/layout/TabContainer.css.commented.css | 138 +++++++++++++++++++++ .../themes/tundra/layout/TabContainer_rtl.css | 71 +++++++++++ .../layout/TabContainer_rtl.css.commented.css | 89 +++++++++++++ 10 files changed, 599 insertions(+) create mode 100644 includes/js/dijit/themes/tundra/layout/AccordionContainer.css create mode 100644 includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/layout/BorderContainer.css create mode 100644 includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/layout/SplitContainer.css create mode 100644 includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/layout/TabContainer.css create mode 100644 includes/js/dijit/themes/tundra/layout/TabContainer.css.commented.css create mode 100644 includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css create mode 100644 includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css (limited to 'includes/js/dijit/themes/tundra/layout') diff --git a/includes/js/dijit/themes/tundra/layout/AccordionContainer.css b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css new file mode 100644 index 0000000..6d27e24 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css @@ -0,0 +1,31 @@ + +.tundra .dijitAccordionPane { + background-color: #e7e7e7; +} +.tundra .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor:pointer; +} +.tundra .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.gif") bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor: default; +} +.tundra .dijitAccordionArrow { + background:url("../images/plusButton.gif") no-repeat; + width:15px; + height:15px; + margin-top:2px; +} +.tundra .dijitAccordionTitle-selected .dijitAccordionArrow { + background:none; + margin-top:2px; +} +.tundra .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css new file mode 100644 index 0000000..14d46ae --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/AccordionContainer.css.commented.css @@ -0,0 +1,37 @@ +/* Accordion */ + +.tundra .dijitAccordionPane { + background-color: #e7e7e7; +} + +.tundra .dijitAccordionTitle { + background:#fafafa url("../images/titleBar.png") repeat-x bottom left; + border-top: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor:pointer; +} + +.tundra .dijitAccordionTitle-selected { + background: #f9f9f9 url("../images/accordionItemActive.gif") bottom repeat-x; + font-weight: bold; + border-top: 1px solid #aaaaaa; + border-bottom: 1px solid #bfbfbf; + padding: 6px 4px 6px 8px; + cursor: default; +} + +.tundra .dijitAccordionArrow { + background:url("../images/plusButton.gif") no-repeat; + width:15px; + height:15px; + margin-top:2px; +} + +.tundra .dijitAccordionTitle-selected .dijitAccordionArrow { + background:none; + margin-top:2px; +} + +.tundra .dijitAccordionBody { + background: #fff; +} diff --git a/includes/js/dijit/themes/tundra/layout/BorderContainer.css b/includes/js/dijit/themes/tundra/layout/BorderContainer.css new file mode 100644 index 0000000..56bbef4 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/BorderContainer.css @@ -0,0 +1,27 @@ + +.tundra .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} +.tundra .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} +.tundra .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} +.tundra .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css new file mode 100644 index 0000000..da28106 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/BorderContainer.css.commented.css @@ -0,0 +1,31 @@ +/* BorderContainer */ + +.tundra .dijitSplitterH { + background:url("../images/splitContainerSizerH.png") repeat-x #fff; + border:0; + border-left:0px solid #d3d3d3; + border-right:0px solid #d3d3d3; + height:5px; +} + +.tundra .dijitSplitterH .dijitSplitterThumb { + background:url("../images/splitContainerSizerH-thumb.png") no-repeat; + top:1px; + width:19px; + height:2px; +} + +.tundra .dijitSplitterV { + background:url("../images/splitContainerSizerV.png") repeat-y #fff; + border:0; + border-top:0px solid #d3d3d3; + border-bottom:0px solid #d3d3d3; + width:5px; +} + +.tundra .dijitSplitterV .dijitSplitterThumb { + background:url("../images/splitContainerSizerV-thumb.png") no-repeat; + left:1px; + height:19px; + width:5px; +} diff --git a/includes/js/dijit/themes/tundra/layout/SplitContainer.css b/includes/js/dijit/themes/tundra/layout/SplitContainer.css new file mode 100644 index 0000000..b9945d6 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/SplitContainer.css @@ -0,0 +1,31 @@ +.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; +} +.tundra .dijitSplitter { + border-color: #bfbfbf; +} diff --git a/includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css b/includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css new file mode 100644 index 0000000..53cdf82 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/SplitContainer.css.commented.css @@ -0,0 +1,35 @@ +.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; +} + +.tundra .dijitSplitter { + border-color: #bfbfbf; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer.css b/includes/js/dijit/themes/tundra/layout/TabContainer.css new file mode 100644 index 0000000..a15daf8 --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer.css @@ -0,0 +1,109 @@ + +.tundra .dijitTabPaneWrapper { + + background:#fff; + border:1px solid #ccc; +} +.tundra .dijitTab { + line-height:normal; + margin-right:5px; + 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; +} +.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 +{ + + background-color:#fff; + border-color: #ccc; + background-image:none; +} +.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; +} +.tundra .dijitAlignLeft .dijitTabChecked, +.tundra .dijitAlignLeft .dijitTabCloseButtonChecked +{ + border-right-color:white; +} +.tundra .dijitAlignRight .dijitTabChecked, +.tundra .dijitAlignRight .dijitTabCloseButtonChecked +{ + border-left-color:white; +} +.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; +} +.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; +} 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; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css new file mode 100644 index 0000000..a866bca --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css @@ -0,0 +1,71 @@ +.dijitRtl .dijitTab { + margin-right:0; + margin-left:5px; +} +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; + border-right:1px solid #fff; +} +.dijitRtl .dijitTab .dijitClosable { + padding: 6px 10px 4px 20px; +} +.dijitRtl .dijitTab .closeImage { + position:static; + padding: 0px 12px 0px 0px; +} +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: left top; +} +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} +.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; +} +.dj_ie .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:19px; +} +.dj_gecko .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:11px; +} +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitTabContent{ + position:relative; +} +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + position:absolute; + top:2px; + left:3px; +} +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + float:left; +} +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .tabLabel{ + float:right; +} +.dj_ie .dijitTab .dijitTabInnerDiv{ + width : 1%; +} diff --git a/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css new file mode 100644 index 0000000..9c6151f --- /dev/null +++ b/includes/js/dijit/themes/tundra/layout/TabContainer_rtl.css.commented.css @@ -0,0 +1,89 @@ +.dijitRtl .dijitTab { + margin-right:0; + margin-left:5px; /* space between one tab and the next in top/bottom mode */ +} + +.dijitRtl .dijitTab .dijitTabInnerDiv { + border-left:none; + border-right:1px solid #fff; +} + +.dijitRtl .dijitTab .dijitClosable { + padding: 6px 10px 4px 20px; +} + +.dijitRtl .dijitTab .closeImage { + position:static; + padding: 0px 12px 0px 0px; +} + +.dj_gecko .dijitTab .closeImage { + position:relative; + float:none; + padding:0; +} + +.dijitRtl .dijitTab .dijitClosable .closeImage { + right:auto; + left:3px; + background-position: left top; +} + +.dj_ie .dijitRtl .dijitTab .dijitClosable .closeImage { + width:12px !important; +} + +.dijitRtl .dijitAlignLeft .dijitTab, +.dijitRtl .dijitAlignRight .dijitTab { + margin-left:0px; +} + +.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; +} + +.dj_ie .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:19px; +} + +.dj_gecko .dijitRtl .dijitAlignLeft .dijitTab .dijitTabInnerDiv { + padding-left:11px; +} + +.dijitRtl .dijitAlignRight .dijitTab .dijitClosable .closeImage { + left:auto; + right:3px; +} + +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitTabContent{ + position:relative; +} + +.dj_ie7 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + position:absolute; + top:2px; + left:3px; +} + +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .closeImage{ + float:left; +} + +.dj_ie6 .dijitRtl .dijitAlignLeft .dijitTab .dijitClosable .tabLabel{ + float:right; +} + +.dj_ie .dijitTab .dijitTabInnerDiv{ + width : 1%; +} -- cgit v1.2.3-54-g00ecf