Mozilla Addon wide, compact and reorganized
/* ==UserStyle==
@name Mozilla Addon Widescreen NEW design (USw)v.145
@namespace https://addons.mozilla.org
@version 145.00.0
@author decembre
@description Mozilla Addon wide, compact and reorganized
@license unlicense
==/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.145 (USw) (new145) - OK DEV HERE in QUANTUM ==== */
/* ===================================================
To INSTALL from Userstles.org with Stylus addon.
Use this Userscript:
https://greasyfork.org/fr/scripts/443153-uso-add-usoa-button-on-userstyle-page
====================================================== */
/* ===================================================
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
====================================================== */
/* (new52) TEST - SMALL AND DARK AND GRAY SCROLLBAR - WEB KIT SCROLL BAR */
*:not(select) {
scrollbar-color: rgba(41, 42, 43, .6) rgba(168, 169, 170, .6)!important;
scrollbar-width: thin !important;
}
/* Chrome and derivatives*/
::-webkit-scrollbar {
max-width: 2px !important;
max-height: 2px !important;
background: rgba(183, 183, 183, .6) !important;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
background: #4a4a4a !important;
}
::-webkit-scrollbar-thumb {
background: #a4a4a4 !important;
border-radius: 0px !important;
}
::-webkit-scrollbar-corner:hover,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track-piece:hover {
background: #dadae3 !important;
}
::-webkit-scrollbar-thumb:hover {
background: #737373!important;
}
/* (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;
}
/* (new147) GM Super_loader - SUPP */
.sp-separator + #react-view .Footer {
display: none !important;
}
/* (new137) 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; */
height: 32px !important;
line-height: 32px !important;
top: -4px !important;
margin: 0px 20px 0 6px !important;
padding-left: 100px;
border-radius: 5px !important;
text-shadow: none !important;
color: white !important;
/* 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 0px 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: -8px 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;
}
/* (new131) */
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-shelf-header footer{
display: inline-block !important;
width: 30% !important;
height: 25px !important;
margin-top: 0px !important;
padding: 0px !important;
border-radius: 5px !important;
border:1px solid red !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%;
}
/* (new144) COLL - PROMOTED BADGE */
.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-name .PromotedBadge {
position: absolute;
height: 3vh !important;
line-height: 3vh !important;
width: 24px !important;
top: 4vh !important;
left: 5px !important;
margin: 0 !important;
padding: 0px !important;
border-radius: 9px !important;
font-size: 0 !important;
overflow: hidden !important;
transform: scale(0.6) !important;
background: gold !important;
color: red !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-name .PromotedBadge .IconPromotedBadge-small {
position: absolute;
height: 2vh !important;
width: 25px !important;
margin: 12px 0 0 2px !important;
transform: scale(1) !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-name .PromotedBadge .IconPromotedBadge-small .IconPromotedBadge-svg {
height: 3vh !important;
width: 20px !important;
margin: 2px 0 0 2px !important;
transform: scale(1.5) !important;
}
/* 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;
}
/* (new134) RATING STARS - ALL */
.Rating-star ,
.Rating--small .Rating-star {
min-width: 13px !important;
max-width: 13px !important;
margin-right: -2px !important;
}
/* FOR FIREFOX QUANTUM ??? (TOO NARROW) -
https://addons.mozilla.org/fr/firefox/addon/auto-tab-discard/
=== */
.AddonMeta .MetadataCard.AddonMeta-overallRating .MetadataCard-list:last-of-type .AddonMeta-rating-content .Rating.Rating--small ,
.AddonMeta-rating-content .Rating.Rating--small {
grid-column-gap: 12px !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;
}
/* (new145) COLL - EDIT */
.Page-not-homepage .Collection a.CollectionDetails-edit-details-button.Button--puffy {
padding: 0 2px;
background: rgba(12, 12, 13, 0.9) !important;
}
.Page-not-homepage .Collection .Collection-delete-button .Button--cancel {
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;
}
/* (new134) 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;
overflow: hidden !important;
transition: all ease 0.7s !important;
background: #1f2536 !important;
border: 1px solid red !important;
}
.MetadataCard-list {
flex: 1 1 0;
hyphens: auto;
margin: 1.5vh 0 0 0px !important;
text-align: left;
}
/* 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 ;
}
/* (new141) */
.UserReview-byLine > span ,
.Addon.Addon-extension .Addon-details .UserReview-byLine > span {
font-size: 10px !important;
}
/* (new141) */
.UserReview-byLine > span a {
display: inline-block !important;
margin: 0px 0 0 0 !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;
}
/* (new145) THEME - ICON SCREEN SHOT - CENTER - === */
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .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;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer .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;
}
.Card.Addon-header-info-card.Card--photon.Card--no-header.Card--no-footer.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: 126px;
height: auto !important;
line-height: 12px;
left: -2px;
top: -8.5vh;
padding: 2px 2px 4vh 2px !important;
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;
}
/* (new134) SUPPORT DEV */
.Card.ContributeCard.Card--no-footer {
position: absolute !important;
display: inline-block !important;
float: none !important;
min-width: 200px !important;
max-width: 200px !important;
height: 18px !important;
top: 10.2vh !important;
left: 38.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;
outline: none !important;
border: 1px solid green !important;
background: #111 !important;
}
.Card.ContributeCard.Card--no-footer:hover {
height: auto !important;
max-width: 19.6% !important;
padding: 2px !important;
z-index: 5000000 !important;
background: red !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;
}
/* (new144REPORT 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;
}
.Card.Addon-overall-rating .ReportAbuseButton a {
color: white !important;
}
/* (new140) 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 0px 9px 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: 20px 0px -20px 0 !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;
}
/* (new145) 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: 565px !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;
}
/* (new134) 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: 170px !important;
left: 83px !important;
top: 1.6vh !important;
padding: 2px !important;
opacity: 0 !important;
pointer-events: none !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: all ease 1s !important;
opacity: 1 !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;
}
/* (new134) 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: 40px !important;
line-height: 23px !important;
margin: 0 0px 5px 0px !important;
color: #d8d9db;
background-color: #305F26;
}
.Notice.Notice-success.AddAddonToCollection-added .Notice-icon {
float: left !important;
height: 29px;
width: 16px;
margin: 0px;
background-position: center center;
background-repeat: no-repeat;
border-right: 1px solid red !important;
}
.Notice.Notice-success.AddAddonToCollection-added .Notice-column {
float: right !important;
height: 32px !important;
margin: 0px !important;
width: 92% !important;
}
.Notice.Notice-success.AddAddonToCollection-added .Notice-column .Notice-content {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.Notice.Notice-success.AddAddonToCollection-added .Notice-column .Notice-content p.Notice-text {
display: inline-block !important;
width: 100% !important;
min-width: 99% !important;
max-width: 99% !important;
line-height: 15px !important;
margin: 0;
overflow-wrap: unset !important;
white-space: pre-wrap !important;
word-break: keep-all !important;
word-wrap: normal !important;
}
.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;
}
/* (new145) */
.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: 10vh !important;
padding: 0px!important;
border-radius: 5px !important;
background-color: transparent !important;
border: 1px solid red !important;
}
/* (new145) */
.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: 9.5vh !important;
width: 32px;
text-align: center;
}
/* (new145) */
.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: 9.8vh !important;
min-height: 9.8vh !important;
width: 88% !important;
margin: 0px !important;
padding: 5px 10px !important;
/*border: 1px solid aqua !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 {
float: left !important;
margin-top: -1vh !important;
/*border: 1px solid aqua !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-author.SearchResult--meta-section {
display: block !important;
float: right !important;
height: 1.7vh !important;
width: 50% !important;
margin-top: 0vh !important;
/*border: 1px solid yellowgreen !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 {
display: block !important;
float: right !important;
height: 1.7vh !important;
width: 84.8% !important;
margin-top: -2vh !important;
/*border: 1px solid green !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;
}
/* (new132) */
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-summary {
display: inline-block !important;
min-width: 250px !important;
max-width: 250px !important;
max-height: 57px !important;
min-height: 57px !important;
margin: -7px 0 -15px 0 !important;
/* border: 1px solid red !important; */
}
/* (new137) LOADING TEXT */
.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-summary .LoadingText--width-80 {
width: 50% !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;
}
/* (new145) 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 {
height: 20px !important;
line-height: 22px !important;
}
.WrongPlatformWarning.Addon-WrongPlatformWarning:hover ,
.Addon-header-info-card .Notice.Notice-warning.InstallWarning:hover {
width: 19.5% !important;
height: auto !important;
}
/* (new139) ADDON BADGE - CONTAINER */
.Addon.Addon-extension .AddonTitle + .AddonBadges {
position: absolute !important;
display: inline-block ;
grid-area: unset !important;
right: 0% !important ;
top: 6vh !important;
/* border: 1px solid aqua !important; */
}
/* (new141) ADDON BADGE - PROMOTED - ALL */
.PromotedBadge-large .PromotedBadge-link {
background: gold;
}
.SearchResult-name .PromotedBadge:hover {
width: auto;
}
/* .SearchResult-name .PromotedBadge:hover a {
font-size: 10px ;
background: gold;
} */
/* (new140) ADDON BADGE - IN INFOS ADDON TOP - PROMOTED */
.AddonsByAuthorsCard .SearchResult-name .PromotedBadge {
position: absolute !important;
display: inline-block !important;
width: 17px !important;
margin-left: -30px !important;
margin-top: 65px !important;
font-size: 0 ;
overflow: hidden ;
z-index: 5000 !important;
}
.AddonsByAuthorsCard .SearchResult-name .PromotedBadge {
margin-left: 0px !important;
}
/* (new140) ADDON BADGE - IN SEARCH RELATED - PROMOTED :
https://addons.mozilla.org/en-US/firefox/extensions/category/search-tools/
==== */
/* SEARCH - BADGE SMALL - ALL */
.SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small {
position: absolute !important;
display: inline-block !important;
vertical-align: middle !important;
width: 37px !important;
height: 4vh !important;
line-height: 2vh !important;
margin: 4vh 0 0 -3px !important;
padding: 0 !important;
font-size: 0 !important;
overflow: visible !important;
z-index: 5000 !important;
border-radius: 100% !important;
background: #222 !important;
border: 1px solid red !important;
}
.SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small a.PromotedBadge-link {
display: inline-block !important;
min-height: 4vh !important;
max-height: 4vh !important;
width: 40px !important;
margin: 0px 0 0 0px !important;
padding: 2px !important;
border-radius: 0 !important;
font-size: 0px !important;
opacity: 1 !important;
border: none !important;
}
.SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small a.PromotedBadge-link .IconPromotedBadge-small.Icon-line {
height: 3.2vh !important;
width: 29px !important;
border-radius: 100% !important;
background-size: 18px auto !important;
border: 1px solid #d7d7db;
}
.SearchResult-wrapper .PromotedBadge.PromotedBadge--line.PromotedBadge-small a.PromotedBadge-link:hover span.PromotedBadge-label {
position: absolute !important;
display: inline-block !important;
width: auto !important;
height: 3vh !important;
line-height: 22px !important;
margin: -2.8vh 0 0 33px !important;
padding: 0 5px !important;
border-radius: 5px !important;
font-size: 20px !important;
white-space: nowrap !important;
transform: scale(1) !important;
z-index: 500000 !important;
color: white !important;
background: green !important;
border: 1px solid red !important;
}
/* RECOMMNDED */
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small {
position: absolute !important;
display: inline-block !important;
vertical-align: middle !important;
width: 37px !important;
height: 4vh !important;
line-height: 2vh !important;
margin: 4vh 0 0 -3px !important;
font-size: 0 !important;
overflow: hidden !important;
z-index: 5000 !important;
border-radius: 100% !important;
background: #222 !important;
/*border: 1px solid aqua !important;*/
}
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small a.PromotedBadge-link {
display: inline-block !important;
min-height: 4vh !important;
max-height: 4vh !important;
width: 40px !important;
margin: 3px 0 0 3px !important;
padding: 2px !important;
border-radius: 0 !important;
font-size: 0px !important;
opacity: 1 !important;
border: none !important;
/*border: 1px solid yellow !important;*/
}
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small a.PromotedBadge-link svg.IconPromotedBadge-svg {
transform: scale(2.1) !important;
}
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .AddonsCard-list .SearchResult .SearchResult-contents .SearchResult-name .PromotedBadge.PromotedBadge--recommended.PromotedBadge-small a.PromotedBadge-link svg.IconPromotedBadge-svg g {
transform: scale(1) !important;
}
/* (new140) ADDON BADGE - IN INFOS ADDON > SEARCH RELATED - PROMOTED :
https://addons.mozilla.org/fr/firefox/addon/photoshow/
==== */
.Card.CardList.AddonsCard.AddonRecommendations.AddonsCard--horizontal.Card--photon.Card--no-footer .SearchResult-name .PromotedBadge {
position: absolute !important;
display: inline-block !important;
width:25px !important;
margin: 5px 0 0 0px !important;
font-size: 0 ;
overflow: hidden ;
z-index: 5000 !important;
}
/* (new139) ADDON BADGE: PAYEMENT - ICON:
https://addons.mozilla.org/fr/firefox/addon/dearrow/
====*/
/* .PromotedBadge , */
.AddonBadges .Badge.Badge-requires-payment {
position: absolute;
top: 0 !important;
left: 0px !important;
margin: 0 0 0 0 !important;
padding: 5px 46px 5px 46px !important;
border-radius: 9px !important;
font-size: 18px !important;
color: red !important;
/* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent; */
background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%) repeat scroll 0 0%, transparent -moz-repeating-linear-gradient(-45deg, #00efc4, #00efbc 7px, #ffed00 7px, #fff500 14px) repeat scroll 0 0 !important;
transform: scale(0.7) !important;
}
/* .AddonBadges span.Icon{
display: inline-block !important;
width: 100%;
height: 26px !important;
width: 26px !important;
} */
.AddonBadges .Badge.Badge-requires-payment span.Icon-requires-payment {
/* background: rgba(0, 0, 0, 0) url("https://addons.mozilla.org/static-frontend/7a228775c8f260541cc1de758c74d6ba.svg") no-repeat scroll 50% center / contain !important; */
content: "";
position: absolute !important;
display: inline-block !important;
flex-shrink: unset !important;
height: 100% !important;
min-height: 46px !important;
max-height: 46px !important;
width: 100% !important;
min-width: 46px !important;
max-width: 46px !important;
left: -160px !important;
top: -1vh !important;
/* font-size: 30px !important; */
background: none !important;
}
.AddonBadges .Badge.Badge-requires-payment span.Icon-requires-payment span{
/* background: rgba(0, 0, 0, 0) url("https://addons.mozilla.org/static-frontend/7a228775c8f260541cc1de758c74d6ba.svg") no-repeat scroll 50% center / contain !important; */
position: absolute !important;
display: inline-block !important;
flex-shrink: unset !important;
vertical-align: bottom !important;
height: 100% !important;
min-height: 46px !important;
max-height: 46px !important;
width: 100% !important;
min-width: 46px !important;
max-width: 46px !important;
/* left: 0 !important; */
margin: 0 0 0 25px !important;
font-size: 0 !important;
clip: unset !important;
overflow-wrap: unset !important;
overflow: visible !important;
z-index: 500000 !important;
background: none !important;
}
.AddonBadges .Badge.Badge-requires-payment span.Icon-requires-payment span:after {
/* background: rgba(0, 0, 0, 0) url("https://addons.mozilla.org/static-frontend/7a228775c8f260541cc1de758c74d6ba.svg") no-repeat scroll 50% center / contain !important; */
content: "$" !important;
position: absolute !important;
display: inline-block !important;
/* vertical-align: middle !important; */
flex-shrink: unset !important;
height: 100% !important;
min-height: 46px !important;
max-height: 46px !important;
line-height: 46px !important;
width: 100% !important;
min-width: 46px !important;
max-width: 46px !important;
font-size: 30px !important;
text-align: center !important;
border-radius: 8px 3px 3px 8px !important;
clip: unset !important;
overflow-wrap: unset !important;
overflow: visible !important;
color: gold !important;
background: green !important;
}
/* (new138) ADDON BADGE - EXPERIMENTAL / RECOMMANDED :
With VERSION incompatility :
https://addons.mozilla.org/en-US/firefox/addon/first-party-isolation/?src=recommended
Whith QUANTUM icompatibility:
=== */
.PromotedBadge ,
.AddonBadges .RecommendedBadge.RecommendedBadge-large,
.AddonBadges .RecommendedBadge,
.AddonBadges .Badge {
position: absolute;
top: 0 !important;
left: 0px !important;
margin: 0 !important;
padding: 5px !important;
border-radius: 9px !important;
color: red !important;
background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent;
background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%) repeat scroll 0 0%, -moz-repeating-linear-gradient(-45deg, #F0B500, #F0B500 7px, #FFD000 7px, #FFD000 14px) repeat scroll 0 0 transparent;
transform: scale(0.6) !important;
}
.Addon-header-info-card .AddonCompatibilityError + .Addon-header .AddonBadges .Badge.Badge-not-compatible {
position: absolute;
top: 30px !important;
width: 138px !important;
line-height: 15px !important;
text-align: center !important;
}
.Addon-header-info-card .AddonCompatibilityError + .Addon-header .AddonBadges .Badge.Badge-not-compatible .Icon.Icon-not-compatible {
vertical-align: top;
float: left !important;
display: none !important;
}
/* (new145) BADGE ANDROID */
.Addon-header-info-card .AddonBadges .Badge.Badge-android-compatible {
position: absolute;
top: -6.5vh !important;
left: 0 !important;
margin: 0 0 0 -25px !important;
width: 230px !important;
padding: 10px 30px 5px 10px !important;
line-height: 20px !important;
font-size: 20px !important;
text-align: center !important;
color: white !important;
background: #2D2D35 !important;
}
.Addon-header-info-card .AddonBadges .Badge.Badge-android-compatible .Icon-android {
width: 45px !important;
height: 45px !important;
background-size: contain;
background-position: 0px 15px !important;
transform: scale(1) !important;
}
/* (new125) WORK AROUND FOR INSTALL INCOMPATIBLE ADDON :
https://www.reddit.com/r/waterfox/comments/boazxg/mozilla_disabled_addon_fix_for_firefox_52_56/
AND for DISABLED ADDO read:
https://www.ghacks.net/2019/05/14/mozilla-releases-add-on-to-fix-signing-issue-in-older-firefox-versions/
==== */
.Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy{
position: relative !important;
display: inline-block !important;
width: 138px !important;
top: -2px !important;
/* opacity: 0.2 !important; */
/* border: 1px dashed violet !important; */
}
.Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy.AMInstallButton-transition-enter-done{
position: relative !important;
display: inline-block !important;
width: 138px !important;
top: 3px !important;
/* border: 1px solid violet !important; */
}
.Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:hover ,
.Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puff:hover {
opacity: 1 !important;
}
/* (new126) */
.GetFirefoxButton + .InstallButtonWrapper-download .InstallButtonWrapper-download-link:before ,
.AMInstallButton .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:before {
content: "To install it ..." !important;
position: absolute !important;
display: inline-block !important;
grid-area: unset !important;
margin-top: -25px !important;
margin-left: -38px !important;
width: 138px !important;
height: 20px !important;
line-height: 15px !important;
padding: 3px !important;
text-align: center !important;
white-space: pre-wrap !important;
word-wrap: normal !important;
overflow-wrap: normal !important;
overflow: hidden !important;
cursor: move !important;
opacity: 1 !important;
transition: all ease 0.7s !important;
background: gold !important;
color: red !important;
}
.GetFirefoxButton + .InstallButtonWrapper-download .InstallButtonWrapper-download-link:before {
margin-top: -20px !important;
margin-left: 0px !important;
}
.Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:not(.AMInstallButton-transition-enter-done):before {
margin-top: -25px !important;
margin-left: -17px !important;
/* background: red !important; */
}
.GetFirefoxButton + .InstallButtonWrapper-download:hover .InstallButtonWrapper-download-link:before ,
.AMInstallButton:hover .Button.Button--action.AMInstallButton-button.disabled.Button--disabled.Button--puffy:before {
content: "To install it: \A Try to drag it \A into \A the address bar" !important;
position: absolute !important;
display: inline-block !important;
grid-area: unset !important;
margin-top: -68px !important;
width: 138px !important;
height: auto !important;
line-height: 15px !important;
padding: 3px !important;
text-align: center !important;
white-space: pre-wrap !important;
word-wrap: normal !important;
overflow-wrap: normal !important;
cursor: move !important;
opacity: 1 !important;
background: tomato !important;
color: white !important;
}
/* ADDON PAGE / MY COLLECTIONS LIST - === */
.App-content {
-moz-box-flex: 1;
flex-grow: 1;
}
.App-content-wrapper {
margin: 0 auto !important;
max-width: 100% !important;
}
/* with BADGE */
.Addon {
max-height: 838px!important;
padding: 0 10px 10px !important;
overflow: hidden !important;
}
/* no BADGE - GOOD */
.Addon.Addon-extension {
max-height: 838px!important;
/* margin-top: 15px !important; */
margin-top: 0px !important;
padding: 0px 10px 10px !important;
overflow: hidden !important;
}
/* ADDON INFOS PAGES - GOOD - ===*/
.Header.Header-no-hero-promo + .Page-content .Page.Page-not-homepage .Addon.Addon-extension.Addon--has-more-than-0-addons.Addon--has-more-than-3-addons {
margin-top: -22px !important;
}
.Collection .Collection-wrapper .Collection-items .Card-contents{
background: #1f2536 !important;
}
.Collection .Collection-wrapper .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents {
height: 773px !important;
padding-top: 30px !important;
}
/* COLLECTIONS-EDIT */
.Collection .Collection-wrapper .Collection-items .Card.CollectionAddAddon.Card--no-header.Card--no-footer + .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents {
height: 590px !important;
}
.Card.CollectionList-info.Card--no-footer ,
.Collection-wrapper .Collection-detail-wrapper {
grid-column: 1 / auto !important;
}
.Collection-wrapper .Collection-items {
grid-column: unset !important;
max-width: 100% !important;
}
.Collection-wrapper ,
.CollectionList-wrapper {
display: grid !important;
grid-auto-flow: column dense !important;
grid-gap: 0 24px !important;
grid-template-columns: minmax(300px, 15%) 1fr !important;
margin: 0;
}
.CollectionList-wrapper .CollectionList-list.CardList {
margin: 0;
background: transparent !important;
}
.CollectionList .Card-contents {
background: #1f2536 !important;
font-size: 14px;
}
.Collection .Collection-wrapper .Collection-detail-wrapper + .Collection-items .Card.CardList.AddonsCard.Card--photon.Card--no-header .Card-contents ul.AddonsCard-list ,
.CollectionList-listing {
display: grid;
grid-auto-flow: row;
grid-template-columns: 20% 20% 20% 20% 20%;
grid-row-gap: 2px !important;
grid-column-gap: 0px !important;
}
/* for GM "Superloader Plus" */
.Search .SearchResults li.SearchResult.SearchResult--theme,
.Collection-items .AddonsCard-list li.SearchResult + .sp-separator ,
.EditableCollectionAddon.EditableCollectionAddon--extension + .sp-separator ,
.EditableCollectionAddon ,
.UserCollection {
grid-column: auto / auto !important;
height: 100px !important;
margin-left: 2px !important;
margin-bottom: 5px !important;
border-radius: 9px !important;
padding: 0 5px !important;
text-align: center !important;
background-color: #1f2536 !important;
border: 1px solid red !important;
}
.UserCollection-name {
margin-top: -2px !important;
}
/* .SearchResult--theme */
.Collection-items .AddonsCard-list li.SearchResult + .sp-separator ,
.EditableCollectionAddon.EditableCollectionAddon--extension + .sp-separator {
grid-column: unset !important;
display: inline-block !important;
height: 89px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 1px !important;
margin-left: 0px !important;
margin-bottom: 2px !important;
border-radius: 9px !important;
box-shadow: none;
border: 1px solid red !important;
}
.Search .SearchResults li.SearchResult.SearchResult--theme, .Collection-items .AddonsCard-list li.SearchResult + .sp-separator {
height: 142px !important;
margin-top: -7px !important;
}
.Search .SearchResults li.SearchResult.SearchResult--theme, .Collection-items .AddonsCard-list li.SearchResult + .sp-separator a.sp-sp-nextlink ,
.EditableCollectionAddon.EditableCollectionAddon--extension + .sp-separator a.sp-sp-nextlink {
background: #0f1126 !important;
display: inline-block !important;
width: 100% !important;
height: 20px !important;
margin: 0 !important;
margin-bottom: -10px !important;
margin-left: 0px !important;
padding: 0 !important;
text-shadow: none !important;
}
/* PB FOR CHROME ?? - background-color: red !important; */
.CollectionList-wrapper .UserCollection-link {
padding: 1px 5px !important;
border-radius: 0 9px 9px 0 !important;
}
/* ADDON REVIEW - USER NOTE -
https://addons.mozilla.org/en-US/firefox/collections/2061785/XPI-57-Alternative/edit/
https://addons.mozilla.org/en-US/firefox/collections/2061785/XPI-57-A-Tester-Divers/?page=1&collection_sort=-added
https://addons.mozilla.org/en-US/firefox/collections/2061785/XPI-57-A-Tester-Divers/edit/?page=1&collection_sort=-added
=== */
.EditableCollectionAddon-details {
grid-template-columns: 20px minmax(250px, auto) !important;
height: 36px !important;
margin-left: -3px !important;
}
.EditableCollectionAddon-buttons {
grid-template-columns: min-content min-content;
height: 40px !important;
margin-left: -94px !important;
margin-top: 44px !important;
width: 195px !important;
}
li.SearchResult .SearchResult-note {
position: relative !important;
max-width: 25px !important;
height: 20px !important;
top: -147px !important;
margin-left: -15px !important;
margin-bottom: 0 !important;
padding: 0px !important;
overflow: hidden !important;
z-index: 50000 !important;
background: black;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes ,
li.SearchResult .SearchResult-note:hover {
position: relative !important;
display: inline-block !important;
width: 103% !important;
min-width: 103% !important;
max-width: 103% !important;
height: 96px !important;
top: -107px !important;
margin-left: -4px !important;
margin-bottom: 0 !important;
padding: 0 7px 0 10px !important;
z-index: 50000 !important;
color: gold !important;
background: black;
}
li.SearchResult .SearchResult-note:hover {
height: 126px !important;
top: -140px !important;
color: gold !important;
}
li.SearchResult .SearchResult-note .SearchResult-note-header ,
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes h4.EditableCollectionAddon-notes-header {
width: 17px !important;
height: 18px !important;
margin-bottom: 0 !important;
margin-left: 3px !important;
margin-top: 2px !important;
font-size: 0 !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover h4.EditableCollectionAddon-notes-header ,
li.SearchResult .SearchResult-note:hover .SearchResult-note-header {
width: 17px !important;
height: 18px !important;
margin-left: 0px !important;
margin-bottom: -18px !important;
font-size: 0 !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes .EditableCollectionAddon-notes-content ,
.SearchResult-note-content {
display: inline-block;
max-width: 100% !important;
min-width: 100% !important;
height: 62px !important;
padding-left: 10px !important;
text-align: left !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* ADD ICON AT EDIT REVIEW IN COLL - === */
/* .EditableCollectionAddon-notes-content:before , */
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:before {
content: " " !important;
position: absolute !important;
width: 25px !important;
height: 20px !important;
left: -3px !important;
top: -8px !important;
color: red !important;
font-size: 15px !important;
border-radius: 5px !important;
background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'16\' height=\'15\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%230A84FF\' fill-rule=\'nonzero\'%3E%3Cpath d=\'M13.577,2.22044605e-16 L2.423,2.22044605e-16 C1.08549932,0.00165293785 0.00165293785,1.08549932 0,2.423 L0,8.577 C0.00165293785,9.91450068 1.08549932,10.9983471 2.423,11 L8.26,11 L11.226,14.633 C11.4936161,14.9601314 11.9379992,15.0836914 12.3360673,14.9416524 C12.7341355,14.7996134 12.9999216,14.4226503 13,14 L13,11 L13.577,11 C14.9145007,10.9983471 15.9983471,9.91450068 16,8.577 L16,2.423 C15.9983471,1.08549932 14.9145007,0.00165293785 13.577,2.22044605e-16 Z M14,8.577 C14,8.68918658 13.9554341,8.79677828 13.8761062,8.87610617 C13.7967783,8.95543406 13.6891866,9 13.577,9 L12,9 C11.4477153,9 11,9.44771525 11,10 L11,11.194 L9.509,9.367 C9.31888626,9.13449284 9.03433773,8.99974534 8.734,9 L2.423,9 C2.31081342,9 2.20322172,8.95543406 2.12389383,8.87610617 C2.04456594,8.79677828 2,8.68918658 2,8.577 L2,2.423 C2,2.18938355 2.18938355,2 2.423,2 L13.577,2 C13.8106164,2 14,2.18938355 14,2.423 L14,8.577 Z\'/%3E%3Cpath d=\'M11.5,4 L4.5,4 C4.22385763,4 4,4.22385763 4,4.5 C4,4.77614237 4.22385763,5 4.5,5 L11.5,5 C11.7761424,5 12,4.77614237 12,4.5 C12,4.22385763 11.7761424,4 11.5,4 Z M11.5,6 L4.5,6 C4.22385763,6 4,6.22385763 4,6.5 C4,6.77614237 4.22385763,7 4.5,7 L11.5,7 C11.7761424,7 12,6.77614237 12,6.5 C12,6.22385763 11.7761424,6 11.5,6 Z\'/%3E%3C/g%3E%3C/svg%3E") no-repeat scroll 50% center / contain !important;
background-color: gold !important;
visibility: visible !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes {
visibility: hidden !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover {
visibility: visible !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover h4.EditableCollectionAddon-notes-header .Icon.Icon-comments-blue {
display: none !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes {
padding: 0 7px 0 0px !important;
z-index: 50000 !important;
color: gold !important;
background: black !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes .EditableCollectionAddon-notes-content {
display: inline-block;
max-width: 100% !important;
min-width: 100% !important;
height: 62px !important;
padding: 5px 3px 0 17px !important;
text-align: left !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes .DismissibleTextForm-form.EditableCollectionAddon-notes-form ,
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover .DismissibleTextForm-form.EditableCollectionAddon-notes-form {
height: 97px !important;
width: 100% !important;
margin-top: 0px !important;
margin-left: 2px !important;
padding: 3px 3px 0 15px !important;
background: black !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:not(:hover) .DismissibleTextForm-form.EditableCollectionAddon-notes-form ,
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover .DismissibleTextForm-form.EditableCollectionAddon-notes-form {
position: absolute !important;
height: 97px !important;
width: 100% !important;
margin-top: -5px !important;
top: 0 !important;
left: -3px !important;
visibility: visible !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover textarea.DismissibleTextForm-textarea ,
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes textarea.DismissibleTextForm-textarea {
display: inline-block !important;
height: 100% !important;
max-height: 76px !important;
min-height: 76px !important;
resize: none;
width: 100%;
margin-left: 0 !important;
padding: 2px !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes textarea.DismissibleTextForm-textarea {
margin-left: 0 !important;
margin-top: 0px !important;
}
.Collection-wrapper li.EditableCollectionAddon .EditableCollectionAddon-notes:hover textarea.DismissibleTextForm-textarea {
margin-top: -2px !important;
}
.EditableCollectionAddon-notes-form .DismissibleTextForm-buttons {
height: 17px !important;
margin-top: 0px !important;
}
.EditableCollectionAddon-notes-form .DismissibleTextForm-buttons .DismissibleTextForm-delete-submit-buttons .Button ,
.EditableCollectionAddon-notes-form .DismissibleTextForm-buttons .Button.Button--neutral.DismissibleTextForm-dismiss.Button--micro {
font-size: 11px;
height: auto;
min-height: 16px !important;
}
/* REVIEW - USER / PROFILE USER/MY/DEV - REVIEWS PAGE - === */
.UserReview-body>br {
content: " " !important;
float: none !important;
display: block !important;
line-height: 0px !important;
margin-top: 5px !important;
margin-bottom: -3px !important;
}
.EditableCollectionAddon-notes-header {
margin: 0 0 6px;
text-align: left !important;
}
.UserProfile-user-info ,
.AddonReviewList.AddonReviewList--extension .AddonSummaryCard {
min-width: 195px;
width: 10%;
}
.UserProfile .UserProfile-wrapper .Card.UserProfile-user-info .Card-header ,
.AddonReviewList.AddonReviewList--extension .Card.AddonSummaryCard .Card-header {
display: inline-block !important;
padding: 5px !important;
text-align: center !important;
}
.AddonSummaryCard-header,
.AddonSummaryCard-header-icon {
display: inline-block !important;
}
.UserProfile-header {
display: unset !important;
grid-template-columns: unset !important;
}
.UserProfile-header .UserProfile-avatar ,
.AddonSummaryCard-header-icon {
position: relative !important;
display: inline-block !important;
margin-right: 0px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 64px !important;
text-align: center !important;
}
.Icon.Icon-anonymous-user ,
.UserProfile-header .UserProfile-avatar {
height: 190px !important;
}
.AddonSummaryCard-header-icon a {
width: 100% !important;
display: inline-block !important;
}
.AddonSummaryCard-header-icon-image {
display: inline-block !important;
height: 56px !important;
}
/* (new129) */
.UserProfile-tags {
display: inline-block !important;
width: 100% !important;
clear: none;
/* padding-left: 35px !important; */
text-align: center !important;
/* border: 1px solid red !important; */
}
.UserProfile-tags p.UserProfile-developer,
.UserProfile-tags p {
display: inline-block !important;
width: 100% !important;
clear: none;
padding-left: 35px !important;
text-align: center !important;
border-radius: 5px;
background-color: #191f2d !important;
border-color: #191f2d !important;
/* border: 1px solid red !important; */
}
/* (new129) */
.UserProfile-tags .Icon ,
.UserProfile-tags .Icon.Icon-developer {
float: left ;
height: 28px ;
width: 28px ;
margin-top: -15px ;
margin-left: -30px !important;
border-radius: 5px ;
box-shadow: 0 0 2px #cccccc inset ;
background-size: 76% auto ;
background-color: rgba(191, 191, 190, 0.33) ;
background-image: url(https://addons.cdn.mozilla.net/static/img/addon-icons/default-64.png) !important;
}
.AddonSummaryCard-header-text {
display: inline-block !important;
min-width: 100% !important;
clear: none;
text-align: center !important;
}
.UserProfile-name {
font-size: 18px !important;
}
.UserProfile-avatar{
background-color: #1f2536 ;
}
.UserAvatar.UserProfile-avatar .Icon.Icon-anonymous-user {
opacity: 0.7 ;
}
.UserProfile-addons-and-reviews ,
.AddonReviewList-reviews {
min-width: 88% !important;
max-width: 88% !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews > .Card-contents ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing > .Card-contents {
min-height: 195px !important;
padding: 3px 5px 30px 5px !important;
}
/* (new127) */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews > .Card-contents .ShowMoreCard-contents ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing > .Card-contents .ShowMoreCard-contents{
min-height: 72px !important;
max-height: 72px !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #1f2536 !important;
}
/* PAGINATION */
.Card-contents + footer.Card-footer {
width: 100% !important;
margin-top: -85px !important;
padding: 20px !important;
background: #1f2536 !important;
}
.UserProfile-addons-and-reviews .Card-contents + footer.Card-footer {
margin-top: 0px !important;
}
.Search .SearchResults .Card.CardList.AddonsCard.Card--photon .Card-footer {
margin-top: -10px !important;
padding: 0px !important;
width: 100%;
}
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing .Card-footer {
margin-top: 0px !important;
padding: 0px !important;
width: 100%;
}
.Collection .Collection-wrapper .Collection-items .CardList .Card-footer {
margin-top: 0px !important;
padding: 0px !important;
}
.Paginate ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing .Card-footer .Paginate {
position: relative !important;
display: inline-block !important;
width: 90% !important;
top: 0px !important;
padding: 2px !important;
background-color: #191f2d;
}
.UserProfile-addons-and-reviews .AddonsByAuthorsCard--theme .Paginate {
top: 0px !important;
padding: 2px !important;
background-color: #191f2d;
}
.Paginate-page-number {
margin: -8px 0 0 !important;
}
/* (new123) for Chrome */
.UserProfile .UserProfile-wrapper .AddonsByAuthorsCard .Card-contents ul > li ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li ,
.AddonReviewList-reviews .CardList ul > li {
position: relative ;
display: inline-block !important;
width: 19% !important;
height: 130px !important;
margin-right: 7px !important;
padding: 5px !important;
overflow: hidden !important;
border-radius: 5px !important;
z-index: 0 ;
border: 1px solid red !important;
}
/* AUTHOR - THEME */
.UserProfile .UserProfile-addons-and-reviews section.Card.CardList.AddonsCard.AddonsByAuthorsCard.AddonsByAuthorsCard--theme .Card-contents ul.AddonsCard-list {
display: unset !important;
grid-auto-flow: unset !important;
grid-gap: unset !important;
grid-template-columns: unset !important;
}
.UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme {
display: inline-block !important;
width: 24.2% !important;
min-height: 185px !important;
margin-right: 5px !important;
padding: 5px !important;
overflow: hidden !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-result {
grid-column-gap: unset !important;
grid-template-columns: unset !important;
-moz-box-direction: unset !important;
-moz-box-orient: unset !important;
flex-flow: unset !important;
display: inline-block !important;
height: 149px !important;
margin: 0;
padding: 0;
}
.UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-icon-wrapper {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-height: 72px !important;
margin-top: 0 !important;
margin-left: 0 !important;
text-align: center;
background: black !important;
}
.UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-icon-wrapper .SearchResult-icon {
display: inline-block !important;
height: 100%;
min-height: 65px !important;
width: 100%;
margin-top: 5px;
}
.UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-contents {
display: inline-block !important;
width: 100% !important;
height: 100%;
max-height: 20px;
min-height: 20px;
margin: -25px 2px 0 5px !important;
padding: 5px !important;
border-radius: 9px !important;
text-align: center;
z-index: 100;
}
.UserProfile .UserProfile-addons-and-reviews .CardList.AddonsByAuthorsCard .SearchResult.SearchResult--theme .SearchResult-metadata {
display: inline-block;
height: 20px !important;
line-height: 0px !important;
margin-top: -50px !important;
}
/* NOT HOVER */
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li > .AddonReviewCard > .AddonReviewCard-container ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li > .AddonReviewCard > .AddonReviewCard-container ,
.AddonReviewList-reviews .CardList ul > li > .AddonReviewCard > .AddonReviewCard-container {
display: inline-block !important;
width: 100% !important;
height: 118px !important;
overflow: hidden !important;
border-radius: 5px !important;
}
/* HOVER */
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container ,
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container {
display: inline-block !important;
width: 100% !important;
height: 108px !important;
overflow: hidden !important;
border-radius: 5px !important;
}
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body {
height: 74px !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.AddonReviewList.AddonReviewList--extension .Card-contents>ul>li:hover .AddonReviewCard .AddonReviewCard-container .UserReview .AddonReviewCard-allControls ,
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply .AddonReviewCard-allControls .AddonReviewCard-control ,
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .AddonReviewCard-allControls ,
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .AddonReviewCard-allControls .Button--neutral {
height: 13px !important;
line-height: 8px !important;
font-size: 8px !important;
background: #111 !important;
}
/* new241) */
.Card-contents ul > li .AddonReviewCard-allControls .AddonReviewCard-edit.AddonReviewCard-control ,
.Card-contents ul > li .AddonReviewCard-allControls button.AddonReviewCard-control.TooltipMenu-opener {
height: 15px !important;
line-height: 13px !important;
margin-top: -1px !important;
font-size: 10px;
text-decoration: none !important;
}
.Card-contents ul > li:hover .AddonReviewCard-allControls .AddonReviewCard-edit.AddonReviewCard-control {
height: 12px !important;
line-height: 10px !important;
margin: 1px 0 0 5px !important;
font-size: 10px;
text-decoration: none !important;
/* border: 1px solid aqua !important; */
}
.Card-contents ul > li:hover .AddonReviewCard-allControls button.AddonReviewCard-control.TooltipMenu-opener {
height: 15px !important;
line-height: 12px !important;
margin: -4px 0 0 0 !important;
font-size: 10px !important;
}
/* MY REVIEW INDICATOR - === */
.AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard.AddonReviewCard-viewOnly .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete {
position: absolute !important;
display: inline-block !important;
margin-top: -112px !important;
width: 15.3%;
height: 32px !important;
line-height: 32px !important;
margin-right: 0px !important;
font-size: 0px !important;
z-index: 0 !important;
background: rgba(255, 0, 0, 0.2) !important;
}
/* (new141) ADDON REVIEW - DELLETE BUTTON */
.AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard.AddonReviewCard-viewOnly .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete {
width: auto !important;
height: 14px !important;
line-height: 10px !important;
margin: 1px 0 0 50% !important;
padding: 0 5px !important;
font-size: 10px !important;
color: white !important;
/* background: red !important; */
border: 1px solid gold !important;
}
/* HOVER */
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard.AddonReviewCard-viewOnly .Button.Button--neutral.AddonReviewCard-control.AddonReviewCard-delete {
height: 12px !important;
line-height: 11px !important;
margin: -13px 0 0 50% !important;
padding: 0 5px !important;
font-size: 9px !important;
border: 1px solid red !important;
}
/* NOT HOVER */
.UserReview-reply-header .Icon-reply-arrow {
/* background-image: url("/static-frontend/875222b9eff6163619e63fbe65fb3f46.svg")!important; */
background-position: center 0px !important;
height: 15px !important;
width: 13px !important;
/* background-color: black !important; */
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:not(:hover) ,
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:not(:hover) {
display: inline-block !important;
min-width: 17px !important;
max-width: 17px !important;
min-height: 17px !important;
max-height: 17px !important;
padding: 0 2px !important;
border-radius: 9px !important;
overflow: hidden !important;
}
/* (new130) DEV REPLY - HOVER */
.AddonReviewList-reviews .Card-contents ul > li:hover .AddonReviewCard.AddonReviewCard-viewOnly .AddonReviewCard-reply {
min-width: 10px !important;
max-width: 10px !important;
top: 8px !important;
padding: 0 !important;
/* background-color: green !important; */
}
.AddonReviewList-reviews .Card-contents ul > li:hover .AddonReviewCard.AddonReviewCard-isReply .UserReview-byLine {
background: transparent !important;
}
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard .AddonReviewCard-reply .Icon-reply-arrow ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard .AddonReviewCard-reply .Icon-reply-arrow ,
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply .Icon-reply-arrow {
background-position: center -1px !important;
height: 13px !important;
width: 12px !important;
background-color: transparent !important;
}
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard .AddonReviewCard-reply ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard .AddonReviewCard-reply ,
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply {
display: inline-block !important;
min-width: 100% !important;
min-height: 110px !important;
max-height: 110px !important;
overflow: hidden !important;
border-radius: 5px !important;
transform: translate(-302px, -13px) scale(1)!important;
}
.UserProfile-wrapper .UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li > .AddonReviewCard .AddonReviewCard-reply:hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li > .AddonReviewCard .AddonReviewCard-reply:hover ,
.AddonReviewList-reviews .CardList ul > li > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:hover {
transform: translate(-302px, -18px) scale(1)!important;
}
/* (new141) */
.AddonReviewCard:not(.AddonReviewCard-slim) .UserReview-body ,
.FeaturedAddonReview .AddonReviewCard.AddonReviewCard-viewOnly .UserReview-body {
height: auto !important;
line-height: 12px !important;
margin: 5px 0 1px 0 !important;
font-size: 11px !important;
overflow: hidden !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.AddonReviewCard.AddonReviewCard-ratingOnly.AddonReviewCard-viewOnly .UserReview-body {
height: auto !important;
line-height: 12px !important;
margin: 6px 0 1px 0 !important;
font-size: 11px !important;
overflow: hidden !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new122) TOP REVIEW for LONG REVIEW (by DATE)*/
.FeaturedAddonReview .AddonReviewCard.AddonReviewCard-viewOnly .UserReview-body {
line-height: 18px !important;
}
/* (new140) REVIEW USER - TOP BIG */
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container{
float: left !important;
width: 50%;
/* border: 1px dashed yellow !important; */
}
/* (new140) */
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container .UserReview-byLine > span.AddonReviewCard-authorByLine {
position: relative !important;
display: inline-block !important;
max-width: 84% !important;
min-width: 84% !important;
height: 24px !important;
line-height: 17px !important;
top: 0px !important;
left: 135px !important;
font-size: 15px !important;
/*border: 1px solid yellow !important; */
}
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply .AddonReviewCard.AddonReviewCard-isReply.AddonReviewCard-viewOnly .Card.ShowMoreCard.UserReview-body {
height: 170px !important;
line-height: 15px !important;
margin-bottom: -5px !important;
padding: 5px 10px 20px 10px !important;
font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px dashed yellow !important; */
}
/* (new140) REPLY TOP BIG - RATING */
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container .UserReview-byLine .Rating.Rating--small {
position: absolute !important;
min-width: 7% !important;
max-width: 7% !important;
height: 23px !important;
line-height: 23px !important;
vertical-align: middle !important;
padding: 2px 10px !important;
border-radius: 5px !important;
text-align: center !important;
opacity: 0.8 !important;
background-color: #191f2d !important;
/*border: 1px solid green !important; */
}
/* (new122) REVIEW REPLY TOP BIG */
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply:not(:hover){
float: right !important;
min-width: 40% !important;
max-width: 40% !important;
min-height: 210px !important;
max-height: 210px !important;
padding: 3px !important;
font-size: 15px !important;
opacity: 1 !important;
visibility: visible !important;
transform: translate(40px, -5px) scale(1.01) !important;
background: #671515 !important;
}
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply:hover{
float: right !important;
min-width: 48% !important;
max-width: 48% !important;
min-height: 210px !important;
max-height: 210px !important;
margin-top: 10px !important;
margin-bottom: -20px !important;
padding: 3px !important;
font-size: 15px !important;
opacity: 1 !important;
visibility: visible !important;
transform: translate(0px, -15px) scale(1) !important;
border: 1px solid gray !important;
/* background-color: green !important; */
background-color: rgba(10, 132, 255, 0.05) !important;
}
/* (new122) BOTH - TEST INNER */
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-container .UserReview-body .Card-contents .ShowMoreCard-contents ,
.AddonReviewList-reviews > .FeaturedAddonReview .Card.FeaturedAddonReview-card.Card--no-footer header.Card-header + .Card-contents > .AddonReviewCard.AddonReviewCard-viewOnly > .AddonReviewCard-reply .ShowMoreCard-contents {
height: 150px !important;
line-height: 15px !important;
margin-bottom: 1px !important;
padding: 5px 10px 20px 10px !important;
font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid yellow !important; */
}
/* ALL REVIEWS ITEMS - SMALL */
.AddonReviewCard:not(.AddonReviewCard-slim) .UserReview-body .Card-contents {
height: auto !important;
padding: 3px 2px !important;
}
.AddonReviewCard:not(.AddonReviewCard-slim) .UserReview-body .Card-contents .ShowMoreCard-contents {
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover > .AddonReviewCard > .AddonReviewCard-container + .AddonReviewCard-reply:hover .UserReview-body {
height: 58px !important;
line-height: 13px !important;
margin-bottom: 1px !important;
font-size: 11px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body {
height: 70px !important;
line-height: 13px !important;
margin-bottom: 1px !important;
font-size: 11px !important;
overflow: hidden !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body .Card-contents {
height: 68px !important;
padding: 0px !important;
overflow: hidden !important;
}
.AddonReviewList-reviews .CardList ul > li:hover > .AddonReviewCard > .AddonReviewCard-container .UserReview-body .Card-contents .ShowMoreCard-contents>div{
padding-bottom: 20px !important;
}
.AddonReviewList-filterByScore .Select.AddonReviewList-filterByScoreSelector {
-moz-appearance: none !important;
background-color: #191f2d !important;
border-color: #191f2d;
color: #c1d0ff;
}
.Select.AddonReviewList-filterByScoreSelector>option {
-moz-appearance: none !important;
display: block !important;
line-height: 1.2;
overflow: hidden;
padding-bottom: 2px;
padding-top: 2px;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 5px !important;
background-color: #191f2d !important;
border-color: #191f2d !important;
color: #c1d0ff !important;
}
/* new140) */
.AddonReviewCard .Rating.Rating--small {
position: absolute !important;
min-width: 40% !important;
max-width: 40% !important;
height: 23px !important;
line-height: 23px !important;
vertical-align: middle !important;
padding: 2px 10px !important;
border-radius: 5px !important;
text-align: center !important;
opacity: 0.8 !important;
background-color: #191f2d !important;
/*border: 1px solid aqua !important; */
}
/* (new75) REVIEW on HOVER */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover ,
.AddonReviewList-reviews .CardList ul > li:hover {
display: inline-block !important;
width: 19% !important;
height: 120px !important;
margin-right: 7px !important;
padding: 5px !important;
overflow: hidden !important;
border-radius: 5px !important;
transform: scale(1.5) !important;
z-index: 5000000 !important;
background-color: #191f2d !important;
border: 1px solid red !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .ShowMoreCard-contents {
overflow: hidden;
overflow-wrap: break-word;
position: relative;
line-height: 10px !important;
font-size: 10px !important;
background: red !important;
}
.ShowMoreCard-contents>div>br {
display: block !important;
margin-bottom: 1px !important;
}
/* REVIEW - TOP ROW */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(n+1):nth-child(-n+5):hover ,
.AddonReviewList-reviews .CardList ul > li:nth-child(n+1):nth-child(-n+5):hover {
transform: translate(-26px, 20px) scale(1.5) !important;
}
/* REVIEW - TOP ROW - RIGHT + LEFT */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews.Card--photon .Card-contents ul > li:nth-child(1):hover {
transform: translate(65px, 20px) scale(1.5) !important;
}
/* REVIEW - BOTTOM ROW */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(n+21):nth-child(-n+25):hover ,
.AddonReviewList-reviews .CardList ul > li:nth-child(n+21):nth-child(-n+25):hover {
transform: translate(0px, -30px) scale(1.5) !important;
}
/* REVIEW - BOTTOM ROW - RIGHT + LEFT */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews.Card--photon .Card-contents ul > li:nth-child(21):hover {
transform: translate(65px, -30px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews.Card--photon .Card-contents ul > li:nth-child(25):hover {
transform: translate(-26px, -30px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(1):only-of-type:hover ,
.AddonReviewList-reviews .CardList ul > li:nth-child(1):only-of-type:hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(1):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(1):hover {
transform: translate(65px, 30px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(16):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(16):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(11):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(11):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(6):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(6):hover {
transform: translate(65px, 0px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(21):hover {
transform: translate(65px, -30px) scale(1.5) !important;
}
/* REVIEW - LEFT (+ GM superloader)*/
.CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li+ li+li+ li + li + li+ li:hover,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+li+ li + li + li+ li+li+ li + li + li:hover,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+ li + li + li +li+ li + li + li:hover,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li +li+ li + li + li + li:hover,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li +li+ li + li + li +li:hover,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li:hover,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(1):hover,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(1):hover {
transform: translate(77px, 20px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(16):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(16):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(11):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(11):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(6):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(6):hover {
transform: translate(77px, 0px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(21):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(21):hover{
transform: translate(77px, -30px) scale(1.5) !important;
}
/* REVIEW - RIGHT (+ GM "Superloader") */
.CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li:hover ,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li:hover ,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li+ li + li + li +li +li:hover ,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li+ li + li + li +li +li:hover ,
.CardList.AddonReviewList-reviews-listing .sp-separator+ li + li + li +li +li:hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(25):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(20):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(20):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(15):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(15):hover ,
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(10):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(10):hover {
transform: translate(-26px, 0px) scale(1.5) !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:nth-child(25):hover ,
.AddonReviewList-reviews .CardList.AddonReviewList-reviews-listing ul > li:nth-child(25):hover {
transform: translate(-26px, -30px) scale(1.5) !important;
}
/* (new140) REVIEW - ALL === */
.AddonReviewCard .UserReview-byLine {
/* display: inline-block !important; */
height: 20px !important;
line-height: 20px !important;
/* background: blue !important; */
}
/* (new141) REVIEW - AUTHOR - === */
/* (new141) */
.AddonReviewCard-authorByLine {
position: absolute !important;
display: inline-block !important;
min-width: 57% !important;
max-width: 57% !important;
height: 25px !important;
line-height: 32px !important;
vertical-align: middle !important;
margin: 0px 0px 0px 0px !important;
right: 2px !important;
padding: 0px 0px !important;
border-radius: 3px !important;
text-align: right !important;
opacity: 0.8 !important;
background-color: #191f2d !important;
/* border: 1px solid violet !important; */
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine{
min-width: 57% !important;
max-width: 57% !important;
min-height: 27px !important;
max-height: 27px !important;
line-height: 9px !important;
margin: -4px 0 0 0 !important;
padding: 0 !important;
font-size: 8px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* background: red !important; */
}
/* (new141) */
.AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard-authorByLine a {
position: relative !important;
float: left !important;
width: 100% !important;
height: 13px!important;
line-height: 14px !important;
margin: 0px 0 0 0 !important;
top: -3.8vh !important;
padding-right: 3px !important;
text-align: right !important;
/* background: green !important; */
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a {
float: left !important;
width: 100% !important;
height: 140px!important;
line-height: 12px !important;
margin-top: 0px !important;
padding-right: 3px !important;
text-align: right !important;
/*background: green !important;*/
}
/* (new127) */
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:before ,
.AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard-authorByLine a:before {
content: "▲" !important;
float: left !important;
width: 15px !important;
height: 15px!important;
line-height: 15px !important;
text-align: center !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:after,
.AddonReviewList-reviews .CardList ul > li:not(:hover) .AddonReviewCard-authorByLine a:after {
content: "💬" !important;
float: left !important;
width: 15px !important;
height: 15px!important;
line-height: 15px !important;
text-align: center !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:before {
content: "▼" !important;
float: left !important;
width: 15px !important;
height: 15px!important;
line-height: 15px !important;
text-align: center !important;
margin-top: 0px ;
transition: all ease 0.9s ;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-authorByLine a:after {
content: "💬" !important;
float: left !important;
width: 15px !important;
height: 15px!important;
line-height: 10px !important;
margin-top: 3px ;
font-size: 10px !important;
transition: all ease 0.5s ;
}
/* REVIEW - DEV REPLY */
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li .AddonReviewCard-reply:not(:hover),
.AddonReviewCard-reply:not(:hover) {
position: absolute !important;
display: inline-block !important;
max-width: 20px !important;
min-height: 22px !important;
max-height: 22px !important;
margin-top: 0px !important;
margin-left: -3px !important;
padding: 3px !important;
overflow: hidden !important;
overflow-y: hidden !important;
transform: translate(-300px, -9px) scale(0.7) !important;
/* background: blue !important; */
border: 1px solid red !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply ,
.AddonReviewList-reviews .CardList ul > li:not(:hover).AddonReviewCard-reply {
position: absolute !important;
display: inline-block !important;
width: 16% !important;
height: auto !important;
margin-top: 5px !important;
margin-left: 0 !important;
padding: 4px !important;
overflow: hidden !important;
overflow-y: auto !important;
transform: translate(-299px, -12px) scale(1)!important;
background: black !important;
border: none !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover .AddonReviewCard-reply:not(:hover) ,
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:not(:hover) {
position: absolute !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
margin-top: 5px !important;
margin-left: 0 !important;
padding: 4px !important;
overflow: hidden !important;
overflow-y: hidden !important;
border: 1px solid red !important;
background: black !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover .AddonReviewCard-reply:hover ,
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 100px !important;
max-height: 100px !important;
margin-top: 15px !important;
margin-left: 0 !important;
padding: 4px !important;
border-radius: 9px 9px 0 0 !important;
overflow: hidden !important;
overflow-y: hidden !important;
background: black !important;
}
.UserProfile-addons-and-reviews .Card.CardList.UserProfile-reviews .Card-contents ul > li:hover .AddonReviewCard-reply:hover .UserReview-body ,
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body {
height: 43px !important;
line-height: 13px;
margin-bottom: -2px;
margin-top: -2px;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-byLine {
height: 15px !important;
line-height: 14px !important;
font-size: 8px !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body {
height: 80px !important;
line-height: 13px;
margin-bottom: -2px;
margin-top: -2px !important;
border-top: 1px solid red !important;
overflow: hidden !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body .Card-contents {
height: 75px !important;
padding: 0px !important;
border-radius: 0 0 3px 3px !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .UserReview-body .Card-contents .ShowMoreCard-contents {
max-height: 75px !important;
min-height: 75px !important;
width: 296px !important;
border-radius: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard-reply:hover .AddonReviewCard-allControls button.TooltipMenu-opener.AddonReviewCard-control {
margin-top: 2px;
font-size: 8px !important;
text-decoration: none !important;
}
.UserReview-reply-header {
margin-bottom: -3px !important;
margin-top: 0;
}
.AddonReviewCard:not(.AddonReviewCard-slim).AddonReviewCard-isReply .UserReview-body {
height: 63px !important;
line-height: 13px !important;
margin-bottom: -2px !important;
margin-top: -2px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li:not(:hover) .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-textarea {
display: inline-block !important;
width: 100% !important;
max-height: 60px !important;
min-height: 50px !important;
margin-top: -10px !important;
resize: none;
padding: 2px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-textarea {
display: inline-block !important;
width: 100% !important;
max-height: 60px !important;
min-height: 60px !important;
margin-top: -10px !important;
resize: none;
padding: 2px !important;
font-size: 9px !important;
}
.AddonReviewManager .DismissibleTextForm-formFooter {
font-size: 8px !important;
margin-bottom: -12px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .AddonReviewManager .DismissibleTextForm-formFooter {
font-size: 10px !important;
}
.AddonReviewCard .DismissibleTextForm-buttons {
margin-top: 3px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons ,
.Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons {
display: inline-block !important;
max-height: 15px !important;
min-height: 15px !important;
margin-top: 0px !important;
padding: 2px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons {
display: inline-block !important;
max-height: 13px !important;
min-height: 13px !important;
margin-top: 0px !important;
padding: 2px !important;
font-size: 9px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .Button.Button--neutral.DismissibleTextForm-dismiss{
height: 15px !important;
line-height: 10px !important;
margin-top: 5px !important;
font-size: 9px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons .Button--action {
height: 15px !important;
line-height: 10px !important;
font-size: 9px !important;
}
.Card.CardList.AddonReviewList-reviews-listing ul > li:hover .AddonReviewCard .AddonReviewCard-container .AddonReviewManager .DismissibleTextForm-delete-submit-buttons .Button--action {
display: inline-block !important;
height: 10px !important;
line-height: 7px !important;
margin-top: -8px !important;
padding: 0 8px;
font-size: 8px !important;
}
/* STAR YELLOWS - ALL - === */
.Rating-selected-star {
fill: gold !important;
filter: invert(1%)!important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'64\' height=\'64\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z\' transform=\'translate(-140 -607)\' fill=\'%23FFE900\' fill-rule=\'nonzero\'/%3E%3C/svg%3E");
}
/* ALL - STAR SELECTED GOLD - === */
.Icon.Icon-inline-content.IconStar .IconStar-svg g path {
fill: gold !important;
}
/* SPECIAL NUMBER OF STARS ( 5 or 1 - === */
.AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] .Rating-selected-star ,
.AddonReviewCard .Rating.Rating--small[title="Rated 5 out of 5"] .Rating-selected-star {
height: 15px !important;
min-width: 11px !important;
margin-top: 2px !important;
margin-right: -4px !important;
filter: invert(1%)!important;
/* background-color: yellow !important; */
}
/* (new129) BEST - 5 STARS - === */
.AddonReviewCard .Rating.Rating--small[title="Rated 5 out of 5"] {
background-color: gold !important;
}
/* MY 5 YELLOW STARS */
.AddonReviewCard .Rating.Rating--small.Rating--yellowStars[title="Rated 5 out of 5"] {
background-color: #4ACAE7 !important;
}
/* (new129) others 5 GRAY STARS */
.AddonReviewCard .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] {
min-width: 34% !important;
max-width: 34% !important;
background-color: #0F7371 !important;
}
.AddonReviewList-reviews .CardList ul > li .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] + .AddonReviewCard-authorByLine ,
.AddonReviewList-reviews .CardList ul > li:hover .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] + .AddonReviewCard-authorByLine {
max-width: 51% !important;
min-width: 51% !important;
}
.AddonReviewCard .Rating.Rating--small .Rating-selected-star {
filter: invert(1%)!important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'64\' height=\'64\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z\' transform=\'translate(-140 -607)\' fill=\'%23FFE900\' fill-rule=\'nonzero\'/%3E%3C/svg%3E");
}
.AddonReviewCard .Rating.Rating--small:not(.Rating--yellowStars)[title="Rated 5 out of 5"] .Rating-selected-star{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'64\' height=\'64\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M154.994575,670.99995 C153.704598,671.000763 152.477615,670.442079 151.630967,669.468394 C150.784319,668.49471 150.401158,667.201652 150.580582,665.923653 L153.046749,648.259919 L141.193762,635.514481 C140.080773,634.318044 139.711733,632.608076 140.232152,631.058811 C140.752571,629.509546 142.078939,628.369589 143.688275,628.088421 L160.214424,625.130961 L168.013827,609.468577 C168.767364,607.955994 170.3113,607 172.000594,607 C173.689888,607 175.233824,607.955994 175.98736,609.468577 L183.790813,625.130961 L200.329111,628.08437 C201.934946,628.371492 203.25546,629.513805 203.771316,631.062053 C204.287172,632.610301 203.915846,634.316807 202.803377,635.51043 L190.954439,648.26397 L193.420606,665.923653 C193.652457,667.578241 192.93975,669.223573 191.574418,670.185702 C190.209085,671.147831 188.420524,671.265104 186.941351,670.489485 L172.002619,662.698806 L157.047688,670.50569 C156.413201,670.833752 155.708782,671.003331 154.994575,670.99995 Z\' transform=\'translate(-140 -607)\' fill=\'%23FFE900\' fill-rule=\'nonzero\'/%3E%3C/svg%3E");
}
/* (new129) BAD - ONLY ONE STAR - === */
.AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] {
min-width: 32% !important;
max-width: 32% !important;
background-color: red !important;
}
.AddonReviewList-reviews .CardList ul > li .AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] + .AddonReviewCard-authorByLine ,
.AddonReviewList-reviews .CardList ul > li:hover .AddonReviewCard .Rating.Rating--small[title="Rated 1 out of 5"] + .AddonReviewCard-authorByLine {
max-width: 53% !important;
min-width: 53% !important;
}
/* (new105) - LARGE RATING STAR in REVIEW - === */
.AddonSummaryCard-overallRatingStars {
margin-bottom: 6px;
}
.AddonSummaryCard-overallRatingStars .Rating-star {
height: 18px !important;
}
.AddonSummaryCard-overallRatingStars .Rating.Rating--large {
min-height: 18px !important;
}
/* HOMEPAGE - EXTENSIONS / THEMES - === */
.LandingPage {
padding: 0 14px 24px !important;
}
.LandingPage-header {
margin-bottom: -13px !important;
padding: 8px 14px !important;
}
.LandingPage-addonType-name {
font-size: 25px;
margin: -5px 0 0 0px !important;
}
/*ALL - CONTAINER */
.LandingPage .Card {
display: inline-block;
width: 925px !important;
height: 350px !important;
margin: 0 0 0px 0px !important;
top: -41px !important;
}
/* CATEGORIES - CONTAINER */
.LandingPage .Card.Categories.Card--no-footer {
position: relative !important;
display: inline-block !important;
height: 400px;
margin: -20px 10px -20px 0 !important;
top: -20px !important;
}
/* 3 OTHERS - LIST CONTAINER */
.Card.CardList.AddonsCard.LandingAddonsCard {
position: relative !important;
display: inline-block !important;
margin: 15px 10px 0px 0px !important;
top: 0px !important;
/*border: 1px solid aqua !important;*/
}
/* 3 OTHERS - THEME */
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme li.SearchResult.SearchResult--theme .SearchResult-result {
border-radius: 5px !important;
background: black !important;
}
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme li.SearchResult.SearchResult--theme .SearchResult-contents {
width: 100%;
margin: 0;
max-height: 225px !important;
min-height: 225px !important;
padding: 0 5px 15px;
border-radius: 5px !important;
}
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata {
display: inline-block !important;
width: 100% !important;
height: 90px !important;
margin-top: -45px !important;
}
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-rating {
display: inline-block !important;
width: 100% !important;
height: 15px;
line-height: 13px;
text-align: center !important;
}
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-rating .Rating.Rating--small {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
text-align: center !important;
}
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-rating .Rating.Rating--small .Rating-star {
display: inline-block !important;
margin-right: 2px !important;
}
.Page.Page-not-homepage .LandingPage.LandingPage--persona.LandingPage--theme .SearchResult-metadata .SearchResult-author {
width: 100% !important;
height: 20px !important;
line-height: 15px !important;
font-size: 15px !important;
}
/* ALL - CONTENTS */
.LandingPage .Card .Card-contents {
height: 305px !important;
border-radius: 0 !important;
/* background: red !important; */
}
/* (new132) LIST without CATEGORIES - CONTENTS */
.Card.CardList.AddonsCard.LandingAddonsCard .Card-contents {
height: 325px !important;
padding: 5px 0 !important;
}
/* ALL - LIST */
.LandingPage .Card .Card-contents ul.AddonsCard-list {
grid-auto-flow: unset !important;
grid-template-rows: unset !important;
display: inline-block !important;
min-width: 100% !important;
}
/* (new145) LIST without CATEGORIES - LIST / THEME */
.Card.CardList.AddonsCard.LandingAddonsCard .Card-contents ul.AddonsCard-list {
grid-auto-flow: unset !important;
grid-template-rows: unset !important;
display: inline-block !important;
min-width: 100% !important;
height: 318px !important;
}
.LandingPage .Card .Card-contents +.Card-footer.Card-footer-link {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 25px !important;
margin-top: -6px !important;
padding: 0 20px !important;
}
.LandingPage .Card .Card-contents +.Card-footer.Card-footer-link a {
height: 25px !important;
padding: 0 20px !important;
}
/* (new145) THEME - LIST - ITEMS
https://addons.mozilla.org/fr/firefox/themes/
.LandingPage.LandingPage--theme
*/
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult {
grid-template-columns: unset !important;
float: left !important;
height: 155px !important;
min-width: 49.4% !important;
max-width: 49.4% !important;
margin: 0 0 4px 3px !important;
padding: 0px !important;
border-radius: 5px !important;
/*border: 1px dashed aqua !important;*/
}
/*.AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:hover .SearchResult-users ,*/
.LandingPage.LandingPage--theme .AddonsCard--horizontal ul.AddonsCard-list li.SearchResult:hover .SearchResult-wrapper .SearchResult-users {
display: inline-block !important;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-wrapper {
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-wrapper:hover {
background: #283146 !important;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-wrapper .SearchResult-contents {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
max-height: 125px !important;
min-height: 125px !important;
margin: 0px 0 0 -5px !important;
padding: 0 5px 5px 5px !important;
border-radius: 5px 5px 0 0 !important;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-wrapper .SearchResult-users.SearchResult--meta-section {
height: 15px;
margin-top: -16px;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-result {
grid-column-gap: unset !important;
grid-template-columns: unset !important;
-moz-box-direction: unset !important;
-moz-box-orient: unset !important;
flex-flow: unset !important;
height: 123px !important;
margin: 0;
padding: 0;
width: 100%;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-result {
height: 223px !important;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-icon-wrapper {
height: 143px !important;
}
/* (new121) THEMES PAGES */
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper {
width: calc(45% - 10px) !important;
margin-left: 5px !important;
margin-top: 40px !important;
padding: 0 4px !important;
border-radius: 14px !important;
}
.LandingPage .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-metadata{
display: inline-block;
margin-top: 45px !important;
}
/* THEMES PREVIEW */
.LandingPage.LandingPage--persona.LandingPage--theme .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme {
grid-template-columns: unset !important;
display: inline-block !important;
height: 235px !important;
min-width: 32% !important;
max-width: 32% !important;
margin-top: 10px !important;
margin-left: 3px !important;
margin-right: 5px !important;
margin-bottom: 5px !important;
padding-top: 0px !important;
overflow: hidden !important;
}
.LandingPage.LandingPage--persona.LandingPage--theme .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-wrapper:hover {
position: relative !important;
display: inline-block !important;
height: 233px !important;
top: 0px !important;
}
.LandingPage.LandingPage--persona.LandingPage--theme .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-icon-wrapper {
margin-top: 150px !important;
}
.LandingPage.LandingPage--persona.LandingPage--theme .Card .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-wrapper:hover .SearchResult-icon-wrapper {
display: inline-block !important;
width: 93% !important;
margin-top: 150px !important;
top: 0px !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-contents {
-moz-box-direction: unset !important;
-moz-box-flex: unset !important;
-moz-box-ordinal-group: unset !important;
-moz-box-orient: unset !important;
-moz-box-pack: unset !important;
justify-content: unset !important;
flex-flow: unset !important;
flex-grow: unset !important;
order: unset !important;
display: inline-block !important;
height: 100%;
max-height: 125px !important;
min-height: 125px !important;
line-height: 10px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-left: 0% !important;
margin-top: 0px !important;
padding: 3px 5px 2px 5px !important;
background: #283146 !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-contents {
max-height: 122px !important;
min-height: 122px !important;
line-height: 10px !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-contents {
max-height: 185px !important;
min-height: 185px !important;
line-height: 10px !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-contents p.SearchResult-summary {
-moz-box-flex: unset !important;
flex-grow: unset !important;
height: 100%;
line-height: 15px !important;
max-height: 75px !important;
min-height: 75px !important;
min-width: 100%;
max-width: 100%;
margin-bottom: 0 !important;
margin-top: 0 !important;
padding: 2px 3px !important;
font-size: 12px;
overflow: hidden !important;
overflow-y: auto !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-contents .SearchResult-metadata {
float: right !important;
line-height: 15px !important;
width: 100% !important;
min-width: 60% !important;
max-width: 60% !important;
margin-top: -2px !important;
text-align: center !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-contents .SearchResult-metadata {
width: 100% !important;
min-width: 100% !important;
margin-top: 20px !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-contents +.SearchResult-users.SearchResult--meta-section {
float: left !important;
width: 100% !important;
min-width: 27.5% !important;
max-width: 27.5% !important;
line-height: 10px !important;
height: 17px !important;
margin-left: 5px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
text-align: center !important;
z-index: 100 !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult.SearchResult--theme .SearchResult-link .SearchResult-contents +.SearchResult-users.SearchResult--meta-section {
width: 100% !important;
min-width: 100% !important;
margin-left: 0px !important;
margin-top: 25px !important;
z-index: 500 !important;
}
.LandingPage .Card.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-link .SearchResult-contents .SearchResult-name {
-moz-box-flex: unset !important;
flex-grow: unset !important;
text-overflow: unset !important;
white-space: unset !important;
display: inline-block !important;
height: 25px !important;
line-height: 1 !important;
max-width: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: 15px;
text-decoration: none;
overflow: unset;
overflow-wrap: break-word;
}
.LandingPage .Categories-item {
display: inline-block;
padding: 0;
min-width: 30% !important;
max-width: 30% !important;
width: 100% !important;
}
.Categories--category-color-10 {
background: #497011 !important;
}
.Categories--category-color-9 {
background: #267434 !important;
}
.Categories--category-color-8 {
background: #095b42 !important;
}
.Categories--category-color-7 {
background: #0b5863 !important;
}
.Categories--category-color-5 {
background: #0c33cf !important;
}
.Categories--category-color-4 {
background: #3f0fcd !important;
}
.Categories--category-color-3 {
background: #8620a0 !important;
}
.Categories--category-color-2 {
background: #b1184e !important;
}
.Categories--category-color-1 {
background: #e00606 !important;
}
/* HOME - ADDONS CATEGORY FEATURED PAGE - === */
.Category section.Card.CategoryHeader {
height: 86px !important;
margin-top: -19px !important;
margin-bottom: 0px !important;
}
.Category section.Card.CardList.AddonsCard.LandingAddonsCard {
margin-bottom: -20px !important;
}
.Category section.Card.CategoryHeader .CategoryHeader-wrapper {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult.SearchResult--theme {
height: 180px !important;
}
.Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult {
height: 202px !important;
}
.Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult .SearchResult-icon-wrapper {
display: inline-block;
height: 170px !important;
margin-left: 1% !important;
margin-right: auto !important;
margin-top: 7px !important;
top: 92px !important;
}
.Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult-icon-wrapper{
display: inline-block !important;
width: 28% !important;
min-height: 80px !important;
margin-top: 5px !important;
}
.Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult-icon-wrapper .SearchResult-icon {
max-height: 70px !important;
min-height: 70px !important;
}
.Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult-contents ,
.Category section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult-contents {
display: inline-block !important;
width: 100% !important;
height: 100%;
max-height: 170px !important;
min-height: 170px !important;
padding: 2px 5px;
border-radius: 0 9px 9px 0;
}
.Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard .SearchResult-contents {
max-height: 130px !important;
min-height: 130px !important;
}
.Category.Category--theme section.Card.CardList.AddonsCard.LandingAddonsCard li.SearchResult.SearchResult--theme .SearchResult-contents .SearchResult-name {
height: 20px !important;
margin-bottom: -10px !important;
}
/* ALL - === */
.Select {
-moz-appearance: none;
display: block;
line-height: 1.2;
overflow: hidden;
padding-bottom: 10px;
padding-top: 10px;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 5px !important;
border-color: #191f2d !important;
color: #c1d0ff !important;
background-color: #191f2d !important;
}
/* (new131) ADDON VERSIONS PAGES - === */
.AddonVersions-wrapper {
min-height: 775px !important;
}
.AddonVersions-wrapper .AddonSummaryCard {
min-width: 300px;
width: 15% !important;
}
.AddonVersions-wrapper .AddonVersions-versions {
margin-top: 0;
width: 85%;
}
.AddonVersions-wrapper .CardList ul li.AddonVersionCard {
display: inline-block !important;
width: 32.8% !important;
height: 270px !important;
margin-bottom: 0;
margin-right: 4px !important;
margin-left: 4px !important;
padding: 0px 7px 0 7px !important;
border-radius: 9px !important;
overflow: hidden !important;
border: 1px solid rgba(12, 12, 13, 0.9);
}
.AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .InstallButtonWrapper {
position: absolute !important;
display: inline-block !important;
width: 25% !important;
margin-left: -480px !important;
margin-top: 50px !important;
border-radius: 5px !important;
z-index: 500000 !important;
background: #526289 !important;
border: 1px solid rgba(12, 12, 13, 0.9);
}
.AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .InstallButtonWrapper .InstallButtonWrapper-download {
margin-left: 0px !important;
margin-top: 0px !important;
}
/* (new136) */
.AddonVersionCard-license {
float: left !important;
width: 478px !important;
margin: 0 !important;
/* border: 1px solid red !important; */
}
/* VERSIONS PAGES - ERROR COMPATIBILITY */
.AddonVersions-wrapper .CardList ul li.AddonVersionCard .Notice.Notice-error.AddonCompatibilityError .Notice-icon {
margin-left: 1px !important;
margin-top: 5px !important;
}
.AddonVersions-wrapper .CardList ul li.AddonVersionCard .Notice.Notice-error.AddonCompatibilityError {
position: absolute !important;
width: 25px !important;
height: 25px !important;
margin-top: -20px !important;
margin-left: 23.5% !important;
padding-bottom: 0;
padding-top: 0;
overflow: hidden !important;
}
.AddonVersions-wrapper .CardList ul li.AddonVersionCard .Notice.Notice-error.AddonCompatibilityError:hover {
position: absolute !important;
width: 25% !important;
height: 35px !important;
margin-top: -10px !important;
margin-left: 0% !important;
overflow: hidden !important;
transition: all ease 0.7s !important;
}
/* VERSIONS PAGES - ERROR COMPATIBILITY - LAST VERSION */
.AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard > div:not(.InstallButtonWrapper) .Notice.Notice-error.AddonCompatibilityError {
position: absolute !important;
width: 25px !important;
height: 25px !important;
margin-top: -10px !important;
padding-bottom: 0;
padding-top: 0;
margin-left: 89% !important;
overflow: hidden !important;
z-index: 5000 !important;
}
.AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard > div:not(.InstallButtonWrapper) .Notice.Notice-error.AddonCompatibilityError:hover {
position: absolute !important;
width: 97% !important;
height: 55px !important;
margin-top: -10px !important;
margin-left: 0% !important;
overflow: hidden !important;
transition: all ease 0.7s !important;
}
/* for ONLY one Version:
https://addons.mozilla.org/en-US/firefox/addon/open_iframe/versions/
- === */
.AddonVersions-wrapper .CardList ul> li.AddonVersionCard:nth-child(2) ,
.AddonVersions-wrapper .CardList ul> li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) {
position: absolute !important;
display: inline-block !important;
min-width: 300px;
width: 15% !important;
height: 270px !important;
left: 1.05% !important;
top: 520px !important;
padding: 5px !important;
border: 1px dotted yellow !important;
}
.AddonVersions-wrapper .CardList ul> li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) > div:not(:empty):not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) {
display: inline-block !important;
height: 185px !important;
width: 100% !important;
padding-top: 5px !important;
margin-top: 25px !important;
margin-top: 26px !important;
}
/* (new136) */
.AddonVersions-wrapper .CardList ul> li.AddonVersionCard:nth-child(2) .InstallButtonWrapper ,
.AddonVersions .Card.CardList ul > li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) .InstallButtonWrapper {
width: 96% !important;
top: 19.6vh !important;
left: 0 !important;
margin-left: 5px !important;
/* border: 1px solid lime !important; */
}
.AMInstallButton-button.Button--action.Button--puffy,
.AMInstallButton-button.Button--action.Button--puffy:link {
border-radius: 4px;
font-size: 16px;
height: auto;
min-height: 3vh !important;
max-height: 3vh !important;
padding: 0 16px !important;
}
/* (new136) ADDON VERSION + NOTICE WARGING */
.Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper .Notice.Notice-genericWarning {
position: fixed !important;
width: 100%;
max-height: 28px;
max-width: 28px;
left: 0px !important;
top: 5px;
white-space: nowrap;
overflow: hidden;
z-index: 500;
color: white !important;
background-color: red !important;
}
/* .Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper */
.Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper .CardList ul > li.AddonVersionCard:nth-child(2) .Notice.Notice-genericWarning.InstallWarning + .InstallButtonWrapper,
.Page.Page-not-homepage .AddonVersions .AddonVersions-wrapper .CardList ul > li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) .Notice.Notice-genericWarning.InstallWarning + .InstallButtonWrapper {
position: absolute !important;
display: inline-block !important;
width: 96% !important;
top: 23.6vh !important;
left: 0 !important;
margin: 0 0 0 5px !important;
z-index: 500000 !important;
border: 1px solid red !important;
}
/* (new136) INSTALL VERSION - GET FIREFOX */
.AddonVersions .Card.CardList.AddonVersions-versions.Card--photon .Card-contents .InstallButtonWrapper .GetFirefoxButton + .InstallButtonWrapper-download{
min-height: 3vh !important;
max-height: 3vh !important;
margin: 0 !important;
/* border: 1px solid aqua !important; */
}
/* ONLY ONE */
.AddonVersions .Card.CardList.AddonVersions-versions.Card--photon ul> li.AddonVersionCard:nth-child(2) .InstallButtonWrapper {
display: inline-block !important;
width: 97% !important;
/* border: 1px solid violet !important; */
}
.AddonVersions-wrapper .CardList ul li.AddonVersionCard > div:not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) {
display: inline-block !important;
height: 240px !important;
width: 100% !important;
padding-top: 5px !important;
margin-top: 25px !important;
white-space: pre-line !important;
word-wrap: break-word !important;
overflow-wrap: unset !important;
overflow: hidden !important;
/* border-bottom: 1px solid violet !important; */
}
/* (new145) */
.AddonVersions-wrapper .CardList ul > li:not(.AddonVersionCard) + .AddonVersionCard:not(:last-of-type) .AddonVersionCard-releaseNotes ,
.AddonVersionCard-releaseNotes {
display: inline-block !important;
min-height: 12.5vh !important;
max-height: 12.5vh !important;
width: 100% !important;
margin: 0 !important;
padding: 3px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #283146 !important;
/* border: 1px solid lime !important; */
}
.AddonVersionCard-compatibility {
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 15px !important;
margin: 3.2vh 0 0 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
overflow-y: hidden !important;
text-overflow: ellipsis !important;
/* border: 1px solid aqua !important; */
}
.AddonVersionCard-releaseNotes>br {
content: " " !important;
float: none !important;
display: block !important;
line-height: 0px !important;
margin-top: 5px !important;
margin-bottom: -3px !important;
}
.AddonVersionCard-version {
position: absolute !important;
display: inline-block !important;
min-width: 25% !important;
max-width: 25% !important;
transform: translate(0px, -38px) !important;
color: #0060df;
}
/* FIRST / OTHER VERSION H1 -
PB only one version:
https://addons.mozilla.org/fr/firefox/addon/insite-search/versions/
=== */
.AddonVersionCard-header {
position: absolute;
min-width: 25% !important;
max-width: 25% !important;
top: 80px !important;
margin-left: 26% !important;
text-align: center !important;
}
/* (new131) VERSION - UNINSTALL BUT */
.AddonVersions .Card.CardList.AddonVersions-versions.Card--photon ul> li.AddonVersionCard:nth-child(2) .InstallButtonWrapper .Button.Button--neutral.AMInstallButton-button.AMInstallButton-button--uninstall.Button--puffy {
background: #395067 !important;
width: 100% !important;
}
/* FIRST VERSION - PANEL LEFT -
PB only one version:
https://addons.mozilla.org/fr/firefox/addon/insite-search/versions/
=== */
/* .AddonVersions-wrapper .CardList ul li:first-of-type + .AddonVersionCard h1 , */
.AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard>div:not(.InstallButtonWrapper) h1.AddonVersionCard-header {
position: absolute;
min-width: 93% !important;
max-width: 93% !important;
top: -6px !important;
margin-left: 0% !important;
font-size: 18px !important;
text-align: right !important;
}
.AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard>div:not(.InstallButtonWrapper):not(.InstallWarning):not(.Notice-genericWarning) {
height: 295px !important;
}
.AddonVersions-wrapper .CardList ul li:not(.AddonVersionCard) + .AddonVersionCard>div:not(.InstallButtonWrapper) .AddonVersionCard-version {
position: absolute !important;
display: inline-block !important;
min-width: 96% !important;
max-width: 96% !important;
transform: translate(0px, -42px) !important;
color: #0060df;
background: transparent !important;
}
/* "BE CAREFUL" MESSAGE */
.AddonVersions-wrapper .CardList .Card-contents> ul > li:first-of-type:not(.AddonVersionCard) {
position: absolute !important;
display: inline-block !important;
min-width: 30px !important;
width: 2% !important;
height: 30px !important;
left: 1.2% !important;
top: 50px !important;
border-radius: 9px !important;
padding: 0px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.AddonVersions-wrapper .CardList .Card-contents> ul > li:first-of-type:not(.AddonVersionCard):not(:hover) .Notice-column {
visibility: hidden !important;
}
.Notice-warning .Notice-icon {
height: 25px !important;
width: 29px !important;
margin-left: 0 !important;
margin-top: -5px !important;
background-size: cover;
}
.AddonVersions-wrapper .CardList .Card-contents> ul > li:first-of-type:not(.AddonVersionCard):hover {
position: absolute !important;
display: inline-block !important;
width: 16% !important;
height: auto !important;
padding: 5px !important;
}
/* DOUBLE FOOTER - === */
#react-view + .Footer {
display: none !important;
}
/* (new145) ==== COLOR - ==== */
/* TEXT */
.blog-entry-excerpt {
color: #111 !important;
}
/* LINKS PERU - VISITED TOMATO */
.SearchResult-wrapper .SearchResult-title,
.AddonReviewCard-allControls .AddonReviewCard-control:not(.AddonReviewCard-deleting),
.AddonReviewCard-allControls .AddonReviewCard-control:active:not(.AddonReviewCard-deleting),
.AddonReviewCard-allControls .AddonReviewCard-control:hover:not(.AddonReviewCard-deleting),
.AddonReviewCard-allControls .AddonReviewCard-control:link:not(.AddonReviewCard-deleting),
.AddonReviewCard-allControls .AddonReviewCard-control:visited:not(.AddonReviewCard-deleting) {
color: peru !important;
}
a.UserCollection-link .UserCollection-name ,
.Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl dd a ,
.AddonTitle .AddonTitle-author a,
.AddonTitle .AddonTitle-author a:link,
.SearchResult a.SearchResult-link .SearchResult-result h2.SearchResult-name ,
a {
color: peru !important;
}
.SearchResult-wrapper:visited .SearchResult-title ,
a:visited.UserCollection-link .UserCollection-name,
.Addon-details .Card.AddonMoreInfo.Card--no-footer .Card-contents .DefinitionList.AddonMoreInfo-dl dd a:visited,
.AddonTitle .AddonTitle-author a:visited ,
.AddonTitle .AddonTitle-author a:link:visited ,
.SearchResult a.SearchResult-link:visited .SearchResult-result h2.SearchResult-name ,
a:visited {
color: tomato !important;
}
/* (new145) TEXT - GRAY LIGHT - #B1ADAD - */
.CollectionManager-slug-url-prefix ,
.Home-heroHeader-subtitle ,
.SecondaryHero-module ,
.SecondaryHero-message {
color: #B1ADAD;
}
/* (new145) TEXT - RED */
.Page-not-homepage .Collection .Collection-delete-button .Button--cancel {
color: red;
}
/* BACKGROUND - #1f2536 - === */
.Search .SearchResults-message {
background: #1f2536 !important;
}
/* BACKGROUND - BLUE DARK - #191f2d */
.SecondaryHero-module {
background: #191f2d ;
}
/* (new143) COLOR - ICON - INVERT */
/*.UserProfile-tags .Icon, */
.UserProfile-tags .UserProfile-artist .Icon.Icon-artist ,
.UserProfile-tags .Icon.Icon-developer {
float: left;
height: 28px;
width: 28px;
margin-top: 0px !important;
margin-left: -30px !important;
border-radius: 5px;
box-shadow: 0 0 2px #cccccc inset;
background-size: 76% auto;
background-color: #111 !important;
background-image: url(https://addons.mozilla.org/static-server/img/addon-icons/default-64.d144b50f2bb8.png) !important;
}
.Icon-external-dark.Icon-external-dark {
filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
}
/* WEB ARCHIVE MOZILLA */
/* (new131) ANIMATION - TOP BAR */
#wm-ipp-base {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px !important;
height: 100% !important;
min-height: 50px !important;
max-height: 50px !important;
top: 0 !important;
left: 0 !important;
border-radius: 0 10px 10px 0 !important;
overflow: hidden !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: blue !important;
}
#wm-ipp-base:before {
content: " ▶▶ \A Web \A Archive" !important;
position: fixed ;
display: inline-block !important;
width: 50px !important;
height: 50px !important;
line-height: 13px !important;
top: 0;
padding: 5px 2px 2px 2px !important;
font-size: 12px !important;
border-radius: 0 10px 10px 0 !important;
text-align: center !important;
visibility: visible !important;
z-index: 5000 !important;
background: url(https://external-content.duckduckgo.com/ip3/archive.org.ico) top center no-repeat !important;
background-size: contain !important;
background-color: green !important;
}
/* ANIMATION - ZOOM IN / OUT from:
https://vf-film.me/films/page/9/
=== */
#wm-ipp-base #wm-ipp {
position: absolute !important;
display: none;
animation-name: zoomIn;
width: 100%;
max-width: 20px !important;
top: 50%;
left: 30px !important;
margin-top: 22px;
padding: 1rem 1.25rem 1.25rem !important;
border-radius: 10px !important;
pointer-events: auto;
z-index: 5000 !important;
transform: translateY(-20%) !important;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
background: #111 !important;
border: 1px solid red !important;
}
#wm-ipp-base:hover #wm-ipp {
display: block !important;
max-width: 80% !important;
animation-duration: 0.8s;
animation-fill-mode: both;
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1}
100% {
opacity: 0}
}
@keyframes scale {
0% {
transform: scale(.9);
opacity: 0}
50% {
transform: scale(1.01);
opacity: .5}
100% {
transform: scale(1);
opacity: 1}
}
/* ==== END ==== */
}
@-moz-document domain("addons-dev.allizom.org") {
/* addons-dev.allizom.org (new128) = START- URL-PREF ==== */
/* (new128) TEST - NEW NOTICE "NEED FIREFOX" - === */
.Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible {
position: absolute !important;
width: 100%;
max-width: 28px !important;
max-height: 28px !important;
left: 20px !important;
top: 5px !important;
padding: 0 !important;
white-space: nowrap;
overflow: hidden !important;
z-index: 500;
color: red !important;
background-color: #E1C022 !important;
}
.Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible:not(:hover) {
height: 22px !important;
width: 22px !important;
background-size: cover !important;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zLjIxNSAxOC4xMDYgNi45OTYtMTQuMDA0Yy43MzctMS40NzUgMi44NDEtMS40NzUgMy41NzggMGw2Ljk5NiAxNC4wMDRBMiAyIDAgMCAxIDE4Ljk5NSAyMUg1LjAwNWEyIDIgMCAwIDEtMS43OS0yLjg5NHpNMTIgOWExIDEgMCAwIDEgMSAxdjRhMSAxIDAgMSAxLTIgMHYtNGExIDEgMCAwIDEgMS0xem0wIDlhMSAxIDAgMSAwIDAtMiAxIDEgMCAwIDAgMCAyeiIgZmlsbD0iIzBDMEMwRCIgZmlsbC1vcGFjaXR5PSIuOCIvPjwvc3ZnPg==") !important;
}
.Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible:not(:hover) .Notice-column {
display: none !important;
}
.Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible:hover {
position: absolute !important;
left: 150px !important;
width: 100%;
max-width: 290px !important;
max-height: 100% !important;
background-repeat: repeat !important;
}
.Notice.Notice-warning.GetFirefoxBanner.Notice-dismissible p.Notice-text {
float: left;
width: 170px !important;
white-space: normal;
}
.AppBanner .Notice.Notice-warning.SiteNotices ,
.Page.Page-not-homepage .AppBanner .Notice.Notice-warning.SiteNotices{
display: none !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal .Card-contents ul.AddonsCard-list li.SearchResult .SearchResult-contents {
max-width: 390px !important;
}
.Home section.Card.CardList.AddonsCard.LandingAddonsCard.AddonsCard--horizontal footer{
/* position: relative!important; */
/* white-space: nowrap; */
/* background: red !important; */
}
/* END ==== (new128) ORL-PREF - addons-dev.allizom.org" ==== */
}
@-moz-document url-prefix("https://addons.mozilla.org/blog/") {
/* MOZILLA BLOG (new145) - START - URL-PREF === */
.header {
background-color: #20123a;
background-repeat: no-repeat;
background-size: contain;
background-position: 100% center !important;
height: 100%;
min-height: 20vh;
}
.header h1 {
margin: -13vh 0 0 23% !important;
font-size: 30px !important;
}
.blogpost-content-wrapper h2 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 0;
}
/* COLOR */
/* TXT - SILVER */
.blogpost-content-wrapper h4,
.blogpost-content-wrapper h2 ,
.blogpost-content-wrapper h3 ,
.blogpost-content-wrapper li ,
.blogpost .blogpost-content-wrapper p,
.blog-entry-excerpt > :first-child ,
.blogpost-content-wrapper figcaption ,
.header h1 {
color: silver !important;
}
/* TXT - BLACK LIGHT */
h1,
h2 ,
.blogpost-content-wrapper p ,
.blogpost-content-wrapper ,
.blog-entry-title {
color: #111 !important;
}
/* LINK - PERU */
a.blog-entry-link h2.blog-entry-title ,
a {
color: peru !important;
}
a.blog-entry-link:visited h2.blog-entry-title ,
a:visited {
color: tomato !important;
}
/* MOZILLA BLOG - END - URL-PREF === */
}