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