2ch Gazette Theme

@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=cyrillic');
::-webkit-scrollbar {width: 12px; height: 12px;}
::-webkit-scrollbar-button {width: 0px; height: 0px;}
::-webkit-scrollbar-thumb {background: #c2c0be; border-radius: 6px; border: 2px solid #f5f4f2;}
::-webkit-scrollbar-thumb:active {background: #8f8c88;}
::-webkit-scrollbar-track {background: #f5f4f2;}
::-webkit-scrollbar-corner {background: #f5f4f2;}

html, body {background: #f8f7f5; color: #42413f; font-family: 'Lora', serif !important; line-height: 1.3;}

body {font-size: 0.95em;}

.pace .pace-progress {background: #a18974;}

a, .a-link-emulator, a:link, a:visited, .orange {color: #a18974; text-decoration: none; transition: color .1s;}
a:hover, .a-link-emulator:hover, .header a:hover {color: #b5a393;}
a[href*="youtube.com"] {border-bottom: none;}
a[onclick*="updateThread(); return false;"]{font-size: 0;}
a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; margin: 0 2px;}

#plashque, #mobile-plashque, .moneymoneymoney {display: none;}

.header a.mainlogo {color: #42413f; font-weight: normal;}
.welcomefriend {color: #a18974;}
.postscontainer {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px;}
.postscontainer a:hover {text-decoration: none;}
.mainpage .pager {background: #f5f4f2;}
.hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: 'Lora', serif;}
.ui-widget-content {background: #f5f4f2;}
.hnews .news-posts-count {color: #8f8c88;}
.table .thead .th {border: none;}
.table .tbody .tr:nth-of-type(2n) {background: #e9e8e5;}

.wraper.mainpage {margin: 0 10px;}
.content, .board-data {max-width: 980px; width: auto;}

.logo img, .logo br {display: none;}
.logo {font-family: 'Lora', serif; font-size: 40px; font-weight: normal; color: #42413f !important;}
hr {border-color: #0000;}

.adminbar__boards_sticky, .rmenu {display: none;}
.adminbar__boards_hovered {transform: none;}
.adminbar {opacity: 0; transition: .2s;}
.adminbar__menu {border-bottom-color: #dbdad6;}
header:hover .adminbar {opacity: 1;}

.top-user-boards {color: #42413f;}

.pager {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px; color: #dbdad6;}
.pager strong {color: #42413f;}

.thread_wrap {border: 1px solid #dbdad6; border-radius: 4px;}
.thread_wrap:after {background: linear-gradient(to bottom, rgba(245, 244, 242, 0.02) 0%,rgba(245, 244, 242, 0.13) 30%,rgba(245, 244, 242, 0.62) 52%,rgba(245, 244, 242, 0.94) 74%,rgb(245, 244, 242) 100%);}
.thread_wrap, .thread_wrap > .thread {background: #f5f4f2;}
.thread_wrap .comment {font-size: 0.95em;}
.thread_wrap.expandble:hover {border: none;}
.thread_wrap.expandble:hover .thread {box-shadow: none; border-radius: 4px;border: 1px solid #dbdad6;}

.thumb {box-shadow: none;}
#fullscreen-container {padding: 1px; margin: 3px; background: #8f8c88 !important;}

.warningcover {background: none repeat scroll 0% 0% #8f8c88;}
.warningbox {background: none repeat scroll 0% 0% #f5f4f2; border: 1px solid #dbdad6; border-radius: 4px; top: 50%;}

#ABU-alertbox {font-family: 'Lora', serif; margin: 4px;}
#ABU-alertbox > .reply {border-color: #dbdad6 !important; margin: 2px !important;}

.spoiler, .spoiler a {background: #dbdad6; color: #dbdad6; transition: .1s;}

.reply-label-wrapper {color: #0000;}
.reply-label {color: #a18974; font-weight: bold; transition: color .1s;}
.reply-label:hover {color: #b5a393;}

header, .catalog, .cntnt {max-width: 980px; margin: 0 auto; padding: 0 10px;}
.cntnt__left {background: #f5f4f2; position: fixed; top: 0; left: -330px; width: 335px; z-index: 999; transition: .3s;}
.cntnt__left:hover {left: 0;}
.fm {font-size: 0.95em; margin: 5px;}
.fm__header {background: none; font-size: 1.3em; transition: color .1s;}
.fm__header:hover {background: none; color: #b5a393;}
.fm__sub a {display: block;}

input[type="checkbox"].turnmeoff {display: none;}

.mess-post {color: #8f8c88;}

#posts-form > .reply {border-color: #dbdad6 !important;}

.post-wrapper {margin: 8px 0;}
.post {padding: 2px 6px 4px;}
.post .images-single + blockquote {margin: 0 20px 15px;}
.post .post-message {font-size: 1.1em; margin: 0.4em 20px 1em;}
.post .post-details {color: #8f8c88;}
.reflink a {color: #75726e;}
.reflink a:hover {color: #b5a393;}
.reply {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px;}
.reply.hiclass {background: #e9e8e5;}
.reply-posts-marker .post {border: 1px dashed #877b7b;}
.watched-posts-marker .post {border: 1px solid #877b7b;}
.new-posts-marker .post {border-bottom-color: #877b7b;}
.reply .post-details {color: #8f8c88; font-size: 0.9em; opacity: 0;  transition: .2s;}
.reply:hover .post-details {opacity: 1;}

.postbtn-exp {background: url(http://immage.biz/images/2018/09/28/SkBn.png) no-repeat;}
.postbtn-expall {background: url(http://immage.biz/images/2018/09/28/SkBs.png) no-repeat;}
.postbtn-hide {background: url(http://immage.biz/images/2018/09/28/SkBa.png) no-repeat;}
.postbtn-report {background: url(http://immage.biz/images/2018/09/28/SkBf.png) no-repeat;}
.postbtn-options {background: url(http://immage.biz/images/2018/09/28/SkBe.png) no-repeat;}
.sticky-img {filter: grayscale(1); opacity: .7;}

.modal {background: #f8f7f5; border-color: #dbdad6;}
.modal a {font-family: 'Lora', serif;}
.modal a:hover {background: #dbdad6; color: #42413f;}

.post .file-attr {padding: 1px;}
.post .file-attr .filesize, .like-caption, .dislike-caption {display: none;}
.like-div .like-icon, .dislike-div .dislike-icon, .like-count, .dislike-count {color: #8f8c88;}

.post .webm-file {border: none; border-bottom: 2px dashed #c2c0be;}
figure {position: relative;}
figure:hover > .file-attr {opacity: 1;}

.ABU-refmap {font-size: 80%;}

.thread-nav {color: #0000; font-size: 0.95em;}
.thread-nav span {color: #42413f;}
.thread-nav div[style="float:right"] {color: #dbdad6;}
.autorefresh-checkbox {margin: 0 2px 2px 2px !important;}
#postbtn-favorite-bottom {font-size: 0;}
#postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome; margin: 0 2px;}

#postform td.label {font-size: 0; visibility: hidden;}
.markup {padding: 2px;}
.rules-area, .kupi-passcode-suka {display: none;}
.form-files-box .form-files-limits {color: #c2c0be; margin: 2px 0;}
.form-files-box .form-files-drag-area {border-color: #c2c0be; color: #c2c0be;}
.form-files-box .input-thumbnail-box {border-color: #c2c0be;}
.form-files-box .input-thumbnail-meta {background: #e9e8e5;}
.form-files-box .input-thumbnail-size {margin-left: 4px;}
.literally .lc-picker, .literally .horz-toolbar {background: #e9e8e5;}

input[type="text"], input[type="password"], textarea {background: none; border: none; border-bottom: 2px solid #c2c0be; font-size: 1.1em; transition: border .1s;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #a8a6a3;}
input[type="button"], input[type="submit"] {background: none; border: none; color: #a18974; font-size: 1.1em; font-weight: bold; transition: .2s;}
input[type="button"]:hover, input[type="submit"]:hover {color: #b5a393;}
button[disabled], html input[disabled] {color: #c2c0be !important;}
.mselect, select {background: #e9e8e5; border: none; border-bottom: 2px solid #c2c0be; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.qr {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px; padding: 4px;}
.qr .qr-header {background: #f5f4f2; border: none;}
.qr .qr-close {color: #0000; font-size: 0;}
.qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #333;}
.qr-reply .qr-vk-public {display: none;}
.qr-reply .captcha-image img {image-rendering: unset;}
.qr-reply .captcha-box, #postform td .captcha-box {font-family: 'Lora', serif; font-size: 13px; margin-top: 4px;}
#qr-CommentToolbar {margin: 2px 0 0;}
#qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 16px;}
.qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: #e9e8e5;}
.qr-footer hr, .bb hr {border-color: #dbdad6;}
.qr-footer, .bb .bb-footer {font-size: 12px; padding: 0 4px;}

.markup {padding: 0 2px; opacity: 0;}
.m-bold {background: url(http://immage.biz/images/2018/09/29/Skrm.png) no-repeat 50%;}
.m-italic {background: url(http://immage.biz/images/2018/09/29/Skrr.png) no-repeat 50%;}
.m-quote {background: url(http://immage.biz/images/2018/09/29/Skr7.png) no-repeat 50%;}
.m-underline {background: url(http://immage.biz/images/2018/09/29/Skrg.png) no-repeat 50%;}
.m-overline {background: url(http://immage.biz/images/2018/09/29/SkrC.png) no-repeat 50%;}
.m-spoiler {background: url(http://immage.biz/images/2018/09/29/Skrz.png) no-repeat 50%;}
.m-strike {background: url(http://immage.biz/images/2018/09/29/SkrI.png) no-repeat 50%;}
.m-sup {background: url(http://immage.biz/images/2018/09/29/SkrY.png) no-repeat 50%;}
.m-sub {background: url(http://immage.biz/images/2018/09/29/Skrb.png) no-repeat 50%;}

.bb {background: #f5f4f2; border-color: #dbdad6; border-radius: 4px 4px 0 0;}
.bb .bb-header-text-new {color: #a18974;}
.bb .boardstats-row {margin: 5px;}
.fa {font: normal normal normal 14px/1 FontAwesome, 'Lora', serif;}
.fa-bar-chart, .fa-eye {float: right; min-width: 65px;}

.nb, .adminbar-bottom, .footer .board-info {display: none;}
.footer div[style="float: right; margin: 0 0 0.5em 0;"]{float:left!important}

@media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
body {font-size: 0.85em;}
header, .catalog, .cntnt {padding: 0;}
.adminbar {opacity: 1; position: unset;}
.menu {position: unset;}
.adminbar__boards {background: #f8f7f5; position: unset;}

.content, .board-data {width: auto;}
.hboardlist .column {width: 50%;}
.board-list-table .board-title, .board-list-table .board-posts {width: auto;}

.button-mob {background: none; border: none; color: #a18974;}

.oppost {background: none;}
.oppost-options-mob, .post .post-details {background: none;}
.post-wrapper {padding: 0 5px; margin: 5px 0;}
.post .post-message {margin: 0.6em 1em;}
.post {padding: 0;}
.post .image {vertical-align: top;}
.reply .post-details {background: none; opacity: 1;}
body.replypage .reply .reflink::before {content: counter(postcount); margin-left: 0.3em; margin-right: 0.6em;}
.post .images-single + blockquote {margin: 0 1em 0.6em;}
.post .images .image-link a {float: none;}
.ABU-refmap {padding: 0 4px 2px;}

.qr {font-size: 1em;}
.qr-reply input.qmail {width: 180px;}
}