source: extensions/Metal/theme.css @ 28566

Last change on this file since 28566 was 16970, checked in by Sixpo, 12 years ago
File size: 9.0 KB
Line 
1/* -----------------------------------------------------------------------------
2  Wall
3  Theme for Piwigo
4  ------------------------------------------------------------------------------
5  file: Wall/theme.css
6  file version: 0.1
7  date: 2011-05-27
8  ------------------------------------------------------------------------------
9  author: Sixpo
10  << May the Little SpaceFrog be with you >>
11----------------------------------------------------------------------------- */
12/* text color */
13BODY, H1, H3, DT,
14INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
15color:#3F3F3F;/*couleur du texte*/
16}
17
18
19#content {
20text-align:justify;
21}
22
23H2, #menubar DT, .throw {
24background-image:url(Images/tableh1_bg.png); /* gris tres clair color:#dedede;  */
25}
26
27.infoTable, .infoTable2 {
28background-color: none;
29background-image: none;
30-moz-border-radius:10px;
31-webkit-border-radius:10px;
32border-radius:10px;
33}
34
35#theImage p {
36background-color: none;
37background-image: none;
38margin:auto;
39width:40%;
40}
41
42#theImage p, .thumbnails SPAN.thumbLegend {
43background-color: none;
44background-image: none;
45-moz-border-radius:10px;
46-webkit-border-radius:10px;
47border-radius:10px;
48margin-top: 10px;
49}
50
51
52#content .additional_info {
53background-color: grey;
54background-image: url(Images/mur1.jpg);
55background-color:#404040;
56-moz-border-radius:10px;
57-webkit-border-radius:10px;
58border-radius:10px;
59}
60
61#content .navigationBar {
62color: #aaaaaa;
63padding:0px;margin:0px;
64display:block;
65background-color:#303030;
66font-size:90%;
67}
68
69#content .pageNumberSelected {
70color: #000000;
71}
72
73
74.tabsheet li,
75.tabsheet li a {
76 color: #fff#48e;
77 }
78.tabsheet li a:hover { 
79color: #fff48e; 
80}
81
82/* backgrounds */
83BODY {
84background-image:url(Images/mur.jpg);
85}
86
87H3, #the_page, #imageToolBar A:hover, .row1  {
88background: transparent;
89}
90
91#menubar DL, #content, #imageToolBar, .header_notes, .content {
92background: transparent;
93}
94
95H2, #menubar DT, .throw, #imageHeaderBar  {
96background-color: #303030;          /*background-image: url(images/tableh1_bg.png);*/
97}
98
99
100
101#imageHeaderBar H2 {
102background-image: url(Images/mur6.jpg);
103border: none;
104}
105
106 #imageHeaderBar {
107  background-image: url(images/tableh2_bg.png);
108  background-repeat: repeat-x;
109  background-position: center;
110} 
111.tabsheet li {
112 background-color: #3f3f3f; 
113 }
114
115.selected_tab {
116 background-color: #5f5f5f !important; 
117 }
118
119/* borders */
120#menubar DL, #content, .content,#comments DIV.comment BLOCKQUOTE {
121border: none;
122}
123
124#imageHeaderBar {
125border-top: 5px solid #000000;
126background-image: url(Images/mur6.jpg);
127-moz-border-radius:10px;
128-webkit-border-radius:10px;
129border-radius:10px
130}
131
132#menubar DL {
133margin-bottom:-1px;
134border:1px solid #303030;
135background-image: url(Images/mur1.jpg);
136} 
137
138
139 H2, #menubar DT, #imageToolBar {
140  border-bottom: 0px solid #cc0000;
141} 
142#theImage img {
143 border: 8px solid #333333;/*cadre des photos moyenne*/ 
144 margin-top: 10px;
145 margin-bottom: 10px;
146 }
147
148
149
150FIELDSET, INPUT , SELECT, TEXTAREA,
151#content DIV.comment  A.illustration IMG, #infos {
152border: 1px solid gray;
153}
154
155#content DIV.thumbnailCategory {
156border: none;border:  4px #808080  outset ;
157background-image:url(Images/mur5.jpg);
158}
159
160FIELDSET :disabled, INPUT:disabled, SELECT:disabled, TEXTAREA:disabled{color:#404040; background-color:#808080;}
161
162#comments DIV.comment BLOCKQUOTE {
163 border-left: 15px solid #696969;
164 background-color: #404040;
165 }
166
167
168
169#content UL.thumbnails SPAN.wrap2{
170border: none; /* thumbnails border color and style */
171 -moz-border-radius: 8px; /* round corners with Geko */
172 border-radius: 8px 8px;/* round corners with CSS3 compliant browsers */
173 background-image:url(Images/mur3.jpg);
174  width :140px;
175 height : 140px;
176 margin-top:15px;
177 }
178 
179#mbIdentification dt{
180color: #FFFFFF;
181}
182
183.thumbnails .wrap1 {
184    display: inline-block;
185    margin: 0 10px 5px;
186    text-align: center;
187    vertical-align: top;
188}
189
190#content UL.thumbnails .wrap2 a{
191 width :142px;
192 height : auto;
193 margin:auto;
194 
195 }
196 
197#content UL.thumbnails LI SPAN.wrap1 SPAN.wrap2:hover {
198border-color: none;   /* thumbnails border color when mouse cursor is over it */
199background-image:url(Images/mur4.jpg);
200}
201
202.thumbName{
203background-image:url(Images/mur6.jpg);
204}
205
206
207ul.tabsheet {
208 border-color: #fff48e;
209 }
210.tabsheet li { 
211border: 1px solid #fff48e;
212}
213.tabsheet li:hover {
214 border-color: #fff48e !important;
215 }
216
217/* links */
218A, INPUT.rateButton {
219color: #FFFFFF;/*texte lien menu pas selectionner*/
220background: transparent;border: none;
221}
222
223A:hover {
224color: #CC6600;/*texte lien menu selectionner*/
225border: none;
226}
227
228#imageToolBar A, #imageToolBar A:hover,
229A.navThumb, A.navThumb:hover {
230border-bottom: none;
231}
232
233
234/* others */
235#menubar ul, #menubar form, #menubar p { 
236text-align:left;
237}
238
239#menubar ul {
240margin-left:8px;
241}
242
243.pleaseNote {
244background: #9c9c9c;
245color: #ffff99;
246padding: 1ex;
247font-weight: bold;
248}
249
250#menubar .menuInfoCatByChild, #menubar .menuInfoCat {
251font-size:80%;
252font-style:normal;
253position:relative;
254top:-4px;
255}
256
257#imageHeaderBar {
258background-image: none;
259}
260
261#the_page {  /* border: 0px solid #e0e0e0; padding-top: 5px; padding-bottom:30px; */
262text-align:center;display:block;
263}
264
265#menubar p.totalImages {
266text-align:right;
267margin:2px;
268font-size:80%;
269}
270
271/*calendar elements*/
272SPAN.calItemEmpty {
273 color: silver;
274 }
275
276SPAN.calItem, SPAN.calItemEmpty{
277border: 1px solid gray;
278}
279
280.virtual_cat { 
281background: #3f3f3f !important;
282 }
283.qsearch {
284 font-size: 80%; 
285 font-style: normal; 
286 }
287#mbMenu #quicksearch > p {
288 text-align: left; 
289 }
290
291
292/* button image in menu bar : no border */
293#menubar .button {
294  border: none;
295  margin:0px;
296  margin-top:-4px;
297  margin-bottom:-3px;
298  padding:0px;
299}
300#menubar dt {
301  text-align: left;
302  height:21px;
303}
304
305div.illustration img {
306 width :100px;
307 height : 76px;
308 margin-top:10px;
309 box-shadow: 8px 8px 12px #000000;
310 -webkit-box-shadow: 8px 8px 12px #000000;
311 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
312 border: ridge 1px;
313 border-radius:1em;
314 border-color:#3f3f3f;
315}
316
317.thumbLink {
318  border:2px #333333 solid;
319}
320
321.content ul.thumbnails img, #linkPrev img, #linkNext img {
322  border:1px #333333 solid;
323  cellpadding:25px;
324}
325
326#content UL.thumbnail IMG {
327  border: 1px solid #a0a0a0;
328}
329
330#imageToolBar a {
331  width:30px;
332}
333
334form#quickconnect fieldset {
335  border:1px #101010 solid;
336}
337
338.rateButtonStarFull {
339  background: url('icon/rating-stars.png') no-repeat scroll;
340  background-position:-16px center;
341  width:16px;
342}
343
344.rateButtonStarEmpty {
345  background: url('icon/rating-stars.png') no-repeat scroll; 
346  background-position:0 center;
347  width:16px;
348}
349
350.header_notes {
351  background-image:url(icon/note.png);
352}
353
354
355.content h2 {
356  margin-bottom:0px;
357}
358
359.content ul.thumbnails {
360  border:1px solid #303030;
361  margin:0pt;
362  padding:8px;
363}
364
365.content div.titrePage {
366  padding:0px;
367  margin:0px;
368  min-height:32px;
369  display:block;
370  background-color:#303030;
371}
372
373.description {
374  text-align:left;
375}
376
377
378#linkPrev img, #linkNext img {
379  margin:0px;
380  margin-top:20px;
381  padding:0px;
382}
383#linkPrev img {
384  margin-left:10px;
385}
386 #linkNext img {
387  margin-right:10px;
388}
389
390ul.categoryActions {
391  height:28px;
392  padding:2px;
393}
394
395#content .additional_info {
396  margin:20px 0px ;
397  padding:8px;
398}
399
400div.description div.text {
401  text-align:justify;
402}
403
404div.description div.text p {
405  padding-right:6px;
406  position:relative;
407  top:-6px;
408}
409
410div.description div.text p.Nb_images {
411  border-bottom:1px #303030 dotted;/*cares autour des miniatures*/
412  font-style:italic;
413  font-size:85%;
414  text-align:right;
415}
416
417
418/* -----------------------------------------------------------------------------
419    Calendar
420----------------------------------------------------------------------------- */
421.content div.calendarViews {
422  margin-top:-22px;
423}
424
425/* month calendar */
426.calBackDate {
427  color: #000;
428  padding-left:10px;
429  padding-top:7px;
430}
431.calForeDate {
432  color: #fff;
433  padding-left:11px;
434  padding-top:6px;
435}
436
437td.calDayCellFull, td.calDayCellEmpty, td.calDayCellBlank
438{
439  font-size:18px;
440  font-weight:bold;
441  text-align:left;
442  vertical-align:top;
443}
444
445table.calMonth tbody td.calDayCellEmpty, table.calMonth tbody td.calDayCellBlank
446{
447  width:84px;
448  height:97px;
449}
450
451table.calMonth tbody td.calDayCellFull
452{
453  width:96px;
454  height:97px;
455}
456
457
458td.calDayCellEmpty {
459  padding-left:12px;
460  padding-top:7px;
461  color:#303030;
462}
463
464td.calDayCellEmpty, td.calDayCellFull {
465  border:1px solid #101010;
466}
467
468table.calMonth tbody td {
469  margin:8px;
470}
471
472table.calMonth tbody td div.calImg {
473  left:8px;
474  top:8px;
475}
476
477td.calDayHead {
478  font-size:14px;
479  padding-bottom:12px;
480  font-weight:normal;
481}
482
483/* lists */
484span.calItem, span.calItemEmpty {
485  display:inline-table;
486  margin:1px;
487  min-width:15px;
488  padding-left:2px;
489  padding-right:2px;
490}
491
Note: See TracBrowser for help on using the repository browser.