Narrow Road, Deep North
Colors inspired by Artic Ice Studio's Nord theme palette.
Copy Theme
CSS
/* Written in 2020 by Narrow Road, Deep North
This theme is licensed under a Creative Commons Attribution 4.0
International License.
You should have received a copy of the license along with this
work. If not, see http://creativecommons.org/licenses/by/4.0/
*/
html {
border-top: 12px solid #2E3440;
border-bottom: 12px solid #2E3440;
}
body {
background-color: #D8DEE9;
}
#blog-title a {
font-size: 1.5rem;
color: #2E3440;
background-color: #D8DEE9;
}
#blog-title a:hover {
font-size: 1.5rem;
color: #2E3440;
background-color: #88C0D0;
}
/* Blog description (underneath title) on index page */
.description {
font-style: italic;
}
/* Blog description colour */
header p.description {
line-height: 100%;
color: #4c566a;
}
/* Pinned posts */
header nav a {
color: #4c566a;
font-style: normal;
display: inline-table;
}
/* Pinned posts hover decoration */
header nav a:hover {
color: #4c566a;
background-color: #88C0D0;
text-decoration: none;
}
/* Post titles on blog index */
.post-title {
color: #2E3440;
font-weight: lighter;
}
.post-title a.u-url:link, .post-title a.u-url:visited {
color: #2E3440;
}
/* Post titles on blog index hover decoration */
.post-title :hover {
color: #2E3440;
background-color: #88C0D0;
text-decoration: none;
}
/* "Read more..." links */
#collection .read-more {
text-decoration: none;
color: #88C0D0;
}
.read-more::before { content: 'ยป ';}
/* Links inside blog posts */
article p a {
color: #88C0D0;
text-decoration: none;
}
article p a:hover {
background-color: #88C0D0;
color: #D8DEE9;
text-decoration: none;
}
/*
RECIPES
These are common patterns you may want to use on your blog.
*/
/* Center images */
img {
display: inline-block;
margin: 0 auto;
}
/* Hide post views */
header nav .views {
display: none;
}
#paging a {
color: #2E3440 ;
}
#paging a:hover {
color: #2E3440;
background-color: #88C0D0;
text-decoration: none;
}
body footer nav {
color: #88C0D0;
}