icu4c.css

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