source: documentViewer/css/docuviewer.css

Last change on this file was 632:4a75a760def2, checked in by Dirk Wintergruen <dwinter@…>, 9 years ago

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