wok-6.x view syslinux/stuff/tools/slitaz.css @ rev 1013
syslinux: new splash screen
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Tue Jul 08 18:03:06 2008 +0000 (2008-07-08) |
parents | 3685af5eccf4 |
children |
line source
1 /*
2 CSS style for SliTaz GNU/Linux website
3 www.slitaz.org - (c) 2007 Pankso
4 */
6 body {
7 background: #222222;
8 color: black;
9 font: 13px sans-serif, vernada, arial;
10 margin: 0;
11 /* padding-bottom: 100%;*/
12 }
14 /* Accessibility */
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 }
27 #access a {
28 background: inherit;
29 color: #222222;
30 text-decoration: none;
31 }
33 #access a:hover {
34 background: inherit;
35 color: #EDEDED;
36 }
38 /* Header and title */
40 #header{
41 background: #f0ba08 url(http://www.slitaz.org/pics/website/header.png) repeat-x top;
42 /*background: #DF5F06 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 }
51 #titre{
52 font-size: 16px;
53 font-weight: bolder ;
54 margin-left: 232px;
55 margin-top: 4px;
56 padding-top: 25px ;
57 }
59 #logo {
60 position: absolute;
61 float: left;
62 margin-left: 32px;
63 margin-right: 20px;
64 margin-top: 0px;
65 }
67 /* Navigation */
69 #nav {
70 position: absolute;
71 top: 100px;
72 right: 6px;
73 background: #eaeaea url(http://www.slitaz.org/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: center;
79 font-size: 12px;
80 font-weight: bold;
81 }
83 #nav_top {
84 background: transparent url(http://www.slitaz.org/pics/website/nav-tl.png) no-repeat top left;
85 height: 12px;
86 }
88 #nav_bottom {
89 background: transparent url(http://www.slitaz.org/pics/website/nav-bl.png) no-repeat bottom left;
90 height: 12px;
91 }
93 #nav_bottom_img {
94 background: transparent url(http://www.slitaz.org/pics/website/nav-br.png) no-repeat bottom right;
95 height: 12px;
96 }
98 #nav ul{
99 list-style-type: none;
100 margin: 0px 0px 0px 6px;
101 padding: 2px;
102 }
104 #nav li {
105 display: inline;
106 }
108 #nav a {
109 color: #3E1220;
110 background: inherit;
111 display: block;
112 padding: 0.5px;
113 text-decoration: none;
114 }
116 #nav a:hover {
117 color: #DF8F06;
118 text-decoration: none;
119 display: block;
120 }
122 #nav i {
123 color: #DF5F06;
124 }
126 /* Page content */
128 #content, #content_bottom, #content_top {
129 background: white;
130 color: black;
131 text-align: justify;
132 }
134 #content_top {
135 height: 14px;
136 margin: 0px 70px 0px 70px;
137 }
139 #content {
140 height: auto;
141 margin: -6px 70px 0px 70px;
142 padding: 0px 72px 1px 72px;
143 /*background: white;
144 color: #333333;*/
145 }
147 #content_bottom {
148 height: 14px;
149 margin: 0px 70px 0px 70px;
150 /*clear: both;*/
151 }
153 #content li {
154 line-height: 1.5em;
155 text-align: left;
156 }
158 /* Legal informations */
160 #copy {
161 font-size: 11px ;
162 text-align: center ;
163 background: transparent;
164 color: #a8a8a8;
165 padding-top: 10px;
166 }
168 #copy a {
169 background: inherit;
170 color: #a8a8a8;
171 }
173 #copy a:hover {
174 background: inherit;
175 color: #EDEDED;
176 }
178 /* Footer */
180 #bottom {
181 float: none;
182 background: inherit;
183 color: black;
184 width: auto;
185 clear: both;
186 padding: 0;
187 margin: 0;
188 text-align: center;
189 vertical-align: middle;
190 }
192 #news li {
193 list-style-type: square;
194 border-bottom: 1px dotted #BEBEBE;
195 margin-left: -25px;
196 padding: 4px 0px 4px 0px;
197 }
198 #gallery {
199 text-align: center;
200 }
202 /* CSS class. */
204 .top_left, .top_right, .bottom_left, .bottom_right {
205 height: 14px;
206 width: 14px;
207 color: white;
208 background-color: #333333;
209 background-repeat: no-repeat;
210 }
212 .top_left {
213 background-image: url(http://www.slitaz.org/pics/website/content-tl.png);
214 background-position: left top;
215 position: absolute;
216 }
218 .top_right {
219 background-image: url(http://www.slitaz.org/pics/website/content-tr.png);
220 float: right;
221 }
223 .bottom_left {
224 background-image: url(http://www.slitaz.org/pics/website/content-bl.png);
225 position: absolute;
226 }
228 .bottom_right {
229 background-image: url(http://www.slitaz.org/pics/website/content-br.png);
230 float: right;
231 }
233 .buttons {
234 background: inherit;
235 color: white;
236 float: right;
237 position: absolute;
238 right: 0px;
239 top: 52px;
240 padding: 2px 16px 2px 16px;
241 font-size: 12px;
242 font-weight: bold;
243 }
245 /* HTML styles */
247 h1 {
248 color: #3E1220;
249 background: inherit;
250 text-align: left;
251 margin: 0px 0px 8px -58px;
252 }
254 h2 {
255 color: #DF8F06;
256 border-left: 10px solid #F3F3F3;
257 padding: 0px 0px 0px 4px;
258 margin: 0;
259 }
261 h3 {
262 font-weight: bold;
263 color: #6c0023;
264 background: inherit;
265 }
267 a {
268 text-decoration: underline;
269 color: #0F314E;
270 background: inherit;
271 }
273 a:hover {
274 text-decoration: none;
275 color: blue;
276 background: inherit;
277 }
279 code {
280 font-size: 12px;
281 color: #669900;
282 background: inherit;
283 }
285 tt {
286 color: #15EE15;
287 background: inherit;
288 }
290 img {
291 border: 0pt none;
292 }
294 fieldset {
295 background: #E2ECf6;
296 color: black;
297 margin-top: 25px;
298 border: 1px solid black;
299 }
301 legend {
302 border: 1px solid black;
303 color: #6c0023;
304 background: #eaeaea;
305 font-weight: bold;
306 }
308 pre {
309 padding: 5px;
310 color: black;
311 background: #E1E0B0;
312 }
314 pre.script {
315 padding: 10px;
316 color: black;
317 background: #E8E8E8;
318 border: 1px inset #606060;
319 }
321 textarea {
322 background: #E5E5E5;
323 margin-top: 12px;
324 }
326 input[type=submit] {
327 background: #E5E5E5;
328 color: black;
329 border: 1px outset #111111;
330 font-weight: bold;
331 }
333 input[type=submit]:hover {
334 background: #F3F3F3;
335 color: black;
336 }
338 /* Packages pages */
340 .pkg_nav {
341 border-top: 1px solid black;
342 margin-top: 10px;
343 padding-top: 10px;
344 }
346 pre.package {
347 padding: 0px;
348 color: black;
349 background: white;
350 }
352 p.get {
353 text-align: center;
354 padding: 10px;
355 color: black;
356 background: #F3F3F3;
357 border: 1px solid #DEDEDE;
358 }