Extratone
Copy Theme
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);
}