source: extensions/kardon/theme.css @ 9804

Last change on this file since 9804 was 9804, checked in by plg, 13 years ago

only apply big margin-left on #theCategoryPage .content and not #content on all pages

  • Property svn:eol-style set to LF
File size: 4.5 KB
Line 
1/*{{{  Global et généralités */
2body {
3        margin: 0;
4        padding: 0;
5        font: normal 80%/1.2 "Trebuchet MS", Verdana, Arial, sans-serif;
6        background: #dcd6bb url(images/entete.png) 0 0 repeat-x;
7        color: #404040;
8}
9
10#the_page {
11        position: relative;
12        padding: 0;
13        margin: 0;
14        width: 100%; /* haslayout ie */
15}
16
17a {
18        color: #5D87A3;
19        border: none;
20}
21select, input, textarea {
22        background: #d3d3d3 ;
23        border: 1px gray solid;
24}
25legend {
26        color: gray;
27}
28#theCategoryPage .content {
29        margin-left: 260px;
30}
31
32#content {
33        padding: 40px 10px 10px;
34        zoom:1;
35}
36
37#copyright {
38        padding: 30px 0 6px 0;
39        margin: 0;
40        font-style: italic;
41} /*}}}*/
42
43
44.pwg-icon {
45        background-image: url(icon/icons_sprite.png);
46}
47
48#imageToolBar .pwg-button {
49  width:28px;
50}
51
52A:hover .pwg-icon {
53        background-image: url(icon/icons_sprite_hover.png);
54}
55
56
57/*{{{  Entête */
58#theHeader {
59        color: white;
60        position: relative;
61        height: 44px;
62        background: url(images/entete_droite.png) top right no-repeat;
63}
64#theHeader h1 {
65        margin: 0;
66        padding: 5px 40px 0 20px;
67        float: left;
68        width: auto;
69        font-variant: small-caps;
70}
71#theHeader p {
72        font-style: italic;
73        font-weight: bold;
74        color:gray;
75        top: 0;
76        margin: 0;
77        padding: 10px 20px 0 0;
78        text-align: left;
79
80} /*}}}*/
81
82/*{{{  message d'info (à revoir)*/
83.header_notes {
84        margin: 0 0 0 10px;
85        color: white;
86        text-align: left;
87        background: url(icon/note.png) left top no-repeat;
88        position: absolute;
89        height: 16px;
90        width: 16px;
91        text-indent: 20px;
92        overflow: hidden;
93        top: 48px;
94        left: 10px;
95        border: none;
96}
97.header_notes:hover,
98.header_notes.over{
99        width: auto;
100        height: auto;
101        background-color: gray;
102        padding: 10px;
103        z-index: 100;
104}
105.header_notes p {
106        margin: 0;
107} /*}}}*/
108
109/*{{{  catégories et liste d'image */
110div.content div.titrePage {
111        height: 50px;
112        color: white;
113        margin: auto;
114        position: static;
115}
116
117.titrePage h2 {
118
119        color: gray;
120}
121body .content div.titrePage  ul.categoryActions {
122        float: none;
123        position: absolute;
124        right: 10px;
125        top: 46px;
126        padding: 0;
127}
128
129
130ul.categoryActions li {
131        padding: 0 5px;
132        line-height: normal;
133}
134
135ul.categoryActions li img {
136        max-height: 16px !important;
137        max-width: 16px !important;
138        height: auto !important;
139        width: auto !important;
140        vertical-align: middle;
141}
142
143#content .thumbnailCategory {
144        background: url(images/categorie.png) repeat-x;
145        padding-top: 0;
146}
147#content .thumbnailCategory .description h3 {
148        background: #CDD2D0 !important;
149        padding: 2px;
150        border: solid #B6BDB9;
151        border-width: 0 0 1px 1px;
152        -moz-border-radius-bottomleft: 5px;
153}
154#content .thumbnailCategory .illustration {
155        padding: 0;
156        margin: 0;
157}
158#content .thumbnailCategory .description .Nb_images {
159        text-align: right;
160        color: #8CAE90;
161        padding-bottom: 3px;
162}
163ul.thumbnails li span.wrap2 {
164        background: #F1EFE2 ; 
165        border: #AEB6B1 solid;
166        border-width: 0 2px 2px 0 ;
167        -moz-border-radius: 5px;
168        -webkit-border-radius: 5px;
169} 
170
171.wrap2 a:hover img,
172.wrap2 a:focus img
173{
174        opacity:.7;
175} /*}}}*/
176
177/*{{{  Visualisation de l'image */
178html>body .rateButtonStarFull,
179html>body .rateButtonStarEmpty {
180        background-image: url(icon/rating-stars.gif);
181}
182
183#imageHeaderBar .browsePath {
184        color: #BDBDBD;
185}
186#imageHeaderBar .browsePath  a {
187        color: #E9E4D3;
188        border-bottom: 1px dotted #E9E4D3;
189}
190#imageHeaderBar h2 {
191        padding: 0;
192        position: absolute;
193        margin: 32px 0 0;
194        width: 100%;
195        color:#76634E;
196        z-index: 4;
197        clear: none;
198        left: 0;
199}
200#imageHeaderBar {
201        overflow:hidden;
202        zoom: 1;
203        padding-bottom: 16px;
204}
205#imageToolBar
206{
207        position: relative;
208        z-index: 5;
209        margin: 0;
210}
211div#imageToolBar a {
212        width: 28px;
213}
214
215/*}}}*/
216
217
218/*{{{  Menu */
219#menubar {
220
221        background: gray url(images/menu_fond.png) 0 0 repeat-y;
222        margin: 26px 0 0;
223        padding:0;
224        width: 257px;
225        overflow: hidden;
226
227}
228#menubar .icon {
229        vertical-align: middle;
230}
231#menubar dl.mbFirstBlock {
232        background: url(images/menu_haut.png) 0 0 no-repeat;
233}
234#menubar dl.mbLastBlock {
235        background: url(images/menu_bas.png) left bottom no-repeat;
236        padding-bottom: 30px;
237}
238#menubar dl.mbFirstBlock dt {
239        padding-top: 1px;
240}
241#menubar dt,
242#menubar dt a {
243        color: #545454;
244        text-align: left;
245}
246#menubar dl {
247        padding-right:17px;
248        margin: 0;
249        zoom:1;
250}
251#menubar dt {
252        display: block;
253        padding: 0;
254        padding: 14px 0 0 10px;
255} 
256
257#menubar dd a {
258        color:#996633;
259        border: none;
260}
261#menubar dd a:hover {
262        color:red;
263}
264#menubar dd {
265        background: #b2b3a3 url(images/menu_liens_fond.png); /*#c8c4b7;*/
266        margin: 4px 0 0 8px;
267        padding: 5px 2px;
268        border: 2px solid;
269        border-color:  gray gainsboro gainsboro gray;
270        -webkit-border-radius: 5px;
271        /* -khtml-border-radius: 5px;
272        -o-border-radius: 5px; */
273}
274html>/**/body #menubar dd, x:-moz-any-link, x:default {
275        -moz-border-radius: 5px;
276} /* Seulement FireFox 3 */
277
278/*}}}*/
279
280
Note: See TracBrowser for help on using the repository browser.