Mad Men CSS - Old

/* General */

body {
 color: #993300;
 background: transparent url(%%background%%) 0 65px repeat-x;
}



/*Changing readers in sidebar*/
div.titlebox span.word {
	display: none
}
div.titlebox span.number:after {
	content: " Clients"
}


a {
 color: #1D9900;
}


/* Links */

.link {
 border-bottom: 1px dotted #996600;
 padding-bottom: 9px;
}

.link .rank,
.tagline,
.domain a,
.entry .buttons li a,
.titlebox .bottom,
.sidecontentbox h1 {
 color: #719699;
}

.link .midcol {
 padding: 0 4px;
}


/* Vote arrows */

.arrow {
 height:25px;
}

.arrow.upmod {
 background-image:url(%%fallingarrows%%);
 background-position:0 0;
}

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

.arrow.up {
 background-image:url(%%fallingarrows%%);
 background-position:0 -50px;
}

.arrow.down {
 background-image:url(%%fallingarrows%%);
 background-position:0 -75px;
}

.entry {
 padding: 11px 0 0 3px;
}

.link .rank {
 margin-top: 26px;
}

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

.link .score.dislikes {
 color: #1B4E59;
}


/* Links */

.link .title,
.thing .title.loggedin,
.tagline a {
 color: #C4151C;
}
.thing .title:visited,
.thing .title.loggedin:visited {
 color: #60110F;
}


/* Header */

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

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

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

#sr-header-area .selected a {
 color: #C1231B;
}

#sr-more-link {
 background: #7FAD8D;
}

#header {
 border-bottom: 1px solid #993300;
}

.tabmenu li a {
 background: #993300;
 color: #ffffff;
 font-weight: normal;
}

.tabmenu li.selected a {
 color: #C1231B;
 border: 1px solid #993300;
 border-bottom-color: #fff;
}

#header-bottom-left {
 background: #7E3817 url(%%brown-section3%%) left bottom repeat-x;
}

.pagename a {
 color: #ffffff;
 text-transform: uppercase;
 font-style: italic;
 font-size: 83.33%;
 letter-spacing: -0.1em;
 margin-right: 7px;
}

#header-bottom-right {
 background: #eba900;
 color: #000000;
}

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

#header-bottom-right .user {
 color: #C32000;
}

.separator,
#sr-bar .separator {
 color: #990000;
}


/* Title box */

.titlebox h1 {
 color: #c32000;
 text-transform: uppercase;
 font-style: italic;
 letter-spacing: -0.1em;
}


/* Side bar */

div.side {
 padding: 390px 0 0 10px;
 background: #fff url(%%banner%%) 10px 5px no-repeat;
}



/* highlight mod/submitter comment */



.footer-parent {
height: 500px;
padding-top: 5px;
padding-bottom: 40px;
clear: both;
text-align: center;
width: 100%;
background-image: url(%%siloooo%%);
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: -1px
}




.flair{
border:0;
/*text-shadow: 0 0 0;*/
background-color:inherit;
font-weight:bold;
padding:3px;
color:red;
}











/* User Tags


.author[href$="/snookums"]:after,
.author[href$="/lukemcr"]:after
{
	color: red;
	content: " [Senior Partner]";
}



.author[href$="/jtablerd"]:after
{
	color: red;
	content: " [Creative Director]";
}


.author[href$="/Oscar_Rowsdower"]:after
{
	color: red;
	content: " [Bartender, Creative]";
}


.author[href$="/tonyromobrowntown"]:after
{
	color: red;
	content: " [Chicken Kiev]";
}


.author[href$="/d07c0m"]:after
{
	color: red;
	content: " [Old Fashioned]";
}


.author[href$="/freakadelic"]:after
{
	color: red;
	content: " [Ham Fight]";
}


.author[href$="/breadtruck"]:after
{
	color: red;
	content: " [Head of the TV Department ]";
}


.author[href$="/sanchokeep33"]:after
{
	color: red;
	content: " [my name is in the lobby]";
}


.author[href$="/sanchokeep33"]:after
{
	color: red;
	content: " [my name is in the lobby]";
}



.author[href$="/hero0fwar"]:after
{
	color: red;
	content: " [Smoke Gets In Your Eyes]";
}


.author[href$="/TheColonel"]:after
{
	color: red;
	content: " [Account Man]";
}


.author[href$="/boogerbrains"]:after
{
	color: red;
	content: " [Joan's Boobs]";
}


.author[href$="/faceintheblue"]:after
{
	color: red;
	content: " [Second Floor Office]";
}


.author[href$="/nipplicious"]:after
{
	color: red;
	content: " [Red]";
}

.author[href$="/aaronisreal"]:after
{
	color: red;
	content: " [Bartender]";
}

.author[href$="/williby27"]:after
{
	color: red;
	content: " [Hippy with a beard]";
}

.author[href$="/shadowofthe"]:after,
.author[href$="/mzappitello"]:after
{
	color: red;
	content: " [Copy Writer]";
}

.author[href$="/jots_"]:after
{
	color: red;
	content: " [Beatnik]";
}

.author[href$="/yfib"]:after
{
	color: red;
	content: " [The Pears]";
}


.author[href$="/lostinaforest"]:after
{
	color: red;
	content: " [Back Home Again]";
}

.author[href$="/DidntClickGuy"]:after
{
	color: red;
	content: " [Account Something]";
}
.author[href$="/jbcorny"]:after
{
	color: red;
	content: " [Ken Cosgrove's haircut]";
}
.author[href$="/thegirlfromgiganti"]:after
{
	color: red;
	content: " [Sterling's Gold]";
}

.author[href$="/penguinsarecooool"]:after
{
	color: red;
	content: " [Head of Accounts]";
}
.author[href$="/ratbastid"]:after
{
	color: red;
	content: " [Agitator]";
}
.author[href$="/MrOminous"]:after
{
	color: red;
	content: " [Bloke with a Hat]";
}

.author[href$="/CandyManCan"]:after
{
	color: red;
	content: " [Director of Agency Operations (No Money)]";
}
.author[href$="/niton"]:after
{
	color: red;
	content: " [Campari-Soda]";
}
.author[href$="/officemonkey"]:after
{
	color: red;
	content: " [37th floor of the Time-Life Building]";
}
.author[href$="/redditname"]:after{


	color: red;
	content: "[usertag]" !important;

      }
.author[href$="/shillerz"]:after{


	color: red;
	content: "[Sugarberry Ham]" !important;

      }
.author[href$="/BOC9000"]:after{


	color: red;
	content: "[BOC9000]" !important;

      }
.author[href$="/BOC9000"]:after{


	color: red;
	content: "[Its Toasted]" !important;

      }
.author[href$="/elus"]:after{


	color: red;
	content: "[Bespoke Three Piece Suit]" !important;

      }
.author[href$="/mongolian"]:after{


	color: red;
	content: "[Guy Falling in the Opening Credits]" !important;

      }
.author[href$="/lapiak"]:after{


	color: red;
	content: "[Design Director]" !important;

      }
.author[href$="/digifreak642"]:after{


	color: red;
	content: "[umad?]" !important;

      }
.author[href$="/xen0cide"]:after{


	color: red;
	content: "[The Carousel]" !important;

      }
.author[href$="/smilingarmpits"]:after{


	color: red;
	content: "[The Carousel]" !important;

      }
.author[href$="/aliveagain"]:after{


	color: red;
	content: "[madman]" !important;

      }
*/

/* "Talk-Mode" */

/* hide links */
html:lang(tk) .thing.link {
    display: none;
}

/* show only self-posts */
html:lang(tk) .thing.self {
    display: block;
}

div.content {
/*This lowers the links to create space*/
margin-top: 80px
}
.titlebox form {
/*Hack to enable repositioning of child elements*/
position: static
}
.side h3 {
/*this code positions the sticky*/
position: absolute;
display: block;
top: 70px;
left: 40px;
/*this code styles the sticky*/
background-color: #F2F2F2;
color: #555555;
text-align: left;
margin: 15px;
border-radius: 8px;
width: 50%;
padding: 7px 0px 7px 40px;
}

.author[href$="/hero0fwar"]:before{content: url(%%hero-knife-icon%%);}

/* Spoiler flair */
.linkflair-spoiler .linkflairlabel {
    background: #531313;
    border: 1px solid #6a6500;
    color: white
    }
.linkflair-spoiler a.title {
    background: #531313;
    color: #531313 !important
    }
.linkflair-spoiler a.title:hover {
    background: transparent
    }
.linkflair-spoiler .thumbnail {
    display: none !important
    }




/*===== SPOILER TAGS =====*/
/* r/gameofthrones thanks */
a[href="/s"] {
    padding: 0 2px;
    color: #FFF !important;
    cursor: text;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
    }
a[href="/s"]:hover {
    color: #FF0 !important
    }
a[href="/s"]::after {
    content: attr(title);
    padding: 0px 8px
    }
a[href="/s"]:hover::after, a[href="/s"]:active::after {
    color: #FFF
    }
a[href="/s"] {
    background: #000
    }
a[href="/s"]::after {
    background: #000;
    color: #000
    }

/* new spoiler tag */
a[href="#s"] {
    display: inline-block;
    background: black;
    color: white
 }
a[href="#s"]::after {
    content: attr(title);
    background: black;
    color: black;
    visibility: visible;
    padding-left: 6px
}
a[href="#s"]:hover::after, a[href="#s"]:active::after {
    color: white;
}

/* new spoiler tag end */

.flair-mod-post, .linkflair-mod-post .linkflairlabel, .linkflair.linkflair-mod-post > .linkflairlabel, .side a[href^="//#mod-post"] {
    background: #166c62 !important;
    border-color: #064039 !important;
    color: white;
    }