475 lines
12 KiB
CSS
475 lines
12 KiB
CSS
|
/* Minimal style sheet for the HTML output of Docutils. */
|
|||
|
|
/* */
|
|||
|
|
/* :Author: Günter Milde, based on html4css1.css by David Goodger */
|
|||
|
|
/* :Id: $Id: minimal.css 7952 2016-07-26 18:15:59Z milde $ */
|
|||
|
|
/* :Copyright: © 2015 Günter Milde. */
|
|||
|
|
/* :License: Released under the terms of the `2-Clause BSD license`_, */
|
|||
|
|
/* in short: */
|
|||
|
|
/* */
|
|||
|
|
/* Copying and distribution of this file, with or without modification, */
|
|||
|
|
/* are permitted in any medium without royalty provided the copyright */
|
|||
|
|
/* notice and this notice are preserved. */
|
|||
|
|
/* */
|
|||
|
|
/* This file is offered as-is, without any warranty. */
|
|||
|
|
/* */
|
|||
|
|
/* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause */
|
|||
|
|
|
|||
|
|
/* This CSS2.1_ stylesheet defines rules for Docutils elements without */
|
|||
|
|
/* HTML equivalent. It is required to make the document semantic visible. */
|
|||
|
|
/* */
|
|||
|
|
/* .. _CSS2.1: http://www.w3.org/TR/CSS2 */
|
|||
|
|
/* .. _validates: http://jigsaw.w3.org/css-validator/validator$link */
|
|||
|
|
|
|||
|
|
/* alignment of text and inline objects inside block objects*/
|
|||
|
|
.align-left { text-align: left; }
|
|||
|
|
.align-right { text-align: right; }
|
|||
|
|
.align-center { clear: both; text-align: center; }
|
|||
|
|
.align-top { vertical-align: top; }
|
|||
|
|
.align-middle { vertical-align: middle; }
|
|||
|
|
.align-bottom { vertical-align: bottom; }
|
|||
|
|
|
|||
|
|
/* titles */
|
|||
|
|
h1.title, p.subtitle {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
p.admonition-title,
|
|||
|
|
p.topic-title,
|
|||
|
|
p.sidebar-title,
|
|||
|
|
p.rubric,
|
|||
|
|
p.system-message-title {
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
h1 + p.subtitle,
|
|||
|
|
h1 + p.section-subtitle {
|
|||
|
|
font-size: 1.6em;
|
|||
|
|
}
|
|||
|
|
h2 + p.section-subtitle { font-size: 1.28em; }
|
|||
|
|
p.subtitle,
|
|||
|
|
p.section-subtitle,
|
|||
|
|
p.sidebar-subtitle {
|
|||
|
|
font-weight: bold;
|
|||
|
|
margin-top: -0.5em;
|
|||
|
|
}
|
|||
|
|
p.sidebar-title,
|
|||
|
|
p.rubric {
|
|||
|
|
font-size: larger;
|
|||
|
|
}
|
|||
|
|
p.rubric { color: maroon; }
|
|||
|
|
a.toc-backref {
|
|||
|
|
color: black;
|
|||
|
|
text-decoration: none; }
|
|||
|
|
|
|||
|
|
/* Warnings, Errors */
|
|||
|
|
div.caution p.admonition-title,
|
|||
|
|
div.attention p.admonition-title,
|
|||
|
|
div.danger p.admonition-title,
|
|||
|
|
div.error p.admonition-title,
|
|||
|
|
div.warning p.admonition-title,
|
|||
|
|
div.system-messages h1,
|
|||
|
|
div.error,
|
|||
|
|
span.problematic,
|
|||
|
|
p.system-message-title {
|
|||
|
|
color: red;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* inline literals */
|
|||
|
|
span.docutils.literal {
|
|||
|
|
font-family: monospace;
|
|||
|
|
white-space: pre-wrap;
|
|||
|
|
}
|
|||
|
|
/* do not wraph at hyphens and similar: */
|
|||
|
|
.literal > span.pre { white-space: nowrap; }
|
|||
|
|
|
|||
|
|
/* Lists */
|
|||
|
|
|
|||
|
|
/* compact and simple lists: no margin between items */
|
|||
|
|
.simple li, .compact li,
|
|||
|
|
.simple ul, .compact ul,
|
|||
|
|
.simple ol, .compact ol,
|
|||
|
|
.simple > li p, .compact > li p,
|
|||
|
|
dl.simple > dd, dl.compact > dd {
|
|||
|
|
margin-top: 0;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Table of Contents */
|
|||
|
|
/*div.topic.contents { margin: 0; }*/
|
|||
|
|
ul.auto-toc {
|
|||
|
|
list-style-type: none;
|
|||
|
|
padding-left: 1.5em; }
|
|||
|
|
|
|||
|
|
/* Enumerated Lists */
|
|||
|
|
ol.arabic { list-style: decimal }
|
|||
|
|
ol.loweralpha { list-style: lower-alpha }
|
|||
|
|
ol.upperalpha { list-style: upper-alpha }
|
|||
|
|
ol.lowerroman { list-style: lower-roman }
|
|||
|
|
ol.upperroman { list-style: upper-roman }
|
|||
|
|
|
|||
|
|
dt span.classifier { font-style: italic }
|
|||
|
|
dt span.classifier:before {
|
|||
|
|
font-style: normal;
|
|||
|
|
margin: 0.5em;
|
|||
|
|
content: ":";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Field Lists and drivatives */
|
|||
|
|
/* bold field name, content starts on the same line */
|
|||
|
|
dl.field-list > dt,
|
|||
|
|
dl.option-list > dt,
|
|||
|
|
dl.docinfo > dt,
|
|||
|
|
dl.footnote > dt,
|
|||
|
|
dl.citation > dt {
|
|||
|
|
font-weight: bold;
|
|||
|
|
clear: left;
|
|||
|
|
float: left;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
padding-right: 0.5em;
|
|||
|
|
}
|
|||
|
|
/* Offset for field content (corresponds to the --field-name-limit option) */
|
|||
|
|
dl.field-list > dd,
|
|||
|
|
dl.option-list > dd,
|
|||
|
|
dl.docinfo > dd {
|
|||
|
|
margin-left: 9em; /* ca. 14 chars in the test examples */
|
|||
|
|
}
|
|||
|
|
/* start field-body on a new line after long field names */
|
|||
|
|
dl.field-list > dd > *:first-child,
|
|||
|
|
dl.option-list > dd > *:first-child
|
|||
|
|
{
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 100%;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
/* field names followed by a colon */
|
|||
|
|
dl.field-list > dt:after,
|
|||
|
|
dl.docinfo > dt:after {
|
|||
|
|
content: ":";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Bibliographic Fields (docinfo) */
|
|||
|
|
pre.address { font: inherit; }
|
|||
|
|
dd.authors > p { margin: 0; }
|
|||
|
|
|
|||
|
|
/* Option Lists */
|
|||
|
|
dl.option-list { margin-left: 40px; }
|
|||
|
|
dl.option-list > dt { font-weight: normal; }
|
|||
|
|
span.option { white-space: nowrap; }
|
|||
|
|
|
|||
|
|
/* Footnotes and Citations */
|
|||
|
|
dl.footnote.superscript > dd {margin-left: 1em; }
|
|||
|
|
dl.footnote.brackets > dd {margin-left: 2em; }
|
|||
|
|
dl > dt.label { font-weight: normal; }
|
|||
|
|
a.footnote-reference.brackets:before,
|
|||
|
|
dt.label > span.brackets:before { content: "["; }
|
|||
|
|
a.footnote-reference.brackets:after,
|
|||
|
|
dt.label > span.brackets:after { content: "]"; }
|
|||
|
|
a.footnote-reference.superscript,
|
|||
|
|
dl.footnote.superscript > dt.label {
|
|||
|
|
vertical-align: super;
|
|||
|
|
font-size: smaller;
|
|||
|
|
}
|
|||
|
|
dt.label > span.fn-backref { margin-left: 0.2em; }
|
|||
|
|
dt.label > span.fn-backref > a { font-style: italic; }
|
|||
|
|
|
|||
|
|
/* Line Blocks */
|
|||
|
|
div.line-block { display: block; }
|
|||
|
|
div.line-block div.line-block {
|
|||
|
|
margin-top: 0;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
margin-left: 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Figures, Images, and Tables */
|
|||
|
|
.figure.align-left,
|
|||
|
|
img.align-left,
|
|||
|
|
object.align-left,
|
|||
|
|
table.align-left {
|
|||
|
|
margin-right: auto;
|
|||
|
|
}
|
|||
|
|
.figure.align-center,
|
|||
|
|
img.align-center,
|
|||
|
|
object.align-center {
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
table.align-center {
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
}
|
|||
|
|
.figure.align-right,
|
|||
|
|
img.align-right,
|
|||
|
|
object.align-right,
|
|||
|
|
table.align-right {
|
|||
|
|
margin-left: auto;
|
|||
|
|
}
|
|||
|
|
/* reset inner alignment in figures and tables */
|
|||
|
|
div.align-left, div.align-center, div.align-right,
|
|||
|
|
table.align-left, table.align-center, table.align-right
|
|||
|
|
{ text-align: inherit }
|
|||
|
|
|
|||
|
|
/* Admonitions and System Messages */
|
|||
|
|
div.admonition,
|
|||
|
|
div.system-message,
|
|||
|
|
div.sidebar{
|
|||
|
|
margin: 40px;
|
|||
|
|
border: medium outset;
|
|||
|
|
padding-right: 1em;
|
|||
|
|
padding-left: 1em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Sidebar */
|
|||
|
|
div.sidebar {
|
|||
|
|
width: 30%;
|
|||
|
|
max-width: 26em;
|
|||
|
|
float: right;
|
|||
|
|
clear: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Text Blocks */
|
|||
|
|
div.topic,
|
|||
|
|
pre.literal-block,
|
|||
|
|
pre.doctest-block,
|
|||
|
|
pre.math,
|
|||
|
|
pre.code {
|
|||
|
|
margin-right: 40px;
|
|||
|
|
margin-left: 40px;
|
|||
|
|
}
|
|||
|
|
pre.code .ln { color: gray; } /* line numbers */
|
|||
|
|
|
|||
|
|
/* Tables */
|
|||
|
|
table.docutils { border-collapse: collapse; }
|
|||
|
|
table.docutils > td, table.docutils > th {
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: silver;
|
|||
|
|
padding: 0 1ex;
|
|||
|
|
border-width: thin;
|
|||
|
|
}
|
|||
|
|
table.docutils > td > p:first-child, table.docutils > th > p:first-child { margin-top: 0; }
|
|||
|
|
table.docutils > td > p, table.docutils > th > p { margin-bottom: 0; }
|
|||
|
|
|
|||
|
|
table.docutils > caption {
|
|||
|
|
text-align: left;
|
|||
|
|
margin-bottom: 0.25em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
table.borderless td, table.borderless th {
|
|||
|
|
border: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
padding-right: 0.5em /* separate table cells */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* CSS31_ style sheet for the output of Docutils HTML writers. */
|
|||
|
|
/* Rules for easy reading and pre-defined style variants. */
|
|||
|
|
/* */
|
|||
|
|
/* :Author: Günter Milde, based on html4css1.css by David Goodger */
|
|||
|
|
/* :Id: $Id: plain.css 7952 2016-07-26 18:15:59Z milde $ */
|
|||
|
|
/* :Copyright: © 2015 Günter Milde. */
|
|||
|
|
/* :License: Released under the terms of the `2-Clause BSD license`_, */
|
|||
|
|
/* in short: */
|
|||
|
|
/* */
|
|||
|
|
/* Copying and distribution of this file, with or without modification, */
|
|||
|
|
/* are permitted in any medium without royalty provided the copyright */
|
|||
|
|
/* notice and this notice are preserved. */
|
|||
|
|
/* */
|
|||
|
|
/* This file is offered as-is, without any warranty. */
|
|||
|
|
/* */
|
|||
|
|
/* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause */
|
|||
|
|
/* .. _CSS3: http://www.w3.org/TR/CSS3 */
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Document Structure */
|
|||
|
|
/* ****************** */
|
|||
|
|
|
|||
|
|
/* Sections */
|
|||
|
|
|
|||
|
|
/* Transitions */
|
|||
|
|
|
|||
|
|
hr.docutils {
|
|||
|
|
width: 80%;
|
|||
|
|
margin-top: 1em;
|
|||
|
|
margin-bottom: 1em;
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Paragraphs */
|
|||
|
|
/* ========== */
|
|||
|
|
|
|||
|
|
/* vertical space (parskip) */
|
|||
|
|
/*p, ol, ul, dl,*/
|
|||
|
|
/*div.line-block,*/
|
|||
|
|
/*table{*/
|
|||
|
|
/*margin-top: 0.5em;*/
|
|||
|
|
/*margin-bottom: 0.5em;*/
|
|||
|
|
/*}*/
|
|||
|
|
/*h1, h2, h3, h4, h5, h6, */
|
|||
|
|
dl > dd {
|
|||
|
|
margin-bottom: 0.5em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Lists */
|
|||
|
|
/* ========== */
|
|||
|
|
|
|||
|
|
/* Definition Lists */
|
|||
|
|
|
|||
|
|
dl > dd p:first-child { margin-top: 0; }
|
|||
|
|
/* :last-child is not part of CSS 2.1 (introduced in CSS 3) */
|
|||
|
|
/* dl > dd p:last-child { margin-bottom: 0; } */
|
|||
|
|
|
|||
|
|
/* lists nested in definition lists */
|
|||
|
|
/* :only-child is not part of CSS 2.1 (introduced in CSS 3) */
|
|||
|
|
dd > ul:only-child, dd > ol:only-child { padding-left: 1em; }
|
|||
|
|
|
|||
|
|
/* Description Lists */
|
|||
|
|
/* styled like in most dictionaries, encyclopedias etc. */
|
|||
|
|
dl.description > dt {
|
|||
|
|
font-weight: bold;
|
|||
|
|
clear: left;
|
|||
|
|
float: left;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
padding-right: 0.5em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Field Lists */
|
|||
|
|
|
|||
|
|
/* example for custom field-name width */
|
|||
|
|
dl.field-list.narrow > dd {
|
|||
|
|
margin-left: 5em;
|
|||
|
|
}
|
|||
|
|
/* run-in: start field-body on same line after long field names */
|
|||
|
|
dl.field-list.run-in > dd p {
|
|||
|
|
display: block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Bibliographic Fields */
|
|||
|
|
|
|||
|
|
/* generally, bibliographic fields use special definition list dl.docinfo */
|
|||
|
|
/* but dedication and abstract are placed into "topic" divs */
|
|||
|
|
div.abstract p.topic-title {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
div.dedication {
|
|||
|
|
margin: 2em 5em;
|
|||
|
|
text-align: center;
|
|||
|
|
font-style: italic;
|
|||
|
|
}
|
|||
|
|
div.dedication p.topic-title {
|
|||
|
|
font-style: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Citations */
|
|||
|
|
dl.citation dt.label {
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
span.fn-backref {
|
|||
|
|
font-weight: normal;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Text Blocks */
|
|||
|
|
/* ============ */
|
|||
|
|
|
|||
|
|
/* Literal Blocks */
|
|||
|
|
pre.literal-block, pre.doctest-block,
|
|||
|
|
pre.math, pre.code {
|
|||
|
|
margin-left: 1.5em;
|
|||
|
|
margin-right: 1.5em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Block Quotes */
|
|||
|
|
|
|||
|
|
blockquote,
|
|||
|
|
div.topic {
|
|||
|
|
margin-left: 1.5em;
|
|||
|
|
margin-right: 1.5em
|
|||
|
|
}
|
|||
|
|
blockquote > table,
|
|||
|
|
div.topic > table {
|
|||
|
|
margin-top: 0;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
blockquote p.attribution,
|
|||
|
|
div.topic p.attribution {
|
|||
|
|
text-align: right;
|
|||
|
|
margin-left: 20%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Tables */
|
|||
|
|
/* ====== */
|
|||
|
|
|
|||
|
|
/* th { vertical-align: bottom; } */
|
|||
|
|
|
|||
|
|
table tr { text-align: left; }
|
|||
|
|
|
|||
|
|
/* "booktabs" style (no vertical lines) */
|
|||
|
|
table.booktabs {
|
|||
|
|
border: 0;
|
|||
|
|
border-top: 2px solid;
|
|||
|
|
border-bottom: 2px solid;
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
}
|
|||
|
|
table.booktabs * {
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
table.booktabs th {
|
|||
|
|
border-bottom: thin solid;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* numbered tables (counter defined in div.document) */
|
|||
|
|
table.numbered > caption:before {
|
|||
|
|
counter-increment: table;
|
|||
|
|
content: "Table " counter(table) ": ";
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Explicit Markup Blocks */
|
|||
|
|
/* ====================== */
|
|||
|
|
|
|||
|
|
/* Footnotes and Citations */
|
|||
|
|
/* ----------------------- */
|
|||
|
|
|
|||
|
|
/* line on the left */
|
|||
|
|
dl.footnote {
|
|||
|
|
padding-left: 1ex;
|
|||
|
|
border-left: solid;
|
|||
|
|
border-left-width: thin;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Directives */
|
|||
|
|
/* ---------- */
|
|||
|
|
|
|||
|
|
/* Body Elements */
|
|||
|
|
/* ~~~~~~~~~~~~~ */
|
|||
|
|
|
|||
|
|
/* Images and Figures */
|
|||
|
|
|
|||
|
|
/* let content flow to the side of aligned images and figures */
|
|||
|
|
.figure.align-left,
|
|||
|
|
img.align-left,
|
|||
|
|
object.align-left {
|
|||
|
|
display: block;
|
|||
|
|
clear: left;
|
|||
|
|
float: left;
|
|||
|
|
margin-right: 1em
|
|||
|
|
}
|
|||
|
|
.figure.align-right,
|
|||
|
|
img.align-right,
|
|||
|
|
object.align-right {
|
|||
|
|
display: block;
|
|||
|
|
clear: right;
|
|||
|
|
float: right;
|
|||
|
|
margin-left: 1em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Sidebar */
|
|||
|
|
|
|||
|
|
/* Move into the margin. In a layout with fixed margins, */
|
|||
|
|
/* it can be moved into the margin completely. */
|
|||
|
|
div.sidebar {
|
|||
|
|
width: 30%;
|
|||
|
|
max-width: 26em;
|
|||
|
|
margin-left: 1em;
|
|||
|
|
margin-right: -5.5%;
|
|||
|
|
background-color: #ffffee ;
|
|||
|
|
}
|