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 div {
 	margin-top: 15px
+}
 span.erreur {
 	color: red;
+}
 input.erreur {
 	border: 1px solid red;
 }
 #center {
 	width: 720px;
 }
 /* =========================== Titres ============================ */
 #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;
 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;
+}
 	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;
+	/*height: 40px;*/
 }
 .icone_s {
 	height: 30px;
 	width: 30px;
 	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;
+}
 #form_afficher_modification {
 	margin-top: 10px;
+}
 .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;
+}
 	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;
+}
+.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;
-	color: black;
+	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_individu .ui-datepicker {
+	position: absolute;
+	top: 100%;
+	left: 0%;
+	z-index: 1;
+}
-.date_observation_individu {
+.icone:hover {
 	filter: grayscale(100%);
+}
 .calendrier {
+}
 #fiche_individu {
 	background-color: #F4F2EB;
 	padding : 10px;
 	margin-top: 31px;
 }
 /* =========================== Tableaux d'évenements ============================ */
 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;
+}
     margin-bottom: 10px;
     padding: 5px;
+}
 #form_changement_identite {
 	width: 330px;
 	display: inline;
+}
 .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;
+}
 #saisie_espece ul.liste_onglets {
 	margin: 0;
 	padding: 0;
 	float: left;
+	list-style: none;
+	height: 32px; /*--Set height of tabs--*/
-	list-style: none;
+	border-bottom: 1px solid #999;
-	height: 32px; /*--Set height of tabs--*/
+	border-left: 1px solid #999;
-	border-bottom: 1px solid #999;
+	border-top-left-radius: 10px;
-	border-left: 1px solid #999;
+	border-top-right-radius: 10px;
 	border: 1px solid #999;
 	overflow: hidden;
 	float: left;
 	background: #fff;
 	position: relative;
-	width:565px;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	margin-left: 10px;
+}
 #saisie_espece .contenu_onglet {
 	padding: 20px;
 	font-size: 1.2em;
+}
 .autocompletion {
 	position:relative;
+}
 	-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 ===== */
+/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */

Subversion Repositories Sites.obs-saisons.fr

(root)/trunk/applications/saisie/squelettes/css/saisie.css – Rev 292 → 320