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