Commit e1c5fb05 authored by revolutionary-bench's avatar revolutionary-bench
Browse files

Add some color to link flairs and update link colors

parent 0ebc4fcb
...@@ -3,9 +3,9 @@ body{overflow-x:hidden;background-color:#eee;min-width:820px} ...@@ -3,9 +3,9 @@ body{overflow-x:hidden;background-color:#eee;min-width:820px}
::focus{outline:none!important} ::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: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: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,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:active,button:active{box-shadow:0 1px 4px rgba(0,0,0,0.16);background-color:#4059db}
.btn:focus,button:focus{outline:0} .btn:focus,button:focus{outline:0}
#header{margin:0;height:0;border:0} #header{margin:0;height:0;border:0}
...@@ -82,7 +82,7 @@ body:not(.loggedin) #header-bottom-right{max-width:340px} ...@@ -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 label:active{background-color:rgba(0,0,0,0.25)}
#search #searchexpando p{display:none!important} #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{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: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 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} .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;} ...@@ -106,7 +106,7 @@ span.gilded-gid2-icon, span.gilded-gid1-icon{display:none!important;}
.titlebox .users-online,.titlebox .number{cursor:text} .titlebox .users-online,.titlebox .number{cursor:text}
.titlebox .tagline{font-size:12px;margin:0} .titlebox .tagline{font-size:12px;margin:0}
.titlebox .tagline:after{content:"";height:2px;background-color:#f2f2f2;display:block;margin-top:16px} .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 a.flairselectbtn:after{content:" flair"}
.titlebox .tagline .flair:before{content:""} .titlebox .tagline .flair:before{content:""}
.titlebox form.toggle.flairtoggle,.leavemoderator,.titlebox .tagline a.author,.sidebox .subtitle{display:none} .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;} ...@@ -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: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: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{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 .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{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: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,.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: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)} .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;} ...@@ -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 h1{line-height:18px;margin:.5em 0 0!important}
.side .titlebox .md h2{margin:16px 0 2px} .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{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 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 .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} .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} ...@@ -173,21 +173,41 @@ a.thumbnail img{height:64px;width:64px}
.thumbnail.self{background:url(%%spritesheet%%) -73px -80px} .thumbnail.self{background:url(%%spritesheet%%) -73px -80px}
.thumbnail.default{background:url(%%spritesheet%%) -143px -80px} .thumbnail.default{background:url(%%spritesheet%%) -143px -80px}
.thumbnail.nsfw{background:url(%%spritesheet%%) -3px -140px} .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 {
.linkflair-inspiration .linkflairlabel{background-color:#ea4848;color:#fff} background-color: #ea4848; /* soft red */
color:#fff;
}
.linkflair-inspiration .thumbnail.self{background:url(%%spritesheet%%) -143px -140px} .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-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 a{color:#65b354!important}
.linkflair-mod .thumbnail.default,.linkflair-mod .thumbnail.self{background:url(%%spritesheet%%) -3px -80px!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} .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} .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} .content .thing .title:visited,.content .thing.visited .title{color:#7d5d8a}
.link .domain{visibility:hidden} .link .domain{visibility:hidden}
.link .domain a{visibility:visible;position:relative;top:-1px;color:#636363;transition:all .15s ease} .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} .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} .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} ...@@ -195,7 +215,7 @@ body .content .sitetable .link .title a:hover{color:#4f8ef7}
.link .entry .tagline a{color:#4d5763} .link .entry .tagline a{color:#4d5763}
.link .entry .tagline:first-letter {text-transform:capitalize} .link .entry .tagline:first-letter {text-transform:capitalize}
.link .entry .tagline time{cursor:help} .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 a.author{margin-right:inherit}
.link .entry .tagline .userattrs{visibility:hidden} .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} .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} ...@@ -204,7 +224,7 @@ body .content .sitetable .link .title a:hover{color:#4f8ef7}
.RESUserTagImage:hover{opacity:1!important} .RESUserTagImage:hover{opacity:1!important}
.link .flat-list{margin-top:3px} .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} .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} .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 .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} .link .entry li .comments:hover{text-decoration:none}
...@@ -215,7 +235,7 @@ body .content .sitetable .link .title a:hover{color:#4f8ef7} ...@@ -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{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 li label:hover{background-color:rgba(0,0,0,0.05)}
.action-form input[name="other_reason"]{padding:8px} .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} .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} .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} .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 ...@@ -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 .entry{padding:11px 32px 9px 0}
.link.compressed .title{margin:0} .link.compressed .title{margin:0}
body>.content .link.compressed .midcol{height:auto;margin:8px 0 0 4px} 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.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} .flairoptionpane{max-height:250px;text-align:left}
.flairselector .flairoptionpane ul li{padding:0!important} .flairselector .flairoptionpane ul li{padding:0!important}
.flairoptionpane ul li .linkflair{text-align:left;padding:0} .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: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 span.linkflairlabel {
.flairoptionpane ul li .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4f8ef7!important} 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{padding-top:12px;border-top:1px solid #f7f7f7}
.flairselector form .flairselection{text-align:left} .flairselector form .flairselection{text-align:left}
.flairselector form .flairselection:before{display:block;content:"Selected Flair:";color:#636363} .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{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 {
.flairselector form .flairselection .flairremove a:first-letter {text-transform:capitalize} visibility: visible;
.flairselector form .flairselection .flairremove a:hover{text-decoration:underline!important} 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{text-align:left}
.flairselector .error:first-letter {text-transform:capitalize} .flairselector .error:first-letter {text-transform:capitalize}
.flairselector .error:after{display:block;color:#636363;content:"Go to /r/.../about/flairs."} .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} ...@@ -270,24 +332,27 @@ body>.content .link.compressed .midcol{height:auto;margin:8px 0 0 4px}
.flairselector .flairoptionpane ul li{margin:4px 0} .flairselector .flairoptionpane ul li{margin:4px 0}
.flairselector li.selected{border:0;background-color:transparent} .flairselector li.selected{border:0;background-color:transparent}
.flairselector .flairoptionpane ul li.flairsample-right{padding:5px 0!important;border:0} .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{border:0 solid;color:#636363}
.unvotable-message:first-letter {text-transform:capitalize} .unvotable-message:first-letter {text-transform:capitalize}
.res .RES-keyNav-activeElement{outline:0 dashed #e0e0e0!important;transition:all .35s ease} .res .RES-keyNav-activeElement{outline:0 dashed #e0e0e0!important;transition:all .35s ease}
.res .entry{transition:all .15s 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} div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!important}
.res .commentarea .thing{padding:16px 16px 0 14px!important} .res .commentarea .thing{padding:16px 16px 0 14px!important}
.res .commentarea .entry .flat-list{padding-bottom:16px} .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} .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{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} .livePreview .md{padding:8px 12px}
.RESCloseButton{line-height:19px;height:22px;width:22px;transition:all .15s ease} .RESCloseButton{line-height:19px;height:22px;width:22px;transition:all .15s ease}
.RESCloseButton:hover{border:1px solid #d7d9dc} .RESCloseButton:hover{border:1px solid #d7d9dc}
#userTaggerToolTip input[type=text],#userTaggerToolTip select{line-height:22px;padding-left:4px;border:1px solid #e5e5e5!important} #userTaggerToolTip input[type=text],#userTaggerToolTip select{line-height:22px;padding-left:4px;border:1px solid #e5e5e5!important}
.toggleButton{line-height:.8} .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} .toggleButton .toggleOff{border-radius:0;border:1px solid #d7d9dc;background-color:transparent;text-transform:capitalize}
#userTaggerToolTip input[type=submit]{bottom:10px!important} #userTaggerToolTip input[type=submit]{bottom:10px!important}
.top-page .content .menuarea .drop-choices.lightdrop{display:inline;visibility:visible} .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 ...@@ -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 .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 .dropdown-title.lightdrop{visibility:hidden}
.top-page .content .menuarea{border-bottom:0;padding:0;margin:0;height:36px} .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{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{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[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: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{border:0;box-shadow:0 2px 3px #DDD}
.guider_content h1{color:#4f8ef7} .guider_content h1{color:#a82828}
.guider_button{font-size:11px;border:0;background-image:none;background-color:#4f8ef7;transition:all .15s ease} .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)} .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{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)} .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 ...@@ -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{color:#636363}
.commentarea .menuarea span.dropdown-title.lightdrop:first-letter {text-transform:capitalize} .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{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:"▼"} .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.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{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,.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} .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 button{margin:4px 16px 8px 0}
.usertext-edit textarea{position:relative;z-index:999} .usertext-edit textarea{position:relative;z-index:999}
.usertext .bottom-area{width:500px} .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} .gold-accent.comment-visits-box{margin:0 0 12px;border-radius:2px}
.commentarea .sitetable{margin:0;box-shadow:none} .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} .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 ...@@ -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 .midcol .arrow{margin-left:0;margin-bottom:4px}
.comment .entry .tagline{color:#636363;font-size:12px;font-family:Arial,sans-serif} .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{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{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 .moderator,.green{color:#65b354;font-weight:700}
.tagline .submitter{font-weight:700;color:#4f8ef7} .tagline .submitter{font-weight:700;color:#a82828}
.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{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:#4f8ef7!important} .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 .score{font-size:inherit;font-weight:700;color:#666}
.comment span.userattrs{margin-left:4px} .comment span.userattrs{margin-left:4px}
.comment .usertext .md{color:#4d5763} .comment .usertext .md{color:#4d5763}
.comment .usertext .md p{margin-top:0} .comment .usertext .md p{margin-top:0}
.md a{color:#4f8ef7} .md a{color:#a82828}
.md a:visited{color:#7d5d8a} .md a:visited{color:#7d5d8a}
.md pre{padding:8px} .md pre{padding:8px}
.md blockquote{border-left:2px solid #e5e3da;color:#706f6f} .md blockquote{border-left:2px solid #e5e3da;color:#706f6f}
...@@ -371,9 +436,9 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im ...@@ -371,9 +436,9 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im
.md h3{color:#4d5763;margin:16px 0 0} .md h3{color:#4d5763;margin:16px 0 0}
.usertext.grayed .usertext-body{margin:4px 0;background-color:transparent;text-transform:italic;padding: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{color:#636363;font-weight:400;font-size:10px}
.comment .flat-list li a:hover{color:#4f8ef7;text-decoration:none} .comment .flat-list li a:hover{color:#a82828;text-decoration:none}
.comment .flat-list li a[onclick*="reply"]{color:#4f8ef7;font-weight:700;font-size:11px} .comment .flat-list li a[onclick*="reply"]{color:#a82828;font-weight:700;font-size:11px}
.deepthread a{color:#4f8ef7} .deepthread a{color:#a82828}
.comments-page .side{margin-top:312px} .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{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} .comments-page .side .linkinfo .date{color:#636363}
...@@ -422,7 +487,7 @@ div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!im ...@@ -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 .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{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{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 .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{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} .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 ...@@ -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 hr{border-style:solid;border-color:#e5e5e5}
.wiki-page .wiki-page-content em{color:#636363} .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{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} .linefield .title:first-letter ,.linefield label:first-letter {text-transform:capitalize}
.usertext .bottom-area a{color:#636363} .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} .pretty-form{padding-top:24px}
.fancy-settings h1,.create-promotion h1{color:rgba(255,255,255,.8)} .fancy-settings h1,.create-promotion h1{color:rgba(255,255,255,.8)}
.fancy-settings h1 strong{color:rgba(255,255,255,1)} .fancy-settings h1 strong{color:rgba(255,255,255,1)}
.tabmenu{border-bottom:1px solid #edeeee;margin-bottom:12px} .tabmenu{border-bottom:1px solid #edeeee;margin-bottom:12px}
.tabmenu li{margin:0!important} .tabmenu li{margin:0!important}
.tabmenu li a{background-color:transparent;color:#4d5763;border:0;font-size:14px} .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{border:0}
.tabpane-content .flairrow a.author{color:#636363} .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} .tabpane-content .thing .title{overflow:visible}
.fancy-settings .pretty-form{padding-top:0} .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} .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} ...@@ -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 span.subscribers,.res .titlebox .users-online,.res .titlebox .number{top:0;left:0}
.res .titlebox .tagline{margin-top:6px} .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,.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{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 #progressIndicator h2{color:#4d5763}
.res .NERPageMarker{border-radius:0;border:0;background-color:#fff;padding:16px 0;margin:0} .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} ...@@ -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"]::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"]:hover::after,a[href="/s"]:active::after{color:black}
a[href="/s"]:active{pointer-events:none} a[href="/s"]:active{pointer-events:none}
.linkflairlabel{font-weight:bold;max-width:15em;font-size:medium} .linkflairlabel {
padding: 1px 6px;
height: 18px;