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