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

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