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

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

@ -55,8 +55,8 @@
<nav role="navigation"> <nav role="navigation">
<ul id ="individual-tools" role="list"> <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-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-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-share" href="#">R</a></li>
<li role="listitem"><a class="icon-rdf" href="#">RDF</a></li> <li role="listitem"><a class="icon-rdf" href="#">RDF</a></li>
</ul> </ul>
</nav> </nav>
@ -79,10 +79,9 @@
<#-- RY Will we have an individual--foaf-organization.ftl template? If so, move this there and remove from here. <#-- 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(). --> Also remove the method IndividualTemplateModel.isOrganization(). -->
<#if individual.organization > <#if individual.organization >
<div style="width: 100%;"> <section id="temporal-graph" role="region">
<div style="width: 30%;float:left;margin-top: 5%;margin-right: 10px;"><img src="${urls.images}/visualization/temporal_vis_icon.jpg"/></div> <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>
<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> </section>
</div>
<#--<div>VISMODE: ${individual.moniker}</div>--> <#--<div>VISMODE: ${individual.moniker}</div>-->
</#if> </#if>
</section> </section>