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