6ba748ec37fd03b7934a3e44340ca5300b16e236
[edumed.git] / catalogue / 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 .text {
192   max-width: 350px;
193   margin-right: 20px;
194   float: left; }
195
196 .activity .description p:first-child {
197   margin-top: 0; }
198
199 .activity .info {
200   margin: 1.5em 0 0;
201   max-width: 130px;
202   float: right; }
203
204 .activity .info p {
205   margin-bottom: 1em; }
206
207 .activity {
208   clear: both; }
209
210 .activity .info {
211   font-size: 10pt; }
212
213 .clearboth {
214   clear: both; }
215
216 /* utils */
217 .clr {
218   clear: both; }