Mozilla Addon Widescreen NEW design (USw) v.145 by decembre

/* ==UserStyle==
@name           Mozilla Addon Widescreen NEW design (USw) v.145
@namespace      USO Archive
@author         decembre
@description    Reorganize and Compact it: It's better for a Widescreen(1920x1080)!
@version        20241024.02.06
@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.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;
} */

/*...