source: extensions/gally/gally-default/css/picture.css @ 6956

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

error on GallyFunctions::expandMenuEvent
'missing token' message when user try to change theme
+some minor bugs & improvements not referenced
bug:1714, bug:1864

  • Property svn:executable set to *
File size: 5.6 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
133#theImageHigh {
134  position:absolute;
135  top:0px;
136  left:0px;
137  width:100%;
138  height:100%;
139  z-index:9000;
140}
141
142#theImgHighBg {
143  position:absolute;
144  top:0px;
145  left:0px;
146  width:100%;
147  height:100%;
148}
149
150#theImgHighContainer {
151  position:absolute;
152  width:160px;
153  height:80px;
154  background:#FFFFFF url(./../icon/processing.gif) no-repeat scroll 72px 32px;
155}
156
157#theImgHighContainer2 {
158  overflow:hidden;
159  width:100%;
160  height:100%;
161}
162
163#theImgHigh {
164  position:relative;
165}
166
167#theImgHighCloseButton, #theImgHighZoomButton {
168  position:absolute;
169  z-index:9050;
170}
171
172.pointer {
173  cursor:pointer;
174}
175
176
177#theImg {
178  position:relative;
179  left:0px;
180}
181
182#theImgContainer {
183  margin-left:auto;
184  margin-right:auto;
185  margin-top:12px;
186  margin-bottom:25px;
187  overflow:hidden;
188}
189
190#theImage, #theImageTable {
191  width:100%;
192  /*height:100%;*/
193  text-align:center;
194  z-index:-1;
195}
196
197#theImage {
198  position:absolute;
199  top:30px;
200  text-align:center;
201  padding-bottom:80px;
202}
203
204#theImage p {
205  padding:0px 30px 20px 30px;
206  margin:4px;
207}
208
209#theImageTableMouseAreaLeft, #theImageTableMouseAreaRight {
210  width:40px;
211}
212
213.infoTable {
214  margin:auto;
215}
216
217.infoTable tr {
218  vertical-align:top;
219}
220
221#imageInfos {
222  background-image:url(./../icon/1x1transp.gif);
223  background-repeat:repeat;
224  width:100%;
225  clear:both;
226}
227
228#imageInfosContainer {
229  min-height:200px;
230}
231
232#rateForm input[type="button"] {
233  cursor:pointer;
234  border:none;
235}
236
237div.imageInfosBg {
238  position:absolute;
239  width:100%;
240  height:100%;
241  z-index:-1;
242  left:0px;
243}
244
245/*
246  comments
247*/
248#theComments {
249  width:100%;
250  clear:both;
251}
252
253#theCommentList {
254  overflow-y:scroll;
255  overflow-x:hidden;
256  height:80%;
257  width:49.75%;
258  position:absolute;
259  display:block;
260}
261
262#theCommentContainer {
263  width:100%;
264}
265
266#theCommentContainer h4 {
267  margin:4px;
268}
269
270#theCommentContainer table tr {
271  vertical-align:top;
272}
273
274#theCommentBG {
275  height:100%;
276  position:absolute;
277  width:100%;
278  z-index:-1;
279}
280
281.navigationBar {
282  padding-left:2px;
283}
284
285.commentList {
286  margin: 0px;
287  padding: 0px 0px 0px 36px;
288}
289
290/*
291  metadata
292*/
293.imageMeta {
294  width:100%;
295  clear:both;
296}
297
298.displaymeta {
299  padding-bottom:10px;
300}
301
302.imageMetaBg {
303  position:absolute;
304  width:100%;
305  height:100%;
306  z-index:-1;
307}
308
309
310/*
311 tabs
312*/
313#theTabsContainer {
314  position:fixed;
315  z-index:850;
316  width:100%;
317  bottom:18px;
318  /* to be fully functionnal, the tabs height must be set in the default.conf
319   * file (tabsHidden & tabsVisible properties)
320   */
321  height:21px;
322}
323
324#theTabs {
325  visibility:hidden;
326}
327
328#theTabsBg {
329  display:block;
330  height:100%;
331  position:absolute;
332  top:0;
333  width:100%;
334  z-index:-1;
335}
336
337#theTabsheets {
338  margin:0px;
339  padding:0px;
340  height:20px;
341}
342
343#theTabsheets li.tab {
344  float:left;
345  display:block;
346  margin:0 0 0 20px;
347}
348
349
350.ui-tabs-selected {
351}
352
353div.ui-tabs-hide {
354  display: none;
355}
356
357/*
358 * vd language switch plugin compatibility inside theme.css file
359 * PWG Stuff plugin compatibility
360*/
361
362/*
363 * Comment editor compatibility
364*/
365div#ce-content.content, div#ce-message-block.content {
366  margin:50px auto auto;
367  width:75%;
368  overflow:hidden;
369}
370
371div#ce-content table {
372  margin:auto;
373}
374
375div#ce-content h2, div#ce-message-block h2 {
376  margin-top:0px;
377}
378
379div#ce-comments {
380  padding:8px;
381}
382
383/*
384 * trick necessary for IE7.0
385*/
386#theTabsContainer{ visibility:visible; background:url(./../icon/1x1transp.gif) }
387#imageToolBar { visibility:visible; background:url(./../icon/1x1transp.gif) }
388
Note: See TracBrowser for help on using the repository browser.