fe56e836d4b3277679dba6371625fd9437db46ce
[gitweb-theme.git] / gitweb.css
1 /*
2 * Original theme: https://github.com/kogakure/gitweb-theme
3 * Copyright (c) 2009-2014 Stefan Imhoff
4 */
5 /* Reset
6 ------------------------------------------------------------------------- */
7 /* Based on http://meyerweb.com/eric/tools/css/reset/ */
8 /* v1.0 | 20080212 */
9 @font-face {
10 font-family: "Victor Mono";
11 src:
12 url('/fonts/VictorMono.woff2') format('woff2'),
13 url('/fonts/VictorMono.woff') format('woff'),
14 url('/fonts/VictorMono.ttf') format('truetype');
15 font-weight: normal;
16 font-style: normal;
17 font-display: swap;
18 }
19 html, body, div, span, applet, object, iframe,
20 h1, h2, h3, h4, h5, h6,
21 p, blockquote, pre, a, abbr, acronym, address, big,
22 cite, del, dfn, em, font, img, ins, kbd, q, s, samp,
23 small, strike, strong, sub, sup, tt, var, b, u, i,
24 center, dl, dt, dd, ol, ul, li, fieldset, form, label,
25 legend, table, caption, tbody, tfoot, thead, tr, th,
26 td {
27 margin: 0;
28 padding: 0;
29 border: 0;
30 outline: 0;
31 font-size: 100%;
32 vertical-align: baseline;
33 background: transparent;
34 }
35 ol,
36 ul {
37 list-style: none;
38 }
39 blockquote,
40 q {
41 quotes: none;
42 }
43 blockquote:before,
44 blockquote:after,
45 q:before,
46 q:after {
47 content: '';
48 content: none;
49 }
50 ins {
51 text-decoration: none;
52 }
53 del {
54 text-decoration: line-through;
55 }
56 table {
57 border-collapse: collapse;
58 border-spacing: 0;
59 }
60 a {
61 padding: 2px;
62 outline: none;
63 text-decoration: underline;
64 }
65 form {
66 justify-content: center;
67 display: flex;
68 padding: 8px;
69 }
70 input,
71 select {
72 outline: none;
73 max-height: 2rem;
74 font-family: monospace;
75 border: 3px solid #eef9ff;
76 background-color: #d3dfe3;
77 color: #111;
78 }
79 input:focus,
80 select:focus {
81 border-color: #fdd33c;
82 }
83 input[type="checkbox"] {
84 appearance: none;
85 vertical-align: middle;
86 width: 1rem;
87 height: 1rem;
88 }
89 input[type="checkbox"]:checked {
90 background-color: #fdd33c;
91 }
92 input[type="checkbox"]:focus-visible {
93 outline: 4px dashed #fdd33c;
94 outline-offset: -3px;
95 }
96 .projsearch span {
97 margin: 4px;
98 display: inline-flex;
99 align-items: center;
100 text-align: center;
101 }
102 .projsearch input[type="text"] {
103 width: 80%;
104 box-sizing: border-box;
105 }
106 .projsearch input {
107 background-color: #eef9ff;
108 border: 4px solid #d3dfe3;
109 }
110 .projsearch input:focus {
111 border-color: #fdd33c;
112 }
113 .projsearch input[type="checkbox"] {
114 border: 3px solid #d3dfe3;
115 }
116 .search input[type="checkbox"] {
117 border: 3px solid #eef9ff;
118 }
119 ::selection {
120 background-color: #fdd33c;
121 color: #111;
122 }
123 /* General
124 ---------------------------------------------------------------------------- */
125 html {
126 position: relative;
127 min-height: 100%;
128 }
129 body {
130 font: 13px Helvetica,arial,freesans,clean,sans-serif;
131 line-height: 1.4;
132 margin: 0 0 105px;
133 background-color: #e0edf0;
134 }
135 th {
136 background-color: #d3dfe3;
137 padding: 5px;
138 }
139 td {
140 background-color: #eef9ff;
141 padding: 5px;
142 }
143 code {
144 display: inline-block;
145 padding: 2px;
146 padding-inline: 2px;
147 font-family: 'Victor Mono', monospace;
148 background-color: #fafeff;
149 font-weight: bold;
150 }
151 /* Monospaced Fonts */
152 .sha1,
153 .mode,
154 .diff_tree .list,
155 .page_header,
156 .pre,
157 .diff,
158 .patchset {
159 font-family: 'Victor Mono', monospace;
160 }
161 a:link,
162 a:visited {
163 color: #111;
164 font-weight: bold;
165 text-decoration: underline;
166 }
167 a:focus-visible,
168 a:hover {
169 background-color: #111;
170 color: #eef9ff;
171 }
172 td.list a[href*='tree'],
173 td.list a[href*='blob'] {
174 padding-left: 20px;
175 height: 16px;
176 line-height: 16px;
177 }
178 td.list a[href*='tree'] {
179 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABq0lEQVQ4y8WTu4oUQRSGv+rtGVuxhwVFdFEEE2c3d0HYTEMTn8DEVxADQTDUF9DMwMxQMBMx8AEWzRQ3cBHd9TI91+2urjq/QbczY2IygSep4nD+79yqnCRWsYQVbWVACvDh5ZXdrLe15dwyT1TjT/sxFFeB6i+VA2B6+cb7kAI4Jf0LO087zjlQI8Y5Qvnj0sHug321XoC1bk+K9eHk6+s7wPMUgKAS88eqb4+Jfg2SHs7lZBvX2Nh+2EUCDGSAcMnJsx9f7NxfAGqXyDzRd5EJO/pMPT1gcviGTnYOVIN5pAAE8v7dLrKL8xnglFk4ws9Afko9HpH3b5Gd2mwb/lOBmgrSdYhJugDUCenxM6xv3p4HCsP8F0LxCsUhCkMURihOyM7fg0osASTFEpu9a4LjGIUCqwcoDiEUrX+E4hRUQb20RiokC1j9vckUhygU7X3QZh7NAVKYL7YBeMkRUfjVCotF2XGIwnghtrJpMywB5G0QZj9P1JNujuWJ1AHLQadRrACPkuZ0SSSWpeStWgDK6tHek5vbiOs48n++XQHurcf0rFng//6NvwG+iB9/4duaTgAAAABJRU5ErkJgggo=) center left no-repeat;
180 }
181 td.list a[href*='blob'] {
182 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA6ElEQVQoFQXBMW5TQRgGwNnHnoE0QbiCjoIooUmTU3AuS1BwIoTSUdJBigg3GCWOg9/++zHTop078wIAsPMrE4SL5/1aIyMjIyMjz/m0tbFECFdrPeaQQw75mz/5nZH7fN7aWILmauSYfznmmIfss8vIUx7zZWsTTXM5vpWvTk5Wq9VHQP/gtgOLa0Qpw940vAQdaG6thpOhlOkG0AEuAVGmEkAH+G4YSikxXQM6wDsAMRFAB/ihDNNUmN4DOsAbBAEAdICfpmmaAt4COoj2GgCASbIkZh1NAACznhQt2itnFgAAlF3u/gMDtJXPzQxoswAAAABJRU5ErkJgggo=) center left no-repeat;
183 }
184 td.list a[href*='tree']:focus-visible,
185 td.list a[href*='blob']:focus-visible,
186 td.list a[href*='tree']:hover,
187 td.list a[href*='blob']:hover {
188 background-color: #111;
189 }
190 i {
191 font-style: normal;
192 }
193 .page_nav br {
194 display: none;
195 }
196 #htmltagcloud {
197 margin: 2em;
198 }
199 .projects_list #htmltagcloud {
200 text-align: left;
201 margin: 4px;
202 margin-left: 0px;
203 }
204 /* Page Header */
205 .page_header {
206 line-height: 50px;
207 position: relative;
208 padding: 0 27px;
209 margin-bottom: 20px;
210 text-wrap: balance;
211 font-size: 20px;
212 background: #eef9ff;
213 border-bottom: 2px solid #d3dfe3;
214 }
215 .page_header a:link,
216 .page_header a:visited {
217 text-decoration: underline;
218 padding: 3px;
219 font-weight: bold;
220 }
221 .page_header a:focus-visible,
222 .page_header a:hover {
223 font-weight: bold;
224 padding: 3px;
225 text-decoration: underline;
226 }
227 .page_header a:first-child {
228 background: transparent;
229 }
230 .page_header img.logo {
231 border: 3px #fdd33c double;
232 position: relative;
233 top: 7px;
234 margin-right: 5px;
235 }
236 /* Page Footer
237 ---------------------------------------------------------------------------- */
238 .page_footer {
239 display: flex;
240 justify-content: flex-end;
241 position: absolute;
242 box-sizing: border-box;
243 padding-inline: 1rem;
244 left: 0;
245 bottom: 0;
246 width: 100%;
247 height: 80px;
248 line-height: 80px;
249 margin-top: 15px;
250 background: #eef9ff;
251 border-top: 2px solid #d3dfe3;
252 border-bottom: 1px solid #d3dfe3;
253 }
254 .page_footer_text {
255 margin-right: auto;
256 color: #666;
257 margin-left: 1vw;
258 width: 80%;
259 overflow: hidden;
260 white-space: nowrap;
261 text-overflow: ellipsis;
262 }
263 a.rss_logo {
264 margin-right: 8px;
265 padding: 3px 1px;
266 height: 10px;
267 width: 35px;
268 line-height: 10px;
269 border: 1.5px solid #d3dfe3;
270 background-color: #fdd33c;
271 font-weight: bold;
272 font-size: 80%;
273 text-align: center;
274 text-decoration: none;
275 margin-top: 30px;
276 margin-left: 5px;
277 }
278 a.rss_logo:focus-visible,
279 a.rss_logo:hover {
280 background-color: #ee5500;
281 }
282 .rss_logo {
283 margin-right: 25px;
284 background: yellow;
285 }
286 .rss_logo:last-child {
287 margin-right: 5px;
288 }
289 /* Index include
290 ---------------------------------------------------------------------------- */
291 .index_include {
292 width: 95%;
293 margin: 0 auto 15px;
294 border: 1px solid #d3dfe3;
295 padding: 8px;
296 -webkit-box-sizing: border-box;
297 -moz-box-sizing: border-box;
298 box-sizing: border-box;
299 }
300 /* Elements
301 ---------------------------------------------------------------------------- */
302 .project_list,
303 .shortlog,
304 .commit_search,
305 .history {
306 width: 95%;
307 margin: 0 auto 15px auto;
308 border: 1px solid #d3dfe3;
309 }
310 .project_list th,
311 .shortlog th,
312 .tree th,
313 .commit_search th {
314 color: #111;
315 font-weight: normal;
316 }
317 .project_list th {
318 font-weight: bold;
319 }
320 .project_list tr,
321 .shortlog tr,
322 .tree tr,
323 .commit_search tr {
324 background: #eaeaea;
325 height: 2.5em;
326 text-align: left;
327 color: #545454;
328 }
329 .project_list tr.dark,
330 .project_list tr.light,
331 .shortlog tr.dark,
332 .shortlog tr.light,
333 .tree tr.dark,
334 .tree tr.light,
335 .commit_search tr.dark,
336 .commit_search tr.light,
337 .history tr.dark,
338 .history tr.light,
339 .heads tr.dark,
340 .heads tr.light {
341 background: #F9F9F9;
342 height: 2.5em;
343 border-bottom: 1px solid #e1e1e1;
344 }
345 .tree tr:last-child {
346 border-bottom: none;
347 }
348 th .header {
349 background: transparent;
350 border: 0;
351 padding: 0;
352 font-weight: bold;
353 }
354 .tree {
355 width: 100%;
356 margin: 0;
357 }
358 .projsearch {
359 /*
360 * position: absolute;
361 * right: 4%;
362 * top: 15px;
363 */
364 display: flex;
365 justify-content: center;
366 align-items: center;
367 }
368 .projsearch a {
369 display: none;
370 }
371 .commit_search {
372 background: #eaeaea;
373 }
374 .page_nav,
375 .list_head,
376 .page_path,
377 .search {
378 width: 94%;
379 background: #d3dfe3;
380 color: #545454;
381 border: 1px solid #eef9ff;
382 padding: 5px;
383 margin: 0 auto 15px auto;
384 }
385 .history {
386 background: #eaeaea;
387 }
388 a.linenr {
389 color: #666;
390 text-decoration: none;
391 background-color: transparent;
392 }
393 a.linenr:focus-visible,
394 a.linenr:hover {
395 color: #111;
396 }
397 .title {
398 margin: 0 auto 15px auto;
399 padding: 5px;
400 width: 95%;
401 }
402 .readme {
403 background: #eaf2f5;
404 border: 1px solid #bedce7;
405 box-sizing: border-box;
406 margin: 0 auto 15px auto;
407 padding: 15px;
408 width: 95%;
409 }
410 .readme h1 {
411 display: block;
412 font-size: 2em;
413 font-weight: bold;
414 margin-bottom: 0.67em;
415 margin-top: 0;
416 }
417 .readme h2 {
418 font-size: 1.5em;
419 font-weight: bold;
420 margin-bottom: 0.83em;
421 }
422 .readme h3 {
423 font-size: 1.17em;
424 font-weight: bold;
425 margin-bottom: 1em;
426 }
427 .readme p {
428 margin-bottom: 1em;
429 }
430 .readme ul {
431 list-style: disc;
432 margin-bottom: 1em;
433 margin-left: 1.5em;
434 }
435 .readme ul ul {
436 margin-bottom: 0;
437 }
438 .readme ol {
439 list-style: decimal;
440 margin-bottom: 1em;
441 margin-left: 1.5em;
442 }
443 .readme ol ol {
444 margin-bottom: 0;
445 }
446 .readme pre {
447 overflow-x: auto;
448 max-width: 100%;
449 font-family: 'Victor Mono', monospace;
450 font-weight: bold;
451 width: fit-content;
452 background-color: #fafeff;
453 margin: 1em 0;
454 padding: 0.2rem;
455 border-left: 4px solid #fdd33c;
456 }
457 .readme tt,
458 .readme code,
459 .readme kbd,
460 .readme samp {
461 font-family: 'Victor Mono', monospace;
462 }
463 .readme code {
464 max-width: 100%;
465 font-weight: bold;
466 }
467 .readme blockquote {
468 max-width: 100%;
469 margin: 1em;
470 }
471 .projects_list,
472 .tags {
473 width: 95%;
474 background: #f0f0f0;
475 color: #545454;
476 border: 1px solid #d8d8d8;
477 padding: 5px;
478 margin: 0 auto 15px auto;
479 }
480 .heads {
481 width: 95%;
482 color: #545454;
483 border: 1px solid #d8d8d8;
484 padding: 5px;
485 margin: 0 auto 15px auto;
486 }
487 .header {
488 width: 94%;
489 margin: 0 auto 15px auto;
490 background: #d3dfe3;
491 border: 1px solid #eef9ff;
492 padding: 5px;
493 }
494 .header .age {
495 float: left;
496 font-weight: bold;
497 width: 10em;
498 }
499 a.header:focus-visible,
500 a.header:hover {
501 background-color: #111;
502 }
503 .title_text {
504 width: 94%;
505 background: #eef9ff;
506 border: 1px solid #bedce7;
507 padding: 5px;
508 margin: 0 auto 0 auto;
509 }
510 .log_body {
511 width: 94%;
512 background: #eaf2f5;
513 border: 1px solid #bedce7;
514 border-top: 0;
515 padding: 5px;
516 margin: 0 auto 15px auto;
517 }
518 .page_body {
519 overflow-x: auto;
520 line-height: 1.4em;
521 width: 94%;
522 background: #f8f8f8;
523 border: 1px solid #d3dfe3;
524 padding: 5px;
525 margin: 15px auto 15px auto;
526 }
527 .page_body:has(table.tree) {
528 background-color: #eef9ff;
529 }
530 .diff_tree {
531 width: 95%;
532 background: #f0f0f0;
533 border: 1px solid #d8d8d8;
534 padding: 5px;
535 margin: 0 auto 15px auto;
536 }
537 .page_body > .list_head {
538 width: 98.5%;
539 }
540 .page_body > .diff_tree {
541 width: 99.5%;
542 }
543 .patch > .header {
544 width: 99%;
545 }
546 .object_header td,
547 .object_header th {
548 vertical-align: top;
549 }
550 /* Refs */
551 span.refs span {
552 color: #707070;
553 display: inline-block;
554 margin: 0;
555 background-color: #eee;
556 border: 1px solid #ccc;
557 border-radius: 3px;
558 height: 18px;
559 padding: 0 6px;
560 text-overflow: ellipsis;
561 }
562 span.refs span.ref {
563 color: #707070;
564 display: inline-block;
565 margin: 0;
566 background-color: #feedc9;
567 border: 1px solid #fdd33c;
568 border-radius: 3px;
569 height: 18px;
570 padding: 0 6px;
571 text-overflow: ellipsis;
572 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDUlEQVQ4jc3UoUtDURTH8c9EsFksLtgEy8Nk89kFQRxiMlgNBqs8xDQmFgWDglHBLJgMYhiIYBB9uKB/wKLBJmzyYIM59rbLWPBX7uPH4ft+53DPLTSbTaPQ2EgoGO9lNtKlRRzhGztJFH9011RUBoNwgTUUcYrlzCyn1QVs41zkOaS1bHCN1tmpK7zj8o/bJ9E+2u3Md9WftVIJSfTa/kii+K3DP0Edx6GgPL1gEtdDg8ppdQJ7qCVR/BU6o07AHDaxhRms96obCEINBXyilETxzbCghyzYY3H2/nZqOnefQkCrSRRnN7yv8oZ9gDs8YTfgZ7mgbNdK2MBKCCivtcPWkH+ypQ0BFf7de/QLcNU6xzfYxOkAAAAASUVORK5CYII=);
573 background-repeat: no-repeat;
574 padding-left: 18px;
575 }
576 span.refs span.tag {
577 color: #707070;
578 display: inline-block;
579 margin: 0;
580 background-color: #ffffab;
581 border: 1px solid #d9d93b;
582 border-radius: 3px;
583 height: 18px;
584 padding: 0 6px;
585 text-overflow: ellipsis;
586 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gIKFSUZZ+h9RwAAAGZQTFRFAAAAtrYkwMBAwMBAx8c4yso11NQ71NQ51dU52Ng71tY519c719c719c62Ng719c719c62Ng72dk62Ng62Ng72Ng72dk62Ng72Ng62dk62dk72dk62Ng62dk72Ng72Ng72dk7////ou/AnQAAACB0Uk5TAAYHCxESLjRCWWlqa4uNkpissbrO19jc3ufs8vf6/f7atAU2AAAAAWJLR0QhxGwNFgAAAF1JREFUGFeNy0cOgCAABVGw94rY5d//lC7omhhn+ZIh5Gf1xPk0Zi5dAABROIQjSU/fsAXhDkCUljAv8jW2wlQpaixpo4Nj+dtatVpjkSJjLNaizRVpvhBCu/4h391jzw1lU12Z7wAAAABJRU5ErkJggg==);
587 background-repeat: no-repeat;
588 padding-left: 18px;
589 }
590 span.refs span.head {
591 color: #707070;
592 display: inline-block;
593 margin: 0;
594 background-color: #fffcc9;
595 border: 1px solid #fdd33c;
596 border-radius: 3px;
597 height: 18px;
598 padding: 0 6px;
599 text-overflow: ellipsis;
600 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDUlEQVQ4jc3UoUtDURTH8c9EsFksLtgEy8Nk89kFQRxiMlgNBqs8xDQmFgWDglHBLJgMYhiIYBB9uKB/wKLBJmzyYIM59rbLWPBX7uPH4ft+53DPLTSbTaPQ2EgoGO9lNtKlRRzhGztJFH9011RUBoNwgTUUcYrlzCyn1QVs41zkOaS1bHCN1tmpK7zj8o/bJ9E+2u3Md9WftVIJSfTa/kii+K3DP0Edx6GgPL1gEtdDg8ppdQJ7qCVR/BU6o07AHDaxhRms96obCEINBXyilETxzbCghyzYY3H2/nZqOnefQkCrSRRnN7yv8oZ9gDs8YTfgZ7mgbNdK2MBKCCivtcPWkH+ypQ0BFf7de/QLcNU6xzfYxOkAAAAASUVORK5CYII=);
601 background-repeat: no-repeat;
602 padding-left: 18px;
603 }
604 span.refs a {
605 color: #4e4e4e;
606 background-color: transparent;
607 text-decoration: none;
608 font: 11px "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
609 line-height: 18px;
610 }
611 /* Diffs */
612 div.diff.to_file a.path,
613 div.diff.to_file {
614 color: #007000;
615 }
616 div.diff.from_file a.path,
617 div.diff.from_file {
618 color: #aa0000;
619 }
620 div.diff.to_file a.path:focus-visible,
621 div.diff.to_file a.path:hover {
622 color: #00e209;
623 }
624 div.diff.from_file a.path:focus-visible,
625 div.diff.from_file a.path:hover {
626 color: #fc0007;
627 }
628 .patch .header {
629 margin: 0;
630 }
631 .patchset {
632 overflow-x: auto;
633 overflow-y: hidden;
634 }
635 .chunk_header {
636 background: #eaf2f5;
637 color: #999;
638 }
639 .rem,
640 .add {
641 display: inline-block;
642 min-width: 100%;
643 }
644 .rem {
645 background: #ffdddd;
646 }
647 .rem .marked {
648 background: #ffaaaa;
649 }
650 .add {
651 background: #ddffdd;
652 }
653 .add .marked {
654 background: #7dff7d;
655 }
656 .extended_header {
657 width: 99.5%;
658 }
659 div.chunk_block {
660 overflow: hidden;
661 }
662 div.chunk_block div.old {
663 float: left;
664 width: 50%;
665 overflow: hidden;
666 border-right: 5px solid #EAF2F5;
667 }
668 div.chunk_block.rem,
669 div.chunk_block.add {
670 background: transparent;
671 }
672 div.chunk_block div.old .add,
673 div.chunk_block div.old .rem {
674 padding-right: 3px;
675 }
676 div.chunk_block div.new .add,
677 div.chunk_block div.new .rem {
678 padding-left: 3px;
679 }
680 div.chunk_block div.new {
681 margin-left: 50%;
682 width: 50%;
683 border-left: 5px solid #eaf2f5;
684 }
685 /* Category */
686 td.category {
687 background: #e6f1f6;
688 font-weight: bold;
689 border-bottom: 1px solid #d1d1d1;
690 border-top: 1px solid #d1d1d1;
691 }
692 /* Age */
693 /* noage: "No commits" */
694 .project_list td.noage {
695 color: #cdcdcd;
696 }
697 /* age2: 60*60*24*2 <= age */
698 .project_list td.age2,
699 .blame td.age2 {
700 color: #545454;
701 }
702 /* age1: 60*60*2 <= age < 60*60*24*2 */
703 .project_list td.age1 {
704 color: #009900;
705 }
706 /* age0: age < 60*60*2 */
707 .project_list td.age0 {
708 color: #009900;
709 font-weight: bold;
710 }
711 /* File status */
712 .diff_tree span.file_status.new {
713 color: #008000;
714 }
715 table.diff_tree span.file_status.deleted {
716 color: #c00000;
717 }
718 table.diff_tree span.file_status.moved,
719 table.diff_tree span.file_status.mode_chnge {
720 color: #545454;
721 }
722 table.diff_tree span.file_status.copied {
723 color: #70a070;
724 }
725 span.cntrl {
726 border: dashed #aaaaaa;
727 border-width: 1px;
728 padding: 0px 2px 0px 2px;
729 margin: 0px 2px 0px 2px;
730 }
731 span.match {
732 background: #fdd33c;
733 color: #111;
734 }
735 td.error {
736 color: red;
737 background: yellow;
738 }
739 /* blob view */
740 .page_body img.blob {
741 image-rendering: pixelated;
742 min-width: 80%;
743 display: block;
744 margin: 0 auto;
745 }
746 td.pre,
747 div.pre,
748 div.diff {
749 white-space: pre;
750 }
751 /* JavaScript-based timezone manipulation */
752 .popup { /* timezone selection UI */
753 position: absolute;
754 /* "top: 0; right: 0;" would be better, if not for bugs in browsers */
755 top: 0;
756 left: 0;
757 border: 1px solid #d8d8d8;
758 padding: 2px;
759 background-color: #f0f0f0;
760 font-style: normal;
761 color: #545454;
762 cursor: auto;
763 }
764 .close-button { /* close timezone selection UI without selecting */
765 /* float doesn't work within absolutely positioned container,
766 * if width of container is not set explicitly */
767 /* float: right; */
768 position: absolute;
769 top: 0px;
770 right: 0px;
771 border: 1px solid #ffaaaa;
772 margin: 1px 1px 1px 1px;
773 padding-bottom: 2px;
774 width: 12px;
775 height: 10px;
776 font-size: 9px;
777 font-weight: bold;
778 text-align: center;
779 background-color: #ffdddd;
780 cursor: pointer;
781 }
782 /* Style definition generated by highlight 2.4.5, http://www.andre-simon.de/ */
783 /* Highlighting theme definition: */
784 .num {
785 color:#6ecf36;
786 }
787 .esc {
788 color:#ff00ff;
789 }
790 .str {
791 color:#ff00d3;
792 background-color: #edc9ec
793 }
794 .dstr {
795 color:#818100;
796 }
797 .slc {
798 color:#838183;
799 font-style:italic;
800 }
801 .com {
802 color:#838183;
803 font-style:italic;
804 }
805 .dir {
806 color:#008200;
807 }
808 .sym {
809 color:#000000;
810 }
811 .line {
812 color:#555555;
813 }
814 .kwa {
815 color:#666666;
816 font-weight:bold;
817 }
818 .kwb {
819 color:#6b3099;
820 }
821 .kwc {
822 color:#d4663d;
823 }
824 .kwd {
825 color:#2928ff;
826 }