# HG changeset patch # User bsw # Date 1331453673 -3600 # Node ID 4d3fb6bcbda43d8f88c76e908e697f3d8a0eb151 # Parent 5a4f5cc161d7980f1b0a607bd933fb7ecd4909da Make formulars more dynamic diff -r 5a4f5cc161d7 -r 4d3fb6bcbda4 static/style.css --- a/static/style.css Sun Mar 11 09:14:19 2012 +0100 +++ b/static/style.css Sun Mar 11 09:14:33 2012 +0100 @@ -661,12 +661,14 @@ .vertical select { font-family: sans-serif; font-size: 100%; - width: 50em; + width: 69%; border: 1px solid #444; padding: 0.2ex 0.2em 0.2ex 0.2em; margin-bottom: 1ex; } + + .login input[type=password], .vertical input[type=password] { width: 16em; @@ -683,7 +685,7 @@ line-height: 120%; font-weight: bold; color: #777; - width: 15em; + width: 29%; display: block; float: left; clear: left; @@ -735,6 +737,34 @@ background-color: #444444; } +@media screen and (max-width: 480px) { + .login input[type=text], + .vertical input[type=text], + .login input[type=password], + .vertical input[type=password], + .vertical textarea, + .vertical select, + .vertical input[type=submit], + .login input[type=submit] { + width: 98%; + } + .login .ui_field_label, + .vertical .ui_field_label { + text-align: left; + width: 98%; + } + .login input[type=text], + .login input[type=password] { + width: 98%; + } + .login input[type=submit], + .vertical input[type=submit] { + margin-left: 0; + } +} + + + /************************************************************************* * Tables */ @@ -1538,4 +1568,4 @@ .footer { margin: 0 auto; max-width: 1130px; -} \ No newline at end of file +}