style.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. /**
  2. * This file is part of the DITA Open Toolkit project.
  3. * See the accompanying LICENSE file for applicable license.
  4. *
  5. * This file uses a few simple settings to create a new look and feel
  6. * for the generated XHTML output. Note that most elements are still
  7. * styled based on the toolkit's default CSS file, while this CSS
  8. * file only provides a few overrides to that core style.
  9. *
  10. * For a sample build that uses this CSS file, see the following Ant
  11. * build file within the DITA-OT installation directory:
  12. * `docsrc/samples/ant_sample/sample_xhtml_plus_css.xml`
  13. */
  14. * {
  15. margin: 0;
  16. padding: 0;
  17. top: auto;
  18. }
  19. .topictitle1 {
  20. font-size: 2.5em;
  21. }
  22. .topictitle2 {
  23. font-size: 2em;
  24. }
  25. body {
  26. background-color: #fff;
  27. background-image: -webkit-linear-gradient(top, #eee 0%, #fff); /* Chrome10+,Safari5.1+ */
  28. background-image: -moz-linear-gradient(top, #eee 0%, #fff); /* FF3.6+ */
  29. background-image: linear-gradient(top, #eee 0%, #fff); /* W3C */
  30. background-repeat: no-repeat;
  31. color: #666;
  32. float: left;
  33. font-family: 'Trebuchet MS', "Times New Roman", Times, serif;
  34. font-size: .9em;
  35. margin: 30px 0;
  36. padding: 0 5px 0 30px;
  37. text-align: left;
  38. width: 640px;
  39. }
  40. h1, h2, h3 {
  41. font-family: Arial, Helvetica, sans-serif;
  42. margin-bottom: 15px;
  43. padding-bottom: 10px;
  44. text-transform: uppercase;
  45. }
  46. p, ul, ol, dl {
  47. margin-top: 1.5em;
  48. }
  49. ul, ol, dl {
  50. margin-left: 3em;
  51. }
  52. dt {
  53. font-weight: bold;
  54. }
  55. dd {
  56. margin-left: 3em;
  57. }
  58. blockquote {
  59. font-style: italic;
  60. margin-left: 3em;
  61. margin-right: 3em;
  62. }
  63. a {
  64. color: #70A300;
  65. text-decoration: none;
  66. }
  67. a:hover {
  68. border: 0;
  69. color: #70A300;
  70. }
  71. /* Header */
  72. #header {
  73. float: left;
  74. height: 90px;
  75. margin: 20;
  76. width: 960px;
  77. }
  78. /* Inline Table of Contents */
  79. nav[role='toc'] {
  80. float: right;
  81. max-width: 200px;
  82. font-size: small;
  83. border-left: 1px solid #70A300;
  84. margin-left: 1em;
  85. }
  86. nav[role='toc'] > ul {
  87. margin-top: 0;
  88. }