]> projects.mako.cc - selectricity/blob - public/stylesheets/main.css
* Renamed graphs_controller to graph_controller.
[selectricity] / public / stylesheets / main.css
1 body    {       
2         font-size:      1em;
3         font-weight:    normal;
4         word-spacing:   normal;
5         letter-spacing: normal;
6         text-transform: none;
7         font-family:    Myriad Web, Geneva, Arial, Helvetica, sans-serif;
8         font-size-adjust:       .48;
9 }       
10 p, blockquote, ul, ol, dl, dd, li, dir, menu {}
11
12 h1, h2, h3, h4 {
13     border-bottom: 1px solid #4D801A;
14     text-shadow: #4D801A 0.2em 0.2em 3px;
15
16 }
17 #headertext a {color: #FFFFFF; text-decoration: none;}
18
19 a:link { font-weight: bold; color: #4D801A; text-decoration: underline; } 
20 a:visited { font-weight: bold; color: #4D801A; text-decoration: underline; }
21 a:hover { color: #FFFFFF; text-decoration: none; background: #0063DC; }
22 a:active { color: #FFFFFF; text-decoration: none; background: #0259C4; }
23
24 #loginbox {
25   padding: 10px;
26   border: 1px solid;
27   width: 400px;
28   text-align: left;
29 }
30
31 #ErrorExplanation {
32   width: 400px;
33   border: 2px solid 'red';
34   padding: 7px;
35   padding-bottom: 12px;
36   margin-bottom: 20px;
37   background-color: #f0f0f0;
38 }
39
40 #ErrorExplanation h2 {
41   text-align: left;
42   font-weight: bold;
43   padding: 5px 5px 5px 15px;
44   font-size: 12px;
45   margin: -7px;
46   background-color: #c00;
47   color: #fff;
48 }
49
50 #ErrorExplanation p {
51   color: #333;
52   margin-bottom: 0;
53   padding: 5px;
54 }
55
56 #ErrorExplanation ul li {
57   font-size: 12px;
58   list-style: square;
59 }
60
61 #top { padding-left: 10px;
62        padding-right: 10px;
63        padding-top: 5px;
64        padding-bottom: 5px;
65        font-weight: normal;
66        background: #73BF26;
67        color: #FFFFFF;
68 }
69
70 #top h3 {
71   border-bottom: 0px;
72   font-size: 30px; }
73
74 #links { text-align : right; }
75 #links a { color: #FFF; font-weight: bold; }
76 #links a:visited { color: #FFF; font-weight: bold; }
77
78 .ListLine0 {
79         background:  #e0f8f8;
80         
81 }
82 .ListLine1 {
83         background: #cccccc;
84         
85 }
86
87 #main { margin: 30px; }
88
89 #notice { background: #FFFBB3; 
90                         text-align: left;
91                         font-weight: bold;
92                         border: 2px dotted 'red';
93                         margin-top: 10px;
94                         margin-left: 50px;
95                         padding: 5px 5px 5px 15px;
96                         width: 400px; }
97
98 #status {
99   width: 400px;
100   border: 1px solid #0000FF;
101   border-width: 1px;
102   padding: 7px;
103   padding-bottom: 12px;
104   margin-bottom: 20px;
105   background-color: #f0f0f0;
106 }
107
108 #footer { text-align: center;
109           font-size: 12px;
110           color: #464646;
111           clear: both;}
112
113 #footer a { font-weight: normal; }
114         
115 #subtext { 
116         text-align: center;
117         font-size: 12px;
118         font-weight: bold; }
119
120 .fieldWithErrors {
121     display: inline;
122 }
123 .fieldWithErrors input, .fieldWithErrors select {
124     background-color: #ffdfdf;
125 }
126
127
128
129 #xxErrorExplanation h2 {
130   text-align: left;
131   font-weight: bold;
132   padding: 5px 5px 5px 15px;
133   font-size: 12px;
134   margin: -7px;
135   background-color: #c00;
136   color: #fff;
137 }
138
139 #xxErrorExplanation p {
140   color: #333;
141   margin-bottom: 0;
142   padding: 5px;
143 }
144
145 #xxErrorExplanation ul li {
146   font-size: 12px;
147   list-style: square;
148 }
149
150 .mainresultbox {
151   text-align: center;
152   width: 850px;
153   border-width: 2px;
154   border-style: solid;
155   border-color: #4D801A;
156   padding: 7px;
157   margin-right: 30px;
158   margin-bottom: 30px;
159 }
160
161 .mainresultbox h3 {
162   text-align: center;
163   font-weight: bold;
164   padding: 5px 5px 5px 15px;
165   margin: -7px;
166   background-color: #73BF26;
167   color: #fff;
168   border-bottom: 0px;
169 }
170 .resultbox {
171   text-align: center;
172   width: 400px;
173   float: left;
174   border-width: 2px;
175   border-style: solid;
176   border-color: #4D801A;
177   padding: 7px;
178   margin-right: 30px;
179   margin-bottom: 30px;
180 }
181
182 .resultbox h3 {
183   text-align: center;
184   font-weight: bold;
185   padding: 5px 5px 5px 15px;
186   margin: -7px;
187   background-color: #73BF26;
188   color: #fff;
189   border-bottom: 0px;
190 }
191 .clearbox {
192    clear: both;
193    margin: 30px;
194 }
195
196 li.moveable {
197   background-color: #E5FFCC;
198   border:1px solid #4D801A;
199   cursor: move;
200   padding: 4px;
201   margin: 4px;
202 }
203
204 #sortable_list {
205   font-size: 24pt;
206   display: float;
207   float: left;
208 }
209
210 .voterbox {
211   border-spacing: 0px;
212   border-width: 2px;
213   border-color: #4D801A;
214   border-style: solid;
215 }
216
217 .voterbox th {
218   border-width: 2px;
219   border-color: #73BF26;
220   border-style: solid;
221   text-align: center;
222   font-weight: bold;
223   padding: 5px 5px 5px 15px;
224   background-color: #73BF26;
225   color: #fff;
226 }
227
228 .voterbox td {
229   border-collapse: collapse;
230   border-width: 1px;
231   border-color: #4D801A;
232   border-style: solid;
233
234   text-align: right;
235   padding-right: 5px;
236   padding-left: 5px;
237 }
238
239 .rbmoreinfo hr {
240   width: 100%;
241   height: 10px;
242   color: #4D801A;
243 }
244 .rbmoreinfo h4 {
245   border: 0px;
246   font-style: italic;
247   text-align: center;
248   font-size: 0.9em;
249 }
250
251 .rbmoreinfo p {
252   font-size: 0.8em;
253   padding-left: 30px;
254   padding-right: 30px;
255   text-align: left;
256 }
257
258 .example {
259   width: 400px;
260   border-width: 2px;
261   border-style: solid;
262   border-color: #73BF26;
263   padding: 7px;
264   padding-bottom: 12px;
265   margin-bottom: 20px;
266   background-color: #f0f0f0;
267 }
268
269 .example h4 {
270   text-align: center;
271   font-weight: bold;
272   padding: 5px 5px 5px 15px;
273   font-size: 12px;
274   margin: -7px;
275   background-color: #73BF26;
276   color: #fff;
277   border-bottom: 0px;
278 }
279                                 
280 .example p {
281   margin-bottom: 0;
282   padding: 5px;
283 }
284
285
286 .warning {
287   width: 400px;
288   border-width: 2px;
289   border-style: solid;
290   border-color: #4D801A;
291   padding: 7px;
292   padding-bottom: 12px;
293   margin-bottom: 20px;
294   background-color: #f0f0f0;
295 }
296
297 .warning h4 {
298   text-align:
299   center;
300   font-weight:
301   bold;
302   padding: 5px 5px 5px 15px;
303   font-size: 12px;
304   margin: -7px;
305   background-color: #4D801A;
306   color: #fff;
307   border-bottom: 0px;
308 }
309
310 .warning p {
311   margin-bottom: 0;
312   padding: 5px;
313 }
314

Benjamin Mako Hill || Want to submit a patch?