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