readable Quora

宽屏显示 + 护眼色 + 回答页大字号 + 页面动画美化。 Wide screen, big font-size, eye-protecting background color, animation effect.

// ==UserScript==
// @name        readable Quora
// @author      qianjunlang
// @description 宽屏显示 + 护眼色 + 回答页大字号 + 页面动画美化。 Wide screen, big font-size, eye-protecting background color, animation effect.
// @match       *.quora.com/*
// @icon        https://qsf.cf2.quoracdn.net/-4-images.favicon-new.ico-26-07ecf7cd341b6919.ico
// @require     https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js
// @version     5.3.3
// @run-at      document-idle
// @license MIT License
// @namespace https://greasyfork.org/users/861664
// @compatible  edge
// @compatible  chrome
// ==/UserScript==


var color_time = 5;
var move_time = 3;
var zoom_time = 0.8;

function anima(){

    var top_banner = "div.q-box:last-child > div.q-fixed.qu-fullX.qu-zIndex--header.qu-bg--raised.qu-borderBottom.qu-boxShadow--medium.qu-borderColor--raised:nth-child(2) > div.q-box > div.q-flex.qu-alignItems--center";
    $(top_banner).css({
        "width": parseInt(window.innerWidth -30) +"px",

        "transform":"translateX("+ (10- $(top_banner).position().left) +"px)",
        "transition-timing-function": "ease",
        "transition": move_time + 's',
        "transition-delay": color_time + 's',
    });

    $(".qu-display--inline-flex.qu-mr--large.Link___StyledBox-t2xg9c-0.dxHfBI.SiteHeader___StyledLink-us2uvv-1.inlymo.qu-cursor--pointer.qu-hover--textDecoration--underline").css({
        "transform":"scale(0.8) translateX("+ (14) +"px)",
        "transition-timing-function": "ease-out",
        "transition": zoom_time + 's',
        "transition-delay": (color_time + move_time) + 's',
    });
}
//-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

$(document).ready(function(){
    $($(".qu-px--small")[0]).hide();
    $(".qu-bg--red").css({
        "background-image": "linear-gradient(to right, #e3622f, #ff7b00 , #ffc65a , violet 83%, rgb(185, 043, 039) 100% )", // "#9a68af"
    });
    $(".ioqSAj div.q-box").css({
        "margin-left": 10 + "px",
        "margin-right":0
    });
    $(".ioqSAj div.q-box").find("div").css({"margin-left":0, "margin-right":0});

    if( window.location.href == "https://www.quora.com/" || window.location.href.indexOf("/search?q=") >=0 ){
        $(".qu-pb--large.qu-flexDirection--row").css({
            "position" : "relative",
            "left" : (window.innerWidth* -0.045) +"px",
        });

        $(".ioqSAj").css({"width": (window.innerWidth * 2) + "px",});

        $("#mainContent").css({"width": parseInt(
            window.innerWidth * (window.location.href.indexOf("/search?q=")<0 ? 0.655 : 0.84)
        )+"px",});

        $(".q-box.qu-mx--n_medium.PageContentsLayout___StyledBox-d2uxks-0").css({
            "width" : (window.innerWidth*0.1) +"px",
        });

    }else{

        $(".qu-pb--large.qu-flexDirection--row").css({
            "width" : (window.innerWidth * 0.98) +"px",
        });
        $(".ioqSAj").css({"width": (window.innerWidth) + "px",});
        $("#mainContent").css({
            "width": parseInt(window.innerWidth * 2.2)+"px",
            "font-family":"'Yu Gothic', Gadugi, copperplate, Calibri, Helvetica, Verdana, YouYuan,'Source Han Sans', Arial, Verdana, Sans-serif",
            "-webkit-font-smoothing": "antialiased",

            "font-size": "20px",
            "line-height": "24px",

            "transition-timing-function": "ease-out",
            "transition": 0.1 + 's',
        });

        $(".q-box.qu-overflowY--auto.qu-overflowX--hidden.qu-pb--medium.PageContentsLayout___StyledBox-d2uxks-0").css({
            "width": (window.innerWidth*0.15) +"px",
            "position":"relative",
            "left": -15 +"px",

            "font-size":"14px",
            "line-height": "15px",
            "font-family":" 'Trebuchet MS', Geneva, Tahoma, Gadugi, copperplate, Calibri, Helvetica, Verdana, YouYuan,'Source Han Sans', Arial, Verdana, Sans-serif",
            "-webkit-font-smoothing": "none",
        });
    }

    go_green();
    function go_green(){
        $(".qu-bg--raised").css({
            "-webkit-font-smoothing": "antialiased",
            "background":"#deecc2", //dbeec6
            "transition-timing-function": "ease",
            "transition": color_time + 's',
        })
    }
    setInterval(function(){go_green();}, 500);

    $("#root").css({
        "width": (window.innerWidth - 10) + "px",
        "overflow":"hidden",

        "background": "#d4ebc7",//"#EBF4BD",//"#CCE8CF",
        "transition-timing-function": "ease",
        "transition": color_time + 's',
    });

    window.onload = anima();
});