commonrtl.css 8.6 KB

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