Home | History | Annotate | Download | only in icu4c 
      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 }
    512