NIHVIVO-556: Wilma clean up and housekeeping.
This commit is contained in:
mb863
parent
fe89fd6c62
commit
d431495481
14 changed files with 1572 additions and 2049 deletions
|
|
@ -1,693 +0,0 @@
|
||||||
/* $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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MAIN NAVIGATION------> */
|
|
||||||
ul#main-nav {
|
|
||||||
display:block;
|
|
||||||
width:968px;
|
|
||||||
height:46px;
|
|
||||||
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:46px;
|
|
||||||
background:url(../images/separator-main-nav.jpg) right -2px 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 -1px no-repeat;
|
|
||||||
margin-left:18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* WRAPPER CONTENT------> */
|
|
||||||
#wrapper-content {
|
|
||||||
clear:both;
|
|
||||||
width:930px;
|
|
||||||
margin:0 auto;
|
|
||||||
background:#fff;
|
|
||||||
min-height:450px;
|
|
||||||
padding:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* INTRO ------> */
|
|
||||||
#intro {
|
|
||||||
float:left;
|
|
||||||
width:570px;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
form#log-in-form {
|
|
||||||
padding-bottom:0;
|
|
||||||
}
|
|
||||||
#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 {
|
|
||||||
/* Manolo: is the width and height necessary here? commenting out for now to get the login block functional on the home page */
|
|
||||||
/* width:214px;*/
|
|
||||||
/* height:13px;*/
|
|
||||||
margin-left:7px;
|
|
||||||
margin-top:7px;
|
|
||||||
border:0;
|
|
||||||
font-size:14px;
|
|
||||||
}
|
|
||||||
#log-in input.login {
|
|
||||||
margin: 7px 4px 10px 0;
|
|
||||||
}
|
|
||||||
#wrapper-submit-remember-me {
|
|
||||||
width:270px;
|
|
||||||
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:0;
|
|
||||||
padding-top:15px;
|
|
||||||
border-top:1px solid #e8ece9;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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:10px;
|
|
||||||
padding-left:30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* BROWSE ------> */
|
|
||||||
#browse {
|
|
||||||
clear:both;
|
|
||||||
width:920px;
|
|
||||||
margin:0 auto;
|
|
||||||
border:1px solid #dfe6e6;
|
|
||||||
background:#f7f9f9;
|
|
||||||
overflow:hidden;
|
|
||||||
padding-bottom:30px;
|
|
||||||
}
|
|
||||||
#browse h2,
|
|
||||||
#highlights h2 {
|
|
||||||
width:10%;
|
|
||||||
height:44px;
|
|
||||||
margin-bottom:27px;
|
|
||||||
padding-left:15px;
|
|
||||||
font-size:1.0em;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height:44px;
|
|
||||||
color:#fff;
|
|
||||||
background:#5e6363;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* HIGHLIGHTS ------> */
|
|
||||||
#highlights {
|
|
||||||
clear:both;
|
|
||||||
width:920px;
|
|
||||||
margin:0 auto;
|
|
||||||
margin-top:40px;
|
|
||||||
height:400px;
|
|
||||||
border:1px solid #dfe6e6;
|
|
||||||
background:#f7f9f9;
|
|
||||||
padding-bottom:30px;
|
|
||||||
}
|
|
||||||
#highlights h2 {
|
|
||||||
width:14%;
|
|
||||||
}
|
|
||||||
#highlights h3 {
|
|
||||||
color:#91b039;
|
|
||||||
font-size:14px;
|
|
||||||
padding-bottom:20px;
|
|
||||||
}
|
|
||||||
.global-highlights {
|
|
||||||
border:1px solid #e8e8e8;
|
|
||||||
background:#fff;
|
|
||||||
float:left;
|
|
||||||
width:235px;
|
|
||||||
padding:24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FEATURED PEOPLE ------> */
|
|
||||||
#featured-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:1.0em;
|
|
||||||
line-height:1.0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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:10px;
|
|
||||||
font-size:20px;
|
|
||||||
}
|
|
||||||
time.dtstart span {
|
|
||||||
display:block;
|
|
||||||
font-size:11px;
|
|
||||||
color:#fff;
|
|
||||||
margin-top:-10px;
|
|
||||||
}
|
|
||||||
p.summary {
|
|
||||||
padding-left:50px;
|
|
||||||
padding-top:12px;
|
|
||||||
color:#303e4e;
|
|
||||||
font-size:12px;
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
p.summary time {
|
|
||||||
display:block;
|
|
||||||
padding-top:0;
|
|
||||||
font-weight:normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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:55px;
|
|
||||||
padding-left: 30px;
|
|
||||||
width:500px;
|
|
||||||
}
|
|
||||||
ul#footer-nav {
|
|
||||||
float:right;
|
|
||||||
list-style: none;
|
|
||||||
width:200px;
|
|
||||||
height:20px;
|
|
||||||
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 #c9c8c8;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* MISCELLANEOUS------> */
|
|
||||||
.displace {
|
|
||||||
position:absolute;
|
|
||||||
left:-9999px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
@ -1,490 +0,0 @@
|
||||||
/* $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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
.alphaIndex {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 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;
|
|
||||||
}
|
|
||||||
|
|
@ -1,839 +1,31 @@
|
||||||
/* $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$ */
|
||||||
|
|
||||||
/****************************************
|
/****************************************
|
||||||
vivo-basic theme: screen styles
|
****************************************
|
||||||
|
. .._.. ..__.
|
||||||
|
\ / | \ /| |
|
||||||
|
\/ _|_ \/ |__|
|
||||||
|
|
||||||
|
VIVO theme: screen styles
|
||||||
|
|
||||||
Original version
|
Original version
|
||||||
2009-04-30 mw542
|
2010-09-04 UI team
|
||||||
|
|
||||||
|
*****************************************
|
||||||
*****************************************/
|
*****************************************/
|
||||||
|
|
||||||
@import url("blueprint/reset.css");
|
/* This is our holdover vivo-basic theme file used for transition to wilma theme. This is temporary and it will be removed.*/
|
||||||
@import url("blueprint/forms.css");
|
@import url("transition/holdover-vivobasic/screen.css");
|
||||||
@import url("blueprint/typography.css");
|
|
||||||
@import url("blueprint/liquid.css");
|
|
||||||
@import url("blueprint/ie.css");
|
|
||||||
@import url("institution.css");
|
|
||||||
@import url("individual.css");
|
|
||||||
|
|
||||||
body {
|
|
||||||
position: relative;
|
|
||||||
background: #596673;
|
|
||||||
/* background: #737373;*/
|
|
||||||
padding: 0 4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#wrap { background: #fff; }
|
|
||||||
|
|
||||||
#contentwrap {
|
|
||||||
padding: 24px 20px;
|
|
||||||
background: #D9D9D9;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
@import url("reset.css");
|
||||||
padding: 16px 12px;
|
@import url("pictos.css");
|
||||||
background: #fff;
|
@import url("wilma.css");
|
||||||
font-size: 108.33%; /* bumping up content text from 12px to 13px */
|
@import url("forms.css");
|
||||||
min-height:350px;
|
@import url("formedit.css");
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
color: #e5e5e5;
|
|
||||||
background: #3d454e;
|
|
||||||
/* background: #4e4e4e;*/
|
|
||||||
padding: 16px 20px 40px 20px;
|
|
||||||
text-align: right;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
#research_instance {
|
@import url("../../../css/login.css"); /* this is here temporarily as we transition to freemarker - something is up with adding stylesheets ever since the body template was adjusted last week*/
|
||||||
background-color:red;
|
@import url("../../../css/menupage/menupage.css"); /* we need to call it from the theme until freemarker controller and menupage.ftl are created */
|
||||||
color:white;
|
|
||||||
font-size:1.25em;
|
|
||||||
font-weight:bold;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#research_instance a {
|
|
||||||
color:white;
|
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
|
||||||
Global classes
|
|
||||||
****************/
|
|
||||||
|
|
||||||
ul.clean { margin-left: 0; }
|
|
||||||
ul.clean li { list-style-type: none; }
|
|
||||||
|
|
||||||
|
|
||||||
/****************
|
|
||||||
Identity
|
|
||||||
****************/
|
|
||||||
|
|
||||||
div#identity { position: relative; }
|
|
||||||
|
|
||||||
#identity h1 {
|
|
||||||
/* position: absolute;
|
|
||||||
top: 33px;
|
|
||||||
left: 10px;*/
|
|
||||||
padding-top: 20px;
|
|
||||||
margin-left: 20px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
width: 361px;
|
|
||||||
height: 55px;
|
|
||||||
text-indent: -9999px;
|
|
||||||
background: url(../site_icons/vivo-logo.jpg) bottom left no-repeat;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity h1 a {
|
|
||||||
width: 361px;
|
|
||||||
height: 55px;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden; /* hide the extended outline in firefox */
|
|
||||||
/* background: url(images/layout/transparent.gif) top left no-repeat;*/
|
|
||||||
/* for some reason IE7 needs a background to make this link clickable */
|
|
||||||
}
|
|
||||||
|
|
||||||
#identity em {
|
|
||||||
position: absolute;
|
|
||||||
top: 32px;
|
|
||||||
left: 167px;
|
|
||||||
color: #212d35;
|
|
||||||
font-style: normal;
|
|
||||||
font-size: 1.17em;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#otherMenu {
|
|
||||||
position: absolute;
|
|
||||||
margin: 0;
|
|
||||||
top: 3px;
|
|
||||||
right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#otherMenu li {
|
|
||||||
display: inline;
|
|
||||||
margin-left: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#otherMenu li {
|
|
||||||
padding-right: 4px;
|
|
||||||
border-right: 1px solid #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#otherMenu li.last {
|
|
||||||
padding-right: 0;
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Navigation and Search
|
|
||||||
************************/
|
|
||||||
|
|
||||||
div#navAndSearch {
|
|
||||||
position: relative;
|
|
||||||
background: #212d34;
|
|
||||||
/* background: #7d8b99;*/
|
|
||||||
border-top: 3px solid #3d454e;
|
|
||||||
/* border-top: 3px solid #4e4e4e;*/
|
|
||||||
padding-left: 20px;
|
|
||||||
/* padding-right: 300px;*/
|
|
||||||
padding-right: 22em;
|
|
||||||
padding-top: 8px;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
height: 1%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#secondaryTabMenu { display: none; }
|
|
||||||
|
|
||||||
select#search-form-modifier,
|
|
||||||
#searchForm label { display: none; }
|
|
||||||
|
|
||||||
div#searchBlock {
|
|
||||||
height: 100%;
|
|
||||||
text-align: right;
|
|
||||||
padding: 0 20px 0 20px !important; /* fix for IE6 */
|
|
||||||
padding: 10px 20px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
background: #3d454e;
|
|
||||||
/* background: #4e4e4e;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#searchForm { margin-top: 10px; }
|
|
||||||
|
|
||||||
#navAndSearch ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navAndSearch li {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navAndSearch li a {
|
|
||||||
display: block;
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navAndSearch li a:hover {
|
|
||||||
color: #000;
|
|
||||||
background: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navAndSearch li a.activePrimaryTab,
|
|
||||||
#navAndSearch li a.activeTab {
|
|
||||||
color: #000;
|
|
||||||
background: #fff;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#primary,
|
|
||||||
ul#primary li,
|
|
||||||
ul#index,
|
|
||||||
ul#index li {
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#primary li a,
|
|
||||||
ul#index li a { padding: 5px 12px; }
|
|
||||||
|
|
||||||
|
|
||||||
div#breadcrumbs {
|
|
||||||
color: #aaa;
|
|
||||||
clear: left;
|
|
||||||
background: #D9D9D9;
|
|
||||||
padding: 16px 20px 0 20px;
|
|
||||||
margin-bottom: -18px;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#breadcrumbs a { color: #888; }
|
|
||||||
|
|
||||||
div#breadcrumbs a:hover { color: #000; }
|
|
||||||
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Individual Pages
|
|
||||||
************************/
|
|
||||||
|
|
||||||
div#labelAndMoniker { margin-bottom: 1.5em; }
|
|
||||||
|
|
||||||
|
|
||||||
#labelAndMoniker div {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#label h2,
|
|
||||||
#label h3 {
|
|
||||||
display: inline;
|
|
||||||
padding-right: 6px;
|
|
||||||
font-size: 1.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
em.moniker {
|
|
||||||
color: #9c9c9c;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.externalLinks { margin: 0 0 1.5em 0; }
|
|
||||||
|
|
||||||
ul.externalLinks li {
|
|
||||||
list-style-type: none;
|
|
||||||
display: inline;
|
|
||||||
padding-right: .5em;
|
|
||||||
padding-left: .8em;
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.externalLinks li.primary,
|
|
||||||
ul.externalLinks li.first {
|
|
||||||
padding-left: 0;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.externalLinks a { color: #84a655; } /* green links */
|
|
||||||
|
|
||||||
ul.externalLinks a:hover,
|
|
||||||
ul.externalLinks a:active,
|
|
||||||
a.externalLink:hover,
|
|
||||||
a.externalLink:active {
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.externalLink { color: #84a655; }
|
|
||||||
|
|
||||||
div.description { margin-bottom: 1.5em; }
|
|
||||||
|
|
||||||
.propertyName,
|
|
||||||
.propsItem h4 {
|
|
||||||
font-size: 0.8em;
|
|
||||||
line-height: 1em;
|
|
||||||
color: #666;
|
|
||||||
background: #ebebeb;
|
|
||||||
border-right: 1px solid #fff;
|
|
||||||
margin-left: -12px;
|
|
||||||
/* margin-bottom: .75em;*/
|
|
||||||
padding: 4px 12px;
|
|
||||||
float: left;
|
|
||||||
/* Fixes in IE6 the cut off text for data and object property names for individual display property groups. */
|
|
||||||
*padding-left:24px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.propsItem,
|
|
||||||
.datatypeProperties,
|
|
||||||
.properties {
|
|
||||||
clear: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.propsItem { padding: 1em 0; }
|
|
||||||
|
|
||||||
.propsItem a { font-weight: bold; }
|
|
||||||
|
|
||||||
.pageGroupBody {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#acknowledgementText {
|
|
||||||
font-size: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Search Results
|
|
||||||
************************/
|
|
||||||
|
|
||||||
.contentsBrowseGroup h2 {
|
|
||||||
margin-top: 2em;
|
|
||||||
padding-bottom: .25em;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contentsBrowseGroup h3 {
|
|
||||||
color: #666666;
|
|
||||||
font-size: 1em;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contentsBrowseGroup ul { margin-left: 0; }
|
|
||||||
|
|
||||||
.contentsBrowseGroup li {
|
|
||||||
list-style-type: none;
|
|
||||||
color: #9C9C9C;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchTOC a {
|
|
||||||
font-weight: bold;
|
|
||||||
padding-left: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Tabs
|
|
||||||
************************/
|
|
||||||
|
|
||||||
ul.tabEntities {
|
|
||||||
color: #9c9c9c;
|
|
||||||
margin: 1em 0;
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.tabEntities li {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.tabEntities a { font-weight: bold; }
|
|
||||||
|
|
||||||
ul.tabEntities a.externalLink,
|
|
||||||
.individualList a.externalLink {
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.individualList ul.individualData {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.individualList ul.individualData li {
|
|
||||||
display: inline;
|
|
||||||
border-right: solid 1px #a0a0a0;
|
|
||||||
padding-right: .3em;
|
|
||||||
padding-bottom:1.2em;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.individualList ul.individualData li.last {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.blurb { color: #999; }
|
|
||||||
|
|
||||||
div.blurb a { font-weight: normal; }
|
|
||||||
|
|
||||||
/* Index and List pages */
|
|
||||||
.siteMap ul,
|
|
||||||
.individualList ul { margin-left: 0; }
|
|
||||||
|
|
||||||
.siteMap li {
|
|
||||||
list-style-type: none;
|
|
||||||
color: #9c9c9c;
|
|
||||||
}
|
|
||||||
|
|
||||||
.individualList li {
|
|
||||||
list-style-type: none;
|
|
||||||
color: #9c9c9c;
|
|
||||||
margin-bottom: .5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.siteMap li a,
|
|
||||||
.individualList li a {
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.siteMap h2 {
|
|
||||||
margin-top: 10px;
|
|
||||||
font-weight:bold;
|
|
||||||
color:#2485AE;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.tab h2 {
|
|
||||||
margin: 0 -12px;
|
|
||||||
padding: 0 12px 2px 12px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab h3 {
|
|
||||||
color: #999;
|
|
||||||
margin-top: 1em;
|
|
||||||
padding-bottom: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab h3 a { color: #1b4f89; }
|
|
||||||
|
|
||||||
.tab h3 a:hover { color: #000; }
|
|
||||||
|
|
||||||
.tab th, .tab td, .tab caption { padding-left: 0; }
|
|
||||||
|
|
||||||
.tabBody { padding: 2px 0; }
|
|
||||||
|
|
||||||
.tabDesc { padding-top: 16px; }
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Footer
|
|
||||||
************************/
|
|
||||||
|
|
||||||
#footer a {
|
|
||||||
color: #fff;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.footerLogo { float: left; }
|
|
||||||
|
|
||||||
ul.otherNav { margin: 0; }
|
|
||||||
|
|
||||||
ul.otherNav li {
|
|
||||||
display: inline;
|
|
||||||
padding: 0 6px;
|
|
||||||
border-right: 1px solid #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.otherNav li.last {
|
|
||||||
border: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**********************************************
|
|
||||||
Admin Panels & Controls
|
|
||||||
|
|
||||||
the odd combinations of positioning types
|
|
||||||
are necessary for cross-browser consistency
|
|
||||||
**********************************************/
|
|
||||||
|
|
||||||
/*** Admin Dashboard ***/
|
|
||||||
|
|
||||||
#adminDashboard {
|
|
||||||
margin-top: 1em;
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*#adminDashboard .pageBodyGroup {
|
|
||||||
margin-top: 2em;
|
|
||||||
margin-bottom: 2em;
|
|
||||||
clear: both;
|
|
||||||
}*/
|
|
||||||
|
|
||||||
#adminDashboard .pageBodyGroup {
|
|
||||||
float: left;
|
|
||||||
clear: right;
|
|
||||||
display: inline-block;
|
|
||||||
width: 45%;
|
|
||||||
margin-top: 2em;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
padding: 0 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adminDashboard .pageBodyGroup h4 {
|
|
||||||
margin-bottom: .25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adminDashboard .pageBodyGroup h3 {
|
|
||||||
background-color: #efefef;
|
|
||||||
color: #000;
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adminDashboard .pageBodyGroup ul {
|
|
||||||
margin: 0 0 1.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adminDashboard .pageBodyGroup li {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adminDashboard #verbosePropertyForm {
|
|
||||||
margin-top: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#adminDashboard .add-action-button {
|
|
||||||
margin-top: .75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logoutPanel {
|
|
||||||
float: right;
|
|
||||||
margin-right: 4.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#logoutPanel input.button {
|
|
||||||
margin-left: .9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*** end Admin Dashboard ***/
|
|
||||||
|
|
||||||
div.admin {
|
|
||||||
color: #fff;
|
|
||||||
background: #aaa;
|
|
||||||
padding: 6px;
|
|
||||||
height: 1%; /* IE likes this */
|
|
||||||
width: 100%; /* and this */
|
|
||||||
}
|
|
||||||
|
|
||||||
div.panelContents {
|
|
||||||
color: #777;
|
|
||||||
background: #e5e3d5;
|
|
||||||
/* display: none;*/
|
|
||||||
padding: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.top {
|
|
||||||
margin: 0 -12px;
|
|
||||||
padding: 0 24px 0 0;
|
|
||||||
position: relative;
|
|
||||||
top: -16px;
|
|
||||||
background: #e5e3d5;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.bottom {
|
|
||||||
margin: 0 -12px;
|
|
||||||
position: relative;
|
|
||||||
bottom: -16px;
|
|
||||||
padding: 6px 12px 8px 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin h3 {
|
|
||||||
font-size: 1em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #ddd;
|
|
||||||
background: #aaa;
|
|
||||||
line-height: 2em;
|
|
||||||
margin: 0 !important; /* fix for IE6 */
|
|
||||||
margin-right: -24px;
|
|
||||||
padding: 0 12px;
|
|
||||||
width: 100% !important; /* fix for IE6 */
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin p { margin-bottom: .25em; }
|
|
||||||
|
|
||||||
.admin a:link,
|
|
||||||
.admin a:visited { color: #fff; }
|
|
||||||
|
|
||||||
.panelContents a:link,
|
|
||||||
.panelContents a:visited { color: #777; }
|
|
||||||
|
|
||||||
.admin a:hover,
|
|
||||||
.admin a:active { color: #000; }
|
|
||||||
|
|
||||||
#loginPanel ul { margin: 0; }
|
|
||||||
|
|
||||||
#loginPanel li {
|
|
||||||
list-style-type: none;
|
|
||||||
margin-bottom: .5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/******************************************************************
|
|
||||||
ENTITY LIST TOGGLES
|
|
||||||
(The little plus/minus toggles that show additional items)
|
|
||||||
|
|
||||||
These controls are set up to use JavaScript but degrade to use
|
|
||||||
CSS :hover classes -- JavaScript can be found in controls.js
|
|
||||||
|
|
||||||
IE6 does not support :hover so it will see everything
|
|
||||||
(hack is in ie.css)
|
|
||||||
******************************************************************/
|
|
||||||
|
|
||||||
span.entityMoreSpan {
|
|
||||||
display: block;
|
|
||||||
font-style: italic;
|
|
||||||
background: url(../site_icons/plus.gif) left center no-repeat;
|
|
||||||
padding-left: 14px;
|
|
||||||
margin: .5em 0;
|
|
||||||
line-height: 1em;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.navlinkblock:hover span.entityMoreSpan,
|
|
||||||
div.navlinkblock-collapsed:hover span.entityMoreSpan,
|
|
||||||
span.entityMoreSpan:hover {
|
|
||||||
color: #8C65A1;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.navlinkblock:hover span.entityMoreSpan,
|
|
||||||
div.navlinkblock-expanded span.entityMoreSpan {
|
|
||||||
background: url(../site_icons/minus.gif) left center no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
div.navlinkblock:hover div.extraEntities,
|
|
||||||
div.navlinkblock-expanded div.extraEntities {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.extraEntities {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/********************************
|
|
||||||
Frontend Edit Controls and Forms
|
|
||||||
********************************/
|
|
||||||
|
|
||||||
div.editingForm { background: none; }
|
|
||||||
|
|
||||||
div.editingForm hr { display: none; }
|
|
||||||
|
|
||||||
a.add {
|
|
||||||
float: left;
|
|
||||||
line-height: 1em;
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
padding: 4px;
|
|
||||||
background: #ebebeb url(../images/transition/individual/plus_transparent.gif) center center no-repeat;
|
|
||||||
text-indent: -9999px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.add:hover {
|
|
||||||
background-image: url(../images/transition/individual/plus_transparent_hover.gif);
|
|
||||||
background-color: #576772;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.properties { margin: 0; }
|
|
||||||
|
|
||||||
ul.properties li {
|
|
||||||
color: #9c9c9c;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.datatypePropertyValue,
|
|
||||||
ul.properties li,
|
|
||||||
ul.datatypePropertyValue li {
|
|
||||||
position: relative;
|
|
||||||
font-size: 0.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
span.editLinks,
|
|
||||||
em.nonEditable {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.editLinks a,
|
|
||||||
em.nonEditable { font-size: 84.62%; } /* 13px down to 11px */
|
|
||||||
|
|
||||||
span.editLinks a {
|
|
||||||
color: #da8622;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.editLinks a:hover { color: #000; }
|
|
||||||
|
|
||||||
span.editLinks a.edit { padding-right: 4px; }
|
|
||||||
|
|
||||||
.statementWrap:hover span.editLinks,
|
|
||||||
.statementWrap:hover em.nonEditable {
|
|
||||||
display: block;
|
|
||||||
width: 6em;
|
|
||||||
padding: 2px 0 4px 0;
|
|
||||||
position: absolute;
|
|
||||||
top: -2px;
|
|
||||||
left: -6em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
background: #fff;
|
|
||||||
z-index: 10;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
span.statementWrap:hover em.nonEditable {
|
|
||||||
padding-top: 5px;
|
|
||||||
width: 8em;
|
|
||||||
left: -8em;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.verbosePropertyListing {
|
|
||||||
color: gray;
|
|
||||||
font-size: 0.75em;
|
|
||||||
margin-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dprop-vitro-links.editing li {
|
|
||||||
display: block;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
margin-bottom: .5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Backend forms
|
|
||||||
************************/
|
|
||||||
|
|
||||||
div.sparqlform label {
|
|
||||||
font-weight: normal;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
em.note {
|
|
||||||
font-size: 0.92em;
|
|
||||||
color: #777;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3.associate {
|
|
||||||
margin-bottom: 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Upload Images
|
|
||||||
************************/
|
|
||||||
|
|
||||||
div.thumbnail img,
|
|
||||||
div#thumbnail img {
|
|
||||||
border:3px solid #d5d5d5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/************************
|
|
||||||
Miscellaneous
|
|
||||||
************************/
|
|
||||||
|
|
||||||
.clear{
|
|
||||||
clear:both;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden{
|
|
||||||
display:none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/************************
|
|
||||||
style for those with javascript disable
|
|
||||||
************************/
|
|
||||||
|
|
||||||
#javascriptDisableWrapper, ie67DisableWrapper{
|
|
||||||
margin-top:15px;
|
|
||||||
width:500px;
|
|
||||||
height:300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#javascriptDisableContent, #ie67DisableContent{
|
|
||||||
width:500px;
|
|
||||||
height:100px;
|
|
||||||
border:3px solid #bee6f8;
|
|
||||||
}
|
|
||||||
#ie67DisableContent{
|
|
||||||
width:80%;
|
|
||||||
margin-bottom:200px;
|
|
||||||
}
|
|
||||||
#javascriptDisableContent img, #ie67DisableContent img{
|
|
||||||
float:left;
|
|
||||||
margin-top:36px;
|
|
||||||
margin-left:30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#javascriptDisableContent p, #ie67DisableContent p{
|
|
||||||
font-size:1.1em;
|
|
||||||
color:#384c5d;
|
|
||||||
line-height:100px;
|
|
||||||
padding-left:65px;
|
|
||||||
}
|
|
||||||
#ie67DisableContent p{
|
|
||||||
line-height:normal;
|
|
||||||
padding-top:36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* styles for error alerts */
|
|
||||||
|
|
||||||
#errorAlert{
|
|
||||||
color:#900;
|
|
||||||
padding:0px;
|
|
||||||
margin-bottom:5px;
|
|
||||||
height:30px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#errorAlert img{
|
|
||||||
float:left;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#errorAlert p{
|
|
||||||
padding-left:40px;
|
|
||||||
font-size:0.9em;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* styles for contact us page */
|
|
||||||
|
|
||||||
.contactUsReturnHome{
|
|
||||||
margin-top:30px;
|
|
||||||
margin-bottom:250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*--*/
|
|
||||||
h2{
|
|
||||||
font-weight:bold;
|
|
||||||
}
|
|
||||||
p{
|
|
||||||
line-height:1.3em;
|
|
||||||
padding-bottom:10px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
/* $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("screen.css"); /*don't move it*/
|
|
||||||
@import url("layout.css");
|
|
||||||
@import url("menupage.css");
|
|
||||||
/*@import url("individual.css");*/ /* already included by screen.css, but once we remove this borrowed file (from vivo-basic theme), we will need to update this */
|
|
||||||
@import url("forms.css");
|
|
||||||
@import url("formedit.css");
|
|
||||||
@import url("../../../css/login.css"); /* this is here temporarily as we transition to freemarker - something is up with adding stylesheets ever since the body template was adjusted last week*/
|
|
||||||
|
|
@ -50,7 +50,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#deptWrap {
|
#deptWrap {
|
||||||
background: url(../images/transition/individual/grouping/bg_innerwrap_person.gif) repeat-y right top;
|
background: url(../../../images/transition/individual/grouping/bg_innerwrap_person.gif) repeat-y right top;
|
||||||
padding-top: 26px;
|
padding-top: 26px;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
@ -182,7 +182,7 @@ img.screenshot {
|
||||||
padding: 0 0 0 12px;
|
padding: 0 0 0 12px;
|
||||||
font-size: 1.08em;
|
font-size: 1.08em;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: url(../images/transition/individual/grouping/h3_tab_left.gif) left top no-repeat;
|
background: url(../../../images/transition/individual/grouping/h3_tab_left.gif) left top no-repeat;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -193,13 +193,13 @@ img.screenshot {
|
||||||
line-height:19px;
|
line-height:19px;
|
||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
padding: 5px 16px 0 0;
|
padding: 5px 16px 0 0;
|
||||||
background: url(../images/transition/individual/grouping/h3_tab_right.gif) right top no-repeat;
|
background: url(../../../images/transition/individual/grouping/h3_tab_right.gif) right top no-repeat;
|
||||||
color:#fff;
|
color:#fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#personWrap div.propsCategory {
|
#personWrap div.propsCategory {
|
||||||
clear: left;
|
clear: left;
|
||||||
background: #fff url(../images/transition/individual/grouping/bg_propsCategory.gif) right top no-repeat;
|
background: #fff url(../../../images/transition/individual/grouping/bg_propsCategory.gif) right top no-repeat;
|
||||||
/* border-left: 1px solid #d9d9d9;*/
|
/* border-left: 1px solid #d9d9d9;*/
|
||||||
border-left: 1px solid #dedede;
|
border-left: 1px solid #dedede;
|
||||||
/* border-bottom: 1px solid #d9d9d9;*/
|
/* border-bottom: 1px solid #d9d9d9;*/
|
||||||
|
|
@ -365,12 +365,12 @@ ul.properties h5.collate {
|
||||||
border: 0;
|
border: 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
/* background: #6d8e80;*/
|
/* background: #6d8e80;*/
|
||||||
background: #baa280 url(../images/transition/individual/grouping/bg_propGroupNav-active.gif) top right repeat-y;
|
background: #baa280 url(../../../images/transition/individual/grouping/bg_propGroupNav-active.gif) top right repeat-y;
|
||||||
}
|
}
|
||||||
|
|
||||||
#personWrap #dashboard #propGroupNav h2 a.inactive {
|
#personWrap #dashboard #propGroupNav h2 a.inactive {
|
||||||
color: #b4bfba;
|
color: #b4bfba;
|
||||||
background: #baa280 url(../images/transition/individual/grouping/bg_propGroupNav-inactive.gif) top right repeat-y;
|
background: #baa280 url(../../../images/transition/individual/grouping/bg_propGroupNav-inactive.gif) top right repeat-y;
|
||||||
}
|
}
|
||||||
|
|
||||||
#personWrap #dashboard #propGroupNav h2 a:hover {
|
#personWrap #dashboard #propGroupNav h2 a:hover {
|
||||||
839
themes/wilma/css/transition/holdover-vivobasic/screen.css
Normal file
839
themes/wilma/css/transition/holdover-vivobasic/screen.css
Normal file
|
|
@ -0,0 +1,839 @@
|
||||||
|
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
|
||||||
|
|
||||||
|
/****************************************
|
||||||
|
vivo-basic theme: screen styles
|
||||||
|
|
||||||
|
Original version
|
||||||
|
2009-04-30 mw542
|
||||||
|
*****************************************/
|
||||||
|
|
||||||
|
@import url("blueprint/reset.css");
|
||||||
|
@import url("blueprint/forms.css");
|
||||||
|
@import url("blueprint/typography.css");
|
||||||
|
@import url("blueprint/liquid.css");
|
||||||
|
@import url("blueprint/ie.css");
|
||||||
|
@import url("institution.css");
|
||||||
|
@import url("individual.css");
|
||||||
|
|
||||||
|
body {
|
||||||
|
position: relative;
|
||||||
|
background: #596673;
|
||||||
|
/* background: #737373;*/
|
||||||
|
padding: 0 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrap { background: #fff; }
|
||||||
|
|
||||||
|
#contentwrap {
|
||||||
|
padding: 24px 20px;
|
||||||
|
background: #D9D9D9;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
padding: 16px 12px;
|
||||||
|
background: #fff;
|
||||||
|
font-size: 108.33%; /* bumping up content text from 12px to 13px */
|
||||||
|
min-height:350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
color: #e5e5e5;
|
||||||
|
background: #3d454e;
|
||||||
|
/* background: #4e4e4e;*/
|
||||||
|
padding: 16px 20px 40px 20px;
|
||||||
|
text-align: right;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#research_instance {
|
||||||
|
background-color:red;
|
||||||
|
color:white;
|
||||||
|
font-size:1.25em;
|
||||||
|
font-weight:bold;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#research_instance a {
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/****************
|
||||||
|
Global classes
|
||||||
|
****************/
|
||||||
|
|
||||||
|
ul.clean { margin-left: 0; }
|
||||||
|
ul.clean li { list-style-type: none; }
|
||||||
|
|
||||||
|
|
||||||
|
/****************
|
||||||
|
Identity
|
||||||
|
****************/
|
||||||
|
|
||||||
|
div#identity { position: relative; }
|
||||||
|
|
||||||
|
#identity h1 {
|
||||||
|
/* position: absolute;
|
||||||
|
top: 33px;
|
||||||
|
left: 10px;*/
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
width: 361px;
|
||||||
|
height: 55px;
|
||||||
|
text-indent: -9999px;
|
||||||
|
background: url(../site_icons/vivo-logo.jpg) bottom left no-repeat;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#identity h1 a {
|
||||||
|
width: 361px;
|
||||||
|
height: 55px;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden; /* hide the extended outline in firefox */
|
||||||
|
/* background: url(images/layout/transparent.gif) top left no-repeat;*/
|
||||||
|
/* for some reason IE7 needs a background to make this link clickable */
|
||||||
|
}
|
||||||
|
|
||||||
|
#identity em {
|
||||||
|
position: absolute;
|
||||||
|
top: 32px;
|
||||||
|
left: 167px;
|
||||||
|
color: #212d35;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 1.17em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#otherMenu {
|
||||||
|
position: absolute;
|
||||||
|
margin: 0;
|
||||||
|
top: 3px;
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#otherMenu li {
|
||||||
|
display: inline;
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#otherMenu li {
|
||||||
|
padding-right: 4px;
|
||||||
|
border-right: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#otherMenu li.last {
|
||||||
|
padding-right: 0;
|
||||||
|
border-right: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Navigation and Search
|
||||||
|
************************/
|
||||||
|
|
||||||
|
div#navAndSearch {
|
||||||
|
position: relative;
|
||||||
|
background: #212d34;
|
||||||
|
/* background: #7d8b99;*/
|
||||||
|
border-top: 3px solid #3d454e;
|
||||||
|
/* border-top: 3px solid #4e4e4e;*/
|
||||||
|
padding-left: 20px;
|
||||||
|
/* padding-right: 300px;*/
|
||||||
|
padding-right: 22em;
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
height: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#secondaryTabMenu { display: none; }
|
||||||
|
|
||||||
|
select#search-form-modifier,
|
||||||
|
#searchForm label { display: none; }
|
||||||
|
|
||||||
|
div#searchBlock {
|
||||||
|
height: 100%;
|
||||||
|
text-align: right;
|
||||||
|
padding: 0 20px 0 20px !important; /* fix for IE6 */
|
||||||
|
padding: 10px 20px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
background: #3d454e;
|
||||||
|
/* background: #4e4e4e;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchForm { margin-top: 10px; }
|
||||||
|
|
||||||
|
#navAndSearch ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navAndSearch li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navAndSearch li a {
|
||||||
|
display: block;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navAndSearch li a:hover {
|
||||||
|
color: #000;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navAndSearch li a.activePrimaryTab,
|
||||||
|
#navAndSearch li a.activeTab {
|
||||||
|
color: #000;
|
||||||
|
background: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#primary,
|
||||||
|
ul#primary li,
|
||||||
|
ul#index,
|
||||||
|
ul#index li {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#primary li a,
|
||||||
|
ul#index li a { padding: 5px 12px; }
|
||||||
|
|
||||||
|
|
||||||
|
div#breadcrumbs {
|
||||||
|
color: #aaa;
|
||||||
|
clear: left;
|
||||||
|
background: #D9D9D9;
|
||||||
|
padding: 16px 20px 0 20px;
|
||||||
|
margin-bottom: -18px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#breadcrumbs a { color: #888; }
|
||||||
|
|
||||||
|
div#breadcrumbs a:hover { color: #000; }
|
||||||
|
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Individual Pages
|
||||||
|
************************/
|
||||||
|
|
||||||
|
div#labelAndMoniker { margin-bottom: 1.5em; }
|
||||||
|
|
||||||
|
|
||||||
|
#labelAndMoniker div {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#label h2,
|
||||||
|
#label h3 {
|
||||||
|
display: inline;
|
||||||
|
padding-right: 6px;
|
||||||
|
font-size: 1.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
em.moniker {
|
||||||
|
color: #9c9c9c;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.externalLinks { margin: 0 0 1.5em 0; }
|
||||||
|
|
||||||
|
ul.externalLinks li {
|
||||||
|
list-style-type: none;
|
||||||
|
display: inline;
|
||||||
|
padding-right: .5em;
|
||||||
|
padding-left: .8em;
|
||||||
|
border-left: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.externalLinks li.primary,
|
||||||
|
ul.externalLinks li.first {
|
||||||
|
padding-left: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.externalLinks a { color: #84a655; } /* green links */
|
||||||
|
|
||||||
|
ul.externalLinks a:hover,
|
||||||
|
ul.externalLinks a:active,
|
||||||
|
a.externalLink:hover,
|
||||||
|
a.externalLink:active {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.externalLink { color: #84a655; }
|
||||||
|
|
||||||
|
div.description { margin-bottom: 1.5em; }
|
||||||
|
|
||||||
|
.propertyName,
|
||||||
|
.propsItem h4 {
|
||||||
|
font-size: 0.8em;
|
||||||
|
line-height: 1em;
|
||||||
|
color: #666;
|
||||||
|
background: #ebebeb;
|
||||||
|
border-right: 1px solid #fff;
|
||||||
|
margin-left: -12px;
|
||||||
|
/* margin-bottom: .75em;*/
|
||||||
|
padding: 4px 12px;
|
||||||
|
float: left;
|
||||||
|
/* Fixes in IE6 the cut off text for data and object property names for individual display property groups. */
|
||||||
|
*padding-left:24px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.propsItem,
|
||||||
|
.datatypeProperties,
|
||||||
|
.properties {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.propsItem { padding: 1em 0; }
|
||||||
|
|
||||||
|
.propsItem a { font-weight: bold; }
|
||||||
|
|
||||||
|
.pageGroupBody {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#acknowledgementText {
|
||||||
|
font-size: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Search Results
|
||||||
|
************************/
|
||||||
|
|
||||||
|
.contentsBrowseGroup h2 {
|
||||||
|
margin-top: 2em;
|
||||||
|
padding-bottom: .25em;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentsBrowseGroup h3 {
|
||||||
|
color: #666666;
|
||||||
|
font-size: 1em;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentsBrowseGroup ul { margin-left: 0; }
|
||||||
|
|
||||||
|
.contentsBrowseGroup li {
|
||||||
|
list-style-type: none;
|
||||||
|
color: #9C9C9C;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchTOC a {
|
||||||
|
font-weight: bold;
|
||||||
|
padding-left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Tabs
|
||||||
|
************************/
|
||||||
|
|
||||||
|
ul.tabEntities {
|
||||||
|
color: #9c9c9c;
|
||||||
|
margin: 1em 0;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.tabEntities li {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.tabEntities a { font-weight: bold; }
|
||||||
|
|
||||||
|
ul.tabEntities a.externalLink,
|
||||||
|
.individualList a.externalLink {
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.individualList ul.individualData {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.individualList ul.individualData li {
|
||||||
|
display: inline;
|
||||||
|
border-right: solid 1px #a0a0a0;
|
||||||
|
padding-right: .3em;
|
||||||
|
padding-bottom:1.2em;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.individualList ul.individualData li.last {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.blurb { color: #999; }
|
||||||
|
|
||||||
|
div.blurb a { font-weight: normal; }
|
||||||
|
|
||||||
|
/* Index and List pages */
|
||||||
|
.siteMap ul,
|
||||||
|
.individualList ul { margin-left: 0; }
|
||||||
|
|
||||||
|
.siteMap li {
|
||||||
|
list-style-type: none;
|
||||||
|
color: #9c9c9c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.individualList li {
|
||||||
|
list-style-type: none;
|
||||||
|
color: #9c9c9c;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.siteMap li a,
|
||||||
|
.individualList li a {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.siteMap h2 {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-weight:bold;
|
||||||
|
color:#2485AE;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.tab h2 {
|
||||||
|
margin: 0 -12px;
|
||||||
|
padding: 0 12px 2px 12px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab h3 {
|
||||||
|
color: #999;
|
||||||
|
margin-top: 1em;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab h3 a { color: #1b4f89; }
|
||||||
|
|
||||||
|
.tab h3 a:hover { color: #000; }
|
||||||
|
|
||||||
|
.tab th, .tab td, .tab caption { padding-left: 0; }
|
||||||
|
|
||||||
|
.tabBody { padding: 2px 0; }
|
||||||
|
|
||||||
|
.tabDesc { padding-top: 16px; }
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Footer
|
||||||
|
************************/
|
||||||
|
|
||||||
|
#footer a {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.footerLogo { float: left; }
|
||||||
|
|
||||||
|
ul.otherNav { margin: 0; }
|
||||||
|
|
||||||
|
ul.otherNav li {
|
||||||
|
display: inline;
|
||||||
|
padding: 0 6px;
|
||||||
|
border-right: 1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.otherNav li.last {
|
||||||
|
border: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**********************************************
|
||||||
|
Admin Panels & Controls
|
||||||
|
|
||||||
|
the odd combinations of positioning types
|
||||||
|
are necessary for cross-browser consistency
|
||||||
|
**********************************************/
|
||||||
|
|
||||||
|
/*** Admin Dashboard ***/
|
||||||
|
|
||||||
|
#adminDashboard {
|
||||||
|
margin-top: 1em;
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*#adminDashboard .pageBodyGroup {
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 2em;
|
||||||
|
clear: both;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
#adminDashboard .pageBodyGroup {
|
||||||
|
float: left;
|
||||||
|
clear: right;
|
||||||
|
display: inline-block;
|
||||||
|
width: 45%;
|
||||||
|
margin-top: 2em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminDashboard .pageBodyGroup h4 {
|
||||||
|
margin-bottom: .25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminDashboard .pageBodyGroup h3 {
|
||||||
|
background-color: #efefef;
|
||||||
|
color: #000;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminDashboard .pageBodyGroup ul {
|
||||||
|
margin: 0 0 1.5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminDashboard .pageBodyGroup li {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminDashboard #verbosePropertyForm {
|
||||||
|
margin-top: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#adminDashboard .add-action-button {
|
||||||
|
margin-top: .75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logoutPanel {
|
||||||
|
float: right;
|
||||||
|
margin-right: 4.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logoutPanel input.button {
|
||||||
|
margin-left: .9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*** end Admin Dashboard ***/
|
||||||
|
|
||||||
|
div.admin {
|
||||||
|
color: #fff;
|
||||||
|
background: #aaa;
|
||||||
|
padding: 6px;
|
||||||
|
height: 1%; /* IE likes this */
|
||||||
|
width: 100%; /* and this */
|
||||||
|
}
|
||||||
|
|
||||||
|
div.panelContents {
|
||||||
|
color: #777;
|
||||||
|
background: #e5e3d5;
|
||||||
|
/* display: none;*/
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.top {
|
||||||
|
margin: 0 -12px;
|
||||||
|
padding: 0 24px 0 0;
|
||||||
|
position: relative;
|
||||||
|
top: -16px;
|
||||||
|
background: #e5e3d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.bottom {
|
||||||
|
margin: 0 -12px;
|
||||||
|
position: relative;
|
||||||
|
bottom: -16px;
|
||||||
|
padding: 6px 12px 8px 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin h3 {
|
||||||
|
font-size: 1em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ddd;
|
||||||
|
background: #aaa;
|
||||||
|
line-height: 2em;
|
||||||
|
margin: 0 !important; /* fix for IE6 */
|
||||||
|
margin-right: -24px;
|
||||||
|
padding: 0 12px;
|
||||||
|
width: 100% !important; /* fix for IE6 */
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin p { margin-bottom: .25em; }
|
||||||
|
|
||||||
|
.admin a:link,
|
||||||
|
.admin a:visited { color: #fff; }
|
||||||
|
|
||||||
|
.panelContents a:link,
|
||||||
|
.panelContents a:visited { color: #777; }
|
||||||
|
|
||||||
|
.admin a:hover,
|
||||||
|
.admin a:active { color: #000; }
|
||||||
|
|
||||||
|
#loginPanel ul { margin: 0; }
|
||||||
|
|
||||||
|
#loginPanel li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/******************************************************************
|
||||||
|
ENTITY LIST TOGGLES
|
||||||
|
(The little plus/minus toggles that show additional items)
|
||||||
|
|
||||||
|
These controls are set up to use JavaScript but degrade to use
|
||||||
|
CSS :hover classes -- JavaScript can be found in controls.js
|
||||||
|
|
||||||
|
IE6 does not support :hover so it will see everything
|
||||||
|
(hack is in ie.css)
|
||||||
|
******************************************************************/
|
||||||
|
|
||||||
|
span.entityMoreSpan {
|
||||||
|
display: block;
|
||||||
|
font-style: italic;
|
||||||
|
background: url(../site_icons/plus.gif) left center no-repeat;
|
||||||
|
padding-left: 14px;
|
||||||
|
margin: .5em 0;
|
||||||
|
line-height: 1em;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.navlinkblock:hover span.entityMoreSpan,
|
||||||
|
div.navlinkblock-collapsed:hover span.entityMoreSpan,
|
||||||
|
span.entityMoreSpan:hover {
|
||||||
|
color: #8C65A1;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.navlinkblock:hover span.entityMoreSpan,
|
||||||
|
div.navlinkblock-expanded span.entityMoreSpan {
|
||||||
|
background: url(../site_icons/minus.gif) left center no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
div.navlinkblock:hover div.extraEntities,
|
||||||
|
div.navlinkblock-expanded div.extraEntities {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.extraEntities {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/********************************
|
||||||
|
Frontend Edit Controls and Forms
|
||||||
|
********************************/
|
||||||
|
|
||||||
|
div.editingForm { background: none; }
|
||||||
|
|
||||||
|
div.editingForm hr { display: none; }
|
||||||
|
|
||||||
|
a.add {
|
||||||
|
float: left;
|
||||||
|
line-height: 1em;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
padding: 4px;
|
||||||
|
background: #ebebeb url(../../../images/transition/individual/plus_transparent.gif) center center no-repeat;
|
||||||
|
text-indent: -9999px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.add:hover {
|
||||||
|
background-image: url(../../../images/transition/individual/plus_transparent_hover.gif);
|
||||||
|
background-color: #576772;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.properties { margin: 0; }
|
||||||
|
|
||||||
|
ul.properties li {
|
||||||
|
color: #9c9c9c;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.datatypePropertyValue,
|
||||||
|
ul.properties li,
|
||||||
|
ul.datatypePropertyValue li {
|
||||||
|
position: relative;
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
span.editLinks,
|
||||||
|
em.nonEditable {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.editLinks a,
|
||||||
|
em.nonEditable { font-size: 84.62%; } /* 13px down to 11px */
|
||||||
|
|
||||||
|
span.editLinks a {
|
||||||
|
color: #da8622;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.editLinks a:hover { color: #000; }
|
||||||
|
|
||||||
|
span.editLinks a.edit { padding-right: 4px; }
|
||||||
|
|
||||||
|
.statementWrap:hover span.editLinks,
|
||||||
|
.statementWrap:hover em.nonEditable {
|
||||||
|
display: block;
|
||||||
|
width: 6em;
|
||||||
|
padding: 2px 0 4px 0;
|
||||||
|
position: absolute;
|
||||||
|
top: -2px;
|
||||||
|
left: -6em;
|
||||||
|
line-height: 1.5em;
|
||||||
|
background: #fff;
|
||||||
|
z-index: 10;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
span.statementWrap:hover em.nonEditable {
|
||||||
|
padding-top: 5px;
|
||||||
|
width: 8em;
|
||||||
|
left: -8em;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.verbosePropertyListing {
|
||||||
|
color: gray;
|
||||||
|
font-size: 0.75em;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dprop-vitro-links.editing li {
|
||||||
|
display: block;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Backend forms
|
||||||
|
************************/
|
||||||
|
|
||||||
|
div.sparqlform label {
|
||||||
|
font-weight: normal;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
em.note {
|
||||||
|
font-size: 0.92em;
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3.associate {
|
||||||
|
margin-bottom: 0;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Upload Images
|
||||||
|
************************/
|
||||||
|
|
||||||
|
div.thumbnail img,
|
||||||
|
div#thumbnail img {
|
||||||
|
border:3px solid #d5d5d5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/************************
|
||||||
|
Miscellaneous
|
||||||
|
************************/
|
||||||
|
|
||||||
|
.clear{
|
||||||
|
clear:both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden{
|
||||||
|
display:none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/************************
|
||||||
|
style for those with javascript disable
|
||||||
|
************************/
|
||||||
|
|
||||||
|
#javascriptDisableWrapper, ie67DisableWrapper{
|
||||||
|
margin-top:15px;
|
||||||
|
width:500px;
|
||||||
|
height:300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#javascriptDisableContent, #ie67DisableContent{
|
||||||
|
width:500px;
|
||||||
|
height:100px;
|
||||||
|
border:3px solid #bee6f8;
|
||||||
|
}
|
||||||
|
#ie67DisableContent{
|
||||||
|
width:80%;
|
||||||
|
margin-bottom:200px;
|
||||||
|
}
|
||||||
|
#javascriptDisableContent img, #ie67DisableContent img{
|
||||||
|
float:left;
|
||||||
|
margin-top:36px;
|
||||||
|
margin-left:30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#javascriptDisableContent p, #ie67DisableContent p{
|
||||||
|
font-size:1.1em;
|
||||||
|
color:#384c5d;
|
||||||
|
line-height:100px;
|
||||||
|
padding-left:65px;
|
||||||
|
}
|
||||||
|
#ie67DisableContent p{
|
||||||
|
line-height:normal;
|
||||||
|
padding-top:36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* styles for error alerts */
|
||||||
|
|
||||||
|
#errorAlert{
|
||||||
|
color:#900;
|
||||||
|
padding:0px;
|
||||||
|
margin-bottom:5px;
|
||||||
|
height:30px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#errorAlert img{
|
||||||
|
float:left;
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#errorAlert p{
|
||||||
|
padding-left:40px;
|
||||||
|
font-size:0.9em;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* styles for contact us page */
|
||||||
|
|
||||||
|
.contactUsReturnHome{
|
||||||
|
margin-top:30px;
|
||||||
|
margin-bottom:250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*--*/
|
||||||
|
h2{
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
p{
|
||||||
|
line-height:1.3em;
|
||||||
|
padding-bottom:10px;
|
||||||
|
}
|
||||||
700
themes/wilma/css/wilma.css
Normal file
700
themes/wilma/css/wilma.css
Normal file
|
|
@ -0,0 +1,700 @@
|
||||||
|
/* $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;
|
||||||
|
}
|
||||||
|
/* 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: #fff;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/* 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:8px;
|
||||||
|
padding-left:15px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
#search-form-modifier{
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
/* MAIN NAVIGATION------> */
|
||||||
|
ul#main-nav {
|
||||||
|
display: block;
|
||||||
|
width: 968px;
|
||||||
|
height: 46px;
|
||||||
|
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: 46px;
|
||||||
|
background: url(../images/separator-main-nav.jpg) right -2px 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 -1px no-repeat;
|
||||||
|
margin-left: 18px;
|
||||||
|
}
|
||||||
|
/* WRAPPER CONTENT------> */
|
||||||
|
#wrapper-content {
|
||||||
|
clear: both;
|
||||||
|
width: 930px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: #fff;
|
||||||
|
min-height: 450px;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
/* INTRO ------> */
|
||||||
|
#intro {
|
||||||
|
float: left;
|
||||||
|
width: 570px;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
form#log-in-form {
|
||||||
|
padding-bottom: 0
|
||||||
|
}
|
||||||
|
#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 {
|
||||||
|
margin-left: 7px;
|
||||||
|
margin-top: 7px;
|
||||||
|
border: 0;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
#log-in input.login {
|
||||||
|
margin: 7px 4px 10px 0;
|
||||||
|
}
|
||||||
|
#wrapper-submit-remember-me {
|
||||||
|
width: 270px;
|
||||||
|
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: 0;
|
||||||
|
padding-top: 15px;
|
||||||
|
border-top: 1px solid #e8ece9;
|
||||||
|
}
|
||||||
|
/* HOME 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: 10px;
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
/* BROWSE ------> */
|
||||||
|
#browse {
|
||||||
|
clear: both;
|
||||||
|
width: 920px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border: 1px solid #dfe6e6;
|
||||||
|
background: #f7f9f9;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
#browse h2,
|
||||||
|
#highlights h2 {
|
||||||
|
width: 10%;
|
||||||
|
height: 44px;
|
||||||
|
margin-bottom: 27px;
|
||||||
|
padding-left: 15px;
|
||||||
|
font-size: 1.0em;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 44px;
|
||||||
|
color: #fff;
|
||||||
|
background: #5e6363;
|
||||||
|
}
|
||||||
|
/* 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 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
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
/* HIGHLIGHTS ------> */
|
||||||
|
#highlights {
|
||||||
|
clear: both;
|
||||||
|
width: 920px;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 40px;
|
||||||
|
height: 400px;
|
||||||
|
border: 1px solid #dfe6e6;
|
||||||
|
background: #f7f9f9;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
#highlights h2 {
|
||||||
|
width: 14%
|
||||||
|
}
|
||||||
|
#highlights h3 {
|
||||||
|
color: #91b039;
|
||||||
|
font-size: 14px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.global-highlights {
|
||||||
|
border: 1px solid #e8e8e8;
|
||||||
|
background: #fff;
|
||||||
|
float: left;
|
||||||
|
width: 235px;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
/* FEATURED PEOPLE ------> */
|
||||||
|
#featured-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: 1.0em;
|
||||||
|
line-height: 1.0em;
|
||||||
|
}
|
||||||
|
/* 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: 10px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
time.dtstart span {
|
||||||
|
display: block;
|
||||||
|
font-size: 11px;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: -10px;
|
||||||
|
}
|
||||||
|
p.summary {
|
||||||
|
padding-left: 50px;
|
||||||
|
padding-top: 12px;
|
||||||
|
color: #303e4e;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
p.summary time {
|
||||||
|
display: block;
|
||||||
|
padding-top: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
/* 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: 55px;
|
||||||
|
padding-left: 30px;
|
||||||
|
width: 500px;
|
||||||
|
}
|
||||||
|
ul#footer-nav {
|
||||||
|
float: right;
|
||||||
|
list-style: none;
|
||||||
|
width: 200px;
|
||||||
|
height: 20px;
|
||||||
|
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 #c9c8c8;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/* MISCELLANEOUS------> */
|
||||||
|
.displace {
|
||||||
|
position: absolute;
|
||||||
|
left: -9999px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: underline
|
||||||
|
}
|
||||||
|
/* 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
|
||||||
|
}
|
||||||
|
.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
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -37,7 +37,7 @@ FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
|
||||||
<head> <!-- formPrefix.jsp -->
|
<head> <!-- formPrefix.jsp -->
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<title>${title}</title>
|
<title>${title}</title>
|
||||||
<link rel="stylesheet" href="<%=themeDir%>/css/style.css" />
|
<link rel="stylesheet" href="<%=themeDir%>/css/screen.css" />
|
||||||
|
|
||||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||||
<%-- ${headScripts.add("/js/html5.js")} --%>
|
<%-- ${headScripts.add("/js/html5.js")} --%>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<title>${title}</title>
|
<title>${title}</title>
|
||||||
<link rel="stylesheet" href="${themeDir}/css/style.css" />
|
<link rel="stylesheet" href="${themeDir}/css/screen.css" />
|
||||||
${stylesheets.tags}
|
${stylesheets.tags}
|
||||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||||
${headScripts.add("/js/html5.js")}
|
${headScripts.add("/js/html5.js")}
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<title>${title}</title>
|
<title>${title}</title>
|
||||||
<link rel="stylesheet" href="${themeDir}/css/style.css" />
|
<link rel="stylesheet" href="${themeDir}/css/screen.css" />
|
||||||
${stylesheets.tags}
|
${stylesheets.tags}
|
||||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||||
${headScripts.add("/js/html5.js")}
|
${headScripts.add("/js/html5.js")}
|
||||||
|
|
|
||||||
|
|
@ -80,7 +80,7 @@ FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<title>${title}</title>
|
<title>${title}</title>
|
||||||
<link rel="stylesheet" href="<%=themeDir%>css/style.css" />
|
<link rel="stylesheet" href="<%=themeDir%>css/screen.css" />
|
||||||
|
|
||||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||||
<%-- ${headScripts.add("/js/html5.js")} --%>
|
<%-- ${headScripts.add("/js/html5.js")} --%>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue