| /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; |
| } |
| /trunk/src/org/tela_botanica/del/client/vues/rechercheobservations/resultats/observations/ObservationVue.ui.xml |
|---|
| 6,15 → 6,25 |
| <ui:with field="constants" type="org.tela_botanica.del.client.i18n.Vocabulary" /> |
| <ui:style src="observation.css" /> |
| <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:Label ui:field="lienDeterminer" styleName="acceder-outil {style.accesOutil}" text="{constants.voirFicheIndividu}" /> |
| </g:HTMLPanel> |
| <g:HTMLPanel styleName="{style.ligneObservation}"> |
| <g:HTMLPanel ui:field="metadonnees" styleName="{style.metadonnees}"/> |
| <g:HTMLPanel ui:field="imagesPanel" styleName="{style.images}" /> |
| <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:HTMLPanel styleName="colonne"> |
| <g:HTMLPanel ui:field="imagesPanel" /> |
| </g:HTMLPanel> |
| <g:HTMLPanel styleName="colonne tiers aDroite"> |
| <g:HTMLPanel styleName="{style.panneauDeterminations}"> |
| <g:HTMLPanel ui:field="determinationsPanel" /> |
| <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> |