@import url(https://fonts.googleapis.com/css?family=Amatic+SC:700,400);
@import url(https://fonts.googleapis.com/css?family=Special+Elite);

body {
  width: 900px;
  margin: 0 auto;
  padding: 0 40px;
  font-family: "Amatic SC", sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  color: white;
  letter-spacing: 1px;
  word-spacing: 1px;
  text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black, 0 1px 0 black, 0 -1px 0 black, -1px 0 0 black, 1px 0 0 black, 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 0 -2px 0 black, -2px 0 0 black, 2px 0 0 black, 1px 2px 0 black, -1px 2px 0 black, 1px -2px 0 black, -1px -2px 0 black, 2px 1px 0 black, -2px 1px 0 black, 2px -1px 0 black, -2px -1px 0 black;
}

/* General */

a {
  color: white !important;
  text-decoration: none;
}

a:hover {
  color: #F50 !important;
}

h1 {
  font-family: "Amatic SC", sans-serif;
  font-size: 2em;
  color: white;
  word-spacing: 3px;
  letter-spacing: -1px;
}

h2 {
  background: none !important;
  padding: 0 !important;
  font-size: 1.3em !important;
  color: red !important;
}

hr {
  border-top: 6px double white;
  margin: 3px 0;
}

small, 
.unimportant, 
.unimportant * {
  font-size: 1em;
}

input[type="text"], 
input[type="password"], 
textarea {
  background: rgba(255, 255, 255, 0.7);
  padding: 5px 0 0 5px;
  border: 2px solid black;
  border-radius: 5px;
  font-family: "Special Elite", monospace;
}

input[type="submit"] {
  position: relative;
  bottom: 3px;
}

input[type="checkbox"] {
  position: relative;
  bottom: 3px;
  left: 2px;
  font-size: 1em;
}

select {
  position: relative;
  bottom: 5px;
}

::-webkit-input-placeholder {
  color: #A0753C;
}

:-moz-placeholder {
  color: #A0753C;
}

::-moz-placeholder {
  color: #A0753C;
}

:-ms-input-placeholder {
  color: #A0753C;
}

/* Text styling */

.quote {
  line-height: 1.3em;
  color: #00F732;
  letter-spacing: 2px;
}

.thread .body strong {
  line-height: 1.3em;
  color: #00E2FF;
  letter-spacing: 2px;
}

.thread .body strong::before {
  content: '<';
}

.heading {
  font-size: 1.2em !important;
  color: red !important;
}

.spoiler {
  padding: 0 5px !important;
  border-radius: 5px;
  border: 2px solid white;
  line-height: 1.7em;
}

.spoiler a {
  color: black !important;
}

.spoiler:hover a {
  color: #FF4400 !important;
}

.prettyprinted {
  background: rgba(255, 255, 255, 0.5);
  margin: -20px 0 -15px;
  padding: 5px 8px !important;
  border: 3px solid white !important;
  font-size: 0.9em;
  line-height: 1.3em;
}

.prettyprinted span {
  color: white;
}

.subject {
  color: #FF2F48 !important;
}

.name {
  margin-right: -4px;
  color: #FF9B00 !important;
}

.email .name {
  color: #FFDF00 !important;
}

.email .name:hover {
  color: #FF4400 !important;
}

.trip {
  margin-right: -4px;
  padding-left: 10px;
  color: #B5FF00 !important;
}

.own_post {
  color: #FF4747;
  font-style: normal;
  font-weight: 700;
  opacity: 1;
}

/* Boardlist */

.boardlist {
  background: linear-gradient(to bottom, black 0, black 21px, white 21px, white 24px, rgba(0, 0, 0, 0.5) 24px, transparent 30px) !important;
  height: 50px;
  padding: 0 3px;
  border: none !important;
  box-shadow: none !important;
  font-size: 0.7em !important;
  color: white !important;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  transition: 0.3s linear;
  -webkit-transform: translate(0, -25px);
  -moz-transform: translate(0, -25px);
  -o-transform: translate(0, -25px);
  -ms-transform: translate(0, -25px);
  transform: translate(0, -25px);
}

.boardlist:hover {
  height: 30px;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.boardlist .sub[data-description="0"] a {
  font-size: 0;
  word-spacing: 0;
  letter-spacing: 0;
}

.boardlist .sub[data-description="0"] .fa {
  font-size: 11pt;
}

.boardlist .sub[data-description="1"] {
  display: none;
}

/* Header */

.board_image {
  margin-top: 0 !important;
  border: 4px solid white !important;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
}

#favorite-star {
 font-size: 0.8em;
 margin-left: 10px;
}

#favorite-star:hover, 
#favorite-star[style="color: yellow; text-decoration: none;"] {
 color: gold !important;
}

header .subtitle {
  margin: 10px 0 -5px;
  font-size: 1.3em !important;
  line-height: 0.5em;
  color: white !important;
  word-spacing: 5px;
}

.blotter {
  font-size: 1.5em;
  text-transform: uppercase;
}

.blotter a {
  color: red !important;
}

.blotter a:hover {
  color: white !important;
}

.banner {
  background: none !important;
  padding-top: 5px;
  font-size: 1em !important;
  line-height: 0.5em;
  color: red !important;
}

.announcement {
  display: none;
}

/* Post */

#post-form-inner {
  padding: 5px 0 0;
  border-top: 6px double white;
  border-bottom: 6px double white;
}

#post-form-inner th {
  padding: 0 10px;
  text-align: center;
  border: 2px solid black;
  border-radius: 5px;
  font-size: 1.1em;
  line-height: 1.3em;
}

#post-form-inner input[type="text"], 
#post-form-inner textarea {
  min-height: 27px;
  width: 450px !important;
}

#post-form-inner textarea {
  min-height: 100px;
  vertical-align: middle;
}

#post-form-inner input[name="post"] {
  position: absolute;
  bottom: initial;
  margin-top: 9px;
}

#post-form-inner .dropzone {
  background: rgba(255, 255, 255, 0.6);
  border: 2px solid black;
  border-radius: 5px;
  color: white;
  outline: none;
}

#post-form-inner .dropzone .file-hint {
  position: initial;
  margin: 0;
  border: none;
  font-size: 1.1em;
  color: white;
}

#post-form-inner .dropzone .tmb-container {
  height: 50px;
  line-height: 1em;
}

#post-form-inner .dropzone .tmb-container .remove-btn, 
#post-form-inner .dropzone .tmb-container .tmb-filename {
  bottom: 13px;
  color: white;
}

#post-form-inner .dropzone .tmb-container .file-tmb {
  margin: 0 3px;
  border: 3px solid white;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 1);
}

#post-form-inner .dropzone .tmb-container .file-tmb span {
  top: 10px;
}

#post-form-inner .file-hint:hover, 
#post-form-inner .dropzone .remove-btn:hover {
  color: #FF4400;
}

#post-form-inner .show-post-table-options {
  visibility: hidden;
}

#post-form-inner .show-post-table-options::after {
  visibility: visible;
  content: "Snout options";
  line-height: 1.5em;
}

#post-form-inner .post-table-options {
  padding-top: 5px;
  border-top: 6px double white;
}

#post-form-inner .post-table-options tr {
  background: none;
}

#post-form-inner .post-table-options .flag_preview {
  padding: 0 0 2px 3px;
}

#post-form-inner .post-table-options #oekaki td {
  padding-left: 2px;
}

#post-form-inner .post-table-options #oekaki .wPaint-menu-holder {
  background-color: rgba(255, 255, 255, 0.7);
  width: 504px;
  left: -7px !important;
  top: -2px !important;
  border: 2px solid black;
  box-shadow: none;
  text-shadow: none;
}

#post-form-inner .post-table-options #oekaki canvas.wPaint-canvas-bg {
  left: -2px !important;
  top: -2px !important;
  border: 2px solid black;
  border-radius: 5px;
  opacity: 0.7;
}

#post-form-inner .post-table-options #oekaki .ui-resizable-e, 
#post-form-inner .post-table-options #oekaki .ui-resizable-s, 
#post-form-inner .post-table-options #oekaki .ui-icon-gripsmall-diagonal-se {
  display: none !important;
}

#post-form-inner .post-table-options input[type="checkbox"] {
  height: initial;
  left: 0;
  margin-left: 1px;
}

#post-form-inner .post-table-options .board-settings {
  padding: 3px;
  margin: 5px 0;
  border: 2px solid black;
  border-radius: 5px;
  font-size: 0.9em;
}

#post-form-inner .required-star, 
#post-form-inner .hint {
  display: none;
}

/* Thread */

.thread {
  padding: 5px 0 !important;
}

.thread .files .file, 
.thread .video-container .file {
  margin-right: 0;
}

.thread .files .file .fileinfo {
  margin-left: 0;
  font-size: 0.9em;
  text-transform: uppercase;
}

.thread .post-image {
  background: rgba(255, 255, 255, 0.3);
  margin: 10px 10px 13px 0 !important;
  padding: 0 !important;
  border: 5px solid white;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
}

.thread .reply .post-image {
  margin-bottom: 3px !important;
}

.thread .full-image, 
.thread video {
  background: rgba(255, 255, 255, 0.3);
  max-width: 884px;
  margin: 10px 10px 10px 0;
  padding: 0;
  border: 8px solid white;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
}

.thread video {
  max-width: 869px !important;
  margin-bottom: 0 !important;
}

.thread .reply .full-image {
  max-width: 882px !important;
}

.thread .reply video {
  max-width: 867px !important;
}

.thread img[alt="[ - ]"] {
  margin-top: 9px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
}

.thread .video-container {
  margin-top: -5px;
}

.thread .video-container iframe {
  background: rgba(255, 255, 255, 0.3);
  margin: 10px 10px 13px 0 !important;
  border: 5px solid white;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
}

.thread .reply .video-container iframe {
  margin-bottom: 4px !important;
}

.thread .multifile {
  margin-bottom: 2px;
}

.thread .post {
  margin: 10px 0 !important;
}

.thread .post .intro {
  font-size: 0.9em;
  text-transform: uppercase;
}

.thread .post .body {
  margin-top: 5px;
  padding: 0;
}

.thread .post .body-line {
  font-size: 1em;
}

.thread .post.reply {
  background: none;
  width: 896px;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 2px;
  border-style: none;
  border-top: dotted 2px white;
}

.thread .post.reply .intro {
  margin-left: 1px;
}

.thread .post.reply .files .file .fileinfo {
  padding: 0;
}

.thread .post.reply .body {
  margin: 8px 0 0;
}

.thread span[style="white-space: nowrap;"]:hover, 
.thread span[style="font-weight: bold; white-space: nowrap;"]:hover, 
.thread span[style="white-space: nowrap; font-weight: bold;"]:hover, 
.thread span[style="font-weight: inherit; white-space: nowrap;"]:hover, 
.thread span[style="white-space: nowrap; font-weight: inherit;"]:hover {
  cursor: pointer;
  color: #FF4400;
}

.thread .post .hide-thread-link {
  margin-top: -3px !important;
}

.thread .post .intro .post-btn {
  position: relative;
  top: -2px;
  padding: 0 3px;
  opacity: 1;
}

.thread .flag {
  margin-left: 4px;
}

.thread .omitted {
  margin: 0.5em 0;
}

.thread .hidden {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

.thread img[src="/static/assets/wongstein/spoiler.png"] {
  background: rgba(255, 255, 255, 0.2);
  padding: 15px 10px 5px !important;
}

.thread .post-image.deleted {
  background: rgba(255, 255, 255, 0.2);
  padding: 5px !important;
}

.thread .highlighted {
  background: none !important;
}

.thread .post-hover {
  padding: 10px !important;
  border: 4px solid white !important;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5) !important;
}

.thread .post.reply.highlighted .post_no, 
.thread .post-hover a.post_no {
  color: #FF4400 !important;
}

form[name="postcontrols"] hr {
    margin: -3px 0 7px;
}

.thread .video-container .yt-help, 
.thread .video-container br, 
.thread .post_modified, 
.thread .clear {
  display: none !important;
}

/* Footer */

.pages {
  background: none !important;
  display: initial !important;
  padding: 0 !important;
  border: none !important;
  color: white !important;
}

footer {
  padding-bottom: 5px;
  font-size: 0.7em;
  line-height: 1.4em;
}

footer .unimportant {
  margin: 0;
}

#thread-interactions {
  margin: 0;
}

.boardlist.bottom {
  display: none !important;
}

/* Post menu */

.post-menu {
  font-size: 0.9em !important;
  line-height: 1em !important;
}

.post-menu ul {
  padding: 3px !important;
  border: 3px solid white !important;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
}

.post-menu ul li:hover {
  background: none !important;
  color: #FF4400 !important;
}

.post-menu ul li ul {
  margin-left: 3px !important;
}

.post-menu ul li ul li {
  color: white !important;
}

/* Quick reply */

#quick-reply #post-form-inner {
  padding: 0;
  border: none;
}

#quick-reply .post-table, 
#quick-reply .post-table-options {
  padding: 3px 3px 0;
  border-collapse: initial;
  border: 4px solid white;
}

#quick-reply .post-table-options {
  border-top: none;
  margin-top: -15px;
}

#quick-reply .post-table th {
  padding: 5px;
}

#quick-reply .post-table th .close-btn {
  font-size: 2em;
  line-height: 0.5em;
}

#quick-reply input[type=text] {
  width: 98% !important;
  box-sizing: initial;
  font-size: 0.8em;
  padding: 5px 0 0 5px;
}

#quick-reply input[name="post"] {
  position: initial;
}

#quick-reply textarea {
  font-size: 0.8em;
  padding: 8px 0 0 5px !important;
}

#quick-reply select {
  width: 95%;
}

#quick-reply #upload_embed input {
  width: 98% !important;
}

#quick-reply input[type="checkbox"] {
  margin-right: 10px;
}

/* Watchlist */

#watchlist {
  min-width: 200px;
  padding: 5px;
  font-size: 1em;
}

#watchlist .watchlist-controls {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 6px double white;
}

/* Alert */

#alert_div {
  width: 650px;
  padding-top: 10px;
  border: 4px solid white;
}

/* Options */

#options_handler #options_div {
  background: white;
  height: 430px;
  color: black;
}

#options_handler #options_div #options_tablist {
  text-shadow: none;
}

#options_handler #options_div #options_tablist .options_tab_icon div {
  font-size: 0.7em;
}

#options_handler #options_div .options_tab {
  font-size: 0.7em;
  line-height: 1.5em;
  text-shadow: none;
}

#options_handler #options_div input, 
#options_handler #options_div select {
  top: -1px;
}

#options_handler #options_div textarea {
  max-width: 98%;
}

/* Gallery mode */

#alert_handler #gallery_images {
  overflow-x: hidden;
}

#alert_handler #gallery_images img {
  background: rgba(255, 255, 255, 0.5);
  border: 5px solid white;
  cursor: pointer;
}

#alert_handler #gallery_toolbar {
  border-top: 6px double white;
  line-height: 1.3em;
}

#alert_handler #gallery_main img, 
#alert_handler #gallery_main video {
  background: rgba(255, 255, 255, 0.5);
  max-height: 95%;
  border: 10px solid white;
}

/* Catalog */

.theme-catalog .threads {
  margin: 5px 0 !important;
  padding-top: 5px;
  border-top: 6px double white;
}

.theme-catalog .threads .thread {
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid white;
  font-size: 0.7em;
  font-weight: 700 !important;
}

.theme-catalog .threads .thread:hover {
  background: rgba(255, 255, 255, 0.4);
  border: 2px solid white;
}

.theme-catalog .threads .thread .thread-image {
  background: rgba(255, 255, 255, 0.3);
  border: 3px solid white;
  margin: 5px 0;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5);
}

.theme-catalog .threads .thread img {
  box-shadow: none;
}

/* Report & ban pages */

.ban {
  background: rgba(255, 255, 255, 0.2) !important;
  max-width: 100% !important;
  margin: 0 0 5px !important;
  padding: 5px 15px;
  border: none !important;
  border-top: 5px solid white !important;
  line-height: 1.7em;
}

.ban p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
}

.ban .post {
  background: rgba(255, 255, 255, 0.2) !important;
  margin: 0 !important;
  padding: 10px !important;
  border: solid 4px white !important;
}

.ban .post .body {
  margin: 0 !important;
  padding: 10px 0 0 !important;
}

.ban .ban-appeal, .ban .ban-appeal textarea {
  margin: 0 !important;
  width: 99.5% !important;
}

/* Rotation */

.board_image {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

header {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.thread .post-image {
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.thread div:nth-child(1n+0) .post-image:hover {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.thread div:nth-child(2n+0) .post-image:hover {
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.thread div:nth-child(3n+0) .post-image:hover {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.thread div:nth-child(5n+0) .post-image:hover {
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
}

.post-menu ul {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.post-menu ul ul {
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

/* Tada */

@-webkit-keyframes tada {
 10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
}

@keyframes tada {
 10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
}

.thread .full-image, 
.thread video, 
.thread .video-container iframe {
  -webkit-animation: tada 1.1s;
  animation: tada 1.1s;
}

/* Bump */

@-webkit-keyframes bump {
 0%, 20%, 53%, 80%, 100% {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
 40%, 43% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
 70% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
}
 90% {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
}
}

@keyframes bump {
 0%, 20%, 53%, 80%, 100% {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
 40%, 43% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}
 70% {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
}
 90% {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
}
}

.thread .highlighted {
  -webkit-animation: bump 1s;
  animation: bump 1s;
}

/* Bounce */

@-webkit-keyframes bounceInDown {
 0%, 60%, 75%, 90%, 100% {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
}
 60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
}
 75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
 90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
 100% {
  -webkit-transform: none;
  transform: none;
}
}

@keyframes bounceInDown {
 0%, 60%, 75%, 90%, 100% {
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -3000px, 0);
  transform: translate3d(0, -3000px, 0);
}
 60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
  transform: translate3d(0, 25px, 0);
}
 75% {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
 90% {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
 100% {
  -webkit-transform: none;
  transform: none;
}
}

.thread .post.reply .post-hover {
  -webkit-animation: bounceInDown 1s;
  animation: bounceInDown 1s;
}

/* Background images */

html {
  background: url(https://i.imgur.com/5B8GyLs.png) no-repeat left 150px fixed, 
              url(https://i.imgur.com/KboVN6m.png) no-repeat right bottom fixed, 
              #A0753C url(https://i.imgur.com/kmHT5gj.png) center fixed;
}

body {
  background: url(https://i.imgur.com/D16hFvf.png) no-repeat center top scroll, 
              url(https://i.imgur.com/uz09jgi.png) repeat-y center top scroll, 
              url(https://i.imgur.com/30FjvEa.png) repeat-y center scroll;
}

.thread .post-hover, 
#quick-reply .post-table, 
#quick-reply .post-table-options, 
#watchlist, 
#alert_div, 
.post-menu ul {
  background: #A0753C url(https://i.imgur.com/vy5q3ZR.png) fixed !important;
}

#post-form-inner th, 
#post-form-inner .post-table-options .board-settings {
  background: rgba(255, 255, 255, 0.6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2NkQAXGjEh8YwYGhrMwATAHJAkSgHNAAgBPrgM4NDOmCgAAAABJRU5ErkJggg==);
}

/* Ads & patches */

div[id="8ch-top-ads"], 
div[id="8ch-bottom"], 
#ayylmao, 
#yeelmao, 
#imobile_adspotdiv1, 
.delete, 
img[src="/static/custom-flags/wongstein/1419475053179.png"], 
#thread_64 .public_ban {
  display: none !important;
}