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