vitro/webapp/web/css/individual/individual.css

/* $This file is distributed under the terms of the license in /doc/license.txt$ */

@charset "UTF-8";
/* CSS Document */

/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/
#individual-intro{
    width: 920px;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 30px;
}
#individual-intro h1{
    font-size: 22px;
    color: #2485ae;
    padding-bottom: 24px;  
}
#individual-intro span.preferred-title{
    font-size: 18px;
    color: #5e6363;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #5e6363;
}
/* <------ INDIVIDUAL INTRO FOR PERSON*/
#individual-intro-person{
    float:left;
    width: 700px;
    margin-top: 35px;
    border-right: 1px solid #edf0ed;
    margin-bottom: 30px;
}
/* <------ INDIVIDUAL INTRO LEFT CONTENT */
#left-side{
    width: 166px;
    float: left;
    padding-left: 27px;
    padding-right: 34px;
}
#left-side img.individual-photo2{
    width: 160px;
    height: 160px;
    border: 7px solid #ebebeb;
}
ul#individual-tools-people{
    margin-top: 5px;
    height: 27px;
    padding-bottom: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e8ece9;
    color: #b2d15a;
}
ul#individual-tools-people li{
    position: relative;
    display: block;
    padding-right: 14px;
    float: left;
}
ul#individual-tools-people li a{
        color: #b2d15a;  
}
ul#individual-tools{
    margin-top: -18px; /*not good adding negative margin*/
    height: 38px;
    overflow: hidden;
    float: left;
    width: 150px;
    color: #b2d15a;
}
ul#individual-tools li{
    position: relative;
    display: block;
    padding-right: 14px;
    float:l eft;
    line-height: 27px;
}
ul#individual-tools li a{
    color: #b2d15a;
}
.picto-font{
    font-family: 'Pictos';
}
.picto-uri{
    font-size: 27px;
}
.picto-pdf{
    font-size: 27px;
}
.picto-share{
    font-size: 27px;
}
.icon-rdf{
    position:absolute;
    font-size: 18px;
    top: 16px;
}
.picto-email{
    font-size: 22px;
    color: #aeb1b1;
    padding-right: 5px;
}
#left-side a.email{
    font-size: 14px;
    color: #5f6464;
    display:block;
    margin-top: 15px;
}
#left-side a.tel{
    font-size: 14px;
    color: #5f6464;
    display: block;
    margin-top: 15px;
}
.icon-phone{
    vertical-align:middle;
    padding-right: 5px;
}
ul#individual-urls{
    list-style:url(../../images/individual/arrow-grey.gif);
    margin-left: 10px;
    float: left;
    margin-bottom: 30px;
}
ul#individual-urls li{
    font-size: 14px;
    line-height: 1.2em;
}
ul#individual-urls li a{
    color: #2485ae;
}
ul#individual-urls-people{
    margin-top: 20px;
    list-style: url(../../images/individual/arrow-grey.gif);
    padding-left: 24px;
}
ul#individual-urls-people li{
    font-size: 14px;
    line-height: 1.2em;
}
ul#individual-urls-people li a{
    color: #2485ae;
}
/* <------ INDIVIDUAL RIGHT CONTENT */
#individual-info{
    width: 400px;
    float: left;
    padding: 60px 0 0 10px;
    color: #5e6363;
}
#individual-info h1.fn{
    font-size: 22px;
    color: #2485ae;
    padding-bottom: 24px;
}
h1.fn .preferred-title {
    font-size: 18px;
    color: #5e6363;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #a6b1b0;
}
#individual-info h2{
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 18px;
}
ul#individual-positions{
    font-size: 16px;
    padding-bottom: 24px;
    list-style: url(../../images/individual/arrow-green.gif);
    padding-left: 20px;
}
ul#individual-positions li{
    line-height: 1.2em;
}
ul#individual-positions li a{
    color: #2485ae;
}
.individual-overview{
    font-size: 16px;
    padding-bottom: 32px;
    line-height: 1.3em;
}
ul#individual-areas{
    font-size: 16px;
    padding-bottom: 24px;
}
ul#individual-areas li{
    float: left;
    border-right: 1px solid #5e6363;
    padding-right: 10px;
    padding-left: 10px;
}
ul#individual-areas li:first-child{
    padding-left: 0;
}
ul#individual-areas li: last-child{
    border-right:none;
}
ul#individual-areas li{
    float:left;
    border-right: 1px solid #5e6363;
    padding-right: 10px;
    padding-left: 10px;
}
ul#individual-areas li a{
    color: #2485ae;
}
/* <------ INDIVIDUAL VISUALIZATION */
#publications-visualization{
    margin-top: 35px;
    float: right;
    width: 226px;
}
/* <------ SPARKLINES  */
    #sparklines-publications{
    width: 184px;
    padding: 0 20px 45px 20px;
}
#sparklines-publications h3{
    padding-top: 10px;
    font-size: 20px;
    color: #2485ae;
    margin-bottom: 10px;
}
.publication-year-range{
    display: block;
    padding-top: 5px;
    font-size: 14px;
}
a.all-vivo-publications{
    font-size: 14px;
    color: #5e6363;
}
/* <------ COAUTHORS */
#co-authors{
    padding: 0 20px 30px 20px;
}
img.co-author{
    border: 2px solid #ebebeb;
    margin-right: 5px;
    margin-bottom: 5px;
}
#co-authors h3{
    font-size: 20px;
    color: #2485ae;
    margin-bottom: 10px;
}
#co-authors ul{
}
#co-authors ul li{
    display: block;
    float: left;
}
p.view-all-coauthors{
    clear: both;
    width:  200px;
    font-size: 14px;
    text-align: left;
}
/* PROPERTY GROUP MENU------>  */
#property-group-menus{
    clear:both;
    width: 920px;
    height: 46px;
    border: 1px solid #dfebe5;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #f1f2ee;
}
#property-group-menus ul{
    display:block;
    color: #5e6363;
    font-size: 16px;
}
#property-group-menus li{
    float:left;
    line-height: 46px;
    padding-right: 15px;
    padding-left: 15px;
    background: url(../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat;
}
#property-group-menus a{
    color: #5e6363;
}
#property-group-menus a:hover{
    color: #002b44;
}
 #property-group-menus li:fisrt-child{
 padding-left: 0;
}
#property-group-menus li:last-child{
    background: none;
}
/* PROPERTY GROUP------>  */
.property-group{
    position: relative;
    clear: both;
    width: 920px;
    border: 1px solid #dfebe5;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #fff;
    margin-bottom: 20px;
}
.scroll-up{
   position: absolute; 
   width: 21px;
   height: 30px;
   top: 0;
   right: -21px;
}
section.property-group h2{
    padding: 20px 25px 12px 35px;
    font-size: 20px;
    color: #2485ae;
    font-weight: normal;
    /*background:url(../../images/individual/arrow-down.gif) 120px 24px no-repeat;*/
}
article.property{
    width: 852px;
    margin: 0 auto;
    border: 1px solid #dfe6e5;
    margin-bottom: 20px;
}
article.property h3{
    border-bottom: 1px solid #dfe6e5;
    background: #fafaf9;
    font-size: 17px;
    color: #8aa149;
    padding: 10px 20px 10px 20px;
}
article.property .data-property-statement{
    background: #fff;
    font-size: 16px;
    color: #5e6363;
    padding: 10px 20px 10px 20px;
    line-height: 1.2em;
    margin-bottom: 0;
}
article.property ul.property-list{
    background: #fff;
    font-size: 16px;
    color:# 5e6363;
}
article.property ul.property-list li{
    line-height: 1.2em;
    padding-bottom: 10px;
    padding: 10px 20px 10px 20px;
}
article.property ul.property-list li a{
    color: #2485ae;
}
/* MISCELLANEOUS------>  */
.blue{
    color: #2485ae;
}
.grey{
    color: #5e6363;
}
.green{
    color: #b2d15a;
}