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