|
408
|
1 /* Styles for Digilib NG */
|
|
|
2 /* (c) 2005 by Martin Raspe <hertzhaft@biblhertz.it> */
|
|
|
3 /* Bibliotheca Hertziana (Max-Planck-Institute for Art History), Rome */
|
|
|
4
|
|
|
5 body {
|
|
|
6 background-color: #E0E0E0;
|
|
|
7 color: black;
|
|
|
8 font-size: 8pt;
|
|
|
9 }
|
|
|
10
|
|
|
11 code {
|
|
|
12 font-family: monospace;
|
|
|
13 color: blue;
|
|
|
14 }
|
|
|
15
|
|
|
16 pre { color: #006060; }
|
|
|
17
|
|
|
18
|
|
|
19 a.icon {
|
|
|
20 margin: 0px;
|
|
|
21 padding: 0px;
|
|
|
22 }
|
|
|
23
|
|
415
|
24 a.arrow {
|
|
|
25 display: block;
|
|
|
26 position: absolute;
|
|
|
27 border: none;
|
|
|
28 z-index: 150;
|
|
|
29 }
|
|
|
30
|
|
|
31 a.arrow:hover {
|
|
|
32 /* background-color: lightgray; */
|
|
|
33 background-repeat: no-repeat;
|
|
|
34 }
|
|
|
35
|
|
|
36 a#up:hover {
|
|
|
37 background-image: url('up.png');
|
|
|
38 background-position: center;
|
|
|
39 }
|
|
|
40
|
|
|
41 a#down:hover {
|
|
|
42 background-image: url('down.png');
|
|
|
43 background-position: center;
|
|
|
44 }
|
|
|
45
|
|
|
46 a#left:hover {
|
|
|
47 background-image: url('left.png');
|
|
|
48 background-position: middle;
|
|
|
49 }
|
|
|
50
|
|
|
51 a#right:hover {
|
|
|
52 background-image: url('right.png');
|
|
|
53 background-position: middle;
|
|
|
54 }
|
|
|
55
|
|
408
|
56 /* Images */
|
|
|
57
|
|
|
58 img.logo {
|
|
|
59 border: none;
|
|
|
60 }
|
|
|
61
|
|
|
62 img.png {
|
|
|
63 border: none;
|
|
|
64 }
|
|
415
|
65
|
|
408
|
66 img.png:hover {
|
|
|
67 background-image: url('corona.png');
|
|
|
68 }
|
|
415
|
69
|
|
|
70 img#bird-image {
|
|
|
71 border: none;
|
|
|
72 position: absolute;
|
|
|
73 bottom: 10px;
|
|
|
74 right: 10px;
|
|
|
75 visibility: hidden;
|
|
|
76 z-index: 1;
|
|
|
77 }
|
|
408
|
78
|
|
|
79 /* DIVs */
|
|
|
80
|
|
|
81 div.button {
|
|
|
82 padding: 0px;
|
|
|
83 }
|
|
|
84
|
|
|
85 div.mark {
|
|
|
86 position: absolute;
|
|
|
87 color: white;
|
|
|
88 background: url('mark-bg-16.png');
|
|
|
89 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
90 font-weight: bold;
|
|
|
91 font-size:11px;
|
|
|
92 height: 16px;
|
|
|
93 width: 16px;
|
|
|
94 text-align: center;
|
|
|
95 z-index: 10;
|
|
|
96 /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mark-bg-16.png') */
|
|
|
97 }
|
|
|
98
|
|
|
99 div#scaler-table {
|
|
|
100 padding-right: 40px;
|
|
|
101 }
|
|
|
102
|
|
|
103 div#overlay {
|
|
|
104 position: absolute;
|
|
415
|
105 /* background: transparent; */
|
|
408
|
106 border: 2px solid lightcyan;
|
|
415
|
107 z-index: 100;
|
|
408
|
108 visibility: hidden;
|
|
415
|
109 box-sizing: border-box;
|
|
|
110 -moz-box-sizing: border-box;
|
|
408
|
111 }
|
|
|
112
|
|
|
113 div#buttons {
|
|
|
114 position: absolute;
|
|
|
115 right: 5px;
|
|
|
116 top: 5px;
|
|
|
117 background-color: #E0E0E0;
|
|
|
118 }
|
|
|
119
|
|
|
120 div#dloptions {
|
|
|
121 position: absolute;
|
|
|
122 right: 5px;
|
|
|
123 top: 5px;
|
|
|
124 background-color: #E0E0E0;
|
|
|
125 visibility: hidden;
|
|
|
126 }
|
|
|
127
|
|
|
128 div#zoom {
|
|
|
129 position: absolute;
|
|
415
|
130 border: 2px solid #ffa060;
|
|
|
131 visibility: hidden;
|
|
|
132 z-index: 200;
|
|
|
133 box-sizing: border-box;
|
|
|
134 -moz-box-sizing: border-box;
|
|
|
135 }
|
|
|
136
|
|
|
137 /*
|
|
|
138 div#bird-frame {
|
|
|
139 position: absolute;
|
|
|
140 border: 2px solid lightcyan;
|
|
408
|
141 visibility: hidden;
|
|
|
142 }
|
|
415
|
143 */
|
|
|
144
|
|
|
145 div#bird-area {
|
|
|
146 position: absolute;
|
|
|
147 border: 2px solid #ffa060;
|
|
|
148 visibility: hidden;
|
|
|
149 background-color: transparent;
|
|
|
150 box-sizing: border-box;
|
|
|
151 -moz-box-sizing: border-box;
|
|
|
152 z-index: 10;
|
|
|
153 }
|
|
408
|
154
|
|
|
155 div#about {
|
|
|
156 position: absolute;
|
|
|
157 width: 200px;
|
|
|
158 top: 100px;
|
|
|
159 left: 350px;
|
|
|
160 height: 200px;
|
|
|
161 padding: 0px 2px;
|
|
|
162 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
163 border: 3px solid lightcyan;
|
|
|
164 background-color: lightgrey;
|
|
|
165 text-align: center;
|
|
|
166 visibility: hidden;
|
|
|
167 z-index: 1000;
|
|
|
168 }
|
|
|
169
|
|
|
170 /* DEBUG elements */
|
|
|
171
|
|
|
172 div#debug {
|
|
|
173 position: absolute;
|
|
|
174 width: 200px;
|
|
|
175 top: 10px;
|
|
|
176 left: 10px;
|
|
|
177 bottom: 10px;
|
|
|
178 overflow: auto;
|
|
|
179 padding: 0px 2px;
|
|
|
180 font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
181 color: lightgreen;
|
|
|
182 border: 1px dotted lightcyan;
|
|
415
|
183 background-color: transparent;
|
|
408
|
184 }
|
|
|
185
|
|
415
|
186 div#debug p.debug, h1 {
|
|
408
|
187 font-weight: bold;
|
|
|
188 color: lightcyan;
|
|
|
189 }
|
|
|
190
|
|
415
|
191 div#debug p, h1 {
|
|
|
192 margin: 0px;
|
|
|
193 padding: 2px 0px;
|
|
|
194 font-size: 9px;
|
|
|
195 }
|
|
408
|
196
|
