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