/* Geocities Style written by Joseph for Tinychan. */

html {
  height: 99%;
}

body {
    padding: 0 1.5%;
    position: relative;
    min-height: 97%;
    background-color:black;
	 visibility: visible!important;
}

html, body, a, span, p, button {
    font-family: "Comic Sans","Comic Sans MS", "sanserif";
}

textarea {
    /*! max-width: 89vw; */
    /*! min-width: 40vw; */
    /*! min-height: 20vh; */
}

input, textarea{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box; 
            box-sizing: border-box; 
            width: 95%;
}

#topicbox input.submit {
    width: initial;
}

td.label {
    text-align: right;
}

#page_content {
    padding-bottom: 70px;
}

body#thread, body#preview, body#notice {
    padding: 0;
}

table {
    margin-top: 5px;
}

.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.8em;
}

td.main {
    width: 90%;
}

#pages a, .links a {
    margin-right: 4px;
}

.noscreen {
    display: none !important;
    border: 1px solid black;
}

.board_name {
    margin: 0;
}

.post {
    overflow: auto;
    margin-bottom: 19px;
}
span.postername {
  color: yellow;
}
.quote:hover {
  background: #18014a;
  color: white;
}
.posthover {padding-left:10px;padding-top:0px;padding-right:10px;display: none;position: absolute;margin-left:2px;border: 1px solid gray;background-color: black;z-index: 99;color: black;max-width: 90%;width: fit-content;text-decoration: none;}

body {
    background-image:url("https://files.tinychan.org/style/themes/geocities/bg.gif");
    font-size: large;
    color: white;
}

body, a:hover, button, input {
    cursor: url(https://files.tinychan.org/style/themes/geocities/cur15.ani), url(https://files.tinychan.org/style/themes/geocities/cur15.png), progress !important;
}

a {
    color: #7e7eff;
}

h1 a {
    font-size: 26pt;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
    background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: blink 2s step-start 0s infinite;
    -webkit-animation: blink 2s step-start 0s infinite;
}

h3 {
    font-size: medium;
    color: #acacac;
    margin: 0;
}

span.quote {
    color: #008000;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

input,textarea {
    background-color: black;
    color: white;
}

.body {
    margin: .5em 0 1em 2em;
    word-wrap: break-word;
    position: relative;
}
.postform {
    display: inline-block;
}
.sjis, .aa, .thread_menu {
    font-family: Mona, "MS PGothic", Osaka, Meiryo, sans-serif;
    line-height: 1.1;
    display: inline;
}
code, .code {
    font: 100% Andale Mono,Courier New,monospace;
    display: inline;
    line-height: 120%;
    white-space: nowrap;
}
.precode {
    font: 100% Andale Mono,Courier New,monospace;
    display: inline;
    line-height: 120%;
    white-space: pre-wrap;
}
.spoiler {
      display: inline;
      background: #000;
      color: #000;
      padding: 0;
}
.spoiler:hover {
      color: #FFF;
}
li, ol, .ascii {
    margin: 0;
}
.ascii {
    display: inline;
    font-family: "Courier New", Monospace;
}
span.quote, blockquote {
    border-left-color: #666;
    color: #666;
    display:block;
    border-width: medium medium medium 2px; 
    /*! border-style: none none none solid; */ 
    margin: 3px 10px; 
    padding: 0px 0px 0px 10px; 
}
div
.thread_menu a {
    float: right;
    text-decoration: initial;
    font-size: 14px;
    margin-left: 2px;}

.recent {
    margin: 0.5em 0px;
}
div.post.even p, div.post.odd p  {
  color:white;
  margin: 0;
}
#top_menu #styles {
    float: right;
}

.post.deleted {
    color: #9c9c9b;
}

.new_reply:after {
    content: "!";
    color: #f00;
    font-weight: bold;
    font-style: italic;
}

td.postfieldleft {
    text-align: center;
    font-weight: bold;
}


/* Mobile mode override */
@media only screen and (max-device-width: 480px) {
    #top_menu #styles {
        font-size: smaller;
        width: 42%;
        text-align: right;
    }
    textarea {
        width: 99%;
    }
    
    form input {
        width: 100% !important;
    }
    
    .hljs, .body {
        overflow: scroll;
    }
    form tr {
        text-align: center;
    }
    
    form td {
        display: block;
    }
    
    form .btns {
        display: inline-table;
        text-align: center;
        padding-top: 5px;
    }
    
    form .label {
        text-align: left!important;
        padding-top: 5px;
    }
    
    .postform .submit {
        min-width: 100px;
    }
    
    #topicbox .submit {
        margin-top: 5px;
    }

    body {
        padding: 0;
    }
    
    .postform {
        display: block;
        text-align: center;
        width: 95%;
        margin: auto;
    }
    
    #threadlist .thread {
        display: block;
        margin-top: 1px;
    }

    a {
        word-break: break-all;
    }
}


/* Edited posts */
.diff_display {
    white-space: pre-wrap;
    border: 1px solid #808080;
    background-color: #e8e8e8;
    padding: 25px;
}
.edited {
    display: table;
    font-style: italic;
    color: #808080;
    cursor: help;
}
.diff_display del, .diff_display ins {
    text-decoration:none;
}

.diff_display ins {
    color: #0ba205;
}
.diff_display del {
    color: #a20505;
}

.diff_display ins ins {
    color: #14cc2f;
    background-color: #c8f5c8;
}
.diff_display del del {
    color: #cc1414;
    background-color: #f5c8c8;
}

.diff_display del del:before {
    content:"- ";
    position: absolute;
    left: 10px;
}
.threadlink {
    display: inline;
}
.diff_display ins ins:before {
    content:"+ ";
    position: absolute;
    left: 10px;
}


/* Extra */
.options {
    margin-top: 6px;
}
.options input {
    width: initial;
}
.diceroll {
    border: #b79292 2px solid;
    padding: 12px;
    display: inline-block;
    color: #3f3f71;
    background: #f1e7e7;
}
.d_high {
    color: green;
}
.d_low {
    color: red;
}
.d_mod {
    font-style: italic;
    font-size: smaller;
    color: #9E9E9E;
}

table.threads {
    width: 100%;
}

#all_topics a {
    margin-right: 3px;
}

.guestbook {
    background-color: #f9f9f9;
    padding: 5px;
    border: 1px dashed black;
    margin-bottom: 10px;
}

span.backlinks {
    display: block;
    font-size: smaller;
    padding-left: 15px;
    font-style: italic;
    color: #a79393;
}

.prevcite {
    color: #e90d0d !important;
}

div.quote_preview {
    background-color: #000;
}

/* Prettify */
.pln{color: #8c8787;}@media screen{.str{color:#080}.kwd{color: #00f;}.com{color: #b90000;}.typ{color:#606}.lit{color: #1e6161;}.clo,.opn,.pun{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.kwd,.tag,.typ{font-weight:700}.str{color:#060}.kwd{color:#006}.com{color:#600;font-style:italic}.typ{color:#404}.lit{color:#044}.clo,.opn,.pun{color:#440}.tag{color:#006}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}