Merge branch 'master' of stigma.nowoczesnapolska.org.pl:platforma
[redakcja.git] / 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