Themes

CSS

/* Written in 2020 by David Blue

   To the extent possible under law, the author(s) have dedicated all 
   copyright and related and neighboring rights to this software to the 
   public domain worldwide. This software is distributed without any 
   warranty.

   You should have received a copy of the CC0 Public Domain Dedication 
   along with this software. If not, see 
   http://creativecommons.org/publicdomain/zero/1.0 
*/


body {
    background-color:  #f7ff85;
}

/* Blog header on index and post pages */
#blog-title a {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 50px;
    color: #00006b;
    background-color: #f7ff85;
    text-transform: capitalize;
}

#blog-title a:hover {
    color: #b7b7b7;
    background-color: #f7ff85;
}

/* Blog header on post pages ONLY */
body #post #blog-title a {
    padding: 4px 8px;
}

/* Blog description (underneath title) on index page */
header .description {
    color: #62707c;
    font-style: italic;
}

/* Post titles on blog index */
.post-title {
    font-weight: bolder;
}

.post-title a.u-url:link, .post-title a.u-url:visited {
    color: #272c30;
}

/* "Read more..." links */
body #collection .read-more {
    color: #62707c;
    text-decoration: underline;
}

/* Links inside blog posts */
article p a {
    color: #00006b;
    text-decoration: none;
    border-bottom: 2px solid blue;
}

article p a:hover {
    background-color: blue;
    color: white;
    text-decoration: italic;
}

/*

    RECIPES

*/

/* Format image display */

img {
    display: aaone;
    margin: 0 auto;
}

/* Hide post views */
header nav .views {
    display: none;
}

.custom-nav {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Arial, sans-serif;
  color: #b7b7b7;
}

.custom-nav a:link, .custom-nav a:visited, .custom-nav a:hover, .custom-nav a:active {
   color: #00006b;
}

.custom-nav a:hover, .custom-nav a:active {
   text-decoration: underline;
}

JS

// Custom Footer

var topP = document.createElement("p");

//topP.style.textAlign = "center";

topP.innerHTML = '<hr><div class="custom-nav"><a href="https://mastodon.social/">Mastodon</a> // <a href="https://twitter.com/">Twitter</a> // <a href="http://pixelfed.social/">PixelFed</a></div>';
var cont = document.getElementById("wrapper");

if (cont !== null) {
    // Add to blog index and tag pages
    cont.appendChild(topP);
} else {
    // Add to individual blog post page
    cont = document.getElementById("post-body");
    cont.insertAdjacentHTML("afterend", topP.outerHTML);
}