r/SpanishMeerkat CSS

    /* ~~~~~~~~~~~~~~~ Header Shit ~~~~~~~~~~~~~~~~ */

/* changes color of subreddit bar */

    #sr-header-area {
background-color: light-gray;
white-space: nowrap;
text-transform: uppercase;
border-bottom: 1px solid gray;
font-size: 90%;
height: 18px;
line-height: 18px;
}

/* Changes color of subreddit bar */

.sr-bar a {
color: black;
}

/* Actual Header image and stuff */

#header {
   background: #223 url(%%moreliketwidashamiright%%) center center repeat-x;
   height: 300px;
   position: right;
   border: 2px solid black;}

/* Header image settings */

   #header-img {
margin-top: 132px;
margin-right: 5px;
}

   /* Changes color of the pagename */

.pagename a {
color: white ;
}

    /* ~~~~~~~~~~~~~~~~~~~~~~ Sidebar Shit ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Makes the highlight behind the entire sidebar transparent */

body,
.side,
.titlebox form.flairtoggle,
.leavemoderator

/* Changes the color of the Subreddit name in the sidebar */

.titlebox,
.titlebox h1 a {
    color: #fff;
}

/* Changes the "Submit a new text post/link" colors and style */

.morelink
{
 font-weight:normal;
 letter-spacing:0;
 background:#5f99cf;
 border: none;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 -o-border-radius:2px;
 -ms-border-radius:2px;
 -khtml-border-radius:2px;
 border-radius:2px;
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 color: white
}

.morelink a,.morelink a:hover{color: white}


.morelink .nub,.sidebox.create,.sidebox.submit.disabled{display: none}


/* this is the thing/filly that pops up when you click "search reddit" */

#searchexpando.infobar
{
 background-image:url(%%pinkstare%%);
 background-repeat:no-repeat;
 background-position:right bottom;
 border:1px dotted black
}

/* style subscribe/add buttons */

  .titlebox .fancy-toggle-button a,
span.RESshortcutside,
span.RESshortcutside:hover,
span.RESDashboardToggle{
   color:#FFFF;
   background:#88C4EB;
   border:1px solid #444;
}

/* style unsubscribe/remove buttons */

.fancy-toggle-button a.remove,
.subButtons span.remove{
   background:#D19FE3;
   color: #FFFF;
}

/* Change "readers" And "online now" thing */

.titlebox .word { display: none }
.titlebox .number:after { content: " Meerkats"; }
.titlebox .users-online span.number:after { content: " Worshiping Best Filly"; }

/* put a name behind username */

.author:before {content: 'Filly ';}

/* doesn't allow people to see what they've tagged Mods as/vote weight, etc (RES) */

.sidecontentbox .voteWeight, .sidecontentbox .userTagLink {
display: none !important;
}

/* Changes names of the "Moderators" Thing */

.sidecontentbox .helplink + .title > h1
{
 color:white!important;
 font-size:1px!important;
 display:inline-block
}

.sidecontentbox .helplink + .title > h1:before
{
 color:gray!important;
 font-size:13px!important;
 content:"Dilly's Waifus";
 display:inline-block
}

    /* ~~~~~~~~~~~~~~~~~~~ Edits the body ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Changes color of the background */

body{background-color:#0A0A0A}
.side{margin-right:0px}

/* Changes Sticky post Color */

.thing.stickied a.title, .thing.stickied a.title:visited, .thing.stickied a.title.visited {
font-weight: bold;
color: white! important;
background-color: #DB182E!important;
}

/* Changes color of the "stickied post" text under Stickied posts */

.tagline .stickied-tagline {
color: #DB182E;
}

/* Changes colors of previewed and normal links */

#siteTable .title { color: #88C4EB; }
#siteTable .title:visited { color: #D19FE3; }

/* Changes the color of highlighted links*/

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

/*Makes the Comments a nice, dark color. This shit is the most infuriating thing in the history of the entire fucking universe*/

.comment {
        color: #E0E7EE;
}

.res-commentBoxes .comment .comment {
margin-right: 0px;
background-color: #111317;
}

.res-commentBoxes .commentarea .comment, .res-commentBoxes .commentarea .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment {
    background-color:#191919!important;
}

.res-commentBoxes .commentarea .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
    background-color:#222!important;
}

/*Changes color of text posts*/

.link .usertext .md {
padding: 0 5px;
background-color: rgb(36, 35, 35);
border: 2px solid #AC76FF;
color: white! important;
border-radius: 7px;
}

/* Changes color of the Post Boxes */

.roundfield {
width: 500px;
background-color: #171A1D;
border-radius: 4px;
padding: 5px 10px 10px 10px;
font-size: large;
color: white;
}

/* Changes color of the post information on the top right of posts */

.linkinfo {
padding: 5px;
border: 1px solid #AC76FF;
background-color: rgb(36,35,35);
color: white! important;
font-family: arial,helvetica,sans-serif;
font-size: larger;
border-radius: 3px;
}

/* Changes text color of the "You are moderator blah blah" */

.leavemoderator {
margin: 0;
padding: 5px 0px;
font-size: smaller;
color: gray;
background: none;
}

/*(MODS ONLY) changes Mod settings to have no highlighted background */

.icon-menu a {
background: none;
}

/*Makes the "You are a moderator of the subreddit" clear*/
.titlebox form.toggle, .leavemoderator {
margin: 0;
padding: 5px 0px;
font-size: smaller;
color: gray;
background: none;
}

/* Changes the color of text boxes */

textarea {
background-color: rgb(35,35,35)! important;
color: white! important;
border: 1px solid;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
flex-direction: column;
cursor: auto;
padding: 2px;
white-space: pre-wrap;
}

/* submission box text and color*/

#title-field.roundfield:before {
content: "NOTE: Check the new queue after posting. If your post doesn't show up, you were spam filtered by mistake! Message the moderators with a link to the submission.";
font-size: 0.86em;
padding: 5px;
border: 1px solid #DB182E! important;
background-color: #DB182E! important;
color: white! important;
font-weight: bold;
display: block;
margin-bottom: 10px;
}

/* Changes the color of the "Live Preview" on RES */

.res .usertext .usertext-edit .livePreview,
.res .usertext .usertext-edit .livePreview .md {
    background: #333 !important;
}

/* (MODS ONLY) Changes the colors of things inside the CSS Page*/

body, iframe{
margin: 0;
padding: 0;
color: white! important;
}

/*Changes color of "edit subreddit" thingy */
.linefield {
width: 514px;
padding: 7px 5px;
font-size: large;
background-color: #1B1C1D;
margin-bottom: 10px;
}

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Footer~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Actual footer stuff*/

.footer-parent
{
 height:650px;
 padding-bottom:-80px;
 clear:both;
 text-align:center;
 width:100%;
 background-image: url(%%tdlove%%);
 background-repeat:no-repeat;
 margin-bottom:-80px;
 background-position: 50% 0%;
}

/* makes the reddit enhancers more invisible, so you can see the footer in night mode */

res-nightmode.moderator .linefield, .res-nightmode.moderator .footer-parent .footer {
background: rgb(25, 25, 25);
opacity: 0.5;
}

    /* ~~~~~~~~~~~~~~~~~ Extra Stuffs ~~~~~~~~~~~~~~~~~ */

/*greentext*/

.md blockquote {
    border: 0;
    margin: 0;
    color: #789922;
    display: block;
    line-height: 0.8
    }

.md blockquote p:before {
    content: ">";
    float: left;
    display: block;
    }

/*Changes thumbnails to be the pony things*/

.thumbnail:empty {
background-image: url(%%Yup-haha%%)!important;
}

.thumbnail.self {
background-position: 0px -120px!important;
}

.thumbnail.default {
background-position: 0px -70px!important;
}

.thumbnail.nsfw {
background-position: 0px 0px!important;
}

/* Flairs! */

.flair{
 padding:0;
 background:none;
 color:black;
 border:0;
 border-radius:0;
 background-image:url(%%spritesheet%%);
 display:inline-block;
 width:16px;
 height:16px;
 text-indent:-9999px;}

.flair-rainbowdash {background-position: 0% 0%}
.flair-twilight {background-position: -100% 0%}
.flair-fluttershy {background-position: -200% 0%}
.flair-applejack {background-position: -300% 0%}
.flair-pinkiepie {background-position: 0% -100%}
.flair-rarity {background-position: -100% -100%}
.flair-trixie {background-position: -200% -100%}
.flair-cmc {background-position: -300% -100%} /*Not user selectable. Modflair*/
.flair-luna {background-position: 0% -200%}
.flair-celestia {background-position: -100% -200%}
.flair-derpy {background-position: -200% -200%}
.flair-vinyl {background-position: -300% -200%}
.flair-lyra {background-position: 0% -300%}
.flair-bonbon {background-position: -100% -300%}
.flair-octavia {background-position: -200% -300%}
.flair-doctor {background-position: -300% -300%}
.flair-mac {background-position: 0% -400%}
.flair-colgate {background-position: -100% -400%}
.flair-berry {background-position: -200% -400%}
.flair-pokey {background-position: -300% -400%}
.flair-roseluck {background-position: 0% -500%}
.flair-zecora {background-position: -100% -500%}
.flair-seaswirl {background-position: -200% -500%}
.flair-carrottop {background-position: -300% -500%}
.flair-screwball {background-position: 0% -600%}
.flair-redheart {background-position: -100% -600%}
.flair-caramel {background-position: -200% -600%}
.flair-braeburn {background-position: -300% -600%}
.flair-wonderbolts {background-position: 0% -700%}
.flair-shadowbolts {background-position: -100% -700%}
.flair-scootaloo {background-position: -200% -700%}
.flair-applebloom {background-position: -300% -700%}
.flair-sweetiebelle {background-position: 0% -800%}
.flair-davenport {background-position: -100% -800%}
.flair-cheerilee {background-position: -200% -800%}
.flair-nightmaremoon {background-position: -300% -800%}
.flair-blueblood {background-position: 0% -900%}
.flair-daring {background-position: -100% -900%}
.flair-mrcake {background-position: -200% -900%}
.flair-mrscake {background-position: -300% -900%}
.flair-flam {background-position: 0% -1000%} /*This is flims cutiemark... */
.flair-flim {background-position: -100% -1000%} /*And this is flams*/
.flair-silverspoon {background-position: -200% -1000%}
.flair-diamondtiara {background-position: -300% -1000%}
.flair-snips {background-position: 0% -1100%}
.flair-snails {background-position: -100% -1100%}
.flair-twist {background-position: -200% -1100%}
.flair-gaben {background-position: -300% -1100%}
.flair-sparkler {background-position: 0% -1200%}
.flair-disco {background-position: -100% -1200%}
.flair-fancypants {background-position: -200% -1200%}
.flair-fleur {background-position: -300% -1200%}
.flair-cadence {background-position: 0% -1300%}
.flair-shiningarmor {background-position: -100% -1300%}
.flair-filthyrich {background-position: -200% -1300%}
.flair-hoitytoity {background-position: -300% -1300%}
.flair-cloudchaser {background-position: 0% -1400%}
.flair-flitter {background-position: -100% -1400%}
.flair-lily {background-position: -200% -1400%}
.flair-grannysmith {background-position: -300% -1400%}
.flair-daisy {background-position: 0% -1500%}
.flair-chrysalis {background-position: -100% -1500%}
.flair-lotus {background-position: -200% -1500%}
.flair-aloe {background-position: -300% -1500%}
.flair-drstable {background-position: 0% -1600%}
.flair-sewnsow {background-position: -100% -1600%}
.flair-spitfire {background-position: -200% -1600%}
.flair-mayor {background-position: -300% -1600%}
.flair-surprise {background-position: 0% -1700%}
.flair-maud {background-position: -100% -1700%}
.flair-bulkbiceps {background-position: -200% -1700%}
.flair-spike {background-position: -300% -1700%}
.flair-harshwhinny {background-position: 0% -1800%}
.flair-coco {background-position: -100% -1800%}
.flair-discord {background-position: -200% -1800%} /*Cutie mark from S4 Finale, by /u/RAGErER */
.flair-soarin {background-position: -300% -1800%}
.flair-lightningdust {background-position: 0% -1900%}
.flair-cheesesandwich {background-position: -100% -1900%}
.flair-apathia {background-position: -300% -1900%}
.flair-discentia {background-position: 0% -2000%}
.flair-karma {background-position: -100% -2000%}
.flair-silverstar {background-position: -200% -2000%}
.flair-peachbottom {background-position: -300% -2000%}
.flair-flash {background-position: 0% -2100%}
.flair-flash:hover {background-position: -200% -1900%}
.flair-sunset {background-position: -100% -2100%}
.flair-gilda {background-position: -200% -2100%}
.flair-thunderlane {background-position: -300% -2100%}
.flair-rrainbowdash {background-position: 0 -2200%}
.flair-rtwilightsparkle {background-position: -100% -2200%}
.flair-rfluttershy {background-position: -200% -2200%}
.flair-rapplejack {background-position: -300% -2200%}
.flair-rpinkiepie {background-position: 0 -2300%}
.flair-rrarity {background-position: -100% -2300%}
.flair-flutterbat {background-position: -200% -2300%}
.flair-nightmarity {background-position: -300% -2300%}
.flair-marinesandwich {background-position: 0 -2400%}
.flair-twidash {background-position: -100% -2400%}

.roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number] {
font-size: 100%;
width: 492px;
padding: 3px;
margin: 0;
border: 1px solid gray;
background: gray! important;
color: white! important;
}

#preview-table>table>tbody>tr>th {
padding: 5px;
padding-right: 15px;
font-weight: bold;
vertical-align: top;
font-size: larger;
text-align: right;
color: white! important;
}

/* Changes user name names :D */

a.author[href$="RAGErER"] {font-size:0!important; overflow:hidden; display:inline-block; content: "";}
a.author[href$="Tenth-Gear"]:before {font-size:10px!important; visibility:visible!important; content: "Filly Best Waifu"}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~   EMOTES   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a[href|="/toastlestia"] {
    float:left;
    width:400px;
    height:325px;
    background-repeat:no-repeat;
    background-image:url(%%toastlestia%%);
}


a[href|="/autographfilly"] {
    float:left;
    width:125px;
    height:89px;
    background-repeat:no-repeat;
    background-image:url(%%autographfilly%%);
}

a[href|="/pieorami"] {
    float:left;
    width:150px;
    height: 125px;
    background-repeat:no-repeat;
    background-image:url(%%pieorami%%);
}

a[href|="/abclassy"] {
    float:left;
    width:150px;
    height:200px;
    background-repeat:no-repeat;
    background-image:url(%%abclassy%%);
}