OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Default CSS style sheet for the ICU4C Open Source readme |
| 3 * Copyright (C) 2005-2010, 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 } |
OLD | NEW |