header.css.scss in flashgrid-4.0.0

- old
+ new

@@ -6,71 +6,73 @@
 #Media Queries */
 
 /* #Header
 ================================================== */
 .header {
-  background: rgba(15,135,226,1);
+  background: rgba(255,255,255,1);
+  border-bottom: 1px solid rgba(225,232,237,1);
+  box-sizing: border-box;
   height: 86px;
   margin-bottom: 40px;
   width: 100%;
 }
 .header-brand a {
-  color: rgba(255,255,255,1);
+  color: rgba(15,135,226,1);
   float: left;
   font-size: 44px;
   margin-top: 21px;
 }
 .header-search {
   float: left;
   margin: 22px 0 0 30px;
 }
 .header-search input {
   background: transparent;
-  border-color: rgba(255,255,255,0.25);
-  color: rgba(255,255,255,1);
+  border-color: rgba(215,222,227,1);
+  color: rgba(43,50,53,1);
   font-weight: 200;
   margin: 0;
   width: 280px;
 }
-.header-search input:focus                      { border-color: rgba(255,255,255,1); }
-.header-search input:-moz-placeholder           { color: rgba(255,255,255,0.40); }
-.header-search input:-ms-input-placeholder      { color: rgba(255,255,255,0.40); }
-.header-search input::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
+.header-search input:focus                      { border-color: rgba(195,202,207,1); }
+.header-search input:-moz-placeholder           { color: rgba(136,153,166,1); }
+.header-search input:-ms-input-placeholder      { color: rgba(136,153,166,1); }
+.header-search input::-webkit-input-placeholder { color: rgba(136,153,166,1); }
 .header-nav {
   float: right;
   list-style-type: none;
   margin: 29px 0 10px 0;
   padding: 0;
 }
 .header-nav > li {
-  color: rgba(255,255,255,1);
+  color: rgba(102,117,127,1);
   display: inline-block;
   font-size: 13px;
   font-weight: 500;
   margin-left: 25px;
 }
 .header-nav > li:first-child { margin-left: 0; }
 .header-nav > li > a {
   border: 1px solid transparent;
   border-radius: 2px;
-  color: rgba(255,255,255,1);
+  color: rgba(102,117,127,1);
   letter-spacing: 1px;
   padding: 14px 0 13px 0;
   text-transform: uppercase;
 }
 .header-nav > li.bordered > a {
-  border-color: rgba(230,230,230,1);
+  border-color: rgba(215,222,227,1);
   padding: 14px 20px 13px 20px;
 }
-.header-nav > li.bordered > a:hover { border-color: rgba(255,255,255,1); }
+.header-nav > li.bordered > a:hover { border-color: rgba(195,202,207,1); }
 .header-user {
   float: right;
   font-size: 13px;
   margin: 22px 0 0 15px;
 }
 .header-user a {
-  color: rgba(255,255,255,1);
+  color: rgba(102,117,127,1);
   text-decoration: none;
 }
 .header-user img,
 .header-user-placeholder {
   background: rgba(176,193,206,1);
@@ -86,11 +88,11 @@
   font-size: 26px;
   line-height: 44px;
 }
 .header-user .dropdown-menu { margin-right: 10px; }
 .header-toggle a {
-  color: rgba(255,255,255,1);
+  color: rgba(102,117,127,1);
   float: right;
   font-size: 40px;
   padding: 4px 0px 3px 14px;
   text-decoration: none;
 }
@@ -103,10 +105,13 @@
 .header-app .header-nav     { margin-top: 19px; }
 .header-app .header-user    { margin-top: 12px; }
 
 /* #Header Alternate
 ================================================== */
-.header-alt                       { background: none; }
+.header-alt {
+  background: transparent;
+  border-color: transparent;
+}
 .header-alt .header-brand a       { color: rgba(176,193,206,1); }
 .header-alt .header-brand a:hover { color: rgba(136,153,166,1); }
 .header-alt .header-nav > li.bordered > a {
   border-color: rgba(215,222,227,1);
   color: rgba(176,193,206,1);
\ No newline at end of file