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

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

View file

@ -1,6 +1,7 @@
/* $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{
@ -291,8 +292,8 @@ p.view-all-coauthors{
#property-group-menus li:last-child{
background: none;
}
/* PROPERTY GROUPS------> */
.property-groups{
/* PROPERTY GROUP------> */
.property-group{
clear: both;
width: 920px;
border: 1px solid #dfebe5;
@ -302,27 +303,27 @@ p.view-all-coauthors{
margin-bottom: 20px;
overflow: hidden;
}
section.property-groups h2{
section.property-group h2{
padding: 20px 25px 12px 35px;
font-size: 20px;
color: #2485ae;
font-weight: normal;
/*background:url(../../images/individual/arrow-down.gif) 120px 24px no-repeat;*/
}
article.property-group{
article.property{
width: 852px;
margin: 0 auto;
border: 1px solid #dfe6e5;
margin-bottom: 20px;
}
article.property-group h3{
article.property h3{
border-bottom: 1px solid #dfe6e5;
background: #fafaf9;
font-size: 17px;
color: #8aa149;
padding: 10px 20px 10px 20px;
}
article.property-group .data-property{
article.property .data-property-statement{
background: #fff;
font-size: 16px;
color: #5e6363;
@ -330,17 +331,17 @@ article.property-group .data-property{
line-height: 1.2em;
margin-bottom: 0;
}
article.property-group ul.object-property{
article.property ul.property-list{
background: #fff;
font-size: 16px;
color:# 5e6363;
}
article.property-group ul.object-property li{
article.property ul.property-list li{
line-height: 1.2em;
padding-bottom: 10px;
padding: 10px 20px 10px 20px;
}
article.property-group ul.object-property li a{
article.property ul.property-list li a{
color: #2485ae;
}
/* MISCELLANEOUS------> */

View file

@ -90,11 +90,11 @@
<section id="sparklines-publications" role="region">
<#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>
</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 id="co-authors" role="region">

View file

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

View file

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