wolnelektury/static/css/master.book.css

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