Тема для сайта anistar
// ==UserScript==
// @noframes
// @name Anistar custom style
// @description Тема для сайта anistar
// @author DygDyg
// @homepage http://dygdyg.ddns.net
// @include /^https?://(.*).online-star(.*)\.org/.*$/
// @include /^https?://(.*)anistar(.*)\.org/.*$/
// @run-at document-start
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @icon https://cdn.discordapp.com/attachments/483711805529653268/609561809799872545/favicon2.png
// @require https://greasyfork.org/scripts/397029-moment-with-locales/code/moment-with-locales.js
// @require https://greasyfork.org/scripts/397028-moment/code/moment.js
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_addStyle
// @grant GM_notification
// @grant GM_info
// @grant GM_registerMenuCommand
// @version 0.47.12
// @namespace https://greasyfork.org/users/303755
// ==/UserScript==
var $ = window.jQuery;
////////////////////////////////
if (GM_getValue('background', null) == null) GM_setValue('background', '');
if (GM_getValue('enable_push', null) == null) GM_setValue('enable_push', false);
if (GM_getValue('torrent_start', null) == null) GM_setValue('torrent_start', false);
var ver_info = '2';
var _label = 'Нововведения:';
var _info = 'Добавил в меню настроке пункты включения пуш уведомлений и автопереключения на вкладку "скачать"';
$(document).ready(function () {
//menu();
})
var pazl = encodeURIComponent('<svg height="512pt" viewBox="0 -27 512.001 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m448.285156 329.226562 63.714844-63.710937-63.714844-63.714844 10.265625-10.265625c17.761719-17.761718 17.761719-46.660156.003907-64.421875-8.605469-8.601562-20.046876-13.339843-32.214844-13.339843-12.164063 0-23.605469 4.738281-32.207032 13.339843l-10.265624 10.265625-63.714844-63.714844-18.800782 18.804688v29.71875c33.257813 7.925781 58.066407 37.890625 58.066407 73.539062 0 35.652344-24.808594 65.617188-58.066407 73.539063v92.152344h-55.15625l-10.996093 10.996093 84.953125 84.949219 63.714844-63.714843 8.847656 8.851562c17.761718 17.761719 46.660156 17.761719 64.421875 0s17.761719-46.660156 0-64.421875zm0 0"/><path d="m271.316406 331.386719v-90.105469h12.511719c25.121094 0 45.554687-20.433594 45.554687-45.554688 0-25.117187-20.433593-45.550781-45.554687-45.550781h-12.511719v-90.105469h-90.105468v-14.515624c0-25.121094-20.433594-45.554688-45.554688-45.554688-25.117188 0-45.550781 20.433594-45.550781 45.554688v14.515624h-90.105469v90.105469h12.515625c22.039063 0 40.46875 15.730469 44.65625 36.554688 1.816406 2.539062 2.898437 5.640625 2.898437 8.996093 0 3.355469-1.082031 6.457032-2.898437 9-4.1875 20.820313-22.617187 36.554688-44.65625 36.554688h-12.515625v90.105469h90.105469v-14.519531c0-25.117188 20.433593-45.550782 45.550781-45.550782 25.121094 0 45.554688 20.433594 45.554688 45.550782v14.519531zm0 0"/></svg>')
var audio = new Audio();
// https://csscolor.ru Палитра цветов
//Цвет прозрачной "плёнки" на текущем видео
let RGBA1 = "rgba(69, 152, 255, 0.75)";
//Цвет задней подложки
let background2 = "#4a4a4a";
let background1 = "#333333";
//Основной цвет сайта
let MainColor = "#1368d1";
GM_addStyle(`
.b-top-but {
filter: hue-rotate(310deg);
}
.title_quote, .title_spoiler {
background: #1368d1 !important;
}
.scriptcode,
.title_quote,
.quote,
.title_spoiler,
.text_spoiler
{
border-color: transparent !important;
}
.news_header .title_left > a:hover,
.news_text ul a:hover {
color: #bfbebe !important;
}
.drowmenu,
header .menu.active > p,
header .menu:hover > p,
header .menu.active > p > span, header .menu:hover > p
{
background-color: ${background2} !important;
}
small .news .descripts,
.vide_be > span:hover,
.vide_be > span.actv,
.cat_anime.menu_link .tit_sp a,
.descripts,
.news_header .tags a,
body,
.left-menu ul li a,
header .menu.active > p > span, header .menu:hover > p > span,
.cal-list > span:hover, .cal-list > span.active,
.top-new .janrs,
.text-s p,
.left-menu2 ul li a
{
color: #ffffff !important;
text-shadow: -2px 2px 2px #000 !important;
}
.icon-clock span,
.icon-vip span,
.icon-resp span,
.icon-chat span,
.icon-copy span
{
filter: hue-rotate(280deg);
}
.list-nav ul li,
.flat_button
{
background-color: ${MainColor} !important;
}
.torrent .download, torrent .download a
{
filter: hue-rotate(90deg) !important;
background: #ffffff00 url(https://cdn.discordapp.com/attachments/667612136788328478/673252757150367744/tor_down_03.png) no-repeat top left !important;
}
.torrent .cont,
.torrent .info_d
{
background:transparent !important;
}
.pagenav a,
.left-panel-bottom,
.news_header .title_left > a,
.login_nav2 form input[type=submit],
.search-block [type="submit"],
.cal-list,
.mini_nav li.logout a,
.anime_status .block_selected .selected-title,
.status_val::before,
.news_text ul a,
.vide_be > span,
.contain_zerkls span,
.color_t > span,
.mirror_video>span,
.contain_zerkls span,
.select_config ul li:hover,
#playlist_pric > span,
header .menu.active .menu__handle::before,
header .menu.active .menu__handle::after,
header .menu.active .menu__handle span,
header .menu.active > p:hover .menu__handle::before,
header .menu.active > p:hover .menu__handle::after,
header .menu.active > p:hover .menu__handle span,
.panel-bottom-shor .right-panel-bottom > span,
.mybutton,
.color_t.com_links_tab a,
.cat-cal.manga,
.button_c,
.berrors,
.title-3
{
background: ${MainColor} !important;
}
.main.wrapper.width1200
{
background-color: #4a4a4ab0 !important;
}
.prefooter ul li a:hover,
.left-menu2 ul li a:hover,
#news_set_sort a,
.autor_nav a,
.news .descripts a,
.news_text .descripts a,
.video_as a,
.left-menu ul li a:hover,
.text-s h3,
.text-s h1,
.reason,
.views-icon a,
.date-icon a,
.autor-icon a,
.date-icon,
.views-icon,
.news_header .rat_col_new span,
#alert_pric,
.alert-title,
.alert_vip_hd a,
.close-alert,
.news_header .title_left .title a,
.news_header .tags,
.title-6 span,
.dle-confirm.ui-dialog-content.ui-widget-content a,
.as_play_list li:hover .aslist_title,
.panel-tab a.active-tab,
.mini_nav ul li a:hover,
.cal-list > span.active > span,
.janrs .rate .rating .rat_col_new span,
.login_nav2 a:hover,
.cal-list > span:hover > span,
.cal-list > span.active > span,
.news_text ul b,
.plash a,
.right-anime .row-cyber:hover .col-text,
.panel-tab a
{
text-shadow: -1px 1px 2px #000000 !important;
color: ${MainColor} !important;
}
.top-w .title-top
{
text-shadow: 0px 0px 0px #000 !important;
-webkit-text-stroke: 0.3px #000;
font-size: 25px;
color: ${MainColor} !important;
}
#alert_pric
{
border: ${MainColor} 3px solid !important;
}
.selected_form.active-s,
.as_play_list li.play_as .aslist_title
{
background:${RGBA1}!important;
}
.list-nav ul li:hover a,
.icon-vip:hover span,
.icon-clock:hover span,
.icon-resp:hover span,
.icon-chat:hover span,
.icon-copy:hover span
{
background-position: 0px 18px;
color: ${MainColor} !important;
}
.soc,
a[title="Официальный Telegram канал AniStar об аниме"] img
{
height: 0;
width: 0;
}
.logo,
.width50.float-left.left1 .logo a,
.vk-top .icon-top:hover,
.profile-top .icon-top
{
/*background: url('https://cdn.discordapp.com/attachments/483711805529653268/609547342256930816/svg-editor-image.svg') no-repeat top left;*/
filter: hue-rotate(-45deg) brightness(145%) !important;
}
/*.logo,
.width50.float-left.left1 .logo a
{
background: url('https://cdn.discordapp.com/attachments/483711805529653268/609548039014711296/logo1.png') no-repeat center;*/
filter: hue-rotate(-45deg) brightness(145%);
}*/
.avatar
{
border: 2px solid ${MainColor} !important;
}
.vip_traf,
.button.ui-button.ui-state-default,
.mini_nav li a:before,
.rating .unit-rating .current-rating,
.top-w .janrs .unit-rating,
.ui-button.ui-state-default
{
filter: hue-rotate(-45deg) brightness(145%) !important;
}
.panel-tab a
{
border-bottom: 3px solid ${MainColor} !important;
}
.panel-tab a.active-tab
{
border-bottom: 3px solid #FED000 !important;
}
.bg-white-main
{
backdrop-filter: blur(3px);
}
.UCOWisrw0aLVBW9otEVJiZmA0 a,
.newclasswqasdvsdv .newclasswqasdvsdv2,
.newclasswqasdvsdv .text_vi_sky,
#timeout_autoplay,
.sw_bladeo2,
iframe#brend_iframe,
.eapp-telegram-chat-root-layout-component,
div#TTwitch_remove2
{
display: none !important;
}
.new_menu {
background: #00000000 !important;
}
/*Тень для объектов*/
.cal-list,
.search-block,
.new_menu,
.news-list,
#page_wrap,
header,
.left-panel-bottom,
.title_left a,
.list-nav ul
{
box-shadow: -12px 10px 7px 3px #00000045;
}
`);
function background() {
GM_addStyle(`
html
{
background: url(${GM_getValue('background')}) ${background1};
background-attachment: fixed;
background-size: 100%;
}
`);
}
background();
$(document).ready(function () {
$('body').prepend($('<div>', { id: 'pazl', 'data-tooltip': 'Настройки', style: 'filter: grayscale(1);' }).mouseover(function (eventObject) {
$('#pazl').css({ filter: 'grayscale(0)' })
}).mouseout(function (eventObject) {
$('#pazl').css({ filter: 'grayscale(1)' })
}))
$('body').prepend($('<div>', { id: 'tooltip' }))
$("[data-tooltip]").mousemove(function (eventObject) {
$data_tooltip = $(this).attr("data-tooltip");
$("#tooltip").text($data_tooltip)
.css({
"top": eventObject.pageY + 5,
"left": eventObject.pageX - 100
})
.show();
}).mouseout(function () {
$("#tooltip").hide()
.text("")
.css({
"top": 0,
"left": 0
});
}).on('click', () => {
menu();
});
});
GM_addStyle(`
#pazl
{
width: 64px;
height: 64px;
position: fixed;
z-index: 9999999;
top: 72px;
right: -3px;
cursor: pointer;
transition: filter 0.5s;
backdrop-filter: blur(3px);
border-radius: 10px 0px 0px 10px;
border-style: solid;
border-color: #1368d1;
box-shadow: -8px 8px 10px 4px #0000006e;
background-size: 100%;
background-color: #ffffff1a;
background-image: url(https://www.pinclipart.com/picdir/big/413-4136396_clipart-of-cedar-puzzle-icon-png-download.png?width=60&height=60);
}
#tooltip {
z-index: 999999999;
position: absolute;
display: none;
top:0px;
left:0px;
background-color: #000;
padding: 5px 10px 5px 10px;
color: white;
opacity: 0.6;
border-radius: 5px;
}
.top-w > div,
.top-w > div:hover > a,
.news_avatar img,
.main-cal
{
box-shadow: -8px 8px 10px 4px #0000006e;
border-radius: 15px;
border-color: #054a9e;
}
.top-w > div,
.news_avatar img,
.main-cal
{
/*border-style: solid;*/
}
.top-w > div .timer_cal,
.anime_title_cal
{
border-radius: 0 0 11px 11px;
backdrop-filter: blur(1px);
}
div#nextserial {
border-radius: 0 0 11px 11px;
bottom: 7px;
backdrop-filter: blur(1px);
}
`);
$(document).ready(function () {
$('head').append($('<link rel="shortcut icon" type="image/x-icon"/>').attr('href', "https://cdn.discordapp.com/attachments/483711805529653268/609561809799872545/favicon2.png"));
//$('#myDiv').remove();
if (GM_getValue('torrent_start') == true) {
click = $("#torrent_all");
if (click.length) click.click();
} else {
}
});
//#region Модальное окно //стиль
GM_addStyle(`
#alert {
background: #000000a3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23383838' stroke-width='2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23696969'%3E%3Ccircle cx='769' cy='229' r='8'/%3E%3Ccircle cx='539' cy='269' r='8'/%3E%3Ccircle cx='603' cy='493' r='8'/%3E%3Ccircle cx='731' cy='737' r='8'/%3E%3Ccircle cx='520' cy='660' r='8'/%3E%3Ccircle cx='309' cy='538' r='8'/%3E%3Ccircle cx='295' cy='764' r='8'/%3E%3Ccircle cx='40' cy='599' r='8'/%3E%3Ccircle cx='102' cy='382' r='8'/%3E%3Ccircle cx='127' cy='80' r='8'/%3E%3Ccircle cx='370' cy='105' r='8'/%3E%3Ccircle cx='578' cy='42' r='8'/%3E%3Ccircle cx='237' cy='261' r='8'/%3E%3Ccircle cx='390' cy='382' r='8'/%3E%3C/g%3E%3C/svg%3E");
backdrop-filter: blur(2px);
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999;
text-align: center;
}
#window1 {
background-color: #272727db !important;
width: 300px;
/*height: 120px;*/
border-radius: 4px;
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%);
padding: 10px 10px 10px 10px;
box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
}
.stop-scrolling {
height: 100%;
overflow: hidden;
}
.theme_button {
display: block;
padding: 7px 16px 8px;
margin: 5px;
font-size: 12.5px;
zoom: 1;
cursor: pointer;
white-space: nowrap;
outline: none;
font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,"Noto Sans Armenian","Noto Sans Bengali","Noto Sans Cherokee","Noto Sans Devanagari","Noto Sans Ethiopic","Noto Sans Georgian","Noto Sans Hebrew","Noto Sans Kannada","Noto Sans Khmer","Noto Sans Lao","Noto Sans Osmanya","Noto Sans Tamil","Noto Sans Telugu","Noto Sans Thai",sans-serif;
vertical-align: top;
line-height: 15px;
text-align: center;
text-decoration: none;
background: none;
background-color: #5181b8;
color: #fff;
border: 0;
border-radius: 4px;
box-sizing: border-box;
box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
}
.theme_button:hover {
background-color: #3b597b;
}
#button_check_update:hover {
color: #5181b8;
}
div#test1 {
text-align: center;
}
div#key {
text-align: center;
margin-bottom: 40px;
}
.text {
width: 290px;
cursor: default;
margin: 5px;
box-sizing: border-box;
padding: 7px;
border: none;
border-radius: 2px;
display: flex;
height: 86px;
resize: none;
background: #6b6b6bad !important;
color: white;
box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
}
div#image {
width: 290px;
height: 180px;
margin: 0 auto;
margin-bottom: 5px;
border-radius: 4px;
}
div#cont2 {
text-align: left;
user-select: none;
}
}
.theme_text_name {
//cursor: pointer;
user-select: none;
font-size: 19px;
line-height: 25px;
font-weight: 400;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
margin: -1px 0 -1px -1px;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 1px;
color: #fff;
box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
}
.cont-bottom {
border-bottom: 1px solid #b5b1b191;
}
img.izo {
object-fit: cover;
width: 100%;
height: 100%;
background: url(https://sun9-57.userapi.com/c857620/v857620009/18a5fd/uOxmtZm_L2A.jpg);
background-size: 100%;
border-radius: 3px;
box-shadow: 7px 7px 3px 3px rgba(0,0,0,.1);
}
`)
//#endregion
//#region Модальное окно //логика
var newImage;
var on = true;
function menu() {
$('body').addClass('stop-scrolling').prepend(
$('<div>', { id: 'alert' }).append(
$('<div>', { id: 'window1' }).append(
$('<div>', {
class: 'cont-bottom', id: 'cont1', html:
[
$('<div>', { class: 'theme_text_name', text: 'Установка фона' }),
$('<div>', { id: 'image' }).append($('<img>', { class: 'izo', src: GM_getValue('background') })),
$('<textarea>', { class: 'text', id: 'text_background', text: GM_getValue('background') }).on('change keyup blur', function (e) {
let URLtext = $('#text_background').val();
$('#image img.izo').attr('src', URLtext);
newImage = URLtext;
})
]
})).append(
$('<div>', {
class: 'cont-bottom', id: 'cont2', html:
[
$('<input type="checkbox" id="check_torrent" name="cc" data-tooltip="test"/> Вкладка "скачать" по умолчанию<br />').prop('checked', GM_getValue('torrent_start')),
$('<input type="checkbox" id="enable_push" /> Включить пуш уведомления<br />').prop('checked', GM_getValue('enable_push'))
]
})
).append(
$('<div>', { class: 'theme_button', id: 'button_save', style: 'margin-top: 10px;', text: 'Сохранить' }).on('click', () => {
newImage = $('#text_background').val();
console.log($('#text_background').val());
GM_setValue('torrent_start', $('#check_torrent').prop('checked'));
GM_setValue('background', $('#text_background').val());
GM_setValue('enable_push', $('#enable_push').prop('checked'));
$('html').css({ 'background': 'url("' + newImage + '") #2F2F30', 'background-size': '100%', 'background-attachment': 'fixed' });
exit_();
})).append(
$('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_)).append(
$('<div>', { class: 'theme_text_name', id: 'button_check_update', text: 'Проверить обновление' }).on('click', sites_)
)
)
);
}
function sites_() {
window.open("https://greasyfork.org/ru/scripts/395933-anistar-custom-style");
}
function exit_() {
$('#alert').remove();
$('body').removeClass('stop-scrolling');
}
//#endregion
if (GM_getValue('ver_info', null) == null) GM_setValue('ver_info', '0');
$(document).ready(function () {
if (GM_getValue('ver_info') != ver_info) {
info();
GM_setValue('ver_info', ver_info);
}
})
function info() {
$('body').addClass('stop-scrolling').prepend(
$('<div>', { id: 'alert' }).append(
$('<div>', { id: 'window1' }).append(
$('<div>', {
class: 'cont-bottom', id: 'cont1', html: [
$('<div>', { class: 'theme_text_name', text: GM_info.script.name + ' ' + GM_info.script.version }),
$('<div>', { class: 'theme_text_name', text: _label }),
]
})
).append(
$('<div>', {
class: 'cont-bottom', id: 'cont1', html: [
$('<div>', { style: 'font-size: 14px; text-align: -webkit-auto;', class: 'theme_text_name', text: _info })
]
})).append(
$('<div>', { class: 'theme_button', id: 'button_exit', text: 'Закрыть' }).on('click', exit_))
)
)
}
$(document).ready(function () {
let news = $('.top-w');
if (!news.length) return;
let req = /^\d{2}:\d{2}:\d{2}/i;
let serialy = [];
for (let i = 0; news.length > i; i++) {
let blok = $(news[i]);
let timer = blok.find('.timer_cal').text().trim();
if (req.test(timer)) {
let title = blok.find('.title-top').text().trim();
let imagePreview = blok.children().css("background-image").replace(/url\(|\)|\"|\'/g, '');
let link = blok.find('a').attr('href');
// link = new URL(link)
// console.log(time, title, imagePreview, link);
timer = timer.split(':')
second = parseInt(timer[2]) + (timer[1] * 60) + (timer[0] * 60 * 60);
enable = true;
serialy.push({ title, link, imagePreview, timer, second, enable })
}
}
var delay_ = 60 * 1000;
var enable_ = true;
if (GM_getValue('enable_push') == true) notification();
function notification() {
//$('.title-6').css({ color: '#39f941' });
$('.title-6').css({ color: '#e91e63' }).text($('.title-6').text() + '(Пуш включены)');
setInterval(function () {
if (!serialy.length) return;
if (GM_getValue('enable_push') == true) {
for (let i = 0; serialy.length > i; i++) {
if (serialy[i].enable == true) {
if (serialy[i].second >= 0) {
serialy[i].second = serialy[i].second - (delay_ / 1000);
} else {
audio.src = 'https://cdn.discordapp.com/attachments/667612136788328478/682908205944537088/z_uk-budte-vkontakte-s-no_ostyami.mp3';
audio.play();
GM_notification({
title: 'Вышла новая серия',
text: serialy[i].title,
image: serialy[i].imagePreview,
onclick: function () {
window.open(serialy[i].link);
}
});
serialy[i].enable = false;
}
}
}
}
}, delay_)
}
})