css for about page

2 files changed, 88 insertions, 60 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 47fc0652..0244b86b 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -464,10 +464,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 +484,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 +727,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 +785,7 @@ page-specific formatting
     position: relative;
     width: 100%;
     height: 50px;
-    margin-top:100px;
+    margin-top:50px;
 }
 
 .hr-wave-line1 {
@@ -848,34 +804,54 @@ page-specific formatting
 
 /* map */
 
-.map-legend-item{
+ul.map-legend{
   display: inline-block;
+  margin:0;
+}
+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 > p:first-of-type{
+  font-size:23px;
+  line-height:39px;
+}
 .content-about .about-menu ul li {
   display: inline-block;
   font-size: 14px;
@@ -894,6 +870,53 @@ page-specific formatting
   border-bottom: 1px solid #ddd;
   color: #ddd;
 }
+/* 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:14px;
+}
+.content-about .team-member img{
+  margin:0;
+  display: block;
+}
+.content-about .team-member h3{
+  font-size:18px;
+}
+
 
 
 /* footnotes */
diff --git a/site/assets/css/tabulator.css b/site/assets/css/tabulator.css
index 41c7ffa4..d26b5cfc 100755
--- a/site/assets/css/tabulator.css
+++ b/site/assets/css/tabulator.css
@@ -1,7 +1,7 @@
 /* Tabulator v4.1.3 (c) Oliver Folkerd */
 .tabulator {
   position: relative;
-  font-size: 14px;
+  font-size: 13px;
   text-align: left;
   overflow: hidden;
   -ms-transform: translatez(0);
@@ -23,7 +23,7 @@
   position: relative;
   box-sizing: border-box;
   width: 100%;
-  border-bottom: 1px solid #999;
+  border-bottom: 1px solid #333;
   color: #ddd;
   white-space: nowrap;
   overflow: hidden;
@@ -41,6 +41,7 @@
   text-align: left;
   vertical-align: bottom;
   overflow: hidden;
+  padding: 5px 0;
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-moving {
@@ -63,6 +64,9 @@
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: bottom;
+  /* AH */
+  font-weight: 500;
+  font-size:14px;
 }
 
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
@@ -76,13 +80,13 @@
 .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
   display: inline-block;
   position: absolute;
-  top: 9px;
+  top: 11px;
   right: 8px;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid #bbb;
+  border-bottom: 6px solid #666;
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
@@ -129,6 +133,7 @@
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
   padding-right: 25px;
+  padding-left: 6px;
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
@@ -137,7 +142,7 @@
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
   border-top: none;
-  border-bottom: 6px solid #bbb;
+  border-bottom: 6px solid #666;
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-arrow {
@@ -723,7 +728,7 @@
   max-height: 200px;
   background: #fff;
   border: 1px solid #333;
-  font-size: 14px;
+  font-size: 13px;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   z-index: 10000;