1
|
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 margin-left: 8px;
|
|
10 margin-top: 8px;
|
|
11 padding: 0px;
|
|
12 }
|
|
13
|
|
14 code {
|
|
15 font-family: monospace;
|
|
16 color: blue;
|
|
17 }
|
|
18
|
|
19 pre { color: #006060; }
|
|
20
|
|
21
|
|
22 a.icon {
|
|
23 margin: 0px;
|
|
24 padding: 0px;
|
|
25 }
|
|
26
|
|
27 a.arrow {
|
|
28 display: block;
|
|
29 position: absolute;
|
|
30 border: none;
|
|
31 z-index: 50;
|
|
32 background-repeat: no-repeat;
|
|
33 background-position: center;
|
|
34 }
|
|
35
|
|
36 a#up:hover {
|
|
37 background-image: url('up.png');
|
|
38 }
|
|
39
|
|
40 a#down:hover {
|
|
41 background-image: url('down.png');
|
|
42 }
|
|
43
|
|
44 a#left:hover {
|
|
45 background-image: url('left.png');
|
|
46 }
|
|
47
|
|
48 a#right:hover {
|
|
49 background-image: url('right.png');
|
|
50 }
|
|
51
|
|
52 /* Images */
|
|
53
|
|
54 img.logo {
|
|
55 border: none;
|
|
56 }
|
|
57
|
|
58 img.png {
|
|
59 border: none;
|
|
60 }
|
|
61
|
|
62 img.png:hover {
|
|
63 background-image: url('corona.png');
|
|
64 }
|
|
65
|
|
66 img#bird-image {
|
|
67 border: none;
|
|
68 position: fixed;
|
|
69 bottom: 8px;
|
|
70 right: 48px;
|
|
71 visibility: hidden;
|
|
72 z-index: 1;
|
|
73 }
|
|
74
|
|
75 /* DIVs */
|
|
76
|
|
77 div.button {
|
|
78 padding: 0px;
|
|
79 }
|
|
80
|
|
81 div.separator {
|
|
82 margin-bottom: 4px;
|
|
83 border-top: 2px solid lightgrey;
|
|
84 }
|
|
85
|
|
86 div.mark {
|
|
87 position: absolute;
|
|
88 color: white;
|
|
89 background: url('mark-bg-16.png');
|
|
90 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
91 font-weight: bold;
|
|
92 font-size:11px;
|
|
93 height: 15px;
|
|
94 width: 16px;
|
|
95 padding-top: 1px;
|
|
96 text-align: center;
|
|
97 z-index: 10;
|
|
98 visibility: hidden;
|
|
99 /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mark-bg-16.png') */
|
|
100 }
|
|
101
|
|
102 div#bg {
|
|
103 position: absolute;
|
|
104 background-color: grey;
|
|
105 background-repeat:no-repeat;
|
|
106 cursor: move;
|
|
107 visibility: hidden;
|
|
108 }
|
|
109
|
|
110 div#scaler {
|
|
111 margin-right: 50px;
|
|
112 /* position: absolute;
|
|
113 left: 8px;
|
|
114 top: 8px;
|
|
115 bottom: 8px;
|
|
116 right: 44px;
|
|
117 */ /* overflow: auto; */
|
|
118 }
|
|
119
|
|
120 div#scaler img {
|
|
121 cursor: default;
|
|
122 }
|
|
123
|
|
124 div#overlay, div#bird-overlay {
|
|
125 position: fixed;
|
|
126 background-color: transparent;
|
|
127 border: none;
|
|
128 z-index: 100;
|
|
129 visibility: hidden;
|
|
130 /* box-sizing: border-box;
|
|
131 -moz-box-sizing: border-box; */
|
|
132 }
|
|
133
|
|
134 div#buttons {
|
|
135 position: fixed;
|
|
136 right: 5px;
|
|
137 top: 5px;
|
|
138 padding: 3px;
|
|
139 /* background-color: #E0E0E0; */
|
|
140 background-color: lightgrey;
|
|
141 }
|
|
142
|
|
143 div#dloptions {
|
|
144 position: fixed;
|
|
145 right: 5px;
|
|
146 top: 5px;
|
|
147 padding: 3px;
|
|
148 /* background-color: #E0E0E0; */
|
|
149 background-color: lightgrey;
|
|
150 visibility: hidden;
|
|
151 }
|
|
152
|
|
153 div#zoom {
|
|
154 position: absolute;
|
|
155 /* border: 2px solid #ffa060; */
|
|
156 border: 2px solid #ff0000;
|
|
157 z-index: 200;
|
|
158 visibility: hidden;
|
|
159 /* box-sizing: border-box;
|
|
160 -moz-box-sizing: border-box; */
|
|
161 }
|
|
162
|
|
163 div#bird-area {
|
|
164 position: fixed;
|
|
165 /* border: 2px solid #ffa060; */
|
|
166 border: 2px solid #ff0000;
|
|
167 background-color: transparent;
|
|
168 /* box-sizing: border-box;
|
|
169 -moz-box-sizing: border-box; */
|
|
170 z-index: 10;
|
|
171 visibility: hidden;
|
|
172 }
|
|
173
|
|
174 div#calibration {
|
|
175 background: url('blue.png');
|
|
176 position: absolute;
|
|
177 top: 0px;
|
|
178 width: 400px;
|
|
179 padding: 0px;
|
|
180 visibility: hidden;
|
|
181 z-index: 1000;
|
|
182 }
|
|
183
|
|
184 div#calibration div {
|
|
185 width: 100%;
|
|
186 height: 100%;
|
|
187 margin: 0px;
|
|
188 padding: 0px;
|
|
189 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
190 text-align: center;
|
|
191 color: lightcyan;
|
|
192 border: 1px solid lightcyan;
|
|
193 background: url('ruler-top.gif') 0px -1px repeat-x;
|
|
194 z-index: 1001;
|
|
195 }
|
|
196
|
|
197 p.cm {
|
|
198 font-weight: bold;
|
|
199 }
|
|
200
|
|
201 div.popup-menu {
|
|
202 position: absolute;
|
|
203 top: 0px;
|
|
204 padding: 0px 2px;
|
|
205 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
206 border: 2px solid lightcyan;
|
|
207 background-color: lightgrey;
|
|
208 text-align: center;
|
|
209 visibility: hidden;
|
|
210 z-index: 1005;
|
|
211 }
|
|
212
|
|
213 div.popup-menu p {
|
|
214 margin: 2px 0px;
|
|
215 padding: 0px;
|
|
216 }
|
|
217
|
|
218 div.popup-menu p:hover {
|
|
219 background-color: #ffa060;
|
|
220 }
|
|
221
|
|
222 div.popup-menu a {
|
|
223 text-decoration: none;
|
|
224 color: black;
|
|
225 }
|
|
226
|
|
227 div#about {
|
|
228 position: absolute;
|
|
229 width: 200px;
|
|
230 top: 100px;
|
|
231 left: 350px;
|
|
232 height: 200px;
|
|
233 padding: 0px 2px;
|
|
234 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
235 border: 2px solid lightcyan;
|
|
236 background-color: lightgrey;
|
|
237 text-align: center;
|
|
238 visibility: hidden;
|
|
239 z-index: 1000;
|
|
240 }
|
|
241
|
|
242 div#about p {
|
|
243 margin: 6px;
|
|
244 }
|
|
245
|
|
246
|
|
247 /* DEBUG elements */
|
|
248
|
|
249 div#debug {
|
|
250 position: absolute;
|
|
251 width: 150px;
|
|
252 top: 50px;
|
|
253 right: 36px;
|
|
254 bottom: 50px;
|
|
255 overflow: auto;
|
|
256 padding: 0px 2px;
|
|
257 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
258 color: lightgreen;
|
|
259 border: 1px dotted black;
|
|
260 background-color: transparent;
|
|
261 visibility: hidden;
|
|
262 }
|
|
263
|
|
264 div#debug p.debug, h1 {
|
|
265 font-weight: bold;
|
|
266 color: lightcyan;
|
|
267 }
|
|
268
|
|
269 div#debug p, h1 {
|
|
270 margin: 0px;
|
|
271 padding: 2px 0px;
|
|
272 font-size: 9px;
|
|
273 background-color: black;
|
|
274 }
|
|
275
|
|
276
|