flask-htmx-board1/static/src/default.css

3020 lines
52 KiB
CSS
Raw Normal View History

2023-07-05 22:03:23 +10:00
@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)
}
}