Mercurial > hg > digilib-old
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 } |