wok-4.x view tazbb/stuff/web/slitaz.css @ rev 6380

Up: libmpd, libmpd-dev to 0.20.0.
author Christopher Rogers <slaxemulator@gmail.com>
date Tue Sep 21 14:10:36 2010 +0000 (2010-09-21)
parents c96e79a1ca3e
children 9140fe580c2b
line source
1 /*
2 CSS style for SliTaz GNU/Linux website
3 www.slitaz.org - (c) 2007 Pankso
4 */
5
6 html {
7 height: 102%;
8 }
9
10 body {
11 background: #ffffff;
12 color: black;
13 font: 13px sans-serif, vernada, arial;
14 margin: 0;
15 }
16
17 /* Accessibility */
18
19 #access {
20 position: absolute;
21 top: 4px;
22 right: 4px;
23 text-align: right;
24 width: 100%;
25 margin: 0;
26 font-size: 11px;
27 font-weight: bold;
28 }
29
30 #access a {
31 background: inherit;
32 color: white;
33 text-decoration: none;
34 }
35
36 #access a:hover {
37 background: inherit;
38 color: #222222;
39 }
40
41 /* Header and title */
42
43 #header{
44 background: #f0ba08 url(pics/website/header.png) repeat-x top;
45 color: black;
46 width: 100%;
47 height: 50px;
48 border-top: 1px solid black;
49 border-bottom: 1px solid black;
50 margin-bottom: 30px;
51 }
52
53 #titre {
54 position: absolute;
55 font-size: 16px;
56 font-weight: bolder ;
57 margin-left: 200px;
58 margin-top: 28px;
59 }
60
61 #logo {
62 position: absolute;
63 float: left;
64 margin-left: 16px;
65 margin-top: 0px;
66 }
67
68 /* Navigation */
69
70 #nav {
71 position: absolute;
72 top: 76px;
73 right: 80px;
74 color: #555555;
75 float: right;
76 width: 250px;
77 line-height: 1.5em;
78 text-align: left;
79 font-size: 12px;
80 }
81
82 #nav ul {
83 -moz-border-radius: 8px;
84 -webkit-border-radius: 8px;
85 list-style-type: none;
86 margin: 10px 0;
87 padding: 10px 24px 10px 24px;
88 background-color: #eaeaea;
89 }
90
91 #nav .nav_box ul {
92 list-style-type: none;
93 margin: 0;
94 padding: 10px 24px 10px 0px;
95 }
96
97 #nav li {
98 display: inline;
99 }
100
101 #nav h4 {
102 font-size: 110%;
103 color: #666666;
104 font-weight: bold;
105 margin: 0;
106 padding: 0 0 1px 0;
107 border-bottom: 1px solid #cecece;
108 }
109
110 #nav a {
111 color: #0F314E;
112 background: inherit;
113 display: block;
114 text-decoration: none;
115 font-weight: bold;
116 }
117
118 #nav a:hover {
119 color: #DF8F06;
120 text-decoration: none;
121 display: block;
122 }
123
124 #nav hr {
125 margin: 2px 0px 1px 0px;
126 border: 0px;
127 border-top: 1px solid #BDBDBD;
128
129 }
130
131 .nav_box {
132 -moz-border-radius: 8px;
133 -webkit-border-radius: 8px;
134 margin: 10px 0;
135 padding: 10px 24px 10px 24px;
136 background-color: #eaeaea;
137 text-align: justify;
138 }
139
140 #nav .nav_box p {
141 line-height: 1.3em;
142 }
143
144 #nav .nav_box p a {
145 display: inline;
146 font-weight: normal;
147 text-decoration: underline;
148 }
149
150 #nav .nav_box p a:hover {
151 text-decoration: none;
152 color: blue;
153 background: inherit;
154 }
155
156 #nav hr {
157 height: 0px;
158 border: 0px solid #eaeaea;
159 }
160
161 /* Page content */
162
163 #content, #content_bottom, #content_top {
164 background: white;
165 color: black;
166 text-align: justify;
167 }
168
169 #content {
170 height: auto;
171 margin: 6px 320px 0px 0px;
172 padding: 0px 40px 60px 80px;
173 }
174
175 #content li {
176 line-height: 1.5em;
177 text-align: left;
178 }
179
180 /* Legal informations */
181
182 #copy {
183 font-size: 11px ;
184 text-align: left ;
185 background: transparent;
186 color: #a8a8a8;
187 padding-top: 10px;
188 margin: 0 0 0 80px;
189 }
190
191 #copy a {
192 background: inherit;
193 color: #a8a8a8;
194 }
195
196 #copy a:hover {
197 background: inherit;
198 color: #666666;
199 }
200
201 /* Footer */
202
203 #bottom {
204 float: none;
205 background: inherit;
206 color: black;
207 width: auto;
208 clear: both;
209 padding: 0;
210 margin: 0 0 0 80px;
211 text-align: left;
212 vertical-align: middle;
213 }
214
215 #news li {
216 list-style-type: square;
217 border-bottom: 1px dotted #BEBEBE;
218 margin-left: -25px;
219 padding: 4px 0px 4px 0px;
220 }
221
222 #gallery {
223 text-align: center;
224 }
225
226 #gallery table {
227 margin: 30px 0px 30px 0px;
228 }
229
230 /* Clouds */
231
232 #cloud {
233 padding: 20px 0px 20px 0px;
234 line-height: 3em;
235 text-align: center;
236 }
237 #cloud a { padding: 4px; color: #956411; }
238 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
239 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
240 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
241 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
242 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
243 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
244 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
245 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
246 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
247 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
248
249 /* CSS class. */
250
251 .infobox {
252 margin: 10px;
253 padding: 12px;
254 background: #f2f2f2;
255 border: 1px solid #eaeaea;
256 -moz-border-radius: 8px;
257 -webkit-border-radius: 8px;
258 }
259
260 /* HTML styles */
261
262 h1 {
263 color: blue;
264 background: inherit;
265 text-align: left;
266 margin: 0px 0px 10px 0px;
267 font-size: 140%;
268 font-weight: bold;
269 }
270
271 h2 {
272 color: #DF8F06;
273 /* border-top: 1px solid #f3f3f3; */
274 border-left: 8px solid #f3f3f3;
275 padding: 4px 0px 4px 4px;
276 margin: 0;
277 font-size: 140%;
278 font-weight: bold;
279 }
280
281 h3 {
282 font-weight: bold;
283 color: #6c0023;
284 background: inherit;
285 }
286
287 a {
288 text-decoration: underline;
289 color: #0F314E;
290 background: inherit;
291 }
292
293 a:hover {
294 text-decoration: none;
295 color: blue;
296 background: inherit;
297 }
298
299 code {
300 font-size: 12px;
301 color: #669900;
302 background: inherit;
303 }
304
305 tt {
306 color: #15EE15;
307 background: inherit;
308 }
309
310 img {
311 border: 0pt none;
312 }
313
314 fieldset {
315 background: #E2ECf6;
316 color: black;
317 margin-top: 25px;
318 border: 1px solid black;
319 }
320
321 legend {
322 border: 1px solid black;
323 color: #6c0023;
324 background: #eaeaea;
325 font-weight: bold;
326 }
327
328 pre {
329 padding: 5px;
330 color: black;
331 background: #E1E0B0;
332 }
333
334 pre.script, pre.log {
335 padding: 10px;
336 color: black;
337 background: #E8E8E8;
338 border: 1px inset #606060;
339 }
340
341 textarea {
342 background: #E5E5E5;
343 margin-top: 12px;
344 }
345
346 /* Packages pages */
347
348 .pkg_nav {
349 border-top: 1px solid black;
350 margin-top: 10px;
351 padding-top: 10px;
352 }
353
354 pre.package {
355 padding: 0px;
356 color: black;
357 background: white;
358 }
359
360 p.get {
361 text-align: center;
362 padding: 10px;
363 color: black;
364 background: #F3F3F3;
365 border: 1px solid #DEDEDE;
366 }