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