☰

readable Quora

宽屏显示 + 护眼色 + 回答页大字号。 Wide screen, big font-size, eye-protecting background color.

当前为 2022-04-03 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        readable Quora
  3. // @author      qianjunlang
  4. // @description 宽屏显示 + 护眼色 + 回答页大字号。 Wide screen, big font-size, eye-protecting background color.
  5. // @match       *.quora.com/*
  6. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  7. // @version     4.01
  8. // @run-at      document-idle
  9. // @license MIT License
  10. // @namespace https://greasyfork.org/users/861664
  11. // ==/UserScript==
  12.  
  13.  
  14.  
  15.  
  16.  
  17.     $("#root").css({"background": "#d4ebc7", });//"#EBF4BD",//"#CCE8CF",
  18.     $(".qu-bg--raised").css({
  19.         "background":"#deecc2", //dbeec6
  20.         "-webkit-font-smoothing": "antialiased",
  21.     });
  22.  
  23.     $(".qu-bg--red").css("background-image", "linear-gradient(to right, #e3622f, #ff7b00 , #ffc65a , violet 83%, rgb(185, 043, 039) 100% )");// "#9a68af"
  24.  
  25.     $($(".qu-px--small")[0]).hide();
  26.  
  27.     $("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").css({
  28.         "width": parseInt(window.innerWidth -25) +"px",
  29.         "position":"absolute",
  30.         "left":"5px",
  31.     });
  32.  
  33.     $(".q-box.qu-display--inline-flex.qu-mr--large.Link___StyledBox-t2xg9c-0.KlcoI.SiteHeader___StyledLink-us2uvv-1.ZMeFq.qu-cursor--pointer.qu-hover--textDecoration--underline").css({
  34.         "transform": "scale(0.8)",
  35.         "position": "relative",
  36.         "left":"14px",
  37.     });
  38.  
  39. //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  40.  
  41.     if(
  42.         window.location.href == "https://www.quora.com/" ||
  43.         window.location.href.indexOf("/search?q=") >=0
  44.     ){
  45.         $("#root").css({"width": (window.innerWidth - 10) + "px","overflow":"hidden",});
  46.         $(".ioqSAj").css({"width": (window.innerWidth * 2) + "px",});
  47.  
  48.         $("#mainContent").css({"width": parseInt(
  49.             window.innerWidth * (window.location.href.indexOf("/search?q=")<0 ? 0.63 : 0.83)
  50.         )+"px",});
  51.  
  52.         return;
  53.     }
  54.  
  55. //-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
  56.     $(".ioqSAj").css({"width": (window.innerWidth -60) + "px",});
  57.     $(".ioqSAj div.q-box").css({"margin-left": 10 + "px",});
  58.     $(".ioqSAj div.q-box").find("div").css({"margin-left": 0,});
  59.  
  60.     $("#mainContent").css({
  61.         "width": parseInt(window.innerWidth * 1.8)+"px",
  62.         "font-size": "21px",
  63.         "line-height": "27px",
  64.         "font-family":" Gadugi, copperplate, Calibri, Helvetica, Verdana, YouYuan,'Source Han Sans', Arial, Verdana, Sans-serif",
  65.         "-webkit-font-smoothing": "antialiased",
  66.     });
  67.  
  68.     $(".qu-mb--large div div.q-box").css({
  69.         "font-size":"14px",
  70.         "font-family":" 'Trebuchet MS', Geneva, Tahoma, Gadugi, copperplate, Calibri, Helvetica, Verdana, YouYuan,'Source Han Sans', Arial, Verdana, Sans-serif",
  71.         "-webkit-font-smoothing": "none",
  72.     });
  73.  
  74.  
  75.