source: extensions/Metal/theme.css @ 12714

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