more refactoring for multiple profile view support
This commit is contained in:
parent
0faa3630c2
commit
867370adb9
26 changed files with 542 additions and 184 deletions
|
@ -3,7 +3,7 @@
|
|||
/* <------ INDIVIDUAL INTRO */
|
||||
#individual-intro {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0px; /* margin-bottom: 20px; out for redesign*/
|
||||
margin-bottom: 0px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@ -13,7 +13,7 @@
|
|||
width: 166px;
|
||||
float: left;
|
||||
padding-right: 1.5em;
|
||||
margin-right: 12px; /* added for redesign */
|
||||
margin-right: 12px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
img.individual-photo {
|
||||
|
@ -21,17 +21,22 @@ img.individual-photo {
|
|||
margin-left: 0;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px; /* changed for redesign, was 20px */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
ul#phone-list {
|
||||
font-size:0.9em;
|
||||
}
|
||||
ul#individual-phone {
|
||||
clear: both;
|
||||
list-style-type: circle;
|
||||
margin-top:-8px;
|
||||
}
|
||||
#primary-email {
|
||||
margin-top: 0;
|
||||
}
|
||||
#primary-email li:last-child, /* added for redesign */
|
||||
#primary-email li:last-child,
|
||||
#additional-emails li:last-child {
|
||||
margin-bottom: 0; /* changed for redesign, was 18px */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* <------ INDIVIDUAL INTRO - RIGHT SIDE CONTENT */
|
||||
|
@ -54,8 +59,8 @@ div#titleContainer {
|
|||
margin-top:6px;
|
||||
}
|
||||
#individual-info h2 {
|
||||
padding: 25px 0 10px 0; /* changed for redesign, was padding-bottom: 10px */
|
||||
clear:both; /* added for redesign */
|
||||
padding: 25px 0 10px 0;
|
||||
clear:both;
|
||||
}
|
||||
#individual-info h2#contactHeading {
|
||||
margin-bottom: 8px;
|
||||
|
@ -68,7 +73,7 @@ h3.primary-email {
|
|||
margin-top: -8px !important;
|
||||
}
|
||||
#individual-intro.person {
|
||||
margin-bottom: 0; /* changed for redesign, was 30px */
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -113,29 +118,34 @@ span.iconControlsNotEditable {
|
|||
top:3px;
|
||||
}
|
||||
#overview {
|
||||
clear: both; /* changed for redesign, was left */
|
||||
clear: both;
|
||||
}
|
||||
/* <------ 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 */
|
||||
padding: 0 0 0 0;
|
||||
background: #fff;
|
||||
width:174px;
|
||||
float:none;
|
||||
}
|
||||
#visualization h3 {
|
||||
padding-top: 10px;
|
||||
margin-bottom: 0; /* changed for redesign, was 10px */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
p#networks {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.collaboratorship-link-separator { /* added for redesign */
|
||||
.collaboratorship-link-separator {
|
||||
margin-top: 10px;
|
||||
border-top: 1px solid #DDE4E3;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.collaboratorship-link-separator-solid {
|
||||
margin-top: 10px;
|
||||
border-top: 1px solid #DDE4E3;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.sparkline_text {
|
||||
font-size: .9em; /* changed for redesign, was .8em */
|
||||
font-size: .9em;
|
||||
text-align: left;
|
||||
line-height: 1.5em;
|
||||
width: 180px;
|
||||
|
@ -143,7 +153,7 @@ p#networks {
|
|||
span.collaboratorship-link a img{
|
||||
vertical-align:middle;
|
||||
}
|
||||
td#totalPubs { /* added for redesign */
|
||||
td#totalPubs {
|
||||
font-size: 1.35em;
|
||||
background: url(../../images/individual/pub-total-bkgrnd.png) top left no-repeat;
|
||||
text-align:center;
|
||||
|
@ -151,7 +161,7 @@ td#totalPubs { /* added for redesign */
|
|||
width:48px;
|
||||
height:48px;
|
||||
}
|
||||
td#tenYearCount { /* added for redesign */
|
||||
td#tenYearCount {
|
||||
font-size: .85em;
|
||||
padding-left:10px;
|
||||
vertical-align:middle;
|
||||
|
@ -166,37 +176,37 @@ div#pub_count_short_sparkline_vis {
|
|||
}
|
||||
/* <------ INDIVIDUAL TEMPORAL GRAPH */
|
||||
#temporal-graph {
|
||||
padding: 0 3px 8px 0; /* changed for redesign, was 0 3px 20px 0 */
|
||||
padding: 0 3px 8px 0;
|
||||
background-color: #fff;
|
||||
margin-top: -4px; /* added for redesign */
|
||||
margin-top: -4px;
|
||||
}
|
||||
#temporal-graph h3 img {
|
||||
padding-right: 10px;
|
||||
vertical-align: middle; /* changed for redesign, was text-top */
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* <------ INDIVIDUAL MAP O' SCIENCE */
|
||||
#map-of-science {
|
||||
padding: 0 3px 24px 0; /* changed for redesign, was 0 3px 20x 0 */
|
||||
padding: 0 3px 24px 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
#map-of-science h3 img {
|
||||
padding-right: 10px;
|
||||
vertical-align: middle; /* changed for redesign, was text-top */
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* <------ POSITIONS */
|
||||
ul#individual-personInPosition {
|
||||
list-style-type: circle;
|
||||
padding-left: 10px; /* changed for redesign, was 20px */
|
||||
margin: 10px 0 0 0; /* added for redesign */
|
||||
padding-left: 10px;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
ul#individual-personInPosition li {
|
||||
line-height: 1em;
|
||||
padding-bottom:10px; /* changed for redesign, was 15px */
|
||||
padding-bottom:10px;
|
||||
}
|
||||
ul#individual-personInPosition li:last-child {
|
||||
padding-bottom: 3px; /* changed for redesign, was 15px */
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
/* <------ CONTACTS AND WEBPAGES */
|
||||
|
@ -235,8 +245,8 @@ div#contactPhoneDiv {
|
|||
ul#individual-hasResearchArea li {
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
margin-right: 10px; /* added for redesign */
|
||||
padding-left: 0; /* padding-left: 10px; out for redesign */
|
||||
margin-right: 10px;
|
||||
padding-left: 0;
|
||||
border-right: 1px solid #5e6363;
|
||||
}
|
||||
h2#researchAreas {
|
||||
|
@ -245,21 +255,22 @@ h2#researchAreas {
|
|||
/* <------ QR Code */
|
||||
span#qrCodeImage {
|
||||
position: absolute;
|
||||
top: 30px; /* changed for redesign, was -9em */
|
||||
left: -120px !important; /* added for redesign */
|
||||
width:180px; /* added for redesign */
|
||||
top: 30px;
|
||||
left: -120px !important;
|
||||
width:180px;
|
||||
border: solid 2px #ccc;
|
||||
background: #fff; /* changed for redesign, was #fff */
|
||||
text-align:middle; /* added for redesign */
|
||||
background: #fff;
|
||||
text-align:middle;
|
||||
overflow:visible;
|
||||
z-index:1000;
|
||||
}
|
||||
span#qrCodeImage img {
|
||||
padding: 1.7em 1.7em 0 1.7em; /* changed for redesign, was 1.7em 1.7 em 0 1.7 em */
|
||||
padding: 1.7em 1.7em 0 1.7em;
|
||||
}
|
||||
a.qrCloseLink {
|
||||
float: right;
|
||||
padding-right: 1em; /* added for redesign */
|
||||
margin-right: 0; /* margin-right: .5em out for redesign */
|
||||
padding-right: 1em;
|
||||
margin-right: 0;
|
||||
font-size: .8em;
|
||||
}
|
||||
/* MISCELLANEOUS------> */
|
||||
|
@ -270,8 +281,7 @@ span#quickViewLink {
|
|||
span#quickViewLink img {
|
||||
margin-top:35px;
|
||||
}
|
||||
|
||||
a#manageLabels { /* added for redesign but will work with existing templates */
|
||||
a#manageLabels {
|
||||
margin-left:20px;
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
|
|
@ -70,21 +70,20 @@ h2#preferredTitle {
|
|||
/* <------ QR Code */
|
||||
span#qrCodeImage {
|
||||
position: absolute;
|
||||
top: 30px; /* changed for redesign, was -9em */
|
||||
left: 76% !important; /* added for redesign */
|
||||
width:180px; /* added for redesign */
|
||||
top: 30px;
|
||||
left: 76% !important;
|
||||
width:180px;
|
||||
border: solid 2px #ccc;
|
||||
background: #fff; /* changed for redesign, was #fff */
|
||||
text-align:middle; /* added for redesign */
|
||||
background: #fff;
|
||||
text-align:middle;
|
||||
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 */
|
||||
padding: 1.7em 1.7em 0 1.7em;
|
||||
}
|
||||
/* <----- WEBPAGE CONTENT LEFT SIDE -----> */
|
||||
.edit-mainImage {
|
||||
position: absolute;
|
||||
/* background: rgba(255, 255, 255, 0.6); */
|
||||
padding: 0 0 0 0;
|
||||
top: 44px;
|
||||
left: 0;
|
||||
|
@ -93,7 +92,6 @@ span#qrCodeImage img {
|
|||
position: absolute;
|
||||
top: 44px;
|
||||
left: 26px;
|
||||
/* background: rgba(255, 255, 255, 0.6); */
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
div#webpage-wrapper {
|
||||
|
@ -204,14 +202,14 @@ ul#individual-visualization li:last-child {
|
|||
/* <------ POSITIONS ------> */
|
||||
ul#individual-personInPosition {
|
||||
list-style-type: circle;
|
||||
padding-left: 10px; /* changed for redesign, was 20px */
|
||||
margin: 10px 0 0 0; /* added for redesign */
|
||||
padding-left: 10px;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
ul#individual-hasResearchArea li {
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
margin-right: 10px; /* added for redesign */
|
||||
padding-left: 0; /* padding-left: 10px; out for redesign */
|
||||
margin-right: 10px;
|
||||
padding-left: 0;
|
||||
border-right: 1px solid #5e6363 ;
|
||||
white-space:nowrap !important;
|
||||
}
|
||||
|
@ -252,6 +250,6 @@ 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 */
|
||||
padding: 25px 0 10px 0;
|
||||
clear:both;
|
||||
}
|
||||
|
|
|
@ -13,7 +13,7 @@ ul#individual-tools li {
|
|||
}
|
||||
ul#individual-phone {
|
||||
clear: both;
|
||||
list-style-type: circle;
|
||||
list-style: circle outside url(../../images/phoneIconSmall.gif);
|
||||
margin-left: 15px;
|
||||
}
|
||||
ul#individual-phone li {
|
||||
|
@ -24,14 +24,18 @@ ul#individual-phone li:last-child {
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
ul#individual-phone li:first-child {
|
||||
margin-top: 10px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
.icon-phone, .icon-email {
|
||||
padding-right: 2px;
|
||||
}
|
||||
#individual-intro.person ul.individual-urls {
|
||||
list-style-type: circle;
|
||||
margin: 0 0 0 15px;
|
||||
}
|
||||
#individual-intro ul.individual-urls {
|
||||
list-style-type: circle;
|
||||
margin-left: 15px;
|
||||
margin: 0 0 15px 15px;
|
||||
}
|
||||
#individual-intro ul.individual-urls li {
|
||||
font-size: .875em;
|
||||
|
@ -41,7 +45,7 @@ ul#individual-phone li:first-child {
|
|||
ul.individual-emails {
|
||||
clear: both;
|
||||
padding-left: 0;
|
||||
list-style-type: circle;
|
||||
list-style: circle outside url(../../images/emailIconSmall.gif);
|
||||
margin-left: 20px;
|
||||
}
|
||||
#additional-emails li:last-child {
|
||||
|
@ -49,13 +53,8 @@ ul.individual-emails {
|
|||
}
|
||||
ul.individual-emails li {
|
||||
font-size: .875em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
ul#individual-phone {
|
||||
list-style: url(../../images/phoneIconSmall.gif);
|
||||
}
|
||||
ul.individual-emails {
|
||||
list-style: url(../../images/emailIconSmall.gif);
|
||||
line-height: 1.2em;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
ul#webpages{
|
||||
margin-bottom: 5px;
|
||||
|
@ -73,12 +72,15 @@ ul#additional-emails li {
|
|||
width: 78%;
|
||||
}
|
||||
#individual-intro .individual-overview {
|
||||
/* margin-bottom: 10px;
|
||||
margin-top: 10px; */
|
||||
margin: 0;
|
||||
display: inline;
|
||||
clear: both;
|
||||
float: left;
|
||||
float: none;
|
||||
}
|
||||
div#activeGrantsLink {
|
||||
float:right;
|
||||
clear:right;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
/* <------ INDIVIDUAL INTRO FOR PERSON*/
|
||||
#individual-intro.person {
|
||||
|
@ -96,10 +98,7 @@ ul#additional-emails li {
|
|||
float: none;
|
||||
}
|
||||
div#individual-tools-people {
|
||||
height: 20px;
|
||||
padding-bottom: 24px;
|
||||
clear: both;
|
||||
margin-bottom: 15px;
|
||||
float: right;
|
||||
}
|
||||
ul#individual-tools-people li {
|
||||
position: relative;
|
||||
|
@ -119,7 +118,7 @@ ul.individual-urls-people li {
|
|||
}
|
||||
/* <------ INDIVIDUAL CORE:OVERVIEW */
|
||||
#overview {
|
||||
clear: both;
|
||||
/* clear: both; */
|
||||
}
|
||||
.overview-value {
|
||||
display: inline;
|
||||
|
@ -185,7 +184,7 @@ p.view-all-coauthors {
|
|||
|
||||
/* <------ INDIVIDUAL MAP O' SCIENCE */
|
||||
#map-of-science {
|
||||
padding: 0 3px 20px 0;
|
||||
padding: 0 29px 20px 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
#map-of-science h3 {
|
||||
|
@ -210,15 +209,18 @@ ul#individual-personInPosition li:last-child {
|
|||
}
|
||||
|
||||
/* <------ RESEARCH AREA */
|
||||
ul#individual-hasResearchArea {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
ul#individual-hasResearchArea li {
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
margin-right: 10px;
|
||||
border-right: 1px solid #5e6363;
|
||||
}
|
||||
ul#individual-facultyMemberships li {
|
||||
float: left;
|
||||
padding-right: 10px;
|
||||
margin-right: 10px;
|
||||
border-right: 1px solid #5e6363;
|
||||
}
|
||||
/* <------ QR Code */
|
||||
h5.qrCode {
|
||||
margin-top: 1em;
|
||||
|
@ -226,20 +228,24 @@ h5.qrCode {
|
|||
}
|
||||
span#qrCodeImage {
|
||||
position: absolute;
|
||||
top: -9em;
|
||||
left: 2em;
|
||||
border: solid 1px #ccc;
|
||||
background: white;
|
||||
top: 27px;
|
||||
left: 175px !important;
|
||||
width:180px;
|
||||
border: solid 2px #ccc;
|
||||
background: #fff;
|
||||
text-align:middle;
|
||||
overflow:visible;
|
||||
z-index:1000;
|
||||
}
|
||||
span#qrCodeImage img {
|
||||
padding: 1.7em 1.7em 0 1.7em;
|
||||
padding: 1.7em 1.7em 0 1.7em;
|
||||
}
|
||||
a.qrCloseLink {
|
||||
float: right;
|
||||
margin-right: .5em;
|
||||
float: right;
|
||||
padding-right: 1em;
|
||||
margin-right: 0;
|
||||
font-size: .8em;
|
||||
}
|
||||
/* MISCELLANEOUS------> */
|
||||
}/* MISCELLANEOUS------> */
|
||||
.listDateTime {
|
||||
padding: 0 0.4em;
|
||||
font-size: 0.8em;
|
||||
|
@ -254,10 +260,10 @@ a.manageLinks {
|
|||
/* individual-vivo.css merger ------> */
|
||||
#individual-info h2#overview {
|
||||
padding-bottom: 0;
|
||||
padding-top: 20px;
|
||||
/* padding-top: 20px; */
|
||||
}
|
||||
ul#individual-webpage li:first-child {
|
||||
padding: 0 0 0 0;
|
||||
padding: 0 0 5px 0;
|
||||
}
|
||||
ul.webpages-withThumbnails li:nth-child(2) {
|
||||
padding: 105px 0 0 15px;
|
||||
|
@ -268,7 +274,12 @@ ul.webpages-withThumbnails li {
|
|||
float:left;
|
||||
}
|
||||
h2#facultyResearchAreas {
|
||||
clear:both;
|
||||
clear:left;
|
||||
padding-bottom:3px;
|
||||
padding-top:25px
|
||||
}
|
||||
h2#facultyMemberships {
|
||||
clear:left;
|
||||
padding-bottom:3px;
|
||||
padding-top:25px
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue