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