Mercurial > hg > de.mpg.mpiwg.itgroup.digilib.plugin
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 |