/trunk/src/org/tela_botanica/del/client/vues/rechercheobservations/resultats/observations/ObservationVue.ui.xml |
---|
7,14 → 7,24 |
<ui:style src="observation.css" /> |
<g:HTMLPanel styleName="{style.ligneObservation}"> |
<g:HTMLPanel styleName="ligne {style.ligneObservation} ombre-faible limiteMin limiteMax arrondi"> |
<g:HTMLPanel styleName="colonne quart"> |
<g:HTMLPanel ui:field="metadonnees" styleName="{style.metadonnees}"/> |
<g:HTMLPanel ui:field="imagesPanel" styleName="{style.images}" /> |
<g:Label ui:field="lienDeterminer" styleName="acceder-outil {style.accesOutil}" text="{constants.voirFicheIndividu}" /> |
</g:HTMLPanel> |
<g:HTMLPanel styleName="colonne"> |
<g:HTMLPanel ui:field="imagesPanel" /> |
</g:HTMLPanel> |
<g:HTMLPanel styleName="colonne tiers aDroite"> |
<g:HTMLPanel styleName="{style.panneauDeterminations}"> |
<g:Label ui:field="lienDeterminer" styleName="acceder-outil" text="{constants.voirFicheIndividu}" /> |
<g:HTMLPanel ui:field="determinationsPanel" /> |
<g:Button ui:field="boutonAjoutProposition" styleName="{style.boutonDetermination}" |
text="{constants.proposerSaDetermination}" /> |
<g:Button ui:field="boutonAjoutProposition" styleName="{style.boutonDetermination} arrondi" text="{constants.proposerSaDetermination}" /> |
</g:HTMLPanel> |
</g:HTMLPanel> |
<g:HTML><br class="nettoyage"/></g:HTML> |
</g:HTMLPanel> |
</ui:UiBinder> |
/trunk/src/org/tela_botanica/del/client/vues/rechercheobservations/resultats/observations/observation.css |
---|
7,16 → 7,6 |
height: 150px |
} |
.photos { |
border: solid 1px #EEE; |
border-width: 0 1px 0 0; |
width: 300px; |
-moz-border-radius: 0px; |
padding: 10px; |
margin: 0 1px 5px 0; |
height: 170px |
} |
.determination { |
padding: 10px; |
margin: 0 1px 5px 0; |
23,13 → 13,6 |
height: 150px |
} |
.photos img { |
float: left; |
padding: 2px; |
-moz-box-shadow: 2px 2px 2px #DDD; |
cursor: pointer; |
} |
.photoPrincipale { |
height: 20px; |
float: left; |
39,7 → 22,7 |
} |
.panneauDeterminations { |
text-align: right; |
text-align: right |
} |
.lienDetermination { |
60,14 → 43,9 |
width: 235px |
} |
.images { |
width: 300px; |
} |
.boutonDetermination { |
background: url("./img/add.png") no-repeat scroll 5px 7px #DDDDDD; |
border: 1px solid #AAAAAA; |
border-radius: 10px 10px 10px 10px; |
cursor: pointer; |
float: right; |
margin-bottom: 5px; |
77,30 → 55,15 |
} |
.ligneObservation { |
-moz-box-shadow: 5px 0px 5px #DDD; |
-webkit-box-shadow: 5px 0px 5px #DDD; |
-moz-border-radius: 10px; |
-webkit-border-radius: 10px; |
margin-bottom: 10px; |
border: solid 1px #DDD; |
width: 100%; |
padding: 15px; |
height: 250px; |
display: block; |
padding: 15px |
} |
.ligneObservation>div { |
display: inline; |
.boutonDetermination:hover { |
background-color: #AAA |
} |
.ligneObservation>.metadonnees,.ligneObservation>.images { |
float: left; |
} |
.ligneObservation>.panneauDeterminations { |
float: right; |
} |
.boutonDetermination:hover { |
background-color: #AAA |
.accesOutil { |
margin-top: 15px; |
} |