]> projects.mako.cc - selectricity/blob - public/stylesheets/main.css
1d63f4c05241684ed46060d136832e0de5338ccd
[selectricity] / public / stylesheets / main.css
1 @charset "utf-8";
2
3 /* CSS Document */
4
5 /****************************************************************
6    Selectricity || selectricity.org
7    Design by Courtland Allen
8 *****************************************************************/
9
10 /* basics */
11  
12 body {
13         color: black;
14         background: white;
15         background: url(/images/bg_main.png) repeat-x top left;
16 }
17
18 h2 {
19         font-size: 24px !important;
20         margin: 0 0 1em 0 !important;
21 }
22
23 h3 {
24         font-size: 18px !important;
25         margin: 0 0 1em 0 !important;
26 }
27
28 ol {
29   list-style-type: none;
30 }
31 .special {
32         background-color: #999999;
33         color: white;
34         text-align: center;
35         pading: 0 1em 0 1em;
36 }
37
38 label {
39     font-weight: bold;
40 }
41
42
43 /* Left column. Includes logo, poll information, and graph. */
44  
45 #left-side {
46         width: 270px;
47         float: left;
48         text-align: left;
49         margin-top: 33px;
50         font-size: 13px;
51 }
52
53 #left-side h1 {
54         height: 0px;
55         overflow: hidden;
56         padding-top: 189px;
57         background: url(/images/title_main.png) no-repeat top left;
58 }
59
60
61 #left-side-content {
62         color: #666666;
63         margin-top: 40px;
64         text-align: left;
65 }
66
67 #left-side-content p {
68         color: #666666;
69         padding-left: 2em;
70         margin: 2em 0 2em 0;
71 }
72
73 #left-side-content ol {
74         color: #666666;
75 }
76
77 /* #graph {
78         margin-top: 50px;
79         background: url(/images/graph.jpg) top left no-repeat;
80         height: 0px;
81         overflow: hidden;
82         padding-top: 243px;
83 } */
84
85
86
87 /* Right column. Includes top-bar and main-box. */
88
89 #right-side {
90         width: 611px;
91         margin-top: 0px;
92         float: right;
93 }
94  
95 #top-bar {
96         float: right;
97         margin-right: 50px;
98         width: 231px;
99         text-align: center;
100         margin-bottom: 35px;
101 }
102
103 #top-bar a {
104         color: #dddddd;
105         font-size: 11px;
106 }
107
108 div#bar-left {
109         background-image: url(/images/top_bar_1.png);
110         width: 153px;
111         height: 37px;
112         padding-top: 8px;
113         float: left;
114         clear: left;
115 }
116
117 div#bar-right {
118         background-image: url(/images/top_bar_2.png);
119         width: 78px;
120         height: 37px;
121         padding-top: 8px;
122         float: left;
123         clear: right;
124 }
125
126 .green { color: #10a700; }
127
128 .left-aligned h4 {
129         float: left;
130         padding-top: 26px;
131         height: 0px;
132         overflow: hidden;
133         background: no-repeat top left;
134 }
135
136 .right-aligned h4 {
137         float: right;
138         padding-top: 26px;
139         height: 0px;
140         overflow: hidden;
141         background: no-repeat top right;
142 }
143
144 .left-aligned { text-align: left; }
145
146 .right-aligned { text-align: right; }
147
148 h5 {
149         color: #5c5c5c;
150         background-color: #d6d6d6;
151         height: 21px;
152         font-size: 16px;
153         padding: 5px 15px 0 15px;
154         margin-bottom: .75em;
155         overflow: hidden;
156 }
157
158 #page-title {
159     margin: -20px -20px 1em -20px;
160 }
161
162 .plain-header {
163     margin: 1em -20px 1em -20px;
164 }
165
166 .header {
167         display: block;
168         font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif;
169         font-size: 30px;
170         text-transform: uppercase;
171         text-align: center;
172         color: white;
173         background-color: #999999;
174         height: 32px;
175         float: left;
176         padding: 0px .75em 0px .75em;
177         margin-right: 10px;
178         margin-bottom: 14px;
179 }
180
181 .subheader {
182         display: block;
183         font-family: "trebuchet ms",trebuchet,verdana,arial,sans-serif;
184         font-size: 18px;
185         text-align: left;
186         color: #666666;
187         background-color: #CCCCCC;
188         height: 26px;
189         padding: 6px 1em 0px 20px;
190         margin-bottom: 14px;
191 }
192
193 #main-box {
194         float: right;
195         width: 571px;
196         padding: 20px;
197         background: #f9f9f9;
198         border: 1px solid #b3b3b3;
199 }
200
201 #main-box p, #main-box blockquote, #main-box ul {
202     margin-bottom: 1em;
203 }
204
205 blockquote {
206     margin-left: 3em;
207 }
208
209
210 /* css related to error in forms */
211
212 #errorExplanation {
213   border: 2px solid #C00;
214   width: 260px;
215   margin-bottom: 20px;
216   background-color: #f0f0f0;
217 }
218
219 #errorExplanation h2 {
220   font-size: 1em !important;
221   text-align: left;
222   font-weight: bold;
223   padding: 5px 5px 5px 5px;
224   background-color: #c00;
225   color: #fff;
226 }
227
228 #errorExplanation p {
229   font-size: 1em;
230   color: #333;
231   margin-bottom: 0;
232   padding: 5px;
233 }
234
235 #errorExplanation ul li {
236   font-size: 1em;
237   list-style: square;
238 }
239
240 .fieldWithErrors {
241     display: inline;
242 }
243 .fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
244     background-color: #FFFBB3; 
245 }
246
247 #status {
248   width: 400px;
249   border: 1px solid #0000FF;
250   border-width: 1px;
251   padding: 7px;
252   padding-bottom: 12px;
253   margin-bottom: 20px;
254   background-color: #f0f0f0;
255 }
256
257 li.moveable {
258   background-color: #E5FFCC;
259   border:1px solid #4D801A;
260   cursor: move;
261   padding: 4px;
262   margin: 4px;
263 }
264
265 #sortable_list {
266   font-size: 24pt;
267   display: float;
268   float: left;
269 }
270
271 .preftable {
272         border-spacing: 0px;
273           border-width: 2px;
274           border-color: #999999;
275           border-style: solid;
276 }
277
278 .preftable th {
279         border-width: 2px;
280         border-color: #999999;
281         border-style: solid;
282         text-align: center;
283         font-weight: bold;
284         padding: 5px 5px 5px 15px;
285         background-color: #999999;
286         color: #fff;
287 }
288
289 .preftable td {
290   border-collapse: collapse;
291   border-width: 1px;
292   border-color: #999999;
293   border-style: solid;
294
295   text-align: right;
296   padding-right: 5px;
297   padding-left: 5px;
298 }
299
300 .voterbox {
301   border-spacing: 0px;
302   border-width: 2px;
303   border-color: #4D801A;
304   border-style: solid;
305 }
306
307 .voterbox th {
308   border-width: 2px;
309   border-color: #73BF26;
310   border-style: solid;
311   text-align: center;
312   font-weight: bold;
313   padding: 5px 5px 5px 15px;
314   background-color: #73BF26;
315   color: #fff;
316 }
317
318 .voterbox td {
319   border-collapse: collapse;
320   border-width: 1px;
321   border-color: #4D801A;
322   border-style: solid;
323
324   text-align: right;
325   padding-right: 5px;
326   padding-left: 5px;
327 }
328
329 .rbmoreinfo hr {
330   width: 100%;
331   height: 10px;
332   color: #4D801A;
333 }
334 .rbmoreinfo h4 {
335   border: 0px;
336   font-style: italic;
337   text-align: center;
338   font-size: 0.9em;
339 }
340
341 .rbmoreinfo p {
342   font-size: 0.8em;
343   padding-left: 30px;
344   padding-right: 30px;
345   text-align: left;
346 }
347
348 .example {
349   width: 400px;
350   border-width: 2px;
351   border-style: solid;
352   border-color: #73BF26;
353   padding: 7px;
354   padding-bottom: 12px;
355   margin-bottom: 20px;
356   background-color: #f0f0f0;
357 }
358
359 .example h4 {
360   text-align: center;
361   font-weight: bold;
362   padding: 5px 5px 5px 15px;
363   font-size: 12px;
364   margin: -7px;
365   background-color: #73BF26;
366   color: #fff;
367   border-bottom: 0px;
368 }
369                                 
370 .example p {
371   margin-bottom: 0;
372   padding: 5px;
373 }
374
375
376 .warning {
377   width: 400px;
378   border-width: 2px;
379   border-style: solid;
380   border-color: #4D801A;
381   padding: 7px;
382   padding-bottom: 12px;
383   margin-bottom: 20px;
384   background-color: #f0f0f0;
385 }
386
387 .warning h4 {
388   text-align:
389   center;
390   font-weight:
391   bold;
392   padding: 5px 5px 5px 15px;
393   font-size: 12px;
394   margin: -7px;
395   background-color: #4D801A;
396   color: #fff;
397   border-bottom: 0px;
398 }
399
400 .warning p {
401   margin-bottom: 0;
402   padding: 5px;
403 }
404
405 #election_creation_progress_bar ul li {
406   display: block;
407   list-style: default;
408 }
409
410 #election_creation_progress_bar li.step_selected {
411   font-weight: bold;
412 }
413
414 #election_creation_progress_bar li.step_unselected {
415   color: #CCCCCC;
416   font-weight: bold;
417 }
418
419
420

Benjamin Mako Hill || Want to submit a patch?