Fixes and Clouds animation
[snf-cloudcms] / cloudcms / static / cloudcms / css / forms.css
index be8ccc5..b818358 100644 (file)
@@ -110,7 +110,7 @@ form .with-hidden                                                   { display:none; }
 #okeanos_recaptcha label.recaptcha_only_if_image,\r
 #okeanos_recaptcha label.recaptcha_only_if_audio{ position:absolute; top:auto; bottom:11px; }\r
 #okeanos_recaptcha a.recaptcha_audio_cant_hear_link { margin-left:20px;  }\r
-#okeanos_recaptcha #recaptcha_response_field   { width:220px; float:left; border-left:0 none;   }\r
+#okeanos_recaptcha #recaptcha_response_field   { width:220px; float:left; margin-left:-1px;  }\r
 #okeanos_recaptcha .img                                                        { width:23px; float:left; height:23px; overflow:hidden; margin:8px; }\r
 #okeanos_recaptcha .img a                                              { display:block; width:100%; height:100%; background:url(../images/refresh_lg.png) no-repeat top left; text-indent:-100px }\r
 #okeanos_recaptcha .img-refresh        a                               { background:url(../images/refresh_lg.png); }\r
@@ -119,12 +119,29 @@ form .with-hidden                                                 { display:none; }
 #okeanos_recaptcha .img-audio a:hover                  { background:url(../images/sound_g.png); }\r
 #okeanos_recaptcha .actions-wrap                               { border-top:1px solid #808080 }\r
 \r
+input.submit:focus,\r
+input[type="submit"]:focus                                             { border:1px solid #F89A1C; }                                           \r
 \r
 @media screen and (max-width : 591px)          { \r
-       form.withlabels .extra-img         { left:222px; }\r
-    form.withlabels span.info     { left:222px; }\r
-    form .extra-img                   { left:222px; }\r
-    \r
-    .form-error                               { margin-left:0!important; } \r
+       form.withlabels .extra-img                                      { left:222px; }\r
+    form.withlabels span.info                                  { left:222px; }\r
+    form .extra-img                                            { left:222px; }\r
+    .form-error                                                        { margin-left:0!important; } \r
+}\r
 \r
+\r
+@media screen and (max-width : 410px)          { \r
+       form.login                                                                      { width:auto; }\r
+       form textarea, \r
+       form input.text, \r
+       form input[type="text"], \r
+       form input[type="password"]                             { width:90%; }\r
+       form.innerlabels .extra-img,\r
+       form.innerlabels .with-errors .extra-img        { left:90%; }\r
+       form.innerlabels                                                        { width:auto; }\r
+       .container form.innerlabels.overflow-hidden     { overflow:visible;}\r
+       form span.info                                                          { display:none; }\r
+       #okeanos_recaptcha                                                      { width:inherit }\r
+       #okeanos_recaptcha #recaptcha_response_field    { width:55%; }\r
+       #okeanos_recaptcha #recaptcha_image     img             { width:80%; }\r
 }
\ No newline at end of file