Mercurial > hg > digilib-old
annotate client/digitallibrary/greyskin/diginew.css @ 523:7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
author | hertzhaft |
---|---|
date | Thu, 17 Sep 2009 19:40:17 +0200 |
parents | 688620e8c015 |
children |
rev | line source |
---|---|
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; | |
523
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
9 margin-left: 8px; |
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
10 margin-top: 8px; |
522 | 11 padding: 0px; |
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 { |
523
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
111 margin-right: 50px; |
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
112 /* position: absolute; |
439 | 113 left: 8px; |
114 top: 8px; | |
522 | 115 bottom: 8px; |
439 | 116 right: 44px; |
452 | 117 */ /* overflow: auto; */ |
408 | 118 } |
119 | |
522 | 120 div#scaler img { |
121 cursor: default; | |
122 } | |
123 | |
517 | 124 div#overlay, div#bird-overlay { |
514 | 125 position: fixed; |
432 | 126 background-color: transparent; |
523
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
127 border: none; |
415 | 128 z-index: 100; |
408 | 129 visibility: hidden; |
442 | 130 /* box-sizing: border-box; |
131 -moz-box-sizing: border-box; */ | |
408 | 132 } |
133 | |
134 div#buttons { | |
452 | 135 position: fixed; |
408 | 136 right: 5px; |
137 top: 5px; | |
452 | 138 padding: 3px; |
139 /* background-color: #E0E0E0; */ | |
140 background-color: lightgrey; | |
141 } | |
408 | 142 |
143 div#dloptions { | |
452 | 144 position: fixed; |
408 | 145 right: 5px; |
146 top: 5px; | |
452 | 147 padding: 3px; |
148 /* background-color: #E0E0E0; */ | |
149 background-color: lightgrey; | |
408 | 150 visibility: hidden; |
151 } | |
152 | |
153 div#zoom { | |
154 position: absolute; | |
514 | 155 /* border: 2px solid #ffa060; */ |
156 border: 2px solid #ff0000; | |
522 | 157 z-index: 200; |
415 | 158 visibility: hidden; |
442 | 159 /* box-sizing: border-box; |
160 -moz-box-sizing: border-box; */ | |
415 | 161 } |
162 | |
163 div#bird-area { | |
514 | 164 position: fixed; |
165 /* border: 2px solid #ffa060; */ | |
166 border: 2px solid #ff0000; | |
415 | 167 background-color: transparent; |
442 | 168 /* box-sizing: border-box; |
169 -moz-box-sizing: border-box; */ | |
415 | 170 z-index: 10; |
522 | 171 visibility: hidden; |
415 | 172 } |
408 | 173 |
432 | 174 div#calibration { |
439 | 175 background: url('blue.png'); |
432 | 176 position: absolute; |
523
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
177 top: 0px; |
454 | 178 width: 400px; |
439 | 179 padding: 0px; |
432 | 180 visibility: hidden; |
181 z-index: 1000; | |
182 } | |
183 | |
439 | 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 | |
454 | 201 div.popup-menu { |
440 | 202 position: absolute; |
523
7be5771b6473
popup-menu divs were causing unnecessary scrollbar on body element
hertzhaft
parents:
522
diff
changeset
|
203 top: 0px; |
440 | 204 padding: 0px 2px; |
205 font-family: Verdana, Arial, Helvetica, sans-serif; | |
442 | 206 border: 2px solid lightcyan; |
440 | 207 background-color: lightgrey; |
208 text-align: center; | |
209 visibility: hidden; | |
210 z-index: 1005; | |
211 } | |
212 | |
454 | 213 div.popup-menu p { |
442 | 214 margin: 2px 0px; |
215 padding: 0px; | |
440 | 216 } |
217 | |
454 | 218 div.popup-menu p:hover { |
442 | 219 background-color: #ffa060; |
440 | 220 } |
221 | |
454 | 222 div.popup-menu a { |
440 | 223 text-decoration: none; |
442 | 224 color: black; |
440 | 225 } |
226 | |
408 | 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; | |
442 | 235 border: 2px solid lightcyan; |
408 | 236 background-color: lightgrey; |
237 text-align: center; | |
238 visibility: hidden; | |
239 z-index: 1000; | |
240 } | |
241 | |
432 | 242 div#about p { |
243 margin: 6px; | |
244 } | |
245 | |
246 | |
408 | 247 /* DEBUG elements */ |
248 | |
249 div#debug { | |
250 position: absolute; | |
432 | 251 width: 150px; |
252 top: 50px; | |
253 right: 36px; | |
254 bottom: 50px; | |
408 | 255 overflow: auto; |
256 padding: 0px 2px; | |
257 font-family: Verdana, Arial, Helvetica, sans-serif; | |
439 | 258 color: lightgreen; |
259 border: 1px dotted black; | |
415 | 260 background-color: transparent; |
445 | 261 visibility: hidden; |
408 | 262 } |
263 | |
415 | 264 div#debug p.debug, h1 { |
408 | 265 font-weight: bold; |
266 color: lightcyan; | |
267 } | |
268 | |
415 | 269 div#debug p, h1 { |
270 margin: 0px; | |
271 padding: 2px 0px; | |
272 font-size: 9px; | |
439 | 273 background-color: black; |
415 | 274 } |
408 | 275 |
439 | 276 |