source: documentViewer/css/docuviewer.css @ 629:e36bf3226fde

Last change on this file since 629:e36bf3226fde was 629:e36bf3226fde, checked in by dwinter, 9 years ago

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