html, *, hover {cursor: url(https://i.imgur.com/8bHkh15.gif), auto;}
a:hover, .options_tab_icon, i, input[type="submit"], select#email_selectbox, select#user_flag {cursor: url(https://i.imgur.com/adJa4DQ.gif), progress !important;}
label, img {cursor: url(https://i.imgur.com/JLgQvQY.gif), progress !important;}

img[class="emoji"][alt="❄️"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/FvbwdrY.gif) no-repeat;
    width: 117px;
    height: 117px;
    padding-left: 117px;
}

img[class="emoji"][alt="💰"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/sJGyhOA.gif) no-repeat;
    width: 166px;
    height: 165px;
    padding-left: 166px;
}

img[class="emoji"][alt="🐱"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/UTY9suW.gif) no-repeat;
    width: 239px;
    height: 383px;
    padding-left: 239px;
}

img[class="emoji"][alt="🍩"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/TjKHeRs.gif) no-repeat;
    width: 480px;
    height: 95px;
    padding-left: 480px;
}


img[class="emoji"][alt="👩"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/R7SD6pL.gif) no-repeat;
    width: 499px;
    height: 582px;
    padding-left: 499px;
}

img[class="emoji"][alt="🌲"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/l5AYxVi.png) no-repeat;
    width: 208px;
    height: 284px;
    padding-left: 208px;
}

img[class="emoji"][alt="🍔"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/mLJiEv2.gif) no-repeat;
    width: 80px;
    height: 100px;
    padding-left: 155px;
}

img[class="emoji"][alt="🌹"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/wmCkCTh.gif) no-repeat;
    width: 300px;
    height: 313px;
    padding-left: 300px;
}

img[class="emoji"][alt="🐵"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/t2FxJQL.gif) no-repeat;
    width: 225px;
    height: 167px;
    padding-left: 225px;
}

img[class="emoji"][alt="🍌"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/UAEFbGR.gif) no-repeat;
    width: 155px;
    height: 380px;
    padding-left: 155px;
}

img[class="emoji"][alt="🏄"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/ATk8z5T.gif) no-repeat;
    width: 155px;
    height: 380px;
    padding-left: 155px;
}

img[class="emoji"][alt="✌️"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/QpcyT6S.gif) no-repeat;
    width: 100px;
    height: 50px;
    padding-left: 100px;
}

img[class="emoji"][alt="👟"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/chCYifj.gif) no-repeat;
    width: 88px;
    height: 120px;
    padding-left: 88px;
}

img[class="emoji"][alt="❤️"] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://i.imgur.com/4nx6yjG.gif) no-repeat;
    width: 210px;
    height: 193px;
    padding-left: 210px;
}

/* Spin Script that makes the flags spin when you hover over them. */

p.intro img.flag:hover, img.flag:focus, img.flag:active {
    animation:flaghover 1.5s linear 0s infinite;
    -o-animation:flaghover 1.5s linear 0s infinite;
    -moz-animation:flaghover 1.5s linear 0s infinite;
    -webkit-animation:flaghover 1.5s linear 0s infinite;
}

@keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-o-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-moz-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-webkit-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

/* Rainbow Color Rotation Script that makes the Board Title and Subtitle changes colours constantly */

h1,div.subtitle{
    -webkit-animation:colorRotate 6s linear 0s infinite;
    -moz-animation:colorRotate 6s linear 0s infinite;
    -o-animation:colorRotate 6s linear 0s infinite;
    animation:colorRotate 6s linear 0s infinite;
}

@-webkit-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    } 16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-moz-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-o-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}


body {
    background-size: 50% 100%;
    color: #d8d8d8;
    margin: 0 auto;
    padding: 0;

    background-image: linear-gradient(left, black, gray);
    animation: slide 0.5s forwards linear infinite;

    background-image: -moz-linear-gradient(left, black, gray);
    -moz-animation: slide 0.5s forwards linear infinite;

    background-image: -webkit-linear-gradient(left, black, gray);
    -webkit-animation: slide 0.5s forwards linear infinite;
}

/* 789chan purge ban */
span.public_ban {
font-family:'Press Start 2P', cursive;
  line-height: 125%;
  text-shadow:
    1px 1px 0 #ff0000,
    2px 2px 0 #00ff00,
    3px 3px 0 #0000ff,
    4px 4px 0 #ff0000,
    5px 5px 0 #00ff00,
    6px 6px 0 #0000ff,
    7px 7px 0 #ff0000,
    8px 8px 0 #00ff00,
    9px 9px 0 #0000ff,
    10px 10px 0 #ff0000,
    11px 12px 0 #00ff00,
    12px 12px 0 #0000ff,
    13px 13px 0 #ff0000,
    14px 14px 0 #00ff00,
    15px 15px 0 #0000ff,
    16px 16px 0 #ff0000,
    -1px 1px 0 #ff0000,
    -2px 2px 0 #00ff00,
    -3px 3px 0 #0000ff,
    -4px 4px 0 #ff0000,
    -5px 5px 0 #00ff00,
    -6px 6px 0 #0000ff,
    -7px 7px 0 #ff0000,
    -8px 8px 0 #00ff00,
    -9px 9px 0 #0000ff,
    -10px 10px 0 #ff0000,
    -11px 12px 0 #00ff00,
    -12px 12px 0 #0000ff,
    -13px 13px 0 #ff0000,
    -14px 14px 0 #00ff00,
    -15px 15px 0 #0000ff,
    -16px 16px 0 #ff0000,
    1px -1px 0 #ff0000,
    2px -2px 0 #00ff00,
    3px -3px 0 #0000ff,
    4px -4px 0 #ff0000,
    5px -5px 0 #00ff00,
    6px -6px 0 #0000ff,
    7px -7px 0 #ff0000,
    8px -8px 0 #00ff00,
    9px -9px 0 #0000ff,
    10px -10px 0 #ff0000,
    11px -12px 0 #00ff00,
    12px -12px 0 #0000ff,
    13px -13px 0 #ff0000,
    14px -14px 0 #00ff00,
    15px -15px 0 #0000ff,
    16px -16px 0 #ff0000,
    -1px -1px 0 #ff0000,
    -2px -2px 0 #00ff00,
    -3px -3px 0 #0000ff,
    -4px -4px 0 #ff0000,
    -5px -5px 0 #00ff00,
    -6px -6px 0 #0000ff,
    -7px -7px 0 #ff0000,
    -8px -8px 0 #00ff00,
    -9px -9px 0 #0000ff,
    -10px -10px 0 #ff0000,
    -11px -12px 0 #00ff00,
    -12px -12px 0 #0000ff,
    -13px -13px 0 #ff0000,
    -14px -14px 0 #00ff00,
    -15px -15px 0 #0000ff,
    -16px -16px 0 #ff0000 !important;
}

/* Rainbow Shadow Headings */
span.heading {
    animation: rainbold 1s linear infinite;
    color: red;
    font-size: 1.5em;
/*  letter-spacing: 0.33em; */
    margin-left: 6px;
    text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
}

/* /cow/ thread backgrounds with confetti */
.desktop-style body {
    max-width: 1024px;
}

.thread {
    background-image: url("https://i.imgur.com/9TJCIOb.gif"), -moz-linear-gradient(top,black,gray 180px);
opacity: 0.9;
    background-image: url("https://i.imgur.com/9TJCIOb.gif"), -webkit-linear-gradient(top,black, gray 180px);
opacity: 0.9;
/*  background-position: top left, top left;
    background-attachment: fixed, static; */
    padding: 12px;
}

/* Heart Favorite Star */
#favorite-star {
    visibility: hidden !important;
}

#favorite-star:after {
    position: relative !important;
    right: 16px;
    content: "💗";
    visibility: visible !important;
}

/*  Glowing Dubs  */
a[href$="00"], a[href$="11"], a[href$="22"], a[href$="33"], a[href$="44"], a[href$="55"], a[href$="66"], a[href$="77"], a[href$="88"], a[href$="99"] {
    text-shadow: 0px 0px 0.2em #FFFFBE, 0px 0px 0.2em #FFFFBE;
    font-weight: 600;
    color: #FFD700 !important;
}

/*  Glowing Trips */
a[href$="000"], a[href$="111"], a[href$="222"], a[href$="333"], a[href$="444"], a[href$="555"], a[href$="666"], a[href$="777"], a[href$="888"], a[href$="999"] {
    text-shadow: 0px 0px 0.3em #FFFFBE, 0px 0px 0.3em #FFFFBE;
    font-weight: 700;
    color: #FFD700 !important;
}

/*  Glowing Quads */
a[href$="0000"], a[href$="1111"], a[href$="2222"], a[href$="3333"], a[href$="4444"], a[href$="5555"], a[href$="6666"], a[href$="7777"], a[href$="8888"], a[href$="9999"] {
    text-shadow: 0px 0px 0.4em #FFFFBE, 0px 0px 0.4em #FFFFBE;
    font-weight: 800;
    color: #FFD700 !important;
}

/*  Glowing Quints */
a[href$="00000"], a[href$="11111"], a[href$="22222"], a[href$="33333"], a[href$="44444"], a[href$="55555"], a[href$="66666"], a[href$="77777"], a[href$="88888"], a[href$="99999"] {
    text-shadow: 0px 0px 0.5em #FFFFBE, 0px 0px 0.5em #FFFFBE;
    font-weight: 900;
    color: #FFD700 !important;
}

/* Spinning White Blotter */
div.blotter {
    animation: spin 2.75s linear infinite;
    color: white;
    font-size: 150px;
    text-shadow: 0px 0px 25px black;
}

/* Party Hats */
p.fileinfo::before{
    content:url('https://i.imgur.com/IZw3qs9.gif');
    position:absolute;
    margin:90px 0 0 -20px;
    pointer-events: none;
}

/* Static Boardlist*/
.desktop-style div.boardlist:not(.bottom) {
    position: static !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

a {
    text-decoration:none;
    color:#f8c20f;
}

a[href$="mailto:sage"] {
    text-decoration: underline;
}

a:link, a:visited, p.intro a.email span.name {
    color: #f8c20f;
}

a:link:hover{
    color:#784818;
}

div.ban {
    background-color: #333;
    border: 1px solid #222;
}

div.ban h2 {
    background-color: #222;
    color: #F8C20F;
    margin-bottom: 11px;
}

div.ban h3 {
    color: #AF0A0F;
    padding: 3px 7px;
}

div.ban li {
    padding-bottom: 3px;
    padding-right: 7px;
}

div.ban p {
    padding: 7px;
}

div.ban strong {
    color: #AF0A0F;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 7px;
}

div.boardlist {
    background-color: #333;
    color: #222;
    padding: 8px;
}

div.pages {
    color: #222;
    background: none repeat scroll 0% 0% #333;
    display: inline;
    padding: 8px;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
}

div.post.reply {  
  background: #666666;
  opacity: 0.9;
  border:1px hidden #333;
  margin-bottom:2px;
  margin-left:16px;
  margin-top:2px
}

div.post.reply div.body a {
    color: #f8c20f;
}

div.post.reply.highlighted {
    background: #555;
}

.theme-catalog div.thread:hover {
    background: none repeat scroll 0% 0% #333;
    border-color: #222;
}

form table tr th {
    background: none repeat scroll 0% 0% #333;
}

header h1 {
    color: #F8C20F;
    text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00;
}

hr {
height: 16px;
background: url(https://i.imgur.com/ptG4Uah.gif), url(https://i.imgur.com/ptG4Uah.gif)  repeat,repeat center;
border: none;
}
div#options_div {
  background-color:#282a2e
}

img.banner, img.board_image {
    border: none;
    opacity: 0.0;
}

p.intro span.name {
    color: #F8C20F;
    font-weight: bold;
}

p.intro span.subject {
    color: #D00;
}

p.intro span.trip {
    color: #F8C20F;
}

#options_div, #alert_div {
    background: #333;
}

table.modlog tr th {
    background: none repeat scroll 0% 0% #222;
    color: #F8C20F;
}

table tbody tr:nth-of-type( even ) {
	background-color: transparent;
}

/* Keyframes */
@keyframes slide { 
  from { background-position: top left; }  
  to { background-position: top right; }  
}

@-moz-keyframes slide {
  from { background-position: top left; } 
  to {background-position: top right; }
}

@-webkit-keyframes slide { 
  from { background-position: top left; }  
  to { background-position: top right; }  
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes rainbold {
    0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }

@-moz-keyframes rainbold {
    0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }

@-webkit-keyframes rainbold {
    0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }