]> www.average.org Git - mkgallery.git/blob - include/gallery.css
mame concealable elements on info page. hide them when loaded to info frame.
[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  border: 1px solid #ccc;
86  width: 99%;
87  height: 95%;
88  margin-bottom: 5px;
89 }
90
91 .MultiBoxContainer {
92         position: absolute;
93         border: 2px solid #000;
94         background-color: #FFF;
95         display: none;
96         z-index: 2;
97         text-align: left;
98 }
99
100 .MultiBoxLoading {
101         background: url(loading.gif) no-repeat center;
102 }
103
104 .MultiBoxContent {
105         position: relative;
106         width: 100%;
107         height: 100%;
108         overflow: hidden;
109 }
110
111 .MultiBoxClose {
112         position: absolute;
113         top: 0px;
114         right: 0px;
115         background: url(close.png) no-repeat;
116         width: 24px;
117         height: 24px;
118         cursor: pointer;
119 }
120
121
122 .MultiBoxControlsContainer {
123         overflow: hidden;
124         height: 0px;
125         width: 100%;
126 }
127
128 .MultiBoxControls {
129         width: 100%;
130         height: auto;
131         position: relative;
132         background-color: #000000;
133 }
134
135
136 .MultiBoxPrevious {
137         position: absolute;
138         background: url(left.png) no-repeat;
139         width: 24px;
140         height: 24px;
141         left: 0px;
142         margin-top: 5px;
143         cursor: pointer;
144 }
145
146 .MultiBoxNext {
147         position: absolute;
148         background: url(right.png) no-repeat;
149         width: 24px;
150         height: 24px;
151         right: 0px;
152         margin-top: 5px;
153         cursor: pointer;
154 }
155
156 .MultiBoxNextDisabled {
157         cursor: default;
158         background: url(rightDisabled.png) no-repeat;
159 }
160
161 .MultiBoxPreviousDisabled {
162         cursor: default;
163         background: url(leftDisabled.png) no-repeat;
164 }
165
166 .MultiBoxTitle {
167         position: relative;
168         margin: 10px 0 0 35px;
169         float: left;
170         font-family: Verdana, Arial, Helvetica, sans-serif;
171         font-size: 11px;
172         color: #FFF;
173         font-weight: bold;
174         text-align: left;
175 }
176
177 .MultiBoxNumber {
178         position: relative;
179         width: 50px;
180         margin: 10px 35px 0 0;
181         float: right;
182         font-family: Verdana, Arial, Helvetica, sans-serif;
183         font-size: 11px;
184         color: #FFF;
185         text-align: right;
186 }
187
188 .MultiBoxDescription {
189         clear: left;
190         position: relative;
191         margin: 0 35px 0 35px;
192         padding-top: 5px;
193         font-family: Verdana, Arial, Helvetica, sans-serif;
194         font-size: 11px;
195         color: #FFF;
196         text-align: left;
197 }