/apidocs/epydoc.css

http://echo-nest-remix.googlecode.com/ · CSS · 322 lines · 178 code · 20 blank · 124 comment · 0 complexity · 44acf16d2327b635db2597511fd161e7 MD5 · raw file

  1. /* Epydoc CSS Stylesheet
  2. *
  3. * This stylesheet can be used to customize the appearance of epydoc's
  4. * HTML output.
  5. *
  6. */
  7. /* Default Colors & Styles
  8. * - Set the default foreground & background color with 'body'; and
  9. * link colors with 'a:link' and 'a:visited'.
  10. * - Use bold for decision list terms.
  11. * - The heading styles defined here are used for headings *within*
  12. * docstring descriptions. All headings used by epydoc itself use
  13. * either class='epydoc' or class='toc' (CSS styles for both
  14. * defined below).
  15. */
  16. body { background: #ffffff; color: #000000; }
  17. p { margin-top: 0.5em; margin-bottom: 0.5em; }
  18. a:link { color: #000000; }
  19. a:visited { color: #404040; }
  20. dt { font-weight: bold; }
  21. h1 { font-size: +140%; font-style: italic;
  22. font-weight: bold; }
  23. h2 { font-size: +125%; font-style: italic;
  24. font-weight: bold; }
  25. h3 { font-size: +110%; font-style: italic;
  26. font-weight: normal; }
  27. code { font-size: 100%; }
  28. /* N.B.: class, not pseudoclass */
  29. a.link { font-family: monospace; }
  30. /* Page Header & Footer
  31. * - The standard page header consists of a navigation bar (with
  32. * pointers to standard pages such as 'home' and 'trees'); a
  33. * breadcrumbs list, which can be used to navigate to containing
  34. * classes or modules; options links, to show/hide private
  35. * variables and to show/hide frames; and a page title (using
  36. * <h1>). The page title may be followed by a link to the
  37. * corresponding source code (using 'span.codelink').
  38. * - The footer consists of a navigation bar, a timestamp, and a
  39. * pointer to epydoc's homepage.
  40. */
  41. h1.epydoc { margin: 0; font-size: +140%; font-weight: bold; }
  42. h2.epydoc { font-size: +130%; font-weight: bold; }
  43. h3.epydoc { font-size: +115%; font-weight: bold;
  44. margin-top: 0.2em; }
  45. td h3.epydoc { font-size: +115%; font-weight: bold;
  46. margin-bottom: 0; }
  47. table.navbar { background: #c0c0c0; color: #000000;
  48. border: 2px groove #d0d0d0; }
  49. table.navbar table { color: #000000; }
  50. th.navbar-select { background: #b0b0b0;
  51. color: #000000; }
  52. table.navbar a { text-decoration: none; }
  53. table.navbar a:link { color: #000000; }
  54. table.navbar a:visited { color: #404040; }
  55. span.breadcrumbs { font-size: 85%; font-weight: bold; }
  56. span.options { font-size: 70%; }
  57. span.codelink { font-size: 85%; }
  58. td.footer { font-size: 85%; }
  59. /* Table Headers
  60. * - Each summary table and details section begins with a 'header'
  61. * row. This row contains a section title (marked by
  62. * 'span.table-header') as well as a show/hide private link
  63. * (marked by 'span.options', defined above).
  64. * - Summary tables that contain user-defined groups mark those
  65. * groups using 'group header' rows.
  66. */
  67. td.table-header { background: #b0b0b0; color: #000000;
  68. border: 1px solid #808080; }
  69. td.table-header table { color: #000000; }
  70. td.table-header table a:link { color: #000000; }
  71. td.table-header table a:visited { color: #404040; }
  72. span.table-header { font-size: 120%; font-weight: bold; }
  73. th.group-header { background: #e0e0e0; color: #000000;
  74. text-align: left; font-style: italic;
  75. font-size: 115%;
  76. border: 1px solid #808080; }
  77. /* Summary Tables (functions, variables, etc)
  78. * - Each object is described by a single row of the table with
  79. * two cells. The left cell gives the object's type, and is
  80. * marked with 'code.summary-type'. The right cell gives the
  81. * object's name and a summary description.
  82. * - CSS styles for the table's header and group headers are
  83. * defined above, under 'Table Headers'
  84. */
  85. table.summary { border-collapse: collapse;
  86. background: #f0f0f0; color: #000000;
  87. border: 1px solid #808080;
  88. margin-bottom: 0.5em; }
  89. td.summary { border: 1px solid #808080; }
  90. code.summary-type { font-size: 85%; }
  91. table.summary a:link { color: #000000; }
  92. table.summary a:visited { color: #404040; }
  93. /* Details Tables (functions, variables, etc)
  94. * - Each object is described in its own div.
  95. * - A single-row summary table w/ table-header is used as
  96. * a header for each details section (CSS style for table-header
  97. * is defined above, under 'Table Headers').
  98. */
  99. table.details { border-collapse: collapse;
  100. background: #f0f0f0; color: #000000;
  101. border: 1px solid #808080;
  102. margin: .2em 0 0 0; }
  103. table.details table { color: #000000; }
  104. table.details a:link { color: #000000; }
  105. table.details a:visited { color: #404040; }
  106. /* Fields */
  107. dl.fields { margin-left: 2em; margin-top: 1em;
  108. margin-bottom: 1em; }
  109. dl.fields dd ul { margin-left: 0em; padding-left: 0em; }
  110. dl.fields dd ul li ul { margin-left: 2em; padding-left: 0em; }
  111. div.fields { margin-left: 2em; }
  112. div.fields p { margin-bottom: 0.5em; }
  113. /* Index tables (identifier index, term index, etc)
  114. * - link-index is used for indices containing lists of links
  115. * (namely, the identifier index & term index).
  116. * - index-where is used in link indices for the text indicating
  117. * the container/source for each link.
  118. * - metadata-index is used for indices containing metadata
  119. * extracted from fields (namely, the bug index & todo index).
  120. */
  121. table.link-index { border-collapse: collapse;
  122. background: #f0f0f0; color: #000000;
  123. border: 1px solid #808080; }
  124. td.link-index { border-width: 0px; }
  125. table.link-index a:link { color: #000000; }
  126. table.link-index a:visited { color: #404040; }
  127. span.index-where { font-size: 70%; }
  128. table.metadata-index { border-collapse: collapse;
  129. background: #f0f0f0; color: #000000;
  130. border: 1px solid #808080;
  131. margin: .2em 0 0 0; }
  132. td.metadata-index { border-width: 1px; border-style: solid; }
  133. table.metadata-index a:link { color: #000000; }
  134. table.metadata-index a:visited { color: #404040; }
  135. /* Function signatures
  136. * - sig* is used for the signature in the details section.
  137. * - .summary-sig* is used for the signature in the summary
  138. * table, and when listing property accessor functions.
  139. * */
  140. .sig-name { color: #606060; }
  141. .sig-arg { color: #808080; }
  142. .sig-default { color: #202020; }
  143. .summary-sig { font-family: monospace; }
  144. .summary-sig-name { color: #606060; font-weight: bold; }
  145. table.summary a.summary-sig-name:link
  146. { color: #606060; font-weight: bold; }
  147. table.summary a.summary-sig-name:visited
  148. { color: #606060; font-weight: bold; }
  149. .summary-sig-arg { color: #606060; }
  150. .summary-sig-default { color: #181818; }
  151. /* Subclass list
  152. */
  153. ul.subclass-list { display: inline; }
  154. ul.subclass-list li { display: inline; }
  155. /* To render variables, classes etc. like functions */
  156. table.summary .summary-name { color: #606060; font-weight: bold;
  157. font-family: monospace; }
  158. table.summary
  159. a.summary-name:link { color: #606060; font-weight: bold;
  160. font-family: monospace; }
  161. table.summary
  162. a.summary-name:visited { color: #606060; font-weight: bold;
  163. font-family: monospace; }
  164. /* Variable values
  165. * - In the 'variable details' sections, each varaible's value is
  166. * listed in a 'pre.variable' box. The width of this box is
  167. * restricted to 80 chars; if the value's repr is longer than
  168. * this it will be wrapped, using a backslash marked with
  169. * class 'variable-linewrap'. If the value's repr is longer
  170. * than 3 lines, the rest will be ellided; and an ellipsis
  171. * marker ('...' marked with 'variable-ellipsis') will be used.
  172. * - If the value is a string, its quote marks will be marked
  173. * with 'variable-quote'.
  174. * - If the variable is a regexp, it is syntax-highlighted using
  175. * the re* CSS classes.
  176. */
  177. pre.variable { padding: .5em; margin: 0;
  178. background: #e4e4e4; color: #000000;
  179. border: 1px solid #888888; }
  180. .variable-linewrap { color: #404040; font-weight: bold; }
  181. .variable-ellipsis { color: #404040; font-weight: bold; }
  182. .variable-quote { color: #404040; font-weight: bold; }
  183. .variable-group { color: #808080; font-weight: bold; }
  184. .variable-op { color: #404040; font-weight: bold; }
  185. .variable-string { color: #606060; }
  186. .variable-unknown { color: #000000; font-weight: bold; }
  187. .re { color: #000000; }
  188. .re-char { color: #606060; }
  189. .re-op { color: #000000; }
  190. .re-group { color: #303030; }
  191. .re-ref { color: #404040; }
  192. /* Base tree
  193. * - Used by class pages to display the base class hierarchy.
  194. */
  195. pre.base-tree { font-size: 80%; margin: 0; }
  196. /* Frames-based table of contents headers
  197. * - Consists of two frames: one for selecting modules; and
  198. * the other listing the contents of the selected module.
  199. * - h1.toc is used for each frame's heading
  200. * - h2.toc is used for subheadings within each frame.
  201. */
  202. h1.toc { text-align: center; font-size: 105%;
  203. margin: 0; font-weight: bold;
  204. padding: 0; }
  205. h2.toc { font-size: 100%; font-weight: bold;
  206. margin: 0.5em 0 0 -0.3em; }
  207. /* Syntax Highlighting for Source Code
  208. * - doctest examples are displayed in a 'pre.py-doctest' block.
  209. * If the example is in a details table entry, then it will use
  210. * the colors specified by the 'table pre.py-doctest' line.
  211. * - Source code listings are displayed in a 'pre.py-src' block.
  212. * Each line is marked with 'span.py-line' (used to draw a line
  213. * down the left margin, separating the code from the line
  214. * numbers). Line numbers are displayed with 'span.py-lineno'.
  215. * The expand/collapse block toggle button is displayed with
  216. * 'a.py-toggle' (Note: the CSS style for 'a.py-toggle' should not
  217. * modify the font size of the text.)
  218. * - If a source code page is opened with an anchor, then the
  219. * corresponding code block will be highlighted. The code
  220. * block's header is highlighted with 'py-highlight-hdr'; and
  221. * the code block's body is highlighted with 'py-highlight'.
  222. * - The remaining py-* classes are used to perform syntax
  223. * highlighting (py-string for string literals, py-name for names,
  224. * etc.)
  225. */
  226. pre.py-doctest { padding: .5em; margin: 1em;
  227. background: #f0f0f0; color: #000000;
  228. border: 1px solid #888888; }
  229. table pre.py-doctest { background: #e4e4e4;
  230. color: #000000; }
  231. pre.py-src { border: 2px solid #000000;
  232. background: #f0f0f0; color: #000000; }
  233. .py-line { border-left: 2px solid #000000;
  234. margin-left: .2em; padding-left: .4em; }
  235. .py-lineno { font-style: italic; font-size: 90%;
  236. padding-left: .5em; }
  237. a.py-toggle { text-decoration: none; }
  238. div.py-highlight-hdr { border-top: 2px solid #000000;
  239. border-bottom: 2px solid #000000;
  240. background: #e8e8e8; }
  241. div.py-highlight { border-bottom: 2px solid #000000;
  242. background: #e0e0e0; }
  243. .py-prompt { color: #505050; font-weight: bold;}
  244. .py-more { color: #505050; font-weight: bold;}
  245. .py-string { color: #606060; }
  246. .py-comment { color: #303030; }
  247. .py-keyword { color: #000000; }
  248. .py-output { color: #404040; }
  249. .py-name { color: #000000; }
  250. .py-name:link { color: #000000 !important; }
  251. .py-name:visited { color: #000000 !important; }
  252. .py-number { color: #505050; }
  253. .py-defname { color: #000000; font-weight: bold; }
  254. .py-def-name { color: #000000; font-weight: bold; }
  255. .py-base-class { color: #000000; }
  256. .py-param { color: #000000; }
  257. .py-docstring { color: #606060; }
  258. .py-decorator { color: #404040; }
  259. /* Use this if you don't want links to names underlined: */
  260. /*a.py-name { text-decoration: none; }*/
  261. /* Graphs & Diagrams
  262. * - These CSS styles are used for graphs & diagrams generated using
  263. * Graphviz dot. 'img.graph-without-title' is used for bare
  264. * diagrams (to remove the border created by making the image
  265. * clickable).
  266. */
  267. img.graph-without-title { border: none; }
  268. img.graph-with-title { border: 1px solid #000000; }
  269. span.graph-title { font-weight: bold; }
  270. span.graph-caption { }
  271. /* General-purpose classes
  272. * - 'p.indent-wrapped-lines' defines a paragraph whose first line
  273. * is not indented, but whose subsequent lines are.
  274. * - The 'nomargin-top' class is used to remove the top margin (e.g.
  275. * from lists). The 'nomargin' class is used to remove both the
  276. * top and bottom margin (but not the left or right margin --
  277. * for lists, that would cause the bullets to disappear.)
  278. */
  279. p.indent-wrapped-lines { padding: 0 0 0 7em; text-indent: -7em;
  280. margin: 0; }
  281. .nomargin-top { margin-top: 0; }
  282. .nomargin { margin-top: 0; margin-bottom: 0; }
  283. /* HTML Log */
  284. div.log-block { padding: 0; margin: .5em 0 .5em 0;
  285. background: #f0f0f0; color: #000000;
  286. border: 1px solid #000000; }
  287. div.log-error { padding: .1em .3em .1em .3em; margin: 4px;
  288. background: #b0b0b0; color: #000000;
  289. border: 1px solid #000000; }
  290. div.log-warning { padding: .1em .3em .1em .3em; margin: 4px;
  291. background: #ffffff; color: #000000;
  292. border: 1px solid #000000; }
  293. div.log-info { padding: .1em .3em .1em .3em; margin: 4px;
  294. background: #ffffff; color: #000000;
  295. border: 1px solid #000000; }
  296. h2.log-hdr { background: #b0b0b0; color: #000000;
  297. margin: 0; padding: 0em 0.5em 0em 0.5em;
  298. border-bottom: 1px solid #000000; font-size: 110%; }
  299. p.log { font-weight: bold; margin: .5em 0 .5em 0; }
  300. tr.opt-changed { color: #000000; font-weight: bold; }
  301. tr.opt-default { color: #606060; }
  302. pre.log { margin: 0; padding: 0; padding-left: 1em; }