source: documentViewer/css/docuviewer.css @ 573:3b53975be0c8

Last change on this file since 573:3b53975be0c8 was 573:3b53975be0c8, checked in by casties, 12 years ago

display of notes
File size: 7.6 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: 32em;
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 {
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}
294/* figure */
295div.col.main div.content.text span.figure {
296    display: block;
297    width: 200px;
298    margin-top: 0.5em;
299    margin-bottom: 0.5em;
300    padding: 5px;
301    border: 1px dashed silver;
302    /* float: right; */
303    /* text-align: center; */
304}
305div.col.main div.content.text span.figure>a,
306div.col.main div.content.text span.figure span.figureNumber,
307div.col.main div.content.text span.figure span.caption,
308div.col.main div.content.text span.figure span.description {
309    display:block;
310}
311div.col.main div.content.text span.figure span.figureNum {
312    display: none;
313}
314/*
315 * search results
316 */
317div.col.results {
318    max-width: 20em;
319    padding-right: 5px;
320}
321div.col.results div.result {
322        border: 1px solid silver;
323    border-radius: 5px;
324    padding: 0.5em;
325}
326div.col.results h4 {
327    margin-top: 0;
328    margin-bottom: 0.5em;
329}
330div.col.results div.ruler {
331        text-align: center;
332        margin-bottom: 0.5em;
333}
334div.col.results div.query {
335        margin-bottom: 0.5em;
336}
337
338/*
339 * index page
340 */
341div.index-image {
342        padding-left: 1em;
343        padding-right: 1em;
344        padding-bottom: 1em;
345        padding-top: 1em;
346}
347div.index-info {
348        padding-top: 1em;       
349}
350div.index-info h2 {
351        margin-top: 0.5em;
352        margin-bottom: 0.5em;
353}
354div.index-info td {
355        vertical-align: top;
356}
357div.index-info td.type {
358        font-weight: bold;
359}
360div.index-info td.content {
361        max-width: 30em;
362}
363
364/*
365 * image page
366 */
367div.col.main div.content.images {
368        background-color: inherit;
369        padding: 0;
370}
371div.col.main div.content.images table {
372        border-collapse: collapse; /* for tight digilib */
373}
374
375/*
376 * xml page
377 */
378div.col.main div.content.xml {
379        font-family: Monaco,Courier,monospace;
380        font-size: 12px;
381}
382div.col.main div.content.xml div.pageHeaderTitle {
383        display: none;
384}
385
386/*
387 * thumbnail overview
388 */
389div.col.main div.content-thumbs {
390        border: 1px solid silver;
391    padding: 0.5em;
392}
393div.col.main table.thumbs td {
394        text-align: center;
395}
396
397/*
398 * footer
399 */
400div.footer {
401    max-width: 68em;
402        margin-top: 1em;
403        border-top: 1px solid silver;
404        margin-left: 28px;
405        margin-right: 28px;
406        text-align: center;
407}
408div.footer div.content {
409        font-size: 10px;
410        color: gray;   
411}
412div.footer div.content a:link,
413div.footer div.content a:visited {
414        color: gray;
415}
Note: See TracBrowser for help on using the repository browser.