lainchan/stylesheets/mono.e.lain.css

/*monoelains ez css for VIP quality imageboards. steal this .css and edit it to your liking. */
     
    /* OPTION HIDING */
     

     /*lainchan bottom bar fix*/
     .bar{
            background-color: #CDCDCD!important;
     }
     
    /*removes footer (STI pls dont sue)
    footer {
    display:none;
    color: #ffffff;
    }
     
    /* hides AA in catalog */
    .theme-catalog span.aa {
        display: none !important;
    }
     
    /* hides expand all images */
    #expand-all-images {
        display: none;
    }
     
    /* hides hints*/
    .hint {
    }
     
    /* hides horizontal bar */
    hr {
        display: none;
    }
     
    /*banner stuff*/
    img.banner, img.board_image {
        border: 8px ridge #B18108;
        background-color: #B2A50F;
        display: ;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
        margin: 30px auto 0px;
    }
     
    /* hides delete options (obsolete) */
    div.delete {
        display: none;
    }
     
    /*makes files align vertically (hw pls fix this shit)*/
    .file {
        display: block;
    margin-right: 11px;
}
    }
     
    div.boardlist a {
        color: rgb(187, 51, 0);
    }
     
    /*expanded image border/shadow*/
    .full-image {
        border-top-right-radius: 0;
        -webkit-box-shadow: 7px 7px 0px 0px #000;
        -moz-box-shadow: 7px 7px 0px 0px #000;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
        border: double black;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        padding: 5px;
        margin: 0px 0px 0px;
        /*+border-radius: 0;*/
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
        max-width: 80% !important;
        float: none;
        background-color: rgb(194, 194, 194);
    }
     
    /*gives quick reply its border/shadow*/
    #quick-reply table {
        background: none repeat scroll 0 0 #CBCBCB;
        border: 4px double;
        margin: 0;
        -webkit-box-shadow: 7px 7px 0px 0px #000;
        -moz-box-shadow: 7px 7px 0px 0px #000;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
        width: auto !important;
    }
     
    /*makes posting form maroon*/
    form table tr th {
        background-color: rgb(187, 51, 0);
        color: #FFFFFF;
        font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    }
     
    /*gives images border/shadow*/
    div.files img.post-image {
        -webkit-box-shadow: 7px 7px 0px 0px #000;
        -moz-box-shadow: 7px 7px 0px 0px #000;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
        background-color: #CBCBCB;
        border: double black;
        padding: 5px;
        /*+border-radius: 0;*/
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
        margin-bottom: 5px;
    }
     
    /* makes Youtube thumbs not obscenely big */
    div.video-container  {
        width: auto !important;
        height: auto !important;
        max-height: 20% !important;
        max-width: 20% !important;
    }
     
    /* Image thumbs size limit (make as big as you want)*/
    .post-image {
        border: double black;
        height: auto !important;
        width: auto !important;
        max-height: 60%;
        max-width: 60%;
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
padding: 5px;
background-color: #cdcdcd;
    }
     
    /* Keep small thumbnails in replies */
    .post.reply a:not([data-expanded="true"]) .post-image {
        width: auto !important;
        height: auto !important;
        max-height: 60%;
        max-width: 60%;
    }
     
    /* reply box size */
    .input[type="text"], textarea {
        min-height: 117px;
        min-width: 240px;
    }
     
    /*boardwide font stuff goes here also background image*/
    body {
        padding: 0;
        font-family: arial, sans-serif;
        font-size: 14px;
        background: url("../static/OUHu2ki.jpg") fixed repeat top #000000;
min-width: 395px;
margin-left: 10px;
margin-right: 35px;

margin-left: 10px;
    }
    /*saves one pixel of space*/
    header {
        margin-bottom: 0px;
    }
     
    /*gives posting table its border/shadow*/
    form table {
        width: 100%;
        minimum-width: 960px;
        min-height: 250px;
        display: inline-block;
        margin: 5px auto;
        background-color: #CDCDCD;
        border: double black;
        padding: 5px;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 5px rgba(0, 0, 0, 0.5);
    }
     
    /*gives threads its border/shadow*/
    div[id^="thread_"] {
        -webkit-box-shadow: 11px 11px 0px 0px #000;
        -moz-box-shadow: 11px 11px 0px 0px #000;
        background-color: rgb(221, 221, 221);
        margin-bottom: 20px;
        padding: 10px;
        border: 3px double #000000;
        width: 100%;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
    }
     
    /*adds horizontal bar below subject*/
    p.intro {
        background-image: url('https://www.lainchan.org/static/UebGaj5.png');
        background-repeat: repeat-x;
        background-position: bottom;
        min-height: 25px;
    }
     
    /*gives replies border/shadow*/
    div.post.reply {
        max-width: 95% !important;
        -webkit-box-shadow: 7px 7px 0px 0px #000;
        -moz-box-shadow: 7px 7px 0px 0px #000;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
        padding: 10px;
        margin-top: 20px;
        border: double 3px #000;
        background-color: rgb(194, 194, 194);
    }
     
    /*unfucks highlighting replies and gives border/shadow*/
    div.post.reply.highlighted {
        background-color: #D6BDB0;
    }
     
    /*dont touch this*/
    div.body {
        display: block;
        clear: both;
        padding-top: 10px;
    }
     
    /*makes page bar have border/shadow*/
    div.pages {
        -webkit-box-shadow: 7px 7px 0px 0px #000;
        -moz-box-shadow: 7px 7px 0px 0px #000;
        -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
        width: 100%;
        display: block;
        clear: both;
        border: double black;
        background-color: rgb(221, 221, 221);
    }
     
    /*hovered links have underline*/
    a:hover {
        text-decoration: underline;
    }
     
    /*stops textbox resizing shenanigans*/
    .input[type="text"], textarea {
        font-size: 14px;
        max-width: 9000px;
        min-height: 115px;
        min-width: 270px;
    }
     
    /*boardname nice font. replace with something classy someday*/
    header div.subtitle, h1 {
        font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
        color: rgb(187, 51, 0);
    }
     
    /*announcement font and color*/
    div.blotter {
        padding: 15px;
        color: #000000;
        font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    }
     
    /*makes links red*/
    a {
        color: rgb(187, 51, 0) !important;
        text-decoration: none;
    }
     
    /*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/
    div.boardlist:not(.bottom) {
        background-color: rgba(221, 221, 221, 1) !important;
        text-align: center;
        padding: 5px 75px;
        box-shadow: 7px 7px rgba(0, 0, 0, 0.5); !important;
        color: rgba(0, 0, 0, 0.33);
        font-size: 10px;
        border: double #000 !important;
        position:static !important;
    }

@-moz-document url-prefix() {

div.boardlist {
    word-spacing:-1px !important;
}

}
     
    /*favorites in a new line*/
    div.boardlist span.favorite-boards {
        display: block;
    }
     
    /*subject color*/
    p.intro span.subject {
        color: rgb(117, 8, 8);
    }
     
    /*bottom boardlist centered*/
     
    div.boardlist.bottom {
        text-align: center;
        background-color: rgba(228,228,228,1);
        border: double #000000;
        width: 101%;
    }
     
    /*colors name*/
    p.intro span.name {
        color: rgb(122, 77, 77);
        font-family: ;
    }
     
    /*catalog stuff*/
    .theme-catalog div.thread {
        background-color: rgb(221, 221, 221);
        border: double;
    }
     
    .theme-catalog div.thread:hover {
        background-color: #D6BDB0;
        border: double;
    }
     
    span.trip {
        color: rgb(34, 136, 84);
    }
     
    #updater, #thread-links {
    background-color: rgba(228,228,228,1);
    border:double;
    padding: 5px;
    margin: 5px;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 7px 7px rgba(0, 0, 0, 0.5);
    }

div.banner {
width: 380px;
display:block;
margin-left:auto;
margin-right:auto;

}

#quick-reply th .close-btn{
color:#ffffff;

}

div.post-hover {

background-color: #D6BDB0 !important;
border: double #000 !important;
box-shadow: 7px 7px rgba(0, 0, 0, 0.5) !important;
max-width: 50%;
}

span.subject:after { content: '\A'; white-space:pre;  }
SPAN.controls.op:before { content: '\A'; white-space:pre;  }

div.post-menu
{
color: #ffffff;}
#options_div {
	background-color: #dddddd;
}
 
.options_tab_icon.active {
	color: #bb3300;
}