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