nyancoin custom css.css

/* Edited by IntelligentComment 


/* Moderator tag */ 
.thing .tagline .author.friend {

    padding: 1px 8px;
    border-radius: 10px;
    background-color: red;
   
}
.tagline .friend {
    color: white;
}
/* end of moderator tag */

/* Disable downvotes */
/*.arrow.down {display:none;}

/*Size of Links*/
a.title{font-size:96%!important;}

/*Upvote Arrows*/ 
.arrow.up { background-image: url(%%small-cat-neutral%%); 
background-position: 0px 0px; 
height: 25px; width: 25px;  
}

.arrow.upmod { 
background-image: url(%%smallcat-upvote%%); 
background-position: 0px 0px; 
height: 25px; width: 25px;  
}

.arrow.up:hover {
    background-image: url(%%smallcat-hover%%);
    background-position: 0px 0px;
    height: 25px; width: 25px;
}

/* downvote arrows */

 
.arrow.down { background-image: url(%%downvote-neutral%%); 
background-position: 0px 0px; 
height: 25px; width: 25px;  
}

.arrow.downmod { 
background-image: url(%%arrow-downvote%%); 
background-position: 0px 0px; 
height: 25px; width: 25px;  
}

.arrow.down:hover {
    background-image: url(%%arrow-hover%%);
    background-position: 0px 0px;
    height: 25px; width: 25px;
}


/*This allows arrows wider than 15px just change it to the width of your arrows*/
.midcol, body > .content .midcol  { min-width:25px !important; }


/*Changes the name of your subscribers/users here now*/
  .titlebox .word { display: none }
  .titlebox .number:after { content: " Ɲekonauts"; }
    
  .titlebox .users-online span.number:after { content: " active explorers"; }

/*Simple Background*/
body {
background: url(%%9M3Cqsb%%)  
repeat fixed center center
} 


/* Header */

.link {
    margin: 3px 0px 2px;
    padding-left: 15px;
}

#header-bottom-left {       
        padding-top: 10px !important; /* scale accordingly to logos size */
        background-image: url(%%nyanbac%%);
        background-position:center; 
        background-repeat:repeat;

}
#header {
        border-bottom: 0px;
}

#header-bottom-right {
    background-color: #F6F6F6;
    box-shadow: 1px -3px 5px #002856;
    top: 140px;
    bottom: 20px;
    right: 25px;
    padding: 10px 16px 10px 16px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;  
}




/* header image */ 
#header-img {
    
    margin-bottom: -0px;
}


/* MENU TWEAKS */
.tabmenu li.selected a {
   border-width: 0;
}
.tabmenu li a {
    background-color: white;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow: 0px -3px 2px #002d56;
    font-size: 14px;
    position: relative;
    width: 20%;
    top:-4px;
    padding: 5px 5px 8px;  
    left: 120px;
}

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

.tabmenu {
    margin-bottom: 0px;
    margin-top: 0px;      
}


/* search tweak*/


#search input[type="text"] {
    border: 0px;
    color: #023f76;
    background-color: #dfdfdf;
    text-align: center;
    margin-left: 10px;  
    width: 272px;
    padding: 4px;
   
}
form#search input[name="q"] {
  border-radius: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
}  

/* Nyan link to subreddit home */


.pagename a {
    text-indent: -999em;
    background: url(%%nyancoin-link%%) no-repeat scroll 0% 0% transparent;
    height: 130px;
    width: 900px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    display: inline-block;
    vertical-align: bottom;
}


/* start of custom button submit buttons */

.nub { display: none; }
.sidebox.submit .morelink {
    border-radius: 20px;
    border: 2px solid #9a8100;
    top: 15px;    
    background: #efc800;
    letter-spacing:0.3px;
    margin-left: 7px;
    margin-right: 4px;
    margin-bottom: 30px;
    display: inline-block;
    width: 44%;
    float: left;
   
}

/* link */
.sidebox.submit .morelink a {
    color: #9a8100;
}

body .morelink a {
font-weight: normal;
font-size: 16px;
color: #023f76;
}

 
/* hover */

.sidebox.submit .morelink:hover {
        background: #ffdb24;
        border: 2px solid #efc800;

}
.sidebox.submit .morelink:hover a {
    color: #023f76;
    
} 

body .morelink a:hover {
color: #023f76 !important;

}


/* end of custom button submit buttons */

/* sidebar color */

.side {
    background-color: #F6F6F6;
   margin: 0px 15px;
   padding:10px;
}

/* css window tweak */
.sheets .col textarea {
    width: 90%;
}


/* TAB menu */

.tabmenu {
    list-style-type: none;
    white-space: nowrap;
    display: block;
    margin-top: 0px;
    vertical-align: bottom;
}

/* link image */

.thumbnail.self {
    background-image: url(%%Nyancoin-exclamation%%);
    background-position: center center;
    width: 60px;
    height: 60px;
} 

.thumbnail.default {
    background-image: url(%%Nyancoin-pic-question%%);
    background-position: center center;
    width: 60px;
    height: 60px;
}

/* SIDEBAR */

/* div.titlebox h1{margin-right: -10px;} */

div.titlebox .md h3:before { content: "+"; color: #e1d516; padding-right: 5px; }
div.titlebox .md h3, div.titlebox h1, div.titlebox .md h2, div.titlebox .md h4, .sidecontentbox .title {
    border-left: 5px solid #ffdb24;
    background-color: #023f76;
    padding: 10px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 1px;
    margin-bottom: 0px;
    margin-left: -20px; 
    margin-right: -10px;
    

}   
div.titlebox .md h3:after, div.titlebox h1:after, div.titlebox .md h2:after, div.titlebox .md h4:after, .sidecontentbox .title:after {
    display: block;
    position: absolute;
    z-index: -1;
    border-color: transparent #958308 transparent transparent;
    border-width: 10px;
    border-style: solid;
    content: "";
    margin-left: -25px;
}
div.titlebox .md h3, div.titlebox .md h3 a, div.titlebox h1, div.titlebox h1 a, div.titlebox .md h2, div.titlebox .md h2 a, div.titlebox .md h4, div.titlebox .md h4 a, .sidecontentbox .title h1, .sidecontentbox a.helplink {
    color: #fff;
}
.side .md { overflow: visible; }
div.titlebox .md h3 + ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
div.titlebox .md h3:hover + ul, div.titlebox .md ul:hover {
    display: block;
}
div.titlebox .md ul li {
    border: none;
    padding: 10px;
    border-left: 5px solid #ddd;
    background-color: #F2F2F2;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 8pt;
    margin-right: 5px;
}
div.titlebox .md ul li:hover {
    background-color: #ddd;
}
div.titlebox .md ul li strong:first-child {
    display: block;
}

div.titlebox .md ul li {
    padding: 10px;
    border-left: 5px solid #ddd;
    background-color: #F2F2F2;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 8pt;
}   

.titlebox .bottom {
    border-top: 0px ;
    padding-top: 10px;
}

/*subscribe positioning */
.toggle .option.active {
   margin-top: 20px;
}

.titlebox form.toggle, .leavemoderator {
     background: none no-repeat scroll left center #F6F6F6;
} 

.icon-menu a {
    background: none;
}

.sidebox .spacer {
    background: none;
}

/*Subscribe-unsubscribe button*/ 

div.titlebox h1 {
    margin-bottom: 10px;
}

.fancy-toggle-button .option { 
    visibility:hidden;
    font-size:0pt!important;
    background-image:none;
}
.fancy-toggle-button .option.remove:before{ 
    content:"Unsubscribe"; 
    visibility:visible!important; 
    border:0px white solid!important;
    padding:5px 10px 5px 10px;
    border-radius:20px;
    font-size:10px!important;
    margin-right:0px!important;
    color:white!important;
    background-color:red;
}
.fancy-toggle-button .option.add:before{ 
    content:"Subscribe"; 
    visibility:visible!important; 
    border:0px white solid!important;
    padding:5px 10px 5px 10px;
    border-radius:20px;
    font-size:10px!important;
    margin-right:0px!important;
    color:white!important;
    background-color:green;
}

.sidecontentbox .content {
border: 0px }



/* END OF SIDEBAR */
 
/* sub reddit name */

.titlebox .redditname a {
    font-size: 0px;
    background-color: white;
     
}

.titlebox .redditname a:after {
    font-size: 35px;
    letter-spacing:2px;
    content: "Ɲyancoin";
    text-align: center;
    
}


.titlebox .redditname a:hover{
    font-size: -10px;
    color: #ffdb24 ;
    text-decoration:none;
    content: "Ɲyancoin";
    
}


/* side bar image */
div.side div.spacer:nth-of-type(1)
{
    background:url(%%sidebar-picture%%) top center no-repeat;
    padding: 140px 0 0;
    margin-top: 10px;
    
}

.titlebox h1
{
text-indent: 0px;
overflow: visible!important;
text-align: center;
}

/* END OF SIDEBAR */

/* START OF CUSTOM FLAIR */

.flairselector .customizer {
display: none !important;
}

.flair {
    border: none !important;
    padding:0px;
    background: url(%%NYANSPRITES%%) no-repeat -9999px -9999px;
    display:inline-block;
  
}


 .link .flair, .entry .tagline .flair {
float:left;
}

.flair-america {
    width: 36px;
    height: 25px;
    background-position: -10px -3px;
    
}

.flair-easter {
    width: 38px;
    height: 25px;
    background-position: -7px -1185px;
  
}

.flair-gb {
    width: 38px;
    height: 25px;
    background-position: -10px -68px;
  
}

.flair-j5 {
    width: 36px;
    height: 25px;
    background-position: -10px -134px;
  
}

.flair-jamaicnyan {
    width: 38px;
    height: 22px;
    background-position: -10px -199px;

 
}

.flair-jazz {
    width: 38px;
    height: 23px;
    background-position: -10px -267px;
   
}

.flair-manyan {
    width: 26px;
    height: 30px;
    background-position: -10px -329px;

}

.flair-mexinyan {
    width: 38px;
    height: 40px;
    background-position: -8px -395px;
  
}

.flair-mummy {
    width: 38px;
    height: 23px;
    background-position: -10px -463px;
   
}

.flair-nyancoin {
    width: 37px;
    height: 25px;
    background-position: -10px -527px;
 
}

.flair-nyaninja {
    width: 57px;
    height: 25px;
    background-position: -0px -594px;

    
}

.flair-original {
    width: 36px;
    height: 25px;
    background-position: -10px -660px;
 
}

.flair-pattynyan {
    width: 26px;
    height: 25px;
    background-position: -10px -1120px;
  
}

.flair-pirate {
    width: 60px;
    height: 25px;
    background-position: -1px -726px;

   
}

.flair-pumpkin {
    width: 38px;
    height: 23px;
    background-position: -10px -792px;
   
   }

.flair-skrillex {
    width: 63px;
    height: 30px;
    background-position: -0px -980px;
   
}

.flair-tacnayn {
    width: 38px;
    height: 23px;
    background-position: -10px -1055px;
  }

.flair-technyancolor {
    width: 38px;
    height: 25px;
    background-position: -10px -858px;
}

.flair-vday {
    width: 38px;
    height: 23px;
    background-position: -10px -1317px;
  }

.flair-xmas {
    width: 34px;
    height: 25px;
    background-position: -10px -1250px;
  }

.flair-zombie {
    width: 38px;
    height: 23px;
    background-position: -10px -921px;
   }

/* END OF FLAIR*/

/* link info styling */

.linkinfo {
    padding: 5px;
    border: 0px ;
    background-color: #dfdfdf;
    font-family: arial,helvetica,sans-serif;
    padding-left: 15px;
    font-size: larger;
    border-radius: 3px;
}

/* sticky post styling */

.stickied {
    border: 1px dashed #ffdb24;
    overflow: hidden;
    background-color: #fefed8;
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;
    
} 

.stickied .title {
    color: #00CC66!important;
}

/* post styling */

.link {
    padding-top: 5px;
    padding-bottom: 5px;
}
 .RES-keyNav-activeElement {
    background-color: #f2eac2;
    padding: 0px;

}


body:last-child::after {
  background: url(%%nyanmonopoly2%%);
  display: block;
  content: " ";
  position: fixed;
  bottom: 0;
  left: 20%;
  opacity: 0.5;
  width: 575px;
  height: 295px;
  z-index: -1;
}