git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/soria/layout/TabContainer.css

   1
   2
   3 .soria .dijitTabPaneWrapper {
   4
   5         background:#fff;
   6         border:1px solid #b1badf;
   7 }
   8 .soria .dijitTab {
   9         line-height:normal;
  10         margin-right:3px;
  11         padding:0px;
  12         background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px;
  13         font-size: 0.9em;
  14         font-weight: bold;
  15         color: #373941;
  16         margin-bottom: -1px;
  17 }
  18 .soria dijitTabChecked {
  19         margin-bottom: -2px;
  20 }
  21 .soria .dijitTabInnerDiv .dijitTabContent {
  22         padding:8px 10px 4px 10px;
  23         background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px;
  24 }
  25 .soria .dijitTabInnerDiv {
  26         padding:0px 10px 0px 10px;
  27         background: url("../images/tabContainerSprite.gif") no-repeat;
  28         background-position: right -400px;
  29         border: none;
  30 }
  31 .soria .dijitTabHover,
  32 .soria .dijitTabCloseButtonHover {
  33         color: #243C5F;
  34         background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px;
  35 }
  36 .soria .dijitTabHover .dijitTabInnerDiv,
  37 .soria .dijitTabCloseButtonHover .dijitTabInnerDiv {
  38         background: url("../images/tabContainerSprite.gif") no-repeat right -250px;
  39         border: none;
  40 }
  41 .soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
  42 .soria .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent {
  43         background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px;
  44         padding:8px 10px 4px 10px;
  45 }
  46 .soria .dijitTabChecked,
  47 .soria .dijitTabCloseButtonChecked
  48 {
  49
  50         background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px;
  51 }
  52 .soria .dijitTabChecked .dijitTabInnerDiv {
  53         padding:0px 10px 0px 10px;
  54         background: url("../images/tabContainerSprite.gif") no-repeat right -100px;
  55         border: none;
  56 }
  57 .soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
  58         background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px;
  59         padding:8px 10px 5px 10px;
  60         color: #243C5F !important;
  61 }
  62 .soria .dijitTabLabels-top {
  63         border-left: 1px solid #b1badf;
  64         border-top: 1px solid #b1badf;
  65         border-right: 1px solid #b1badf;
  66         padding-top: 2px;
  67         padding-left: 3px;
  68         padding-right: 3px;
  69         background: #F0F4FC url("../images/tabStripe.gif") repeat-x left bottom;
  70         padding-bottom: 4px;
  71 }
  72 .soria .dijitAlignLeft .dijitTab,
  73 .soria .dijitAlignRight .dijitTab {
  74         margin-right:0px;
  75         margin-bottom:5px;
  76 }
  77 .soria .dijitAlignTop .dijitTabChecked,
  78 .soria .dijitAlignTop .dijitTabCloseButtonChecked
  79 {
  80         border-bottom-color:white;
  81         vertical-align:bottom;
  82 }
  83 .soria .dijitAlignBottom .dijitTabChecked,
  84 .soria .dijitAlignBottom .dijitTabCloseButtonChecked
  85 {
  86         border-top-color:white;
  87
  88 }
  89 .soria .dijitAlignLeft .dijitTabChecked,
  90 .soria .dijitAlignLeft .dijitTabCloseButtonChecked
  91 {
  92         border-right-color:white;
  93 }
  94 .soria .dijitAlignRight .dijitTabChecked,
  95 .soria .dijitAlignRight .dijitTabCloseButtonChecked
  96 {
  97         border-left-color:white;
  98 }
  99 .soria .dijitTabLabels-bottom {
 100         padding-bottom: 2px;
 101         padding-left: 3px;
 102         background-color: #f0f4fc;
 103         border-left: 1px solid #b1badf;
 104         border-bottom: 1px solid #b1badf;
 105         border-right: 1px solid #b1badf;
 106         background: #F0F4FC url("../images/tabStripeBottom.gif") repeat-x left top;
 107         padding-top: 3px;
 108         padding-right: 3px;
 109 }
 110 .soria .dijitAlignBottom .dijitTab {
 111         line-height:normal;
 112         margin-right:3px;
 113         padding:0px;
 114         background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left;
 115         font-size: 0.9em;
 116         font-weight: bold;
 117         color: #373941;
 118         margin-bottom: 0px;
 119         margin-top: 1px;
 120 }
 121 .soria .dijitAlignBottom .dijitTabChecked {
 122         margin-bottom: 0px;
 123         margin-top: 0px !important;
 124 }
 125 .soria .dijitAlignBottom .dijitTabInnerDiv .dijitTabContent {
 126         padding:6px 10px 6px 10px;
 127         background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left;
 128 }
 129 .soria .dijitAlignBottom .dijitTabInnerDiv {
 130         padding:0px 10px 0px 10px;
 131         background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right;
 132         border: none;
 133 }
 134 .soria .dijitAlignBottom .dijitTabHover,
 135 .soria .dijitAlignBottom .dijitTabCloseButtonHover {
 136         color: #243C5F;
 137         background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left;
 138 }
 139 .soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv,
 140 .soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv {
 141         background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right;
 142         border: none;
 143 }
 144 .soria .dijitAlignBottom .dijitTabHover .dijitTabInnerDiv .dijitTabContent,
 145 .soria .dijitAlignBottom .dijitTabCloseButtonHover .dijitTabInnerDiv .dijitTabContent {
 146         background: url("../images/tabBottomHoverC.gif") repeat-x bottom left;
 147         padding:6px 10px 6px 10px;
 148 }
 149 .dj_ie6 .soria .dijitAlignBottom .dijitTabHover,
 150 .dj_ie6 .soria .dijitAlignBottom .dijitTabCloseButtonHover {
 151         background-image: url("../images/tabHover.gif");
 152 }
 153 .soria .dijitAlignBottom .dijitTabChecked,
 154 .soria .dijitAlignBottom .dijitTabCloseButtonChecked
 155 {
 156
 157         background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left;
 158 }
 159 .soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv {
 160         padding:0px 10px 0px 10px;
 161         background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right;
 162         border: none;
 163 }
 164 .soria .dijitAlignBottom .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
 165         background: url("../images/tabBottomActiveC.gif") repeat-x bottom left;
 166         padding:7px 10px 6px 10px;
 167 }
 168 .soria .dijitAlignLeft .dijitTab {
 169         margin-right: 1px !important;
 170 }
 171 .soria .dijitAlignLeft .dijitTabChecked {
 172         margin-right: 0px !important;
 173 }
 174 .soria .dijitAlignLeft .dijitTabChecked .dijitTabInnerDiv {
 175         background: url("../images/tabLeftChecked.gif") no-repeat right top !important;
 176         padding-left: 10px;
 177         border-bottom: 1px solid #8ba0bd !important;
 178 }
 179 .soria .dijitAlignLeft .dijitTabInnerDiv {
 180         background: url("../images/tabContainerSprite.gif") no-repeat right -350px;
 181         padding-left: 10px;
 182         border-bottom: 1px solid #b9bbdd;
 183 }
 184 .soria .dijitAlignLeft .dijitTabHover .dijitTabInnerDiv {
 185         background: url("../images/tabContainerSprite.gif") no-repeat right -200px;
 186         padding-left: 10px;
 187         border-bottom: 1px solid #b9bbdd;
 188 }
 189 .soria .dijitTabLabels-left-h {
 190         padding-left: 2px;
 191         padding-top: 3px;
 192         background-color: #f0f4fc;
 193         border-left: 1px solid #b1badf;
 194         border-bottom: 1px solid #b1badf;
 195         border-top: 1px solid #b1badf;
 196         background: #F0F4FC url("../images/tabStripeLeft.gif") repeat-y right top;
 197         padding-right: 3px;
 198 }
 199 .soria .dijitAlignLeft .dijitTabInnerDiv .dijitTabContent {
 200         padding:7px 10px 6px 10px !important;
 201 }
 202 .soria .dijitTabLabels-right-h {
 203         padding-right: 2px;
 204         padding-top: 3px;
 205         background-color: #f0f4fc;
 206         border-right: 1px solid #b1badf;
 207         border-bottom: 1px solid #b1badf;
 208         border-top: 1px solid #b1badf;
 209         background: #F0F4FC url("../images/tabStripeRight.gif") repeat-y left top;
 210         padding-left: 3px;
 211 }
 212 .soria .dijitAlignRight .dijitTab {
 213         margin-left: 1px;
 214 }
 215 .soria .dijitAlignRight .dijitTabChecked {
 216         margin-left: 0px;
 217 }
 218 .soria .dijitAlignRight .dijitTabChecked {
 219         background: url("../images/tabRightChecked.gif") no-repeat left top !important;
 220 }
 221 .soria .dijitAlignRight .dijitTab {
 222         background: url("../images/tabContainerSprite.gif") no-repeat left -350px;
 223 }
 224 .soria .dijitAlignRight .dijitTabHover .dijitTab {
 225         background: url("../images/tabContainerSprite.gif") no-repeat left -200px;
 226 }
 227 .soria .dijitAlignRight .dijitTabInnerDiv .dijitTabContent {
 228         padding:7px 10px 6px 10px !important;
 229 }
 230 .soria .dijitAlignRight .dijitTabChecked .dijitTabInnerDiv {
 231         border-bottom: 1px solid #8ba0bd !important;
 232 }
 233 .soria .dijitAlignRight .dijitTabInnerDiv {
 234         border-bottom: 1px solid #b9bbdd;
 235 }
 236 .soria .dijitAlignRight .dijitTabHover .dijitTabInnerDiv {
 237         border-bottom: 1px solid #b9bbdd;
 238 }
 239 .soria .dijitTab .dijitClosable {
 240         position: relative;
 241         padding-left: 10px !important;
 242         padding-right: 20px !important;
 243 }
 244 .soria .dijitTab img {
 245         padding: 0;
 246         margin: 0;
 247 }
 248 .soria .dijitTab .dijitClosable .closeImage {
 249         position:absolute;
 250         top: 5px;
 251         right: 5px;
 252         height: 15px;
 253         width: 15px;
 254         padding: 0;
 255         margin: 0;
 256         background: url("../images/spriteRoundedIconsSmallBl.png") no-repeat -60px top;
 257 }
 258 .dj_ie6 .dijitTab .dijitClosable .closeImage {
 259         background:url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px top;
 260 }
 261 .dj_ie6 .soria .dijitTabCloseButton .dijitClosable .closeImage {
 262         background: url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px top;
 263 }
 264 .soria .dijitTabHover .dijitClosable .closeImage {
 265         background: url("../images/spriteRoundedIconsSmallBl.png") no-repeat -60px -15px !important;
 266 }
 267 .dj_ie6 .soria .dijitTabHover .dijitClosable .closeImage {
 268         background: url("../images/spriteRoundedIconsSmallBl.gif") no-repeat -60px -15px !important;
 269 }
 270 .dj_ie6 .soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
 271         left:-20px;
 272 }
 273 .soria .dijitAlignBottom .dijitTab .dijitClosable .closeImage {
 274         top: auto;
 275         bottom: 7px;
 276         right: 3px;
 277 }
 278 .soria .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
 279         top: 7px;
 280         left: 3px;
 281 }