☰

Mozilla Addon Widescreen NEW design (USw)v.141

Mozilla Addon wide, compact and reorganized

目前为 2024-03-14 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name        Mozilla Addon Widescreen NEW design (USw)v.141
  3. @namespace   https://addons.mozilla.org
  4. @version      141.00.0
  5. @author      decembre
  6. @description Mozilla Addon wide, compact and reorganized
  7. @license     unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("addons.mozilla.org"), domain("addons-dev.allizom.org"), domain("addons.mozilla.org."), regexp("https://web.archive.org/web/.*/https://addons.mozilla.org/.*") {
  11.  
  12. /* ==== MOZ - Mozilla Addon Widescreen NEW Design v.141 (USw) (new141) - OK DEV HERE - TEST FRESH  ==== */
  13.  
  14. /* =================================================== 
  15. To INSTALL from Userstles.org with Stylus addon.
  16. Use this Userscript:
  17. https://gf.qytechs.cn/fr/scripts/443153-uso-add-usoa-button-on-userstyle-page
  18. ====================================================== */
  19.  
  20. /* =================================================== 
  21. WORK WITH "Dark Mozilla Add-ons (AMO)":
  22. https://userstyles.org/styles/159780/dark-mozilla-add-ons-amo?utm_campaign=stylish_stylepage
  23. https://gitlab.com/maxigaz/amo-dark
  24. ====================================================== */
  25.  
  26. /* =================================================== 
  27. ADD SUPPORT FOR Web Archives (REGEX):
  28. https://forum.userstyles.org/discussion/74842/which-namespace-write-for-firefox-classic-add-ons-archive#latest:
  29. ====================================================== */
  30.  
  31. /* =================================================== 
  32. FIREBUG - TWEAK about:config :
  33. security.csp.enable
  34. security.csp.enableStrictDynamic
  35. security.csp.experimentalEnabled;
  36. >> set to false
  37. >> now firebug work as i do.
  38. https://forum.userstyles.org/discussion/61299/csp-why-firebug-with-waterfox-dont-work-well-on-mozilla-addons-pages-amo-new-design
  39. ====================================================== */
  40.  
  41. /* =================================================== 
  42. SETTINGS for Superloader Plus":
  43. just ENABLE + FORCE JOIN
  44. ====================================================== */
  45.  
  46. /* =================================================== 
  47. - PB with Stylus vs Stylish:
  48. https://forum.userstyles.org/discussion/78585/dark-mozilla-add-ons-amo-not-working-with-stylus-but-working-with-stylish-2-1-1/p1?new=1
  49. - Added:
  50. domain("addons.mozilla.org.") (you need to do the same for "Dark Mozilla Add-ons (AMO) by maxigaz")
  51. for  https://addons.mozilla.org. (with the trailing dot) to allow extensions to run on AMO, read:
  52. https://superuser.com/questions/1354603/firefox-extensions-restricted-from-running-on-some-sites
  53. ====================================================== */
  54.  
  55. /* =================================================== 
  56. HOW MATCH WEB ARCHIVE :
  57. https://web.archive.org/web/20181002072750/https://addons.mozilla.org/en-US/firefox/addon/linkchecker/reviews/
  58. https://duckduckgo.com/?q=https%3A%2F%2Fweb.archive.org+addons.mozilla.org+namespace+userstyle&ia=web
  59. ====================================================== */
  60.  
  61.  
  62. /* (new124) LANGUAGE PICKER - === */
  63. .Footer-language-picker {
  64.     position: absolute ;
  65.     width: 222px !important;
  66.     top: -8px ;
  67.     right: 0 ;
  68. }
  69. /* ADD TO COL MENU - === */
  70. .Select.AddAddonToCollection-select>optgroup {
  71.     height: 260px !important;
  72. }
  73. /* (new128) TEST - NEW NOTICE "Not Recommanded Addon" - === */
  74. .Notice-genericWarning {
  75.     position: absolute !important;
  76.     width: 100%;
  77.     max-width: 28px !important;
  78.     max-height: 28px !important;
  79.     left: 0 !important;
  80.     top: 5px !important;
  81.     white-space: nowrap;
  82.     overflow: hidden !important;
  83.     z-index: 500;
  84. color: red !important;
  85. background-color: #E1C022 !important;
  86. }
  87. .Notice-genericWarning:hover {
  88.     position: absolute !important;
  89.     width: 100%;
  90.     max-width: 290px !important;
  91.     max-height: 100% !important;
  92. background-repeat: repeat !important;
  93. }
  94. .Notice-genericWarning .Notice-icon{
  95.     display: inline-block !important;
  96.     height: 22px;
  97.     width: 22px;
  98.     margin: -1px 0 0 -1px !important;
  99. }
  100. .Notice-genericWarning p.Notice-text {
  101.     float: left;
  102.     width: 170px !important;
  103.     white-space: normal;
  104. }
  105.  
  106.  
  107.  
  108.  
  109. /* (new201) GM Super_loader - MENU - TEST SUPER_LOADER - adapt QUANTUM */
  110. /* ===
  111. test links :
  112. https://addons.mozilla.org/en-US/firefox/addon/privacy-possum/reviews/
  113. SEARCH PAGE - 
  114. https://addons.mozilla.org/fr/firefox/search/?page=3&platform=windows&q=scrollbar
  115. === */
  116. #sp-fw-container:not(:hover) {
  117.     z-index: 5999999 !important;
  118.     text-align: left !important;
  119.     width: 12px !important;
  120.     height: 12px !important;
  121.     top: 20px !important;
  122.     right: 20px !important;
  123.     transform: none !important;
  124.     overflow: hidden ;
  125. background-color: red !important;
  126. }
  127. #sp-fw-container:hover {
  128.     height: auto !important;
  129.     width: auto !important;
  130.     top: 20px !important;
  131.     right: 20px !important;
  132.     padding: 10px !important;
  133.     border: 1px solid gray !important;
  134.  background: #222 !important; 
  135. }
  136.  
  137. #sp-fw-container:not(:hover) #sp-fw-content {
  138.     height: auto !important;
  139.     width: auto !important;
  140. }
  141. #sp-fw-container:hover #sp-fw-content {
  142.      display: inline-block !important;
  143.     height: auto !important;
  144.     visibility: visible !important;
  145. }
  146. #sp-fw-main {
  147.     height: 500px !important;
  148. }
  149. #sp-fw-savebutton {
  150.     display: inline-block !important;
  151.     height: 30px !important;
  152.     line-height: 30px !important;
  153.     width: 120px !important;
  154.     text-align: center !important;
  155.     z-index: 5999999 !important;
  156.      background: red!important 
  157. }
  158. #sp-fw-savebutton:hover {
  159. border: 1px solid green !important;
  160. }
  161. #sp-fw-rect {
  162.     border: 1px solid white;
  163.     border-radius: 3px;
  164.     box-shadow: 0 5px 0 rgba(255, 255, 255, 0.3) inset, 0 0 3px rgba(0, 0, 0, 0.8);
  165.     float: right;
  166.     height: 10px;
  167.     left: 0;
  168.     margin: 0;
  169.     opacity: 0.8;
  170.     padding: 0;
  171.     position: relative;
  172.     top: 0;
  173.     width: 10px;
  174. }
  175. #sp-fw-dot {
  176.     background-color: #00ff05;
  177.     display: block;
  178.     right: -3px;
  179.     top: -3px;
  180. }
  181. #sp-fw-dot, #sp-fw-cur-mode {
  182.     border: 1px solid white;
  183.     border-radius: 3px;
  184.     box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.9);
  185.     height: 5px;
  186.     opacity: 1;
  187.     padding: 0;
  188.     position: absolute;
  189.     width: 5px;
  190.     z-index: 9999;
  191. }
  192.  
  193. /* (new137) GM Super_loader - SEPARATOR */
  194. .sp-separator  {
  195.     display: inline-block !important;
  196.     height: 35px !important; 
  197.    line-height: 35px !important;
  198.     width: 100% !important;
  199. /*     margin-bottom: 20px !important; */
  200.     text-align: center !important;
  201. border-radius: 5px !important;
  202. background: #575f68 !important;
  203. /*      background: red !important; */
  204. }
  205. .sp-separator a {
  206. position: relative !important;
  207.     display: inline-block !important;
  208.     min-width: 602px !important;
  209. /* max-width: 40% !important; */
  210. height: 32px !important;
  211. line-height: 32px !important;
  212. top: -4px !important;
  213. margin: 0px 20px 0 6px !important;
  214.     padding-left: 100px;
  215. border-radius: 5px !important;
  216. text-shadow: none !important;
  217. color: white !important;
  218. /* background: blue !important; */
  219. }
  220. .sp-separator a b{
  221. position: relative !important;
  222.     display: inline-block !important;
  223. height: 35px !important;
  224. /* line-height: 15px !important; */
  225. /* top: -5px !important; */
  226. border-radius: 5px !important;
  227. /*     background: red !important; */
  228. }
  229. .sp-sp-nextlink>b>span[style="color:#595959!important;"] ,
  230. .sp-separator a.sp-sp-nextlink > span {
  231.     display: inline-block !important;
  232.     min-width: 40px !important;
  233. margin: 0 0px 0 5px !important;
  234.     border-radius: 5px !important;
  235.     text-shadow: none;
  236.     opacity: 1 !important;
  237. text-align: center !important;
  238. color: white !important;
  239. background: black !important;
  240. }
  241.  .sp-separator img{
  242.     margin: -8px 20px 0 5px !important;
  243. padding: 2px !important;
  244. opacity: 0.3 !important;
  245. border-radius: 3px !important;
  246. background: gray !important;
  247. }
  248.  .sp-separator img:hover{
  249.     margin-right: 20px;
  250. padding: 2px !important;
  251. opacity: 1 !important;
  252. border-radius: 3px !important;
  253. background: red !important;
  254. }
  255. #sp-separator-hover {
  256.     display: inline-block;
  257.     width: 400px !important;
  258. }
  259. /* GM Super_loader - SEPARATOR - DIVERS */
  260. /* div.Page-amo div.Page-content div.Page.Page-not-homepage div.Search > div.SearchResults .AddonsCard-list .sp-separator {
  261.     margin-bottom: 20px !important;
  262. } */
  263. /* (new130) GM Super_loader - REVIEWS LIST */
  264. /* .AddonReviewList .AddonReviewList-reviews .Card.CardList.AddonReviewList-reviews-listing .Card-contents .sp-separator{
  265. height: 35px !important;
  266. line-height: 15px !important;
  267. margin-bottom: 5px !important;
  268. border-radius: 5px !important;
  269.     background: #111 !important;
  270. } */
  271.  
  272. /* .AddonReviewList .AddonReviewList-reviews .Card.CardList.AddonReviewList-reviews-listing .Card-contents .sp-separator a{
  273.     display: inline-block;
  274. height: 35px !important;
  275.     min-width: 802px;
  276.     padding-left: 100px;
  277. } */
  278.  
  279. /* (new77) ADD test for domain("addons-dev.allizom.org") -
  280. https://addons-dev.allizom.org/en-GB/firefox/
  281. - === */
  282.  
  283. /* (new103) AMO CHANGE - 2019.10.12 - === */
  284. .Page-not-homepage {
  285.     max-width: 100% !important;
  286. }
  287. .Page-content {
  288.     background: #283146 !important;
  289. }
  290.  
  291. /* ALL ?? - === */
  292. .AddonsCard--horizontal ul.AddonsCard-list {
  293.     display: grid;
  294. /* grid-auto-flow: unset !important; */
  295. /* grid-template-columns: unset !important; */
  296. }
  297.  
  298. /* HOME - === */
  299. .Home-content {
  300.     max-width: 100% !important;
  301. }
  302. /* (new131) */
  303. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal  .Card-shelf-header footer{
  304.     display: inline-block !important;
  305.     width: 30% !important;
  306.     height: 25px !important;
  307.     margin-top: 0px !important;
  308.     padding: 0px !important;
  309.     border-radius: 5px !important;
  310. border:1px solid red !important;
  311. }
  312. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal footer  a {
  313.     display: inline-block !important;
  314.     height: 25px !important;
  315.     line-height: 25px !important;
  316.     padding: 0 10px !important;
  317.     text-decoration: none;
  318. }
  319. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents {
  320.     height: 220px !important;
  321.     margin-bottom: 6px !important;
  322. }
  323. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list {
  324.     height: 205px !important;
  325. }
  326. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult {
  327.     display: inline-block !important;
  328.     height: 100%;
  329.     height: 200px !important;
  330.     min-width: 24.3% !important;
  331.     max-width: 24.3% !important;
  332.     padding: 0px !important;
  333.     border-radius: 5px !important;
  334.     border: 1px solid rgba(12, 12, 13, 0.9) !important;
  335. }
  336. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-wrapper {
  337.     padding: 12px 5px !important;
  338. }
  339. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-icon-wrapper {
  340.     height: 180px !important;
  341. }
  342. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-contents {
  343.     display: inline-block !important;
  344.     width: 100% !important;
  345.     height: 100%;
  346.     max-height: 180px !important;
  347.     min-height: 180px !important;
  348.     margin: 0px 2px 0 -2px !important;
  349.     padding: 2px 5px !important;
  350. }
  351. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-contents .SearchResult-summary {
  352.     max-width: 465px;
  353.     height: 100%;
  354.     min-height: 85px !important;
  355.     max-height: 85px !important;
  356.     line-height: 15px;
  357.     margin-bottom: -15px !important;
  358.  
  359. }
  360. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-users {
  361.     display: inline-block !important;
  362.     height: 18px !important;
  363.     margin-left: 0 !important;
  364.     margin-top: -31px !important;
  365.     text-align: center !important;
  366. }
  367.  
  368. /* HOME PAGE - THEME - === */
  369. .Home .SearchResult.SearchResult--theme {
  370.     grid-column: auto / auto;
  371.     margin: 0 6px 1px;
  372.     min-width: 0;
  373.     height: 202px !important;
  374.     padding: 0;
  375. }
  376. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-contents {
  377.     display: inline-block;
  378.     height: 100%;
  379.     margin: -7px 0px 0 0px !important;
  380.     max-height: 75px !important;
  381.     min-height: 75px !important;
  382. }
  383. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-users.SearchResult--meta-section {
  384.     position: relative !important;
  385.     display: inline-block !important;
  386. }
  387. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme {
  388.     min-width: 32.6% !important;
  389.     max-width: 32.6% !important;
  390. }
  391. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-wrapper {
  392.     margin-top: 0px !important;
  393.     padding: 4px 24px !important;
  394. }
  395. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-wrapper:hover {
  396.     margin-top: 0px !important;
  397.     padding: 4px 24px !important;
  398. }
  399. .Home .AddonsCard--horizontal ul.AddonsCard-list .SearchResult--theme .SearchResult-result .SearchResult-icon-wrapper {
  400. position: relative !important;
  401.     display: inline-block !important;
  402.     width: 100% !important;
  403.     min-width: 100% !important;
  404.     max-width: 100% !important;
  405.     height: 100% !important;
  406.     max-height: 95px !important;
  407.     min-height: 95px !important;
  408.     margin-top: 0px !important;
  409.     margin-left: 0px  !important;
  410. }
  411. .Home .SearchResult--theme img.SearchResult-icon {
  412.     object-position: unset;
  413.     object-fit: contain !important;
  414.     display: inline-block;
  415.     width: 100% !important;
  416.     min-width: 100% !important;
  417.     max-width: 100% !important;
  418.     height: 100%;
  419.     max-height: 85px !important;
  420.     min-height: 85px !important;
  421.     margin-top: 5px;
  422.     border-radius: 9px;
  423. }
  424. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-result {
  425.     height: 181px !important;
  426.     text-align: center !important;
  427. }
  428. .Home li.SearchResult.SearchResult--theme .SearchResult-contents {
  429.     width: 100% !important;
  430.     height: 100%;
  431.     max-height: 44px !important;
  432.     min-height: 44px !important;
  433.     margin : 0 0 15px 0 !important;
  434.     padding: 5px 20px 0;
  435.     border-radius: 9px !important;
  436.     z-index: 100;
  437. }
  438. .Home li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-users {
  439.     margin: 0 !important;
  440. }
  441. .Home li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name {
  442.     height: 44px !important;
  443.     line-height: 15px !important; 
  444. }
  445. .Home li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name a.SearchResult-link {
  446.     margin: 0!important;
  447.     text-align: center !important;
  448. }
  449.  
  450. /* HOME - THEME */
  451.  
  452. /* HOME ??? - === */
  453. .Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--no-footer ul.AddonsCard-list ,
  454. .Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--no-footer ul.AddonsCard-list {
  455.     grid-auto-flow: column dense;
  456.     grid-template-columns: 33% 33% 33% !important;
  457. }
  458. .Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--photon:not(.Card--no-footer) ul.AddonsCard-list {
  459.     grid-auto-flow: column dense;
  460.     grid-template-columns: 25% 25% 25% 25% !important;
  461. }
  462. .Home .SearchResult.SearchResult--theme.SearchResult--persona {
  463.     display: inline-block !important;
  464.     height: 202px;
  465.     width: 100% !important;
  466.     max-width: 100% !important;
  467.     min-width: 100% !important;
  468.     margin-right: 30px !important;
  469. }
  470. .Home .Home-FeaturedCollection.AddonsCard--horizontal ul.AddonsCard-list .SearchResult--theme .SearchResult-result .SearchResult-icon-wrapper {
  471.     height: 100%;
  472.     max-height: 95px;
  473.     min-height: 95px;
  474.     max-width: 30%;
  475.     min-width: 30%;
  476.     margin-left: -7px;
  477.     margin-top: 70px;
  478. }
  479. .Home .Card.CardList.AddonsCard.LandingAddonsCard.Home-FeaturedExtensions.AddonsCard--horizontal .SearchResult-icon-wrapper ,
  480. .Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--photon:not(.Card--no-footer) ul.AddonsCard-list .SearchResult-icon-wrapper  {
  481.     height: 134px !important;
  482. }
  483. .Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--photon:not(.Card--no-footer) ul.AddonsCard-list .SearchResult.SearchResult--theme.SearchResult--persona .SearchResult-icon-wrapper {
  484.     height: 100%;
  485.     min-height: 95px;
  486.     max-height: 95px;
  487.     max-width: 23% !important;
  488.     min-width: 23% !important;
  489.     margin-left: -9px !important;
  490.     margin-top: 70px;
  491. }
  492. .Button--confirm {
  493. background: #196610 !important;
  494. }
  495. .InstallButtonWrapper.InstallButtonWrapper--notFirefox .Button--confirm {
  496.     min-height: 30px !important;
  497.     margin-top: 10px !important;
  498.     padding: 0 5px !important;
  499.     font-size: 13px !important;
  500. }
  501.  
  502. /* HOME - GUIDES */
  503. .Guides-page {
  504.     line-height: 1.1 !important;
  505.     padding: 5px 20px !important;
  506.     font-size: 15px !important;
  507. }
  508. .Guides-section {
  509.     float: left;
  510.     width: 32.7% !important;
  511.     margin-bottom: 0px !important;
  512.     margin-top: 20px !important;
  513.     margin-right: 0.5% !important;
  514.     padding: 5px !important;
  515.     border-radius: 9px !important;
  516. background: #1f2536 !important;
  517. }
  518. .Guides-header {
  519.     margin-bottom: 0px !important;
  520.     padding-bottom: 25px !important;
  521. }
  522. .Guides-header-icon {
  523.     float: left !important;
  524.     margin-right: 30px;
  525. }
  526. .Guides-page .Card-contents {
  527.     border-radius: 6px;
  528.     background: #283146 !important;
  529. }
  530. .GuidesAddonCard-content {
  531.     display: unset !important;
  532. }
  533. .GuidesAddonCard-content-text {
  534.     display: inline-block !important;
  535.     min-width: 80% !important;
  536.     max-width: 80% !important;
  537. }
  538. .GuidesAddonCard-content-text  + .InstallButtonWrapper {
  539.     display: inline-block !important;
  540.     float: none !important;
  541.     min-width: 100% !important;
  542. }
  543.  
  544. /* HOME COLOR */
  545. .Guides-section-explore-more ,
  546. h2 + p ,
  547. .Guides-page .Guides-header p ,
  548. .HomeHeroGuides-header-subtitle {
  549.     margin: 0px 0 24px !important;
  550.     color: #c1d0ff;
  551. }
  552. .Guides-section  .Card.Card--no-header.Card--no-footer .Card-contents .GuidesAddonCard .GuidesAddonCard-content .GuidesAddonCard-content-text p {
  553.     color: #eee !important;
  554. }
  555.  
  556. /* 404 AMO - with ADDON " CASSIC ADD-ON ARCHIVE - 
  557. https://addons.mozilla.org/en-US/firefox/addon/its-all-text/
  558. === */
  559. .Card.ErrorPage.NotFound  {
  560.     color: gray !important;
  561. }
  562. .Card.ErrorPage.NotFound .Card-contents>h3 {
  563.     font-size: 30px;
  564.     font-weight: 600;
  565.     line-height: 19px;
  566. text-align: center !important;
  567. }
  568.  
  569.  
  570. /* WIDESCREEN - === */
  571. .App-content-wrapper {
  572.     margin: 0 auto;
  573.     max-width: 100%;
  574. }
  575. /* BR - === */
  576. .Addon-summary>br ,
  577. .AddonDescription-contents br {
  578. content: " " !important;
  579.     float: none !important;
  580.     display: block !important;
  581.     line-height: 0px !important;
  582.     margin-top: 5px !important;
  583.     margin-bottom: -4px !important;
  584. }
  585.  
  586. /* TOP HEADER  - === */
  587. .Header {
  588.     grid-template-columns: max-content 1fr 1fr;
  589.     grid-template-rows: 46px auto;
  590.     margin: 0 auto;
  591.     max-width: 1366px;
  592.     min-height: 70px !important;
  593.     height: 70px !important;
  594.     padding-bottom: 0px !important;
  595.     width: 100%;
  596. }
  597. [dir="ltr"] .Header-content {
  598.     margin-right: 24px;
  599.     margin-top: -76px !important;
  600. }
  601. .Header-SectionLinks {
  602.     align-self: center;
  603.     grid-column: 2 / auto;
  604.     margin: 22px 0 0;
  605.     padding: 0;
  606.     margin-top: -62px !important;
  607. }
  608. .Header-user-and-external-links {
  609.     height: 36px !important;
  610.     margin-top: 0 !important;
  611.     grid-area: 1 / 2 / 2 / -1;
  612. }
  613. .Header-search-form {
  614.     margin-top: -21px !important;
  615.     grid-area: 2 / 3 / 2 / 3;
  616.     align-self: center;
  617.     max-width: 284px;
  618.     width: 100%;
  619. }
  620.  
  621. /* SEARCH / COLLECTION */
  622. .Search .SearchResults {
  623.     margin-top: 0px !important;
  624.     grid-area: 2 / 2 / 5 / auto;
  625.     min-width: 0;
  626.     width: 100%;
  627. }
  628. .Card-header {
  629.     border-top-left-radius: 9px;
  630.     border-top-right-radius: 9px;
  631.     font-family: Fira Sans,sans-serif;
  632.     font-size: 14px;
  633.     font-style: normal;
  634.     font-weight: 600;
  635.     margin-bottom: 1px;
  636.     margin-top: 0px !important;
  637.     overflow: hidden;
  638.     overflow-wrap: break-word;
  639.     padding: 5px 20px !important;
  640.     text-align: left;
  641. }
  642. .Collection-wrapper ,
  643. .Search {
  644.     display: grid;
  645.     grid-auto-flow: column dense;
  646.     grid-gap: 4px !important;
  647.     grid-template-columns: minmax(100px, 8%) 1fr !important;
  648.     padding: 0 4px 4px !important;
  649. }
  650. .Search .SearchContextCard {
  651.     grid-area: 1 / 1 / auto / -1;
  652.     min-width: 0;
  653.     margin-top: -21px !important;
  654. }
  655. .Search  .SearchContextCard-header {
  656.     font-size: 18px !important;
  657.     margin: 0;
  658.     overflow-wrap: break-word;
  659. }
  660. .Search .SearchResults .SearchResult-result {
  661.     -moz-box-direction: normal;
  662.     -moz-box-orient: horizontal;
  663.     display: flex;
  664.     flex-flow: row wrap;
  665.     margin: 0;
  666.     padding: 0;
  667.     width: 100%;
  668. }
  669. .Search .SearchResults li.SearchResult.SearchResult--theme  ,
  670. .Collection-items .AddonsCard-list li.SearchResult, 
  671. .Search .SearchResults li.SearchResult {
  672.     position: relative !important;
  673.     display: inline-block !important;
  674.     width: 97% !important;
  675.     height: 100% !important;
  676.     min-height: 145px !important;
  677.     max-height: 145px !important;
  678.     top: 0px !important;
  679.     margin-top: -9px !important;
  680.     margin-right: 2px !important;
  681.     margin-bottom: 10px !important;
  682.     bottom: 0px !important;
  683.     padding: 0px 3px !important;
  684.     border-radius: 9px !important;
  685.     border: 1px solid rgba(12, 12, 13, 0.9) !important;
  686. }
  687.  
  688. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .Card-contents ul.AddonsCard-list .SearchResult.SearchResult--theme ,
  689. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .Card-contents ul.AddonsCard-list .SearchResult  {
  690.     position: relative !important;
  691.     float: left !important;
  692.     width: 19.5% !important;
  693.     height: 100% !important;
  694.     min-height: 140px !important;
  695.     max-height: 140px !important;
  696.     top: -10px !important;
  697.     margin-top: 2px !important;
  698.     margin-right: 2px !important;
  699.     margin-bottom: 2px !important;
  700.     bottom: 2px !important;
  701.     padding: 0px 2px !important;
  702.     border-radius: 5px !important;
  703.     border-radius: 9px !important;
  704. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  705. }
  706. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon   .Card-footer {
  707.     margin-top: -10px !important;
  708.     padding: 0px !important;
  709.     width: 100%;
  710. }
  711.  
  712. /* COLL */
  713. .Collection .Collection-wrapper .Collection-detail-wrapper + .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents ul.AddonsCard-list .SearchResult-wrapper {
  714.     height: 138px !important;
  715.     margin-top: 5px !important;
  716. }
  717. .Collection .Collection-wrapper .Collection-detail-wrapper + .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents ul.AddonsCard-list .SearchResult-wrapper .SearchResult-result {
  718.     height: 137px !important;
  719. }
  720. .Collection .Collection-wrapper .Collection-detail-wrapper + .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents ul.AddonsCard-list .SearchResult-wrapper .SearchResult-result .SearchResult-icon-wrapper {
  721.     margin-top: -3px !important;
  722. }
  723. .SearchResult-icon-wrapper {
  724.     -moz-box-ordinal-group: 2;
  725.     order: 1;
  726.     border-radius: 9px 0 0 9px !important;
  727. background: black !important;
  728. }
  729. .Search .SearchResults li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper,
  730. .Search .SearchResults li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper .SearchResult-icon {
  731.     height: 30px !important;
  732.     border-radius: 3px !important;
  733.     margin-bottom: 0 !important;
  734. }
  735. .SearchResult--theme .SearchResult-icon-wrapper {
  736.     position: absolute !important;
  737.     display: inline-block !important;
  738.     -moz-box-flex: unset !important;
  739.     flex-grow: unset !important;
  740.     width: calc(100% - 30px) !important;
  741.     height: 100% !important;
  742.     max-height: 45px !important;
  743.     min-height: 45px !important;
  744.     margin-left: 15px !important;
  745.     margin-top: 72px !important;
  746.     margin-bottom: 10px;
  747.     border-radius: 9px !important;
  748.     overflow: hidden;
  749.     opacity: 0.7 !important;
  750.     z-index: 500 !important;
  751. background: #0f1126 !important;
  752. }
  753. .SearchResult--theme:hover .SearchResult-icon-wrapper {
  754.     opacity: 1 !important;
  755. background: #0f1126 !important;
  756. }
  757.  
  758. .SearchResult--theme .SearchResult-icon {
  759.     border-radius: 9px;
  760.     display: inline-block !important;
  761.     height: 100% !important;
  762.     max-height: 35px !important;
  763.     min-height: 35px !important;
  764.     object-fit: contain !important;
  765.     object-position: unset !important;
  766.     width: 100% !important;
  767.     margin-top: 5px !important;
  768. opacity: 1 !important;
  769. }
  770.  
  771. /* SEARCH ALL - in COLL / AUTHOR / INFO */
  772. .SearchResult-contents {
  773.     -moz-box-flex: 1;
  774.     -moz-box-ordinal-group: 1 !important;
  775.     -moz-box-orient: horizontal;
  776.     -moz-box-pack: justify;
  777.     -moz-box-direction: normal;
  778.     display: flex;
  779.     flex-flow: row wrap;
  780.     flex-grow: 1;
  781.     order: 1;
  782.     justify-content: space-between;
  783.     height: 100% !important;
  784.     min-height: 130px !important;
  785.     max-height: 130px !important;
  786.     width: 72% !important;
  787.     margin: -3px 2px  0 5px !important;
  788.     padding: 2px 5px !important;
  789.     border-radius: 0 9px 9px 0 !important;
  790.     background-color: #191f2d !important;
  791. }
  792. .SearchResult-summary {
  793.     -moz-box-flex: 1;
  794.     flex-grow: 1;
  795.     display: block;
  796.     height: 100% !important;
  797.     min-height: 75px !important;
  798.     max-height: 75px !important;
  799.     line-height: 15px !important;
  800.     width: 100%;
  801.     max-width: 465px;
  802.     margin: 0;
  803.     font-size: 12px;
  804.     overflow-wrap: break-word;
  805.     overflow: hidden !important;
  806.     overflow-y: auto !important;
  807. border-top: 1px solid rgba(12, 12, 13, 0.9) !important;
  808. border-bottom: 1px solid rgba(12, 12, 13, 0.9) !important;
  809. }
  810.  
  811. /* SEARCH NORMAL */
  812. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents {
  813.     min-height: 120px !important;
  814.     max-height: 120px !important;
  815.     margin: 0px 2px  0 5px !important;
  816. }
  817.  
  818. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-summary {
  819.     min-height: 80px !important;
  820.     max-height: 80px !important;
  821. /* border: 1px solid tan !important; */
  822. }
  823. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-summary {
  824.     max-height: 62px !important;
  825.     min-height: 62px !important;
  826. } 
  827.  
  828. /* SEARCH in AUTHOR */
  829. .UserProfile-addons-and-reviews .SearchResult-contents {
  830.     min-height: 110px !important;
  831.     max-height: 110px !important;
  832.     margin: -3px 2px  0 5px !important;
  833. }
  834. .UserProfile-addons-and-reviews .SearchResult-contents .SearchResult-summary {
  835.     max-height: 53px !important;
  836.     min-height: 53px !important;
  837. }
  838.  
  839. /* in INFO - OTHER ADDONS on HOVER */
  840. .AddonsByAuthorsCard .SearchResult-name  {
  841.     display: flex !important;
  842.     flex-direction: column !important;
  843.     justify-content: center;
  844.     height: 100% !important;
  845.     min-height: 35px !important;
  846.     max-height: 35px !important;
  847.     line-height: 1.1;
  848.     width: 100% !important;
  849.     min-width: 100% !important;
  850.     max-width: 100% !important;
  851.     margin: 0;
  852. /* background: green !important; */
  853. }
  854.  
  855. /* ==== */
  856.  
  857. .Home .SearchResult-contents {
  858.     width: 100% !important;
  859. }
  860.  
  861. /* SEARCH - ALL - THEME ITEMS*/
  862. li.SearchResult.SearchResult--theme .SearchResult-contents {
  863.     -moz-box-direction: normal;
  864.     -moz-box-flex: 1;
  865.     -moz-box-ordinal-group: 1 !important;
  866.     -moz-box-orient: horizontal;
  867.     -moz-box-pack: justify;
  868.     display: flex;
  869.     flex-flow: row wrap;
  870.     flex-grow: 1;
  871.     justify-content: space-between;
  872.     order: 1;
  873.     height: 100% !important;
  874.     min-height: 50px !important;
  875.     max-height: 50px !important;
  876.     width: 73% !important;
  877.     margin: 55px -2px  0 8px !important;
  878.     padding: 5px 20px 0 20px !important;
  879.     border-radius: 9px  !important;
  880.     text-align: center !important;
  881.     z-index: 100 !important;
  882. background: rgba(31, 37, 54, 0.7) !important;
  883. }
  884. .SearchResult-name {
  885.     display: flex !important; /* contexte sur le parent */
  886.     flex-direction: column !important; /* direction d'affichage verticale */
  887.     justify-content: center !important; /* alignement vertical */
  888.     width: 100% !important;
  889.     min-width: 100% !important;
  890.     max-width: 100% !important;
  891.     height: 100% !important;
  892.     min-height: 35px !important;
  893.     max-height: 35px !important;
  894.     line-height: 1.1 !important;
  895.     margin: 0;
  896. }
  897. .SearchResult-link {
  898.     display: inline-block !important;
  899.     vertical-align: top !important;
  900.     width: 100% !important;
  901.     min-width: 100% !important;
  902.     max-width: 100% !important;
  903.     line-height: 15px !important;
  904.     margin: 0;
  905.     text-align: center !important;
  906.     text-align: left !important;
  907.     overflow-wrap: break-word !important;
  908.     white-space: pre-wrap !important;
  909.     word-break: normal !important;
  910. }
  911. li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name {
  912.     height: 36px !important;
  913.     line-height: 0.9 !important;
  914.     margin-top: 5px !important;
  915.     border: none !important;
  916. }
  917. li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name a {
  918.     text-align: center !important;
  919. }
  920. /* THEME - COLLECTION */
  921. .Collection li.SearchResult.SearchResult--theme .SearchResult-contents {
  922.     width: 73%;
  923.     height: 100%;
  924.     max-height: 70px !important;
  925.     min-height: 70px !important;
  926.     margin: 45px 0px 0 0px !important;
  927.     padding: 5px 10px 5px !important;
  928.     border-radius: 0 !important;
  929. }
  930. .Collection li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name{
  931.     height: 36px !important;
  932.     line-height: 0.9 !important;
  933.     margin-top: 5px !important;
  934.     border: none !important;
  935.     text-align: center !important;
  936. }
  937. .Collection li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name a {
  938.     height: 50px !important;
  939.     line-height: 0.9 !important;
  940.     margin-top: -5px !important;
  941.     font-size: 15px !important;
  942.     text-align: center !important;
  943. background: black !important;
  944. }
  945. .Collection li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-metadata{
  946.     margin-top: -29px !important;
  947. }
  948.  
  949. /* (new93) RECOMMANDED BADGE */
  950. .SearchResult-name .RecommendedBadge {
  951.     position: absolute;
  952.     width: 17px;
  953.     margin-top: 0;
  954.     left: 12px !important;
  955.     top: 65px;
  956.     overflow: hidden;
  957. }
  958. .SearchResult-name .RecommendedBadge .RecommendedBadge-link {
  959.     border: none ;
  960. }
  961.  
  962. li.SearchResult.SearchResult--theme .SearchResult-metadata {
  963.     display: inline-block !important;
  964.     width: 100% !important;
  965.     text-align: center !important;
  966. background: rgba(31, 37, 54, 0.7) !important;
  967. }
  968. .Card.ExpandableCard.SearchFilters + .SearchResults li.SearchResult.SearchResult--theme .SearchResult-rating {
  969.     float: right !important;
  970.     width: auto;
  971. }
  972. .Card.ExpandableCard.SearchFilters + .SearchResults li.SearchResult.SearchResult--theme .SearchResult-author.SearchResult--meta-section {
  973.     float: left !important;
  974.     height: 15px;
  975.     line-height: 18px;
  976.     max-width: 100% !important;
  977.     overflow: hidden;
  978.     text-overflow: ellipsis;
  979. }
  980.  
  981. .SearchResult-metadata {
  982.     -moz-box-direction: normal;
  983.     -moz-box-flex: 1 !important;
  984.     -moz-box-orient: horizontal;
  985.     display: flex;
  986.     flex-flow: row wrap;
  987.     flex-grow: 1;
  988.     width: 100%;
  989.     height: 16px !important;
  990.     line-height: 16px !important;
  991.     margin-top: -25px !important;
  992. }
  993. .SearchResult-rating {
  994.     height: 15px !important;
  995.     line-height: 13px !important;
  996.     margin-right: 5px  !important;
  997. }
  998. .Rating.Rating--small {
  999.     grid-column-gap: 6px !important;
  1000.     min-height: 13px;
  1001.     width: -moz-min-content;
  1002.     -moz-box-pack: start;
  1003.     justify-content: flex-start;
  1004.     margin: 0;
  1005. }
  1006.  
  1007. /* (new134) RATING STARS - ALL */
  1008. .Rating-star ,
  1009. .Rating--small .Rating-star {
  1010.     min-width: 13px !important;
  1011.     max-width: 13px !important;
  1012.     margin-right: -2px !important;
  1013. }
  1014.  
  1015.  
  1016. /* FOR FIREFOX QUANTUM ??? (TOO NARROW) -
  1017. https://addons.mozilla.org/fr/firefox/addon/auto-tab-discard/
  1018. === */
  1019. .AddonMeta .MetadataCard.AddonMeta-overallRating .MetadataCard-list:last-of-type .AddonMeta-rating-content .Rating.Rating--small ,
  1020. .AddonMeta-rating-content .Rating.Rating--small {
  1021.     grid-column-gap: 12px !important;
  1022. }
  1023.  
  1024.  
  1025. .SearchResult--meta-section {
  1026.     font-size: 10px !important;
  1027.     margin: 0;
  1028.     padding: 0;
  1029. }
  1030. .SearchResult-author.SearchResult--meta-section {
  1031.     height: 15px !important;
  1032.     line-height: 18px !important;
  1033.     max-width: 100% !important;
  1034.     overflow: hidden;
  1035.     text-overflow: ellipsis;
  1036. }
  1037. .Card.CardList.AddonsCard.AddonRecommendations .SearchResult-author.SearchResult--meta-section {
  1038.     height: 15px !important;
  1039.     line-height: 18px !important;
  1040.     max-width: 48% !important;
  1041.     overflow: hidden !important;
  1042.     text-overflow: ellipsis !important;
  1043.     white-space: pre;
  1044. }
  1045. .SearchResult-users {
  1046.     -moz-box-flex: 0;
  1047.     -moz-box-ordinal-group: 2 !important;
  1048.     flex-grow: 0;
  1049.     order: 1;
  1050.     width: 100% !important;
  1051. }
  1052.  
  1053.  
  1054. /* COLLECTION */
  1055. .CollectionDetails {
  1056.     display: inline-block !important;
  1057.     width: 100% !important;
  1058. }
  1059.  
  1060. .CollectionDetails .MetadataCard {
  1061.     display: inline-block;
  1062.     -moz-box-direction: unset;
  1063.     -moz-box-orient: unset;
  1064.     -moz-box-pack: unset;
  1065.     border-radius: 8px;
  1066.     flex-direction: unset !important;
  1067.     justify-content: unset !important;
  1068. }
  1069. .CollectionDetails .MetadataCard-list {
  1070.     -moz-box-flex: unset !important;
  1071.     flex: unset !important;
  1072.     float: left !important;
  1073.     clear: none !important;
  1074.     max-width: 100% !important;
  1075.     min-width: 100% !important;
  1076.     margin: 12px;
  1077.     margin-left: 0px !important;
  1078.     margin-bottom: 0 !important;
  1079.     overflow-wrap: break-word;
  1080.     hyphens: auto;
  1081.     text-align: left;
  1082. background: rgba(12, 12, 13, 0.9) !important;
  1083. }
  1084.  
  1085. /* (new125)ADON - INFO PAGE - CARDS - ALL */
  1086. .Card--no-footer .Card-contents ,
  1087. .Card--photon .Card-contents, 
  1088. .Card-contents {
  1089.     padding: 5px 15px !important;
  1090. background: #1f2536 !important;
  1091. }
  1092.  
  1093. /* ICONS BACKGROUND - === */
  1094. .Addon-icon-image , 
  1095. .SearchResult-icon {
  1096.     display: inline-block;
  1097.     padding: 3px !important;
  1098.     background-color: rgba(191, 191, 190, 0.33) !important;
  1099.     border-radius: 5px;
  1100.     box-shadow: 0 0 2px #cccccc inset;
  1101. }
  1102.  
  1103. /* BIG */
  1104. .AddonSummaryCard-header-icon-image ,
  1105. .Addon-icon-image  {
  1106.     border-radius: 5px;
  1107.     box-shadow: 0 0 2px #cccccc inset;
  1108.     background-color: rgba(191, 191, 190, 0.33) !important;
  1109. }
  1110. /* SMALL */
  1111. .SearchResult-icon {
  1112.     height: 28px !important;
  1113.     width: 28px !important;
  1114.     margin-top: 8px !important;
  1115.     padding: 3px !important;
  1116. }
  1117. .Addon-header-wrapper {
  1118.     float: left !important;
  1119.     width: 20% !important;
  1120.     height: 418px !important;
  1121.     margin-top: 0px !important;
  1122.     overflow: hidden !important;
  1123.     border-radius: 9px !important;
  1124. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  1125. }
  1126. /* (new112) */
  1127. .Addon.Addon-extension.Addon--has-more-than-0-addons.Addon--has-more-than-3-addons .Addon-header-wrapper {
  1128.     margin-top: 0px !important;
  1129. }
  1130.  
  1131.  
  1132. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer {
  1133.     display: inline-block !important;
  1134.     width: 100% !important;
  1135.     min-height: 420px !important;
  1136.     max-height: 420px !important;
  1137.     margin-bottom: 0px !important;
  1138.     margin-right: 0px !important;
  1139.     padding: 3px !important;
  1140.     border-radius: 9px !important;
  1141. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  1142. }
  1143. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-icon {
  1144.     float: left !important;
  1145.     clear: both !important;
  1146.     min-height: 70px !important;
  1147.     max-height: 70px !important;
  1148.     width: 15% !important;
  1149.     min-width: 0px !important;
  1150. }
  1151. .Addon-icon-wrapper {
  1152.     height: 100% !important;
  1153.     width: 100% !important;
  1154.     overflow: hidden;
  1155. }
  1156. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .AddonTitle {
  1157.     grid-column: none !important;
  1158.     float: right !important;
  1159.     width: 81% !important;
  1160.     height: 70px !important;
  1161.     line-height: 1.1 !important;
  1162.     margin: 2px 0  0px 5px !important;
  1163.     font-size: 18px;
  1164.     overflow-wrap: break-word;
  1165. }
  1166. /* TITLE - THEME */
  1167. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header .ThemeImage.ThemeImage--rounded-corners + .AddonTitle {
  1168.     width: 100% !important;
  1169.     height: 70px !important;
  1170.     line-height: 1.1 !important;
  1171. }
  1172.  
  1173. /* MULTI AUTHORS:
  1174. https://addons.mozilla.org/fr/firefox/addon/test-feedback/?src=recommended
  1175. === */
  1176. .AddonTitle .AddonTitle-author {
  1177.     font-size: 12px !important;
  1178. }
  1179. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .AddonTitle  .AddonTitle-author {
  1180.     height: 33px;
  1181.     font-size: 12px !important;
  1182.     overflow: hidden;
  1183.     overflow-y: auto;
  1184. }
  1185.  
  1186. .AddonTitle .AddonTitle-author a, 
  1187. .AddonTitle .AddonTitle-author a:link {
  1188.     font-size: 14px;
  1189.     line-height: 14px ;
  1190. }
  1191.  
  1192. /* ADDON - SUMMARY */
  1193. .Addon-summary-and-install-button-wrapper {
  1194.     -moz-box-pack: unset;
  1195.     display: inline-block;
  1196.     justify-content: unset;
  1197.     width: 100%;
  1198. }
  1199.  
  1200. /* THEME - SUMMARY */
  1201. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header .ThemeImage.ThemeImage--rounded-corners + .AddonTitle ~.Addon-summary-and-install-button-wrapper .Addon-summary {
  1202.     height: 137px !important;
  1203.     margin-top: 0;
  1204.     max-width: 100%;
  1205.     min-width: 100%;
  1206.     overflow-x: hidden;
  1207. }
  1208. /* THEME - INSTALL */
  1209. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header .ThemeImage.ThemeImage--rounded-corners + .AddonTitle ~.Addon-summary-and-install-button-wrapper {
  1210.     height: 237px !important;
  1211. }
  1212. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header .ThemeImage.ThemeImage--rounded-corners + .AddonTitle ~.Addon-summary-and-install-button-wrapper >  .InstallButtonWrapper  {
  1213.     margin-top: 189px;
  1214. }
  1215. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header .ThemeImage.ThemeImage--rounded-corners + .AddonTitle ~.Addon-summary-and-install-button-wrapper > p +  .InstallButtonWrapper  {
  1216.     margin-top: 35px !important;
  1217. }
  1218.  
  1219. /* (new125) ADDON - UNIINSTAL BUTTON  */
  1220. .Button.Button--neutral.AMInstallButton-button.AMInstallButton-button--uninstall.Button--puffy {
  1221.     width: 136px !important;
  1222.     background: #526289 !important;
  1223. }
  1224. .Button.Button--neutral.AMInstallButton-button.AMInstallButton-button--uninstall.Button--puffy:hover {
  1225.     background: red !important;
  1226. }
  1227.  
  1228. /* (new134) ADDON - RATING */
  1229. .Addon-header-wrapper .Addon-header-meta-and-ratings {
  1230.     position: absolute !important;
  1231.     display: inline-block !important;
  1232.     height: 70px !important;
  1233.     width: 19.3% !important;
  1234.     min-width: 0px !important;
  1235.     top: 420px !important;
  1236.     left: 0.8% !important;
  1237.     margin-bottom: 0px !important;
  1238.     border-bottom: 1px solid red !important;
  1239.     border-top: 1px solid red !important;
  1240.     z-index: 1 !important;
  1241.     overflow: hidden !important;
  1242. }
  1243. .Addon-header-wrapper .Addon-header-meta-and-ratings .Card-contents {
  1244.     padding-top: 12px !important;
  1245. }
  1246. .Addon-header-wrapper .Addon-header-meta-and-ratings:hover {
  1247.     position: absolute !important;
  1248.     display: inline-block !important;
  1249.     height: auto !important;
  1250.     width: 19.3% !important;
  1251.     min-width: 300px;
  1252.     margin-bottom: 0px !important;
  1253.     border-radius: 5px !important;
  1254.     overflow: hidden !important;
  1255.     transition: all ease 0.7s !important;
  1256. background: #1f2536 !important;
  1257. border: 1px solid red !important;
  1258. }
  1259. .MetadataCard-list {
  1260.     flex: 1 1 0;
  1261.     hyphens: auto;
  1262.     margin: 1.5vh 0 0 0px !important;
  1263.     text-align: left;
  1264. }
  1265. /* ADDON - RATING MANAGER - TOP LEFT - === */
  1266. /* NOT NEED */
  1267. .Card.Addon-overall-rating .Card-footer.Card-footer-link ,
  1268. .Card.Addon-overall-rating .Card-header {
  1269.     display: none !important;
  1270. }
  1271.  
  1272. /* (new99) ADDON - RATING on HOVER - TOP LEFT - === */
  1273. .Addon.Addon-extension .Addon-details .RatingManager>form {
  1274.     position: absolute;
  1275.     width: 10.2% !important;
  1276.     height: 25px !important;
  1277.     left: 0.8% !important;
  1278.     top: 421px !important;
  1279.     padding: 2px 2px !important;
  1280.     border-radius: 5px !important;
  1281.     z-index: 1 !important;
  1282. border: 1px solid #283046 !important;
  1283. background: tan !important;
  1284. }
  1285. .Addon.Addon-extension .Addon-details .RatingManager>form:hover {
  1286.     height: 57px !important;
  1287.     padding-bottom: 10px !important;
  1288.     z-index: 500 !important;
  1289.     transition: all ease 0.7s !important;
  1290. border: 1px solid red !important;
  1291. background: black !important;
  1292. }
  1293. .Addon.Addon-extension .Addon-details .Card-contents .RatingManager>form>fieldset {
  1294.     display: inline-block !important;
  1295.     width: 100% !important;
  1296.     height: 100% !important;
  1297.     min-height: 20px !important;
  1298.     max-height: 20px !important;
  1299.     line-height: 15px !important;
  1300.     text-align: left ;
  1301. background: green !important;
  1302. }
  1303. .Addon.Addon-extension .Addon-details .RatingManager legend.RatingManager-legend {
  1304.     display: inline-block !important;
  1305.     width: 100% !important;
  1306.     min-height: 20px !important;
  1307.     max-height: 20px !important;
  1308.     line-height: 10px !important;
  1309.     overflow-wrap: break-word;
  1310.     font-size: 0;
  1311. z-index: -1 !important;
  1312. }
  1313. /* (new121) */
  1314. .Addon.Addon-extension .Addon-details .RatingManager legend b{
  1315.     position: relative !important;
  1316.     display: inline-block !important;
  1317.     width: 100% !important;
  1318.     height: 100% !important;
  1319.     min-height: 21px !important;
  1320.     max-height: 21px !important;
  1321.     line-height: 10px !important;
  1322.     padding: 1px 10px 1px 1px !important;
  1323.     top: -1px !important;
  1324.     overflow-wrap: break-word;
  1325.     font-size: 10px !important;
  1326.     text-align: left ;
  1327. z-index: 0 !important;
  1328. background: #A33434 !important;
  1329. /* background: red !important; */
  1330. }
  1331. /* (new99) */
  1332. .Addon.Addon-extension .Addon-details .RatingManager legend b:after {
  1333.     position: absolute !important;
  1334.     display: inline-block !important;
  1335.     content: "★" ;
  1336.     font-size: 15px !important;
  1337.     color: gold ;
  1338.     white-space: pre !important;
  1339.     width: 10px !important;
  1340.     height: 15px !important;
  1341.     line-height: 15px !important;
  1342.     top: 0px !important;
  1343.     right: 5px !important;
  1344. }
  1345.  
  1346. /* (new120) ADDON - REVIEW MANAGER - === */
  1347. .AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container  {
  1348.     position: absolute;
  1349.     width: 9% !important;
  1350.     height: 25px !important;
  1351.     left: 11% !important;
  1352.     top: 421px !important;
  1353.     padding: 0px 2px !important;
  1354.     border-radius: 5px !important;
  1355.     overflow: hidden;
  1356.     z-index: 1 !important;
  1357.     transition: width ease 0.7s !important;
  1358. border: 1px solid #283046 !important;
  1359. background: #075251 !important;
  1360. }
  1361. .AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container:hover {
  1362.     width: 19.2% !important;
  1363.     height: auto !important;
  1364.     min-height: 50px !important;
  1365.     padding: 5px 5px 10px 5px !important;
  1366.     z-index: 500 !important;
  1367.     transition: all ease 0.7s !important;
  1368. border: 1px solid red !important;
  1369. background: black !important;
  1370. }
  1371. .AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container:hover .UserReview .Card.ShowMoreCard.UserReview-body .Card-contents .ShowMoreCard-contents {
  1372.     min-height: 210px !important;
  1373.     max-height: 210px !important;
  1374.     overflow: hidden !important;
  1375.     overflow-y: auto !important;
  1376. }
  1377. .AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container:hover .UserReview .Card.ShowMoreCard.UserReview-body .Card-contents .ShowMoreCard-contents div {
  1378. border-bottom: 1px dotted red ;
  1379.  
  1380. }
  1381. /* (new141) */
  1382. .UserReview-byLine > span ,
  1383. .Addon.Addon-extension .Addon-details .UserReview-byLine > span {
  1384.     font-size: 10px !important;
  1385. }
  1386. /* (new141) */
  1387. .UserReview-byLine > span a {
  1388.     display: inline-block !important;
  1389.     margin: 0px 0 0 0 !important;
  1390.     padding-left: 20px !important;
  1391.     font-size: 10px !important;
  1392.     text-align: right !important;
  1393. /* background: red !important; */
  1394. }
  1395. /* (new129) USER - REVIEW ADDON INDICATOR */
  1396. /* CLIP (need ABSOLUTE positioning):
  1397. clip: (top, right, bottom, left)
  1398. image:clip:rect(0px,60px,200px,0px);
  1399.  
  1400. OR  CLIP-PATH  (NOT positioning need)
  1401. clip-path: clip-path: rectangle(x, y, width, height, rounded-x, rounded-y)
  1402. inset(TOP RIGHT BOTTOM LEFT
  1403. clip-path: inset(0 0% 0 22%);
  1404. === */
  1405. .UserProfile-addons-and-reviews .UserReview-byLine>span a:before {
  1406. content: attr(href) ;
  1407. /* clip: rect(0px,0px,0px,50px) !important; */
  1408. /* clip-path: inset(0px 20px 0px 78px) !important; */
  1409.     clip-path: inset(0 5% 0 22%);
  1410.     position: absolute !important;
  1411.     display: inline-block !important;
  1412.     height: 10px !important;
  1413.     line-height: 10px !important;
  1414.     width: 220px !important;
  1415.     margin-top: 0px !important;
  1416.     top: 0px !important;
  1417.     right: -11px !important;
  1418.     margin-bottom: 20px !important;
  1419.     padding-right: 20px !important;
  1420.     white-space: nowrap ;
  1421.     font-size: 10px !important;
  1422.     text-align: left !important;
  1423.     overflow: hidden !important;
  1424.     text-overflow: ellipsis !important;
  1425.     z-index: 10 !important;
  1426. /*   background-image:  linear-gradient( to right, red, #f06d06, rgb(255, 255, 0), green); */
  1427. background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1)) ;
  1428. }
  1429. .UserProfile-addons-and-reviews .UserReview-byLine>span a::after {
  1430. /* background: rgba(0, 0, 0, 0) linear-gradient(hsla(0, 0%, 100%, 0), #fff) repeat scroll 0 0; */
  1431. /* background-image:  linear-gradient( to right, red, #f06d06, rgb(255, 255, 0), green); */
  1432. background-image: url("https://addons.cdn.mozilla.net/static/img/addon-icons/default-64.png"), linear-gradient(to left, black, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  1433. background-size: 10px 10px, 120px 10px; 
  1434. background-repeat: no-repeat, repeat  ;
  1435. background-position: 55px top  ;
  1436.     content: "";
  1437.     position: absolute;
  1438.     height: 10px;
  1439.     width: 70px ;
  1440.     top: 0px !important;
  1441.     right: 0;
  1442.     z-index: 20 !important;
  1443. }
  1444. /* USER - REVIEW COMMENT INDICATOR */
  1445. .Addon.Addon-extension .Addon-details .UserReview-byLine>span a:after {
  1446.     position: absolute !important;
  1447.     display: inline-block !important;
  1448.     content: "🗨" ;
  1449.     width: 10px !important;
  1450.     height: 20px !important;
  1451.     line-height: 20px !important;
  1452.     top: 0px !important;
  1453.     left: 0px !important;
  1454.     font-size: 12px !important;
  1455.     white-space: pre !important;
  1456.     color: gold ;
  1457. }
  1458.  
  1459. /* ADDON - TOP LEFT - === */
  1460.  
  1461. /* (ADDON - RATING on HOVER - RATING SUCCES + ADD REVIEW button - TOP LEFT - === */
  1462. .RatingManager > form:hover .Notice.Notice-light.Notice-success:not(.RatingManagerNotice-savedRating-hidden) {
  1463.     -moz-box-pack: center;
  1464.     justify-content: center;
  1465.     display: inline-block !important;
  1466.     min-width: 50% !important;
  1467.     height: 21px !important;
  1468.     line-height: 19px;
  1469.     margin-left: 5px !important;
  1470.     border-radius: 9px !important;
  1471.     padding: 0;
  1472. background: green !important;
  1473. }
  1474. .RatingManager > form:hover .Notice.Notice-light.Notice-success:not(.RatingManagerNotice-savedRating-hidden) .Notice-column {
  1475.     float: right;
  1476.     max-width: 100%;
  1477.     -moz-box-align: center;
  1478.     align-items: center;
  1479. }
  1480. .RatingManager > form:hover .Notice.Notice-light.Notice-success:not(.RatingManagerNotice-savedRating-hidden) .Notice-icon {
  1481.     background-size: 11px 11px;
  1482.     height: 11px;
  1483.     width: 11px;
  1484.     float: left !important;
  1485. }
  1486. /* (new125) */
  1487. .AddonReviewCard.RatingManager-AddonReviewCard.AddonReviewCard-ratingOnly.AddonReviewCard-viewOnly.AddonReviewCard-slim {
  1488.     position: absolute !important;
  1489. /*     display: inline-block !important; */
  1490.     left: 1.5% !important;
  1491.     width: 8% !important;
  1492.     height: 43px !important;
  1493.     top: 355px !important;
  1494.     padding: 5px;
  1495.     border-radius: 5px !important;
  1496.     overflow: hidden;
  1497.     z-index: 5000 !important;
  1498. background: blue !important;
  1499. }
  1500. .RatingManager > form + .AddonReviewCard.RatingManager-AddonReviewCard.AddonReviewCard-ratingOnly.AddonReviewCard-viewOnly.AddonReviewCard-slim .AddonReviewCard-allControls  {
  1501.     float: left !important;
  1502.     width: 97% !important;
  1503.     height: 15px !important;
  1504.     margin-top: 0px !important;
  1505.     margin-left: 2% !important;
  1506.     margin-bottom: -7px !important;
  1507.     border-radius: 9px !important;
  1508.     padding: 0 5px;
  1509.     z-index: 50000 !important;
  1510. color: gold !important;
  1511. background: red !important;
  1512. }
  1513. .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete {
  1514. line-height: 13px !important;
  1515.     margin-top: 0px;
  1516. color: gold !important;
  1517. text-decoration: none !important;
  1518. }
  1519. .Button.Button--action.AddonReviewCard-writeReviewButton.Button--puffy {
  1520.     float: left !important;
  1521.     width: 100% !important;
  1522.     height: auto;
  1523.     min-height: 15px !important;
  1524.     max-height: 15px !important;
  1525. line-height: 13px !important;
  1526.     padding: 0 5px;
  1527.     border-radius: 4px;
  1528.     font-size: 15px;
  1529. }
  1530.  
  1531. /* WRITE A REVIEW TEXTAREA - IN ADDON INFO PAGE - === */
  1532. .Addon.Addon-extension .Addon-details section.Card.Addon-overall-rating .DismissibleTextForm-form {
  1533.     position: absolute !important;
  1534.     display: inline-block !important;
  1535.     width: 20% !important;
  1536.     left: 0.5% !important;
  1537.     top: 35% !important;
  1538.     padding: 10px !important;
  1539.      z-index: 5000 !important;
  1540.     background: black !important;
  1541. }
  1542. .Addon.Addon-extension .Addon-details section.Card.Addon-overall-rating .DismissibleTextForm-form  textarea.DismissibleTextForm-textarea {
  1543.     max-height: 430px !important;
  1544.     min-height: 150px !important;
  1545.     padding: 6px;
  1546.     resize: vertical !important;
  1547. }
  1548. /* THEME - ICON SCREEN SHOT - CENTER - === */
  1549. .ThemeImage--rounded-corners {
  1550.     position: absolute;
  1551.     display: inline-block;
  1552.     width: 100%;
  1553.     max-width: 77% ;
  1554.     min-height: 535px ;
  1555.     max-height: 535px ;
  1556.     left: 21.3% ;
  1557.     top: 86px ;
  1558.     border-radius: 9px;
  1559.     border: 1px solid red;
  1560.     background-color: #1d2232;
  1561. }
  1562.  .ThemeImage--rounded-corners .ThemeImage-image {
  1563.     position: absolute;
  1564.     display: inline-block;
  1565.     width: 100%;
  1566.     max-width: 100%;
  1567.     min-height: 250px !important;
  1568.     max-height: 250px !important;
  1569.     left: 0%;
  1570.     top: 150px;
  1571.     padding: 30px !important;
  1572. }
  1573. .ThemeImage-image {
  1574.     object-fit: contain !important;
  1575.     object-position: top center !important;
  1576.     border-radius: 9px !important;
  1577. }
  1578.  
  1579. /* ADDON - NO REVIEWS */
  1580. .Card-footer.Card-footer-link ,
  1581. .Card-footer.Card-footer-text,
  1582. .Addon-read-reviews-footer {
  1583.     display: none !important;
  1584.     padding: 0 !important;
  1585. }
  1586.  
  1587. /* (new124) INSTALL REQUIRE - DOWNLOD XPI */
  1588. .InstallButtonWrapper-download {
  1589.     margin-top: -21px !important;
  1590.     margin-left: -260px !important;
  1591.     text-align: center !important;
  1592. /* border: 1px dashed violet !important; */
  1593. }
  1594. /* (new125) INSTALL - NO DOWNLOAD XPI */
  1595. .InstallButtonWrapper  {
  1596.     height: 30px !important;
  1597.     margin-left: 192px !important;
  1598.     margin-top: 15px !important;
  1599. /* border: 1px dashed violet !important; */
  1600. }
  1601. .Addon .Addon-summary-and-install-button-wrapper .AMInstallButton--noDownloadLink {
  1602.     height: 30px !important;
  1603.     margin-top: -3px !important;
  1604.     margin-bottom: 0px !important;
  1605. /* border: 1px solid violet !important; */
  1606. }
  1607. .Addon-summary-and-install-button-wrapper .Button {
  1608.     min-height: 27px !important;
  1609.     max-height: 27px !important;
  1610.     padding: 0 16px;
  1611.     border-radius: 4px;
  1612.     font-size: 16px;
  1613. }
  1614.  
  1615. /* (new129) NEED INSTALL NEW VERSION FIREFOX */
  1616. .InstallButtonWrapper .GetFirefoxButton {
  1617.     position: absolute !important;
  1618.     display: inline-block !important;
  1619.     min-width: 368px !important;
  1620.     height: 30px !important;
  1621.     left: 15px !important;
  1622.     top: 41.5vh !important;
  1623.     border-radius: 5px !important;
  1624.     background: #1f2536 !important;
  1625.     border: 1px solid rgba(12, 12, 13, 0.9);
  1626. border: 1px solid yellow !important;
  1627. }
  1628. .GetFirefoxButton-callout {
  1629.     position: absolute !important;
  1630.     display: inline-block !important;
  1631.     width: 20px !important;
  1632.     height: 28px !important;
  1633.     line-height: 28px !important;
  1634.     padding: 3px 0 0px 1px  !important;
  1635.     margin: 16px auto;
  1636.     top: -1.7vh !important;
  1637.     left: 5px !important;
  1638. border: 1px solid green !important;
  1639. }
  1640. .GetFirefoxButton-callout::before {
  1641.     display: none !important;
  1642. }
  1643.  
  1644. .InstallButtonWrapper .GetFirefoxButton .Button.Button--action.GetFirefoxButton-button.Button--puffy {
  1645.     width: 250px !important;
  1646.     line-height: 13px !important;
  1647.     padding: 0 30px !important;
  1648.     font-size: 14px !important;
  1649.     white-space: pre-line;
  1650.     overflow: hidden !important;
  1651. }
  1652. .InstallButtonWrapper .GetFirefoxButton .GetFirefoxButton-callout-text {
  1653.     position: absolute !important;
  1654.     display: inline-block !important;
  1655.     width: 126px;
  1656.     height: auto !important;
  1657.     line-height: 12px;
  1658.     left: -2px;
  1659.     top: -8.5vh;
  1660.     padding: 2px 2px 4vh 2px !important;
  1661.     font-size: 12px !important;
  1662.     border-radius: 5px !important;
  1663.     opacity: 0 !important;
  1664.     visibility: hidden !important;
  1665. color: gold !important;
  1666. background: red;
  1667. }
  1668. .InstallButtonWrapper .GetFirefoxButton:hover .GetFirefoxButton-callout-text {
  1669. visibility: visible !important;
  1670.    opacity: 1!important;
  1671. color: gold !important;
  1672. background: red;
  1673. }
  1674. .InstallButtonWrapper .GetFirefoxButton + .InstallButtonWrapper-download {
  1675.     margin-left: -200px !important;
  1676.     margin-top: -11px !important;
  1677.     text-align: center;
  1678. }
  1679.  
  1680. /* (new134) SUPPORT DEV */
  1681. .Card.ContributeCard.Card--no-footer {
  1682.     position: absolute !important;
  1683.     display: inline-block !important;
  1684.     float: none !important;
  1685.     min-width: 200px !important;
  1686.     max-width: 200px !important;
  1687.     height: 18px !important;
  1688.     top: 10.2vh !important;
  1689.     left: 38.8% !important;
  1690.     margin-top: 0;
  1691.     margin-bottom: 0 !important;
  1692.     padding: 0 2px !important;
  1693.     border-radius: 9px !important;
  1694.     font-size: 10px !important;
  1695.     overflow: hidden !important;
  1696.     z-index: 1 !important;
  1697. outline: none !important;
  1698. border: 1px solid green !important;
  1699. background: #111 !important;
  1700. }
  1701. .Card.ContributeCard.Card--no-footer:hover {
  1702.     height: auto !important;
  1703.     max-width: 19.6% !important;
  1704.     padding: 2px !important;
  1705.     z-index: 5000000 !important;
  1706. background: red !important;
  1707. }
  1708. .Card.ContributeCard.Card--no-footer .Card-header {
  1709.     height: 15px !important;
  1710.     margin-bottom: 1px;
  1711.     margin-top: 0;
  1712.     padding: 1px 3px !important;
  1713.     text-align: center !important;
  1714.     font-size: 10px !important;
  1715.     overflow: hidden;
  1716.     overflow-wrap: break-word;
  1717. border: none !important;
  1718. }
  1719.  
  1720. /* REPORT ABUSE */
  1721. .Card.Addon-overall-rating .ReportAbuseButton {
  1722.     position: absolute;
  1723.     display: inline-block !important;
  1724.     top: 145px;
  1725.     width: 5%;
  1726.     height: 25px !important;
  1727.     line-height: 0px !important;
  1728.     left: 1.6% !important;
  1729.     margin-top: 0;
  1730.     padding: 0 2px;
  1731.     border-radius: 9px;
  1732.     overflow: hidden;
  1733.     transform: scale(0.5)  !important;
  1734.     transform-origin: top left;
  1735.     z-index: 1 !important;
  1736.     opacity: 0.5 !important;
  1737. border: 1px solid #283046 !important;
  1738. background: #A33434 !important;
  1739. }
  1740. .Card.Addon-overall-rating .ReportAbuseButton:hover {
  1741.     opacity: 1 !important;
  1742.     z-index: 1 !important;
  1743.     transform: scale(1)  !important;
  1744. }
  1745. /* (new140) ADD OUR FAV STAR to ADDON PAGE - === */
  1746. .RatingManager .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:after {
  1747.     position: fixed !important;
  1748.     display: inline-block !important;
  1749.     content: "★" ;
  1750.     width: 30px !important;
  1751.     height: 30px !important;
  1752.     line-height: 25px !important;
  1753.     top: -355px !important;
  1754.     left: 185px !important;
  1755.     margin-left: 0 !important;
  1756.     margin-right: 0 !important;
  1757.     border-radius: 9px 0px 9px 9px !important;
  1758.     font-size: 30px !important;
  1759.     color: gold ;
  1760.     text-align: center !important;
  1761.     opacity: 1 !important;
  1762.     visibility: visible !important;
  1763. background-color: blue !important;
  1764. }
  1765. .Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:after {
  1766.     top: -378px !important;
  1767. color: green ;
  1768. background: gold !important;
  1769. }
  1770. .RatingManager .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:before {
  1771.     position: fixed !important;
  1772.     display: inline-block !important;
  1773.     content: "5" ;
  1774.     width: 10px !important;
  1775.     height: 15px !important;
  1776.     line-height: 14px !important;
  1777.     text-align: center !important;
  1778.     top: -355px !important;
  1779.     left: 210px !important;
  1780.     border-radius: 9px !important;
  1781.     font-size: 10px !important;
  1782.     opacity: 1 !important;
  1783.     visibility: visible !important;
  1784.     z-index: 5000000 !important;
  1785. color: red ;
  1786. background: blue !important;
  1787. }
  1788. .Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:before {
  1789.     top: -378px !important;
  1790. color: red ;
  1791. background: gold !important;
  1792. }
  1793. /* ADDON INFO - 
  1794. TAKE CARE:
  1795. - NOTICE IMPCOMPATIBILITY FIR version:
  1796. https://addons.mozilla.org/fr/firefox/addon/open-with/
  1797. - MOZ no Survey:
  1798. https://addons.mozilla.org/fr/firefox/addon/open-with/
  1799. === */
  1800.  
  1801. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header {
  1802.     grid-template-columns: unset !important;
  1803.     display: inline-block !important;
  1804.     min-width: 100% !important;
  1805.     max-width: 100% !important;
  1806. }
  1807.  
  1808.  
  1809. /*(new125) ADDON - INCOMPATIBILITY - HEADER +  ICON - BADGE */
  1810. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header {
  1811.     margin-top: 18px !important;
  1812. }
  1813. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header .Addon-icon {
  1814.     margin-top: -17px !important;
  1815. }
  1816. .Addon.Addon-extension.Addon--has-more-than-0-addons .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header .Addon-icon {
  1817.     margin-top: -7px !important;
  1818. }
  1819.  
  1820. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header .AddonBadges {
  1821.     top: 58px !important;
  1822. }
  1823. .Addon-summary {
  1824.     min-width: 100% !important;
  1825.     max-width: 100% !important;
  1826.     height: 187px !important;
  1827.     margin: 20px 0px -20px 0 !important;
  1828.     overflow: hidden !important;
  1829.     overflow-y: auto !important;
  1830. }
  1831. .Addon-details {
  1832.     grid-auto-flow: unset !important;
  1833.     grid-gap: unset !important;
  1834.     grid-template-columns: unset !important;
  1835.     display: inline-block !important;
  1836.     width: 80% !important;
  1837.     margin-top: 0px !important;
  1838. }
  1839. /* ADDON INFOS GOOD */
  1840. .Addon.Addon-extension.Addon--has-more-than-0-addons.Addon--has-more-than-3-addons .Addon-details {
  1841.     margin-top: 0px !important;
  1842. }
  1843. /* ADDON INFOS - DICO / THEME - GOOD */
  1844. .Page-amo .Header.Header-no-hero-promo + .Page-content .Page.Page-not-homepage .Addon.Addon-theme.Addon--has-more-than-0-addons ,
  1845. .Page-amo .Header.Header-no-hero-promo + .Page-content .Page.Page-not-homepage .Addon.Addon-dictionary {
  1846.     margin-top: -21px !important;
  1847. }
  1848. .Addon-details .Addon-main-content {
  1849.     grid-area: unset !important;
  1850.     display: inline-block !important;
  1851.     min-width: 100% !important;
  1852.     max-width: 100% !important;
  1853.     height: 563px !important;
  1854.     margin-left: 2px !important;
  1855.     padding: 3px !important;
  1856.     overflow-x: hidden !important;
  1857.     border-radius: 9px !important;
  1858. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  1859. }
  1860. .Card.ShowMoreCard.AddonDescription {
  1861.     float: left ;
  1862.     width: 37%;
  1863.     height: 555px !important;
  1864.     margin-top: 0;
  1865.     margin-right: 4px !important;
  1866.     margin-bottom: 0 !important;
  1867.     padding: 3px !important;
  1868.     overflow-x: hidden !important;
  1869.     overflow-y: hidden !important;
  1870.     border-radius: 9px !important;
  1871. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  1872. }
  1873. .Card.ShowMoreCard.AddonDescription  .Card-contents {
  1874.     display: inline-block !important;
  1875.     min-height: 517px !important;
  1876.     max-height: 517px !important;
  1877.     min-width: 99.9% !important;
  1878.     max-width: 99.9% !important;
  1879.     overflow: hidden !important;
  1880.     overflow-x: hidden !important;
  1881.     overflow-y: auto !important;
  1882. }
  1883. .AddonDescription .ShowMoreCard-contents {
  1884.     max-width: 100% !important;
  1885. }
  1886.  
  1887. /* SCRENNSHOTS */
  1888.  
  1889. .Addon-details .Addon-main-content .Card.Addon-screenshots {
  1890.     margin-top: 0;
  1891.     width: 62.5% !important;
  1892.     display: inline-block !important;
  1893.     float: none !important;
  1894.     height: 388px !important;
  1895.     margin-bottom: 0 !important;
  1896.     padding: 3px !important;
  1897.     overflow-y: hidden !important;
  1898.     border-radius: 9px !important;
  1899. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  1900. }
  1901. .Addon-details .Addon-main-content .Card.Addon-screenshots .Card-contents{
  1902.     display: inline-block !important;
  1903.     width: 100% !important;
  1904.     min-width: 100% !important;
  1905.     padding: 5px 5px !important;
  1906.     overflow-x: hidden;
  1907.     overflow-y: auto !important;
  1908. }
  1909. /* (new125)  NEW SCREENSHOTS DESIGN */
  1910. .ScreenShots {
  1911.     width: 100% !important;
  1912.     min-width: 100% !important;
  1913.    height: 341px !important;
  1914. /* border: 1px solid red; */
  1915. }
  1916.  
  1917. .ScreenShots-viewport {
  1918.     height: auto;
  1919. }
  1920. .ScreenShots-list {
  1921.     display: inline-block;
  1922.     height: 338px !important;
  1923.     width: 100% !important;
  1924.     min-width: 100% !important;
  1925.     max-width: 914px !important;
  1926.     margin: 0;
  1927.     padding: 0;
  1928.     overflow: auto;
  1929.     background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), #1f2536) repeat scroll 0 0 !important;
  1930. /* background: blue !important; */
  1931. }
  1932. .ScreenShots-list .ScreenShots-image:first-of-type ,
  1933. .ScreenShots-list .ScreenShots-image {
  1934.     display: inline-block !important;
  1935.     height: 200px !important;
  1936.     width: 48% !important;
  1937.     margin: 3px 5px 0 10px !important;
  1938.     border-radius: 3px !important;
  1939.     background: #1f2536 !important;
  1940. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  1941. }
  1942.  
  1943. .ScreenShots-list > .pswp-thumbnails {
  1944.     display: inline-block !important;
  1945.     height: 338px !important;
  1946.     width: 100% !important;
  1947.     margin: 0;
  1948.     padding: 0;
  1949.     overflow-x: hidden;
  1950.     overflow-y: auto !important;
  1951. }    
  1952. .ScreenShots-list > .pswp-thumbnails .pswp-thumbnail  {
  1953.     float: left !important;
  1954.     border: 1px solid rgba(12, 12, 13, 0.9);
  1955. }
  1956. .ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:not(:first-of-type) .ScreenShots-image {
  1957.     max-height: 110px !important;
  1958.     width: auto !important;
  1959.     max-width: 110px !important;
  1960.     margin: 0 !important;
  1961. }
  1962. .ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:first-of-type .ScreenShots-image {
  1963.     max-height: 335px !important;
  1964.     width: auto !important;
  1965.     max-width: 320px !important;
  1966.     margin: 0  !important;
  1967. }
  1968. .ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:not(:only-of-type):first-of-type .ScreenShots-image {
  1969.     height: 330px !important;
  1970.     width: auto !important;
  1971.     max-width: 574px !important;
  1972.     text-align: center !important;
  1973. }
  1974. /* (new124) SCREENSHOT - OPEN */
  1975. .pswp--open {
  1976.     z-index: 5000000 !important;
  1977. }
  1978.  
  1979. /* ONLY ONE */
  1980. .ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:only-of-type {
  1981.     display: inline-block !important;
  1982.     float: none !important;
  1983.     width: 100% !important;
  1984.     text-align: center !important;
  1985. }
  1986. .ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:only-of-type .ScreenShots-image {
  1987.     display: inline-block !important;
  1988.     height: 320px !important;
  1989.     width: auto !important;
  1990.     max-width: 504px !important;
  1991.     text-align: center !important;
  1992. }
  1993.  
  1994.  
  1995. /* (new125) PERMISSION CARD - ALL */
  1996. .PermissionsCard-subhead--required ,
  1997. .PermissionsCard-subhead--optional{
  1998.     margin-top: -5px;
  1999. }
  2000. .PermissionsCard-subhead--optional{
  2001.     margin-top: -5px;
  2002. }
  2003. /* new127) */
  2004. .PermissionsCard-list--required {
  2005.     width: 99.2% !important;
  2006.     min-height: 100px;
  2007.     max-height: 190px;
  2008.     border-radius: 9px;
  2009.     float: left;
  2010.     margin-top: 0px !important;
  2011.     margin-bottom: 0;
  2012.     margin-left: 4px;
  2013.     margin-right: 2px;
  2014.     padding: 3px !important;
  2015.     overflow-wrap: break-word;
  2016.     overflow-x: hidden;
  2017.     overflow-y: auto !important;
  2018. border: 1px solid rgba(12, 12, 13, 0.9);
  2019. }
  2020. .PermissionsCard-list--optional {
  2021.     width: 99.2% !important;
  2022.     max-height: 70px;
  2023.     border-radius: 9px;
  2024.     float: left;
  2025.     margin-top: 0px !important;
  2026.     margin-bottom: 0;
  2027.     margin-left: 4px;
  2028.     margin-right: 2px;
  2029.     padding: 3px !important;
  2030.     overflow-wrap: break-word;
  2031.     overflow-x: hidden;
  2032.     overflow-y: auto !important;
  2033. border: 1px solid rgba(12, 12, 13, 0.9);
  2034. }
  2035. .PermissionsCard-list--optional li ,
  2036. .PermissionsCard-list--required li {
  2037.     margin-top: -3px !important;
  2038. }
  2039.  
  2040. .PermissionsCard-list--optional li .Icon, 
  2041. .PermissionsCard-list--required li .Icon {
  2042.     background-position: 50% center !important;
  2043.     background-size: 70%;
  2044.     filter: invert(0.5);
  2045. }
  2046.  
  2047.  
  2048.  
  2049. /* A - ADDON INFOS with 7 ZONES (DEV COMMENTS) -
  2050. SCREENSHOTS + DESC + DEV COMMENTS + RECOMM + PERMISS + NOTES VERSION
  2051. https://addons.mozilla.org/fr/firefox/addon/reddit-on-youtube/?src=recommended
  2052. === */
  2053. /* .Card.ShowMoreCard.AddonDescription + .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer , */
  2054. .Addon-main-content .Card.ShowMoreCard:nth-last-child(3) {
  2055.     float: left;
  2056.     height: 390px !important;
  2057. }
  2058. .Addon-main-content .Card.ShowMoreCard:nth-last-child(3) .Card-contents {
  2059.     display: inline-block;
  2060.     max-height: 350px !important;
  2061.     min-height: 350px !important;
  2062. }
  2063.  
  2064. /* OK = https://addons.mozilla.org/en-US/firefox/addon/link-gopher/?src=search */
  2065. /* FOR DEV COMMENTS + SCEESHPT = https://addons.mozilla.org/fr/firefox/addon/autofill-quantum/ */
  2066.  
  2067. /* (new121) */
  2068. .Addon-main-content .Card.Addon-screenshots + .Card.ShowMoreCard.AddonDescription + .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer {
  2069.     float: left !important;
  2070.     width: 37% !important;
  2071.     margin-right: 5px  !important;
  2072.     margin-top: 5px  !important;
  2073.     margin-bottom: 0 !important;
  2074. }
  2075. .Addon-details .Addon-main-content .Card.Addon-screenshots + .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer  {
  2076.     float: right !important;
  2077.     width: 37% !important;
  2078.     margin-right: 5px  !important;
  2079.     margin-top: 5px  !important;
  2080. }
  2081.  
  2082. .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer  .Card-contents .ShowMoreCard-contents .Addon-developer-comments-contents {
  2083.     height: 108px ;
  2084.     overflow: hidden ;
  2085.     overflow-y: auto ;
  2086. }
  2087. /* B - ADDON INFOS with 7 ZONES (DEV COMMENTS) - 
  2088. SCREENSHOTS + DESC + DEV COMMENTS + RECOMM + PERMISS
  2089. https://addons.mozilla.org/en-US/firefox/addon/downthemall/
  2090. === */
  2091. .Card.ShowMoreCard.PermissionsCard ,
  2092. .Card.ContributeCard.Card--no-footer + .Card.ShowMoreCard.PermissionsCard {
  2093.     width: 30.8% !important;
  2094.     max-height: 258px;
  2095.     min-height: 258px;
  2096.     border-radius: 9px;
  2097.     float: left;
  2098.     margin-bottom: 0;
  2099.     margin-left: 4px;
  2100.     margin-right: 2px;
  2101.     padding: 3px !important;
  2102.     overflow-wrap: break-word;
  2103.     overflow-x: hidden;
  2104.     overflow-y: hidden !important;
  2105. border: 1px solid rgba(12, 12, 13, 0.9);
  2106. }
  2107. .Card.ShowMoreCard.PermissionsCard ul.PermissionsCard-list ,
  2108. .Card.ContributeCard.Card--no-footer + .Card.ShowMoreCard.PermissionsCard ul.PermissionsCard-list {
  2109.     max-height: 180px !important;
  2110.     min-height: 180px !important;
  2111.     margin-top: 0 !important;
  2112.     padding: 5px 0 15px 5px !important;
  2113.     overflow-wrap: break-word;
  2114.     overflow-x: hidden;
  2115.     overflow-y: auto;
  2116. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2117. }
  2118.  
  2119. /* TEST ADDON INFOS with LESS ZONES - ==== */
  2120. /* 3 ZONES:
  2121. - SCRESHOTS + DESCRP + (RECOMMEN) == NORMAL 
  2122. https://addons.mozilla.org/en-US/firefox/addon/re-style/?src=collection
  2123. === */
  2124. /* .Addon-screenshots + .AddonDescription + .AddonRecommendations */
  2125. /* .Addon-details .Addon-main-content section:nth-child( -n+ 3):not(.AddonDescription):not(.Addon-screenshots) */
  2126.  
  2127.  
  2128. /* 2 ZONES
  2129. - DESC + (RECOMMENDTAION)
  2130. https://addons.mozilla.org/en-US/firefox/addon/utm-tracking-token-stripper/?src=collection
  2131. https://addons.mozilla.org/en-US/firefox/addon/tumblr-post/?src=collection
  2132. === */
  2133.  
  2134. /* 2 ZONES 
  2135. - SCREEN + (RECOMEND) 
  2136. https://addons.mozilla.org/en-US/firefox/addon/firefox-color-prod/?src=recommended
  2137. ===*/
  2138. .Addon-main-content section:nth-child( -n+ 1):not(.AddonDescription) + section.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer {
  2139.     min-width: 100% !important;
  2140. /* border: 1px dashed blue !important; */
  2141. }
  2142.  
  2143. /* 1 ZONE 
  2144. - (RECOMEND)
  2145. https://addons.mozilla.org/en-US/firefox/addon/back-to-top-for-firefox-we/?src=collection
  2146. === */
  2147. .Addon-main-content>  section:only-of-type.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer{
  2148.     height: 100% !important;
  2149. /* border: 1px dashed yellow !important; */
  2150. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2151. }
  2152. .Addon-main-content>  section:only-of-type.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents {
  2153.     height: 100% !important;
  2154.     max-height: 517px !important;
  2155. }
  2156. .Addon-main-content>  section:only-of-type.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list .SearchResult {
  2157.     border-radius: 9px;
  2158.     float: left !important;
  2159.     grid-column: unset;
  2160.     min-height: 210px !important;
  2161.     max-height: 210px !important;
  2162.     margin: 15px 8px 20px 2px !important;
  2163.     width: 100%;
  2164.     max-width: 49% !important;
  2165.     min-width: 49% !important;
  2166.     padding: 5px;
  2167. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2168. }
  2169.  
  2170.  
  2171. /* (new102) OTHER ADDONS USED */
  2172. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer{
  2173.     margin-top: 0;
  2174.     width: 62.5% !important;
  2175.     float: left !important;
  2176.     height: 163px !important;
  2177.     margin-bottom: 0 !important;
  2178.     padding: 3px !important;
  2179.     border-radius: 9px !important;
  2180. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2181. }
  2182. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents {
  2183.     height: 124px !important;
  2184. }
  2185. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-icon-wrapper {
  2186.     height: 95px !important;
  2187. }
  2188. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list {
  2189.     display: unset !important;
  2190.     grid-auto-flow: unset !important;
  2191.     grid-template-columns: unset !important;
  2192. }
  2193.  
  2194. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list .SearchResult:hover ,
  2195. .AddonRecommendations.AddonsCard--horizontal ul.AddonsCard-list .SearchResult:hover ,
  2196. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list .SearchResult ,
  2197. .AddonRecommendations.AddonsCard--horizontal ul.AddonsCard-list .SearchResult {
  2198.     grid-column: unset !important;
  2199.     float: left !important;
  2200.     height: 107px !important;
  2201.     width: 100% !important;
  2202.     min-width: 24% !important;
  2203.     max-width: 24% !important;
  2204.     margin: 0px 2px 2px 2px !important;
  2205.     padding: 5px 5px !important;
  2206.     border-radius: 9px !important;
  2207. }
  2208. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-result {
  2209.     display: grid;
  2210.     grid-column-gap: 8px !important;
  2211.     grid-template-columns: 27px auto !important;
  2212. }
  2213. .AddonRecommendations.AddonsCard--horizontal ul.AddonsCard-list .SearchResult:hover .SearchResult-users {
  2214.     display: inline-block !important;
  2215. }
  2216. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents {
  2217.     grid-area: unset !important;
  2218.     display: inline-block !important;
  2219.     height: 100% !important;
  2220.     max-height: 98px !important;
  2221.     min-height: 98px !important;
  2222.     width: 100% !important;
  2223.     min-width: 100% !important;
  2224.     max-width: 100% !important;
  2225.     margin: 0 2px 0 0px !important;
  2226.     padding: 2px 2px !important;
  2227.     border-radius: 0 9px 9px 0 !important;
  2228. background-color: #191f2d !important;
  2229. }
  2230. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-name {
  2231.     display: flex !important;
  2232.     flex-direction: column !important;
  2233.     justify-content: center !important;
  2234.     height: 100%;
  2235.     min-height: 40px !important;
  2236.     max-height: 40px !important;
  2237.     width: 100%;
  2238.     min-width: 100% !important;
  2239.     max-width: 100% !important;
  2240.     margin: 0;
  2241. }
  2242. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-metadata{
  2243.     height: auto;
  2244.     min-height: 40px !important;
  2245.     line-height: 5px !important;
  2246.     margin-top: 0px !important;
  2247. }
  2248. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-metadata .SearchResult-rating {
  2249.     width: 100% !important;
  2250.     height: 20px !important;
  2251.     line-height: 20px !important;
  2252. }
  2253. .Rating.Rating--small ,
  2254. .Page.Page-not-homepage .Search .SearchResult-wrapper .SearchResult-result .SearchResult-contents .SearchResult-metadata .SearchResult-rating .Rating.Rating--small ,
  2255. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-metadata .SearchResult-rating .Rating.Rating--small {
  2256.     grid-column-gap: 11px !important;
  2257. }
  2258. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-users.SearchResult--meta-section {
  2259.     height: 10px !important;
  2260.     min-height: 10px !important;
  2261.     line-height: 10px !important;
  2262.     margin-top: -15px !important;
  2263. }
  2264.  
  2265. /* ALL  */
  2266. .Card.AddAddonToCollection.Card--no-footer ,
  2267. .Card.AddonMoreInfo.Card--no-footer {
  2268.     float: left !important;
  2269.     height: 339px !important;
  2270. }
  2271.  
  2272. /* (new99) RATIGN */
  2273. .Card.Addon-overall-rating {
  2274.     width: 0% !important;
  2275.     height: 0 !important;
  2276.     margin-bottom: 0px !important;
  2277. outline: 1px solid blue;
  2278. }
  2279. .Card.Addon-overall-rating .Card-contents {
  2280.     padding: 0px !important;
  2281. }
  2282. .Addon.Addon-extension .Addon-details .RatingManager > form .RatingManager-ratingControl {
  2283.     position: relative;
  2284.     display: inline-block !important;
  2285.     width: 100%;
  2286.     height: 21px !important;
  2287.     top: -21px !important;
  2288.     z-index: -1 !important;
  2289. }
  2290. .Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl {
  2291.     position: relative;
  2292.     display: inline-block !important;
  2293.     width: 100%;
  2294.     top: 5px !important;
  2295.     z-index: 10 !important;
  2296. }
  2297. /* (new134) LOG to RATE EXTENSION */
  2298. .Addon.Addon-extension .Addon-details .RatingManager > form .RatingManager-ratingControl  .Button.Button--action.RatingManager-log-in-to-rate-button.Button--micro {
  2299.     width: 170px !important;
  2300.     left: 83px !important;
  2301.     top: 1.6vh !important;
  2302.     padding: 2px !important;
  2303.     opacity: 0 !important;
  2304.     pointer-events: none !important;
  2305. }
  2306. .Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl  .Button.Button--action.RatingManager-log-in-to-rate-button.Button--micro {
  2307.     top: -44px !important;
  2308.     transition: all ease 1s !important;
  2309.     opacity: 1 !important;
  2310. background: gold !important;
  2311. }
  2312. .Addon.Addon-extension .Addon-details .RatingManager > form .RatingManager-ratingControl  .Button.Button--action.RatingManager-log-in-to-rate-button.Button--micro + .Rating.Rating--large {
  2313.     visibility: hidden !important;
  2314. }
  2315. .RatingManager .RatingManager-ratingControl .Rating.Rating--large.RatingManager-UserRating.Rating--editable {
  2316.     grid-column-gap: 3px !important;
  2317.     min-height: 17px !important;
  2318.     width: 100%;
  2319.     margin: 0 !important;
  2320. }
  2321. .RatingManager .RatingManager-ratingControl .Rating.Rating--large.RatingManager-UserRating.Rating--editable button {
  2322.     position: relative !important;
  2323.     display: inline-block !important;
  2324.     width: 25px !important;
  2325.     height: 20px !important;
  2326.     line-height: 30px !important;
  2327.     margin-left: 8px !important;
  2328.     margin-right: -10px !important;
  2329. }
  2330. .RatingManager .RatingManager-ratingControl .Rating.Rating--large.RatingManager-UserRating.Rating--editable button .Icon.Icon-inline-content.IconStar svg.IconStar-svg {
  2331.     height: 20px;
  2332.     width: 20px;
  2333. }
  2334.  
  2335. /* (new134) ADD TO COLLECTION */
  2336. .Card.AddAddonToCollection.Card--no-footer {
  2337.     width: 36.89% !important;
  2338.     min-height: 258px !important;
  2339.     max-height: 258px !important;
  2340.     overflow: hidden !important;
  2341.     overflow-wrap: break-word;
  2342.     overflow-y: auto !important;
  2343.     margin-right: 0px;
  2344.     padding: 3px !important;
  2345.     border-radius: 9px !important;
  2346. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2347. }
  2348. .Card.AddAddonToCollection.Card--no-footer  .Card-contents {
  2349.     display: flex !important;
  2350.     flex-flow: row-reverse wrap-reverse;
  2351.     justify-content: space-around;
  2352.     height: auto !important;
  2353.     margin-bottom: 3px !important;
  2354.     margin-top: 0;
  2355.     padding: 5px 20px;
  2356.     border-top-left-radius: 9px;
  2357.     border-top-right-radius: 9px;
  2358.     font-size: 14px;
  2359.     text-align: left;
  2360. }
  2361. .Notice.Notice-success.AddAddonToCollection-added {
  2362.     display: inline-block  !important;
  2363.     min-width: 48% !important;
  2364.     max-width: 48% !important;
  2365.     height: 40px !important;
  2366.     line-height: 23px !important;
  2367.     margin: 0 0px 5px 0px !important;
  2368.     color: #d8d9db;
  2369. background-color: #305F26;
  2370. }
  2371. .Notice.Notice-success.AddAddonToCollection-added  .Notice-icon {
  2372.     float: left !important;
  2373.     height: 29px;
  2374.     width: 16px;
  2375.     margin: 0px;
  2376.     background-position: center center;
  2377.     background-repeat: no-repeat;
  2378. border-right: 1px solid red !important;
  2379. }
  2380. .Notice.Notice-success.AddAddonToCollection-added   .Notice-column {
  2381.     float: right !important;
  2382.     height: 32px !important;
  2383.     margin: 0px !important;
  2384.     width: 92% !important;
  2385. }
  2386. .Notice.Notice-success.AddAddonToCollection-added   .Notice-column .Notice-content {
  2387.     display: inline-block !important;
  2388.     width: 100% !important;
  2389.     min-width: 100% !important;
  2390.     max-width: 100% !important;
  2391. }
  2392. .Notice.Notice-success.AddAddonToCollection-added   .Notice-column .Notice-content p.Notice-text {
  2393.     display: inline-block !important;
  2394.     width: 100% !important;
  2395.     min-width: 99% !important;
  2396.     max-width: 99% !important;
  2397.     line-height: 15px !important;
  2398.     margin: 0;
  2399.     overflow-wrap: unset !important;
  2400.     white-space: pre-wrap !important;
  2401.     word-break: keep-all !important;
  2402.     word-wrap: normal !important;
  2403. }
  2404. .Select.AddAddonToCollection-select {
  2405.     position: relative !important;
  2406.     display: inline-block !important;
  2407.     float: none !important;
  2408.     clear: none !important;
  2409.     width: 100% !important;
  2410.     height: 35px !important;
  2411.     top: 0 !important;
  2412. }
  2413. /* PERMISSIONS - === */
  2414. .Card.PermissionsCard.Card--no-footer{
  2415.     float: left !important;
  2416.     width: 30.80% !important;
  2417.     min-height: 258px !important;
  2418.     max-height: 258px !important;
  2419.     margin-bottom: 0px !important;
  2420.     margin-left: 4px !important;
  2421.     margin-right: 2px !important;
  2422.     padding: 3px !important;
  2423.     overflow: hidden !important;
  2424.     overflow-wrap: break-word;
  2425.     overflow-y: auto !important;
  2426.     border-radius: 9px !important;
  2427. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2428. }
  2429. .PermissionsCard-list li {
  2430.     margin-top: 6px !important;
  2431. }
  2432.  
  2433. /* RELEASE NOTES - === */
  2434. .Card.ShowMoreCard.AddonDescription-version-notes{
  2435.     float: left !important;
  2436.     width: 31.6% !important;
  2437.     min-height: 260px !important;
  2438.     max-height: 260px !important;
  2439.     margin-bottom: 0px !important;
  2440.     margin-left: 2px !important;
  2441.     margin-right: 0px !important;
  2442.     padding: 3px !important;
  2443.     overflow: hidden !important;
  2444.     overflow-wrap: break-word;
  2445.     border-radius: 9px !important;
  2446. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2447. }
  2448. .Card.ShowMoreCard.AddonDescription-version-notes .Card-contents ,
  2449. .Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded.Card--no-footer{
  2450.     float: left !important;
  2451.     width: 31.6% !important;
  2452.     min-height: 278px !important;
  2453.     max-height: 278px !important;
  2454.     margin-bottom: 0px !important;
  2455.     margin-left: 2px !important;
  2456.     margin-right: 0px !important;
  2457.     padding: 3px !important;
  2458.     overflow: hidden !important;
  2459.     overflow-wrap: break-word;
  2460.     border-radius: 9px !important;
  2461. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2462. }
  2463. .Card.ShowMoreCard.AddonDescription-version-notes .Card-header {
  2464.     max-width: 100% !important;
  2465. }
  2466. .Card.ShowMoreCard.AddonDescription-version-notes .Card-contents {
  2467.     min-width: 100% !important;
  2468.     min-height: 220px !important;
  2469.     max-height: 220px !important;
  2470.     margin-left: 0px !important;
  2471.     padding: 2px !important;
  2472.     border-radius: 0 0 9px 9px !important;
  2473. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2474. }
  2475. .Card.ShowMoreCard.AddonDescription-version-notes .ShowMoreCard-contents {
  2476.     max-height: 210px !important;
  2477.     padding: 5px 5px 25px 5px!important;
  2478.     overflow: hidden !important;
  2479.     overflow-wrap: break-word;
  2480.     overflow-y: auto !important;
  2481. }
  2482. /* for: https://addons.mozilla.org/en-US/firefox/addon/secure-password-generator/?src=recommended */
  2483. .Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded.Card--no-footer {
  2484.     float: left !important;
  2485.     width: 31.6% !important;
  2486.     min-height: 258px !important;
  2487.     max-height: 258px !important;
  2488.     margin-bottom: 0px !important;
  2489.     margin-left: 2px !important;
  2490.     margin-right: 0px !important;
  2491.     padding: 3px !important;
  2492.     overflow: hidden !important;
  2493.     overflow-wrap: break-word;
  2494.     border-radius: 9px !important;
  2495. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2496. }
  2497. .Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded  header ,
  2498. .Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded .Card-contents {
  2499.     min-width: 100% !important;
  2500.     max-width: 100% !important;   
  2501. }
  2502. .Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded .Card-contents {
  2503.     max-height: 217px !important;
  2504.     min-height: 217px !important;
  2505. }
  2506. .ShowMoreCard-contents::after {
  2507.    display: none !important;
  2508. }
  2509. .Card.ShowMoreCard.AddonDescription-version-notes .ShowMoreCard-contents > div > br + br {
  2510.     display: block !important;
  2511.     margin-bottom: -2px !important;
  2512. }
  2513.  
  2514. /* MORE INFOS - PANEL RIGHT */
  2515. .Addon-details .Card.AddonMoreInfo.Card--no-footer {
  2516.     position: absolute !important;
  2517.     display: inline-block;
  2518.     float: none !important;
  2519.     height: 385px !important;
  2520.     width: 19.4% ;
  2521.     top: 528px !important;
  2522.     left: 0.8% !important;
  2523.     margin-bottom: 0 !important;
  2524.     padding: 3px !important;
  2525.     border-radius: 9px !important;
  2526. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2527. }
  2528. /* (new101) LAST UPDATE DATE */
  2529. .Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl {
  2530.     display: inline-block;
  2531.     float: none !important;
  2532.     height: 332px !important;
  2533.     margin-top: -5px !important;
  2534.     width: 100% !important;
  2535.     max-width: 100% !important;
  2536.     min-width: 100% !important;
  2537.     overflow-wrap: break-word;
  2538.     overflow: hidden !important;
  2539.     overflow-y: auto !important;
  2540. }
  2541. .Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl dd {
  2542.     margin: 0 0 6px !important;
  2543. }
  2544.  
  2545. /* ADDON DATE UPDATE - === */
  2546. .Definition-dd.AddonMoreInfo-last-updated {
  2547.     position: absolute !important;
  2548.     display: inline-block !important;
  2549.     width: 75% !important;
  2550.     top: -375px !important;
  2551.     left: 19% !important;
  2552.     padding-left: 15px !important;
  2553.     color: gold !important;
  2554.     text-align: left !important;
  2555.     border-radius: 3px ;
  2556.     border: 1px solid rgba(12, 12, 13, 0.9);
  2557. background: #A33434 !important;
  2558. }
  2559. .Definition-dd.AddonMoreInfo-last-updated:before {
  2560. content: "Update: " ;
  2561.     position: absolute !important;
  2562.     display: inline-block !important;
  2563.     left: -18% !important;
  2564.     color: tan !important;
  2565.     width: 100% !important;
  2566.     text-align: left;
  2567. }
  2568. .Definition-dd.AddonMoreInfo-version + .Definition-dt {
  2569.     color: transparent !important;
  2570. }
  2571. .DefinitionList.AddonMoreInfo-dl .Definition-dd.AddonMoreInfo-filesize+  .Definition-dt {
  2572.     display: none !important;
  2573. }
  2574. /* MORE ADONS by THIS AUTHOR */
  2575. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer {
  2576.     position: absolute !important;
  2577.     display: inline-block !important;
  2578.     float: none !important;
  2579.     height: 28px !important;
  2580.     line-height: 11px !important;
  2581.     width: 19.4% !important;
  2582.     min-width: 0 !important;
  2583.     top: 494px !important;
  2584.     left: 0.8% !important;
  2585.     margin-top: 0;
  2586.     margin-bottom: 0 !important;
  2587.     padding: 3px !important;
  2588.     border-radius: 9px !important;
  2589.     overflow: hidden !important;
  2590. border: 1px solid yellow ;
  2591. }
  2592. /* (new122) */
  2593. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer:hover {
  2594.     height: auto !important;
  2595.     width: auto !important;
  2596.     width: 98% !important;
  2597.     z-index: 50000 !important;
  2598. background: black !important;
  2599. }
  2600.  
  2601. .Card.CardList.AddonsCard.AddonRecommendations .Card-contents .AddonsCard-list .SearchResult {
  2602.     float: left !important;
  2603.     min-width: 100% !important;
  2604.     max-width: 100% !important;
  2605.     border-radius: 9px !important;
  2606. border: 1px solid rgba(12, 12, 13, 0.9) !important;
  2607. }
  2608.  
  2609. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list {
  2610.     display: inline-block !important;
  2611.     min-width: 100% !important;
  2612. }
  2613. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult {
  2614.     float: left !important;
  2615.     clear: none !important;
  2616.     min-width: 16% !important;
  2617.     max-width: 16% !important;
  2618.     height: 100%;
  2619.     max-height: 87px !important;
  2620.     min-height: 87px !important;
  2621. }
  2622. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper {
  2623.     display: inline-block !important;
  2624.     height: 98px;
  2625.     width: 100%;
  2626.     margin-top: -3px;
  2627.     padding: 0px !important;
  2628. }
  2629. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result {
  2630.     display: inline-block !important;
  2631.     height: 98px;
  2632.     padding: 0px!important;
  2633. border-radius: 5px !important;
  2634. border: 1px solid red !important;
  2635. background-color: transparent !important;
  2636. }
  2637. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result  .SearchResult-icon-wrapper {
  2638.     display: inline-block;
  2639.     height: 96px !important;
  2640.     width: 32px;
  2641.     text-align: center;
  2642. }
  2643. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result  .SearchResult-contents {
  2644. float: right !important;
  2645.     max-height: 96px !important;
  2646.     min-height: 96px !important;
  2647.     width: 89%  !important;
  2648.     margin: 0px !important;
  2649.     padding: 5px 10px !important;
  2650. }
  2651. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result .SearchResult-metadata {
  2652.     margin-top: -24px !important;
  2653. }
  2654. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result .SearchResult-users {
  2655.     float: right !important;
  2656.     width: 86.5%  !important;
  2657.     margin-top: -24px !important;
  2658. }
  2659. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-link {
  2660.     max-height: 130px !important;
  2661.     min-height: 130px !important;
  2662. }
  2663. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link  .SearchResult-result .SearchResult-icon-wrapper{
  2664.     height: 60px !important;
  2665. }
  2666. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link  .SearchResult-result  .SearchResult-users.SearchResult--meta-section {
  2667.     display: inline-block !important;
  2668.     height: 15px !important;
  2669.     margin-left: 0;
  2670.     margin-top: 0px !important;
  2671.     word-wrap: break-word !important;
  2672.     white-space: nowrap !important;
  2673. }
  2674. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme {
  2675.     max-height: 130px !important;
  2676.     min-height: 130px !important;
  2677. }
  2678. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper {
  2679.     min-width: 14.3% !important;
  2680.     max-width: 14.3% !important;
  2681. }
  2682. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link  .SearchResult-result .SearchResult-contents {
  2683.     display: inline-block !important;
  2684.     width: 100% !important;
  2685.     min-width: 100% !important;
  2686.     max-width: 100% !important;
  2687.     max-height: 55px !important;
  2688.     min-height: 55px !important;
  2689.     margin-left: -3px !important;
  2690. }
  2691. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link  .SearchResult-result .SearchResult-contents h2.SearchResult-name {
  2692.     -moz-box-flex: unset !important;
  2693.     flex-grow: unset !important;
  2694.     text-overflow: unset !important;
  2695.     white-space: unset !important;
  2696.     overflow: unset !important;
  2697.     overflow-wrap: break-word;
  2698.     width: 100%;
  2699.     min-width: 100%;
  2700.     max-width: 100%;
  2701.     line-height: 1.1;
  2702.     margin: 0;
  2703.     padding: 0;
  2704.     font-size: 13px;
  2705.     text-align: center;
  2706.     text-decoration: none;
  2707. }
  2708. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link  .SearchResult-result  .SearchResult-users {
  2709.     grid-area: unset !important;
  2710.     margin-left: 0;
  2711.     margin-top: 13px;
  2712. }
  2713. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-metadata, 
  2714. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-metadata .SearchResult-author, 
  2715. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-summary {
  2716.     display: inline-block !important;
  2717.     margin-top: 10px !important;
  2718. }
  2719. /* (new132) */
  2720. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-summary {
  2721.     display: inline-block !important;
  2722.     min-width: 250px !important;
  2723.     max-width: 250px !important;
  2724.     max-height: 57px !important;
  2725.     min-height: 57px !important;
  2726.     margin: -7px 0 -15px 0 !important;
  2727. /* border: 1px solid red !important; */
  2728. }
  2729. /* (new137) LOADING TEXT */
  2730. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-summary .LoadingText--width-80 {
  2731.     width: 50% !important;
  2732. }
  2733.  
  2734. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-metadata .SearchResult-author {
  2735.     line-height: 12px !important;
  2736.     margin-top: 0px !important;
  2737. }
  2738. .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-icon-wrapper {
  2739.     grid-area: unset !important;
  2740.     -moz-box-ordinal-group: unset !important;
  2741.     order: unset !important;
  2742.     display: inline-block !important;
  2743.     width: 32px !important;
  2744.     height: 74px !important; 
  2745.     text-align: center !important;
  2746. background: black !important;
  2747. }
  2748.  
  2749. /* MORE THEMES by THIS AUTHOR - === */
  2750. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme {
  2751. border: 1px solid yellow ;
  2752. }
  2753. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme header.Card-header {
  2754.     height: 28px !important;
  2755.     line-height: 10px !important;
  2756.     margin-top: -6px !important;
  2757.     padding: 0px 5px !important;
  2758.     font-size: 10px !important;
  2759.     overflow: hidden;
  2760.     overflow-wrap: break-word;
  2761.     text-align: left;
  2762. }
  2763. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper {
  2764.     display: inline-block !important;
  2765.     min-height: 130px !important;
  2766.     width: 100%;
  2767.     margin-top: -3px;
  2768.     padding: 0px !important;
  2769. }
  2770. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result {
  2771.     display: inline-block !important;
  2772.     min-height: 132px !important;
  2773.     width: 100%;
  2774.     padding: 0px !important;
  2775. }
  2776. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result .SearchResult-icon-wrapper {
  2777.     max-width: 15.55% !important;
  2778.     min-width: 15.55% !important;
  2779.     margin: 0 !important;
  2780. }
  2781. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result .SearchResult-contents {
  2782.     display: inline-block;
  2783.     float: none !important;
  2784.     width: 100% !important;
  2785.     max-height: 130px !important;
  2786.     min-height: 130px !important;
  2787.     margin-top: 0px !important;
  2788.     padding: 5px 10px;
  2789. }
  2790. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result .SearchResult-contents .SearchResult-name {
  2791.     height: 26px !important;
  2792.     line-height: 0.9;
  2793.     margin-top: 50px !important;
  2794. }
  2795. .Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result .SearchResult-contents .SearchResult-name .SearchResult-link {
  2796.     max-height: 30px !important;
  2797.     min-height: 30px !important;
  2798. }
  2799. /* NO SCREENSHOTS / DESCRIPTION ONLY "Others users... " _ === */
  2800. .Addon-details .Addon-main-content .Card:only-of-type {
  2801.     display: inline-block;
  2802.     float: none !important;
  2803.     height: 349px;
  2804.     width: 100% !important;
  2805.     max-width: 100% !important;
  2806.     min-width: 100% !important;
  2807.     margin-top: 0;
  2808. border: 1px solid aqua !important;
  2809. }
  2810. /* (new125) MESSAGES - ERROR / ICOMPATIBILITY - 
  2811. With experimental : https://addons.mozilla.org/en-US/firefox/addon/first-party-isolation/?src=recommended
  2812. INCOMPATIBLITY + NO survey
  2813. https://addons.mozilla.org/fr/firefox/addon/open-with/
  2814. === */
  2815. .Notice.Notice-warning.InstallWarning ,
  2816. .Addon-header-info-card .Addon-non-public-notice, 
  2817. .Addon-header-info-card .AddonCompatibilityError {
  2818.     position: absolute;
  2819.     height: 20px !important;
  2820.     line-height: 0px;
  2821.     top: 60px !important;
  2822.     left: 21px !important;
  2823.     margin-bottom: 0 !important;
  2824.     padding:  0 0 0 150px !important;
  2825. }
  2826. .Notice-dismisser-button, .Notice-icon {
  2827.     margin: 3px 7px 7px;
  2828. }
  2829. .Addon-header-info-card .Notice.Notice-error .Notice-column {
  2830.     height: 20px !important;
  2831.     line-height: 20px !important;
  2832. }
  2833. .Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Card-contents .AddonCompatibilityError +  .Addon-header .AddonTitle {
  2834.     margin-top: -10px !important;
  2835. }
  2836. /* (new121) Not MOZ SURVEY / Not Plateform */
  2837. .WrongPlatformWarning.Addon-WrongPlatformWarning ,
  2838. .Addon-header-info-card .Notice.Notice-warning.InstallWarning {
  2839.     position: absolute;
  2840.     width: 30px !important;
  2841.     height: 32px !important;
  2842.     top: 60px !important;
  2843.     left: 0.65% !important;
  2844.     margin-bottom: 0 !important;
  2845.     padding-left: 0px !important;
  2846.     overflow: hidden !important;
  2847. }
  2848. .WrongPlatformWarning.Addon-WrongPlatformWarning {
  2849.     height: 20px !important;
  2850.     line-height: 22px !important;
  2851. }
  2852. .Notice-warningInfo .Notice-icon {
  2853.         margin-top: -1px ;
  2854. }
  2855. .WrongPlatformWarning.Addon-WrongPlatformWarning:not(:hover) .Notice-warningInfo {
  2856.     height: 20px !important;
  2857.     line-height: 22px !important;
  2858. }
  2859. .WrongPlatformWarning.Addon-WrongPlatformWarning:hover ,
  2860. .Addon-header-info-card .Notice.Notice-warning.InstallWarning:hover {
  2861.     width: 19.5% !important;
  2862.     height: auto !important;
  2863. }
  2864.  
  2865. /* (new139) ADDON BADGE - CONTAINER */
  2866. .Addon.Addon-extension .AddonTitle + .AddonBadges {
  2867.     position: absolute  !important;
  2868.     display: inline-block ;
  2869.     grid-area: unset !important;
  2870.     right: 0% !important ;
  2871.     top: 6vh !important;
  2872. /* border: 1px solid aqua  !important; */
  2873. }
  2874.  
  2875.  
  2876. /* (new141) ADDON BADGE - PROMOTED - ALL */
  2877. .PromotedBadge-large .PromotedBadge-link {
  2878.     background: gold;
  2879. }
  2880. .SearchResult-name .PromotedBadge:hover {
  2881.     width: auto;
  2882. }
  2883. /* .SearchResult-name .PromotedBadge:hover a {
  2884.     font-size: 10px ;
  2885.     background: gold;
  2886. } */
  2887. 	
  2888. /* (new140) ADDON BADGE - IN INFOS ADDON TOP - PROMOTED */
  2889. .AddonsByAuthorsCard .SearchResult-name .PromotedBadge  {
  2890.     position: absolute !important;
  2891.     display: inline-block !important;
  2892.     width: 17px !important;
  2893.     margin-left: -30px !important;
  2894.     margin-top: 65px !important;
  2895.     font-size: 0 ;
  2896.     overflow: hidden ;
  2897.     z-index: 5000 !important;
  2898. }
  2899. .AddonsByAuthorsCard .SearchResult-name .PromotedBadge  {
  2900.     margin-left: 0px !important;
  2901. }
  2902. /* (new140) ADDON BADGE - IN SEARCH RELATED - PROMOTED :
  2903. https://addons.mozilla.org/en-US/firefox/extensions/category/search-tools/
  2904. ====	*/
  2905. /* SEARCH - BADGE SMALL - ALL */
  2906. .SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small  {
  2907.     position: absolute !important;
  2908.     display: inline-block !important;
  2909. 	 vertical-align: middle  !important;
  2910.     width: 37px !important;
  2911. 	 height: 4vh !important;
  2912.  	 line-height: 2vh !important;
  2913.     margin: 4vh 0 0 -3px !important;
  2914. padding: 0 !important;
  2915.     font-size: 0 !important;
  2916.     overflow: visible !important;
  2917.     z-index: 5000 !important;
  2918. 	border-radius: 100% !important;
  2919. background: #222 !important;
  2920. border: 1px solid red  !important;
  2921. }
  2922. .SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small  a.PromotedBadge-link  {
  2923. 	display: inline-block !important;
  2924.    min-height: 4vh !important;
  2925. 	max-height: 4vh !important;
  2926.    width: 40px !important;
  2927. 	margin: 0px 0 0 0px !important;
  2928. 	padding: 2px !important;
  2929. 	border-radius: 0 !important;
  2930.    font-size: 0px !important;
  2931. 	opacity: 1 !important;
  2932. border: none !important;
  2933. }
  2934. .SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small  a.PromotedBadge-link .IconPromotedBadge-small.Icon-line {
  2935.     height: 3.2vh !important;
  2936.     width: 29px  !important;
  2937.     border-radius: 100% !important;
  2938.     background-size: 18px auto !important;
  2939.     border: 1px solid #d7d7db;
  2940. }
  2941. .SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small  a.PromotedBadge-link:hover span.PromotedBadge-label {
  2942.     position: absolute !important;
  2943.     display: inline-block !important;
  2944.     width: auto  !important;
  2945. height: 3vh !important;
  2946. line-height: 22px  !important;
  2947.     margin: -2.8vh 0 0 33px !important;
  2948. padding: 0 5px  !important;
  2949. border-radius: 5px  !important;
  2950.     font-size: 20px  !important;
  2951.     white-space: nowrap !important;
  2952. transform: scale(1) !important;
  2953.     z-index: 500000 !important;
  2954. color: white !important;
  2955. background: green !important;
  2956. border: 1px solid red !important;
  2957. }
  2958.  
  2959. /* RECOMMNDED */
  2960. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small  {
  2961.     position: absolute !important;
  2962.     display: inline-block !important;
  2963. 	 vertical-align: middle  !important;
  2964.     width: 37px !important;
  2965. 	 height: 4vh !important;
  2966.  	 line-height: 2vh !important;
  2967.     margin: 4vh 0 0 -3px !important;
  2968.     font-size: 0 !important;
  2969.     overflow: hidden !important;
  2970.     z-index: 5000 !important;
  2971. 	border-radius: 100% !important;
  2972. background: #222 !important;
  2973. /*border: 1px solid aqua  !important;*/
  2974. }
  2975.  
  2976. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small a.PromotedBadge-link  {
  2977. 	display: inline-block !important;
  2978.    min-height: 4vh !important;
  2979. 	max-height: 4vh !important;
  2980.    width: 40px !important;
  2981. 	margin: 3px 0 0 3px !important;
  2982. 	padding: 2px !important;
  2983. 	border-radius: 0 !important;
  2984.    font-size: 0px !important;
  2985. 	opacity: 1 !important;
  2986. border: none !important;
  2987. /*border: 1px solid yellow !important;*/
  2988. }
  2989.  
  2990. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small a.PromotedBadge-link svg.IconPromotedBadge-svg  {
  2991. 	transform: scale(2.1) !important;
  2992. }
  2993.  
  2994. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small a.PromotedBadge-link svg.IconPromotedBadge-svg g {
  2995. 	transform: scale(1) !important;
  2996. }
  2997.  
  2998.  
  2999.  
  3000. /* (new140) ADDON BADGE - IN INFOS ADDON > SEARCH RELATED - PROMOTED :
  3001. https://addons.mozilla.org/fr/firefox/addon/photoshow/
  3002. ====	*/
  3003.  
  3004. .Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-name .PromotedBadge  {
  3005.     position: absolute !important;
  3006.     display: inline-block !important;
  3007.     width:25px !important;
  3008.     margin: 5px 0 0 0px !important;
  3009.     font-size: 0 ;
  3010.     overflow: hidden ;
  3011.     z-index: 5000 !important;
  3012. }
  3013. 	
  3014. 	
  3015. /* (new139) ADDON BADGE: PAYEMENT - ICON:
  3016. https://addons.mozilla.org/fr/firefox/addon/dearrow/
  3017. ====*/
  3018. /* .PromotedBadge , */
  3019. .AddonBadges .Badge.Badge-requires-payment {
  3020.     position: absolute;
  3021.     top: 0 !important;
  3022.     left: 0px !important;
  3023.     margin: 0 0 0 0  !important;
  3024.     padding: 5px 46px 5px 46px !important;
  3025.     border-radius: 9px !important;
  3026. font-size: 18px  !important;
  3027. color: red !important;
  3028. /* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent; */
  3029.     background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%) repeat scroll 0 0%, transparent -moz-repeating-linear-gradient(-45deg, #00efc4, #00efbc 7px, #ffed00 7px, #fff500 14px) repeat scroll 0 0 !important;
  3030. transform: scale(0.7) !important;
  3031. }
  3032.  
  3033. /* .AddonBadges span.Icon{
  3034. display: inline-block !important;
  3035.     width: 100%;
  3036. height: 26px !important;
  3037.     width: 26px !important;
  3038. } */
  3039. .AddonBadges .Badge.Badge-requires-payment span.Icon-requires-payment {
  3040. /*     background: rgba(0, 0, 0, 0) url("https://addons.mozilla.org/static-frontend/7a228775c8f260541cc1de758c74d6ba.svg") no-repeat scroll 50% center / contain !important; */
  3041.     content: "";
  3042.     position: absolute  !important;
  3043.     display: inline-block !important;
  3044.     flex-shrink: unset !important;
  3045. height: 100% !important;
  3046.     min-height: 46px !important;
  3047.     max-height: 46px !important;
  3048. width: 100% !important;
  3049.     min-width: 46px !important;
  3050.     max-width: 46px !important;
  3051. left: -160px !important;
  3052. top: -1vh !important;
  3053. /* font-size: 30px  !important; */
  3054. background: none  !important;
  3055. }
  3056. .AddonBadges .Badge.Badge-requires-payment span.Icon-requires-payment span{
  3057. /*     background: rgba(0, 0, 0, 0) url("https://addons.mozilla.org/static-frontend/7a228775c8f260541cc1de758c74d6ba.svg") no-repeat scroll 50% center / contain !important; */
  3058.     position: absolute  !important;
  3059.     display: inline-block !important;
  3060.     flex-shrink: unset !important;
  3061. vertical-align: bottom !important;
  3062. height: 100% !important;
  3063.     min-height: 46px !important;
  3064.     max-height: 46px !important;
  3065. width: 100% !important;
  3066.     min-width: 46px !important;
  3067.     max-width: 46px !important;
  3068. /* left: 0 !important; */
  3069. margin: 0 0 0 25px !important;
  3070. font-size: 0 !important;
  3071.     clip: unset !important;
  3072.     overflow-wrap: unset !important;
  3073.     overflow: visible  !important;
  3074. z-index: 500000 !important;
  3075. background: none  !important;
  3076. }
  3077. .AddonBadges .Badge.Badge-requires-payment span.Icon-requires-payment span:after {
  3078. /*     background: rgba(0, 0, 0, 0) url("https://addons.mozilla.org/static-frontend/7a228775c8f260541cc1de758c74d6ba.svg") no-repeat scroll 50% center / contain !important; */
  3079.     content: "$" !important;
  3080.     position: absolute  !important;
  3081.     display: inline-block !important;
  3082. /* vertical-align: middle !important; */
  3083.     flex-shrink: unset !important;
  3084. height: 100% !important;
  3085.     min-height: 46px !important;
  3086.     max-height: 46px !important;
  3087.     line-height: 46px !important;
  3088. width: 100% !important;
  3089.     min-width: 46px !important;
  3090.     max-width: 46px !important;
  3091. font-size: 30px !important;
  3092. text-align: center !important;
  3093. border-radius: 8px 3px 3px 8px !important;
  3094.     clip: unset !important;
  3095.     overflow-wrap: unset !important;
  3096.     overflow: visible  !important;
  3097. color: gold  !important;
  3098. background: green  !important;
  3099. }
  3100. /* (new138) ADDON BADGE - EXPERIMENTAL / RECOMMANDED :
  3101. With VERSION incompatility : 
  3102. https://addons.mozilla.org/en-US/firefox/addon/first-party-isolation/?src=recommended
  3103. Whith QUANTUM icompatibility:
  3104.  
  3105. === */
  3106. .PromotedBadge ,
  3107. .AddonBadges .RecommendedBadge.RecommendedBadge-large,
  3108. .AddonBadges .RecommendedBadge, 
  3109. .AddonBadges .Badge {
  3110.     position: absolute;
  3111.     top: 0 !important;
  3112.     left: 0px !important;
  3113.     margin: 0 !important;
  3114.     padding: 5px !important;
  3115.     border-radius: 9px !important;
  3116. color: red !important;
  3117. background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent;
  3118.     background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%) repeat scroll 0 0%, -moz-repeating-linear-gradient(-45deg, #F0B500, #F0B500 7px, #FFD000 7px, #FFD000 14px) repeat scroll 0 0 transparent;
  3119. transform: scale(0.6) !important;
  3120. }
  3121. .Addon-header-info-card .AddonCompatibilityError + .Addon-header  .AddonBadges .Badge.Badge-not-compatible {
  3122.     position: absolute;
  3123.     top: 30px !important;
  3124.     width: 138px !important;
  3125.     line-height: 15px !important;
  3126.     text-align: center !important;
  3127. }
  3128. .Addon-header-info-card .AddonCompatibilityError + .Addon-header  .AddonBadges .Badge.Badge-not-compatible .Icon.Icon-not-compatible {
  3129.     vertical-align: top;
  3130.     float: left !important;
  3131.     display: none !important;
  3132. }
  3133.  
  3134.  
  3135. /* (new125) WORK AROUND FOR INSTALL INCOMPATIBLE ADDON :
  3136.  https://www.reddit.com/r/waterfox/comments/boazxg/mozilla_disabled_addon_fix_for_firefox_52_56/
  3137. AND for DISABLED ADDO  read:
  3138.  https://www.ghacks.net/2019/05/14/mozilla-releases-add-on-to-fix-signing-issue-in-older-firefox-versions/
  3139. ==== */
  3140.  
  3141. .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy{
  3142.     position: relative !important;
  3143.     display: inline-block !important;
  3144.     width: 138px !important;
  3145. top: -2px !important;
  3146. /* opacity: 0.2 !important; */
  3147. /* border: 1px dashed violet !important; */
  3148. }
  3149. .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy.AMInstallButton-transition-enter-done{
  3150.     position: relative !important;
  3151.     display: inline-block !important;
  3152.     width: 138px !important;
  3153.     top: 3px !important;
  3154. /* border: 1px solid violet !important; */
  3155. }
  3156. .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:hover ,
  3157. .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puff:hover {
  3158.     opacity: 1 !important;
  3159. }
  3160. /* (new126) */
  3161. .GetFirefoxButton + .InstallButtonWrapper-download .InstallButtonWrapper-download-link:before  ,
  3162. .AMInstallButton .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:before {
  3163.     content: "To install it ..." !important;
  3164.     position: absolute !important;
  3165.     display: inline-block !important;
  3166.     grid-area: unset !important;
  3167.     margin-top: -25px !important;
  3168.     margin-left: -38px !important;
  3169.     width: 138px !important;
  3170.     height: 20px !important;
  3171.     line-height: 15px !important;
  3172.     padding: 3px !important;
  3173.     text-align: center !important;
  3174.     white-space: pre-wrap !important;
  3175.     word-wrap: normal !important;
  3176.     overflow-wrap: normal !important;
  3177.     overflow: hidden !important;
  3178.     cursor: move !important;
  3179.     opacity: 1 !important;
  3180.     transition: all ease 0.7s  !important;
  3181. background: gold !important;
  3182. color: red !important;
  3183. }
  3184. .GetFirefoxButton + .InstallButtonWrapper-download .InstallButtonWrapper-download-link:before {
  3185.     margin-top: -20px !important;
  3186.     margin-left: 0px !important;
  3187. }
  3188.  
  3189. .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:not(.AMInstallButton-transition-enter-done):before {
  3190.     margin-top: -25px !important;
  3191.     margin-left: -17px !important;
  3192. /* background: red !important; */
  3193. }
  3194.  
  3195.  
  3196. .GetFirefoxButton + .InstallButtonWrapper-download:hover  .InstallButtonWrapper-download-link:before  ,
  3197. .AMInstallButton:hover .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:before {
  3198. content: "To install it: \A Try to drag it \A into \A the address bar" !important;
  3199. position: absolute !important;
  3200. display: inline-block !important;
  3201.     grid-area: unset !important;
  3202.     margin-top: -68px !important;
  3203.     width: 138px !important;
  3204.     height: auto !important;
  3205.     line-height: 15px !important;
  3206.     padding: 3px !important;
  3207.     text-align: center !important;
  3208.     white-space: pre-wrap !important;
  3209.     word-wrap: normal !important;
  3210.     overflow-wrap: normal !important;
  3211.     cursor: move !important;
  3212.     opacity: 1 !important;
  3213. background: tomato !important;
  3214. color: white !important;
  3215. }
  3216.  
  3217. /* ADDON PAGE / MY COLLECTIONS LIST - === */
  3218. .App-content {
  3219.     -moz-box-flex: 1;
  3220.     flex-grow: 1;
  3221. }
  3222. .App-content-wrapper {
  3223.     margin: 0 auto !important;
  3224.     max-width: 100% !important;
  3225. }
  3226. /* with BADGE */
  3227. .Addon {
  3228.     max-height: 838px!important;
  3229.     padding: 0 10px 10px !important;
  3230.     overflow: hidden !important;
  3231. }
  3232. /* no BADGE - GOOD */
  3233. .Addon.Addon-extension {
  3234.     max-height: 838px!important;
  3235. /* margin-top: 15px !important; */
  3236. margin-top: 0px !important;
  3237.     padding: 0px 10px 10px !important;
  3238.     overflow: hidden !important;
  3239. }
  3240.  
  3241. /* ADDON INFOS PAGES - GOOD - ===*/
  3242. .Header.Header-no-hero-promo + .Page-content .Page.Page-not-homepage .Addon.Addon-extension.Addon--has-more-than-0-addons.Addon--has-more-than-3-addons {
  3243.     margin-top: -22px !important;
  3244. }
  3245. .Collection .Collection-wrapper .Collection-items .Card-contents{
  3246. background: #1f2536 !important;
  3247. }
  3248. .Collection .Collection-wrapper .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents {
  3249.     height: 773px !important;
  3250. padding-top: 30px !important;
  3251. }
  3252. /* COLLECTIONS-EDIT */
  3253. .Collection .Collection-wrapper .Collection-items .Card.CollectionAddAddon.Card--no-header.Card--no-footer + .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents {
  3254.     height: 590px !important;
  3255. }
  3256. .Card.CollectionList-info.Card--no-footer ,
  3257. .Collection-wrapper .Collection-detail-wrapper {
  3258.     grid-column: 1 / auto !important;
  3259. }
  3260. .Collection-wrapper .Collection-items {
  3261.     grid-column: unset !important;
  3262.     max-width: 100% !important;
  3263. }
  3264. .Collection-wrapper ,
  3265. .CollectionList-wrapper {
  3266.     display: grid !important;
  3267.     grid-auto-flow: column dense !important;
  3268.     grid-gap: 0 24px !important;
  3269.     grid-template-columns: minmax(300px, 15%) 1fr !important;
  3270.     margin: 0;
  3271. }
  3272. .CollectionList-wrapper .CollectionList-list.CardList {
  3273.     margin: 0;
  3274. background: transparent !important;
  3275. }
  3276. .CollectionList .Card-contents {
  3277.     background: #1f2536 !important;
  3278.     font-size: 14px;
  3279. }
  3280. .Collection .Collection-wrapper .Collection-detail-wrapper + .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents ul.AddonsCard-list  ,
  3281. .CollectionList-listing {
  3282.     display: grid;
  3283.     grid-auto-flow: row;
  3284.     grid-template-columns: 20% 20% 20% 20% 20%;
  3285.     grid-row-gap: 2px !important;
  3286.     grid-column-gap: 0px !important;
  3287. }
  3288.  
  3289. /* for GM "Superloader Plus" */
  3290. .Search .SearchResults li.SearchResult.SearchResult--theme, 
  3291. .Collection-items .AddonsCard-list li.SearchResult + .sp-separator ,
  3292. .EditableCollectionAddon.EditableCollectionAddon--extension + .sp-separator ,
  3293. .EditableCollectionAddon ,
  3294. .UserCollection {
  3295.     grid-column: auto / auto !important;
  3296.     height: 100px !important;
  3297.     margin-left: 2px !important;
  3298.     margin-bottom: 5px !important;
  3299.     border-radius: 9px !important;
  3300.     padding: 0 5px !important;
  3301.     text-align: center !important;
  3302. background-color: #1f2536 !important;
  3303. border: 1px solid red !important;
  3304. }
  3305. .UserCollection-name {
  3306.     margin-top: -2px !important;
  3307. }
  3308. /* .SearchResult--theme  */
  3309. .Collection-items .AddonsCard-list li.SearchResult + .sp-separator ,
  3310. .EditableCollectionAddon.EditableCollectionAddon--extension + .sp-separator {
  3311.     grid-column: unset !important;
  3312.     display: inline-block !important;
  3313.     height: 89px !important;
  3314.     width: 100% !important;
  3315.     min-width: 100% !important;
  3316.     max-width: 100% !important;
  3317.     margin-top: 1px  !important;
  3318.     margin-left: 0px !important;
  3319.     margin-bottom: 2px !important;
  3320.     border-radius: 9px !important;
  3321.     box-shadow: none;
  3322. border: 1px solid red !important;
  3323. }
  3324. .Search .SearchResults li.SearchResult.SearchResult--theme, .Collection-items .AddonsCard-list li.SearchResult + .sp-separator {
  3325.     height: 142px !important;
  3326.     margin-top: -7px  !important;
  3327. }
  3328. .Search .SearchResults li.SearchResult.SearchResult--theme, .Collection-items .AddonsCard-list li.SearchResult + .sp-separator a.sp-sp-nextlink ,
  3329. .EditableCollectionAddon.EditableCollectionAddon--extension + .sp-separator a.sp-sp-nextlink {
  3330.     background: #0f1126 !important;
  3331.     display: inline-block !important;
  3332.     width: 100% !important;
  3333.     height: 20px !important;
  3334.     margin: 0  !important;
  3335.     margin-bottom: -10px !important;
  3336.     margin-left: 0px !important;
  3337.     padding: 0 !important;
  3338.     text-shadow: none !important;
  3339. }
  3340. /* PB FOR CHROME ?? -  background-color: red !important; */
  3341. .CollectionList-wrapper .UserCollection-link {
  3342.     padding: 1px 5px !important;
  3343.     border-radius: 0 9px 9px 0 !important;
  3344. }
  3345. /* ADDON REVIEW - USER NOTE - 
  3346. https://addons.mozilla.org/en-US/firefox/collections/2061785/XPI-57-Alternative/edit/
  3347. https://addons.mozilla.org/en-US/firefox/collections/2061785/XPI-57-A-Tester-Divers/?page=1&collection_sort=-added
  3348. https://addons.mozilla.org/en-US/firefox/collections/2061785/XPI-57-A-Tester-Divers/edit/?page=1&collection_sort=-added
  3349. === */
  3350.  
  3351. .EditableCollectionAddon-details {
  3352.     grid-template-columns: 20px minmax(250px, auto) !important;
  3353.     height: 36px !important;
  3354.     margin-left: -3px !important;
  3355. }
  3356. .EditableCollectionAddon-buttons {
  3357.     grid-template-columns: min-content min-content;
  3358.     height: 40px !important;
  3359.     margin-left: -94px !important;
  3360.     margin-top: 44px !important;
  3361.     width: 195px !important;
  3362. }
  3363. li.SearchResult .SearchResult-note {
  3364.     position: relative !important;
  3365.     max-width: 25px !important;
  3366.     height: 20px !important;
  3367.     top: -147px !important;
  3368.     margin-left: -15px !important;
  3369.     margin-bottom: 0 !important;
  3370.     padding: 0px !important;
  3371.     overflow: hidden !important;
  3372.     z-index: 50000 !important;
  3373. background: black;
  3374. }
  3375. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes ,
  3376. li.SearchResult .SearchResult-note:hover {
  3377.     position: relative !important;
  3378.     display: inline-block !important;
  3379.     width: 103% !important;
  3380.     min-width: 103% !important;
  3381.     max-width: 103% !important;
  3382.     height: 96px !important;
  3383.     top: -107px !important;
  3384.     margin-left: -4px !important;
  3385.     margin-bottom: 0 !important;
  3386.     padding: 0 7px 0 10px !important;
  3387.     z-index: 50000 !important;
  3388. color: gold !important;
  3389. background: black;
  3390. }
  3391. li.SearchResult .SearchResult-note:hover  {
  3392.     height: 126px !important;
  3393.     top: -140px !important;
  3394. color: gold !important;
  3395. }
  3396. li.SearchResult .SearchResult-note .SearchResult-note-header ,
  3397. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes h4.EditableCollectionAddon-notes-header {
  3398.     width: 17px !important;
  3399.     height: 18px !important;
  3400.     margin-bottom: 0 !important;
  3401.     margin-left: 3px !important;
  3402.     margin-top: 2px !important;
  3403.     font-size: 0 !important;
  3404. }
  3405.  
  3406. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover h4.EditableCollectionAddon-notes-header ,
  3407. li.SearchResult .SearchResult-note:hover .SearchResult-note-header {
  3408.     width: 17px !important;
  3409.     height: 18px !important;
  3410.     margin-left: 0px !important;
  3411.     margin-bottom: -18px !important;
  3412.     font-size: 0 !important;
  3413. }
  3414. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes .EditableCollectionAddon-notes-content ,
  3415. .SearchResult-note-content {
  3416.     display: inline-block;
  3417.     max-width: 100% !important;
  3418.     min-width: 100% !important;
  3419.     height: 62px !important;
  3420.     padding-left: 10px !important;
  3421.     text-align: left !important;
  3422.     overflow: hidden !important;
  3423.     overflow-y: auto !important;
  3424. }
  3425. /* ADD ICON AT EDIT REVIEW IN COLL - === */
  3426. /* .EditableCollectionAddon-notes-content:before , */
  3427. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:before {
  3428.     content: " " !important;
  3429.     position: absolute !important;
  3430.     width: 25px !important;
  3431.     height: 20px !important;
  3432.     left: -3px !important;
  3433.     top: -8px !important;
  3434.     color: red !important;
  3435.     font-size: 15px !important;
  3436.     border-radius: 5px !important;
  3437. background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'16\' height=\'15\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%230A84FF\' fill-rule=\'nonzero\'%3E%3Cpath d=\'M13.577,2.22044605e-16 L2.423,2.22044605e-16 C1.08549932,0.00165293785 0.00165293785,1.08549932 0,2.423 L0,8.577 C0.00165293785,9.91450068 1.08549932,10.9983471 2.423,11 L8.26,11 L11.226,14.633 C11.4936161,14.9601314 11.9379992,15.0836914 12.3360673,14.9416524 C12.7341355,14.7996134 12.9999216,14.4226503 13,14 L13,11 L13.577,11 C14.9145007,10.9983471 15.9983471,9.91450068 16,8.577 L16,2.423 C15.9983471,1.08549932 14.9145007,0.00165293785 13.577,2.22044605e-16 Z M14,8.577 C14,8.68918658 13.9554341,8.79677828 13.8761062,8.87610617 C13.7967783,8.95543406 13.6891866,9 13.577,9 L12,9 C11.4477153,9 11,9.44771525 11,10 L11,11.194 L9.509,9.367 C9.31888626,9.13449284 9.03433773,8.99974534 8.734,9 L2.423,9 C2.31081342,9 2.20322172,8.95543406 2.12389383,8.87610617 C2.04456594,8.79677828 2,8.68918658 2,8.577 L2,2.423 C2,2.18938355 2.18938355,2 2.423,2 L13.577,2 C13.8106164,2 14,2.18938355 14,2.423 L14,8.577 Z\'/%3E%3Cpath d=\'M11.5,4 L4.5,4 C4.22385763,4 4,4.22385763 4,4.5 C4,4.77614237 4.22385763,5 4.5,5 L11.5,5 C11.7761424,5 12,4.77614237 12,4.5 C12,4.22385763 11.7761424,4 11.5,4 Z M11.5,6 L4.5,6 C4.22385763,6 4,6.22385763 4,6.5 C4,6.77614237 4.22385763,7 4.5,7 L11.5,7 C11.7761424,7 12,6.77614237 12,6.5 C12,6.22385763 11.7761424,6 11.5,6 Z\'/%3E%3C/g%3E%3C/svg%3E") no-repeat scroll 50% center / contain !important;
  3438.     background-color: gold !important;
  3439.     visibility: visible !important;
  3440. }
  3441. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes {
  3442.     visibility: hidden !important;
  3443. }
  3444. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover {
  3445.     visibility: visible !important;
  3446. }
  3447. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover h4.EditableCollectionAddon-notes-header .Icon.Icon-comments-blue {
  3448.     display: none !important;
  3449. }
  3450. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes {
  3451.     padding: 0 7px 0 0px !important;
  3452.     z-index: 50000 !important;
  3453.     color: gold !important;
  3454.     background: black !important;
  3455. }
  3456. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes .EditableCollectionAddon-notes-content  {
  3457.     display: inline-block;
  3458.     max-width: 100% !important;
  3459.     min-width: 100% !important;
  3460.     height: 62px !important;
  3461.     padding: 5px 3px 0 17px !important;
  3462.     text-align: left !important;
  3463.     overflow: hidden !important;
  3464.     overflow-y: auto !important;
  3465. }
  3466. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes .DismissibleTextForm-form.EditableCollectionAddon-notes-form ,
  3467. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover .DismissibleTextForm-form.EditableCollectionAddon-notes-form {
  3468.     height: 97px !important;
  3469.     width: 100% !important;
  3470.     margin-top: 0px !important;
  3471.     margin-left: 2px !important;
  3472.     padding: 3px 3px 0 15px !important;
  3473. background: black !important;
  3474. }
  3475. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:not(:hover) .DismissibleTextForm-form.EditableCollectionAddon-notes-form ,
  3476. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover .DismissibleTextForm-form.EditableCollectionAddon-notes-form {
  3477.     position: absolute !important;
  3478.     height: 97px !important;
  3479.     width: 100% !important;
  3480.     margin-top: -5px !important;
  3481.     top: 0 !important;
  3482.     left: -3px !important;
  3483.     visibility: visible !important;
  3484. }
  3485. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover textarea.DismissibleTextForm-textarea ,
  3486. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes textarea.DismissibleTextForm-textarea {
  3487.     display: inline-block !important;
  3488.     height: 100% !important;
  3489.     max-height: 76px !important;
  3490.     min-height: 76px !important;
  3491.     resize: none;
  3492.     width: 100%;
  3493.     margin-left: 0 !important;
  3494.     padding: 2px !important;
  3495. }
  3496. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes textarea.DismissibleTextForm-textarea {
  3497.     margin-left: 0 !important;
  3498.     margin-top: 0px !important;
  3499. }
  3500. .Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover textarea.DismissibleTextForm-textarea {
  3501.     margin-top: -2px !important;
  3502. }
  3503. .EditableCollectionAddon-notes-form .DismissibleTextForm-buttons {
  3504.     height: 17px !important;
  3505.     margin-top: 0px !important;
  3506. }
  3507. .EditableCollectionAddon-notes-form .DismissibleTextForm-buttons .DismissibleTextForm-delete-submit-buttons .Button ,
  3508. .EditableCollectionAddon-notes-form .DismissibleTextForm-buttons .Button.Button--neutral.DismissibleTextForm-dismiss.Button--micro {
  3509.     font-size: 11px;
  3510.     height: auto;
  3511.     min-height: 16px !important;
  3512. }
  3513. /* REVIEW - USER / PROFILE USER/MY/DEV - REVIEWS PAGE - === */
  3514. .UserReview-body>br {
  3515.     content: " " !important;
  3516.     float: none !important;
  3517.     display: block !important;
  3518.     line-height: 0px !important;
  3519.     margin-top: 5px !important;
  3520.     margin-bottom: -3px !important;
  3521. }
  3522. .EditableCollectionAddon-notes-header {
  3523.     margin: 0 0 6px;
  3524.     text-align: left !important;
  3525. }
  3526. .UserProfile-user-info ,
  3527. .AddonReviewList.AddonReviewList--extension .AddonSummaryCard {
  3528.     min-width: 195px;
  3529.     width: 10%;
  3530. }
  3531. .UserProfile .UserProfile-wrapper .Card.UserProfile-user-info .Card-header ,
  3532. .AddonReviewList.AddonReviewList--extension .Card.AddonSummaryCard .Card-header {
  3533.     display: inline-block !important;
  3534.     padding: 5px !important;
  3535.     text-align: center !important;
  3536. }
  3537. .AddonSummaryCard-header, 
  3538. .AddonSummaryCard-header-icon {
  3539.     display: inline-block !important;
  3540. }
  3541. .UserProfile-header {
  3542.     display: unset !important;
  3543.     grid-template-columns: unset !important;
  3544. }
  3545. .UserProfile-header .UserProfile-avatar  ,
  3546. .AddonSummaryCard-header-icon {
  3547.     position: relative !important;
  3548.     display: inline-block !important;
  3549.     margin-right: 0px !important;
  3550.     width: 100% !important;
  3551.     min-width: 100% !important;
  3552.     max-width: 100% !important;
  3553.     height: 64px !important;
  3554.     text-align: center !important;
  3555. }
  3556. .Icon.Icon-anonymous-user ,
  3557. .UserProfile-header .UserProfile-avatar  {
  3558.     height: 190px !important;
  3559. }
  3560. .AddonSummaryCard-header-icon a {
  3561.     width: 100% !important;
  3562.     display: inline-block !important;
  3563. }
  3564. .AddonSummaryCard-header-icon-image {
  3565.     display: inline-block !important;
  3566.     height: 56px !important;
  3567. }
  3568. /* (new129) */
  3569. .UserProfile-tags {
  3570.     display: inline-block !important;
  3571.     width: 100% !important;
  3572.     clear: none;
  3573. /* padding-left: 35px !important; */
  3574.     text-align: center !important;
  3575. /* border: 1px solid red !important; */
  3576. }
  3577. .UserProfile-tags p.UserProfile-developer,
  3578. .UserProfile-tags p {
  3579.     display: inline-block !important;
  3580.     width: 100% !important;
  3581.     clear: none;
  3582.     padding-left: 35px !important;
  3583.     text-align: center !important;
  3584.     border-radius: 5px;
  3585. background-color: #191f2d !important;
  3586. border-color: #191f2d !important;
  3587. /* border: 1px solid red !important; */
  3588. }
  3589. /* (new129) */
  3590. .UserProfile-tags .Icon ,
  3591. .UserProfile-tags .Icon.Icon-developer {
  3592.     float: left ;
  3593.     height: 28px ;
  3594.     width: 28px ;
  3595.     margin-top: -15px ;
  3596.     margin-left: -30px !important;
  3597.     border-radius: 5px  ;
  3598.     box-shadow: 0 0 2px #cccccc inset ;
  3599.     background-size: 76% auto ;
  3600.     background-color: rgba(191, 191, 190, 0.33) ;
  3601. background-image: url(https://addons.cdn.mozilla.net/static/img/addon-icons/default-64.png) !important;
  3602. }
  3603. .AddonSummaryCard-header-text {
  3604.     display: inline-block !important;
  3605.     min-width: 100% !important;
  3606.     clear: none;
  3607.     text-align: center !important;
  3608. }
  3609. .UserProfile-name {
  3610.     font-size: 18px !important;
  3611. }
  3612.  
  3613. .UserProfile-avatar{
  3614.     background-color: #1f2536 ;
  3615. }
  3616. .UserAvatar.UserProfile-avatar .Icon.Icon-anonymous-user {
  3617. opacity: 0.7 ;
  3618. }
  3619. .UserProfile-addons-and-reviews ,
  3620. .AddonReviewList-reviews {
  3621.     min-width: 88% !important;
  3622.     max-width: 88% !important;
  3623. }
  3624. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews > .Card-contents ,
  3625. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing > .Card-contents {
  3626.     min-height: 195px !important;
  3627.     padding: 3px 5px 30px 5px !important;
  3628. }
  3629. /* (new127) */
  3630. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews > .Card-contents .ShowMoreCard-contents ,
  3631. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing > .Card-contents .ShowMoreCard-contents{
  3632.     min-height: 72px !important;
  3633.     max-height: 72px !important;
  3634.     overflow: hidden !important;
  3635.     overflow-y: auto !important;
  3636. background: #1f2536 !important;
  3637. }
  3638.  
  3639.  
  3640.  
  3641.  
  3642.  
  3643. /* PAGINATION */
  3644. .Card-contents + footer.Card-footer {
  3645.     width: 100% !important;
  3646.     margin-top: -85px !important;
  3647.     padding: 20px !important;
  3648. background: #1f2536 !important;
  3649. }
  3650. .UserProfile-addons-and-reviews .Card-contents + footer.Card-footer {
  3651.     margin-top: 0px !important;
  3652. }
  3653. .Search .SearchResults .Card.CardList.AddonsCard.Card--photon   .Card-footer {
  3654.     margin-top: -10px !important;
  3655.     padding: 0px !important;
  3656.     width: 100%;
  3657. }
  3658. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing .Card-footer {
  3659.     margin-top: 0px !important;
  3660.     padding: 0px !important;
  3661.     width: 100%;
  3662. }
  3663. .Collection .Collection-wrapper .Collection-items .CardList .Card-footer {
  3664.     margin-top: 0px !important;
  3665.     padding: 0px !important;
  3666. }
  3667. .Paginate ,
  3668. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing .Card-footer .Paginate {
  3669.     position: relative !important;
  3670.     display: inline-block !important;
  3671.     width: 90% !important;
  3672.     top: 0px !important;
  3673.     padding: 2px !important;
  3674. background-color: #191f2d;
  3675. }
  3676.  
  3677. .UserProfile-addons-and-reviews .AddonsByAuthorsCard--theme .Paginate {
  3678.     top: 0px !important;
  3679.     padding: 2px !important;
  3680. background-color: #191f2d;
  3681. }
  3682. .Paginate-page-number {
  3683.     margin: -8px 0 0 !important;
  3684. }
  3685. /* (new123) for Chrome */
  3686. .UserProfile .UserProfile-wrapper .AddonsByAuthorsCard .Card-contents ul > li ,
  3687. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li , 
  3688. .AddonReviewList-reviews .CardList ul > li {
  3689.     position: relative ;
  3690.     display: inline-block !important;
  3691.     width: 19% !important;
  3692.     height: 130px !important;
  3693.     margin-right: 7px !important;
  3694.     padding: 5px !important;
  3695.     overflow: hidden !important;
  3696.     border-radius: 5px !important;
  3697.     z-index: 0 ;
  3698. border: 1px solid red !important;
  3699. }
  3700. /* AUTHOR - THEME */
  3701. .UserProfile .UserProfile-addons-and-reviews section.Card.CardList.AddonsCard.AddonsByAuthorsCard.AddonsByAuthorsCard--theme .Card-contents ul.AddonsCard-list {
  3702.     display: unset !important;
  3703.     grid-auto-flow: unset !important;
  3704.     grid-gap: unset !important;
  3705.     grid-template-columns: unset !important;
  3706. }
  3707. .UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme {
  3708.     display: inline-block !important;
  3709.     width: 24.2% !important;
  3710.     min-height: 185px !important;
  3711.     margin-right: 5px !important;
  3712.     padding: 5px !important;
  3713.     overflow: hidden !important;
  3714.     border-radius: 5px !important;
  3715. border: 1px solid red !important;
  3716. }
  3717. .UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-result {
  3718.     grid-column-gap: unset !important;
  3719.     grid-template-columns: unset !important;
  3720.     -moz-box-direction: unset !important;
  3721.     -moz-box-orient: unset !important;
  3722.     flex-flow: unset !important;
  3723.     display: inline-block !important;
  3724.     height: 149px !important;
  3725.     margin: 0;
  3726.     padding: 0;
  3727. }
  3728. .UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme  .SearchResult-icon-wrapper {
  3729.     position: relative !important;
  3730.     display: inline-block !important;
  3731.     width: 100% !important;
  3732.     min-height: 72px !important;
  3733.     margin-top: 0 !important;
  3734.     margin-left: 0 !important;
  3735.     text-align: center;
  3736. background: black !important;
  3737. }
  3738. .UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme  .SearchResult-icon-wrapper  .SearchResult-icon {
  3739.     display: inline-block !important;
  3740.     height: 100%;
  3741.     min-height: 65px !important;
  3742.     width: 100%;
  3743.     margin-top: 5px;
  3744. }
  3745. .UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-contents {
  3746.     display: inline-block !important;
  3747.     width: 100% !important;
  3748.     height: 100%;
  3749.     max-height: 20px;
  3750.     min-height: 20px;
  3751.     margin: -25px 2px 0 5px !important;
  3752.     padding: 5px !important;
  3753.     border-radius: 9px !important;
  3754.     text-align: center;
  3755.     z-index: 100;
  3756. }
  3757. .UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-metadata {
  3758.     display: inline-block;
  3759.     height: 20px !important;
  3760.     line-height: 0px !important;
  3761.     margin-top: -50px !important;
  3762. }
  3763.  
  3764. /* NOT HOVER */
  3765. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li > .AddonReviewCard > .AddonReviewCard-container ,
  3766. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li > .AddonReviewCard > .AddonReviewCard-container ,
  3767. .AddonReviewList-reviews .CardList ul > li > .AddonReviewCard > .AddonReviewCard-container {
  3768.     display: inline-block !important;
  3769.     width: 100% !important;
  3770.     height: 118px !important;
  3771.     overflow: hidden !important;
  3772.     border-radius: 5px !important;
  3773. }
  3774. /* HOVER */
  3775. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container ,
  3776. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container ,
  3777. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container {
  3778.     display: inline-block !important;
  3779.     width: 100% !important;
  3780.     height: 108px !important;
  3781.     overflow: hidden !important;
  3782.     border-radius: 5px !important;
  3783. }
  3784. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body {
  3785.     height: 74px !important;
  3786. border-top: 1px solid red !important;
  3787. border-bottom: 1px solid red !important;
  3788. }
  3789.  
  3790. .AddonReviewList.AddonReviewList--extension .Card-contents>ul>li:hover .AddonReviewCard .AddonReviewCard-container .UserReview .AddonReviewCard-allControls ,
  3791.  
  3792. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply .AddonReviewCard-allControls .AddonReviewCard-control ,
  3793.  
  3794. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .AddonReviewCard-allControls ,
  3795. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .AddonReviewCard-allControls .Button--neutral {
  3796.     height: 13px !important;
  3797.     line-height: 8px !important;
  3798.     font-size: 8px !important;
  3799. background: #111 !important;
  3800. }
  3801. /* new241) */
  3802. .Card-contents ul > li .AddonReviewCard-allControls  .AddonReviewCard-edit.AddonReviewCard-control ,
  3803. .Card-contents ul > li .AddonReviewCard-allControls button.AddonReviewCard-control.TooltipMenu-opener {
  3804.     height: 15px !important;
  3805.     line-height: 13px !important;
  3806.     margin-top: -1px !important;
  3807.     font-size: 10px;
  3808.     text-decoration: none  !important;
  3809. }
  3810. .Card-contents ul > li:hover .AddonReviewCard-allControls  .AddonReviewCard-edit.AddonReviewCard-control  {
  3811.     height: 12px !important;
  3812.     line-height: 10px !important;
  3813.     margin: 1px 0 0 5px !important;
  3814.     font-size: 10px;
  3815.     text-decoration: none  !important;
  3816. /* border: 1px solid aqua !important; */
  3817. }
  3818. .Card-contents ul > li:hover .AddonReviewCard-allControls button.AddonReviewCard-control.TooltipMenu-opener {
  3819.     height: 15px !important;
  3820.     line-height: 12px !important;
  3821.     margin: -4px 0 0 0 !important;
  3822.     font-size: 10px !important;
  3823. }
  3824. /* MY REVIEW INDICATOR - === */
  3825. .AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard.AddonReviewCard-viewOnly  .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete {
  3826.     position: absolute !important;
  3827.     display: inline-block !important;
  3828.     margin-top: -112px !important;
  3829.     width: 15.3%;
  3830.     height: 32px !important;
  3831.     line-height: 32px !important;
  3832.     margin-right: 0px !important;
  3833.     font-size: 0px !important;
  3834.     z-index: 0 !important;
  3835. background: rgba(255, 0, 0, 0.2) !important;
  3836. }
  3837. /* (new141) ADDON REVIEW - DELLETE BUTTON */
  3838. .AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard.AddonReviewCard-viewOnly .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete  {
  3839.     width: auto !important;
  3840.     height: 14px !important;
  3841.     line-height: 10px !important;
  3842.     margin:  1px 0 0 50% !important;
  3843.     padding: 0 5px  !important;
  3844.     font-size: 10px !important;
  3845. color: white !important;
  3846. /* background: red !important; */
  3847. border: 1px solid gold  !important;
  3848. }
  3849. /* HOVER */
  3850. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard.AddonReviewCard-viewOnly .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete  {
  3851.     height: 12px !important;
  3852.     line-height: 11px !important;
  3853.     margin:  -13px 0 0 50% !important;
  3854.     padding: 0 5px  !important;
  3855.     font-size: 9px !important;
  3856. border: 1px solid red  !important;
  3857. }
  3858.  
  3859. /* NOT HOVER */
  3860. .UserReview-reply-header .Icon-reply-arrow {
  3861.  /*    background-image: url("/static-frontend/875222b9eff6163619e63fbe65fb3f46.svg")!important; */
  3862.     background-position: center 0px !important;
  3863.     height: 15px !important;
  3864.     width: 13px !important;
  3865. /* background-color: black !important; */
  3866. }
  3867.  
  3868. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:not(:hover) ,
  3869. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:not(:hover) {
  3870.     display: inline-block !important;
  3871.     min-width: 17px !important;
  3872.     max-width: 17px !important;
  3873.     min-height: 17px !important;
  3874.     max-height: 17px !important;
  3875.     padding: 0 2px !important;
  3876.     border-radius: 9px !important;
  3877.     overflow: hidden !important;
  3878. }
  3879. /* (new130) DEV REPLY - HOVER */
  3880. .AddonReviewList-reviews .Card-contents ul > li:hover .AddonReviewCard.AddonReviewCard-viewOnly .AddonReviewCard-reply {
  3881.     min-width: 10px !important;
  3882.     max-width: 10px !important;
  3883. top: 8px !important;
  3884. padding: 0 !important;
  3885. /*     background-color: green !important; */
  3886. }
  3887. .AddonReviewList-reviews .Card-contents ul > li:hover .AddonReviewCard.AddonReviewCard-isReply .UserReview-byLine {
  3888.     background: transparent !important;
  3889. }
  3890.  
  3891. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard  .AddonReviewCard-reply .Icon-reply-arrow   , 
  3892. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard  .AddonReviewCard-reply .Icon-reply-arrow   , 
  3893. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply .Icon-reply-arrow {
  3894.     background-position: center -1px !important;
  3895. height: 13px !important;
  3896.     width: 12px !important;
  3897. background-color: transparent !important;
  3898. }
  3899.  
  3900.  
  3901. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li:hover > .AddonReviewCard  .AddonReviewCard-reply   , 
  3902. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard  .AddonReviewCard-reply   , 
  3903. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply {
  3904.     display: inline-block !important;
  3905.     min-width: 100% !important;
  3906.     min-height: 110px !important;
  3907.     max-height: 110px !important;
  3908.     overflow: hidden !important;
  3909.     border-radius: 5px !important;
  3910.     transform: translate(-302px, -13px)  scale(1)!important;
  3911. }
  3912. .UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews  .Card-contents ul > li > .AddonReviewCard  .AddonReviewCard-reply:hover   , 
  3913. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li > .AddonReviewCard  .AddonReviewCard-reply:hover   , 
  3914. .AddonReviewList-reviews .CardList ul > li > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:hover {
  3915.     transform: translate(-302px, -18px)  scale(1)!important;
  3916. }
  3917. /* (new141) */
  3918. .AddonReviewCard:not(.AddonReviewCard-slim) .UserReview-body ,
  3919. .FeaturedAddonReview .AddonReviewCard.AddonReviewCard-viewOnly  .UserReview-body {
  3920.     height: auto !important;
  3921.     line-height: 12px !important;
  3922.     margin: 5px 0 1px  0 !important;
  3923.     font-size: 11px !important;
  3924.     overflow: hidden !important;
  3925. border-top: 1px solid red !important;
  3926. border-bottom: 1px solid red !important;
  3927. }
  3928. .AddonReviewCard.AddonReviewCard-ratingOnly.AddonReviewCard-viewOnly  .UserReview-body  {
  3929.     height: auto !important;
  3930.     line-height: 12px !important;
  3931.     margin: 6px 0 1px 0 !important;
  3932.     font-size: 11px !important;
  3933.     overflow: hidden !important;
  3934. border-top: 1px solid red !important;
  3935. border-bottom: 1px solid red !important;
  3936. }
  3937. /* (new122) TOP REVIEW for LONG REVIEW (by DATE)*/
  3938. .FeaturedAddonReview .AddonReviewCard.AddonReviewCard-viewOnly  .UserReview-body {
  3939.     line-height: 18px !important;
  3940. }
  3941.  
  3942. /* (new140) REVIEW USER - TOP BIG */
  3943. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container{
  3944.     float: left !important;
  3945.     width: 50%;
  3946. /* border: 1px dashed yellow !important; */
  3947. }
  3948. /* (new140) */
  3949. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container .UserReview-byLine > span.AddonReviewCard-authorByLine {
  3950.     position: relative !important;
  3951.     display: inline-block !important;
  3952.     max-width: 84% !important;
  3953.     min-width: 84% !important;
  3954.     height: 24px !important;
  3955.     line-height: 17px !important;
  3956.     top: 0px !important;
  3957.     left: 135px !important;
  3958.     font-size: 15px !important;
  3959. /*border: 1px solid yellow !important; */
  3960. }
  3961.  
  3962. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply .AddonReviewCard.AddonReviewCard-isReply.AddonReviewCard-viewOnly .Card.ShowMoreCard.UserReview-body {
  3963.     height: 170px !important;
  3964.     line-height: 15px !important;
  3965.     margin-bottom: -5px !important;
  3966.     padding: 5px 10px 20px 10px !important;
  3967.     font-size: 15px !important;
  3968.     overflow: hidden !important;
  3969.     overflow-y: auto !important;
  3970. /* border: 1px dashed yellow !important; */
  3971. }
  3972. /* (new140) REPLY TOP BIG - RATING */
  3973. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container .UserReview-byLine .Rating.Rating--small {
  3974.   position: absolute !important;
  3975.  
  3976.   min-width: 7% !important;
  3977.   max-width: 7% !important;
  3978.   height: 23px !important;
  3979.   line-height: 23px !important;
  3980.   vertical-align: middle !important;
  3981.   padding: 2px 10px !important;
  3982.   border-radius: 5px !important;
  3983.   text-align: center !important;
  3984.   opacity: 0.8 !important;
  3985. background-color: #191f2d !important;
  3986. /*border: 1px solid green !important; */
  3987. }
  3988.  
  3989. 	
  3990. 	
  3991. /* (new122) REVIEW REPLY TOP BIG */
  3992. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply:not(:hover){
  3993.     float: right !important;
  3994.     min-width: 40% !important;
  3995.     max-width: 40% !important;
  3996.     min-height: 210px !important;
  3997.     max-height: 210px !important;
  3998.     padding: 3px !important;
  3999.     font-size: 15px !important;
  4000.     opacity: 1 !important;
  4001.     visibility: visible !important;
  4002.     transform: translate(40px, -5px) scale(1.01) !important;
  4003.     background: #671515 !important;
  4004. }
  4005. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply:hover{
  4006.     float: right !important;
  4007.     min-width: 48% !important;
  4008.     max-width: 48% !important;
  4009.     min-height: 210px !important;
  4010.     max-height: 210px !important;
  4011.     margin-top: 10px !important;
  4012.     margin-bottom: -20px !important;
  4013.     padding: 3px !important;
  4014.     font-size: 15px !important;
  4015.     opacity: 1 !important;
  4016.     visibility: visible !important;
  4017.     transform: translate(0px, -15px) scale(1) !important;
  4018.     border: 1px solid gray !important;
  4019. /*     background-color: green !important; */
  4020.     background-color: rgba(10, 132, 255, 0.05) !important;
  4021. }
  4022.  
  4023. /* (new122) BOTH - TEST INNER */
  4024. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container  .UserReview-body .Card-contents .ShowMoreCard-contents ,
  4025. .AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply .ShowMoreCard-contents {
  4026.     height: 150px !important;
  4027.     line-height: 15px !important;
  4028.     margin-bottom: 1px !important;
  4029.     padding: 5px 10px 20px 10px !important;
  4030.     font-size: 15px !important;
  4031.     overflow: hidden !important;
  4032.     overflow-y: auto !important;
  4033. /* border: 1px solid yellow !important; */
  4034. }
  4035.  
  4036. /* ALL REVIEWS ITEMS - SMALL */
  4037. .AddonReviewCard:not(.AddonReviewCard-slim) .UserReview-body .Card-contents {
  4038.     height: auto !important;
  4039.     padding: 3px 2px !important;
  4040. }
  4041. .AddonReviewCard:not(.AddonReviewCard-slim) .UserReview-body .Card-contents .ShowMoreCard-contents {
  4042. }
  4043. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:hover .UserReview-body {
  4044.     height: 58px !important;
  4045.     line-height: 13px !important;
  4046.     margin-bottom: 1px !important;
  4047.     font-size: 11px !important;
  4048.     overflow: hidden !important;
  4049.     overflow-y: auto !important;
  4050. border-top: 1px solid red !important;
  4051. border-bottom: 1px solid red !important;
  4052. }
  4053. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body {
  4054.     height: 70px !important;
  4055.     line-height: 13px !important;
  4056.     margin-bottom: 1px !important;
  4057.     font-size: 11px !important;
  4058.    overflow: hidden !important;
  4059. border-top: 1px solid red !important;
  4060. border-bottom: 1px solid red !important;
  4061. }
  4062. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body .Card-contents {
  4063.     height: 68px !important;
  4064.     padding: 0px !important;
  4065.     overflow: hidden !important;
  4066. }
  4067. .AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body .Card-contents .ShowMoreCard-contents>div{
  4068. padding-bottom: 20px !important;
  4069. }
  4070. .AddonReviewList-filterByScore .Select.AddonReviewList-filterByScoreSelector {
  4071.     -moz-appearance: none !important;
  4072.     background-color: #191f2d !important;
  4073.     border-color: #191f2d;
  4074.     color: #c1d0ff;
  4075. }
  4076. .Select.AddonReviewList-filterByScoreSelector>option {
  4077.     -moz-appearance: none !important;
  4078.     display: block !important;
  4079.     line-height: 1.2;
  4080.     overflow: hidden;
  4081.     padding-bottom: 2px;
  4082.     padding-top: 2px;
  4083.     text-overflow: ellipsis;
  4084.     white-space: nowrap;
  4085.     border-radius: 5px !important;
  4086. background-color: #191f2d !important;
  4087. border-color: #191f2d !important;
  4088. color: #c1d0ff !important;
  4089. }
  4090. /* new140) */
  4091. .AddonReviewCard .Rating.Rating--small {
  4092. 	position: absolute !important;
  4093.     min-width: 40% !important;
  4094.     max-width: 40% !important;
  4095.     height: 23px !important;
  4096.     line-height: 23px !important;
  4097.     vertical-align: middle !important;
  4098.     padding: 2px 10px !important;
  4099.     border-radius: 5px !important;
  4100.     text-align: center !important;
  4101.     opacity: 0.8 !important;
  4102. background-color: #191f2d !important;
  4103. /*border: 1px solid aqua  !important; */
  4104. }
  4105. /* (new75) REVIEW on HOVER */
  4106. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover , 
  4107. .AddonReviewList-reviews .CardList ul > li:hover {
  4108.     display: inline-block !important;
  4109.     width: 19% !important;
  4110.     height: 120px !important;
  4111.     margin-right: 7px !important;
  4112.     padding: 5px !important;
  4113.     overflow: hidden !important;
  4114.     border-radius: 5px !important;
  4115.     transform: scale(1.5) !important;
  4116.     z-index: 5000000 !important;
  4117. background-color: #191f2d !important;
  4118. border: 1px solid red !important;
  4119. }
  4120. 	
  4121. .AddonReviewList-reviews .CardList ul > li:hover .ShowMoreCard-contents {
  4122.     overflow: hidden;
  4123.     overflow-wrap: break-word;
  4124.     position: relative;
  4125.     line-height: 10px !important;
  4126.     font-size: 10px !important;
  4127. background: red !important;
  4128. }
  4129. .ShowMoreCard-contents>div>br {
  4130.     display: block !important;
  4131.     margin-bottom: 1px !important;
  4132. }
  4133.  
  4134.  
  4135. 	
  4136. 	
  4137. 	
  4138. /* REVIEW - TOP ROW */
  4139. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(n+1):nth-child(-n+5):hover ,
  4140. .AddonReviewList-reviews .CardList ul > li:nth-child(n+1):nth-child(-n+5):hover {
  4141.     transform: translate(-26px, 20px) scale(1.5) !important;
  4142. }
  4143. /* REVIEW - TOP ROW - RIGHT + LEFT */
  4144. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews.Card--photon .Card-contents ul > li:nth-child(1):hover {
  4145.     transform: translate(65px, 20px) scale(1.5) !important;
  4146. }
  4147. /* REVIEW - BOTTOM ROW */
  4148. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(n+21):nth-child(-n+25):hover ,
  4149. .AddonReviewList-reviews .CardList ul > li:nth-child(n+21):nth-child(-n+25):hover {
  4150.     transform: translate(0px, -30px) scale(1.5) !important;
  4151. }
  4152. /* REVIEW - BOTTOM ROW - RIGHT + LEFT */
  4153. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews.Card--photon .Card-contents ul > li:nth-child(21):hover {
  4154.     transform: translate(65px, -30px) scale(1.5) !important;
  4155. }
  4156. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews.Card--photon .Card-contents ul > li:nth-child(25):hover {
  4157.     transform: translate(-26px, -30px) scale(1.5) !important;
  4158. }
  4159. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(1):only-of-type:hover ,
  4160. .AddonReviewList-reviews .CardList ul > li:nth-child(1):only-of-type:hover ,
  4161. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(1):hover  ,
  4162. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(1):hover {
  4163.     transform: translate(65px, 30px) scale(1.5) !important;
  4164. }
  4165. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
  4166. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(16):hover ,
  4167. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(16):hover ,
  4168. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(11):hover ,
  4169. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(11):hover ,
  4170. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(6):hover ,
  4171. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(6):hover {
  4172.     transform: translate(65px, 0px) scale(1.5) !important;
  4173. }
  4174. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
  4175. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(21):hover {
  4176.     transform: translate(65px, -30px) scale(1.5) !important;
  4177. }
  4178.  
  4179. /* REVIEW - LEFT (+ GM superloader)*/
  4180. .CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li+ li+li+ li + li + li+ li:hover,
  4181. .CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+li+ li + li + li+ li+li+ li + li + li:hover,
  4182. .CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+ li + li + li +li+ li + li + li:hover,
  4183. .CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+ li + li + li + li:hover,
  4184. .CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li:hover,
  4185. .CardList.AddonReviewList-reviews-listing .sp-separator+ li:hover,
  4186.  
  4187. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(1):hover,
  4188. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(1):hover {
  4189.     transform: translate(77px, 20px) scale(1.5) !important;
  4190. }
  4191. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
  4192. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(16):hover ,
  4193. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(16):hover ,
  4194. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(11):hover ,
  4195. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(11):hover ,
  4196. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(6):hover  ,
  4197. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(6):hover {
  4198.     transform: translate(77px, 0px) scale(1.5) !important;
  4199. }
  4200. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
  4201. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(21):hover{
  4202.     transform: translate(77px, -30px) scale(1.5) !important;
  4203. }
  4204.  
  4205.  
  4206. /* REVIEW - RIGHT (+ GM "Superloader")   */
  4207. .CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li:hover ,
  4208. .CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li:hover ,
  4209. .CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li:hover ,
  4210. .CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li:hover ,
  4211. .CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li:hover ,
  4212.  
  4213. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(25):hover ,
  4214. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(20):hover ,
  4215. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(20):hover ,
  4216. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(15):hover ,
  4217. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(15):hover ,
  4218. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(10):hover ,
  4219. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(10):hover {
  4220.     transform: translate(-26px, 0px) scale(1.5) !important;
  4221. }
  4222. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(25):hover ,
  4223. .AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(25):hover {
  4224.     transform: translate(-26px, -30px) scale(1.5) !important;
  4225. }
  4226. /* (new140) REVIEW - ALL === */
  4227. .AddonReviewCard .UserReview-byLine {
  4228. /*   display: inline-block !important;  */
  4229.     height: 20px !important;
  4230.     line-height: 20px !important;
  4231. /* background: blue !important; */
  4232. }
  4233.  
  4234. /* (new141) REVIEW - AUTHOR - === */
  4235.  
  4236. /* (new141) */
  4237. .AddonReviewCard-authorByLine	 {
  4238. 	position: absolute !important;
  4239. 	display: inline-block !important;
  4240.     min-width: 57% !important;
  4241.     max-width: 57% !important;
  4242.     height: 25px !important;
  4243.     line-height: 32px !important;
  4244.     vertical-align: middle !important;
  4245. 	 margin: 0px 0px 0px 0px !important;
  4246. 	 right: 2px !important;
  4247.     padding: 0px 0px !important;
  4248.     border-radius: 3px !important;
  4249.     text-align: right !important;
  4250.     opacity: 0.8 !important;
  4251. background-color: #191f2d !important;
  4252. /* border: 1px solid violet  !important; */
  4253. }
  4254.  
  4255. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine{
  4256.     min-width: 57% !important;
  4257.     max-width: 57% !important;
  4258.     min-height: 27px !important;
  4259.     max-height: 27px !important;
  4260.     line-height: 9px !important;
  4261.     margin: -4px 0 0 0 !important;
  4262. 	 padding: 0 !important;
  4263.     font-size: 8px !important;
  4264.     overflow: hidden;
  4265.     text-overflow: ellipsis;
  4266.     white-space: nowrap;
  4267. /* background: red !important; */
  4268. }
  4269. /* (new141) */
  4270. .AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard-authorByLine a {
  4271.     position: relative  !important;
  4272.     float: left !important;
  4273.     width: 100% !important;
  4274.     height: 13px!important;
  4275.     line-height: 14px !important;
  4276.     margin: 0px 0 0 0  !important;
  4277. top: -3.8vh !important;
  4278.     padding-right: 3px !important;
  4279.     text-align: right !important;
  4280. /* background: green !important; */
  4281. }
  4282. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a  {
  4283.     float: left !important;
  4284.     width: 100% !important;
  4285.     height: 140px!important;
  4286.     line-height: 12px !important;
  4287.     margin-top: 0px !important;
  4288.     padding-right: 3px !important;
  4289.     text-align: right !important;
  4290. /*background: green !important;*/ 
  4291. }
  4292.  
  4293. /* (new127) */
  4294. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:before ,
  4295. .AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard-authorByLine a:before {
  4296. content: "▲" !important;
  4297.     float: left !important;
  4298.     width: 15px !important;
  4299.     height: 15px!important;
  4300.     line-height: 15px !important;
  4301.     text-align: center !important;
  4302. }
  4303. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:after,
  4304. .AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard-authorByLine a:after {
  4305. content: "💬" !important;
  4306.     float: left !important;
  4307.     width: 15px !important;
  4308.     height: 15px!important;
  4309.     line-height: 15px !important;
  4310.     text-align: center !important;
  4311. }
  4312. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:before  {
  4313. content: "▼" !important;
  4314.     float: left !important;
  4315.     width: 15px !important;
  4316.     height: 15px!important;
  4317.     line-height: 15px !important;
  4318.     text-align: center !important;
  4319.     margin-top: 0px ;
  4320. transition: all ease 0.9s ;
  4321. }
  4322. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:after {
  4323. content: "💬" !important;
  4324.     float: left !important;
  4325.     width: 15px !important;
  4326.     height: 15px!important;
  4327.     line-height: 10px !important;
  4328.     margin-top: 3px ;
  4329.     font-size: 10px !important;
  4330. transition: all ease 0.5s ;
  4331. }
  4332.  
  4333. /* REVIEW - DEV REPLY */
  4334. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li .AddonReviewCard-reply:not(:hover),
  4335. .AddonReviewCard-reply:not(:hover) {
  4336.     position: absolute !important;
  4337.     display: inline-block !important;
  4338.     max-width: 20px !important;
  4339.     min-height: 22px !important;
  4340.     max-height: 22px !important;
  4341.     margin-top: 0px !important;
  4342.     margin-left: -3px !important;
  4343.     padding: 3px !important;
  4344.     overflow: hidden !important;
  4345.     overflow-y: hidden !important;
  4346.     transform: translate(-300px, -9px) scale(0.7) !important;
  4347. /* background: blue !important; */
  4348. border: 1px solid red !important;
  4349. }
  4350. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply ,
  4351. .AddonReviewList-reviews .CardList ul > li:not(:hover).AddonReviewCard-reply {
  4352.     position: absolute !important;
  4353.     display: inline-block !important;
  4354.     width: 16% !important;
  4355.     height: auto !important;
  4356.     margin-top: 5px !important;
  4357.     margin-left: 0 !important;
  4358.     padding: 4px !important;
  4359.     overflow: hidden !important;
  4360.     overflow-y: auto !important;
  4361.     transform: translate(-299px, -12px)  scale(1)!important;
  4362. background: black !important;
  4363. border: none !important;
  4364. }
  4365. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover  .AddonReviewCard-reply:not(:hover) ,
  4366. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:not(:hover) {
  4367.     position: absolute !important;
  4368.     display: inline-block !important;
  4369.     width: 20px !important;
  4370.     height: 20px !important;
  4371.     margin-top: 5px !important;
  4372.     margin-left: 0 !important;
  4373.     padding: 4px !important;
  4374.     overflow: hidden !important;
  4375.     overflow-y: hidden !important;
  4376. border: 1px solid red !important;
  4377. background: black !important;
  4378. }
  4379. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover  .AddonReviewCard-reply:hover ,
  4380. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover {
  4381.     position: absolute !important;
  4382.     display: inline-block !important;
  4383.     width: 100% !important;
  4384.     height: auto !important;
  4385.     min-height: 100px !important;
  4386.     max-height: 100px !important;
  4387.     margin-top: 15px !important;
  4388.     margin-left: 0 !important;
  4389.     padding: 4px !important;
  4390.     border-radius: 9px 9px 0 0 !important;
  4391.     overflow: hidden !important;
  4392.     overflow-y: hidden !important;
  4393. background: black !important;
  4394. }
  4395. .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover  .AddonReviewCard-reply:hover .UserReview-body ,
  4396. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body {
  4397.     height: 43px !important;
  4398.     line-height: 13px;
  4399.     margin-bottom: -2px;
  4400.     margin-top: -2px;
  4401. }
  4402. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover  .UserReview-byLine {
  4403.     height: 15px !important;
  4404.     line-height: 14px !important;
  4405.     font-size: 8px !important;
  4406. }
  4407. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body {
  4408.     height: 80px !important;
  4409.     line-height: 13px;
  4410.     margin-bottom: -2px;
  4411.     margin-top: -2px !important;
  4412.     border-top: 1px solid red !important;
  4413.     overflow: hidden !important;
  4414. }
  4415. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body .Card-contents {
  4416.     height: 75px !important;
  4417.     padding: 0px !important;
  4418.     border-radius: 0 0 3px 3px !important;
  4419. }
  4420. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body .Card-contents  .ShowMoreCard-contents {
  4421.     max-height: 75px !important;
  4422.     min-height: 75px !important;
  4423.     width: 296px !important;
  4424.     border-radius: 0 !important;
  4425.     overflow-x: hidden !important;
  4426.     overflow-y: auto !important;
  4427. }
  4428. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .AddonReviewCard-allControls button.TooltipMenu-opener.AddonReviewCard-control {
  4429.     margin-top: 2px;
  4430.     font-size: 8px !important;
  4431.     text-decoration: none !important;
  4432. }
  4433. .UserReview-reply-header {
  4434.     margin-bottom: -3px !important;
  4435.     margin-top: 0;
  4436. }
  4437. .AddonReviewCard:not(.AddonReviewCard-slim).AddonReviewCard-isReply .UserReview-body {
  4438.     height: 63px !important;
  4439.     line-height: 13px !important;
  4440.     margin-bottom: -2px !important;
  4441.     margin-top: -2px !important;
  4442. }
  4443. .Card.CardList.AddonReviewList-reviews-listing ul > li:not(:hover) .AddonReviewCard .AddonReviewCard-container .AddonReviewManager  .DismissibleTextForm-textarea {
  4444.     display: inline-block !important;
  4445.     width: 100% !important;
  4446.     max-height: 60px !important;
  4447.     min-height: 50px !important;
  4448.     margin-top: -10px !important;
  4449.     resize: none;
  4450.     padding: 2px !important;
  4451. }
  4452. .Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager  .DismissibleTextForm-textarea {
  4453.     display: inline-block !important;
  4454.     width: 100% !important;
  4455.     max-height: 60px !important;
  4456.     min-height: 60px !important;
  4457.     margin-top: -10px !important;
  4458.     resize: none;
  4459.     padding: 2px !important;
  4460.     font-size: 9px !important;
  4461. }
  4462. .AddonReviewManager .DismissibleTextForm-formFooter {
  4463.     font-size: 8px !important;
  4464.     margin-bottom: -12px !important;
  4465. }
  4466. .Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .AddonReviewManager .DismissibleTextForm-formFooter {
  4467.     font-size: 10px !important;
  4468. }
  4469. .AddonReviewCard .DismissibleTextForm-buttons {
  4470.     margin-top: 3px !important;
  4471. }
  4472. .Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons ,
  4473. .Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons {
  4474.     display: inline-block !important;
  4475.     max-height: 15px !important;
  4476.     min-height: 15px !important;
  4477.     margin-top: 0px !important;
  4478.     padding: 2px !important;
  4479. }
  4480. .Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager  .DismissibleTextForm-delete-submit-buttons {
  4481.     display: inline-block !important;
  4482.     max-height: 13px !important;
  4483.     min-height: 13px !important;
  4484.     margin-top: 0px !important;
  4485.     padding: 2px !important;
  4486.     font-size: 9px !important;
  4487. }
  4488. .Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .Button.Button--neutral.DismissibleTextForm-dismiss{
  4489.     height: 15px !important;
  4490.     line-height: 10px !important;
  4491.     margin-top: 5px !important;
  4492.     font-size: 9px !important;
  4493. }
  4494. .Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons .Button--action {
  4495.     height: 15px !important;
  4496.     line-height: 10px !important;
  4497.     font-size: 9px !important;
  4498. }
  4499. .Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons .Button--action {
  4500.     display: inline-block !important;
  4501.     height: 10px !important;
  4502.     line-height: 7px !important;
  4503.     margin-top: -8px !important;
  4504.     padding: 0 8px;
  4505.     font-size: 8px !important;
  4506. }
  4507. /* STAR YELLOWS - ALL - === */
  4508. .Rating-selected-star  {
  4509.     fill: gold !important;
  4510.     filter: invert(1%)!important;
  4511.     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'64\' height=\'64\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z\' transform=\'translate(-140 -607)\' fill=\'%23FFE900\' fill-rule=\'nonzero\'/%3E%3C/svg%3E");
  4512. }
  4513.  
  4514. /* ALL - STAR SELECTED GOLD - === */
  4515. .Icon.Icon-inline-content.IconStar .IconStar-svg g path {
  4516.     fill: gold !important;
  4517. }
  4518.  
  4519. /* SPECIAL NUMBER OF STARS ( 5 or 1 - === */
  4520. .AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] .Rating-selected-star ,
  4521. .AddonReviewCard .Rating.Rating--small[title="Rated 5 out of 5"] .Rating-selected-star {
  4522.     height: 15px !important;
  4523.     min-width: 11px !important;
  4524.     margin-top: 2px !important;
  4525.     margin-right: -4px !important;
  4526.     filter: invert(1%)!important;
  4527. /* background-color: yellow !important; */
  4528. }
  4529.  
  4530. /* (new129) BEST - 5 STARS - === */
  4531. .AddonReviewCard .Rating.Rating--small[title="Rated 5 out of 5"] {
  4532.     background-color: gold !important;
  4533. }
  4534. /* MY 5 YELLOW STARS */
  4535. .AddonReviewCard .Rating.Rating--small.Rating--yellowStars[title="Rated 5 out of 5"] {
  4536.     background-color: #4ACAE7 !important;
  4537. }
  4538. /* (new129) others  5 GRAY STARS */
  4539. .AddonReviewCard .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] {
  4540. min-width: 34% !important;
  4541. max-width: 34% !important;
  4542.     background-color: #0F7371 !important;
  4543. }
  4544. .AddonReviewList-reviews .CardList ul > li .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] + .AddonReviewCard-authorByLine ,
  4545. .AddonReviewList-reviews .CardList ul > li:hover .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] + .AddonReviewCard-authorByLine {
  4546.   max-width: 51% !important;
  4547.   min-width: 51% !important;
  4548. }
  4549. .AddonReviewCard .Rating.Rating--small .Rating-selected-star {
  4550.     filter: invert(1%)!important;
  4551.     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'64\' height=\'64\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z\' transform=\'translate(-140 -607)\' fill=\'%23FFE900\' fill-rule=\'nonzero\'/%3E%3C/svg%3E");
  4552. }
  4553. .AddonReviewCard .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] .Rating-selected-star{
  4554.     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'64\' height=\'64\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z\' transform=\'translate(-140 -607)\' fill=\'%23FFE900\' fill-rule=\'nonzero\'/%3E%3C/svg%3E");
  4555. }
  4556. /* (new129) BAD - ONLY ONE STAR - === */
  4557. .AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] {
  4558. min-width: 32% !important;
  4559. max-width: 32% !important;
  4560.     background-color: red !important;
  4561. }
  4562. .AddonReviewList-reviews .CardList ul > li .AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] + .AddonReviewCard-authorByLine ,
  4563. .AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] + .AddonReviewCard-authorByLine {
  4564.   max-width: 53% !important;
  4565.   min-width: 53% !important;
  4566. }
  4567.  
  4568. /* (new105) - LARGE RATING STAR in REVIEW - === */
  4569. .AddonSummaryCard-overallRatingStars {
  4570.     margin-bottom: 6px;
  4571. }
  4572. .AddonSummaryCard-overallRatingStars .Rating-star {
  4573.     height: 18px !important;
  4574. }
  4575. .AddonSummaryCard-overallRatingStars .Rating.Rating--large {
  4576.     min-height: 18px !important;
  4577. }
  4578.  
  4579. /*  HOMEPAGE - EXTENSIONS / THEMES - === */
  4580. .LandingPage {
  4581.     padding: 0 14px 24px !important;
  4582. }
  4583. .LandingPage-header {
  4584.     margin-bottom: -13px !important;
  4585.     padding: 8px 14px !important;
  4586. }
  4587. .LandingPage-addonType-name {
  4588.     font-size: 25px;
  4589.     margin: -5px 0 0 0px !important;
  4590. }
  4591. /*ALL - CONTAINER */
  4592. .LandingPage .Card {
  4593.     display: inline-block;
  4594.     width: 925px !important;
  4595.     height: 350px !important;
  4596.     margin: 0 0 0px 0px !important;
  4597.     top: -41px !important;
  4598. }
  4599. /* CATEGORIES - CONTAINER */
  4600. .LandingPage .Card.Categories.Card--no-footer {
  4601.     position: relative !important;
  4602.     display: inline-block !important;
  4603.     height: 400px;
  4604.     margin: -20px 10px -20px 0 !important;
  4605.     top: -20px !important;
  4606. }
  4607. /* 3 OTHERS - LIST CONTAINER */
  4608. .Card.CardList.AddonsCard.LandingAddonsCard {
  4609. position: relative !important;
  4610. display: inline-block !important;
  4611.     margin: 15px 10px 0px 0px !important;
  4612.     top: 0px !important;
  4613. }
  4614. /* 3 OTHERS - THEME */
  4615. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme li.SearchResult.SearchResult--theme .SearchResult-result {
  4616.    border-radius: 5px !important;
  4617. background: black !important;
  4618. }
  4619. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme li.SearchResult.SearchResult--theme .SearchResult-contents {
  4620.     width: 100%;
  4621.     margin: 0;
  4622.     max-height: 225px !important;
  4623.     min-height: 225px !important;
  4624.     padding: 0 5px 15px;
  4625.     border-radius: 5px !important;
  4626. }
  4627. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata {
  4628.     display: inline-block !important;
  4629.     width: 100% !important;
  4630.     height: 90px !important;
  4631.     margin-top: -45px !important;
  4632. }
  4633. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-rating {
  4634.     display: inline-block !important;
  4635.     width: 100% !important;
  4636.     height: 15px;
  4637.     line-height: 13px;
  4638.     text-align: center !important;
  4639. }
  4640. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-rating .Rating.Rating--small {
  4641.     display: inline-block !important;
  4642.     width: 100% !important;
  4643.     min-width: 100% !important;
  4644.     max-width: 100% !important;
  4645.     text-align: center !important;
  4646. }
  4647. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-rating .Rating.Rating--small  .Rating-star {
  4648.     display: inline-block !important;
  4649.     margin-right: 2px !important;
  4650. }
  4651. .Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-author {
  4652.     width: 100% !important;
  4653.     height: 20px !important;
  4654.     line-height: 15px !important;
  4655.     font-size: 15px !important;
  4656. }
  4657. /* ALL - CONTENTS */
  4658. .LandingPage .Card .Card-contents {
  4659.     height: 305px !important;
  4660. border-radius: 0 !important;
  4661. /* background: red !important; */
  4662. }
  4663. /* (new132) LIST without CATEGORIES - CONTENTS */
  4664. .Card.CardList.AddonsCard.LandingAddonsCard .Card-contents {
  4665.     height: 325px !important;
  4666.     padding: 5px 0 !important;
  4667. }
  4668. /* ALL - LIST */
  4669. .LandingPage .Card .Card-contents ul.AddonsCard-list {
  4670.     grid-auto-flow: unset !important;
  4671.     grid-template-rows: unset !important;
  4672.     display: inline-block !important;
  4673.     min-width: 100% !important;
  4674. }
  4675. /* LIST without CATEGORIES - LIST */
  4676. .Card.CardList.AddonsCard.LandingAddonsCard .Card-contents ul.AddonsCard-list {
  4677.     grid-auto-flow: unset !important;
  4678.     grid-template-rows: unset !important;
  4679.     display: inline-block !important;
  4680.     min-width: 100% !important;
  4681.     height: 318px !important;
  4682. }
  4683. .LandingPage .Card .Card-contents  +.Card-footer.Card-footer-link {
  4684.     position: relative !important;
  4685.     display: inline-block !important;
  4686.     width: 100% !important;
  4687.     height: 25px !important;
  4688.     margin-top: -6px !important;
  4689.     padding: 0 20px !important;
  4690. }
  4691. .LandingPage .Card .Card-contents  +.Card-footer.Card-footer-link a {
  4692.     height: 25px !important;
  4693.     padding: 0 20px !important;
  4694. }
  4695. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult {
  4696.     grid-template-columns: unset !important;
  4697.     display: inline-block !important;
  4698.     height: 155px !important;
  4699.     min-width: 49.4% !important;
  4700.     max-width: 49.4% !important;
  4701.     margin: 0 0 4px 3px  !important;
  4702.     padding: 0px !important;
  4703. border-radius: 5px !important;
  4704. }
  4705. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult  .SearchResult-wrapper {
  4706.     padding: 5px !important;
  4707. border-radius: 5px !important;
  4708. border: 1px solid #333 !important;
  4709. }
  4710. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult  .SearchResult-wrapper:hover {
  4711.     background: #283146 !important;
  4712. }
  4713. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult  .SearchResult-wrapper .SearchResult-contents {
  4714.     width: 100% !important;
  4715.     min-width: 100% !important;
  4716.     max-width: 100% !important;
  4717.     max-height: 125px !important;
  4718.     min-height: 125px !important;
  4719.     margin: 0px 0 0 -5px !important;
  4720.     padding: 0 5px 5px 5px !important;
  4721.     border-radius: 5px 5px 0 0 !important;
  4722. }
  4723. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult  .SearchResult-wrapper .SearchResult-users.SearchResult--meta-section {
  4724.     height: 15px;
  4725.     margin-top: -16px;
  4726. }
  4727. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-result {
  4728.     grid-column-gap: unset !important;
  4729.     grid-template-columns: unset !important;
  4730.     -moz-box-direction: unset !important;
  4731.     -moz-box-orient: unset !important;
  4732.     flex-flow: unset !important;
  4733.     height: 123px !important;
  4734.     margin: 0;
  4735.     padding: 0;
  4736.     width: 100%;
  4737. }
  4738. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-result {
  4739.     height: 223px !important;
  4740. }
  4741.  
  4742. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-icon-wrapper {
  4743.     height: 143px !important;
  4744. }
  4745. /* (new121) THEMES PAGES */
  4746. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper {
  4747.     width: calc(45% - 10px) !important;
  4748.     margin-left: 5px !important;
  4749.     margin-top: 40px !important;
  4750.     padding: 0 4px !important;
  4751.     border-radius: 14px !important;
  4752. }
  4753. .LandingPage .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme  .SearchResult-metadata{
  4754.     display: inline-block;
  4755.     margin-top: 45px !important;
  4756. }
  4757. /* THEMES PREVIEW */
  4758. .LandingPage.LandingPage--persona.LandingPage--theme  .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme  {
  4759.     grid-template-columns: unset !important;
  4760.     display: inline-block !important;
  4761.     height: 235px !important;
  4762.     min-width: 32% !important;
  4763.     max-width: 32% !important;
  4764.     margin-top: 10px !important;
  4765.     margin-left: 3px !important;
  4766.     margin-right: 5px !important;
  4767.     margin-bottom: 5px !important;
  4768.     padding-top: 0px !important;
  4769.     overflow: hidden !important;
  4770. }
  4771. .LandingPage.LandingPage--persona.LandingPage--theme  .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-wrapper:hover {
  4772.     position: relative !important;
  4773.     display: inline-block !important;
  4774.     height: 233px !important;
  4775.     top: 0px !important;
  4776. }
  4777. .LandingPage.LandingPage--persona.LandingPage--theme  .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper {
  4778.     margin-top: 150px !important;
  4779. }
  4780. .LandingPage.LandingPage--persona.LandingPage--theme  .Card .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-wrapper:hover  .SearchResult-icon-wrapper {
  4781.     display: inline-block !important;
  4782.     width: 93% !important;
  4783.     margin-top: 150px !important;
  4784.     top: 0px !important;
  4785. }
  4786. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-contents {
  4787.     -moz-box-direction: unset !important;
  4788.     -moz-box-flex: unset !important;
  4789.     -moz-box-ordinal-group: unset !important;
  4790.     -moz-box-orient: unset !important;
  4791.     -moz-box-pack: unset !important;
  4792.     justify-content: unset !important;
  4793.     flex-flow: unset !important;
  4794.     flex-grow: unset !important;
  4795.     order: unset !important;
  4796.     display: inline-block !important;
  4797.     height: 100%;
  4798.     max-height: 125px !important;
  4799.     min-height: 125px !important;
  4800.     line-height: 10px !important;
  4801.     width: 100% !important;
  4802.     min-width: 100% !important;
  4803.     max-width: 100% !important;
  4804.     margin-left: 0% !important;
  4805.     margin-top: 0px !important;
  4806.     padding: 3px 5px 2px 5px !important;
  4807. background: #283146 !important;
  4808. }
  4809. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-contents {
  4810.     max-height: 122px !important;
  4811.     min-height: 122px !important;
  4812.     line-height: 10px !important;
  4813. }
  4814. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-contents {
  4815.     max-height: 185px !important;
  4816.     min-height: 185px !important;
  4817.     line-height: 10px !important;
  4818. }
  4819. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-contents p.SearchResult-summary {
  4820.     -moz-box-flex: unset !important;
  4821.     flex-grow: unset !important;
  4822.     height: 100%;
  4823.     line-height: 15px !important;
  4824.     max-height: 75px !important;
  4825.     min-height: 75px !important;
  4826.     min-width: 100%;
  4827.     max-width: 100%;
  4828.     margin-bottom: 0 !important;
  4829.     margin-top: 0 !important;
  4830.     padding: 2px 3px !important;
  4831.     font-size: 12px;
  4832.     overflow: hidden !important;
  4833.     overflow-y: auto !important;
  4834. }
  4835.  
  4836. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-contents .SearchResult-metadata {
  4837.     float: right !important;
  4838.     line-height: 15px !important;
  4839.     width: 100% !important;
  4840.     min-width: 60% !important;
  4841.     max-width: 60% !important;
  4842.     margin-top: -2px !important;
  4843.     text-align: center !important;
  4844. }
  4845. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-contents .SearchResult-metadata {
  4846.     width: 100% !important;
  4847.     min-width: 100% !important;
  4848.     margin-top: 20px !important;
  4849. }
  4850. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-contents   +.SearchResult-users.SearchResult--meta-section {
  4851.     float: left !important;
  4852.     width: 100% !important;
  4853.     min-width: 27.5% !important;
  4854.     max-width: 27.5% !important;
  4855.     line-height: 10px !important;
  4856.     height: 17px !important;
  4857.     margin-left: 5px !important;
  4858.     margin-top: 0 !important;
  4859.     margin-bottom: 0 !important;
  4860.     text-align: center !important;
  4861.     z-index: 100 !important;
  4862. }
  4863. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-contents   +.SearchResult-users.SearchResult--meta-section {
  4864.     width: 100% !important;
  4865.     min-width: 100% !important;
  4866.     margin-left: 0px !important;
  4867.     margin-top: 25px !important;
  4868.     z-index: 500 !important;
  4869. }
  4870. .LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list  li.SearchResult .SearchResult-link .SearchResult-contents .SearchResult-name {
  4871.     -moz-box-flex: unset !important;
  4872.     flex-grow: unset !important;
  4873.     text-overflow: unset !important;
  4874.     white-space: unset !important;
  4875.     display: inline-block !important;
  4876.     height: 25px !important;
  4877.     line-height: 1 !important;
  4878.     max-width: 100%;
  4879.     width: 100%;
  4880.     margin: 0;
  4881.     padding: 0;
  4882.     font-size: 15px;
  4883.     text-decoration: none;
  4884.     overflow: unset;
  4885.     overflow-wrap: break-word;
  4886. }
  4887. .LandingPage .Categories-item {
  4888.     display: inline-block;
  4889.     padding: 0;
  4890.     min-width: 30% !important;
  4891.     max-width: 30% !important;
  4892.     width: 100% !important;
  4893. }
  4894. .Categories--category-color-10 {
  4895.     background: #497011 !important;
  4896. }
  4897. .Categories--category-color-9  {
  4898.     background: #267434 !important;
  4899. }
  4900. .Categories--category-color-8 {
  4901.     background: #095b42 !important;
  4902. }
  4903. .Categories--category-color-7 {
  4904.     background: #0b5863 !important;
  4905. }
  4906. .Categories--category-color-5 {
  4907.     background: #0c33cf !important;
  4908. }
  4909. .Categories--category-color-4 {
  4910.     background: #3f0fcd !important;
  4911. }
  4912. .Categories--category-color-3  {
  4913.     background: #8620a0 !important;
  4914. }
  4915. .Categories--category-color-2 {
  4916.     background: #b1184e !important;
  4917. }
  4918. .Categories--category-color-1 {
  4919.     background: #e00606 !important;
  4920. }
  4921. /* HOME - ADDONS CATEGORY FEATURED PAGE - === */
  4922. .Category section.Card.CategoryHeader {
  4923.     height: 86px !important;
  4924.     margin-top: -19px !important;
  4925.     margin-bottom: 0px !important;
  4926. }
  4927. .Category section.Card.CardList.AddonsCard.LandingAddonsCard {
  4928.     margin-bottom: -20px !important;
  4929. }
  4930. .Category section.Card.CategoryHeader .CategoryHeader-wrapper {
  4931.     margin-bottom: 0 !important;
  4932.     margin-top: 0 !important;
  4933. }
  4934. .Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult.SearchResult--theme {
  4935.     height: 180px !important;
  4936. }
  4937. .Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult {
  4938.     height: 202px !important;
  4939. }
  4940. .Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult  .SearchResult-icon-wrapper {
  4941.     display: inline-block;
  4942.     height: 170px !important;
  4943.     margin-left: 1% !important;
  4944.     margin-right: auto !important;
  4945.     margin-top: 7px !important;
  4946.     top: 92px !important;
  4947. }
  4948. .Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard  .SearchResult-icon-wrapper{
  4949.     display: inline-block !important;
  4950.     width: 28% !important;
  4951.     min-height: 80px !important;
  4952.     margin-top: 5px !important;
  4953. }
  4954. .Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard  .SearchResult-icon-wrapper  .SearchResult-icon {
  4955.     max-height: 70px !important;
  4956.     min-height: 70px !important;
  4957. }
  4958. .Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard  .SearchResult-contents ,
  4959. .Category section.Card.CardList.AddonsCard.LandingAddonsCard  .SearchResult-contents {
  4960.     display: inline-block !important;
  4961.     width: 100% !important;
  4962.     height: 100%;
  4963.     max-height: 170px !important;
  4964.     min-height: 170px !important;
  4965.     padding: 2px 5px;
  4966.     border-radius: 0 9px 9px 0;
  4967. }
  4968. .Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard  .SearchResult-contents {
  4969.     max-height: 130px !important;
  4970.     min-height: 130px !important;
  4971. }
  4972. .Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard  li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name {
  4973.     height: 20px !important;
  4974.     margin-bottom: -10px !important;
  4975. }
  4976.  
  4977. /* ALL - === */
  4978. .Select {
  4979.     -moz-appearance: none;
  4980.     display: block;
  4981.     line-height: 1.2;
  4982.     overflow: hidden;
  4983.     padding-bottom: 10px;
  4984.     padding-top: 10px;
  4985.     text-overflow: ellipsis;
  4986.     white-space: nowrap;
  4987.     border-radius: 5px !important;
  4988. border-color: #191f2d !important;
  4989. color: #c1d0ff !important;
  4990. background-color: #191f2d !important;
  4991. }
  4992. /* (new131) ADDON VERSIONS PAGES - === */
  4993. .AddonVersions-wrapper {
  4994.     min-height: 775px !important;
  4995. }
  4996. .AddonVersions-wrapper .AddonSummaryCard  {
  4997.     min-width: 300px;
  4998.     width: 15% !important;
  4999. }
  5000. .AddonVersions-wrapper .AddonVersions-versions {
  5001.     margin-top: 0;
  5002.     width: 85%;
  5003. }
  5004. .AddonVersions-wrapper .CardList ul li.AddonVersionCard {
  5005. display: inline-block !important;
  5006.     width: 32.8% !important;
  5007.     height: 270px !important;
  5008.     margin-bottom: 0;
  5009.     margin-right: 4px !important;
  5010.     margin-left: 4px !important;
  5011.     padding: 0px 7px 0 7px !important;
  5012.     border-radius: 9px !important;
  5013.     overflow: hidden !important;
  5014.     border: 1px solid rgba(12, 12, 13, 0.9);
  5015. }
  5016. /* .AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .AddonVersionCard-content>div:not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) ,
  5017. .AddonVersionCard>div:not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning):not(.AddonVersionCard-releaseNotes) {
  5018.     min-height: 181px !important;
  5019. } */
  5020. .AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .InstallButtonWrapper {
  5021.     position: absolute !important;
  5022.     display: inline-block !important;
  5023.     width: 25% !important;
  5024. margin-left: -480px !important;
  5025. margin-top: 50px !important;
  5026.     border-radius: 5px !important;
  5027.     z-index: 500000 !important;
  5028. background: #526289  !important;
  5029. border: 1px solid rgba(12, 12, 13, 0.9);
  5030. }
  5031. .AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .InstallButtonWrapper .InstallButtonWrapper-download {
  5032.     margin-left: 0px  !important;
  5033.     margin-top: 0px !important;
  5034. }
  5035. /* (new136) */
  5036. .AddonVersionCard-license {
  5037. float: left !important;
  5038. width: 478px !important;
  5039. margin: 0 !important;
  5040. /* border: 1px solid red !important; */
  5041. }
  5042. /* VERSIONS PAGES - ERROR COMPATIBILITY */
  5043. .AddonVersions-wrapper .CardList ul li.AddonVersionCard  .Notice.Notice-error.AddonCompatibilityError  .Notice-icon {
  5044.     margin-left: 1px !important;
  5045.     margin-top: 5px !important;
  5046. }
  5047. .AddonVersions-wrapper .CardList ul li.AddonVersionCard  .Notice.Notice-error.AddonCompatibilityError {
  5048.     position: absolute !important;
  5049.     width: 25px !important;
  5050.     height: 25px !important;
  5051.     margin-top: -20px !important;
  5052.     margin-left: 23.5% !important;
  5053.     padding-bottom: 0;
  5054.     padding-top: 0;
  5055.     overflow: hidden !important;
  5056. }
  5057. .AddonVersions-wrapper .CardList ul li.AddonVersionCard  .Notice.Notice-error.AddonCompatibilityError:hover {
  5058.     position: absolute !important;
  5059.     width: 25% !important;
  5060.     height: 35px !important;
  5061.     margin-top: -10px !important;
  5062.     margin-left: 0% !important;
  5063.     overflow: hidden !important;
  5064.     transition: all ease 0.7s !important;
  5065. }
  5066. /* VERSIONS PAGES - ERROR COMPATIBILITY - LAST VERSION */
  5067. .AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard > div:not(.InstallButtonWrapper) .Notice.Notice-error.AddonCompatibilityError {
  5068.     position: absolute !important;
  5069.     width: 25px !important;
  5070.     height: 25px !important;
  5071.     margin-top: -10px !important;
  5072.     padding-bottom: 0;
  5073.     padding-top: 0;
  5074.     margin-left: 89% !important;
  5075.     overflow: hidden !important;
  5076.     z-index: 5000 !important;
  5077. }
  5078. .AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard > div:not(.InstallButtonWrapper) .Notice.Notice-error.AddonCompatibilityError:hover {
  5079.     position: absolute !important;
  5080.     width: 97% !important;
  5081.     height: 55px !important;
  5082.     margin-top: -10px !important;
  5083.     margin-left: 0% !important;
  5084.     overflow: hidden !important;
  5085.     transition: all ease 0.7s !important;
  5086. }
  5087. /* for ONLY one Version:
  5088. https://addons.mozilla.org/en-US/firefox/addon/open_iframe/versions/
  5089. - === */
  5090. .AddonVersions-wrapper .CardList ul> li.AddonVersionCard:nth-child(2) ,
  5091. .AddonVersions-wrapper .CardList ul> li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) {
  5092.     position: absolute !important;
  5093.     display: inline-block !important;
  5094.     min-width: 300px;
  5095.     width: 15% !important;
  5096.     height: 270px !important;
  5097.     left: 1.05% !important;
  5098.     top: 520px !important;
  5099.     padding: 5px !important;
  5100. border: 1px dotted yellow !important;
  5101. }
  5102. .AddonVersions-wrapper .CardList ul> li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) > div:not(:empty):not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) {
  5103.     display: inline-block !important;
  5104.     height: 185px !important;
  5105.     width: 100% !important;
  5106.     padding-top: 5px !important;
  5107.     margin-top: 25px !important;
  5108.     margin-top: 26px !important;
  5109. }
  5110. /* (new136) */
  5111. .AddonVersions-wrapper .CardList ul> li.AddonVersionCard:nth-child(2) .InstallButtonWrapper ,
  5112. .AddonVersions .Card.CardList ul > li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) .InstallButtonWrapper {
  5113.     width: 96% !important;
  5114.     top: 19.6vh !important;
  5115.     left: 0 !important;
  5116.     margin-left: 5px !important;
  5117. /* border: 1px solid lime !important; */
  5118. }
  5119. .AMInstallButton-button.Button--action.Button--puffy, 
  5120. .AMInstallButton-button.Button--action.Button--puffy:link {
  5121.     border-radius: 4px;
  5122.     font-size: 16px;
  5123.     height: auto;
  5124.     min-height: 3vh !important;
  5125.     max-height: 3vh !important;
  5126.     padding: 0 16px !important;
  5127. }
  5128.  
  5129. /* (new136) ADDON VERSION + NOTICE WARGING */
  5130. .Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper .Notice.Notice-genericWarning {
  5131.     position: fixed !important;
  5132.     width: 100%;
  5133.     max-height: 28px;
  5134.     max-width: 28px;
  5135.     left: 0px !important;
  5136.     top: 5px;
  5137.     white-space: nowrap;
  5138.     overflow: hidden;
  5139.     z-index: 500;
  5140. color: white !important;
  5141. background-color: red !important;
  5142. }
  5143. /* .Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper  */
  5144.  
  5145. .Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper .CardList ul > li.AddonVersionCard:nth-child(2) .Notice.Notice-genericWarning.InstallWarning + .InstallButtonWrapper, 
  5146. .Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper .CardList ul > li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) .Notice.Notice-genericWarning.InstallWarning + .InstallButtonWrapper {
  5147.     position: absolute !important;
  5148.     display: inline-block !important;
  5149.     width: 96% !important;
  5150.     top: 23.6vh !important;
  5151.     left: 0 !important;
  5152.     margin: 0 0 0 5px !important;
  5153.     z-index: 500000 !important;
  5154. border: 1px solid red !important;
  5155. }
  5156.  
  5157. /* (new136) INSTALL VERSION - GET FIREFOX */
  5158. .AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .InstallButtonWrapper .GetFirefoxButton + .InstallButtonWrapper-download{
  5159.     min-height: 3vh !important;
  5160.     max-height: 3vh !important;
  5161.     margin: 0 !important;
  5162. /* border: 1px solid aqua  !important; */
  5163. }
  5164. /* ONLY ONE  */
  5165. .AddonVersions .Card.CardList.AddonVersions-versions.Card--photon ul> li.AddonVersionCard:nth-child(2) .InstallButtonWrapper {
  5166.     display: inline-block !important;
  5167.     width: 97% !important;
  5168. /* border: 1px solid violet !important; */
  5169. }
  5170. .AddonVersions-wrapper .CardList ul li.AddonVersionCard > div:not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) {
  5171.     display: inline-block !important;
  5172.     height: 240px !important;
  5173.     width: 100% !important;
  5174.     padding-top: 5px !important;
  5175.     margin-top: 25px !important;
  5176.     white-space: pre-line !important;
  5177.     word-wrap: break-word !important;
  5178.     overflow-wrap: unset !important;
  5179.     overflow: hidden !important;
  5180. /* border-bottom: 1px solid violet !important; */
  5181. }
  5182. /* (new131) */
  5183. .AddonVersions-wrapper .CardList ul > li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) .AddonVersionCard-releaseNotes  ,
  5184. .AddonVersionCard-releaseNotes {
  5185.     display: inline-block !important;
  5186.     min-height: 14.5vh !important;
  5187.     max-height: 14.5vh !important;
  5188.     width: 100% !important;
  5189.     margin: 0 !important;
  5190.     padding: 3px 5px !important;
  5191.     overflow: hidden !important;
  5192.     overflow-y: auto !important;
  5193. background: #283146 !important;
  5194. /* border: 1px solid lime  !important; */
  5195. }
  5196. .AddonVersionCard-compatibility  {
  5197.     min-height: 2vh !important;
  5198.     max-height: 2vh !important;
  5199.     line-height: 15px  !important;
  5200.     margin: 3.2vh 0 0 0 !important;
  5201.     white-space: nowrap !important;
  5202.     overflow: hidden !important;
  5203.     overflow-y: hidden !important;
  5204.     text-overflow: ellipsis !important;
  5205. /* border: 1px solid aqua  !important; */
  5206. }
  5207. .AddonVersionCard-releaseNotes>br {
  5208. content: " " !important;
  5209.     float: none !important;
  5210.     display: block !important;
  5211.     line-height: 0px !important;
  5212.     margin-top: 5px !important;
  5213.     margin-bottom: -3px !important;
  5214. }
  5215. .AddonVersionCard-version {
  5216.     position: absolute !important;
  5217.     display: inline-block !important;
  5218.     min-width: 25% !important;
  5219.     max-width: 25% !important;
  5220.     transform: translate(0px, -38px) !important;
  5221.     color: #0060df;
  5222. }
  5223. /* FIRST / OTHER VERSION H1  -
  5224. PB only one version:
  5225. https://addons.mozilla.org/fr/firefox/addon/insite-search/versions/
  5226. === */
  5227. .AddonVersionCard-header {
  5228.     position: absolute;
  5229.     min-width: 25% !important;
  5230.     max-width: 25% !important;
  5231.     top: 80px !important;
  5232.     margin-left: 26% !important;
  5233.     text-align: center !important;
  5234. }
  5235.  
  5236. /* (new131) VERSION - UNINSTALL BUT */
  5237. .AddonVersions .Card.CardList.AddonVersions-versions.Card--photon ul> li.AddonVersionCard:nth-child(2) .InstallButtonWrapper  .Button.Button--neutral.AMInstallButton-button.AMInstallButton-button--uninstall.Button--puffy {
  5238.     background: #395067 !important;
  5239.     width: 100% !important;
  5240. }
  5241.  
  5242.  
  5243. /* FIRST VERSION - PANEL LEFT -
  5244. PB only one version:
  5245. https://addons.mozilla.org/fr/firefox/addon/insite-search/versions/
  5246. === */
  5247. /* .AddonVersions-wrapper .CardList ul li:first-of-type + .AddonVersionCard h1 , */
  5248. .AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard>div:not(.InstallButtonWrapper) h1.AddonVersionCard-header {
  5249.     position: absolute;
  5250.     min-width: 93% !important;
  5251.     max-width: 93% !important;
  5252.     top: -6px !important;
  5253.     margin-left: 0% !important;
  5254.     font-size: 18px !important;
  5255.     text-align: right !important;
  5256. }
  5257. .AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard>div:not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) {
  5258.     height: 295px !important;
  5259. }
  5260. .AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard>div:not(.InstallButtonWrapper) .AddonVersionCard-version {
  5261.     position: absolute !important;
  5262.     display: inline-block !important;
  5263.     min-width: 96% !important;
  5264.     max-width: 96% !important;
  5265.     transform: translate(0px, -42px) !important;
  5266.     color: #0060df;
  5267. background: transparent !important;
  5268. }
  5269. /* "BE CAREFUL" MESSAGE */
  5270. .AddonVersions-wrapper .CardList .Card-contents> ul > li:first-of-type:not(.AddonVersionCard) {
  5271.     position: absolute !important;
  5272.     display: inline-block !important;
  5273.     min-width: 30px !important;
  5274.     width: 2% !important;
  5275.     height: 30px !important;
  5276.     left: 1.2% !important;
  5277.     top: 50px !important;
  5278.     border-radius: 9px !important;
  5279.     padding: 0px !important;
  5280.     overflow: hidden !important;
  5281.     text-overflow: ellipsis !important;
  5282. }
  5283. .AddonVersions-wrapper .CardList .Card-contents> ul > li:first-of-type:not(.AddonVersionCard):not(:hover) .Notice-column {
  5284.     visibility: hidden !important;
  5285. }
  5286. .Notice-warning .Notice-icon {
  5287.     height: 25px !important;
  5288.     width: 29px !important;
  5289.     margin-left: 0 !important;
  5290.     margin-top: -5px !important;
  5291.     background-size: cover;
  5292. }
  5293. .AddonVersions-wrapper .CardList .Card-contents> ul > li:first-of-type:not(.AddonVersionCard):hover {
  5294.     position: absolute !important;
  5295.     display: inline-block !important;
  5296.     width: 16% !important;
  5297.     height: auto !important;
  5298.     padding: 5px !important;
  5299. }
  5300.  
  5301.  
  5302.  
  5303.  
  5304. /* DOUBLE FOOTER -  === */
  5305. #react-view + .Footer {
  5306.     display: none !important;
  5307. }
  5308.  
  5309. /* (new121) ==== COLOR - ==== */
  5310.  
  5311.  
  5312. /* LINKS PERU - VISITED TOMATO - === */
  5313. .SearchResult-wrapper .SearchResult-title, 
  5314. .AddonReviewCard-allControls .AddonReviewCard-control:not(.AddonReviewCard-deleting), 
  5315. .AddonReviewCard-allControls .AddonReviewCard-control:active:not(.AddonReviewCard-deleting), 
  5316. .AddonReviewCard-allControls .AddonReviewCard-control:hover:not(.AddonReviewCard-deleting), 
  5317. .AddonReviewCard-allControls .AddonReviewCard-control:link:not(.AddonReviewCard-deleting), 
  5318. .AddonReviewCard-allControls .AddonReviewCard-control:visited:not(.AddonReviewCard-deleting) {
  5319.     color: peru !important;
  5320. } 
  5321. a.UserCollection-link .UserCollection-name ,
  5322. .Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl dd a ,
  5323. .AddonTitle .AddonTitle-author a, 
  5324. .AddonTitle .AddonTitle-author a:link,
  5325. .SearchResult a.SearchResult-link  .SearchResult-result h2.SearchResult-name ,
  5326. a {
  5327.     color: peru !important;
  5328. }
  5329.  
  5330. .SearchResult-wrapper:visited .SearchResult-title ,
  5331. a:visited.UserCollection-link .UserCollection-name, 
  5332. .Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl dd a:visited, 
  5333. .AddonTitle .AddonTitle-author a:visited , 
  5334. .AddonTitle .AddonTitle-author a:link:visited ,
  5335. .SearchResult a.SearchResult-link:visited  .SearchResult-result h2.SearchResult-name ,
  5336. a:visited {
  5337.     color: tomato !important;
  5338. }
  5339.  
  5340.  
  5341.  
  5342. /* TEXT - GRAY LIGHT - #B1ADAD -  */
  5343. .SecondaryHero-module ,
  5344. .SecondaryHero-message {
  5345.     color: #B1ADAD;
  5346. }
  5347.  
  5348. /* BACKGROUND - #1f2536 - === */
  5349. .Search .SearchResults-message {
  5350.     background: #1f2536 !important;
  5351. }
  5352.  
  5353. /* BACKGROUND - BLUE DARK - #191f2d */
  5354. .SecondaryHero-module {
  5355.     background: #191f2d ;
  5356. }
  5357.  
  5358.  
  5359. /* (new132) COLOR - ICON - INVERT  */
  5360. .Icon-external-dark.Icon-external-dark {
  5361. filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
  5362. }
  5363.  
  5364.  
  5365. /* WEB ARCHIVE MOZILLA */
  5366. /* (new131) ANIMATION - TOP BAR */ 
  5367. #wm-ipp-base {
  5368.     position: fixed !important;
  5369.     display: inline-block !important;
  5370.     width: 100% !important;
  5371. min-width: 30px !important;
  5372. max-width: 30px !important;
  5373.     height: 100% !important;
  5374.     min-height: 50px !important;
  5375.     max-height: 50px !important;
  5376.     top: 0 !important;
  5377. left: 0 !important;
  5378. border-radius: 0 10px 10px 0 !important;
  5379.     overflow: hidden !important;
  5380. visibility: visible !important;
  5381. opacity: 1 !important;
  5382.     z-index: 5000000 !important;
  5383. background: blue !important;
  5384. }
  5385.  
  5386. #wm-ipp-base:before {
  5387.     content: " ▶▶ \A  Web \A Archive" !important;
  5388.     position: fixed ;
  5389.     display: inline-block !important;
  5390.     width: 50px !important;
  5391.     height: 50px !important;
  5392. line-height: 13px !important;
  5393.     top: 0;
  5394. padding: 5px 2px 2px 2px !important;
  5395. font-size: 12px !important;
  5396. border-radius: 0 10px 10px 0 !important;
  5397. text-align: center !important;
  5398. visibility: visible !important;
  5399.     z-index: 5000 !important;
  5400. 	background: url(https://external-content.duckduckgo.com/ip3/archive.org.ico) top center no-repeat !important;
  5401. 	background-size: contain !important;
  5402. background-color: green  !important;
  5403. }
  5404.  
  5405. /* ANIMATION - ZOOM IN / OUT from:
  5406. https://vf-film.me/films/page/9/
  5407. === */
  5408. #wm-ipp-base #wm-ipp {
  5409.     position: absolute !important;
  5410.     display: none;
  5411.     animation-name: zoomIn;
  5412.     width: 100%;
  5413.     max-width: 20px !important;
  5414.     top: 50%;
  5415.     left: 30px !important;
  5416.     margin-top: 22px;
  5417.     padding: 1rem 1.25rem 1.25rem !important;
  5418.     border-radius: 10px !important;
  5419.     pointer-events: auto;
  5420.     z-index: 5000 !important;
  5421.     transform: translateY(-20%) !important;
  5422. box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  5423. background: #111 !important;
  5424. border: 1px solid red !important;
  5425. }
  5426. #wm-ipp-base:hover  #wm-ipp {
  5427.     display: block !important;
  5428.     max-width: 80% !important;
  5429.     animation-duration: 0.8s;
  5430.     animation-fill-mode: both;
  5431. }
  5432.  
  5433.  
  5434. @keyframes zoomIn {
  5435. 0% {
  5436.     opacity: 0;
  5437.     transform: scale3d(0.3, 0.3, 0.3);
  5438. }
  5439. 50% {
  5440.     opacity: 1;
  5441. }
  5442. }
  5443. @keyframes fadeOut {
  5444. 0% {
  5445. opacity: 1}
  5446.  
  5447. 100% {
  5448. opacity: 0}
  5449.  
  5450. }
  5451.  
  5452. @keyframes scale {
  5453. 0% {
  5454. transform: scale(.9);
  5455. opacity: 0}
  5456.  
  5457. 50% {
  5458. transform: scale(1.01);
  5459. opacity: .5}
  5460.  
  5461. 100% {
  5462. transform: scale(1);
  5463. opacity: 1}
  5464.  
  5465. }
  5466.  
  5467. /* ==== END  ==== */
  5468. }
  5469.  
  5470. @-moz-document domain("addons-dev.allizom.org") {
  5471. /* START ==== (new128) ORL-PREF - addons-dev.allizom.org" ==== */
  5472.  
  5473.  
  5474. /* (new128) TEST - NEW NOTICE "NEED FIREFOX" - === */
  5475. .Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible  {
  5476.     position: absolute !important;
  5477.     width: 100%;
  5478.     max-width: 28px !important;
  5479.     max-height: 28px !important;
  5480.     left: 20px !important;
  5481.     top: 5px !important;
  5482. padding: 0 !important;
  5483.     white-space: nowrap;
  5484.     overflow: hidden !important;
  5485.     z-index: 500;
  5486. color: red !important;
  5487. background-color: #E1C022 !important;
  5488. }
  5489. .Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible:not(:hover) {
  5490.     height: 22px !important;
  5491.     width: 22px !important;
  5492.     background-size: cover !important;
  5493.     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zLjIxNSAxOC4xMDYgNi45OTYtMTQuMDA0Yy43MzctMS40NzUgMi44NDEtMS40NzUgMy41NzggMGw2Ljk5NiAxNC4wMDRBMiAyIDAgMCAxIDE4Ljk5NSAyMUg1LjAwNWEyIDIgMCAwIDEtMS43OS0yLjg5NHpNMTIgOWExIDEgMCAwIDEgMSAxdjRhMSAxIDAgMSAxLTIgMHYtNGExIDEgMCAwIDEgMS0xem0wIDlhMSAxIDAgMSAwIDAtMiAxIDEgMCAwIDAgMCAyeiIgZmlsbD0iIzBDMEMwRCIgZmlsbC1vcGFjaXR5PSIuOCIvPjwvc3ZnPg==") !important;
  5494. }
  5495. .Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible:not(:hover) .Notice-column {
  5496.     display: none !important;
  5497. }
  5498. .Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible:hover {
  5499.     position: absolute !important;
  5500.     left: 150px !important;
  5501.     width: 100%;
  5502.     max-width: 290px !important;
  5503.     max-height: 100% !important;
  5504. background-repeat: repeat !important;
  5505. }
  5506. .Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible  p.Notice-text  {
  5507.     float: left;
  5508.     width: 170px !important;
  5509.     white-space: normal;
  5510. }
  5511.  
  5512. .AppBanner .Notice.Notice-warning.SiteNotices ,
  5513. .Page.Page-not-homepage .AppBanner .Notice.Notice-warning.SiteNotices{
  5514.     display: none !important;
  5515. }
  5516.  
  5517. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-contents {
  5518.     max-width: 390px !important;
  5519. }
  5520. .Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal footer{
  5521. /*     position: relative!important; */
  5522. /*     white-space: nowrap; */
  5523. /* background: red !important; */
  5524. }
  5525.  
  5526. /* END ==== (new128) ORL-PREF - addons-dev.allizom.org" ==== */
  5527. }
  5528.  
  5529.  
  5530.  
  5531.  
  5532.  
  5533.  
  5534.  
  5535.  
  5536.  
  5537.  
  5538.  
  5539.  
  5540.  
  5541.  
  5542.  
  5543.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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