Subversion Repositories Sites.outils-naturalistes.fr

Rev

Rev 11 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3 david 1 
/*
2 
***************************************************************
3 
*                 SQUELETTES EXIBIT POUR SPIP                 *
4 
*                         version 1.3                         *
5 
*                   last update : 10/03/2009                  *
6 
*                    Licensed under the MIT                   *
7 
*    http://www.opensource.org/licenses/mit-license.php       *
8 
*                                                             *
9 
*       Copyright 2009 Beno�t Vrins {benoit@exibit.be}        *
10 
***************************************************************
11 
*/
12 
* {
13 
margin: 0;
14 
padding:0;
15 
}
16 
 
17 
BODY, html{
18 
	font-size:62.5%;
11 david 19 
	background:#e8f1cd;
20 
	margin:0 auto;
3 david 21 
}
11 david 22 
 
3 david 23 
body {
11 david 24 
 
25 
	font-family:"Trebuchet MS";
3 david 26 
	font-size:1.2em;
27 
	color: #000000;
28 
	line-height: 1.3em;
29 
	margin: 0;
30 
	padding:0;
11 david 31 
 
3 david 32 
}
11 david 33 
 
3 david 34 
A{
11 david 35 
	color:#0A8D37;
3 david 36 
	text-decoration:none;
37 
}
11 david 38 
 
3 david 39 
A:HOVER{
40 
	text-decoration:underline;
41 
}
11 david 42 
 
3 david 43 
H1{
44 
	font-size:1.8em;
45 
	margin: 5px 0 20px 0;
46 
}
47 
 
48 
H2{
49 
	font-size:1.5em;
50 
	margin: 5px 0 20px 0;
11 david 51 
	font-style:italic;
52 
	color:#0A8D37;
53 
	font-weight:normal;
54 
	width:650px;
55 
	padding:0 10px;
56 
	line-height:20px;
57 
 
3 david 58 
}
59 
 
60 
H3{
11 david 61 
 
3 david 62 
	font-size:1.4em;
63 
	color:#333333;
64 
	margin: 8px 0 8px 0;
11 david 65 
 
66 
	font-family:"Trebuchet MS";
67 
	color:#CC6600;
68 
	font-weight:bold;
69 
	padding-bottom:5px;
70 
 
71 
 
3 david 72 
}
73 
 
74 
H4{
11 david 75 
	font-size:1.3em;
76 
	color: #333333;
3 david 77 
	font-weight:bold;
78 
}
11 david 79 
 
3 david 80 
P{
81 
	font-size:1.1em;
82 
	margin:5px 0 10px 0;
83 
	line-height:1.3em;
11 david 84 
 
85 
 
3 david 86 
}
87 
HR{
88 
	height:1px;
11 david 89 
	border-top:#9cb4c7 solid 1px;
3 david 90 
	border-bottom:none;
91 
	border-left:none;
92 
	border-right:none;
11 david 93 
	margin:5px;
3 david 94 
}
11 david 95 
 
3 david 96 
 
11 david 97 
 
98 
UL, OL {
3 david 99 
	margin:10px 0 10px 20px;
11 david 100 
 
3 david 101 
}
11 david 102 
 
103 
 
104 
LI {
105 
	margin:10px 0 10px 20px;
106 
 
107 
}
108 
 
109 
 
3 david 110 
IMG{
111 
	border:none;
112 
}
11 david 113 
 
114 
FORM{
3 david 115 
	margin:0;
116 
	border:none;
117 
}
11 david 118 
 
119 
 
120 
FIELDSET{
121 
	margin:20px 0 20px 0;
122 
	width:600px;
123 
}
124 
 
125 
 
3 david 126 
LEGEND{
11 david 127 
	/*display:none;*/
3 david 128 
}
11 david 129 
 
3 david 130 
LABEL{
131 
	font-size:1.1em;
132 
	margin:5px 0 10px 0;
133 
	line-height:1.4em;
134 
	font-weight:bold;
135 
}
136 
/* */
137 
#principal:after,#tools:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
138 
/*-------------------------------container-------------------------------------*/
11 david 139 
 
3 david 140 
#wrap{
141 
 
142 
}
11 david 143 
/* header contient : tools, chemin et navigation */
144 
 
145 
#top {
146 
  	background:transparent url(../images/bandeau.png) no-repeat scroll left top;
3 david 147 
	width:940px;
11 david 148 
	height:132px;
149 
	margin:0px auto;  /* Auto : centrage */
3 david 150 
	position:relative;
151 
	top:0px;
11 david 152 
	left:0px;
153 
}
154 
 
155 
#header{
156 
	margin:0px auto;  /* Auto : centrage */
157 
	position:relative;
158 
	top:0px;
3 david 159 
	left:0px;
11 david 160 
	width:940px;
161 
	background-color:#FFF;
162 
 
3 david 163 
}
11 david 164 
 
165 
#header H1{
166 
	font-size:1.8em;
167 
	margin: 0px 0 0px 0;
168 
}
169 
 
3 david 170 
#tools{
11 david 171 
	position:relative;
172 
	float:right;
3 david 173 
	text-align:right;
11 david 174 
	border:0px solid #CCC;
3 david 175 
	width:480px;
11 david 176 
	margin: 100px 0 0px 0;
3 david 177 
}
11 david 178 
 
179 
#chemin{
180 
	position: relative;
181 
	top:-5px;
182 
	clear:right;
183 
 
184 
}
185 
 
186 
/*
187 
#navigation{
188 
	background-color:#FFF;
189 
 
190 
}
191 
*/
192 
 
193 
#navigation {
194 
  float:left;
195 
  background:#FFF;
196 
  margin:0 auto;
197 
  width:940px;
198 
 
199 
}
200 
 
201 
/* Principal contient menu et  contenu */
202 
 
3 david 203 
#principal{
11 david 204 
	margin:0px auto;/* Auto : centrage */
3 david 205 
	width:940px;
206 
	top:0px;
207 
	left:0px;
208 
	background-color:#FFF;
11 david 209 
	border:0px solid #CCC;
210 
 
3 david 211 
}
11 david 212 
 
213 
/* for Internet Explorer */
214 
/*\*/
215 
* #menu {
216 
	height: 800px;
217 
}
218 
/**/
219 
 
220 
 
221 
 
3 david 222 
#menu{
223 
	width:230px;
224 
	position:relative;
225 
	top:0px;
226 
	left:0px;
227 
	padding:10px;
228 
	float:left;
11 david 229 
	min-height:800px;
3 david 230 
	background-color:#FFF;
11 david 231 
	font-size: 1.2em;
3 david 232 
}
11 david 233 
 
234 
 
235 
 
236 
 
3 david 237 
#contenu{
238 
	width:660px;
239 
	position: relative;
240 
	top:0px;
241 
	left:0px;
242 
	padding:10px;
243 
	margin:0;
244 
	float:right;
245 
	min-height:250px;
246 
	background-color:#FFF;
27 david 247 
	overflow:hidden;
3 david 248 
}
249 
 
11 david 250 
 
251 
 
3 david 252 
#footer{
253 
	width:940px;
254 
	position: relative;
255 
	top:0px;
256 
	left:0px;
257 
	padding:5px;
258 
	margin:5px auto;
259 
	font-size:0.8em;
260 
	text-align:center;
11 david 261 
	border:0px solid #CCC;
3 david 262 
	clear:both;
263 
}
11 david 264 
 
3 david 265 
/*-------------------------------navigation-------------------------------------*/
266 
#tools LI{
267 
	display:block;
268 
	float:right;
269 
	padding:0 10px 0 10px;
270 
}
271 
 
11 david 272 
 
273 
/* Debut Porte coulissantes navigation */
274 
 
275 
 
276 
 
277 
#navigation ul {
278 
  margin:0;
279 
  padding:10px 10px 0;
280 
  list-style:none;
281 
  }
282 
 
3 david 283 
#navigation li {
11 david 284 
  display:inline;
285 
  margin:0;
286 
  padding:0;
287 
  }
288 
#navigation a {
289 
  float:left;
290 
  background:url("../images/norm_left_both.gif") no-repeat left top;
291 
  margin:0;
292 
  padding:0 0 0 9px;
293 
  border-bottom:1px solid #765;
294 
  text-decoration:none;
295 
  white-space:nowrap;
296 
  }
297 
#navigation a span {
298 
  float:left;
299 
  display:block;
300 
  background:url("../images/norm_right_both.gif") no-repeat right top;
301 
  padding:5px 15px 4px 6px;
302 
  font-weight:bold;
303 
  color:#765;
304 
  }
305 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
306 
#navigation a span {float:none;}
307 
/* End IE5-Mac hack */
308 
#navigation a:hover span {
309 
  color:#333;
310 
  }
311 
#navigation #current a {
312 
  background-position:0 -150px;
313 
  border-width:0;
314 
  }
315 
#navigation #current a span {
316 
  background-position:100% -150px;
317 
  padding-bottom:5px;
318 
  color:#333;
319 
  }
320 
#navigation a:hover {
321 
  background-position:0% -150px;
322 
  }
323 
#navigation a:hover span {
324 
  background-position:100% -150px;
325 
  }
3 david 326 
 
327 
 
11 david 328 
/* Fin Porte coulissantes navigation*/
329 
 
330 
 
331 
 
332 
/* Debut Porte articles */
333 
 
334 
 
335 
#onglet ul {
336 
  margin:0;
337 
  padding:10px 10px 0;
338 
  list-style:none;
339 
  }
340 
 
341 
#onglet li {
342 
  display:inline;
343 
  margin:0;
344 
  padding:0;
345 
  }
346 
#onglet a {
347 
  float:left;
348 
  background:url("../images/left_both.gif") no-repeat left top;
349 
  margin:0;
350 
  padding:0 0 0 9px;
351 
  border-bottom:1px solid #765;
352 
  text-decoration:none;
353 
  white-space:nowrap;
354 
  }
355 
#onglet a span {
356 
  float:left;
357 
  display:block;
358 
  background:url("../images/right_both.gif") no-repeat right top;
359 
  padding:5px 15px 4px 6px;
360 
  font-weight:bold;
361 
  color:#765;
362 
  }
363 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
364 
#onglet a span {float:none;}
365 
/* End IE5-Mac hack */
366 
#onglet a:hover span {
367 
  color:#333;
368 
  }
369 
#onglet #currentonglet a {
370 
  background-position:0 -150px;
371 
  border-width:0;
372 
  }
373 
#onglet #currentonglet a span {
374 
  background-position:100% -150px;
375 
  padding-bottom:5px;
376 
  color:#333;
377 
  }
378 
#onglet a:hover {
379 
  background-position:0% -150px;
380 
  }
381 
#onglet a:hover span {
382 
  background-position:100% -150px;
383 
  }
384 
 
385 
 
386 
/* Fin Porte coulissantes articles */
387 
 
388 
 
389 
 
3 david 390 
#menu UL{
391 
	position:relative;
392 
	margin:0;
11 david 393 
	list-style-type: none;
3 david 394 
}
11 david 395 
 
396 
#menu UL LI{
397 
	list-style-type: none;
398 
}
399 
 
3 david 400 
#menu .item1, #menu .item1_down{
11 david 401 
	/*line-height: 2em;*/
3 david 402 
	display: block;
11 david 403 
/*	font-weight:bold; */
404 
	color:#0A8D37;
405 
	border-bottom: #CCC 0px solid;
3 david 406 
}
407 
 
408 
 
11 david 409 
 
3 david 410 
.item1 A{
411 
 
412 
}
413 
.item1 A:HOVER{
414 
 
415 
}
11 david 416 
 
417 
#menu .item1_down > A  {
3 david 418 
	color:#333333;
419 
}
420 
 
11 david 421 
 
422 
#menu .item1 ul {
423 
	display:none;
3 david 424 
}
425 
 
426 
/*-------------------------------mise en page-------------------------------------*/
427 
.col1{
428 
	width:400px;
429 
	position: relative;
430 
	top:0px;
431 
	left:0px;
432 
	padding:5px;
433 
	float:left;
434 
}
435 
.col2{
436 
	border:1px solid #CCC;
437 
	width:220px;
438 
	position: relative;
439 
	top:0px;
440 
	left:0px;
441 
	padding:5px;
442 
	float:right;
443 
}
444 
.article, .article_date, .article_galerie{
445 
	clear:both;
446 
}
11 david 447 
 
448 
.article {
449 
	padding:15px 0 0 0;
450 
}
451 
 
452 
 
3 david 453 
.clear{
454 
	clear:both;
455 
}
456 
SPAN.details{
457 
	display:block;
458 
	border-top:#CCCCCC dotted 1px;
459 
	font-size:1em;
460 
	clear:left;
461 
	margin:5px 0 10px 0;
462 
}
463 
.telecharger{
464 
	font-size:1.2em;
465 
	color: #ff6600;
466 
	font-weight:bold;
467 
}
468 
.ps{
469 
	font-size:0.9em;
470 
}
471 
.ps P{
472 
	font-size:1em;
473 
}
474 
.onglet1{
475 
	float:left;
476 
	margin: 0 8px 8px 0;
477 
}
478 
 
479 
 IMG.onglet1{
480 
	border:solid #CCCCCC 1px;
481 
	padding: 2px;
482 
}
483 
IMG.onglet1:hover{
484 
	border:solid #CC0000 1px;
485 
}
486 
/* ----------------------------- SPIP ---------------------------------- */
487 
.spip-admin-float{
488 
	position:absolute;
489 
	top:35px;
490 
	right:100px;
491 
}
492 
/* IMAGES SPIP */
493 
SPAN.spip_documents_left{
494 
	padding:2px;
495 
	border:1px solid #989794;
496 
	margin:0 10px 5px 0;
497 
}
498 
SPAN.spip_documents_right{
499 
	padding:2px;
500 
	border:1px solid #989794;
501 
	margin:0 0 5px 10px;
502 
}
503 
SPAN.spip_documents_center{
504 
	margin:5px 0 5px 0;
505 
	display:block;
506 
	text-align:center;
507 
}
508 
SPAN.spip_documents_center IMG{
509 
	padding:2px;
510 
	border:1px solid #989794;
511 
	margin:0 0 5px 10px;
512 
}
513 
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
514 
/* FORMULAIRES SPIP */
515 
#formulaire_recherche LABEL,
516 
.formulaire_recherche LABEL,
517 
#formulaire_menu_lang LABEL{
518 
	display:none;
519 
}
520 
INPUT#recherche{
521 
	width:120px;
522 
	color:#999;
523 
	font-size:10px;
524 
}
525 
INPUT.forml, INPUT.formo{
526 
	background-color:#CCC;
527 
	width:300px;
528 
	padding:3px;
529 
	border:none;
530 
	display:block;
531 
	margin:5px 0 5px 0;
532 
	font-size:13px;
533 
}
534 
TEXTAREA.forml, TEXTAREA.formo{
535 
	background-color:#CCC;
536 
	width:320px;
537 
	padding:3px;
538 
	font-family:Arial, Georgia, "Times New Roman";
539 
	border:none;
540 
	display:block;
541 
	margin:5px 0 5px 0;
542 
	font-size:12px;
543 
}
544 
.spip_form_choix_multiple LI{
545 
	list-style:none;
546 
}
547 
.spip_form_choix_multiple LABEL{
548 
	font-size:0.9em;
549 
}
550 
/* TABLEAUX SPIP */
551 
table.spip tr.row_even{
552 
	background-color:#ebe6d2 ;
553 
}
554 
table.spip tr.row_odd {
555 
	background-color:#FFFFFF;
556 
}
557 
table.spip th, table.spip td {
558 
	padding: 3px 5px 3px 5px;
559 
	text-align: left;
560 
	vertical-align: middle;
561 
	line-height:1.3em;
562 
}
563 
table.spip {
564 
	margin-bottom: 1em;
565 
	margin-top: 1em;
566 
	border:#ebe6d2 3px solid;
567 
	border-collapse: collapse;
568 
	padding:1px;
569 
	font-size:12px;
570 
}