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 }
 108
 109 #footnotes {
 110     margin-top: 3em;
 111 }
 112
 113 #footnotes .annotation {
 114     display: block;
 115     float: left;
 116     width: 2.5em;
 117     clear: both;
 118 }
 119
 120 #footnotes div {
 121     margin: 1.5em 0 0 0;
 122 }
 123
 124 #footnotes p, #footnotes ul {
 125     margin-left: 2.5em;
 126     font-size: 0.875em;
 127 }
 128
 129 #footnotes .permalink {
 130     font-size: .75em;
 131 }
 132
 133 blockquote {
 134     font-size: 0.875em;
 135 }
 136
 137 /* ============= */
 138 /* = Numbering = */
 139 /* ============= */
 140 .verse, .paragraph {
 141     position:relative;
 142 }
 143 /*.anchor {
 144     position: absolute;
 145     margin: -0.25em -0.5em;
 146     color: #777;
 147     font-size: 12px;
 148     text-align: center;
 149     padding: 0.25em 0.5em;
 150     line-height: 1.5em;
 151 }*/
 152
 153
 154 /* =================== */
 155 /* = Custom elements = */
 156 /* =================== */
 157 span.author {
 158     font-size: 0.5em;
 159     display: block;
 160     line-height: 1.5em;
 161     margin-bottom: 0.25em;
 162 }
 163
 164 span.collection {
 165     font-size: 0.375em;
 166     display: block;
 167     line-height: 1.5em;
 168     margin-bottom: -0.25em;
 169 }
 170
 171 span.subtitle {
 172     font-size: 0.5em;
 173     display: block;
 174     line-height: 1.5em;
 175     margin-top: -0.25em;
 176 }
 177
 178 span.translator {
 179     font-size: 0.375em;
 180     display: block;
 181     line-height: 1.5em;
 182     margin-top: 0.25em;
 183 }
 184
 185 div.didaskalia {
 186     font-style: italic;
 187     margin: 0.5em 0 0 1.5em;
 188 }
 189
 190 div.kwestia {
 191     margin: 0.5em 0 0;
 192 }
 193
 194 div.stanza {
 195     margin: 1.5em 0;
 196 }
 197
 198 div.kwestia div.stanza {
 199     margin: 0;
 200 }
 201
 202 p.paragraph {
 203     text-align: justify;
 204     margin: 0;
 205     text-indent: 1.5em;
 206 }
 207
 208 .motto {
 209     text-align: justify;
 210     font-style: italic;
 211     margin: 1.5em 0 0;
 212 }
 213
 214 p.motto_podpis {
 215     font-size: 0.875em;
 216     text-align: right;
 217     margin-bottom: 1.5em;
 218 }
 219
 220 div.fragment {
 221     border-bottom: 0.1em solid #999;
 222     padding-bottom: 1.5em;
 223 }
 224
 225 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
 226     text-align: right;
 227     font-style: italic;
 228 }
 229
 230 div.frame {
 231     border: 1px darkgray solid;
 232     padding: 1em;
 233     margin-top: 1em;
 234     margin-bottom: 1em;
 235 }
 236
 237 hr.spacer {
 238     height: 3em;
 239     visibility: hidden;
 240 }
 241
 242 hr.spacer-line {
 243     margin: 1.5em 0;
 244     border: none;
 245     border-bottom: 0.1em solid #000;
 246 }
 247
 248 p.spacer-asterisk {
 249     padding: 0;
 250     margin: 1.5em 0;
 251     text-align: center;
 252 }
 253
 254 div.person-list ol {
 255     list-style: none;
 256     padding: 0 0 0 1.5em;
 257 }
 258
 259 p.place-and-time {
 260     font-style: italic;
 261 }
 262
 263 em.math, em.foreign-word, em.book-title, em.didaskalia {
 264     font-style: italic;
 265 }
 266
 267 em.author-emphasis {
 268     letter-spacing: 0.1em;
 269 }
 270
 271 em.person {
 272     font-style: normal;
 273     font-variant: small-caps;
 274 }
 275
 276 em.wieksze-odstepy {
 277     font-style: normal;
 278     word-spacing: 1em;
 279 }
 280
 281 .verse:after {
 282     content: "\feff";
 283 }
 284
 285 table {
 286     border-collapse: collapse;
 287     width: 100%;
 288 }
 289
 290 table.border td, table.border th {
 291     border: 1px solid black;
 292     vertical-align: top;
 293 }
 294
 295
 296 /* =================================== */
 297 /* = Hide some elements for printing = */
 298 /* =================================== */
 299
 300 @media print {
 301     #menu {display: none;}
 302 }