sample.css 7.2 KB

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