Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save vitaliykoreev/0ce3af10500678a33dc06853d8b8e069 to your computer and use it in GitHub Desktop.
Save vitaliykoreev/0ce3af10500678a33dc06853d8b8e069 to your computer and use it in GitHub Desktop.
Продукт
@namespace url(http://www.w3.org/1999/xhtml);
:root {
--ts-input-width: 720px;
--player-left: 35px;
}
/* Левое меню */
#side_bar_inner {
position: fixed !important;
top: 0;
margin-top: 46px !important;
z-index: 99;
}
/* Левое меню */
.left_count_wrap, #side_bar ol li .left_row:hover .left_count_wrap, .font_medium .left_count_wrap, .font_medium #side_bar ol li .left_row:hover .left_count_wrap {
text-align: center;
background-color: #3970B8;
padding: 0 !important;
}
/* Счетчики слева */
.left_count_wrap, #side_bar ol li .left_row:hover .left_count_wrap, .font_medium .left_count_wrap, .font_medium #side_bar ol li .left_row:hover .left_count_wrap {
height: 24px !important;
min-width: 24px !important;
width: auto !important;
padding: 0 5px !important;
line-height: 24px;
margin: 2px 2px 0 0 !important;
border-radius: 15px;
box-sizing: border-box;
color: #fff;
}
/* Счетчики слева */
/* Анимация лого */
.top_home_link {
position: relative;
overflow: hidden;
}
.top_home_link:after {
z-index: 0;
position: absolute;
width: 10px;
height: 10px;
top: calc(50% - 5px);
left: calc(50% - 5px);
content: '';
visibility: hidden;
border-radius: 50% !important;
background: rgba(0, 0, 0, .5);
opacity: 1;
}
.top_home_link .top_home_logo {
margin: 13px auto 0;
}
/* Для userstyles */
.top_home_link:hover:after {
width: 10px;
height: 10px;
visibility: visible;
animation-name: logo;
animation-duration: .5s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
transition-duration: .2s;
}
/* Для userstyles */
.top_home_link:active:after {
transform: scale(17) !important;
}
@-moz-keyframes logo {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(20);
opacity: 0;
}
}
@-webkit-keyframes logo {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(20);
opacity: 0;
}
}
@-moz-keyframes logocircle {
0% {
transform: scale(0);
opacity: 1;
}
100% {
width: 10px;
height: 10px;
transform: scale(10);
opacity: .2;
}
}
@-webkit-keyframes logocircle {
0% {
transform: scale(0);
opacity: 1;
}
100% {
width: 10px;
height: 10px;
border-radius: 50%;
transform: scale(10);
opacity: .2;
}
}
/* Анимация лого */
/* Анимация музыки в шапке */
.top_audio_player .top_audio_player_play > div {
margin: 0 auto 0;
}
.top_audio_player.top_audio_player_playing .top_audio_player_play > div {
background-position: -15px -78px;
}
.top_audio_player .top_audio_player_play {
width: 30px;
height: 30px;
padding: 0 !important;
text-align: center;
margin-top: 6px;
border-radius: 50%;
}
.top_audio_player.top_audio_player_playing .top_audio_player_play {
animation-name: playbtnaudio;
animation-duration: 2.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
overflow: visible;
}
@-moz-keyframes playbtnaudio {
0% {
box-shadow: none;
}
50% {
box-shadow: 0 0 0 15px rgba(0, 0, 0, .2);
background-color: rgba(0, 0, 0, .2);
}
100% {
box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes playbtnaudio {
0% {
box-shadow: none;
}
50% {
box-shadow: 0 0 0 15px rgba(0, 0, 0, .2);
background-color: rgba(0, 0, 0, .2);
}
100% {
box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
}
}
/* Анимация музыки в шапке */
.page_block {
box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
}
#page_header_cont .back {
background: #3970B8;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
border: none;
}
#dev_top_nav_wrap {
background: #3970B8;
}
.dev_top_link, .dev_home_link {
transition: all .24s ease-in-out;
}
.dev_top_link.sel, .dev_top_link.sel:hover, .dev_home_link:hover, .dev_top_link:hover {
background: rgba(0, 0, 0, .1);
}
/* Плавающая кнопка */
.chat_onl_wrap {
bottom: 40px;
right: 40px;
}
.chat_cont_sh_top, .chat_cont_sh_bottom {
display: none !important;
}
.chat_onl_inner {
background-color: transparent !important;
overflow: visible;
}
#chat_tab_wrap {
background: #3970B8 url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/></svg>") center center no-repeat;
width: 56px;
height: 56px;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #fff;
border-radius: 50%;
box-shadow: 0 3px 6px rgba(0, 0, 0, .35);
text-decoration: none;
padding: 0;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
#chat_onl_wrap:hover #chat_tab_wrap {
background: #3970B8 url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, 0)' height='14' viewBox='0 0 24 24' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/></svg>") center center no-repeat;
}
#chat_tab_wrap:hover {
box-shadow: 0 5px 14px rgba(0, 0, 0, .30);
}
.chat_fix_height {
height: 0 !important;
opacity: 0;
margin-bottom: -48px;
-moz-transition: all .44s ease-in-out;
-webkit-transition: all .44s ease-in-out;
transition: all .44s ease-in-out;
}
.chat_onl_height {
transform: translateY(315px);
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
.chat_tab_wrap {
margin: 0 auto;
}
#chat_onl_wrap:hover .chat_fix_height {
height: 315px !important;
opacity: 1;
}
#chat_onl_wrap:hover .chat_onl_height {
transform: translateY(0);
}
.chat_onl_cont {
padding: 0;
}
.chat_onl {
height: 56px;
line-height: 56px;
opacity: 0;
transform: scale(1.45);
font-size: 16px;
color: #fff;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
.chat_onl:after {
display: none;
}
#chat_onl_wrap:hover .chat_onl {
opacity: 1;
transform: scale(1);
}
.chat_cont_scrolling {
overflow: hidden;
}
/* Плавающая кнопка */
/* Долой рекламу! */
#ads_left {
display: none !important;
}
/* Долой рекламу! */
/* Футер */
#footer_wrap {
padding: 30px 0;
width: 100% !important;
}
#footer_wrap::after {
content: 'Павел Дуров';
color: #444;
font-size: 14px;
}
/* Футер */
/* Лайк и репост */
.post_full_like_wrap .post_like, .post_full_like_wrap .post_share {
float: right;
}
.post_like, .post_share {
margin: 0 !important;
}
.post_full_like_wrap .reply_link_wrap {
float: left;
}
/* Лайк и репост */
/* Миничат */
.fc_tab_wrap {
width: 280px !important;
}
.rb_box_wrap {
border-radius: 2px;
box-shadow: 0 0 25px rgba(0, 0, 0, .1);
right: auto;
margin-right: 50px !important;
}
.rb_box_wrap .fc_tab_head {
position: relative;
background: #3970B8;
padding: 0;
padding-right: 15px;
height: 45px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
z-index: 9;
border: none !important;
}
.fc_tab_title {
height: 100%;
padding: 0;
padding-left: 20px;
line-height: 45px;
}
.fc_tab {
background: #EBF0F5;
}
.fc_contact:first-child {
padding-top: 8px;
}
.fc_contact {
position: relative;
padding: 8px 16px;
height: auto;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
span.fc_contact_photo, img.fc_contact_photo {
border-radius: 50%;
}
.fc_contact:after {
content: '';
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 0;
height: 0;
background: rgba(0, 0, 0, .05);
visibility: visible;
border-radius: 50%;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.fc_contact:hover:after {
width: 10px;
height: 10px;
transform: scale(30);
}
.fc_msgs_author {
visibility: hidden;
}
div[id^="rb_box_fc_peer2000"] .fc_msgs_author {
visibility: visible;
top: 0;
bottom: auto;
left: 10px;
border-radius: 50%;
vertical-align: top;
}
img.fc_msgs_author {
width: 30px;
height: 30px;
}
.rb_resize_wrap {
display: none;
}
.fc_msgs_wrap {
padding-top: 0;
padding-left: 0;
margin-top: 10px;
padding-right: 31px;
-webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,0,.1));
filter: drop-shadow(0px 1px 1px rgba(0,0,0,.1));
transition-duration: .3s;
}
.fc_tab_close_wrap, .fc_tab_min_wrap, .fc_tab_max_wrap, .fc_tab_pin_wrap {
margin-top: 16px;
}
.fc_msgs {
margin-left: 22px;
padding: 14px 18px;
border-radius: 0 5px 5px 5px;
}
.fc_msg.fc_msg_unread {
background: transparent !important;
color: #000 !important;
}
div[id^="rb_box_fc_peer2000"] .fc_msgs {
margin-left: 76px;
}
div[id^="rb_box_fc_peer2000"] .fc_msgs_author {
padding: 0 12px 0 8px;
}
.fc_msgs_out .fc_msgs {
margin-left: 22px;
border-radius: 5px 0 5px 5px;
}
.fc_in_msg_arr {
left: 8px;
top: 0;
}
div[id^="rb_box_fc_peer2000"] .fc_in_msg_arr {
left: 42px;
}
.fc_tab_pin_wrap, .fc_tab_max_wrap, .add_media_pointer, .chats_sp.fc_tab_pointer {
display: none;
}
.fc_tab_max_wrap {
display: block;
}
.fc_tab_txt_wrap, div.fc_clist_filter_wrap {
height: auto !important;
background: #fff;
}
div.fc_clist_filter_wrap {
padding: 0;
border: none;
}
#fc_contacts {
box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.chats_sp.fc_clist_search_icon {
margin-top: 16px;
margin-left: 15px;
}
.fc_clist_filter_wrap {
box-shadow: 0 -1px 5px rgba(0, 0, 0, .1);
border: 1px solid red;
}
div.fc_tab_txt, div.fc_clist_filter {
border: none;
height: 100%;
}
div.fc_clist_filter {
padding-top: 8px;
min-height: 35px !important;
}
.fc_clist_online {
margin-top: 15px;
margin-left: -20px;
}
.fc_tab_attach {
padding-left: 15px;
padding-top: 10px;
height: auto;
}
.fc_msgs {
position: relative;
overflow: visible;
}
.fc_msgs::before {
content: '';
position: absolute;
left: -15px;
top: 0 !important;
width: 15px;
height: 24px;
background-position: 0 0;
}
.fc_msgs_wrap:not(.fc_msgs_out) .fc_msgs::before {
background: url(http://ipic.su/img/img7/fs/left-corner2.1454123851.png) no-repeat;
background-size: contain;
}
.fc_msgs_wrap.fc_msgs_out .fc_msgs::before {
left: auto;
right: -15px;
background: url(http://ipic.su/img/img7/fs/right-corner2.1454124088.png) no-repeat;
background-size: contain;
}
.fc_msgs_unread {
background: transparent;
background: url(http://ipic.su/img/img7/fs/icon.1454162442.png) no-repeat;
background-position: 25px calc(100% - 15px);
background-size: 8px;
}
.fc_msgs_wrap:not(.fc_msgs_out).fc_msgs_unread {
background-position: calc(100% - 25px) calc(100% - 15px);
}
.fc_msg {
padding: 0;
}
.fc_msgs_out .fc_msgs {
background: #D7E7FA;
border: none;
}
.fc_msgs {
border: none;
}
.fc_tab_attach .ms_items_more_wrap {
padding: 0;
}
/* Миничат */
/* Выбор диалогов */
.im-page .im-page--history {
margin-left: 0;
margin-right: 317px;
z-index: 104;
}
.im-page .im-page--dialogs {
float: right;
}
.im-create {
right: 0;
}
.nim-dialog_unread-out, .im-mess_unread, .nim-dialog_unread {
background: #f5f5f5;
}
.im-mess {
border-radius: 3px;
}
/* Выбор диалогов */
body.dev input.dev_top_input {
transition: all .24s ease-in-out;
}
input.text.ts_input, body.dev input.dev_top_input {
background-color: rgba(0, 0, 0, .1);
}
.button_blue button, .button_gray button, .button_light_gray button, .flat_button {
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
background-color: transparent;
color: #777;
text-transform: uppercase;
}
.button_blue button.hover, .button_blue button:hover, .flat_button.hover, .flat_button:hover {
background-color: #eee;
}
.page_photo .flat_button, .page_photo .page_actions_expanded, .page_photo .page_actions_wrap {
text-transform: initial;
}
.page_actions_cont.narrow .page_actions_header, .page_actions_cont.narrow .page_extra_actions_btn {
transition-duration: 0s;
}
.wide_column .topics_module .topic_title,
.topics_module .topic_inner_link,
a,
.post_author .author, .wall_module .author, .wall_module .copy_author,
.post_like, .post_share,
.wall_module .my_like .post_like_count, .wall_module .my_share .post_share_count,
.page_doc_row .page_doc_title,
.page_counter .count,
.page_counter:hover .label {
color: #3970B8;
}
.ui_tab_sel, .ui_tab_sel:hover, .ui_tabs .ui_tab_sel, .ui_tabs .ui_tab_sel:hover, .ui_tabs_box .ui_tab_sel, .ui_tabs_box .ui_tab_sel:hover {
border-bottom: 2px solid #3970B8;
}
/* Анимация профиля в шапке */
#top_profile_link, .top_nav_link, .top_nav_btn, #top_notify_btn .top_nav_btn_icon {
position: relative;
overflow: hidden;
}
.top_nav_link, .top_nav_btn {
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
.top_nav_link:hover, .top_nav_btn:hover, .top_nav_link.active, .top_nav_btn.active {
background-color: rgba(0, 0, 0, 0) !important;
}
#top_profile_link:after, .top_nav_link:after, .top_nav_btn:after, #top_notify_btn .top_nav_btn_icon:after {
position: absolute;
content: '';
width: 0;
height: 0;
left: calc(50% - 5px);
top: calc(50% - 5px);
background: rgba(0, 0, 0, .1);
border-radius: 50%;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
#top_profile_link:hover:after, .top_nav_link:hover:after, .top_nav_btn:hover:after, .top_nav_btn.active:after, .top_nav_link.active:after, #top_notify_btn:hover .top_nav_btn_icon:after, #top_notify_btn.active .top_nav_btn_icon:after {
width: 10px !important;
height: 10px !important;
transform: scale(17);
}
#top_notify_btn {
overflow: visible;
float: left;
}
#top_notify_btn:after, #top_notify_btn .top_nav_btn_icon:after {
display: none;
}
/* Анимация профиля в шапке */
/* Новые посты */
#feed_new_posts {
position: fixed;
width: 240px;
top: 50px;
box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
height: 35px;
line-height: 35px;
color: #fff;
background: #3970B8;
padding: 0 15px;
border-radius: 20px;
left: calc(50% - 120px);
z-index: 99;
border: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#feed_new_posts:hover {
background: #3970B8;
box-shadow: 0 3px 10px rgba(0, 0, 0, .5);
}
/* Новые посты */
/* Нумерация страниц */
#pg_fixed {
top: 60px;
}
.pg_fixed_pages {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 20px;
padding: 5px;
}
.pg_fixed_back {
border-radius: 20px;
opacity: .6;
}
.pg_flnk, .pg_flnk_rd, .pg_flnk_sel, .pg_flnk_nb {
display: block !important;
min-width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
padding: 0 2px;
border: none;
border-radius: 10px;
}
.pg_flnk_sel {
border: none;
background: #fff;
color: #444;
}
.im-chat-input {
position: relative;
}
#translate-button {
border: none;
width: 40px;
height: 40px;
position: absolute;
top: -20px;
left: 68px;
border-radius: 50%;
visibility: hidden;
opacity: 0;
background: #fff url("data:image/svg+xml;utf8,<svg fill='rgba(76, 76, 76, 1)' height='28' viewBox='0 0 24 24' width='28' xmlns='http://www.w3.org/2000/svg'><path d='M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat;
box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
cursor: pointer;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
#translate-button:hover {
box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
}
#translate-button.active {
visibility: visible;
opacity: 1;
}
#translate-layer {
position: fixed;
width: auto;
max-width: 400px;
background: #fff;
color: #444;
border-radius: 2px;
box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
padding: 16px 32px;
z-index: 999;
height: auto;
font-size: 14px;
visibility: hidden;
opacity: 0;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
#translate-layer.active {
visibility: visible;
opacity: 1;
}
.wk_text .audio_row.inlined {
max-width: auto;
}
.profile_msg_split .profile_btn_cut_left, .profile_msg_split .profile_btn_cut_right, ._group_send_msg {
border: none;
background-color: #3970B8;
color: #fff;
}
.profile_msg_split .profile_btn_cut_left:hover, .profile_msg_split .profile_btn_cut_right:hover, ._group_send_msg:hover {
background-color: #3365A6;
}
/* Календарь */
.cal_div {
border-radius: 2px;
}
.cal_table {
border: none;
width: 230px;
box-shadow: 0 0 15px rgba(0, 0, 0, .14);
background: #fff;
}
.cal_table:not([cols="2"]) {
padding: 10px;
}
.cal_table .month_arr, .cal_table .month {
border: none;
background: #fff;
color: #444;
padding: 0;
line-height: 36px;
}
.cal_month_sel {
color: #444;
text-transform: uppercase;
}
.cal_table_head {
width: 100%;
height: 36px;
border-radius: 2px 2px 0 0;
overflow: hidden;
}
.cal_table .daysofweek, .cal_table .day {
width: 30px !important;
height: 30px;
line-height: 30px;
padding: 0;
background: #fff;
-moz-transition: all .14s ease-in-out;
-webkit-transition: all .14s ease-in-out;
transition: all .14s ease-in-out;
}
.cal_table .daysofweek:nth-child(6), .cal_table .daysofweek:nth-child(7) {
color: #F76362;
}
.cal_table:not([cols="2"]) .day {
border-radius: 50%;
}
.cal_table .day.sel, .cal_table .day.sel.hover .im-search .cal_table .past_day.day, .im-search .cal_table .today.day {
color: #fff !important;
font-weight: normal;
}
.cal_table .day.hover {
background: #eee;
}
.cal_table .month_arr .arr {
display: block;
height: 36px;
opacity: .5;
transition-duration: .2s;
}
.cal_table .month_arr .arr:hover {
opacity: 1;
}
.cal_table .month_arr .arr.left {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(68, 68, 68, 1)' height='25' viewBox='0 0 24 24' width='25' xmlns='http://www.w3.org/2000/svg'><path d='M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z'/><path d='M0-.5h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.cal_table .month_arr .arr.right {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(68, 68, 68, 1)' height='25' viewBox='0 0 24 24' width='25' xmlns='http://www.w3.org/2000/svg'><path d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/><path d='M0-.25h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.cal_table .day.sel, .cal_table .day.sel.hover, #im_datesearch_datepicker_container .cal_table .today {
background: #3970B8 !important;
}
.cal_table .day.sel, .cal_table .day.sel.hover {
border: none;
}
/* Календарь */
div.page_status_input {
background: transparent;
border: none;
border-bottom: 2px solid #eee;
transition-duration: .24s;
padding-left: 0;
}
div.page_status_input:focus {
border-color: #3970B8;
}
.page_status_editor .editor {
border: none;
box-shadow: 0 0 25px rgba(0, 0, 0, .2);
padding: 20px;
}
/* Checkbox */
.checkbox, .signed_wrap {
overflow: visible;
}
.checkbox {
padding-top: 3px;
}
.signed_wrap {
margin-top: 3px;
}
.checkbox:before, .settings_narrow_row input[type=checkbox]+label:before {
width: 24px;
height: 24px;
border-radius: 50%;
margin-top: -3px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(150, 150, 150, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z' /><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat !important;
-moz-transition: box-shadow .15s ease-in-out;
-webkit-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
}
.checkbox.on:before, .settings_narrow_row input[type=checkbox]:checked+label:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(81, 129, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/></svg>") no-repeat !important;
}
.checkbox:hover:before, .settings_narrow_row input[type=checkbox]+label:hover:before {
box-shadow: 0 0 0 15px rgba(0, 0, 0, .05),
inset 0 0 0 20px rgba(0, 0, 0, .05);
}
.checkbox.on:hover:before, .settings_narrow_row input[type=checkbox]:checked+label:hover:before {
box-shadow: 0 0 0 15px rgba(81, 129, 184, .15),
inset 0 0 0 20px rgba(81, 129, 184, .15);
}
/* Checkbox */
/* Radio button */
.radiobtn {
margin-top: 8px;
padding-top: 3px;
}
.radiobtn:before {
width: 24px;
height: 24px;
margin-top: -3px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(150, 150, 150, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat !important;
border-radius: 50%;
-moz-transition: box-shadow .15s ease-in-out;
-webkit-transition: box-shadow .15s ease-in-out;
transition: box-shadow .15s ease-in-out;
}
.radiobtn.on:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(81, 129, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat !important;
}
.radiobtn:hover:before {
box-shadow: 0 0 0 15px rgba(0, 0, 0, .05),
inset 0 0 0 20px rgba(0, 0, 0, .05);
}
.radiobtn.on:hover:before {
box-shadow: 0 0 0 15px rgba(81, 129, 184, .15),
inset 0 0 0 20px rgba(81, 129, 184, .15);
}
.top_nav_btn#top_notify_btn .top_nav_btn_icon, .top_nav_btn#top_audio .top_nav_btn_icon {
background-color: #3970B8;
-webkit-background-blend-mode: screen;
background-blend-mode: screen;
}
/* Цвет лайка */
.wall_module .post_like .post_like_icon, .wall_module .like_icon, .market_like_icon, .pv_like_icon, .mv_like_icon, .wk_like_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 0, 51, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>") center center no-repeat !important;
background-size: 100% !important;
opacity: .5 !important;
transition: all .24s ease-in-out;
}
.post_like.my_like .post_like_icon, .post_like:hover .post_like_icon, .wall_module .like_icon:hover, .like_wrap.my_like .like_icon, #mv_like_wrap:hover .mv_like_icon, #mv_like_wrap.my_like .mv_like_icon, ._like_wrap:hover ._icon, ._like_wrap.my_like ._icon, .pv_liked .pv_like_icon {
opacity: 1 !important;
}
.post_like:hover .post_like_icon, .wall_module .like_icon:hover {
animation-name: likeanimhover;
animation-duration: .9s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
animation-iteration-count: infinite;
}
.post_like.my_like .post_like_icon, .wall_module .like_wrap.my_like .like_icon {
animation-name: likeanimclick;
animation-duration: .5s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
._like_wrap ._count {
color: rgba(255, 0, 51, .5) !important;
transition-duration: .24s;
}
._like_wrap:hover ._count {
color: rgba(255, 0, 51, 1) !important;
}
.wall_module .post_like_link, .wall_module .post_share_link {
display: none;
}
.post_like, .post_share {
overflow: visible;
}
@keyframes likeanimhover {
0% {
transform: scale(1);
-webkit-filter: drop-shadow(0 0 2px rgba(255, 0, 51, 1));
filter: drop-shadow(0 0 2px rgba(255, 0, 51, 1));
}
70% {
transform: scale(1.1);
-webkit-filter: drop-shadow(0 0 12px rgba(255, 0, 51, 1));
filter: drop-shadow(0 0 12px rgba(255, 0, 51, 1));
}
85% {
transform: scale(1);
-webkit-filter: drop-shadow(0 0 6px rgba(255, 0, 51, 1));
filter: drop-shadow(0 0 6px rgba(255, 0, 51, 1));
}
100% {
transform: scale(1.1);
-webkit-filter: drop-shadow(0 0 2px rgba(255, 0, 51, 1));
filter: drop-shadow(0 0 2px rgba(255, 0, 51, 1));
}
}
@keyframes likeanimclick {
0% {
transform: scale(1);
}
1% {
transform: scale(.1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
/* Цвет лайка */
.top_audio_player {
transition-duration: .24s;
}
.top_audio_player:hover {
background: rgba(0, 0, 0, .1);
}
.box_title_wrap {
background: #3970B8;
}
/* Исправление для пересылаемых сообщений */
.im-mess-stack_fwd .ui_clean_list.im-mess-stack--mess {
padding-left: 41px;
}
/* Исправление для пересылаемых сообщений */
.verified_tt_content {
padding: 20px;
}
.mott_header a, .verified_tt_header a {
color: #3970B8;
text-transform: uppercase;
}
/* Комментарии под фото */
#layer, .pv_light #layer {
margin-top: 10% !important;
margin-bottom: 5%;
}
.pv_cont {
max-width: 70%;
}
.pv_cont .pv_left_wrap {
float: none;
}
.pv_cont .pv_narrow_column_wrap {
float: none;
width: 100%;
border-radius: 0;
}
#pv_photo, #pv_photo img {
margin-left: auto !important;
margin-right: auto !important;
height: auto !important;
}
#pv_photo {
width: 100% !important;
}
#pv_photo img {
max-width: 100% !important;
height: auto !important;
margin-top: 0 !important;
}
.pv_cont .pv_close_btn {
right: 30px;
}
#pv_narrow {
width: 100% !important;
padding: 20px 150px;
height: auto !important;
}
.pv_cont .pv_reply_form_wrap {
width: 100%;
}
.pv_author_block {
background: #fff;
}
#pv_comments_list {
padding-bottom: 20px;
}
.pe_editor, .pe_editor .pe_sticker_pack_list {
width: 100% !important;
height: auto !important;
}
.pe_editor .pe_sticker_pack_list, .pe_editor #pe_tab_content_draw, .pe_editor #pe_tab_content_text {
padding-bottom: 70px;
}
.pe_editor .pe_tabs {
display: flex;
justify-content: center;
}
/* Комментарии под фото */
/* Широкий ВК */
body:not(.static_header) #page_layout, body:not(.static_header) #page_header {
width: 1080px !important;
}
body:not(.static_header) #page_body {
width: 915px !important;
}
.dev_main_page #dev_page_wrap2, .dev_main_page #page_body, .dev_main_page #page_layout, .dev_main_page .scroll_fix {
width: 100%!important;
padding: 0px!important;
margin: 0px!important;
float: none!important;
}
.blog_page #page_body {
width: 1080px !important;
}
#ads_hero_unit, #ads_page_wrap2, #ads_page_wrap1 {
width: 672px !important;
}
.videocat_row, .videocat_featured, .video_block_layout, .videocat_featured_playlists, .video_subtab_pane {
width: 100%;
margin: 0;
padding: 16px;
box-sizing: border-box;
}
.video_subtab_pane {
padding: 0 20px 20px 20px;
}
.video_block_layout .videocat_row .video_cat_morebtn_wrap, .video_block_layout .video_cat_morebtn_wrap {
margin: 0;
}
.video_item {
width: calc(100% / 3 - 10px);
margin: 0;
margin-bottom: 18px;
}
.video_item .video_item_thumb, .video_items_list {
width: 100%;
}
.page_post_sized_thumbs, .post_thumbed_media {
align-content: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto !important;
text-align: center;
}
.reply_text .page_post_sized_thumbs {
display: block;
}
.videocat_featured_playlist {
width: 47%;
}
.page_post_sized_thumbs, .post_thumbed_media {
height: auto !important;
}
.photos_container .photos_row_wrap {
display: flex;
justify-content: space-between;
}
.photos_container .photos_row {
flex-grow: 1;
}
.eltt.top_audio_layer {
width: 914px !important;
}
.friends_recom_list {
display: flex;
flex-wrap: wrap;
}
.friends_find_user {
width: 22%;
margin: 0 14px 0 0;
}
.apps_featured_slider, .apps_recent_apps_wrap .apps_recent_all {
width: 100%;
}
.apps_recent_block {
width: calc(100% - 362px);
}
.apps_cat_row {
margin-right: 9px;
}
.apps_cat_wrap .apps_cat_row:nth-child(-n+6) {
margin-top: 15px;
}
/* Широкий ВК */
.video_tab_actions_wrap {
z-index: 9;
}
.audio_friend.audio_friend_selected, .ui_rmenu_sliding .ui_rmenu_slider {
border-color: #3970B8;
}
.audio_page_player_status {
z-index: 999;
}
/* Исправление в аудиоплеере */
.audio_page_player .audio_page_player_btns .audio_page_player_btn {
z-index: 99;
}
/* Исправление в аудиоплеере */
.im-mess-stack .im-mess-stack--content .im-mess-stack--pname > a, .page_media_poll_title, .idd_wrap .idd_selected_value, a.docs_item_name, .docs_choose_upload_area {
color: #3970B8;
}
/* Material Beta */
:root {
--player-left: 0;
}
#side_bar_inner {
margin-top: 56px !important;
}
.box_title_wrap {
background: #fff;
color: #444;
}
.box_title {
color: #444;
}
#page_header_cont, #dev_top_nav_wrap {
height: 56px;
}
#page_header_cont .back, #page_header_wrap, #page_header, #page_header .content, #top_nav, .head_nav_item, .top_home_link, .top_nav_btn, #dev_top_nav, .dev_home_wrap, #dev_top_nav a.dev_home_link, #dev_top_nav a.dev_top_link {
height: 100%;
}
.dev_home_link:before {
margin-top: 18px;
}
body.dev input.dev_top_input, .dev_top_profile {
margin-top: 14px;
}
#dev_top_nav a.dev_home_link, #dev_top_nav a.dev_top_link {
line-height: 56px;
}
.top_nav_btn {
width: 56px;
}
.top_home_link .top_home_logo, .top_nav_btn .top_nav_btn_icon {
margin-top: 19px;
}
#top_profile_link {
width: 56px;
height: 100%;
padding: 0;
float: right;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .4)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'/></svg>") center center no-repeat !important;
}
#top_profile_link:hover, #top_profile_link.active {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, 1)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'/></svg>") center center no-repeat !important;
}
#top_profile_link * {
display: none;
}
#top_notify_btn .top_nav_btn_icon {
position: relative;
margin: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .4)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/></svg>") center center no-repeat !important;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
#top_notify_btn:hover .top_nav_btn_icon, #top_notify_btn.active .top_nav_btn_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, 1)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/></svg>") center center no-repeat !important;
}
.top_nav_btn#top_audio .top_nav_btn_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
.top_nav_btn#top_audio:hover .top_nav_btn_icon, .top_nav_btn#top_audio.active .top_nav_btn_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, 1)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
}
#top_audio {
float: right;
}
.top_notify_count {
top: 10px;
left: 24px;
}
.head_nav_btns {
float: right;
padding-left: 0;
}
#top_profile_menu {
top: 56px;
right: 22px;
border: none;
box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}
#top_profile_menu.shown {
top: 56px;
}
#top_profile_menu:after, #top_profile_menu:before {
display: none;
}
.top_profile_mrow {
position: relative;
overflow: hidden;
height: 40px;
line-height: 40px;
color: #777;
}
.top_profile_mrow:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
visibility: hidden;
border-radius: 50%;
top: calc(50% - 5px);
background: rgba(0, 0, 0, .05);
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
.top_profile_mrow:hover:after {
visibility: visible;
transform: scale(30);
}
.top_profile_mrow:hover {
background: transparent;
}
.top_profile_sep {
margin: 4px 0;
border-color: rgba(0, 0, 0, .05);
}
#ts_wrap {
width: 500px;
position: absolute;
left: calc(50% - 250px);
height: 100%;
}
#ts_wrap .input_back {
height: 100%;
padding: 11px 8px 8px 36px !important;
}
input.text.ts_input {
border-radius: 4px;
width: 100%;
height: 38px;
padding: 0 8px 0 36px;
background-position: 10px 12px;
margin-top: 9px;
transition-timing-function: ease-in-out;
transition-duration: .24s;
}
input.text.ts_input:focus {
background-color: rgba(255, 255, 255, 1);
color: #444;
}
#top_notify_btn.active #top_notify_wrap {
top: 56px;
}
@media screen and (max-width: 1570px) {
#top_notify_wrap {
left: auto;
right: -1px;
}
}
#top_notify_wrap:after, #top_notify_wrap:before {
left: 28px;
}
.ts_cont_wrap {
width: 500px;
top: 56px;
left: calc(50% - 250px);
border: none;
box-shadow: 0 0 25px rgba(0, 0, 0, .25);
}
a.ts_contact {
position: relative;
padding: 12px 16px;
}
a.ts_contact:first-child {
margin-top: 6px;
}
a.ts_contact:last-child {
margin-bottom: 6px;
}
a.ts_contact:hover {
background: #fff;
}
a.ts_contact * {
position: relative;
z-index: 2;
}
a.ts_contact::after {
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 5px);
width: 10px;
height: 10px;
content: '';
display: block;
background: rgba(0, 0, 0, .05);
border-radius: 50%;
visibility: hidden;
z-index: 1;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
a.ts_contact:hover::after {
transform: scale(52);
visibility: visible;
}
.ts_contact_photo.online:after {
z-index: 3;
}
.ts_contact_status {
position: absolute !important;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ts_search_link .ts_contact_status {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/><path d='M0-.25h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
top: 18px;
right: 16px;
}
a.ts_search_link {
padding: 10px 16px 8px 16px;
}
.ts_contact.active.write .ts_contact_status {
top: 18px;
right: 16px;
width: 24px;
height: 24px;
}
.ts_search_sep {
padding: 14px 16px;
border: none;
text-transform: uppercase;
font-weight: normal;
}
.ts_contact_name {
color: #3970B8;
}
.ts_search_link .ts_contact_name {
font-weight: normal;
}
.ui_tabs {
background: #fff;
border: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
z-index: 5;
}
#top_notify_wrap {
width: 400px;
border: none;
box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}
.top_notify_cont {
width: 100%;
max-height: 400px !important;
}
#top_notify_wrap:after, #top_notify_wrap:before {
display: none !important;
}
.top_notify_header {
background: #fafafa;
border: none;
text-align: center;
text-transform: uppercase;
color: #616161;
padding: 16px;
}
.top_notify_prefs_lnk {
display: none;
}
.feed_row+.feed_row_fb_hidden .feedback_row:first-child, .feed_row~.feed_row .feedback_row, .feed_row~.feed_row .feedback_sticky_row, .feedback_sticky_rows:not(:empty)+.feed_row .feedback_row {
border: none;
margin-top: 0;
}
.top_notify_cont .feedback_row {
padding: 16px 24px;
transition-timing-function: ease-in-out;
transition-duration: .24s;
}
.top_notify_cont .feed_row:first-child {
margin-top: 10px;
}
.top_notify_cont .feedback_row:hover {
background: #f5f5f5 !important;
}
.feedback_header .author, .feedback_header .group_link, .feedback_header .mem_link {
color: #474747
}
.feedback_header .author, .feedback_header .group_link, .feedback_header .mem_link {
font-weight: 600;
}
.feedback_content .feedback_text .wall_post_text, .feedback_content .feedback_text .wall_reply_text {
color: #999;
}
.top_notify_show_all {
padding: 16px;
border: none;
background: #3970B8;
color: #fff;
overflow: hidden;
position: relative;
}
.top_notify_show_all:hover {
background: #3970B8;
color: #fff;
}
.scrollbar_cont, .scrollbar_cont.scrollbar_c_overed {
width: 5px;
}
.scrollbar_inner, .scrollbar_c_overed .scrollbar_inner {
background: rgba(0, 0, 0, .15);
opacity: 0;
margin: 0;
border-radius: 0;
width: 5px;
}
#top_notify_wrap:hover .scrollbar_inner {
opacity: 1;
}
.scrollbar_hovered, .scrollbar_inner:hover {
background: rgba(0, 0, 0, .15);
}
.side_bar_inner {
width: 165px;
}
#side_bar ol li .left_row {
height: 48px;
font-size: 14px;
font-weight: 500;
padding: 11px 10px;
box-sizing: border-box;
transition-duration: .24s;
}
#side_bar ol li .left_row:hover {
background: rgba(0, 0, 0, .05);
}
#side_bar .left_label {
color: #999;
transition: all .24s ease-in-out;
}
.left_settings {
margin: -38px 0 0 -30px;
}
#side_bar .left_icon {
margin-right: 8px;
transition: all .24s ease-in-out;
}
#side_bar ol li:hover .left_label {
color: rgba(57, 112, 184, .8);
}
#side_bar #l_pr .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_pr:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_nwsf .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z'/></svg>") center center no-repeat !important;
}
#side_bar #l_nwsf:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z'/></svg>") center center no-repeat !important;
}
#side_bar #l_msg .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_msg:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_fr .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_fr:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_gr .left_icon, #side_bar .l_comm .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_gr:hover .left_icon, #side_bar .l_comm:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_ph .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ph:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_aud .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
}
#side_bar #l_aud:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
}
#side_bar #l_vid .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_vid:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ap .left_icon, #side_bar #l_apm .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_ap:hover .left_icon, #side_bar #l_apm:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_mk .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_mk:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_fav .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_fav:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_doc .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_doc:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ads .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ads:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar .genre11 .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.left_settings_inner {
width: 20px;
height: 20px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'/></svg>") center center no-repeat !important;
}
#side_bar .more_div {
margin: 0;
margin-top: 9px;
border-color: #ddd;
}
.left_count_wrap, #side_bar ol li .left_row:hover .left_count_wrap, .font_medium .left_count_wrap, .font_medium #side_bar ol li .left_row:hover .left_count_wrap {
line-height: 26px !important;
background: rgba(0, 0, 0, .05) !important;
color: #3970B8 !important;
border-radius: 50% !important;
}
@media screen and (max-height: 920px)
{
#side_bar ol li .left_row {
height: 40px;
font-size: 13px;
font-weight: 500;
padding: 7px 10px;
}
.left_settings {
margin: -34px 0 0 -30px;
}
}
a.groups_messages_block {
padding: 19px 16px;
}
a.groups_messages_block:before {
margin-top: -3px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/></svg>") center center no-repeat !important;
}
input.dark {
border: none;
border-bottom: 1px solid #ccc;
padding: 0;
border-radius: 0;
transition-duration: .24s;
}
input.dark:focus {
border-color: #3970B8;
}
.eltt.eltt_bottom:after, .eltt.eltt_bottom:before, .eltt.eltt_top:after, .eltt.eltt_top:before {
display: none;
}
.eltt {
border: none;
box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}
.eltt.top_audio_layer {
right: -56px;
margin-top: 56px !important;
}
.audio_page_player {
border: none;
background: #fafafa;
}
#audio_status_tt .audio_status_wrap {
padding: 20px 30px 10px 20px;
}
#audio_status_tt .hint_title {
margin-bottom: 10px;
}
#audio_status_tt .audio_share_cont {
position: relative;
border: none;
background: #3970B8;
color: #fff;
text-align: center;
padding: 0;
overflow: hidden;
border-radius: 0 0 2px 2px;
}
#audio_status_tt .audio_share_link {
color: #fff;
width: 100%;
display: block;
padding: 14px 17px;
box-sizing: border-box;
position: relative;
z-index: 2;
}
#audio_status_tt .audio_share_link:hover {
text-decoration: none;
}
.head_nav_item_player {
left: 100%;
height: 100%;
width: 180px;
}
.top_audio_player.top_audio_player_enabled {
margin-left: -66px;
}
.top_nav_btn.top_audio_player_enabled {
display: block !important;
opacity: 0;
float: right;
}
.top_audio_player {
height: 100%;
position: absolute;
left: 100%;
width: 180px;
}
.top_audio_player .top_audio_player_btn {
padding-top: 24px;
}
.top_audio_player .top_audio_player_play {
margin-top: 14px;
}
.top_audio_player .top_audio_player_title_wrap {
margin-top: 20.5px;
}
.audio_page_player {
background: #fff;
position: relative;
}
.audio_page_player .audio_page_player_play {
float: none;
top: 20px;
left: calc(50% - 20px);
width: 40px;
height: 40px;
position: absolute;
z-index: 99;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .85)' height='36' viewBox='0 0 24 24' width='36' xmlns='http://www.w3.org/2000/svg'><path d='M8 5v14l11-7z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
border-radius: 50%;
padding: 0;
transition-property: opacity, transform;
transition-duration: .24s;
transition-timing-function: ease-in-out;
}
.audio_page_player .audio_page_player_play.audio_playing {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .85)' height='34' viewBox='0 0 24 24' width='34' xmlns='http://www.w3.org/2000/svg'><path d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_ctrl .icon {
display: none;
}
.audio_page_player .audio_page_player_next, .audio_page_player .audio_page_player_prev {
width: 30px;
height: 30px;
position: absolute;
overflow: hidden;
top: 26px;
left: calc(50% - 56px);
padding: 0;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(44, 46, 49, 1)' height='26' viewBox='0 0 24 24' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
background-size: contain;
}
.audio_page_player .audio_page_player_next {
left: calc(50% + 26px);
background: url("data:image/svg+xml;utf8,<svg fill='rgba(44, 46, 49, 1)' height='26' viewBox='0 0 24 24' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
background-size: contain;
}
.audio_page_player .audio_page_player_ctrl.audio_page_player_btns {
width: 100%;
padding: 20px 20px 0 20px;
margin: 0 auto 0;
float: none;
clear: both;
box-sizing: border-box;
}
.audio_page_player .audio_page_player_ctrl.audio_page_player_track {
padding: 20px;
padding-top: 0;
box-sizing: border-box;
}
.audio_page_player .audio_page_player_btns .audio_page_player_btn:last-child {
padding: 0;
}
.audio_page_player .audio_page_player_shuffle, .audio_page_player .audio_page_player_repeat, .audio_page_player .audio_page_player_recoms, .audio_page_player .audio_page_player_status, .audio_page_player .audio_page_player_add {
width: 40px;
height: 40px;
margin-top: 0 !important;
padding: 0 !important;
}
.audio_page_player .audio_page_player_add {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_add.audio_player_btn_added {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_shuffle {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/></svg>") center center no-repeat !important;
background-size: 40px;
}
.audio_page_player .audio_page_player_shuffle.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_recoms {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
background-size: 40px;
float: right !important;
}
.audio_page_player .audio_page_player_status {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'><path d='M0.64,6.91l-0.55.55v8l0.59,0.59h4v7.79H8.13L9,23V16.13h4.08l9.31,6.55a1.17,1.17,0,0,0,.77,0L24,21.83V1.23A6,6,0,0,0,23.08.31a4.85,4.85,0,0,0-.77,0l-9.24,6.6H0.64Z' transform='translate(-0.09 -0.29)'/></svg>") center center no-repeat !important;
float: right !important;
}
.audio_page_player .audio_page_player_status.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'><path d='M0.64,6.91l-0.55.55v8l0.59,0.59h4v7.79H8.13L9,23V16.13h4.08l9.31,6.55a1.17,1.17,0,0,0,.77,0L24,21.83V1.23A6,6,0,0,0,23.08.31a4.85,4.85,0,0,0-.77,0l-9.24,6.6H0.64Z' transform='translate(-0.09 -0.29)'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_repeat {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/></svg>") center center no-repeat !important;
background-size: 40px;
float: left;
}
.audio_page_player .audio_page_player_repeat.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/></svg>") center center no-repeat !important;
}
.audio_inline_player .slider .slider_slide, .audio_page_player .slider .slider_slide {
background: #E6E6E6;
height: 4px;
}
.audio_inline_player .slider .slider_amount, .audio_page_player .slider .slider_amount, .audio_inline_player .slider .slider_handler, .audio_page_player .slider .slider_handler {
background: #3970B8;
}
.audio_inline_player .slider .slider_handler, .audio_page_player .slider .slider_handler {
width: 16px !important;
height: 16px !important;
border-radius: 50%;
top: -6px !important;
box-shadow: 0 0 4px rgba(0, 0, 0, .3);
display: block;
opacity: 1;
margin-left: -6px !important;
}
.slider_hint:after {
display: none;
}
.slider_hint.audio_player_hint {
background: rgba(0, 0, 0, .85);
color: #fff;
padding: 6px 6px 4px 6px;
}
.audio_inline_player .slider {
padding: 6px 0 10px;
}
.audios_module .audio_row.inlined, .wall_audio_rows .audio_row.inlined, .wall_text .audio_row.inlined {
margin-top: 4px;
}
.olist.audio_album .olist_item_performer {
color: #3970B8;
}
.top_notify_show_all:after, #audio_status_tt .audio_share_cont:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: calc(50% - 5px);
left: calc(50% - 5px);
background: rgba(0, 0, 0, .1);
border-radius: 50%;
visibility: hidden;
z-index: 1;
transition-timing-function: ease-in-out;
transition-duration: .24s;
}
.top_notify_show_all:hover:after, #audio_status_tt .audio_share_cont:hover:after {
visibility: visible;
transform: scale(50);
}
#page_body {
margin-top: 56px;
}
.left_count_wrap, #side_bar ol li .left_row:hover .left_count_wrap, .font_medium .left_count_wrap, .font_medium #side_bar ol li .left_row:hover .left_count_wrap {
background: rgba(0, 0, 0, .05);
color: #999;
border-radius: 3px;
}
.im-page .im-page--dialogs-settings {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'/></svg>") center center no-repeat !important;
}
.im-page.im-page_classic .im-page--header {
margin-left: 0;
margin-top: -46px;
}
.im-page.im-page_classic .im-page--dcontent {
width: 549px;
padding-top: 16px;
}
.im-page .im-page--stars {
margin-top: 19px;
color: #999;
}
.im-page .im-page--stars i {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.im-dialog-select .im-dialog-select--btn {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.im-page .im-page--header-chat {
height: 50px;
border: none;
}
.im-page .im-page--header-inner {
padding-top: 0;
height: 100%;
box-shadow: 0 0 10px rgba(0,0, 0, .1);
}
.im-page .im-page--toolsw, .im-page .im-page--simple-name {
height: 100%;
}
.im-page .im-page--simple-name>div, .im-page .im-page--simple-name>span {
padding-top: 18px;
}
.im-page .im-page--header-more {
width: 50px;
height: 50px;
}
.im-page .im-page--header-more .ui_actions_menu_icons {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .5)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/></svg>") center center no-repeat !important;
height: 50px;
margin-right: 10px;
margin-top: -16px;
}
.im-page .im-page--top-date-bar-wrap {
display: none;
}
.im-page .im-page--header-icon {
height: 50px;
margin-top: 0;
}
.im-page .im-page--hisory_search-open .im-page--search-hist, .im-search .im-search--wrap, .im-search .im-search--wrap .ui_search, .ui_search_input_block, input.ui_search_field {
height: 100%;
}
.im-page .im-page--header-icon:before {
width: 24px !important;
height: 24px;
}
.im-page .im-page--header-icon.im-page--header-icon_search:before, input.ui_search_field {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .5)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") left center no-repeat;
}
input.ui_search_field {
background-position: left center !important;
}
.button_gray button, .flat_button.secondary {
background: #efefef;
color: #999;
}
.button_gray button:hover, .flat_button.secondary:hover {
background-color: #e5e5e5;
color: #444;
}
.im-search .im-search--btn {
margin-top: 12px;
}
.im-chat-input {
border: none;
box-shadow: 0 -2px 5px rgba(0, 0, 0, .05);
}
.im-page.im-page_classic .im-page--dialogs {
padding: 37px 0;
}
.im-page .im-page--header, .im-page .im-page--search-header {
height: 50px;
}
.im-page .im-page--dialogs-search {
height: 100%;
}
.nim-dialog {
height: 70px;
border-color: transparent !important;
transition-property: background;
transition-duration: .24s;
transition-timing-function: ease-in-out;
}
.nim-dialog .nim-dialog--photo {
padding-top: 13px;
}
.nim-dialog .nim-dialog--cw {
padding-top: 12px;
}
.nim-dialog .nim-dialog--content {
border: none;
margin-left: 62px;
}
.nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_selected.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_selected.nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_selected:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered+.nim-dialog.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered.nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected:hover+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic.nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog.nim-dialog_selected,
.nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted):hover+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog {
border-color: transparent !important;
}
.nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected {
background: #3365A6 !important;
}
.im-mess-stack .im-mess-stack--content .im-mess-stack--pname {
width: calc(100% - 212px);
}
.im-mess-stack .im-mess-stack--content .im-mess-stack--tools {
float: right;
margin-right: -74px;
}
.im-important .im-mess-stack .im-mess-stack--content .im-mess-stack--tools {
margin-right: 0;
}
.im-page .im-page--dialogs-footer {
height: 50px;
z-index: 2;
border: none;
}
.im-page .im-page--dialogs-filter {
padding-top: 17px;
}
.im-page .im-page--dialogs-settings {
margin-top: 16px;
}
.im-page.im-page_classic .im-page--dialogs {
top: 2px;
}
.im-page.im-page_classic .im-page--dialogs-footer.ui_grey_block {
padding-top: 18px;
padding-bottom: 14px;
box-shadow: 0 -2px 6px rgba(0, 0, 0, .05);
}
.im-create.im-create_classic {
left: calc(50% - 325px);
}
.im-page.im-page_classic .im-page--header-inner {
height: 50px;
}
.im-page.im-page_classic .im-page--header-tools, .im-page .im-page--mess-actions_visible, .im-page a.im-page--back-button {
height: 100%;
box-sizing: border-box;
}
.im-page .im-page--mess-actions {
padding-top: 14px;
}
.im-page a.im-page--back-button {
padding-top: 17px;
transition-duration: .24s;
}
.im-page a.im-page--back-button:hover {
background-color: #f5f5f5;
}
.im-page a.im-page--back-button:before {
background-color: #fff !important;
display: none;
}
.im-page.im-page_classic .im-page--header-icon {
height: 100%;
}
.im-page.im-page_classic .im-page--header-icon_answer:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") center center no-repeat !important;
}
.im-page.im-page_classic.im-page_group .im-page--header-icon_star:before, .im-page-action.im-page-action_star i {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='24' viewBox='0 0 18 18' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M9 11.3l3.71 2.7-1.42-4.36L15 7h-4.55L9 2.5 7.55 7H3l3.71 2.64L5.29 14z'/><path d='M0 0h18v18H0z' fill='none'/></svg>") center center no-repeat !important;
}
.im-right-menu.ui_rmenu {
top: 56px;
}
.im-page .im-page--dialogs {
padding-top: 50px;
}
.notifier_baloon {
background: #fff;
box-shadow: 0 0 16px rgba(0, 0, 0, .05);
color: #7c7c7c;
border-radius: 2px;
overflow: hidden;
}
.notifier_baloon_head {
padding: 16px 20px 14px 20px;
background: #3970B8;
}
.notifier_baloon_body {
padding: 18px 20px 20px 20px;
}
.notifier_image_wrap, .notifier_image {
width: 40px;
height: 40px;
}
.notifier_baloon_title {
font-weight: normal;
color: #fff;
}
.notifier_author_quote {
display: block;
margin-bottom: 4px;
}
.notifier_close {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .4)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
background-size: 14px !important;
position: absolute;
top: 18px;
right: 16px;
}
#notifiers_wrap a, .notifier_baloon_msg span.group_link, .notifier_baloon_msg span.mem_link {
color: #444;
font-weight: normal;
}
.tt_w.tt_black {
background: rgba(97, 97, 97, .9);
margin-top: 5px;
}
.tt_w.tt_black.tt_down:after, .tt_w.tt_black.tt_up:after, .tt_default.tt_down:after, .tt_default.tt_down:before {
display: none;
}
.tt_black .tt_text {
padding: 8px 14px;
font-size: 12px;
}
.tt_w .tt_text {
padding: 12px 14px;
}
.tt_default, .tt_default_right {
border: none;
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
.reply_submit_hint_title {
font-weight: 500;
text-transform: uppercase;
color: #777;
}
.post_reply_tt_choose {
padding: 14px 16px;
}
.post_reply_tt_choose h3 {
text-transform: uppercase;
}
.share_tt .checkbox:before {
margin-top: -5px;
}
.share_tt .wrapped {
overflow: visible;
}
.ui_actions_menu, .ms_items_more {
border: none;
box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
right: 5px;
}
*:not(.feedback_row_menu) > .ui_actions_menu {
top: 5px !important;
}
.ms_items_more {
right: -50px;
}
.friends_actions_menu .ui_actions_menu, .friends_actions_menu.shown .ui_actions_menu {
right: -15px !important;
}
.groups_actions_menu .ui_actions_menu {
right: -8px !important;
top: 100px !important;
}
.wall_module .post_header .ui_actions_menu {
right: 5px;
margin-top: 0;
}
.top_notify_cont .feedback_row_menu .ui_actions_menu:after, .top_notify_cont .feedback_row_menu .ui_actions_menu:before, .ui_actions_menu_dummy_wrap.feedback_row_menu .ui_actions_menu:after, .ui_actions_menu_dummy_wrap.feedback_row_menu .ui_actions_menu:before, .im-page .im-page--header-more .ui_actions_menu:after, .im-page .im-page--header-more .ui_actions_menu:before, .ui_actions_menu:after, .ui_actions_menu:before, .ms_items_more_wrap.to_up .ms_items_more:after, .ms_items_more_wrap.to_up .ms_items_more:before, .ms_items_more_wrap.to_down .ms_items_more:after, .ms_items_more_wrap.to_down .ms_items_more:before {
display: none;
}
.idd_popup, .page_actions_wrap, .emoji_tt_wrap {
border: none;
border-radius: 3px;
box-shadow: 0 3px 15px rgba(0, 0, 0, .15);
}
.emoji_tt_wrap {
padding: 5px;
}
.emoji_tt_wrap.tt_up:after, .emoji_tt_wrap.tt_up:before, .emoji_tt_wrap.tt_down:before {
display: none !important;
}
.emoji_tabs {
border-radius: 25px;
}
.idd_popup {
width: 180px !important;
margin-left: -50px !important;
margin-top: -33px !important;
}
.page_action_left .page_actions_wrap {
width: 172px;
}
.idd_popup .idd_item.idd_hl, .idd_popup .idd_item.idd_hover, .idd_popup .idd_item.idd_hover_sublist_parent, .idd_popup .idd_item:active, .page_actions_header, .page_actions_item:hover {
background: transparent;
}
.page_actions_inner {
border: none;
}
.idd_popup .idd_header_wrap, .page_actions_cont.narrow .page_actions_header_inner {
background: #fff;
padding: 0;
}
.ui_actions_menu_item, .media_selector .ms_items_more .ms_item, .idd_popup .idd_header_wrap, .idd_popup .idd_item, .page_actions_item, .page_actions_header {
color: #444;
height: 46px;
line-height: 46px;
position: relative;
padding-right: 18px;
}
.idd_popup .idd_item, .idd_popup .idd_header, .page_actions_header {
padding: 0 14px;
}
.idd_popup .idd_header_wrap, .idd_popup .idd_header, .page_actions_header, .page_actions_cont.narrow .page_actions_header_inner {
color: #444;
}
.media_selector .ms_items_more .ms_item {
overflow: hidden;
padding: 0 16px 0 48px;
}
.page_actions_dd_label, .page_actions_header_inner {
color: #444;
}
.ui_search_custom_link .idd_popup .idd_header.idd_arrow {
background-position: right center;
}
.ui_actions_menu_item:after, .media_selector .ms_items_more .ms_item:after, .idd_popup .idd_item:after, .page_actions_item:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
visibility: hidden;
background: rgba(0, 0, 0, .05);
border-radius: 50%;
top: calc(50% - 5px);
left: calc(50% - 5px);
-webkit-transition: all .24s ease-in-out;
-moz-transition: all .24s ease-in-out;
transition: all .24s ease-in-out;
}
.page_actions_cont.narrow .page_actions_header {
background: none;
}
#page_actions_item_lists, .page_actions_item_unfolded {
border: none;
background-position: calc(100% - 14px) center;
}
.ui_actions_menu_item:hover {
background: #fff;
}
.ui_actions_menu_item:hover:after, .media_selector .ms_items_more .ms_item:hover:after, .idd_popup .idd_item.idd_hl:after, .idd_popup .idd_item:hover:after, .page_actions_item:hover:after {
transform: scale(30);
visibility: visible;
}
.page_actions_separator {
display: none;
}
.ui_actions_menu._im_dialog_actions, .ui_actions_menu_wrap.shown .ui_actions_menu {
top: 5px;
right: 5px;
}
.ui_actions_menu_item.im-action:before, .ms_items_more .ms_item:before {
padding-left: 28px;
height: 20px;
}
.media_selector .ms_items_more .ms_item:before {
padding-left: 20px;
margin-top: 12px;
}
.media_selector .ms_items_more .ms_item:hover {
background: #fff;
}
.ui_actions_menu_sep {
margin: 4px 0;
border-color: rgba(0, 0, 0, .05);
}
.ui_actions_menu_item.im-action.im-action_invite:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_media:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_search:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_clear:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_topic:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_avatar:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_unmute:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_mute:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_leave:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_doc:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_note:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_map:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_graffiti:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M7 14c-1.66 0-3 1.34-3 3 0 1.31-1.16 2-2 2 .92 1.22 2.49 2 4 2 2.21 0 4-1.79 4-4 0-1.66-1.34-3-3-3zm13.71-9.37l-1.34-1.34c-.39-.39-1.02-.39-1.41 0L9 12.25 11.75 15l8.96-8.96c.39-.39.39-1.02 0-1.41z'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_poll:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10 20h4V4h-4v16zm-6 0h4v-8H4v8zM16 9v11h4V9h-4z'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_market:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_postpone:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/><path d='M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_gift:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_video:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_audio:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_mark_as_ads:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.media_selector .ms_item.ms_item_photo:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item.im-action.im-action_block:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z'/></svg>") center center no-repeat !important;
}
.ui_actions_menu_item_sublist {
background-position: calc(100% - 15px) center;
}
.ui_actions_menu_item_sublist {
border: none;
}
.ui_actions_menu_sublist .ui_actions_menu_item.checked {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") 10px center no-repeat !important;
}
.post_full_like_wrap {
border: none;
}
.tt_w.tt_up:after, .tt_w.tt_up:before {
display: none;
}
.mention_tt_photo, .mention_tt_img {
width: 50px;
height: 50px;
}
.submit_post {
border-color: rgba(0, 0, 0, .01);
}
.tt_w.like_tt.tt_down:after, .tt_w.poll_tt.tt_down:after {
display: none;
}
.ui_tabs_search_opened .ui_tab_search_wrap .ui_search {
height: 100%;
}
.box_controls {
border: none;
background: #fff;
padding: 14px;
height: 33px;
}
.box_x_button, .box_x_button.box_x_tabs {
width: 20px;
height: 20px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .5)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
padding-top: 13px;
transition-duration: .24s;
z-index: 9;
}
#stl_bg {
padding-top: 70px;
}
.wide_column .page_upload_label.page_photos_upload {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#audio_status_tt .checkbox {
overflow: visible;
}
.media_selector>.ms_item {
margin-right: 10px;
}
.im-page.im-page_classic .im-mess .im-mess--fav {
margin-right: 35px;
}
#top_notify_btn .top_nav_btn_icon:after {
display: block !important;
}
.mail_box_header_link {
color: #999;
}
.ui_tabs.ui_tabs_box, .page_block_header, .mail_box_cont {
background: #fff;
}
.ui_actions_menu_item.feed_new_list:hover {
background: transparent;
}
.ui_rmenu_item_sel, .ui_rmenu_item_sel:hover {
border-color: #3970B8;
}
#groups_filters_wrap > div:nth-child(2) {
display: none;
}
.photos_choose_upload_area, .web_cam_photo {
color: #999;
background: #fff;
transition: all .24s ease-in-out;
}
.photos_choose_upload_area:hover, .web_cam_photo:hover {
background: #fafafa;
color: #444;
}
.photo_upload_separator {
display: none;
}
.video_block_layout {
padding: 0;
}
.ui_tabs.video_default_tabs {
margin-top: 0;
}
#video_subtab_pane_all {
padding: 0 20px;
}
.audio_row {
padding: 8px 10px 2px 10px;
}
.audio_play {
background-color: #3970B8;
}
.audio_row.audio_row_current, .audio_row.audio_row_playing, .audio_row.audio_row_current:hover, .audio_row.audio_row_playing:hover, .audio_row:not(.audio_row_current):hover {
background: #fff !important;
}
.audio_rows .audio_row .audio_play_wrap {
opacity: 0;
margin-left: -40px;
overflow: hidden;
margin-top: 10px;
}
.audio_rows .audio_row .audio_play_wrap .audio_play {
opacity: 0;
margin-left: -40px;
transition-property: margin, opacity;
transition-duration: .24s;
transition-timing-function: ease-in-out;
background: none;
border-radius: 0;
position: relative;
}
.audio_rows .audio_row .audio_play_wrap .audio_play:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
top: calc(50% - 5px);
left: calc(50% - 5px);
border-radius: 50%;
background: #3970B8;
animation-name: musictrack;
animation-duration: 2.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-out;
animation-fill-mode: both;
}
.audio_rows .audio_row.audio_row_current:not(.audio_row_playing) .audio_play_wrap .audio_play:after {
animation-play-state: paused;
}
@-moz-keyframes musictrack {
0% {
transform: scale(.7);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(.7);
}
}
@-webkit-keyframes musictrack {
0% {
transform: scale(.7);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(.7);
}
}
.audio_row {
transition: all .24s ease-in-out;
}
div:not(.audio_rows) .audio_row .audio_play_wrap {
padding: 6px 6px 6px 6px;
}
.audio_row.audio_row_playing .audio_play_wrap .audio_play, .audio_row.audio_row_playing .audio_play_wrap, .audio_row.audio_row_current:not(.audio_row_playing) .audio_play_wrap .audio_play, .audio_row.audio_row_current:not(.audio_row_playing) .audio_play_wrap {
opacity: 1;
margin-left: 0;
}
.audio_row .audio_info_divider {
display: none;
}
.audio_row .audio_performer {
color: #2E3033 !important;
}
.audio_row .audio_title, .audio_row.lyrics .audio_title_inner {
display: block;
color: #909499 !important;
margin-top: 3px;
}
.audio_rows .audio_row .audio_play_wrap {
margin-top: 6px;
margin-bottom: 5px;
}
.audio_row:not(.audio_row_current) .audio_title_wrap {
padding-left: 0;
}
.audio_inline_player .audio_inline_player_left {
padding: 0 11px 0 7px;
}
.audio_inline_player .audio_inline_player_right {
padding: 0 10px;
}
.box_title .back {
color: #777;
transition: all .24s ease-in-out;
}
.eltt.eltt_vis.eltt_bottom {
margin-top: 46px !important;
}
#album_name_wrap {
background-color: #fff;
}
.tt_w.top_notify_tt {
border: none;
border-radius: 2px;
box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
}
.tt_w.top_notify_tt .tt_text {
padding: 20px;
}
.im_msg_text .audio_row.audio_row_current.inlined, .im_msg_text .audio_row.audio_row_playing.inlined {
padding-bottom: 20px;
}
.apps_cat_header_link:after {
display: none;
}
.im-chat-input {
background: #fff;
}
.im-chat-input .im-chat-input--txt-wrap {
border: none;
padding: 0;
}
.im-chat-input .im-chat-input--text {
border-bottom: 1px solid #eee;
border-radius: 0;
padding-left: 11px;
}
.profile_gift_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(171, 175, 179, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.audio_row.inlined.audio_row_current {
z-index: 99;
}
.profile_msg_split .profile_btn_cut_right {
padding-left: 3px;
}
.apps_main .app_container {
width: 100% !important;
height: auto !important;
}
.photos_choose_upload_area_label, .docs_choose_upload_area_label {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .25)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") left center no-repeat !important;
}
.web_cam_photo_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .25)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9.4 10.5l4.77-8.26C13.47 2.09 12.75 2 12 2c-2.4 0-4.6.85-6.32 2.25l3.66 6.35.06-.1zM21.54 9c-.92-2.92-3.15-5.26-6-6.34L11.88 9h9.66zm.26 1h-7.49l.29.5 4.76 8.25C21 16.97 22 14.61 22 12c0-.69-.07-1.35-.2-2zM8.54 12l-3.9-6.75C3.01 7.03 2 9.39 2 12c0 .69.07 1.35.2 2h7.49l-1.15-2zm-6.08 3c.92 2.92 3.15 5.26 6 6.34L12.12 15H2.46zm11.27 0l-3.9 6.76c.7.15 1.42.24 2.17.24 2.4 0 4.6-.85 6.32-2.25l-3.66-6.35-.93 1.6z'/></svg>") left center no-repeat !important;
}
.ui_search_new .ui_search_input_block {
border-bottom: 1px solid #eee;
}
.ui_search_new .ui_search_input_inner {
border: none;
}
.ui_search_new.ui_search_field_empty .ui_search_button_search {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .3)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat;
border: none;
}
.ui_tabs.video_default_tabs {
padding: 0 10px;
}
.ui_search_custom_link {
color: #3970B8;
}
.docs_choose_upload_area {
background: #fff;
transition: all .24s ease-in-out;
}
.docs_choose_upload_area {
color: #999;
}
.docs_choose_upload_area:hover {
background: #f5f5f5;
}
.page_actions_dd_label, .page_actions_header_inner, .page_cover_info .group_send_msg, .page_cover_info .page_actions>.flat_button, .button_wide button, .flat_button.button_wide {
text-transform: none;
}
.chat_tab_wrap:hover {
background: none;
}
.box_title_wrap.box_grey {
background: #fff;
border: none;
}
.app_actions_menu_wrap .ui_actions_menu {
right: 0 !important;
}
/* Material Beta */
/* Плеер вместо поиска в шапке */
.body_im {
--ts-input-width: 720px;
}
#top_nav .head_nav_item:nth-child(2) {
position: relative;
z-index: 2;
}
#ts_wrap {
left: 0;
z-index: 2;
width: auto;
max-width: calc(100% - 360px);
}
#ts_input {
width: 38px;
background-color: rgba(0, 0, 0, .09);
border-radius: 50px;
transition: all .24s ease-in-out;
-moz-transition: all .24s ease-in-out;
-webkit-transition: all .24s ease-in-out;
}
#ts_input:focus {
width: var(--ts-input-width, 630px);
border-radius: 3px;
background-color: #fff;
}
#ts_input:hover {
background-color: #fff;
}
#ts_wrap .input_back_wrap {
display: none !important;
}
.head_nav_item_player {
width: 500px;
position: absolute;
left: calc(50% - 250px);
z-index: 1;
margin-left: var(--player-left, 0);
}
.head_nav_item_player:hover {
z-index: 3;
}
.top_audio_player {
width: 100%;
margin-left: 0 !important;
padding: 0;
left: 0;
max-width: 500px;
text-align: center;
background-color: rgba(0, 0, 0, .05);
position: relative;
padding-left: 10px;
}
.top_nav_btn.top_audio_player_enabled {
opacity: 1 !important;
}
.top_audio_player .top_audio_player_title_wrap {
float: left;
width: 50%;
text-align: left;
max-width: 55%;
}
.top_audio_player .top_audio_player_title {
position: relative;
display: block;
left: 0 !important;
}
/* Плеер вместо поиска в шапке */
/* Компактный вид друзей */
.friends_user_row {
float: left;
width: calc(100% / 3);
clear: none;
border: none;
min-height: 250px;
position: relative;
z-index: 1;
transition: all .24s ease-in-out;
}
.friends_user_row:last-child {
margin-bottom: 20px;
}
.friends_user_row:hover {
box-shadow: 0 0 25px rgba(0, 0, 0, .15);
border-radius: 3px;
z-index: 2;
}
.friends_photo_wrap {
float: none;
clear: both;
margin: 15px auto;
}
.friends_field_act {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
background: #fafafa;
color: #999;
text-decoration: none !important;
padding: 16px 0;
overflow: hidden;
margin-left: -16px;
transition: all .24s ease-in-out;
}
.friends_field_act:hover {
background: #3970B8;
color: #fff;
}
.friends_user_info {
padding: 10px 0;
}
.friends_field_title {
color: #3970B8;
text-align: center;
font-size: 14px;
}
.friends_lists {
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.friends_field {
text-align: center;
padding: 0 10px;
}
.friends_actions_menu .ui_actions_menu_icons {
transform: rotate(90deg);
position: absolute;
top: 14px;
right: 15px;
visibility: hidden;
transition: all .24s ease-in-out;
}
.friends_user_row:hover .friends_actions_menu .ui_actions_menu_icons {
visibility: visible;
}
.friends_actions_menu .ui_actions_menu, .friends_actions_menu.shown .ui_actions_menu {
right: 5px !important;
}
.friends_user_common .friends_controls .flat_button {
width: 100%;
margin: 0;
float: none;
padding: 16px 0;
}
.friends_common_label {
padding: 0 16px;
}
.friends_common_thumbs {
display: flex;
align-items: center;
justify-content: center;
}
.friends_user_info {
padding: 10px 16px;
}
.friends_requests .friends_user_info, .friends_user_common .friends_user_info {
padding: 10px 0;
}
.friends_req_block .friends_list {
overflow: hidden;
}
/* Компактный вид друзей */
/* Группы */
.groups_actions_menu .ui_actions_menu_icons {
transform: rotate(90deg);
position: absolute;
top: 14px;
right: 15px;
visibility: hidden;
transition: all .24s ease-in-out;
}
.group_list_row:hover .groups_actions_menu .ui_actions_menu_icons {
visibility: visible;
}
.groups_actions_menu .ui_actions_menu {
right: 5px !important;
top: 5px !important;
width: calc(100% - 10px);
}
#show_more {
clear: both;
}
.groups_list, .friends_find_list, .fans_rows {
padding: 0;
}
.group_list_row, .friends_find_list .user_block, .fans_rows .fans_idol_row, .fans_fan_row,
.wide #friends_list .user_block {
float: left;
width: 33.3%;
min-height: 248px;
height: 230px;
text-align: center;
position: relative;
box-sizing: border-box;
padding: 15px;
border-radius: 2px;
clear: none;
background: #fff;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#groups_invites_wrap .group_list_row {
height: 354px;
}
.group_list_row {
border: none;
}
#main_class.wide > table {
width: 100%;
}
.user_block .friends_bigph_wrap {
border-radius: 0 !important;
}
.gle_invites_list .group_list_row {
width: 50%;
height: auto;
}
.button_cancel {
color: #3970B8;
}
.group_row_buttons {
overflow: hidden;
}
.group_row_buttons .flat_button {
width: 100%;
padding: 9px 0;
border-radius: 2px;
margin: 4px 0 0 0;
}
#users, #users_online {
overflow: hidden;
}
.fans_rows .fans_idol_row, .fans_fan_row {
height: 248px;
border-bottom: 1px solid #eee;
}
.fans_fan_row {
height: 180px;
min-height: 150px;
}
.group_list_row:hover, .friends_find_list .user_block:hover, .fans_rows .fans_idol_row:hover, .fans_fan_row:hover, .wide #friends_list .user_block:hover {
box-shadow: 0 0 25px rgba(0, 0, 0, .2);
z-index: 10;
}
.group_row_photo, .friends_find_list .user_block .friends_bigph_wrap, .fans_idolph_wrap, .wide #friends_list .user_block .friends_bigph_wrap {
margin: 15px auto 25px;
float: none;
}
.fans_idolph_wrap {
margin: 10px auto;
}
.friends_find_list .user_block .friends_bigph_wrap, .fans_idol_info, .fans_idol_name, .wide #friends_list .user_block .friends_bigph_wrap {
width: 100%;
}
.friends_find_list .user_block .friends_bigph_wrap .friends_bigph, .friends_find_list .user_block .friends_bigph_wrap .img, .wide #friends_list .user_block .friends_bigph_wrap .friends_bigph, .wide #friends_lis .user_block .friends_bigph_wrap .img {
text-align: center;
}
.friends_find_list .user_block .friends_bigph_wrap .img, .wide #friends_list .user_block .friends_bigph_wrap .img {
display: block;
margin: 0 auto;
}
.group_row_info, .group_row_labeled, .group_row_status_wrap, .friends_find_list .info_no_actions, #friends .wide .user_block .info_no_actions, #friends .wide .user_block .info, #friends .wide .user_block .actions, .group_row_info div {
width: 100% !important;
padding: 0 !important;
}
.group_row_info {
margin-top: 10px;
}
.group_row_actions {
margin: 0 auto;
float: none;
}
.fans_fanph {
left: calc(50% - 50px);
width: 100px;
}
.friends_find_list .info_no_actions .common_friends a, .wide #friends_list .info_no_actions .common_friends a {
margin-right: -10px !important;
}
.friends_find_list .info_no_actions .common_friends a:first-of-type {
margin-left: -10px !important;
}
.friends_find_list .info_no_actions .common_friends a img {
border: 4px solid #fff !important;
}
#friends .request .info a.deny_request, #friends .request .info_no_actions a.deny_request {
width: 100%;
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0;
height: 35px;
}
.friends_find_list .common .controls, .wide #friends_list .common .controls {
width: 100% !important;
}
.friends_find_list .common .controls .flat_button, .wide #friends_list .common .controls .flat_button {
margin: 0 auto;
float: none;
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
left: 0;
border-radius: 0;
box-shadow: none;
border: none;
}
.friends_find_list .user_block:nth-child(3n-1) .controls .flat_button, .wide #friends_list .user_block:nth-child(3n-1) .controls .flat_button {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.friends_find_list .user_block:hover .controls .flat_button, .wide #friends_list .user_block:hover .controls .flat_button {
border: none;
}
.friends_find_list .user_block:hover {
z-index: 10;
}
#friends .delete_row div {
width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, 0)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat !important;
}
.friends_find_list .user_block .delete_row {
width: 24px !important;
height: 24px !important;
margin: 5px !important;
}
#friends .user_block:hover .delete_row div {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .25)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat !important;
}
.group_list_row .page_verified {
position: absolute;
top: 15px;
left: 15px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(150, 150, 150, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") no-repeat !important;
}
.group_inv_user {
float: left;
clear: none;
margin: 15px;
display: none;
}
.groups_inv_info {
padding: 10px;
text-align: center;
width: auto !important;
}
.group_friend_in_gr {
padding: 0;
margin-right: -10px;
border-radius: 50%;
border: 2px solid #fff;
}
.gle_invites_list {
padding: 0;
}
.groups_inv_cont, .groups_row_inv_info {
background: #fff;
padding: 0;
width: 100%;
}
#friends .wide .main_panel {
width: 100%;
padding: 0;
}
.group_row_button {
margin: 0;
}
.group_row_button.flat_button, .group_row_button.button_cancel .button {
margin: 0;
padding: 8px 12px;
border-radius: 2px;
}
.group_friends_in_gr {
display: flex;
justify-content: center;
}
.group_row_button.flat_button {
margin-right: 4px;
}
.wk_poll_people_rows {
overflow: hidden;
}
#ui_groups_load_more, #ui_search_load_more {
clear: both;
}
div[id*="fans"] {
overflow: hidden;
}
/* Группы */
/* Убрать текст сообщения в диалогах */
.nim-dialog .nim-dialog--preview, .nim-dialog .nim-dialog--text-preview {
visibility: hidden;
opacity: 0;
transition: all .24s ease-in-out;
}
.nim-dialog .nim-dialog--name {
margin-top: 16px;
transition: all .24s ease-in-out;
}
.nim-dialog .nim-dialog--unread {
bottom: 22px;
margin: 0 !important;
transition: all .24s ease-in-out;
}
.nim-dialog:hover .nim-dialog--preview, .nim-dialog:hover .nim-dialog--text-preview, .nim-dialog.nim-dialog_typing .nim-dialog--preview, .nim-dialog.nim-dialog_typing .nim-dialog--text-preview, .nim-dialog.nim-dialog_selected .nim-dialog--preview, .nim-dialog.nim-dialog_selected .nim-dialog--text-preview {
visibility: visible;
opacity: 1;
}
.nim-dialog:hover .nim-dialog--name, .nim-dialog.nim-dialog_typing .nim-dialog--name, .nim-dialog.nim-dialog_selected .nim-dialog--name {
margin-top: 6px;
}
.nim-dialog:hover .nim-dialog--unread, .nim-dialog.nim-dialog_typing .nim-dialog--unread, .nim-dialog.nim-dialog_selected .nim-dialog--unread {
bottom: 12px;
}
/* Убрать текст сообщения в диалогах */
/* Двусторонние диалоги */
.im-page:not(.im-page_group) .im-page--chat-body-wrap, .im-page.im-page_classic .im-page--chat-body-wrap-inner, .im-page:not(.im-page_group) .im-page--history-new-bar {
background-color: #F7F7F7;
}
.im-page:not(.im-page_group) .im-mess-stack {
overflow: visible;
}
.im-page:not(.im-page_group) .im-page--history-new-bar._im_unread_bar_row {
padding: 6px 0;
}
.im-page:not(.im-page_group) .im-page--history-new-bar._im_unread_bar_row > span {
padding: 6px 16px;
border-radius: 25px;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) > .im-mess-stack--photo {
left: auto;
right: 43px;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) > .im-mess-stack--content > .im-mess-stack--pname > .im-mess-stack--lnk {
float: right;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"] .im-mess-stack--content .im-mess-stack--tools {
float: left;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess-stack--content .im-mess:not(.im-mess_fwd) .im-mess-stack--tools {
margin-right: 0;
float: right;
margin-left: 0;
}
.im-page:not(.im-page_group) .im-mess .im-mess--text {
margin-right: 0;
}
.im-mess {
padding: 6px 0 7px 0;
--corner-display: block;
--message-color-dark: #191919;
--message-out-color-dark: #131313;
--message-selected-color-dark: #3980B8;
}
.im-page:not(.im-page_group) .im-mess.im-mess_unread {
background-color: #eee;
margin: 0 7px;
padding: 6px 0 7px 0;
}
.im-page:not(.im-page_group) .im-mess-stack.im-mess-stack_fwd {
padding-bottom: 6px;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text {
float: left;
background: #fff;
border-radius: 0 3px 3px 3px;
padding: 10px 14px !important;
margin-left: 96px !important;
-webkit-filter: drop-shadow(0px 0 2px rgba(0, 0, 0, .1));
filter: drop-shadow(0px 0 2px rgba(0, 0, 0, .1));
position: relative;
max-width: 353px;
transition: all .14s ease-in-out;
-moz-transition: all .14s ease-in-out;
-webkit-transition: all .14s ease-in-out;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text {
background: #D7E7FA;
width: auto;
border-radius: 3px 0 3px 3px;
padding: 10px 14px !important;
float: right;
margin-left: 100px !important;
margin-right: 96px !important;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text:after {
content: '';
position: absolute;
width: 15px;
height: 23px;
top: 0;
left: -14px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 1)' viewBox='0 0 30 47'><path d='M30,47s-1.62-8-3-10.4S2.85,5.17,1,3.22.43,0,1.12,0H30Z'/></svg>") top left no-repeat !important;
background-size: contain;
transition: all .14s ease-in-out;
-moz-transition: all .14s ease-in-out;
-webkit-transition: all .14s ease-in-out;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text:after {
left: auto;
right: -14px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='rgba(215, 231, 250, 1)' viewBox='0 0 30 47'><path d='M0,47s1.63-8,3-10.4S27.15,5.17,29,3.22,29.57,0,28.88,0H0Z'/></svg>") top left no-repeat !important;
background-size: contain;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess.im-mess_selected:not(.im-mess_fwd) > .im-mess--text {
background: #3970B8;
color: #fff;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess.im-mess_selected:not(.im-mess_fwd) > .im-mess--text .im-mess-stack--pname *, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected > .im-mess--text a, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected .post_video_views_count, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected .wall_module .media_desc .a {
color: #B5C8DA !important;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected > .im-mess--text .page_media_link_title a, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected > .im-mess--text .page_media_link_desc_block a, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected .page_media_poll_wrap {
color: #3970B8 !important;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess.im-mess_selected:not(.im-mess_fwd) > .im-mess--text:after {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='rgba(57, 112, 184, 1)' viewBox='0 0 30 47'><path d='M30,47s-1.62-8-3-10.4S2.85,5.17,1,3.22.43,0,1.12,0H30Z'/></svg>") top left no-repeat !important;
background-size: contain;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) .im-mess.im-mess_selected:not(.im-mess_fwd) > .im-mess--text:after {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='rgba(57, 112, 184, 1)' viewBox='0 0 30 47'><path d='M0,47s1.63-8,3-10.4S27.15,5.17,29,3.22,29.57,0,28.88,0H0Z'/></svg>") top left no-repeat !important;
background-size: contain;
}
.im-page:not(.im-page_group) .im-mess .im-mess--fav {
position: absolute;
top: 6px;
right: 20px !important;
margin: 0 !important;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"] .im-mess .im-mess--fav {
right: auto;
left: 20px;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess-stack--mess li:last-of-type {
margin-bottom: 0;
}
.im-page:not(.im-page_group) .im-mess-stack--mess > li:not(:first-child) .im-mess--text {
border-radius: 3px !important;
}
.im-page:not(.im-page_group) .im-mess-stack--mess > li:not(:first-child) .im-mess--text:after {
display: none;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess-stack--content .im-mess-stack--pname > a {
display: none;
}
.im-page:not(.im-page_group) .im-mess .im-mess--text .post_media, .im-page:not(.im-page_group) .im-mess .im-mess--text .post_media .audio_row {
padding: 0 8px;
}
.im-page:not(.im-page_group) .im-mess.im-mess_unread.im-mess_selected > .im-mess--text {
margin: 0 96px !important;
}
.im-page:not(.im-page_group) .im-mess-stack_fwd .ui_clean_list.im-mess-stack--mess {
clear: both;
}
.im-page:not(.im-page_group) .im-mess_fwd .page_post_sized_thumbs, .im-page:not(.im-page_group) .im-mess_fwd .post_thumbed_media {
width: auto !important;
display: flex;
}
.im-page:not(.im-page_group) .im-mess_fwd .page_post_sized_thumbs a {
flex-grow: 0
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess-stack--content .im-mess-stack--pname {
width: auto;
overflow: hidden;
left: auto;
right: 66px;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess-stack--content .im-mess-stack--tools {
margin-right: 0 !important;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"] .im-mess-stack--content .im-mess-stack--pname {
left: 66px;
right: auto;
}
.im-page:not(.im-page_group) .im-mess {
overflow: visible;
}
.im-page:not(.im-page_group) .im-mess:after {
content: '';
display: block;
border: 1px solid transparent;
clear: both;
}
.im-page.im-page_classic .im-mess:not(.im-mess_fwd) {
padding-right: 83px !important;
}
.im-page .im-mess:not(.im-mess_fwd) .im-mess-stack--content .im-mess-stack--pname > a {
display: inline;
}
.im-mess-stack .im-mess-stack--content .im-mess-stack--pname {
display: block !important;
}
.im-mess.im-mess_gift .im-mess--text .im_msg_text {
margin: 0;
}
.im-mess.im-mess_failed .im-mess--marker, .im-mess.im-mess_sending.im-mess_failed.im-mess_unread .im-mess--marker {
left: 10px;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess .im-mess--text .audio_row {
min-width: 300px;
margin-bottom: 5px;
background: transparent !important;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_fwd .im-mess--text .audio_row {
min-width: 250px;
}
/* Двусторонние диалоги */
/* DARK MATERIAL */
/**::selection {
background: #aaa !important;
}
*::-moz-selection {
background: #aaa !important;
}
wide_column .page_upload_label.page_photos_upload {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#page_wrap, body {
background: #333 !important;
color: #eee;
}
.page_block, .im-page .im-page--history-new-bar, .settings_line.unfolded {
background: #222;
}
.submit_post, .fakeinput, div[contenteditable="true"], input.big_text, input.dark, input.search, input.text, textarea, .wall_module .reply_fakebox {
background: transparent;
}
#page_header_cont .back, #fc_contacts, .fc_content, .fc_tab_log {
background: #222;
}
#page_header_cont .back {
background: #3970B8;
}
#side_bar ol li .left_row, .profile_more_info_link, .my_current_info, .no_current_info, .im-chat-input .im-chat-input--text, .wall_module .post_like, .wall_module .post_share, .top_profile_mrow {
-moz-transition: all .14s ease-in-out;
-webkit-transition: all .14s ease-in-out;
transition: all .14s ease-in-out;
}
#side_bar ol li .left_row:hover, .profile_more_info_link:hover, .my_current_info:hover, .no_current_info:hover, .button_gray button, .flat_button.secondary, .button_gray button.hover, .button_gray button:hover, .flat_button.secondary.hover, .flat_button.secondary:hover, .im-page .im-page--history-new-bar > span, .replies_open, .wr_header, .wall_module .post_like:hover, .wall_module .post_share:hover, .audio_row:hover:not(.audio_row_current), .im-mess.im-mess_unread, .im-mess.im-mess_selected:last-child::before, .im-mess.im-mess_unread:last-child::before, .im-page .im-page--header, .ui_search, .nim-dialog_unread-out, .im-mess_unread, .nim-dialog_unread, .im-page .im-page--dialogs-footer.ui_grey_block, .nim-dialog.nim-dialog_hovered, .nim-dialog:hover, .nim-dialog.nim-dialog_muted.nim-dialog_selected, .nim-dialog.nim-dialog_selected, .top_profile_mrow:hover, input.text.ts_input, .ui_rmenu_item:hover, .ui_rmenu_subitem:hover, .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover, .audio_row.audio_row_current, .audio_row.audio_row_playing, .audio_row.audio_row_current:hover, .audio_row.audio_row_playing:hover, .top_audio_player:hover, .top_notify_cont .feedback_row:hover, .feedback_row_clickable:hover:not(.feedback_row_touched), .top_notify_show_all:hover, .docs_choose_upload_area, .docs_choose_rows .docs_item:hover, .blst_last:hover, .feedback_sticky_row.hover, .feedback_sticky_row:hover, .pv_like:hover, a.ts_contact.active, a.ts_search_link.active, .dev_home_link:hover, .dev_top_link.sel, .dev_top_link.sel:hover, body.dev input.dev_top_input, .apps_settings_icons .apps_settings_payments, .apps_settings_icons .apps_settings_stats, .apps_edit_nav_header, .dev_nav a.nav.nav_selected, .dev_nav a.nav.nav_selected:hover, .dev_nav .nav:hover {
background-color: rgba(0, 0, 0, .2);
}
.media_selector .ms_items_more .ms_item:hover, .top_profile_mrow:hover, .ui_actions_menu_item:hover {
background-color: transparent;
}
.docs_choose_upload_area:hover, body.dev input.dev_top_input:focus, .apps_settings_icons .apps_settings_payments:hover, .apps_settings_icons .apps_settings_stats:hover {
background-color: rgba(0, 0, 0, .3);
}
.im-mess-stack--content, .wide_column .topics_module .topic_title, .topics_module .topic_inner_link, a, .post_author .author, .wall_module .author, .wall_module .copy_author, .post_like, .post_share, .wall_module .my_like .post_like_count, .wall_module .my_share .post_share_count, .page_doc_row .page_doc_title, .page_counter .count, .page_counter:hover .label, .button_gray button, .flat_button.secondary, .replies_open, .wr_header, .wall_module .wall_reply_text, .wall_module .post_like_count, .wall_module .post_share_count, .wall_module .my_like .like_count, .wall_module .my_share .share_count, .wall_module .like_wrap, .wall_post_text, .audio_title_wrap, .top_profile_mrow, .labeled, .labeled_text, .ui_actions_menu_item, .audio_row.lyrics .audio_title_inner, .ui_rmenu_item, .ui_rmenu_subitem, .tt_w, .im-submit-tt .im-submit-tt--title, .page_current_info, .ui_toggler_label, .olist_item_name, .checkbox, .box_controls .flat_button.secondary, .flat_button.secondary.button_light, .radiobtn, .scrollbar_cont, .audio_layout, ul.listing li span, .top_notify_cont, .docs_choose_upload_area, .ui_search_custom_link, .ts_wrap .input_back_content, .wall_module a.page_media_thumbed_link, .wall_module div.page_media_link_desc, .nim-dialog .nim-dialog--preview-attach, .im-mess-stack .im-mess-stack--gift, .im-mess.im-mess_gift .im-mess--text, #dev_top_nav_wrap .input_back_content, .profile_info_header, #apps_search, #apps_list_content, .apps_list_content, .apps_edit_info_wrap, .apps_edit_other.apps_edit_imgs, .mv_recom_block .mv_recom_block_title, .mv_comments_summary {
color: #eee;
}
.im-mess-stack .im-mess-stack--content .im-mess-stack--pname a, .im-chat-input .im-chat-input--text, .im-page .im-page--peer, .page_name, .module_header .header_top, .ui_tab_sel, .ui_tabs .ui_tab_sel, .ui_tabs_box .ui_tab_sel, a.wall_reply_greeting, div.submit_post_field, div.submit_post_field[contenteditable="true"], div.submit_post_field[contenteditable="true"] ~ .placeholder .ph_input, div.submit_post_field ~ .placeholder .ph_input, input.ui_search_field, .nim-dialog .nim-dialog--name .nim-dialog--name-w, .group_info .label, .im-create .im-create--title, .im-page-btn, .top_notify_header, .ui_search_fltr_label, .audio_page_player .audio_page_player_title, .page_block_header, a.docs_item_name, .right_list_header, .pg_lnk_sel .pg_in, .bp_author, .blst_title, .blst_mem, .feedback_sticky_text .group_link, .feedback_sticky_text .mem_link, .pv_like, input.text.ts_input, input.text.ts_input:focus, .ts_contact_name, .wdd_add3, .wddi_text, .wall_copy_more, .wall_post_more, .wall_reply_more, .app_settings_name, .app_settings_name a, .apps_edit_nav_label, .dev_nav a.nav.nav_selected, .dev_nav a.nav.nav_selected:hover, .app_edit_block_header .label, #app_edit_wrap .apps_edit_info_restrictions, .apps_edit_thumb_header, h2, .mv_title, .fc_contact_name {
color: #fff;
}
body.dev input.dev_top_input {
color: #fff !important;
}
.wall_copy_more, .wall_post_more, .wall_reply_more {
color: #bbb;
}
.im-chat-input .im-chat-input--text {
border: none;
}
.im-chat-input .im-chat-input--text {
transition-property: color;
}
.im-chat-input .im-chat-input--text:focus {
border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.page_top, .ui_tabs, .im-page .im-page--header, .ui_search, .top_notify_header, .audio_page_player, .olist_item_wrap, .settings_line, .gifts_section_row, .docs_choose_rows .docs_item {
border-bottom: 1px solid rgba(0, 0, 0, .15);
}
.counts_module, .submit_post, #side_bar .more_div, .leave_redesign, .post_full_like_wrap, .wall_module .replies_list, .wall_module .reply ~ .reply .dld, .wall_module .reply ~ .reply .reply_wrap, .wall_module .reply_box, .wall_module .reply_fakebox_wrap, .module_header .header_top, .nim-dialog .nim-dialog--content, .im-page .im-page--dialogs-footer, .nim-dialog.nim-dialog.nim-dialog_selected.nim-dialog_hovered, .nim-dialog.nim-dialog.nim-dialog_selected:hover, .nim-dialog.nim-dialog_hovered + .nim-dialog.nim-dialog_selected, .nim-dialog:hover + .nim-dialog.nim-dialog_selected, .nim-dialog.nim-dialog_hovered, .nim-dialog.nim-dialog_hovered + .nim-dialog, .nim-dialog:hover, .nim-dialog:hover + .nim-dialog, .top_profile_sep, .wide_column .topics_module .topic_row, .module.empty .module_body, .ui_grey_block, .top_notify_show_all, .audio_layer_bottom, .docs_item, .box_controls, .feed_row + .feed_row_fb_hidden .feedback_row:first-child, .feed_row ~ .feed_row .feedback_row, .feed_row ~ .feed_row .feedback_sticky_row, .feedback_sticky_rows:not(:empty) + .feed_row .feedback_row, .ba_post, .mv_comments_summary, .settings_line.unfolded {
border-top: 1px solid rgba(0, 0, 0, .15);
}
.bp_post, .bt_header, .ui_search.ui_search_fixed, .blst_row, .wall_module .wl_reply_form_fixed .reply_box, .wall_module .wl_reply_form_fixed .reply_fakebox_wrap, .wl_replies_header, .profile_info_block, .apps_settings_row_wrap, .apps_edit_nav_header, .app_edit_block_header, .mv_wide_column, .mv_actions_panel, .wall_module .reply, .mv_comments_summary, .fc_tab {
border-color: rgba(0, 0, 0, .2);
}
.fc_tab {
border-color: #151515 !important;
}
.top_notify_count {
border: none;
}
.online::after, .ui_tabs.ui_tabs_box, .page_block_header, .photos_container .photos_row {
border-color: #222;
}
#top_profile_menu, .ui_search_input_block {
background: #222;
border: 1px solid transparent;
}
#dev_left_nav, #dev_page_wrap1, .dev_page_block {
box-shadow: none;
}
.im-chat-placeholder, .nim-dialog.nim-dialog_simple.nim-dialog_hovered, .nim-dialog.nim-dialog_simple:hover, .im-mess.im-mess_search:hover, .im-mess.im-mess_selected, .im-mess.im-mess_selected:hover, .im-to-end, .im-mess.im-mess_light, .box_controls .flat_button.secondary:hover, .flat_button.secondary.button_light:hover, .page_block_header, .box_title_wrap, .feedback_sticky_row.unread, .photos_choose_upload_area, .web_cam_photo, .gifts_box_header, #pv_author_block, .pv_cont .narrow_column, .pv_reply_form_wrap, .photos_period_delimiter_fixed, input.text.ts_input:focus, .wall_module .page_media_thumbed_link, .wddi, .wddi_over, .im-mess.im-mess_gift, #wk_box, .wl_reply_form_wrap, #dev_left_nav, .app_edit_block_header, .apps_edit_img_wrap, .apps_edit_retina_info, .dev_top_link:hover, .mv_controls, .faq_tabs.ui_tabs {
background-color: #1c1c1c;
}
.im-mess.im-mess_gift, #payments_box.payments_box_votes .payments_box_promo_descr, .payments_getvotes_method_opt.payments_getvotes_active_row, .payments_getvotes_method_opt:hover, #payments_box .payments_about_votes, .payments_about_votes, .flist_sel, #album_name_wrap, .tabbed_box .summary_tab .summary_tab3:hover, .tabbed_box .summary_tab_sel .summary_tab3:hover, .tabbed_box .summary_tab_sel a:hover, .tabbed_box .summary_tab a:hover, .im-dropbox, .tickets_thank_you_form, .feedback_row_answer, .wk_poll_tabs, .wk_poll_dmgr, .page_media_poll .page_poll_percent, .wl_post_reply_form_forbidden, #pv_friends .list_wrap a:hover, .lang_box_row:hover, .lang_box_row.lang_selected {
background-color: #1c1c1c !important;
}
.im-mess.im-mess_gift.im-mess_selected, .im-mess.im-mess_gift.im-mess_selected:hover, .wl_replies_header, .mv_desc .can_edit:hover, .im-dropbox.dropbox_over, .summary_tab2:hover, .page_actions_item:hover {
background-color: #151515 !important;
}
.profile_info_header, #apps_search, #apps_list_content, .apps_list_content, .apps_edit_info_wrap, .apps_edit_other.apps_edit_imgs, #dev_page_wrap1, .dev_page_block {
background: #222;
}
#dev_page_wrap1, .dev_page_block, .dev_page_cont .wk_header, .dev_page_cont .wk_sub_header, .dev_page_cont .wk_sub_sub_header, a b, b a, .payments_getvotes_method_title, .flist_summary, .flist_item_name, .olist.audio_album .olist_item_performer, .help_tile__title_a, .help_tile__all, .help_table_questions__title, .tu_row_title__a, .tickets_header, .tickets_author .mem_link, .tickets_author, .header_side_link, .header_side_link a, .reply_submit_hint_title, .wk_poll_extra_checkbox .idd_selected_value, .lang_selected .lang_box_row_label {
color: #fff;
}
#dev_page_wrap1, .dev_page_block, #payments_box, .payments_getvotes_method_opt, .friends_phonebook .friends_field, .tabbed_box .summary_tab_sel .summary_tab3, .olist.audio_album .olist_item_title, .im-dropbox, .help_tile_faqs__row_a, .tu_row_comment, .tickets_reply_text, .reply_submit_hint_opts .radiobtn, .summary_tab3, .lang_box_row_label {
color: #eee;
}
.flist_item_wrap:hover {
background: transparent;
}
.online.mobile::after, #pv_friends {
background-color: #222 !important;
}
.online::after {
border-color: #222 !important;
}
.faq_search_form, #pv_friends {
box-shadow: none;
}
#pv_friends {
border: none;
}
.feedback_row_answer::after, .feedback_row_answer::before, .tt_default_right.tt_down::after, .tt_default_right.tt_down::before {
display: none;
}
.nim-dialog.nim-dialog_selected, .scrollbar_inner, .scrollbar_hovered, .scrollbar_inner:hover, .ms_items_more, .tt_default, .tt_default_right, .ui_actions_menu, #top_notify_wrap, .top_notify_header, .top_notify_show_all, .eltt, .audio_page_player, .audio_friend:hover, .audio_layer_bottom, .im_rc_emojibtn:hover, div.wdd, .like_share_radio .wdd_text, .web_cam_photo:hover, .photos_choose_upload_area:hover, .ui_tabs_header, .ts_cont_wrap, .wdd_add2, .wddi_over, .dev_sett_block, body.dev .wk_text blockquote, .dev_mlist_item, .dd_menu_rows a {
background: #151515;
}
.dev_mlist_item.nav_selected, .dev_mlist_item.nav_selected:hover, .dev_mlist_item:hover, #dev_section_menu, #dev_section_menu:hover, .dev_section_dd .dd_menu_header div, .dev_section_dd .dd_menu_rows a:hover {
background-color: rgba(0, 0, 0, .8);
color: #fff;
border-color: rgba(0, 0, 0, .2) !important;
}
.ts_contact.active .ts_contact_photo.online::after, .ts_contact_photo.online::after, .friends_user_row, .ui_actions_menu_sep, .ui_rmenu_sep, .dev_section_dd .dd_menu_header, .dev_section_dd .dd_menu_rows, .ts_search_sep, .pedit_separator, #payments_box .payments_about_votes, .payments_about_votes, .flist_sel, .flist_item_wrap, #album_name_wrap, .tabbed_box .summary_tabs, .help_table_question, .help_table_questions, .tu_row, .tickets_header, .tickets_reply_row, .tickets_thank_you_form, .feedback_row_answer, .feed_row ~ .feed_row .feedback_row_clickable:hover:not(.feedback_row_touched), .feedback_row_clickable:hover:not(.feedback_row_touched), .wk_poll_tabs, .wk_poll_dmgr, .wl_post_reply_form_forbidden, #pv_friends .name_input input {
border-color: #151515 !important;
}
div.wdd, .like_share_radio .wdd_text, #audio_status_tt .audio_share_cont {
background: #1c1c1c;
border: none;
color: #fff;
}
.im-create, .im-create .im-create--tabs, .ui_grey_block, .ui_tabs.ui_tabs_box, .box_body, .im-mess.im-mess_selected + .im-mess::before, .im-mess.im-mess_unread + .im-mess::before, .im-page .im-page--history-new-bar > span, .audio_friends_list, .box_controls {
background: #222 !important;
}
.nim-peer.nim-peer_online .nim-peer--online {
border-color: #333;
}
#top_profile_menu::after, #top_profile_menu::before, #top_profile_menu::before {
border: 1px solid #222;
}
.ms_items_more_wrap.to_up .ms_items_more::before {
border-top-color: #111;
}
.ms_items_more::after, .ms_items_more::before, .im-page .im-page--dialogs-footer .tt_down::after, .im-page .im-page--dialogs-footer .tt_down::before, .ui_actions_menu::after, .ui_actions_menu::before, #top_notify_wrap::after, #top_notify_wrap::before, .ui_search_fltr::after, .ui_search_fltr::before, .eltt.eltt_up::after, .eltt.eltt_up::before, .tt_default.tt_down::after, .tt_default.tt_down::before {
display: none;
}
.im-to-end, .im-to-end:hover {
background-color: #111;
color: #fff;
border: none;
}
.im_fwd_log_wrap, .im_wall_log_wrap, .ui_actions_menu, #top_notify_wrap, .olist_botsh .box_controls, #pv_author_block, .pv_comments, .wddi, .wddi_over {
border-color: transparent;
}
.ui_rmenu_item_sel, .ui_rmenu_item_sel:hover {
border-color: #111;
color: #fff;
}
.top_audio_layer .audio_layer_rows_cont, .ui_search_fltr, .olist_item_wrap:hover, .wdd_list, #fc_ctabs_cont, .friends_list_bl {
border-color: #191919;
}
.audio_inline_player .slider .slider_slide, .audio_page_player .slider .slider_slide {
background-color: #333;
}
.ui_search_fltr, .selector_container, .olist_item_wrap:hover {
background-color: #222;
color: #eee;
}
.im-mess.im-mess_gift .im-mess--check, .im-mess.im-mess_gift .im-mess--fav {
background-position: 0 0 !important;
}
#side_bar .left_icon {
transition-duration: 0s;
}
#side_bar .left_icon, .media_selector .ms_item:before, .checkbox_pic, .wall_module .post_share_icon, .wall_module .my_share .post_share_icon, .audio_row.audio_added_next #next, .audio_row .audio_acts .audio_act, .wall_module .reply .reply_action:hover, .wall_module .reply_action, .feed_filter_icon, .feed_lists_icon .ui_actions_menu_icons, .ts_contact_status, .friends_possible_add, .friends_possible_remove, .left_settings_inner, .topics_module .topic_icon, .chat_onl:after, .chats_sp, .wall_module .reply .reply_action, .wall_module .my_share .share_icon, #stl_text, input.text.ts_input, .wdd_add_plus, .audio_page_player .audio_page_player_btns .audio_page_player_btn, .audio_page_player .audio_page_player_play {
-webkit-filter: brightness(1.7) !important;
filter: brightness(1.7) !important;
}
.audio_play, r, .im-deselect, .ui_multiselect_cnt .token .token_del, .ui_search_filters_pane .token .token_del {
-webkit-filter: hue-rotate(359deg) brightness(1.4) saturate(0.9) !important;
filter: hue-rotate(359deg) brightness(1.4) saturate(0.9) !important;
}
.top_notify_cont .feedback_img {
background-color: transparent !important;
}
.im_stickers_close:after, .checkbox:before, .settings_menu_rows .olist_item_menu .olist_item_photo, .search_filters_minimized_text, .ui_actions_menu_icons, .wall_post_source_icon, .radiobtn:before, .im-chat-placeholder, .olist_checkbox , .gifts_scroll_left, .gifts_scroll_right, .ui_tabs_loading .ui_tabs_progress, .audio_page_player .audio_page_player_next .icon, .audio_page_player .audio_page_player_prev .icon, .audio_inline_player .slider .slider_amount, .audio_page_player .slider .slider_amount, .audio_inline_player .slider .slider_handler, .audio_page_player .slider .slider_handler, .audio_page_player .audio_page_player_btns .icon, .market_share_icon, .friends_find_user_add {
-webkit-filter: hue-rotate(350deg) brightness(1.5) !important;
filter: hue-rotate(350deg) brightness(1.5) !important;
}
.media_selector .ms_item:before, .ui_actions_menu_item.im-action:before, .ms_items_more .ms_item:before {
transition-duration: .24s;
}
.media_selector .ms_item:hover:before, .ui_actions_menu_item.im-action:hover:before, .ms_items_more .ms_item:hover:before, .wide_column .page_module_upload:hover .page_upload_label.page_photos_upload {
-webkit-filter: brightness(1) !important;
filter: brightness(1) !important;
}
.button_blue button.hover, .button_blue button:hover, .flat_button.hover, .flat_button:hover {
background: rgba(0, 0, 0, .3);
}
.ui_scroll_default_theme.ui_scroll_emoji_theme .ui_scroll_shadow_bottom, .ui_scroll_default_theme.ui_scroll_emoji_theme .ui_scroll_shadow_top {
display: none;
}
.fakeinput, .fakeinput ~ .placeholder .ph_input, div[contenteditable="true"], div[contenteditable="true"] ~ .placeholder .ph_input, input.big_text, input.big_text ~ .placeholder .ph_input, input.dark, input.dark ~ .placeholder .ph_input, input.search, input.search ~ .placeholder .ph_input, input.text, input.text ~ .placeholder .ph_input, textarea, textarea ~ .placeholder .ph_input {
border: none;
color: #fff;
background-color: transparent;
}
.ui_search_custom input.ui_search_field {
color: #fff;
background-color: transparent;
}
#stl_text, .subheader {
color: #eee;
}
.group_list_row, .friends_find_list .user_block, .fans_rows .fans_idol_row, .fans_fan_row, .wide #friends_list .user_block, .chat_tab_wrap:hover, .ba_post, #dev_top_nav_wrap, div.fc_tab_txt {
background: #222;
}
div.fc_tab_txt, .fc_tab_txt_wrap, div.fc_clist_filter_wrap {
background: #151515;
}
.fans_rows .fans_idol_row, .fans_fan_row, .group_list_row:last-child, .flat_button.ui_load_more_btn, .group_list_row {
border-color: #222;
}
body.dev .chat_onl_wrap, body.dev .chat_active, body.dev .chat_expand {
background: transparent !important;
}
.fc_msgs, a.fc_contact_over, .fc_tab_notify, .page_actions_wrap {
background: #1c1c1c;
}
.fc_msgs_out .fc_msgs {
background: #333;
}
.fc_msgs::before, .fc_tab_pointer::after, .fc_tab_pointer::before {
display: none;
}
#stl_left:hover #stl_bg, #stl_left.over.over_fast #stl_bg {
background: #222 !important;
}
em.ts_clist_hl {
background: #444;
}
.wall_module .reply_fakebox, .wall_module .reply_box, input.dark:focus, input.dark, #pedit_interests textarea, #pedit_interests textarea ~ .placeholder .ph_input, .nim-dialog.nim-dialog_hovered:not(.nim-dialog_deleted), .nim-dialog:hover:not(.nim-dialog_deleted), .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted):hover {
background: #191919 !important;
}
.selector_container td.selector input.focused, .selector_container td.selector input.selected {
color: #eee !important;
}
.result_list, .settings_block_footer, .box_msg, .msg, .settings_privacy_row, .settings_bl_row, .settings_apps .apps_settings_row_wrap, .settings_block_msg, #settings_votes_history tr td, .mv_wide_column, .mv_narrow_column, .box_title_wrap.box_grey, .gifts_box_rows .post, .box_body .im_stickers_store_wrap .ui_tabs, .im_stickers_buy_header, .wall_module .copy_quote, .wall_module .media_desc .lnk.lnk_mail, .wall_tt .like_tt_bottom, .piechart_table tr td, #stats_cont h4, .stats_head, .stats_time_info, .apps_edit_success, .search_results_sep, .apps_i_panel, .apps_i_policy, .group_box_row:last-child, .group_box_row, .box_botsh .box_controls, .im-page .im-page--mess-search, .search_row, .owner_photo_additional, .search_auto_results .search_auto_sep, .search_auto_results .post_full_like_wrap, .search_sep, .fc_tab_notify, .mention_tt_actions, .video_choosebox_bottom, .photos_choose_bottom, .feedback_row_wrap.unread, .nim-dialog.nim-dialog_hovered:not(.nim-dialog_deleted), .nim-dialog.nim-dialog_hovered:not(.nim-dialog_deleted) + .nim-dialog, .nim-dialog:hover:not(.nim-dialog_deleted), .nim-dialog:hover:not(.nim-dialog_deleted) + .nim-dialog, .feed_row ~ .feed_row .feedback_row_wrap.reply_box_open, .page_actions_inner, .wke_controls, .wall_module .reply.reply_highlighted, .ui_search_filters_pane.expanded, .wk_text blockquote, .market_item_owner, .market_item_footer_wrap, .dividing_line ul li {
border-color: #151515 !important;
}
.result_list ul {
background-color: #222 !important;
}
.result_list ul li, .wall_module .media_desc .lnk, .wall_module .media_desc .lnk .lnk_mail_description, .page_media_poll .page_poll_row_percent, .page_media_poll .page_poll_row_count, idd_popup .idd_header.idd_arrow {
color: #eee !important;
}
.result_list ul li.active {
background-color: rgba(0, 0, 0, .2) !important;
color: #fff !important;
}
.selector_container td.selector .token, .settings_block_footer, .box_msg, .msg, #mv_comments_header, .pv_can_edit:hover, .box_title_wrap.box_grey, .box_body .im_stickers_store_wrap .ui_tabs, .im_sticker_bl, .im_stickers_buy_header, .wall_tt .like_tt_bottom, .page_media_poll_wrap, .group_wiki_hider:hover, .piechart_col_header th, .graph_menu_item:hover, .graph_menu_item.graph_menu_item_sel, .graph_menu_item.graph_menu_item_sel:hover, .apps_edit_success, .apps_i_panel, .apps_i_policy, .im-page .im-page--mess-search, .search_filters_minimized_text, .owner_photo_additional, .mention_tt_actions, .pv_comments_header, .im-page .im-page--mess-search:hover, .pv_comments_header:hover, .video_choosebox_bottom, .photos_choose_bottom, #ba_post, .feedback_row_wrap.unread, .feedback_row_wrap.reply_box_open .submit_post, .feedback_row_wrap.reply_box_open:hover, .page_actions_header, .page_status_editor .editor, .emoji_tt_wrap, .ui_gridsorter_cont .ui_gridsorter_moveable, .wke_b:hover, .audio_row:not(.audio_row_current):hover, .ui_suggester_results_list, .bp_post.bp_selected, .wall_comments_header, .ui_ownblock:hover, .wk_extpage_footer_wrap, .idd_popup .idd_item:hover, .im_cal_clear {
background-color: #151515 !important;
color: #eee;
}
.idd_popup .idd_header_wrap, .idd_popup .idd_items_content, .dividing_line ul li {
background-color: #1c1c1c !important;
}
.feedback_row_wrap.unread, .emoji_tt_wrap, .nim-dialog.nim-dialog_muted.nim-dialog_selected:not(.nim-dialog_deleted), .nim-dialog.nim-dialog_selected:not(.nim-dialog_deleted), .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected, .feedback_row_clickable:not(.feedback_row_touched):hover, .wall_module .reply.reply_highlighted, .audio_search_focused .audio_performed > em, .audio_search_focused .audio_item > em, .ui_suggester_results_list ul li.active, .ui_suggester_results_list ul li:hover, .ui_multiselect_cnt .token, .ui_search_filters_pane .token {
background-color: #111 !important;
}
.wk_text blockquote, .market_like:hover, .market_share:hover, .friends_import_row:hover, .bd_arrow, .bd_day_head, .im-page.im-page_classic .im-page--chat-input {
background-color: #1a1a1a !important;
}
.search_focused .highlight {
background-color: #555 !important;
}
.friends_search_filters, .friends_search_import, .im-page.im-page_classic .im-page--header-inner, .im-page .im-page--header, .im-page .im-page--search-header {
background-color: #222 !important;
}
.im-page.im-page_classic .im-page--header, .im-page.im-page_classic .im-page--dialogs-search, #top_profile_menu, .ui_search_input_block, .im-page.im-page_classic .im-page--header-chat, .im-page.im-page_classic .im-page--chat-input {
border-color: #222;
}
.im-page.im-page_classic .im-page--dialogs-search, .im-page.im-page_classic .im-page--header-inner, .im-page.im-page_classic .im-page--hisory_search-open .im-page--search-header, .im-page.im-page_classic .im-page--history_loading {
box-shadow: none;
}
.im-page.im-page_classic .im-page--chat-body-abs, .im-chat-input.im-chat-input_classic, .im-page.im-page_classic .im-page--dcontent {
box-shadow: 0 1px 0 0 #222, 0 0 0 1px #222;
}
.settings_apps .app_settings_name, .settings_apps .app_settings_name a, .box_title_wrap.box_grey .box_title, .box_grey .box_title .divider::before, .box_grey .box_title .tab_link, .box_grey .box_title .toggle, .box_grey .box_title .toggle a, .ui_tab_plain, .im_sticker_bl_name, .im_stickerpack_name, .wall_module .media_desc .lnk .lnk_mail_title, .wall_module .media_desc .a, .page_media_poll_title, .graph_menu_item:hover, .app_link, .app_cat_name, .search_media_rows .header_side_link a, .search_results .header_side_link a, h1, .apps_access_item_info b, .profile_info_header_wrap a, .group_box_name .group_link, .group_box_name .mem_link, .fans_idol_lnk, .top_notify_cont .feedback_header, .feedback_header .author, .feedback_header .group_link, .feedback_header .mem_link, .nim-dialog.nim-dialog_typing .nim-dialog--typing, .nim-dialog.nim-dialog_typing .nim-dialog--typer-el, a.groups_messages_block:hover, .page_actions_item, .wk_table th, .wl_more_action.idd_wrap, .ui_ownblock_label, .market_item_owner_name, .friends_find_user_name, .bd_day_head, .payments_offer_row_title, .payments_getvotes_amounts .radiobtn b, .cal_month_sel, .im-search .cal_table .day, .im_cal_clear_lnk {
color: #fff;
}
.im-page.im-page_classic .im-page--header-inner, .im-page.im-page_classic .im-page--hisory_search-open .im-page--search-header, .im-chat-input.im-chat-input_classic {
border-radius: 0;
}
.im_stickers_bl_wrap, .page_media_poll .page_poll_percent, .apps_i_wrap, #wk_box, .profile_info_edit, .feed_row ~ .feed_row .feedback_row_wrap.reply_box_open, .wk_table th, .emoji_bg, .wke_page_title_cont, .wke_pcont, .reply.reply_dived.reply_replieable, .reply_text > div, .emoji_tab:hover, .emoji_shop:hover, .im_stickers_store_wrap .flat_button.secondary, .im_stickers_store_wrap .flat_button.secondary:active, .im_stickers_store_wrap .flat_button.secondary:hover, .payments_box_wide, #payments_box_right_col, .market_item_content, .market_item_photo_container, .disabled.selector_container, .notify_box p, .notifyBox, .secure-information, .im-page.im-page_classic .im-page--dcontent, .im-page.im-page_classic .im-page--chat-body-wrap-inner {
background: #222 !important;
}
.tt_w .reply_text > div, .payments_offer_row .payments_offer_hover, .payments_offer_row:hover, .cal_table, .cal_table .month_arr, .cal_table .month, .cal_table .daysofweek, .cal_table .day {
background: #151515 !important;
}
.page_media_poll .page_poll_row, .app_link > span, .emoji_tabs, .emoji_tabs_l_s, .emoji_tabs_r_s, .emoji_tab_sel, .emoji_tab_sel:hover, .button_cancel .button.hover, .button_cancel .button:hover, .button_cancel .button_hover, .button_cancel .leave_button:hover, .prefix_input_wrap, .payments_getvotes_ps_row.payments_getvotes_active_row, .payments_getvotes_ps_row:hover, .bd_day_cell {
background: #333 !important;
}
.bd_day_cell, .bd_day_cell.left, .bd_day_head, .payments_offer_row, .payments_offer_row .payments_offer_hover, .payments_offer_row:hover, h2.payments_getvotes_title {
border-color: rgba(0, 0, 0, .1);
}
.box_title .back:hover {
background-color: rgba(0, 0, 0, .2);
}
.bd_day_cell.holiday.today .bd_day_events, .bd_day_cell.today .bd_day_events {
border-color: #3970B8;
}
.graph_menu_item, .stats_flash_wrap, .page_block_sub_header, .fc_msg.fc_msg_unread, .ui_suggester_results_list ul li, .ui_tabs_box .ui_tab_sel .ui_tab_count, .market_item_title, .market_item_price, .market_like, .market_share, .idd_popup .idd_item, .idd_popup .idd_header.idd_arrow, .bd_day_num {
color: #eee !important;
}
.button_cancel, .payments_getvotes_ps_row, .cal_table .daysofweek, .im-search .cal_table .past_day.day, .im-search .cal_table .today.day {
color: #999;
}
input.ui_search_field {
background-position: 10px center;
}
.search_auto_sep, .feedback_row_wrap.reply_box_open .reply_box::after, .feedback_row_wrap.reply_box_open .reply_box::before, .emoji_tt_wrap.tt_up::after, .emoji_tt_wrap.tt_up::before {
display: none;
}
.post_video_title, .page_actions_dd_label, .page_actions_header_inner, .ui_multiselect_cnt .token .token_title, .ui_search_filters_pane .token .token_title, .current_audio, .payments_summary_header, h2.payments_getvotes_title, .payments_form_row input, .payments_getvotes_ps_title, .friends_import_header {
color: #fff !important;
}
.page_actions_wrap, .page_actions_separator, .page_status_editor .editor, .emoji_tt_wrap, .ui_suggester_results_list, .prefix_input_border, .wall_comments_header, .wk_extpage_footer_wrap, .idd_popup, .disabled.selector_container table.selector_table {
border: none;
}
.eltt.eltt_bottom:after, .eltt.eltt_bottom:before, .emoji_tt_wrap.tt_down:after, .emoji_tt_wrap.tt_down:before, .tt_w:before, .tt_w:after, .emoji_expanded .emoji_expand_shadow, .emoji_expanded .emoji_expand_shadow_top, .emoji_tabs_l_sc, .emoji_tabs_r_sc {
display: none !important;
}
#ui_groups_load_more {
clear: both;
}
.im-page .im-page--center-empty, .no_posts_cover, .wall_post_source_icon {
color: #999;
background-color: #222;
-webkit-background-blend-mode: multiply;
background-blend-mode: multiply;
}
.im-dropbox, .im-dropbox .im-dropbox--inner, .im-dropbox.dropbox_over, div.wke_cont[contenteditable="true"], textarea.wke_textarea, .wke_controls {
background: #222 !important;
}
.bp_text a, a.mem_link, .wk_vk_link {
color: #888;
}
.footer_bench::after {
content: 'Павел Дуров';
color: #444;
font-size: 14px;
}
#side_bar ol li .left_label {
color: rgba(255, 255, 255, .35);
}
#side_bar ol li:hover .left_label {
color: #fff;
}
.ui_actions_menu_item:after, .media_selector .ms_items_more .ms_item:after, .top_profile_mrow:after, .tickets_suggest:hover, .tickets_suggests_all_results:hover {
background: rgba(0, 0, 0, .3);
}
.ui_actions_menu_item, .media_selector .ms_items_more .ms_item, a.groups_messages_block, .box_title, .ui_rmenu_subitem.ui_rmenu_item_sel, .ui_rmenu_subitem.ui_rmenu_item_sel:hover, a.group_l_title, a.group_u_title, .tickets_suggests_all_results {
color: #eee;
}
.ui_scroll_default_theme .ui_scroll_bar_inner, .ui_scroll_no_transition_theme.ui_scroll_scrolled .ui_scroll_bar_inner {
background: rgba(255, 255, 255, .2);
}
.im-page .im-page--header-icon.im-page--header-icon_search:before, input.ui_search_field {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") left center no-repeat;
}
.im-page .im-page--header-more .ui_actions_menu_icons {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/></svg>") center center no-repeat !important;
}
.im-page .im-page--header-inner, .ui_search_input_block {
border: none;
}
.im-page .im-page--dialogs-footer.ui_grey_block, .im-page.im-page_classic .im-page--dialogs-footer.ui_grey_block {
box-shadow: 0 -2px 10px rgba(0, 0, 0, .2);
}
.im-page .im-page--header.ui_search, .im-page .im-page--dialogs-footer.ui_grey_block, .page_block>:not(:empty)+* .module:first-child, .page_block>:not(:empty)~:empty+.module, .privacy_dropdown, .pedit_privacy_control .privacy_dropdown .header {
border: none;
}
.im-page.im-page_classic .im-page--dialogs-footer, .ui_tabs, .olist_checkbox, .pv_white_bg, .pva_period_fixed, .mv_info, .video_upload_separator_text, .group_l_row {
background: #222;
}
.tabbed_box .summary_tab_sel .summary_tab2, .tabbed_box .summary_tab_sel a:hover, .tabbed_box .summary_tab_sel .summary_tab3:hover, .tabbed_box .summary_tab a:hover {
background: #222 !important;
}
.olist_item_wrap_on .olist_checkbox {
background: #3970B8 url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .5)' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") center center no-repeat !important;
}
.olist_checkbox {
border-radius: 50%;
}
.pv_author_block, .video_upload_separator_line {
background: #1c1c1c;
border: none;
}
.wall_module .reply_box, .wall_module .reply_fakebox_wrap, .wall_module .reply_form, .audio_friend.audio_friend_selected, .im-page .im-page--history-new-bar:after, .im-page .im-page--history-new-bar:before {
background: #191919;
}
.wall_module .like_count, .im-search--date-input .cal_table .past_day.day, .im-search--date-input .cal_table .today.day {
color: rgba(255, 255, 255, .35);
}
a.groups_messages_block:before {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/></svg>") center center no-repeat !important;
}
.module, .group_box_row, .group_box_row:last-child, .group_box_row, .mv_actions_block, .mv_info_narrow_column, .mv_info_wide_column, .group_l_row:last-child, .tickets_post_field, .tickets_post_form__panel, .tickets_suggest, .im_stickers_my_row~.im_stickers_my_row, #apps_user_warning_cont, .apps_options_bar {
border-color: rgba(0, 0, 0, .15) !important;
}
.ui_tab:hover, .ui_tabs .ui_tab:hover, .tabbed_box .summary_tab:hover, .tabbed_box .summary_tab_sel:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted):hover+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog, .media_preview_has_medias {
border-color: rgba(255, 255, 255, .35);
}
.box_x_button {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.pv_cont .pv_closed_commments_placeholder {
background-blend-mode: multiply;
background-color: #1c1c1c;
}
.im-create .ui_search_input_block, .ui_tabs {
box-shadow: none;
}
.feedback_row_wrap.reply_box_open, .tickets_suggests_wrap, .im-to-end .im-to-end--label, .apps_options_bar {
background: #151515;
border-color: rgba(0, 0, 0, .15);
}
.photos_container_albums .photos_album_thumb, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic, .nim-dialog:not(.nim-dialog_deleted):hover, .top_notify_cont .feedback_row:hover, .selector_container td.selector .token_inner, .selector_container td.selector .token_prefix, .privacy_dropdown, .privacy_dropdown .header, .privacy_dropdown .item_sel, .privacy_dropdown .item_sel_plus, .privacy_dropdown .l_header, .privacy_dropdown .l_header .l_header_label, .privacy_dropdown .l_item:hover, .privacy_dropdown .l_item_sel:hover, .friends_field_act, .tickets_post_field, .im-to-end:hover .im-to-end--label {
background-color: #1c1c1c !important;
}
.nim-dialog.nim-dialog_failed .nim-dialog--unread, .nim-dialog.nim-dialog_unread .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread {
background-color: #3970B8;
}
.im-page .im-page--dialogs-settings {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'/></svg>") center center no-repeat !important;
}
.im-page .im-page--stars i {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.im-dialog-select .im-dialog-select--btn {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#audio_status_tt .audio_status_wrap, #audio_status_tt .hint_title {
font-weight: normal;
font-size: 13px;
}
.selector_container table.selector_table, input.dark, .privacy_dropdown .body, .privacy_dropdown .l_item, .privacy_dropdown .l_item_sel, .ui_tabs.ui_tabs_box, .page_block_header, .mail_box_cont, #mail_box_editable {
background: #222 !important;
border: none;
}
.im-page .im-page--hisory_search-open .im-page--search-hist, .tt_default, .tt_default_right, .eltt, .ms_items_more {
border: none;
}
.selector_container td.selector .token_inner, .selector_container td.selector .token_prefix, .privacy_dropdown .header, .privacy_dropdown .item, .privacy_dropdown .item_sel, .privacy_dropdown .item_sel_plus, .privacy_dropdown .l_header, .privacy_dropdown .l_header .l_header_label, .privacy_dropdown .l_item, .privacy_dropdown .l_item_sel, .privacy_dropdown .l_item:hover, .privacy_dropdown .l_item_sel:hover, .mail_box_label_peer, #mail_box_editable, .invite_box_text, body.dev .tickets_side_tt.title .hint_wrap b, .apps_options_bar .apps_options_bar_left .app_summary_name {
color: #eee;
}
#flash_api_external_cont {
opacity: 0;
}
.feedback_date {
color: #939393;
}
.privacy_dropdown {
box-shadow: 0 0 15px rgba(0, 0, 0, .25);
}
#ads_left.ads_left_empty+.left_menu_nav_wrap, .invite_box_text, .help_tile_alert, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_selected.nim-dialog_classic.nim-dialog_unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_selected.nim-dialog_hovered, .nim-dialog:not(.nim-dialog_deleted).nim-dialog.nim-dialog_selected:hover, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered+.nim-dialog.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered.nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected+.nim-dialog, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected:hover+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic+.nim-dialog.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic.nim-dialog_selected+.im-page--messages-search, .nim-dialog:not(.nim-dialog_deleted):hover+.nim-dialog.nim-dialog_selected, .wide_column .page_top, .im-member-item, .group_edit_row_sep, .im-audio-message-input, .group_l_row, .group_tokens_row, #group_apps_wrapper #apps_catalog .apps_catalog_row, .info_msg, .ui_search_sugg_list, .pe_editor .pe_tabs, .pe_editor .pe_bottom_actions, .dev_wide_input_wrap, body.dev .tickets_faq_row:first-child, body.dev .tickets_faq_row, body.dev .tickets_faq_row.over, .tickets_bottom_msg, .apps_edit_user, .im-fwd, .apps_footer {
border-color: rgba(0, 0, 0, .15) !important;
}
.tu_last:hover, .im-page a.im-page--back-button:hover:before, .idd_popup .idd_item.idd_hl, .im-audio-message-input .im-audio-message-track, .info_msg, body.dev .tickets_faq_row.over, .im_stickers_my_tip {
background: rgba(0, 0, 0, .3) !important;
}
.audio_row.audio_row_current, .audio_row.audio_row_playing, .audio_row.audio_row_current:hover, .audio_row.audio_row_playing:hover, .audio_row:not(.audio_row_current):hover {
background: rgba(0, 0, 0, 0) !important;
}
.group_activity_row_wrap .group_obscene_word {
background: #222;
text-decoration: line-through;
}
.audio_row .audio_performer, .im_stickers_my_tip, .page_block_saved {
color: #fff !important;
}
.help_tile_alert_urgent .help_tile_alert__title, .tu_mem, .app_actions_menu_wrap {
color: #3970B8;
}
.im-page .im-page--header-chat {
box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
border: none;
}
.im-chat-input {
border: none;
box-shadow: 0 -1px 8px rgba(0, 0, 0, .15);
}
.im-page .im-page--top-date-bar, .im-page .im-page--top-date-bar-inner {
background: #333;
color: #eee;
border-radius: 25px;
}
.im-page .im-page--top-date-bar:before {
display: none;
}
.im-chat-input .im-chat-input--text *, .group_edit_labeled .idd_wrap .idd_selected_value, body.dev .tickets_faq_title, .help_table_question_visible .help_table_question__q {
color: #fff !important;
}
.group_friends_image {
border-color: #222;
}
.im-page .im-page--header-inner, .group_tokens_row, #group_apps_wrapper .ui_tabs_header, .im-chat-input.im-chat-input_error, .apps_footer {
background: #222;
}
.wide_column .page_upload_label.page_photos_upload {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.prefix_input, .idd_popup .idd_header, .pe_editor .pe_tabs .pe_tab.pe_selected .pe_tab_text, .idd_wrap .idd_selected_value, a.ui_box_header_link {
color: #fff;
}
.nim-dialog.nim-dialog_failed.nim-dialog_muted .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_muted .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected.nim-dialog_muted .nim-dialog--unread {
background: #3970B8;
}
.nim-dialog:not(.nim-dialog_deleted).nim-dialog_hovered .nim-dialog--preview.nim-dialog--preview-attach, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic .nim-dialog--preview.nim-dialog--preview-attach, .nim-dialog:not(.nim-dialog_deleted):hover .nim-dialog--preview.nim-dialog--preview-attach {
color: #3970B8 !important;
}
.left_count_wrap, #side_bar ol li .left_row:hover .left_count_wrap, .font_medium .left_count_wrap, .font_medium #side_bar ol li .left_row:hover .left_count_wrap {
line-height: 26px !important;
background: rgba(0, 0, 0, .25) !important;
color: rgba(255, 255, 255, .6) !important;
border-radius: 50% !important;
}
.im-chat-input, .im-chat-input .im-chat-input--txt-wrap, .ui_search_sugg_list, .pe_main_wrap, .pe_editor .pe_sticker_pack_tab.pe_selected, .pe_editor .pe_sticker_pack_tab:hover {
background: #222;
}
.im-chat-input .im-chat-input--txt-wrap {
border: none;
}
.emoji_cat_title, .ui_search_sugg_list .ui_search_suggestion_selected, .audio_search_focused .audio_performer>em, .audio_search_focused .audio_title>em, .pe_editor .pe_sticker_packs_tabs, .pe_editor .pe_sticker_preview:hover {
background: #111;
}
.ui_search_new .ui_search_input_inner, .ui_search_new.ui_search_dark .ui_search_field {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.ui_search_new .ui_search_input_inner, .top_audio_layer .audio_search_input.ui_search_new {
background: transparent !important;
}
.ui_search_new .ui_search_button_search {
background-color: transparent !important;
border: none;
}
#app_edit_error, .app_edit_warning, .help_table_question_visible, .im-page a.im-page--back-button:hover {
background: #191919;
border: none;
}
#apps_edit_admins, body.dev .tickets_new_title, .nim-dialog.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text {
background: #222;
}
.profile_gift_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, 1)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_hovered.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_hovered.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted):hover.nim-dialog_unread-out .nim-dialog--inner-text, .nim-dialog.nim-dialog_classic:not(.nim-dialog_deleted):hover.nim-dialog_unread-out.nim-dialog_muted .nim-dialog--inner-text {
background: #222 !important;
color: #fff;
}
.im-page:not(.im-page_group) .im-page--chat-body-wrap, .im-page.im-page_classic .im-page--chat-body-wrap-inner, .im-page:not(.im-page_group) .im-page--history-new-bar {
background-color: #282828;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text {
background: var(--message-color-dark, transparent);
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text {
background: var(--message-out-color-dark, transparent);
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text:after {
display: var(--corner-display, none);
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='rgba(25, 25, 25, 1)' viewBox='0 0 30 47'><path d='M30,47s-1.62-8-3-10.4S2.85,5.17,1,3.22.43,0,1.12,0H30Z'/></svg>") top left no-repeat !important;
background-size: contain;
}
.im-page:not(.im-page_group) .im-mess-stack[data-peer="266557039"]:not(.im-mess-stack_fwd) .im-mess:not(.im-mess_fwd) > .im-mess--text:after {
display: var(--corner-display, none);
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='rgba(19, 19, 19, 1)' viewBox='0 0 30 47'><path d='M0,47s1.63-8,3-10.4S27.15,5.17,29,3.22,29.57,0,28.88,0H0Z'/></svg>") top left no-repeat !important;
background-size: contain;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess:not(:first-child) > .im-mess--text:after {
display: none !important;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess.im-mess_selected:not(.im-mess_fwd) > .im-mess--text {
background: var(--message-selected-color-dark, transparent);
color: #fff;
}
.im-page:not(.im-page_group) .im-mess-stack:not(.im-mess-stack_fwd) .im-mess.im-mess_selected:not(.im-mess_fwd) > .im-mess--text .im-mess-stack--pname *, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected > .im-mess--text a, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected .post_video_views_count, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected .wall_module .media_desc .a {
color: #B5C8DA !important;
}
.im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected > .im-mess--text .page_media_link_title a, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected > .im-mess--text .page_media_link_desc_block a, .im-page:not(.im-page_group) .im-mess-stack .im-mess.im-mess_selected .page_media_poll_wrap, .im-fwd .im-fwd--title {
color: #3970B8 !important;
}
.im-page:not(.im-page_group) .im-mess.im-mess_unread {
background: rgba(0, 0, 0, .2);
}
.im-page:not(.im-page_group) .im-mess:after, .im-page:not(.im-page_group) .im-mess:before, .im-mess.im-mess_selected + .im-mess::before, .im-mess.im-mess_unread + .im-mess::before {
background: transparent !important;
}
.ui_search_new .ui_search_input_block {
border: none;
}
.feedback_header {
color: #999;
}
.feedback_header b, .im-fwd.im-fwd_msg .im-fwd--messages {
color: #fff;
}*/
/* DARK MATERIAL */
/* DARK MATERIAL BETA FIX */
/*#side_bar #l_pr .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_pr:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_nwsf .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z'/></svg>") center center no-repeat !important;
}
#side_bar #l_nwsf:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z'/></svg>") center center no-repeat !important;
}
#side_bar #l_msg .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_msg:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_fr .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_fr:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_gr .left_icon, #side_bar .l_comm .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_gr:hover .left_icon, #side_bar .l_comm:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_ph .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ph:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='3.2'/><path d='M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_aud .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
}
#side_bar #l_aud:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
}
#side_bar #l_vid .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_vid:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ap .left_icon, #side_bar #l_apm .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_ap:hover .left_icon, #side_bar #l_apm:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M15 7.5V2H9v5.5l3 3 3-3zM7.5 9H2v6h5.5l3-3-3-3zM9 16.5V22h6v-5.5l-3-3-3 3zM16.5 9l-3 3 3 3H22V9h-5.5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_mk .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_mk:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='22' viewBox='0 0 24 24' width='22' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z'/></svg>") center center no-repeat !important;
}
#side_bar #l_fav .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_fav:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_doc .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_doc:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ads .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar #l_ads:hover .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
#side_bar .genre11 .left_icon {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, .8)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.left_settings_inner {
width: 20px;
height: 20px;
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .35)' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_play {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .4)' height='36' viewBox='0 0 24 24' width='36' xmlns='http://www.w3.org/2000/svg'><path d='M8 5v14l11-7z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_play.audio_playing {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .4)' height='34' viewBox='0 0 24 24' width='34' xmlns='http://www.w3.org/2000/svg'><path d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_next, .audio_page_player .audio_page_player_prev {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='26' viewBox='0 0 24 24' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
background-size: contain;
}
.audio_page_player .audio_page_player_next {
left: calc(50% + 26px);
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='26' viewBox='0 0 24 24' width='26' xmlns='http://www.w3.org/2000/svg'><path d='M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
background-size: contain;
}
.audio_page_player .audio_page_player_add {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_add.audio_player_btn_added {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_shuffle {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(0, 0, 0, .2)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/></svg>") center center no-repeat !important;
background-size: 40px;
}
.audio_page_player .audio_page_player_shuffle.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_recoms {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none' opacity='.1'/><path d='M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z'/></svg>") center center no-repeat !important;
background-size: 40px;
}
.audio_page_player .audio_page_player_status {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'><path d='M0.64,6.91l-0.55.55v8l0.59,0.59h4v7.79H8.13L9,23V16.13h4.08l9.31,6.55a1.17,1.17,0,0,0,.77,0L24,21.83V1.23A6,6,0,0,0,23.08.31a4.85,4.85,0,0,0-.77,0l-9.24,6.6H0.64Z' transform='translate(-0.09 -0.29)'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_status.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' xmlns='http://www.w3.org/2000/svg' height='16' viewBox='0 0 24 24' width='16'><path d='M0.64,6.91l-0.55.55v8l0.59,0.59h4v7.79H8.13L9,23V16.13h4.08l9.31,6.55a1.17,1.17,0,0,0,.77,0L24,21.83V1.23A6,6,0,0,0,23.08.31a4.85,4.85,0,0,0-.77,0l-9.24,6.6H0.64Z' transform='translate(-0.09 -0.29)'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_repeat {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/></svg>") center center no-repeat !important;
background-size: 40px;
}
.audio_page_player .audio_page_player_repeat.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z'/></svg>") center center no-repeat !important;
}
.audio_page_player .audio_page_player_shuffle {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(255, 255, 255, .3)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/></svg>") center center no-repeat !important;
background-size: 40px;
}
.audio_page_player .audio_page_player_shuffle.audio_page_player_btn_enabled {
background: url("data:image/svg+xml;utf8,<svg fill='rgba(57, 112, 184, 1)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M0 0h24v24H0z' fill='none'/><path d='M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z'/></svg>") center center no-repeat !important;
}*/
/* DARK MATERIAL BETA FIX */
/* НОВОГОДНЕЕ НАСТРОЕНИЕ, ЧТОБ ЕГО */
/* COOMING SOON (26.12.2016 ? 26.12.2016 : < 30.12.2016) */
/* НОВОГОДНЕЕ НАСТРОЕНИЕ, ЧТОБ ЕГО */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment