Authorredls
LicenseNo License
Categoryuserstyles
Created
Updated
Size115 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
После недавних обновлений Вконтакте, таких как белый дизайн и реакций под постами, я решил вернуть старый синий дизайн, дополнив его и убрав, на мой взгляд, лишние вещи, которые также существовали в старом дизайне.
Данный скрипт вернёт вам старый, привычный, синий дизайн, улучшив его с визуальной стороны. Скрипт основан на наработках AshDefenders, на которых в последствии я начал перерабатывать дизайн под свой вкус.
Группа VK: https://vk.com/vkoldbluedesign
/* ==UserStyle==
@name Старый Дизайн ВКонтакте
@namespace http://userstyles.org
@description Группа VK: https://vk.com/vkoldbluedesign
@author AshDefenders & RedIs
@version 1.2.1
==/UserStyle== */
@-moz-document domain("vk.com") {
#page_header_cont {
background-color: var(--page_header);
border-bottom: 1px solid var(--page_header_separator);
}
[dir=ltr] #page_header_wrap {
background-color: var(--page_header);
border-bottom: 1px solid var(--page_header_separator);
}
[dir] .HeaderNav__item.HeaderNav__item--logo path, .TopNavBtn.TopNavBtn__audio .TopNavBtn__icon path, .TopNavBtn.TopNavBtn__notify .TopNavBtn__icon path, .top_audio_player_btn svg path, div.wall_module.page_block.feed_post_field_wrap {
display: none;
}
.ReactionsMenu, .ReactionsMenu--extraHoverArea, .ReactionsMenu--extraHoverAreaToTop, div.ReactionsPreview__items {
display: none;
}
.PostBottomAction {
--post-bottom-action-background-color: transparent !important;
}
[dir=ltr] .PostButtonReactions--post .PostButtonReactions__title--textual {
display: none;
}
[dir=ltr] .like_tt_reacted-count {
display: none;
}
div.ReactionsPreview.ReactionsPreview--active .ReactionsPreview__count._counter_anim_container {
color: #e64646 !important;
}
[dir] .ReactionsPreview {
position: absolute !important;
margin-top: 28px;
margin-left: 41px;
width: 45px;
z-index: 100;
}
.PostBottomAction__count, .PostBottomAction__label, [dir=ltr] .ReactionsPreview__count {
font-weight: 500 !important;
font-size: 14px !important;
color: var(--postBottomAction_count);
}
.fans_fanph_reaction {
display: none !important;
}
li#likes_tab_reactions_0, li#likes_tab_reactions_1, li#likes_tab_reactions_2, li#likes_tab_reactions_3, li#likes_tab_reactions_4, li#likes_tab_reactions_5,.ui_tab.ui_tab_group {
display: none;
}
.like_tt_reaction {
display: none !important;
}
[dir] .wl_post_body_wrap {
padding: 15px 25px 0px !important;
}
[dir=ltr] .ReactionsPreview__count {
margin-left: 0px !important;
}
.like_btns {
margin-top: 15px !important;
}
[dir=ltr] .wall_module .reply .like_wrap {
margin-top: -15px !important;
}
[dir] .PostBottomAction::before {
background-image: none!important;
}
[dir=ltr] .bp_post .like_wrap {
margin-top: -15px !important;
}
[dir] .wall_module .reply .like_btn, [dir] .wcomments_post_content .like_btn {
padding: 10px !important;
}
[dir] .wall_module .reply .reply_wrap {
padding: 8px 0px 5px !important;
}
[dir] .pv_comments {
margin-top: 0px !important;
}
div#pv_place.pv_right_block {
margin: 5px 15px 7px 15px !important;
}
[dir] .ui_rmenu_item._ui_item_likes.feed_section_likes span {
visibility: hidden;
}
[dir] .ui_rmenu_item._ui_item_likes.feed_section_likes:before {
content: 'Понравилось';
visibility: visible;
}
.PostButtonReactions__icon.PostButtonReactions__icon--custom {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E) !important;
}
div.PostButtonReactions__icon.PostButtonReactions__icon--custom.PostButtonReactions__icon--animationActive {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E) !important;
}
[dir=ltr] .PostButtonReactions__iconAnimation {
visibility: hidden;
}
div.PostButtonReactions__icon.PostButtonReactions__icon--custom.PostButtonReactions__icon--animationActive::after {
background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E) !important;
visibility: visible;
}
div.PostButtonReactions__icon.PostButtonReactions__icon--custom.PostButtonReactions__icon--animationActive {
background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E)!important;
}
[dir=ltr] .post--withPostBottomAction .PostBottomActionLikeBtns .like_btns {
margin-top: 5px !important;
}
.post, .wl_post {
--post-action-status-bar-vertical-padding: 0px !important;
}
.PostBottomAction__icon {
opacity: 0.9 !important;
}
[dir] .like_cont {
padding: 0px !important;
}
[dir] .PostBottomActionLikeBtns.like_cont {
margin: 10px 4px 0px 4px !important;
}
[dir] .PostBottomActionLikeBtns.like_cont {
padding: 3px 0px 0px 0px !important;
}
[dir] .wall_audio_rows {
margin: 5px -10px -11px -10px !important;
}
[dir] .wall_signed {
margin-top: 15px !important;
}
[dir] .post--withPostBottomAction.post--withActionStatusBar .wall_post_cont .wall_signed:last-child {
box-shadow: none !important;
}
[dir] .post--withPostBottomAction .wall_signed:last-child {
padding-bottom: 0px !important;
}
[dir] .Post__copyright {
margin-top: 10px !important;
padding-top: 0px !important;
}
[dir] .wall_audio_rows {
margin: 5px -10px -11px -10px !important;
}
[dir] .reply_text .wall_audio_rows {
margin: 5px 10px 0px -10px !important;
}
[dir] .wl_post_body_wrap .Post__copyright:last-child {
margin-bottom: 0px !important;
}
[dir] .post--withPostBottomAction.post--withActionStatusBar .wall_post_cont .Post__copyright:last-child {
box-shadow: none !important;
}
[dir] .post--withPostBottomAction.post--withActionStatusBar .wall_post_cont .media_desc__doc.PostMediaRowWithActionStatusBarSeparator:last-child {
box-shadow: none !important;
}
[dir] .post--withPostBottomAction .Post__copyright:last-child {
padding-bottom: 0px !important;
padding-top: 0px !important;
}
[dir] .post_poster .wl_post_body_wrap .wall_signed {
margin: 15px 0 0 !important;
}
.wl_replies_block_wrap {
border-top: var(--postBottomActionLikeBtns_separator);
}
[dir] .deep_active.wall_module .post_replies_header {
border-top: 0px solid #e7e8ec !important;
}
[dir=ltr] .wall_module .media_desc .lnk.lnk_mail {
margin-top: 5px !important;
}
[dir=ltr] .im-chat-input .im-chat-input--smile-wrap .emoji_smile {
padding: 6px 5px 6px 3px !important;
margin-right: 6px !important;
}
[dir=ltr] .im-chat-input .im_chat-input--buttons {
margin-right: 3px !important;
}
.msg_typing_icon {
right: 102px;
z-index: 1;
padding-right: 3px;
}
.vk_block_typing_btn .im-chat-input .im-chat-input--textarea:not(.im-chat-input_open-keyboard):not(.im-chat-input_close-keyboard):not(.im-chat-input--textarea_show-templates) .im-chat-input--text {
padding-right: 120px !important;
}
[dir=ltr] .im-chat-input .im-chat-input--textarea:not(.im-chat-input_open-keyboard):not(.im-chat-input_close-keyboard):not(.im-chat-input--textarea_show-templates) .im-chat-input--text::-webkit-scrollbar, div.im-chat-input--scroll::-webkit-scrollbar, div.olist.settings_menu_rows::-webkit-scrollbar, textarea#like_share_code.like_share_code.dark::-webkit-scrollbar {
width: 8px;
}
[dir=ltr] .im-chat-input .im-chat-input--textarea:not(.im-chat-input_open-keyboard):not(.im-chat-input_close-keyboard):not(.im-chat-input--textarea_show-templates) .im-chat-input--text::-webkit-scrollbar-track, div.im-chat-input--scroll::-webkit-scrollbar-track, div.olist.settings_menu_rows::-webkit-scrollbar-track, textarea#like_share_code.like_share_code.dark::-webkit-scrollbar-track {
background-color: var(--scrollbar_track);
border-radius: 15px;
}
[dir=ltr] .im-chat-input .im-chat-input--textarea:not(....