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