swapped epydoc css file out for a prettier theme.

This commit is contained in:
tylerlaberge
2016-09-15 21:03:49 -04:00
parent 826b5df097
commit 16b5fd647b

746
html/epydoc.css vendored
View File

@@ -1,12 +1,87 @@
/* Epydoc CSS Stylesheet /* Epydoc CSS Stylesheet
* *
* This stylesheet can be used to customize the appearance of epydoc's * This is a massivley hacked stylesheet for epydoc, the very nice Python API
* HTML output. * Documentation generator. The general look and feel is based on sphinx.
*
* Feel free to tweak this some more to make the theme even more pleasing
* if you have the time to spare for such things. The typography in particular
* could do with sorting out. Unless you like writing masocistic CSS however,
* I'd recommend looking to refactor the markup generated by epydoc.
* *
*/ */
/* Yahoo! Reset Styles
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html {
color: #000;
background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input,textarea,select {*font-size:100%;
}
legend {
color: #000;
}
body {
font: 13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}
table {
font-size: inherit;
font: 100%;
}
pre,code,kbd,samp,tt {
font-family: monospace;*font-size:108%;
line-height: 100%;
}
/* Default Colors & Styles /* Default Colors & Styles
* - Set the default foreground & background color with 'body'; and * - Set the default foreground & background color with 'body'; and
* link colors with 'a:link' and 'a:visited'. * link colors with 'a:link' and 'a:visited'.
@@ -16,20 +91,42 @@
* either class='epydoc' or class='toc' (CSS styles for both * either class='epydoc' or class='toc' (CSS styles for both
* defined below). * defined below).
*/ */
body { background: #ffffff; color: #000000; } body {
p { margin-top: 0.5em; margin-bottom: 0.5em; } background: #ffffff;
a:link { color: #0000ff; } color: #000000;
a:visited { color: #204080; } }
dt { font-weight: bold; } p {
h1 { font-size: +140%; font-style: italic; margin-top: 0.5em;
font-weight: bold; } margin-bottom: 0.5em;
h2 { font-size: +125%; font-style: italic; }
font-weight: bold; } a {
h3 { font-size: +110%; font-style: italic; color: #355f7c;
font-weight: normal; } text-decoration: none;
code { font-size: 100%; } }
a:hover {
text-decoration: underline;
}
dt {
font-weight: bold;
}
h1, h2 {
color: #20435C;
background: #F2F2F2;
border-bottom: 1px solid #CCC;
padding: 10px;
}
center {
display: none;
}
code {
font-size: 100%;
}
/* N.B.: class, not pseudoclass */ /* N.B.: class, not pseudoclass */
a.link { font-family: monospace; } a.link {
font-family: monospace;
}
/* Page Header & Footer /* Page Header & Footer
* - The standard page header consists of a navigation bar (with * - The standard page header consists of a navigation bar (with
@@ -42,25 +139,50 @@ a.link { font-family: monospace; }
* - The footer consists of a navigation bar, a timestamp, and a * - The footer consists of a navigation bar, a timestamp, and a
* pointer to epydoc's homepage. * pointer to epydoc's homepage.
*/ */
h1.epydoc { margin: 0; font-size: +140%; font-weight: bold; } h1.epydoc {
h2.epydoc { font-size: +130%; font-weight: bold; } margin: -14px 0 0;
h3.epydoc { font-size: +115%; font-weight: bold; font-size: +140%;
margin-top: 0.2em; } color: #20435C;
td h3.epydoc { font-size: +115%; font-weight: bold; }
margin-bottom: 0; } h2.epydoc {
table.navbar { background: #a0c0ff; color: #000000; font-size: +130%;
border: 2px groove #c0d0d0; } }
table.navbar table { color: #000000; } h3.epydoc {
th.navbar-select { background: #70b0ff; font-size: +115%;
color: #000000; } margin-top: 0.2em;
table.navbar a { text-decoration: none; } margin-left: 25px;
table.navbar a:link { color: #0000ff; } }
table.navbar a:visited { color: #204080; } td h3.epydoc {
span.breadcrumbs { font-size: 85%; font-weight: bold; } font-size: +115%;
span.options { font-size: 70%; } font-weight: bold;
span.codelink { font-size: 85%; } margin-bottom: 0;
td.footer { font-size: 85%; } }
table.navbar {
background: #133F52;
color: #355f7c;
border: 0;
}
table.navbar table {
color: #355f7c;
}
th.navbar-select {
background: #1C4E63;
color: #FFF;
}
table.navbar table th {
padding-left: 15px;
}
table.navbar a {
text-decoration: none;
color: #FFF;
padding: 0 10px;
display: block;
}
table td.footer {
padding: 10px;
color: #666;
font-size: 90%;
}
/* Table Headers /* Table Headers
* - Each summary table and details section begins with a 'header' * - Each summary table and details section begins with a 'header'
* row. This row contains a section title (marked by * row. This row contains a section title (marked by
@@ -69,16 +191,25 @@ td.footer { font-size: 85%; }
* - Summary tables that contain user-defined groups mark those * - Summary tables that contain user-defined groups mark those
* groups using 'group header' rows. * groups using 'group header' rows.
*/ */
td.table-header { background: #70b0ff; color: #000000; td.table-header {
border: 1px solid #608090; } background: #F2F2F2;
td.table-header table { color: #000000; } color: #20435C;
td.table-header table a:link { color: #0000ff; } border: 1px solid #CCC;
td.table-header table a:visited { color: #204080; } padding: 5px 10px;
span.table-header { font-size: 120%; font-weight: bold; } }
th.group-header { background: #c0e0f8; color: #000000; td.table-header table a:visited {
text-align: left; font-style: italic; color: #204080;
}
span.table-header {
font-size: 120%;
}
th.group-header {
background: #c0e0f8;
color: #000000;
text-align: left;
font-size: 115%; font-size: 115%;
border: 1px solid #608090; } border: 1px solid #608090;
}
/* Summary Tables (functions, variables, etc) /* Summary Tables (functions, variables, etc)
* - Each object is described by a single row of the table with * - Each object is described by a single row of the table with
@@ -88,15 +219,20 @@ th.group-header { background: #c0e0f8; color: #000000;
* - CSS styles for the table's header and group headers are * - CSS styles for the table's header and group headers are
* defined above, under 'Table Headers' * defined above, under 'Table Headers'
*/ */
table.summary { border-collapse: collapse; table.summary {
background: #e8f0f8; color: #000000; border-collapse: collapse;
border: 1px solid #608090; background: #FFF;
margin-bottom: 0.5em; } color: #000000;
td.summary { border: 1px solid #608090; } border: 1px solid #CCC;
code.summary-type { font-size: 85%; } margin: 0 0 20px;
table.summary a:link { color: #0000ff; } }
table.summary a:visited { color: #204080; } td.summary {
border: 1px solid #CCC;
padding: 5px 10px;
}
code.summary-type {
font-size: 85%;
}
/* Details Tables (functions, variables, etc) /* Details Tables (functions, variables, etc)
* - Each object is described in its own div. * - Each object is described in its own div.
@@ -104,21 +240,37 @@ table.summary a:visited { color: #204080; }
* a header for each details section (CSS style for table-header * a header for each details section (CSS style for table-header
* is defined above, under 'Table Headers'). * is defined above, under 'Table Headers').
*/ */
table.details { border-collapse: collapse; table.details {
background: #e8f0f8; color: #000000; border-collapse: collapse;
border: 1px solid #608090; background: #FFF;
margin: .2em 0 0 0; } color: #000000;
table.details table { color: #000000; } border: 0;
table.details a:link { color: #0000ff; } margin: .2em 0 0 0;
table.details a:visited { color: #204080; } }
table.details table {
color: #000000;
}
/* Fields */ /* Fields */
dl.fields { margin-left: 2em; margin-top: 1em; dl.fields {
margin-bottom: 1em; } margin-left: 2em;
dl.fields dd ul { margin-left: 0em; padding-left: 0em; } margin-top: 1em;
dl.fields dd ul li ul { margin-left: 2em; padding-left: 0em; } margin-bottom: 1em;
div.fields { margin-left: 2em; } }
div.fields p { margin-bottom: 0.5em; } dl.fields dd ul {
margin-left: 0em;
padding-left: 0em;
}
dl.fields dd ul li ul {
margin-left: 2em;
padding-left: 0em;
}
div.fields {
margin-left: 2em;
}
div.fields p {
margin-bottom: 0.5em;
}
/* Index tables (identifier index, term index, etc) /* Index tables (identifier index, term index, etc)
* - link-index is used for indices containing lists of links * - link-index is used for indices containing lists of links
@@ -128,52 +280,97 @@ div.fields p { margin-bottom: 0.5em; }
* - metadata-index is used for indices containing metadata * - metadata-index is used for indices containing metadata
* extracted from fields (namely, the bug index & todo index). * extracted from fields (namely, the bug index & todo index).
*/ */
table.link-index { border-collapse: collapse; table.link-index {
background: #e8f0f8; color: #000000; border-collapse: collapse;
border: 1px solid #608090; } background: #F2F2F2;
td.link-index { border-width: 0px; } color: #000000;
table.link-index a:link { color: #0000ff; } border: 1px solid #CCC;
table.link-index a:visited { color: #204080; } }
span.index-where { font-size: 70%; } td.link-index {
table.metadata-index { border-collapse: collapse; border-width: 0px;
background: #e8f0f8; color: #000000; padding: 3px;
}
span.index-where {
font-size: 70%;
}
table.metadata-index {
border-collapse: collapse;
background: #e8f0f8;
color: #000000;
border: 1px solid #608090; border: 1px solid #608090;
margin: .2em 0 0 0; } margin: .2em 0 0 0;
td.metadata-index { border-width: 1px; border-style: solid; } }
table.metadata-index a:link { color: #0000ff; } td.metadata-index {
table.metadata-index a:visited { color: #204080; } border-width: 1px;
border-style: solid;
}
table.link-index h2.epydoc {
border-width: 1px 0;
}
/* Function signatures /* Function signatures
* - sig* is used for the signature in the details section. * - sig* is used for the signature in the details section.
* - .summary-sig* is used for the signature in the summary * - .summary-sig* is used for the signature in the summary
* table, and when listing property accessor functions. * table, and when listing property accessor functions.
* */ * */
.sig-name { color: #006080; } .sig-name {
.sig-arg { color: #008060; } color: #006080;
.sig-default { color: #602000; } }
.summary-sig { font-family: monospace; } .sig-arg {
.summary-sig-name { color: #006080; font-weight: bold; } color: #008060;
table.summary a.summary-sig-name:link }
{ color: #006080; font-weight: bold; } .sig-default {
table.summary a.summary-sig-name:visited color: #602000;
{ color: #006080; font-weight: bold; } }
.summary-sig-arg { color: #006040; } .summary-sig {
.summary-sig-default { color: #501800; } font-family: monospace;
}
.summary-sig-name {
color: #006080;
font-weight: bold;
}
table.summary a.summary-sig-name:link {
color: #006080;
font-weight: bold;
}
table.summary a.summary-sig-name:visited {
color: #006080;
font-weight: bold;
}
.summary-sig-arg {
color: #006040;
}
.summary-sig-default {
color: #501800;
}
/* Subclass list /* Subclass list
*/ */
ul.subclass-list { display: inline; } ul.subclass-list {
ul.subclass-list li { display: inline; } display: inline;
}
ul.subclass-list li {
display: inline;
}
/* To render variables, classes etc. like functions */ /* To render variables, classes etc. like functions */
table.summary .summary-name { color: #006080; font-weight: bold; table.summary .summary-name {
font-family: monospace; } color: #006080;
font-weight: bold;
font-family: monospace;
}
table.summary table.summary
a.summary-name:link { color: #006080; font-weight: bold; a.summary-name:link {
font-family: monospace; } color: #006080;
font-weight: bold;
font-family: monospace;
}
table.summary table.summary
a.summary-name:visited { color: #006080; font-weight: bold; a.summary-name:visited {
font-family: monospace; } color: #006080;
font-weight: bold;
font-family: monospace;
}
/* Variable values /* Variable values
* - In the 'variable details' sections, each varaible's value is * - In the 'variable details' sections, each varaible's value is
@@ -188,38 +385,64 @@ table.summary
* - If the variable is a regexp, it is syntax-highlighted using * - If the variable is a regexp, it is syntax-highlighted using
* the re* CSS classes. * the re* CSS classes.
*/ */
pre.variable { padding: .5em; margin: 0; pre.variable {
background: #dce4ec; color: #000000; padding: .5em;
border: 1px solid #708890; } margin: 0;
.variable-linewrap { color: #604000; font-weight: bold; } background: #F2F2F2;
.variable-ellipsis { color: #604000; font-weight: bold; } color: #000000;
.variable-quote { color: #604000; font-weight: bold; } border: 1px solid #CCC;
.variable-group { color: #008000; font-weight: bold; } }
.variable-op { color: #604000; font-weight: bold; } .variable-linewrap {
.variable-string { color: #006030; } color: #604000;
.variable-unknown { color: #a00000; font-weight: bold; } font-weight: bold;
.re { color: #000000; } }
.re-char { color: #006030; } .variable-ellipsis {
.re-op { color: #600000; } color: #604000;
.re-group { color: #003060; } font-weight: bold;
.re-ref { color: #404040; } }
.variable-quote {
color: #604000;
font-weight: bold;
}
.variable-group {
color: #008000;
font-weight: bold;
}
.variable-op {
color: #604000;
font-weight: bold;
}
.variable-string {
color: #006030;
}
.variable-unknown {
color: #a00000;
font-weight: bold;
}
.re {
color: #000000;
}
.re-char {
color: #006030;
}
.re-op {
color: #600000;
}
.re-group {
color: #003060;
}
.re-ref {
color: #404040;
}
/* Base tree /* Base tree
* - Used by class pages to display the base class hierarchy. * - Used by class pages to display the base class hierarchy.
*/ */
pre.base-tree { font-size: 80%; margin: 0; } pre.base-tree {
font-size: 80%;
margin: 0;
}
/* Frames-based table of contents headers
* - Consists of two frames: one for selecting modules; and
* the other listing the contents of the selected module.
* - h1.toc is used for each frame's heading
* - h2.toc is used for subheadings within each frame.
*/
h1.toc { text-align: center; font-size: 105%;
margin: 0; font-weight: bold;
padding: 0; }
h2.toc { font-size: 100%; font-weight: bold;
margin: 0.5em 0 0 -0.3em; }
/* Syntax Highlighting for Source Code /* Syntax Highlighting for Source Code
* - doctest examples are displayed in a 'pre.py-doctest' block. * - doctest examples are displayed in a 'pre.py-doctest' block.
@@ -240,41 +463,97 @@ h2.toc { font-size: 100%; font-weight: bold;
* highlighting (py-string for string literals, py-name for names, * highlighting (py-string for string literals, py-name for names,
* etc.) * etc.)
*/ */
pre.py-doctest { padding: .5em; margin: 1em; pre.py-doctest {
background: #e8f0f8; color: #000000; padding: .5em;
border: 1px solid #708890; } margin: 1em;
table pre.py-doctest { background: #dce4ec; background: #F2F2F2;
color: #000000; } color: #000000;
pre.py-src { border: 2px solid #000000; border: 1px solid #CCC;
background: #f0f0f0; color: #000000; } }
.py-line { border-left: 2px solid #000000; table pre.py-doctest {
margin-left: .2em; padding-left: .4em; } background: #F2F2F2;
.py-lineno { font-style: italic; font-size: 90%; color: #000000;
padding-left: .5em; } }
a.py-toggle { text-decoration: none; } pre.py-src {
div.py-highlight-hdr { border-top: 2px solid #000000; border: 1px solid #CCC;
border-bottom: 2px solid #000000; background: #FFF;
background: #d8e8e8; } color: #000000;
div.py-highlight { border-bottom: 2px solid #000000; margin: 20px 0;
background: #d0e0e0; } }
.py-prompt { color: #005050; font-weight: bold;} .py-line {
.py-more { color: #005050; font-weight: bold;} border-left: 1px solid #CCC;
.py-string { color: #006030; } margin-left: .2em;
.py-comment { color: #003060; } padding-left: .4em;
.py-keyword { color: #600000; } }
.py-output { color: #404040; } .py-lineno {
.py-name { color: #000050; } font-style: italic;
.py-name:link { color: #000050 !important; } font-size: 90%;
.py-name:visited { color: #000050 !important; } padding-left: .5em;
.py-number { color: #005000; } }
.py-defname { color: #000060; font-weight: bold; } a.py-toggle {
.py-def-name { color: #000060; font-weight: bold; } text-decoration: none;
.py-base-class { color: #000060; } }
.py-param { color: #000060; } div.py-highlight-hdr {
.py-docstring { color: #006030; } border-top: 1px solid #CCC;
.py-decorator { color: #804020; } border-bottom: 1px solid #CCC;
/* Use this if you don't want links to names underlined: */ background: #F2F2F2;
/*a.py-name { text-decoration: none; }*/ }
div.py-highlight {
border-bottom: 1px solid #CCC;
background: #F2F2F2;
}
.py-prompt {
color: #005050;
font-weight: bold;
}
.py-more {
color: #005050;
font-weight: bold;
}
.py-string {
color: #006030;
}
.py-comment {
color: #003060;
}
.py-keyword {
color: #600000;
}
.py-output {
color: #404040;
}
.py-name {
color: #000050;
}
.py-name:link {
color: #000050 !important;
}
.py-name:visited {
color: #000050 !important;
}
.py-number {
color: #005000;
}
.py-defname {
color: #000060;
font-weight: bold;
}
.py-def-name {
color: #000060;
font-weight: bold;
}
.py-base-class {
color: #000060;
}
.py-param {
color: #000060;
}
.py-docstring {
color: #006030;
}
.py-decorator {
color: #804020;
}
/* Graphs & Diagrams /* Graphs & Diagrams
* - These CSS styles are used for graphs & diagrams generated using * - These CSS styles are used for graphs & diagrams generated using
@@ -282,10 +561,15 @@ div.py-highlight { border-bottom: 2px solid #000000;
* diagrams (to remove the border created by making the image * diagrams (to remove the border created by making the image
* clickable). * clickable).
*/ */
img.graph-without-title { border: none; } img.graph-without-title {
img.graph-with-title { border: 1px solid #000000; } border: none;
span.graph-title { font-weight: bold; } }
span.graph-caption { } img.graph-with-title {
border: 1px solid #000000;
}
span.graph-title {
font-weight: bold;
}
/* General-purpose classes /* General-purpose classes
* - 'p.indent-wrapped-lines' defines a paragraph whose first line * - 'p.indent-wrapped-lines' defines a paragraph whose first line
@@ -295,28 +579,114 @@ span.graph-caption { }
* top and bottom margin (but not the left or right margin -- * top and bottom margin (but not the left or right margin --
* for lists, that would cause the bullets to disappear.) * for lists, that would cause the bullets to disappear.)
*/ */
p.indent-wrapped-lines { padding: 0 0 0 7em; text-indent: -7em; p.indent-wrapped-lines {
margin: 0; } padding: 0 0 0 7em;
.nomargin-top { margin-top: 0; } text-indent: -7em;
.nomargin { margin-top: 0; margin-bottom: 0; } margin: 0;
}
.nomargin-top {
margin: 20px;
}
.nomargin {
margin-top: 0;
margin-bottom: 0;
}
/* HTML Log */ /* HTML Log */
div.log-block { padding: 0; margin: .5em 0 .5em 0; div.log-block {
background: #e8f0f8; color: #000000; padding: 0;
border: 1px solid #000000; } margin: .5em 0 .5em 0;
div.log-error { padding: .1em .3em .1em .3em; margin: 4px; background: #e8f0f8;
background: #ffb0b0; color: #000000; color: #000000;
border: 1px solid #000000; } border: 1px solid #000000;
div.log-warning { padding: .1em .3em .1em .3em; margin: 4px; }
background: #ffffb0; color: #000000; div.log-error {
border: 1px solid #000000; } padding: .1em .3em .1em .3em;
div.log-info { padding: .1em .3em .1em .3em; margin: 4px; margin: 4px;
background: #b0ffb0; color: #000000; background: #ffb0b0;
border: 1px solid #000000; } color: #000000;
h2.log-hdr { background: #70b0ff; color: #000000; border: 1px solid #000000;
margin: 0; padding: 0em 0.5em 0em 0.5em; }
border-bottom: 1px solid #000000; font-size: 110%; } div.log-warning {
p.log { font-weight: bold; margin: .5em 0 .5em 0; } padding: .1em .3em .1em .3em;
tr.opt-changed { color: #000000; font-weight: bold; } margin: 4px;
tr.opt-default { color: #606060; } background: #ffffb0;
pre.log { margin: 0; padding: 0; padding-left: 1em; } color: #000000;
border: 1px solid #000000;
}
div.log-info {
padding: .1em .3em .1em .3em;
margin: 4px;
background: #b0ffb0;
color: #000000;
border: 1px solid #000000;
}
h2.log-hdr {
background: #70b0ff;
color: #000000;
margin: 0;
padding: 0em 0.5em 0em 0.5em;
border-bottom: 1px solid #000000;
font-size: 110%;
}
p.log {
font-weight: bold;
margin: .5em 0 .5em 0;
}
tr.opt-changed {
color: #000000;
font-weight: bold;
}
tr.opt-default {
color: #606060;
}
pre.log {
margin: 0;
padding: 0;
padding-left: 1em;
}
/* Hacks
* This section is reseerved for the really horrible bits. In reality the
* markup generated by epydoc wants a good kickings but a CSS patch is
* better than nothing. Some of this does remove useful links or output
* because finding somewhere to put them on the page wasn't easy. If your
* favourite link has disappeared this is probably the reason.
*/
ul ul {
margin-left: 1em;
}
ul ul ul {
margin-left: 2em;
}
ul ul ul ul {
margin-left: 3em;
}
a[target=mainFrame], a[target=moduleFrame] {
margin: 0 10px;
}
h2.toc {
margin-bottom: 10px;
}
h1.toc {
display: none;
}
.options {
display: none;
}
hr, br {
display: none;
}
a[href="toc-everything.html"] {
display: none;
}
.breadcrumbs {
visibility: hidden;
}
.details p {
margin-left: 25px;
}
body > p {
margin: 20px;
}