website view slitaz.css @ rev 236
pt: added translated pages & minor fixes on index.html
| author | Claudinei Pereira <claudinei@ensinoemrede.com> |
|---|---|
| date | Thu Jan 01 17:55:53 2009 +0000 (2009-01-01) |
| parents | 21124dbcfc0b |
| children | 4dc36b03c8b4 |
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(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 }
50 #titre{
51 font-size: 16px;
52 font-weight: bolder ;
53 margin-left: 232px;
54 margin-top: 4px;
55 padding-top: 25px ;
56 }
58 #logo {
59 position: absolute;
60 float: left;
61 margin-left: 32px;
62 margin-right: 20px;
63 margin-top: 0px;
64 }
66 /* Navigation */
68 #nav {
69 position: absolute;
70 top: 100px;
71 right: 6px;
72 background: #eaeaea url(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: left;
78 font-size: 12px;
79 font-weight: bold;
80 }
82 #nav_top {
83 background: transparent url(pics/website/nav-tl.png) no-repeat top left;
84 height: 12px;
85 }
87 #nav_bottom {
88 background: transparent url(pics/website/nav-bl.png) no-repeat bottom left;
89 height: 12px;
90 }
92 #nav_bottom_img {
93 background: transparent url(pics/website/nav-br.png) no-repeat bottom right;
94 height: 12px;
95 }
97 #nav ul{
98 list-style-type: none;
99 margin: 0px 0px 0px 6px;
100 padding: 2px;
101 }
103 #nav li {
104 display: inline;
105 }
107 #nav a {
108 color: #3E1220;
109 background: inherit;
110 display: block;
111 padding: 0.5px;
112 text-decoration: none;
113 }
115 #nav a:hover {
116 color: #DF8F06;
117 text-decoration: none;
118 display: block;
119 }
121 #nav hr {
122 margin: 2px 0px 1px 0px;
123 border: 0px;
124 border-top: 1px solid #BDBDBD;
126 }
127 /* Page content */
129 #content, #content_bottom, #content_top {
130 background: white;
131 color: black;
132 text-align: justify;
133 }
135 #content_top {
136 height: 14px;
137 margin: 0px 100px 0px 100px;
138 }
140 #content {
141 height: auto;
142 margin: -6px 100px 0px 100px;
143 padding: 0px 72px 72px 72px;
144 /*background: white;
145 color: #333333;*/
146 }
148 #content_bottom {
149 height: 14px;
150 margin: 0px 100px 0px 100px;
151 /*clear: both;*/
152 }
154 #content li {
155 line-height: 1.5em;
156 text-align: left;
157 }
159 /* Legal informations */
161 #copy {
162 font-size: 11px ;
163 text-align: center ;
164 background: transparent;
165 color: #a8a8a8;
166 padding-top: 10px;
167 }
169 #copy a {
170 background: inherit;
171 color: #a8a8a8;
172 }
174 #copy a:hover {
175 background: inherit;
176 color: #EDEDED;
177 }
179 /* Footer */
181 #bottom {
182 float: none;
183 background: inherit;
184 color: black;
185 width: auto;
186 clear: both;
187 padding: 0;
188 margin: 0;
189 text-align: center;
190 vertical-align: middle;
191 }
193 #news li {
194 list-style-type: square;
195 border-bottom: 1px dotted #BEBEBE;
196 margin-left: -25px;
197 padding: 4px 0px 4px 0px;
198 }
199 #gallery {
200 text-align: center;
201 }
203 /* CSS class. */
205 .top_left, .top_right, .bottom_left, .bottom_right {
206 height: 14px;
207 width: 14px;
208 color: white;
209 background-color: #333333;
210 background-repeat: no-repeat;
211 }
213 .top_left {
214 background-image: url(pics/website/content-tl.png);
215 background-position: left top;
216 position: absolute;
217 }
219 .top_right {
220 background-image: url(pics/website/content-tr.png);
221 float: right;
222 }
224 .bottom_left {
225 background-image: url(pics/website/content-bl.png);
226 position: absolute;
227 }
229 .bottom_right {
230 background-image: url(pics/website/content-br.png);
231 float: right;
232 }
234 /* HTML styles */
236 h1 {
237 color: #3E1220;
238 background: inherit;
239 text-align: left;
240 margin: 0px 0px 16px -58px;
241 }
243 h2 {
244 color: #DF8F06;
245 border-left: 10px solid #F3F3F3;
246 padding: 4px 0px 4px 4px;
247 margin: 0;
248 }
250 h3 {
251 font-weight: bold;
252 color: #6c0023;
253 background: inherit;
254 }
256 a {
257 text-decoration: underline;
258 color: #0F314E;
259 background: inherit;
260 }
262 a:hover {
263 text-decoration: none;
264 color: blue;
265 background: inherit;
266 }
268 code {
269 font-size: 12px;
270 color: #669900;
271 background: inherit;
272 }
274 tt {
275 color: #15EE15;
276 background: inherit;
277 }
279 img {
280 border: 0pt none;
281 }
283 fieldset {
284 background: #E2ECf6;
285 color: black;
286 margin-top: 25px;
287 border: 1px solid black;
288 }
290 legend {
291 border: 1px solid black;
292 color: #6c0023;
293 background: #eaeaea;
294 font-weight: bold;
295 }
297 pre {
298 padding: 5px;
299 color: black;
300 background: #E1E0B0;
301 }
303 pre.script {
304 padding: 10px;
305 color: black;
306 background: #E8E8E8;
307 border: 1px inset #606060;
308 }
310 textarea {
311 background: #E5E5E5;
312 margin-top: 12px;
313 }
315 input[type=submit] {
316 background: #E5E5E5;
317 color: black;
318 border: 1px outset #111111;
319 font-weight: bold;
320 }
322 input[type=submit]:hover {
323 background: #F3F3F3;
324 color: black;
325 }
327 /* Packages pages */
329 .pkg_nav {
330 border-top: 1px solid black;
331 margin-top: 10px;
332 padding-top: 10px;
333 }
335 pre.package {
336 padding: 0px;
337 color: black;
338 background: white;
339 }
341 p.get {
342 text-align: center;
343 padding: 10px;
344 color: black;
345 background: #F3F3F3;
346 border: 1px solid #DEDEDE;
347 }