DuckDuckGo Less scrolling with a multi columns interface
/* ==UserStyle== @name DuckDuckGo - Multi-Columns (ORGANIC) (USw) v.59 @namespace https://greasyfork.org/en/users/8-decembre?sort=updated @version 590.01 @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.59 (new59) ==== */ /* 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 ================================= */ /* (new59) TEST - NEWS - FEEDBACK */ [class*="feedback"], .related-queries, #wsb-btn { display: inline-block !important; } /* 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-r###lts--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; } /* IA MIN - WITH RELATED QUERIES - (ONLY ON HOVER) */ section[data-area="sidebar"][data-testid="sidebar"]:has(#ddgpt):has(.related-queries):not(:hover) #ddgpt { display: inline-block !important; min-height: 15.5vh !important; max-height: 15.5vh !important; margin: 0vh 0 0 0 !important; /*border: 1px solid aqua !important;*/ } section[data-area="sidebar"][data-testid="sidebar"]:has(#ddgpt):has(.related-queries):hover section + .related-queries { position: relative; display: flex; flex-wrap: wrap; width: 100%; height: 100% !important; min-height: 10vh !important; max-height: 10vh !important; top: -2vh !important; margin: -2vh 0 2vh -20px; padding: 0px 0 0 20px !important; overflow: hidden; overflow-y: auto !important; border-left: 4px solid red !important; } /* IA MIN - WITH RELATED QUERIES - INDICATOR - (ONLY ON HOVER) */ section[data-area="sidebar"]:has(#ddgpt):not(:hover) .related-queries .related-query:first-of-type svg { position: fixed !important; display: inline-block !important; height: 2vh !important; min-height: 2vh !important; max-height: 2vh !important; margin: 0vh 0 0 -35px !important; top: -13vh !important; padding: 2px !important; border-radius: 100% !important; z-index: 5000000 !important; border: 1px solid red !important; } /* IA 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 R###LT ==== */ /* (new37) PAGES NUM */ #links.r###lts.js-r###lts .has-pagenum .r###lt__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 R###LT) : 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.r###lts.js-r###lts .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.r###lts.js-r###lts .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 , .r###lts--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-r###lts--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 r###lts) - === */ .module--carousel__image.is-center-image { background-color: black !important; } /* (new27) R###LTS after TOP R###LTS */ .r###lt__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 ======= */ #r###lts--main.serp__r###lts js-serp-r###lts .r###lts--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.r###lts.js-r###lts #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.r###lts.js-r###lts #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.r###lts.js-r###lts #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.r###lts.js-r###lts #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.r###lts.js-r###lts #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-r###lts--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) R###LTS ITEMS - LEFT CKECK PANEL */ /* .nrn-react-div */ .serp__r###lts.js-serp-r###lts #links.r###lts.js-r###lts .nrn-react-div article h2 a[data-testid="r###lt-title-check"] , .r###lt__sitelinks.r###lt__sitelinks--organics.r###lt__sitelinks--large.js-sitelinks.r###lt__sitelinks--large .r###lt__check , .serp__r###lts.js-serp-r###lts #links.r###lts.js-r###lts #r1-0.r###lt:not(:hover) .r###lt__body .r###lt__check, .serp__r###lts.js-serp-r###lts #links.r###lts.js-r###lts #r1-0.r###lt:hover .r###lt__body .r###lt__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 */ .r###lts__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__r###lts.js-serp-r###lts #links.r###lts.js-r###lts #r1-0 .r###lts__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 */ .r###lt__sitelink-col { float: left; margin-bottom: 0.6em; padding-left: 25px; width: 255px; border-radius: 5px ; border: 1px solid gray; } .r###lt__sitelink-row { margin: 0 1% 0 0 !important; } .r###lt__sitelink-row:first-of-type { margin: 0 1% 0 1% !important; } .js-sitelink.r###lt__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__r###lts.js-serp-r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][data-handled-by-react="true"] */ .serp__r###lts.js-serp-r###lts #links.r###lts.js-r###lts #r1-0:not([data-nrn="r###lt"]), .r###lt__sitelinks.r###lt__sitelinks--organics.r###lt__sitelinks--large.js-sitelinks.r###lt__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; } .r###lt__sitelinks.r###lt__sitelinks--organics.r###lt__sitelinks--large.js-sitelinks.r###lt__sitelinks--large { margin-bottom: 5px; } /* (new29) */ .r###lt__sitelinks.r###lt__sitelinks--organics.r###lt__sitelinks--large.js-sitelinks.r###lt__sitelinks--large, .serp__r###lts.js-serp-r###lts #links.r###lts.js-r###lts #r1-0 .r###lt__body.links_main.links_deep h2 a.r###lt__a.js-r###lt-title-link{ height: 27px !important; line-height: 35px !important; /* background: red !important; */ /* border: 1px solid violet !important; */ } /* (new33) .nrn-react-div - ALL */ #links.r###lts.js-r###lts #r1-0 .r###lt__body.links_main.links_deep { height: auto !important; margin-top: -10px !important; padding: 0px 10px !important; } #r1-0.r###lt.r###lts_links_deep.highlight_d .r###lt__snippet { height: auto !important; overflow-x: hidden; overflow-y: auto; } /* (new33) .nrn-react-div - TOP */ #links.r###lts.js-r###lts #r1-0 .r###lt__body.links_main.links_deep .r###lt__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="r###lt" data-nrn="r###lt" /* (new58) CENTER CONTAINER R###LTS == 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="r###lt" data-nrn="r###lt"> 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-r###lts--main li article ,*/ #react-layout > div > div section ol.react-r###lts--main li[data-layout="organic"] , .serp__r###lts.js-serp-r###lts .r###lts--main .r###lts .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 - R###LTS ITEMS - ALL >> NEWS / ABOUT / VIDEO */ #react-layout > div > div section ol.react-r###lts--main li[data-layout="news"] , #react-layout > div > div section ol.react-r###lts--main li[data-layout="about"] , #react-layout > div > div section ol.react-r###lts--main li[data-layout="videos"] , #react-layout > div > div section ol.react-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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 R###LTS */ .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-r###lts--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-r###lts--main li[data-layout="maps_places"]:not(:hover) .module--places-multiple .module__header { height: 85px !important; } #react-layout > div > div section ol.react-r###lts--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-r###lts--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-r###lts--main li[data-layout="maps_places"] .module--places-multiple .place-list-item__details { flex: 1 1 0; padding: 6px 20px 6px !important; } /* (new55) TOP R###LT - 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-r###lts--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-r###lts--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 ? */ .r###lts--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;*/ } .r###lts--sidebar.js-vertical-sidebar:hover { height: auto !important; z-index: 5000 !important; /*border: 1px solid pink !important;*/ } .r###lts--sidebar.js-vertical-sidebar .react-news-sidebar{ padding: 0 !important; } .r###lts--sidebar.js-vertical-sidebar .module--about .module__content { max-height: 325px; padding: 0px 10px 5px 10px !important; overflow: hidden; } /*.r###lts--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 - R###LTS ITEMS - NEWS CARROUSEL / .module--carousel__items.s-carousel-module-items / li[data-layout="news"] */ #react-layout > div > div section ol.react-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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 - R###LTS ITEMS - VIDEO CARROUSEL */ #react-layout > div > div section ol.react-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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-r###lts--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) R###LTS IMAGES - CONTAINER */ #react-layout > div > div section ol.react-r###lts--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-r###lts--main li[data-layout="images"] .module.module--images { display: inline-block !important; margin: 0px 0px 0px 0px; } #react-layout > div > div section ol.react-r###lts--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-r###lts--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-r###lts--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 - R###LTS - VISITED INDICATOR */ #react-layout > div > div section ol.react-r###lts--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-r###lts--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 - R###LTS 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-r###lts--main { display: inline-block !important; min-width: 99.9% ! important; max-width: 99.9% ! important; } #react-layout > div > div section ol.react-r###lts--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-r###lts--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 .r###lts.js-vertical-r###lts { 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 .r###lts.js-vertical-r###lts .r###lt.r###lt--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; } .r###lts.js-vertical-r###lts .r###lt.r###lt--more.js-r###lt-more { position: absolute; width: 100% !important; bottom: -3vh !important; left: 0; margin: 0 0 0 0 !important; padding: 0 !important; } .vertical.vertical--news .r###lt.r###lt--sep.r###lt--sep--hr.has-pagenum.js-r###lt-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 .r###lt.r###lt--sep.r###lt--sep--hr.has-pagenum.js-r###lt-sep .r###lt__pagenum--side { font-size: 13px; color: silver; background: #ae5a5a !important; } /* (new39) RELATED - IMAGES CARROUSEL */ #links.r###lts.js-r###lts .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 - R###LTS ASSOCIATED */ #links.r###lts.js-r###lts .module-slot:not(:empty) .related-searches , #react-layout > div > div section ol.react-r###lts--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-r###lts--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-r###lts--main li[data-layout="related_searches"] ol { float: left !important; } #react-layout > div > div section ol.react-r###lts--main li a:visited{ color: rgba(210, 179, 140, 0.61) !important; } /* (new33) ALL */ #links.r###lts.js-r###lts .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 R###LT - .nrn-react-div */ body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__r###lts.js-serp-r###lts .r###lts--main .r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][data-handled-by-react="true"], body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__r###lts.js-serp-r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][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.r###lts.js-r###lts .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.r###lts.js-r###lts .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.r###lts.js-r###lts .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="r###lt-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="r###lt-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__r###lts.js-serp-r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][data-handled-by-react="true"] a[data-testid="r###lt-title-check"]::before { margin-top: 20px !important; content: "☑"; } body.body--serp .site-wrapper.js-site-wrapper #links_wrapper.serp__r###lts.js-serp-r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][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="r###lt-title-check"]:visited::before { color: #205984 ! important; background: rgba(115, 108, 108, 0.28) !important; } .nrn-react-div article a[data-testid="r###lt-title-check"]:visited { border-left: 2px solid red !important; } .nrn-react-div article a[data-testid="r###lt-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 R###LT - [A VOIR */ .r###lts--sidebar.js-r###lts-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"] + .r###lts--sidebar.js-r###lts-sidebar { /* left: 0% !important;*/ /* border: 1px solid aqua !important; */ } /* (new25) TOP INFO */ #zero_click_wrapper ~ #web_content_wrapper .cw .r###lts--sidebar.js-r###lts-sidebar { top: 0px; padding: 0 ; } /* (new23) START - TOP INFO - WITH MAP */ #zero_click_wrapper ~ #web_content_wrapper .cw .r###lts--sidebar.js-r###lts-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 .r###lts--sidebar.js-r###lts-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 .r###lts--sidebar.js-r###lts-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 .r###lts--sidebar.js-r###lts-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 .r###lts--sidebar.js-r###lts-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 .r###lts--sidebar.js-r###lts-sidebar .module--about.is-expanded .module__content:before, #zero_click_wrapper ~ #web_content_wrapper .cw .r###lts--sidebar.js-r###lts-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 R###LT - BEFORE TOP R###LT ORGANIC BAR - CARROUSEL .module--carousel */ #links_wrapper.serp__r###lts.js-serp-r###lts .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__r###lts.js-serp-r###lts .ia-modules.js-ia-modules:not(:empty) .module--carousel__wrap { padding: 0 20px 0 20px !important; } #links_wrapper.serp__r###lts.js-serp-r###lts .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__r###lts.js-serp-r###lts .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 .r###lts--sidebar.js-r###lts-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; } .r###lts--sidebar.js-r###lts-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; */ } .r###lts--sidebar.js-r###lts-sidebar:not(:hover) .module__content.js-about-module-content .module__title:before , .r###lts--sidebar.js-r###lts-sidebar:not(:hover) .module__content.js-about-module-content .module__title:after { content: "▼" ; color: red ; font-size: 15px !important; } /* (new24) */ .r###lts--sidebar.js-r###lts-sidebar .module__text { margin-top: 31px; } #zero_click_wrapper ~ #web_content_wrapper .cw .r###lts--sidebar.js-r###lts-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 ; } .r###lts--sidebar.js-r###lts-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 ; } .r###lts--sidebar:hover .module--about__img { padding: 4px !important; transform: scale(1) !important; } /* THEM - OTHERS */ .r###lts--sidebar { background: rgba(150, 150, 150, 0.3) !important; } .r###lts--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 .r###lts--sidebar { /* background: #222 ; */ background: transparent !important; } .dark-bg.dark-header .r###lts--sidebar:hover { z-index: 50000 !important; /* background: #111 !important; */ } .r###lts--sidebar.js-r###lts-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 .r###lts--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 - R###LTS - ADAPTATION FOR GM "LINKYPLUS PLUS" - IMAGES LINKS - https://duckduckgo.com/?q=Anti+Stealth+iframe+and+pixel+img&t=ffsb&ia=web === */ .r###lt__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 R###LTS - IMAGE/R###LTS TITLE VIEW - ARROW left/right - === */ .tile-nav.can-scroll, .tile-nav.can-scroll::after { background-color: #de5833 !important; color: #fff; } /* (new3) SUPP - NO VIDEO R###LTS BLOCK CONTAINER - === */ /* #zero_click_wrapper { display: none; } */ /* (new3) - R###LTS ITEMS CONTAINER - HOVER - .r###lt__snippet b, === */ .r###lt.r###lts_links_deep.highlight_d.highlight { /* border: 1px solid red !important; */ } .r###lt.r###lts_links_deep.highlight_d.highlight .r###lt__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) */ .r###lt__check__tt::before { display: none !important; } /* (new2) - R###LTS HIGHLIGHTING - .r###lt__snippet b, === */ .r###lt.r###lts_links_deep.highlight_d.highlight { /* background: red !important; */ border: 1px solid red !important; } .r###lt.r###lts_links_deep.highlight_d .r###lt__snippet b { color: tomato !important; } /* (new18) R###LTS VISITED CHECK - === */ .r###lt__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__r###lts.js-serp-r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][data-handled-by-react="true"] a[data-testid="r###lt-title-check"], .r###lt:not(:hover) .r###lt__body .r###lt__check , .r###lt:hover .r###lt__body .r###lt__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__r###lts.js-serp-r###lts .nrn-react-div article[id="r1-0"][data-nrn="r###lt"][data-handled-by-react="true"] a[data-testid="r###lt-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; */ } .r###lt:not(:hover) .r###lt__body .r###lt__check:visited , .r###lt:hover .r###lt__body .r###lt__check:visited { border-left: 2px solid red !important; } .r###lt__check:hover span { display: none !important; } /* (new3) - VISITED CHECK - ALWAYS VISIBLE - === */ .r###lt__check:visited:before { color: #205984 ! important; background: rgba(115, 108, 108, 0.28) !important; } .r###lt__check .r###lt__check, .r###lt__check:hover .r###lt__check__tt { height: 20px !important; top: 7px !important; left: -9px!important; visibility: visible; opacity: 1; transition-delay: 0.75s; } /* (new37) - R###LTS CONTAINER - ==== */ .r###lts { 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__r###lts, .tile-wrap .no-r###lts, .footer, .footer--mobile { padding-left: 0px; } .r###lts--main { max-width: 100% ! important; min-width: 100% ! important; /* left: -90px ! important; */ /* outline: 1px solid green ! important; */ } .r###lts-wrapper { min-width: 91.2% ! important; max-width: 91.2% ! important; padding-right: 0px !important; /* outline: 1px solid red ! important; */ } .cw #links_wrapper.r###lts-wrapper #links.r###lts { float: left !important; max-width: 99% ! important; min-width:90% ! important; /* outline: 1px solid red ! important; */ } /* (new6) R###LTS EXTRA - DOMAIN / FULL URL - === */ .r###lt__url__domain { color: red !important; display: inline; } .full-urls .r###lt__url__full { color: violet !important; opacity: 1; visibility: visible; } /* (new58) COR A VOIR vertical-align - INFINITE SCROLL OK - R###LT CONTAINER - PAGE/s - WITH/WITHOUT LINES SEPARATOR - ADAPTATION GM " SEARCH REVIEW: https://addons.mozilla.org/en-US/firefox/addon/searchpreview/ === */ .r###lt__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 .r###lt:not(.r###lt--sep):not(.r###lt--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; } .r###lt__body.links_main.links_deep { margin-top: -20px; height: 127px !important; overflow: hidden !important; } .r###lt__snippet { height: 95px !important; overflow: hidden !important; overflow-y: auto !important; } /* ==== (new5) R###LT CONTAINER - PAGE - TOOGLE BUTTON LOCALISATION (in test) / R###LTS MORE / NO R###LTS RELATED / LINES SEPARATOR ==== /* /* (new5) TOOGLE BUTTON LOCALISATION */ .r###lts--sidebar.js-r###lts-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) R###LTS MORE BUTTON - AT BOTTOM WIDER - === */ .r###lt--more.is-loading.js-r###lts-loading , .r###lt.r###lt--more { position: absolute !important; width: 50% !important; bottom: 0px!important; left: 0px !important; margin-left: 30% !important; margin-bottom: -10px!important; } /* (new5) NO R###LTS BLOCK - === */ .no-r###lts { 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 .r###lt--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) - === */ .r###lt--sep--hr::before { position: absolute; display: block; content: ""; height: 1px; left: 10px; right: 20px; top: 0.25em !important; background-color: #e0e0e0; } .r###lt__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) R###LTS - COUNTER */ .nrn-react-div , #links .r###lts_links_deep { counter-increment: myIndex ! important; } /* (new32) .nrn-react-div */ .nrn-react-div article:before , #links .r###lts_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 - R###LTS 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 - === */ .r###lts--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 R###LTS */ .body--html { background: #222 !important; } .body--html .serp__r###lts { max-width: 100%; padding-left: 10px; color: gray !important; background: #222 !important; } .body--html .r###lt:hover { color: gold !important; background-color: #333 !important; } .body--html .r###lt .r###lt__title { margin-top: 0 !important; } .body--html .r###lt .r###lt__title a { color: peru !important; } .body--html .r###lt .r###lt__title a:visited { color: tomato !important; } .body--html .r###lt .r###lt__snippet { height: 90px !important; overflow-x: hidden; overflow-y: auto; color: #ccc !important; } .body--html .r###lt .r###lt__snippet > b{ color: gold; } /* END */ }