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

CSS

/* Written in 2020 by Gabriel Augendre

 This theme is licensed under the GNU General Public License v3.

 You should have received a copy of the license along with this
 work. If not, see https://www.gnu.org/licenses/gpl-3.0.en.html
*/

:root {
  --accent: #226997;
  --main: #111111;
  --main2: #575757;
  --main3: #7d7d7d;
  --background: #ffffff;
  --background2: #f7f7f7;
}

body {
  font-size: 110%;
  color: var(--main);
  background-color: var(--background);
}

body h1 a, body h1 a:visited, body h1 a:link, body header h2 a, body header h2 a:visited, body header h2 a:link {
  color: var(--main);
}

body header p.description, body header nav a {
  color: var(--main2);
}

body .hidden.user.action {
  opacity: 1;
  color: var(--main3);
}

body article table a:not(.hashtag), body article table a.hashtag span + span, body article p a:not(.hashtag), body article p a.hashtag span + span, body article ul a:not(.hashtag), body article ul a.hashtag span + span {
  color: var(--main);
  border-bottom: solid var(--accent) 1px;
  text-decoration: none;
  transition: border-bottom 0.12s ease;
}

body article table a:not(.hashtag):hover, body article table a:not(.hashtag):focus, body article table a.hashtag:hover span + span, body article table a.hashtag:focus span + span, body article p a:not(.hashtag):hover, body article p a:not(.hashtag):focus, body article p a.hashtag:hover span + span, body article p a.hashtag:focus span + span, body article ul a:not(.hashtag):hover, body article ul a:not(.hashtag):focus, body article ul a.hashtag:hover span + span, body article ul a.hashtag:focus span + span {
  text-decoration: none;
  border-color: transparent;
}

body#post a, body#post a.hashtag span + span, body#subpage a, body#subpage a.hashtag span + span {
  border-bottom-width: 2.5px;
}

body #manage a, body .dropdown-nav a, body #manage ul a {
  color: var(--main);
}

body #manage ul, body .dropdown-nav ul, body #manage ul ul {
  background: var(--background);
}

body #manage ul li:hover, body .dropdown-nav ul li:hover, body #manage ul ul li:hover {
  background: var(--background2);
}

body #manage ul li a, body .dropdown-nav ul li a, body #manage ul ul li a {
  color: var(--main);
}

body#post, body#collection, body#subpage {
  color: var(--main);
}

body#post pre, body#post code, body#collection pre, body#collection code, body#subpage pre, body#subpage code {
  background: var(--background2);
  color: var(--main2);
}

body#post pre, body#collection pre, body#subpage pre {
  background: var(--background2);
}

body#post .post-title a, body#collection .post-title a, body#subpage .post-title a {
  color: var(--main);
}

body#post a.read-more, body#collection a.read-more, body#subpage a.read-more {
  color: var(--main3);
}

body#post article time.dt-published, body#collection article time.dt-published, body#subpage article time.dt-published {
  color: var(--main2);
}

body#post blockquote, body#collection blockquote, body#subpage blockquote {
  color: var(--main2);
}

body#post .pic-container, body#collection .pic-container, body#subpage .pic-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-bottom: -3rem;
}

body#post .pic-container .profile-pic, body#collection .pic-container .profile-pic, body#subpage .pic-container .profile-pic {
  max-width: 200px;
  min-width: 100px;
  border-radius: 10%;
  padding: 1rem;
  flex-shrink: 1;
  flex-grow: 0;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #226997;
    --main: #eeeeee;
    --main2: #cecece;
    --main3: #b1b1b1;
    --background: #111111;
    --background2: #575656;
  }

  img {
    opacity: 0.75;
    transition: opacity 0.5s ease-in-out;
  }

  img:hover {
    opacity: 1;
  }

  #manage ul ul li img {
    opacity: 1;
    filter: invert(1);
  }
}

CSS

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #226997;
    --main: #eeeeee;
    --main2: #cecece;
    --main3: #b1b1b1;
    --background: #111111;
    --background2: #575656;
  }

  img {
    opacity: 0.75;
    transition: opacity 0.5s ease-in-out;
  }

  img:hover {
    opacity: 1;
  }

  #manage ul ul li img {
    opacity: 1;
    filter: invert(1);
  }
}

CSS

/* Written in 2020 by Mara Cavanaugh

 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/
*/

@import url('https://fonts.googleapis.com/css2?family=Martel:wght@200;300;400;600;700;800;900&display=swap');
:root {
--wallpaper: #E5EFF2;
--main: #00004C;
--submain: #565884;
--accent1: #ab0000;
--accent2: #c85166;
--accent3: #5e2658;
--accent-a: #c50000;
}

body, body h1 a, body p {
color: var(--main);
font-family: Martel;
}

header p.description {
color: var(--accent3);
}

#post nav a:not(.home), header nav a {
color: var(--accent2);
}

body p {
font-size: 1.2rem;
}

body#collection article p, body#subpage article p{
line-height: 1.45;
}

.post-title a:link, .post-title a:visited {
font-family: Martel;
font-size: 1.2em;
color: var(--accent1);
}

body#post article h2#title {
font-family: Martel;
font-size: 1.7em;
color: var(--accent1);
}

p a {
color: var(--accent3);
}

p a:hover {
color: var(--accent-a);
}

#collection #wrapper time, #subpage #wrapper time {
color: var(--submain);
font-family: Martel;
/* Previous css  allowed use of time.dt-published, this css doesn't allow -- why?*/
}

a.hashtag span:first-child {
color: var(--submain);
}

a.hashtag span,
span.p-category {
color: var(--accent2);
}

nav a {
color: var(--submain);
}

input {
font-family: Martel;
}

input[type=email] {
border: 1px solid var(--submain);
}

#subscribe-btn {
border: 1px solid var(--accent3);
background: var(--accent3);
color: var(--wallpaper);
}

hr {
background: var(--submain);
}

body footer a.home:link, body footer a.home:visited {
color: var(--accent1);
}

CSS

/* Written in 2020 by Mistynotes

 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/
*/

h1, h2 {
    font-family: libretto-icons;
    color: #943526;
    padding-top:15px;  
    text-align: center;
}

h3, h4 {
    color: #787065;
}

body {
background: #f2f1ed;  
}

/* -- <p:first-of-type> is of no use, because there is always an image in the first paragraph in my blog*/
p:nth-child(2) {
  display:inline-block !important;
}

/* except for blockquotes, emailsub, footer */
blockquote p, #emailsub p, footer p {
   display:inline !important;
}

p::first-letter {
  font-size: 400%;
  color: #787065;
  float: left;
}

/*---*/

article {
   padding-top: 50px;
    background-color: #faf9f5;
    -moz-box-shadow:    1px 1px 2px #eae9e5; 
    -webkit-box-shadow: 1px 1px 2px #eae9e5; 
    box-shadow:         1px 1px 2px #eae9e5;
}

time::before {
  content: "~";
}

time::after {
  content: "~";
}

.post-title, .dt-published {
    color: #787065 !important;
    font-family: libretto-icons;
    text-align: center;
}

.h-card { color: #943526;}

.e-content {
    overflow: visible;
}

div.e-content img.img_main { 
    margin-left: -100px;
    margin-right: -100px;
    max-width: 132% !important;
    width: 132%;
}

.img_right {
  float: right;
  width: 200px;
  position:relative; 
  left    :50px;
}

.img_left {
  float:left; 
  width:200px; 
  position:relative; 
  right:50px;
}

footer {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

CSS

/* pick a kewl cursor */
* {
  cursor: url(https://files.writeas.org/ext/cur1150.ani), url(https://files.writeas.org/ext/cur1150.png), auto !important;
}

/* add a spiffy blinking background! */
body {
  background: url('https://files.writeas.org/ext/glitter.gif');
}

/* make headers and publish dates blueeee */
article h1, article h2, article h3, body#post article time.dt-published, body#subpage article time.dt-published {
  color: blue !important;
}

/* make header3s the same size as other text */
article h3 {
  font-size: 1em;
}

#blog-title a {
  color: white;
}

header nav a, body footer nav, body footer nav a:link, body footer nav a:visited, #blog-title a, body footer nav a.home:link, body footer nav a.home:visited, body footer nav a.home:hover {
  font-family: "open sans", sans-serif;
}

header p.description {
  color: black;
}

/* make static navigation items BLINK! 8-) */
header nav a, #post nav a:not(.home), header nav a {
  animation: blinker 1s linear infinite;
  font-weight: bold;
  font-size: 1.2em;
  color: blue;
}

body footer nav {
  color: black;
}

/* make footer links and dates BLUE */
footer nav a:link, footer nav a:visited, .post-title time a, .post-title a {
  color: blue !important;
  font-size: 1em;
}

/* underline footer links when you mouse over them */
footer nav a:hover {
  text-decoration: underline;
}

/* This prepends posts with no dates with "Date: " */
.post-title time a::before {
  content: "Date: ";
}

h2 + time {
  display: none !important;
}

/* This adds BLINK!!!! */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

img {
  max-width: 22%;
}

body#collection #wrapper article, body#subpage #wrapper article {
  border: 10px solid gold;
  padding-top: 1em;
}

JS

// replace footer with my kewl referral link
document.querySelector('footer > nav').innerHTML = '<strong>WriteSpace.as layouts</strong> on <a href="https://write.as/themes/">Pimp-My-Profile.as</a><br><br><a href="https://write.as/start">Create your free WriteSpace.as profile!</a>';

// add super sweet scrolling title
(function titleScroller(text) {
  document.title = text;
  setTimeout(function () {
    titleScroller(text.substr(1) + text.substr(0, 1));
  }, 500);
}(" WriteSpace.as WriteSpace.as WriteSpace.as "));

CSS

/* Written in 2020 by Jesse Watson

 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/
*/

body {
  background-color: #232931;
  font-family: monospace;
}

a {
    color: #4ecca3;
}

li {
    color: #ccc;
}

body footer {
    font-family: serif;
}

.post-title a:visited {
    color: #4ecca3;
    font-family: monospace;
}

.post-title a:link {
    color: #4ecca3;
    font-family: monospace;
}

body#post article h2#title {
    color: #ccc;
}

body#collection #wrapper h2, body#subpage {
    color: #ccc;
}

#official-writing h2, #official-writing h3, #official-writing h4, #wrapper h2, #wrapper h3, #wrapper h4 {
    color: #ccc;
}

body#collection article .book a.hidden.action {
    color: #4ecca3;
    font-family: monospace;
}

body h1 a {
    color: #4ecca3;
}

body h1 a:hover {
    color: #666;
}

post-title {
    color: #393e46;
}

body h1 a:hover {
    color: #393e46;
}

body#post article h2 {
    color: #ccc;
}

body footer nav {
    color: #ccc;
}

p {
  color: #ccc;
}

h1 {
  color: #ffffff;
  background-color: #24242;
}

hr {
    background-color: #4ecca3;
}

header nav a, header nav span {
    color: #666;
}

body#collection #wrapper h2+time, body#subpage #wrapper h2+time {
    color: #ccc;
}

#wrapper h2, #wrapper h2#h2-heading {
    color: #ccc;
}

#wrapper h5#h5-heading {
    color: #ccc;
}

body#post article code, body#post article h1, body#post article h2, body#post article h3, body#post article h4, body#post article h5, body#post article h6, body#post article ol, body#post article p, body#post article ul{
    color: #ccc;
}

#wrapper h6#h6-heading {
    color: #ccc;
}

#wrapper td {
    color: #ccc;
}

td {
    color: #ccc;
    padding-left: 9px;
    padding-right: 9px;
}

th {
    color: #ccc;
    padding-left: 9px;
    padding-right: 9px;
}

tr:nth-child(even) {
    background-color: #393e46
}

tr {
    border-left: 1px solid #393e46;
}

#wrapper th {
    color: #ccc;
}

body#post article code {
    background-color: #393e46;
    color: #4ecca3;
}

#collection #wrapper code {
    background-color: #393e46;
    color: #4ecca3;
}

#collection #wrapper pre {
    background-color: #393e46;
}

body#post pre {
    background: #393e46;
}

body#collection blockquote, body#post blockquote, body#subpage blockquote {
    border-left: 4px solid #4ecca3;
}

table {
    width: -webkit-fill-available;
    border-collapse: separate;
    border-spacing: 0;
}

thead {
    background: #393e46;
}

CSS

/* Written in 2020 by Riley Walz

 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/
*/

.book {
	display: none;
}

.read-more {
	display: none;
}

.h-entry {
	justify-content: space-between;
	display: flex;
}

body#collection #wrapper article,
body#subpage #wrapper article {
	margin-bottom: 1em;
}

.dt-published {
	flex-shrink: 0;
}

* {
	font-family: sans-serif!important
}

@media screen and (max-width: 700px) {
	.h-entry {
		display: block
	}
	body#collection #wrapper time,
	body#subpage #wrapper time {
		font-size: 0.9em;
	}
	.post-title {
		font-size: 1.2rem;
	}
	body#collection #wrapper article,
	body#subpage #wrapper article {
		margin-bottom: 1.5em;
	}
}

#emailsub {
	text-align: center;
	margin-top: 50px;
}

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

CSS

/* Written in 2020 by Nate Dickson

 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/
*/

body {
  background-color: #e6e2d3;
}

article {
  background-color: #FFF;
  border-radius: 15px;
  border: 3px #b9936c solid;
}

article>h2 {
  padding-top:15px;
}