Greasy Fork is available in English.
Cleanup HDrezka: change content width, change player size, remove blocks (telegram, social, support, vk, etc), restyle blocks (cover, status, rating, etc)
当前为
// ==UserScript==
// @name HDrezka Cleanup
// @name:en HDrezka Cleanup
// @namespace http://tampermonkey.net/
// @version 0.28
// @description Cleanup HDrezka: change content width, change player size, remove blocks (telegram, social, support, vk, etc), restyle blocks (cover, status, rating, etc)
// @description:en Cleanup HDrezka: change content width, change player size, remove blocks (telegram, social, support, vk, etc), restyle blocks (cover, status, rating, etc)
// @author rub4ek
// @match https://hdrezka.me/*
// @match https://hdrezka.ag/*
// @match https://rezka.ag/*
// @match https://rezkify.com/*
// @match https://kinopub.me/*
// @match http://hdrezka.co/*
// @icon https://www.google.com/s2/favicons?domain=rezka.ag
// @grant GM_addStyle
// @run-at document-start
// @license MIT
// ==/UserScript==
(function() {
'use strict';
/* ------------------------------------------------- */
/* --------------GLOBAL----------------------------- */
/* ------------------------------------------------- */
const arrowImageURL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAABmJLR0QA/wD/AP+gvaeTAAABa0lEQVR4nO3awUrDQBSF4dMuGhc+uF0puK/v4KL4RPoARbLUxTRQi5nMJDPJvcn/gRsp5NyfWgSVAAAAAAAAAAAAAAAAAACYXSPpKOlL0qekp+v3UNBB0rukn7uvD0kPC+5alb7IxC5oKDKxC0iNTOwJciMTe4SxkYmdoZF0VjzkOfE1/OrXI+Wd3L1bc16LG2PCETvTlGDETlQiFLEHlAxE7B41whD7Ts0gxL6aI8TmY88ZYLOxlzh8c7GXPHgzsS0camFDVZYOtLSlKIuHWdw0ieWDLG/L4uEQDxujPB3gaesfHoe72+xu8A03290MjTB/g/mBGczeYnbYBOZuSv2XAI9/7jd126uVIZWkxH6pPWIv6TsywHvkzlDsi6RdzQF7SW3Pw9cSuROL3Sq0qOrtnwevLXKnL/Zpjoc/KsRuFX6EnrXOyJ1G4TP5onDzSaHBbKp+Rhm00/ZuBgAAAAAAAAAAAAAAAODKL8SQFSF3JeZKAAAAAElFTkSuQmCC'
/* ------------------------------------------------- */
/* --------------GLOBAL-STYLES---------------------- */
/* ------------------------------------------------- */
function addStyle () {
GM_addStyle(`
/* Padding for content */
.b-wrapper {
padding-left: 30px;
padding-right: 30px;
}
/* Remove extra right padding for content page */
.b-content__columns {
padding-right: 0;
}
/* Remove extra right padding on main content listing */
.b-content__inline_inner_mainprobar {
padding-right: 0;
}
.b-content__inline_inner_mainprobar .b-content__inline_item {
margin-left: 16px !important;
}
/* Active brand fixes */
body.active-brand,
body.active-brand.pp {
padding-top: 0 !important;
}
.active-brand #wrapper {
width: auto !important;
}
/* Style status */
.b-post__status_wrapper {
width: auto;
margin: 0px 10px 0px 13px;
}
/* Style player */
.b-player {
padding-top: 0;
}
.b-player #cdnplayer-preloader {
height: 100%;
width: 100%;
}
.b-player .b-simple_seasons__list {
padding: 10px;
}
.b-player .b-player__holder_cdn {
height: auto !important;
}
.b-player .b-player__container_cdn {
resize: vertical;
overflow: auto;
width: 100% !important;
}
/* Style and resize rating block */
.b-post__rating_table > tbody > tr > td.label{
display: none !important;
}
.b-post__rating_table > tbody > tr > td div.b-post__rating {
float:right;
margin-right: 10px;
}
/* Hide telegram info block */
.tg__info_block_wrapper {
display: none !important;
}
/* Hide last episode info */
.b-post__lastepisodeout {
display: none !important;
}
/* Hide support block */
.b-post__support_holder {
display: none !important;
}
/* Hide social block */
.b-post__social_holder_wrapper .append {
display: none !important;
}
.b-post__social_holder_wrapper .share-label {
display: none !important;
}
/* Hide mixedtext */
.b-post__mixedtext {
text-indent: -9999px;
padding: 0;
}
/* Hide VK */
#vk_groups {
display: none !important;
}
/* Hide some ads containers */
.b-content__main > .b-post__mixedtext + div[style],
.b-content__main > .b-post__rating_table + div[style],
.b-content__main > div > .b-player > .b-player__network_issues_holder + div[style],
.b-content__main > div > .b-player > a[target='_blank'],
.b-content__main + div,
.b-wrapper .nopadd,
.b-seriesupdate__block_list > .b-seriesupdate__block_list_item[data-url=''] {
display: none !important;
}
/* Style content page */
.b-post .b-sidetitle {
background: #cfcfcf;
//color: #efefef;
font-size: 16px;
font-weight: bold;
line-height: 18px;
overflow: hidden;
padding: 10px 18px;
text-overflow: ellipsis;
white-space: nowrap;
}
.b-post .b-sidetitle a {
//color: #efefef;
}
.b-theme__template__night .b-post .b-sidetitle {
background: #192125;
}
.b-post .b-post__schedule .b-sidetitle {
display: none;
}
.b-post .b-post__partcontent {
margin-top: 0;
}
.b-post .b-post__actions .btn {
border: 0;
border-radius: 0;
}
/* Tumbler */
.hc-tumbler {
width: 38px;
height: 30px;
background-color: #000;
border: #1d92b2;
border-radius: 30px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 6px;
cursor: pointer;
position: relative;
}
.hc-tumbler:before,
.hc-tumbler:after {
background-size: 15px 15px;
background-repeat: no-repeat;
border-radius: 50%;
content: '';
display: block;
top: 50%;
margin-top: -7px;
height: 15px;
width: 15px;
position: absolute;
}
.hc-tumbler:before {
background-color: green;
left: 6px;
}
.hc-tumbler:after {
background-color: indianred;
right: 6px;
}
.hc-tumbler > .hc-tumbler-dot {
position: absolute;
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #fff;
transition: transform .5s,background-color .5s;
will-change: transform;
z-index: 2;
}
body.b-theme__template__night .hc-tumbler {
background: #222d33;
}
`);
console.log(`HDrezka Cleanup: styles changed`);
}
/* ------------------------------------------------- */
/* --------------STYLE-IMPROVEMENTS----------------- */
/* ------------------------------------------------- */
function initStyleImprovements() {
function addStyle () {
GM_addStyle(`
/* Standard theme */
.hc-style .b-content__inline_item .info {
background-color: #6f6f6f;
color: #fff;
}
/* Night theme */
.hc-style.b-theme__template__night a {
color: #fff;
}
.hc-style.b-theme__template__night a:visited {
color: #fff;
}
.hc-style.b-theme__template__night .b-post__info a {
color: #fff;
}
.hc-style.b-theme__template__night .persons-list-holder .person-name-item a {
color: #fff !important;
border-color: #fff;
}
.hc-style.b-theme__template__night .b-newest_slider__title span {
border-color: #fff;
color: #fff;
}
.hc-style.b-theme__template__night .b-content__inline_item .cat {
background-color: #060f13 !important;
}
/* Content items */
.hc-style .b-content__inline_item {
width: 166px;
margin-right: 10px;
}
.hc-style .b-content__inline_item .cat {
position: relative;
}
.hc-style .b-content__inline_item .cat .entity {
display: inline-block !important;
margin-right: -8px;
position: absolute;
left: 0;
right: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.hc-style .b-content__inline_item:hover .cat .entity,
.hc-style .b-content__inline_item.active .cat .entity {
display: none !important;
margin-right: -10px;
position: absolute;
left: 0;
right: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.hc-style .b-content__inline_item-cover {
padding: 0;
border: 0;
}
.hc-style .b-content__inline_item .cat {
position: relative;
top: unset;
bottom: 0;
right: 0;
border-radius: 0;
width: 100%;
}
.hc-style .b-content__inline_item .info {
border-radius: 0 !important;
width: 100%;
margin-bottom: 26px;
}
.hc-style .b-content__inline_item .trailer {
display: none !important;
left: 0;
}
.hc-style .b-newest_slider__list .b-content__inline_item {
width: 92px;
margin-right: 8px;
}
.hc-style .b-sidelist .b-content__inline_item {
width: 92px;
margin-right: 8px;
}
/* Misc */
.hc-style .b-newest_slider__title {
padding-bottom: 20px;
}
/* Setting */
.hc-style .hc-tumbler-styles .hc-tumbler-dot {
transform: translateX(calc(100% - 2px));
}
`);
}
addStyle();
resolveStyleImprovements();
document.addEventListener('DOMContentLoaded', initStyleImprovementsSetting);
document.addEventListener('DOMContentLoaded', resolveStyleImprovements);
function resolveStyleImprovements() {
const bodyElem = document.querySelector('body');
if (!bodyElem) return;
if (isStyleImprovementsEnabled()) {
bodyElem.classList.add('hc-style');
} else {
bodyElem.classList.remove('hc-style');
}
}
function isStyleImprovementsEnabled() {
return localStorage.getItem('hc-style-improvements') == 'true';
}
function switchStyleImprovements() {
localStorage.setItem('hc-style-improvements', !isStyleImprovementsEnabled());
resolveStyleImprovements();
}
function initStyleImprovementsSetting() {
const elem = document.createElement('div');
elem.classList.add('hc-content-size-setting');
elem.insertAdjacentHTML('beforeend', `
<div class='hc-tumbler hc-tumbler-styles pull-right'>
<div class='hc-tumbler-dot'></div>
</div>
<span>Визуальные улучшения</span>
`);
const tumbler = elem.querySelector('.hc-tumbler');
tumbler.addEventListener('click', switchStyleImprovements);
addSetting(elem);
}
}
/* ------------------------------------------------- */
/* --------------RESIZE-PLAYER---------------------- */
/* ------------------------------------------------- */
function resizePlayer() {
const playerHolderElem = document.querySelector('.b-player__holder_cdn');
if (!playerHolderElem) return;
const playerContainerElem = document.querySelector('.b-player__container_cdn');
if (!playerContainerElem) return;
const contentMainElem = document.querySelector('.b-content__main');
if (!contentMainElem) return;
const initialWidth = playerHolderElem.offsetWidth;
const initialHeight = playerHolderElem.offsetHeight;
let resizedWidth = contentMainElem.offsetWidth;
let windowHeight = window.innerHeight;
if (initialHeight > 0 && initialWidth !== resizedWidth) {
let ratio = initialWidth / initialHeight;
let resizedHeight = resizedWidth / ratio;
if (resizedHeight > windowHeight) {
resizedHeight = windowHeight;
resizedWidth = windowHeight * ratio;
}
playerHolderElem.style.width = resizedWidth + 'px';
playerContainerElem.style.height = resizedHeight + 'px';
console.log(
`HDrezka Cleanup: player resized ` +
`from ${initialWidth}x${initialHeight} ` +
`to ${resizedWidth}x${resizedHeight}.`
)
}
}
/* ------------------------------------------------- */
/* --------------SIZE-TUMBLER----------------------- */
/* ------------------------------------------------- */
function initContentSizeTumbler() {
GM_addStyle(`
/* Content Size Setting */
.hc-content-size-setting {
line-height: 30px;
}
/* Content Size Tumbler */
.hc-content-size-tumbler {
margin-left: 10px;
width: 78px;
}
.hc-content-size-tumbler:before,
.hc-content-size-tumbler:after {
display: none;
}
.hc-content-size-tumbler .hc-content-size-tumbler-point {
background-size: 15px 15px;
background-repeat: no-repeat;
border-radius: 50%;
content: '';
display: block;
height: 20px;
width: 20px;
position: absolute;
background-color: #999;
background-clip: content-box;
box-sizing: border-box;
border-color: transparent;
border-style: solid;
}
.hc-content-size-tumbler .hc-content-size-tumbler-point:nth-child(1) {
border-width: 8px;
}
.hc-content-size-tumbler .hc-content-size-tumbler-point:nth-child(2) {
border-width: 7px;
transform: translateX(calc(100% - 2px));
}
.hc-content-size-tumbler .hc-content-size-tumbler-point:nth-child(3) {
border-width: 6px;
transform: translateX(calc(200% - 2px));
}
.hc-content-size-tumbler .hc-content-size-tumbler-point:nth-child(4) {
border-width: 5px;
transform: translateX(calc(300% - 2px));
}
.hc-content-size-wide .hc-content-size-tumbler .hc-tumbler-dot {
transform: translateX(calc(100% - 2px));
}
.hc-content-size-ultrawide .hc-content-size-tumbler .hc-tumbler-dot {
transform: translateX(calc(200% - 2px));
}
.hc-content-size-full .hc-content-size-tumbler .hc-tumbler-dot {
transform: translateX(calc(300% - 2px));
}
/* Content Sizes */
.hc-content-size-wide .b-wrapper {
width: auto;
min-width: 960px;
max-width: 1150px;
}
.hc-content-size-ultrawide .b-wrapper {
width: auto;
min-width: 960px;
max-width: 1340px;
}
.hc-content-size-full .b-wrapper {
min-width: 960px;
width: auto;
}
.hc-content-size-full .glory {
width: auto;
}
`);
resolveContentSize();
document.addEventListener('DOMContentLoaded', initContentSizeSetting);
document.addEventListener('DOMContentLoaded', resolveContentSize);
function initContentSizeSetting() {
const elem = document.createElement('div');
elem.classList.add('hc-content-size-setting');
elem.insertAdjacentHTML('beforeend', `
<div class='hc-tumbler hc-content-size-tumbler pull-right'>
<div class='hc-content-size-tumbler-point'></div>
<div class='hc-content-size-tumbler-point'></div>
<div class='hc-content-size-tumbler-point'></div>
<div class='hc-content-size-tumbler-point'></div>
<div class='hc-tumbler-dot'></div>
</div>
<span>Ширина контента</span>
`);
const tumbler = elem.querySelector('.hc-content-size-tumbler');
tumbler.addEventListener('click', switchContentSize);
addSetting(elem);
}
function getContentSize() {
return localStorage.getItem('hc-content-size');
}
function setContentSize(value) {
return localStorage.setItem('hc-content-size', value);
}
function switchContentSize() {
let size = getContentSize()
switch (size) {
case 'full':
size = 'normal';
break;
case 'normal':
size = 'wide';
break;
case 'wide':
size = 'ultrawide';
break;
default:
size = 'full';
break;
}
setContentSize(size);
resolveContentSize();
}
function resolveContentSize() {
const bodyElem = document.querySelector('body');
if (!bodyElem) return;
bodyElem.classList.remove('hc-content-size-wide')
bodyElem.classList.remove('hc-content-size-ultrawide')
bodyElem.classList.remove('hc-content-size-full')
window.removeEventListener('resize', resizePlayer);
switch(getContentSize()) {
case 'wide':
bodyElem.classList.add('hc-content-size-wide')
break;
case 'ultrawide':
bodyElem.classList.add('hc-content-size-ultrawide')
break;
case 'full':
bodyElem.classList.add('hc-content-size-full')
window.addEventListener('resize', resizePlayer);
break;
}
resizePlayer();
}
}
/* ------------------------------------------------- */
/* --------------HIDE-INFO-------------------------- */
/* ------------------------------------------------- */
function initHideInfoButton() {
GM_addStyle(`
/* Content hide info (button) */
.hc-hide-info-button {
content: '';
width: 25px;
height: 25px;
margin-right: 5px;
background-size: 25px 25px;
background-repeat: no-repeat;
background-image: url(${arrowImageURL});
cursor: pointer;
}
.hc-hide-info .hc-hide-info-button {
transform: rotate(180deg);
}
/* Content hide info (hidden styles) */
.hc-hide-info .b-post__infotable,
.hc-hide-info .b-post__description {
display: none !important;
}
/* Content hide info (night theme) */
.b-theme__template__night .hc-hide-info-button {
filter: invert(100%) sepia(95%) saturate(21%) hue-rotate(280deg) brightness(106%) contrast(106%);
}
`);
resolveHideInfo();
document.addEventListener('DOMContentLoaded', addHideInfoButton);
document.addEventListener('DOMContentLoaded', resolveHideInfo);
document.addEventListener('DOMContentLoaded', addPlayerCover);
function addHideInfoButton() {
const postTitleElem = document.querySelector('.b-post__title');
if (!postTitleElem) return;
const buttonElem = document.createElement('div');
buttonElem.classList.add('pull-right');
buttonElem.classList.add('hc-hide-info-button');
buttonElem.addEventListener('click', switchHideInfo);
postTitleElem.insertBefore(buttonElem, postTitleElem.firstChild);
}
function addPlayerCover() {
const coverElem = document.querySelector('.b-sidecover');
if (!coverElem) return;
const imgURL = coverElem.querySelector('img').src;
GM_addStyle(`
#oframecdnplayer video[style*='position: absolute'] {
background-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,.8) 50%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%), url('${imgURL}');
background-size: auto 100%;
background-position: center;
background-repeat: no-repeat;
}
`);
}
function resolveHideInfo() {
const bodyElem = document.querySelector('body');
if (!bodyElem) return;
if (isHideInfoEnabled()) {
bodyElem.classList.add('hc-hide-info');
} else {
bodyElem.classList.remove('hc-hide-info');
}
}
function isHideInfoEnabled() {
return localStorage.getItem('hc-hide-info') == 'true';
}
function switchHideInfo() {
localStorage.setItem('hc-hide-info', !isHideInfoEnabled());
resolveHideInfo();
}
}
/* ------------------------------------------------- */
/* --------------TRANSLATORS------------------------ */
/* ------------------------------------------------- */
function initHideTranslatorsButton() {
GM_addStyle(`
/* Content hide translators */
.b-translator__item.active {
cursor: pointer;
}
.hc-toggle-translators-button {
content: '';
float: left;
width: 20px;
height: 20px;
margin-right: 3px;
margin-top: 8px;
margin-left: 5px;
background-size: 20px 20px;
background-repeat: no-repeat;
background-image: url(${arrowImageURL});
filter: invert(100%) sepia(95%) saturate(21%) hue-rotate(280deg) brightness(106%) contrast(106%);
transform: rotate(90deg);
cursor: pointer;
}
.hc-show-translators .hc-toggle-translators-button {
transform: rotate(-90deg);
}
.b-translator__item:not(.active):not(.hc-toggle-translators-button) {
display: none;
}
.b-translators__title {
display: none;
}
.hc-show-translators .b-translator__item:not(.active):not(.hc-toggle-translators-button) {
display: block;
}
.hc-show-translators .b-translators__title {
display: block;
}
`);
document.addEventListener('DOMContentLoaded', addToggleTranslatorsButton);
function addToggleTranslatorsButton() {
const translatorsElem = document.querySelector('.b-translators__block');
if (!translatorsElem) return;
const translatorsListElem = translatorsElem.querySelector('.b-translators__list');
if (!translatorsListElem) return;
const buttonElem = document.createElement('li');
buttonElem.classList.add('hc-toggle-translators-button');
buttonElem.addEventListener('click', toggleTranslators);
translatorsListElem.appendChild(buttonElem);
const activeButtonElems = translatorsListElem.querySelectorAll('.b-translator__item')
activeButtonElems.forEach(activeButtonElem => {
activeButtonElem.addEventListener('click', function() {
if (this.classList.contains('active')) {
toggleTranslators()
}
});
});
}
function toggleTranslators() {
document.querySelector('.b-translators__block').classList.toggle('hc-show-translators');
}
}
/* ------------------------------------------------- */
/* --------------SETTINGS--------------------------- */
/* ------------------------------------------------- */
function initSettings() {
const settingsImgURL = 'data:image/png;base64,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';
GM_addStyle(`
/* Settings */
.hc-settings {
position: relative;
}
/* Settings tumbler */
.hc-settings-tumbler {
margin-top: 5px;
margin-left: 10px;
}
.hc-settings-tumbler:before {
background-image: url('${settingsImgURL}');
background-color: transparent;
}
.hc-settings-tumbler:after {
background-image: url('${settingsImgURL}');
background-color: transparent;
}
.hc-settings.active .hc-settings-tumbler > .hc-tumbler-dot {
transform: translateX(calc(100% - 2px));
}
.hc-settings ul {
width: 250px;
display: none;
background: #313131;
border: 1px solid rgba(0,0,0,.1);
border-top: 0;
position: absolute;
top: 40px;
left: 0px;
white-space: nowrap;
box-shadow: 0 5px 20px 0px rgb(0 0 0 / 70%);
}
.hc-settings.active ul {
display: block;
}
.hc-settings ul li {
white-space: nowrap;
color: #777;
font-size: 10px;
font-weight: bold;
margin: 0 !important;
padding: 5px 10px;
line-height: 18px;
}
body.b-theme__template__night .hc-settings ul {
background: #060f13;
}
`);
document.addEventListener('DOMContentLoaded', initSettingsButton);
function initSettingsButton() {
const topHeadLeft = document.querySelector('.b-tophead-left');
if (!topHeadLeft) return;
const elem = document.createElement('div');
elem.classList.add('hc-settings');
elem.classList.add('pull-left');
elem.insertAdjacentHTML('beforeend', `
<div class='hc-tumbler hc-settings-tumbler'>
<div class='hc-tumbler-dot'></div>
</div>
<ul></ul>
`);
const tumbler = elem.querySelector('.hc-settings-tumbler');
tumbler.addEventListener('click', toggleSettings);
topHeadLeft.appendChild(elem);
}
function toggleSettings(event) {
event.target.closest('.hc-settings').classList.toggle('active');
}
}
function addSetting(element) {
const topHeadLeft = document.querySelector('.b-tophead-left');
if (!topHeadLeft) return;
const settingsDropdown = topHeadLeft.querySelector('.hc-settings ul');
if (!settingsDropdown) return;
const settingsDropdownItem = document.createElement('li');
settingsDropdownItem.appendChild(element);
settingsDropdown.appendChild(settingsDropdownItem);
}
/* ------------------------------------------------- */
/* --------------DOCUMENT--------------------------- */
/* ------------------------------------------------- */
function onDocumentStart() {
addStyle();
initSettings();
initContentSizeTumbler();
initStyleImprovements();
initHideInfoButton();
initHideTranslatorsButton();
}
function onDocumentEnd() {}
document.addEventListener('DOMContentLoaded', onDocumentEnd);
onDocumentStart();
})();