Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery.digilib.css @ 1107:365f95a14057
factor out defineArea, using overlay div
author | hertzhaft |
---|---|
date | Sat, 27 Oct 2012 00:06:29 +0200 |
parents | 34f893492adb |
children | 214cac7e5628 |
rev | line source |
---|---|
725 | 1 /* |
2 * CSS style file for jQuery digilib | |
3 * | |
4 * Martin Raspe, Robert Casties, 11.1.2011 | |
5 */ | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
6 |
1056
89c5b56933af
Ticket #9: new option 'showPageButtons', function 'disableButtons'
hertzhaft
parents:
1052
diff
changeset
|
7 div.dl-digilib .dl-disabled { |
89c5b56933af
Ticket #9: new option 'showPageButtons', function 'disableButtons'
hertzhaft
parents:
1052
diff
changeset
|
8 display: none; |
89c5b56933af
Ticket #9: new option 'showPageButtons', function 'disableButtons'
hertzhaft
parents:
1052
diff
changeset
|
9 } |
89c5b56933af
Ticket #9: new option 'showPageButtons', function 'disableButtons'
hertzhaft
parents:
1052
diff
changeset
|
10 |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
11 div.dl-digilib, |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
12 div.dl-digilib button, |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
13 div.dl-digilib input { |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
14 font-family: Verdana, Arial, Helvetica, sans-serif; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
15 font-size: 12px; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
16 } |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
17 |
995 | 18 div.dl-digilib div.dl-scaler { |
725 | 19 background-color: grey; |
20 z-index: 0; | |
746
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
21 width: 0px; |
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
22 height: 0px; |
725 | 23 } |
24 | |
1107 | 25 div.dl-digilib div.dl-area { |
26 display: none; | |
27 position: absolute; | |
28 border: 2px solid #ff0000; | |
29 } | |
30 | |
31 div.dl-digilib div.dl-areaoverlay { | |
32 position: absolute; | |
33 z-index: 100; | |
34 } | |
35 | |
995 | 36 div.dl-digilib div.dl-birdview { |
725 | 37 border: 1px solid white; |
38 z-index: 10; | |
39 } | |
40 | |
995 | 41 div.dl-digilib div.dl-birdzoom { |
726 | 42 position: absolute; |
43 border: 2px solid #ff0000; | |
44 z-index: 100; | |
45 } | |
46 | |
995 | 47 div.dl-digilib div.dl-mark { |
725 | 48 position: absolute; |
49 color: white; | |
1089 | 50 background: url('img/mark-bg-16.png'); |
725 | 51 font-family: Verdana, Arial, Helvetica, sans-serif; |
52 font-weight: bold; | |
53 font-size: 11px; | |
1089 | 54 height: 16px; |
725 | 55 width: 16px; |
56 padding-top: 1px; | |
57 text-align: center; | |
58 z-index: 10; | |
59 } | |
60 | |
1089 | 61 div.dl-digilib div.dl-annotationmark { |
62 position: absolute; | |
63 color: black; | |
64 background: url('img/annotationmark-bg-16.png'); | |
65 /* background-color: yellow; */ | |
66 font-family: Verdana, Arial, Helvetica, sans-serif; | |
67 font-weight: bold; | |
68 font-size: 11px; | |
69 height: 16px; | |
70 width: 16px; | |
71 padding-top: 1px; | |
72 text-align: center; | |
73 z-index: 10; | |
74 } | |
75 | |
995 | 76 div.dl-digilib div.dl-about { |
725 | 77 position: absolute; |
1052 | 78 padding: 10px; |
725 | 79 font-family: Verdana, Arial, Helvetica, sans-serif; |
80 border: 2px solid lightcyan; | |
81 background-color: lightgrey; | |
82 text-align: center; | |
83 display: none; | |
1052 | 84 z-index: 100; |
725 | 85 } |
86 | |
995 | 87 div.dl-digilib div.dl-region { |
813 | 88 position: absolute; |
1107 | 89 border: none; |
1024 | 90 color: white; |
91 font-family: Verdana, Arial, Helvetica, sans-serif; | |
92 font-size: 11px; | |
792 | 93 background-color: red; |
895 | 94 opacity: 0.3; |
1024 | 95 /* do we still need this IE6-stuff? */ |
895 | 96 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); |
813 | 97 } |
98 | |
1025 | 99 div.dl-digilib div.dl-region a:link, |
100 div.dl-digilib div.dl-region a:visited { | |
101 color: white; | |
102 } | |
103 | |
995 | 104 div.dl-digilib div.dl-region:hover { |
1024 | 105 background-color: transparent; |
106 border: 2px solid red; | |
1067 | 107 opacity: 0.6; |
1024 | 108 /* do we still need this IE6-stuff? */ |
1067 | 109 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); |
792 | 110 } |
111 | |
1107 | 112 div.dl-digilib div.dl-regionArea { |
113 background-color: red; | |
114 border: none; | |
115 opacity: 0.3; | |
116 } | |
117 | |
1088
16215fc22fbf
better separation of HTML and user defined regions
hertzhaft
parents:
1083
diff
changeset
|
118 div.dl-digilib div.dl-regionHTML { |
16215fc22fbf
better separation of HTML and user defined regions
hertzhaft
parents:
1083
diff
changeset
|
119 background-color: purple; |
16215fc22fbf
better separation of HTML and user defined regions
hertzhaft
parents:
1083
diff
changeset
|
120 } |
16215fc22fbf
better separation of HTML and user defined regions
hertzhaft
parents:
1083
diff
changeset
|
121 |
995 | 122 div.dl-digilib div.dl-region a.dl-regionnumber { |
813 | 123 color: white; |
823 | 124 text-decoration: none; |
813 | 125 font-weight: bold; |
851 | 126 font-size: 11px; |
127 text-align: center; | |
128 padding: 0px 2px; | |
129 margin-right: 4px; | |
130 border: 1px solid white; | |
131 display: inline-block; | |
813 | 132 } |
133 | |
1025 | 134 div.dl-digilib map.dl-regioncontent { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
813
diff
changeset
|
135 display: none; |
823 | 136 } |
137 | |
1092 | 138 div.dl-digilib div.dl-findregion { |
139 background-color: transparent; | |
1107 | 140 border: 5px solid orange; |
141 opacity: 0.8; | |
1092 | 142 } |
143 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
144 div.dl-digilib #dl-calibration { |
981 | 145 background: url('img/blue.png'); |
974 | 146 position: absolute; |
1058
95d28c6ad018
rgb slider now gets/sets values, plus some refactoring
hertzhaft
parents:
1057
diff
changeset
|
147 border: 2px solid lightcyan; |
974 | 148 width: 400px; |
149 display: none; | |
1107 | 150 z-index: 100; |
974 | 151 } |
152 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
153 div.dl-digilib #dl-ruler { |
974 | 154 width: 100%; |
155 height: 100%; | |
156 padding-bottom: 10px; | |
157 font-family: Verdana, Arial, Helvetica, sans-serif; | |
158 font-size: 12px; | |
159 font-weight: bold; | |
160 text-align: center; | |
161 color: lightcyan; | |
981 | 162 background: url('img/ruler-top.gif') 0px -1px repeat-x; |
974 | 163 } |
164 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
165 div.dl-digilib #dl-cm { |
978 | 166 padding: 5px; |
167 } | |
168 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
169 div.dl-digilib #dl-calibrationError { |
978 | 170 color: red; |
974 | 171 padding: 10px; |
978 | 172 display: none; |
173 } | |
174 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
175 div.dl-digilib #dl-calibrationInput { |
978 | 176 margin: 0px 10px; |
177 } | |
178 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
179 div.dl-digilib .dl-error { |
978 | 180 color: red; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
181 background-color: darkred; |
974 | 182 } |
183 | |
1018 | 184 div.dl-digilib button.dl-button { |
185 margin: 0px 10px 10px 10px; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
186 border-width: 1px; |
1018 | 187 font-family: Verdana, Arial, Helvetica, sans-serif; |
188 font-size: 12px; | |
189 color: white; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
190 background: transparent; |
1018 | 191 } |
192 | |
1062
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
193 div.dl-digilib table.dl-rgbslider td.dl-rgb { |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
194 width: 40%; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
195 padding: 6px; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
196 border: 2px solid lightcyan; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
197 } |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
198 |
1057 | 199 div.dl-digilib div.dl-rgbslider { |
200 display: none; | |
201 border: 2px solid lightcyan; | |
202 background-color: lightgrey; | |
203 width: 400px; | |
1059
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
204 padding: 10px; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
205 position: absolute; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
206 top: 0px; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
207 } |
1090 | 208 div.dl-digilib div.dl-rgbsliderpreview, |
209 div.dl-digilib div.dl-singlesliderpreview { | |
1062
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
210 border: 2px solid lightcyan; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
211 margin: 10px 0px; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
212 } |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
213 |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
214 div.dl-digilib table.dl-rgbslider, |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
215 div.dl-digilib table.dl-rgbslidergrey, |
1090 | 216 div.dl-digilib table.dl-rgbsliderpreview, |
1063 | 217 div.dl-digilib table.dl-singleslider, |
218 div.dl-digilib table.dl-singleslidergrey, | |
1090 | 219 div.dl-digilib table.dl-singlesliderpreview { |
1062
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
220 width: 100%; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
221 border-collapse: collapse; |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
222 } |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
223 |
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
224 div.dl-digilib table.dl-rgbslidergrey td, |
1090 | 225 div.dl-digilib table.dl-rgbsliderpreview td, |
1063 | 226 div.dl-digilib table.dl-singleslidergrey td, |
1090 | 227 div.dl-digilib table.dl-singlesliderpreview td { |
1062
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
228 height: 20px; |
1059
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
229 } |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
230 |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
231 div.dl-digilib td.dl-color div { |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
232 color: lightcyan; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
233 border: 2px solid lightcyan; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
234 text-align: center; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
235 padding: 20px 0px; |
1062
41991d1598f1
rgb slider: reset now functional, minor refactoring
hertzhaft
parents:
1060
diff
changeset
|
236 margin: 0px 20px 20px 0px; |
1059
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
237 } |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
238 |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
239 div.dl-digilib td.dl-r div { |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
240 background-color: #800000; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
241 } |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
242 |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
243 div.dl-digilib td.dl-g div { |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
244 background-color: #008000; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
245 } |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
246 |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
247 div.dl-digilib td.dl-b div { |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
248 background-color: #000080; |
1057 | 249 } |
250 | |
251 div.dl-digilib div.dl-singleslider { | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
252 display: none; |
1052 | 253 border: 2px solid lightcyan; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
254 background-color: lightgrey; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
255 width: 300px; |
1059
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
256 padding: 10px; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
257 position: absolute; |
c7fd2f239953
rgb slider: color labels, first step to color indicator
hertzhaft
parents:
1058
diff
changeset
|
258 top: 0px; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
259 } |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
260 |
995 | 261 div.dl-digilib div.dl-slider { |
985 | 262 border: 1px solid lightcyan; |
1018 | 263 margin: 30px; |
1060 | 264 z-index: 100; |
998 | 265 height: 6px; |
985 | 266 } |
267 | |
1060 | 268 div.dl-digilib div.dl-regionInfo { |
269 display: none; | |
1018 | 270 position: absolute; |
1060 | 271 overflow: visible; |
272 padding: 10px; | |
1004 | 273 font-family: Verdana, Arial, Helvetica, sans-serif; |
274 font-size: 12px; | |
1060 | 275 border: 2px solid lightcyan; |
276 color: black; | |
277 background-color: lightgrey; | |
278 width: 300px; | |
279 z-index: 100; | |
280 } | |
281 | |
282 div.dl-digilib div.dl-regionInfo a { | |
283 color: white; | |
284 text-decoration: none; | |
285 font-size: 11px; | |
286 font-weight: bold; | |
287 width: 300px; | |
288 } | |
289 | |
290 .dl-infobutton { | |
291 background-color: lightcyan; | |
855 | 292 color: grey; |
293 padding: 0px 4px; | |
294 } | |
295 | |
995 | 296 div.dl-info { |
855 | 297 display: none; |
298 margin: 10px; | |
299 } | |
300 | |
995 | 301 div.dl-infoheader { |
855 | 302 margin-bottom: 20px; |
303 } | |
304 | |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
305 /* scroll arrows */ |
995 | 306 div.dl-digilib table.dl-scalertable { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
307 border: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
308 padding: 0; |
877 | 309 } |
995 | 310 div.dl-digilib table.dl-scalertable td { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
311 padding: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
312 } |
995 | 313 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
|
314 } |
995 | 315 div.dl-digilib table.dl-scalertable td.dl-arrow:hover { |
862 | 316 background-color: black; |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
317 opacity: 0.3; |
862 | 318 } |
995 | 319 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
|
320 opacity: 1; |
879 | 321 } |
322 | |
725 | 323 /* special definitions for fullscreen */ |
996 | 324 div.dl-digilib.dl-fullscreen div.dl-buttons { |
725 | 325 position: fixed; |
326 right: 0px; | |
327 top: 0px; | |
328 padding: 2px; | |
329 background-color: transparent; | |
879 | 330 z-index: 200; |
725 | 331 } |
332 | |
996 | 333 div.dl-digilib.dl-fullscreen div.dl-buttons div.dl-button:hover { |
770 | 334 background-image: url('img/fullscreen/corona.png'); |
877 | 335 background-repeat: no-repeat; |
725 | 336 } |
337 | |
996 | 338 div.dl-digilib.dl-fullscreen div.dl-button-on { |
770 | 339 background-image: url('img/fullscreen/whitedisc.png'); |
877 | 340 background-repeat: no-repeat; |
765 | 341 } |
342 | |
996 | 343 div.dl-digilib.dl-fullscreen div.dl-birdview { |
725 | 344 position: fixed; |
345 bottom: 8px; | |
346 right: 48px; | |
347 } | |
348 | |
1003 | 349 /* no borders for button images */ |
350 div.dl-digilib a img.dl-button { | |
351 border:none; | |
352 } | |
353 | |
725 | 354 /* special definitions for embedded */ |
996 | 355 div.dl-digilib.dl-embedded { |
725 | 356 position: relative; |
357 } | |
358 | |
996 | 359 div.dl-digilib.dl-embedded div.dl-buttons { |
725 | 360 position: absolute; |
361 right: 0px; | |
362 top: 0px; | |
363 padding: 1px; | |
364 background-color: grey; | |
848 | 365 opacity: 0.5; |
725 | 366 z-index: 100; |
367 } | |
368 | |
996 | 369 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { |
848 | 370 background-color: black; |
725 | 371 } |
372 | |
996 | 373 div.dl-digilib.dl-embedded div.dl-button-on { |
848 | 374 background-color: darkgreen; |
765 | 375 } |
376 | |
996 | 377 div.dl-digilib.dl-embedded div.dl-birdview { |
725 | 378 position: absolute; |
379 bottom: 0px; | |
380 right: 0px; | |
726 | 381 } |
877 | 382 |
1003 | 383 |