css tweaks

1 files changed, 58 insertions, 2 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index ba2541b8..c22d4002 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -272,20 +272,44 @@ p {
   font-size: 14px;
   font-weight: 400;
 }
-.right-sidebar .meta {
+.left-sidebar {
+  float: left;
+  width: 220px;
+  padding-top: 10px;
+  padding-right: 20px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+  /*border-right: 1px solid #444;*/
+  font-family: 'Roboto';
+  font-size: 14px;
+  font-weight: 400;
+  clear:left;
+}
+.left-sidebar .meta, .right-sidebar .meta {
   flex-direction: column;
 }
 .right-sidebar .meta > div {
   margin-bottom: 10px;
 }
+.left-sidebar .meta > div {
+  margin-bottom: 10px;
+}
 .right-sidebar ul {
   margin-bottom: 10px;
   color: #aaa;
 }
+.left-sidebar ul {
+  margin-bottom: 10px;
+  color: #aaa;
+}
 .right-sidebar ul:first-child a {
   text-decoration: none;
   border-bottom: 1px solid;
 }
+.left-sidebar ul:first-child a {
+  text-decoration: none;
+  border-bottom: 1px solid;
+}
 
 /* lists */
 
@@ -327,6 +351,10 @@ hr {
   border: 0;
   width: 80px;
 }
+hr.supp{
+  width:100%;
+  margin:70px 0 30px 0;
+}
 blockquote {
   margin-left: 28px;
   padding: 0 0 0 10px;
@@ -372,11 +400,15 @@ section.images {
 }
 .image:first-child {
   margin-left: 0;
+  margin-top:10px;
 }
 .image:nth-child(2),
 .image:nth-child(3) {
   margin-left: 40px;
 }
+.image:nth-child(4) {
+  margin-left: 20px;
+}
 .image:first-child:nth-last-child(2),
 .image:first-child:nth-last-child(2) ~ .image {
   width: 300px;
@@ -385,6 +417,9 @@ section.images {
 .image:first-child:nth-last-child(3) ~ .image {
   width: 186px;
 }
+.image:first-child:nth-last-child(4) ~ .image {
+  width: 100px;
+}
 section.wide {
   width: 960px;
 }
@@ -402,7 +437,7 @@ section.fullwidth .image {
   font-size: 9pt;
   color: #999;
   max-width: 960px;
-  margin: 10px auto 0 auto;
+  margin: 10px auto 10px auto;
   font-family: 'Roboto';
 }
 .sideimage {
@@ -622,6 +657,27 @@ section.intro_section {
 page-specific formatting 
 ----------------------------------------------------- */
 
+/* Dataset */
+
+.leaflet-container{
+  margin-bottom: 10px
+}
+
+/* map */
+
+.map-legend-item{
+  display: inline-block;
+  margin-right: 10px
+}
+.edu{
+  color:#f30000;
+}
+.com{
+  color:#f2f293;
+}
+.gov{
+  color:#3264f6;
+}
 
 /* about */