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