platforma/static/css/html.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     font-style: normal;
  63     font-weight: normal;
  64     font-size: 16px;
  65     float: right;
  66     margin-right: -9.5em;
  67     clear: both;
  68     left: 40em;
  69     line-height: 1.5em;
  70     text-align: left;
  71 }
  72
  73 .htmlview .annotation {
  74     font-style: normal;
  75     font-weight: normal;
  76     font-size: 12px;
  77 }
  78
  79 .htmlview #footnotes .annotation {
  80     display: block;
  81     float: left;
  82     width: 2.5em;
  83     clear: both;
  84 }
  85
  86 .htmlview #footnotes div {
  87     margin: 1.5em 0 0 0;
  88 }
  89
  90 .htmlview #footnotes p {
  91     margin-left: 2.5em;
  92     font-size: 0.875em;
  93 }
  94
  95 .htmlview blockquote {
  96     font-size: 0.875em;
  97 }
  98
  99 /* ============= */
 100 /* = Numbering = */
 101 /* ============= */
 102 .htmlview .anchor {
 103     position: relative;
 104     margin: 0em;
 105     left: -2.2em;
 106     color: #777;
 107     font-size: 12px;
 108     width: 2em;
 109     text-align: center;
 110     padding: 0.25em 0.7em;
 111     line-height: 1.5em;
 112 }
 113
 114 .htmlview .anchor:hover, .htmlview .anchor:active {
 115     color: #FFF;
 116     background-color: #CCC;
 117 }
 118
 119 /* =================== */
 120 /* = Custom elements = */
 121 /* =================== */
 122 .htmlview .autor_utwor {
 123     font-size: 0.5em;
 124     display: block;
 125     line-height: 1.5em;
 126     margin-bottom: 0.25em;
 127 }
 128
 129 .htmlview .dzielo_nadrzedne {
 130     font-size: 0.375em;
 131     display: block;
 132     line-height: 1.5em;
 133     margin-bottom: -0.25em;
 134 }
 135
 136 .htmlview .podtytul {
 137     font-size: 0.5em;
 138     display: block;
 139     line-height: 1.5em;
 140     margin-top: -0.25em;
 141 }
 142
 143 .htmlview .didaskalia {
 144     font-style: italic;
 145     margin: 0.5em 0 0 1.5em;
 146 }
 147
 148 .htmlview .kwestia {
 149     margin: 0.5em 0 0;
 150 }
 151
 152 .htmlview .strofa {
 153     margin: 1.5em 0 0;
 154 }
 155
 156 .htmlview .kwestia .strofa {
 157     margin: 0;
 158 }
 159
 160 .htmlview .akap, .htmlview .akap_cd, .htmlview .akap_dialog {
 161     text-align: justify;
 162     margin: 1.5em 0 0;
 163 }
 164
 165 .htmlview p.motto {
 166     text-align: justify;
 167     font-style: italic;
 168     margin: 1.5em 0 0;
 169 }
 170
 171 .htmlview p.motto_podpis {
 172     font-size: 0.875em;
 173     text-align: right;
 174 }
 175
 176 .htmlview div.fragment {
 177     border-bottom: 0.1em solid #999;
 178     padding-bottom: 1.5em;
 179 }
 180
 181 .htmlview div.nota p,
 182 .htmlview div.dedykacja p {
 183     text-align: right;
 184     font-style: italic;
 185 }
 186
 187 .htmlview br.sekcja_swiatlo {
 188     height: 3em;
 189     /* visibility: hidden; */
 190 }
 191
 192 .htmlview hr.separator_linia {
 193     margin: 1.5em 0;
 194     border: none;
 195     border-bottom: 0.1em solid #000;
 196 }
 197
 198 .htmlview p.sekcja_asterysk {
 199     padding: 0;
 200     margin: 1.5em 0;
 201     text-align: center;
 202 }
 203
 204 .htmlview div.lista_osob ol {
 205     list-style: none;
 206     padding: 0 0 0 1.5em;
 207 }
 208
 209 .htmlview p.miejsce_czas {
 210     font-style: italic;
 211 }
 212
 213 .htmlview .mat,
 214 .htmlview .slowo_obce,
 215 .htmlview .tytul_dziela,
 216 .htmlview .didaskalia {
 217     font-style: italic;
 218 }
 219
 220 .htmlview .wyroznienie {
 221     letter-spacing: 0.1em;
 222 }
 223
 224 .htmlview .osoba {
 225     font-style: normal;
 226     font-variant: small-caps;
 227 }
 228
 229 .htmlview .parse-warning {
 230     display: block;
 231     font-size: 10pt;
 232     background: #C0C0C0;
 233     margin: 1em;
 234 }
 235
 236 .parse-warning .message {
 237     color: purple;
 238     font-weight: bold;
 239 }