Changed menu color.

NistorCristian · Sep 12, 2018 · 7797696 · 7797696
1 parent 47957ab
commit 7797696
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 23 deletions.
diff --git a/assets/css/screen.css b/assets/css/screen.css
@@ -127,7 +127,7 @@ img {
 
 html {
     box-sizing: border-box;
-    font-family: sans-serif;
+    font-family: 'Noto Sans', serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }
@@ -312,7 +312,7 @@ html {
 
 body {
     color: #3c484e;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
+    font-family: 'Noto Sans', serif;
     font-size: 1.5rem;
     line-height: 1.6em;
     font-weight: 400;
@@ -583,7 +583,7 @@ body {
     padding-top: 12px;
     padding-bottom: 12px;
     color: #fff;
-    background: #090a0b no-repeat 50%;
+    background: #0000FF no-repeat 50%;
     background-size: cover
 }
 
@@ -648,7 +648,6 @@ body {
     font-size: 2.2rem;
     font-weight: 300;
     letter-spacing: .5px;
-    opacity: .8
 }
 
 @media (max-width:500px) {
@@ -716,14 +715,14 @@ body {
 .nav {
     display: -ms-flexbox;
     display: flex;
-    margin: 0 0 0 -12px;
+    margin: 0 0 0 -10px;
     padding: 0;
     list-style: none;
     flex-wrap: nowrap;
 }
 
 .nav li {
-    padding: 0;
+    padding: 10px;
     text-transform: uppercase
 }
 
@@ -734,9 +733,15 @@ body {
 }
 
 .nav li a {
-    padding: 10px 12px;
     color: #fff;
-    opacity: .8
+    font-size: 14px;
+    line-height: 1.5;
+    text-transform: none;
+    border-bottom: 1px solid transparent;
+}
+
+.nav li a:hover{
+    border-bottom: 1px solid #fff;
 }
 
 .nav li a:hover {
@@ -772,7 +777,6 @@ body {
     margin: 0;
     padding: 10px;
     color: #fff;
-    opacity: .8
 }
 
 .social-link:hover {
@@ -816,14 +820,6 @@ body {
     opacity: 1
 }
 
-.rss-button {
-    opacity: .8
-}
-
-.rss-button:hover {
-    opacity: 1
-}
-
 .rss-button svg {
     margin-bottom: 1px;
     height: 2.1rem;
@@ -1432,7 +1428,7 @@ body {
 .post-full-content h5,
 .post-full-content h6 {
     color: #090a0b;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
+    font-family: 'Noto Sans', serif
 }
 
 .post-full-content h1 {
@@ -1570,7 +1566,7 @@ body {
     width: auto;
     border-spacing: 0;
     border-collapse: collapse;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
+    font-family: 'Noto Sans', serif;
     font-size: 1.6rem;
     white-space: nowrap;
     vertical-align: top;
@@ -2928,6 +2924,11 @@ a[href="#readMore"][aria-expanded="true"]{
     opacity: .8;
 }
 
+.menu{
+    background: blue;
+    padding: 20px;
+}
+
 @media (max-width: 1199px) {
     .footer-inner {
         width: 820px;

diff --git a/author.hbs b/author.hbs
@@ -3,9 +3,13 @@
 
 {{#author}}
 {{!-- Everything inside the #author tags pulls data from the author --}}
-<header class="site-header outer {{#if cover_image}}" style="background-image: url({{cover_image}}){{else}}no-cover{{/if}}">
+<div class="menu">
     <div class="inner">
         {{> "site-nav"}}
+    </div>
+</div>
+<header class="site-header outer {{#if cover_image}}" style="background-image: url({{cover_image}}){{else}}no-cover{{/if}}">
+    <div class="inner">
         <div class="site-header-content">
             {{#if profile_image}}
                 <img class="author-profile-image" src="{{profile_image}}" alt="{{name}}" />

diff --git a/index.hbs b/index.hbs
@@ -3,7 +3,7 @@
 into the {body} of the default.hbs template --}}
 
 {{!-- The big featured header, it uses blog cover image as a BG if available --}}
-<header class="site-header outer {{#if @blog.cover_image}}" style="background-image: url({{@blog.cover_image}}){{else}}no-cover{{/if}}">
+<header class="site-header outer">
     <div class="inner">
         <div class="site-header-content">
             <h1 class="site-title">

diff --git a/post.hbs b/post.hbs
@@ -6,9 +6,14 @@ into the {body} of the default.hbs template --}}
 {{!-- Everything inside the #post tags pulls data from the post --}}
 {{#post}}
 
-<header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
+<div class="menu">
     <div class="inner">
         {{> "site-nav"}}
+    </div>
+</div>
+
+<header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
+    <div class="inner">
         <div class="site-header-content">
             <section class="post-full-meta">
                 <time class="post-full-meta-date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMMM YYYY"}}</time>

diff --git a/tag.hbs b/tag.hbs
@@ -3,9 +3,13 @@
 
 {{!-- The big featured header, it uses blog cover image as a BG if available --}}
 {{#tag}}
-<header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
+<div class="menu">
     <div class="inner">
         {{> "site-nav"}}
+    </div>
+</div>
+<header class="site-header outer {{#if feature_image}}" style="background-image: url({{feature_image}}){{else}}no-cover{{/if}}">
+    <div class="inner">
         <div class="site-header-content">
             <h1 class="site-title">{{name}}</h1>
             <h2 class="site-description">