NIHVIVO-555, NIHVIVO-559. Introducing new default VIVO theme. Work in progress.
5
themes/wilma/css/forms.css
Normal file
|
@ -0,0 +1,5 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
68
themes/wilma/css/ie6.css
Normal file
|
@ -0,0 +1,68 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
/*fix for page-homepage*/
|
||||
|
||||
|
||||
html, body {
|
||||
background-position:center, 0;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
#intro h3 {
|
||||
margin-left:24px;
|
||||
}
|
||||
#intro p {
|
||||
margin-left:24px;
|
||||
}
|
||||
#log-in {
|
||||
margin-right:20px;
|
||||
}
|
||||
#search-home h3 {
|
||||
margin-left:0;
|
||||
}
|
||||
#log-in input {
|
||||
width:200px;
|
||||
margin-left:-28px;
|
||||
}
|
||||
ul#browse-classGroups {
|
||||
margin-left:20px;
|
||||
}
|
||||
#browse-classes {
|
||||
width:600px;
|
||||
}
|
||||
.global-highlights {
|
||||
width:220px;
|
||||
padding:18px;
|
||||
}
|
||||
ul#browse-classGroups a.selected {
|
||||
background-position-x: 0px;
|
||||
background-position-y: 12px;
|
||||
}
|
||||
/*fix for page-topLevel*/
|
||||
|
||||
ul#foaf-person-childClasses {
|
||||
float:left;
|
||||
width:265px;
|
||||
margin-left:15px;
|
||||
}
|
||||
ul#browse-childClasses {
|
||||
width:284px;
|
||||
margin-left:0;
|
||||
padding-left:10px;
|
||||
margin-left:15px;
|
||||
}
|
||||
#individuals-in-childClass {
|
||||
width:450px;
|
||||
}
|
||||
#individuals-in-childClass h3 {
|
||||
padding: 10px 0 10px 30px;
|
||||
margin:0;
|
||||
}
|
||||
article.individual-foaf-person {
|
||||
width:400px margin-left:10px;
|
||||
margin-right:10px;
|
||||
padding:0;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#profile-photo-display {
|
||||
width:620px;
|
||||
}
|
10
themes/wilma/css/ie7.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
/*fix for page-homepage*/
|
||||
#log-in input {
|
||||
width:200px;
|
||||
margin-left:-24px;
|
||||
}
|
||||
#content-foaf-person {
|
||||
border:1px solid blue;
|
||||
}
|
706
themes/wilma/css/layout.css
Normal file
|
@ -0,0 +1,706 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
||||
|
||||
/* Tell the browser to render HTML 5 elements as block */
|
||||
|
||||
header, hgroup, section, nav, article, aside, footer {
|
||||
display:block;
|
||||
}
|
||||
time {
|
||||
font-weight:normal;
|
||||
}
|
||||
html, body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
height:100%; /* needed for container min-height */
|
||||
background:#f3f3f0 url(../images/header-background.png) center 0 no-repeat;
|
||||
font-family: "museo-sans-1", "museo-sans-2", helvetica, sans-serif, arial;/*font-size: 62.5%;*/
|
||||
/* Consider these fonts: "Lucida Sans Unicode","Lucida Grande",Geneva,*/
|
||||
}
|
||||
/* PAGE WRAPPER ------> */
|
||||
|
||||
#wrapper {
|
||||
position:relative; /* needed for footer positioning*/
|
||||
/*margin:0 auto; center, not in IE5 */
|
||||
width:970px;
|
||||
height:auto !important; /* real browsers */
|
||||
height:100%; /* IE6: treaded as min-height*/
|
||||
min-height:100%; /* real browsers */
|
||||
margin:0 auto;
|
||||
}
|
||||
/* HEADER ------> */
|
||||
|
||||
#branding {
|
||||
position:relative;
|
||||
width:970px;
|
||||
height:114px;
|
||||
margin:0 auto;
|
||||
}
|
||||
/* BRANDING ------> */
|
||||
|
||||
h2.vivo-logo {
|
||||
position:absolute;
|
||||
width:386px;
|
||||
height:59px;
|
||||
top:28px;
|
||||
left:0;
|
||||
background:url(../images/VIVO-logo.png) 0 0 no-repeat;
|
||||
}
|
||||
h2.vivo-logo a {
|
||||
display: block;
|
||||
width:386px;
|
||||
height:59px;
|
||||
}
|
||||
/* <------ BRANDING */
|
||||
|
||||
/* HEADER NAV------> */
|
||||
|
||||
ul#header-nav {
|
||||
float:right;
|
||||
list-style: none;
|
||||
height:30px;
|
||||
padding-top:10px;
|
||||
margin-right:13px;
|
||||
|
||||
}
|
||||
ul#header-nav li {
|
||||
float:left;
|
||||
display:block;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
border-right:1px solid grey;
|
||||
font-size:0.7em;
|
||||
color:white;
|
||||
}
|
||||
ul#header-nav li.last {
|
||||
border-right:none;
|
||||
}
|
||||
ul#header-nav li:last-child {
|
||||
padding-right:0;
|
||||
border-right:none;
|
||||
}
|
||||
ul#header-nav a{
|
||||
color:white;
|
||||
}
|
||||
ul#header-nav a:link, ul#header-nav a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
ul#header-nav a:hover, ul#header-nav a:active {
|
||||
text-decoration:none;
|
||||
color:#999;
|
||||
}
|
||||
/* <------ HEADER NAV*/
|
||||
|
||||
/* <------ HEADER */
|
||||
|
||||
/*MAIN NAVIGATION------> */
|
||||
|
||||
ul#main-nav {
|
||||
display:block;
|
||||
width:968px;
|
||||
height:48px;
|
||||
border:1px solid #dce4e3;
|
||||
background-color:#f7f9f9;
|
||||
margin:0 auto;
|
||||
list-style: none;
|
||||
font-weight:1em;
|
||||
color:#706a66;
|
||||
}
|
||||
#main-nav li {
|
||||
float:left;
|
||||
line-height:40px;
|
||||
background:url(../images/separator-main-nav.jpg) right -3px no-repeat;
|
||||
}
|
||||
#main-nav li a {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
display:block;
|
||||
color:#706a66;
|
||||
text-decoration:none;
|
||||
}
|
||||
#main-nav li a:hover {
|
||||
color:#002b44;/*background:url(../images/selected-main-nav.jpg) left -3px no-repeat;
|
||||
margin-left:21px;*/
|
||||
}
|
||||
#main-nav li a.selected {
|
||||
color:#002b44;
|
||||
background:url(../images/selected-main-nav.jpg) left -3px no-repeat;
|
||||
margin-left:18px;
|
||||
}
|
||||
/* <------ MAIN NAVIGATION */
|
||||
|
||||
|
||||
#wrapper-content {
|
||||
width:970px;
|
||||
margin:0 auto;
|
||||
background:#fff;
|
||||
min-height:450px;
|
||||
}
|
||||
/* INTRO ------> */
|
||||
|
||||
#intro {
|
||||
float:left;
|
||||
width:600px;
|
||||
padding-bottom:40px;
|
||||
}
|
||||
#intro h3 {
|
||||
padding: 35px 0 12px 24px;
|
||||
font-size: 22px;
|
||||
color: #2485ae;
|
||||
border-bottom:none;
|
||||
}
|
||||
#intro p {
|
||||
font-size: 16px;
|
||||
color: #5f6464;
|
||||
line-height: 1.3em;
|
||||
padding: 0 24px 30px 24px;
|
||||
}
|
||||
#intro a {
|
||||
color: #2485ae;
|
||||
}
|
||||
.pictos-arrow-14 {
|
||||
font-family: 'Pictos';
|
||||
font-size:14px;
|
||||
color: #b2d15a;
|
||||
}
|
||||
/* <------ INTRO */
|
||||
|
||||
/* LOG IN------> */
|
||||
|
||||
#log-in {
|
||||
float:right;
|
||||
width:314px;
|
||||
height:348px;
|
||||
border:1px solid #e8ece9;
|
||||
margin-right:25px;
|
||||
margin-top:20px;
|
||||
padding-bottom:30px;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
#log-in h3 {
|
||||
font-size: 22px;
|
||||
color: #2485ae;
|
||||
padding-left:15px;
|
||||
padding-top:18px;
|
||||
border-bottom:none;
|
||||
}
|
||||
#log-in label {
|
||||
display:block;
|
||||
font-size: 14px;
|
||||
color: #5e6363;
|
||||
padding-top:20px;
|
||||
padding-left:38px;
|
||||
font-size:14px;
|
||||
}
|
||||
div.input-field {
|
||||
width:229px;
|
||||
height:34px;
|
||||
margin-left:38px;
|
||||
margin-top:7px;
|
||||
background: #fff;
|
||||
border:1px solid #e0dfdf;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
#log-in input {
|
||||
width:214px;
|
||||
height:13px;
|
||||
margin-left:7px;
|
||||
margin-top:7px;
|
||||
border:0;
|
||||
font-size:14px;
|
||||
}
|
||||
#wrapper-submit-remember-me {
|
||||
width:270px;
|
||||
height:40px;
|
||||
margin-left:38px;
|
||||
margin-top:20px;
|
||||
}
|
||||
#remember-me {
|
||||
float:right;
|
||||
width:170px;
|
||||
height:20px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
padding-top:5px;
|
||||
}
|
||||
#remember-me input.checkbox-remember-me {
|
||||
float:left;
|
||||
height:14px;
|
||||
width:14px;
|
||||
color: #5e6363;
|
||||
font-size:12px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
#remember-me .label-remember-me {
|
||||
display:block;
|
||||
float:right;
|
||||
color: #5e6363;
|
||||
font-size:12px;
|
||||
width:100px;
|
||||
padding:0px;
|
||||
padding-right:50px;
|
||||
padding-top:1px;
|
||||
}
|
||||
p.forgot-password {
|
||||
margin-left:38px;
|
||||
font-size:12px;
|
||||
}
|
||||
p.forgot-password a {
|
||||
color: #2485ae;
|
||||
}
|
||||
#request-account {
|
||||
clear:both;
|
||||
float:left;
|
||||
margin-left:38px;
|
||||
margin-top:20px;
|
||||
padding-top:20px;
|
||||
border-top:1px solid #e8ece9;
|
||||
}
|
||||
/* <------ LOG IN */
|
||||
|
||||
/* SEARCH ------> */
|
||||
|
||||
#search-home {
|
||||
float:left;
|
||||
width:533px;
|
||||
margin-left:24px;
|
||||
}
|
||||
#search-home h3 {
|
||||
padding: 0;
|
||||
font-size: 22px;
|
||||
color: #2485ae;
|
||||
margin-bottom:15px;
|
||||
}
|
||||
#search-home-field {
|
||||
width:483px;
|
||||
height:44px;
|
||||
background: url(../images/search-field-and-button.png) 0 0 no-repeat;
|
||||
}
|
||||
input.search-home-vivo {
|
||||
float:left;
|
||||
margin: 10px 0 0 8px;
|
||||
width:350px;
|
||||
height:20px;
|
||||
border:0;
|
||||
font-size:18px;
|
||||
color: #5e6363;
|
||||
}
|
||||
#search-home a.submit {
|
||||
float:right;
|
||||
display:block;
|
||||
width:80px;
|
||||
height:20px;
|
||||
font-size:14;
|
||||
color:#fff;
|
||||
padding-top:15px;
|
||||
padding-left:30px;
|
||||
}
|
||||
/* <------ SEARCH */
|
||||
|
||||
/* BROWSE ------> */
|
||||
|
||||
#browse {
|
||||
clear:both;
|
||||
width:920px;
|
||||
margin:0 auto;
|
||||
border:1px solid #dfe6e6;
|
||||
background:#f7f9f9;
|
||||
overflow:hidden;
|
||||
padding-bottom:30px;
|
||||
}
|
||||
#browse h2 {
|
||||
background:#5e6363;
|
||||
width:102px;
|
||||
height:44px;
|
||||
line-height:44px;
|
||||
font-soze:22px;
|
||||
padding-left:15px;
|
||||
color:#fff;
|
||||
margin-bottom:27px;
|
||||
}
|
||||
/* BROWSE CLASS GROUPS ------> */
|
||||
|
||||
ul#browse-classGroups {
|
||||
float:left;
|
||||
width:200px;
|
||||
border:1px solid #dde4e3;
|
||||
border-right:none;
|
||||
background:#f1f2ee;
|
||||
margin-left:34px;
|
||||
padding: 0 20px 23px 20px;
|
||||
margin-top:10px;
|
||||
padding-top:10px;
|
||||
}
|
||||
ul#browse-classGroups li {
|
||||
display:block;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
font-size:18px;
|
||||
width:200px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
ul#browse-classGroups li:last-child {
|
||||
border-bottom:none;
|
||||
}
|
||||
ul#browse-classGroups a {
|
||||
display:block;
|
||||
padding-left:15px;
|
||||
width:200px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul#browse-classGroups a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#browse-classGroups a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
ul#browse-classGroups .count-classes {
|
||||
font-size:14px;
|
||||
}
|
||||
/* <------ BROWSE CLASS GROUPS */
|
||||
|
||||
|
||||
/* BROWSE CLASSES IN CLASS GROUP ------> */
|
||||
|
||||
#browse-classes {
|
||||
float:left;
|
||||
width:610px;
|
||||
border:1px solid #dde6e5;
|
||||
background:#fff;
|
||||
margin-top:-20px;
|
||||
}
|
||||
ul#class-group-list {
|
||||
float:left;
|
||||
width:268px;
|
||||
padding:0 10px 15px 22px;
|
||||
margin-top:20px;
|
||||
margin-bottom:10px;
|
||||
border-right:1px solid #dde5e4;
|
||||
}
|
||||
ul#class-group-list li {
|
||||
display:block;
|
||||
float:left;
|
||||
width:268px;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
font-size:14px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
ul#class-group-list li:last-child {
|
||||
border-bottom:none;
|
||||
}
|
||||
ul#class-group-list a {
|
||||
display:block;
|
||||
padding-left:15px;
|
||||
width:200px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul#class-group-list a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#class-group-list a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
ul#class-group-list .count-individuals {
|
||||
font-size:12px;
|
||||
}
|
||||
/* <------ BROWSE CLASSES IN CLASS GROUP */
|
||||
|
||||
/* VISUALIZATION ------> */
|
||||
|
||||
#visual-graph {
|
||||
float:right;
|
||||
width:270px;
|
||||
height:270px;
|
||||
}
|
||||
#visual-graph h4 {
|
||||
padding: 20px 0 12px 12px;
|
||||
font-size: 18px;
|
||||
color: #2485ae;
|
||||
font-weight:normal;
|
||||
background:url(../images/bullet-visual-graph.png) 120px 25px no-repeat;
|
||||
}
|
||||
/* <------ VISUALIZATION */
|
||||
/* <------ BROWSE */
|
||||
|
||||
/* HIGHLIGHTS ------> */
|
||||
|
||||
#highlights {
|
||||
clear:both;
|
||||
width:920px;
|
||||
margin:0 auto;
|
||||
margin-top:40px;
|
||||
height:400px;
|
||||
border:1px solid #dfe6e6;
|
||||
background:#f7f9f9;
|
||||
}
|
||||
#highlights h2 {
|
||||
background:#5e6363;
|
||||
width:102px;
|
||||
height:44px;
|
||||
line-height:44px;
|
||||
font-soze:22px;
|
||||
padding-left:15px;
|
||||
color:#fff;
|
||||
margin-bottom:27px;
|
||||
}
|
||||
#highlights h3 {
|
||||
color:#91b039;
|
||||
font-size:14px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
.global-highlights {
|
||||
border:1px solid #e8e8e8;
|
||||
background:#fff;
|
||||
float:left;
|
||||
width:235px;
|
||||
padding:24px;
|
||||
}
|
||||
/* FEAUTERED PEOPLE ------> */
|
||||
#fearuted-people {
|
||||
margin-left:20px;
|
||||
margin-right:15px;
|
||||
}
|
||||
article.featured-people {
|
||||
width:245px;
|
||||
height:100px;
|
||||
}
|
||||
img.individual-photo {
|
||||
width:80px;
|
||||
border:1px solid #999;
|
||||
float:left;
|
||||
}
|
||||
article.vcard p.fn {
|
||||
float:left;
|
||||
width:130px;
|
||||
font-size:12px;
|
||||
line-height:1.3em;
|
||||
margin-left:20px;
|
||||
color:#303e4e;
|
||||
font-weight:bold;
|
||||
}
|
||||
article.vcard span.title {
|
||||
display:block;
|
||||
font-weight:normal;
|
||||
font-style: italic;
|
||||
}
|
||||
article.vcard span.org {
|
||||
display:block;
|
||||
font-weight:normal;
|
||||
}
|
||||
p.view-all {
|
||||
clear:both;
|
||||
width: 200px;
|
||||
font-size:14px;
|
||||
text-align:right;
|
||||
color:#303e4e;
|
||||
}
|
||||
a.view-all-style {
|
||||
color:#303e4e;
|
||||
}
|
||||
.pictos-arrow-10 {
|
||||
font-family: 'Pictos';
|
||||
font-size:10px;
|
||||
}
|
||||
/* <------ FEAUTERED PEOPLE */
|
||||
|
||||
/* UPCOMING EVENTS------> */
|
||||
|
||||
#upcoming-events {
|
||||
margin-right:15px;
|
||||
}
|
||||
article.vevent {
|
||||
width:233px;
|
||||
height:59px;
|
||||
clear:both;
|
||||
}
|
||||
time.dtstart {
|
||||
width:40px;
|
||||
height:59px;
|
||||
float:left;
|
||||
background:url(../images/date-display.jpg) 0 0 no-repeat;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
padding-top:12px;
|
||||
font-size:20px;
|
||||
}
|
||||
time.dtstart span {
|
||||
display:block;
|
||||
font-size:11px;
|
||||
}
|
||||
p.summary {
|
||||
padding-left:50px;
|
||||
padding-top:12px;
|
||||
color:#303e4e;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
}
|
||||
p.summary time {
|
||||
display:block;
|
||||
padding-top:5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
/* <------ UPCOMING EVENTS */
|
||||
|
||||
/* LATEST PUBLICATIONS ------> */
|
||||
|
||||
|
||||
article.latest-publications-item {
|
||||
width:232px;
|
||||
height:35px;
|
||||
background:url(../images/icon-pub.png) 0 0 no-repeat;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
p.publication-content {
|
||||
padding-left:40px;
|
||||
color:#303e4e;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
line-height:1.3em;
|
||||
}
|
||||
p.publication-content span {
|
||||
display:block;
|
||||
font-weight:normal;
|
||||
}
|
||||
/* <------ LATEST PUBLICATIONS */
|
||||
|
||||
/* <------ HIGHLIGHTS */
|
||||
|
||||
/* FOOTER------> */
|
||||
|
||||
#footer-content {
|
||||
clear:both;
|
||||
width:970px;
|
||||
height:88px;
|
||||
margin:0 auto;
|
||||
font-size:0.7em;
|
||||
color:#4e5051;
|
||||
background-color:#fff;
|
||||
}
|
||||
#footer-content p.copyright {
|
||||
float:left;
|
||||
padding-top:50px;
|
||||
padding-left: 30px;
|
||||
width:500px;
|
||||
}
|
||||
ul#footer-nav {
|
||||
float:right;
|
||||
list-style: none;
|
||||
width:200px;
|
||||
height:30px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
padding-top:50px;
|
||||
padding-right:20px;
|
||||
}
|
||||
ul#footer-nav li {
|
||||
float:left;
|
||||
display:block;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
border-right:1px solid #4e5051;
|
||||
}
|
||||
ul#footer-nav li:last-child {
|
||||
border-right:none;
|
||||
}
|
||||
#footer-nav a {
|
||||
color:#4e5051;
|
||||
}
|
||||
#footer-nav a:hover {
|
||||
color:#09C;
|
||||
text-decoration:none;
|
||||
}
|
||||
a.terms {
|
||||
color:#09C;
|
||||
text-decoration:none;
|
||||
}
|
||||
a.terms:hover {
|
||||
color:#4e5051;
|
||||
text-decoration:none;
|
||||
}
|
||||
a.powered-by-vivo {
|
||||
color:#09C;
|
||||
text-decoration:none;
|
||||
}
|
||||
a.powered-by-vivo:hover {
|
||||
color:#4e5051;
|
||||
text-decoration:none;
|
||||
}
|
||||
/* <------ FOOTER*/
|
||||
|
||||
/* <------ PAGE WRAPPER */
|
||||
|
||||
/* MISCELLANEOUS------> */
|
||||
|
||||
.displace {
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
}
|
||||
/* <------ MISCELLANEOUS */
|
||||
|
||||
/* STYLED BUTTONS ------> */
|
||||
|
||||
.button, .button:visited {
|
||||
background: #222 url(../images/alert-overlay.png) repeat-x;
|
||||
display: inline-block;
|
||||
padding: 7px 22px 8px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;/*This box should have a rounded corners in browsers supporting CSS3*/
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
/*
|
||||
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||||
|
||||
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.25);*/
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
.button:active {
|
||||
top: 1px;
|
||||
}
|
||||
.small.button, .small.button:visited {
|
||||
font-size: 11px;
|
||||
padding:;
|
||||
}
|
||||
.button, .button:visited {
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
line-height: 1;/*text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);*/
|
||||
}
|
||||
.green.button, .green.button:visited {
|
||||
background-color: #749a02;
|
||||
}
|
||||
.green.button:hover {
|
||||
background-color: #b2d15a;
|
||||
}
|
||||
.blue.button, .blue.button:visited {
|
||||
background-color: #398aac;
|
||||
}
|
||||
.blue.button:hover {
|
||||
background-color: #58a2c1;
|
||||
}
|
||||
|
||||
/* <------ STYLED BUTTONS */
|
||||
|
||||
|
19
themes/wilma/css/pictos.css
Normal file
|
@ -0,0 +1,19 @@
|
|||
/* Pictos Font
|
||||
* Copyright © 2010 Drew Wilson
|
||||
* http://www.drewwilson.com - http://pictos.drewwilson.com
|
||||
*
|
||||
* The fonts included in this stylesheet are subject to the End User License you purchased
|
||||
* from Drew Wilson. The fonts are protected under domestic and international trademark and
|
||||
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
|
||||
* distributing this font software.
|
||||
*
|
||||
* This font is NOT free. It is illegal to use this font without paying for a license.
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pictos';
|
||||
src: url('../pictos-font/pictos-web.eot'); /* IE */
|
||||
src: local('☺'), url('../pictos-font/pictos-web.woff') format('../pictos-font/woff'), url('../pictos-font/pictos-web.ttf') format('../pictos-font/truetype'), url('../pictos-font/pictos-web.svg#webfontphKv1xv9') format('svg');/* non-IE */
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
57
themes/wilma/css/reset.css
Normal file
|
@ -0,0 +1,57 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
@charset "UTF-8";
|
||||
/* 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, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
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;
|
||||
}
|
21
themes/wilma/css/style.css
Normal file
|
@ -0,0 +1,21 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
/****************************************
|
||||
****************************************
|
||||
. .._.. ..__.
|
||||
\ / | \ /| |
|
||||
\/ _|_ \/ |__|
|
||||
|
||||
VIVO theme: screen styles
|
||||
|
||||
Original version
|
||||
2010-09-04 UI team
|
||||
|
||||
*****************************************
|
||||
*****************************************/
|
||||
|
||||
@import url("reset.css");
|
||||
@import url("pictos.css");
|
||||
@import url("layout.css");
|
||||
@import url("top-level.css");
|
||||
@import url("forms.css");
|
524
themes/wilma/css/top-level.css
Normal file
|
@ -0,0 +1,524 @@
|
|||
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
|
||||
/* SEARCH ------> */
|
||||
|
||||
#search {
|
||||
position:absolute;
|
||||
width:396px;
|
||||
height:38px;
|
||||
top:40px;
|
||||
right:10px;
|
||||
}
|
||||
#search-field {
|
||||
width:396px;
|
||||
height:38px;
|
||||
background:url(../images/search-interior-pages.png) 0 0 no-repeat;
|
||||
}
|
||||
input.search-vivo {
|
||||
float:left;
|
||||
width:290px;
|
||||
height:25px;
|
||||
border:0;
|
||||
font-size:16px;
|
||||
color: #5e6363;
|
||||
margin-left:10px;
|
||||
margin-top:5px;
|
||||
}
|
||||
#search a.submit {
|
||||
float:right;
|
||||
display:block;
|
||||
width:70px;
|
||||
height:25px;
|
||||
font-size:14px;
|
||||
color:#fff;
|
||||
padding-top:10px;
|
||||
padding-left:15px;
|
||||
}
|
||||
|
||||
#search-form-modifier{
|
||||
display:none;
|
||||
}
|
||||
/* <------ SEARCH */
|
||||
|
||||
/* VISUAL GRAPH FOAF:PERSON------> */
|
||||
|
||||
|
||||
#intro-topLevel {
|
||||
clear:both;
|
||||
width:920px;
|
||||
margin:0 auto;
|
||||
background:#fff;
|
||||
padding-top:30px;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
#intro-topLevel h3 {
|
||||
padding: 0 25px 15px 0;
|
||||
font-size: 24px;
|
||||
color:#002b44;
|
||||
font-weight:normal;
|
||||
border-bottom:1px solid #f3f3f4;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
#content-foaf-person {
|
||||
float:left;
|
||||
width:620px;
|
||||
border-right:1px solid #e8ece9;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
#content-foaf-person h4 {
|
||||
padding: 20px 25px 12px 0;
|
||||
font-size: 20px;
|
||||
color: #2485ae;
|
||||
font-weight:normal;
|
||||
background:url(../images/arrow-down.gif) 117px 27px no-repeat;
|
||||
}
|
||||
ul#foaf-person-childClasses {
|
||||
float:left;
|
||||
width:265px;
|
||||
margin-left:45px;
|
||||
}
|
||||
ul#foaf-person-childClasses li {
|
||||
display:block;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
font-size:16px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
ul#foaf-person-childClasses li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
ul#foaf-person-childClasses a {
|
||||
display:block;
|
||||
padding-left:15px;
|
||||
width:265px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul#foaf-person-childClasses a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#foaf-person-childClasses a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
ul#foaf-person-childClasses .count-classes {
|
||||
font-size:12px;
|
||||
}
|
||||
#foaf-person-graph {
|
||||
float:right;
|
||||
width:270px;
|
||||
height:270px;
|
||||
}
|
||||
/* <------ VISUAL GRAPH FOAF:PERSON */
|
||||
|
||||
|
||||
|
||||
|
||||
/* VISUAL GRAPH CLASS:GENERIC (ORGANIZATION, RESEARCH, EVENT) ------> */
|
||||
|
||||
#content-generic-class {
|
||||
float:left;
|
||||
width:900px;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
#content-generic-class h3 {
|
||||
padding: 0 25px 15px 0;
|
||||
font-size: 24px;
|
||||
color:#002b44;
|
||||
font-weight:normal;
|
||||
border-bottom:1px solid #f3f3f4;
|
||||
}
|
||||
#content-generic-class h4 {
|
||||
padding: 20px 25px 12px 0;
|
||||
font-size: 20px;
|
||||
color: #2485ae;
|
||||
font-weight:normal;
|
||||
background:url(../images/arrow-down.gif) 117px 27px no-repeat;
|
||||
}
|
||||
ul#class-generic-childClasses {
|
||||
float:left;
|
||||
width:265px;
|
||||
margin-left:35px;
|
||||
}
|
||||
ul#class-generic-childClasses li {
|
||||
display:block;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
font-size:16px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
ul#class-generic-childClasses li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
ul#class-generic-childClasses a {
|
||||
display:block;
|
||||
padding-left:15px;
|
||||
width:265px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul#class-generic-childClasses a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#class-generic-childClasses a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
ul#class-generic-childClasses .count-classes {
|
||||
font-size:12px;
|
||||
}
|
||||
#generic-class-graph {
|
||||
float:right;
|
||||
width:500px;
|
||||
height:283px;
|
||||
padding-right:20px;
|
||||
border:1px dotted #CCC;
|
||||
}
|
||||
/* <------ VISUAL GRAPH CLASS:GENERIC (ORGANIZATION, RESEARCH, EVENT) */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* FIND BY ------> */
|
||||
#find-by {
|
||||
width:275px;
|
||||
border:1 solid green;
|
||||
float:right;
|
||||
margin-top:20px;
|
||||
}
|
||||
#find-by h3 {
|
||||
padding: 0 25px 12px 12px;
|
||||
font-size: 18px;
|
||||
color: #2485ae;
|
||||
font-weight:normal;
|
||||
background:url(../images/arrow-down.gif) 85px 7px no-repeat;
|
||||
border-bottom:0;
|
||||
}
|
||||
ul#find-filters {
|
||||
float:left;
|
||||
width:265px;
|
||||
}
|
||||
ul#find-filters li {
|
||||
display:block;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
font-size:16px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
ul#find-filters li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
ul#find-filters a {
|
||||
display:block;
|
||||
padding-left:15px;
|
||||
width:265px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul#find-filters a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#find-filters a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
/* <------ FIND BY */
|
||||
|
||||
/* NETWORK STATS ------> */
|
||||
|
||||
#network-stats {
|
||||
clear:both;
|
||||
width:920px;
|
||||
margin:0 auto;
|
||||
height:67px;
|
||||
background:#f7f9f9;
|
||||
border:1px solid #d7e6e6;
|
||||
margin-bottom:30px;
|
||||
}
|
||||
#network-stats h3 {
|
||||
float:left;
|
||||
width: 150px;
|
||||
padding: 20px 12px 10px 12px;
|
||||
font-size: 20px;
|
||||
color: #2485ae;
|
||||
font-weight:normal;
|
||||
background:url(../images/arrow.gif) 140px 27px no-repeat;
|
||||
}
|
||||
#network-stats p {
|
||||
padding:15px 15px 15px 175px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5em;
|
||||
color:#5e6363;
|
||||
}
|
||||
/* <------ NETWORK STATS */
|
||||
|
||||
/* RESEARCHERS ------> */
|
||||
|
||||
#researchers {
|
||||
clear:both;
|
||||
width:920px;
|
||||
height:229px;
|
||||
margin:0 auto;
|
||||
background:#f7f9f9;
|
||||
border:1px solid #d7e6e6;
|
||||
margin-top:30px;
|
||||
}
|
||||
#researchers h3 {
|
||||
float:left;
|
||||
width: 150px;
|
||||
padding: 20px 12px 10px 12px;
|
||||
font-size: 20px;
|
||||
color: #2485ae;
|
||||
font-weight:normal;
|
||||
background:url(../images/arrow.gif) 140px 27px no-repeat;
|
||||
}
|
||||
#researchers p {
|
||||
padding:17px 15px 15px 175px;
|
||||
font-size: 18px;
|
||||
line-height: 1.5em;
|
||||
color:#5e6363;
|
||||
}
|
||||
#researchers-slider {
|
||||
clead:both;
|
||||
margin:0 auto;
|
||||
width:887px;
|
||||
height:115px;
|
||||
border:1px solid #e8e8e8;
|
||||
background:#fff;
|
||||
}
|
||||
#alpha-display {
|
||||
width:100px;
|
||||
height:115px;
|
||||
font-size:70px;
|
||||
line-height:115px;
|
||||
text-align:center;
|
||||
float:left;
|
||||
color:#2485ae;
|
||||
border-right:1px dotted #dde4e3;
|
||||
margin-right:10px;
|
||||
font-weight:bold;
|
||||
}
|
||||
#profile-photo-display {
|
||||
width:600px;
|
||||
height:115px;
|
||||
float:left;
|
||||
}
|
||||
#profile-photo-display ul {
|
||||
display:block;
|
||||
}
|
||||
#profile-photo-display li {
|
||||
display:block;
|
||||
width:90px;
|
||||
float:left;
|
||||
padding-right:10px;
|
||||
padding-top:10px;
|
||||
}
|
||||
#profile-photo-display img {
|
||||
border:1px solid #dde4e3;
|
||||
}
|
||||
#nav-display {
|
||||
width:100px;
|
||||
height:70px;
|
||||
margin-top:30px;
|
||||
margin-right:20px;
|
||||
float:right;
|
||||
}
|
||||
#nav-display p {
|
||||
float:left;
|
||||
padding:0;
|
||||
padding-top:7px;
|
||||
width:30px;
|
||||
font-size:26px;
|
||||
color:#2485ae;
|
||||
}
|
||||
#nav-display img {
|
||||
display:block;
|
||||
float:right;
|
||||
padding-left:15px;
|
||||
border-left:1px solid #e8e8e8;
|
||||
}
|
||||
/* <------ RESEARCHERS */
|
||||
|
||||
/* BROWSE BY ------> */
|
||||
#browse-by {
|
||||
clear:both;
|
||||
width:920px;
|
||||
margin:0 auto;
|
||||
margin-top:40px;
|
||||
border:1px solid #dfe6e6;
|
||||
background:#f7f9f9;
|
||||
overflow: hidden;
|
||||
}
|
||||
#browse-by h2 {
|
||||
background:#5e6363;
|
||||
width:102px;
|
||||
height:44px;
|
||||
line-height:44px;
|
||||
font-soze:22px;
|
||||
padding-left:15px;
|
||||
color:#fff;
|
||||
margin-bottom:27px;
|
||||
}
|
||||
/* BROWSE CLASSES ------> */
|
||||
ul#browse-childClasses {
|
||||
float:left;
|
||||
width:284px;
|
||||
border:1px solid #dde4e3;
|
||||
border-right:0;
|
||||
margin-left:30px;
|
||||
background-color:#f1f2ee;
|
||||
}
|
||||
ul#browse-childClasses li {
|
||||
display:block;
|
||||
width:264px;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
font-size:16px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
margin-left:10px;
|
||||
margin-right:10px;
|
||||
}
|
||||
ul#browse-childClassesli:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
ul#browse-childClasses a {
|
||||
display:block;
|
||||
padding-left:20px;
|
||||
width:264px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
}
|
||||
ul#browse-childClasses a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#browse-childClasses a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
ul#browse-childClasses .count-classes {
|
||||
font-size:12px;
|
||||
}
|
||||
/* <------ BROWSE CLASSES */
|
||||
|
||||
|
||||
/* ALPHA BROWSE------> */
|
||||
|
||||
#alpha-browse-childClass {
|
||||
float:left;
|
||||
width:77px;
|
||||
border:1px solid #dde4e3;
|
||||
border-right:0;
|
||||
}
|
||||
ul#alpha-browse-childClass {
|
||||
background-color:#fff;
|
||||
border-left:1px solid #dde4e3;
|
||||
}
|
||||
ul#alpha-browse-childClass li {
|
||||
display:block;
|
||||
width:67px;
|
||||
font-size:18px;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
ul#alpha-browse-childClass li:last-child {
|
||||
border-bottom:0;
|
||||
}
|
||||
ul#alpha-browse-childClass a {
|
||||
display:block;
|
||||
width:57px;
|
||||
height:35px;
|
||||
color:#5e6363;
|
||||
text-decoration:none;
|
||||
text-align:center;
|
||||
margin-left:5px;
|
||||
padding-left:10px;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
}
|
||||
ul#alpha-browse-childClass a:hover {
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
color:#2ea0cf;
|
||||
}
|
||||
ul#alpha-browse-childClass a.selected {
|
||||
color:#2ea0cf;
|
||||
background:url(../images/arrow.gif) 0 12px no-repeat;
|
||||
}
|
||||
ul#alpha-browse-childClass .count-classes {
|
||||
font-size:12px;
|
||||
}
|
||||
/* <------ ALPHA BROWSE */
|
||||
|
||||
|
||||
/* BROWSE INDIVIDUALS------> */
|
||||
|
||||
#individuals-in-childClass {
|
||||
float:left;
|
||||
width:500px;
|
||||
border:1px solid #dde4e3;
|
||||
padding-bottom:30px;
|
||||
margin-bottom:30px;
|
||||
background-color:#fff;
|
||||
}
|
||||
#individuals-in-childClass h3 {
|
||||
font-size:27px;
|
||||
color:#2485ae;
|
||||
padding: 10px 0 10px 30px;
|
||||
}
|
||||
article.individual-foaf-person {
|
||||
width:440px;
|
||||
padding-botom:30px;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
padding-top:20px;
|
||||
margin-left:30px;
|
||||
margin-right:30px;
|
||||
}
|
||||
article.individual-foaf-person img {
|
||||
float:left;
|
||||
border:2px solid #dde4e3;
|
||||
}
|
||||
article.individual-foaf-person h1 {
|
||||
padding: 30px 0 30px 110px;
|
||||
color:#5e6363;
|
||||
line-height:1.2em;
|
||||
font-size:16px;
|
||||
font-weight:normal;
|
||||
}
|
||||
article.individual {
|
||||
width:440px;
|
||||
margin-left:30px;
|
||||
margin-right:30px;
|
||||
border-bottom:1px solid #dde4e3;
|
||||
}
|
||||
article.individual h1 {
|
||||
margin:0;
|
||||
paddin:0;
|
||||
color:#5e6363;
|
||||
line-height:1.2em;
|
||||
padding-bottom:20px;
|
||||
padding-top:20px;
|
||||
font-size:16px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
|
||||
/* <------ BROWSE INDIVIDUALS */
|
||||
|
||||
|
||||
/* <------ BROWSE BY */
|
BIN
themes/wilma/images/VIVO-logo.png
Normal file
After Width: | Height: | Size: 9.4 KiB |
BIN
themes/wilma/images/alert-overlay.png
Normal file
After Width: | Height: | Size: 135 B |
BIN
themes/wilma/images/arrow-carousel-people.jpg
Normal file
After Width: | Height: | Size: 1,021 B |
BIN
themes/wilma/images/arrow-down.gif
Normal file
After Width: | Height: | Size: 292 B |
BIN
themes/wilma/images/arrow.gif
Normal file
After Width: | Height: | Size: 294 B |
BIN
themes/wilma/images/btn-log-in.png
Normal file
After Width: | Height: | Size: 281 B |
BIN
themes/wilma/images/btn-request-account.png
Normal file
After Width: | Height: | Size: 303 B |
BIN
themes/wilma/images/date-display.jpg
Normal file
After Width: | Height: | Size: 629 B |
BIN
themes/wilma/images/header-background.png
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
themes/wilma/images/icon-pub.png
Normal file
After Width: | Height: | Size: 460 B |
BIN
themes/wilma/images/person-thumbnail.jpg
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
themes/wilma/images/search-field-and-button.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
themes/wilma/images/search-interior-pages.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
themes/wilma/images/selected-main-nav.jpg
Normal file
After Width: | Height: | Size: 523 B |
BIN
themes/wilma/images/separator-main-nav.jpg
Normal file
After Width: | Height: | Size: 369 B |
BIN
themes/wilma/images/visual-graph-generic-class.jpg
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
themes/wilma/images/visual-graph.jpg
Normal file
After Width: | Height: | Size: 6.1 KiB |
5
themes/wilma/js/html5.js
Normal file
|
@ -0,0 +1,5 @@
|
|||
// html5shiv MIT @rem remysharp.com/html5-enabling-script
|
||||
// iepp v1.5.1 MIT @jon_neal iecss.com/print-protector
|
||||
/*@cc_on(function(p,e){var q=e.createElement("div");q.innerHTML="<z>i</z>";q.childNodes.length!==1&&function(){function r(a,b){if(g[a])g[a].styleSheet.cssText+=b;else{var c=s[l],d=e[j]("style");d.media=a;c.insertBefore(d,c[l]);g[a]=d;r(a,b)}}function t(a,b){for(var c=new RegExp("\\b("+m+")\\b(?!.*[;}])","gi"),d=function(k){return".iepp_"+k},h=-1;++h<a.length;){b=a[h].media||b;t(a[h].imports,b);r(b,a[h].cssText.replace(c,d))}}for(var s=e.documentElement,i=e.createDocumentFragment(),g={},m="abbr article aside audio canvas details figcaption figure footer header hgroup mark meter nav output progress section summary time video".replace(/ /g, '|'),
|
||||
n=m.split("|"),f=[],o=-1,l="firstChild",j="createElement";++o<n.length;){e[j](n[o]);i[j](n[o])}i=i.appendChild(e[j]("div"));p.attachEvent("onbeforeprint",function(){for(var a,b=e.getElementsByTagName("*"),c,d,h=new RegExp("^"+m+"$","i"),k=-1;++k<b.length;)if((a=b[k])&&(d=a.nodeName.match(h))){c=new RegExp("^\\s*<"+d+"(.*)\\/"+d+">\\s*$","i");i.innerHTML=a.outerHTML.replace(/\r|\n/g," ").replace(c,a.currentStyle.display=="block"?"<div$1/div>":"<span$1/span>");c=i.childNodes[0];c.className+=" iepp_"+
|
||||
d;c=f[f.length]=[a,c];a.parentNode.replaceChild(c[1],c[0])}t(e.styleSheets,"all")});p.attachEvent("onafterprint",function(){for(var a=-1,b;++a<f.length;)f[a][1].parentNode.replaceChild(f[a][0],f[a][1]);for(b in g)s[l].removeChild(g[b]);g={};f=[]})}()})(this,document);@*/
|
6240
themes/wilma/js/jquery-1.4.2.js
vendored
Normal file
5
themes/wilma/js/selectivizr.js
Executable file
|
@ -0,0 +1,5 @@
|
|||
/*
|
||||
selectivizr v1.0.0 - (c) Keith Clark, freely distributable under the terms of the MIT license.
|
||||
selectivizr.com
|
||||
*/
|
||||
(function(x){function K(a){return a.replace(L,o).replace(M,function(b,e,c){b=c.split(",");c=0;for(var g=b.length;c<g;c++){var j=N(b[c].replace(O,o).replace(P,o))+t,f=[];b[c]=j.replace(Q,function(d,k,l,i,h){if(k){if(f.length>0){d=f;var u;h=j.substring(0,h).replace(R,n);if(h==n||h.charAt(h.length-1)==t)h+="*";try{u=v(h)}catch(da){}if(u){h=0;for(l=u.length;h<l;h++){i=u[h];for(var y=i.className,z=0,S=d.length;z<S;z++){var q=d[z];if(!RegExp("(^|\\s)"+q.className+"(\\s|$)").test(i.className))if(q.b&&(q.b===true||q.b(i)===true))y=A(y,q.className,true)}i.className=y}}f=[]}return k}else{if(k=l?T(l):!B||B.test(i)?{className:C(i),b:true}:null){f.push(k);return"."+k.className}return d}})}return e+b.join(",")})}function T(a){var b=true,e=C(a.slice(1)),c=a.substring(0,5)==":not(",g,j;if(c)a=a.slice(5,-1);var f=a.indexOf("(");if(f>-1)a=a.substring(0,f);if(a.charAt(0)==":")switch(a.slice(1)){case "root":b=function(d){return c?d!=D:d==D};break;case "target":if(p==8){b=function(d){function k(){var l=location.hash,i=l.slice(1);return c?l==""||d.id!=i:l!=""&&d.id==i}x.attachEvent("onhashchange",function(){r(d,e,k())});return k()};break}return false;case "checked":b=function(d){U.test(d.type)&&d.attachEvent("onpropertychange",function(){event.propertyName=="checked"&&r(d,e,d.checked!==c)});return d.checked!==c};break;case "disabled":c=!c;case "enabled":b=function(d){if(V.test(d.tagName)){d.attachEvent("onpropertychange",function(){event.propertyName=="$disabled"&&r(d,e,d.a===c)});w.push(d);d.a=d.disabled;return d.disabled===c}return a==":enabled"?c:!c};break;case "focus":g="focus";j="blur";case "hover":if(!g){g="mouseenter";j="mouseleave"}b=function(d){d.attachEvent("on"+(c?j:g),function(){r(d,e,true)});d.attachEvent("on"+(c?g:j),function(){r(d,e,false)});return c};break;default:if(!W.test(a))return false;break}return{className:e,b:b}}function C(a){return E+"-"+(p==6&&X?Y++:a.replace(Z,function(b){return b.charCodeAt(0)}))}function N(a){return a.replace(F,o).replace($,t)}function r(a,b,e){var c=a.className;b=A(c,b,e);if(b!=c){a.className=b;a.parentNode.className+=n}}function A(a,b,e){var c=RegExp("(^|\\s)"+b+"(\\s|$)"),g=c.test(a);return e?g?a:a+t+b:g?a.replace(c,o).replace(F,o):a}function G(a,b){if(/^https?:\/\//i.test(a))return b.substring(0,b.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return b.substring(0,b.indexOf("/",8))+a;var e=b.split("?")[0];if(a.charAt(0)!="?"&&e.charAt(e.length-1)!="/")e=e.substring(0,e.lastIndexOf("/")+1);return e+a}function H(a){if(a){s.open("GET",a,false);s.send();return(s.status==200?s.responseText:n).replace(aa,n).replace(ba,function(b,e,c){return H(G(c,a))})}return n}function ca(){var a,b;a=m.getElementsByTagName("BASE");for(var e=a.length>0?a[0].href:m.location.href,c=0;c<m.styleSheets.length;c++){b=m.styleSheets[c];if(b.href!=n)if(a=G(b.href,e))b.cssText=K(H(a))}w.length>0&&setInterval(function(){for(var g=0,j=w.length;g<j;g++){var f=w[g];if(f.disabled!==f.a)if(f.disabled){f.disabled=false;f.a=true;f.disabled=true}else f.a=f.disabled}},250)}if(!/*@cc_on!@*/true){var m=document,D=m.documentElement,s=function(){if(x.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),p=/MSIE ([\d])/.exec(navigator.userAgent)[1];if(!(m.compatMode!="CSS1Compat"||p<6||p>8||!s)){var I={NW:"*.Dom.select",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",MooTools:"$$",Sizzle:"*",jQuery:"*",dojo:"*.query"},v,w=[],Y=0,X=true,E="slvzr",J=E+"DOMReady",aa=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,ba=/@import\s*url\(\s*(["'])?(.*?)\1\s*\)[\w\W]*?;/g,W=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,L=/:(:first-(?:line|letter))/g,M=/(^|})\s*([^\{]*?[\[:][^{]+)/g,Q=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,R=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,Z=/[^\w-]/g,V=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,U=/^(checkbox|radio)$/,B=p==8?/[\$\^]=(['"])\1/:p==7?/[\$\^*]=(['"])\1/:null,O=/([(\[+~])\s+/g,P=/\s+([)\]+~])/g,$=/\s+/g,F=/^\s*((?:[\S\s]*\S)?)\s*$/,n="",t=" ",o="$1";m.write("<script id="+J+" defer src='//:'><\/script>");m.getElementById(J).onreadystatechange=function(){if(this.readyState=="complete"){a:{var a;for(var b in I)if(x[b]&&(a=eval(I[b].replace("*",b)))){v=a;break a}v=false}if(v){ca();this.parentNode.removeChild(this)}}}}}})(this);
|
41
themes/wilma/js/supersleight-min.js
vendored
Normal file
|
@ -0,0 +1,41 @@
|
|||
//Fix Transparent PNGs in IE6
|
||||
jQuery.fn.supersleight = function(settings) {
|
||||
settings = jQuery.extend({
|
||||
imgs: true,
|
||||
backgrounds: true,
|
||||
shim: 'x.gif',
|
||||
apply_positioning: true
|
||||
}, settings);
|
||||
|
||||
return this.each(function(){
|
||||
if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 7 && parseInt(jQuery.browser.version, 10) > 4) {
|
||||
jQuery(this).find('*').andSelf().each(function(i,obj) {
|
||||
var self = jQuery(obj);
|
||||
// background pngs
|
||||
if (settings.backgrounds && self.css('background-image').match(/\.png/i) !== null) {
|
||||
var bg = self.css('background-image');
|
||||
var src = bg.substring(5,bg.length-2);
|
||||
var mode = (self.css('background-repeat') == 'no-repeat' ? 'crop' : 'scale');
|
||||
var styles = {
|
||||
'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')",
|
||||
'background-image': 'url('+settings.shim+')'
|
||||
};
|
||||
self.css(styles);
|
||||
};
|
||||
// image elements
|
||||
if (settings.imgs && self.is('img[src$=png]')){
|
||||
var styles = {
|
||||
'width': self.width() + 'px',
|
||||
'height': self.height() + 'px',
|
||||
'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + self.attr('src') + "', sizingMethod='scale')"
|
||||
};
|
||||
self.css(styles).attr('src', settings.shim);
|
||||
};
|
||||
// apply position to 'active' elements
|
||||
if (settings.apply_positioning && self.is('a, input') && (self.css('position') === '' || self.css('position') == 'static')){
|
||||
self.css('position', 'relative');
|
||||
};
|
||||
});
|
||||
};
|
||||
});
|
||||
};
|
3
themes/wilma/js/utils.js
Normal file
|
@ -0,0 +1,3 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
//Fix Transparent PNGs in IE6
|
||||
$('body').supersleight();
|
16
themes/wilma/jsp/footer.jsp
Normal file
|
@ -0,0 +1,16 @@
|
|||
<%-- $This file is distributed under the terms of the license in /doc/license.txt$ --%>
|
||||
|
||||
<%-- DO NOT MODIFY THIS FILE. IT IS NOT USED IN THEME CUSTOMIZATION. --%>
|
||||
|
||||
<%@ page import="edu.cornell.mannlib.vitro.webapp.controller.freemarker.FreemarkerHttpServlet" %>
|
||||
<%
|
||||
// This is here as a safety net. We should have gotten the values in identity.jsp,
|
||||
// since it's the first jsp we hit.
|
||||
String footer = (String) request.getAttribute("ftl_footer");
|
||||
if (footer == null) {
|
||||
FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
|
||||
}
|
||||
%>
|
||||
|
||||
${ftl_footer}
|
||||
${ftl_googleAnalytics}
|
11
themes/wilma/jsp/identity.jsp
Normal file
|
@ -0,0 +1,11 @@
|
|||
<%-- $This file is distributed under the terms of the license in /doc/license.txt$ --%>
|
||||
|
||||
<%-- DO NOT MODIFY THIS FILE. IT IS NOT USED IN THEME CUSTOMIZATION. --%>
|
||||
|
||||
<%@ page import="edu.cornell.mannlib.vitro.webapp.controller.freemarker.FreemarkerHttpServlet" %>
|
||||
<%
|
||||
FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
|
||||
%>
|
||||
|
||||
${ftl_identity}
|
||||
|
22
themes/wilma/jsp/menu.jsp
Normal file
|
@ -0,0 +1,22 @@
|
|||
<%-- $This file is distributed under the terms of the license in /doc/license.txt$ --%>
|
||||
|
||||
<%-- DO NOT MODIFY THIS FILE. IT IS NOT USED IN THEME CUSTOMIZATION. --%>
|
||||
|
||||
<%@ page import="edu.cornell.mannlib.vitro.webapp.web.BreadCrumbsUtil" %>
|
||||
<%@ page import="edu.cornell.mannlib.vitro.webapp.controller.freemarker.FreemarkerHttpServlet" %>
|
||||
<%
|
||||
// This is here as a safety net. We should have gotten the values in identity.jsp,
|
||||
// since it's the first jsp we hit.
|
||||
String menu = (String) request.getAttribute("ftl_menu");
|
||||
if (menu == null) {
|
||||
FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
|
||||
}
|
||||
%>
|
||||
|
||||
<div id="navAndSearch" class="block">
|
||||
${ftl_menu}
|
||||
${ftl_search}
|
||||
</div> <!-- end navAndSearch -->
|
||||
|
||||
<div id="breadcrumbs" class="small"><%=BreadCrumbsUtil.getBreadCrumbsDiv(request)%></div>
|
||||
|
131
themes/wilma/templates/page-home.ftl
Normal file
|
@ -0,0 +1,131 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
|
||||
<#-- Template for the body of the Home page -->
|
||||
|
||||
|
||||
<section id="intro">
|
||||
<h3>What is VIVO?</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus adipiscing ipsum et ligula accumsan aliquam. Vestibulum posuere mollis arcu quis condimentum. Sed rhoncus nibh vitae lectus mattis accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam elementum eleifend ante vel aliquam. Fusce non pellentesque leo. Nunc rhoncus vehicula metus, a pellentesque velit elementum ibh vitae lectus mattis accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam elem. <a href="#">More<span class="pictos-arrow-14"> 4</span></a></p>
|
||||
<section id="search-home">
|
||||
<h3>Search VIVO</h3>
|
||||
<fieldset>
|
||||
<legend>Search form</legend>
|
||||
<form id="search-home-vivo" action="#" method="post" name="search">
|
||||
<div id="search-home-field">
|
||||
<input name="search-home-vivo" class="search-home-vivo" id="search-home-vivo" type="text" />
|
||||
<a class ="submit" href="#">Search</a> </div>
|
||||
</form>
|
||||
</fieldset>
|
||||
</section>
|
||||
</section>
|
||||
<!-- #intro -->
|
||||
<section id="log-in">
|
||||
<h3>Log in</h3>
|
||||
<form id="log-in-form" action="#" method="post" name="log-in-form" />
|
||||
<label for="email">Email</label>
|
||||
<div class="input-field">
|
||||
<input name="email" id="email" type="text" required />
|
||||
</div>
|
||||
<label for="password">Password</label>
|
||||
<div class="input-field">
|
||||
<input name="password" id="password" type="password" required />
|
||||
</div>
|
||||
<div id="wrapper-submit-remember-me"> <a class="green button" href="#">Log in</a>
|
||||
<div id="remember-me">
|
||||
<input class="checkbox-remember-me" name="remember-me" type="checkbox" value="" />
|
||||
<label class="label-remember-me"for="remember-me">Remember me</label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="forgot-password"><a href="#">Forgot your password?</a></p>
|
||||
</form>
|
||||
<div id="request-account"> <a class="blue button" href="#">Request an account</a> </div>
|
||||
</section><!-- #log-in -->
|
||||
<section id="browse">
|
||||
<h2>Browse</h2>
|
||||
<ul id="browse-classGroups">
|
||||
<li><a class="selected" href="#">class group 1<span class="count-classes"> (280)</span></a></li>
|
||||
<li><a href="#">class group 2<span class="count-classes"> (280)</span></a></li>
|
||||
<li><a href="#">class group 3<span class="count-classes"> (280)</span></a></li>
|
||||
<li><a href="#">class group 4<span class="count-classes"> (280)</span></a></li>
|
||||
<li><a href="#">class group 5<span class="count-classes"> (280)</span></a></li>
|
||||
<li><a href="#">class group 6<span class="count-classes"> (280)</span></a></li>
|
||||
<li><a href="#">class group n<span class="count-classes"> (280)</span></a></li>
|
||||
</ul>
|
||||
<section id="browse-classes">
|
||||
<nav>
|
||||
<ul id="class-group-list">
|
||||
<li><a class="selected" href="#">class 1<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 2<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 3<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 4<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 5<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 6<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 7<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 8<span class="count-individuals"> (280)</span></a></li>
|
||||
<li><a href="#">class 9<span class="count-individuals"> (280)</span></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section id="visual-graph">
|
||||
<h4>Visual Graph</h4>
|
||||
<img src="images/visual-graph.jpg" /> </section>
|
||||
</section>
|
||||
</section><!-- Browse -->
|
||||
<section id="highlights">
|
||||
<h2>Highlights</h2>
|
||||
<section id="fearuted-people" class="global-highlights">
|
||||
<h3>FEATURED PEOPLE</h3>
|
||||
<!--use Hs-->
|
||||
<article class="featured-people vcard"> <img class="individual-photo" src="images/person-thumbnail.jpg" width="80" height="80" />
|
||||
<p class="fn">foaf:lastName, foaf:firstName <span class="title">core:preferredTitle</span><span class="org">currentPosition(s)</span></p>
|
||||
</article>
|
||||
<article class="featured-people vcard"> <img class="individual-photo" src="images/person-thumbnail.jpg" width="80" height="80" />
|
||||
<p class="fn">foaf:lastName, foaf:firstName <span class="title">core:preferredTitle</span><span class="org">currentPosition(s)</span></p>
|
||||
</article>
|
||||
</section><!-- featured-people -->
|
||||
<section id="upcoming-events" class="global-highlights">
|
||||
<h3>UPCOMING EVENTS</h3>
|
||||
<article class="vevent">
|
||||
<time class="dtstart" datetime="2010-02-13T20:00Z">20<span>Aug</span></time>
|
||||
<p class="summary">individualName. eventClass
|
||||
<time>9:30 AM</time>
|
||||
</p>
|
||||
</article>
|
||||
<article class="vevent">
|
||||
<time class="dtstart" datetime="2010-02-13T20:00Z">20<span>Aug</span></time>
|
||||
<p class="summary">individualName. eventClass
|
||||
<time>9:30 AM</time>
|
||||
</p>
|
||||
</article>
|
||||
<article class="vevent">
|
||||
<time class="dtstart" datetime="2010-02-13T20:00Z">20<span>Aug</span></time>
|
||||
<p class="summary">individualName. eventClass
|
||||
<time>9:30 AM</time>
|
||||
</p>
|
||||
</article>
|
||||
<p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p>
|
||||
</section><!-- upcoming-events -->
|
||||
<section id="latest-publications" class="global-highlights">
|
||||
<h3>LATEST PUBLICATIONS</h3>
|
||||
<article class="latest-publications-item">
|
||||
<p class="publication-content">individualName<span><em>Audio Content</em>
|
||||
<time datetime="2010-02-13T20:00Z"> | March 2010</time>
|
||||
</p>
|
||||
</article>
|
||||
<article class="latest-publications-item">
|
||||
<p class="publication-content">individualName<span><em>Audio Content</em>
|
||||
<time datetime="2010-02-13T20:00Z"> | March 2010</time>
|
||||
</p>
|
||||
</article>
|
||||
<article class="latest-publications-item">
|
||||
<p class="publication-content">individualName<span><em>Audio Content</em>
|
||||
<time datetime="2010-02-13T20:00Z"> | March 2010</time>
|
||||
</p>
|
||||
</article>
|
||||
<article class="latest-publications-item">
|
||||
<p class="publication-content">individualName<span><em>Audio Content</em>
|
||||
<time datetime="2010-02-13T20:00Z"> | March 2010</time>
|
||||
</p>
|
||||
</article>
|
||||
<p class="view-all"><a class="view-all-style" href="#">View All <span class="pictos-arrow-10">4</span></a></p>
|
||||
</section><!-- latest-publications -->
|
||||
</section>
|
122
themes/wilma/templates/page.ftl
Normal file
|
@ -0,0 +1,122 @@
|
|||
<#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${title}</title>
|
||||
<link rel="stylesheet" href="${themeDir}/css/style.css" />
|
||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||
${headScripts.addFromTheme("/html5.js")}
|
||||
${headScripts.tags}
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<header id="branding">
|
||||
<h2 class="vivo-logo"><a href="${urls.home}"><span class="displace">${siteName}</span></a></h2>
|
||||
<!-- Since we are using a graphic text for the tagline, we won't render ${siteTagline}
|
||||
<#if siteTagline?has_content>
|
||||
<em>${siteTagline}</em>
|
||||
</#if>-->
|
||||
<#import "lib-list.ftl" as l>
|
||||
<nav>
|
||||
<ul id="header-nav">
|
||||
<#if loginName??>
|
||||
<li><span class="pictos-arrow-10">U</span> ${loginName}</li>
|
||||
<li><a href="${urls.logout}">Log out</a></li>
|
||||
<li><a href="${urls.siteAdmin}">Site Admin</a></li>
|
||||
<#else>
|
||||
<li><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><a href="${urls.about}">About</a></li>
|
||||
<#if urls.contact??>
|
||||
<li><a href="${urls.contact}">Contact Us</a></li>
|
||||
</#if>
|
||||
<li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section id="search">
|
||||
<fieldset>
|
||||
<legend>Search form</legend>
|
||||
<form id="searchForm" action="${urls.search}" name="searchForm">
|
||||
<#if showFlag1SearchField??>
|
||||
<select id="search-form-modifier" name="flag1" class="form-item" >
|
||||
<option value="nofiltering" selected="selected">entire database (${loginName})</option>
|
||||
<option value="${portalId}">${siteTagline!}</option>
|
||||
</select>
|
||||
<#else>
|
||||
<input type="hidden" name="flag1" value="${portalId}" />
|
||||
</#if>
|
||||
<div id="search-field">
|
||||
<input type="text" name="querytext" class="search-vivo" value="${querytext!}" />
|
||||
<a class ="submit" href="javascript:document.searchForm.submit();">Search</a> </div>
|
||||
<!-- <input class ="submit" name="submit" type="submit" value="Search" /> -->
|
||||
</form>
|
||||
</fieldset>
|
||||
</section>
|
||||
</header>
|
||||
<nav>
|
||||
<ul id="main-nav">
|
||||
<#list tabMenu.items as item>
|
||||
<li>
|
||||
<a href="${item.url}" <#if item.active> class="selected" </#if>>
|
||||
${item.linkText}
|
||||
</a>
|
||||
</li>
|
||||
</#list>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="wrapper-content">
|
||||
|
||||
${body}
|
||||
|
||||
</div>
|
||||
<footer>
|
||||
<div id="footer-content">
|
||||
<#if copyright??>
|
||||
<p class="copyright"><small>©${copyright.year?c}
|
||||
<#if copyright.url??>
|
||||
<a href="${copyright.url}">${copyright.text}</a>
|
||||
<#else>
|
||||
${copyright.text}
|
||||
</#if>
|
||||
All Rights Reserved | <a class="terms" href="${urls.termsOfUse}">Terms of Use</a></small> | Powered by <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank"><strong>VIVO</em></a></p>
|
||||
</#if>
|
||||
<nav>
|
||||
<ul id="footer-nav">
|
||||
<li><a href="${urls.about}">About</a></li>
|
||||
<#if urls.contact??>
|
||||
<li><a href="${urls.contact}">Contact Us</a></li>
|
||||
</#if>
|
||||
<li><a href="http://www.vivoweb.org/support" target="blank">Support</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="http://use.typekit.com/chp2uea.js"></script>
|
||||
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
|
||||
${scripts.addFromTheme("/js/jquery-1.4.2.js")}
|
||||
${scripts.tags}
|
||||
|
||||
|
||||
<!--[if lt IE 7]>
|
||||
<script type="text/javascript" src="${themeDir}/js/supersleight-min.js"></script>
|
||||
<script type="text/javascript" src="${themeDir}/js/utils.js""></script>
|
||||
<link rel="stylesheet" href="css/ie6.css" />
|
||||
<![endif]-->
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="css/ie7.css" />
|
||||
<![endif]-->
|
||||
<!--[if (gte IE 6)&(lte IE 8)]>
|
||||
<script type="text/javascript" src="${themeDir}/js/selectivizr.js""></script>
|
||||
<![endif]-->
|
||||
|
||||
<#include "googleAnalytics.ftl">
|
||||
</body>
|
||||
</html>
|