☰

DuckDuckGo - Multi-Columns - UserCSS (userstyle) v.39

DuckDuckGo Less scrolling with a multi columns interface

目前为 2023-05-05 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name        DuckDuckGo - Multi-Columns - UserCSS (userstyle) v.39
  3. @namespace   https://gf.qytechs.cn/en/users/8-decembre?sort=updated
  4. @version     39.00
  5. @author      decembre
  6. @description DuckDuckGo Less scrolling with a multi columns interface
  7. @license     unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("duckduckgo.com") {
  11.  
  12. /* ==== 0- DUCKDUCKGO - Multi-Columns v.39 (new39) [A VOIR]==== */
  13.  
  14. /* [A VOIR]:
  15. - ONE DESCRIP MORE (not TOP FIRST RESULT
  16. ==== */
  17.  
  18. /* (new37) PAGES NUM */
  19. #links.results.js-results .has-pagenum .result__pagenum--side  {
  20.     font-size: 13px  !important;
  21. color: silver !important;
  22. /* opacity: 0.5 !important; */
  23. background: #AE5A5A !important;
  24. }
  25.  
  26.  
  27.  
  28. /* [A VOIR] (new34) ONE DESCRIP MORE (not TOP FIRST RESULT) :
  29. https://duckduckgo.com/?q=vue.js&ia=web
  30. https://duckduckgo.com/?q=vue.runtime.global.prod.js&ia=web
  31. PB:
  32. https://duckduckgo.com/?q=%22i%3D!important%3B%22&ia=web
  33. === */
  34.  
  35. /* #links.results.js-results .nrn-react-div article:not([id="r1-0"]) > div:nth-child(4) {
  36.     position: absolute !important;
  37.     max-height: 12vh !important;
  38.     margin: -16vh 0 0 22.5% !important;
  39.     overflow: hidden !important;
  40.     overflow-y: auto !important;
  41. border: 1px solid red !important;
  42. } */
  43. #links.results.js-results .nrn-react-div article:not([id="r1-0"]) > div:nth-child(4) {
  44.      border: 1px solid red !important;
  45. }
  46.  
  47. /* (new24) SUPP PUBS - PB for TOP INFO === */
  48.  
  49. /* .js-sidebar-ads .module-slot ,
  50. .js-sidebar-ads ,
  51. .results--ads.has-ad ,
  52. .js-right-ads-container {
  53.     display: none !important;
  54. } */
  55.  
  56. .footer ,
  57. #bottom_spacing2 {
  58.     padding-bottom: 0px;
  59.     display: none !important;
  60. }
  61.  
  62. /* (new33) - FOR SETTINGS - CENTER */
  63. html.set-align-center .cw {
  64.     width: 100% !important;
  65.     max-width: 100vw !important;
  66.     min-width: 100vw !important;
  67.     right: 0 !important;
  68.     left: 0 !important;
  69. }
  70.  
  71.  
  72. /* (new38) TEST - OTHER VIEW when typing search in browser search bar (more results) - === */
  73.  
  74. .module--carousel__image.is-center-image {
  75. background-color: black !important;
  76. }
  77.  
  78. /* (new27) RESULTS after TOP RESULTS */
  79. .result__sitelinks--large {
  80.     display: inline !important;
  81. }
  82.  
  83. /* (new16) TOP NEWS - === */
  84. /* TEST LINKs:
  85. https://duckduckgo.com/?q=youtube&t=ffsb&ia=web
  86. RFI - 
  87. == 
  88. == https://duckduckgo.com/?q=rfif&ia=news
  89. ======= */
  90.  
  91. #results--main.serp__results js-serp-results  .results--main .ia-modules.js-ia-modules{
  92.     height: 0 !important;
  93. }
  94. .module.module--carousel.js-module--news {
  95.     height: auto !important;
  96. /* border: 1px solid red !important; */
  97. }
  98. .module--carousel__items {
  99.     height: auto !important;
  100.     overflow: hidden;
  101.     position: relative;
  102.     white-space: nowrap;
  103. }
  104. /* .ia-modules.js-ia-modules:not(:empty) , */
  105. #links.results.js-results  #organic-module:not(:empty) {
  106.     float: left !important;
  107.     height: auto !important;
  108.     width: 98.3% !important;
  109.     margin-left: 0% !important;
  110.     margin-bottom: 15px !important;
  111.     border-radius: 5px ;
  112. border: 1px solid gray !important;
  113. /* border: 1px solid aqua !important; */
  114. }
  115.  
  116. /* (new34) MORE VIDEOS BUTTON */
  117.  
  118. /* (new34) */
  119. .module__footer.js-carousel-module-more::before {
  120.     content: "→";
  121.     left: 60% !important;
  122. }
  123.  
  124.  
  125. #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 {
  126.     height: 280px !important;
  127.     width: 17.2% !important;
  128.     margin-top: 8px!important;
  129.     margin-left: -0.3%!important;
  130.     margin-right: 1.3%!important;
  131. border: 1px solid gray !important;
  132. /* border: 1px solid green !important; */
  133. }
  134. #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 {
  135.     margin-left: 5%!important;
  136. }
  137. #links.results.js-results  #organic-module:not(:empty)  .module.module--carousel.js-module--news .module--carousel__items.js-carousel-module-items:not(:last-child) {
  138.     height: auto !important;
  139.     width: 97.7% !important;
  140.     margin-right: 0% !important;
  141.     margin-left: 0% !important;
  142.     padding: 0px 20px !important;
  143. /* border: 1px solid gray !important; */
  144. /* border: 1px solid tomato !important; */
  145. }
  146. #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 {
  147.     float: left !important;
  148.     width: 98% !important;
  149.     margin-top: 0px !important;
  150. /* border: 1px solid gray !important; */
  151. /* outline: 1px solid aqua !important; */
  152. }
  153. /* (new34) */
  154. .module--carousel__left.js-carousel-module-left.ddgsi.ddgsi-left {
  155.     float: right !important;
  156.     margin-top: -40px !important;
  157.     margin-left: 20px !important;
  158. /* outline: 1px solid violet !important; */
  159. }
  160. .module--carousel__right.js-carousel-module-right.ddgsi.ddgsi-right {
  161.     display: inline-block !important;
  162.      margin-top: -40px !important;
  163.     margin-right: 6px !important;
  164. /* z-index: 5000 !important; */
  165. /* outline: 1px solid tan !important; */
  166. }
  167. .js-news-module-title.module__header.module__header--link   {
  168.     margin-left: -4px !important;
  169.     padding-left: 14px !important;
  170.     top: -30px !important;
  171. }
  172.  
  173. .module.module--news.js-module--news {
  174.     display: inline-block !important;
  175.     width: 99% !important;
  176.     height: 183px !important;
  177.     z-index: 0 !important;
  178. background: #222 !important;
  179. }
  180. .module--news__items.js-news-module-items   {
  181.     height: 162px !important;
  182.     top: -31px !important;
  183.     padding-left: 1.3%;
  184.     padding-right: 1.8%;
  185. /* border: 1px solid red !important; */
  186. }
  187. .module--news__items.js-news-module-items   .module--news__item   {
  188.     height: 158px !important;
  189. }
  190. /* #organic-module .module--news__items .module--news__item  */
  191. .module--news__item {
  192.     position: relative;
  193.     display: inline-block;
  194.     vertical-align: top;
  195.     height: 230px;
  196.     width: 20%;
  197.     margin-top: 4px;
  198.     margin-left: -0.5% !important;
  199.     padding: 0px 5px !important;
  200.     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
  201.     box-sizing: border-box;
  202.     cursor: pointer;
  203.     white-space: normal;
  204. /* background: #222 !important; */
  205. }
  206.  
  207. .module--news__item:not(:last-child) {
  208.     margin-right: 1.2%;
  209.     margin-left: -1% !important;
  210. }
  211. .module--news__item:last-child {
  212. /* margin-right: -1.4% !important; */
  213.     margin-left: -1% !important;
  214. }
  215.  
  216. .module--news__body {
  217.     box-sizing: border-box;
  218. /* height: 135px !important; */
  219.     padding: 0.25em !important;
  220. }
  221. .module--news__body__title {
  222.     display: block;
  223.     font-size: 15px;
  224.     line-height: 1.2;
  225.     margin-bottom: 0.20em;
  226.     max-height: 5em;
  227.     overflow: hidden;
  228. }
  229. .module--news__body__content {
  230.     font-size: 0.8176em !important;
  231.     line-height: 1.2 !important;
  232.     min-height: 70px  !important;
  233.     max-height: 4.1em !important;
  234.     overflow: hidden;
  235. }
  236. .module--news__image {
  237.     background-size: contain !important;
  238.     height: 100%;
  239.     width: 100%;
  240. }
  241. .module--news__right {
  242.     padding-left: 1px;
  243.     right: 13px !important;
  244. }
  245. .js-news-module-more.module__footer {
  246.     top: -20px !important;
  247. /* background: red !important; */
  248. }
  249.  
  250. /* (new22)  CARROUSELS NEWS EMISSIONS
  251. 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
  252. == */
  253. .module--carousel__item {
  254.     width: 17.2% !important;
  255.     height: 280px;
  256. }
  257. .module--carousel__item:first-child{
  258.     margin-left: 4%;
  259. }
  260. .module--carousel__image-wrapper {
  261.     position: relative;
  262.     float: left;
  263.     height: 72%;
  264.     width: 100%;
  265. background-color: #f7f7f7;
  266. }
  267. /* (new22) NO IMAGE */
  268. .module--carousel__item  >  .module--carousel__body {
  269.     width: 100% ;
  270.     height: 280px ;
  271.     margin-bottom: 20px !important;
  272.     padding: 0 0.75em ;
  273.     text-align: center ;
  274.     overflow: hidden ;
  275. /* background: red !important; */
  276. }
  277. /* (new22) WITH IMAGE */
  278. .module--carousel__item  > .module--carousel__image-wrapper + .module--carousel__body {
  279.     width: 100% ;
  280.     height: 78px ;
  281.     margin-bottom: 20px !important;
  282.     padding: 0 0.75em ;
  283.     text-align: center ;
  284.     overflow: hidden ;
  285. /* background: red !important; */
  286. }
  287. /* (new18) TOP NEWS - VIDEOS CARROUSEL - === */
  288. .module.module--carousel.js-module--videosl {
  289.   box-shadow: none;
  290.   height: 351px !important;
  291.   overflow: initial;
  292. }
  293. .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items {
  294.   height: 299px !important;
  295. }
  296. .module.module--carousel.js-module--videos .module--carousel__items.js-carousel-module-items .module--carousel__item.has-image {
  297. height: 270px !important;
  298. }
  299. .module.module--carousel.js-module--videos .module--carousel__item.has-image .module--carousel__image-wrapper.js-carousel-item-image-wrapper {
  300. height: 200px !important;
  301. }
  302. .module.module--carousel.js-module--videos .module--carousel__item.has-image .module--carousel__image-wrapper.js-carousel-item-image-wrapper .module--carousel__image {
  303.     background-position: center center;
  304.     background-repeat: no-repeat;
  305.     background-size: contain;
  306. }
  307. .has-extra-row .module--carousel__body__title {
  308.     height: 1.5em !important;
  309.     line-height: 1.5em !important;
  310.     white-space: nowrap;
  311.     text-overflow: ellipsis;
  312.     overflow: hidden;
  313. }
  314. .has-extra-row .module--carousel__footer {
  315.     height: 44px !important;
  316.     top: 222px !important;
  317. }
  318. .module.module--carousel.js-module--videos  .module--carousel__right.js-carousel-module-right.ddgsi.ddgsi-right{
  319.   margin-right: 20px !important;
  320. }
  321.  
  322.  
  323. /* (new32) RESULTS ITEMS - LEFT CKECK PANEL */
  324. /*  .nrn-react-div */
  325.  
  326. .serp__results.js-serp-results #links.results.js-results .nrn-react-div article h2 a[data-testid="result-title-check"] ,
  327. .result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large .result__check , 
  328. .serp__results.js-serp-results #links.results.js-results #r1-0.result:not(:hover) .result__body .result__check, 
  329. .serp__results.js-serp-results #links.results.js-results #r1-0.result:hover .result__body .result__check {
  330.     height: 100%;
  331.     min-height: 120px !important;
  332. border-left: 2px solid gray;
  333. background: rgba(115, 108, 108, 0.28) none repeat scroll 0 0;
  334. /* background: red !important; */
  335. }
  336.  
  337. /* (new33) .nrn-react-div  - SITE LINK ORGANICS */
  338. .results__sitelink--organics {
  339.      float: left ;
  340.     width: 97.7%;
  341.     margin-top: 16px ;
  342.     padding: 5px ;
  343.     border-radius: 5px ;
  344.     overflow: hidden;
  345. border: 1px solid gray;
  346. }
  347. /* (new33) .nrn-react-div  - SITE LINK ORGANICS - TOP */
  348. .serp__results.js-serp-results #links.results.js-results #r1-0 .results__sitelink--organics {
  349.     float: left;
  350.     width: 98.3%;
  351.     margin-bottom: 1.2em;
  352.     margin-top: 0;
  353.     overflow: hidden;
  354. border: 1px solid gray ;
  355. }
  356. /* (new33) .nrn-react-div  - SITE COL - ALL */
  357. .result__sitelink-col {
  358.     float: left;
  359.     margin-bottom: 0.6em;
  360.     padding-left: 25px;
  361.     width: 255px;
  362. border-radius: 5px ;
  363. border: 1px solid gray;
  364. }
  365. .result__sitelink-row {
  366.     margin: 0 1% 0 0 !important;
  367. }
  368. .result__sitelink-row:first-of-type {
  369.     margin: 0 1% 0 1% !important;
  370. }
  371. .js-sitelink.result__sitelink-col {
  372.     height: 122px !important;
  373.     margin: 0 0.2% 0 0 !important;
  374. }
  375.  
  376. /* TEST LINK : https://duckduckgo.com/?q=github-wc-polyfill+Off.JustOff&ia=web */
  377. /* 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"] */
  378. .serp__results.js-serp-results #links.results.js-results #r1-0:not([data-nrn="result"]),
  379. .result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large{
  380.     display: inline-block !important;
  381.     height: auto !important;
  382.     height: 100%;
  383.     min-height: 100px;
  384.     width: 100% !important;
  385.     min-width: 98.5% !important;
  386.     max-width: 98.5% !important;
  387.     margin-top: 0px;
  388.     border-radius: 4px;
  389.     overflow: hidden !important;
  390. border: 1px solid red !important;
  391. }
  392. .result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large {
  393.     margin-bottom: 5px;
  394. }
  395. /* (new29) */
  396. .result__sitelinks.result__sitelinks--organics.result__sitelinks--large.js-sitelinks.result__sitelinks--large, 
  397. .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{
  398.     height: 27px !important;
  399.     line-height: 35px !important;
  400. /* background: red !important; */
  401. /* border: 1px solid violet !important; */
  402. }
  403.  
  404.  
  405. /* (new33) .nrn-react-div - ALL */
  406. #links.results.js-results #r1-0 .result__body.links_main.links_deep {
  407.     height: auto !important;
  408.     margin-top: -10px !important;
  409.     padding: 0px 10px !important;
  410. }
  411. #r1-0.result.results_links_deep.highlight_d  .result__snippet  {
  412.     height: auto !important;
  413.     overflow-x: hidden;
  414.     overflow-y: auto;
  415. }
  416. /* (new33) .nrn-react-div - TOP */
  417. #links.results.js-results #r1-0 .result__body.links_main.links_deep .result__menu {
  418.     float: right;
  419.     overflow: hidden;
  420.     text-align: right;
  421.     text-overflow: ellipsis;
  422.     white-space: nowrap;
  423. }
  424.  
  425. /* (new36) .nrn-react-div - TOP - ALL */
  426. /* NORMAL / ALL =
  427.  class="yQDlj3B5DI5YO8c8Ulio L3nvATidW0xLPfPD8y_R" data-handled-by-react="true" data-testid="result" data-nrn="result"
  428.  
  429.  
  430. /* OTHER TYPE CODE:
  431.  li class="wLL07_0Xnd1QZpzpfR4W" data-layout="organic">
  432. <article id="r1-1" class="yQDlj3B5DI5YO8c8Ulio L3nvATidW0xLPfPD8y_R" data-handled-by-react="true" data-testid="result" data-nrn="result">
  433. https://duckduckgo.com/?q=Coomer&ia=web
  434. === */
  435. #react-layout > div > div {
  436.     margin: 0 !important;
  437. }
  438. #react-layout > div > div > section[data-testid="mainline"] {
  439. display: inline-block !important;
  440. 	    min-width: 100% ! important;
  441.     max-width: 100% ! important;
  442. /*border: 1px solid red ! important;*/
  443. }
  444.  
  445. /* (new37) */
  446. /* .super-wide ol.react-results--main li article ,*/
  447.  
  448. #react-layout > div > div section ol.react-results--main li[data-layout="organic"] ,
  449. .serp__results.js-serp-results .results--main .results .nrn-react-div article:not([id="r1-0"]),
  450. .nrn-react-div article:not([id="r1-0"]) {
  451.     float: left !important;
  452.     clear: none !important;
  453.     min-height: 155px ! important;
  454.     max-height: 155px ! important;
  455.     min-width: 30.6% ! important;
  456.     max-width: 30.6% ! important;
  457.     margin-right: 4px ! important;
  458.     margin-bottom: 3px !important;
  459.     padding: 1px 1px 1px 35px ! important;
  460. border-radius: 5px !important;
  461. border: 1px solid gray ! important;
  462. }
  463.  
  464.  
  465. /* (new39) ACTUALITES / NEWS */
  466. .vertical.vertical--news .results.js-vertical-results {
  467.     position: relative;
  468.     width: 100% ! important;
  469.     min-width: 99% ! important;
  470.     max-width: 99% ! important;
  471.     margin: 1em 0 2em 0 !important;
  472.     padding-bottom: 5em;
  473. /* border: 1px solid yellow ! important; */
  474. }
  475. .vertical.vertical--news .results.js-vertical-results .result.result--news {
  476.     float: left !important;
  477.     clear: none !important;
  478.     min-height: 155px ! important;
  479.     max-height: 155px ! important;
  480.     min-width: 32.6% ! important;
  481.     max-width: 32.6% ! important;
  482.     margin: 0 4px 3px 6px !important;
  483.     padding: 3px 1px 1px 0px ! important;
  484. border-radius: 5px !important;
  485. border: 1px solid gray ! important;
  486. }
  487. .results.js-vertical-results .result.result--more.js-result-more {
  488.     position: absolute;
  489.     width: 100% !important;
  490.     bottom: -3vh !important;
  491.     left: 0;
  492.     margin: 0 0 0 0 !important;
  493.     padding: 0 !important;
  494.  
  495. }
  496. .vertical.vertical--news .result.result--sep.result--sep--hr.has-pagenum.js-result-sep {
  497.     float: left !important;
  498.     clear: none !important;
  499.     min-height: 10px !important;
  500.     max-height: 10px !important;
  501.     line-height: 6px  !important;
  502.     min-width: 97.4% ! important;
  503.     max-width: 97.4% ! important;
  504.     margin: 0px 0px 15px 0px !important;
  505.     bottom: -5px !important;
  506.     padding: 5px 0 0 0 ! important;
  507. /* border-radius: 5px !important; */
  508. /* border: 1px solid aqua ! important; */
  509. }
  510. .vertical.vertical--news .result.result--sep.result--sep--hr.has-pagenum.js-result-sep .result__pagenum--side {
  511.     font-size: 13px;
  512. color: silver;
  513. background: #ae5a5a !important;
  514. }
  515.  
  516. /* (new39) A - OTHER PRESENTATION [A VOIR] PADDING right */
  517. #react-layout > div > div{
  518. display: inline-block !important;
  519. }
  520. #react-layout > div > div section > div:not(ol) {
  521. position: relative !important;
  522. display: inline-block !important;
  523.     float: none !important;
  524.     clear: none !important;
  525.     height: 4vh ! important;
  526.     min-width: 98.1% ! important;
  527.     max-width: 98.1% ! important;
  528.     margin: 0 0 1vh 0 !important;
  529.     padding: 2px 5px ! important;
  530. 	border-radius: 5px !important;
  531. border: 1px solid gold ! important;
  532. }
  533. /* 
  534. .module-slot:not(:empty){
  535.     float: left !important;
  536.     height: auto !important;
  537.     width: 98.3% !important;
  538.     margin-left: 0% !important;
  539.     border-radius: 5px ;
  540. border: 1px solid gray !important;
  541. } */
  542. /* (new39) */
  543. #links.results.js-results .module-slot:not(:empty) ,
  544. #react-layout > div > div section ol.react-results--main li[data-layout="organic"]:not([data-layout="related_searches"]):not(:empty) {
  545.     float: left !important;
  546.     clear: both !important;
  547.     min-height: 155px ! important;
  548.     max-height: 400px ! important;
  549. /*     min-width: 32.4% ! important;
  550.     max-width: 32.4% ! important; */
  551.     width: 100% !important;
  552.     max-width: 98% !important;
  553.     margin-right: 4px ! important;
  554.     margin-bottom: 3px !important;
  555.     padding: 1px 1px 1px 0px ! important;
  556.     border-radius: 5px !important;
  557. border: 1px solid red ! important;
  558. }
  559.  
  560. /* (new39) RELATED - IMAGES CARROUSEL */
  561. #links.results.js-results .module-slot:not(:empty)  .module.module--images[style="visibility: visible;"] {
  562.     position: relative;
  563.     display: inline-block !important;
  564.     width: 100%;
  565.     min-width: 90% !important;
  566.     max-width: 90% !important;
  567.     min-height: 155px ! important;
  568.     max-height: 400px ! important;
  569.     margin: 0 0 0 0 !important;
  570.     padding: 5px 5% !important;
  571.     text-align: center !important;
  572. box-shadow: unset !important;
  573. /* background: red !important; */
  574. /* border: 1px solid aqua  !important; */
  575. }
  576.  
  577.  
  578. /* (new39) OTHER CODE - RELATED - RESULTS ASSOCIATED  */
  579. #links.results.js-results .module-slot:not(:empty) .related-searches ,
  580. #react-layout > div > div section ol.react-results--main li[data-layout="organic"]:not([data-layout="related_searches"]):not(:empty) .related-searches {
  581.     position: relative;
  582.     display: inline-block !important;
  583.     width: 100%;
  584.     min-width: 100% !important;
  585.     max-width: 100% !important;
  586.     min-height: 155px ! important;
  587.     max-height: 195px ! important;
  588.     margin: 0 0 0 0 !important;
  589.     padding: 0 0% 0 34% !important;
  590. box-shadow: unset !important;
  591. /* background: red !important; */
  592. /* border: 1px solid yellow  !important; */
  593. }
  594.  
  595.  
  596.  
  597. #react-layout > div > div section ol.react-results--main li[data-layout="related_searches"] {
  598.     float: left !important;
  599.     clear: none !important;
  600.     min-height: 155px ! important;
  601. max-height: 155px ! important;
  602.     min-width: 32.6% ! important;
  603.     max-width: 32.6% ! important;
  604.     margin-right: 4px ! important;
  605.     margin-bottom: 3px !important;
  606.     padding: 1px 1px 1px 0px ! important;
  607. 	border-radius: 5px !important;
  608. border: 1px solid silver ! important;
  609. }
  610. ol.related-searches__list,
  611. #react-layout > div > div section ol.react-results--main li[data-layout="related_searches"] ol {
  612.     float: left !important;
  613. }
  614. #react-layout > div > div section ol.react-results--main li a:visited{
  615.     color: rgba(210, 179, 140, 0.61) !important;
  616. }
  617.  
  618.  
  619. /* (new33) ALL */
  620. #links.results.js-results .nrn-react-div article > div:last-of-type {
  621.     max-height: 12vh !important;
  622.     overflow: hidden !important;
  623.     overflow-y: auto !important;
  624. /* border: 1px solid aqua !important; */
  625. }
  626.  
  627.  
  628. /* (new33) TOP FIRST RESULT - .nrn-react-div */
  629. 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"],
  630. 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"] {
  631.     display: inline-block !important;
  632.     height: auto;
  633.     min-height: 100px;
  634.     width: 100%;
  635.     min-width: 97.1%;
  636.     max-width: 97.1%;
  637.     margin-top: 0;
  638.     border-radius: 4px;
  639.     overflow: hidden;
  640. border: 1px solid red !important;
  641. }
  642. #links.results.js-results .nrn-react-div article[id="r1-0"] > div:last-of-type {
  643.     max-height: 9vh !important;
  644.     margin: 0 !important;
  645. border-top: 1px dotted gray !important;
  646. }
  647.  
  648. #links.results.js-results .nrn-react-div #r1-0 ul {
  649.     display: inline-block !important;
  650.     width: 100% !important;
  651.     min-width: 99% !important;
  652.     max-width: 99% !important;
  653. /* border: 1px dashed aqua !important; */
  654. }
  655. #links.results.js-results .nrn-react-div #r1-0 ul li {
  656.     display: inline-block !important;
  657.     width: 100% !important;
  658.     min-width: 100% !important;
  659.     max-width: 100% !important;
  660.     padding-right: 51vw !important;
  661. /* border: 1px solid aqua !important; */
  662. }
  663.  
  664.  
  665. /* (new32) .nrn-react-div - CHECK - ALL */
  666. .nrn-react-div article a[data-testid="result-title-check"] {
  667.     width: 100%;
  668.     min-width: 20px;
  669.     max-width: 20px;
  670.     height: 100%;
  671.     min-height: 118px;
  672.     max-height: 118px;
  673.     left: -33px !important;
  674.     margin-top: 2px !important;
  675.     padding: 30px 5px 2px 2px;
  676. background: rgba(115, 108, 108, 0.28) !important;
  677. border-left: 2px solid gray !important;
  678. }
  679. /* (new32) .nrn-react-div - CHECK */
  680. .nrn-react-div article a[data-testid="result-title-check"]::before {
  681.     left: -33px !important;
  682.     right: 655px !important;
  683.     content: "☑";
  684.     float: right;
  685.     font-family: "ddg-serp-icons" !important;
  686.     font-style: normal;
  687.     font-variant: normal;
  688.     font-weight: normal !important;
  689.     line-height: 1;
  690.     text-decoration: none !important;
  691.     text-transform: none;
  692. /* outline: 1px solid gray !important; */
  693. }
  694.  
  695. /* (new32) .nrn-react-div - CHECK */
  696. 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 {
  697.     margin-top: 20px !important;
  698.     content: "☑";
  699. }
  700. 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"] {
  701.     float: left;
  702.     clear: none;
  703.     min-height: 155px;
  704.     max-height: 155px;
  705.     min-width: 96.2% !important;
  706.     max-width: 96.2% !important;
  707.     margin-bottom: 3px;
  708.     margin-right: 4px;
  709.     padding: 1px 1px 1px 35px;
  710. /* border: 1px solid yellow !important; */
  711. }
  712.  
  713. /* (new32) .nrn-react-div - VISITED CHECK - ALWAYS VISIBLE */
  714. .nrn-react-div article a[data-testid="result-title-check"]:visited::before {
  715.     color: #205984  ! important;
  716.     background: rgba(115, 108, 108, 0.28) !important;
  717. }
  718. .nrn-react-div article a[data-testid="result-title-check"]:visited {
  719.     border-left: 2px solid red !important;
  720. }
  721. .nrn-react-div article a[data-testid="result-title-check"]:hover span  {
  722.     display: none !important;
  723. }
  724.  
  725. /* (new33) - TOP INFO - === */
  726.  
  727. /* TEST LINKs: not good
  728. RECH ASSOCIEES
  729. https://duckduckgo.com/?q=script&ia=web
  730. DEF / MAP INFOS
  731. https://duckduckgo.com/?q=wikipedia&t=ffsb&ia=web
  732. https://duckduckgo.com/?q=metaKey&t=ffsb&ia=web
  733. https://duckduckgo.com/?q=microsoft&t=ffsb&ia=places
  734. ======= */
  735.  
  736. /* (new33) - TOP RESULT - [A VOIR */
  737. .results--sidebar.js-results-sidebar {
  738.     position: absolute !important;
  739.     display: block !important;
  740. /* height: 45px !important; */
  741.     max-height: 45px !important;
  742.     min-width: 460px !important;
  743.     max-width: 460px !important;
  744.     top:  -10px !important;
  745.     left: 35% !important;
  746.     text-align: center ;
  747.     z-index: 50;
  748.     overflow: hidden !important;
  749.     overflow-y: hidden !important;
  750.     transition: all ease 0.7s ;
  751. /* border: 1px solid aqua ; */
  752. }
  753. /* (new37A) */
  754. div[data-testid="mainline"] + .results--sidebar.js-results-sidebar {
  755. /*    left: 0% !important;*/
  756. /* border: 1px solid aqua !important; */
  757. }
  758.  
  759. /* (new25) TOP INFO */
  760. #zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar {
  761.     top: 0px;
  762.     padding: 0 ;
  763. }
  764. /*  (new23) START - TOP INFO - WITH MAP */
  765. #zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar:not(:hover) .module.module--about.js-about-module.has-content-height {
  766.     height: 45px;
  767.     width: 100% !important;
  768.     min-width: 460px !important;
  769.     max-width: 460px !important;
  770. }
  771. #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 {
  772.     background-position: left center;
  773.     background-repeat: no-repeat;
  774.     background-size: contain;
  775.     position: relative;
  776. }
  777. #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{
  778.     display: block;
  779.     height: 30px;
  780.     opacity: 0;
  781. }
  782. /* (new33) */
  783. #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 {
  784.     position: absolute ;
  785.     display: inline-block ;
  786.     width: 100% !important;
  787.     min-width: 460px !important;
  788.     max-width: 460px !important;
  789.     height: 43px;
  790.     line-height: 40px;
  791.     top: 0px ;
  792.     left: 0 ;
  793.     margin-left: 0% !important;
  794.     text-align: center !important;
  795.     z-index: 500 !important;
  796. background: rgba(17, 17, 17, 0.71) !important;
  797. }
  798. #zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar:hover .module.module--about.js-about-module.has-content-height  .module__title {
  799.     position: absolute ;
  800.     display: inline-block ;
  801.     width: 100% !important;
  802.     top: 5px ;
  803.     margin-left: -5% !important;
  804.     text-align: center !important;
  805. /* backgound: red !important; */
  806. }
  807.  
  808. /* (new27) */
  809. /* .module--about.has-content-height .module__content .module__title::before, 
  810. .module--about.has-content-height .module__content .module__title::after , */
  811. #zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar .module--about.is-expanded .module__content:before, 
  812. #zero_click_wrapper ~ #web_content_wrapper .cw .results--sidebar.js-results-sidebar .module--about.is-expanded .module__content::after {
  813.     color: red;
  814.     content: "▼";
  815.     font-size: 15px;
  816.     position: absolute ;
  817.     display: inline-block ;
  818.     top: 0 ;
  819. left: 0 !important;
  820. }
  821. /*  END - (new23) WITH MAP */
  822.  
  823.  
  824. /* (new34) FIRST  TOP RESULT - BEFORE TOP RESULT ORGANIC BAR - CARROUSEL .module--carousel */
  825. #links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) {
  826.     position: relative !important;
  827.     display: inline-block !important;
  828.     width: 97.9% !important;
  829.     top: 5px !important;
  830.     overflow: hidden;
  831.     text-align: center !important;
  832.     border-radius: 5px !important;
  833.     transition: all 0.7s ease 0s;
  834. border: 1px solid gray !important;
  835. }
  836. #links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) .module--carousel__wrap {
  837.   padding: 0 20px 0 20px !important;
  838. }
  839.  
  840. #links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) .module--about {
  841.     display: inline-block !important;
  842.     width: 30% !important;
  843.     height: 50px !important;
  844.     padding-top: 2px;
  845.     margin-bottom: 0;
  846.     overflow: hidden;
  847.     overflow-y: auto ;
  848.     transition: all ease 0.7s ;
  849.     pointer-events: auto !important;
  850. background: #111 !important;
  851. border: 1px solid gray !important;
  852. }
  853. #links_wrapper.serp__results.js-serp-results  .ia-modules.js-ia-modules:not(:empty) .module--about:hover {
  854.     height: auto !important;
  855.     padding-top: 2px;
  856.     margin-bottom: 0;
  857.     overflow: hidden;
  858.     overflow-y: auto ;
  859.     transition: all ease 0.7s ;
  860. }
  861. .ia-modules.js-ia-modules .module--about:hover {
  862.     height: auto ;
  863.     padding-top: 2px;
  864.     margin-bottom: 0;
  865.     overflow: hidden;
  866.     overflow-y: auto ;
  867.     transition: all ease 0.7s ;
  868. }
  869.  
  870. /* (new33) */
  871. #zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar:hover {
  872.     height: auto !important;
  873.     min-height: 43px;
  874.     max-height: 85vh !important; 
  875.     overflow: hidden !important;
  876.     border-radius: 0 0 5px  5px !important;
  877. background: #111 !important;
  878. border: 1px solid red !important;
  879. }
  880. .results--sidebar.js-results-sidebar .module__content.js-about-module-content .module__title span.module__title__link {
  881.     display: inline-block;
  882.     width: 54% !important;
  883.     font-size: 18px !important;
  884. /* border: 1px solid violet !important; */
  885. }
  886. .results--sidebar.js-results-sidebar:not(:hover) .module__content.js-about-module-content .module__title:before ,
  887. .results--sidebar.js-results-sidebar:not(:hover) .module__content.js-about-module-content .module__title:after {
  888.     content: "▼" ;
  889.     color: red ;
  890.     font-size: 15px !important;
  891. }
  892. /* (new24) */
  893. .results--sidebar.js-results-sidebar .module__text {
  894.     margin-top: 31px;
  895. }
  896. #zero_click_wrapper ~ #web_content_wrapper .cw   .results--sidebar.js-results-sidebar:hover #m0-0:empty:before {
  897. content: "No More Infos ";
  898.     display: inline-block ;
  899.     height: 43px !important;
  900.     width: 100% ;
  901.     line-height: 43px !important;
  902.     text-align: center ;
  903.     font-size: 20px ;
  904.     opacity: 0.2 ;
  905. border: none ;
  906. color: gray ;
  907. background: #111 ;
  908. }
  909.  
  910. .results--sidebar.js-results-sidebar:hover {
  911.     height: auto  !important;
  912.     min-height: 43px !important;
  913.     text-align: left ;
  914.     transition: all ease 0.7s ;
  915. }
  916.  
  917. .js-sidebar-modules:not(:empty) {
  918.     min-height: 243px !important;
  919.     margin-bottom: -20px ;
  920. background: #111 ;
  921. }
  922. .js-sidebar-modules:empty {
  923.     height: 0px !important;
  924.     overflow: hidden !important;
  925. }
  926.  
  927. /* (new33) */
  928. .module--about {
  929.     height: 40px;
  930.     margin-top: 0;
  931.     padding-top: 2px ;
  932.     overflow: hidden !important;
  933.     overflow-y: hidden !important;
  934.     transition: all ease 0.7s ;
  935. }
  936. .results--sidebar:hover .module--about {
  937.     height: auto ;
  938.     padding-top: 2px;
  939.     margin-bottom: 0;
  940.     overflow: hidden;
  941.     overflow-y: auto ;
  942.     transition: all ease 0.7s ;
  943. }
  944. .module__content.js-about-module-content {
  945.     padding-top: 0;
  946. }
  947.  
  948. /* new27) TOP HEADER STACK */
  949.  
  950. .module.module--about.module--zci-stack_overflow.js-module--stack_overflow.js-about-module .module__link--two-line{
  951.     margin-bottom: -3px !important;
  952. }
  953. .module.module--about.module--zci-stack_overflow.js-module--stack_overflow .js-about-item-clickable-header {
  954.     margin-bottom: 0 !important;
  955.     padding-bottom: 0 !important;
  956. }
  957. .module.module--about.module--zci-stack_overflow.js-module--stack_overflow .module__text.module__text--no-padding {
  958.     margin-top: 0px !important;
  959. }
  960. .module.module--about.module--zci-stack_overflow.js-module--stack_overflow .module__text.module__text--no-padding  span.js-about-item-abstr{
  961.     display: inline-block !important;
  962.     height: auto !important;
  963.     max-height: 73vh !important;
  964.     border-radius: 0 0 5px 5px;
  965.     overflow: hidden !important;
  966.     overflow-y: auto !important;
  967. }
  968.  
  969. /* (new24) MAP - RIGHT PANEL VERT - IMG CARROUSEL SITE WRAPPER */
  970. .vertical--map__sidebar__wrapper .module--about {
  971.     height: auto !important;
  972.     margin-top: 0;
  973.     padding-top: 2px ;
  974. }
  975.  
  976.  
  977. /* IMAGE RIGHT - for Transparancy _
  978. https://duckduckgo.com/?q=ubuntu&t=ffsb&ia=web
  979. === */
  980. .js-about-module-image {
  981.     padding: 0px !important;
  982.     transform: scale(0.7) !important;
  983.     transform-origin: center center ;
  984. }
  985. .module--about__img  {
  986.     padding: 3px !important;
  987.     transform: scale(0.5) !important;
  988.     transform-origin: top right ;
  989.     border: 1px solid #404040 !important;
  990.     box-shadow: 3px 3px 2px black ;
  991. }
  992. .results--sidebar:hover .module--about__img  {
  993.     padding: 4px !important;
  994.     transform: scale(1) !important;
  995. }
  996.  
  997. /* THEM - OTHERS */
  998. .results--sidebar {
  999.     background: rgba(150, 150, 150, 0.3) !important;
  1000. }
  1001. .results--sidebar:hover .module--about {
  1002.     box-shadow: 4px 4px 5px black ;
  1003.     background: white !important;
  1004. }
  1005. .module--about__img {
  1006.     background: white ;
  1007. }
  1008.  
  1009. /* (new25) THEM - DARK AND BLACK */
  1010. .dark-bg.dark-header .results--sidebar {
  1011. /* background: #222 ; */
  1012.     background: transparent !important;
  1013. }
  1014. .dark-bg.dark-header .results--sidebar:hover  {
  1015. z-index: 50000 !important;
  1016. /*     background: #111 !important; */
  1017. }
  1018. .results--sidebar.js-results-sidebar .js-sidebar-ads #m0-0:not(:empty)  {
  1019.     width: 100% !important;
  1020.     min-width: 460px !important;
  1021.     max-width: 460px !important;
  1022.     z-index: 50000 !important;
  1023. border: 1px solid #333 !important;
  1024. background: transparent !important;
  1025. }
  1026.  
  1027.  
  1028. .dark-bg.dark-header .results--sidebar:hover .module--about {
  1029.     background: #222 !important;
  1030. }
  1031. .dark-bg.dark-header .module--about__img {
  1032.     background: rgba(150, 150, 150, 0.8) ;
  1033. }
  1034. /* (new37A) */
  1035. .ddgpt-container:not(:hover) {
  1036.     height: 4vh !important;
  1037.     padding: 4px 26px 0 26px;
  1038.     flex-basis: 0;
  1039.     flex-grow: 1;
  1040.     word-wrap: break-word;
  1041.     border-radius: 8px 8px 0 0 !important;
  1042.     white-space: pre-wrap;
  1043.     overflow: hidden !important;
  1044. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
  1045. border: 1px solid red !important;
  1046. background: transparent !important;
  1047. }
  1048.  
  1049. /* (new27) TEST - RESULTS - ADAPTATION FOR GM "LINKYPLUS PLUS" - IMAGES LINKS - 
  1050. https://duckduckgo.com/?q=Anti+Stealth+iframe+and+pixel+img&t=ffsb&ia=web
  1051. === */
  1052. .result__snippet a.linkifyplus {
  1053. /* color: rgba(64, 51, 218, 0.76) !important; */
  1054.     color: rgba(190, 124, 58, 0.9) !important;
  1055. }
  1056. .linkifyplus img {
  1057.     max-width: 10% !important;
  1058.     max-height: 51px !important;
  1059.     clear: none!important;
  1060.     padding: 1px !important;
  1061.     overflow: hidden !important;
  1062. color: pink !important;
  1063. border: 1px solid violet !important;
  1064. }
  1065. .linkifyplus:after {
  1066.     content: "LinkiFy" !important;
  1067.     display: inline-block !important;
  1068.     width: 35px !important;
  1069.     height: 15px !important;
  1070.     float: none !important;
  1071.     padding: 1px !important;
  1072.     font-size: 10px !important;
  1073.     text-align: center !important;
  1074.     opacity: 0.2 !important;
  1075. background: yellow !important;
  1076. }
  1077. .linkifyplus:hover:after {
  1078. content: "LinkiFy" !important;
  1079.     display: inline-block !important;
  1080.     width: 35px !important;
  1081.     height: 15px !important;
  1082.     float: none !important;
  1083.     padding: 1px !important;
  1084.     font-size: 10px !important;
  1085.     text-align: center !important;
  1086.     opacity: 1 !important;
  1087. background: yellow !important;
  1088. }
  1089. /* (new3) - LOGO - === */
  1090. .header__logo-wrap {
  1091.     left: 90px !important;
  1092.     width: 58px !important;
  1093. }
  1094.  
  1095. /* (new21) SEARCH FIELD - === */
  1096. .header__content.header__search {
  1097.     width: 769px !important;
  1098.     left: 62px !important;
  1099. }
  1100. .search--header:not(.js-vertical-map-search) {
  1101.     width: 805px !important;
  1102.     height: 38px;
  1103.     padding-left: 9px;
  1104. border-right-width: 3em !important;
  1105. background-color: #f7f7f7 !important;
  1106. }
  1107. .header__search-wrap {
  1108.     position: relative;
  1109.     width: 808px !important;
  1110.     max-width: 808px !important;
  1111.     margin-bottom: 3px;
  1112.     margin-top: 1px;
  1113. }
  1114.  
  1115. #search_form_input  {
  1116.     width: 695px !important;
  1117.     color: black !important;
  1118. }
  1119.  
  1120.  
  1121. /* (new3) - FIRST ROW RESULTS - IMAGE/RESULTS TITLE VIEW - ARROW left/right - === */
  1122. .tile-nav.can-scroll, 
  1123. .tile-nav.can-scroll::after {
  1124.     background-color: #de5833 !important;
  1125.     color: #fff;
  1126. }
  1127.  
  1128. /* (new3) SUPP - NO VIDEO RESULTS BLOCK CONTAINER - === */
  1129. /* #zero_click_wrapper {
  1130.     display: none;
  1131. } */
  1132.  
  1133. /* (new3) - RESULTS ITEMS CONTAINER - HOVER - 
  1134. .result__snippet b, 
  1135. === */
  1136.  
  1137. .result.results_links_deep.highlight_d.highlight {
  1138. /* border: 1px solid red !important; */
  1139. }
  1140.  
  1141. .result.results_links_deep.highlight_d.highlight .result__check::before {
  1142.     left: -33px !important;
  1143.     right: 655px !important;
  1144.     content: "☑";
  1145.     float: right;
  1146.     font-family: "ddg-serp-icons" !important;
  1147.     font-style: normal;
  1148.     font-variant: normal;
  1149.     font-weight: normal !important;
  1150.     line-height: 1;
  1151.     text-decoration: none !important;
  1152.     text-transform: none;
  1153. }
  1154.  
  1155. /* (new6) */
  1156. .result__check__tt::before {
  1157.      display: none !important;
  1158. }
  1159.  
  1160. /* (new2) - RESULTS HIGHLIGHTING - 
  1161. .result__snippet b, 
  1162. === */
  1163. .result.results_links_deep.highlight_d.highlight {
  1164. /* background: red !important; */
  1165.     border: 1px solid red !important;
  1166. }
  1167. .result.results_links_deep.highlight_d .result__snippet b {
  1168.     color: tomato !important;
  1169. }
  1170.  
  1171. /* (new18) RESULTS VISITED CHECK - === */
  1172. .result__check {
  1173.     position: absolute;
  1174.     width: 1em;
  1175.     top: 1.6em !important;
  1176.     margin-right: 1em;
  1177.     right: 93% !important;
  1178.     font-size: 0.8em;
  1179.     white-space: nowrap;
  1180. }
  1181. 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"], 
  1182. .result:not(:hover) .result__body .result__check ,
  1183. .result:hover .result__body .result__check {
  1184.     height: 100% ! important;
  1185.     min-height: 118px !important;
  1186.     max-height: 118px !important;
  1187.     width: 100%! important;
  1188.     min-width: 20px ! important;
  1189.     max-width: 20px ! important;
  1190.     margin-top: -24px !important;
  1191.     left: 2px !important;
  1192.     padding: 30px 5px 2px 2px  !important;
  1193. border-left: 2px solid gray !important;
  1194. background: rgba(115, 108, 108, 0.28) !important;
  1195. }
  1196. /* (new32) .nrn-react-div */
  1197. 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"] {
  1198.     height: 100% ! important;
  1199.     min-height: 118px !important;
  1200.     max-height: 118px !important;
  1201.     width: 100%! important;
  1202.     min-width: 20px ! important;
  1203.     max-width: 20px ! important;
  1204.     margin-top: -24px !important;
  1205.     left: -33px !important;
  1206.     padding: 35px 5px 2px 2px  !important;
  1207. border-left: 2px solid gray !important;
  1208. background: rgba(115, 108, 108, 0.28) !important;
  1209. /* background: yellow !important; */
  1210. }
  1211.  
  1212. .result:not(:hover) .result__body .result__check:visited ,
  1213. .result:hover .result__body .result__check:visited {
  1214.     border-left: 2px solid red !important;
  1215. }
  1216. .result__check:hover span  {
  1217.     display: none !important;
  1218. }
  1219.  
  1220. /* (new3) - VISITED CHECK - ALWAYS VISIBLE - === */
  1221. .result__check:visited:before {
  1222.     color: #205984  ! important;
  1223.     background: rgba(115, 108, 108, 0.28) !important;
  1224. }
  1225. .result__check .result__check,
  1226. .result__check:hover .result__check__tt {
  1227.     height: 20px !important;
  1228.     top: 7px !important;
  1229.     left: -9px!important;
  1230.     visibility: visible;
  1231.     opacity: 1;
  1232.     transition-delay: 0.75s;
  1233. }
  1234.  
  1235. /* (new37) - RESULTS CONTAINER - ==== */
  1236. .results  {
  1237.     max-width: 100% ! important;
  1238.     min-width: 100% ! important;
  1239. /*     left: -90px ! important; */
  1240. /* outline: 1px solid green ! important; */
  1241. }
  1242. .cw {
  1243.     max-width: 100% ! important;
  1244.     min-width: 100% ! important;
  1245.     left: 0px ! important;
  1246. padding: 0 !important;
  1247. /* outline: 1px solid green ! important; */
  1248. }
  1249.  
  1250.  
  1251. /* (new37) - ALL */
  1252.  
  1253. .metabar__in, .welcome, 
  1254. .zcm-wrap, 
  1255. .zci__main, 
  1256. .zci__detail, 
  1257. .serp__results, 
  1258. .tile-wrap .no-results, 
  1259. .footer, 
  1260. .footer--mobile {
  1261.     padding-left: 0px;
  1262. }
  1263.  
  1264. .results--main {
  1265.     max-width: 100% ! important;
  1266.     min-width: 100% ! important;
  1267. /*     left: -90px ! important; */
  1268. /* outline: 1px solid green ! important; */
  1269. }
  1270. .results-wrapper {
  1271.     min-width: 91.2% ! important;
  1272.     max-width: 91.2% ! important;
  1273.     padding-right: 0px !important;
  1274. /* outline: 1px solid red ! important; */
  1275. }
  1276. .cw #links_wrapper.results-wrapper #links.results {
  1277.     float: left !important;
  1278.     max-width: 99% ! important;
  1279.     min-width:90% ! important;
  1280. /* outline: 1px solid red ! important; */
  1281. }
  1282.  
  1283. /* (new6) RESULTS EXTRA - DOMAIN / FULL URL - === */
  1284. .result__url__domain {
  1285.     color: red !important;
  1286.     display: inline;
  1287. }
  1288. .full-urls .result__url__full {
  1289.     color: violet !important;
  1290.     opacity: 1;
  1291.     visibility: visible;
  1292. }
  1293.  
  1294. /* (new15) INFINITE SCROLL OK - RESULT CONTAINER - PAGE/s - WITH/WITHOUT LINES SEPARATOR - 
  1295. ADAPTATION GM " SEARCH REVIEW:
  1296. https://addons.mozilla.org/en-US/firefox/addon/searchpreview/
  1297. === */
  1298. .result__title {
  1299.     position: static;
  1300.     display: block;
  1301.     vertical-align: middle;
  1302.     max-width: 100%;
  1303.     line-height: 1.15;
  1304.     padding: 0;
  1305.     font-size: 1.31em;
  1306.     overflow: hidden;
  1307.     margin-top: -10px !important;
  1308. }
  1309. /* (new30) For CHROME ?*/
  1310. #links .result:not(.result--sep):not(.result--more) {
  1311.     float: left !important;
  1312.     clear: none !important;
  1313.     min-height: 155px ! important;
  1314.     max-height: 155px ! important;
  1315.     min-width: 32.7% ! important;
  1316.     max-width: 32.7% ! important;
  1317.     margin-right: 4px ! important;
  1318.     margin-bottom: 3px !important;
  1319.     padding: 1px 1px 1px 35px ! important;
  1320. border: 1px solid gray ! important;
  1321. }
  1322.  
  1323. .result__body.links_main.links_deep {
  1324.     margin-top: -20px;
  1325.     height: 127px !important;
  1326.     overflow: hidden !important;
  1327. }
  1328. .result__snippet {
  1329.     height: 95px !important;
  1330.     overflow: hidden !important;
  1331.     overflow-y: auto !important;
  1332. }
  1333.  
  1334. /* ==== (new5)  RESULT CONTAINER - PAGE - TOOGLE BUTTON LOCALISATION (in test)  / RESULTS MORE / NO RESULTS RELATED / LINES SEPARATOR ==== /*
  1335.  
  1336. /* (new5) TOOGLE BUTTON LOCALISATION  */
  1337.  
  1338.  .results--sidebar.js-results-sidebar .region-switch  {
  1339.     position: absolute !important;
  1340.     right: -0.7em !important;
  1341.     top: -20px !important;
  1342.     text-align: right;
  1343.     z-index: 200 !important;
  1344. }
  1345. .region-switch .switch {
  1346.     float: left;
  1347.     height: 14px !important;
  1348.     line-height: 14px !important;
  1349.     margin-right: 8px;
  1350. }
  1351. .switch__knob {
  1352.     position: absolute;
  1353.     display: block;
  1354.     height: 12px !important;
  1355.     width: 12px !important;
  1356.     top: 1px !important;
  1357.     left: 2px;
  1358.     border-radius: 9px;
  1359.     transition: all 0.1s ease 0s, all 0s linear 0s, left 0.3s ease-in-out 0s;
  1360.     background-color: #fff;
  1361. }
  1362. /* (new6) */
  1363. /* .is-on .switch__knob {
  1364.     left: 32px !important;
  1365. } */
  1366. .switch__on {
  1367.     position: absolute;
  1368.     line-height: 12px !important;
  1369.     left: 10px;
  1370.     font-size: 12px !important;
  1371. }
  1372.  
  1373. /* (new6) */
  1374. .region-flag__wrap--small {
  1375. /* height: 14px !important; */
  1376. /* width: 14px !important; */
  1377. /* left: -4px !important; */
  1378. /* margin-top: 11px !important; */
  1379. }
  1380. .region-flag__wrap--small .region-flag__img {
  1381.     height: 14px !important;
  1382. }
  1383. .search-filter__icon.region-flag__wrap.region-flag__wrap--small.has-region.js-region-filter-icon {
  1384.     height: 14px !important;
  1385.     width: 14px !important;
  1386.     left: -4px !important;
  1387.     margin-top: 11px !important;
  1388. }
  1389.  
  1390. /* (new5) RESULTS MORE BUTTON - AT BOTTOM WIDER - === */
  1391. .result.result--more {
  1392.     position: absolute !important;
  1393.     width: 50% !important;
  1394.     bottom: 0px!important;
  1395.     left: 0px !important;
  1396.     margin-left: 30% !important;
  1397.     margin-bottom: -10px!important;
  1398. }
  1399.  
  1400. /* (new5) NO RESULTS BLOCK - === */
  1401. .no-results {
  1402.     position: relative !important;
  1403.     display: inline-block !important;
  1404.     min-width: 99% ! important;
  1405.     max-width: 99% ! important;
  1406.     bottom: 0 !important;
  1407.     padding-left: 0.75em;
  1408.     padding-top: 2em;
  1409.     margin-left: 0% !important;
  1410.     text-align: center !important;
  1411. /* outline: 1px solid peru ! important; */
  1412. }
  1413.  
  1414. /* (new5) LINES SEPARATOR - === */
  1415. #links .result--sep  {
  1416.     float: left!important;
  1417.     min-height: 10px ! important;
  1418.     max-height: 10px ! important;
  1419.     line-height: 5px ! important; 
  1420.     min-width: 97.4% ! important;
  1421.     max-width: 97.4% ! important;
  1422.     margin-top: 0px !important;
  1423.     margin-left: 20px ! important;
  1424.     bottom: -5px !important;
  1425. }
  1426.  
  1427. /* (nrew5) LINES SEPARATORS - COUNTER (move middle) - === */
  1428. .result--sep--hr::before {
  1429.     position: absolute;
  1430.     display: block;
  1431.     content: "";
  1432.     height: 1px;
  1433.     left: 10px;
  1434.     right: 20px;
  1435.     top: 0.25em !important;
  1436.     background-color: #e0e0e0;
  1437. }
  1438. .result__pagenum--side {
  1439.     position: absolute;
  1440.     width: 1.6em;
  1441.     height: 1.6em;
  1442.     line-height: 1.6em;
  1443.     top: -6px !important;
  1444.     left: 50% !important;
  1445.     padding: 0;
  1446.     border-radius: 50%;
  1447.     text-align: center;
  1448. }
  1449.  
  1450.  
  1451. /* (new32) RESULTS - COUNTER */
  1452. .nrn-react-div ,
  1453. #links .results_links_deep {
  1454.     counter-increment: myIndex ! important;
  1455. }
  1456. /* (new32) .nrn-react-div */
  1457. .nrn-react-div article:before ,
  1458. #links .results_links_deep:before {
  1459.     display: inline-block ! important;
  1460.     min-width: 15px ! important;
  1461.     margin-left: -25px ! important;
  1462.     content: counter(myIndex, decimal-leading-zero);
  1463.     border-radius: 8px ! important;
  1464.     font-size: 10px ! important;
  1465.     text-align: center ! important;
  1466.     z-index: 10 !important;
  1467. color: red ! important;
  1468. background: gold ! important;
  1469. }
  1470. .nrn-react-div article:before{
  1471.     position: absolute !important;
  1472.     margin: 5px 0 0 -25px ! important;
  1473. }
  1474. /* (new6) TEST - RESULTS IMAGES - TITLES ON HOVER - === */
  1475.  
  1476. .tile--img__details {
  1477.     position: absolute;
  1478.     display: inline-block !important;
  1479.     max-width: 80% !important;
  1480.     max-height: 80% !important;
  1481.     top: 10% !important;
  1482.     right: 0;
  1483.     bottom: 0;
  1484.     left: 10% !important;
  1485.     border-radius: 5px !important;
  1486.     text-align: center;
  1487.     background: rgba(0, 0, 0, 0.9) !important;
  1488.     color: gold !important;
  1489.     transform: scale(0.7) !important;
  1490.     opacity: 1 !important;
  1491.     transition: all ease 1s !important;
  1492. }
  1493.  
  1494. .tile--img__details:hover  {
  1495.     position: absolute;
  1496.     display: inline-block !important;
  1497.     max-width: 80% !important;
  1498.     max-height: 80% !important;
  1499.     top: 10% !important;
  1500.     right: 0;
  1501.     bottom: 0;
  1502.     left: 10% !important;
  1503.     border-radius: 5px !important;
  1504.     text-align: center;
  1505.     background: rgba(0, 0, 0, 0.4) !important;
  1506.     color: gold !important;
  1507.     transform: scale(0.7) !important;
  1508.     opacity: 1 !important;
  1509.     transition: transform ease 1s !important;
  1510. }
  1511.  
  1512. .tile.tile--img.has-detail:hover {
  1513.     outline: 1px solid violet !important;
  1514. }
  1515. .tile.tile--img.has-detail .tile--img__media:hover {
  1516.     outline: 1px solid peru !important;
  1517. }
  1518. .tile.tile--img.has-detail .tile--img__media .tile--img__img.js-lazyload:hover {
  1519.     outline: 1px solid yellow !important;
  1520. }
  1521.  
  1522. /* [A VOIR] */
  1523. .tile.tile--img.has-detail .tile--img__media .tile--img__media__i .tile--img__img.js-lazyload:before {
  1524.     content: attr(alt) !important;
  1525.     content: "XXXX" !important;
  1526. /* position: absolute !important; */
  1527.     position: relative !important;
  1528.     display: inline-block !important;
  1529.     height: 20px !important;
  1530.     width: 200px !important;
  1531.     font-size: 30px !important;
  1532. color: red !important;
  1533. z-index: 500000 !important;
  1534. }
  1535.  
  1536. /* BACK to TOP BUTTON - === */
  1537. .results--sidebar--mid {
  1538.     position: fixed;
  1539.     display: inline-block ! important;
  1540.     max-width: 44em;
  1541.     width: 20px ! important;
  1542.     height: 10px ! important;
  1543.     left: -150px !important;
  1544.     top: 20px ! important;
  1545.     z-index: 5;
  1546. }
  1547.  
  1548. /* TOP HEADER */
  1549. .has-zcm .header-wrap:after {
  1550.     height: 9px !important;
  1551. }
  1552.  
  1553. /* (new20) TEST - MOBILE WIDESCREEN - 
  1554. https://duckduckgo.com/html/
  1555. === */
  1556.  
  1557. /* TOP */
  1558.  
  1559. .body--html .header.header--html {
  1560. display: inline-block !important;
  1561.     width: 100%;
  1562.     max-width: none;
  1563.     padding: 17px 0 9px;
  1564.     text-align: center !important;
  1565.     border-bottom: 1px solid #d0d0d0;
  1566. background: #222 !important;
  1567. }
  1568. .body--html .header__form {
  1569.     position: relative !important;
  1570.     display: inline-block ;
  1571.     float: none;
  1572.     padding-left: 0;
  1573.     width: 100%;
  1574.     text-align: center;
  1575. }
  1576. .body--html .search--header {
  1577.     position: relative !important;
  1578.     display: inline-block ;
  1579.     width: 805px !important;
  1580.     height: 38px;
  1581.     margin: auto !important;
  1582.     padding-left: 9px;
  1583.     border-right-width: 3em;
  1584. background-color: #f7f7f7;
  1585. }
  1586. .body--html .frm__select {
  1587.     position: relative !important;
  1588.     display: inline-block ;
  1589.     float: none !important;
  1590.     height: auto;
  1591.     width: 145px;
  1592.     margin : 10px auto ;
  1593. background-color: transparent !important;
  1594. }
  1595. /* (new33) */
  1596. .frm__select select {
  1597.     -moz-appearance: none;
  1598.     position: relative;
  1599.     display: block;
  1600.     width: 140%;
  1601.     min-width: 10em;
  1602.     line-height: inherit;
  1603.     margin: 0;
  1604.     padding: 0 28px 0 0.75em;
  1605.     font-size: 1em;
  1606.     outline: medium none;
  1607. color: gold !important;
  1608. background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  1609. background-color: red !important;
  1610. }
  1611. /* (new21)  MOBILE RESULTS */
  1612. .body--html {
  1613. background: #222 !important;
  1614. }
  1615. .body--html .serp__results {
  1616.     max-width: 100%;
  1617.     padding-left: 10px;
  1618. color: gray !important;
  1619. background: #222 !important;
  1620. }
  1621. .body--html .result:hover {
  1622. color: gold !important;
  1623.     background-color: #333 !important;
  1624. }
  1625. .body--html .result .result__title {
  1626.     margin-top: 0 !important;
  1627. }
  1628. .body--html .result .result__title a  {
  1629.     color: peru !important;
  1630. }
  1631. .body--html .result .result__title a:visited  {
  1632.     color: tomato !important;
  1633. }
  1634.  
  1635. .body--html .result .result__snippet {
  1636.     height: 90px !important;
  1637.     overflow-x: hidden;
  1638.     overflow-y: auto;
  1639. color: #ccc !important;
  1640. }
  1641.  
  1642. .body--html .result .result__snippet > b{
  1643.     color: gold;
  1644. }
  1645.  
  1646.  
  1647.  
  1648. /* === END ==== */
  1649. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址