blob: b43f5facaf57660243675cecaaa721d34ea640cb [file] [log] [blame]
jshin@chromium.org6f31ac32014-03-26 22:15:14 +00001/*
2 * Default CSS style sheet for the ICU4C Open Source readme
3 * Copyright (C) 2005-2011, International Business Machines
4 * Corporation and others. All Rights Reserved.
5 */
6
7/* Global styles */
8
9body,p,li,ol,ul,th,td {
10 font-size: 1em;
11 font-family: "Arial", "Helvetica", sans-serif;
12}
13
14body {
15 margin: 1em;
16}
17
18body.draft {
19 background-image: url(images/draftbg.png);
20}
21
22.mainbody {
23 padding: 1em;
24}
25
26/*
27 * Customize the headers to have less space around them than usual
28 */
29
30h1 {
31 margin-bottom: .5em;
32 margin-top: .5em;
33 padding-bottom: .5em;
34 padding-top: .5em;
35 font-weight: 700;
36 font-size: 20pt;
37 font-family: Georgia, "Times New Roman", Times, serif;
38 border-width: 2px;
39 border-style: solid;
40 text-align: center;
41 width: 100%;
42 font-size: 200%;
43 font-weight: bold;
44}
45
46h2 {
47 border-top: 2px solid #22d;
48 border-left: 2px solid #22d;
49 margin-bottom: 0.5em;
50 padding-left: 4px;
51 margin-top: 12pt;
52 font-weight: 700;
53 font-size: 2em;
54 font-family: Georgia, "Times New Roman", Times, serif;
55 background-color: #eee;
56 page-break-before: always;
57}
58
59h2 a {
60 text-decoration: none;
61 color: black;
62}
63
64h2 a:hover {
65 color: blue;
66 text-decoration: underline;
67}
68
69h3 {
70 border-top: 1px solid gray;
71 color: #1e1c46;
72 margin-bottom: 0pt;
73 margin-top: 12pt;
74 padding-left: 0;
75 margin-left: 1em;
76 margin-top: 0.2em;
77 padding-bottom: 0.4em;
78 font-size: 1.5em;
79 font-family: Georgia, "Times New Roman", Times, serif;
80}
81
82h3 a {
83 text-decoration: none;
84 color: black;
85}
86
87h3 a:hover {
88 color: blue;
89 text-decoration: underline;
90}
91
92h4 {
93 margin-left: 1.5em;
94 margin-bottom: 0pt;
95 margin-top: 12pt;
96 font-size: 1.0em;
97 font-weight: bolder;
98 font-family: Georgia, "Times New Roman", Times, serif;
99}
100
101h4 a {
102 text-decoration: none;
103 color: black;
104}
105
106h4 a:hover {
107 color: blue;
108 text-decoration: underline;
109}
110
111h5, h6 {
112 margin-left: 1.8em;
113 margin-bottom: 0pt;
114 margin-top: 12pt;
115 padding-left: 0.75em;
116 font-size: x-small;
117 font-family: Georgia, "Times New Roman", Times, serif;
118}
119
120p,pre,table,ul,ol,dl {
121 margin-left: 2em;
122}
123
124/*
125 * Navigation sidebar on the left hand of most pages
126 */
127
128td.sidebar1 {
129 background-color: #99CCFF;
130 font-weight: 700;
131 margin-top: 0px;
132 margin-bottom: 0px;
133 padding-top: 1em;
134 padding-left: 0.2em;
135 white-space: nowrap;
136}
137
138td.sidebar2 {
139 background-color: #99CCFF;
140 margin-top: 0px;
141 margin-bottom: 0px;
142 margin-left: 0px;
143 padding-top: 1px;
144 padding-bottom: 1px;
145 padding-left: 1px;
146 padding-right: 0.5em;
147 white-space: nowrap;
148 text-decoration: none;
149 display: block;
150}
151
152td.sidebar2:hover {
153 background-color: #EEEEFF;
154 padding-top: 1px;
155 padding-bottom: 1px;
156 padding-left: 1px;
157 padding-right: 0.5em;
158}
159
160a.sidebar2 {
161 text-decoration: none;
162 display: block;
163 width: 100%;
164}
165
166a.sidebar2:link {
167 color: #000099;
168 display: block;
169}
170
171a.sidebar2:hover {
172 background-color: #EEEEFF;
173 display: block;
174}
175
176.underlinehover:hover {
177 background-color: #EEEEFF;
178 text-decoration: underline;
179}
180
181/* This is the faded header at the top */
182
183td.fadedtop {
184 background-color: #006699;
185 background-image: url(http://www.icu-project.org/images/gr100.gif);
186}
187
188/* Related site on the left */
189
190p.relatedsite {
191 color: White;
192 font-weight: 700;
193 font-size: 10pt;
194 margin-top: 1em;
195 margin-bottom: 0;
196 padding-left: 0.2em;
197 white-space: nowrap;
198}
199
200/* Related site on the left */
201
202p.sidebar3 {
203 margin-top: 0.75em;
204 margin-bottom: 0;
205 padding-left: 0.8em;
206}
207
208a.sidebar3 {
209 font-size: 0.9em;
210 text-decoration: none;
211}
212
213a.sidebar3:link {
214 text-decoration: none;
215 color: White;
216}
217
218a.sidebar3:hover {
219 text-decoration: underline;
220}
221
222/* FAQ */
223
224li.faq_contents {
225 font-weight: 500;
226}
227
228p.faq_q {
229 font-weight: 700;
230 margin-bottom: 0px;
231}
232
233p.faq_a {
234 margin-top: 0px;
235}
236
237/* News items */
238
239table.newsItem {
240 padding-left: 1em;
241 padding-right: 1em;
242 border-width: medium;
243}
244
245th.newsItem {
246 background-color: #666666;
247 color: White;
248}
249
250td.newsItem {
251 background-color: #CCCCCC;
252}
253
254td.release-line,th.release-line {
255 padding-left: 0.5em;
256 padding-right: 0.5em;
257 white-space: nowrap;
258 border: 1px;
259}
260
261.note {
262 font-style: italic;
263 font-size: small;
264 margin-left: 1em;
265}
266
267samp {
268 margin-left: 1em;
269 margin-right: 2em;
270 border-style: groove;
271 padding: 1em;
272 display: block;
273 background-color: #EEEEEE
274}
275
276table.rtable caption {
277 margin-left: 2px;
278 margin-right: 2px;
279 padding: 3px;
280 font-weight: bold;
281 background-color: #dee2ff;
282 text-align: left;
283}
284
285table.rtable tr th {
286 background-color: #dee2ff;
287 text-align: left;
288}
289
290table.rtable tr td {
291 background-color: #c0c0fd;
292 padding: 3px;
293}
294
295table.rtable tr.broken td {
296 background-color: #fbb;
297 border: 1px dashed gray;
298 padding: 3px;
299 font-weight: bold;
300}
301
302table.rtable tr.rarely td {
303 background-color: #efe9c2;
304 padding: 3px;
305 font-style: italic;
306}
307
308/* APIChangeReport specific things */
309
310.row0 {
311 background-color: white;
312}
313
314.row1 {
315 background-color: #dfd;
316}
317
318.verchange {
319 color: red;
320 font-weight: bold;
321 font-size: large;
322}
323
324.stabchange {
325 color: red;
326 font-size: large;
327}
328
329.bigwarn {
330 color: red;
331 background-color: white;
332 font-size: large;
333 margin: 0.5 em;
334}
335
336
337td.bornstable {
338
339}
340td.bornstable .bigwarn {
341 font-size: small;
342 white-space: nowrap;
343}
344
345table.genTable {
346 border-collapse: collapse;
347 border: 1px solid black;
348}
349
350/* 'everything inc version */
351
352table.gentable td {
353 border: 1px solid gray;
354 padding: 0.25em;
355 font-size: small;
356}
357
358/* not version */
359
360table.genTable td.file,
361table.genTable td.proto {
362 border: none;
363 font-size: medium;
364}
365
366table.genTable td.file {
367 font-family: monospace;
368 font-weight: bold;
369}
370
371div.other .row0 {
372 background-color: white;
373}
374
375div.other .row1 {
376 background-color: #ddf;
377}
378
379table.docTable {
380 border-collapse: collapse;
381 border: 1px solid black;
382}
383
384/* 'everything inc version */
385
386table.docTable td,
387table.docTable th {
388 border: 1px solid gray;
389 padding: 0.25em;
390 font-size: small;
391}
392
393/* not version */
394
395table.docTable td.file,
396table.docTable td.proto {
397 border: none;
398 font-size: medium;
399}
400
401table.docTable td.file {
402 font-family: monospace;
403 font-weight: bold;
404}
405
406abbr {
407 border-bottom: 1px dashed #0B0;
408}
409
410h2.TOC {
411 page-break-before: auto;
412}
413
414body.readme {
415
416}
417
418caption {
419 font-weight: bold;
420 text-align: left
421}
422
423div.indent {
424 margin-left: 2em
425}
426
427ul.TOC {
428 list-style-type: none;
429 padding-left: 1em;
430 font-size: larger;
431}
432
433ul.TOC li a {
434 font-weight: bold;
435}
436
437ul.TOC li ul li a {
438 font-weight: normal;
439 list-style-type: none;
440 font-size: small;
441}
442
443ul.TOC li ul {
444 margin-left: 0;
445 padding-left: 2em;
446 font-weight: normal;
447 list-style-type: none;
448}
449
450pre.samp,samp {
451 margin-left: 1em;
452 border-style: groove;
453 padding: 1em;
454 display: block;
455 background-color: #EEEEEE
456}
457
458td.proto {
459 font-size: smaller;
460}
461
462
463
464@media print {
465 div#toc {
466 display: none;
467 }
468
469 table,tr,td,div {
470 page-break-inside: auto;
471 }
472}