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