Mercurial > hg > digilib
comparison client/digitallibrary/greyskin/diginew.css @ 404:e9bfc85f2df5
moved styles to a separate stylesheet
author | hertzhaft |
---|---|
date | Tue, 13 Dec 2005 13:30:29 +0100 |
parents | |
children | 80dcfa0ce225 |
comparison
equal
deleted
inserted
replaced
403:8b9b4513cd64 | 404:e9bfc85f2df5 |
---|---|
1 /* Styles for Digilib NG */ | |
2 /* (c) 2005 by Martin Raspe <hertzhaft@biblhertz.it> */ | |
3 /* Bibliotheca Hertziana (Max-Planck-Institute for Art History), Rome */ | |
4 | |
5 body { | |
6 background-color: #E0E0E0; | |
7 color: black; | |
8 font-size: 8pt; | |
9 } | |
10 | |
11 code { | |
12 font-family: monospace; | |
13 color: blue; | |
14 } | |
15 | |
16 pre { color: #006060; } | |
17 | |
18 | |
19 a.icon { | |
20 margin: 0px; | |
21 padding: 0px; | |
22 } | |
23 | |
24 /* Images */ | |
25 | |
26 img.logo { | |
27 border: none; | |
28 } | |
29 | |
30 img.png { | |
31 border: none; | |
32 } | |
33 | |
34 img.png:hover { | |
35 background-image: url('corona.png'); | |
36 } | |
37 | |
38 /* DIVs */ | |
39 | |
40 div.button { | |
41 padding: 0px; | |
42 } | |
43 | |
44 div.mark { | |
45 position: absolute; | |
46 color: white; | |
47 background: url('mark-bg-16.png'); | |
48 font-family: Verdana, Arial, Helvetica, sans-serif; | |
49 font-weight: bold; | |
50 font-size:11px; | |
51 height: 16px; | |
52 width: 16px; | |
53 text-align: center; | |
54 z-index: 10; | |
55 /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mark-bg-16.png') */ | |
56 } | |
57 | |
58 div#scaler-table { | |
59 padding-right: 40px; | |
60 } | |
61 | |
62 div#overlay { | |
63 position: absolute; | |
64 background: transparent; | |
65 border: 2px solid lightcyan; | |
66 z-index: 20; | |
67 visibility: hidden; | |
68 } | |
69 | |
70 div#buttons { | |
71 position: absolute; | |
72 right: 5px; | |
73 top: 5px; | |
74 background-color: #E0E0E0; | |
75 } | |
76 | |
77 div#dloptions { | |
78 position: absolute; | |
79 right: 5px; | |
80 top: 5px; | |
81 background-color: #E0E0E0; | |
82 visibility: hidden; | |
83 } | |
84 | |
85 div#zoom { | |
86 position: absolute; | |
87 border: 2px solid #ffff80; | |
88 visibility: hidden; | |
89 } | |
90 | |
91 div#about { | |
92 position: absolute; | |
93 width: 200px; | |
94 top: 100px; | |
95 left: 350px; | |
96 height: 200px; | |
97 padding: 0px 2px; | |
98 font-family: Verdana, Arial, Helvetica, sans-serif; | |
99 border: 3px solid lightcyan; | |
100 background-color: lightgrey; | |
101 text-align: center; | |
102 visibility: hidden; | |
103 z-index: 1000; | |
104 } | |
105 | |
106 /* DEBUG elements */ | |
107 | |
108 div#debug { | |
109 position: absolute; | |
110 width: 200px; | |
111 top: 10px; | |
112 left: 10px; | |
113 bottom: 10px; | |
114 overflow: auto; | |
115 padding: 0px 2px; | |
116 font-family: Verdana, Arial, Helvetica, sans-serif; | |
117 color: lightgreen; | |
118 border: 1px dotted lightcyan; | |
119 background: transparent; | |
120 } | |
121 | |
122 p.debug { | |
123 font-weight: bold; | |
124 color: lightcyan; | |
125 margin: 0px; | |
126 padding: 0px; | |
127 } | |
128 | |
129 |