pytask/static/css/base.css
changeset 523 74169ec48caf
parent 505 a05fde6309e1
child 524 b942d6e3d204
equal deleted inserted replaced
522:9ef818f841d5 523:74169ec48caf
   189 
   189 
   190 /* Form Related CSS definitions */
   190 /* Form Related CSS definitions */
   191 div #form {
   191 div #form {
   192   margin: 1em 0;
   192   margin: 1em 0;
   193   padding-top: 10px;
   193   padding-top: 10px;
   194   width: 600px;
   194   width: 100%;
   195   background: url('/pytask/static/images/form/form_top.gif') no-repeat 0 0;
   195   background: url('/pytask/static/images/form/form_top.gif') no-repeat 0 0;
   196 }
   196 }
   197 
   197 
   198 div #form #field, #form #field-required {
   198 div #form #field, #form #field-required {
   199   margin: .5em 0;
   199   margin: .5em 0;
   201 
   201 
   202 div #form #field label, #form #field-required label {
   202 div #form #field label, #form #field-required label {
   203   position: relative;
   203   position: relative;
   204   clear: left;
   204   clear: left;
   205   float: left;
   205   float: left;
   206   width: 15em;
   206   width: 23%;
   207   margin-right: 5px;
   207   margin-right: 1%;
   208   padding-right: 30px;
   208   padding-right: 4%;
   209   text-align: right;
   209   text-align: right;
       
   210   font-weight: bold;
   210 }
   211 }
   211 
   212 
   212 div #form #field input, #form #field textarea {
   213 div #form #field input, #form #field textarea {
   213   width:252px;
   214   width: 44%;
   214   clear: left;
   215   clear: left;
   215   border:1px solid #ddd;
   216   border: 1px solid #ddd;
   216   background:#fff url('/pytask/static/images/form/form_input.gif') repeat-x;
   217   background: #fff url('/pytask/static/images/form/form_input.gif') repeat-x;
   217   padding:3px;
   218   padding: .5%;
   218 }
   219 }
   219 
   220 
   220 div #form #field-required input, #form #field-required textarea {
   221 div #form #field-required input, #form #field-required textarea {
   221   width:252px;
   222   width: 44%;
   222   clear: left;
   223   clear: left;
   223   border:1px solid #ff6161;
   224   border: 1px solid #ff6161;
   224   background:#fff url('/pytask/static/images/form/form_input_required.gif') repeat-x;
   225   background:#fff url('/pytask/static/images/form/form_input_required.gif') repeat-x;
   225   padding:3px;
   226   padding: .5%;
   226 }
   227 }
   227 
   228 
   228 div #form #field textarea, #form #field-required textarea {
   229 div #form #field textarea, #form #field-required textarea {
   229   height:125px;
   230   height:125px;
   230   overflow:auto;
   231   overflow:auto;
   231 }
   232 }
   232 
   233 
   233 div #form p.submit {
   234 div #form p.submit {
   234   clear: both;
   235   clear: both;
   235   background:url('/pytask/static/images/form/form_bottom.gif') no-repeat 0 100%;
   236   background:url('/pytask/static/images/form/form_bottom.gif') no-repeat 0 100%;
   236   padding:20px 25px 20px 240px;
   237   padding: 20px 5% 20px 40%;
   237   margin:0;
   238   margin:0;
   238 }
   239 }
   239 
   240 
   240 /* Login Form related CSS */
   241 /* Login Form related CSS */
   241 div #loginform #field {
   242 div #loginform #field {