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