Changed menu color.
This commit is contained in:
parent
47957abdb5
commit
7797696230
|
@ -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;
|
||||
|
|
|
@ -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}}" />
|
||||
|
|
|
@ -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">
|
||||
|
|
7
post.hbs
7
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>
|
||||
|
|
6
tag.hbs
6
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">
|
||||
|
|
Loading…
Reference in New Issue