/*  This stylesheet is based on germany.css for Kusaba X.
    It must be used in tandem with Yotsuba B. */

/* 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;
}

/* Board title modification
h1:before {
    content: "/pig/ - Lolpigs";
    color: #F8C20F;
    font-family: tahoma;
    font-size: 20pt;
    text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00;
    pointer-events: all;
} */

/* Echo modification */
span.detected {
    background: transparent !important;
    color: #d8d8d8 !important;
    padding: none !important;
}

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

#favorite-star[style^="color: grey;"] {
    color: #777 !important;
}

#favorite-star[style^="color: yellow;"] {
    color: #C08955 !important; /* from microsoft emoji color */
}

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

/*  Party Hats 
p.fileinfo::before{
    content:url('https://media.8kun.top/cow/src/1418807901351.gif');
    position:absolute;
    margin:-100px 0 0 -10px;
    pointer-events: none;
} */

body {
    background: #330000;
    background:-moz-linear-gradient(top,#ff0000,#330000 180px); /* firefox prefers -webkit- in 46.0a2 */
    background:-webkit-gradient(linear,0 0,0 80,from(#ff0000),to(#330000));
    background: linear-gradient(to bottom,#FF0000,#330000 180px);
    background-attachment: local;
    height: 100%;
    color: #d8d8d8;
/*  Confetti  
    background-image: url("https://i.imgur.com/pgRnZyL.gif"), -moz-linear-gradient(top,#ff0000,#330000 180px);
    background-image:  url("https://i.imgur.com/pgRnZyL.gif"), -webkit-gradient(linear,0 0,0 80,from(#ff0000),to(#330000));
    background-position: top left, top left;
    background-attachment: fixed, static; */
}

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;
}
/* Bigger Off-site Banner
.board_image {
    background-image: url('https://i.imgur.com/0tq5LZT.png');
    height: 0;
    width: 0;
    padding: 75px 300px;
} */

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

/* old in-thread boardlist rule */
.desktop-style div.boardlist:nth-child(1) {
    position: static !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

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: #333;
    border-color: #222;
}

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;
}

/* modified for /pig/ */
header h1 {
    color: #F8C20F; 
 /* color: rgba(248,194,15,0) !important; same yellow color made transparent */
    text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00; 
 /* text-shadow: 0px 0px 0.8em rgba(255,0,0,0), 0px 0px 0.8em rgba(255,0,0,0); same red color made transparent */
 /* font-size: 0pt !important; also causes the favstar to disappear */
}

hr {
    border-color: #222;
}

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

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 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; }