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     padding-left: 55px;
  10 }
  11
  12 .htmlview * {
  13     position: relative;
  14 }
  15
  16 .htmlview div {
  17     max-width: 36em;
  18 }
  19
  20 .htmlview #toc {
  21     display: none;
  22 }
  23
  24 .htmlview a {
  25     color: blue;
  26     text-decoration: none;
  27 }
  28
  29 .htmlview h1 {
  30     font-size: 3em;
  31     margin: 1.5em 0;
  32     text-align: center;
  33     line-height: 1.5em;
  34     font-weight: bold;
  35
  36     text-transform: capitalize;
  37 }
  38
  39 .htmlview h2 {
  40     font-size: 2em;
  41     margin: 1.5em 0 0;
  42     font-weight: bold;
  43     line-height: 1.5em;
  44 }
  45
  46 .htmlview h3 {
  47     font-size: 1.5em;
  48     margin: 1.5em 0 0;
  49     font-weight: normal;
  50     line-height: 1.5em;
  51 }
  52
  53 .htmlview h4 {
  54     font-size: 1em;
  55     margin: 1.5em 0 0;
  56     line-height: 1.5em;
  57 }
  58
  59 .htmlview p {
  60     margin: 0;
  61 }
  62
  63 .htmlview #footnotes div {
  64     margin: 1.5em 0 0 0;
  65 }
  66
  67 .htmlview #footnotes p {
  68     margin-left: 2.5em;
  69     font-size: 0.875em;
  70 }
  71
  72 .htmlview blockquote {
  73     font-size: 0.875em;
  74 }
  75
  76 /* ============= */
  77 /* = Numbering = */
  78 /* ============= */
  79 .htmlview .anchor {
  80     position: relative;
  81     margin: 0em;
  82     left: -2.2em;
  83     color: #777;
  84     font-size: 12px;
  85     width: 2em;
  86     text-align: center;
  87     padding: 0.25em 0.7em;
  88     line-height: 1.5em;
  89 }
  90
  91 .htmlview .anchor:hover, .htmlview .anchor:active {
  92     color: #FFF;
  93     background-color: #CCC;
  94 }
  95
  96 /* =================== */
  97 /* = Custom elements = */
  98 /* =================== */
  99 .htmlview .autor_utwor {
 100     font-size: 0.5em;
 101     display: block;
 102     line-height: 1.5em;
 103     margin-bottom: 0.25em;
 104 }
 105
 106 .htmlview .dzielo_nadrzedne {
 107     font-size: 1.5em;
 108     display: block;
 109     line-height: 1.5em;
 110     margin-bottom: -0.25em;
 111 }
 112
 113 .htmlview .podtytul {
 114     font-size: 0.5em;
 115     display: block;
 116     line-height: 1.5em;
 117     margin-top: -0.25em;
 118 }
 119
 120 .htmlview .didaskalia {
 121     font-style: italic;
 122     margin: 0.5em 0 0 1.5em;
 123 }
 124
 125 .htmlview .kwestia {
 126     margin: 0.5em 0 0;
 127 }
 128
 129 .htmlview .strofa {
 130     margin: 1.5em 0 0 auto;
 131 }
 132
 133 .htmlview .kwestia .strofa {
 134     margin: 0;
 135 }
 136
 137 .htmlview .akap, .htmlview .akap_cd, .htmlview .akap_dialog {
 138     text-align: justify;
 139     margin: 1.5em 0 0;
 140 }
 141
 142 .htmlview p.motto {
 143     text-align: justify;
 144     font-style: italic;
 145     margin: 1.5em 0 0;
 146 }
 147
 148 .htmlview p.motto_podpis {
 149     font-size: 0.875em;
 150     text-align: right;
 151 }
 152
 153 .htmlview div.fragment {
 154     border-bottom: 0.1em solid #999;
 155     padding-bottom: 1.5em;
 156 }
 157
 158 .htmlview div.nota p,
 159 .htmlview div.dedykacja p {
 160     text-align: right;
 161     font-style: italic;
 162 }
 163
 164 .htmlview br.sekcja_swiatlo {
 165     height: 3em;
 166     /* visibility: hidden; */
 167 }
 168
 169 .htmlview hr.separator_linia {
 170     margin: 1.5em 0;
 171     border: none;
 172     border-bottom: 0.1em solid #000;
 173 }
 174
 175 .htmlview p.sekcja_asterysk {
 176     padding: 0;
 177     margin: 1.5em 0;
 178     text-align: center;
 179 }
 180
 181 .htmlview div.lista_osob ol {
 182     list-style: none;
 183     padding: 0 0 0 1.5em;
 184 }
 185
 186 .htmlview p.miejsce_czas {
 187     font-style: italic;
 188 }
 189
 190 .htmlview .mat,
 191 .htmlview .slowo_obce,
 192 .htmlview .tytul_dziela,
 193 .htmlview .didaskalia {
 194     font-style: italic;
 195 }
 196
 197 .htmlview .wyroznienie {
 198     letter-spacing: 0.1em;
 199 }
 200
 201 .htmlview .osoba {
 202     font-style: normal;
 203     font-variant: small-caps;
 204 }
 205
 206 .htmlview .parse-warning {
 207     display: block;
 208     font-size: 10pt;
 209     background: #C0C0C0;
 210     margin: 1em;
 211 }
 212
 213
 214 /* Motywy */
 215 /* ======================== */
 216 /* = Footnotes and themes = */
 217 /* ======================== */
 218
 219 .htmlview .theme-begin, .htmlview .theme-end {
 220     background: green;
 221 }
 222
 223 .htmlview .theme-ref {
 224     position: absolute;
 225     right: -8em;
 226
 227     min-width: 5em;
 228     max-width: 8em;
 229
 230     font-weight: normal;
 231     font-size: 10pt;
 232     font-variant: normal;
 233     text-decoration: none;
 234
 235     padding: 0.2em 0.2em 0.2em 0.5em;
 236
 237     border: 1px solid gray;
 238     border-left: 2px dotted gray;
 239     border-right: none;
 240
 241     z-index: 1;
 242 }
 243
 244 /* Przypisy */
 245 .htmlview .annotation {
 246     vertical-align: super;
 247     text-decoration: none;
 248     font-size: 0.66em;
 249 }
 250
 251 .htmlview a:hover {
 252     text-decoration: none;
 253 }
 254
 255 /* .htmlview .annotation:before {
 256     content: "[\2217]";
 257 } */
 258
 259 .htmlview .annotations-block {
 260     counter-reset: secondary;
 261 }
 262
 263 .htmlview .annotations-block .annotation-body {
 264     position: relative;
 265     padding-left: 2.5em;
 266     padding-top: 0.2em;
 267 }
 268
 269 .htmlview .annotations-block .annotation-backref {
 270     position: absolute;
 271     top: 0.4em;
 272     left: -0.4em;
 273     width: 2.5em;
 274     text-align: right;
 275
 276 }
 277
 278 .htmlview .annotations-block .annotation-backref:before {
 279     content: "[" counter(secondary) "]";
 280     counter-increment: secondary;
 281 }
 282
 283 .htmlview span.annotation:before {
 284     content: "[" counter(main) "]";
 285     counter-increment: main;
 286 }
 287
 288 .htmlview .annotation:hover {
 289     background-color: #dfdfdf;
 290 }
 291
 292 .parse-warning .message {
 293     color: purple;
 294     font-weight: bold;
 295 }
 296
 297
 298 /*
 299  * EDITABLE ELEMENTS
 300  */
 301
 302 .htmlview *[x-editable] {
 303     padding-left: 3px;
 304 }
 305
 306 /* focused editable element */
 307 .htmlview *[x-editable]:hover
 308 {
 309
 310 }
 311
 312 .htmlview *[x-editable][x-open]
 313 {
 314     visibility: hidden;
 315 }
 316
 317 .htmlview *[x-editable] .context-menu {
 318     position: absolute;
 319     top: 0px;
 320     left: -50px;
 321     width: 50px;
 322
 323     text-align: center;
 324     font-size: 11px;
 325     line-height: 15px;
 326
 327     font-weight: normal;
 328     font-style: normal;
 329
 330     background-color: #dfdfdf;
 331
 332     margin: 0px;
 333     padding: 0px;
 334
 335     display: none;
 336     visibility: visible;
 337
 338     border-top: 1px solid black;
 339     border-left: 1px solid black;
 340     border-bottom: 1px solid black;
 341
 342     overflow: hidden;
 343
 344     -moz-border-radius-topleft: 2px;
 345     -moz-border-radius-bottomleft: 2px;
 346
 347     -webkit-border-top-left-radius: 2px;
 348     -webkit-border-bottom-left-radius: 2px;
 349
 350     z-index: 3000;
 351 }
 352
 353 .htmlview *[x-editable] *.context-menu * {
 354     margin: 0px;
 355     display: block;
 356
 357     padding: 2px;
 358     cursor: pointer;
 359     border-bottom: 1px solid black;
 360 }
 361
 362 .htmlview *[x-editable] *.context-menu *:last-child {
 363     cursor: pointer;
 364     border-bottom: none;
 365 }
 366
 367 .htmlview *[x-editable] *.context-menu *:hover {
 368     background-color: orange;
 369 }
 370
 371 /*
 372  * VISIBILITY RULES
 373  */
 374 .htmlview *[x-editable] *.default-menu {
 375     display: block;
 376     opacity: 0.4;
 377 }
 378
 379 .htmlview *[x-editable] *.default-menu:hover {
 380     opacity: 1;
 381 }
 382
 383 .htmlview *[x-editable][x-open] *.default-menu {
 384     display: none;
 385 }
 386
 387 .htmlview *[x-editable][x-open] *.edit-menu {
 388     display: block;
 389 }
 390
 391 .html-editarea {
 392     border: 2px solid black;
 393     background-color: gray;
 394     padding: 1px;
 395
 396     z-index: 2000;
 397 }
 398
 399 .html-editarea textarea
 400 {
 401     border: 0px;
 402     margin: 0px;
 403     padding: 0px;
 404
 405     width: 100%;
 406     height: 100%;
 407
 408     z-index: 0;
 409     font-size: 10pt;
 410     background-color: ivory;
 411 }
 412
 413 .html-editarea p.html-editarea-toolbar {
 414     position: absolute;
 415     background: gray;
 416
 417     bottom: -26px;
 418     height: 24px;
 419
 420     left: 0px;
 421     right: 0px;
 422
 423     border: 2px solid black;
 424
 425     margin: 0px;
 426     padding: 0px;
 427
 428     z-index: 100;
 429 }
 430
 431