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