src/wolnelektury/static/css/master.book.css

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