/* Header */

#header{
background: url('https://voat.co/Graphics/voat-goat.png') no-repeat;
height: 180px;
background-size: 150px;
background-position-x: center;
background-position-y: 20px;
}

/* Subverse name*/
.pagename a:after, .titlebox .whoaversename a[href$="/v/Voat"]:after {
content: "▼O▲T";
}

.pagename a, .titlebox .whoaversename a[href$="/v/Voat"] {
font-size: 0!important;
}

.pagename a:after, .titlebox .whoaversename a[href$="/v/Voat"]:after {
font-size: 18px;
vertical-align: bottom;
}

/* Name of number of subscribers and users */
div.titlebox span.word {
    display: none
}
div.titlebox .subscribers span.number:after {
    content: " Voaters"
}
div.titlebox .users-online span.number:after {
    content: " Goats Online"
}
#container:before{
content:"Welcome to /v/Voat! Do note, that this is not an official subverse. Please read the sidebar for our rules, subverses related to Voat, and any other information you might want or need to read. Thank you!";
font-size:14px;
margin:0 auto;
border-radius:inherit;
display:block;
padding: 5px;
margin-bottom: 7px;
}

.light #container:before{
background:#F4F4F4;
border: 1px solid #d1d1d1;
}

.dark #container:before{
background:#2E2E2E;
border: 1px solid #222;
}

.footer{
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 5px;
}

/* Misc */
.side h5 + h3 + h4 ~ p > a[href^="#rule"]{
color:#404040;
background:#BBE5FF;
border:1px solid #70B7E3;
border-radius:2px;
display:block;
padding:5px;
position:relative;
padding-left:15px;
margin-left:15px;
}
.side a[href^="#rule"]:before{
position:absolute;
display:inline-block;
height:23px;
width:23px;
border-radius:50%;
background:#BBE5FF;
border:2px solid #70B7E3;
color:#000;
left:-11px;
top:2px;
text-align:center;
vertical-align:middle;
font-weight:700;
}
.side a[href$="#rule-0"]:before{
content:"0"
}
.side a[href$="#rule-1"]:before{
content:"1"
}
.side a[href$="#rule-2"]:before{
content:"2"
}
.side a[href$="#rule-3"]:before{
content:"3"
}
.side a[href$="#rule-4"]:before{
content:"4"
}
.side a[href$="#rule-5"]:before{
content:"5"
}


a.author.moderator{
background:#008800;
color:#FFFFFF!important;
font-weight:700;
border-radius:2px;
padding:3px;
}

/* Banned users */
a[href$="/user/b&"]{
color:#AA0000!important;
}
a[href$="/user/b&"]:after{
content:" [BANNED]";
}
/* usernames in TNR */
a[href^="/user/"]{
font-family:"Times New Roman","Times";
}
/* User flairs. Because why not? */
a[href^="/user/"]:not(.upvoatsGiven)::after{
margin-left: 10px;
background: #f8f8f8;
border: 1px solid #e6e6e6;
border-radius: 2px;
color: #666;
font-weight: normal;
line-height: 150%;
margin-right: 3px;
padding: 2px 4px;
vertical-align: middle;
}

a[href$="/user/Atko"]:not(.upvoatsGiven)::after {
content: "Chief Decision Decider";
}
a[href$="/user/Teh_Sauce_Guy"]:not(.upvoatsGiven)::after {
content: "The guy with the sauce";
}
//What? I wanted some colour. :P
a[href$="/user/DanielFlamino"]{
color: royalblue;
font-weight: bold;
}
a[href$="/user/DanielFlamino"]:not(.upvoatsGiven)::after {
content: "You know, that derpy guy";
}
a[href$="/user/Nurdoidz"]:not(.upvoatsGiven)::after {
content: "Thinks that there's a secret AI inside Voat";
}
a[href$="/user/SurvivorType"]:not(.upvoatsGiven)::after {
content: "Also thinks that there's a secret AI inside Voat";
}
a[href$="/user/PuttItOut"]:not(.upvoatsGiven)::after {
content: "He putts stuff out";
}
a[href$="/user/Zook"]:not(.upvoatsGiven)::after {
content: "The Zookinator";
}
a[href$="/user/Anchy"]:not(.upvoatsGiven)::after {
content: "Great God Father";
}

/* Warning */

a[href$="#informal"]:before,a[href$="#formal-1"]:before,a[href$="#formal-2"]:before,a[href$="#formal-3"]:before{
content:"Warn reason: ";
font-weight:600;
}
a[href$="#informal"],a[href$="#formal-1"],a[href$="#formal-2"],a[href$="#formal-3"]{
display:block;
position:relative;
border-radius:2px;
padding:5px;
padding-top:20px;
height:60px;
color:#000000;
}
a[href$="#informal"]{
background:#CCCC00;
border:1px solid #777700;
}
a[href$="#formal-1"]{
background:#BBAA00;
border:1px solid #885500;
}
a[href$="#formal-2"]{
background:#BB8800;
border:1px solid #883300;
}
a[href$="#formal-3"]{
background:#CC0000;
border:1px solid #770000;
}
a[href$="#informal"]:after,a[href$="#formal-1"]:after,a[href$="#formal-2"]:after,a[href$="#formal-3"]:after{
position:absolute;
top:5px;
left:0px;
width:100%;
text-align:center;
font-weight:600;
}
a[href$="#informal"]:after{
content:"Informal Warning";
}
a[href$="#formal-1"]:after{
content:"First Formal Warning";
}
a[href$="#formal-2"]:after{
content:"Second Formal Warning";
}
a[href$="#formal-3"]:after{
content:"Third Formal Warning";
}


/* EMBEDDED IMAGES (Old CSS: http://pastebin.com/sX5z11CM) */
[href*="#embedded"]{
display: inline-block;
color: transparent;
vertical-align: middle;
}
[href*="#embedded"]:hover{
color: transparent;
}
[href*="#embedded"]:visited{
color: transparent;
}
[href*="#embedded"]:active{
color: transparent;
}
[href*="#embedded-VoatGoat"]{
height: 252px;
width: 345px;
background: url('https://voat.co/Graphics/voat-goat.png');
background-size: cover;
}