Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.1

     3  * Copyright(c) 2006-2008, Ext JS, LLC.

     4  * licensing@extjs.com

     5  * 

     6  * http://extjs.com/license

     7  */

     8 

     9 .x-panel {

    10     border-style: solid;

    11     border-color: #99bbe8;

    12     border-width:0;

    13 }

    14 

    15 .x-panel-header {

    16     overflow:hidden;

    17     zoom:1;

    18     color:#15428b;

    19 	font:bold 11px tahoma,arial,verdana,sans-serif;

    20     padding:5px 3px 4px 5px;

    21     border:1px solid #99bbe8;

    22     line-height: 15px;

    23     background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;

    24 }

    25 

    26 .x-panel-body {

    27     border:1px solid #99bbe8;

    28     border-top:0 none;

    29     overflow:hidden;

    30     background:white;

    31     position: relative; /* added for item scroll positioning */

    32 }

    33 

    34 .x-panel-bbar .x-toolbar {

    35     border:1px solid #99bbe8;

    36     border-top:0 none;

    37     overflow:hidden;

    38     padding:2px;

    39 }

    40 

    41 

    42 .x-panel-tbar .x-toolbar {

    43     border:1px solid #99bbe8;

    44     border-top:0 none;

    45     overflow:hidden;

    46     padding:2px;

    47 }

    48 

    49 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {

    50     border-top:1px solid #99bbe8;

    51     border-bottom: 0 none;

    52 }

    53 .x-panel-body-noheader, .x-panel-mc .x-panel-body {

    54     border-top:1px solid #99bbe8;

    55 }

    56 .x-panel-header {

    57     overflow:hidden;

    58     zoom:1;

    59 }

    60 .x-panel-tl .x-panel-header {

    61     color:#15428b;

    62 	 font:bold 11px tahoma,arial,verdana,sans-serif;

    63     padding:5px 0 4px 0;

    64     border:0 none;

    65     background:transparent;

    66 }

    67 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {

    68     padding-left:20px !important;

    69     background-repeat:no-repeat;

    70     background-position:0 4px;

    71     zoom:1;

    72 }

    73 .x-panel-inline-icon {

    74     width:16px;

    75 	 height:16px;

    76     background-repeat:no-repeat;

    77     background-position:0 0;

    78 	 vertical-align:middle;

    79 	 margin-right:4px;

    80 	 margin-top:-1px;

    81 	 margin-bottom:-1px;

    82 }

    83 .x-panel-tc {

    84 	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;

    85 	overflow:hidden;

    86 }

    87 /* fix ie7 strict mode bug */

    88 .ext-strict .ext-ie7 .x-panel-tc {

    89     overflow: visible;

    90 }

    91 .x-panel-tl {

    92 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;

    93 	padding-left:6px;

    94     zoom:1;

    95     border-bottom:1px solid #99bbe8;

    96 }

    97 .x-panel-tr {

    98 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;

    99 	zoom:1;

   100     padding-right:6px;

   101 }

   102 .x-panel-bc {

   103 	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;

   104     zoom:1;

   105 }

   106 .x-panel-bc .x-panel-footer {

   107     zoom:1;

   108 }

   109 

   110 .x-panel-bl {

   111 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;

   112 	padding-left:6px;

   113     zoom:1;

   114 }

   115 .x-panel-br {

   116 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;

   117 	padding-right:6px;

   118     zoom:1;

   119 }

   120 .x-panel-mc {

   121     border:0 none;

   122     padding:0;

   123     margin:0;

   124     font: normal 11px tahoma,arial,helvetica,sans-serif;

   125     padding-top:6px;

   126     background:#dfe8f6;

   127 }

   128 .x-panel-mc .x-panel-body {

   129     background:transparent;

   130     border: 0 none;

   131 }

   132 .x-panel-ml {

   133 	background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;

   134 	padding-left:6px;

   135     zoom:1;

   136 }

   137 .x-panel-mr {

   138 	background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;

   139 	padding-right:6px;

   140     zoom:1;

   141 }

   142 .x-panel-bc .x-panel-footer {

   143     padding-bottom:6px;

   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 }

   155 .x-panel-body {

   156     overflow:hidden;

   157     zoom:1;

   158 }

   159 

   160 .x-panel-collapsed .x-resizable-handle{

   161     display:none;

   162 }

   163 

   164 .ext-gecko .x-panel-animated div {

   165     overflow:hidden !important;

   166 }

   167 

   168 /* Plain */

   169 .x-plain-body {

   170     overflow:hidden;

   171 }

   172 

   173 .x-plain-bbar .x-toolbar {

   174     overflow:hidden;

   175     padding:2px;

   176 }

   177 

   178 .x-plain-tbar .x-toolbar {

   179     overflow:hidden;

   180     padding:2px;

   181 }

   182 

   183 .x-plain-bwrap {

   184     overflow:hidden;

   185     zoom:1;

   186 }

   187 

   188 .x-plain {

   189     overflow:hidden;

   190 }

   191 

   192 /* Tools */

   193 .x-tool {

   194     overflow:hidden;

   195     width:15px;

   196     height:15px;

   197     float:right;

   198     cursor:pointer;

   199     background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;

   200     margin-left:2px;

   201 }

   202 

   203 /* expand / collapse tools */

   204 .x-tool-toggle {

   205     background-position:0 -60px;

   206 }

   207 .x-tool-toggle-over {

   208     background-position:-15px -60px;

   209 }

   210 .x-panel-collapsed .x-tool-toggle {

   211     background-position:0 -75px;

   212 }

   213 .x-panel-collapsed .x-tool-toggle-over {

   214     background-position:-15px -75px;

   215 }

   216 

   217 .x-tool-close {

   218     background-position:0 -0;

   219 }

   220 .x-tool-close-over {

   221     background-position:-15px 0;

   222 }

   223 

   224 .x-tool-minimize {

   225     background-position:0 -15px;

   226 }

   227 .x-tool-minimize-over {

   228     background-position:-15px -15px;

   229 }

   230 

   231 .x-tool-maximize {

   232     background-position:0 -30px;

   233 }

   234 .x-tool-maximize-over {

   235     background-position:-15px -30px;

   236 }

   237 

   238 .x-tool-restore {

   239     background-position:0 -45px;

   240 }

   241 .x-tool-restore-over {

   242     background-position:-15px -45px;

   243 }

   244 

   245 .x-tool-gear {

   246     background-position:0 -90px;

   247 }

   248 .x-tool-gear-over {

   249     background-position:-15px -90px;

   250 }

   251 

   252 .x-tool-pin {

   253     background-position:0 -135px;

   254 }

   255 .x-tool-pin-over {

   256     background-position:-15px -135px;

   257 }

   258 .x-tool-unpin {

   259     background-position:0 -150px;

   260 }

   261 .x-tool-unpin-over {

   262     background-position:-15px -150px;

   263 }

   264 .x-tool-right {

   265     background-position:0 -165px;

   266 }

   267 .x-tool-right-over {

   268     background-position:-15px -165px;

   269 }

   270 .x-tool-left {

   271     background-position:0 -180px;

   272 }

   273 .x-tool-left-over {

   274     background-position:-15px -180px;

   275 }

   276 .x-tool-up {

   277     background-position:0 -210px;

   278 }

   279 .x-tool-up-over {

   280     background-position:-15px -210px;

   281 }

   282 .x-tool-down {

   283     background-position:0 -195px;

   284 }

   285 .x-tool-down-over {

   286     background-position:-15px -195px;

   287 }

   288 .x-tool-refresh {

   289     background-position:0 -225px;

   290 }

   291 .x-tool-refresh-over {

   292     background-position:-15px -225px;

   293 }

   294 

   295 .x-tool-minus {

   296     background-position:0 -255px;

   297 }

   298 .x-tool-minus-over {

   299     background-position:-15px -255px;

   300 }

   301 .x-tool-plus {

   302     background-position:0 -240px;

   303 }

   304 .x-tool-plus-over {

   305     background-position:-15px -240px;

   306 }

   307 

   308 .x-tool-search {

   309     background-position:0 -270px;

   310 }

   311 .x-tool-search-over {

   312     background-position:-15px -270px;

   313 }

   314 .x-tool-save {

   315     background-position:0 -285px;

   316 }

   317 .x-tool-save-over {

   318     background-position:-15px -285px;

   319 }

   320 .x-tool-help {

   321     background-position:0 -300px;

   322 }

   323 .x-tool-help-over {

   324     background-position:-15px -300px;

   325 }

   326 .x-tool-print {

   327     background-position:0 -315px;

   328 }

   329 .x-tool-print-over {

   330     background-position:-15px -315px;

   331 }

   332 

   333 /* Ghosting */

   334 .x-panel-ghost {

   335     background:#cbddf3;

   336     z-index:12000;

   337     overflow:hidden;

   338     position:absolute;

   339     left:0;top:0;

   340     opacity:.65;

   341     -moz-opacity:.65;

   342     filter:alpha(opacity=65);

   343 }

   344 

   345 .x-panel-ghost ul {

   346     margin:0;

   347     padding:0;

   348     overflow:hidden;

   349     font-size:0;

   350     line-height:0;

   351     border:1px solid #99bbe8;

   352     border-top:0 none;

   353     display:block;

   354 }

   355 

   356 .x-panel-ghost * {

   357     cursor:move !important;

   358 }

   359 

   360 .x-panel-dd-spacer {

   361     border:2px dashed #99bbe8;

   362 }

   363 /* Buttons */

   364 

   365 .x-panel-btns-ct {

   366     padding:5px;

   367 }

   368 

   369 .x-panel-btns-ct .x-btn{

   370 	float:right;

   371 	clear:none;

   372 }

   373 .x-panel-btns-ct .x-panel-btns td {

   374 	border:0;

   375 	padding:0;

   376 }

   377 .x-panel-btns-ct .x-panel-btns-right table{

   378 	float:right;

   379 	clear:none;

   380 }

   381 .x-panel-btns-ct .x-panel-btns-left table{

   382 	float:left;

   383 	clear:none;

   384 }

   385 .x-panel-btns-ct .x-panel-btns-center{

   386 	text-align:center; /*ie*/

   387 }

   388 .x-panel-btns-ct .x-panel-btns-center table{

   389 	margin:0 auto; /*everyone else*/

   390 }

   391 .x-panel-btns-ct table td.x-panel-btn-td{

   392 	padding:3px;

   393 }

   394 

   395 .x-panel-btns-ct .x-btn-focus .x-btn-left{

   396 	background-position:0 -147px;

   397 }

   398 .x-panel-btns-ct .x-btn-focus .x-btn-right{

   399 	background-position:0 -168px;

   400 }

   401 .x-panel-btns-ct .x-btn-focus .x-btn-center{

   402 	background-position:0 -189px;

   403 }

   404 

   405 .x-panel-btns-ct .x-btn-over .x-btn-left{

   406 	background-position:0 -63px;

   407 }

   408 .x-panel-btns-ct .x-btn-over .x-btn-right{

   409 	background-position:0 -84px;

   410 }

   411 .x-panel-btns-ct .x-btn-over .x-btn-center{

   412 	background-position:0 -105px;

   413 }

   414 

   415 .x-panel-btns-ct .x-btn-click .x-btn-center{

   416 	background-position:0 -126px;

   417 }

   418 .x-panel-btns-ct .x-btn-click  .x-btn-right{

   419 	background-position:0 -84px;

   420 }

   421 .x-panel-btns-ct .x-btn-click .x-btn-left{

   422 	background-position:0 -63px;

   423 }