Mercurial > hg > digilib-old
comparison webapp/src/main/webapp/jquery/jquery.digilib.css @ 1107:365f95a14057
factor out defineArea, using overlay div
author | hertzhaft |
---|---|
date | Sat, 27 Oct 2012 00:06:29 +0200 |
parents | 34f893492adb |
children | 214cac7e5628 |
comparison
equal
deleted
inserted
replaced
1106:68756216e018 | 1107:365f95a14057 |
---|---|
20 z-index: 0; | 20 z-index: 0; |
21 width: 0px; | 21 width: 0px; |
22 height: 0px; | 22 height: 0px; |
23 } | 23 } |
24 | 24 |
25 div.dl-digilib div.dl-area { | |
26 display: none; | |
27 position: absolute; | |
28 border: 2px solid #ff0000; | |
29 } | |
30 | |
31 div.dl-digilib div.dl-areaoverlay { | |
32 position: absolute; | |
33 z-index: 100; | |
34 } | |
35 | |
25 div.dl-digilib div.dl-birdview { | 36 div.dl-digilib div.dl-birdview { |
26 border: 1px solid white; | 37 border: 1px solid white; |
27 z-index: 10; | 38 z-index: 10; |
28 } | |
29 | |
30 div.dl-digilib div.dl-zoomrect { | |
31 position: absolute; | |
32 border: 2px solid #ff0000; | |
33 z-index: 100; | |
34 } | 39 } |
35 | 40 |
36 div.dl-digilib div.dl-birdzoom { | 41 div.dl-digilib div.dl-birdzoom { |
37 position: absolute; | 42 position: absolute; |
38 border: 2px solid #ff0000; | 43 border: 2px solid #ff0000; |
79 z-index: 100; | 84 z-index: 100; |
80 } | 85 } |
81 | 86 |
82 div.dl-digilib div.dl-region { | 87 div.dl-digilib div.dl-region { |
83 position: absolute; | 88 position: absolute; |
89 border: none; | |
84 color: white; | 90 color: white; |
85 font-family: Verdana, Arial, Helvetica, sans-serif; | 91 font-family: Verdana, Arial, Helvetica, sans-serif; |
86 font-size: 11px; | 92 font-size: 11px; |
87 background-color: red; | 93 background-color: red; |
88 opacity: 0.3; | 94 opacity: 0.3; |
99 background-color: transparent; | 105 background-color: transparent; |
100 border: 2px solid red; | 106 border: 2px solid red; |
101 opacity: 0.6; | 107 opacity: 0.6; |
102 /* do we still need this IE6-stuff? */ | 108 /* do we still need this IE6-stuff? */ |
103 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); | 109 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); |
110 } | |
111 | |
112 div.dl-digilib div.dl-regionArea { | |
113 background-color: red; | |
114 border: none; | |
115 opacity: 0.3; | |
104 } | 116 } |
105 | 117 |
106 div.dl-digilib div.dl-regionHTML { | 118 div.dl-digilib div.dl-regionHTML { |
107 background-color: purple; | 119 background-color: purple; |
108 } | 120 } |
123 display: none; | 135 display: none; |
124 } | 136 } |
125 | 137 |
126 div.dl-digilib div.dl-findregion { | 138 div.dl-digilib div.dl-findregion { |
127 background-color: transparent; | 139 background-color: transparent; |
128 border: 2px solid lightcyan; | 140 border: 5px solid orange; |
129 opacity: 1.0; | 141 opacity: 0.8; |
130 } | 142 } |
131 | 143 |
132 div.dl-digilib #dl-calibration { | 144 div.dl-digilib #dl-calibration { |
133 background: url('img/blue.png'); | 145 background: url('img/blue.png'); |
134 position: absolute; | 146 position: absolute; |
135 border: 2px solid lightcyan; | 147 border: 2px solid lightcyan; |
136 width: 400px; | 148 width: 400px; |
137 display: none; | 149 display: none; |
138 z-index: 9999; | 150 z-index: 100; |
139 } | 151 } |
140 | 152 |
141 div.dl-digilib #dl-ruler { | 153 div.dl-digilib #dl-ruler { |
142 width: 100%; | 154 width: 100%; |
143 height: 100%; | 155 height: 100%; |
288 | 300 |
289 div.dl-infoheader { | 301 div.dl-infoheader { |
290 margin-bottom: 20px; | 302 margin-bottom: 20px; |
291 } | 303 } |
292 | 304 |
293 /* annotations */ | |
294 div.dl-digilib div.dl-annotationbody { | |
295 background-color: yellow; | |
296 border-radius: 5px; | |
297 } | |
298 div.dl-digilib div.dl-annotationbody div.dl-text { | |
299 padding: 10px; | |
300 } | |
301 div.dl-digilib div.dl-annotationbody div.dl-creator { | |
302 color: gray; | |
303 padding: 5px; | |
304 border-top: 1px solid silver; | |
305 } | |
306 | |
307 /* scroll arrows */ | 305 /* scroll arrows */ |
308 div.dl-digilib table.dl-scalertable { | 306 div.dl-digilib table.dl-scalertable { |
309 border: 0; | 307 border: 0; |
310 padding: 0; | 308 padding: 0; |
311 } | 309 } |