more refactoring for multiple profile view support

This commit is contained in:
tworrall 2013-02-08 16:18:01 -05:00
parent 0faa3630c2
commit 867370adb9
26 changed files with 542 additions and 184 deletions

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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
}