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