source: documentViewer/css/docuviewer.css @ 567:8b1e20bf300d

Last change on this file since 567:8b1e20bf300d was 567:8b1e20bf300d, checked in by casties, 12 years ago

more new textserver
File size: 7.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}
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, 
150div.tocbody.figures .toc,
151div.tocbody.concordance .toc {
152    float:left;
153    clear:right; 
154}
155div.tocbody.text .toc.float.right, 
156div.tocbody.figures .toc.float.right,
157div.tocbody.concordance .toc.float.right {
158    float:right;
159}
160
161div.tocbody table.thumbs td {
162    text-align: center;
163}
164div.tocbody table.thumbs .thumb {
165    padding: 3px;
166}
167div.tocbody table.thumbs .thumbsel {
168    padding: 2px;
169    border: 1px solid #892B06;
170}
171div.tocbody table.thumbs .thumbcap {
172    color: black;
173}
174
175div.tocbody table.concordance {
176        border-collapse: collapse;
177}
178div.tocbody table.concordance td {
179    border: 1px solid silver;
180    text-align: center;
181}
182
183/*
184 * content
185 */
186div.col.main {
187    padding-left: 5px;
188    padding-right: 5px;
189}
190div.col.main div.ruler {
191    margin-top: 4px;
192}
193div.col.main span.ruler-main {
194    background-color: #d0d0d0;
195    border-left: 1px solid silver;
196    border-top: 1px solid silver;
197    border-right: 1px solid silver;
198    border-radius: 5px 5px 0 0;
199    padding: 4px;   
200}
201div.col.main div.ruler.down span.ruler-main {
202        border-radius: 0 0 5px 5px;
203}
204
205div.col.main div.content {
206        min-width: 30em;
207    background-color: white;
208        border: 1px solid silver;
209    padding: 1em;
210}
211div.col.main div.content a:link,
212div.col.main div.content a:visited {
213    font-weight: inherit;
214    color: #892B06;
215}
216span.hit.highlight {
217    background-color: lime;
218}
219
220/*
221 * buttons
222 */
223div.col.buttons div.options {
224    background-color: white;
225        border: 1px solid silver;
226    border-radius: 5px;
227    padding: 0.5em;
228    margin-bottom: 5px; 
229}
230div.col.buttons h4 {
231    margin-top: 0;
232    margin-bottom: 0.5em;
233}
234div.col.buttons ul {
235    list-style-type: none;
236    padding-left: 0;
237    margin-top: 0;
238    margin-bottom: 0.5em;
239}
240div.col.buttons ul.list {
241        list-style-type: inherit;
242        padding-left: inherit;
243}
244div.col.buttons ul.list li {
245        margin-left: 1em;
246}
247div.options.digilib li img {
248        vertical-align: middle;
249}
250
251/*
252 * text page
253 */
254div.col.main div.content.text {
255    font-family: Junicode,Gentium,Georgia,serif;
256    font-size: 14px;
257        line-height: 1.3;
258}
259div.col.main div.content.text div.emptyPage {
260    font-family: Verdana,Arial,sans-serif;
261    font-size: 12px;
262}
263div.col.main div.content.text .bf {
264    font-weight: bold;
265}
266div.col.main div.content.text .head {
267    margin-top: 0.5em;
268    margin-bottom: 0.25em;
269}
270/* page break */
271div.col.main div.content.text span.pb span.n,
272div.col.main div.content.text span.pb span.o {
273        display: none;
274}
275div.col.main div.content.text span.pb span.rhead {
276        display: block;
277}
278/* running head */
279div.col.main div.content.text div.pageHeaderTitle {
280    text-align: center;
281    margin-bottom: 1em;
282}
283/* figures */
284div.col.main div.content.text span.figure {
285    display: block;
286    width: 200px;
287    margin-top: 0.5em;
288    margin-bottom: 0.5em;
289    padding: 5px;
290    border: 1px dashed silver;
291    /* float: right; */
292    /* text-align: center; */
293}
294div.col.main div.content.text span.figure>a,
295div.col.main div.content.text span.figure span.figureNumber,
296div.col.main div.content.text span.figure span.caption,
297div.col.main div.content.text span.figure span.description {
298    display:block;
299}
300div.col.main div.content.text span.figure span.figureNum {
301    display: none;
302}
303/*
304 * search results
305 */
306div.col.results {
307    max-width: 20em;
308    padding-right: 5px;
309}
310div.col.results div.result {
311        border: 1px solid silver;
312    border-radius: 5px;
313    padding: 0.5em;
314}
315div.col.results h4 {
316    margin-top: 0;
317    margin-bottom: 0.5em;
318}
319div.col.results div.ruler {
320        text-align: center;
321        margin-bottom: 0.5em;
322}
323div.col.results div.query {
324        margin-bottom: 0.5em;
325}
326
327/*
328 * index page
329 */
330div.index-image {
331        padding-left: 1em;
332        padding-right: 1em;
333        padding-bottom: 1em;
334        padding-top: 1em;
335}
336div.index-info {
337        padding-top: 1em;       
338}
339div.index-info h2 {
340        margin-top: 0.5em;
341        margin-bottom: 0.5em;
342}
343div.index-info td {
344        vertical-align: top;
345}
346div.index-info td.type {
347        font-weight: bold;
348}
349div.index-info td.content {
350        max-width: 30em;
351}
352
353/*
354 * image page
355 */
356div.col.main div.content.images {
357        background-color: inherit;
358        padding: 0;
359}
360div.col.main div.content.images table {
361        border-collapse: collapse; /* for tight digilib */
362}
363
364/*
365 * xml page
366 */
367div.col.main div.content.xml {
368        font-family: Monaco,Courier,monospace;
369        font-size: 12px;
370}
371div.col.main div.content.xml div.pageHeaderTitle {
372        display: none;
373}
374
375/*
376 * thumbnail overview
377 */
378div.col.main div.content-thumbs {
379        border: 1px solid silver;
380    padding: 0.5em;
381}
382div.col.main table.thumbs td {
383        text-align: center;
384}
385
386/*
387 * footer
388 */
389div.footer {
390    max-width: 68em;
391        margin-top: 1em;
392        border-top: 1px solid silver;
393        margin-left: 28px;
394        margin-right: 28px;
395        text-align: center;
396}
397div.footer div.content {
398        font-size: 10px;
399        color: gray;   
400}
401div.footer div.content a:link,
402div.footer div.content a:visited {
403        color: gray;
404}
Note: See TracBrowser for help on using the repository browser.