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