resources/css/panel.css

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