source: extensions/floPure/Pure_sky/theme.css @ 16034

Last change on this file since 16034 was 16034, checked in by flop25, 12 years ago

multiple changes for 2.4
adding the pattern system
border radius css3 added

File size: 6.8 KB
Line 
1.pwg-icon {
2        background-image: url(icon/SPRITE.png);
3}
4/* text color */
5BODY, H1, H2, H3, DT,
6INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
7  color:#454545;        /* dimgray */
8}
9
10/* backgrounds */
11BODY {
12        background-image: url(images/ciel_003.jpg);
13        background-color: #4C9BDE;
14        background-position: top;
15        background-repeat: repeat-x;
16}
17
18/* BODY {
19        background-image: url(images/background6.jpg);
20        background-position:center;
21        background-repeat:repeat-y;
22        background-color:#b4e2ef;
23}
24
25Utiliser aussi /use also : background2.jpg sky.jpg ou sky2.jpg :
26BODY {
27        background-image: url(images/sky.jpg); => ou votre propre image/or your own picture !
28}
29Ou /or
30BODY {
31        background-image: url(images/background.jpg);
32        background-position:center;
33        background-repeat:repeat-y;
34        background-color:#a5d3e1;
35}
36
37b4e2ef
38*/
39
40.throw {
41  background-color: #EDF0F3;   
42}
43/*
44 {
45background-color: #CAD8E1
46}
47*/
48#admin_content, #autre_content, .row1 {
49        background-image: url(images/background5.jpg);
50        background-position:center;
51        background-repeat:repeat-y;
52        background-color:#a8d7eb;
53}
54.header_notes/*, .content*/{
55  background-color: #CAD8E1;
56}
57H2{
58        background-color: #FFFFFF;
59}
60#imageHeaderBar H2 {
61        background: transparent;
62        margin-top: 25px;
63}
64 #imageHeaderBar {
65        background-image: url(images/haut_milieu.jpg);
66        background-position:top;
67        background-repeat:repeat-x;
68        background-color:#FFFFFF;
69        padding-top: 7px;
70         }
71          #imageToolBar {
72                background-color:#FFFFFF;
73 background-image: url(images/bas_milieu.jpg);
74 background-position: bottom;
75 background-repeat:repeat-x;
76}
77/* positionnement */
78#menubar DL, #menubar DT, #the_page, BODY {
79        margin: 0px;
80        padding: 0px;
81}
82
83
84/* backgrounds section right */
85#section_up_left {
86        background-image: url(images/haut_gauche.png);
87        background-position: bottom right;
88        background-repeat:no-repeat;
89        width:15px;
90         height:32px;
91}
92#section_up_right {
93    background-image: url(images/haut_droit.png);
94        background-position:bottom left;
95        background-repeat:no-repeat;
96        width:15px;
97         height:32px;
98}
99#section_up {
100 background-image: url(images/haut_milieu.jpg);
101 background-position:bottom;
102 background-repeat:repeat-x;
103         height:32px;
104}
105#section_left {
106 background-image: url(images/milieu_gauche.jpg);
107 background-repeat:repeat-y;
108 background-position:right;
109        width:15px;
110}
111#section_right {
112 background-image: url(images/milieu_droit.jpg);
113 background-repeat:repeat-y;
114 background-position:left;
115        width:15px;
116}
117
118#section_in {
119        background-color: #FFFFFF;
120}
121
122#section_bottom_left {
123 background-image: url(images/bas_gauche.png);
124 background-position:top right;
125 background-repeat:no-repeat;
126 width:15px;
127 height:15px;
128}
129#section_bottom_right {
130 background-image: url(images/bas_droit.png);
131 background-position:top left;
132 background-repeat:no-repeat;
133 width:15px;
134 height:15px;
135}
136#section_bottom {
137 background-image: url(images/bas_milieu.jpg);
138 background-position:top;
139 background-repeat:repeat-x;
140  height:15px;
141}
142
143/*--------menu--------------*/
144#table_content, .table_menu, #table_mbLinks, #table_mbCategories, #table_mbTags, #table_mbSpecials, #table_mbMenu, #table_mbIdentification {
145width:100%;
146border:0;
147padding:0;
148margin:5px 0 0 0 ;
149}
150
151/* backgrounds menu */
152
153.blocmenu_up_right{
154        background-image: url(images/c2_haut_droit.png);
155        background-position:bottom;
156        background-repeat:no-repeat;
157        width:15px;
158         height:32px;
159}
160.blocmenu_up_left{
161        background-image: url(images/c2_haut_gauche.png);
162        background-position:bottom;
163        background-repeat:no-repeat;
164        width:15px;
165         height:32px;
166}
167.blocmenu_up{
168 background-image: url(images/c2_haut_milieu.jpg);
169 background-position:bottom;
170 background-repeat:repeat-x;
171         height:32px;
172}
173
174.blocmenu_in{
175        background-color:#FFFFFF;
176}
177 .blocmenu_left{
178 background-image: url(images/milieu_gauche.jpg);
179 background-repeat:repeat-y;
180        width:15px;
181}
182.blocmenu_right{
183 background-image: url(images/milieu_droit.jpg);
184 background-repeat:repeat-y;
185        width:15px;
186}
187.blocmenu_bottom_right{
188 background-image: url(images/c2_bas_droit.png);
189 background-position:top;
190 background-repeat:no-repeat;
191 width:15px;
192 height:15px;
193}
194.blocmenu_bottom_left{
195 background-image: url(images/c2_bas_gauche.png);
196 background-position:top;
197 background-repeat:no-repeat;
198 width:15px;
199 height:15px;
200}
201.blocmenu_bottom{
202 background-image: url(images/c2_bas_milieu.jpg);
203 background-position:top;
204 background-repeat:repeat-x;
205  height:15px;
206}
207/* borders */
208/*#menubar DL, #content,*/
209#imageToolBar, 
210#comments DIV.comment BLOCKQUOTE {
211  border: 1px solid #FFF;
212}
213.randomButtons {
214        border-right-width: 1px;
215        border-right-style: solid;
216        border-right-color: #FFFFFF;
217}
218#theImage IMG {
219  border-color: #d3d3d3;
220}
221
222#content UL.thumbnail IMG {
223    border: 1px solid #a0a0a0;
224}
225
226FIELDSET, INPUT, SELECT, TEXTAREA,
227#content DIV.comment  A.illustration IMG, #infos,
228#content DIV.thumbnailCategory {
229  border: 1px solid gray;
230}
231
232#comments DIV.comment BLOCKQUOTE {
233  border-left: 2px solid #696969;
234  background-color: #eee;
235}
236
237#content UL.thumbnails SPAN.wrap2 {
238  border: 1px solid #aaaaaa;    /* thumbnails border color and style */
239  border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */
240}
241
242#content UL.thumbnails SPAN.wrap2:hover,
243#content UL.thumbnailCategories DIV.thumbnailCategory:hover,
244#content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
245  background-color: #B0C2D3;
246  border-color: #626F7B;                /* thumbnails border color when mouse cursor is over it */
247  color: black;
248}
249
250/* links */
251A, INPUT.rateButton {
252    color: #005e89;
253    background: transparent;
254}
255
256A:hover, INPUT.rateButton:hover {
257    color: #696969;
258}
259
260#imageToolBar A, #imageToolBar A:hover {
261    border-bottom: none;
262}
263
264A.navThumb, A.navThumb:hover {
265    border-bottom: none;
266}
267
268/* others */
269.pleaseNote {
270    background: #9c9c9c;
271    color: #ffff99;
272    padding: 1ex;
273    font-weight: bold;
274}
275#comments {
276        background-repeat:repeat;
277        border:1px solid #CCCCCC;
278        margin-top: 20px;
279        margin-right: 30px;
280        margin-bottom: 2em;
281        margin-left: 30px;
282}
283#comments .description {
284  border-left: 2px solid #696969;
285  background-color: #fff;
286  color:#696969;
287}
288#comments HR {
289display:none;
290}
291
292/*calendar elements*/
293SPAN.calItemEmpty { color: silver; }
294
295SPAN.calItem, SPAN.calItemEmpty
296{
297  border: 1px solid silver;
298}
299
300/* nice looking month calendar*/
301TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid #7E7262;}
302
303TD.calDayCellEmpty { color: silver; }
304
305.calBackDate { color: #000; }
306.calForeDate { color: #fff; }
307.virtual_cat { background: #fff !important; }
308.qsearch { font-size: 80%; font-style: normal; }
309#mbMenu #quicksearch > p { text-align: left; }
310#qsearchInput {
311        color: #000;
312}
313#qsearchInput:focus {
314        color: #000;
315}
316.tabsheet li,
317.tabsheet li a { color: #005e89; }
318.tabsheet li a:hover { color: #858460; }
319.tabsheet li { background-color: #DEE5ED; }
320.selected_tab { background-color: #FFFFFF!important; }
321ul.tabsheet { border-color: #858460; }
322.tabsheet li { border: 1px solid #696969; }
323.tabsheet li:hover { border-color: #858460 !important; }
Note: See TracBrowser for help on using the repository browser.