Changeset 13727

Timestamp:

05/13/08 10:27:46 (3 months ago)

Author:

nonken

Message:

Took away padding and spacing between tabs - for padding in contentwrapper please refer to #6742, fixes #6455

Files:

• dijit/trunk/themes/tundra/layout/TabContainer.css (modified) (5 diffs)

dijit/trunk/themes/tundra/layout/TabContainer.css

@@ -12 +12 @@
 .tundra .dijitTab {
         line-height:normal;
-        margin-right:5px;       /* space between one tab and the next in top/bottom mode */
+        margin-right:4px;       /* space between one tab and the next in top/bottom mode */
         padding:0px;
         border:1px solid #ccc;
@@ -21 +21 @@
 .tundra .dijitAlignRight .dijitTab {
         margin-right:0px;
-        margin-bottom:5px;      /* space between one tab and the next in left/right mode */
+        margin-bottom:4px;      /* space between one tab and the next in left/right mode */
 }
 
 .tundra .dijitTabInnerDiv {
-        padding:6px 10px 4px 10px;
+        padding:6px 7px 4px 7px;
 }
 
 .tundra .dijitTabChecked .dijitTabInnerDiv {
-        padding: 6px 10px 3px 10px;
+        padding: 6px 7px 3px 7px;
         border-bottom: 1px solid #fff;
+}
+
+.tundra .dijitTabChecked,
+.tundra .dijitTabCloseButtonChecked
+{
+        /* the selected tab (with or without hover) */
+        background-color:#fff;
+        border-color: #ccc;
+        background-image:none;
 }
 
@@ -47 +56 @@
 }
 
-.tundra .dijitTabChecked,
-.tundra .dijitTabCloseButtonChecked
-{
-        /* the selected tab (with or without hover) */
+.dj_ie6 .tundra .dijitTabChecked .dijitTabHover,
+.dj_ie6 .tundra .dijitTabChecked .dijitTabCloseButtonHover {
         background-color:#fff;
         border-color: #ccc;
@@ -87 +94 @@
 .tundra .dijitTab .dijitClosable {
         position: relative;
-        padding:6px 20px 4px 10px;
+        padding:6px 20px 4px 7px;
+}
+
+.tundra .dijitTabChecked .dijitClosable {
+        padding: 6px 20px 3px 7px;
+        border-bottom: 1px solid #fff;
 }
 
 .tundra .dijitTab .dijitClosable .closeImage {
         position:absolute;
-        top: 7px;
+        top: 5px;
         right: 3px;
         height: 12px;
@@ -132 +144 @@
 .tundra .dijitAlignBottom .dijitTab .dijitClosable .closeImage {
         top: auto;
-        bottom: 7px;
+        bottom: 4px;
         right: 3px;
 }
 
 .tundra .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
-        top: 7px;
+        top: 5px;
         left: 3px;
 }
+
+.tundra .dijitAlignRight .dijitTab .dijitClosable .closeImage {
+        top: 5px;
+        right: 3px;
+}