diff onlypaths/theme/css/form.css @ 46:26c2b3ad21c7 laserkard

[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author rlm
date Sun, 31 Jan 2010 12:33:33 -0500
parents
children
line wrap: on
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/onlypaths/theme/css/form.css	Sun Jan 31 12:33:33 2010 -0500
     1.3 @@ -0,0 +1,495 @@
     1.4 +/*
     1.5 + * Ext JS Library 2.1
     1.6 + * Copyright(c) 2006-2008, Ext JS, LLC.
     1.7 + * licensing@extjs.com
     1.8 + * 
     1.9 + * http://extjs.com/license
    1.10 + */
    1.11 +
    1.12 +/* all fields */
    1.13 +.x-form-field{
    1.14 +    margin: 0 0 0 0;
    1.15 +    font:normal 12px tahoma, arial, helvetica, sans-serif;
    1.16 +}
    1.17 +
    1.18 +/* ---- text fields ---- */
    1.19 +.x-form-text, textarea.x-form-field{
    1.20 +    padding:1px 3px;
    1.21 +    background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;
    1.22 +    border:1px solid #B5B8C8;
    1.23 +}
    1.24 +textarea.x-form-field {
    1.25 +    padding:2px 3px;
    1.26 +}
    1.27 +.x-form-text {
    1.28 +    height:22px;
    1.29 +    line-height:18px;
    1.30 +    vertical-align:middle;
    1.31 +}
    1.32 +.ext-ie .x-form-text {
    1.33 +    margin:-1px 0; /* ie bogus margin bug */
    1.34 +    height:22px; /* ie quirks */
    1.35 +    line-height:18px;
    1.36 +}
    1.37 +.ext-ie textarea.x-form-field {
    1.38 +    margin:-1px 0; /* ie bogus margin bug */
    1.39 +}
    1.40 +.ext-strict .x-form-text {
    1.41 +    height:18px;
    1.42 +}
    1.43 +.ext-safari .x-form-text {
    1.44 +    height:20px; /* safari always same size */
    1.45 +    padding:0 3px; /* remove extra top/bottom padding */
    1.46 +}
    1.47 +.ext-safari.ext-mac textarea.x-form-field {
    1.48 +    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
    1.49 +}
    1.50 +.ext-gecko .x-form-text {
    1.51 +    padding-top:2px; /* FF won't center the text vertically */
    1.52 +    padding-bottom:0;
    1.53 +}
    1.54 +textarea {
    1.55 +    resize: none;  /* Disable browser resizable textarea */
    1.56 +}
    1.57 +
    1.58 +/* select boxes */
    1.59 +
    1.60 +.x-form-select-one {
    1.61 +    height:20px;
    1.62 +    line-height:18px;
    1.63 +    vertical-align:middle;
    1.64 +    background-color:#fff; /* opera */
    1.65 +    border: 1px solid #B5B8C8;
    1.66 +}
    1.67 +
    1.68 +/* multi select boxes */
    1.69 +
    1.70 +/* --- TODO --- */
    1.71 +
    1.72 +/* checkboxes */
    1.73 +
    1.74 +/* --- TODO --- */
    1.75 +
    1.76 +/* radios */
    1.77 +
    1.78 +/* --- TODO --- */
    1.79 +
    1.80 +
    1.81 +/* wrapped fields and triggers */
    1.82 +
    1.83 +.x-form-field-wrap {
    1.84 +    position:relative;
    1.85 +    zoom:1;
    1.86 +    white-space: nowrap;
    1.87 +}
    1.88 +
    1.89 +.x-editor .x-form-check-wrap {
    1.90 +    background:#fff;
    1.91 +}
    1.92 +.x-form-field-wrap .x-form-trigger{
    1.93 +    width:17px;
    1.94 +    height:21px;
    1.95 +    border:0;
    1.96 +    background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
    1.97 +    cursor:pointer;
    1.98 +    border-bottom: 1px solid #B5B8C8;
    1.99 +    position:absolute;
   1.100 +    top:0;
   1.101 +}
   1.102 +.ext-safari .x-form-field-wrap .x-form-trigger{
   1.103 +    height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
   1.104 +}
   1.105 +
   1.106 +.x-form-field-wrap .x-form-date-trigger{
   1.107 +    background-image: url(../images/default/form/date-trigger.gif);
   1.108 +    cursor:pointer;
   1.109 +}
   1.110 +.x-form-field-wrap .x-form-clear-trigger{
   1.111 +    background-image: url(../images/default/form/clear-trigger.gif);
   1.112 +    cursor:pointer;
   1.113 +}
   1.114 +.x-form-field-wrap .x-form-search-trigger{
   1.115 +    background-image: url(../images/default/form/search-trigger.gif);
   1.116 +    cursor:pointer;
   1.117 +}
   1.118 +.ext-safari .x-form-field-wrap .x-form-trigger{
   1.119 +    right:0;
   1.120 +}
   1.121 +.x-form-field-wrap .x-form-twin-triggers{
   1.122 +
   1.123 +}
   1.124 +.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
   1.125 +    position:static;
   1.126 +    top:auto;
   1.127 +    vertical-align:top;
   1.128 +}
   1.129 +
   1.130 +
   1.131 +.x-form-field-wrap .x-form-trigger-over{
   1.132 +    background-position:-17px 0;
   1.133 +}
   1.134 +.x-form-field-wrap .x-form-trigger-click{
   1.135 +    background-position:-34px 0;
   1.136 +}
   1.137 +
   1.138 +.x-trigger-wrap-focus .x-form-trigger{
   1.139 +    background-position:-51px 0;
   1.140 +}
   1.141 +.x-trigger-wrap-focus .x-form-trigger-over{
   1.142 +    background-position:-68px 0;
   1.143 +}
   1.144 +.x-trigger-wrap-focus .x-form-trigger-click{
   1.145 +    background-position:-85px 0;
   1.146 +}
   1.147 +.x-trigger-wrap-focus .x-form-trigger{
   1.148 +    border-bottom: 1px solid #7eadd9;
   1.149 +}
   1.150 +
   1.151 +.x-item-disabled .x-form-trigger-over{
   1.152 +    background-position:0 0 !important;
   1.153 +    border-bottom: 1px solid #B5B8C8;
   1.154 +}
   1.155 +.x-item-disabled .x-form-trigger-click{
   1.156 +    background-position:0 0 !important;
   1.157 +    border-bottom: 1px solid #B5B8C8;
   1.158 +}
   1.159 +
   1.160 +/* field focus style */
   1.161 +.x-form-focus, textarea.x-form-focus{
   1.162 +	border: 1px solid #7eadd9;
   1.163 +}
   1.164 +
   1.165 +/* invalid fields */
   1.166 +.x-form-invalid, textarea.x-form-invalid{
   1.167 +	background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
   1.168 +	border: 1px solid #dd7870;
   1.169 +}
   1.170 +.ext-safari .x-form-invalid{
   1.171 +	background-color:#ffeeee;
   1.172 +	border: 1px solid #ff7870;
   1.173 +}
   1.174 +
   1.175 +/* editors */
   1.176 +
   1.177 +.x-editor {
   1.178 +    visibility:hidden;
   1.179 +    padding:0;
   1.180 +    margin:0;
   1.181 +}
   1.182 +.x-form-check-wrap {
   1.183 +    line-height:18px;
   1.184 +}
   1.185 +.ext-ie .x-form-check-wrap input {
   1.186 +    width:15px;
   1.187 +    height:15px;
   1.188 +}
   1.189 +.x-editor .x-form-check-wrap {
   1.190 +    padding:3px;
   1.191 +}
   1.192 +.x-editor .x-form-checkbox {
   1.193 +    height:13px;
   1.194 +}
   1.195 +/* If you override the default field font above, you would need to change this font as well */
   1.196 +.x-form-grow-sizer {
   1.197 +	font:normal 12px tahoma, arial, helvetica, sans-serif;
   1.198 +    left: -10000px;
   1.199 +	padding: 8px 3px;
   1.200 +    position: absolute;
   1.201 +    visibility:hidden;
   1.202 +    top: -10000px;
   1.203 +	white-space: pre-wrap;
   1.204 +    white-space: -moz-pre-wrap;
   1.205 +    white-space: -pre-wrap;
   1.206 +    white-space: -o-pre-wrap;
   1.207 +    word-wrap: break-word;
   1.208 +    zoom:1;
   1.209 +}
   1.210 +.x-form-grow-sizer p {
   1.211 +    margin:0 !important;
   1.212 +    border:0 none !important;
   1.213 +    padding:0 !important;
   1.214 +}
   1.215 +/* Form Items CSS */
   1.216 +
   1.217 +.x-form-item {
   1.218 +    font:normal 12px tahoma, arial, helvetica, sans-serif;
   1.219 +    display:block;
   1.220 +    margin-bottom:4px;
   1.221 +    zoom:1;
   1.222 +}
   1.223 +
   1.224 +.x-form-item label {
   1.225 +    display:block;
   1.226 +    float:left;
   1.227 +    width:100px;
   1.228 +    padding:3px;
   1.229 +    padding-left:0;
   1.230 +    clear:left;
   1.231 +    z-index:2;
   1.232 +    position:relative;
   1.233 +}
   1.234 +
   1.235 +.x-form-element {
   1.236 +    padding-left:105px;
   1.237 +    position:relative;
   1.238 +}
   1.239 +
   1.240 +.x-form-invalid-msg {
   1.241 +    color:#ee0000;
   1.242 +    padding:2px;
   1.243 +    padding-left:18px;
   1.244 +    font:normal 11px tahoma, arial, helvetica, sans-serif;
   1.245 +    background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
   1.246 +    line-height:16px;
   1.247 +    width:200px;
   1.248 +}
   1.249 +
   1.250 +
   1.251 +.x-form-label-right label {
   1.252 +   text-align:right;
   1.253 +}
   1.254 +
   1.255 +.x-form-label-top .x-form-item label {
   1.256 +    width:auto;
   1.257 +    float:none;
   1.258 +    clear:none;
   1.259 +    display:inline;
   1.260 +    margin-bottom:4px;
   1.261 +    position:static;
   1.262 +}
   1.263 +
   1.264 +.x-form-label-top .x-form-element {
   1.265 +    padding-left:0;
   1.266 +    padding-top:4px;
   1.267 +}
   1.268 +
   1.269 +.x-form-label-top .x-form-item {
   1.270 +    padding-bottom:4px;
   1.271 +}
   1.272 +
   1.273 +.x-form-empty-field {
   1.274 +    color:gray;
   1.275 +}
   1.276 +/* Editor small font for grid, toolbar and tree */
   1.277 +.x-small-editor .x-form-field {
   1.278 +    font:normal 11px arial, tahoma, helvetica, sans-serif;
   1.279 +}
   1.280 +.x-small-editor .x-form-text {
   1.281 +    height:20px;
   1.282 +    line-height:16px;
   1.283 +    vertical-align:middle;
   1.284 +}
   1.285 +.ext-ie .x-small-editor .x-form-text {
   1.286 +    margin-top:-1px !important; /* ie bogus margin bug */
   1.287 +    margin-bottom:-1px !important;
   1.288 +    height:20px !important; /* ie quirks */
   1.289 +    line-height:16px !important;
   1.290 +}
   1.291 +.ext-strict .x-small-editor .x-form-text {
   1.292 +    height:16px !important;
   1.293 +}
   1.294 +
   1.295 +.ext-safari .x-small-editor .x-form-field {
   1.296 +    /* safari text field will not size so needs bigger font */
   1.297 +    font:normal 12px arial, tahoma, helvetica, sans-serif;
   1.298 +}
   1.299 +.ext-ie .x-small-editor .x-form-text {
   1.300 +    height:20px;
   1.301 +    line-height:16px;
   1.302 +}
   1.303 +.ext-border-box .x-small-editor .x-form-text {
   1.304 +    height:20px;
   1.305 +}
   1.306 +
   1.307 +.x-small-editor .x-form-select-one {
   1.308 +    height:20px;
   1.309 +    line-height:16px;
   1.310 +    vertical-align:middle;
   1.311 +}
   1.312 +.x-small-editor .x-form-num-field {
   1.313 +    text-align:right;
   1.314 +}
   1.315 +.x-small-editor .x-form-field-wrap .x-form-trigger{
   1.316 +    height:19px;
   1.317 +}
   1.318 +
   1.319 +
   1.320 +.x-form-clear {
   1.321 +    clear:both;
   1.322 +    height:0;
   1.323 +    overflow:hidden;
   1.324 +    line-height:0;
   1.325 +    font-size:0;
   1.326 +}
   1.327 +.x-form-clear-left {
   1.328 +    clear:left;
   1.329 +    height:0;
   1.330 +    overflow:hidden;
   1.331 +    line-height:0;
   1.332 +    font-size:0;
   1.333 +}
   1.334 +
   1.335 +.x-form-cb-label {
   1.336 +    width:'auto' !important;
   1.337 +    float:none !important;
   1.338 +    clear:none !important;
   1.339 +    display:inline !important;
   1.340 +    margin-left:4px;
   1.341 +}
   1.342 +
   1.343 +.x-form-column {
   1.344 +    float:left;
   1.345 +    padding:0;
   1.346 +    margin:0;
   1.347 +    width:48%;
   1.348 +    overflow:hidden;
   1.349 +    zoom:1;
   1.350 +}
   1.351 +
   1.352 +/* buttons */
   1.353 +.x-form .x-form-btns-ct .x-btn{
   1.354 +	float:right;
   1.355 +	clear:none;
   1.356 +}
   1.357 +.x-form .x-form-btns-ct .x-form-btns td {
   1.358 +	border:0;
   1.359 +	padding:0;
   1.360 +}
   1.361 +.x-form .x-form-btns-ct .x-form-btns-right table{
   1.362 +	float:right;
   1.363 +	clear:none;
   1.364 +}
   1.365 +.x-form .x-form-btns-ct .x-form-btns-left table{
   1.366 +	float:left;
   1.367 +	clear:none;
   1.368 +}
   1.369 +.x-form .x-form-btns-ct .x-form-btns-center{
   1.370 +	text-align:center; /*ie*/
   1.371 +}
   1.372 +.x-form .x-form-btns-ct .x-form-btns-center table{
   1.373 +	margin:0 auto; /*everyone else*/
   1.374 +}
   1.375 +.x-form .x-form-btns-ct table td.x-form-btn-td{
   1.376 +	padding:3px;
   1.377 +}
   1.378 +
   1.379 +.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
   1.380 +	background-position:0 -147px;
   1.381 +}
   1.382 +.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
   1.383 +	background-position:0 -168px;
   1.384 +}
   1.385 +.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
   1.386 +	background-position:0 -189px;
   1.387 +}
   1.388 +
   1.389 +.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
   1.390 +	background-position:0 -126px;
   1.391 +}
   1.392 +.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
   1.393 +	background-position:0 -84px;
   1.394 +}
   1.395 +.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
   1.396 +	background-position:0 -63px;
   1.397 +}
   1.398 +.x-form-invalid-icon {
   1.399 +    width:16px;
   1.400 +    height:18px;
   1.401 +    visibility:hidden;
   1.402 +    position:absolute;
   1.403 +    left:0;
   1.404 +    top:0;
   1.405 +    display:block;
   1.406 +    background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
   1.407 +}
   1.408 +
   1.409 +/* fieldsets */
   1.410 +.x-fieldset {
   1.411 +    border:1px solid #B5B8C8;
   1.412 +    padding:10px;
   1.413 +    margin-bottom:10px;
   1.414 +    display:block; /* preserve margins in IE */
   1.415 +}
   1.416 +.x-fieldset legend {
   1.417 +    font:bold 11px tahoma, arial, helvetica, sans-serif;
   1.418 +    color:#15428b;
   1.419 +}
   1.420 +.ext-ie .x-fieldset legend {
   1.421 +    margin-bottom:10px;
   1.422 +}
   1.423 +.ext-ie .x-fieldset {
   1.424 +    padding-top: 0;
   1.425 +    padding-bottom:10px;
   1.426 +}
   1.427 +.x-fieldset legend .x-tool-toggle {
   1.428 +    margin-right:3px;
   1.429 +    margin-left:0;
   1.430 +    float:left !important;
   1.431 +}
   1.432 +.x-fieldset legend input {
   1.433 +    margin-right:3px;
   1.434 +    float:left !important;
   1.435 +    height:13px;
   1.436 +    width:13px;
   1.437 +}
   1.438 +fieldset.x-panel-collapsed {
   1.439 +    padding-bottom:0 !important;
   1.440 +    border-width: 1px 0 0 0 !important;
   1.441 +}
   1.442 +fieldset.x-panel-collapsed .x-fieldset-bwrap {
   1.443 +    visibility:hidden;
   1.444 +    position:absolute;
   1.445 +    left:-1000px;
   1.446 +    top:-1000px;
   1.447 +}
   1.448 +.ext-ie .x-fieldset-bwrap {
   1.449 +    zoom:1;
   1.450 +}
   1.451 +.ext-ie td .x-form-text {
   1.452 +    position:relative;
   1.453 +    top:-1px;
   1.454 +}
   1.455 +.x-fieldset-noborder {
   1.456 +    border:0px none transparent;
   1.457 +}
   1.458 +.x-fieldset-noborder legend {
   1.459 +    margin-left:-3px;
   1.460 +}
   1.461 +/* IE legend positioing bug */
   1.462 +.ext-ie .x-fieldset-noborder legend {
   1.463 +    position: relative;
   1.464 +    margin-bottom:23px;
   1.465 +}
   1.466 +.ext-ie .x-fieldset-noborder legend span {
   1.467 +    position: absolute;
   1.468 +    left:-5px;
   1.469 +}
   1.470 +        
   1.471 +.ext-gecko .x-window-body .x-form-item {
   1.472 +    -moz-outline: none;
   1.473 +    overflow: auto;
   1.474 +}
   1.475 +
   1.476 +.ext-gecko .x-form-item {
   1.477 +    -moz-outline: none;
   1.478 +}
   1.479 +
   1.480 +.x-hide-label label.x-form-item-label {
   1.481 +     display:none;
   1.482 +}
   1.483 +.x-hide-label .x-form-element {
   1.484 +     padding-left: 0 !important;
   1.485 +}
   1.486 +
   1.487 +.x-fieldset {
   1.488 +    overflow:hidden;
   1.489 +}
   1.490 +
   1.491 +.x-fieldset-bwrap {
   1.492 +    overflow:hidden;
   1.493 +    zoom:1;
   1.494 +}
   1.495 +
   1.496 +.x-fieldset-body {
   1.497 +    overflow:hidden;
   1.498 +}
   1.499 \ No newline at end of file