wok-4.x view tazbb/stuff/web/slitaz.css @ rev 3512
Add Tazbb (SliTaz Build Bot)
author | Christophe Lincoln <pankso@slitaz.org> |
---|---|
date | Sat Jun 20 04:41:53 2009 +0200 (2009-06-20) |
parents | |
children | c96e79a1ca3e |
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: white;
30 text-decoration: none;
31 padding-left: 2px;
32 }
34 #access a:hover {
35 background: inherit;
36 color: #222222;
37 }
39 /* Header and title */
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 }
51 #header form {
52 position: absolute;
53 top: 22px;
54 right: 6px;
55 background: transparent;
57 }
59 #header input {
60 border: 1px solid #eeeeee;
61 }
63 #titre {
64 font-size: 16px;
65 font-weight: bolder ;
66 margin-left: 232px;
67 margin-top: 4px;
68 padding-top: 25px ;
69 }
71 #logo {
72 position: absolute;
73 float: left;
74 margin-left: 32px;
75 margin-right: 20px;
76 margin-top: 0px;
77 }
79 /* Navigation */
81 #nav {
82 position: absolute;
83 top: 100px;
84 right: 6px;
85 background: #eaeaea url(pics/website/nav-tr.png) no-repeat top right;
86 color: black;
87 float: right;
88 width: 152px;
89 line-height: 1.3em;
90 text-align: left;
91 font-size: 12px;
92 font-weight: bold;
93 }
95 #nav_top {
96 background: transparent url(pics/website/nav-tl.png) no-repeat top left;
97 height: 12px;
98 }
100 #nav_bottom {
101 background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
102 height: 12px;
103 }
105 #nav_bottom_img {
106 background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
107 height: 12px;
108 }
110 #nav ul{
111 list-style-type: none;
112 margin: 0px 0px 0px 6px;
113 padding: 3px 2px 3px 2px;
114 }
116 #nav li {
117 display: inline;
118 }
120 #nav a {
121 color: #3E1220;
122 background: inherit;
123 display: block;
124 padding: 0.5px;
125 text-decoration: none;
126 }
128 #nav a:hover {
129 color: #DF8F06;
130 text-decoration: none;
131 display: block;
132 }
134 #nav hr {
135 margin: 2px 0px 1px 0px;
136 border: 0px;
137 border-top: 1px solid #BDBDBD;
139 }
140 /* Page content */
142 #content, #content_bottom, #content_top {
143 background: white;
144 color: black;
145 text-align: justify;
146 }
148 #content_top {
149 height: 14px;
150 margin: 0px 100px 0px 100px;
151 }
153 #content {
154 height: auto;
155 margin: -6px 100px 0px 100px;
156 padding: 0px 72px 72px 72px;
157 /*background: white;
158 color: #333333;*/
159 }
161 #content_bottom {
162 height: 14px;
163 margin: 0px 100px 0px 100px;
164 /*clear: both;*/
165 }
167 #content li {
168 line-height: 1.5em;
169 text-align: left;
170 }
172 /* Legal informations */
174 #copy {
175 font-size: 11px ;
176 text-align: center ;
177 background: transparent;
178 color: #a8a8a8;
179 padding-top: 10px;
180 }
182 #copy a {
183 background: inherit;
184 color: #a8a8a8;
185 }
187 #copy a:hover {
188 background: inherit;
189 color: #EDEDED;
190 }
192 /* Footer */
194 #bottom {
195 float: none;
196 background: inherit;
197 color: black;
198 width: auto;
199 clear: both;
200 padding: 0;
201 margin: 0;
202 text-align: center;
203 vertical-align: middle;
204 }
206 /* CSS class. */
208 .top_left, .top_right, .bottom_left, .bottom_right {
209 height: 14px;
210 width: 14px;
211 color: white;
212 background-color: #333333;
213 background-repeat: no-repeat;
214 }
216 .top_left {
217 background-image: url(pics/website/content-tl.png);
218 background-position: left top;
219 position: absolute;
220 }
222 .top_right {
223 background-image: url(pics/website/content-tr.png);
224 float: right;
225 }
227 .bottom_left {
228 background-image: url(pics/website/content-bl.png);
229 position: absolute;
230 }
232 .bottom_right {
233 background-image: url(pics/website/content-br.png);
234 float: right;
235 }
237 /* HTML styles */
239 h1 {
240 color: #3E1220;
241 background: inherit;
242 text-align: left;
243 margin: 0px 0px 16px -58px;
244 }
246 h2 {
247 color: #DF8F06;
248 border-left: 10px solid #F3F3F3;
249 padding: 4px 0px 4px 4px;
250 margin: 0;
251 }
253 h3 {
254 font-weight: bold;
255 color: #6c0023;
256 background: inherit;
257 }
259 a {
260 text-decoration: underline;
261 color: #0F314E;
262 background: inherit;
263 }
265 a:hover {
266 text-decoration: none;
267 color: blue;
268 background: inherit;
269 }
271 code {
272 font-size: 12px;
273 color: #669900;
274 background: inherit;
275 }
277 tt {
278 color: #15EE15;
279 background: inherit;
280 }
282 img {
283 border: 0pt none;
284 }
286 fieldset {
287 background: #eeeeee;
288 color: black;
289 margin-top: 25px;
290 border: 1px solid black;
291 }
293 legend {
294 border: 1px solid black;
295 color: #6c0023;
296 background: #eaeaea;
297 font-weight: bold;
298 }
300 pre {
301 padding: 5px;
302 color: black;
303 background: #E1E0B0;
304 }
306 pre.script {
307 padding: 10px;
308 color: black;
309 background: #E8E8E8;
310 border: 1px inset #606060;
311 }
313 /* Packages pages */
315 .pkg_nav {
316 border-top: 1px solid black;
317 margin-top: 10px;
318 padding-top: 10px;
319 }
321 pre.package {
322 padding: 0px;
323 color: black;
324 background: white;
325 }
327 p.get {
328 text-align: center;
329 padding: 10px;
330 color: black;
331 background: #F3F3F3;
332 border: 1px solid #DEDEDE;
333 }
335 pre.log {
336 padding: 10px;
337 color: black;
338 background: #eeeeee;
339 border: 1px solid black;
340 }