d33785f3f336b0078c2553cc8a9523513fcf7bfa
[javascript-switch-off:website.git] / screen.css
1 /* http://meyerweb.com/eric/tools/css/reset/ */
2 /* v1.0 | 20080212 */
3
4 html, body, div, span, applet, object, iframe,
5 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
6 a, abbr, acronym, address, big, cite, code,
7 del, dfn, em, font, img, ins, kbd, q, s, samp,
8 small, strike, strong, sub, sup, tt, var,
9 b, u, i, center,
10 dl, dt, dd, ol, ul, li,
11 fieldset, form, label, legend,
12 table, caption, tbody, tfoot, thead, tr, th, td {
13     margin: 0;
14     padding: 0;
15     border: 0;
16     outline: 0;
17     font-size: 100%;
18     vertical-align: baseline;
19     background: transparent;
20 }
21 body {
22     line-height: 1;
23 }
24 ol, ul {
25     list-style: none;
26 }
27 blockquote, q {
28     quotes: none;
29 }
30 blockquote:before, blockquote:after,
31 q:before, q:after {
32     content: '';
33     content: none;
34 }
35
36 /* remember to define focus styles! */
37 :focus {
38     outline: 0;
39 }
40
41 /* remember to highlight inserts somehow! */
42 ins {
43     text-decoration: none;
44 }
45 del {
46     text-decoration: line-through;
47 }
48
49 /* tables still need 'cellspacing="0"' in the markup */
50 table {
51     border-collapse: collapse;
52     border-spacing: 0;
53 }
54 /* end of reset
55  ************ */
56
57 body {
58     font-size: 18px;
59     font-family:"Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", helvetica, sans-serif;
60     background-color: #eeeeee;
61 }
62
63 .wrap {
64     width: 100%;
65 }
66
67 .content h2, h3, h1 {
68     margin-top: 35px;
69     margin-bottom: 18px;
70     padding: 5px;
71 }
72
73 .content {
74     display:block;
75     width: 72.5%;
76     margin: 0 auto;
77     margin-top: 20px;
78     padding: 10px 0 0 0;
79     text-align: justify;
80     position: relative;
81     top: 45px;
82 }
83
84 .column {
85     width:100%;
86     float: left;
87 }
88
89
90 #donations-header {
91     margin-top: 20px;
92 }
93
94 #donations {
95     width: 200px;
96     left: 50%;
97     margin-left: -125px;
98     margin-top: 25px;
99     margin-bottom: 20px;
100     position: relative;
101     display: block;
102 }
103
104 .donation-method {
105     display: block;
106     float: right;
107     position: relative;
108     width: 100px;
109 }
110
111 .content p, div {
112     line-height: 1.15em; 
113     width: 97%;
114 }
115
116 .content p, ul, h3 {
117     margin-left: 5px;
118 }
119
120 .content li {
121     padding: 3px;  
122 }
123
124 .content ul {
125     padding-top: 5px;
126 }
127
128 a {
129     text-decoration: none;
130     font-weight: bolder;
131     color: black;
132 }
133
134 a:hover {
135     text-decoration: underline;
136     color: grey;
137 }
138
139 #nav {
140     font-weight: normal;
141     height: 42px;
142     padding-top: 6px;
143     width: 85%;
144     top:0;
145     left: 8%;
146     position: fixed;
147     margin: 0;
148     background-color: black;
149     color: white;
150     z-index: 2;
151     border-bottom: 10px solid #eeeeee;
152 }
153
154 #nav a {
155     display:block;
156     width: auto;
157     height: 15px;
158     padding: 10px;
159     margin: 0 0.5em 0 0;
160     float: left;
161     position: relative;
162     color:white;
163     font-size: 16px;
164
165 }
166
167
168 #nav a:hover {
169     text-decoration: none;
170     color: black;
171     background-color: white;
172 }
173
174 .clear-float {
175     clear: both;
176 }
177
178 #requirements-ul {
179     list-style: square inside;
180 }
181
182 #downloads-header {
183     margin-bottom:  5px;
184 }
185
186 .downloads li {
187     float: left;
188 }
189
190
191 #news {
192     line-height: 1.3;
193 }
194
195 #news dt {
196     margin-top: 3px;
197     margin-bottom: 10px;
198     text-align: justify;
199 }
200
201 #news dd {
202     padding-left: 6px;
203     padding-bottom: 9px;
204     text-align: justify;
205     margin-top: 8px;
206 }
207
208 #news li {
209     margin-bottom: 3px;
210     padding-bottom: 3px;
211 }
212
213 #screenshots {
214     clear: both;
215     margin-top: 30px;   
216 }
217
218 .note {
219     font-weight: bolder;
220     color: black;
221     margin-top: 5px;
222     margin-bottom: 15px;
223
224 }
225
226 .footer {
227     width: 525px;
228     margin: 0 auto;
229     margin-top: 80px; 
230     display: block;
231     margin-left: 40%;
232     bottom: 20px;
233     padding: 0 30px;
234     position: relative;
235     text-align: center;
236 }
237
238 .footer p {
239     float: left;
240     margin-right: 10px;
241     position: relative;
242 }
243
244
245 #author {
246     width: 550px;
247     position: relative;
248     top: -2px;
249 }