Revision 9707ab4c cloudcms/static/cloudcms/css/forms.css
| b/cloudcms/static/cloudcms/css/forms.css | ||
|---|---|---|
| 1 | 1 |
/* generic form styles */ |
| 2 | 2 |
input, textarea, .form-widget { background-color: #ffffff; color: #000;border-color: #000000; }
|
| 3 |
#forms .input, #forms input { font-family: 'Antic', sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; }
|
|
| 3 |
#forms .input, #forms input { font-family: 'Didact Gothic', Verdana, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; }
|
|
| 4 | 4 |
#forms .input:focus, |
| 5 | 5 |
#forms input:focus { position: relative; border: 1px solid #000; z-index: 100; }
|
| 6 | 6 |
#forms .input:focus label, |
| 7 | 7 |
#forms input:focus label { z-index: 300; }
|
| 8 | 8 |
form.withlabels label { width: 224px; display: block; float: left; padding-top: 1em; }
|
| 9 | 9 |
form.withlabels input[type=text], |
| 10 |
form.withlabels input[type=password] { width: 224px; }
|
|
| 10 |
form.withlabels input[type=password] { width: 240px; }
|
|
| 11 | 11 |
form.withlabels input[type=text].long, |
| 12 | 12 |
form.withlabels input[type=password].long, |
| 13 | 13 |
form.withlabels textarea.long { width: 224px; }
|
| ... | ... | |
| 21 | 21 |
form .form-row.submit { margin: 22px 0 ;}
|
| 22 | 22 |
form .form-row .extra-link { color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:98%; display:inline-block; padding-top:15px; float: right; position:absolute; right:0; top:0; }
|
| 23 | 23 |
form .form-row .extra-link:hover { border-bottom:1px solid #808080;}
|
| 24 |
form .form-row label { font-size: 1.1em; }
|
|
| 24 |
form .form-row label { font-size: 1.077em; }
|
|
| 25 | 25 |
form.innerlabels label { position: absolute; bottom: 11px; left: 1.5em; color: #808080 ; }
|
| 26 | 26 |
form.innerlabels p { margin:0; position: relative;}
|
| 27 | 27 |
form.innerlabels p.p15px { font-size:1.154em;}
|
| ... | ... | |
| 32 | 32 |
form textarea, |
| 33 | 33 |
form input.text, |
| 34 | 34 |
form input[type="text"], |
| 35 |
form input[type="password"] { color:#808080; font-family: 'Antic', sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px;border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:300px; }
|
|
| 36 |
form select { font-family: 'Antic', sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; display:block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:331px; }
|
|
| 35 |
form input[type="password"] { color:#808080; font-family: 'Didact Gothic', Verdana, sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px;border: 1px solid #808080; height: 21px; display: inline-block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:300px; }
|
|
| 36 |
form select { font-family: 'Didact Gothic', Verdana, sans-serif; font-weight: normal; line-height: 22px; letter-spacing: 1px; border: 1px solid #808080; display:block; margin-bottom: -1px; padding: 0.8em; padding-left: 1.5em; z-index: 2; width:331px; }
|
|
| 37 | 37 |
form textarea:focus, |
| 38 | 38 |
form input.text:focus, |
| 39 | 39 |
form input[type="text"]:focus, |
| ... | ... | |
| 44 | 44 |
form input[type="password"]:focus label { z-index: 300;}
|
| 45 | 45 |
form input.submit, |
| 46 | 46 |
form input[type="submit"], |
| 47 |
a.submit {font-family: 'Antic', sans-serif;font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px; background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }
|
|
| 47 |
a.submit { font-family: 'Didact Gothic', Verdana, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; letter-spacing:1px; background-color: #f89a1c;color: #ffffff; border: none; padding: 10px 22px;font-size: 1em; margin:15px 0 0 223px; height:43px; }
|
|
| 48 | 48 |
form.innerlabels input.submit, |
| 49 | 49 |
form.innerlabels input[type="submit"] {margin-left:0;}
|
| 50 | 50 |
form input.submit:hover, |
| 51 | 51 |
form input[type="submit"]:hover, |
| 52 |
a.submit:hover { background-color:#3582ac;border-color:#3582ac; text-decoration:none;}
|
|
| 52 |
a.submit:hover { background-color:#3582AC;border-color:#3582ac; text-decoration:none;}
|
|
| 53 | 53 |
form input.submit.back, |
| 54 | 54 |
form input[type="submit"].back { text-decoration: none; bottom: 0; float: right; z-index: 500; }
|
| 55 | 55 |
form input.submit.back.right, |
| ... | ... | |
| 87 | 87 |
form.withlabels .with-checkbox .checkbox-widget { position:absolute; left:224px; top:0; }
|
| 88 | 88 |
|
| 89 | 89 |
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; }
|
| 90 |
form.withlabels .extra-img { left:440px; bottom:12px; }
|
|
| 90 |
form.withlabels .extra-img { left:460px; bottom:12px; }
|
|
| 91 | 91 |
form.innerlabels .extra-img { bottom:10px; left:290px }
|
| 92 | 92 |
form .with-checkbox .extra-img { top:20px; }
|
| 93 | 93 |
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px; z-index:101;}
|
| ... | ... | |
| 136 | 136 |
form input.text, |
| 137 | 137 |
form input[type="text"], |
| 138 | 138 |
form input[type="password"] { width:90%; }
|
| 139 |
form.withlabels select { width:90%; }
|
|
| 139 | 140 |
form.innerlabels .extra-img, |
| 140 | 141 |
form.innerlabels .with-errors .extra-img { left:90%; }
|
| 141 | 142 |
form.innerlabels { width:auto; }
|
| ... | ... | |
| 152 | 153 |
|
| 153 | 154 |
} |
| 154 | 155 |
|
| 155 |
p+ form { margin:2em 0; }
|
|
| 156 |
p+ form { margin:2em 0; }
|
|
| 157 |
.full-dotted legend { padding-top:40px; }
|
|
| 158 |
form .form-row .radios label { width:auto; float:none; display:inline-block; }
|
|
| 159 |
form .form-row .radios input[type="radio"] { margin-right:165px; vertical-align:middle; }
|
|
| 160 |
form.withfieldset textarea { width: 224px; }
|
|
| 161 |
form.withfieldset select { width: 256px; background:#fff;}
|
|
| 162 |
form+p:first-child, form legend + p { margin-bottom:2em; }
|
|
| 163 |
|
|
| 164 |
/* dropkick select extra styles */ |
|
| 165 |
|
|
| 166 |
.form-row .dk_container { border-radius:0; margin-bottom:0; border: 1px solid #808080; height: 21px; letter-spacing: 1px; line-height: 22px; margin-bottom: -1px; width:254px; padding:0.8em 0; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;}
|
|
| 167 |
.form-row .dk_toggle { border-radius:0; padding:7px 0; border:0 none; text-indent:1.5em; text-decoration:none;background-image:url(../images/arrow_02.jpg); background-position:90% 5px;}
|
|
| 168 |
.form-row .dk_toggle:hover { text-decoration:none; }
|
|
| 169 |
.form-row .dk_open { background:transparent; box-shadow: none; }
|
|
| 170 |
.form-row .dk_open .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
|
|
| 171 |
.form-row .dk_focus .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;}
|
|
| 172 |
.1form-row .dk_options { display:block; }
|
|
| 173 |
.form-row .dk_options { box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;}
|
|
| 174 |
.form-row .dk_options a { font-weight:normal;color:#808080 }
|
|
| 175 |
.form-row .dk_options_inner { padding:0; margin:0; box-shadow:none; text-shadow:none; border-radius:0; border:1px solid #8C8C8E ;}
|
|
| 176 |
.form-row .dk-options_inner li { list-style:none outside; }
|
|
| 177 |
.form-row .dk_options a:hover, |
|
| 178 |
.form-row .dk_option_current a { text-shadow:none; background-color: #E7E7E3;}
|
|
Also available in: Unified diff