@import 'https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'; img,legend { border:0 } legend, td, th { padding:0 } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, progress, video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden], template { display:none } a { background:0 0 } a:active, a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b, optgroup, strong { font-weight:700 } dfn { font-style:italic } h1 { font-size:2em; margin:.67em 0 } mark { background:#ff0; color:#000 } small { font-size:80% } sub, sup { font-size:75%; position:relative; vertical-align:baseline } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 } pre, textarea { overflow:auto } code, kbd, pre, samp { font-family:monospace,monospace; font-size:1em } button, input, optgroup, select, textarea { font:inherit; margin:0 } button { overflow:visible } button, select { text-transform:none; appearance:none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto } input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em } table { border-collapse:collapse; border-spacing:0 } use { pointer-events:none } html { overflow-y:scroll; font-family:trebuchet ms,sans-serif; font-size:15px } body { margin:0; line-height:1.3; background-color:#eee; background-color:var(--theme_default_bg); color:#333; color:var(--theme_default_text) } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :root { --theme_default_bg:#EEE; --theme_default_postbg:#DDD; --theme_default_postbghighlight:#EEDACB; --theme_default_spectext: #800080; --theme_default_postnum:#789922; --theme_default_border:#d2d2d266; --theme_default_text:#333; --theme_default_alttext:#5d5d5d; --theme_default_link:#FF6600; --theme_default_hover:#a74300; --theme_default_title:#004A99; --theme_default_drag:#ccc; --theme_default_spoiler:#BBB; --theme_default_icon:#9e9e9e; --theme_default_btntext:#333; --theme_default_btnbg:#EAEAEA; --theme_default_btnborder:#e0e0e0; --theme_default_altbtnbg:#f5f5f5; --theme_default_btnbghover:#CACACA; --theme_default_altbtnbghover:#fff; --theme_default_inputtext:#333; --theme_nmswitch: #9e9e9e; --theme_mpborder: rgb(85, 85, 85); --theme_mubtn: #cccccc; --theme_sbthumb: #ddd; --theme_sbtrack: #EEE } html[data-theme=nightmode] { --theme_default_bg: rgb(21, 32, 43); --theme_default_postbg: #192734; --theme_default_postbghighlight: rgb(19 29 40); --theme_default_spectext: #800080; --theme_default_postnum: #789922; --theme_default_border: #38444d66; --theme_default_text: #ccc; --theme_default_alttext: #7d7d7d; --theme_default_link: #c3672a; --theme_default_hover: #a74300; --theme_default_title: #6995c5; --theme_default_drag: rgb(76, 96, 116); --theme_default_spoiler: #000000; --theme_default_icon: #565656; --theme_default_btntext: #ccc; --theme_default_btnbg: #192734; --theme_default_btnborder: rgb(56, 68, 77); --theme_default_altbtnbg: #192734; --theme_default_btnbghover: rgb(21, 32, 43); --theme_default_altbtnbghover: rgb(21, 32, 43); --theme_default_inputtext: #ccc; --theme_nmswitch: #c3672a; --theme_mpborder: rgb(13, 20, 27); --theme_mubtn: #333d46; --theme_sbthumb: #223546; --theme_sbtrack: rgb(21, 32, 43) } .fullsize, video { max-width:100%; height:auto } hr { clear:both; border:none; border-top:1px solid var(--theme_default_postbg); height:0 } sub { vertical-align:sub; font-size:smaller } sup { vertical-align:super; font-size:smaller } td, td img { vertical-align:top } a, .a-link-emulator { color:#f60; color:var(--theme_default_link); margin:0; padding:0; font-size:100%; vertical-align:baseline; text-decoration:none; background:0 0; cursor:pointer } a:hover, .a-link-emulator:hover { color:#a74300; color:var(--theme_default_hover) } a[href*="youtube.com"] { border-bottom:1px dotted; line-height:1.5em } .o { text-decoration:overline } .u { text-decoration:underline } .s { text-decoration:line-through } .abbrev { color:#666 } .spoiler, .spoiler a { color:var(--theme_default_spoiler); background-color:var(--theme_default_spoiler) } .spoiler:hover { color:var(--theme_default_text); background-color:transparent } .spoiler:hover a { color:var(--theme_default_link); background-color:transparent } .unkfunc { color:#789922; color:var(--theme_default_postnum) } .icon { width:14px; height:14px; fill:#9e9e9e; fill:var(--theme_default_icon); cursor:pointer; vertical-align:-2px } .icon:hover { filter:brightness(.8) } .icon_type_active { fill:#f60; fill:var(--theme_default_link) } .icon_type_spin { -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite } .post__btn { outline:none; margin-right:5px; -moz-user-select:all } .post__btn_type_adm { transform:rotate(180deg) } .turnmeoff, .post__btn_type_adm { display:none } .turnmeoff { margin:0 4px 0 0 } .warningbox { position:fixed; top:30%; width:600px; background-color:#ddd; background-color:var(--theme_default_postbg); text-align:center; left:50%; margin-left:-300px; margin-top:-205px; padding:20px 10px; font-size:.9em; z-index:991; border:5px solid #717171 } .warningbox__ul { text-align:left } .warningcover { position:fixed; background-color:#848484; background-color:var(--theme_default_icon); bottom:0; right:0; left:0; top:0; z-index:990; opacity:.95 } .warningbox__header { font-size:18px; margin-bottom:10px } .warningboxbutton { margin-top:10px } .warningboxbutton a { margin:0 auto; font-size:18px } #ageboxdisallow { width:250px } .plashque { font-size:19px; position:fixed; top:0; width:100%; background:#000 none repeat scroll 0% 0%; opacity:.7; box-shadow:0 2px 5px 0 #292929; text-align:center; color:#ccc; padding:7px 50px 7px 7px; z-index:999 } .plashque_mob { font-size:19px; position:fixed; top:0; width:100%; background:#000 none repeat scroll 0% 0%; opacity:.9; box-shadow:0 2px 5px 0 #292929; text-align:center; color:#ccc; padding:7px 50px; height:100%; z-index:999 } .mob-banner { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:95%; height:auto } .plashque__close { margin-right:10px; cursor:pointer; position:absolute; top:8px; right:0 } .na { position:fixed; right:20px; width:40px; height:40px; display:none; cursor:pointer; z-index:999; padding:12px; background:var(--theme_default_altbtnbg); border-radius:2px } .na__icon { fill:var(--theme_default_icon); width:16px; height:16px } .na_type_up { top:40px } .na:hover .na__icon { fill:var(--theme_default_hover) } .na_type_down { bottom:20px; transform:rotate(180deg) } .debug { display:none } .closed-thread { text-align:center } .closed-board, .archive-thread { text-align:center; color:red } .dice { color:green; font-style:italic } .media-thumbnail { padding:5px } .abupost { color:red; font-size:1.1em; text-align:center } .adm { background-image:url(/favicon2.png)!important; background-position:right center!important; background-repeat:no-repeat!important; color:purple!important; padding-right:20px!important } .input { padding:0; margin:0; border:none; outline:medium; padding:4px; border:1px solid #e0e0e0; background-color:#f5f5f5; border:1px solid var(--theme_default_btnborder); background-color:var(--theme_default_altbtnbg); transition:background-color .2s ease; color:var(--theme_default_inputtext) } .input:focus { background-color:#fff; background-color:var(--theme_default_altbtnbghover) } .button { padding:4px 6px; border:none; background-color:#eaeaea; background-color:var(--theme_default_btnbg); cursor:pointer; border:1px solid #e0e0e0; border:1px solid var(--theme_default_btnborder); transition:background-color .2s ease; color:var(--theme_default_btntext) } .button:hover { background-color:#cacaca; background-color:var(--theme_default_btnbghover) } .selectbox { display:inline-block; position:relative } .selectbox:after { content:""; width:.5em; height:.5em; background-color:#ccc; clip-path:polygon(100% 0%,0 0%,50% 100%); position:absolute; top:8px; right:6px; pointer-events:none } .select { padding:2px 16px 2px 4px; cursor:pointer; border-radius:4px } input[type=checkbox] { vertical-align:middle } input[type=radio] { vertical-align:text-bottom } .hashlink { padding-right:5px } .catalog .search { float:roght; margin-right:0 } .news { text-align:left; width:500px; margin:0 auto; font-size:.9em } .tti { text-align:center; font-size:.9em; line-height:2 } .tti_info { color:purple; color:var(--theme_default_spectext) } .adminbar { margin-bottom:5px } .header__title { margin:0; line-height:2; font-size:2.4em; text-align:center } .header__logo { text-align:center; clear:both } .header__menu { padding:5px; font-size:.9em; overflow:hidden; border-bottom:1px solid #ddd; border-bottom:1px solid var(--theme_default_postbg); height:30px; white-space:nowrap; text-overflow:ellipsis } .header__menuitem { padding-right:4px } .header__exp { display:none } .header__opts { padding:5px; margin:0; font-size:.9em; display:flex; align-items:baseline; justify-content:flex-start } .header__opts_sticky { position:fixed; top:0; width:100%; padding:5px; background-color:#ddd; background-color:var(--theme_default_postbg); z-index:999; border-bottom:1px solid rgba(191,191,191,.25); transform:translateY(-26px) } .header__opts_hovered { transform:translateY(0) } .nm { display:inline-block } .nm__icon { width:14px; height:14px; vertical-align:middle; fill:var(--theme_nmswitch) } .nm__switcher { display:inline-block; width:32px; height:16px; vertical-align:middle; background:var(--theme_nmswitch); border-radius:10px; padding:2px; position:relative; cursor:pointer } .nm__bullet { content:''; position:absolute; width:12px; height:12px; left:2px; top:2px; background:var(--theme_default_bg); border-radius:100%; transition:.4s } .cntnt { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-flow:row wrap; flex-flow:row wrap } .cntnt__header { flex:1 100%; -webkit-flex:1 100%; padding-bottom:6px } .cntnt__aside { flex:0 0 250px; -webkit-flex:0 0 250px } .cntnt__main { flex:1 1; -webkit-flex:1 1; min-width:0; margin-left:6px } .sidebar { position:sticky; top:0; height:100vh; overflow-y:auto; scrollbar-color:var(--theme_sbthumb) var(--theme_sbtrack); scrollbar-width:thin } .sidebar::-webkit-scrollbar { width:4px } .sidebar::-webkit-scrollbar-track { background:var(--theme_sbtrack) } .sidebar::-webkit-scrollbar-thumb { background:var(--theme_sbthumb) } .sidebar::-webkit-scrollbar-thumb:hover { filter:brightness(.8) } .thread:after { content:''; border-top:1px solid var(--theme_default_border); width:100%; display:block; margin:8px 0; clear:both } .thread { display:flex; flex-flow:column wrap; align-items:flex-start } .replypage .thread:after { display:none } .thread__oppost { margin-bottom:6px } .thread__missed { font-size:.9em; color:#5d5d5d; color:var(--theme_default_alttext); margin-left:20px } .post { padding:4px; margin:0; word-break:break-word; word-wrap:break-word } .post_type_oppost { max-width:60vw } .post_type_reply:before { content:'...'; position:absolute; top:-5px; left:-21px; color:#8c8c8c; color:var(--theme_default_icon) } .post_type_reply { max-width:50vw; background:#ddd; background:var(--theme_default_postbg); border:1px solid var(--theme_default_border); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; margin:2px 0 4px 20px; overflow:visible } .post_preview:before { content:'' } .post_type_hidden { cursor:pointer; opacity:.5 } .post_type_hidden .post__message, .post_type_hidden .post__refmap, .post_type_hidden .post__images { display:none!important } .post_type_last { border-top:2px solid #f60; border-top:2px solid var(--theme_default_link) } .post_type_replied { border-left:2px dashed #f60; border-left:2px dashed var(--theme_default_link) } .post_type_watched { border-left:2px solid #f60; border-left:2px solid var(--theme_default_link) } .post_type_highlight { background-color:#eedacb; background-color:var(--theme_default_postbghighlight) } .post__message { overflow:auto; max-height:600px; padding:16px } .post__message_op { max-height:none; padding:16px 36px } .twitter-tweet-rendered { overflow:auto } .post__title { background:inherit; font-size:1.1em; color:#004a99; color:var(--theme_default_title); font-weight:700; padding:0 6px } .post__anon { cursor:pointer; position:relative } .post__ophui { color:green; padding:0 8px } .post__number { color:#789922; color:var(--theme_default_postnum); padding-left:6px } .post__detailpart { padding:0 6px 0 0!important; display:flex; align-items:center } .post__reflink { color:#5d5d5d; color:var(--theme_default_alttext); text-decoration:none } .post__details { font-size:.9em; color:#5d5d5d; color:var(--theme_default_alttext); display:flex; flex-flow:row wrap; align-items:center } .post__images { padding:0 0 0 16px; float:left; display:flex; flex-flow:row wrap } .post__image { margin:0 } .post__images_type_multi { float:none } .post__images_type_single+.post__message { padding:30px 16px 16px 0 } .post__image-link { margin:0 16px 0 0 } .post__image-link_exp { float:none } .post__file-attr { color:#5d5d5d; color:var(--theme_default_alttext); font-size:.8em; margin-top:4px } .post__filezise { display:block; font-size:.9em } .post__file-nsfw { opacity:.05 } .post__file-nsfw:hover { opacity:1 } .post__file-webm { border:1px dashed #5d5d5d; border:1px dashed var(--theme_default_alttext) } .post__file-close { position:absolute; top:10px; left:10px; width:40px; height:40px; background-color:var(--theme_default_postbg); border-radius:5px; text-align:center; line-height:40px; font-weight:700; color:var(--theme_default_text); opacity:.6 } .post__pomyanem { color:purple; color:var(--theme_default_spectext); font-style:italic } .post__close-webm { padding-left:3px } .post__refmap { font-size:80%; white-space:pre-wrap; word-wrap:break-word; padding:0 16px 6px } .post__mod { color:#26a } .post__adm { color:purple } .post__rate { display:inline-block; cursor:pointer } .post__rate_type_like { color:green } .post__rate_type_like:hover .post__rate-icon, .post__rate_liked .post__rate-icon { fill:#f60 } .post__rate_type_dislike:hover .post__rate-icon, .post__rate_disliked .post__rate-icon { fill:red } .post__rate_type_dislike { color:red } .captcha__image { min-height:120px; min-width:270px; margin:0 4px 0 0; position:relative } .captcha__image img { display:block } .captcha__val { flex:1 1 auto; padding:10px } .captcha__timer { position:absolute; right:0; bottom:0; font-size:1.2em; font-weight:700; padding:4px; color:#777 } .captcha__loadtext { position:absolute; right:50%; top:50%; transform:translate(50%,-50%); font-size:2em; font-weight:700; padding:4px; text-align:center; cursor:pointer } .expand-large-comment { cursor:pointer } .fm { font-size:.9em; margin:0; padding:0 4px; list-style:none } .fm__sub { padding-left:15px; list-style:none } .fm__item { margin-top:10px } .fm__header { background-color:#ddd; background:var(--theme_default_postbg); padding:1px 2px; margin-bottom:5px; cursor:pointer } .fm__header:hover { background-color:#ccc; background-color:var(--theme_default_border) } .fm__item:first-child { margin-top:0 } .tn { font-size:.9em; line-height:1.5; display:flex; display:-webkit-flex; padding:0 0 6px; align-items:center } .tn__item { margin-right:10px } .media-expand-button, .media-hide-button { cursor:pointer; color:#5d5d5d; color:var(--theme_default_alttext) } .js-media-expand-btn, .js-media-hide-btn { cursor:pointer; color:#5d5d5d; color:var(--theme_default_alttext) } .media-expand-button, .media-hide-button, .media-expand-loading { font-size:10px; margin-left:5px } .newpost__wrapper { text-align:center } .newpost__label { border-radius:4px; padding:4px 12px; user-select:none; color:#f60; color:var(--theme_default_link); display:inline-block; cursor:pointer; font-size:1.2rem; line-height:2; margin-bottom:10px } .newpost__label:hover { color:var(--theme_default_hover) } .postform { width:450px; margin:0 auto; font-size:.9rem; text-align:left } .postform_qr { width:auto; min-width:450px } .postform__raw { margin:2px 0 } .postform__raw_flex { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center } .postform__label { display:inline-block; vertical-align:middle; width:50px; cursor:pointer } .postform__limits { position:absolute; bottom:4px; right:10px; opacity:.6; font-size:.8rem } .postform__sticker-prev { position:absolute; bottom:0; left:25px; opacity:.6; cursor:pointer } .postform__sticker-img { width:40px } .postform__complex { display:inline-block; vertical-align:middle } .postform__input { width:100% } .postform__input_type_m { flex:1 1 auto; -webkit-flex:1 1 auto; margin-right:2px } .postform__input_type_s { width:36px } .postarea { position:relative } .postarea__btns { position:absolute; bottom:4px; left:4px } .postarea__btn { width:18px; height:18px } .options__box { display:inline-block; margin-right:10px; cursor:default } .filer__drag-area { height:50px; border:2px dashed #ccc; border:2px dashed var(--theme_default_drag); font-size:20px; text-transform:uppercase; text-align:center; padding-top:9px; color:#ccc; color:var(--theme_default_drag); cursor:pointer } .filer__drag-area_hover { border:2px dashed #f60; border:2px dashed var(--theme_default_link); color:#5d5d5d; color:var(--theme_default_alttext); background-color:var(--theme_default_bg) } .filer__limits { font-size:11px; color:#5d5d5d; color:var(--theme_default_alttext) } .filer__input { display:none } .filer__thumbnails { display:flex; flex-flow:row wrap } .filer__thumb { margin:2px 10px 2px 0; border:1px dashed #ccc; border:1px dashed var(--theme_default_border); font-size:.8rem; position:relative } .filer__thumb:nth-child(4n+4) { margin-right:0 } .filer__img { width:100px; height:100px; display:inline-block; cursor:move } .filer__meta { position:absolute; width:100%; background-color:#ddd; background-color:var(--theme_default_postbg); left:0; bottom:0; opacity:.8 } .filer__delete { float:right; margin-right:5px; cursor:pointer; font-size:1.4em } .filer__nsfw { float:right; margin:0 5px; cursor:pointer } .rules__raw { font-size:11px; padding:2px 0 } .hr_postform { width:550px; max-width:100%; clear:both } .postform__mu-wrapper { display:flex; display:-webkit-flex } .postform__mu { width:22px; height:22px; display:inline-block; cursor:pointer; border-radius:4px; padding:2px 6px; background-color:var(--theme_mubtn); color:var(--theme_default_text); border:none; margin-right:2px } .postform__mu_type_b { font-weight:700 } .postform__mu_type_i { font-style:italic } .postform__mu_type_q { } .postform__mu_type_u { text-decoration:underline } .postform__mu_type_o { text-decoration:overline } .postform__mu_type_s { text-decoration:line-through } .qr { display:none; position:fixed; background:#ddd; background:var(--theme_default_postbg); border:solid 1px #ccc; border:solid 1px var(--theme_default_border); padding:2px; z-index:980; text-align:left; font-size:.9em; min-width:370px } .qr_reply { font-size:1em } .qr__header { margin-bottom:1px; padding:2px; cursor:move; background:#adadad; background:var(--theme_default_spoiler); font-size:14px; text-align:center } .qr__body { } .qr__footer { text-align:center; font-size:11px } .qr__footer hr, .bb hr { border-color:#ccc; border-color:var(--theme_default_border); margin:10px 0 2px } .qr__close { float:right; padding:0 4px; font-weight:700; cursor:pointer } .settings__header { cursor:pointer; margin:5px 0; font-weight:700 } .settings__prefs { margin-left:20px } .settings__checkbox { margin-right:4px } .settings__edit { display:inline-flex; background-image:url(/static/img/edit.png); background-size:cover; width:14px; height:14px; vertical-align:middle; margin-left:7px } .settings__multibox { margin-left:4px } .error { border:1px solid red!important } .oekaki-width, .oekaki-height { width:36px } .sticker { max-height:500px; overflow:auto } .sticker__pack { padding:3px; margin-bottom:5px; overflow:auto } .sticker__name { margin-bottom:3px } .sticker__img { width:60px; margin-right:3px; margin-bottom:3px; cursor:pointer; padding:2px; vertical-align:top } .sticker__update, .sticker__delete { font-size:.8em; cursor:pointer; margin-left:5px } .ah { border-collapse:collapse } .ah__header { background-color:#bbb; background-color:var(--theme_default_spoiler) } .ah__input { width:90px } .ah__input:focus { width:200px!important; margin:0 -100px!important; -moz-appearance:none; -webkit-appearance:none; appearance:none; border:1px #888 solid!important; box-shadow:0 0 5px #000; position:relative!important; -webkit-transition:width 1s ease; -moz-transition:width 1s ease; -o-transition:width 1s ease; -ms-transition:width 1s ease; transition:width 1s ease; text-overflow:ellipsis; z-index:999 } .ah__cell { margin:5px 0; min-width:101px; padding:3px 5px; border:1px solid #f5f5f5; border:1px solid var(--theme_default_altbtnbg); text-align:center; vertical-align:middle } .ah__cell:nth-child(1) { min-width:50px } #setting-editor-textarea-textarea { width:100%; min-height:100px } #setting-editor-singleinput-input { width:100% } #setting-editor-body { max-height:400px; overflow:auto } .bb { display:none; min-width:220px; position:fixed; bottom:0; right:80px; font-size:.85em; background-color:#ddd; border:solid 1px #ccc; background-color:var(--theme_default_postbg); border:solid 1px var(--theme_default_border); border-bottom:none; border-radius:3px 3px 0 0 } .bb__tabs { list-style:none; margin:0 0 10px; padding:0; position:relative; z-index:1; overflow:auto; top:-1px; left:-1px } .bb__tab { float:left; padding:4px 8px; cursor:pointer; font-weight:700; border-radius:0 0 8px 8px; border:1px solid var(--theme_default_border); background:-webkit-linear-gradient(top,var(--theme_default_postbg) 50%,var(--theme_default_border) 100%); margin-right:2px; background:-o-linear-gradient(top,var(--theme_default_postbg) 50%,var(--theme_default_border) 100%); background:-ms-linear-gradient(top,var(--theme_default_postbg) 50%,var(--theme_default_border) 100%); background:-moz-linear-gradient(top,var(--theme_default_postbg) 50%,var(--theme_default_border) 100%) } .bb__tab_active { border-top:1px solid var(--theme_default_postbg); background:var(--theme_default_postbg) } .bb__panels { } .bb__panel { border-bottom:1px solid var(--theme_default_border); padding:4px; max-height:60vh; overflow:auto } .bb__header { padding:6px; font-size:14px; text-align:center; cursor:pointer; margin-right:20px } .bb__header_new { font-weight:700; color:#f60; color:var(--theme_default_link) } .bb__update { position:absolute; right:7px; top:9px; cursor:pointer } .bb__row { margin:2px 0 } .bb__footer { text-align:center; font-size:11px } .bb__bstitle { text-overflow:ellipsis; display:inline-block; vertical-align:middle; max-width:350px; white-space:nowrap; overflow:hidden } .fav__new { margin-right:5px; min-width:23px; display:inline-block; text-align:center } .fav__fa { margin-right:5px; cursor:pointer } .fav__title_type_deleted { text-decoration:line-through } .fav__title_type_updated { font-weight:700 } .mv { display:none } .mv__main { position:fixed; padding:24px 8px 8px; box-sizing:content-box; z-index:983; background-color:#555; background-color:var(--theme_mpborder) } .mv__main_withmeta { padding:24px 8px } .mv__main:after { content:attr(data-mediainfo); position:absolute; width:100%; top:4px; left:0; text-align:center; color:var(--theme_default_drag); font-size:.9em; cursor:move; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .mv__main:before { content:attr(data-metainfo); position:absolute; width:100%; bottom:4px; left:0; text-align:center; color:var(--theme_default_drag); font-size:.9em; cursor:move; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .mv__meta { display:none; position:absolute; top:100%; width:auto; line-height:2; font-size:.9em; color:var(--theme_default_drag); background-color:var(--theme_mpborder); left:50%; transform:translate(-50%,0); padding:0 8px; cursor:pointer; white-space:nowrap } .mv__player { outline:none } .mv__nav { position:fixed; width:60px; height:60px; cursor:pointer; z-index:999; padding:26px 20px 16px; background:var(--theme_mpborder); top:calc(50vh - 20px); border-radius:10px; opacity:.6 } .mv__nav:hover { opacity:1 } .mv__nav_l { left:-10px; transform:rotate(-90deg) } .mv__nav_r { right:-10px; transform:rotate(90deg) } .mv__icon { width:18px; height:18px } .mp { z-index:983; background-color:#555; background-color:var(--theme_mpborder); vertical-align:middle } .mp__controls { display:flex; position:absolute; left:0; right:0; bottom:0; padding:10px; color:#fff; align-items:center; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5)) } .mp__control { margin-left:10px } .mp__control:first-child { margin-left:0 } .mp__play { background:0 0; border:0; cursor:pointer; outline:0; padding:0; display:block } .mp__progress { flex:1 1 auto } .mp__progressbar { width:100% } .mp__mutevol { background:0 0; border:0; cursor:pointer; outline:0; padding:0; display:block } .mp__icon { height:18px; width:18px; fill:#fff; display:block } .mp__input { -webkit-appearance:none; color:#ccc; outline:0; border-radius:4px; background-color:transparent; width:100%; display:block } .mp__input::-webkit-slider-runnable-track { background-color:#fff; border-radius:4px; height:5px; -webkit-user-select:none; user-select:none; background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0)) } .mp__input::-webkit-slider-thumb { margin:-4px; -webkit-appearance:none; width:12px; height:12px; border-radius:100%; background-color:#fff; border:1px solid #ccc } .mp__input::-moz-range-track { background-color:#fff; border-radius:4px; height:5px; -moz-user-select:none; user-select:none } .mp__input::-moz-range-thumb { width:12px; height:12px; border-radius:100%; background-color:#fff; border:1px solid #ccc } .mp__input::-moz-range-progress { background:currentColor; border-radius:4px; height:5px } .mp__input::-ms-track { } .footer { flex:1 100%; -webkit-flex:1 100%; padding-bottom:6px; padding:10px 0 0 } .footer__info { text-align:center; font-size:12px } .footer__boards { font-size:.9rem; padding:16px } .footer__speed { } .mmm { display:flex; justify-content:center } .mmm_top { padding-top:12px } .mmm__img { max-width:100% } .vk-group { width:468px; margin:auto } .pager { margin-bottom:10px; background-color:#ddd; background-color:var(--theme_default_postbg); border:solid 1px #ccc; border:solid 1px var(--theme_default_border); display:inline-block; padding:8px; font-size:.9em } .nb { margin:0 auto; font-size:.9em } .nb__data { width:60%; margin:0 auto; -moz-column-count:2; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:20px; -moz-column-gap:20px; column-gap:20px } .nb__item { margin-bottom:4px; vertical-align:text-top } .nb__switcher { text-align:center; margin-bottom:10px } .nb__switcher_active { color:inherit } .alert { position:fixed; top:4px; right:4px; z-index:998; cursor:default; font-size:.9em; padding:4px 8px; background-color:#ccc; background-color:var(--theme_default_postbg); transition:all .2s ease } .modal { position:absolute; background-color:#ccc; background-color:var(--theme_default_postbg); border-radius:2px; padding:0; margin:0; z-index:9999; cursor:pointer; width:auto; min-width:0; border:1px solid #ccc; border:1px solid var(--theme_default_border); font-size:.9em } .modal a { display:block; padding:3px 10px; font:13px arial; color:inherit; white-space:nowrap; text-decoration:none } .modal a:hover { background:#666; color:#fff } .modal a.mod-action-massban { color:red } .mod-ban, .modal_type_report { padding:3px } .mod-ban div { margin-bottom:3px } .mod-ban #banreason { vertical-align:top } .ui-helper-hidden { display:none } .ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } .ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content:""; display:table; border-collapse:collapse } .ui-helper-clearfix:after { clear:both } .ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0) } .ui-front { z-index:100 } .ui-state-disabled { cursor:default!important; pointer-events:none } .ui-icon { display:inline-block; vertical-align:middle; margin-top:-.25em; position:relative; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat } .ui-widget-icon-block { left:50%; margin-left:-8px; display:block } .ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100% } .ui-datepicker { width:17em; padding:.2em .2em 0; display:none } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:2px; width:1.8em; height:1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:1px } .ui-datepicker .ui-datepicker-prev { left:2px } .ui-datepicker .ui-datepicker-next { right:2px } .ui-datepicker .ui-datepicker-prev-hover { left:1px } .ui-datepicker .ui-datepicker-next-hover { right:1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0 } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45% } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em } .ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:700; border:0 } .ui-datepicker td { border:0; padding:1px } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em; text-align:right; text-decoration:none } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0 } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em; width:auto; overflow:visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left } .ui-datepicker.ui-datepicker-multi { width:auto } .ui-datepicker-multi .ui-datepicker-group { float:left } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em } .ui-datepicker-multi-2 .ui-datepicker-group { width:50% } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width:25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left } .ui-datepicker-row-break { clear:both; width:100%; font-size:0 } .ui-datepicker-rtl { direction:rtl } .ui-datepicker-rtl .ui-datepicker-prev { right:2px; left:auto } .ui-datepicker-rtl .ui-datepicker-next { left:2px; right:auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right:1px; left:auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left:1px; right:auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float:right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px } .ui-datepicker .ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; left:.5em; top:.3em } .ui-widget { font-family:Arial,Helvetica,sans-serif; font-size:1em } .ui-widget .ui-widget { font-size:1em } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:Arial,Helvetica,sans-serif; font-size:1em } .ui-widget.ui-widget-content { border:1px solid #c5c5c5 } .ui-widget-content { border:1px solid #ddd; background:#fff; color:#333 } .ui-widget-content a { color:#333 } .ui-widget-header { border:1px solid #ddd; background:#e9e9e9; color:#333; font-weight:700 } .ui-widget-header a { color:#333 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border:1px solid #c5c5c5; background:#f6f6f6; font-weight:400; color:#454545 } .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:#454545; text-decoration:none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border:1px solid #ccc; background:#ededed; font-weight:400; color:#2b2b2b } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color:#2b2b2b; text-decoration:none } .ui-visual-focus { box-shadow:0 0 3px 1px #5e9ed6 } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border:1px solid #003eff; background:#007fff; font-weight:400; color:#fff } .ui-icon-background, .ui-state-active .ui-icon-background { border:#003eff; background-color:#fff } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#fff; text-decoration:none } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #dad55e; background:#fffa90; color:#777620 } .ui-state-checked { border:1px solid #dad55e; background:#fffa90 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color:#777620 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border:1px solid #f1a899; background:#fddfdf; color:#5f3f3f } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color:#5f3f3f } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color:#5f3f3f } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight:700 } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity:.7; filter:Alpha(Opacity=70); font-weight:400 } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:.35; filter:Alpha(Opacity=35); background-image:none } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35) } .ui-icon { width:16px; height:16px } .ui-icon, .ui-widget-content .ui-icon { background-image:url(/static/img/ui-icons_444444_256x240.png) } .ui-widget-header .ui-icon { background-image:url(/static/img/ui-icons_444444_256x240.png) } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image:url(/static/img/ui-icons_555555_256x240.png) } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image:url(/static/img/ui-icons_ffffff_256x240.png) } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image:url(/static/img/ui-icons_777620_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image:url(/static/img/ui-icons_cc0000_256x240.png) } .ui-button .ui-icon { background-image:url(/static/img/ui-icons_777777_256x240.png) } .ui-icon-blank { background-position:16px 16px } .ui-icon-caret-1-n { background-position:0 0 } .ui-icon-caret-1-ne { background-position:-16px 0 } .ui-icon-caret-1-e { background-position:-32px 0 } .ui-icon-caret-1-se { background-position:-48px 0 } .ui-icon-caret-1-s { background-position:-65px 0 } .ui-icon-caret-1-sw { background-position:-80px 0 } .ui-icon-caret-1-w { background-position:-96px 0 } .ui-icon-caret-1-nw { background-position:-112px 0 } .ui-icon-caret-2-n-s { background-position:-128px 0 } .ui-icon-caret-2-e-w { background-position:-144px 0 } .ui-icon-triangle-1-n { background-position:0 -16px } .ui-icon-triangle-1-ne { background-position:-16px -16px } .ui-icon-triangle-1-e { background-position:-32px -16px } .ui-icon-triangle-1-se { background-position:-48px -16px } .ui-icon-triangle-1-s { background-position:-65px -16px } .ui-icon-triangle-1-sw { background-position:-80px -16px } .ui-icon-triangle-1-w { background-position:-96px -16px } .ui-icon-triangle-1-nw { background-position:-112px -16px } .ui-icon-triangle-2-n-s { background-position:-128px -16px } .ui-icon-triangle-2-e-w { background-position:-144px -16px } .ui-icon-arrow-1-n { background-position:0 -32px } .ui-icon-arrow-1-ne { background-position:-16px -32px } .ui-icon-arrow-1-e { background-position:-32px -32px } .ui-icon-arrow-1-se { background-position:-48px -32px } .ui-icon-arrow-1-s { background-position:-65px -32px } .ui-icon-arrow-1-sw { background-position:-80px -32px } .ui-icon-arrow-1-w { background-position:-96px -32px } .ui-icon-arrow-1-nw { background-position:-112px -32px } .ui-icon-arrow-2-n-s { background-position:-128px -32px } .ui-icon-arrow-2-ne-sw { background-position:-144px -32px } .ui-icon-arrow-2-e-w { background-position:-160px -32px } .ui-icon-arrow-2-se-nw { background-position:-176px -32px } .ui-icon-arrowstop-1-n { background-position:-192px -32px } .ui-icon-arrowstop-1-e { background-position:-208px -32px } .ui-icon-arrowstop-1-s { background-position:-224px -32px } .ui-icon-arrowstop-1-w { background-position:-240px -32px } .ui-icon-arrowthick-1-n { background-position:1px -48px } .ui-icon-arrowthick-1-ne { background-position:-16px -48px } .ui-icon-arrowthick-1-e { background-position:-32px -48px } .ui-icon-arrowthick-1-se { background-position:-48px -48px } .ui-icon-arrowthick-1-s { background-position:-64px -48px } .ui-icon-arrowthick-1-sw { background-position:-80px -48px } .ui-icon-arrowthick-1-w { background-position:-96px -48px } .ui-icon-arrowthick-1-nw { background-position:-112px -48px } .ui-icon-arrowthick-2-n-s { background-position:-128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position:-144px -48px } .ui-icon-arrowthick-2-e-w { background-position:-160px -48px } .ui-icon-arrowthick-2-se-nw { background-position:-176px -48px } .ui-icon-arrowthickstop-1-n { background-position:-192px -48px } .ui-icon-arrowthickstop-1-e { background-position:-208px -48px } .ui-icon-arrowthickstop-1-s { background-position:-224px -48px } .ui-icon-arrowthickstop-1-w { background-position:-240px -48px } .ui-icon-arrowreturnthick-1-w { background-position:0 -64px } .ui-icon-arrowreturnthick-1-n { background-position:-16px -64px } .ui-icon-arrowreturnthick-1-e { background-position:-32px -64px } .ui-icon-arrowreturnthick-1-s { background-position:-48px -64px } .ui-icon-arrowreturn-1-w { background-position:-64px -64px } .ui-icon-arrowreturn-1-n { background-position:-80px -64px } .ui-icon-arrowreturn-1-e { background-position:-96px -64px } .ui-icon-arrowreturn-1-s { background-position:-112px -64px } .ui-icon-arrowrefresh-1-w { background-position:-128px -64px } .ui-icon-arrowrefresh-1-n { background-position:-144px -64px } .ui-icon-arrowrefresh-1-e { background-position:-160px -64px } .ui-icon-arrowrefresh-1-s { background-position:-176px -64px } .ui-icon-arrow-4 { background-position:0 -80px } .ui-icon-arrow-4-diag { background-position:-16px -80px } .ui-icon-extlink { background-position:-32px -80px } .ui-icon-newwin { background-position:-48px -80px } .ui-icon-refresh { background-position:-64px -80px } .ui-icon-shuffle { background-position:-80px -80px } .ui-icon-transfer-e-w { background-position:-96px -80px } .ui-icon-transferthick-e-w { background-position:-112px -80px } .ui-icon-folder-collapsed { background-position:0 -96px } .ui-icon-folder-open { background-position:-16px -96px } .ui-icon-document { background-position:-32px -96px } .ui-icon-document-b { background-position:-48px -96px } .ui-icon-note { background-position:-64px -96px } .ui-icon-mail-closed { background-position:-80px -96px } .ui-icon-mail-open { background-position:-96px -96px } .ui-icon-suitcase { background-position:-112px -96px } .ui-icon-comment { background-position:-128px -96px } .ui-icon-person { background-position:-144px -96px } .ui-icon-print { background-position:-160px -96px } .ui-icon-trash { background-position:-176px -96px } .ui-icon-locked { background-position:-192px -96px } .ui-icon-unlocked { background-position:-208px -96px } .ui-icon-bookmark { background-position:-224px -96px } .ui-icon-tag { background-position:-240px -96px } .ui-icon-home { background-position:0 -112px } .ui-icon-flag { background-position:-16px -112px } .ui-icon-calendar { background-position:-32px -112px } .ui-icon-cart { background-position:-48px -112px } .ui-icon-pencil { background-position:-64px -112px } .ui-icon-clock { background-position:-80px -112px } .ui-icon-disk { background-position:-96px -112px } .ui-icon-calculator { background-position:-112px -112px } .ui-icon-zoomin { background-position:-128px -112px } .ui-icon-zoomout { background-position:-144px -112px } .ui-icon-search { background-position:-160px -112px } .ui-icon-wrench { background-position:-176px -112px } .ui-icon-gear { background-position:-192px -112px } .ui-icon-heart { background-position:-208px -112px } .ui-icon-star { background-position:-224px -112px } .ui-icon-link { background-position:-240px -112px } .ui-icon-cancel { background-position:0 -128px } .ui-icon-plus { background-position:-16px -128px } .ui-icon-plusthick { background-position:-32px -128px } .ui-icon-minus { background-position:-48px -128px } .ui-icon-minusthick { background-position:-64px -128px } .ui-icon-close { background-position:-80px -128px } .ui-icon-closethick { background-position:-96px -128px } .ui-icon-key { background-position:-112px -128px } .ui-icon-lightbulb { background-position:-128px -128px } .ui-icon-scissors { background-position:-144px -128px } .ui-icon-clipboard { background-position:-160px -128px } .ui-icon-copy { background-position:-176px -128px } .ui-icon-contact { background-position:-192px -128px } .ui-icon-image { background-position:-208px -128px } .ui-icon-video { background-position:-224px -128px } .ui-icon-script { background-position:-240px -128px } .ui-icon-alert { background-position:0 -144px } .ui-icon-info { background-position:-16px -144px } .ui-icon-notice { background-position:-32px -144px } .ui-icon-help { background-position:-48px -144px } .ui-icon-check { background-position:-64px -144px } .ui-icon-bullet { background-position:-80px -144px } .ui-icon-radio-on { background-position:-96px -144px } .ui-icon-radio-off { background-position:-112px -144px } .ui-icon-pin-w { background-position:-128px -144px } .ui-icon-pin-s { background-position:-144px -144px } .ui-icon-play { background-position:0 -160px } .ui-icon-pause { background-position:-16px -160px } .ui-icon-seek-next { background-position:-32px -160px } .ui-icon-seek-prev { background-position:-48px -160px } .ui-icon-seek-end { background-position:-64px -160px } .ui-icon-seek-start { background-position:-80px -160px } .ui-icon-seek-first { background-position:-80px -160px } .ui-icon-stop { background-position:-96px -160px } .ui-icon-eject { background-position:-112px -160px } .ui-icon-volume-off { background-position:-128px -160px } .ui-icon-volume-on { background-position:-144px -160px } .ui-icon-power { background-position:0 -176px } .ui-icon-signal-diag { background-position:-16px -176px } .ui-icon-signal { background-position:-32px -176px } .ui-icon-battery-0 { background-position:-48px -176px } .ui-icon-battery-1 { background-position:-64px -176px } .ui-icon-battery-2 { background-position:-80px -176px } .ui-icon-battery-3 { background-position:-96px -176px } .ui-icon-circle-plus { background-position:0 -192px } .ui-icon-circle-minus { background-position:-16px -192px } .ui-icon-circle-close { background-position:-32px -192px } .ui-icon-circle-triangle-e { background-position:-48px -192px } .ui-icon-circle-triangle-s { background-position:-64px -192px } .ui-icon-circle-triangle-w { background-position:-80px -192px } .ui-icon-circle-triangle-n { background-position:-96px -192px } .ui-icon-circle-arrow-e { background-position:-112px -192px } .ui-icon-circle-arrow-s { background-position:-128px -192px } .ui-icon-circle-arrow-w { background-position:-144px -192px } .ui-icon-circle-arrow-n { background-position:-160px -192px } .ui-icon-circle-zoomin { background-position:-176px -192px } .ui-icon-circle-zoomout { background-position:-192px -192px } .ui-icon-circle-check { background-position:-208px -192px } .ui-icon-circlesmall-plus { background-position:0 -208px } .ui-icon-circlesmall-minus { background-position:-16px -208px } .ui-icon-circlesmall-close { background-position:-32px -208px } .ui-icon-squaresmall-plus { background-position:-48px -208px } .ui-icon-squaresmall-minus { background-position:-64px -208px } .ui-icon-squaresmall-close { background-position:-80px -208px } .ui-icon-grip-dotted-vertical { background-position:0 -224px } .ui-icon-grip-dotted-horizontal { background-position:-16px -224px } .ui-icon-grip-solid-vertical { background-position:-32px -224px } .ui-icon-grip-solid-horizontal { background-position:-48px -224px } .ui-icon-gripsmall-diagonal-se { background-position:-64px -224px } .ui-icon-grip-diagonal-se { background-position:-80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius:3px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius:3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius:3px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:3px } .ui-widget-overlay { background:#aaa; opacity:.3; filter:Alpha(Opacity=30) } .ui-widget-shadow { -webkit-box-shadow:0 0 5px #666; box-shadow:0 0 5px #666 } .mobile { display:none } @media only screen and (max-width:1600px) { .post_type_reply, .post_type_oppost { max-width:75vw } } @media only screen and (max-width:1300px) { .post_type_reply, .post_type_oppost { max-width:85vw } } @media only screen and (max-width:1023px) { .post_type_reply, .post_type_oppost { max-width:100vw } .post_withimg { min-width:auto } } @media only screen and (max-width:720px) { .cntnt__aside { display:none } .mv__nav { display:none } } @media only screen and (max-width:480px) { .adminbar__opts { transform:translateY(0) } .cntnt__main { margin:0 6px } .header__title { margin-top:30px } .tn { justify-content:center; padding:6px 0 } body { padding:0; font-size:.8em } .na { display:none!important } .desktop { display:none!important } .mobile { display:initial; clear:both } .header__logo { font-size:1.5em!important } .passcode-banner-mob { display:block!important } #postform .mail input[type=text], #postform td #shampoo, #postform td input#subject { width:100%!important; min-width:233px } .postform__raw { margin:4px 0 } .captcha { flex-direction:column } .captcha__val { margin:4px 0 } .postform__input, .captcha__val, .postform .button { padding:10px } .postform__input_type_m { margin-right:4px } .postform__input_type_m:nth-last-child(2) { margin-right:0 } .header__newpost { padding-bottom:14px } .modal_type_report { left:calc(50vw - 100px)!important; font-size:1.4em } #postform .name #name, #postform td input#subject { margin-bottom:2px } .adminbar { overflow:auto } .postform { width:100%; min-width:100% } .postform__input_type_m:nth-last-child(2) { margin-right:0 } .thread__post { margin:4px 0; padding:0 10px } .post_type_reply { width:100%!important; min-width:100%!important; padding:0; margin:4px 0 0; border:none } .post_type_reply:before { content:'' } .post_type_last { border-top:2px solid #f60; border-top:2px solid var(--theme_default_link) } .post_type_replied { border-left:2px dashed #f60; border-left:2px dashed var(--theme_default_link) } .post_type_watched { border-left:2px solid #f60; border-left:2px solid var(--theme_default_link) } .post_type_oppost { padding:0; margin-left:-6px; margin-right:-6px; width:100% } .post_withimg { min-width:100% } .post__details { padding:5px; overflow:hidden; font-size:1em } .post .images { margin-bottom:5px } .post__images_type_single+.post__message { padding:30px 16px 16px } .post__message { padding:8px; font-size:1rem } .post__message_op { overflow:initial } .postarea__btn { width:24px; height:24px } .oppost-options-mob { overflow:auto; padding:6px; display:flex!important; align-items:center; justify-content:space-between; align-self:stretch; margin-left:-6px; margin-right:-6px } .post__details_mobile { padding:2px; display:flex; justify-content:flex-end; background:var(--theme_default_postbg) } .posts hr { margin-top:30px!important; margin-bottom:30px!important } .posts hr:last-of-type, .thread-nav_mob+hr { margin:.5em auto!important } .post__file-preview { max-width:110px; height:auto } .qr { min-width:100%; font-size:.9em; position:fixed } .hidden-thread-box { margin-left:0!important; padding:5px } .menu-links-mob { float:right!important } .thread-nav_mob { display:block!important; text-align:center!important } .postform__mob { text-align:center; margin:4px 0; display:block } .postform__mob-button { font-size:1.4em; margin:10px; line-height:2 } .button_mob { float:none!important; border-radius:3px; padding:6px 10px 5px!important; font-weight:700; background-color:#ddd; border:1px solid #ccc; background-color:var(--theme_default_btnbg); border:1px solid var(--theme_default_btnborder); user-select:none; background-repeat:repeat-x; color:#f60; color:var(--theme_default_link); display:inline-block!important; cursor:pointer } #js-mob-nav { color:var(--theme_default_text) } } @-moz-keyframes spin { 100% { -moz-transform:rotate(360deg) } } @-webkit-keyframes spin { 100% { -webkit-transform:rotate(360deg) } } @keyframes spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } }