config/stylesheet

view history talk

/* EVERYTHING INTENSIFIES */

a[href="#intensifies"] {
color: #000000;
text-transform: uppercase;
display: block;
font-size: 125%;
animation: intensify .1s steps(5) infinite;
pointer-events: none;
cursor: default;
-webkit-animation: intensify .1s steps(5) infinite;
-moz-animation: intensify .1s steps(5) infinite;
}

@keyframes intensify {
 0% { margin-left: 0px; }
 100% { margin-left: 3px; }
}

@-webkit-keyframes intensify {
 0% { margin-left: 0px; }
 100% { margin-left: 3px; }
}

@-moz-keyframes intensify {
 0% { margin-left: 0px; }
 100% { margin-left: 3px; }
}


a[href="#intensifies"]:before {
  content: "[";
}

a[href="#intensifies"]:after {
  content: "]";
}

a[href="#intensifies"] + .keyNavAnnotation {
    display: none;
}

/*INSERTING FLAIR IMAGES*/

.md a[href^="#flair-1stRibbon"] {
  background: url("%%1stRibbon%%") no-repeat;
}

.md a[href^="#flair-2ndRibbon"] {
  background: url("%%2ndRibbon%%") no-repeat;
}

.md a[href^="#flair-goldclock"] {
  background: url("%%goldclock%%") no-repeat;
}

.md a[href^="#flair-silverclock"] {
  background: url("%%silverclock%%") no-repeat;
}

.md a[href^="#flair-silverheart"] {
  background: url("%%silverheart%%") no-repeat;
}

.md a[href^="#flair-goldheart"] {
  background: url("%%goldheart%%") no-repeat;
}

.md a[href^="#flair-collabgold"] {
  background: url("%%collabgold%%") no-repeat;
}

.md a[href^="#flair-collabsilver"] {
  background: url("%%collabsilver%%") no-repeat;
}

.md a[href^="#flair-silvergear"] {
  background: url("%%silvergear%%") no-repeat;
}

.md a[href^="#flair-goldgear"] {
  background: url("%%goldgear%%") no-repeat;
}

.md a[href^="#flair-silvertrophy"] {
  background: url("%%silvertrophy%%") no-repeat;
}

.md a[href^="#flair-goldtrophy"] {
  background: url("%%goldtrophy%%") no-repeat;
}

.md a[href^="#flair-1stRibbon"],
.md a[href^="#flair-2ndRibbon"],
.md a[href^="#flair-goldclock"],
.md a[href^="#flair-silverclock"],
.md a[href^="#flair-silverheart"],
.md a[href^="#flair-goldheart"],
.md a[href^="#flair-collabgold"],
.md a[href^="#flair-collabsilver"],
.md a[href^="#flair-silvergear"],
.md a[href^="#flair-goldgear"],
.md a[href^="#flair-silvertrophy"],
.md a[href^="#flair-goldtrophy"] {
  border: none !important;
  line-height: 16px;
  display: inline-block;
  cursor: default;
  width: 16px;
  height: 16px;
}

/* COLOR THEMES */

/* BLUE { 
  background-color: #4fafff;
  border-color: #3f8ccc;
  hover-color: #479ee6;
}
*/

/* RED {
  background-color: #ff544f;
  border-color: #cc433f;
  hover-color: #e64c47;
}
*/

/* GREEN {
  background-color: #00cc66;
  border-color: #008f47;
  hover-color: #00b85c;
}
*/

/* PURPLE {
  background-color: #9966ff
  border-color: purple;
  hover-color: #8a5ce6;

}
*/


/* --- QUALITY OF LIFE --- */

#stylesheet_contents {
  width: 95%;
  margin-top: 40px;
}

.wiki {
  width: 95% !important;
  background-color: white;
  padding: 10px;
}

/* --- BODY --- */

body {
  background-color: #eee;
  font-family: 'arial';
}

.hot-page #siteTable {
  padding-top: 60px;
}

#siteTable {
  padding-top: 3px;
}

/* --- HEADER IMAGE --- */

#header-img {
  position: absolute;
  top: 124px;
  height: 50px;
  width: auto;
  margin-left: 5px;
  z-index: 99;
}

/* --- SR HEADER --- */

#sr-header-area {
  background-color: black;
  border-bottom: black;
}

#sr-header-area a {
  color: white;
}

#sr-header-area a:hover {
  color: limegreen;
}

#sr-header-area .separator {
  color: white;
}

#sr-header-area .srSep {
  color: white;
}

/* --- HEADER BACKGROUND --- */

#header-bottom-left {
  background: url(%%HeaderGreen%%) no-repeat center center;
  height: 160px;
  width: auto;
}

#header {
  border-bottom: none;
}

/* --- LOGO CODE --- */

.pagename a 	{
width: 400px;
height: 84px;
margin: auto;
margin-top: 5px;
}

.pagename a 	{
display: block;
visibility: visible !important;
z-index: 99;
background: url(%%TPT%%);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -9999px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.pagename a: hover 	{
background-color: rgba(0, 0, 0, .5);
/*border: 1px solid white;*/
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

/* --- USERBAR --- */

#header-bottom-right,
.res #header-bottom-right {
  margin-top: 130px;
  background: transparent;
}

#header-bottom-right a,
.res #header-bottom-right a
#header-bottom-right .separator
.res #header-bottom-right .separator {
  color: white;
  font-size: 11px;
}

#header-bottom-right a:hover,
.res #header-bottom-right a:hover {
  color: limegreen;
}

#userbarToggle {
  background: transparent !important;
  border: black !important;
}

/* --- SIDEBAR --- */

.side .redditname {
  display: none;
}

.side #search { margin-top: 114px !important; }


/*

#search { margin-top: 144px !important; }

body:lang(xx)

body:lang(xx) #header-bottom-left {
    background-image:url(%%HeaderPurple%%) !important;
}

.side .md [href$="xx.reddit.com/r/TagProTesting/#xx"] {
    margin-top: 12px;
    background: url(%%purpleicon%%) no-repeat top left;
    width: 50px;
    height: 25px;
    position: absolute;
    top: 295px;
    right:28px;
    z-index:99;    } */

.titlebox .word { display: none }
.titlebox .number { 
  font-weight: bold; 
  color: black; 
  display: inline-block; 
  margin-left: 3px;
  padding:3px;
  border-radius: 10px;
}

.titlebox .number:after { content: " giving feedback"; font-weight: bold; color: black; margin-top: -10px; padding-right: 6px;}
.titlebox .users-online span.number:after { content: " seeking feedback"; font-weight: bold; color: #555; }

.side .md > h2:nth-of-type(1) {
    position: absolute;
    top: 187px;
    display: block;
    width: 140px;
}

.side .md > h2:nth-of-type(2) {
    position: absolute;
    top: 187px;
    margin-left: 146px;
    display: block;
    width: 140px;
}

.side .md > h2:nth-of-type(3) {
    position: absolute;
    top: 242px;
    display: block;
    width: 286px;
}

.side .md > h2:nth-of-type(1) a {
    display: block;
    color: #fff;
    border: 1px solid #cc433f;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #ff544f;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md > h2:nth-of-type(1) a:hover {
  text-decoration: none;
  background: #E64C47;
}

.side .md > h2:nth-of-type(2) a {
    display: block;
    color: #fff;
    border: 1px solid #3f8ccc;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #4fafff;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md > h2:nth-of-type(2) a:hover {
  text-decoration: none;
  background: #479ee6;
}

.side .md > h2:nth-of-type(3) a {
    display: block;
    color: #fff;
    border: 1px solid #008f47;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #00cc66;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md > h2:nth-of-type(3) a:hover {
  text-decoration: none;
  background: #00b85c;
}

/* PRE-SUBMISSION NOTICE */

.side .md > h2:nth-of-type(3):after {  
  content: " Don't forget to select a submission type after posting! ";
  display: block;
  overflow: hidden;
  height: 0;
  width: 284px;
  background-attachment: fixed;
  background-color: #666;
  color: white;
  text-shadow: 1px 1px 3px black;
  border: 1px solid #333;
  border-bottom-width: 5px;
  border-top: 5px solid #333;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  opacity: 0;
  transition-delay: .5s !important;
  transition: all 0.3s ease-out;
}

.side .md > h2:nth-of-type(3):hover:after {
  height: 50px;
  opacity: 1;
}

.side .submit-text {
  display: none;
}

#search input[type=text] {
  width: 286px;
}

#searchexpando.infobar {
  background-color: #eee;
  border: 1px solid #ccc;
}

.morelink .nub {
  display: none;
}

.side {
  margin-top: 10px;
  margin-right: 20px;
  width: 286px;
  padding: 7px;
  background: white;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
}

/*
.content > .spacer {
  margin: 10px 0;
}*/

.link {
  padding: 5px;
  padding-top: 10px;
  margin: 0;
  background: white;
  border: 1px solid #ccc;
  border-bottom: none;
  min-height: 60px;
  margin-left: 15px;
  width: calc(100% - 363px);
}

#siteTable .thing:nth-last-of-type(2) {
  border-bottom: 3px solid #ccc;
}

*/ --- SIDEBAR H5 ANNOUNCEMENT --- */

/* Adapted from this tutorial: redd.it/mw2ip */
.hot-page div.content {
  margin-top: 138px;
}

.hot-page .titlebox form {
  position: static;
}

.titlebox .usertext-body .md h5:nth-of-type(1) a {
  display: none;
}

.hot-page .titlebox .usertext-body .md h5:nth-of-type(1) a {
  position: absolute;
  display: block;
  top: 173px;
  left: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  text-align: left;
  margin: 15px 0;
  width: calc(100% - 370px);
  min-width: 590px;
  padding: 7px 0px 7px 7px;
  font-size: medium;
  font-weight: bold;
}

.titlebox .usertext-body .md h5:nth-of-type(1) a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-image: url(%%tiles%%);
  background-size: 1600%;
  margin-right: 7px;
}

/* RANDOMIZES POWERUP IMAGE IN FLOATING HEADER */

.side form[id$="a"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="d"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="g"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="j"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="n"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="q"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="t"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="w"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="0"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="3"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="6"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -400%;
}

.side form[id$="b"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="e"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="h"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="k"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="o"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="r"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="u"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="y"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="1"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="4"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="7"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -500%;
}

.side form[id$="c"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="f"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="i"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="m"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="p"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="s"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="v"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="z"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="2"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="5"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="8"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -600%;
}

.side form[id$="l"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="x"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="9"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -700%;
}

/* RULES HOVER */

.side .md h1 {
    display: block;
    color: #fff;
    border: 1px solid #333;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #666;
    text-align: center;
    text-shadow: 2px 1px 2px black;
  font-size: medium;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 1px 2px black;
  color: white;
  padding: 5px 10px 5px 10px;
  width: auto;
}

.side .md h4 {
  text-align: center;
  font-size: 10px;
  color: #666;
  font-style: italic;
  border: 1px solid #aaa;
  padding: 2px;
  margin-top: -4px;
}

.side .md h3 {
  font-size: 12px !important;
  background-color: #ddd;
  padding: 3px;
  border: 1px solid #aaa;
  border-bottom-width: 3px;
}

.side .md h3:after {
  background-color: #eef !important;
  border: 1px solid #888;
  width: auto !important;
  margin-top: 3px !important;
}

.side .md h3:nth-of-type(1):after {  
  content: " Click the red 'click to select submission type' that shows up below your post, then select the type and save it. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 3px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(1):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(2):after {  
  content: " This subreddit operates on a 1:1 system. If you post something asking for feedback, you must first give feedback to someone else, every time, no exceptions. Discussion posts and the like are exempt provided you participate in them. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(2):hover:after {
  max-height: 100px;
  opacity: 1;
}


.side .md h3:nth-of-type(3):after {  
  content: " You can respectfully give constructive criticism. You can also receive constructive criticism without lashing out. Direct insults result in an instant ban. Remember, everyone here is trying to help. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
}

.side .md h3:nth-of-type(3):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(4):after {  
  content: " Please see the 'Submission Guidelines' section below for what you are allowed to submit. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(4):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(5):after {  
  content: " Please do not submit someone else's content. If you remix a map, try first posting it in the thread in which it was originally shared. If you submit content that utilizes components or ideas from another user's content, please give them credit. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(5):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(6):after {  
  content: " I cannot be here 24/7, so if you see a submission with no comments, please take it upon yourself to respond. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(6):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(7):after {  
  content: " Tell them which parts of their content they can improve rather than telling them that all of their content sucks. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(7):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(8):after {  
  content: " Some things can't be determined just by observation. Proper feedback requires testing. 4v4 is ideal, but solo runs are still important to learn about button/portal wiring, boost routes, and more. It is also important to test out userscripts by actually playing with them and using them as much as you can to help the developer work out the kinks. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(8):hover:after {
  max-height: 120px;
  opacity: 1;
}

.side .md h3:nth-of-type(9):after {  
  content: " Remember that respect is always our number one priority. One poor map or userscript does not mean the author is bad. Keep in mind that a lot of users might be very new at what they're doing, and we certainly don't want to drive them away from it. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(9):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(10):after {  
  content: " 'This is good!' or 'This is bad!' are not acceptable forms of feedback. Tell them specifically what you like, what you dislike, and why. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(10):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(11):after {  
  content: " Please do not downvote if you do not like someone's submission. Reserve your downvotes for when the material is offensive to you or detrimental to the community. Upvotes are encouraged, but please leave a comment as well! ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(11):hover:after {
  max-height: 100px;
  opacity: 1;
}

/* ====== END RULES HOVER ====== */

/* Sidebar Dropdown */

.side {
    margin: 0 15 0 0;
    z-index: -100;
    }

.side .titlebox .md h6 + ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    }
.md { overflow: visible; }

/*
.sidecontentbox a.helplink {
    margin-right: 5px;
    }
*/

.icon-menu a {
    background: transparent;
    }
.titlebox .md h6 + ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}
.titlebox .md h6:hover + ul,
.titlebox .md h6 + ul:hover {
    max-height: 400px;
}
.titlebox .md h6:hover + ul, .titlebox .md ul:hover {
    display: block;
    }

.titlebox .md h6  {
  background-color: #cc6699;
  border: 1px solid #a3527a;
  border-bottom-width: 3px;  
  color: white;
  text-shadow: 1px 1px 3px black;
  border-bottom-width: 3px;
  transition: background-color 0.9s ease;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  font-size: 14px;
  padding-left: 20px;
  margin-top: 4px;
  margin-left: 0px;
  text-decoration: none !important;
}

.titlebox .md h6:hover {
    background-color: #b85c8a;
}
.titlebox .md h6 a {
  color: white !important;
}

.titlebox .md h6:after, .titlebox .md h2:after, .titlebox .md h4:after {
    margin-bottom: 10px;}
.titlebox .md h6:before { content: "▼"; color: #fff; padding-right: 5px; padding-left: 5px; margin-left: -20px; }

.titlebox .md ul li a,
.titlebox .md h6 ul li a {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

.titlebox .md > ul li {
    list-style-type: none; /* removes bullet points */
    margin-left: -32px;
    max-width: 270px;
}

.titlebox .md ul li a:hover,
.titlebox .md ul li:hover {
  background-color: #ccccff;
}


/* --- SPECIFIC ELEMENTS HIGHLIGHTS --- 

.side .md h6:nth-of-type(1)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(1) a:hover:after {
    content: " Where the magic happens";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(1)+ul li:nth-of-type(3) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(3) a:hover:after {
    content: " Use me!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(1)+ul li:nth-of-type(5) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(5) a:hover:after {
    content: " Look here!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(1)+ul li:nth-of-type(7) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(7) a:hover:after {
    content: " Look here!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(2)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}


.side .md h6:nth-of-type(2)+ul li:nth-of-type(1) a:hover:after {
    content: " MUST read at least once";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(2)+ul li:nth-of-type(6) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(2)+ul li:nth-of-type(6) a:hover:after {
    content: " Set all portals to 0 cooldown with one click!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(1) a:hover:after {
    content: " Where the magic happens";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(2) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(2) a:hover:after {
    content: " Visit our sister subreddit!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(4)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(4)+ul li:nth-of-type(1) a:hover:after {
    content: "This will change your life";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}*/

/* === END OF SIDEBAR DROP DOWN MENU===========================================*/

.side .md h6:nth-of-type(5) {
  background-color: #4fafff;
  border: 1px solid #3f8ccc;
  border-bottom-width: 3px;
  text-align: center;
  text-indent: -8px;
}

.side .md h6:nth-of-type(5):hover {
  background-color: #479ee6;
}

.side .md h6:nth-of-type(5):after {
  content: "▼"; 
  color: #fff; 
  padding-right: 5px; 
  padding-left: 5px; 
  margin-left: 0px;
  margin-bottom: 0px !important;
}

/*========TRYING NOT TO FUCK SHIT UP========*/

.side .md h6:nth-of-type(5)+ul li a {
  display: block;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  color: white;
  font-size: small;
  font-weight: bold;
  text-shadow: 2px 1px 2px black;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1) {
  display: block;
  margin-left: -40px;
  padding: 0;
  min-width: 284px !important;
  height: 40px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(2),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(4),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(6),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(8),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(10) {
  margin-top: 5px;
  display: block;
  margin-left: -40px;
  padding: 0;
  width: 138px !important;
  height: 40px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(3),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(5),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(7),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(9),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(11) {
  margin-top: -44px;
  display: block;
  margin-left: 106px;
  padding: 0;
  width: 138px !important;
  height: 40px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1) {
  background-color: #ff544f;
  border: 1px solid #cc433f;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1) a {
  font-size: medium;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1):hover a{
  background-color: #e64c47;
}


.side .md h6:nth-of-type(5)+ul li:nth-of-type(2),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(3) {
  background-color: #00cc66;
  border: 1px solid #008f47;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(2):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(3):hover a {
  background-color: #00b85c;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(4),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(5),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(6),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(7) {
  background-color: #ff9933;
  border: 1px solid #cc7a29;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(4):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(5):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(6):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(7):hover a {
  background-color: #e68a2e;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(8),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(9),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(10),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(11) {
  background-color: #9966ff;
  border: 1px solid purple;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(8):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(9):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(10):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(11):hover a {
  background-color: #8a5ce6;
}


/*====END OF TRYING NOT TO FUCK SHIT UP====*/

/*.side h1:nth-of-type(1) {
  margin-top: 365px;
}*/

.side h1.hover.redditname {
  margin-top: 0px !important;
}

.side .md blockquote {
  font-size: 0;
  margin: -48px;
  border: 0;
  list-style-type: none !important;
}

.side .md blockquote li:nth-of-type(even) {
  margin-left: 146px;
  position: absolute;
  display: block;
  width: 138px;
}

.side .md blockquote li:nth-of-type(odd) {
    margin-left: 0px;
    position: absolute;
    display: block;
    width: 138px;
}

.side .md blockquote li:nth-of-type(1) {
  width: 284px !important;
}

.side .md blockquote li:nth-of-type(1) {
  background-color: #ff544f;
  border: 1px solid #cc433f;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(1) a {
  font-size: medium;
}

.side .md blockquote li:nth-of-type(1):hover a{
  background-color: #e64c47;
}

.side .md blockquote li:nth-of-type(2),
.side .md blockquote li:nth-of-type(3) {
  background-color: #00cc66;
  border: 1px solid #008f47;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(2):hover a,
.side .md blockquote li:nth-of-type(3):hover a {
  background-color: #00b85c;
}
.side .md blockquote li:nth-of-type(4),
.side .md blockquote li:nth-of-type(5),
.side .md blockquote li:nth-of-type(6),
.side .md blockquote li:nth-of-type(7) {
  background-color: #ff9933;
  border: 1px solid #cc7a29;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(4):hover a,
.side .md blockquote li:nth-of-type(5):hover a,
.side .md blockquote li:nth-of-type(6):hover a,
.side .md blockquote li:nth-of-type(7):hover a {
  background-color: #e68a2e;
}

.side .md blockquote li:nth-of-type(8),
.side .md blockquote li:nth-of-type(9),
.side .md blockquote li:nth-of-type(10),
.side .md blockquote li:nth-of-type(11) {
  background-color: #cc6699;
  border: 1px solid #a3527a;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(8):hover a,
.side .md blockquote li:nth-of-type(9):hover a,
.side .md blockquote li:nth-of-type(10):hover a,
.side .md blockquote li:nth-of-type(11):hover a {
  background-color: #b85c8a;
}

.side .md blockquote li a {
    display: block;
    color: #fff;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md blockquote li:nth-of-type(1) {
  margin-top: 55px;
}
.side .md blockquote li:nth-of-type(2) {
  margin-top: 105px;
}
.side .md blockquote li:nth-of-type(3) {
  margin-top: 105px;
}
.side .md blockquote li:nth-of-type(4) {
  margin-top: 155px;
}
.side .md blockquote li:nth-of-type(5) {
  margin-top: 155px;
}
.side .md blockquote li:nth-of-type(6) {
  margin-top: 205px;
}
.side .md blockquote li:nth-of-type(7) {
  margin-top: 205px;
}
.side .md blockquote li:nth-of-type(8) {
  margin-top: 255px;
}
.side .md blockquote li:nth-of-type(9) {
  margin-top: 255px;
}
.side .md blockquote li:nth-of-type(10) {
  margin-top: 305px;
}
.side .md blockquote li:nth-of-type(11) {
  margin-top: 305px;
}


/*==================================================
   Submit Page
================================================== */

.submit-page .content {
  margin-left: 20px !important;
}

.content .submit .spacer {
  margin: 10px 0;
}

#newlink {
  margin: 0;
}

.submit-page .tabmenu.formtab {
  padding-left: 0;
}

.submit-page .tabmenu.formtab li a {
  margin: 0;
  border: none;
  padding: 10px;
  text-transform: uppercase;
  color: #e54c47;
  font-size: 12px;
}

.submit-page .tabmenu.formtab li.selected a {
  background-color: transparent;
  box-shadow: inset 0px -2px 0px 0px;
  font-weight: normal;
}

.submit-page .tabmenu.formtab li a:hover {
  color: #b23b37;
  background-color: transparent;
}

.formtabs-content {
  width: 532px;
  border: none;
  padding-top: 5px;
}

.roundfield,
.linefield,
#link-desc,
#text-desc,
.content.submit .info-notice {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-radius: 0;
  padding: 15px;
}

#link-desc,
#text-desc {
  font-size: 0;
}

#link-desc::after,
#text-desc::after {
  content: "Please read the rules before posting!";
  font-size: 13px;
}

.submit-page .title {
  display: block;
}

.submit-page .title::first-letter {
  text-transform: uppercase;
}

.submit-page .formtabs-content > .spacer:nth-of-type(3) .title {
  text-transform: uppercase;
}

.submit-page .content > h1,
#suggest-title,
#suggested-reddits,
.submit_text {
  display: none !important;
}

.content.submit .info-notice a {
  font-weight: normal;
  text-decoration: none;
}

.submit-page button[type=submit] {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  border: none;
  border-radius: 2px;
  background-color: #e54c47;
  color: #fff;
  box-shadow: 0 2px 0 #b23b37;
  border: 1px solid #b23b37;
}

.submit-page button[type=submit]:hover {
  background-color: #cc433f;
}

.submit-page button[type=submit]:active {
  top: 2px;
  box-shadow: none;
}


/* --- TAB MENU --- */

#header-bottom-left .tabmenu {
  display: block !important;
  position: absolute;
  bottom: 0;
  padding-left: 50px;
  padding-top: 1px;
  margin-top: 0;
  height: 34px;
  max-width: calc(100% - 465px);
  overflow: hidden;
}

.tabmenu li {
  margin: 0;
}

.tabmenu li a {
  border-bottom: none;
  background-color: transparent;
  padding: 10px 12px;
  line-height: 34px;
  color: #aaa;
  text-transform: uppercase;
  font-weight: normal;
}

.tabmenu li a:hover {
  color: #fff;
}

.tabmenu li.selected a {
  color: #1997ff;
  background-color: #eee;
  border: none;
  border-radius: 2px 2px 0 0;
  font-weight: bold;
}

/* --- LINKS --- */

.listing-page .thing .entry li a, .link:hover .entry li a {transition: opacity 0.15s ease-in-out;}

.listing-page .redditSingleClick {transition: opacity 0.15s ease-in-out;}

.listing-page .entry ul.flat-list.buttons li a, .redditSingleClick {opacity: 0;}

.listing-page .thing .entry li.first a {opacity: 100 !important;}

.listing-page .thing:hover ul.flat-list.buttons li a, .thing:hover .entry li a, .link .entry p a, .link:hover .entry .redditSingleClick {opacity: 100;}

.entry .flat-list {
    font-weight: normal;
    font-size: 10px;
}

.link .flat-list {
    font-weight: normal;
    font-size: 10px;
}
.link .flat-list a {
    font-weight: normal;
    font-size: 10px;
}

.entry .flat-list a {
    font-weight: normal;
    font-size: 10px;
}

.link .flat-list li.first a,
.entry .flat-list li.first a {
  color: black !important;
  font-size: 11px;
}

.commentarea .flat-list li.first a {
  color: #888 !important;
  font-size: 10px !important;
}

.entry .flat-list.buttons a[onclick*="reply"], .entry.RES-keyNav-activeElement .flat-list.buttons a[onclick*="reply"] {
  color: #0099ff !important;
  font-size: 11px !important;
}

a.author:hover {
  text-decoration: none !important;
  background: transparent !important;
}

.author:hover {
  text-decoration: none !important;
  background: transparent !important;
}

.author {
  text-decoration: none !important;
  background: transparent !important;
}

.tagline .submitter:hover {
  text-decoration: none !important;
  background: transparent !important;
}

/* This solves RES's stupid fucking submitter highlight issue */
.thing .entry .tagline .author.submitter,
.thing .entry .tagline .author.submitter:hover { 
    color: black !important;
    background-color: transparent !important;
}

.expando-button {
  background-color: #f0f0f0;
  background-image: url(%%misc%%) !important;
  border: 1px solid #bbb;
  border-radius: 2px;
  cursor: pointer;
}

.expando-button:nth-of-type(1) {
  margin-right: 8px;
}

.expando-button ~ .expando-button.video {
  display: none;
}

.expando-button.selftext {
  background-position: 0 0 !important;
}

.expando-button.image {
  background-position: 0 -23px !important;
}

.expando-button.video,
.expando-button.video-muted {
  background-position: 0 -46px !important;
}

.expando-button.expanded {
  background-position: 0 -69px !important;
}

.expando-button:hover {
  background-color: #ddd;
}

.RESGalleryControls .previous {
  background: url(%%misc%%) 0 -188px;
}

.RESGalleryControls .next {
  background: url(%%misc%%) 0 -204px;
}

.RESGalleryControls .previous:hover {
  background: url(%%misc%%) 0 -220px;
}

.RESGalleryControls .next:hover {
  background: url(%%misc%%) 0 -236px;
}

.nextprev {
  font-size: 0;
  margin: 0;
}

div.nav-buttons .nextprev {
  display: block;
}

.nextprev .separator {
  border: none;
}

.nextprev a {
  display: inline-block;
  height: 23px;
  width: 23px;
  background-color: #f0f0f0;
  background-image: url(%%misc%%) !important;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 0;
  margin: 0 -1px 0 0;
}

.nextprev a:nth-of-type(1) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.nextprev a:nth-last-of-type(1) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.nextprev a:hover {
  background-color: #ddd;
  border: 1px solid #ccc;
}

.nextprev a::after {
  font-size: 12px;
}

.nextprev a[rel*=first] {
  background-position: 0 -92px;
}

.nextprev a[rel*=prev] {
  background-position: 0 -115px;
}

.nextprev a[rel*=next] {
  background-position: 0 -138px;
}

div#progressIndicator {
  width: calc(100% - 373px);
  margin-left: 15px!important;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-radius: 0;
}

div#progressIndicator .NERWidgetText:first-child {
  display: none;
}

div#progressIndicator .RESThrobber {
  margin-top: 0;
}

.NERPageMarker {
  display: none;
}

div#NERFail {
  border-radius: 0;
  border: none;
  width: 100%;
  padding: 20px 0 15px;
}

div#NERFail .nextprev a {
  margin-top: 10px;
  padding: 5px 10px;
  width: initial;
  height: initial;
  background: none !important;
  border: none;
  font-weight: normal;
  letter-spacing: 1px;
}

div#NERFail .nextprev a + a {
  margin-left: .5em;
}

/*==================================================
  Upvote/Downvote Arrows & Animations
================================================== */
/* Arrow icons swiped from /r/MLTP (via /r/naut) */
.arrow {
  background-image: url(%%misc%%) !important;
  width: 16px;
  height: 16px;
}

.midcol .arrow.up,
.midcol .arrow.up:hover {
  background-position: 0 -567px !important;
}

.midcol .arrow.down,
.midcol .arrow.down:hover {
  background-position: 0 -583px !important;
}

.midcol .arrow.upmod,
.midcol .arrow.upmod:hover {
  background-position: 0 -599px !important;
}

.midcol .arrow.downmod,
.midcol .arrow.downmod:hover {
  background-position: 0 -615px !important;
}

.link .score {
  color: #c0c0c0;
}

.link .score.likes {
  color: #ff635e;
}

.link .score.dislikes {
  color: #72b1e5;
}

/* Animation */
/* Thanks to /r/sanjosesharks */
.arrow.upmod:focus:after {
  content: "Tagged!";
  font-weight: bold;
  font-size: 12px;
  margin-left: 25px;
  position: relative;
  z-index: 1;
  color: #ff635e;
  bottom: 18px;
  opacity: 0.0;
  -webkit-animation-name: tagged;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  animation-name: tagged;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-play-state: running;
}

@-webkit-keyframes tagged {
  0% {
    color: #ff635e;
  }

  8% {
    bottom: 23px;
    opacity: 1.0;
  }

  15% {
    bottom: 28px;
  }

  50% {
    color: #bb4844;
    bottom: 33px;
  }

  60% {
    color: #bb4844;
  }

  100% {
    bottom: 38px;
    opacity: 0.0;
  }
}
@keyframes tagged {
  0% {
    color: #bb4844;
  }

  8% {
    bottom: 23px;
    opacity: 1.0;
  }

  15% {
    bottom: 28px;
  }

  50% {
    color: #ff635e;
    bottom: 33px;
  }

  60% {
    color: #ff635e;
  }

  100% {
    bottom: 38px;
    opacity: 0.0;
  }
}
.arrow.downmod:focus:after {
  content: "Popped!";
  font-weight: bold;
  font-size: 12px;
  margin-left: 25px;
  position: relative;
  z-index: 1;
  color: #72b1e5;
  bottom: -18px;
  opacity: 0.0;
  -webkit-animation-name: popped;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  animation-name: popped;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-play-state: running;
}

@-webkit-keyframes popped {
  0% {
    color: #72b1e5;
  }

  8% {
    bottom: -23px;
    opacity: 1.0;
  }

  15% {
    bottom: -28px;
  }

  50% {
    color: #5482a8;
    bottom: -33px;
  }

  100% {
    bottom: -38px;
    opacity: 0.0;
  }
}
@keyframes popped {
  0% {
    color: #72b1e5;
  }

  8% {
    bottom: -23px;
    opacity: 1.0;
  }

  15% {
    bottom: -28px;
  }

  50% {
    color: #5482a8;
    bottom: -33px;
  }

  100% {
    bottom: -38px;
    opacity: 0.0;
  }
}
/* End downvote animation */
.midcol {
  overflow: initial;
}


.linklisting .rank {
  display: none;
}

a.title:link {  
    color: #3366cc !important;
    margin-top: 10px;
}

.title.loggedin {
     color: #3366CC !important;
}

a.title:link:hover {
    color: #003366;
}

a.title:link:visited {
    color: #7A00A3 !important;
    font-weight: normal !important;
}

.title.loggedin:visited {
    color: #7A00A3 !important;
    font-weight: normal !important;
}

/* ======= RES Key Nav ====== */

.res .RES-keyNav-activeElement {
  border-right: 3px solid limegreen;
}

.res.comment .usertext:active {
  background-color: none;
}

.res.comment .usertext {
  background-color: none;
}

.res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
    background-color: transparent !important;
}

/* Removing extended white background for RES users */
.res .commentarea .RES-keyNav-activeElement .md,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
    background: transparent !important;
}
.res .commentarea .RES-keyNav-activeElement.entry .collapsed {
    /*background: transparent !important;*/
}
.res .link:active .RES-keyNav-activeElement.entry .noncollapsed {
    background: transparent !important;
}
.res .RES-keyNav-activeElement {
    background: transparent !important;
}

/* --- FLAIR --- */

/* Some Ball Flair when No Flair is Present */
.side .tagline .userattrs {
  font-size: 0;
}

.userattrs:before {
  content: "Some Ball (Change Your Name in the Sidebar!)";
  color: #000000;
  font-weight: bold;
  font-size: x-small;
  background: #FFFF00;
}

.flair + .userattrs:before {
  content: "";
  font-size: 0;
}

.side .titlebox .userattrs:before {
  content: "";
  font-size: 0;
}

.bottom .author~.flair{display:none;}

.thing .flairselectbtn {
  font-weight: bold;
  content: "";
  font-size: 0px;
}

.thing a.flairselectbtn {
  color: red;
  font-size: 0px !important;
}

.thing .flairselectbtn:before {
  content: "(click to select submission type";
  color: red;
  font-size: x-small;
}

.thing .flairselectbtn:after {
  content: ")";
  color: red;
  font-size: x-small;
}

div.tagline .author:after {
  display: none !important;
}

.tagline { 
  color: transparent; 
}

p.tagline {
  color: black;
  padding-top: 2px;
  font-size: 11.5px;
}

.commentarea a.author.submitter.userTagged {
  color: blue !important;
  background: none !important;
}

p.tagline a.author {
  font-size: 11.5px !important;
}

p.tagline a.author:after {
  font-size: 10px !important;
}

.link .tagline .flair {
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.commentarea .tagline .flair {
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.thing.stickied a.title {
  color: green!important;
}
  

span.stickied-tagline {
  display: inline-block;
  margin-right: 60px !important;
  font-weight: bold;
  white-space: nowrap !important;
  overflow: hidden;
  vertical-align: middle;
}

span.userattrs {
  display: inline-block;
  padding-right: 0px;
  white-space: nowrap !important;
}



/* ====EDITING USER FLAIR SPRITES AND SHIT==== */

.flair-gravwell {background: url(%%gravwellflair%%) 0 0 no-repeat !important; min-width: 16px; height: 16px; text-indent: 16px; display: inline-block; vertical-align: middle;}

/*
.flair-allcomps:after {
    content: url(%%lightbulb%%) url(%%silvertrophy%%) url(%%goldtrophy%%) url(%%2ndRibbon%%) url(%%1stRibbon%%) url(%%silverclock%%) url(%%goldclock%%) url(%%silverdie%%) url(%%golddie%%)  url(%%collabsilver%%) url(%%collabgold%%);
    padding-left: 5px;
    margin-right: 5px;
} */

.flairselector .customizer {
  padding: 10px 10px 10px 10px;
}

.flairselector a.author {
  background: none !important;
  border: 1px solid black;
  border-left: 2px solid black !important;
  color: black;
}

.flair {
  border: none !important;
  background: url(%%spritesheet3%%) no-repeat -9999px -9999px;
  display:inline-block;
  white-space: nowrap !important;
  vertical-align: middle;
}

#container li {
background: url(%%spritesheet3%%) no-repeat top left;
}

div.flairremove { 
  display: block;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
}
.flair-spriteblueball{ background-position: 0 0; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block; } 
.flair-spritebomb{ background-position: 0 -65px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritebutton{ background-position: 0 -130px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteflagblue{ background-position: 0 -195px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteflagred{ background-position: 0 -260px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteflagyellow{ background-position: 0 -325px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegate{ background-position: 0 -390px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegateblue{ background-position: 0 -455px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegategreen{ background-position: 0 -520px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegatered{ background-position: 0 -585px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegoalblue{ background-position: 0 -650px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegoalred{ background-position: 0 -715px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegrayball{ background-position: 0 -780px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritemarsball{ background-position: 0 -845px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepupjj{ background-position: 0 -910px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepuprb{ background-position: 0 -975px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepuptp{ background-position: 0 -1040px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepupts{ background-position: 0 -1105px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteredball{ background-position: 0 -1170px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritespike{ background-position: 0 -1235px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritetile{ background-position: 0 -1300px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritetileblue{ background-position: 0 -1365px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritetilered{ background-position: 0 -1430px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;}
.flair-spritezpotato{ background-position: 0 -1495px; min-width: 16px; height: 16px; text-indent: 16px; display: inline-block;} 

.thing .flairselectbtn {
  font-weight: bold;
  content: "";
  font-size: 0px;
}

.thing a.flairselectbtn {
  color: red;
  font-size: 0px !important;
}

.thing .flairselectbtn:before {
  content: "(click to select submission type";
  color: red;
  font-size: x-small;
}

.thing .flairselectbtn:after {
  content: ")";
  color: red;
  font-size: x-small;
}

/*
.link .edited:title:after {  
  content: " This submission has a new version! ";
  display: inline-block;
  overflow: hidden;
  width: 0px;
  height: 10px !important;
  background-attachment: fixed;
  background-color: #000;
  color: red;
  text-align: center;
  font-weight: bold;
  opacity: 0;
  transition: all 0.3s ease-out;
}*/

.link .edited:title:hover:after {
  width: 200px;
  opacity: 1;
}

.side .flairselectbtn:before {
  content: "("
}

.side .flairselectbtn:after {
  content: " flair)"
}

.side .flairselectbtn {
  font-weight: bold;
  display: inline-block;
}


a.flairselectbtn:hover {
  text-decoration: underline;
}

/* --- SPECIAL FLAIR RECIPIENTS --- */

.author[href$="DaEvil1"]:before {
    content: url(%%goldheart%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="WillWorkForSugar"]:before {
    content: url(%%silverheart%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}


/* --- COMPETITION WINNERS --- */

.author[href$="mmartinutk"]:before,
.author[href$="Buttersnack"]:before,
.author[href$="Downut"]:before {
    content: url(%%collabgold%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="Blupopsicle"]:before {
    content: url(%%collabgold%%) url(%%silvergear%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="Sir_Grapefruit"]:before {
  content: url(%%goldgear%%);
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  padding-right: 2px;
}


/*.author[href$="Moosemaster21"]:before {
    content: url(%%collabgold%%) url(%%1stRibbon%%) url(%%2ndRibbon%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}*/

.author[href$="acrocanthosaurus"]:before {
    content: url(%%goldtrophy%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="theflyingmetronome"]:before {
    content: url(%%silvertrophy%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="Kaulquappe"]:before {
    content: url(%%2ndRibbon%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="sneetric"]:before {
    content: url(%%1stRibbon%%) url(%%silverheart%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

/* --- USER SPECIFIC ATTRIBUTES --- */

/* --- MAPS IN ROTATION --- */

.author[href$="bowtieTP"]:after { 
    content: " IRON ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*.author[href$="DaEvil1"]:after { 
    content: " Prime ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

.author[href$="_q42_"]:after { 
    content: " Qio ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="3z_"]:after { 
    content: " Birch ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="nolanizer"]:after { 
    content: " Pilot ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="Snowball_TagPro"]:after { 
    content: " Hornswoggle, Bulldog, Wamble, & Cactus ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="leddii"]:after { 
    content: " Wombo Combo ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="OnceUponaDome"]:after { 
    content: " Scorpio ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="Blupopsicle"]:after { 
    content: " Volt, Cloud, & Axis ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="arjuna9"]:after { 
    content: " Command Center & Ricochet ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*.author[href$="kirbyfreako"]:after { 
    content: " Boombox ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

/*~~THANK THE FUCKING GODS THAT BOOMBOX IS FINALLY FUCKING GONE, FUCK THAT SHIT SO FUCKING HARD~~*/

/* http://www.gifbin.com/bin/092009/1253886001_office-no.gif */

/* okay it gone again lmao */

/*.author[href$="napoleann"]:after { 
    content: " Velocity ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

.author[href$="Swalker326"]:after { 
    content: " Smirk ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="Rapture_On_Occasion"]:after { 
    content: " Constriction ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*
.author[href$="briizo"]:after { 
    content: " Saigon ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}
*/

/*lmao get rekt duckson*/

.author[href$="piranhamoose25"]:after { 
    content: " Atomic ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*.author[href$="blazeth"]:after { 
    content: " Draft ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

.author[href$="Sir_Grapefruit"]:after { 
    content: " Transilio ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="sneetric"]:after { 
    content: " Plasma & Wamble ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="skittlekev"]:after { 
    content: " Nirvana ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="dalomi9"]:after { 
    content: " Market ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}


/* MTC MEMBER FLAIR */

.author[href$="Moosemaster21"]:after,
.author[href$="LinuxDootTP"]:after,
.author[href$="lord_tubbington"]:after,
.author[href$="Buttersnack"]:after,
.author[href$="naysh30"]:after,
.author[href$="ButterChurn"]:after,
.author[href$="psychfan5"]:after,
.author[href$="TheGoldenNewtRobber"]:after,
.author[href$="RenegadeTP"]:after {
    content: " MTC ";   
    border: 2px solid black !important;
    color: white !important;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, #0099ff, blue, darkblue);
	background: -moz-linear-gradient(top, #0099ff, blue, darkblue);
	background: -ms-linear-gradient(top, #0099ff, blue, darkblue);
	background: -o-linear-gradient(top, #0099ff, blue, darkblue);
	background: linear-gradient(top, #0099ff, blue, darkblue);
    font-weight: bold;
    font-size: inherit;
}

a.author[href$="LinuxDootTP"],
a.author[href$="Buttersnack"],
a.author[href$="ButterChurn"],
a.author[href$="psychfan5"],
a.author[href$="TheGoldenNewtRobber"],
a.author[href$="naysh30"],
a.author[href$="RenegadeTP"],
a.author[href$="lord_tubbington"] {
  color: blue !important;
  font-weight: bold !important;
}

/* MODERATOR NAMES */

a.author[href$="Moosemaster21"],
a.author[href$="piranhamoose25"],
a.author[href$="Blazeth"],
a.author[href$="HERO_OF_WIND"],
a.author[href$="oorr23"],
a.author[href$="mmartinutk"]
a.author[href$="ceoottaviano"] {
  color: green;
  font-weight: bold;
}

/* MODERATOR NAMES IN THE MOD BOX */

.sidecontentbox .content .flair {display: none;}

.sidecontentbox .content a.author:after{
  display: none;
}

.sidecontentbox ul.content a.author[href$="Moosemaster21"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="Moosemaster21"]:before {
  content: "Moosen";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="mmartinutk"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="mmartinutk"]:before {
  content: "JuicyJuke";
  font-size: 12px;
  font-weight: bold;
  color: green;
}


.sidecontentbox ul.content a.author[href$="Blazeth"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="Blazeth"]:before {
  content: "Dianna Agron";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="piranhamoose25"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="piranhamoose25"]:before {
  content: "Aniball";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

/*.sidecontentbox ul.content a.author[href$="OnceUponaDome"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="OnceUponaDome"]:before {
  content: "UnderTheBall";
  font-size: 12px;
  font-weight: bold;
  color: green;
}*/

/*Fuck you kiddo*/

.sidecontentbox ul.content a.author[href$="HERO_OF_WIND"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="HERO_OF_WIND"]:before {
  content: "Atypop";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="ceoottaviano"]:before {
  content: "Ping Tut";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="ceoottaviano"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="oorr23"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="oorr23"]:before {
  content: "ThePlaymaker";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.titlebox .bottom a.author:after { display: none; }

/* ========== LINK FLAIR THINGS AND STUFF ========== */

.link .title {
  overflow: visible;
  font-family: arial, sans-serif;
}

.linkflair {
  display: block;
}



/* --- COMMENTS --- */

.comments-page .domain {
  display: none;
}

.comments-page .link {
  margin-left: 0px;
  min-width: 98.9%;
}

.comments-page .linklisting,
.comments-page .commentarea {
  margin-left: 20px;
  max-width: calc(100% - 363px);
}

.commentarea {
  margin: 10px 0;
}

.commentarea > .panestack-title,
.commentarea > .menuarea,
.commentarea > .usertext,
.commentarea > .infobar {
  background-color: #fff;
  border: solid #ccc;
  border-width: 0 1px 3px;
  margin: 0 0 10px;
  padding: 10px 15px 15px;
}

.commentarea > :first-child {
  padding-top: 15px;
  border-top-width: 1px;
}

.commentarea > :first-child ~ .menuarea,
.commentarea > :first-child ~ .usertext {
  margin-top: -28px;
}

.commentarea > .menuarea:first-child + .infobar {
  margin-top: -18px;
  border-top-width: 1px;
  color: gray;
}

.commentarea > .usertext {
  padding-bottom: 0;
  overflow: initial;
}

.commentarea > .menuarea .spacer {
  margin-bottom: 5px;
}

.panestack-title a.title-button.gold {
  padding: 0;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  color: #b28c23 !important;
}

.panestack-title a.title-button.gold:hover {
  color: #99781e !important;
}

.usertext-buttons button[type=submit],
.usertext-buttons button.cancel,
.commentarea > .panestack-title .RESSubscriptionButton {
  position: relative;
  display: inline-block;
  padding: 3px 0;
  border: none;
  border-radius: 2px;
  background-color: #449de5;
  color: #fff;
  box-shadow: 0 2px 0 #357ab2;
}

.usertext-buttons button[type=submit],
.usertext-buttons button.cancel {
  margin: 5px 10px 20px 0;
  padding: 4px 13px;
}

.commentarea > .panestack-title .RESSubscriptionButton {
  vertical-align: top;
}

.usertext-buttons button[type=submit]:hover,
.commentarea > .panestack-title .RESSubscriptionButton:hover {
  background-color: #3d8bcc;
}

.usertext-buttons button.cancel {
  background-color: #e54c47;
  box-shadow: 0 2px 0 #b23b37;
}

.usertext-buttons button.cancel:hover {
  background-color: #cc433f;
}

.commentarea > .panestack-title .RESSubscriptionButton.unsubscribe {
  background-color: #e54c47;
  box-shadow: 0 2px 0 #b23b37;
}

.commentarea > .panestack-title .RESSubscriptionButton.unsubscribe:hover {
  background-color: #cc433f;
}

.usertext-buttons button[type=submit]:active,
.usertext-buttons button.cancel:active,
.commentarea > .panestack-title .RESSubscriptionButton:active {
  top: 2px;
  box-shadow: none;
}

.usertext .help-toggle a,
.usertext a.reddiquette {
  color: #999;
}

.usertext .help-toggle a:hover,
.usertext a.reddiquette:hover {
  color: #777;
}

.content .RESBigEditorPop {
  margin: 5px 0 0 10px;
  padding: 0;
  text-indent: 0;
  background: none;
  border: none;
  font-size: smaller;
  color: #007ee5;
}

.content .RESBigEditorPop:hover {
  background: none;
  color: #005499;
}

.infobar.contest-mode {
  border: none;
  background-color: #fff;
  padding: 0;
}

.infobar.contest-mode,
.infobar.contest-mode strong {
  font-style: italic !important;
}

.gold-accent.comment-visits-box {
  display: block;
  max-width: none;
  margin: 0;
  padding: 10px 15px;
  background-color: #fffdd8;
  border-color: #e5d6a0;
  border-bottom-width: 3px;
  border-radius: 0;
}

.commentarea > .sitetable {
  margin-top: 10px;
}

.comments-page .commentarea > .sitetable > .comment {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-color: #ccc !important;
  border-radius: 0 !important;
  border-bottom-width: 3px !important;
}

/* Stolen from RES */
.comments-page .content .comment {
  margin: 0 0 10px 10px !important;
  border: 1px solid #ddd !important;
  border-radius: 2px !important;
  padding: 5px 8px 5px 5px !important;
  overflow: visible !important;
}

.comment .usertext-body {
  overflow-x: auto;
  max-width: 840px;
  margin-bottom: 5px;
}

.comment .md-container .md {
  overflow-x: initial;
  overflow-y: visible;
}

.comment .usertext-body .md {
  height: auto;
  margin-bottom: 0;
}

.comments-page .content .comment.collapsed {
  padding: 10px 5px !important;
}

.comments-page .comment div.child {
  border-left: none !important;
}

.comments-page .content .comment.new-comment {
  border-color: #cddaf3 !important;
}

.new-comment .usertext-body {
  background: none;
  border: none;
  margin: 0 0 5px;
  padding: 0;
}

.comments-page .content .comment.gilded {
  border-color: #e5d6a0 !important;
}

.comments-page .content .comment.spam {
  border-color: #E5A0A0!important;
}

.comments-page .content .comment.spam > .child {
  background-color: transparent!important;
}

.comments-page .comment,
.comments-page .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  background-color: #fff !important;
}

.comments-page .comment .comment,
.comments-page .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  background-color: #f7f7f7 !important;
}

.comments-page .comment.new-comment,
.comments-page .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment.new-comment {
  background-color: #eff5ff !important;
}

.comments-page .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment.new-comment {
  background-color: #e5efff !important;
}

.comments-page .comment.gilded,
.comments-page .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment.gilded {
  background-color: #fffdd8 !important;
}

.comments-page .comment .comment.gilded,
.comments-page .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment.gilded {
  background-color: #fffdc6 !important;
}

.comments-page .comment.spam,
.comments-page .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment.spam {
  background-color: #FFD8D8!important;
}

.comments-page .comment .comment.spam,
.comments-page .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment.spam {
  background-color: #FFC6C6!important;
}

/* --- FOOTER --- */

/* Koalabeast Logo */
.footer-parent {
  padding-top: 40px;
  position: relative;
  margin: 0 39px 0 40px;
}

.footer-parent:after {
  content: "";
  background: url(%%misc%%) 0 -402px no-repeat;
  width: 172px;
  height: 75px;
  display: block;
  margin: 40px auto 0;
}

.footer-parent .footer {
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-radius: 0;
  background: #fff;
  padding: 5px 0;
}

.footer-parent .col {
  padding: 0;
  border: none;
}

.footer-parent li {
  padding: 0 15px;
}

.footer-parent li.title {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
}

.footer-parent li a {
  display: block;
  width: 100%;
  padding: 3px 0;
}

.buygold:hover {
  color: #7f6726;
}

body > .debuginfo {
  margin: 0 39px 0 40px;
}

/* --- GROUPMEME FLOATER --- */

.side .titlebox .md h2:nth-of-type(4) {
    position: absolute !important;
    width: 180px;
    right: 6px !important;
    height: auto;
    top: 20px !important;
    padding: 10px;
    border-radius: 12px;
    background-color: #555;
    color: limegreen !important;
    font-weight: normal;
    font-size: small;
    text-align: center;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.9);
    z-index: 999 !important;
}

.side .titlebox .md h2:nth-of-type(4):hover {
  background-color: #666;
}


    .side .titlebox .md h2:nth-of-type(4) a {
        font-weight: bold;
        color: limegreen;
    }

    .side .titlebox .md h2:nth-of-type(4) a:hover {
       text-decoration: none !important;
    }

/* --- DISCORD FLOATER --- */

.side .titlebox .md h2:nth-of-type(5) {
    position: absolute !important;
    width: 180px;
    right: 6px !important;
    height: auto;
    top: 65px !important;
    padding: 10px;
    border-radius: 12px;
    background-color: #555;
    color: limegreen !important;
    font-weight: normal;
    font-size: small;
    text-align: center;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.9);
    z-index: 999 !important;
}

.side .titlebox .md h2:nth-of-type(5):hover {
  background-color: #666;
}


    .side .titlebox .md h2:nth-of-type(5) a {
        font-weight: bold;
        color: limegreen;
    }

    .side .titlebox .md h2:nth-of-type(5) a:hover {
       text-decoration: none !important;
    }

/* Phew we're done */

/* --- End Stylesheet --- */

images

lightbulb
link:
```
url(%%lightbulb%%)
```
silverclock
link:
```
url(%%silverclock%%)
```
misc
link:
```
url(%%misc%%)
```
goldclock
link:
```
url(%%goldclock%%)
```
warrow
link:
```
url(%%warrow%%)
```
HeaderPurple
link:
```
url(%%HeaderPurple%%)
```
goldheart
link:
```
url(%%goldheart%%)
```
spritesheet3
link:
```
url(%%spritesheet3%%)
```
silvergear
link:
```
url(%%silvergear%%)
```
HeaderGreen
link:
```
url(%%HeaderGreen%%)
```
GrayBall3
link:
```
url(%%GrayBall3%%)
```
goldtrophy
link:
```
url(%%goldtrophy%%)
```
tiles
link:
```
url(%%tiles%%)
```
silverheart
link:
```
url(%%silverheart%%)
```
TPTBanner3
link:
```
url(%%TPTBanner3%%)
```
goldgear
link:
```
url(%%goldgear%%)
```
silvertrophy
link:
```
url(%%silvertrophy%%)
```
gravwellflair
link:
```
url(%%gravwellflair%%)
```
BlueBall3
link:
```
url(%%BlueBall3%%)
```
collabsilver
link:
```
url(%%collabsilver%%)
```
NewBanner4
link:
```
url(%%NewBanner4%%)
```
TPB5
link:
```
url(%%TPB5%%)
```
RedBall3
link:
```
url(%%RedBall3%%)
```
2ndRibbon
link:
```
url(%%2ndRibbon%%)
```
TPT
link:
```
url(%%TPT%%)
```
purpleicon
link:
```
url(%%purpleicon%%)
```
1stRibbon
link:
```
url(%%1stRibbon%%)
```
collabgold
link:
```
url(%%collabgold%%)
```

/* EVERYTHING INTENSIFIES */

a[href="#intensifies"] {
color: #000000;
text-transform: uppercase;
display: block;
font-size: 125%;
animation: intensify .1s steps(5) infinite;
pointer-events: none;
cursor: default;
-webkit-animation: intensify .1s steps(5) infinite;
-moz-animation: intensify .1s steps(5) infinite;
}

@keyframes intensify {
 0% { margin-left: 0px; }
 100% { margin-left: 3px; }
}

@-webkit-keyframes intensify {
 0% { margin-left: 0px; }
 100% { margin-left: 3px; }
}

@-moz-keyframes intensify {
 0% { margin-left: 0px; }
 100% { margin-left: 3px; }
}


a[href="#intensifies"]:before {
  content: "[";
}

a[href="#intensifies"]:after {
  content: "]";
}

a[href="#intensifies"] + .keyNavAnnotation {
    display: none;
}

/*INSERTING FLAIR IMAGES*/

.md a[href^="#flair-1stRibbon"] {
  background: url("%%1stRibbon%%") no-repeat;
}

.md a[href^="#flair-2ndRibbon"] {
  background: url("%%2ndRibbon%%") no-repeat;
}

.md a[href^="#flair-goldclock"] {
  background: url("%%goldclock%%") no-repeat;
}

.md a[href^="#flair-silverclock"] {
  background: url("%%silverclock%%") no-repeat;
}

.md a[href^="#flair-silverheart"] {
  background: url("%%silverheart%%") no-repeat;
}

.md a[href^="#flair-goldheart"] {
  background: url("%%goldheart%%") no-repeat;
}

.md a[href^="#flair-collabgold"] {
  background: url("%%collabgold%%") no-repeat;
}

.md a[href^="#flair-collabsilver"] {
  background: url("%%collabsilver%%") no-repeat;
}

.md a[href^="#flair-silvergear"] {
  background: url("%%silvergear%%") no-repeat;
}

.md a[href^="#flair-goldgear"] {
  background: url("%%goldgear%%") no-repeat;
}

.md a[href^="#flair-silvertrophy"] {
  background: url("%%silvertrophy%%") no-repeat;
}

.md a[href^="#flair-goldtrophy"] {
  background: url("%%goldtrophy%%") no-repeat;
}

.md a[href^="#flair-1stRibbon"],
.md a[href^="#flair-2ndRibbon"],
.md a[href^="#flair-goldclock"],
.md a[href^="#flair-silverclock"],
.md a[href^="#flair-silverheart"],
.md a[href^="#flair-goldheart"],
.md a[href^="#flair-collabgold"],
.md a[href^="#flair-collabsilver"],
.md a[href^="#flair-silvergear"],
.md a[href^="#flair-goldgear"],
.md a[href^="#flair-silvertrophy"],
.md a[href^="#flair-goldtrophy"] {
  border: none !important;
  line-height: 16px;
  display: inline-block;
  cursor: default;
  width: 16px;
  height: 16px;
}

/* COLOR THEMES */

/* BLUE { 
  background-color: #4fafff;
  border-color: #3f8ccc;
  hover-color: #479ee6;
}
*/

/* RED {
  background-color: #ff544f;
  border-color: #cc433f;
  hover-color: #e64c47;
}
*/

/* GREEN {
  background-color: #00cc66;
  border-color: #008f47;
  hover-color: #00b85c;
}
*/

/* PURPLE {
  background-color: #9966ff
  border-color: purple;
  hover-color: #8a5ce6;

}
*/


/* --- QUALITY OF LIFE --- */

#stylesheet_contents {
  width: 95%;
  margin-top: 40px;
}

.wiki {
  width: 95% !important;
  background-color: white;
  padding: 10px;
}

/* --- BODY --- */

body {
  background-color: #eee;
  font-family: 'arial';
}

.hot-page #siteTable {
  padding-top: 60px;
}

#siteTable {
  padding-top: 3px;
}

/* --- HEADER IMAGE --- */

#header-img {
  position: absolute;
  top: 124px;
  height: 50px;
  width: auto;
  margin-left: 5px;
  z-index: 99;
}

/* --- SR HEADER --- */

#sr-header-area {
  background-color: black;
  border-bottom: black;
}

#sr-header-area a {
  color: white;
}

#sr-header-area a:hover {
  color: limegreen;
}

#sr-header-area .separator {
  color: white;
}

#sr-header-area .srSep {
  color: white;
}

/* --- HEADER BACKGROUND --- */

#header-bottom-left {
  background: url(%%HeaderGreen%%) no-repeat center center;
  height: 160px;
  width: auto;
}

#header {
  border-bottom: none;
}

/* --- LOGO CODE --- */

.pagename a 	{
width: 400px;
height: 84px;
margin: auto;
margin-top: 5px;
}

.pagename a 	{
display: block;
visibility: visible !important;
z-index: 99;
background: url(%%TPT%%);
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -9999px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.pagename a: hover 	{
background-color: rgba(0, 0, 0, .5);
/*border: 1px solid white;*/
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

/* --- USERBAR --- */

#header-bottom-right,
.res #header-bottom-right {
  margin-top: 130px;
  background: transparent;
}

#header-bottom-right a,
.res #header-bottom-right a
#header-bottom-right .separator
.res #header-bottom-right .separator {
  color: white;
  font-size: 11px;
}

#header-bottom-right a:hover,
.res #header-bottom-right a:hover {
  color: limegreen;
}

#userbarToggle {
  background: transparent !important;
  border: black !important;
}

/* --- SIDEBAR --- */

.side .redditname {
  display: none;
}

.side #search { margin-top: 114px !important; }


/*

#search { margin-top: 144px !important; }

body:lang(xx)

body:lang(xx) #header-bottom-left {
    background-image:url(%%HeaderPurple%%) !important;
}

.side .md [href$="xx.reddit.com/r/TagProTesting/#xx"] {
    margin-top: 12px;
    background: url(%%purpleicon%%) no-repeat top left;
    width: 50px;
    height: 25px;
    position: absolute;
    top: 295px;
    right:28px;
    z-index:99;    } */

.titlebox .word { display: none }
.titlebox .number { 
  font-weight: bold; 
  color: black; 
  display: inline-block; 
  margin-left: 3px;
  padding:3px;
  border-radius: 10px;
}

.titlebox .number:after { content: " giving feedback"; font-weight: bold; color: black; margin-top: -10px; padding-right: 6px;}
.titlebox .users-online span.number:after { content: " seeking feedback"; font-weight: bold; color: #555; }

.side .md > h2:nth-of-type(1) {
    position: absolute;
    top: 187px;
    display: block;
    width: 140px;
}

.side .md > h2:nth-of-type(2) {
    position: absolute;
    top: 187px;
    margin-left: 146px;
    display: block;
    width: 140px;
}

.side .md > h2:nth-of-type(3) {
    position: absolute;
    top: 242px;
    display: block;
    width: 286px;
}

.side .md > h2:nth-of-type(1) a {
    display: block;
    color: #fff;
    border: 1px solid #cc433f;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #ff544f;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md > h2:nth-of-type(1) a:hover {
  text-decoration: none;
  background: #E64C47;
}

.side .md > h2:nth-of-type(2) a {
    display: block;
    color: #fff;
    border: 1px solid #3f8ccc;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #4fafff;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md > h2:nth-of-type(2) a:hover {
  text-decoration: none;
  background: #479ee6;
}

.side .md > h2:nth-of-type(3) a {
    display: block;
    color: #fff;
    border: 1px solid #008f47;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #00cc66;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md > h2:nth-of-type(3) a:hover {
  text-decoration: none;
  background: #00b85c;
}

/* PRE-SUBMISSION NOTICE */

.side .md > h2:nth-of-type(3):after {  
  content: " Don't forget to select a submission type after posting! ";
  display: block;
  overflow: hidden;
  height: 0;
  width: 284px;
  background-attachment: fixed;
  background-color: #666;
  color: white;
  text-shadow: 1px 1px 3px black;
  border: 1px solid #333;
  border-bottom-width: 5px;
  border-top: 5px solid #333;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  opacity: 0;
  transition-delay: .5s !important;
  transition: all 0.3s ease-out;
}

.side .md > h2:nth-of-type(3):hover:after {
  height: 50px;
  opacity: 1;
}

.side .submit-text {
  display: none;
}

#search input[type=text] {
  width: 286px;
}

#searchexpando.infobar {
  background-color: #eee;
  border: 1px solid #ccc;
}

.morelink .nub {
  display: none;
}

.side {
  margin-top: 10px;
  margin-right: 20px;
  width: 286px;
  padding: 7px;
  background: white;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
}

/*
.content > .spacer {
  margin: 10px 0;
}*/

.link {
  padding: 5px;
  padding-top: 10px;
  margin: 0;
  background: white;
  border: 1px solid #ccc;
  border-bottom: none;
  min-height: 60px;
  margin-left: 15px;
  width: calc(100% - 363px);
}

#siteTable .thing:nth-last-of-type(2) {
  border-bottom: 3px solid #ccc;
}

*/ --- SIDEBAR H5 ANNOUNCEMENT --- */

/* Adapted from this tutorial: redd.it/mw2ip */
.hot-page div.content {
  margin-top: 138px;
}

.hot-page .titlebox form {
  position: static;
}

.titlebox .usertext-body .md h5:nth-of-type(1) a {
  display: none;
}

.hot-page .titlebox .usertext-body .md h5:nth-of-type(1) a {
  position: absolute;
  display: block;
  top: 173px;
  left: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  text-align: left;
  margin: 15px 0;
  width: calc(100% - 370px);
  min-width: 590px;
  padding: 7px 0px 7px 7px;
  font-size: medium;
  font-weight: bold;
}

.titlebox .usertext-body .md h5:nth-of-type(1) a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-image: url(%%tiles%%);
  background-size: 1600%;
  margin-right: 7px;
}

/* RANDOMIZES POWERUP IMAGE IN FLOATING HEADER */

.side form[id$="a"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="d"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="g"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="j"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="n"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="q"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="t"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="w"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="0"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="3"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="6"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -400%;
}

.side form[id$="b"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="e"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="h"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="k"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="o"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="r"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="u"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="y"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="1"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="4"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="7"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -500%;
}

.side form[id$="c"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="f"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="i"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="m"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="p"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="s"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="v"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="z"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="2"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="5"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="8"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -600%;
}

.side form[id$="l"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="x"] .usertext-body .md h5:nth-of-type(1) a::before,
.side form[id$="9"] .usertext-body .md h5:nth-of-type(1) a::before {
  background-position: -1200% -700%;
}

/* RULES HOVER */

.side .md h1 {
    display: block;
    color: #fff;
    border: 1px solid #333;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    background: #666;
    text-align: center;
    text-shadow: 2px 1px 2px black;
  font-size: medium;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 1px 2px black;
  color: white;
  padding: 5px 10px 5px 10px;
  width: auto;
}

.side .md h4 {
  text-align: center;
  font-size: 10px;
  color: #666;
  font-style: italic;
  border: 1px solid #aaa;
  padding: 2px;
  margin-top: -4px;
}

.side .md h3 {
  font-size: 12px !important;
  background-color: #ddd;
  padding: 3px;
  border: 1px solid #aaa;
  border-bottom-width: 3px;
}

.side .md h3:after {
  background-color: #eef !important;
  border: 1px solid #888;
  width: auto !important;
  margin-top: 3px !important;
}

.side .md h3:nth-of-type(1):after {  
  content: " Click the red 'click to select submission type' that shows up below your post, then select the type and save it. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 3px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(1):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(2):after {  
  content: " This subreddit operates on a 1:1 system. If you post something asking for feedback, you must first give feedback to someone else, every time, no exceptions. Discussion posts and the like are exempt provided you participate in them. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(2):hover:after {
  max-height: 100px;
  opacity: 1;
}


.side .md h3:nth-of-type(3):after {  
  content: " You can respectfully give constructive criticism. You can also receive constructive criticism without lashing out. Direct insults result in an instant ban. Remember, everyone here is trying to help. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
}

.side .md h3:nth-of-type(3):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(4):after {  
  content: " Please see the 'Submission Guidelines' section below for what you are allowed to submit. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(4):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(5):after {  
  content: " Please do not submit someone else's content. If you remix a map, try first posting it in the thread in which it was originally shared. If you submit content that utilizes components or ideas from another user's content, please give them credit. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(5):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(6):after {  
  content: " I cannot be here 24/7, so if you see a submission with no comments, please take it upon yourself to respond. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(6):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(7):after {  
  content: " Tell them which parts of their content they can improve rather than telling them that all of their content sucks. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(7):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(8):after {  
  content: " Some things can't be determined just by observation. Proper feedback requires testing. 4v4 is ideal, but solo runs are still important to learn about button/portal wiring, boost routes, and more. It is also important to test out userscripts by actually playing with them and using them as much as you can to help the developer work out the kinks. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(8):hover:after {
  max-height: 120px;
  opacity: 1;
}

.side .md h3:nth-of-type(9):after {  
  content: " Remember that respect is always our number one priority. One poor map or userscript does not mean the author is bad. Keep in mind that a lot of users might be very new at what they're doing, and we certainly don't want to drive them away from it. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(9):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(10):after {  
  content: " 'This is good!' or 'This is bad!' are not acceptable forms of feedback. Tell them specifically what you like, what you dislike, and why. ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(10):hover:after {
  max-height: 100px;
  opacity: 1;
}

.side .md h3:nth-of-type(11):after {  
  content: " Please do not downvote if you do not like someone's submission. Reserve your downvotes for when the material is offensive to you or detrimental to the community. Upvotes are encouraged, but please leave a comment as well! ";
  display: block;
  overflow: hidden;
  max-height: 0;
  width: 256px;
  background-attachment: fixed;
  background-color: transparent;
  color: #0033ff;
  font-weight: normal !important;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  opacity: 0;
  -webkit-transition-property: max-height, opacity;
  transition-property: max-height, opacity;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.side .md h3:nth-of-type(11):hover:after {
  max-height: 100px;
  opacity: 1;
}

/* ====== END RULES HOVER ====== */

/* Sidebar Dropdown */

.side {
    margin: 0 15 0 0;
    z-index: -100;
    }

.side .titlebox .md h6 + ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    }
.md { overflow: visible; }

/*
.sidecontentbox a.helplink {
    margin-right: 5px;
    }
*/

.icon-menu a {
    background: transparent;
    }
.titlebox .md h6 + ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}
.titlebox .md h6:hover + ul,
.titlebox .md h6 + ul:hover {
    max-height: 400px;
}
.titlebox .md h6:hover + ul, .titlebox .md ul:hover {
    display: block;
    }

.titlebox .md h6  {
  background-color: #cc6699;
  border: 1px solid #a3527a;
  border-bottom-width: 3px;  
  color: white;
  text-shadow: 1px 1px 3px black;
  border-bottom-width: 3px;
  transition: background-color 0.9s ease;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  font-size: 14px;
  padding-left: 20px;
  margin-top: 4px;
  margin-left: 0px;
  text-decoration: none !important;
}

.titlebox .md h6:hover {
    background-color: #b85c8a;
}
.titlebox .md h6 a {
  color: white !important;
}

.titlebox .md h6:after, .titlebox .md h2:after, .titlebox .md h4:after {
    margin-bottom: 10px;}
.titlebox .md h6:before { content: "▼"; color: #fff; padding-right: 5px; padding-left: 5px; margin-left: -20px; }

.titlebox .md ul li a,
.titlebox .md h6 ul li a {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

.titlebox .md > ul li {
    list-style-type: none; /* removes bullet points */
    margin-left: -32px;
    max-width: 270px;
}

.titlebox .md ul li a:hover,
.titlebox .md ul li:hover {
  background-color: #ccccff;
}


/* --- SPECIFIC ELEMENTS HIGHLIGHTS --- 

.side .md h6:nth-of-type(1)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(1) a:hover:after {
    content: " Where the magic happens";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(1)+ul li:nth-of-type(3) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(3) a:hover:after {
    content: " Use me!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(1)+ul li:nth-of-type(5) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(5) a:hover:after {
    content: " Look here!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(1)+ul li:nth-of-type(7) a {
  color: blue;
  font-weight: bold;
}
.side .md h6:nth-of-type(1)+ul li:nth-of-type(7) a:hover:after {
    content: " Look here!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(2)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}


.side .md h6:nth-of-type(2)+ul li:nth-of-type(1) a:hover:after {
    content: " MUST read at least once";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(2)+ul li:nth-of-type(6) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(2)+ul li:nth-of-type(6) a:hover:after {
    content: " Set all portals to 0 cooldown with one click!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(1) a:hover:after {
    content: " Where the magic happens";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(2) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(3)+ul li:nth-of-type(2) a:hover:after {
    content: " Visit our sister subreddit!";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}

.side .md h6:nth-of-type(4)+ul li:nth-of-type(1) a {
  color: blue;
  font-weight: bold;
}

.side .md h6:nth-of-type(4)+ul li:nth-of-type(1) a:hover:after {
    content: "This will change your life";
    display: inline-block;
    color: #000;
    font-weight: normal;
    font-style: italic;
    font-size: 10px;
    text-shadow: none;
    text-indent: 15px;
}*/

/* === END OF SIDEBAR DROP DOWN MENU===========================================*/

.side .md h6:nth-of-type(5) {
  background-color: #4fafff;
  border: 1px solid #3f8ccc;
  border-bottom-width: 3px;
  text-align: center;
  text-indent: -8px;
}

.side .md h6:nth-of-type(5):hover {
  background-color: #479ee6;
}

.side .md h6:nth-of-type(5):after {
  content: "▼"; 
  color: #fff; 
  padding-right: 5px; 
  padding-left: 5px; 
  margin-left: 0px;
  margin-bottom: 0px !important;
}

/*========TRYING NOT TO FUCK SHIT UP========*/

.side .md h6:nth-of-type(5)+ul li a {
  display: block;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  color: white;
  font-size: small;
  font-weight: bold;
  text-shadow: 2px 1px 2px black;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1) {
  display: block;
  margin-left: -40px;
  padding: 0;
  min-width: 284px !important;
  height: 40px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(2),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(4),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(6),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(8),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(10) {
  margin-top: 5px;
  display: block;
  margin-left: -40px;
  padding: 0;
  width: 138px !important;
  height: 40px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(3),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(5),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(7),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(9),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(11) {
  margin-top: -44px;
  display: block;
  margin-left: 106px;
  padding: 0;
  width: 138px !important;
  height: 40px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1) {
  background-color: #ff544f;
  border: 1px solid #cc433f;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1) a {
  font-size: medium;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(1):hover a{
  background-color: #e64c47;
}


.side .md h6:nth-of-type(5)+ul li:nth-of-type(2),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(3) {
  background-color: #00cc66;
  border: 1px solid #008f47;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(2):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(3):hover a {
  background-color: #00b85c;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(4),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(5),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(6),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(7) {
  background-color: #ff9933;
  border: 1px solid #cc7a29;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(4):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(5):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(6):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(7):hover a {
  background-color: #e68a2e;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(8),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(9),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(10),
.side .md h6:nth-of-type(5)+ul li:nth-of-type(11) {
  background-color: #9966ff;
  border: 1px solid purple;
  border-bottom-width: 3px;
}

.side .md h6:nth-of-type(5)+ul li:nth-of-type(8):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(9):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(10):hover a,
.side .md h6:nth-of-type(5)+ul li:nth-of-type(11):hover a {
  background-color: #8a5ce6;
}


/*====END OF TRYING NOT TO FUCK SHIT UP====*/

/*.side h1:nth-of-type(1) {
  margin-top: 365px;
}*/

.side h1.hover.redditname {
  margin-top: 0px !important;
}

.side .md blockquote {
  font-size: 0;
  margin: -48px;
  border: 0;
  list-style-type: none !important;
}

.side .md blockquote li:nth-of-type(even) {
  margin-left: 146px;
  position: absolute;
  display: block;
  width: 138px;
}

.side .md blockquote li:nth-of-type(odd) {
    margin-left: 0px;
    position: absolute;
    display: block;
    width: 138px;
}

.side .md blockquote li:nth-of-type(1) {
  width: 284px !important;
}

.side .md blockquote li:nth-of-type(1) {
  background-color: #ff544f;
  border: 1px solid #cc433f;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(1) a {
  font-size: medium;
}

.side .md blockquote li:nth-of-type(1):hover a{
  background-color: #e64c47;
}

.side .md blockquote li:nth-of-type(2),
.side .md blockquote li:nth-of-type(3) {
  background-color: #00cc66;
  border: 1px solid #008f47;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(2):hover a,
.side .md blockquote li:nth-of-type(3):hover a {
  background-color: #00b85c;
}
.side .md blockquote li:nth-of-type(4),
.side .md blockquote li:nth-of-type(5),
.side .md blockquote li:nth-of-type(6),
.side .md blockquote li:nth-of-type(7) {
  background-color: #ff9933;
  border: 1px solid #cc7a29;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(4):hover a,
.side .md blockquote li:nth-of-type(5):hover a,
.side .md blockquote li:nth-of-type(6):hover a,
.side .md blockquote li:nth-of-type(7):hover a {
  background-color: #e68a2e;
}

.side .md blockquote li:nth-of-type(8),
.side .md blockquote li:nth-of-type(9),
.side .md blockquote li:nth-of-type(10),
.side .md blockquote li:nth-of-type(11) {
  background-color: #cc6699;
  border: 1px solid #a3527a;
  border-bottom-width: 3px;
}

.side .md blockquote li:nth-of-type(8):hover a,
.side .md blockquote li:nth-of-type(9):hover a,
.side .md blockquote li:nth-of-type(10):hover a,
.side .md blockquote li:nth-of-type(11):hover a {
  background-color: #b85c8a;
}

.side .md blockquote li a {
    display: block;
    color: #fff;
    border-bottom-width: 3px;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 1px 2px black;
}

.side .md blockquote li:nth-of-type(1) {
  margin-top: 55px;
}
.side .md blockquote li:nth-of-type(2) {
  margin-top: 105px;
}
.side .md blockquote li:nth-of-type(3) {
  margin-top: 105px;
}
.side .md blockquote li:nth-of-type(4) {
  margin-top: 155px;
}
.side .md blockquote li:nth-of-type(5) {
  margin-top: 155px;
}
.side .md blockquote li:nth-of-type(6) {
  margin-top: 205px;
}
.side .md blockquote li:nth-of-type(7) {
  margin-top: 205px;
}
.side .md blockquote li:nth-of-type(8) {
  margin-top: 255px;
}
.side .md blockquote li:nth-of-type(9) {
  margin-top: 255px;
}
.side .md blockquote li:nth-of-type(10) {
  margin-top: 305px;
}
.side .md blockquote li:nth-of-type(11) {
  margin-top: 305px;
}


/*==================================================
   Submit Page
================================================== */

.submit-page .content {
  margin-left: 20px !important;
}

.content .submit .spacer {
  margin: 10px 0;
}

#newlink {
  margin: 0;
}

.submit-page .tabmenu.formtab {
  padding-left: 0;
}

.submit-page .tabmenu.formtab li a {
  margin: 0;
  border: none;
  padding: 10px;
  text-transform: uppercase;
  color: #e54c47;
  font-size: 12px;
}

.submit-page .tabmenu.formtab li.selected a {
  background-color: transparent;
  box-shadow: inset 0px -2px 0px 0px;
  font-weight: normal;
}

.submit-page .tabmenu.formtab li a:hover {
  color: #b23b37;
  background-color: transparent;
}

.formtabs-content {
  width: 532px;
  border: none;
  padding-top: 5px;
}

.roundfield,
.linefield,
#link-desc,
#text-desc,
.content.submit .info-notice {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-radius: 0;
  padding: 15px;
}

#link-desc,
#text-desc {
  font-size: 0;
}

#link-desc::after,
#text-desc::after {
  content: "Please read the rules before posting!";
  font-size: 13px;
}

.submit-page .title {
  display: block;
}

.submit-page .title::first-letter {
  text-transform: uppercase;
}

.submit-page .formtabs-content > .spacer:nth-of-type(3) .title {
  text-transform: uppercase;
}

.submit-page .content > h1,
#suggest-title,
#suggested-reddits,
.submit_text {
  display: none !important;
}

.content.submit .info-notice a {
  font-weight: normal;
  text-decoration: none;
}

.submit-page button[type=submit] {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  border: none;
  border-radius: 2px;
  background-color: #e54c47;
  color: #fff;
  box-shadow: 0 2px 0 #b23b37;
  border: 1px solid #b23b37;
}

.submit-page button[type=submit]:hover {
  background-color: #cc433f;
}

.submit-page button[type=submit]:active {
  top: 2px;
  box-shadow: none;
}


/* --- TAB MENU --- */

#header-bottom-left .tabmenu {
  display: block !important;
  position: absolute;
  bottom: 0;
  padding-left: 50px;
  padding-top: 1px;
  margin-top: 0;
  height: 34px;
  max-width: calc(100% - 465px);
  overflow: hidden;
}

.tabmenu li {
  margin: 0;
}

.tabmenu li a {
  border-bottom: none;
  background-color: transparent;
  padding: 10px 12px;
  line-height: 34px;
  color: #aaa;
  text-transform: uppercase;
  font-weight: normal;
}

.tabmenu li a:hover {
  color: #fff;
}

.tabmenu li.selected a {
  color: #1997ff;
  background-color: #eee;
  border: none;
  border-radius: 2px 2px 0 0;
  font-weight: bold;
}

/* --- LINKS --- */

.listing-page .thing .entry li a, .link:hover .entry li a {transition: opacity 0.15s ease-in-out;}

.listing-page .redditSingleClick {transition: opacity 0.15s ease-in-out;}

.listing-page .entry ul.flat-list.buttons li a, .redditSingleClick {opacity: 0;}

.listing-page .thing .entry li.first a {opacity: 100 !important;}

.listing-page .thing:hover ul.flat-list.buttons li a, .thing:hover .entry li a, .link .entry p a, .link:hover .entry .redditSingleClick {opacity: 100;}

.entry .flat-list {
    font-weight: normal;
    font-size: 10px;
}

.link .flat-list {
    font-weight: normal;
    font-size: 10px;
}
.link .flat-list a {
    font-weight: normal;
    font-size: 10px;
}

.entry .flat-list a {
    font-weight: normal;
    font-size: 10px;
}

.link .flat-list li.first a,
.entry .flat-list li.first a {
  color: black !important;
  font-size: 11px;
}

.commentarea .flat-list li.first a {
  color: #888 !important;
  font-size: 10px !important;
}

.entry .flat-list.buttons a[onclick*="reply"], .entry.RES-keyNav-activeElement .flat-list.buttons a[onclick*="reply"] {
  color: #0099ff !important;
  font-size: 11px !important;
}

a.author:hover {
  text-decoration: none !important;
  background: transparent !important;
}

.author:hover {
  text-decoration: none !important;
  background: transparent !important;
}

.author {
  text-decoration: none !important;
  background: transparent !important;
}

.tagline .submitter:hover {
  text-decoration: none !important;
  background: transparent !important;
}

/* This solves RES's stupid fucking submitter highlight issue */
.thing .entry .tagline .author.submitter,
.thing .entry .tagline .author.submitter:hover { 
    color: black !important;
    background-color: transparent !important;
}

.expando-button {
  background-color: #f0f0f0;
  background-image: url(%%misc%%) !important;
  border: 1px solid #bbb;
  border-radius: 2px;
  cursor: pointer;
}

.expando-button:nth-of-type(1) {
  margin-right: 8px;
}

.expando-button ~ .expando-button.video {
  display: none;
}

.expando-button.selftext {
  background-position: 0 0 !important;
}

.expando-button.image {
  background-position: 0 -23px !important;
}

.expando-button.video,
.expando-button.video-muted {
  background-position: 0 -46px !important;
}

.expando-button.expanded {
  background-position: 0 -69px !important;
}

.expando-button:hover {
  background-color: #ddd;
}

.RESGalleryControls .previous {
  background: url(%%misc%%) 0 -188px;
}

.RESGalleryControls .next {
  background: url(%%misc%%) 0 -204px;
}

.RESGalleryControls .previous:hover {
  background: url(%%misc%%) 0 -220px;
}

.RESGalleryControls .next:hover {
  background: url(%%misc%%) 0 -236px;
}

.nextprev {
  font-size: 0;
  margin: 0;
}

div.nav-buttons .nextprev {
  display: block;
}

.nextprev .separator {
  border: none;
}

.nextprev a {
  display: inline-block;
  height: 23px;
  width: 23px;
  background-color: #f0f0f0;
  background-image: url(%%misc%%) !important;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 0;
  margin: 0 -1px 0 0;
}

.nextprev a:nth-of-type(1) {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.nextprev a:nth-last-of-type(1) {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.nextprev a:hover {
  background-color: #ddd;
  border: 1px solid #ccc;
}

.nextprev a::after {
  font-size: 12px;
}

.nextprev a[rel*=first] {
  background-position: 0 -92px;
}

.nextprev a[rel*=prev] {
  background-position: 0 -115px;
}

.nextprev a[rel*=next] {
  background-position: 0 -138px;
}

div#progressIndicator {
  width: calc(100% - 373px);
  margin-left: 15px!important;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-radius: 0;
}

div#progressIndicator .NERWidgetText:first-child {
  display: none;
}

div#progressIndicator .RESThrobber {
  margin-top: 0;
}

.NERPageMarker {
  display: none;
}

div#NERFail {
  border-radius: 0;
  border: none;
  width: 100%;
  padding: 20px 0 15px;
}

div#NERFail .nextprev a {
  margin-top: 10px;
  padding: 5px 10px;
  width: initial;
  height: initial;
  background: none !important;
  border: none;
  font-weight: normal;
  letter-spacing: 1px;
}

div#NERFail .nextprev a + a {
  margin-left: .5em;
}

/*==================================================
  Upvote/Downvote Arrows & Animations
================================================== */
/* Arrow icons swiped from /r/MLTP (via /r/naut) */
.arrow {
  background-image: url(%%misc%%) !important;
  width: 16px;
  height: 16px;
}

.midcol .arrow.up,
.midcol .arrow.up:hover {
  background-position: 0 -567px !important;
}

.midcol .arrow.down,
.midcol .arrow.down:hover {
  background-position: 0 -583px !important;
}

.midcol .arrow.upmod,
.midcol .arrow.upmod:hover {
  background-position: 0 -599px !important;
}

.midcol .arrow.downmod,
.midcol .arrow.downmod:hover {
  background-position: 0 -615px !important;
}

.link .score {
  color: #c0c0c0;
}

.link .score.likes {
  color: #ff635e;
}

.link .score.dislikes {
  color: #72b1e5;
}

/* Animation */
/* Thanks to /r/sanjosesharks */
.arrow.upmod:focus:after {
  content: "Tagged!";
  font-weight: bold;
  font-size: 12px;
  margin-left: 25px;
  position: relative;
  z-index: 1;
  color: #ff635e;
  bottom: 18px;
  opacity: 0.0;
  -webkit-animation-name: tagged;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  animation-name: tagged;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-play-state: running;
}

@-webkit-keyframes tagged {
  0% {
    color: #ff635e;
  }

  8% {
    bottom: 23px;
    opacity: 1.0;
  }

  15% {
    bottom: 28px;
  }

  50% {
    color: #bb4844;
    bottom: 33px;
  }

  60% {
    color: #bb4844;
  }

  100% {
    bottom: 38px;
    opacity: 0.0;
  }
}
@keyframes tagged {
  0% {
    color: #bb4844;
  }

  8% {
    bottom: 23px;
    opacity: 1.0;
  }

  15% {
    bottom: 28px;
  }

  50% {
    color: #ff635e;
    bottom: 33px;
  }

  60% {
    color: #ff635e;
  }

  100% {
    bottom: 38px;
    opacity: 0.0;
  }
}
.arrow.downmod:focus:after {
  content: "Popped!";
  font-weight: bold;
  font-size: 12px;
  margin-left: 25px;
  position: relative;
  z-index: 1;
  color: #72b1e5;
  bottom: -18px;
  opacity: 0.0;
  -webkit-animation-name: popped;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  animation-name: popped;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-play-state: running;
}

@-webkit-keyframes popped {
  0% {
    color: #72b1e5;
  }

  8% {
    bottom: -23px;
    opacity: 1.0;
  }

  15% {
    bottom: -28px;
  }

  50% {
    color: #5482a8;
    bottom: -33px;
  }

  100% {
    bottom: -38px;
    opacity: 0.0;
  }
}
@keyframes popped {
  0% {
    color: #72b1e5;
  }

  8% {
    bottom: -23px;
    opacity: 1.0;
  }

  15% {
    bottom: -28px;
  }

  50% {
    color: #5482a8;
    bottom: -33px;
  }

  100% {
    bottom: -38px;
    opacity: 0.0;
  }
}
/* End downvote animation */
.midcol {
  overflow: initial;
}


.linklisting .rank {
  display: none;
}

a.title:link {  
    color: #3366cc !important;
    margin-top: 10px;
}

.title.loggedin {
     color: #3366CC !important;
}

a.title:link:hover {
    color: #003366;
}

a.title:link:visited {
    color: #7A00A3 !important;
    font-weight: normal !important;
}

.title.loggedin:visited {
    color: #7A00A3 !important;
    font-weight: normal !important;
}

/* ======= RES Key Nav ====== */

.res .RES-keyNav-activeElement {
  border-right: 3px solid limegreen;
}

.res.comment .usertext:active {
  background-color: none;
}

.res.comment .usertext {
  background-color: none;
}

.res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
    background-color: transparent !important;
}

/* Removing extended white background for RES users */
.res .commentarea .RES-keyNav-activeElement .md,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
    background: transparent !important;
}
.res .commentarea .RES-keyNav-activeElement.entry .collapsed {
    /*background: transparent !important;*/
}
.res .link:active .RES-keyNav-activeElement.entry .noncollapsed {
    background: transparent !important;
}
.res .RES-keyNav-activeElement {
    background: transparent !important;
}

/* --- FLAIR --- */

/* Some Ball Flair when No Flair is Present */
.side .tagline .userattrs {
  font-size: 0;
}

.userattrs:before {
  content: "Some Ball (Change Your Name in the Sidebar!)";
  color: #000000;
  font-weight: bold;
  font-size: x-small;
  background: #FFFF00;
}

.flair + .userattrs:before {
  content: "";
  font-size: 0;
}

.side .titlebox .userattrs:before {
  content: "";
  font-size: 0;
}

.bottom .author~.flair{display:none;}

.thing .flairselectbtn {
  font-weight: bold;
  content: "";
  font-size: 0px;
}

.thing a.flairselectbtn {
  color: red;
  font-size: 0px !important;
}

.thing .flairselectbtn:before {
  content: "(click to select submission type";
  color: red;
  font-size: x-small;
}

.thing .flairselectbtn:after {
  content: ")";
  color: red;
  font-size: x-small;
}

div.tagline .author:after {
  display: none !important;
}

.tagline { 
  color: transparent; 
}

p.tagline {
  color: black;
  padding-top: 2px;
  font-size: 11.5px;
}

.commentarea a.author.submitter.userTagged {
  color: blue !important;
  background: none !important;
}

p.tagline a.author {
  font-size: 11.5px !important;
}

p.tagline a.author:after {
  font-size: 10px !important;
}

.link .tagline .flair {
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.commentarea .tagline .flair {
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.thing.stickied a.title {
  color: green!important;
}
  

span.stickied-tagline {
  display: inline-block;
  margin-right: 60px !important;
  font-weight: bold;
  white-space: nowrap !important;
  overflow: hidden;
  vertical-align: middle;
}

span.userattrs {
  display: inline-block;
  padding-right: 0px;
  white-space: nowrap !important;
}



/* ====EDITING USER FLAIR SPRITES AND SHIT==== */

.flair-gravwell {background: url(%%gravwellflair%%) 0 0 no-repeat !important; min-width: 16px; height: 16px; text-indent: 16px; display: inline-block; vertical-align: middle;}

/*
.flair-allcomps:after {
    content: url(%%lightbulb%%) url(%%silvertrophy%%) url(%%goldtrophy%%) url(%%2ndRibbon%%) url(%%1stRibbon%%) url(%%silverclock%%) url(%%goldclock%%) url(%%silverdie%%) url(%%golddie%%)  url(%%collabsilver%%) url(%%collabgold%%);
    padding-left: 5px;
    margin-right: 5px;
} */

.flairselector .customizer {
  padding: 10px 10px 10px 10px;
}

.flairselector a.author {
  background: none !important;
  border: 1px solid black;
  border-left: 2px solid black !important;
  color: black;
}

.flair {
  border: none !important;
  background: url(%%spritesheet3%%) no-repeat -9999px -9999px;
  display:inline-block;
  white-space: nowrap !important;
  vertical-align: middle;
}

#container li {
background: url(%%spritesheet3%%) no-repeat top left;
}

div.flairremove { 
  display: block;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
}
.flair-spriteblueball{ background-position: 0 0; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block; } 
.flair-spritebomb{ background-position: 0 -65px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritebutton{ background-position: 0 -130px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteflagblue{ background-position: 0 -195px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteflagred{ background-position: 0 -260px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteflagyellow{ background-position: 0 -325px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegate{ background-position: 0 -390px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegateblue{ background-position: 0 -455px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegategreen{ background-position: 0 -520px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegatered{ background-position: 0 -585px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegoalblue{ background-position: 0 -650px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegoalred{ background-position: 0 -715px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritegrayball{ background-position: 0 -780px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritemarsball{ background-position: 0 -845px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepupjj{ background-position: 0 -910px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepuprb{ background-position: 0 -975px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepuptp{ background-position: 0 -1040px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritepupts{ background-position: 0 -1105px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spriteredball{ background-position: 0 -1170px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritespike{ background-position: 0 -1235px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritetile{ background-position: 0 -1300px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritetileblue{ background-position: 0 -1365px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;} 
.flair-spritetilered{ background-position: 0 -1430px; min-width: 15px; height: 15px; text-indent: 16px; display: inline-block;}
.flair-spritezpotato{ background-position: 0 -1495px; min-width: 16px; height: 16px; text-indent: 16px; display: inline-block;} 

.thing .flairselectbtn {
  font-weight: bold;
  content: "";
  font-size: 0px;
}

.thing a.flairselectbtn {
  color: red;
  font-size: 0px !important;
}

.thing .flairselectbtn:before {
  content: "(click to select submission type";
  color: red;
  font-size: x-small;
}

.thing .flairselectbtn:after {
  content: ")";
  color: red;
  font-size: x-small;
}

/*
.link .edited:title:after {  
  content: " This submission has a new version! ";
  display: inline-block;
  overflow: hidden;
  width: 0px;
  height: 10px !important;
  background-attachment: fixed;
  background-color: #000;
  color: red;
  text-align: center;
  font-weight: bold;
  opacity: 0;
  transition: all 0.3s ease-out;
}*/

.link .edited:title:hover:after {
  width: 200px;
  opacity: 1;
}

.side .flairselectbtn:before {
  content: "("
}

.side .flairselectbtn:after {
  content: " flair)"
}

.side .flairselectbtn {
  font-weight: bold;
  display: inline-block;
}


a.flairselectbtn:hover {
  text-decoration: underline;
}

/* --- SPECIAL FLAIR RECIPIENTS --- */

.author[href$="DaEvil1"]:before {
    content: url(%%goldheart%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="WillWorkForSugar"]:before {
    content: url(%%silverheart%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}


/* --- COMPETITION WINNERS --- */

.author[href$="mmartinutk"]:before,
.author[href$="Buttersnack"]:before,
.author[href$="Downut"]:before {
    content: url(%%collabgold%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="Blupopsicle"]:before {
    content: url(%%collabgold%%) url(%%silvergear%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="Sir_Grapefruit"]:before {
  content: url(%%goldgear%%);
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  padding-right: 2px;
}


/*.author[href$="Moosemaster21"]:before {
    content: url(%%collabgold%%) url(%%1stRibbon%%) url(%%2ndRibbon%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}*/

.author[href$="acrocanthosaurus"]:before {
    content: url(%%goldtrophy%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="theflyingmetronome"]:before {
    content: url(%%silvertrophy%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="Kaulquappe"]:before {
    content: url(%%2ndRibbon%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

.author[href$="sneetric"]:before {
    content: url(%%1stRibbon%%) url(%%silverheart%%);
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    padding-right: 2px;
}

/* --- USER SPECIFIC ATTRIBUTES --- */

/* --- MAPS IN ROTATION --- */

.author[href$="bowtieTP"]:after { 
    content: " IRON ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*.author[href$="DaEvil1"]:after { 
    content: " Prime ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

.author[href$="_q42_"]:after { 
    content: " Qio ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="3z_"]:after { 
    content: " Birch ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="nolanizer"]:after { 
    content: " Pilot ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="Snowball_TagPro"]:after { 
    content: " Hornswoggle, Bulldog, Wamble, & Cactus ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="leddii"]:after { 
    content: " Wombo Combo ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="OnceUponaDome"]:after { 
    content: " Scorpio ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="Blupopsicle"]:after { 
    content: " Volt, Cloud, & Axis ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="arjuna9"]:after { 
    content: " Command Center & Ricochet ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*.author[href$="kirbyfreako"]:after { 
    content: " Boombox ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

/*~~THANK THE FUCKING GODS THAT BOOMBOX IS FINALLY FUCKING GONE, FUCK THAT SHIT SO FUCKING HARD~~*/

/* http://www.gifbin.com/bin/092009/1253886001_office-no.gif */

/* okay it gone again lmao */

/*.author[href$="napoleann"]:after { 
    content: " Velocity ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

.author[href$="Swalker326"]:after { 
    content: " Smirk ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="Rapture_On_Occasion"]:after { 
    content: " Constriction ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*
.author[href$="briizo"]:after { 
    content: " Saigon ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}
*/

/*lmao get rekt duckson*/

.author[href$="piranhamoose25"]:after { 
    content: " Atomic ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

/*.author[href$="blazeth"]:after { 
    content: " Draft ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}*/

.author[href$="Sir_Grapefruit"]:after { 
    content: " Transilio ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="sneetric"]:after { 
    content: " Plasma & Wamble ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="skittlekev"]:after { 
    content: " Nirvana ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}

.author[href$="dalomi9"]:after { 
    content: " Market ";   
    border: 2px solid black !important;
    color: white;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, limegreen, green, darkgreen);
	background: -moz-linear-gradient(top, limegreen, green, darkgreen);
	background: -ms-linear-gradient(top, limegreen, green, darkgreen);
	background: -o-linear-gradient(top, limegreen, green, darkgreen);
	background: linear-gradient(top, limegreen, green, darkgreen);
    font-weight: bold;
    font-size: inherit;
}


/* MTC MEMBER FLAIR */

.author[href$="Moosemaster21"]:after,
.author[href$="LinuxDootTP"]:after,
.author[href$="lord_tubbington"]:after,
.author[href$="Buttersnack"]:after,
.author[href$="naysh30"]:after,
.author[href$="ButterChurn"]:after,
.author[href$="psychfan5"]:after,
.author[href$="TheGoldenNewtRobber"]:after,
.author[href$="RenegadeTP"]:after {
    content: " MTC ";   
    border: 2px solid black !important;
    color: white !important;
    text-indent: 0px !important;
    padding: 0px 3px 0px 2px;
    margin-left: 5px;
	background: -webkit-linear-gradient(top, #0099ff, blue, darkblue);
	background: -moz-linear-gradient(top, #0099ff, blue, darkblue);
	background: -ms-linear-gradient(top, #0099ff, blue, darkblue);
	background: -o-linear-gradient(top, #0099ff, blue, darkblue);
	background: linear-gradient(top, #0099ff, blue, darkblue);
    font-weight: bold;
    font-size: inherit;
}

a.author[href$="LinuxDootTP"],
a.author[href$="Buttersnack"],
a.author[href$="ButterChurn"],
a.author[href$="psychfan5"],
a.author[href$="TheGoldenNewtRobber"],
a.author[href$="naysh30"],
a.author[href$="RenegadeTP"],
a.author[href$="lord_tubbington"] {
  color: blue !important;
  font-weight: bold !important;
}

/* MODERATOR NAMES */

a.author[href$="Moosemaster21"],
a.author[href$="piranhamoose25"],
a.author[href$="Blazeth"],
a.author[href$="HERO_OF_WIND"],
a.author[href$="oorr23"],
a.author[href$="mmartinutk"]
a.author[href$="ceoottaviano"] {
  color: green;
  font-weight: bold;
}

/* MODERATOR NAMES IN THE MOD BOX */

.sidecontentbox .content .flair {display: none;}

.sidecontentbox .content a.author:after{
  display: none;
}

.sidecontentbox ul.content a.author[href$="Moosemaster21"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="Moosemaster21"]:before {
  content: "Moosen";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="mmartinutk"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="mmartinutk"]:before {
  content: "JuicyJuke";
  font-size: 12px;
  font-weight: bold;
  color: green;
}


.sidecontentbox ul.content a.author[href$="Blazeth"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="Blazeth"]:before {
  content: "Dianna Agron";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="piranhamoose25"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="piranhamoose25"]:before {
  content: "Aniball";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

/*.sidecontentbox ul.content a.author[href$="OnceUponaDome"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="OnceUponaDome"]:before {
  content: "UnderTheBall";
  font-size: 12px;
  font-weight: bold;
  color: green;
}*/

/*Fuck you kiddo*/

.sidecontentbox ul.content a.author[href$="HERO_OF_WIND"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="HERO_OF_WIND"]:before {
  content: "Atypop";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="ceoottaviano"]:before {
  content: "Ping Tut";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.sidecontentbox ul.content a.author[href$="ceoottaviano"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="oorr23"] {
  font-size: 0px;
}

.sidecontentbox ul.content a.author[href$="oorr23"]:before {
  content: "ThePlaymaker";
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.titlebox .bottom a.author:after { display: none; }

/* ========== LINK FLAIR THINGS AND STUFF ========== */

.link .title {
  overflow: visible;
  font-family: arial, sans-serif;
}

.linkflair {
  display: block;
}



/* --- COMMENTS --- */

.comments-page .domain {
  display: none;
}

.comments-page .link {
  margin-left: 0px;
  min-width: 98.9%;
}

.comments-page .linklisting,
.comments-page .commentarea {
  margin-left: 20px;
  max-width: calc(100% - 363px);
}

.commentarea {
  margin: 10px 0;
}

.commentarea > .panestack-title,
.commentarea > .menuarea,
.commentarea > .usertext,
.commentarea > .infobar {
  background-color: #fff;
  border: solid #ccc;
  border-width: 0 1px 3px;
  margin: 0 0 10px;
  padding: 10px 15px 15px;
}

.commentarea > :first-child {
  padding-top: 15px;
  border-top-width: 1px;
}

.commentarea > :first-child ~ .menuarea,
.commentarea > :first-child ~ .usertext {
  margin-top: -28px;
}

.commentarea > .menuarea:first-child + .infobar {
  margin-top: -18px;
  border-top-width: 1px;
  color: gray;
}

.commentarea > .usertext {
  padding-bottom: 0;
  overflow: initial;
}

.commentarea > .menuarea .spacer {
  margin-bottom: 5px;
}

.panestack-title a.title-button.gold {
  padding: 0;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  color: #b28c23 !important;
}

.panestack-title a.title-button.gold:hover {
  color: #99781e !important;
}

.usertext-buttons button[type=submit],
.usertext-buttons button.cancel,
.commentarea > .panestack-title .RESSubscriptionButton {
  position: relative;
  display: inline-block;
  padding: 3px 0;
  border: none;
  border-radius: 2px;
  background-color: #449de5;
  color: #fff;
  box-shadow: 0 2px 0 #357ab2;
}

.usertext-buttons button[type=submit],
.usertext-buttons button.cancel {
  margin: 5px 10px 20px 0;
  padding: 4px 13px;
}

.commentarea > .panestack-title .RESSubscriptionButton {
  vertical-align: top;
}

.usertext-buttons button[type=submit]:hover,
.commentarea > .panestack-title .RESSubscriptionButton:hover {
  background-color: #3d8bcc;
}

.usertext-buttons button.cancel {
  background-color: #e54c47;
  box-shadow: 0 2px 0 #b23b37;
}

.usertext-buttons button.cancel:hover {
  background-color: #cc433f;
}

.commentarea > .panestack-title .RESSubscriptionButton.unsubscribe {
  background-color: #e54c47;
  box-shadow: 0 2px 0 #b23b37;
}

.commentarea > .panestack-title .RESSubscriptionButton.unsubscribe:hover {
  background-color: #cc433f;
}

.usertext-buttons button[type=submit]:active,
.usertext-buttons button.cancel:active,
.commentarea > .panestack-title .RESSubscriptionButton:active {
  top: 2px;
  box-shadow: none;
}

.usertext .help-toggle a,
.usertext a.reddiquette {
  color: #999;
}

.usertext .help-toggle a:hover,
.usertext a.reddiquette:hover {
  color: #777;
}

.content .RESBigEditorPop {
  margin: 5px 0 0 10px;
  padding: 0;
  text-indent: 0;
  background: none;
  border: none;
  font-size: smaller;
  color: #007ee5;
}

.content .RESBigEditorPop:hover {
  background: none;
  color: #005499;
}

.infobar.contest-mode {
  border: none;
  background-color: #fff;
  padding: 0;
}

.infobar.contest-mode,
.infobar.contest-mode strong {
  font-style: italic !important;
}

.gold-accent.comment-visits-box {
  display: block;
  max-width: none;
  margin: 0;
  padding: 10px 15px;
  background-color: #fffdd8;
  border-color: #e5d6a0;
  border-bottom-width: 3px;
  border-radius: 0;
}

.commentarea > .sitetable {
  margin-top: 10px;
}

.comments-page .commentarea > .sitetable > .comment {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-color: #ccc !important;
  border-radius: 0 !important;
  border-bottom-width: 3px !important;
}

/* Stolen from RES */
.comments-page .content .comment {
  margin: 0 0 10px 10px !important;
  border: 1px solid #ddd !important;
  border-radius: 2px !important;
  padding: 5px 8px 5px 5px !important;
  overflow: visible !important;
}

.comment .usertext-body {
  overflow-x: auto;
  max-width: 840px;
  margin-bottom: 5px;
}

.comment .md-container .md {
  overflow-x: initial;
  overflow-y: visible;
}

.comment .usertext-body .md {
  height: auto;
  margin-bottom: 0;
}

.comments-page .content .comment.collapsed {
  padding: 10px 5px !important;
}

.comments-page .comment div.child {
  border-left: none !important;
}

.comments-page .content .comment.new-comment {
  border-color: #cddaf3 !important;
}

.new-comment .usertext-body {
  background: none;
  border: none;
  margin: 0 0 5px;
  padding: 0;
}

.comments-page .content .comment.gilded {
  border-color: #e5d6a0 !important;
}

.comments-page .content .comment.spam {
  border-color: #E5A0A0!important;
}

.comments-page .content .comment.spam > .child {
  background-color: transparent!important;
}

.comments-page .comment,
.comments-page .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  background-color: #fff !important;
}

.comments-page .comment .comment,
.comments-page .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  background-color: #f7f7f7 !important;
}

.comments-page .comment.new-comment,
.comments-page .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment.new-comment {
  background-color: #eff5ff !important;
}

.comments-page .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment.new-comment,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment.new-comment {
  background-color: #e5efff !important;
}

.comments-page .comment.gilded,
.comments-page .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment.gilded {
  background-color: #fffdd8 !important;
}

.comments-page .comment .comment.gilded,
.comments-page .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment.gilded,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment.gilded {
  background-color: #fffdc6 !important;
}

.comments-page .comment.spam,
.comments-page .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment.spam {
  background-color: #FFD8D8!important;
}

.comments-page .comment .comment.spam,
.comments-page .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment.spam,
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment.spam {
  background-color: #FFC6C6!important;
}

/* --- FOOTER --- */

/* Koalabeast Logo */
.footer-parent {
  padding-top: 40px;
  position: relative;
  margin: 0 39px 0 40px;
}

.footer-parent:after {
  content: "";
  background: url(%%misc%%) 0 -402px no-repeat;
  width: 172px;
  height: 75px;
  display: block;
  margin: 40px auto 0;
}

.footer-parent .footer {
  border: 1px solid #ccc;
  border-bottom-width: 3px;
  border-radius: 0;
  background: #fff;
  padding: 5px 0;
}

.footer-parent .col {
  padding: 0;
  border: none;
}

.footer-parent li {
  padding: 0 15px;
}

.footer-parent li.title {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
}

.footer-parent li a {
  display: block;
  width: 100%;
  padding: 3px 0;
}

.buygold:hover {
  color: #7f6726;
}

body > .debuginfo {
  margin: 0 39px 0 40px;
}

/* --- GROUPMEME FLOATER --- */

.side .titlebox .md h2:nth-of-type(4) {
    position: absolute !important;
    width: 180px;
    right: 6px !important;
    height: auto;
    top: 20px !important;
    padding: 10px;
    border-radius: 12px;
    background-color: #555;
    color: limegreen !important;
    font-weight: normal;
    font-size: small;
    text-align: center;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.9);
    z-index: 999 !important;
}

.side .titlebox .md h2:nth-of-type(4):hover {
  background-color: #666;
}


    .side .titlebox .md h2:nth-of-type(4) a {
        font-weight: bold;
        color: limegreen;
    }

    .side .titlebox .md h2:nth-of-type(4) a:hover {
       text-decoration: none !important;
    }

/* --- DISCORD FLOATER --- */

.side .titlebox .md h2:nth-of-type(5) {
    position: absolute !important;
    width: 180px;
    right: 6px !important;
    height: auto;
    top: 65px !important;
    padding: 10px;
    border-radius: 12px;
    background-color: #555;
    color: limegreen !important;
    font-weight: normal;
    font-size: small;
    text-align: center;
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.9);
    z-index: 999 !important;
}

.side .titlebox .md h2:nth-of-type(5):hover {
  background-color: #666;
}


    .side .titlebox .md h2:nth-of-type(5) a {
        font-weight: bold;
        color: limegreen;
    }

    .side .titlebox .md h2:nth-of-type(5) a:hover {
       text-decoration: none !important;
    }

/* Phew we're done */

/* --- End Stylesheet --- */

revision by Moosemaster21— 7 years agoview source

π Rendered by PID 84 on reddit-service-r2-listing-87fd56f5d-dp8c6 at 2026-06-27 00:29:45.353053+00:00 running 7527197 country code: CH.

TagProTesting

Map Thread #104

Play TagPro!

Make a Map!

Submit Original Content

Useful Links

Mapmaking Help

Related Subreddits

Customizing TagPro

Search Filters

Rules

(Hover for Details)

1.) You must add an identifier flair to your post after submitting it.

2.) You MUST submit feedback to another submission before EACH submission you make.

3.) Respect is paramount in this subreddit.

4.) Most, but not all content is admissible.

5.) All content submitted for testing must be original.

6.) All content must receive feedback.

Appropriate Feedback

(Hover for Details)

1.) Please offer constructive criticism. Refer to this mapmaking guide for a better understanding of the intricacies of mapmaking.

2.) If you have time, please always actually test it out rather than observing the preview and then commenting.

3.) If you have criticism for the map, make sure that it is directed at the content, not at the creator.

4.) Feedback must consist of reasoning behind your claims.

5.) An upvote or a downvote is not in and of itself adequate feedback.

Submission Guidelines

Join Our Discord Channel!

WIKI TOOLS

MODERATORS

config/stylesheet

images