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 .annotation:hover {
 250     background-color: #dfdfdf;
 251 }
 252
 253 .parse-warning .message {
 254     color: purple;
 255     font-weight: bold;
 256 }
 257
 258
 259 /*
 260  * EDITABLE ELEMENTS
 261  */
 262
 263 .htmlview *[x-editable] {
 264     border: 2px solid white;
 265     padding: 5px;
 266 }
 267
 268 /* focused editable element */
 269 .htmlview *[x-editable]:hover
 270 {
 271     background-color: #dfdfdf;
 272     border: 2px solid black;
 273     z-index: 100;
 274 }
 275
 276 .htmlview *[x-editable][x-open]
 277 {
 278     visibility: hidden;
 279 }
 280
 281 .htmlview *[x-editable] .context-menu {
 282     position: absolute;
 283     top: -28px;
 284     left: -2px;
 285     height: 24px;
 286
 287     text-align: center;
 288
 289     font-size: 14px;
 290     line-height: 24px;
 291     font-weight: normal;
 292     font-style: normal;
 293
 294     background-color: #dfdfdf;
 295     margin: 0px;
 296     padding: 0px;
 297
 298     border-top: 2px solid black;
 299     border-left: 2px solid black;
 300     border-right: 2px solid black;
 301
 302     display: none;
 303     visibility: visible;
 304     overflow: hidden;
 305
 306     -moz-border-radius-topright: 5px;
 307     -moz-border-radius-topleft: 5px;
 308
 309     -webkit-border-top-right-radius: 5px;
 310     -webkit-border-top-left-radius: 5px;
 311
 312     z-index: 3000;
 313 }
 314
 315 .htmlview *[x-editable] *.context-menu * {
 316     padding: 5px;
 317 }
 318
 319 .htmlview *[x-editable] *.context-menu *:hover {
 320     background-color: yellow;
 321     z-index: 3100;
 322 }
 323
 324 /*
 325  * VISIBILITY RULES
 326  */
 327 .htmlview *[x-editable]:hover *.default-menu {
 328     display: block;
 329 }
 330
 331 .htmlview *[x-editable][x-open] *.default-menu {
 332     display: none;
 333 }
 334
 335 .htmlview *[x-editable][x-open] *.edit-menu {
 336     display: block;
 337 }
 338
 339 .html-editarea {
 340     border: 2px solid black;
 341     background-color: gray;
 342     padding: 1px;
 343
 344     z-index: 2000;
 345 }
 346
 347 .html-editarea textarea
 348 {
 349     border: 0px;
 350     margin: 0px;
 351     padding: 0px;
 352
 353     width: 100%;
 354     height: 100%;
 355
 356     z-index: 0;
 357     font-size: 10pt;
 358     background-color: ivory;
 359 }
 360
 361 .html-editarea p.html-editarea-toolbar {
 362     position: absolute;
 363     background: gray;
 364
 365     bottom: -26px;
 366     height: 24px;
 367
 368     left: 0px;
 369     right: 0px;
 370
 371     border: 2px solid black;
 372
 373     margin: 0px;
 374     padding: 0px;
 375
 376     z-index: 100;
 377 }
 378
 379