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 /* all fields */

    10 .x-form-field{

    11     margin: 0 0 0 0;

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

    13 }

    14 

    15 /* ---- text fields ---- */

    16 .x-form-text, textarea.x-form-field{

    17     padding:1px 3px;

    18     background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;

    19     border:1px solid #B5B8C8;

    20 }

    21 textarea.x-form-field {

    22     padding:2px 3px;

    23 }

    24 .x-form-text {

    25     height:22px;

    26     line-height:18px;

    27     vertical-align:middle;

    28 }

    29 .ext-ie .x-form-text {

    30     margin:-1px 0; /* ie bogus margin bug */

    31     height:22px; /* ie quirks */

    32     line-height:18px;

    33 }

    34 .ext-ie textarea.x-form-field {

    35     margin:-1px 0; /* ie bogus margin bug */

    36 }

    37 .ext-strict .x-form-text {

    38     height:18px;

    39 }

    40 .ext-safari .x-form-text {

    41     height:20px; /* safari always same size */

    42     padding:0 3px; /* remove extra top/bottom padding */

    43 }

    44 .ext-safari.ext-mac textarea.x-form-field {

    45     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */

    46 }

    47 .ext-gecko .x-form-text {

    48     padding-top:2px; /* FF won't center the text vertically */

    49     padding-bottom:0;

    50 }

    51 textarea {

    52     resize: none;  /* Disable browser resizable textarea */

    53 }

    54 

    55 /* select boxes */

    56 

    57 .x-form-select-one {

    58     height:20px;

    59     line-height:18px;

    60     vertical-align:middle;

    61     background-color:#fff; /* opera */

    62     border: 1px solid #B5B8C8;

    63 }

    64 

    65 /* multi select boxes */

    66 

    67 /* --- TODO --- */

    68 

    69 /* checkboxes */

    70 

    71 /* --- TODO --- */

    72 

    73 /* radios */

    74 

    75 /* --- TODO --- */

    76 

    77 

    78 /* wrapped fields and triggers */

    79 

    80 .x-form-field-wrap {

    81     position:relative;

    82     zoom:1;

    83     white-space: nowrap;

    84 }

    85 

    86 .x-editor .x-form-check-wrap {

    87     background:#fff;

    88 }

    89 .x-form-field-wrap .x-form-trigger{

    90     width:17px;

    91     height:21px;

    92     border:0;

    93     background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;

    94     cursor:pointer;

    95     border-bottom: 1px solid #B5B8C8;

    96     position:absolute;

    97     top:0;

    98 }

    99 .ext-safari .x-form-field-wrap .x-form-trigger{

   100     height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */

   101 }

   102 

   103 .x-form-field-wrap .x-form-date-trigger{

   104     background-image: url(../images/default/form/date-trigger.gif);

   105     cursor:pointer;

   106 }

   107 .x-form-field-wrap .x-form-clear-trigger{

   108     background-image: url(../images/default/form/clear-trigger.gif);

   109     cursor:pointer;

   110 }

   111 .x-form-field-wrap .x-form-search-trigger{

   112     background-image: url(../images/default/form/search-trigger.gif);

   113     cursor:pointer;

   114 }

   115 .ext-safari .x-form-field-wrap .x-form-trigger{

   116     right:0;

   117 }

   118 .x-form-field-wrap .x-form-twin-triggers{

   119 

   120 }

   121 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{

   122     position:static;

   123     top:auto;

   124     vertical-align:top;

   125 }

   126 

   127 

   128 .x-form-field-wrap .x-form-trigger-over{

   129     background-position:-17px 0;

   130 }

   131 .x-form-field-wrap .x-form-trigger-click{

   132     background-position:-34px 0;

   133 }

   134 

   135 .x-trigger-wrap-focus .x-form-trigger{

   136     background-position:-51px 0;

   137 }

   138 .x-trigger-wrap-focus .x-form-trigger-over{

   139     background-position:-68px 0;

   140 }

   141 .x-trigger-wrap-focus .x-form-trigger-click{

   142     background-position:-85px 0;

   143 }

   144 .x-trigger-wrap-focus .x-form-trigger{

   145     border-bottom: 1px solid #7eadd9;

   146 }

   147 

   148 .x-item-disabled .x-form-trigger-over{

   149     background-position:0 0 !important;

   150     border-bottom: 1px solid #B5B8C8;

   151 }

   152 .x-item-disabled .x-form-trigger-click{

   153     background-position:0 0 !important;

   154     border-bottom: 1px solid #B5B8C8;

   155 }

   156 

   157 /* field focus style */

   158 .x-form-focus, textarea.x-form-focus{

   159 	border: 1px solid #7eadd9;

   160 }

   161 

   162 /* invalid fields */

   163 .x-form-invalid, textarea.x-form-invalid{

   164 	background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;

   165 	border: 1px solid #dd7870;

   166 }

   167 .ext-safari .x-form-invalid{

   168 	background-color:#ffeeee;

   169 	border: 1px solid #ff7870;

   170 }

   171 

   172 /* editors */

   173 

   174 .x-editor {

   175     visibility:hidden;

   176     padding:0;

   177     margin:0;

   178 }

   179 .x-form-check-wrap {

   180     line-height:18px;

   181 }

   182 .ext-ie .x-form-check-wrap input {

   183     width:15px;

   184     height:15px;

   185 }

   186 .x-editor .x-form-check-wrap {

   187     padding:3px;

   188 }

   189 .x-editor .x-form-checkbox {

   190     height:13px;

   191 }

   192 /* If you override the default field font above, you would need to change this font as well */

   193 .x-form-grow-sizer {

   194 	font:normal 12px tahoma, arial, helvetica, sans-serif;

   195     left: -10000px;

   196 	padding: 8px 3px;

   197     position: absolute;

   198     visibility:hidden;

   199     top: -10000px;

   200 	white-space: pre-wrap;

   201     white-space: -moz-pre-wrap;

   202     white-space: -pre-wrap;

   203     white-space: -o-pre-wrap;

   204     word-wrap: break-word;

   205     zoom:1;

   206 }

   207 .x-form-grow-sizer p {

   208     margin:0 !important;

   209     border:0 none !important;

   210     padding:0 !important;

   211 }

   212 /* Form Items CSS */

   213 

   214 .x-form-item {

   215     font:normal 12px tahoma, arial, helvetica, sans-serif;

   216     display:block;

   217     margin-bottom:4px;

   218     zoom:1;

   219 }

   220 

   221 .x-form-item label {

   222     display:block;

   223     float:left;

   224     width:100px;

   225     padding:3px;

   226     padding-left:0;

   227     clear:left;

   228     z-index:2;

   229     position:relative;

   230 }

   231 

   232 .x-form-element {

   233     padding-left:105px;

   234     position:relative;

   235 }

   236 

   237 .x-form-invalid-msg {

   238     color:#ee0000;

   239     padding:2px;

   240     padding-left:18px;

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

   242     background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;

   243     line-height:16px;

   244     width:200px;

   245 }

   246 

   247 

   248 .x-form-label-right label {

   249    text-align:right;

   250 }

   251 

   252 .x-form-label-top .x-form-item label {

   253     width:auto;

   254     float:none;

   255     clear:none;

   256     display:inline;

   257     margin-bottom:4px;

   258     position:static;

   259 }

   260 

   261 .x-form-label-top .x-form-element {

   262     padding-left:0;

   263     padding-top:4px;

   264 }

   265 

   266 .x-form-label-top .x-form-item {

   267     padding-bottom:4px;

   268 }

   269 

   270 .x-form-empty-field {

   271     color:gray;

   272 }

   273 /* Editor small font for grid, toolbar and tree */

   274 .x-small-editor .x-form-field {

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

   276 }

   277 .x-small-editor .x-form-text {

   278     height:20px;

   279     line-height:16px;

   280     vertical-align:middle;

   281 }

   282 .ext-ie .x-small-editor .x-form-text {

   283     margin-top:-1px !important; /* ie bogus margin bug */

   284     margin-bottom:-1px !important;

   285     height:20px !important; /* ie quirks */

   286     line-height:16px !important;

   287 }

   288 .ext-strict .x-small-editor .x-form-text {

   289     height:16px !important;

   290 }

   291 

   292 .ext-safari .x-small-editor .x-form-field {

   293     /* safari text field will not size so needs bigger font */

   294     font:normal 12px arial, tahoma, helvetica, sans-serif;

   295 }

   296 .ext-ie .x-small-editor .x-form-text {

   297     height:20px;

   298     line-height:16px;

   299 }

   300 .ext-border-box .x-small-editor .x-form-text {

   301     height:20px;

   302 }

   303 

   304 .x-small-editor .x-form-select-one {

   305     height:20px;

   306     line-height:16px;

   307     vertical-align:middle;

   308 }

   309 .x-small-editor .x-form-num-field {

   310     text-align:right;

   311 }

   312 .x-small-editor .x-form-field-wrap .x-form-trigger{

   313     height:19px;

   314 }

   315 

   316 

   317 .x-form-clear {

   318     clear:both;

   319     height:0;

   320     overflow:hidden;

   321     line-height:0;

   322     font-size:0;

   323 }

   324 .x-form-clear-left {

   325     clear:left;

   326     height:0;

   327     overflow:hidden;

   328     line-height:0;

   329     font-size:0;

   330 }

   331 

   332 .x-form-cb-label {

   333     width:'auto' !important;

   334     float:none !important;

   335     clear:none !important;

   336     display:inline !important;

   337     margin-left:4px;

   338 }

   339 

   340 .x-form-column {

   341     float:left;

   342     padding:0;

   343     margin:0;

   344     width:48%;

   345     overflow:hidden;

   346     zoom:1;

   347 }

   348 

   349 /* buttons */

   350 .x-form .x-form-btns-ct .x-btn{

   351 	float:right;

   352 	clear:none;

   353 }

   354 .x-form .x-form-btns-ct .x-form-btns td {

   355 	border:0;

   356 	padding:0;

   357 }

   358 .x-form .x-form-btns-ct .x-form-btns-right table{

   359 	float:right;

   360 	clear:none;

   361 }

   362 .x-form .x-form-btns-ct .x-form-btns-left table{

   363 	float:left;

   364 	clear:none;

   365 }

   366 .x-form .x-form-btns-ct .x-form-btns-center{

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

   368 }

   369 .x-form .x-form-btns-ct .x-form-btns-center table{

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

   371 }

   372 .x-form .x-form-btns-ct table td.x-form-btn-td{

   373 	padding:3px;

   374 }

   375 

   376 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{

   377 	background-position:0 -147px;

   378 }

   379 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{

   380 	background-position:0 -168px;

   381 }

   382 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{

   383 	background-position:0 -189px;

   384 }

   385 

   386 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{

   387 	background-position:0 -126px;

   388 }

   389 .x-form .x-form-btns-ct .x-btn-click  .x-btn-right{

   390 	background-position:0 -84px;

   391 }

   392 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{

   393 	background-position:0 -63px;

   394 }

   395 .x-form-invalid-icon {

   396     width:16px;

   397     height:18px;

   398     visibility:hidden;

   399     position:absolute;

   400     left:0;

   401     top:0;

   402     display:block;

   403     background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;

   404 }

   405 

   406 /* fieldsets */

   407 .x-fieldset {

   408     border:1px solid #B5B8C8;

   409     padding:10px;

   410     margin-bottom:10px;

   411     display:block; /* preserve margins in IE */

   412 }

   413 .x-fieldset legend {

   414     font:bold 11px tahoma, arial, helvetica, sans-serif;

   415     color:#15428b;

   416 }

   417 .ext-ie .x-fieldset legend {

   418     margin-bottom:10px;

   419 }

   420 .ext-ie .x-fieldset {

   421     padding-top: 0;

   422     padding-bottom:10px;

   423 }

   424 .x-fieldset legend .x-tool-toggle {

   425     margin-right:3px;

   426     margin-left:0;

   427     float:left !important;

   428 }

   429 .x-fieldset legend input {

   430     margin-right:3px;

   431     float:left !important;

   432     height:13px;

   433     width:13px;

   434 }

   435 fieldset.x-panel-collapsed {

   436     padding-bottom:0 !important;

   437     border-width: 1px 0 0 0 !important;

   438 }

   439 fieldset.x-panel-collapsed .x-fieldset-bwrap {

   440     visibility:hidden;

   441     position:absolute;

   442     left:-1000px;

   443     top:-1000px;

   444 }

   445 .ext-ie .x-fieldset-bwrap {

   446     zoom:1;

   447 }

   448 .ext-ie td .x-form-text {

   449     position:relative;

   450     top:-1px;

   451 }

   452 .x-fieldset-noborder {

   453     border:0px none transparent;

   454 }

   455 .x-fieldset-noborder legend {

   456     margin-left:-3px;

   457 }

   458 /* IE legend positioing bug */

   459 .ext-ie .x-fieldset-noborder legend {

   460     position: relative;

   461     margin-bottom:23px;

   462 }

   463 .ext-ie .x-fieldset-noborder legend span {

   464     position: absolute;

   465     left:-5px;

   466 }

   467         

   468 .ext-gecko .x-window-body .x-form-item {

   469     -moz-outline: none;

   470     overflow: auto;

   471 }

   472 

   473 .ext-gecko .x-form-item {

   474     -moz-outline: none;

   475 }

   476 

   477 .x-hide-label label.x-form-item-label {

   478      display:none;

   479 }

   480 .x-hide-label .x-form-element {

   481      padding-left: 0 !important;

   482 }

   483 

   484 .x-fieldset {

   485     overflow:hidden;

   486 }

   487 

   488 .x-fieldset-bwrap {

   489     overflow:hidden;

   490     zoom:1;

   491 }

   492 

   493 .x-fieldset-body {

   494     overflow:hidden;

   495 }