/* Custom Shitposter Club CSS changes */
#terms-container ul,#terms-container ol,#terms-container li {
}

.notice-no {
    float: right;
    font-size: 13px;
}

.dice-rolls {
    border: 2px solid red;
}

table.qvitter-poll, table.qvitter-poll td {
    font-size: 11px;
    /*background-color: #F6F6F6;*/
    padding: 4px;
    border-top: 1px solid grey /*rgb(153,206,225)*/;
    border-collapse: collapse;
}

.qvitter-poll-link {
    font-size: smaller;
    font-style: italic;
}

.qvitter-poll-question {

}

.qvitter-poll-option {

}

.qvitter-poll-response {
    
}

#up-button {
	position: fixed;
	padding: .5em;
	bottom: 30px;
	right: 50px;
}

@(max-width: 910px) {
	#up-button {
		display: none;
	}

}

/*FIXME does this even work? */
@(max-width: 910px) {
        .modal-footer .queet-content {
                height: 30px;
                overflow-y: scroll;
        }
}

div.notice[data-uri^="tag:mastodon.social"] .ostatus-link {
        background-image: url(/custom/mastodon-isis.png);
        background-position: 0px 0px;
        background-size: 30px 30px;
        opacity: 1 !important;
}

#site-notice-minimize:hover{cursor:pointer; }

#site-notice-minimize {
  font-weight: bold;
  position: absolute;
  right: 4px;
  border: 2px solid black; 
  padding: 0px 2px 0px 2px;
  display: inline-block;
  background-color: darkgrey; 
}

/*#site-notice.minimized #site-notice-minimize {
	width: 5em;
}*/

#site-notice.minimized {
	height: 0;
}

#site-notice.minimized span {
	display: none;
}

/*
#site-notice {
    overflow: hidden;
    color: #FFF;
    margin-bottom: 4px;
    border: 2px solid  #666;
    padding: 4px;
    text-align: left;
    background-color: darkgrey;
text-shadow: 1px 1px 2px black;
    position: relative;
    min-height: 40px;
}

#site-notice a {
	color: #FFF;
	font-style: italic;
}
#site-notice a:hover {
	text-decoration: underline;
}

#site-notice.minimized {
  min-height: 4px;
  max-height: 8px;
  text-indent: -1000em;
  border: none;
  padding: 0;
  background-color: #666;
}
*/

h1 { margin: 4px; color: white; margin-left: auto; margin-right: auto; }

#site-notice {
    /*width: 450px;*/
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

/*
#site-notice span {
    display: inline-block;
    padding-left: 100%;  
    animation: marquee 15s linear infinite;
}

#site-notice span:hover {
    animation-play-state: paused
}
*/

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/*
#site-notice span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,  left top,  left bottom, 
        color-stop(0.00, red), 
        color-stop(16%, orange),
        color-stop(32%, yellow),
        color-stop(48%, green),
        color-stop(60%, blue),
        color-stop(76%, indigo),
color-stop(1.00, violet));
}
*/

/* test css */
div.notice.data-tag-testhashtag {
	background-color: pink !important;
}

#unseen-notifications {
	background-color: #B00;
}

/* notification throbber */
/*
#unseen-notifications {
	animation: blinker 0.5s linear infinite;
	background-color: #B00;
}

@keyframes blinker {
	50% { background-color: #FFF; }
}
*/

/* owner */
strong.name[data-user-id="1"] {
   background-image: url("/custom/moon-icon.png");
   background-size: 20px 20px;
   background-repeat: no-repeat;
   background-position: left top;
   text-indent: 22px;
   min-height: 20px;
   margin-bottom: -4px;
   font-style: oblique;
}

strong.name[data-user-id="1"]::after {
    font-size: 70%;
    color: darkgreen;
    content: " (Admin)";
}

/* Bernie Sanders notices */
div[data-user-id="1973"] .queet-text,div[data-user-id="1973"] .account-group {
	font-family: "Comic Sans MS", "Comic Sans", "sans-serif" !important;
	font-size: 110%;
	text-transform: uppercase;
}

/* mono */
.follower-num a[href='https://shitposter.club/mono/subscribers'] strong::before {
	content: "200";
}

/* any hashtag ending in -trump */
span.tag a[href$='trump'] {
	font-weight: bold;
	font-size: 150%;
	text-transform: uppercase;
}
span.tag a[href$='trump']::before {
	content: url('/custom/trumphead.png');
}
span.tag a[href$='trump']::after {
	content: url('/custom/russianflag.gif');
}

span.tag a[href$='/tag/whoremembers']::after {
        background-image: url('/custom/memberberry.png');
	background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	content: ""
}

/* Gamergate */
span.tag a[href$='/tag/gamergate']::before {
    background-image: url('/custom/raisindance.gif');
    background-size: 20px 25px;
    display: inline-block;
    width: 20px;
    height: 25px;
    content:"";
}

span.tag a[href$='/tag/gamergate'] {
    font-size: 0;
}

span.tag a[href$='/tag/gamergate']::after {
    content: "#GOOBERGRAPE";
    font-size: 20px;
    font-style: bold;
    color: purple;
}

span.tag a[href$='/tag/gay'] {
      background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 60px;
      line-height: 60px;
}

/* Brexit */
span.tag a[href$='/tag/brexit'] {
        font-weight: bold;
        font-size: 200%;
        color: darkred;
        text-transform: uppercase;
        padding-right: 65px;
        padding-left: 45px;
}

span.tag a[href$='/tag/brexit']::after {
    background-image: url('/custom/britishflag.gif');
    display: inline-block;
    background-size: 65px 45px;
    background-repeat: no-repeat;
    height: 45px;
    width: 65px;
    margin-right: -65px;
    content:"";
}

span.tag a[href$='/tag/brexit']::before {
    background-image: url('/custom/thatcher.png');
    display: inline-block;
    background-size: 45px 45px;
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin-left: -45px;
    content:"";
}

span.tag a[href$='/tag/fakenews']::after {
    background-image: url('/custom/alexjones.png');
    display: inline-block;
    background-size: 32px 40px;
    background-repeat: no-repeat;
    height: 40px;
    width: 32px;
    margin-right: -32px;
    content:"";
}

/* NSFW hashtag */
span.tag a[href$='/tag/nsfw'] {
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	background-color: black;
	padding: 2px;
}


/* Robek */
.stream-item-header strong.name[data-user-id="666"] {

    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    background-image: url(/custom/twitter-verified.png);
    line-height: 18px;
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: top right;
    color: #000000;
    /*background-color: #ffffff;*/
    text-shadow: 2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c;
    padding-right: 26px;
    min-height: 20px;
    margin-bottom: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

/* dirb */
strong.name[data-user-id="27459"] {
   background-image: url("/custom/dirb-avatar.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 24px;
    margin-bottom: -4px;
    padding-right: 28px;
}

/* thatbrickster */
strong.name[data-user-id="30720"] {
   background-image: url("/custom/nepgear.png");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 24px;
    margin-bottom: -4px;
    padding-right: 28px;
}

/* hardbass2k8 */
strong.name[data-user-id="9591"] {
   background-image: url("/custom/hardbass2k8.gif");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 34px;
}

/* roko */
strong.name[data-user-id="30080"] {
   background-image: url("/custom/roko.png");
    background-size: 60px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 64px;
}

/* iceloops */
strong.name[data-user-id="3895"] {
   background-image: url("/custom/iceloops.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 34px;
}

/* nerthos */
strong.name[data-user-id="9052"] {
   background-image: url("/custom/nerthos.gif");
    background-size: 35px 27px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 35px;
    margin-bottom: -4px;
    padding-right: 40px;
}

/* ninjabuttocks */
strong.name[data-user-id="6053"] {
   background-image: url("/custom/ninjabuttocks.png");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 40px;
    margin-bottom: -4px;
    padding-right: 44px;
}

/* terezi */
strong.name[data-user-id="9879"] {
   background-image: url("/custom/terezi.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 20px;
    margin-bottom: -4px;
    padding-right: 22px;
}


/* rohan */
strong.name[data-user-id="1579"] {
   background-image: url("/custom/angelfish.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 20px;
    margin-bottom: -4px;
    padding-right: 26px;
}

/* jeong */
strong.name[data-user-id="10394"] {
color: #ffcc03;
text-shadow: 1px 1px 0 #3c59a5,
    -1px 1px 0 #3c59a5,
    1px -1px 0 #3c59a5,
    -1px -1px 0 #3c59a5,
    0px 1px 0 #3c59a5,
    0px -1px 0 #3c59a5,
    -1px 0px 0 #3c59a5,
    1px 0px 0 #3c59a5,
    2px 2px 0 #3c59a5,
    -2px 2px 0 #3c59a5,
    2px -2px 0 #3c59a5,
    -2px -2px 0 #3c59a5,
    0px 2px 0 #3c59a5,
    0px -2px 0 #3c59a5,
    -2px 0px 0 #3c59a5,
    2px 0px 0 #3c59a5,
    1px 2px 0 #3c59a5,
    -1px 2px 0 #3c59a5,
    1px -2px 0 #3c59a5,
    -1px -2px 0 #3c59a5,
    2px 1px 0 #3c59a5,
    -2px 1px 0 #3c59a5,
    2px -1px 0 #3c59a5,
    -2px -1px 0 #3c59a5;
    font-size: 115%;
    overflow: visible;
    font-weight: bold;
    background-image: url("/custom/psyduck-verified.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    padding-left: 2px;
    min-height: 30px;
    margin-bottom: -8px;
    padding-right: 32px;
}

/* darkengine */
strong.name[data-user-id="1673"] {
   background-image: url("/custom/oscar-fish.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 25px;
    margin-bottom: -4px;
    padding-right: 28px;
}

/* netkitteh */
strong.name[data-user-id="4826"] {
  background-image: url("/custom/netkitteh-icon.png");
  background-size: 25px 46px;
  background-repeat: no-repeat;
  background-position: top left;
  min-height: 46px;
  margin-bottom: -4px;
  padding-left: 27px;
}

/* cyberpotato */
strong.name[data-user-id="8031"] {
   background-image: url("/custom/potato.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 25px;
    margin-bottom: -4px;
    padding-right: 28px;
}

/* camby */
strong.name[data-user-id="7702"] {
   background-image: url("/custom/collar-icon.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 25px;
    margin-bottom: -4px;
    padding-right: 28px;
}

/* bane */
strong.name[data-user-id="9499"] {
   background-image: url("/custom/mastodon-verified.png");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 15px;
    margin-bottom: -4px;
    padding-right: 18px;
}

/* bane */
strong.name[data-user-id="11960"] {
   background-image: url("/custom/mastodon-verified.png");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 15px;
    margin-bottom: -4px;
    padding-right: 18px;
}

/* delores */
strong.name[data-user-id="3032"] {
    font-size: 130%;
    background-image: url("/custom/schierke.png");
    background-size: 35px 25px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 25px;
    margin-bottom: -4px;
    padding-right: 38px;
}

/* ajr */
strong.name[data-user-id="4450"] {
    font-size: 115%;
    background-image: url("/custom/shield-chalice-icon.png");
    background-size: 20px 32px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 34px;
    margin-bottom: -4px;
    padding-right: 22px;
}

/* normandy */
strong.name[data-user-id="2324"] {
    font-size: 120%;
    background-image: url("/custom/sword.png");
    background-size: 60px 20px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 20px;
    margin-bottom: -4px;
    padding-right: 62px;
}

/* yata */
strong.name[data-user-id="3891"] {
    font-size: 120%;
    background-image: url("/custom/yata-avi.png");
    background-size: 40px 64px;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 64px;
    margin-bottom: -4px;
    padding-left: 40px;
}

/* dtluna */
strong.name[data-user-id="2539"] {
    font-family:'DejaVu Sans Mono',Consolas,'Lucida Console',monospace;
    font-size: 120%;
    background-image: url("/custom/nod-logo.png");
    background-size: 30px 26px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 26px;
    margin-bottom: 0px;
    padding-right: 34px;
    padding-top: 5px;
}



/* adrint */
strong.name[data-user-id="988"] {
    background-image: url("/custom/spinning-star.gif");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 20px;
    margin-bottom: -4px;
    padding-right: 26px;
    font-size: 120%;
    font-style: oblique;
}

/* augustus */
strong.name[data-user-id="2947"] {
    background-image: url("/custom/holy-hand-grenade.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 25px;
    /*margin-bottom: -4px;*/
    padding-right: 30px;
    font-size: 120%;
}


strong.name[data-user-id="68"] {
    background-image: url("/custom/ksm.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 25px;
    /*margin-bottom: -4px;*/
    padding-right: 30px;
    font-size: 110%;
    font-style: oblique;
}

strong.name[data-user-id="684"] {
   background-image: url("/custom/coop-devil.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 36px;
    font-size: 120%;
    padding-top: 5px;
    color: darkred;
  letter-spacing: 1px;
  text-weight: bold;
}

/* why */
strong.name[data-user-id="3814"] {
    background-image: url("/custom/slime.gif");
    background-size: 21px 21px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 21px;
    /*margin-bottom: -4px;*/
    padding-right: 30px;
    font-size: 120%;
}

span.tag a[href$='/tag/hacktheplanet']::after {
    content: url('/custom/hacktheplanet.png');
}

span.tag a[href$='/tag/openbsd']::after {
    content: url('/custom/puffy.png');
}

span.tag a[href$='/tag/plan9']::after {
    content: url('/custom/glenda.png');
}

span.tag a[href$='/tag/eurovision']::after {
    content: url('/custom/eurovision-logo.png');
}

span.tag a[href$='/tag/communism']::after {
    content: url('/custom/hammersickle.png');
}


span.tag a[href$='/tag/berniesanders']::after,span.tag a[href$='/tag/feelthebern']::after {
    content: url('/custom/berniesanders-head.png');
}

span.tag a[href$='/tag/wahoo'] {
    font-size: 200%;
    text-transform: lowercase;
    white-space: nowrap;
}
span.tag a[href$='/tag/wahoo']::after {
    content: url('/custom/wahoo.png');
}

span.tag a[href$='/tag/dncleak']::after {
    content: url('/custom/deaddonkey.png');
}

strong.name[data-user-id="4230"] {
    font-family:monospace;
    background-color:black;
    color:#a7a7a7;
    padding: 3px;
}

/* vriska */
strong.name[data-user-id="3915"] {
   background-image: url("/custom/vip.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 36px;
}

strong.name[data-user-id="4457"] {
    font-size: 105%;
    background-image: url("/custom/certified.png");
    background-size: 84px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 84px;
}

/*
strong.name[data-user-id="5826"] {
    font-size: 105%;
    background-image: url("/custom/corvette.png");
    background-size: 70px 35px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 35px;
    margin-bottom: -4px;
    padding-right: 70px;
}
*/

strong.name[data-user-id="5826"] {
    font-size: 105%;
    background-image: url("/custom/wario4.png");
    background-size: 70px 35px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 35px;
    margin-bottom: -4px;
    padding-right: 70px;
}

strong.name[data-user-id="5681"] {
    font-size: 110%;
    background-image: url("/custom/birb.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 30px;
}


strong.name[data-user-id="5381"] {
    font-size: 110%;
    background-image: url("/custom/cofe.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 30px;
}

strong.name[data-user-id="4770"] {
    font-size: 110%;
    background-image: url("/custom/beercrate.png");
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 30px;
}

strong.name[data-user-id="4962"] {
    text-decoration: bold; text-shadow 2px 2px grey17
    font-size: 110%;
    font-style: italic;
    font-weight: bold;
    background-image: url("/custom/planet-zeptar.png");
    background-size: 34px 34px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 34px;
    margin-bottom: -4px;
    padding-right: 34px;
}

strong.name[data-user-id="2466"] {
    font-size: 105%;
    font-weight: bold;
    background-image: url("/custom/logarius-wheel.png");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 32px;
    margin-bottom: -4px;
    padding-right: 32px;
}

strong.name[data-user-id="4627"] {
    background-image: url("/custom/discord-apple.png");
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 28px;
    margin-bottom: -4px;
    padding-right: 28px;
}

strong.name[data-user-id="3997"] {
    background-image: url("/custom/gadsden.png");
    background-size: 45px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 48px;
}

strong.name[data-user-id="4420"] {
    background-image: url("/custom/mustermann.png");
    background-size: 25px 30px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 30px;
    margin-bottom: -4px;
    padding-right: 28px;
}


strong.name[data-user-id="4983"] {
    font-size: 35px;
    min-height: 35px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-weight: bold;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, red), color-stop(16%, orange), color-stop(32%, yellow), color-stop(48%, green), color-stop(60%, blue), color-stop(76%, indigo), color-stop(1.00, violet));
}

strong.name[data-user-id="180"] {
padding-left: 4px;
color: white;
font: bold 16px Helvetica, Arial, Sans-Serif;
text-shadow: 0px 0px 2px #000,1px 1px #02a2fe, 2px 2px #02a2fe, 3px 3px #02a2fe;
background-image: url("/custom/wahoo.png");
    background-size: 60px 20px;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 20px;
    margin-bottom: -4px;
    padding-right: 62px;
}