Mercurial > hg > digilib

annotate client/digitallibrary/jquery/jquery.digilib.css @ 825:f07b8ed13194 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
display regions as HTML for use in digilib element
author hertzhaft
date Tue, 01 Mar 2011 01:31:26 +0100
parents 36fbccbaf413
children 7b3e5c666269
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
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
69 div.regionnumber a {
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
70 color: white;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
71 text-decoration: none;
806
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
72 font-size: 11px;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
73 font-weight: bold;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
74 height: 15px;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
75 width: 16px;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
76 margin: 3px;
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
77 }
4f4f455ebbdb regions plugin works, inclunding event handlers
hertzhaft
parents: 785
diff changeset
78
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
79 div.regioncontent {
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
80 display: none;
816
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
81 padding: 3px;
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
82 }
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
83
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
84 div.regioncontent a {
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
85 color: white;
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
86 text-decoration: none;
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
87 font-size: 11px;
36fbccbaf413 fixed automatic region links and region content
hertzhaft
parents: 811
diff changeset
88 font-weight: bold;
811
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
89 }
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
90
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
91 div.regioninfo {
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
92 display: none;
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
93 color: white;
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
94 background-color: black;
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
95 }
29de310ed4f3 read regions from HTML (not working yet), show info
hertzhaft
parents: 806
diff changeset
96
825
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
97 div.regionhtml {
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
98 display: none;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
99 position: absolute;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
100 top: 100px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
101 left: 250px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
102 padding: 10px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
103 font-family: Verdana, Arial, Helvetica, sans-serif;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
104 font-size: 12px;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
105 border: 2px solid lightcyan;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
106 background-color: lightgrey;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
107 z-index: 1000;
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
108 }
f07b8ed13194 display regions as HTML for use in digilib element
hertzhaft
parents: 816
diff changeset
109
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
110 /* special definitions for fullscreen */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
111 div.digilib.dl_fullscreen div.buttons {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
112 position: fixed;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
113 right: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
114 top: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
115 padding: 2px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
116 background-color: transparent;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
117 z-index: 100;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
118 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
119
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
120 div.digilib.dl_fullscreen div.button:hover {
763
cdc0f561d2d0 highlight buttons by background image
hertzhaft
parents: 758
diff changeset
121 background-image: url('img/fullscreen/corona.png');
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
122 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
123
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
124 div.digilib.dl_fullscreen div.button-on {
763
cdc0f561d2d0 highlight buttons by background image
hertzhaft
parents: 758
diff changeset
125 background-image: url('img/fullscreen/whitedisc.png');
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
126 }
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
127
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
128 div.digilib.dl_fullscreen div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
129 position: fixed;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
130 bottom: 8px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
131 right: 48px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
132 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
133
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
134 /* special definitions for embedded */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
135 div.digilib.dl_embedded {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
136 position: relative;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
137 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
138
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
139 div.digilib.dl_embedded div.buttons {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
140 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
141 right: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
142 top: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
143 padding: 1px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
144 background-color: grey;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
145 opacity: 0.4;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
146 z-index: 100;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
147 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
148
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
149 div.digilib.dl_embedded div.button:hover {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
150 background-color: darkred;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
151 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
152
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
153 div.digilib.dl_embedded div.button-on {
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
154 background-color: black;
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
155 }
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
156
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
157 div.digilib.dl_embedded div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
158 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
159 bottom: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
160 right: 0px;
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
161 }