|
1 body { |
|
2 font-family:'Cardo',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif; |
|
3 font-size: 14px; |
|
4 color: #333; |
|
5 text-align: center; |
|
6 margin: 0px; |
|
7 padding: 20px 0px 20px 0px; |
|
8 } |
1 |
9 |
2 body { |
10 #wrapper { |
3 font-family:'Cardo',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif; |
11 width: 956px; |
4 font-size: 14px; |
12 padding: 10px; |
5 color: #333; |
13 margin: 0px auto 0px auto; |
6 text-align: center; |
14 height: auto; |
7 margin: 0px; |
15 text-align: left; |
8 padding: 20px 0px 20px 0px; |
16 border: 1px solid #ddd; |
9 } |
17 } |
10 #wrapper { |
18 |
11 width: 956px; |
19 #header { |
12 padding: 10px; |
20 margin: 0px; |
13 margin: 0px auto 0px auto; |
21 padding: 5px 0px 5px 0px; |
14 height: auto; |
22 height: auto; |
15 text-align: left; |
23 width: auto; |
16 border: 1px solid #ddd; |
24 text-align: center; |
|
25 background-color: #f1f1f1; |
17 } |
26 } |
18 #header { |
27 |
19 margin: 0px; |
28 #container { |
20 padding: 5px 0px 5px 0px; |
29 padding: 0px; |
21 height: auto; |
30 margin: 10px 0px 0px 0px; |
22 width: auto; |
31 background-attachment: scroll; |
23 text-align: center; |
32 background-image: url(back.gif); |
24 background-color: #f1f1f1; |
33 background-repeat: repeat-y; |
|
34 background-position: 0px 0px; |
|
35 height: auto; #default was 1% |
|
36 width: auto; |
25 } |
37 } |
26 #container { |
38 |
27 padding: 0px; |
39 #left { |
28 margin: 10px 0px 0px 0px; |
40 margin: 0px; |
29 background-attachment: scroll; |
41 width: 160px; |
30 background-image: url(back.gif); |
42 padding: 10px 20px 10px 20px; |
31 background-repeat: repeat-y; |
43 float: left; |
32 background-position: 0px 0px; |
|
33 height: auto; #default was 1% |
|
34 width: auto; |
|
35 } |
44 } |
36 #left { |
45 |
37 margin: 0px; |
46 #nav { |
38 width: 160px; |
47 margin: 0px; |
39 padding: 10px 20px 10px 20px; |
48 padding: 0px; |
40 float: left; |
49 list-style-image: none; |
|
50 list-style-type: none; |
41 } |
51 } |
42 #nav { |
52 |
43 margin: 0px; |
53 #nav li { |
44 padding: 0px; |
54 margin: 0px; |
45 list-style-image: none; |
55 padding: 0px; |
46 list-style-type: none; |
56 display: block; |
|
57 background-attachment: scroll; |
|
58 background-image: url(bullet.gif); |
|
59 background-repeat: no-repeat; |
|
60 background-position: 0px 50%; |
47 } |
61 } |
48 #nav li { |
62 |
49 margin: 0px; |
63 #nav li a:link, #nav li a:visited, #nav li a:active { |
50 padding: 0px; |
64 color: #666; |
51 display: block; |
65 text-decoration: none; |
52 background-attachment: scroll; |
66 display: block; |
53 background-image: url(bullet.gif); |
67 margin: 0px; |
54 background-repeat: no-repeat; |
68 padding: 3px 15px 3px 15px; |
55 background-position: 0px 50%; |
69 width: 130px; |
56 } |
70 } |
57 #nav li a:link, #nav li a:visited, #nav li a:active { |
71 |
58 color: #666; |
72 #nav li a:hover { |
59 text-decoration: none; |
73 color: #999; |
60 display: block; |
74 text-decoration: none; |
61 margin: 0px; |
|
62 padding: 3px 15px 3px 15px; |
|
63 width: 130px; |
|
64 } |
75 } |
65 #nav li a:hover { |
76 |
66 color: #999; |
77 #center { |
67 text-decoration: none; |
78 height: auto; |
|
79 width: 504px; |
|
80 padding: 10px 20px 10px 20px; |
|
81 float: left; |
|
82 margin: 0px 0px 0px 6px; |
|
83 line-height: 1.8em; |
68 } |
84 } |
69 #center { |
85 |
70 height: auto; |
86 h1 { |
71 width: 504px; |
87 font-size: 14px; |
72 padding: 10px 20px 10px 20px; |
88 margin: 0px; |
73 float: left; |
89 padding: 0px; |
74 margin: 0px 0px 0px 6px; |
|
75 line-height: 1.8em; |
|
76 } |
90 } |
77 h1 { |
91 |
78 font-size: 14px; |
92 #right { |
79 margin: 0px; |
93 padding: 10px 20px 10px 20px; |
80 padding: 0px; |
94 height: auto; |
|
95 width: 160px; |
|
96 float: left; |
|
97 margin: 0px 0px 0px 6px; |
81 } |
98 } |
82 #right { |
99 |
83 padding: 10px 20px 10px 20px; |
100 .clearer { |
84 height: auto; |
101 font-size: 0px; |
85 width: 160px; |
102 line-height: 0px; |
86 float: left; |
103 display: block; |
87 margin: 0px 0px 0px 6px; |
104 margin: 0px; |
|
105 padding: 0px; |
|
106 clear: both; |
|
107 height: 0px; |
|
108 width: auto; |
88 } |
109 } |
89 .clearer { |
110 |
90 font-size: 0px; |
111 #footer { |
91 line-height: 0px; |
112 margin: 10px 0px 0px 0px; |
92 display: block; |
113 text-align: left; |
93 margin: 0px; |
114 padding: 5px 0px 5px 0px; |
94 padding: 0px; |
115 background-color: #f1f1f1; |
95 clear: both; |
|
96 height: 0px; |
|
97 width: auto; |
|
98 } |
116 } |
99 #footer { |
117 |
100 margin: 10px 0px 0px 0px; |
118 #footer p { |
101 text-align: left; |
119 color: #999; |
102 padding: 5px 0px 5px 0px; |
120 margin: 0px auto 0px auto; |
103 background-color: #f1f1f1; |
121 padding: 0px; |
104 } |
122 } |
105 #footer p { |
123 |
106 color: #999; |
124 #footer a:link, #footer a:visited, #footer a:active { |
107 margin: 0px auto 0px auto; |
125 color: #999; |
108 padding: 0px; |
126 text-decoration: none; |
109 } |
127 } |
110 #footer a:link, #footer a:visited, #footer a:active { |
128 |
111 color: #999; |
129 #footer a:hover { |
112 text-decoration: none; |
130 color: #ccc; |
|
131 text-decoration: none; |
|
132 } |
|
133 |
|
134 /* Form Related CSS definitions */ |
|
135 div #form { |
|
136 margin: 1em 0; |
|
137 padding-top: 10px; |
|
138 width: 600px; |
|
139 background: url('/pytask/static/images/form/form_top.gif') no-repeat 0 0; |
113 } |
140 } |
114 #footer a:hover { |
141 |
115 color: #ccc; |
142 div #form #field, #form #field-required { |
116 text-decoration: none; |
143 margin: .5em 0; |
117 } |
144 } |
|
145 |
|
146 div #form #field label, #form #field-required label { |
|
147 position: relative; |
|
148 clear: left; |
|
149 float: left; |
|
150 width: 15em; |
|
151 margin-right: 5px; |
|
152 padding-right: 30px; |
|
153 text-align: right; |
|
154 } |
|
155 |
|
156 div #form #field input, #form #field textarea { |
|
157 width:252px; |
|
158 clear: left; |
|
159 border:1px solid #ddd; |
|
160 background:#fff url('/pytask/static/images/form/form_input.gif') repeat-x; |
|
161 padding:3px; |
|
162 } |
|
163 |
|
164 div #form #field-required input, #form #field-required textarea { |
|
165 width:252px; |
|
166 clear: left; |
|
167 border:1px solid #ff6161; |
|
168 background:#fff url('/pytask/static/images/form/form_input_required.gif') repeat-x; |
|
169 padding:3px; |
|
170 } |
|
171 |
|
172 div #form #field textarea, #form #field-required textarea { |
|
173 height:125px; |
|
174 overflow:auto; |
|
175 } |
|
176 |
|
177 div #form p.submit { |
|
178 clear: both; |
|
179 background:url('/pytask/static/images/form/form_bottom.gif') no-repeat 0 100%; |
|
180 padding:20px 25px 20px 240px; |
|
181 margin:0; |
|
182 } |
|
183 |
|
184 div #form button { |
|
185 width:150px; |
|
186 height:37px; |
|
187 line-height:37px; |
|
188 border:none; |
|
189 background:url('/pytask/static/images/form/form_button.gif') no-repeat 0 0; |
|
190 color:#fff; |
|
191 cursor:pointer; |
|
192 text-align:center; |
|
193 } |