platforma/static/css/html.css

   1 /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */
   2
   3 @namespace wl2o "";
   4
   5 .htmlview {
   6     counter-reset: main;
   7     font-size: 16px;
   8     font-family: "Georgia", "Times New Roman", serif;
   9     line-height: 1.5em;
  10     padding: 3em;
  11 }
  12
  13 .htmlview div {
  14     max-width: 36em;
  15 }
  16
  17 .htmlview #toc {
  18     display: none;
  19 }
  20
  21 .htmlview a {
  22     color: blue;
  23     text-decoration: none;
  24 }
  25
  26 .htmlview h1 {
  27     font-size: 3em;
  28     margin: 1.5em 0;
  29     text-align: center;
  30     line-height: 1.5em;
  31     font-weight: bold;
  32 }
  33
  34 .htmlview h2 {
  35     font-size: 2em;
  36     margin: 1.5em 0 0;
  37     font-weight: bold;
  38     line-height: 1.5em;
  39 }
  40
  41 .htmlview h3 {
  42     font-size: 1.5em;
  43     margin: 1.5em 0 0;
  44     font-weight: normal;
  45     line-height: 1.5em;
  46 }
  47
  48 .htmlview h4 {
  49     font-size: 1em;
  50     margin: 1.5em 0 0;
  51     line-height: 1.5em;
  52 }
  53
  54 .htmlview p {
  55     margin: 0;
  56 }
  57
  58 /* ======================== */
  59 /* = Footnotes and themes = */
  60 /* ======================== */
  61 .htmlview .theme-begin {
  62     border-left: 0.1em solid #DDDDDD;
  63     color: #777;
  64     padding: 0 0.5em;
  65     width: 7.5em;
  66     font-style: normal;
  67     font-weight: normal;
  68     font-size: 16px;
  69     float: right;
  70     margin-right: -9.5em;
  71     clear: both;
  72     left: 40em;
  73     line-height: 1.5em;
  74     text-align: left;
  75 }
  76
  77 .htmlview #footnotes div {
  78     margin: 1.5em 0 0 0;
  79 }
  80
  81 .htmlview #footnotes p {
  82     margin-left: 2.5em;
  83     font-size: 0.875em;
  84 }
  85
  86 .htmlview blockquote {
  87     font-size: 0.875em;
  88 }
  89
  90 /* ============= */
  91 /* = Numbering = */
  92 /* ============= */
  93 .htmlview .anchor {
  94     position: relative;
  95     margin: 0em;
  96     left: -2.2em;
  97     color: #777;
  98     font-size: 12px;
  99     width: 2em;
 100     text-align: center;
 101     padding: 0.25em 0.7em;
 102     line-height: 1.5em;
 103 }
 104
 105 .htmlview .anchor:hover, .htmlview .anchor:active {
 106     color: #FFF;
 107     background-color: #CCC;
 108 }
 109
 110 /* =================== */
 111 /* = Custom elements = */
 112 /* =================== */
 113 .htmlview .autor_utwor {
 114     font-size: 0.5em;
 115     display: block;
 116     line-height: 1.5em;
 117     margin-bottom: 0.25em;
 118 }
 119
 120 .htmlview .dzielo_nadrzedne {
 121     font-size: 0.375em;
 122     display: block;
 123     line-height: 1.5em;
 124     margin-bottom: -0.25em;
 125 }
 126
 127 .htmlview .podtytul {
 128     font-size: 0.5em;
 129     display: block;
 130     line-height: 1.5em;
 131     margin-top: -0.25em;
 132 }
 133
 134 .htmlview .didaskalia {
 135     font-style: italic;
 136     margin: 0.5em 0 0 1.5em;
 137 }
 138
 139 .htmlview .kwestia {
 140     margin: 0.5em 0 0;
 141 }
 142
 143 .htmlview .strofa {
 144     margin: 1.5em 0 0 auto;
 145 }
 146
 147 .htmlview .kwestia .strofa {
 148     margin: 0;
 149 }
 150
 151 .htmlview .akap, .htmlview .akap_cd, .htmlview .akap_dialog {
 152     text-align: justify;
 153     margin: 1.5em 0 0;
 154 }
 155
 156 .htmlview p.motto {
 157     text-align: justify;
 158     font-style: italic;
 159     margin: 1.5em 0 0;
 160 }
 161
 162 .htmlview p.motto_podpis {
 163     font-size: 0.875em;
 164     text-align: right;
 165 }
 166
 167 .htmlview div.fragment {
 168     border-bottom: 0.1em solid #999;
 169     padding-bottom: 1.5em;
 170 }
 171
 172 .htmlview div.nota p,
 173 .htmlview div.dedykacja p {
 174     text-align: right;
 175     font-style: italic;
 176 }
 177
 178 .htmlview br.sekcja_swiatlo {
 179     height: 3em;
 180     /* visibility: hidden; */
 181 }
 182
 183 .htmlview hr.separator_linia {
 184     margin: 1.5em 0;
 185     border: none;
 186     border-bottom: 0.1em solid #000;
 187 }
 188
 189 .htmlview p.sekcja_asterysk {
 190     padding: 0;
 191     margin: 1.5em 0;
 192     text-align: center;
 193 }
 194
 195 .htmlview div.lista_osob ol {
 196     list-style: none;
 197     padding: 0 0 0 1.5em;
 198 }
 199
 200 .htmlview p.miejsce_czas {
 201     font-style: italic;
 202 }
 203
 204 .htmlview .mat,
 205 .htmlview .slowo_obce,
 206 .htmlview .tytul_dziela,
 207 .htmlview .didaskalia {
 208     font-style: italic;
 209 }
 210
 211 .htmlview .wyroznienie {
 212     letter-spacing: 0.1em;
 213 }
 214
 215 .htmlview .osoba {
 216     font-style: normal;
 217     font-variant: small-caps;
 218 }
 219
 220 .htmlview .parse-warning {
 221     display: block;
 222     font-size: 10pt;
 223     background: #C0C0C0;
 224     margin: 1em;
 225 }
 226
 227 /* Przypisy */
 228 .htmlview .annotation {
 229     vertical-align: super;
 230     text-decoration: none;
 231     font-size: 0.66em;
 232 }
 233
 234 .htmlview a:hover {
 235     text-decoration: none;
 236 }
 237
 238 /* .htmlview .annotation:before {
 239     content: "[\2217]";
 240 } */
 241
 242 .htmlview span.annotation:before {
 243     content: "[" counter(main) "]";
 244     counter-increment: main;
 245 }
 246
 247 .htmlview *[wl2o\:editable] {
 248     background-color: pink;
 249 }
 250
 251 .htmlview *[wl2o\:editable] *[wl2o\:editable] {
 252     background-color: red;
 253 }
 254
 255
 256 .htmlview .annotation:hover {
 257     background-color: #dfdfdf;
 258 }
 259
 260 .parse-warning .message {
 261     color: purple;
 262     font-weight: bold;
 263 }