Skip to content

GooGle - Multi-Columns Dark and Gray v.49.5 by decembre

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/116884.user.css

Screenshot of GooGle - Multi-Columns Dark and Gray v.49.5

Details

Authordecembre

LicenseNo License

Categorygoogle, search, Dark and Gray

Created

Updated

Size196 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Less scrolling with a multi columns interface.....
Firefox OK
Chrome : OK

Not working together with a "working" GooglemonkeyR:
But all forks of it, at 2019.07, seems broken and need to be updated.

When they work, use my userstyle:
Google - GM - Google MonkeyR Companion

Notes

It's very very hard to Style Google Search...
And i prefer DuckDuckGo ;-)
So, at this time (because Google change its code all the time) ,
This Userstyles fill the windows with a multicolumn results page (3 columns) (based on window size) .

  • Top result header is more compact.
  • Translate Icon always visible on results
  • Vertical Pagination is always visible on the right side.
  • Delete unwanted elements (pubs ... etc) when AntiAdBlock disable.
    You Can add a counter of results with my usertsyle:
    Google - Results Counter

It is based on some previous Userstyles i create :

It Add Greasemonkey ADAPTATION for :

You can use too:

Changes v.7 / ... / 47.5:

  • Very Quick fix for Google change (affect the with of the page):
    Better version soon
  • Adaptation for a BIG Google change... one more ....
  • Fine tuning for GM "Google Search Extra Buttons"
  • Corrections for new presentation of results (videos results etc...).
  • Better Panels Right
  • Re add pagination on the right:
    for Pagination not appearing on the right
  • Better Images / Videos Carrousels (in web search)
  • MAPS and Some Specials Infos: Move in a Right panel (Visible on hover the Arrow on Top / Right of results)
  • Adaptation for GM "FaviconizeGoogle" (Change)

After a request:
Added NEW namespace from https://userstyles.org/styles/153816/darksearch-nass-o-fork (thanks to it....),
which i hope exclude Gmail.

  • Correction for:
    Top search and Top header Size/Color, Normalize Height of results items, Top search form, Images Search, Top Nav Bar Search Tools menus, Gm "GoogleFaviconize", Images Search, Books search pages, Top Search fixed, Right panel, Images Row, GM "Google Search Extra Buttons" etc.. , Top Header Search fixed, Results with row of Images / Videos, CSS duplicate, Maps results (from normal search, not Map search), Adaptation for divers greasemonkey scripts etc....

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           GooGle - Multi-Columns Dark and Gray v.49.9(Final)
@namespace      USO Archive
@author         decembre
@description    `NEW (2023.05):<b>This userstyles shouldn't be updated now!</b>Because Google change, you can test now my new userstyle which work with the last Google design (2023.05):Dark Gray and infinite scroll.It Can be found here:- <a href="https://userstyles.world/style/9843/google-search-multicolumn-new-design-2023">GooGLE Search MultiColumn (New Design 2023) [Userstyles.world - USw]</a>- <a href="https://greasyfork.org/fr/scripts/466360-google-search-multicolumn-new-design-2023-v-1">GooGLE Search MultiColumn (New Design 2023) [Greasyfork]</a>- <a href="https://userstyles.org/styles/264494/google-search-multicolumn-new-design-2023-v-1">GooGLE Search MultiColumn (New Design 2023) [Userstyles.org]</a>`
@version        20230515.17.21
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
/* AGENT_SHEET */

@namespace url(http://www.w3.org/1999/xhtml);

/* OLD NAMESPACE 
@-moz-document url-prefix("https://www.google"), domain("google.com"), domain("google.fr"), domain("encrypted.google.com"), domain("google.de")
ADD  from counter:
regexp("https?://(www|news|play|host-b)\\.google(\\.com?)?(\\.[a-z][a-z])?/(|webhp|search|news|play|ig|service-a).*")

VOIR:
, 
url-prefix(https://www.google)
, url-prefix("https://cse.google.fr")
for:
https://cse.google.fr/cse?cx=partner-pub-8110924381468607:6449306375&ie=ISO-8859-1&q=rust&sa=Rechercher
======================= */

/* 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 - Multi-Columns Dark and Gray v.48.9 (Final) (new48.9) - OLD - QUICK FIX - after CHANGE WITH - LAST POSTED ==== */

/* PB but work touch too GOOGLE PLAY STORE -
https://play.google.com/store
=== */

/* GM Compatibility with ============================== 

- GM "Super_preloaderPlus_one_New"v-
https://greasyfork.org/en/scripts/33522-super-preloaderplus-one-new
- FaviconizeGoogle
https://greasyfork.org/en/scripts/7664-faviconizegoogle

- GM "Google Search Extra Buttons" -
https://greasyfork.org/fr/scripts/7543-google-search-extra-buttons
- Google Search Extra Buttons Bookmarklet
https://greasyfork.org/fr/scripts/389651-google-search-extra-buttons-bookmarklet

- GM "GoogleGifs" -
https://greasyfork.org/fr/scripts/392210-googlegifs

- GM "Google Images Direct Link" - 
https://greasyfork.org/fr/scripts/3187-google-images-direct-link

- GM "Google Search Various Ranges :
https://greasyfork.org/en/scripts/31256-google-search-various-ranges


======================================================= */

/* (new35) - SUPP ADDS and OTHERS - === */
#fld_16 ,
#hdtb-msb .hdtb-mitem .favicon ,
#tvcap ,
#foot .SJajHc ,
.szppmdbYutt__middle-slot-promo ,
.og-pdp ,
.cu-container ,
#flun ,
#bottomads ,
#tadsb{
    display: none!important;
}

/* PB MESSAGE GOOGLE - TXT" TESTER PRIVACY " + ICON - SUPP - === */
._KJg.vk_c.cnso{
    display: none !important;
}

/* START ============== TEST  ==================== */

/* (new35) IMAGE ALT - === */
#yDmH0d .mJxzWe .rg_i  {
    display: inline-block !important;
    box-sizing: border-box !important;
    text-align: center;
color: gold;
background: black ;
}

/* (new48) TEST ACCUEIL INPUT */
.L3eUgb .o3j99.ikrT4e.om7nvf  form .A8SBwf .RNNXgb .a4bIc input.gLFyf.gsfi {
    position: relative !important;
    display: inline-block;
/*     flex: unset !important; */
     margin-top: -25px !important;
/*     background-color: red !important; */
}



/* (new45) TEST ACTUALITY */
/* #res.eqAnXb #search #rso > div g-card  */
/* html.idc8_326 #res.eqAnXb #search #rso > div:not(.g) , */
/* #cnt>style="1607614754256"] ~ .lEXIrb:not(:empty) #rcnt .D6j0vc #center_col #search #rso >div , */
/* .lEXIrb:not(:empty) #rcnt .D6j0vc #center_col style ~ #res #search #rso >div , */
/* #cnt>style[data-iml] ~ .lEXIrb:not(:empty) #rcnt .D6j0vc #center_col #search #rso >div , */

.nChh6e.DyOREb {
    display: inline-block;
    margin-bottom: 16px;
    width: 95% !important;
min-height: 200px !important;
    margin-left: 2% !important;
margin-bottom: 5px !important;
    padding: 10px;
    overflow: hidden;
    border-radius: 8px;

border: 1px solid gray !important;
}
.KWQBje .JheGif {
color: peru !important;
}
.KWQBje .XTjFC g-img.QyR1Ze {
    width: 20px !important;
}
.KWQBje .XTjFC  .action-menu-item a.fl {
    display: inline-block !important;
    padding: 0px 18px !important;
}


/* (new35)  BOTTOM ASSOCATED SEARCH */
#botstuff {
    display: inline-block;
    width: 96%;
    padding: 5px;
    border-radius: 5px !important;

background: #111 !important;
}
#botstuff h3 {
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-radius: 5px !important;
    text-align: center !important;
color: gray !important;
background: #222 !important;
}



/* (new35) "Jump to" link - === */
.f a.fl[href$="_sources"]{
height: 15px ;
line-height: 15px ;
    padding: 1px 3px 1px 10px ;
    border-radius: 3px ;
overflow: visible !important;
background: #2C4F2B ;
}
.f a.fl[href$="_sources"]:before{
    content: "▶" ;
/* position: fixed ; */
position: relative !important;
/* display: inline-block ; */
/* float: left ; */
height: 15px ;
line-height: 15px ;
width: 15px ;
margin: -5px 5px 0 -5px ;
    padding: 0px 3px ;
font-size: 14px !important;
    border-radius: 3px;
background: gold ;
color: red !important;
visibility: visible ;
opacity: 1 ;
z-index: 5000 ;
}


/* (new32A) GOOGLE PALY STORE - SHOW SCREENSHOT on HOVER with Addon IMAGE PREVIEW -
https://play.google.com/store
 ===*/
/* .N9c7d , */
.y1APZe-T8c9cb .uzcko ,
.K3IMke ,
.kJ9uy.K3IMke {
    z-index: 50000 !important;
outline: 1px solid yellow !important;
}

img.T75of.QNCnCf {
    z-index: 5000000 !important;
outline: 1px solid violet !important;
}


/* (new32A) GOOGLE CSE -
https://cse.google.fr/cse?cx=partner-pub-8110924381468607:6449306375&ie=ISO-8859-1&q=rust&sa=Rechercher
===  */

/* COLOR */
htlm.idcacG.idcae {
    background-color: red !important;
}
body {
    background-color: transparent;
    color: gray !important;
}
.gsc-tabHeader.gsc-tabhActive, 
.gsc-refinementHeader.gsc-refinementhActive {
    background-color: #333 !important;
    border-color: red !important;
    color: peru !important;
}
.gsc-tabHeader.gsc-tabhInactive, 
.gsc-refinementHeader.gsc-refinementhInactive {
    background-color: #222 !important;
    border-color: transparent !important;
    color: tan !important;
}
/* (COR) */
.c93Gbe ,
.gsc-control-cse {
    background-color: #222 !important;
    border-color: #333 !important;
}
.uU7dJb {
    background-color: #333 !important;
    border-bottom: 1px solid #dadce0;
    color: #70757a;
    font-size: 15px;
    padding: 15px 30px;
}
.gsc-webResult.gsc-result, 
.gsc-results .gsc-imageResult {
    background-color: #222 !important;
    border-color: red !important;
}
.gsc-webResult.gsc-result:hover, 
.gsc-imageResult:hover {
    background-color: #333 !important;
    border-color: #ffffff;
}

.gs-result .gs-title, .gs-result .gs-title * {
text-decoration: none !important;
    color: peru !important;
}
.gs-webResult .gs-snippet, 
.gs-imageResult .gs-snippet, 
.gs-fileFormatType {
    color: gray !important;
}
.gsc-results .gsc-cursor-box {
    background: #333 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    background-color: #222 !important;
    border-color: gray !important;
    color: peru !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: #222 !important;
    border-color: gray !important;
color: tomato !important;
}
.gcsc-more-maybe-branding-root>a span {
  color: peru !important;
}
.gcsc-more-maybe-branding-root>a svg.gcsc-find-more-on-google-magnifier ,
svg.gcsc-find-more-on-google-magnifier {
    fill: peru !important;
}


/* MULTI COLUMN */
.gsc-webResult.gsc-result, 
.gsc-results .gsc-imageResult {
    float: left !important;
    width: 33% !important;
    height: 153px!important;
    margin-right: 4px !important;
    border-radius: 5px !important;
}
.gcsc-more-maybe-branding-root ,
.gsc-results .gsc-cursor-box {
    float: left;
    width: 99%;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page  {
    display: inline-block !important;
    min-width: 30px !important;
    height: 26px !important;
    line-height: 26px !important;
}

/* (new31A) PAGINATION ON RIGHT - for:
https://forum.userstyles.org/discussion/84139/pagination-not-appearing-on-the-right#latest
=== */
#foot[role="navigation"] {
    position: fixed;
    max-width: 32%;
    height: 30px;
    line-height: 0px !important;
    bottom: 0;
    right: -14.5% !important;
    top: 54%;
    transform: rotate(90deg);
}
#foot[role="navigation"]  span#xjs {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
    top: -99%;
}
#foot[role="navigation"]  span#xjs  table td:not(:first-of-type):not(:...

Reviews

No reviews yet.