Re-factored the markup and styles for visualization in individual pages.

This commit is contained in:
mb863 2011-01-26 22:20:47 +00:00
parent c4d32307cc
commit 4fec8f74bf
3 changed files with 7 additions and 9 deletions

View file

@ -50,14 +50,16 @@ span.incomplete-data-holder,
.collaboratorship-link-container {
margin-top: 20px;
display: none;
border-top: 1px dotted #A6B1B0;
padding-top: 20px;
width: 180px;
}
.sparkline_text {
font-size: .8em;
font-weight: bold;
text-align: left;
padding-bottom: 20px;
border-bottom: 1px dotted #A6B1B0;
line-height: 1.5em;
}
.google-visualization-sparkline-default {

View file

@ -20,18 +20,14 @@
<div class="collaboratorship-icon">
<a href="${coAuthorURL}"><img src="${coAuthorIcon}" alt="Co-author Network icon" width="30px" height="30px" /></a>
</div>
<div class="collaboratorship-link">
<h3><a href="${coAuthorURL}">Co-Author Network</a></h3>
</div>
<div class="collaboratorship-link"><a href="${coAuthorURL}">Co-Author Network</a></div>
</div>
<div id="coinvestigator_link_container" class="collaboratorship-link-container">
<div class="collaboratorship-icon">
<a href="${coInvestigatorURL}"><img src="${coInvestigatorIcon}" alt="Co-investigator Network icon" width="30px" height="30px" /></a>
</div>
<div class="collaboratorship-link">
<h3><a href="${coInvestigatorURL}">Co-Investigator Network</a></h3>
</div>
<div class="collaboratorship-link"><a href="${coInvestigatorURL}">Co-Investigator Network</a></div>
</div>
${stylesheets.add("css/visualization/visualization.css")}

View file

@ -2,7 +2,7 @@
<#-- Individual visualization template -->
<#if individual.organization >
<#if individual.organization>
<#-- Logically we only need section#temporal-graph, but css may depend on the outer sections. Leaving here for UI team to check. -->
<section id="temporal-graph" role="region">
<h3><img src="${urls.images}/visualization/temporal_vis_icon.jpg" width="25px" height="25px" /><a href="${urls.base}/visualization?vis=entity_comparison&uri=${individual.uri}">Temporal Graph</a></h3>