Write.as Dracula Theme

writeas_dracula.css

body {
    color: #f8f8f2;
    background-color: #282a36;
    font-family: Hack,consolas,Menlo-Regular,Menlo,Monaco,'ubuntu mono',monospace,monospace;
}

a {
    color: #bd93f9;
    text-decoration: none;
}

header nav a {
    color: #bd93f9;
    text-decoration: none;
}

a:hover {
    background-color: #272822;
    color: #bd93f9;
    text-decoration: none;
}

header nav a:hover {
    background-color: #272822;
    color: #bd93f9;
    text-decoration: none;
}

#blog-title a { 
    color: #bd93f9;
    text-decoration: none;
    
}
#blog-title a:hover {
    background-color: #272822;
    color: #bd93f9;
    text-decoration: none;
}

body footer nav {
    display: none;
}

hr {
    display: none;
    /*color: #bd93f9;*/
}

header p.description a {
    color: #ff79c6;
}

header nav a.pinned {
    color: #ff79c6;
    text-decoration: none;
}

#post nav a:not(.home), header nav a {
    color: #ff79c6;
    margin: 0 0 0 1em;
}

.post-title {
    color: #bd93f9;
}

.post-title a.u-url:link, .post-title a.u-url:visited {
    color: #bd93f9;
}

body#collection a.read-more {
    text-decoration: none;
}

article p a {
    color: #bd93f9;
    text-decoration: none;
    border-bottom: 2px solid #272822;
}

article p a:hover {
    background-color: #272822;
    color: #bd93f9;
    text-decoration: none;
}

img {
    display: block;
    margin: 0 auto;
}

body#post header {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

header nav .views {
    display: none;
}

body#collection #wrapper article {
    max-height: 450px;
    overflow: hidden;
    position: relative;
}

body#collection #wrapper article:before{
    content: '';
    pointer-events: none;
    width: 100%;
    height: 70%;
    bottom: 0;
    position: absolute;
    background: linear-gradient(transparent 100px, #282a36);
}

body #post code, body#collection code, body#post code, body#subpage code {
    background-color: #272822;
    color: #50fa7b;
    border: 1px solid #ccc;
    padding: .2em .4em;
    font-size: .86em;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
}

body #post pre, body#collection pre, body#post pre, body#subpage pre {
    max-width: 100%;
    margin: 0;
    background: #272822;
    color: #50fa7b;
    border: 1px solid #ccc;
    padding: .375em .625em;
    font-size: .86em;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
}

body #post blockquote, body#collection blockquote, body#post blockquote, body#subpage blockquote {
    border-left: 4px solid #ddd;
    padding: 0 1em;
    margin: .5em;
    color: #ccc;
    display: inline-block;
}

#post article .authors,
#post article time.dt-published,
#subpage article .authors,
#subpage article time.dt-published {
    display: block;
    color: #ccc;
    margin-bottom: 1em;
}