multiple updates and new files to support multiple foaf person profile pages

This commit is contained in:
tworrall 2013-01-31 11:15:48 -05:00
parent 3b051ecffd
commit 9cde935cc7
50 changed files with 2005 additions and 249 deletions

View file

@ -0,0 +1,32 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* Fix for quickview admin panel */
#admin {
font-size:0.75em;
padding:0 0 0 0;
margin:0 0 0 0;
width:54%;
}
#admin h3 {
color:#fff;
font-size:12px;
padding:2px 2px 2px 2px;
margin:0 0 0 0;
float:left;
}
a.edit-individual {
margin-left:5px;
padding-bottom:5px;
float:left;
}
#verbose-mode {
padding-left:0px;
float:right;
}
#admin .uri-link {
padding-left:8px;
}
#verbose-mode .small {
padding:3px 3px 3px 3px;
}

View file

@ -0,0 +1,36 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* Fix for quickview admin panel */
#admin {
font-size:0.75em;
padding:0 0 0 0;
margin:0 0 8px 0;
width:100%;
height:75px;
}
#admin h3 {
color:#fff;
font-size:12px;
padding:2px 2px 2px 2px;
margin:0 0 0 0;
float:left;
}
a.edit-individual {
margin-left:5px;
padding-bottom:5px;
float:left;
}
#verbose-mode {
padding-left:0px;
float:right;
}
#admin .uri-link {
padding-left:8px;
}
#verbose-mode .small {
padding:3px 3px 3px 3px;
}
.iconControlsEditable {
top:140px;
}

View file

@ -0,0 +1,297 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* <------ INDIVIDUAL INTRO */
#individual-intro {
margin-top: 15px;
margin-bottom: 0px; /* margin-bottom: 20px; out for redesign*/
position: relative;
overflow: hidden;
}
/* <------ INDIVIDUAL INTRO - LEFT SIDE CONTENT */
#share-contact {
position: relative;
width: 166px;
float: left;
padding-right: 1.5em;
margin-right: 12px; /* added for redesign */
margin-bottom: 20px;
}
img.individual-photo {
width: 160px;
margin-left: 0;
float: left;
margin-right: 20px;
margin-bottom: 10px; /* changed for redesign, was 20px */
}
ul#phone-list {
font-size:0.9em;
}
#primary-email {
margin-top: 0;
}
#primary-email li:last-child, /* added for redesign */
#additional-emails li:last-child {
margin-bottom: 0; /* changed for redesign, was 18px */
}
/* <------ INDIVIDUAL INTRO - RIGHT SIDE CONTENT */
.display-title-not-editable {
float-left;
font-size:1.15em;
/* padding-right:5em; */
}
.display-title-editable {
padding-left:0 !important;
margin-left:0 !important;
font-size:1em !important;
border:none !important;
display:inline-block;
}
div#titleContainer {
display:inline-block;
}
#individual-info {
margin-top:6px;
}
#individual-info h2 {
padding: 25px 0 10px 0; /* changed for redesign, was padding-bottom: 10px */
clear:both; /* added for redesign */
}
#individual-info h2#contactHeading {
margin-bottom: 8px;
}
#individual-info h3#contact {
padding: 7px 0 5px 0;
margin:0 0 0 0 ;
}
h3.primary-email {
margin-top: -8px !important;
}
#individual-intro.person {
margin-bottom: 0; /* changed for redesign, was 30px */
position: relative;
width: 100%;
}
#individual-info h1.foaf-person {
float:left;
padding-right:8px;
height:20px;
margin:-3px 8px 5px 0;
}
div#profileTypeContainer {
position:absolute;
right:0;
top:135px;
}
div#profileTypeContainer select {
float:none;
display:inline-block;
padding: .5em;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E0DFDF;
border-radius: 5px 5px 5px 5px;
font-size: 14px;
margin-bottom: 0.8em;
}
div#profileTypeContainer h2 {
float:none;
display:inline-block;
margin: 0 0 0 0;
font-weight:bold;
font-size:1em;
color:#5e6363;
padding:0 0 0 0;
}
span.iconControlsEditable {
position:absolute;
right:0;
top:82px;
}
span.iconControlsNotEditable {
position:absolute;
right:0;
top:3px;
}
#overview {
clear: both; /* changed for redesign, was left */
}
/* <------ INDIVIDUAL VISUALIZATION */
#visualization {
padding: 0 0 0 0; /* changed for redesign, was 0 0 0 20px */
background: #fff; /* added for redesign */
width:174px; /* added for redesign */
float:none; /* float:right; out for redesign */
}
#visualization h3 {
padding-top: 10px;
margin-bottom: 0; /* changed for redesign, was 10px */
}
p#networks {
margin-bottom:10px;
}
.collaboratorship-link-separator { /* added for redesign */
margin-top: 10px;
border-top: 1px solid #DDE4E3;
padding-top: 10px;
}
.sparkline_text {
font-size: .9em; /* changed for redesign, was .8em */
text-align: left;
line-height: 1.5em;
width: 180px;
}
span.collaboratorship-link a img{
vertical-align:middle;
}
td#totalPubs { /* added for redesign */
font-size: 1.35em;
background: url(../../images/individual/pub-total-bkgrnd.png) top left no-repeat;
text-align:center;
vertical-align:middle;
width:48px;
height:48px;
}
td#tenYearCount { /* added for redesign */
font-size: .85em;
padding-left:10px;
vertical-align:middle;
}
.infoIcon {
padding-right: 0;
}
div#pub_count_short_sparkline_vis {
margin-top: 4px;
height: 48px;
margin-bottom: 20px;
}
/* <------ INDIVIDUAL TEMPORAL GRAPH */
#temporal-graph {
padding: 0 3px 8px 0; /* changed for redesign, was 0 3px 20px 0 */
background-color: #fff;
margin-top: -4px; /* added for redesign */
}
#temporal-graph h3 img {
padding-right: 10px;
vertical-align: middle; /* changed for redesign, was text-top */
}
/* <------ INDIVIDUAL MAP O' SCIENCE */
#map-of-science {
padding: 0 3px 24px 0; /* changed for redesign, was 0 3px 20x 0 */
background-color: #fff;
}
#map-of-science h3 img {
padding-right: 10px;
vertical-align: middle; /* changed for redesign, was text-top */
}
/* <------ POSITIONS */
ul#individual-personInPosition {
list-style-type: circle;
padding-left: 10px; /* changed for redesign, was 20px */
margin: 10px 0 0 0; /* added for redesign */
}
ul#individual-personInPosition li {
line-height: 1em;
padding-bottom:10px; /* changed for redesign, was 15px */
}
ul#individual-personInPosition li:last-child {
padding-bottom: 3px; /* changed for redesign, was 15px */
}
/* <------ CONTACTS AND WEBPAGES */
div#contactsWebpages {
width:100%;
display:inline;
clear:both
}
div#contactContainer {
width:50%;
float:left;
clear:both;
padding:0 21px 0 0;
}
div#webpagesContainer {
width:47%;
float:left;
clear:right;
padding:0 0 0 0;
}
div#contactOuterDiv {
width:100%;
display:inline;
}
div#contactEmailDiv {
width:68%;
float:left;
overflow:hidden;
}
div#contactPhoneDiv {
width:32%;
float:right;
text-align:right;
}
/* <------ RESEARCH AREA */
ul#individual-hasResearchArea li {
float: left;
padding-right: 10px;
margin-right: 10px; /* added for redesign */
padding-left: 0; /* padding-left: 10px; out for redesign */
border-right: 1px solid #5e6363;
}
h2#researchAreas {
vertical-align:bottom;
}
/* <------ QR Code */
span#qrCodeImage {
position: absolute;
top: 30px; /* changed for redesign, was -9em */
left: -120px !important; /* added for redesign */
width:180px; /* added for redesign */
border: solid 2px #ccc;
background: #fff; /* changed for redesign, was #fff */
text-align:middle; /* added for redesign */
overflow:visible;
}
span#qrCodeImage img {
padding: 1.7em 1.7em 0 1.7em; /* changed for redesign, was 1.7em 1.7 em 0 1.7 em */
}
a.qrCloseLink {
float: right;
padding-right: 1em; /* added for redesign */
margin-right: 0; /* margin-right: .5em out for redesign */
font-size: .8em;
}
/* MISCELLANEOUS------> */
span#quickViewLink {
clear:both;
padding-left:47%;
}
span#quickViewLink img {
margin-top:35px;
}
a#manageLabels { /* added for redesign but will work with existing templates */
margin-left:20px;
font-size:0.7em;
}
/****** FROM WILMA.CSS ******/
#individual-info h2.mainPropGroup {
border-bottom: 1px solid #DDE4E3;
padding-bottom:1px;
margin-bottom:8px;
}
#individual-info div#contactContainer h3{
color:#8aa149;
}
ul#individual-personInPosition li {
padding-bottom:12px;
margin-left:10px;
line-height: 1.25em !important;
}
ul#individual-personInPosition li:last-child {
padding-bottom: 0;
}
td#totalPubs {
color: #2485AE;
}

View file

@ -0,0 +1,257 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* ADMIN PANEL------> */
#admin {
font-size: .8em;
padding: 0 0 0 0 ;
margin: -15px 0 4px 0;
float:left;
width:55%;
height:70px;
}
#admin h3 {
display: inline-block;
padding: 3px 4px 3px 4px !important;
margin-bottom: 5px;
font-size: 14px;
float: left;
}
#admin .uri-link {
padding:0 0 0 11px;
clear: left;
}
/* <------ HEADER CONTENT ---------> */
img.individual-photo {
width: 56px;
margin: -15px 10px 4px 0;
float: left;
border-width:2px !important;
}
h2#mainImage {
margin-top:36px;
margin-left:-10px;
float:left;
font-weight:bold;
width:80px !important;
}
section#label-title {
float:left;
width:88%;
}
.display-title-not-editable {
float-left;
font-size:1.15em;
}
.display-title-editable {
padding-left:0 !important;
margin-left:0 !important;
font-size:1em !important;
border:none !important;
display:inline-block;
}
div#titleContainer {
display:inline-block;
}
section#qv-share-contact {
width:49.1%;
float:left;
padding:0 .8em 0 0;
margin-left:-2em;
overflow:visible;
clear:left;
}
h2#preferredTitle {
color: #5E6363;
font-size: 1em;
font-weight: bold;
padding:6px 0 0 0;
margin-top:48px;
}
/* <------ QR Code */
span#qrCodeImage {
position: absolute;
top: 30px; /* changed for redesign, was -9em */
left: 76% !important; /* added for redesign */
width:180px; /* added for redesign */
border: solid 2px #ccc;
background: #fff; /* changed for redesign, was #fff */
text-align:middle; /* added for redesign */
overflow:visible;
}
span#qrCodeImage img {
padding: 1.7em 1.7em 0 1.7em; /* changed for redesign, was 1.7em 1.7 em 0 1.7 em */
}
/* <----- WEBPAGE CONTENT LEFT SIDE -----> */
.edit-mainImage {
position: absolute;
/* background: rgba(255, 255, 255, 0.6); */
padding: 0 0 0 0;
top: 44px;
left: 0;
}
.delete-mainImage {
position: absolute;
top: 44px;
left: 26px;
/* background: rgba(255, 255, 255, 0.6); */
padding: 0 0 0 8px;
}
div#webpage-wrapper {
background-color: #e4e8e7;
margin:-7px 0 -16px 0;
padding-bottom:9px;
padding-top:3px;
display:inline-block;
width: 456px;
}
h2.websites {
margin-left:15px;
padding:4px 0 0 0;
border-bottom: 1px solid #a1d2e2;
padding-bottom:3px;
width:418px;
color: #5E6363;
font-size: 1em;
font-weight: bold;
}
ul.individual-webpage {
padding:18px 0 0 25px ;
}
ul.individual-webpage li:first-child {
padding: 0 0 0 0;
}
ul.individual-webpage li {
padding: 5px 5px 0 0;
float:left;
}
li.weblinkLarge {
margin-left:-14.5em;
margin-top:7em
}
li.weblinkSmall {
margin-left:-7.475em;
margin-top:3.425em
}
span.webpage-indicator-qv {
float:left;
font-size:0.825em;
}
/* <------ INDIVIDUAL INTRO - RIGHT SIDE CONTENT */
section#individual-intro {
overflow:visible ;
}
#individual-intro h1.fn {
padding-right:8px;
height:20px;
margin:-1px 8px 5px 0;
}
section.qv-individual-info {
float:left !important;
margin-right:-20px;
margin-left:7px;
}
#individual-info h2#personInPosition {
padding: 25px 0 2px 0;
}
span.iconControlsEditable {
float:right;
margin-top:1.2em
}
span.iconControlsNotEditable {
float:right;
}
div#profileTypeContainer {
float:right;
margin-right:92px;
margin-top:12px;
}
div#profileTypeContainer select {
float:none;
display:inline-block;
padding: .5em;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E0DFDF;
border-radius: 5px 5px 5px 5px;
font-size: 14px;
margin-bottom: 0.8em;
}
div#profileTypeContainer h2 {
margin-right:8px;
font-weight:bold;
font-size:1em;
color:#5e6363;
padding:0 0 0 0;
float:none;
display:inline-block;
}
/* <------ INDIVIDUAL VISUALIZATION */
#visualization {
width:100%;
clear:both;
padding-top:0 !important;
background:red !important;
}
ul#individual-visualization li {
float: left;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #5e6363;
}
ul#individual-visualization li:last-child {
border: none;
}
/* <------ POSITIONS ------> */
ul#individual-personInPosition {
list-style-type: circle;
padding-left: 10px; /* changed for redesign, was 20px */
margin: 10px 0 0 0; /* added for redesign */
}
ul#individual-hasResearchArea li {
float: left;
padding-right: 10px;
margin-right: 10px; /* added for redesign */
padding-left: 0; /* padding-left: 10px; out for redesign */
border-right: 1px solid #5e6363 ;
white-space:nowrap !important;
}
ul#individual-hasResearchArea li:last-child {
white-space:nowrap !important;
}
ul#individual-personInPosition li {
margin-left: 8px !important;
}
/* <------ GEOGRAPHIC FOCUS */
ul#individual-geographicFocus li {
float: left;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #5e6363;
}
ul#individual-geographicFocus li:last-child {
border: none;
}
/* <------ MISC. ------> */
span#fullViewLink {
position:relative;
padding-left:47%;
}
/****** FROM WILMA.CSS ******/
#individual-info h2.mainPropGroup {
border-bottom: 1px solid #DDE4E3;
padding-bottom:1px;
margin-bottom:8px;
}
ul#individual-personInPosition li {
padding-bottom:12px;
margin-left:10px;
line-height: 1.25em !important;
}
ul#individual-personInPosition li:last-child {
padding-bottom: 0;
}
#individual-info h2 {
padding: 25px 0 10px 0; /* changed for redesign, was padding-bottom: 10px */
clear:both; /* added for redesign */
}

View file

@ -14,9 +14,11 @@ ul#individual-tools li {
ul#individual-phone {
clear: both;
list-style-type: circle;
margin-left: 15px;
}
ul#individual-phone li {
font-size: .875em;
line-height: 1.5em;
}
ul#individual-phone li:last-child {
margin-bottom: 10px;
@ -25,26 +27,35 @@ ul#individual-phone li:first-child {
margin-top: 10px;
}
.icon-phone, .icon-email {
padding-right: 5px;
padding-right: 2px;
}
#individual-intro ul.individual-urls {
list-style-type: circle;
margin-left: 20px;
margin-left: 15px;
}
#individual-intro ul.individual-urls li {
font-size: .875em;
line-height: 1.7em;
line-height: 1.5em;
padding-bottom:5px;
}
ul.individual-emails {
clear: both;
padding-left: 0;
list-style-type: circle;
margin-left: 20px;
}
#additional-emails li:last-child {
margin-bottom: 18px;
}
ul.individual-emails li {
font-size: .875em;
line-height: 1.3em;
line-height: 1.5em;
}
ul#individual-phone {
list-style: url(../../images/phoneIconSmall.gif);
}
ul.individual-emails {
list-style: url(../../images/emailIconSmall.gif);
}
ul#webpages{
margin-bottom: 5px;
@ -83,11 +94,9 @@ ul#additional-emails li {
width: 100%;
float: none;
}
ul#individual-tools-people {
margin-top: 5px;
div#individual-tools-people {
height: 20px;
padding-bottom: 20px;
list-style-type: none;
padding-bottom: 24px;
clear: both;
margin-bottom: 15px;
}
@ -126,12 +135,12 @@ div.overview-value :last-child {
width: 100%;
}
/* <------ INDIVIDUAL VISUALIZATION */
#visualization {
#right-hand-column {
padding: 0 0 0 20px;
float: right;
background-color: #fff;
}
#visualization h3 {
#right-hand-column h3 {
padding-top: 10px;
margin-bottom: 10px;
}
@ -231,7 +240,7 @@ a.qrCloseLink {
}
/* MISCELLANEOUS------> */
.listDateTime {
padding: 0.2em 0.4em;
padding: 0 0.4em;
font-size: 0.8em;
background: #f4f4f4;
}

View file

@ -18,7 +18,7 @@ span.incomplete-data-holder,
}
.collaboratorship-icon {
float: left;
padding-right: 5px;
padding-right: 8px;
}
.collaboratorship-link a {
font-size: 0.9em;
@ -48,12 +48,12 @@ span.incomplete-data-holder,
border-top: 1px dotted #A6B1B0;
padding-top: 20px;
}
.sparkline_text {
font-size: .8em;
font-weight: bold;
.sparkline_text, .grey-text {
font-size: .9em;
text-align: left;
line-height: 1.5em;
width: 180px;
color: #5e6363;
}
.google-visualization-sparkline-default {
margin-bottom: 5px;
@ -80,6 +80,7 @@ span.incomplete-data-holder,
.infoIcon {
padding-right:30px;
}
/* ---------------------------*/
/* Visualization Tools -------*/
/* ---------------------------*/