icu4c.css revision c73f511526464f8e56c242df80552e9b0d94ae3d 
1/*
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}
473