2ch Mobile

@media only screen and (max-width: 480px) and (orientation:portrait),  only screen and (max-width: 540px) and (orientation:landscape){
#plashque, #mobile-plashque, .rules-area, .kupi-passcode-suka, .qr-reply .qr-vk-public, .rmenu, .logo + hr, #postform + hr, .norm-reply + hr {display: none;}

.spoiler {color: #666;}
.spoiler a {color: #ff8533;}

.adminbar {margin-bottom: 35px; padding: 0;}
.adminbar__boards {background: #ddd; border-color: #ddd; font-size: 14px; width: unset; left: 0; right: 100px; z-index: 982;}
.adminbar__boards_sticky {display: unset; transform: none;}
.menu {background: #ddd; border-bottom: 1px solid #ccc; z-index: 980;}

a.adminbar__slink:before {content: "\f015"; font: normal normal normal 20px/30px FontAwesome; padding: 0 2px;}
a.adminbar__slink, #settings {font-size: 0; text-decoration: none;}
#settings:before {content: "\f013"; font: normal normal normal 20px/30px FontAwesome; padding: 0 2px;}

a[onclick*="updateThread(); return false;"]{font-size: 0;}
a[onclick*="updateThread(); return false;"]:before {content: "\f021";}

.thread-nav-mob:nth-of-type(4) > a.button-mob:nth-of-type(4) {display: none !important;}
a[onclick*="updateThread(); return false;"]
{background: #ddd !important; border-radius: 0; position: fixed; top: 0; left: 0; right: 50px; z-index: 981; padding: 0; margin: 0; text-align: right; border: none;}
a[onclick*="updateThread(); return false;"]::before
{font: normal normal normal 20px/30px FontAwesome;}

.mselect {width: 80px;}

.nav-arrows {background-color: #fff; border: 1px solid #ccc; box-shadow: 0 6px 16px rgba(0,0,0,.14); height: 34px; width: 34px; border-radius: 3px; z-index: 970;}
.nav-arrows:hover, .nav-arrows:active {color: #f60;}
.up-nav-arrow {background-image: none; top: 60px;}
.up-nav-arrow:before {content: "\f106"; display: block; font: normal normal normal 22px/32px FontAwesome; text-align: center; width: 32px;}
.down-nav-arrow {background-image: none; bottom: 30px;}
.down-nav-arrow:before {content: "\f107"; display: block; font: normal normal normal 22px/32px FontAwesome; text-align: center; width: 32px;}

.cntnt {padding: 0;}

.reply-label {margin: 0;}
.norm-reply {background: #ddd; border: 1px solid #ccc; border-radius: 0; border-top: none; border-left: none; border-right: none; top: 0; left: 0; right: 0; padding: 0 5px; position: fixed; z-index: 980;}

.mobile.reply-label-top, .mobile.reply-label-bot {background: none !important; border-radius: 0; width: 100%;}
.mobile.reply-label-top {font-size: 0 !important; text-align: right; border: none;}
.mobile.reply-label-top:before {content: "\f044"; font: normal normal normal 20px/30px FontAwesome;}

#postform {height: calc(100vh); overflow: auto;}
#postform table {width: 100%;}
#postform > hr, footer .norm-reply {display: none;}

.oppost-options-mob {display: block !important;}

.postform, .qr {font-size: 1em;}
.qr {border-radius: 0; border-top: none; border-left: none; border-right: none; left: 0 !important; top: 0 !important; padding: 5px; position: fixed; width: 100%; height: calc(100vh); overflow: auto; z-index: 983;}
.qr .qr-header {background: none; border: none; font-weight: bold; padding: 4px;}
.qr-reply input.qmail {width: 200px;}
.qr .qr-close {color: #000; font-size: 0; margin: -4px; padding: 4px;}
.qr .qr-close:before {content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #333;}
.qr-reply .captcha-image img {width: 250px; image-rendering: unset; padding: 4px 0;}
#postform td .captcha-box .captcha-image img {padding: 4px 0; width: 250px;}
.markup {padding: 4px;}
.form-files-box .form-files-drag-area {border-color: #999; color: #999; height: 30px; font-size: 14px; padding-top: 5px;}
input[type="text"], input[type="password"], textarea, input[type="button"], input[type="submit"], select {min-height: 24px;}
.mselect {min-height: unset;}

#ABU-alertbox {min-width: 160px;}
footer {padding: 0 5px;}
}