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