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