diff --git a/static/src/default.css b/static/src/default.css new file mode 100644 index 0000000..58cb085 --- /dev/null +++ b/static/src/default.css @@ -0,0 +1,3019 @@ +@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) + } +}