Change style in google search results page to look like the old design
/* ==UserStyle==
@name:fr Google page de résultats "classique"
@name Google search "old style"
@namespace https://github.com/Procyon-b
@version 1.2.17
@description:fr Change le style dans la page de résultats de google pour ressembler à l'ancien design (2019, sans icône)
@description Change style in google search results page to look like the old design
@author Achernar
@license CC BY-NC 4.0
@preprocessor stylus
@var checkbox hide-favicon 'Hide favicons' 1
@var checkbox rmv-title 'Remove site title' 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' 1
@var checkbox head-mg ' Title margin' 1
@var range line-h " Text's line height" [1.48, 1.0, 1.7, .01]
@var range bottom-mg ' Bottom margin' [15, 0, 30, 1, 'px']
@var checkbox set-font 'Change font' 0
@var text font-f ' Font family' 'arial,sans-serif'
@var checkbox url-f ' for url too' 1
==/UserStyle== */
@-moz-document regexp("^https:\\/\\/www.google\\..*?\\/search\\?.*") {
/* font family */
if set-font {
.std,
.MjjYud h3,
.MjjYud div[jscontroller].asEBEc > div > div + div * {
font-family: font-f !important;
letter-spacing: 0;
ooutline: 1px solid red;
}
if (url-f) {
.MjjYud .CA5RN * {
font-family: font-f !important;
letter-spacing: 0;
}
}
}
/* reduce result blocks font size */
if font-size {
.MjjYud {
--font-sizeV: font-sizeV;
--sz-norm: 14px;
--sz-gblk: 16px;
--sz-url: 12px;
--margin-b: 27px;
zoom: font-sizeV;
}
.g .g {
zoom: unset;
}
/* target firefox as an alternative to "zoom" */
@supports (-moz-appearance: none) {
.MjjYud {
font-size: calc(var(--font-sizeV) * var(--sz-norm));
omargin-bottom: calc(var(--font-sizeV) * var(--margin-b)) !important;
}
.MjjYud div[jscontroller].asEBEc {
margin-bottom: calc(var(--font-sizeV) * var(--margin-b)) !important;
}
.MjjYud span {
font-size: calc(var(--font-sizeV) * var(--sz-gblk));
}
.MjjYud .CA5RN cite {
font-size: calc(var(--font-sizeV) * var(--sz-url));
}
.MjjYud .CA5RN *,
.MjjYud div[jscontroller].asEBEc > div > div + div * {
font-size: calc(var(--font-sizeV) * var(--sz-norm));
}
o.MjjYud cite {
font-size: calc(var(--font-sizeV) * var(--sz-norm));
}
.MjjYud h3 {
font-size: calc(var(--font-sizeV) * 20px) !important;
}
}
}
html {
--corFavI: 11px;
--corFavI2: 9px;
}
/* hide result favicon */
if hide-favicon {
body {
--corFavI: 3px;
--corFavI2: 0px;
}
.MjjYud h3 ~ div > div > span,
.MjjYud :has(> a) + div > div > div > span {
display: none;
}
}
/* hide site title 202302 */
if rmv-title or invert-lines {
.MjjYud div.yuRUbf div.CA5RN > div:has(.VuuXrf) {
display: none;
}
.MjjYud div.yuRUbf span:has(a) + div {
top: 0;
line-height: 1.6em;
display: block;
}
.MjjYud div.yuRUbf span:has(a) + div .iTPLzd {
top: -3px;
top: calc( 0px - var(--corFavI) );
}
}
/* invert the 2 lines */
if invert-lines {
.MjjYud div:is(.yuRUbf,.b8lM7) span a {
display: flex !important;
flex-direction: column !important;
}
.MjjYud div:is(.yuRUbf,.b8lM7) span a > h3 {
order: 1;
}
.MjjYud div:is(.yuRUbf,.b8lM7) span a > h3 ~ div {
padding-bottom: 3px;
}
.MjjYud div:is(.yuRUbf,.b8lM7) span a > br {
display: none;
}
.MjjYud div.yuRUbf > div,
.MjjYud div.b8lM7 {
position: relative !important;
}
.MjjYud div:is(.yuRUbf,.b8lM7) span:has(a) + div {
top: calc(100% - 1.4em - 3px - var(--corFavI2) );
display: block !important;
position: absolute !important;
width: 100%;
}
.MjjYud div.b8lM7 .B6fmyf {
top: calc(100% - 1.4em - 6px - var(--corFavI2) );
}
.MjjYud div.yuRUbf div.CA5RN [role="text"] {
color: green !important;
}
}
/* whitespace */
if get-ws {
if head-mg {
.MjjYud div.yuRUbf span a > h3 {
padding-top: 0;
margin-top: 0;
}
}
if line-h != 1.57 {
.MjjYud div[jscontroller].asEBEc > div > div + div span {
line-height: line-h;
}
}
if bottom-mg != 27px {
.MjjYud div[jscontroller].asEBEc {
margin-bottom: bottom-mg !important;
}
}
}
/* to prevent the userstyle from disappearing from stylus menu when all options are disabled */
.none {
dummy:1;
}
}