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:40px;
	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
}
 
span.erreur {
	color: red;	
}
 
input.erreur {
	border: 1px solid red;	
}
 
#center {
	width: 720px;	
}
 
 
/* =========================== 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;	
	-webkit-border-radius: 0.9em;	
	border-radius: 0.9em;	
}
 
#retour_au_site {
	padding-top: 30px;
}
 
#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;	
	-webkit-border-radius: 0.9em;	
	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;	
}
 
#retour_au_site ul li {
	background: url("../images/retour.png") no-repeat scroll 0 30% transparent
}
 
 
/* =========================== 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;	
	-webkit-border-radius: 0.9em;	
	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 ============================ */
 
#saisie_station {
	padding-left: 20px;
	width: 700px;	
}
 
.element_formulaire label {
	color: black;
    font-size: 1.3em;
    width: 150px;
}
 
.element_formulaire_en_ligne {
	padding-right: 10px;	
}
 
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
	padding-bottom : 15px;
}
 
.conteneur_carte {
	height: 400px;
	width: 725px;
}
 
.gros_bouton_validation {
	height: 50px;
	width: 200px;
	font-size: 20px;
	margin-top: 10x;
	margin-right:10px;
}
 
#localiser_lat_lon {
	background: url("../images/localiser.png") no-repeat scroll 2px transparent;	
}
 
#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;
	background-color: #CFCFCF;
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 0.9em;	
	-webkit-border-radius: 0.9em;	
	border-radius: 0.9em;
}
 
.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: -15px;
}
 
.annee_observation {
	padding-left: 10px;	
}
 
.observations_individu {
    display: table-cell;
    height: 400px;
    width: 250px;
}
 
.observations_individu {
	color: #000000;
}
 
.observations_individu li {
	background: none;
	padding-left: 1px;
}
 
.observations_individu li div {
	-moz-border-radius: 0.9em;	
	-webkit-border-radius: 0.9em;	
	border-radius: 0.9em;
}
 
.observations_individu h4 {
	padding: 5px;
}
 
.date_observation_individu {
 
}
 
.calendrier {
	
}
 
#fiche_individu {
	background-color: #F4F2EB;
	padding : 10px;
	border: 1px solid #C6B895;	
	margin-top: 31px;
}
 
#lien_ajout_individu {
	background: url("../images/ajout.png") no-repeat scroll -9px -7px transparent;
	padding-left: 20px;
	padding-top: 2px;
}
 
.description_espece {
    font-style: italic;
    text-align: justify;
    width: 550px;
}
 
 
/* =========================== 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;
}
 
.observations_individu > ul h4 {
	color: black;	
}
 
/* ============ Styles crées par des effets javascripts automatiques ===== */
 
.chargement {
	background: url("../images/chargement.gif") no-repeat center center #DCDCDC;
}
 
.erreur_valeur {
	background-color: red;	
}
 
.conteneur_type {
	float: right;
	align: center;
	width: 230px;
}
 
h4.lien_pliage {
	text-decoration: underline;	
	display: inline;
}
 
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;
}
 
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;
	outline: none;
}
 
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;
}
 
#onglets  {
	margin-left: 85px;
	margin-right: auto;
	position: relative;
	bottom: -1px;
	z-index: 1;
	clear:left;
}
 
#onglets ul.liste_onglets li {
	background: none;
	margin: 0;
	border-left: 1px solid;
}
 
#onglets ul.liste_onglets li a {
	padding-left: 20px;
	padding-right: 20px;	
}
 
.conteneur_onglets {
	border: 1px solid #999;
	overflow: hidden;
	float: left;
	background: #fff;
	position: relative;
	width:565px;
}
 
.contenu_onglet {
	padding: 20px;
	font-size: 1.2em;
}
 
 
.autocompletion {
	position:relative;	
}
 
.conteneur_suggestions {
    position: absolute;
    left: 107px;
    width: 180px;
    background-color: #212427;
    border: 2px solid #000;
    color: #fff;
    z-index: 300;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
 
.liste_suggestions {
    margin: 0px;
    padding: 0px;
}
 
.liste_suggestions li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
 
.liste_suggestions .element_selectionne {
    background-color: #659CD8;
}
 
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
 
.clearer {
	clear:both;	
}

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

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/css/saisie.css – Rev 139 → 140