annotate client/digitallibrary/jquery/jquery.digilib.css @ 758:7429edfd363a jquery

state indicators for buttons
author hertzhaft
date Thu, 10 Feb 2011 16:56:48 +0100
parents 58fcf8d8649f
children cdc0f561d2d0
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
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
59 /* special definitions for fullscreen */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
60 div.digilib.dl_fullscreen div.buttons {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
61 position: fixed;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
62 right: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
63 top: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
64 padding: 2px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
65 background-color: transparent;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
66 z-index: 100;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
67 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
68
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
69 div.digilib.dl_fullscreen div.button:hover {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
70 background-image: url('../greyskin/corona.png');
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
71 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
72
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
73 div.digilib.dl_fullscreen div.button-on {
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
74 background-color: white;
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
75 }
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
76
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
77 div.digilib.dl_fullscreen div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
78 position: fixed;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
79 bottom: 8px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
80 right: 48px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
81 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
82
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
83 /* special definitions for embedded */
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
84 div.digilib.dl_embedded {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
85 position: relative;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
86 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
87
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
88 div.digilib.dl_embedded div.buttons {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
89 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
90 right: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
91 top: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
92 padding: 1px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
93 background-color: grey;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
94 opacity: 0.4;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
95 z-index: 100;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
96 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
97
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
98 div.digilib.dl_embedded div.button:hover {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
99 background-color: darkred;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
100 }
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
101
758
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
102 div.digilib.dl_embedded div.button-on {
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
103 background-color: black;
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
104 }
7429edfd363a state indicators for buttons
hertzhaft
parents: 739
diff changeset
105
718
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
106 div.digilib.dl_embedded div.birdview {
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
107 position: absolute;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
108 bottom: 0px;
996a584f1a0b put styles in stylesheet.
robcast
parents:
diff changeset
109 right: 0px;
719
e2429ec1976e fixed birdZoomDiv positioning in embedded mode
robcast
parents: 718
diff changeset
110 }