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: #BF3600;
	-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
}
 
.export_observation {
    background: url("../images/csv.png") no-repeat scroll 2px 4px transparent;
    padding-left: 17px;
    padding-top: 3px;
    padding-right: 6px;
}
 
/* =========================== 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 {
	font-weight: bold;
	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: 0px;
}
 
#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;
}
 
.formulaire_en_ligne {
  display: inline;
}
 
.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:50px;
	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;
}
 
#fiche_station {
	position: relative;
}
 
#form_afficher_modification {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	position: absolute;
	right: 10px;
	bottom: 0;
}
 
.formulaire_suppression_station {
	margin-top: 10px;
	margin-left: 2px;
}
 
.formulaire_suppression_individu {
    margin-left: 2px;
    margin-top: 10px;
}
 
/* =========================== 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;
	padding: 15px;
}
 
.annee_observation {
	padding-left: 10px;
}
 
.observations_individu {
    display: table-cell;
    height: 400px;
    width: 250px;
}
 
.observations_individu {
	color: #000000;
}
 
#fiche_individu .observations_individu li {
	background: none;
	padding-left: 1px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
 
.observations_individu li div {
	-moz-border-radius: 0.9em;
	-webkit-border-radius: 0.9em;
	border-radius: 0.9em;
}
 
#center .observations_individu h4 {
	padding: 5px;
	color: black;
}
 
.ajouter_observation .date_observation {
	background: url("../images/ajout.png") no-repeat center center transparent;
	width: 20px;
}
 
.ajouter_observation .absence_observation {
	background: url("../images/absence.png") no-repeat center center transparent;
	width: 20px;
}
 
.ajouter_observation.hide,
.ajouter_observation .conteneur_supprimer_observation,
.ajouter_observation .absence_observation.hide {
	display: none;
}
 
.conteneur_supprimer_observation {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
 
.supprimer_observation {
	background: url("../images/suppression.png") no-repeat center center transparent;
	width: 20px;
	display: none;
}
 
.date_observation_individu:not(.ajouter_observation):hover .supprimer_observation {
	display: block;
}
 
.conteneur_date_observation {
	padding: 0;
	position: relative;
	vertical-align: top;
}
 
.date_observation_individu {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
 
.date_observation:not(.icone) {
	padding-left: 20px;
	padding-right: 20px;
}
 
 
.date_observation_individu .ui-datepicker {
	position: absolute;
	top: 100%;
	left: 0%;
	z-index: 1;
}
 
.icone:hover {
	filter: grayscale(100%);
}
 
.calendrier {
 
}
 
#fiche_individu {
	background-color: #F4F2EB;
	padding : 10px;
	margin-top: 31px;
	position: relative;
}
 
#fiche_individu .commentaire_individu {
	font-style: italic;
	white-space: pre;
}
 
textarea[name="individu_commentaire"] {
	width: 550px;
	min-height: 160px;
	border-radius: 5px;
	height: 75px;
	border: 1px solid #ACACAC;
}
 
/* =========================== Tableaux d'évenements ============================ */
 
#saisie_liste_evenements, #saisie_modif_evenements {
	text-align: center;
}
 
#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {
	text-align: left;
}
 
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: #ACC700;
}
 
.stade_floraison {
	background-color: #B549B9;
}
 
.stade_fructification {
	background-color: #FF7F00;
}
 
.stade_senescence {
	background-color: #BF3600;
}
 
.stade_1ere_apparition {
	background-color: #B549B9;
}
 
/* ============ Style pour l'administration ============================== */
 
#barre_admin {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #F4F2EB;
    border: 1px solid #D1C6A8;
    height: 60px;
    margin-bottom: 10px;
    padding: 5px;
}
 
#form_changement_identite {
	width: 330px;
	display: inline;
}
 
.export_observation_admin {
	background: url("../images/csv.png") no-repeat scroll 28px 0 transparent;
    padding-left: 46px;
    padding-top: 3px;
}
 
.gestion_espece_admin {
	background: url("../images/espece.png") no-repeat scroll 28px 0 transparent;
    padding-left: 46px;
    padding-top: 3px;
}
 
.saisie_liste_especes_admin {
	width: 100%;
}
 
.saisie_liste_especes_admin tr:nth-child(1) {
    color: #494949;
    background-color: #CFCFCF;
}
 
.saisie_liste_especes_admin .espece_inactive {
    color: #494949;
    background-color: #FF7D73;
}
 
#form_modification_espece_admin label {
	width: 150px;
	padding-right: 50px;
}
 
#form_ajout_espece_admin label.label_checkbox {
	font-weight: normal;
}
 
#saisie_espece_admin .illustration_espece {
    max-height: 180px;
    max-width: 250px;
	border: 1px solid grey;
}
 
.lien_annulation {
	float: left;
    font-size: 1.2em;
    margin-left: 439px;
    padding: 16px;
}
 
/* ============ Styles créés 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;
}
 
.pliage {
	padding: 5px;
}
 
h4.lien_pliage:hover {
	cursor: pointer;
}
 
.element_cliquable {
	cursor: pointer;
}
 
.element_cliquable:hover {
	background : #9AC343;
 }
 
.element_clique {
	background: #9AC343;
}
 
#saisie_espece 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;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
 
#saisie_espece ul.liste_onglets li {
	-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
	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;
}
 
#saisie_espece 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;
}
 
#saisie_espece 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--*/
}
 
#saisie_espece #onglets  {
	margin-left: 85px;
	margin-right: auto;
	position: relative;
	bottom: -1px;
	z-index: 1;
	clear:left;
}
 
#saisie_espece .conteneur_onglets {
	border: 1px solid #999;
	overflow: hidden;
	float: left;
	background: #fff;
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-left: 10px;
}
 
#saisie_espece .contenu_onglet {
	padding: 20px;
	font-size: 1.2em;
}
 
 
.autocompletion {
	position:relative;
}
 
.conteneur_suggestions, .conteneur_suggestions_utilisateur {
    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;
}
 
.conteneur_suggestions_utilisateur {
	left: 188px;
}
 
.liste_suggestions {
    margin: 0px;
    padding: 0px;
}
 
.liste_suggestions li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}
 
.liste_suggestions li {
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
}
 
 
.liste_suggestions .element_selectionne {
    background-color: #659CD8;
}
 
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
 
.clearer {
	clear:both;
}

Rev 337	Rev 338
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: #BF3600;`	96	`background-color: #BF3600;`
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	`.export_observation {`	139	`.export_observation {`
140	`background: url("../images/csv.png") no-repeat scroll 2px 4px transparent;`	140	`background: url("../images/csv.png") no-repeat scroll 2px 4px transparent;`
141	`padding-left: 17px;`	141	`padding-left: 17px;`
142	`padding-top: 3px;`	142	`padding-top: 3px;`
143	`padding-right: 6px;`	143	`padding-right: 6px;`
144	`}`	144	`}`
145		145
146	`/* =========================== Formulaires d'inscription et d'identification ============================ */`	146	`/* =========================== Formulaires d'inscription et d'identification ============================ */`
147		147
148	`#conteneur_formulaire_identification, #conteneur_formulaire_inscription {`	148	`#conteneur_formulaire_identification, #conteneur_formulaire_inscription {`
149		149
150	`width:650px;`	150	`width:650px;`
151	`border: 1px solid grey;`	151	`border: 1px solid grey;`
152	`margin-top: 10px;`	152	`margin-top: 10px;`
153	`padding: 10px;`	153	`padding: 10px;`
154	`text-align: left !important;`	154	`text-align: left !important;`
155	`-moz-border-radius: 0.9em;`	155	`-moz-border-radius: 0.9em;`
156	`-webkit-border-radius: 0.9em;`	156	`-webkit-border-radius: 0.9em;`
157	`border-radius: 0.9em;`	157	`border-radius: 0.9em;`
158	`}`	158	`}`
159		159
160	`#conteneur_formulaire_identification form {`	160	`#conteneur_formulaire_identification form {`
161	`text-align: left !important;`	161	`text-align: left !important;`
162	`}`	162	`}`
163		163
164	`#conteneur_formulaire_identification input {`	164	`#conteneur_formulaire_identification input {`
165	`text-align: left !important;`	165	`text-align: left !important;`
166	`width: 300px;`	166	`width: 300px;`
167	`}`	167	`}`
168		168
169	`#conteneur_formulaire_inscription input {`	169	`#conteneur_formulaire_inscription input {`
170	`text-align: left !important;`	170	`text-align: left !important;`
171	`width: 300px;`	171	`width: 300px;`
172	`}`	172	`}`
173		173
174	`.message_identification {`	174	`.message_identification {`
175	`font-weight: bold;`	175	`font-weight: bold;`
176	`padding-top: 5px;`	176	`padding-top: 5px;`
177	`color: #435F06;`	177	`color: #435F06;`
178	`font-size: 1.5em;`	178	`font-size: 1.5em;`
179	`}`	179	`}`
180		180
181		181
182	`/* =========================== Formulaires de l'application ============================ */`	182	`/* =========================== Formulaires de l'application ============================ */`
183		183
184	`#saisie_station {`	184	`#saisie_station {`
185	`width: 700px;`	185	`width: 700px;`
186	`}`	186	`}`
187		187
188	`.element_formulaire label {`	188	`.element_formulaire label {`
189	`font-weight: bold;`	189	`font-weight: bold;`
190	`width:150px;`	190	`width:150px;`
191	`}`	191	`}`
192		192
193	`.element_formulaire_en_ligne {`	193	`.element_formulaire_en_ligne {`
194	`padding-right: 10px;`	194	`padding-right: 10px;`
195	`}`	195	`}`
196		196
197	`.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {`	197	`.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {`
198	`padding-bottom : 15px;`	198	`padding-bottom : 15px;`
199	`}`	199	`}`
200		200
201	`.conteneur_carte {`	201	`.conteneur_carte {`
202	`height: 400px;`	202	`height: 400px;`
203	`width: 725px;`	203	`width: 725px;`
204	`}`	204	`}`
205		205
206	`.gros_bouton_validation {`	206	`.gros_bouton_validation {`
207	`height: 50px;`	207	`height: 50px;`
208	`width: 200px;`	208	`width: 200px;`
209	`font-size: 20px;`	209	`font-size: 20px;`
210	`margin-top: 10x;`	210	`margin-top: 10x;`
211	`margin-right: 0px;`	211	`margin-right: 0px;`
212	`}`	212	`}`
213		213
214	`#localiser_lat_lon {`	214	`#localiser_lat_lon {`
215	`background: url("../images/localiser.png") no-repeat scroll 2px transparent;`	215	`background: url("../images/localiser.png") no-repeat scroll 2px transparent;`
216	`}`	216	`}`
217		217
218	`#saisie_liste_evenements {`	218	`#saisie_liste_evenements {`
219	`text-align: center;`	219	`text-align: center;`
220	`width:715px;`	220	`width:715px;`
221	`}`	221	`}`
222		222
223	`#saisie_modif_evenements tr, #saisie_liste_evenements tr {`	223	`#saisie_modif_evenements tr, #saisie_liste_evenements tr {`
224	`/height: 40px;/`	224	`/height: 40px;/`
225	`}`	225	`}`
226		226
227	`.icone_s {`	227	`.icone_s {`
228	`height: 30px;`	228	`height: 30px;`
229	`width: 30px;`	229	`width: 30px;`
230	`}`	230	`}`
231		231
232	`.formulaire_en_ligne {`	232	`.formulaire_en_ligne {`
233	`display: inline;`	233	`display: inline;`
234	`}`	234	`}`
235		235
236	`.valider_formulaire {`	236	`.valider_formulaire {`
237	`cursor: pointer;`	237	`cursor: pointer;`
238	`background-color: transparent;`	238	`background-color: transparent;`
239	`background-image: url("../images/valider_s.png");`	239	`background-image: url("../images/valider_s.png");`
240	`border: none;`	240	`border: none;`
241	`color: rgba(0,0,0,0);`	241	`color: rgba(0,0,0,0);`
242	`background-position: center;`	242	`background-position: center;`
243	`background-repeat: no-repeat;`	243	`background-repeat: no-repeat;`
244	`padding-top: 2px;`	244	`padding-top: 2px;`
245	`padding-bottom: 3px;`	245	`padding-bottom: 3px;`
246	`}`	246	`}`
247		247
248	`.valider_formulaire:hover, .lien_modifier:hover {`	248	`.valider_formulaire:hover, .lien_modifier:hover {`
249	`background-color: #CFCFCF;`	249	`background-color: #CFCFCF;`
250	`}`	250	`}`
251		251
252	`#form_saisie_espece {`	252	`#form_saisie_espece {`
253	`margin-right: auto;`	253	`margin-right: auto;`
254	`margin-left: auto;`	254	`margin-left: auto;`
255	`}`	255	`}`
256		256
257	`.formulaire_informations_espece_mini {`	257	`.formulaire_informations_espece_mini {`
258	`text-align: center;`	258	`text-align: center;`
259	`height:50px;`	259	`height:50px;`
260	`width: 500px;`	260	`width: 500px;`
261	`border: solid 1px #999999;`	261	`border: solid 1px #999999;`
262	`background-color: #CFCFCF;`	262	`background-color: #CFCFCF;`
263	`padding: 10px;`	263	`padding: 10px;`
264	`margin-bottom: 10px;`	264	`margin-bottom: 10px;`
265	`-moz-border-radius: 0.9em;`	265	`-moz-border-radius: 0.9em;`
266	`-webkit-border-radius: 0.9em;`	266	`-webkit-border-radius: 0.9em;`
267	`border-radius: 0.9em;`	267	`border-radius: 0.9em;`
268	`}`	268	`}`
269		269
270	`.formulaire_informations_espece_mini:hover {`	270	`.formulaire_informations_espece_mini:hover {`
271	`background-color: #C0DF7D;`	271	`background-color: #C0DF7D;`
272	`}`	272	`}`
273		273
274	`.formulaire_informations_espece_mini img {`	274	`.formulaire_informations_espece_mini img {`
275	`margin-top:-5px;`	275	`margin-top:-5px;`
276	`}`	276	`}`
-		277
-		278	`#fiche_station {`
-		279	`position: relative;`
-		280	`}`
277		281
278	`#form_afficher_modification {`	282	`#form_afficher_modification {`
-		283	`margin-top: 0px !important;`
279	`margin-top: 10px;`	284	`margin-bottom: 0px !important;`
280	`position: absolute;`	285	`position: absolute;`
281	`right: 10px;`	286	`right: 10px;`
282	`top: 0;`	287	`bottom: 0;`
283	`}`	288	`}`
284		289
285	`.formulaire_suppression_station {`	290	`.formulaire_suppression_station {`
286	`margin-top: 10px;`	291	`margin-top: 10px;`
287	`margin-left: 2px;`	292	`margin-left: 2px;`
288	`}`	293	`}`
289		294
290	`.formulaire_suppression_individu {`	295	`.formulaire_suppression_individu {`
291	`margin-left: 2px;`	296	`margin-left: 2px;`
292	`margin-top: 10px;`	297	`margin-top: 10px;`
293	`}`	298	`}`
294		299
295	`/* =========================== Fiches ============================== */`	300	`/* =========================== Fiches ============================== */`
296		301
297	`.element_fiche {`	302	`.element_fiche {`
298	`padding-bottom : 5px;`	303	`padding-bottom : 5px;`
299	`}`	304	`}`
300		305
301	`.intitule_fiche {`	306	`.intitule_fiche {`
302		307
303	`}`	308	`}`
304		309
305	`.valeur_fiche {`	310	`.valeur_fiche {`
306	`font-weight: bold;`	311	`font-weight: bold;`
307	`}`	312	`}`
308		313
309	`.titre_section_fiche {`	314	`.titre_section_fiche {`
310	`padding-bottom : 10px;`	315	`padding-bottom : 10px;`
311	`padding-top : 10px;`	316	`padding-top : 10px;`
312	`}`	317	`}`
313		318
314	`.titre_fiche {`	319	`.titre_fiche {`
315		320
316	`}`	321	`}`
317		322
318	`hr.separation_section {`	323	`hr.separation_section {`
319	`margin-top: 25px;`	324	`margin-top: 25px;`
320	`}`	325	`}`
321		326
322	`.informations_espece img {`	327	`.informations_espece img {`
323	`margin-top:-35px;`	328	`margin-top:-35px;`
324	`padding: 15px;`	329	`padding: 15px;`
325	`}`	330	`}`
326		331
327	`.annee_observation {`	332	`.annee_observation {`
328	`padding-left: 10px;`	333	`padding-left: 10px;`
329	`}`	334	`}`
330		335
331	`.observations_individu {`	336	`.observations_individu {`
332	`display: table-cell;`	337	`display: table-cell;`
333	`height: 400px;`	338	`height: 400px;`
334	`width: 250px;`	339	`width: 250px;`
335	`}`	340	`}`
336		341
337	`.observations_individu {`	342	`.observations_individu {`
338	`color: #000000;`	343	`color: #000000;`
339	`}`	344	`}`
340		345
341	`#fiche_individu .observations_individu li {`	346	`#fiche_individu .observations_individu li {`
342	`background: none;`	347	`background: none;`
343	`padding-left: 1px;`	348	`padding-left: 1px;`
344	`list-style-type: none;`	349	`list-style-type: none;`
345	`margin-left: 0px;`	350	`margin-left: 0px;`
346	`padding-left: 0px;`	351	`padding-left: 0px;`
347	`}`	352	`}`
348		353
349	`.observations_individu li div {`	354	`.observations_individu li div {`
350	`-moz-border-radius: 0.9em;`	355	`-moz-border-radius: 0.9em;`
351	`-webkit-border-radius: 0.9em;`	356	`-webkit-border-radius: 0.9em;`
352	`border-radius: 0.9em;`	357	`border-radius: 0.9em;`
353	`}`	358	`}`
354		359
355	`#center .observations_individu h4 {`	360	`#center .observations_individu h4 {`
356	`padding: 5px;`	361	`padding: 5px;`
357	`color: black;`	362	`color: black;`
358	`}`	363	`}`
359		364
360	`.ajouter_observation .date_observation {`	365	`.ajouter_observation .date_observation {`
361	`background: url("../images/ajout.png") no-repeat center center transparent;`	366	`background: url("../images/ajout.png") no-repeat center center transparent;`
362	`width: 20px;`	367	`width: 20px;`
363	`}`	368	`}`
364		369
365	`.ajouter_observation .absence_observation {`	370	`.ajouter_observation .absence_observation {`
366	`background: url("../images/absence.png") no-repeat center center transparent;`	371	`background: url("../images/absence.png") no-repeat center center transparent;`
367	`width: 20px;`	372	`width: 20px;`
368	`}`	373	`}`
369		374
370	`.ajouter_observation.hide,`	375	`.ajouter_observation.hide,`
371	`.ajouter_observation .conteneur_supprimer_observation,`	376	`.ajouter_observation .conteneur_supprimer_observation,`
372	`.ajouter_observation .absence_observation.hide {`	377	`.ajouter_observation .absence_observation.hide {`
373	`display: none;`	378	`display: none;`
374	`}`	379	`}`
375		380
376	`.conteneur_supprimer_observation {`	381	`.conteneur_supprimer_observation {`
377	`position: absolute;`	382	`position: absolute;`
378	`right: 0px;`	383	`right: 0px;`
379	`top: 0px;`	384	`top: 0px;`
380	`width: 20px;`	385	`width: 20px;`
381	`height: 100%;`	386	`height: 100%;`
382	`display: flex;`	387	`display: flex;`
383	`align-items: center;`	388	`align-items: center;`
384	`justify-content: center;`	389	`justify-content: center;`
385	`}`	390	`}`
386		391
387	`.supprimer_observation {`	392	`.supprimer_observation {`
388	`background: url("../images/suppression.png") no-repeat center center transparent;`	393	`background: url("../images/suppression.png") no-repeat center center transparent;`
389	`width: 20px;`	394	`width: 20px;`
390	`display: none;`	395	`display: none;`
391	`}`	396	`}`
392		397
393	`.date_observation_individu:not(.ajouter_observation):hover .supprimer_observation {`	398	`.date_observation_individu:not(.ajouter_observation):hover .supprimer_observation {`
394	`display: block;`	399	`display: block;`
395	`}`	400	`}`
396		401
397	`.conteneur_date_observation {`	402	`.conteneur_date_observation {`
398	`padding: 0;`	403	`padding: 0;`
399	`position: relative;`	404	`position: relative;`
400	`vertical-align: top;`	405	`vertical-align: top;`
401	`}`	406	`}`
402		407
403	`.date_observation_individu {`	408	`.date_observation_individu {`
404	`height: 100%;`	409	`height: 100%;`
405	`width: 100%;`	410	`width: 100%;`
406	`display: flex;`	411	`display: flex;`
407	`align-items: center;`	412	`align-items: center;`
408	`justify-content: center;`	413	`justify-content: center;`
409	`flex: 1;`	414	`flex: 1;`
410	`padding-top: 5px;`	415	`padding-top: 5px;`
411	`padding-bottom: 5px;`	416	`padding-bottom: 5px;`
412	`position: relative;`	417	`position: relative;`
413	`}`	418	`}`
414		419
415	`.date_observation:not(.icone) {`	420	`.date_observation:not(.icone) {`
416	`padding-left: 20px;`	421	`padding-left: 20px;`
417	`padding-right: 20px;`	422	`padding-right: 20px;`
418	`}`	423	`}`
419		424
420		425
421	`.date_observation_individu .ui-datepicker {`	426	`.date_observation_individu .ui-datepicker {`
422	`position: absolute;`	427	`position: absolute;`
423	`top: 100%;`	428	`top: 100%;`
424	`left: 0%;`	429	`left: 0%;`
425	`z-index: 1;`	430	`z-index: 1;`
426	`}`	431	`}`
427		432
428	`.icone:hover {`	433	`.icone:hover {`
429	`filter: grayscale(100%);`	434	`filter: grayscale(100%);`
430	`}`	435	`}`
431		436
432	`.calendrier {`	437	`.calendrier {`
433		438
434	`}`	439	`}`
435		440
436	`#fiche_individu {`	441	`#fiche_individu {`
437	`background-color: #F4F2EB;`	442	`background-color: #F4F2EB;`
438	`padding : 10px;`	443	`padding : 10px;`
439	`margin-top: 31px;`	444	`margin-top: 31px;`
440	`position: relative;`	445	`position: relative;`
441	`}`	446	`}`
442		447
443	`#fiche_individu .commentaire_individu {`	448	`#fiche_individu .commentaire_individu {`
444	`font-style: italic;`	449	`font-style: italic;`
445	`white-space: pre;`	450	`white-space: pre;`
446	`}`	451	`}`
447		452
448	`textarea[name="individu_commentaire"] {`	453	`textarea[name="individu_commentaire"] {`
449	`width: 550px;`	454	`width: 550px;`
450	`min-height: 160px;`	455	`min-height: 160px;`
451	`border-radius: 5px;`	456	`border-radius: 5px;`
452	`height: 75px;`	457	`height: 75px;`
453	`border: 1px solid #ACACAC;`	458	`border: 1px solid #ACACAC;`
454	`}`	459	`}`
455		460
456	`/* =========================== Tableaux d'évenements ============================ */`	461	`/* =========================== Tableaux d'évenements ============================ */`
457		462
458	`#saisie_liste_evenements, #saisie_modif_evenements {`	463	`#saisie_liste_evenements, #saisie_modif_evenements {`
459	`text-align: center;`	464	`text-align: center;`
460	`}`	465	`}`
461		466
462	`#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {`	467	`#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {`
463	`text-align: left;`	468	`text-align: left;`
464	`}`	469	`}`
465		470
466	`tr:nth-child(odd) {`	471	`tr:nth-child(odd) {`
467	`background-color: #CFCFCF ;`	472	`background-color: #CFCFCF ;`
468	`}`	473	`}`
469		474
470	`tr:nth-child(1) {`	475	`tr:nth-child(1) {`
471	`color: #FFFFFF;`	476	`color: #FFFFFF;`
472	`}`	477	`}`
473		478
474	`tr:nth-child(1), tr:nth-child(2) {`	479	`tr:nth-child(1), tr:nth-child(2) {`
475	`background-color: #FFFFFF ;`	480	`background-color: #FFFFFF ;`
476	`}`	481	`}`
477		482
478	`div.evenement {`	483	`div.evenement {`
479	`text-align: center;`	484	`text-align: center;`
480	`}`	485	`}`
481		486
482	`.stade_evenement {`	487	`.stade_evenement {`
483	`text-align: center;`	488	`text-align: center;`
484	`}`	489	`}`
485		490
486		491
487	`/* =========================== Styles des différents stades ============================ */`	492	`/* =========================== Styles des différents stades ============================ */`
488		493
489	`.stade_feuillaison {`	494	`.stade_feuillaison {`
490	`background-color: #ACC700;`	495	`background-color: #ACC700;`
491	`}`	496	`}`
492		497
493	`.stade_floraison {`	498	`.stade_floraison {`
494	`background-color: #B549B9;`	499	`background-color: #B549B9;`
495	`}`	500	`}`

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/css/saisie.css – Rev 337 → 338