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