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