Fix
[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: absolute;
104     margin: -0.25em -0.5em;
105     left: 1em;
106     color: #777;
107     font-size: 12px;
108     width: 2em;
109     text-align: center;
110     padding: 0.25em 0.5em;
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 span.author {
123     font-size: 0.5em;
124     display: block;
125     line-height: 1.5em;
126     margin-bottom: 0.25em;
127 }
128
129 .htmlview span.collection {
130     font-size: 0.375em;
131     display: block;
132     line-height: 1.5em;
133     margin-bottom: -0.25em;
134 }
135
136 .htmlview span.subtitle {
137     font-size: 0.5em;
138     display: block;
139     line-height: 1.5em;
140     margin-top: -0.25em;
141 }
142
143 .htmlview div.didaskalia {
144     font-style: italic;
145     margin: 0.5em 0 0 1.5em;
146 }
147
148 .htmlview div.kwestia {
149     margin: 0.5em 0 0;
150 }
151
152 .htmlview div.stanza {
153     margin: 1.5em 0 0;
154 }
155
156 .htmlview div.kwestia div.stanza {
157     margin: 0;
158 }
159
160 .htmlview p.paragraph {
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.note p, .htmlview div.dedication p,
182 .htmlview div.note p.paragraph, .htmlview div.dedication p.paragraph {
183     text-align: right;
184     font-style: italic;
185 }
186
187 .htmlview hr.spacer {
188     height: 3em;
189     visibility: hidden;
190 }
191
192 .htmlview hr.spacer-line {
193     margin: 1.5em 0;
194     border: none;
195     border-bottom: 0.1em solid #000;
196 }
197
198 .htmlview p.spacer-asterisk {
199     padding: 0;
200     margin: 1.5em 0;
201     text-align: center;
202 }
203
204 .htmlview div.person-list ol {
205     list-style: none;
206     padding: 0 0 0 1.5em;
207 }
208
209 .htmlview p.place-and-time {
210     font-style: italic;
211 }
212
213 .htmlview em.math, .htmlview em.foreign-word,
214 .htmlview em.book-title, .htmlview em.didaskalia {
215     font-style: italic;
216 }
217
218 .htmlview em.author-emphasis {
219     letter-spacing: 0.1em;
220 }
221
222 .htmlview em.person {
223     font-style: normal;
224     font-variant: small-caps;
225 }