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