]> projects.mako.cc - selectricity/blob - public/stylesheets/front.css
fix css malforming very long headers
[selectricity] / public / stylesheets / front.css
1 @charset "UTF-8";
2 /* CSS Document */
3
4 /****************************************************************
5    Selectricity || selectricity.org
6    Design by Courtland Allen
7 *****************************************************************/
8
9 html, body, div, span, applet, object, iframe,
10 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11 a, abbr, acronym, address, big, cite, code,
12 del, dfn, em, font, img, ins, kbd, q, s, samp,
13 small, strike, strong, sub, sup, tt, var,
14 dl, dt, dd,
15 fieldset, form, label, legend,
16 table, caption, tbody, tfoot, thead, tr, th, td {
17         margin: 0;
18         padding: 0;
19         border: 0;
20         font-size: 100%; 
21         font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
22         vertical-align: baseline;
23 }
24
25 body {
26         line-height: 1;
27     color: black;
28         background: #ffffff url(/images/bg_index.png) repeat-x top center;
29 }
30
31 a {
32     color: #dc0d13
33 }
34
35 #body {
36         font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
37         color: white;
38         font-size: 12px;
39         text-align: left;
40         line-height: 1.5em;
41 }
42
43 #body a {
44         text-decoration: underline;
45         color: white;
46         display: inline;
47         opacity: 0.8;
48 }
49
50 #body a:hover {
51         opacity: .5;
52 }
53
54 /* Header */
55 #header h1 {
56         background: url(/images/title_front.png) center top no-repeat;
57         overflow: hidden;
58         padding-top: 189px;
59         height: 0px;
60         margin-top: 10px;
61         margin-left: 231px;
62 }
63
64 #top-bar {
65         
66         position: relative;
67         float: right;
68         width: 231px;
69         text-align: center;
70 }
71
72 #top-bar a {
73         color: black;
74         font-size: 11px;
75         text-decoration: none;
76 }
77
78
79 /* Body */
80
81 #body {
82         margin-top: 9px;
83         height: 609px;
84 }
85
86 h2 {
87     margin-top: 0.3em;
88         font-size: 24px;
89 }
90
91 h3 {
92     margin-top: 1em;
93         font-size: 16px;
94 }
95
96 .main-section {
97         float: left;
98         padding-left: 115px;
99         padding-right: 0px;
100 }
101
102 .main-section p {
103         font-size: 12px;
104         overflow: hidden;
105         line-height: 2em;
106     margin-bottom: 1em;
107 }
108
109
110 #voters {
111         padding-top: 50px;
112         height: 559px;
113         width: 185px;
114         background: url(/images/bg_voters.png) top left no-repeat;
115 }
116
117 #voters-content {
118         height: 516px;
119 }
120
121 #control-room {
122         padding-top: 139px;
123         height: 470px;
124         width: 185px;
125         background: url(/images/bg_controlroom.png) top left no-repeat;
126 }
127
128 #control-room-content {
129         height: 428px;
130 }
131
132 #quickvotes {
133         padding-top: 80px;
134         height: 529px;
135         width: 185px;
136         background: url(/images/bg_quickvotes.png) top left no-repeat;
137 }
138
139 #quickvotes-content {
140         height: 486px;
141 }
142

Benjamin Mako Hill || Want to submit a patch?