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