2ch Reborn Light

header, .catalog, .cntnt {max-width: 980px; margin: 0 auto; padding: 0 10px;}
@media only screen and (min-width: 1480px) and (orientation:portrait),  only screen and (min-width: 1480px) and (orientation:landscape){
header, .catalog, .cntnt {max-width: 1080px; margin: 0 auto; padding: 0 10px;}
}
@media only screen and (min-width: 1680px) and (orientation:portrait),  only screen and (min-width: 1680px) and (orientation:landscape){
header, .catalog, .cntnt {max-width: 1280px; margin: 0 auto; padding: 0 10px;}
}
@media only screen and (min-width: 1880px) and (orientation:portrait),  only screen and (min-width: 1880px) and (orientation:landscape){
header, .catalog, .cntnt {max-width: 1480px; margin: 0 auto; padding: 0 10px;}
}
::-webkit-scrollbar {width: 12px; height: 12px;}
::-webkit-scrollbar-button {width: 0px; height: 0px;}
::-webkit-scrollbar-thumb {background: #babdbf; border-radius: 6px; border: 2px solid #fff;}
::-webkit-scrollbar-thumb:active {background: #9da1ab;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-corner {background: #fff;}

@font-face {font-family: Trebuchet MS; src: url('/makaba/templates/font/trebuc.eot'); src: url('/makaba/templates/font/trebuc.woff') format('woff'), url('/makaba/templates/font/trebuc.ttf') format('truetype');}

html, body {background: #edeef0; color: #393c40; font-family: 'Trebuchet MS', sans-serif !important; line-height: 1.3;}

.pace .pace-progress {background: #69c;}

a, .a-link-emulator, a:link, a:visited {color: #08c; text-decoration: none; transition: color .1s;}
a:hover, .a-link-emulator:hover {color: #069;}
.postscontainer a:hover {text-decoration: none;}
a[href*="youtube.com"] {border-bottom: none;}
a[href$="sage"], a[href$="Sage"], a[href$="SAGE"] {color: #ff6464;}
a[onclick*="updateThread(); return false;"]{font-size: 0;}
a[onclick*="updateThread(); return false;"]:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome;}
.hashlink {color: #69c !important;}
.hashlink:hover {color: #3f7fbf !important;}

.to-button {border: 1px solid #d4d7d9 !important; box-shadow: none !important; color: #393c40 !important; height: 48px; padding: 0 0 0 16px;}
.to-button:hover {background: #f5f6f7 !important;}
.to-button-h {border: 1px solid #08c !important;}

.btn {color: #393c40 !important;}
.btn-3 {background: #f5f6f7;}
.btn-3:hover {background: #f5f6f7; color: #686d78 !important;}
.btn-3e::after {background: rgba(0,0,0,.05);}

font[color="red"], font[color="#ff0000"], .closed-board, .archive-thread {color: #ff3434;}
.top-user-boards {color: #8f509d;}

.hdescription, .hdescription-stats, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {color: #393c40; font-family: 'Trebuchet MS', sans-serif;}
.postscontainer {background: #fff; border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 3px;}
.hboardlist .column .boardsubj {color: #686d78;}
.mainpage .pager {background: none; box-shadow: none; color: #393c40;}
.hnews .news-posts-count {color: #9299a1;}
.ui-widget.ui-widget-content {border: none;}
.ui-widget-content {background: #fff; border: none;}
.ui-widget-header {background: #edeef0; border: none; border-radius: 0;}
.cloudheader {background: #fff; border-color: #fff;}
.cloudheader .cloudoption {color: #686d78;}
.cloudheader .cloudoption:hover {color: #393c40;}
#tabbed li {background: #fff; border-color: #fff;}
#tabbed li.ui-tabs-active a {color: #393c40;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {color: #686d78;}
.table .thead .th {border: none;}
.table .tbody .tr:nth-of-type(2n) {background: #edeef0;}
.board-speed, .arch-threadnum {color: #686d78;}
.box {background: #fff; border: none; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}

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

.settings-wrap {border-radius: 3px; font-family: 'Trebuchet MS', sans-serif;}

#postbtn-favorite-bottom {font-size: 0;}
#postbtn-favorite-bottom:before {content: "\f006"; font: normal normal normal 14px/1 FontAwesome;}

.adminbar__boards_sticky {display: none;}
.adminbar__boards_hovered {transform: none;}
.adminbar__boards {color: #b8bbc2;}
.adminbar a {color: #393c40;}
.adminbar a:hover {color: #08c;}
.adminbar .menu {padding: 5px;}
.adminbar__menu {border-bottom: none;}
.adminbar__menu a {margin: 0 2px;}
#edit-boards {font-size: 0;}
#edit-boards:before {content:"+"; font: 14px/1 'Trebuchet MS', sans-serif;}
.adminbar-top a[href$="/m.html"], .adminbar-top a[href$="/contacts.html"], .adminbar-top a[href$="/donate.html"], .adminbar-top a[href$="/market.html"], .adminbar-top a[href$="/makaba/makaba.fcgi?task=images_feed"], .adminbar-top a[href$="/makaba/makaba.fcgi?task=images_adult_feed"], .adminbar-top a[href$="/abu/res/42375.html"], .adminbar-top a[href$="/boardrequest.html"], .adminbar-top a[href$="/makaba/stickers/"], .adminbar-top a[href$="/price.html"] {display: none;}
.adminbar-top .adminbar__menu {float: left;}

.centered {padding: 0 8px;}

.mainlogo, a.logo {background: url("http://immage.biz/images/2018/10/15/Skfx.png") no-repeat scroll 0 0 transparent; color: #08c !important;}
.welcomefriend {color: #08c;}
.logo {color: #08c; font-family: 'Trebuchet MS', sans-serif;}

#ABU-alertbox {font-family: 'Trebuchet MS', sans-serif; margin: 6px;}
#ABU-alertbox > .reply {border: none !important; margin: 2px !important;}

hr {border-color: #0000;}
.hr, .box-data .data, hr.dotted {border-color: #d4d7d9;}

.down-nav-arrow {bottom: 40px;}

.rmenu, #plashque, #mobile-plashque, .logo img, .logo br, .moneymoneymoney {display: none;}

.cntnt {margin-top: 10px;}
.cntnt__left {background: #edeef0; border-color: #b8bbc2; padding-right: 5px; position: fixed; top: 0; left: -330px; width: 335px; z-index: 200; transition: .3s;}
.cntnt__left:hover {left: 0;}

.menu {line-height: unset;}
dl.menu dt {background: #fff; border: none; border-radius: 13px; padding: 5px 12px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); display: inline-block; margin-bottom: 5px; transition: .1s;}
dl.menu dt:hover {background: #f5f6f7;}
dl.menu dd {border-left: none; margin-left: 0;}
dl.menu a {display: block; color: #393c40;; padding: 4px 6px; border-radius: 3px;}
dl.menu a:hover {background: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}

.fm__header {background-color: #fff; border-radius: 13px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #393c40; display: inline-block; cursor: pointer; padding: 5px 12px; user-select: none; text-decoration: none; transition: .1s;}
.fm {margin: 5px;}
.fm__header:hover {background: #f5f6f7; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}
.fm__sub {padding-left: 5px;}
.fm__sub a {display: block; color: #393c40; padding: 4px 6px; border-radius: 3px;}
.fm__sub a:hover {background: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}

.thread_wrap {border-color: #fff; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}
.thread_wrap:after {background: linear-gradient(to bottom, rgba(255,255,255,.02) 0%,rgba(255,255,255,.13) 30%,rgba(255,255,255,.62) 52%,rgba(255,255,255,.94) 74%,rgb(255,255,255) 100%);}
.thread_wrap, .thread_wrap > .thread {background: #fff;}
.thread_wrap.expandble:hover {box-shadow: none;}
.thread_wrap.expandble:hover .thread {border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);}

#hideFm {color: #393c40;}
#hideFm:hover {color: #08c;}

.reply-label-wrapper > .desktop {display: none;}
.reply-label-wrapper {font-size: 1em;}

.mobile.reply-label-top, .mobile.reply-label-bot {background-color: #fff; border-radius: 16px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #393c40; display: inline-block; font-size: 1.1em; cursor: pointer; padding: 6px 14px; user-select: none; text-decoration: none; transition: .1s;}
.mobile.reply-label-top:hover, .mobile.reply-label-bot:hover {background: #f5f6f7; box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);}

.board-tags {margin-top: 10px;}

.thread-nav {color: #0000;}
.thread-nav div[style="float:right"] {color: #babdbf;}
.thread-nav a {color: #393c40;}
.thread-nav a:hover {color: #08c;}
.thread-nav span {color: #393c40;}

.oppost-wrapper {overflow: unset; margin-bottom: 10px;}
.oppost {background: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); border-radius: 3px; display: inline-block; max-width: 65em;}

.post-wrapper {margin: 10px 0;}
.post {padding: 0 0 4px;}
.post .post-message {margin: 0.7em 25px;}

.reply-posts-marker .post {border-color: #08c;}
.watched-posts-marker .post {border-color: #08c;}
.new-posts-marker .post {border-color: #08c;}

#posts-form > .reply.post {border: none !important; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
.reply, .post_type_reply {background: #fff; border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); min-width: 24em; transition: box-shadow .15s;}
.post.hiclass {background: #fff; box-shadow: 0 1px 6px 1px rgba(0, 136, 204, .6), 0 0 0 1px #08c;}
.reply.hidden-thread-box, .hidden-post-box {border-color: #d4d7d9 !important; box-shadow: none; color: #686d78; padding: 2px 4px;}

.mess-post {color: #686d78; display: block; padding: 0 8px; margin-top: 10px;}

.post .post-details {color: #9da1ab;}
.post .post-details, .post_type_reply .post__details {border-bottom: 1px solid #edeef0; font-size: .9em; padding: 4px 8px; margin-bottom: 4px;}
.post .post-title {color: #2b4b6e;}
.ophui {color: #46a367;}
span.adm {color: #8f509d !important;}

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

.reflink a {color: #686d78;}
.reflink a:hover {color: #08c;}

.like-div .like-icon, .dislike-div .dislike-icon {color: #9da1ab;}
.like-div:hover .like-icon, .like-div-checked .like-icon {color: #08c;}
.dislike-div:hover .dislike-icon, .dislike-div-checked .dislike-icon, .dislike-caption {color: #ff3434;}
.like-count, .dislike-count {color: #9da1ab; font-weight: normal;}
.like-caption, .dislike-caption {display: none;}
.fa-thumbs-down::before {content: "\f088";}
.media-meta-youtube-icon {color: #ff3434;}
.media-expand-button, .media-hide-button {color: #686d78;}
.media-expand-button:hover, .media-hide-button:hover {color: #393c40;}

body.replypage .reply .reflink:before {color: #686d78 !important;}
.unkfunc {color: #44944a;}

.spoiler, .spoiler a {background: #d4d7d9; color: #d4d7d9; transition: .1s;}
.spoiler:hover a {color: #08c;}

.postbtn-favorite.fa-star {color: #08c;}
.postbtn-exp, .postbtn-report {display: none;}
.postbtn-expall {background: none;}
.postbtn-expall:before {color: #9da1ab; content: "\f065"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
.postbtn-hide {background: none;}
.postbtn-hide:before {color: #9da1ab; content: "\f147"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
.postbtn-options {background: none;}
.postbtn-options:before {color: #9da1ab; content: "\f142"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; width: 14px; text-align: center;}
.sticky-img {filter: grayscale(1);}

#media-thumbnail {background: none; border: none; padding: 0;}
#media-thumbnail img {border-radius: 3px; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);}
.img.preview, .thumb {border-radius: 3px;}
.thumb {box-shadow: none; max-width: 230px; height: auto;}
.post .images .image-link a {min-width: 90px;}
.post .webm-file {border: none; border-bottom: 2px dashed #9da1ab;}
.post .file-attr {padding: 2px 0; color: #686d78;}
.post .file-attr .filesize {height: 14px;}
.post .file-attr a {background: rgba(0,0,0,.4); border-radius: 3px; color: #fff; display: block; max-width: 100px; overflow: hidden; opacity: 0;text-overflow: ellipsis; padding: 0 3px; position: absolute; top: 18px; text-decoration: none; transition: .1s; white-space: nowrap;}
.post .file-attr a:hover {text-decoration: underline;}

figure {position: relative;}
figure:hover > .file-attr a {opacity: 1;}

.modal {background: #fff; border-radius: 3px; border: none; box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); padding: 4px 0;}
.mod-ban, .mod-report {padding: 4px;}
.modal a {font-family: 'Trebuchet MS', sans-serif; color: #393c40; padding: 4px 10px;}
.modal a:hover {background: #f5f6f7; color: #393c40;}
#modReportFormComment {margin-right: 4px;}

.ABU-refmap {color: #686d78; font-style: italic; padding: 0 8px;}
.ABU-refmap a {color: #69c;}
.ABU-refmap a:hover {color: #3f7fbf;}

#fullscreen-container {background: #d4d7d9 !important; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 0; margin: 4px;}
#fullscreen-container img, #fullscreen-container video {border-radius: 3px;}

.warningcover {background: none repeat scroll 0% 0% #edeef0;}
.warningbox {background: #fff; border: none; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.24); top: 50%;}

.qr {background: #fff; border-radius: 3px; border: none; box-shadow: 0 6px 16px rgba(0,0,0,.24); padding: 4px;}
.qr .qr-header {background: none; border: none; font-weight: bold; padding: 3px;}
.qr .qr-close {color: #0000; font-size: 0;}
.qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #393c40;}
.qr-reply input.qmail {width: 357px; margin-right: 3px;}
.qr-reply .qcomment {margin-top: 3px;}
#qr-CommentToolbar {margin: 2px 0 0;}
#qr-CommentToolbar span, #CommentToolbar span {display: inline-block; height: 16px;}
.qr-reply .qr-vk-public, .rules-area, .kupi-passcode-suka {display: none;}
.qr-sticker .sticker img:hover {background: #edeef0;}
.qr-settings #setting-editor-textarea-textarea {font-family: Consolas, monospace;}
.qr-settings thead tr, .qr-settings tbody tr:last-child {background-color: #edeef0;}
.qr-settings .hiderules-table td {border-color: #edeef0;}
.qr-footer, .bb .bb-footer {font-size: 12px; padding: 0 5px;}
.qr-footer hr, .bb hr {border-color: #d4d7d9; margin: 8px 0px 4px;}
.qr-reply .captcha-box {margin-top: 4px;}
.qr-reply .captcha-image img {margin-bottom: 0; image-rendering: unset;}
.qr-reply .captcha-box, #postform td .captcha-box {font-family: 'Trebuchet MS', sans-serif; font-size: 13px;}
.captcha-image img {border-radius: 3px; margin-bottom: 4px;}

#postform td.label {font-size: 0; visibility: hidden;}
#postform .box {background: none; box-shadow: none;}

textarea {min-height: 60px; max-height: 600px;}

button[disabled], html input[disabled] {background: #fff !important; color: #9da1ab;}
input[type="text"], input[type="password"], textarea {background: #fff; border-radius: 3px; border-color: #d4d7d9; padding: 3px 6px; transition: border .1s;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color: #babdbf;}
input[type="button"], input[type="submit"], .arch-searchform input[type="submit"] {background: #fff; border-color: #d4d7d9; border-radius: 3px; padding: 3px 6px; transition: .1s;}
input[type="button"]:hover, input[type="submit"]:hover {background: #f5f6f7;}

select {background: #fff; border: 1px solid #d4d7d9; border-radius: 3px; padding: 2px 4px;}
.mselect {background: #fff; border-color: #d4d7d9; padding: 0 4px;}
.mselect, select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-right-width: 8px;}
.settings-setting-multibox.mselect {margin-left: 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/10/14/Skfu.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/10/14/Skfj.png) no-repeat 50%;}
.m-sub {background: url(http://immage.biz/images/2018/10/14/Skft.png) no-repeat 50%;}

.message-sticker-btn {left: 6px !important; bottom: 6px !important;}
.message-byte-len {bottom: 6px !important;}

.form-files-box .form-files-limits {color: #9da1ab; margin-bottom: 2px;}
.form-files-box .form-files-drag-area {border-color: #b8bbc2; border-radius: 3px; color: #b8bbc2;}
.form-files-box .input-thumbnail-box {border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #686d78; overflow: hidden;}
.form-files-box .input-thumbnail-box, .form-files-box .input-thumbnail-meta {background: #fff;}
.form-files-box .input-thumbnail-size {margin-left: 4px;}
.form-files-box .input-thumbnail-delete {color: #393c40;}

.literally .lc-picker, .literally .horz-toolbar {background-color: #fff;}
.literally .lc-picker, .literally.toolbar-at-top .lc-options {border-color: #d4d7d9;}

.qr-oekaki-footer {border-top: 1px solid #d4d7d9; padding-top: 4px;}

.settings-wrap {background-color: #fff;}
.settings-wrap .title {color: #393c40;}
.settings-wrap .title, .rowelems {border-bottom: none;}
.rowelems input[type="text"] {border-color: #d4d7d9; color: #393c40;}
.rowelems input[type="text"]:focus {border-color: #babdbf;}

.bb {background: #fff; border: none; border-radius: 3px 3px 0 0; box-shadow: 0 0 6px 0 rgba(0,0,0,.2); right: 20px;}
.bb .bb-header-text-new {color: #08c;}
.bb.favorites {right: 175px; z-index: 1009;}
.bb.boardstats {z-index: 1010;}
.bb .boardstats-row {margin: 5px;}

.fa {font: normal normal normal 14px/1 FontAwesome, 'Trebuchet MS', sans-serif;}
.fa-bar-chart, .fa-eye {float: right; min-width: 65px;}

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

.pager {background: #fff; border: none; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); color: #9da1ab;}
.pager strong {color: #393c40;}

@media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
.adminbar__boards, .menu {background: none; border-bottom: none; position: static;}

.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: #393c40 !important; font-weight: normal;}
.mobile.reply-label-top, .mobile.reply-label-bot {border: none;}

.oppost {width: 100%;}
.oppost-options-mob {background: none;}
.oppost-options-mob .mess-post-mob {margin-left: 1em;}
.oppost-options-mob .hide-view {margin-right: 1em;}
.oppost-options-mob .hide-view a {color: #08c !important;}
.post .post-details {background: none;}
.ananimas span, .ananimas a {font-size: 12px;}
.like-div, .dislike-div {margin-left: 0; margin-right: 10px;}

.post-wrapper {padding: 0;}
.post .post-message {margin: 1em;}
.post .post-title {float: left;}
.post .images-single + blockquote {margin: 0 1em 0.6em;}
.post .images .image-link a {float: none;}
.post .image {vertical-align: top;}

#postform table {width: 100%;}
.postform, .qr {font-size: 1em;}
.qr-reply input.qmail {width: 207px;}
.qr-reply .qcomment {width: 100%;}
.qr-reply .captcha-image img {width: 200px;}
}
/* Для твитов. Работает лишь в Firefox */
.SandboxRoot body {background: #0000;}
.EmbeddedTweet {background: #fff;}
.EmbeddedTweet a {transition: 0s;}
.EmbeddedTweet a:hover {color: #3b94d9;}
.Tweet--compact {box-shadow: none;}
.TweetAction, .TweetAction:visited {color: #697882 !important;}
.TweetAction--profile:active, .TweetAction--profile:focus, .TweetAction--profile:hover, .TweetAction--replyEdge:active, .TweetAction--replyEdge:focus, .TweetAction--replyEdge:hover {color: #1da1f2 !important;}
.TweetAction--heartEdge:active, .TweetAction--heartEdge:focus, .TweetAction--heartEdge:hover {color: #e0245e !important;}