Get some CSS going

5 files changed, 114 insertions, 61 deletions

diff --git a/static/css/bootstrap.css b/static/css/bootstrap.css
index 3679d60..ae6d163 100644
--- a/static/css/bootstrap.css
+++ b/static/css/bootstrap.css
@@ -1074,8 +1074,8 @@ body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
-  color: #333333;
-  background-color: #fff;
+  color: #140504;
+  background-color: #e09543;
 }
 input,
 button,
@@ -1086,12 +1086,12 @@ textarea {
   line-height: inherit;
 }
 a {
-  color: #337ab7;
+  color: #d68123;
   text-decoration: none;
 }
 a:hover,
 a:focus {
-  color: #23527c;
+  color: #955a19;
   text-decoration: underline;
 }
 a:focus {
@@ -1119,7 +1119,7 @@ img {
 .img-thumbnail {
   padding: 4px;
   line-height: 1.42857143;
-  background-color: #fff;
+  background-color: #e09543;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: all 0.2s ease-in-out;
@@ -1326,11 +1326,11 @@ mark,
   color: #777777;
 }
 .text-primary {
-  color: #337ab7;
+  color: #d68123;
 }
 a.text-primary:hover,
 a.text-primary:focus {
-  color: #286090;
+  color: #ab671c;
 }
 .text-success {
   color: #3c763d;
@@ -1362,11 +1362,11 @@ a.text-danger:focus {
 }
 .bg-primary {
   color: #fff;
-  background-color: #337ab7;
+  background-color: #d68123;
 }
 a.bg-primary:hover,
 a.bg-primary:focus {
-  background-color: #286090;
+  background-color: #ab671c;
 }
 .bg-success {
   background-color: #dff0d8;
@@ -2279,7 +2279,7 @@ th {
   border-top: 2px solid #ddd;
 }
 .table .table {
-  background-color: #fff;
+  background-color: #e09543;
 }
 .table-condensed > thead > tr > th,
 .table-condensed > tbody > tr > th,
@@ -2897,7 +2897,7 @@ select[multiple].input-lg {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
-  color: #737373;
+  color: #7e2019;
 }
 @media (min-width: 768px) {
   .form-inline .form-group {
@@ -3101,26 +3101,26 @@ fieldset[disabled] .btn-default.focus {
 }
 .btn-primary {
   color: #fff;
-  background-color: #337ab7;
-  border-color: #2e6da4;
+  background-color: #d68123;
+  border-color: #c07420;
 }
 .btn-primary:focus,
 .btn-primary.focus {
   color: #fff;
-  background-color: #286090;
-  border-color: #122b40;
+  background-color: #ab671c;
+  border-color: #53320e;
 }
 .btn-primary:hover {
   color: #fff;
-  background-color: #286090;
-  border-color: #204d74;
+  background-color: #ab671c;
+  border-color: #8c5417;
 }
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
   color: #fff;
-  background-color: #286090;
-  border-color: #204d74;
+  background-color: #ab671c;
+  border-color: #8c5417;
 }
 .btn-primary:active:hover,
 .btn-primary.active:hover,
@@ -3132,8 +3132,8 @@ fieldset[disabled] .btn-default.focus {
 .btn-primary.active.focus,
 .open > .dropdown-toggle.btn-primary.focus {
   color: #fff;
-  background-color: #204d74;
-  border-color: #122b40;
+  background-color: #8c5417;
+  border-color: #53320e;
 }
 .btn-primary:active,
 .btn-primary.active,
@@ -3149,11 +3149,11 @@ fieldset[disabled] .btn-primary:focus,
 .btn-primary.disabled.focus,
 .btn-primary[disabled].focus,
 fieldset[disabled] .btn-primary.focus {
-  background-color: #337ab7;
-  border-color: #2e6da4;
+  background-color: #d68123;
+  border-color: #c07420;
 }
 .btn-primary .badge {
-  color: #337ab7;
+  color: #d68123;
   background-color: #fff;
 }
 .btn-success {
@@ -3385,7 +3385,7 @@ fieldset[disabled] .btn-danger.focus {
   background-color: #fff;
 }
 .btn-link {
-  color: #337ab7;
+  color: #d68123;
   font-weight: normal;
   border-radius: 0;
 }
@@ -3406,7 +3406,7 @@ fieldset[disabled] .btn-link {
 }
 .btn-link:hover,
 .btn-link:focus {
-  color: #23527c;
+  color: #955a19;
   text-decoration: underline;
   background-color: transparent;
 }
@@ -3552,7 +3552,7 @@ tbody.collapse.in {
   color: #fff;
   text-decoration: none;
   outline: 0;
-  background-color: #337ab7;
+  background-color: #d68123;
 }
 .dropdown-menu > .disabled > a,
 .dropdown-menu > .disabled > a:hover,
@@ -3986,7 +3986,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav .open > a:hover,
 .nav .open > a:focus {
   background-color: #eeeeee;
-  border-color: #337ab7;
+  border-color: #d68123;
 }
 .nav .nav-divider {
   height: 1px;
@@ -4017,7 +4017,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
   color: #555555;
-  background-color: #fff;
+  background-color: #e09543;
   border: 1px solid #ddd;
   border-bottom-color: transparent;
   cursor: default;
@@ -4063,7 +4063,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   .nav-tabs.nav-justified > .active > a,
   .nav-tabs.nav-justified > .active > a:hover,
   .nav-tabs.nav-justified > .active > a:focus {
-    border-bottom-color: #fff;
+    border-bottom-color: #e09543;
   }
 }
 .nav-pills > li {
@@ -4079,7 +4079,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {
   color: #fff;
-  background-color: #337ab7;
+  background-color: #d68123;
 }
 .nav-stacked > li {
   float: none;
@@ -4131,7 +4131,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
   .nav-tabs-justified > .active > a,
   .nav-tabs-justified > .active > a:hover,
   .nav-tabs-justified > .active > a:focus {
-    border-bottom-color: #fff;
+    border-bottom-color: #e09543;
   }
 }
 .tab-content > .tab-pane {
@@ -4703,7 +4703,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
   padding: 6px 12px;
   line-height: 1.42857143;
   text-decoration: none;
-  color: #337ab7;
+  color: #d68123;
   background-color: #fff;
   border: 1px solid #ddd;
   margin-left: -1px;
@@ -4724,7 +4724,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pagination > li > a:focus,
 .pagination > li > span:focus {
   z-index: 2;
-  color: #23527c;
+  color: #955a19;
   background-color: #eeeeee;
   border-color: #ddd;
 }
@@ -4736,8 +4736,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
 .pagination > .active > span:focus {
   z-index: 3;
   color: #fff;
-  background-color: #337ab7;
-  border-color: #337ab7;
+  background-color: #d68123;
+  border-color: #d68123;
   cursor: default;
 }
 .pagination > .disabled > span,
@@ -4854,11 +4854,11 @@ a.label:focus {
   background-color: #5e5e5e;
 }
 .label-primary {
-  background-color: #337ab7;
+  background-color: #d68123;
 }
 .label-primary[href]:hover,
 .label-primary[href]:focus {
-  background-color: #286090;
+  background-color: #ab671c;
 }
 .label-success {
   background-color: #5cb85c;
@@ -4922,7 +4922,7 @@ a.badge:focus {
 }
 .list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
-  color: #337ab7;
+  color: #d68123;
   background-color: #fff;
 }
 .list-group-item > .badge {
@@ -4982,7 +4982,7 @@ a.badge:focus {
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
-  background-color: #fff;
+  background-color: #e09543;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: border 0.2s ease-in-out;
@@ -4997,11 +4997,11 @@ a.badge:focus {
 a.thumbnail:hover,
 a.thumbnail:focus,
 a.thumbnail.active {
-  border-color: #337ab7;
+  border-color: #d68123;
 }
 .thumbnail .caption {
   padding: 9px;
-  color: #333333;
+  color: #140504;
 }
 .alert {
   padding: 15px;
@@ -5111,7 +5111,7 @@ a.thumbnail.active {
   line-height: 20px;
   color: #fff;
   text-align: center;
-  background-color: #337ab7;
+  background-color: #d68123;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   -webkit-transition: width 0.6s ease;
@@ -5274,8 +5274,8 @@ button.list-group-item {
 .list-group-item.active:focus {
   z-index: 2;
   color: #fff;
-  background-color: #337ab7;
-  border-color: #337ab7;
+  background-color: #d68123;
+  border-color: #d68123;
 }
 .list-group-item.active .list-group-item-heading,
 .list-group-item.active:hover .list-group-item-heading,
@@ -5291,7 +5291,7 @@ button.list-group-item {
 .list-group-item.active .list-group-item-text,
 .list-group-item.active:hover .list-group-item-text,
 .list-group-item.active:focus .list-group-item-text {
-  color: #c7ddef;
+  color: #f7e4cf;
 }
 .list-group-item-success {
   color: #3c763d;
@@ -5671,22 +5671,22 @@ button.list-group-item-danger.active:focus {
   border-bottom-color: #ddd;
 }
 .panel-primary {
-  border-color: #337ab7;
+  border-color: #d68123;
 }
 .panel-primary > .panel-heading {
   color: #fff;
-  background-color: #337ab7;
-  border-color: #337ab7;
+  background-color: #d68123;
+  border-color: #d68123;
 }
 .panel-primary > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #337ab7;
+  border-top-color: #d68123;
 }
 .panel-primary > .panel-heading .badge {
-  color: #337ab7;
+  color: #d68123;
   background-color: #fff;
 }
 .panel-primary > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #337ab7;
+  border-bottom-color: #d68123;
 }
 .panel-success {
   border-color: #d6e9c6;
diff --git a/static/css/site.css b/static/css/site.css
index 754eb1a..53ddb6e 100644
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -18,9 +18,27 @@
   padding-top: 15px;
   padding-bottom: 15px;
 }
-html body {
-  background-color: #eeeeee;
-}
 .middle_container {
   background-color: #fff;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.hero_container {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.main_container {
+  background-color: #FFF9CC;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.bottom_container {
+  padding-left: 0px!important;
+  padding-right: 0px!important;
+}
+.navbar_footer {
+  border-radius: 0px!important;
+}
+body {
+  padding-top: 70px;
 }
diff --git a/static/less/bootstrap.less b/static/less/bootstrap.less
index f0aa08f..6649d11 100755
--- a/static/less/bootstrap.less
+++ b/static/less/bootstrap.less
@@ -6,6 +6,7 @@
 
 // Core variables and mixins
 @import "variables.less";
+@import "../site_variables.less"; //customizations
 @import "mixins.less";
 
 // Reset and dependencies
diff --git a/static/site.less b/static/site.less
index 734d431..5b8e0db 100644
--- a/static/site.less
+++ b/static/site.less
@@ -1,5 +1,6 @@
-@import "site_variables.less"; //customizations
 @import "less/variables.less";
+@import "site_variables.less"; //customizations
+
 
 .subscribe_buttons {
   padding-top: 2px;
@@ -26,10 +27,33 @@
   padding-bottom: 15px;
 }
 
-html body {
-  background-color: @castanet-body-bg;
-}
+// html body {
+//   background-color: @castanet-body-bg;
+// }
 
 .middle_container {
   background-color: @castanet-middle-container-bg;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.hero_container {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.main_container {
+  background-color: @castanet-main-container-bg;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.bottom_container {
+  padding-left: 0px!important;
+  padding-right: 0px!important;
+}
+
+.navbar_footer {
+  border-radius:0px!important;
 }
+body { padding-top: 70px; }
diff --git a/static/site_variables.less b/static/site_variables.less
index ae2159e..9c1c8b4 100644
--- a/static/site_variables.less
+++ b/static/site_variables.less
@@ -1,4 +1,14 @@
-//** Background color for `<body>`.
-@castanet-body-bg:               @gray-lighter;
+//** Color scheme via https://coolors.co
+@castanet-main-container-bg:    #FFF9CC;
 @castanet-middle-container-bg:   #fff;
 @castanet-sidebar-bg:            @gray-darker;
+
+@castanet-dark-color:           #140504;
+@castanet-darker-orange:        #E6AA68;
+@castanet-medium-beige:         #F7E3AF;
+@castanet-muted-mustard:        #E3C16F;
+@castanet-lightest-tan:         #FFF9CC;
+
+@text-color:                     #140504;
+@brand-primary:                 darken(#E6AA68, 16.5%);
+@body-bg:                       lighten(@brand-primary, 8%);