Dvach.24 Reborn

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,700,700i&subset=cyrillic');

html, body
{background: #eee; font-family: 'Fira Sans', 'Trebuchet MS', sans-serif;}

body
{font-size: 15px;}

#ABU-alertbox
{font: 14px 'Fira Sans', sans-serif;}

.nav-arrows
{left: 0; opacity: 0.9;}

.up-nav-arrow
{top: 0px;}

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

/*========= Head =========*/
.adminbar__boards, .moneymoneymoney, .board-banner, #plashque, #mobile-plashque, .logo > br, .adminbar > hr
{display: none;}

header hr
{margin: 0;}

hr
{border-top: 1px solid #0000;}

.adminbar__menu
{background: #0086c4; font-size: 13.5px; margin: -8px -8px 0px; padding: 5px 10px; text-align: center;}

.adminbar__menu a
{color: #fff !important; padding: 0px 1px; text-decoration-color: rgba(255, 255, 255, 0.3);}

.adminbar__menu a:hover
{text-decoration-color: #fff;}

.mselect
{background: #fff;}

#title
{display: inline-flex;}

#title:before
{content: "Двач.24 —"!important; padding-right: 0.25em;}

.logo
{background: #0095da; font-family: 'Fira Sans', 'Trebuchet MS', sans-serif; color: #fff; padding: 5px 0; margin: -5px -8px 0;}

/*========= Catalog =========*/
.rmenu
{display: none;}

.adminbar .menu
{background: #0086c4; margin: -8px -8px 0px; padding: 5px 10px;}

.adminbar a
{color: #fff !important; text-decoration-color: rgba(255, 255, 255, 0.3);}

.adminbar a:hover
{text-decoration-color: #fff;}

.thread_wrap
{background: #fff; border-bottom: 4px solid #fff; border: 1px solid #ccc;}

.thread_wrap > .thread
{background: #fff; border: none;}

.thread_wrap:after
{background: linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 0%,rgba(255, 255, 255, 0.13) 30%,rgba(255, 255, 255, 0.62) 52%,rgba(255, 255, 255, 0.94) 74%,rgb(255, 255, 255) 100%);}

/*========= Buttons =========*/
header > .norm-reply
{margin: 10px 0;}

.thread-nav
{font-size: 14px;}

.thread-nav, .reply-label-wrapper > .desktop:nth-of-type(1), .favorite-board.desktop, .post-details > .desktop
{color: #0000;}

.favorite-board.desktop
{margin: 0 -2px;}

.fa-star-o.postbtn-favorite-board.fa, .fa-star.postbtn-favorite-board.fa
{font-size: 1em;}

.fa-star-o.postbtn-favorite-board.fa
{color: #333;}

.fa-star.postbtn-favorite-board.fa
{color: #0095da;}

.autorefresh, .desktop.thread-nav:nth-of-type(1) > span:nth-of-type(3), .desktop.thread-nav:nth-of-type(3) > span:nth-of-type(3)
{color: #333;}

.desktop > .reply-label-bot.reply-label
{background: #0095da; border-radius: 2px; color: #fff !important; font-weight: 500; padding: 3px 7px 3px 7px; text-decoration: none !important; transition: 0.1s;}

.desktop > .reply-label-bot.reply-label:hover, .orange:hover
{background: #2076B1;}

.thread-nav > a, #ABU-getnewposts > a, .desktop:nth-of-type(1) > .reply-label-top.reply-label
{background: #0095da; border-radius: 2px; color: #fff !important; font-weight: 500; margin: 0 -1px 0 -5px; padding: 3px 7px 3px 7px; text-decoration: none !important; transition: 0.1s;}

.orange
{background: #0095da; border-radius: 2px; color: #fff !important; font-weight: 400; margin: 0 -4px 0 -4px; padding: 1px 7px 1px 7px; text-decoration: none !important; transition: 0.1s;}

.thread-nav > a:hover, #ABU-getnewposts > a:hover, .desktop:nth-of-type(1) > .reply-label-top.reply-label:hover
{background: #2076B1;}

/*========= Posts =========*/
.board-tags
{margin-bottom: 4px;}

.posts .post-wrapper, .posts .oppost-wrapper, .thread .oppost, .thread .post
{width: 100% !important; clear: both !important;}

.posts, form > .thread
{max-width: 930px !important; margin-left: auto !important; margin-right: auto !important;}

#posts-form
{margin: -12px 0 -11px;}

.desktop.search > input:nth-of-type(3)
{font-size: 13.5px; margin-top: -1px;}

.thread
{background: #fff; border: 1px solid #ccc;}

.post-wrapper
{margin: 0;}

.post
{padding: 4px 8px;}

.reply
{background: #fff; border: none; border-top: 1px solid #ccc; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

.reply.hiclass
{background: #e5f4fb;}

.reply.hidden-thread-box, .hidden-post-box
{padding: 2px 6px; width: 100%;}

.post .post-details
{font-weight: 500; font-size: 14.5px;}

.postbtn-favorite.fa-star
{color: #0095da;}

.reflink a
{text-decoration: underline; text-decoration-color: rgba(51, 51, 51, 0.3); text-decoration-style: dotted;}

.postbtn-exp
{background: url("/b/src/170223387/15179974479920.png") no-repeat;}

.postbtn-expall
{background: url("/b/src/170223387/15179974702970.png") no-repeat;}

.postbtn-hide
{background: url("/b/src/170223387/15179974702971.png") no-repeat;}

.postbtn-report
{background: url("/b/src/170223387/15179974702973.png") no-repeat;}

.postbtn-options
{background: url("/b/src/170223387/15179974702972.png") no-repeat;}

.mess-post
{padding: 0 8px;}

.ABU-refmap
{font-size: 12px; font-style: italic;}

/*========= Modal =========*/
.modal
{background: #fff; border-radius: 0; border-color: #ccc;}

.modal a
{font: 13px 'Fira Sans', 'Trebuchet MS', sans-serif;}

.modal a:hover
{background: #0095da; text-decoration: none;}

/*========= Links =========*/
a, .expand-large-comment
{color: #0095da; text-decoration-color: rgba(0, 149, 218, 0.3);}

a:hover, .expand-large-comment:hover
{color: #f41224; text-decoration-color: rgba(244, 18, 36, 0.3);}

a[href*="youtube.com"]
{border-bottom: none; text-decoration: underline; text-decoration-color: rgba(0, 149, 218, 0.3);}

a[href*="youtube.com"]:hover
{text-decoration-color: rgba(244, 18, 36, 0.3);}

.spoiler, .spoiler a
{background: #ddd; color: #ddd; transition: 0.2s;}

.spoiler:hover a
{color: #0095da;}

a[href$=sage],a[href$=Sage],a[href$=SAGE]
{color: #333; text-decoration: none !important}

a[href$=sage]:before,a[href$=Sage]:before,a[href$=SAGE]:before
{color: #ff0000; content:"(sage)"; font-weight: 500; ; margin-right: 4px;}

/*========= Like/Dislike =========*/
.like-caption, .dislike-caption
{display: none;}

.like-count
{color: #008000;}

.dislike-count
{color: #fd0000;}

.like-div:hover .like-icon, .like-div-checked .like-icon
{color: #008000}

/*========= Fullscreen Conteiner =========*/
#fullscreen-container
{margin: 3px; padding: 1px;}

/*========= Warning Box =========*/
.warningcover
{background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6); opacity: 1;}

.warningbox
{background: none repeat scroll 0% 0% #fff; border: none;}

/*========= Ban =========*/
.settings-wrap
{font-family: inherit; padding: 5px;}

.settings-wrap .title
{border: none; padding: 0;}

.rowelems
{border: none; padding: 0;}

/*========= QR =========*/
.qr
{background: #eee;}

.qr .qr-header
{background: #0000; border: none; font-weight: 500;}

.qr .qr-close
{background: url("/images/quickclose.png") no-repeat; color: #0000;}

.qr-reply input.qmail
{margin-bottom: 1px; margin-right: 2px; width: 272px;}

#captcha-widget
{margin-top: 3px;}

.qr-reply #qr-captcha-value, #captcha-value
{font-family: 'Fira Sans', 'Trebuchet MS', sans-serif;}

.qr-reply .qr-vk-public
{display: none;}

.qr-footer
{font-size: 12px;}

/*========= Reply Table =========*/
.postform-hr
{margin: 4px 0;}

#postform td
{padding: 1px;}

#postform .mail input[type="text"]
{width: 358px;}

#postform td #submit
{margin-left: 4px;}

.markup
{padding: 2px 4px 0 0;}

.form-files-box .form-files-drag-area
{height: 38px; padding-top: 5px;}

input[type="button"], input[type="submit"]
{background-color: #0095da; border-color: #0095da; border-radius: 2px; color: #fff; font-weight: 500}

input[type="button"]:hover, input[type="submit"]:hover
{background-color: #2076B1; border-color: #2076B1;}

button[disabled], html input[disabled]
{background-color: #ccc !important; border: 1px solid #ccc !important;}

input[type="text"], input[type="password"], textarea
{border-radius: 2px;}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{border-color: #0095da;}

#captcha-widget-main
{margin-bottom: 4px;}

.norm-reply a
{text-decoration: underline; text-decoration-color: rgba(0, 149, 218, 0.3);}

.norm-reply a:hover
{text-decoration-color: rgba(244, 18, 36, 0.3);}

/*========= Favorites =========*/
.bb
{background: #fff; font-size: 13px;}

.bb .bb-header
{font-weight: 500;}

.bb .bb-header-text-new
{color: #0095da;}

#favorites-body, #boardstats-body
{padding: 0 5px;}

.fa
{font: normal normal normal 14px/1 FontAwesome, 'Fira Sans', "Trebuchet MS", sans-serif;}

.fa-bar-chart, .fa-eye
{float: right; width: 65px;}

/*========= Footer =========*/
footer
{margin-left: auto; margin-right: auto; max-width: 930px;}

.nb
{background: #333; color: #ccc; font-size: 14px; padding: 6px 12px;}

.nb__data
{width: 100%;}

.nb a
{color: #fff; text-decoration-color: rgba(255, 255, 255, 0.3);}

.nb a:hover
{color: #f41224; text-decoration-color: rgba(244, 18, 36, 0.3);}

.nb__switcher
{border-radius: 2px; color: #0000; font-weight: 500; margin-left: auto; margin-right: auto; padding: 3px 0;}

.nb__switcher > a[href="#"]:nth-of-type(1), .nb__switcher > a[href="#"]:nth-of-type(2), .nb__switcher > a[href="#"]:nth-of-type(3)
{background: #444; border-radius: 2px;}

.nb__switcher > a[href="#"]:nth-of-type(2), .nb__switcher > a[href="#"]:nth-of-type(3)
{margin-left: -8px;}

.nb__switcher a
{color: #fff !important; padding: 3px 6px; text-decoration: none !important; transition: 0.1s;}

.nb__switcher_active
{background: #0095da !important; border-radius: 2px;}

.nb__switcher a:hover
{background: #555; border-radius: 2px;}

.footer > div:nth-of-type(2)
{margin: 0 !important;}

.footer .board-info
{text-align: left;}

@media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){

body
{font-size: 0.85em;}

.adminbar__menu
{font-size: 12.5px; text-align: left; margin: 0;}

.board-list-mob
{color: #fff;}

.logo
{margin: -5px 0 0;}

.nav-arrows
{left: unset;}

/*========= Buttons =========*/
.button-mob
{background: #0095da; border-color: #0095da; border-radius: 2px; color: #fff !important; font-weight: 500;}

.button-mob:hover
{background: #2076B1; border-color: #2076B1;}

/*========= Catalog =========*/
.adminbar .menu
{margin: 0; padding: 5px 10px !important;}

.menu
{position: unset; border-bottom: none;}

/*========= Posts =========*/
#posts-form
{margin: -6px 0 -6px;}

.thread
{border-left: none; border-right: none;}

.oppost
{background: #fff;}

.oppost-options-mob
{background: #fff;}

.post-wrapper
{padding: 0;}

.post
{padding: 4px;}

.post .images-single + blockquote
{margin: 0 1em 1em;}

.post .images .image-link a
{float: none;}

.post .images-multi .image
{display: inline-table;}

.post .post-details
{background: #0000; font-size: 13.5px;}

.turnmeoff
{display: none;}

.posttime
{color: #666; font-size: 0.85em;}

body.replypage .reply .reflink:before
{content: counter(postcount); margin-left: 0.3em; margin-right: 0.5em;}

.ABU-refmap
{padding: 0 5px;}

/*========= Links =========*/
a[href$=sage],a[href$=Sage],a[href$=SAGE]
{color: #0000;}

a[href$=sage]:before,a[href$=Sage]:before,a[href$=SAGE]:before
{color: #ff0000; content:"sage"; font-weight: 500; text-decoration: none; margin-right: -40px;}

/*========= QR =========*/
.qr
{font-size: 1em;}

/*========= Reply Table =========*/
#postform
{max-width: 95%;}

footer > .norm-reply > #postform
{max-width: 100%;}

input[type="text"], input[type="password"], textarea, input[type="button"], input[type="submit"], .qr-reply input.qsubmit
{min-height: 25px;}

.form-files-box .form-files-drag-area
{font-size: 18px; padding-top: 6px;}

/*========= Footer =========*/
footer
{padding: 0 8px 8px;}
}