commonltr.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579
  1. /*!
  2. * This file is part of the DITA Open Toolkit project.
  3. *
  4. * Copyright 2004, 2005 IBM Corporation
  5. *
  6. * See the accompanying LICENSE file for applicable license.
  7. */
  8. .codeblock {
  9. font-family: monospace;
  10. }
  11. .codeph {
  12. font-family: monospace;
  13. }
  14. .kwd {
  15. font-weight: bold;
  16. }
  17. .parmname {
  18. font-weight: bold;
  19. }
  20. .var {
  21. font-style: italic;
  22. }
  23. .filepath {
  24. font-family: monospace;
  25. }
  26. div.tasklabel {
  27. margin-top: 1em;
  28. margin-bottom: 1em;
  29. }
  30. h2.tasklabel,
  31. h3.tasklabel,
  32. h4.tasklabel,
  33. h5.tasklabel,
  34. h6.tasklabel {
  35. font-size: 100%;
  36. }
  37. .screen {
  38. padding: 5px 5px 5px 5px;
  39. border: outset;
  40. background-color: #CCCCCC;
  41. margin-top: 2px;
  42. margin-bottom: 2px;
  43. white-space: pre;
  44. }
  45. .wintitle {
  46. font-weight: bold;
  47. }
  48. .numcharref {
  49. color: #663399;
  50. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  51. }
  52. .parameterentity {
  53. color: #663399;
  54. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  55. }
  56. .textentity {
  57. color: #663399;
  58. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  59. }
  60. .xmlatt {
  61. color: #663399;
  62. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  63. }
  64. .xmlelement {
  65. color: #663399;
  66. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  67. }
  68. .xmlnsname {
  69. color: #663399;
  70. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  71. }
  72. .xmlpi {
  73. color: #663399;
  74. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  75. }
  76. .frame-top {
  77. border-top: solid 1px;
  78. border-right: 0;
  79. border-bottom: 0;
  80. border-left: 0;
  81. }
  82. .frame-bottom {
  83. border-top: 0;
  84. border-right: 0;
  85. border-bottom: solid 1px;
  86. border-left: 0;
  87. }
  88. .frame-topbot {
  89. border-top: solid 1px;
  90. border-right: 0;
  91. border-bottom: solid 1px;
  92. border-left: 0;
  93. }
  94. .frame-all {
  95. border: solid 1px;
  96. }
  97. .frame-sides {
  98. border-top: 0;
  99. border-left: solid 1px;
  100. border-right: solid 1px;
  101. border-bottom: 0;
  102. }
  103. .frame-none {
  104. border: 0;
  105. }
  106. .scale-50 {
  107. font-size: 50%;
  108. }
  109. .scale-60 {
  110. font-size: 60%;
  111. }
  112. .scale-70 {
  113. font-size: 70%;
  114. }
  115. .scale-80 {
  116. font-size: 80%;
  117. }
  118. .scale-90 {
  119. font-size: 90%;
  120. }
  121. .scale-100 {
  122. font-size: 100%;
  123. }
  124. .scale-110 {
  125. font-size: 110%;
  126. }
  127. .scale-120 {
  128. font-size: 120%;
  129. }
  130. .scale-140 {
  131. font-size: 140%;
  132. }
  133. .scale-160 {
  134. font-size: 160%;
  135. }
  136. .scale-180 {
  137. font-size: 180%;
  138. }
  139. .scale-200 {
  140. font-size: 200%;
  141. }
  142. .expanse-page, .expanse-spread {
  143. width: 100%;
  144. }
  145. .fig {
  146. /* Default of italics to set apart figure captions */
  147. /* Use @frame to create frames on figures */
  148. }
  149. .figcap {
  150. font-style: italic;
  151. }
  152. .figdesc {
  153. font-style: normal;
  154. }
  155. .figborder {
  156. border-color: Silver;
  157. border-style: solid;
  158. border-width: 2px;
  159. margin-top: 1em;
  160. padding-left: 3px;
  161. padding-right: 3px;
  162. }
  163. .figsides {
  164. border-color: Silver;
  165. border-left: 2px solid;
  166. border-right: 2px solid;
  167. margin-top: 1em;
  168. padding-left: 3px;
  169. padding-right: 3px;
  170. }
  171. .figtop {
  172. border-color: Silver;
  173. border-top: 2px solid;
  174. margin-top: 1em;
  175. }
  176. .figbottom {
  177. border-bottom: 2px solid;
  178. border-color: Silver;
  179. }
  180. .figtopbot {
  181. border-bottom: 2px solid;
  182. border-color: Silver;
  183. border-top: 2px solid;
  184. margin-top: 1em;
  185. }
  186. /* Align images based on @align on topic/image */
  187. div.imageleft {
  188. text-align: left;
  189. }
  190. div.imagecenter {
  191. text-align: center;
  192. }
  193. div.imageright {
  194. text-align: right;
  195. }
  196. div.imagejustify {
  197. text-align: justify;
  198. }
  199. /* Set heading sizes, getting smaller for deeper nesting */
  200. .topictitle1 {
  201. font-size: 1.34em;
  202. margin-bottom: 0.1em;
  203. margin-top: 0;
  204. }
  205. .topictitle2 {
  206. font-size: 1.17em;
  207. margin-bottom: 0.45em;
  208. margin-top: 1pc;
  209. }
  210. .topictitle3 {
  211. font-size: 1.17em;
  212. font-weight: bold;
  213. margin-bottom: 0.17em;
  214. margin-top: 1pc;
  215. }
  216. .topictitle4 {
  217. font-size: 1.17em;
  218. font-weight: bold;
  219. margin-top: 0.83em;
  220. }
  221. .topictitle5 {
  222. font-size: 1.17em;
  223. font-weight: bold;
  224. }
  225. .topictitle6 {
  226. font-size: 1.17em;
  227. font-style: italic;
  228. }
  229. .sectiontitle {
  230. color: #000;
  231. font-size: 1.17em;
  232. font-weight: bold;
  233. margin-bottom: 0;
  234. margin-top: 1em;
  235. }
  236. .section {
  237. margin-bottom: 1em;
  238. margin-top: 1em;
  239. }
  240. .example {
  241. margin-bottom: 1em;
  242. margin-top: 1em;
  243. }
  244. /* Most link groups are created with <div>. Ensure they have space before and after. */
  245. .ullinks {
  246. list-style-type: none;
  247. }
  248. .ulchildlink {
  249. margin-bottom: 1em;
  250. margin-top: 1em;
  251. }
  252. .olchildlink {
  253. margin-bottom: 1em;
  254. margin-top: 1em;
  255. }
  256. .linklist {
  257. margin-bottom: 1em;
  258. }
  259. ul.linklist {
  260. margin-top: 0;
  261. list-style-type: none;
  262. padding-left: 0;
  263. }
  264. li.linklist {
  265. margin-top: 0;
  266. margin-bottom: 0;
  267. }
  268. .linklistwithchild {
  269. margin-bottom: 1em;
  270. margin-left: 1.5em;
  271. }
  272. .sublinklist {
  273. margin-bottom: 1em;
  274. margin-left: 1.5em;
  275. }
  276. .relconcepts {
  277. margin-bottom: 1em;
  278. margin-top: 1em;
  279. }
  280. .reltasks {
  281. margin-bottom: 1em;
  282. margin-top: 1em;
  283. }
  284. .relref {
  285. margin-bottom: 1em;
  286. margin-top: 1em;
  287. }
  288. .relinfo {
  289. margin-bottom: 1em;
  290. margin-top: 1em;
  291. }
  292. .breadcrumb {
  293. font-size: smaller;
  294. margin-bottom: 1em;
  295. }
  296. /* Simple lists do not get a bullet */
  297. ul.simple {
  298. list-style-type: none;
  299. }
  300. /* Default of bold for definition list terms */
  301. .dlterm {
  302. font-weight: bold;
  303. }
  304. /* Use CSS to expand lists with @compact="no" */
  305. .dltermexpand {
  306. font-weight: bold;
  307. margin-top: 1em;
  308. }
  309. *[compact="yes"] > li {
  310. margin-top: 0;
  311. }
  312. *[compact="no"] > li {
  313. margin-top: 0.53em;
  314. }
  315. .liexpand {
  316. margin-bottom: 1em;
  317. margin-top: 1em;
  318. }
  319. .sliexpand {
  320. margin-bottom: 1em;
  321. margin-top: 1em;
  322. }
  323. .dlexpand {
  324. margin-bottom: 1em;
  325. margin-top: 1em;
  326. }
  327. .ddexpand {
  328. margin-bottom: 1em;
  329. margin-top: 1em;
  330. }
  331. .stepexpand {
  332. margin-bottom: 1em;
  333. margin-top: 1em;
  334. }
  335. .substepexpand {
  336. margin-bottom: 1em;
  337. margin-top: 1em;
  338. }
  339. dt.prereq {
  340. margin-left: 20px;
  341. }
  342. /* All note formats have the same default presentation */
  343. .note {
  344. margin-bottom: 1em;
  345. margin-top: 1em;
  346. }
  347. .note .notetitle, .note .notelisttitle,
  348. .note .note__title {
  349. font-weight: bold;
  350. }
  351. /* Various basic phrase styles */
  352. .bold {
  353. font-weight: bold;
  354. }
  355. .bolditalic {
  356. font-style: italic;
  357. font-weight: bold;
  358. }
  359. .italic {
  360. font-style: italic;
  361. }
  362. .underlined {
  363. text-decoration: underline;
  364. }
  365. .uicontrol {
  366. font-weight: bold;
  367. }
  368. .defkwd {
  369. font-weight: bold;
  370. text-decoration: underline;
  371. }
  372. .shortcut {
  373. text-decoration: underline;
  374. }
  375. .menucascade > abbr {
  376. text-decoration: none;
  377. }
  378. table {
  379. border-collapse: collapse;
  380. }
  381. table .desc {
  382. display: block;
  383. font-style: italic;
  384. }
  385. .cellrowborder {
  386. border-bottom: solid 1px;
  387. border-left: 0;
  388. border-right: solid 1px;
  389. border-top: 0;
  390. }
  391. .row-nocellborder {
  392. border-bottom: solid 1px;
  393. border-left: 0;
  394. border-top: 0;
  395. }
  396. .cell-norowborder {
  397. border-left: 0;
  398. border-right: solid 1px;
  399. border-top: 0;
  400. }
  401. .nocellnorowborder {
  402. border: 0;
  403. }
  404. .firstcol {
  405. font-weight: bold;
  406. }
  407. .table--pgwide-1 {
  408. width: 100%;
  409. }
  410. .align-left {
  411. text-align: left;
  412. }
  413. .align-right {
  414. text-align: right;
  415. }
  416. .align-center {
  417. text-align: center;
  418. }
  419. .align-justify {
  420. text-align: justify;
  421. }
  422. .align-char {
  423. text-align: char;
  424. }
  425. .valign-top {
  426. vertical-align: top;
  427. }
  428. .valign-bottom {
  429. vertical-align: bottom;
  430. }
  431. .valign-middle {
  432. vertical-align: middle;
  433. }
  434. .colsep-0 {
  435. border-right: 0;
  436. }
  437. .colsep-1 {
  438. border-right: 1px solid;
  439. }
  440. .rowsep-0 {
  441. border-bottom: 0;
  442. }
  443. .rowsep-1 {
  444. border-bottom: 1px solid;
  445. }
  446. .stentry {
  447. border-right: 1px solid;
  448. border-bottom: 1px solid;
  449. }
  450. .stentry:last-child {
  451. border-right: 0;
  452. }
  453. .strow:last-child .stentry {
  454. border-bottom: 0;
  455. }
  456. /* Add space for top level topics */
  457. .nested0 {
  458. margin-top: 1em;
  459. }
  460. /* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
  461. .p {
  462. margin-top: 1em;
  463. }