Revision ad1a069e cloudcms/static/cloudcms/css/forms.css
| b/cloudcms/static/cloudcms/css/forms.css | ||
|---|---|---|
| 21 | 21 |
form h2 span { padding-bottom: 3px; }
|
| 22 | 22 |
form .form-row { min-height: 30px; position: relative;}
|
| 23 | 23 |
form .form-row.submit { margin: 22px 0 ;}
|
| 24 |
form .form-row .extra-link { color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:42px; float: right; }
|
|
| 25 |
form .form-row .extra-link:hover { text-decoration:underline;}
|
|
| 24 |
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; }
|
|
| 25 |
form .form-row .extra-link:hover { border-bottom:1px solid #808080;}
|
|
| 26 | 26 |
form .form-row label { font-size: 1.1em; }
|
| 27 | 27 |
form.innerlabels label { position: absolute; top: 12px; left: 1.5em; color: #808080 ; }
|
| 28 | 28 |
form.innerlabels p { margin:0; position: relative;}
|
| ... | ... | |
| 30 | 30 |
form.innerlabels p.p15px a { margin:0 5px;}
|
| 31 | 31 |
form.innerlabels p.p15px a:hover { text-decoration:underline;}
|
| 32 | 32 |
form.innerlabels a, |
| 33 |
form.innerlabels a:hover { border:0 none;}
|
|
| 33 |
form.innerlabels a:hover { }
|
|
| 34 | 34 |
form textarea, |
| 35 | 35 |
form input.text, |
| 36 | 36 |
form input[type="text"], |
| ... | ... | |
| 73 | 73 |
form.withlabels .checkbox-widget { margin-top:20px; }
|
| 74 | 74 |
form.innerlabels .checkbox-widget + label { position:static; line-height:36px; color:#808080; }
|
| 75 | 75 |
form.innerlabels .checkbox-widget + label + a { border-bottom:1px solid #F89A1C; font-size: 1.1em; }
|
| 76 |
form span.info { position:absolute;z-index:10; top:10px; left: 290px; }
|
|
| 76 |
form span.info { position:absolute;z-index:10; bottom:32px; }
|
|
| 77 |
form.innerlabels span.info { left: 290px; }
|
|
| 78 |
form.withlabels span.info { left: 440px; }
|
|
| 77 | 79 |
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; }
|
| 78 | 80 |
form span.info:hover em { background-position:-4px -3px; }
|
| 79 | 81 |
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;}
|
| ... | ... | |
| 85 | 87 |
form.innerlabels .with-checkbox .checkbox-widget { margin-top:15px; }
|
| 86 | 88 |
form.innerlabels .with-checkbox .checkbox-label { left:2.5em; top:17px; }
|
| 87 | 89 |
|
| 88 |
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; left:440px; bottom:10px; z-index:101;}
|
|
| 90 |
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; }
|
|
| 91 |
form.withlabels .extra-img { left:440px; bottom:12px; }
|
|
| 92 |
form.innerlabels .extra-img { bottom:10px; left:290px }
|
|
| 89 | 93 |
form .with-checkbox .extra-img { top:20px; }
|
| 90 |
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px;}
|
|
| 94 |
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px; z-index:101;}
|
|
| 91 | 95 |
form .with-errors textarea+.extra-img, |
| 92 | 96 |
form .with-errors noscript+.extra-img { background:transparent;}
|
| 93 | 97 |
form .with-errors input[type="text"], |
| 94 | 98 |
form .with-errors input[type="password"] { border:1px solid red;}
|
| 95 | 99 |
form.innerlabels .with-errors .extra-img { left:290px;}
|
| 96 |
form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px;}
|
|
| 100 |
form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px; z-index:101;}
|
|
| 97 | 101 |
.errorlist { margin:0; padding:0;}
|
| 98 | 102 |
.errorlist li { list-style:none outside;}
|
| 99 |
|
|
| 100 |
@media screen and (max-width : 583px) {
|
|
| 101 |
form .extra-img { left:222px; }
|
|
| 102 |
.form-error { margin-left:0!important; }
|
|
| 103 |
|
|
| 104 |
form .with-hidden { display:none; }
|
|
| 105 |
|
|
| 106 |
|
|
| 107 |
/* custom captcha */ |
|
| 108 |
#okeanos_recaptcha { width:331px; border:1px solid #808080; margin:20px 0; position:relative; }
|
|
| 109 |
#okeanos_recaptcha #recaptcha_image { padding:15px 0; }
|
|
| 110 |
#okeanos_recaptcha label.recaptcha_only_if_image, |
|
| 111 |
#okeanos_recaptcha label.recaptcha_only_if_audio{ position:absolute; top:auto; bottom:12px; }
|
|
| 112 |
#okeanos_recaptcha a.recaptcha_audio_cant_hear_link { margin-left:20px; }
|
|
| 113 |
#okeanos_recaptcha #recaptcha_response_field { width:220px; float:left; border-left:0 none; }
|
|
| 114 |
#okeanos_recaptcha .img { width:23px; float:left; height:23px; overflow:hidden; margin:8px; }
|
|
| 115 |
#okeanos_recaptcha .img a { display:block; width:100%; height:100%; background:url(../images/refresh_lg.png) no-repeat top left; text-indent:-100px }
|
|
| 116 |
#okeanos_recaptcha .img-refresh a { background:url(../images/refresh_lg.png); }
|
|
| 117 |
#okeanos_recaptcha .img-refresh a:hover { background:url(../images/refresh_g.png); }
|
|
| 118 |
#okeanos_recaptcha .img-audio a { background:url(../images/sound_lg.png); }
|
|
| 119 |
#okeanos_recaptcha .img-audio a:hover { background:url(../images/sound_g.png); }
|
|
| 120 |
#okeanos_recaptcha .actions-wrap { border-top:1px solid #808080 }
|
|
| 121 |
|
|
| 122 |
|
|
| 123 |
@media screen and (max-width : 591px) {
|
|
| 124 |
form.withlabels .extra-img { left:222px; }
|
|
| 125 |
form.withlabels span.info { left:222px; }
|
|
| 126 |
form .extra-img { left:222px; }
|
|
| 127 |
|
|
| 128 |
.form-error { margin-left:0!important; }
|
|
| 103 | 129 |
|
| 104 | 130 |
} |
Also available in: Unified diff