sample.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. /*
  2. This file is part of the DITA Open Toolkit project.
  3. Copyright 2007 Shawn McKenzie
  4. See the accompanying LICENSE file for applicable license.
  5. */
  6. html,body {
  7. margin:25;
  8. padding:0px 0px 20px 0px;
  9. background-color:#F2F4F4;
  10. font-family: Arial, Helvetica, sans-serif;
  11. font-size: 12px;
  12. color:#494949;
  13. }
  14. a:link {text-decoration:underline; color:#015589;}
  15. a:visited {text-decoration:underline; color:#015589;}
  16. a:active {text-decoration:underline; color:#015589;}
  17. a:hover {text-decoration:none; color:#799CD5;}
  18. .menu {font-size: 11px; font-family: arial;}
  19. .keyword {text-decoration: none; }
  20. .taskintro {font-style: italic; }
  21. /* class terms */
  22. .relconcepts a { display: list-item; margin: 0px 20px 0px; list-style: url outside; list-style-image: url(ajtest/images/arw_subcat.gif); }
  23. .reltasks a { display: list-item; margin: 0px 20px 0px; list-style: url outside; list-style-image: url(ajtest/images/arw_subcat.gif); }
  24. .relinfo a { display: list-item; margin: 0px 20px 0px; list-style: url outside; list-style-image: url(ajtest/images/arw_subcat.gif); }
  25. /*.term { display: list-item; margin: 0px 20px 0px; list-style: url outside; list-style-image: url(images/arw_subcat.gif); }*/
  26. a.term { color: #015589; font-weight: normal; }
  27. a.term:hover { color: #799CD5; font-weight: normal; }
  28. .linklist a { display: list-item; margin: 0px 20px 0px; list-style: url outside; list-style-image: url(images/arw_subcat.gif); }
  29. .ullinks { display: list-item; list-style: url outside; list-style-image: url(ajtest/images/arw_subcat.gif); }
  30. /* class definitions */
  31. .unresolved { background-color: skyblue; }
  32. .noTemplate { background-color: yellow; }
  33. .base { background-color: #ffffff; }
  34. /* Add space for top level topics */
  35. .nested0 { margin-top : 1em;}
  36. /* div with class=p is used for paragraphs that contain blocks, to keep the XHTML valid */
  37. .p {margin-top: 1em}
  38. /* Default of italics to set apart figure captions */
  39. .figcap { font-style: italic }
  40. .figdesc { font-style: normal }
  41. /* Use @frame to create frames on figures */
  42. .figborder { border-style: solid; padding-left : 3px; border-width : 2px; padding-right : 3px; margin-top: 1em; border-color : Silver;}
  43. .figsides { border-left : 2px solid; padding-left : 3px; border-right : 2px solid; padding-right : 3px; margin-top: 1em; border-color : Silver;}
  44. .figtop { border-top : 2px solid; margin-top: 1em; border-color : Silver;}
  45. .figbottom { border-bottom : 2px solid; border-color : Silver;}
  46. .figtopbot { border-top : 2px solid; border-bottom : 2px solid; margin-top: 1em; border-color : Silver;}
  47. /* Most link groups are created with <div>. Ensure they have space before and after. */
  48. .ullinks { list-style-type: none; font-size: 11px; }
  49. .ulchildlink { /*margin-top: 1em; margin-bottom: 1em; font-size: 11px; font-size: 11px;*/ }
  50. .olchildlink { margin-top: 1em; margin-bottom: 1em; font-size: 11px; font-size: 11px; }
  51. .linklist { margin-top: 1em; margin-bottom: 1em }
  52. .linklistwithchild { margin-left: 1.5em; margin-bottom: 1em }
  53. .sublinklist { margin-left: 1.5em; margin-bottom: 1em }
  54. .relconcepts { margin-top: 1em; margin-bottom: 1em }
  55. .reltasks { margin-top: 1em; margin-bottom: 1em }
  56. .relref { margin-top: 1em; margin-bottom: 1em }
  57. .relinfo { margin-top: 1em; margin-bottom: 1em }
  58. .breadcrumb { font-size : smaller; margin-bottom: 1em }
  59. .prereq { margin-left : 20px;}
  60. /* Set heading sizes, getting smaller for deeper nesting */
  61. .topictitle1 {
  62. color: #375896;
  63. font-size: 22px;
  64. font-weight: bold;
  65. }
  66. .topictitle2 { margin-top: 1pc; margin-bottom: .45em; font-size: 1.17em; color:#375896; }
  67. .topictitle3 { margin-top: 1pc; margin-bottom: .17em; font-size: 1.17em; font-weight: bold; color:#375896;}
  68. .topictitle4 { margin-top: .83em; font-size: 1.17em; font-weight: bold; color:#375896; }
  69. .topictitle5 { font-size: 1.17em; font-weight: bold; color:#375896; }
  70. .topictitle6 { font-size: 1.17em; font-style: italic; color:#375896; }
  71. .sectiontitle { margin-top: 1em; margin-bottom: 0em; color: black; font-size: 1.17em; font-weight: bold; color:#375896;}
  72. .section { margin-top: 1em; margin-bottom: 1em }
  73. .example { margin-top: 1em; margin-bottom: 1em }
  74. /* All note formats have the same default presentation */
  75. .note { margin-top: 1em; margin-bottom : 1em;}
  76. .notetitle { font-weight: bold }
  77. .notelisttitle { font-weight: bold }
  78. .tip { margin-top: 1em; margin-bottom : 1em;}
  79. .tiptitle { font-weight: bold }
  80. .fastpath { margin-top: 1em; margin-bottom : 1em;}
  81. .fastpathtitle { font-weight: bold }
  82. .important { margin-top: 1em; margin-bottom : 1em;}
  83. .importanttitle { font-weight: bold }
  84. .remember { margin-top: 1em; margin-bottom : 1em;}
  85. .remembertitle { font-weight: bold }
  86. .restriction { margin-top: 1em; margin-bottom : 1em;}
  87. .restrictiontitle { font-weight: bold }
  88. .attention { margin-top: 1em; margin-bottom : 1em;}
  89. .attentiontitle { font-weight: bold }
  90. .dangertitle { font-weight: bold }
  91. .danger { margin-top: 1em; margin-bottom : 1em;}
  92. .cautiontitle { font-weight: bold }
  93. .caution { font-weight: bold; margin-bottom : 1em; border: #ccc dotted 1px; background-color: #fff5f7; padding: 4px; }
  94. /* Simple lists do not get a bullet */
  95. ul.simple { list-style-type: none }
  96. /* Used on the first column of a table, when rowheader="firstcol" is used */
  97. .firstcol { font-weight : bold;}
  98. /* Various basic phrase styles */
  99. .bold { font-weight: bold; }
  100. .boldItalic { font-weight: bold; font-style: italic; }
  101. .italic { font-style: italic; }
  102. .underlined { text-decoration: underline; }
  103. .uicontrol { font-weight: bold; }
  104. .parmname { font-weight: bold; }
  105. .kwd { font-weight: bold; }
  106. .defkwd { font-weight: bold; text-decoration: underline; }
  107. .var { font-style : italic;}
  108. .shortcut { text-decoration: underline; }
  109. /* Default of bold for definition list terms */
  110. .dlterm { font-weight: bold; }
  111. /* Use CSS to expand lists with @compact="no" */
  112. .dltermexpand { font-weight: bold; margin-top: 1em; }
  113. *[compact="yes"]>li { margin-top: 0em;}
  114. *[compact="no"]>li { margin-top: .53em;}
  115. .liexpand { margin-top: 1em; margin-bottom: 1em }
  116. .sliexpand { margin-top: 1em; margin-bottom: 1em }
  117. .dlexpand { margin-top: 1em; margin-bottom: 1em }
  118. .ddexpand { margin-top: 1em; margin-bottom: 1em }
  119. .stepexpand { margin-top: 1em; margin-bottom: 1em }
  120. .substepexpand { margin-top: 1em; margin-bottom: 1em }
  121. /* Align images based on @align on topic/image */
  122. div.imageleft { text-align: left }
  123. div.imagecenter { text-align: center }
  124. div.imageright { text-align: right }
  125. div.imagejustify { text-align: justify }
  126. pre.screen { padding: 5px 5px 5px 5px; border: outset; background-color: #CCCCCC; margin-top: 2px; margin-bottom : 2px; white-space: pre}
  127. .userinput { font-family:"Courier New", Courier, monospace; }
  128. .cmdname { font-family:"Courier New", Courier, monospace; }
  129. .option { font-family:"Courier New", Courier, monospace; }
  130. .codeph { font-family:"Courier New", Courier, monospace; }
  131. .codeblock { font-family:"Courier New", Courier, monospace; }
  132. .systemoutput { font-family:"Courier New", Courier, monospace; }
  133. .filepath { font-family:"Courier New", Courier, monospace; }
  134. .varname { font-style:italic; }
  135. .simpletableborder {
  136. border-collapse: collapse;
  137. background-color: #ebebeb;
  138. }
  139. .stepexpand ol {
  140. margin-top: 10px;
  141. line-height: 14px;
  142. }
  143. .stepexpand li {
  144. margin-top: 10px;
  145. line-height: 12px;
  146. }