wok view tazpkg-web/stuff/style/slitaz.css @ rev 3534

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