WriteSpace.as

A fresh, revolutionary design from Write.as. Read our announcement post.

A preview of the WriteSpace.as theme

The WriteSpace.as theme on individual blog pages

Copy Theme

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 "));