litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-1925: Moved css that references vivo-specific ontology properties into

Browse source 
individual-vivo.css in VIVO. Also, added space between selector name and opening bracket.
This commit is contained in:
mb863 2011-01-30 19:14:18 +00:00
parent 8e9689aff4
commit 0c11498905
1 changed files with 68 additions and 90 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

158
webapp/web/css/individual/individual.css
View file

@ -4,12 +4,12 @@
/* CSS Document */ /* CSS Document */
/* ADMIN PANEL------> */ /* ADMIN PANEL------> */
#admin{ #admin {
font-size: .8em; font-size: .8em;
padding-top: 0; padding-top: 0;
padding-right: 40px; padding-right: 40px;
} }
#admin h3{ #admin h3 {
display: inline-block; display: inline-block;
padding: 3px 6px 3px 10px; padding: 3px 6px 3px 10px;
margin-bottom: 5px; margin-bottom: 5px;
@ -19,66 +19,66 @@
padding-left: 11px; padding-left: 11px;
padding-bottom: 5px; padding-bottom: 5px;
} }
#admin a.edit-individual{ #admin a.edit-individual {
padding-left: 5px; padding-left: 5px;
border-left: none; border-left: none;
} }
/* <------ INDIVIDUAL INTRO FOR ANY CLASS*/ /* <------ INDIVIDUAL INTRO FOR ANY CLASS*/
#individual-intro{ #individual-intro {
margin-top: 15px; margin-top: 15px;
margin-bottom: 20px; margin-bottom: 20px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
#individual-intro h1{ #individual-intro h1 {
padding-bottom: 8px; padding-bottom: 8px;
} }
#individual-intro span.preferred-title{ #individual-intro span.preferred-title {
padding-left: 10px; padding-left: 10px;
margin-left: 10px; margin-left: 10px;
} }
#individual-info h3{ #individual-info h3 {
padding-bottom: 5px; padding-bottom: 5px;
margin-top: 5px; margin-top: 5px;
clear: left; clear: left;
} }
#individual-intro a.icon-rdf{ #individual-intro a.icon-rdf {
font-size: 1.125em; font-size: 1.125em;
} }
ul#links-additional{ ul#links-additional{
margin-bottom: 5px; margin-bottom: 5px;
} }
/* <------ INDIVIDUAL INTRO FOR PERSON*/ /* <------ INDIVIDUAL INTRO FOR PERSON*/
#individual-intro.person{ #individual-intro.person {
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
width: 100%; width: 100%;
} }
#individual-intro.person #individual-info{ #individual-intro.person #individual-info {
float: left; float: left;
width: 78%; width: 78%;
margin-bottom: 20px; margin-bottom: 20px;
} }
#individual-intro.person .individual-overview{ #individual-intro.person .individual-overview {
width: 100%; width: 100%;
float: none; float: none;
} }
/* <------ INDIVIDUAL INTRO - LEFT SIDE CONTENT */ /* <------ INDIVIDUAL INTRO - LEFT SIDE CONTENT */
#share-contact{ #share-contact {
position: relative; position: relative;
width: 166px; width: 166px;
float: left; float: left;
padding-right: 1.5em; padding-right: 1.5em;
margin-bottom: 20px; margin-bottom: 20px;
} }
#share-contact h3{ #share-contact h3 {
margin-top: 15px; margin-top: 15px;
padding-bottom: .3em; padding-bottom: .3em;
font-size: 1em; font-size: 1em;
line-height: 1.2em; line-height: 1.2em;
padding-top: 0; padding-top: 0;
} }
img.individual-photo{ img.individual-photo {
width: 160px; width: 160px;
height: 160px; height: 160px;
margin-left: 0; margin-left: 0;
@ -86,20 +86,20 @@ img.individual-photo{
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
#mainImage{ #mainImage {
position: absolute; position: absolute;
padding: 5px 5px 8px 5px; padding: 5px 5px 8px 5px;
background-color: #fff; background-color: #fff;
top: 126px; top: 126px;
right: 27px; right: 27px;
} }
h2#mainImage, #share-contact h2{ h2#mainImage, #share-contact h2 {
font-size: 1em; font-size: 1em;
line-height: 1em; line-height: 1em;
margin-top: 15px; margin-top: 15px;
padding-bottom: 0.3em padding-bottom: 0.3em
} }
ul#individual-tools-people{ ul#individual-tools-people {
margin-top: 5px; margin-top: 5px;
height: 20px; height: 20px;
padding-bottom: 20px; padding-bottom: 20px;
@ -107,114 +107,92 @@ ul#individual-tools-people{
clear: both; clear: both;
margin-bottom: 15px; margin-bottom: 15px;
} }
ul#individual-tools-people li{ ul#individual-tools-people li {
position: relative; position: relative;
display: block; display: block;
padding-right: 7px; padding-right: 7px;
float: left; float: left;
margin-bottom: 20px; margin-bottom: 20px;
} }
ul#individual-tools{ ul#individual-tools {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
height: 20px; height: 20px;
} }
ul#individual-tools li{ ul#individual-tools li {
padding-right: 9px; padding-right: 9px;
float: left; float: left;
} }
ul#individual-email{ ul#individual-email {
clear: both; clear: both;
list-style-type: circle; list-style-type: circle;
} }
ul#individual-email li{ ul#individual-email li {
font-size: .875em; font-size: .875em;
} }
ul#individual-email li:first-child{ ul#individual-email li:first-child {
font-size: .875em; font-size: .875em;
margin-top: 10px; margin-top: 10px;
} }
ul#individual-phone{ ul#individual-phone {
clear: both; clear: both;
list-style-type: circle; list-style-type: circle;
} }
ul#individual-phone li{ ul#individual-phone li {
font-size: .875em; font-size: .875em;
} }
ul#individual-phone li:last-child{ ul#individual-phone li:last-child {
margin-bottom: 15px; margin-bottom: 15px;
} }
ul#individual-phone li:first-child{ ul#individual-phone li:first-child {
margin-top: 10px; margin-top: 10px;
} }
.icon-phone, .icon-email{ .icon-phone, .icon-email {
padding-right: 5px; padding-right: 5px;
} }
#individual-intro ul.individual-urls{ #individual-intro ul.individual-urls {
list-style-type: circle; list-style-type: circle;
margin-left: 20px; margin-left: 20px;
} }
#individual-intro ul.individual-urls li{ #individual-intro ul.individual-urls li {
font-size: .875em; font-size: .875em;
line-height: 1.7em; line-height: 1.7em;
} }
ul.individual-urls-people{ ul.individual-urls-people {
clear: both; clear: both;
list-style-type: circle; list-style-type: circle;
padding-left: 24px; padding-left: 24px;
} }
ul.individual-urls-people li{ ul.individual-urls-people li {
font-size: .875em; font-size: .875em;
line-height: 1.3em; line-height: 1.3em;
} }
#photo-wrapper{ #photo-wrapper {
position: relative; position: relative;
float: left; float: left;
} }
/* <------ INDIVIDUAL INTRO - RIGHT SIDE CONTENT */ /* <------ INDIVIDUAL INTRO - RIGHT SIDE CONTENT */
#individual-info{ #individual-info {
padding: 0; padding: 0;
float: left; float: left;
width: 98%; width: 98%;
} }
#individual-info.withThumb{ #individual-info.withThumb {
width: 78%; width: 78%;
} }
h1.fn .preferred-title { h1.fn .preferred-title {
padding-left: 10px; padding-left: 10px;
margin-left: 10px; margin-left: 10px;
} }
#individual-info h2{ #individual-info h2 {
padding-bottom: 10px; padding-bottom: 10px;
} }
ul#individual-personInPosition{ #individual-info nav {
list-style-type: circle;
padding-left: 20px;
}
ul#individual-personInPosition li{
line-height: 1em;
}
ul#individual-personInPosition li:last-child{
padding-bottom: 15px;
}
ul#individual-hasResearchArea{
padding-bottom: 24px;
}
ul#individual-hasResearchArea li{
float: left;
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid #5e6363;
}
ul#individual-hasResearchArea li:first-child{
padding-left: 0;
}
#individual-info nav{
float: left; float: left;
width: 78%; width: 78%;
clear: left; clear: left;
} }
#individual-intro .individual-overview{ #individual-intro .individual-overview {
margin-bottom: 30px; margin-bottom: 30px;
margin-top: 10px; margin-top: 10px;
display: inline; display: inline;
@ -222,47 +200,47 @@ ul#individual-hasResearchArea li:first-child{
float: left; float: left;
} }
/* <------ INDIVIDUAL VISUALIZATION */ /* <------ INDIVIDUAL VISUALIZATION */
#visualization{ #visualization {
float: right; float: right;
width: 226px; width: 226px;
} }
/* <------ SPARKLINES */ /* <------ SPARKLINES */
#sparklines-publications{ #sparklines-publications {
padding: 0 0 40px 30px; padding: 0 0 40px 30px;
padding-top: 0; padding-top: 0;
float: right; float: right;
background-color: #fff; background-color: #fff;
} }
#sparklines-publications h3{ #sparklines-publications h3 {
padding-top: 10px; padding-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.publication-year-range{ .publication-year-range {
display: block; display: block;
padding-top: 5px; padding-top: 5px;
} }
/* <------ COAUTHORS */ /* <------ COAUTHORS */
#co-authors{ #co-authors {
padding: 0 20px 30px 20px; padding: 0 20px 30px 20px;
} }
img.co-author{ img.co-author {
margin-right: 5px; margin-right: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
#co-authors h3{ #co-authors h3 {
margin-bottom: 10px; margin-bottom: 10px;
} }
#co-authors ul li{ #co-authors ul li {
display: block; display: block;
float: left; float: left;
} }
p.view-all-coauthors{ p.view-all-coauthors {
clear: both; clear: both;
width: 200px; width: 200px;
text-align: left; text-align: left;
} }
/* PROPERTY GROUP MENU------> */ /* PROPERTY GROUP MENU------> */
#property-group-menu{ #property-group-menu {
clear: both; clear: both;
width: 95%;; width: 95%;;
height: 46px; height: 46px;
@ -271,20 +249,20 @@ p.view-all-coauthors{
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 20px; margin-top: 20px;
} }
#property-group-menu ul{ #property-group-menu ul {
display: block; display: block;
} }
#property-group-menu li{ #property-group-menu li {
float: left; float: left;
line-height: 46px; line-height: 46px;
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
#property-group-menu li:first-child{ #property-group-menu li:first-child {
padding-left: 10px; padding-left: 10px;
} }
/* PROPERTY GROUP------> */ /* PROPERTY GROUP------> */
.property-group{ .property-group {
position: relative; position: relative;
clear: both; clear: both;
width: 95%; width: 95%;
@ -293,23 +271,23 @@ p.view-all-coauthors{
margin-bottom: 20px; margin-bottom: 20px;
border: 1px solid #dfebe5; border: 1px solid #dfebe5;
} }
.scroll-up{ .scroll-up {
position: absolute; position: absolute;
width: 21px; width: 21px;
height: 30px; height: 30px;
top: 0; top: 0;
right: -21px; right: -21px;
} }
section.property-group h2{ section.property-group h2 {
padding: 20px 25px 12px 35px; padding: 20px 25px 12px 35px;
} }
article.property{ article.property {
width: 93%; width: 93%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 20px; margin-bottom: 20px;
border: 1px solid #dfe6e5; border: 1px solid #dfe6e5;
} }
article.property h3{ article.property h3 {
border-bottom: 1px solid #dfe6e5; border-bottom: 1px solid #dfe6e5;
padding: 10px 20px 10px 20px; padding: 10px 20px 10px 20px;
} }
@ -318,24 +296,24 @@ article.property ul.property-list li.subclass h3 {
padding: 10px 10px 10px 0; padding: 10px 10px 10px 0;
background-color: #fff; background-color: #fff;
} }
article.property .data-property-statement{ article.property .data-property-statement {
padding: 10px 20px 10px 20px; padding: 10px 20px 10px 20px;
line-height: 1.2em; line-height: 1.2em;
margin-bottom: 0; margin-bottom: 0;
} }
article.property ul.property-list{ article.property ul.property-list {
background: #fff; background: #fff;
padding-bottom: 20px; padding-bottom: 20px;
} }
article.property ul.property-list li{ article.property ul.property-list li {
line-height: 1.2em; line-height: 1.2em;
padding: 10px 20px 5px 20px; padding: 10px 20px 5px 20px;
background-color: #fff; background-color: #fff;
} }
article.property ul.subclass-property-list{ article.property ul.subclass-property-list {
margin-left: 0; margin-left: 0;
} }
article.property ul.subclass-property-list li{ article.property ul.subclass-property-list li {
line-height: 1.2em; line-height: 1.2em;
padding: 0 20px 10px 20px; padding: 0 20px 10px 20px;
} }
@ -346,38 +324,38 @@ article.property ul.subclass-property-list li{
background: #f4f4f4; background: #f4f4f4;
} }
/* EDITING DISPLAY------> */ /* EDITING DISPLAY------> */
.add-individual{ .add-individual {
vertical-align: middle; vertical-align: middle;
margin-left: 2px; margin-left: 2px;
} }
.edit-individual{ .edit-individual {
margin-left: 10px; margin-left: 10px;
padding-left: 8px; padding-left: 8px;
padding-right: 1px; padding-right: 1px;
vertical-align: middle; vertical-align: middle;
} }
.delete-individual{ .delete-individual {
vertical-align: middle; vertical-align: middle;
} }
.edit-mainImage{ .edit-mainImage {
position: absolute; position: absolute;
background: #fff; background: #fff;
padding: 0 6px 0 0; padding: 0 6px 0 0;
top: 143px; top: 143px;
left: 110px; left: 110px;
} }
a.edit-mainImage img.edit-individual{ a.edit-mainImage img.edit-individual {
border: 0; border: 0;
padding-left: 0px; padding-left: 0px;
margin-left: 8px; margin-left: 8px;
} }
.delete-mainImage{ .delete-mainImage {
position: absolute; position: absolute;
top: 143px; top: 143px;
left: 140px; left: 140px;
background: #fff; background: #fff;
padding: 0 6px 0 8px; padding: 0 6px 0 8px;
} }
.middle{ .middle {
vertical-align: middle; vertical-align: middle;
} }