Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
420 florian 1
/* ======================================================== */
2
/*	Created by Devit Schizoper 								*/
3
/*	Created HomePages http://LoadFoo.starzonewebhost.com	*/
4
/*	Created Day 01.12.2006 									*/
5
/* ======================================================== */
6
 
7
 
8
body {
9
	margin: 0px;
10
	background: url(../images/top_bg.gif);
11
	background-repeat: repeat-x;
12
	font-family: Verdana, Arial, sans-serif;
13
        font-size: .6em;
14
}
15
 
16
p {
17
	line-height: 17px;
18
	margin: 11px 0 10px 0;
19
	padding: 0px;
20
}
21
 
22
h2 {
23
	color: #9f9f9f;
24
	margin:0px;
25
	padding:0px;
26
	font-size: 15px;
27
}
28
 
29
ul {
30
	font-size: 10px;
31
	margin:0;
32
	padding:0;
33
	list-style-image: url(../images/bullet.gif);
34
}
35
 
36
a {
37
	color: orange;
38
	text-decoration: none;
39
}
40
 
41
a:hover {
42
	text-decoration: underline;
43
}
44
 
45
blockquote{
46
	background: #F7FDE3;
47
	color: #606060;
48
	padding: 10px;
49
}
50
 
51
hr {
52
	color: orange;
53
	background-color: orange;
54
	height: 2px;
55
	border: 0;
56
	width:100%;
57
}
58
 
59
input, textarea {
60
	margin:1px;
61
	border:1px solid orange;
62
}
63
 
64
/**** Main Container ***/
65
 
66
 
67
#wrap {
68
	position: relative;
69
	margin-left: auto;
70
	margin-right: auto;
71
	width: 930px;
72
}
73
 
74
 
75
/**** Top ***/
76
 
77
 
78
#top {
79
	width: 100%;
80
	height: 88px;
81
	color: #fff;
82
	background: #000 url(../images/top_bg.gif);
83
	/*overflow:hidden;*/
84
}
85
 
86
#top h1 {
87
	color: #FFF;
88
	letter-spacing: 3px;
89
	font-size: 2.4em;
90
	font-weight: normal;
91
	position: absolute;
92
	margin: 0px;
93
	top:13px;
94
	display:block;
95
	float:left;
96
	border-left:5px solid orange;
97
	padding-left: 10px;
98
 
99
}
100
#top h2 {
101
	position: absolute;
102
	margin: 0px;
103
	top:50px;
104
	display:block;
105
	clear:both;
106
	float:left;
107
	padding: 0;
108
	color:orange;
109
}
110
 
111
#top h1 a {
112
	color: white;
113
	text-decoration: none;
114
}
115
 
116
#top h1 a:hover {
117
        color: #93B300;
118
}
119
 
120
 
121
/**** Main Menu ***/
122
 
123
#menu {
124
	margin:0; padding:0;
125
	display: block;
126
	float:right;
127
	height: 88px;
128
}
129
 
130
#menu ul {
131
	margin: 0;
132
	list-style: none;
133
}
134
 
135
#menu li {
136
	display: block;
137
	float: left;
138
	white-space: nowrap;
139
}
140
 
141
#menu li a {
142
	display: block;
143
	padding:50px 10px 10px 3px;
144
	/*padding: 55px 20px 12px 20px;*/
145
	text-decoration: none;
146
	color: #fff;
147
	font-weight: bold;
148
}
149
 
150
* html #menu a {width:1%;}
151
 
152
#menu li a:hover {
153
	background: url(../images/bg_menu.gif);
154
}
155
 
156
#menu li a.current {
157
	letter-spacing: 1px;
158
	color: gray;
159
	background: url(../images/bg_menu.gif);
160
}
161
 
162
#menu li a.current:hover {
163
	color: #fff;
164
}
165
 
166
#kwicks {
167
	position: relative;
168
}
169
 
170
#kwicks .kwick {
171
	float: left;
172
	display: block;
173
	width: 70px;
174
	height: 21px;
175
}
176
 
177
#kwick_red {background:red url(../images/accueil.gif) no-repeat top left;}
178
#kwick_orange {background:orange url(../images/veille.gif) no-repeat top left;}
179
#kwick_yellow {background:yellow url(../images/services.gif) no-repeat top left;}
180
#kwick_green {background:green url(../images/demos.gif) no-repeat top left;}
181
#kwick_blue {background:blue url(../images/contact.gif) no-repeat top left;}
182
 
183
 
184
/**** Content Container ***/
185
 
186
 
187
#content {
188
	width: 100%;
189
	margin-top:15px;
190
}
191
 
192
#content h2 {
193
	margin: 0;
194
	padding: 10px 0 10px 0;
195
}
196
 
197
 
198
/**** Content ***/
199
 
200
 
201
#right ul {
202
	padding: 15px 0 15px 35px;
203
	margin:0;
204
}
205
 
206
#right li {
207
	margin-bottom:5px;
208
}
209
 
210
#right {
211
	display: block;
212
	width: 710px;
213
        margin-left: 230px;
214
}
215
 
216
 
217
/**** Sidebar ***/
218
 
219
 
220
#left {
221
	display:block;
222
	width: 200px;
223
	position: absolute;
224
	left:0;
225
	margin: 0;
226
	padding:5px 5px 20px 5px;
227
	background-color: #F6F6F6;
228
}
229
.commentsheader {display:none;}
230
.hr_clear {display:none;}
231
 
232
#nav ul {list-style:none; margin:0; width:200px; float:right;}
233
#nav li {padding:0; margin:0; list-style-type:none; list-style:none; background-image:none; }
234
#nav a {
235
	padding:0; margin:0;
236
	display: block;
237
	height: 2.0em;
238
	padding: 0.3em 0.3em 0.3em 0.8em;
239
	background-color: #F6F6F6;
240
	font-weight: bold;
241
	text-decoration: none;
242
	}
243
#nav br {display:none;}
244
#nav a:hover {
245
	color: #1a1a1a;
246
	border-left:5px solid orange;
247
	background-color: #fff;
248
	font-weight: bold;
249
	}
250
 
251
/**** Clear Div ***/
252
 
253
 
254
#clear {
255
	display: block;
256
	clear: both;
257
	width: 100%;
258
	height:1px;
259
	overflow:hidden;
260
}
261
 
262
 
263
/**** Footer ***/
264
 
265
 
266
#footer {
267
        margin: 20px auto 0 auto;
268
	text-align: center;
269
	border-top: dotted 1px gray;
270
	padding: 10px 0 20px 0;
271
	width: 70%;
272
}
273
 
274
#footer p {
275
	margin: 0px;
276
	padding: 0;
277
}