source: documentViewer/css/docuviewer.css @ 568:694935574177

Last change on this file since 568:694935574177 was 568:694935574177, checked in by casties, 12 years ago

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