Старый Дизайн ВКонтакте 2016

/* https://web.archive.org/web/20201109120604/https://vk.
com/wd_games */
body {
font-family: var(--palette-vk-font),"Noto Sans Armenian","Noto Sans
Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto
Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans
Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai";
}
[dir] body.new_header_design #page_header_cont {

background-color: var(--blue_420);
border-bottom: 1px solid var(--blue_420);
}
[dir=ltr] #page_header_wrap {
border-bottom: 1px solid var(--blue_420);
}
[dir] body.new_header_design .p_head_l0 .top_home_link .top_home_logo, [dir]

body.new_header_design .p_head_l97 .top_home_link .top_home_logo, [dir]
body.new_header_design .p_head_l1 .top_home_link .top_home_logo {
background-image: url(http://svgur.com/i/QQF.svg);
background-size: 32px;
margin-top: 7px;
}
/* [dir] .TopHomeLink--logoWithText {
background-image: url(http://svgur.com/i/QQF.svg);
margin-top: 2px;
} */
/* Новогодний логотип */
[dir]
body.new_header_design.ny_2020_logo .p_head_l0 .top_home_link .top_home_logo::befor
e, [dir]
body.new_header_design.ny_2020_logo .p_head_l97 .top_home_link .top_home_logo::befo
re, [dir]
body.new_header_design.ny_2020_logo .p_head_l114 .top_home_link .top_home_logo::bef
ore, [dir]
body.new_header_design.ny_2020_logo .p_head_l1 .top_home_link .top_home_logo::befor
e {
background-image: none;
background-repeat: no-repeat;
background-position-y: -1px;
}
body.new_header_design.ny_2020_logo .p_head_l0 .top_home_link .top_home_logo, [dir]
body.new_header_design.ny_2020_logo .p_head_l97 .top_home_link .top_home_logo,
[dir]
[dir] body.new_header_design.ny_2020_logo .p_head_l1 .top_home_link .top_home_logo
{
background-image: url(https://i.imgur.com/vtj9udl.png);
background-size: 46px 23px;
width: 156px;
background-position-y: 9px;
/* background-position-x: 1px; */
height: 50px;
}
body.new_header_design.ny_2020_logo .p_head_l0 .top_home_link .top_home_logo, [dir]
[dir]
[dir]
body.new_header_design.ny_2020_logo .p_head_l1 .top_home_link .top_home_logo:active
{
}
[dir] .TopHomeLink--logoWithText {
margin-top: 2px;
width: 156px;
height: 50px;
}
[dir] .TopHomeLink--logoWithText:active {
margin-top: 3px;
}
[dir] .TopHomeLink--ny2021logo:not(.TopHomeLink--logoWithText), [dir]
body.WideScreenAppPage .TopHomeLink--ny2021logo {
margin-top: 2px;
width: 156px;
height: 50px;
}
[dir] .TopHomeLink--ny2021logo:not(.TopHomeLink--logoWithText), [dir]
body.WideScreenAppPage .TopHomeLink--ny2021logo:active {
margin-top: 3px;
}
body.new_header_design #page_header .lamp {
display: none;
}
[dir] a.TopHomeLink svg {
background:
url(https://sun9-west.userapi.com/sun9-15/s/v1/ig2/CThmpq4UGYouBlgcGR_eXPCsv3Ku8UAT
HiLUJr25zLVSOYd9SfOovJGDE-Uap8_06OCNZYc6AfLh5FxVwhAQK-TK.jpg?
size=137x24&quality=95) no-repeat;
}
[dir] #page_header {
position: relative;
height: inherit;
margin: 0 auto;
font-size: 12.5px;
padding: 0 15px;
background-color: #4a76a8;
}
.top_notify_btn.TopNavBtn.TopNavBtn__notify.has_notify {
background-image: url(https://svgshare.com/i/QP0.svg) !important;
width: 20px;
height: 20px;
top: 10px;
}
[dir] div.vkuiImageBase.vkuiImageBase--loaded.vkuiImageBase--transparent-
background.RichAvatar_image__j9E7X {
outline-color: #878aef !important;
}
div.RichAvatar_badgeBody__3zgOh {
display: none;
}
[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 {
display: none;
}
[dir] .vk-protect-security-status--warning .vk-protect-security-status-icon {
display: none;
}
.top_audio_player .top_audio_player_title {
color: #dbdfeb;
}
[dir] .EcosystemServicesNavigationDropdown_button__99Wn9 {
color: #dbdfeb;
}
[dir] body.new_header_design.ny_2020_logo .top_home_link .top_home_logo, [dir]
body.new_header_design.WideScreenAppPage.ny_2020_logo .top_home_link .top_home_logo
{
width: 156px;
/* background-position-x: 1px; */
height: 50px;
}
/* Новогодний логотип */
body.new_header_design .top_home_link .top_home_logo,
body.new_header_design.WideScreenAppPage .top_home_link .top_home_logo {
width: 34px;
height: 19px;
}
body.new_header_design {
--header-height: 42px;
--left-menu-row-height: 32px;
}
[dir] body.new_header_design .TopSearch__input {
border-radius: 20px;
background-image: url(https://vk.com/images/svg_icons/ic_head_loupe.svg);
height: 28px;
width: 230px;
padding: 6px 6px 6px 33px;
font-size: 13px;
color: rgb(141, 171, 199) !important;
}
body.new_header_design .TopSearch__input::placeholder,
body.new_header_design .TopSearch .input_back_content {
color: rgb(141, 171, 199);
}
#ts_wrap div, #ts_wrap input {
color: rgb(141, 171, 199) !important;
}
[dir] body.new_header_design .TopSearch__input #text{
font-size: 13px;
color: #000 /* qualified */ !important;
}
/* ТУПОЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕ */
/* .TopNavBtn svg {
background-image: url(https://svgshare.com/i/QP0.svg);
width: 20px;
height: 20px;
color: #1e3c5f;
} */
.top_notify_btn.TopNavBtn.TopNavBtn__notify {
background-image: url(https://get-styles.ru/i/w/22d2e11b060c.png) !important;
color: #1e3c5f;
width: 20px;
height: 20px;
margin: 5px;
top: 9px
}
[dir] .TopNavBtn__notifyCount {
background-color: var(--orange_prominent);
height: 10px;
}
[dir] .TopNavBtn .TopNavBtn__notifyCount {
border: none;
/* padding: 3px; */
padding: 3px 5px;
font-size: 9px;
margin-top: -10px;
margin-left: -10px;
}
/* ИКОНКИ ФИКС 2021

----------------------------------------------------------------------*/
[dir] .TopNavBtn.TopNavBtn__audio .TopNavBtn__icon {
background: url(https://svgshare.com/i/YeH.svg) no-repeat;
position: absolute;
margin-left: -10px;
top: 11px;
}
[dir] button.top_audio_player_btn.top_audio_player_next {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D
%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D
%22evenodd%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20opacity%3D%22.2%22%2F%3E
%3Cpath%20d%3D
%22m13%2012.625v3.8653505c0%20.2819967.2259549.5096495.5046844.5096495h.9906312c.29
06494%200%20.5046844-.2281779.5046844-.5096495v-
8.98070098c0-.28199673-.2259549-.50964952-.5046844-.50964952h-.9906312c-.2906494%20
0-.5046844.22817786-.5046844.50964952v3.86535048l-6.56988525-
4.10617828c-.23754582-.14846614-.43011475-.04116893-.43011475.2408278v8.98070098c0%
20.2814716.19775391.3860533.43011475.2408278z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg
%3E%3C%2Fsvg%3E);
height: 15%;
opacity: 0.7
}
[dir] button.top_audio_player_btn.top_audio_player_prev {
background-image: url(http://svgur.com/i/QQy.svg);
height: 15%;
opacity: 0.7
}
[dir] button.top_audio_player_btn.top_audio_player_play {
%3Cpath%20d%3D
%22m7%204.7081449c0-.39109763.31387329-.7081449.69674683-.7081449h2.60650637c.38480
26%200%20.6967468.30533409.6967468.7081449v14.5837102c0%20.3910976-.3138733.7081449
-.6967468.7081449h-
2.60650637c-.38480265%200-.69674683-.3053341-.69674683-.7081449zm6%200c0-.39109763.
3138733-.7081449.6967468-.7081449h2.6065064c.3848026%200%20.6967468.30533409.696746
8.7081449v14.5837102c0%20.3910976-.3138733.7081449-.6967468.7081449h-
2.6065064c-.3848026%200-.6967468-.3053341-.6967468-.7081449z%22%20fill%3D%22%23fff
%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
height: 15%;
opacity: 0.7
}
[dir] .top_audio_player_playing button.top_audio_player_btn.top_audio_player_play {
%3Cpath%20d%3D
%22m7%204.7081449c0-.39109763.31387329-.7081449.69674683-.7081449h2.60650637c.38480
26%200%20.6967468.30533409.6967468.7081449v14.5837102c0%20.3910976-.3138733.7081449
-.6967468.7081449h-
2.60650637c-.38480265%200-.69674683-.3053341-.69674683-.7081449zm6%200c0-.39109763.
3138733-.7081449.6967468-.7081449h2.6065064c.3848026%200%20.6967468.30533409.696746
8.7081449v14.5837102c0%20.3910976-.3138733.7081449-.6967468.7081449h-
2.6065064c-.3848026%200-.6967468-.3053341-.6967468-.7081449z%22%20fill%3D%22%23fff
%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
height: 15%;
opacity: 0.66;
}
[dir] button.top_audio_player_btn.top_audio_player_play {
background-image: url(http://svgur.com/i/QYS.svg);
height: 15%;
opacity: 0.66;
}
/*
-----------------------------------------------------------------------------------
------- */
/* [dir] .TopNavBtn.TopNavBtn__notify .TopNavBtn__icon {
opacity: 1 !important;
background: url(https://get-styles.ru/i/w/22d2e11b060c.png) center center no-
repeat !important;
} */ /* тестовое */
[dir] body.new_header_design .top_nav_btn#top_notify_btn .top_nav_btn_icon svg{
color: #1e3c5f;
}
[dir] body.new_header_design .top_nav_btn#top_notify_btn:hover {
background-color: var(--blue_980_alpha12);
}
[dir] body.new_header_design .top_nav_btn#top_notify_btn.active {
}
[dir] body.new_header_design .top_nav_btn .top_notify_count {
border: #4a76a8;
}
[dir] body.new_header_design .top_nav_btn .top_notify_count:hover {
border: #4a76a8;
}
body.new_header_design .top_nav_btn {
width: 46px;
}
[dir] body.new_header_design .top_nav_btn#top_audio .top_nav_btn_icon {
background-image: url(http://svgur.com/i/SEo.svg);
width: 20px;
}
/* .top_audio_player_btn svg {
background: url(http://svgur.com/i/SEo.svg) no-repeat;
width: 20px;
} */
[dir] .TopNavBtn.TopNavBtn__audio .TopNavBtn__icon {
background: url(http://svgur.com/i/SEo.svg) no-repeat;
width: 20px;
margin-top: 3px;
}
body.new_header_design .top_audio_player_title {
color: var(--light_blue_100);
line-height: 24px;
font-size: 13px;
position: initial;
padding-top: 1px;
}
body.new_header_design .top_audio_player_title:hover {
}
body.new_header_design .top_audio_player:hover .top_audio_player_title {
}
[dir] body.new_header_design .top_audio_player:hover {
}
[dir] body.new_header_design .top_audio_player {
width: 300px;
}
[dir] body.new_header_design .top_audio_player_play .top_audio_player_btn_icon {
background-image: url(http://svgur.com/i/QYS.svg);
}
[dir] body.new_header_design .top_audio_player_next .top_audio_player_btn_icon {
%3Cpath%20d%3D
%22m13%2012.625v3.8653505c0%20.2819967.2259549.5096495.5046844.5096495h.9906312c.29
06494%200%20.5046844-.2281779.5046844-.5096495v-
8.98070098c0-.28199673-.2259549-.50964952-.5046844-.50964952h-.9906312c-.2906494%20
0-.5046844.22817786-.5046844.50964952v3.86535048l-6.56988525-
4.10617828c-.23754582-.14846614-.43011475-.04116893-.43011475.2408278v8.98070098c0%
20.2814716.19775391.3860533.43011475.2408278z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg
%3E%3C%2Fsvg%3E);
}
[dir] body.new_header_design .top_audio_player_prev .top_audio_player_btn_icon {
background-image: url(http://svgur.com/i/QQy.svg);
}
[dir]
body.new_header_design .top_audio_player_playing .top_audio_player_play .top_audio_
player_btn_icon {
%3Cpath%20d%3D
%22m7%204.7081449c0-.39109763.31387329-.7081449.69674683-.7081449h2.60650637c.38480
26%200%20.6967468.30533409.6967468.7081449v14.5837102c0%20.3910976-.3138733.7081449
-.6967468.7081449h-
2.60650637c-.38480265%200-.69674683-.3053341-.69674683-.7081449zm6%200c0-.39109763.
3138733-.7081449.6967468-.7081449h2.6065064c.3848026%200%20.6967468.30533409.696746
8.7081449v14.5837102c0%20.3910976-.3138733.7081449-.6967468.7081449h-
2.6065064c-.3848026%200-.6967468-.3053341-.6967468-.7081449z%22%20fill%3D%22%23fff
%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
[dir=ltr] body.new_header_design .top_audio_player>button:not(:last-child),
[dir=ltr] body.new_header_design .top_audio_player>div:not(:last-child) {
margin: 0px;
}
body.new_header_design .top_audio_player {
gap: 0px;
}
body.new_header_design .top_nav_link {
color: #fff;
padding-top: 1px;
font-size: 13px;
}
body.new_header_design .top_profile_img {
height: 28px;
width: 28px;
}
body.new_header_design .top_nav_link.top_profile_link.active {
}
body.new_header_design .top_nav_link.top_profile_link:hover {
}
[dir=ltr] .TopNavBtn__profileName {
margin-right: 10px;
color: #fff;
}
[dir] .top_profile_mrow {
padding: 0 15px;
color: #2a5885;
}
[dir=ltr] .left_settings_inner {
left: 0;
right: 0;
margin-top: 12px;
}
[dir] body.new_header_design #side_bar #l_pr .left_icon {
background: url(https://i.imgur.com/VmF1YJT.png) no-repeat;
background-position: center;
margin-left: 1px;
}
[dir] body.new_header_design #side_bar li#l_pr .left_row .LeftMenu__icon>svg {
background: url(https://i.imgur.com/VmF1YJT.png) no-repeat;
margin-left: 1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_pr .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
/* [dir] body.new_header_design #side_bar li#l_pr .left_row .LeftNav__icon>svg {
background-image: none;
} */
[dir] body.new_header_design #side_bar #l_pr {

margin-left: -1px;
}
[dir] body.new_header_design #side_bar #l_nwsf .left_icon {
background-image: url(https://i.imgur.com/6RYj9MG.png);
height: 14px;
margin-left: -1px;
}
[dir] body.new_header_design #side_bar li#l_nwsf .left_row .LeftMenu__icon>svg {
background: url(https://i.imgur.com/6RYj9MG.png) no-repeat;
height: 14px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_nwsf .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_msg .left_icon {
background-image: url(https://i.imgur.com/tT2HtaX.png);
height: 12px;
}
[dir] body.new_header_design #side_bar li#l_msg .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/tT2HtaX.png) no-repeat;
height: 12px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_msg .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_fr .left_icon {

background-image: url(https://i.imgur.com/y0r0w4T.png);
height: 13px;
}
[dir] body.new_header_design #side_bar li#l_fr .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/y0r0w4T.png) no-repeat;
height: 13px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_fr .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_gr .left_icon, [dir]

body.new_header_design #side_bar .l_comm .left_icon {
background-image: url(https://i.imgur.com/dmDyd5n.png);
height: 11px;
}
[dir] body.new_header_design #side_bar li#l_gr .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/dmDyd5n.png) no-repeat;
height: 11px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_gr .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_ph .left_icon {

background-image: url(https://i.imgur.com/kYwQCgi.png);
height: 13px;
}
[dir] body.new_header_design #side_bar li#l_ph .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/kYwQCgi.png) no-repeat;
height: 13px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_ph .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_aud .left_icon {

background-image: url(https://i.imgur.com/qSyj9ND.png);
height: 16px;
margin-left: -1px;
}
[dir] body.new_header_design #side_bar li#l_aud .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/qSyj9ND.png) no-repeat;
height: 16px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_aud .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_vid .left_icon {

background-image: url(https://i.imgur.com/P0Fy0pR.png);
height: 14px;
}
[dir] body.new_header_design #side_bar li#l_vid .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/P0Fy0pR.png) no-repeat;
height: 14px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_vid .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar .genre10 .left_icon, [dir]

body.new_header_design #side_bar #l_ap .left_icon {
background-image: url(https://i.imgur.com/JvkCkCR.png);
height: 11px;
}
[dir] body.new_header_design #side_bar li#l_svd .left_row .LeftMenu__icon>svg {

background: url(http://svgur.com/i/UB4.svg) no-repeat;
height: 16px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_svd .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_ap .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/JvkCkCR.png) no-repeat;
height: 11px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_ap .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_stickers .left_row .LeftMenu__icon>svg

{
background: url(https://i.imgur.com/ax51pGV.png) no-repeat;
height: 17px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_stickers .left_row .LeftMenu__icon>svg
path {
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_mini_apps .left_row .LeftMenu__icon>svg

{
background: url(https://i.imgur.com/m3Cdwz8.png) no-repeat;
height: 15px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_mini_apps .left_row .LeftMenu__icon>svg
path {
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_mk .left_icon {

background-image: url(https://i.imgur.com/Gf5CdtQ.png);
height: 15px;
}
[dir] body.new_header_design #side_bar li#l_mk .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/Gf5CdtQ.png) no-repeat;
height: 15px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_mk .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_fav .left_icon {

background-image: url(https://i.imgur.com/qX7Lpa7.png);
height: 13px;
}
[dir] body.new_header_design #side_bar li#l_fav .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/qX7Lpa7.png) no-repeat;
height: 13px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_fav .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_doc .left_icon {

background-image: url(https://i.imgur.com/rOV0bpk.png);
height: 14px;
}
[dir] body.new_header_design #side_bar li#l_doc .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/rOV0bpk.png) no-repeat;
height: 14px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_doc .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar .left_icon, [dir] body.new_header_design

#l_frb_rgstr .left_icon {
background-image: url(https://i.imgur.com/o1RNyfP.png);
height: 15px;
}
[dir] body.new_header_design #side_bar #l_svd .left_icon {
background-image: url(http://svgur.com/i/QS3.svg);
height: 16px;
}
[dir] body.new_header_design #side_bar #l_vkp .left_icon {
background-image: url(https://i.imgur.com/QLrIKPG.png);
height: 16px;
}
[dir] body.new_header_design #side_bar li#l_vkp .left_row .LeftMenu__icon>svg {
background: url(https://i.imgur.com/QLrIKPG.png) no-repeat;
height: 16px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_vkp .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_job .left_icon {

background-image: url(https://i.imgur.com/qtCqxnX.png);
height: 13px;
}
[dir] body.new_header_design #side_bar li#l_job .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/qtCqxnX.png) no-repeat;
height: 13px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_job .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_fortune .left_icon {

background: url(https://i.imgur.com/wYVUJsS.png) no-repeat center;
}
[dir] body.new_header_design #side_bar #l_fortune .left_icon:hover {
background: url(https://i.imgur.com/9MHXrnL.png) no-repeat center;
}
[dir] body.new_header_design #side_bar #l_ads .left_icon {

background-image: url(https://i.imgur.com/keVvCFe.png);
height: 13px;
}
[dir] body.new_header_design #side_bar li#l_ads .left_row .LeftMenu__icon>svg {

background: url(https://i.imgur.com/keVvCFe.png) no-repeat;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar li#l_ads .left_row .LeftMenu__icon>svg path
{
fill: #0000;
}
[dir] body.new_header_design #side_bar .l_comm .left_row .LeftMenu__icon>svg {
background: url(https://i.imgur.com/dmDyd5n.png) no-repeat;
height: 11px;
margin-left: -1px;
fill: #0000;
}
[dir] body.new_header_design #side_bar .l_comm .left_row .LeftMenu__icon>svg path {
fill: #0000;
}
[dir] body.new_header_design #side_bar #l_covid19 .left_icon {

background-image: url(http://svgur.com/i/QSD.svg);
height: 16px;
}
[dir] body.new_header_design #side_bar ol li .left_row {
border-radius: 2px;
padding: 0 6px;
height: 28px;
width: 145px;
}
[dir] body.new_header_design #side_bar .genre10 .left_icon, [dir]
body.new_header_design #side_bar .genre11 .left_icon, [dir] body.new_header_design
#side_bar .genre12 .left_icon, [dir] body.new_header_design
#side_bar .genre23 .left_icon, [dir] body.new_header_design #side_bar
#l_ap .left_icon {
background-image: url(https://i.imgur.com/JvkCkCR.png);
height: 11px;
}
[dir] body.new_header_design #side_bar #l_apm .left_icon, [dir]
body.new_header_design #side_bar #l_mini_apps .left_icon {
background-image: url(https://i.imgur.com/mEmRJy7.png);
height: 15px;
}
body.new_header_design #side_bar .left_label {
color: #2a5885;
font-size: 12.5px;
margin-left: -1px;
}
[dir] body.new_header_design #side_bar .left_icon {
margin-bottom: 2px;
}
body.new_header_design .side_bar_inner {
width: 164px;
margin-top: 41px;
margin-left: -2px;
}
/* [dir] body.new_header_design #side_bar .left_count_wrap .left_count {
padding: 1.5px 7px;
color: var(--steel_gray_A540);
} */
[dir] body.new_header_design #side_bar .left_count_wrap .left_count {
color: #2a5885 !important;
padding: 3px 6px;
}
.left_row .left_count_wrap, body.new_header_design
#side_bar_inner .left_row:hover .left_count_wrap,
#side_bar_inner .left_row .left_count_wrap {
background: #d3d9de !important;
height: 24px;
border-radius: 3px!important;
}
[dir=ltr] body.new_header_design #side_bar .more_div {
margin: 9px 0 0 9px;
}
[dir] body.new_header_design .left_count_wrap {
border-radius: 2px;
background-color: #d3d9de;
padding: 0;
}
[dir] .post_settings .checkbox_pic {
background: url(https://i.imgur.com/tgJ01hb.png) center no-repeat;
}
[dir] .media_selector .ms_item.ms_item_photo:before {
}
[dir] .media_selector .ms_item.ms_item_video:before {
background-image: url(https://i.imgur.com/P0Fy0pR.png);
}
[dir] .media_selector .ms_item.ms_item_audio:before {
background-image: url(https://i.imgur.com/qSyj9ND.png);
}
[dir] .media_selector .ms_item.ms_item_doc:before {
background-image: url(https://i.imgur.com/rOV0bpk.png);
}
[dir] .media_selector .ms_item.ms_item_map:before {
background-image: url(https://i.imgur.com/WAJgFXh.png);
}
[dir] .media_selector .ms_item.ms_item_poll:before {
background-image: url(https://i.imgur.com/dZT8eRJ.png);
}
[dir] .media_selector .ms_item.ms_item_market:before {
background-image: url(https://i.imgur.com/Gf5CdtQ.png);
}
[dir] .media_selector .ms_item.ms_item_graffiti:before {
background-image: url(https://i.imgur.com/1y3QEiY.png);
}
[dir] .media_selector .ms_item.ms_item_money:before {
background-image: url(https://i.imgur.com/QLrIKPG.png);
}
[dir] .emoji_smile_icon_vector {
background: url(https://i.imgur.com/pQoR0K2.png) no-repeat 4px 4px;
}
[dir] .emoji_smile_icon {
background: url(https://i.imgur.com/pQoR0K2.png) no-repeat 4px 4px;
}
[dir] .media_selector .ms_item.ms_item_postpone:before {
background-image: url(https://i.imgur.com/wRR3FXK.png);
}
[dir] .media_selector .ms_item.ms_item_gift:before {
background-image: url(https://i.imgur.com/FacOAVf.png);
}
[dir] .wall_module .reply_box_photo {
background: url(https://i.imgur.com/kYwQCgi.png) center no-repeat;
cursor: pointer;
border: 0;
box-shadow: none;
}
[dir] .wall_module .emoji_smile_icon_vector {
background-repeat: no-repeat;
background-position: 2px 4px;
}
/* [dir] .im-chat-input .im-chat-input--attach-label {
background: url(https://i.imgur.com/kYwQCgi.png) center no-repeat;
} */
.im-chat-input .im-chat-input--smile-wrap .emoji_smile_icon_vector {
opacity: 0.7;
background: url(http://svgur.com/i/SRX.svg);
}
body.new_header_design .audio_page_player2.audio_page_player_fixed {
top: 0px;
}
[dir] .im-action_invite::before {
background-image: url(https://i.imgur.com/QLYQoTo.png);
}
[dir] .im-action_media::before {
background-image: url(https://i.imgur.com/p3GfsxI.png);
}
[dir] .im-action_search::before {
background-image: url(https://i.imgur.com/dtyKhKw.png);
}
[dir] .im-action_unread::before {
background-image: url(https://i.imgur.com/cwAqY7Q.png);
}
[dir] .im-action_mute::before {
background-image: url(https://i.imgur.com/QN9t1H6.png);
}
[dir] .im-action_unmute::before {
background-image: url(https://i.imgur.com/PETqC6t.png);
}
[dir] .im-action_pin_hide::before {
background-image: url(https://i.imgur.com/SWb7yau.png);
}
[dir] .im-action_clear::before {
background-image: url(https://i.imgur.com/GLLI58H.png);
}
[dir] .im-action_leave::before {
background-image: url(https://i.imgur.com/kuGUGq1.png);
}
[dir] .im-page--redesigned-menu .ui_actions_menu_sep {
margin: 4px 4px;
}
[dir] .friends_only_pic {
background: url(https://i.imgur.com/qXz9cQ5.png) center no-repeat;
}
[dir] .friends_only_pic.on {
background-image: url(https://i.imgur.com/aqib4Ep.png);
}
[dir] .feed_lists_icon .ui_actions_menu_icons {
background-image: url(https://i.imgur.com/QLYQoTo.png);
}
[dir] .im-page-action_spam {
background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D
%22m4.6%2012.9c.9.7%202.1%201.1%203.4%201.1%203.3%200%206-2.7%206-6%200-1.3-.4-2.5-
1.1-3.4zm-1.5-1.5%208.4-8.4c-1-.6-2.2-1-3.5-1-3.3%200-6%202.7-
6%206%200%201.3.4%202.5%201.1%203.4zm4.9%204.6c-4.4%200-8-3.6-8-8s3.6-8%208-
8%208%203.6%208%208-3.6%208-8%208z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E)
10px 5px no-repeat;
}
[dir] .im-page-action_delete {
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D
%22m2%2015c0%201.1.9%202%202%202h8c1.1%200%202-.9%202-2v-10h-12zm8-7c0-.6.4-1%201-
1s1%20.4%201%201v6c0%20.6-.4%201-1%201s-1-.4-1-1zm-3%200c0-.6.4-1%201-
1s1%20.4%201%201v6c0%20.6-.4%201-1%201s-1-.4-1-1zm-3%200c0-.6.4-1%201-
1s1%20.4%201%201v6c0%20.6-.4%201-1%201s-1-.4-1-1zm11-6h-5v-1c0-.6-.4-1-1-1h-
2c-.6%200-1%20.4-1%201v1h-5c-.6%200-1%20.4-
1%201s.4%201%201%201h14c.6%200%201-.4%201-1s-.4-1-1-1z%22%20fill%3D
%22%23828a99%22%2F%3E%3C%2Fsvg%3E) center no-repeat;
}
[dir] .im-page-action_star {
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m15.3%206.4-4.7-.5-2.1-
4.9c-.3-.7-.8-.7-1%200l-2.1%204.9-4.7.5c-.7.1-.9.5-.3%201l3.8%203.2-
1.4%205.2c-.2.7.1.9.7.5l4.5-3.3%204.5%203.3c.6.4.9.2.7-.5l-1.4-5.2%203.8-
3.2c.6-.5.5-.9-.3-1z%22%20fill%3D%22%23818C99%22%2F%3E%3C%2Fsvg%3E) center no-
repeat;
}
[dir] .im-page--mess-actions_important .im-page-action_star {
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m15.3%206.4-4.7-.5-2.1-
4.9c-.3-.7-.8-.7-1%200l-2.1%204.9-4.7.5c-.7.1-.9.5-.3%201l3.8%203.2-
1.4%205.2c-.2.7.1.9.7.5l4.5-3.3%204.5%203.3c.6.4.9.2.7-.5l-1.4-5.2%203.8-
3.2c.6-.5.5-.9-.3-1z%22%20fill%3D%22%23678dc8%22%2F%3E%3C%2Fsvg%3E) center no-
repeat;
}
/* [dir] .ReactionsPreview {
display: none;
}
[dir=ltr] .post--withPostBottomAction .PostBottomActionLikeBtns .like_btns {
margin-left: calc(var(--post-bottom-action-post-left-side-distance) - var(--
post-padding-lr));
margin-top: 8px;
}
[dir=ltr] .PostActionStatusBar--afterPostContent {
padding-left: var(--post-padding-lr);
padding-right: var(--post-padding-lr);
display: none;
} */
[dir=ltr] .SitpostingEntrypoint {
float: left;
padding-right: 14px;
margin-right: 14px;
}
[dir=ltr] .media_selector>.ms_item>.ms_item_photo>._type_photo{
}
.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: 30px;
width: 50px;
z-index: 100;
}
.PostBottomAction__count, .PostBottomAction__label,
[dir=ltr] .ReactionsPreview__count {
font-weight: 500 !important;
font-size: 14px !important;
color: #5e6c77;
}
.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 {
}
.PostButtonReactionsContainer {
width: auto !important;
}
[dir] .PostActionStatusBar--inPost {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
div.like_cont.PostBottomActionLikeBtns {
border-top: 1px solid #e7e8ec !important;
}
[dir] .wl_post_actions_wrap .like_wrap .PostButtonReactionsContainer {
width: 90px !important;
}
.PostButtonReactionsContainer {
width: auto !important;
}
.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
%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
}
[dir=ltr] .PostButtonReactions__iconAnimation {
visibility: hidden;
}
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
%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
visibility: visible;
}
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
%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;
}
margin-top: 5px !important;
}
[dir] .PostBottomAction::before {
background-image: none!important;
}
div.tt_w.like_tt.likes_tt_share.tt_down {
}
[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;
}
}
.like_btns {
}
[dir] .like_wrap {
padding: 0px 20px 8px 20px !important;
}
.like_views {
}
[dir=ltr] .wall_module .reply .like_wrap {
margin-top: -15px !important;
}
[dir] .wl_post_body_wrap .Post__copyright:last-child {
margin-bottom: 0px !important;
}
[dir] .wl_post_body_wrap {
padding: 15px 25px 0px !important;
}
[dir] .wl_post_body_wrap .page_post_sized_full_thumb_first {
margin-top: 0px;
}
[dir] .page_post_sized_full_thumb {
margin: 0px;
}
.wl_replies_block_wrap {
}
[dir] .deep_active.wall_module .post_replies_header {
}
.submit_post_box.reply_box.clear_fix._submit_post_box {
margin-top: -1px !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;
}
#l_msg .left_label {
visibility: hidden;
}
#l_msg .left_label:before {
content: 'Сообщения' !important;
}
#l_gr .left_label {
visibility: hidden;
}
#l_gr .left_label:before {
content: 'Группы' !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: 'Понравилось';
}
[dir] .post--withPostBottomAction.post--
withActionStatusBar .wall_post_cont .wall_signed:last-child {
box-shadow: none !important;
}
withActionStatusBar .wall_post_cont .Post__copyright:last-child {
}
withActionStatusBar .wall_post_cont .media_desc__doc.PostMediaRowWithActionStatusBa
rSeparator:last-child {
}
withActionStatusBar .wall_post_cont .media_desc--
link.PostMediaRowWithActionStatusBarSeparator:last-child {
padding-bottom: 0px !important;
}
/* Старый дизайн календаря */

[dir] .cal_table .day.sel:hover {
background-color: var(--button_primary_background);
color: var(--button_primary_foreground);
}
[dir] .cal_table > thead {
background-color: var(--button_primary_background);
border-bottom: 1px solid var(--separator_common);
}
.cal_month_sel {
}
.cal_table .month .year {
}
.cal_table .month_arr .arr {
opacity: 0.7;
}
[dir] .CatalogSection--header_section {
display: none;
}
a#ui_rmenu_business_notify {
display: none;
}
[dir] .TopNavBtn__profileArrow {
color: #93b3dc;
}

Старый Дизайн ВКонтакте 2016

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Старый Дизайн ВКонтакте 2016

Uploaded by

Copyright:

Available Formats

/* https://web.archive.org/web/20201109120604/https://vk.

[dir] body.new_header_design #page_header_cont {

[dir] body.new_header_design .p_head_l0 .top_home_link .top_home_logo, [dir]

/* ИКОНКИ ФИКС 2021

[dir] body.new_header_design #side_bar #l_pr {

[dir] body.new_header_design #side_bar li#l_msg .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_fr .left_icon {

[dir] body.new_header_design #side_bar li#l_fr .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_gr .left_icon, [dir]

[dir] body.new_header_design #side_bar li#l_gr .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_ph .left_icon {

[dir] body.new_header_design #side_bar li#l_ph .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_aud .left_icon {

[dir] body.new_header_design #side_bar li#l_aud .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_vid .left_icon {

[dir] body.new_header_design #side_bar li#l_vid .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar .genre10 .left_icon, [dir]

[dir] body.new_header_design #side_bar li#l_svd .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar li#l_ap .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar li#l_stickers .left_row .LeftMenu__icon>svg

[dir] body.new_header_design #side_bar li#l_mini_apps .left_row .LeftMenu__icon>svg

[dir] body.new_header_design #side_bar #l_mk .left_icon {

[dir] body.new_header_design #side_bar li#l_mk .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_fav .left_icon {

[dir] body.new_header_design #side_bar li#l_fav .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_doc .left_icon {

[dir] body.new_header_design #side_bar li#l_doc .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar .left_icon, [dir] body.new_header_design

[dir] body.new_header_design #side_bar #l_job .left_icon {

[dir] body.new_header_design #side_bar li#l_job .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_fortune .left_icon {

[dir] body.new_header_design #side_bar #l_ads .left_icon {

[dir] body.new_header_design #side_bar li#l_ads .left_row .LeftMenu__icon>svg {

[dir] body.new_header_design #side_bar #l_covid19 .left_icon {

/* Старый дизайн календаря */

You might also like