Created
June 4, 2017 00:35
-
-
Save vitaliykoreev/0ce3af10500678a33dc06853d8b8e069 to your computer and use it in GitHub Desktop.
Продукт
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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