comparison src/de/mpg/mpiwg/itgroup/digilib/icons/greyskin/diginew.css @ 1:83c58ea33792

first release (continued)
author dwinter
date Mon, 03 Jan 2011 09:11:25 +0100
parents
children
comparison
equal deleted inserted replaced
0:6829553d2378 1:83c58ea33792
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