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