src/wolnelektury/static/css/new.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 img {
  14     max-width: 37.5rem;
  15     margin-top: 1em;
  16 }
  17 .animacja {
  18     margin-top: 1em;
  19 }
  20 .animacja img {
  21     margin-top: 0;
  22 }
  23
  24 /* ================================== */
  25 /* = Header with logo and menu      = */
  26 /* ================================== */
  27 #wltoc ol, #themes ol, #objects ol {
  28     list-style: none;
  29     padding: 0;
  30     margin: 0;
  31 }
  32 #wltoc ol {
  33   padding-left: 1.5em;
  34 }
  35
  36 #wltoc ol ol {
  37     padding: 0 0 1.5em 1.5em;
  38     margin: 0;
  39 }
  40
  41 #wltoc ol ol li {
  42     font-weight: normal;
  43 }
  44
  45 #wltoc h2 {
  46     display: none;
  47 }
  48
  49 #wltoc .anchor {
  50     float: none;
  51     margin: 0;
  52     color: blue;
  53     font-size: 16px;
  54     position: inherit;
  55 }
  56
  57 #info p {
  58     margin: 1em 0 0;
  59 }
  60
  61 #info .sponsors img {
  62     margin-bottom: 1em;
  63 }
  64
  65
  66 /* =================================================== */
  67 /* = Common elements: headings, paragraphs and lines = */
  68 /* =================================================== */
  69 h1 {
  70     font-size: 3em;
  71     margin: 1.5em 0;
  72     text-align: center;
  73     line-height: 1.5em;
  74     font-weight: bold;
  75 }
  76
  77 h2 {
  78     font-size: 2em;
  79     margin: 1.5em 0 0;
  80     font-weight: bold;
  81     line-height: 1.5em;
  82 }
  83
  84 h3, .subtitle2 {
  85     font-size: 1.5em;
  86     margin: 1.5em 0 0;
  87     font-weight: normal;
  88     line-height: 1.5em;
  89 }
  90
  91 h4, .subtitle3 {
  92     font-size: 1em;
  93     margin: 1.5em 0 0;
  94     line-height: 1.5em;
  95 }
  96
  97 .subtitle4 {
  98     font-weight: bold;
  99 }
 100
 101 p {
 102     margin: 0;
 103 }
 104
 105 /* ======================== */
 106 /* = Footnotes and themes = */
 107 /* ======================== */
 108
 109 .annotation {
 110     font-style: normal;
 111     font-weight: normal;
 112     font-size: .75em;
 113     padding-left: 2px;
 114     position: relative;
 115     top: -4px;
 116     user-select: none;
 117     -webkit-user-select: none;
 118     -moz-user-select: none;
 119     -ms-user-select: none;
 120 }
 121
 122 #footnotes {
 123     margin-top: 3em;
 124 }
 125
 126 #footnotes .annotation {
 127     display: block;
 128     float: left;
 129     width: 2.5em;
 130     clear: both;
 131     user-select: auto;
 132     -webkit-user-select: text;
 133     -moz-user-select: text;
 134     -ms-user-select: text;
 135 }
 136
 137 #footnotes div {
 138     margin: 1.5em 0 0 0;
 139 }
 140
 141 #footnotes p, #footnotes ul {
 142     margin-left: 2.5em;
 143     font-size: 0.875em;
 144 }
 145
 146 #footnotes .permalink {
 147     font-size: .75em;
 148 }
 149
 150 blockquote {
 151     font-size: 0.875em;
 152 }
 153
 154 /* ============= */
 155 /* = Numbering = */
 156 /* ============= */
 157 .verse, .paragraph {
 158     position:relative;
 159 }
 160 /*.anchor {
 161     position: absolute;
 162     margin: -0.25em -0.5em;
 163     color: #777;
 164     font-size: 12px;
 165     text-align: center;
 166     padding: 0.25em 0.5em;
 167     line-height: 1.5em;
 168 }*/
 169
 170
 171 /* =================== */
 172 /* = Custom elements = */
 173 /* =================== */
 174 span.author {
 175     font-size: 0.5em;
 176     display: block;
 177     line-height: 1.5em;
 178     margin-bottom: 0.25em;
 179 }
 180
 181 span.collection {
 182     font-size: 0.375em;
 183     display: block;
 184     line-height: 1.5em;
 185     margin-bottom: -0.25em;
 186 }
 187
 188 span.subtitle {
 189     font-size: 0.5em;
 190     display: block;
 191     line-height: 1.5em;
 192     margin-top: -0.25em;
 193 }
 194
 195 span.translator {
 196     font-size: 0.375em;
 197     display: block;
 198     line-height: 1.5em;
 199     margin-top: 0.25em;
 200 }
 201
 202 div.didaskalia {
 203     font-style: italic;
 204     margin: 0.5em 0 0 1.5em;
 205 }
 206
 207 div.kwestia {
 208     margin: 0.5em 0 0;
 209 }
 210
 211 div.stanza {
 212     margin: 1.5em 0;
 213 }
 214
 215 div.kwestia div.stanza {
 216     margin: 0;
 217 }
 218
 219 p.paragraph {
 220     text-align: justify;
 221     margin: 0;
 222     text-indent: 1.5em;
 223 }
 224
 225 .motto {
 226     text-align: justify;
 227     font-style: italic;
 228     margin: 1.5em 0 0;
 229 }
 230
 231 p.motto_podpis {
 232     font-size: 0.875em;
 233     text-align: right;
 234     margin-bottom: 1.5em;
 235 }
 236
 237 div.fragment {
 238     border-bottom: 0.1em solid #999;
 239     padding-bottom: 1.5em;
 240 }
 241
 242 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
 243     text-align: right;
 244     font-style: italic;
 245 }
 246
 247 div.frame {
 248     border: 1px darkgray solid;
 249     padding: 1em;
 250     margin-top: 1em;
 251     margin-bottom: 1em;
 252 }
 253
 254 hr.spacer {
 255     height: 3em;
 256     visibility: hidden;
 257 }
 258
 259 hr.spacer-line {
 260     margin: 1.5em 0;
 261     border: none;
 262     border-bottom: 0.1em solid #000;
 263 }
 264
 265 p.spacer-asterisk {
 266     padding: 0;
 267     margin: 1.5em 0;
 268     text-align: center;
 269 }
 270
 271 div.person-list ol {
 272     list-style: none;
 273     padding: 0 0 0 1.5em;
 274 }
 275
 276 p.place-and-time {
 277     font-style: italic;
 278 }
 279
 280 em.math, em.foreign-word, em.book-title, em.didaskalia {
 281     font-style: italic;
 282 }
 283
 284 em.author-emphasis {
 285     letter-spacing: 0.1em;
 286 }
 287
 288 em.person {
 289     font-style: normal;
 290     font-variant: small-caps;
 291 }
 292
 293 em.wieksze-odstepy {
 294     font-style: normal;
 295     word-spacing: 1em;
 296 }
 297
 298 .verse:after {
 299     content: "\feff";
 300 }
 301
 302 table {
 303     border-collapse: collapse;
 304     width: 100%;
 305 }
 306
 307 table.border td, table.border th {
 308     border: 1px solid black;
 309     vertical-align: top;
 310 }
 311
 312
 313 /* =================================== */
 314 /* = Hide some elements for printing = */
 315 /* =================================== */
 316
 317 @media print {
 318     #menu {display: none;}
 319 }