Slick Dracula for Rule34 by chacha

/* ==UserStyle==
@name           Slick Dracula for Rule34
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A simple userstyle based on the Dracula color scheme, with only slight changes to pretty up the standard look.
@author         ChaCha
==/UserStyle== */

@-moz-document domain("rule34.xxx") {
    /* Insert code here... */


    body {
        background-color: #282A37;
        color: #F8F8F2;
    }

    #header {
        background-color: #21222C;
        margin-bottom: 0px !important
    }
    
    #site-title {
        background-image: none;
    }

    .sidebar {
        padding-top: 25px !important;
        max-width: 250px !important;
    }
    
    .tag-search {
        width: 250px !important;
    }
    
    div#header ul#subnavbar {
        background-color: #21222C;
        border-top: 1px solid #44475A;
        border-bottom: 1px solid #44475A;
    }

    a {
        color: #949FBE !important;
    }

    a:hover, li.current-page a {
        color: #F8F8F2 !important;
    }

    li.current-page {
        background-image: none !important;
        background-color: #44475A;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #F8F8F2 !important;
    }
    
    .tag-type-copyright a, div.awesomplete .tag-type-copyright {
        color: #BD93F9 !important;
    }
    .tag-type-character a, div.awesomplete .tag-type-character {
        color: #50FA7B !important;
    }
    .tag-type-artist a, div.awesomplete .tag-type-artist {
        color: #FF79C6 !important;
    }
    .tag-type-general a, div.awesomplete .tag-type-general {
        color: #8BE9FD !important;
    }
    
    span.tag-count {
        color: #F8F8F2;
    }
    
    @keyframes imagefocus {
        from {opacity: 60%;}
        to {opacity: 100%;}
    }
    
    img.preview {
        border-radius: 5px;
        opacity: 70%;
        transition: 0.3s;
    }
    
    img.preview:hover {
        opacity: 100%;
    }

    
    .content {
        border-left: 1px solid #44475A;
        padding-left: 20px;
    }
    
    .manual-page-chooser > input[type="text"], .manual-page-chooser > input[type="submit"], .pagination a {
        background-color: #282A37;
        border: 1px solid #6272A4;
        height: 22px;
        color: #6272A4;
    }
    
    div#paginator a:hover {
        background-color: #BD93F9 !important;
    }
    
    .sidebar div img {
        display: none;
    }
    
    .status-notice {
        background-color: #282A37 !important;
        border-color: #6272A4 !important;
        margin-left: 0px !important;
        border-radius: 5px;
        border-width: 1px !important;
    }
    
    div.awesomplete ul {
        background: #44475A !important;   
    }
    
    div.awesomplete input:focus {
           background:#F1FA8C;
        outline: none;
    }
    
    tr.tableheader {
           background: #6272A4 !important;
    }
    
    tr.even:hover {
        background: #21222C  !important;   
    }
    
}