DeviantArt Eclipse - Extras

Redesign
2020-05-16 기준 버전입니다. 최신 버전을 확인하세요.
줄 바꿈
// ==UserScript==
// @name         DeviantArt Eclipse - Extras
// @namespace    http://tampermonkey.net/
// @description  Redesign
// @author       Isi-Daddy
// @include      https://www.deviantart.com/*
// @include      https://www.deviantart.com/notifications/watch/*
// @version 1.0
// @grant          none
// @require http://code.jquery.com/jquery-3.4.1.min.js
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require https://greasyfork.org/scripts/5392-waitforkeyelements/code/WaitForKeyElements.js?version=115012

// ==/UserScript==

//Blur Image avoid
waitForKeyElements (
    ".ReactModal__Content",
    pictureblur
);

function pictureblur (subj){
    var newimg = $("div[data-hook='art_stage']").children("div").children("div:nth-child(2)").children("div").children("img").attr("src");
    var imgage = $("div[data-hook='art_stage']").children("div").children("div:nth-child(2)").children("div").children("img");

    var theImage = new Image();
    theImage.src = newimg;
    var imageWidth = theImage.width;
    var imageHeight = theImage.height;

    $(".ReactModal__Content div img").css({
        "max-width": "100%",
        "max-height": "100%",
        "height": "auto",
        "width": "100%"
    });

    var i = 0;

    $(".ReactModal__Content div img").click(function() {
        if(i == 0){
            $(".ReactModal__Content div img").css({
                "max-width": imageWidth,
                "max-height": imageHeight,
                "height": imageHeight,
                "width": imageWidth
            });
            i = 1;
        } else if (i == 1){
            $(".ReactModal__Content div img").css({
                "max-width": "100%",
                "max-height": "100%",
                "height": "auto",
                "width": "100%"
            });
            i=0;
        }
    });
}

/* timestamp*/
waitForKeyElements (
    "time",
    klassentest
);

function klassentest (subj) {
    var time = subj.attr("datetime").replace("T", " ").slice(0, -5);
    subj.append("<div class='time'>" + time + "</div>");
    subj.append("<div class='after'></div>");

    $(".time").css({
        "visibility" : "hidden",
        "position" : "absolute",
        "color" : "#d6ded4",
        "top": "-26px",
        "border": "1px solid #5c5c5c",
        "padding": "3px 10px",
        "margin-left": "-20px",
        "background" : "#475c4d"
    });

    $(".after").css({
        "visibility":"hidden",
        "width": "0",
        "height": "0",
        "border-left": "5px solid transparent",
        "border-right": "5px solid transparent",
        "border-top": "5px solid #475c4d",
        "position" : "absolute",
        "top": "-5px",
        "margin-left": "30px"
    });

    subj.mouseenter(function(event)
    {
        event.stopPropagation()
        $(this).children().addClass("show");
        $(".time.show, .after.show").css({"visibility": "visible"});
    }).mouseleave(function(event)
    {
        event.stopPropagation()
        $(this).children().removeClass("show");
        $(".time,.after").css({"visibility": "hidden"});
    })
}