NIHVIVO-2311: Worked on templates and stylesheets for vitro theme. WORK IN PROGRESS.

webapp/web/themes/vitro/css/ie6.css

@@ -0,0 +1,176 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* Fix for homepage in IE6 browsers */
+#intro h2 { 
+    margin-left: 24px; 
+}
+#intro p { 
+    margin-left: 24px; 
+}
+#search-home h3 { 
+    margin-left: 0; 
+}
+#search-field {
+    background-image: url("../images/search-interior-pages.gif");
+    height: 35px;
+    width: 392px;
+}
+#search-field input.search {
+    padding-left: 14px;
+}
+#search-home-field  input.search {
+    padding-left: 14px;
+}
+#login {
+    margin-right: 0;
+}
+ul#browse-classgroups { 
+    margin-left: 20px; 
+}
+#browse-classes { 
+    width: 620px;
+}
+ul#classes-in-classgroup.vis {
+    width: 40%;
+}
+#login-form p.submit {
+    margin-left: 15px;
+}
+ul#browse-classgroups a.selected {
+    background-position-x: 0;
+    background-position-y: 12px;
+}
+/* Fix for menupages */
+ul#vgraph-classes {
+    float: left;
+    width: 265px;
+    margin-left: 15px;
+}
+#browse-by {
+    padding-bottom: 20px;
+}
+ul#browse-classes {
+    width: 290px;
+    margin-left: 0;
+    padding-left: 10px;
+    margin-left: 15px;
+}
+#individuals-in-class { 
+    width: 450px; 
+}
+article.foaf-person {
+    width: 400px;
+    margin-left:10px;
+    margin-right: 10px;
+    padding: 0;
+    margin-bottom: 10px;
+}
+#profile-photo-display { 
+    width: 620px;
+}
+#browse-classes {
+    width: 590px;
+}
+ul#classgroup-list.vis {
+    width: 38%;
+}
+.pagination li {
+    display: block;
+    float: left;
+}
+.pagination h3 {
+    float: left;
+}
+.pagination ul {
+    display: block;
+    float: left;
+}
+/* Fix for site admin: the wonders of the IE float model...
+fix to maintain sanity in rendering sections of site admin targets IE7 and below */
+#adminDashboard .pageBodyGroup {
+  *float: none !important;
+  *display: inline !important;
+  *vertical-align: top !important;
+}
+/* Fix for individual pages */
+#individual-intro.person {
+    width: 100%;
+}
+.sparkline_text, 
+.collaboratorship-link-container {
+    width: 148px;
+}
+#individual-intro.person #individual-info {
+    width: 72%;
+}
+/* Fix for menupages */
+ul#alpha-browse-individuals {
+    width: 545px;
+}
+ul#alpha-browse-individuals a {
+    height: 30px;
+    margin-left: 0;
+    padding-left: 6px;
+    width: 8px;
+}
+#individuals-in-class {
+    width: 550px;
+}
+#individual-intro.person .individual-overview {
+    clear: left;
+}
+#find-by {
+    width: 445px;
+}
+/* Fix for photo upload */
+#photoUploadForm input.submit, 
+#photoUploadForm input.submit:visited,
+#cropImage input.submit,
+#cropImage input.submit:visited {
+    padding: 5px 5px 7px;
+    margin-left: -8px;
+}
+#photoUploadForm span.or,
+#cropImage span.or {
+    display: block;
+    float: left;
+    padding-top: 10px;
+}
+/* Fix position for input type submit buttons */
+input.submit, 
+input.submit:visited,
+input#submit, 
+input#submit:visited {
+    display: block;
+    float: left;
+    clear: both;
+    margin-left: 0;
+}
+/* Fix position for "Required fields" text */
+form.customForm #requiredLegend {
+    clear: both;
+}
+/* Fix for Visualization: Co-author and Co-investigator network pages */
+#ego_profile,
+.sub_headings,
+#sparkline-container,
+.toggle_visualization{
+    position: relative;
+}
+.easy-deselect-label a.temporal-vis-url {
+    margin-top: -15px;
+}
+#grant-count-sparkline-include {
+    width: 48%;
+}
+#coinvestigator-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}
+#publication-count-sparkline-include {
+    width: 48%;
+}
+#coauthor-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}

webapp/web/themes/vitro/css/ie7.css

@@ -0,0 +1,101 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* Fix for homepage */
+#search-field input.search {
+    padding-left: 14px;
+}
+#search-home-field  input.search {
+    padding-left: 14px;
+}
+#login-form p.submit {
+    margin-left: 20px;
+}
+/* Fix for site admin */
+/* the wonders of the IE float model...fix to maintain sanity in rendering sections of site admin */
+/* targets IE7 and below */
+#adminDashboard .pageBodyGroup {
+  *float: none !important;
+  *display: inline !important;
+  *vertical-align: top !important;
+}
+/* Fix for photo upload */
+#photoUploadForm input.submit, 
+#photoUploadForm input.submit:visited,
+#cropImage input.submit,
+#cropImage input.submit:visited {
+    padding: 5px 5px 7px;
+    margin-left: -8px;
+}
+#photoUploadForm span.or,
+#cropImage span.or {
+    display: block;
+    float: left;
+    padding-top: 10px;
+}
+/* Fix position for input type submit buttons */
+input.submit, 
+input.submit:visited,
+input#submit, 
+input#submit:visited {
+    display: block;
+    float: left;
+    margin-left: 0;
+}
+/* Fix for individual pages */
+#individual-intro.person {
+    width: 100%;
+}
+.sparkline_text, 
+.collaboratorship-link-container {
+    width: 148px;
+}
+#individual-intro.person #individual-info {
+    width: 72%;
+}
+#individual-intro .individual-overview {
+    clear: left;
+}
+/* Miscellaneous */
+input#submit, input#submit:visited {
+    margin-left: 0;
+}
+/* Fix for menupages */
+.pagination li {
+    display: block;
+    float: left;
+}
+.pagination h3 {
+    float: left;
+}
+.pagination ul {
+    display: block;
+    float: left;
+}
+/* Fix for menu pages */
+#find-by {
+    width: 445px;
+}
+/* Fix for Visualization: Co-author and Co-investigator network pages */
+#sparkline-container {
+    clear: both;
+    float: none;
+    margin-left: 0;
+    width: 100%;
+}
+.easy-deselect-label a.temporal-vis-url {
+    margin-top: -15px;
+}
+#grant-count-sparkline-include {
+    width: 48%;
+}
+#coinvestigator-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}
+#publication-count-sparkline-include {
+    width: 48%;
+}
+#coauthor-count-sparkline-include {
+    width: 48%;
+    clear: left;
+}

webapp/web/themes/vitro/css/reset.css

@@ -0,0 +1,106 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/* CSS Document 
+CSS reste by Eric Meyer:
+The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on...  http://meyerweb.com/eric/tools/css/reset/
+*/
+
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+code,
+del,
+dfn,
+em,
+img,
+q,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-weight: inherit;
+    font-style: inherit;
+    font-size: 100%;
+    font-family: inherit;
+    vertical-align: baseline;
+    color: #595b5b;
+    font-weight: normal;
+}
+body {    
+    line-height: 1.5em;
+}
+ol,
+ul {
+    list-style: none;
+    font-weight: normal;
+}
+blockquote,
+q {    
+    quotes: none; 
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+/* remember to define focus styles! */
+:focus {    
+    outline: 0; 
+}
+/* remember to highlight inserts somehow! */
+ins {    
+    text-decoration: none; 
+}
+del {    
+    text-decoration: line-through; 
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+/* New ones added to the default list */
+a {    
+    text-decoration: none; 
+}
+fieldset {    
+    border-style: none; 
+}
+legend {    
+    display: none; 
+}

webapp/web/themes/vitro/css/screen.css

@@ -0,0 +1,26 @@
+/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+
+/****************************************
+****************************************
+  __  __   __  __  __    ___   
+ /\ \/\ \\/\ \/\ \/\ \  / __`\ 
+ \ \ \_/ |\ \ \ \ \_/ |/\ \L\ \
+  \ \___/  \ \_\ \___/ \ \____/
+   \/__/    \/_/\/__/   \/___/
+ 
+               
+VIVO wilma theme: screen styles
+ 
+ Original version
+ 2010-09-04 UI team
+ 
+ Last updated
+ 2011-2-1
+ 
+*****************************************
+*****************************************/
+
+@charset "UTF-8";
+
+@import url("reset.css");
+@import url("wilma.css");

webapp/web/themes/vitro/templates/footer.ftl

@@ -0,0 +1,33 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+</div> <!-- #wrapper-content -->
+
+<footer role="contentinfo">
+    <p class="copyright">
+        <#if copyright??>
+            <small>&copy;${copyright.year?c}
+            <#if copyright.url??>
+                <a href="${copyright.url}">${copyright.text}</a>
+            <#else>
+                ${copyright.text}
+            </#if>
+             | <a class="terms" href="${urls.termsOfUse}">Terms of Use</a></small> | 
+        </#if>
+        Powered by <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank"><strong>VIVO</strong></a>
+        <#if user.hasRevisionInfoAccess>
+             | Version <a href="${version.moreInfoUrl}">${version.label}</a>
+        </#if>
+    </p>
+    
+    <nav role="navigation">
+        <ul id="footer-nav" role="list">
+            <li role="listitem"><a href="${urls.about}">About</a></li>
+            <#if urls.contact??>
+                <li role="listitem"><a href="${urls.contact}">Contact Us</a></li>
+            </#if> 
+            <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
+        </ul>
+    </nav>
+</footer>
+
+<#include "scripts.ftl">

webapp/web/themes/vitro/templates/googleAnalytics.ftl

@@ -0,0 +1,26 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#-- NOTICE: This is SAMPLE Google Analytics code. You must replace it with your institution's code. 
+Please see documentation at https://confluence.cornell.edu/display/ennsrd/Google+Analytics+for+UI. -->
+
+<#--
+<script type="text/javascript">  
+    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 
+</script>  
+
+<script type="text/javascript">  
+    try { 
+        var pageTracker = _gat._getTracker("UA-5164622-5");
+        pageTracker._setDomainName("vivo.cornell.edu");
+        pageTracker._setAllowLinker(true);
+        pageTracker._trackPageview();
+         
+        var rollupTracker = _gat._getTracker("UA-12531954-1");
+        rollupTracker._setDomainName("none"); 
+        rollupTracker._setAllowLinker(true);
+        rollupTracker._trackPageview(location.host+location.pathname);  
+} 
+
+catch(err) {}  
+</script>
+-->

webapp/web/themes/vitro/templates/head.ftl

@@ -0,0 +1,30 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<meta charset="utf-8" />
+<!-- Google Chrome Frame open source plug-in brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer-->
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+<title>${title}</title>
+
+<#include "stylesheets.ftl">
+<link rel="stylesheet" href="${urls.theme}/css/screen.css" />
+
+<#include "headScripts.ftl">
+
+<!--[if lt IE 7]>
+<link rel="stylesheet" href="${urls.theme}/css/ie6.css" />
+<![endif]-->
+
+<!--[if IE 7]>
+<link rel="stylesheet" href="${urls.theme}/css/ie7.css" />
+<![endif]-->
+
+<!--[if (gte IE 6)&(lte IE 8)]>
+<script type="text/javascript" src="${urls.base}/js/selectivizr.js"></script>
+<![endif]-->
+
+<#-- Inject head content specified in the controller. Currently this is used only to generate an rdf link on 
+an individual profile page. -->
+${headContent!}
+
+<link rel="shortcut icon" type="image/x-icon" href="${urls.base}/favicon.ico">

webapp/web/themes/vitro/templates/identity.ftl

@@ -0,0 +1,43 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<header id="branding" role="banner">
+    <h1 class="vitro-logo"><a title="VITRO | web-based ontology & instance editor" href="${urls.home}"><span class="displace">${siteName}</span></a></h1>
+    <#-- Since we are using a graphic text for the tagline, we won't render ${siteTagline}
+    <#if siteTagline?has_content>
+        <em>${siteTagline}</em>
+    </#if>-->
+
+    <nav role="navigation">
+        <ul id="header-nav" role="list">
+            <#if user.loggedIn>
+                <li role="listitem"><img class="middle" src="${urls.images}/userIcon.png" alt="user icon" />${user.loginName}</li>
+                <li role="listitem"><a href="${urls.logout}">Log out</a></li>
+                <#if user.hasSiteAdminAccess>
+                    <li role="listitem"><a href="${urls.siteAdmin}">Site Admin</a></li>
+                </#if>
+            <#else>
+                <li role="listitem"><a title="log in to manage this site" href="${urls.login}">Log in</a></li>
+            </#if>
+            <#-- List of links that appear in submenus, like the header and footer. -->
+                <li role="listitem"><a href="${urls.about}">About</a></li>
+            <#if urls.contact??>
+                <li role="listitem"><a href="${urls.contact}">Contact Us</a></li>
+            </#if>
+                <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
+                <li role="listitem"><a href="${urls.index}">Index</a></li>
+        </ul>
+    </nav>
+    
+    <section id="search" role="region">
+        <fieldset>
+            <legend>Search form</legend>
+            
+            <form id="search-form" action="${urls.search}" name="search" role="search"> 
+                <div id="search-field">
+                    <input type="text" name="querytext" class="search-vivo" value="${querytext!}" />
+                    <input type="submit" value="Search" class="search">
+                </div>
+            </form>
+        </fieldset>
+    </section>
+</header>

webapp/web/themes/vitro/templates/menu.ftl

@@ -0,0 +1,28 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<nav role="navigation">
+    <ul id="main-nav" role="list">
+        <#list menu.items as item>
+            <li role="listitem"><a href="${item.url}" <#if item.active> class="selected" </#if>>${item.linkText}</a></li>
+        </#list>
+    </ul>
+</nav>
+
+<div id="wrapper-content" role="main">        
+    <#if flash?has_content>
+        <#if flash?starts_with("Welcome") >
+            <section  id="welcome-msg-container" role="container">
+                <section  id="welcome-message" role="alert">${flash}</section>
+            </section>
+        <#else>
+            <section id="flash-message" role="alert">
+                ${flash}
+            </section>
+        </#if>
+    </#if>
+    
+    <!--[if lte IE 8]>
+    <noscript>
+        <p class="ie-alert">This site uses HTML elements that are not recognized by Internet Explorer 8 and below in the absence of JavaScript. As a result, the site will not be rendered appropriately. To correct this, please either enable JavaScript, upgrade to Internet Explorer 9, or use another browser.</p>
+    </noscript>
+    <![endif]-->

webapp/web/themes/vitro/templates/page-home.ftl

@@ -0,0 +1,37 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<@widget name="login" include="assets" />
+<#include "browse-classgroups.ftl">
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <#include "head.ftl">
+    </head>
+    
+    <body class="${bodyClasses!}">
+        <#include "identity.ftl">
+        
+        <#include "menu.ftl">
+        
+            <section id="intro" role="region">
+                <h2>What is VITRO?</h2>
+                
+                <p>Vitro is a general-purpose web-based ontology and instance editor with customizable public browsing. Vitro is a Java web application that runs in a Tomcat servlet container.</p>
+                <p>With Vitro, you can:</p>
+                
+                <ul>
+                    <li>Create or load ontologies in OWL format</li>
+                    <li>Edit instances and relationships</li>
+                    <li>Build a public web site to display your data</li>
+                    <li>Search your data with Lucene</li>
+                </ul>
+            </section> <!-- #intro -->
+            
+            <@widget name="login" />
+            
+            <@allClassGroups vClassGroups />
+        
+        <#include "footer.ftl">
+    </body>
+</html>

webapp/web/themes/vitro/templates/page.ftl

@@ -0,0 +1,20 @@
+<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
+
+<#import "lib-list.ftl" as l>
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <#include "head.ftl">
+    </head>
+    
+    <body class="${bodyClasses!}">
+        <#include "identity.ftl">
+        
+        <#include "menu.ftl">
+        
+        ${body}
+        
+        <#include "footer.ftl">
+    </body>
+</html>