wok-6.x view mirror-tools/stuff/var/www/mirror-info/slitaz.css @ rev 7111
Fixed get-linux-source script again in linux-source (i hope). Fixed path for url file.
| author | Christopher Rogers <slaxemulator@gmail.com> |
|---|---|
| date | Wed Nov 03 20:09:13 2010 +0000 (2010-11-03) |
| parents | |
| children |
line source
1 /*
2 CSS style for SliTaz GNU/Linux website
3 www.slitaz.org - (c) 2007 Pankso
4 */
6 html {
7 height: 102%;
8 }
10 body {
11 background: #ffffff;
12 color: black;
13 font: 13px sans-serif, vernada, arial;
14 margin: 0;
15 }
17 /* Accessibility */
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 }
30 #access a {
31 background: inherit;
32 color: white;
33 text-decoration: none;
34 }
36 #access a:hover {
37 background: inherit;
38 color: #222222;
39 }
41 /* Header and title */
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 }
53 #titre {
54 position: absolute;
55 font-size: 16px;
56 font-weight: bolder ;
57 margin-left: 200px;
58 margin-top: 28px;
59 }
61 #logo {
62 position: absolute;
63 float: left;
64 margin-left: 16px;
65 margin-top: 0px;
66 }
68 /* Navigation */
70 #nav {
71 position: absolute;
72 top: 76px;
73 right: 40px;
74 color: #555555;
75 float: right;
76 width: 250px;
77 line-height: 1.5em;
78 text-align: left;
79 font-size: 12px;
80 }
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 }
91 #nav .nav_box ul {
92 list-style-type: none;
93 margin: 0;
94 padding: 10px 24px 10px 0px;
95 }
97 #nav li {
98 display: inline;
99 }
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 }
110 #nav a {
111 color: #0F314E;
112 background: inherit;
113 display: block;
114 text-decoration: none;
115 font-weight: bold;
116 }
118 #nav a:hover {
119 color: #DF8F06;
120 text-decoration: none;
121 display: block;
122 }
124 #nav hr {
125 margin: 2px 0px 1px 0px;
126 border: 0px;
127 border-top: 1px solid #BDBDBD;
129 }
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 }
140 #nav .nav_box p {
141 line-height: 1.3em;
142 }
144 #nav .nav_box p a {
145 display: inline;
146 font-weight: normal;
147 text-decoration: none;
148 }
150 #nav .nav_box p a:hover {
151 text-decoration: none;
152 color: #DF8F06;
153 background: inherit;
154 }
156 #nav hr {
157 height: 0px;
158 border: 0px solid #eaeaea;
159 }
161 /* Page content */
163 #content, #content_bottom, #content_top {
164 background: white;
165 color: black;
166 text-align: justify;
167 }
169 #content {
170 height: auto;
171 margin: 6px 280px 0px 0px;
172 padding: 0px 40px 60px 40px;
173 }
175 #content li {
176 line-height: 1.5em;
177 text-align: left;
178 }
180 /* Legal informations */
182 #copy {
183 font-size: 11px ;
184 text-align: center ;
185 background: transparent;
186 color: #a8a8a8;
187 padding-top: 10px;
188 }
190 #copy a {
191 background: inherit;
192 color: #a8a8a8;
193 }
195 #copy a:hover {
196 background: inherit;
197 color: #666666;
198 }
200 /* Footer */
202 #bottom {
203 float: none;
204 background: inherit;
205 color: black;
206 width: auto;
207 clear: both;
208 padding: 0;
209 margin: 0;
210 text-align: center;
211 vertical-align: middle;
212 }
214 #news li {
215 list-style-type: square;
216 border-bottom: 1px dotted #BEBEBE;
217 margin-left: -25px;
218 padding: 4px 0px 4px 0px;
219 }
221 #gallery {
222 text-align: center;
223 }
225 #gallery table {
226 margin: 30px 0px 30px 0px;
227 }
229 /* Clouds */
231 #cloud {
232 padding: 20px 0px 20px 0px;
233 line-height: 3em;
234 text-align: center;
235 }
236 #cloud a { padding: 4px; color: #956411; }
237 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
238 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
239 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
240 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
241 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
242 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
243 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
244 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
245 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
246 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
248 /* CSS class. */
250 .infobox {
251 margin: 10px;
252 padding: 12px;
253 background: #f2f2f2;
254 border: 1px solid #eaeaea;
255 -moz-border-radius: 8px;
256 -webkit-border-radius: 8px;
257 }
259 /* HTML styles */
261 h1 {
262 color: blue;
263 background: inherit;
264 text-align: left;
265 margin: 0px 0px 10px 0px;
266 font-size: 140%;
267 font-weight: bold;
268 }
270 h2 {
271 color: #DF8F06;
272 /* border-top: 1px solid #f3f3f3; */
273 border-left: 8px solid #f3f3f3;
274 padding: 4px 0px 4px 4px;
275 margin: 0;
276 font-size: 140%;
277 font-weight: bold;
278 }
280 h3 {
281 font-weight: bold;
282 color: #6c0023;
283 background: inherit;
284 }
286 h3 img {
287 vertical-align: middle;
288 padding-right: 4px;
289 }
291 a {
292 text-decoration: underline;
293 color: #0F314E;
294 background: inherit;
295 }
297 a:hover {
298 text-decoration: none;
299 color: blue;
300 background: inherit;
301 }
303 code {
304 font-size: 12px;
305 color: #669900;
306 background: inherit;
307 }
309 tt {
310 color: #15EE15;
311 background: inherit;
312 }
314 img {
315 border: 0pt none;
316 }
318 fieldset {
319 background: #E2ECf6;
320 color: black;
321 margin-top: 25px;
322 border: 1px solid black;
323 }
325 legend {
326 border: 1px solid black;
327 color: #6c0023;
328 background: #eaeaea;
329 font-weight: bold;
330 }
332 pre {
333 padding: 5px;
334 color: black;
335 background: #E1E0B0;
336 }
338 pre.script {
339 padding: 10px;
340 color: black;
341 background: #E8E8E8;
342 border: 1px inset #606060;
343 }
345 textarea {
346 background: #E5E5E5;
347 margin-top: 12px;
348 }
350 input[type=submit] {
351 background: #E5E5E5;
352 color: black;
353 border: 1px outset #111111;
354 font-weight: bold;
355 }
357 input[type=submit]:hover {
358 background: #F3F3F3;
359 color: black;
360 }
362 /* Packages pages */
364 .pkg_nav {
365 border-top: 1px solid black;
366 margin-top: 10px;
367 padding-top: 10px;
368 }
370 pre.package {
371 padding: 0px;
372 color: black;
373 background: white;
374 }
376 p.get {
377 text-align: center;
378 padding: 10px;
379 color: black;
380 background: #F3F3F3;
381 border: 1px solid #DEDEDE;
382 }