wok-current view syslinux/stuff/tools/slitaz.css @ rev 986

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