icu4c.css 7.1 KB

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