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