Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery.digilib.css @ 1024:4ee43243a6a0
more clean up.
new hover-style for regions.
clicking on region to zoom uses zoomArea action.
author | robcast |
---|---|
date | Tue, 06 Mar 2012 21:32:20 +0100 |
parents | 0eedb4a5b674 |
children | c75858ee4452 |
rev | line source |
---|---|
725 | 1 /* |
2 * CSS style file for jQuery digilib | |
3 * | |
4 * Martin Raspe, Robert Casties, 11.1.2011 | |
5 */ | |
995 | 6 div.dl-digilib div.dl-scaler { |
725 | 7 background-color: grey; |
8 z-index: 0; | |
746
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
9 width: 0px; |
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
10 height: 0px; |
725 | 11 } |
12 | |
995 | 13 div.dl-digilib div.dl-birdview { |
725 | 14 border: 1px solid white; |
15 z-index: 10; | |
16 } | |
17 | |
995 | 18 div.dl-digilib div.dl-zoomrect { |
725 | 19 position: absolute; |
20 border: 2px solid #ff0000; | |
21 z-index: 100; | |
22 } | |
23 | |
995 | 24 div.dl-digilib div.dl-birdzoom { |
726 | 25 position: absolute; |
26 border: 2px solid #ff0000; | |
27 z-index: 100; | |
28 } | |
29 | |
995 | 30 div.dl-digilib div.dl-mark { |
725 | 31 position: absolute; |
32 color: white; | |
33 background: url('../greyskin/mark-bg-16.png'); | |
34 font-family: Verdana, Arial, Helvetica, sans-serif; | |
35 font-weight: bold; | |
36 font-size: 11px; | |
37 height: 15px; | |
38 width: 16px; | |
39 padding-top: 1px; | |
40 text-align: center; | |
41 z-index: 10; | |
42 } | |
43 | |
995 | 44 div.dl-digilib div.dl-about { |
725 | 45 position: absolute; |
46 width: 200px; | |
47 top: 100px; | |
48 left: 350px; | |
49 height: 200px; | |
50 padding: 0px 2px; | |
51 font-family: Verdana, Arial, Helvetica, sans-serif; | |
52 border: 2px solid lightcyan; | |
53 background-color: lightgrey; | |
54 text-align: center; | |
55 display: none; | |
56 z-index: 1000; | |
57 } | |
58 | |
995 | 59 div.dl-digilib div.dl-region { |
813 | 60 position: absolute; |
1024 | 61 color: white; |
62 font-family: Verdana, Arial, Helvetica, sans-serif; | |
63 font-size: 11px; | |
792 | 64 background-color: red; |
895 | 65 opacity: 0.3; |
1024 | 66 /* do we still need this IE6-stuff? */ |
895 | 67 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); |
813 | 68 } |
69 | |
995 | 70 div.dl-digilib div.dl-region:hover { |
1024 | 71 background-color: transparent; |
72 border: 2px solid red; | |
73 /* opacity: 0.5; */ | |
74 /* do we still need this IE6-stuff? */ | |
895 | 75 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
792 | 76 } |
77 | |
995 | 78 div.dl-digilib div.dl-region a.dl-regionnumber { |
813 | 79 color: white; |
823 | 80 text-decoration: none; |
813 | 81 font-weight: bold; |
851 | 82 font-size: 11px; |
83 text-align: center; | |
84 padding: 0px 2px; | |
85 margin-right: 4px; | |
86 border: 1px solid white; | |
87 display: inline-block; | |
813 | 88 } |
89 | |
995 | 90 div.dl-digilib div.dl-regioncontent { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
813
diff
changeset
|
91 display: none; |
823 | 92 } |
93 | |
995 | 94 div.dl-digilib div.dl-regionHTML { |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
95 display: none; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
96 position: absolute; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
97 top: 100px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
98 padding: 10px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
99 font-family: Verdana, Arial, Helvetica, sans-serif; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
100 font-size: 12px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
101 border: 2px solid lightcyan; |
872 | 102 color: black; |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
103 background-color: lightgrey; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
104 z-index: 1000; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
105 } |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
106 |
995 | 107 div.dl-digilib div.dl-regionHTML a { |
835 | 108 color: white; |
109 text-decoration: none; | |
110 font-size: 11px; | |
111 font-weight: bold; | |
112 } | |
113 | |
995 | 114 div.dl-digilib div.dl-calibration { |
981 | 115 background: url('img/blue.png'); |
974 | 116 position: absolute; |
117 border: 1px solid lightcyan; | |
118 width: 400px; | |
119 display: none; | |
120 z-index: 9999; | |
121 } | |
122 | |
995 | 123 div.dl-digilib div.dl-ruler { |
974 | 124 width: 100%; |
125 height: 100%; | |
126 padding-bottom: 10px; | |
127 font-family: Verdana, Arial, Helvetica, sans-serif; | |
128 font-size: 12px; | |
129 font-weight: bold; | |
130 text-align: center; | |
131 color: lightcyan; | |
981 | 132 background: url('img/ruler-top.gif') 0px -1px repeat-x; |
974 | 133 } |
134 | |
995 | 135 div.dl-digilib div.dl-cm { |
978 | 136 padding: 5px; |
137 } | |
138 | |
995 | 139 div.dl-digilib div.dl-calibration-error { |
978 | 140 color: red; |
974 | 141 padding: 10px; |
978 | 142 display: none; |
143 } | |
144 | |
995 | 145 div.dl-digilib input.dl-calibration-input { |
978 | 146 margin: 0px 10px; |
147 } | |
148 | |
995 | 149 div.dl-digilib input.dl-error { |
978 | 150 color: red; |
151 background-color: khaki; | |
974 | 152 } |
153 | |
1018 | 154 div.dl-digilib button.dl-button { |
155 margin: 0px 10px 10px 10px; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
156 border-width: 1px; |
1018 | 157 font-family: Verdana, Arial, Helvetica, sans-serif; |
158 font-size: 12px; | |
159 color: white; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
160 background: transparent; |
1018 | 161 } |
162 | |
995 | 163 div.dl-digilib div.dl-slider { |
985 | 164 border: 1px solid lightcyan; |
1018 | 165 margin: 30px; |
985 | 166 z-index: 9999; |
998 | 167 height: 6px; |
985 | 168 } |
169 | |
1018 | 170 div.dl-digilib div.dl-panel { |
171 position: absolute; | |
172 width: 500px; | |
173 text-align: center; | |
174 background: url('img/blue.png'); | |
175 border: 1px solid lightcyan; | |
176 display: none; | |
177 } | |
178 | |
998 | 179 div.dl-digilib div.dl-sliderhandle { |
1004 | 180 border: 1px solid lightcyan; |
181 background: url('img/blue.png'); | |
985 | 182 position: absolute; |
183 z-index: 10000; | |
184 } | |
185 | |
1004 | 186 div.dl-digilib div.dl-sliderlabel, |
187 div.dl-digilib div.dl-slidernumber { | |
188 position: absolute; | |
189 padding: 2px; | |
190 font-family: Verdana, Arial, Helvetica, sans-serif; | |
191 font-size: 12px; | |
192 color: white; | |
193 } | |
194 | |
995 | 195 div.dl-infobutton { |
855 | 196 background-color: white; |
197 color: grey; | |
198 padding: 0px 4px; | |
199 margin: 0px 2px; | |
200 float: left; | |
201 } | |
202 | |
995 | 203 div.dl-info { |
855 | 204 clear: both; |
205 display: none; | |
206 margin: 10px; | |
207 } | |
208 | |
995 | 209 div.dl-infoheader { |
855 | 210 width: 300px; |
211 margin-bottom: 20px; | |
212 } | |
213 | |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
214 /* scroll arrows */ |
995 | 215 div.dl-digilib table.dl-scalertable { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
216 border: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
217 padding: 0; |
877 | 218 } |
995 | 219 div.dl-digilib table.dl-scalertable td { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
220 padding: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
221 } |
995 | 222 div.dl-digilib table.dl-scalertable td.dl-arrow { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
223 } |
995 | 224 div.dl-digilib table.dl-scalertable td.dl-arrow:hover { |
862 | 225 background-color: black; |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
226 opacity: 0.3; |
862 | 227 } |
995 | 228 div.dl-digilib table.dl-scalertable img.button { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
229 opacity: 1; |
879 | 230 } |
231 | |
725 | 232 /* special definitions for fullscreen */ |
996 | 233 div.dl-digilib.dl-fullscreen div.dl-buttons { |
725 | 234 position: fixed; |
235 right: 0px; | |
236 top: 0px; | |
237 padding: 2px; | |
238 background-color: transparent; | |
879 | 239 z-index: 200; |
725 | 240 } |
241 | |
996 | 242 div.dl-digilib.dl-fullscreen div.dl-buttons div.dl-button:hover { |
770 | 243 background-image: url('img/fullscreen/corona.png'); |
877 | 244 background-repeat: no-repeat; |
725 | 245 } |
246 | |
996 | 247 div.dl-digilib.dl-fullscreen div.dl-button-on { |
770 | 248 background-image: url('img/fullscreen/whitedisc.png'); |
877 | 249 background-repeat: no-repeat; |
765 | 250 } |
251 | |
996 | 252 div.dl-digilib.dl-fullscreen div.dl-birdview { |
725 | 253 position: fixed; |
254 bottom: 8px; | |
255 right: 48px; | |
256 } | |
257 | |
1003 | 258 /* no borders for button images */ |
259 div.dl-digilib a img.dl-button { | |
260 border:none; | |
261 } | |
262 | |
725 | 263 /* special definitions for embedded */ |
996 | 264 div.dl-digilib.dl-embedded { |
725 | 265 position: relative; |
266 } | |
267 | |
996 | 268 div.dl-digilib.dl-embedded div.dl-buttons { |
725 | 269 position: absolute; |
270 right: 0px; | |
271 top: 0px; | |
272 padding: 1px; | |
273 background-color: grey; | |
848 | 274 opacity: 0.5; |
725 | 275 z-index: 100; |
276 } | |
277 | |
996 | 278 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { |
848 | 279 background-color: black; |
725 | 280 } |
281 | |
996 | 282 div.dl-digilib.dl-embedded div.dl-button-on { |
848 | 283 background-color: darkgreen; |
765 | 284 } |
285 | |
996 | 286 div.dl-digilib.dl-embedded div.dl-birdview { |
725 | 287 position: absolute; |
288 bottom: 0px; | |
289 right: 0px; | |
726 | 290 } |
877 | 291 |
1003 | 292 |