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;
|
||||
}
|
||||
|
|
@ -11,9 +11,9 @@
|
|||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pictos';
|
||||
src: url('../pictos-font/pictos-web.eot'); /* IE */
|
||||
src: local('☺'), url('../pictos-font/pictos-web.woff') format('woff'), url('../pictos-font/pictos-web.ttf') format('truetype'), url('../pictos-font/pictos-web.svg#webfontphKv1xv9') format('svg');/* non-IE */
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: 'Pictos';
|
||||
src: url('../pictos-font/pictos-web.eot'); /* IE */
|
||||
src: local('☺'), url('../pictos-font/pictos-web.woff') format('woff'), url('../pictos-font/pictos-web.ttf') format('truetype'), url('../pictos-font/pictos-web.svg#webfontphKv1xv9') format('svg');/* non-IE */
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -1,839 +1,31 @@
|
|||
/* $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
|
||||
2009-04-30 mw542
|
||||
2010-09-04 UI team
|
||||
|
||||
*****************************************
|
||||
*****************************************/
|
||||
|
||||
@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");
|
||||
/* This is our holdover vivo-basic theme file used for transition to wilma theme. This is temporary and it will be removed.*/
|
||||
@import url("transition/holdover-vivobasic/screen.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;
|
||||
}
|
||||
@import url("reset.css");
|
||||
@import url("pictos.css");
|
||||
@import url("wilma.css");
|
||||
@import url("forms.css");
|
||||
@import url("formedit.css");
|
||||
|
||||
#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;
|
||||
}
|
||||
@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*/
|
||||
@import url("../../../css/menupage/menupage.css"); /* we need to call it from the theme until freemarker controller and menupage.ftl are created */
|
||||
|
|
@ -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 {
|
||||
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;
|
||||
clear: both;
|
||||
}
|
||||
|
|
@ -182,7 +182,7 @@ img.screenshot {
|
|||
padding: 0 0 0 12px;
|
||||
font-size: 1.08em;
|
||||
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;
|
||||
}
|
||||
|
||||
|
|
@ -193,13 +193,13 @@ img.screenshot {
|
|||
line-height:19px;
|
||||
font-size: 0.75em;
|
||||
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;
|
||||
}
|
||||
|
||||
#personWrap div.propsCategory {
|
||||
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 #dedede;
|
||||
/* border-bottom: 1px solid #d9d9d9;*/
|
||||
|
|
@ -365,12 +365,12 @@ ul.properties h5.collate {
|
|||
border: 0;
|
||||
color: #fff;
|
||||
/* 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 {
|
||||
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 {
|
||||
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 -->
|
||||
<meta charset="utf-8" />
|
||||
<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-->
|
||||
<%-- ${headScripts.add("/js/html5.js")} --%>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${title}</title>
|
||||
<link rel="stylesheet" href="${themeDir}/css/style.css" />
|
||||
<link rel="stylesheet" href="${themeDir}/css/screen.css" />
|
||||
${stylesheets.tags}
|
||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||
${headScripts.add("/js/html5.js")}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>${title}</title>
|
||||
<link rel="stylesheet" href="${themeDir}/css/style.css" />
|
||||
<link rel="stylesheet" href="${themeDir}/css/screen.css" />
|
||||
${stylesheets.tags}
|
||||
<!-- script for enabling new HTML5 semantic markup in IE browsers-->
|
||||
${headScripts.add("/js/html5.js")}
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ FreemarkerHttpServlet.getFreemarkerComponentsForJsp(request);
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<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-->
|
||||
<%-- ${headScripts.add("/js/html5.js")} --%>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue