html, body {
  background: linear-gradient(to bottom, #fff, #c3e1ff 200px) no-repeat;
  height: 100%;
}

.forum-style {
    display: none;
}
a:not(#favorite-star), a:visited, h2 {
  color:#1E2D3B!important;
}
 
a:not(#favorite-star):hover {
  color:#4C7AA8!important;
}

div.blotter, .intro span.name, .quote {
  color: #af0a0f;
}

div.post.reply {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-top-right-radius: 16px;
  background-color: #D7F0F5 !important;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 40px;
  margin-bottom: 10px;
  display: inline-block;
}
 
div.post.reply.highlighted {
  background-color: white;
}
  
div.boardlist.bottom {
  background-color: #C3E1FF;
}
  
div.pages {
  color: black;
  border-color: black;
  border-top-right-radius: 6px;
  background-color: #E9F4F5;
}
 
td.show-options-cell, span.handle, th {
  background-color: #F5FFFC !important;
}
/* 
li {
  background-color: white !important;
}
 
li:hover{
  background-color: #DAF0EE !important;
}
*/
div#op_1 a.post_no {
  color: #AF0A0F !important;
}

hr {
  border-color: #BA9B9E;
}

.youtube {
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/*
     FILE ARCHIVED ON 16:23:09 Apr 03, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:40:08 Oct 25, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 2.217
  exclusion.robots: 0.023
  exclusion.robots.policy: 0.01
  esindex: 0.012
  cdx.remote: 61.725
  LoadShardBlock: 203.6 (3)
  PetaboxLoader3.datanode: 255.573 (5)
  load_resource: 327.915 (2)
  PetaboxLoader3.resolve: 259.638 (2)
*/
h1 {
  font-weight: normal;
}
div.banner {
  background-color: #282a2e;
  color: #c5c8c6;
  border: 1px solid black;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
div.banner a {
  color: rgb(154, 185, 242);
}
div.banner a:hover {
  color: #81a2be;
}
div.ban h2 {
    background: #D7F0F5;
}
div.ban {
    background: white;
}
input, select {
    background-color: #F5FFFC;
    accent-color: #F5FFFC;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
}
/* 4chanX Overrides */
.dialog, .suboption-list > div:last-of-type, :root.catalog-hover-expand .catalog-container:hover > .post {

    background-color: #D7F0F5 !important;
    border-color: black !important;
}

.fixed #header-bar, #custom-board-list {
    font-size: 100% !important;
}
/* OEKAKI OVERRIDES */
body {
    font-family: arial,helvetica,sans-serif;
}
.thread h2, .thread h2 a:visited {
    color: #ed7db6 !important;
    background-color: transparent;
    border-left: 0;
}
.oyaresno, .rsub {
    color: #ed7db6;
}
.name, .name:hover, .name a:visited, .name a:link {
    color: #af0a0f !important;
    border: none !important;
}
.name.mod {
    color: purple !important;
    border: none !important;
}
#header, main > section > .thread, main > div#catalog, footer > div, footer > div.copy {
    border: 1px solid #848484 !important;
    max-width: 1350px;
    margin: 0px auto;
}
.res {
    border-color: black;
    border-top-right-radius: 6px;
    border-width: 1px;
    border-style: none solid solid none;
    background-color: #D7F0F5;
    margin: 0.2em 4px;
    padding: 0.2em 0.3em 0.5em 0.6em;
}
.img_info_wrap {
    border: 1px dotted #848484;
}
.copy {
    text-align: center;
}
div.boardlist a {
    text-decoration: none;
}
div.boardlist {
    font-size: 9pt;
}
