A bunch of changes like

1) Freemarker versions of Co-PI visualizations. CoInvestigator.ftl, CoPIPersonLevel.ftl, person_level_fm-copi.js.
2) Styling changes to Temporal graph.
3) Adding co_author, co_pi and temporal graph icons.
4) ftls related to sparklines. (CoAuthorship and CoPI)
5) Styling changes to CoAuthor/CoPI visualizations -- page.css, coauthor_style.css, coinvestigator_style.css
This commit is contained in:
bkoniden 2011-01-03 22:47:34 +00:00
parent 8dc99312c7
commit c74821f302
34 changed files with 1358 additions and 479 deletions

View file

@ -26,7 +26,9 @@
margin-top: 50px;
width: 25%;
background-color: #f7f9f9;
height: 80%;
/* height: 80%; */
padding-left: 10px;
padding-bottom: 30px;
}
#dataPanel div {
@ -49,7 +51,7 @@
/* container override from liquid.css */
.container {
width: inherit;
width: inherit;
}
#incomplete-data{
@ -57,9 +59,26 @@
margin : auto;
line-height: 150%;
color: #595b5b;
margin-left: 0px;
}
.fileDownloadPlaceHolder{
margin-left: 20px;
padding-top: 20px;
height: 20px;
}
#profileTitle{
padding: 10px;
padding-left: 5%;
background-color: #2A2A2A;
color: white;
width: 50%;
margin-left: -10px;
margin-top: -10px;
}
#table_heading{
/* margin-bottom:20px; */
width: 80%;
}

View file

@ -0,0 +1,103 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
spacer{
font-size:0; line-height:0; clear:both;}
/* ----------------- body start --------------------------- */
#body{
max-width:900px;
min-width:800px;
margin:0 auto;
position:relative;
background: white;
}
#bodyPannel{
background: #FFFFFF;
/* width:765px;
float:left;*/
/*padding-top: 0;
padding-right: 28px;
padding-bottom: 0;*/
padding-left: 16px;
height: 840px;
}
#dataPanel {
margin-top: 50px;
width: 25%;
background-color: #f7f9f9;
/* height: 80%; */
padding-left: 10px;
padding-bottom: 30px;
}
#dataPanel div {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#dataPanel .italicize {
font-style: italic;
}
#dataPanel .bold {
font-weight: bold;
color:#13968c;
font-size: 14px;
}
#dataPanel .investigator_stats .numbers {
text-align: right;
width: 40px;
float:left;
}
/* container override from liquid.css */
.container {
width: inherit;
}
#incomplete-data{
width: 75%;
margin : auto;
line-height: 150%;
color: #595b5b;
margin-left: 0px;
}
.fileDownloadPlaceHolder{
padding-top: 20px;
height: 20px;
}
#profileTitle{
padding: 10px;
padding-left: 5%;
background-color: #2A2A2A;
color: white;
width: 50%;
margin-left: -10px;
margin-top: -10px;
}
#table_heading{
/* margin-bottom:20px; */
width: 80%;
}
.investigator_name {
color: #13968c;
font-weight: bold;
}
.neutral_investigator_name {
color: black;
font-weight: bold;
}
.investigator_moniker {
color: #9C9C9C;
}
#coinvestigations_table th {
vertical-align: top;
}

View file

@ -8,23 +8,52 @@ a.no_href_styles {
border: 0;
}
.vis_stats {
/*.vis_stats {*/
/*width: 760px;*/
margin: 0;
/* margin: 0;
padding-left:10px;
padding-top:10px;
background: #fff;
margin-left: 35%;
clear: right;
}
*/
/*.vis-tables {*/
/* width: 33%; */
/* padding: 10px;
margin: 10px;
background-color: #FFF;
border: 1px solid #ddebf1;
float:left;
font-size: 0.8em;
}
*/
.vis_stats {
/*width: 760px;*/
/* margin: 0;
margin-left: 35%;
padding-left:10px;*/
padding-top:10px;
background: #fff;
clear: right;
width:67%;
margin-left:33%;
}
.vis-tables {
width: 33%;
padding: 5px;
margin: 5px;
/* width: 33%; */
padding: 10px;
margin: 10px;
background-color: #FFF;
border: 1px solid #ddebf1;
float: left;
float:left;
font-size: 0.8em;
width: 44%;
margin-left: 0px;
}
p.datatable {
font-size: 12px;
display: block;
@ -83,7 +112,7 @@ p.datatable {
}
.neutral_author_name {
color: black;
color: #13968c;
font-weight: bold;
}
@ -96,13 +125,23 @@ p.datatable {
padding-top: 10px;
margin-bottom: 0.3em;
float:left;
margin-right: 10px;
}
.toggle_visualization{
padding-top: 10px;
/*
margin-bottom: 0.3em;
clear:left;
float:right;
width: 150px;
*/
text-align: left;
margin-left: 84%;
margin-top: -8%;
max-width: 250px;
width: 22%;
height: 50px;
}
.sub_headings a {
@ -145,3 +184,50 @@ table.sparkline_wrapper_table td, th {
#coauthorships_table th {
vertical-align: top;
}
.sparkline_range{
font-size: 0.9em;
font-weight: bold;
}
.vis-tables table td{
padding-right: 10px;
width: 50%;
}
.vis-tables table caption{
width: 100%;
padding-bottom: 10px;
font-weight: bold;
font-size: 16px;
text-align: left;
}
.vis-tables table{
width: 100%;
}
.vis-tables table thead{
text-align: left;
}
.vis-tables table thead tr th {
background-color:#eaeaea;
font-size:14px;
padding:5px;
vertical-align:top;
text-align:left;
}
.vis-tables table tbody {
font-size:12px;
}
.vis-tables table tbody td {
text-align:left;
padding:5px;
}
moniker{
margin-top: 0px;
}