comparison client/digitallibrary/jquery/jquery.digilib.css @ 725:936d88972cd0 jquery

put styles in stylesheet. use relative positioning in embedded mode.
author robcast
date Mon, 31 Jan 2011 17:44:20 +0100
parents
children 6224f64cbd58
comparison
equal deleted inserted replaced
724:c6878e9575fe 725:936d88972cd0
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;
9 }
10
11 div.digilib div.birdview {
12 border: 1px solid white;
13 z-index: 10;
14 }
15
16
17 div.digilib div.zoomrect {
18 position: absolute;
19 border: 2px solid #ff0000;
20 z-index: 100;
21 }
22
23 div.digilib div.mark {
24 position: absolute;
25 color: white;
26 background: url('../greyskin/mark-bg-16.png');
27 font-family: Verdana, Arial, Helvetica, sans-serif;
28 font-weight: bold;
29 font-size: 11px;
30 height: 15px;
31 width: 16px;
32 padding-top: 1px;
33 text-align: center;
34 z-index: 10;
35 }
36
37 div.digilib div.about {
38 position: absolute;
39 width: 200px;
40 top: 100px;
41 left: 350px;
42 height: 200px;
43 padding: 0px 2px;
44 font-family: Verdana, Arial, Helvetica, sans-serif;
45 border: 2px solid lightcyan;
46 background-color: lightgrey;
47 text-align: center;
48 display: none;
49 z-index: 1000;
50 }
51
52 /* special definitions for fullscreen */
53 div.digilib.dl_fullscreen div.buttons {
54 position: fixed;
55 right: 0px;
56 top: 0px;
57 padding: 2px;
58 background-color: transparent;
59 z-index: 100;
60 }
61
62 div.digilib.dl_fullscreen div.button:hover {
63 background-image: url('../greyskin/corona.png');
64 }
65
66 div.digilib.dl_fullscreen div.birdview {
67 position: fixed;
68 bottom: 8px;
69 right: 48px;
70 }
71
72 /* special definitions for embedded */
73 div.digilib.dl_embedded {
74 position: relative;
75 }
76
77 div.digilib.dl_embedded div.buttons {
78 position: absolute;
79 right: 0px;
80 top: 0px;
81 padding: 1px;
82 background-color: grey;
83 opacity: 0.4;
84 z-index: 100;
85 }
86
87 div.digilib.dl_embedded div.button:hover {
88 background-color: darkred;
89 }
90
91 div.digilib.dl_embedded div.birdview {
92 position: absolute;
93 bottom: 0px;
94 right: 0px;
95 }