source: extensions/Metal/theme.css @ 11168

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