# HG changeset patch # User Madhusudan.C.S # Date 1296383278 -19800 # Node ID 74169ec48cafb88a83d6b1c9ae04e16bdb2954ae # Parent 9ef818f841d59536d1615cff4a4ff1d25f41d074 Make the forms box liquid. Don't use fixed width. diff -r 9ef818f841d5 -r 74169ec48caf pytask/static/css/base.css --- a/pytask/static/css/base.css Sun Jan 30 15:28:31 2011 +0530 +++ b/pytask/static/css/base.css Sun Jan 30 15:57:58 2011 +0530 @@ -191,7 +191,7 @@ div #form { margin: 1em 0; padding-top: 10px; - width: 600px; + width: 100%; background: url('/pytask/static/images/form/form_top.gif') no-repeat 0 0; } @@ -203,26 +203,27 @@ position: relative; clear: left; float: left; - width: 15em; - margin-right: 5px; - padding-right: 30px; + width: 23%; + margin-right: 1%; + padding-right: 4%; text-align: right; + font-weight: bold; } div #form #field input, #form #field textarea { - width:252px; + width: 44%; clear: left; - border:1px solid #ddd; - background:#fff url('/pytask/static/images/form/form_input.gif') repeat-x; - padding:3px; + border: 1px solid #ddd; + background: #fff url('/pytask/static/images/form/form_input.gif') repeat-x; + padding: .5%; } div #form #field-required input, #form #field-required textarea { - width:252px; + width: 44%; clear: left; - border:1px solid #ff6161; + border: 1px solid #ff6161; background:#fff url('/pytask/static/images/form/form_input_required.gif') repeat-x; - padding:3px; + padding: .5%; } div #form #field textarea, #form #field-required textarea { @@ -233,7 +234,7 @@ div #form p.submit { clear: both; background:url('/pytask/static/images/form/form_bottom.gif') no-repeat 0 100%; - padding:20px 25px 20px 240px; + padding: 20px 5% 20px 40%; margin:0; }