source: documentViewer/css/docuviewer.css @ 543:6cdc31e9ed8e

Last change on this file since 543:6cdc31e9ed8e was 543:6cdc31e9ed8e, checked in by casties, 12 years ago

fixed problem with dict-mode in default view.
added configurable footer and logo in site_template.pt
File size: 6.3 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}
259/*
260 * search results
261 */
262div.col.results {
263    max-width: 20em;
264    padding-right: 5px;
265}
266div.col.results div.result {
267        border: 1px solid silver;
268    border-radius: 5px;
269    padding: 0.5em;
270}
271div.col.results h4 {
272    margin-top: 0;
273    margin-bottom: 0.5em;
274}
275div.col.results div.ruler {
276        text-align: center;
277        margin-bottom: 0.5em;
278}
279div.col.results div.query {
280        margin-bottom: 0.5em;
281}
282
283/*
284 * index page
285 */
286div.index-image {
287        padding-left: 1em;
288        padding-right: 1em;
289        padding-bottom: 1em;
290        padding-top: 1em;
291}
292div.index-info {
293        padding-top: 1em;       
294}
295div.index-info h2 {
296        margin-top: 0.5em;
297        margin-bottom: 0.5em;
298}
299div.index-info td {
300        vertical-align: top;
301}
302div.index-info td.type {
303        font-weight: bold;
304}
305div.index-info td.content {
306        max-width: 30em;
307}
308
309/*
310 * image page
311 */
312div.col.main div.content.images {
313        background-color: inherit;
314        padding: 0;
315}
316div.col.main div.content.images table {
317        border-collapse: collapse; /* for tight digilib */
318}
319
320/*
321 * xml page
322 */
323div.col.main div.content.xml {
324        font-family: Monaco,Courier,monospace;
325        font-size: 12px;
326}
327div.col.main div.content.xml div.pageHeaderTitle {
328        display: none;
329}
330
331/*
332 * thumbnail overview
333 */
334div.col.main div.content-thumbs {
335        border: 1px solid silver;
336    padding: 0.5em;
337}
338div.col.main table.thumbs td {
339        text-align: center;
340}
341
342/*
343 * footer
344 */
345div.footer {
346    max-width: 68em;
347        margin-top: 1em;
348        border-top: 1px solid silver;
349        margin-left: 28px;
350        margin-right: 28px;
351        text-align: center;
352}
353div.footer div.content {
354        font-size: 10px;
355        color: grey;   
356}
357div.footer div.content a:link,
358div.footer div.content a:visited {
359        color: grey;
360}
Note: See TracBrowser for help on using the repository browser.