litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-1315: Styled Temporal Graph

Browse source
This commit is contained in:
mb863 2011-01-05 20:34:44 +00:00
parent 99137ef285
commit 5b5f855856
2 changed files with 31 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

35
webapp/web/css/individual/individual.css
View file

@ -100,8 +100,8 @@ ul#individual-tools-people{
margin-top: 5px;
height: 27px;
padding-bottom: 20px;
overflow: hidden;
list-style-type: none;
clear: both;
}
ul#individual-tools-people li{
position: relative;
@ -145,22 +145,29 @@ ul#individual-tools li{
font-size: 1.375em;
padding-right: 5px;
}
#left-side a.email{
font-size: .875em;
display: block;
margin-top: 15px;
ul#individual-email{
clear: both;
list-style-type: circle;
margin-top: 20px;
}
#left-side a.tel{
ul#individual-email a.email{
font-size: .875em;
display: block;
}
ul#individual-phone{
clear: both;
list-style-type: circle;
margin-top: 20px;
}
ul#individual-phone a.tel{
font-size: .875em;
display: block;
margin-top: 15px;
}
.icon-phone{
vertical-align: middle;
padding-right: 5px;
}
ul#individual-urls{
list-style: none;
list-style-type: circle;
margin-left: 10px;
float: left;
@ -174,6 +181,7 @@ ul#individual-urls li a{
color: #2485ae;
}
ul#individual-urls-people{
clear: both;
margin-top: 20px;
list-style: none;
list-style-type: circle;
@ -238,7 +246,7 @@ ul#individual-areas li{
}
/* <------ SPARKLINES */
#sparklines-publications{
width: 184px;
width: 220px;
padding: 0 20px 45px 20px;
}
#sparklines-publications h3{
@ -249,6 +257,15 @@ ul#individual-areas li{
display: block;
padding-top: 5px;
}
/* <------ TEMPORAL GRAPH */
#temporal-graph{
width: 220px;
padding: 0 20px 45px 20px;
}
#temporal-graph h3 img{
padding-right: 10px;
vertical-align: text-top;
}
/* <------ COAUTHORS */
#co-authors{
padding: 0 20px 30px 20px;

11
webapp/web/templates/freemarker/body/individual/individual.ftl
View file

@ -55,8 +55,8 @@
<nav role="navigation">
<ul id ="individual-tools" role="list">
<li role="listitem"><a class="picto-font picto-uri" href="#">j</a></li>
<li role="listitem"><a class="picto-font picto-pdf" href="#">F</a></li>
<#--<li role="listitem"><a class="picto-font picto-share" href="#">R</a></li>-->
<#--<li role="listitem"><a class="picto-font picto-pdf" href="#">F</a></li>-->
<li role="listitem"><a class="picto-font picto-share" href="#">R</a></li>
<li role="listitem"><a class="icon-rdf" href="#">RDF</a></li>
</ul>
</nav>
@ -79,10 +79,9 @@
<#-- RY Will we have an individual--foaf-organization.ftl template? If so, move this there and remove from here.
Also remove the method IndividualTemplateModel.isOrganization(). -->
<#if individual.organization >
<div style="width: 100%;">
<div style="width: 30%;float:left;margin-top: 5%;margin-right: 10px;"><img src="${urls.images}/visualization/temporal_vis_icon.jpg"/></div>
<div><h3>Temporal Graph <br/><a class="view-all-style" href="${urls.base}/visualization?vis=entity_comparison&vis_mode=${individual.moniker}&render_mode=standalone&uri=${individual.uri}">View <span class= "pictos-arrow-10">4</span></a></h3></div>
</div>
<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&vis_mode=${individual.moniker}&render_mode=standalone&uri=${individual.uri}">Temporal Graph</a></h3>
</section>
<#--<div>VISMODE: ${individual.moniker}</div>-->
</#if>
</section>