0
0

[–] Nameless ago 

Here is the code. If you have any issues, please let me know.

/*  ========================================================================= */
/*  SimpleDesign Buddhatic Screenwriting CSS stylesheet for Voat (http://www.voat.co).
/*  Designed by Nameless (http://www.voat.co/user/Nameless).
/*  Based on Version 20150803 of the SimpleDesign template.
/*  ========================================================================= */

/* ========== ========== ========== ========== */
body {
    font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
}
body.light {
    background-color: #000;
}
.light #container {
    border: 1px solid #000;
}
.spacer a.btn-whoaverse,
.btn-whoaverse-paging {
    background: #000;
    border: 1px solid #000;
    color: #FFF!important;
}
.btn-whoaverse-paging {
    font-size: 8pt;
    }
input.btn-whoaverse-paging {
    font-weight: bold !important;
}
.pagination-container .btn-whoaverse-paging a {
    color: #FFF!important;
}
.spacer a.btn-whoaverse:hover,
.btn-whoaverse-paging:hover {
    background: #808080;
    border: 1px solid #000;
}
/* ========== ========== ========== ========== */
#header {
    background-color: #FFFFCC;
    height: 150px;
}
#sr-header-area,
#sr-header-area a {
    background-color: #FFFFCC;
    border: none;
    color: #000 !important;
}
#sr-header-area a:hover {
    color: #808080 !important;
    text-decoration: none;
}
#header-container {
    background: rgba(44, 44, 44, 0.5);
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}
.pagename a,
.tabmenu * a {
    background: none !important;
    border: 0 !important;
    color: #FFF !important;
    font-size: 14pt;
    text-transform: uppercase;
}
.tabmenu li.selected a {
    font-weight: bold;
}
.tabmenu li a.contribute {
    color: #FFFFCC !important;
    font-weight: normal;
}
.pagename a:hover,
.tabmenu li a:hover {
    border-color: #FFF !important;
    border-style: solid none !important;
    border-width: 2px !important;
}
.pagename a:hover {
    margin-bottom: -2px;
}
#header-account {
    margin-bottom: 4px;
}
#header-account a,
#header-account .separator,
#header-account .upvoatsGiven a {
    color: #000 !important;
}
#header-account .logged-in {
    background-color: #FFFFCC;
    border: 1px solid #FFFFCC;
}
#header-account a:hover {
    color: #808080 !important;
}
/* ========== ========== ========== ========== */
.light .submission,
.light #container {
    background-color: #FFFFCC;
}
.flair,
.promoted {
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    display:inline-block;
    font-weight: bold;
}
.tagline .commentvotesratio .post_upvotes {
    font-weight: bold;
}
.tagline .commentvotesratio .post_downvotes {
    font-weight: normal;
}
.entry .title .domain a:hover,
.sitetable .entry .title .title,
.entry .tagline a.subverse:hover,
.tagline .commentvotesratio .post_upvotes,
.tagline .commentvotesratio .post_downvotes {
    color: #000;
}
.content a,
.content a:visited:hover,
.link .flat-list li a:hover,
.comment .flat-list.buttons li a:hover,
.entry p.tagline a.author {
    color: #000;
    text-decoration: none !important;
}
.content a:hover,
.content a:visited,
.entry p.tagline a.author:hover,
.sitetable .entry .title .title:visited,
.sitetable .entry .title .title:hover,
.sitetable .entry .title .title:visited:hover {
    color: #808080;
}
.light .entry .expando .usertext-body .md {
    background: #FFFFCC;
    border: 0;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    padding: 0;
}
.light blockquote, .light pre, .light code {
    background-color: #F0F0F0 !important;
}
.light pre, .light code {
    border: 3px solid #F0F0F0;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    white-space: pre !important;
}
.light .comment .comment {
    border: 0;
    border-left: 1px solid #F0F0F0;
    border-radius: 3px;
    border-top: 1px solid #F0F0F0;
    margin: 8px 0 3px 10px;
    padding: 10px 8px;
}
.light .comment .comment .comment,
.light .comment .comment .comment .comment .comment,
.light .comment .comment .comment .comment .comment .comment .comment,
.light .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.light .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.light .comment .comment,
.light .comment .comment .comment .comment,
.light .comment .comment .comment .comment .comment .comment,
.light .comment .comment .comment .comment .comment .comment .comment .comment,
.light .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
    background-color: #FFFFCC;
}
span a.submitter:after {
    content: "ubmitter";
}
.md a[href="#s"]::after {
    background: #808080;
    border: 1px solid #808080;
    color: #808080;
}
.md a[href="#s"]:hover::after,
.md a[href="#s"]:active::after {
    background: #FFF;
    border: 0;
    color: #000;
}
/* ========== ========== ========== ========== */
.side h1,
.alert-h2,
.side * a,
.side * a:visited {
    color: #808080;
}
.content a:visited:hover,
.side a.hover:hover,
.side * a:hover {
    color: #000;
    text-decoration: none;
}
.side .spacer.spacersection  {
    background-color: #808080;
}
.side .spacer.spacersection .alert-h1 {
    color: #000;
}
/* ========== ========== ========== ========== */
.footer-container a {
    color: #FFFFCC;
    font-weight: bold;
    text-decoration: none;
}
.footer-container a:hover {
    color: #808080;
    text-decoration: none;
}
p.bottommenu:nth-child(3):after {
    content: "\A\A\00A9  2015 SimpleDesign template by /u/Nameless. Version SDT-20150803.";
    white-space: pre;
}
/* ========== ========== ========== ========== */

0
1

[–] Nameless 0 points 1 point (+1|-0) ago  (edited ago)

Here is a preliminary screenshot of the theme if it isn't live by the time you see this comment.

This particular theme is interesting in that since you want a change in the base color of voat (or any website as a whole); it tends to reveal discrepancies in the HTML/CSS of the code. And I've found quite a few haha.

0
0

[–] BUDDHATIC [S] ago 

Hopefully finding those discrepancies will be useful! Heh.

It looks really good from the screenshot. I'm very impressed and thankful for the time you've taken

0
1

[–] Nameless 0 points 1 point (+1|-0) ago 

Yes, there is a way to change the font but as what actually shows up on the users side is an entirely different problem. A simple color change should be easy to implement.