source: documentViewer/css/docuviewer.css @ 590:ed4485d2748e

Last change on this file since 590:ed4485d2748e was 590:ed4485d2748e, checked in by casties, 11 years ago

viewMode "images" changed to "image".
File size: 7.9 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}
44
45ul.view-switcher {
46    padding-left: 0;
47    margin-top: 4px;
48}
49ul.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}
60ul.view-switcher li.sel {
61    background-color: white;
62}
63
64/*
65 * body
66 */
67div.page-body {
68    display: table-row;
69}
70div.page-body div.col {
71    display: table-cell;
72    vertical-align: top;
73}
74
75/*
76 * TOC
77 */
78div.toc-container {
79    display:table-row;
80}
81
82div.toc-switcher-col {
83        display: table-cell;
84}
85div.toc-switcher {
86    display: block; /* moz only does relative with block */
87    position: relative;
88    width: 26.5px; /* for moz and webkit -- don't ask me */
89}
90div.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;
100        left: 7px;
101    top: 34em;
102    width: 40em;
103    padding: 0px;
104}
105
106div.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}
117div.toc-switcher li.sel {
118    background-color: white;
119}
120
121div.tocbody {
122    display: table-cell;
123    border: 1px solid silver;
124    border-radius: 5px;
125    padding: 0.5em; 
126    background-color: white;   
127}
128
129div.tocbody h4 {
130        margin-top: 0;
131        margin-bottom: 0.5em;
132}
133div.tocbody div.ruler.top {
134        text-align: center;
135        padding-bottom: 0.5em;
136}
137div.tocbody div.ruler.bottom {
138        clear: both;
139        text-align: center;
140        padding-top: 0.5em;
141}
142
143div.tocbody.text, 
144div.tocbody.figures {
145    max-width: 20em;
146    background-color: white;
147}
148
149div.tocbody.text .toc.name, 
150div.tocbody.figures .toc.name,
151div.tocbody.concordance .toc.name {
152    float:left;
153    clear:right; 
154    margin-right: 1em;
155}
156div.tocbody.text .toc.page, 
157div.tocbody.figures .toc.page,
158div.tocbody.concordance .toc.page {
159    float:right;
160}
161
162div.tocbody table.thumbs td {
163    text-align: center;
164}
165div.tocbody table.thumbs .thumb {
166    padding: 3px;
167}
168div.tocbody table.thumbs .thumbsel {
169    padding: 2px;
170    border: 1px solid #892B06;
171}
172div.tocbody table.thumbs .thumbcap {
173    color: black;
174}
175
176div.tocbody table.concordance {
177        border-collapse: collapse;
178}
179div.tocbody table.concordance td {
180    border: 1px solid silver;
181    text-align: center;
182}
183
184/*
185 * content
186 */
187div.col.main {
188    padding-left: 5px;
189    padding-right: 5px;
190}
191div.col.main div.ruler {
192    margin-top: 4px;
193}
194div.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}
202div.col.main div.ruler.down span.ruler-main {
203        border-radius: 0 0 5px 5px;
204}
205
206div.col.main div.content {
207        min-width: 30em;
208    background-color: white;
209        border: 1px solid silver;
210    padding: 1em;
211}
212div.col.main div.content a:link,
213div.col.main div.content a:visited {
214    font-weight: inherit;
215    color: #892B06;
216}
217span.hit.highlight {
218    background-color: lime;
219}
220
221/*
222 * buttons
223 */
224div.col.buttons div.options {
225    background-color: white;
226        border: 1px solid silver;
227    border-radius: 5px;
228    padding: 0.5em;
229    margin-bottom: 5px; 
230}
231div.col.buttons h4 {
232    margin-top: 0;
233    margin-bottom: 0.5em;
234}
235div.col.buttons ul {
236    list-style-type: none;
237    padding-left: 0;
238    margin-top: 0;
239    margin-bottom: 0.5em;
240}
241div.col.buttons ul.list {
242        list-style-type: inherit;
243        padding-left: inherit;
244}
245div.col.buttons ul.list li {
246        margin-left: 1em;
247}
248div.options.digilib li img {
249        vertical-align: middle;
250}
251
252/*
253 * text page
254 */
255div.col.main div.content.text {
256    font-family: Junicode,Gentium,Georgia,serif;
257    font-size: 14px;
258        line-height: 1.3;
259}
260div.col.main div.content.text div.emptyPage {
261    font-family: Verdana,Arial,sans-serif;
262    font-size: 12px;
263}
264div.col.main div.content.text .bf {
265    font-weight: bold;
266}
267div.col.main div.content.text .head {
268    margin-top: 0.5em;
269    margin-bottom: 0.25em;
270}
271/* page break */
272div.col.main div.content.text span.pb span.n,
273div.col.main div.content.text span.pb span.o {
274        display: none;
275}
276/* running head */
277div.col.main div.content.text span.pb span.rhead {
278    display: block;
279    text-align: center;
280    margin-bottom: 1em;
281}
282/* note */
283div.col.main div.content.text span.note span.noteBody {
284        display: block;
285        /* float: left; */
286    margin-top: 0.5em;
287    margin-bottom: 0.5em;
288    padding: 5px;
289    border: 1px dashed silver; 
290}
291div.col.main div.content.text span.note span.noteSign {
292    display: none;
293    /* font-size: 70%;
294        vertical-align: super; */
295}
296/* figure */
297div.col.main div.content.text span.figure {
298    display: block;
299    width: 200px;
300    margin-top: 0.5em;
301    margin-bottom: 0.5em;
302    padding: 5px;
303    border: 1px dashed silver;
304    /* float: right; */
305    /* text-align: center; */
306}
307div.col.main div.content.text span.figure>a,
308div.col.main div.content.text span.figure span.figureNumber,
309div.col.main div.content.text span.figure span.caption,
310div.col.main div.content.text span.figure span.description {
311    display:block;
312}
313div.col.main div.content.text span.figure span.figureNum {
314    display: none;
315}
316/*
317 * search results
318 */
319div.col.results {
320    max-width: 20em;
321    padding-right: 5px;
322}
323div.col.results div.result {
324        border: 1px solid silver;
325    border-radius: 5px;
326    padding: 0.5em;
327}
328div.col.results h4 {
329    margin-top: 0;
330    margin-bottom: 0.5em;
331}
332div.col.results div.ruler {
333        text-align: center;
334        margin-bottom: 0.5em;
335}
336div.col.results div.query {
337        margin-bottom: 0.5em;
338}
339div.col.results div.content div.hit {
340    margin-bottom: 0.5em;
341}
342div.col.results div.content div.hit span.hitLink {
343    margin-right: 0.5em;
344}
345
346/*
347 * index page
348 */
349div.index-image {
350        padding-left: 1em;
351        padding-right: 1em;
352        padding-bottom: 1em;
353        padding-top: 1em;
354}
355div.index-info {
356        padding-top: 1em;       
357}
358div.index-info h2 {
359        margin-top: 0.5em;
360        margin-bottom: 0.5em;
361}
362div.index-info td {
363        vertical-align: top;
364}
365div.index-info td.type {
366        font-weight: bold;
367}
368div.index-info td.content {
369        max-width: 30em;
370}
371
372/*
373 * image page
374 */
375div.col.main div.content.image {
376        background-color: inherit;
377        padding: 0;
378}
379div.col.main div.content.image table {
380        border-collapse: collapse; /* for tight digilib */
381}
382
383/*
384 * xml page
385 */
386div.col.main div.content.xml {
387        font-family: Monaco,Courier,monospace;
388        font-size: 12px;
389}
390div.col.main div.content.xml ul {
391    padding-left: 1em;
392}
393div.col.main div.content.xml div.pageHeaderTitle {
394        display: none;
395}
396
397/*
398 * thumbnail overview
399 */
400div.col.main div.content-thumbs {
401        border: 1px solid silver;
402    padding: 0.5em;
403}
404div.col.main table.thumbs td {
405        text-align: center;
406}
407
408/*
409 * footer
410 */
411div.footer {
412    max-width: 68em;
413        margin-top: 1em;
414        border-top: 1px solid silver;
415        margin-left: 28px;
416        margin-right: 28px;
417        text-align: center;
418}
419div.footer div.content {
420        font-size: 10px;
421        color: gray;   
422}
423div.footer div.content a:link,
424div.footer div.content a:visited {
425        color: gray;
426}
Note: See TracBrowser for help on using the repository browser.