27,6 → 27,57 |
} |
|
|
/* =========================== 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; |
} |
|
#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; |
} |
|
/* =========================== Formulaires ============================ */ |
|
.element_formulaire_en_ligne { |
39,7 → 90,8 |
} |
|
.conteneur_carte { |
height: 600px; |
height:400px; |
width:800px; |
} |
|
.gros_bouton_validation { |
62,7 → 114,39 |
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; |
} |
|
.valider_formulaire:hover, .lien_modifier:hover { |
background-color: #CFCFCF; |
} |
|
.formulaire_informations_espece_mini { |
height:40px; |
width: 500px; |
border: solid 1px #999999; |
-moz-border-radius: 0.9em; |
background-color: #CFCFCF; |
padding: 10px; |
margin-bottom: 10px; |
} |
|
.formulaire_informations_espece_mini:hover { |
background-color: #C0DF7D; |
} |
|
.formulaire_informations_espece_mini img { |
margin-top:-5px; |
} |
|
|
/* =========================== Fiches ============================== */ |
|
.element_fiche { |
90,7 → 174,38 |
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; |
} |
|
.observations_individu h4 { |
padding: 5px; |
} |
|
/* =========================== Tableaux d'évenements ============================ */ |
|
#saisie_liste_evenements, #saisie_modif_evenements { |
119,27 → 234,32 |
|
/* =========================== Styles des différents stades ============================ */ |
|
.stade1 { |
.stade_feuillaison { |
background-color: #9AC343; |
} |
|
.stade2 { |
background-color: #F08080; |
.stade_floraison { |
background-color: #C60800; |
} |
|
.stade3 { |
.stade_fructification { |
background-color: #8B008B; |
} |
|
.stade4 { |
.stade_senescence { |
background-color: #800000; |
} |
|
.stade5 { |
|
.stade_1ere_apparition { |
background-color: #F08080; |
} |
|
/* ============ Styles crées par des effets javascripts automatiques ===== */ |
/* ============ Styles crées par des effets javascripts automatiques ===== */ |
.conteneur_type { |
float: right; |
align: center; |
width: 250px; |
} |
|
h4.lien_pliage { |
text-decoration: underline; |
147,4 → 267,65 |
|
h4.lien_pliage:hover { |
cursor: pointer; |
} |
|
.element_cliquable { |
cursor: pointer; |
} |
|
.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--*/ |
} |
|
.conteneur_onglets { |
border: 1px solid #999; |
border-top: none; |
overflow: hidden; |
clear: both; |
float: left; width: 100%; |
background: #fff; |
} |
|
.contenu_onglet { |
padding: 20px; |
font-size: 1.2em; |
} |