☰

Google search "old style"

Fix style in google search results page

当前为 2020-01-22 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name         Google search "old style"
  3. @namespace    https://github.com/Procyon-b
  4. @version      1.0.5
  5. @description  Fix style in google search results page
  6. @author       Achernar
  7. @license      CC BY-NC 4.0
  8. @preprocessor stylus
  9.  
  10. @var checkbox hide-favicon 'Hide favicons' 1
  11. @var checkbox invert-lines 'Invert lines' 1
  12. @var checkbox font-size    'Reduce results font size' 1
  13. @var range    font-sizeV   'size' [0.9, 0.7, 1, 0.01]
  14. @var checkbox get-ws       'Recover whitespace' 0
  15. @var checkbox head-mg      'Title margin' 1
  16. @var range    line-h       "Text's line height" [1.57, 1.0, 1.7, .01]
  17. @var range    bottom-mg    'Bottom margin' [27, 0, 30, 1, 'px']
  18. ==/UserStyle== */
  19. @-moz-document regexp("^https:\\/\\/www.google\\..*?\\/search\\?.*") {
  20. /* version 20200121.2200 v1.0.5 */
  21.  
  22. /* reduce result blocks font size */
  23. if font-size {
  24.   .g {
  25.     --font-sizeV: font-sizeV;
  26.     --sz-norm: 14px;
  27.     --sz-gblk: 16px;
  28.     --margin-b: 27px;
  29.     /*zoom: 90%;*/
  30.     zoom: font-sizeV;
  31.   }
  32.   @supports (-moz-appearance: none) {
  33.     .g {
  34.       font-size: calc(var(--font-sizeV) * var(--sz-norm));
  35.       margin-bottom: calc(var(--font-sizeV) * var(--margin-b)) !important;
  36.     }
  37.     .g.g-blk span > span {
  38.       font-size: calc(var(--font-sizeV) * var(--sz-gblk));
  39.     }
  40.     .g cite {
  41.       font-size: calc(var(--font-sizeV) * var(--sz-norm));
  42.     }
  43.     .g h3 {
  44.       font-size: calc(var(--font-sizeV) * 20px) !important;
  45.     }
  46.   }
  47. }
  48.  
  49. /* hide result favicon */
  50. if hide-favicon {
  51.   .g img[height="16"][src*="data:image"][width="16"] {
  52.     display: none;
  53.   }
  54. }
  55.  
  56. /* invert the 2 lines */
  57. if invert-lines {
  58.   .g .r > a {
  59.     display: inline-flex;
  60.     flex-flow: column;
  61.   }
  62.   .g .r > a > h3 {
  63.     order: 0;
  64.   }
  65.   .g .r > a > div+br,
  66.   .g .r > a br {
  67.     display: none;
  68.   }
  69.   .g .r > a > div:first-child {
  70.     order: 2;
  71.     top: -0.5em;
  72.     position: relative;
  73.   }
  74.   .g .r > a > div:first-child * {
  75.     color: green !important;
  76.   }
  77.   .g .r > a > div:first-child cite {
  78.     display: inline-block !important;
  79.   }
  80.   .r > div {
  81.     position: relative; 
  82.     top: -2.1em;
  83.   }
  84. }
  85.  
  86. /* whitespace */
  87. if get-ws {
  88.   if head-mg {
  89.     .g .r {
  90.       margin-bottom: -7px;
  91.     }
  92.  
  93.   }
  94.   if line-h != 1.57 {
  95.     .g .st, .g .s > div {
  96.       line-height: line-h;
  97.     }
  98.   }
  99.   if bottom-mg != 27px {
  100.     .g {
  101.       --margin-b: bottom-mg;
  102.       margin-bottom: bottom-mg;
  103.     }
  104.   }
  105.   
  106. }
  107.  
  108. /* to prevent the userstyle from disappearing from stylus menu when all options are disabled */
  109. .none {
  110.   dummy:1;
  111. }
  112.  
  113. }