DuckDuckGo Less scrolling with a multi columns interface
/* ==UserStyle==
@name DuckDuckGo - Multi-Columns (ORGANIC) (USw) v.58
@namespace https://greasyfork.org/en/users/8-decembre?sort=updated
@version 580.00
@author decembre
@description DuckDuckGo Less scrolling with a multi columns interface
@license unlicense
==/UserStyle== */
@-moz-document domain("duckduckgo.com") {
/* ==== 0- DuckDuckGo - Multi-Columns (Organic) (USw) v.58 (new58) ==== */
/* LAST UPDATED VESION on Userstyles.org (broken login - 2023.08):
v.52
20230609.17.10
========================== */
/* USERSCRIPT SUPPORT ==============
Add Google button to duckduckgo.com - by klaufir (2019) :
https://greasyfork.org/fr/scripts/373582-add-google-button-to-duckduckgo-com
================================= */
/* TEST SIDEBAR - WITHOUT IA - WITH HOVER */
section[data-area="sidebar"] {
position: fixed !important;
height: 90vh !important;
min-width: 23.4% !important;
max-width: 23.4% !important;
right: -23.5% !important;
top: unset !important;
bottom: 0vh !important;
z-index: 500000000 !important;
transition: all ease 0.7s !important;
background: #111 !important;
border: 1px solid red !important;
}
section[data-area="sidebar"]:hover {
position: fixed !important;
min-width: 30% !important;
max-width: 30% !important;
right: 0% !important;
top: unset !important;
bottom: 0vh !important;
z-index: 500000000 !important;
transition: all ease 0.7s !important;
background: #111 !important;
border: 1px solid red !important;
}
section[data-area="sidebar"]:has(li):before {
content: "⪡" !important;
position: absolute !important;
display: inline-block !important;
left: -20px !important;
top: 0 !important;
font-size: 20px !important;
z-index: 5000000 !important;
background: red !important;
border: 1px solid red !important;
}
/* INFOS ABOUT */
section[data-area="sidebar"] .react-module[data-react-module-id="about"] {
display: inline-block !important;
min-width: 100%;
text-align: center !important;
/*border: 1px solid aqua !important;*/
}
section[data-area="sidebar"] .react-module[data-react-module-id="about"] > div {
display: inline-block !important;
max-width: 98% !important;
min-width: 98% !important;
padding: 0 5px 0 5px !important;
text-align: center !important;
/*border: 1px solid green !important;*/
}
section[data-area="sidebar"] .react-module[data-react-module-id="about"] span.expandableItem + a{
display: inline-block !important;
width: 50% !important;
}
/* RELATED SEARCH */
section[data-area="sidebar"] ol.react-results--sidebar li[data-layout="related_searches"] .related-searches .related-searches__lists ol.related-searches__list.related-searches__list--first {
padding-right: 20px !important;
}
/* TEST SIDEBAR - IA IN DUCKDUCKGO */
.standby-btn {
width: 100%;
margin: 0 0 0 0 !important;
padding: 3px 0;
cursor: pointer;
border-radius: 4px;
border: 1px solid #888;
transition: transform 0.15s ease !important;
color: gold !important;
background: transparent !important;
}
section[data-area="sidebar"]:has(ol):has(#ddgpt) {
position: fixed !important;
height: 90vh !important;
min-width: 50% !important;
max-width: 50% !important;
right: -50.5% !important;
top: unset !important;
bottom: 0vh !important;
z-index: 500000000 !important;
transition: all ease 0.7s !important;
background: #111 !important;
border: 1px solid green !important;
}
section[data-area="sidebar"]:has(ol):has(#ddgpt):hover {
position: fixed !important;
min-width: 50% !important;
max-width: 50% !important;
right: 0% !important;
top: unset !important;
bottom: 0vh !important;
z-index: 500000000 !important;
transition: all ease 0.7s !important;
background: #111 !important;
/*border: 1px solid red !important;*/
}
/* SIDEBAR EMPTY */
section[data-area="sidebar"]:has(:not(li)):has(#ddgpt) {
position: fixed !important;
min-width: 50% !important;
max-width: 50% !important;
right: -50.2% !important;
top: unset !important;
bottom: 0vh !important;
z-index: 500000000 !important;
transition: all ease 0.7s !important;
background: #111 !important;
/*border: 1px solid yellow !important;*/
}
/* HOVER IA - NOT HOVER SIDBAR */
section[data-area="sidebar"]:has(#ddgpt:hover):hover {
position: fixed !important;
min-width: 50% !important;
max-width: 50% !important;
right: -50.1% !important;
top: unset !important;
bottom: 0vh !important;
z-index: 500000000 !important;
transition: all ease 0.7s !important;
background: #111 !important;
/*border: 1px solid green !important;*/
}
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active {
position: fixed;
width: 488px !important;
max-height: 80vh !important;
top: unset !important;
bottom: -6.5vh !important;
right: 0.9% !important;
z-index: 5000000 !important;
/*border: 1px solid aqua !important;*/
}
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active {
position: fixed;
width: 488px !important;
max-height: 80vh !important;
top: unset !important;
bottom: -14.5vh !important;
right: 0.9% !important;
z-index: 5000000 !important;
/*border: 1px solid pink !important;*/
}
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active .app-name img#ddgpt-logo {
position: fixed !important;
max-width: 18% !important;
height: 4vh !important;
object-fit: contain !important;
object-position: center 12px !important;
}
/* WITH REPLY */
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre) ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre) {
position: fixed;
width: 488px !important;
max-height: 80vh !important;
top: unset !important;
bottom: 0.0vh !important;
right: 0.9% !important;
border-radius: 8px 8px 0 0 !important;
z-index: 5000000 !important;
/*border: 1px solid pink !important;*/
}
/* #ddgpt.fade-in.active section */
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre) > pre ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre) > pre {
max-height: 68vh !important;
min-width: 95% !important;
line-height: 17.92px;
font-size: 14px;
white-space: pre-wrap;
margin: .99rem 0 7px 0;
padding: 1.25em 1.25em 0 1.25em;
border-radius: 10px;
overscroll-behavior: contain;
overflow: auto;
transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) !important;
color: #f2f2f2;
background: #2b3a40cf;
/*border: 1px solid yellow ;*/
}
/* (new58) WITH REPLY - NOT HOVER - SMALL */
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):not(:hover) > pre ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):not(:hover) > pre{
max-height: 3vh !important;
line-height: 17.92px;
min-width: 95% !important;
margin: .99rem 0 7px 0;
padding: 0.15em 1.25em 0 1.25em;
font-size: 14px;
border-radius: 10px 10px 0 0 !important;
white-space: pre-wrap;
overscroll-behavior: contain;
overflow: auto;
transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) !important;
color: #f2f2f2;
background: #2b3a40cf;
border: 1px solid yellow ;
}
/* INPUT CONTAINER - HOVER */
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):hover > pre + section ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):hover > pre + section section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section {
max-height: 40vh !important;
min-width: 95% !important;
line-height: 15.92px;
font-size: 14px;
white-space: pre-wrap;
margin: 0 0 -2vh 0 !important;
padding: 0 0 0 0 !important;
border-radius: 10px 10px 0 0 !important;
overscroll-behavior: contain;
overflow: auto;
transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) !important;
color: #f2f2f2;
background:red !important;
border: 1px dashed aqua !important;
}
/* INPUT CONTAINER - NOT HOVER */
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section {
max-height: 4vh !important;
line-height: 15.92px;
min-width: 98% !important;
max-width: 98% !important;
white-space: pre-wrap;
margin: -1vh 0 -4vh 0 !important;
padding: 0 0 0 0 !important;
font-size: 14px;
border-radius: 10px 10px 0 0 !important;
overscroll-behavior: contain;
overflow: auto;
transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) !important;
color: #f2f2f2;
background:red !important;
border: 1px solid aqua !important;
}
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):hover > pre + section #app-chatbar ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):hover > pre + section #app-chatbar {
border: solid 1px #aaa;
border-radius: 12px 13px 12px 0;
font-size: 0.92rem;
max-height: 30vh !important;
width: 84.6% !important;
resize: none;
position: relative;
z-index: 555;
color: #eee;
margin: 3px 0 15px 0 !important;
padding: 4px 57px 9px 10px;
background: fuchsia !important;
}
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section #app-chatbar ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section #app-chatbar {
position: relative;
height: 2vh !important;
max-height: 2vh !important;
width: 90.6% !important;
margin: 3px 0 15px 0 !important;
padding: 1px 57px 0px 10px;
border-radius: 12px 13px 12px 0;
font-size: 0.92rem;
resize: none;
z-index: 555;
color: #eee;
background: olive !important;
border: solid 1px #aaa;
}
section[data-area="sidebar"]:has(#ddgpt):hover #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section #app-chatbar .continue-chat button ,
section[data-area="sidebar"]:has(#ddgpt):not(:hover) #ddgpt.fade-in.active:has(pre):not(:hover) > pre + section .continue-chat button {
position: relative;
float: right;
margin: 8px 0 15px 0 !important;
bottom: -2vh !important;
z-index: 560;
cursor: pointer;
color: red !important;
fill: aqua !important;
stroke: peru !important;
background: none;
border: 1px solid aqua !important;
}
/* MIN */
section[data-area="sidebar"] #ddgpt.fade-in.active[style="bottom: -7px;"] {
position: fixed;
width: 198px !important;
max-height: 80vh !important;
top: unset !important;
bottom: -20vh !important;
right: 35px !important;
padding: 0px 26px 16px !important;
z-index: 5000000 !important;
border: 1px solid green !important;
}
section[data-area="sidebar"] #ddgpt.fade-in.active[style="bottom: -7px;"].app-name {
display: inline-block !important;
height: 100% !important;
max-width: 60px!important;
min-height: 2vh !important;
max-height: 2vh !important;
margin: 2px -20px 0 -20px !important;
border: 1px solid green !important;
}
section[data-area="sidebar"] #ddgpt.fade-in.active[style="bottom: -7px;"] .app-name img#ddgpt-logo {
max-width: 100%;
height: 4vh !important;
object-fit: contain !important;
object-position: center 12px !important;
}
#ddgpt > pre {
max-height: 80vh !important;
min-width: 95% !important;
line-height: 17.92px;
font-size: 14px;
white-space: pre-wrap;
margin: .99rem 0 7px 0;
padding: 1.25em 1.25em 0 1.25em;
border-radius: 10px;
overscroll-behavior: contain;
overflow: auto;
transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) !important;
color: #f2f2f2;
background: #2b3a40cf;
border: 1px solid white;
}
/*.is-not-mobile-device .site-wrapper {
position: absolute !important;
min-width: 99.8% !important;
max-width: 99.8% !important;
left: 0 !important;
border: 1px solid aqua !important;
}*/
/* [A VOIR]:
- ONE DESCRIP MORE (not TOP FIRST RESULT
==== */
/* (new37) PAGES NUM */
#links.results.js-results .has-pagenum .result__pagenum--side {
font-size: 13px !important;
color: silver !important;
/* opacity: 0.5 !important; */
background: #AE5A5A !important;
}
/* (new45) PAGES NUM */
[arial-label^="Page"] {
-moz-box-align: center;
align-items: center;
/* display: inline-block !important; */
float: left !important;
clear: both !important;
margin: -0.5vh 0 0 0 !important;
right: 3px !important;
position: absolute !important;
width: 100%;
min-width: 2vw !important;
max-width: 2vw !important;
/* background: green !important; */
}
[arial-label^="Page"] span{
color: var(--theme-col-txt-page-separator);
font-size: 0.833333rem;
font-weight: 600;
min-width: 2em;
border-radius: 5px !important;
text-align: center !important;
transform: translateX(10px) !important;
background: red !important;
}
/* [A VOIR] (new34) ONE DESCRIP MORE (not TOP FIRST RESULT) :
https://duckduckgo.com/?q=vue.js&ia=web
https://duckduckgo.com/?q=vue.runtime.global.prod.js&ia=web
PB:
https://duckduckgo.com/?q=%22i%3D!important%3B%22&ia=web
=== */
/* #links.results.js-results .nrn-react-div article:not([id="r1-0"]) > div:nth-child(4) {
position: absolute !important;
max-height: 12vh !important;
margin: -16vh 0 0 22.5% !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
} */
#links.results.js-results .nrn-react-div article:not([id="r1-0"]) > div:nth-child(4) {
border: 1px solid red !important;
}
/* (new45) 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;
} */
/* (new45) */
/* #iframe_hidden , */
/* .header-wrap::after, */
/* section[data-testid="sidebar"] , */
#react-layout > div > div section ol.react-results--main li[data-layout="ad"] ,
.set-align-center .footer[style="display: block;"] ,
.footer[style="display: block;"] ,
.header--aside__item.header--aside__item--hidden-lg ,
.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;
}
/* (new38) TEST - OTHER VIEW when typing search in browser search bar (more results) - === */
.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; */
}
/* (new34) MORE VIDEOS BUTTON */
/* (new34) */
.module__footer.js-carousel-module-more::before {
content: "→";
left: 60% !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; */
}
/* (new34) */
.module--carousel__left.js-carousel-module-left.ddgsi.ddgsi-left {
float: right !important;
margin-top: -40px !important;
margin-left: 20px !important;
/* outline: 1px solid violet !important; */
}
.module--carousel__right.js-carousel-module-right.ddgsi.ddgsi-right {
display: inline-block !important;
margin-top: -40px !important;
margin-right: 6px !important;
/* z-index: 5000 !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%;
}
#react-layout > div > div section ol.react-results--main li[data-layout="news"] .module--carousel__item.has-image .module--carousel__image-wrapper {
position: relative;
float: left;
height: 38% !important;
width: 100%;
/* background-color: red !important; */
}
/* (new48) */
.module--carousel__footer {
position: absolute;
bottom: 0em !important;
}
/* (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; */
}
/* (new57) 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;
}
/* (new57) */
.module.module--carousel.js-module--videos .module--carousel__item.has-image .module--carousel__image-wrapper.js-carousel-item-image-wrapper .module--carousel__image {
height: 60px !important;
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 {
float: right;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
/* (new36) .nrn-react-div - TOP - ALL */
/* NORMAL / ALL =
class="yQDlj3B5DI5YO8c8Ulio L3nvATidW0xLPfPD8y_R" data-handled-by-react="true" data-testid="result" data-nrn="result"
/* (new58) CENTER CONTAINER RESULTS ==
OTHER TYPE CODE:???
li class="wLL07_0Xnd1QZpzpfR4W" data-layout="organic">
<article id="r1-1" class="yQDlj3B5DI5YO8c8Ulio L3nvATidW0xLPfPD8y_R" data-handled-by-react="true" data-testid="result" data-nrn="result">
https://duckduckgo.com/?q=Coomer&ia=web
=== */
#react-layout > div > div > div[data-testid="web-vertical"]{
margin: 0 0 0 0.5% !important;
/*border: 1px solid red ! important;*/
}
#react-layout > div > div > section[data-testid="mainline"] {
display: inline-block !important;
min-width: 100% ! important;
max-width: 100% ! important;
}
/* (new41) NEW CODE - OK */
/* .super-wide ol.react-results--main li article ,*/
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] ,
.serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
.nrn-react-div article:not([id="r1-0"]) {
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-radius: 5px !important;
border: 1px solid gray ! important;
}
/* (new49) NEW CODE - RESULTS ITEMS - ALL >> NEWS / ABOUT / VIDEO */
#react-layout > div > div section ol.react-results--main li[data-layout="news"] ,
#react-layout > div > div section ol.react-results--main li[data-layout="about"] ,
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] ,
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 32.6% ! important;
max-width: 32.6% ! important;
margin-right: 4px ! important;
margin-bottom: 3px !important;
padding: 1px 1px 1px 0px ! important;
border-radius: 5px !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
border: 1px solid gray ! important;
}
/* (new57) PRODUCT */
/* (new57) PRODUCTS MIDDLE */
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 32.3% ! important;
max-width: 32.3% ! important;
margin-right: 4px ! important;
margin-bottom: 3px !important;
padding: 1px 1px 1px 5px ! important;
border-radius: 5px !important;
overflow: hidden !important;
border: 1px solid gray ! important;
}
/* (new58) COR margin */
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] .module.module--carousel .module__header.module__header--link {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
font-size: 15px;
line-height: 15px;
margin: 10px 0 0px 0 !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] .module.module--carousel a.module--carousel__body__title {
display: inline-block !important;
vertical-align: top !important;
/*box-sizing: border-box !important;*/
width: 100% !important;
min-width: 100px !important;
max-width: 100px !important;
line-height: 13px !important;
max-height: 1.2vh !important;
min-height: 1.2vh !important;
margin: 15px 0px 0px 0px !important;
font-size: 13px !important;
/*color: red !important;*/
/*border: 1px solid yellow! important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] .module.module--carousel .module--carousel__body__pricing {
position: absolute;
display: flex;
align-items: center;
bottom: 3.2vh !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] .module--carousel__item {
width: calc((100% - (3 * 2 * 6px)) / 3);
height: 105px;
margin: 5px 3px 0px 15px !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] .js-carousel-item-image-wrapper {
height: 45px !important;
/*border: 1px solid red! important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="products_middle"] .module--carousel__image-wrapper + .module--carousel__body {
display: inline-block !important;
width: 100% !important;
min-width: 100% ! important;
max-width: 100% ! important;
height: 30px;
margin: 0px !important;
padding: 0 0.25em;
text-align: left !important;
/*baground: red !important;*/
}
/* ABOUT */
#react-layout > div > div section ol.react-results--main li[data-layout="about"] .react-module[data-react-module-id="about"] {
display: inline-block !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 100% ! important;
max-width: 100% ! important;
margin: 0 0 0 0 !important;
padding: 0px 0px 0px 0px ! important;
overflow: hidden !important;
/* overflow-y: auto !important; */
/* background: olive !important; */
/* border: 1px solid aqua ! important; */
}
#react-layout > div > div section ol.react-results--main li[data-layout="about"] .react-module[data-react-module-id="about"] > div section > div {
display: inline-block !important;
min-height: 141px ! important;
max-height: 141px ! important;
min-width: 100% ! important;
max-width: 100% ! important;
margin: 6px 0 0 0 !important;
padding: 0px 0px 0px 0px ! important;
overflow: hidden !important;
overflow-y: auto !important;
/* background: brown !important; */
/* border: 1px solid aqua ! important; */
}
/* (new51) MAPS */
#react-layout > div > div section ol.react-results--main li[data-layout="maps_places"]:not(:hover) {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 32.6% ! important;
max-width: 32.6% ! important;
margin: 0 4px 3px 0! important;
padding: 1px 1px 1px 0px ! important;
border-radius: 5px !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
/* mask-image: linear-gradient(to bottom, black 97%, transparent 100%); */
border: 1px solid gray ! important;
}
/* (new54) ) TOP - MAPS - MULI RESULTS */
.module--places.is-multiple.js-module--maps_places {
max-width: 100% !important;
text-align: center !important;
}
.module--places.is-multiple.js-module--maps_places .js-places-module-content {
display: inline-block !important;
max-width: 33% !important;
text-align: left !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="maps_places"]:hover {
float: left !important;
clear: none !important;
/* min-height: 155px ! important;
max-height: 155px ! important; */
min-width: 32.6% ! important;
max-width: 32.6% ! important;
margin: 0 4px 3px 0! important;
padding: 1px 1px 1px 0px ! important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid yellow ! important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="maps_places"]:not(:hover) .module--places-multiple .module__header {
height: 85px !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="maps_places"]:not(:hover) .module--places-multiple .module__header .mapkit-static__map {
height: 84px !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#react-layout > div > div section ol.react-results--main li[data-layout="maps_places"] .module--places-multiple .simple-tooltip[data-tooltip^="below"][data-tooltip-text]::before {
margin-top: 15px;
right: 70% !important;
top: 100%;
transform: translateX(10%) !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="maps_places"] .module--places-multiple .place-list-item__details {
flex: 1 1 0;
padding: 6px 20px 6px !important;
}
/* (new55) TOP RESULT - MAPS + IMAGES / INFOS */
.react-module[data-react-module-id="about"] {
display: inline-block !important;
min-width: 100%;
text-align: center !important;
/* border: 1px solid aqua !important; */
}
.react-module[data-react-module-id="about"] > div {
display: inline-block !important;
max-width: 40% !important;
min-width: 40% !important;
padding: 0 5px 0 5px !important;
text-align: center !important;
/* border: 1px solid green !important; */
}
/* .react-module[data-react-module-id="about"] div[data-testid="about"] section > div , */
.react-module[data-react-module-id="about"] div[data-testid="about"] section ,
.react-module[data-react-module-id="about"] div[data-testid="about"] > div {
display: inline-block !important;
/* float: left !important; */
max-width: 98% !important;
min-width: 98% !important;
padding: 0 5px 0 5px !important;
text-align: left !important;
/* border: 1px solid red !important; */
}
.react-module[data-react-module-id="about"] div[data-testid="about"] section > div {
display: inline-block !important;
height: auto !important;
max-width: 98% !important;
min-width: 98% !important;
padding: 4px 5px 0 5px !important;
margin: 0 0 0 0 !important;
text-align: left !important;
/* border: 1px solid lime !important; */
}
.react-module[data-react-module-id="about"] div[data-testid="about"] section > div.lvQOtr6eTc96qHqf0I_Y a {
/* display: inline-block !important; */
float: left !important;
height: auto !important;
margin: 0 0 0 0 !important;
text-align: left !important;
/* border: 1px solid lime !important; */
}
/* IMAGES */
.react-module[ data-react-module-id="about"] div[data-testid="about_header-image"] {
min-width: 100% !important;
max-width: 100% !important;
min-height: 15vh !important;
background-size: contain;
/* border: 1px solid yellow !important; */
}
/* MAP */
.react-module[ data-react-module-id="about"] div[data-testid="about-map"] .mapkit-static__map {
height: auto !important;
min-width: 100% !important;
max-width: 100% !important;
background-position: center center;
background-repeat: no-repeat;
background-size: contain !important;
}
.react-module[ data-react-module-id="about"] div[data-testid="about-map"] .mapkit-static__map img.mapkit-static__img {
/* height: auto !important; */
/* max-height: 6vh !important; */
min-width: 38vw !important;
max-width: 38vw !important;
/* background-position: center center;
background-repeat: no-repeat;
background-size: contain !important; */
}
/* (new49) ABOUT -ITEM */
#react-layout > div > div section ol.react-results--main li[data-layout="about"] .module--about {
min-height: 150px ! important;
max-height: 150px ! important;
margin-top: 0;
padding-top: 2px ;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 0.7s ;
/*background: olive !important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="about"] section {
min-height: 12vh !important;
/* max-height: 12vh !important; */
padding: 0 8px !important;
/* border: 1px solid aqua !important; */
}
/* (new48) SIDEBAR for ABOUT ? */
.results--sidebar.js-vertical-sidebar {
position: absolute !important;
display: block;
height: 5.5vh !important;
min-width: 253px;
max-width: 465px;
top: -5.5vh !important;
right: 0% !important;
padding: 0px 0px 0;
margin: 0 0 0 0 !important;
text-align: left;
overflow: hidden;
z-index: 50 !important;
/*border: 1px solid pink !important;*/
}
.results--sidebar.js-vertical-sidebar:hover {
height: auto !important;
z-index: 5000 !important;
/*border: 1px solid pink !important;*/
}
.results--sidebar.js-vertical-sidebar .react-news-sidebar{
padding: 0 !important;
}
.results--sidebar.js-vertical-sidebar .module--about .module__content {
max-height: 325px;
padding: 0px 10px 5px 10px !important;
overflow: hidden;
}
/*.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;
}*/
/* (new48) NEW CODE - RESULTS ITEMS - NEWS CARROUSEL / .module--carousel__items.s-carousel-module-items / li[data-layout="news"] */
#react-layout > div > div section ol.react-results--main li[data-layout="news"] .module--carousel__wrap {
width: 100% !important;
min-width: 99% !important;
max-width: 99% !important;
margin: -1.15vh 0 0 0.5% !important;
/* background: brown !important; */
}
#react-layout > div > div section ol.react-results--main li[data-layout="news"] .module--carousel__item {
min-width: 30% !important;
height: 115px !important;
/* border: 1px solid aqua! important; */
}
#react-layout > div > div section ol.react-results--main li[data-layout="news"] .module--carousel__item > .module--carousel__body {
width: 100%;
max-height: 7em;
line-height: 0.4rem !important;
margin-bottom: 0px !important;
padding: 2px 2px 0 2px !important;
text-align: left;
font-size: 15px !important;
overflow: hidden;
/* background: red !important; */
}
#react-layout > div > div section ol.react-results--main li[data-layout="news"] .module--carousel__item > .module--carousel__body .module--carousel__body__title {
display: block;
line-height: 1rem;
max-height: 5em;
font-size: 15px;
margin-bottom: 0.15em;
overflow: hidden;
}
#react-layout > div > div section ol.react-results--main li[data-layout="news"] .module--carousel__item .module--carousel__body__content {
font-size: 1em;
line-height: 1.2;
max-height: 2.5em;
overflow: hidden;
overflow-y: auto !important;
/*background: brown !important; */
}
/* (new56) NEW CODE - RESULTS ITEMS - VIDEO CARROUSEL */
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module--carousel {
height: 155px !important;
margin: 0 0 0 0 !important;
overflow: initial;
/*background: olive !important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module--carousel .module__header {
height: 20px !important;
margin: 0 0 0 15px !important;
}
/* (new56) */
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items {
height: 100px !important;
margin: 15px 0 5px 0 !important;
/*border: 1px solid aqua! important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items .module--carousel__item.has-image {
height: 93px !important;
/* border: 1px dotted aqua! important; */
}
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items .module--carousel__image-wrapper.js-carousel-item-image-wrapper {
height: 75px !important;
/*border: 1px dotted aqua! important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items .module--carousel__body {
width: 100%;
height: 1.5vh !important;
margin: 0px !important;
padding: 2px 0.3em;
text-align: center;
overflow: hidden;
/*background: red !important;*/
}
#react-layout > div > div section ol.react-results--main li[data-layout="videos"] .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items .module--carousel__body .module--carousel__body__title {
height: 1.2vh !important;
line-height: 1.2vh !important;
margin: 0px !important;
white-space: nowrap;
font-size: 14px !important;
text-overflow: ellipsis;
overflow: hidden;
}
/* (new56) RESULTS IMAGES - CONTAINER */
#react-layout > div > div section ol.react-results--main li[data-layout="images"] {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 32.6% ! important;
max-width: 32.6% ! important;
margin-right: 4px ! important;
margin-bottom: 3px !important;
padding: 1px 1px 1px 0px ! important;
border-radius: 5px !important;
/* background: red !important; */
border: 1px solid gray ! important;
}
/* (new56) */
.module--carousel .module__footer-carousel__label ,
.module--images .module__footer-carousel__label {
padding: 3px 32px !important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="images"] .module.module--images {
display: inline-block !important;
margin: 0px 0px 0px 0px;
}
#react-layout > div > div section ol.react-results--main li[data-layout="images"] .module.module--images .module--images__thumbnails {
display: inline-block !important;
min-height: 85px ! important;
max-height: 85px ! important;
width: 100% ! important;
padding: 0 0px 0 5px ! important;
overflow: hidden ! important;
overflow-y: auto ! important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="images"] .module.module--images .module--images__thumbnails .module--images__thumbnails__tile {
float: left;
height: 75px !important;
overflow: hidden;
}
#react-layout > div > div section ol.react-results--main li[data-layout="images"] .module.module--images .module--images__thumbnails .module--images__thumbnails__tile .module--images__thumbnails__image {
position: relative;
display: inline-block !important;
height: 100% !important;
min-height: 75px ! important;
max-height: 75px ! important;
object-fit: contain !important;
}
/* (new58) COR A VOIR pf FLOAT - NEW CODE - RESULTS - VISITED INDICATOR */
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] a + a[data-handled-by-react="true"] {
position: absolute;
/* position: relative !important; */
/* position: unset !important; */
/*display: inline-block !important;*/
float: left !important;
/* clear: both !important; */
min-height: 0.8em ! important;
max-height: 0.8em ! important;
line-height: 1em !important;
min-width: 0.8em ! important;
max-width: 0.8em ! important;
margin: -0.5em 0em 0 0em !important;
padding: 0 0 0 0 !important;
text-align: center !important;
border-radius: 100% !important;
opacity: 0.5 !important;
/* border-right: 1px solid red ! important; */
}
/* .unYeG0luM2YbeXDDPqLg:before , */
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] a + a:before {
display:inline-block !important;
content:"\2611";
font-family:ddg-serp-icons!important;
font-style:normal;
font-size: 0.8em !important;
min-height: 0.7em ! important;
max-height: 0.7em ! important;
line-height: 1.1 !important;
min-width: 0.7em ! important;
max-width: 0.7em ! important;
border-radius: 100% !important;
/* border: 1px solid #222 !important; */
}
/* (new53) NEW CODE - RESULTS LONG */
#react-layout > div > div [data-testid="mainline"][data-area="mainline"] {
display: inline-block !important;
min-width: 100% ! important;
max-width: 100% ! important;
}
#react-layout > div > div [data-testid="mainline"][data-area="mainline"] ol.react-results--main {
display: inline-block !important;
min-width: 99.9% ! important;
max-width: 99.9% ! important;
}
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] article {
min-height: 140px ! important;
max-height: 140px ! important;
min-width: 96.5% ! important;
max-width: 96.5% ! important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid red ! important; */
}
/* (new53) */
#react-layout > div > div section ol.react-results--main li[data-layout="organic"] article ul li[id^="sl-"] {
display:inline-block !important;
margin: 0 2px 0 0 !important;
padding: 0 3px ! important;
border-bottom: 1px solid gray ! important;
/* border: 1px solid violet !important; */
}
/* (new39) ACTUALITES / NEWS */
.vertical.vertical--news .results.js-vertical-results {
position: relative;
width: 100% ! important;
min-width: 99% ! important;
max-width: 99% ! important;
margin: 1em 0 2em 0 !important;
padding-bottom: 5em;
/* border: 1px solid yellow ! important; */
}
.vertical.vertical--news .results.js-vertical-results .result.result--news {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 32.6% ! important;
max-width: 32.6% ! important;
margin: 0 4px 3px 6px !important;
padding: 3px 1px 1px 0px ! important;
border-radius: 5px !important;
border: 1px solid gray ! important;
}
.results.js-vertical-results .result.result--more.js-result-more {
position: absolute;
width: 100% !important;
bottom: -3vh !important;
left: 0;
margin: 0 0 0 0 !important;
padding: 0 !important;
}
.vertical.vertical--news .result.result--sep.result--sep--hr.has-pagenum.js-result-sep {
float: left !important;
clear: none !important;
min-height: 10px !important;
max-height: 10px !important;
line-height: 6px !important;
min-width: 97.4% ! important;
max-width: 97.4% ! important;
margin: 0px 0px 15px 0px !important;
bottom: -5px !important;
padding: 5px 0 0 0 ! important;
/* border-radius: 5px !important; */
/* border: 1px solid aqua ! important; */
}
.vertical.vertical--news .result.result--sep.result--sep--hr.has-pagenum.js-result-sep .result__pagenum--side {
font-size: 13px;
color: silver;
background: #ae5a5a !important;
}
/* (new39) RELATED - IMAGES CARROUSEL */
#links.results.js-results .module-slot:not(:empty) .module.module--images[style="visibility: visible;"] {
position: relative;
display: inline-block !important;
width: 100%;
min-width: 90% !important;
max-width: 90% !important;
min-height: 155px ! important;
max-height: 400px ! important;
margin: 0 0 0 0 !important;
padding: 5px 5% !important;
text-align: center !important;
box-shadow: unset !important;
/* background: red !important; */
/* border: 1px solid aqua !important; */
}
/* (new39) OTHER CODE - RELATED - RESULTS ASSOCIATED */
#links.results.js-results .module-slot:not(:empty) .related-searches ,
#react-layout > div > div section ol.react-results--main li[data-layout="organic"]:not([data-layout="related_searches"]):not(:empty) .related-searches {
position: relative;
display: inline-block !important;
width: 100%;
min-width: 100% !important;
max-width: 100% !important;
min-height: 155px ! important;
max-height: 195px ! important;
margin: 0 0 0 0 !important;
padding: 0 0% 0 34% !important;
box-shadow: unset !important;
/* background: red !important; */
/* border: 1px solid yellow !important; */
}
/* (new47) */
#react-layout > div > div section ol.react-results--main li[data-layout="related_searches"] {
float: left !important;
clear: none !important;
min-height: 155px ! important;
max-height: 155px ! important;
min-width: 32.6% ! important;
max-width: 32.6% ! important;
margin-right: 4px ! important;
margin-bottom: 3px !important;
padding: 1px 1px 1px 0px ! important;
overflow: hidden !important;
overflow-y: auto !important;
border-radius: 5px !important;
border: 1px solid silver ! important;
}
ol.related-searches__list,
#react-layout > div > div section ol.react-results--main li[data-layout="related_searches"] ol {
float: left !important;
}
#react-layout > div > div section ol.react-results--main li a:visited{
color: rgba(210, 179, 140, 0.61) !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 {
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"] {
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;
left: 35% !important;
text-align: center ;
z-index: 50;
overflow: hidden !important;
overflow-y: hidden !important;
transition: all ease 0.7s ;
/* border: 1px solid aqua ; */
}
/* (new37A) */
div[data-testid="mainline"] + .results--sidebar.js-results-sidebar {
/* left: 0% !important;*/
/* border: 1px solid aqua !important; */
}
/* (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 */
/* (new34) FIRST TOP RESULT - BEFORE TOP RESULT ORGANIC BAR - CARROUSEL .module--carousel */
#links_wrapper.serp__results.js-serp-results .ia-modules.js-ia-modules:not(:empty) {
position: relative !important;
display: inline-block !important;
width: 97.9% !important;
top: 5px !important;
overflow: hidden;
text-align: center !important;
border-radius: 5px !important;
transition: all 0.7s ease 0s;
border: 1px solid gray !important;
}
#links_wrapper.serp__results.js-serp-results .ia-modules.js-ia-modules:not(:empty) .module--carousel__wrap {
padding: 0 20px 0 20px !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;
}
/* 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) ;
}
/* (new37A) */
.ddgpt-container:not(:hover) {
height: 4vh !important;
padding: 4px 26px 0 26px;
flex-basis: 0;
flex-grow: 1;
word-wrap: break-word;
border-radius: 8px 8px 0 0 !important;
white-space: pre-wrap;
overflow: hidden !important;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
border: 1px solid red !important;
background: transparent !important;
}
/* (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;
clear: none!important;
padding: 1px !important;
overflow: hidden !important;
color: pink !important;
border: 1px solid violet !important;
}
.linkifyplus:after {
content: "LinkiFy" !important;
display: inline-block !important;
width: 35px !important;
height: 15px !important;
float: none !important;
padding: 1px !important;
font-size: 10px !important;
text-align: center !important;
opacity: 0.2 !important;
background: yellow !important;
}
.linkifyplus:hover:after {
content: "LinkiFy" !important;
display: inline-block !important;
width: 35px !important;
height: 15px !important;
float: none !important;
padding: 1px !important;
font-size: 10px !important;
text-align: center !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: 769px !important;
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_input {
width: 695px !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 {
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;
}
/* (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;
}
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;
}
/* (new37) - RESULTS CONTAINER - ==== */
.results {
max-width: 100% ! important;
min-width: 100% ! important;
/* left: -90px ! important; */
/* outline: 1px solid green ! important; */
}
.cw {
max-width: 100% ! important;
min-width: 100% ! important;
left: 0px ! important;
padding: 0 !important;
/* outline: 1px solid green ! important; */
}
/* (new37) - ALL */
.metabar__in, .welcome,
.zcm-wrap,
.zci__main,
.zci__detail,
.serp__results,
.tile-wrap .no-results,
.footer,
.footer--mobile {
padding-left: 0px;
}
.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 {
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;
}
/* (new58) COR A VOIR vertical-align - 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 {
position: static;
display: block;
/*vertical-align: middle;*/
max-width: 100%;
line-height: 1.15;
padding: 0;
font-size: 1.31em;
overflow: hidden;
margin-top: -10px !important;
}
/* (new30) For CHROME ?*/
#links .result:not(.result--sep):not(.result--more) {
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;
}
.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;
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;
}
/* (new40) RESULTS MORE BUTTON - AT BOTTOM WIDER - === */
.result--more.is-loading.js-results-loading ,
.result.result--more {
position: absolute !important;
width: 50% !important;
bottom: 0px!important;
left: 0px !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;
}
/* (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;
max-width: 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;
transition: all ease 1s !important;
}
.tile--img__details:hover {
position: absolute;
display: inline-block !important;
max-width: 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;
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;
}
/* [A VOIR] */
.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;
width: 145px;
margin : 10px auto ;
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 */
}