1/* 2 * © 2017 and later: Unicode, Inc. and others. 3 * License & terms of use: http://www.unicode.org/copyright.html 4 */ 5/* 6 * Default CSS style sheet for the ICU4C Open Source readme 7 * Copyright (C) 2005-2010, International Business Machines 8 * Corporation and others. All Rights Reserved. 9 */ 10 11/* Global styles */ 12 13body,p,li,ol,ul,th,td { 14 font-size: 10pt; 15 font-family: "Arial", "Helvetica", sans-serif; 16} 17 18body { 19 margin: 1em; 20} 21 22body.draft { 23 background-image: url(images/draftbg.png); 24} 25 26.mainbody { 27 padding: 1em; 28} 29 30/* 31 * Customize the headers to have less space around them than usual 32 */ 33 34h1 { 35 margin-bottom: .5em; 36 margin-top: .5em; 37 padding-bottom: .5em; 38 padding-top: .5em; 39 font-weight: 700; 40 font-size: 20pt; 41 font-family: Georgia, "Times New Roman", Times, serif; 42 border-width: 2px; 43 border-style: solid; 44 text-align: center; 45 width: 100%; 46 font-size: 200%; 47 font-weight: bold; 48} 49 50h2 { 51 border-top: 2px solid #22d; 52 border-left: 2px solid #22d; 53 margin-bottom: 0.5em; 54 padding-left: 4px; 55 margin-top: 12pt; 56 font-weight: 700; 57 font-size: 2em; 58 font-family: Georgia, "Times New Roman", Times, serif; 59 background-color: #eee; 60 page-break-before: always; 61} 62 63h2 a { 64 text-decoration: none; 65 color: black; 66} 67 68h2 a:hover { 69 color: blue; 70 text-decoration: underline; 71} 72 73h3 { 74 border-top: 1px solid gray; 75 color: #1e1c46; 76 margin-bottom: 0pt; 77 margin-top: 12pt; 78 padding-left: 0; 79 margin-left: 1em; 80 margin-top: 0.2em; 81 padding-bottom: 0.4em; 82 font-size: 1.5em; 83 font-family: Georgia, "Times New Roman", Times, serif; 84} 85 86h3 a { 87 text-decoration: none; 88 color: black; 89} 90 91h3 a:hover { 92 color: blue; 93 text-decoration: underline; 94} 95 96h4 { 97 margin-left: 1.5em; 98 margin-bottom: 0pt; 99 margin-top: 12pt; 100 font-size: 1.0em; 101 font-weight: bolder; 102 font-family: Georgia, "Times New Roman", Times, serif; 103} 104 105h4 a { 106 text-decoration: none; 107 color: black; 108} 109 110h4 a:hover { 111 color: blue; 112 text-decoration: underline; 113} 114 115h5, h6 { 116 margin-left: 1.8em; 117 margin-bottom: 0pt; 118 margin-top: 12pt; 119 padding-left: 0.75em; 120 font-size: x-small; 121 font-family: Georgia, "Times New Roman", Times, serif; 122} 123 124p,pre,table,ul,ol,dl { 125 margin-left: 2em; 126} 127 128/* 129 * Navigation sidebar on the left hand of most pages 130 */ 131 132td.sidebar1 { 133 background-color: #99CCFF; 134 font-weight: 700; 135 margin-top: 0px; 136 margin-bottom: 0px; 137 padding-top: 1em; 138 padding-left: 0.2em; 139 white-space: nowrap; 140} 141 142td.sidebar2 { 143 background-color: #99CCFF; 144 margin-top: 0px; 145 margin-bottom: 0px; 146 margin-left: 0px; 147 padding-top: 1px; 148 padding-bottom: 1px; 149 padding-left: 1px; 150 padding-right: 0.5em; 151 white-space: nowrap; 152 text-decoration: none; 153 display: block; 154} 155 156td.sidebar2:hover { 157 background-color: #EEEEFF; 158 padding-top: 1px; 159 padding-bottom: 1px; 160 padding-left: 1px; 161 padding-right: 0.5em; 162} 163 164a.sidebar2 { 165 text-decoration: none; 166 display: block; 167 width: 100%; 168} 169 170a.sidebar2:link { 171 color: #000099; 172 display: block; 173} 174 175a.sidebar2:hover { 176 background-color: #EEEEFF; 177 display: block; 178} 179 180.underlinehover:hover { 181 background-color: #EEEEFF; 182 text-decoration: underline; 183} 184 185/* This is the faded header at the top */ 186 187td.fadedtop { 188 background-color: #006699; 189 background-image: url(http://www.icu-project.org/images/gr100.gif); 190} 191 192/* Related site on the left */ 193 194p.relatedsite { 195 color: White; 196 font-weight: 700; 197 font-size: 10pt; 198 margin-top: 1em; 199 margin-bottom: 0; 200 padding-left: 0.2em; 201 white-space: nowrap; 202} 203 204/* Related site on the left */ 205 206p.sidebar3 { 207 margin-top: 0.75em; 208 margin-bottom: 0; 209 padding-left: 0.8em; 210} 211 212a.sidebar3 { 213 font-size: 0.9em; 214 text-decoration: none; 215} 216 217a.sidebar3:link { 218 text-decoration: none; 219 color: White; 220} 221 222a.sidebar3:hover { 223 text-decoration: underline; 224} 225 226/* FAQ */ 227 228li.faq_contents { 229 font-weight: 500; 230} 231 232p.faq_q { 233 font-weight: 700; 234 margin-bottom: 0px; 235} 236 237p.faq_a { 238 margin-top: 0px; 239} 240 241/* News items */ 242 243table.newsItem { 244 padding-left: 1em; 245 padding-right: 1em; 246 border-width: medium; 247} 248 249th.newsItem { 250 background-color: #666666; 251 color: White; 252} 253 254td.newsItem { 255 background-color: #CCCCCC; 256} 257 258td.release-line,th.release-line { 259 padding-left: 0.5em; 260 padding-right: 0.5em; 261 white-space: nowrap; 262 border: 1px; 263} 264 265.note { 266 font-style: italic; 267 font-size: small; 268 margin-left: 1em; 269} 270 271samp { 272 margin-left: 1em; 273 margin-right: 2em; 274 border-style: groove; 275 padding: 1em; 276 display: block; 277 background-color: #EEEEEE 278} 279 280table.rtable caption { 281 margin-left: 2px; 282 margin-right: 2px; 283 padding: 3px; 284 font-weight: bold; 285 background-color: #dee2ff; 286 text-align: left; 287} 288 289table.rtable tr th { 290 background-color: #dee2ff; 291 text-align: left; 292} 293 294table.rtable tr td { 295 background-color: #c0c0fd; 296 padding: 3px; 297} 298 299table.rtable tr.broken td { 300 background-color: #fbb; 301 border: 1px dashed gray; 302 padding: 3px; 303 font-weight: bold; 304} 305 306table.rtable tr.rarely td { 307 background-color: #efe9c2; 308 padding: 3px; 309 font-style: italic; 310} 311 312/* APIChangeReport specific things */ 313 314.row0 { 315 background-color: white; 316} 317 318.row1 { 319 background-color: #dfd; 320} 321 322.verchange { 323 color: red; 324 font-weight: bold; 325 font-size: large; 326} 327 328.stabchange { 329 color: red; 330 font-size: large; 331} 332 333.bigwarn { 334 color: red; 335 background-color: white; 336 font-size: x-large; 337 margin: 0.5 em; 338} 339 340table.genTable { 341 border-collapse: collapse; 342 border: 1px solid black; 343} 344 345/* 'everything inc version */ 346 347table.gentable td { 348 border: 1px solid gray; 349 padding: 0.25em; 350 font-size: small; 351} 352 353/* not version */ 354 355table.genTable td.file, 356table.genTable td.proto { 357 border: none; 358 font-size: medium; 359} 360 361table.genTable td.file { 362 font-family: monospace; 363 font-weight: bold; 364} 365 366div.other .row0 { 367 background-color: white; 368} 369 370div.other .row1 { 371 background-color: #ddf; 372} 373 374table.docTable { 375 border-collapse: collapse; 376 border: 1px solid black; 377} 378 379/* 'everything inc version */ 380 381table.docTable td, 382table.docTable th { 383 border: 1px solid gray; 384 padding: 0.25em; 385 font-size: small; 386} 387 388/* not version */ 389 390table.docTable td.file, 391table.docTable td.proto { 392 border: none; 393 font-size: medium; 394} 395 396table.docTable td.file { 397 font-family: monospace; 398 font-weight: bold; 399} 400 401abbr { 402 border-bottom: 1px dashed #0B0; 403} 404 405h2.TOC { 406 page-break-before: auto; 407} 408 409body.readme { 410 411} 412 413caption { 414 font-weight: bold; 415 text-align: left 416} 417 418div.indent { 419 margin-left: 2em 420} 421 422ul.TOC { 423 list-style-type: none; 424 padding-left: 1em; 425 font-size: larger; 426} 427 428ul.TOC li a { 429 font-weight: bold; 430} 431 432ul.TOC li ul li a { 433 font-weight: normal; 434 list-style-type: none; 435 font-size: small; 436} 437 438ul.TOC li ul { 439 margin-left: 0; 440 padding-left: 2em; 441 font-weight: normal; 442 list-style-type: none; 443} 444 445pre.samp,samp { 446 margin-left: 1em; 447 border-style: groove; 448 padding: 1em; 449 display: block; 450 background-color: #EEEEEE 451} 452