source: extensions/Wall/theme.css @ 17090

Last change on this file since 17090 was 17090, checked in by Sixpo, 12 years ago
File size: 7.4 KB
Line 
1
2
3BODY#theCategoryPage .thumbnailCategories {
4        padding-left:auto;
5        padding-right:auto;
6        list-style: none outside none;
7        text-align: center;
8        background:none;
9}
10BODY#theCategoryPage .thumbnailCategories li {
11        width: auto;
12        float: none;
13        display:inline-block;
14        text-align:center;
15        margin-left:10px;
16       
17}
18BODY#theCategoryPage div.thumbnailCategory div.illustration {
19        width:auto;
20        height:auto;
21        /*height:135px;*/
22    text-align:center;
23        overflow: inherit;
24        float:none;
25        margin: 0;
26        padding: 0;
27       
28}
29BODY#theCategoryPage div.thumbnailCategory div.description {   /*fond de description cathegotire et photos*/
30    position:relative;
31        width:300px;             
32        height:auto;
33        text-align:center;
34        overflow:inherit;
35        margin-left:35%;
36        margin-top:-100px;
37    font-size:14px     /*taille police titre cathegorie*/
38}
39
40
41BODY#theCategoryPage div.thumbnailCategory div.description IMG { /*logo pour signaler nouvaute dans la cathegorie*/
42float:center;
43       
44}
45
46BODY#theCategoryPage div.thumbnailCategory div.description p {
47    float:center;
48    width:87%;             
49        height:120px;
50        text-align: center;
51        margin-top:-120px;
52        margin-left:15px;
53    font-size:12px;
54        padding:10px;
55       
56
57       
58}       
59
60
61
62BODY#theCategoryPage div.thumbnailCategory div.description div.text p.Nb_images{ /*nombres de photos*/
63    width:160px;
64        height:5px;
65        text-align: left;
66        margin-top:75px;
67        margin-left:-155px;
68    font-size:10px;
69
70}
71BODY#theCategoryPage div.thumbnailCategory {
72        display: inline-block;
73        margin: 5px auto;
74        padding:5px;
75        vertical-align: middle;
76        width:450px;
77        height:135px;
78        text-align: center;
79    background-image:url(images/mur1.jpg);
80         box-shadow: 8px 8px 12px #000000;
81    -webkit-box-shadow: 8px 8px 12px #000000;
82    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
83    border: ridge 1px;
84    border-radius:1em;
85    border-color:#3f3f3f;
86}
87BODY#theCategoryPage div.thumbnailCategory * {
88        vertical-align: middle;
89}
90BODY#theCategoryPage div.thumbnailCategory div.illustration img { /*taille et forme photo cathegorie*/
91    width:160px;
92        height: 96px;
93        margin-left: -225px;
94        margin-top:10px;
95        box-shadow: 8px 8px 12px #000000;
96    -webkit-box-shadow: 8px 8px 12px #000000;
97    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
98    border: ridge 1px;
99    border-radius:1em;
100    border-color:#3f3f3f;
101}
102
103
104BODY#theCategoryPage div.thumbnailCategory div.description h3 {
105        text-align:center;
106}
107#la_description {
108        display:none;
109}
110/* text color */
111BODY, H1, H3, DT, INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
112        color:#e0e0e0;
113}
114H2, #menubar DT, .throw {
115        color: #ffffff;
116}
117#content .navigationBar {
118        color: #aaaaaa;
119}
120#content .pageNumberSelected {
121        color: #000000;
122}
123.tabsheet li, .tabsheet li a {
124        color: #fff;
125}
126.tabsheet li a:hover {
127        color: #fff48e;
128}
129/* backgrounds */
130BODY {
131        background-image: url(images/mur.jpg);
132}
133BODY#theCategoryPage #the_page {
134        background:transparent;
135        background-repeat: repeat;
136        background-attachment: fixed;
137        border: none;
138}
139BODY#thePicturePage #theHeader {
140        background:transparent;
141}
142H3, #the_page, #imageHeaderBar, #imageToolBar A:hover, .row1 {
143        background:transparent; 
144}
145#menubar DL, #content, #imageToolBar, .header_notes, .content {
146        background: transparent;
147}
148H2, #menubar DT, .throw {
149        background-image: url(images/tableh1_bg.png);
150}
151#imageHeaderBar H2 {
152        background-image: none;
153        background-color: transparent;
154        border: none;
155}
156#imageHeaderBar {
157        background-image: url(images/tableh2_bg.png);
158        background-repeat: repeat-x;
159        background-position: center;
160}
161.tabsheet li {
162        background-color: #3f3f3f;
163}
164.selected_tab {
165        background-color: #5f5f5f !important;
166}
167/* borders */
168#menubar DL, #content, .content,#comments DIV.comment BLOCKQUOTE {
169border: none;
170}
171#imageHeaderBar {
172background-image: url(images/mur1.jpg);
173box-shadow: 8px 8px 12px #000000;
174-webkit-box-shadow: 8px 8px 12px #000000;
175-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
176border-radius:1em;
177}
178
179#menubar DL {
180margin-bottom:-1px;
181border:1px solid #303030;
182background-image:url(images/mur1.jpg);
183} 
184
185
186 H2, #menubar DT, #imageToolBar {
187  border-bottom: 0px solid #cc0000;
188} 
189#theImage img {
190 border: 8px solid #333333;/*cadre des photos moyenne*/ 
191 margin-top: 10px;
192 margin-bottom: 10px;
193 }
194}
195#content UL.thumbnail IMG {
196        border: 1px solid #a0a0a0;
197}
198FIELDSET, INPUT, SELECT, TEXTAREA, #content DIV.comment A.illustration IMG, #infos, #content DIV.thumbnailCategory {
199        border: 1px solid #303030;; /*bordure de photos */
200}
201#comments DIV.comment BLOCKQUOTE {
202        border-left: 2px solid #696969;
203}
204       
205#content UL.thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL { /*taille miniatures album*/
206    width: 190px;
207    margin-left:30px;
208}       
209
210
211#content UL.thumbnails SPAN.wrap2 {
212    background-image:url(images/mur3.jpg);
213        border: 1px solid #aaaaaa;      /* thumbnails border color and style */
214        -moz-border-radius: 10px;       /* round corners with Geko */
215        border-radius: 10px 10px;       /* round corners with CSS3 compliant browsers */
216}
217#content UL.thumbnails SPAN.wrap2:hover, #content UL.thumbnailCategories DIV.thumbnailCategory:hover{
218        border-color: none;   /* thumbnails border color when mouse cursor is over it */
219    background-image:url(images/mur7.jpg);
220        -moz-border-radius: 10px;       /* round corners with Geko */
221        border-radius: 10px 10px;       /* round corners with CSS3 compliant browsers */
222}
223#content UL.thumbnailCategories DIV.thumbnailCategory:hover A{
224    color: #6D071A;    /*couleur lien cathegorie selactiopnner*/
225}
226#content UL.thumbnailCategories DIV.thumbnailCategory:hover {
227    color: #6D071A;   /*couleur texte cathegorie selectionner*/
228}
229
230ul.tabsheet {
231        border-color: #fff48e;
232}
233.tabsheet li {
234        border: 1px solid #fff;
235}
236.tabsheet li:hover {
237        border-color: #fff48e !important;
238}
239/* links */
240A, INPUT.rateButton {
241        color: #FFFFFF;
242}
243A:hover {
244color: #CC6600;                      /*texte lien menu selectionner*/
245border: none;
246}
247#imageToolBar A, #imageToolBar A:hover, A.navThumb, A.navThumb:hover {
248    color: #CC6600;                   /*texte lien cathegorie selectionner*/
249        border-bottom: none;
250}
251#theHeader A {
252        text-decoration: none;
253        margin: 0px;
254        padding: 0px;
255}
256/* others */
257.thumbnailCategories blockquote UL LI {
258        list-style-position: outside;
259        list-style-type:circle;
260        background:red;
261}
262.thumbnailCategories blockquote OL LI {
263        list-style-position: outside;
264        list-style-type: decimal;
265}
266.pleaseNote {
267        background: #9c9c9c;
268        color: #ffff99;
269        padding: 1ex;
270        font-weight: bold;
271}
272#the_page {
273        border: none;    /*page photos*/
274        padding-top: 5px;
275        padding-bottom:30px;
276        display:block;
277}
278.pwg-icon {
279        background-image: url(../default/s26/outline_ffffff.png);
280}
281A:hover .pwg-icon {
282        background-image: url(../default/s26/outline_ffff80.png);
283}
284/*calendar elements*/
285SPAN.calItemEmpty {
286        color: silver;
287}
288SPAN.calItem, SPAN.calItemEmpty {
289        border: 1px solid gray;
290}
291/* nice looking month calendar*/
292TD.calDayCellEmpty, TD.calDayCellFull {
293        border: 1px solid gray;
294}
295TD.calDayCellEmpty {
296        color: silver;
297}
298.calBackDate {
299        color: #000;
300}
301.calForeDate {
302        color: #fff;
303}
304.virtual_cat {
305        background: #3f3f3f !important;
306}
307.qsearch {
308        font-size: 80%;
309        font-style: normal;
310}
311#mbMenu #quicksearch > p {
312        text-align: left;
313}
Note: See TracBrowser for help on using the repository browser.