/* Terminal style for Tinychan BBS by Joseph */ 


/* Main */
body,button,form,h2,html,input,table,td,textarea,tr,select {
    color: #fff;
    font-family: Mona, 'MS PGothic', sans-serif;
    background: #000!important;
}

html {
    height: 99%
}

body {
    font-size: 15px;
	margin-top: 0;
    /*! padding: 0 2.5%; */
    position: relative;
    min-height: 97%;
    background-color: black !important;
	 visibility: visible!important;
}
.quote:hover {
  background: #313131;
}
div.border {
  border: 1px dashed #8484ec !important;
  margin:10px;
  padding:10px;
}
div.hborder {
	  padding:10px;
	  border: 1px dashed #38a27f !important;
      margin-left: 2.3%;
      margin-right: 2.3%;
}
h2 {
    margin:0px;
}
.verde {
    color: #8bff00;
}
.foo, .posthover {
    color:white;
}
span.postername {
    color:#8de6e6;
}
.threadlink {
    display: inline;
}
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;
    border: 1px solid gray;
    /* width: 95%; */
    background-color: #1a1a1a !important;
}
h3 {
    margin:4px;
}
#topicbox input.submit {
    width: initial;
}

td.label {
    text-align: right;
}

a {
    color: #cc0!important;
    display: inline-block;
}

a:hover {
    color: #64d600!important;
}

#page_content {
    padding-bottom: 70px;
}

table {
    font-size: 14px;
}

td.main {
    width: 90%;
}

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

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


/* Index */
body#notice,body#preview,body#thread {
    padding: 0
}

#topicbox {
    margin-bottom: 0;
}

div.menu,div.outer {
    margin-bottom:2em;
    border-width: 1px;
    border-style: outset;
    padding: 6px
}

.inner {
    border-width: 1px;
    border-style: inset;
    padding: 6px;
    display: block
}

.board_name {
    margin: 0;
}

#threadlist .links {
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 5px
}

#threadlist .thread {
    margin-right: .3em
}

span>select,table {
    margin-top: 5px;
}

table.threads {
    width: 100%
}

.thread_menu a {
    float: right;
    text-decoration: initial;
    font-size: 14px;
    margin-left: 2px
}

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

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

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

.thread_menu {
    font-family: Mona,"MS PGothic",Osaka,Meiryo,sans-serif
}
span.stylelist {
    float: right;
    display: inline-block;
    margin-left: 15px;
    border: 1px dashed lime;
}
.menu,h2,h1 {
    /*! text-transform: uppercase */
}

.menu,.outer {
    border: 1px dashed #0000ec!important
}

.inner {
    border: 0!important
}

.recent {
    font-style: italic;
    margin: 1em 0;
    color: #a9a9a9!important
}



/* Post */
.subject h1, .subject h2 {
    display: inline-block;
    margin: 0;
    line-height: 120%;
    font-size: 1.5em;
    padding-bottom: 8px;
    color: #fff;
}

.subject a {
    text-decoration: none;
    color: #fff;
}

.subject h2 a:hover {
    text-decoration: underline
}

#threadform h2,#threadpage h1 {
    margin: 0
}

#threadpage h2 {
    margin: .4em 0;
    line-height: 120%;
    font-size: 1.2em;
    font-weight: 400
}

h3.posthead {
    font-size: 1em;
    font-weight: 100;
    margin: 0;
}

.post .num, .post button {
    font-weight: 700;
    cursor: pointer;
    border: 0;
    background: 0 0;
    padding: 0
}

.post .name {
    font-weight: 700
}

.post {
    overflow: auto;
    background-color: black;
}

.body {
    margin: .5em 0 1em 2em;
    word-wrap: break-word;
    position: relative;
}

.postform {
    display: inline-block;
}

.aa,.sjis {
    font-family: Mona,"MS PGothic",Osaka,Meiryo,sans-serif;
    display: inline;
}

.aa,.sjis,.thread_menu {
    line-height: 1.1
}

.code,.precode,code {
    font: 100% Andale Mono,Courier New,monospace;
    display: inline;
    line-height: 120%;
    white-space: nowrap
}

.precode {
    white-space: pre-wrap
}

.spoiler {
    display: inline;
    background: #000;
    padding: 0
}
a.yt {
	border: 1px dashed lime;
}
.ascii,ul,ol {
    margin: 2px;
    /*! margin-left: 0px; */
}

.ascii {
    display: inline;
    font-family: "Courier New",Monospace
}

blockquote,span.quote {
    border-left-color: #496379;
    color: #d6ddff;
    display: block;
    border-width: medium medium medium 2px;
    margin: 3px 0;
    padding: 0 0 0 15px
}

.name a, .trip a {
    color: #ff8400;
}

span.name {
    color: #8de6e6;
}

span.trip {
    color: #43ea43!important
}

.spoiler {
    background: red!important;
    color: red
}

.spoiler:hover {
    color: #fff;
}


#top_menu #styles {
    float: right;
}


/* Mobile mode override */
@media only screen and (max-device-width: 480px) {
    #top_menu #styles {
        font-size: smaller;
        width: 55%;
        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-word;
    }
}


/* Edited posts */
.diff_display {
    white-space: pre-wrap;
    border: 1px solid #423737;
    padding: 25px;
    background-color: #101010;
}
.edited {
    display: table;
    font-style: italic;
    color: #808080;
    cursor: help;
}
.diff_display del, .diff_display ins {
    text-decoration:none;
}
.diff_display ins {
    color: #4e905d;
}
.diff_display del {
    color: #904e4e;
}
.diff_display ins ins {
    color: #8ff18f;
}
.diff_display del del {
    color: #f18f8f;
}
.diff_display del del:before {
    content:"- ";
    position: absolute;
    left: 10px;
}

.diff_display ins ins:before {
    content:"+ ";
    position: absolute;
    left: 10px;
}


/* Extra */

.options input {
    width: initial;
}
.diceroll {
    border: #6d5858 2px solid;
    padding: 12px;
    display: inline-block;
    color: #fff;
    background: #000;
    font-style: italic;
}
.d_high {
    color: #85c185;
}

.d_low {
    color: #c16c6c;
}

.d_mod {
    font-style: italic;
    font-size: smaller;
    color: #9E9E9E;
}

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

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

.prevcite {
    color: #ff4c4c;
}
div.bottomnav {
    text-align:center;
}
/* Prettify */
.str{color:#EC7600}.kwd{color:#93C763}.com{color:#66747B}.typ{color:#678CB1}.lit{color:#FACD22}.pln,.pun{color:#F1F2F3}.tag{color:#8AC763}.atn{color:#E0E2E4}.atv{color:#EC7600}.dec{color:purple}pre.prettyprint{border:0 solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{color:#555;list-style-type:decimal}li.L1,li.L3,li.L5,li.L7,li.L9{background:#111}@media print{.kwd,.tag,.typ{font-weight:700}.str{color:#060}.kwd{color:#006}.com{color:#600;font-style:italic}.typ{color:#404}.lit{color:#044}.pun{color:#440}.pln{color:#000}.tag{color:#006}.atn{color:#404}.atv{color:#060}}