wok view slitaz-mercurial-style/stuff/templates/static/style-slitaz.css @ rev 7939

slitaz-mercurial-style: Almost migration finished
author Christophe Lincoln <pankso@slitaz.org>
date Tue Jan 11 23:27:31 2011 +0100 (2011-01-11)
parents 5e5a67e17e5a
children e21abd6b9d09
line source
1 html {
2 min-height: 102%;
3 }
4
5 body {
6 background: #ffffff;
7 color: black;
8 font: 13px sans-serif, vernada, arial;
9 margin: 0;
10 border-top: 34px solid #f1f1f1;
11 }
12
13 /* Accessibility */
14
15 #access {
16 position: absolute;
17 top: 4px;
18 right: 0px;
19 text-align: right;
20 width: auto;
21 margin: 0;
22 padding: 4px 4px 4px 20px;
23 font-size: 11px;
24 font-weight: bold;
25 }
26
27 #access a {
28 background: transparent;
29 color: #0F314E;
30 text-decoration: none;
31 }
32
33 #access a:hover {
34 background: inherit;
35 color: #b64b22;
36 }
37
38 #access img {
39 vertical-align: middle;
40 }
41
42 /* Header and title */
43
44 #header {
45 background: #351a0a url(header-img.png) no-repeat top right;
46 color: black;
47 width: 100%;
48 height: 42px;
49 border-top: 1px solid black;
50 border-bottom: 1px solid #999;
51 margin-bottom: 33px;
52 }
53
54 #titre {
55 position: absolute;
56 font-size: 14px;
57 font-weight: bolder ;
58 left: 180px;
59 top: 4px;
60 }
61
62 #logo {
63 position: absolute;
64 float: left;
65 left: 16px;
66 top: -10px;
67 width: 200px;
68 height: 74px;
69 }
70
71 /* Side bar Navigation */
72
73 #nav {
74 position: absolute;
75 top: 102px;
76 right: 80px;
77 color: #555555;
78 float: right;
79 width: 250px;
80 line-height: 1.5em;
81 text-align: left;
82 font-size: 12px;
83 }
84
85 #nav .nav_box ul {
86 list-style-type: none;
87 margin: 0;
88 padding: 10px 24px 10px 0px;
89 background-color: inherit;
90 }
91
92 #nav li {
93 display: inline;
94 }
95
96 #nav h4 {
97 font-size: 120%;
98 color: #666666;
99 font-weight: bold;
100 margin: 0;
101 padding: 0 0 1px 0;
102 border-bottom: 1px solid #cecece;
103 }
104
105 #nav a {
106 color: #0F314E;
107 background: inherit;
108 display: block;
109 text-decoration: none;
110 font-weight: bold;
111 }
112
113 #nav a:hover {
114 color: #b64b22;
115 text-decoration: none;
116 display: block;
117 }
118
119 #nav ul {
120 -moz-border-radius: 8px;
121 -webkit-border-radius: 8px;
122 border-radius: 8px;
123 list-style-type: none;
124 margin: 10px 0;
125 padding: 10px 24px 10px 24px;
126 background-color: #eaeaea;
127 }
128
129 .nav_box {
130 margin: 10px 0;
131 padding: 10px 24px 10px 24px;
132 background-color: #eaeaea;
133 text-align: justify;
134 -moz-border-radius: 8px;
135 -webkit-border-radius: 8px;
136 border-radius: 8px;
137 -moz-box-shadow: 0 1px 3px #666;
138 -webkit-box-shadow: 0 1px 3px #666;
139 box-shadow: 0 1px 3px #666;
140 /* CSS3 transition */
141 -webkit-transition-property: background-color;
142 -webkit-transition-duration: 2s;
143 -moz-transition-property: background-color;
144 -moz-transition-duration: 2s;
145 transition-property: background-color;
146 transition-duration: 2s;
147 }
148
149 .nav_box:hover { background-color: #f8f8f8; }
150
151 #nav .nav_box p {
152 line-height: 1.3em;
153 }
154
155 #nav .nav_box p a {
156 display: inline;
157 font-weight: normal;
158 text-decoration: underline;
159 }
160
161 #nav .nav_box p a:hover {
162 text-decoration: none;
163 color: blue;
164 background: inherit;
165 }
166
167 /* Page content */
168
169 #content {
170 background: white;
171 color: black;
172 text-align: justify;
173 height: auto;
174 margin: 6px 320px 0px 0px;
175 padding: 0px 40px 60px 80px;
176 }
177
178 #content-full {
179 background: white;
180 color: black;
181 text-align: justify;
182 height: auto;
183 margin: 0;
184 padding: 0px 80px 40px 80px;
185 }
186
187 #content li, #content-full li {
188 line-height: 1.5em;
189 text-align: left;
190 }
191
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
199 #news a {
200 text-decoration: none;
201 }
202
203 #gallery {
204 text-align: center;
205 }
206
207 /* Box and block. */
208
209 .infobox {
210 margin: 20px 60px;
211 padding: 12px;
212 background: #f8f8f8;
213 }
214
215 .infobox img { vertical-align: middle; }
216 /* .infobox:hover { background-color: #f2b21d; } */
217 .infobox:hover { background-color: #FBFBFB; }
218
219 .block {
220 /*padding-bottom: 35%;*/
221 color: black;
222 min-height: 200px;
223 margin-bottom: 40px;
224 }
225
226 .block ul {
227 list-style-type: none;
228 margin: 0;
229 padding: 0 20px;
230 }
231
232 .block_left {
233 width: 46%;
234 float: left;
235 background-color: #eaeaea;
236 margin: 4px 2px;
237 padding: 0 10px 10px 10px;
238 }
239
240 .block_right {
241 width: 46%;
242 float: right;
243 background-color: #eaeaea;
244 margin: 4px 2px;
245 padding: 0 10px 10px 10px;
246 }
247
248 #block_top {
249 color: black;
250 background-color: #eaeaea;
251 min-height: 180px;
252 margin-bottom: 40px;
253 margin-right: 340px;
254 padding: 0 10px;
255 }
256
257 #block_nav {
258 width: 300px;
259 min-height: 180px;
260 float: right;
261 background-color: #eaeaea;
262 margin: 0;
263 padding: 0 10px;
264 }
265
266 .infobox, .block_left, .block_right, #block_top, #block_nav, #footer {
267 -moz-border-radius: 8px;
268 -webkit-border-radius: 8px;
269 border-radius: 8px;
270 -moz-box-shadow: 0 1px 3px #666;
271 -webkit-box-shadow: 0 1px 3px #666;
272 box-shadow: 0 1px 3px #666;
273 /* CSS3 transition */
274 -webkit-transition-property: background-color;
275 -webkit-transition-duration: 2s;
276 -moz-transition-property: background-color;
277 -moz-transition-duration: 2s;
278 transition-property: background-color;
279 transition-duration: 2s;
280 }
281
282 #block_nav {
283 font-weight: bold;
284 }
285
286 #block_nav a {
287 text-decoration: none;
288 }
289
290 #block_nav li a:hover {
291 color: #b64b22;
292 }
293
294 #block_nav ul {
295 margin: 0;
296 list-style-type: none;
297 }
298
299 #block_nav h3 {
300 font-size: 110%;
301 }
302
303 .block_left:hover, .block_right:hover, #block_top:hover,
304 #block_nav:hover, #footer:hover {
305 background-color: #f8f8f8;
306 }
307
308 #block_top li { display: inline; font-weight: bold; }
309
310 .right_box {
311 width: 50%;
312 float: right;
313 }
314
315 .floor {
316 color: #999999;
317 font-size: 20px;
318 -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
319 -moz-transform: rotate(-45deg) skew(15deg, 15deg);
320 -o-transform: rotate(-45deg) skew(15deg, 15deg);
321 -ms-transform: rotate(-45deg) skew(15deg, 15deg);
322 transform: rotate(-45deg) skew(15deg, 15deg);
323 }
324
325 /* Button */
326
327 .button { margin-left: 20px; }
328
329 .button a {
330 background-color: #b64b22;
331 color: #ffffff;
332 margin-right: 6px;
333 padding: 6px 10px;
334 font-size: 14px;
335 -moz-border-radius: 4px;
336 -webkit-border-radius: 4px;
337 border-radius: 4px;
338 -moz-box-shadow: 0 1px 3px #666;
339 -webkit-box-shadow: 0 1px 3px #666;
340 box-shadow: 0 1px 3px #666;
341 }
342
343 .button a:hover, input[type=submit]:hover {
344 background-color: #a3431f;
345 color: #ffffff;
346 }
347
348 input[type=submit] {
349 border: 1px solid #b64b22;
350 background-color: #b64b22;
351 color: white;
352 font-weight: bold;
353 cursor: pointer;
354 padding: 2px 10px;
355 font-size: 14px;
356 -moz-border-radius: 2px;
357 -webkit-border-radius: 2px;
358 border-radius: 2px;
359 -moz-box-shadow: 0 0 5px #666;
360 -webkit-box-shadow: 0 0 5px#666;
361 box-shadow: 0 0 5px #666;
362 }
363
364 input[type=text] {
365 border: 1px solid #333333;
366 padding: 3px;
367 width: 100%;
368 max-width: 500px;
369 }
370
371 /* HTML styles */
372
373 h1 {
374 color: #444444;
375 background: transparent;
376 text-align: left;
377 margin: 0px 0px 4px 0px;
378 font-size: 150%;
379 font-weight: bold;
380 padding: 5px 0 0 10px;
381 }
382
383 h2 {
384 color: #b64b22;
385 padding: 0;
386 margin: 20px 0 0 0;
387 font-size: 130%;
388 font-weight: bold;
389 }
390
391 h3 {
392 font-weight: bold;
393 color: #666666;
394 background: transparent;
395 }
396
397 h3 img {
398 vertical-align: middle;
399 width: 20px;
400 height: 20px;
401 padding-right: 4px;
402 }
403
404 a {
405 text-decoration: underline;
406 color: #103A5E;
407 background: inherit;
408 }
409
410 a:hover {
411 text-decoration: none;
412 color: blue;
413 background: inherit;
414 }
415
416 code {
417 font-size: 12px;
418 color: #669900;
419 background: inherit;
420 }
421
422 tt {
423 color: #15EE15;
424 background: inherit;
425 }
426
427 img {
428 border: 0pt none;
429 }
430
431
432 pre {
433 padding: 5px;
434 color: black;
435 background: #f1f1f1;
436 }
437
438 pre.script {
439 padding: 10px;
440 color: black;
441 background: #E8E8E8;
442 border: 1px inset #606060;
443 }
444
445 textarea {
446 background: #E5E5E5;
447 margin-top: 12px;
448 }
449
450 .year:after {
451 /* content: "2007-2011"; */
452 content: "2011";
453 }
454
455 /* Footer */
456
457 #footer {
458 margin: 0px 80px 80px 80px;
459 padding: 10px;
460 background: #eaeaea;
461 color: #666666;
462 height: 180px;
463 clear: both;
464 border-radius: 8px;
465 -moz-border-radius: 8px;
466 -webkit-border-radius: 8px;
467 -moz-box-shadow: 0 1px 3px #666;
468 -webkit-box-shadow: 0 1px 3px #666;
469 box-shadow: 0 1px 3px #666;
470 }
471 #footer a {
472 background: inherit;
473 color: #666666;
474 }
475 #footer a:hover {
476 background: inherit;
477 color: #333333;
478 }
479 #footer ul {
480 list-style-type: none;
481 }
482 #footer li {
483 padding: 2px;
484 }
485 #footer h4 {
486 margin: 0 20px;
487 font-size: 125%;
488 }
489
490 .container {
491 margin: 6px 280px 0px 0px;
492 padding: 0px 40px 60px 40px;
493 }
494
495 .main {
496 background: white;
497 }
498
499 #.main {
500 width: 100%;
501 }
502
503 .overflow {
504 width: 100%;
505 overflow: auto;
506 }
507
508 .search {
509 text-align: center;
510 }
511
512 form.search div#hint {
513 display: none;
514 position: absolute;
515 top: 0px;
516 right: 280px;
517 width: 200px;
518 padding: 5px;
519 background: #ffc;
520 font-size: 80%;
521 border: 1px solid yellow;
522 -moz-border-radius: 5px; /* this works only in camino/firefox */
523 -webkit-border-radius: 5px; /* this is just for Safari */
524 }
525
526 form.search:hover div#hint { display: block; }
527
528 a { text-decoration:none; }
529 .age { white-space:nowrap; }
530 .date { white-space:nowrap; }
531 .indexlinks { white-space:nowrap; }
532 .parity0 { background-color: #f0f0f0; }
533 .parity1 { background-color: white; }
534 .plusline { color: green; }
535 .minusline { color: #dc143c; } /* crimson */
536 .atline { color: purple; }
537
538 .navigate {
539 text-align: right;
540 font-size: 80%;
541 margin: 1em 0;
542 }
543
544 .tag {
545 color: #999;
546 font-size: 70%;
547 font-weight: normal;
548 margin-left: .5em;
549 vertical-align: baseline;
550 }
551
552 .branchhead {
553 color: #000;
554 font-size: 80%;
555 font-weight: normal;
556 margin-left: .5em;
557 vertical-align: baseline;
558 }
559
560 ul#graphnodes .branchhead {
561 font-size: 75%;
562 }
563
564 .branchname {
565 color: #000;
566 font-size: 60%;
567 font-weight: normal;
568 margin-left: .5em;
569 vertical-align: baseline;
570 }
571
572 h3 .branchname {
573 font-size: 80%;
574 }
575
576 /* Common */
577 pre { margin: 0; }
578
579 h2 a { color: #b64b22; }
580
581 /* log and tags tables */
582 .bigtable {
583 border-bottom: 1px solid #999;
584 border-collapse: collapse;
585 font-size: 90%;
586 width: 100%;
587 font-weight: normal;
588 text-align: left;
589 margin-top: 20px;
590 }
591
592 .bigtable td {
593 vertical-align: top;
594 }
595
596 .bigtable th {
597 padding: 1px 4px;
598 border-bottom: 1px solid #999;
599 }
600 .bigtable tr { border: none; }
601 .bigtable .age { width: 6em; }
602 .bigtable .author { width: 12em; }
603 .bigtable .description { }
604 .bigtable .node { width: 5em; font-family: monospace;}
605 .bigtable .permissions { width: 8em; text-align: left;}
606 .bigtable .size { width: 5em; text-align: right; }
607 .bigtable .annotate { text-align: right; }
608 .bigtable td.annotate { font-size: smaller; }
609 .bigtable td.source { font-size: inherit; }
610
611 .source, .sourcefirst, .sourcelast {
612 font-family: monospace;
613 white-space: pre;
614 padding: 1px 4px;
615 font-size: 90%;
616 }
617 .sourcefirst { border-bottom: 1px solid #999; font-weight: bold; }
618 .sourcelast { border-top: 1px solid #999; }
619 .source a { color: #999; font-size: smaller; font-family: monospace;}
620 .bottomline { border-bottom: 1px solid #999; }
621
622 .fileline { font-family: monospace; }
623 .fileline img { border: 0; }
624
625 .tagEntry .closed { color: #99f; }
626
627 /* Changeset entry */
628 #changesetEntry {
629 border-collapse: collapse;
630 font-size: 90%;
631 width: 100%;
632 margin-bottom: 1em;
633 }
634
635 #changesetEntry th {
636 padding: 1px 4px;
637 width: 4em;
638 text-align: right;
639 font-weight: normal;
640 color: #999;
641 margin-right: .5em;
642 vertical-align: top;
643 }
644
645 div.description {
646 border-left: 2px solid #999;
647 margin: 1em 0 1em 0;
648 padding: .3em;
649 }
650
651 /* Graph */
652 div#wrapper {
653 position: relative;
654 border-top: 1px solid black;
655 border-bottom: 1px solid black;
656 margin: 0;
657 padding: 0;
658 }
659
660 canvas {
661 position: absolute;
662 z-index: 5;
663 top: -0.7em;
664 margin: 0;
665 }
666
667 ul#graphnodes {
668 position: absolute;
669 z-index: 10;
670 top: -1.0em;
671 list-style: none inside none;
672 padding: 0;
673 }
674
675 ul#nodebgs {
676 list-style: none inside none;
677 padding: 0;
678 margin: 0;
679 top: -0.7em;
680 }
681
682 ul#graphnodes li, ul#nodebgs li {
683 height: 39px;
684 }
685
686 ul#graphnodes li .info {
687 display: block;
688 font-size: 70%;
689 position: relative;
690 top: -3px;
691 }