source: documentViewer/css/docuviewer.css @ 540:4b43a57ad9b3

Last change on this file since 540:4b43a57ad9b3 was 540:4b43a57ad9b3, checked in by casties, 12 years ago

more nicer
File size: 5.9 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.options.digilib li img {
237        vertical-align: middle;
238}
239
240/*
241 * text page
242 */
243div.col.main div.content.text {
244    font-family: Junicode,Gentium,Georgia,serif;
245    font-size: 14px;
246        line-height: 1.3;
247}
248
249/*
250 * search results
251 */
252div.col.results {
253    max-width: 20em;
254    padding-right: 5px;
255}
256div.col.results div.result {
257        border: 1px solid silver;
258    border-radius: 5px;
259    padding: 0.5em;
260}
261div.col.results h4 {
262    margin-top: 0;
263    margin-bottom: 0.5em;
264}
265div.col.results div.ruler {
266        text-align: center;
267        margin-bottom: 0.5em;
268}
269div.col.results div.query {
270        margin-bottom: 0.5em;
271}
272
273/*
274 * index page
275 */
276div.index-image {
277        padding-left: 1em;
278        padding-right: 1em;
279        padding-bottom: 1em;
280        padding-top: 1em;
281}
282div.index-info {
283        padding-top: 1em;       
284}
285div.index-info h2 {
286        margin-top: 0.5em;
287        margin-bottom: 0.5em;
288}
289div.index-info td {
290        vertical-align: top;
291}
292div.index-info td.type {
293        font-weight: bold;
294}
295div.index-info td.content {
296        max-width: 30em;
297}
298div.index-actions {
299        float: left;
300        border: 1px solid silver;
301    padding: 1em;
302        margin-top: 2em;
303}
304div.index-actions div.action {
305        margin-bottom: 1em;
306}
307
308/*
309 * image page
310 */
311div.col.main div.content.images {
312        background-color: inherit;
313        padding: 0;
314}
315div.col.main div.content.images table {
316        border-collapse: collapse; /* for tight digilib */
317}
318
319/*
320 * xml page
321 */
322div.col.main div.content.xml {
323        font-family: Monaco,Courier,monospace;
324        font-size: 12px;
325}
326div.col.main div.content.xml div.pageHeaderTitle {
327        display: none;
328}
329
330
331
332/*
333 * thumbnail overview
334 */
335div.col.main div.content-thumbs {
336        border: 1px solid silver;
337    padding: 0.5em;
338}
339div.col.main table.thumbs td {
340        text-align: center;
341}
Note: See TracBrowser for help on using the repository browser.