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