platforma/static/css/html.css

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