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