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 }