source: extensions/yoga/WinterForest/theme.css @ 21821

Last change on this file since 21821 was 7593, checked in by plg, 14 years ago

update theme WinterForest for Piwigo 2.1 compatibility
File size: 7.5 KB
Line 
1/* $Id: theme.css 2581 2008-09-24 19:15:01Z vdigital $ */
2
3
4/*=====================================
5               Header
6=====================================*/
7BODY {
8    background:transparent url(images/bg.png) scroll center top;
9        background-repeat:no-repeat;
10   background-attachment:fixed;
11    font-size:12px;
12    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
13    color:#484848;
14        margin: 5px;
15        padding: 0;
16}
17
18#theHeader {
19background:transparent url(images/header.png) no-repeat scroll center bottom;
20height:209px;
21text-align: center;
22}
23
24/* text color */
25
26H3{
27font-size:120%;
28text-align:center;
29color:#696969;
30text-transform:uppercase;
31}
32H1, H2, DT,
33INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
34        color:#696969;  /* dimgray */
35}
36
37/* backgrounds */
38
39,
40H2, #imageHeaderBar, #imageToolBar A:hover {
41        background-color: #d3d3d3;
42}
43
44.content, .header_notes {
45  background-color: #eeeeee;
46}
47
48/* borders */
49#menubar DL{
50-moz-border-radius-bottomleft:12px;
51-moz-border-radius-bottomright:12px;
52-moz-border-radius-topleft:12px;
53-moz-border-radius-topright:12px;
54background:transparent url(images/contentbg.png) repeat scroll center top;
55border:1px solid #919191;
56border-spacing:8px;
57margin:0 0 10px 4px;
58/*margin: 0; */
59padding: 0;
60}
61#menubar DT{
62-moz-border-radius-topleft:12px;
63-moz-border-radius-topright:12px;
64background:transparent url(images/news_content.png) repeat-x scroll center top;
65font-weight:bold;
66height:30px;
67color:#5A5A5A;
68font-size:12px;
69padding-top:7px;
70text-align:center;
71}
72
73#theImage IMG {
74  border: 3px solid #d3d3d3;
75}
76#imageToolBar {
77-moz-border-radius-bottomleft:12px;
78-moz-border-radius-bottomright:12px;
79-moz-border-radius-topleft:12px;
80-moz-border-radius-topright:12px;
81background:transparent url(images/contentbg.png) repeat scroll 0 0;
82border:1px solid #919191;
83        width: 860px;
84        margin: 10px auto;
85}
86 #imageHeaderBar{
87-moz-border-radius-bottomleft:12px;
88-moz-border-radius-bottomright:12px;
89-moz-border-radius-topleft:12px;
90-moz-border-radius-topright:12px;
91background:transparent url(images/contentbg.png) repeat scroll 0 0;
92border:1px solid #919191;
93        width: 860px;
94        margin: 10px auto;
95}
96
97.content{
98-moz-border-radius-bottomleft:12px;
99-moz-border-radius-bottomright:12px;
100-moz-border-radius-topleft:12px;
101-moz-border-radius-topright:12px;
102background:transparent url(images/contentbg.png) repeat scroll 0 0;
103border:1px solid #919191;
104}
105
106.content UL.thumbnail IMG {
107    border: 1px solid #a0a0a0;
108}
109
110fieldset{
111-moz-border-radius-bottomleft:12px;
112-moz-border-radius-bottomright:12px;
113-moz-border-radius-topleft:12px;
114-moz-border-radius-topright:12px;
115background:transparent url(images/contentbg.png) repeat scroll 0 0;
116border: 1px solid #919191;
117}
118
119legend {
120-moz-border-radius-bottomleft:12px;
121-moz-border-radius-bottomright:12px;
122-moz-border-radius-topleft:12px;
123-moz-border-radius-topright:12px;
124background:transparent url(images/bg_title.png) repeat-x scroll center top;
125border:1px solid #919191;
126font-size:0.85em;
127font-weight:bold;
128line-height:1.5em;
129margin-left:0.5em;
130margin-top:-0.4em;
131padding:2px 10px;
132position:relative;
133text-transform:uppercase;
134top:0;
135vertical-align:middle;
136}
137
138
139INPUT, SELECT, TEXTAREA{
140  border: 1px solid gray;
141}
142input.submit{
143-moz-border-radius-bottomleft:5px;
144-moz-border-radius-bottomright:5px;
145-moz-border-radius-topleft:5px;
146-moz-border-radius-topright:5px;
147background:transparent url(images/form.png) repeat-x scroll 0 0;
148border:1px solid #919191;
149color:#5A5A5A;
150font-family:Verdana,'Bitstream Vera Sans',Times,serif;
151font-size:10px;
152font-weight:bold;
153padding:1px 2px;
154}
155
156input.reset {
157-moz-border-radius-bottomleft:5px;
158-moz-border-radius-bottomright:5px;
159-moz-border-radius-topleft:5px;
160-moz-border-radius-topright:5px;
161background:transparent url(images/form.png) repeat-x scroll 0 0;
162border:1px solid #919191;
163color:#E10000;
164font-family:Verdana,'Bitstream Vera Sans',Times,serif;
165font-size:10px;
166font-weight:bold;
167padding:1px 2px;
168}
169
170input.reset:hover, input.submit:hover {
171border:1px solid #FFFFFF;
172color:#D0D0D0;
173cursor:pointer;
174}
175
176.content UL.thumbnails SPAN.wrap2 {
177  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
178  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
179}
180div#comments {
181-moz-border-radius-bottomleft:8px;
182-moz-border-radius-bottomright:8px;
183-moz-border-radius-topleft:8px;
184-moz-border-radius-topright:8px;
185background:transparent url(images/contentbg.png) repeat scroll 0 0;
186border: 1px solid #919191;
187}
188
189div#comments h3 {
190-moz-border-radius-bottomleft:8px;
191-moz-border-radius-bottomright:8px;
192-moz-border-radius-topleft:8px;
193-moz-border-radius-topright:8px;
194background:transparent url(images/news_content.png) repeat scroll 0 0;
195border:1px solid #919191;
196height:20px;
197padding:5px;
198}
199
200
201div#comments div.description {
202-moz-border-radius-bottomleft:8px;
203-moz-border-radius-bottomright:8px;
204-moz-border-radius-topleft:8px;
205-moz-border-radius-topright:8px;
206background:transparent url(images/contentbg.png) repeat scroll 0 0;
207border: 1px solid #919191;
208font-size:0.85em;
209font-weight:bold;
210line-height:1.5em;
211padding:0 6px;
212}
213/*=================================
214                Container images
215/*===============================*/
216
217img {}
218img:hover{}
219
220DL#mbAMM_links img
221{
222border:none;
223}
224
225.content DIV.thumbnailCategory {
226-moz-border-radius-bottomleft:12px;
227-moz-border-radius-bottomright:12px;
228-moz-border-radius-topleft:12px;
229-moz-border-radius-topright:12px;
230background:transparent;
231border:1px solid #919191;
232color:#000000;
233}
234
235.content UL.thumbnails SPAN.wrap2:hover{ background-color: #FFFFFF; border-color: #CCCCCC; color:#000000;}
236
237.content UL.thumbnailCategories DIV.thumbnailCategory:hover{
238-moz-border-radius-bottomleft:12px;
239-moz-border-radius-bottomright:12px;
240-moz-border-radius-topleft:12px;
241-moz-border-radius-topright:12px;
242background:#CCCCCC url(images/msg_info_mbr.png) repeat-x scroll 0 0;
243border:1px solid #919191;
244color:#000000;
245}
246
247.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
248  background-color: transparent;
249  color:#000000;
250}
251.content div.thumbnailCategory div.illustration { float:left; margin:5px 0 0 5px; text-align:left;}
252.content div.thumbnailCategory div.illustration img { height:96px; width:128px; border:4px double #919191;}
253.content div.thumbnailCategory div.illustration img:hover { border:4px double #000000;}
254.content div.thumbnailCategory div.illustration a:hover { border:0; }
255
256.content ul.thumbnails span.wrap2 img { border:4px double #919191; }
257/*=================================
258                                Links
259/*===============================*/
260
261.content DIV.titrePage {
262-moz-border-radius-topleft:12px;
263-moz-border-radius-topright:12px;
264background:transparent url(images/news_content.png) repeat-x scroll center top;
265height:30px;
266        padding: 0 0 3px;
267}
268
269A, INPUT.rateButton {
270    color:#5C5C5C;
271    background: transparent;
272        font-size:12px;
273        border: medium none;
274}
275
276A:hover, INPUT.rateButton:hover {
277    color: #858460;
278        font-size:12px;
279}
280
281#imageToolBar A, #imageToolBar A:hover {
282background:none;
283    border-bottom: none;
284        font-size:12px;
285}
286
287A.navThumb, A.navThumb:hover {
288    border-bottom: none;
289        font-size:12px;
290}
291
292/*calendar elements*/
293SPAN.calItem, SPAN.calItemEmpty
294{
295  border: 1px solid silver;
296 
297}
298
299#qsearchInput { color: #d3d3d3; }
300#qsearchInput:focus { color:#5C5C5C; }
301
302/*=================================
303                        autres
304/*===============================*/
305
306#menubar .button {
307border:medium none;
308}
309table.calMonth {
310border:medium none;
311border-collapse:collapse;
312margin-bottom:10px;
313margin-top:40px;
314}
315
316.content .navigationBar, .content .additional_info, .content .calendarBar {
317margin:32px 4px;
318text-align:center;
319}
Note: See TracBrowser for help on using the repository browser.