comparison software/mpdl-services-new/mpiwg-mpdl-cms-web/WebContent/css/page.css @ 25:e9fe3186670c default tip

letzter Stand eingecheckt
author Josef Willenborg <jwillenborg@mpiwg-berlin.mpg.de>
date Tue, 21 May 2013 10:19:32 +0200
parents
children
comparison
equal deleted inserted replaced
23:e845310098ba 25:e9fe3186670c
1 /* general */
2 .it { font-style:italic } /* DESpecs: _ _ and attribute "it" */
3 .bf { font-weight:bold } /* DESpecs: <bf> */
4 .sc { font-variant:small-caps } /* DESpecs: <sc> */
5 .sub { vertical-align:sub; font-size:.8em } /* DESpecs: <_> */ /* line-height:1em; ? */
6 .super { vertical-align:super; font-size:.8em } /* DESpecs: <^> */
7 .sm { font-size:smaller } /* DESpecs: <sm>, if within <p> */
8 .ul { text-decoration:underline } /* DESpecs: <ul> */
9 .ol { text-decoration:overline } /* DESpecs: <ol> */
10 .st { text-decoration:line-through } /* DESpecs: <st> */
11 .red { color:red } /* DESpecs: <red> */
12 .sp { letter-spacing:0.3em } /* DESpecs: <sp> */ /* "font-stretch:wider;" is deprecated */
13 .center { text-align:center }
14 .fr { font-family:'Lucida blackletter'} /* preliminary representation of Fraktur */
15 .rom { font-family:'default'}
16
17 /* unused */
18 .setoff { margin-left:2cm; margin-right:2cm }
19
20 /* highlighting */
21 .highlight { background-color:#D3D3D3; } /* LightGrey */
22 div.highlight.elem { background-color:#D3D3D3; } /* LightGrey */
23 span.highlight.elem { background-color:#D3D3D3; } /* LightGrey */
24 span.highlight.hit { background-color:#77DD77; } /* pastell green */
25 span.hit.highlight { background-color:#77DD77; } /* pastell green */
26
27 /* about */
28 span.about {float:right;}
29
30 /* query results */
31 span.query { font-weight:bold; font-size:150%; }
32 span.result { display:none }
33 tr.hit { vertical-align: top; }
34 td.hitNum { display:inline-block; }
35 td.hitLink { margin-left:1%; display:inline-block; width:30%; }
36 td.hitContent { display:inline-block; width:90%; }
37
38 /* xml presentation */
39 span.xml.elementName { font-weight:bold;color:purple; }
40 span.xml.attributeName { font-weight:bold; }
41 span.xml.attributeValue { color:blue; }
42 span.xml.comment { color:green; font-style:italic; }
43 ul.xml.element { margin-left:0px;padding-left:8px }
44 ul.xml.element.highlight { background-color:#D3D3D3; } /* LightGrey */
45
46 /* divs */
47 div.float.none {
48 margin-left:10%;
49 }
50 div.float.right {
51 float:right;
52 clear:both;
53 margin-right:10%
54 }
55
56 /* page breaks */
57 span.pb {
58 display:none;
59 }
60
61 /* Figures */
62 span.figure {
63 display: block;
64 width: 200px;
65 margin-top: 0.5em;
66 margin-bottom: 0.5em;
67 padding: 5px;
68 border: 1px dashed silver;
69 }
70 span.figureNumber {
71 }
72 span.figureNum {
73 display:none;
74 }
75 span.figureNumText {
76 display: block;
77 }
78 span.caption {
79 }
80 span.description {
81 display: block;
82 }
83 span.variables {
84 display: block;
85 }
86
87 span.handwritten {
88 }
89
90 /* toc elements */
91 div.tocItem {
92 float:left;
93 width:90%;
94 }
95 span.tocPageRef {
96 float:right;
97 vertical-align:top;
98 }
99
100 /* paragraphs */
101 div.p {
102 margin: 1.12em 0px;
103 }
104
105 /* initials */
106 span.initial {
107 float: left;
108 font-family: Georgia;
109 font-size: 250%;
110 line-height: 0.8em;
111 margin-right: 10px;
112 padding-top: 1px;
113 }
114
115 /* small caps */
116 span.sc { font-weight:bold; }
117 span.sc.it {font-weight:bold; font-style:italic; }
118
119 /* variables and numbers */
120 span.var { font-style:italic; }
121 span.var.segment { font-style:italic; text-decoration:overline; }
122 span.var.line { font-style:italic; text-decoration:underline; }
123 span.var.gnomon { font-style:italic; text-decoration:line-through; }
124 span.num { color:maroon }
125
126 /* foreign languages */
127 span.foreign { color:#006400; }
128 span.foreign a:link { color:#006400; }
129 span.foreign a:visited { color:#1B370D; }
130 span.foreign.el span.foreign.grc span.foreign.greek { color:#006400; }
131 span.foreign.en span.foreign.english { color:#006400; }
132 span.foreign.fr span.foreign.french { color:#006400; }
133 span.foreign.la span.foreign.latin { color:#006400; }
134
135 /* quotes */
136 span.q { font-style:italic; }
137 div.quote { margin-left:10px; font-style:italic; }
138 div.blockquote { margin-left:10px; font-style:normal; }
139 div.set-off { margin-left:10px; font-style:italic; }
140
141 /* dictionary / terminology */
142 span.term { color:purple; } /* Blue */
143 span.entry { display:block; margin-bottom:20px;}
144 span.entryDiv { margin-left:2em; display:block; margin-bottom:0.5em; margin-top:0.5em;}
145 span.orth { font-weight:bold; }
146 span.mentioned { font-style:italic; }
147
148 /* GIS elements */
149 span.place { color:#0000FF; } /* Blue */
150 span.person { color:#0000FF; } /* Blue */
151
152 /* sentence */
153 span.s.highlight { background-color:#D3D3D3; } /* LightGrey */
154 span.s:hover { background-color:#D3D3D3; } /* LightGrey */
155 span.s.it { font-style:italic; }
156
157 /* ref */
158 span.ref a:link {text-decoration: underline; color: blue;}
159 span.ref a:visited {text-decoration: none; color: #800080;}
160 span.ref a:hover {text-decoration: underline; color: blue;}
161
162 /* Links */
163 a.dictionary:link {text-decoration: none; color: #892B06;}
164 a.dictionary:visited {text-decoration: none; color: #892B06;}
165 a.dictionary:hover {text-decoration: underline; color: #892B06;}
166
167 /* Notes */
168 span.note { font-style:italic; }
169 span.note span.noteSign {vertical-align:super; font-size:.8em; }
170 span.note span.noteBody span.noteSign {display:none;}
171 span.note.left { position:absolute; left:2em; width: 5em; font-style:normal; }
172 span.note.right { position:absolute; left:30em; width: 5em; font-style:normal; }
173 a.note {
174 color: blue;
175 margin-right: 0.2em;
176 }
177 a.note:before {
178 content: url('../images/linkback.png');
179 margin-left: 0.1em;
180 margin-right: 0.2em;
181 }
182 a.note:link { text-decoration: none; }
183 a.note:visited { text-decoration: none; }
184 a.note:hover { text-decoration: underline; }
185 a.noteRef {
186 color: blue;
187 margin-right: 0.2em;
188 }
189 a.noteRef:before {
190 content: url('../images/linkto.png');
191 margin-left: 0.1em;
192 margin-right: 0.2em;
193 }
194 a.noteRef:link { text-decoration: none; }
195 a.noteRef:visited { text-decoration: none; }
196 a.noteRef:hover { text-decoration: underline; }
197 /*
198 a:link {text-decoration: none;}
199 a:visited {text-decoration: none}
200 a:active {text-decoration: none}
201 a:hover {text-decoration: underline; color: red;}
202 */
203
204 /* table */
205 table { margin-left:30px; }
206
207 table.toc { width:100%; margin-left:1px; }
208
209 /* page styling for generating PDF documents with Flying Saucer */
210 div.pageHeaderTitle {
211 font-weight:bold;
212 text-align:center;
213 }
214 body {
215 counter-reset: pn;
216 }
217 div.page:before {
218 float:right;
219 font:11pt sans-serif;
220 font-weight:bold;
221 content:"[Page " counter(pn) "]";
222 counter-increment:pn;
223 page:pdfPage;
224 clear:both;
225 }
226 div.page {
227 page-break-after:always;
228 page:pdfPage;
229 clear:both;
230 }
231 @page pdfPage {
232 size:A4;
233 margin-top:0.7cm;
234 margin-bottom:0.7cm;
235 margin-left:0.7cm;
236 margin-right:0.7cm;
237 padding:0.2cm;
238 border:thin solid #808080;
239 @top-left { font: 11pt sans-serif; padding-left: 0.2cm; padding-right: 1cm; font-weight:bold;};
240 @top-right { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;};
241 @bottom-left { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;};
242 @bottom-right { font: 11pt sans-serif; white-space: nowrap; content: counter(page);};
243 }
244
245 div.tocPage {
246 page-break-after:always;
247 page:tocPage;
248 }
249 @page tocPage {
250 size:A4;
251 margin-top:0.7cm;
252 margin-bottom:0.7cm;
253 margin-left:0.7cm;
254 margin-right:0.7cm;
255 padding:0.2cm;
256 border:thin solid #808080;
257 @top-left { font: 11pt sans-serif; padding-left: 0.2cm; padding-right: 1cm; font-weight:bold;};
258 @top-right { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;};
259 @bottom-left { font: 11pt sans-serif; white-space: nowrap; font-weight:bold;};
260 @bottom-right { font: 11pt sans-serif; white-space: nowrap; content: counter(page);};
261 }