src/redakcja/static/css/html_print.css

   1 /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */
   2 .htmlview {
   3     font-size: 16px;
   4     font-family: Georgia, "Times New Roman", serif;
   5     line-height: 1.5em;
   6     padding: 3em;
   7 }
   8
   9 .htmlview div {
  10     max-width: 36em;
  11 }
  12
  13 .htmlview #toc {
  14     display: none;
  15 }
  16
  17 .htmlview a {
  18     color: blue;
  19     text-decoration: none;
  20 }
  21
  22 .htmlview h1 {
  23     font-size: 3em;
  24     margin: 1.5em 0;
  25     text-align: center;
  26     line-height: 1.5em;
  27     font-weight: bold;
  28 }
  29
  30 .htmlview h2 {
  31     font-size: 2em;
  32     margin: 1.5em 0 0;
  33     font-weight: bold;
  34     line-height: 1.5em;
  35 }
  36
  37 .htmlview h3 {
  38     font-size: 1.5em;
  39     margin: 1.5em 0 0;
  40     font-weight: normal;
  41     line-height: 1.5em;
  42 }
  43
  44 .htmlview h4 {
  45     font-size: 1em;
  46     margin: 1.5em 0 0;
  47     line-height: 1.5em;
  48 }
  49
  50 .htmlview p {
  51     margin: 0;
  52 }
  53
  54 /* ======================== */
  55 /* = Footnotes and themes = */
  56 /* ======================== */
  57 .htmlview .theme-begin {
  58     border-left: 0.1em solid #DDDDDD;
  59     color: #777;
  60     padding: 0 0.5em;
  61     width: 7.5em;
  62
  63
  64     font-style: normal;
  65     font-weight: normal;
  66     font-variant: normal;
  67     letter-spacing: 0;
  68     text-transform: none;
  69     text-decoration: none;
  70
  71     font-size: 16px;
  72     float: right;
  73     margin-right: -9.5em;
  74     clear: both;
  75     left: 40em;
  76     line-height: 1.5em;
  77     text-align: left;
  78 }
  79
  80 .htmlview .annotation {
  81     font-style: normal;
  82     font-weight: normal;
  83     font-size: 12px;
  84 }
  85
  86 .htmlview #footnotes .annotation {
  87     display: block;
  88     float: left;
  89     width: 2.5em;
  90     clear: both;
  91 }
  92
  93 .htmlview #footnotes div {
  94     margin: 1.5em 0 0 0;
  95 }
  96
  97 .htmlview #footnotes p {
  98     margin-left: 2.5em;
  99     font-size: 0.875em;
 100 }
 101
 102 .htmlview blockquote {
 103     font-size: 0.875em;
 104 }
 105
 106 /* ============= */
 107 /* = Numbering = */
 108 /* ============= */
 109 .htmlview p {
 110     position: relative;
 111 }
 112
 113 .htmlview .anchor {
 114     position: absolute;
 115     margin: 0em;
 116     left: -3em;
 117     color: #777;
 118     font-size: 12px;
 119     width: 2em;
 120     text-align: center;
 121     padding: 0.25em 0.5em;
 122     line-height: 1.5em;
 123 }
 124
 125 .htmlview .anchor:hover, .htmlview .anchor:active {
 126     color: #FFF;
 127     background-color: #CCC;
 128 }
 129
 130 /* =================== */
 131 /* = Custom elements = */
 132 /* =================== */
 133 .htmlview span.author {
 134     font-size: 0.5em;
 135     display: block;
 136     line-height: 1.5em;
 137     margin-bottom: 0.25em;
 138 }
 139
 140 .htmlview span.collection {
 141     font-size: 0.375em;
 142     display: block;
 143     line-height: 1.5em;
 144     margin-bottom: -0.25em;
 145 }
 146
 147 .htmlview span.subtitle {
 148     font-size: 0.5em;
 149     display: block;
 150     line-height: 1.5em;
 151     margin-top: -0.25em;
 152 }
 153
 154 .htmlview div.didaskalia {
 155     font-style: italic;
 156     margin: 0.5em 0 0 1.5em;
 157 }
 158
 159 .htmlview div.kwestia {
 160     margin: 0.5em 0 0;
 161 }
 162
 163 .htmlview div.stanza {
 164     margin: 1.5em 0 0;
 165 }
 166
 167 .htmlview div.kwestia div.stanza {
 168     margin: 0;
 169 }
 170
 171 .htmlview p.paragraph {
 172     text-align: justify;
 173     margin: 1.5em 0 0;
 174 }
 175
 176 .htmlview p.motto {
 177     text-align: justify;
 178     font-style: italic;
 179     margin: 1.5em 0 0;
 180 }
 181
 182 .htmlview p.motto_podpis {
 183     font-size: 0.875em;
 184     text-align: right;
 185 }
 186
 187 .htmlview div.fragment {
 188     border-bottom: 0.1em solid #999;
 189     padding-bottom: 1.5em;
 190 }
 191
 192 .htmlview div.note p, .htmlview div.dedication p,
 193 .htmlview div.note p.paragraph, .htmlview div.dedication p.paragraph {
 194     text-align: right;
 195     font-style: italic;
 196 }
 197
 198 .htmlview div.frame {
 199     border: 1px darkgray solid;
 200 }
 201
 202 .htmlview hr.spacer {
 203     height: 3em;
 204     visibility: hidden;
 205 }
 206
 207 .htmlview hr.spacer-line {
 208     margin: 1.5em 0;
 209     border: none;
 210     border-bottom: 0.1em solid #000;
 211 }
 212
 213 .htmlview p.spacer-asterisk {
 214     padding: 0;
 215     margin: 1.5em 0;
 216     text-align: center;
 217 }
 218
 219 .htmlview div.person-list ol {
 220     list-style: none;
 221     padding: 0 0 0 1.5em;
 222 }
 223
 224 .htmlview p.place-and-time {
 225     font-style: italic;
 226 }
 227
 228 .htmlview em.math, .htmlview em.foreign-word,
 229 .htmlview em.book-title, .htmlview em.didaskalia {
 230     font-style: italic;
 231 }
 232
 233 .htmlview em.author-emphasis {
 234     letter-spacing: 0.1em;
 235 }
 236
 237 .htmlview em.person {
 238     font-style: normal;
 239     font-variant: small-caps;
 240 }
 241
 242 .htmlview em.wieksze-odstepy
 243 {
 244     font-style: normal;
 245     word-spacing: 1em;
 246 }