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