annotate 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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
1 /*
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
2 * CSS style file for jQuery digilib
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
3 *
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
4 * Martin Raspe, Robert Casties, 11.1.2011
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
5 */
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
6 div.digilib div.scaler {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
7 background-color: grey;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
8 z-index: 0;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
9 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
10
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
11 div.digilib div.birdview {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
12 border: 1px solid white;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
13 z-index: 10;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
14 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
15
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
16
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
17 div.digilib div.zoomrect {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
18 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
19 border: 2px solid #ff0000;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
20 z-index: 100;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
21 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
22
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
23 div.digilib div.mark {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
24 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
25 color: white;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
26 background: url('../greyskin/mark-bg-16.png');
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
27 font-family: Verdana, Arial, Helvetica, sans-serif;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
28 font-weight: bold;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
29 font-size: 11px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
30 height: 15px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
31 width: 16px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
32 padding-top: 1px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
33 text-align: center;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
34 z-index: 10;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
35 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
36
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
37 div.digilib div.about {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
38 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
39 width: 200px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
40 top: 100px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
41 left: 350px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
42 height: 200px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
43 padding: 0px 2px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
44 font-family: Verdana, Arial, Helvetica, sans-serif;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
45 border: 2px solid lightcyan;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
46 background-color: lightgrey;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
47 text-align: center;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
48 display: none;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
49 z-index: 1000;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
50 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
51
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
52 /* special definitions for fullscreen */
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
53 div.digilib.dl_fullscreen div.buttons {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
54 position: fixed;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
55 right: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
56 top: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
57 padding: 2px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
58 background-color: transparent;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
59 z-index: 100;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
60 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
61
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
62 div.digilib.dl_fullscreen div.button:hover {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
63 background-image: url('../greyskin/corona.png');
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
64 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
65
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
66 div.digilib.dl_fullscreen div.birdview {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
67 position: fixed;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
68 bottom: 8px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
69 right: 48px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
70 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
71
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
72 /* special definitions for embedded */
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
73 div.digilib.dl_embedded {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
74 position: relative;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
75 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
76
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
77 div.digilib.dl_embedded div.buttons {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
78 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
79 right: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
80 top: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
81 padding: 1px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
82 background-color: grey;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
83 opacity: 0.4;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
84 z-index: 100;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
85 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
86
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
87 div.digilib.dl_embedded div.button:hover {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
88 background-color: darkred;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
89 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
90
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
91 div.digilib.dl_embedded div.birdview {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
92 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
93 bottom: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
94 right: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
95 }