summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/soria
diff options
context:
space:
mode:
Diffstat (limited to 'lib/dijit/themes/soria')
-rw-r--r--lib/dijit/themes/soria/Common.css19
-rw-r--r--lib/dijit/themes/soria/Dialog.css10
-rw-r--r--lib/dijit/themes/soria/form/Button.css6
-rw-r--r--lib/dijit/themes/soria/form/Button_rtl.css6
-rw-r--r--lib/dijit/themes/soria/form/Common.css18
-rw-r--r--lib/dijit/themes/soria/form/Select.css55
-rw-r--r--lib/dijit/themes/soria/form/TimeTextBox.css2
-rw-r--r--lib/dijit/themes/soria/images/dndNoCopy.pngbin699 -> 1332 bytes
-rw-r--r--lib/dijit/themes/soria/images/dndNoMove.pngbin677 -> 991 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabBottomActiveSpriteLR.gifbin741 -> 0 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabBottomHoverSpriteLR.gifbin569 -> 0 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabLeftChecked.gifbin795 -> 2005 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabRightChecked.gifbin793 -> 2003 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabStripe.gifbin54 -> 0 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabStripeBottom.gifbin54 -> 0 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabStripeLeft.gifbin54 -> 0 bytes
-rw-r--r--lib/dijit/themes/soria/images/tabStripeRight.gifbin54 -> 0 bytes
-rw-r--r--lib/dijit/themes/soria/layout/TabContainer.css233
18 files changed, 125 insertions, 224 deletions
diff --git a/lib/dijit/themes/soria/Common.css b/lib/dijit/themes/soria/Common.css
index d5a7c9df6..93efae7ba 100644
--- a/lib/dijit/themes/soria/Common.css
+++ b/lib/dijit/themes/soria/Common.css
@@ -1,16 +1,15 @@
-/* DnD avatar-specific settings */
-/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
-.soria .dojoDndItemBefore {
- border-top: 2px solid #369;
+/* DnD hovered and selected node(s) */
+.soria .dojoDndItemOver {
+ background-image: url(images/treeHover.png);
}
-
-.soria .dojoDndItemAfter {
- border-bottom: 2px solid #369;
+.soria .dojoDndItemAnchor,
+.soria .dojoDndItemSelected {
+ background-color: #B8CBEC;
}
-.soria .dojoDndItemOver {
- cursor:pointer;
-}
+
+/* DnD avatar-specific settings */
+/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
.soria table.dojoDndAvatar { -moz-border-radius: 0; border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; font-size: 75%; color: black;}
.soria .dojoDndAvatar td { border: none; }
diff --git a/lib/dijit/themes/soria/Dialog.css b/lib/dijit/themes/soria/Dialog.css
index 1e0503a0b..956df8d5e 100644
--- a/lib/dijit/themes/soria/Dialog.css
+++ b/lib/dijit/themes/soria/Dialog.css
@@ -67,15 +67,7 @@
}
.soria .dijitTooltipContainer {
- /*
- The part with the text.
-
- NOTE:
- FF doesn't clip images used as CSS bgs if you specify a border
- radius. If you use a solid color, it does. Webkit gets it right.
- Sigh.
- background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
- */
+ /* The part with the text. */
background-color: #fff;
border:1px solid #cbcbcb;
padding:0.45em;
diff --git a/lib/dijit/themes/soria/form/Button.css b/lib/dijit/themes/soria/form/Button.css
index 9efe7ead8..e00c48f58 100644
--- a/lib/dijit/themes/soria/form/Button.css
+++ b/lib/dijit/themes/soria/form/Button.css
@@ -14,14 +14,14 @@
padding: 0.1em 0.2em 0.2em 0.2em;
background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
}
-.soria .dijitSelect .dijitButtonContents {
- border-right: none;
-}
.soria .dijitButtonText {
text-align: center;
padding: 0 0.3em;
}
+.soria .dijitInputField {
+ padding: 0; /* set padding:0 for .soria .dijitSelect .dijitButtonText but with a low priority rule that can be easily trumped by the user */
+}
.soria .dijitArrowButton {
color: #111;
diff --git a/lib/dijit/themes/soria/form/Button_rtl.css b/lib/dijit/themes/soria/form/Button_rtl.css
index e2f3728f3..cf47470a9 100644
--- a/lib/dijit/themes/soria/form/Button_rtl.css
+++ b/lib/dijit/themes/soria/form/Button_rtl.css
@@ -1,7 +1,3 @@
-.dijitRtl .soria .dijitComboBox .dijitButtonNode {
+.soria .dijitComboBoxRtl .dijitButtonNode {
border-width: 0 0 0 1px;
}
-.dijitRtl .soria .dijitSelect .dijitButtonContents {
- border-left: none;
- border-right-width: 1px;
-}
diff --git a/lib/dijit/themes/soria/form/Common.css b/lib/dijit/themes/soria/form/Common.css
index 42dfefa2e..d6ea6e275 100644
--- a/lib/dijit/themes/soria/form/Common.css
+++ b/lib/dijit/themes/soria/form/Common.css
@@ -10,11 +10,12 @@
dijit.form.ComboBox (partial)
****/
-.soria .dijitInputContainer input,
-.soria .dijitTextBox {
+.soria .dijitInputContainer input {
margin: 0 0.1em;
}
+.soria .dijitSelect .dijitButtonContents,
+.soria .dijitSelect,
.soria .dijitTextBox,
.soria .dijitTextArea {
/* For all except dijit.form.NumberSpinner: the actual input element.
@@ -23,26 +24,35 @@
*/
background:#fff url("../images/validationInputBg.png") repeat-x top left;
#background:#fff url('../images/validationInputBg.gif') repeat-x top left;
+}
+.soria .dijitSelect,
+.soria .dijitTextBox,
+.soria .dijitTextArea {
border:1px solid #8ba0bd;
}
+.soria .dijitSelect .dijitArrowButton,
.soria .dijitComboBox .dijitButtonNode {
padding: 0 0.2em;
}
+
+.soria .dijitSelect .dijitButtonContents,
.soria .dijitTextBox .dijitButtonNode {
/* line between the input area and the drop down button */
border-color: #8ba0bd;
}
+.soria .dijitSelectFocused,
.soria .dijitTextBoxFocused,
.soria .dijitTextAreaFocused {
/* input field when focused (ie: typing affects it) */
border-color:#406b9b;
}
+.soria .dijitSelectFocused TD,
.soria .dijitTextBoxFocused .dijitButtonNode,
.soria .dijitSpinner .dijitUpArrowButtonActive,
.soria .dijitSpinner .dijitDownArrowButtonActive {
- border-left-color:#8ba0bd;
+ border-color:#8ba0bd;
}
.soria .dijitSpinnerFocused .dijitDownArrowButton,
.soria .dijitSpinner .dijitUpArrowButtonActive,
@@ -62,7 +72,7 @@
}
/* Validation errors */
-.soria .dijitValidationIcon {
+.soria .dijitValidationTextBoxError .dijitValidationIcon {
/* prevent height change when widget goes from valid to invalid state */
width: 16px;
background: transparent url('../images/warning.png') no-repeat center center;
diff --git a/lib/dijit/themes/soria/form/Select.css b/lib/dijit/themes/soria/form/Select.css
index 18567720e..895ab7eaa 100644
--- a/lib/dijit/themes/soria/form/Select.css
+++ b/lib/dijit/themes/soria/form/Select.css
@@ -1,46 +1,40 @@
-.soria .dijitSelect .dijitButtonNode {
- padding: 0;
-}
-
/* Make unselected "look" more like a text box and less like a button */
-.soria .dijitSelect .dijitButtonContents {
- padding-top: 1px;
- background:#fff url("../images/validationInputBg.png") repeat-x top left;
- #background:#fff url('../images/validationInputBg.gif') repeat-x top left;
-}
-.soria .dijitSelectHover .dijitButtonContents,
-.soria .dijitSelectActive .dijitButtonContents,
-.soria .dijitSelectOpened .dijitButtonContents,
-.soria .dijitSelectDisabled .dijitButtonContents,
-.soria .dijitSelectReadOnly .dijitButtonContents{
+.soria .dijitSelectError .dijitButtonContents,
+.soria .dijitSelectHover .dijitArrowButton,
+.soria .dijitSelectActive .dijitArrowButton,
+.soria .dijitSelectOpened .dijitArrowButton,
+.soria .dijitSelectDisabled .dijitArrowButton,
+.soria .dijitSelectReadOnly .dijitArrowButton {
background: transparent none;
}
-.dj_ie .soria .dijitSelect .dijitButtonContents {
- padding-top: 0;
-}
-
.soria .dijitSelect .dijitArrowButton {
- padding: 0 2px;
+ background: #bcd5f0 url("../images/buttonEnabled.png") repeat-x top left;
+ border-width: 0;
}
/* Mirror DropDownButton */
-.soria .dijitSelectDisabled .dijitButtonNode {
- border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
- background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
+.soria .dijitSelectDisabled,
+.soria .dijitSelectDisabled TD {
+ border-color: #b9bbdd !important;
+ background:#c3d3e5 url("../images/buttonDisabled.png") top repeat-x;
}
-.dj_ie .soria .dijitSelectDisabled .dijitButtonNode * {
+.dj_ie .soria .dijitSelectDisabled TD * {
filter: gray() alpha(opacity=50);
}
-.soria .dijitSelectHover .dijitButtonNode {
- color:#000;
- background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
+.soria .dijitSelectHover,
+.soria .dijitSelectHover TD {
+ border-color:#a5beda #5c7590 #5c7590 #a5beda !important;
+ color:#000;
+ background:#acc5e2 url("../images/buttonHover.png") repeat-x top left;
}
-.soria .dijitSelectActive .dijitButtonNode,
-.soria .dijitSelectOpened .dijitButtonNode {
- border-color:#657c9c;
- background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
+.soria .dijitSelectActive,
+.soria .dijitSelectOpened,
+.soria .dijitSelectActive TD,
+.soria .dijitSelectOpened TD {
+ border-color:#657c9c !important;
+ background: #91b4e5 url("../images/buttonActive.png") top left repeat-x;
}
/* Make the menu look more combobox-like */
@@ -51,4 +45,3 @@
.soria .dijitSelectMenu .dijitMenuArrowCell {
padding: 0.1em 0.2em;
}
-
diff --git a/lib/dijit/themes/soria/form/TimeTextBox.css b/lib/dijit/themes/soria/form/TimeTextBox.css
index bf67b66d0..d450925b4 100644
--- a/lib/dijit/themes/soria/form/TimeTextBox.css
+++ b/lib/dijit/themes/soria/form/TimeTextBox.css
@@ -1 +1 @@
-@CHARSET "UTF-8"; \ No newline at end of file
+@CHARSET "UTF-8";
diff --git a/lib/dijit/themes/soria/images/dndNoCopy.png b/lib/dijit/themes/soria/images/dndNoCopy.png
index 9bf9c3396..998c2f269 100644
--- a/lib/dijit/themes/soria/images/dndNoCopy.png
+++ b/lib/dijit/themes/soria/images/dndNoCopy.png
Binary files differ
diff --git a/lib/dijit/themes/soria/images/dndNoMove.png b/lib/dijit/themes/soria/images/dndNoMove.png
index cb8bd8bdd..e909173e0 100644
--- a/lib/dijit/themes/soria/images/dndNoMove.png
+++ b/lib/dijit/themes/soria/images/dndNoMove.png
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif b/lib/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif
deleted file mode 100644
index 7c2ed86d2..000000000
--- a/lib/dijit/themes/soria/images/tabBottomActiveSpriteLR.gif
+++ /dev/null
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif b/lib/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif
deleted file mode 100644
index 59f3edd60..000000000
--- a/lib/dijit/themes/soria/images/tabBottomHoverSpriteLR.gif
+++ /dev/null
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabLeftChecked.gif b/lib/dijit/themes/soria/images/tabLeftChecked.gif
index 3e7475aa5..439aa6b44 100644
--- a/lib/dijit/themes/soria/images/tabLeftChecked.gif
+++ b/lib/dijit/themes/soria/images/tabLeftChecked.gif
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabRightChecked.gif b/lib/dijit/themes/soria/images/tabRightChecked.gif
index ec4b65936..cfffd1e70 100644
--- a/lib/dijit/themes/soria/images/tabRightChecked.gif
+++ b/lib/dijit/themes/soria/images/tabRightChecked.gif
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabStripe.gif b/lib/dijit/themes/soria/images/tabStripe.gif
deleted file mode 100644
index 51a2d40aa..000000000
--- a/lib/dijit/themes/soria/images/tabStripe.gif
+++ /dev/null
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabStripeBottom.gif b/lib/dijit/themes/soria/images/tabStripeBottom.gif
deleted file mode 100644
index 41b1ac0f6..000000000
--- a/lib/dijit/themes/soria/images/tabStripeBottom.gif
+++ /dev/null
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabStripeLeft.gif b/lib/dijit/themes/soria/images/tabStripeLeft.gif
deleted file mode 100644
index b2214fa41..000000000
--- a/lib/dijit/themes/soria/images/tabStripeLeft.gif
+++ /dev/null
Binary files differ
diff --git a/lib/dijit/themes/soria/images/tabStripeRight.gif b/lib/dijit/themes/soria/images/tabStripeRight.gif
deleted file mode 100644
index bff311553..000000000
--- a/lib/dijit/themes/soria/images/tabStripeRight.gif
+++ /dev/null
Binary files differ
diff --git a/lib/dijit/themes/soria/layout/TabContainer.css b/lib/dijit/themes/soria/layout/TabContainer.css
index b96d16955..38a1a77e1 100644
--- a/lib/dijit/themes/soria/layout/TabContainer.css
+++ b/lib/dijit/themes/soria/layout/TabContainer.css
@@ -1,9 +1,5 @@
/**
* 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) */
@@ -32,68 +28,39 @@
padding-left: 0;
}
-.soria .dijitTabInnerDiv {
- padding:0 3px 0 0;
- margin: 0 0 0 4px;
- background: url("../images/tabContainerSprite.gif") no-repeat;
- background-position: right -400px;
-}
-
.soria .dijitTab {
+ padding:4px 6px 2px 4px;
+ background: url("../images/tabContainerSprite.gif") repeat-x 0 -351px;
+ position: relative;
line-height:normal;
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: 1px #8BA0BD solid;
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 0 -150px;
-}
-
-.soria .dijitTabHover .dijitTabInnerDiv {
- background: url("../images/tabContainerSprite.gif") no-repeat right -250px;
+ background: url("../images/tabContainerSprite.gif") repeat-x 0 -201px;
}
-.soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
- background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px;
-}
-
-/* checked tab*/
+/* selected tab*/
.soria .dijitTabChecked
{
- /* the selected tab (with or without hover) */
- background: url("../images/tabContainerSprite.gif") no-repeat 0 -0;
+ background: url("../images/tabContainerSprite.gif") repeat-x 0 -51px;
+ color: #243C5F !important;
}
-.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 .dijitTabListWrapper {
+ z-index: 10;
}
+
/* Nested Tabs */
.soria .dijitTabContainerTabListNested {
- background: #F0F4FC;
background: #D9E9F9;
border: none;
}
@@ -102,11 +69,7 @@
border: none;
top: 0; /* override top:1px setting of top-level tabs */
}
-.soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv,
-.soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent {
- background: none;
-}
-.soria .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel {
+.soria .dijitTabContainerTabListNested .dijitTabHover .tabLabel {
text-decoration: underline;
}
.soria .dijitTabContainerTabListNested .dijitTabChecked .tabLabel {
@@ -146,6 +109,10 @@
border-color: #B1BADF;
padding-left: 3px;
}
+.soria .dijitTabContainerTop-tabs .dijitTab {
+ border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+}
.soria .dijitTabContainerTopNoStrip {
padding-top: 3px;
@@ -160,12 +127,12 @@
border-bottom: none;
}
-/*non-checked tabs */
+/*unselected tabs */
.soria .dijitTabContainerTop-tabs .dijitTab {
top: 1px;
}
-/* checked tabs */
+/* selected tabs */
.soria .dijitTabContainerTop-tabs .dijitTabChecked {
border-bottom-color: #94b4e6;
}
@@ -202,59 +169,32 @@
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;
+ border-bottom: none;
+ border-top: 1px solid #B1BADF;
+ border-radius: 0 0 4px 4px;
+ -moz-border-radius: 0 0 4px 4px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+ background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left;
}
.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 {
+ border-top-color:#94b4e6;
+ background: url("../images/tabBottomActiveC.gif") repeat-x 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;
+/* bottom container */
+.soria .dijitTabContainerBottom-container {
+ border-bottom: none;
}
+
/* strip */
.soria .dijitTabContainerBottomStrip {
padding-bottom: 2px;
@@ -288,51 +228,44 @@
border-color: #ccc;
padding-top: 3px;
}
+.soria .dijitTabContainerRight-tabs .dijitTab {
+ border-radius: 0 4px 4px 0;
+ -moz-border-radius: 0 4px 4px 0;
+ border-bottom: none;
+ border-left: 1px solid #B1BADF;
+ border-bottom: 1px solid #B1BADF !important;
+ padding: 4px 6px 2px 8px;
+}
+
+.soria .dijitTabContainerRight-tabs .dijitTabChecked {
+ border-left-color: #94b4e6;
+ background: url("../images/tabRightChecked.gif") no-repeat left top !important;
+}
+
/* 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 {
+/* some odd ie bug when borders disappear when setting a bottom margin, this sort of helps */
+.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTab,
+.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTab {
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,
-.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
+/* some odd ie bug when borders disappear when setting a bottom margin, this sort of helps */
+.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked,
+.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked,
+.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover,
+.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover {
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;
@@ -348,43 +281,34 @@
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;
+ border-radius: 4px 0 0 4px;
+ -moz-border-radius: 4px 0 0 4px;
+ border-right: 1px solid #B1BADF;
+ border-bottom: 1px solid #B1BADF;
}
-/* checked tabs */
.soria .dijitTabContainerLeft-tabs .dijitTabChecked {
border-right: 1px solid #94b4e6;
+ background: url("../images/tabLeftChecked.gif") no-repeat right top;
}
-.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;
+/* left container */
+.soria .dijitTabContainerLeft-container {
+ border-left: none;
}
-.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
-.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
+
+.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTab,
+.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTab {
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 {
+.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTab,
+.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTab,
+.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTab,
+.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTab {
border-bottom: solid #94b4e6 1px;
margin-bottom: -1px;
}
@@ -401,8 +325,7 @@
/* left/right tabs */
.soria .dijitTabContainerLeft-tabs .dijitTab,
.soria .dijitTabContainerRight-tabs .dijitTab {
- margin-right:auto;
- margin-bottom:2px; /* space between one tab and the next in left/right mode */
+ margin: 1px 0; /* space between one tab and the next in left/right mode */
}
/* left/right tabstrip */
@@ -421,7 +344,7 @@
}
/* ================================ */
-/* this resets the tabcontainer stripe when within a contentpane */
+/* this resets the tabcontainer strip when within a contentpane */
.soria .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
border-left: 0 solid #ccc;
border-top: 0 solid #ccc;
@@ -441,19 +364,11 @@
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;
@@ -465,14 +380,10 @@
border-top: 1px solid #B1BADF;
}
-.soria .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv {
+.soria .dijitTabContainer .tabStripButton-bottom .dijitTab {
background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom;
}
-.soria .dijitTabContainer .tabStripButton-bottom .dijitTabContent {
- background: transparent;
-}
-
.soria .dijitTabStripIcon {
height: 14px;
width: 14px;