src/wolnelektury/static/css/new.book.css

   1 body {
   2     font-size: 16px;
   3     font-family: Georgia, "Times New Roman", serif;
   4     line-height: 1.5em;
   5     margin: 0;
   6 }
   7
   8 a {
   9     color: blue;
  10     text-decoration: none;
  11 }
  12
  13 img {
  14     max-width: 37.5rem;
  15     margin-top: 1em;
  16 }
  17
  18 /* ================================== */
  19 /* = Header with logo and menu      = */
  20 /* ================================== */
  21 #toc ol, #themes ol, #objects ol {
  22     list-style: none;
  23     padding: 0;
  24     margin: 0;
  25 }
  26
  27 #toc ol li {
  28     font-weight: bold;
  29 }
  30
  31 #toc ol ol {
  32     padding: 0 0 1.5em 1.5em;
  33     margin: 0;
  34 }
  35
  36 #toc ol ol li {
  37     font-weight: normal;
  38 }
  39
  40 #toc h2 {
  41     display: none;
  42 }
  43
  44 #toc .anchor {
  45     float: none;
  46     margin: 0;
  47     color: blue;
  48     font-size: 16px;
  49     position: inherit;
  50 }
  51
  52 #info p {
  53     margin: 1em 0 0;
  54 }
  55
  56 #info .sponsors img {
  57     margin-bottom: 1em;
  58 }
  59
  60
  61 /* =================================================== */
  62 /* = Common elements: headings, paragraphs and lines = */
  63 /* =================================================== */
  64 h1 {
  65     font-size: 3em;
  66     margin: 1.5em 0;
  67     text-align: center;
  68     line-height: 1.5em;
  69     font-weight: bold;
  70 }
  71
  72 h2 {
  73     font-size: 2em;
  74     margin: 1.5em 0 0;
  75     font-weight: bold;
  76     line-height: 1.5em;
  77 }
  78
  79 h3, .subtitle2 {
  80     font-size: 1.5em;
  81     margin: 1.5em 0 0;
  82     font-weight: normal;
  83     line-height: 1.5em;
  84 }
  85
  86 h4, .subtitle3 {
  87     font-size: 1em;
  88     margin: 1.5em 0 0;
  89     line-height: 1.5em;
  90 }
  91
  92 .subtitle4 {
  93     font-weight: bold;
  94 }
  95
  96 p {
  97     margin: 0;
  98 }
  99
 100 /* ======================== */
 101 /* = Footnotes and themes = */
 102 /* ======================== */
 103
 104 .annotation {
 105     font-style: normal;
 106     font-weight: normal;
 107     font-size: .75em;
 108     padding-left: 2px;
 109     position: relative;
 110     top: -4px;
 111     user-select: none;
 112     -webkit-user-select: none;
 113     -moz-user-select: none;
 114     -ms-user-select: none;
 115 }
 116
 117 #footnotes {
 118     margin-top: 3em;
 119 }
 120
 121 #footnotes .annotation {
 122     display: block;
 123     float: left;
 124     width: 2.5em;
 125     clear: both;
 126     user-select: auto;
 127     -webkit-user-select: text;
 128     -moz-user-select: text;
 129     -ms-user-select: text;
 130 }
 131
 132 #footnotes div {
 133     margin: 1.5em 0 0 0;
 134 }
 135
 136 #footnotes p, #footnotes ul {
 137     margin-left: 2.5em;
 138     font-size: 0.875em;
 139 }
 140
 141 #footnotes .permalink {
 142     font-size: .75em;
 143 }
 144
 145 blockquote {
 146     font-size: 0.875em;
 147 }
 148
 149 /* ============= */
 150 /* = Numbering = */
 151 /* ============= */
 152 .verse, .paragraph {
 153     position:relative;
 154 }
 155 /*.anchor {
 156     position: absolute;
 157     margin: -0.25em -0.5em;
 158     color: #777;
 159     font-size: 12px;
 160     text-align: center;
 161     padding: 0.25em 0.5em;
 162     line-height: 1.5em;
 163 }*/
 164
 165
 166 /* =================== */
 167 /* = Custom elements = */
 168 /* =================== */
 169 span.author {
 170     font-size: 0.5em;
 171     display: block;
 172     line-height: 1.5em;
 173     margin-bottom: 0.25em;
 174 }
 175
 176 span.collection {
 177     font-size: 0.375em;
 178     display: block;
 179     line-height: 1.5em;
 180     margin-bottom: -0.25em;
 181 }
 182
 183 span.subtitle {
 184     font-size: 0.5em;
 185     display: block;
 186     line-height: 1.5em;
 187     margin-top: -0.25em;
 188 }
 189
 190 span.translator {
 191     font-size: 0.375em;
 192     display: block;
 193     line-height: 1.5em;
 194     margin-top: 0.25em;
 195 }
 196
 197 div.didaskalia {
 198     font-style: italic;
 199     margin: 0.5em 0 0 1.5em;
 200 }
 201
 202 div.kwestia {
 203     margin: 0.5em 0 0;
 204 }
 205
 206 div.stanza {
 207     margin: 1.5em 0;
 208 }
 209
 210 div.kwestia div.stanza {
 211     margin: 0;
 212 }
 213
 214 p.paragraph {
 215     text-align: justify;
 216     margin: 0;
 217     text-indent: 1.5em;
 218 }
 219
 220 .motto {
 221     text-align: justify;
 222     font-style: italic;
 223     margin: 1.5em 0 0;
 224 }
 225
 226 p.motto_podpis {
 227     font-size: 0.875em;
 228     text-align: right;
 229     margin-bottom: 1.5em;
 230 }
 231
 232 div.fragment {
 233     border-bottom: 0.1em solid #999;
 234     padding-bottom: 1.5em;
 235 }
 236
 237 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
 238     text-align: right;
 239     font-style: italic;
 240 }
 241
 242 div.frame {
 243     border: 1px darkgray solid;
 244     padding: 1em;
 245     margin-top: 1em;
 246     margin-bottom: 1em;
 247 }
 248
 249 hr.spacer {
 250     height: 3em;
 251     visibility: hidden;
 252 }
 253
 254 hr.spacer-line {
 255     margin: 1.5em 0;
 256     border: none;
 257     border-bottom: 0.1em solid #000;
 258 }
 259
 260 p.spacer-asterisk {
 261     padding: 0;
 262     margin: 1.5em 0;
 263     text-align: center;
 264 }
 265
 266 div.person-list ol {
 267     list-style: none;
 268     padding: 0 0 0 1.5em;
 269 }
 270
 271 p.place-and-time {
 272     font-style: italic;
 273 }
 274
 275 em.math, em.foreign-word, em.book-title, em.didaskalia {
 276     font-style: italic;
 277 }
 278
 279 em.author-emphasis {
 280     letter-spacing: 0.1em;
 281 }
 282
 283 em.person {
 284     font-style: normal;
 285     font-variant: small-caps;
 286 }
 287
 288 em.wieksze-odstepy {
 289     font-style: normal;
 290     word-spacing: 1em;
 291 }
 292
 293 .verse:after {
 294     content: "\feff";
 295 }
 296
 297 table {
 298     border-collapse: collapse;
 299     width: 100%;
 300 }
 301
 302 table.border td, table.border th {
 303     border: 1px solid black;
 304     vertical-align: top;
 305 }
 306
 307
 308 /* =================================== */
 309 /* = Hide some elements for printing = */
 310 /* =================================== */
 311
 312 @media print {
 313     #menu {display: none;}
 314 }