From c3dbdd83a79d539bbb07d8d6230e3ee61693fb5b Mon Sep 17 00:00:00 2001
From: Simple_Not <44047940+moonbaseDelta@users.noreply.github.com>
Date: Wed, 5 Jul 2023 22:03:23 +1000
Subject: [PATCH] some styling

---
 static/src/default.css | 3019 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 3019 insertions(+)
 create mode 100644 static/src/default.css

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)
+ }
+}