Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery.digilib.css @ 995:76cffbaf0083
starting introduction of cssPrefix.
author | robcast |
---|---|
date | Fri, 10 Feb 2012 10:27:50 +0100 |
parents | f4757bf6ab65 |
children | 0b63093d598e |
rev | line source |
---|---|
725 | 1 /* |
2 * CSS style file for jQuery digilib | |
3 * | |
4 * Martin Raspe, Robert Casties, 11.1.2011 | |
5 */ | |
995 | 6 div.dl-digilib div.dl-scaler { |
725 | 7 background-color: grey; |
8 z-index: 0; | |
746
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
9 width: 0px; |
2e9a48dc7a0c
move zoom-drag background along with birdview indicator
hertzhaft
parents:
726
diff
changeset
|
10 height: 0px; |
725 | 11 } |
12 | |
995 | 13 div.dl-digilib div.dl-birdview { |
725 | 14 border: 1px solid white; |
15 z-index: 10; | |
16 } | |
17 | |
995 | 18 div.dl-digilib div.dl-zoomrect { |
725 | 19 position: absolute; |
20 border: 2px solid #ff0000; | |
21 z-index: 100; | |
22 } | |
23 | |
995 | 24 div.dl-digilib div.dl-birdzoom { |
726 | 25 position: absolute; |
26 border: 2px solid #ff0000; | |
27 z-index: 100; | |
28 } | |
29 | |
995 | 30 div.dl-digilib div.dl-mark { |
725 | 31 position: absolute; |
32 color: white; | |
33 background: url('../greyskin/mark-bg-16.png'); | |
34 font-family: Verdana, Arial, Helvetica, sans-serif; | |
35 font-weight: bold; | |
36 font-size: 11px; | |
37 height: 15px; | |
38 width: 16px; | |
39 padding-top: 1px; | |
40 text-align: center; | |
41 z-index: 10; | |
42 } | |
43 | |
995 | 44 div.dl-digilib div.dl-about { |
725 | 45 position: absolute; |
46 width: 200px; | |
47 top: 100px; | |
48 left: 350px; | |
49 height: 200px; | |
50 padding: 0px 2px; | |
51 font-family: Verdana, Arial, Helvetica, sans-serif; | |
52 border: 2px solid lightcyan; | |
53 background-color: lightgrey; | |
54 text-align: center; | |
55 display: none; | |
56 z-index: 1000; | |
57 } | |
58 | |
995 | 59 div.dl-digilib div.dl-region { |
813 | 60 position: absolute; |
792 | 61 background-color: red; |
895 | 62 opacity: 0.3; |
63 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); | |
813 | 64 } |
65 | |
995 | 66 div.dl-digilib div.dl-region:hover { |
792 | 67 opacity: 0.5; |
895 | 68 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
792 | 69 } |
70 | |
995 | 71 div.dl-digilib div.dl-region { |
851 | 72 color: white; |
852 | 73 font-family: Verdana, Arial, Helvetica, sans-serif; |
74 font-size: 11px; | |
851 | 75 } |
76 | |
995 | 77 div.dl-digilib div.dl-region a.dl-regionnumber { |
813 | 78 color: white; |
823 | 79 text-decoration: none; |
813 | 80 font-weight: bold; |
851 | 81 font-size: 11px; |
82 text-align: center; | |
83 padding: 0px 2px; | |
84 margin-right: 4px; | |
85 border: 1px solid white; | |
86 display: inline-block; | |
813 | 87 } |
88 | |
995 | 89 div.dl-digilib div.dl-regioncontent { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
813
diff
changeset
|
90 display: none; |
823 | 91 } |
92 | |
995 | 93 div.dl-digilib div.dl-regionHTML { |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
94 display: none; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
95 position: absolute; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
96 top: 100px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
97 padding: 10px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
98 font-family: Verdana, Arial, Helvetica, sans-serif; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
99 font-size: 12px; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
100 border: 2px solid lightcyan; |
872 | 101 color: black; |
832
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
102 background-color: lightgrey; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
103 z-index: 1000; |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
104 } |
e4133946a9ad
display regions as HTML for use in digilib element
hertzhaft
parents:
823
diff
changeset
|
105 |
995 | 106 div.dl-digilib div.dl-regionHTML a { |
835 | 107 color: white; |
108 text-decoration: none; | |
109 font-size: 11px; | |
110 font-weight: bold; | |
111 } | |
112 | |
995 | 113 div.dl-digilib div.dl-calibration { |
981 | 114 background: url('img/blue.png'); |
974 | 115 position: absolute; |
116 border: 1px solid lightcyan; | |
117 width: 400px; | |
118 display: none; | |
119 z-index: 9999; | |
120 } | |
121 | |
995 | 122 div.dl-digilib div.dl-ruler { |
974 | 123 width: 100%; |
124 height: 100%; | |
125 padding-bottom: 10px; | |
126 font-family: Verdana, Arial, Helvetica, sans-serif; | |
127 font-size: 12px; | |
128 font-weight: bold; | |
129 text-align: center; | |
130 color: lightcyan; | |
981 | 131 background: url('img/ruler-top.gif') 0px -1px repeat-x; |
974 | 132 } |
133 | |
995 | 134 div.dl-digilib div.dl-cm { |
978 | 135 padding: 5px; |
136 } | |
137 | |
995 | 138 div.dl-digilib div.dl-calibration-error { |
978 | 139 color: red; |
974 | 140 padding: 10px; |
978 | 141 display: none; |
142 } | |
143 | |
995 | 144 div.dl-digilib button.dl-calibration-button { |
978 | 145 margin: 0px 10px; |
146 border: 1px solid lightcyan; | |
147 font-family: Verdana, Arial, Helvetica, sans-serif; | |
148 font-size: 12px; | |
149 font-weight: bold; | |
150 color: lightcyan; | |
151 background-color: transparent; | |
152 } | |
153 | |
995 | 154 div.dl-digilib input.dl-calibration-input { |
978 | 155 margin: 0px 10px; |
156 } | |
157 | |
995 | 158 div.dl-digilib input.dl-error { |
978 | 159 color: red; |
160 background-color: khaki; | |
974 | 161 } |
162 | |
995 | 163 div.dl-digilib div.dl-slider { |
985 | 164 background: url('img/blue.png'); |
165 display: none; | |
166 border: 1px solid lightcyan; | |
167 position: absolute; | |
168 z-index: 9999; | |
169 width: 400px; | |
170 height: 16px; | |
171 } | |
172 | |
995 | 173 div.dl-digilib div.dl-sliderbutton { |
985 | 174 border: 3px solid lightcyan; |
175 background-color: cyan; | |
176 position: absolute; | |
177 z-index: 10000; | |
178 } | |
179 | |
995 | 180 div.dl-infobutton { |
855 | 181 background-color: white; |
182 color: grey; | |
183 padding: 0px 4px; | |
184 margin: 0px 2px; | |
185 float: left; | |
186 } | |
187 | |
995 | 188 div.dl-info { |
855 | 189 clear: both; |
190 display: none; | |
191 margin: 10px; | |
192 } | |
193 | |
995 | 194 div.dl-infoheader { |
855 | 195 width: 300px; |
196 margin-bottom: 20px; | |
197 } | |
198 | |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
199 /* scroll arrows */ |
995 | 200 div.dl-digilib table.dl-scalertable { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
201 border: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
202 padding: 0; |
877 | 203 } |
995 | 204 div.dl-digilib table.dl-scalertable td { |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
205 padding: 0; |
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
206 } |
995 | 207 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
|
208 } |
995 | 209 div.dl-digilib table.dl-scalertable td.dl-arrow:hover { |
862 | 210 background-color: black; |
989
f4757bf6ab65
new arrows plugin for scroll arrows next to the image.
robcast
parents:
985
diff
changeset
|
211 opacity: 0.3; |
862 | 212 } |
995 | 213 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
|
214 opacity: 1; |
879 | 215 } |
216 | |
725 | 217 /* special definitions for fullscreen */ |
995 | 218 div.dl-digilib.dl_fullscreen div.dl-buttons { |
725 | 219 position: fixed; |
220 right: 0px; | |
221 top: 0px; | |
222 padding: 2px; | |
223 background-color: transparent; | |
879 | 224 z-index: 200; |
725 | 225 } |
226 | |
995 | 227 div.dl-digilib.dl_fullscreen div.dl-buttons div.dl-button:hover { |
770 | 228 background-image: url('img/fullscreen/corona.png'); |
877 | 229 background-repeat: no-repeat; |
725 | 230 } |
231 | |
995 | 232 div.dl-digilib.dl_fullscreen div.dl-button-on { |
770 | 233 background-image: url('img/fullscreen/whitedisc.png'); |
877 | 234 background-repeat: no-repeat; |
765 | 235 } |
236 | |
995 | 237 div.dl-digilib.dl_fullscreen div.dl-birdview { |
725 | 238 position: fixed; |
239 bottom: 8px; | |
240 right: 48px; | |
241 } | |
242 | |
243 /* special definitions for embedded */ | |
995 | 244 div.dl-digilib.dl_embedded { |
725 | 245 position: relative; |
246 } | |
247 | |
995 | 248 div.dl-digilib.dl_embedded div.dl-buttons { |
725 | 249 position: absolute; |
250 right: 0px; | |
251 top: 0px; | |
252 padding: 1px; | |
253 background-color: grey; | |
848 | 254 opacity: 0.5; |
725 | 255 z-index: 100; |
256 } | |
257 | |
995 | 258 div.dl-digilib.dl_embedded div.dl-buttons div.dl-button:hover { |
848 | 259 background-color: black; |
725 | 260 } |
261 | |
995 | 262 div.dl-digilib.dl_embedded div.dl-button-on { |
848 | 263 background-color: darkgreen; |
765 | 264 } |
265 | |
995 | 266 div.dl-digilib.dl_embedded div.dl-birdview { |
725 | 267 position: absolute; |
268 bottom: 0px; | |
269 right: 0px; | |
726 | 270 } |
877 | 271 |