css

/*background: #F6F6F6;*/
}

/* Header Area */
#header {
  background:url(%%header%%);
  background-color: #333333;
  height: 225px;
}

#header-bottom-left {
  margin-top: 52px;
}

#sr-header-area {
  padding: 2px 0 2px;
  background-color: #333333;
  border-bottom: 0px solid #333333;

}

.sr-bar a {
  color: #FFFFFF;
}

.srSep {
  color: #FFFFFF;
}

.dropdown.srdrop .selected {
  color: #FFFFFF;
}

#header-bottom-right {
  height:
  border-top-left-radius: 0px;
  padding: 5px;
  background-color: #333333;
  border: 1px solid #;
}

.res #userbarToggle {
  color: white;
  background-color: #333333;
  border: 1px solid #;
  top: 0px;
}

#header-bottom-right a {
  color: #FFFFFF;
}

#header .tabmenu {
    position:absolute;
    left:0;
    bottom:0;
    height:2em;
    width:900px;
    left:50% !important;
    margin-left:-450px;
    text-align:center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.tabmenu li {font-weight: normal;}

.tabmenu li a {
  background: none;
  line-height: 25px;
  color: white;
  font-size: 14px;
}

.tabmenu li.selected a {
  background: #666666;
  border: none;
  color: #FFFFFF!important;
}

.tabmenu li a:hover {background: #666666!important;}

.tabmenu.formtab .selected a {
  font-size: 130%;
  background-color: #FFFFFF;
  border: none;
}

/* Sidebar */
.side {
    float: right;
    background-color: white;
    margin: 10px 10px 0 5px;
    width: 300px;
    padding: 10px;
    padding-top: 0px !important;
    border: 1px solid gray;
}

h1.redditname {
    text-align: center;
    background: url(%%sidebar%%);
    height: 300px;
    width: 300px;
    border-radius: 10px;
}

h1.redditname {
    text-align: center;

    height: 300px;
    width: 300px;
    border-radius: 10px;
}

.titlebox h1 a {
    color: transparent;
    padding-bottom: 279px;
    padding-left: 155px;
    border-radius: 10px;
}
.titlebox h3 {
    background: #333333;
    text-align: center;
    color: white;
    padding: 5px;
    border-radius: 5px;
}

.titlebox .bottom {
    font-size: 0px;
    color: #FFF;
}
.titlebox .bottom:before {
    font-size: 10px;
    color: gray;
    content: " ";
}
.titlebox .bottom .age {
    font-size: 10px;
    color: gray;
}

/* Submit Buttons */
.morelink {
    background: #333333;
    background-image: none;
    border-radius: 5px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding: 3px;
}

.morelink:hover {
    background: #666666;
    -webkit-animation-name: push;
    animation-name: push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.morelink a {
    color: white;
}

.morelink .nub {
    display: none!important;
}

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

.titlebox form.toggle, .leavemoderator {
  background: transparent;
}

.icon-menu a {
  background: transparent;
}

h1.redditname {
  overflow: auto;
  text-align: center;
}

.titlebox h3 {
  font-size: 130%;
}

.titlebox .bottom {
  display: none;
}

/* Content area */
.content {
  margin: 10px 330px 0px 10px;
}

.link {
  margin: 0;
  margin-bottom: 8px;
  padding: 10px;
  padding-left: 15px!important;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;
  -ms-transition: all 0.9s ease-out;
  -o-transition: all 0.9s ease-out;
  transition: all 0.9s ease-out;
}

.link .midcol {
    font-weight: bold;
    font-size: small;
    padding-left: 8px;
    padding-right: 8px;
}

/* Res */

.res #header-bottom-right {
  top: 37px;
}

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

.pagename {font-size:0;}

.pagename a {
  margin-top:-51px;
  display:block;
  width:490px;
  height:75px;
  background:url(%%cooltext%%) no-repeat center center;
  padding:7px;
  border-radius:3px;
  transition:background-color 0.3s ease;
  position:absolute;
  left:50%;
  margin-left:-252px;
}

.subscribers .word {font-size:0px;}

.subscribers .word:after {
    font-size:12px;
    content:"shitlords";
}

.users-online .word {font-size:0px;}

.users-online .word:after {
    font-size:12px;
    content:"shitlords oppressing fatties";
}

  /**Old Crappy Link Flair**/
  .linkflair-template .linkflairlabel {
    background-color: #FF0000;
    font-size: 11px;
    padding: 2px;
    font-weight: bold;
    color: white;
    border-radius: 3px;
}

  .linkflair-template2 .linkflairlabel {
    background-color: #0000FF;
    font-size: 11px;
    padding: 2px;
    font-weight: bold;
    color: white;
    border-radius: 3px;
}

/**New Link Flair**/
/******************/
.linkflair-tess .linkflairlabel {
    background: #333333;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 11px;
    padding: 2px;
    border-radius: 3px;
}

.linkflair-repost .linkflairlabel {
    background: #333333;
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 11px;
    padding: 2px;
    border-radius: 3px;
}
/*********************/
/**End New Link Flair*/

.content:before{
    content: url(%%warning%%) " You are not allowed to vote or comment until you are subscribed ";
    margin:4px;
    color:#2e2e2e;
}
.subscriber .content:before, .side .content:before {
    content: " " !important;
}

.link .midcol {
  overflow: visible;
}

.link .score {
  position: relative;
  top: 16px;
}

.subscriber .link .score {
  position: inherit;
}

.arrow.up {
  display: none;
}

.arrow.down {
  display: none;
}

.subscriber .arrow.up {
  display: block;
}

.subscriber .arrow.down {
  display: block;
}

.commentarea>.usertext {
  display: none;
}

.subscriber .commentarea>.usertext {
  display: block;
}

body:not(.subscriber) .usertext-edit,

body:not(.subscriber) .sidebox.submit,

body:not(.subscriber) .commentingAs,

body:not(.subscriber) .markdownEditor,

body:not(.subscriber) .report-button,

body:not(.subscriber) a[onclick*="return reply(this)"],

body:not(.subscriber) .helplink {
display: none !important;
}

/*Comment box warning*/

.commentarea .usertext textarea {
    background-image: url(%%commentbox%%);
    background-repeat: no-repeat;
}
.commentarea .usertext textarea:focus {
    background-position: 0 -104px;
    right: -50px
}

/*Changing the word moderators on top of the list of moderators box*/

.sidecontentbox .helplink + .title  { font-size: 0}

.sidecontentbox .helplink + .title :before { font-size: 10pt; content: "THE FOURTH REICH" }

/*Make the report button red*/
.flat-list.buttons a.action-thing {
    font-size: 6 !important;
    color:  #CC0000;
    padding: 1px;
}

/*Sidebar Dropdowns*/
/******************/
.side .md > ul {
    background: #eee;
    border: 1px solid #aaa;
    list-style: none;
    margin: 5px 0;
}
.side .md > ul li {
    display: none;
    padding: 4px;
}
.side .md > ul li ~ li {
    background: #fff;
    border-top: 1px solid;
}
.side .md > ul li:hover {
    background: #f7f7f7;
}
.side .md > ul li:first-child {
    display: block;
    font-weight: bold;
}
.side .md > ul:hover li {
    display: block;
}
/***********************/
/*End Sidebar Dropdowns*/

/*Downvote warning*/
/******************/
.arrow.down:hover:before {
     position: absolute;
     display: block;
     z-index: 1000;
     width: 210px;
     padding: 5px;
     border: 0px solid #333;
     background: #333333;
     content: " Keep clicking piggy";
     text-align: center;
     font-size: 10px;
     color: white;
     margin-left: 25px;
     margin-top: 5px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     -webkit-border-radius: 4px
}
/**********************/
/*End Downvore Warning*/


/*Mod Flair*/
/***********/
.flair{max-width:none; font-weight: 900;} /*Might change this late it affects all user flair*/

.flair-rainbow {
  color: white;
   padding: 3px;
    border-radius: 5px;
  text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
  background-color: black;
  background: linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);
    background: -webkit-linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);
  background: -moz-linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;

}

.flair-burst {
  color: white;
   padding: 3px;
    border-radius: 5px;
  text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
  background: linear-gradient(left,red,orange,yellow,orange,red);

     background: -webkit-linear-gradient(left,red,orange,yellow,orange,red);
  background: -moz-linear-gradient(left,red,orange,yellow,orange,red);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-shine{
  color: black;
   padding: 3px;
    border-radius: 5px;
  background: linear-gradient(left,#DBA901,#FFBF00,#FACC2E,#F7D358,#FFFF00,#F7FE2E);

    background: -webkit-linear-gradient(left,#DBA901,#FFBF00,#FACC2E,#F7D358,#FFFF00,#F7FE2E);
  background: -moz-linear-gradient(left,#DBA901,#FFBF00,#FACC2E,#F7D358,#FFFF00,#F7FE2E);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-strawberry{
  color: white;
  padding: 3px;
    border-radius: 5px;
  text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
  background: linear-gradient(left,#F6CECE,#F5A9A9,#F78181,#FA5858,#FE2E2E,#FF0000,#DF0101,#B40404,#298A08);

    background: -webkit-linear-gradient(left,#F6CECE,#F5A9A9,#F78181,#FA5858,#FE2E2E,#FF0000,#DF0101,#B40404,#298A08);
  background: -moz-linear-gradient(left,#F6CECE,#F5A9A9,#F78181,#FA5858,#FE2E2E,#FF0000,#DF0101,#B40404,#298A08);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-mecha{
    color: #0174DF;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,#333333,gray);

    background: -webkit-linear-gradient(left,#333333,gray);
  background: -moz-linear-gradient(left,#333333,gray);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-TPW{
    color: white;
    padding: 3px;
    border-radius: 40px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,#FA58F4,#FA58F4,#F5BCA9,#F5BCA9,#F5BCA9,#F5BCA9);

    background: -webkit-linear-gradient(left,#FA58F4,#FA58F4,#F5BCA9,#F5BCA9,#F5BCA9,#F5BCA9);
  background: -moz-linear-gradient(left,#FA58F4,#FA58F4,#F5BCA9,#F5BCA9,#F5BCA9,#F5BCA9);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-medic{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,#4B088A,#FA58D0,#4B088A,#FA58D0,#4B088A,#FA58D0);

    background: -webkit-linear-gradient(left,#4B088A,#FA58D0,#4B088A,#FA58D0,#4B088A,#FA58D0);
  background: -moz-linear-gradient(left,#4B088A,#FA58D0,#4B088A,#FA58D0,#4B088A,#FA58D0);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-cosmic{
    color: yellow;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,white,white,black,black,white,white);

    background: -webkit-linear-gradient(left,white,white,black,black,white,white);
  background: -moz-linear-gradient(left,white,white,black,black,white,white);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-SN{
    color: yellow;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,chocolate,chocolate,brown,brown,chocolate,chocolate);

    background: -webkit-linear-gradient(left,chocolate,chocolate,brown,brown,chocolate,chocolate);
  background: -moz-linear-gradient(left,chocolate,chocolate,brown,brown,chocolate,chocolate);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-hammy{
    color: yellow;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,green,green,green,green,black,green,black,green,black);

    background: -webkit-linear-gradient(left,green,green,green,green,black,green,black,green,black);
  background: -moz-linear-gradient(left,green,green,green,green,black,green,black,green,black);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-mouse{
    color: white;
    padding: 3px;
    border-radius: 50px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,#DF013A,#DF013A,#DF013A,#F6CECE,#FA5858,#FA5858,#FA5858);

    background: -webkit-linear-gradient(left,#DF013A,#DF013A,#DF013A,#F6CECE,#FA5858,#FA5858,#FA5858);
  background: -moz-linear-gradient(left,#DF013A,#DF013A,#DF013A,#F6CECE,#FA5858,#FA5858,#FA5858);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-lemon{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
     background: linear-gradient(left,#FFFF00,#31B404,#FE9A2E);

    background: -webkit-linear-gradient(left,#FFFF00,#31B404,#FE9A2E);
  background: -moz-linear-gradient(left,#FFFF00,#31B404,#FE9A2E);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}


.flair-shmuk{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#08088A,#08088A,#08088A,#013ADF,#013ADF);

    background: -webkit-linear-gradient(left,#08088A,#08088A,#08088A,#013ADF,#013ADF);
  background: -moz-linear-gradient(left,#08088A,#08088A,#08088A,#013ADF,#013ADF);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-nny{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#610B38,#610B38,#8A0868);

    background: -webkit-linear-gradient(left,#610B38,#610B38,#8A0868);
  background: -moz-linear-gradient(left,#610B38,#610B38,#8A0868);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-anti{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#00BFFF,#00FFFF,#00FFFF);

    background: -webkit-linear-gradient(left,#00BFFF,#00FFFF,#00FFFF);
  background: -moz-linear-gradient(left,#00BFFF,#00FFFF,#00FFFF);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-aryan{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#FACC2E,#FACC2E,#FACC2E,#0080FF,#FACC2E,#FACC2E,#0080FF,#FACC2E#FACC2E,#FACC2E);

    background: -webkit-linear-gradient(left,#FACC2E,#FACC2E,#FACC2E,#0080FF,#FACC2E,#FACC2E,#0080FF,#FACC2E,#FACC2E,#FACC2E);
  background: -moz-linear-gradient(left,#FACC2E,#FACC2E,#FACC2E,#0080FF,#FACC2E,#FACC2E,#0080FF,#FACC2E,#FACC2E,#FACC2E);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-tung{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#FE2E64,#FA58AC);

    background: -webkit-linear-gradient(left,#FE2E64,#FA58AC);
  background: -moz-linear-gradient(left,#FE2E64,#FA58AC);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-aad{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#819FF7);

    background: -webkit-linear-gradient(left,#819FF7,#5882FA);
  background: -moz-linear-gradient(left,#819FF7,#5882FA);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}

.flair-cinn{
    color: white;
    padding: 3px;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;
    background: linear-gradient(left,#D8CEF6,#BE81F7);

    background: -webkit-linear-gradient(left,#D8CEF6,#BE81F7);
  background: -moz-linear-gradient(left,#D8CEF6,#BE81F7);
  animation: rainbowbar 1s linear infinite;
  -webkit-animation: rainbowbar 1s linear infinite;
}
/***************/
/*End Mod Flair*/