src/wolnelektury/static/css/master.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 #book-text {
  16     margin: 0 3em;
  17     max-width: 48em;
  18 }
  19
  20 #other-text #book-text {
  21     width: 48em;
  22 }
  23
  24 /* ================================== */
  25 /* = Header with logo and menu      = */
  26 /* ================================== */
  27 #header {
  28     margin: 3.4em 0 0 1.4em;
  29 }
  30
  31 img {
  32     border: none;
  33     max-width: 48em;
  34     margin-top: 1em;
  35 }
  36
  37 #logo {
  38     font-size: 1.5em;
  39 }
  40 #logo a {
  41     color: black;
  42 }
  43
  44 #menu {
  45     position: fixed;
  46     left: 0;
  47     top: 0;
  48     width: 100%;
  49     height: 1.5em;
  50     background: #333;
  51     color: #FFF;
  52     opacity: 0.9;
  53     z-index: 99;
  54 }
  55
  56 #menu ul {
  57     list-style: none;
  58     padding: 0;
  59     margin: 0;
  60 }
  61
  62 #menu li a {
  63     display: block;
  64     float: left;
  65     height: 1.5em;
  66     margin-left: 0.5em;
  67     text-align: center;
  68     color: #FFF;
  69     padding: 0 1em;
  70 }
  71 #menu li a.menu {
  72     padding-right: 1.5em;
  73 }
  74
  75 #menu li a.menu:hover, #menu li a.menu:active {
  76     color: #000;
  77     background: #FFF url(/static/img/arrow-down.png) no-repeat center right;
  78 }
  79
  80 #menu li a.menu.selected {
  81     color: #000;
  82     background: #FFF url(/static/img/arrow-up.png) no-repeat center right;
  83 }
  84 #menu a.menu-link {
  85     display: block;
  86     float: left;
  87     height: 1.5em;
  88     margin-left: 0.5em;
  89     text-align: center;
  90     color: #FFF;
  91 }
  92 #menu span {
  93     color: #888;
  94     font-style: italic;
  95     font-size: .75em;
  96     margin-right: 0.5em;
  97 }
  98
  99
 100 #wltoc, #themes, #nota_red, #info, #other-versions, #objects {
 101     position: fixed;
 102     left: 0;
 103     top: 1.5em;
 104     width: 37em;
 105     padding: 1.5em;
 106     background: #FFF;
 107     border-bottom: 0.25em solid #DDD;
 108     border-right: 0.25em solid #DDD;
 109     display: none;
 110     height: 16em;
 111     overflow-x: hidden;
 112     overflow-y: auto;
 113     opacity: 0.9;
 114     z-index: 99;
 115 }
 116 #download {
 117     position: fixed;
 118     left: 0;
 119     top: 1.5em;
 120     width: 37em;
 121     padding: 1.5em;
 122     background: #FFF;
 123     border-bottom: 0.25em solid #DDD;
 124     border-right: 0.25em solid #DDD;
 125     display: none;
 126     height: 10em;
 127     overflow-x: hidden;
 128     overflow-y: auto;
 129     opacity: 0.9;
 130     z-index: 99;
 131 }
 132
 133 #wltoc ol, #themes ol, #objects ol {
 134     list-style: none;
 135     padding: 0;
 136     margin: 0;
 137 }
 138
 139 #wltoc ol li {
 140     font-weight: bold;
 141 }
 142
 143 #wltoc ol ol {
 144     padding: 0 0 1.5em 1.5em;
 145     margin: 0;
 146 }
 147
 148 #wltoc ol ol li {
 149     font-weight: normal;
 150 }
 151
 152 #wltoc h2 {
 153     display: none;
 154 }
 155
 156 #wltoc .anchor {
 157     float: none;
 158     margin: 0;
 159     color: blue;
 160     font-size: 16px;
 161     position: inherit;
 162 }
 163
 164 #info p {
 165     text-align: justify;
 166     margin: 1.5em 0 0;
 167 }
 168
 169 /* =================================================== */
 170 /* = Common elements: headings, paragraphs and lines = */
 171 /* =================================================== */
 172 h1 {
 173     font-size: 3em;
 174     margin: 0 0 1.5em 0;
 175     text-align: center;
 176     line-height: 1.5em;
 177     font-weight: bold;
 178 }
 179
 180 h2 {
 181     font-size: 2em;
 182     margin: 1.5em 0 0;
 183     font-weight: bold;
 184     line-height: 1.5em;
 185 }
 186
 187 h3 {
 188     font-size: 1.5em;
 189     margin: 1.5em 0 0;
 190     font-weight: normal;
 191     line-height: 1.5em;
 192 }
 193
 194 h4 {
 195     font-size: 1em;
 196     margin: 1.5em 0 0;
 197     line-height: 1.5em;
 198 }
 199
 200 p {
 201     margin: 0;
 202 }
 203
 204 /* ======================== */
 205 /* = Footnotes and themes = */
 206 /* ======================== */
 207 .theme-begin {
 208     border-left: 0.1em solid #DDDDDD;
 209     color: #777;
 210     padding: 0 0.5em;
 211     width: 7.5em;
 212
 213     font-style: normal;
 214     font-weight: normal;
 215     font-variant: normal;
 216     letter-spacing: 0;
 217     text-transform: none;
 218     text-decoration: none;
 219
 220     font-size: 16px;
 221     float: right;
 222     margin-right: -9.5em;
 223     margin-bottom: 0.5em;
 224     clear: both;
 225     left: 40em;
 226     line-height: 1.5em;
 227     text-align: left;
 228 }
 229
 230 .annotation {
 231     font-style: normal;
 232     font-weight: normal;
 233     font-size: 12px;
 234     padding-left: 2px;
 235     position: relative;
 236     top: -4px;
 237 }
 238
 239 #footnotes {
 240     margin-top: 3em;
 241 }
 242
 243 #footnotes .annotation {
 244     display: block;
 245     float: left;
 246     width: 2.5em;
 247     clear: both;
 248 }
 249
 250 #footnotes div {
 251     margin: 1.5em 0 0 0;
 252 }
 253
 254 #footnotes p, #footnotes ul {
 255     margin-left: 2.5em;
 256     font-size: 0.875em;
 257 }
 258
 259 #footnotes .permalink {
 260     font-size: .75em;
 261 }
 262
 263 blockquote {
 264     font-size: 0.875em;
 265 }
 266
 267 /* ============= */
 268 /* = Numbering = */
 269 /* ============= */
 270 .verse, .paragraph {
 271     position:relative;
 272 }
 273 .anchor {
 274     position: absolute;
 275     margin: -0.25em -0.5em;
 276     left: -3em;
 277     color: #777;
 278     font-size: 12px;
 279     width: 2em;
 280     text-align: center;
 281     padding: 0.25em 0.5em;
 282     line-height: 1.5em;
 283 }
 284
 285 .anchor:hover, #book-text .anchor:active {
 286     color: #FFF;
 287     background-color: #CCC;
 288 }
 289
 290 /* =================== */
 291 /* = Custom elements = */
 292 /* =================== */
 293 span.author {
 294     font-size: 0.5em;
 295     display: block;
 296     line-height: 1.5em;
 297     margin-bottom: 0.25em;
 298 }
 299
 300 span.collection {
 301     font-size: 0.375em;
 302     display: block;
 303     line-height: 1.5em;
 304     margin-bottom: -0.25em;
 305 }
 306
 307 span.subtitle {
 308     font-size: 0.5em;
 309     display: block;
 310     line-height: 1.5em;
 311     margin-top: -0.25em;
 312 }
 313
 314 span.translator {
 315     font-size: 0.375em;
 316     display: block;
 317     line-height: 1.5em;
 318     margin-top: 0.25em;
 319 }
 320
 321 div.didaskalia {
 322     font-style: italic;
 323     margin: 0.5em 0 0 1.5em;
 324 }
 325
 326 div.kwestia {
 327     margin: 0.5em 0 0;
 328 }
 329
 330 div.stanza {
 331     margin: 1.5em 0 0;
 332 }
 333
 334 div.kwestia div.stanza {
 335     margin: 0;
 336 }
 337
 338 p.paragraph {
 339     text-align: justify;
 340     margin: 1.5em 0 0;
 341 }
 342
 343 p.motto {
 344     text-align: justify;
 345     font-style: italic;
 346     margin: 1.5em 0 0;
 347 }
 348
 349 p.motto_podpis {
 350     font-size: 0.875em;
 351     text-align: right;
 352 }
 353
 354 div.fragment {
 355     border-bottom: 0.1em solid #999;
 356     padding-bottom: 1.5em;
 357 }
 358
 359 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
 360     text-align: right;
 361     font-style: italic;
 362 }
 363
 364 hr.spacer {
 365     height: 3em;
 366     visibility: hidden;
 367 }
 368
 369 hr.spacer-line {
 370     margin: 1.5em 0;
 371     border: none;
 372     border-bottom: 0.1em solid #000;
 373 }
 374
 375 p.spacer-asterisk {
 376     padding: 0;
 377     margin: 1.5em 0;
 378     text-align: center;
 379 }
 380
 381 div.person-list ol {
 382     list-style: none;
 383     padding: 0 0 0 1.5em;
 384 }
 385
 386 p.place-and-time {
 387     font-style: italic;
 388 }
 389
 390 em.math, em.foreign-word, em.book-title, em.didaskalia {
 391     font-style: italic;
 392 }
 393
 394 em.author-emphasis {
 395     letter-spacing: 0.1em;
 396 }
 397
 398 em.person {
 399     font-style: normal;
 400     font-variant: small-caps;
 401 }
 402
 403 .verse:after {
 404     content: "\feff";
 405 }
 406
 407
 408 /* =================================== */
 409 /* = Hide some elements for printing = */
 410 /* =================================== */
 411
 412 @media print {
 413     #menu {display: none;}
 414 }