source: documentViewer/css/docuviewer.css @ 565:1b483194901c

Last change on this file since 565:1b483194901c was 565:1b483194901c, checked in by casties, 12 years ago

more new MpiwgXmlTextServer?.
File size: 7.1 KB
Line 
1
2body {
3    background-color: #ebebeb;
4    margin: 5px;
5    font-family: Verdana,Arial,sans-serif;
6    font-size: 12px;
7}
8
9a:link,
10a:visited {
11    color: black;
12    font-weight: bold;
13    text-decoration: none;
14}
15a:hover {
16    text-decoration: underline;
17}
18
19/*
20 * head
21 */
22div.page-head div.logo {
23    display: table-cell;
24    vertical-align: top;
25    padding: 5px;
26}
27div.page-head div.title-block {
28    display: table-cell;
29    vertical-align: top;
30}
31div.page-head div.title {
32    max-width: 50em;
33    background-color: white;
34        font-family: Georgia,Times,serif;
35        font-size: 14px;
36        line-height: 1.3;
37        border: 1px solid silver;
38    padding: 0.5em; 
39}
40
41ul.view-switcher {
42    padding-left: 0;
43    margin-top: 4px;
44}
45ul.view-switcher li {
46    list-style-type: none;
47    display: inline;
48    background-color: #d0d0d0;
49    margin-right: 0;
50    border-bottom: 1px solid silver;
51    border-left: 1px solid silver;
52    border-right: 1px solid silver;
53    border-radius: 0 0 5px 5px;
54    padding: 5px;
55}
56ul.view-switcher li.sel {
57    background-color: white;
58}
59
60/*
61 * body
62 */
63div.page-body {
64    display: table-row;
65}
66div.page-body div.col {
67    display: table-cell;
68    vertical-align: top;
69}
70
71/*
72 * TOC
73 */
74div.toc-container {
75    display:table-row;
76}
77
78div.toc-switcher-col {
79        display: table-cell;
80}
81div.toc-switcher {
82    display: block; /* moz only does relative with block */
83    position: relative;
84    width: 26.5px; /* for moz and webkit -- don't ask me */
85}
86div.toc-switcher ul {
87    position: absolute;
88    transform: rotate(270deg);
89    transform-origin: top left;
90    -moz-transform: rotate(270deg);
91    -moz-transform-origin: top left;
92    -webkit-transform: rotate(270deg);
93    -webkit-transform-origin: top left;
94    -o-transform: rotate(270deg);
95    -o-transform-origin: top left;
96        left: 7px;
97    top: 32em;
98    width: 40em;
99    padding: 0px;
100}
101
102div.toc-switcher li {
103    list-style-type: none;
104    display: inline;
105    background-color: #d0d0d0;
106    margin-bottom: 5px;
107    border-top: 1px solid silver;
108    border-left: 1px solid silver;
109    border-right: 1px solid silver;
110    border-radius: 5px 5px 0 0;
111    padding: 5px;
112}
113div.toc-switcher li.sel {
114    background-color: white;
115}
116
117div.tocbody {
118    display: table-cell;
119    border: 1px solid silver;
120    border-radius: 5px;
121    padding: 0.5em; 
122    background-color: white;   
123}
124
125div.tocbody h4 {
126        margin-top: 0;
127        margin-bottom: 0.5em;
128}
129div.tocbody div.ruler.top {
130        text-align: center;
131        padding-bottom: 0.5em;
132}
133div.tocbody div.ruler.bottom {
134        clear: both;
135        text-align: center;
136        padding-top: 0.5em;
137}
138
139div.tocbody.text, 
140div.tocbody.figures {
141    max-width: 20em;
142    background-color: white;
143}
144
145div.tocbody.text .toc, 
146div.tocbody.figures .toc,
147div.tocbody.concordance .toc {
148    float:left;
149    clear:right; 
150}
151div.tocbody.text .toc.float.right, 
152div.tocbody.figures .toc.float.right,
153div.tocbody.concordance .toc.float.right {
154    float:right;
155}
156
157div.tocbody table.thumbs td {
158    text-align: center;
159}
160div.tocbody table.thumbs .thumb {
161    padding: 3px;
162}
163div.tocbody table.thumbs .thumbsel {
164    padding: 2px;
165    border: 1px solid #892B06;
166}
167div.tocbody table.thumbs .thumbcap {
168    color: black;
169}
170
171div.tocbody table.concordance {
172        border-collapse: collapse;
173}
174div.tocbody table.concordance td {
175    border: 1px solid silver;
176    text-align: center;
177}
178
179/*
180 * content
181 */
182div.col.main {
183    padding-left: 5px;
184    padding-right: 5px;
185}
186div.col.main div.ruler {
187    margin-top: 4px;
188}
189div.col.main span.ruler-main {
190    background-color: #d0d0d0;
191    border-left: 1px solid silver;
192    border-top: 1px solid silver;
193    border-right: 1px solid silver;
194    border-radius: 5px 5px 0 0;
195    padding: 4px;   
196}
197div.col.main div.ruler.down span.ruler-main {
198        border-radius: 0 0 5px 5px;
199}
200
201div.col.main div.content {
202        min-width: 30em;
203    background-color: white;
204        border: 1px solid silver;
205    padding: 1em;
206}
207div.col.main div.content a:link,
208div.col.main div.content a:visited {
209    font-weight: inherit;
210    color: #892B06;
211}
212span.hit.highlight {
213    background-color: lime;
214}
215
216/*
217 * buttons
218 */
219div.col.buttons div.options {
220    background-color: white;
221        border: 1px solid silver;
222    border-radius: 5px;
223    padding: 0.5em;
224    margin-bottom: 5px; 
225}
226div.col.buttons h4 {
227    margin-top: 0;
228    margin-bottom: 0.5em;
229}
230div.col.buttons ul {
231    list-style-type: none;
232    padding-left: 0;
233    margin-top: 0;
234    margin-bottom: 0.5em;
235}
236div.col.buttons ul.list {
237        list-style-type: inherit;
238        padding-left: inherit;
239}
240div.col.buttons ul.list li {
241        margin-left: 1em;
242}
243div.options.digilib li img {
244        vertical-align: middle;
245}
246
247/*
248 * text page
249 */
250div.col.main div.content.text {
251    font-family: Junicode,Gentium,Georgia,serif;
252    font-size: 14px;
253        line-height: 1.3;
254}
255div.col.main div.content.text div.emptyPage {
256    font-family: Verdana,Arial,sans-serif;
257    font-size: 12px;
258}
259div.col.main div.content.text .bf {
260    font-weight: bold;
261}
262div.col.main div.content.text .head {
263    margin-top: 0.5em;
264    margin-bottom: 0.25em;
265}
266/* running head */
267div.col.main div.content.text div.pageHeaderTitle {
268    text-align: center;
269    margin-bottom: 1em;
270}
271/* figures */
272div.col.main div.content.text span.figure {
273    display: block;
274    width: 200px;
275    margin-top: 0.5em;
276    margin-bottom: 0.5em;
277    padding: 5px;
278    border: 1px dashed silver;
279    /* float: right; */
280    /* text-align: center; */
281}
282div.col.main div.content.text span.figure>a,
283div.col.main div.content.text span.figure span.figureNumber,
284div.col.main div.content.text span.figure span.caption,
285div.col.main div.content.text span.figure span.description {
286    display:block;
287}
288div.col.main div.content.text span.figure span.figureNum {
289    display: none;
290}
291/*
292 * search results
293 */
294div.col.results {
295    max-width: 20em;
296    padding-right: 5px;
297}
298div.col.results div.result {
299        border: 1px solid silver;
300    border-radius: 5px;
301    padding: 0.5em;
302}
303div.col.results h4 {
304    margin-top: 0;
305    margin-bottom: 0.5em;
306}
307div.col.results div.ruler {
308        text-align: center;
309        margin-bottom: 0.5em;
310}
311div.col.results div.query {
312        margin-bottom: 0.5em;
313}
314
315/*
316 * index page
317 */
318div.index-image {
319        padding-left: 1em;
320        padding-right: 1em;
321        padding-bottom: 1em;
322        padding-top: 1em;
323}
324div.index-info {
325        padding-top: 1em;       
326}
327div.index-info h2 {
328        margin-top: 0.5em;
329        margin-bottom: 0.5em;
330}
331div.index-info td {
332        vertical-align: top;
333}
334div.index-info td.type {
335        font-weight: bold;
336}
337div.index-info td.content {
338        max-width: 30em;
339}
340
341/*
342 * image page
343 */
344div.col.main div.content.images {
345        background-color: inherit;
346        padding: 0;
347}
348div.col.main div.content.images table {
349        border-collapse: collapse; /* for tight digilib */
350}
351
352/*
353 * xml page
354 */
355div.col.main div.content.xml {
356        font-family: Monaco,Courier,monospace;
357        font-size: 12px;
358}
359div.col.main div.content.xml div.pageHeaderTitle {
360        display: none;
361}
362
363/*
364 * thumbnail overview
365 */
366div.col.main div.content-thumbs {
367        border: 1px solid silver;
368    padding: 0.5em;
369}
370div.col.main table.thumbs td {
371        text-align: center;
372}
373
374/*
375 * footer
376 */
377div.footer {
378    max-width: 68em;
379        margin-top: 1em;
380        border-top: 1px solid silver;
381        margin-left: 28px;
382        margin-right: 28px;
383        text-align: center;
384}
385div.footer div.content {
386        font-size: 10px;
387        color: grey;   
388}
389div.footer div.content a:link,
390div.footer div.content a:visited {
391        color: grey;
392}
Note: See TracBrowser for help on using the repository browser.