eddited v1.0.2 - customizer - install zip - view on github

So I'm technically no longer updating this project, but if you send me a message/modmail/tag me I'm pretty quick to respond and hopefully I can help out.

Also the new customizer link is: https://eddited.12px.io/

I cant seem to get the header to display properly.

​

The image is 2000x220

​

I have set height @ 220px

​

Compiled (tried this 6 or 8 times)

​

/* eddited options v1.0.2 */

​

.titlebox .redditname a:after {

content: "/r/thehauntingofhillhouse";

}

​

​

/* eddited core v1.0.2 */

​

*{box-sizing:border-box}body,html{margin:0}body{display:flex;background:#262626;color:#a60000;font:400 13px ".SFNSText-Light",".SFUIText-Light",".HelveticaNeueDeskInterface-Light",HelveticaNeue,"Segoe UI",Roboto,Arial,"Apple Color Emoji",sans-serif;flex-flow:row wrap}.md{color:#a60000}.md hr{margin:12px 0;height:1px;background-color:#2d2d2d}.content,.side{padding:12px;background:#191919}.content .content{margin:0;padding:0;border:none}body.with-listing-chooser .listing-chooser,body.with-listing-chooser.listing-chooser-collapsed.listing-chooser{top:40px;z-index:5}body.with-listing-chooser #header .pagename{position:relative;bottom:initial;margin-right:6px}body.with-listing-chooser .side{margin-right:0!important}a{color:#3d3d3d}.md a{border-bottom:1px dotted}input[type=password],input[type=text],textarea{box-sizing:border-box;padding:6px 12px!important;border:1px solid #2d2d2d!important;background:#191919!important;color:#a60000!important}input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:0;border-color:#3d3d3d!important}.btn,[href^="#btn"]+a,[href^="#btn"]+span+a,[href^="#obtn"]+a,[href^="#obtn"]+span+a{padding:6px 12px}.sidebox.create{clear:both}.sidebox.create .spacer{display:none}.morelink{border:none;background-image:none!important}[href^="#btn"]+a,[href^="#btn"]+span+a,[href^="#obtn"]+a,[href^="#obtn"]+span+a{display:inline-block;font-size:11px}[href^="#btn"]+a,[href^="#btn"]+span+a{background:#3d3d3d;color:#fff!important}.btn,.morelink a,[href^="#obtn"],button{background:0 0;color:#3d3d3d!important}[href$="-f"]+a,[href$="-f"]+span+a{width:100%;text-align:center}.btn,.fancy-toggle-button .option,.fancy-toggle-button .option.active,.morelink a,.res-fancy-toggle-button,[href^="#btn"]+a,[href^="#btn"]+span+a,[href^="#obtn"]+a,[href^="#obtn"]+span+a,button{box-sizing:border-box;border:1px solid #3d3d3d;text-transform:uppercase;letter-spacing:.1em;font-weight:400}.btn:hover,.fancy-toggle-button .option.active:hover,.fancy-toggle-button .option:hover,.morelink a:hover,.res-fancy-toggle-button:hover,[href^="#btn"]+a:hover,[href^="#btn"]+span+a:hover,[href^="#obtn"]+a:hover,[href^="#obtn"]+span+a:hover,button:hover{opacity:.8}.content [href^="#btn"]:not([href$="-f"])+a,.content [href^="#btn"]:not([href$="-f"])+span+a,.content [href^="#obtn"]:not([href$="-f"])+a,.content [href^="#obtn"]:not([href$="-f"])+span+a{margin:0 10px}.content [href="#btn-f"]+a,.content [href="#btn-f"]+span+a,.content [href="#obtn-f"]+a,.content [href="#obtn-f"]+span+a{margin:10px 0}#header{position:fixed;top:0;right:0;left:0;border-bottom-color:#2d2d2d;background-color:#191919;order:0}#header-bottom-left,#header-bottom-right,#sr-header-area,#sr-more-link{border:none}#header-bottom-left,#header-bottom-right{padding:12px;background:#191919;color:#a60000;line-height:1}#header-img{height:25px;width:auto;margin:-12px 0 -6px}#header-img.default-header{margin:-11px 6px -3px 0;width:25px;height:22px;border-radius:100%;background-color:#2d2d2d;background-size:100px auto;background-position:1px -943px}.redditname{font-size:0}.redditname a{letter-spacing:0;font-variant:normal;font-size:16px}.redditname a:before{display:inline-block;content:"r/";font-weight:700;font-size:16px}.pagename a{color:#3d3d3d}#sr-header-area{left:0;right:0;top:40px;padding:0 7px;overflow:visible;position:absolute;box-sizing:border-box;color:#fff;transition:all .2s ease;background:#3d3d3d;font-size:9px}#sr-header-area a{color:#fff}#sr-header-area:before{left:0;right:0;top:18px;content:"";height:12px;display:block;position:absolute;background:0 0}#sr-header-area .drop-choices a{color:#3d3d3d}.dropdown.srdrop .selected{padding-right:5px;background-image:none;color:#fff}#sr-more-link{background:#3d3d3d}#header-bottom-right{font-size:10px;top:auto!important;background:0 0;bottom:0!important}#header .tabmenu{z-index:105;position:absolute;margin:-1px 0 0 12px}.tabmenu{margin:0}.tabmenu,.tabmenu a,.tabmenu li{display:inline-block;box-sizing:border-box}.tabmenu li{margin:0 1px}.tabmenu li a{padding:4px 5px 4px 7px;margin-bottom:-3px;color:#6e0a0a;background:0 0;border:1px solid transparent;text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:10px}.tabmenu li:hover a{color:#a60000;border-color:#a60000}.tabmenu li.selected a{color:#3d3d3d;border-color:#3d3d3d;background-color:transparent}body>.content{margin:33px 0 0!important;border-right-color:#191919;order:1;flex:0 1 calc(100% - 300px)}#preview-table table,#subreddit_stylesheet>div{width:100%}.gray,h2{color:#6e0a0a}.error{color:#d20000}.md a{color:#3d3d3d}.search-result-meta .stickied-tagline,.tagline .stickied-tagline,.thing.stickied.link a.title{color:#a60000}.gold-accent{border-color:#5e0000;border-radius:3px;background-color:#fff}.thing .md .expando-button{position:relative;margin:0 4px}.content>.tabpane-content,.formtabs-content{padding-top:12px;border:2px solid transparent;border-top-color:#3d3d3d}.content>.tabmenu,ul.tabmenu.formtab{padding:12px}.content>.tabmenu:hover,ul.tabmenu.formtab:hover{border:none;background:0 0}.content>.tabmenu a,ul.tabmenu.formtab a{border:none;font-size:13px!important}.submit_text.roundfield.enabled{display:none}.content>.tabmenu li a:hover .content>.tabmenu .selected a,.tabmenu.formtab .selected a,ul.formtab li a:hover{color:#3d3d3d!important;background-color:transparent}.linefield,.roundfield{padding:10px;border:1px solid #2d2d2d;border-radius:0;background-color:#262626}pre{padding:3px 6px!important;color:#a60000!important;border:1px solid #2d2d2d;display:inline-block!important;background-color:#262626!important}.submit-page #reddit-field{display:none}.submit-page #suggest-title{margin-top:6px}.submit-page #items-required{font-size:0}.fancy-settings h1{margin:12px 0}.usertable{margin:0}.flaircell,.flairlist .header{margin-right:0}.content>.menuarea{border:none;background:#3d3d3d;color:#191919;display:inline-block;border-radius:3px}.content>.menuarea .dropdown.lightdrop .selected,.content>.menuarea .flat-list .selected a,.content>.menuarea .flat-list a{color:#191919}.sheets .btn,.sheets label{margin-top:4px;padding:4px 8px;font-size:10px}.sheets textarea{color:#ccc!important;padding:20px!important;background:#000!important}#image-upload #file,#image-upload #sumbit-img{margin:10px 0}#image-upload label input{margin:2px 5px}ul.image-list{font-size:13px}.thing{margin-bottom:6px;padding:12px 0;position:relative;border-bottom:1px solid #262626}.domain,.domain a,.entry .buttons li a,.redditSingleClick:after,.search-result-meta,.tagline{font-size:11px;font-weight:400;color:#6e0a0a}.domain a:hover,.entry .buttons li a:hover{color:#a60000}.entry .buttons li .comments{color:#3d3d3d}.infobar,.reddit-infobar{border:none;background-color:transparent}.reddit-infobar .md p{margin-top:-3px;padding-bottom:5px;border-bottom:2px solid #5e0000;color:#000;text-transform:uppercase;font-size:13px}.reddit-infobar.with-icon:before{width:41px;height:41px;border-radius:100%;background-color:#5e0000}.thing .title,.thing .title:hover{font-size:17px;color:#3d3d3d;margin-bottom:6px}.thing .title:visited,.thing.visited .source-url,.thing.visited .title{color:#aaa}.thing .thumbnail img{min-height:60px;width:auto!important}.thing .thumbnail{margin:0 12px 0 0;width:80px;height:60px!important;border-radius:3px;text-align:center;background-image:none;background:#000}.thing .thumbnail:after{position:absolute;display:block;width:80px;height:60px;text-align:center;font-weight:700;font-size:11px;text-transform:uppercase;line-height:60px}.thing.self .thumbnail:after{content:"self";color:#6e0a0a}.thing.locked .thumbnail:after{content:"locked";color:#820000;background-color:#2f0000}.thing.over18 .thumbnail:after{content:"nsfw";color:#bc0000;background-color:#690000}.thing.locked .thumbnail img{opacity:.5}.thing.over18 .thumbnail img{display:none}.nsfw-stamp{color:#d20000;margin:3px -3px 0 0}.thing .expando-button{width:20px;height:20px;border:2px solid #191919;border-radius:16px;color:#6e0a0a;background:#000;background-image:none!important;text-align:center;font-weight:700;font-size:13px;line-height:18px}.thing .expando-button.expanded,.thing .expando-button:hover{border-color:#313131}.thing .expando-button:before{background-image:none!important}.thing .expando-button.expanded:before{content:"-"!important}.thing .expando-button:not(.expanded):before{content:"+"!important}.thing .thumbnail+.entry .top-matter .expando-button{position:absolute;top:50px;margin-left:-28px}.thing.over18 .thumbnail+.entry .top-matter .expando-button{color:#bc0000;background-color:#690000}.thing.over18 .thumbnail+.entry .top-matter .expando-button.expanded,.thing.over18 .thumbnail+.entry .top-matter .expando-button:hover{border-color:#bc0000}.thing.locked .thumbnail+.entry .top-matter .expando-button{color:#820000;background-color:#2f0000}.thing.locked .thumbnail+.entry .top-matter .expando-button.expanded,.thing.locked .thumbnail+.entry .top-matter .expando-button:hover{border-color:#820000}.link .rank{color:#6e0a0a}.arrow{margin:0 auto;background-image:none!important;color:#6e0a0a;text-align:center;line-height:1.2}.arrow.up:before,.arrow.upmod:before{content:"▲"}.arrow.down:before,.arrow.downmod:before{content:"▼"}.link .score{color:#6e0a0a}.arrow.upmod,.link .score.likes{color:#a60000}.arrow.downmod,.link .score.dislikes{color:#0071c5}.link.last-clicked{border-color:transparent #3d3d3d transparent transparent}.link .usertext-body .md{border-color:transparent transparent transparent #3d3d3d;border-radius:0;background-color:#191919!important}.commentarea .menuarea,.panestack-title{margin:0;padding:12px;border-color:#2d2d2d}.panestack-title{margin-top:12px}.comment{padding:12px}.comment .md{color:#a60000}.comment .child{border-left-color:#2d2d2d}.commentarea .menuarea{color:#6e0a0a}.commentarea .menuarea .toggle a{color:#6e0a0a}.dropdown.lightdrop .selected,.morecomments a,.search-result-meta .submitter,.tagline .submitter{color:#3d3d3d}.morecomments .gray{color:#6e0a0a}.gold-accent.comment-visits-box{border-width:0;margin:12px 10px 24px;border-bottom-width:3px;background:#191919;color:#910000}.new-comment .usertext-body{border-color:transparent;background-color:transparent}.new-comment .tagline:after{display:inline-block;color:#3d3d3d;content:"new comment"}.thing.comment.stickied{border-left:3px solid #a60000!important}.flair,.linkflairlabel{padding:2px 4px;font-size:11px;border-color:#191919;background-color:#3d3d3d;color:#191919;vertical-align:bottom}.linkflair-red .linkflairlabel{background-color:grey}.linkflair-green .linkflairlabel{background-color:#666}.tagline .flair{margin-bottom:-3px;vertical-align:bottom}.thing:not(.stickied):not(:hover) .linkflairlabel{opacity:.5}.flairselector.drop-choices.active{box-shadow:none;padding:12px 4px!important;border:1px solid #2d2d2d}.flairselector.drop-choices.active h2{color:#a60000;margin-bottom:4px;background:0 0}.footer-parent{width:100%;background:#161616;border-top:1px solid #2d2d2d;order:3}.footer-parent a{font-size:13px}.footer-parent .bottommenu{font-size:10px;color:#6e0a0a}.footer-parent .bottommenu a{color:#3d3d3d}.footer-parent .bottommenu:first-of-type{margin-top:24px}.footer-parent .bottommenu:last-of-type{margin-bottom:24px}.footer-parent .flat-vert.title{color:#6e0a0a}.footer,.footer .col{border:0}#hsts_pixel,.debuginfo{order:4}.side{margin:33px 0 0;width:300px;border-left:1px solid #2d2d2d;order:2}.side .md{color:#a60000}.side:after{display:block;text-align:center;font-size:11px;color:#6e0a0a;content:"theme @ r/eddited"}.loggedin .side .spacer:nth-last-child(2){display:none}.sidecontentbox .more a,.sidecontentbox .title h1,.titlebox .bottom{color:#6e0a0a}.sidecontentbox .title h1{text-transform:uppercase;font-weight:700}.account-activity-box a,.create .morelink a,.sidecontentbox .title h1,.sidecontentbox a{font-size:11px}.side .icon-menu a,.titlebox form.toggle{background:0 0}.login-form-side{border:none;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #2d2d2d}.login-form-side input[type=password],.login-form-side input[type=text]{margin:0 0 5px;width:calc(275px)}.linkinfo{padding:12px;border-radius:0;color:#3d3d3d;border:1px solid #3d3d3d;background-color:#191919}.linkinfo .date,.linkinfo .shortlink{font-size:11px}.sidebox.create{margin:24px 0 26px}.sidecontentbox{margin-bottom:24px}.sidecontentbox .title{margin-bottom:12px}.sidecontentbox .collapse-button{border-color:transparent;background:0 0;font-size:0;line-height:7px}.sidecontentbox .collapse-button:before{content:"[-]";font-size:11px}.sidecontentbox .content{padding:0;border:none}#moderation_tools .title h1{font-size:0}#moderation_tools .title h1:before{content:"Mod Tools";text-transform:capitalize;font-size:11px}.titlebox .bottom{padding-bottom:12px;font-size:11px;border-top-color:#2d2d2d}.search-result-meta a,.tagline a{color:#3d3d3d}.leavemoderator,.titlebox form.toggle{color:#6e0a0a}#search{margin-top:-6px}#search input[type=text]{width:100%;border-color:transparent transparent #2d2d2d!important}#search input[type=text]::placeholder{color:#2d2d2d;text-transform:capitalize}#search input[type=text]:focus::placeholder,#search input[type=text]:hover::placeholder{color:#6e0a0a}#search input[type=submit]{opacity:.6}#search:not(:hover) input[type=submit]{opacity:.2}.leavemoderator,.side .nub,form.leavecontributor-button,span.multi-count{display:none!important}.morelink{font-size:13px}.submit-link .morelink,.submit-text .morelink{margin-bottom:6px;border:none;background:0 0}.titlebox .redditname{margin-bottom:-4px}.titlebox .redditname a{display:inline-block;margin-top:8px;color:#3d3d3d}.titlebox .redditname a:before{content:"r/";font-size:16px}.fancy-toggle-button{padding:8px 0;padding:.5rem 0;width:100%;text-align:center;margin-bottom:0}.fancy-toggle-button .option.active{display:inline-block;box-sizing:border-box;width:100%;border-radius:0;font-size:11px}.fancy-toggle-button .remove{border-color:#2d2d2d!important;background:#2d2d2d;color:#a60000}.fancy-toggle-button .add{border-color:#3d3d3d;background:#3d3d3d;color:#fff}.side .usertext-body{margin-top:12px;padding:12px 0;border-top:1px solid #2d2d2d}hr+hr{display:none}hr+hr+p{text-align:center}.subscribers,.users-online{color:#3d3d3d;text-transform:uppercase;font-weight:700;font-size:11px}.subscribers .word,.titlebox .leavemoderator:before,.titlebox form.leavecontributor-button:before,.users-online .word,.users-online:before{display:none}.leavemoderator,.subscribers{float:right}.subscribers:after,.users-online:after{display:inline}.subscribers:after{content:"Users"}.users-online:after{content:"Browsing"}.leavecontributor-button,.leavemoderator{display:inline-block;margin-bottom:6px}.leavecontributor-button .option,.leavemoderator{font-size:0}.leavecontributor-button .option a,.leavemoderator a{font-size:11px}.leavemoderator a:before{content:"Mod ("}.leavecontributor-button .no,.leavecontributor-button .yes{padding-right:10px}.leavecontributor-button .option .togglebutton:before{content:"Approved ("}.leavecontributor-button .option .togglebutton:after,.leavemoderator a:after{content:")"}.titlebox form.flairtoggle{margin-top:10px;margin-bottom:-16px;font-size:0}.titlebox form.flairtoggle label:after{content:"Flair: ";font-size:11px;vertical-align:bottom}.flairtoggle+.tagline{margin:0;text-align:right}.res-navTop #header-bottom-right{margin-bottom:-3px}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort{font-size:10px;text-align:center;background:0 0;color:#191919}#header:not(:hover) #sr-header-area a.RESShortcutsCurrentSub{color:#191919!important}#RESShortcutsEditContainer{margin:1px 7px 0 0}#RESShortcutsEditContainer .res-icon{font-size:10px}.titlebox .toggle.res-sr-style-toggle{font-size:10px;margin-bottom:-5px}.subscribe-button+.res-fancy-toggle-button{float:none}.res-fancy-toggle-button{margin:0 0 15px;padding:6px 24px;border-color:#2d2d2d;border-radius:0;background:0 0;color:#a60000}.res-fancy-toggle-button.remove,.res-fancy-toggle-button:hover{background:#2d2d2d;background-image:none}.RESDashboardToggle{float:right}.res .RES-keyNav-activeElement,.res .RES-keyNav-activeElement .md-container,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,.res .entry.res-selected,.res .entry.res-selected .md-container{background-color:transparent!important}.res-commentBoxes .comment{border-color:#2d2d2d!important}.res-voteEnhancements-highlightScores span.score{color:#3d3d3d}.res-commentBoxes .comment .comment,.res-commentBoxes .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#262626!important}.res-commentBoxes .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#191919!important}.entry.RES-keyNav-activeElement{border-right:1px solid #3d3d3d}.res-show-link{top:auto!important;bottom:0}.res-userHighlight .crosspost-preview-tagline .author.submitter,.res-userHighlight .tagline .author.submitter{color:#191919!important;background-color:#3d3d3d!important}.RESHoverTitle .fancy-toggle-button{margin:0;padding:0;width:auto}.res-userHighlight .entry .tagline .author.moderator{padding:0 2px;color:#191919!important;background-color:#a60000!important}#progressIndicator.neverEndingReddit,.NERPageMarker{color:#6e0a0a;background:#262626;border-color:#2d2d2d}#progressIndicator.neverEndingReddit .gearIcon,.NERPageMarker .gearIcon{opacity:.3}#NREFloat{top:65px!important;display:block!important}#NREFloat a:not(.pageNavigator){display:none}.res-nightmode #RESShortcutsEditContainer *,.res-nightmode #header-bottom-left,.res-nightmode #sr-header-area,.res-nightmode .fancy-toggle-button .remove{background:#333!important}.res-nightmode #header-bottom-left a{color:#fff!important}.res-nightmode .tabmenu a{border-color:transparent!important}.res-nightmode .tabmenu li a:hover{background:#000!important}.res-nightmode #header,.res-nightmode .side .usertext-body,.res-nightmode .thing,.res-nightmode .titlebox .bottom{border-color:#3c3c3c!important}.res-nightmode .link .usertext-body .md{background-color:transparent!important}

​

/* eddited plugins v1.0.2 */

​

body{background:#000!important;padding-left:25px;padding-right:25px;margin-top:25px!important}body .titlebox .redditname a:after{left:25px;right:25px;top:63px}@-webkit-keyframes backgroundScroll{from{background-position:center center}to{background-position:-3000px 0}}@keyframes backgroundScroll{from{background-position:center center}to{background-position:-3000px 0}}body{padding-top:248px}.titlebox .redditname a:after{display:block;left:0;right:0;top:58px;font-weight:700;text-align:center;font-size:24px;letter-spacing:2px;line-height:220;height:220;position:absolute;color:#fff;border-bottom:2px solid #3d3d3d;background-color:#fff;background-image:url(%%header%%);background-size:cover;background-position:center center}.titlebox .redditname a:hover:after{-webkit-animation:backgroundScroll 150s infinite linear;-webkit-animation-fill-mode:forwards;animation:backgroundScroll 150s infinite linear;animation-fill-mode:forwards}

After customizing the colors/header/content/etc, clicking the compile button doesn't seem to do anything. Any way to fix this? Thanks!

Is there a dark/night mode?

It's a very nice theme I must say, but how do I fix the upvote buttons? Some help would be needed but for now thanks!

Been wanting to use the theme customizer, but for some reason, I get a 404 error on the customizer page. Did something happen to the site?

I love the elegance of this theme, but I would like to know whether it would be possible to have the upvote and downvote icons to be customizable as images in the future.

I like this theme very much but i was curious if its possible to enlarge the videos when a video is submitted using this theme?

Used the customizer and managed to design the subreddit the way I want, except now the /about/stylesheet page looks huge and the colors have shifted. Below is a before and after image. I'm looking to change it back to the "before" image and was wondering where that would be in the stylesheet.

Before

After

I am godawful at CSS.

So yeah, guess you will have to live with that now (or not, I can change if you want to).

I have in fact edited some of the CSS with my limited web-knowledge, hope you are okay with that as well. I'll try to make it look not-butchered.

https://old.reddit.com/r/PhoenixRisingFC/

Thank you for the wonderful theme u/12px

Yet another subreddit I started that uses the theme. Love how adaptable the theme is. With a bit of tweaking, I was able to make something that's pleasing to the eye! :)
/r/TrueCityPop
Let me know what you think!