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