annotate client/digitallibrary/jquery/jquery.digilib.css @ 851:5922c444cd11 jquery

fixed region position bug in embedded mode, sigh
author hertzhaft
date Mon, 07 Mar 2011 09:30:55 +0100
parents 77248c6d2a5f
children 4658ec2f9565
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;
746
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 726
diff changeset
9 width: 0px;
2e9a48dc7a0c move zoom-drag background along with birdview indicator
hertzhaft
parents: 726
diff changeset
10 height: 0px;
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
11 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
12
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
13 div.digilib div.birdview {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
14 border: 1px solid white;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
15 z-index: 10;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
16 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
17
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
18 div.digilib div.zoomrect {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
19 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
20 border: 2px solid #ff0000;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
21 z-index: 100;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
22 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
23
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
24 div.digilib div.birdzoom {
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
25 position: absolute;
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
26 border: 2px solid #ff0000;
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
27 z-index: 100;
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
28 }
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
29
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
30 div.digilib div.mark {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
31 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
32 color: white;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
33 background: url('../greyskin/mark-bg-16.png');
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
34 font-family: Verdana, Arial, Helvetica, sans-serif;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
35 font-weight: bold;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
36 font-size: 11px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
37 height: 15px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
38 width: 16px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
39 padding-top: 1px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
40 text-align: center;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
41 z-index: 10;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
42 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
43
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
44 div.digilib div.about {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
45 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
46 width: 200px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
47 top: 100px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
48 left: 350px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
49 height: 200px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
50 padding: 0px 2px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
51 font-family: Verdana, Arial, Helvetica, sans-serif;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
52 border: 2px solid lightcyan;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
53 background-color: lightgrey;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
54 text-align: center;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
55 display: none;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
56 z-index: 1000;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
57 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
58
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents: 770
diff changeset
59 div.digilib div.region {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
60 position: absolute;
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents: 770
diff changeset
61 background-color: red;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
62 opacity: 0.3;
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
63 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
64
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
65 div.digilib div.region:hover {
792
d742bd92b05a first step to a regions plugin
hertzhaft
parents: 770
diff changeset
66 opacity: 0.5;
d742bd92b05a first step to a regions plugin
hertzhaft
parents: 770
diff changeset
67 }
d742bd92b05a first step to a regions plugin
hertzhaft
parents: 770
diff changeset
68
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
69 div.region {
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
70 color: white;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
71 font-size: 80%;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
72 }
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
73
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
74 div.region a.regionnumber {
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
75 color: white;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
76 text-decoration: none;
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
77 font-family: Verdana, Arial, Helvetica, sans-serif;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
78 font-weight: bold;
851
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
79 font-size: 11px;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
80 text-align: center;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
81 padding: 0px 2px;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
82 margin-right: 4px;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
83 border: 1px solid white;
5922c444cd11 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 848
diff changeset
84 display: inline-block;
813
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
85 }
1a7b14deae3a regions plugin works, inclunding event handlers
hertzhaft
parents: 792
diff changeset
86
818
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 813
diff changeset
87 div.regioncontent {
eff74cfaaf97 read regions from HTML (not working yet), show info
hertzhaft
parents: 813
diff changeset
88 display: none;
823
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
89 }
8af71d9d830b fixed automatic region links and region content
hertzhaft
parents: 818
diff changeset
90
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
91 div.regionHTML {
832
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
92 display: none;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
93 position: absolute;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
94 top: 100px;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
95 left: 250px;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
96 padding: 10px;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
97 font-family: Verdana, Arial, Helvetica, sans-serif;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
98 font-size: 12px;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
99 border: 2px solid lightcyan;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
100 background-color: lightgrey;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
101 z-index: 1000;
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
102 }
e4133946a9ad display regions as HTML for use in digilib element
hertzhaft
parents: 823
diff changeset
103
835
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
104 div.regionHTML a {
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
105 color: white;
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
106 text-decoration: none;
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
107 font-size: 11px;
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
108 font-weight: bold;
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
109 }
9fa078dcb493 predefine region content with a rel=
hertzhaft
parents: 832
diff changeset
110
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
111 /* special definitions for fullscreen */
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
112 div.digilib.dl_fullscreen div.buttons {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
113 position: fixed;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
114 right: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
115 top: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
116 padding: 2px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
117 background-color: transparent;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
118 z-index: 100;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
119 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
120
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
121 div.digilib.dl_fullscreen div.button:hover {
770
6d7c51e4724b highlight buttons by background image
hertzhaft
parents: 765
diff changeset
122 background-image: url('img/fullscreen/corona.png');
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
123 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
124
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 746
diff changeset
125 div.digilib.dl_fullscreen div.button-on {
770
6d7c51e4724b highlight buttons by background image
hertzhaft
parents: 765
diff changeset
126 background-image: url('img/fullscreen/whitedisc.png');
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 746
diff changeset
127 }
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 746
diff changeset
128
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
129 div.digilib.dl_fullscreen div.birdview {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
130 position: fixed;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
131 bottom: 8px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
132 right: 48px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
133 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
134
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
135 /* special definitions for embedded */
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
136 div.digilib.dl_embedded {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
137 position: relative;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
138 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
139
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
140 div.digilib.dl_embedded div.buttons {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
141 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
142 right: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
143 top: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
144 padding: 1px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
145 background-color: grey;
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
146 opacity: 0.5;
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
147 z-index: 100;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
148 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
149
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
150 div.digilib.dl_embedded div.button:hover {
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
151 background-color: black;
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
152 }
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
153
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 746
diff changeset
154 div.digilib.dl_embedded div.button-on {
848
77248c6d2a5f fix missing buttons
hertzhaft
parents: 835
diff changeset
155 background-color: darkgreen;
765
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 746
diff changeset
156 }
8d5239d7b1d4 state indicators for buttons
hertzhaft
parents: 746
diff changeset
157
725
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
158 div.digilib.dl_embedded div.birdview {
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
159 position: absolute;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
160 bottom: 0px;
936d88972cd0 put styles in stylesheet.
robcast
parents:
diff changeset
161 right: 0px;
726
6224f64cbd58 fixed birdZoomDiv positioning in embedded mode
robcast
parents: 725
diff changeset
162 }