WriteSpace.as
A fresh, revolutionary design from Write.as. Read our announcement post.
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 "));