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

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