source: extensions/floPure/Pure_freaky/theme.css @ 17121

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