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

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