Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery.digilib.css @ 1057:d139f59a5f80
rgb slider functional, get/set values not yet
author | hertzhaft |
---|---|
date | Sat, 31 Mar 2012 00:41:28 +0200 |
parents | 89c5b56933af |
children | 95d28c6ad018 |
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; | |
86 /* opacity: 0.5; */ | |
87 /* do we still need this IE6-stuff? */ | |
895 | 88 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
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 | |
1048 | 107 div.dl-digilib div.dl-regionInfo { |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
108 display: none; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
109 position: absolute; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
110 top: 100px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
111 padding: 10px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
112 font-family: Verdana, Arial, Helvetica, sans-serif; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
113 font-size: 12px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
114 border: 2px solid lightcyan; |
872 | 115 color: black; |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
116 background-color: lightgrey; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
117 z-index: 1000; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
118 } |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
119 |
1048 | 120 div.dl-digilib div.dl-regionInfo a { |
835 | 121 color: white; |
122 text-decoration: none; | |
123 font-size: 11px; | |
124 font-weight: bold; | |
125 } | |
126 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
127 div.dl-digilib #dl-calibration { |
981 | 128 background: url('img/blue.png'); |
974 | 129 position: absolute; |
130 border: 1px solid lightcyan; | |
131 width: 400px; | |
132 display: none; | |
133 z-index: 9999; | |
134 } | |
135 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
136 div.dl-digilib #dl-ruler { |
974 | 137 width: 100%; |
138 height: 100%; | |
139 padding-bottom: 10px; | |
140 font-family: Verdana, Arial, Helvetica, sans-serif; | |
141 font-size: 12px; | |
142 font-weight: bold; | |
143 text-align: center; | |
144 color: lightcyan; | |
981 | 145 background: url('img/ruler-top.gif') 0px -1px repeat-x; |
974 | 146 } |
147 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
148 div.dl-digilib #dl-cm { |
978 | 149 padding: 5px; |
150 } | |
151 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
152 div.dl-digilib #dl-calibrationError { |
978 | 153 color: red; |
974 | 154 padding: 10px; |
978 | 155 display: none; |
156 } | |
157 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
158 div.dl-digilib #dl-calibrationInput { |
978 | 159 margin: 0px 10px; |
160 } | |
161 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
162 div.dl-digilib .dl-error { |
978 | 163 color: red; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
164 background-color: darkred; |
974 | 165 } |
166 | |
1018 | 167 div.dl-digilib button.dl-button { |
168 margin: 0px 10px 10px 10px; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
169 border-width: 1px; |
1018 | 170 font-family: Verdana, Arial, Helvetica, sans-serif; |
171 font-size: 12px; | |
172 color: white; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
173 background: transparent; |
1018 | 174 } |
175 | |
1057 | 176 div.dl-digilib div.dl-rgbslider { |
177 display: none; | |
178 border: 2px solid lightcyan; | |
179 background-color: lightgrey; | |
180 width: 400px; | |
181 padding: 10px; | |
182 } | |
183 | |
184 div.dl-digilib div.dl-singleslider { | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
185 display: none; |
1052 | 186 border: 2px solid lightcyan; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
187 background-color: lightgrey; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
188 width: 300px; |
1052 | 189 padding: 10px; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
190 } |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
191 |
995 | 192 div.dl-digilib div.dl-slider { |
985 | 193 border: 1px solid lightcyan; |
1018 | 194 margin: 30px; |
985 | 195 z-index: 9999; |
998 | 196 height: 6px; |
985 | 197 } |
198 | |
1018 | 199 div.dl-digilib div.dl-panel { |
200 position: absolute; | |
201 width: 500px; | |
202 text-align: center; | |
203 background: url('img/blue.png'); | |
204 border: 1px solid lightcyan; | |
205 display: none; | |
206 } | |
207 | |
998 | 208 div.dl-digilib div.dl-sliderhandle { |
1004 | 209 border: 1px solid lightcyan; |
210 background: url('img/blue.png'); | |
985 | 211 position: absolute; |
212 z-index: 10000; | |
213 } | |
214 | |
1004 | 215 div.dl-digilib div.dl-sliderlabel, |
216 div.dl-digilib div.dl-slidernumber { | |
217 position: absolute; | |
218 padding: 2px; | |
219 font-family: Verdana, Arial, Helvetica, sans-serif; | |
220 font-size: 12px; | |
221 color: white; | |
222 } | |
223 | |
995 | 224 div.dl-infobutton { |
855 | 225 background-color: white; |
226 color: grey; | |
227 padding: 0px 4px; | |
228 margin: 0px 2px; | |
229 float: left; | |
230 } | |
231 | |
995 | 232 div.dl-info { |
855 | 233 clear: both; |
234 display: none; | |
235 margin: 10px; | |
236 } | |
237 | |
995 | 238 div.dl-infoheader { |
855 | 239 width: 300px; |
240 margin-bottom: 20px; | |
241 } | |
242 | |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
243 /* scroll arrows */ |
995 | 244 div.dl-digilib table.dl-scalertable { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
245 border: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
246 padding: 0; |
877 | 247 } |
995 | 248 div.dl-digilib table.dl-scalertable td { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
249 padding: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
250 } |
995 | 251 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
|
252 } |
995 | 253 div.dl-digilib table.dl-scalertable td.dl-arrow:hover { |
862 | 254 background-color: black; |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
255 opacity: 0.3; |
862 | 256 } |
995 | 257 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
|
258 opacity: 1; |
879 | 259 } |
260 | |
1057 | 261 div.dl-digilib table.dl-rgbslider { |
262 width: 100%; | |
263 } | |
264 | |
265 div.dl-digilib table.dl-rgbslider td.rgb { | |
266 width: 40%; | |
267 padding: 10px; | |
268 } | |
269 | |
725 | 270 /* special definitions for fullscreen */ |
996 | 271 div.dl-digilib.dl-fullscreen div.dl-buttons { |
725 | 272 position: fixed; |
273 right: 0px; | |
274 top: 0px; | |
275 padding: 2px; | |
276 background-color: transparent; | |
879 | 277 z-index: 200; |
725 | 278 } |
279 | |
996 | 280 div.dl-digilib.dl-fullscreen div.dl-buttons div.dl-button:hover { |
770 | 281 background-image: url('img/fullscreen/corona.png'); |
877 | 282 background-repeat: no-repeat; |
725 | 283 } |
284 | |
996 | 285 div.dl-digilib.dl-fullscreen div.dl-button-on { |
770 | 286 background-image: url('img/fullscreen/whitedisc.png'); |
877 | 287 background-repeat: no-repeat; |
765 | 288 } |
289 | |
996 | 290 div.dl-digilib.dl-fullscreen div.dl-birdview { |
725 | 291 position: fixed; |
292 bottom: 8px; | |
293 right: 48px; | |
294 } | |
295 | |
1003 | 296 /* no borders for button images */ |
297 div.dl-digilib a img.dl-button { | |
298 border:none; | |
299 } | |
300 | |
725 | 301 /* special definitions for embedded */ |
996 | 302 div.dl-digilib.dl-embedded { |
725 | 303 position: relative; |
304 } | |
305 | |
996 | 306 div.dl-digilib.dl-embedded div.dl-buttons { |
725 | 307 position: absolute; |
308 right: 0px; | |
309 top: 0px; | |
310 padding: 1px; | |
311 background-color: grey; | |
848 | 312 opacity: 0.5; |
725 | 313 z-index: 100; |
314 } | |
315 | |
996 | 316 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { |
848 | 317 background-color: black; |
725 | 318 } |
319 | |
996 | 320 div.dl-digilib.dl-embedded div.dl-button-on { |
848 | 321 background-color: darkgreen; |
765 | 322 } |
323 | |
996 | 324 div.dl-digilib.dl-embedded div.dl-birdview { |
725 | 325 position: absolute; |
326 bottom: 0px; | |
327 right: 0px; | |
726 | 328 } |
877 | 329 |
1003 | 330 |