source: extensions/gally/gally-default/css/thumbnails.css @ 8528

Last change on this file since 8528 was 6109, checked in by grum, 14 years ago

Gally's themes compatibles with piwigo 2.1

  • Property svn:executable set to *
File size: 4.6 KB
Line 
1/* -----------------------------------------------------------------------------
2  GALLY
3  Template for Piwigo
4  ------------------------------------------------------------------------------
5  file: gally/content.css
6  file version: 1.1.0
7  ------------------------------------------------------------------------------
8  author: grum at grum.dnsalias.com
9  << May the Little SpaceFrog be with you >>
10  ------------------------------------------------------------------------------
11  CSS file for the categories pages
12
13  see the release_notes.txt file for more informations
14----------------------------------------------------------------------------- */
15#thumbContents {
16  margin:0px;
17  margin-top:4px;
18  margin-bottom:4px;
19  border-collapse:collapse;
20  width:100%;
21}
22
23#thumbContainer {
24  position:relative;
25  text-align:center;
26  width:auto;
27  vertical-align:top;
28}
29
30/*
31  images thumbnails
32*/
33#thumbnails {
34  position:relative;
35  width: auto;
36  text-align:center;
37}
38
39div ul.thumbnails {
40/*  margin:0px;
41  padding:0px;
42  list-style: none;
43  float:left; */
44  margin:0px;
45  padding:0px;
46  padding-left:8px;
47  overflow:hidden;
48  list-style:none;
49  text-align:center;
50}
51
52div ul.thumbnails li {
53  margin:0px;
54  padding:0px;
55  float:left;
56  width:240px;
57  height:210px;
58}
59
60
61span.wrap1 {
62  display:block;
63  overflow:hidden;
64  border-collapse:collapse;
65  font-size:90%;
66}
67
68#additional_infoTOP span.wrap2, #additional_infoBOTTOM span.wrap2 {
69  width:140px;
70}
71
72table.wrap1 {
73  display:block;
74  overflow:hidden;
75  border-collapse:collapse;
76}
77
78table.wrap1 tr {
79  text-align:center;
80  vertical-align:middle;
81}
82
83.wrap2 {
84  display:block;
85  width:235px;
86}
87
88/*
89  categories thumbnails
90*/
91ul.thumbnailCategories {
92  margin:0px;
93  padding:0px;
94  padding-left:8px;
95  overflow:hidden;
96  list-style:none;
97  text-align:center;
98  position:relative;
99  top:-8px;
100}
101
102ul.thumbnailCategories li {
103  float:left;
104  /*border:1px #ff0000 solid;*/
105  width:49%;
106  min-width:350px;
107  text-align:left;
108  /*height:200px;*/
109  overflow:hidden;
110}
111
112.thumbnailCategory {
113  display:block;
114  padding:4px;
115  margin:0px;
116  margin-right:8px;
117  margin-top:8px;
118}
119
120.illustration {
121  float:left;
122  width:140px;
123}
124
125.description {
126  height:140px;
127  overflow:auto;
128  padding-left:8px;
129}
130
131.description h3 {
132  margin:0px;
133}
134
135p.thumbCatDescNfoDate, p.thumbCatDescNbImg {
136  margin:0px;
137  font-size:80%;
138}
139
140p.thumbCatDesc {
141  margin:0px;
142  padding-top:4px;
143}
144
145/*
146  page : title bar
147*/
148#titrePageID {
149  height:31px;
150}
151
152.titrePage {
153  margin:0px;
154  padding:0px;
155  padding-left:30px;
156}
157
158.titrePage .categoryActions {
159  float:right;
160  margin: 0px;
161  padding: 0px;
162  list-style: none;
163  width: auto;
164}
165
166.categoryActions li {
167  display: inline;
168}
169
170#menuswitcher {
171  position:relative;
172  left:-15px;
173  top:2px;
174  float:left;
175  cursor:pointer;
176}
177
178/*
179  page : content
180*/
181#subContent {
182  width:auto;
183  display:block;
184  min-height:550px;
185  padding-bottom:30px;
186}
187
188
189#content h2 {
190  font-size:12px;
191  margin:0px;
192  padding-top:8px;
193  padding-bottom:8px;
194}
195
196.additional_info {
197  width:234px;
198  margin:0px;
199  padding-right:8px;
200  padding-left:8px;
201  text-align:justify;
202  vertical-align:top;
203  visibility:hidden;
204}
205
206#additional_infoTOP, #additional_infoBOTTOM {
207  margin:8px 8px 16px;
208  padding:8px;
209  visibility:hidden;
210}
211
212#additional_infoTOP ul.thumbnails, #additional_infoBOTTOM ul.thumbnails {
213  list-style:none;
214}
215
216#additional_infoTOP ul.thumbnails li, #additional_infoBOTTOM ul.thumbnails li {
217  float:left;
218  width:140px;
219  margin:5px;
220  height:170px;
221}
222
223.navigationBar {
224  padding:8px;
225  text-align:right;
226  clear:both;
227}
228
229/*
230  page content : title bar
231*/
232#titreContent1 {
233  padding-left:60px;
234  height:auto;
235}
236#titreContent1 h2 {
237  padding-top:2px;
238  padding-bottom:2px;
239}
240
241/*
242 page content : calendar bar
243*/
244.calendarBar {
245  margin-top:-1px;
246  padding:0px;
247  padding-left:60px;
248  position:relative;
249  left:-4px;
250}
251
252.calItem, .calItemEmpty, .calItemP, .calItemN {
253  display:inline-block;
254  text-align:center;
255
256  margin-left:4px;
257  padding-left:4px;
258  padding-right:4px;
259}
260
261.calendarCalBar {
262  margin-top:15px;
263}
264
265.calCalHead {
266  margin:0px;
267}
268
269.calCal {
270  margin-left:15px;
271}
272
273.calCalNbImg {
274  font-size:80%;
275  left:-3px;
276  position:relative;
277  top:-3px;
278}
279
280/* calendar */
281table.calMonth {
282  margin-top:30px;
283  margin-bottom:20px;
284  position:relative;
285  border-collapse:collapse;
286}
287
288table.calMonth thead {
289  text-align:center;
290}
291
292table.calMonth tbody td.calDayCellFull, table.calMonth tbody td.calDayCellEmpty {
293  height:98px;
294  width:96px;
295  font-family:sans-serif;
296  font-size:18px;
297  text-align:left;
298  vertical-align:top;
299}
300
301div.calImg {
302  height:80px;
303  width:80px;
304  overflow:hidden;
305  z-index:1;
306}
307
308.calBackDate {
309  position:absolute;
310  z-index:2;
311}
312
313.calForeDate {
314  position:absolute;
315  z-index:3;
316  margin:1px;
317}
Note: See TracBrowser for help on using the repository browser.