Themes

CSS

/* Written in 2020 by Max Henderson.
Modified in April 2020 by David Blue for bilge.world.

Version 2.3

   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

   I am not a web designer or coder. This code is messy. Hope you enjoy.
   Open to any suggestions.

*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@100;500;700&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {background-color: #FFF4E6;}
/* old background-color: #f2f2f2 */

#blog-title a {
    font-family: 'IBM Plex Sans Condensed', sans-serif !important;
    /* font-style:bold !important; */
    color: #00006b;
}

header nav a {
  font-family: 'IBM Plex Sans Condensed', sans-serif !important;
  font-size: 1.2em;
}

header p.description {
   /* font-style: italic; */
    font-family: 'IBM Plex Sans Condensed', sans-serif !important;
    line-height: 200% !important;
    color: #00006b !important;
    font-size: 1em;
    margin-left: inherit;
    margin-right: inherit;
}

body#collection header {
   margin-bottom: 1em !important;
}


header nav a {
    color: #00006b;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    /* margin-bottom: 1em; */
}

body, article {
    font-family: Merriweather, sans-serif !important;
    line-height: 150% !important;
    font-size: 1em !important;
    color: #0d0d0d;
    /* margin-top:1rem !important; */
}


body, article a:link {
    color: #00006b;
}

body, article a:visited {
    color: #F43B28;
 }

 h1 {
     color:#00006b !important;
     font-family: 'IBM Plex Sans Condensed', sans-serif;
     font-size: 2em !important;
 }

h2 {
    color:#00006b !important;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 1.4em !important;
}

h3 {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 1.15em !important;
}

h4 {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 1em !important;
}

h5 {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 1em !important;
}

h6 {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: .85em !important;
}

.post-title a:visited, .post-title a:link {
    font-family: 'IBM Plex Sans Condensed', sans-serif !important;
    color: #00006b !important;
    font-size: 1.7rem !important;
}

body#post article time.dt-published, body#subpage article time.dt-published {
  font-family: 'IBM Plex Sans Condensed', sans-serif !important;
  color: dimgray !important;
  font-size: 1rem !important;
}

body footer nav {
    color: #0d0d0d;
}

blockquote {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    color: #333333 !important;
}

hr{
  border: 2px solid red;
}


body footer a.home:link, body footer a.home:visited {
    color: #000000;
}

.action {
    font-family: 'IBM Plex Sans Condensed', sans-serif;
}

nav#manage ul a {
    color: #0d0d0d;
}

nav#paging a {
    color: #0d0d0d !important;
    font-family: 'IBM Plex Sans Condensed', sans-serif !important;
}


a.bt {
   background-color:#0d0d0d !important;
   color: #0d0d0d !important;
}

.custom-nav {
  text-align: center;
  text-transform: uppercase;
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  color: red;
}
.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;
}

#subscribe-btn {
    border: 1px #FF0000;
    background: #00006b;
    font-family: 'IBM Plex Sans Condensed', sans-serif;
    font-size: 1em;
    color: #FFF4E6;
}

JS

NOTE: replace footer links with your own (or remove)

// For footer 

var topP = document.createElement("p");
//topP.style.textAlign = "center";

topP.innerHTML = '<hr><div class="custom-nav"><a rel="me" href="https://mastodon.social/@yourname">Mastodon</a> // <a href="https://twitter.com/yourname">Twitter</a> // <a href="https://discord.gg/yourname">Discord</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);
}

// For embedding tweets

// src: https://platform.twitter.com/widgets.js