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

hg: fix graph
author Christophe Lincoln <pankso@slitaz.org>
date Wed Mar 01 20:51:06 2017 +0100 (2017-03-01)
parents 35f40719ec56
children 1a4681ce84ef
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
26 pre {
27 border: 1px solid #ddd;
28 padding: 10px;
29 }
30
31 /* Header */
32
33 #header {
34 height: 40px;
35 background: #222;
36 }
37
38 #header h1 {
39 margin: 0;
40 padding: 2px 0 0 42px;
41 width: 250px;
42 }
43
44 #header h1 a {
45 color: white;
46 text-decoration: none;
47 font-size: 20px;
48 font-style: italic;
49 }
50
51 #header h1 a:hover, #network a:hover, #block_nav a:hover, #network span {
52 color: #afafaf;
53 }
54
55 /* Logo */
56
57 #logo {
58 background: url(images/logo.png) no-repeat left;
59 position: absolute;
60 float: left;
61 left: 0px;
62 top: 0px;
63 width: 40px;
64 height: 40px;
65 }
66
67 /* SliTaz Network */
68
69 #network {
70 float: right;
71 padding: 14px 5px 0;
72 font-size: 12px;
73 }
74
75 #network a, #network span { padding: 0 4px; }
76 #network span { color: #afafaf; font-weight: bold; }
77
78 #network a {
79 color: #fff;
80 font-weight: bold;
81 text-decoration: none;
82 }
83
84 /*
85 *
86 *
87 * Navigation NG
88 *
89 *
90 * */
91
92 nav {
93 font-size: 120%;
94 min-height: 100px;
95 background: #eee;
96 padding: 56px 6% 0;
97 text-align: center;
98 color: #222;
99 border-bottom: 1px solid #afafaf;
100 top: 40px;
101 }
102
103 nav ul {
104 margin: 0; padding: 0;
105 list-style: none;
106 }
107 nav li { display: inline; }
108
109 nav a, .dlbutton {
110 text-decoration: none;
111 padding: 12px;
112 color: #fff;
113 font-weight: bold;
114 vertical-align: middle;
115 -webkit-transition: background-color 0.6s;
116 transition: background-color 0.5s;
117 }
118 nav p { padding: 8px; color: #333; font-size: 92%; }
119
120 .nav1 { background-color: #333; }
121 .nav1:hover { background-color: #128da9; }
122 .nav2 { background-color: #ab3c00; }
123 .nav2:hover { background-color: #ff9b00; }
124 .navpi { background-color: #444; }
125 .navpi:hover { background-color: #bc1142; }
126
127 /* Languages */
128
129 #lang {
130 padding: 8px;
131 font-size: 12px;
132 position: absolute;
133 right: 0px;
134 color: #666;
135 }
136 #lang .flag { font-size: 14px; }
137 #lang .flag:hover { text-decoration: none; }
138
139 #lang a, #lang strong, #lang span {
140 text-decoration: none;
141 padding: 0 2px;
142 }
143
144 #lang a:hover {
145 text-decoration: underline;
146 }
147
148 .box #lang { text-align: center; position: relative;
149 font-size: 13px; } /* for /i18n page */
150
151 /* Content */
152
153 #content {
154 padding: 30px 80px;
155 text-align: justify;
156 }
157 #content li { line-height: 1.6em; }
158
159 .news li {
160 border-bottom: 1px dotted #BEBEBE;
161 margin-left: -25px;
162 padding: 4px 0px 4px 0px;
163 }
164
165 .news a, .feed-grid a { text-decoration: none; }
166 .news p a { text-decoration: underline; }
167 .news p a:hover { text-decoration: none; }
168 #twitter { margin: 20px 0; text-align: center; }
169 #gallery { text-align: center; }
170
171 #sponsor {
172 font-size: 90%;
173 background-color: #fbfbfb;
174 border: 2px solid #ddd;
175 width: 200px;
176 height: 140px;
177 float: right;
178 text-align: center;
179 margin: 20px 0px 20px 20px;
180 }
181
182 /* Classes */
183
184 .mobile { display: none !important; }
185
186 .right_box { width: 48%; float: right; }
187 .left_box { width: 48%; float: left; }
188
189 .box {
190 margin: 20px 60px;
191 padding: 12px;
192 background: #efefef;
193 border: 1px solid #ddd;
194 }
195
196 .box-dl, .box-up {
197 margin: 20px 0;
198 min-height: 48px;
199 border: 1px solid #ddd;
200 vertical-align: middle;
201 }
202 .box-dl {
203 background: url("/images/download.png") no-repeat 12px center;
204 padding: 16px 16px 16px 72px;
205 }
206 .box-up {
207 background: url("/images/update.png") no-repeat 12px center;
208 padding: 16px 16px 16px 62px;
209 }
210 .box-dl a { font-weight: bold; text-decoration: none; }
211 .dlbutton { padding-left: 38px; }
212 pre, .box, .box-dl, .box-up, .box-share, .box-rpi {
213 background-color: #f8f8f8;
214 border: 1px solid #ddd;
215 }
216
217 .searchbox {
218 margin: 20px 80px;
219 padding: 12px;
220 background: #f8f8f8;
221 text-align: center;
222 border: 1px solid #ddd;
223 }
224
225 /* Activity Box */
226
227 .activity {
228 margin: 0 0 20px;
229 background: #efefef;
230 padding: 5px 2px 0;
231 border: 1px solid #ddd;
232 }
233 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
234 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
235 .activity a { text-decoration: none; }
236 .activity ul { margin: 4px 0; padding: 0 4px; line-height: 150%; }
237 .activity li { list-style-type: none; }
238 .activity_more { text-align: right; }
239 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
240 .activity_more a:hover { text-decoration: underline; }
241
242 .activity span, .news span {
243 color: #666;
244 font-size: 11px;
245 font-weight: normal;
246 }
247
248 /* Button */
249
250 #block_info .button a {
251 background-color: #666;
252 color: #ffffff;
253 margin: 0px 4px;
254 padding: 6px 10px;
255 font-size: 12px;
256 text-decoration: none;
257 font-weight: bold;
258 }
259 #block_info .button a:hover, input[type=submit]:hover {
260 background-color: #444;
261 color: #ffffff;
262 }
263
264 /* Round corner */
265
266 #block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a,
267 #twitter, .activity, .activity div, #sponsor, nav a, .dlbutton {
268 -moz-border-radius: 4px;
269 -webkit-border-radius: 4px;
270 border-radius: 4px;
271 }
272
273 /* Form */
274
275 input[type=submit] {
276 border: 1px solid #666;
277 background-color: #666;
278 color: white;
279 font-weight: bold;
280 cursor: pointer;
281 padding: 4px 10px;
282 font-size: 14px;
283 margin-left: -5px;
284 -webkit-border-top-right-radius: 4px;
285 -webkit-border-bottom-right-radius: 4px;
286 -moz-border-radius-topright: 4px;
287 -moz-border-radius-bottomright: 4px;
288 border-top-right-radius: 4px;
289 border-bottom-right-radius: 4px;
290 }
291
292 input[type=submit]:hover { background-color: #444; }
293
294 /* Footer */
295
296 #footer {
297 background: #f1f1f1;
298 text-align: center;
299 border-top: 1px solid #ddd;
300 padding: 40px;
301 color: #666;
302 clear: both;
303 margin-bottom: -2%;
304 }
305
306 #footer a { color: #666; padding: 0 2px; }
307
308 .year:after {
309 /* content: "2007-2015"; */
310 content: "2007-2017";
311 }
312
313 p, li {
314 -moz-hyphens: auto;
315 -webkit-hyphens: auto;
316 hyphens: auto;
317 }
318
319 /*
320 *
321 *
322 *
323 * Mercurial custom CSS
324 *
325 *
326 *
327 */
328
329 #tarball ul { margin: 0 0 6px; padding: 0px; }
330 #tarball li { display: inline-block; }
331
332 nav p a {
333 padding: 0;
334 font-weight: normal;
335 color: #215090;
336 }
337 nav p a:hover { text-decoration: underline; }
338
339 .repo { font-weight: bold; }
340 #repo-desc { font-size: 92%; color: #666; }
341 #repo-desc a { font-size: 90%; color: #215090; }
342
343 #content a { text-decoration: none; }
344
345 .comment { color: #a00; }
346 .value { color: #e50; }
347 .var { color: #05a; }
348 .color32 { color: green; }
349
350 #hgsearch {
351 float: right;
352 margin: 40px 80px 0px 0px;
353 }
354
355 #hgsearch input[type="text"] {
356 width: 240px;
357 padding: 4px;
358 margin: 4px 0px;
359 font-size: 14px;
360 line-height: 1.2em;
361 background: #fefefe;
362 border: 2px solid #afafaf;
363 -webkit-appearance: none;
364 -webkit-padding-end: 12px;
365 -webkit-padding-start: 6px;
366 border-radius: 4px;
367 }
368
369 .container {
370 margin: 0px 280px 0px 0px;
371 padding: 0px 40px 60px 40px;
372 }
373
374 .main {
375 background: white;
376 }
377
378 #.main {
379 width: 100%;
380 }
381
382 .overflow {
383 width: 100%;
384 overflow: auto;
385 }
386
387 .search {
388 text-align: center;
389 }
390
391 form.search div#hint {
392 display: none;
393 position: absolute;
394 right: 80px;
395 width: 240px;
396 padding: 5px;
397 margin-top: 14px;
398 background: #f8f8f8;
399 border: 1px solid #ddd;
400 -webkit-appearance: none;
401 -webkit-padding-end: 12px;
402 -webkit-padding-start: 6px;
403 border-radius: 4px;
404 }
405
406 form.search:hover div#hint { display: block; }
407
408 .age { white-space:nowrap; }
409 .date { white-space:nowrap; }
410 .indexlinks { white-space:nowrap; }
411 .parity0 { background-color: #f0f0f0; }
412 .source.parity0 { background-color: white; }
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 margin: 0;
539 padding: 0;
540 margin-top: 3px;
541 }
542
543 canvas {
544 position: absolute;
545 z-index: 5;
546 top: -0.9em;
547 margin: 0;
548 }
549
550 ul#nodebgs {
551 list-style: none inside none;
552 padding: 0;
553 margin: 0;
554 top: -0.7em;
555 }
556
557 ul#graphnodes li, ul#nodebgs li {
558 height: 39px;
559 }
560
561 ul#graphnodes {
562 position: absolute;
563 z-index: 10;
564 top: -0.8em;
565 list-style: none inside none;
566 padding: 0;
567 }
568
569 ul#graphnodes li .info {
570 display: block;
571 font-size: 100%;
572 position: relative;
573 top: -3px;
574 font-style: italic;
575 }