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

   1
   2 .tundra .dijitTabPaneWrapper {
   3         background:#fff;
   4         border:1px solid #ccc;
   5         margin: 0;
   6         padding: 0;
   7 }
   8 .tundra .dijitTab {
   9         line-height:normal;
  10         margin-right:4px;
  11         padding:0px;
  12         border:1px solid #ccc;
  13         background:#e2e2e2 url("../images/tabEnabled.png") repeat-x;
  14 }
  15 .tundra .dijitTabInnerDiv {
  16         padding:2px 8px 2px 9px;
  17 }
  18 .tundra .dijitTabSpacer {
  19         display: none;
  20 }
  21 .tundra .dijitTabContainer .tabStripRBtn {
  22         margin-right: 20px;
  23 }
  24 .tundra .dijitTabContainer .tabStripLBtn {
  25         margin-left: 20px;
  26 }
  27 .tundra .nowrapTabStrip .dijitTab {
  28         top: 2px;
  29 }
  30 .tundra .dijitTabContainerBottom .nowrapTabStrip .dijitTab {
  31         top: 0px;
  32         bottom: 2px;
  33 }
  34 .tundra .dijitTabChecked {
  35
  36         background-color:#fff;
  37         border-color: #ccc;
  38         background-image:none;
  39 }
  40 .tundra .dijitTabHover {
  41         color: #243C5F;
  42         border-top-color:#92a0b3;
  43         border-left-color:#92a0b3;
  44         border-right-color:#92a0b3;
  45         border-bottom-color:#92a0b3;
  46         background:#e2e2e2 url("../images/tabHover.gif") repeat-x;
  47 }
  48 .tundra .dijitTabContainerTop .dijitTabHover {
  49         border-bottom-color:#ccc;
  50 }
  51 .tundra .dijitTabContainerBottom .dijitTabHover {
  52         border-top-color:#ccc;
  53 }
  54 .tundra .dijitTabContainerLeft .dijitTabHover {
  55         border-right-color:#ccc;
  56 }
  57 .tundra .dijitTabContainerRight .dijitTabHover {
  58         border-left-color:#ccc;
  59 }
  60 .tundra .dijitTabContainer .dijitTabCheckedHover {
  61         color: inherit;
  62         border:1px solid #ccc;
  63         background:#fff;
  64 }
  65 .tundra .dijitTab .tabLabel {
  66
  67         min-height: 12px;
  68         display: inline-block;
  69 }
  70 .tundra .dijitTabContainerNested .dijitTabListWrapper {
  71         height: auto;
  72 }
  73 .tundra .dijitTabContainerNested .dijitTabContainerTop-tabs {
  74         border-bottom: 1px solid #CCC;
  75 }
  76 .tundra .dijitTabContainerTabListNested .dijitTab {
  77         background: none;
  78         border: none;
  79         top: 0px;
  80 }
  81 .tundra .dijitTabContainerTabListNested .dijitTab .dijitTabContent {
  82 }
  83 .tundra .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel {
  84         text-decoration: underline;
  85 }
  86 .tundra .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent .tabLabel {
  87         text-decoration: underline;
  88         font-weight: bold;
  89
  90 }
  91 .tundra .dijitTabContainer .dijitTabPaneWrapperNested {
  92         border: none;
  93 }
  94 .tundra .dijitTabCloseButton {
  95         background: url("../images/tabClose.png") no-repeat right top;
  96         width: 12px;
  97         height: 12px;
  98 }
  99 .dj_ie6 .tundra .dijitTabCloseButton {
 100         background-image : url("../images/tabClose.gif");
 101 }
 102 .tundra .dijitTabCloseButtonHover {
 103         background-image : url("../images/tabCloseHover.png");
 104 }
 105 .dj_ie6 .tundra .dijitTabCloseButtonHover {
 106         background-image : url("../images/tabCloseHover.gif");
 107 }
 108 .tundra .dijitTabContainerTop-tabs {
 109         margin-bottom: 0px;
 110         border-color: #cccccc;
 111         padding-left: 3px;
 112         background-position: bottom;
 113 }
 114 .tundra .dijitTabContainerTop-tabs .dijitTab {
 115         top: 0px;
 116         margin-bottom: -1px;
 117 }
 118 .tundra .dijitTabContainerTop-container {
 119         border-top: none;
 120 }
 121 .tundra .dijitTabContainerTop-tabs .dijitTabChecked {
 122         border-bottom-color:white;
 123 }
 124 .tundra .dijitTabContainerTop-tabs,
 125 .tundra .dijitTabContainerBottom-tabs {
 126         padding-left: 3px;
 127         padding-right: 3px;
 128 }
 129 .tundra .dijitTabContainerTopStrip {
 130         border-top: 1px solid #CCC;
 131         border-right: 1px solid #CCC;
 132         border-left: 1px solid #CCC;
 133         padding-top: 2px;
 134         background: #f2f2f2;
 135 }
 136 .tundra .dijitTabContainerTopNone {
 137         padding-top: 0px;
 138 }
 139 .tundra .dijitTabContainerBottom-tabs {
 140         margin-top: 0px;
 141         border-color: #cccccc;
 142         background-position: top;
 143         padding-left: 3px;
 144 }
 145 .tundra .dijitTabContainerBottom-tabs .dijitTab {
 146         bottom: 0px;
 147         margin-top: -1px;
 148 }
 149 .tundra .dijitTabContainerBottom-container {
 150         border-bottom: none;
 151 }
 152 .tundra .dijitTabContainerBottom-tabs .dijitTabChecked {
 153         border-top-color:white;
 154 }
 155 .tundra .dijitTabContainerBottomStrip {
 156         padding-bottom: 2px;
 157         border: 1px solid #ccc;
 158         background: #f2f2f2;
 159         border-top: none;
 160 }
 161 .tundra .dijitTabContainerRight-tabs {
 162         border-color: #ccc;
 163         height: 100%;
 164         padding-top: 3px;
 165 }
 166 .tundra .dijitTabContainerRightStrip {
 167         margin-left: -1px;
 168 }
 169 .tundra .dijitTabContainerRight-container {
 170         border-right: none;
 171 }
 172 .tundra .dijitTabContainerRight-tabs .dijitTabChecked {
 173         border-left-color:white;
 174 }
 175 .tundra .dijitTabContainerRightStrip {
 176         padding-right: 2px;
 177         border: 1px solid #ccc;
 178 }
 179 .tundra .dijitTabContainerRightStrip {
 180         background: #f2f2f2;
 181 }
 182 .tundra .dijitTabContainerLeft-tabs {
 183         border-color: #ccc;
 184         padding-top: 3px;
 185         height: 100%;
 186 }
 187 .tundra .dijitTabContainerLeft-container {
 188         border-left: none;
 189 }
 190 .tundra .dijitTabContainerLeft-tabs .dijitTabChecked {
 191         border-right-color:white;
 192 }
 193 .tundra .dijitTabContainerLeftStrip {
 194         padding-left: 2px;
 195         border: 1px solid #ccc;
 196         background: #f2f2f2;
 197         border-right: none;
 198 }
 199 .tundra .dijitTabContainerLeft-tabs .dijitTab,
 200 .tundra .dijitTabContainerRight-tabs .dijitTab {
 201         margin-right:0px;
 202         margin-bottom:4px;
 203 }
 204 .tundra .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
 205         border-left: 0px solid #ccc;
 206         border-top: 0px solid #ccc;
 207         border-right: 0px solid #ccc;
 208         padding-top: 0px;
 209         padding-left: 0px;
 210 }
 211 .tundra .dijitTabContainer .tabStripButton {
 212         margin-right: 0;
 213         padding-top: 2px;
 214         z-index: 12;
 215 }
 216 .tundra .dijitTabContainerBottom .tabStripButton {
 217         padding-top: 2px;
 218 }
 219 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv {
 220         padding-bottom: 3px;
 221         padding-top: 1px;
 222 }
 223 .tundra .tabStripButton .dijitTabInnerDiv {
 224         padding: 3px 2px 4px 2px;
 225 }
 226 .dj_ie6 .tundra .tabStripButton .dijitTabInnerDiv,
 227 .dj_ie7 .tundra .tabStripButton .dijitTabInnerDiv,
 228 .dj_opera .tundra .tabStripButton .dijitTabInnerDiv {
 229         padding-bottom: 5px;
 230 }
 231 .dj_ie6 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv,
 232 .dj_ie7 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv,
 233 .dj_opera .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv {
 234         padding-bottom: 4px;
 235 }
 236 .tundra .dijitTabStripIcon {
 237         height: 14px;
 238         width: 14px;
 239         background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ;
 240 }
 241 .dj_ie6 .tundra .dijitTabStripIcon {
 242         background-image: url(../images/spriteRoundedIconsSmall.gif);
 243 }
 244 .tundra .dijitTabStripSlideRightIcon {
 245         background-position: -30px top;
 246 }
 247 .tundra .dijitTabStripMenuIcon {
 248         background-position: -15px top;
 249 }