Mercurial > hg > documentViewer
annotate css/docuviewer.css @ 612:a79e4e4b3e37
json schnittsellen
author | dwinter |
---|---|
date | Thu, 16 May 2013 18:04:00 +0200 |
parents | e18ef3786753 |
children | d6eca930a534 |
rev | line source |
---|---|
567 | 1 /* |
2 * Documentviewer style sheet. | |
3 * | |
4 * Robert Casties 2012. | |
5 */ | |
532 | 6 body { |
7 background-color: #ebebeb; | |
8 margin: 5px; | |
533 | 9 font-family: Verdana,Arial,sans-serif; |
532 | 10 font-size: 12px; |
11 } | |
12 | |
13 a:link, | |
14 a:visited { | |
15 color: black; | |
16 font-weight: bold; | |
17 text-decoration: none; | |
18 } | |
19 a:hover { | |
20 text-decoration: underline; | |
21 } | |
22 | |
23 /* | |
24 * head | |
25 */ | |
26 div.page-head div.logo { | |
27 display: table-cell; | |
28 vertical-align: top; | |
29 padding: 5px; | |
30 } | |
31 div.page-head div.title-block { | |
32 display: table-cell; | |
33 vertical-align: top; | |
34 } | |
35 div.page-head div.title { | |
36 max-width: 50em; | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
37 background-color: white; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
38 font-family: Georgia,Times,serif; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
39 font-size: 14px; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
40 line-height: 1.3; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
41 border: 1px solid silver; |
532 | 42 padding: 0.5em; |
43 } | |
608 | 44 div.page-head div.title.part-of { |
45 border-top: none; | |
46 } | |
532 | 47 |
48 ul.view-switcher { | |
49 padding-left: 0; | |
50 margin-top: 4px; | |
51 } | |
52 ul.view-switcher li { | |
53 list-style-type: none; | |
54 display: inline; | |
55 background-color: #d0d0d0; | |
56 margin-right: 0; | |
57 border-bottom: 1px solid silver; | |
58 border-left: 1px solid silver; | |
59 border-right: 1px solid silver; | |
60 border-radius: 0 0 5px 5px; | |
61 padding: 5px; | |
62 } | |
63 ul.view-switcher li.sel { | |
64 background-color: white; | |
65 } | |
480 | 66 |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
67 /* |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
68 * body |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
69 */ |
485 | 70 div.page-body { |
481 | 71 display: table-row; |
480 | 72 } |
510 | 73 div.page-body div.col { |
483 | 74 display: table-cell; |
484 | 75 vertical-align: top; |
483 | 76 } |
480 | 77 |
532 | 78 /* |
79 * TOC | |
80 */ | |
81 div.toc-container { | |
82 display:table-row; | |
481 | 83 } |
84 | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
85 div.toc-switcher-col { |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
86 display: table-cell; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
87 } |
532 | 88 div.toc-switcher { |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
89 display: block; /* moz only does relative with block */ |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
90 position: relative; |
533 | 91 width: 26.5px; /* for moz and webkit -- don't ask me */ |
532 | 92 } |
93 div.toc-switcher ul { | |
94 position: absolute; | |
95 transform: rotate(270deg); | |
96 transform-origin: top left; | |
97 -moz-transform: rotate(270deg); | |
98 -moz-transform-origin: top left; | |
99 -webkit-transform: rotate(270deg); | |
100 -webkit-transform-origin: top left; | |
101 -o-transform: rotate(270deg); | |
102 -o-transform-origin: top left; | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
103 left: 7px; |
609 | 104 top: 42em; |
105 width: 45em; | |
532 | 106 padding: 0px; |
107 } | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
108 |
532 | 109 div.toc-switcher li { |
110 list-style-type: none; | |
111 display: inline; | |
112 background-color: #d0d0d0; | |
113 margin-bottom: 5px; | |
114 border-top: 1px solid silver; | |
115 border-left: 1px solid silver; | |
116 border-right: 1px solid silver; | |
117 border-radius: 5px 5px 0 0; | |
118 padding: 5px; | |
119 } | |
120 div.toc-switcher li.sel { | |
121 background-color: white; | |
511 | 122 } |
123 | |
532 | 124 div.tocbody { |
125 display: table-cell; | |
126 border: 1px solid silver; | |
537 | 127 border-radius: 5px; |
532 | 128 padding: 0.5em; |
129 background-color: white; | |
130 } | |
131 | |
537 | 132 div.tocbody h4 { |
133 margin-top: 0; | |
134 margin-bottom: 0.5em; | |
135 } | |
540 | 136 div.tocbody div.ruler.top { |
537 | 137 text-align: center; |
540 | 138 padding-bottom: 0.5em; |
139 } | |
140 div.tocbody div.ruler.bottom { | |
141 clear: both; | |
142 text-align: center; | |
143 padding-top: 0.5em; | |
537 | 144 } |
145 | |
532 | 146 div.tocbody.text, |
147 div.tocbody.figures { | |
148 max-width: 20em; | |
149 background-color: white; | |
150 } | |
151 | |
568 | 152 div.tocbody.text .toc.name, |
153 div.tocbody.figures .toc.name, | |
154 div.tocbody.concordance .toc.name { | |
510 | 155 float:left; |
156 clear:right; | |
568 | 157 margin-right: 1em; |
510 | 158 } |
568 | 159 div.tocbody.text .toc.page, |
160 div.tocbody.figures .toc.page, | |
161 div.tocbody.concordance .toc.page { | |
510 | 162 float:right; |
163 } | |
164 | |
532 | 165 div.tocbody table.thumbs td { |
166 text-align: center; | |
167 } | |
168 div.tocbody table.thumbs .thumb { | |
481 | 169 padding: 3px; |
170 } | |
532 | 171 div.tocbody table.thumbs .thumbsel { |
481 | 172 padding: 2px; |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
173 border: 1px solid #892B06; |
21 | 174 } |
532 | 175 div.tocbody table.thumbs .thumbcap { |
481 | 176 color: black; |
21 | 177 } |
607 | 178 div.tocbody table.thumbs a.outside { |
179 font-weight: normal; | |
180 } | |
511 | 181 |
537 | 182 div.tocbody table.concordance { |
183 border-collapse: collapse; | |
184 } | |
185 div.tocbody table.concordance td { | |
186 border: 1px solid silver; | |
187 text-align: center; | |
188 } | |
189 | |
532 | 190 /* |
191 * content | |
192 */ | |
193 div.col.main { | |
194 padding-left: 5px; | |
195 padding-right: 5px; | |
196 } | |
197 div.col.main div.ruler { | |
198 margin-top: 4px; | |
199 } | |
200 div.col.main span.ruler-main { | |
201 background-color: #d0d0d0; | |
202 border-left: 1px solid silver; | |
203 border-top: 1px solid silver; | |
204 border-right: 1px solid silver; | |
205 border-radius: 5px 5px 0 0; | |
206 padding: 4px; | |
207 } | |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
208 div.col.main div.ruler.down span.ruler-main { |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
209 border-radius: 0 0 5px 5px; |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
210 } |
532 | 211 |
212 div.col.main div.content { | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
213 min-width: 30em; |
532 | 214 background-color: white; |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
215 border: 1px solid silver; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
216 padding: 1em; |
532 | 217 } |
218 div.col.main div.content a:link, | |
219 div.col.main div.content a:visited { | |
220 font-weight: inherit; | |
221 color: #892B06; | |
222 } | |
511 | 223 span.hit.highlight { |
532 | 224 background-color: lime; |
225 } | |
226 | |
227 /* | |
228 * buttons | |
229 */ | |
230 div.col.buttons div.options { | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
231 background-color: white; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
232 border: 1px solid silver; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
233 border-radius: 5px; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
234 padding: 0.5em; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
235 margin-bottom: 5px; |
532 | 236 } |
237 div.col.buttons h4 { | |
238 margin-top: 0; | |
537 | 239 margin-bottom: 0.5em; |
532 | 240 } |
241 div.col.buttons ul { | |
242 list-style-type: none; | |
243 padding-left: 0; | |
537 | 244 margin-top: 0; |
532 | 245 margin-bottom: 0.5em; |
246 } | |
542 | 247 div.col.buttons ul.list { |
248 list-style-type: inherit; | |
249 padding-left: inherit; | |
250 } | |
251 div.col.buttons ul.list li { | |
252 margin-left: 1em; | |
253 } | |
538 | 254 div.options.digilib li img { |
255 vertical-align: middle; | |
256 } | |
257 | |
532 | 258 /* |
540 | 259 * text page |
260 */ | |
261 div.col.main div.content.text { | |
262 font-family: Junicode,Gentium,Georgia,serif; | |
263 font-size: 14px; | |
264 line-height: 1.3; | |
265 } | |
543 | 266 div.col.main div.content.text div.emptyPage { |
267 font-family: Verdana,Arial,sans-serif; | |
268 font-size: 12px; | |
269 } | |
565 | 270 div.col.main div.content.text .bf { |
271 font-weight: bold; | |
272 } | |
273 div.col.main div.content.text .head { | |
274 margin-top: 0.5em; | |
275 margin-bottom: 0.25em; | |
276 } | |
567 | 277 /* page break */ |
278 div.col.main div.content.text span.pb span.n, | |
279 div.col.main div.content.text span.pb span.o { | |
280 display: none; | |
281 } | |
568 | 282 /* running head */ |
567 | 283 div.col.main div.content.text span.pb span.rhead { |
568 | 284 display: block; |
565 | 285 text-align: center; |
286 margin-bottom: 1em; | |
287 } | |
573 | 288 /* note */ |
576 | 289 div.col.main div.content.text span.note span.noteBody { |
611 | 290 /* noteBody as block */ |
573 | 291 display: block; |
292 /* float: left; */ | |
293 margin-top: 0.5em; | |
294 margin-bottom: 0.5em; | |
295 padding: 5px; | |
296 border: 1px dashed silver; | |
297 } | |
298 div.col.main div.content.text span.note span.noteSign { | |
611 | 299 /* noteSign invisible */ |
576 | 300 display: none; |
611 | 301 } |
302 div.col.main div.content.text span.note.right span.noteBody { | |
303 text-align: right; | |
304 } | |
305 /* footnote */ | |
306 div.col.main div.content.text div.notes.foot { | |
307 /* footnote separator */ | |
308 border-top: 1px solid silver; | |
309 } | |
310 div.col.main div.content.text div.notes.foot span.note.foot { | |
311 /* footnote with sign as block */ | |
312 display: block; | |
313 /* float: left; */ | |
314 margin-top: 0.5em; | |
315 margin-bottom: 0.5em; | |
316 padding: 5px; | |
317 } | |
318 div.col.main div.content.text div.notes.foot span.note.foot span.noteBody { | |
319 /* footnote body not block */ | |
320 display: inline; | |
321 margin: 0; | |
322 border: 0; | |
323 } | |
324 div.col.main div.content.text span.note.foot span.noteSign { | |
325 /* footnote sign superscript */ | |
326 display: inline; | |
327 font-size: 70%; | |
328 vertical-align: super; | |
329 } | |
330 div.col.main div.content.text div.notes.foot span.note.foot span.noteBody span.noteSign { | |
331 /* noteSign in noteBody invisible */ | |
332 display: none; | |
573 | 333 } |
334 /* figure */ | |
565 | 335 div.col.main div.content.text span.figure { |
336 display: block; | |
337 width: 200px; | |
338 margin-top: 0.5em; | |
339 margin-bottom: 0.5em; | |
340 padding: 5px; | |
341 border: 1px dashed silver; | |
342 /* float: right; */ | |
343 /* text-align: center; */ | |
344 } | |
345 div.col.main div.content.text span.figure>a, | |
346 div.col.main div.content.text span.figure span.figureNumber, | |
347 div.col.main div.content.text span.figure span.caption, | |
348 div.col.main div.content.text span.figure span.description { | |
349 display:block; | |
350 } | |
351 div.col.main div.content.text span.figure span.figureNum { | |
352 display: none; | |
353 } | |
540 | 354 /* |
532 | 355 * search results |
356 */ | |
357 div.col.results { | |
358 max-width: 20em; | |
540 | 359 padding-right: 5px; |
360 } | |
361 div.col.results div.result { | |
362 border: 1px solid silver; | |
363 border-radius: 5px; | |
364 padding: 0.5em; | |
365 } | |
366 div.col.results h4 { | |
367 margin-top: 0; | |
368 margin-bottom: 0.5em; | |
369 } | |
370 div.col.results div.ruler { | |
371 text-align: center; | |
372 margin-bottom: 0.5em; | |
373 } | |
374 div.col.results div.query { | |
375 margin-bottom: 0.5em; | |
532 | 376 } |
576 | 377 div.col.results div.content div.hit { |
378 margin-bottom: 0.5em; | |
379 } | |
380 div.col.results div.content div.hit span.hitLink { | |
381 margin-right: 0.5em; | |
382 } | |
532 | 383 |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
384 /* |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
385 * index page |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
386 */ |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
387 div.index-image { |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
388 padding-left: 1em; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
389 padding-right: 1em; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
390 padding-bottom: 1em; |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
391 padding-top: 1em; |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
392 } |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
393 div.index-info { |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
394 padding-top: 1em; |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
395 } |
539 | 396 div.index-info h2 { |
397 margin-top: 0.5em; | |
398 margin-bottom: 0.5em; | |
399 } | |
540 | 400 div.index-info td { |
401 vertical-align: top; | |
402 } | |
535
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
403 div.index-info td.type { |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
404 font-weight: bold; |
510bae2b593b
more fixes, e.g. IE support. first version of index page.
casties
parents:
533
diff
changeset
|
405 } |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
406 div.index-info td.content { |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
407 max-width: 30em; |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
408 } |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
409 |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
410 /* |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
411 * image page |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
412 */ |
590 | 413 div.col.main div.content.image { |
540 | 414 background-color: inherit; |
415 padding: 0; | |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
416 } |
590 | 417 div.col.main div.content.image table { |
537 | 418 border-collapse: collapse; /* for tight digilib */ |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
419 } |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
420 |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
421 /* |
597
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
422 * image search |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
423 */ |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
424 div.col.main div.content.image.search div.annotator-hl { |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
425 background-color: rgba(255, 10, 10, 0.3); |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
426 } |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
427 div.col.main div.content.image.search div.annotator-hl:hover { |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
428 background-color: transparent; |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
429 border: 2px solid red; |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
430 } |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
431 |
fabd394302f1
image search layer uses different color for its annotations.
casties
parents:
590
diff
changeset
|
432 /* |
540 | 433 * xml page |
434 */ | |
435 div.col.main div.content.xml { | |
436 font-family: Monaco,Courier,monospace; | |
437 font-size: 12px; | |
438 } | |
576 | 439 div.col.main div.content.xml ul { |
440 padding-left: 1em; | |
441 } | |
540 | 442 div.col.main div.content.xml div.pageHeaderTitle { |
443 display: none; | |
444 } | |
445 | |
446 /* | |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
447 * thumbnail overview |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
448 */ |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
449 div.col.main div.content-thumbs { |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
450 border: 1px solid silver; |
540 | 451 padding: 0.5em; |
536
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
452 } |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
453 div.col.main table.thumbs td { |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
454 text-align: center; |
abd36d4d97b8
new version of index page. improvements for digilib page and thumbnail overview.
casties
parents:
535
diff
changeset
|
455 } |
543 | 456 |
457 /* | |
458 * footer | |
459 */ | |
460 div.footer { | |
461 max-width: 68em; | |
462 margin-top: 1em; | |
463 border-top: 1px solid silver; | |
464 margin-left: 28px; | |
465 margin-right: 28px; | |
466 text-align: center; | |
467 } | |
468 div.footer div.content { | |
469 font-size: 10px; | |
567 | 470 color: gray; |
543 | 471 } |
472 div.footer div.content a:link, | |
473 div.footer div.content a:visited { | |
567 | 474 color: gray; |
543 | 475 } |