dita-ot-doc.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
  1. /* DITA Open Toolkit documentation style */
  2. /****************************************
  3. Basic fonts and typography
  4. ****************************************/
  5. article {
  6. color: #333;
  7. }
  8. body {
  9. background-color: white;
  10. background-image: -webkit-linear-gradient(left, #eee 0%, #fff 300px); /* Chrome10+,Safari5.1+ */
  11. background-image: -moz-linear-gradient(left, #eee 0%, #fff 300px); /* FF3.6+ */
  12. background-image: linear-gradient(left, #eee 0%, #fff 300px); /* W3C */
  13. color: #333;
  14. margin: 0;
  15. padding: 1em;
  16. }
  17. /* ↓ header-coderef ↓ */
  18. div.header {
  19. font-size: 18pt;
  20. margin: 0;
  21. padding: 0 12px;
  22. }
  23. div.header p {
  24. color: #777;
  25. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  26. line-height: 1.3;
  27. margin: 0;
  28. }
  29. div.header hr {
  30. border: 0;
  31. border-bottom: 1px solid #eee;
  32. height: 0;
  33. }
  34. /* ↑ end-header-ref ↑ */
  35. body,
  36. caption,
  37. td,
  38. th {
  39. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  40. font-size: 10pt;
  41. }
  42. code,
  43. pre,
  44. .cmdname,
  45. .filepath,
  46. .msgnum,
  47. .option,
  48. .parmname {
  49. color: #777;
  50. font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  51. font-size: 90%;
  52. }
  53. /****************************************
  54. Headings
  55. ****************************************/
  56. h1,
  57. h2,
  58. h3 {
  59. color: #1d365d;
  60. font-size: 12pt;
  61. font-weight: bold;
  62. margin-bottom: 0.75em;
  63. margin-left: 0;
  64. margin-right: 0;
  65. margin-top: 1em;
  66. padding: 0;
  67. }
  68. h1 .filepath,
  69. h2 .filepath,
  70. h3 .filepath {
  71. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  72. font-size: 12pt;
  73. font-weight: bold;
  74. }
  75. h1 .filepath {
  76. color: #1d365d;
  77. }
  78. .sectiontitle {
  79. color: #1d365d;
  80. font-weight: bold;
  81. }
  82. .topictitle1 {
  83. margin-top: 1em;
  84. }
  85. /****************************************
  86. Basic identation, padding, and margins
  87. ****************************************/
  88. main {
  89. margin-left: 300px;
  90. }
  91. blockquote,
  92. li,
  93. p {
  94. line-height: 125%;
  95. margin-bottom: 0.75em;
  96. margin-left: 0;
  97. margin-right: 0;
  98. margin-top: 0.75em;
  99. padding: 0;
  100. }
  101. dd {
  102. line-height: 125%;
  103. margin-bottom: 0.75em;
  104. margin-top: 0.75em;
  105. }
  106. dl {
  107. line-height: 125%;
  108. margin-bottom: 0.75em;
  109. margin-left: 2em;
  110. margin-right: 0;
  111. margin-top: 0.75em;
  112. padding: 0;
  113. }
  114. ol,
  115. ul {
  116. margin-bottom: 0.75em;
  117. margin-left: 2em;
  118. margin-right: 0;
  119. margin-top: 0.75em;
  120. padding: 0;
  121. }
  122. pre {
  123. margin-bottom: 0.75em;
  124. margin-left: 2em;
  125. margin-top: 0.75em;
  126. padding: 0;
  127. }
  128. /****************************************
  129. Block elements
  130. ****************************************/
  131. .codeblock,
  132. .screen {
  133. background-color: #eee;
  134. border: 1px solid #ccc;
  135. border-radius: 4px;
  136. padding: 6px;
  137. }
  138. /****************************************
  139. Figures
  140. ****************************************/
  141. figcaption {
  142. font-style: italic;
  143. }
  144. /****************************************
  145. In-line elements
  146. ****************************************/
  147. .cmdname,
  148. .msgnum {
  149. font-weight: bold;
  150. }
  151. /****************************************
  152. Links
  153. ****************************************/
  154. a:link {
  155. color: #3563ab;
  156. text-decoration: none;
  157. }
  158. a:visited {
  159. color: #3563ab;
  160. }
  161. a:active,
  162. a:hover {
  163. color: #1d365d;
  164. text-decoration: underline;
  165. }
  166. .related-links {
  167. color: #555;
  168. }
  169. .linklist {
  170. margin-top: 1em;
  171. }
  172. /****************************************
  173. Notes
  174. ****************************************/
  175. .note {
  176. line-height: 125%;
  177. margin-left: 2em;
  178. margin-right: 0;
  179. padding: 0;
  180. }
  181. .caution,
  182. .notelisttitle,
  183. .note__title {
  184. font-weight: bold;
  185. }
  186. /****************************************
  187. Tables
  188. ****************************************/
  189. table {
  190. border-color: Silver;
  191. border-style: solid;
  192. border-width: 1px;
  193. margin-bottom: 1em;
  194. margin-top: 1em;
  195. padding: 1px;
  196. }
  197. tr {
  198. border-color: Silver;
  199. }
  200. td {
  201. border-color: Silver;
  202. }
  203. th {
  204. background-color: #eee;
  205. }
  206. /****************************************
  207. Navigation
  208. ****************************************/
  209. /* ↓ nav-coderef ↓ */
  210. nav[role=toc] {
  211. float: left;
  212. width: 300px;
  213. }
  214. nav[role=toc] li.active > a {
  215. font-weight: bold;
  216. }
  217. /* ↑ end-nav-ref ↑ */