Subversion Repositories Sites.outils-naturalistes.fr

Rev

Rev 3 | Go to most recent revision | 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;
247 
}
248 
 
11 david 249 
 
250 
 
3 david 251 
#footer{
252 
	width:940px;
253 
	position: relative;
254 
	top:0px;
255 
	left:0px;
256 
	padding:5px;
257 
	margin:5px auto;
258 
	font-size:0.8em;
259 
	text-align:center;
11 david 260 
	border:0px solid #CCC;
3 david 261 
	clear:both;
262 
}
11 david 263 
 
3 david 264 
/*-------------------------------navigation-------------------------------------*/
265 
#tools LI{
266 
	display:block;
267 
	float:right;
268 
	padding:0 10px 0 10px;
269 
}
270 
 
11 david 271 
 
272 
/* Debut Porte coulissantes navigation */
273 
 
274 
 
275 
 
276 
#navigation ul {
277 
  margin:0;
278 
  padding:10px 10px 0;
279 
  list-style:none;
280 
  }
281 
 
3 david 282 
#navigation li {
11 david 283 
  display:inline;
284 
  margin:0;
285 
  padding:0;
286 
  }
287 
#navigation a {
288 
  float:left;
289 
  background:url("../images/norm_left_both.gif") no-repeat left top;
290 
  margin:0;
291 
  padding:0 0 0 9px;
292 
  border-bottom:1px solid #765;
293 
  text-decoration:none;
294 
  white-space:nowrap;
295 
  }
296 
#navigation a span {
297 
  float:left;
298 
  display:block;
299 
  background:url("../images/norm_right_both.gif") no-repeat right top;
300 
  padding:5px 15px 4px 6px;
301 
  font-weight:bold;
302 
  color:#765;
303 
  }
304 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
305 
#navigation a span {float:none;}
306 
/* End IE5-Mac hack */
307 
#navigation a:hover span {
308 
  color:#333;
309 
  }
310 
#navigation #current a {
311 
  background-position:0 -150px;
312 
  border-width:0;
313 
  }
314 
#navigation #current a span {
315 
  background-position:100% -150px;
316 
  padding-bottom:5px;
317 
  color:#333;
318 
  }
319 
#navigation a:hover {
320 
  background-position:0% -150px;
321 
  }
322 
#navigation a:hover span {
323 
  background-position:100% -150px;
324 
  }
3 david 325 
 
326 
 
11 david 327 
/* Fin Porte coulissantes navigation*/
328 
 
329 
 
330 
 
331 
/* Debut Porte articles */
332 
 
333 
 
334 
#onglet ul {
335 
  margin:0;
336 
  padding:10px 10px 0;
337 
  list-style:none;
338 
  }
339 
 
340 
#onglet li {
341 
  display:inline;
342 
  margin:0;
343 
  padding:0;
344 
  }
345 
#onglet a {
346 
  float:left;
347 
  background:url("../images/left_both.gif") no-repeat left top;
348 
  margin:0;
349 
  padding:0 0 0 9px;
350 
  border-bottom:1px solid #765;
351 
  text-decoration:none;
352 
  white-space:nowrap;
353 
  }
354 
#onglet a span {
355 
  float:left;
356 
  display:block;
357 
  background:url("../images/right_both.gif") no-repeat right top;
358 
  padding:5px 15px 4px 6px;
359 
  font-weight:bold;
360 
  color:#765;
361 
  }
362 
/* Commented Backslash Hack hides rule from IE5-Mac \*/
363 
#onglet a span {float:none;}
364 
/* End IE5-Mac hack */
365 
#onglet a:hover span {
366 
  color:#333;
367 
  }
368 
#onglet #currentonglet a {
369 
  background-position:0 -150px;
370 
  border-width:0;
371 
  }
372 
#onglet #currentonglet a span {
373 
  background-position:100% -150px;
374 
  padding-bottom:5px;
375 
  color:#333;
376 
  }
377 
#onglet a:hover {
378 
  background-position:0% -150px;
379 
  }
380 
#onglet a:hover span {
381 
  background-position:100% -150px;
382 
  }
383 
 
384 
 
385 
/* Fin Porte coulissantes articles */
386 
 
387 
 
388 
 
3 david 389 
#menu UL{
390 
	position:relative;
391 
	margin:0;
11 david 392 
	list-style-type: none;
3 david 393 
}
11 david 394 
 
395 
#menu UL LI{
396 
	list-style-type: none;
397 
}
398 
 
3 david 399 
#menu .item1, #menu .item1_down{
11 david 400 
	/*line-height: 2em;*/
3 david 401 
	display: block;
11 david 402 
/*	font-weight:bold; */
403 
	color:#0A8D37;
404 
	border-bottom: #CCC 0px solid;
3 david 405 
}
406 
 
407 
 
11 david 408 
 
3 david 409 
.item1 A{
410 
 
411 
}
412 
.item1 A:HOVER{
413 
 
414 
}
11 david 415 
 
416 
#menu .item1_down > A  {
3 david 417 
	color:#333333;
418 
}
419 
 
11 david 420 
 
421 
#menu .item1 ul {
422 
	display:none;
3 david 423 
}
424 
 
425 
/*-------------------------------mise en page-------------------------------------*/
426 
.col1{
427 
	width:400px;
428 
	position: relative;
429 
	top:0px;
430 
	left:0px;
431 
	padding:5px;
432 
	float:left;
433 
}
434 
.col2{
435 
	border:1px solid #CCC;
436 
	width:220px;
437 
	position: relative;
438 
	top:0px;
439 
	left:0px;
440 
	padding:5px;
441 
	float:right;
442 
}
443 
.article, .article_date, .article_galerie{
444 
	clear:both;
445 
}
11 david 446 
 
447 
.article {
448 
	padding:15px 0 0 0;
449 
}
450 
 
451 
 
3 david 452 
.clear{
453 
	clear:both;
454 
}
455 
SPAN.details{
456 
	display:block;
457 
	border-top:#CCCCCC dotted 1px;
458 
	font-size:1em;
459 
	clear:left;
460 
	margin:5px 0 10px 0;
461 
}
462 
.telecharger{
463 
	font-size:1.2em;
464 
	color: #ff6600;
465 
	font-weight:bold;
466 
}
467 
.ps{
468 
	font-size:0.9em;
469 
}
470 
.ps P{
471 
	font-size:1em;
472 
}
473 
.onglet1{
474 
	float:left;
475 
	margin: 0 8px 8px 0;
476 
}
477 
 
478 
 IMG.onglet1{
479 
	border:solid #CCCCCC 1px;
480 
	padding: 2px;
481 
}
482 
IMG.onglet1:hover{
483 
	border:solid #CC0000 1px;
484 
}
485 
/* ----------------------------- SPIP ---------------------------------- */
486 
.spip-admin-float{
487 
	position:absolute;
488 
	top:35px;
489 
	right:100px;
490 
}
491 
/* IMAGES SPIP */
492 
SPAN.spip_documents_left{
493 
	padding:2px;
494 
	border:1px solid #989794;
495 
	margin:0 10px 5px 0;
496 
}
497 
SPAN.spip_documents_right{
498 
	padding:2px;
499 
	border:1px solid #989794;
500 
	margin:0 0 5px 10px;
501 
}
502 
SPAN.spip_documents_center{
503 
	margin:5px 0 5px 0;
504 
	display:block;
505 
	text-align:center;
506 
}
507 
SPAN.spip_documents_center IMG{
508 
	padding:2px;
509 
	border:1px solid #989794;
510 
	margin:0 0 5px 10px;
511 
}
512 
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
513 
/* FORMULAIRES SPIP */
514 
#formulaire_recherche LABEL,
515 
.formulaire_recherche LABEL,
516 
#formulaire_menu_lang LABEL{
517 
	display:none;
518 
}
519 
INPUT#recherche{
520 
	width:120px;
521 
	color:#999;
522 
	font-size:10px;
523 
}
524 
INPUT.forml, INPUT.formo{
525 
	background-color:#CCC;
526 
	width:300px;
527 
	padding:3px;
528 
	border:none;
529 
	display:block;
530 
	margin:5px 0 5px 0;
531 
	font-size:13px;
532 
}
533 
TEXTAREA.forml, TEXTAREA.formo{
534 
	background-color:#CCC;
535 
	width:320px;
536 
	padding:3px;
537 
	font-family:Arial, Georgia, "Times New Roman";
538 
	border:none;
539 
	display:block;
540 
	margin:5px 0 5px 0;
541 
	font-size:12px;
542 
}
543 
.spip_form_choix_multiple LI{
544 
	list-style:none;
545 
}
546 
.spip_form_choix_multiple LABEL{
547 
	font-size:0.9em;
548 
}
549 
/* TABLEAUX SPIP */
550 
table.spip tr.row_even{
551 
	background-color:#ebe6d2 ;
552 
}
553 
table.spip tr.row_odd {
554 
	background-color:#FFFFFF;
555 
}
556 
table.spip th, table.spip td {
557 
	padding: 3px 5px 3px 5px;
558 
	text-align: left;
559 
	vertical-align: middle;
560 
	line-height:1.3em;
561 
}
562 
table.spip {
563 
	margin-bottom: 1em;
564 
	margin-top: 1em;
565 
	border:#ebe6d2 3px solid;
566 
	border-collapse: collapse;
567 
	padding:1px;
568 
	font-size:12px;
569 
}