slitaz-dev-tools view slitaz-mercurial-style/templates/static/style-slitaz.css @ rev 276

Hg style: start migration to new theme (made with love for you guys :-)
author Christophe Lincoln <pankso@slitaz.org>
date Wed Mar 01 15:21:46 2017 +0100 (2017-03-01)
parents b1e8c4f9bf01
children 35f40719ec56
line source
1 /*
2 CSS style for SliTaz Network - (C) 201 SliTaz GNU/Linux
3 */
4
5 html {
6 min-height: 102%;
7 }
8
9 body {
10 background: #ffffff;
11 color: black;
12 font: 13px 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; font-size: 180%; }
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: #222;
37 }
38
39 #header h1 {
40 margin: 0;
41 padding: 2px 0 0 42px;
42 width: 250px;
43 }
44
45 #header h1 a {
46 color: white;
47 text-decoration: none;
48 font-size: 20px;
49 font-style: italic;
50 }
51
52 #header h1 a:hover, #network a:hover, #block_nav a:hover, #network span {
53 color: #afafaf;
54 }
55
56 /* Logo */
57
58 #logo {
59 background: url(images/logo.png) no-repeat left;
60 position: absolute;
61 float: left;
62 left: 0px;
63 top: 0px;
64 width: 40px;
65 height: 40px;
66 }
67
68 /* SliTaz Network */
69
70 #network {
71 float: right;
72 padding: 14px 5px 0;
73 font-size: 12px;
74 }
75
76 #network a, #network span { padding: 0 4px; }
77 #network span { color: #afafaf; font-weight: bold; }
78
79 #network a {
80 color: #fff;
81 font-weight: bold;
82 text-decoration: none;
83 }
84
85 /*
86 *
87 *
88 * Navigation NG
89 *
90 *
91 * */
92
93 nav {
94 font-size: 120%;
95 min-height: 100px;
96 background: #ddd;
97 padding: 56px 6% 0;
98 text-align: center;
99 color: #222;
100 border-bottom: 1px solid #afafaf;
101 top: 40px;
102 }
103
104 nav ul {
105 margin: 0; padding: 0;
106 list-style: none;
107 }
108 nav li { display: inline; }
109
110 nav a, .dlbutton {
111 text-decoration: none;
112 padding: 12px;
113 color: #fff;
114 font-weight: bold;
115 vertical-align: middle;
116 -webkit-transition: background-color 0.6s;
117 transition: background-color 0.5s;
118 }
119 nav p { padding: 8px; color: #333; font-size: 92%; }
120
121 .nav1 { background-color: #333; }
122 .nav1:hover { background-color: #128da9; }
123 .nav2 { background-color: #ab3c00; }
124 .nav2:hover { background-color: #ff9b00; }
125 .navpi { background-color: #444; }
126 .navpi:hover { background-color: #bc1142; }
127
128 /* Languages */
129
130 #lang {
131 padding: 8px;
132 font-size: 12px;
133 position: absolute;
134 right: 0px;
135 color: #666;
136 }
137 #lang .flag { font-size: 14px; }
138 #lang .flag:hover { text-decoration: none; }
139
140 #lang a, #lang strong, #lang span {
141 text-decoration: none;
142 padding: 0 2px;
143 }
144
145 #lang a:hover {
146 text-decoration: underline;
147 }
148
149 .box #lang { text-align: center; position: relative;
150 font-size: 13px; } /* for /i18n page */
151
152 /* Content */
153
154 #content {
155 padding: 30px 80px;
156 text-align: justify;
157 }
158 #content li { line-height: 1.6em; }
159
160 .news li {
161 border-bottom: 1px dotted #BEBEBE;
162 margin-left: -25px;
163 padding: 4px 0px 4px 0px;
164 }
165
166 .news a, .feed-grid a { text-decoration: none; }
167 .news p a { text-decoration: underline; }
168 .news p a:hover { text-decoration: none; }
169 #twitter { margin: 20px 0; text-align: center; }
170 #gallery { text-align: center; }
171
172 #sponsor {
173 font-size: 90%;
174 background-color: #fbfbfb;
175 border: 2px solid #ddd;
176 width: 200px;
177 height: 140px;
178 float: right;
179 text-align: center;
180 margin: 20px 0px 20px 20px;
181 }
182
183 /* Classes */
184
185 .mobile { display: none !important; }
186
187 .right_box { width: 48%; float: right; }
188 .left_box { width: 48%; float: left; }
189
190 .box {
191 margin: 20px 60px;
192 padding: 12px;
193 background: #efefef;
194 border: 1px solid #ddd;
195 }
196
197 .box-dl, .box-up {
198 margin: 20px 0;
199 min-height: 48px;
200 border: 1px solid #ddd;
201 vertical-align: middle;
202 }
203 .box-dl {
204 background: url("/images/download.png") no-repeat 12px center;
205 padding: 16px 16px 16px 72px;
206 }
207 .box-up {
208 background: url("/images/update.png") no-repeat 12px center;
209 padding: 16px 16px 16px 62px;
210 }
211 .box-dl a { font-weight: bold; text-decoration: none; }
212 .dlbutton { padding-left: 38px; }
213 pre, .box, .box-dl, .box-up, .box-share, .box-rpi {
214 background-color: #efefef;
215 border: 1px solid #ddd;
216 }
217
218 .searchbox {
219 margin: 20px 80px;
220 padding: 12px;
221 background: #f8f8f8;
222 text-align: center;
223 border: 1px solid #ddd;
224 }
225
226 /* Activity Box */
227
228 .activity {
229 margin: 0 0 20px;
230 background: #efefef;
231 padding: 5px 2px 0;
232 border: 1px solid #ddd;
233 }
234 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
235 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
236 .activity a { text-decoration: none; }
237 .activity ul { margin: 4px 0; padding: 0 4px; line-height: 150%; }
238 .activity li { list-style-type: none; }
239 .activity_more { text-align: right; }
240 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
241 .activity_more a:hover { text-decoration: underline; }
242
243 .activity span, .news span {
244 color: #666;
245 font-size: 11px;
246 font-weight: normal;
247 }
248
249 /* Button */
250
251 #block_info .button a {
252 background-color: #666;
253 color: #ffffff;
254 margin: 0px 4px;
255 padding: 6px 10px;
256 font-size: 12px;
257 text-decoration: none;
258 font-weight: bold;
259 }
260 #block_info .button a:hover, input[type=submit]:hover {
261 background-color: #444;
262 color: #ffffff;
263 }
264
265 /* Round corner */
266
267 #block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a,
268 #twitter, .activity, .activity div, #sponsor, nav a, .dlbutton {
269 -moz-border-radius: 4px;
270 -webkit-border-radius: 4px;
271 border-radius: 4px;
272 }
273
274 /* Form */
275
276 input[type=submit] {
277 border: 1px solid #666;
278 background-color: #666;
279 color: white;
280 font-weight: bold;
281 cursor: pointer;
282 padding: 4px 10px;
283 font-size: 14px;
284 margin-left: -5px;
285 -webkit-border-top-right-radius: 4px;
286 -webkit-border-bottom-right-radius: 4px;
287 -moz-border-radius-topright: 4px;
288 -moz-border-radius-bottomright: 4px;
289 border-top-right-radius: 4px;
290 border-bottom-right-radius: 4px;
291 }
292
293 input[type=submit]:hover { background-color: #444; }
294
295 /* Footer */
296
297 #footer {
298 background: #f1f1f1;
299 text-align: center;
300 border-top: 1px solid #ddd;
301 padding: 40px;
302 color: #666;
303 clear: both;
304 margin-bottom: -2%;
305 }
306
307 #footer a { color: #666; padding: 0 2px; }
308
309 .year:after {
310 /* content: "2007-2015"; */
311 content: "2007-2017";
312 }
313
314 p, li {
315 -moz-hyphens: auto;
316 -webkit-hyphens: auto;
317 hyphens: auto;
318 }
319
320 /*
321 *
322 *
323 *
324 * Mercurial custom CSS
325 *
326 *
327 *
328 */
329
330 #tarball ul { margin: 0 0 6px; padding: 0px; }
331 #tarball li { display: inline-block; }
332
333 nav p a {
334 padding: 0;
335 font-weight: normal;
336 color: #215090;
337 }
338 nav p a:hover { text-decoration: underline; }
339
340 .repo { font-weight: bold; }
341 #repo-desc { font-size: 90%; color: #888; }
342 #repo-desc a { font-size: 90%; color: #333; }
343
344 #content a { text-decoration: none; }
345
346 .comment { color: #a00; }
347 .value { color: #e50; }
348 .var { color: #05a; }
349 .color32 { color: green; }
350
351 #hgsearch {
352 float: right;
353 margin: 40px 80px 0px 0px;
354 }
355
356 #hgsearch input[type="text"] {
357 width: 240px;
358 padding: 4px;
359 margin: 4px 0px;
360 font-size: 14px;
361 line-height: 1.2em;
362 background: #fefefe;
363 border: 2px solid #afafaf;
364 -webkit-appearance: none;
365 -webkit-padding-end: 12px;
366 -webkit-padding-start: 6px;
367 border-radius: 4px;
368 }
369
370 .container {
371 margin: 0px 280px 0px 0px;
372 padding: 0px 40px 60px 40px;
373 }
374
375 .main {
376 background: white;
377 }
378
379 #.main {
380 width: 100%;
381 }
382
383 .overflow {
384 width: 100%;
385 overflow: auto;
386 }
387
388 .search {
389 text-align: center;
390 }
391
392 form.search div#hint {
393 display: none;
394 position: absolute;
395 right: 80px;
396 width: 240px;
397 padding: 5px;
398 margin-top: 14px;
399 background: #f8f8f8;
400 border: 1px solid #ddd;
401 -webkit-appearance: none;
402 -webkit-padding-end: 12px;
403 -webkit-padding-start: 6px;
404 border-radius: 4px;
405 }
406
407 form.search:hover div#hint { display: block; }
408
409 .age { white-space:nowrap; }
410 .date { white-space:nowrap; }
411 .indexlinks { white-space:nowrap; }
412 .parity0 { background-color: #f0f0f0; }
413 .parity1 { background-color: white; }
414 .plusline { color: green; }
415 .minusline { color: #dc143c; } /* crimson */
416 .atline { color: purple; }
417
418 .navigate {
419 text-align: right;
420 font-size: 80%;
421 margin: 1em 0;
422 }
423
424 .tag {
425 color: #999;
426 font-size: 70%;
427 font-weight: normal;
428 margin-left: .5em;
429 vertical-align: baseline;
430 }
431
432 .branchhead {
433 color: #000;
434 font-size: 80%;
435 font-weight: normal;
436 margin-left: .5em;
437 vertical-align: baseline;
438 }
439
440 ul#graphnodes .branchhead {
441 font-size: 75%;
442 }
443
444 .branchname {
445 color: #000;
446 font-size: 60%;
447 font-weight: normal;
448 margin-left: .5em;
449 vertical-align: baseline;
450 }
451
452 h3 .branchname {
453 font-size: 80%;
454 }
455
456 /* Common */
457 pre { margin: 0; }
458
459 h2 a { color: #215090; }
460
461 /* log and tags tables */
462
463 table { border-collapse: collapse; }
464
465 .bigtable {
466 border-bottom: 1px solid #ddd;
467 border-collapse: collapse;
468 font-size: 100%;
469 width: 100%;
470 font-weight: normal;
471 text-align: left;
472 margin-top: 10px;
473 }
474
475 .bigtable td, table td {
476 vertical-align: top;
477 padding: 4px 2px;
478 }
479
480 .bigtable th {
481 padding: 0px 2px 6px 0;
482 border-bottom: 1px solid #ddd;
483 }
484 .bigtable tr { border: none; }
485 table .age { width: 6em; padding-right: 10px; }
486 table .author { width: 12em; }
487 .bigtable .description { }
488 .bigtable .node { width: 5em; font-family: monospace;}
489 .bigtable .permissions { width: 8em; text-align: left;}
490 .bigtable .size { width: 5em; text-align: right; padding-right: 20px; }
491 .bigtable .annotate { text-align: right; }
492 .bigtable td.annotate { font-size: smaller; }
493 .bigtable td.source { font-size: inherit; }
494
495 .source, .sourcefirst, .sourcelast {
496 font-family: monospace;
497 white-space: pre;
498 padding: 1px 4px;
499 font-size: 94%;
500 }
501 .sourcefirst { border-bottom: 0px solid #ddd; font-weight: bold; }
502 .sourcelast { border-top: 0px solid #ddd; }
503 .source a { color: #999; font-size: smaller; font-family: monospace;}
504 .bottomline { border-bottom: 0px solid #999; }
505
506 .fileline { font-family: monospace; }
507 .fileline img { border: 0; }
508
509 .tagEntry .closed { color: #99f; }
510
511 /* Changeset entry */
512 #changesetEntry {
513 border-collapse: collapse;
514 font-size: 90%;
515 width: 100%;
516 margin-bottom: 1em;
517 }
518
519 #changesetEntry th {
520 padding: 4px;
521 width: 4em;
522 text-align: right;
523 font-weight: normal;
524 color: #999;
525 margin-right: .5em;
526 vertical-align: top;
527 }
528
529 div.description {
530 border-left: 2px solid #888;
531 margin: 1em 0 1em 0;
532 padding: .3em;
533 }
534
535 /* Graph */
536 div#wrapper {
537 position: relative;
538 border-top: 1px solid black;
539 border-bottom: 1px solid black;
540 margin: 0;
541 padding: 0;
542 }
543
544 canvas {
545 position: absolute;
546 z-index: 5;
547 top: -0.7em;
548 margin: 0;
549 }
550
551 ul#graphnodes {
552 position: absolute;
553 z-index: 10;
554 top: -1.0em;
555 list-style: none inside none;
556 padding: 0;
557 }
558
559 ul#nodebgs {
560 list-style: none inside none;
561 padding: 0;
562 margin: 0;
563 top: -0.7em;
564 }
565
566 ul#graphnodes li, ul#nodebgs li {
567 height: 39px;
568 }
569
570 ul#graphnodes li .info {
571 display: block;
572 font-size: 70%;
573 position: relative;
574 top: -3px;
575 }