comparison webapp/src/main/webapp/jquery/jquery.digilib.css @ 1134:cd594aa261ec

fix defineArea bug in IE; reintroduce CSS opacity filters for IE 6-8
author hertzhaft
date Tue, 13 Nov 2012 20:18:11 +0100
parents fcafcc8996be
children bbb09797d7fc
comparison
equal deleted inserted replaced
1133:beb7e0f48242 1134:cd594aa261ec
34 } 34 }
35 35
36 div.dl-digilib div.dl-areaoverlay { 36 div.dl-digilib div.dl-areaoverlay {
37 position: absolute; 37 position: absolute;
38 z-index: 100; 38 z-index: 100;
39 background-image:url('.');
39 } 40 }
40 41
41 div.dl-digilib div.dl-birdview { 42 div.dl-digilib div.dl-birdview {
42 border: 1px solid white; 43 border: 1px solid white;
43 z-index: 10; 44 z-index: 10;
109 color: white; 110 color: white;
110 font-family: Verdana, Arial, Helvetica, sans-serif; 111 font-family: Verdana, Arial, Helvetica, sans-serif;
111 font-size: 11px; 112 font-size: 11px;
112 background-color: red; 113 background-color: red;
113 opacity: 0.3; 114 opacity: 0.3;
115 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
116 filter: alpha(opacity=30);
114 } 117 }
115 118
116 div.dl-digilib div.dl-region a:link, 119 div.dl-digilib div.dl-region a:link,
117 div.dl-digilib div.dl-region a:visited { 120 div.dl-digilib div.dl-region a:visited {
118 color: white; 121 color: white;
120 123
121 div.dl-digilib div.dl-region:hover { 124 div.dl-digilib div.dl-region:hover {
122 background-color: transparent; 125 background-color: transparent;
123 border: 2px solid red; 126 border: 2px solid red;
124 opacity: 0.6; 127 opacity: 0.6;
128 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
129 filter: alpha(opacity=60);
125 } 130 }
126 131
127 div.dl-digilib div.dl-regionArea { 132 div.dl-digilib div.dl-regionArea {
128 background-color: red; 133 background-color: red;
129 border: none; 134 border: none;
130 opacity: 0.3; 135 opacity: 0.3;
136 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
137 filter: alpha(opacity=30);
131 } 138 }
132 139
133 div.dl-digilib div.dl-regionHTML { 140 div.dl-digilib div.dl-regionHTML {
134 background-color: purple; 141 background-color: purple;
135 } 142 }
152 159
153 div.dl-digilib div.dl-highlightregion { 160 div.dl-digilib div.dl-highlightregion {
154 background-color: transparent; 161 background-color: transparent;
155 border: 5px solid orange; 162 border: 5px solid orange;
156 opacity: 0.8; 163 opacity: 0.8;
164 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
165 filter: alpha(opacity=80);
157 } 166 }
158 167
159 div.dl-digilib div.dl-findregion { 168 div.dl-digilib div.dl-findregion {
160 background-color: transparent; 169 background-color: transparent;
161 border: 5px solid orange; 170 border: 5px solid orange;
162 opacity: 0.8; 171 opacity: 0.8;
172 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
173 filter: alpha(opacity=80);
163 } 174 }
164 175
165 div.dl-digilib select.dl-finddata { 176 div.dl-digilib select.dl-finddata {
166 font-size: 11px; 177 font-size: 11px;
167 } 178 }
338 div.dl-digilib table.dl-scalertable td.dl-arrow { 349 div.dl-digilib table.dl-scalertable td.dl-arrow {
339 } 350 }
340 div.dl-digilib table.dl-scalertable td.dl-arrow:hover { 351 div.dl-digilib table.dl-scalertable td.dl-arrow:hover {
341 background-color: black; 352 background-color: black;
342 opacity: 0.3; 353 opacity: 0.3;
343 } 354 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
355 filter: alpha(opacity=30);
356 }
357
344 div.dl-digilib table.dl-scalertable img.button { 358 div.dl-digilib table.dl-scalertable img.button {
345 opacity: 1; 359 opacity: 1;
346 } 360 }
347 361
348 /* special definitions for fullscreen */ 362 /* special definitions for fullscreen */
386 right: 0px; 400 right: 0px;
387 top: 0px; 401 top: 0px;
388 padding: 1px; 402 padding: 1px;
389 background-color: gray; 403 background-color: gray;
390 opacity: 0.5; 404 opacity: 0.5;
405 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
406 filter: alpha(opacity=50);
391 z-index: 100; 407 z-index: 100;
392 } 408 }
393 409
394 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { 410 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover {
395 background-color: black; 411 background-color: black;