assets/www/css/book_text.css

   1 /*
   2  * This file is part of WolneLektury-Mobile, licensed under GNU Affero GPLv3 or later.
   3  * Copyright © Fundacja Nowoczesna Polska. See NOTICE for more information.
   4  */
   5
   6 #book-text {
   7     font-size: 12px;
   8     line-height: 1.5em;
   9     margin: 0;
  10 }
  11
  12 #book-text a {
  13     color: blue;
  14     text-decoration: none;
  15 }
  16
  17
  18 /* ================================== */
  19 /* = Header with logo and menu      = */
  20 /* ================================== */
  21 #book-text #header {
  22     margin: 3.4em 0 0 1.4em;
  23 }
  24
  25 #book-text img {
  26     border: none;
  27 }
  28
  29
  30 #book-text #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 #book-text #menu ul {
  43     list-style: none;
  44     padding: 0;
  45     margin: 0;
  46 }
  47
  48 #book-text #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 #book-text #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 #book-text #menu li a.selected {
  64     color: #000;
  65     background: #FFF url(/static/img/arrow-up.png) no-repeat center right;
  66 }
  67 #book-text #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 #book-text #menu span {
  76     color: #888;
  77     font-style: italic;
  78     font-size: .75em;
  79     margin-right: 0.5em;
  80 }
  81
  82
  83 #book-text #toc, #themes, #nota_red, #info {
  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 #book-text #toc ol, #themes ol {
 101     list-style: none;
 102     padding: 0;
 103     margin: 0;
 104 }
 105
 106 #book-text #toc ol li {
 107     font-weight: bold;
 108 }
 109
 110 #book-text #toc ol ol {
 111     padding: 0 0 1.5em 1.5em;
 112     margin: 0;
 113 }
 114
 115 #book-text #toc ol ol li {
 116     font-weight: normal;
 117 }
 118
 119 #book-text #toc h2 {
 120     display: none;
 121 }
 122
 123 #book-text #toc .anchor {
 124     float: none;
 125     margin: 0;
 126     color: blue;
 127     font-size: 16px;
 128     position: inherit;
 129 }
 130
 131 #book-text #info p {
 132     text-align: justify;
 133     margin: 1.5em 0 0;
 134 }
 135
 136 /* =================================================== */
 137 /* = Common elements: headings, paragraphs and lines = */
 138 /* =================================================== */
 139 #book-text h1 {
 140     font-size: 2.5em;
 141     margin: 1.5em 0;
 142     text-align: center;
 143     line-height: 1.5em;
 144     font-weight: bold;
 145 }
 146
 147 #book-text h2 {
 148     font-size: 1.7em;
 149     margin: 1.5em 0 0;
 150     font-weight: bold;
 151     line-height: 1.5em;
 152 }
 153
 154 #book-text h3 {
 155     font-size: 1.4em;
 156     margin: 1.5em 0 0;
 157     font-weight: normal;
 158     line-height: 1.5em;
 159 }
 160
 161 #book-text h4 {
 162     font-size: 1em;
 163     margin: 1.5em 0 0;
 164     line-height: 1.5em;
 165 }
 166
 167 #book-text p {
 168     margin: 0;
 169 }
 170
 171 /* ======================== */
 172 /* = Footnotes and themes = */
 173 /* ======================== */
 174 #book-text .theme-begin {
 175         display:none;
 176 /*    border-left: 0.1em solid #DDDDDD;
 177     color: #777;
 178     padding: 0 0.5em;
 179
 180     font-style: normal;
 181     font-weight: normal;
 182     font-variant: normal;
 183     letter-spacing: 0;
 184     text-transform: none;
 185     text-decoration: none;
 186     width: 7.5em;
 187
 188     font-size: 10px;
 189     float: right;
 190     margin-bottom: 0.5em;
 191     clear: both;
 192     line-height: 1.5em;
 193     text-align: left;
 194 */}
 195
 196 #book-text .annotation {
 197     font-style: normal;
 198     font-weight: normal;
 199     font-size: 12px;
 200     padding-left: 2px;
 201     position: relative;
 202     top: -4px;
 203 }
 204
 205 #book-text #footnotes {
 206     margin-top: 3em;
 207 }
 208
 209 #book-text #footnotes .annotation {
 210     display: block;
 211     float: left;
 212     width: 2.5em;
 213     clear: both;
 214 }
 215
 216 #book-text #footnotes div {
 217     margin: 1.5em 0 0 0;
 218 }
 219
 220 #book-text #footnotes p, #footnotes ul {
 221     margin-left: 2.5em;
 222     font-size: 0.875em;
 223 }
 224
 225 #book-text #footnotes .permalink {
 226     font-size: .75em;
 227 }
 228
 229 #book-text blockquote {
 230     font-size: 0.875em;
 231     margin: 0 0 0 1em;
 232 }
 233
 234 /* ============= */
 235 /* = Numbering = */
 236 /* ============= */
 237 /*.verse, .paragraph {
 238     position:relative;
 239 }
 240 #book-text .anchor {
 241     position: absolute;
 242     margin: -0.25em -0.5em;
 243     left: -3em;
 244     color: #777;
 245     font-size: 12px;
 246     width: 2em;
 247     text-align: center;
 248     padding: 0.25em 0.5em;
 249     line-height: 1.5em;
 250 }
 251
 252 #book-text .anchor:hover, #book-text .anchor:active {
 253     color: #FFF;
 254     background-color: #CCC;
 255 }*/
 256 #book-text .anchor{display:none;}
 257
 258 /* =================== */
 259 /* = Custom elements = */
 260 /* =================== */
 261 #book-text span.author {
 262     font-size: 0.5em;
 263     display: block;
 264     line-height: 1.5em;
 265     margin-bottom: 0.25em;
 266 }
 267
 268 #book-text span.collection {
 269     font-size: 0.375em;
 270     display: block;
 271     line-height: 1.5em;
 272     margin-bottom: -0.25em;
 273 }
 274
 275 #book-text span.subtitle {
 276     font-size: 0.5em;
 277     display: block;
 278     line-height: 1.5em;
 279     margin-top: -0.25em;
 280 }
 281
 282 #book-text span.translator {
 283     font-size: 0.375em;
 284     display: block;
 285     line-height: 1.5em;
 286     margin-top: 0.25em;
 287 }
 288
 289 #book-text div.didaskalia {
 290     font-style: italic;
 291     margin: 0.5em 0 0 1.5em;
 292 }
 293
 294 #book-text div.kwestia {
 295     margin: 0.5em 0 0;
 296 }
 297
 298 #book-text div.stanza {
 299     margin: 1.5em 0 0;
 300 }
 301
 302 #book-text div.kwestia div.stanza {
 303     margin: 0;
 304 }
 305
 306 #book-text p.paragraph {
 307     text-align: justify;
 308     margin: 1.5em 0 0;
 309 }
 310
 311 #book-text p.motto {
 312     text-align: justify;
 313     font-style: italic;
 314     margin: 1.5em 0 0;
 315 }
 316
 317 #book-text p.motto_podpis {
 318     font-size: 0.875em;
 319     text-align: right;
 320 }
 321
 322 #book-text div.fragment {
 323     border-bottom: 0.1em solid #999;
 324     padding-bottom: 1.5em;
 325 }
 326
 327 #book-text div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
 328     text-align: right;
 329     font-style: italic;
 330 }
 331
 332 #book-text hr.spacer {
 333     height: 3em;
 334     visibility: hidden;
 335 }
 336
 337 #book-text hr.spacer-line {
 338     margin: 1.5em 0;
 339     border: none;
 340     border-bottom: 0.1em solid #000;
 341 }
 342
 343 #book-text p.spacer-asterisk {
 344     padding: 0;
 345     margin: 1.5em 0;
 346     text-align: center;
 347 }
 348
 349 #book-text div.person-list ol {
 350     list-style: none;
 351     padding: 0 0 0 1.5em;
 352 }
 353
 354 #book-text p.place-and-time {
 355     font-style: italic;
 356 }
 357
 358 #book-text em.math, em.foreign-word, em.book-title, em.didaskalia {
 359     font-style: italic;
 360 }
 361
 362 #book-text em.author-emphasis {
 363     letter-spacing: 0.1em;
 364 }
 365
 366 #book-text em.person {
 367     font-style: normal;
 368     font-variant: small-caps;
 369 }
 370
 371 #book-text .verse:after {
 372     content: "\feff";
 373 }