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