Mercurial > hg > digilib-old

comparison webapp/src/main/webapp/jquery/jquery.digilib.css @ 1127:a5699754288b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
use css standard color names (from http://en.wikipedia.org/wiki/Web_colors). new colors for area annotation.
author robcast
date Fri, 09 Nov 2012 18:55:46 +0100
parents efe4b0f18cf8
children fcafcc8996be
comparison
equal deleted inserted replaced
1126:f14220f939d5 1127:a5699754288b
19 font-family: Verdana, Arial, Helvetica, sans-serif; 19 font-family: Verdana, Arial, Helvetica, sans-serif;
20 font-size: 12px; 20 font-size: 12px;
21 } 21 }
22 22
23 div.dl-digilib div.dl-scaler { 23 div.dl-digilib div.dl-scaler {
24 background-color: grey; 24 background-color: gray;
25 z-index: 0; 25 z-index: 0;
26 width: 0px; 26 width: 0px;
27 height: 0px; 27 height: 0px;
28 } 28 }
29 29
76 padding-top: 1px; 76 padding-top: 1px;
77 text-align: center; 77 text-align: center;
78 z-index: 10; 78 z-index: 10;
79 } 79 }
80 80
81 div.dl-digilib div.dl-annotationregion {
82 background-color: rgba(255, 255, 10, 0.3);
83 /* border: 1px solid black; */
84 padding: 2px 4px;
85 color: black;
86 font-family: Verdana, Arial, Helvetica, sans-serif;
87 font-weight: bold;
88 font-size: 11px;
89 }
90 div.dl-digilib div.dl-annotationregion:hover {
91 background-color: transparent;
92 border: 2px solid yellow;
93 }
94
81 div.dl-digilib div.dl-about { 95 div.dl-digilib div.dl-about {
82 position: absolute; 96 position: absolute;
83 padding: 10px; 97 padding: 10px;
84 font-family: Verdana, Arial, Helvetica, sans-serif; 98 font-family: Verdana, Arial, Helvetica, sans-serif;
85 border: 2px solid lightcyan; 99 border: 2px solid aqua;
86 background-color: lightgrey; 100 background-color: silver;
87 text-align: center; 101 text-align: center;
88 display: none; 102 display: none;
89 z-index: 100; 103 z-index: 100;
90 } 104 }
91 105
157 } 171 }
158 172
159 div.dl-digilib #dl-calibration { 173 div.dl-digilib #dl-calibration {
160 background: url('img/blue.png'); 174 background: url('img/blue.png');
161 position: absolute; 175 position: absolute;
162 border: 2px solid lightcyan; 176 border: 2px solid aqua;
163 width: 400px; 177 width: 400px;
164 display: none; 178 display: none;
165 z-index: 100; 179 z-index: 100;
166 } 180 }
167 181
171 padding-bottom: 10px; 185 padding-bottom: 10px;
172 font-family: Verdana, Arial, Helvetica, sans-serif; 186 font-family: Verdana, Arial, Helvetica, sans-serif;
173 font-size: 12px; 187 font-size: 12px;
174 font-weight: bold; 188 font-weight: bold;
175 text-align: center; 189 text-align: center;
176 color: lightcyan; 190 color: aqua;
177 background: url('img/ruler-top.gif') 0px -1px repeat-x; 191 background: url('img/ruler-top.gif') 0px -1px repeat-x;
178 } 192 }
179 193
180 /* annotations */
181 div.dl-digilib div.dl-annotationregion {
182 background-color: rgba(255, 255, 10, 0.3);
183 border-radius: 5px;
184 border: 1px solid black;
185 padding: 2px 4px;
186 font-weight: bold;
187 }
188
189 div.dl-digilib #dl-cm { 194 div.dl-digilib #dl-cm {
190 padding: 5px; 195 padding: 5px;
191 } 196 }
192 197
193 div.dl-digilib #dl-calibrationError { 198 div.dl-digilib #dl-calibrationError {
200 margin: 0px 10px; 205 margin: 0px 10px;
201 } 206 }
202 207
203 div.dl-digilib .dl-error { 208 div.dl-digilib .dl-error {
204 color: red; 209 color: red;
205 background-color: darkred; 210 background-color: maroon;
206 } 211 }
207 212
208 div.dl-digilib button.dl-button { 213 div.dl-digilib button.dl-button {
209 margin: 0px 10px 10px 10px; 214 margin: 0px 10px 10px 10px;
210 border-width: 1px; 215 border-width: 1px;
215 } 220 }
216 221
217 div.dl-digilib table.dl-rgbslider td.dl-rgb { 222 div.dl-digilib table.dl-rgbslider td.dl-rgb {
218 width: 40%; 223 width: 40%;
219 padding: 6px; 224 padding: 6px;
220 border: 2px solid lightcyan; 225 border: 2px solid aqua;
221 } 226 }
222 227
223 div.dl-digilib div.dl-rgbslider { 228 div.dl-digilib div.dl-rgbslider {
224 display: none; 229 display: none;
225 border: 2px solid lightcyan; 230 border: 2px solid aqua;
226 background-color: lightgrey; 231 background-color: silver;
227 width: 400px; 232 width: 400px;
228 padding: 10px; 233 padding: 10px;
229 position: absolute; 234 position: absolute;
230 top: 0px; 235 top: 0px;
231 } 236 }
232 div.dl-digilib div.dl-rgbsliderpreview, 237 div.dl-digilib div.dl-rgbsliderpreview,
233 div.dl-digilib div.dl-singlesliderpreview { 238 div.dl-digilib div.dl-singlesliderpreview {
234 border: 2px solid lightcyan; 239 border: 2px solid aqua;
235 margin: 10px 0px; 240 margin: 10px 0px;
236 } 241 }
237 242
238 div.dl-digilib table.dl-rgbslider, 243 div.dl-digilib table.dl-rgbslider,
239 div.dl-digilib table.dl-rgbslidergrey, 244 div.dl-digilib table.dl-rgbslidergrey,
251 div.dl-digilib table.dl-singlesliderpreview td { 256 div.dl-digilib table.dl-singlesliderpreview td {
252 height: 20px; 257 height: 20px;
253 } 258 }
254 259
255 div.dl-digilib td.dl-color div { 260 div.dl-digilib td.dl-color div {
256 color: lightcyan; 261 color: aqua;
257 border: 2px solid lightcyan; 262 border: 2px solid aqua;
258 text-align: center; 263 text-align: center;
259 padding: 20px 0px; 264 padding: 20px 0px;
260 margin: 0px 20px 20px 0px; 265 margin: 0px 20px 20px 0px;
261 } 266 }
262 267
272 background-color: #000080; 277 background-color: #000080;
273 } 278 }
274 279
275 div.dl-digilib div.dl-singleslider { 280 div.dl-digilib div.dl-singleslider {
276 display: none; 281 display: none;
277 border: 2px solid lightcyan; 282 border: 2px solid aqua;
278 background-color: lightgrey; 283 background-color: silver;
279 width: 300px; 284 width: 300px;
280 padding: 10px; 285 padding: 10px;
281 position: absolute; 286 position: absolute;
282 top: 0px; 287 top: 0px;
283 } 288 }
284 289
285 div.dl-digilib div.dl-slider { 290 div.dl-digilib div.dl-slider {
286 border: 1px solid lightcyan; 291 border: 1px solid aqua;
287 margin: 30px; 292 margin: 30px;
288 z-index: 100; 293 z-index: 100;
289 height: 6px; 294 height: 6px;
290 } 295 }
291 296
294 position: absolute; 299 position: absolute;
295 overflow: visible; 300 overflow: visible;
296 padding: 10px; 301 padding: 10px;
297 font-family: Verdana, Arial, Helvetica, sans-serif; 302 font-family: Verdana, Arial, Helvetica, sans-serif;
298 font-size: 12px; 303 font-size: 12px;
299 border: 2px solid lightcyan; 304 border: 2px solid aqua;
300 color: black; 305 color: black;
301 background-color: lightgrey; 306 background-color: silver;
302 width: 300px; 307 width: 300px;
303 z-index: 100; 308 z-index: 100;
304 } 309 }
305 310
306 div.dl-digilib div.dl-regionInfo a { 311 div.dl-digilib div.dl-regionInfo a {
310 font-weight: bold; 315 font-weight: bold;
311 width: 300px; 316 width: 300px;
312 } 317 }
313 318
314 .dl-infobutton { 319 .dl-infobutton {
315 background-color: lightcyan; 320 background-color: aqua;
316 color: grey; 321 color: gray;
317 padding: 0px 4px; 322 padding: 0px 4px;
318 } 323 }
319 324
320 div.dl-info { 325 div.dl-info {
321 display: none; 326 display: none;
383 div.dl-digilib.dl-embedded div.dl-buttons { 388 div.dl-digilib.dl-embedded div.dl-buttons {
384 position: absolute; 389 position: absolute;
385 right: 0px; 390 right: 0px;
386 top: 0px; 391 top: 0px;
387 padding: 1px; 392 padding: 1px;
388 background-color: grey; 393 background-color: gray;
389 opacity: 0.5; 394 opacity: 0.5;
390 z-index: 100; 395 z-index: 100;
391 } 396 }
392 397
393 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover { 398 div.dl-digilib.dl-embedded div.dl-buttons div.dl-button:hover {
394 background-color: black; 399 background-color: black;
395 } 400 }
396 401
397 div.dl-digilib.dl-embedded div.dl-button-on { 402 div.dl-digilib.dl-embedded div.dl-button-on {
398 background-color: darkgreen; 403 background-color: green;
399 } 404 }
400 405
401 div.dl-digilib.dl-embedded div.dl-birdview { 406 div.dl-digilib.dl-embedded div.dl-birdview {
402 position: absolute; 407 position: absolute;
403 bottom: 0px; 408 bottom: 0px;