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