Posted by: BUDDHATIC
Posting time: 5.3 years ago on 8/7/2015 12:44:08 AM
Last edit time: never edited.
Archived on: 2/12/2017 1:51:00 AM
Views: 636
SCP: 3
3 upvotes, 0 downvotes (100% upvoted it)
~1 user(s) here now
A CSS subverse dedicated to bringing you a simple and clean voat experience.
Everything you see here is SimpleDesign in progress or at work.
If you have any questions, suggestions, issues or contributions to the overall development of SimpleDesign feel free to drop by and submit your issues here.
The latest release is: 20171020.
The latest developmental release is: 20171020.
Create your own custom design using SimpleDesign NG.
The following themes have been developed;
This subverse uses /v/SimpleDesign and custom flairs, please enable "custom subverse styles" under your account management to see more content.
NSFW: No Authorized: No Anon: No Private: No Type: Default
Content violates spam guidelines
Content contains or links to content that is illegal
Content contains personal information that relates to a Voat users real world or online identity
Content or User violates User Agreement
Hi, it looks like you're new. Welcome to Voat!
Voat is a censorship-free community platform where content is submitted, organized, moderated and voted on (ranked) by the users.
Request Archived [Request]Black/Dark Grays & White/cream (SimpleDesign)
submitted 5.3 years ago by BUDDHATIC
Hey, I'm a mod for /v/screenwriting. Not skilled with CSS at all to be honest (I am working through html so I can eventually learn CSS, sadly slow-going at the moment). Would love a simpledesign with a dark gray and white/cream palette. It would be very much appreciated.
I see Nameless asked for specifics in a prev. thread, but there's really nothing too specific that I would like beyond the basic color change/borders? Boxes? I don't know the proper terminology. Is there a way to change the font to Courier/Courier Prime for subscribers?
Thank you for reading.
view the rest of the comments →
[–] Nameless 0 points 0 points 0 points (+0|-0) 5.3 years 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; } /* ========== ========== ========== ========== */
view the rest of the comments →
[–] Nameless ago
Here is the code. If you have any issues, please let me know.