WebSVN – Sites.outils-naturalistes.fr – Diff – /trunk/spip/squelettes/css/styles.css


/* 
***************************************************************
*                 SQUELETTES EXIBIT POUR SPIP                 *
*                         version 1.3                         *
*                   last update : 10/03/2009                  *
*                    Licensed under the MIT                   *
*    http://www.opensource.org/licenses/mit-license.php       *
*                                                             *
*       Copyright 2009 Beno�t Vrins {benoit@exibit.be}        *
***************************************************************
*/
* {
margin: 0;
padding:0;
}
 
BODY, html{
	font-size:62.5%;
	background:#e8f1cd;
	margin:0 auto;
}
 
body {
	
	font-family:"Trebuchet MS";
	font-size:1.2em;
	color: #000000;
	line-height: 1.3em;
	margin: 0;
	padding:0;
	
}
 
A{
	color:#0A8D37;
	text-decoration:none;
}
 
A:HOVER{
	text-decoration:underline;
}
 
H1{
	font-size:1.8em;
	margin: 5px 0 20px 0;
}
 
H2{
	font-size:1.5em;
	margin: 5px 0 20px 0;
	font-style:italic;	
	color:#0A8D37;
	font-weight:normal;
	width:650px;
	padding:0 10px;
	line-height:20px;
	
}
 
H3{
	
	font-size:1.4em;
	color:#333333;
	margin: 8px 0 8px 0;
	
	font-family:"Trebuchet MS";
	color:#CC6600;
	font-weight:bold;
	padding-bottom:5px;
	
	
}
 
H4{
	font-size:1.3em;
	color: #333333;
	font-weight:bold;
}
 
P{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.3em;
	
	
}
HR{
	height:1px;
	border-top:#9cb4c7 solid 1px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:5px;
}
	
 
 
UL, OL {
	margin:10px 0 10px 20px;
	
}
 
 
LI {
	margin:10px 0 10px 20px;
	
}
 
 
IMG{
	border:none;
}
 
FORM{
	margin:0;
	border:none;
}
 
 
FIELDSET{
	margin:20px 0 20px 0;
	width:600px;
}
 
 
LEGEND{
	/*display:none;*/
}
 
LABEL{
	font-size:1.1em;
	margin:5px 0 10px 0;
	line-height:1.4em;
	font-weight:bold;
}
/* */
#principal:after,#tools:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*-------------------------------container-------------------------------------*/
 
#wrap{
 
}
/* header contient : tools, chemin et navigation */
 
#top {
  	background:transparent url(../images/bandeau.png) no-repeat scroll left top;
	width:940px;
	height:132px;
	margin:0px auto;  /* Auto : centrage */
	position:relative;
	top:0px;
	left:0px;		
}
 
#header{	
	margin:0px auto;  /* Auto : centrage */
	position:relative;
	top:0px;
	left:0px;
	width:940px;
	background-color:#FFF;
	
}
 
#header H1{
	font-size:1.8em;
	margin: 0px 0 0px 0;
}
 
#tools{
	position:relative;
	float:right;
	text-align:right;
	border:0px solid #CCC;
	width:480px;
	margin: 100px 0 0px 0;
}
 
#chemin{
	position: relative;
	top:-5px;
	clear:right;
 
}
 
/*
#navigation{
	background-color:#FFF;		
	
}
*/
 
#navigation {
  float:left;
  background:#FFF;
  margin:0 auto;
  width:940px;
 
}
 
/* Principal contient menu et  contenu */
 
#principal{
	margin:0px auto;/* Auto : centrage */
	width:940px;
	top:0px;
	left:0px;
	background-color:#FFF;
	border:0px solid #CCC;
	
}
 
/* for Internet Explorer */
/*\*/
* #menu {
	height: 800px;
}
/**/
 
 
 
#menu{
	width:230px;
	position:relative;
	top:0px;
	left:0px;
	padding:10px;
	float:left;
	min-height:800px;
	background-color:#FFF;
	font-size: 1.2em;
}
 
 
 
 
#contenu{
	width:660px;
	position: relative;
	top:0px;
	left:0px;
	padding:10px;
	margin:0;
	float:right;
	min-height:250px;
	background-color:#FFF;
	overflow:hidden;
}
 
 
 
#footer{
	width:940px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	margin:5px auto;
	font-size:0.8em;
	text-align:center;
	border:0px solid #CCC;
	clear:both;
}
 
/*-------------------------------navigation-------------------------------------*/
#tools LI{
	display:block;
	float:right;
	padding:0 10px 0 10px;
}
 
 
/* Debut Porte coulissantes navigation */
 
 
 
#navigation ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
#navigation li {
  display:inline;
  margin:0;
  padding:0;
  }
#navigation a {
  float:left;
  background:url("../images/norm_left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
  white-space:nowrap;
  }
#navigation a span {
  float:left;
  display:block;
  background:url("../images/norm_right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {
  color:#333;
  }
#navigation #current a {
  background-position:0 -150px;
  border-width:0;
  }
#navigation #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#navigation a:hover {
  background-position:0% -150px;
  }
#navigation a:hover span {
  background-position:100% -150px;
  }
 
 
/* Fin Porte coulissantes navigation*/
 
 
 
/* Debut Porte articles */
 
 
#onglet ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
#onglet li {
  display:inline;
  margin:0;
  padding:0;
  }
#onglet a {
  float:left;
  background:url("../images/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
  white-space:nowrap;
  }
#onglet a span {
  float:left;
  display:block;
  background:url("../images/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglet a span {float:none;}
/* End IE5-Mac hack */
#onglet a:hover span {
  color:#333;
  }
#onglet #currentonglet a {
  background-position:0 -150px;
  border-width:0;
  }
#onglet #currentonglet a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#onglet a:hover {
  background-position:0% -150px;
  }
#onglet a:hover span {
  background-position:100% -150px;
  }
 
 
/* Fin Porte coulissantes articles */
 
 
 
#menu UL{
	position:relative;
	margin:0;
	list-style-type: none; 
}
 
#menu UL LI{
	list-style-type: none; 
}
 
#menu .item1, #menu .item1_down{
	/*line-height: 2em;*/
	display: block;
/*	font-weight:bold; */
	color:#0A8D37;
	border-bottom: #CCC 0px solid;
}
 
 
 
.item1 A{
 
} 
.item1 A:HOVER{
 
}
 
#menu .item1_down > A  {
	color:#333333;
}
 
 
#menu .item1 ul {
	display:none;		
}
 
/*-------------------------------mise en page-------------------------------------*/
.col1{
	width:400px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	float:left;
}
.col2{
	border:1px solid #CCC;
	width:220px;
	position: relative;
	top:0px;
	left:0px;
	padding:5px;
	float:right;
}
.article, .article_date, .article_galerie{
	clear:both;
}
 
.article {
	padding:15px 0 0 0;
}
 
 
.clear{
	clear:both;
}
SPAN.details{
	display:block;
	border-top:#CCCCCC dotted 1px;
	font-size:1em;
	clear:left;
	margin:5px 0 10px 0;
}
.telecharger{
	font-size:1.2em;
	color: #ff6600;
	font-weight:bold;
}
.ps{
	font-size:0.9em;
}
.ps P{
	font-size:1em;
}
.onglet1{
	float:left;
	margin: 0 8px 8px 0; 
}
 
 IMG.onglet1{
	border:solid #CCCCCC 1px;
	padding: 2px;
}
IMG.onglet1:hover{
	border:solid #CC0000 1px;
}
/* ----------------------------- SPIP ---------------------------------- */
.spip-admin-float{
	position:absolute;
	top:35px;
	right:100px;
}
/* IMAGES SPIP */
SPAN.spip_documents_left{
	padding:2px;
	border:1px solid #989794;
	margin:0 10px 5px 0;
}
SPAN.spip_documents_right{
	padding:2px;
	border:1px solid #989794;
	margin:0 0 5px 10px;
}
SPAN.spip_documents_center{
	margin:5px 0 5px 0;
	display:block;
	text-align:center;
}
SPAN.spip_documents_center IMG{
	padding:2px;
	border:1px solid #989794;
	margin:0 0 5px 10px;
}
.spip_doc_titre, .spip_doc_descriptif{font-size:0.75em;line-height:1.1em;}
/* FORMULAIRES SPIP */
#formulaire_recherche LABEL,
.formulaire_recherche LABEL,
#formulaire_menu_lang LABEL{
	display:none;
}
INPUT#recherche{
	width:120px;
	color:#999;
	font-size:10px;
}
INPUT.forml, INPUT.formo{
	background-color:#CCC;
	width:300px;
	padding:3px;
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:13px;
}
TEXTAREA.forml, TEXTAREA.formo{
	background-color:#CCC;
	width:320px;
	padding:3px;
	font-family:Arial, Georgia, "Times New Roman";
	border:none;
	display:block;
	margin:5px 0 5px 0;
	font-size:12px;
}
.spip_form_choix_multiple LI{
	list-style:none;
}
.spip_form_choix_multiple LABEL{
	font-size:0.9em;
}
/* TABLEAUX SPIP */
table.spip tr.row_even{
	background-color:#ebe6d2 ;
}
table.spip tr.row_odd {
	background-color:#FFFFFF;
}
table.spip th, table.spip td { 
	padding: 3px 5px 3px 5px; 
	text-align: left; 
	vertical-align: middle;
	line-height:1.3em;
}
table.spip {
	margin-bottom: 1em;
	margin-top: 1em;
	border:#ebe6d2 3px solid;
	border-collapse: collapse;
	padding:1px;
	font-size:12px;
}

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

Subversion Repositories Sites.outils-naturalistes.fr

(root)/trunk/spip/squelettes/css/styles.css – Rev 11 → 27