resources/css/structure/panel.css

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