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