API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2017
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.55 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix("https://vk.com") {
  2. /*
  3.         _         _                  _                         _                
  4.        | |       | |                | |                       | |                
  5.    __ _| |__  ___| |_ _ __ __ _  ___| |_   _ __ ___   ___   __| | ___ _ __ _ __  
  6.   / _` | '_ \/ __| __| '__/ _` |/ __| __| | '_ ` _ \ / _ \ / _` |/ _ \ '__| '_ \
  7.  | (_| | |_) \__ \ |_| | | (_| | (__| |_  | | | | | | (_) | (_| |  __/ |  | | | |
  8.   \__,_|_.__/|___/\__|_|  \__,_|\___|\__| |_| |_| |_|\___/ \__,_|\___|_|  |_| |_|
  9.  
  10. ver 5.65
  11. https://vk.com/abstractmodern
  12.  
  13. Роман Логинов, Артём Чиркин, Сэм Халладей
  14.  
  15. Часть когда взята из стилей:
  16. «VK Material Design» (Автор: Vitaliy Koreev)
  17.  
  18. */
  19. /*rgba(255,255,255,0.5); */
  20. /* box-shadow: 0 0 23px 12px rgba(0,0,0,0.1); */
  21.  
  22. :root {
  23. --coloursync:#3F4B5E;
  24. }
  25.  
  26. /* Фон */
  27. body[onresize], #page_header_cont .back:after, #page_header_cont .back:before, #page_header_cont:before, #page_layout:before {background: url(https://img-fotki.yandex.ru/get/135639/194475847.2/0_116498_188a4624_orig.jpg) top center fixed}
  28.  
  29. body[onresize]{background-size:cover !important;background-repeat:no-repeat !important;  }
  30. .page_block {
  31.     position: relative;
  32.     background: #fff;
  33.     border-radius: 0px !important;
  34.     box-shadow: 0 1px 0 0 #FFFFFF, 0 0 0 1px #FFFFFF;
  35.     margin: 0px 0 0;
  36.     border: solid #ebedf0;
  37.     border-width: 1px 0 0;
  38. }
  39. body { font-family: Segoe UI, Open Sans, Helvetica Neue, sans-serif;   }
  40.  
  41.  
  42. /* Единый стиль окон */
  43. #top_profile_menu, #top_notify_wrap, .eltt, .chat_onl_inner, .ms_items_more, .emoji_tt_wrap, .tt_default, .tt_default_right, .ui_actions_menu, .tt_w.like_tt, .tt_w.poll_tt, .page_status_editor .editor {
  44.     border: 0px solid #c5d0db;
  45.     border-radius: 0px;
  46.     box-shadow: 0 0 23px 12px rgba(0,0,0,0.1);
  47.    
  48. }
  49. /* Цвет текста */
  50. a, .wide_column .topics_module .topic_title {
  51.     color: #3F4B5E;
  52. }
  53.  
  54. /* Выделение текста */
  55. ::selection {
  56. background: #3F4B5E !important;
  57. color: #FFF !important;
  58. }
  59. ::-moz-selection {
  60. background: #3F4B5E !important;
  61. color: #FFF !important;
  62. }
  63.  
  64. /* Полосы прокрутки */
  65.  
  66.    *::-webkit-scrollbar {
  67.     width: 12px !important;
  68.     height: 12px !important;
  69.     background: #FFF !important;
  70. }
  71.  
  72. *::-webkit-scrollbar-thumb {
  73.     min-height: 30px !important;
  74.     background: #3F4B5E !important;
  75. }
  76.  
  77. /* Отключение рекламы */
  78. #ads_left {
  79.     display: none !important;
  80. }
  81.  
  82. #page_layout {
  83.     min-height: 600px;
  84. }
  85.  
  86.  
  87.  
  88.  
  89. /* Уведомление */
  90. .notifier_baloon {
  91.     color: #FFF;
  92.     background: rgba(0, 0, 0, 0.66);
  93.     border-radius: 0px;
  94.     box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  95. }
  96. .notifier_baloon_wrap:last-child {
  97.     padding-bottom: 0;
  98. }
  99. .notifier_baloon_wrap {
  100.     padding: 0 0 0px 0px;
  101. }
  102.  
  103.  
  104. /* Сообщения */
  105. .ui_progress .ui_progress_bar {
  106.     background-image: none;
  107.     background: #3F4B5E
  108. }
  109. .im-page {
  110.     padding-bottom: 17px;
  111. }
  112. .fc_msgs a {
  113.  color: #FFF ;  
  114. }
  115.  
  116. /* Шапка */
  117. a.top_home_link.fl_l {
  118.     width: 164px;
  119. }
  120. #page_header, #page_header_cont, #page_header_cont .back, .top_nav_btn, .top_nav_link {
  121.     height: 46px !important;
  122. }
  123. .top_nav_btn .top_nav_btn_icon {
  124.     margin: 13px auto;
  125. }
  126.  
  127. .top_audio_player .top_audio_player_btn {
  128.     padding: 18px 4px 14px;
  129. }
  130.  
  131. .top_audio_player .top_audio_player_play {
  132.     padding: 16px 4px !important;
  133. }
  134.  
  135. .top_audio_player .top_audio_player_title_wrap {
  136.     margin: 15px 0;
  137. }
  138.  
  139. .top_nav_link {
  140.     line-height: 46px;
  141. }
  142.  
  143. .chat_onl_inner {
  144.     background-color: rgba(0,0,0, .3) !important;
  145. }
  146.  
  147. #top_notify_wrap {
  148.     top: 46px !important;
  149.     left: 0px;
  150. }
  151. .top_profile_img {
  152.     width: 46px;
  153.     height: 46px;
  154.     margin: 0px 0;
  155. }
  156. #page_header_cont .back {
  157.     background: #3F4B5E;
  158.     border-bottom: 0px;
  159. }
  160. .top_audio_player .top_audio_player_title, .top_profile_name {
  161.     color: #FFFFFF;
  162.     font-weight: 400;
  163.  
  164. }
  165. .top_nav_link.active, .top_nav_link:hover , .top_audio_player:hover , .top_nav_btn:hover, .audio_row:not(.audio_row_current):hover, .top_nav_btn.active  {
  166.     background-color: rgba(255,255,255,0.5);
  167.     transition: 300ms;
  168. }
  169. .top_nav_link , .top_audio_player , .top_nav_btn, .audio_row:not(.audio_row_current)  {
  170.     transition: 300ms;
  171. }
  172. .top_audio_player .top_audio_player_btn>div {
  173.     opacity: 1 !important;
  174. }
  175.  
  176. /* Лого и эта херь справа*/
  177. .top_home_link .top_home_logo {
  178.     background: url(https://img-fotki.yandex.ru/get/40801/194475847.1/0_107c44_f143c745_orig.png) no-repeat;
  179.     background-position: 0 0;
  180.     height: 46px;
  181.     width: 160px;
  182.     margin: 0px -15px 0;
  183. }
  184.  
  185. .top_profile_img {
  186. right: 0;
  187.     position: absolute;
  188. }
  189. .top_profile_arrow {
  190.     margin: 22px 48px 0 7px;
  191. }
  192. #top_profile_menu:after, #top_profile_menu:before {
  193.     right: 14px;
  194. }
  195. #top_profile_menu:before {
  196.     border-width: 6px;
  197.     margin: 0 -6px;
  198.     border-bottom-color: rgba(0,0,0,0);
  199. }
  200.  
  201.  
  202. /* Друзья онлайн */
  203. .chat_tab_img {
  204.     width: 40px;
  205.     height: 40px;
  206.     border-radius: 0;
  207. }
  208. .chat_onl_cont {
  209.     padding: 0px 0;
  210. }
  211.  
  212. .chat_onl_inner {
  213.     background-color: #FFF;
  214. }
  215.  
  216. /* Меню */
  217. .left_count_wrap , .left_count_wrap.left_count_wrap_hovered:hover, a:hover .left_count_wrap, span.lnk_mail_title.a.clear_fix {
  218.     color: #3F4B5E;
  219.     background: none;
  220. }
  221. #side_bar .left_label {
  222.     font-size: 13px;
  223.     color: #3F4B5E;
  224. }
  225.  
  226. /* Диалоги */
  227. .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--unread, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--unread {
  228.     color: #FFFFFF;
  229. }
  230. nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--photo, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--photo {
  231.     border-color: #3F4B5E;
  232. }
  233. .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--photo .online.mobile:after, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--photo .online.mobile:after, .ui_tabs.ui_tabs_sliding .ui_tabs_slider {
  234.     background-color: #3F4B5E;
  235. }
  236. .nim-dialog {
  237.     padding: 0 0 0 10px;
  238. }
  239. .nim-dialog.nim-dialog_muted.nim-dialog_selected, .nim-dialog.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected {
  240.     background: #3F4B5E;
  241. }
  242. .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: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):hover+.nim-dialog.nim-dialog_selected {
  243.     border-top: solid 1px #3F4B5E ;
  244. }
  245.  
  246. .nim-dialog.nim-dialog_muted.nim-dialog_selected .nim-dialog--photo .online.mobile:after, .nim-dialog.nim-dialog_selected .nim-dialog--photo .online.mobile:after {
  247.     background-color: #3F4B5E ;
  248. }
  249.  
  250. .im-mess-stack .im-mess-stack--content .im-mess-stack--pname a {
  251.     color: #3F4B5E ;
  252. }
  253.  
  254. .online:after,.online.mobile:after {
  255.     bottom: -6%;
  256.     right: -8%;
  257. }
  258. .nim-dialog.nim-dialog_unread .nim-dialog--unread, .nim-dialog.nim-dialog_unread.nim-dialog_prep-injected .nim-dialog--unread {
  259.     font-weight: 400;
  260.     background: #3F4B5E !important;
  261. }
  262.  
  263. .nim-dialog.nim-dialog_muted.nim-dialog_selected .nim-dialog--photo, .nim-dialog.nim-dialog_selected .nim-dialog--photo {
  264.     border-color: #3F4B5E ;
  265. }
  266. .nim-dialog.nim-dialog_muted.nim-dialog_selected .nim-dialog--unread, .nim-dialog.nim-dialog_selected .nim-dialog--unread {
  267.     color: #3F4B5E ;
  268. }
  269.  
  270. /* Диалоговые окна */
  271.  
  272.  
  273. .box_title_wrap {
  274.     background-color: #3F4B5E ;
  275. }
  276.  
  277. /* Элементы интерфейса */
  278. .button_blue button, .button_gray button, .button_light_gray button, .flat_button, .button_blue button, .button_gray button, .button_light_gray button, .flat_button {
  279.     background-color: #3F4B5E ;
  280. }
  281. .flat_button:hover {
  282.     background-color: #3F4B5E !important;
  283.         -webkit-filter: brightness(110%);
  284.     -moz-filter: brightness(110%);
  285.     -o-filter: brightness(110%);
  286.     -ms-filter: brightness(110%);
  287.     filter: brightness(110%);
  288. }
  289. .button_gray button.hover, .button_gray button:hover, .flat_button.secondary.hover, .flat_button.secondary:hover {
  290.     background-color: #dfe6ed !important;
  291.         -webkit-filter: brightness(100%);
  292.     -moz-filter: brightness(100%);
  293.     -o-filter: brightness(100%);
  294.     -ms-filter: brightness(100%);
  295.     filter: brightness(100%);
  296. }
  297. #page_body {
  298.     margin-top: 46px;
  299. }
  300. .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
  301. {
  302.  border-bottom: 2px solid #3F4B5E ;  
  303. }
  304. .ui_rmenu_item_sel, .ui_rmenu_item_sel:hover {
  305.     border-left: 2px solid #3F4B5E ;
  306. }
  307. .page_counter .count, .bp_author, .wddi_text {
  308.     color: #3F4B5E ;
  309. }
  310.  
  311. .audio_page_player .audio_page_player_next .icon, .audio_page_player .audio_page_player_prev .icon, .slider.slider_size_1 .slider_slide, .wide_column .page_upload_label, .media_selector .ms_item:before, .no_posts_cover, .im-page .im-page--center-empty, .pv_like, .post_full_like_wrap, .ms_item:hover, .page_module_upload.hover .page_upload_label, a.page_module_upload:hover .page_upload_label, .audio_page_player .audio_page_player_btns .icon, .topics_module .topic_icon, .pv_place_label, .wall_signed_by, .radiobtn:before, .im-page .im-page--dialogs-settings, .page_block>.ui_search:first-child, .page_upload_label, .im-mess .im-mess--check, .im-mess .im-mess--fav, .im-page .im-page--header-more .ui_actions_menu_icons, .ui_actions_menu_wrap.shown .ui_actions_menu, .audio_row .audio_duration_wrap
  312. {-webkit-filter: grayscale(1);
  313.     -moz-filter: grayscale(1);}
  314.  
  315. .summary_tab_sel .summary_tab2, .summary_tab_sel .summary_tab2:hover {
  316.     background: #3F4B5E ;
  317. }
  318. .media_selector .ms_items_more .ms_item , .footer_wrap a {
  319.     color: #7c7f82;
  320. }
  321. .media_selector .ms_item_more_label {
  322.         color: #7c7f82;
  323. }
  324.  
  325. .chat_tab_imgcont.online:after, .chat_tab_imgcont.online.mobile:after {
  326.     bottom: -4px;
  327.     right: -4px;
  328. }
  329. .chat_tab_imgcont.online:after, .chat_tab_imgcont.online.mobile:after {
  330.     border-color: #FFFFFF;
  331. }
  332. .chat_tab_imgcont.online.mobile:after {
  333.     background-color: #FFFFFF;
  334. }
  335. .ui_rmenu_item, .ui_rmenu_subitem
  336. {
  337.  color: #4C4C4C;  
  338. }
  339.  
  340. .scrollbar_hovered, .scrollbar_inner:hover {
  341.     background: rgba(0, 0, 0, 0.48);
  342. }
  343. .scrollbar_c_overed .scrollbar_inner {
  344.     width: 8px;
  345.     border-radius: 0px;
  346. }
  347. .friends_user_row .online::after {
  348.     bottom: 2%;
  349.     right: 2%;
  350.     border-width: 2px;
  351.     border-radius: 0px;
  352. }
  353. .friends_user_row .online.mobile::after {
  354.     bottom: 2%;
  355.     right: 2%;
  356.     background-image: url("https://img-fotki.yandex.ru/get/107080/194475847.1/0_105e7e_c7f86d0f_orig.png");
  357.  
  358. }
  359. .post_author .author, .wall_module .author, .wall_module .copy_author
  360. {
  361.  color: #3F4B5E !important;  
  362. }
  363. a.reply_link._reply_lnk {
  364.     color: #939699;
  365. }
  366. a.page_module_upload {
  367.  color: rgb(124, 127, 130);  
  368. }
  369.  
  370. .top_notify_count {
  371.     border: 2px solid #3F4B5E ;
  372.     color: #3F4B5E ;
  373.     background-color: #FFF;
  374. }
  375. .audio_row.lyrics .audio_title_inner {
  376.     color: #000000;
  377.     font-weight: 500;
  378. }
  379. #box_loader .back {
  380.   background-color:#000;
  381.   opacity:0.7;
  382.   filter:alpha(opacity=70);
  383.   height:100px;
  384.   -webkit-border-radius:0;
  385.   -khtml-border-radius:0;
  386.   -moz-border-radius:0;
  387.   border-radius:0;
  388.   -webkit-box-shadow:0 0 30px rgba(0,0,0,0.5);
  389.   -moz-box-shadow:0 2px 10px rgba(0,0,0,0.35);
  390.   box-shadow:0 0 30px rgba(0,0,0,0.5);
  391. }
  392.  
  393. #box_loader #box_loader_pr {
  394.     position: absolute;
  395.     opacity: 1;
  396.     background: url(https://img-fotki.yandex.ru/get/66384/194475847.0/0_10096a_7f3b95cb_orig.gif) no-repeat 50% 50%;
  397.     height: 100px;
  398.     width: 100%;
  399.         margin: 0;
  400. }
  401. .pr_medium .pr_bt {
  402.     width: 1px;
  403.     height: 0px;
  404.     margin-right: 0px;
  405. }
  406.  
  407.  
  408. .ui_rmenu_sliding .ui_rmenu_slider {
  409.     background-color: #3F4B5E !important;
  410. }
  411.  
  412.  
  413. /*тест*/
  414. .layers_shown .chat_tab_imgcont.online:after {
  415.     border-color: #5a5a5a;
  416. }
  417. /* Плеер */
  418. .audio_play
  419. {
  420.  background: #3F4B5E url(http://new.vk.com/images/icons/audio_playpause.png) no-repeat 8px 7px !important;  
  421. }
  422. .audio_page_player .audio_page_player_play .icon {
  423.     background-color: #3F4B5E ;
  424. }
  425.  
  426. /* Наверх */
  427. .stl_active.over_fast #stl_bg {
  428.     background-color: rgba(0, 0, 0, 0);
  429. }
  430. #stl_text {
  431.     color: #FFFFFF;
  432.     background: url(https://img-fotki.yandex.ru/get/67777/194475847.0/0_100972_6a402802_orig.png) no-repeat;
  433. }
  434.  
  435. /* Миничат */
  436.  
  437. .im_msg_audiomsg .audio-msg-track:not(.audio-msg-player):hover {
  438.     background-color: rgba(255, 255, 255, 0.2);
  439. }
  440.  
  441.   .fc_tab_wrap {
  442.   font-size: 13px;                      
  443.   box-shadow: 0 0 23px 12px rgba(0,0,0,0.1);
  444.    width: 280px !important;
  445.   }
  446.  
  447.   .rb_box_wrap {
  448.     border-radius: 0px;
  449.    
  450.     margin-right: 10px !important;
  451.   }
  452.   .rb_box_wrap .fc_tab_head {
  453.     position: relative;
  454.     background: #5181B8;
  455.     padding: 0;
  456.     padding-right: 22px;
  457.     height: 45px;
  458.     z-index: 9;
  459.     border: none !important;
  460.   }
  461.   .fc_tab_title {
  462.     height: 100%;
  463.     padding: 0;
  464.     padding-left: 20px;
  465.     line-height: 45px;
  466.   }
  467.  
  468.   .fc_tab {
  469.     background: #FFF;
  470.   }
  471.  
  472.   .fc_msgs_out .fc_msgs {
  473.     background: #3F4B5E url(https://img-fotki.yandex.ru/get/61020/194475847.1/0_105cd6_f92fcd72_orig.png) !important;
  474.   }
  475.  
  476. .fc_msgs_wrap.fc_msgs_out .fc_msgs::before {
  477.     left: auto;
  478.     right: 9px !important;
  479.     bottom: -11px !important;
  480. }
  481.    
  482.  
  483.   .fc_contact:first-child {
  484.     padding-top: 8px;
  485.   }
  486.   .fc_contact {
  487.     position: relative;
  488.     padding: 0;
  489.     padding: 8px 16px;
  490.     height: auto;
  491.     width: 100%;
  492.     box-sizing: border-box;
  493.     -moz-box-sizing: border-box;
  494.   }
  495.  
  496.   span.fc_contact_photo, img.fc_contact_photo {
  497.     border-radius: 0%;
  498.   }
  499.  
  500.   .fc_contact:after {
  501.     content: '';
  502.     position: absolute;
  503.     top: calc(50% - 5px);
  504.     left: calc(50% - 5px);
  505.     width: 0;
  506.     height: 0;
  507.     background: rgba(0, 0, 0, .05);
  508.     visibility: visible;
  509.     border-radius: 0%;
  510.    
  511.     -moz-transition: all .3s ease-in-out;
  512.     -webkit-transition: all .3s ease-in-out;
  513.     transition: all .3s ease-in-out;
  514.   }
  515.   .fc_contact:hover:after {
  516.     width: 10px;
  517.     height: 10px;
  518.     transform: scale(30);
  519.   }
  520.  
  521.   .fc_msgs_author {
  522.     visibility: hidden;
  523.   }
  524.  
  525.   div[id^="rb_box_fc_peer2000"] .fc_msgs_author {
  526.     visibility: visible;
  527.     top: 0;
  528.     bottom: auto;
  529.     left: 10px;
  530.     vertical-align: top;
  531.   }
  532.   img.fc_msgs_author {
  533.     width: 30px;
  534.     height: 30px;
  535.   }
  536.  
  537.   .rb_resize_wrap {
  538.     display: none;
  539.   }
  540.  
  541.   .fc_msgs_wrap {
  542.     padding-top: 0;
  543.     padding-left: 0;
  544.     margin-top: 10px;
  545.     padding-right: 0px;
  546.    
  547.     transition-duration: .3s;
  548.   }
  549.  
  550.  
  551.   .fc_tab_close_wrap, .fc_tab_min_wrap, .fc_tab_max_wrap, .fc_tab_pin_wrap {
  552.     margin-top: 13px;
  553.   }
  554.   .fc_msgs {
  555.                         color: #FFF;
  556.     margin-left: 14px;
  557.     padding: 14px 18px;
  558.     border-radius: 0 0px 0px 0px;
  559.   }
  560.   .fc_msg.fc_msg_unread {
  561.     color: #FFF !important;
  562.   }
  563.  
  564.   div[id^="rb_box_fc_peer2000"] .fc_msgs {
  565.     margin-left: 76px;
  566.   }
  567.   div[id^="rb_box_fc_peer2000"] .fc_msgs_author {
  568.     padding: 0 12px 0 8px;
  569.   }
  570.  
  571.   .fc_msgs_out .fc_msgs {
  572.     margin-left: 22px;
  573.     border-radius: 0px 0 0px 0px;
  574.   }
  575.   .fc_in_msg_arr {
  576.     left: 8px;
  577.     top: 0;
  578.   }
  579.   div[id^="rb_box_fc_peer2000"] .fc_in_msg_arr {
  580.     left: 42px;
  581.   }
  582.  
  583.   .fc_tab_pin_wrap, .fc_tab_max_wrap, .add_media_pointer, .chats_sp.fc_tab_pointer {
  584.     display: none;
  585.   }
  586.   .fc_tab_max_wrap {
  587.     display: block;
  588.   }
  589.   .fc_tab_txt_wrap, div.fc_clist_filter_wrap {
  590.     height: auto !important;
  591.     background: #fff;
  592.   }
  593.   div.fc_clist_filter_wrap {
  594.     padding: 0;
  595.     border: none;
  596.   }
  597.  
  598.   #fc_contacts {
  599.     box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
  600.   }
  601.  
  602.   .chats_sp.fc_clist_search_icon {
  603.     margin-top: 16px;
  604.     margin-left: 15px;
  605.   }
  606.  
  607.   .fc_clist_filter_wrap {
  608.     box-shadow: 0 -1px 5px rgba(0, 0, 0, .1);
  609.     border: 1px solid red;
  610.   }
  611.  
  612.   div.fc_tab_txt, div.fc_clist_filter {
  613.     border: none;
  614.     height: 100%;
  615.   }
  616.   div.fc_clist_filter {
  617.     padding-top: 8px;
  618.      min-height: 35px !important;
  619.   }
  620.  
  621.   .fc_clist_online {
  622.     margin-top: 15px;
  623.     margin-left: -20px;
  624.   }
  625.  
  626.   .fc_tab_attach {
  627.     padding-left: 15px;
  628.     padding-top: 10px;
  629.     height: auto;
  630.   }
  631.  
  632.   .fc_msgs {
  633.     left: -20px !important;
  634.     background: #3F4B5E ;                    
  635.     position: relative;
  636.     overflow: visible;
  637.   }
  638.  
  639.   .fc_msgs::before {
  640.     content: '';
  641.     position: absolute;
  642.     left: 9px;
  643.     top: -11 !important;
  644.     width: 15px;
  645.     height: 11px;                    
  646.   }
  647.   .fc_msgs_wrap:not(.fc_msgs_out) .fc_msgs::before {
  648.     background: #3F4B5E url(https://img-fotki.yandex.ru/get/56099/194475847.1/0_105da1_9d6315b0_orig.png) no-repeat ;
  649.     background-size: contain;
  650.     top: -11px !important;
  651.   }
  652.   .fc_msgs_wrap.fc_msgs_out .fc_msgs::before {
  653.     left: auto;
  654.     right: -15px;
  655.     background: #3F4B5E url(https://img-fotki.yandex.ru/get/62868/194475847.1/0_105cd7_56f7e78e_orig.png) no-repeat ;
  656.     background-size: contain;
  657.   }
  658.  
  659.   .fc_msgs_unread {
  660.     background: transparent;
  661.     background: url(http://ipic.su/img/img7/fs/icon.1454162442.png) no-repeat;
  662.     background-position: 25px calc(100% - 15px);
  663.     background-size: 8px;
  664.   }
  665.   .fc_msgs_wrap:not(.fc_msgs_out).fc_msgs_unread {
  666.     background-position: calc(100% - 25px) calc(100% - 15px);
  667.   }
  668.  
  669.   .fc_msg {
  670.     padding: 0;
  671.   }
  672.  
  673.   .fc_msgs_out .fc_msgs {
  674.     background: #D7E7FA;
  675.     border: none;
  676.   }
  677.  
  678.   .fc_msgs {
  679.     border: none;
  680.   }
  681.  
  682.   .fc_tab_attach .ms_items_more_wrap {
  683.     padding: 0;
  684.   }
  685.  
  686. .fc_tab {
  687.     border: 0px solid #c5d0db;
  688.     border-top: none;
  689.     border-radius: 0 0 0px 0px;
  690. }
  691.  
  692. .rb_box_wrap .fc_tab_head {
  693.     background: #3F4B5E ;
  694. }
  695. .fc_tab_head {
  696.     border-radius: 0px 0px 0 0;
  697. }
  698.  
  699. .fc_msg_attachments {
  700.     margin: 0;
  701. }
  702.  
  703. .fc_msgs .fc_video_thumb {
  704.     width: 165px;
  705. }
  706.  
  707. .fc_msg_att_icon_doc, .fc_msg_att_icon_mail, .fc_msg_att_icon_wall {
  708.     background: url(https://img-fotki.yandex.ru/get/194550/194475847.2/0_1180d1_b5a3caf6_orig.png) no-repeat;
  709. }
  710.  
  711. .fc_msg_att_icon_doc{background-position:0px -169px}.fc_msg_att_icon_mail,.fc_msg_att_icon_wall{background-position:0px -153px;width:12px}
  712.  
  713. .fc_msgs .audio_row {
  714.     padding: 11px 0px;
  715. }
  716.  
  717. .fc_msgs .audio_inline_player .slider .slider_amount, .fc_msgs .audio_page_player .slider .slider_amount, .fc_msgs .audio_inline_player .slider .slider_handler,  .fc_msgs .audio_page_player .slider .slider_handler {
  718.     background-color: #FFF;
  719. }
  720.  
  721. .fc_msgs .audio_row.audio_row_current .audio_duration {
  722.     color: #ffffff;
  723. }
  724.  
  725. .fc_msgs.audio_inline_player .slider .slider_slide, .fc_msgs .audio_page_player .slider .slider_slide {
  726.     background-color: rgba(255, 255, 255, 0.28);
  727. }
  728.  
  729.    /* Группы */
  730.   #show_more {
  731.     clear: both;
  732.   }
  733.   .groups_list, .friends_find_list, .fans_rows {
  734.     /*overflow: hidden;*/
  735.     padding: 8px 0;
  736.   }
  737.  
  738.   .group_list_row, .friends_find_list .user_block, .fans_rows .fans_idol_row, .fans_fan_row,
  739.   .wide #friends_list .user_block {
  740.     float: left;
  741.     width: 33.3%;
  742.     min-height: 294px;
  743.     height: 230px;
  744.     text-align: center;
  745.     position: relative;
  746.     box-sizing: border-box;
  747.     padding: 10px;
  748.     border-radius: 3px;
  749.     clear: none;
  750.     background: #fff;
  751.  
  752.  
  753.   }
  754.  
  755.   #groups_invites_wrap .group_list_row {
  756.     height: 354px;
  757.   }
  758.  
  759.   .group_list_row:last-child {
  760.     border-bottom: 1px solid #EDEDED;
  761.   }
  762.   #main_class.wide > table {
  763.     width: 100%;
  764.   }
  765.  
  766.   .user_block .friends_bigph_wrap {
  767.     border-radius: 0 !important;
  768.   }
  769.  
  770.   .gle_invites_list .group_list_row {
  771.     width: 50%;
  772.     height: auto;
  773.   }
  774.  
  775.   .button_cancel {
  776.     color: #5181B8;
  777.   }
  778.  
  779.   .group_row_buttons {
  780.     overflow: hidden;
  781.   }
  782.   .group_row_buttons .flat_button {
  783.     width: 100%;
  784.     padding: 9px 0;
  785.     border-radius: 2px;
  786.     margin: 4px 0 0 0;
  787.   }
  788.   #users, #users_online {
  789.     overflow: hidden;
  790.   }
  791.   /*  */
  792.  
  793.   .friends_find_list .user_block, .wide #friends_list .user_block {
  794.     width: calc(100% / 3);
  795.     height: 350px;
  796.     border: none !important;
  797.     border-bottom: 1px solid #eee;
  798.     clear: none !important;
  799.     padding: 10px !important;
  800.   }
  801.   .fans_rows .fans_idol_row, .fans_fan_row {
  802.     height: 248px;
  803.     border-bottom: 1px solid #eee;
  804.   }
  805.   .fans_fan_row {
  806.     height: 150px;
  807.     min-height: 150px;
  808.   }
  809.   .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 {
  810.     background: rgba(0, 0, 0, .05);
  811.     z-index: 10;
  812.   }
  813.   .group_row_photo, .friends_find_list .user_block .friends_bigph_wrap, .fans_idolph_wrap, .wide #friends_list .user_block .friends_bigph_wrap {
  814.     margin: 15px auto 25px;
  815.     float: none;
  816.   }
  817.   .fans_idolph_wrap {
  818.     margin: 10px auto;
  819.   }
  820.   .friends_find_list .user_block .friends_bigph_wrap, .fans_idol_info, .fans_idol_name, .wide #friends_list .user_block .friends_bigph_wrap {
  821.     width: 100%;
  822.   }
  823.   .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 {
  824.     text-align: center;
  825.   }
  826.   .friends_find_list .user_block .friends_bigph_wrap .img, .wide #friends_list .user_block .friends_bigph_wrap .img {
  827.     display: block;
  828.     margin: 0 auto;
  829.   }
  830.   .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 {
  831.     width: 100% !important;
  832.     padding: 0 !important;
  833.   }
  834.   .group_row_info {
  835.     margin-top: 10px;
  836.   }
  837.   .group_row_actions {
  838.     margin: 0 auto;        
  839.     float: none;
  840.   }
  841.  
  842.   #friends .wide .user_block .actions .friends_act {
  843.     padding: 16px 0 !important;
  844.     background: #f9f9f9;
  845.     width: 100%;
  846.    
  847.     -moz-transition: all .2s ease-in-out;
  848.     -webkit-transition: all .2s ease-in-out;
  849.     transition: all .2s ease-in-out;
  850.   }
  851.   #friends .wide .user_block .actions {
  852.     position: absolute;
  853.     bottom: 0;
  854.     left: 0;
  855.   }
  856.   #friends .wide .user_block {
  857.     position: relative;
  858.   }
  859.   #friends .wide .user_block .actions .friends_act {
  860.     position: absolute;
  861.     bottom: 0;
  862.   }
  863.   #friends .wide .user_block .actions .friends_act:nth-child(1) {
  864.     bottom: 45px;
  865.   }
  866.  
  867.   #friends .wide .user_block .actions .friends_act:hover {
  868.     background: #5181B8;
  869.     color: #fff;
  870.   }
  871.  
  872.   .friends_find_list .user_block .friends_bigph_wrap .friends_bigph, .fans_fanph, .wide #friends_list .user_block .friends_bigph_wrap .friends_bigph {
  873.     left: calc(50% - 50px);
  874.     width: 100px;
  875.   }
  876.   .friends_find_list .info_no_actions .common_friends a, .wide #friends_list .info_no_actions .common_friends a {
  877.     margin-right: -10px !important;
  878.   }
  879.   .friends_find_list .info_no_actions .common_friends a:first-of-type {
  880.     margin-left: -10px !important;
  881.   }
  882.   .friends_find_list .info_no_actions .common_friends a img {
  883.     border: 4px solid #fff !important;
  884.   }
  885.   #friends .request .info a.deny_request, #friends .request .info_no_actions a.deny_request {
  886.     width: 100%;
  887.     margin: 0;
  888.     -moz-box-sizing: border-box;
  889.     box-sizing: border-box;
  890.     padding: 10px 0;
  891.     height: 35px;
  892.   }
  893.   .friends_find_list .common .controls, .wide #friends_list .common .controls {
  894.     width: 100% !important;
  895.   }
  896.   .friends_find_list .common .controls .flat_button, .wide #friends_list .common .controls .flat_button {
  897.     margin: 0 auto;
  898.     float: none;
  899.     position: absolute;
  900.     bottom: 0;
  901.     width: 100%;
  902.     height: 40px;
  903.     left: 0;
  904.     border-radius: 0;
  905.     box-shadow: none;
  906.     border: none;
  907.   }
  908.   .friends_find_list .user_block:nth-child(3n-1) .controls .flat_button, .wide #friends_list .user_block:nth-child(3n-1) .controls .flat_button  {
  909.     border-left: 1px solid #fff;
  910.     border-right: 1px solid #fff;
  911.   }
  912.   .friends_find_list .user_block:hover .controls .flat_button, .wide #friends_list .user_block:hover .controls .flat_button {
  913.     border: none;
  914.   }
  915.   .friends_find_list .user_block:hover {
  916.     z-index: 10;
  917.   }
  918.  
  919.   #friends .delete_row div {
  920.     width: 24px;
  921.     height: 24px;
  922.     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;
  923.   }
  924.   .friends_find_list .user_block .delete_row {
  925.     width: 24px !important;
  926.     height: 24px !important;
  927.     margin: 5px !important;
  928.   }
  929.   #friends .user_block:hover .delete_row div {
  930.     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;
  931.   }
  932.  
  933.   .group_list_row .page_verified {
  934.     position: absolute;
  935.     top: 15px;
  936.     left: 15px;
  937.     width: 24px;
  938.     height: 24px;
  939.     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;
  940.   }
  941.  
  942.   .group_inv_user {
  943.     float: left;
  944.     clear: none;
  945.     margin: 15px;
  946.     display: none;
  947.   }
  948.   .groups_inv_info {
  949.     padding: 10px;
  950.     text-align: center;
  951.     width: auto !important;
  952.   }
  953.   .group_friend_in_gr {
  954.     padding: 0;
  955.     margin-right: -10px;
  956.     border-radius: 50%;
  957.     border: 2px solid #fff;
  958.   }
  959.  
  960.   .gle_invites_list {
  961.     padding: 0;
  962.   }
  963.  
  964.   .groups_inv_cont, .groups_row_inv_info {
  965.     background: #fff;
  966.     padding: 0;
  967.     width: 100%;
  968.   }
  969.  
  970.   #friends .wide .main_panel {
  971.     width: 100%;
  972.     padding: 0;
  973.   }
  974.   .group_row_button {
  975.     margin: 0;
  976.   }
  977.   .group_row_button.flat_button, .group_row_button.button_cancel .button {
  978.     margin: 0;
  979.     padding: 8px 12px;
  980.     border-radius: 2px;
  981.   }
  982.   .group_friends_in_gr {
  983.     display: flex;
  984.     justify-content: center;
  985.   }
  986.   .group_row_button.flat_button {
  987.     margin-right: 4px;
  988.   }
  989.  
  990.   .wk_poll_people_rows {
  991.     overflow: hidden;
  992.   }
  993.  
  994.   #ui_groups_load_more, #ui_search_load_more {
  995.     clear: both;
  996.   }
  997.    div[id*="fans"] {
  998.     overflow: hidden;                      
  999.   }
  1000. .group_row_actions .ui_actions_menu_wrap.shown .ui_actions_menu {
  1001.  top: 168px;  
  1002. }
  1003. .group_row_photo, .group_row_img {
  1004.     width: 126px;
  1005.     height: 126px;
  1006. }
  1007.  
  1008.   /* Лайк и репост */
  1009.   .post_full_like_wrap .post_like, .post_full_like_wrap .post_share {
  1010.     float: right;
  1011.   }
  1012.   .post_like, .post_share {
  1013.     margin: 0 !important;
  1014.   }
  1015.  
  1016.   .post_full_like_wrap .reply_link_wrap {
  1017.     float: left;
  1018.   }
  1019.  
  1020. /* Новые иконки */
  1021. .top_nav_btn .top_nav_btn_icon {
  1022.     background: url(https://img-fotki.yandex.ru/get/55231/194475847.2/0_1155a1_dfedabbc_orig.png) no-repeat;
  1023. }
  1024. .top_notify_count {
  1025.     display: none !important;
  1026. }
  1027. .top_nav_btn#top_notify_btn.active .top_nav_btn_icon {
  1028. background-position: -5px -23px;
  1029. }
  1030. .top_nav_btn#top_audio.active .top_nav_btn_icon {
  1031.     background-position: -65px -53px;
  1032. }
  1033.  
  1034. .top_audio_player .top_audio_player_btn>div {
  1035.     background-image: url(http://i77.fastpic.ru/big/2016/0606/37/3bb93b8e5af8173a97d085cc67251637.png) !important;
  1036. }
  1037. .top_audio_player .top_audio_player_prev>div {
  1038.     background-position: -7px -7px !important;
  1039. }
  1040. .top_audio_player .top_audio_player_next>div {
  1041.     background-position: -80px -7px !important;
  1042. }
  1043. .top_audio_player.top_audio_player_playing .top_audio_player_play>div {
  1044.     background-position: -56px -5px !important;
  1045. }
  1046.  
  1047. .top_audio_player .top_audio_player_play>div {
  1048.     background-position: -33px -5px !important;
  1049. }
  1050.  
  1051.  
  1052.  
  1053.      
  1054. input.text.ts_input {
  1055.    background: rgba(0, 0, 0, 0) url(https://img-fotki.yandex.ru/get/31286/194475847.1/0_107c47_abd05460_orig.png) no-repeat;
  1056.     width: 46px!important;
  1057.     padding-left: 19px!important;
  1058.     border-left: 4px solid transparent;
  1059.     background-position: 11px 15px !important;
  1060.     border-radius: 0px;
  1061.     margin: 0px 0;
  1062.     height: 46px;                              
  1063.     transition: 300ms;
  1064.     cursor: pointer;
  1065.                    
  1066. }
  1067. input.text.ts_input:hover {
  1068.     color: #FFF;
  1069.      width: 46px!important;
  1070.     background: rgba(255,255,255,0.5) url(https://img-fotki.yandex.ru/get/31286/194475847.1/0_107c47_abd05460_orig.png) no-repeat !important;
  1071.     padding-left: 19px!important;
  1072.     border-left: 4px solid transparent;
  1073.     background-position: 11px 15px !important;
  1074.     transition: 300ms;
  1075.     cursor: pointer;
  1076. }
  1077. input.text.ts_input:focus {
  1078.     color: #000;
  1079.     width: 248px!important;
  1080.     background: rgba(255,255,255,1) url(https://img-fotki.yandex.ru/get/31286/194475847.1/0_107c47_abd05460_orig.png) no-repeat;
  1081.     padding-left: 6px!important;
  1082.     border-left: 4px solid transparent;
  1083.     background-position: 11px -20px !important;
  1084.     transition: 300ms;
  1085.     cursor: text;    
  1086. }
  1087.  
  1088. .ts_wrap .input_back_content {
  1089.     font-size: 0px;
  1090. }
  1091.  
  1092. .head_nav_item_player {
  1093.     padding-left: 6px;
  1094. }
  1095. /*  /Новые иконки/ */
  1096.  
  1097. .head_nav_btns {
  1098.     padding-left: 0px;
  1099. }
  1100. top_audio_player .top_audio_player_btn>div {
  1101.     opacity: 1;
  1102. }
  1103. .top_profile_arrow {
  1104.     opacity: 1;
  1105. }
  1106. .ts_cont_wrap {
  1107.     position: absolute;
  1108.     top: 46px;
  1109.     left: 180px;
  1110.     background: #fff;
  1111.     width: 248px;
  1112.     z-index: 119 !IMPORTANT;
  1113.     border-radius: 0px;
  1114.     box-shadow: 0 0 23px 12px rgba(0,0,0,0.1);
  1115.     overflow: hidden;
  1116.     display: none;
  1117. }
  1118.  
  1119. /*Страница*/
  1120. .page_name, .module_header .header_top, h4, .wall_module a.page_media_link_title, .wall_module span.page_media_link_title, .nim-dialog .nim-dialog--preview-attach, .post_video_title
  1121. {
  1122.     color: #3F4B5E !important;
  1123. }
  1124. .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--date, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--name, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--name-w, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--preview, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--text-preview, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_muted.nim-dialog_selected .nim-dialog--who, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--date, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--name, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--name-w, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--preview, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--text-preview, .nim-dialog:not(.nim-dialog_deleted).nim-dialog_selected .nim-dialog--who {
  1125.     color: #fff !important;
  1126. }
  1127. .page_name {
  1128.     font-size: 23px;
  1129.     margin: -5px 0;
  1130.     font-weight: 300;
  1131. }
  1132.  
  1133. .profile_msg_split .profile_btn_cut_left {
  1134.     border-right: 1px solid #3F4B5E ;
  1135. }
  1136. .profile_msg_split .profile_btn_cut_right {
  1137.     border-right: 1px solid #3F4B5E ;
  1138. }
  1139. .im-mess-stack .im-mess-stack--content .im-mess-stack--tools a {
  1140.     font-weight: 400;
  1141.     -webkit-font-smoothing: subpixel-antialiased;
  1142.     -moz-osx-font-smoothing: auto;
  1143.     color: hsla(0,0%,58%,.6);
  1144. }
  1145. /* Кнопка отправить с самолётиком :3 */
  1146. button.flat_button.fl_r._im_send {
  1147.     height: 27px !important;
  1148.     width: 27px !important;
  1149.     padding: 0;
  1150.     font-size: 0;
  1151.     background-image: url(http://i79.fastpic.ru/big/2016/0621/49/8cc001b847cd32b8b4f1a1b804984749.png) ;
  1152. }
  1153. .im-page.im-page_classic .im-page--header-chat, .im-page.im-page_classic .im-page--header {
  1154.     border-top: solid 5px #FFF;
  1155. }
  1156. .im-page.im-page_classic .im-page--chat-input {
  1157.     border-bottom: 0;
  1158.     border-left: 1px solid rgb(237, 238, 240);
  1159.     border-right: 1px solid rgb(237, 238, 240);
  1160. }
  1161. #side_bar ol li .left_row:hover {
  1162.     background: rgba(255,255,255,0.20);
  1163. }
  1164.  
  1165. .left_menu_nav {
  1166.     color: #ffffff;
  1167. }
  1168. .left_menu_more:after, .left_menu_more:hover:after {
  1169.     opacity: 1;
  1170.     -webkit-filter: brightness(2);
  1171.     -moz-filter: brightness(2);
  1172.     -o-filter: brightness(2);
  1173. }
  1174. div#page_layout:after {
  1175.     content: '';
  1176.     position: fixed;
  1177.     height: 100%;
  1178.     width: inherit;
  1179.     top: 0;
  1180.     margin: auto;
  1181.     padding: 0 15px;
  1182.     margin-left: -15px;
  1183.     background: url(https://img-fotki.yandex.ru/get/49888/194475847.1/0_11082d_718d055b_orig.png);
  1184. }
  1185.  div#page_layout:after {
  1186.     content: '';
  1187.     position: fixed;
  1188.     height: 100%;
  1189.     width: inherit;
  1190.     top: 0;
  1191.     margin: auto;
  1192.     padding: 0 15px;
  1193.     margin-left: -15px;
  1194.     background: rgba(0,0,0, .3) url(https://img-fotki.yandex.ru/get/49888/194475847.1/0_11082d_718d055b_orig.png);
  1195. }
  1196.  
  1197. #page_header_cont .back:after, #page_header_cont .back:before, #page_header_cont:before, #page_layout:before {
  1198. background: none !important;
  1199. }
  1200.  
  1201.  
  1202. #side_bar .left_label {
  1203.     margin-left: 8px;
  1204.     font-size: 19px !important;
  1205.     font-weight: lighter;
  1206.     text-transform: lowercase;
  1207.     color: #FFF;
  1208.     line-height: 22px;                                            
  1209. }
  1210.  
  1211.  
  1212. #sideBar #myprofile .left_label:before {
  1213. display:none !important;
  1214. }
  1215.  
  1216. #side_bar .left_count_wrap .inl_bl {
  1217.     font-size: 19px !important;
  1218.     font-weight: 100;
  1219.     color: #FFF
  1220. }
  1221.  
  1222. #side_bar .left_icon {
  1223.     width: 35px;
  1224.     height: 25px;
  1225.     opacity: 1;
  1226.     filter: alpha(opacity=75);
  1227.     background: url(https://img-fotki.yandex.ru/get/194425/194475847.2/0_11bbe3_fa317e8_orig.png) no-repeat 7px -441px;
  1228. }
  1229. #side_bar, #side_bar_inner {
  1230.     position: fixed !important;
  1231.     top: 0px;
  1232.     margin-top: 42px !important;
  1233.     width: 169px;
  1234.     margin-left: -3px;
  1235.     z-index: 99;
  1236. }
  1237. .upload_progress {
  1238.     background: #3F4B5E ;
  1239.     border: 1px solid #3F4B5E ;
  1240. }
  1241. .upload_progress_wrap {
  1242.     background: #fff;
  1243.     border: 1px solid #FFF;
  1244. }
  1245.  
  1246. .top_audio_player {
  1247.     height: 46px;
  1248. }
  1249. .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 {
  1250.     border-top: solid 1px transparent;
  1251. }
  1252.  
  1253. .audio_row .audio_acts {
  1254.     margin-top: -6px;
  1255. }
  1256.  
  1257. a.im-page--back-button._im_page_back {
  1258.     top: -1px;
  1259. }
  1260.  
  1261.  
  1262.  
  1263.  
  1264. #page_layout:before, div#page_layout:after {
  1265.  z-index: -1 !important;
  1266. }
  1267.  
  1268. .page_cover {
  1269.     margin: -1px -15px 0px -1px !important;
  1270. }
  1271.  
  1272. .audio_play.playing, .audio_row_playing .audio_play {
  1273.     background-position: 8px -15px !important;
  1274. }
  1275.  
  1276. .vk_lastfm_icon {
  1277.     background: url(https://img-fotki.yandex.ru/get/194804/194475847.2/0_1180d3_fbeca5b_orig.png) 50% 50% no-repeat;
  1278. }
  1279.  
  1280.  
  1281. .vk_lastfm_playing_icon {
  1282.     background: url(data:image/gif;base64,R0lGODlhCwALAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBQABACwAAAAACwALAAACEoyPqcsG0J6SFDpYT5Y35AYeBQAh+QQJBQABACwAAAAACwALAAACEoyPqcsdAF5MUKqKp82HVwcGBQAh+QQJBQABACwAAAAACwALAAACEoyPqcsG0F6EScoKLQ2a7wYGBQAh+QQJBQABACwAAAAACwALAAACE4yPqQqw1l6IL1JkHXT59CuFQQEAIfkECQUAAQAsAAAAAAsACwAAAhGMj6nLBtBehElaGm7GWrZ/FAAh+QQJBQABACwAAAAACwALAAACEoyPqcuNABQMM8364o1mU+6EBQAh+QQJBQABACwAAAAACwALAAACEoyPqcsdABp8Mc1bqZ4GawcGBQAh+QQJBQABACwAAAAACwALAAACFIyPqbsAHByShtZ347OyYw1a0BgUACH5BAUFAAEALAAAAAALAAsAAAIRjI+pyx0AGpRxTmNrxPptBxYAIfkECQUAAQAsAgAEAAgAAgAAAgWMjwGgUAAh+QQFBQABACwAAAAACwALAAACDIyPqcuNABp0tFpbAAA7) 50% 50% no-repeat;
  1283. }
  1284.  
  1285.  
  1286. .vk_lastfm_paused_icon {
  1287.     background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAALAAsAAAINlI+py+0PYQhiVhpbAQA7) 50% 50% no-repeat;
  1288. }
  1289.  
  1290.  
  1291. .lastfm_fav_icon {
  1292.     cursor: pointer;
  1293.     background: url(https://vk.com/images/icons/like.gif) 0px -10px;
  1294.     }
  1295.  
  1296. #page_layout:before {
  1297.     -webkit-filter: blur(0px) !important;
  1298.     filter: blur(0px) !important;
  1299.     background: none !important;
  1300.     display: none;
  1301. }
  1302.  
  1303. div#page_layout:after {
  1304.     background: #FFF !important;
  1305. }
  1306. #side_bar .left_label, #side_bar .left_count_wrap .inl_bl, .left_menu_nav {
  1307.     color: #3F4B5E !important;
  1308. }
  1309.  
  1310. #side_bar .left_icon {
  1311.    
  1312.     background: #3F4B5E url(https://img-fotki.yandex.ru/get/62069/194475847.2/0_116173_b0e596d4_orig.png) no-repeat 7px -441px ;
  1313.     }
  1314.  
  1315. #side_bar .left_icon:after {
  1316.  content: '';
  1317.  width: 35px;
  1318.     height: 25px;
  1319.     position: absolute;
  1320.     background: url(https://img-fotki.yandex.ru/get/195561/194475847.2/0_116174_5b25b33c_orig.png);
  1321. }
  1322.  
  1323. span.left_fixer:hover {
  1324.     opacity: 0.6;
  1325. }
  1326.  
  1327. left_menu_more:after, .left_menu_more:hover:after {
  1328.     opacity: 1 !important;
  1329.     -webkit-filter: brightness(1) !important;
  1330.     -moz-filter: brightness(1) !important;
  1331.     -o-filter: brightness(1) !important;
  1332. }
  1333.  
  1334. a.left_menu_nav {
  1335.     color: #000 !important;
  1336. }
  1337. .page_cover {
  1338.     margin: 7px -15px 0px -1px !important;
  1339. }
  1340.  
  1341. .chat_onl_inner {
  1342.     background-color: #FFF !important;
  1343. }
  1344. div#profile_online_lv {
  1345.     text-transform: lowercase;
  1346.     font-size: 19px;
  1347.     font-weight: 200;
  1348. }
  1349. .page_name, h2.page_name {
  1350.     font-size: 19px;
  1351.     font-weight: 200;
  1352. }
  1353. span.header_label.fl_l {
  1354.     font-weight: 400;
  1355.     font-size: 15px;
  1356. }
  1357.  
  1358. .module_header .header_count {
  1359.     font-weight: 600;
  1360.     font-size: 15px;
  1361. }
  1362.  
  1363. .top_audio_player {
  1364.     max-width: calc(100% - 70px);
  1365. }
  1366.  
  1367. .page_list_module .line_cell .desc_info, .page_list_module .line_cell .extra_info, .page_list_module .line_cell .info {
  1368.     padding: 0px 0 0 12px;
  1369.     margin-top: -3px;
  1370. }
  1371.  
  1372. .im-page .im-page--peer {
  1373.     font-size: 16px;
  1374.     font-weight: 400;
  1375.     margin-top: -2px;
  1376. }
  1377.  
  1378. .page_counter .count {
  1379.     font-size: 26px;
  1380.     font-weight: 200;
  1381. }
  1382. .top_audio_player .top_audio_player_title, .top_profile_name {
  1383.     color: #FFFFFF;
  1384.     font-weight: 200;
  1385.     font-size: 16px;
  1386. padding-bottom: 5px;
  1387. }
  1388.  
  1389. .ui_tab, .ui_tabs .ui_tab {
  1390.     font-size: 18px;
  1391.     font-weight: 200;
  1392.     text-transform: lowercase;
  1393. }
  1394. .top_profile_img
  1395. { border-radius: 0 !important; }
  1396. /* Блок друзей */
  1397. .module_body .people_cell_img
  1398. { border-radius: 0 !important; }
  1399.  
  1400.  .module_body .people_cell_ava {
  1401.     margin: 0 0px;
  1402.     padding-bottom: 0px;
  1403.           }
  1404. .module_body .people_cell {
  1405.     padding: 0px 0 0px !important;
  1406. }
  1407. .module_body .people_cell {
  1408.     width: 50px;
  1409. }
  1410.  
  1411.  
  1412. .narrow_column .people_module .people_row:first-child {
  1413.     width: 150px;
  1414.     margin-left: 5px
  1415. }
  1416. .narrow_column .people_module .people_row {
  1417.     width: 50px;
  1418.     height: 50px;
  1419.     float: left
  1420. }
  1421.  
  1422. .audio_page_player .audio_page_player_track_wrap {
  1423.     overflow: hidden;
  1424.     padding: 6px 10px 0 20px;
  1425. }
  1426. .audio_page_player .audio_page_player_volume_wrap {
  1427.     padding: 24px 20px 0 0;
  1428. }
  1429.  
  1430. .eltt.top_audio_layer.eltt_bottom:after {
  1431.     border-bottom-color: #3F4B5E;
  1432.     margin-left: -12px;
  1433. }
  1434.  
  1435. .audio_page_player .slider.slider_size_1.active .slider_handler, .audio_page_player .slider.slider_size_1:hover .slider_handler, .audio_page_player .slider .slider_handler {
  1436.     height: 10px;
  1437.     width: 10px;
  1438.     border: 2px solid #FFF;
  1439.     background: #3F4B5E !important;
  1440.     top: -6px !important;
  1441.     margin-left: -8px;
  1442.     opacity: 1;
  1443. }
  1444.  
  1445.  
  1446. .audio_page_player {
  1447.     background-color: #3F4B5E ;
  1448.     border-bottom: 0px;
  1449.     height: 88px;        
  1450. }
  1451.  
  1452. .audio_page_player .audio_page_player_play {
  1453.     position: absolute;
  1454.     padding: 0;
  1455.     margin-left: calc(50% - 9px) ;
  1456.     margin-top: 45px;
  1457. }
  1458.  
  1459. .audio_page_player .audio_page_player_prev {
  1460.         position: absolute;
  1461.     padding: 0;
  1462.     margin-left: calc(45% - 9px);
  1463.     margin-top: 45px;
  1464.     height: 28px;
  1465.     width: 28px;
  1466. }
  1467. .audio_page_player .audio_page_player_next {
  1468.         position: absolute;
  1469.     padding: 0;
  1470.     margin-left: calc(55% - 8px) ;
  1471.     margin-top: 45px;
  1472.         height: 28px;
  1473.         width: 28px;
  1474. }
  1475.  
  1476.  
  1477. .audio_page_player .audio_page_player_title_performer {
  1478.  font-size: 14px;  
  1479.  height: 20px;
  1480.  position: absolute;
  1481.  margin-top: 20px;
  1482.  margin-left: 5.7px;  
  1483.  max-width: none !important;
  1484.   width: 285px !important;
  1485. }
  1486. .audio_page_player .audio_page_player_title_song {
  1487.  max-width: none !important;
  1488.  width: 285px !important;
  1489.  font-weight: 300;
  1490.  font-size: 19px;
  1491.  height: 22px;    
  1492. }
  1493.  
  1494. .audio_page_player_title_song:first-letter {
  1495. font-size: 0;
  1496. }
  1497.  
  1498. .audio_page_player .audio_page_player_title {
  1499.     position: absolute;
  1500.     color: #FFF;
  1501.     width: 40%;
  1502.     height: 40px;
  1503.     padding-top: 0px;
  1504.     margin-top: 35px;
  1505.     margin-left: -10px;
  1506. }
  1507.  
  1508. .audio_page_player_ctrl.audio_page_player_btns._audio_page_player_btns.clear_fix {
  1509.     position: absolute;
  1510.     right: 5px;
  1511.     height: 0;
  1512.     margin-top: 29px;
  1513. }
  1514.  
  1515.  
  1516.  
  1517.  
  1518. .audio_page_player .audio_page_player_btns .icon {
  1519.     background-image: url(https://img-fotki.yandex.ru/get/196102/194475847.2/0_1155a0_4c583ed6_orig.png)
  1520. }
  1521. .audio_page_player .audio_page_player_play.audio_playing .icon {
  1522.     background-position: -1px -57px;
  1523. }
  1524. .audio_page_player .audio_page_player_recoms .icon {
  1525.  height: 17px;
  1526.  width: 17px              
  1527. }
  1528.  
  1529. .audio_page_player .audio_page_player_shuffle .icon {
  1530.      height: 16px;
  1531. }
  1532.  
  1533. .audio_page_player .audio_page_player_next .icon, .audio_page_player .audio_page_player_prev .icon {
  1534.     background-image: url(https://img-fotki.yandex.ru/get/196102/194475847.2/0_1155a0_4c583ed6_orig.png);
  1535.     height: 12px;
  1536.     width: 28px;
  1537.     background-position: 7px -87px;
  1538. }
  1539. .audio_page_player .audio_page_player_repeat .icon {
  1540.     height: 15px;
  1541.     width: 18px;
  1542. }
  1543.  
  1544. .audio_page_player .audio_page_player_next .icon {
  1545.     background-position: 7px -101px;
  1546. }
  1547.  
  1548. .audio_page_player .audio_page_player_play .icon {
  1549.     background-image: url(https://img-fotki.yandex.ru/get/196102/194475847.2/0_1155a0_4c583ed6_orig.png);
  1550.     background-color: transparent !important;
  1551. }
  1552.  
  1553. .eltt.eltt_bottom {
  1554.     margin-left: -76px !important;
  1555.     margin-top: 0px !important;
  1556. }
  1557.  
  1558. .eltt.eltt_vis.eltt_bottom {
  1559.     margin-left: -76px !important;
  1560.     margin-top: 9px !important;
  1561. }
  1562.  
  1563.  
  1564. .audio_page_player .audio_page_player_duration {
  1565.     color: #FFF;
  1566. }
  1567.  
  1568.  
  1569.  .audio_page_player .slider .slider_amount {
  1570.     background-color: #FFF;
  1571. }
  1572.  .audio_page_player .slider .slider_back {
  1573.     background-color: rgba(255,255,255,0.30);
  1574. }
  1575. .audio_page_player .slider .slider_slide {
  1576.     background-color: rgba(255,255,255,0.30);
  1577. }
  1578. .audio_page_player .audio_page_player_duration:hover {
  1579.     color: #FFF;
  1580. }
  1581.  
  1582. .audio_page_player .slider_hint.audio_player_hint {
  1583.     color: #ffffff;
  1584.     background: none;
  1585.     top: 2.5px !important;
  1586.     font-size: 12.5px !important;
  1587.     font-weight: 400;
  1588. }
  1589.  
  1590. .audio_page_player .slider_hint:after {
  1591. display: none;
  1592. }
  1593.  
  1594.  
  1595. div#audio_status_tt {
  1596.     left: -183px !important;
  1597. }
  1598. #audio_status_tt {
  1599.     margin-left: -75px;
  1600. }
  1601.  
  1602. .audio_page_player .audio_page_player_next .icon, .audio_page_player .audio_page_player_prev .icon, .slider.slider_size_1 .slider_slide,  .audio_page_player .audio_page_player_btns .icon,  .audio_row .audio_duration_wrap {
  1603.     -webkit-filter: grayscale(0) !important;
  1604.     -moz-filter: grayscale(0) !important;
  1605. }
  1606.  
  1607.  
  1608. .slider_hint {
  1609.     color: #FFF !important;
  1610. }
  1611.  
  1612.  
  1613. @keyframes uved {
  1614.     0% {
  1615.         opacity: 1;
  1616.     }
  1617.     25% {
  1618.         opacity: 0.3;
  1619.     }
  1620.     26% {
  1621.         opacity: 1;
  1622.     }
  1623.     50% {
  1624.         opacity: 0.3;
  1625.                                         }
  1626.     51% {
  1627.         opacity: 1;
  1628.     }
  1629.     75% {
  1630.         opacity: 0.3;                                          
  1631.     }
  1632.     76% {
  1633.         opacity: 1;                                          
  1634.     }
  1635. }
  1636.  
  1637. .top_nav_btn#top_notify_btn.active .top_nav_btn_icon, .top_nav_btn#top_notify_btn.has_notify .top_nav_btn_icon {
  1638.     animation-name: uved;
  1639.     animation-duration: 5s;
  1640.     animation-iteration-count: infinite;
  1641. }
  1642.  
  1643.  
  1644.  
  1645. .head_nav_item:hover .top_nav_btn#top_notify_btn.active .top_nav_btn_icon, .head_nav_item:hover  .top_nav_btn#top_notify_btn.has_notify .top_nav_btn_icon {
  1646.     animation-name: none;    
  1647. }
  1648.  
  1649.  
  1650.  
  1651. .top_audio_player {
  1652.     max-width: 300px !important;
  1653. }
  1654.  
  1655. .top_audio_player .top_audio_player_title {
  1656. transform: translateZ(0);
  1657.     position: absolute;
  1658.     width: auto;
  1659.     max-width: 999px;
  1660.     min-width: 220px;    
  1661.     overflow: visible;
  1662.     text-overflow: clip;
  1663.     animation: scroll 5s infinite linear;
  1664. }
  1665.  
  1666.  
  1667. @-webkit-keyframes scroll {
  1668.     0%, 10% {
  1669.         -webkit-transform: translate(calc(0% + 0px), 0);
  1670.         transform: translate(calc(0% + 0px), 0)
  1671.     }
  1672.     80%, 90% {;
  1673.         -webkit-transform: translate(calc(-100% + 220px), 0);
  1674.         transform: translate(calc(-100% + 220px), 0)
  1675.     }
  1676.     100% {
  1677.         -webkit-transform: translate(calc(0% + 0px), 0);
  1678.         transform: translate(calc(0% + 0px), 0)
  1679.     }    
  1680. }
  1681. @-moz-keyframes scroll {
  1682.     0%, 10% {
  1683.         -moz-transform: translate(calc(0% + 0px), 0);
  1684.         transform: translate(calc(0% + 0px), 0)
  1685.     }
  1686.     80%, 90% {;
  1687.         -moz-transform: translate(calc(-100% + 220px), 0);
  1688.         transform: translate(calc(-100% + 220px), 0)
  1689.     }
  1690.     100% {
  1691.         -moz-transform: translate(calc(0% + 0px), 0);
  1692.         transform: translate(calc(0% + 0px), 0)
  1693.     }    
  1694. }
  1695. @keyframes scroll {
  1696.     0%, 10% {
  1697.         transform: translate(calc(0% + 0px), 0)
  1698.     }
  1699.     80%, 90% {;
  1700.         transform: translate(calc(-100% + 220px), 0)
  1701.     }
  1702.     100% {
  1703.         transform: translate(calc(0% + 0px), 0)
  1704.     }    
  1705. }
  1706.  
  1707. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!