source: extensions/Wall/theme.css @ 17077

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