icu4c.css

   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
   9 body,p,li,ol,ul,th,td {
  10         font-size: 1em;
  11         font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  12 }
  13
  14 body {
  15         margin: 1em;
  16 }
  17
  18 body.draft {
  19         background-image: url(images/draftbg.png);
  20 }
  21
  22 body .only-milestone,
  23 body .only-draft,
  24 body .only-rc {
  25     display:  none;
  26 }
  27
  28 body.milestone .only-milestone {
  29     display:  inherit !important;
  30 }
  31
  32 body.draft .only-draft {
  33     display:  inherit !important;
  34 }
  35
  36 body.rc .only-rc {
  37     display:  inherit !important;
  38 }
  39
  40
  41 .mainbody {
  42         padding: 1em;
  43 }
  44
  45
  46 h1,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
  53 h1 {
  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
  65 h2 {
  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
  74 h2 a {
  75         text-decoration: none;
  76         color: black;
  77 }
  78
  79 h2 a:hover {
  80         color: blue;
  81         text-decoration: underline;
  82 }
  83
  84 h3 {
  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
  93 h3 a {
  94         text-decoration: none;
  95         color: black;
  96 }
  97
  98 h3 a:hover {
  99         color: blue;
 100         text-decoration: underline;
 101 }
 102
 103 h4 {
 104         margin-left: 1.5em;
 105         margin-bottom: 0pt;
 106         margin-top: 12pt;
 107         font-size: 1.0em;
 108         font-weight: bolder;
 109 }
 110
 111 h4 a {
 112         text-decoration: none;
 113         color: black;
 114 }
 115
 116 h4 a:hover {
 117         color: blue;
 118         text-decoration: underline;
 119 }
 120
 121 h5, 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
 130 p,pre,table,ul,ol,dl {
 131         margin-left: 2em;
 132 }
 133
 134 p {
 135     margin-top:  0.5em;
 136     margin-bottom:  0.5em;
 137 }
 138
 139 /*
 140  * Add a little bit of space above li's
 141  */
 142 li {
 143     margin-top:  0.25em;
 144 }
 145
 146 /*
 147  * Navigation sidebar on the left hand of most pages
 148  */
 149
 150 td.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
 160 td.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
 174 td.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
 182 a.sidebar2 {
 183         text-decoration: none;
 184         display: block;
 185         width: 100%;
 186 }
 187
 188 a.sidebar2:link {
 189         color: #000099;
 190         display: block;
 191 }
 192
 193 a.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
 205 td.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
 212 p.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
 224 p.sidebar3 {
 225         margin-top: 0.75em;
 226         margin-bottom: 0;
 227         padding-left: 0.8em;
 228 }
 229
 230 a.sidebar3 {
 231         font-size: 0.9em;
 232         text-decoration: none;
 233 }
 234
 235 a.sidebar3:link {
 236         text-decoration: none;
 237         color: White;
 238 }
 239
 240 a.sidebar3:hover {
 241         text-decoration: underline;
 242 }
 243
 244 /* FAQ */
 245
 246 li.faq_contents {
 247         font-weight: 500;
 248 }
 249
 250 p.faq_q {
 251         font-weight: 700;
 252         margin-bottom: 0px;
 253 }
 254
 255 p.faq_a {
 256         margin-top: 0px;
 257 }
 258
 259 /* News items */
 260
 261 table.newsItem {
 262         padding-left: 1em;
 263         padding-right: 1em;
 264         border-width: medium;
 265 }
 266
 267 th.newsItem {
 268         background-color: #666666;
 269         color: White;
 270 }
 271
 272 td.newsItem {
 273         background-color: #CCCCCC;
 274 }
 275
 276 td.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
 290 p.note::before {
 291     content: 'Note:';
 292     font-weight: bold;
 293     margin-right:  1em;
 294 }
 295 p.note {
 296     border:  1px solid gray;
 297     padding:  0.5em;
 298     background-color: #fdfdd9;
 299 }
 300
 301 samp {
 302         margin-left: 1em;
 303         margin-right: 2em;
 304         border-style: groove;
 305         padding: 1em;
 306         display: block;
 307         background-color: #EEEEEE
 308 }
 309
 310 table.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
 319 table.rtable tr th {
 320         background-color: #dee2ff;
 321         text-align: left;
 322 }
 323
 324 table.rtable tr td {
 325         background-color: #c0c0fd;
 326         padding: 3px;
 327 }
 328
 329 table.rtable tr.broken td {
 330         background-color: #fbb;
 331         border: 1px dashed gray;
 332         padding: 3px;
 333         font-weight: bold;
 334 }
 335
 336 table.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
 371 td.bornstable {
 372
 373 }
 374 td.bornstable .bigwarn {
 375         font-size: small;
 376         white-space: nowrap;
 377 }
 378
 379 table.genTable {
 380         border-collapse: collapse;
 381         border: 1px solid black;
 382 }
 383
 384 /* 'everything inc version */
 385
 386 table.gentable td {
 387         border: 1px solid gray;
 388         padding: 0.25em;
 389         font-size: small;
 390 }
 391
 392 /* not version */
 393
 394 table.genTable td.file,
 395 table.genTable td.proto {
 396         border: none;
 397         font-size: medium;
 398 }
 399
 400 table.genTable td.file {
 401         font-family: monospace;
 402         font-weight: bold;
 403 }
 404
 405 div.other .row0 {
 406         background-color: white;
 407 }
 408
 409 div.other .row1 {
 410         background-color: #ddf;
 411 }
 412
 413 table.docTable {
 414         border-collapse: collapse;
 415         border: 1px solid black;
 416 }
 417
 418 /* 'everything inc version */
 419
 420 table.docTable td,
 421 table.docTable th {
 422         border: 1px solid gray;
 423         padding: 0.25em;
 424         font-size: small;
 425 }
 426
 427 /* not version */
 428
 429 table.docTable td.file,
 430 table.docTable td.proto {
 431         border: none;
 432         font-size: medium;
 433 }
 434
 435 table.docTable td.file {
 436         font-family: monospace;
 437         font-weight: bold;
 438 }
 439
 440 abbr {
 441         border-bottom: 1px dashed #0B0;
 442 }
 443
 444 h2.TOC {
 445         page-break-before: auto;
 446 }
 447
 448 body.readme {
 449
 450 }
 451
 452 caption {
 453         font-weight: bold;
 454         text-align: left
 455 }
 456
 457 div.indent {
 458         margin-left: 2em
 459 }
 460
 461 ul.TOC {
 462     font-size:  medium;
 463 }
 464
 465 ul.TOC,
 466 ul.TOC li,
 467 ul.TOC li ul,
 468 ul.TOC li ul li {
 469     margin-left: 0.25em;
 470     margin-top: 0.25em;
 471 }
 472
 473 ul.TOC li {
 474     padding-left:  1em;
 475     margin-left:  0.25em;
 476 }
 477 ul.TOC li li {
 478     padding-left:  1em;
 479     margin-left:  0.25em;
 480 }
 481
 482 pre.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
 497 td.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 }