Mercurial > hg > digilib-old
annotate webapp/src/main/webapp/jquery/jquery.digilib.css @ 974:678313a989a9
first part of calibration dialog
author | hertzhaft |
---|---|
date | Thu, 26 Jan 2012 15:06:00 +0100 |
parents | 7779b37d1d05 |
children | 3b334a7d81ec |
rev | line source |
---|---|
725 | 1 /* |
2 * CSS style file for jQuery digilib | |
3 * | |
4 * Martin Raspe, Robert Casties, 11.1.2011 | |
5 */ | |
6 div.digilib div.scaler { | |
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 | |
13 div.digilib div.birdview { | |
14 border: 1px solid white; | |
15 z-index: 10; | |
16 } | |
17 | |
18 div.digilib div.zoomrect { | |
19 position: absolute; | |
20 border: 2px solid #ff0000; | |
21 z-index: 100; | |
22 } | |
23 | |
726 | 24 div.digilib div.birdzoom { |
25 position: absolute; | |
26 border: 2px solid #ff0000; | |
27 z-index: 100; | |
28 } | |
29 | |
725 | 30 div.digilib div.mark { |
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 | |
44 div.digilib div.about { | |
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 | |
792 | 59 div.digilib div.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 | |
66 div.digilib div.region:hover { | |
792 | 67 opacity: 0.5; |
895 | 68 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); |
792 | 69 } |
70 | |
877 | 71 div.digilib div.region { |
851 | 72 color: white; |
852 | 73 font-family: Verdana, Arial, Helvetica, sans-serif; |
74 font-size: 11px; | |
851 | 75 } |
76 | |
877 | 77 div.digilib div.region a.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 | |
877 | 89 div.digilib div.regioncontent { |
818
eff74cfaaf97
read regions from HTML (not working yet), show info
hertzhaft
parents:
813
diff
changeset
|
90 display: none; |
823 | 91 } |
92 | |
877 | 93 div.digilib div.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 |
877 | 106 div.digilib div.regionHTML a { |
835 | 107 color: white; |
108 text-decoration: none; | |
109 font-size: 11px; | |
110 font-weight: bold; | |
111 } | |
112 | |
974 | 113 div.digilib div.calibration { |
114 background: url('blue.png'); | |
115 position: absolute; | |
116 border: 1px solid lightcyan; | |
117 top: 0px; | |
118 width: 400px; | |
119 display: none; | |
120 z-index: 9999; | |
121 } | |
122 | |
123 div.digilib div.ruler { | |
124 width: 100%; | |
125 height: 100%; | |
126 padding-bottom: 10px; | |
127 font-family: Verdana, Arial, Helvetica, sans-serif; | |
128 font-size: 12px; | |
129 font-weight: bold; | |
130 text-align: center; | |
131 color: lightcyan; | |
132 background: url('ruler-top.gif') 0px -1px repeat-x; | |
133 } | |
134 | |
135 div.digilib div.cm { | |
136 padding: 10px; | |
137 } | |
138 | |
855 | 139 div.infobutton { |
140 background-color: white; | |
141 color: grey; | |
142 padding: 0px 4px; | |
143 margin: 0px 2px; | |
144 float: left; | |
145 } | |
146 | |
147 div.info { | |
148 clear: both; | |
149 display: none; | |
150 margin: 10px; | |
151 } | |
152 | |
153 div.infoheader { | |
154 width: 300px; | |
155 margin-bottom: 20px; | |
156 } | |
157 | |
877 | 158 div.digilib div.arrows { |
159 display: none; | |
160 } | |
161 | |
162 div.digilib div.arrows div.button { | |
862 | 163 position: absolute; |
164 text-align: center; | |
165 background-color: black; | |
166 opacity: 0.08; | |
879 | 167 z-index: 200; |
877 | 168 } |
862 | 169 |
877 | 170 div.digilib div.arrows div.button:hover { |
862 | 171 opacity: 0.5; |
172 } | |
173 | |
879 | 174 div.digilib div.arrows div.button a { |
175 position: relative; | |
176 } | |
177 | |
725 | 178 /* special definitions for fullscreen */ |
179 div.digilib.dl_fullscreen div.buttons { | |
180 position: fixed; | |
181 right: 0px; | |
182 top: 0px; | |
183 padding: 2px; | |
184 background-color: transparent; | |
879 | 185 z-index: 200; |
725 | 186 } |
187 | |
877 | 188 div.digilib.dl_fullscreen div.buttons div.button:hover { |
770 | 189 background-image: url('img/fullscreen/corona.png'); |
877 | 190 background-repeat: no-repeat; |
725 | 191 } |
192 | |
765 | 193 div.digilib.dl_fullscreen div.button-on { |
770 | 194 background-image: url('img/fullscreen/whitedisc.png'); |
877 | 195 background-repeat: no-repeat; |
765 | 196 } |
197 | |
725 | 198 div.digilib.dl_fullscreen div.birdview { |
199 position: fixed; | |
200 bottom: 8px; | |
201 right: 48px; | |
202 } | |
203 | |
204 /* special definitions for embedded */ | |
205 div.digilib.dl_embedded { | |
206 position: relative; | |
207 } | |
208 | |
209 div.digilib.dl_embedded div.buttons { | |
210 position: absolute; | |
211 right: 0px; | |
212 top: 0px; | |
213 padding: 1px; | |
214 background-color: grey; | |
848 | 215 opacity: 0.5; |
725 | 216 z-index: 100; |
217 } | |
218 | |
877 | 219 div.digilib.dl_embedded div.buttons div.button:hover { |
848 | 220 background-color: black; |
725 | 221 } |
222 | |
765 | 223 div.digilib.dl_embedded div.button-on { |
848 | 224 background-color: darkgreen; |
765 | 225 } |
226 | |
725 | 227 div.digilib.dl_embedded div.birdview { |
228 position: absolute; | |
229 bottom: 0px; | |
230 right: 0px; | |
726 | 231 } |
877 | 232 |