intl/icu/icu4c.css

   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
   9 body,p,li,ol,ul,th,td {
  10         font-size: 1em;
  11         font-family: "Arial", "Helvetica", sans-serif;
  12 }
  13
  14 body {
  15         margin: 1em;
  16 }
  17
  18 body.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
  30 h1 {
  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
  46 h2 {
  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
  59 h2 a {
  60         text-decoration: none;
  61         color: black;
  62 }
  63
  64 h2 a:hover {
  65         color: blue;
  66         text-decoration: underline;
  67 }
  68
  69 h3 {
  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
  82 h3 a {
  83         text-decoration: none;
  84         color: black;
  85 }
  86
  87 h3 a:hover {
  88         color: blue;
  89         text-decoration: underline;
  90 }
  91
  92 h4 {
  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
 101 h4 a {
 102         text-decoration: none;
 103         color: black;
 104 }
 105
 106 h4 a:hover {
 107         color: blue;
 108         text-decoration: underline;
 109 }
 110
 111 h5, 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
 120 p,pre,table,ul,ol,dl {
 121         margin-left: 2em;
 122 }
 123
 124 /*
 125  * Navigation sidebar on the left hand of most pages
 126  */
 127
 128 td.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
 138 td.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
 152 td.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
 160 a.sidebar2 {
 161         text-decoration: none;
 162         display: block;
 163         width: 100%;
 164 }
 165
 166 a.sidebar2:link {
 167         color: #000099;
 168         display: block;
 169 }
 170
 171 a.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
 183 td.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
 190 p.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
 202 p.sidebar3 {
 203         margin-top: 0.75em;
 204         margin-bottom: 0;
 205         padding-left: 0.8em;
 206 }
 207
 208 a.sidebar3 {
 209         font-size: 0.9em;
 210         text-decoration: none;
 211 }
 212
 213 a.sidebar3:link {
 214         text-decoration: none;
 215         color: White;
 216 }
 217
 218 a.sidebar3:hover {
 219         text-decoration: underline;
 220 }
 221
 222 /* FAQ */
 223
 224 li.faq_contents {
 225         font-weight: 500;
 226 }
 227
 228 p.faq_q {
 229         font-weight: 700;
 230         margin-bottom: 0px;
 231 }
 232
 233 p.faq_a {
 234         margin-top: 0px;
 235 }
 236
 237 /* News items */
 238
 239 table.newsItem {
 240         padding-left: 1em;
 241         padding-right: 1em;
 242         border-width: medium;
 243 }
 244
 245 th.newsItem {
 246         background-color: #666666;
 247         color: White;
 248 }
 249
 250 td.newsItem {
 251         background-color: #CCCCCC;
 252 }
 253
 254 td.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
 267 samp {
 268         margin-left: 1em;
 269         margin-right: 2em;
 270         border-style: groove;
 271         padding: 1em;
 272         display: block;
 273         background-color: #EEEEEE
 274 }
 275
 276 table.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
 285 table.rtable tr th {
 286         background-color: #dee2ff;
 287         text-align: left;
 288 }
 289
 290 table.rtable tr td {
 291         background-color: #c0c0fd;
 292         padding: 3px;
 293 }
 294
 295 table.rtable tr.broken td {
 296         background-color: #fbb;
 297         border: 1px dashed gray;
 298         padding: 3px;
 299         font-weight: bold;
 300 }
 301
 302 table.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
 337 td.bornstable {
 338
 339 }
 340 td.bornstable .bigwarn {
 341         font-size: small;
 342         white-space: nowrap;
 343 }
 344
 345 table.genTable {
 346         border-collapse: collapse;
 347         border: 1px solid black;
 348 }
 349
 350 /* 'everything inc version */
 351
 352 table.gentable td {
 353         border: 1px solid gray;
 354         padding: 0.25em;
 355         font-size: small;
 356 }
 357
 358 /* not version */
 359
 360 table.genTable td.file,
 361 table.genTable td.proto {
 362         border: none;
 363         font-size: medium;
 364 }
 365
 366 table.genTable td.file {
 367         font-family: monospace;
 368         font-weight: bold;
 369 }
 370
 371 div.other .row0 {
 372         background-color: white;
 373 }
 374
 375 div.other .row1 {
 376         background-color: #ddf;
 377 }
 378
 379 table.docTable {
 380         border-collapse: collapse;
 381         border: 1px solid black;
 382 }
 383
 384 /* 'everything inc version */
 385
 386 table.docTable td,
 387 table.docTable th {
 388         border: 1px solid gray;
 389         padding: 0.25em;
 390         font-size: small;
 391 }
 392
 393 /* not version */
 394
 395 table.docTable td.file,
 396 table.docTable td.proto {
 397         border: none;
 398         font-size: medium;
 399 }
 400
 401 table.docTable td.file {
 402         font-family: monospace;
 403         font-weight: bold;
 404 }
 405
 406 abbr {
 407         border-bottom: 1px dashed #0B0;
 408 }
 409
 410 h2.TOC {
 411         page-break-before: auto;
 412 }
 413
 414 body.readme {
 415
 416 }
 417
 418 caption {
 419         font-weight: bold;
 420         text-align: left
 421 }
 422
 423 div.indent {
 424         margin-left: 2em
 425 }
 426
 427 ul.TOC {
 428         list-style-type: none;
 429         padding-left: 1em;
 430         font-size: larger;
 431 }
 432
 433 ul.TOC li a {
 434         font-weight: bold;
 435 }
 436
 437 ul.TOC li ul li a {
 438         font-weight: normal;
 439         list-style-type: none;
 440         font-size: small;
 441 }
 442
 443 ul.TOC li ul {
 444         margin-left: 0;
 445         padding-left: 2em;
 446         font-weight: normal;
 447         list-style-type: none;
 448 }
 449
 450 pre.samp,samp {
 451         margin-left: 1em;
 452         border-style: groove;
 453         padding: 1em;
 454         display: block;
 455         background-color: #EEEEEE
 456 }
 457
 458 td.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 }