PageRenderTime 46ms CodeModel.GetById 2ms app.highlight 39ms RepoModel.GetById 1ms app.codeStats 1ms

/doc/epydoc.css

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