543ee8f0af35f86e10e0cfa660dad0db529891a4
[edumed.git] / catalogue / static / catalogue / css / lesson.scss
1 /* =================================================== */
2 /* = Common elements: headings, paragraphs and lines = */
3 /* =================================================== */
4
5 /*h1 {
6     font-size: 3em;
7     margin: 1.5em 0;
8     text-align: center;
9     line-height: 1.5em;
10     font-weight: bold;
11 }
12
13 h2 {
14     font-size: 2em;
15     margin: 1.5em 0 0;
16     font-weight: bold;
17     line-height: 1.5em;
18 }
19
20 h3 {
21     font-size: 1.5em;
22     margin: 1.5em 0 0;
23     font-weight: normal;
24     line-height: 1.5em;
25 }
26
27 h4 {
28     font-size: 1em;
29     margin: 1.5em 0 0;
30     line-height: 1.5em;
31 }
32
33 p {
34     margin: 0;
35 }
36 */
37
38 /* ======================== */
39 /* = Footnotes and themes = */
40 /* ======================== */
41
42 .annotation {
43     font-style: normal;
44     font-weight: normal;
45     font-size: 12px;
46     padding-left: 2px;
47     position: relative;
48     top: -4px;
49 }
50
51 #footnotes {
52     margin-top: 3em;
53 }
54
55 #footnotes .annotation {
56     display: block;
57     float: left;
58     width: 2.5em;
59     clear: both;
60 }
61
62 #footnotes div {
63     margin: 1.5em 0 0 0;
64 }
65
66 #footnotes p, #footnotes ul {
67     margin-left: 2.5em;
68     font-size: 0.875em;
69 }
70
71 #footnotes .permalink {
72     font-size: .75em;
73 }
74
75 blockquote {
76     font-size: 0.875em;
77 }
78
79 /* ============= */
80 /* = Numbering = */
81 /* ============= */
82 .verse, .paragraph {
83     position:relative;
84 }
85 .anchor {
86     position: absolute;
87     margin: -0.25em -0.5em;
88     left: -3em;
89     color: #777;
90     font-size: 12px;
91     width: 2em;
92     text-align: center;
93     padding: 0.25em 0.5em;
94     line-height: 1.5em;
95 }
96
97 .anchor:hover, #book-text .anchor:active {
98     color: #FFF;
99     background-color: #CCC;
100 }
101
102 /* =================== */
103 /* = Custom elements = */
104 /* =================== */
105 span.author {
106     font-size: 0.5em;
107     display: block;
108     line-height: 1.5em;
109     margin-bottom: 0.25em;
110 }
111
112 span.collection {
113     font-size: 0.375em;
114     display: block;
115     line-height: 1.5em;
116     margin-bottom: -0.25em;
117 }
118
119 span.subtitle {
120     font-size: 0.5em;
121     display: block;
122     line-height: 1.5em;
123     margin-top: -0.25em;
124 }
125
126 span.translator {
127     font-size: 0.375em;
128     display: block;
129     line-height: 1.5em;
130     margin-top: 0.25em;
131 }
132
133 div.didaskalia {
134     font-style: italic;
135     margin: 0.5em 0 0 1.5em;
136 }
137
138 div.kwestia {
139     margin: 0.5em 0 0;
140 }
141
142 div.stanza {
143     margin: 1.5em 0 0;
144 }
145
146 div.kwestia div.stanza {
147     margin: 0;
148 }
149
150 p.paragraph {
151     text-align: justify;
152     margin: 1.5em 0 0;
153 }
154
155 p.motto {
156     text-align: justify;
157     font-style: italic;
158     margin: 1.5em 0 0;
159 }
160
161 p.motto_podpis {
162     font-size: 0.875em;
163     text-align: right;
164 }
165
166 div.fragment {
167     border-bottom: 0.1em solid #999;
168     padding-bottom: 1.5em;
169 }
170
171 div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
172     text-align: right;
173     font-style: italic;
174 }
175
176 hr.spacer {
177     height: 3em;
178     visibility: hidden;
179 }
180
181 hr.spacer-line {
182     margin: 1.5em 0;
183     border: none;
184     border-bottom: 0.1em solid #000;
185 }
186
187 p.spacer-asterisk {
188     padding: 0;
189     margin: 1.5em 0;
190     text-align: center;
191 }
192
193 div.person-list ol {
194     list-style: none;
195     padding: 0 0 0 1.5em;
196 }
197
198 p.place-and-time {
199     font-style: italic;
200 }
201
202 em.math, em.foreign-word, em.book-title, em.didaskalia {
203     font-style: italic;
204 }
205
206 em.author-emphasis {
207     letter-spacing: 0.1em;
208 }
209
210 em.person {
211     font-style: normal;
212     font-variant: small-caps;
213 }
214
215 .verse:after {
216     content: "\feff";
217 }
218
219
220 /* =================================== */
221 /* = Hide some elements for printing = */
222 /* =================================== */
223
224 @media print {
225     #menu {display: none;}
226 }
227
228 .activity .text {
229  max-width:350px;
230  margin-right:20px;
231  float: left;
232 }
233
234 .activity .description p:first-child {
235   margin-top: 0;
236 }
237
238 .activity .info {
239  margin: 1.5em 0 0;
240  max-width: 130px;
241  float:right;
242 }
243
244 .activity .info  p {
245  margin-bottom: 1em;
246 }
247
248
249 .activity {
250  clear:both;
251 }
252
253 .activity .info {
254  font-size: 10pt;
255 }
256
257 .clearboth {
258  clear: both;
259 }
260
261
262 /* utils */
263
264 .clr {
265     clear: both;
266 }
267