Skip to content

Mozilla Addon Widescreen NEW design v.136 by decembre

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/92268.user.css

Screenshot of Mozilla Addon Widescreen NEW design v.136

Details

Authordecembre

LicenseNO-REDISTRIBUTION

Categorymozilla, widescreen

Created

Updated

Size202 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

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

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

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

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

But i continue testing "Super_preloaderPlus_one_New" on Firefox v.71 and now, i have it working on AMO's search pages (since my v.110), which seems work now....

▶ What does This Userstyle:

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

Last change:

v.39/ 40 / 41 .../... 136:

Source code

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

/* ==== MOZ - Mozilla Addon Widescreen NEW Design v.136 (new136) - OK DEV HERE - TEST FRESH  ==== */

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

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

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




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

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

/* (new133) GM Super_loader - SEPARATOR */
.sp-separator  {
    display: inline-block !important;
    height: 35px !important; 
   line-height: 35px !important;
    width: 100% !important;
/*     margin-bottom: 20px !important; */
    text-align: center !important;
border-radius: 5px !important;
background: #575f68 !important;
/*      background: red !important; */
}
.sp-separator a {
position: relative !important;
    display: inline-block !important;
    min-width: 602px !important;
/* max-width: 40% !important; */
    display: inline-block;
height: 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 .C...

Reviews

No reviews yet.