root / trunk / web / dojo / dijit / themes / soria / layout / TabContainer.css
History | View | Annotate | Download (10.9 KB)
| 1 | 9 | andrej.cim | |
|---|---|---|---|
| 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 | } |