Greasy Fork is available in English.
Удаляем новое оформление ВКонтакта, возвращая старый дизайн. (Тест версии css из сети)
当前为
// ==UserScript==
// @name [alpha] Убрать новый дизайн VK.com (CSS)
// @version 2.5.26
// @description Удаляем новое оформление ВКонтакта, возвращая старый дизайн. (Тест версии css из сети)
// @author ICP
//= = ^^^ Автор, версия и название скрипта ^^^
// @match *://vk.com/*
//= = ^^^ Перехватываемые URL ^^^
// @exclude *://vk.com/notifier.php*
// @exclude *://vk.com/al_*
// @exclude *://vk.com/upload_fails.php
// @exclude *://vk.com/ads_rotate.php*
// @exclude *://vk.com/share.php*
//= = ^^^ Исключённые URL, перехват которых запрещён ^^^
// @run-at document-end
// @grant GM_xmlhttpRequest
//= = ^^^ Включение скрипта при старте загрузки документа ^^^
// @connect userstyles.org
// @namespace ICP
// @require http://code.jquery.com/jquery-3.1.0.min.js
// ==/UserScript==
(function() {
console.time('Инициализация и загрузка CSS.');
document.querySelector("link[rel*='icon']").href = "http://vkontakte.ru/images/favicon.ico"; // замена иконки VK на привычное В
var addCSS = function () {/*
body {
background: #FFFFFF; // Выбеливаем фон
}
body:before {
color: rgba(0,0,0,.20); // Изменение цвета объявленной альфы на чёрный, с прозрачностью 80%
}
.ui_search {
padding: 7px 7px 7px;
margin: 1px; // форма ввода поиска
}
.im-page.im-page_classic .im-page--dcontent {
padding-top: 17px; // Смещение списка диалогов, был частично закрыт даже при пустом баре
}
.page_square_photo {
width: 150px;
margin-left: 0px; // стыковка фотостатусов в единый блок
}
.nim-dialog:not(.nim-dialog_deleted).nim-dialog_unread.nim-dialog_classic {
background: #85f78a; // Изменение фоновой подсветки непрочитанных диалогов
}
.nim-dialog.nim-dialog_unread .nim-dialog--unread {
display: block !important;
border-radius: 5px;
background: #72b693; // Кол-во непрочитанных
}
.nim-dialog.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--unread {
display: block !important;
background: rgba(200,147,173,.9);
border-radius: 50% !important; // Знак непрочитанного своего
}
.nim-dialog.nim-dialog_unread-out:not(.nim-dialog_failed) .nim-dialog--text-preview {
background: rgba(200,255,200,.9); // Фон непрочитанного своего
}
.wide_column_left .narrow_column_wrap {
position: fixed; // Оформление групп
}
.ui_rmenu {
width: 607px; // калибровка верхнего меню настроек
}
.wide_column_left .narrow_column_wrap {
position: relative; // включена навигация настроек (автор почему-то её выключил)
}
.scroll_fix {
overflow-x: overlay; // Если страница не помещается (приложения), дать горизонтальный скролл
}
._im_ui_peers_list {
display: block; // Восстанавливаю панель открытых диалогов. Которую зачем-то скрыли в .44
}
.im-page_history-show + .im-right-menu ._im_ui_peers_list {
top: 35px; // Смещение панели открытых на подходящее место внутри диалога
}
.im-page.im-page_classic .im-page--header-chat {
height: 0; // Убираем сделанный невидимым - блок шапки, руки надо отрывать за такую вёрстку.
}
.im-page .im-page--header-inner {
height: 0; // И второй
}
.page_square_photo {
background-size: 99px;
width: 99px;
height: 99px;
zoom: 1;
-moz-transform: scale(1); // Исправляем масштабирование фотостатусов на странице
}
.im-mess-stack .im-mess-stack--content .im-mess-stack--pname {
top: 0px;
padding-top: 11px;
height: 0px; // Исправление контейнера сообщения диалога
}
.im-dialog-select .im-dialog-select--btn, #ui_rmenu_fav {
height: 13px; // Исправление размеров кнопок зведы сплюсом.
}
.im-dialog-select .im-dialog-select--btn, #ui_rmenu_fav {
padding: 6px 16px 7px; // Исправление размеров кнопок зведы сплюсом.
}
.im-create .im-create--dcontent {
width: 100% !important; // Ширина списка добавляемых в беседу
}
.im-create.im-create_classic .im-create--dcontent .ui_scroll_content {
width: 103%;
margin-left: -1%;
-webkit-column-count: 2;
-webkit-column-gap: 1px;
-moz-column-count: 2;
-moz-column-gap: 1px;
column-count: 2;
column-gap: 1px; // Два столбца для +, по порядку (пары строк) - размеры, Chrome и Safari 3, Firefox 3.5+, Opera 11+ и новые
}
.page_post_sized_thumbs, .post_thumbed_media {
zoom: 100%;
-moz-transform: scale(1);
-moz-transform-origin: left center; // Подключил масштабирование, отключаю зум глючный
}
#public .narrow_column.fixed, #group .narrow_column.fixed, #profile .narrow_column.fixed {
position: absolute !important; // Что-б не мешал расширению столбца контекста.
}
.img_small {
margin: 0 2px 3px 0 !important;
padding-top: 0px;
}
/* Окончание добавленного CSS*/}.toString().slice(15,-1); // Добавление многострочной переменной, для редактирования и изменения подключаемого стиля.
GM_xmlhttpRequest({ // Загрузка CSS
method: "GET", // Метод
url: 'http://userstyles.org/styles/128986.css', // Адрес
onload: function(event) { // Если получен
console.timeEnd('Инициализация и загрузка CSS.'); // Значение секундомера в лог
console.time('Формирование и вставка CSS');
var VK_CURRENT_CSS_CODE = event.responseText.slice(32,-1); // Отделяем чистый CSS
VK_CURRENT_CSS_CODE = VK_CURRENT_CSS_CODE.replace(/(body:before[\s\S]{1,10}content:.{1,10}alpha).{0,50}(";|';)/i, '$1$2'); // чистим избыточную инфу
VK_CURRENT_CSS_CODE = VK_CURRENT_CSS_CODE.replace(/{\s?/g, ' {\n\t'); // восстанавливаем после минимизации - оформляем начала правил
VK_CURRENT_CSS_CODE = VK_CURRENT_CSS_CODE.replace(/;(?!base64)/g, ';\n\t'); // восстанавливаем после минимизации - разделяем строки
VK_CURRENT_CSS_CODE = VK_CURRENT_CSS_CODE.replace(/(})\s?/g, ';\n$1\n\n'); // восстанавливаем после минимизации - завершение правила
VK_CURRENT_CSS_CODE = VK_CURRENT_CSS_CODE.replace(/(.*:)(?!image\/)(.*;)/g, '$1 $2'); // восстанавливаем после минимизации - отделяем значение
var head = document.getElementsByTagName('html')[0]; // определение действующего html-а, должно работать в любом браузере
var styleElement = document.createElement("style"); // Создайм стиль
styleElement.type = 'text/css'; // Тип
styleElement.appendChild(document.createTextNode('/*--- Применение старого стиля ---*/\n'+VK_CURRENT_CSS_CODE+"\n"+addCSS)); // Собираем вместе
head.appendChild(styleElement); // вставляем метатег внешнего стиля
console.timeEnd('Формирование и вставка CSS'); // Значение секундомера в лог
debugLog('Стиль добавлен! - '+window.location.href); // Рапортуем в лог с указанием URL функцией ВК, с указанием тайм-лайн кода.
}
});
var nonZoom = true;
var Factor,FindCont;
updateNarrow = function(sup) { // Сравнение высоты и прокрутки, расширение/сужение если требуется, где надо
return function() {
var cc=ge("narrow_column");
if (!cc) return sup.apply(this, arguments);
if (cc.offsetHeight && (cur.module=="profile" || cur.module=="group" || cur.module=="public" || cur.module=="event")) {
if(cc.offsetHeight<=-cc.getBoundingClientRect().top) {
if (nonZoom) {
ge("wide_column").style.width="597px";
nonZoom = false;
$("[ResMin=true]").each(function() {zWin(this, 1);});
}
} else if (!nonZoom) {
ge("wide_column").style.width="397px";
nonZoom = true;
$("div.page_album_wrap[ResMin=false], div.copy_quote > div.page_post_sized_thumbs[ResMin=false], div._wall_post_cont > div.page_post_sized_thumbs[ResMin=false]").each(function() {
for(var i=0;i<FindCont.length;i++) {
var Factor=this[i].parentNode.offsetWidth/this[i].offsetWidth;
zWin(this[i], Factor+0.01);
$("[ResMin=false]", this[i]).each(function() {
var inCont = this;
zWin(inCont, Factor);
return true;
});
}
});
}
if (nonZoom) {
FindCont = inWin("div.page_album_wrap[ResMin!=true], div.copy_quote > div.page_post_sized_thumbs[ResMin!=true], div._wall_post_cont > div.page_post_sized_thumbs[ResMin!=true]");
for(var i=0;i<FindCont.length;i++) {
var Factor=FindCont[i].parentNode.offsetWidth/FindCont[i].offsetWidth;
zWin(FindCont[i], Factor+0.01);
$("div[ResMin!=true],a[ResMin!=true]", FindCont[i]).each(function() {
var inCont = this;
zWin(inCont, Factor);
return true;
});
}
}
return sup.apply(this, arguments);
}
};
}(updateNarrow);
function zWin(c, Factor) {
if (c.getAttribute('ResMin') !== nonZoom || (nonZoom && c.getAttribute('ResMin') !== false))
if(Factor<1) {
var w, h;
if(!c.hasAttribute("OiginalSize")) {
w=c.offsetWidth;
h=c.offsetHeight;
c.setAttribute("OiginalSize", w+","+h);
} else {
sz=c.getAttribute("OiginalSize").split(",");
w=parseInt(sz[0]);
h=parseInt(sz[1]);
}
c.setAttribute("ResMin", true);
c.style.width=Math.round(w*Factor)+"px";
c.style.height=Math.round(h*Factor)+"px";
c.classList.add("img_small");
} else if(c.hasAttribute("OiginalSize")) {
sz=c.getAttribute("OiginalSize").split(",");
c.style.width=sz[0]+"px";
c.style.height=sz[1]+"px";
c.setAttribute("ResMin", false);
c.classList.remove("img_small");
}
}
setTimeout(function(){
FindCont = inWin("div.page_album_wrap[ResMin!=true], div.copy_quote > div.page_post_sized_thumbs[ResMin!=true], div._wall_post_cont > div.page_post_sized_thumbs[ResMin!=true]");
for(var i=0;i<FindCont.length;i++) {
var Factor=FindCont[i].parentNode.offsetWidth/FindCont[i].offsetWidth;
zWin(FindCont[i], Factor+0.01);
$("div[ResMin!=true],a[ResMin!=true]", FindCont[i]).each(function() {
var inCont = this;
zWin(inCont, Factor);
return true;
});
}
}, 1000);
})();
function inWin(s) {
var scrollTop = $(window).scrollTop()<500?0:$(window).scrollTop()-500;
var windowHeight = $(window).height()+1000;
var currentEls = $(s);
var result = [];
currentEls.each(function(){
var el = $(this);
var offset = el.offset();
if(scrollTop <= offset.top && (el.height() + offset.top) < (scrollTop + windowHeight))
result.push(this);
});
return $(result);
}