1 files changed, 178 insertions, 86 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 47fc0652..824819a9 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -1,10 +1,11 @@
-da* { box-sizing: border-box; outline: 0; }
+* { box-sizing: border-box; outline: 0; }
 html, body {
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: 100%;
-  font-family: 'Roboto Mono', sans-serif;
+  /*font-family: 'Roboto Mono', sans-serif;*/
+  font-family: 'Roboto', sans-serif;
   color: #eee;
   overflow-x: hidden;
 }
@@ -63,10 +64,16 @@ header .site_name {
   line-height: 11px;
   letter-spacing: 3px;
 }
-header .site_name.splash{
- font-size: 20px; 
- line-height: 20px;
- font-weight: 400;
+header .splash{
+  font-size: 15px;
+  font-weight: 400;
+  color: #888;
+  padding-left: 8px;
+  opacity: 0;
+  transition: 0.3s opacity cubic-bezier(0,0,1,1);
+}
+.scrolled header .splash {
+  opacity: 1;
 }
 header .links{
   font-size: 18px;
@@ -163,33 +170,33 @@ h1 {
   margin: 75px 0 10px;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h2 {
   color: #eee;
   font-weight: 400;
-  font-size: 32pt;
-  line-height: 43pt;
-  margin: 20px 0 10px;
+  font-size: 32px;
+  line-height: 43px;
+  margin: 20px 0 20px;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h3 {
   margin: 0 0 20px 0;
   padding: 20px 0 0 0;
   font-size: 22pt;
-  font-weight: 500;
+  font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 h4 {
   margin: 0 0 10px 0;
   padding: 0;
   font-size: 11pt;
-  font-weight: 500;
+  font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
-  font-family: 'Roboto';
+  font-family: 'Roboto Mono', monospace;
 }
 .content h3 a {
   color: #888;
@@ -212,11 +219,11 @@ h4 {
   border-bottom: 0;
 }
 th, .gray {
-  font-family: 'Roboto Mono', monospace;
+  font-family: 'Roboto', monospace;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: .15rem;
-  color: #999;
+  color: #777;
 }
 th, .gray {
   font-size: 9pt;
@@ -248,8 +255,9 @@ section {
 p {
   margin: 0 10px 20px 0;
   line-height: 2;
-  font-size: 16px;
+  font-size: 18px;
   font-weight: 300;
+  color: #dedede;
 }
 p.subp{
   font-size: 14px;
@@ -272,18 +280,16 @@ p.subp{
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
-  font-size: 14px;
+  font-size: 12px;
+  color: #ccc;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
-}
-.meta > div {
   margin-right: 20px;
-  line-height: 19px
-  /*font-size:11px;*/
+  line-height: 17px
 }
 .meta .gray {
   font-size: 9pt;
-  padding-bottom: 4px;
+  padding-bottom: 5px;
   line-height: 14px
 }
 .right-sidebar {
@@ -303,7 +309,7 @@ p.subp{
   padding-top: 10px;
   padding-right: 20px;
   /*margin-right: 20px;*/
-  margin-bottom: 30px;
+  margin-bottom: 10px;
   /*border-right: 1px solid #444;*/
   font-family: 'Roboto';
   font-size: 14px;
@@ -313,12 +319,6 @@ p.subp{
 .left-sidebar .meta, .right-sidebar .meta {
   flex-direction: column;
 }
-.right-sidebar .meta > div {
-  margin-bottom: 10px;
-}
-.left-sidebar .meta > div {
-  margin-bottom: 15px;
-}
 .right-sidebar ul {
   margin-bottom: 10px;
   color: #aaa;
@@ -345,6 +345,9 @@ ul {
 }
 ul li {
   margin-bottom: 8px;
+  color: #dedede;
+  font-weight: 300;
+  font-size: 13px;
 }
 
 /* misc formatting */
@@ -370,6 +373,35 @@ pre code {
 table {
   margin-bottom: 40px;
 }
+table thead{
+  text-align: left;
+}
+table, tr, td, th {
+  border: none;
+  border-collapse:collapse;
+}
+.chart table tr{
+  width: auto;
+}
+table tr{
+  display:table;
+  table-layout: fixed;
+  width:100%;
+}
+table td, table th{
+  padding:10px;
+
+}
+table tr td{
+  font-size:12px;
+}
+table tbody tr:nth-child(odd){
+  background-color:#292929;
+}
+table tbody tr:nth-child(even){
+  background-color:#333;
+}
+
 hr {
   height: 1px;
   background: #888;
@@ -464,10 +496,10 @@ section.fullwidth .image {
   text-align: center;
 }
 .image .caption.intro-caption{
-  text-align: left;
+  text-align: center;
 }
 .caption {
-  text-align: left;
+  text-align: center;
   font-size: 10pt;
   color: #999;
   max-width: 960px;
@@ -484,50 +516,6 @@ section.fullwidth .image {
 }
 
 
-/* about page */
-
-
-.flex-container {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  
-  -webkit-flex-flow: row wrap;
-  justify-content: space-around;
-}
-
-.team-photos-container{
-  margin-top:40px;
-}
-.team-member {
-  height: auto;
-  margin-top: 10px;
-  color: white;
-  width: 400px;
-  font-weight: bold;
-  flex-grow: 1;
-  margin:0 40px 0 0;
-  padding:20px;
-  border-radius:6px;
-  background: #202020;
-}
-.team-member&:last-child{
-  margin:0 0 0 40px;
-}
-.team-member p{
-  font-size:14px;
-}
-.team-member img{
-  margin:0;
-  display: block;
-}
-
 
 .sideimage {
   margin: 0px 0 40px 0;
@@ -771,7 +759,7 @@ section.intro_section {
   background-size: cover;
   background-position: center left;
   padding: 50px 0;
-  /*min-height: 40vh;*/
+  min-height: 40vh;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -829,7 +817,7 @@ page-specific formatting
     position: relative;
     width: 100%;
     height: 50px;
-    margin-top:100px;
+    margin-top:50px;
 }
 
 .hr-wave-line1 {
@@ -848,39 +836,59 @@ page-specific formatting
 
 /* map */
 
-.map-legend-item{
+ul.map-legend{
   display: inline-block;
+  margin:0;
+  font-size:14px;
+}
+ul.map-legend li{
   margin-right: 10px;
   padding-top:4px;
+  display: inline-block;
 }
-.map-legend-item:before {
+ul.map-legend li:before {
   content: '';
   display: inline-block;
   width: 10px;
   height: 10px;
-  /*margin-bottom: 2px;*/
   margin-right: 6px;
 }
-.map-legend-item.edu:before {
+ul.map-legend li.edu:before {
   background-color: #f2f293;
 }
-.map-legend-item.com:before {
+ul.map-legend li.com:before {
   background-color: #3264f6;
 }
-.map-legend-item.gov:before {
+ul.map-legend li.gov:before {
   background-color: #f30000;
 }
+ul.map-legend li.source:before {
+  content: none;
+  display: inline-block;
+  width: 0px;
+  margin-right: 10px;
+}
 
 /* about */
 
 .content-about {
   color: #fff;
 }
+.content-about p {
+  font-size: 16px;
+}
+.content-about ul{
+ font-size: 14px;
+ font-weight: 300; 
+}
+.content-about section:first-of-type > p:first-of-type {
+  font-size: 23px;
+  line-height: 39px;
+}
 .content-about .about-menu ul li {
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
-  margin-right: 8px;
   text-transform: uppercase;
   margin-right: 15px;
   font-family: 'Roboto';
@@ -895,6 +903,84 @@ page-specific formatting
   color: #ddd;
 }
 
+/* columns */
+
+.columns {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+.content-about .columns .column{
+  /* on the about page use padding and bg color */
+  background: #202020;
+  padding: 20px;
+}
+.columns .column {
+  font-family: Roboto, sans-serif;
+  font-weight: 400;
+  margin: 10px;
+}
+.columns .column:first-of-type {
+  margin-left: 0;
+}
+.columns-2 .column {
+  width: 50%;
+}
+.columns-3 .column {
+  width: 33%;
+}
+.columns-4 .column {
+  width: 25%;
+}
+
+/* about page */
+
+
+.flex-container {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  
+  -webkit-flex-flow: row wrap;
+  justify-content: space-around;
+}
+
+.content-about .team-photos-container{
+  margin:40px 0;
+}
+.content-about .team-member {
+  height: auto;
+  margin-top: 10px;
+  color: white;
+  width: 400px;
+  font-weight: bold;
+  flex-grow: 1;
+  margin:0 40px 0 0;
+  padding:20px;
+  border-radius:6px;
+  background: #202020;
+}
+.content-about .team-member&:last-child{
+  margin:0 0 0 40px;
+}
+.content-about .team-member p{
+  font-size:16px;
+}
+.content-about .team-member img{
+  margin:0;
+  display: block;
+}
+.content-about .team-member h3{
+  font-size:18px;
+}
+
+
 
 /* footnotes */
 
@@ -944,4 +1030,10 @@ ul.footnotes {
 li p {
   margin: 0; padding: 0;
   display: inline;
+}
+
+/* citation browser */
+
+.citationHeader {
+  padding-bottom: 10px
 }
\ No newline at end of file