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

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/css/saisie.css – Rev 101 → 110