Mercurial > hg > digilib-old
comparison client/src/main/webapp/jquery/jquery.digilib.css @ 892:ba1eb2d821a2 mvnify
rearrange sources to maven directory standard
author | robcast |
---|---|
date | Tue, 19 Apr 2011 18:44:25 +0200 |
parents | client/digitallibrary/jquery/jquery.digilib.css@b2ec8244b86e |
children | 1b627b5c9fad |
comparison
equal
deleted
inserted
replaced
891:6584af320296 | 892:ba1eb2d821a2 |
---|---|
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 width: 0px; | |
10 height: 0px; | |
11 } | |
12 | |
13 div.digilib div.birdview { | |
14 border: 1px solid white; | |
15 z-index: 10; | |
16 } | |
17 | |
18 div.digilib div.zoomrect { | |
19 position: absolute; | |
20 border: 2px solid #ff0000; | |
21 z-index: 100; | |
22 } | |
23 | |
24 div.digilib div.birdzoom { | |
25 position: absolute; | |
26 border: 2px solid #ff0000; | |
27 z-index: 100; | |
28 } | |
29 | |
30 div.digilib div.mark { | |
31 position: absolute; | |
32 color: white; | |
33 background: url('../greyskin/mark-bg-16.png'); | |
34 font-family: Verdana, Arial, Helvetica, sans-serif; | |
35 font-weight: bold; | |
36 font-size: 11px; | |
37 height: 15px; | |
38 width: 16px; | |
39 padding-top: 1px; | |
40 text-align: center; | |
41 z-index: 10; | |
42 } | |
43 | |
44 div.digilib div.about { | |
45 position: absolute; | |
46 width: 200px; | |
47 top: 100px; | |
48 left: 350px; | |
49 height: 200px; | |
50 padding: 0px 2px; | |
51 font-family: Verdana, Arial, Helvetica, sans-serif; | |
52 border: 2px solid lightcyan; | |
53 background-color: lightgrey; | |
54 text-align: center; | |
55 display: none; | |
56 z-index: 1000; | |
57 } | |
58 | |
59 div.digilib div.region { | |
60 position: absolute; | |
61 background-color: red; | |
62 opacity: 0.3; | |
63 } | |
64 | |
65 div.digilib div.region:hover { | |
66 opacity: 0.5; | |
67 } | |
68 | |
69 div.digilib div.region { | |
70 color: white; | |
71 font-family: Verdana, Arial, Helvetica, sans-serif; | |
72 font-size: 11px; | |
73 } | |
74 | |
75 div.digilib div.region a.regionnumber { | |
76 color: white; | |
77 text-decoration: none; | |
78 font-weight: bold; | |
79 font-size: 11px; | |
80 text-align: center; | |
81 padding: 0px 2px; | |
82 margin-right: 4px; | |
83 border: 1px solid white; | |
84 display: inline-block; | |
85 } | |
86 | |
87 div.digilib div.regioncontent { | |
88 display: none; | |
89 } | |
90 | |
91 div.digilib div.regionHTML { | |
92 display: none; | |
93 position: absolute; | |
94 top: 100px; | |
95 padding: 10px; | |
96 font-family: Verdana, Arial, Helvetica, sans-serif; | |
97 font-size: 12px; | |
98 border: 2px solid lightcyan; | |
99 color: black; | |
100 background-color: lightgrey; | |
101 z-index: 1000; | |
102 } | |
103 | |
104 div.digilib div.regionHTML a { | |
105 color: white; | |
106 text-decoration: none; | |
107 font-size: 11px; | |
108 font-weight: bold; | |
109 } | |
110 | |
111 div.infobutton { | |
112 background-color: white; | |
113 color: grey; | |
114 padding: 0px 4px; | |
115 margin: 0px 2px; | |
116 float: left; | |
117 } | |
118 | |
119 div.info { | |
120 clear: both; | |
121 display: none; | |
122 margin: 10px; | |
123 } | |
124 | |
125 div.infoheader { | |
126 width: 300px; | |
127 margin-bottom: 20px; | |
128 } | |
129 | |
130 div.digilib div.arrows { | |
131 display: none; | |
132 } | |
133 | |
134 div.digilib div.arrows div.button { | |
135 position: absolute; | |
136 text-align: center; | |
137 background-color: black; | |
138 opacity: 0.08; | |
139 z-index: 200; | |
140 } | |
141 | |
142 div.digilib div.arrows div.button:hover { | |
143 opacity: 0.5; | |
144 } | |
145 | |
146 div.digilib div.arrows div.button a { | |
147 position: relative; | |
148 } | |
149 | |
150 /* special definitions for fullscreen */ | |
151 div.digilib.dl_fullscreen div.buttons { | |
152 position: fixed; | |
153 right: 0px; | |
154 top: 0px; | |
155 padding: 2px; | |
156 background-color: transparent; | |
157 z-index: 200; | |
158 } | |
159 | |
160 div.digilib.dl_fullscreen div.buttons div.button:hover { | |
161 background-image: url('img/fullscreen/corona.png'); | |
162 background-repeat: no-repeat; | |
163 } | |
164 | |
165 div.digilib.dl_fullscreen div.button-on { | |
166 background-image: url('img/fullscreen/whitedisc.png'); | |
167 background-repeat: no-repeat; | |
168 } | |
169 | |
170 div.digilib.dl_fullscreen div.birdview { | |
171 position: fixed; | |
172 bottom: 8px; | |
173 right: 48px; | |
174 } | |
175 | |
176 /* special definitions for embedded */ | |
177 div.digilib.dl_embedded { | |
178 position: relative; | |
179 } | |
180 | |
181 div.digilib.dl_embedded div.buttons { | |
182 position: absolute; | |
183 right: 0px; | |
184 top: 0px; | |
185 padding: 1px; | |
186 background-color: grey; | |
187 opacity: 0.5; | |
188 z-index: 100; | |
189 } | |
190 | |
191 div.digilib.dl_embedded div.buttons div.button:hover { | |
192 background-color: black; | |
193 } | |
194 | |
195 div.digilib.dl_embedded div.button-on { | |
196 background-color: darkgreen; | |
197 } | |
198 | |
199 div.digilib.dl_embedded div.birdview { | |
200 position: absolute; | |
201 bottom: 0px; | |
202 right: 0px; | |
203 } | |
204 |