Untitled

/* Inspired by /8lounge/ and /t/ */


/* fdownload is a script that fixes the "click filename to download original filename" function:
The scrip being:

\\\\JavaScript\\\\

(function() {
var fileinfo;
fileinfo = $('.fileinfo');
fileinfo.each(function() {
var fName, filename, orighref;
orighref = $(this).children('a');
orighref = orighref.attr("href");
orighref = orighref.replace('media.', '');
filename = $('.unimportant > a', this);
fName = filename.attr("download");
return $(this).append(' <a class="fdownload" download="' + fName + '" href="' + orighref + '">Download</a>');
});
}).call(this);

\\\\JavaScript\\\

*/

@-moz-document domain(8ch.net) {
        *:focus {
                outline: 0;
        }
        body {
                font-family: 'Segoe UI', 'Arial';
                font-size: 15px;
                max-width: 728px;
                margin: auto !important;
        }
        body, .thread {
                padding: 0 !important;
                margin: 1em !important;
        }
        html, body {
                max-width: 100%;
                overflow-x: hidden;
        }
        .thread, .body {
                font: 10px !important;
        }
        .fdownload {
                transition: all .5s ease-in-out;
                color: #1A4666 !important;
                text-decoration: none !important;
                box-shadow: 0px 0px 0px 1px #1A4666;
                padding-left: 3px;
                padding-right: 3px;
                border-radius: 5px;
        }
        .reply[class][class] {
                background: #e8e8e8;
                border-top: solid #ccc 1p !important;
                ;
                border-bottom: none;
                border-right: none;
        }
        h1 {
                letter-spacing: 2px
        }
        label {
                cursor: pointer
        }
        .highlighted {
                background: #ddd !important;
                border: none;
        }
        p.intro {
                text-decoration: none;
                font-size: inherit;
                font-family: inherit;
        }
        a.email {
                font-size: inherit;
                font-family: inherit;
        }
        .op {
                font-size: 1.1em;
                color: #111;
        }
        body {
                font-family: 'Segoe UI', 'Arial';
                font-size: 15px;
                color: black;
                background: #f5f5f5;
                padding-left: 20px;
                margin: auto !important;
        }
        time, .fileinfo, .omitted, a {
                font-size: 0.8em;
                color: #888
        }
        .body, .omitted {
                line-height: 1.4;
        }
        .post-hide-link, .hide-thread-link {
                text-decoration: none;
        }
        hr {
                box-shadow: inset 0 2px #1A4666;
                border-radius: 10px;
                border: 1px;
                padding: 1.5px;
                height: 1px;
                background: #1A4666;
                opacity: .5;
        }
        .intro .name[class] {
                color: #1A4666;
        }
        .intro .subject[class] {
                font-size: 11pt;
                padding: 5px;
                margin-right: 5px;
                color: #b93241;
        }
        div.post.op p.intro span.subject {
                font-size: 12pt;
                display: block;
                margin-bottom: 2px;
        }
        .blotter, h1, th, .banner {
                font-family: inherit;
                font-weight: normal !important;
        }
        div.boardlist[class][class], .styles {
                position: fixed;
                box-shadow: none;
                border: none;
                text-align: center;
                background: #f5f5f5;
                width: 100%;
                font-size: inherit;
        }
        div.banner {
                background-color: #1A4666;
        }
        div.pages {
                background: none;
                color: #333;
                border: none;
        }
        .body {
                margin: 0 !important;
        }
        .quote {
                color: #198c19;
        }
        #thread_stats {
                color: #333;
                padding-top: 4px;
                float: right;
                font-size: 10px;
        }
        #thread-links {
                color: #333;
                font-size: inherit
        }
        a:not(#favorite-star), a:visited, {
                color: #FFF !important
        }
        a:not(#favorite-star):hover {
                color: #1A4666 !important;
        }
        table * {
                margin: 0;
        }
        form table tr th {
                background: #f5f5f5 !important;
                color: #4e606e;
        }
        #quick-reply th .handle {
                width: calc(100% - 4px)!important;
                padding: 5px 2px 3px;
                color: #1A4666;
        }
        #expand-all-images {
                display: inline-block;
                padding: 3px 12px 5px 8px;
                background: #f5f5f5;
                z-index: 3;
                position: fixed;
                bottom: 0;
                right: 0;
                text-decoration: none !important;
                border-left: 1px solid;
                border-top: 1px solid;
                border-color: #4e606e;
                border-radius: 5px 0 0 0;
        }
        .unimportant {
                text-decoration: none !important;
        }
        #ytplayer {
                width: 500px;
                height: 300px;
                max-width: calc(100% - 40px);
                background-color: rgba(0, 0, 0, 0.1);
        }
        :not(.reply) #ytplayer {
                margin: 4px 20px 20px 2%!important;
        }
        .reply #ytplayer {
                margin: 2px 20px 0px 0px!important;
        }
}