Less scrolling with a multi columns interface. It work with the last Google design (2003.05)
Mint
/* ==UserStyle==
@name GooGLE Search MultiColumn (New Design 2023) v.1
@namespace Userstyles.World [USw]
@author decembre
@description Less scrolling with a multi columns interface. It work with the last Google design (2003.05)
Dark Gray and infinit scroll
@version 01.00.0
@license No License
@preprocessor uso
==/UserStyle== */
/* NEW NAMESPACE from https://userstyles.org/styles/153816/darksearch-nass-o-fork (to exclude Gmail) */
@-moz-document regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?."), regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)"), regexp("https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?\\/((\\\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)"), regexp("https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?."), regexp("https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?\\/_\\/chrome\\/newtab\\?.*"),
regexp("https?://(www|news|play|host-b)\\.google(\\.com?)?(\\.[a-z][a-z])?/(|webhp|search|news|play|ig|service-a).*"), url-prefix("https://cse.google") {
/* === GooGLE Search MultiColumn (New Design 2023) v.1 ==== */
/*
rotate3d(x, y, z, angle) */
.MjjYud {
/* display: inline-block !important; */
/* transform: rotate3d(0, 40, 0, 75deg); */
}
/* TEST FROM DISCORD - Color Google Ads links in a different color by moonrocket */
a[data-agdh^="fvd3vc"] {
color:#00796B !important; /* Change this to the desired color */
}
/* SUPP PANEL RIGHT */
/* .ULSxyf , */
#rhs ,
.Ow4Ord + div +div ,
.Ow4Ord + div ,
.Ow4Ord >div ,
.Ow4Ord {
display: none !important;
}
/* TOP NAV */
#searchform {
background: #111 !important;
border-bottom: 1px solid red !important;
}
.vt6azd {
float: left;
clear: none;
margin: 0 0 5px 0 !important;
}
/* WIDE */
.GyAeWb {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100% !important;
min-width: 99.8% !important;
max-width: 99.8% !important;
/* border: 1px solid red !important; */
}
.s6JM6d {
flex: 1 0 auto !important;
margin-left: 0 !important;
position: relative;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
/* border: 1px solid aqua !important; */
}
/* RESULTS - ITEMS - ALL */
.MjjYud {
float: left;
clear: none;
max-height: 19.5vh !important;
min-height: 19.5vh !important;
width: 32.2% !important;
margin: 2px !important;
padding: 5px !important;
border-radius: 5px;
overflow: hidden !important;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid gray;
}
.MjjYud .g .XN9cAe > div ,
.MjjYud .g > div > div ,
.MjjYud .g > div ,
.MjjYud .g {
width: 100% !important;
margin: 0 !important;
}
/* .MjjYud > .g {
width: 100% !important;
max-height: 19.5vh !important;
min-height: 19.5vh !important;
margin: 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
border: 1px solid aqua !important;
} */
.MjjYud > .g {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
max-height: 19.5vh !important;
min-height: 19.5vh !important;
margin: 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
/* border: 1px solid green !important; */
}
/* RESULTS - ITEMS - SPECIALS */
.hlcw0c {
float: left;
clear: none;
max-height: 19.5vh !important;
min-height: 19.5vh !important;
width: 100% !important;
max-width: 98% !important;
margin: 2px !important;
padding: 5px !important;
border-radius: 5px;
overflow: hidden !important;
overflow-x: hidden;
overflow-y: auto !important;
/* border: 1px solid pink !important; */
}
.hlcw0c .MjjYud {
display: inline-block !important;
width:auto !important;
/* min-width: 32% !important; */
width: 100% !important;
height: 100% !important;
/* max-height: 19.5vh !important; */
/* min-height: 19.5vh !important; */
margin: 0 0 0 0 !important;
padding: 0 !important;
/* border: 1px solid olive !important; */
}
.hlcw0c .MjjYud > div {
display: inline-block;
float: left;
height: 100%;
margin: 0;
max-height: 18.5vh;
min-height: 18.5vh;
overflow-x: hidden;
overflow-y: auto;
width: 100% !important;
/* border: 1px dashed aqua !important; */
}
.hlcw0c .MjjYud .g h2{
float: left !important;
height: 2vh !important;
width: 98% !important;
margin: 0;
}
/* .hlcw0c .MjjYud > .g table , */
.hlcw0c .MjjYud > .g .eKjLze {
display: inline-block !important;
float: left !important;
width: 33% !important;
height: 100% !important;
max-height: 18.5vh !important;
min-height: 18.5vh !important;
margin: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px dashed olive !important;
}
.hlcw0c .MjjYud > .g table {
display: inline-block !important;
float: right !important;
width: 66.5% !important;
height: 100% !important;
max-height: 19.1vh !important;
min-height: 19.1vh !important;
margin: 0 !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
border: 1px dashed olive !important;
}
.hlcw0c .MjjYud > .g table tbody {
display: inline-block !important;
float: right !important;
width: 100% !important;
height: 100% !important;
max-height: 19.2vh !important;
min-height: 19.2vh !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px dashed yellow !important;
}
.hlcw0c .MjjYud > .g table tbody tr.mslg {
display: inline-block !important;
/* float: left !important; */
width: 48% !important;
/* height: 100% !important; */
/* max-height: 4vh !important;
min-height: 4vh !important; */
margin: 0 5px 3px 0 !important;
padding: 0 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px dashed olive !important;
}
/* .hlcw0c .MjjYud .g ,
.hlcw0c .MjjYud > .g > div {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
max-height: 19.1vh !important;
min-height: 19.1vh !important;
overflow: hidden !important;
border: 1px dashed red !important;
} */
/* RESULT WIDE */
.ULSxyf {
float: left;
clear: none;
max-height: unset !important;
min-height: 0 !important;
width: 98.6% !important;
margin: 2px !important;
padding: 0px !important;
border-radius: 5px;
overflow-x: hidden;
overflow-y: auto;
/* border: 1px solid brown !important; */
}
.ULSxyf .MjjYud {
float: left;
clear: none;
max-height: unset !important;
min-height: unset !important;
width: 99% !important;
margin: 0 6px 0 6px !important;
padding: 5px !important;
border-radius: 5px;
overflow-x: hidden;
overflow-y: auto;
/* border: 1px solid brown !important; */
}
.ULSxyf .MjjYud .fy7gGf {
display: flex;
flex: 1 1 0;
/* border: 1px solid brown !important; */
}
.ULSxyf .MjjYud .fy7gGf .dHOsHb {
/* flex: 1 1 0 !important; */
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
border: 1px dashed brown !important;
}
/* BOTTOM RESULTS */
#botstuff {
float: left;
clear: none;
/* max-height: 19.5vh !important; */
/* min-height: 19.5vh !important; */
width: 99% !important;
margin: 5px;
padding: 5px;
border-radius: 5px;
overflow-x: hidden;
overflow-y: auto;
/* border: 1px solid yellow !important; */
}
#botstuff .MjjYud {
float: left;
clear: none;
max-height: unset !important;
min-height: unset !important;
width: 98% !important;
margin: 5px;
padding: 5px;
border-radius: 5px;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid transparent !important;
}
/* BOTTOM RESULTS WITH USERSCRIPT INFINTE SCROLL */
/* #bottomads + #botstuff {
border-radius: 5px;
clear: none;
float: left;
margin: 0 !important;
overflow: hidden;
overflow-y: hidden !important;
padding: 0px !important;
width: 99%;
height: 0 !important;
border: 1px solid red !important;
} */
/* (new1) SPECIAL RESULTS */
/* (new1) VIDEOS - for CARROUSEL OPEN */
/* RESULTS VIDEO - TEXT + VID - CONTAINER */
.dXiKIc{
height: 11vh !important;
}
.dXiKIc {
display: flex;
line-height: 1.158 !important;
margin-top: -9px !important;
}
/* BARRE BOTTOM */
.yob3kc {
position: absolute !important;
width: 100% !important;
height: 20px !important;
bottom: -3.2vh !important;
margin: 0 0 0vh 0 !important;
padding: 0 0 0 5px !important;
/* transform: translate(0, 30px) !important; */
/* background: red !important; */
border-top: 1px solid silver !important;
}
.yob3kc .OT2FZc {
position: relative;
margin-top: 0px !important;
}
.yob3kc .OT2FZc .W6qsdb {
position: relative;
display: inline-block !important;
height: 20px;
width: 45px !important;
margin: 0 !important;
overflow: hidden;
}
.yob3kc .OT2FZc .hTiiJ {
position: absolute;
display: inline-block !important;
width: 100% !important;
min-width: 70% !important;
max-width: 70% !important;
height: 20px !important;
padding: 0px !important;
/* background: green !important; */
}
.yob3kc .OT2FZc .hTiiJ .UIGp9e {
position: relative !important;
display: inline-block !important;
align-items: unset !important;
width: 100% !important;
min-width: 40% !important;
max-width: 40% !important;
height: 20px !important;
line-height: 20px !important;
top: -10px !important;
margin: 0px 0 0 0 !important;
font-size: 14px;
letter-spacing: 0.1px;
/* background: blue !important; */
}
.UIGp9e>span + span {
display: none !important;
}
/* CARROUSEL OPEN */
.yob3kc div[style="height: auto; opacity: 1; transform-origin: left top 0px;"] {
position: absolute !important;
max-height: 16.8vh !important;
width: 98% !important;
margin: -19.5vh 0 0 -5px !important;
padding: 0 10px 0 10px !important;
overflow: hidden !important;
opacity: 1;
/* transform-origin: left top 0 !important; */
transition: unset !important;
animation: unset !important;
background: #111 !important;
}
/* .yob3kc div {
transition: unset !important;
animation: unset !important;
background: pink !important;
} */
/* ==== COLOR ==== */
/* == INHERIT === */
.action-menu-panel ,
.GHDvEf,
.GHDvEf:hover,
.GHDvEf.selected,
.GHDvEf.selected:hover {
color: silver !important;
background-color: inherit;
}
ol,
.action-menu-item a {
color: inherit !important;
}
/* ==== END ==== */
}