Old VK 2024 by Jamkiwi

/* ==UserStyle==
@name           Old VK 2024
@namespace      ololosh314
@version        1.0.7.8
@description    Return old style from beginning of 2024
@author         ololosh314
@license        CC-BY-NC-4.0
@preprocessor   stylus

@var checkbox one1 "1. Feed Post separators" 1
@var checkbox two2 "2. Adblock" 1
@var checkbox three3 "3. Pin Sidebar" 1
@var checkbox four4 "4. Like buttons background" 1
@var checkbox five5 "5. Like animation" 1
@var checkbox six6 "6. Small images (h=550px) in the feed" 1
@var checkbox seven7 "7. Paddings for images in feed (little BUGS)" 1
@var checkbox eight8 "8. Messenger more vertical space" 1
@var checkbox eight8_1 "8.1 Messenger wider center column" 1
@var checkbox eight8_2 "8.2 Messenger bigger font" 1 
@var checkbox nine9 "9. Important Messages bigger window" 1
@var checkbox ten10 "10. Left border on reposted messages, posts, links" 1
@var checkbox eleven11 "11. Reactions image centered (fix)" 1
@var checkbox twelve12 "12. Border around arrows in image Сarousel" 1
@var checkbox thirteen13 "13. Hide 'subscribe to vk-music' button" 1
@var checkbox fourteen14_1 "14.1 Message delivered/read colored mark" 0
@var checkbox fourteen14_2 "14.2 Message has not been read background (new browsers)" 1
@var range NAttachColumns "15. Number of image columns in chat attachments" [5, 1, 10, 1]
@var checkbox fifteen15_1 "15.1 Images are centered in chat attachments" 0
@var checkbox sixteen16 "16. 'Show more' button - bold blue font" 1
@var checkbox sixteen16_1 "16.1 'Show more' button moved to the bottom left" 1
@var checkbox sixteen16_2 "16.2 Show more rows of hidden text (inconsistent)" 0
@var checkbox seventeen17 "17. Text above images in feed" 1
@var checkbox eighteen18 "18. Text above images in messages" 1
@var checkbox eighteen18_1 "18.1 Text above images while editing message" 1
@var checkbox nineteen19 "19. Show full text of replies and forwarded messages" 1
==/UserStyle== */
@-moz-document domain("vk.com") {
@namespace xlink 'http://www.w3.org/1999/xlink';
/*1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1*/
if(one1) {
    /*VK post separators v38*/
    /*Добавление промежутков между постами*/
    .feed_wall--no-islands {
        /*это меняет цвет промежутков на синий, но похоже основной цвет постов - прозрачный*/
        /*background-color: #edeef0  !important;*/
        background-color: var(--vkui--color_background)
    }
    .page_block {
        /*background-color: var(--white) !important;/*возвращает белый цвет постам*/
        background-color: var(--vkui--color_background_content) !important;
        border-radius: 12px 12px 12px 12px !important;
        /*закругления пропадают без этого*/
    }
    /*добавление промежутка под рекомендованными группами*/
    .vkui__root > div > .vkitGroup__group--f8Opf {
        margin-bottom: 8px;
        border-radius: 12px 12px 12px 12px !important;
        /*закругления пропадают без этого*/
    }
    /*фикс кнопки "предложить пост/создать пост в сообществе/на личной странице"*/
    .vkitFlex__rootWithGaps--aXr4X {
        --vkui_internal--row_gap: 0px !important;
    }
    /*фикс отступов под постом с видео или ссылкой в закладках*/
    .bookmarks_row.wall_module.bookmarks_row_type_video ~ .BookmarkFooter {
        display: block !important;
    }
    .bookmarks_row.wall_module.bookmarks_row_padded.bookmarks_row_type_link {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    /*добавление промежутка под понравившимися фотографиями в разделе "Реакции"*/
    .feed_wall--no-islands .fave_photos_page_block .fave_photos_block_rows {
        padding: 11px 20px 16px;
    }
    /*добавление промежутка под строкой поиска в разделе "Записи сообщества"*/    
    #wide_column.wide_column > .feed_wall--no-islands > #fw_summary_wrap.page_block_header_outer {
        padding-bottom: 16px;
    }
    /*кнопка "создать пост / предложить пост" - убрал верхний выступ фона*/
    .page_block.new_posting {
        background: unset !important;
    }    
    /*1. VK post separators v36 part
    Исправляет цвет и размер отступа снизу в закладках под видео*/
    .page_block.bookmark_block > .bookmarks_row_type_video + .BookmarkFooter {
        background-color: rgba(0, 0, 0, 0);
        padding: 6px 16px;
        border-top: none;
    }
}
/*1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1*/
/*2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2*/
if(two2) {
    /*2. VK ads off 03*/
    /*отключение рекламы в левой колонке*/
    .ads_light_container {
        display: none !important;
    }
    #ads_left {
        display: none !important;
    }

    /*отключение рекламы в центральной колонке*/
    #page_wall_posts > div[class*="_ads_promoted_post"] {
        display: none;
    }
    #page_wall_posts > div[class*="own_ads_promoted_post"] {
        display: none;
    }
    #page_wall_posts > div[class*="_ads_block_data_w"] {
        display: none;
    }
    #page_wall_posts > div[class*="mailru-visibility-check"] {
        display: none;
    }

    .feed_row > div[class*="_ads_promoted_post"] {
        display: none;
    }
    .feed_row > div[class*="own_ads_promoted_post"] {
        display: none;
    }
    .feed_row > div[class*="_ads_block_data_w"] {
        display: none;
    }
    .feed_row > div[class*="mailru-visibility-check"] {
        display: none;
    }

    /*отключение рекламы в правой колонке*/
    .apps_feedRightAppsBlock__row {
        display: none;
    }
    .apps_feedRightAppsBlock,
    .apps_feedRightAppsBlock_single_app,
    .apps_feedRightAppsBlock_single_app--promo {
        display: none;
    }
}
/*2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2*/
/*3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3*/
if(three3) {
    /*3. vk left sidebar fixed 02*/
    /*vk left sidebar fixed*/
    #side_bar {
        position: sticky;
        top: 0 !important;
    }
}
/*3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3*/
/*4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4*/
if(four4) {
    /*4.0. 1. VK like buttons фон 3 и отступы 3*/
    /*добавляет отступы и меняет цвет фона + закругляет*/
    /*лайк, комментарий и репост*/
    .Post--redesignFooterV3 .PostBottomAction {
        margin-left: 8px;
        padding: 4px 12px 4px 12px;
        background-color: var(--vkui--color_background_secondary);
        border-radius: 32px;/**/
        min-width: 48px;
    }
    /*у лайка убирает левый отступ и ресетит отступы помежуточного родителя*/
    .like_btns > .PostBottomActionContainer > .PostBottomAction {
        margin: 0px;
        padding: 4px 12px 4px 12px !important;/**/
        /*background-color: var(--vkui--color_background_secondary);/**/
    }
    /*Если лайкнута картинка и она попала в раздел Реакции*/
    .like_btns > .PostBottomAction.like {
        margin: 0px;
        padding: 4px 12px 4px 12px !important;/**/
    }
    
    /*4.1(часть) VK лайки отступы сверху 4*/
    /*лучший (комбинирующий модальные и немодальные окна) вариант*/
    .Post--redesignFooterV3 *:not(.reply_footer) > .like_wrap,
    .Post--redesignFooterV3 > .like_wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
    .Post--redesignFooterV3 *:not(.reply_footer) > .like_wrap > .like_cont,
    .Post--redesignFooterV3 > .like_wrap > .like_cont {
        padding-top: 12px;
    }
}
/*4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4*/
/*5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5*/
if(five5) {
    /*5.VK анимация лайков 3*/
    .PostBottomAction--transparent {
        --post-bottom-action-color: var(--vkui--color_icon_secondary);
        --post-bottom-background-color: var(--vkui--color_background_secondary);
    }
    .PostBottomAction--transparent:hover {
        --post-bottom-action-color: var(--vkui--color_icon_medium);
        --post-bottom-background-color: var(--vkui--color_background_secondary--hover);
    }
    /*затемнение текста и иконки*/
    .PostBottomAction--transparent .PostBottomAction__icon,
    .PostBottomAction--transparent .PostBottomAction__label,
    .PostBottomAction--transparent .PostBottomAction__count {
        opacity: 1;
        /**/
        color: var(--post-bottom-action-color, red);
    }
    /*затемнение фона*/
    .Post--redesignFooterV3 .PostBottomAction {
        background-color: var(--post-bottom-background-color) !important;
    }
}
/*5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5 5*/
/*6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6*/
if(six6){
    /*6.a VK маленькие картинки в ленте - реворк wip 1 тестить кейсы*/
    @css{
        .vkitPrimaryAttachment__root--KMoC5 {
            padding-top: min(var(--photo-primary-height, 100%), 550px) !important;
        }
    }
}
/*6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6 6*/
/*6 old 6 old 6 old 6 old 6 old 6 old 6 old 6 old*/
six6_old = false /*выключить забагованную версию*/
if(six6_old) {
    /*VK маленькие картинки в ленте 9 (мб работает)*/
    /*фиксить шортсы*/
    .vkitPrimaryAttachment__root--KMoC5 {
        max-height: 550px;
        /*--photo-primary-height: calc(var(--photo-primary-width, 100%)/var(--photo-primary-ratio, 1));/**/
        /*height: calc(var(--photo-primary-height)/100 * 550px) !important; /*без этого не работает*/
        padding-top: 0px;
        /*'это важно - переписывает значение где-то'*/
        height: auto;
        /**/
    }
    /*скрыть блюр вокруг картинок*/
    .vkitBlurBackground__background--LqVz8.vkitBlurBackground__imageBlurBorder--d2IJb.vkitOverlay__root--AjJAj {
        position: absolute;
        /**/
        /*height: 500px;/**/
    }
    .vkitBlurBackground__background--LqVz8 {
        /*position: absolute;/**/
        /*display: none;/**/
        /*height: 500px;/**/
        /*height: 100%;/**/
    }
    /*одна картинка*/
    .vkitPrimaryAttachment__root--KMoC5 > .vkitOverlay__root--AjJAj {
        position: relative;
        /**/
    }

    /*ужать картинку по максимальной высоте и ширине*/
    .vkitImageSingle__imag...