DuckDuckGo - Multi-Columns v.33 by decembre

Imported and mirrored from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/102738.user.css

DuckDuckGo - Multi-Columns v.33 screenshot
Install Get Stylus Write a review

Details

Authordecembre

LicenseNo License

Created

Updated

Categoryduckduckgo

Statistics

Learn how we calculate statistics in the FAQ.

Total views1039

Total installs1885

Weekly installs32

Description

Firefox and Chrome tested.
Less scrolling with a multi columns interface.....

Auto-load more Results work now !

▶ Please Comment and give Feedback if you like this Style :-)

Notes

This Userstyle fill the windows in a multi-column page (based on window size) .

You can use too the enable options of DuckDuckGo to format the result page:
Many options are provided and you can save your preferences too.
For me on a large screen , this is 3 columns.

If you want less or more columns, you can play with the width variable of :
#links .result
(find it in my userstyles and play )
By example to have 2 columns:

#links .result {
min-height : 155px ! important;
max-height : 155px ! important;
min-width : 45% ! important;
max-width : 45% ! important;
margin-right: 4px ! important;
padding: 1px 1px 1px 35px ! important;
border: 1px solid gray ! important;
}

Also to see the left side panel colored (with the checkmark to show if the result was or not visited before),
use the Dark/Gray Light or the Dark theme and enable the (option "show when visited".
See the screenshot here:
Looks even better than the screenshot with the left side panel colored.

Adaptation for GM:

- SearchPreview

- Linkify Plus Plus [ GreasyFork ] in use:

Mark text links "Linkifyed" by GM "Linkify Plus Plus"

test link :
ShowAllGroups - by vispillo chez DuckDuckGo

CHANGES in v.8...v.33:
Last Corrections for:

Support for the Top Info Sidebar (Expand on Hover).
Test Links:
https://duckduckgo.com/?q=wikipedia&t=ffsb&ia=web
https://duckduckgo.com/?q=metaKey&t=ffsb&ia=web
https://duckduckgo.com/?q=microsoft&t=ffsb&ia=places

Others Correction for:
Videos , columns, Auto load, Map Search, Carousel news....

History

Daily snapshots of style statistics.

2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.003.907.8011.7015.5019.4023.3027.2031.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-08-022021-08-272021-09-222021-10-172021-11-112021-12-072022-01-012022-01-272022-02-212022-03-18Date0.00140.00280.00420.00550.00690.00830.00970.001100.00Total countTotal installsTotal views

Source code

/* ==UserStyle==
@name           DuckDuckGo - Multi-Columns v.33
@namespace      USO Archive
@author         decembre
@description    `Firefox and Chrome tested.Less scrolling with a multi columns interface.....<mark>Auto-load more Results work now ! </mark><mark>▶ Please Comment and give Feedback if you like this Style :-)</mark>`
@version        20220818.12.57
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("duckduckgo.com") {

/* ==== 0- DUCKDUCKGO - Multi-Columns v.33 (new33) ==== */

/* (new24) SUPP PUBS - PB for TOP INFO === */
/* .js-sidebar-ads .module-slot ,
.js-sidebar-ads ,
.results--ads.has-ad ,
.js-right-ads-container {
    display: none !important;
} */

.footer ,
#bottom_spacing2 {
    padding-bottom: 0px;
    display: none !important;
}

/* (new33) - FOR SETTINGS - CENTER */
html.set-align-center .cw {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    right: 0 !important;
    left: 0 !important;
}


/* (new24) TEST - OTHER VIEW when typing search in browser search bar (more results) - === */
/* .module module--carousel.module--carousel-videos.js-module--videos , */
/* .module.module--images , */
.module-slot:not(:empty){
    float: left !important;
    height: auto !important;
    width: 98.3% !important;
    margin-left: 0% !important;
/*     margin-bottom: 15px !important; */
/*     padding-bottom: 54px ; */
    border-radius: 5px ;
border: 1px solid gray !important;
}
.module--carousel__image.is-center-image {
background-color: black !important;
}

/* (new27) RESULTS after TOP RESULTS */
.result__sitelinks--large {
    display: inline !important;
}

/* (new16) TOP NEWS - === */
/* TEST LINKs:
https://duckduckgo.com/?q=youtube&t=ffsb&ia=web
RFI - 
== 
== https://duckduckgo.com/?q=rfif&ia=news
======= */
#results--main.serp__results js-serp-results  .results--main .ia-modules.js-ia-modules{
    height: 0 !important;
}
.module.module--carousel.js-module--news {
    height: auto !important;
/* border: 1px solid red !important; */
}
.module--carousel__items {
    height: auto !important;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
/* .ia-modules.js-ia-modules:not(:empty) , */
#links.results.js-results  #organic-module:not(:empty) {
    float: left !important;
    height: auto !important;
    width: 98.3% !important;
    margin-left: 0% !important;
    margin-bottom: 15px !important;
    border-radius: 5px ;
border: 1px solid gray !important;
/* border: 1px solid aqua !important; */
}

/* (new26) MORE VIDEOS BUTTON */
/* (new22) */
.module--carousel .module__header, 
.module--carousel .module__footer {
    margin-left: 11px !important;
}
/* (new27) */
.module--carousel .module__footer {
    display: inline-block !important;
    top: -328px !important;
    left: 65px !important;
    margin-bottom: 0px !important;
    padding: 0 5px 0 25px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
background: #111 !important;
}
.module--carousel .module__footer:hover {
background: red !important;
}
.module__footer::before {
    content: "→";
    left: 5px !important;
}


#links.results.js-results  #organic-module:not(:empty)  .module.module--carousel.js-module--news .module--carousel__items.js-carousel-module-items:not(:last-child) .module--carousel__item {
    height: 280px !important;
    width: 17.2% !important;
    margin-top: 8px!important;
    margin-left: -0.3%!important;
    margin-right: 1.3%!important;
border: 1px solid gray !important;
/* border: 1px solid green !important; */
}
#links.results.js-results  #organic-module:not(:empty)  .module.module--carousel.js-module--news .module--carousel__items.js-carousel-module-items:not(:last-child) .module--carousel__item:first-of-type {
    margin-left: 5%!important;
}
#links.results.js-results  #organic-module:not(:empty)  .module.module--carousel.js-module--news .module--carousel__items.js-carousel-module-items:not(:last-child) {
    height: auto !important;
    width: 97.7% !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
    padding: 0px 20px !important;
/* border: 1px solid gray !important; */
/* border: 1px solid tomato !important; */
}
#links.results.js-results #organic-module:not(:empty) .module.module--carousel.js-module--news .module--carousel__items.js-carousel-module-items + .js-carousel-module-more.module__footer {
    float: left !important;
    width: 98% !important;
    margin-top: 0px !important;
/* border: 1px solid gray !important; */
/* outline: 1px solid aqua !important; */
}
.module--carousel__left.js-carousel-module-left.ddgsi.ddgsi-left {
    float: right !important;
    margin-top: -40px !important;
    margin-left: 0px !important;
/* outline: 1px solid violet !important; */
}
.module--carousel__right.js-carousel-module-right.ddgsi.ddgsi-right {
    float: left !important;
    margin-top: -40px !important;
    margin-right: 6px !important;
/* outline: 1px solid tan !important; */
}

.js-news-module-title.module__header.module__header--link   {
    margin-left: -4px !important;
    padding-left: 14px !important;
    top: -30px !important;
}

.module.module--news.js-module--news {
    display: inline-block !important;
    width: 99% !important;
    height: 183px !important;
z-index: 0 !important;
background: #222 !important;
}
.module--news__items.js-news-module-items   {
    height: 162px !important;
    top: -31px !important;
    padding-left: 1.3%;
    padding-right: 1.8%;
/* border: 1px solid red !important; */
}
.module--news__items.js-news-module-items   .module--news__item   {
    height: 158px !important;
}
/* #organic-module .module--news__items .module--news__item  */
.module--news__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 230px;
    width: 20%;
    margin-top: 4px;
    margin-left: -0.5% !important;
    padding: 0px 5px !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    cursor: pointer;
    white-space: normal;
/* background: #222 !important; */
}

.module--news__item:not(:last-child) {
    margin-right: 1.2%;
    margin-left: -1% !important;
}
.module--news__item:last-child {
/* margin-right: -1.4% !important; */
    margin-left: -1% !important;
}

.module--news__body {
  box-sizing: border-box;
/* height: 135px !important; */
    padding: 0.25em !important;
}
.module--news__body__title {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 0.20em;
    max-height: 5em;
    overflow: hidden;
}
.module--news__body__content {
    font-size: 0.8176em !important;
    line-height: 1.2 !important;
    min-height: 70px  !important;
    max-height: 4.1em !important;
    overflow: hidden;
}
.module--news__image {
    background-size: contain !important;
    height: 100%;
    width: 100%;
}
.module--news__right {
    padding-left: 1px;
    right: 13px !important;
}
.js-news-module-more.module__footer {
    top: -20px !important;
/* background: red !important; */
}
/* (new22)  CARROUSELS NEWS EMISSIONS
https://duckduckgo.com/?q=i+may+desrtoy+you&ia=news&iai=https%3A%2F%2Fwww.franceinter.fr%2Femissions%2Fune-heure-en-series%2Fune-heure-en-series-13-juin-2020
== */
.module--carousel__item {
    width: 17.2% !important;
    height: 280px;
}
.module--carousel__item:first-child{
    margin-left: 4%;
}
.module--carousel__image-wrapper {
    position: relative;
    float: left;
    height: 72%;
    width: 100%;
background-color: #f7f7f7;
}
/* (new22) NO IMAGE */
.module--carousel__item  >  .module--carousel__body {
    width: 100% ;
    height: 280px ;
    margin-bottom: 20px !important;
    padding: 0 0.75em ;
    text-align: center ;
    overflow: hidden ;
/* background: red !important; */
}
/* (new22) WITH IMAGE */
.module--carousel__item  > .module--carousel__image-wrapper + .module--carousel__body {
    width: 100% ;
    height: 78px ;
    margin-bottom: 20px !important;
    padding: 0 0.75em ;
    text-align: center ;
    overflow: hidden ;
/* background: red !important; */
}
/* (new18) TOP NEWS - VIDEOS CARROUSEL - === */
.module.module--carousel.js-module--videosl {
  box-shadow: none;
  height: 351px !important;
  overflow: initial;
}
.module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items {
  height: 299px !important;
}
.module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items .module--carousel__item.has-image {
height: 270px !important;
}
.module.module--carousel.js-module--videos .module--carousel__item.has-image .module--carousel__image-wrapper.js-carousel-item-image-wrapper {
height: 200px !important;
}
.module.module--carousel.js-module--videos .module--carousel__item.has-image .module--carousel__image-wrapper.js-carousel-item-image-wrapper .module--carousel__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.has-extra-row .module--carousel__body__title {
    height: 1.5em !important;
    line-height: 1.5em !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.has-extra-row .module--carousel__footer {
    height: 44px !important;
    top: 222px !important;
}
.module.module--carousel.js-module--videos  .module--carousel__right.js-carousel-module-right.ddgsi.ddgsi-right{
  margin-right: 20px !important;
}





/* (new32) RESULTS ITEMS - LEFT CKECK PANEL */
/*  .nrn-react-div */
.serp__results.js-serp-results #links.results.js-results .nrn-react-div article h2 a[data-testid="result-title-check"] ,
.result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large .result__check , 
.serp__results.js-serp-results #links.results.js-results #r1-0.result:not(:hover) .result__body .result__check, 
.serp__results.js-serp-results #links.results.js-results #r1-0.result:hover .result__body .result__check {
    height: 100%;
    min-height: 120px !important;
border-left: 2px solid gray;
background: rgba(115, 108, 108, 0.28) none repeat scroll 0 0;
/* background: red !important; */
}

/* (new33) .nrn-react-div  - SITE LINK ORGANICS */
.results__sitelink--organics {
     float: left ;
    width: 97.7%;
    margin-top: 16px ;
    padding: 5px ;
    border-radius: 5px ;
    overflow: hidden;
border: 1px solid gray;
}
/* (new33) .nrn-react-div  - SITE LINK ORGANICS - TOP */
.serp__results.js-serp-results #links.results.js-results #r1-0 .results__sitelink--organics {
    float: left;
    width: 98.3%;
    margin-bottom: 1.2em;
    margin-top: 0;
    overflow: hidden;
border: 1px solid gray ;
}
/* (new33) .nrn-react-div  - SITE COL - ALL */
.result__sitelink-col {
    float: left;
    margin-bottom: 0.6em;
    padding-left: 25px;
    width: 255px;
border-radius: 5px ;
border: 1px solid gray;
}
.result__sitelink-row {
    margin: 0 1% 0 0 !important;
}
.result__sitelink-row:first-of-type {
    margin: 0 1% 0 1% !important;
}
.js-sitelink.result__sitelink-col {
    height: 122px !important;
    margin: 0 0.2% 0 0 !important;
}

/* TEST LINK : https://duckduckgo.com/?q=github-wc-polyfill+Off.JustOff&ia=web */
/* body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"] */
.serp__results.js-serp-results #links.results.js-results #r1-0:not([data-nrn="result"]),
.result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large{
    display: inline-block !important;
    height: auto !important;
    height: 100%;
    min-height: 100px;
    width: 100% !important;
    min-width: 98.5% !important;
    max-width: 98.5% !important;
    margin-top: 0px;
    border-radius: 4px;
    overflow: hidden !important;
border: 1px solid red !important;
}
.result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large {
    margin-bottom: 5px;
}
/* (new29) */
.result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large, 
.serp__results.js-serp-results #links.results.js-results #r1-0 .result__body.links_main.links_deep h2 a.result__a.js-result-title-link{
    height: 27px !important;
    line-height: 35px !important;
/* background: red !important; */
/* border: 1px solid violet !important; */
}


/* (new33) .nrn-react-div - ALL */
#links.results.js-results #r1-0 .result__body.links_main.links_deep {
    height: auto !important;
    margin-top: -10px !important;
    padding: 0px 10px !important;
}
#r1-0.result.results_links_deep.highlight_d  .result__snippet  {
    height: auto !important;
    overflow-x: hidden;
    overflow-y: auto;
}
/* (new33) .nrn-react-div - TOP */
#links.results.js-results #r1-0 .result__body.links_main.links_deep .result__menu {
    display: inline-block !important;
    float: right;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* (new33) .nrn-react-div - TOP - ALL */
.serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
.nrn-react-div article:not([id="r1-0"]) {
    display: inline-block !important;
    float: left !important;
    clear: none !important;
    min-height: 155px ! important;
    max-height: 155px ! important;
    min-width: 30.6% ! important;
    max-width: 30.6% ! important;
    margin-right: 4px ! important;
    margin-bottom: 3px !important;
    padding: 1px 1px 1px 35px ! important;
    border: 1px solid gray ! important;
border: 1px solid gray ! important;
}
/* (new33) ALL */
#links.results.js-results .nrn-react-div article > div:last-of-type {
    max-height: 12vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
/*     border: 1px solid aqua !important; */
}


/* (new33) TOP FIRST RESULT - .nrn-react-div */
body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .results--main .results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"],
body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"] {
    display: inline-block !important;
    height: auto;
    min-height: 100px;
    width: 100%;
    min-width: 97.1%;
    max-width: 97.1%;
    margin-top: 0;
    border-radius: 4px;
    overflow: hidden;
border: 1px solid red !important;
}
#links.results.js-results .nrn-react-div article[id="r1-0"] > div:last-of-type {
    max-height: 9vh !important;
    margin: 0 !important;
border-top: 1px dotted gray !important;
}
#links.results.js-results .nrn-react-div #r1-0 ul {
    display: inline-block !important;
    width: 100% !important;
    min-width: 99% !important;
    max-width: 99% !important;
/* border: 1px dashed aqua !important; */
}
#links.results.js-results .nrn-react-div #r1-0 ul li {
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    padding-right: 51vw !important;
/* border: 1px solid aqua !important; */
}


/* (new32) .nrn-react-div - CHECK - ALL */
.nrn-react-div article a[data-testid="result-title-check"] {
    width: 100%;
    min-width: 20px;
    max-width: 20px;
    height: 100%;
    min-height: 118px;
    max-height: 118px;
    left: -33px !important;
    margin-top: 2px !important;
    padding: 30px 5px 2px 2px;
background: rgba(115, 108, 108, 0.28) !important;
border-left: 2px solid gray !important;
}
/* (new32) .nrn-react-div - CHECK */
.nrn-react-div article a[data-testid="result-title-check"]::before {
    display: inline-block !important;
    left: -33px !important;
    right: 655px !important;
    content: "☑";
    float: right;
    font-family: "ddg-serp-icons" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal !important;
    line-height: 1;
    text-decoration: none !important;
    text-transform: none;
/* outline: 1px solid gray !important; */
}
/* (new32) .nrn-react-div - CHECK */
body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"] a[data-testid="result-title-check"]::before {
    margin-top: 20px !important;
    content: "☑";
}
body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"] {
    display: inline-block;
    float: left;
    clear: none;
    min-height: 155px;
    max-height: 155px;
    min-width: 96.2% !important;
    max-width: 96.2% !important;
    margin-bottom: 3px;
    margin-right: 4px;
    padding: 1px 1px 1px 35px;
/* border: 1px solid yellow !important; */
}

/* (new32) .nrn-react-div - VISITED CHECK - ALWAYS VISIBLE */
.nrn-react-div article a[data-testid="result-title-check"]:visited::before {
    color: #205984  ! important;
    background: rgba(115, 108, 108, 0.28) !important;
}
.nrn-react-div article a[data-testid="result-title-check"]:visited {
    border-left: 2px solid red !important;
}
.nrn-react-div article a[data-testid="result-title-check"]:hover span  {
    display: none !important;
}

/* (new33) - TOP INFO - === */

/* TEST LINKs: not good
RECH ASSOCIEES
https://duckduckgo.com/?q=script&ia=web
DEF / MAP INFOS
https://duckduckgo.com/?q=wikipedia&t=ffsb&ia=web
https://duckduckgo.com/?q=metaKey&t=ffsb&ia=web
https://duckduckgo.com/?q=microsoft&t=ffsb&ia=places
======= */

/* (new33) - TOP RESULT - A VOIR */
.results--sidebar.js-results-sidebar {
    position: absolute !important;
    display: block !important;
/*     height: 45px !important; */
    max-height: 45px !important;
    min-width: 460px !important;
    max-width: 460px !important;
    top:  -10px !important;
    text-align: center ;
    z-index: 50;
    overflow: hidden !important;
    overflow-y: hidden !important;
    transition: all ease 0.7s ;
/* border: 1px solid aqua ; */
}
/* (new25) TOP INFO */
#zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar {
    top: 0px;
    padding: 0 ;
}
/*  (new23) START - TOP INFO - WITH MAP */
#zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar:not(:hover) .module.module--about.js-about-module.has-content-height {
    height: 45px;
    width: 100% !important;
    min-width: 460px !important;
    max-width: 460px !important;
}
#zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar:not(:hover) .module.module--about.js-about-module.has-content-height .mapkit-static__map {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
#zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar:not(:hover) .module.module--about.js-about-module.has-content-height  .mapkit-static__img{
    display: block;
    height: 30px;
    opacity: 0;
}
/* (new33) */
#zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar:not(:hover) .module.module--about.js-about-module.has-content-height  .module__title {
    position: absolute ;
    display: inline-block ;
    width: 100% !important;
    min-width: 460px !important;
    max-width: 460px !important;
    height: 43px;
    line-height: 40px;
    top: 0px ;
    left: 0 ;
    margin-left: 0% !important;
    text-align: center !important;
z-index: 500 !important;
background: rgba(17, 17, 17, 0.71) !important;
}
#zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar:hover .module.module--about.js-about-module.has-content-height  .module__title {
    position: absolute ;
    display: inline-block ;
    width: 100% !important;
    top: 5px ;
    margin-left: -5% !important;
    text-align: center !important;
/* backgound: red !important; */
}

/* (new27) */
/* .module--about.has-content-height .module__content .module__title::before, 
.module--about.has-content-height .module__content .module__title::after , */
#zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar .module--about.is-expanded .module__content:before, 
#zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar .module--about.is-expanded .module__content::after {
    color: red;
    content: "▼";
    font-size: 15px;
    position: absolute ;
    display: inline-block ;
    top: 0 ;
left: 0 !important;
}
/*  END - (new23) WITH MAP */


/* (new33) FIRST  TOP RESULT - BEFORE TOP RESULT ORGANIC BAR */
#links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) {
    position: absolute;
    display: inline-block !important;
/*     height: 45px; */
/*     max-width: 460px; */
/*     min-width: 460px; */
    width: 98.3% !important;
top: 5px !important;
    overflow: hidden;
    text-align: center !important;
    transition: all 0.7s ease 0s;
z-index: 50;
pointer-events: none !important;
/* border: 1px solid yellow !important; */
}
#links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) .module--about {
    display: inline-block !important;
    width: 30% !important;
    height: 50px !important;
    padding-top: 2px;
    margin-bottom: 0;
    overflow: hidden;
    overflow-y: auto ;
    transition: all ease 0.7s ;
pointer-events: auto !important;
background: #111 !important;
border: 1px solid gray !important;
}
#links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) .module--about:hover {
    height: auto !important;
    padding-top: 2px;
    margin-bottom: 0;
    overflow: hidden;
    overflow-y: auto ;
    transition: all ease 0.7s ;
}
.ia-modules.js-ia-modules .module--about:hover {
    height: auto ;
    padding-top: 2px;
    margin-bottom: 0;
    overflow: hidden;
    overflow-y: auto ;
    transition: all ease 0.7s ;
}

/* (new33) */
#zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar:hover {
    height: auto !important;
    min-height: 43px;
    max-height: 85vh !important; 
    overflow: hidden !important;
border-radius: 0 0 5px  5px !important;
background: #111 !important;
border: 1px solid red !important;
}
.results--sidebar.js-results-sidebar .module__content.js-about-module-content .module__title span.module__title__link {
    display: inline-block;
    width: 54% !important;
    font-size: 18px !important;
/* border: 1px solid violet !important; */
}
.results--sidebar.js-results-sidebar:not(:hover) .module__content.js-about-module-content .module__title:before ,
.results--sidebar.js-results-sidebar:not(:hover) .module__content.js-about-module-content .module__title:after {
    content: "▼" ;
    color: red ;
    font-size: 15px !important;
}
/* (new24) */
.results--sidebar.js-results-sidebar .module__text {
    margin-top: 31px;
}
#zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar:hover #m0-0:empty:before {
content: "No More Infos ";
    display: inline-block ;
    height: 43px !important;
    width: 100% ;
    line-height: 43px !important;
text-align: center ;
font-size: 20px ;
opacity: 0.2 ;
border: none ;
color: gray ;
background: #111 ;
}

.results--sidebar.js-results-sidebar:hover {
    height: auto  !important;
    min-height: 43px !important;
    text-align: left ;
    transition: all ease 0.7s ;
}

.js-sidebar-modules:not(:empty) {
    min-height: 243px !important;
margin-bottom: -20px ;
background: #111 ;
}
.js-sidebar-modules:empty {
    height: 0px !important;
    overflow: hidden !important;
}

/* (new33) */
.module--about {
    height: 40px;
    margin-top: 0;
    padding-top: 2px ;
    overflow: hidden !important;
    overflow-y: hidden !important;
    transition: all ease 0.7s ;
}
.results--sidebar:hover .module--about {
    height: auto ;
    padding-top: 2px;
    margin-bottom: 0;
    overflow: hidden;
    overflow-y: auto ;
    transition: all ease 0.7s ;
}
.module__content.js-about-module-content {
    padding-top: 0;
}

/* new27) TOP HEADER STACK */

.module.module--about.module--zci-stack_overflow.js-module--stack_overflow.js-about-module .module__link--two-line{
    margin-bottom: -3px !important;
}
.module.module--about.module--zci-stack_overflow.js-module--stack_overflow .js-about-item-clickable-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.module.module--about.module--zci-stack_overflow.js-module--stack_overflow .module__text.module__text--no-padding {
    margin-top: 0px !important;
}
.module.module--about.module--zci-stack_overflow.js-module--stack_overflow .module__text.module__text--no-padding  span.js-about-item-abstr{
    display: inline-block !important;
    height: auto !important;
    max-height: 73vh !important;
    border-radius: 0 0 5px 5px;
    overflow: hidden !important;
    overflow-y: auto !important;
}

/* (new24) MAP - RIGHT PANEL VERT - IMG CARROUSEL SITE WRAPPER */
.vertical--map__sidebar__wrapper .module--about {
    height: auto !important;
    margin-top: 0;
    padding-top: 2px ;
}


/* IMAGE RIGHT - for Transparancy _
https://duckduckgo.com/?q=ubuntu&t=ffsb&ia=web
=== */
.js-about-module-image {
    padding: 0px !important;
    transform: scale(0.7) !important;
    transform-origin: center center ;
}
.module--about__img  {
    padding: 3px !important;
    transform: scale(0.5) !important;
    transform-origin: top right ;
    border: 1px solid #404040 !important;
    box-shadow: 3px 3px 2px black ;
}
.results--sidebar:hover .module--about__img  {
    padding: 4px !important;
    transform: scale(1) !important;
}

/* THEM - OTHERS */
.results--sidebar {
    background: rgba(150, 150, 150, 0.3) !important;
}
.results--sidebar:hover .module--about {
    box-shadow: 4px 4px 5px black ;
    background: white !important;
}
.module--about__img {
    background: white ;
}

/* (new25) THEM - DARK AND BLACK */
.dark-bg.dark-header .results--sidebar {
/*     background: #222 ; */
    background: transparent !important;
}
.dark-bg.dark-header .results--sidebar:hover  {
z-index: 50000 !important;
/*     background: #111 !important; */
}
.results--sidebar.js-results-sidebar .js-sidebar-ads #m0-0:not(:empty)  {
    width: 100% !important;
    min-width: 460px !important;
    max-width: 460px !important;
z-index: 50000 !important;
border: 1px solid #333 !important;
background: transparent !important;
}


.dark-bg.dark-header .results--sidebar:hover .module--about {
    background: #222 !important;
}
.dark-bg.dark-header .module--about__img {
    background: rgba(150, 150, 150, 0.8) ;
}



/* (new27) TEST - RESULTS - ADAPTATION FOR GM "LINKYPLUS PLUS" - IMAGES LINKS - 
https://duckduckgo.com/?q=Anti+Stealth+iframe+and+pixel+img&t=ffsb&ia=web
=== */
.result__snippet a.linkifyplus {
/* color: rgba(64, 51, 218, 0.76) !important; */
color: rgba(190, 124, 58, 0.9) !important;
}
.linkifyplus img {
    max-width: 10% !important;
    max-height: 51px !important;
/*     float: left !important; */
    clear: none!important;
    padding: 1px !important;
color: pink !important;
overflow: hidden !important;
border: 1px solid violet !important;
/* background: red !important; */
}
.linkifyplus:after {
content: "LinkiFy" !important;
/* position: absolute !important; */
display: inline-block !important;
    width: 35px !important;
    height: 15px !important;
float: none !important;
/* clear: none!important; */
/* top: 0 !important; */
/* left: 0 !important; */
    padding: 1px !important;
font-size: 10px !important;
text-align: center !important;
/* overflow: hidden !important; */
opacity: 0.2 !important;
background: yellow !important;
}
.linkifyplus:hover:after {
content: "LinkiFy" !important;
/* position: absolute !important; */
display: inline-block !important;
    width: 35px !important;
    height: 15px !important;
float: none !important;
/* clear: none!important; */
/* top: 0 !important; */
/* left: 0 !important; */
    padding: 1px !important;
font-size: 10px !important;
text-align: center !important;
/* overflow: hidden !important; */
opacity: 1 !important;
background: yellow !important;
}
/* (new3) - LOGO - === */
.header__logo-wrap {
    left: 90px !important;
    width: 58px !important;
}

/* (new21) SEARCH FIELD - === */


.header__content.header__search {
/* width: 1800px !important; */
/* width: 93% !important; */
    width: 769px !important;
/* margin-left: 88px; */
    left: 62px !important;
}
.search--header:not(.js-vertical-map-search) {
    width: 805px !important;
    height: 38px;
    padding-left: 9px;
border-right-width: 3em !important;
    background-color: #f7f7f7 !important;
}
.header__search-wrap {
    position: relative;
    width: 808px !important;
    max-width: 808px !important;
    margin-bottom: 3px;
    margin-top: 1px;
}
#search_form {
/* width: 100% !important; */
/* max-width: 1800px !important; */
}

#search_form_input  {
    width: 695px !important;
/* border-right: 1px solid red !important; */
    color: black !important;
}



/* (new3) - FIRST ROW RESULTS - IMAGE/RESULTS TITLE VIEW - ARROW left/right - === */
.tile-nav.can-scroll, 
.tile-nav.can-scroll::after {
    background-color: #de5833 !important;
    color: #fff;
}



/* (new3) SUPP - NO VIDEO RESULTS BLOCK CONTAINER - === */
/* #zero_click_wrapper {
    display: none;
} */

/* (new3) - RESULTS ITEMS CONTAINER - HOVER - 
.result__snippet b, 
=== */
.result.results_links_deep.highlight_d.highlight {
/* border: 1px solid red !important; */
}

.result.results_links_deep.highlight_d.highlight .result__check::before {
    display: inline-block !important;
    left: -33px !important;
    right: 655px !important;
    content: "☑";
    float: right;
    font-family: "ddg-serp-icons" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal !important;
    line-height: 1;
    text-decoration: none !important;
    text-transform: none;
/* outline: 1px solid red !important; */
}

/* (new6) */
.result__check__tt::before {
     display: none !important;
}




/* (new2) - RESULTS HIGHLIGHTING - 
.result__snippet b, 
=== */
.result.results_links_deep.highlight_d.highlight {
/* background: red !important; */
    border: 1px solid red !important;
}
.result.results_links_deep.highlight_d .result__snippet b {
    color: tomato !important;
}

/* (new18) RESULTS VISITED CHECK - === */
.result__check {
    position: absolute;
    width: 1em;
    top: 1.6em !important;
    margin-right: 1em;
    right: 93% !important;
    font-size: 0.8em;
    white-space: nowrap;
/* border: 1px solid violet !important; */
}
body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"] a[data-testid="result-title-check"], 
.result:not(:hover) .result__body .result__check ,
.result:hover .result__body .result__check {
    height: 100% ! important;
    min-height: 118px !important;
    max-height: 118px !important;
    width: 100%! important;
    min-width: 20px ! important;
    max-width: 20px ! important;
    margin-top: -24px !important;
    left: 2px !important;
    padding: 30px 5px 2px 2px  !important;
border-left: 2px solid gray !important;
background: rgba(115, 108, 108, 0.28) !important;
}
/* (new32) .nrn-react-div */
body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__results.js-serp-results .nrn-react-div article[id="r1-0"][data-nrn="result"][data-handled-by-react="true"] a[data-testid="result-title-check"] {
    height: 100% ! important;
    min-height: 118px !important;
    max-height: 118px !important;
    width: 100%! important;
    min-width: 20px ! important;
    max-width: 20px ! important;
    margin-top: -24px !important;
    left: -33px !important;
    padding: 35px 5px 2px 2px  !important;
    border-left: 2px solid gray !important;
    background: rgba(115, 108, 108, 0.28) !important;
/* background: yellow !important; */
}

.result:not(:hover) .result__body .result__check:visited ,
.result:hover .result__body .result__check:visited {
    border-left: 2px solid red !important;
}
.result__check:hover span  {
    display: none !important;
}

/* (new3) - VISITED CHECK - ALWAYS VISIBLE - === */
.result__check:visited:before {
    color: #205984  ! important;
    background: rgba(115, 108, 108, 0.28) !important;
}
.result__check .result__check,
.result__check:hover .result__check__tt {
    height: 20px !important;
    top: 7px !important;
    left: -9px!important;
    visibility: visible;
    opacity: 1;
    transition-delay: 0.75s;
}
 
/* (new10) - RESULTS CONTAINER - ==== */
.results  {
    max-width: 100% ! important;
    min-width: 100% ! important;
/*     left: -90px ! important; */
/* outline: 1px solid green ! important; */
}
.cw {
    max-width: 105% ! important;
    min-width: 105% ! important;
    left: -90px ! important;
/* outline: 1px solid green ! important; */
}
.results--main {
    max-width: 100% ! important;
    min-width: 100% ! important;
/*     left: -90px ! important; */
/* outline: 1px solid green ! important; */
}
.results-wrapper {
    min-width: 91.2% ! important;
    max-width: 91.2% ! important;
    padding-right: 0px !important;
/* outline: 1px solid red ! important; */
}
.cw #links_wrapper.results-wrapper #links.results {
    display: inline-block !important;
    float: left !important;
    max-width: 99% ! important;
    min-width:90% ! important;
/* outline: 1px solid red ! important; */
}

/* (new6) RESULTS EXTRA - DOMAIN / FULL URL - === */
.result__url__domain {
    color: red !important;
    display: inline;
}
.full-urls .result__url__full {
    color: violet !important;
    opacity: 1;
    visibility: visible;
}

/* (new15) INFINITE SCROLL OK - RESULT CONTAINER - PAGE/s - WITH/WITHOUT LINES SEPARATOR - 
ADAPTATION GM " SEARCH REVIEW:
https://addons.mozilla.org/en-US/firefox/addon/searchpreview/
=== */
.result__title {
  display: block;
  font-size: 1.31em;
  line-height: 1.15;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  position: static;
  vertical-align: middle;
margin-top: -10px !important;
/* border: 1px solid violet !important; */
}
/* (new30) For CHROME ?*/
#links .result:not(.result--sep):not(.result--more) {
    display: inline-block !important;
    float: left !important;
    clear: none !important;
    min-height: 155px ! important;
    max-height: 155px ! important;
    min-width: 32.7% ! important;
    max-width: 32.7% ! important;
    margin-right: 4px ! important;
    margin-bottom: 3px !important;
    padding: 1px 1px 1px 35px ! important;
    border: 1px solid gray ! important;
border: 1px solid gray ! important;
}

.result__body.links_main.links_deep {
    margin-top: -20px;
    height: 127px !important;
    overflow: hidden !important;
}
.result__snippet {
    height: 95px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}




/* ==== (new5)  RESULT CONTAINER - PAGE - TOOGLE BUTTON LOCALISATION (in test)  / RESULTS MORE / NO RESULTS RELATED / LINES SEPARATOR ==== */*

/* (new5) TOOGLE BUTTON LOCALISATION  */

 .results--sidebar.js-results-sidebar .region-switch  {
    position: absolute !important;
    right: -0.7em !important;
    top: -20px !important;
    text-align: right;
    z-index: 200 !important;
}
.region-switch .switch {
    float: left;
    height: 14px !important;
    line-height: 14px !important;
    margin-right: 8px;
}
.switch__knob {
    position: absolute;
    display: block;
    height: 12px !important;
    width: 12px !important;
    top: 1px !important;
    left: 2px;
    border-radius: 9px;
    transition: all 0.1s ease 0s, all 0s linear 0s, left 0.3s ease-in-out 0s;
    background-color: #fff;
}
/* (new6) */
/* .is-on .switch__knob {
    left: 32px !important;
} */
.switch__on {
    position: absolute;
    line-height: 12px !important;
    left: 10px;
    color: #fff;
    font-size: 12px !important;
}

/* (new6) */
.region-flag__wrap--small {
/* height: 14px !important; */
/* width: 14px !important; */
/* left: -4px !important; */
/* margin-top: 11px !important; */
}
.region-flag__wrap--small .region-flag__img {
    height: 14px !important;
}
.search-filter__icon.region-flag__wrap.region-flag__wrap--small.has-region.js-region-filter-icon {
    height: 14px !important;
    width: 14px !important;
    left: -4px !important;
    margin-top: 11px !important;
}

/* (new5) RESULTS MORE BUTTON - AT BOTTOM WIDER - === */
.result.result--more {
    position: absolute !important;
    bottom: 0px!important;
    left: 0px !important;
    width: 50% !important;
    margin-left: 30% !important;
    margin-bottom: -10px!important;
}

/* (new5) NO RESULTS BLOCK - === */
.no-results {
    position: relative !important;
    display: inline-block !important;
    min-width: 99% ! important;
    max-width: 99% ! important;
    bottom: 0 !important;
    padding-left: 0.75em;
    padding-top: 2em;
    margin-left: 0% !important;
    text-align: center !important;
/* outline: 1px solid peru ! important; */
}

/* (new5) LINES SEPARATOR - === */
#links .result--sep  {
    float: left!important;
    min-height: 10px ! important;
    max-height: 10px ! important;
    line-height: 5px ! important; 
    min-width: 97.4% ! important;
    max-width: 97.4% ! important;
    margin-top: 0px !important;
    margin-left: 20px ! important;
    bottom: -5px !important;
/* outline: 1px solid peru ! important; */
}

/* (nrew5) LINES SEPARATORS - COUNTER (move middle) - === */
.result--sep--hr::before {
    position: absolute;
    display: block;
    content: "";
    height: 1px;
    left: 10px;
    right: 20px;
    top: 0.25em !important;
    background-color: #e0e0e0;
}
.result__pagenum--side {
    position: absolute;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    top: -6px !important;
    left: 50% !important;
    padding: 0;
    border-radius: 50%;
    text-align: center;
}


/* (new32) RESULTS - COUNTER */
.nrn-react-div ,
#links .results_links_deep {
    counter-increment: myIndex ! important;
}
/* (new32) .nrn-react-div */
.nrn-react-div article:before ,
#links .results_links_deep:before {
    display: inline-block ! important;
    min-width: 15px ! important;
    margin-left: -25px ! important;
    content: counter(myIndex, decimal-leading-zero);
    border-radius: 8px ! important;
    font-size: 10px ! important;
    text-align: center ! important;
    z-index: 10 !important;
color: red ! important;
background: gold ! important;
}
.nrn-react-div article:before{
    position: absolute !important;
    margin: 5px 0 0 -25px ! important;
}
/* (new6) TEST - RESULTS IMAGES - TITLES ON HOVER - === */

.tile--img__details {
    position: absolute;
    display: inline-block !important;
/*     min-width: 80% !important; */
    max-width: 80% !important;
/*     min-height: 80% !important; */
    max-height: 80% !important;
    top: 10% !important;
    right: 0;
    bottom: 0;
    left: 10% !important;
    border-radius: 5px !important;
    text-align: center;
    background: rgba(0, 0, 0, 0.9) !important;
    color: gold !important;
transform: scale(0.7) !important;
    opacity: 1 !important;
/* visibility: visible !important; */
transition: all ease 1s !important;
}

.tile--img__details:hover  {
    position: absolute;
    display: inline-block !important;
/*     min-width: 80% !important; */
    max-width: 80% !important;
/*     min-height: 80% !important; */
    max-height: 80% !important;
    top: 10% !important;
    right: 0;
    bottom: 0;
    left: 10% !important;
    border-radius: 5px !important;
    text-align: center;
    background: rgba(0, 0, 0, 0.4) !important;
    color: gold !important;
transform: scale(0.7) !important;
    opacity: 1 !important;
/* visibility: visible !important; */
transition: transform ease 1s !important;
}

.tile.tile--img.has-detail:hover {
outline: 1px solid violet !important;
}
.tile.tile--img.has-detail .tile--img__media:hover {
outline: 1px solid peru !important;
}
.tile.tile--img.has-detail .tile--img__media .tile--img__img.js-lazyload:hover {
outline: 1px solid yellow !important;
}


.tile.tile--img.has-detail .tile--img__media .tile--img__media__i .tile--img__img.js-lazyload:before {
content: attr(alt) !important;
content: "XXXX" !important;
/* position: absolute !important; */
position: relative !important;
display: inline-block !important;
height: 20px !important;
width: 200px !important;
font-size: 30px !important;
color: red !important;
z-index: 500000 !important;
}

/* BACK to TOP BUTTON - === */
.results--sidebar--mid {
    position: fixed;
    display: inline-block ! important;
    max-width: 44em;
    width: 20px ! important;
    height: 10px ! important;
    left: -150px !important;
    top: 20px ! important;
    z-index: 5;
}

/* TOP HEADER */
.has-zcm .header-wrap:after {
    height: 9px !important;
}

/* (new20) TEST - MOBILE WIDESCREEN - 
https://duckduckgo.com/html/
=== */
/* TOP */

.body--html .header.header--html {
display: inline-block !important;
    width: 100%;
    max-width: none;
    padding: 17px 0 9px;
    text-align: center !important;
    border-bottom: 1px solid #d0d0d0;
background: #222 !important;
}
.body--html .header__form {
    position: relative !important;
    display: inline-block ;
    float: none;
    padding-left: 0;
    width: 100%;
    text-align: center;
}
.body--html .search--header {
    position: relative !important;
    display: inline-block ;
    width: 805px !important;
    height: 38px;
    margin: auto !important;
    padding-left: 9px;
    border-right-width: 3em;
background-color: #f7f7f7;
}
.body--html .frm__select {
    position: relative !important;
    display: inline-block ;
    float: none !important;
    height: auto;
/*     left: 30% ; */
    width: 145px;
    margin : 10px auto ;
/* color: gold !important; */
background-color: transparent !important;
}
/* (new33) */
.frm__select select {
    -moz-appearance: none;
    position: relative;
    display: block;
    width: 140%;
    min-width: 10em;
    line-height: inherit;
    margin: 0;
    padding: 0 28px 0 0.75em;
    font-size: 1em;
    outline: medium none;
color: gold !important;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
background-color: red !important;
}
/* (new21)  MOBILE RESULTS */
.body--html {
background: #222 !important;
}
.body--html .serp__results {
    max-width: 100%;
    padding-left: 10px;
color: gray !important;
background: #222 !important;
}
.body--html .result:hover {
color: gold !important;
    background-color: #333 !important;
}
.body--html .result .result__title {
    margin-top: 0 !important;
}
.body--html .result .result__title a  {
    color: peru !important;
}
.body--html .result .result__title a:visited  {
    color: tomato !important;
}

.body--html .result .result__snippet {
    height: 90px !important;
    overflow-x: hidden;
    overflow-y: auto;
color: #ccc !important;
}

.body--html .result .result__snippet > b{
    color: gold;
}



/* === END ==== */
}

Reviews

No reviews yet.