annotate onlypaths/theme/css/tabs.css @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8
rlm@46 9 .x-tab-panel {
rlm@46 10 overflow:hidden;
rlm@46 11 }
rlm@46 12 .x-tab-panel-header, .x-tab-panel-footer {
rlm@46 13 background: #deecfd;
rlm@46 14 border: 1px solid #8db2e3;
rlm@46 15 overflow:hidden;
rlm@46 16 zoom:1;
rlm@46 17 }
rlm@46 18
rlm@46 19
rlm@46 20 .x-tab-panel-header {
rlm@46 21 border: 1px solid #8db2e3;
rlm@46 22 padding-bottom: 2px;
rlm@46 23 }
rlm@46 24
rlm@46 25 .x-tab-panel-footer {
rlm@46 26 border: 1px solid #8db2e3;
rlm@46 27 padding-top: 2px;
rlm@46 28 }
rlm@46 29
rlm@46 30
rlm@46 31 .x-tab-strip-wrap {
rlm@46 32 width:100%;
rlm@46 33 overflow:hidden;
rlm@46 34 position:relative;
rlm@46 35 zoom:1;
rlm@46 36 }
rlm@46 37 ul.x-tab-strip {
rlm@46 38 display:block;
rlm@46 39 width:5000px;
rlm@46 40 zoom:1;
rlm@46 41 }
rlm@46 42
rlm@46 43 ul.x-tab-strip-top{
rlm@46 44 padding-top: 1px;
rlm@46 45 background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
rlm@46 46 border-bottom: 1px solid #8db2e3;
rlm@46 47 }
rlm@46 48
rlm@46 49 ul.x-tab-strip-bottom{
rlm@46 50 padding-bottom: 1px;
rlm@46 51 background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
rlm@46 52 border-top: 1px solid #8db2e3;
rlm@46 53 border-bottom: 0 none;
rlm@46 54 }
rlm@46 55
rlm@46 56 .x-tab-panel-header-plain .x-tab-strip-top {
rlm@46 57 background:transparent !important;
rlm@46 58 padding-top:0 !important;
rlm@46 59 }
rlm@46 60 .x-tab-panel-header-plain {
rlm@46 61 background:transparent !important;
rlm@46 62 border-width:0 !important;
rlm@46 63 padding-bottom:0 !important;
rlm@46 64 }
rlm@46 65
rlm@46 66 .x-tab-panel-header-plain .x-tab-strip-spacer {
rlm@46 67 border:1px solid #8db2e3;
rlm@46 68 border-top: 0 none;
rlm@46 69 height:2px;
rlm@46 70 background: #deecfd;
rlm@46 71 font-size:1px;
rlm@46 72 line-height:1px;
rlm@46 73 }
rlm@46 74
rlm@46 75 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
rlm@46 76 height:3px;
rlm@46 77 }
rlm@46 78
rlm@46 79
rlm@46 80 ul.x-tab-strip li {
rlm@46 81 float:left;
rlm@46 82 margin-left:2px;
rlm@46 83 }
rlm@46 84
rlm@46 85
rlm@46 86 ul.x-tab-strip li.x-tab-edge {
rlm@46 87 float:left;
rlm@46 88 margin:0 !important;
rlm@46 89 padding:0 !important;
rlm@46 90 border:0 none !important;
rlm@46 91 font-size:1px !important;
rlm@46 92 line-height:1px !important;
rlm@46 93 overflow:hidden;
rlm@46 94 zoom:1;
rlm@46 95 background:transparent !important;
rlm@46 96 width:1px;
rlm@46 97 }
rlm@46 98
rlm@46 99 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
rlm@46 100 display:block;
rlm@46 101 }
rlm@46 102
rlm@46 103 .x-tab-strip a {
rlm@46 104 text-decoration:none !important;
rlm@46 105 -moz-outline: none;
rlm@46 106 outline: none;
rlm@46 107 cursor:pointer;
rlm@46 108 }
rlm@46 109
rlm@46 110 .x-tab-strip-inner {
rlm@46 111 overflow:hidden;
rlm@46 112 text-overflow: ellipsis;
rlm@46 113 }
rlm@46 114
rlm@46 115 .x-tab-strip span.x-tab-strip-text {
rlm@46 116 font:normal 11px tahoma,arial,helvetica;
rlm@46 117 color:#416aa3;
rlm@46 118 white-space: nowrap;
rlm@46 119 cursor:pointer;
rlm@46 120 padding:4px 0;
rlm@46 121 }
rlm@46 122 .x-tab-strip .x-tab-with-icon .x-tab-right {
rlm@46 123 padding-left:6px;
rlm@46 124 }
rlm@46 125 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
rlm@46 126 padding-left:20px;
rlm@46 127 background-position: 0 3px;
rlm@46 128 background-repeat: no-repeat;
rlm@46 129 }
rlm@46 130
rlm@46 131 .x-tab-strip-over span.x-tab-strip-text {
rlm@46 132 color:#15428b;
rlm@46 133 }
rlm@46 134
rlm@46 135 .x-tab-strip-active {
rlm@46 136 cursor:default;
rlm@46 137 }
rlm@46 138
rlm@46 139 .x-tab-strip-active span.x-tab-strip-text {
rlm@46 140 cursor:default;
rlm@46 141 color:#15428b;
rlm@46 142 font-weight:bold;
rlm@46 143 }
rlm@46 144
rlm@46 145 .x-tab-strip-disabled .x-tabs-text {
rlm@46 146 cursor:default;
rlm@46 147 color:#aaaaaa;
rlm@46 148 }
rlm@46 149
rlm@46 150 .x-tab-panel-body {
rlm@46 151 overflow:hidden;
rlm@46 152 }
rlm@46 153 .x-tab-panel-bwrap {
rlm@46 154 overflow:hidden;
rlm@46 155 }
rlm@46 156 .ext-ie .x-tab-strip .x-tab-right {
rlm@46 157 position:relative;
rlm@46 158 }
rlm@46 159
rlm@46 160 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
rlm@46 161 margin-bottom:-1px;
rlm@46 162 }
rlm@46 163
rlm@46 164 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
rlm@46 165 padding-bottom:5px;
rlm@46 166 }
rlm@46 167
rlm@46 168 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
rlm@46 169 margin-top:-1px;
rlm@46 170 }
rlm@46 171 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
rlm@46 172 padding-top:5px;
rlm@46 173 }
rlm@46 174
rlm@46 175
rlm@46 176 .x-tab-strip-top .x-tab-right {
rlm@46 177 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
rlm@46 178 padding-left:10px;
rlm@46 179 }
rlm@46 180
rlm@46 181 .x-tab-strip-top .x-tab-left {
rlm@46 182 background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
rlm@46 183 padding-right:10px;
rlm@46 184 }
rlm@46 185
rlm@46 186 .x-tab-strip-top .x-tab-strip-inner {
rlm@46 187 background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
rlm@46 188 }
rlm@46 189
rlm@46 190 .x-tab-strip-top .x-tab-strip-over .x-tab-right {
rlm@46 191 background-position:0 -101px;
rlm@46 192 }
rlm@46 193 .x-tab-strip-top .x-tab-strip-over .x-tab-left {
rlm@46 194 background-position:right -401px;
rlm@46 195 }
rlm@46 196 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
rlm@46 197 background-position:0 -251px;
rlm@46 198 }
rlm@46 199
rlm@46 200 .x-tab-strip-top .x-tab-strip-active .x-tab-right {
rlm@46 201 background-position: 0 0;
rlm@46 202 }
rlm@46 203
rlm@46 204 .x-tab-strip-top .x-tab-strip-active .x-tab-left {
rlm@46 205 background-position: right -301px;
rlm@46 206 }
rlm@46 207
rlm@46 208 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
rlm@46 209 background-position: 0 -151px;
rlm@46 210 }
rlm@46 211
rlm@46 212 .x-tab-strip-bottom .x-tab-right {
rlm@46 213 background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
rlm@46 214 }
rlm@46 215
rlm@46 216 .x-tab-strip-bottom .x-tab-left {
rlm@46 217 background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
rlm@46 218 }
rlm@46 219
rlm@46 220 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
rlm@46 221 background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
rlm@46 222 }
rlm@46 223
rlm@46 224 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
rlm@46 225 background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
rlm@46 226 }
rlm@46 227 .x-tab-strip-bottom .x-tab-left {
rlm@46 228 padding:0 10px;
rlm@46 229 }
rlm@46 230 .x-tab-strip-bottom .x-tab-right {
rlm@46 231 padding:0;
rlm@46 232 }
rlm@46 233 .x-tab-strip .x-tab-strip-close {
rlm@46 234 display:none;
rlm@46 235 }
rlm@46 236 .x-tab-strip-closable {
rlm@46 237 position:relative;
rlm@46 238 }
rlm@46 239
rlm@46 240 .x-tab-strip-closable .x-tab-left {
rlm@46 241 padding-right:19px;
rlm@46 242 }
rlm@46 243
rlm@46 244 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
rlm@46 245 background-image:url(../images/default/tabs/tab-close.gif);
rlm@46 246 opacity:.6;
rlm@46 247 -moz-opacity:.6;
rlm@46 248 background-repeat:no-repeat;
rlm@46 249 display:block;
rlm@46 250 width:11px;height:11px;
rlm@46 251 position:absolute;
rlm@46 252 top:3px;
rlm@46 253 right:3px;
rlm@46 254 cursor:pointer;
rlm@46 255 z-index:2;
rlm@46 256 }
rlm@46 257
rlm@46 258 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
rlm@46 259 opacity:.8;
rlm@46 260 -moz-opacity:.8;
rlm@46 261 }
rlm@46 262 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
rlm@46 263 background-image:url(../images/default/tabs/tab-close.gif);
rlm@46 264 opacity:1;
rlm@46 265 -moz-opacity:1;
rlm@46 266 }
rlm@46 267
rlm@46 268 .x-tab-panel-body {
rlm@46 269 border: 1px solid #8db2e3;
rlm@46 270 background:#fff;
rlm@46 271 }
rlm@46 272 .x-tab-panel-body-top {
rlm@46 273 border-top: 0 none;
rlm@46 274 }
rlm@46 275 .x-tab-panel-body-bottom {
rlm@46 276 border-bottom: 0 none;
rlm@46 277 }
rlm@46 278
rlm@46 279 .x-tab-scroller-left {
rlm@46 280 background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
rlm@46 281 border-bottom: 1px solid #8db2e3;
rlm@46 282 width:18px;
rlm@46 283 position:absolute;
rlm@46 284 left:0;
rlm@46 285 top:0;
rlm@46 286 z-index:10;
rlm@46 287 cursor:pointer;
rlm@46 288 }
rlm@46 289 .x-tab-scroller-left-over {
rlm@46 290 background-position: 0 0;
rlm@46 291 }
rlm@46 292 .x-tab-scroller-left-disabled {
rlm@46 293 background-position: -18px 0;
rlm@46 294 opacity:.5;
rlm@46 295 -moz-opacity:.5;
rlm@46 296 filter:alpha(opacity=50);
rlm@46 297 cursor:default;
rlm@46 298 }
rlm@46 299 .x-tab-scroller-right {
rlm@46 300 background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
rlm@46 301 border-bottom: 1px solid #8db2e3;
rlm@46 302 width:18px;
rlm@46 303 position:absolute;
rlm@46 304 right:0;
rlm@46 305 top:0;
rlm@46 306 z-index:10;
rlm@46 307 cursor:pointer;
rlm@46 308 }
rlm@46 309 .x-tab-scroller-right-over {
rlm@46 310 background-position: -18px 0;
rlm@46 311 }
rlm@46 312 .x-tab-scroller-right-disabled {
rlm@46 313 background-position: 0 0;
rlm@46 314 opacity:.5;
rlm@46 315 -moz-opacity:.5;
rlm@46 316 filter:alpha(opacity=50);
rlm@46 317 cursor:default;
rlm@46 318 }
rlm@46 319
rlm@46 320 .x-tab-scrolling .x-tab-strip-wrap {
rlm@46 321 margin-left:18px;
rlm@46 322 margin-right:18px;
rlm@46 323 }
rlm@46 324
rlm@46 325 .x-tab-scrolling {
rlm@46 326 position:relative;
rlm@46 327 }
rlm@46 328
rlm@46 329 .x-tab-panel-bbar .x-toolbar {
rlm@46 330 border:1px solid #99bbe8;
rlm@46 331 border-top:0 none;
rlm@46 332 overflow:hidden;
rlm@46 333 padding:2px;
rlm@46 334 }
rlm@46 335
rlm@46 336 .x-tab-panel-tbar .x-toolbar {
rlm@46 337 border:1px solid #99bbe8;
rlm@46 338 border-top:0 none;
rlm@46 339 overflow:hidden;
rlm@46 340 padding:2px;
rlm@46 341 }