vre-members/src/main/java/org/gcube/portlets/user/vremembers/client/ui/DisplayBadge.ui.xml

71 lines
1.8 KiB
XML

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"
xmlns:m="urn:import:org.gcube.portlets.user.gcubewidgets.client.elements">
<ui:style>
.framed {
padding: 10px;
margin: 10px;
background: #FFF;
border-radius: 6px !important;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border: 1px solid #DBDBDB;
}
.user-photo {
display: block;
padding: 2px;
border: 1px solid #E6E6E6;
}
.user-details {
padding: 5px;
}
.fullName {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 22px;
font-weight: bold;
white-space: nowrap;
}
.fullName:hover {
cursor: pointer;
cursor: hand;
text-decoration: underline;
color: #01497C;
}
.headline {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
color: #444444;
}
.institution {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 13px;
color: #444444;
}
</ui:style>
<g:HTMLPanel ui:field="mainPanel" styleName="{style.framed}">
<table>
<tr>
<td width="110px;" align="middle">
<a ui:field="imageRedirect" href="">
<g:Image title="Profile Picture" styleName="{style.user-photo}"
url="" ui:field="avatarImage" width="100" height="100" />
</a>
</td>
<td valign="top">
<div class="{style.user-details}">
<g:HTML styleName="{style.fullName}" ui:field="userFullName"></g:HTML>
<g:HTML styleName="{style.headline}" ui:field="headlineLabel"></g:HTML>
<g:HTML styleName="{style.institution}" ui:field="institutionLabel"></g:HTML>
</div>
</td>
</tr>
</table>
</g:HTMLPanel>
</ui:UiBinder>