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