diff --git a/source/stylesheets/legacy/legacy.css b/source/stylesheets/legacy/legacy.css
index 6dbe226089de9bb8687d06d3d8861476da562489..a4bce6c111597bb288b35168a641a006ed1ebbd6 100644
--- a/source/stylesheets/legacy/legacy.css
+++ b/source/stylesheets/legacy/legacy.css
@@ -3,9 +3,9 @@ body{overflow-x:hidden;background-color:#eee;min-width:820px}
::focus{outline:none!important}
input:not([type="submit"]),textarea,.roundfield textarea,.roundfield input[type=text],.roundfield input[type=url],.roundfield input[type=password],.roundfield input[type=number],.linefield textarea,.linefield input[type=text],.linefield input[type=password],.pretty-form input[type=text],.pretty-form textarea,.pretty-form input[type=password],.pretty-form input[type=number],.login-form-side input[type=text],.login-form-side input[type=password]{box-shadow:none!important;background-color:#fff;border:1px solid #e5e5e5;color:#707070;transition:all .15s ease!important}
input:hover,textarea:hover,.roundfield textarea:hover,.roundfield input[type=text]:hover,.roundfield input[type=url]:hover,.roundfield input[type=password]:hover,.roundfield input[type=number]:hover,.linefield textarea:hover,.linefield input[type=text]:hover,.linefield input[type=password]:hover,.pretty-form input[type=text]:hover,.pretty-form textarea:hover,.pretty-form input[type=password]:hover,.pretty-form input[type=number]:hover,.login-form-side input[type=text]:hover,.login-form-side input[type=password]:hover{border-color:#c5c5c5}
-input:active,textarea:active,.roundfield textarea:active,.roundfield input[type=text]:active,.roundfield input[type=url]:active,.roundfield input[type=password]:active,.roundfield input[type=number]:active,.linefield textarea:active,.linefield input[type=text]:active,.linefield input[type=password]:active,.pretty-form input[type=text]:active,.pretty-form textarea:active,.pretty-form input[type=password]:active,.pretty-form input[type=number]:active,.login-form-side input[type=text]:active,.login-form-side input[type=password]:active{outline:none!important;border-color:#4f8ef7;color:#4d5763}
+input:active,textarea:active,.roundfield textarea:active,.roundfield input[type=text]:active,.roundfield input[type=url]:active,.roundfield input[type=password]:active,.roundfield input[type=number]:active,.linefield textarea:active,.linefield input[type=text]:active,.linefield input[type=password]:active,.pretty-form input[type=text]:active,.pretty-form textarea:active,.pretty-form input[type=password]:active,.pretty-form input[type=number]:active,.login-form-side input[type=text]:active,.login-form-side input[type=password]:active{outline:none!important;border-color:#a82828;color:#4d5763}
.btn,button{margin:4px 16px 4px 0;padding:2px 18px;background-color:#516ae8;border:0;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.24);color:#fff!important;text-transform:uppercase;font-weight:700;cursor:default;transition:all .25s ease;height:32px;font-size:12px}
-.btn:hover,button:hover{box-shadow:0 2px 8px rgba(0,0,0,0.34);background-color:#5a72ee}
+.btn:hover,button:hover{box-shadow:0 2px 8px rgba(0,0,0,0.34);background-color:#b03d3d}
.btn:active,button:active{box-shadow:0 1px 4px rgba(0,0,0,0.16);background-color:#4059db}
.btn:focus,button:focus{outline:0}
#header{margin:0;height:0;border:0}
@@ -82,7 +82,7 @@ body:not(.loggedin) #header-bottom-right{max-width:340px}
#search #searchexpando label:active{background-color:rgba(0,0,0,0.25)}
#search #searchexpando p{display:none!important}
.morelink{position:absolute;top:148px;box-shadow:0 1px 5px rgba(0,0,0,0.24);background-color:#516ae8;background-image:url(%%spritesheet%%)!important;background-position:268px -214px!important;background-repeat:no-repeat!important;right:16px;width:300px;height:36px;border-radius:2px;line-height:36px;border:0;text-align:left;padding:0 16px;transition:all .25s ease;font-family:verdana,arial,sans-serif}
-.morelink:hover{background-color:#5a72ee;box-shadow:0 5px 8px rgba(0,0,0,0.24)}
+.morelink:hover{background-color:#b03d3d;box-shadow:0 5px 8px rgba(0,0,0,0.24)}
.morelink:active{background-color:#4059db;box-shadow:0 8px 12px rgba(0,0,0,0.60)}
.morelink a{color:#fff;font-weight:400;font-size:1.5em;letter-spacing:0}
.morelink:after{content:"Please remember to read the rules. Thank you!";padding:16px;width:300px;position:absolute;right:0;margin-top:0;display:block;background-color:#516ae8;color:#fff;letter-spacing:0;z-index:100;opacity:0;transition:all .25s ease;transition-delay:0;font-weight:400;line-height:1.4em;border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,0.16);visibility:hidden;pointer-events:none}
@@ -106,7 +106,7 @@ span.gilded-gid2-icon, span.gilded-gid1-icon{display:none!important;}
.titlebox .users-online,.titlebox .number{cursor:text}
.titlebox .tagline{font-size:12px;margin:0}
.titlebox .tagline:after{content:"";height:2px;background-color:#f2f2f2;display:block;margin-top:16px}
-.titlebox .tagline a.flairselectbtn{color:#4f8ef7}
+.titlebox .tagline a.flairselectbtn{color:#a82828}
.titlebox .tagline a.flairselectbtn:after{content:" flair"}
.titlebox .tagline .flair:before{content:""}
.titlebox form.toggle.flairtoggle,.leavemoderator,.titlebox .tagline a.author,.sidebox .subtitle{display:none}
@@ -118,11 +118,11 @@ span.gilded-gid2-icon, span.gilded-gid1-icon{display:none!important;}
.titlebox .fancy-toggle-button .add:hover,.titlebox .fancy-toggle-button .remove:hover{box-shadow:0 3px 6px rgba(0,0,0,0.48)}
.titlebox .fancy-toggle-button .add:active,.titlebox .fancy-toggle-button .remove:active{box-shadow:0 4px 16px rgba(0,0,0,0.64)}
.titlebox .fancy-toggle-button .add{background-color:#516ae8;background-position:-208px -144px}
-.titlebox .fancy-toggle-button .add:hover{background-color:#5a72ee}
+.titlebox .fancy-toggle-button .add:hover{background-color:#b03d3d}
.titlebox .fancy-toggle-button .add:active{background-color:#fff;background-position:-208px -192px}
.titlebox .fancy-toggle-button .remove{background-color:#fff;background-position:-208px -192px}
.titlebox .fancy-toggle-button .remove:hover{background-color:rgba(0,0,0,0.05)}
-.titlebox .fancy-toggle-button .remove:active{background-color:#5a72ee;background-position:-208px -144px}
+.titlebox .fancy-toggle-button .remove:active{background-color:#b03d3d;background-position:-208px -144px}
.titlebox .fancy-toggle-button .add:after,.fancy-toggle-button .remove:after{display:block;visibility:hidden;position:absolute;z-index:1000;right:-26px;margin-top:16px;padding:12px;background-color:rgba(79,77,192,0);border:0;border-radius:2px;color:rgba(255,255,255,0);text-align:center;letter-spacing:1px;font-weight:400;font-size:13px;transition:all .25s ease;pointer-events:none;text-indent:0;box-shadow:0 0 0 rgba(0,0,0,0.00)}
.titlebox .fancy-toggle-button .add:after{content:"Subscribe!"}
.titlebox .fancy-toggle-button .add:hover:after{visibility:visible;margin-top:40px;color:#fff;background-color:#516ae8;box-shadow:0 1px 5px rgba(0,0,0,0.24)}
@@ -133,7 +133,7 @@ span.gilded-gid2-icon, span.gilded-gid1-icon{display:none!important;}
.side .titlebox .md h1{line-height:18px;margin:.5em 0 0!important}
.side .titlebox .md h2{margin:16px 0 2px}
.side .titlebox .md h3 a{padding:12px 16px;width:100%;border-radius:2px;background-color:#516ae8;font-family:verdana,arial,sans-serif;transition:all .25s ease;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.24);display:block;margin:1.5em 0;font-size:12px}
-.side .titlebox .md h3 a:hover{background-color:#5a72ee;box-shadow:0 2px 8px rgba(0,0,0,0.54)}
+.side .titlebox .md h3 a:hover{background-color:#b03d3d;box-shadow:0 2px 8px rgba(0,0,0,0.54)}
.side .titlebox .md h3 a:active{background-color:#4059db;box-shadow:0 4px 12px rgba(0,0,0,0.54)}
.side .titlebox .md h4 a,.wiki-page .wiki-page-content .md.wiki h4{padding:12px 16px;background-color:#FFF;border:1px solid #d4d4d4;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,0.12);color:#737373;font-weight:700;transition:all .15s ease;display:block;margin:1.5em 0;font-size:12px}
.side .titlebox h4 a:hover,.wiki-page .wiki-page-content .md.wiki h4:hover{box-shadow:0 3px 8px rgba(0,0,0,0.24);color:#4d5763}
@@ -173,21 +173,41 @@ a.thumbnail img{height:64px;width:64px}
.thumbnail.self{background:url(%%spritesheet%%) -73px -80px}
.thumbnail.default{background:url(%%spritesheet%%) -143px -80px}
.thumbnail.nsfw{background:url(%%spritesheet%%) -3px -140px}
-.linkflairlabel{padding:1px 6px;height:18px;border-radius:1px;border:0 solid;color:#fff;font-weight:700;font-style:normal;font-variant:normal;font-size:13px;font-family:Arial,sans-serif;cursor:default;vertical-align:middle;position:relative;top:-2px;background-color:#4f8ef7}
-.linkflair-inspiration .linkflairlabel{background-color:#ea4848;color:#fff}
+.linkflair-inspiration .linkflairlabel {
+ background-color: #ea4848; /* soft red */
+ color:#fff;
+}
.linkflair-inspiration .thumbnail.self{background:url(%%spritesheet%%) -143px -140px}
-.linkflair-waywo .linkflairlabel{background-color:#516ae8;color:#fff}
+.linkflair-waywo .linkflairlabel {
+ background-color: #516ae8; /* soft blue */
+ color: #fff;
+}
.linkflair-waywo .thumbnail.self{background:url(%%spritesheet%%) -73px -140px}
-.linkflair-mod .linkflairlabel{background-color:#65b354;color:#fff}
+.linkflair-mod .linkflairlabel {
+ background-color: #65b354; /* moderate lime green */
+ color:#fff;
+}
.linkflair-mod a{color:#65b354!important}
.linkflair-mod .thumbnail.default,.linkflair-mod .thumbnail.self{background:url(%%spritesheet%%) -3px -80px!important}
.link .title{margin:-2px 0 0;font-size:18px;font-family:Arial,sans-serif;overflow:visible;transition:all .15s ease;line-height:1.33}
-body .content .sitetable .link .title a:hover{color:#4f8ef7}
+
+body .content .sitetable .link .title a:hover {
+ color: #db6a6a; /* soft red */
+}
+
+body .content .sitetable .link .title a:active {
+ color: #681919 /* very dark red */
+}
+
+body .content .sitetable .link .title a:visited {
+ color: #681968; /* very dark magenta */
+}
+
.link .entry{padding:15px 32px 14px 0;border-bottom:1px solid #f2f2f2;margin-left:0}
.content .thing .title:visited,.content .thing.visited .title{color:#7d5d8a}
.link .domain{visibility:hidden}
.link .domain a{visibility:visible;position:relative;top:-1px;color:#636363;transition:all .15s ease}
-.link .domain a:hover{color:#4f8ef7;text-decoration:none}
+.link .domain a:hover{color:#a82828;text-decoration:none}
.approval-checkmark{cursor:default}
.link .usertext .md{margin-top:10px;padding-top:3px;padding-left:0;background-color:transparent;border:0 solid;border-top:1px solid #f7f7f7;border-radius:0;color:#4d5763}
@@ -195,7 +215,7 @@ body .content .sitetable .link .title a:hover{color:#4f8ef7}
.link .entry .tagline a{color:#4d5763}
.link .entry .tagline:first-letter {text-transform:capitalize}
.link .entry .tagline time{cursor:help}
-.link .entry .tagline a:hover{color:#4f8ef7;text-decoration:none}
+.link .entry .tagline a:hover{color:#a82828;text-decoration:none}
.link .entry .tagline a.author{margin-right:inherit}
.link .entry .tagline .userattrs{visibility:hidden}
.link .entry .tagline .userattrs a{visibility:visible;font-size:10px;padding:1px 3px 1px 2px;margin-left:2px;background-color:red;color:#fff!important;vertical-align:middle;border-radius:1px;position:relative;top:-1px;cursor:help}
@@ -204,7 +224,7 @@ body .content .sitetable .link .title a:hover{color:#4f8ef7}
.RESUserTagImage:hover{opacity:1!important}
.link .flat-list{margin-top:3px}
.entry .buttons li a{padding:0 1px;color:#636363;font-weight:400;font-size:13px;font-family:Arial,sans-serif;transition:all .15s ease}
-.link .entry .buttons li a:hover{color:#4f8ef7;text-decoration:none}
+.link .entry .buttons li a:hover{color:#a82828;text-decoration:none}
.nsfw-stamp acronym{padding:2px 3px;background-color:transparent;border-color:#e82e63!important;border-radius:2px;color:#e82e63;opacity:100;cursor:help}
.link .entry .buttons li a.comments{font-weight:700!important;opacity:100!important;transition:all .25s ease-in-out!important}
.link .entry li .comments:hover{text-decoration:none}
@@ -215,7 +235,7 @@ body .content .sitetable .link .title a:hover{color:#4f8ef7}
.action-form li label{padding:4px 4px 4px 0;cursor:pointer;display:block;color:#4d5763;text-transform:capitalize}
.action-form li label:hover{background-color:rgba(0,0,0,0.05)}
.action-form input[name="other_reason"]{padding:8px}
-.link .entry .buttons li a.flairselectbtn{color:#4f8ef7}
+.link .entry .buttons li a.flairselectbtn{color:#a82828}
.link .entry .buttons li .redditSingleClick{padding:0 1px;color:#636363;font-weight:400;font-size:13px;font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;transition:all .15s ease}
.thing.spam{background-color:#ffe9e6}
.entry .buttons li.reported-stamp{background-color:transparent;border:1px solid #edeeee!important;border-radius:20px;color:#4a4f57;line-height:16px}
@@ -246,23 +266,65 @@ a.pretty-button.positive.pressed,a.pretty-button.neutral.pressed,a.pretty-button
.link.compressed .entry{padding:11px 32px 9px 0}
.link.compressed .title{margin:0}
body>.content .link.compressed .midcol{height:auto;margin:8px 0 0 4px}
-.flairselector{position:fixed;top:20%!important;left:50%!important;margin-left:-125px;padding:32px!important;width:250px!important;border:0;border-radius:2px;box-shadow:0 0 16px rgba(0,0,0,0.64)}
+.flairselector {
+ position: fixed;
+ top: 20% !important;
+ left: 50% !important;
+ margin-left: -125px;
+ padding: 32px !important;
+ width: 250px !important;
+ border: 0;
+ border-radius: 2px;
+ box-shadow: 0 0 16px rgba(0,0,0,0.64);
+}
+.flairselector ul {
+ width: fit-content !important; /* using !important to override element styles added by Reddit js */
+ width: -moz-fit-content !important;
+ max-width: 50%;
+}
.flairselector.drop-choices.active{border:1px solid #e2e2e2}
-.flairselector h2{margin-bottom:4px;background-color:transparent;color:#4f8ef7;text-align:left;text-transform:capitalize;font-weight:400;font-size:18px}
+.flairselector h2 {
+ margin-bottom: 4px;
+ background-color: transparent;
+ color: #636363; /* very dark gray */
+ text-align: left;
+ text-transform: capitalize;
+ font-weight: bold;
+ font-size: 21px;
+ margin-bottom: 1.5rem;
+}
.flairoptionpane{max-height:250px;text-align:left}
.flairselector .flairoptionpane ul li{padding:0!important}
.flairoptionpane ul li .linkflair{text-align:left;padding:0}
.flairoptionpane ul li .linkflair:hover,.flairselector li:hover{background-color:#f5f8f9;border:0 solid}
-.flairoptionpane ul li .linkflair span.linkflairlabel{margin:8px 0;line-height:1.35;margin-right:6px}
-.flairoptionpane ul li .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4f8ef7!important}
+.flairoptionpane ul li .linkflair span.linkflairlabel {
+ margin: 8px 0;
+ line-height: 1.35;
+ margin-right: 6px;
+}
+.flairoptionpane ul li .linkflair a.title{
+ font-size: 18px !important;
+ opacity: 100 !important;
+ color: #c22828 !important; /* strong red */
+}
.flairselector form{padding-top:12px;border-top:1px solid #f7f7f7}
.flairselector form .flairselection{text-align:left}
.flairselector form .flairselection:before{display:block;content:"Selected Flair:";color:#636363}
-.flairselector form .flairselection .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4f8ef7!important;cursor:default}
+.flairselector form .flairselection .linkflair a.title{font-size:18px!important;opacity:100!important;color:#a82828!important;cursor:default}
.flairselector form .flairselection .flairremove{padding:4px 0;margin-bottom:8px;visibility:hidden;display:block!important}
-.flairselector form .flairselection .flairremove a{visibility:visible;opacity:100!important;color:#4f8ef7!important;margin-left:-4px;text-transform:capitalize}
-.flairselector form .flairselection .flairremove a:first-letter {text-transform:capitalize}
-.flairselector form .flairselection .flairremove a:hover{text-decoration:underline!important}
+.flairselector form .flairselection .flairremove a {
+ visibility: visible;
+ opacity: 100;
+ color: #c22828 !important; /* strong red */
+ margin-left: -4px;
+ text-transform: capitalize;
+}
+.flairselector form .flairselection .flairremove a:first-letter {
+ text-transform:capitalize
+}
+.flairselector form .flairselection .flairremove a:hover{
+ text-decoration: underline !important;
+}
.flairselector .error{text-align:left}
.flairselector .error:first-letter {text-transform:capitalize}
.flairselector .error:after{display:block;color:#636363;content:"Go to /r/.../about/flairs."}
@@ -270,24 +332,27 @@ body>.content .link.compressed .midcol{height:auto;margin:8px 0 0 4px}
.flairselector .flairoptionpane ul li{margin:4px 0}
.flairselector li.selected{border:0;background-color:transparent}
.flairselector .flairoptionpane ul li.flairsample-right{padding:5px 0!important;border:0}
-.flairselector li a,.flairselector form .flairselection a.author{color:#636363!important;font-size:11px}
+.flairselector li a, .flairselector form .flairselection a.author {
+ color: #636363 !important;
+ font-size: 11px;
+}
.unvotable-message{border:0 solid;color:#636363}
.unvotable-message:first-letter {text-transform:capitalize}
.res .RES-keyNav-activeElement{outline:0 dashed #e0e0e0!important;transition:all .35s ease}
.res .entry{transition:all .15s ease}
-div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed{background-color:transparent!important;padding-left:8px!important;border-left:2px solid #4f8ef7}
+div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed{background-color:transparent!important;padding-left:8px!important;border-left:2px solid #a82828}
div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!important}
.res .commentarea .thing{padding:16px 16px 0 14px!important}
.res .commentarea .entry .flat-list{padding-bottom:16px}
.userTagLink.hasTag,#userTaggerPreview{font-size:11px!important;border-radius:0!important;border:0 solid!important;margin-top:0!important;margin-left:4px!important}
.RESDialogSmall{border:0;box-shadow:0 2px 3px rgba(0,0,0,0.12);margin-top:8px}
-.RESDialogSmall>h3{color:#4f8ef7;background-color:#FFF;border-bottom:1px solid #ededed;height:36px;padding:8px;margin:0}
+.RESDialogSmall>h3{color:#a82828;background-color:#FFF;border-bottom:1px solid #ededed;height:36px;padding:8px;margin:0}
.livePreview .md{padding:8px 12px}
.RESCloseButton{line-height:19px;height:22px;width:22px;transition:all .15s ease}
.RESCloseButton:hover{border:1px solid #d7d9dc}
#userTaggerToolTip input[type=text],#userTaggerToolTip select{line-height:22px;padding-left:4px;border:1px solid #e5e5e5!important}
.toggleButton{line-height:.8}
-.toggleButton .toggleOn{border-radius:0;border:1px solid #4f8ef7;background-color:#4f8ef7;color:#fff;text-transform:capitalize}
+.toggleButton .toggleOn{border-radius:0;border:1px solid #a82828;background-color:#a82828;color:#fff;text-transform:capitalize}
.toggleButton .toggleOff{border-radius:0;border:1px solid #d7d9dc;background-color:transparent;text-transform:capitalize}
#userTaggerToolTip input[type=submit]{bottom:10px!important}
.top-page .content .menuarea .drop-choices.lightdrop{display:inline;visibility:visible}
@@ -295,15 +360,15 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.top-page .content .menuarea .drop-choices.lightdrop a.choice,.top-page .content .menuarea .drop-choices.lightdrop form{display:inline}
.top-page .content .menuarea .dropdown-title.lightdrop{visibility:hidden}
.top-page .content .menuarea{border-bottom:0;padding:0;margin:0;height:36px}
-.top-page .content .menuarea .dropdown.lightdrop .selected{z-index:1002;position:relative;left:-68px;top:11px;background:0;text-decoration:none;text-transform:capitalize;font-size:12px;pointer-events:none;padding:10px 16px;background-color:#5a72ee;overflow:visible;color:#FFF}
+.top-page .content .menuarea .dropdown.lightdrop .selected{z-index:1002;position:relative;left:-68px;top:11px;background:0;text-decoration:none;text-transform:capitalize;font-size:12px;pointer-events:none;padding:10px 16px;background-color:#b03d3d;overflow:visible;color:#FFF}
.top-page .content .menuarea .drop-choices.lightdrop{padding:10px 16px 10px 104px;margin-left:16px;margin-top:1px;border-radius:2px 2px 0 0;border:0;border-bottom:1px solid #e0e1e2;width:calc(100% - 348px);box-shadow:none}
.top-page .content .menuarea .drop-choices.lightdrop a.choice{padding:10px;color:#4d5763;transition:all .25s ease}
.top-page .content .menuarea .drop-choices.lightdrop a.choice[href*="/?t=all"]{border-right:0 solid}
.top-page .content .menuarea .drop-choices.lightdrop a.choice:hover{background-color:#f5f8f9}
-.top-page .content .menuarea .drop-choices.lightdrop a.choice.selected{background-color:#4f8ef7;color:#fff}
+.top-page .content .menuarea .drop-choices.lightdrop a.choice.selected{background-color:#a82828;color:#fff}
.guider{border:0;box-shadow:0 2px 3px #DDD}
-.guider_content h1{color:#4f8ef7}
-.guider_button{font-size:11px;border:0;background-image:none;background-color:#4f8ef7;transition:all .15s ease}
+.guider_content h1{color:#a82828}
+.guider_button{font-size:11px;border:0;background-image:none;background-color:#a82828;transition:all .15s ease}
.guider_button:hover{background-color:rgba(79,142,247,0.75)}
.x_button{transition:all .25s ease;box-shadow:0 1px 4px rgba(0,0,0,0.00)}
.x_button:hover{box-shadow:0 1px 4px rgba(0,0,0,0.15)}
@@ -329,18 +394,18 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.commentarea .menuarea span.dropdown-title.lightdrop{color:#636363}
.commentarea .menuarea span.dropdown-title.lightdrop:first-letter {text-transform:capitalize}
.commentarea .menuarea .dropdown.lightdrop .selected{cursor:pointer;text-decoration:none;background-image:none;padding-right:0;font-weight:400;color:#636363}
-.commentarea .menuarea .dropdown.lightdrop .selected:hover{color:#4f8ef7}
+.commentarea .menuarea .dropdown.lightdrop .selected:hover{color:#a82828}
.commentarea .menuarea .dropdown.lightdrop .selected:after{content:"▼"}
.drop-choices.lightdrop{border:0;z-index:1001;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
.drop-choices a.choice{padding:6px;transition:all .1s ease}
-.drop-choices a.choice:hover{background-color:#4f8ef7;color:#fff}
+.drop-choices a.choice:hover{background-color:#a82828;color:#fff}
.commentarea .menuarea .toggle a,.help-hoverable{color:#636363;font-weight:400}
-.commentarea .menuarea .toggle a:hover,.help-hoverable:hover{color:#4f8ef7}
+.commentarea .menuarea .toggle a:hover,.help-hoverable:hover{color:#a82828}
.commentarea>.usertext{background-color:#fafafa;border-radius:0 0 2px 2px;margin:-58px 0 16px;padding:64px 16px 16px;box-shadow:0 1px 5px rgba(0,0,0,0.16);overflow:visible}
.usertext button{margin:4px 16px 8px 0}
.usertext-edit textarea{position:relative;z-index:999}
.usertext .bottom-area{width:500px}
-.usertext .bottom-area a.reddiquette{color:#4f8ef7}
+.usertext .bottom-area a.reddiquette{color:#a82828}
.gold-accent.comment-visits-box{margin:0 0 12px;border-radius:2px}
.commentarea .sitetable{margin:0;box-shadow:none}
.commentarea .thing{border-radius:2px;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.16);margin:0 0 8px;padding:16px 16px 16px 14px}
@@ -352,18 +417,18 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.comment .midcol .arrow{margin-left:0;margin-bottom:4px}
.comment .entry .tagline{color:#636363;font-size:12px;font-family:Arial,sans-serif}
.comment .expand{background-color:transparent;transition:all .15s ease;color:#636363}
-.comment .expand:hover{color:#fff;text-decoration:none;background-color:#4f8ef7}
+.comment .expand:hover{color:#fff;text-decoration:none;background-color:#a82828}
.comment .author{color:#4d5763;margin-right:0;font-weight:700}
-.comment .author:hover{color:#4f8ef7;text-decoration:none}
+.comment .author:hover{color:#a82828;text-decoration:none}
.tagline .moderator,.green{color:#65b354;font-weight:700}
-.tagline .submitter{font-weight:700;color:#4f8ef7}
-.res .thing .tagline .author.submitter{padding:1px 4px;border-radius:1px;background-color:#4f8ef7!important;box-shadow:0 0 0 rgba(0,0,0,0);transition:all .15s ease}
-.res .thing .tagline .author.submitter:hover{box-shadow:0 2px 4px rgba(0,0,0,0.2);background-color:#4f8ef7!important}
+.tagline .submitter{font-weight:700;color:#a82828}
+.res .thing .tagline .author.submitter{padding:1px 4px;border-radius:1px;background-color:#a82828!important;box-shadow:0 0 0 rgba(0,0,0,0);transition:all .15s ease}
+.res .thing .tagline .author.submitter:hover{box-shadow:0 2px 4px rgba(0,0,0,0.2);background-color:#a82828!important}
.comment .score{font-size:inherit;font-weight:700;color:#666}
.comment span.userattrs{margin-left:4px}
.comment .usertext .md{color:#4d5763}
.comment .usertext .md p{margin-top:0}
-.md a{color:#4f8ef7}
+.md a{color:#a82828}
.md a:visited{color:#7d5d8a}
.md pre{padding:8px}
.md blockquote{border-left:2px solid #e5e3da;color:#706f6f}
@@ -371,9 +436,9 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.md h3{color:#4d5763;margin:16px 0 0}
.usertext.grayed .usertext-body{margin:4px 0;background-color:transparent;text-transform:italic;padding:0}
.comment .flat-list li a{color:#636363;font-weight:400;font-size:10px}
-.comment .flat-list li a:hover{color:#4f8ef7;text-decoration:none}
-.comment .flat-list li a[onclick*="reply"]{color:#4f8ef7;font-weight:700;font-size:11px}
-.deepthread a{color:#4f8ef7}
+.comment .flat-list li a:hover{color:#a82828;text-decoration:none}
+.comment .flat-list li a[onclick*="reply"]{color:#a82828;font-weight:700;font-size:11px}
+.deepthread a{color:#a82828}
.comments-page .side{margin-top:312px}
.comments-page .side .linkinfo{position:absolute;right:16px;top:200px;padding:16px;width:300px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);border:0}
.comments-page .side .linkinfo .date{color:#636363}
@@ -422,7 +487,7 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.wiki-page .wikititle{background-color:#fff;padding:9px 16px 10px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);font-size:16px;font-family:arial,sans-serif;text-transform:capitalize;margin:0}
.wiki-page .pageactions{background-color:#fff;margin-left:16px;border-radius:2px;padding:0 16px;border:0;box-shadow:0 1px 5px rgba(0,0,0,0.16)}
.wiki-page .pageactions .wikiaction{margin:0;background-color:transparent;border-radius:0;padding:10px 16px 11px;color:#636363}
-.wiki-page .pageactions .wikiaction-current{padding:10px 16px 7px;border-bottom:4px solid #4f8ef7;color:#4f8ef7}
+.wiki-page .pageactions .wikiaction-current{padding:10px 16px 7px;border-bottom:4px solid #a82828;color:#a82828}
.wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover{background-color:rgba(0,0,0,0.05)}
.wiki-page .wiki-page-content{margin:16px 0;background-color:#fff;padding:16px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16)}
.wiki-page .wiki-page-content .wiki>.toc>ul{border:0}
@@ -432,20 +497,20 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.wiki-page .wiki-page-content hr{border-style:solid;border-color:#e5e5e5}
.wiki-page .wiki-page-content em{color:#636363}
.linefield{background-color:#fff;color:#636363;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);margin:0 0 8px;width:531px}
-.linefield .title{color:#4f8ef7;text-transform:capitalize}
+.linefield .title{color:#a82828;text-transform:capitalize}
.linefield .title:first-letter ,.linefield label:first-letter {text-transform:capitalize}
.usertext .bottom-area a{color:#636363}
-.usertext .bottom-area a:hover{color:#4f8ef7}
+.usertext .bottom-area a:hover{color:#a82828}
.pretty-form{padding-top:24px}
.fancy-settings h1,.create-promotion h1{color:rgba(255,255,255,.8)}
.fancy-settings h1 strong{color:rgba(255,255,255,1)}
.tabmenu{border-bottom:1px solid #edeeee;margin-bottom:12px}
.tabmenu li{margin:0!important}
.tabmenu li a{background-color:transparent;color:#4d5763;border:0;font-size:14px}
-.tabmenu li.selected a{color:#4f8ef7;background-color:transparent;border:0}
+.tabmenu li.selected a{color:#a82828;background-color:transparent;border:0}
.tabpane-content{border:0}
.tabpane-content .flairrow a.author{color:#636363}
-.tabpane-content .tagline a{color:#4f8ef7}
+.tabpane-content .tagline a{color:#a82828}
.tabpane-content .thing .title{overflow:visible}
.fancy-settings .pretty-form{padding-top:0}
.stylesheet-customize-container .pretty-form{background-color:#fff;padding:16px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);margin-bottom:16px}
@@ -510,7 +575,7 @@ html.res-commentBoxes .comment{margin-left:0!important;margin-right:0!important}
.res .titlebox span.subscribers,.res .titlebox .users-online,.res .titlebox .number{top:0;left:0}
.res .titlebox .tagline{margin-top:6px}
.res .RESshortcutside,.res .RESDashboardToggle{background-image:none!important;border:0;color:#4d5763;text-transform:uppercase;text-decoration:none;border-radius:0;padding:4px 6px 4px 0;margin:2px 6px 2px -4px;text-align:left;width:auto}
-.res .RESshortcutside:hover,.res .RESDashboardToggle:hover{background-color:transparent;color:#4f8ef7}
+.res .RESshortcutside:hover,.res .RESDashboardToggle:hover{background-color:transparent;color:#a82828}
.res #progressIndicator{width:inherit;border-radius:0;border:0;padding:16px;margin:16px 0;color:#636363;background-color:#fff;height:inherit}
.res #progressIndicator h2{color:#4d5763}
.res .NERPageMarker{border-radius:0;border:0;background-color:#fff;padding:16px 0;margin:0}
@@ -894,7 +959,86 @@ a[href="/s"]:hover{text-decoration:none!important}
a[href="/s"]::after{content:attr(title);font-size:small;background:#cee3f8;color:#cee3f8;padding:0 0 0 0!important;visibility:visible}
a[href="/s"]:hover::after,a[href="/s"]:active::after{color:black}
a[href="/s"]:active{pointer-events:none}
-.linkflairlabel{font-weight:bold;max-width:15em;font-size:medium}
+.linkflairlabel {
+ padding: 1px 6px;
+ height: 18px;
+ border-radius: 1px;
+ border: 0 solid;
+ color: #fff;
+ font-weight: bold;
+ font-style: normal;
+ font-variant: normal;
+ font-size: medium;
+ font-family: Arial,sans-serif;
+ cursor: default;
+ vertical-align: middle;
+ position: relative;
+ top: -2px;
+ height: 22px;
+ max-width: 15em;
+}
+
+.linkflair-cw .linkflairlabel, .linkflair-nsfw .linkflairlabel, .linkflair-trigger .linkflairlabel {
+ background-color: #ea4848; /* soft red */
+}
+
+.linkflair-transfont .linkflairlabel {
+ background-color: transparent;
+ padding: 0;
+ margin: 0;
+}
+
+.linkflair-unverified .linkflairlabel {
+ background-color: #fad5d5; /* light grayish red */
+ color: black;
+}
+
+.linkflair-verified .linkflairlabel {
+ background-color: #b2f6b2; /* very soft lime green */
+ color: black;
+}
+
+.linkflair-ama .linkflairlabel {
+ background-color: #d5e8fa; /* light grayish blue */
+ color: black;
+}
+
+.linkflair-capitalist .linkflairlabel {
+ background-color: #f6f6b2; /* very soft yellow */
+ color: black;
+}
+
+.linkflair-misleading .linkflairlabel {
+ background-color: black;
+ color: #f6f6b2; /* very soft yellow */
+}
+
+.linkflair-music .linkflairlabel {
+ background-color: #62D46E; /* moderate lime green, inspired by Spotify */
+ color: white;
+}
+
+.linkflair-podcast .linkflairlabel {
+ background-color: #25339E; /* dark blue, inspired by Radiolab */
+ color: white;
+}
+
+.linkflair-pdf .linkflairlabel {
+ background-color: #DC382E; /* bright red, inspired by Adobe */
+ color: white;
+}
+
+.linkflair-brigade .linkflairlabel, .linkflair-racism .linkflairlabel {
+ background-color: black;
+ color: white;
+}
+
+.linkflair-meta .linkflairlabel {
+ background-color: #65b354; /* moderate lime green, Reddit moderator green */
+ color: white;
+}
+
+
.helplink:after{content:" (all posts are public)"}
.linkflair-radicalwomen .link:before{background:url(%%flair-spritesheet%%) no-repeat;background-position:0 -64px}
body:lang(np):not(.subscriber) .arrow{visibility:hidden!important}
@@ -934,7 +1078,6 @@ body.listing-page>.content,.commentarea .thing{box-shadow:none}
.commentarea .child .thing{margin:4px 0 0;padding:3px 3px 2px 10px!important}
.res .commentarea .thing{padding:8px 3px 4px 10px!important}
.comments-page .side .linkinfo{top:740px}
-.linkflairlabel{height:22px}
.link .rank{display:inline!important;width:2em;font-size:1em;margin-top:2.7em}
.link.compressed .rank{margin-top:2.5em}
#search #searchexpando{line-height:20px}
@@ -978,12 +1121,21 @@ body.listing-page>.content,.commentarea .thing{box-shadow:none}
.res .comment .thing{margin-top:0!important;margin-bottom:3px!important;/*border:1px solid #c9c9c9!important*/}
.res .commentarea .thing{margin-top:0!important;margin-bottom:3px!important;/*border:1px solid #c9c9c9!important*/}
body:before{background-color:transparent}
-.morelink,.titlebox .fancy-toggle-button .add,.morelink:after,.content .infobar,.submit-page #newlink.submit.content .tabmenu.formtab .selected a,.submit-page .infobar,.submit-page #newlink.submit.content .btn,.drop-choices a.choice:hover,.linkflairlabel,.top-page .content .menuarea .dropdown.lightdrop .selected,.side .titlebox .md h3 a,.res div.RES-keyNav-activeElement,.res div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed,.btn,button{
+
+.btn, button, .morelink, .titlebox .fancy-toggle-button .add, .morelink:after, .content .infobar, .submit-page #newlink.submit.content .tabmenu.formtab .selected a, .submit-page .infobar, .submit-page #newlink.submit.content .btn, .drop-choices a.choice:hover, .linkflairlabel, .top-page .content .menuarea .dropdown.lightdrop .selected, .side .titlebox .md h3 a, .res div.RES-keyNav-activeElement, .res div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed, .btn, .utton{
background-color: #a82828;
}
-.morelink:hover,.submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover,.btn:hover,button:hover,.side .titlebox .md h3 a:hover,.titlebox .fancy-toggle-button .add:hover,.titlebox .fancy-toggle-button .add:hover:after{background-color:#b03d3d}
-.morelink:active,.side .titlebox .md h3 a:active,.btn:active,button:active{background-color:#972424}
-a,.link .entry .buttons li a.comments,.md a,.titlebox .tagline a.flairselectbtn,.thing .title.loggedin.click,.thing .title.click,.thing .title.loggedin,.thing .title,body .content .sitetable .link .title a:hover,.link .domain a:hover,.link .entry .buttons li a:hover,.link .entry .buttons li a.flairselectbtn,.comment .flat-list li a[onclick*="reply"],.comment .flat-list li a:hover,.tagline .submitter,.tagline .submitter,.side:after,.usertext .bottom-area a.reddiquette,.side .titlebox .md h6 a,.link .entry .tagline a:hover,.comment .author:hover{color:#c22828}
+
+.morelink:hover, .submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover, .btn:hover, .utton:hover, .side .titlebox .md h3 a:hover, .titlebox .fancy-toggle-button .add:hover, .titlebox .fancy-toggle-button .add:hover:after {
+ background-color: #b03d3d;
+}
+
+.morelink:active,.side .titlebox .md h3 a:active,.btn:active,button:active {
+ background-color: #972424;
+}
+a, .link .entry .buttons li a.comments, .md a, .titlebox .tagline a.flairselectbtn, .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title, .ody .content .sitetable .link .title a:hover, .link .domain a:hover, .link .entry .buttons li a:hover, .link .entry .buttons li a.flairselectbtn, .comment .flat-list li a[onclick*="reply"], .comment .flat-list li a:hover, .tagline .submitter, .tagline .submitter, .side:after, .usertext .bottom-area a.reddiquette, .side .titlebox .md h6 a, .link .entry .tagline a:hover, .comment .author:hover {
+ color: #c22828;
+}
.res-nightmode .link,.res-nightmode .side,.res-nightmode .roundfield,.res-nightmode .submit-page .infobar,.res-nightmode .content .infobar,.res-nightmode .stylesheet-customize-container .pretty-form,.res-nightmode #images,.res-nightmode .search-page .raisedbox,.res-nightmode .search-page .searchfacets,.res-nightmode .linefield,.res-nightmode .search-page .searchpane,.res-nightmode .nextprev,.res-nightmode .nav-buttons{background-image:url(%%darkpaperfibers%%)}
.res-nightmode .arrow.up{background-position:-64px 0!important}
.res-nightmode .arrow.upmod{background-position:-128px 0!important}