Revision 5841646f snf-astakos-app/astakos/im/static/im/css/forms.css
b/snf-astakos-app/astakos/im/static/im/css/forms.css | ||
---|---|---|
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 |
form.withlabels label { width: 224px; display: block; float: left; padding-top: 1em; }
|
|
8 |
form.withlabels label { width: 224px; display: block; float: left; padding-top: 0.8em; }
|
|
9 | 9 |
form.withlabels input[type=text], |
10 | 10 |
form.withlabels input[type=password] { width: 270px; } |
11 | 11 |
form.withlabels input[type=text].long, |
... | ... | |
69 | 69 |
div.form-stacked { margin-bottom: 4em; } |
70 | 70 |
.checkbox-widget.checked { background-color: #FF0000; background-image: url("../images/checkbox.png"); background-position: 50% 50%; } |
71 | 71 |
.content a.checkbox-widget { border: 1px solid #808080; cursor: pointer; display: block; float: left; height: 25px; margin:5px 20px 0 0 ; width: 25px; } |
72 |
form.withlabels .checkbox-widget { margin-top:20px; }
|
|
72 |
form.withlabels .checkbox-widget { margin-top:12px; }
|
|
73 | 73 |
form.innerlabels .checkbox-widget + label { position:static; line-height:36px; color:#808080; } |
74 | 74 |
form.innerlabels .checkbox-widget + label + a { border-bottom:1px solid #F89A1C; font-size: 1.1em; } |
75 | 75 |
form span.info { position:absolute;z-index:101; top:10px; } |
... | ... | |
77 | 77 |
form.withlabels span.info { left:485px; } |
78 | 78 |
form span.info em { display:block; overflow:hidden; position:absolute; left:0; text-indent:-100px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; } |
79 | 79 |
form span.info:hover em { background-position:-4px -3px; } |
80 |
form span.info span { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px; min-height:50px; display:none; font-size:0.846em;}
|
|
80 |
form span.info span { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 8px; min-height:50px; display:none; font-size:0.846em;}
|
|
81 | 81 |
form span.info:hover span { display:block; } |
82 | 82 |
form .with-errors span.info { display:none;} |
83 | 83 |
form p { margin-bottom:0;position:relative;} |
... | ... | |
133 | 133 |
form.withfieldset select { width: 256px; background:#fff;} |
134 | 134 |
form+p:first-child, form legend + p { margin-bottom:2em; } |
135 | 135 |
|
136 |
/* dropkick select extra styles */ |
|
137 |
|
|
138 |
.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:300px; padding:0.8em 0; font-weight:normal; font-family: 'Didact Gothic', Verdana, sans-serif; font-size:1em; background:transparent; color:#808080;} |
|
139 |
.form-row .dk_toggle { border-radius:0; padding:2px 0 10px; border:0 none; text-indent:1.5em; text-decoration:none;background-image:url(../images/arrow-down_black.png); background-position:90% 5px;} |
|
140 |
.form-row .dk_toggle:hover { text-decoration:none; } |
|
141 |
.form-row .dk_open { background:transparent; box-shadow: none; } |
|
142 |
.form-row .dk_open .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;} |
|
143 |
.form-row .dk_focus .dk_toggle { background-color:transparent; border:0 none; color:#000; box-shadow: none;} |
|
144 |
.1form-row .dk_options { display:block; } |
|
145 |
.form-row .dk_options { box-shadow:none; border-radius:0; z-index:3; margin:6px -1px 0; width:auto; left:0;} |
|
146 |
.form-row .dk_options a { font-weight:normal;color:#808080 } |
|
147 |
.form-row .dk_options_inner { padding:0; margin:0; box-shadow:none; text-shadow:none; border-radius:0; border:1px solid #8C8C8E ;} |
|
148 |
.form-row .dk-options_inner li { list-style:none outside; } |
|
149 |
.form-row .dk_options a:hover, |
|
150 |
.form-row .dk_option_current a { text-shadow:none; background-color: #E7E7E3; text-decoration:none;} |
|
151 | 136 |
|
152 | 137 |
form.link-like { display:inline-block; margin:0 5px; float:right;} |
153 | 138 |
form.link-like input[type="submit"] { margin:0; padding:0 5px; background:transparent; color:#F89A1C; cursor:pointer; height:auto; line-height:120%; } |
... | ... | |
159 | 144 |
.projects form .with-checkbox { margin:20px 0; } |
160 | 145 |
.projects form .with-checkbox label { padding-top:7px; } |
161 | 146 |
.projects form .with-checkbox span.info { bottom:24px; } |
162 |
.projects .minimal { float:right; position:relative; margin-bottom:-20px;}
|
|
147 |
.projects .minimal { float:right; position:relative; margin-bottom:-28px;}
|
|
163 | 148 |
.projects .minimal select { padding:3px; width:250px; } |
164 | 149 |
.projects .minimal label { position:absolute; right:290px; top:5px; white-space:nowrap} |
165 | 150 |
|
Also available in: Unified diff