OLD | NEW |
1 /* | 1 /* |
2 * Default CSS style sheet for the ICU4C Open Source readme | 2 * Default CSS style sheet for the ICU4C Open Source readme |
3 * Copyright (C) 2005-2011, International Business Machines | 3 * Copyright (C) 2005-2014, International Business Machines |
4 * Corporation and others. All Rights Reserved. | 4 * Corporation and others. All Rights Reserved. |
5 */ | 5 */ |
6 | 6 |
7 /* Global styles */ | 7 /* Global styles */ |
8 | 8 |
9 body,p,li,ol,ul,th,td { | 9 body,p,li,ol,ul,th,td { |
10 font-size: 1em; | 10 font-size: 1em; |
11 » font-family: "Arial", "Helvetica", sans-serif; | 11 » font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
12 } | 12 } |
13 | 13 |
14 body { | 14 body { |
15 margin: 1em; | 15 margin: 1em; |
16 } | 16 } |
17 | 17 |
18 body.draft { | 18 body.draft { |
19 background-image: url(images/draftbg.png); | 19 background-image: url(images/draftbg.png); |
20 } | 20 } |
21 | 21 |
| 22 body .only-milestone, |
| 23 body .only-draft, |
| 24 body .only-rc { |
| 25 display: none; |
| 26 } |
| 27 |
| 28 body.milestone .only-milestone { |
| 29 display: inherit !important; |
| 30 } |
| 31 |
| 32 body.draft .only-draft { |
| 33 display: inherit !important; |
| 34 } |
| 35 |
| 36 body.rc .only-rc { |
| 37 display: inherit !important; |
| 38 } |
| 39 |
| 40 |
22 .mainbody { | 41 .mainbody { |
23 padding: 1em; | 42 padding: 1em; |
24 } | 43 } |
25 | 44 |
| 45 |
| 46 h1,h2,h3,h4,h5 { |
| 47 font-family: Georgia, "Times New Roman", Times, serif; |
| 48 } |
26 /* | 49 /* |
27 * Customize the headers to have less space around them than usual | 50 * Customize the headers to have less space around them than usual |
28 */ | 51 */ |
29 | 52 |
30 h1 { | 53 h1 { |
31 margin-bottom: .5em; | 54 margin-bottom: .5em; |
32 margin-top: .5em; | 55 margin-top: .5em; |
33 padding-bottom: .5em; | 56 padding-bottom: .5em; |
34 padding-top: .5em; | 57 padding-top: .5em; |
35 font-weight: 700; | 58 font-weight: 700; |
36 font-size: 20pt; | 59 font-size: 20pt; |
37 font-family: Georgia, "Times New Roman", Times, serif; | |
38 border-width: 2px; | |
39 border-style: solid; | |
40 text-align: center; | 60 text-align: center; |
41 » width: 100%; | 61 » font-size: 2em; |
42 » font-size: 200%; | |
43 font-weight: bold; | 62 font-weight: bold; |
44 } | 63 } |
45 | 64 |
46 h2 { | 65 h2 { |
47 border-top: 2px solid #22d; | |
48 border-left: 2px solid #22d; | |
49 margin-bottom: 0.5em; | 66 margin-bottom: 0.5em; |
50 padding-left: 4px; | 67 padding-left: 4px; |
51 margin-top: 12pt; | 68 margin-top: 12pt; |
52 font-weight: 700; | 69 font-weight: 700; |
53 font-size: 2em; | 70 font-size: 2em; |
54 font-family: Georgia, "Times New Roman", Times, serif; | |
55 background-color: #eee; | |
56 page-break-before: always; | 71 page-break-before: always; |
57 } | 72 } |
58 | 73 |
59 h2 a { | 74 h2 a { |
60 text-decoration: none; | 75 text-decoration: none; |
61 color: black; | 76 color: black; |
62 } | 77 } |
63 | 78 |
64 h2 a:hover { | 79 h2 a:hover { |
65 color: blue; | 80 color: blue; |
66 text-decoration: underline; | 81 text-decoration: underline; |
67 } | 82 } |
68 | 83 |
69 h3 { | 84 h3 { |
70 border-top: 1px solid gray; | |
71 color: #1e1c46; | |
72 margin-bottom: 0pt; | 85 margin-bottom: 0pt; |
73 margin-top: 12pt; | |
74 padding-left: 0; | 86 padding-left: 0; |
75 margin-left: 1em; | 87 margin-left: 1em; |
76 » margin-top: 0.2em; | 88 » margin-top: 1em; |
77 » padding-bottom: 0.4em; | 89 » padding-bottom: 0.2em; |
78 font-size: 1.5em; | 90 font-size: 1.5em; |
79 font-family: Georgia, "Times New Roman", Times, serif; | |
80 } | 91 } |
81 | 92 |
82 h3 a { | 93 h3 a { |
83 text-decoration: none; | 94 text-decoration: none; |
84 color: black; | 95 color: black; |
85 } | 96 } |
86 | 97 |
87 h3 a:hover { | 98 h3 a:hover { |
88 color: blue; | 99 color: blue; |
89 text-decoration: underline; | 100 text-decoration: underline; |
90 } | 101 } |
91 | 102 |
92 h4 { | 103 h4 { |
93 margin-left: 1.5em; | 104 margin-left: 1.5em; |
94 margin-bottom: 0pt; | 105 margin-bottom: 0pt; |
95 margin-top: 12pt; | 106 margin-top: 12pt; |
96 font-size: 1.0em; | 107 font-size: 1.0em; |
97 font-weight: bolder; | 108 font-weight: bolder; |
98 font-family: Georgia, "Times New Roman", Times, serif; | |
99 } | 109 } |
100 | 110 |
101 h4 a { | 111 h4 a { |
102 text-decoration: none; | 112 text-decoration: none; |
103 color: black; | 113 color: black; |
104 } | 114 } |
105 | 115 |
106 h4 a:hover { | 116 h4 a:hover { |
107 color: blue; | 117 color: blue; |
108 text-decoration: underline; | 118 text-decoration: underline; |
109 } | 119 } |
110 | 120 |
111 h5, h6 { | 121 h5, h6 { |
112 margin-left: 1.8em; | 122 margin-left: 1.8em; |
113 margin-bottom: 0pt; | 123 margin-bottom: 0pt; |
114 margin-top: 12pt; | 124 margin-top: 12pt; |
115 padding-left: 0.75em; | 125 padding-left: 0.75em; |
116 font-size: x-small; | 126 font-size: x-small; |
117 font-family: Georgia, "Times New Roman", Times, serif; | 127 font-family: Georgia, "Times New Roman", Times, serif; |
118 } | 128 } |
119 | 129 |
120 p,pre,table,ul,ol,dl { | 130 p,pre,table,ul,ol,dl { |
121 margin-left: 2em; | 131 margin-left: 2em; |
122 } | 132 } |
123 | 133 |
| 134 p { |
| 135 margin-top: 0.5em; |
| 136 margin-bottom: 0.5em; |
| 137 } |
| 138 |
| 139 /* |
| 140 * Add a little bit of space above li's |
| 141 */ |
| 142 li { |
| 143 margin-top: 0.25em; |
| 144 } |
| 145 |
124 /* | 146 /* |
125 * Navigation sidebar on the left hand of most pages | 147 * Navigation sidebar on the left hand of most pages |
126 */ | 148 */ |
127 | 149 |
128 td.sidebar1 { | 150 td.sidebar1 { |
129 background-color: #99CCFF; | 151 background-color: #99CCFF; |
130 font-weight: 700; | 152 font-weight: 700; |
131 margin-top: 0px; | 153 margin-top: 0px; |
132 margin-bottom: 0px; | 154 margin-bottom: 0px; |
133 padding-top: 1em; | 155 padding-top: 1em; |
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
257 white-space: nowrap; | 279 white-space: nowrap; |
258 border: 1px; | 280 border: 1px; |
259 } | 281 } |
260 | 282 |
261 .note { | 283 .note { |
262 font-style: italic; | 284 font-style: italic; |
263 font-size: small; | 285 font-size: small; |
264 margin-left: 1em; | 286 margin-left: 1em; |
265 } | 287 } |
266 | 288 |
| 289 |
| 290 p.note::before { |
| 291 content: 'Note:'; |
| 292 font-weight: bold; |
| 293 margin-right: 1em; |
| 294 } |
| 295 p.note { |
| 296 border: 1px solid gray; |
| 297 padding: 0.5em; |
| 298 background-color: #fdfdd9; |
| 299 } |
| 300 |
267 samp { | 301 samp { |
268 margin-left: 1em; | 302 margin-left: 1em; |
269 margin-right: 2em; | 303 margin-right: 2em; |
270 border-style: groove; | 304 border-style: groove; |
271 padding: 1em; | 305 padding: 1em; |
272 display: block; | 306 display: block; |
273 background-color: #EEEEEE | 307 background-color: #EEEEEE |
274 } | 308 } |
275 | 309 |
276 table.rtable caption { | 310 table.rtable caption { |
(...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
418 caption { | 452 caption { |
419 font-weight: bold; | 453 font-weight: bold; |
420 text-align: left | 454 text-align: left |
421 } | 455 } |
422 | 456 |
423 div.indent { | 457 div.indent { |
424 margin-left: 2em | 458 margin-left: 2em |
425 } | 459 } |
426 | 460 |
427 ul.TOC { | 461 ul.TOC { |
428 » list-style-type: none; | 462 font-size: medium; |
429 » padding-left: 1em; | |
430 » font-size: larger; | |
431 } | 463 } |
432 | 464 |
433 ul.TOC li a { | 465 ul.TOC, |
434 » font-weight: bold; | 466 ul.TOC li, |
| 467 ul.TOC li ul, |
| 468 ul.TOC li ul li { |
| 469 margin-left: 0.25em; |
| 470 margin-top: 0.25em; |
435 } | 471 } |
436 | 472 |
437 ul.TOC li ul li a { | 473 ul.TOC li { |
438 » font-weight: normal; | 474 padding-left: 1em; |
439 » list-style-type: none; | 475 margin-left: 0.25em; |
440 » font-size: small; | |
441 } | 476 } |
442 | 477 ul.TOC li li { |
443 ul.TOC li ul { | 478 padding-left: 1em; |
444 » margin-left: 0; | 479 margin-left: 0.25em; |
445 » padding-left: 2em; | |
446 » font-weight: normal; | |
447 » list-style-type: none; | |
448 } | 480 } |
449 | 481 |
450 pre.samp,samp { | 482 pre.samp,samp { |
| 483 margin-top: 0.5em; |
| 484 margin-bottom: 0.5em; |
451 margin-left: 1em; | 485 margin-left: 1em; |
452 border-style: groove; | 486 border-style: groove; |
453 padding: 1em; | 487 padding: 1em; |
454 display: block; | 488 display: block; |
455 » background-color: #EEEEEE | 489 » background-color: #f9fbfa; |
| 490 » font-family: "Source Code Pro", "Everson Mono", "Courier New", Courier,
mono; |
| 491 » border-radius: 12px; |
| 492 » border-bottom-color: gray; |
| 493 » border-right-color: gray; |
| 494 » white-space: pre-wrap; |
456 } | 495 } |
457 | 496 |
458 td.proto { | 497 td.proto { |
459 font-size: smaller; | 498 font-size: smaller; |
460 } | 499 } |
461 | 500 |
462 | 501 |
463 | 502 |
464 @media print { | 503 @media print { |
465 div#toc { | 504 div#toc { |
466 display: none; | 505 display: none; |
467 } | 506 } |
468 | 507 |
469 table,tr,td,div { | 508 table,tr,td,div { |
470 page-break-inside: auto; | 509 page-break-inside: auto; |
471 } | 510 } |
472 } | 511 } |
OLD | NEW |