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

NIHVIVO-1316: Per RY request, I have changed semantic markup for property groups display.

Browse source
This commit is contained in:
mb863 2010-12-16 17:36:49 +00:00
parent c1ccfdc194
commit 79ae8d1ce0
4 changed files with 34 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,7 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */ /* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* Style for individual display */ @charset "UTF-8";
/* CSS Document */
/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/ /* <------ INDIVIDUAL INTRO FOR ANY CLASS*/
#individual-intro{ #individual-intro{
@ -291,8 +292,8 @@ p.view-all-coauthors{
#property-group-menus li:last-child{ #property-group-menus li:last-child{
background: none; background: none;
} }
/* PROPERTY GROUPS------> */ /* PROPERTY GROUP------> */
.property-groups{ .property-group{
clear: both; clear: both;
width: 920px; width: 920px;
border: 1px solid #dfebe5; border: 1px solid #dfebe5;
@ -302,27 +303,27 @@ p.view-all-coauthors{
margin-bottom: 20px; margin-bottom: 20px;
overflow: hidden; overflow: hidden;
} }
section.property-groups h2{ section.property-group h2{
padding: 20px 25px 12px 35px; padding: 20px 25px 12px 35px;
font-size: 20px; font-size: 20px;
color: #2485ae; color: #2485ae;
font-weight: normal; font-weight: normal;
/*background:url(../../images/individual/arrow-down.gif) 120px 24px no-repeat;*/ /*background:url(../../images/individual/arrow-down.gif) 120px 24px no-repeat;*/
} }
article.property-group{ article.property{
width: 852px; width: 852px;
margin: 0 auto; margin: 0 auto;
border: 1px solid #dfe6e5; border: 1px solid #dfe6e5;
margin-bottom: 20px; margin-bottom: 20px;
} }
article.property-group h3{ article.property h3{
border-bottom: 1px solid #dfe6e5; border-bottom: 1px solid #dfe6e5;
background: #fafaf9; background: #fafaf9;
font-size: 17px; font-size: 17px;
color: #8aa149; color: #8aa149;
padding: 10px 20px 10px 20px; padding: 10px 20px 10px 20px;
} }
article.property-group .data-property{ article.property .data-property-statement{
background: #fff; background: #fff;
font-size: 16px; font-size: 16px;
color: #5e6363; color: #5e6363;
@ -330,17 +331,17 @@ article.property-group .data-property{
line-height: 1.2em; line-height: 1.2em;
margin-bottom: 0; margin-bottom: 0;
} }
article.property-group ul.object-property{ article.property ul.property-list{
background: #fff; background: #fff;
font-size: 16px; font-size: 16px;
color:# 5e6363; color:# 5e6363;
} }
article.property-group ul.object-property li{ article.property ul.property-list li{
line-height: 1.2em; line-height: 1.2em;
padding-bottom: 10px; padding-bottom: 10px;
padding: 10px 20px 10px 20px; padding: 10px 20px 10px 20px;
} }
article.property-group ul.object-property li a{ article.property ul.property-list li a{
color: #2485ae; color: #2485ae;
} }
/* MISCELLANEOUS------> */ /* MISCELLANEOUS------> */

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

@ -90,11 +90,11 @@
<section id="sparklines-publications" role="region"> <section id="sparklines-publications" role="region">
<#include "individual-sparklineVisualization.ftl"> <#include "individual-sparklineVisualization.ftl">
<header><img src="${urls.home}/images/individual/sparkline.gif" alt="" /> <#--<header><img src="${urls.home}/images/individual/sparkline.gif" alt="" />
<h3><span class="grey">2</span> publications <span class="publication-year-range grey">within the last 10 years</span></h3> <h3><span class="grey">2</span> publications <span class="publication-year-range grey">within the last 10 years</span></h3>
</header> </header>
<p><a class="all-vivo-publications" href="#">All VIVO publications & co-author network.</a></p> <p><a class="all-vivo-publications" href="#">All VIVO publications & co-author network.</a></p>-->
</section> </section>
<section id="co-authors" role="region"> <section id="co-authors" role="region">

8
webapp/web/templates/freemarker/body/partials/individual/individual-properties.ftl
View file

@ -17,7 +17,7 @@
<#assign groupName = ""> <#assign groupName = "">
</#if> </#if>
<section class="property-groups" role="region"> <section class="property-group" role="region">
<#-- Display the group heading --> <#-- Display the group heading -->
<#if groupName?has_content> <#if groupName?has_content>
@ -26,15 +26,16 @@
<#-- List the properties in the group --> <#-- List the properties in the group -->
<#list group.properties as property> <#list group.properties as property>
<article class="property-group" role="article"> <article class="property" role="article">
<#-- Property display name --> <#-- Property display name -->
<h3>${property.name}</h3> <h3>${property.name}</h3>
<#-- List the statements for each property --> <#-- List the statements for each property -->
<ul class="property-list" role="list">
<#-- data property --> <#-- data property -->
<#if property.type == "data"> <#if property.type == "data">
<#list property.statements as statement> <#list property.statements as statement>
<p class="data-property">${statement.value}</p> <p class="data-property-statement">${statement.value}</p>
</#list> </#list>
<#-- object property --> <#-- object property -->
@ -43,6 +44,7 @@
<#else> <#else>
<#include "objectPropertyList-statements.ftl"> <#include "objectPropertyList-statements.ftl">
</#if> </#if>
</ul>
</article> </article>
</#list> </#list>

2
webapp/web/templates/freemarker/body/partials/individual/objectPropertyList-statements.ftl
View file

@ -1,10 +1,8 @@
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ --> <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
<#-- Template to list statements for an object property --> <#-- Template to list statements for an object property -->
<ul class="object-property" role="list">
<#list property.statements as statement> <#list property.statements as statement>
<li role="listitem"> <li role="listitem">
<#include "${property.template}"> <#include "${property.template}">
</li> </li>
</#list> </#list>
</ul>