Subversion Repositories Sites.obs-saisons.fr

Compare Revisions

Ignore whitespace Rev 319 → Rev 320

/trunk/applications/saisie/squelettes/css/saisie.css
1,8 → 1,8
/* =========================== Balises ============================
/* =========================== Balises ============================
 
 
 
/* =========================== Style général ============================ */
/* =========================== Style général ============================ */
 
#wrapper #container {
max-width:1650px;
9,15 → 9,15
}
 
.gauche {
float:left;
float:left;
}
 
.droite {
float:right;
float:right;
}
 
.information {
 
padding-left:40px;
border:1px solid #FF420F;
max-width:600px;
34,22 → 34,22
}
 
span.erreur {
color: red;
color: red;
}
 
input.erreur {
border: 1px solid red;
border: 1px solid red;
}
 
#center {
width: 720px;
width: 720px;
}
 
 
/* =========================== Titres ============================ */
/* =========================== Titres ============================ */
 
.titre_saisie {
padding-bottom: 10px;
padding-bottom: 10px;
}
 
.etape {
70,7 → 70,7
}
 
.item_menu_station > a {
padding: 5px;
padding: 5px;
}
 
#saisie_menu ul li.item_menu_espece {
78,7 → 78,7
}
 
.item_menu_espece > a {
padding: 5px
padding: 5px
}
 
#saisie_menu ul li.station_ajout {
86,7 → 86,7
}
 
li.station_en_cours {
padding-top: 10px;
padding-top: 10px;
}
 
li.station_en_cours > a {
94,9 → 94,9
font-weight: bold;
border: solid 1px #FFFFFF;
background-color: #BF3600;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
border-radius: 0.9em;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
border-radius: 0.9em;
}
 
#retour_au_site {
112,8 → 112,8
font-weight: bold;
border: solid 1px #FFFFFF;
background-color: #9AC343;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
border-radius: 0.9em;
}
 
124,12 → 124,12
.liste_annees_observations li {
display: inline;
list-style: none;
background: none;
background: none;
}
 
#annee_en_cours {
font-size: 1.6em;
color: #9AC343;
color: #9AC343;
}
 
#retour_au_site ul li {
146,29 → 146,29
/* =========================== 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;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
border-radius: 0.9em;
}
 
#conteneur_formulaire_identification form {
text-align: left !important;
text-align: left !important;
}
 
#conteneur_formulaire_identification input {
text-align: left !important;
width: 300px;
width: 300px;
}
 
#conteneur_formulaire_inscription input {
text-align: left !important;
width: 300px;
width: 300px;
}
 
.message_identification {
175,7 → 175,7
font-weight: bold;
padding-top: 5px;
color: #435F06;
font-size: 1.5em;
font-size: 1.5em;
}
 
 
182,16 → 182,16
/* =========================== Formulaires de l'application ============================ */
 
#saisie_station {
width: 700px;
width: 700px;
}
 
.element_formulaire label {
font-weight: bold;
width:150px;
width:150px;
}
 
.element_formulaire_en_ligne {
padding-right: 10px;
padding-right: 10px;
}
 
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
212,7 → 212,7
}
 
#localiser_lat_lon {
background: url("../images/localiser.png") no-repeat scroll 2px transparent;
background: url("../images/localiser.png") no-repeat scroll 2px transparent;
}
 
#saisie_liste_evenements {
221,12 → 221,12
}
 
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
height: 40px;
/*height: 40px;*/
}
 
.icone_s {
height: 30px;
width: 30px;
width: 30px;
}
 
.formulaire_en_ligne {
251,19 → 251,19
 
#form_saisie_espece {
margin-right: auto;
margin-left: auto;
margin-left: auto;
}
 
.formulaire_informations_espece_mini {
text-align: center;
height:50px;
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;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
border-radius: 0.9em;
}
 
280,8 → 280,8
}
 
.formulaire_suppression_station {
margin-top: 10px;
margin-left: 2px;
margin-top: 10px;
margin-left: 2px;
}
 
.formulaire_suppression_individu {
289,7 → 289,7
margin-top: 10px;
}
 
/* =========================== Fiches ============================== */
/* =========================== Fiches ============================== */
 
.element_fiche {
padding-bottom : 5px;
296,11 → 296,11
}
 
.intitule_fiche {
 
}
 
.valeur_fiche {
font-weight: bold;
font-weight: bold;
}
 
.titre_section_fiche {
309,20 → 309,20
}
 
.titre_fiche {
 
}
 
hr.separation_section {
margin-top: 25px;
margin-top: 25px;
}
 
.informations_espece img {
margin-top:-35px;
margin-top:-35px;
padding: 15px;
}
 
.annee_observation {
padding-left: 10px;
padding-left: 10px;
}
 
.observations_individu {
344,8 → 344,8
}
 
.observations_individu li div {
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
-moz-border-radius: 0.9em;
-webkit-border-radius: 0.9em;
border-radius: 0.9em;
}
 
354,12 → 354,63
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;
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;
}
 
.icone:hover {
filter: grayscale(100%);
}
 
.calendrier {
 
}
 
#fiche_individu {
369,14 → 420,14
}
 
 
/* =========================== Tableaux d'évenements ============================ */
/* =========================== Tableaux d'évenements ============================ */
 
#saisie_liste_evenements, #saisie_modif_evenements {
text-align: center;
text-align: center;
}
 
#saisie_liste_evenements .information_individu, #saisie_modif_evenements.information_individu {
text-align: left;
text-align: left;
}
 
tr:nth-child(odd) {
391,7 → 442,7
background-color: #FFFFFF ;
}
 
div.evenement {
div.evenement {
text-align: center;
}
 
400,7 → 451,7
}
 
 
/* =========================== Styles des différents stades ============================ */
/* =========================== Styles des différents stades ============================ */
 
.stade_feuillaison {
background-color: #ACC700;
407,7 → 458,7
}
 
.stade_floraison {
background-color: #B549B9;
background-color: #B549B9;
}
 
.stade_fructification {
434,7 → 485,7
}
 
#form_changement_identite {
width: 330px;
width: 330px;
display: inline;
}
 
493,7 → 544,7
}
 
.erreur_valeur {
background-color: red;
background-color: red;
}
 
.conteneur_type {
503,7 → 554,7
}
 
h4.lien_pliage {
text-decoration: underline;
text-decoration: underline;
display: inline;
}
 
516,7 → 567,7
}
 
.element_cliquable {
cursor: pointer;
cursor: pointer;
}
 
.element_cliquable:hover {
524,7 → 575,7
}
 
.element_clique {
background: #9AC343;
background: #9AC343;
}
 
#saisie_espece ul.liste_onglets {
535,6 → 586,8
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 {
587,7 → 640,10
float: left;
background: #fff;
position: relative;
width:565px;
width: 100%;
display: flex;
justify-content: center;
margin-left: 10px;
}
 
#saisie_espece .contenu_onglet {
597,7 → 653,7
 
 
.autocompletion {
position:relative;
position:relative;
}
 
.conteneur_suggestions, .conteneur_suggestions_utilisateur {
614,14 → 670,14
}
 
.conteneur_suggestions_utilisateur {
left: 188px;
left: 188px;
}
 
.liste_suggestions {
margin: 0px;
padding: 0px;
}
 
.liste_suggestions li {
margin: 0px 0px 3px 0px;
padding: 3px;
629,12 → 685,12
}
 
.liste_suggestions li {
list-style-type: none;
list-style-type: none;
margin-left: 5px;
margin-right: 5px;
}
 
 
.liste_suggestions .element_selectionne {
background-color: #659CD8;
}
642,5 → 698,5
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
 
.clearer {
clear:both;
}
clear:both;
}