docutils/docutils/writers/html5_polyglot/minimal.css

   1 /* Minimal style sheet for the HTML output of Docutils.                    */
   2 /*                                                                         */
   3 /* :Author: Günter Milde, based on html4css1.css by David Goodger          */
   4 /* :Id: $Id$               */
   5 /* :Copyright: © 2015 Günter Milde.                                        */
   6 /* :License: Released under the terms of the `2-Clause BSD license`_,      */
   7 /*    in short:                                                            */
   8 /*                                                                         */
   9 /*    Copying and distribution of this file, with or without modification, */
  10 /*    are permitted in any medium without royalty provided the copyright   */
  11 /*    notice and this notice are preserved.                                */
  12 /*                                                                         */
  13 /*    This file is offered as-is, without any warranty.                    */
  14 /*                                                                         */
  15 /* .. _2-Clause BSD license: http://www.spdx.org/licenses/BSD-2-Clause     */
  16
  17 /* This CSS2.1_ stylesheet defines rules for Docutils elements without    */
  18 /* HTML equivalent. It is required to make the document semantic visible. */
  19 /*                                                                        */
  20 /* .. _CSS2.1: http://www.w3.org/TR/CSS2                                  */
  21 /* .. _validates: http://jigsaw.w3.org/css-validator/validator$link       */
  22
  23 /* alignment of text and inline objects inside block objects*/
  24 .align-left   { text-align: left; }
  25 .align-right  { text-align: right; }
  26 .align-center { clear: both; text-align: center; }
  27 .align-top    { vertical-align: top; }
  28 .align-middle { vertical-align: middle; }
  29 .align-bottom { vertical-align: bottom; }
  30
  31 /* titles */
  32 h1.title, p.subtitle {
  33   text-align: center;
  34 }
  35 p.admonition-title,
  36 p.topic-title,
  37 p.sidebar-title,
  38 p.rubric,
  39 p.system-message-title {
  40   font-weight: bold;
  41 }
  42 h1 + p.subtitle,
  43 h1 + p.section-subtitle {
  44   font-size: 1.6em;
  45 }
  46 h2 + p.section-subtitle { font-size: 1.28em; }
  47 p.subtitle,
  48 p.section-subtitle,
  49 p.sidebar-subtitle {
  50   font-weight: bold;
  51   margin-top: -0.5em;
  52 }
  53 p.sidebar-title,
  54 p.rubric {
  55   font-size: larger;
  56 }
  57 p.rubric { color: maroon; }
  58 a.toc-backref {
  59   color: black;
  60   text-decoration: none; }
  61
  62 /* Warnings, Errors */
  63 div.caution p.admonition-title,
  64 div.attention p.admonition-title,
  65 div.danger p.admonition-title,
  66 div.error p.admonition-title,
  67 div.warning p.admonition-title,
  68 div.system-messages h1,
  69 div.error,
  70 span.problematic,
  71 p.system-message-title {
  72   color: red;
  73 }
  74
  75 /* inline literals */
  76 span.docutils.literal {
  77   font-family: monospace;
  78   white-space: pre-wrap;
  79 }
  80 /* do not wraph at hyphens and similar: */
  81 .literal > span.pre { white-space: nowrap; }
  82
  83 /* Lists */
  84
  85 /* compact and simple lists: no margin between items */
  86 .simple  li, .compact li,
  87 .simple  ul, .compact ul,
  88 .simple  ol, .compact ol,
  89 .simple > li p, .compact > li p,
  90 dl.simple > dd, dl.compact > dd {
  91   margin-top: 0;
  92   margin-bottom: 0;
  93 }
  94
  95 /* Table of Contents */
  96 div.topic.contents { margin: 0; }
  97 ul.auto-toc {
  98   list-style-type: none;
  99   padding-left: 1.5em; }
 100
 101 /* Enumerated Lists */
 102 ol.arabic     { list-style: decimal }
 103 ol.loweralpha { list-style: lower-alpha }
 104 ol.upperalpha { list-style: upper-alpha }
 105 ol.lowerroman { list-style: lower-roman }
 106 ol.upperroman { list-style: upper-roman }
 107
 108 dt span.classifier { font-style: italic }
 109 dt span.classifier:before {
 110   font-style: normal;
 111   margin: 0.5em;
 112   content: ":";
 113 }
 114
 115 /* Field Lists and drivatives */
 116 /* bold field name, content starts on the same line */
 117 dl.field-list > dt,
 118 dl.option-list > dt,
 119 dl.docinfo > dt,
 120 dl.footnote > dt,
 121 dl.citation > dt {
 122   font-weight: bold;
 123   clear: left;
 124   float: left;
 125   margin: 0;
 126   padding: 0;
 127   padding-right: 0.5em;
 128 }
 129 /* Offset for field content (corresponds to the --field-name-limit option) */
 130 dl.field-list > dd,
 131 dl.option-list > dd,
 132 dl.docinfo > dd {
 133   margin-left:  9em; /* ca. 14 chars in the test examples */
 134 }
 135 /* start field-body on a new line after long field names */
 136 dl.field-list > dd > *:first-child,
 137 dl.option-list > dd > *:first-child
 138 {
 139   display: inline-block;
 140   width: 100%;
 141   margin: 0;
 142 }
 143 /* field names followed by a colon */
 144 dl.field-list > dt:after,
 145 dl.docinfo > dt:after {
 146   content: ":";
 147 }
 148
 149 /* Bibliographic Fields (docinfo) */
 150 pre.address { font: inherit; }
 151 dd.authors > p { margin: 0; }
 152
 153 /* Option Lists */
 154 dl.option-list { margin-left: 40px; }
 155 dl.option-list > dt { font-weight: normal; }
 156 span.option { white-space: nowrap; }
 157
 158 /* Footnotes and Citations  */
 159 dl.footnote.superscript > dd {margin-left: 1em; }
 160 dl.footnote.brackets > dd {margin-left: 2em; }
 161 dl > dt.label { font-weight: normal; }
 162 a.footnote-reference.brackets:before,
 163 dt.label > span.brackets:before { content: "["; }
 164 a.footnote-reference.brackets:after,
 165 dt.label > span.brackets:after { content: "]"; }
 166 a.footnote-reference.superscript,
 167 dl.footnote.superscript > dt.label {
 168   vertical-align: super;
 169   font-size: smaller;
 170 }
 171 dt.label > span.fn-backref { margin-left: 0.2em; }
 172 dt.label > span.fn-backref > a { font-style: italic; }
 173
 174 /* Line Blocks */
 175 div.line-block { display: block; }
 176 div.line-block div.line-block {
 177   margin-top: 0;
 178   margin-bottom: 0;
 179   margin-left: 40px;
 180 }
 181
 182 /* Figures, Images, and Tables */
 183 .figure.align-left,
 184 img.align-left,
 185 object.align-left,
 186 table.align-left {
 187   margin-right: auto;
 188 }
 189 .figure.align-center,
 190 img.align-center,
 191 object.align-center {
 192   margin-left: auto;
 193   margin-right: auto;
 194   display: block;
 195 }
 196 table.align-center {
 197   margin-left: auto;
 198   margin-right: auto;
 199 }
 200 .figure.align-right,
 201 img.align-right,
 202 object.align-right,
 203 table.align-right {
 204   margin-left: auto;
 205 }
 206 /* reset inner alignment in figures and tables */
 207 div.align-left, div.align-center, div.align-right,
 208 table.align-left, table.align-center, table.align-right
 209 { text-align: inherit }
 210
 211 /* Admonitions and System Messages */
 212 div.admonition,
 213 div.system-message,
 214 div.sidebar{
 215   margin: 40px;
 216   border: medium outset;
 217   padding-right: 1em;
 218   padding-left: 1em;
 219 }
 220
 221 /* Sidebar */
 222 div.sidebar {
 223   width: 30%;
 224   max-width: 26em;
 225   float: right;
 226   clear: right;
 227 }
 228
 229 /* Text Blocks */
 230 div.topic,
 231 pre.literal-block,
 232 pre.doctest-block,
 233 pre.math,
 234 pre.code {
 235   margin-right: 40px;
 236   margin-left: 40px;
 237 }
 238 pre.code .ln { color: gray; } /* line numbers */
 239
 240 /* Tables */
 241 table { border-collapse: collapse; }
 242 td, th {
 243   border-style: solid;
 244   border-color: silver;
 245   padding: 0 1ex;
 246   border-width: thin;
 247 }
 248 td > p:first-child, th > p:first-child { margin-top: 0; }
 249 td > p, th > p { margin-bottom: 0; }
 250
 251 table > caption {
 252   text-align: left;
 253   margin-bottom: 0.25em
 254 }
 255
 256 table.borderless td, table.borderless th {
 257   border: 0;
 258   padding: 0;
 259   padding-right: 0.5em /* separate table cells */
 260 }