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

/* ==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      NONE
@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(:last-of-type)...