Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery.digilib.css @ 1052:0d2491acfe70
simplify 'about' div
author | hertzhaft |
---|---|
date | Mon, 26 Mar 2012 22:22:08 +0200 |
parents | 32096eff13c7 |
children | 89c5b56933af |
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 |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
7 div.dl-digilib, |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
8 div.dl-digilib button, |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
9 div.dl-digilib input { |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
10 font-family: Verdana, Arial, Helvetica, sans-serif; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
11 font-size: 12px; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
12 } |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
13 |
995 | 14 div.dl-digilib div.dl-scaler { |
725 | 15 background-color: grey; |
16 z-index: 0; | |
746
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
17 width: 0px; |
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
18 height: 0px; |
725 | 19 } |
20 | |
995 | 21 div.dl-digilib div.dl-birdview { |
725 | 22 border: 1px solid white; |
23 z-index: 10; | |
24 } | |
25 | |
995 | 26 div.dl-digilib div.dl-zoomrect { |
725 | 27 position: absolute; |
28 border: 2px solid #ff0000; | |
29 z-index: 100; | |
30 } | |
31 | |
995 | 32 div.dl-digilib div.dl-birdzoom { |
726 | 33 position: absolute; |
34 border: 2px solid #ff0000; | |
35 z-index: 100; | |
36 } | |
37 | |
995 | 38 div.dl-digilib div.dl-mark { |
725 | 39 position: absolute; |
40 color: white; | |
41 background: url('../greyskin/mark-bg-16.png'); | |
42 font-family: Verdana, Arial, Helvetica, sans-serif; | |
43 font-weight: bold; | |
44 font-size: 11px; | |
45 height: 15px; | |
46 width: 16px; | |
47 padding-top: 1px; | |
48 text-align: center; | |
49 z-index: 10; | |
50 } | |
51 | |
995 | 52 div.dl-digilib div.dl-about { |
725 | 53 position: absolute; |
1052 | 54 padding: 10px; |
725 | 55 font-family: Verdana, Arial, Helvetica, sans-serif; |
56 border: 2px solid lightcyan; | |
57 background-color: lightgrey; | |
58 text-align: center; | |
59 display: none; | |
1052 | 60 z-index: 100; |
725 | 61 } |
62 | |
995 | 63 div.dl-digilib div.dl-region { |
813 | 64 position: absolute; |
1024 | 65 color: white; |
66 font-family: Verdana, Arial, Helvetica, sans-serif; | |
67 font-size: 11px; | |
792 | 68 background-color: red; |
895 | 69 opacity: 0.3; |
1024 | 70 /* do we still need this IE6-stuff? */ |
895 | 71 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); |
813 | 72 } |
73 | |
1025 | 74 div.dl-digilib div.dl-region a:link, |
75 div.dl-digilib div.dl-region a:visited { | |
76 color: white; | |
77 } | |
78 | |
995 | 79 div.dl-digilib div.dl-region:hover { |
1024 | 80 background-color: transparent; |
81 border: 2px solid red; | |
82 /* opacity: 0.5; */ | |
83 /* do we still need this IE6-stuff? */ | |
895 | 84 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
792 | 85 } |
86 | |
995 | 87 div.dl-digilib div.dl-region a.dl-regionnumber { |
813 | 88 color: white; |
823 | 89 text-decoration: none; |
813 | 90 font-weight: bold; |
851 | 91 font-size: 11px; |
92 text-align: center; | |
93 padding: 0px 2px; | |
94 margin-right: 4px; | |
95 border: 1px solid white; | |
96 display: inline-block; | |
813 | 97 } |
98 | |
1025 | 99 div.dl-digilib map.dl-regioncontent { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
813
diff
changeset
|
100 display: none; |
823 | 101 } |
102 | |
1048 | 103 div.dl-digilib div.dl-regionInfo { |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
104 display: none; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
105 position: absolute; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
106 top: 100px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
107 padding: 10px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
108 font-family: Verdana, Arial, Helvetica, sans-serif; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
109 font-size: 12px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
110 border: 2px solid lightcyan; |
872 | 111 color: black; |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
112 background-color: lightgrey; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
113 z-index: 1000; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
114 } |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
115 |
1048 | 116 div.dl-digilib div.dl-regionInfo a { |
835 | 117 color: white; |
118 text-decoration: none; | |
119 font-size: 11px; | |
120 font-weight: bold; | |
121 } | |
122 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
123 div.dl-digilib #dl-calibration { |
981 | 124 background: url('img/blue.png'); |
974 | 125 position: absolute; |
126 border: 1px solid lightcyan; | |
127 width: 400px; | |
128 display: none; | |
129 z-index: 9999; | |
130 } | |
131 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
132 div.dl-digilib #dl-ruler { |
974 | 133 width: 100%; |
134 height: 100%; | |
135 padding-bottom: 10px; | |
136 font-family: Verdana, Arial, Helvetica, sans-serif; | |
137 font-size: 12px; | |
138 font-weight: bold; | |
139 text-align: center; | |
140 color: lightcyan; | |
981 | 141 background: url('img/ruler-top.gif') 0px -1px repeat-x; |
974 | 142 } |
143 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
144 div.dl-digilib #dl-cm { |
978 | 145 padding: 5px; |
146 } | |
147 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
148 div.dl-digilib #dl-calibrationError { |
978 | 149 color: red; |
974 | 150 padding: 10px; |
978 | 151 display: none; |
152 } | |
153 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
154 div.dl-digilib #dl-calibrationInput { |
978 | 155 margin: 0px 10px; |
156 } | |
157 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
158 div.dl-digilib .dl-error { |
978 | 159 color: red; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
160 background-color: darkred; |
974 | 161 } |
162 | |
1018 | 163 div.dl-digilib button.dl-button { |
164 margin: 0px 10px 10px 10px; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
165 border-width: 1px; |
1018 | 166 font-family: Verdana, Arial, Helvetica, sans-serif; |
167 font-size: 12px; | |
168 color: white; | |
1020
0eedb4a5b674
sliders for rot/brgt/cont, needs some refactoring
hertzhaft
parents:
1018
diff
changeset
|
169 background: transparent; |
1018 | 170 } |
171 | |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
172 div.dl-digilib div.dl-tinyslider { |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
173 display: none; |
1052 | 174 border: 2px solid lightcyan; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
175 background-color: lightgrey; |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
176 width: 300px; |
1052 | 177 padding: 10px; |
1047
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
178 } |
4f17420392a9
factor out calibration/scalemode to new dialogs plugin
hertzhaft
parents:
1025
diff
changeset
|
179 |
995 | 180 div.dl-digilib div.dl-slider { |
985 | 181 border: 1px solid lightcyan; |
1018 | 182 margin: 30px; |
985 | 183 z-index: 9999; |
998 | 184 height: 6px; |
985 | 185 } |
186 | |
1018 | 187 div.dl-digilib div.dl-panel { |
188 position: absolute; | |
189 width: 500px; | |
190 text-align: center; | |
191 background: url('img/blue.png'); | |
192 border: 1px solid lightcyan; | |
193 display: none; | |
194 } | |
195 | |
998 | 196 div.dl-digilib div.dl-sliderhandle { |
1004 | 197 border: 1px solid lightcyan; |
198 background: url('img/blue.png'); | |
985 | 199 position: absolute; |
200 z-index: 10000; | |
201 } | |
202 | |
1004 | 203 div.dl-digilib div.dl-sliderlabel, |
204 div.dl-digilib div.dl-slidernumber { | |
205 position: absolute; | |
206 padding: 2px; | |
207 font-family: Verdana, Arial, Helvetica, sans-serif; | |
208 font-size: 12px; | |
209 color: white; | |
210 } | |
211 | |
995 | 212 div.dl-infobutton { |
855 | 213 background-color: white; |
214 color: grey; | |
215 padding: 0px 4px; | |
216 margin: 0px 2px; | |
217 float: left; | |
218 } | |
219 | |
995 | 220 div.dl-info { |
855 | 221 clear: both; |
222 display: none; | |
223 margin: 10px; | |
224 } | |
225 | |
995 | 226 div.dl-infoheader { |
855 | 227 width: 300px; |
228 margin-bottom: 20px; | |
229 } | |
230 | |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
231 /* scroll arrows */ |
995 | 232 div.dl-digilib table.dl-scalertable { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
233 border: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
234 padding: 0; |
877 | 235 } |
995 | 236 div.dl-digilib table.dl-scalertable td { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
237 padding: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
238 } |
995 | 239 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
|
240 } |
995 | 241 div.dl-digilib table.dl-scalertable td.dl-arrow:hover { |
862 | 242 background-color: black; |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
243 opacity: 0.3; |
862 | 244 } |
995 | 245 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
|
246 opacity: 1; |
879 | 247 } |
248 | |
725 | 249 /* special definitions for fullscreen */ |
996 | 250 div.dl-digilib.dl-fullscreen div.dl-buttons { |
725 | 251 position: fixed; |
252 right: 0px; | |
253 top: 0px; | |
254 padding: 2px; | |
255 background-color: transparent; | |
879 | 256 z-index: 200; |
725 | 257 } |
258 | |
996 | 259 div.dl-digilib.dl-fullscreen div.dl-buttons div.dl-button:hover { |
770 | 260 background-image: url('img/fullscreen/corona.png'); |
877 | 261 background-repeat: no-repeat; |
725 | 262 } |
263 | |
996 | 264 div.dl-digilib.dl-fullscreen div.dl-button-on { |
770 | 265 background-image: url('img/fullscreen/whitedisc.png'); |
877 | 266 background-repeat: no-repeat; |
765 | 267 } |
268 | |
996 | 269 div.dl-digilib.dl-fullscreen div.dl-birdview { |
725 | 270 position: fixed; |
271 bottom: 8px; | |
272 right: 48px; | |
273 } | |
274 | |
1003 | 275 /* no borders for button images */ |
276 div.dl-digilib a img.dl-button { | |
277 border:none; | |
278 } | |
279 | |
725 | 280 /* special definitions for embedded */ |
996 | 281 div.dl-digilib.dl-embedded { |
725 | 282 position: relative; |
283 } | |
284 | |
996 | 285 div.dl-digilib.dl-embedded div.dl-buttons { |
725 | 286 position: absolute; |
287 right: 0px; | |
288 top: 0px; | |
289 padding: 1px; | |
290 background-color: grey; | |
848 | 291 opacity: 0.5; |
725 | 292 z-index: 100; |
293 } | |
294 | |
996 | 295 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { |
848 | 296 background-color: black; |
725 | 297 } |
298 | |
996 | 299 div.dl-digilib.dl-embedded div.dl-button-on { |
848 | 300 background-color: darkgreen; |
765 | 301 } |
302 | |
996 | 303 div.dl-digilib.dl-embedded div.dl-birdview { |
725 | 304 position: absolute; |
305 bottom: 0px; | |
306 right: 0px; | |
726 | 307 } |
877 | 308 |
1003 | 309 |