website view slitaz.css @ rev 1341

Disable forum feed function
author Christophe Lincoln <pankso@slitaz.org>
date Fri Jan 22 20:10:29 2021 +0100 (2021-01-22)
parents 3f9491492ae2
children
line source
1 /*
2 CSS style for SliTaz Network - (C) 2015 SliTaz GNU/Linux
3 */
4
5 html {
6 min-height: 102%;
7 }
8
9 body {
10 background: #ffffff;
11 color: black;
12 font: 100% sans-serif, vernada, arial;
13 margin: 0;
14 min-width: 780px;
15 height: 100%;
16 }
17
18 a { text-decoration: underline; color: #215090; }
19 a:hover { text-decoration: none; }
20 img { border: 0pt none; vertical-align: middle; }
21 h2 { color: #444; }
22 h3 { color: #666; font-size: 140%; }
23 h4 { color: #888; font-size: 120%; }
24 h2, h3 { border-bottom: 1px dashed #afafaf; padding-bottom: 5px; }
25 li { list-style-type: square; }
26 pre {
27 background-color: #f8f8f8;
28 border: 1px solid #ddd;
29 padding: 10px;
30 }
31
32 /* Header */
33
34 #header {
35 height: 40px;
36 background: #111 url(images/logo.png) no-repeat left;
37 }
38
39 #header h1 {
40 margin: 0;
41 padding: 8px 0 8px 42px;
42 width: 280px;
43 font-size: 20px;
44 font-style: italic;
45 }
46
47 #header h1 a {
48 color: white;
49 text-decoration: none;
50 }
51
52 #header h1 a:hover, #network a:hover, #network span {
53 color: #afafaf;
54 }
55
56 #searchbtn {
57 position: absolute;
58 right: 8px;
59 top: 48px;
60 }
61
62 /* Logo */
63
64 #logo {
65 background: url(images/logo.png) no-repeat left;
66 position: absolute;
67 float: left;
68 left: 0px;
69 top: 0px;
70 width: 40px;
71 height: 40px;
72 }
73
74 /* SliTaz Network */
75
76 #network {
77 float: right;
78 padding: 14px 5px 0;
79 font-size: 12px;
80 }
81
82 #network a, #network span { padding: 0 4px; }
83 #network span { font-weight: bold; }
84
85 /* Block */
86
87 #block {
88 min-height: 180px;
89 background: #ccc;
90 padding: 20px 10% 0px;
91 text-align: center;
92 color: #222;
93 border-bottom: 1px solid #afafaf;
94 }
95
96 #block_info {
97 text-align: justify;
98 width: 48%;
99 padding: 10px 10px 0 0;
100 }
101
102 #block a, #network a {
103 color: #fff;
104 font-weight: bold;
105 text-decoration: none;
106 }
107
108 #block h4 {
109 color: #222;
110 margin: 0px;
111 font-weight: bold;
112 font-size: 110%;
113 }
114
115 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
116 #block_info a { font-weight: normal; color: #215090; }
117 #block_info a:hover { text-decoration: underline; }
118 #block ul { list-style-type: square; }
119 #block_nav a:hover { color: #afafaf; }
120
121 /* Navigation */
122
123 #block_nav {
124 background: #666;
125 padding: 10px 10px 20px;
126 text-align: justify;
127 width: 48%;
128 float: right;
129 }
130
131 #block_nav ul {
132 list-style-type: none;
133 margin: 6px 0;
134 padding: 0;
135 }
136
137 #block_nav h4 img {
138 margin: 0 4px 0 0;
139 padding: 0;
140 }
141
142 .dlbutton {
143 display: inline-block;
144 margin: 0.5ex;
145 background: #333 url("/images/download-30.png") no-repeat 4px center;
146 padding-left: 38px;
147 -webkit-transition: background-color 0.6s;
148 transition: background-color 0.5s;
149 }
150 .dldiv { margin: 30px 0; text-align: center; }
151
152 /*
153 *
154 *
155 * Navigation NG
156 *
157 *
158 * */
159
160 nav {
161 min-height: 100px;
162 background: #ddd;
163 padding: 56px 6% 0;
164 text-align: center;
165 color: #222;
166 border-bottom: 1px solid #afafaf;
167 top: 40px;
168 }
169
170 nav ul {
171 margin: 0; padding: 0;
172 list-style: none;
173 }
174 nav li { display: inline; }
175
176 nav a, .dlbutton {
177 text-decoration: none;
178 padding: 12px;
179 color: #fff;
180 font-weight: bold;
181 vertical-align: middle;
182 -webkit-transition: background-color 0.6s;
183 transition: background-color 0.5s;
184 }
185 nav p { padding: 8px; color: #333; font-size: 90%; }
186
187 .nav1 { background-color: #333; }
188 .nav1:hover { background-color: #128da9; }
189 .nav2 { background-color: #ab3c00; }
190 .nav2:hover { background-color: #ff9b00; }
191 .navpi { background-color: #444; }
192 .navpi:hover { background-color: #bc1142; }
193
194 /* Languages */
195
196 #lang {
197 padding: 8px;
198 font-size: 12px;
199 position: absolute;
200 right: 0px;
201 color: #666;
202 }
203 #lang .flag { font-size: 14px; }
204 #lang .flag:hover { text-decoration: none; }
205
206 #lang a, #lang strong, #lang span {
207 text-decoration: none;
208 padding: 0 2px;
209 }
210
211 #lang a:hover {
212 text-decoration: underline;
213 }
214
215 .box #lang { text-align: center; position: relative;
216 font-size: 13px; } /* for /i18n page */
217
218 /* Content */
219
220 #content {
221 padding: 30px 80px;
222 text-align: justify;
223 }
224 #content li { line-height: 1.6em; }
225
226 .news li {
227 border-bottom: 1px dotted #BEBEBE;
228 margin-left: -25px;
229 padding: 4px 0px 4px 0px;
230 }
231
232 .news a, .feed-grid a { text-decoration: none; }
233 .news p a { text-decoration: underline; }
234 .news p a:hover { text-decoration: none; }
235 #twitter { margin: 20px 0; text-align: center; }
236 #gallery { text-align: center; }
237
238 #sponsor {
239 font-size: 90%;
240 background-color: #fbfbfb;
241 border: 2px solid #ddd;
242 width: 200px;
243 height: 140px;
244 float: right;
245 text-align: center;
246 margin: 20px 0px 20px 20px;
247 }
248
249 /* Classes */
250
251 .mobile { display: none !important; }
252
253 .right_box { width: 48%; float: right; }
254 .left_box { width: 48%; float: left; }
255
256 .box {
257 margin: 20px 60px;
258 padding: 12px;
259 background: #efefef;
260 border: 1px solid #ddd;
261 }
262
263 .box-dl, .box-up, .box-warning {
264 margin: 20px 0;
265 min-height: 48px;
266 border: 1px solid #ddd;
267 vertical-align: middle;
268 }
269 .box-dl {
270 background: url("/images/download.png") no-repeat 12px center;
271 padding: 16px 16px 16px 72px;
272 }
273 .box-up {
274 background: url("/images/update.png") no-repeat 12px center;
275 padding: 16px 16px 16px 62px;
276 }
277 .box-warning {
278 background: url("/images/warning.png") no-repeat 12px center;
279 padding: 16px 16px 16px 62px;
280 }
281 .box-dl a { font-weight: bold; text-decoration: none; }
282 .dlbutton { padding-left: 38px; }
283 pre, .box, .box-dl, .box-up, .box-share, .box-rpi {
284 background-color: #efefef;
285 border: 1px solid #ddd;
286 }
287
288 .searchbox {
289 margin: 20px 80px;
290 padding: 12px;
291 background: #f8f8f8;
292 text-align: center;
293 border: 1px solid #ddd;
294 }
295
296 /* Activity Box */
297
298 .activity {
299 margin: 0 0 20px;
300 background: #efefef;
301 padding: 5px 2px 0;
302 border: 1px solid #ddd;
303 }
304 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
305 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
306 .activity a { text-decoration: none; }
307 .activity ul { margin: 4px 0; padding: 0 4px; line-height: 150%; }
308 .activity li { list-style-type: none; }
309 .activity_more { text-align: right; }
310 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
311 .activity_more a:hover { text-decoration: underline; }
312
313 .activity span, .news span {
314 color: #666;
315 font-size: 11px;
316 font-weight: normal;
317 }
318
319 /* Button */
320
321 #block_info .button a {
322 background-color: #666;
323 color: #ffffff;
324 margin: 0px 4px;
325 padding: 6px 10px;
326 font-size: 12px;
327 text-decoration: none;
328 font-weight: bold;
329 }
330 #block_info .button a:hover, input[type=submit]:hover {
331 background-color: #444;
332 color: #ffffff;
333 }
334
335 /* Round corner */
336
337 #block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a,
338 #twitter, .activity, .activity div, #sponsor, nav a, .dlbutton {
339 -moz-border-radius: 4px;
340 -webkit-border-radius: 4px;
341 border-radius: 4px;
342 }
343
344 /* Form */
345
346 input[type=submit] {
347 border: 1px solid #666;
348 background-color: #666;
349 color: white;
350 font-weight: bold;
351 cursor: pointer;
352 padding: 4px 10px;
353 font-size: 14px;
354 margin-left: -5px;
355 -webkit-border-top-right-radius: 4px;
356 -webkit-border-bottom-right-radius: 4px;
357 -moz-border-radius-topright: 4px;
358 -moz-border-radius-bottomright: 4px;
359 border-top-right-radius: 4px;
360 border-bottom-right-radius: 4px;
361 }
362
363 input[type=submit]:hover { background-color: #444; }
364
365 input[type=text] {
366 border: 1px solid #333333;
367 padding: 4px;
368 height: 17px;
369 width: 100%;
370 -webkit-border-top-left-radius: 4px;
371 -webkit-border-bottom-left-radius: 4px;
372 -moz-border-radius-topleft: 4px;
373 -moz-border-radius-bottomleft: 4px;
374 border-top-left-radius: 4px;
375 border-bottom-left-radius: 4px;
376 }
377
378 /* Footer */
379
380 #footer {
381 background: #f1f1f1;
382 text-align: center;
383 border-top: 1px solid #ddd;
384 padding: 40px;
385 color: #666;
386 clear: both;
387 margin-bottom: -2%;
388 }
389
390 #footer a { color: #666; padding: 0 2px; }
391
392 .year:after {
393 /* content: "2007-2015"; */
394 content: "2018";
395 }
396
397 p, li {
398 -moz-hyphens: auto;
399 -webkit-hyphens: auto;
400 hyphens: auto;
401 }
402
403 /* --- SEARCH --- */
404
405 input.gsc-search-button {
406 border: 1px solid #b64b22;
407 background-color: #b64b22;
408 color: white;
409 font-weight: bold;
410 cursor: pointer;
411 padding: 2px 10px;
412 font-size: 14px;
413 margin-left: -4px;
414 -webkit-border-top-right-radius: 4px;
415 -webkit-border-bottom-right-radius: 4px;
416 -moz-border-radius-topright: 4px;
417 -moz-border-radius-bottomright: 4px;
418 border-top-right-radius: 4px;
419 border-bottom-right-radius: 4px;
420 }
421
422 .gs-webResult.gs-result a.gs-title:link,
423 .gs-webResult.gs-result a.gs-title:link b {
424 color: #103a5e;
425 }
426
427 #cse {
428 margin-bottom: 120px;
429 width:100%;
430 }
431
432
433 /* --- GALLERY --- */
434
435 #gallery div {
436 width: 496px;
437 border: none;
438 border-radius: 12px;
439 padding-bottom: 8px;
440 margin: 12px auto;
441 -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
442 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
443 box-shadow: 0 0 6px rgba(0,0,0,0.5);
444 }
445 #gallery img {
446 width: 480px;
447 margin: 8px;
448 }