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