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