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