keyboard controls
[mkgallery.git] / include / gallery.css
1 /*
2         $Id$
3
4         This is a part of mkgallery.pl suite
5         http://www.average.org/mkgallery/
6 */
7
8 .slideimage img {
9  clear:both;
10  border-style: inset;
11  border-color: gray;
12  border-width: 2px;
13  margin: 0.2ex;
14 }
15
16 .slideshowContainer img {
17  clear:both;
18  border-style: none;
19  margin: 0px;
20  padding: 0px;
21 }
22
23 table.slide {
24  float: left;
25  width: 210px;
26  height: 210px;
27  margin: 0.2ex;
28  border-style: outset;
29  border-color: #e0c080;
30  border-width: 2px;
31  background-color: #e0c080;
32  text-align: center;
33  font-size: 10px
34 }
35 table.slide tr {
36  margin: 0px;
37 }
38 table.slide td {
39  margin: 0px;
40  vertical-align: middle;
41 }
42
43 table.ipage {
44  background-color: #ffffc0;
45  border: 1px solid black;
46  border-collapse: collapse;
47  text-align: left;
48  margin: 0px;
49  padding: 0px;
50 }
51 table.ipage td {
52  border: 1px solid black;
53  margin: 0px;
54  padding: 1ex;
55 }
56
57 table.infotable {
58  border-width: 0px;
59 }
60 table.infotable td {
61  border-width: 0px;
62  padding: 0.3ex;
63 }
64
65 table.navi {
66  background-color: #c0c0c0;
67  border: 1px solid black;
68  border-collapse: collapse;
69  text-align: center;
70  margin: 0px;
71  padding: 0px;
72 }
73 table.navi td {
74  border: 1px solid black;
75  margin: 0px;
76  padding: 1ex;
77 }
78
79 table.picframe {
80  border: 1px solid black;
81  margin: 10px;
82  padding: 10px;
83 }
84
85 .loading {
86  background: url(loading.gif) center no-repeat;
87 }
88
89 .slideshowContainer {
90  background-color: black;
91  width: 100%;
92 }
93
94 .slideshowControls {
95  position: absolute;
96  bottom: 0px;
97  left: 0px;
98  width: 100%;
99  height: 30px;
100  z-index: 3;
101  opacity: .15;
102  color: white;
103 }
104
105 .slideshowControls:hover {
106  opacity: 1;
107 }
108
109 .controlButton {
110  position: absolute;
111  bottom: 3px;
112  width: 24px;
113  height: 24px;
114  cursor: pointer;
115 }
116
117 .controlButton#prev {
118  left: 3px;
119  background: url(left.png) no-repeat;
120 }
121
122 .controlButton#prevDisabled {
123  left: 3px;
124  background: url(leftDisabled.png) no-repeat;
125  cursor: default;
126 }
127
128 .controlButton#stop {
129  left: 28px;
130  background: url(stop.png) no-repeat;
131 }
132
133 .controlButton#play {
134  left: 28px;
135  background: url(play.png) no-repeat;
136 }
137
138 .controlButton#next {
139  left: 53px;
140  background: url(right.png) no-repeat;
141 }
142
143 .controlButton#nextDisabled {
144  left: 53px;
145  background: url(rightDisabled.png) no-repeat;
146  cursor: default;
147 }
148
149 .controlButton#exit {
150  left: 78px;
151  background: url(close.png) no-repeat;
152 }
153
154 .controlButton#comm {
155  left: 103px;
156  width: auto;
157  font-size: 20px;
158  margin-left: .5ex;
159  margin-right: .5ex;
160  padding-left: .5ex;
161  padding-right: .5ex;
162  background-color: rgba(0,0,0,.5);
163  cursor: default;
164 }
165
166 .controlButton#comm a {
167  color: white;
168  text-decoration: none;
169 }
170
171 .controlPosition {
172  vertical-align: middle;
173  font-size: 10px;
174  margin-right: 1ex;
175 }
176
177 .MultiBoxContainer {
178         position: absolute;
179         border: 2px solid #000;
180         background-color: #FFF;
181         display: none;
182         z-index: 2;
183         text-align: left;
184 }
185
186 .MultiBoxLoading {
187         background: url(loading.gif) no-repeat center;
188 }
189
190 .MultiBoxContent {
191         position: relative;
192         width: 100%;
193         height: 100%;
194         overflow: hidden;
195 }
196
197 .MultiBoxClose {
198         position: absolute;
199         top: 0px;
200         right: 0px;
201         background: url(close.png) no-repeat;
202         width: 24px;
203         height: 24px;
204         cursor: pointer;
205 }
206
207
208 .MultiBoxControlsContainer {
209         overflow: hidden;
210         height: 0px;
211         width: 100%;
212 }
213
214 .MultiBoxControls {
215         width: 100%;
216         height: auto;
217         position: relative;
218         background-color: #000000;
219 }
220
221
222 .MultiBoxPrevious {
223         position: absolute;
224         background: url(left.png) no-repeat;
225         width: 24px;
226         height: 24px;
227         left: 0px;
228         margin-top: 5px;
229         cursor: pointer;
230 }
231
232 .MultiBoxNext {
233         position: absolute;
234         background: url(right.png) no-repeat;
235         width: 24px;
236         height: 24px;
237         right: 0px;
238         margin-top: 5px;
239         cursor: pointer;
240 }
241
242 .MultiBoxNextDisabled {
243         cursor: default;
244         background: url(rightDisabled.png) no-repeat;
245 }
246
247 .MultiBoxPreviousDisabled {
248         cursor: default;
249         background: url(leftDisabled.png) no-repeat;
250 }
251
252 .MultiBoxTitle {
253         position: relative;
254         margin: 10px 0 0 35px;
255         float: left;
256         font-family: Verdana, Arial, Helvetica, sans-serif;
257         font-size: 11px;
258         color: #FFF;
259         font-weight: bold;
260         text-align: left;
261 }
262
263 .MultiBoxNumber {
264         position: relative;
265         width: 50px;
266         margin: 10px 35px 0 0;
267         float: right;
268         font-family: Verdana, Arial, Helvetica, sans-serif;
269         font-size: 11px;
270         color: #FFF;
271         text-align: right;
272 }
273
274 .MultiBoxDescription {
275         clear: left;
276         position: relative;
277         margin: 0 35px 0 35px;
278         padding-top: 5px;
279         font-family: Verdana, Arial, Helvetica, sans-serif;
280         font-size: 11px;
281         color: #FFF;
282         text-align: left;
283 }