☰

Google search "old style"

Fix style in google search results page

2020-08-23 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

/* ==UserStyle==
@name         Google search "old style"
@namespace    https://github.com/Procyon-b
@version      1.0.10
@description  Fix style in google search results page
@author       Achernar
@license      CC BY-NC 4.0
@preprocessor stylus

@var checkbox hide-favicon 'Hide favicons' 1
@var checkbox invert-lines 'Invert lines' 1
@var checkbox font-size    'Reduce results font size' 1
@var range    font-sizeV   '  size' [0.9, 0.7, 1, 0.01]
@var checkbox get-ws       'Recover whitespace' 0
@var checkbox head-mg      '  Title margin' 1
@var range    line-h       "  Text's line height" [1.57, 1.0, 1.7, .01]
@var range    bottom-mg    '  Bottom margin' [27, 0, 30, 1, 'px']
==/UserStyle== */
@-moz-document regexp("^https:\\/\\/www.google\\..*?\\/search\\?.*") {
/* version 20200225.2000 v1.0.9 */

/* reduce result blocks font size */
if font-size {
  .g {
    --font-sizeV: font-sizeV;
    --sz-norm: 14px;
    --sz-gblk: 16px;
    --margin-b: 27px;
    /*zoom: 90%;*/
    zoom: font-sizeV;
  }
  /* target firefox as an alternative to "zoom" */
  @supports (-moz-appearance: none) {
    .g {
      font-size: calc(var(--font-sizeV) * var(--sz-norm));
      margin-bottom: calc(var(--font-sizeV) * var(--margin-b)) !important;
    }
    .g.g-blk span > span {
      font-size: calc(var(--font-sizeV) * var(--sz-gblk));
    }
    .g cite {
      font-size: calc(var(--font-sizeV) * var(--sz-norm));
    }
    .g h3 {
      font-size: calc(var(--font-sizeV) * 20px) !important;
    }
  }
}

/* hide result favicon */
if hide-favicon {
  .g img[height="16"][src*="data:image"][width="16"] {
    display: none;
  }
}

/* invert the 2 lines */
if invert-lines {
  .g div.r > a > br:first-child ~ h3 {
    display: block;
  }
  .g div.r > a > br:first-child ~ h3 ~ div {
    position: static;
    margin-top: -0.2em;
  }
  .g div.r > a > br:first-child ~ h3 ~ div * {
    color: green !important;
  }
  .g div.r > a > br:first-child {
    display: none;
  }
  .g div.r > a ~ div {
    position: static;
    margin-top: -1.6em;
    margin-bottom: 1.6em;
  }
}

/* whitespace */
if get-ws {
  if head-mg {
    .g div.r > a > br:first-child ~ h3 {
      margin-bottom: -1px;
    }
    if invert-lines {
    }
  }
  if line-h != 1.57 {
    .g .st, .g .s > div {
      line-height: line-h;
    }
  }
  if bottom-mg != 27px {
    .g {
      --margin-b: bottom-mg;
      margin-bottom: bottom-mg;
    }
  }
  
}

/* to prevent the userstyle from disappearing from stylus menu when all options are disabled */
.none {
  dummy:1;
}

}