- /* ==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-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;
- }
-
- /* 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 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 */
- }