/* =========================================================
   MORGANUSHKA'S TALES
   STRUCTURE BASED ON THE WORKING RUSFF/PUNBB DESIGN FROM PDF
   Adapted for a personal archive
   ========================================================= */

@import url(style_cs.1788359898.css);


/* ---------- RESET ---------- */

html,
body {
    margin: 0;
    padding: 0;
}

.punbb * {
    margin: 0;
    box-sizing: border-box;
}

.punbb ul,
.punbb dl,
.punbb li,
.punbb dd,
.punbb dt {
    padding: 0;
    list-style: none;
}

.punbb img {
    border: none;
    max-width: 100%;
}

.punbb .main table {
    table-layout: fixed;
    width: 100%;
}

.punbb .container:after,
.punbb .post-box:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
#pun:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}


/* ---------- TEXT ---------- */

body {
    font-size: 95%;
}

.punbb {
    font: normal 15px Georgia, "Times New Roman", serif;
}

.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
    font: 14px Arial, Helvetica, sans-serif;
}

.punbb h1,
.punbb h2,
.punbb h3 {
    font-size: 1em;
    font-weight: normal;
}

.punbb h4,
.punbb table {
    font-size: 1em;
    font-weight: normal;
}

.punbb address,
.punbb em {
    font-style: normal;
}


/* ---------- MAIN WIDTH ---------- */

#pun {
    width: min(950px, calc(100% - 24px));
    margin: 0 auto;
    position: relative;
}

.punbb .section,
.punbb .main {
    margin-bottom: 1em;
}

.punbb .category,
.punbb .post {
    margin-top: .8em;
}

#pun-category1,
.punbb .toppost,
.punbb .topicpost,
#pun-post .topic {
    margin-top: 0;
}


/* ---------- PAGE TITLES ---------- */

#pun-main h1,
.punbb .section h2,
#pun-stats h2,
#pun-debug h2 {
    padding: 10px 18px;
}

#pun-main h2 {
    padding: 10px 18px;
}


/* ---------- HEADER ---------- */

#pun-title {
    margin: 0;
    border: none;
    position: relative;
}

#pun-title .container {
    border: none;
    padding: 0;
}

#pun-title h1 {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    z-index: 5;
    text-align: center;
}

#pun-title h1 span {
    display: none;
}

#pun-title h1 a {
    display: none;
}

#pun-title table {
    width: 100%;
    height: 330px;
    margin: 0;
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#pun-title td,
#pun-title tr,
#pun-title TD.title-logo-tdl,
#pun-title TD.title-logo-tdr {
    border: none;
    padding: 0;
    background: transparent;
}

#pun-title TD.title-logo-tdl {
    width: 100%;
}

#pun-title TD.title-logo-tdr {
    width: 0;
    display: none;
}


/* ---------- PAGE NAVIGATION ---------- */

#pun-pagelinks {
    position: relative;
    width: 100%;
    margin: 0 0 10px;
    border: none;
    padding: 0;
}

#pun-pagelinks .container {
    background: transparent;
    border: none;
    padding: 0;
}

#pun-pagelinks .container li {
    display: inline;
}


/* ---------- NAVIGATION ---------- */

#pun-navlinks,
#pun-navlinks .container {
    width: 100%;
}

#pun-navlinks .container {
    padding: 12px 15px;
    text-align: center;
}

#pun-navlinks li {
    display: inline;
    margin: 0 9px;
}

#pun-navlinks a {
    text-decoration: none;
}


/* ---------- USER LINKS ---------- */

#pun-ulinks .container {
    padding: 8px 15px;
}

#pun-ulinks li {
    display: inline;
    margin-right: 10px;
}


/* ---------- BREADCRUMBS ---------- */

#pun-crumbs1,
#pun-crumbs2 {
    padding: 10px 15px;
}


/* ---------- MAIN SECTIONS ---------- */

.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
    border-style: none;
}

.punbb .section > .container,
.punbb .category > .container,
.punbb .forum > .container,
.punbb .formal > .container,
.punbb .modmenu > .container,
.punbb .info > .container {
    padding: 0;
}


/* ---------- CATEGORY / FORUM TABLES ---------- */

#pun .section {
    width: 100%;
}

.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
}

.punbb .main .tc2,
.punbb .main .tc3,
.punbb .main .temod {
    text-align: center;
    width: 10%;
}

.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 30%;
}

#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
    width: 40%;
}

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
}

.punbb .main td {
    padding: 16px 15px;
    vertical-align: middle;
}

.punbb .main th {
    padding: 9px 15px;
}

#pun-index .tcl h3 {
    font-size: 1.12em;
    font-weight: normal;
    text-align: left;
    margin-bottom: 6px;
    padding: 0;
}

.punbb td .modlist {
    display: block;
    padding-top: .3em;
}


/* ---------- REMOVE LARGE DEFAULT ICONS ---------- */

#pun-index table div.icon,
#pun-viewforum table div.icon,
#pun-messages table div.icon,
#pun-searchtopics table div.icon {
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: none !important;
}

#pun-viewforum .tclcon,
#pun-messages .tclcon {
    margin-left: 0;
}


/* ---------- POSTS ---------- */

.punbb .post .container {
    border-style: none;
    margin-top: 0;
    padding-bottom: 1px;
}

.punbb .post h3 {
    border-style: none;
    padding: 12px 18px;
}

.punbb .post h3 span {
    padding: 0;
    width: auto;
    display: block;
    margin-left: 0;
}

.punbb .post h3 strong {
    float: right;
    width: auto;
    text-align: right;
    font-weight: normal;
}

.punbb .post .post-author {
    float: left;
    width: 221px !important;
    margin: 0;
    padding: 18px 15px;
    overflow: hidden;
}

.punbb .post .post-author ul,
.punbb .post .post-author p {
    line-height: 140%;
}

.pa-author {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}

.pa-author a {
    text-decoration: none;
    display: inline-block;
    max-width: 180px;
}

li.pa-title {
    font-size: .9em;
    margin-top: 3px;
    margin-bottom: 3px;
}

li.pa-online {
    line-height: 1em;
    margin-top: 1em;
}

li.pa-awards {
    margin-top: -20px;
}

span.mini_awards_label {
    display: none !important;
}

.punbb .post-body {
    margin-left: 221px;
    padding: 0 0 1px;
}

.punbb .post-box {
    padding: 2em;
}

.punbb .post-links {
    margin-left: 221px;
}

.punbb .post-links ul {
    padding: 8px 12px;
    line-height: 1.7em;
    margin-left: -221px;
    margin-right: 0;
    text-align: right;
}

.punbb .post-links li {
    display: inline;
    padding-left: 1em;
}

.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}


/* ---------- FORMS ---------- */

.punbb .formal .container {
    padding: 1.7em 2.3em 1.1em;
}

.punbb fieldset {
    padding: 0 18px;
    margin: 0 0 1em;
}

.punbb textarea,
.punbb .longinput input {
    width: 64%;
    margin: 0;
}

.punbb .formsubmit {
    padding: 0 0 1.7em;
    margin: 1em 0 0;
    text-align: center;
}


/* ---------- INFO / QUOTE / CODE ---------- */

.punbb .info-box {
    padding: 1.1em 1.7em 1em;
    margin: 0 0 1.1em;
}

.punbb .info-box * {
    padding-bottom: .7em;
}

.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
}

#pun-main .code-box,
#pun-main textarea,
#pun-main .quote-box {
    font-size: 13px;
}


/* ---------- PAGINATION ---------- */

.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1em;
    min-height: 0;
}

.punbb .linksb {
    text-align: right;
    padding: .4em 1em .5em;
    font-size: 1em;
}

.linksb .pagelink {
    float: left;
    width: auto;
    text-align: left;
}

.linksb .postlink {
    float: right;
    width: auto;
    font-weight: bold;
}

.subscribelink {
    clear: both;
    padding-top: .3em;
    padding-bottom: .5em;
}


/* ---------- ARCHIVE ---------- */

#pun-index #pun-announcement h2,
#pun-index #pun-announcement h2 span {
    display: none !important;
}

#pun-stats h2 span,
#pun-about h2 span {
    display: none !important;
}

#pun-stats h2 {
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    #pun {
        width: calc(100% - 12px);
    }

    #pun-title table {
        height: 210px;
    }

    #pun-navlinks .container {
        padding: 10px 8px;
    }

    #pun-navlinks li {
        margin: 0 5px;
    }

    #pun-navlinks a {
        font-size: 12px;
    }

    #pun-ulinks .container {
        padding: 7px 8px;
    }

    #pun-crumbs1,
    #pun-crumbs2 {
        padding: 8px 10px;
        margin: 10px 0;
    }

    .punbb .main td {
        padding: 12px 10px;
    }

    .punbb .main .tcl {
        width: 58%;
    }

    .punbb .main .tc2,
    .punbb .main .tc3 {
        width: 21%;
    }

    .punbb .post .post-author {
        float: none;
        width: 100% !important;
        padding: 12px 14px;
        border-right: none !important;
    }

    .punbb .post-body {
        margin-left: 0;
        border-left: none !important;
    }

    .punbb .post-box {
        padding: 1.2em;
    }

    .punbb .post-links {
        margin-left: 0;
    }

    .punbb .post-links ul {
        margin-left: 0;
        text-align: center;
        padding: 8px;
    }

    .punbb .post h3 {
        padding: 10px 12px;
    }

    .punbb textarea,
    .punbb .longinput input {
        width: 100%;
    }

    .punbb .formal .container {
        padding: 1em;
    }
}


@media (max-width: 430px) {

    body {
        font-size: 90%;
    }

    #pun-title table {
        height: 170px;
    }

    #pun-navlinks li {
        margin: 0 3px;
    }

    #pun-navlinks a {
        font-size: 11px;
        letter-spacing: .3px;
    }

    .punbb .main .tcl {
        width: 65%;
    }

    .punbb .main .tc2,
    .punbb .main .tc3 {
        width: 17.5%;
    }
}


/* =========================================================
   MORGANUSHKA — ТОЧЕЧНЫЙ FIX
   НЕ МЕНЯЕТ ОСНОВНОЙ ДИЗАЙН
   ========================================================= */


/* =========================================================
   1. ПЕРГАМЕНТ — СПИСОК ТЕМ
   ========================================================= */

#pun-viewforum .main {
    position: relative !important;

    margin: 18px 0 !important;
    padding: 18px 20px !important;

    background-color: #d0cec4 !important;
    background-image: url("https://forumstatic.ru/files/001c/c6/4f/31180.png?v=1") !important;
    background-repeat: repeat !important;

    border: 1px solid rgba(80,80,78,.65) !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
}


/*
   Внутренние контейнеры НЕ должны перекрывать пергамент.
*/

#pun-viewforum .main > .container,
#pun-viewforum .main .linkst,
#pun-viewforum .main .linksb,
#pun-viewforum .main table {
    background: transparent !important;
    background-image: none !important;
}


/*
   Таблица тем.
*/

#pun-viewforum .main table {
    width: 100% !important;
    border-collapse: collapse !important;
}


/*
   Ячейки таблицы.
*/

#pun-viewforum .main table td,
#pun-viewforum .main table th {
    background: transparent !important;
    background-image: none !important;

    color: #414346 !important;

    border: 1px solid rgba(80,80,78,.30) !important;

    padding: 12px 10px !important;
}


/*
   Заголовок форума.
*/

#pun-viewforum .main h2,
#pun-viewforum .main h2 span,
#pun-viewforum .main h3 {
    color: #414346 !important;
}


/*
   Ссылки внутри списка тем.
*/

#pun-viewforum .main table a,
#pun-viewforum .main .tcl a,
#pun-viewforum .main .tcr a {
    color: #514940 !important;
}

#pun-viewforum .main table a:hover {
    color: #806a55 !important;
}


/*
   Никаких огромных системных иконок форума.
*/

#pun-viewforum .main div.icon {
    display: none !important;
}


/* =========================================================
   2. ПЕРГАМЕНТ ДЛЯ "АКТИВНЫХ ТЕМ"
   ========================================================= */

#pun-searchtopics .main {
    position: relative !important;

    margin: 18px 0 !important;
    padding: 18px 20px !important;

    background-color: #d0cec4 !important;
    background-image: url("https://forumstatic.ru/files/001c/c6/4f/31180.png?v=1") !important;
    background-repeat: repeat !important;

    border: 1px solid rgba(80,80,78,.65) !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
}

#pun-searchtopics .main > .container,
#pun-searchtopics .main table {
    background: transparent !important;
    background-image: none !important;
}

#pun-searchtopics .main td,
#pun-searchtopics .main th {
    background: transparent !important;
    background-image: none !important;

    border: 1px solid rgba(80,80,78,.30) !important;
}


/* =========================================================
   3. БЛОК "ВЫ ЗДЕСЬ"
   ========================================================= */

#pun-crumbs1,
#pun-crumbs2 {
    box-sizing: border-box !important;

    width: 100% !important;

    margin: 10px 0 !important;
    padding: 10px 15px !important;

    background: rgba(16,18,20,.96) !important;
    background-image: none !important;

    color: #bfc1be !important;

    border: 1px solid #4e5357 !important;

    box-shadow: none !important;
}

#pun-crumbs1 a,
#pun-crumbs2 a {
    color: #c7c8c5 !important;
}


/* =========================================================
   4. "ПОЛЬЗОВАТЕЛЬСКИЕ ССЫЛКИ"
      И "ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ"
      ЕДИНАЯ ТОНКАЯ РАМКА
   ========================================================= */

#pun-ulinks,
#pun-status {
    box-sizing: border-box !important;

    width: 100% !important;

    margin: 10px 0 !important;
}


/*
   Внешняя рамка.
*/

#pun-ulinks .container,
#pun-status .container {
    box-sizing: border-box !important;

    padding: 8px 15px !important;

    background: rgba(16,18,20,.96) !important;
    background-image: none !important;

    color: #b4b6b4 !important;

    border: 1px solid #363b3f !important;

    box-shadow: none !important;
}


#pun-ulinks a,
#pun-status a {
    color: #b4b6b4 !important;
}

#pun-ulinks a:hover,
#pun-status a:hover {
    color: #d2bda6 !important;
}


/* =========================================================
   5. БЫСТРЫЙ ОТВЕТ — ПЕРГАМЕНТ
   ========================================================= */

#pun-viewtopic #post-form {
    position: relative !important;

    margin: 18px 0 !important;
    padding: 18px 20px !important;

    background-color: #d0cec4 !important;
    background-image: url("https://forumstatic.ru/files/001c/c6/4f/31180.png?v=1") !important;
    background-repeat: repeat !important;

    color: #414346 !important;

    border: 1px solid rgba(80,80,78,.65) !important;

    box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
}


/*
   Внутренности формы прозрачные.
*/

#pun-viewtopic #post-form > .container,
#pun-viewtopic #post-form .fs-box,
#pun-viewtopic #post-form fieldset {
    background: transparent !important;
    background-image: none !important;

    color: #414346 !important;

    border: 0 !important;
}


/* =========================================================
   6. ПОЛЕ РЕДАКТОРА
   ========================================================= */

#pun-viewtopic #post-form textarea,
#pun-viewtopic #main-reply {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 180px !important;

    box-sizing: border-box !important;

    background-color: #d0cec4 !important;
    background-image: url("https://forumstatic.ru/files/001c/c6/4f/31180.png?v=1") !important;
    background-repeat: repeat !important;

    color: #383b3e !important;

    border: 1px solid #777d82 !important;

    box-shadow: inset 0 1px 4px rgba(0,0,0,.12) !important;
}


/* =========================================================
   7. РЕДАКТОР — НЕ ЛОМАЕМ СТАНДАРТНЫЕ КНОПКИ
   ========================================================= */

/*
   КРИТИЧЕСКИЙ МОМЕНТ.

   У RusFF:
   #button-font
   #button-size
   #button-bold
   и т.д.

   являются TD.

   Поэтому нельзя задавать им background:none.
*/

#pun-viewtopic #form-buttons,
#pun-post #form-buttons,
#pun-edit #form-buttons {
    display: block !important;

    width: 100% !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;

    box-shadow: none !important;

    overflow: visible !important;
}


/*
   Таблица редактора.
*/

#pun-viewtopic #form-buttons table,
#pun-post #form-buttons table,
#pun-edit #form-buttons table {
    width: 100% !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;

    border-collapse: collapse !important;
}


/*
   САМИ КНОПКИ.

   Здесь специально НЕ используется
   background:none.
*/

#pun-viewtopic #form-buttons td,
#pun-post #form-buttons td,
#pun-edit #form-buttons td {
    padding: 0 !important;

    border: 0 !important;

    background-color: transparent !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;

    box-shadow: none !important;

    opacity: 1 !important;
}


/*
   Картинки внутри кнопок оставляем рабочими.
*/

#pun-viewtopic #form-buttons td img,
#pun-post #form-buttons td img,
#pun-edit #form-buttons td img {
    display: block !important;

    max-width: none !important;

    width: auto !important;
    height: auto !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/*
   НЕ скрывать кнопки редактора.
*/

#pun-viewtopic #form-buttons td[id^="button-"],
#pun-post #form-buttons td[id^="button-"],
#pun-edit #form-buttons td[id^="button-"] {
    display: table-cell !important;
    visibility: visible !important;
}


/* =========================================================
   8. МОБИЛЬНЫЙ РЕДАКТОР
   ========================================================= */

@media (max-width: 700px) {

    #pun-viewtopic #post-form {
        margin: 12px 0 !important;
        padding: 12px 10px !important;
    }

    #pun-viewtopic #post-form textarea,
    #pun-viewtopic #main-reply {
        width: 100% !important;
        min-height: 180px !important;
    }

    #pun-viewtopic #form-buttons {
        width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch !important;
    }

    #pun-viewtopic #form-buttons table {
        width: max-content !important;
        min-width: 100% !important;
        table-layout: auto !important;
    }

    #pun-viewtopic #form-buttons tr {
        white-space: nowrap !important;
    }

    #pun-viewtopic #form-buttons td {
        display: table-cell !important;

        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;

        padding: 0 !important;
    }

    #pun-viewtopic #form-buttons td img {
        width: 26px !important;
        height: 26px !important;

        max-width: none !important;
    }
}


/* =========================================================
   9. МОБИЛЬНЫЙ СПИСОК ТЕМ
   ========================================================= */

@media (max-width: 700px) {

    #pun-viewforum .main {
        margin: 12px 0 !important;
        padding: 12px 8px !important;
    }

    #pun-viewforum .main table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    #pun-viewforum .main td,
    #pun-viewforum .main th {
        padding: 8px 5px !important;
    }

    #pun-viewforum .main .tcl {
        width: 55% !important;
        text-align: left !important;
    }

    #pun-viewforum .main .tc2,
    #pun-viewforum .main .tc3 {
        width: 12% !important;
        text-align: center !important;
    }

    #pun-viewforum .main .tcr {
        width: 21% !important;
        text-align: left !important;
    }

    #pun-viewforum .main a {
        overflow-wrap: anywhere !important;
    }
}


/* =========================================================
   MORGANUSHKA — RESTORE RUSFF EDITOR ICONS
   НЕ МЕНЯЕТ СТРУКТУРУ РЕДАКТОРА
   ========================================================= */

/* Сам контейнер панели */
#form-buttons,
#form-buttons .buttons,
#form-buttons .toolbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    filter: none !important;
    mix-blend-mode: normal !important;
}


/* Таблица редактора */
#form-buttons table {
    display: table !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-collapse: separate !important;
}


/* Ячейки панели */
#form-buttons tr {
    display: table-row !important;
}

#form-buttons td {
    display: table-cell !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;

    padding: 2px !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;

    filter: none !important;
    mix-blend-mode: normal !important;
}


/* Ссылки кнопок редактора */
#form-buttons a {
    display: inline-block !important;

    visibility: visible !important;
    opacity: 1 !important;

    background-color: transparent !important;

    border: 0 !important;

    filter: none !important;
    mix-blend-mode: normal !important;
}


/*
   ВАЖНО:
   Не задаём background-image: none для элементов
   редактора — именно здесь могут находиться
   штатные изображения RusFF.
*/

#form-buttons img {
    display: inline-block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;

    max-width: none !important;

    background: transparent !important;

    border: 0 !important;

    filter: none !important;
    mix-blend-mode: normal !important;
}


/* Кнопки редактора, если RusFF использует input */
#form-buttons input {
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;

    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    filter: none !important;
    mix-blend-mode: normal !important;
}


/* ---------------------------------------------------------
   ОТМЕНЯЕМ ТОЛЬКО НАСЛЕДИЕ НАШЕГО ДИЗАЙНА
   --------------------------------------------------------- */

#form-buttons *,
#form-buttons *::before,
#form-buttons *::after {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}


/* ---------------------------------------------------------
   МОБИЛЬНАЯ ВЕРСИЯ
   --------------------------------------------------------- */

@media (max-width:700px) {

    #form-buttons {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 100% !important;

        overflow-x: auto !important;
        overflow-y: visible !important;

        white-space: normal !important;

        -webkit-overflow-scrolling: touch;
    }

    #form-buttons table {
        width: auto !important;
        max-width: none !important;

        table-layout: auto !important;
    }

    #form-buttons td {
        display: table-cell !important;

        width: auto !important;
        min-width: 0 !important;

        padding: 2px !important;
    }

    #form-buttons img {
        display: inline-block !important;

        width: auto !important;
        height: auto !important;

        max-width: none !important;
    }
}


/* =========================================================
   RESTORE RUSFF EDITOR BUTTONS
   Только визуал. Структуру и работу редактора не трогаем.
   ========================================================= */

#form-buttons,
#form-buttons table,
#form-buttons tr,
#form-buttons td {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

#form-buttons td {
    background-color: transparent !important;
    border: 0 !important;
}

/*
   ВАЖНО:
   Возвращаем фоновую графику элементов редактора.
   НЕЛЬЗЯ здесь писать background-image:none.
*/

#form-buttons input,
#form-buttons button,
#form-buttons a {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/*
   Отменяем наше прежнее обнуление именно для
   фоновых изображений редактора.
*/

#form-buttons input[type="button"],
#form-buttons input[type="submit"] {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/*
   Если иконки являются фоновыми изображениями,
   браузер должен оставить их исходный background-image.
*/

#form-buttons input[type="button"] {
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/*
   Картинки, если конкретные кнопки используют img.
*/

#form-buttons img {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    display: inline-block !important;
    max-width: none !important;
}

#form-buttons #button-bold {
    background: red !important;
}