Mercurial > laserkard
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