Mozilla Addon Widescreen NEW design v.130 by decembre

Imported from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/92268.user.css

Mozilla Addon Widescreen NEW design v.130 screenshot
Install Get Stylus Write a review

Details

Authordecembre

LicenseNO-REDISTRIBUTION

Created atApril 09, 2021 20:23

Updated atNovember 29, 2021 19:00

Applies tomozilla, widescreen

Statistics

Learn how we calculate statistics in the FAQ.

Total views274

Total installs89

Weekly installs4

Weekly updates7

Description

▶ It’s better for a WIDESCREEN(1920x1080)!

NEED and Work better with (for all the Dark color flavor):
[UserStyles] Dark Mozilla Add-ons (AMO) by maxigaz
[GitLab] Mozilla Add-ons Dark Theme by maxigaz

ADD domain(“addons-dev.allizom.org”) to it for :
https://addons-dev.allizom.org/en-GB/firefox/

Notes

▶ BAD News AMO change for a NEW design, less informative (Nov 2017)
AND (for the Firefox 57 +>)
“As a security precaution, the browser prohibits extensions from affecting its built-in pages (like chrome://version, the standard new tab page as of Chrome 61, about:addons, and so on) as well as other extensions’ pages. Each browser also restricts access to its own extensions gallery (like Chrome Web Store or AMO).”
….
But you can bypass this clever restriction:
How to enable Firefox WebExtensions on Mozilla websites

Go in about:config (and copy past the name (PB if you take it in some other place with an “invisible space) and choose true or false):
privacy.resistFingerprinting.blockmozAddonManager empty and set it to “true”
privacy.resistFingerprinting empty and set it to “false”
extensions.webextensions.restrictedDomains let it empty

OLD BAD NEWS (May 2019>):
AMO make the “Fav and Add to collection” less usable and Collection less visible.
Read :
Improve Collection Function in the new design Addon pages #4331

▶ Autopager on AMO:
I use now :
Autopagerize
Since this good (i use it all the time!) Super
preloaderPlusoneNew don’t support now AMO pages …
Read:
Mozillia Addons / AMO pages : I can’t find how to have the script properly loading next pages

But i continue testing “SuperpreloaderPlusoneNew” on Firefox v.71 and now, i have it working on AMO’s search pages (since my v.110), which seems work now….

▶ What does This Userstyle:
- Reorganize Addons info page:
All important infos visible with less scrolling.
- Wide List for Collections, addon, etc… in Mosaik format
- Dark Gray flavor…
- Indicator BEST FAV (when you rate 5 stars for an addon) in Addon info page

>> Last change:

v.39/ 40 / 41 …/… 130:
- Correction for Reviews pages
- Small correction for addons-dev.allizom.org (but don’t understand why there is this site ….)
- Better Addon Info page:
Correction for Not Supported Firefox Version, New Screenshots design, Language picker, Download Addon link, Addon Info Top header, Permissions etc…
- Little correction in Reviews pages for Chrome
- Correction for regex:
Stylus; Error when i want import my Userstyles to Firefox Quantum (but work on Waterfox/ Stylish)

- ADD Indicator BEST FAV (when you rate 5 stars for an addon) in Addon info page :
It’s a work around for the fav possibility removed in AMO.
Other Correction for:
- Dev Comments section, Favs Star in info page (for Firefox Quantum…), Theme, Home page, Addon Infos Page (Reviews Posted/ Edit, Release Notes, Star Rating, Date Update) etc…, Theme Search, Home Extensions / Themes, Search Recommanded Badge, Star Rating color/size, Reviews/ Addons/Author/ etc… Pages

- ADD domain(“addons.mozilla.org.”)
You need to do the same for “Dark Mozilla Add-ons (AMO) by maxigaz”)
for https://addons.mozilla.org. (with the trailing dot) to allow extensions to run on AMO, read:
Firefox extensions “restricted” from running on some sites [SuperUser forum]
- ADD Indicator for your reviews in Reviews List pages.
- Working Add/Read User/Dev Review or Note…
- ADD indicator to show how to install incompatible addon by dragging the install button into the address bar
example:
With VERSION incompatibility :
https://addons.mozilla.org/en-US/firefox/addon/first-party-isolation/?src=recommended
Whith QUANTUM incompatibility:
https://addons.mozilla.org/en-US/firefox/addon/disabled-add-on-fix-52-56/
About DISABLED ADDON Read :
https://www.reddit.com/r/waterfox/comments/boazxg/mozilla
disabledaddonfixforfirefox5256/
AND
https://www.ghacks.net/2019/05/14/mozilla-releases-add-on-to-fix-signing-issue-in-older-firefox-versions/
- ADD test for domain(“addons-dev.allizom.org”) :
https://addons-dev.allizom.org/en-GB/firefox/

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.000.881.752.633.504.385.256.137.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0035.0070.00105.00140.00175.00210.00245.00280.00Total countTotal installsTotal views

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Mozilla Addon Widescreen NEW design v.130
@namespace      USO Archive
@author         decembre
@description    `<mark>▶ It's better for a WIDESCREEN(1920x1080)!</mark>NEED and Work better with (for all the Dark color flavor):<a href="https://userstyles.org/styles/159780/">[UserStyles] Dark Mozilla Add-ons (AMO)  by maxigaz</a><a href="https://gitlab.com/maxigaz/amo-dark">[GitLab] Mozilla Add-ons Dark Theme  by maxigaz</a>ADD  domain("addons-dev.allizom.org") to it for :https://addons-dev.allizom.org/en-GB/firefox/`
@version        20211128.16.34
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-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/.*") {

/* ==== MOZ - Mozilla Addon Widescreen NEW Design v.130 (new130) - OK DEV HERE - WATnew06  ==== */

/* =================================================== 
WORK WITH "Dark Mozilla Add-ons (AMO)":
https://userstyles.org/styles/159780/dark-mozilla-add-ons-amo?utm_campaign=stylish_stylepage
https://gitlab.com/maxigaz/amo-dark
====================================================== */

/* =================================================== 
ADD SUPPORT FOR Web Archives (REGEX):
https://forum.userstyles.org/discussion/74842/which-namespace-write-for-firefox-classic-add-ons-archive#latest:
====================================================== */

/* =================================================== 
FIREBUG - TWEAK about:config :
security.csp.enable
security.csp.enableStrictDynamic
security.csp.experimentalEnabled;
>> set to false
>> now firebug work as i do.
https://forum.userstyles.org/discussion/61299/csp-why-firebug-with-waterfox-dont-work-well-on-mozilla-addons-pages-amo-new-design
====================================================== */

/* =================================================== 
SETTINGS for Superloader Plus":
just ENABLE + FORCE JOIN
====================================================== */

/* =================================================== 
- PB with Stylus vs Stylish:
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
- Added:
domain("addons.mozilla.org.") (you need to do the same for "Dark Mozilla Add-ons (AMO) by maxigaz")
for  https://addons.mozilla.org. (with the trailing dot) to allow extensions to run on AMO, read:
https://superuser.com/questions/1354603/firefox-extensions-restricted-from-running-on-some-sites
====================================================== */

/* =================================================== 
HOW MATCH WEB ARCHIVE :
https://web.archive.org/web/20181002072750/https://addons.mozilla.org/en-US/firefox/addon/linkchecker/reviews/
https://duckduckgo.com/?q=https%3A%2F%2Fweb.archive.org+addons.mozilla.org+namespace+userstyle&ia=web
====================================================== */

/* ADDON BADGE - === */
.AddonBadges {
    position: absolute ;
    display: inline-block ;
    right: 92% !important ;
    top: 60px ;
}
.PromotedBadge-large .PromotedBadge-link {
    background: gold;
}
.AddonsByAuthorsCard .SearchResult-name .PromotedBadge ,
.SearchResult-name .PromotedBadge {
    position: absolute !important;
    display: inline-block;
    width: 17px;
    margin-left: -30px !important;
    margin-top: 65px !important;
    font-size: 0 ;
    overflow: hidden ;
    z-index: 5000 !important;
}
.AddonsByAuthorsCard .SearchResult-name .PromotedBadge  {
    margin-left: -35px !important;
}
.SearchResult-name .PromotedBadge:hover {
    width: auto;
}
.SearchResult-name .PromotedBadge:hover a {
    font-size: 10px ;
    background: gold;
}

/* (new124) LANGUAGE PICKER - === */
.Footer-language-picker {
    position: absolute ;
    width: 222px !important;
    top: -8px ;
    right: 0 ;
}
/* ADD TO COL MENU - === */
.Select.AddAddonToCollection-select>optgroup {
    height: 260px !important;
}
/* (new128) TEST - NEW NOTICE "Not Recommanded Addon" - === */
.Notice-genericWarning {
    position: absolute !important;
    width: 100%;
    max-width: 28px !important;
    max-height: 28px !important;
    left: 0 !important;
    top: 5px !important;
    white-space: nowrap;
    overflow: hidden !important;
    z-index: 500;
color: red !important;
background-color: #E1C022 !important;
}
.Notice-genericWarning:hover {
    position: absolute !important;
    width: 100%;
    max-width: 290px !important;
    max-height: 100% !important;
background-repeat: repeat !important;
}
.Notice-genericWarning .Notice-icon{
    display: inline-block !important;
    height: 22px;
    width: 22px;
    margin: -1px 0 0 -1px !important;
}
.Notice-genericWarning p.Notice-text {
    float: left;
    width: 170px !important;
    white-space: normal;
}




/* (new201) GM Super_loader - MENU - TEST SUPER_LOADER - adapt QUANTUM */
/* ===
test links :
https://addons.mozilla.org/en-US/firefox/addon/privacy-possum/reviews/
SEARCH PAGE - 
https://addons.mozilla.org/fr/firefox/search/?page=3&platform=windows&q=scrollbar
=== */
#sp-fw-container:not(:hover) {
    z-index: 5999999 !important;
    text-align: left !important;
    width: 12px !important;
    height: 12px !important;
    top: 20px !important;
    right: 20px !important;
    transform: none !important;
    overflow: hidden ;
background-color: red !important;
}
#sp-fw-container:hover {
    height: auto !important;
    width: auto !important;
    top: 20px !important;
    right: 20px !important;
    padding: 10px !important;
    border: 1px solid gray !important;
 background: #222 !important; 
}

#sp-fw-container:not(:hover) #sp-fw-content {
    height: auto !important;
    width: auto !important;
}
#sp-fw-container:hover #sp-fw-content {
     display: inline-block !important;
    height: auto !important;
    visibility: visible !important;
}
#sp-fw-main {
    height: 500px !important;
}
#sp-fw-savebutton {
    display: inline-block !important;
    height: 30px !important;
    line-height: 30px !important;
    width: 120px !important;
    text-align: center !important;
    z-index: 5999999 !important;
     background: red!important 
}
#sp-fw-savebutton:hover {
border: 1px solid green !important;
}
#sp-fw-rect {
    border: 1px solid white;
    border-radius: 3px;
    box-shadow: 0 5px 0 rgba(255, 255, 255, 0.3) inset, 0 0 3px rgba(0, 0, 0, 0.8);
    float: right;
    height: 10px;
    left: 0;
    margin: 0;
    opacity: 0.8;
    padding: 0;
    position: relative;
    top: 0;
    width: 10px;
}
#sp-fw-dot {
    background-color: #00ff05;
    display: block;
    right: -3px;
    top: -3px;
}
#sp-fw-dot, #sp-fw-cur-mode {
    border: 1px solid white;
    border-radius: 3px;
    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);
    height: 5px;
    opacity: 1;
    padding: 0;
    position: absolute;
    width: 5px;
    z-index: 9999;
}

/* (new201) GM Super_loader - SEPARATOR */
.sp-separator  {
    display: inline-block !important;
    height: 35px !important; 
   line-height: 35px !important;
    width: 100% !important;
/*     margin-bottom: 20px !important; */
    text-align: center !important;
border-radius: 5px !important;
background: #575f68 !important;
/*      background: red !important; */
}
.sp-separator a {
position: relative !important;
    display: inline-block !important;
    min-width: 602px !important;
/* max-width: 40% !important; */
    display: inline-block;
height: 35px !important;
line-height: 35px !important;
top: -6px !important;
/*     margin: -10px 20px 0 6px !important; */
    padding-left: 100px;
border-radius: 5px !important;
text-shadow: none;
/* color: red; */
/* background: blue !important; */
}
.sp-separator a b{
position: relative !important;
    display: inline-block !important;
height: 35px !important;
/* line-height: 15px !important; */
/* top: -5px !important; */
border-radius: 5px !important;
/*     background: red !important; */
}
.sp-sp-nextlink>b>span[style="color:#595959!important;"] ,
.sp-separator a.sp-sp-nextlink > span {
    display: inline-block !important;
    min-width: 40px !important;
margin: 0 -60px 0 5px !important;
    border-radius: 5px !important;
    text-shadow: none;
    opacity: 1 !important;
text-align: center !important;
color: white !important;
background: black !important;
}
 .sp-separator img{
    margin: 3px 20px 0 5px !important;
padding: 2px !important;
opacity: 0.3 !important;
border-radius: 3px !important;
background: gray !important;
}
 .sp-separator img:hover{
    margin-right: 20px;
padding: 2px !important;
opacity: 1 !important;
border-radius: 3px !important;
background: red !important;
}
#sp-separator-hover {
    display: inline-block;
    width: 400px !important;
}
/* GM Super_loader - SEPARATOR - DIVERS */
/* div.Page-amo div.Page-content div.Page.Page-not-homepage div.Search > div.SearchResults .AddonsCard-list .sp-separator {
    margin-bottom: 20px !important;
} */
/* (new130) GM Super_loader - REVIEWS LIST */
/* .AddonReviewList .AddonReviewList-reviews .Card.CardList.AddonReviewList-reviews-listing .Card-contents .sp-separator{
height: 35px !important;
line-height: 15px !important;
margin-bottom: 5px !important;
border-radius: 5px !important;
    background: #111 !important;
} */

/* .AddonReviewList .AddonReviewList-reviews .Card.CardList.AddonReviewList-reviews-listing .Card-contents .sp-separator a{
    display: inline-block;
height: 35px !important;
    min-width: 802px;
    padding-left: 100px;
} */

/* (new77) ADD test for domain("addons-dev.allizom.org") -
https://addons-dev.allizom.org/en-GB/firefox/
- === */

/* (new103) AMO CHANGE - 2019.10.12 - === */
.Page-not-homepage {
    max-width: 100% !important;
}
.Page-content {
    background: #283146 !important;
}

/* ALL ?? - === */
.AddonsCard--horizontal ul.AddonsCard-list {
    display: grid;
/* grid-auto-flow: unset !important; */
/* grid-template-columns: unset !important; */
}

/* HOME - === */
.Home-content {
    max-width: 100% !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal footer {
    display: inline-block !important;
    width: 30% !important;
    height: 25px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    border-radius: 5px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal footer  a {
    display: inline-block !important;
    height: 25px !important;
    line-height: 25px !important;
    padding: 0 10px !important;
    text-decoration: none;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents {
    height: 220px !important;
    margin-bottom: 6px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list {
    height: 205px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult {
    display: inline-block !important;
    height: 100%;
    height: 200px !important;
    min-width: 24.3% !important;
    max-width: 24.3% !important;
    padding: 0px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-wrapper {
    padding: 12px 5px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-icon-wrapper {
    height: 180px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-contents {
    display: inline-block !important;
    width: 100% !important;
    height: 100%;
    max-height: 180px !important;
    min-height: 180px !important;
    margin: 0px 2px 0 -2px !important;
    padding: 2px 5px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-contents .SearchResult-summary {
    max-width: 465px;
    height: 100%;
    min-height: 85px !important;
    max-height: 85px !important;
    line-height: 15px;
    margin-bottom: -15px !important;

}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-users {
    display: inline-block !important;
    height: 18px !important;
    margin-left: 0 !important;
    margin-top: -31px !important;
    text-align: center !important;
}

/* HOME PAGE - THEME - === */
.Home .SearchResult.SearchResult--theme {
    grid-column: auto / auto;
    margin: 0 6px 1px;
    min-width: 0;
    height: 202px !important;
    padding: 0;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-contents {
    display: inline-block;
    height: 100%;
    margin: -7px 0px 0 0px !important;
    max-height: 75px !important;
    min-height: 75px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-users.SearchResult--meta-section {
    position: relative !important;
    display: inline-block !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme {
    min-width: 32.6% !important;
    max-width: 32.6% !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-wrapper {
    margin-top: 0px !important;
    padding: 4px 24px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-wrapper:hover {
    margin-top: 0px !important;
    padding: 4px 24px !important;
}
.Home .AddonsCard--horizontal ul.AddonsCard-list .SearchResult--theme .SearchResult-result .SearchResult-icon-wrapper {
position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 95px !important;
    min-height: 95px !important;
    margin-top: 0px !important;
    margin-left: 0px  !important;
}
.Home .SearchResult--theme img.SearchResult-icon {
    object-position: unset;
    object-fit: contain !important;
    display: inline-block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    max-height: 85px !important;
    min-height: 85px !important;
    margin-top: 5px;
    border-radius: 9px;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal.Card.CardList.LandingAddonsCard-Themes .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-result {
    height: 181px !important;
    text-align: center !important;
}
.Home li.SearchResult.SearchResult--theme .SearchResult-contents {
    width: 100% !important;
    height: 100%;
    max-height: 44px !important;
    min-height: 44px !important;
    margin : 0 0 15px 0 !important;
    padding: 5px 20px 0;
    border-radius: 9px !important;
    z-index: 100;
}
.Home li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-users {
    margin: 0 !important;
}
.Home li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name {
    height: 44px !important;
    line-height: 15px !important; 
}
.Home li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name a.SearchResult-link {
    margin: 0!important;
    text-align: center !important;
}

/* HOME - THEME */

/* HOME ??? - === */
.Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--no-footer ul.AddonsCard-list ,
.Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--no-footer ul.AddonsCard-list {
    grid-auto-flow: column dense;
    grid-template-columns: 33% 33% 33% !important;
}
.Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--photon:not(.Card--no-footer) ul.AddonsCard-list {
    grid-auto-flow: column dense;
    grid-template-columns: 25% 25% 25% 25% !important;
}
.Home .SearchResult.SearchResult--theme.SearchResult--persona {
    display: inline-block !important;
    height: 202px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-right: 30px !important;
}
.Home .Home-FeaturedCollection.AddonsCard--horizontal ul.AddonsCard-list .SearchResult--theme .SearchResult-result .SearchResult-icon-wrapper {
    height: 100%;
    max-height: 95px;
    min-height: 95px;
    max-width: 30%;
    min-width: 30%;
    margin-left: -7px;
    margin-top: 70px;
}
.Home .Card.CardList.AddonsCard.LandingAddonsCard.Home-FeaturedExtensions.AddonsCard--horizontal .SearchResult-icon-wrapper ,
.Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--photon:not(.Card--no-footer) ul.AddonsCard-list .SearchResult-icon-wrapper  {
    height: 134px !important;
}
.Home .Home-FeaturedCollection.AddonsCard--horizontal.Card--photon.Card--photon:not(.Card--no-footer) ul.AddonsCard-list .SearchResult.SearchResult--theme.SearchResult--persona .SearchResult-icon-wrapper {
    height: 100%;
    min-height: 95px;
    max-height: 95px;
    max-width: 23% !important;
    min-width: 23% !important;
    margin-left: -9px !important;
    margin-top: 70px;
}
.Button--confirm {
background: #196610 !important;
}
.InstallButtonWrapper.InstallButtonWrapper--notFirefox .Button--confirm {
    min-height: 30px !important;
    margin-top: 10px !important;
    padding: 0 5px !important;
    font-size: 13px !important;
}

/* HOME - GUIDES */
.Guides-page {
    line-height: 1.1 !important;
    padding: 5px 20px !important;
    font-size: 15px !important;
}
.Guides-section {
    float: left;
    width: 32.7% !important;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
    margin-right: 0.5% !important;
    padding: 5px !important;
    border-radius: 9px !important;
background: #1f2536 !important;
}
.Guides-header {
    margin-bottom: 0px !important;
    padding-bottom: 25px !important;
}
.Guides-header-icon {
    float: left !important;
    margin-right: 30px;
}
.Guides-page .Card-contents {
    border-radius: 6px;
    background: #283146 !important;
}
.GuidesAddonCard-content {
    display: unset !important;
}
.GuidesAddonCard-content-text {
    display: inline-block !important;
    min-width: 80% !important;
    max-width: 80% !important;
}
.GuidesAddonCard-content-text  + .InstallButtonWrapper {
    display: inline-block !important;
    float: none !important;
    min-width: 100% !important;
}

/* HOME COLOR */
.Guides-section-explore-more ,
h2 + p ,
.Guides-page .Guides-header p ,
.HomeHeroGuides-header-subtitle {
    margin: 0px 0 24px !important;
    color: #c1d0ff;
}
.Guides-section  .Card.Card--no-header.Card--no-footer .Card-contents .GuidesAddonCard .GuidesAddonCard-content .GuidesAddonCard-content-text p {
    color: #eee !important;
}

/* 404 AMO - with ADDON " CASSIC ADD-ON ARCHIVE - 
https://addons.mozilla.org/en-US/firefox/addon/its-all-text/
=== */
.Card.ErrorPage.NotFound  {
    color: gray !important;
}
.Card.ErrorPage.NotFound .Card-contents>h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 19px;
text-align: center !important;
}


/* WIDESCREEN - === */
.App-content-wrapper {
    margin: 0 auto;
    max-width: 100%;
}
/* BR - === */
.Addon-summary>br ,
.AddonDescription-contents br {
content: " " !important;
    float: none !important;
    display: block !important;
    line-height: 0px !important;
    margin-top: 5px !important;
    margin-bottom: -4px !important;
}

/* TOP HEADER  - === */
.Header {
    grid-template-columns: max-content 1fr 1fr;
    grid-template-rows: 46px auto;
    margin: 0 auto;
    max-width: 1366px;
    min-height: 70px !important;
    height: 70px !important;
    padding-bottom: 0px !important;
    width: 100%;
}
[dir="ltr"] .Header-content {
    margin-right: 24px;
    margin-top: -76px !important;
}
.Header-SectionLinks {
    align-self: center;
    grid-column: 2 / auto;
    margin: 22px 0 0;
    padding: 0;
    margin-top: -62px !important;
}
.Header-user-and-external-links {
    height: 36px !important;
    margin-top: 0 !important;
    grid-area: 1 / 2 / 2 / -1;
}
.Header-search-form {
    margin-top: -21px !important;
    grid-area: 2 / 3 / 2 / 3;
    align-self: center;
    max-width: 284px;
    width: 100%;
}

/* SEARCH / COLLECTION */
.Search .SearchResults {
    margin-top: 0px !important;
    grid-area: 2 / 2 / 5 / auto;
    min-width: 0;
    width: 100%;
}
.Card-header {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    font-family: Fira Sans,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 1px;
    margin-top: 0px !important;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 5px 20px !important;
    text-align: left;
}
.Collection-wrapper ,
.Search {
    display: grid;
    grid-auto-flow: column dense;
    grid-gap: 4px !important;
    grid-template-columns: minmax(100px, 8%) 1fr !important;
    padding: 0 4px 4px !important;
}
.Search .SearchContextCard {
    grid-area: 1 / 1 / auto / -1;
    min-width: 0;
    margin-top: -21px !important;
}
.Search  .SearchContextCard-header {
    font-size: 18px !important;
    margin: 0;
    overflow-wrap: break-word;
}
.Search .SearchResults .SearchResult-result {
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}
.Search .SearchResults li.SearchResult.SearchResult--theme  ,
.Collection-items .AddonsCard-list li.SearchResult, 
.Search .SearchResults li.SearchResult {
    position: relative !important;
    display: inline-block !important;
    width: 97% !important;
    height: 100% !important;
    min-height: 145px !important;
    max-height: 145px !important;
    top: 0px !important;
    margin-top: -9px !important;
    margin-right: 2px !important;
    margin-bottom: 10px !important;
    bottom: 0px !important;
    padding: 0px 3px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(12, 12, 13, 0.9) !important;
}

.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .Card-contents ul.AddonsCard-list .SearchResult.SearchResult--theme ,
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .Card-contents ul.AddonsCard-list .SearchResult  {
    position: relative !important;
    float: left !important;
    width: 19.5% !important;
    height: 100% !important;
    min-height: 140px !important;
    max-height: 140px !important;
    top: -10px !important;
    margin-top: 2px !important;
    margin-right: 2px !important;
    margin-bottom: 2px !important;
    bottom: 2px !important;
    padding: 0px 2px !important;
    border-radius: 5px !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon   .Card-footer {
    margin-top: -10px !important;
    padding: 0px !important;
    width: 100%;
}

/* COLL */
.Collection .Collection-wrapper .Collection-detail-wrapper + .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents ul.AddonsCard-list .SearchResult-wrapper {
    height: 138px !important;
    margin-top: 5px !important;
}
.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 {
    height: 137px !important;
}
.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 {
    margin-top: -3px !important;
}
.SearchResult-icon-wrapper {
    -moz-box-ordinal-group: 2;
    order: 1;
    border-radius: 9px 0 0 9px !important;
background: black !important;
}
.Search .SearchResults li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper,
.Search .SearchResults li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper .SearchResult-icon {
    height: 30px !important;
    border-radius: 3px !important;
    margin-bottom: 0 !important;
}
.SearchResult--theme .SearchResult-icon-wrapper {
    position: absolute !important;
    display: inline-block !important;
    -moz-box-flex: unset !important;
    flex-grow: unset !important;
    width: calc(100% - 30px) !important;
    height: 100% !important;
    max-height: 45px !important;
    min-height: 45px !important;
    margin-left: 15px !important;
    margin-top: 72px !important;
    margin-bottom: 10px;
    border-radius: 9px !important;
    overflow: hidden;
    opacity: 0.7 !important;
    z-index: 500 !important;
background: #0f1126 !important;
}
.SearchResult--theme:hover .SearchResult-icon-wrapper {
    opacity: 1 !important;
background: #0f1126 !important;
}

.SearchResult--theme .SearchResult-icon {
    border-radius: 9px;
    display: inline-block !important;
    height: 100% !important;
    max-height: 35px !important;
    min-height: 35px !important;
    object-fit: contain !important;
    object-position: unset !important;
    width: 100% !important;
    margin-top: 5px !important;
opacity: 1 !important;
}

/* SEARCH ALL - in COLL / AUTHOR / INFO */
.SearchResult-contents {
    -moz-box-flex: 1;
    -moz-box-ordinal-group: 1 !important;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    -moz-box-direction: normal;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    order: 1;
    justify-content: space-between;
    height: 100% !important;
    min-height: 130px !important;
    max-height: 130px !important;
    width: 72% !important;
    margin: -3px 2px  0 5px !important;
    padding: 2px 5px !important;
    border-radius: 0 9px 9px 0 !important;
    background-color: #191f2d !important;
}
.SearchResult-summary {
    -moz-box-flex: 1;
    flex-grow: 1;
    display: block;
    height: 100% !important;
    min-height: 75px !important;
    max-height: 75px !important;
    line-height: 15px !important;
    width: 100%;
    max-width: 465px;
    margin: 0;
    font-size: 12px;
    overflow-wrap: break-word;
    overflow: hidden !important;
    overflow-y: auto !important;
border-top: 1px solid rgba(12, 12, 13, 0.9) !important;
border-bottom: 1px solid rgba(12, 12, 13, 0.9) !important;
}

/* SEARCH NORMAL */
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents {
    min-height: 120px !important;
    max-height: 120px !important;
    margin: 0px 2px  0 5px !important;
}

.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-summary {
    min-height: 80px !important;
    max-height: 80px !important;
/* border: 1px solid tan !important; */
}
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-summary {
    max-height: 62px !important;
    min-height: 62px !important;
} 

/* SEARCH in AUTHOR */
.UserProfile-addons-and-reviews .SearchResult-contents {
    min-height: 110px !important;
    max-height: 110px !important;
    margin: -3px 2px  0 5px !important;
}
.UserProfile-addons-and-reviews .SearchResult-contents .SearchResult-summary {
    max-height: 53px !important;
    min-height: 53px !important;
}

/* in INFO - OTHER ADDONS on HOVER */
.AddonsByAuthorsCard .SearchResult-name  {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    height: 100% !important;
    min-height: 35px !important;
    max-height: 35px !important;
    line-height: 1.1;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0;
/* background: green !important; */
}

/* ==== */

.Home .SearchResult-contents {
    width: 100% !important;
}

/* SEARCH - ALL - THEME ITEMS*/
li.SearchResult.SearchResult--theme .SearchResult-contents {
    -moz-box-direction: normal;
    -moz-box-flex: 1;
    -moz-box-ordinal-group: 1 !important;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    justify-content: space-between;
    order: 1;
    height: 100% !important;
    min-height: 50px !important;
    max-height: 50px !important;
    width: 73% !important;
    margin: 55px -2px  0 8px !important;
    padding: 5px 20px 0 20px !important;
    border-radius: 9px  !important;
    text-align: center !important;
    z-index: 100 !important;
background: rgba(31, 37, 54, 0.7) !important;
}
.SearchResult-name {
    display: flex !important; /* contexte sur le parent */
    flex-direction: column !important; /* direction d'affichage verticale */
    justify-content: center !important; /* alignement vertical */
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 35px !important;
    max-height: 35px !important;
    line-height: 1.1 !important;
    margin: 0;
}
.SearchResult-link {
    display: inline-block !important;
    vertical-align: top !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    line-height: 15px !important;
    margin: 0;
    text-align: center !important;
    text-align: left !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
    word-break: normal !important;
}
li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name {
    height: 36px !important;
    line-height: 0.9 !important;
    margin-top: 5px !important;
    border: none !important;
}
li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name a {
    text-align: center !important;
}
/* THEME - COLLECTION */
.Collection li.SearchResult.SearchResult--theme .SearchResult-contents {
    width: 73%;
    height: 100%;
    max-height: 70px !important;
    min-height: 70px !important;
    margin: 45px 0px 0 0px !important;
    padding: 5px 10px 5px !important;
    border-radius: 0 !important;
}
.Collection li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name{
    height: 36px !important;
    line-height: 0.9 !important;
    margin-top: 5px !important;
    border: none !important;
    text-align: center !important;
}
.Collection li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name a {
    height: 50px !important;
    line-height: 0.9 !important;
    margin-top: -5px !important;
    font-size: 15px !important;
    text-align: center !important;
background: black !important;
}
.Collection li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-metadata{
    margin-top: -29px !important;
}

/* (new93) RECOMMANDED BADGE */
.SearchResult-name .RecommendedBadge {
    position: absolute;
    width: 17px;
    margin-top: 0;
    left: 12px !important;
    top: 65px;
    overflow: hidden;
}
.SearchResult-name .RecommendedBadge .RecommendedBadge-link {
    border: none ;
}

li.SearchResult.SearchResult--theme .SearchResult-metadata {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
background: rgba(31, 37, 54, 0.7) !important;
}
.Card.ExpandableCard.SearchFilters + .SearchResults li.SearchResult.SearchResult--theme .SearchResult-rating {
    float: right !important;
    width: auto;
}
.Card.ExpandableCard.SearchFilters + .SearchResults li.SearchResult.SearchResult--theme .SearchResult-author.SearchResult--meta-section {
    float: left !important;
    height: 15px;
    line-height: 18px;
    max-width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SearchResult-metadata {
    -moz-box-direction: normal;
    -moz-box-flex: 1 !important;
    -moz-box-orient: horizontal;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    width: 100%;
    height: 16px !important;
    line-height: 16px !important;
    margin-top: -25px !important;
}
.SearchResult-rating {
    height: 15px !important;
    line-height: 13px !important;
    margin-right: 5px  !important;
}
.Rating.Rating--small {
    grid-column-gap: 6px !important;
    min-height: 13px;
    width: -moz-min-content;
    -moz-box-pack: start;
    justify-content: flex-start;
    margin: 0;
}
/* FOR FIREFOX QUANTUM ??? (TOO NARROW) -
https://addons.mozilla.org/fr/firefox/addon/auto-tab-discard/
=== */
.AddonMeta-rating-content .Rating.Rating--small {
    grid-column-gap: 12px !important;
}


.Rating-star ,
.Rating--small .Rating-star {
    min-width: 6px !important;
    max-width: 13px !important;
    margin-right: -2px !important;
}
.SearchResult--meta-section {
    font-size: 10px !important;
    margin: 0;
    padding: 0;
}
.SearchResult-author.SearchResult--meta-section {
    height: 15px !important;
    line-height: 18px !important;
    max-width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Card.CardList.AddonsCard.AddonRecommendations .SearchResult-author.SearchResult--meta-section {
    height: 15px !important;
    line-height: 18px !important;
    max-width: 48% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: pre;
}
.SearchResult-users {
    -moz-box-flex: 0;
    -moz-box-ordinal-group: 2 !important;
    flex-grow: 0;
    order: 1;
    width: 100% !important;
}


/* COLLECTION */
.CollectionDetails {
    display: inline-block !important;
    width: 100% !important;
}

.CollectionDetails .MetadataCard {
    display: inline-block;
    -moz-box-direction: unset;
    -moz-box-orient: unset;
    -moz-box-pack: unset;
    border-radius: 8px;
    flex-direction: unset !important;
    justify-content: unset !important;
}
.CollectionDetails .MetadataCard-list {
    -moz-box-flex: unset !important;
    flex: unset !important;
    float: left !important;
    clear: none !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 12px;
    margin-left: 0px !important;
    margin-bottom: 0 !important;
    overflow-wrap: break-word;
    hyphens: auto;
    text-align: left;
background: rgba(12, 12, 13, 0.9) !important;
}

/* (new125)ADON - INFO PAGE - CARDS - ALL */
.Card--no-footer .Card-contents ,
.Card--photon .Card-contents, 
.Card-contents {
    padding: 5px 15px !important;
background: #1f2536 !important;
}

/* ICONS BACKGROUND - === */
.Addon-icon-image , 
.SearchResult-icon {
    display: inline-block;
    padding: 3px !important;
    background-color: rgba(191, 191, 190, 0.33) !important;
    border-radius: 5px;
    box-shadow: 0 0 2px #cccccc inset;
}

/* BIG */
.AddonSummaryCard-header-icon-image ,
.Addon-icon-image  {
    border-radius: 5px;
    box-shadow: 0 0 2px #cccccc inset;
    background-color: rgba(191, 191, 190, 0.33) !important;
}
/* SMALL */
.SearchResult-icon {
    height: 28px !important;
    width: 28px !important;
    margin-top: 8px !important;
    padding: 3px !important;
}
.Addon-header-wrapper {
    float: left !important;
    width: 20% !important;
    height: 418px !important;
    margin-top: 0px !important;
    overflow: hidden !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
/* (new112) */
.Addon.Addon-extension.Addon--has-more-than-0-addons.Addon--has-more-than-3-addons .Addon-header-wrapper {
    margin-top: 0px !important;
}


.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer {
    display: inline-block !important;
    width: 100% !important;
    min-height: 420px !important;
    max-height: 420px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    padding: 3px !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-icon {
    float: left !important;
    clear: both !important;
    min-height: 70px !important;
    max-height: 70px !important;
    width: 15% !important;
    min-width: 0px !important;
}
.Addon-icon-wrapper {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .AddonTitle {
    grid-column: none !important;
    float: right !important;
    width: 81% !important;
    height: 70px !important;
    line-height: 1.1 !important;
    margin: 2px 0  0px 5px !important;
    font-size: 18px;
    overflow-wrap: break-word;
}
/* TITLE - THEME */
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header .ThemeImage.ThemeImage--rounded-corners + .AddonTitle {
    width: 100% !important;
    height: 70px !important;
    line-height: 1.1 !important;
}

/* MULTI AUTHORS:
https://addons.mozilla.org/fr/firefox/addon/test-feedback/?src=recommended
=== */
.AddonTitle .AddonTitle-author {
    font-size: 12px !important;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .AddonTitle  .AddonTitle-author {
    height: 33px;
    font-size: 12px !important;
    overflow: hidden;
    overflow-y: auto;
}

.AddonTitle .AddonTitle-author a, 
.AddonTitle .AddonTitle-author a:link {
    font-size: 14px;
    line-height: 14px ;
}

/* ADDON - SUMMARY */
.Addon-summary-and-install-button-wrapper {
    -moz-box-pack: unset;
    display: inline-block;
    justify-content: unset;
    width: 100%;
}

/* THEME - SUMMARY */
.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 {
    height: 137px !important;
    margin-top: 0;
    max-width: 100%;
    min-width: 100%;
    overflow-x: hidden;
}
/* THEME - INSTALL */
.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 {
    height: 237px !important;
}
.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  {
    margin-top: 189px;
}
.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  {
    margin-top: 35px !important;
}

/* (new125) ADDON - UNIINSTAL BUTTON  */
.Button.Button--neutral.AMInstallButton-button.AMInstallButton-button--uninstall.Button--puffy {
    width: 136px !important;
    background: #526289 !important;
}
.Button.Button--neutral.AMInstallButton-button.AMInstallButton-button--uninstall.Button--puffy:hover {
    background: red !important;
}
 
/* (new124) ADDON - RATING */
.Addon-header-wrapper .Addon-header-meta-and-ratings {
    position: absolute !important;
    display: inline-block !important;
    height: 70px !important;
    width: 19.3% !important;
    min-width: 0px !important;
    top: 420px !important;
    left: 0.8% !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid red !important;
    border-top: 1px solid red !important;
    z-index: 1 !important;
    overflow: hidden !important;
}
.Addon-header-wrapper .Addon-header-meta-and-ratings .Card-contents {
    padding-top: 12px !important;
}
.Addon-header-wrapper .Addon-header-meta-and-ratings:hover {
    position: absolute !important;
    display: inline-block !important;
    height: auto !important;
    width: 19.3% !important;
    min-width: 300px;
    margin-bottom: 0px !important;
    border-radius: 5px !important;
    border: 1px solid red !important;
    background: #1f2536 !important;
    overflow: hidden !important;
transition: all ease 0.7s !important;
}

/* ADDON - RATING MANAGER - TOP LEFT - === */
/* NOT NEED */
.Card.Addon-overall-rating .Card-footer.Card-footer-link ,
.Card.Addon-overall-rating .Card-header {
    display: none !important;
}

/* (new99) ADDON - RATING on HOVER - TOP LEFT - === */
.Addon.Addon-extension .Addon-details .RatingManager>form {
    position: absolute;
    width: 10.2% !important;
    height: 25px !important;
    left: 0.8% !important;
    top: 421px !important;
    padding: 2px 2px !important;
    border-radius: 5px !important;
    z-index: 1 !important;
border: 1px solid #283046 !important;
background: tan !important;
}
.Addon.Addon-extension .Addon-details .RatingManager>form:hover {
    height: 57px !important;
    padding-bottom: 10px !important;
    z-index: 500 !important;
    transition: all ease 0.7s !important;
border: 1px solid red !important;
background: black !important;
}
.Addon.Addon-extension .Addon-details .Card-contents .RatingManager>form>fieldset {
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 15px !important;
    text-align: left ;
background: green !important;
}
.Addon.Addon-extension .Addon-details .RatingManager legend.RatingManager-legend {
    display: inline-block !important;
    width: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 10px !important;
    overflow-wrap: break-word;
    font-size: 0;
z-index: -1 !important;
}
/* (new121) */
.Addon.Addon-extension .Addon-details .RatingManager legend b{
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 21px !important;
    max-height: 21px !important;
    line-height: 10px !important;
    padding: 1px 10px 1px 1px !important;
    top: -1px !important;
    overflow-wrap: break-word;
    font-size: 10px !important;
    text-align: left ;
z-index: 0 !important;
background: #A33434 !important;
/* background: red !important; */
}
/* (new99) */
.Addon.Addon-extension .Addon-details .RatingManager legend b:after {
    position: absolute !important;
    display: inline-block !important;
    content: "★" ;
    font-size: 15px !important;
    color: gold ;
    white-space: pre !important;
    width: 10px !important;
    height: 15px !important;
    line-height: 15px !important;
    top: 0px !important;
    right: 5px !important;
}

/* (new120) ADDON - REVIEW MANAGER - === */
.AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container  {
    position: absolute;
    width: 9% !important;
    height: 25px !important;
    left: 11% !important;
    top: 421px !important;
    padding: 0px 2px !important;
    border-radius: 5px !important;
    overflow: hidden;
    z-index: 1 !important;
    transition: width ease 0.7s !important;
border: 1px solid #283046 !important;
background: #075251 !important;
}
.AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container:hover {
    width: 19.2% !important;
    height: auto !important;
    min-height: 50px !important;
    padding: 5px 5px 10px 5px !important;
    z-index: 500 !important;
    transition: all ease 0.7s !important;
border: 1px solid red !important;
background: black !important;
}
.AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container:hover .UserReview .Card.ShowMoreCard.UserReview-body .Card-contents .ShowMoreCard-contents {
    min-height: 210px !important;
    max-height: 210px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
.AddonReviewCard-slim.AddonReviewCard-viewOnly:not(.AddonReviewCard-ratingOnly):not(.AddonReviewCard-isReply) > .AddonReviewCard-container:hover .UserReview .Card.ShowMoreCard.UserReview-body .Card-contents .ShowMoreCard-contents div {
border-bottom: 1px dotted red ;

}
/* (new130) */
.UserReview-byLine>span ,
.Addon.Addon-extension .Addon-details .UserReview-byLine>span {
    font-size: 8px !important;
}
/* (new127) */
.UserReview-byLine>span a {
    display: inline-block !important;
    padding-left: 20px !important;
    font-size: 10px !important;
    text-align: right !important;
/* background: red !important; */
}
/* (new129) USER - REVIEW ADDON INDICATOR */
/* CLIP (need ABSOLUTE positioning):
clip: (top, right, bottom, left)
image:clip:rect(0px,60px,200px,0px);

OR  CLIP-PATH  (NOT positioning need)
clip-path: clip-path: rectangle(x, y, width, height, rounded-x, rounded-y)
inset(TOP RIGHT BOTTOM LEFT
clip-path: inset(0 0% 0 22%);
=== */
.UserProfile-addons-and-reviews .UserReview-byLine>span a:before {
content: attr(href) ;
/* clip: rect(0px,0px,0px,50px) !important; */
/* clip-path: inset(0px 20px 0px 78px) !important; */
    clip-path: inset(0 5% 0 22%);
    position: absolute !important;
    display: inline-block !important;
    height: 10px !important;
    line-height: 10px !important;
    width: 220px !important;
    margin-top: 0px !important;
    top: 0px !important;
    right: -11px !important;
    margin-bottom: 20px !important;
    padding-right: 20px !important;
    white-space: nowrap ;
    font-size: 10px !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    z-index: 10 !important;
/*   background-image:  linear-gradient( to right, red, #f06d06, rgb(255, 255, 0), green); */
background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 1)) ;
}
.UserProfile-addons-and-reviews .UserReview-byLine>span a::after {
/* background: rgba(0, 0, 0, 0) linear-gradient(hsla(0, 0%, 100%, 0), #fff) repeat scroll 0 0; */
/* background-image:  linear-gradient( to right, red, #f06d06, rgb(255, 255, 0), green); */
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));
background-size: 10px 10px, 120px 10px; 
background-repeat: no-repeat, repeat  ;
background-position: 55px top  ;
    content: "";
    position: absolute;
    height: 10px;
    width: 70px ;
    top: 0px !important;
    right: 0;
    z-index: 20 !important;
}
/* USER - REVIEW COMMENT INDICATOR */
.Addon.Addon-extension .Addon-details .UserReview-byLine>span a:after {
    position: absolute !important;
    display: inline-block !important;
    content: "🗨" ;
    width: 10px !important;
    height: 20px !important;
    line-height: 20px !important;
    top: 0px !important;
    left: 0px !important;
    font-size: 12px !important;
    white-space: pre !important;
    color: gold ;
}

/* ADDON - TOP LEFT - === */

/* (ADDON - RATING on HOVER - RATING SUCCES + ADD REVIEW button - TOP LEFT - === */
.RatingManager > form:hover .Notice.Notice-light.Notice-success:not(.RatingManagerNotice-savedRating-hidden) {
    -moz-box-pack: center;
    justify-content: center;
    display: inline-block !important;
    min-width: 50% !important;
    height: 21px !important;
    line-height: 19px;
    margin-left: 5px !important;
    border-radius: 9px !important;
    padding: 0;
background: green !important;
}
.RatingManager > form:hover .Notice.Notice-light.Notice-success:not(.RatingManagerNotice-savedRating-hidden) .Notice-column {
    float: right;
    max-width: 100%;
    -moz-box-align: center;
    align-items: center;
}
.RatingManager > form:hover .Notice.Notice-light.Notice-success:not(.RatingManagerNotice-savedRating-hidden) .Notice-icon {
    background-size: 11px 11px;
    height: 11px;
    width: 11px;
    float: left !important;
}
/* (new125) */
.AddonReviewCard.RatingManager-AddonReviewCard.AddonReviewCard-ratingOnly.AddonReviewCard-viewOnly.AddonReviewCard-slim {
    position: absolute !important;
/*     display: inline-block !important; */
    left: 1.5% !important;
    width: 8% !important;
    height: 43px !important;
    top: 355px !important;
    padding: 5px;
    border-radius: 5px !important;
    overflow: hidden;
    z-index: 5000 !important;
background: blue !important;
}
.RatingManager > form + .AddonReviewCard.RatingManager-AddonReviewCard.AddonReviewCard-ratingOnly.AddonReviewCard-viewOnly.AddonReviewCard-slim .AddonReviewCard-allControls  {
    float: left !important;
    width: 97% !important;
    height: 15px !important;
    margin-top: 0px !important;
    margin-left: 2% !important;
    margin-bottom: -7px !important;
    border-radius: 9px !important;
    padding: 0 5px;
    z-index: 50000 !important;
color: gold !important;
background: red !important;
}
.Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete {
line-height: 13px !important;
    margin-top: 0px;
color: gold !important;
text-decoration: none !important;
}
.Button.Button--action.AddonReviewCard-writeReviewButton.Button--puffy {
    float: left !important;
    width: 100% !important;
    height: auto;
    min-height: 15px !important;
    max-height: 15px !important;
line-height: 13px !important;
    padding: 0 5px;
    border-radius: 4px;
    font-size: 15px;
}

/* WRITE A REVIEW TEXTAREA - IN ADDON INFO PAGE - === */
.Addon.Addon-extension .Addon-details section.Card.Addon-overall-rating .DismissibleTextForm-form {
    position: absolute !important;
    display: inline-block !important;
    width: 20% !important;
    left: 0.5% !important;
    top: 35% !important;
    padding: 10px !important;
     z-index: 5000 !important;
    background: black !important;
}
.Addon.Addon-extension .Addon-details section.Card.Addon-overall-rating .DismissibleTextForm-form  textarea.DismissibleTextForm-textarea {
    max-height: 430px !important;
    min-height: 150px !important;
    padding: 6px;
    resize: vertical !important;
}
/* THEME - ICON SCREEN SHOT - CENTER - === */
.ThemeImage--rounded-corners {
    position: absolute;
    display: inline-block;
    width: 100%;
    max-width: 77% ;
    min-height: 535px ;
    max-height: 535px ;
    left: 21.3% ;
    top: 86px ;
    border-radius: 9px;
    border: 1px solid red;
    background-color: #1d2232;
}
 .ThemeImage--rounded-corners .ThemeImage-image {
    position: absolute;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    min-height: 250px !important;
    max-height: 250px !important;
    left: 0%;
    top: 150px;
    padding: 30px !important;
}
.ThemeImage-image {
    object-fit: contain !important;
    object-position: top center !important;
    border-radius: 9px !important;
}

/* ADDON - NO REVIEWS */
.Card-footer.Card-footer-link ,
.Card-footer.Card-footer-text,
.Addon-read-reviews-footer {
    display: none !important;
    padding: 0 !important;
}

/* (new124) INSTALL REQUIRE - DOWNLOD XPI */
.InstallButtonWrapper-download {
    margin-top: -21px !important;
    margin-left: -260px !important;
    text-align: center !important;
/* border: 1px dashed violet !important; */
}
/* (new125) INSTALL - NO DOWNLOAD XPI */
.InstallButtonWrapper  {
    height: 30px !important;
    margin-left: 192px !important;
    margin-top: 15px !important;
/* border: 1px dashed violet !important; */
}
.Addon .Addon-summary-and-install-button-wrapper .AMInstallButton--noDownloadLink {
    height: 30px !important;
    margin-top: -3px !important;
    margin-bottom: 0px !important;
/* border: 1px solid violet !important; */
}
.Addon-summary-and-install-button-wrapper .Button {
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 16px;
    border-radius: 4px;
    font-size: 16px;
}

/* (new129) NEED INSTALL NEW VERSION FIREFOX */
.InstallButtonWrapper .GetFirefoxButton {
    position: absolute !important;
    display: inline-block !important;
    min-width: 368px !important;
    height: 30px !important;
    left: 15px !important;
    top: 41.5vh !important;
    border-radius: 5px !important;
    background: #1f2536 !important;
    border: 1px solid rgba(12, 12, 13, 0.9);
border: 1px solid yellow !important;
}
.GetFirefoxButton-callout {
    position: absolute !important;
    display: inline-block !important;
    width: 20px !important;
    height: 28px !important;
    line-height: 28px !important;
    padding: 3px 0 0px 1px  !important;
    margin: 16px auto;
    top: -1.7vh !important;
    left: 5px !important;
border: 1px solid green !important;
}
.GetFirefoxButton-callout::before {
    display: none !important;
}

.InstallButtonWrapper .GetFirefoxButton .Button.Button--action.GetFirefoxButton-button.Button--puffy {
    width: 250px !important;
    line-height: 13px !important;
    padding: 0 30px !important;
    font-size: 14px !important;
    white-space: pre-line;
    overflow: hidden !important;
}
.InstallButtonWrapper .GetFirefoxButton .GetFirefoxButton-callout-text {
    position: absolute !important;
    display: inline-block !important;
    width: 356px;
    height: 25px !important;
    line-height: 12px;
    left: -2px;
    top: -29px;
    font-size: 12px !important;
    border-radius: 5px !important;
    opacity: 0 !important;
    visibility: hidden !important;
color: gold !important;
background: red;
}
.InstallButtonWrapper .GetFirefoxButton:hover .GetFirefoxButton-callout-text {
visibility: visible !important;
   opacity: 1!important;
color: gold !important;
background: red;
}
.InstallButtonWrapper .GetFirefoxButton + .InstallButtonWrapper-download {
    margin-left: -200px !important;
    margin-top: -11px !important;
    text-align: center;
}


/* SUPPORT DEV */
.Card.ContributeCard.Card--no-footer {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    max-width: 19.2% !important;
    height: 18px !important;
    top: 400px;
    left: 0.8% !important;
    margin-top: 0;
    margin-bottom: 0 !important;
    padding: 0 2px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    overflow: hidden !important;
    z-index: 1 !important;
border: 1px solid green !important;
outline: none !important;
}
.Card.ContributeCard.Card--no-footer:hover {
    height: auto !important;
}
.Card.ContributeCard.Card--no-footer .Card-header {
    height: 15px !important;
    margin-bottom: 1px;
    margin-top: 0;
    padding: 1px 3px !important;
    text-align: center !important;
    font-size: 10px !important;
    overflow: hidden;
    overflow-wrap: break-word;
border: none !important;
}

/* REPORT ABUSE */
.Card.Addon-overall-rating .ReportAbuseButton {
    position: absolute;
    display: inline-block !important;
    top: 145px;
    width: 5%;
    height: 25px !important;
    line-height: 0px !important;
    left: 1.6% !important;
    margin-top: 0;
    padding: 0 2px;
    border-radius: 9px;
    overflow: hidden;
    transform: scale(0.5)  !important;
    transform-origin: top left;
    z-index: 1 !important;
    opacity: 0.5 !important;
border: 1px solid #283046 !important;
background: #A33434 !important;
}
.Card.Addon-overall-rating .ReportAbuseButton:hover {
    opacity: 1 !important;
    z-index: 1 !important;
    transform: scale(1)  !important;
}
/* ADD OUR FAV STAR to ADDON PAGE - === */
.RatingManager .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:after {
    position: fixed !important;
    display: inline-block !important;
    content: "★" ;
    width: 30px !important;
    height: 30px !important;
    line-height: 25px !important;
    top: -355px !important;
    left: 185px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 9px !important;
    font-size: 30px !important;
    color: gold ;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
background-color: blue !important;
}
.Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:after {
    top: -378px !important;
color: green ;
background: gold !important;
}
.RatingManager .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:before {
    position: fixed !important;
    display: inline-block !important;
    content: "5" ;
    width: 10px !important;
    height: 15px !important;
    line-height: 14px !important;
    text-align: center !important;
    top: -355px !important;
    left: 210px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5000000 !important;
color: red ;
background: blue !important;
}
.Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl .Rating-star.Rating-rating-5.Rating-selected-star:before {
    top: -378px !important;
color: red ;
background: gold !important;
}
/* ADDON INFO - 
TAKE CARE:
- NOTICE IMPCOMPATIBILITY FIR version:
https://addons.mozilla.org/fr/firefox/addon/open-with/
- MOZ no Survey:
https://addons.mozilla.org/fr/firefox/addon/open-with/
=== */

.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Addon-header {
    grid-template-columns: unset !important;
    display: inline-block !important;
    min-width: 100% !important;
    max-width: 100% !important;
}


/*(new125) ADDON - INCOMPATIBILITY - HEADER +  ICON - BADGE */
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header {
    margin-top: 18px !important;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header .Addon-icon {
    margin-top: -17px !important;
}
.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 {
    margin-top: -7px !important;
}

.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Notice.Notice-error.AddonCompatibilityError + .Addon-header .AddonBadges {
    top: 58px !important;
}
.Addon-summary {
    min-width: 100% !important;
    max-width: 100% !important;
    height: 187px !important;
    margin-top: 20px !important;
    margin-right: 0px !important;
    margin-bottom: -20px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
.Addon-details {
    grid-auto-flow: unset !important;
    grid-gap: unset !important;
    grid-template-columns: unset !important;
    display: inline-block !important;
    width: 80% !important;
    margin-top: 0px !important;
}
/* ADDON INFOS GOOD */
.Addon.Addon-extension.Addon--has-more-than-0-addons.Addon--has-more-than-3-addons .Addon-details {
    margin-top: 0px !important;
}
/* ADDON INFOS - DICO / THEME - GOOD */
.Page-amo .Header.Header-no-hero-promo + .Page-content .Page.Page-not-homepage .Addon.Addon-theme.Addon--has-more-than-0-addons ,
.Page-amo .Header.Header-no-hero-promo + .Page-content .Page.Page-not-homepage .Addon.Addon-dictionary {
    margin-top: -21px !important;
}
.Addon-details .Addon-main-content {
    grid-area: unset !important;
    display: inline-block !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 563px !important;
    margin-left: 2px !important;
    padding: 3px !important;
    overflow-x: hidden !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.ShowMoreCard.AddonDescription {
    float: left ;
    width: 37%;
    height: 555px !important;
    margin-top: 0;
    margin-right: 4px !important;
    margin-bottom: 0 !important;
    padding: 3px !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.ShowMoreCard.AddonDescription  .Card-contents {
    display: inline-block !important;
    min-height: 517px !important;
    max-height: 517px !important;
    min-width: 99.9% !important;
    max-width: 99.9% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.AddonDescription .ShowMoreCard-contents {
    max-width: 100% !important;
}

/* SCRENNSHOTS */

.Addon-details .Addon-main-content .Card.Addon-screenshots {
    margin-top: 0;
    width: 62.5% !important;
    display: inline-block !important;
    float: none !important;
    height: 388px !important;
    margin-bottom: 0 !important;
    padding: 3px !important;
    overflow-y: hidden !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Addon-details .Addon-main-content .Card.Addon-screenshots .Card-contents{
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    padding: 5px 5px !important;
    overflow-x: hidden;
    overflow-y: auto !important;
}
/* (new125)  NEW SCREENSHOTS DESIGN */
.ScreenShots {
    width: 100% !important;
    min-width: 100% !important;
   height: 341px !important;
/* border: 1px solid red; */
}

.ScreenShots-viewport {
    height: auto;
}
.ScreenShots-list {
    display: inline-block;
    height: 338px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 914px !important;
    margin: 0;
    padding: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0), #1f2536) repeat scroll 0 0 !important;
/* background: blue !important; */
}
.ScreenShots-list .ScreenShots-image:first-of-type ,
.ScreenShots-list .ScreenShots-image {
    display: inline-block !important;
    height: 200px !important;
    width: 48% !important;
    margin: 3px 5px 0 10px !important;
    border-radius: 3px !important;
    background: #1f2536 !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}

.ScreenShots-list > .pswp-thumbnails {
    display: inline-block !important;
    height: 338px !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto !important;
}    
.ScreenShots-list > .pswp-thumbnails .pswp-thumbnail  {
    float: left !important;
    border: 1px solid rgba(12, 12, 13, 0.9);
}
.ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:not(:first-of-type) .ScreenShots-image {
    max-height: 110px !important;
    width: auto !important;
    max-width: 110px !important;
    margin: 0 !important;
}
.ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:first-of-type .ScreenShots-image {
    max-height: 335px !important;
    width: auto !important;
    max-width: 320px !important;
    margin: 0  !important;
}
.ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:not(:only-of-type):first-of-type .ScreenShots-image {
    height: 330px !important;
    width: auto !important;
    max-width: 574px !important;
    text-align: center !important;
}
/* (new124) SCREENSHOT - OPEN */
.pswp--open {
    z-index: 5000000 !important;
}

/* ONLY ONE */
.ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:only-of-type {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
}
.ScreenShots-list > .pswp-thumbnails .pswp-thumbnail:only-of-type .ScreenShots-image {
    display: inline-block !important;
    height: 320px !important;
    width: auto !important;
    max-width: 504px !important;
    text-align: center !important;
}


/* (new125) PERMISSION CARD - ALL */
.PermissionsCard-subhead--required ,
.PermissionsCard-subhead--optional{
    margin-top: -5px;
}
.PermissionsCard-subhead--optional{
    margin-top: -5px;
}
/* new127) */
.PermissionsCard-list--required {
    width: 99.2% !important;
    min-height: 100px;
    max-height: 190px;
    border-radius: 9px;
    float: left;
    margin-top: 0px !important;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 2px;
    padding: 3px !important;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto !important;
border: 1px solid rgba(12, 12, 13, 0.9);
}
.PermissionsCard-list--optional {
    width: 99.2% !important;
    max-height: 70px;
    border-radius: 9px;
    float: left;
    margin-top: 0px !important;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 2px;
    padding: 3px !important;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto !important;
border: 1px solid rgba(12, 12, 13, 0.9);
}
.PermissionsCard-list--optional li ,
.PermissionsCard-list--required li {
    margin-top: -3px !important;
}

.PermissionsCard-list--optional li .Icon, 
.PermissionsCard-list--required li .Icon {
    background-position: 50% center !important;
    background-size: 70%;
    filter: invert(0.5);
}



/* A - ADDON INFOS with 7 ZONES (DEV COMMENTS) -
SCREENSHOTS + DESC + DEV COMMENTS + RECOMM + PERMISS + NOTES VERSION
https://addons.mozilla.org/fr/firefox/addon/reddit-on-youtube/?src=recommended
=== */
/* .Card.ShowMoreCard.AddonDescription + .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer , */
.Addon-main-content .Card.ShowMoreCard:nth-last-child(3) {
    float: left;
    height: 390px !important;
}
.Addon-main-content .Card.ShowMoreCard:nth-last-child(3) .Card-contents {
    display: inline-block;
    max-height: 350px !important;
    min-height: 350px !important;
}

/* OK = https://addons.mozilla.org/en-US/firefox/addon/link-gopher/?src=search */
/* FOR DEV COMMENTS + SCEESHPT = https://addons.mozilla.org/fr/firefox/addon/autofill-quantum/ */

/* (new121) */
.Addon-main-content .Card.Addon-screenshots + .Card.ShowMoreCard.AddonDescription + .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer {
    float: left !important;
    width: 37% !important;
    margin-right: 5px  !important;
    margin-top: 5px  !important;
    margin-bottom: 0 !important;
}
.Addon-details .Addon-main-content .Card.Addon-screenshots + .Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer  {
    float: right !important;
    width: 37% !important;
    margin-right: 5px  !important;
    margin-top: 5px  !important;
}

.Card.ShowMoreCard.Addon-developer-comments.ShowMoreCard--expanded.Card--no-footer  .Card-contents .ShowMoreCard-contents .Addon-developer-comments-contents {
    height: 108px ;
    overflow: hidden ;
    overflow-y: auto ;
}
/* B - ADDON INFOS with 7 ZONES (DEV COMMENTS) - 
SCREENSHOTS + DESC + DEV COMMENTS + RECOMM + PERMISS
https://addons.mozilla.org/en-US/firefox/addon/downthemall/
=== */
.Card.ShowMoreCard.PermissionsCard ,
.Card.ContributeCard.Card--no-footer + .Card.ShowMoreCard.PermissionsCard {
    width: 30.8% !important;
    max-height: 258px;
    min-height: 258px;
    border-radius: 9px;
    float: left;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 2px;
    padding: 3px !important;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: hidden !important;
border: 1px solid rgba(12, 12, 13, 0.9);
}
.Card.ShowMoreCard.PermissionsCard ul.PermissionsCard-list ,
.Card.ContributeCard.Card--no-footer + .Card.ShowMoreCard.PermissionsCard ul.PermissionsCard-list {
    max-height: 180px !important;
    min-height: 180px !important;
    margin-top: 0 !important;
    padding: 5px 0 15px 5px !important;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}

/* TEST ADDON INFOS with LESS ZONES - ==== */
/* 3 ZONES:
- SCRESHOTS + DESCRP + (RECOMMEN) == NORMAL 
https://addons.mozilla.org/en-US/firefox/addon/re-style/?src=collection
=== */
/* .Addon-screenshots + .AddonDescription + .AddonRecommendations */
/* .Addon-details .Addon-main-content section:nth-child( -n+ 3):not(.AddonDescription):not(.Addon-screenshots) */


/* 2 ZONES
- DESC + (RECOMMENDTAION)
https://addons.mozilla.org/en-US/firefox/addon/utm-tracking-token-stripper/?src=collection
https://addons.mozilla.org/en-US/firefox/addon/tumblr-post/?src=collection
=== */

/* 2 ZONES 
- SCREEN + (RECOMEND) 
https://addons.mozilla.org/en-US/firefox/addon/firefox-color-prod/?src=recommended
===*/
.Addon-main-content section:nth-child( -n+ 1):not(.AddonDescription) + section.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer {
    min-width: 100% !important;
/* border: 1px dashed blue !important; */
}

/* 1 ZONE 
- (RECOMEND)
https://addons.mozilla.org/en-US/firefox/addon/back-to-top-for-firefox-we/?src=collection
=== */
.Addon-main-content>  section:only-of-type.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer{
    height: 100% !important;
/* border: 1px dashed yellow !important; */
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Addon-main-content>  section:only-of-type.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents {
    height: 100% !important;
    max-height: 517px !important;
}
.Addon-main-content>  section:only-of-type.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list .SearchResult {
    border-radius: 9px;
    float: left !important;
    grid-column: unset;
    min-height: 210px !important;
    max-height: 210px !important;
    margin: 15px 8px 20px 2px !important;
    width: 100%;
    max-width: 49% !important;
    min-width: 49% !important;
    padding: 5px;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}


/* (new102) OTHER ADDONS USED */
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer{
    margin-top: 0;
    width: 62.5% !important;
    float: left !important;
    height: 163px !important;
    margin-bottom: 0 !important;
    padding: 3px !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents {
    height: 124px !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-icon-wrapper {
    height: 95px !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list {
    display: unset !important;
    grid-auto-flow: unset !important;
    grid-template-columns: unset !important;
}

.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list .SearchResult:hover ,
.AddonRecommendations.AddonsCard--horizontal ul.AddonsCard-list .SearchResult:hover ,
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list .SearchResult ,
.AddonRecommendations.AddonsCard--horizontal ul.AddonsCard-list .SearchResult {
    grid-column: unset !important;
    float: left !important;
    height: 107px !important;
    width: 100% !important;
    min-width: 24% !important;
    max-width: 24% !important;
    margin: 0px 2px 2px 2px !important;
    padding: 5px 5px !important;
    border-radius: 9px !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-result {
    display: grid;
    grid-column-gap: 8px !important;
    grid-template-columns: 27px auto !important;
}
.AddonRecommendations.AddonsCard--horizontal ul.AddonsCard-list .SearchResult:hover .SearchResult-users {
    display: inline-block !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents {
    grid-area: unset !important;
    display: inline-block !important;
    height: 100% !important;
    max-height: 98px !important;
    min-height: 98px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 2px 0 0px !important;
    padding: 2px 2px !important;
    border-radius: 0 9px 9px 0 !important;
background-color: #191f2d !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-name {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100%;
    min-height: 40px !important;
    max-height: 40px !important;
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-metadata{
    height: auto;
    min-height: 40px !important;
    line-height: 5px !important;
    margin-top: 0px !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-metadata .SearchResult-rating {
    width: 100% !important;
    height: 20px !important;
    line-height: 20px !important;
}
.Rating.Rating--small ,
.Page.Page-not-homepage .Search .SearchResult-wrapper .SearchResult-result .SearchResult-contents .SearchResult-metadata .SearchResult-rating .Rating.Rating--small ,
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-contents .SearchResult-metadata .SearchResult-rating .Rating.Rating--small {
    grid-column-gap: 11px !important;
}
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-users.SearchResult--meta-section {
    height: 10px !important;
    min-height: 10px !important;
    line-height: 10px !important;
    margin-top: -15px !important;
}

/* ALL  */
.Card.AddAddonToCollection.Card--no-footer ,
.Card.AddonMoreInfo.Card--no-footer {
    float: left !important;
    height: 339px !important;
}

/* (new99) RATIGN */
.Card.Addon-overall-rating {
    width: 0% !important;
    height: 0 !important;
    margin-bottom: 0px !important;
outline: 1px solid blue;
}
.Card.Addon-overall-rating .Card-contents {
    padding: 0px !important;
}
.Addon.Addon-extension .Addon-details .RatingManager > form .RatingManager-ratingControl {
    position: relative;
    display: inline-block !important;
    width: 100%;
    height: 21px !important;
    top: -21px !important;
    z-index: -1 !important;
}
.Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl {
    position: relative;
    display: inline-block !important;
    width: 100%;
    top: 5px !important;
    z-index: 10 !important;
}
/* LOG to RATE EXTENSION */
.Addon.Addon-extension .Addon-details .RatingManager > form .RatingManager-ratingControl  .Button.Button--action.RatingManager-log-in-to-rate-button.Button--micro {
    width: 368px !important;
    left: 180px !important;
    top: -19px !important;
}
.Addon.Addon-extension .Addon-details .RatingManager > form:hover .RatingManager-ratingControl  .Button.Button--action.RatingManager-log-in-to-rate-button.Button--micro {
    top: -44px !important;
    transition: background ease 1s !important;
background: gold !important;
}
.Addon.Addon-extension .Addon-details .RatingManager > form .RatingManager-ratingControl  .Button.Button--action.RatingManager-log-in-to-rate-button.Button--micro + .Rating.Rating--large {
    visibility: hidden !important;
}
.RatingManager .RatingManager-ratingControl .Rating.Rating--large.RatingManager-UserRating.Rating--editable {
    grid-column-gap: 3px !important;
    min-height: 17px !important;
    width: 100%;
    margin: 0 !important;
}
.RatingManager .RatingManager-ratingControl .Rating.Rating--large.RatingManager-UserRating.Rating--editable button {
    position: relative !important;
    display: inline-block !important;
    width: 25px !important;
    height: 20px !important;
    line-height: 30px !important;
    margin-left: 8px !important;
    margin-right: -10px !important;
}
.RatingManager .RatingManager-ratingControl .Rating.Rating--large.RatingManager-UserRating.Rating--editable button .Icon.Icon-inline-content.IconStar svg.IconStar-svg {
    height: 20px;
    width: 20px;
}

/* ADD TO COLLECTION */
.Card.AddAddonToCollection.Card--no-footer {
    width: 36.89% !important;
    min-height: 258px !important;
    max-height: 258px !important;
    overflow: hidden !important;
    overflow-wrap: break-word;
    overflow-y: auto !important;
    margin-right: 0px;
    padding: 3px !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.AddAddonToCollection.Card--no-footer  .Card-contents {
    display: flex !important;
    flex-flow: row-reverse wrap-reverse;
    justify-content: space-around;
    height: auto !important;
    margin-bottom: 3px !important;
    margin-top: 0;
    padding: 5px 20px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    font-size: 14px;
    text-align: left;
}
.Notice.Notice-success.AddAddonToCollection-added {
    display: inline-block  !important;
    min-width: 48% !important;
    max-width: 48% !important;
    height: 35px !important;
    line-height: 23px !important;
    margin: 0px !important;
    color: #d8d9db;
background-color: #305F26;
}
.Notice.Notice-success.AddAddonToCollection-added  .Notice-icon {
    float: left !important;
    height: 16px;
    width: 16px;
    margin: 0px;
    background-position: center center;
    background-repeat: no-repeat;
}
.Notice.Notice-success.AddAddonToCollection-added   .Notice-column {
    float: right !important;
    height: 27px !important;
    margin-top: -4px !important;
    width: 92% !important;
}
.Notice.Notice-success.AddAddonToCollection-added   .Notice-column .Notice-content {
    height: 30px !important;
}
.Notice.Notice-success.AddAddonToCollection-added   .Notice-column .Notice-content p.Notice-text {
    display: inline-block;
    line-height: 15px !important;
    margin: 0;
}
.Select.AddAddonToCollection-select {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    height: 35px !important;
    top: 0 !important;
}
/* PERMISSIONS - === */
.Card.PermissionsCard.Card--no-footer{
    float: left !important;
    width: 30.80% !important;
    min-height: 258px !important;
    max-height: 258px !important;
    margin-bottom: 0px !important;
    margin-left: 4px !important;
    margin-right: 2px !important;
    padding: 3px !important;
    overflow: hidden !important;
    overflow-wrap: break-word;
    overflow-y: auto !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.PermissionsCard-list li {
    margin-top: 6px !important;
}

/* RELEASE NOTES - === */
.Card.ShowMoreCard.AddonDescription-version-notes{
    float: left !important;
    width: 31.6% !important;
    min-height: 260px !important;
    max-height: 260px !important;
    margin-bottom: 0px !important;
    margin-left: 2px !important;
    margin-right: 0px !important;
    padding: 3px !important;
    overflow: hidden !important;
    overflow-wrap: break-word;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.ShowMoreCard.AddonDescription-version-notes .Card-contents ,
.Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded.Card--no-footer{
    float: left !important;
    width: 31.6% !important;
    min-height: 278px !important;
    max-height: 278px !important;
    margin-bottom: 0px !important;
    margin-left: 2px !important;
    margin-right: 0px !important;
    padding: 3px !important;
    overflow: hidden !important;
    overflow-wrap: break-word;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.ShowMoreCard.AddonDescription-version-notes .Card-header {
    max-width: 100% !important;
}
.Card.ShowMoreCard.AddonDescription-version-notes .Card-contents {
    min-width: 100% !important;
    min-height: 220px !important;
    max-height: 220px !important;
    margin-left: 0px !important;
    padding: 2px !important;
    border-radius: 0 0 9px 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.ShowMoreCard.AddonDescription-version-notes .ShowMoreCard-contents {
    max-height: 210px !important;
    padding: 5px 5px 25px 5px!important;
    overflow: hidden !important;
    overflow-wrap: break-word;
    overflow-y: auto !important;
}
/* for: https://addons.mozilla.org/en-US/firefox/addon/secure-password-generator/?src=recommended */
.Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded.Card--no-footer {
    float: left !important;
    width: 31.6% !important;
    min-height: 258px !important;
    max-height: 258px !important;
    margin-bottom: 0px !important;
    margin-left: 2px !important;
    margin-right: 0px !important;
    padding: 3px !important;
    overflow: hidden !important;
    overflow-wrap: break-word;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded  header ,
.Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded .Card-contents {
    min-width: 100% !important;
    max-width: 100% !important;   
}
.Card.ShowMoreCard.AddonDescription-version-notes.ShowMoreCard--expanded .Card-contents {
    max-height: 217px !important;
    min-height: 217px !important;
}
.ShowMoreCard-contents::after {
   display: none !important;
}
.Card.ShowMoreCard.AddonDescription-version-notes .ShowMoreCard-contents > div > br + br {
    display: block !important;
    margin-bottom: -2px !important;
}

/* MORE INFOS - PANEL RIGHT */
.Addon-details .Card.AddonMoreInfo.Card--no-footer {
    position: absolute !important;
    display: inline-block;
    float: none !important;
    height: 385px !important;
    width: 19.4% ;
    top: 528px !important;
    left: 0.8% !important;
    margin-bottom: 0 !important;
    padding: 3px !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
/* (new101) LAST UPDATE DATE */
.Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl {
    display: inline-block;
    float: none !important;
    height: 332px !important;
    margin-top: -5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    overflow-wrap: break-word;
    overflow: hidden !important;
    overflow-y: auto !important;
}
.Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl dd {
    margin: 0 0 6px !important;
}

/* ADDON DATE UPDATE - === */
.Definition-dd.AddonMoreInfo-last-updated {
    position: absolute !important;
    display: inline-block !important;
    width: 75% !important;
    top: -375px !important;
    left: 19% !important;
    padding-left: 15px !important;
    color: gold !important;
    text-align: left !important;
    border-radius: 3px ;
    border: 1px solid rgba(12, 12, 13, 0.9);
background: #A33434 !important;
}
.Definition-dd.AddonMoreInfo-last-updated:before {
content: "Update: " ;
    position: absolute !important;
    display: inline-block !important;
    left: -18% !important;
    color: tan !important;
    width: 100% !important;
    text-align: left;
}
.Definition-dd.AddonMoreInfo-version + .Definition-dt {
    color: transparent !important;
}
.DefinitionList.AddonMoreInfo-dl .Definition-dd.AddonMoreInfo-filesize+  .Definition-dt {
    display: none !important;
}
/* MORE ADONS by THIS AUTHOR */
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    height: 28px !important;
    line-height: 11px !important;
    width: 19.4% !important;
    min-width: 0 !important;
    top: 494px !important;
    left: 0.8% !important;
    margin-top: 0;
    margin-bottom: 0 !important;
    padding: 3px !important;
    border-radius: 9px !important;
    overflow: hidden !important;
border: 1px solid yellow ;
}
/* (new122) */
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer:hover {
    height: auto !important;
    width: auto !important;
    width: 98% !important;
    z-index: 50000 !important;
background: black !important;
}

.Card.CardList.AddonsCard.AddonRecommendations .Card-contents .AddonsCard-list .SearchResult {
    float: left !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-radius: 9px !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}

.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list {
    display: inline-block !important;
    min-width: 100% !important;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult {
    float: left !important;
    clear: none !important;
    min-width: 16% !important;
    max-width: 16% !important;
    height: 100%;
    max-height: 87px !important;
    min-height: 87px !important;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper {
    display: inline-block !important;
    height: 98px;
    width: 100%;
    margin-top: -3px;
    padding: 0px !important;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper .SearchResult-result {
    display: inline-block !important;
    height: 98px;
    padding: 0px!important;
border-radius: 5px !important;
border: 1px solid red !important;
background-color: transparent !important;
}
.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 {
    display: inline-block;
    height: 96px !important;
    width: 32px;
    text-align: center;
}
.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 {
float: right !important;
    max-height: 96px !important;
    min-height: 96px !important;
    width: 89%  !important;
    margin: 0px !important;
    padding: 5px 10px !important;
}
.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 {
    margin-top: -24px !important;
}
.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 {
    float: right !important;
    width: 86.5%  !important;
    margin-top: -24px !important;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-link {
    max-height: 130px !important;
    min-height: 130px !important;
}
.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{
    height: 60px !important;
}
.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 {
    display: inline-block !important;
    height: 15px !important;
    margin-left: 0;
    margin-top: 0px !important;
    word-wrap: break-word !important;
    white-space: nowrap !important;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme {
    max-height: 130px !important;
    min-height: 130px !important;
}
.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 {
    min-width: 14.3% !important;
    max-width: 14.3% !important;
}
.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 {
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 55px !important;
    min-height: 55px !important;
    margin-left: -3px !important;
}
.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 {
    -moz-box-flex: unset !important;
    flex-grow: unset !important;
    text-overflow: unset !important;
    white-space: unset !important;
    overflow: unset !important;
    overflow-wrap: break-word;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}
.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 {
    grid-area: unset !important;
    margin-left: 0;
    margin-top: 13px;
}
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-metadata, 
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-metadata .SearchResult-author, 
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-summary {
    display: inline-block !important;
    margin-top: 10px !important;
}
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-metadata .SearchResult-author {
    line-height: 12px !important;
    margin-top: 0px !important;
}
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-icon-wrapper {
    grid-area: unset !important;
    -moz-box-ordinal-group: unset !important;
    order: unset !important;
    display: inline-block !important;
    width: 32px !important;
    height: 74px !important; 
    text-align: center !important;
background: black !important;
}

/* MORE THEMES by THIS AUTHOR - === */
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme {
border: 1px solid yellow ;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme header.Card-header {
    height: 28px !important;
    line-height: 10px !important;
    margin-top: -6px !important;
    padding: 0px 5px !important;
    font-size: 10px !important;
    overflow: hidden;
    overflow-wrap: break-word;
    text-align: left;
}
.Card.CardList.AddonsCard.AddonsByAuthorsCard.Addon-MoreAddonsCard.AddonsCard--horizontal.Card--photon.Card--no-footer.AddonsByAuthorsCard--theme  .Card-contents ul.AddonsCard-list li.SearchResult  .SearchResult-wrapper {
    display: inline-block !important;
    min-height: 130px !important;
    width: 100%;
    margin-top: -3px;
    padding: 0px !important;
}
.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 {
    display: inline-block !important;
    min-height: 132px !important;
    width: 100%;
    padding: 0px !important;
}
.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 {
    max-width: 15.55% !important;
    min-width: 15.55% !important;
    margin: 0 !important;
}
.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 {
    display: inline-block;
    float: none !important;
    width: 100% !important;
    max-height: 130px !important;
    min-height: 130px !important;
    margin-top: 0px !important;
    padding: 5px 10px;
}
.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 {
    height: 26px !important;
    line-height: 0.9;
    margin-top: 50px !important;
}
.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 {
    max-height: 30px !important;
    min-height: 30px !important;
}
/* NO SCREENSHOTS / DESCRIPTION ONLY "Others users... " _ === */
.Addon-details .Addon-main-content .Card:only-of-type {
    display: inline-block;
    float: none !important;
    height: 349px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-top: 0;
border: 1px solid aqua !important;
}
/* (new125) MESSAGES - ERROR / ICOMPATIBILITY - 
With experimental : https://addons.mozilla.org/en-US/firefox/addon/first-party-isolation/?src=recommended
INCOMPATIBLITY + NO survey
https://addons.mozilla.org/fr/firefox/addon/open-with/
=== */
.Notice.Notice-warning.InstallWarning ,
.Addon-header-info-card .Addon-non-public-notice, 
.Addon-header-info-card .AddonCompatibilityError {
    position: absolute;
    height: 20px !important;
    line-height: 0px;
    top: 60px !important;
    left: 21px !important;
    margin-bottom: 0 !important;
    padding:  0 0 0 150px !important;
}
.Notice-dismisser-button, .Notice-icon {
    margin: 3px 7px 7px;
}
.Addon-header-info-card .Notice.Notice-error .Notice-column {
    height: 20px !important;
    line-height: 20px !important;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .Card-contents .AddonCompatibilityError +  .Addon-header .AddonTitle {
    margin-top: -10px !important;
}
/* (new121) Not MOZ SURVEY / Not Plateform */
.WrongPlatformWarning.Addon-WrongPlatformWarning ,
.Addon-header-info-card .Notice.Notice-warning.InstallWarning {
    position: absolute;
    width: 30px !important;
    height: 32px !important;
    top: 60px !important;
    left: 0.65% !important;
    margin-bottom: 0 !important;
    padding-left: 0px !important;
    overflow: hidden !important;
}
.WrongPlatformWarning.Addon-WrongPlatformWarning {
    height: 20px !important;
    line-height: 22px !important;
}
.Notice-warningInfo .Notice-icon {
        margin-top: -1px ;
}
.WrongPlatformWarning.Addon-WrongPlatformWarning:not(:hover) .Notice-warningInfo {
...

Reviews

No reviews yet.