WebSVN – Sites.obs-saisons.fr – Diff – /trunk/applications/saisie/squelettes/css/saisie.css


/* =========================== Balises ============================ 
 
 
 
/* =========================== Style général ============================ */ 
 
#wrapper #container {
	max-width:1650px;
}
 
.gauche {
	float:left;	
}
 
.droite {
	float:right;	
}
 
.information {
	
	padding-left: 10px;
	border:1px solid #FF420F;
	max-width:600px;
	height: 50px;
	text-align: center;
	font-size: 1.3em;
	color: #000000;
	background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;
	background-color:#EF9C86;
}
 
.information div {
	margin-top: 15px
}
 
 
/* =========================== Titres ============================ */ 
 
.titre_saisie {
	padding-bottom: 10px;	
}
 
.etape {
	color: #9AC343;
	padding-bottom:20px;
}
 
 
/* =========================== Menu et navigation ============================ */
 
#saisie_menu ul li {
	background: none;
	padding-top: 5px;
}
 
#saisie_menu ul li.item_menu_station {
	background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;
}
 
.item_menu_station > a {
	padding: 5px;	
}
 
#saisie_menu ul li.item_menu_espece {
	background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;
}
 
.item_menu_espece > a {
	padding: 5px	
}
 
#saisie_menu ul li.station_ajout {
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
}
 
li.station_en_cours {
	padding-top: 10px;	
}
 
li.station_en_cours > a {
	color: #FFFFFF;
	font-weight: bold;
	border: solid 1px #FFFFFF;
	background-color: #800000;
	-moz-border-radius: 0.9em;	
}
 
#saisie_menu ul li.espece_ajout {
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
}
 
li.espece_en_cours > a {
	color: #FFFFFF;
	font-weight: bold;
	border: solid 1px #FFFFFF;
	background-color: #9AC343;
	-moz-border-radius: 0.9em;
}
 
ul.liste_annees_observations {
	list-style-type: none;
}
 
.liste_annees_observations li {
	display: inline;
	list-style: none;
	background: none; 
}
 
#annee_en_cours {
	font-size: 1.6em;
	color: #9AC343;	
}
 
 
 
 
/* =========================== Formulaires d'inscription et d'identification ============================ */
 
#conteneur_formulaire_identification, #conteneur_formulaire_inscription {
	
	width:650px;
	border: 1px solid grey;
	margin-top: 10px;
	padding: 10px;
	text-align: left !important;
	-moz-border-radius: 0.9em;
}
 
#conteneur_formulaire_identification form {
	text-align: left !important;	
}
 
#conteneur_formulaire_identification input {
	text-align: left !important;
	width: 300px;	
}
 
#conteneur_formulaire_inscription input {
	text-align: left !important;
	width: 300px;	
}
 
.message_identification {
	font-weight: bold;
	padding-top: 5px;
	color: #435F06;
	font-size: 1.5em;	
}
 
 
/* =========================== Formulaires de l'application ============================ */
 
.element_formulaire_en_ligne {
	padding-left: 10px;
	padding-right: 10px;	
}
 
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
	padding-bottom : 5px;
}
 
.conteneur_carte {
	height: 400px;
	width: 725px;
}
 
.gros_bouton_validation {
	height: 50px;
	width: 200px;
	font-size: 20px;
	margin-top: 10x;
	margin-right:10px;
}
 
#saisie_liste_evenements {
	text-align: center;
	width:715px;
}
 
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
	height: 40px;	
}
 
.icone_s {
	height: 30px;
	width: 30px;	
}
 
.valider_formulaire {
	cursor: pointer;
	background-color: transparent;
	background-image: url("../images/valider_s.png");
	border: none;
	color: rgba(0,0,0,0);
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 3px;
}
 
.valider_formulaire:hover, .lien_modifier:hover {
	background-color: #CFCFCF;
}
 
#form_saisie_espece {
	margin-right: auto;
	margin-left: auto;	
}
 
.formulaire_informations_espece_mini {
	text-align: center;
	height:40px; 
	width: 500px;
	border: solid 1px #999999;
	-moz-border-radius: 0.9em;
	background-color: #CFCFCF;
	padding: 10px;
	margin-bottom: 10px;
}
 
.formulaire_informations_espece_mini:hover {
	background-color: #C0DF7D;
}
 
.formulaire_informations_espece_mini img {
	margin-top:-5px;
}
 
 
/* =========================== Fiches ============================== */ 
 
.element_fiche {
	padding-bottom : 5px;
}
 
.intitule_fiche {
		
}
 
.valeur_fiche {
	font-weight: bold;	
}
 
.titre_section_fiche {
	padding-bottom : 10px;
	padding-top : 10px;
}
 
.titre_fiche {
	
}
 
hr.separation_section {
	margin-top: 25px;	
}
 
.informations_espece img {
	margin-top:-35px;	
}
 
.annee_observation {
	padding-left: 10px;	
}
 
.observations_individu {
	display: inline;
	float: left;	
	width: 200px;
	height: 400px;
}
 
.observations_individu {
	color: #000000;
}
 
.observations_individu li {
	background: none;
	padding-left: 1px;
}
 
.observations_individu li div {
	-moz-border-radius: 0.9em;	
}
 
.observations_individu h4 {
	padding: 5px;
}
 
.date_observation_individu {
 
}
 
.calendrier {
	
}
 
 
/* =========================== Tableaux d'évenements ============================ */ 
 
#saisie_liste_evenements, #saisie_modif_evenements {
	text-align: center;	
}
 
tr:nth-child(odd) {
  background-color: #CFCFCF ;
}
 
tr:nth-child(1) {
	color: #FFFFFF;
}
 
tr:nth-child(1), tr:nth-child(2) {
	background-color: #FFFFFF ;
}
 
div.evenement { 
	text-align: center;
}
 
.stade_evenement {
	text-align: center;
}
 
 
/* =========================== Styles des différents stades ============================ */ 
 
.stade_feuillaison {
	background-color: #9AC343;
}
 
.stade_floraison {
	background-color: #C60800;	
}
 
.stade_fructification {
	background-color: #8B008B;
}
 
.stade_senescence {
	background-color: #800000;
}
 
.stade_1ere_apparition {
	background-color: #F08080;
}
 
 
/* ============ Styles crées par des effets javascripts automatiques ===== */
 
.erreur_valeur {
	background-color: red;	
}
 
.conteneur_type {
	float: right;
	align: center;
	width: 250px;
}
 
h4.lien_pliage {
	text-decoration: underline;	
}
 
h4.lien_pliage:hover {
	cursor: pointer;
}
 
.element_cliquable {
	cursor: pointer;	
}
 
.element_cliquable:hover {
	background : #9AC343;
 }
 
.element_clique {
	background: #9AC343;	
}
 
ul.liste_onglets {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
 
ul.liste_onglets li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
 
ul.liste_onglets li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
 
ul.liste_onglets li a:hover {
	background: #ccc;
}
 
html ul.liste_onglets li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
 
#onglets  {
	margin-left: 85px;
	margin-right: auto;
	position: relative;
	bottom: -1px;
	z-index: 1;
	clear:left;
}
 
.conteneur_onglets {
 
	border: 1px solid #999;
	overflow: hidden;
 
	float: left;
	background: #fff;
	position: relative;
	width:565px;
}
 
.contenu_onglet {
	padding: 20px;
	font-size: 1.2em;
}
 
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
 
.clearer {
	clear:both;	
}


Rev 82	Rev 89
1	`/* =========================== Balises ============================`	1	`/* =========================== Balises ============================`
2		2
3		3
4		4
5	`/* =========================== Style général ============================ */`	5	`/* =========================== Style général ============================ */`
6		6
7	`#wrapper #container {`	7	`#wrapper #container {`
8	`max-width:1650px;`	8	`max-width:1650px;`
9	`}`	9	`}`
10		10
11	`.gauche {`	11	`.gauche {`
12	`float:left;`	12	`float:left;`
13	`}`	13	`}`
14		14
15	`.droite {`	15	`.droite {`
16	`float:right;`	16	`float:right;`
17	`}`	17	`}`
18		18
19	`.information {`	19	`.information {`
20		20
21	`padding-left: 10px;`	21	`padding-left: 10px;`
22	`border:1px solid #FF420F;`	22	`border:1px solid #FF420F;`
23	`max-width:600px;`	23	`max-width:600px;`
24	`height: 50px;`	24	`height: 50px;`
25	`text-align: center;`	25	`text-align: center;`
26	`font-size: 1.3em;`	26	`font-size: 1.3em;`
27	`color: #000000;`	27	`color: #000000;`
28	`background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;`	28	`background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;`
29	`background-color:#EF9C86;`	29	`background-color:#EF9C86;`
30	`}`	30	`}`
31		31
32	`.information div {`	32	`.information div {`
33	`margin-top: 15px`	33	`margin-top: 15px`
34	`}`	34	`}`
35		35
36		36
37	`/* =========================== Titres ============================ */`	37	`/* =========================== Titres ============================ */`
38		38
39	`.titre_saisie {`	39	`.titre_saisie {`
40	`padding-bottom: 10px;`	40	`padding-bottom: 10px;`
41	`}`	41	`}`
42		42
43	`.etape {`	43	`.etape {`
44	`color: #9AC343;`	44	`color: #9AC343;`
45	`padding-bottom:20px;`	45	`padding-bottom:20px;`
46	`}`	46	`}`
47		47
48		48
49	`/* =========================== Menu et navigation ============================ */`	49	`/* =========================== Menu et navigation ============================ */`
50		50
51	`#saisie_menu ul li {`	51	`#saisie_menu ul li {`
52	`background: none;`	52	`background: none;`
53	`padding-top: 5px;`	53	`padding-top: 5px;`
54	`}`	54	`}`
55		55
56	`#saisie_menu ul li.item_menu_station {`	56	`#saisie_menu ul li.item_menu_station {`
57	`background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;`	57	`background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;`
58	`}`	58	`}`
59		59
60	`.item_menu_station > a {`	60	`.item_menu_station > a {`
61	`padding: 5px;`	61	`padding: 5px;`
62	`}`	62	`}`
63		63
64	`#saisie_menu ul li.item_menu_espece {`	64	`#saisie_menu ul li.item_menu_espece {`
65	`background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;`	65	`background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;`
66	`}`	66	`}`
67		67
68	`.item_menu_espece > a {`	68	`.item_menu_espece > a {`
69	`padding: 5px`	69	`padding: 5px`
70	`}`	70	`}`
71		71
72	`#saisie_menu ul li.station_ajout {`	72	`#saisie_menu ul li.station_ajout {`
73	`background: url("../images/ajout.png") no-repeat scroll -9px transparent;`	73	`background: url("../images/ajout.png") no-repeat scroll -9px transparent;`
74	`}`	74	`}`
75		75
76	`li.station_en_cours {`	76	`li.station_en_cours {`
77	`padding-top: 10px;`	77	`padding-top: 10px;`
78	`}`	78	`}`
79		79
80	`li.station_en_cours > a {`	80	`li.station_en_cours > a {`
81	`color: #FFFFFF;`	81	`color: #FFFFFF;`
82	`font-weight: bold;`	82	`font-weight: bold;`
83	`border: solid 1px #FFFFFF;`	83	`border: solid 1px #FFFFFF;`
84	`background-color: #800000;`	84	`background-color: #800000;`
85	`-moz-border-radius: 0.9em;`	85	`-moz-border-radius: 0.9em;`
86	`}`	86	`}`
87		87
88	`#saisie_menu ul li.espece_ajout {`	88	`#saisie_menu ul li.espece_ajout {`
89	`background: url("../images/ajout.png") no-repeat scroll -9px transparent;`	89	`background: url("../images/ajout.png") no-repeat scroll -9px transparent;`
90	`}`	90	`}`
91		91
92	`li.espece_en_cours > a {`	92	`li.espece_en_cours > a {`
93	`color: #FFFFFF;`	93	`color: #FFFFFF;`
94	`font-weight: bold;`	94	`font-weight: bold;`
95	`border: solid 1px #FFFFFF;`	95	`border: solid 1px #FFFFFF;`
96	`background-color: #9AC343;`	96	`background-color: #9AC343;`
97	`-moz-border-radius: 0.9em;`	97	`-moz-border-radius: 0.9em;`
98	`}`	98	`}`
99		99
100	`ul.liste_annees_observations {`	100	`ul.liste_annees_observations {`
101	`list-style-type: none;`	101	`list-style-type: none;`
102	`}`	102	`}`
103		103
104	`.liste_annees_observations li {`	104	`.liste_annees_observations li {`
105	`display: inline;`	105	`display: inline;`
106	`list-style: none;`	106	`list-style: none;`
107	`background: none;`	107	`background: none;`
108	`}`	108	`}`
109		109
110	`#annee_en_cours {`	110	`#annee_en_cours {`
111	`font-size: 1.6em;`	111	`font-size: 1.6em;`
112	`color: #9AC343;`	112	`color: #9AC343;`
113	`}`	113	`}`
114		114
115		115
116		116
117		117
118	`/* =========================== Formulaires d'inscription et d'identification ============================ */`	118	`/* =========================== Formulaires d'inscription et d'identification ============================ */`
119		119
120	`#conteneur_formulaire_identification, #conteneur_formulaire_inscription {`	120	`#conteneur_formulaire_identification, #conteneur_formulaire_inscription {`
121		121
122	`width:650px;`	122	`width:650px;`
123	`border: 1px solid grey;`	123	`border: 1px solid grey;`
124	`margin-top: 10px;`	124	`margin-top: 10px;`
125	`padding: 10px;`	125	`padding: 10px;`
126	`text-align: left !important;`	126	`text-align: left !important;`
127	`-moz-border-radius: 0.9em;`	127	`-moz-border-radius: 0.9em;`
128	`}`	128	`}`
129		129
130	`#conteneur_formulaire_identification form {`	130	`#conteneur_formulaire_identification form {`
131	`text-align: left !important;`	131	`text-align: left !important;`
132	`}`	132	`}`
133		133
134	`#conteneur_formulaire_identification input {`	134	`#conteneur_formulaire_identification input {`
135	`text-align: left !important;`	135	`text-align: left !important;`
136	`width: 300px;`	136	`width: 300px;`
137	`}`	137	`}`
138		138
139	`#conteneur_formulaire_inscription input {`	139	`#conteneur_formulaire_inscription input {`
140	`text-align: left !important;`	140	`text-align: left !important;`
141	`width: 300px;`	141	`width: 300px;`
142	`}`	142	`}`
143		143
144	`.message_identification {`	144	`.message_identification {`
145	`font-weight: bold;`	145	`font-weight: bold;`
146	`padding-top: 5px;`	146	`padding-top: 5px;`
147	`color: #435F06;`	147	`color: #435F06;`
148	`font-size: 1.5em;`	148	`font-size: 1.5em;`
149	`}`	149	`}`
150		150
151		151
152	`/* =========================== Formulaires de l'application ============================ */`	152	`/* =========================== Formulaires de l'application ============================ */`
153		153
154	`.element_formulaire_en_ligne {`	154	`.element_formulaire_en_ligne {`
155	`padding-left: 10px;`	155	`padding-left: 10px;`
156	`padding-right: 10px;`	156	`padding-right: 10px;`
157	`}`	157	`}`
158		158
159	`.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {`	159	`.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {`
160	`padding-bottom : 5px;`	160	`padding-bottom : 5px;`
161	`}`	161	`}`
162		162
163	`.conteneur_carte {`	163	`.conteneur_carte {`
164	`height:400px;`	164	`height: 400px;`
165	`width:800px;`	165	`width: 725px;`
166	`}`	166	`}`
167		167
168	`.gros_bouton_validation {`	168	`.gros_bouton_validation {`
169	`height: 50px;`	169	`height: 50px;`
170	`width: 200px;`	170	`width: 200px;`
171	`font-size: 20px;`	171	`font-size: 20px;`
172	`margin-top: 10x;`	172	`margin-top: 10x;`
-		173	`margin-right:10px;`
173	`}`	174	`}`
174		175
175	`#saisie_liste_evenements {`	176	`#saisie_liste_evenements {`
176	`text-align: center;`	177	`text-align: center;`
-		178	`width:715px;`
177	`}`	179	`}`
178		180
179	`#saisie_modif_evenements tr, #saisie_liste_evenements tr {`	181	`#saisie_modif_evenements tr, #saisie_liste_evenements tr {`
180	`height: 40px;`	182	`height: 40px;`
181	`}`	183	`}`
182		184
183	`.icone_s {`	185	`.icone_s {`
184	`height: 30px;`	186	`height: 30px;`
185	`width: 30px;`	187	`width: 30px;`
186	`}`	188	`}`
187		189
188	`.valider_formulaire {`	190	`.valider_formulaire {`
189	`cursor: pointer;`	191	`cursor: pointer;`
190	`background-color: transparent;`	192	`background-color: transparent;`
191	`background-image: url("../images/valider_s.png");`	193	`background-image: url("../images/valider_s.png");`
192	`border: none;`	194	`border: none;`
193	`color: rgba(0,0,0,0);`	195	`color: rgba(0,0,0,0);`
194	`background-position: center;`	196	`background-position: center;`
195	`background-repeat: no-repeat;`	197	`background-repeat: no-repeat;`
196	`padding-top: 2px;`	198	`padding-top: 2px;`
197	`padding-bottom: 3px;`	199	`padding-bottom: 3px;`
198	`}`	200	`}`
199		201
200	`.valider_formulaire:hover, .lien_modifier:hover {`	202	`.valider_formulaire:hover, .lien_modifier:hover {`
201	`background-color: #CFCFCF;`	203	`background-color: #CFCFCF;`
202	`}`	204	`}`
-		205
-		206	`#form_saisie_espece {`
-		207	`margin-right: auto;`
-		208	`margin-left: auto;`
-		209	`}`
203		210
204	`.formulaire_informations_espece_mini {`	211	`.formulaire_informations_espece_mini {`
205	`text-align: center;`	212	`text-align: center;`
206	`height:40px;`	213	`height:40px;`
207	`width: 500px;`	214	`width: 500px;`
208	`border: solid 1px #999999;`	215	`border: solid 1px #999999;`
209	`-moz-border-radius: 0.9em;`	216	`-moz-border-radius: 0.9em;`
210	`background-color: #CFCFCF;`	217	`background-color: #CFCFCF;`
211	`padding: 10px;`	218	`padding: 10px;`
212	`margin-bottom: 10px;`	219	`margin-bottom: 10px;`
213	`}`	220	`}`
214		221
215	`.formulaire_informations_espece_mini:hover {`	222	`.formulaire_informations_espece_mini:hover {`
216	`background-color: #C0DF7D;`	223	`background-color: #C0DF7D;`
217	`}`	224	`}`
218		225
219	`.formulaire_informations_espece_mini img {`	226	`.formulaire_informations_espece_mini img {`
220	`margin-top:-5px;`	227	`margin-top:-5px;`
221	`}`	228	`}`
222		229
223		230
224	`/* =========================== Fiches ============================== */`	231	`/* =========================== Fiches ============================== */`
225		232
226	`.element_fiche {`	233	`.element_fiche {`
227	`padding-bottom : 5px;`	234	`padding-bottom : 5px;`
228	`}`	235	`}`
229		236
230	`.intitule_fiche {`	237	`.intitule_fiche {`
231		238
232	`}`	239	`}`
233		240
234	`.valeur_fiche {`	241	`.valeur_fiche {`
235	`font-weight: bold;`	242	`font-weight: bold;`
236	`}`	243	`}`
237		244
238	`.titre_section_fiche {`	245	`.titre_section_fiche {`
239	`padding-bottom : 10px;`	246	`padding-bottom : 10px;`
240	`padding-top : 10px;`	247	`padding-top : 10px;`
241	`}`	248	`}`
242		249
243	`.titre_fiche {`	250	`.titre_fiche {`
244		251
245	`}`	252	`}`
246		253
247	`hr.separation_section {`	254	`hr.separation_section {`
248	`margin-top: 25px;`	255	`margin-top: 25px;`
249	`}`	256	`}`
250		257
251	`.informations_espece img {`	258	`.informations_espece img {`
252	`margin-top:-35px;`	259	`margin-top:-35px;`
253	`}`	260	`}`
254		261
255	`.annee_observation {`	262	`.annee_observation {`
256	`padding-left: 10px;`	263	`padding-left: 10px;`
257	`}`	264	`}`
258		265
259	`.observations_individu {`	266	`.observations_individu {`
260	`display: inline;`	267	`display: inline;`
261	`float: left;`	268	`float: left;`
262	`width: 200px;`	269	`width: 200px;`
263	`height: 400px;`	270	`height: 400px;`
264	`}`	271	`}`
265		272
266	`.observations_individu {`	273	`.observations_individu {`
267	`color: #000000;`	274	`color: #000000;`
268	`}`	275	`}`
269		276
270	`.observations_individu li {`	277	`.observations_individu li {`
271	`background: none;`	278	`background: none;`
272	`padding-left: 1px;`	279	`padding-left: 1px;`
273	`}`	280	`}`
274		281
275	`.observations_individu li div {`	282	`.observations_individu li div {`
276	`-moz-border-radius: 0.9em;`	283	`-moz-border-radius: 0.9em;`
277	`}`	284	`}`
278		285
279	`.observations_individu h4 {`	286	`.observations_individu h4 {`
280	`padding: 5px;`	287	`padding: 5px;`
281	`}`	288	`}`
282		289
283	`.date_observation_individu {`	290	`.date_observation_individu {`
-		291
-		292	`}`
-		293
-		294	`.calendrier {`
284		295
285	`}`	296	`}`
286		297
287		298
288	`/* =========================== Tableaux d'évenements ============================ */`	299	`/* =========================== Tableaux d'évenements ============================ */`
289		300
290	`#saisie_liste_evenements, #saisie_modif_evenements {`	301	`#saisie_liste_evenements, #saisie_modif_evenements {`
291	`text-align: center;`	302	`text-align: center;`
292	`}`	303	`}`
293		304
294	`tr:nth-child(odd) {`	305	`tr:nth-child(odd) {`
295	`background-color: #CFCFCF ;`	306	`background-color: #CFCFCF ;`
296	`}`	307	`}`
297		308
298	`tr:nth-child(1) {`	309	`tr:nth-child(1) {`
299	`color: #FFFFFF;`	310	`color: #FFFFFF;`
300	`}`	311	`}`
301		312
302	`tr:nth-child(1), tr:nth-child(2) {`	313	`tr:nth-child(1), tr:nth-child(2) {`
303	`background-color: #FFFFFF ;`	314	`background-color: #FFFFFF ;`
304	`}`	315	`}`
305		316
306	`div.evenement {`	317	`div.evenement {`
307	`text-align: center;`	318	`text-align: center;`
308	`}`	319	`}`
309		320
310	`.stade_evenement {`	321	`.stade_evenement {`
311	`text-align: center;`	322	`text-align: center;`
312	`}`	323	`}`
313		324
314		325
315	`/* =========================== Styles des différents stades ============================ */`	326	`/* =========================== Styles des différents stades ============================ */`
316		327
317	`.stade_feuillaison {`	328	`.stade_feuillaison {`
318	`background-color: #9AC343;`	329	`background-color: #9AC343;`
319	`}`	330	`}`
320		331
321	`.stade_floraison {`	332	`.stade_floraison {`
322	`background-color: #C60800;`	333	`background-color: #C60800;`
323	`}`	334	`}`
324		335
325	`.stade_fructification {`	336	`.stade_fructification {`
326	`background-color: #8B008B;`	337	`background-color: #8B008B;`
327	`}`	338	`}`
328		339
329	`.stade_senescence {`	340	`.stade_senescence {`
330	`background-color: #800000;`	341	`background-color: #800000;`
331	`}`	342	`}`
332		343
333	`.stade_1ere_apparition {`	344	`.stade_1ere_apparition {`
334	`background-color: #F08080;`	345	`background-color: #F08080;`
335	`}`	346	`}`
336		347
337		348
338	`/* ============ Styles crées par des effets javascripts automatiques ===== */`	349	`/* ============ Styles crées par des effets javascripts automatiques ===== */`
-		350
-		351	`.erreur_valeur {`
-		352	`background-color: red;`
-		353	`}`
339		354
340	`.conteneur_type {`	355	`.conteneur_type {`
341	`float: right;`	356	`float: right;`
342	`align: center;`	357	`align: center;`
343	`width: 250px;`	358	`width: 250px;`
344	`}`	359	`}`
345		360
346	`h4.lien_pliage {`	361	`h4.lien_pliage {`
347	`text-decoration: underline;`	362	`text-decoration: underline;`
348	`}`	363	`}`
349		364
350	`h4.lien_pliage:hover {`	365	`h4.lien_pliage:hover {`
351	`cursor: pointer;`	366	`cursor: pointer;`
352	`}`	367	`}`
353		368
354	`.element_cliquable {`	369	`.element_cliquable {`
355	`cursor: pointer;`	370	`cursor: pointer;`
356	`}`	371	`}`
357		372
358	`.element_cliquable:hover {`	373	`.element_cliquable:hover {`
359	`background : #9AC343;`	374	`background : #9AC343;`
360	`}`	375	`}`
361		376
362	`.element_clique {`	377	`.element_clique {`
363	`background: #9AC343;`	378	`background: #9AC343;`
364	`}`	379	`}`
365		380
366	`ul.liste_onglets {`	381	`ul.liste_onglets {`
367	`margin: 0;`	382	`margin: 0;`
368	`padding: 0;`	383	`padding: 0;`
369	`float: left;`	384	`float: left;`
370	`list-style: none;`	385	`list-style: none;`
371	`height: 32px; /--Set height of tabs--/`	386	`height: 32px; /--Set height of tabs--/`
372	`border-bottom: 1px solid #999;`	387	`border-bottom: 1px solid #999;`
373	`border-left: 1px solid #999;`	388	`border-left: 1px solid #999;`
374	`}`	389	`}`
375		390
376	`ul.liste_onglets li {`	391	`ul.liste_onglets li {`
377	`float: left;`	392	`float: left;`
378	`margin: 0;`	393	`margin: 0;`
379	`padding: 0;`	394	`padding: 0;`
380	`height: 31px; /--Subtract 1px from the height of the unordered list--/`	395	`height: 31px; /--Subtract 1px from the height of the unordered list--/`
381	`line-height: 31px; /--Vertically aligns the text within the tab--/`	396	`line-height: 31px; /--Vertically aligns the text within the tab--/`
382	`border: 1px solid #999;`	397	`border: 1px solid #999;`
383	`border-left: none;`	398	`border-left: none;`
384	`margin-bottom: -1px; /--Pull the list item down 1px--/`	399	`margin-bottom: -1px; /--Pull the list item down 1px--/`
385	`overflow: hidden;`	400	`overflow: hidden;`
386	`position: relative;`	401	`position: relative;`
387	`background: #e0e0e0;`	402	`background: #e0e0e0;`
388	`}`	403	`}`
389		404
390	`ul.liste_onglets li a {`	405	`ul.liste_onglets li a {`
391	`text-decoration: none;`	406	`text-decoration: none;`
392	`color: #000;`	407	`color: #000;`
393	`display: block;`	408	`display: block;`
394	`font-size: 1.2em;`	409	`font-size: 1.2em;`
395	`padding: 0 20px;`	410	`padding: 0 20px;`
396	`border: 1px solid #fff; /--Gives the bevel look with a 1px white border inside the list item--/`	411	`border: 1px solid #fff; /--Gives the bevel look with a 1px white border inside the list item--/`
397	`outline: none;`	412	`outline: none;`
398	`}`	413	`}`
399		414
400	`ul.liste_onglets li a:hover {`	415	`ul.liste_onglets li a:hover {`
401	`background: #ccc;`	416	`background: #ccc;`
402	`}`	417	`}`
403		418
404	`html ul.liste_onglets li.active, html ul.tabs li.active a:hover { /--Makes sure that the active tab does not listen to the hover properties--/`	419	`html ul.liste_onglets li.active, html ul.tabs li.active a:hover { /--Makes sure that the active tab does not listen to the hover properties--/`
405	`background: #fff;`	420	`background: #fff;`
406	`border-bottom: 1px solid #fff; /--Makes the active tab look like it's connected with its content--/`	421	`border-bottom: 1px solid #fff; /--Makes the active tab look like it's connected with its content--/`
407	`}`	422	`}`
-		423
-		424	`#onglets {`
-		425	`margin-left: 85px;`
-		426	`margin-right: auto;`
-		427	`position: relative;`
-		428	`bottom: -1px;`
-		429	`z-index: 1;`
-		430	`clear:left;`
-		431	`}`
408		432
409	`.conteneur_onglets {`	433	`.conteneur_onglets {`
410	`border: 1px solid #999;`	-
411	`border-top: none;`	434	`border: 1px solid #999;`
412	`overflow: hidden;`	435	`overflow: hidden;`
413	`clear: both;`	-
414	`float: left; width: 100%;`	436	`float: left;`
-		437	`background: #fff;`
-		438	`position: relative;`
415	`background: #fff;`	439	`width:565px;`
416	`}`	440	`}`
417		441
418	`.contenu_onglet {`	442	`.contenu_onglet {`
419	`padding: 20px;`	443	`padding: 20px;`
420	`font-size: 1.2em;`	444	`font-size: 1.2em;`
-		445	`}`
-		446
-		447	`/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */`
-		448
-		449	`.clearer {`
-		450	`clear:both;`
421	`}`	451	`}`
422		452

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/css/saisie.css @ 287 – Rev 82 → 89