annotate onlypaths/theme/css/panel.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-panel {
rlm@46 10 border-style: solid;
rlm@46 11 border-color: #99bbe8;
rlm@46 12 border-width:0;
rlm@46 13 }
rlm@46 14
rlm@46 15 .x-panel-header {
rlm@46 16 overflow:hidden;
rlm@46 17 zoom:1;
rlm@46 18 color:#15428b;
rlm@46 19 font:bold 11px tahoma,arial,verdana,sans-serif;
rlm@46 20 padding:5px 3px 4px 5px;
rlm@46 21 border:1px solid #99bbe8;
rlm@46 22 line-height: 15px;
rlm@46 23 background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
rlm@46 24 }
rlm@46 25
rlm@46 26 .x-panel-body {
rlm@46 27 border:1px solid #99bbe8;
rlm@46 28 border-top:0 none;
rlm@46 29 overflow:hidden;
rlm@46 30 background:white;
rlm@46 31 position: relative; /* added for item scroll positioning */
rlm@46 32 }
rlm@46 33
rlm@46 34 .x-panel-bbar .x-toolbar {
rlm@46 35 border:1px solid #99bbe8;
rlm@46 36 border-top:0 none;
rlm@46 37 overflow:hidden;
rlm@46 38 padding:2px;
rlm@46 39 }
rlm@46 40
rlm@46 41
rlm@46 42 .x-panel-tbar .x-toolbar {
rlm@46 43 border:1px solid #99bbe8;
rlm@46 44 border-top:0 none;
rlm@46 45 overflow:hidden;
rlm@46 46 padding:2px;
rlm@46 47 }
rlm@46 48
rlm@46 49 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
rlm@46 50 border-top:1px solid #99bbe8;
rlm@46 51 border-bottom: 0 none;
rlm@46 52 }
rlm@46 53 .x-panel-body-noheader, .x-panel-mc .x-panel-body {
rlm@46 54 border-top:1px solid #99bbe8;
rlm@46 55 }
rlm@46 56 .x-panel-header {
rlm@46 57 overflow:hidden;
rlm@46 58 zoom:1;
rlm@46 59 }
rlm@46 60 .x-panel-tl .x-panel-header {
rlm@46 61 color:#15428b;
rlm@46 62 font:bold 11px tahoma,arial,verdana,sans-serif;
rlm@46 63 padding:5px 0 4px 0;
rlm@46 64 border:0 none;
rlm@46 65 background:transparent;
rlm@46 66 }
rlm@46 67 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
rlm@46 68 padding-left:20px !important;
rlm@46 69 background-repeat:no-repeat;
rlm@46 70 background-position:0 4px;
rlm@46 71 zoom:1;
rlm@46 72 }
rlm@46 73 .x-panel-inline-icon {
rlm@46 74 width:16px;
rlm@46 75 height:16px;
rlm@46 76 background-repeat:no-repeat;
rlm@46 77 background-position:0 0;
rlm@46 78 vertical-align:middle;
rlm@46 79 margin-right:4px;
rlm@46 80 margin-top:-1px;
rlm@46 81 margin-bottom:-1px;
rlm@46 82 }
rlm@46 83 .x-panel-tc {
rlm@46 84 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
rlm@46 85 overflow:hidden;
rlm@46 86 }
rlm@46 87 /* fix ie7 strict mode bug */
rlm@46 88 .ext-strict .ext-ie7 .x-panel-tc {
rlm@46 89 overflow: visible;
rlm@46 90 }
rlm@46 91 .x-panel-tl {
rlm@46 92 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
rlm@46 93 padding-left:6px;
rlm@46 94 zoom:1;
rlm@46 95 border-bottom:1px solid #99bbe8;
rlm@46 96 }
rlm@46 97 .x-panel-tr {
rlm@46 98 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
rlm@46 99 zoom:1;
rlm@46 100 padding-right:6px;
rlm@46 101 }
rlm@46 102 .x-panel-bc {
rlm@46 103 background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
rlm@46 104 zoom:1;
rlm@46 105 }
rlm@46 106 .x-panel-bc .x-panel-footer {
rlm@46 107 zoom:1;
rlm@46 108 }
rlm@46 109
rlm@46 110 .x-panel-bl {
rlm@46 111 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
rlm@46 112 padding-left:6px;
rlm@46 113 zoom:1;
rlm@46 114 }
rlm@46 115 .x-panel-br {
rlm@46 116 background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
rlm@46 117 padding-right:6px;
rlm@46 118 zoom:1;
rlm@46 119 }
rlm@46 120 .x-panel-mc {
rlm@46 121 border:0 none;
rlm@46 122 padding:0;
rlm@46 123 margin:0;
rlm@46 124 font: normal 11px tahoma,arial,helvetica,sans-serif;
rlm@46 125 padding-top:6px;
rlm@46 126 background:#dfe8f6;
rlm@46 127 }
rlm@46 128 .x-panel-mc .x-panel-body {
rlm@46 129 background:transparent;
rlm@46 130 border: 0 none;
rlm@46 131 }
rlm@46 132 .x-panel-ml {
rlm@46 133 background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
rlm@46 134 padding-left:6px;
rlm@46 135 zoom:1;
rlm@46 136 }
rlm@46 137 .x-panel-mr {
rlm@46 138 background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
rlm@46 139 padding-right:6px;
rlm@46 140 zoom:1;
rlm@46 141 }
rlm@46 142 .x-panel-bc .x-panel-footer {
rlm@46 143 padding-bottom:6px;
rlm@46 144 }
rlm@46 145 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
rlm@46 146 height:6px;
rlm@46 147 font-size:0;
rlm@46 148 line-height:0;
rlm@46 149 }
rlm@46 150
rlm@46 151 .x-panel-bwrap {
rlm@46 152 overflow:hidden;
rlm@46 153 zoom:1;
rlm@46 154 }
rlm@46 155 .x-panel-body {
rlm@46 156 overflow:hidden;
rlm@46 157 zoom:1;
rlm@46 158 }
rlm@46 159
rlm@46 160 .x-panel-collapsed .x-resizable-handle{
rlm@46 161 display:none;
rlm@46 162 }
rlm@46 163
rlm@46 164 .ext-gecko .x-panel-animated div {
rlm@46 165 overflow:hidden !important;
rlm@46 166 }
rlm@46 167
rlm@46 168 /* Plain */
rlm@46 169 .x-plain-body {
rlm@46 170 overflow:hidden;
rlm@46 171 }
rlm@46 172
rlm@46 173 .x-plain-bbar .x-toolbar {
rlm@46 174 overflow:hidden;
rlm@46 175 padding:2px;
rlm@46 176 }
rlm@46 177
rlm@46 178 .x-plain-tbar .x-toolbar {
rlm@46 179 overflow:hidden;
rlm@46 180 padding:2px;
rlm@46 181 }
rlm@46 182
rlm@46 183 .x-plain-bwrap {
rlm@46 184 overflow:hidden;
rlm@46 185 zoom:1;
rlm@46 186 }
rlm@46 187
rlm@46 188 .x-plain {
rlm@46 189 overflow:hidden;
rlm@46 190 }
rlm@46 191
rlm@46 192 /* Tools */
rlm@46 193 .x-tool {
rlm@46 194 overflow:hidden;
rlm@46 195 width:15px;
rlm@46 196 height:15px;
rlm@46 197 float:right;
rlm@46 198 cursor:pointer;
rlm@46 199 background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
rlm@46 200 margin-left:2px;
rlm@46 201 }
rlm@46 202
rlm@46 203 /* expand / collapse tools */
rlm@46 204 .x-tool-toggle {
rlm@46 205 background-position:0 -60px;
rlm@46 206 }
rlm@46 207 .x-tool-toggle-over {
rlm@46 208 background-position:-15px -60px;
rlm@46 209 }
rlm@46 210 .x-panel-collapsed .x-tool-toggle {
rlm@46 211 background-position:0 -75px;
rlm@46 212 }
rlm@46 213 .x-panel-collapsed .x-tool-toggle-over {
rlm@46 214 background-position:-15px -75px;
rlm@46 215 }
rlm@46 216
rlm@46 217 .x-tool-close {
rlm@46 218 background-position:0 -0;
rlm@46 219 }
rlm@46 220 .x-tool-close-over {
rlm@46 221 background-position:-15px 0;
rlm@46 222 }
rlm@46 223
rlm@46 224 .x-tool-minimize {
rlm@46 225 background-position:0 -15px;
rlm@46 226 }
rlm@46 227 .x-tool-minimize-over {
rlm@46 228 background-position:-15px -15px;
rlm@46 229 }
rlm@46 230
rlm@46 231 .x-tool-maximize {
rlm@46 232 background-position:0 -30px;
rlm@46 233 }
rlm@46 234 .x-tool-maximize-over {
rlm@46 235 background-position:-15px -30px;
rlm@46 236 }
rlm@46 237
rlm@46 238 .x-tool-restore {
rlm@46 239 background-position:0 -45px;
rlm@46 240 }
rlm@46 241 .x-tool-restore-over {
rlm@46 242 background-position:-15px -45px;
rlm@46 243 }
rlm@46 244
rlm@46 245 .x-tool-gear {
rlm@46 246 background-position:0 -90px;
rlm@46 247 }
rlm@46 248 .x-tool-gear-over {
rlm@46 249 background-position:-15px -90px;
rlm@46 250 }
rlm@46 251
rlm@46 252 .x-tool-pin {
rlm@46 253 background-position:0 -135px;
rlm@46 254 }
rlm@46 255 .x-tool-pin-over {
rlm@46 256 background-position:-15px -135px;
rlm@46 257 }
rlm@46 258 .x-tool-unpin {
rlm@46 259 background-position:0 -150px;
rlm@46 260 }
rlm@46 261 .x-tool-unpin-over {
rlm@46 262 background-position:-15px -150px;
rlm@46 263 }
rlm@46 264 .x-tool-right {
rlm@46 265 background-position:0 -165px;
rlm@46 266 }
rlm@46 267 .x-tool-right-over {
rlm@46 268 background-position:-15px -165px;
rlm@46 269 }
rlm@46 270 .x-tool-left {
rlm@46 271 background-position:0 -180px;
rlm@46 272 }
rlm@46 273 .x-tool-left-over {
rlm@46 274 background-position:-15px -180px;
rlm@46 275 }
rlm@46 276 .x-tool-up {
rlm@46 277 background-position:0 -210px;
rlm@46 278 }
rlm@46 279 .x-tool-up-over {
rlm@46 280 background-position:-15px -210px;
rlm@46 281 }
rlm@46 282 .x-tool-down {
rlm@46 283 background-position:0 -195px;
rlm@46 284 }
rlm@46 285 .x-tool-down-over {
rlm@46 286 background-position:-15px -195px;
rlm@46 287 }
rlm@46 288 .x-tool-refresh {
rlm@46 289 background-position:0 -225px;
rlm@46 290 }
rlm@46 291 .x-tool-refresh-over {
rlm@46 292 background-position:-15px -225px;
rlm@46 293 }
rlm@46 294
rlm@46 295 .x-tool-minus {
rlm@46 296 background-position:0 -255px;
rlm@46 297 }
rlm@46 298 .x-tool-minus-over {
rlm@46 299 background-position:-15px -255px;
rlm@46 300 }
rlm@46 301 .x-tool-plus {
rlm@46 302 background-position:0 -240px;
rlm@46 303 }
rlm@46 304 .x-tool-plus-over {
rlm@46 305 background-position:-15px -240px;
rlm@46 306 }
rlm@46 307
rlm@46 308 .x-tool-search {
rlm@46 309 background-position:0 -270px;
rlm@46 310 }
rlm@46 311 .x-tool-search-over {
rlm@46 312 background-position:-15px -270px;
rlm@46 313 }
rlm@46 314 .x-tool-save {
rlm@46 315 background-position:0 -285px;
rlm@46 316 }
rlm@46 317 .x-tool-save-over {
rlm@46 318 background-position:-15px -285px;
rlm@46 319 }
rlm@46 320 .x-tool-help {
rlm@46 321 background-position:0 -300px;
rlm@46 322 }
rlm@46 323 .x-tool-help-over {
rlm@46 324 background-position:-15px -300px;
rlm@46 325 }
rlm@46 326 .x-tool-print {
rlm@46 327 background-position:0 -315px;
rlm@46 328 }
rlm@46 329 .x-tool-print-over {
rlm@46 330 background-position:-15px -315px;
rlm@46 331 }
rlm@46 332
rlm@46 333 /* Ghosting */
rlm@46 334 .x-panel-ghost {
rlm@46 335 background:#cbddf3;
rlm@46 336 z-index:12000;
rlm@46 337 overflow:hidden;
rlm@46 338 position:absolute;
rlm@46 339 left:0;top:0;
rlm@46 340 opacity:.65;
rlm@46 341 -moz-opacity:.65;
rlm@46 342 filter:alpha(opacity=65);
rlm@46 343 }
rlm@46 344
rlm@46 345 .x-panel-ghost ul {
rlm@46 346 margin:0;
rlm@46 347 padding:0;
rlm@46 348 overflow:hidden;
rlm@46 349 font-size:0;
rlm@46 350 line-height:0;
rlm@46 351 border:1px solid #99bbe8;
rlm@46 352 border-top:0 none;
rlm@46 353 display:block;
rlm@46 354 }
rlm@46 355
rlm@46 356 .x-panel-ghost * {
rlm@46 357 cursor:move !important;
rlm@46 358 }
rlm@46 359
rlm@46 360 .x-panel-dd-spacer {
rlm@46 361 border:2px dashed #99bbe8;
rlm@46 362 }
rlm@46 363 /* Buttons */
rlm@46 364
rlm@46 365 .x-panel-btns-ct {
rlm@46 366 padding:5px;
rlm@46 367 }
rlm@46 368
rlm@46 369 .x-panel-btns-ct .x-btn{
rlm@46 370 float:right;
rlm@46 371 clear:none;
rlm@46 372 }
rlm@46 373 .x-panel-btns-ct .x-panel-btns td {
rlm@46 374 border:0;
rlm@46 375 padding:0;
rlm@46 376 }
rlm@46 377 .x-panel-btns-ct .x-panel-btns-right table{
rlm@46 378 float:right;
rlm@46 379 clear:none;
rlm@46 380 }
rlm@46 381 .x-panel-btns-ct .x-panel-btns-left table{
rlm@46 382 float:left;
rlm@46 383 clear:none;
rlm@46 384 }
rlm@46 385 .x-panel-btns-ct .x-panel-btns-center{
rlm@46 386 text-align:center; /*ie*/
rlm@46 387 }
rlm@46 388 .x-panel-btns-ct .x-panel-btns-center table{
rlm@46 389 margin:0 auto; /*everyone else*/
rlm@46 390 }
rlm@46 391 .x-panel-btns-ct table td.x-panel-btn-td{
rlm@46 392 padding:3px;
rlm@46 393 }
rlm@46 394
rlm@46 395 .x-panel-btns-ct .x-btn-focus .x-btn-left{
rlm@46 396 background-position:0 -147px;
rlm@46 397 }
rlm@46 398 .x-panel-btns-ct .x-btn-focus .x-btn-right{
rlm@46 399 background-position:0 -168px;
rlm@46 400 }
rlm@46 401 .x-panel-btns-ct .x-btn-focus .x-btn-center{
rlm@46 402 background-position:0 -189px;
rlm@46 403 }
rlm@46 404
rlm@46 405 .x-panel-btns-ct .x-btn-over .x-btn-left{
rlm@46 406 background-position:0 -63px;
rlm@46 407 }
rlm@46 408 .x-panel-btns-ct .x-btn-over .x-btn-right{
rlm@46 409 background-position:0 -84px;
rlm@46 410 }
rlm@46 411 .x-panel-btns-ct .x-btn-over .x-btn-center{
rlm@46 412 background-position:0 -105px;
rlm@46 413 }
rlm@46 414
rlm@46 415 .x-panel-btns-ct .x-btn-click .x-btn-center{
rlm@46 416 background-position:0 -126px;
rlm@46 417 }
rlm@46 418 .x-panel-btns-ct .x-btn-click .x-btn-right{
rlm@46 419 background-position:0 -84px;
rlm@46 420 }
rlm@46 421 .x-panel-btns-ct .x-btn-click .x-btn-left{
rlm@46 422 background-position:0 -63px;
rlm@46 423 }