src/wolnelektury/static/css/new.book.css

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