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

   1
   2 .nihilo .dijitMenu,
   3 .nihilo .dijitMenuBar {
   4         border: 1px solid #d3d3d3;
   5         margin: 0px;
   6         padding: 0px;
   7         background-color: #fff;
   8 }
   9 .nihilo .dijitBorderContainer .dijitMenuBar {
  10         border: 1px #ccc solid;
  11 }
  12 .nihilo .dijitMenuItem {
  13         font-family: sans-serif;
  14         margin: 0px;
  15         color: #243C5F;
  16 }
  17 .nihilo .dijitMenuBar .dijitMenuItem {
  18         padding: 4px 5px;
  19 }
  20 .nihilo .dijitMenuPreviousButton, .nihilo .dijitMenuNextButton {
  21         font-style: italic;
  22 }
  23 .nihilo .dijitMenuItem TD {
  24         padding:1px;
  25 }
  26 .nihilo .dijitMenuPassive .dijitMenuItemHover,
  27 .nihilo .dijitMenuItemSelected {
  28         background-color: #ffe284;
  29         color: #243C5F;
  30 }
  31 .nihilo .dijitMenuItemIcon {
  32         width: 15px;
  33         height: 15px;
  34 }
  35 .nihilo .dijitMenuExpand {
  36         width:15px;
  37         height:15px;
  38         background-image: url(../images/spriteRoundedIconsSmall.png);
  39         background-position: -30px top;
  40 }
  41 .dj_ie6 .nihilo .dijitMenuExpand {
  42         background-image:url(../images/spriteRoundedIconsSmall.gif);
  43 }
  44 .nihilo .dijitMenuSeparator {
  45         height: 1px;
  46 }
  47 .nihilo .dijitMenuSeparatorTop {
  48         border-bottom: 1px solid #fff;
  49 }
  50 .nihilo .dijitMenuSeparatorBottom {
  51         border-top: 1px solid #d3d3d3;
  52 }
  53 .nihilo .dijitCheckedMenuItemIconChar {
  54         display: none;
  55 }
  56 .nihilo .dijitCheckedMenuItemIcon {
  57         background-image: url(../images/spriteCheckbox.gif);
  58         background-position: -80px;
  59 }
  60 .nihilo .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
  61         background-position: -64px;
  62 }
  63 .nihilo .dijitTabContainer .tabStripRBtn {
  64         margin-right: 21px;
  65 }
  66 .nihilo .dijitTabContainer .tabStripLBtn {
  67         margin-left: 21px;
  68 }
  69 .nihilo .dijitTabContainerBottom .nowrapTabStrip .dijitTab {
  70         top: 0px;
  71 }
  72 .nihilo .dijitTabPaneWrapper {
  73         background:#fff;
  74         border:1px solid #ccc;
  75         margin: 0;
  76         padding: 0;
  77 }
  78 .nihilo .dijitTabInnerDiv {
  79         padding:0px 3px 0px 0px;
  80         margin: 0 0 0 4px;
  81         background: url("../images/tabContainerSprite.gif") no-repeat;
  82         background-position: right -400px;
  83 }
  84 .nihilo .dijitTab {
  85         line-height:normal;
  86         margin:0 2px 0 0;
  87         padding:0px;
  88         background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px;
  89         color: #6d6d6d;
  90         border-bottom: 1px #ccc solid;
  91 }
  92 .nihilo .dijitTabInnerDiv .dijitTabContent {
  93         padding:3px 3px 3px 4px;
  94         background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px;
  95         position: relative;
  96 }
  97 .nihilo .dijitTabHover {
  98         color: #243C5F;
  99         background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px;
 100 }
 101 .nihilo .dijitTabHover .dijitTabInnerDiv {
 102         background: url("../images/tabContainerSprite.gif") no-repeat right -250px;
 103 }
 104 .nihilo .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
 105         background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px;
 106 }
 107 .nihilo .dijitTabChecked
 108 {
 109
 110         background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px;
 111 }
 112 .nihilo .dijitTabChecked .dijitTabInnerDiv {
 113         background: url("../images/tabContainerSprite.gif") no-repeat right -100px;
 114 }
 115 .nihilo .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
 116         background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px;
 117         color: #243C5F !important;
 118 }
 119 .nihilo .dijitTabContainerNested .dijitTabListWrapper {
 120         height: auto;
 121 }
 122 .nihilo .dijitTabContainerTabListNested {
 123         background: #FDFDFD;
 124         border: none;
 125         margin-bottom: 0px;
 126 }
 127 .nihilo .dijitTabContainerTabListNested .dijitTab {
 128         background: none;
 129         border: none;
 130         top: 0px;
 131 }
 132 .nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv,
 133 .nihilo .dijitTabContainerTabListNested .dijitTab .dijitTabContent {
 134         background: none;
 135 }
 136 .nihilo .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel {
 137         text-decoration: underline;
 138 }
 139 .nihilo .dijitTabContainerTabListNested .dijitTabChecked .tabLabel {
 140         text-decoration: underline;
 141         font-weight: bold;
 142 }
 143 .nihilo .dijitTabContainerSpacerNested {
 144
 145         height: 0px;
 146         border-bottom: 0px;
 147 }
 148 .nihilo .dijitTabPaneWrapperNested {
 149         border: none;
 150 }
 151 .nihilo .dijitTabCloseButton {
 152         background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top;
 153         width: 15px;
 154         height: 15px;
 155         margin-top: -1px;
 156 }
 157 .dj_ie6 .nihilo .dijitTabCloseButton {
 158         background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top;
 159 }
 160 .nihilo .dijitTabCloseButtonHover {
 161         background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px;
 162 }
 163 .dj_ie6 .nihilo .dijitTabCloseButtonHover {
 164         background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px;
 165 }
 166 .nihilo .dijitTab .tabLabel {
 167
 168         min-height: 15px;
 169         display: inline-block;
 170 }
 171 .dj_ie6 .nihilo .dijitTabButtonIcon {
 172
 173         height: 18px;
 174         width: 1px;
 175 }
 176 .nihilo .dijitTabContainerTop-tabs {
 177         border-bottom: none;
 178         padding-bottom: 1px;
 179         background-position: bottom;
 180         padding-left: 3px;
 181 }
 182 .dj_ie6 .nihilo .dijitTabListContainer-top,
 183 .dj_ie7 .nihilo .dijitTabListContainer-top {
 184         z-index: 3;
 185 }
 186 .dj_ie6 .nihilo .dijitTabContainerTop-tabs,
 187 .dj_ie7 .nihilo .dijitTabContainerTop-tabs {
 188         border-bottom: 1px solid #ccc;
 189         padding-bottom: 0px;
 190 }
 191 .nihilo .dijitTabContainerTopNoStrip {
 192         padding-top: 3px;
 193 }
 194 .nihilo .dijitTabContainerTop-container {
 195         border-top: none;
 196 }
 197 .nihilo .dijitTabContainerTop-tabs .dijitTabChecked {
 198         border-bottom-color: #f8f8f8;
 199 }
 200 .nihilo .dijitTabContainer .dijitTabContainerTopStrip {
 201         border-bottom: none;
 202         padding-top: 1px;
 203         margin-top: 1px;
 204         background: #f2f2f2;
 205         border-top: 1px solid #CCC;
 206         border-right: 1px solid #CCC;
 207         border-left: 1px solid #CCC;
 208 }
 209 .nihilo .dijitTabContainerBottom-tabs {
 210         border-top: none;
 211         background-position: top;
 212         padding-left: 3px;
 213 }
 214 .dj_ie6 .nihilo .dijitTabListContainer-bottom,
 215 .dj_ie7 .nihilo .dijitTabListContainer-bottom {
 216         z-index: 3;
 217 }
 218 .dj_ie6 .nihilo .dijitTabContainerBottom-tabs,
 219 .dj_ie7 .nihilo .dijitTabContainerBottom-tabs {
 220         border-top: 1px solid #ccc;
 221         margin-top: -1px;
 222 }
 223 .nihilo .dijitTabContainerBottom-container {
 224         border-bottom: none;
 225 }
 226 .nihilo .dijitTabContainerBottom-tabs .dijitTab {
 227         border-bottom: none;
 228         border-top: 1px solid #ccc;
 229         background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left;
 230 }
 231 .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked {
 232         border-top-color: #f8f8f8;
 233 }
 234 .nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent {
 235         padding-top: 3px;
 236         padding-bottom: 3px;
 237         background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left;
 238 }
 239 .nihilo .dijitTabContainerBottom-tabs .dijitTabInnerDiv {
 240         background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right;
 241 }
 242 .nihilo .dijitTabContainerBottom-tabs .dijitTabHover {
 243         color: #243C5F;
 244         background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left;
 245 }
 246 .nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv {
 247         background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right;
 248 }
 249 .nihilo .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
 250         background: url("../images/tabBottomHoverC.gif") repeat-x bottom left;
 251 }
 252 .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked {
 253
 254         background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left;
 255 }
 256 .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv {
 257         background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right;
 258 }
 259 .nihilo .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
 260         background: url("../images/tabBottomActiveC.gif") repeat-x bottom left;
 261 }
 262 .nihilo .dijitTabContainer .dijitTabContainerBottomStrip {
 263         border: 1px solid #ccc;
 264         background: #f2f2f2;
 265         border-top: none;
 266         padding-bottom: 2px;
 267 }
 268 .nihilo .dijitTabContainerBottom-spacer,
 269 .nihilo .dijitTabContainerTop-spacer {
 270         height: 2px;
 271         border: 1px solid #ccc;
 272         background: #f8f8f8;
 273 }
 274 .nihilo  .dijitTabContainerTop-spacer {
 275         margin-top: -1px;
 276 }
 277 .nihilo .dijitTabContainerBottom-spacer {
 278         margin-bottom: -1px;
 279 }
 280 .nihilo .dijitTabContainerRight-tabs {
 281         border-color: #ccc;
 282         padding-top: 3px;
 283 }
 284 .nihilo .dijitTabContainerRight .dijitTabListWrapper {
 285         padding-right: 3px;
 286 }
 287 .nihilo .dijitTabContainerRight-container {
 288         border-right: none;
 289 }
 290 .nihilo .dijitTabContainerRight-tabs .dijitTab {
 291         border-bottom: none;
 292         border-left: 1px solid #ccc;
 293         border-bottom: 1px solid #dedede !important;
 294 }
 295 .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabInnerDiv {
 296         border-bottom: solid #fff 1px;
 297 }
 298 .nihilo .dijitTabContainerRight-tabs .dijitTabChecked {
 299         border-left-color: #f8f8f8;
 300 }
 301 .nihilo .dijitTabContainerRight-tabs .dijitTabChecked {
 302         background: url("../images/tabRightChecked.gif") no-repeat left top !important;
 303 }
 304 .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv,
 305 .dj_ie .nihilo .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
 306         border-bottom: solid #efefef 1px;
 307 }
 308 .nihilo .dijitTabContainerRight-tabs .dijitTab {
 309         background: url("../images/tabContainerSprite.gif") no-repeat left -350px;
 310 }
 311 .nihilo .dijitTabContainerRight-tabs .dijitTabHover .dijitTab {
 312         background: url("../images/tabContainerSprite.gif") no-repeat left -200px;
 313 }
 314 .nihilo .dijitTabContainerRightStrip {
 315         padding-right: 2px;
 316         border: 1px solid #ccc;
 317         border-left: none;
 318         background: #f2f2f2;
 319 }
 320 .nihilo .dijitTabContainerLeft-tabs {
 321         border-color: #ccc;
 322         padding-top: 3px;
 323 }
 324 .nihilo .dijitTabContainerLeft-container {
 325         border-left: none;
 326 }
 327 .nihilo .dijitTabContainerLeft-tabs .dijitTab {
 328         border-right: 1px solid #ccc;
 329         border-bottom: 1px solid #dedede;
 330 }
 331 .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked {
 332         border-right: 1px solid #f8f8f8;
 333 }
 334 .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
 335         background: url("../images/tabContainerSprite.gif") no-repeat right -350px;
 336 }
 337 .nihilo .dijitTabContainerLeft-tabs .dijitTabHover .dijitTabInnerDiv {
 338         background: url("../images/tabContainerSprite.gif") no-repeat right -200px;
 339 }
 340 .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv,
 341 .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
 342         background: url("../images/tabLeftChecked.gif") no-repeat right top;
 343 }
 344 .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv,
 345 .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
 346         border-bottom: solid #efefef 1px;
 347 }
 348 .dj_ie .nihilo .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
 349         border-bottom: solid #fff 1px;
 350 }
 351 .nihilo .dijitTabContainerLeftStrip {
 352         padding-left: 2px;
 353         border: 1px solid #ccc;
 354         border-right: none;
 355 }
 356 .nihilo .dijitTabContainerLeftStrip {
 357         background: #f2f2f2;
 358 }
 359 .nihilo .dijitTabContainerLeft-tabs .dijitTab,
 360 .nihilo .dijitTabContainerRight-tabs .dijitTab {
 361         margin-right:auto;
 362         margin-bottom:2px;
 363 }
 364 .nihilo .dijitTabContainerLeft-spacer,
 365 .nihilo .dijitTabContainerRight-spacer {
 366         width: 2px;
 367         border: 1px solid #ccc;
 368         background: #f8f8f8;
 369 }
 370 .nihilo .dijitTabContainerRight-spacer {
 371         border-right: none;
 372 }
 373 .nihilo .dijitTabContainerRight-tabs {
 374         padding-top: 3px;
 375         height: 100%;
 376 }
 377 .nihilo .dijitTabContainerLeft-tabs {
 378         height: 100%;
 379 }
 380 .nihilo .dijitTabContainerLeft-spacer {
 381         border-left: none;
 382 }
 383 .nihilo .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
 384         border-left: 0px solid #ccc;
 385         border-top: 0px solid #ccc;
 386         border-right: 0px solid #ccc;
 387         padding-top: 0px;
 388         padding-left: 0px;
 389 }
 390 .nihilo .dijitTabContainer .tabStripButton {
 391         margin-right: 0px;
 392 }
 393 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent {
 394         padding: 5px 0 6px;
 395 }
 396 .dj_ie6 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent,
 397 .dj_ie7 .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent,
 398 .dj_opera .nihilo .tabStripButton .dijitTabInnerDiv .dijitTabContent {
 399         padding-bottom: 7px;
 400 }
 401 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent {
 402         padding: 3px 0 5px;
 403 }
 404 .dj_ie6 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent,
 405 .dj_ie7 .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent,
 406 .dj_opera .nihilo .tabStrip-disabled .tabStripButton .dijitTabInnerDiv .dijitTabContent {
 407         padding-top: 4px;
 408 }
 409 .nihilo .dijitTabStripIcon {
 410         height: 14px;
 411         width: 14px;
 412         background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top;
 413 }
 414 .dj_ie6 .nihilo .dijitTabStripIcon {
 415         background-image: url(../images/spriteRoundedIconsSmall.gif);
 416 }
 417 .nihilo .dijitTabStripSlideRightIcon {
 418         background-position: -30px top;
 419 }
 420 .nihilo .dijitTabStripMenuIcon {
 421         background-position: -15px top;
 422 }
 423 .nihilo .dijitTabContainerTopNone {
 424         padding-top: 0px;
 425 }
 426 .nihilo .dijitTabContainer .tabStripButton-top {
 427         margin-top: 1px;
 428 }
 429 .nihilo .dijitTabContainer .tabStripButton-bottom {
 430         background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom;
 431         border-bottom: medium none;
 432         border-top: 1px solid #CCCCCC;
 433 }
 434 .nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv {
 435         background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom;
 436 }
 437 .nihilo .dijitTabContainer .tabStripButton-bottom .dijitTabContent {
 438         background: transparent;
 439 }