Changed menu color.

This commit is contained in:
Cristian Nistor 2018-09-12 15:13:47 +03:00
parent 47957abdb5
commit 7797696230
5 changed files with 37 additions and 23 deletions

View File

@ -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;

View File

@ -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}}" />

View File

@ -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">

View File

@ -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>

View File

@ -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">