showwindow in a separate file
[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 }
96
97 .slideshowControls:hover {
98  opacity: 1;
99 }
100
101 .controlButton {
102  position: absolute;
103  bottom: 3px;
104  width: 24px;
105  height: 24px;
106  cursor: pointer;
107 }
108
109 .controlButton#prev {
110  left: 3px;
111  background: url(left.png) no-repeat;
112 }
113
114 .controlButton#stop {
115  left: 28px;
116  background: url(stop.png) no-repeat;
117 }
118
119 .controlButton#play {
120  left: 53px;
121  background: url(play.png) no-repeat;
122 }
123
124 .controlButton#next {
125  left: 78px;
126  background: url(right.png) no-repeat;
127 }
128
129 .controlButton#exit {
130  left: 103px;
131  background: url(close.png) no-repeat;
132 }
133
134 .controlButton#comm {
135  left: 128px;
136  width: auto;
137  font-size: 20px;
138  margin-left: .5ex;
139  margin-right: .5ex;
140  padding-left: .5ex;
141  padding-right: .5ex;
142  background-color: rgba(0,0,0,.5);
143  cursor: default;
144 }
145
146 .controlButton#comm a {
147  color: white;
148  text-decoration: none;
149 }
150
151 .MultiBoxContainer {
152         position: absolute;
153         border: 2px solid #000;
154         background-color: #FFF;
155         display: none;
156         z-index: 2;
157         text-align: left;
158 }
159
160 .MultiBoxLoading {
161         background: url(loading.gif) no-repeat center;
162 }
163
164 .MultiBoxContent {
165         position: relative;
166         width: 100%;
167         height: 100%;
168         overflow: hidden;
169 }
170
171 .MultiBoxClose {
172         position: absolute;
173         top: 0px;
174         right: 0px;
175         background: url(close.png) no-repeat;
176         width: 24px;
177         height: 24px;
178         cursor: pointer;
179 }
180
181
182 .MultiBoxControlsContainer {
183         overflow: hidden;
184         height: 0px;
185         width: 100%;
186 }
187
188 .MultiBoxControls {
189         width: 100%;
190         height: auto;
191         position: relative;
192         background-color: #000000;
193 }
194
195
196 .MultiBoxPrevious {
197         position: absolute;
198         background: url(left.png) no-repeat;
199         width: 24px;
200         height: 24px;
201         left: 0px;
202         margin-top: 5px;
203         cursor: pointer;
204 }
205
206 .MultiBoxNext {
207         position: absolute;
208         background: url(right.png) no-repeat;
209         width: 24px;
210         height: 24px;
211         right: 0px;
212         margin-top: 5px;
213         cursor: pointer;
214 }
215
216 .MultiBoxNextDisabled {
217         cursor: default;
218         background: url(rightDisabled.png) no-repeat;
219 }
220
221 .MultiBoxPreviousDisabled {
222         cursor: default;
223         background: url(leftDisabled.png) no-repeat;
224 }
225
226 .MultiBoxTitle {
227         position: relative;
228         margin: 10px 0 0 35px;
229         float: left;
230         font-family: Verdana, Arial, Helvetica, sans-serif;
231         font-size: 11px;
232         color: #FFF;
233         font-weight: bold;
234         text-align: left;
235 }
236
237 .MultiBoxNumber {
238         position: relative;
239         width: 50px;
240         margin: 10px 35px 0 0;
241         float: right;
242         font-family: Verdana, Arial, Helvetica, sans-serif;
243         font-size: 11px;
244         color: #FFF;
245         text-align: right;
246 }
247
248 .MultiBoxDescription {
249         clear: left;
250         position: relative;
251         margin: 0 35px 0 35px;
252         padding-top: 5px;
253         font-family: Verdana, Arial, Helvetica, sans-serif;
254         font-size: 11px;
255         color: #FFF;
256         text-align: left;
257 }