annotate client/digitallibrary/jquery/jquery.digilib.css @ 872:df78d6b36540 jquery

arrows: positioning works in embedded mode, too
author hertzhaft
date Thu, 17 Mar 2011 19:21:25 +0100
parents 5d811828347b
children baf4b376fcf7
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
1 /*
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
2 * CSS style file for jQuery digilib
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
3 *
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
4 * Martin Raspe, Robert Casties, 11.1.2011
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
5 */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
6 div.digilib div.scaler {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
7 background-color: grey;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
8 z-index: 0;
739
58fcf8d8649f move zoom-drag background along with birdview indicator
hertzhaft
parents: 719
diff changeset
9 width: 0px;
58fcf8d8649f move zoom-drag background along with birdview indicator
hertzhaft
parents: 719
diff changeset
10 height: 0px;
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
11 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
12
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
13 div.digilib div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
14 border: 1px solid white;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
15 z-index: 10;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
16 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
17
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
18 div.digilib div.zoomrect {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
19 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
20 border: 2px solid #ff0000;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
21 z-index: 100;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
22 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
23
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
24 div.digilib div.birdzoom {
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
25 position: absolute;
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
26 border: 2px solid #ff0000;
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
27 z-index: 100;
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
28 }
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
29
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
30 div.digilib div.mark {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
31 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
32 color: white;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
33 background: url('../greyskin/mark-bg-16.png');
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
34 font-family: Verdana, Arial, Helvetica, sans-serif;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
35 font-weight: bold;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
36 font-size: 11px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
37 height: 15px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
38 width: 16px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
39 padding-top: 1px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
40 text-align: center;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
41 z-index: 10;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
42 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
43
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
44 div.digilib div.about {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
45 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
46 width: 200px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
47 top: 100px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
48 left: 350px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
49 height: 200px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
50 padding: 0px 2px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
51 font-family: Verdana, Arial, Helvetica, sans-serif;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
52 border: 2px solid lightcyan;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
53 background-color: lightgrey;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
54 text-align: center;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
55 display: none;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
56 z-index: 1000;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
57 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
58
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents: 763
diff changeset
59 div.digilib div.region {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
60 position: absolute;
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents: 763
diff changeset
61 background-color: red;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
62 opacity: 0.3;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
63 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
64
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
65 div.digilib div.region:hover {
785
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents: 763
diff changeset
66 opacity: 0.5;
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents: 763
diff changeset
67 }
4091b0e4dfd7 first step to a regions plugin
hertzhaft
parents: 763
diff changeset
68
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
69 div.digilib div.region {
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
70 color: white;
845
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
71 font-family: Verdana, Arial, Helvetica, sans-serif;
a2b90ad772a0 why not use coords attribute for coords?
hertzhaft
parents: 844
diff changeset
72 font-size: 11px;
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
73 }
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
74
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
75 div.digilib div.region a.regionnumber {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
76 color: white;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
77 text-decoration: none;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
78 font-weight: bold;
844
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
79 font-size: 11px;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
80 text-align: center;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
81 padding: 0px 2px;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
82 margin-right: 4px;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
83 border: 1px solid white;
8aa2891583f1 fixed region position bug in embedded mode, sigh
hertzhaft
parents: 841
diff changeset
84 display: inline-block;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
85 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
86
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
87 div.digilib div.regioncontent {
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
88 display: none;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
89 }
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
90
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
91 div.digilib div.regionHTML {
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
92 display: none;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
93 position: absolute;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
94 top: 100px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
95 padding: 10px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
96 font-family: Verdana, Arial, Helvetica, sans-serif;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
97 font-size: 12px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
98 border: 2px solid lightcyan;
865
e96f4ff42450 crop region info
hertzhaft
parents: 864
diff changeset
99 color: black;
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
100 background-color: lightgrey;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
101 z-index: 1000;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
102 }
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
103
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
104 div.digilib div.regionHTML a {
828
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
105 color: white;
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
106 text-decoration: none;
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
107 font-size: 11px;
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
108 font-weight: bold;
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
109 }
7b3e5c666269 predefine region content with a rel=
hertzhaft
parents: 825
diff changeset
110
848
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
111 div.infobutton {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
112 background-color: white;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
113 color: grey;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
114 padding: 0px 4px;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
115 margin: 0px 2px;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
116 float: left;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
117 }
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
118
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
119 div.info {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
120 clear: both;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
121 display: none;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
122 margin: 10px;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
123 }
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
124
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
125 div.infoheader {
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
126 width: 300px;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
127 margin-bottom: 20px;
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
128 }
a43810d16ee5 better region info
hertzhaft
parents: 845
diff changeset
129
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
130 div.digilib div.arrows {
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
131 display: none;
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
132 }
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
133
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
134 div.digilib div.arrows div.button {
855
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
135 position: absolute;
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
136 text-align: center;
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
137 background-color: black;
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
138 opacity: 0.08;
872
df78d6b36540 arrows: positioning works in embedded mode, too
hertzhaft
parents: 870
diff changeset
139 z-index: 200;
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
140 }
855
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
141
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
142 div.digilib div.arrows div.button:hover {
855
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
143 opacity: 0.5;
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
144 }
34b20eec036b second step towards zoom arrows
hertzhaft
parents: 848
diff changeset
145
872
df78d6b36540 arrows: positioning works in embedded mode, too
hertzhaft
parents: 870
diff changeset
146 div.digilib div.arrows div.button a {
df78d6b36540 arrows: positioning works in embedded mode, too
hertzhaft
parents: 870
diff changeset
147 position: relative;
df78d6b36540 arrows: positioning works in embedded mode, too
hertzhaft
parents: 870
diff changeset
148 }
df78d6b36540 arrows: positioning works in embedded mode, too
hertzhaft
parents: 870
diff changeset
149
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
150 /* special definitions for fullscreen */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
151 div.digilib.dl_fullscreen div.buttons {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
152 position: fixed;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
153 right: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
154 top: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
155 padding: 2px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
156 background-color: transparent;
872
df78d6b36540 arrows: positioning works in embedded mode, too
hertzhaft
parents: 870
diff changeset
157 z-index: 200;
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
158 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
159
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
160 div.digilib.dl_fullscreen div.buttons div.button:hover {
763
cdc0f561d2d0 highlight buttons by background image
hertzhaft
parents: 758
diff changeset
161 background-image: url('img/fullscreen/corona.png');
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
162 background-repeat: no-repeat;
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
163 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
164
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
165 div.digilib.dl_fullscreen div.button-on {
763
cdc0f561d2d0 highlight buttons by background image
hertzhaft
parents: 758
diff changeset
166 background-image: url('img/fullscreen/whitedisc.png');
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
167 background-repeat: no-repeat;
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
168 }
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
169
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
170 div.digilib.dl_fullscreen div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
171 position: fixed;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
172 bottom: 8px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
173 right: 48px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
174 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
175
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
176 /* special definitions for embedded */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
177 div.digilib.dl_embedded {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
178 position: relative;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
179 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
180
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
181 div.digilib.dl_embedded div.buttons {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
182 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
183 right: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
184 top: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
185 padding: 1px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
186 background-color: grey;
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
187 opacity: 0.5;
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
188 z-index: 100;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
189 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
190
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
191 div.digilib.dl_embedded div.buttons div.button:hover {
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
192 background-color: black;
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
193 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
194
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
195 div.digilib.dl_embedded div.button-on {
841
f381d088da88 fix missing buttons
hertzhaft
parents: 828
diff changeset
196 background-color: darkgreen;
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
197 }
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
198
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
199 div.digilib.dl_embedded div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
200 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
201 bottom: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
202 right: 0px;
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
203 }
870
5d811828347b arrows: got basic functionality working
hertzhaft
parents: 865
diff changeset
204