/*

RedditRedesigned A Gold CSS Theme

Designed by /u/JustJaaayy
CSS by /u/Cereal_Addict and /u/JustJaaayy
Moderator Tools CSS by /u/ridddle

https://www.behance.net/gallery/36852127/Reddit-Redesign-Concept

To-do
- Theme - Elements
- One type of submission
- sorted by menu
- stylesheet images
- flair selector
- comment + share image
- show images

==============================================================================*/

*, :before, :after {
-moz-box-sizing: border-box;
box-sizing: border-box
}

a,
.tagline a,
.search-result .search-result-meta a.author,
.md a { color: #49b2f2 }

a:hover, .commentNavSortType:hover { text-decoration: none!important }

:focus { outline: none }

input[type="checkbox"],
input[type=radio] {
-webkit-appearance: none;
vertical-align: middle;
margin-top: 0!important;
width: 16px;
height: 16px;
border-radius: 4px;
background: #efefed;
text-align: center
}

input[type="checkbox"] { border-radius: 4px }

input[type="radio"] { border-radius: 8px }

input[type="checkbox"]:checked { background: #149ef0 }

input[type="radio"]:checked { background: #72ea18 }

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after { font-size: 12px; color: #fff; content: "" }

textarea { font-family: inherit }

input[type=text],
textarea,
.linkinfo .shortlink input,

.pretty-form input[type=text],
.pretty-form textarea,
.pretty-form input[type=password],
.pretty-form input[type=number],

.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],

#compose-message .roundfield select {

box-shadow: none;
border: 1px solid #efefed;
color: #353535;
}

input[type=text]:focus,
.roundfield input[type=url]:focus,
textarea:focus { background: #fcfcfb }

button {
-webkit-appearance: none;
border: 0;
padding: 0 10px;
background: #efefed;
line-height: 25px;
text-transform: uppercase;
font-size: 12px;
color: #b3b3aa
}

button.save,
button[name="save"],
button[name="submit"],
.save-button>button,
button.expand-summary { background: #149ef0; color: #fff }

/*.md { color: #999; font-size: 14px; }

.md strong { color: #000 }*/

h2 { font-size: 16px; font-weight: 400; color: #000 }

.wiki-page .wikititle,
.search-header-label,
.submit-page .content>h1,
.stylesheet-customize-container h2,
.fancy-settings h1,
div.NERPageMarker {
display: block;
 margin: 0;
padding: 20px;
background: #fff;
letter-spacing: 0;
text-align: left;
font-size: 16px;
font-weight: normal;
color: #000
}

.stylesheet-customize-container h2 a { color: #000 }

.submit-page .content>h1,
.fancy-settings h1 { width: 512px }

.wiki-page .wikititle strong,

.fancy-settings h1 strong { font-weight: 400 }

.wiki-page .wikititle:after,
.search-header-label:after,
.submit-page .content>h1:after,
.stylesheet-customize-container h2:after,
.fancy-settings h1:after,
div.NERPageMarker:after {
display: block;
margin: 20px 0 0 0;
width: 50px;
height: 3px;
background: #ff4500;
content: ""
}

.infobar, .formtabs-content .infobar {

margin: 0;
border: 0;
padding: 10px
}

body {
background: #f5f5f5;
font-family: -apple-system, BlinkMacSystemFont, Roboto, HelveticaNeue, helvetica,
arial, sans-serif;
color: #999
}

#header {
box-shadow: 0 0 5px rgba(0,0,0,.1);
height: 85px;
border: 0;
background: #fff
}

#sr-header-area {
height: 25px;
border-bottom: 1px solid #f0f0f0;
background: #fff;
line-height: 25px;
letter-spacing: .25px;
font-size: 10px;
 color: #d1d1d1
}

#sr-header-area .dropdown.srdrop,
div#srLeftContainer { margin-right: 0; padding-left: 0 }

.dropdown.srdrop .selected,
#sr-header-area a,
span.srSep {
margin-left: 6px;
margin-right: 0;
padding: 0;
background: none;
font-weight: normal;
color: #d1d1d1
}

div#sr-header-area a.RESShortcutsCurrentSub { color: #d1d1d1!important }

.separator { display: none!important }

a#sr-more-link { padding: 0 10px }

a#sr-more-link,
div#RESShortcutsEditContainer {
display: flex;
width: auto;
height: 24px;
max-height: none;
border-left: 1px solid #f0f0f0;
background: #fff
}

#RESShortcutsEditContainer>div {
position: static;
display: inline-block;
vertical-align: top;
margin: 0 2px;
width: auto;
height: 24px;
line-height: 23px;
background: none;
color: #d1d1d1
}

#RESShortcutsRight { order: 2 }

#header-bottom-left {
display: flex;
margin-left: 50px;
height: 60px;
align-items: center;
}

#header #header-img {
margin: 0;
width: 109px;
height: 24px;
padding-top: 24px;
 background: url(%%headerimg%%) no-repeat 0/contain
}

a.hohoho-header {
order: -1;
margin-right: 20px;
width: 40px;
border-radius: 20px;
background: #47bd52 url(%%hohoho%%) no-repeat center/20px 20px
}

#header .pagename,
body.with-listing-chooser #header .pagename,
body.with-listing-chooser.listing-chooser-collapsed #header .pagename,
.front-page .sr-list .flat-list:nth-of-type(1),
.front-page div#srLeftContainer {
position: static;
margin-left: 20px;
height: 40px;
border-left: 2px solid #d1d1d1;
padding-left: 20px;
line-height: 40px;
text-align: center;
text-transform: lowercase;
font-size: 14px;
font-variant: normal;
font-weight: normal;
color: #ff4500
}

.front-page .sr-list .flat-list:nth-of-type(1),

.front-page div#srLeftContainer {
position: absolute;
z-index: 0;
top: 35px;
left: 162px;
max-height: none
}

.front-page div#RESStaticShortcuts { display: flex }

.front-page #sr-header-area .dropdown.srdrop,

.front-page #sr-header-area #srDropdownContainer a { font-size: 0!important }

.front-page a#sr-more-link:before,
.front-page div#srDropdownContainer:before { font-size: 12px; color: #149ef0 }

.front-page a#sr-more-link:before,
.front-page div#srDropdown {
position: absolute;
line-height: normal
}

.front-page div#srDropdown { top: 164px; left: calc(100vw - 300px) }

.front-page a#sr-more-link:before { top: 199px; right: 80px; content: "EDIT" }

.front-page div#srDropdownContainer:before { text-transform: uppercase; content:
"VIEW" }
.front-page #sr-header-area .sr-list .flat-list:nth-of-type(1) a,
.front-page #srLeftContainer a { margin: 0 20px 0 0 }

.front-page div#sr-header-area a.RESShortcutsCurrentSub { order: -1; font-weight:

400; color: #ff4500!important }

.front-page #sr-header-area .selected a:after,

.front-page div#sr-header-area a.RESShortcutsCurrentSub:after { content: "page" }

.front-page span.srSep { display: none }

#header .pagename a { color: #ff4500 }

#header .tabmenu,
body.with-listing-chooser #header .tabmenu {
position: absolute;
top: 162px;
left: 150px;
margin: 0;
box-shadow: 0 2px 5px 0 #efefed;
border: 1px solid #efefed;
}

body.with-listing-chooser #header .tabmenu { left: 240px }

#header .tabmenu:before {
position: absolute;
pointer-events: none;
top: -26px;
right: 100%;
color: #a5a4a4;
content: "Sort posts by "
}

#header .tabmenu li {
display: none;
margin: 0;
font-weight: normal
}

#header .tabmenu:hover li,

#header .tabmenu li.selected:not(.res-tabmenu-button) { display: block }

li.selected.res-show-images a { font-size: 0 }
li.selected.res-show-images a:before { font-size: 12px; content: "Hide images" }
#header .tabmenu li.selected.res-tabmenu-button a:after { display: none }

body.with-listing-chooser #header .tabmenu li:first-child.selected { margin: 0 }

#header .tabmenu li:nth-of-type(1):not(.selected):not(.res-tabmenu-button),

#header .tabmenu li.selected:nth-of-type(1)+li:not(.res-tabmenu-button) { position:
relative }

#header .tabmenu li:nth-of-type(1):not(.selected):not(.res-tabmenu-button):before,

#header .tabmenu li.selected:nth-of-type(1)+li:not(.res-tabmenu-button):before {
top: -7px;
left: calc(50% - 1px);
width: 14px;
height: 7px;
 border: 7px solid transparent;
border-bottom-color: #efefed;
content: ""
}

#header .tabmenu li:nth-of-type(1):not(.selected):not(.res-tabmenu-button):after,

#header .tabmenu li.selected:nth-of-type(1)+li:not(.res-tabmenu-button):after {
top: -6px;
left: 50%;
width: 12px;
height: 6px;
border: 6px solid transparent;
border-bottom-color: #fff
}

#header .tabmenu li:nth-of-type(1):not(.selected):not(.res-tabmenu-button):before,

#header .tabmenu li:nth-of-type(1):not(.selected):not(.res-tabmenu-button):after,
#header .tabmenu li.selected:nth-of-type(1)+li:not(.res-tabmenu-button):before,
#header .tabmenu li.selected:nth-of-type(1)+li:not(.res-tabmenu-button):after {
position: absolute;
border-top-width: 0;
content: ""
}

#header .tabmenu li a {
display: block;
border: 0;
border-top: 1px solid #efefed;
padding: 10px 20px;
background: #fff;
text-transform: capitalize;
line-height: normal;
color: #353535
}

#header .tabmenu li:nth-of-type(1):not(.selected) a,

#header .tabmenu li.selected:nth-of-type(1)+li a { border-top: 0 }

#header .tabmenu li a:hover {

background: #ff4500;
color: #fff
}

#header .tabmenu li.selected:not(.res-tabmenu-button) {

position: absolute;
top: -36px;
left: 0
}

#header .tabmenu li.selected:not(.res-tabmenu-button) a {

border: 0;
padding: 10px 5px;
background: none;
color: #ff4500
}

#header .tabmenu li.selected:not(.res-tabmenu-button) a:after {

display: inline-block;
margin: 0 0 2px 6px;
 width: 7px;
height: 7px;
border-right: 2px solid #ff4500;
border-bottom: 2px solid #ff4500;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
content: ""
}

#header div#header-bottom-right {
display: flex;
top: 35px;
bottom: auto;
border-left: 2px solid #d1d1d1;
border-radius: 0;
padding: 10px 50px 10px 0;
background: #fff;
line-height: inherit
}

div#header-bottom-right *:not(#beta-help) {
position: static;
display: inline-block;
vertical-align: top!important;
opacity: 1;
}

div#header-bottom-right>* { height: 20px; margin: 0 0 0 20px }

div#header-bottom-right>*>* { margin: 0 }

div#userbarToggle {
order: 2;
width: 20px;
height: 20px;
min-height: 0;
border: 0;
background: none;
text-align: center;
font-size: 20px;
color: #cdcdcd
}

div#userbarToggle:hover { color: #444 }

#header .user,
#header #header-bottom-right.res-userbar-toggle > .user {
order: -1;
margin: 0 20px 0 40px;
line-height: 20px;
font-size: 0
}

#header-bottom-right span.gilded-icon { display: none!important }

#header .user>a { margin-right: 10px!important; font-size: 12px; color: #444 }

span#RESAccountSwitcherIcon {
 margin-top: 5px;
border-right: 2px solid #444;
border-bottom: 2px solid #444;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg)
}

.res-accountSwitcher-dropDownStyle-alien span#RESAccountSwitcherIcon { width: 8px;

height: 8px; background: none }

span#RESAccountSwitcherIconOverlay { display: none!important }

#header #header-bottom-right .user>a:after { font-size: 12px; line-height: 20px }

.beta-hint a,
.user:before,
#mail.nohavemail,
#mail.havemail,
#modmail.nohavemail,
#modmail.havemail,
#new_modmail.nohavemail,
#new_modmail.havemail,
#header a.ChatApp__reddit-icon,
#header a.pref-lang,
#RESSettingsButton.gearIcon,
.logout a,
a#RESAnnouncementAlert {
overflow: visible;
width: 20px;
height: 20px;
padding-left: 20px;
background: url(%%headerbottomright%%) 0 0/20px auto;
text-indent: 0;
font-size: 0!important;
font-family: arial, sans-serif;
animation: none
}

.beta-hint a { background-position: 0 0 }
.beta-hint a:hover { background-position: 0 -20px }
.user:before { display: inline-block; margin-right: 10px; background-position: 0
-40px; content: "" }
#mail.nohavemail { background-position: 0 -60px }
#mail.nohavemail:hover, #mail.havemail { background-position: 0 -80px }
#modmail.nohavemail { background-position: 0 -100px }
#modmail.nohavemail:hover, #modmail.havemail { background-position: 0 -120px }
#new_modmail.nohavemail { background-position: 0 -140px }
#new_modmail.nohavemail:hover, #new_modmail.havemail { background-position: 0
-160px }
#header a.ChatApp__reddit-icon { background-position: 0 -180px }
#header a.ChatApp__reddit-icon:hover { background-position: 0 -200px }
#header a.pref-lang { background-position: 0 -220px }
#header a.pref-lang:hover { background-position: 0 -240px }
#RESSettingsButton.gearIcon { background-position: 0 -260px }
#RESSettingsButton.gearIcon:hover { background-position: 0 -280px }
.logout a { background-position: 0 -300px }
.logout a:hover { background-position: 0 -320px }
a#RESAnnouncementAlert { background-position: 0 -340px }
a#RESAnnouncementAlert:hover { background-position: 0 -360px }

div#header-bottom-right .message-count,
#modmail.havemail:after,
div#header-bottom-right #new_modmail.havemail:after {
display: inline-block;
z-index: 100;
vertical-align: top;
margin: -6px 0 0 -10px;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-radius: 10px;
background: #ff4500;
line-height: 16px;
text-align: center;
font-size: 12px;
font-weight: normal;
color: #fff;
content: "!";
}

.nohavemail+.message-count { display: none!important }

#RESSettingsButton.gearIcon:after,
a#RESAnnouncementAlert span { font-size: 0 }

.hover-bubble.anchor-top:before, .hover-bubble.anchor-top:after { right: 20px;

border-top: 0 }
.hover-bubble.anchor-top:before { top: -10px; border-bottom-color: #efefed }
.hover-bubble.anchor-top:after { top: -9px }

.hover-bubble.anchor-right:before { border-left-color: #efefed }

#RESAccountSwitcherDropdown,
div.RESDropdownList,
#beta-help { top: 85px!important }

#beta-help, .hover-bubble { box-shadow: 0 2px 5px 0 #efefed; border: 1px solid

#efefed }

#sr-header-area .drop-choices.srdrop,
table#srList {
position: fixed;
top: 0!important;
left: 0;
margin: 0;
box-shadow: 0 0 5px rgba(0,0,0,.2);
width: 300px;
height: 100%;
max-height: none!important;
border: 20px solid #fff;
padding-right: 10px;
background: #fff;
color: #9b9b9b
}

table#srList thead { display: none }

body:not(.front-page) .drop-choices.srdrop::-webkit-scrollbar,
body:not(.front-page) table#srList::-webkit-scrollbar { width: 8px; height: 8px;
border-radius: 4px; background: #c8c7c7 }

body:not(.front-page) .drop-choices.srdrop::-webkit-scrollbar-thumb,
body:not(.front-page) table#srList::-webkit-scrollbar-thumb { border-radius: 4px;
background: #767676 }

.drop-choices.srdrop a:before,
table#srList tbody tr:before {
position: absolute;
top: 2px;
left: 20px;
width: 25px;
height: 25px;
border-radius: 50%;
content: ""
}

.drop-choices.srdrop a:nth-of-type(7n+1):before,
table#srList tbody tr:nth-of-type(7n+1):before { background: #ff4500 }

.drop-choices.srdrop a:nth-of-type(7n+2):before,
table#srList tbody tr:nth-of-type(7n+2):before { background: #f4d649 }

.drop-choices.srdrop a:nth-of-type(7n+3):before,
table#srList tbody tr:nth-of-type(7n+3):before { background: #49daf4 }

.drop-choices.srdrop a:nth-of-type(7n+4):before,
table#srList tbody tr:nth-of-type(7n+4):before { background: #ed3939 }

.drop-choices.srdrop a:nth-of-type(7n+5):before,
table#srList tbody tr:nth-of-type(7n+5):before { background: #47bd52 }

.drop-choices.srdrop a:nth-of-type(7n+6):before,
table#srList tbody tr:nth-of-type(7n+6):before { background: #ab69d5 }

.drop-choices.srdrop a:nth-of-type(7n+7):before,
table#srList tbody tr:nth-of-type(7n+7):before { background: #69dfac }

table#srList tbody tr:first-of-type:last-of-type:before { display: none }

table#srList tr:hover { background: none }

#sr-header-area .drop-choices.srdrop a,
table#srList tr {
display: block;
position: relative;
margin-bottom: 25px;
border: 0
}

#sr-header-area .drop-choices.srdrop a,
table#srList tbody tr { padding-left: 65px }

table#srList tbody tr:first-of-type:last-of-type { padding-left: 20px }

table#srList td { display: inline-block; padding: 0 }

table#srList td:first-of-type { display: block }
table#srList td[width="360"] { margin-left: 20px; width: auto!important; font-size:
12px }

table#srList td a:before { content: "r/" }

#sr-header-area .drop-choices.srdrop a,
table#srList tbody td a {
margin-left: 0;
text-transform: none;
font-size: 13px;
color: #000!important
}

table#srList tbody td a { display: inline }

table#srList td:not(:first-of-type) {
margin-right: 10px;
font-size: 11px
}

.drop-choices.srdrop a:not(.bottom-option):after {
display: block;
white-space: normal;
font-size: 11px;
color: #9b9b9b;
content: "---"
}

/* defaults */

.drop-choices.srdrop a[href$="r/Art/"]:after { content: "Art" }

.drop-choices.srdrop a[href$="r/AskReddit/"]:after { content: "Ask Reddit" }
.drop-choices.srdrop a[href$="r/askscience/"]:after { content: "AskScience: Got
Questions? Get Answers." }
.drop-choices.srdrop a[href$="r/aww/"]:after { content: "A subreddit for cute and
cuddly pictures" }
.drop-choices.srdrop a[href$="r/books/"]:after { content: "So many books, so little
time" }
.drop-choices.srdrop a[href$="r/creepy/"]:after { content: "Fot all things
creepy" }
.drop-choices.srdrop a[href$="r/dataisbeautiful/"]:after { content:
"DataIsBeautiful" }
.drop-choices.srdrop a[href$="r/DIY/"]:after { content: "DIY" }
.drop-choices.srdrop a[href$="r/Documentaries/"]:after { content: Documentaries"" }
.drop-choices.srdrop a[href$="r/EarthPorn/"]:after { content: "EarthPorn: Should be
renamed LandPorn." }
.drop-choices.srdrop a[href$="r/explainlikeimfive/"]:after { content: "Explain Like
I'm Five | Don't Panic!" }
.drop-choices.srdrop a[href$="r/Fitness/"]:after { content: "Fitness" }
.drop-choices.srdrop a[href$="r/food/"]:after { content: "food" }
.drop-choices.srdrop a[href$="r/funny/"]:after { content: "funny" }
.drop-choices.srdrop a[href$="r/Futurology/"]:after { content: "Future(s)
Studies" }
.drop-choices.srdrop a[href$="r/gadgets/"]:after { content: "reddit gadget guide" }
.drop-choices.srdrop a[href$="r/gaming/"]:after { content: "r/gaming" }
.drop-choices.srdrop a[href$="r/GetMotivated/"]:after { content: "Get Motivated!" }
.drop-choices.srdrop a[href$="r/gifs/"]:after { content: ".gifs - funny, animated
gifs for your viewing pleasure" }
.drop-choices.srdrop a[href$="r/history/"]:after { content: "History" }
.drop-choices.srdrop a[href$="r/IAmA/"]:after { content: "I Am A, where the mundane
becomes fascinating and the outrageous suddenly seems normal" }
.drop-choices.srdrop a[href$="r/InternetIsBeautiful/"]:after { content: "10/10
would bookmark again" }
.drop-choices.srdrop a[href$="r/Jokes/"]:after { content: "Jokes: Get Your Funny
On!" }
.drop-choices.srdrop a[href$="r/LifeProTips/"]:after { content: "Life Pro Tips" }
.drop-choices.srdrop a[href$="r/listentothis/"]:after { content: "r/ListenToThis:
The New Music Machine" }
.drop-choices.srdrop a[href$="r/mildlyinteresting/"]:after { content: "For things
that are, you know, mildly interesting." }
.drop-choices.srdrop a[href$="r/movies/"]:after { content: "Movie News and
Discussion" }
.drop-choices.srdrop a[href$="r/Music/"]:after { content: "/r/Music" }
.drop-choices.srdrop a[href$="r/news/"]:after { content: "All news, US and
international." }
.drop-choices.srdrop a[href$="r/nosleep/"]:after { content: "NoSleep" }
.drop-choices.srdrop a[href$="r/nottheonion/"]:after { content: "Sadly, this is not
the Onion." }
.drop-choices.srdrop a[href$="r/OldSchoolCool/"]:after { content: "OldSchoolCool:
History's cool kids, looking fantastic" }
.drop-choices.srdrop a[href$="r/personalfinance/"]:after { content: "personal
finance" }
.drop-choices.srdrop a[href$="r/philosophy/"]:after { content: "philosophy" }
.drop-choices.srdrop a[href$="r/photoshopbattles/"]:after { content: "a place to
have fun with everyone's favorite graphic software" }
.drop-choices.srdrop a[href$="r/pics/"]:after { content: "Reddit Pics" }
.drop-choices.srdrop a[href$="r/science/"]:after { content: "Science" }
.drop-choices.srdrop a[href$="r/Showerthoughts/"]:after { content: "Showerthoughts"
}
.drop-choices.srdrop a[href$="r/space/"]:after { content: "/r/space: news,
articles, images, and discussion" }
.drop-choices.srdrop a[href$="r/sports/"]:after { content: "the sportspage of the
Internet" }
.drop-choices.srdrop a[href$="r/television/"]:after { content: "/r/television - a
premium-quality television subreddit" }
.drop-choices.srdrop a[href$="r/tifu/"]:after { content: "Today I Fucked Up" }
.drop-choices.srdrop a[href$="r/todayilearned/"]:after { content: "Today I Learned
(TIL)" }
.drop-choices.srdrop a[href$="r/TwoXChromosomes/"]:after { content: "You are the
community. You have all the power of the internet to mold it" }
.drop-choices.srdrop a[href$="r/UpliftingNews/"]:after { content: "Uplifting
News" }
.drop-choices.srdrop a[href$="r/videos/"]:after { content: "/r/Videos" }
.drop-choices.srdrop a[href$="r/worldnews/"]:after { content: "World News" }
.drop-choices.srdrop a[href$="r/WritingPrompts/"]:after { content: "Writing
Prompts: Prompts and motivation to create something out of nothing" }

/* reddit admin owned */

.drop-choices.srdrop a[href$="r/announcements/"]:after { content: "Official Reddit

announcements" }
.drop-choices.srdrop a[href$="r/beta/"]:after { content: "Beta testing on
reddit.com" }
.drop-choices.srdrop a[href$="r/blog/"]:after { content: "The official reddit blog"
}
.drop-choices.srdrop a[href$="r/changelog/"]:after { content: "reddit changelog" }
.drop-choices.srdrop a[href$="r/lounge/"]:after { content: "The reddit gold lounge"
}
.drop-choices.srdrop a[href$="r/modnews/"]:after { content: "Official announcements
pertaining to moderation" }

/* most popular non-defaults */

.drop-choices.srdrop a[href$="r/AdviceAnimals/"]:after { content: "Advice

Animals" }
.drop-choices.srdrop a[href$="r/bestof/"]:after { content: "best of reddit" }
.drop-choices.srdrop a[href$="r/politics/"]:after { content: "Politics" }
.drop-choices.srdrop a[href$="r/technology/"]:after { content: "Technology" }
.drop-choices.srdrop a[href$="r/WTF/"]:after { content: "WTF?!" }

/* sidebar */

.side {
margin: 90px 30px 30px 10px;
width: 340px;
background: none
}

.side .spacer { margin: 0 }

#search input[type=text],
.linkinfo,
div.sponsorshipbox,
#ad_main,
div.sponsor-300-250,
.side .titlebox,
.side .sidecontentbox,
.goldvertisement,
.account-activity-box a,
.side:after {
margin-bottom: 10px;
box-shadow: none;
width: 340px;
max-width: none;
border: 0;
border-radius: 0;
padding: 20px;
background: #fff;
font-family: inherit
}

.account-activity-box a { display: block; text-align: left; font-size: 12px }

#search input[type=text] { height: 40px; padding: 0 40px 0 20px }

#search input[type=submit],
#search input[type=submit]:hover {
vertical-align: top;
margin: 10px 0 0 -30px;
width: 20px;
height: 20px;
background: url(%%search%%) 0/contain
}

div#searchexpando {
position: absolute;
 margin-top: 0;
width: 340px;
border: 0;
border-radius: 0;
padding: 10px;
background: #171717;
color: #888
}

div#searchexpando label { display: block; margin-bottom: 10px }

div#searchexpando label input[type="checkbox"] { vertical-align: bottom }

#searchexpando input[type="checkbox"]:checked { background-color: #3d68f1 }

#searchexpando input,
#searchexpando p { margin-bottom: 0 }

div#searchexpando br { display: none }

div#searchexpando a { color: #fff }

label+#moresearchinfo { border: 0 }

div.sponsor-300-250,
#ad_main { height: 330px }

.morelink {
position: static;
height: auto;
border: 0;
line-height: 40px;
letter-spacing: inherit;
text-transform: uppercase;
font-size: 12px;
font-weight: 400
}

.morelink a {
height: 40px;
background: #149ef0;
color: #fff
}

.sidecontentbox a.helplink[href*="/message/"] {
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 0
}

.sidecontentbox a.helplink[href*="/message/"]:hover { background: #efefed }

.submit .morelink a { position: absolute; top: 125px; width: 165px; font-size: 0 }

.submit-link a { right: 30px }
.submit-text a { right: 205px }

.submit.disabled .morelink a {
width: 340px;
 background: #efefed;
font-size: 12px;
color: #b3b3aa
}

.morelink a:before,
.sidecontentbox a.helplink[href*="/message/"]:before {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 20px;
height: 20px;
background: url(%%morelink%%) 0 0/20px auto;
content: ""
}

.submit-text a:before, .disabled a:before { background-position: 0 -20px }

.submit-link a:before { background-position: 0 -40px }
.disabled a:before { background-position: 0 -60px }
.create a:before { background-position: 0 -80px }
.sidecontentbox a.helplink[href*="/message/"]:before { background-position: 0
-100px }

.submit.mod-override .morelink a:after { position: static; margin: 0; background:

none }

.submit-link a:after,
.submit.mod-override.submit-link a:after { vertical-align: middle; font-size: 12px;
content: "submit link post" }
.submit-text a:after,
.submit.mod-override.submit-text a:after { vertical-align: middle; font-size: 12px;
content: "submit text post" }

.submit.mod-override .morelink:hover a:after { opacity: 1 }

.nub, .disabled .spacer, .create .spacer { display: none }

.create { margin-bottom: 10px }

.side .titlebox h1,

.sidecontentbox .title h1,
.goldvertisement h2,
.sponsorshipbox:before,
div.sponsor-300-250:before {
display: block;
margin-bottom: 20px;
font: normal 15px -apple-system, BlinkMacSystemFont, Roboto, HelveticaNeue,
helvetica, arial, sans-serif;
color: #222
}

#moderation_tools.sidecontentbox .title h1 { margin: 0 }

#moderation_tools.sidecontentbox .content { padding-top: 20px }

.sponsorshipbox:before { content: "Sponsorship" }

div.sponsor-300-250:before { content: "Advertisement" }

.side .titlebox h1.redditname a { color: #222 }

.sidecontentbox .title h1 { text-transform: lowercase }
.sidecontentbox .title h1:first-letter,
.goldvertisement h2:first-letter { text-transform: uppercase }

.titlebox form.toggle,
.leavemoderator { padding: 0 0 10px 0; font-size: 12px; color: #999 }

.titlebox form.toggle:before, .titlebox .leavemoderator:before { display: none }

body:not(.res) .titlebox .fancy-toggle-button,

.profile-page .fancy-toggle-button {
float: right;
margin: 0 0 20px 20px;
border-left: 1px solid #efefed;
padding: 10px 0 10px 20px
}

div.subscription-box .fancy-toggle-button { display: block; margin: 0 5px 5px 0 }

.fancy-toggle-button.toggle .option.active { display: inline-block }

div.subButtons {
float: right;
margin: -27px 0 20px 20px;
border-left: 1px solid #efefed;
padding: 10px 0 5px 20px
}

div.subscription-box div.subButtons { margin-top: 0 }

.titlebox .fancy-toggle-button,
div.subButtons>* { display: block }

.fancy-toggle-button.toggle .option.active,
span.res-fancy-toggle-button {
border: 0;
border-radius: 0;
padding: 0 10px;
line-height: 25px;
text-align: center;
/*text-transform: uppercase;*/
font-size: 12px;
font-weight: 400
}

.side .fancy-toggle-button.toggle .option.active,

.side span.res-fancy-toggle-button { display: block }

.fancy-toggle-button .add,
span.res-fancy-toggle-button { background: #7bb850 }

.fancy-toggle-button .remove,
.res-fancy-toggle-button.remove { background: #cf6165 }

.titlebox .word { font-size: 0 }

.word:before { font-size: 12px }
.subscribers .word:before { content: " subscribed" }
.users-online .word:before { content: " online now" }
.users-online { display: inline }

.users-online:before {
display: inline;
float: none;
margin: 0 6px;
background: none;
font-size: 8px;
content: ""
}

.users-online+* { margin-top: 10px!important }

.titlebox .bottom { margin-top: 10px; border-top: 1px solid #efefed; padding-top:

10px; font-size: 12px }

.sidecontentbox { position: relative }

.sidecontentbox .collapse-button {
position: absolute;
top: 17px;
right: 17px;
margin: 0;
width: 24px;
height: 24px;
border: 0;
border-radius: 50%;
background: none;
line-height: 20px;
font-size: 24px;
color: #b3b3aa
}

.sidecontentbox .collapse-button:hover { background: #efefed }

.sidecontentbox .content { border: 0; padding: 0 }

.sidecontentbox:not(.collapsible)>.title h1:before {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
width: 27px;
height: 24px;
background: url(%%snoo%%) 0/contain;
content: ""
}

.sidecontentbox:not(.collapsible)>a+.title h1:before { display: none }

.gadget .midcol { display: none }

/*.gadget .midcol {
pointer-events: none;
opacity: 0;
margin-left: -15px;
margin-right: 0;
width: auto;
transition: .2s
}

.sidecontentbox:hover .gadget .midcol {

 pointer-events: auto;
opacity: 1;
margin-left: 0;
margin-right: 20px;
}

.sidecontentbox:hover .gadget .reddit-link:nth-of-type(2) .midcol { transition-

delay: .05s }
.sidecontentbox:hover .gadget .reddit-link:nth-of-type(3) .midcol { transition-
delay: .1s }
.sidecontentbox:hover .gadget .reddit-link:nth-of-type(4) .midcol { transition-
delay: .15s }
.sidecontentbox:hover .gadget .reddit-link:nth-of-type(5) .midcol { transition-
delay: .2s }*/

.gadget .reddit-entry { margin: 0 }

a.reddit-link-title { color: #222 }

.gadget .reddit-link-end { padding-top: 30px }

.gadget .score { margin: 0 }

html.res-voteEnhancements-highlightScores span.score,
.side a.reddit-comment-link { font-weight: 400; color: #9b9b9b }

/*.side:after {
display: block;
height: 175px;
background: url(%%credit%%);
content: ""
}*/

/* content */

body>.content { margin: 90px 30px 30px 30px }

html body .side~.content,

body.with-listing-chooser>.content,
body.with-listing-chooser.listing-chooser-collapsed>.content,
.modtools-page>div.content { margin-right: 380px }

body.with-listing-chooser>.content,
body.with-listing-chooser.listing-chooser-collapsed>.content { margin-left: 50px }

/*body .organic-listing.new-ad-style { margin-bottom: 0 ; border-bottom: 1px solid

#efefed }
.organic-listing .link,
.organic-listing .link.promotedlink,
.organic-listing .sr-interest-bar { padding: 0; padding-bottom: 40px }
.organic-listing .link .entry { border-bottom: 1px solid #efefed; }
.organic-listing .nextprev { top: auto; right: auto; bottom: 10px; left: 10px }
.organic-listing .nextprev .arrow { margin-bottom: 0 }

.organic-listing .help { margin: 0 12px 12px 0; font-size: 12px; font-weight: 400;

color: #49b2f2 }
.sponsored-tagline { margin: 0 12px 12px 0 }*/

.organic-listing { margin-bottom: 10px; border: 0 }

.link,
.link.compressed,
.menuarea,
.panestack-title,
.commentarea .menuarea,
.commentarea>.usertext,
.profile-page .comment,
div#progressIndicator,
div.NERPageMarker {
overflow: hidden;
margin: 0;
width: auto;
height: auto;
border: 0;
border-radius: 0;
background: #fff
}

.link { padding: 0 }

div.RES-keyNav-activeElement,
div.RES-keyNav-activeElement .md-container { background: none!important }

body:not(.res) .link:hover,
.RES-keyNav-activeThing { background: #fcfcfc!important }

.menuarea,
.commentarea .menuarea { padding: 10px }

.link.last-clicked,
.link.promotedlink.promoted,
.link.promotedlink.external,
.organic-listing .link { border: 0; background: #fcfcfc }

.link .rank { display: none }

html body >.content .link .midcol,

body>.content .link.compressed .midcol {
float: right;
margin: 20px 20px 20px 30px;
width: auto;
font-weight: 400
}

.link .midcol .arrow,

.score,
.likes div.score.likes,
.dislikes div.score.dislikes { display: inline-block }

div.arrow {
margin: 0;
margin-bottom: 5px;
width: 15px;
height: 15px;
background-image: url(%%arrows%%)!important;
background-size: 15px 165px
}
.arrow.up { background-position: 0 0 }
.arrow.down { background-position: 0 -30px }
.arrow.upmod { background-position: 0 -120px }
.arrow.downmod { background-position: 0 -150px }

.link div.arrow { margin-bottom: 0; width: 26px; height: 26px; border-radius: 13px;

background-size: 12px 132px }

.link .arrow.up { background-color: #999; background-position: 7px -41px }

.link .arrow.down { background-color: #999; background-position: 7px -65px }
.link .arrow.upmod { background-color: #ff4500; background-position: 7px -41px }
.link .arrow.downmod { background-color: #24a0ed; background-position: 7px -65px }

.link:not(.compressed) .score {
vertical-align: top;
margin: 0 5px;
width: 40px;
line-height: 26px;
color: #cbcbcb
}

.link.compressed .score { margin-right: 6px }

.link .score.likes { color: #ff4500 }

.link .score.dislikes { color: #24a0ed }

.link .thumbnail { margin: 20px }

.link .entry { overflow: visible; margin: 0; padding: 20px }

.thing a.title { letter-spacing: .2px; color: #000 !important; }

.thing .title:visited,
div.thing .title.visited,
.thing.visited .title { color: #a5a4a4 }

div.thing.stickied.link a.title,
.green,
.search-result-meta .moderator { font-weight: normal; color: #46a508 }

.linkflairlabel {
vertical-align: top;
border: 0;
background: none;
font-size: inherit;
color: #0DD3BB
}

span.domain,
span.domain a,
.tagline,
.flat-list.buttons a:not(.pretty-button),
span.redditSingleClick:after,
.trending-subreddits .comments,
.sponsored-tagline { font-size: 12px; font-weight: 400; color: #999 }

.link .tagline {
display: flex;
flex-wrap: wrap;
 margin-top: 10px;
font-family: "Helvetica Neue", arial, sans-serif;
font-size: 0
}

.toggle .error, .content .flat-list li, .content .flat-list form { font-size:

12px }

.link .thumbnail+.entry .tagline { margin-left: 80px }

.tagline span.userattrs { order: -3; font-size: 0 }

.stickied.link .tagline:before,
.stickied.comment>.tagline:before,
.tagline span.userattrs>*,
.tagline .userattrs .cakeday {
display: inline-block;
vertical-align: middle;
margin-right: 1px;
margin-left: 7px;
width: 20px;
height: 20px;
background: url(%%tagline%%) 0 -0/20px auto;
content: "";
transform: translateY(-4px);
}

.stickied .tagline:before { order: -3 }

.tagline .userattrs a.cakeday,

.search-result-meta .userattrs .cakeday { background-position: 0 -20px }
.tagline span.userattrs .submitter { background-position: 0 -40px }
.tagline span.userattrs .moderator { background-position: 0 -60px }
.tagline span.userattrs .admin { background-position: 0 -80px }

body.mod-toolbox a.tb-bracket-button {
display: inline-block;
margin-left: 6px;
border-width: 1px;
border-radius: 4px;
padding: 0 3px;
line-height: 16px;
font-size: 12px
}

.gilded-icon { top: 0; margin-bottom: 0 }

.tagline .author,
.tagline time,
.tagline .subreddit,
.likes .tagline .score.likes,
.unvoted .tagline .score.unvoted,
.dislikes .tagline .score.dislikes { font: 400 12px -apple-system,
BlinkMacSystemFont, Roboto, HelveticaNeue, helvetica, arial, sans-serif }

.link .author:before { content: "by " }

.link .tagline time.live-timestamp:before { font-size: 12px; content: " " }

.tagline a.author { order: -2; margin-right: 4px; font-weight: normal; color:
#999 }

body.res-userHighlight .tagline a.author.admin,

body.res-userHighlight .tagline a.author.moderator,
body.res-userHighlight .tagline a.author.submitter {
padding: 0;
background: none!important;
font-weight: inherit
}

body.res-userHighlight .tagline a.author.admin:hover,

body.res-userHighlight .tagline a.author.moderator:hover,
body.res-userHighlight .tagline a.author.submitter:hover { background: none!
important }

body.res-userHighlight .tagline a.author.submitter,

.tagline .submitter, .search-result-meta .submitter { color: #24a0ed!important }

body.res-userHighlight .tagline a.author.moderator,

.tagline .moderator, .search-result-meta .moderator { color: #46a508!important }

body.res-userHighlight .tagline a.author.admin,

.tagline .admin, .search-result-meta .admin { color: #ff4500!important }

span.RESUserTag { order: -1; margin-right: 4px }

a.RESUserTagImage::after { line-height: 15px; color: #999 }

.link .subreddit { margin-bottom: 0 }

.link .subreddit:before { margin-left: 4px; color: #999 }

.link .subreddit:last-of-type:before { content: " in " }

.link .subreddit:nth-last-of-type(2):before { content: " x-post from " }

.link .flat-list.buttons { margin-top: 20px; transform:translateX(77px)scale(1.12);

}

.link .buttons .first {

padding-left: 30px;
background: url(%%comments%%) no-repeat 0/20px 20px
}

div.entry .buttons li.reported-stamp,

a.pretty-button {
border: 0!important;
border-radius: 0;
padding: 0 5px;
line-height: 20px;
font-size: 12px;
color: rgba(0,0,0,.5);
}

div.entry .buttons li.reported-stamp { background: #f6e69f }

.pretty-button.negative { background: #edbdbe }
.pretty-button.neutral { background: #cbcbcb }
.pretty-button.positive { background: #d1eac0 }

.buttons a.pretty-button.pressed { background: #999 }

ul.report-reasons {
width: 100%;
border: 0;
border-radius: 0;
background: #f6e69f;
color: #424242
}

span.newComments { color: inherit }

span.stamp,
.gadget .stamp:first-child { margin-left: 2px }

.nsfw-stamp { position: relative; border: 0; font-size: 12px; color: #FF585B }

.nsfw-stamp:before {
position: relative;
z-index: 1;
margin-right: 10px;
color: #fff;
content: "!"
}

.nsfw-stamp:after {
position: absolute;
top: 1px;
left: 0;
width: 12px;
height: 12px;
transform: rotate(45deg);
border-radius: 3px;
background: #ff585b;
content: ""
}

.entry .buttons li:not(.first) a { text-transform: capitalize }

.link .usertext-body .md {

margin-bottom: 0;
border: 0;
padding: 0;
background: none
}

.clearleft { display: none }

div.nav-buttons { font-size: 0 }

.nav-buttons .next-button a,
div#progressIndicator {
display: block;
margin-top: 10px;
border: 0;
border-radius: 0;
padding: 76px 20px 20px 20px;
background: url(%%snoo%%) no-repeat center 20px/40px 36px, linear-gradient(#fff,
#f5f5f5);
text-align: center;
 font-weight: normal
}

.next-button a:before {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #000;
content: "Load more posts"
}

div#NREPause::after { width: 16px; height: 16px }

.next-button a:after,
p.NERWidgetText {
display: block;
padding: 5px;
font-size: 16px;
color: #777;
content: "RES allows you to turn on Never-Ending Reddit"
}

span.RESLoadingSpinner {
width: 20px;
height: 20px;
border: 3px solid transparent;
border-top-color: #149ef0;
border-right-color: #149ef0
}

div.NERPageMarker { margin-top: 10px }

div.NERPageMarker .gearIcon { right: 14px; margin-right: -14px }

/* comments page */

.reddit-infobar { border: 0 }

.comments-page .link { border-bottom: 1px solid #efefed; }

.comment .midcol { width: auto }

.panestack-title { padding: 20px 20px 10px }

.commentarea .menuarea { padding: 0 20px 0 }
.commentarea>.usertext { padding: 20px 20px }

.panestack-title .title { font-size: 14px }

.commentarea .menuarea .toggle a,

div.commentNavSortType { font-size: 14px; font-weight: normal }

.panestack-title a.title-button.gold,
span.RESSubscriptionButton { border: 0; border-radius: 0 }

div.commentarea .menuarea > .spacer { display: inline-block; float: none }

div#REScommentNavToggle { margin-top: 10px }

.gold-accent.comment-visits-box {
display: block;
 margin: 0;
max-width: none;
border: 0;
border-radius: 0
}

.commentarea .comment,
.res-commentBoxes div.comment,
.res-commentBoxes.res-commentBoxes-rounded div.comment {
overflow: hidden;
margin: 0!important;
border: 0!important;
/*border: 1px solid #efefed!important;*/
border-right: 0!important;
border-bottom: 0!important;
border-radius: 0!important;
padding: 10px 0 0 10px!important;
background: #fff
}

body.res-commentBoxes .comment .comment,

body.res-commentBoxes .comment .comment .comment .comment,
body.res-commentBoxes .comment .comment .comment .comment .comment .comment,
body.res-commentBoxes .comment .comment .comment .comment .comment .comment
.comment .comment,
body.res-commentBoxes .comment .comment .comment .comment .comment .comment
.comment .comment .comment .comment {
background: #fcfcfc!important
}

.commentarea>.sitetable>.comment:nth-of-type(1) { border: 0!important }

.comment .child, .comment .showreplies { border: 0 }

.comment .entry { padding-right: 10px }

.comment.collapsed .midcol { display: none }

.collapsed .tagline { margin-bottom: 10px }

.comment.collapsed .tagline :not(.expand) { font-style: normal }

.morechildren,
.morerecursion {
overflow: hidden;
padding: 10px 0 0 10px
}

.morechildren a { font-size: 12px!important; font-weight: normal!important }

.usertext.grayed .usertext-body { padding: 0; background: none }

/* wiki page */

.wiki-page .pageactions {
display: block;
margin: 0 0 2px 0;
height: 40px;
border: 0;
border-radius: 0;
 padding-left: 10px;
padding-top: 10px;
background: #fff
}

.wiki-page .pageactions .wikiaction {

margin: 0;
line-height: 20px;
border-radius: 10px;
padding: 0 10px;
font-size: 12px
}

.wiki-page .pageactions .wikiaction:not(.wikiaction-current):hover { background:

none }

.wiki-page .wiki-page-content {
margin: 0 0 30px 0;
padding: 10px;
background: #fff
}

/* search page */

.search-page #header .tabmenu,

.search-page .side { display: none }

html .search-page .side~.content { margin: 90px auto 30px; width: 900px }

div.content div.searchpane {
margin-right: 0;
padding: 0;
}

.searchpane.raisedbox h4 { display: none }

.combined-search-page #search { padding: 0 }

.combined-search-page #search input[type=text] {
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,.14);
max-width: none;
height: 60px;
padding: 0 60px 0 20px
}

.combined-search-page .search-icon {
width: 20px;
height: 20px;
background: url(%%search%%) 0/contain
}

#search .c-btn-primary { vertical-align: top; margin: 20px 0 0 -40px; border: 0;

padding: 0; background: none }

.search-summary { margin: 0 }

#previoussearch label { margin: 0; padding: 10px; background: #fff }

body.res-searchHelper-searchPageTabs ul.res-search-tabs { margin-top: 20px }

body.res-searchHelper-searchPageTabs ul.res-search-tabs li { background: #fcfcfc }
body.res-searchHelper-searchPageTabs ul.res-search-tabs li.res-search-tab-active a
{ border: 0 }

.res.res-searchHelper-searchPageTabs .combined-search-page #previoussearch .res-

search-pane { padding: 20px }

.res.res-searchHelper-searchPageTabs .combined-search-page #previoussearch .search-

result { border-bottom: 1px solid #efefed; padding-bottom: 15px }

.search-result-group-header { margin: 20px 0 0 0; border: 0 }

.search-header-menus { margin: -70px 20px 0 0 }

.combined-search-page .search-subscribe-button { display: block; margin: 10px 0 }

.search-result-listing { background: #fff }

.search-result-group { max-width: none; padding: 0 }

.search-result { margin: 0; padding: 20px }

.search-result mark { line-height: inherit }

.search-result :link, .search-result :link>mark { color: #222 }

.search-result :visited, .search-result :visited>mark { color: #a5a4a4 }

.search-result-meta { font-size: 12px }

.search-result .search-result-meta a { color: inherit }

.search-result-group footer .info { padding: 20px }

/* subreddit settings, submit page */

body>.content>.content,
.content .spacer,
form .spacer+.spacer { margin: 0 }

.formtabs-content { width: 512px; border: 0; padding: 0 }

ul.tabmenu.formtab {
margin: 0;
margin-bottom: 2px;
width: 512px;
height: 40px;
padding-top: 10px;
padding-left: 10px;
background: #fff
}

ul.tabmenu.formtab a {
display: inline-block;
line-height: 20px;
border: 0;
border-radius: 10px;
padding: 0 10px;
background: none;
font-size: 12px
}
ul.tabmenu.formtab .selected a { font-size: 12px }

ul.tabmenu.formtab a:after { content: " post" }

.roundfield,
.linefield {
margin-bottom: 2px;
width: 512px;
border-radius: 0;
padding: 10px;
background: #fff
}

.linefield .title { padding: 0; font-size: 18px; font-weight: normal; color: #000 }

.linefield .title+.gray { font-size: 12px }

.linefield span+span { margin: 0; margin-top: 10px }

.linefield .linefield-content { padding: 0; padding-top: 10px }

div.usertext-edit { margin-top: 0 }

div.markdownEditor-wrapper { width: 492px }

.c-form-group { margin-bottom: 0 }

.content.submit .info-notice { width: 512px; border: 0 }

/* stylesheet page */

div#RESStyleSheetTipPane {
margin: 0;
width: 100%;
border: 0;
padding: 0 20px 20px 20px;
background: #fff
}

div#RESStyleSheetTipPane-header { border: 0; padding: 0; font-size: 16px; color:

#000 }

.res .RESCloseButton {
top: 13px;
border: 0;
border-radius: 50%;
background: none;
font-size: 20px;
color: #b3b3aa
}

.res .RESCloseButton:hover { background: #efefed }

#RESStyleSheetTipPane-close { float: right; position: static }

.sheets { margin: 0 0 10px 0; padding: 0 20px 20px 20px; background: #fff }

.sheets .col>div,
.sheets .buttons { margin: 0 }
.pretty-form button { margin-bottom: 0 }

.errors ul { margin: 0 0 10px 0; padding: 10px; background: #fff }

#preview-table { padding: 0 }
#preview-table>table { margin: 10px 0; width: auto }

#preview-table>table>tbody>tr { padding: 0 }
#preview-table>table>tbody>tr>th,
#preview-table>table>tbody>tr>td { padding: 10px 10px 0 10px }

#images #image-upload,
#images #image-upload~.error {
margin-right: 0;
border-bottom: 1px solid #efefed;
padding: 20px;
background: #fff;
font-size: 12px
}

#images #image-upload { padding-top: 0 }

ul.image-preview-list { display: flex; flex-flow: wrap; margin: 0 0 10px 0 }

ul.image-preview-list li {
margin: 0;
width: 50%;
height: auto;
border-bottom: 1px solid #efefed;
padding: 20px;
background: #fff
}

ul.image-preview-list li:nth-of-type(even) { border-right: 1px solid #efefed }

ul.image-preview-list .description { margin-left: 120px }

/* edit flair page */

.tabpane-content { margin-right: 360px; border: 0; padding: 10px; background:

#fff }

/* front page */

.mobile-web-redirect-bar {
position: absolute;
top: 125px;
right: 380px;
width: auto;
height: 40px;
}

.mobile-web-redirect {
padding: 0 20px 0 40px;
line-height: 40px;
font-size: 12px;
font-weight: normal
}
.mobile-web-redirect-optout {
left: 15px;
right: auto;
padding: 0;
line-height: 40px;
font-size: 25px
}

body.with-listing-chooser .listing-chooser,
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser {
position: fixed;
z-index: 1;
top: 0px;
left: -130px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
width: 150px;
padding: 0px 20px 0 0;
padding-top: 75px;
background: #fff;
transition: .5s!important
}

body.with-listing-chooser .listing-chooser:hover { left: 0; width: 130px; padding-

right: 0 }

body.with-listing-chooser .listing-chooser:after {
position: absolute;
right: 3px;
top: 50%;
z-index: -1;
overflow: hidden;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px;
background: #fff;
text-align: center;
font-size: 12px;
content: "M U L T I R E D D I T S";
color: #9b9b9b;
transition: .2s
}

body.with-listing-chooser .listing-chooser:hover:after { width: 0 }

body.with-listing-chooser .listing-chooser .grippy { display: none }

body.with-listing-chooser .listing-chooser .contents { margin-top: 10px }

.listing-chooser ul.global:before,
.listing-chooser h3,
.listing-chooser ul.other:before {
display: block;
padding-bottom: 5px;
text-align: left;
text-transform: capitalize;
font-size: 13px;
font-weight: normal;
 color: #9b9b9b
}

.listing-chooser h3 { padding: 10px 0 0 10px }

.listing-chooser ul.global:before { content: "Global" }
.listing-chooser ul.other:before { content: "Other" }

div.listing-chooser .contents ul { margin: 0; border-bottom: 2px solid #f1f1f1;

padding: 10px }
.listing-chooser .contents ul.other { border: 0 }

div.listing-chooser .contents li,

.listing-chooser li.gold-perks,
.listing-chooser .create {
margin: 0;
box-shadow: none;
border: 0;
border-radius: 0;
padding: 5px 10px;
background: #fff
}

div.listing-chooser ul.multis li:hover { margin: 0 }

html body.with-listing-chooser div.listing-chooser ul li a,

.listing-chooser li.gold-perks a,
.listing-chooser .create button {
display: inline;
opacity: 1;
margin: 0;
width: 100%;
border: 0;
padding: 0;
text-align: left;
font-size: 1.2em;
color: #49b2f2
}

html body.with-listing-chooser div.listing-chooser li.selected a {

background: none;
font-weight: normal;
color: #ff4500
}

.listing-chooser li.selected:before,
.listing-chooser li.gold-perks.selected:before { border-left-color: #ff4500 }

.listing-chooser li a>*,
.listing-chooser .create .error { display: none }

.listing-chooser .intro {
margin: 0;
width: 130px;
border: 0;
background: none
}

.listing-chooser .intro p { display: none }

.listing-chooser .intro ul.multis { margin: 0 }

.front-page .side:before {
display: block;
margin-bottom: 10px;
width: 340px;
height: 500px;
background: #fff url(%%srlist%%) no-repeat 20px 17.5px;
line-height: 60px;
text-indent: 65px;
font-size: 15px;
color: #222;
content: "Subscriptions"
}

.front-page #sr-header-area .drop-choices.srdrop,

.front-page table#srList {
position: absolute;
top: 240px!important;
left: auto!important;
right: 30px;
box-shadow: none;
border: 0;
width: 340px;
height: 435px;
transition: .2s
}

.front-page #sr-header-area .drop-choices.srdrop,

.front-page table#srList[style*="display: none;"] { display: block!important }

.drop-choices.srdrop { overflow-y: scroll }

.sidebox.hohoho .morelink { position: static; width: 340px; margin-bottom: 2px;

background: #fff }

.sidebox.hohoho .morelink:after { content: "JOIN SECRET SANTA!" }

.sidebox.hohoho .morelink a {
display: inline-block;
margin-top: 10px;
background: repeating-linear-gradient(-45deg, rgba(255,255,255,.2),
rgba(255,255,255,.2) 10px, transparent 10px, transparent 20px), url(%%hohoho%%) no-
repeat 10px 10px/30px 30px;
background-color: #52c0b1
}

.sidebox.hohoho .morelink a:before { display: none }

.goldvertisement { text-align: left }

.goldvertisement .inner { position: relative; border: 0; padding: 0 }

.goldvertisement .progress { padding: 30px 10px }

.goldvertisement .progress .bar { overflow: visible; height: 10px; border: 0;

background: #efefed }
.goldvertisement .progress .bar span { position: relative; background: #eed294 }
.goldvertisement .progress .bar span:after {
position: absolute;
top: -10px;
right: -10px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
width: 30px;
border-radius: 50%;
background: #eed294;
line-height: 30px;
text-align: center;
font-size: 10px;
color: #fff
}

.side .bar [style="width: 0%"]:after { content: "0%" }

.side .bar [style="width: 1%"]:after { content: "1%" }
.side .bar [style="width: 2%"]:after { content: "2%" }
.side .bar [style="width: 3%"]:after { content: "3%" }
.side .bar [style="width: 4%"]:after { content: "4%" }
.side .bar [style="width: 5%"]:after { content: "5%" }
.side .bar [style="width: 6%"]:after { content: "6%" }
.side .bar [style="width: 7%"]:after { content: "7%" }
.side .bar [style="width: 8%"]:after { content: "8%" }
.side .bar [style="width: 9%"]:after { content: "9%" }
.side .bar [style="width: 10%"]:after { content: "10%" }
.side .bar [style="width: 11%"]:after { content: "11%" }
.side .bar [style="width: 12%"]:after { content: "12%" }
.side .bar [style="width: 13%"]:after { content: "13%" }
.side .bar [style="width: 14%"]:after { content: "14%" }
.side .bar [style="width: 15%"]:after { content: "15%" }
.side .bar [style="width: 16%"]:after { content: "16%" }
.side .bar [style="width: 17%"]:after { content: "17%" }
.side .bar [style="width: 18%"]:after { content: "18%" }
.side .bar [style="width: 19%"]:after { content: "19%" }
.side .bar [style="width: 20%"]:after { content: "20%" }
.side .bar [style="width: 21%"]:after { content: "21%" }
.side .bar [style="width: 22%"]:after { content: "22%" }
.side .bar [style="width: 23%"]:after { content: "23%" }
.side .bar [style="width: 24%"]:after { content: "24%" }
.side .bar [style="width: 25%"]:after { content: "25%" }
.side .bar [style="width: 26%"]:after { content: "26%" }
.side .bar [style="width: 27%"]:after { content: "27%" }
.side .bar [style="width: 28%"]:after { content: "28%" }
.side .bar [style="width: 29%"]:after { content: "29%" }
.side .bar [style="width: 30%"]:after { content: "30%" }
.side .bar [style="width: 31%"]:after { content: "31%" }
.side .bar [style="width: 32%"]:after { content: "32%" }
.side .bar [style="width: 33%"]:after { content: "33%" }
.side .bar [style="width: 34%"]:after { content: "34%" }
.side .bar [style="width: 35%"]:after { content: "35%" }
.side .bar [style="width: 36%"]:after { content: "36%" }
.side .bar [style="width: 37%"]:after { content: "37%" }
.side .bar [style="width: 38%"]:after { content: "38%" }
.side .bar [style="width: 39%"]:after { content: "39%" }
.side .bar [style="width: 40%"]:after { content: "40%" }
.side .bar [style="width: 41%"]:after { content: "41%" }
.side .bar [style="width: 42%"]:after { content: "42%" }
.side .bar [style="width: 43%"]:after { content: "43%" }
.side .bar [style="width: 44%"]:after { content: "44%" }
.side .bar [style="width: 45%"]:after { content: "45%" }
.side .bar [style="width: 46%"]:after { content: "46%" }
.side .bar [style="width: 47%"]:after { content: "47%" }
.side .bar [style="width: 48%"]:after { content: "48%" }
.side .bar [style="width: 49%"]:after { content: "49%" }
.side .bar [style="width: 50%"]:after { content: "50%" }
.side .bar [style="width: 51%"]:after { content: "51%" }
.side .bar [style="width: 52%"]:after { content: "52%" }
.side .bar [style="width: 53%"]:after { content: "53%" }
.side .bar [style="width: 54%"]:after { content: "54%" }
.side .bar [style="width: 55%"]:after { content: "55%" }
.side .bar [style="width: 56%"]:after { content: "56%" }
.side .bar [style="width: 57%"]:after { content: "57%" }
.side .bar [style="width: 58%"]:after { content: "58%" }
.side .bar [style="width: 59%"]:after { content: "59%" }
.side .bar [style="width: 60%"]:after { content: "60%" }
.side .bar [style="width: 61%"]:after { content: "61%" }
.side .bar [style="width: 62%"]:after { content: "62%" }
.side .bar [style="width: 63%"]:after { content: "63%" }
.side .bar [style="width: 64%"]:after { content: "64%" }
.side .bar [style="width: 65%"]:after { content: "65%" }
.side .bar [style="width: 66%"]:after { content: "66%" }
.side .bar [style="width: 67%"]:after { content: "67%" }
.side .bar [style="width: 68%"]:after { content: "68%" }
.side .bar [style="width: 69%"]:after { content: "69%" }
.side .bar [style="width: 70%"]:after { content: "70%" }
.side .bar [style="width: 71%"]:after { content: "71%" }
.side .bar [style="width: 72%"]:after { content: "72%" }
.side .bar [style="width: 73%"]:after { content: "73%" }
.side .bar [style="width: 74%"]:after { content: "74%" }
.side .bar [style="width: 75%"]:after { content: "75%" }
.side .bar [style="width: 76%"]:after { content: "76%" }
.side .bar [style="width: 77%"]:after { content: "77%" }
.side .bar [style="width: 78%"]:after { content: "78%" }
.side .bar [style="width: 79%"]:after { content: "79%" }
.side .bar [style="width: 80%"]:after { content: "80%" }
.side .bar [style="width: 81%"]:after { content: "81%" }
.side .bar [style="width: 82%"]:after { content: "82%" }
.side .bar [style="width: 83%"]:after { content: "83%" }
.side .bar [style="width: 84%"]:after { content: "84%" }
.side .bar [style="width: 85%"]:after { content: "85%" }
.side .bar [style="width: 86%"]:after { content: "86%" }
.side .bar [style="width: 87%"]:after { content: "87%" }
.side .bar [style="width: 88%"]:after { content: "88%" }
.side .bar [style="width: 89%"]:after { content: "89%" }
.side .bar [style="width: 90%"]:after { content: "90%" }
.side .bar [style="width: 91%"]:after { content: "91%" }
.side .bar [style="width: 92%"]:after { content: "92%" }
.side .bar [style="width: 93%"]:after { content: "93%" }
.side .bar [style="width: 94%"]:after { content: "94%" }
.side .bar [style="width: 95%"]:after { content: "95%" }
.side .bar [style="width: 96%"]:after { content: "96%" }
.side .bar [style="width: 97%"]:after { content: "97%" }
.side .bar [style="width: 98%"]:after { content: "98%" }
.side .bar [style="width: 99%"]:after { content: "99%" }
.side .bar [style="width: 100%"]:after { content: "100%" }

.goldvertisement .progress p { display: none }

.goldvertisement a {
position: absolute;
right: 0;
top: -3px;
width: 24px;
height: 24px;
border: 0;
border-radius: 50%;
background: #9b9b9b;
line-height: 24px;
text-align: center;
font: italic bold 0 Times New Roman, serif;
color: #fff
}

.goldvertisement a:after {
font-size: 18px;
content: "i"
}

.goldvertisement a:hover { background: #eed294 }

.goldvertisement a:active { margin: 0 }

.gold-bubble { left: auto!important; right: 30px; width: 340px }

.trending-subreddits, body.compressed-display .trending-subreddits { margin: 0;

border-bottom: 1px solid #efefed; font-size: 12px }
.trending-subreddits .trending-subreddits-content { padding: 10px; background: #fff
}
.trending-subreddits .rank-spacer, .trending-subreddits .midcol-spacer { display:
none }

.organic-listing.new-ad-style { margin-bottom: 8px; border: 0 }

.happening-now-wrap { margin: 0 }

.happening-now-wrap .rank-spacer, .happening-now-wrap .midcol-spacer { display:

none }

span.happening-now-logo { margin: 4.5px 0 0 10px }

div.happening-now { border: 0; padding: 10px; padding-left: 70px }

/* explore page */

.explore-header { margin-bottom: 10px; overflow: hidden; padding: 10px; background:

#fff; font-weight: 400 }
.explore-header #explore-settings button { line-height: 25px; font-weight: inherit;
color: #fff }

.explore-item .explore-sr {
height: auto;
padding: 0 10px 0 0;
margin-bottom: 0;
background: #eee;
font-weight: 400
}

.explore-sr span.explore-label {
 margin-bottom: 0;
border: 10px solid #fff;
border-radius: 0;
padding: 5px 10px;
color: rgba(0,0,0,.4)
}
.explore-item .explore-sr-details { font-size: 12px }

.explore-comment .thumbnail+.entry .tagline { margin-left: 0 }

.explore-comment .comment { margin: -8px 0 0 0; border: 0; background: #fff }

/* profile page */

.profile-page .thing { margin-top: 10px }

.profile-page .comment { padding: 10px }

.profile-page .comment .parent {

margin: -10px -10px 10px;
padding: 10px;
border-bottom: 1px solid #efefed;
background: #fff;
font-size: 12px
}

.gold-accent,
.gold-accent.snoovatar-link { border: 0; border-radius: 0 }

.server-seconds { border: 0; border-radius: 0 }

/* mail, messages page */

.menuarea .flat-list li { margin-right: 10px }

div.menuarea>.spacer { display: block; float: none }
/*.menuarea>.spacer:nth-of-type(2) { margin-top: 10px }*/
.selected { font-weight: normal }

.message .subject .correspondent { border: 0; border-radius: 0 }

.message.message-reply.recipient>.entry .head { font-weight: 400; color: #999 }

.comment .author,
.message .recipient a.author { font-weight: normal }

body>.content>.sitetable>.message {
margin: 0;
margin-bottom: 10px
}

.message { background: #fff }

body>.content .thing.spam { background: #ffebee }

body.tb-modmail-pro .message-parent > .subject .info-area { height: 23px }

/* subreddit search page */

.subscription-box .box-separator { border: 0 }

.subscription-box .column { margin-right: 10px; width: auto }
.giftgold a { font-weight: normal }
.subscription-box li { overflow: hidden }
.subscription-box .fancy-toggle-button { display: inline-block; float: none;
margin: 0 10px 0 0 }
.subscription-box ul>.title { display: block; margin-bottom: 20px }
.subscription-box .title { vertical-align: middle; font-size: 12px; color: #999 }

.searchpane.raisedbox { border: 0; background: none }

.thing.subreddit { margin: 0; padding: 20px; background: #fff }

.subreddit .midcol { margin: 0 20px 0 0; width: 105px!important }

.subreddit .usertext .md { border: 0; border-radius: 0; }

/* footer */

body.with-listing-chooser .footer-parent,
body.with-listing-chooser.listing-chooser-collapsed .footer-parent { margin: 0 }

.footer-parent {
overflow: hidden;
padding: 30px 30px 10px;
background: /*#fcfcfb*/ #fff;
font-weight: 400
}

.footer-parent:before {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
width: 220px;
padding-top: 35px;
background: url(%%headerimg%%) no-repeat 0 0/109px 24px;
line-height: 20px;
color: #777;
content: " 2016 reddit inc. All rights reserved."
}

.footer {
display: inline-block;
margin: 0;
vertical-align: middle;
max-width: none;
border: 0;
padding: 0;
}

.footer .col { margin: 0; border: 0 }

.footer .col:before {
display: block;
margin-bottom: 10px;
text-align: left;
font-size: 16px;
}

.footer .col:nth-of-type(1):before { content: "about" }

.footer .col:nth-of-type(2):before { content: "help" }
.footer .col:nth-of-type(3):before { content: "apps & tools" }
.footer .col:nth-of-type(4):before { content: "<3" }

.footer .col:nth-child(-n+2) ul {
display: flex;
flex-flow: column wrap;
height: 60px;
width: 160px;
}

.footer .col li.title { display: none }

.footer .col li { line-height: 20px }

.footer .col li a[href="https://about.reddit.com/"]:after { display: block;

content: "values" }

p.bottommenu {
display: inline-block;
margin-left: 30px;
vertical-align: middle;
width: 150px;
font-size: 12px;
}

.bottommenu a { text-decoration: none }

.bottommenu .updated { color: #52c0b1 }

img#hsts_pixel { display: none }

p.debuginfo { padding: 10px; background: /*#fcfcfb*/ #fff }

/* Dropdowns */

.dropdown.lightdrop .selected { background: none; padding: 0; text-decoration: none

}

.dropdown.lightdrop .selected:after {
display: inline-block;
margin: 0 0 2px 8px;
width: 8px;
height: 8px;
border-right: 2px solid #444;
border-bottom: 2px solid #444;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
content: ""
}

.drop-choices,
.flairselector.drop-choices.active,
div#RESSubredditGroupDropdown,
.res .RESDropdownList {
margin-top: 7px;
box-shadow: 0 2px 5px 0 #efefed;
border: 1px solid #efefed;
background: #fff;
font-family: inherit
}

.drop-choices:before,
div#RESSubredditGroupDropdown:before,
.res .RESDropdownList:before {
top: -7px;
left: calc(50% - 7px);
width: 14px;
height: 7px;
border: 7px solid transparent;
border-bottom-color: #efefed
}

.drop-choices:after,
div#RESSubredditGroupDropdown:after,
.res .RESDropdownList:after {
top: -6px;
left: calc(50% - 6px);
width: 12px;
height: 6px;
border: 6px solid transparent;
border-bottom-color: #fff
}

.drop-choices:before, .drop-choices:after,
div#RESSubredditGroupDropdown:before, div#RESSubredditGroupDropdown:after,
.res .RESDropdownList:before, .res .RESDropdownList:after {
position: absolute;
border-top-width: 0;
content: ""
}

div#RESSubredditGroupDropdown ul { border: 0; padding: 0 }

div#RESSubredditGroupDropdown li,
.res .RESDropdownList li { line-height: normal }

.drop-choices a.choice,
div#RESSubredditGroupDropdown ul a,
.res .RESDropdownList li {
border-bottom: 1px solid #efefed;
padding: 10px 20px;
font-size: 12px;
font-weight: normal;
color: #353535
}

.drop-choices a.choice:hover,
div#RESSubredditGroupDropdown ul a:hover,
.res .RESDropdownList li:hover { background: #24a0ed; color: #fff!important }

.res .RESDropdownList a:hover { background: none; color: inherit }

div#RESSubredditGroupDropdown > .RESShortcutsEditButtons .res-icon { padding: 10px

20px }

/* RES */

div.RESDialogSmall {
 box-shadow: 0 2px 5px 0 #efefed;
border: 1px solid #efefed;
border-radius: 0
}

.res .RESHoverInfoCard::before { display: none }

.res .RESHoverInfoCard::after { top: 15px; left: -29px }

div.RESDialogSmall > h3 { height: 50px; border: 0; padding-top: 0; line-height:

50px }

div.guider { box-shadow: 0 0 10px rgba(0,0,0,.2); border: 0; border-radius: 0 }

div.guiders_content h1 { color: #000 }

a.guiders_button { border: 0; border-radius: 0; background: #149ef0 }

.res .blueButton,
input.addRowButton,
button#moduleOptionsSave { border: 0; border-radius: 0; background: #24a0ed }

div.optionContainer { border: 0 }

/*

Apple-themed Moderator Tools

by /u/ridddle

==============================================================================*/

#moderation_tools .content { padding-left: 0; padding-right: 0; }

#moderation_tools .icon-menu {
margin-top: 5px;
height: 210px;
width: 280px;
position: relative;
}

.mod-toolbox #moderation_tools .icon-menu { height: 240px; }

#moderation_tools .icon-menu li {
display: inline;
}

#moderation_tools .icon-menu a {
margin: 0;
display: block;
}

#moderation_tools .icon-menu::after {
content: "";
display: block;
clear: both;
}

#moderation_tools .icon-menu a {
position: absolute;
width: 50%;
 color: #fff;
white-space: nowrap;
overflow: hidden;
height: 20px;
line-height: 20px;
padding-left: 20px;
box-sizing: border-box;
}

#moderation_tools .icon-menu a::before {

background: 0;
width: auto;
height: auto;
display: inline;
float: none;
margin: 0;
}

#moderation_tools a::before {
color: #08c;
padding-right: 280px;
}

#moderation_tools a::after {
content: "";
width: 14px;
height: 14px;
position: absolute;
left: 0;
top: 3px;
background-color: #b5b5b9;
background-image: url(%%modtools%%);
background-repeat: no-repeat;
border-radius: 3px;
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {

#moderation_tools a::after {
background-image: url(%%modtools-2x%%);
background-size: 238px 14px;
}
}

#moderation_tools .separator { display: none; }

#moderation_tools .reddit-modqueue { left: 0; top: 0; }

#moderation_tools .reddit-automod { left: 50%; top: 0; }
#moderation_tools .reddit-modqueue::after { background-color: #ff9500; }
#moderation_tools .reddit-automod::after { background-color: #007aff; background-
position: -14px 0; }
#moderation_tools .reddit-modqueue::before { content: "Moderation Queue" }
#moderation_tools .reddit-automod::before { content: "AutoModerator" }

#moderation_tools .reddit-reported { left: 0; top: 20px; }

#moderation_tools .reddit-mute { left: 50%; top: 20px; }
#moderation_tools .reddit-reported::after { background-color: #ff2d55; background-
position: -28px 0; }
#moderation_tools .reddit-mute::after { background-color: #34aadc; background-
position: -42px 0; }
#moderation_tools .reddit-mute::before { content: "Mutes" }
#moderation_tools .reddit-reported::before { content: "Reported Posts" }

#moderation_tools .reddit-spam { left: 0; top: 40px; }

#moderation_tools .reddit-ban { left: 50%; top: 40px; }
#moderation_tools .reddit-ban::after { background-color: #34aadc; background-
position: -70px 0; }
#moderation_tools .reddit-spam::after { background-color: #ff2d55; background-
position: -56px 0; }
#moderation_tools .reddit-spam::before { content: "Spam" }
#moderation_tools .reddit-ban::before { content: "Bans" }

#moderation_tools .reddit-moderationlog { left: 0; top: 70px; }

#moderation_tools .reddit-unmoderated { left: 50%; top: 70px; }
#moderation_tools .reddit-moderationlog::after { background-color: #007aff;
background-position: -84px 0; }
#moderation_tools .reddit-unmoderated::after { background-position: -98px 0; }
#moderation_tools .reddit-moderationlog::before { content: "Moderation Log" }
#moderation_tools .reddit-unmoderated::before { content: "Unmodded Posts" }

#moderation_tools .moderator-mail { left: 0; top: 90px; }

#moderation_tools .reddit-edited { left: 50%; top: 90px; }
#moderation_tools .moderator-mail::after { background-color: #007aff; background-
position: -112px 0; }
#moderation_tools .reddit-edited::after { background-position: -126px 0; }
#moderation_tools .moderator-mail::before { content: "Inbox" }
#moderation_tools .reddit-edited::before { content: "Edited Posts" }

#moderation_tools .edit-stylesheet { left: 0; top: 120px; }

#moderation_tools .reddit-traffic { left: 50%; top: 120px; }
#moderation_tools .edit-stylesheet::after { background-color: #4cd964; background-
position: -140px 0; }
#moderation_tools .reddit-traffic::after { background-position: -154px 0; }
#moderation_tools .edit-stylesheet::before { content: "Stylesheet" }
#moderation_tools .reddit-traffic::before { content: "Traffic" }

#moderation_tools .reddit-flair { left: 0; top: 140px; }

#moderation_tools .community-rules { left: 50%; top: 140px; }
#moderation_tools .reddit-flair::after { background-color: #4cd964; background-
position: -168px 0; }
#moderation_tools .community-rules::after { background-position: -182px 0; }
#moderation_tools .reddit-flair::before { content: "Flair" }
#moderation_tools .community-rules::before { content: "Rules" }

#moderation_tools .reddit-moderators { left: 0; top: 170px; }

#moderation_tools .reddit-edit { left: 50%; top: 170px; }
#moderation_tools .reddit-moderators::after { background-color: #34aadc;
background-position: -196px 0; }
#moderation_tools .reddit-edit::after { background-color: #8e8e93; background-
position: -210px 0; }
#moderation_tools .reddit-moderators::before { content: "Moderators" }
#moderation_tools .reddit-edit::before { content: "Settings" }

#moderation_tools .reddit-contributors { left: 0; top: 190px; }

#moderation_tools .reddit-contributors::after { background-color: #34aadc;
background-position: -224px 0; }
#moderation_tools .reddit-contributors::before { content: "Approved Posters" }

#moderation_tools .toolbox-edit { left: 0; top: 220px; }

#moderation_tools .tb-un-manager { left: 50%; top: 220px; }
#moderation_tools .toolbox-edit::after, #moderation_tools .tb-un-manager::after
{ background-color: #edb431; background-position: 14px 0; }
#moderation_tools .toolbox-edit::before { content: "Toolbox Settings" }
#moderation_tools .tb-un-manager::before { content: "Toolbox User Notes" }

#moderation_tools img { display: none !important; }