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

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/css/saisie.css @ 292 – Rev 110 → 116