/*! normalize.css v8.0.1 */html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} html { background-color: #eeeeee; color: #333333; height: 100%; font-family: Verdana,sans-serif; font-size: 14px; } body { padding: 5px 8px 10px 8px; display: flex; flex-direction: column; min-height: 100%; } blockquote { display:block; margin: 1em 35px; font-size: 14px; line-height: 19px; } blockquote blockquote {margin-left: 0em; display: block; max-height: 1200px; overflow: auto;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } table {border-collapse: separate; border-spacing: 2px; border-style:none;} table td {border-style:none;} form textarea { display: block; } img.fullsize, video {max-width: 100%; height: auto; } hr {clear: both; border: none;border-top: 1px solid #ddd;height: 0;} td, td img {vertical-align: top;} sup > sub, sup > sup, sub > sub, sub > sup {display: none;} header { } content { flex-grow: 1; transition: margin-bottom 250ms ease; } footer { text-align:center; } .clear-transitions {transition: none !important;} .clear-overflow {overflow: hidden !important;} body.nullpage, body.replypage {overflow-y: scroll;} body.replypage{counter-reset:postcount;counter-increment:postcount} body.replypage .reply .reflink:before{counter-increment:postcount;content:"#" counter(postcount);color:#789922;margin:0 0.6em;} .postertripid {cursor: pointer;} .nothumb { float: left; background: #eee; border: 2px dashed #aaa; text-align: center; margin: 2px 20px; padding: 1em 0.5em 1em 0.5em; } .reflink a { color: inherit; text-decoration: none; outline: none; } .userdelete { float: right; text-align: center; white-space: nowrap } .replypage .replylink { display: none } .o {text-decoration: overline;} .u {text-decoration: underline;} .s {text-decoration: line-through;} .hidden {opacity:0} .hidden:hover {opacity:.8} a, .a-link-emulator {color:#ff6600; vertical-align:baseline; background:transparent; cursor: pointer; text-decoration: underline;} a:hover, .a-link-emulator:hover, .button-mob:hover{color:#0066FF;} blockquote a[href*="youtube.com"], blockquote a[href*="youtu.be"], blockquote a[href*="vocaroo.com"] { text-decoration: none; border-bottom: 1px dotted; line-height: 1.5em; } .debug {display: none;} .closed-thread {text-align:center;} .closed-board, .archive-thread {text-align:center; color: red;} .na {position: fixed;right: 10px;width: 54px;height: 54px;display: none;cursor: pointer;z-index: 998;} .na_type_up { top: 40px; background: url(/templates/img/arrows_up.png) 5px 5px no-repeat;} .na_type_up:hover {background-position: -54px 5px;} .na_type_down {bottom: 20px;background: url(/templates/img/arrows_down.png) -54px 5px no-repeat;} .na_type_down:hover {background-position: 5px 5px;} span.adm{color:#800080;} span.mod{color:#2266AA;} span.sys{color:#2266AA;} #youtube-thumb-float {display:none; border: 1px dotted gray; padding: 5px; background: #ccc;} .youtube-thumb-inline {display:inline-block; margin-top:2px; position: relative;} .youtube-thumb-inline::after {content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAQAAACMYb/JAAAArklEQVR4AYXSr05CYRjA4cPGxjRosTijdvNJzmD1CrwAvQWugASNwGg0MoErOIVCPCMx0hmBMaAA4mPX8/2rT/i+9/1lPu0M3MtCN1OAvS+NEFkDmHqoJwcAbHzUkb9n7C5FqLynCAzdpAhLrynCRc9VnEDpKUWYpUmZIlt5nBQeY889amvGPj33HBvdt45WbAELeWyNP/qu/8dwBrDyVp9UBRi5DYXZdTLxEs77F5bCVAHlDJ1UAAAAAElFTkSuQmCC"); position: absolute; top: calc(50% - 21px); left: calc(50% - 31px); padding: 10px 22px; background-color: rgba(255,0,0,0.4); border-radius: 8px; line-height: 0;} .youtube-thumb-inline:hover::after {background-color: rgba(255,0,0,0.7);} .youtube-thumb-inline img {width:280px; height:158px; border: 1px dotted gray;} /* Spoiler -> Qote and Dice roll fixes */ .spoiler .unkfunc { color: inherit !important } .spoiler:hover .unkfunc { color: green !important } .dice { font-style: italic; color: rgb(0,128,0); background: rgba(0,128,0,0.1); border-radius: 4px; padding: 0 4px; } /* */ .like-div, .dislike-div {display: inline-block;font-size: 12px;cursor: pointer;margin-left:10px;} .like-div-checked, .dislike-div-checked {cursor: default;} .like-div .like-icon, .dislike-div .dislike-icon {color:#838383} .like-div:hover .like-icon, .like-div-checked .like-icon {color:#F60;} .dislike-div:hover .dislike-icon, .dislike-div-checked .dislike-icon, .dislike-caption {color:red;} .like-caption {color:green;} .like-count, .dislike-count {color: #F60;font-weight: bold;} .adminbar {width:100%; margin-bottom:5px;font-size: 0.9em;} .adminbar__menu {padding:0; margin:0; overflow:hidden;} .adminbar__menu a {text-decoration:none;} .adminbar__boards {padding:0; margin:0; text-align: left;} .adminbar__cat {padding: 0 10px 5px 0;} .adminpost { color: red; font-size: 1.1em; text-align: center; } /* ============================================================================ START SYSTEM STYLES ============================================================================ */ .admin-element {display: none;} .postpanel { margin-left:4px;} .ananimas {} .posterid {cursor:pointer} .postbtn-favorite-board {cursor:pointer;font-size: 14px;} .dropd-boards {position: relative;display:inline-block;} .dropd-board-btn {cursor: pointer;padding: 1px 5px;background: #eaeaea;display: inline-block;border: 1px solid #ccc;} /*.dropd-board-btn .fa-caret-down {line-height: 1;}*/ .dropd-board-list {display: none;position: absolute;top: 100%;margin-top:-1px;left: 0px;background: #fff;width: 330px;border: 1px solid #ccc;z-index:999;} .dropd-board-list.dropped {display: block;} .dropd-board-list a {padding: 2px 2px 2px 5px;display: block;text-decoration: none;} .dropd-board-list a:hover {background-color: #ececec;color:#ff6600;} .dropd-board-list ul {list-style: none; margin:0; padding: 0;} .postbtn-hide, .postbtn-rep, .postbtn-exp, .postbtn-expall, .postbtn-adm, .postbtn-options, .postbtn-report, .sticky-img { display: inline-block; width: 14px; height: 14px; cursor: pointer; vertical-align: text-bottom; margin: 0 1px 1px 0; } .postbtn-favorite { cursor: pointer; margin: 0 2px 0 -2px; } .postbtn-subscribe { cursor: pointer; margin: 0 2px 0 -2px; font-size: 0.9em; display:none; } .postbtn-subscribe.icon-bell-alt {color: #ff6600;} .postbtn-favorite.icon-star {color: #ff6600;} .postbtn-hide { background:url("data:image/gif;base64,R0lGODlhDgAOAJEAAPDw8IyMjP///wAAACH5BAEAAAIALAAAAAAOAA4AQAIUVI55pu0Pozyg2jqz3u9evjGRUAAAOw==") no-repeat; } .postbtn-exp { background:url("data:image/gif;base64,R0lGODlhDgAOAJEAAPDw8IyMjP///wAAACH5BAEAAAIALAAAAAAOAA4AQAIcVI55pgDanIS0Imfvy3LnH3QfNnpUR1YpwmRCAQA7") no-repeat; } .postbtn-expall { background:url("data:image/gif;base64,R0lGODlhDgAOAKECAPDw8IyMjP///////yH5BAEAAAIALAAAAAAOAA4AAAIeVI55pgkNH0Sg1kmdtUd25TlgNDZhcH6iuV3Yy8AFADs=") no-repeat; } .postbtn-adm { background:url("data:image/gif;base64,R0lGODlhDgAOAJEAAPDw8IyMjP///wAAACH5BAEAAAIALAAAAAAOAA4AQAIaVI55luCgopwUPUhv1bUfPoGSGJElljCVUAAAOw==") no-repeat; } .postbtn-options { background:url("data:image/gif;base64,R0lGODlhDgAOAJEAAPDw8IyMjP///wAAACH5BAEAAAIALAAAAAAOAA4AQAIaVI55huCvGoy0WvoyBrcr52XgJpKcRzGXUAAAOw==") no-repeat; } .postbtn-report { background:url("data:image/gif;base64,R0lGODlhDgAOAKECAIyMjPDw8P///////yH5BAEKAAIALAAAAAAOAA4AAAIZFI55pu0QwktxomqhzNj2+WXc5pGiwlhCAQA7") no-repeat; } .postbtn-adm, .actions-adm { display:none; } .postbtn_shown { display: inline-block; } .edittime { display: table; margin: 0 1em 1em 1em; font-size:0.7em; opacity: 0.5; font-style: italic; } .refmap { font-size:75%; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, ??????? ? 1999 ???? */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } #AlertBox { position:fixed; top:0; right:0; z-index:9999; cursor:default; font:14px sans-serif; } .modal { position:absolute; background: #DDDDDD; border-radius: 2px; padding:0; margin:0; z-index:9999; cursor:pointer; width:auto; min-width:0; font-size: 0.9em; overflow: hidden; } .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; } .mod-ban, .mod-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:bold;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 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 .6em;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:bold}.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:normal;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:normal;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 rgb(94,158,214)}.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:normal;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:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.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("../img/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../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("../img/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../img/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../img/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../img/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../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} .warningbox { position: fixed; top: 30%; width: 600px; /*height: 410px;*/ background: none repeat scroll 0% 0% #CCC; text-align: center; left: 50%; margin-left: -300px; margin-top: -205px; padding: 20px 10px; font-size: 0.9em; z-index: 991; border: 5px solid rgba(113, 113, 113, 1); } .warningbox .warning-header { font-size: 18px; margin-bottom: 10px; } .warningbox ul { text-align: left; } .warningcover { position: fixed; background: none repeat scroll 0% 0% #848484; bottom: 0px; right: 0px; left: 0px; top: 0px; z-index: 990; opacity: 0.95; } .warningboxbutton {margin-top: 10px;} .warningboxbutton a { margin: 0px auto; text-decoration: none; font-size: 18px; } .warningbox .unban-warning { text-align:left; } .warningbox .unban-warning-left { float: left; width: 50%; margin-bottom: 10px; border-right: 1px dashed rgb(117, 117, 117); padding-right: 10px; } .warningbox .unban-warning-right { float: right; width: 50%; padding-left: 10px; } #ageboxdisallow {width: 250px;} /* ============================================================================ END ============================================================================ */ /* ============================================================================ START inputs ============================================================================ */ textarea { margin: 0; padding: 2px 4px; border: 1px solid #cacaca; outline: none; } select { padding: 1px 0; margin: 0; border: 1px solid #cacaca; outline: none; } input[type="text"], input[type="button"], input[type="submit"], button { padding: 2px 4px; color: #333; background-color: #fff; border: 1px solid #cacaca; outline: none; } input[type="button"], input[type="submit"], button { background: #eaeaea; cursor: pointer; } input[type="button"]:hover, input[type="submit"]:hover, button:hover{ box-shadow: 0 1px 2px rgba(0,0,0,0.1); } input[type="button"]:active, input[type="submit"]:active, button:active{ position: relative; top: 1px; left: 0px; } input[type="radio"] { vertical-align: text-bottom; } /* input[type="checkbox"] { vertical-align: middle; } */ input.input_wide, button.input_wide { padding: 4px 6px; min-height: 27px; } .checkbox_custom { display: inline-block; vertical-align: -1px; } .checkbox_custom input[type="checkbox"] { display: none; visibility: hidden; } .checkbox__label { display: flex; align-items: center; font-size: 13px; font-family: Verdana,sans-serif; } .checkbox__label::before { border-radius: 2px; flex: none; margin-right: 6px; width: 13px; height: 13px; border: 1px solid #999; background-color: #fff; content: ""; box-sizing: border-box; } i.checkbox__label::before { margin-right: 0; } .checkbox_custom.big .checkbox__label::before { width: 15px; height: 15px; } .checkbox_custom input[type="checkbox"]:checked + .checkbox__label::before { background-position: 50% 50%; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMzIgMjQiPgo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMjggMGwtMTYgMTUuOTk2LTgtNy45OTYtNCA0IDEyIDEyIDIwLTIweiI+PC9wYXRoPgo8L3N2Zz4); background-size: 9px 7px; content: " "; } .checkbox_custom.big input[type="checkbox"]:checked + .checkbox__label::before { border-color: #ff6600; background-color: #ff6600; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMzIgMjQiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjggMGwtMTYgMTUuOTk2LTgtNy45OTYtNCA0IDEyIDEyIDIwLTIweiI+PC9wYXRoPgo8L3N2Zz4); } /* --- END inputs --- */ /* ============================================================================ START pace ============================================================================ */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #dd7822; position: fixed; z-index: 2000; top: 0; /*right: 100%;*/ margin-left: -8px; width: 100%; height: 2px; } /* ============================================================================ END pace ============================================================================ */ /* ============================================================================ START header styles ============================================================================ */ .nojs-warning {text-align: center;font-size: 1.1em; color:#ff0000;} .banner_image{text-align: center; margin-top: 4px;} .banner_title{text-align: center; font-size:2em; font-weight:bold; color:#ff6600;} .banner_title a {text-decoration:none;} .banner_title a:hover {color:inherit;} .banner_subtitle{text-align:center; font-size:0.95em; color:#ff6600; padding-top:2px;} .mselect {cursor: pointer;font-size:0.9em;} .style-switcher {float:right;} .style-switcher .mselect {background: inherit;width:100px;} .blotter {text-align: left;width: 500px;margin: 0 auto;font-size: 0.8em;} .blotter__item {padding-bottom: 2px;} .blotter__item:last-child{padding-bottom: 0;} .blotter__buttons {text-align: right; font-size: 0.9em;} .search {display: inline-block; position: relative; margin-right: 10px;} .search input {width:170px; padding-right: 21px;} .search__btn { position: absolute; top:3px; right:0; font-size: 1.1em; line-height:1; cursor: pointer; padding: 0 4px; opacity: 0.5; } .search_message {text-align:center; font-size:1.5em;margin:40px 0 80px 0;} .catalog .search {float: roght;margin-right: 0;} .board-tags {text-align:center;font-size: 0.9em;} .top-user-boards {text-align: center;font-size: 1em; color:#800080;} .top-user-boards a {text-decoration: none;} .top-user-boards span:after {content: '•';padding: 0 5px;} .top-user-boards span:last-of-type:after {content: '';} /* ============================================================================ END header stylez ============================================================================ */ /* ============================================================================ status page styles ============================================================================ */ .messagepage__header { font-size: 2.2em; text-align: center; margin: 30px 0; } .messagepage__header a { text-decoration: none; } .messagepage__404image { text-align:center; } .messagepage__404text { text-align:center; font-size: 1.4em; margin: 30px 0; } @media only screen and (max-width: 480px) and (orientation:portrait), only screen and (max-width: 540px) and (orientation:landscape){ .messagepage__404image img { max-width: 80%; } .messagepage__404text { font-size: 1.1em; } } /* ============================================================================ END status page styles ============================================================================ */ /* ============================================================================ START thread styles ============================================================================ */ .reply.hidden-thread-box, .hidden-post-box { /*border: 1px solid grey !important;*/ cursor:pointer; padding: 1px 3px 3px; opacity: 0.5; } .hidden-thread-num { font-weight:bold; } /* ============================================================================ END thread stylez ============================================================================ */ /* ============================================================================ START post styles ============================================================================ */ .oppost-wrapper { margin-bottom: 4px; overflow: auto; } .post-wrapper { margin: 4px 0 4px 0px; overflow: visible; word-wrap: break-word; } .post {padding: 1px 3px 3px;margin: 0; word-break: break-word;} .post_deleted{ opacity: 0.4; } .reply { display: inline-block; min-width: 26.4em; max-width: calc(100vw - 290px); background: #dddddd; border: solid 1px #cccccc; border-radius: 2px; } .reply.withimg {min-width: 31em;} .post .post-details {margin-bottom: 2px;} .post .post-title{background:inherit; font-size:1em; color:#002244; font-weight:bold;} .post .image { margin: 0 1.2em;} .post .image_search { margin: 2px !important;} .post .image_search img {max-width:100px; max-height:100px;} .post .images-multi .image {display: inline-block; vertical-align:top;} .post .images-single {float: left;} .post .images-single + blockquote {margin: 2em 15px 1em 0;} .post .images .nsfw {opacity:0.05} .post .images .nsfw:hover {opacity:1} .post .images .image-link {position: relative; overflow: hidden;} .post .images-single-exp {display: table;} .post .images-single .file-attr {width: 0; white-space: nowrap;} .post .file-attr {color:#666666; font-size: 0.9em; line-height: 1.2;} .post .file-attr .filesize {display: block; font-size: 0.8em; line-height: 1.4;} .post .file-attr .file-notice {font-size: 0.9em; font-style: italic; margin-left: 10px;} .post .close-img {padding-left: 3px;} .post .post-message {overflow: auto;} .post.reply .post-message { max-height: 600px;} .post .post-reply-link {} .post .post-reply-link_ref {font-weight:bold;} .preview {vertical-align: middle;} .preview_video {position:absolute; top:0; left:0; width:100%; height:100%;} .preview_video_loader {position:absolute; top:0; left:-100%; width:100%; height:2px; background: #dd7822; z-index:2;} .preview.lazy {opacity: 0;} .preview.lazy:not(.initial) {transition: opacity 0.6s;} .preview.lazy.initial, .preview.lazy.loaded, .preview.lazy.error {opacity: 1;} .preview.lazy:not([src]) {visibility: hidden;} .post .images .image-link {display: inline-block; background: rgba(255,255,255,0.3); transition: background 0.6s;} .filetype_1 {} /* image file */ .filetype_2 {border: 1px dashed #818181;} /* video file */ .filetype_3 {border: 1px dashed #607da7;} /* audio file */ .filetype_4 {border: 1px dashed #818181;} /* other file */ .browser-ff .reply.withimg.expanded-media {min-width: 65em;} .hiclass{background:#eedacb;} .ophui {color: green;} .pomyanem, .pomyanem a {color: #c12267; font-style: italic; margin-top:10px; text-decoration:none;} .mess-post { font-size: 0.9em;color: #707070;} .abbrev{color:#666666;} .spoiler, .spoiler a {background:#bbbbbb;color:#bbbbbb;} .spoiler a[href*="youtube.com"] {border-bottom:none;} .spoiler:hover{color:#333333;} .spoiler:hover a {color: #ff6600;} code, .code { display: inline-block !important; font-family: Consolas, monospace; padding: 3px !important; margin: 3px 0 0 0; border-radius: 2px; border: 1px solid rgba(0,0,0,0.2); white-space: pre-wrap; tab-size: 4; -moz-tab-size: 4; -o-tab-size: 4; overflow-x: auto; background: none !important; } .quoted { font-family: Consolas, monospace; line-height: 1em; } .textwall { display: inline-block; margin: 2px 0; } .textwall:before { display: block; float: left; width: 14px; height: 16px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAgCAYAAADAMlLuAAAAa0lEQVR42tzSQQoAIQgF0Iy5l1fXkzkUBKOptWgRI7RIHiX4QUTKqmrZqMOImWXrpQyq7yI4zeRBd3ALXYSIkCILJuQBhSLQCm5d8G/Rs4pufynb2dhpzZY7+mEK1L2l4HuISGzvxqi8AgwAuMg/VNkx3R0AAAAASUVORK5CYII=") no-repeat; background-position: 0 3px; content: ' '; } .textwall__open:before { background-position: 0 -13px; } .textwall__title { border-bottom: 1px dotted; cursor: pointer; } .textwall__text { padding: 3px 0 10px 0; display: none; } .float {border: 1px solid gray;} .new-posts-marker .post { border-bottom: 2px solid #FF0000; } .reply-posts-marker .post { border-left: 2px dashed #FF0000; } .watched-posts-marker .post { border-left: 2px solid #FF0000; } .postertrip{color:#228854;} .unkfunc{color:#789922;} .thread-nav { font-size: 0.9em; line-height: 1.5; } .media-expand-button, .media-hide-button { cursor: pointer; color: #444444; } .media-expand-button:hover, .media-hide-button:hover { color: #666666; } .media-expand-button, .media-hide-button, .media-expand-loading { font-size: 10px; margin-left: 5px; } .media-i-youtube { color:red; padding-right:3px; } .fm {font-size: 0.9em;margin: 5px 5px 5px 0;padding:0;list-style: none;} .fm__sub {padding-left: 15px; list-style: none;} .fm__item {margin-top: 10px;} .fm__header {background: #ccc;padding: 1px 2px;margin-bottom: 5px;cursor: pointer;} .fm__header:hover {background: #b1b1b1;} .fm__item:first-child {margin-top: 0;} .autorefresh { display: none; } /* ============================================================================ END post styles ============================================================================ */ /* ======================================================== START post forms style + quick reply ============================================================= */ /* postform bemed*/ .newpost__wrapper{font-size: 1.2em; text-align: center;} .newpost__label {margin: 0 7px; text-decoration:none;} /* Main Form */ .lockedpostform { margin: 8px auto; padding: 2px; text-align: center; font-size: 1em; font-weight: bold; width: 520px; border-radius: 2px; border-style: solid; border-color: rgba(0,0,0,0.2); border-width: 12px 1px 1px 1px; } /*edit form*/ .editform__field { position: relative; width: 100%; margin-bottom: 2px; font-size: 0.95rem; } .editform__textarea { display: block; margin: 0; height: 124px; min-width: 400px; min-height: 140px; } .editform__input {width: 100%;} .editform__len { position: absolute; bottom: 3px; right: 10px; color: #000; opacity: 0.5; } .editform__field_last { display: flex; align-items: baseline; justify-content: space-between; } /* file drag area */ @-webkit-keyframes fileuploaderFadeIn {from {opacity:0} to {opacity:1}} @keyframes fileuploaderFadeIn {from {opacity:0} to {opacity:1}} .markup { font-size:1.1em; cursor:pointer; width:1em; padding: 0 0.2em; margin-right:1px; border-radius: 2px; border:1px solid #cacaca; color: rgba(0,0,0,0.6); } .markup_help { margin-left: 8px; } /* QR */ .qr {display: none; position: fixed;background: #DDDDDD;border: solid 1px #CCCCCC;padding: 2px;z-index: 980;text-align: left;min-width: 370px; box-shadow: 4px 4px 4px rgba(0,0,0,0.25);} .qr_reply {font-size: 1em;} .qr__header {margin-bottom: 1px;padding: 2px;cursor:move;background: #ADADAD;border: 1px solid #7A7A7A; text-align: center;} .qr__body {} .qr__footer {text-align: center;font-size: 11px;padding:2px 0;} .qr__footer hr, .bb hr {border-color: #ccc;margin: 2px 0;} .qr__close {float: right;padding: 0 4px;cursor: pointer;} .qr__close_active{position: relative; top: 1px;} .qr_reply .qr-icons {float: left;padding: 1px 0;width: 120px;margin-right: 1px; background: #FFF;} .qr__front {z-index: 998;} .qr__body.settings {font-size: 0.9em; line-height: 1.5em;} .settings__header {cursor: pointer; margin: 3px 0; font-weight: bold;} .settings__prefs {margin-left: 20px;} .settings__checkbox {margin-right: 4px;} .settings__edit {cursor:pointer; padding-left:7px; font-size:1.2em;} .ah {border-collapse: collapse;} .ah__header {background-color: #C2C2C2;} .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 black;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 #F1F1F1;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: 150px;position: fixed;bottom: 0;right: 80px;font-size: 0.85em;padding: 3px;background-color: #dddddd;border: solid 1px #CCCCCC;border-bottom: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .bb_type_favorites {right: 235px;z-index: 981;} .bb_type_boardstats {z-index: 982;} .bb__header {padding: 3px 5px; font-size: 14px; text-align: center;cursor: pointer;margin-right: 20px;} .bb__header_new {font-weight: bold; color: #FF6600;} .bb_type_favorites .bb__header {margin-right: 0;} .bb__header .fa {float: right;} .bb__header-update {position: absolute;right: 7px;top: 7px;cursor: pointer;} .bb__row {margin:2px 0; white-space: nowrap; overflow: hidden;} .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;} .bb__update {display: none;} .fav__new {margin-right: 5px;min-width: 23px;display: inline-block;text-align: center;} .fav__fa {margin-right: 5px;cursor: pointer;} .fav__title {text-overflow: ellipsis;max-width: 150px;white-space: nowrap;overflow: hidden;} .fav__title_type_deleted {text-decoration: line-through;} .fav__title_type_updated {font-weight: bold;} .fav__title_type_locked {} .fav__title_type_locked:before { font-family: "fontello"; font-weight: normal; text-decoration: none; font-size: 1.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e822'; padding-right: 4px; } #favorites-table { max-height: calc(100vh - 90px); overflow-y: auto; } /* QR */ /* Fullscreen Container */ .fullscreencontainer {position:fixed; display:none; padding:8px; box-sizing:content-box; z-index:985; background-color:#555555; overflow:hidden; background-origin:content-box;} .fullscreencontainer__image {width:100%; height: 100%; opacity:0;} .fullscreencontainer__blurblock {position:absolute; top: 8px; right: 8px; width:calc(100% - 16px); height:calc(100% - 16px); overflow:hidden;} .fullscreencontainer__blurimage {width:100%; height:100%; filter:blur(10px);} .fullscreencontainer__bluraudio {width:100%; height:100%; filter:blur(6px);} .fullscreencontainer__loader.lds-ellipsis {position: absolute; bottom: 8px; left:calc(50% - 32px + 8px);} .fullscreencontainer__loader.lds-ellipsis div {background: #fff; box-shadow: 0 0 6px #333;} .fullscreencontainer__error {color:#eee; font-size:1.2em; font-weight:bold; text-align:center; position:absolute; bottom:26px; left:calc(50% - 90px + 8px); width:180px;} /* Fullscreen Container */ .plashque { display: none; font-size: 1.3em; position: fixed; left:0; top: 0; width: 100%; background: #000; opacity: 0.7; box-shadow: 0px 2px 5px 0px #292929; text-align: center; color: #ccc; padding: 8px; z-index: 999; } .plashque__close { cursor: pointer; position: absolute; top: 8px; right: 10px; } .mob-banner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 95%;height: auto;} .audioplayer { width: 80%; height: auto !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,.2); opacity: 0.9; } /* ============================================================================ END post forms style + quick reply ============================================================================ */ /* ============================================================================ START footer ============================================================================ */ .board-speed {text-align:center;font-size:0.9em;margin-top:1em} .pager {background: #DDDDDD; border: solid 1px #CCCCCC; display: inline-block; padding: 8px; font-size: 0.9em;} .post-actions { float: right; margin: 0 0 0.5em 0; } /* ============================================================================ END footer ============================================================================ */ /* ============================================================================ Fontello Icons ========================================================================== */ @font-face { font-family: "fontello"; src: url('../fonts/fontello.eot?59384051'); src: url('../fonts/fontello.eot?59384051#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?59384051') format('woff2'), url('../fonts/fontello.woff?59384051') format('woff'), url('../fonts/fontello.ttf?59384051') format('truetype'), url('../fonts/fontello.svg?59384051#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /*text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);*/ } .iconcode { font-family: "fontello"; } .animate-spin {-moz-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;display: inline-block;}@-moz-keyframes spin {0% {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}@-webkit-keyframes spin {0% {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}@-ms-keyframes spin {0% {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}@keyframes spin {0% {-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}} .icon-spoiler:before { content: '\e800'; } /* '' */ .icon-send:before { content: '\e801'; } /* '' */ .icon-info:before { content: '\e802'; } /* '' */ .icon-search:before { content: '\e803'; } /* '' */ .icon-star:before { content: '\e806'; } /* '' */ .icon-star-empty:before { content: '\e807'; } /* '' */ .icon-user:before { content: '\e809'; } /* '' */ .icon-cancel:before { content: '\e816'; } /* '' */ .icon-plus:before { content: '\e819'; } /* '' */ .icon-home:before { content: '\e81f'; } /* '' */ .icon-lock:before { content: '\e822'; } /* '' */ .icon-pin:before { content: '\e824'; } /* '' */ .icon-eye-off:before { content: '\e826'; } /* '' */ .icon-upload:before { content: '\e82e'; } /* '' */ .icon-forward:before { content: '\e82f'; } /* '' */ .icon-pencil:before { content: '\e831'; } /* '' */ .icon-bell:before { content: '\e837'; } /* '' */ .icon-cog:before { content: '\e840'; } /* '' */ .icon-right-dir:before { content: '\e858'; } /* '' */ .icon-arrows-cw:before { content: '\e867'; } /* '' */ .icon-bold:before { content: '\e87f'; } /* '' */ .icon-italic:before { content: '\e880'; } /* '' */ .icon-check:before { content: '\e894'; } /* '' */ .icon-floppy-1:before { content: '\e971'; } /* '' */ .icon-key-1:before { content: '\e978'; } /* '' */ .icon-infinity-1:before { content: '\eaa2'; } /* '' */ .icon-cancel-3:before { content: '\eace'; } /* '' */ .icon-resize-full-3:before { content: '\eb14'; } /* '' */ .icon-check-empty:before { content: '\f096'; } /* '' */ .icon-strike:before { content: '\f0cc'; } /* '' */ .icon-underline:before { content: '\f0cd'; } /* '' */ .icon-exchange:before { content: '\f0ec'; } /* '' */ .icon-bell-alt:before { content: '\f0f3'; } /* '' */ .icon-angle-double-up:before { content: '\f102'; } /* '' */ .icon-angle-double-down:before { content: '\f103'; } /* '' */ .icon-quote-right:before { content: '\f10e'; } /* '' */ .icon-spinner:before { content: '\f110'; } /* '' */ .icon-code:before { content: '\f121'; } /* '' */ .icon-help:before { content: '\f128'; } /* '' */ .icon-superscript:before { content: '\f12b'; } /* '' */ .icon-subscript:before { content: '\f12c'; } /* '' */ .icon-youtube-play:before { content: '\f16a'; } /* '' */ .icon-trash:before { content: '\f1f8'; } /* '' */ .icon-user-times:before { content: '\f235'; } /* '' */ .icon_lg { font-size:1.33333333em; line-height:.75em; vertical-align:-15%; margin:0; } .icon_opflag:before {line-height:inherit !important; vertical-align: bottom;} .icon_opflag {font-size:1.25em; line-height:.85em; vertical-align: text-bottom; display: inline-block;} .icon_opflag.icon-user, .icon_opflag.icon-user-times {font-size:1.2em;line-height:1em;} /* desktop - скрыт онли в мобайл версии. mobile - скрыт в десктоп версии, блочный в мобильной */ .mobile { display: none; } /* ======================================================================================================================================================== */ .settings-wrap { background-color: #E1E0D4; font-family: Arial,Helvetica,sans-serif; height: auto; left: 50%; margin: 0 0 0 -175px; padding: 10px 20px 20px; position: fixed; top: 100px; width: 400px; z-index: 1100; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ padding: 10px; } .settings-wrap .title { border-bottom: 1px dotted #A0A0A0; color: #454545; font-size: 18px; margin: 0 0 5px; padding: 0 0 5px; text-align: center; } .rowelems { border-bottom: 1px dotted #A0A0A0; clear: both; margin: 0 0 5px; padding: 0 0 5px; } .rowelems label { color: #656565; display: block; font-size: 14px; padding: 3px 0 0; width: 380px; } .rowelems textarea { width: 100%; } .rowelems input[type="text"] { border: 1px solid #C0C0C0; color: #454545; font-size: 13px; padding: 3px 5px; width: 200px; } .rowelems.unban-buy input[type="text"] { width: auto; } .rowelems.sels label { color: #656565; display: block; float: left; font-size: 14px; padding: 8px 0 0; width: 280px; } .rowelems .fedit { display: inline-block; font-size: 12px; margin: 0 0 0 10px; } .setbuttons { margin: 0; text-align: center; } .theader { font-size: 1.1em !important; } .activeid {background: none repeat scroll 0 0 #E5D8BC !important;} .dellist{font-weight:bold;text-align:center;} .delbuttons{text-align:center;padding-bottom:4px;} .managehead{background:#DDDDDD;color:#002244;padding:0px;} .postlists{background:#FFFFFF;width:100%;padding:0px;color:#800000;} .row1{background:#DDDDDD;color:#002244;} .row2{background:#CCCCCC;color:#002244;} .oldpost,.notabene{color:#CC1105;font-weight:bold;} .newmess {display: inline-block; padding: 3px; color: #fff; background-color: #909090; font-size: 11px; font-weight: normal; margin: 0 0 0 20px;} .doubledash{display:none; vertical-align:top;clear:both;float:left;} .replytitle{font-size:1.2em;color:#002244;font-weight:bold;} .nothumb{background-color:#FFFFFF;border-style:dotted;margin:.3em .5em;} .extrafunctions{color:#008000;} dl.menu dt{background:#DDDDDD;border:solid 1px #CCCCCC;border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;margin-top:1em;padding-left:.5em;cursor:pointer; } dl.menu dd{margin-left:.5em;padding-left:.5em;border-left:solid 1px #CCCCCC;} dl.menu dd.hidden{display:none;} p.spoiler > span.warning{color:#FF6600;font-weight:bolder;} .locked{width:50%!important;margin:20px!important;text-align:center!important;} .msgheader{background-color:#CCCCCC!important;color:#FF6600!important;} .msg{background-color:#EEEEEE!important;color:#212121!important;font-size:.9em!important;} .opmod__passhint { position: relative; display: table; line-height: 1.6em; border-radius: 2px; margin: 0 1em 1em 1em; padding: 8px 8px 8px 38px; border: solid 1px #ccc; background: #eed0cb; box-shadow: 4px 4px 4px rgba(0,0,0,0.25); } .opmod__passhint:before { font-family: "fontello"; content: '\e802'; position: absolute; top: calc(50% - 11px); left: 8px; font-size: 28px; color: #e30000; } .opmod__close { } .escroll-loading.lds-ellipsis {display: block; margin: 0 auto;} .escroll-loading.lds-ellipsis div {background: #333;} .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) {left: 6px; animation: lds-ellipsis1 0.6s infinite;} .lds-ellipsis div:nth-child(2) {left: 6px; animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(3) {left: 26px; animation: lds-ellipsis2 0.6s infinite;} .lds-ellipsis div:nth-child(4) {left: 45px; animation: lds-ellipsis3 0.6s infinite;} @keyframes lds-ellipsis1 {0% {transform: scale(0);} 100% {transform: scale(1);}} @keyframes lds-ellipsis3 {0% {transform: scale(1);} 100% {transform: scale(0);}} @keyframes lds-ellipsis2 {0% {transform: translate(0, 0);} 100% {transform: translate(19px, 0);}} /*============================ new answer form ============================*/ .postform {width: 100%;} .postform__block { display: none; width: 100%; text-align: center; } .freply { display: inline-block; max-width: 100%; } .freply_fullscreen { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; background: #eee; width: 100%; height: 100%; padding: 8px; z-index: 999; overflow-y: auto; } .freply_fullscreen .freply__textarea-input {resize: none; min-width:auto; width: 100%; height: 100%;} .freply_fullscreen .freply__editor-container {width: 100%;} .freply__title-panel { display: flex; align-items: center; margin-bottom: 5px; } .freply__inputs { display: flex; margin-bottom: 3px; } .freply__inputs input { width: 100px; transition: width 0.1s linear; } /* поля по умолчанию */ .freply__inputs .freply__name-input {width: 220px;} .freply__inputs .freply__subject-input {flex-grow: 1;} /* активное тема */ .freply__inputs_subject .freply__name-input {width: 100px;} .freply__subject-input {margin-left: 3px;} .freply__captcha-input {width:100%;} .freply__sendbutton { white-space: nowrap; padding: 0; border: none; background: none; box-shadow: none !important; } .freply__sendbutton i { font-size: 1.2em; line-height: 1; vertical-align: bottom; } .freply__editor-container { display: flex; flex-grow: 1; flex-direction: column; font-size: 0.95rem; z-index: 1; width: 100%; } .qr .freply__editor-container { width: -moz-min-content; width: -webkit-min-content; width: min-content; } .freply__textarea-wrapper { display: flex; flex-direction: column; flex-grow: 1; background-color: #fff; position: relative; border: 1px solid #cacaca; margin-bottom: 3px; } .freply__textarea-btn-bar { display: flex; padding: 2px; border-bottom: 1px solid #e6e6e6; align-items: center; } .freply__textarea-btn-bar_right {margin-left:auto;} .freply__textarea-btn-bar i { margin: 0; padding: 4px 6px; font-size: 0.9em; text-align: center; cursor: pointer; box-sizing: border-box; color: gray; } .freply__textarea-btn-bar i:hover { background: gray; color: #fff; } .freply__textarea-spacer { margin: 0 0.25em; height: 1em; display: inline-block; border-left: 1px solid gray; opacity: 0.8; } .freply__textarea-input { border: 0; margin: 0; word-wrap: break-word; padding: 3px 6px; overflow-x: hidden; outline: none; min-width: 640px; min-height: 180px; max-width: 100%; resize: both; } .freply__captcha-wrapper { width: 220px; margin: 0 3px 3px 0; } .freply__captcha-image { position: relative; width: 220px; height: 56px; background: #fff; cursor: pointer; border: 1px solid #cacaca; overflow: hidden; margin-bottom: 3px; text-align: center; } .freply__captcha-image img{position:absolute; top:-1px; left:-1px;} .freply__captcha-image div{margin-top:6px; color:#666;} .freply__files-and-captcha { display: flex; flex-direction: row; flex-wrap: wrap-reverse; } .filer__wrapper { display: flex; flex-grow: 1; border: 2px dashed #cacaca; min-height: 86px; position: relative; margin-bottom: 3px; cursor: pointer; } .filer__wrapper_inner { display: flex; width: 100%; height: 100%; white-space: nowrap; padding: 0 3px; pointer-events: none; } .filer__wrapper_hover {border: 2px dashed rgb(255, 102, 0); background: rgba(0,0,0,0.07);} .filer__wrapper_hover .filer__placeholder {opacity: 0.7;} .filer__placeholder { width: 100%; align-self: center; text-align: center; opacity: 0.4; } .filer__placeholder i {display: block; font-size: 28px;} .filer__placeholder div:nth-of-type(1) {font-size: 19px; text-transform: uppercase;} .filer__placeholder div:nth-of-type(2) {font-size: 13px;} .filer__thumbnails { display: flex; flex-wrap: wrap; align-items: center; } .filer__input-nojs { position: absolute; top: 0; left: 0; padding: 2px; width: 100%; height: 100%; cursor: pointer; outline: none; } .filer__thumb { width: 78px; height: 78px; margin: 2px 3px; position: relative; cursor: move; overflow: hidden; border-radius: 5px; border: 1px dashed gray; display: flex; justify-content: center; align-items: center; pointer-events: auto; } .filer__data { max-width: 100%; max-height: 100%; pointer-events: none; } .filer__delete { position: absolute; top: 2px; right: 2px; text-align: center; font-size: 1.2em; cursor: pointer; color: rgb(79, 79, 79); background: #ccc; box-shadow: 0 0 5px #fff; border-radius: 50%; padding: 1px; pointer-events: auto; opacity: 0.8; display: none; } .filer__delete i {padding: 0px 2px;} .filer__size { position: absolute; left: 0; bottom: 0; background: #ccc; color: rgb(79, 79, 79); width: 100%; text-align: center; display: none; opacity: 0.8; } .filer__thumb:hover .filer__delete {display: block;} .filer__thumb:hover .filer__size {display: block;} .filer__thumb_dragged {opacity: 0.4;} .filer__thumb_over {outline: 2px dashed #888;} @media only screen and (max-width: 640px) { .freply {width: 100%;} .freply__textarea-input {min-width: 100%;} .filer__wrapper {width: 100%;} } .error {border: 1px solid #ff6600 !important;} .qr-formwrapper {margin-top:2px;} .qr-formwrapper .freply__textarea-input { min-width: 400px; min-height: 140px; width: 570px; height: 170px; } .freply__bttomline { display: flex; padding: 5px 6px; text-align: left; border-top: 1px solid #e6e6e6; font-size: 13px; align-items: baseline; } .freply__checkboxes {transition: opacity 0.05s linear; opacity: 0.7; display: flex;} .freply__checkboxes:hover {opacity: 1;} .freply__checkboxes label {cursor: pointer; margin-right: 0.9em;} .freply__checkboxes label:last-child {margin-right: 0;} .freply__sendarea { margin-left: auto; } .freply__textarea-block { position: relative; width: 100%; height: 100%; } .freply__textarea-len { position: absolute; bottom: 3px; right: 10px; color: #000; opacity: 0.5; } /* подписки */ .freply__subscribtions { /*display: flex;*/ display: none; margin-top: 3px; flex-direction: row; } .freply__subscr-myposts, .freply__subscr-allposts { cursor: pointer; display: inline-block; margin-right: 1em; } /*============================ mobile styles ============================*/ @media only screen and (max-width: 480px) and (orientation:portrait), only screen and (max-width: 540px) and (orientation:landscape){ body {padding: 0;font-size: 0.9em;} footer {padding-bottom:6px;} .desktop {display: none !important;} .mobile {display: block !important; clear: both !important; } .logo {font-size: 1.5em !important;} .postform {width:100% !important;} .adminbar {overflow: auto; } .post-wrapper {margin: 4px 0;padding: 0 10px;} .reply {width: 100vw !important;min-width: 100% !important; padding: 0;} #AlertBox .reply {width:auto !important; max-width: 90vw;} .post .post-details {background: #D1D1D1; padding: 5px;} .post .images {margin-bottom: 5px;} .post .posttime-reflink {float: right;} .oppost-options-mob {overflow: auto; padding: 5px; background: #D1D1D1;} .oppost-options-mob .mess-post-mob {float: left;} .oppost-options-mob .hide-view { float: right;} .oppost {background: #DDDDDD;overflow: hidden;} .posts hr {margin: 16px 0;} .posts hr:last-of-type, .thread-nav-mob + hr {margin:0.5em 0;} .post .post-details {overflow: hidden;} .post .images-single + blockquote {margin-top: 1em;} .preview {max-width: 110px; height: auto;} .qr {min-width: 0; width: 90%; left:5%; position: absolute;} .hidden-thread-box {margin-left: 0 !important; padding: 5px;} /* boards list */ .board-list-mob {display: block !important; float:left;clear: none !important; margin-right:5px;} .menu { position: fixed; width: 100%; background: #DDDDDD; padding: 3px !important; border-bottom: 2px solid #cccccc; } .menu-links-mob {float: right !important;} /* buttons up down back answer */ .thread-nav-mob {display: block !important; text-align: center !important;} .send-mob {text-align: center;margin: 3px 0;} .button-mob { border-radius: 3px; padding: 6px 10px 5px 10px !important; font-weight: bold; background-color: #dddddd !important; border: 1px solid #cccccc !important; text-decoration: none; color: #FF6600; display: inline-block !important; cursor: pointer; } .adminbar__menu { /*position: fixed;*/ width: 100%; background: #DDDDDD; padding: 3px !important; border-bottom: 2px solid #cccccc; } .adminbar__menu a {line-height:21px;} /* убивало открытие пикч на мобилках .pager {text-align: center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .images .image img { max-width: 100px; height: auto; } } */ .plashque {font-size: 1.2em; opacity: 0.85; padding: 15px 40px; height: 100%; } .plashque__close {top: 3px; right: 3px; font-size: 1.8em; } .freply__inputs {flex-direction: column;} .freply__name-input {width: 100% !important; margin-bottom: 3px;} .freply__subject-input {width: 100% !important; margin-left: 0;} .freply {padding: 0 3px;} .freply_fullscreen {padding: 5px 3px;} .filer__delete {display:block;} .freply_fullscreen .freply__inputs {display: none;} .filer__placeholder div:nth-of-type(1) {font-size: 16px;} .filer__placeholder div:nth-of-type(2) {font-size: 10px;} .freply__subscribtions {flex-direction: column;} .freply__subscribtions .freply__subscr-myposts {padding-bottom: 0.4em;} }