add tag ramka
[redakcja.git] / redakcja / static / css / html_print.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
63
64     font-style: normal;
65     font-weight: normal;
66     font-variant: normal;
67     letter-spacing: 0;
68     text-transform: none;
69     text-decoration: none;
70
71     font-size: 16px;
72     float: right;
73     margin-right: -9.5em;
74     clear: both;
75     left: 40em;
76     line-height: 1.5em;
77     text-align: left;
78 }
79
80 .htmlview .annotation {
81     font-style: normal;
82     font-weight: normal;
83     font-size: 12px;
84 }
85
86 .htmlview #footnotes .annotation {
87     display: block;
88     float: left;
89     width: 2.5em;
90     clear: both;
91 }
92
93 .htmlview #footnotes div {
94     margin: 1.5em 0 0 0;
95 }
96
97 .htmlview #footnotes p {
98     margin-left: 2.5em;
99     font-size: 0.875em;
100 }
101
102 .htmlview blockquote {
103     font-size: 0.875em;
104 }
105
106 /* ============= */
107 /* = Numbering = */
108 /* ============= */
109 .htmlview p {
110     position: relative;
111 }
112
113 .htmlview .anchor {
114     position: absolute;
115     margin: 0em;
116     left: -3em;
117     color: #777;
118     font-size: 12px;
119     width: 2em;
120     text-align: center;
121     padding: 0.25em 0.5em;
122     line-height: 1.5em;
123 }
124
125 .htmlview .anchor:hover, .htmlview .anchor:active {
126     color: #FFF;
127     background-color: #CCC;
128 }
129
130 /* =================== */
131 /* = Custom elements = */
132 /* =================== */
133 .htmlview span.author {
134     font-size: 0.5em;
135     display: block;
136     line-height: 1.5em;
137     margin-bottom: 0.25em;
138 }
139
140 .htmlview span.collection {
141     font-size: 0.375em;
142     display: block;
143     line-height: 1.5em;
144     margin-bottom: -0.25em;
145 }
146
147 .htmlview span.subtitle {
148     font-size: 0.5em;
149     display: block;
150     line-height: 1.5em;
151     margin-top: -0.25em;
152 }
153
154 .htmlview div.didaskalia {
155     font-style: italic;
156     margin: 0.5em 0 0 1.5em;
157 }
158
159 .htmlview div.kwestia {
160     margin: 0.5em 0 0;
161 }
162
163 .htmlview div.stanza {
164     margin: 1.5em 0 0;
165 }
166
167 .htmlview div.kwestia div.stanza {
168     margin: 0;
169 }
170
171 .htmlview p.paragraph {
172     text-align: justify;
173     margin: 1.5em 0 0;
174 }
175
176 .htmlview p.motto {
177     text-align: justify;
178     font-style: italic;
179     margin: 1.5em 0 0;
180 }
181
182 .htmlview p.motto_podpis {
183     font-size: 0.875em;
184     text-align: right;
185 }
186
187 .htmlview div.fragment {
188     border-bottom: 0.1em solid #999;
189     padding-bottom: 1.5em;
190 }
191
192 .htmlview div.note p, .htmlview div.dedication p,
193 .htmlview div.note p.paragraph, .htmlview div.dedication p.paragraph {
194     text-align: right;
195     font-style: italic;
196 }
197
198 .htmlview div.frame {
199     border: 1px darkgray solid;
200 }
201
202 .htmlview hr.spacer {
203     height: 3em;
204     visibility: hidden;
205 }
206
207 .htmlview hr.spacer-line {
208     margin: 1.5em 0;
209     border: none;
210     border-bottom: 0.1em solid #000;
211 }
212
213 .htmlview p.spacer-asterisk {
214     padding: 0;
215     margin: 1.5em 0;
216     text-align: center;
217 }
218
219 .htmlview div.person-list ol {
220     list-style: none;
221     padding: 0 0 0 1.5em;
222 }
223
224 .htmlview p.place-and-time {
225     font-style: italic;
226 }
227
228 .htmlview em.math, .htmlview em.foreign-word,
229 .htmlview em.book-title, .htmlview em.didaskalia {
230     font-style: italic;
231 }
232
233 .htmlview em.author-emphasis {
234     letter-spacing: 0.1em;
235 }
236
237 .htmlview em.person {
238     font-style: normal;
239     font-variant: small-caps;
240 }