commonltr.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704
  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. div.tasklabel {
  57. margin-top: 1em;
  58. margin-bottom: 1em;
  59. }
  60. h2.tasklabel,
  61. h3.tasklabel,
  62. h4.tasklabel,
  63. h5.tasklabel,
  64. h6.tasklabel {
  65. font-size: 100%;
  66. }
  67. .screen {
  68. padding: 5px 5px 5px 5px;
  69. border: outset;
  70. background-color: #CCCCCC;
  71. margin-top: 2px;
  72. margin-bottom: 2px;
  73. white-space: pre;
  74. }
  75. .wintitle {
  76. font-weight: bold;
  77. }
  78. .numcharref {
  79. color: #663399;
  80. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  81. }
  82. .parameterentity {
  83. color: #663399;
  84. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  85. }
  86. .textentity {
  87. color: #663399;
  88. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  89. }
  90. .xmlatt {
  91. color: #663399;
  92. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  93. }
  94. .xmlelement {
  95. color: #663399;
  96. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  97. }
  98. .xmlnsname {
  99. color: #663399;
  100. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  101. }
  102. .xmlpi {
  103. color: #663399;
  104. font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  105. }
  106. .frame-top {
  107. border-top: solid 1px;
  108. border-right: 0;
  109. border-bottom: 0;
  110. border-left: 0;
  111. }
  112. .frame-bottom {
  113. border-top: 0;
  114. border-right: 0;
  115. border-bottom: solid 1px;
  116. border-left: 0;
  117. }
  118. .frame-topbot {
  119. border-top: solid 1px;
  120. border-right: 0;
  121. border-bottom: solid 1px;
  122. border-left: 0;
  123. }
  124. .frame-all {
  125. border: solid 1px;
  126. }
  127. .frame-sides {
  128. border-top: 0;
  129. border-left: solid 1px;
  130. border-right: solid 1px;
  131. border-bottom: 0;
  132. }
  133. .frame-none {
  134. border: 0;
  135. }
  136. .scale-50 {
  137. font-size: 50%;
  138. }
  139. .scale-60 {
  140. font-size: 60%;
  141. }
  142. .scale-70 {
  143. font-size: 70%;
  144. }
  145. .scale-80 {
  146. font-size: 80%;
  147. }
  148. .scale-90 {
  149. font-size: 90%;
  150. }
  151. .scale-100 {
  152. font-size: 100%;
  153. }
  154. .scale-110 {
  155. font-size: 110%;
  156. }
  157. .scale-120 {
  158. font-size: 120%;
  159. }
  160. .scale-140 {
  161. font-size: 140%;
  162. }
  163. .scale-160 {
  164. font-size: 160%;
  165. }
  166. .scale-180 {
  167. font-size: 180%;
  168. }
  169. .scale-200 {
  170. font-size: 200%;
  171. }
  172. .expanse-page, .expanse-spread {
  173. width: 100%;
  174. }
  175. .fig {
  176. /* Default of italics to set apart figure captions */
  177. /* Use @frame to create frames on figures */
  178. }
  179. .figcap {
  180. font-style: italic;
  181. }
  182. .figdesc {
  183. font-style: normal;
  184. }
  185. .figborder {
  186. border-color: Silver;
  187. border-style: solid;
  188. border-width: 2px;
  189. margin-top: 1em;
  190. padding-left: 3px;
  191. padding-right: 3px;
  192. }
  193. .figsides {
  194. border-color: Silver;
  195. border-left: 2px solid;
  196. border-right: 2px solid;
  197. margin-top: 1em;
  198. padding-left: 3px;
  199. padding-right: 3px;
  200. }
  201. .figtop {
  202. border-color: Silver;
  203. border-top: 2px solid;
  204. margin-top: 1em;
  205. }
  206. .figbottom {
  207. border-bottom: 2px solid;
  208. border-color: Silver;
  209. }
  210. .figtopbot {
  211. border-bottom: 2px solid;
  212. border-color: Silver;
  213. border-top: 2px solid;
  214. margin-top: 1em;
  215. }
  216. /* Align images based on @align on topic/image */
  217. div.imageleft {
  218. text-align: left;
  219. }
  220. div.imagecenter {
  221. text-align: center;
  222. }
  223. div.imageright {
  224. text-align: right;
  225. }
  226. div.imagejustify {
  227. text-align: justify;
  228. }
  229. /* Set heading sizes, getting smaller for deeper nesting */
  230. .topictitle1 {
  231. font-size: 1.34em;
  232. margin-bottom: 0.1em;
  233. margin-top: 0;
  234. }
  235. .topictitle2 {
  236. font-size: 1.17em;
  237. margin-bottom: 0.45em;
  238. margin-top: 1pc;
  239. }
  240. .topictitle3,
  241. .topictitle4,
  242. .topictitle5,
  243. .topictitle6 {
  244. font-size: 1.17em;
  245. font-weight: bold;
  246. margin-bottom: 0.17em;
  247. margin-top: 1pc;
  248. }
  249. .sectiontitle {
  250. color: #000;
  251. font-size: 1.17em;
  252. font-weight: bold;
  253. margin-bottom: 0;
  254. margin-top: 1em;
  255. }
  256. .section {
  257. margin-bottom: 1em;
  258. margin-top: 1em;
  259. }
  260. .example {
  261. margin-bottom: 1em;
  262. margin-top: 1em;
  263. }
  264. /* Most link groups are created with <div>. Ensure they have space before and after. */
  265. .ullinks {
  266. list-style-type: none;
  267. }
  268. .ulchildlink {
  269. margin-bottom: 1em;
  270. margin-top: 1em;
  271. }
  272. .olchildlink {
  273. margin-bottom: 1em;
  274. margin-top: 1em;
  275. }
  276. .linklist {
  277. margin-top: 0em;
  278. margin-bottom: 0em;
  279. }
  280. ul.linklist {
  281. margin-top: 0;
  282. list-style-type: none;
  283. padding-left: 0;
  284. }
  285. .linklistwithchild {
  286. margin-bottom: 1em;
  287. margin-left: 1.5em;
  288. }
  289. .sublinklist {
  290. margin-bottom: 1em;
  291. margin-left: 1.5em;
  292. }
  293. .relconcepts {
  294. margin-bottom: 1em;
  295. margin-top: 1em;
  296. }
  297. .reltasks {
  298. margin-bottom: 1em;
  299. margin-top: 1em;
  300. }
  301. .relref {
  302. margin-bottom: 1em;
  303. margin-top: 1em;
  304. }
  305. .relinfo {
  306. margin-bottom: 1em;
  307. margin-top: 1em;
  308. }
  309. .breadcrumb {
  310. font-size: smaller;
  311. margin-bottom: 1em;
  312. }
  313. /* Simple lists do not get a bullet */
  314. ul.simple {
  315. list-style-type: none;
  316. }
  317. /* Default of bold for definition list terms */
  318. .dlterm {
  319. font-weight: bold;
  320. }
  321. /* Use CSS to expand lists with @compact="no" */
  322. .dltermexpand {
  323. font-weight: bold;
  324. margin-top: 1em;
  325. }
  326. *[compact="yes"] > li {
  327. margin-top: 0;
  328. }
  329. *[compact="no"] > li {
  330. margin-top: 0.53em;
  331. }
  332. .liexpand {
  333. margin-bottom: 1em;
  334. margin-top: 1em;
  335. }
  336. .sliexpand {
  337. margin-bottom: 1em;
  338. margin-top: 1em;
  339. }
  340. .dlexpand {
  341. margin-bottom: 1em;
  342. margin-top: 1em;
  343. }
  344. .ddexpand {
  345. margin-bottom: 1em;
  346. margin-top: 1em;
  347. }
  348. .stepexpand {
  349. margin-bottom: 1em;
  350. margin-top: 1em;
  351. }
  352. .substepexpand {
  353. margin-bottom: 1em;
  354. margin-top: 1em;
  355. }
  356. dt.prereq {
  357. margin-left: 20px;
  358. }
  359. /* All note formats have the same default presentation */
  360. .note {
  361. margin-bottom: 1em;
  362. margin-top: 1em;
  363. }
  364. .note .notetitle,
  365. .note .notelisttitle, .note .note__title {
  366. font-weight: bold;
  367. }
  368. /* Various basic phrase styles */
  369. .bold {
  370. font-weight: bold;
  371. }
  372. .bolditalic {
  373. font-style: italic;
  374. font-weight: bold;
  375. }
  376. .italic {
  377. font-style: italic;
  378. }
  379. .underlined {
  380. text-decoration: underline;
  381. }
  382. .uicontrol {
  383. font-weight: bold;
  384. }
  385. .defkwd {
  386. font-weight: bold;
  387. text-decoration: underline;
  388. }
  389. .shortcut {
  390. text-decoration: underline;
  391. }
  392. .menucascade > abbr {
  393. text-decoration: none;
  394. }
  395. table {
  396. margin: 1em;
  397. border-collapse: collapse;
  398. }
  399. table .desc {
  400. display: block;
  401. font-style: italic;
  402. }
  403. .cellrowborder {
  404. border-bottom: solid 1px;
  405. border-left: 0;
  406. border-right: solid 1px;
  407. border-top: 0;
  408. }
  409. .row-nocellborder {
  410. border-bottom: solid 1px;
  411. border-left: 0;
  412. border-top: 0;
  413. }
  414. .cell-norowborder {
  415. border-left: 0;
  416. border-right: solid 1px;
  417. border-top: 0;
  418. }
  419. .nocellnorowborder {
  420. border: 0;
  421. }
  422. .firstcol {
  423. font-weight: bold;
  424. }
  425. .table--pgwide-1 {
  426. width: 100%;
  427. }
  428. .align-left {
  429. text-align: left;
  430. }
  431. .align-right {
  432. text-align: right;
  433. }
  434. .align-center {
  435. text-align: center;
  436. }
  437. .align-justify {
  438. text-align: justify;
  439. }
  440. .align-char {
  441. text-align: char;
  442. }
  443. .valign-top {
  444. vertical-align: top;
  445. }
  446. .valign-bottom {
  447. vertical-align: bottom;
  448. }
  449. .valign-middle {
  450. vertical-align: middle;
  451. }
  452. .colsep-0 {
  453. border-right: 0;
  454. }
  455. .colsep-1 {
  456. border-right: 1px solid;
  457. }
  458. .rowsep-0 {
  459. border-bottom: 0;
  460. }
  461. .rowsep-1 {
  462. border-bottom: 1px solid;
  463. }
  464. .stentry {
  465. border-right: 1px solid;
  466. border-bottom: 1px solid;
  467. }
  468. .stentry:last-child {
  469. border-right: 0;
  470. }
  471. .strow:last-child .stentry {
  472. border-bottom: 0;
  473. }
  474. /* Add space for top level topics */
  475. .nested0 {
  476. margin-top: 1em;
  477. }
  478. .linklist {
  479. margin-top: 0em;
  480. margin-bottom: 0em;
  481. }
  482. .linklistwithchild {
  483. margin-right: 1.5em;
  484. margin-top: 1em;
  485. }
  486. .sublinklist {
  487. margin-right: 1.5em;
  488. margin-top: 1em;
  489. }
  490. dt.prereq {
  491. margin-right: 20px;
  492. }
  493. .cellrowborder {
  494. border-left: solid 1px;
  495. border-right: none;
  496. }
  497. .row-nocellborder {
  498. border-left: hidden;
  499. border-right: none;
  500. }
  501. .cell-norowborder {
  502. border-left: solid 1px;
  503. border-right: none;
  504. }
  505. .nocellnorowborder {
  506. border-left: hidden;
  507. }
  508. /*Overrides for right-to-left languages*/
  509. *[dir='rtl'] .linklist,
  510. *[dir] *[dir='rtl'] .linklist,
  511. *[dir] *[dir] *[dir='rtl'] .linklist,
  512. *[dir] *[dir] *[dir] *[dir='rtl'] .linklist,
  513. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .linklist {
  514. margin-top: 0em;
  515. margin-bottom: 0em;
  516. }
  517. *[dir='rtl'] .linklistwithchild,
  518. *[dir] *[dir='rtl'] .linklistwithchild,
  519. *[dir] *[dir] *[dir='rtl'] .linklistwithchild,
  520. *[dir] *[dir] *[dir] *[dir='rtl'] .linklistwithchild,
  521. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .linklistwithchild {
  522. margin-right: 1.5em;
  523. margin-top: 1em;
  524. }
  525. *[dir='rtl'] .sublinklist,
  526. *[dir] *[dir='rtl'] .sublinklist,
  527. *[dir] *[dir] *[dir='rtl'] .sublinklist,
  528. *[dir] *[dir] *[dir] *[dir='rtl'] .sublinklist,
  529. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .sublinklist {
  530. margin-right: 1.5em;
  531. margin-top: 1em;
  532. }
  533. *[dir='rtl'] dt.prereq,
  534. *[dir] *[dir='rtl'] dt.prereq,
  535. *[dir] *[dir] *[dir='rtl'] dt.prereq,
  536. *[dir] *[dir] *[dir] *[dir='rtl'] dt.prereq,
  537. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] dt.prereq {
  538. margin-right: 20px;
  539. }
  540. *[dir='rtl'] .cellrowborder,
  541. *[dir] *[dir='rtl'] .cellrowborder,
  542. *[dir] *[dir] *[dir='rtl'] .cellrowborder,
  543. *[dir] *[dir] *[dir] *[dir='rtl'] .cellrowborder,
  544. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .cellrowborder {
  545. border-left: solid 1px;
  546. border-right: none;
  547. }
  548. *[dir='rtl'] .row-nocellborder,
  549. *[dir] *[dir='rtl'] .row-nocellborder,
  550. *[dir] *[dir] *[dir='rtl'] .row-nocellborder,
  551. *[dir] *[dir] *[dir] *[dir='rtl'] .row-nocellborder,
  552. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .row-nocellborder {
  553. border-left: hidden;
  554. border-right: none;
  555. }
  556. *[dir='rtl'] .cell-norowborder,
  557. *[dir] *[dir='rtl'] .cell-norowborder,
  558. *[dir] *[dir] *[dir='rtl'] .cell-norowborder,
  559. *[dir] *[dir] *[dir] *[dir='rtl'] .cell-norowborder,
  560. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .cell-norowborder {
  561. border-left: solid 1px;
  562. border-right: none;
  563. }
  564. *[dir='rtl'] .nocellnorowborder,
  565. *[dir] *[dir='rtl'] .nocellnorowborder,
  566. *[dir] *[dir] *[dir='rtl'] .nocellnorowborder,
  567. *[dir] *[dir] *[dir] *[dir='rtl'] .nocellnorowborder,
  568. *[dir] *[dir] *[dir] *[dir] *[dir='rtl'] .nocellnorowborder {
  569. border-left: hidden;
  570. }