1/* 2 * Default CSS style sheet for the ICU4C Open Source readme 3 * Copyright (C) 2005-2010, 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