source: extensions/gally/piwigo-2.0/picture.css @ 14182

Last change on this file since 14182 was 4489, checked in by grum, 15 years ago

[Template:Gally] feature 1096, feature 1097, feature 1098, feature 1099, feature 1313
And some other improvments...

  • Property svn:executable set to *
File size: 4.8 KB
Line 
1/* -----------------------------------------------------------------------------
2  GALLY
3  Template for Piwigo
4  ------------------------------------------------------------------------------
5  file: gally/picture.css
6  file version: 1.2.0
7  ------------------------------------------------------------------------------
8  author: grum at grum.dnsalias.com
9  << May the Little SpaceFrog be with you >>
10  ------------------------------------------------------------------------------
11  CSS file forthe pictures pages
12
13  see the release_notes.txt file for more informations
14----------------------------------------------------------------------------- */
15
16
17
18#imageHeaderBar h2 {
19  font-size:12px;
20  margin:0px;
21  margin-right:8px;
22  padding-top:2px;
23  padding-bottom:2px;
24}
25
26.browsePath {
27  margin:0px;
28  padding:0px;
29  padding-left:5px;
30  float:left;
31}
32
33.imageNumber {
34  float:right;
35  margin:2px;
36  padding:0px;
37  padding-right:3px;
38  padding-left:6px;
39  font-size:90%;
40}
41
42#imageToolBar {
43  position:absolute;
44  overflow:hidden;
45  display:block;
46  height:35px;
47  width:100%;
48  /*visibility:hidden;*/
49  z-index:100;
50}
51
52.randomButtons {
53  left:0px;
54  position:absolute;
55  top:5px;
56  margin-left:5px;
57  z-index:110;
58}
59
60.navButtons {
61  right:0px;
62  margin-right:5px;
63  position:absolute;
64  top:5px;
65  z-index:100;
66  width:auto;
67}
68
69.navButton  {
70  float:right;
71}
72
73#imageToolBarContainer {
74  visibility:hidden;
75}
76
77.imageToolBarBg, #imageToolBarContainer,
78.navThumbPrevBg, .navThumbNextBg  {
79  position:absolute;
80  top:0px;
81  display:block;
82  width:100%;
83  height:100%;
84  text-align:center;
85}
86
87#navThumbPrev, #navThumbNext {
88  background-image:url(./icon/1x1transp.gif);
89  background-repeat:repeat;
90  position:absolute;
91  overflow:hidden;
92  display:block;
93  /*height:100%;*/
94  width:200px;
95  /*visibility:hidden;*/
96  z-index:110;
97}
98
99#navThumbPrev {
100  left:0px;
101}
102
103#navThumbNext {
104  right:0px;
105}
106
107 #navThumbPrevContainer, #navThumbNextContainer {
108  position:absolute;
109  top:0px;
110  width:100%;
111  height:100%;
112  text-align:center;
113  border-collapse:collapsed;
114  vertical-align:middle;
115  visibility:hidden;
116}
117
118.navThumbNextBg, .navThumbPrevBg {
119  /*opacity:0.5;
120  filter:alpha(opacity:50);*/
121  z-index:-1;
122}
123
124.navThumbPrevBg, #navThumbPrevContainer {
125  left:0px;
126}
127
128.navThumbNextBg, #navThumbNextContainer {
129  right:0px;
130}
131
132#theImg {
133  position:relative;
134  left:0px;
135}
136
137#theImgContainer {
138  margin-left:auto;
139  margin-right:auto;
140  margin-top:12px;
141  margin-bottom:25px;
142  overflow:hidden;
143}
144
145#theImage, #theImageTable {
146  width:100%;
147  /*height:100%;*/
148  text-align:center;
149  z-index:-1;
150}
151
152#theImage {
153  position:absolute;
154  top:30px;
155  text-align:center;
156  padding-bottom:80px;
157}
158
159#theImage p {
160  padding:0px 30px 20px 30px;
161  margin:4px;
162}
163
164#theImageTableMouseAreaLeft, #theImageTableMouseAreaRight {
165  width:40px;
166}
167
168.infoTable {
169  margin:auto;
170}
171
172.infoTable tr {
173  vertical-align:top;
174}
175
176#imageInfos {
177  background-image:url(./icon/1x1transp.gif);
178  background-repeat:repeat;
179  width:100%;
180  clear:both;
181}
182
183#imageInfosContainer {
184  min-height:200px;
185}
186
187#rateForm input[type="button"] {
188  cursor:pointer;
189  border:none;
190}
191
192div.imageInfosBg {
193  position:absolute;
194  width:100%;
195  height:100%;
196  z-index:-1;
197  left:0px;
198}
199
200/*
201  comments
202*/
203#theComments {
204  width:100%;
205  clear:both;
206}
207
208#theCommentList {
209  overflow-y:scroll;
210  overflow-x:hidden;
211  height:80%;
212  width:49.75%;
213  position:absolute;
214  display:block;
215}
216
217#theCommentContainer {
218  width:100%;
219}
220
221#theCommentContainer h4 {
222  margin:4px;
223}
224
225#theCommentContainer table tr {
226  vertical-align:top;
227}
228
229#theCommentBG {
230  height:100%;
231  position:absolute;
232  width:100%;
233  z-index:-1;
234}
235
236.navigationBar {
237  padding-left:2px;
238}
239
240.commentList {
241  margin: 0px;
242  padding: 0px 0px 0px 36px;
243}
244
245/*
246  metadata
247*/
248.imageMeta {
249  width:100%;
250  clear:both;
251}
252
253.displaymeta {
254  padding-bottom:10px;
255}
256
257.imageMetaBg {
258  position:absolute;
259  width:100%;
260  height:100%;
261  z-index:-1;
262}
263
264
265/*
266 tabs
267*/
268#theTabsContainer {
269  position:fixed;
270  z-index:850;
271  width:100%;
272  bottom:18px;
273  /* to be fully functionnal, the tabs height must be set in the default.conf
274   * file (tabsHidden & tabsVisible properties)
275   */
276  height:21px;
277}
278
279#theTabs {
280  visibility:hidden;
281}
282
283#theTabsBg {
284  display:block;
285  height:100%;
286  position:absolute;
287  top:0;
288  width:100%;
289  z-index:-1;
290}
291
292#theTabsheets {
293  margin:0px;
294  padding:0px;
295  height:20px;
296}
297
298#theTabsheets li.tab {
299  float:left;
300  display:block;
301  margin:0 0 0 20px;
302}
303
304
305.ui-tabs-selected {
306}
307
308div.ui-tabs-hide {
309  display: none;
310}
311
312/*
313 * vd language switch plugin compatibility inside theme.css file
314 * PWG Stuff plugin compatibility
315*/
316
317/*
318 * Comment editor compatibility
319*/
320div#ce-content.content, div#ce-message-block.content {
321  margin:50px auto auto;
322  width:75%;
323  overflow:hidden;
324}
325
326div#ce-content table {
327  margin:auto;
328}
329
330div#ce-content h2, div#ce-message-block h2 {
331  margin-top:0px;
332}
333
334div#ce-comments {
335  padding:8px;
336}
337
Note: See TracBrowser for help on using the repository browser.