API tools faq
paste
Advertisement
decembre

STY - Mozilla Addon Widescreen v.68 - achived

decembre
Feb 18th, 2019
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 315.11 KB | None | 0 0
raw download clone embed print report
  1. /* AGENT_SHEET */
  2. @namespace url(http://www.w3.org/1999/xhtml);
  3.  
  4. @-moz-document regexp("https?://addons\\.mozilla\\.org/.*/firefox/.*"), regexp("https?://addons\\.mozilla\\.org/.*/mobile/.*"), regexp("https?://addons\\.mozilla\\.org/.*/thunderbird/.*"), regexp("https?://addons\\.mozilla\\.org/.*/android/.*"), regexp("https?://addons\\.mozilla\\.org/.*/seamonkey/.*") {
  5. /* ADD SUPPORT for :
  6. MOBILE pages : https://addons.mozilla.org/fr/mobile/addon/mobile-profiles/
  7. THUNDERBIRD Pages: https://addons.mozilla.org/fr/thunderbird/
  8. ANDROID pages :  https://addons.mozilla.org/fr/android/
  9. SEAMONKEY pages : https://addons.mozilla.org/fr/seamonkey/
  10. */
  11.  
  12.  
  13.  
  14.  
  15.  
  16. /* ============ Mozilla Addon Widescreen v.68 (new68) =======
  17. Manespace correction by Kurim:
  18. REGEXP namespace ? - How exclude "about-addons" page ?
  19. https://forum.userstyles.org/discussion/43248/regexp-namespace-how-exclude-about-addons-page
  20.  
  21. <a href="https://forum.userstyles.org/discussion/43248/regexp-namespace-how-exclude-about-addons-page">REGEXP namespace ? - How exclude &quot;about-addons&quot; page</a>
  22.  
  23. ========== */
  24. /* SUPERLOADER */
  25. .App-content {
  26.     background: #e9ecef none repeat scroll 0 0;
  27.     display: inline-block !important;
  28.     width: 100%;
  29.     height: 100% !important;
  30. }
  31. .App-content-wrapper {
  32.     display: inline-block;
  33.     margin: 0 auto;
  34.     max-width: 100% !important;
  35.     height: 100% !important;
  36.     width: 100% !important;
  37. }
  38. .Search {
  39.     display: inline-block !important;
  40.     width: 100% !important;
  41.     height: 100% !important;
  42. }
  43. .Search .SearchContextCard {
  44.     display: inline-block !important;
  45.     min-width: 0;
  46.     height: 100% !important;
  47. }
  48. .Search .SearchResults {
  49.     display: inline-block !important;
  50.     min-width: 0;
  51.     width: 100%;
  52.     height: 100% !important;
  53. }
  54. .Search .Card {
  55.     display: inline-block !important;
  56.     min-width: 0;
  57.     width: 100%;
  58.     height: 100% !important;
  59. }
  60. .Card-contents {
  61.     display: inline-block !important;
  62.     min-width: 0;
  63.     width: 100%;
  64.     height: 100% !important;
  65. }
  66. .CardList ul {
  67.     display: inline-block !important;
  68.     min-width: 0;
  69.     width: 100%;
  70.     height: 100% !important;
  71. }
  72. .sp-separator {
  73.     background-color: #f5f5f5;
  74.     border-bottom: 1px solid #ccc;
  75.     border-radius: 30px;
  76.     border-top: 1px solid #ccc;
  77.     box-shadow: 0 16px 20px #fff inset, 0 2px 3px rgba(0, 0, 0, 0.1);
  78.     clear: both;
  79.     display: block;
  80.     float: none;
  81.     font-size: 14px;
  82.     left: 0;
  83.     line-height: 1.6;
  84.     min-width: 366px;
  85.     opacity: 1;
  86.     padding: 3px 0;
  87.     position: relative;
  88.     text-align: center;
  89. /*     margin-top: 650px !important; */
  90.     width: auto;
  91. }
  92. .sp-separator ~ #react-view {
  93.     height: 100%;
  94. }
  95.  
  96. /*  (new68) SUPERLOADER PLUS - ALL - COLLECTION LIST - === */
  97. #main-wrapper {
  98.     margin-bottom: 125px !important;
  99. }
  100.  
  101. /* .sp-separator {
  102.   margin-top: 130px !important;
  103. } */
  104.  
  105.  
  106. /* (new60) - TEST - IN LIST - NEED RESTART -  === */
  107. span.is-restart-required
  108. div a.is-webextension,
  109. span.featured,
  110. span.is-restart-required {
  111.     position: absolute;
  112.     display: inline-block !important;
  113.     float: none !important;
  114.     left: 2px;
  115.     margin-top: 0px !important;
  116.     top: 47px !important;
  117.     padding: 2px 3px !important;
  118.     font-size: 8px !important;
  119.     color: white !important;
  120.     opacity: 0.7 !important;
  121. /* background-color: red !important; */
  122. }
  123. .island.hero.c.listing:not(.results) .items  span.is-restart-required {
  124.     position: absolute;
  125.     display: inline-block !important;
  126.     float: none !important;
  127.     width: 63px !important;
  128.     line-height: 10px !important;
  129.     left: -2px !important;
  130. /*   margin-top: -5px !important; */
  131.     top: 42px !important;
  132.     padding: 2px 3px !important;
  133.     font-size: 8px !important;
  134.     color: white !important;
  135. /* background-color: red !important; */
  136. }
  137.    
  138. /* (new59) TEST VERSION PAGE - NOT COMPATIBLE - === */
  139. .versions .listing .item .install-shell {
  140.     display: inline-block !important;
  141.     left: -48px !important;
  142.     z-index: 50000 !important;
  143. }
  144.  
  145. .versions .extra:not(:hover) {
  146.     position: absolute !important;
  147.     width: 155px !important;
  148.     height: 20px !important;
  149.     top: 5px ;
  150.     right: -80px ;
  151.     overflow: hidden ;
  152. /* transition: width ease 0.7s ; */
  153. }
  154. .versions .extra:not(:hover) .button.disabled.not-available {
  155.     height: 20px !important;
  156.     width: 150px ;
  157.     padding: 0 !important;
  158.     white-space: nowrap !important;
  159.     overflow: hidden ;
  160.     text-overflow: ellipsis ;
  161. }
  162.  
  163. .versions .extra:hover {
  164.     position: absolute !important;
  165.     height: 51px !important;
  166.     width: 305px !important;
  167.     top: -25px ;
  168.     right: -90px ;
  169.     transition: width ease 0.7s ;
  170. }
  171. .versions .primary > header {
  172.     width: 1150px !important;
  173.     margin-left:  290px !important;
  174.  
  175. }
  176. .versions .primary > header > hgroup {
  177.     display: inline-block;
  178.     height: 32px;
  179.     min-width: 1000px !important;/*  */
  180.     margin-left: 0px !important;
  181.     margin-top: 0px !important;
  182.     white-space: nowrap;
  183. }
  184. .versions section.primary h1 {
  185.     width: 100% ;
  186.     margin-left: 0 !important;
  187.     top: -3px !important;
  188. }
  189. .versions .primary>header>hgroup>h3 {
  190. /* margin-left: 490px !important; */
  191.     margin-top: -21px !important;
  192. }
  193. .versions .island.hero.c.listing:not(.results) {
  194.     min-width: 1890px !important;
  195.     min-height: 702px !important;
  196. }
  197.  
  198. /* TEST - H1 - for SEARCH pages  - TEST -
  199. PB SEARCH:
  200. https://addons.mozilla.org/fr/firefox/search/?q=tabs&appver=51.0.1&platform=windows
  201.  
  202. GOOD -
  203. EXTENSIONS LIST
  204. https://addons.mozilla.org/fr/firefox/extensions/search-tools/?sort=rating
  205.  
  206. TOUCH -
  207. ADDON INFO - #addon > hgroup h1.addon
  208. https://addons.mozilla.org/fr/firefox/addon/all-tabs-helper/?src=cb-dl-rating
  209.  
  210.  
  211. NOT MATCHED -
  212. COLLECTION - LIST EXTENSION
  213. https://addons.mozilla.org/fr/firefox/collections/ChessWriter/my/
  214.  
  215. THEMES:
  216. https://addons.mozilla.org/fr/firefox/themes/?sort=popular
  217.  
  218. ===== */
  219. /* TOP H1 - ALL - === */
  220. section.primary h1 {
  221.     top: -17px ;
  222. }
  223.  
  224.  
  225. /* END TEST SEARCH H1 ================ */
  226.  
  227.  
  228.  
  229.  
  230.  
  231. /* (new53) - ADAPTATION for GM "Super_preloaderPlus_one [English Version]" - Can work with GM "AUTOPAGERIZE" ENABLE - REWIEWS - ==== */
  232. #reviews + div.sp-separator {
  233.     position: relative !important;
  234.     max-width: 671px !important;
  235.     top: -30px !important;
  236.     left: -270px !important;
  237.     padding: 2px 0 !important;
  238.     opacity: 1 !important;
  239.     background-color: #f5f5f5 !important;
  240. }
  241. .sp-separator + #reviews {
  242.     min-width: 1655px !important;
  243.     height: 100% !important;
  244.     max-height: 100% !important;
  245.     min-height: 100% !important;
  246.     margin-left: -260px !important;
  247. }
  248. .sp-separator + #reviews .review {
  249.     width: 520px !important;
  250.     margin-right: 15px !important;
  251.     margin-bottom: 5px !important;
  252. }
  253.  
  254. /* (new54) - ADAPTATION for GM "Super_preloaderPlus_one [English Version]" - FEATURED  settings Page UP : Use IFRAME -
  255. https://addons.mozilla.org/En-us/firefox/extensions/?sort=featured&page=2
  256. === */
  257.  
  258.  
  259.  
  260. /* (new51) ADD TO COLLECTION -
  261. https://addons.mozilla.org/en-US/firefox/addon/add-to-collection/
  262. === */
  263. .addon-details .widgets {
  264.     display: inline-block !important;
  265. }
  266.  
  267. /* (new38) TEST - PROMOS IN HEADER - SUPP - === */
  268. #promos {
  269.     display: none !important;
  270. }
  271.  
  272. /* (new38) SITE BALLON - SUPP - === */
  273. .restyle .site-balloon {
  274.     display: none !important;
  275. }
  276.  
  277. /* .secondary */
  278. .primary {
  279.     background: #222 !important;
  280. }
  281.  
  282. .header-bg {
  283.     min-height: 0px !important;
  284.     max-height: 0px !important;
  285.     width: calc(100vw - 6px);
  286.     min-width: 1018px;
  287.     margin: 0 0 12px calc(-1 * ((100vw - 100%) / 2));
  288.     margin-bottom: 82px !important;
  289.     background-color: #0c99d5;
  290.     background-image: linear-gradient(to bottom, transparent 0px, transparent 100px), linear-gradient(to bottom, rgba(12, 153, 213, 0) 0px, #0c99d5 500px, #fff 0px), repeating-linear-gradient(118deg, rgba(12, 153, 213, 0) 0px, #00a7e0 550px, rgba(12, 153, 213, 0) 550px, #00a7e0 800px, rgba(12, 153, 213, 0) 800px, #00a7e0 950px);
  291.     background-position: 0 416px, 0 0px, 0 0;
  292. }
  293. .addon-details .header-bg,
  294. .home .header-bg,
  295. body:not(.home) .amo-header {
  296.     min-height: 0px !important;
  297.     max-height: 0px !important;
  298. }
  299. .addon-details .header-bg, .home .header-bg, body:not(.home) .amo-header {
  300.     min-height: 0px !important;
  301.     max-height: 0px !important;
  302. }
  303. /* (new68) TOP HEADER - ANDROID - === */
  304. .android.moz-header-slim.category-landing  .header-bg {
  305.     margin-bottom: 112px !important;
  306. }
  307.  
  308. /* (new25) - MESSAGE BALLON - === */
  309. .site-balloon {
  310.     position: absolute !important;
  311.     padding: 5px 41px 5px 5px !important;
  312.     color: #333;
  313.     background-color: #fcefb7;
  314.     z-index: 200 !important;
  315. }
  316.  
  317. /* (new35.7) BACKGROUND COLOR ALL - === */
  318. html body {
  319.     background-color: #222 !important;
  320.     color: #000;
  321. }
  322. #main-wrapper {
  323.     width: 1870px !important;
  324.     background: #222 !important;
  325.     border-top: 2px solid #fff;
  326. }
  327.  
  328.  
  329. /* (new22) COLLECTION LIST - TXT 'Updated ...." - === */
  330. .modified {
  331.     position: absolute !important;
  332.     display: inline-block !important;
  333.     width: 50%!important;
  334.     top: -24px !important;
  335.     left: 26% !important;
  336.     border-radius: 3px !important;
  337.     font-size: 11px !important;
  338.     background: black !important;
  339.     z-index: 50000 !important;
  340. }
  341.  
  342. /* (new33) TABZILLA WRAPPER OVERFLOW -
  343. PB:
  344. https://addons.mozilla.org/en-US/thunderbird/addon/t-bird-titlebar-tweaker/
  345. https://addons.mozilla.org/en-US/firefox/addon/rage3d-forums-menu/?src=dp-dl-oftenusedwith
  346.  
  347. === */
  348. #tabzilla-wrapper {
  349.      overflow-x: hidden !important;
  350. }
  351.  
  352. .amo-header + .primary {
  353.     display: inline;
  354.     clear: right;
  355.     height: 848px !important;
  356.     width: 73.47%;
  357. }
  358.  
  359. /* ALL - ARROWS - === */
  360. .more-info,
  361. .more-info:link,
  362. .more-info:visited,
  363. .more-info:hover,
  364. .more-info:focus,
  365. .more-info:active {
  366.      background-position: right -156px !important;
  367. }
  368.  
  369. /* (new13) INSTALL SHELL (not HIDDEN) - ALL - VOIR PLUS PRECIS - === */
  370. .install-shell:not(.hidden) {
  371.     display: inline-block;
  372.     position: relative !important;
  373.     height: 20px ! important;
  374.     line-height: 25px ! important;
  375.     left: -4px !important;
  376.     top: 8px !important;
  377.     z-index: 30 !important;
  378.     visibility: visible ! important;
  379. }
  380. /* (new43) A VOIR - INSTAL CONTAINER - HOME PAGE - === */
  381. .firefox.moz-header-slim.home #homepage.primary section.primary .addon.hovercard .more .install-shell {
  382.     top: -1px !important;
  383. }
  384.  
  385. /* (new57) INSTALL SHELL - SEARCH FACETS -
  386. https://addons.mozilla.org/fr/firefox/search/?q=icon&platform=windows&appver=46.0
  387. === */
  388. #search-facets +.primary .listing.results #pjax-results .c.pjax-trigger + .items .action > .install-shell {
  389.      display: inline-block;
  390.      top: -2px !important;
  391.     margin-left: 65px !important;
  392. }
  393. #search-facets +.primary .listing.results #pjax-results .autopagerize_page_info ~ .items .item.addon  .action > .install-shell  {
  394.      display: inline-block;
  395.      top: 8px !important;
  396.     margin-left: 65px !important;
  397. }
  398.  
  399. /* (new8) INSTALL SHELL - FEATURED - */
  400. .island.hero.c.listing  a + .c.pjax-trigger + .items .action > .install-shell {
  401.      display: inline-block ! important;
  402.      width: 307px ! important;
  403.      top: 32px ! important;
  404.      text-align: center ! important;
  405. }
  406.  
  407. /* (COR) COLL - MY COLL ADDON - INSTALL - ADD DATE UPDATE -
  408. https://addons.mozilla.org/en-US/firefox/collections/sloprlek/9ab5b145-93f1-f4db-d66a-ae7537/
  409. https://addons.mozilla.org/fr/firefox/collections/decembre/f3f38bb8-db89-66a9-5d25-159878/
  410. === */
  411.  .backup-button.install-wrapper:not(.hidden) .install-shell .install ,
  412. .section .primary .separated-listing .item .item-info> .install-shell .install {
  413.     display: inline-block ! important;
  414. /*    width: 307px ! important;*/
  415.     max-height: 20px ! important;
  416.     min-height: 20px ! important;
  417.     line-height: 20px ! important;
  418.     width: 380px ! important;
  419.     top: -2px ! important;
  420.     text-align: center! important;
  421. }
  422.  .backup-button.install-wrapper:not(.hidden) .install-shell .install {
  423.      top: -2px ! important;
  424. }
  425. .backup-button.install-wrapper .install-shell .install:before ,
  426. .section .primary .separated-listing .item .item-info> .install-shell .install:before {
  427. content: "Update : " attr(data-lastupdated-datetime) ! important;
  428.     position: absolute ! important;
  429.     width: 307px ! important;
  430.     top: -29px ! important;
  431.     right: -35px ! important;
  432.     font-size: 10px ;
  433.     color: peru ! important;
  434.     text-align: left ! important;
  435. }
  436.  
  437. /* (new42) INSTALL BUTTON (ALL) - BACKGROUND - === */
  438. a.button.go:link,
  439. a.button.go:visited,
  440. button.go,
  441. input.go[type="submit"],
  442. input.go[type="button"],
  443.  
  444. button[disabled],
  445. .button.disabled,
  446. .button.concealed,
  447. .button.caution.concealed ,
  448.  
  449. button.good,
  450. .button.good,
  451. .button.add {
  452.     background: linear-gradient(#84C63C, #489615) repeat scroll 0 0 #489615 ! important;
  453. }
  454.  
  455. .listing-grid .hovercard .button.concealed {
  456.     display: inline-block ! important;
  457. }
  458.  
  459. /* ==== (new57) AUTOPAGERIZE ADAPTATION -
  460. https://greasyfork.org/fr/scripts/4348-autopagerize
  461. === */
  462.  
  463. .autopagerize_page_info {
  464.     display: inline-block !important;
  465.     position: relative !important;
  466.     width: 100% !important;
  467.     text-align: center !important;
  468.     font-size: 8px !important;
  469.     color: white !important;
  470.     background: black !important;
  471.     z-index: 500000 !important;
  472. }
  473. .autopagerize_page_info a{
  474.     display: inline-block !important;
  475.     min-width: 20px !important;
  476.     height: 15px !important;
  477.     line-height: 15px !important;
  478.     text-align: center !important;
  479.     font-size: 14px !important;
  480.     color: white !important;
  481. background: red !important;
  482. }
  483.  
  484.  
  485. /* (new54) AUTOPAGERIZE ADAPTATION - SEARCH -
  486. OK :
  487. https://addons.mozilla.org/fr/firefox/search-tools/
  488. === */
  489. .featured.listing .autopagerize_page_separator{
  490.     position: relative !important;
  491.     display: inline-block !important;
  492.     width: 100% !important;
  493.     margin-bottom: 20px !important;
  494.  
  495. }
  496. .featured.listing .autopagerize_page_info {
  497.     position: relative !important;
  498.     display: inline-block !important;
  499.     width: 100% !important;
  500.     margin-bottom: 5px !important;
  501.     top: -15px !important;
  502. background: black !important;
  503. }
  504.  
  505. /* (new65) ADAPTATION FOR GM AUTOPAGERIZE  - SEARCH - ADDON -
  506. OK :
  507. https://addons.mozilla.org/fr/firefox/search/?q=tab&cat=1%2C0&appver=48.0&platform=windows
  508. === */
  509. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator {
  510.     margin-top: -20px !important;
  511. }
  512. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info  {
  513.     top: -30px !important;
  514.     margin-top: 0px !important;
  515.     margin-bottom: 36px !important;
  516. }
  517. /* (new66) ITEM INFO - WATCH -
  518. ADAPTATION FOR GM AUTOPAGERIZ
  519. https://addons.mozilla.org/fr/firefox/collections/?sort=followers
  520. https://addons.mozilla.org/en-US/firefox/extensions/
  521. === */
  522. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info +.action > .install-shell ,
  523. .island.hero.c.listing:not(.results) #sorter.pjax-trigger + .items .item .info +.action > .install-shell{
  524.      display: inline-block ! important;
  525.      width: 295px ! important;
  526.      top: 8px ! important;
  527.      left: 5px !important;
  528.      text-align: center ! important;
  529. }
  530. /* (new43) FEATURED / EXPERIMENTAL -
  531. ADD ADAPTATION GM AUTOPAGERIZE -
  532. for SEARCH : https://addons.mozilla.org/en-US/firefox/search/?q=security&cat=1%2C0&appver=29.0&platform=windows
  533. for FEATURED : https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured
  534. === */
  535. /* #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info + .action > .install-shell .install , */
  536. .action > .install-shell .install {
  537.     display: inline-block !important;
  538.     float: left;
  539.     max-height: 10px !important;
  540.     min-height: 10px !important;
  541.     padding: 2px !important;
  542. }
  543.  
  544.  
  545. /* (new43) FEATURED -
  546. https://addons.mozilla.org/fr/firefox/extensions/?sort=users
  547. === */
  548. /* (new43) ADAPTATION GM "AUTOPAGERIZE" */
  549. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .action > .install-shell .install-button ,
  550. .island.hero.c.listing  a + .c.pjax-trigger + .items .action > .install-shell .install-button {
  551.     position: absolute !important;
  552.     display: inline-block ! important;
  553.     width: 305px! important;
  554.     margin-top: -2px ! important;
  555.     text-align: center ! important;
  556. }
  557. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .action > .install-shell .install-button  {
  558.     margin-top: -3px ! important;
  559. }
  560. .install.featuredaddon {
  561.     background: transparent !important;
  562. /* outline: 1px solid violet !important; */
  563. }
  564.  
  565. .install.unreviewed {
  566.     background: transparent !important;
  567. /* outline: 1px solid peru !important; */
  568. }
  569. .install.lite {
  570.     background: transparent !important;
  571. }
  572. .install strong {
  573.     color: peru !important;
  574.     position: absolute !important;
  575.     display: inline-block ! important;
  576.     top: -6px !important;
  577.     text-align: right! important;
  578. }
  579. .install.lite>strong {
  580.     padding: 2px 5px ! important;
  581.     border-radius: 5px ! important;
  582.     background: #FFE57F ! important;
  583.     color: black !important;
  584. }
  585. .install.featuredaddon>strong {
  586.     padding: 2px 5px ! important;
  587.     border-radius: 5px ! important;
  588.     background: #336600 ! important;
  589. }
  590.  
  591. /* (new61) INSTALL BUTTON - ALL - ADAPT for ADDON PAGE display only one INSTAL button - === */
  592. .install-button ,
  593. .install-button a ,
  594. .install-button a span {
  595. /*     display: inline-block; */
  596.     height: 100% ! important;
  597.     min-height: 16px !important;
  598.     max-height: 16px ! important;
  599.     line-height: 13px ! important;
  600. }
  601. .install-button a span {
  602.     background-position: 0 -192px !important;
  603. }
  604. .install-button {
  605. min-width: 200px !important;
  606. max-width: 200px !important;
  607.     left: 77px;
  608. }
  609. .install-button a {
  610.     padding: 1px 5px ! important;
  611.     width: auto ! important;
  612. }
  613. .install-button a span {
  614.     padding: 0 6px 0px 15px ! important;
  615.     color: white ! important;
  616. }
  617.  
  618. /* (new60) INSTALL - BUTTON FOR / TELECHARGEMENY POUR ...*/
  619. .install-button .button.contrib.go {
  620.     min-width: 230px !important;
  621.     max-width: 230px !important;
  622.     left: -80px !important;
  623.     white-space: nowrap !important;
  624.     overflow: hidden !important;
  625.     text-overflow: ellipsis !important;
  626. }
  627. .install-button .button.contrib.go span  {
  628.     display: inline-block !important;
  629.     margin: 0;
  630.     padding: 0;
  631.     white-space: nowrap !important;
  632.     height: 14px !important;
  633.     line-height: 12px !important;
  634.     color: red !important;
  635.     opacity: 1 !important;
  636.     text-shadow: none ;
  637. }
  638.  
  639. /* CONTRIB */
  640. .install-button .button.contrib.go:hover span.os ,
  641. .install-button .button:not(:hover) span.os {
  642.     position: absolute !important;
  643.     display: inline-block !important;
  644.     min-width: 0px !important;
  645.     max-width: 109px !important;
  646.     margin-top: 15px !important;
  647.     left: 0 !important;
  648.     padding: 0 !important;
  649.     white-space: nowrap !important;
  650.     height: 15px !important;
  651.     color: white !important;
  652.     opacity: 1 !important;
  653. background: black !important;
  654. }
  655. .install-button .button.contrib.go:hover span.os {
  656.     color: white !important;
  657.     opacity: 1 !important;
  658. background: red !important;
  659. }
  660.  
  661. /* PLATEFORM */
  662. .install-button .button.download.platform:hover span.os ,
  663. .install-button .button:not(:hover) span.os {
  664.     position: absolute !important;
  665.     display: inline-block !important;
  666.     min-width: 0px !important;
  667.     max-width: 129px !important;
  668.     margin-top: 15px !important;
  669.     left: 0 !important;
  670.     padding: 0;
  671.     white-space: nowrap !important;
  672.     height: 15px !important;
  673.     color: white !important;
  674.     opacity: 0 !important;
  675. background: blue !important;
  676. }
  677. .install-button .button.download.platform:hover span.os {
  678.     color: white !important;
  679.     opacity: 1 !important;
  680. background: blue !important;
  681. }
  682.  
  683. /* (new26) BUT INST CONTRIB */
  684. .button.contrib.go.prominent.concealed ,
  685. .button.contrib.go.installer {
  686.     left: -6px !important;
  687.     top: 3px !important;
  688.     text-shadow: none !important;
  689.     text-shadow: 0 -1px 0 #3a7404 ! important;
  690.     box-shadow: none !important;
  691.     border-color: #3a7404 ! important;
  692. }
  693. .button.contrib.go.installer>span{
  694.     display: inline-block !important;
  695.     max-width: 155px !important;
  696.     min-width: 155px !important;
  697.     padding: 0px 1px 3px 0px ! important;
  698.     color: white ! important;
  699.     font-size: 12px ! important;
  700.     overflow: hidden !important;
  701.     text-overflow: ellipsis !important;
  702.     white-space: nowrap !important;
  703. }
  704.  
  705. /* (new61)  INSTALL BUTTON - ADAPT for ADDON PAGE display only one INSTAL button - FOR LIST */
  706. .separated-listing .item-info p:first-child.install-button a span ,
  707. .separated-listing .item-info p:first-child.install-button a ,
  708. .separated-listing .item-info p:first-child.install-button {
  709.     display: inline-block;
  710.     height: 100% ! important;
  711.     min-height: 16px !important;
  712.     max-height: 16px ! important;
  713.     line-height: 14px ! important;
  714.     font-size: 10px !important;
  715. }
  716.  
  717. /* PAGINATOR - REVIEWS PAGE AND ALL??? - === */
  718. .item + .paginator,
  719. .items + .paginator, #sorter + .paginator,
  720. #sorter + .listing-grid, #themes-listing .items {
  721.     left: 433px !important;
  722.     padding-top: 1em;
  723. }
  724.  
  725. /* (new23) PB SEARCH - COLL (.featured.listing) - ADDON ITEMS - CONT -
  726. PB:
  727. SEARCH : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  728. selector : .section .primary .featured.listing #addon-list-options ~ .item
  729. OK:
  730. https://addons.mozilla.org/en-US/firefox/collections/mine/
  731. https://addons.mozilla.org/en-US/firefox/collections/decembre/
  732. === */
  733. .section .primary .featured.listing .item {
  734.     position: relative ! important;
  735.     display: inline-block !important;
  736.     float: left !important;
  737.     clear: right ! important;
  738.     width: 320px !important;
  739.     height: 95px ! important;
  740.     top: 5px ! important;
  741.     margin-right: 6px ! important;
  742.     margin-bottom: 5px ! important;
  743.     overflow: hidden ! important;
  744.     overflow-y: auto ! important;
  745.     border: 1px solid gray ! important;
  746.     border-radius: 5px ! important;
  747. }
  748. .section .primary .featured.listing #addon-list-options ~ .item{
  749.     position: relative ! important;
  750.     display: inline-block !important;
  751.     float: left !important;
  752.     clear: right ! important;
  753.     width: 320px !important;
  754.     height: 125px ! important;
  755.     top: -29px ! important;
  756.     margin-right: 6px ! important;
  757.     margin-bottom: 5px ! important;
  758.     overflow: hidden ! important;
  759.     overflow-y: auto ! important;
  760.     border: 1px solid gray ! important;
  761.     border-radius: 5px ! important;
  762. }
  763.  
  764. /* (new8) PB SEARCH - COLL (.separated-listing) + (.featured.listing) - ITEMS - BLOCK INST BUTT + RAT/ NBR Utils -
  765. SEARCH : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  766. selector : .section .primary .featured.listing #addon-list-options ~ .item
  767. === */
  768. .separated-listing .item>.item-info {
  769.     position: relative !important;
  770.     display: inline-block !important;
  771.     float: none !important;
  772.     width: 377px !important;
  773.     height: 25px ! important;
  774.     line-height: 11px !important;
  775.     left: -58px !important;
  776.     top: -12px !important;
  777.     border-left: none ! important;
  778.     text-align: center !important;
  779. }
  780. /* (new8) MY COLL LIST -
  781. https://addons.mozilla.org/en-US/firefox/collections/decembre/
  782. === */
  783. .featured.listing  .item .item-info  {
  784.      position: absolute !important;
  785.      display: inline-block !important;
  786.      float: none !important;
  787.      width: 100% ! important;
  788.      width: 380px !important;
  789.      height: 25px ! important;
  790.      line-height: 11px !important;
  791.      left: -10px !important;
  792.      top: 85px !important;
  793.      bottom: 12px !important;
  794.      border-left: none ! important;
  795.      text-align: center !important;
  796. }
  797. /* (new12) SEARCH -
  798. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  799. === */
  800. .featured.listing  #addon-list-options ~  .item .item-info  {
  801.      margin-top: -32px !important;
  802. }
  803. .featured.listing  #addon-list-options ~  .item .item-info  .addon-rating {
  804.      position: relative !important;
  805.      display: inline-block !important;
  806.      width: 95px !important;
  807.      margin-left: -140px !important;
  808.      left: -10px ! important;
  809.      padding: 2px !important;
  810.      text-align: center !important;
  811.      top: -16px !important;
  812. /* background: red ! important; */
  813. }
  814. /* (new8) SEARCH - AUTHOR + NBR DOWNLOADS / UPDATE / SHARE FAV etc -
  815. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  816. === */
  817. .featured.listing  #addon-list-options ~  .item>h3>span {
  818.      position: relative !important;
  819.      display: inline-block !important;
  820.      overflow: visible !important;
  821.      margin-left: -70px !important;
  822.      left: 10px ! important;
  823. }
  824. .featured.listing  #addon-list-options ~  .item .item-info  .downloads {
  825.      margin-left: -3px !important;
  826.      margin-top: -16px !important;
  827.      text-align: left !important;
  828.      width: 182px !important;
  829. }
  830. .featured.listing  #addon-list-options ~  .item .item-info  .updated {
  831.      margin-left: -204px !important;
  832.      top: 2px !important;
  833.      text-align: left !important;
  834.      width: 182px !important;
  835. }
  836. .featured.listing  #addon-list-options ~  .item .item-info  .collection_widgets.widgets.condensed {
  837.      left: -145px !important;
  838.      top: 31px !important;
  839.      width: auto ! important;
  840. }
  841.  
  842. /* ============================= */
  843.  
  844. /* ==== BUTTON INSTALL === */
  845.  
  846. /* BUT INSTAL - SEARCH ADDON - ACTION BLOCK>INSTAL - FOLLOW COLL - VISIBILITY -
  847. (id="search-facets" class="secondary" )
  848. SEARCH FACETS: https://addons.mozilla.org/en-US/firefox/search/?q=privacy&platform=windows&appver=20.0&page=2&cat=1%2C0
  849. html body.html-ltr div#page.c section.primary div.listing div#pjax-results div.items div.item div.action div.install-shell
  850. === */
  851. .items .item.addon .action {
  852.      position: absolute !important;
  853.      height: 15px !important;
  854.      top: 42px !important;
  855.      padding: 0 !important;
  856.      border: none !important;
  857. }
  858. /* (new60) RATING / FOLLOWERS -
  859. FEATURED EXT :https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured&page=2
  860. === */
  861. .listing .item .vitals {
  862.      position: absolute !important;
  863.      display: inline-block !important;
  864.      width: 96% !important;
  865.      height: 13px ! important;
  866.      line-height: 13px ! important;
  867.      margin-top: -2px;
  868.      left: 25px !important;
  869.      top: 50px !important;
  870.      text-align: center !important;
  871. z-index: 0 !important;
  872. }
  873.  
  874. /* ADDON PAGE - PLATEFORM (win/Mac)  - A VOIR -
  875. https://addons.mozilla.org/fr/firefox/addon/bittorrent-surf-beta/
  876. === */
  877.  
  878. /* (new35) - MOZAIC - BY CATEGORIE / PRESENTATION PAGE -
  879. https://addons.mozilla.org/fr/firefox/extensions/games-entertainment/
  880. === */
  881. .firefox.moz-header-slim.category-landing .primary {
  882.     top: 25px;
  883. }
  884. .is-impala .island.hero {
  885.     width: 238px !important;
  886.     height: 100% !important;
  887.     max-height: 838px !important;
  888.     min-height: 838px !important;
  889.     max-width: 238px !important;
  890.     min-width: 238px !important;
  891.     margin-left: -480px !important;
  892.     top: -41px !important;
  893. }
  894. .is-impala .island.hero h1{
  895.     position: inherit !important;
  896.     display: inline-block !important;
  897.     width: 219px !important;
  898.     left: -505px !important;
  899.     top: -4px !important;
  900.     padding: 5px !important;
  901.     border-radius: 3px !important;
  902.     text-align: left !important;
  903.     font-size: 18px ! important;
  904.     white-space: pre-wrap ! important;
  905.     background: #222 !important;
  906. }
  907. /* (new12) BANNER */
  908. .banner-box {
  909.     position: absolute !important;
  910.     display: inline-block !important;
  911.     height: 100px;
  912.     width: 100px;
  913.     width: auto ! important;
  914.     left: 152px !important;
  915.     right: -15px;
  916.     top: -19px !important;
  917.     overflow: hidden;
  918.     pointer-events: none;
  919.     transform: scale(0.65) !important;
  920. }
  921. .banner-box .banner {
  922.     color: white !important;
  923.     transform: translate(50%, -50%) rotate(45deg) translateY(55px) ! important;
  924. /* transform: scale(0.5) !important; */
  925. /* transform: rotate(45deg) ! important; */
  926. /* transform: translate(50%, -50%) ! important; */
  927. /* transform: translateY(55px) ! important; */
  928. /* transform: translateX(55px) ! important; */
  929. }
  930. .banner-box .banner {
  931.     position: absolute;
  932.     display: inline-block !important;
  933.     top: 0;
  934.     right: 0;
  935.     padding: 6px 60px;
  936.     color: #fff;
  937.     text-align: center;
  938.     text-transform: uppercase;
  939.     white-space: nowrap;
  940.     background: none repeat scroll 0 0 #489615;
  941. }
  942. .install-wrapper.featuredaddon +.banner-box {
  943.     position: absolute !important;
  944.     display: inline-block !important;
  945.     left: 663px !important;
  946.     top: -15px !important;
  947.     transform: scale(0.7) !important;
  948. }
  949. .is-impala .island.hero .listing-grid.c.featured.three-col>section ,
  950. .is-impala .island.hero ul.listing-grid.c.featured.three-col {
  951.     position: absolute !important;
  952.     display: inline-block !important;
  953.     height: 200px;
  954.     width: 100% !important;
  955.     max-width: 219px !important;
  956.     min-width: 219px !important;
  957. }
  958. #popular-extensions +.primary [id^="featured-"] ,
  959. #popular-extensions +.primary #upandcoming ,
  960. .is-impala .island.hero  ~.island.c {
  961.     width: 1443px !important;
  962.     margin-left: -390px !important;
  963.     margin-bottom: 4px !important;
  964.     padding: 4px 14px 12px;
  965. }
  966. .is-impala  #page.c section.secondary + section.primary .island.c:not(.hero){
  967.     width: 1443px !important;
  968.     margin-left: -240px !important;
  969.     margin-top: -40px !important;
  970.     margin-bottom: 42px !important;
  971.     padding: 4px 14px 12px;
  972. }
  973.  
  974.  
  975.  
  976. /* =========== TEST ============  */
  977.  
  978. /* (new57) MOZAIC - CORRECTION FOR "NEWEST PAGE" -
  979. A VOIR :
  980. COLL NEWEST : https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  981. (NOT RESULT PAGE) :
  982. FEATURED EXTENSIONS :  https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured&page=2
  983. NOT SEARCH : https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  984. === */
  985. .island.hero.c.listing:not(.results) {
  986.     position: relative !important;
  987.     left: -465px !important;
  988.     min-width: 1700px !important;
  989.     max-width: 1700px !important;
  990.     min-height: 755px !important;
  991.     max-height: 755px !important;
  992. }
  993. /* (new66 ADAPTATION GM AUTOPAGERIZE */
  994. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items  ,
  995. .island.hero.c.listing:not(.results) .items {
  996.     display: inline-block !important;
  997.     position: relative !important;
  998.     min-width: 1680px !important;
  999.     max-width: 1680px !important;
  1000.     min-height: 770px !important;
  1001.     max-height: 770px !important;
  1002.     margin-bottom: 0px !important;
  1003.     overflow: hidden !important;
  1004.     overflow-y: auto !important;
  1005. }
  1006.  
  1007. /* (new66) ADAPTATION GM Super_preloaderPlus_one [English Version] */
  1008. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items ,
  1009. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items {
  1010.     display: inline-block !important;
  1011.     position: relative !important;
  1012.     min-width: 1676px !important;
  1013.     max-width: 1676px !important;
  1014.     min-height: 695px !important;
  1015.     max-height: 695px !important;
  1016.     margin-bottom: 24px !important;
  1017.     overflow: hidden !important;
  1018.     overflow-y: auto !important;
  1019. /* background: aqua !important; */
  1020. }
  1021. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item ,
  1022. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item {
  1023.     border-radius: 5px;
  1024.     height: 160px !important;
  1025.     top: 0px !important;
  1026.     margin-bottom: 11px !important;
  1027. /* background: aqua !important; */
  1028. }
  1029. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info ,
  1030. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info {
  1031.     display: inline-block !important;
  1032.     width: 100% !important;
  1033. width: 327px !important;
  1034.     height: 100% !important;
  1035.     min-height: 159px !important;
  1036.     max-height: 159px !important;
  1037.     padding: 0px !important;
  1038. overflow: hidden !important;
  1039. /* background: tomato !important; */
  1040. }
  1041. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 ,
  1042. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3{
  1043.     display: inline-block !important;
  1044.     width: 324px !important;
  1045.     height: 100% !important;
  1046.     min-height: 62px !important;
  1047.     max-height: 62px !important;
  1048.     top: 0 !important;
  1049. border: 1px solid gray !important;
  1050. /* background: blue !important; */
  1051. }
  1052. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a:first-of-type ,
  1053. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a:first-of-type {
  1054.     display: inline-block !important;
  1055.     width: 270px !important;
  1056.     height: 100% !important;
  1057.     min-height: 37px !important;
  1058.     max-height: 37px !important;
  1059.     margin-left: 24px !important;
  1060.     top: 0 !important;
  1061. /* background: tan !important; */
  1062. }
  1063. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 >  .featured ,
  1064. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 >  .featured {
  1065.     max-width: 60px !important;
  1066.     min-width: 60px !important;
  1067.     top: 24px !important;
  1068.     left: 282px !important;
  1069.  
  1070. }
  1071. #page.c section.primary .island.listing #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension ,
  1072. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension ,
  1073. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension {
  1074.     position: absolute;
  1075.     width: 50px !important;
  1076.     left: 0px !important;
  1077.     top: 60px !important;
  1078.     transition: all 0.7s ease 0s;
  1079.     white-space: nowrap;
  1080.     overflow: hidden;
  1081.     text-overflow: ellipsis;
  1082.     opacity: 0.4;
  1083.     z-index: 500 !important;
  1084. }
  1085. #page.c section.primary .island.listing #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension:hover  ,
  1086. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension:hover ,
  1087. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension:hover {
  1088.     position: absolute;
  1089.     width: 200px !important;
  1090.     opacity: 1 !important;
  1091. }
  1092. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > .desc  ,
  1093. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > .desc {
  1094.     position: relative;
  1095.     display: inline-block !important;
  1096.     width: 312px !important;
  1097.     height: 100% !important;
  1098.     min-height: 62px !important;
  1099.     max-height: 62px !important;
  1100. /*     top: 65px !important; */
  1101.     margin-top: 84px !important;
  1102.     margin-left: 1px !important;
  1103. border: 1px solid gray !important;
  1104. border-radius: 0 0 5px 5px !important;
  1105. overflow: hidden !important;
  1106. overflow-y: auto !important;
  1107. /* background: blue !important; */
  1108. }
  1109. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action,
  1110. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action {
  1111.     position: relative;
  1112.     width: 327px;
  1113.     top: 65px !important;
  1114. /* background: aqua !important; */
  1115. }
  1116. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell ,
  1117. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell {
  1118.     display: inline-block;
  1119.     left: 5px;
  1120.     top: 8px;
  1121.     width: 295px;
  1122. }
  1123. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell .install  ,
  1124. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action .install-shell .install {
  1125.     float: left !important;
  1126.     max-height: 10px !important;
  1127.     min-height: 10px !important;
  1128. }
  1129. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell .install-button  ,
  1130. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell .install-button {
  1131.     display: inline-block;
  1132.     position: absolute;
  1133.     width: 305px;
  1134.     top: -8px !important;
  1135. }
  1136.  
  1137. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items  .install-shell ,
  1138. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell {
  1139.      display: inline-block ! important;
  1140.      width: 295px ! important;
  1141.      top: 8px ! important;
  1142.      left: 5px !important;
  1143.      text-align: center ! important;
  1144. }
  1145.  
  1146. /* (new66) COLLECTION - ADAPT GM SUPER PRELOADER PLUS */
  1147. .collections  #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items {
  1148.     position: relative;
  1149.     min-height: 745px !important;
  1150.     max-height: 745px !important;
  1151.     min-width: 1680px !important;
  1152.     max-width: 1680px !important;
  1153.     margin-bottom: 0 !important;
  1154.     overflow-x: hidden;
  1155.     overflow-y: auto;
  1156. /* background: red !important; */
  1157. }
  1158. .collections  #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item .info + .action {
  1159.     position: relative;
  1160.     width: 327px;
  1161.     top: -137px !important;
  1162. /* background: aqua !important; */
  1163. }
  1164. .collections  #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell {
  1165.      display: inline-block ! important;
  1166.      width: 295px ! important;
  1167. height: 100% !important;
  1168.      min-height: 20px !important;
  1169.      max-height: 20px !important;
  1170. /*      top: -170px !important; */
  1171.      left: 5px !important;
  1172.      text-align: center ! important;
  1173. }
  1174.  
  1175. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items  .vitals.c {
  1176.     position: absolute !important;
  1177.     display: inline-block !important;
  1178.     height: 13px !important;
  1179.     width: 96% !important;
  1180.     left: 5px !important;
  1181.     top: 40px !important;
  1182.     text-align: center;
  1183.     z-index: 20;
  1184. }
  1185. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .author {
  1186.     display: inline-block !important;
  1187.     left: 0;
  1188.     max-width: 310px;
  1189.     min-width: 310px;
  1190.     overflow: hidden;
  1191.     position: absolute;
  1192.     text-align: center;
  1193.     text-overflow: ellipsis;
  1194.     top: 48px;
  1195.     white-space: nowrap;
  1196. }
  1197. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items  .vitals.c .followers {
  1198.     position: absolute;
  1199. right: 75px;
  1200.     top: 25px !important;
  1201. }
  1202.  
  1203. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell .watch.button {
  1204.     width: 294px;
  1205. height: 100% !important;
  1206.      min-height: 15px !important;
  1207.      max-height: 15px !important;
  1208. line-height: 0px !important;
  1209.     left: 0;
  1210. /* font-size: 0 !important; */
  1211. /* top: -190px !important; */
  1212.     opacity: 0.5 !important;
  1213. /* color: transparent !important; */
  1214. /* background-color: red !important; */
  1215. background-color: transparent !important;
  1216. }
  1217. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch.button::after {
  1218.     content: "follow";
  1219.     position: absolute;
  1220.     height: 10px;
  1221.     line-height: 10px;
  1222.     width: 75px;
  1223.     top: 3px;
  1224.     margin-left: 4px;
  1225.     padding: 1px;
  1226.     border-radius: 3px;
  1227.     color: transparent !important;
  1228.     text-align: center;
  1229. /* font-size: 20px !important; */
  1230. }
  1231. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch:hover ,
  1232. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch {
  1233.     width: 12px !important;
  1234.     height: 10px !important;
  1235.     top: 8px !important;
  1236.     left: -5px !important;
  1237.     font-size: 0 !important;
  1238.     background-color: transparent !important;
  1239.     opacity: 0.5 !important;
  1240. }
  1241. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch  {
  1242.     width: 290px !important;
  1243.     height: 13px !important;
  1244.     background-position: -0px -650px !important;
  1245.     background-repeat: no-repeat !important;
  1246.     background-image: url(https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b) !important;
  1247. }
  1248. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch:hover {
  1249.     width: 290px !important;
  1250.     background-position: 0 -700px !important;
  1251.     opacity: 1 !important;
  1252. }
  1253. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch:hover::after {
  1254.     color: gold !important;
  1255. }
  1256.  
  1257.  
  1258.  
  1259. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch.button:hover::after {
  1260.     background: green none repeat scroll 0 0;
  1261.     border-radius: 3px;
  1262.     color: gold;
  1263.     content: "follow";
  1264.     font-size: 10px;
  1265.     height: 10px;
  1266.     margin-left: 8px;
  1267.     margin-top: -1px;
  1268.     padding: 1px;
  1269.     position: absolute;
  1270.     width: 75px;
  1271. }
  1272.  
  1273.  
  1274. /* IS WATCHING */
  1275.  
  1276. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell  .is-watching {
  1277.     position: absolute;
  1278.     left: 50px !important;
  1279.     top: 18px !important;
  1280. color: tan !important;
  1281. }
  1282. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell:hover  .is-watching  {
  1283. visibility: hidden !important;
  1284. opacity: 0 !important;
  1285. }
  1286. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item.watching .action .install-shell .watch.button span {
  1287. visibility: hidden !important;
  1288. opacity: 0 !important;
  1289. background-color: red !important;
  1290. }
  1291. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item.watching .action .install-shell .watch.button:hover span {
  1292. font-size: 10px !important;
  1293. color: gold !important;
  1294. visibility: visible !important;
  1295. opacity: 1 !important;
  1296. }
  1297.  
  1298.  
  1299.  
  1300.  
  1301.  
  1302.  
  1303.  
  1304. /* (new68) COLLECTION - MOST FOLLOWED - ==== */
  1305. .collections .island.hero.c.listing {
  1306.     min-width: 1686px !important;
  1307.     max-width: 1686px !important;
  1308. }
  1309.  
  1310. .collections .island.hero.c.listing:not(.results) .items  {
  1311.     display: inline-block !important;
  1312.     position: relative !important;
  1313.     min-width: 1686px !important;
  1314.     min-height: 710px !important;
  1315.     max-height: 710px !important;
  1316.     margin-bottom: 24px !important;
  1317.     overflow: visible !important;
  1318. }
  1319.  
  1320.  
  1321. /* (new54) FOR FEATURED -
  1322. https://addons.mozilla.org/En-us/firefox/extensions/?sort=featured&page=1
  1323. - === */
  1324. #page.c section.primary .island.listing:not(.results) #sorter + .items  {
  1325.     margin-bottom: 45px !important;
  1326. }
  1327.  
  1328. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info + .items  {
  1329. margin-bottom: 0px !important;
  1330. margin-top: 0px !important;
  1331. /* background: red !important; */
  1332. }
  1333. /* ============== */
  1334. #related.secondary.metadata.c + section.primary {
  1335.     position: absolute !important;
  1336.     display: inline-block !important;
  1337.     width: 44% !important;
  1338.     height: 193px !important;
  1339.     left: 10px !important;
  1340.     margin-left: -464px !important;
  1341.     top: 81px !important;
  1342.     z-index: 10 !important;
  1343. }
  1344. #related.secondary.metadata.c + section.primary > section {
  1345.     max-height: 240px ! important;
  1346.     margin-top: 4px !important;
  1347.     padding-top: 10px !important;
  1348.     border-radius: 5px !important;
  1349.     border: 1px solid red !important;
  1350.     padding-bottom: 5px !important;
  1351. }
  1352. #related.secondary.metadata.c + section.primary > section:not([id="author-addons"])>h2{
  1353.     margin-bottom: 14px !important;
  1354.     margin-top: -12px !important;
  1355.     font-size: 17px !important;
  1356. }
  1357. /* (new34) RECOMMENDATION */
  1358. #related.secondary.metadata.c + section.primary > section:not([id="collections-grid"]) {
  1359.     margin-top: -8px !important;
  1360.     padding-top: 10px !important;
  1361.     border-radius: 5px !important;
  1362.     border: 1px solid red !important;
  1363. }
  1364. /* (new38) ADDON PAGE - COLLECTION */
  1365. #related.secondary.metadata.c + section.primary > section:last-of-type {
  1366.     display: inline-block !important;
  1367.     padding-bottom: 0 !important;
  1368.     border: 1px solid red !important;
  1369. }
  1370. #related.secondary.metadata.c + section.primary > #collections-grid {
  1371.     display: inline-block !important;
  1372.     margin-top: -10px !important;
  1373.     padding-bottom: 0 !important;
  1374.     border: 1px solid red !important;
  1375. }
  1376.  
  1377. #related.secondary.metadata.c + section.primary > section ul {
  1378.     box-sizing: border-box !important;
  1379.     display: inline-block !important;
  1380.     width: 100% !important;
  1381.     left: 0 !important;
  1382.     margin-top: -8px !important;
  1383. }
  1384.  
  1385. /* (new40) ADDON PAGE - AUTHOR ADDON -
  1386. STYLISH : https://addons.mozilla.org/fr/firefox/addon/stylish/
  1387. OPTIONS TOOLBAR BUTTON (large desciption + 6 author addon) : https://addons.mozilla.org/fr/firefox/addon/options-toolbar-button/?src=dp-dl-oftenusedwith
  1388. Nightly Tester Tools (FULL OPTIONS) : https://addons.mozilla.org/fr/firefox/addon/nightly-tester-tools/
  1389. === */
  1390. #related.secondary.metadata.c + section.primary > section#author-addons {
  1391.     position: absolute !important;
  1392.     display: inline-block !important;
  1393.     min-width: 428px !important;
  1394.     min-height: 240px !important;
  1395.     max-height: 240px !important;
  1396.     left: 15px !important;
  1397.     top: 237px !important;
  1398.     padding: 0 10px  5px 10px ! important;
  1399.     border-radius: 5px !important;
  1400.     border: 1px solid red !important;
  1401. }
  1402.  
  1403. #related.secondary.metadata.c + section.primary > section#author-addons h2 {
  1404.     font-size: 17px !important;
  1405. }
  1406.  
  1407. #related.secondary.metadata.c + section.primary > section#author-addons  section {
  1408.     position: relative;
  1409.     display: inline-block !important;
  1410.     left: -12px !important;
  1411.     max-width: 452px !important;
  1412.     min-width: 452px !important;
  1413. }
  1414. #related.secondary.metadata.c + section.primary > section#author-addons  section li {
  1415.     max-width: 210px !important;
  1416.     min-width: 210px !important;
  1417. }
  1418.  
  1419.  
  1420. /* (new40) ADDON PAGE - AUTHOR ADDON - ADD TXT "No Others Addon by this Author" - === */
  1421. .secondary.addon-reviews.c + #reviews.island:before  {
  1422.     content: "No Others Addon \A by this Author.... " !important;
  1423.     position: absolute !important;
  1424.     display: inline-block !important;
  1425.     min-height: 195px !important;
  1426.     max-height: 195px !important;
  1427.     line-height: 17px !important;
  1428.     width: 443px !important;
  1429.     left: 0px !important;
  1430.     top: -256px !important;
  1431.     padding: 50px 0px 0px 5px !important;
  1432.     border-radius: 5px !important;
  1433.     border: 1px solid red !important;
  1434.     white-space: pre !important;
  1435.     font-size: 17px !important;
  1436.     color: gold !important;
  1437. }
  1438. .previews ~ .secondary.addon-reviews.c + #reviews.island:before  {
  1439.     content: "No Others Addon \A by this Author.... " !important;
  1440.     position: absolute !important;
  1441.     display: inline-block !important;
  1442.     min-height: 194px !important;
  1443.     max-height: 194px !important;
  1444.     line-height: 17px !important;
  1445.     width: 442px !important;
  1446.     left: 0px !important;
  1447.     top: -254.2px !important;
  1448.     padding: 50px 0px 0px 5px !important;
  1449.     border-radius: 5px !important;
  1450.     border: 1px solid red !important;
  1451.     white-space: pre !important;
  1452.     font-size: 17px !important;
  1453.     color: gold !important;
  1454. }
  1455.  
  1456. /* (new65 ADDON PAGE - COLLECTIONS ADDON - ADD TXT "No Collections ..." - === */
  1457.  
  1458. /* NO COLL / NO OTHERS ADONS / NO REVIEW*/
  1459. .primary.addon-description-header:before    {
  1460.     content: "No Collections ..." !important;
  1461.     position: absolute !important;
  1462.     display: inline-block !important;
  1463.     min-height: 166px !important;
  1464.     max-height: 166px !important;
  1465.     line-height: 17px !important;
  1466.     width: 440px !important;
  1467.     left: -454px !important;
  1468.     top: 0px !important;
  1469.     padding: 50px 0px 0px 5px !important;
  1470.     border-radius: 5px !important;
  1471.     border: 1px solid yellow !important;
  1472.     white-space: pre !important;
  1473.     font-size: 17px !important;
  1474.     color: gold !important;
  1475.     z-index: 0 !important;
  1476. }
  1477.    
  1478. #related.secondary.metadata.c + section.primary > section#author-addons:before   {
  1479.     content: "No Collections ..." !important;
  1480.     position: absolute !important;
  1481.     display: inline-block !important;
  1482.     min-height: 166px !important;
  1483.     max-height: 166px !important;
  1484.     line-height: 17px !important;
  1485.     width: 443px !important;
  1486.     left: 0px !important;
  1487.     top: -226px !important;
  1488.     padding: 50px 0px 0px 5px !important;
  1489.     border-radius: 5px !important;
  1490.     border: 1px solid red !important;
  1491.     white-space: pre !important;
  1492.     font-size: 17px !important;
  1493.     color: gold !important;
  1494.     z-index: -1 !important;
  1495. }
  1496.  
  1497. .previews ~ #related.secondary.metadata.c + section.primary > section#author-addons:before   {
  1498.     content: "No Collections ..." !important;
  1499.     position: absolute !important;
  1500.     display: inline-block !important;
  1501.     min-height: 167px !important;
  1502.     max-height: 167px !important;
  1503.     line-height: 17px !important;
  1504.     width: 442px !important;
  1505.     left: 0px !important;
  1506.     top: -225px !important;
  1507.     padding: 50px 0px 0px 5px !important;
  1508.     border-radius: 5px !important;
  1509.     border: 1px solid red !important;
  1510.     white-space: pre !important;
  1511.     font-size: 17px !important;
  1512.     color: gold !important;
  1513.     z-index: -1 !important;
  1514. }
  1515. #related.secondary.metadata.c + section.primary.more-island #developer-comments:before   {
  1516.     content: "No Collections ..." !important;
  1517.     position: absolute !important;
  1518.     display: inline-block !important;
  1519.     min-height: 167px !important;
  1520.     max-height: 167px !important;
  1521.     line-height: 17px !important;
  1522.     width: 440px !important;
  1523.     left: 9px !important;
  1524.     top: 456px !important;
  1525.     padding: 50px 0px 0px 5px !important;
  1526.     border-radius: 5px !important;
  1527.     border: 1px solid red !important;
  1528.     white-space: pre !important;
  1529.     font-size: 17px !important;
  1530.     color: gold !important;
  1531.     z-index: -1 !important;
  1532. }
  1533.  
  1534. /* ALL */
  1535.  
  1536. /* (new67) TOP FIRST */
  1537. /* FIRST - .island.hero.c */
  1538. .listing-grid.featured.three-col.listing-grid section:first-child {
  1539.     display: inline-block !important;
  1540.     left: 121px !important;
  1541. }
  1542. .listing-grid.c.featured.three-col li .hovercard.addon {
  1543.     display: inline-block !important;
  1544.     width: 231px !important;
  1545.     height: 200px !important;
  1546.     top: 5px !important;
  1547.     left: -45px !important;
  1548.     padding: 0 !important;
  1549.     overflow: hidden !important;
  1550.     transition: width ease 0.7s , left ease 1s !important;
  1551. }
  1552. .listing-grid.c.featured.three-col li .hovercard:hover {
  1553.     display: inline-block !important;
  1554.     width: 700px !important;
  1555.     height: 200px !important;
  1556.     top: -130px !important;
  1557.     left: -215px !important;
  1558.     border-radius: 5px ! important;
  1559.     transition: width ease 1s , left ease 0.7s !important;
  1560. }
  1561. .listing-grid.c.featured.three-col li .hovercard:hover .more {
  1562.     height: 150px !important;
  1563.     margin-left: 235px !important;
  1564.     margin-top: -174px !important;
  1565.     width: 442px !important;
  1566.     padding: 10px !important;
  1567.     border-radius: 0 0 5px 0 !important;
  1568.     background: #333  !important;
  1569. }
  1570. .listing-grid.c.featured.three-col li .hovercard:hover .more > .install-shell  {
  1571.     width: 480px !important;
  1572.     text-align: center !important;
  1573. }
  1574. .listing-grid.c.featured.three-col li .hovercard.addon > a {
  1575.     display: inline-block !important;
  1576.     min-width: 222px !important;
  1577. }
  1578. .listing-grid.c.featured.three-col li .hovercard.addon .summary {
  1579.     display: inline-block !important;
  1580.     -moz-box-sizing: border-box !important;
  1581.     width: 230px !important;
  1582.     height: auto !important;
  1583.     margin-left: 1px !important;
  1584.     padding: 5px !important;
  1585.     border-radius: 5px  !important;
  1586.     background: #222 !important;
  1587. }
  1588. .listing-grid.c.featured.three-col li .hovercard.addon:hover .summary h3 {
  1589.     min-width: 680px !important;
  1590.     border-radius: 3px 3px 0 3px !important;
  1591.     text-align: center !important;
  1592.     background: #333 !important;
  1593. }
  1594. .listing-grid.c.featured.three-col li .hovercard.addon:hover > a  {
  1595.     display: inline-block !important;
  1596.     -moz-box-sizing: border-box !important;
  1597.     width: 700px !important;
  1598.     height: auto !important;
  1599.     margin-left: 1px !important;
  1600.     border-radius: 5px  !important;
  1601. }
  1602. .listing-grid.c.featured.three-col li .hovercard.addon:hover .summary {
  1603.     display: inline-block !important;
  1604.     width: 700px !important;
  1605.     height: auto !important;
  1606.     margin-left: 1px !important;
  1607.     padding: 5px !important;
  1608.     border-radius: 5px  !important;
  1609.     background: #222 !important;
  1610. }
  1611.  
  1612.  
  1613. .listing-grid.c.featured.three-col li .hovercard.addon .summary  div img {
  1614.     border: none !important;
  1615.     box-shadow: none !important;
  1616. }
  1617.  
  1618. .listing-grid.c.featured.three-col li .hovercard.addon h3 {
  1619.     max-width: 215px !important;
  1620.     min-width: 215px !important;
  1621.     padding: 2px 5px !important;
  1622.     overflow: hidden;
  1623.     text-overflow: ellipsis;
  1624.     white-space: nowrap;
  1625. }
  1626.  
  1627.  
  1628.  
  1629. /* (new8) 3 COL - COUNTER - === */
  1630. #popular-extensions +.primary [id^="featured-"] .listing-grid  ,
  1631. #popular-extensions +.primary #upandcoming .listing-grid  ,
  1632. .listing-grid.c.cols-3 {
  1633.     counter-reset: myIndex 0 !important;
  1634.     display: inline-block !important;
  1635. }
  1636. #popular-extensions +.primary [id^="featured-"] .listing-grid section li:after ,
  1637. #popular-extensions +.primary #upandcoming .listing-grid section li:after ,
  1638. .listing-grid.c.cols-3 li:after {
  1639.     content: counter(myIndex, decimal) ;
  1640.     counter-increment: myIndex 1 ;
  1641.     position: absolute ;
  1642.     min-width: 19px ;
  1643.     top: 49px ;
  1644.     left: 15px ;
  1645.     border-radius: 10px 10px 10px 10px ;
  1646.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
  1647.     font-size: 15px ;
  1648.     text-align: center ;
  1649.     background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) ;
  1650. }
  1651. /* (new41) PERSONAS - === */
  1652. #popular-extensions +.primary [id^="featured-"] .listing-grid.personas section li:after {
  1653.     top: 25px ! important;
  1654.     left: 3px  ! important;
  1655.     z-index: 100  ! important;
  1656. }
  1657. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li {
  1658.     border-radius: 5px;
  1659.     height: 90px !important;
  1660. }
  1661.  
  1662. #popular-extensions +.primary [id^="featured-"] .listing-grid.personas section li h3 {
  1663.     width: 201px !important;
  1664.     text-align: center !important;
  1665. }
  1666.  
  1667. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona  {
  1668.     height: 90px !important;
  1669. }
  1670. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona .persona-preview {
  1671.     position: relative;
  1672.     float: right;
  1673.     width: 182px!important;
  1674.     height: 48px;
  1675.     overflow: hidden;
  1676.  
  1677. border: 1px solid gray ! important;
  1678. }
  1679. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona .more {
  1680.     display: inline-block !important;
  1681.     top: -12px !important;
  1682.     padding: 0;
  1683. }
  1684.  
  1685. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona:hover {
  1686.     border-radius: 5px;
  1687.     height: 75px !important;
  1688. }
  1689. /* (COR) */
  1690. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona:hover .more.adu {
  1691.     display: inline-block !important;
  1692.     width: 193px ! important;
  1693.     padding: 0 10px ! important;
  1694.     left: -10px ! important;
  1695. /*    padding: 0;*/
  1696. }
  1697. /* (new44) A VOIR - 3 COL */
  1698. #popular-extensions +.primary [id^="featured-"] .listing-grid section li ,
  1699. #popular-extensions +.primary #upandcoming .listing-grid section li ,
  1700. .listing-grid.c.cols-3 section li {
  1701.     position: relative !important;
  1702.     display: inline-block !important;
  1703.     -moz-box-sizing: border-box !important;
  1704.     height: 70px !important;
  1705.     max-width: 215px ! important;
  1706.     min-width: 215px ! important;
  1707.     margin-bottom: 1px !important;
  1708.     left: 5px !important;
  1709.     margin-right: 5px !important;
  1710.     border-radius: 5px !important;
  1711.     background: black !important;
  1712. }
  1713.  
  1714.  
  1715. .hovercard.addon {
  1716.     margin-bottom: 5px;
  1717.     margin-left: 45px !important;
  1718.     margin-right: 5px;
  1719.     margin-top: 5px;
  1720.     top: -5px !important;
  1721. }
  1722. .hovercard.collection.addon {
  1723.     margin-bottom: 5px;
  1724.     margin-left: 45px !important;
  1725.     margin-right: 5px;
  1726.     margin-top: 5px;
  1727.     top: -5px !important;
  1728. }
  1729. .hovercard:hover .more {
  1730.     position: relative;
  1731.     top: -4px !important;
  1732.     padding: 0 14px 8px 12px;
  1733. }
  1734.  
  1735. .hovercard:hover .more .extra span.notavail {
  1736.     position: relative ! important;
  1737.     display: inline-block ! important;
  1738.     top: -12px ! important;
  1739. }
  1740. .hovercard:hover .more > .install-shell {
  1741.     top: -3px !important;
  1742. }
  1743. /*(new58) ADDON PAGE - FREQUENT USE WITH - INSTALL CONTAINER -
  1744. ADAPTATION GM AUTOPAGERIZE
  1745. === */
  1746. #author-addons ul.listing-grid.c.cols-3 section li .addon.hovercard .more >.install-shell  ,
  1747. .addon-details #recommendations-grid ul.listing-grid.c.cols-3 section li .addon.hovercard .more .install-shell .install {
  1748.     top: -16px !important;
  1749. }
  1750. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info +.action > .install-shell {
  1751.     top: 8px !important;
  1752. }
  1753. /* (new44) - 3 coll - ADDON PAGE - COLLECTION LEFT === */
  1754. #collections-grid ul section li:last-of-type {
  1755.     position: relative !important;
  1756.     display: inline-block !important;
  1757.     -moz-box-sizing: border-box !important;
  1758.     min-height: 90px !important;
  1759.     max-width: 435px ! important;
  1760.     min-width: 435px ! important;
  1761.     margin-top: 15px !important;
  1762.     margin-bottom: -10px !important;
  1763.     left: 8px !important;
  1764.     margin-right: 12px !important;
  1765.     border-radius: 5px !important;
  1766.     background: black !important;
  1767. }
  1768. #collections-grid ul section li:last-of-type .hovercard.collection.addon .desc {
  1769.     max-width: 350px ! important;
  1770.     min-width: 350px ! important;
  1771. }
  1772.  
  1773. /* (new8) 3 COLL - LIST BLOCK CONTAINER -  OTHER - === */
  1774. #popular-extensions +.primary [id^="featured-"] .listing-grid ,
  1775. #popular-extensions +.primary #upandcoming .listing-grid  ,
  1776. .listing-grid.c.cols-3 {
  1777.     min-width: 428px !important;
  1778.     max-width: 1410px !important;
  1779.     height: auto !important;
  1780.     margin-top: -10px !important;
  1781.     margin-bottom: -10px !important;
  1782. }
  1783. #popular-extensions +.primary [id^="featured-"] .listing-grid section ,
  1784. #popular-extensions +.primary #upandcoming .listing-grid section  ,
  1785. .listing-grid.c.cols-3 section {
  1786.     display: inline-block !important;
  1787.     position: relative;
  1788.     width: 1400px !important;
  1789.     left: 20px !important;
  1790. }
  1791.  
  1792.  
  1793. /* (new55) 3 COLL - LIST BLOCK CONTAINER -  ADDON INFO (left side) - -
  1794. https://addons.mozilla.org/en-US/firefox/addon/open-link-host/?src=dp-dl-oftenusedwith
  1795. #related + .primary.island.c .listing-grid.c.cols-3 section
  1796. #breadcrumbs ~ .island.c:not(.hero) .listing-grid.c.cols-3
  1797.  
  1798. #recommendations-grid / #collections-grid / #author-addons
  1799. === */
  1800.  
  1801. [id$="-grid"] .listing-grid.c.cols-3 ,
  1802.  #author-addons {
  1803.     max-width: 425px !important;
  1804.     min-width: 425px !important;
  1805. }
  1806. [id$="-grid"] .listing-grid.c.cols-3 section ,
  1807.  #author-addons section {
  1808.     display: inline-block !important;
  1809.     position: relative;
  1810.     max-width: 445px !important;
  1811.     min-width: 445px !important;
  1812.     left: -12px !important;
  1813. }
  1814. .listing-grid.c.cols-3 section li:only-of-type {
  1815.     margin-left: -2px ;
  1816. /* outline: 1px solid violet !important; */
  1817. }
  1818. /* DIVERS */
  1819. .hovercard a .icon img,
  1820. .hovercard.addon .icon a img {
  1821.     background: none repeat scroll 0 0 rgba(191, 191, 190, 0.33) !important;
  1822.     border-radius: 5px 5px 5px 5px !important;
  1823.     box-shadow: 0 0 2px #CCCCCC inset !important;
  1824.     height: 32px !important;
  1825.     margin-top: -3px !important;
  1826.     padding: 2px !important;
  1827.     width: 32px !important;
  1828. }
  1829.  
  1830. #recommendations-grid ul.listing-grid section li .addon .summary {
  1831.     display: inline-block !important;
  1832.     width: 98% !important;
  1833.     max-height: 65px !important;
  1834.     min-height: 65px !important;
  1835.     padding: 2px !important;
  1836.     color: #666666 !important;
  1837.     white-space: normal !important;
  1838.     overflow: hidden !important;
  1839. }
  1840.  
  1841. /* (new38) (PB COR background) -  ADDON PAGE - PREVIEW BOX - WITH COUNTER -
  1842. https://addons.mozilla.org/en-US/thunderbird/addon/t-bird-titlebar-tweaker/
  1843. ===  */
  1844. .previews {
  1845.     background: radial-gradient(ellipse farthest-side at center top , rgba(133, 133, 133, 0.5), rgba(16, 83, 130, 0)) no-repeat scroll 0 0 / 100% 5px, radial-gradient(ellipse farthest-side at center bottom , rgba(135, 135, 135, 0.5), rgba(7, 7, 7, 0)) no-repeat scroll 0 bottom / 100% 5px, -moz-linear-gradient(left center , #070707, transparent, #060606) no-repeat scroll 0 0px, -moz-linear-gradient(center top , transparent, #070707 50px, #000000 180px, transparent) no-repeat scroll 0 0 transparent !important;
  1846.     position: relative !important;
  1847.     display: inline-block !important;
  1848.     width: 755px !important;
  1849.     height: 140px!important;
  1850.     height: auto !important;
  1851.     margin-left: 1px !important;
  1852.     margin-top: 334px ! important;
  1853.     margin-bottom: 6px !important;
  1854.     padding-bottom: 9px !important;
  1855.     padding-top: 22px !important;
  1856.     border-radius: 3px !important;
  1857. }
  1858.  
  1859. /* (new40) */
  1860. .restyle .previews .carousel {
  1861.     height: 189px !important;
  1862.     margin-bottom: -5px !important;
  1863.     margin-left: -20px !important;
  1864.     margin-top: -18px !important;
  1865.     padding: 4px 20px !important;
  1866. }
  1867. .previews .control {
  1868.     height: 175px !important;
  1869.     line-height: 175px !important;
  1870. }
  1871. /*  (PB COR 4 background) -  */
  1872. .previews .control.prev {
  1873.     background: -moz-linear-gradient(left center , #000000 50%, #2D2C2C) repeat scroll 0 0 transparent !important;
  1874.     width: 30px !important;
  1875. }
  1876. .previews .control.prev {
  1877.     background: -moz-linear-gradient(left center , #000000 50%, rgba(45, 44, 44, 0.36)) repeat scroll 0 0 transparent !important;
  1878. }
  1879. .previews .control.next {
  1880.     background: -moz-linear-gradient(left center , #2D2C2C, #000000 50%) repeat scroll 0 0 transparent !important;
  1881.     width: 30px !important;
  1882. }
  1883. .previews .control.next {
  1884.     background: -moz-linear-gradient(left center , rgba(45, 44, 44, 0.36), #000000 50%) repeat scroll 0 0 transparent !important;
  1885. }
  1886. .previews .carousel .slider.slider .panel:first-of-type {
  1887.     display: inline-block !important;
  1888.     width: 33% !important;
  1889.     margin-left: 1% !important;
  1890. }
  1891. .previews .carousel .slider.slider .panel {
  1892.     display: inline-block !important;
  1893.     width: 32.5% !important;
  1894.     margin-left: 1% !important;
  1895. }
  1896.  
  1897. /* COUNTER */
  1898. .previews .panel {
  1899.     counter-increment: myIndex !important;
  1900. }
  1901. .previews .panel {
  1902.     counter-increment: myIndex !important;
  1903.     display: inline-block !important;
  1904.     width: 29% !important;
  1905.     margin-left: 4% !important;
  1906. }
  1907.  
  1908. .previews .panel:after {
  1909.     content: counter(myIndex, decimal) ;
  1910.     position: absolute ;
  1911.     min-width: 19px ;
  1912.     margin-left: 15% ;
  1913.     margin-top: 3px ;
  1914.     border-radius: 10px 10px 10px 10px ;
  1915.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
  1916.     font-size: 15px ;
  1917.     text-align: center ;
  1918.     background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) ;
  1919.     z-index: 10 ;
  1920. }
  1921.  
  1922. /* TOTAL BACKGROUND - === */
  1923. #tabzilla-wrapper {
  1924.     background: transparent !important;
  1925.     border-top: 2px solid #FFFFFF;
  1926. }
  1927.  
  1928. /* (new16) LOGIN - === */
  1929. .login .island.hero.prettyform {
  1930.     max-width: 458px !important;
  1931.     min-width: 458px !important;
  1932.     width: 100% !important;
  1933.     max-height: 275px !important;
  1934.     min-height: 275px !important;
  1935.     height: 100% !important;
  1936.     margin-left: 420px !important;
  1937. }
  1938. .login .island.hero.prettyform h1 {
  1939.     max-width: 458px !important;
  1940.     min-width: 458px !important;
  1941.     margin-left: 500px !important;
  1942.     text-align: center!important;
  1943. }
  1944. .login .island.hero.prettyform .listing-footer {
  1945.     height: 212px !important;
  1946.     margin: 0 -1.1em -1.1em;
  1947. }
  1948.  
  1949. .login .island.hero.prettyform .listing-footer .login-option {
  1950.     margin-left: -3px !important;
  1951.     margin-top: -12px !important;
  1952. }
  1953. .login #id_username,
  1954. .login #id_password {
  1955.     width: 460px !important;
  1956.     color: red !important;
  1957. }
  1958. .login-option.prettyform input[type="text"] {
  1959.     height: 20px !important;
  1960.     background: #DAD8D8 !important;
  1961. }
  1962. .login-option.prettyform label {
  1963.     display: inline-block !important;
  1964.     width: 470px !important;
  1965.     margin-top: 4px!important;
  1966.     text-align: center !important;
  1967.     color: gold !important;
  1968. }
  1969. .login-option.prettyform fieldset#normal-login {
  1970.     display: inline-block !important;
  1971.     width: 470px !important;
  1972.     max-height: 229px !important;
  1973.     min-height: 229px !important;
  1974.     left: -20px !important;
  1975. }
  1976. .login-option.prettyform fieldset#normal-login ul {
  1977.     display: inline-block !important;
  1978.     width: 480px !important;
  1979.     left: -20px !important;
  1980. }
  1981.  
  1982.  
  1983. /* (new9) VERSION PAGE - === */
  1984. .listing .warning {
  1985.     position: absolute !important;
  1986.     width: 400px !important;
  1987.     top: -120px !important;
  1988. }
  1989. #tabzilla-wrapper #page.c section.primary >header +.island.c.listing {
  1990.     border: 1px solid yellow !important;
  1991.     display: inline-block !important;
  1992.     max-width: 1860px !important;
  1993.     min-width: 1860px !important;
  1994.     min-height: 1272px ! important;
  1995.     max-height: 1272px ! important;
  1996.     margin-left: 10px ! important;
  1997.     margin-top: 20px !important;
  1998. }
  1999. #tabzilla-wrapper #page.c section.primary >header +.island.c.listing .paginator.c.pjax-trigger {
  2000.     position: relative !important;
  2001.     display: inline-block !important;
  2002.     min-width: 29% !important;
  2003.     left: 6px !important;
  2004.     top: -1300px !important;
  2005.     padding-right: 70px !important;
  2006. }
  2007. #tabzilla-wrapper #page.c section.primary header hgroup h3 {
  2008.     margin-bottom: 7px !important;
  2009.     margin-left: 202px !important;
  2010. }
  2011. #tabzilla-wrapper #page.c section.primary >header +.island .items {
  2012.     display: inline-block !important;
  2013.     max-width: 1882px !important;
  2014.     min-width: 1882px !important;
  2015. }
  2016.  
  2017. /* (new68) VERSION INFOS - ALL - === */
  2018. [id^="version-"]{
  2019.     display: inline-block !important;
  2020.     max-width: 715px !important;
  2021.     min-width: 715px !important;
  2022.     height: auto ! important;
  2023. }
  2024. #detail-relnotes .content.listing .items .version  {
  2025.     position: relative ! important;
  2026.     display: inline-block !important;
  2027.     height: auto !important;
  2028.     left: 0 !important;
  2029.     top: -15px !important;
  2030.     border-radius: 5px 5px 0 0 !important;
  2031.     font-size: 16px !important;
  2032.     text-align: center !important;
  2033.  
  2034. }
  2035. #detail-relnotes .content.listing .items .version .info {
  2036.     position: relative ! important;
  2037.     display: inline-block !important;
  2038.     height: auto !important;
  2039.     min-width: 710px !important;
  2040.     max-width: 710px !important;
  2041.     top: 2px !important;
  2042. padding: 0 !important;
  2043.     text-align: left !important;
  2044. /* overflow: visible ! important; */
  2045.  
  2046. }
  2047. #detail-relnotes .content.listing .items .version .info h3 {
  2048.     position: relative ! important;
  2049.     display: inline-block !important;
  2050.     height: auto !important;
  2051.     min-width: 700px !important;
  2052.     max-width: 700px !important;
  2053.     top: 20px ! important;
  2054.     margin-top: -22px !important;
  2055.     margin-left: 0px !important;
  2056.     padding: 6px  ! important;
  2057.     text-align: left !important;
  2058.     background: black ! important;
  2059. }
  2060. #detail-relnotes .content.listing .items .version .info .desc {
  2061.     position: relative ! important;
  2062.     display: inline-block !important;
  2063.     min-width: 690px !important;
  2064.     max-width: 690px !important;
  2065.     margin: -10px 0 -8px -6px !important;
  2066.     padding: 5px 0 0 0 !important;
  2067. }
  2068. #detail-relnotes .item.version .action {
  2069.     position: relative !important;
  2070.     display: inline-block !important;
  2071.     float: none !important;
  2072.     left: 10px !important;
  2073.     margin-top: -50px !important;
  2074.     width: 700px !important;
  2075. }
  2076. #detail-relnotes.expando.expanded .content.listing  .more.c a {
  2077.     position: relative !important;
  2078.     display: inline-block !important;
  2079.     top: -50px !important;
  2080.     left: 4px !important;
  2081.     color: red !important;
  2082.     background: blue !important;
  2083. }
  2084.    
  2085. #detail-relnotes .item.version .action  .install-shell:not(.hidden) {
  2086.     position: relative !important;
  2087.     display: inline-block !important;
  2088.     height: 20px;
  2089.     left: -4px;
  2090.     position: relative;
  2091.     top: 38px !important;
  2092.     z-index: 30;
  2093. }
  2094.  
  2095.  
  2096. /*(new9) VERSION INFO - VERSION PAGE */
  2097. .autopagerize_page_info ~.items.versions-list  .version.item ,
  2098. .warning + .items .version.item {
  2099.     position: relative !important;
  2100.     display: inline-block !important;
  2101.     max-width: 305px !important;
  2102.     min-width: 305px !important;
  2103.     min-height: 240px ! important;
  2104.     max-height: 240px ! important;
  2105.     margin-bottom: 12px ! important;
  2106.     border-radius: 5px ! important;
  2107.     overflow: visible !important;
  2108. }
  2109. .autopagerize_page_info ~.items.versions-list  .version.item .info ,
  2110. .warning + .items .version.item .info {
  2111.     position: relative !important;
  2112.     display: inline-block !important;
  2113.     max-width: 300px !important;
  2114.     min-width: 300px !important;
  2115.     margin-left: -5px !important;
  2116.     text-align: left ! important;
  2117. }
  2118. .autopagerize_page_info ~.items.versions-list  .version.item .info h3 ,
  2119. .warning + .items .version.item .info h3 {
  2120.     position: relative !important;
  2121.     display: inline-block !important;
  2122.     max-width: 295px !important;
  2123.     min-width: 295px !important;
  2124.     min-height: 50px ! important;
  2125.     max-height: 50px ! important;
  2126.     margin-top: -13px !important;
  2127.     top: -5px ! important;
  2128.     margin-left: -5px ! important;
  2129.     padding: 1px 5px ! important;
  2130.     text-align: left ! important;
  2131.     background: black ! important;
  2132. }
  2133. .autopagerize_page_info ~.items.versions-list  .version.item .info h3 .meta.compat ,
  2134. .warning + .items .version.item .info h3 .meta.compat {
  2135.     overflow: hidden !important;
  2136.     text-overflow: ellipsis !important;
  2137.     white-space: nowrap !important;
  2138.     width: 284px !important;
  2139. }
  2140. .autopagerize_page_info ~.items.versions-list  .version.item .info  .desc ,
  2141. .warning + .items .version.item .info .desc {
  2142.     position: relative !important;
  2143.     display: inline-block !important;
  2144.     max-width: 295px !important;
  2145.     min-width: 295px !important;
  2146.     min-height: 120px ! important;
  2147.     max-height: 12px ! important;
  2148.     margin: 0px 0 -15px -5px !important;
  2149.     padding: 5px !important;
  2150.     border-top: 1px solid gray ! important;
  2151.     border-bottom: 1px solid gray ! important;
  2152.     overflow: hidden ! important;
  2153.     overflow-y: auto ! important;
  2154. }
  2155. .autopagerize_page_info ~.items.versions-list  .version.item .action ,
  2156. .warning + .items .version.item .action {
  2157.     border-top: 1px dotted #c9ddf2;
  2158.     position: absolute !important;
  2159.     display: inline-block !important;
  2160.     max-width: 300px !important;
  2161.     min-width: 300px !important;
  2162.     left: 0px !important;
  2163.     top: 40px ! important;
  2164.     text-align: center ! important;
  2165.     padding: 0px ! important;
  2166. }
  2167. .autopagerize_page_info ~.items.versions-list  .version.item  .info .source ,
  2168. .warning + .items .version.item .info .source {
  2169.     width: 297px ! important;
  2170.     margin-top: 15px ! important;
  2171.     margin-left: -4px !important;
  2172.     padding: 0 3px ! important;
  2173.     background: black !important;
  2174.     font-size: 0 ! important;
  2175. }
  2176. .autopagerize_page_info ~.items.versions-list  .version.item  .info .source li a ,
  2177. .warning + .items .version.item .info .source li a {
  2178.     font-size: 11px  ! important;
  2179. }
  2180. /* (new68) ADDON PAGE - MORE INFOS - VERSION / DEV CHANNEL ADDON PAGES CENTER - === */
  2181. .primary.island.more-island {
  2182.     display: inline-block !important;
  2183.     height: 100% !important;
  2184.     height: auto !important;
  2185.     width: 725px !important;
  2186.     top: -272px !important;
  2187.     left: 2px !important;
  2188.     padding: 5px 13px 5px 15px !important;
  2189. }
  2190. #page.c  #lightbox ~  .primary.island.more-island {
  2191.     display: inline-block !important;
  2192.     height: 100% !important;
  2193.     height: auto !important;
  2194.     width: 725px !important;
  2195.     top: -347px !important;
  2196.     left: 2px !important;
  2197.     padding: 5px 13px 5px 15px !important;
  2198. }
  2199.  
  2200. .primary.island.more-island h2 {
  2201.     font-size: 17px !important;
  2202. }
  2203. .primary.island.more-island #developer-comments.expando ,
  2204. .primary.island.more-island #detail-relnotes.expando ,
  2205. .primary.island.more-island #beta-channel.expando {
  2206.     padding: 0px 10px 0 15px !important;
  2207. }
  2208. .primary.island.more-island #developer-comments.expando:hover ,
  2209. .primary.island.more-island #detail-relnotes.expando:hover ,
  2210. .primary.island.more-island #beta-channel.expando:hover {
  2211.     background: #333 !important;
  2212. }
  2213.  
  2214. .island .expando .toggle {
  2215.     position: absolute;
  2216.     height: 20px !important;
  2217.     left: -14px;
  2218.     right: -14px;
  2219.     top: 0px !important;
  2220. }
  2221. .island .expando.expanded {
  2222.     margin-bottom: 10px !important;
  2223.     top: 10px !important;
  2224. }
  2225. .island .expando.expanded .toggle {
  2226.     bottom: -14px;
  2227.     left: -14px;
  2228.     position: absolute;
  2229.     right: -14px;
  2230.     top: 0px !important;
  2231. }
  2232. .expando.expanded .content {
  2233.     position: relative;
  2234.     display: block;
  2235.     margin-top: 25px !important;
  2236. }
  2237. /* (new68) ADDON PAGE (NO COMMENTS / NO OTHERS / NO REVIEW / NO SCREENSHOT / NO CATEGORIES) - MORE INFOS - VERSION / DEV CHANNEL ADDON PAGES CENTER -
  2238. https://addons.mozilla.org/fr/firefox/addon/roll20-character-import-export/?src=search
  2239.  === */
  2240.  
  2241. #page.c  #related +  .primary.island.more-island  {
  2242.     display: inline-block !important;
  2243.     height: 100% !important;
  2244.     height: auto !important;
  2245.     width: 729px !important;
  2246.     top: 647px !important;
  2247.     left: 464px !important;
  2248.     padding: 5px 13px 5px 15px !important;
  2249. /* border: 1px solid violet !important; */
  2250. }
  2251. #page.c  #related +  .primary.island.more-island #developer-comments:before {
  2252.     display: none !important;
  2253. }
  2254.  
  2255. /* PAGE HEIGHT - === */
  2256. body >.section ,
  2257. #page {
  2258.     min-height: 896px !important;
  2259. }
  2260.  
  2261. /* BORDER / SHADOW  ======= */
  2262. .notice {
  2263.     border: 1px solid gray !important;
  2264.     box-shadow: 0 -1px 0 #5E5E5E inset, 0 1px 0 rgba(197, 194, 194, 0.17);
  2265. }
  2266.  
  2267. /* FONT - HELVETICA - === */
  2268. * {
  2269.     font-family: "helvetica neue",arial,helvetica,sans-serif !important;
  2270. }
  2271.  
  2272. /* TEST - SMALL ICONS PLUGIN VERIF -
  2273. (SITES LIST : https://www.mozilla.org/community/direct) - === */
  2274. .plugin-status-container  img.icon {
  2275.     height: 30px !important;
  2276.     width: 31px !important;
  2277. }
  2278.  
  2279.  
  2280. /* =========== END TEST ============ */
  2281.  
  2282. /* [[1]] ==== MOZ THEME  ==== */
  2283.  
  2284. /* (new54) THEMES(.personas-home) - HEADER PRESENT - NOT SEARCH -
  2285. https://addons.mozilla.org/fr/firefox/themes/
  2286. === */
  2287. #featured-addons.featured.personas-home {
  2288.     position: relative !important;
  2289.     display: inline-block !important;
  2290.     min-width: 405px !important;
  2291.     max-width: 405px !important;
  2292.     margin-left: -400px !important;
  2293.     margin-top: 60px !important;
  2294. }
  2295.  
  2296. #featured-addons.featured.personas-home .featured-inner.themes  {
  2297.     display: inline-block !important;
  2298.     height: 796px !important;
  2299.     width: 1600px !important;
  2300.     padding: 0 5px !important;
  2301.     border: 1px solid gray !important;
  2302. }
  2303.  
  2304. #global-header-tab ~ .primary header + .featured.listing .personas-grid + .listing-footer {
  2305.     display: inline-block !important;
  2306.     left: -180px !important;
  2307.     padding: 1px 6px 4px !important;
  2308.     position: absolute !important;
  2309.     top: -26px !important;
  2310.     width: 560px !important;
  2311. }
  2312. #global-header-tab ~.primary[role="main"] header:not(.results-head) ol#breadcrumbs.breadcrumbs +h2 {
  2313.     width: 836px ! important;
  2314.     left: 279px !important;
  2315.     top: 0px !important;
  2316.     padding: 2px 5px !important;
  2317.     text-align: center !important;
  2318.     font-size: 18px!important;
  2319.     background: #333333! important;
  2320. }
  2321. #featured-addons.featured.personas {
  2322.     display: inline-block !important;
  2323.     max-width: 260px !important;
  2324.     min-width: 260px !important;
  2325.     margin-left: -460px !important;
  2326.     margin-top: 5px !important;
  2327.     padding: 10px 20px 20px 30px !important;
  2328. }
  2329. #featured-addons.featured.personas .featured-inner {
  2330.     border: none !important;
  2331.     background: linear-gradient(rgba(0, 0, 0, 0.37), #2f3132) repeat scroll 0 0 rgba(4, 4, 4, 0) ! important;
  2332. }
  2333. #featured-addons.featured.personas .featured-inner h3{
  2334.     border-radius: 5px !important;
  2335.     padding: 5px 5px 8px 5px  !important;
  2336.     text-align: center !important;
  2337. }
  2338. #featured-addons.featured.personas .persona-list-3col>li {
  2339.     position: relative !important;
  2340.     display: inline-block !important;
  2341.     clear: left !important;
  2342.     width: 100% !important;
  2343. }
  2344. #featured-addons.featured.personas .persona-list-3col + p {
  2345.     margin-left: -8px !important;
  2346.     width: 249px !important;
  2347.     border-top: 1px dotted #e0effd;
  2348.     padding: 2px ! important;
  2349.     text-align: left ! important;
  2350. }
  2351. #featured-addons.featured.personas .persona-small {
  2352.     width: 222px !important;
  2353. }
  2354. #featured-addons.featured.personas ~ .addons-column {
  2355.     position: relative !important;
  2356.     display: inline-block !important;
  2357.     width: 220px !important;
  2358.     height: 0 !important;
  2359.     margin-left: -110px !important;
  2360.     top: 25px !important;
  2361. }
  2362. /* (new50) THEMES (.featured-inner.themes)+ (.featured.personas-home) -  TOP BACKGROUND IMAGE - === */
  2363. #featured-addons.personas-home .featured-inner.themes {
  2364.     height: 764px !important;
  2365.     margin-top:-28px !important;
  2366.     background-position: -82px -50px !important;
  2367.     background-repeat: no-repeat;
  2368.     background-size: 110% auto;
  2369. }
  2370. .section .primary .personas-featured {
  2371.     position: absolute !important;
  2372.     float: right !important;
  2373.     display: inline-block !important;
  2374.     min-width: 450px !important;
  2375.     max-width: 450px !important;
  2376.     height: 790px !important;
  2377.     margin-left: 755px !important;
  2378.     top: 65px !important;
  2379. }
  2380. .personas-featured ul.persona-list-3col{
  2381.     width: 400px !important;
  2382.     height: 750px !important;
  2383.     margin-top: -13px !important;
  2384.     padding-left: 11px !important;
  2385.     padding-right: 11px !important;
  2386.     padding-bottom: 0 !important;
  2387.     border: 1px solid red !important;
  2388. }
  2389. .personas-featured ul.persona-list-3col>li {
  2390.     position: relative !important;
  2391.     display: inline-block !important;
  2392.     width: 405px !important;
  2393.     height: 145px !important;
  2394.     margin-top: -4px !important;
  2395.     margin-bottom: -22px !important;
  2396.     padding: 0 !important;
  2397.     overflow: hidden;
  2398. /* background: blue !important; */
  2399. }
  2400. .personas-featured ul.persona-list-3col .persona.hovercard {
  2401.     display: inline-block !important;
  2402.     min-width: 380px !important;
  2403.     margin-right: 0 !important;
  2404.     background: black !important;
  2405. }
  2406. .personas-featured ul.persona-list-3col .restyle .persona.hovercard:focus,
  2407. .personas-featured ul.persona-list-3col .restyle .persona.hovercard:hover {
  2408.     display: inline-block !important;
  2409.     height: 118px !important;
  2410.     z-index: 500 !important;
  2411. }
  2412. .personas-featured ul.persona-list-3col .restyle .persona.hovercard a {
  2413.     position: relative !important;
  2414.     display: inline-block !important;
  2415.     min-width: 380px !important;
  2416.     background: rgba(0, 0, 0, 0)!important;
  2417. }
  2418. .personas-featured ul.persona-list-3col .persona.hovercard .persona-preview {
  2419.     display: inline-block !important;
  2420.     float: none;
  2421.     min-width: 380px !important;
  2422.     margin-bottom: -9px  !important;
  2423. }
  2424. .personas-featured ul.persona-list-3col  h3 {
  2425.     max-width: 380px !important;
  2426.     min-width: 380px !important;
  2427. }
  2428. .personas-featured ul.persona-list-3col .persona.hovercard .persona-install button {
  2429.     float: right !important;
  2430.     height: auto;
  2431.     padding: 3px;
  2432.     margin-top: -40px !important;
  2433. }
  2434.  
  2435. #featured-addons.featured .featured-inner.themes h2 {
  2436.     color: #C63717;
  2437.     margin-top: 2px !important;
  2438.     width: 200px !important;
  2439.     font-size: 2.6em !important;
  2440. }
  2441. /* (new50) */
  2442. #featured-addons.featured .featured-inner.complete-themes h2 {
  2443.     display: inline-block !important;
  2444.     width: 320px !important;
  2445.     margin-top: 20px !important;
  2446.     font-size: 15px !important;
  2447.     color: #C63717;
  2448. }
  2449. .primary .personas-featured h3 {
  2450.     width: 425px !important;
  2451.     line-height: 22px !important;
  2452.     margin-top: 0px !important;
  2453.     padding-bottom: 3px !important;
  2454.     border-radius: 5px !important;
  2455.     text-align: center !important;
  2456.     color: #C63717 !important;
  2457. }
  2458. .primary .featured.personas~[id^="personas"] .view-all ,
  2459. .primary .featured.personas ~[id^="personas"] h3 ,
  2460. .primary .featured.personas-home ~[id^="personas"] .view-all ,
  2461. .primary .featured.personas-home ~[id^="personas"] h3 {
  2462.     line-height: 22px !important;
  2463.     padding-bottom: 3px !important;
  2464.     margin-top: -30px !important;
  2465.     border-radius: 5px !important;
  2466.     text-align: center !important;
  2467.     color: #C63717 !important;
  2468. }
  2469.  
  2470. #featured-addons.featured.personas-home .featured-inner.themes p.intro {
  2471.     display: inline-block !important;
  2472.     height: 140px !important;
  2473.     width: 360px !important;
  2474.     margin-top: -15px !important;
  2475.     padding: 5px !important;
  2476.     border: 1px solid red !important;
  2477.     border-radius: 5px !important;
  2478.     font-size: 1.3em !important;
  2479. }
  2480. #featured-addons.featured .featured-inner.themes p.intro a.more-info {
  2481.     position: relative !important;
  2482.     display: inline-block !important;
  2483.     width: 200px !important;
  2484.     top: 20px !important;
  2485.     left: 75px !important;
  2486.     background-position: 95% -151px;
  2487. }
  2488. #featured-addons.featured.personas-home .featured-inner.complete-themes p.intro {
  2489.     display: inline-block !important;
  2490.     width: 160px !important;
  2491.     height: 280px !important;
  2492.     margin-top: 02px !important;
  2493.     margin-left: -10px !important;
  2494.     padding: 25px 5px 5px 5px !important;
  2495.     border: 1px solid red !important;
  2496.     border-radius: 5px !important;
  2497.     font-size: 1.1em !important;
  2498. }
  2499. #featured-addons.featured .featured-inner.complete-themes p.intro a.more-info {
  2500.     position: relative !important;
  2501.     display: inline-block !important;
  2502.     line-height: 15px !important;
  2503.     margin-top: 50px !important;
  2504.     font-size: 15px !important;
  2505.     text-align: center !important;
  2506.     background-position: 96% -147px !important;
  2507. }
  2508. #featured-addons.featured {
  2509.     position: relative !important;
  2510.     display: inline-block;
  2511.     min-width: 1623px !important;
  2512. }
  2513. .primary #featured-addons.featured .featured-inner.complete-themes {
  2514.     position: absolute !important;
  2515.     width: 150px !important;
  2516.     height: 361px !important;
  2517.     left: 15px !important;
  2518.     top: 152px !important;
  2519.     background: transparent !important;
  2520. }
  2521. .personas-featured ~ .addons-column {
  2522.     position: absolute !important;
  2523.     display: inline !important;
  2524.     width: 220px !important;
  2525.     height: 0px !important;
  2526.     top: 95px !important;
  2527. }
  2528. #personas-popular.addons-column {
  2529.     position: absolute !important;
  2530.     display: inline-block !important;
  2531.     left: 38.8% !important;
  2532. }
  2533. .featured.personas-home  ~   #personas-popular.addons-column  {
  2534.     position: absolute !important;
  2535.     display: inline-block !important;
  2536.     left: 52% !important;
  2537. }
  2538. #personas-rating.addons-column {
  2539.     position: absolute !important;
  2540.     display: inline-block !important;
  2541.     left: 77.5% !important;
  2542. }
  2543. #featured-addons .personas-slider {
  2544.     position: absolute !important;
  2545.     display: inline-block !important;
  2546.     height: 257px !important;
  2547.     width: 190px !important;
  2548.     top: 210px !important;
  2549.     left: -20px !important;
  2550.     margin: 30px 0 -10px 218px !important;
  2551.     padding: 0px   !important;
  2552.     border: 1px solid red !important;
  2553.     overflow: hidden !important;
  2554.     background: #222222 !important;
  2555. }
  2556. /* (COR) */
  2557. .arrow {
  2558.     position: absolute !important;
  2559.     display: inline-block !important;
  2560.     width: 0 !important;
  2561.     left: 198px !important;
  2562.     padding: 0px 95px !important;
  2563. /*    border: 1px solid gray !important;*/
  2564.     text-indent: -9999px !important;
  2565.     border: 1px solid red !important;
  2566.     background: #222222 !important;
  2567. }
  2568.  
  2569. .arrow.prev {
  2570.     margin-top: 204px !important;
  2571.     padding-top: 0px !important;
  2572.     padding-bottom: 0px !important;
  2573.     border-radius: 5px 5px 0 0 !important;
  2574. }
  2575. .arrow.prev:before {
  2576.     left: 90px ;
  2577.     top: 0px ;
  2578.     border-bottom: 9px solid red !important;
  2579. }
  2580. .arrow.next {
  2581.     margin-top: 194px !important;
  2582.     padding-top: 0px !important;
  2583.     border-radius: 0 0 5px 5px !important;
  2584. }
  2585. .arrow.next:before {
  2586.     left: 90px ;
  2587.     top: 7px ;
  2588.     border-top: 9px solid red !important;
  2589. }
  2590. .persona.persona-small.persona-hover .persona-inner {
  2591.     background-color: #333333 !important;
  2592.     border-radius: 3px !important;
  2593. }
  2594.  
  2595. /* THEMES - ADDON PAGE - === */
  2596. /* SUBBMIT BUTT - === */
  2597. #persona.primary #review-box.highlight form input{
  2598.     display: inline-block !important;
  2599.     padding: 2px 3px !important;
  2600.     font-size: 10px !important;
  2601.     opacity: 0.5 !important;
  2602. }
  2603. #persona.primary #review-box.highlight form input:hover {
  2604.     opacity: 0.8 !important;
  2605. }
  2606.  
  2607. /*  (new50) THEME - CARD -
  2608. OK :
  2609. https://addons.mozilla.org/fr/firefox/addon/green-waves-of-light-madonna/
  2610. https://addons.mozilla.org/fr/firefox/addon/wonderful-riot/
  2611. === */
  2612. #persona.primary .featured {
  2613.     position: absolute !important;
  2614.     display: inline-block !important;
  2615.     left: -200px !important;
  2616.     width: 401px !important;
  2617.     height: 0px !important;
  2618.     border: none !important;
  2619. }
  2620. hgroup + #persona.primary .featured .featured-inner.object-lead {
  2621.     position: relative !important;
  2622.     display: inline-block !important;
  2623.     float: right !important;
  2624.     width: 350px !important;
  2625.     min-height: 720px !important;
  2626.     left: 250px !important;
  2627.     margin-top: 230px !important;
  2628.     padding-top: 30px !important;
  2629.     border: 1px solid gray !important;
  2630. }
  2631. #persona-summary table {
  2632.     width: 355px !important;
  2633.     margin-left: 5px !important;
  2634.     background: #222222 !important;
  2635. }
  2636. .section #persona.primary {
  2637.     clear: left;
  2638.     float: right !important;
  2639. }
  2640. #persona #more-personas {
  2641.     min-width: 800px !important;
  2642.     height: 365px !important;
  2643.     padding: 10px !important;
  2644.     border-radius: 5px !important;
  2645.     background: #333333 !important;
  2646. }
  2647. #persona #more-personas .article {
  2648.     height: 281px !important;
  2649.     border: 1px solid gray !important;
  2650.     background: #222222 !important;
  2651. }
  2652. #persona.primary #reviews + .article {
  2653.     width: 792px !important;
  2654.     border: 1px solid gray !important;
  2655.     border-radius: 3px 3px 3px 3px;
  2656.     background-color: #222222 !important;
  2657. }
  2658.  
  2659. /* (new33)(ALL) + THEME - ADD REVIEW - TEXT EDIT - === */
  2660. #persona.primary #review-box.highlight  {
  2661.     height: 262px !important;
  2662.     width: 795px !important;
  2663. }
  2664. .prettyform fieldset {
  2665.     position: relative !important;
  2666.     display: inline-block !important;
  2667.     width: 350px !important;
  2668.     height: 400px !important;
  2669.     top: -20px !important;
  2670. }
  2671.  
  2672. /* (new33) -
  2673. POST REVIEW:
  2674. https://addons.mozilla.org/en-US/firefox/addon/stylish-editor-modified/reviews/add
  2675. ==== */
  2676. #reviews.primary fieldset.prose {
  2677.     position: relative !important;
  2678.     display: inline-block !important;
  2679.     width: 700px !important;
  2680.     height: 470px !important;
  2681.     top: -250px !important;
  2682.     padding: 5px !important;
  2683.     border-radius: 5px !important;
  2684. }
  2685. #reviews.primary fieldset.prose h2 {
  2686. position: absolute !important;
  2687.     display: inline-block !important;
  2688.     margin-top: -30px !important;
  2689. }
  2690. #reviews.primary fieldset.prose ul {
  2691.     position: relative !important;
  2692.     display: inline-block;
  2693.     top: 0px !important;
  2694.     left: -10px !important;
  2695.     color: gray !important;
  2696. }
  2697. #reviews form {
  2698.     display: inline-block !important;
  2699.     width: 850px !important;
  2700.     padding: 20px !important;
  2701.     background-color: #333333 !important;
  2702.     border-radius: 5px !important;
  2703. }
  2704.  
  2705.  
  2706. .prettyform input[type="text"],
  2707. .prettyform input[type="color"],
  2708. .prettyform input[type="password"],
  2709. .prettyform select,
  2710. .prettyform textarea {
  2711.     display: inline-block;
  2712.     padding: 8px !important;
  2713.     border: 1px solid gray !important;
  2714.     box-shadow: 0 1px gray inset !important;
  2715.     color: gray !important;
  2716. }
  2717. .prettyform h3, .prettyform .row > label {
  2718.     color: gray !important;
  2719. }
  2720. .prettyform input[type="text"] {
  2721.     min-width: 424px !important;
  2722.     height: 25px !important;
  2723.     background: #292828 !important;
  2724. }
  2725. .prettyform textarea {
  2726.     vertical-align: text-top;
  2727.     min-width: 600px !important;
  2728. }
  2729. .ratingwidget {
  2730.     padding: 1px 0 !important;
  2731.     border: 7px solid #716F6F !important;
  2732.     border-radius: 5px !important;
  2733.     background-color: #716F6F !important;
  2734. }
  2735.  
  2736.  
  2737. /* THEMES - MOST POPULAR - === */
  2738. .personas-grid li {
  2739.     display: inline-block;
  2740.     margin-bottom: -0.51em !important;
  2741.     width: 15.9% !important;
  2742. }
  2743.  
  2744.  
  2745. /* [[1]]END ==== MOZ THEME  ==== */
  2746.  
  2747.  
  2748. /* [[2]] ==== MOZ ADDON  ==== */
  2749.  
  2750. /* (new20) - SCREENSHOT PREVIEW LIGHTBOX -=== */
  2751. #lightbox  {
  2752.     position: fixed !important;
  2753.     left: calc(100% - 70%) !important;
  2754.     top: -7% !important;
  2755.     background: transparent !important;
  2756.     opacity: 1 ! important;
  2757. }
  2758. #lightbox section {
  2759.     min-height: 690px !important;
  2760.     max-height: 690px !important;
  2761.     border:  15px solid rgba(85, 83, 83, 0.6) !important
  2762. }
  2763. #lightbox .content,
  2764. #lightbox .controls {
  2765.     background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important;
  2766. }
  2767. #lightbox .content{
  2768. /* height: 800px !important; */
  2769.     border:  15px solid rgba(85, 83, 83, 0.6) !important
  2770. }
  2771. /* (new48) LIGHTBOX PREVIEW - CAPTION - CONTAINER - === */
  2772. #lightbox.show section .controls {
  2773.     height: 99px !important;
  2774.     top: 560px !important;
  2775. }
  2776. #lightbox .caption {
  2777.     position: relative ! important;
  2778.     display: inline-block !important;
  2779.     min-width: 584px !important;
  2780.     height: 100% !important;
  2781.     height: 95px !important;
  2782.     top: 5px ! important;
  2783.     font-size: 17px ! important;
  2784. }
  2785. #lightbox .caption span {
  2786.     position: relative ! important;
  2787.     display: inline-block  ! important;
  2788.     min-height: 70px !important;
  2789.     max-height: 84px !important;
  2790.     padding: 5px 20px !important;
  2791.     border-radius: 5px  ! important;
  2792.     overflow-y: auto ! important;
  2793.     background: black !important;
  2794. }
  2795.  
  2796. /* ======= END ==  LIGHTBOX POSITION ===== */
  2797.  
  2798. /* ADD TO COLL - POPUP - ITEMS HOVER - === */
  2799. #ajax_collections_list li:hover {
  2800.     background-color: #B7B7B7 !important;
  2801. }
  2802.  
  2803. /* (new55) ADD TO COLL - LEFT ARROW  - === */
  2804. #add-to-collection.install-note:after,
  2805. #add-to-collection.popup:after {
  2806.     left: -11px !important;
  2807.     top: 10px !important;
  2808.     border-color: transparent transparent #FFFFFF ;
  2809.     border-width: 24px ;
  2810.     transform: rotate(-90deg) ;
  2811. }
  2812. #add-to-collection.install-note:before,
  2813. #add-to-collection.popup:before {
  2814.     left: -20px !important;
  2815.     top: 5px !important;
  2816.     border-width: 28px ;
  2817.     transform: rotate(-90deg) ;
  2818. }
  2819.  
  2820.  
  2821. /* TOP HEADER - (ALL) HEADER SEARCH - ===  */
  2822. .header-search {
  2823.     position: absolute ! important;
  2824.     width: 330px !important;
  2825.     height: 16px !important;
  2826.     padding: 3px !important;
  2827.     right: 127px !important;
  2828.     top: 32px !important;
  2829.     background: transparent !important;
  2830.     box-shadow: 1px 0 2px rgba(164, 163, 163, 0.5) inset, 0 0 0 rgba(149, 139, 139, 0.1) !important;
  2831. }
  2832.  
  2833. /*  TOP HEADER - SEARCH INPUT - === */
  2834. .header-search input {
  2835.     height: 19px ! important;
  2836.     line-height: 14px !important;
  2837.     padding: 0px 2px 3px 32px !important;
  2838. }
  2839. button.search-button {
  2840.     height: 16px !important;
  2841. }
  2842. #search-q{
  2843.     color: #E6DEDE !important;
  2844. }
  2845. #site-search-suggestions {
  2846.     z-index: 500000 !important;
  2847. }
  2848.  
  2849. /* SITE TITLE(ALL) - === */
  2850. h1.site-title  {
  2851.     position: relative !important;
  2852.     display: inline-block !important;
  2853.     height: 40px !important;
  2854.     margin-bottom: 7px;
  2855.     top: -55px !important;
  2856. /* margin-top: -45px !important; */
  2857.     font: 400 40px/40px MetaBlack;
  2858.     letter-spacing: -1px;
  2859.     text-transform: uppercase;
  2860. }
  2861. #masthead h1 a {
  2862.     color: #fff;
  2863.     font-size: 33px !important;
  2864.     line-height: 40px !important;
  2865.     display: inline-block !important;
  2866.     height: 40px !important;
  2867.     top: -10px !important;
  2868. }
  2869. .site-title a img {
  2870.     width: 41px !important;
  2871.     margin-top: 7px !important;
  2872. }
  2873. /* COLL (ALL) - (TITLE + ICON + AUTH NAME) - === */
  2874. .section>hgroup  {
  2875.     position: relative !important;
  2876.     width: 700px !important;
  2877.     height: 40px !important;
  2878.     margin-bottom: 11px !important;
  2879.     left: 605px !important;
  2880.     top: -2px !important;
  2881. }
  2882. hgroup h2.collection  {
  2883.     position: relative !important;
  2884.     max-width: 800px !important;
  2885.     padding-top: 0px ! important;
  2886. }
  2887. .collection>span  {
  2888.     position: absolute ! important;
  2889.     display: inline-block ! important;
  2890.     float: none ! important;
  2891.     width: 750px !important;
  2892.     margin-top: 18px !important;
  2893.     font-size: 20px !important;
  2894. }
  2895. .collection +h4.author {
  2896.     position: absolute !important;
  2897.     display: inline-block !important;
  2898.     float: none !important;
  2899.     left: 40px !important;
  2900.     top: -5px !important;
  2901. }
  2902.  
  2903. hgroup h2.collection img.icon {
  2904.     width: 28px !important;
  2905.     height: 28px !important;
  2906.     top: 0 !important;
  2907.     background: transparent !important;
  2908.     box-shadow: 0 0 2px #cccccc inset !important;
  2909. }
  2910. /* THEME ICON */
  2911. .addon .icon[ src*="/preview_small.jpg?"] {
  2912.     background: transparent !important;
  2913.     box-shadow: 0 0 2px #cccccc inset !important;
  2914.     height: 28px !important;
  2915.     top: -10px !important;
  2916.     width: 28px !important;
  2917. }
  2918. /* THEME/  ADDON ?? - NAME THEM/AUTH - === */
  2919. .section hgroup h2.addon {
  2920.     position: absolute !important;
  2921.     display: inline-block !important;
  2922.     float: none !important;
  2923.     width: 1000px !important;
  2924.     left: -748px !important;
  2925.     margin-top: 27px !important;
  2926.     z-index: 200 !important;
  2927. }
  2928. /* (ALL) ADDON/THEME PAGE - NAME THEM/AUTH - === */
  2929. h4.author {
  2930.     position: absolute !important;
  2931.     display: inline-block !important;
  2932.     float: none !important;
  2933.     left: 0px !important;
  2934.     top: -20px !important;
  2935. }
  2936. h4.author a {
  2937.     color: #5E84B8 !important;
  2938. }
  2939.  
  2940. /*  AUTHOR ADDON - === */
  2941. h1.addon + .author {
  2942.     top: -21px !important;
  2943. }
  2944. h1.addon + .author a {
  2945.     text-decoration: none !important;
  2946. }
  2947. /* ========== LEFT PANEL ========= */
  2948.  
  2949. /* (ALL) ADDON SEARCH - === */
  2950. .category-landing #page.c section.secondary {
  2951.     position: absolute !important;
  2952.     left: -468px !important;
  2953. }
  2954. .listing.results.island.hero.c {
  2955.     min-width: 1675px !important;
  2956.     left: -195px !important;
  2957. }
  2958. /* ADDON SEARCH(ALL) - FILTER BLOCK - === */
  2959. #search-facets {
  2960.     display: inline-block ! important;
  2961.     position: absolute ! important;
  2962.     width: 180px !important;
  2963.     left: 0px !important;
  2964.     margin-top: 70px !important;
  2965. }
  2966. /* PROFILE - ADDON SEARCH + MY ADDON + DEV INFOS - CONTAINER - === */
  2967. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) {
  2968.     position: absolute ! important;
  2969.     display: inline-block ! important;
  2970.     min-width: 300px !important;
  2971.     max-width: 300px !important;
  2972.     height: 840px !important;
  2973.     margin-top: -50px !important;
  2974.     left: -460px !important;
  2975.     padding-top: 50px !important;
  2976.     border: none !important;
  2977.     box-shadow: none !important;
  2978.     background: #333333 !important;
  2979. }
  2980. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar {
  2981.     display: inline-block ! important;
  2982.     width: 315px ! important;
  2983.     height: 840px !important;
  2984.     margin-bottom: -11px !important;
  2985.     margin-top: 10px !important;
  2986.     margin-right: -7px !important;
  2987.     border-radius: 5px !important;
  2988.     background: black !important;
  2989. }
  2990. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar img  {
  2991.     width: auto !important;
  2992.     margin-top: 10px !important;
  2993.     margin-left: 60px !important;
  2994. }
  2995. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar img[src$="/anon_user.png"]  {
  2996.     opacity: 0.4 !important;
  2997. }
  2998. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar .user-role {
  2999.     display: inline-block !important;
  3000.     max-width: 300px !important;
  3001.     min-width: 300px !important;
  3002.     background: #222222 !important;
  3003. }
  3004. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar .user-role p {
  3005.     color: peru!important;
  3006. }
  3007. /*  (PB COR background) -   */
  3008. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .primary  {
  3009.     position: absolute !important;
  3010.     display: inline-block !important;
  3011.     height: auto !important;
  3012.     max-width: 295px !important;
  3013.     min-width: 295px !important;
  3014.     margin-top: 185px !important;
  3015.     margin-left: -2px!important;
  3016.     top: 120px !important;
  3017.     padding: 0 5px 5px !important;
  3018.     border-radius: 0 0 5px 5px !important;
  3019.     background: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;
  3020. }
  3021.  
  3022. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard {
  3023.     display: inline-block !important;
  3024.     max-width: 290px !important;
  3025.     min-width: 290px !important;
  3026. }
  3027. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody   {
  3028.     display: inline-block !important;
  3029.     max-width: 290px !important;
  3030.     min-width: 290px !important;
  3031. }
  3032. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr  {
  3033.     display: inline-block !important;
  3034.     max-width: 290px !important;
  3035.     min-width: 290px !important;
  3036.     min-height: 20px !important;
  3037.     max-height: 20px !important;
  3038. }
  3039. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr th {
  3040.     display: inline-block !important;
  3041.     width: 290px !important;
  3042.     padding: 2px !important;
  3043. }
  3044. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr td {
  3045.     display: inline-block !important;
  3046.     width: 290px !important;
  3047.     height: 15px !important;
  3048.     line-height: 15px !important;
  3049.     margin-top: 2px !important;
  3050.     margin-left: 0px !important;
  3051.     color: gold !important;
  3052.     text-align: center !important;
  3053. }
  3054. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr td.fn.n{
  3055.     position: relative !important;
  3056.     display: inline-block !important;
  3057.     width: 290px !important;
  3058.     height: 20px !important;
  3059.     line-height: 20px!important;
  3060.     vertical-align: middle !important;
  3061.     margin-left: -1px !important;
  3062.     margin-top: 5px !important;
  3063.     margin-bottom: 8px !important;
  3064.     top: -4px !important;
  3065.     padding: 2px!important;
  3066.     color: tomato !important;
  3067.     text-align: center !important;
  3068.     outline: 1px solid tomato !important;
  3069. }
  3070.  
  3071. /* (new19) PROFILE MORE DETAILS - === */
  3072. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard + .prose:not(:empty) {
  3073.     max-height: 311px !important;
  3074.     line-height: 1.4em;
  3075.     padding: 2px 5px !important;
  3076.     border: 1px solid peru !important;
  3077.     border-radius: 5px !important;
  3078.     color: #333;
  3079.     overflow: hidden;
  3080.     overflow-y: auto !important;
  3081. }
  3082.  
  3083. /* (new56)  (PB COR background) -  PROFILE - MY ADDON - DEV/USER INFOS - NAME + ICON "HOUSE" -
  3084. https://addons.mozilla.org/fr/firefox/user/jorge-villalobos/
  3085. SEE EDIT PROFILE :
  3086. https://addons.mozilla.org/en-US/firefox/user/decembre/
  3087. === */
  3088. .meet.profile .secondary.user-avatar + section.primary {
  3089.     position: absolute !important;
  3090.     display: inline-block !important;
  3091.     height: auto !important;
  3092.     height: 100% !important;
  3093.     height: 590px !important;
  3094.     min-width: 305px !important;
  3095.     max-width: 305px !important;
  3096.     left: 0 !important;
  3097.     margin-top: 200px !important;
  3098.     top: 100px !important;
  3099.     padding: 0 5px 5px 5px !important;
  3100.     border-radius: 0 0  5px 5px !important;
  3101.     background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
  3102.     overflow-x: hidden !important;
  3103.     overflow-y: auto !important;
  3104. }
  3105. .profile  #profile-actions ,
  3106. .meet #breadcrumbs + #profile-actions {
  3107.     position: absolute !important;
  3108.     display: inline-block !important;
  3109.     min-width: 242px !important;
  3110.     max-width: 242px !important;
  3111.     transform: rotate(-90deg) !important;
  3112.     left: -540px !important;
  3113.     top: 105px !important;
  3114.     border-radius: 5px !important;
  3115.     text-align: center !important;
  3116.     z-index: 100 !important;
  3117. }
  3118. .meet #breadcrumbs + #profile-actions a {
  3119.     display: inline-block !important;
  3120.     min-width: 220px !important;
  3121.     max-width: 220px !important;
  3122.     left: 0px !important;
  3123.     top: 0px !important;
  3124.     font-size: 10px !important;
  3125.     z-index: 100 !important;
  3126.     background: #333 !important;
  3127. }
  3128. #profile-actions + .fn.n ,
  3129. .meet #breadcrumbs + #profile-actions + h1 {
  3130.     position: absolute !important;
  3131.     display: inline-block !important;
  3132.     float: none !important;
  3133.     min-width: 310px !important;
  3134.     max-width: 310px !important;
  3135.     left: -456px !important;
  3136.     top: 5px !important;
  3137.     padding: 2px 5px !important;
  3138.     z-index: 100 !important;
  3139.     color: peru !important;
  3140.     text-align: center !important;
  3141. }
  3142. /*  (PB COR background) -  */
  3143. .meet #profile-actions .button {
  3144.     left: -39px!important;
  3145.     top: -25px!important;
  3146.     padding: 5px !important;
  3147.     font-size: 12px !important;
  3148.     background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
  3149. }
  3150.  
  3151.  
  3152. /* (new18) PROFILE - MY ADDON / DEV INFOS - TXT "A propos de..." - === */
  3153.  .secondary.user-avatar +.primary h2  {
  3154.     display: none ! important;
  3155. }
  3156. table.person-info th  {
  3157.     color: #333;
  3158.     padding: 20px !important;
  3159.     width: 41% !important;
  3160.     display: inline-table !important;
  3161. }
  3162. table.person-info td {
  3163.     color: #333;
  3164.     margin-left: 30px !important;
  3165.     width: 31% !important;
  3166.     display: inline-table !important;
  3167. }
  3168. /* (new50)PROFILE - MY ADDON - MY COLL -
  3169. https://addons.mozilla.org/en-US/firefox/user/decembre/
  3170. https://addons.mozilla.org/fr/firefox/user/fligtar/
  3171. === */
  3172. #my-collections {
  3173.     padding: 0;
  3174.     background: #222 !important;
  3175. }
  3176. #my-collections div {
  3177.     position: relative !important;
  3178.     display: inline-block !important;
  3179.     width: 1510px !important;
  3180.     max-height: 250px !important;
  3181.     min-height: 0 !important;
  3182.     margin-top: 15px ! important;
  3183.     margin-left: -857px !important;
  3184.     margin-bottom: -13px !important;
  3185.     padding: 15px 15px 16px;
  3186.     border: 1px solid gray !important;
  3187.     border-radius: 5px !important;
  3188. }
  3189.  
  3190. .profile #tabzilla-wrapper aside#my-collections.secondary {
  3191.     position: relative !important;
  3192.     display: inline-block ! important;
  3193.     width: 1540px !important;
  3194.     min-height: 0px !important;
  3195.     max-height: 280px !important;
  3196.     left: 460px !important;
  3197.     bottom: 15px !important;
  3198. }
  3199. #reviews:not(.c)>h2 ,
  3200. #my-collections h2 {
  3201.     border-top: none !important;
  3202.     margin-bottom: 0px !important;
  3203.     margin-top: -12px !important;
  3204.     padding: 5px !important;
  3205.     font-size: 17px !important;
  3206. /* background: red !important; */
  3207. }
  3208.  
  3209. /* (new40) MY ADDON CREATED BY ME */
  3210. .meet #my-addons h2,
  3211. .meet #my-apps h2 {
  3212.     height: 20px !important;
  3213.     line-height: 20px !important;
  3214.     margin-top: -12px !important;
  3215.     border-top: none !important;
  3216.     margin-bottom: 5px !important;
  3217.     padding: 5px !important;
  3218.     font-size: 17px !important;
  3219. }
  3220.  
  3221.  
  3222. /* (new29) MY COLLECTIONS - FOLLOWED BE ME / CREATED BY ME - */
  3223. #my-collections h3 ,
  3224. #my-collections h3 + ul + h3  {
  3225.     width: 50% !important;
  3226.     height: 20px !important;
  3227.     line-height: 20px !important;
  3228.     padding: 0 !important;
  3229.     text-align: center !important;
  3230.     border-top: none !important;
  3231. }
  3232. #my-collections h3  {
  3233.     margin-left: -2px !important;
  3234.     margin-bottom: 8px !important;
  3235.     margin-top: 2px !important;
  3236.     background: #333 !important;
  3237. }
  3238. #my-collections h3 + ul + h3  {
  3239.     float: right !important;
  3240.     border-top: medium none !important;
  3241.     margin-bottom: 20px !important;
  3242.     margin-top: -28px !important;
  3243.     background: #333 !important;
  3244. }
  3245. .profile #tabzilla-wrapper #page.c #profile-actions ~#my-collections.secondary .island h2+h3 {
  3246.     width: 700px !important;
  3247. }
  3248.  
  3249. /* PROFILE - MY REVIEWS */
  3250. .profile #tabzilla-wrapper #page.c #profile-actions ~#my-collections.secondary + #reviews .items {
  3251.     border-top: none !important;
  3252. }
  3253.  
  3254. /*  (PB COR background) -  PROFILE - MY FOllowed /Created COLL by me -  */
  3255. #my-created  ,
  3256. #my-collections #my-favorite {
  3257.     position: relative !important;
  3258.     display: inline-block !important;
  3259.     float: left !important;
  3260.     width: 744px !important;
  3261.     margin-bottom: 1.5em;
  3262.     margin-left: -5px !important;
  3263.     padding: 5px !important;
  3264.     border-radius: 5px !important;
  3265.     background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
  3266. }
  3267. #my-collections  h3 {
  3268.     margin-left: -5px !important;
  3269. }
  3270. .profile #tabzilla-wrapper #page.c #profile-actions ~#my-collections #my-favorite + h3 {
  3271.     position: relative !important;
  3272.     display: inline-block !important;
  3273.     width: 700px !important;
  3274.     left: 10px !important;
  3275.     margin-top: -20px !important;
  3276.     margin-bottom: -30px ! important;
  3277.     top: -15px ! important;
  3278. }
  3279. #my-created  {
  3280.     left: 10px !important;
  3281. }
  3282. #my-favorite + h3 + #my-created   {
  3283.     margin-top: -12px !important;
  3284.     margin-left: -3px !important;
  3285. }
  3286. #my-collections li {
  3287.     display: inline-block !important;
  3288.     width: 363px !important;
  3289.     left: 0px !important;
  3290.     margin-bottom: 5px !important;
  3291.     margin-right: 2px !important;
  3292.     padding: 2px !important;
  3293.     text-align: center !important;
  3294.     background: #222 !important;
  3295. }
  3296.  
  3297. /* PROFILE - EDIT PAGE - ==== */
  3298. #user_edit {
  3299.     left: -456px;
  3300.     width: 1200px;
  3301. }
  3302. #user_edit #user-account{
  3303.     padding-top: 17px ;
  3304. }
  3305. #user_edit.prettyform.grid  #user-account fieldset {
  3306.     position: relative !important;
  3307.     display: inline-block !important;
  3308.     float: none !important;
  3309.     width: 98% !important;
  3310.     height: auto !important;
  3311.     border: 1px solid red !important;
  3312. }
  3313. #user_edit.prettyform.grid  #user-account fieldset legend {
  3314.     position: relative ;
  3315.     display: inline-block !important;
  3316.     width: 99% !important;
  3317.     margin-bottom: 50px !important;
  3318.     top: 60px !important;
  3319.     padding: 2px 10px !important;
  3320.     background: black;
  3321. }
  3322.  
  3323. /* (ALL) - ITEMS LIST - === */
  3324. .items .item {
  3325.     position: relative !important;
  3326.     display: inline-block !important;
  3327.     width: 327px !important;
  3328.     height: 190px !important;
  3329. }
  3330. .listing .item .info{
  3331.     border: none !important;
  3332. }
  3333. /* ITEM LIST
  3334. ADAPTATION FOR GM : AUTOPAGERIZE:
  3335. https://greasyfork.org/fr/scripts/4348-autopagerize
  3336. TEST: https://addons.mozilla.org/en-US/firefox/extensions/bookmarks/?sort=rating
  3337. OK:
  3338. https://addons.mozilla.org/en-US/firefox/collections/?sort=created&page=2
  3339. COLL NEWEST :
  3340. https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  3341. (NOT RESULT PAGE) :
  3342. FEATURED EXTENSIONS :  
  3343. https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured&page=2
  3344. NOT SEARCH :
  3345. https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  3346. SERACH ADDON:
  3347. https://addons.mozilla.org/fr/firefox/search/?q=firebug&cat=1%2C0&appver=43.0&platform=windows
  3348. === */
  3349. /* .autopagerize_page_info ~ .items .item , */
  3350. /* #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~ .items ~ .items .item , */
  3351. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item ,
  3352. #page.c section.primary .island.listing:not(.results) #sorter + .items .item {
  3353.     display: inline-block !important;
  3354.     height: 160px !important;
  3355.     top: 30px ! important;
  3356.     margin-bottom: -1px ! important;
  3357.     margin-top: -20px ! important;
  3358.     border-radius: 5px !important;
  3359. }
  3360. /* ADAPTATION AUTOPAGERIZE FOR SEARCH ADDON -
  3361. https://addons.mozilla.org/en-US/firefox/search/?q=cookie&appver=43.0&platform=windows
  3362.  */
  3363. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon {
  3364.     display: inline-block !important;
  3365.     height: 195px !important;
  3366.     margin-top: -32px ! important;
  3367.     margin-bottom: 34px !important;
  3368.     border-radius: 5px !important;
  3369. }
  3370. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon  {
  3371.     display: inline-block !important;
  3372.     height: 193px !important;
  3373.     margin-top: 5px ! important;
  3374.     margin-bottom: 4px !important;
  3375.     border-radius: 5px !important;
  3376. }
  3377.  
  3378. /* QUICK RESTART -  with ADAPTATION AUTOPAGERIZE -
  3379. https://addons.mozilla.org/fr/firefox/tag/vlc
  3380. https://addons.mozilla.org/en-US/firefox/search/?q=cookie&appver=43.0&platform=windows
  3381. https://addons.mozilla.org/en-US/firefox/addon/cookie-controller/?src=search
  3382. === */
  3383. .requires-restart {
  3384.     position: absolute !important;
  3385.     height: 10px !important;
  3386.     line-height: 10px !important;
  3387.     bottom: -19px!important;
  3388.     left: -6px !important;
  3389.     font-size: 10px!important;
  3390.     padding: 2px 2px !important;
  3391.     text-transform: capitalize !important;
  3392.     color: white !important;
  3393.     text-align: center !important;
  3394.     opacity: 0.3 !important;
  3395.     z-index: 100 !important;
  3396. }
  3397. .addon-description-header #addon .addon .requires-restart:hover ,
  3398. .requires-restart:hover  {
  3399.     opacity: 1 !important;
  3400.     z-index: 200 !important;
  3401. }
  3402. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .requires-restart ,
  3403. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .requires-restart {
  3404.     bottom: -21px!important;
  3405. }
  3406.  
  3407. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .requires-restart {
  3408.     bottom: -22px!important;
  3409. }
  3410. .addon-description-header #addon .addon .requires-restart {
  3411.     position: absolute !important;
  3412.     width: 100px !important;
  3413.     bottom: 2px!important;
  3414.     left: 620px !important;
  3415.     cursor: default !important;
  3416. }
  3417.  
  3418. /* COLL - LES PLUS SUIVIES - FOR WATCH ICON -
  3419. ADAPTATION FOR GM : AUTOPAGERIZE
  3420. https://addons.mozilla.org/fr/firefox/collections/?sort=followers
  3421. === */
  3422.  
  3423. /* ITEM INFO - ACTION */
  3424. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info +.action ,
  3425.  .island.hero.c.listing:not(.results) #sorter.pjax-trigger + .items .item .info +.action {
  3426.     position: relative ! important;
  3427.     display: inline-block !important;
  3428.     width: 327px !important;
  3429.     margin-left: 0px !important;
  3430.     margin-top: -153px ! important;
  3431. }
  3432. /* masthead#collections-landing - ACTION */
  3433. masthead#collections-landing + .island.hero.c.listing:not(.results) #sorter.pjax-trigger + .items .item .action {
  3434.     position: relative ! important;
  3435.     display: inline-block !important;
  3436.     margin-left: -65px !important;
  3437.     margin-top: -130px ! important;
  3438. }
  3439. /* ITEM ADDON - ACTION
  3440. #page.c section.primary .island.listing:not(.results) #sorter.pjax-trigger + .items .item.addon .action
  3441. == */
  3442.  
  3443. /* WATCH BUTTON -
  3444. https://addons.mozilla.org/en-US/thunderbird/collections/?sort=featured
  3445. === */
  3446. .collections .watch.button ,
  3447. /* .collections #page.c section.primary .island.listing .item.watching:hover .install-shell .is-watching + .watch.button:hover , */
  3448. .collections #page.c section.primary .island.listing .item.watching .install-shell .is-watching + .watch.button ,
  3449. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items .item .watch.button {
  3450.     display: inline-block !important;
  3451.     left: 80px !important;
  3452.     left: 0px !important;
  3453.     top: 12px !important;
  3454.     padding-left: 20px !important;
  3455.     text-align: left !important;
  3456.     width: 294px !important;
  3457. /* outline: 4px solid aqua !important; */
  3458. }
  3459.  
  3460. /* ITEM INFO WATCH */
  3461. #sorter.c.pjax-trigger + .items .item .info +.action > .install-shell .watch.button {
  3462.     display: inline-block !important;
  3463.     left: 84px ! important;
  3464.     top: 69px ! important;
  3465.     padding-left: 20px !important;
  3466.     text-align: left !important;
  3467.     width: 294px !important;
  3468. }
  3469.  
  3470. /*  COLL LANDING - WATCH */
  3471. #collections-landing + .island.hero.listing #sorter.c.pjax-trigger + .items .item .info +.action > .install-shell .watch.button  {
  3472.     display: inline-block !important;
  3473.     height: 15px !important;
  3474.     margin-left: 375px ! important;
  3475.     top: 26px ! important;
  3476.     padding: 0 0 0 20px !important;
  3477.     text-align: left !important;
  3478.     width: 294px !important;
  3479. }
  3480. #page.c section.primary .island.listing:not(.results) #sorter + .items .item .watch.button span {
  3481.     color: peru !important;
  3482.     font-size: 0px !important;
  3483. }
  3484.  
  3485.  
  3486. /* A SUPP ??? - ADDON PAGE - "NO RESTART - (MOZ CSS CHANGE )
  3487. https://addons.mozilla.org/fr/firefox/addon/firebug
  3488. === */
  3489. #page.c section.primary #addon.island hgroup h1.addon span.no-restart  {
  3490.     width: 120px ! important;
  3491.     left: 1px !important;
  3492.     top: 1px !important;
  3493.     margin: 0px !important;
  3494.     text-align: center ! important;
  3495. }
  3496. #page.c section.primary #addon.island hgroup h1.addon span.no-restart {
  3497.     position: absolute !important;
  3498.     display: inline-block !important;
  3499.     float: none !important;
  3500.     width: 120px ! important;
  3501.     left: 75px !important;
  3502.     top: 1px !important;
  3503.     margin-top: 60px !important;
  3504.     text-align: center ! important;
  3505. }
  3506.  
  3507. /* SEARCH (#pjax-results) - "NO RESTART" - ADD SUPPORT FOR GM "AUTOPAGERIZE" - === */
  3508. #pjax-results  .autopagerize_page_info ~.items .no-restar ,
  3509. #pjax-results .no-restart {
  3510.     position: absolute !important;
  3511.     display: inline-block !important;
  3512.     width: 67px !important;
  3513.     height: 18px !important;
  3514.     line-height: 7px !important;
  3515.     left: -7px !important;
  3516.     top: 67px !important;
  3517.     padding: 0px 1px !important;
  3518.     border-radius: 3px ! important;
  3519.     font-size: 8px !important;
  3520.     text-transform: capitalize !important;
  3521.     color: #C9C4C4 !important;
  3522.     background-color: #895522 !important;
  3523. }
  3524. #pjax-results  .autopagerize_page_info ~.items .no-restart {
  3525.     top: 63px !important;
  3526. }
  3527.  
  3528.  
  3529.  
  3530. /* (ALL) REVIEWS - === */
  3531.  
  3532.  
  3533. /* ADDON PAGE - INFO PAGE (red) - PB FOR WITHOUT PREVIEWS :
  3534. Menu Filter : https://addons.mozilla.org/fr/firefox/addon/menu-filter/
  3535. Loremlpsum Content Generator : https://addons.mozilla.org/fr/firefox/addon/loremipsum-content-generator/?src=dp-dl-oftenusedwith
  3536. ALLL :.secondary.addon-reviews.c + #reviews.island
  3537. PREVIEWS : .previews ~ .secondary.addon-reviews.c + #reviews.island
  3538. */
  3539. .previews ~ .secondary.addon-reviews.c + #reviews.island   {
  3540.     position: relative !important;
  3541.     display: inline-block ! important;
  3542.     width: 422px !important;
  3543.     min-height: 285px ! important;
  3544.     max-height: 285px ! important;
  3545.     left: -454px !important;
  3546.     border-radius: 5px !important;
  3547.     overflow: visible ! important;
  3548.     border: 1px solid red !important;
  3549. }
  3550. .secondary.addon-reviews.c + #reviews.island  {
  3551.     position: relative !important;
  3552.     display: inline-block ! important;
  3553.     max-width: 423px !important;
  3554.     min-width: 420px !important;
  3555.     min-height: 290px ! important;
  3556.     max-height: 290px ! important;
  3557.     left: -455px !important;
  3558.     margin-top: 504px !important;
  3559.     overflow: visible ! important;
  3560.     border: 1px solid red !important;
  3561. }
  3562.  
  3563. /* WITH LIGHTBOX - === */
  3564. .previews + #lightbox ~ .secondary.addon-reviews.c + #reviews.island {
  3565.     position: relative !important;
  3566.     display: inline-block ! important;
  3567.     max-width: 423px !important;
  3568.     min-width: 420px !important;
  3569.     min-height: 290px ! important;
  3570.     max-height: 290px ! important;
  3571.     left: -455px !important;
  3572.     margin-top: -49px !important;
  3573.     overflow: visible ! important;
  3574.     border: 1px solid red !important;
  3575. }
  3576. .secondary.addon-reviews.c + #reviews.island h2 {
  3577.     margin-top: -18px !important;
  3578.     font-size: 17px !important;
  3579. }
  3580. /* (3 régles) - REVIEWS - ADDON page + REVIEWS page - TOTAL CONTAINER */
  3581. .reviews .paginator.c.pjax-trigger {
  3582.     position: absolute !important;
  3583.     display: inline-block !important;
  3584.     width: auto !important;
  3585.     height: 20px !important;
  3586.     line-height: 20px !important;
  3587.     top: -27px !important;
  3588.     left: 703px !important;
  3589.     padding: 3px 50px 3px 15px !important;
  3590.     border-radius: 5px 5px 0 0 !important;
  3591.     color: white !important;
  3592.     background: #1b5898 linear-gradient(#2e89ca, #1b5898) repeat scroll 0 0 !important;
  3593. }
  3594.  
  3595. .reviews #page header h3 {
  3596.    margin-top: -13px !important;
  3597. }
  3598. .secondary + #reviews.primary {
  3599.     position: relative !important;
  3600.     display: inline-block !important;
  3601.     min-width: 1655px !important;
  3602.     height: 100% !important;
  3603.     min-height: 100% !important;
  3604.     max-height: 100% !important;  
  3605.     left: 270px !important;
  3606.     margin-left: -530px !important;
  3607.     top: -10px !important;
  3608.     overflow: visible !important;
  3609. }
  3610.  
  3611. /* (3 régles) - REVIEWS (MAX 3 reviews by row) - REVIEWS page - ADAPTATION GM "AUTOPAGERIZE"  === */
  3612. .secondary + #reviews.primary  .autopagerize_page_separator{
  3613.     margin-bottom: 1px !important;
  3614.     margin-top: -6px !important;
  3615. }
  3616. .secondary + #reviews.primary  .autopagerize_page_info {
  3617.     margin-bottom: 15px !important;
  3618.     margin-top: -10px !important;
  3619. }
  3620.  
  3621. /* (3 régles) - REVIEWS (MAX 3 reviews) - ADDON page (.secondary.addon-reviews + #reviews.primary) - BLOCK TOTAL container */
  3622. .secondary.addon-reviews + #reviews.primary {
  3623.     position: relative !important;
  3624.     width: 1655px !important;
  3625.     margin-left: 0px !important;
  3626.     top: -10px !important;
  3627. }
  3628.  
  3629. /* AVERAGE - WITHOUT / WITH LIGHTBOX */
  3630. aside.secondary.addon-reviews.c {
  3631.     position: relative !important;
  3632.     height: 216px !important;
  3633.     margin-bottom: 19px !important;
  3634.     left: -761px !important;
  3635.     margin-top: 337px !important;
  3636.     padding: 14px 0 0 16px !important;
  3637.     border: 1px solid red !important;
  3638.     border-radius: 5px 0 0 5px ! important;
  3639.     z-index: 200 !important;
  3640. }
  3641. #lightbox ~ .secondary.addon-reviews.c {
  3642.     top: -12px !important;
  3643. }
  3644. /*RELATED CATEGORIES / TAGS - WITH PREVIEW SLIDE - === */
  3645. #lightbox ~.secondary.addon-reviews.c + #reviews.island + aside  {
  3646.     position: relative !important;
  3647.     display: inline-block ! important;
  3648.     width: 488px !important;
  3649.     height: 215px !important;
  3650.     left: -210px !important;
  3651.     padding: 5px !important;
  3652.     top: -350px !important;
  3653.     margin-top: -10px ! important;
  3654.     border-radius: 0 5px 5px 0 !important;
  3655.     border: 1px solid red ! important;
  3656.     border-left: none ! important;
  3657.     padding-top: 10px !important;
  3658.     z-index: 200 !important;
  3659. }
  3660. /* ADDON PAGE - TAGS CATEGORY - ALL - without / wwith ? PREVIEW SLIDE -
  3661. WITH PREVIEW:
  3662. https://addons.mozilla.org/fr/firefox/addon/firebug/?src=collection&collection_id=4081dae0-cc25-4aab-aa38-7d581f003ab9
  3663. === */
  3664. #page.c section#reviews.primary + #related.secondary.metadata {
  3665.     position: relative !important;
  3666.     display: inline-block ! important;
  3667.     width: 547px !important;
  3668.     height: 215px !important;
  3669.     left: -203px !important;
  3670.     padding: 5px !important;
  3671.     margin-top: -504px ! important;
  3672.     border-radius: 0 5px 5px 0 !important;
  3673.     border: 1px solid red ! important;
  3674.     border-left: none ! important;
  3675.     padding-top: 10px !important;
  3676.     z-index: 200 !important;
  3677. }
  3678. #page.c  #lightbox ~ #reviews.primary + #related.secondary.metadata {
  3679.     position: relative !important;
  3680.     display: inline-block ! important;
  3681.     width: 547px !important;
  3682.     height: 215px !important;
  3683.     left: -203px !important;
  3684.     padding: 5px !important;
  3685.     margin-top: 52px ! important;
  3686.     border-radius: 0 5px 5px 0 !important;
  3687.     border: 1px solid red ! important;
  3688.     border-left: none ! important;
  3689.     padding-top: 10px !important;
  3690.     z-index: 200 !important;
  3691. }
  3692. /* LIGHTBOX */
  3693. #lightbox ~ .secondary.addon-reviews.c {
  3694.     position: relative !important;
  3695.     display: inline-block ! important;
  3696.     width: 185px !important;
  3697.     left: -761px !important;
  3698.     margin-top: 552px ! important;
  3699.     padding: 14px 0 0 10px !important;
  3700. }
  3701. #lightbox ~ #reviews + #related {
  3702.     margin-top: 7px !important;
  3703. }
  3704.  
  3705. /* (new10) */
  3706. #related  #tagbox a {
  3707.     font-size: 14px !important;
  3708. }
  3709.  
  3710. /* (new34) REVIEWS - PERMLINKS */
  3711. #reviews .review .byline a.permalink {
  3712.     position: absolute ! important;
  3713.     right: 1px ! important;
  3714.     top: 15px ! important;
  3715.     color: transparent ! important;
  3716.     font-size: 0 ! important;
  3717. }
  3718. #reviews .review:hover .byline a.permalink:after {
  3719.     display: inline-block ;
  3720.     content:"." ;
  3721.     width: 19px ;
  3722.     height: 21px ;
  3723.     background-position : -60px -20px ;
  3724.     background-repeat: no-repeat ;
  3725.     background-image:url(https://s1.yimg.com/dh/ap/groups/sprite16.png) ;
  3726.     transform: scale(0.8);
  3727. }
  3728. /* (new34) REVIEWS - TRANSLATE */
  3729. #reviews .review .byline a.translate {
  3730.     position: absolute ! important;
  3731.     right: 35px ! important;
  3732.     top: 17px ! important;
  3733.     color: transparent ! important;
  3734.     font-size: 1px ! important;
  3735. }
  3736. #reviews .review:hover .byline a.translate:after {
  3737.     position: absolute ! important;
  3738.     display: inline-block ! important;
  3739.     content:"." ;
  3740.     width: 19px ! important;
  3741.     background-repeat: no-repeat ;
  3742.     background-image:url(https://www.google.com/help/hc/images/toolbar/toolbar_translate.png);
  3743. }
  3744.  
  3745.  
  3746. /* REVIEWS - ALL - REVIEWS BLOCK */
  3747. #reviews .review {
  3748.     position: relative !important;
  3749.     display: inline-block !important;
  3750.     width: 364px !important;
  3751.     min-height: 140px !important;
  3752.     max-height: 140px !important;
  3753.     border: 1px solid gray !important;
  3754.     border-radius: 5px !important;
  3755.     padding: 19px 4px 10px !important;
  3756.     overflow: hidden !important;
  3757. }
  3758. /* REVIEWS ALL - ADDON + REVIEWS pages - REVIEWS BLOCK */
  3759. .secondary + #reviews.primary .review {
  3760.     width: 520px !important;
  3761.     min-height: 129px !important;
  3762.     max-height: 129px !important;
  3763.     top: -9px !important;
  3764.     margin-right: 15px ! important;
  3765.     margin-bottom: 5px ! important;
  3766.     padding: 1px 4px 10px !important;
  3767.     border-radius: 5px !important;
  3768. }
  3769.  
  3770. /* REVIEWS ALL - EDIT REVIEW - === */
  3771. .secondary + #reviews.primary .review#review-edit-form {
  3772.     position: relative !important;
  3773.     float: right!important;
  3774.     min-height: 570px!important;
  3775.     max-height: 570px!important;
  3776.     max-width: 65%!important;
  3777.     min-width: 65%!important;
  3778.     z-index: 8000!important;
  3779.     background: black !important;
  3780.     transition: all ease 0.7s !important;
  3781. }
  3782. .secondary + #reviews.primary .review#review-edit-form  fieldset  {
  3783.     position: relative !important;
  3784.     height: 495px !important;
  3785.     min-width: 97.7% !important;
  3786.     top: 5px !important;
  3787.     margin-bottom: 10px !important;
  3788. }
  3789. .secondary + #reviews.primary .review#review-edit-form  fieldset input[type="text"] {
  3790.     background: none repeat scroll 0 0 #292828 !important;
  3791.     height: 25px !important;
  3792.     min-width: 97%!important;
  3793. }
  3794. .secondary + #reviews.primary .review#review-edit-form  fieldset textarea {
  3795.     min-width: 99% !important;
  3796.     min-height: 300px !important;
  3797.     vertical-align: text-top;
  3798. }
  3799.  
  3800.  
  3801. /* REVIEWS ALL - ADDON + REVIEWS pages - LAST REVIEW to give huge bottom space after - === */
  3802. .secondary + #reviews.primary .review.item:nth-last-of-type(2) {
  3803.     float: left ! important;
  3804.     width: 100% ! important;
  3805.     margin-top: 10px ! important;
  3806.     margin-bottom: 400px ! important;
  3807. }
  3808. .secondary + #reviews.primary .review.item:nth-last-of-type(2) p.description:hover {
  3809.     width: 100% !important;
  3810. }
  3811. /* (new38) REVIEWS - ADDON paqe (.secondary.addon-reviews + #reviews.primary .review) - reviews */
  3812. .secondary.addon-reviews + #reviews.island .review {
  3813.     width: 205px !important;
  3814.     margin-right: -3px ! important;
  3815.     margin-left: -9px ! important;
  3816. }
  3817. .secondary.addon-reviews + #reviews.island .review + .review   {
  3818.     width: 205px !important;
  3819.     margin-left: 3px ! important;
  3820.     left: 3px !important;
  3821. }
  3822. .secondary.addon-reviews + #reviews.island .review:only-of-type {
  3823.     width: 400px !important;
  3824. }
  3825. /* .secondary.addon-reviews + #reviews.island .review:last-of-type */
  3826. .secondary.addon-reviews + #reviews.island .review:nth-child(4) {
  3827.     position: relative !important;
  3828.     display: inline-block !important;
  3829.     min-width: 430px !important;
  3830.     max-width: 430px !important;
  3831.     height: 129px !important;
  3832.     left: -14px !important;
  3833.     margin-bottom: 0px !important;
  3834.     margin-right: 12px !important;
  3835.     margin-top: -6px !important;
  3836. }
  3837. .secondary.addon-reviews + #reviews.island .review:nth-child(4) .description:hover {
  3838.     background: none repeat scroll 0 0 black !important;
  3839.     bottom: 0 !important;
  3840.     display: inline-block !important;
  3841.     height: 86px !important;
  3842.     overflow-x: hidden !important;
  3843.     overflow-y: scroll !important;
  3844.     padding: 1px 5px 50px !important;
  3845.     position: absolute !important;
  3846.     top: 0 !important;
  3847.     min-width: 430px !important;
  3848.     max-width: 430px !important;
  3849.     z-index: 200 !important;
  3850. }
  3851. .secondary.addon-reviews + #reviews.island .review + p  {
  3852.     position: absolute !important;
  3853.     display: inline-block !important;
  3854.     float: none !important;
  3855.     width: 430px !important;
  3856.     left: 5px ! important;
  3857.     top: -9px !important;
  3858.     text-align: right !important;
  3859. }
  3860.  
  3861. /* NO REVIEW MESSAGE - === */
  3862. .secondary.addon-reviews + #reviews.island .review.no-reviews {
  3863.     display: inline-block ! important;
  3864.     width: 415px !important;
  3865.     max-height: 10px ! important;
  3866.     min-height: 10px ! important;
  3867.     margin-left: 0px ! important;
  3868.     margin-bottom: 15px ! important;
  3869. }
  3870. /* REVIEWS - BY USER PAGE*/
  3871.  #reviews.full  {
  3872.     position: relative !important;
  3873.     width: 1540px !important;
  3874.     margin-bottom: 52px !important;
  3875.     left: -120px !important;
  3876.     border : gray solid 1px !important;
  3877. }
  3878.  #reviews.full .items .review.c.item  {
  3879.     width: 364px !important;
  3880.     min-height: 145px !important;
  3881.     max-height: 145px !important;
  3882.     top: -9px !important;
  3883.     padding: 5px 4px 0px !important;
  3884.     border-radius: 5px !important;
  3885. }
  3886. /* (COR) */
  3887. #reviews.full .items .review.c.item h3 {
  3888.     position: absolute !important;
  3889.     display: inline-block !important;
  3890.     min-width: 370px !important;
  3891. /*    min-width: 370px !important;*/
  3892.     max-width: 370px !important;
  3893. }
  3894. /* (COR) */
  3895. #reviews.full .items .review.c.item h3 a {
  3896.     position: absolute !important;
  3897.     display: inline-block !important;
  3898.     min-width: 370px !important;
  3899. /*    min-width: 370px !important;*/
  3900.     max-width: 370px !important;
  3901.     left: 0px !important;
  3902.     text-align: center !important;
  3903. }
  3904. #reviews.full .items .review.c.item h4 {
  3905.     margin-top: 22px !important;
  3906.     font-size: 12px !important;
  3907. }
  3908. #reviews.full .items .review.c.item h4 b {
  3909.     color: #BCBBBB  !important;
  3910. }
  3911.  
  3912. /* REVIEWS - REVIEWS page - ADDON NAME */
  3913. #reviews .review h3.addon-name {
  3914.     position: absolute !important;
  3915.     display: inline-block !important;
  3916.     max-height: 20px !important;
  3917.     min-height: 20px !important;
  3918.     margin-bottom: 93px !important;
  3919.     margin-top: -39px !important;
  3920.     padding: 0 !important;
  3921. }
  3922.  
  3923. /* REVIEWS ALL - ADDON + REVEWS pages - DESCRIPTION - ADD ICON + TXT "Review END" - === */
  3924. #reviews .review .description:before {
  3925.     content: "\25BA       " ;
  3926.     white-space: pre ;
  3927.     font-size: 10px ;
  3928.     color: red ;
  3929. }
  3930. #reviews .review .description:after {
  3931.     content: "\00000AReview End" ;
  3932.     white-space: pre ;
  3933.     color: peru ;
  3934.     position: relative ;
  3935.     font-size: 10px ;
  3936. }
  3937. /* HOVER - Review End - PADDING BOTTOM */
  3938. #reviews .review .description:hover:after {
  3939.     content: "\00000AReview End" ;
  3940.     white-space: pre ;
  3941.     color: peru ;
  3942.     position: relative ;
  3943.     font-size: 10px ;
  3944.     padding-bottom: 200px!important;
  3945. }
  3946. /* REVIEWS ALL - ADDON + REVEWS pages - DESCRIPTION - === */
  3947. #reviews .review .description {
  3948.     overflow-y: auto !important;
  3949.     height: 92px !important;
  3950.     margin-top: -1px !important;
  3951.     padding: 0 5px 5px 5px !important;
  3952.     border-top: 1px solid red ! important;
  3953.     border-bottom: 1px solid red ! important;
  3954.     background: black !important;
  3955. }
  3956. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description:hover  ,
  3957. #reviews .review .description:hover {
  3958.     position: absolute !important;
  3959.     display: inline-block !important;
  3960.     height: 86px !important;
  3961.     width: 197px ! important;
  3962.     bottom: 0px !important;
  3963.     top: 0px !important;
  3964.     padding: 1px 5px 50px 5px !important;
  3965.     background: black !important;
  3966.     overflow: hidden !important;
  3967.     overflow-y: scroll !important;
  3968.     z-index: 200 !important;
  3969. }
  3970. .secondary.addon-reviews + #reviews.island .review:only-of-type  p.description:hover {
  3971.     width: 400px !important;
  3972. }
  3973.  
  3974. /* AUTHOR PAGE */
  3975. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description {
  3976.     overflow-y: auto !important;
  3977.     height: 65px !important;
  3978.     margin-top: -1px !important;
  3979.     padding: 0 5px 5px 5px !important;
  3980.     border-top: 1px solid red ! important;
  3981.     border-bottom: 1px solid red ! important;
  3982.     background: black !important;
  3983. }
  3984.  
  3985. /* REVIEWS - Reviews Page -  (#reviews.primary .review.c.item p.description) - DESCRIPTION HOVER -
  3986. https://addons.mozilla.org/fr/firefox/addon/themes-menu/reviews/
  3987. === */
  3988. /* LARGE -
  3989. https://addons.mozilla.org/fr/firefox/addon/themes-menu/reviews/
  3990. === */
  3991. #reviews.primary .review.c.item p.description:hover {
  3992.     display: inline-block !important;
  3993.     width: 509px !important;
  3994.     height: 84px !important;
  3995.     overflow: hidden !important;
  3996.     overflow-y: auto !important;
  3997. }
  3998.  
  3999. /* REVIEWS - AUTHOR Page (#reviews.primary .review.c.item p.description) - DESCRIPTION HOVER -
  4000. === */
  4001. /* SHORT -
  4002. https://addons.mozilla.org/fr/firefox/user/60482chris35933/?src=api
  4003. https://addons.mozilla.org/EN-US/firefox/user/Barbiegirl/?page=3
  4004. === */
  4005. #reviews.primary.full .review.c.item p.description:hover {
  4006.     display: inline-block !important;
  4007.     width: 359px !important;
  4008.     height: 84px !important;
  4009.     overflow: hidden !important;
  4010.     overflow-y: auto !important;
  4011. }
  4012. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description:hover {
  4013.     display: inline-block !important;
  4014.     width: 359px !important;
  4015.     height: 84px !important;
  4016.     overflow: hidden !important;
  4017.     overflow-y: auto !important;
  4018. }
  4019. /* REVIEWS - REVIEWS page - NOTE - TXT - "this user has XX previius review..." */
  4020. #reviews.island .review span.item-note {
  4021.     position: absolute !important;
  4022.     width: 358px !important;
  4023.     margin-top: 4px !important;
  4024.     border: 0 none !important;
  4025.     overflow: hidden !important;
  4026.     white-space: nowrap !important;
  4027.     text-overflow: ellipsis !important;
  4028. }
  4029. /* AUTHOR Page */
  4030. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description + span {
  4031.     position: absolute !important;
  4032.     width: 158px !important;
  4033.     margin-top: 1px !important;
  4034.     border: 0 none !important;
  4035.     overflow: hidden !important;
  4036.     white-space: nowrap !important;
  4037.     text-overflow: ellipsis !important;
  4038. }
  4039. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description + span:hover {
  4040.     width: 375px !important;
  4041.     padding-left: 5px !important;
  4042.     margin-left: -5px !important;
  4043.     background: red !important;
  4044.     color: gold !important;
  4045.     z-index: 100 !important;
  4046. }
  4047.  
  4048. #reviews.island .review span.item-note + .item-note {
  4049.     position: absolute !important;
  4050.     width: 80px ! important;
  4051.     height: 65px ! important;
  4052.     top: 10px !important;
  4053.     right: -5px ! important;
  4054.     border: 0 none !important;
  4055.     text-align: right ! important;
  4056.     font-size: 0 ! important;
  4057. }
  4058.  
  4059. /* TXT "PREVIOUS REVIEWS " - === */
  4060. #reviews.island .review span.item-note + .item-note a:after {
  4061.     content: "Prev" ! important;
  4062.     position: relative ! important;
  4063.     display: inline-block ! important;
  4064.     margin-top: 33px !important;
  4065.     left: 10px !important;
  4066.     border: 0 none !important;
  4067.     text-align: center ! important;
  4068.     letter-spacing: 3px !important;
  4069.     font-size: 11px ! important;
  4070.     padding: 1px 3px ! important;
  4071.     color: green ! important;
  4072.     background: black ! important;
  4073.     transform: rotate(90deg) ! important;
  4074.     cursor: pointer ! important;
  4075. z-index: 200 !important;
  4076. }
  4077. /* (new55) REVIEWS - PROFILE - MY REVIEWS - USER PROFILE PAGE (yellow) -
  4078. https://addons.mozilla.org/en-US/firefox/user/decembre/
  4079. === */
  4080. #my-collections.secondary + #reviews.primary {
  4081.     position: relative !important;
  4082.     display: inline-block !important;
  4083.     min-width: 1547px !important;
  4084.     max-width: 1547px !important;
  4085.     max-height: 530px !important;
  4086.     min-height: 530px !important;
  4087.     left: 405px !important;
  4088.     top: 0px !important;
  4089.     overflow: hidden !important;
  4090.     overflow-x: hidden !important;
  4091.  }
  4092. #my-collections.secondary + #reviews.primary .items {
  4093.     position: relative !important;
  4094.     display: inline-block !important;
  4095.     min-width: 1520px !important;
  4096.     max-width: 1520px !important;
  4097.     max-height: 475px !important;
  4098.     min-height: 475px !important;
  4099.     left: 0px !important;
  4100.     top: -7px !important;
  4101.     overflow: hidden !important;
  4102.     overflow-x: hidden !important;
  4103.     overflow-y: auto !important;
  4104.  }
  4105. #my-collections.secondary + #reviews.primary .review.item {
  4106.     position: relative !important;
  4107.     display: inline-block !important;
  4108.     width: 475px !important;
  4109.     max-height: 160px !important;
  4110.     min-height: 160px !important;
  4111.     margin-right: 14px !important;
  4112.     padding: 1px 4px 10px !important;
  4113.     border-radius: 5px !important;
  4114.     overflow: hidden !important;
  4115.     overflow-x: hidden !important;
  4116.     overflow-y: auto !important;
  4117. }
  4118. #my-collections.secondary + #reviews.primary .paginator.c.pjax-trigger.paginator.c.pjax-trigger {
  4119.     position: absolute !important;
  4120.     display: inline-block !important;
  4121.     height: 25px !important;
  4122.     width: 700px!important;
  4123.     top: 0px !important;
  4124.     left: 400px !important;
  4125.     padding-left: 10px !important;
  4126.     padding-top: 3px !important;
  4127.     border-radius: 5px 5px 0 0 !important;
  4128.     color: white !important;
  4129.     z-index: 500 !important;
  4130.     background: #1b5898 linear-gradient(#2e89ca, #1b5898) repeat scroll 0 0 !important;
  4131. }
  4132. /* VOIR LEFT */
  4133. #my-collections.secondary + #reviews.primary .review.item:nth-last-of-type(2) {
  4134.     position: relative !important;
  4135.     display: inline-block !important;
  4136.     width: 475px !important;
  4137.     max-height: 140px !important;
  4138.     min-height: 140px !important;
  4139.     margin-right: 17px !important;
  4140.     margin-top: 0px ! important;
  4141.     padding: 1px 4px 10px !important;
  4142.     border-radius: 5px !important;
  4143. }
  4144. #my-collections.secondary + #reviews.primary .review.item  h3 {
  4145.     position: absolute !important;
  4146.     display: inline-block !important;
  4147.     min-width: 370px !important;
  4148. }
  4149. #my-collections.secondary + #reviews.primary .review.item h3 a {
  4150.     position: absolute !important;
  4151.     min-width: 370px !important;
  4152.     display: inline-block !important;
  4153.     left: 0 !important;
  4154.     text-align: center !important;
  4155. }
  4156. #my-collections.secondary + #reviews.primary .review.item h4 {
  4157.     margin-top: 20px !important;
  4158. }
  4159. #my-collections.secondary + #reviews.primary .review.item .description {
  4160.     height: 55px !important;
  4161.     margin-top: 3px !important;
  4162.     overflow-y: auto !important;
  4163.     background: black !important;
  4164. }
  4165. #my-collections.secondary + #reviews.primary .review.item .description:hover {
  4166.     height: 95px !important;
  4167.     width: 483px !important;
  4168.     overflow-y: auto !important;
  4169. }
  4170.  
  4171. /* TEST -  ADDON PAGE WITH DEPENDENCIES :
  4172. https://addons.mozilla.org/fr/firefox/addon/stylish-custom/
  4173. https://addons.mozilla.org/fr/firefox/addon/firerainbow/?src=dp-dl-oftenusedwith
  4174. === */
  4175. .notice.dependencies {
  4176.     position: absolute!important;
  4177.     width: 190px !important;
  4178.     left: 537px !important;
  4179.     top: 170px !important;
  4180.     padding: 3px!important;
  4181. }
  4182. .notice.upsell > h3, .notice.dependencies > h3 {
  4183.     margin-bottom: -2px !important;
  4184.     font-size: 12px!important;
  4185.     white-space: nowrap;
  4186.     width: 195px!important;
  4187.     text-overflow: ellipsis!important;
  4188.     overflow: hidden!important;
  4189. }
  4190.  .notice.dependencies > h3+ .listing-grid.c.cols-3 {
  4191.     position: relative!important;
  4192.     display: inline-block!important;
  4193.     height: 75px;
  4194.     min-width: 192px!important;
  4195.     max-width: 192px!important;
  4196.     top: 14px!important
  4197. }
  4198. .notice.dependencies > h3+ .listing-grid.c.cols-3 section {
  4199.     position: relative!important;
  4200.     display: inline-block!important;
  4201.     min-width: 190px!important;
  4202.     max-width: 190px!important;
  4203.     left:2px!important;
  4204. }
  4205. .notice.dependencies > h3+ .listing-grid.c.cols-3 section> li {
  4206.     position: relative!important;
  4207.     display: inline-block!important;
  4208.     min-width: 190px!important;
  4209.     max-width: 190px!important;
  4210.     left:-2px!important;
  4211. }
  4212.  
  4213.  
  4214. /* (COR)  VOIR PADDING - ADDON PAGE - AUTHOR CONTRIBUTION - right -
  4215. #contribution
  4216. .notice.author,
  4217. .notice.performance-note
  4218. TinEye Reverse Image:
  4219. https://addons.mozilla.org/fr/firefox/addon/tineye-reverse-image-search/
  4220. https://addons.mozilla.org/fr/firefox/addon/firebug/?src=dp-dl-othersby
  4221. === */
  4222. .notice.dependencies + #contribution ,
  4223. #addon +#contribution.notice.author {
  4224.     padding-left: 104px;
  4225.     position: absolute !important;
  4226.     width: 330px !important;
  4227.     left: -452px ! important;
  4228.     top: -90px !important;
  4229.     padding: 3px 10px 2px 104px ! important;
  4230. }
  4231. .notice.dependencies + #contribution .avatar ,
  4232. #addon +#contribution.notice.author .avatar {
  4233.     position: absolute;
  4234.     width: 48px !important;
  4235.     height: 48px !important;
  4236.     left: 20px;
  4237.     top: 6px !important;
  4238. }
  4239. /* (new40) PROFILE DEVELLOPER - ADDON PAGE INFO - MEET IT -
  4240. https://addons.mozilla.org/en-US/firefox/addon/downthemall/developers
  4241. TinEye Reverse Image:
  4242. https://addons.mozilla.org/fr/firefox/addon/tineye-reverse-image-search/
  4243. === */
  4244. .primary.c #contribution.notice.author {
  4245.     display: inline-block!important;
  4246.     width: 380px !important;
  4247.     height: 97px !important;
  4248.     margin-left: 0px!important;
  4249.     top: 0px !important;
  4250. padding: 10px 14px !important;
  4251. }
  4252. .primary.c #contribution.notice.author.c.author .aux + h3 {
  4253.     margin-top: -12px !important;
  4254.     font-size: 13px;
  4255.     font-style: italic;
  4256. }
  4257. .primary.c #contribution.notice.author .avatar {
  4258.     display: none!important;
  4259. }
  4260. /* (new60) */
  4261. .primary.c #contribution.notice.author .aux {
  4262.     width: 171px;
  4263.     height: 100px !important;
  4264.     margin-top: -7px !important;
  4265.     margin-left: 0;
  4266.     margin-right: -12px !important;
  4267.     left: 0px !important;
  4268.     border-left: 1px solid gray!important;
  4269.     border-bottom: 1px solid gray!important;
  4270.     border: 1px solid gray!important;
  4271.     padding: 5px !important;
  4272. text-align: center !important;
  4273. }
  4274. .primary.c #contribution.notice.author .aux + h3 + .show-install{
  4275.     max-width: 196px ;
  4276.     margin-left: -7px ;
  4277.     padding: 4px !important;
  4278.     background: #222 ;
  4279. }
  4280.  
  4281. .notice.author .continue {
  4282.     display: block;
  4283.     margin-top: 10px !important;
  4284. }
  4285. .primary.c #contribution.notice.author .aux .install-shell:not(.hidden) {
  4286.     display: inline-block;
  4287.     height: 20px !important;
  4288.     left: 0px !important;
  4289.     line-height: 25px !important;
  4290.     position: relative !important;
  4291.     top: 5px !important;
  4292.     visibility: visible !important;
  4293.     z-index: 30 !important;
  4294. }
  4295.  
  4296. /* (new47) - PB MEET - pb BREADCRUMB - ONE BIG ICON ADDON - NO SUPPORT message - WHY in OTHER SECCTION -
  4297. https://addons.mozilla.org/fr/firefox/addon/firequery/developers
  4298. ==== */
  4299.  
  4300. /* (new37) PROFILE - MY ADDON - DEV INFOS - AVATAR - BIG -
  4301. https://addons.mozilla.org/fr/firefox/user/jorge-villalobos/
  4302. https://addons.mozilla.org/en-US/firefox/user/decembre/
  4303. SEE DEV MEET:
  4304. https://www.google.fr/search?q=Meet+the+QuickNote+Developer+::+Add-ons+for+Firefox&ie=utf-8&oe=utf-8&gws_rd=cr&ei=GENuVoXlFcGga4OeusAP#q=Meet+Developer+Add-ons+for+Firefox
  4305.  
  4306. OK MEET DEV :
  4307. https://addons.mozilla.org/en-US/firefox/addon/web-developer/developers
  4308. https://addons.mozilla.org/en-us/firefox/addon/ymobactus/developers
  4309. SOLVED  MEET DEV (more than one dev):
  4310. https://addons.mozilla.org/en-US/firefox/addon/quicknote/developers
  4311.  
  4312. === */
  4313.  
  4314. /* (new40) FOR:
  4315. https://addons.mozilla.org/fr/firefox/addon/new-tab-override/developers
  4316. === */
  4317. .meet .island.c {
  4318.     display: inline-block !important;
  4319.     height: 586px !important;
  4320.     margin-bottom: 15px;
  4321.     padding: 14px 14px 25px 14px !important;
  4322. }
  4323. .meet .user-avatar {
  4324.     display: block;
  4325.     float: right;
  4326.     width: 208px;
  4327. }
  4328. .meet .secondary.c + .primary.c + .island.c .secondary.user-avatar {
  4329.     background: #333 none repeat scroll 0 0 !important;
  4330.     display: inline-block !important;
  4331.     float: right !important;
  4332.     height: 585px !important;
  4333.     margin-top: -5px !important;
  4334.     text-align: center !important;
  4335.     width: 200px !important;
  4336. }
  4337. .meet .secondary.c + .primary.c + .island.c .secondary.user-avatar + .primary {
  4338.     height: 585px !important;
  4339.     top: -390px !important;
  4340. }
  4341.  
  4342. /*(new40)*/
  4343. .meet .primary.c {
  4344.     width: 410px !important;
  4345.     height: 120px !important;
  4346. }
  4347. .meet .secondary.c {
  4348.     display: inline-block !important;
  4349.     float: right;
  4350.     width: 535px !important;
  4351.     height: 92px !important;
  4352.     line-height: 95px !important;
  4353.     margin-top: 0px !important;
  4354.     padding: 20px 5px 5px 5px !important;
  4355.     border-radius: 5px !important;
  4356.     border: 1px solid gray !important;
  4357.     background: #222 !important;
  4358. }
  4359. .meet .secondary.c .item.addon ,
  4360. .meet .secondary.c .item.addon hgroup {
  4361.     display: inline-block !important;
  4362. }
  4363. .meet .secondary.c .item.addon hgroup #addon-icon {
  4364.     display: inline-block !important;
  4365.     top: 25px !important;
  4366. }
  4367. .meet .secondary.c .item.addon hgroup h1 {
  4368.     display: inline-block !important;
  4369.     width: 485px !important;
  4370.     height: 92px !important;
  4371.     line-height: 95px !important;
  4372. }
  4373.  
  4374. .meet .header-bg + #addon-side {
  4375.     position: relative !important;
  4376.     display: inline-block !important;
  4377.     float: right;
  4378.     width: 953px !important;
  4379.     margin-top: 5px !important;
  4380.     margin-right: 0px !important;
  4381.     padding: 30px 5px 5px 5px !important;
  4382.     border-radius: 5px !important;
  4383.     border: 1px solid yellow !important;
  4384.     background: #222 !important;
  4385. }
  4386. .item.addon {
  4387.     height: 43px !important;
  4388. }
  4389.  
  4390. .secondary .addon hgroup h1 {
  4391.     height: 43px !important;
  4392.     line-height: 43px!important;
  4393.     font-size: 30px !important;
  4394.     margin: 0 0 4px;
  4395.     padding: 0px ;
  4396.     text-transform: none;
  4397. }
  4398. .meet  .hero.c {
  4399.     position: relative !important;
  4400.     width: 953px !important;
  4401. }
  4402.  
  4403. /* (new47) MEET - NO SUPPORT - BIG ICON + WHY - GREEN -
  4404. https://addons.mozilla.org/fr/firefox/addon/firequery/developer
  4405.  
  4406. === */
  4407. .meet .header-bg + #addon-side + header #breadcrumbs {
  4408.     position: relative !important;
  4409.     width: 753px !important;
  4410.     top: -172px !important;
  4411.     white-space: nowrap !important;
  4412. }
  4413.  
  4414. /* (new47) MEET - SUPPORT / NO WHY - RED - class="header-bg" style="width: calc(100vw - 6px);"> -
  4415. https://addons.mozilla.org/fr/firefox/addon/new-tab-override/developers
  4416. === */
  4417. .meet .header-bg + .hero.c  #breadcrumbs {
  4418.     position: relative !important;
  4419.     width: 753px !important;
  4420.     top: -22px !important;
  4421.     white-space: nowrap !important;
  4422. }
  4423. /* .meet .primary.full #about-addon */
  4424. .meet #page .header-bg + .hero.c + .secondary.c + .primary.c + .primary.full {
  4425.     margin-top: 0px !important;
  4426. }
  4427.  
  4428. /* (new47) MEET - H1 - TXT " Meet / Rencontrez ..." -==== */
  4429.  
  4430. .meet .hero.c #breadcrumbs + h1 {
  4431.     width: 953px !important;
  4432.     margin-left: 0px !important;
  4433.     font-size: 18px !important;
  4434.     text-align: center !important;
  4435. }
  4436. .meet .header-bg + #addon-side + header #breadcrumbs + h1 {
  4437.     width: 953px !important;
  4438.     top: -43px !important;
  4439.     margin-left: 0px !important;
  4440.     margin-bottom: 30px !important;
  4441.     font-size: 18px !important;
  4442.     text-align: center !important;
  4443. }
  4444.  
  4445. /* (new47) MEET - WHY - === */
  4446. .meet .hero.c  ~.primary.full {
  4447.     position: relative !important;
  4448.     display: inline-block !important;
  4449.     width: 963px !important;
  4450.     margin-bottom: -19px !important;
  4451.     margin-top: -66px !important;
  4452. }
  4453.  
  4454.  
  4455. /* (new40) MEET - DEV SECTION - for MORE than ONE DEV:
  4456. https://addons.mozilla.org/en-US/firefox/addon/quicknote/developers
  4457. === */
  4458. .meet #page>.primary.full + h1 +.island.c ~ .island.c,
  4459. .meet #page>.primary.full + h1 +.island.c {
  4460.     position: relative !important;
  4461.     display: inline-block!important;
  4462.     width: 930px!important;
  4463.     height: 300px!important;
  4464. }
  4465.  
  4466. /* (new47) MEET - MULTI DEV - === */
  4467. .meet #page > .primary.full + h1 + .island.c + .island.c ,
  4468. .meet .island.c + .island.c {
  4469.     top: 0px !important;
  4470. }
  4471. .meet #page > .primary.full + h1 + .island.c ~ .island.c ,
  4472. .meet .island.c ~ .island.c {
  4473.     margin-top: -85px !important;
  4474. }
  4475.  
  4476. /* .secondary.user-avatar  */
  4477. #profile-actions + .fn.n + .island.c .secondary.user-avatar {
  4478.     display: inline-block ! important;
  4479.     float: right !important;
  4480.     width: 304px !important;
  4481.     height: 220px !important;
  4482.     margin-top: -12px !important;
  4483.     margin-right: -8px !important;
  4484.     padding-top: 20px !important;
  4485.     border-radius: 0 0 5px 5px !important;
  4486.     text-align: center ! important;
  4487.     background: #333 !important;
  4488. }
  4489. /* .meet #page>.primary.full +h1 +.island.c .secondary.user-avatar  */
  4490. .meet #page > .primary.full ~ .island.c .secondary.user-avatar {
  4491.     display: inline-block ! important;
  4492.     float: right !important;
  4493.     margin-top: -5px !important;
  4494.     width: 200px !important;
  4495.     height: 295px !important;
  4496.     text-align: center ! important;
  4497.     background: #333 !important;
  4498. }
  4499. .meet .avatar {
  4500.     height: auto !important;
  4501.     min-width: 170px !important;
  4502.     max-width: 170px !important;
  4503. }
  4504.  
  4505. .meet .island > section {
  4506. /* position: absolute !important; */
  4507.     display: inline-block !important;
  4508.     float: none !important;
  4509.     height: 300px !important;
  4510.     width: 695px !important;
  4511.     margin-top: -218px !important;
  4512.     bottom: 100px !important;
  4513.     padding: 7px 14px 2px 5px !important;
  4514.     overflow: hidden !important;
  4515.     overflow-y: auto !important;
  4516.     outline: 1px solid gray !important;
  4517. }
  4518.  
  4519. .meet .user-role {
  4520.     display: inline-block;
  4521.     height: 18px !important;
  4522.     line-height: 17px !important;
  4523.     min-width: 220px !important;
  4524.     max-width: 220px !important;
  4525.     margin-top: -2px !important;
  4526.     padding: 0 !important;
  4527.     background: #333 !important;
  4528. }
  4529. .meet .user-role p {
  4530.     display: inline-block;
  4531.     height: 17px !important;
  4532.     line-height: 17px !important;
  4533.     margin: 0 6px;
  4534.     padding: 0 !important;
  4535.     text-align: center;
  4536.     font-size: 11px !important;
  4537. }
  4538.  
  4539. .meet .user-role p::before {
  4540.     display: inline-block;
  4541.     width: 15px;
  4542.     height: 15px;
  4543.     margin: 0 2px -3px 0 !important;
  4544.     border-radius: 10px !important;
  4545.     background-position: 1px 1px !important;
  4546.     background-size: 85% !important;
  4547.     background-color: white !important;
  4548. }
  4549.  
  4550.  
  4551. /* (new18) PROFILE - MY ADDON - DEV INFOS - VCARD - CONT - === */
  4552.  
  4553. /* (ALL) DESCRIPTIONS - === */
  4554. .desc {
  4555.     margin: 75px 0 0 -51px !important;
  4556.     padding: 5px !important;
  4557.     cursor: default !important;
  4558. }
  4559. .desc br {
  4560.     position: relative !important;
  4561.     display: block !important;
  4562.     height: 20px !important;
  4563.     margin-top: -1px !important;
  4564. }
  4565.  
  4566. /* ACTIONS */
  4567. .item-actions > li > a {
  4568.     position: absolute !important;
  4569.     right: 8px !important;
  4570.     bottom: 0 !important;
  4571. }
  4572.  
  4573. .item-actions > li:not(:first-child) {
  4574.     margin-top: 5px !important;
  4575. }
  4576.  
  4577. .item-actions > li > a.delete-review {
  4578.     position: absolute !important;
  4579.     text-align: left !important;
  4580.     width: 100px !important;
  4581.     right: 370px !important;
  4582.     bottom: 0 !important;
  4583.     color: gray !important;
  4584. }
  4585. .item-actions > li > a:hover.delete-review {
  4586.     position: absolute !important;
  4587.     color: red !important;
  4588.     background: yellow ! important;
  4589. }
  4590.  
  4591. /* ADDON SEARCH(ALL) - TITLE+ICON - === */
  4592. .items .item h3 {
  4593.     position: absolute !important;
  4594.     display: inline-block !important;
  4595.     height: 50px !important;
  4596.     left: 0px !important;
  4597.     top: 40px !important;
  4598.     border-radius: 5px 5px 0 0  !important;
  4599.     font-size: 16px !important;
  4600.     text-align: center !important;
  4601. }
  4602.  
  4603.  
  4604. /* (new9) (ALL) ADDON SEARCH - ADD ICON -
  4605. PB Small ICON : Web Application Security Penetration Testing
  4606. https://addons.mozilla.org/fr/firefox/collections/adammuntner/webappsec/
  4607. https://addons.mozilla.org/fr/firefox/collections/?sort=followers&page=2
  4608. === */
  4609.  
  4610. /* (new44) PB ICON -
  4611. TEST LINK:
  4612. https://addons.mozilla.org/en-US/firefox/addon/remote-control/
  4613. https://addons.mozilla.org/en-US/firefox/user/nneonneo/
  4614. === */
  4615.  
  4616. .items .item h3 img {
  4617.     position: absolute !important;
  4618.     display: inline-block !important;
  4619.     height: auto !important ;
  4620.     min-height: 32px;
  4621.     max-width: 32px;
  4622.     left: 2px !important;
  4623.     top: 2px !important;
  4624.     padding: 2px ! important;
  4625.     border-radius: 5px  ! important;
  4626.     box-shadow: 0 0 2px #CCCCCC inset !important;
  4627. }
  4628. /* (new61) (ALL) ADDON SEARCH - NAME - CF .is-webextension - === */
  4629. #search-facets + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item.addon .info h3 a:not(.is-webextension) ,
  4630. .listing #pjax-results .items .item .info h3 a {
  4631.     position: absolute ! important;
  4632.     width: 258px ! important;
  4633.     height: 40px ! important;
  4634.     left: -25px ! important;
  4635.     margin-left: 28px ! important;
  4636.     top: 1px ! important;
  4637.     padding: 5px 15px 3px 40px ! important;
  4638.     border-radius:5px 5px  0 0 ! important;
  4639.     white-space: nowrap !important;
  4640.     overflow: hidden ! important;
  4641.     text-overflow: ellipsis ! important;
  4642. }
  4643.  
  4644. /* (new42) (ALL)) ADDON SEARCH - NAME + ICON -
  4645. ADAPTATION FOR GM AUTOPAGERIZE
  4646. === */
  4647. #search-facets + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item.addon .info h3 ,
  4648. .listing #pjax-results .items .item .info h3 {
  4649.     display: inline-block !important;
  4650.     height: 60px !important;
  4651.     max-width: 290px !important;
  4652.     min-width: 290px !important;
  4653.     top: 36px !important;
  4654.     padding: 0 25px 0 0 !important;
  4655.     margin-left: 4px !important;
  4656.     border: 1px solid gray !important;
  4657. }
  4658. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info h3 {
  4659.     top: 3px !important;
  4660. }
  4661.  
  4662. /* (new23) SEARCH - ADDON RATING / FOLLOWERS -
  4663. OK:
  4664. https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  4665. SEARCH FACETS:
  4666. https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  4667. === */
  4668. #pjax-results #sorter.c.pjax-trigger + .items .info .vitals {
  4669.     position: relative !important;
  4670.     display: inline-block !important;
  4671.     width: 310px !important;
  4672.     top: -103px !important;
  4673.     left: -51px !important;
  4674.     text-align: center !important;
  4675. }
  4676. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .vitals {
  4677.     position: relative !important;
  4678.     display: inline-block !important;
  4679.     width: 310px !important;
  4680.     top: -143px !important;
  4681.     left: -51px !important;
  4682.     text-align: center !important;
  4683. }
  4684.  
  4685. /* (new65) SEARCH - ADDON INSTALL - === */
  4686.  
  4687. #pjax-results #sorter.c.pjax-trigger + .items .info + .action {
  4688.     display: inline-block !important;
  4689.     height: 15px !important;
  4690.     padding: 0 !important;
  4691.     top: 75px !important;
  4692.     width: 100% !important;
  4693.     text-align: center !important;
  4694. }
  4695. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info + .action {
  4696.     display: inline-block !important;
  4697.     width: 100% !important;
  4698.     height: 15px !important;
  4699.     top: 58px !important;
  4700.     padding: 0 !important;
  4701.     text-align: center !important;
  4702. }
  4703.  
  4704. /* ======= END - ADDON SEARCH ========= */
  4705.  
  4706. /* === ADDON PAGE ==== */
  4707.  
  4708. /* (new38) - ADDON PAGE - TITLE + SUMMARY - === */
  4709. .gutter .secondary.addon-vitals + .primary #addon {
  4710.     min-height: 317px !important;
  4711.     max-height: 317px !important;
  4712.     max-width: 755px ! important;
  4713.     min-width: 755px ! important;
  4714.     top: 3px !important;
  4715.     left: 5px !important;
  4716. }
  4717. #addon > hgroup {
  4718.     position: relative !important;
  4719.     display: inline-block !important;
  4720.     width: 535px !important;
  4721.     height: 100% ! important;
  4722.     min-height: 70px !important;
  4723.     max-height: 70px !important;
  4724.     margin-left: -98px !important;
  4725.     text-align: left !important;
  4726. }
  4727. /* (new55) */
  4728. #addon > hgroup h1.addon {
  4729.     position: relative !important;
  4730.     display: inline-block !important;
  4731.     height: 100% ! important;
  4732.     min-height: 138px !important;
  4733.     width: 662px !important;
  4734.     left: -495px !important;
  4735.     top: 0px !important;
  4736.     margin-bottom: 25px ! important;
  4737.     padding-right: 0 ! important;
  4738.     padding-left: 80px ! important;
  4739.     white-space: normal !important;
  4740. border: 1px solid gray !important;
  4741. /* outline: 1px solid gray ! important; */
  4742. /* background-color: rgba(255, 0, 0, 0.2) !important; */
  4743. }
  4744. /* (COR) PB ICON - HEIGHT -
  4745. YEST LINK:
  4746. https://addons.mozilla.org/fr/firefox/addon/british-english-dictionary-2/
  4747. https://addons.mozilla.org/en-US/firefox/addon/remote-control/
  4748. === */
  4749. #addon > hgroup > .icon {
  4750.     position: absolute;
  4751. /*    left: -8px !important;*/
  4752.     max-width: 67px !important;
  4753.     width: auto !important;
  4754.     height: auto !important;
  4755.     min-height: 67px !important;
  4756.     top: 8px !important;
  4757.     left: 4px !important;
  4758.     margin-top: -3px !important;
  4759.     padding: 2px !important;
  4760.     border-radius: 5px !important;
  4761.     box-shadow: 0 0 2px #CCCCCC inset !important;
  4762.     background: rgba(191, 191, 190, 0.33) !important;
  4763. }
  4764.  
  4765.  
  4766. /* (new31) */
  4767. .addon>span:not(.no-restart) {
  4768.     position: relative !important;
  4769.     display: inline-block !important;
  4770.     float: left !important;
  4771.     width: 655px !important;
  4772. }
  4773. /* (new60) */
  4774. .gutter .secondary.addon-vitals + .primary #addon  .addon > span.is-restart-required   {
  4775.     position: relative !important;
  4776.     display: inline-block !important;
  4777.     float: left !important;
  4778.     width: 155px !important;
  4779.     top: 0 !important;
  4780.     left: 0 !important;
  4781.     text-align: center !important;
  4782. /*     background: aqua !important; */
  4783. }
  4784. /* (new55) */
  4785. #addon > #addon-summary {
  4786.     position: absolute !important;
  4787.     display: inline-block !important;
  4788.     width: 100% !important;
  4789.     min-width: 735px !important;
  4790.     max-width: 735px !important;
  4791.     height: 100% ! important;
  4792.     min-height: 58px ! important;
  4793.     max-height: 58px ! important;
  4794.     line-height: 16px !important;
  4795.     left: 5px !important;
  4796.     top: 82px !important;
  4797.     padding: 0px 0 0px 5px !important;
  4798. /* border-bottom: 1px solid red !important; */
  4799.     overflow: hidden !important;
  4800.     overflow-y: auto ! important;
  4801. }
  4802. #addon-summary> br + br {
  4803.     display: none !important;
  4804. }
  4805. /* (new43) ADDON PAGE - Privacy Policy - === */
  4806. #addon .badge {
  4807.     position: absolute !important;
  4808.     display: inline-block!important;
  4809.     width: 112px !important;
  4810.     line-height: 10px !important;
  4811.     right: 617px !important;
  4812.         top: 14px;
  4813.     font-size: 10px !important;
  4814.     text-decoration: none !important;
  4815.     border-radius: 5px !important;
  4816.     margin-left: 1em;
  4817.     background: #222;
  4818. }
  4819.  
  4820.  
  4821. /* (new60) ADDON PAGE - INSTALL BUTTON - === */
  4822. #addon>#addon-summary + .install-wrapper {
  4823. /* position: relative !important; */
  4824.     position: absolute !important;
  4825.     display: inline-block!important;
  4826.     height: 35px !important;
  4827.     width: 100% !important;
  4828.     min-width: 195px !important;
  4829.     max-width: 195px !important;
  4830.     right: 6px !important;
  4831.     top: 275px !important;
  4832.     border-radius: 0 0 5px 0 !important;
  4833.     text-align: center !important;
  4834. }
  4835. /* #addon>#addon-summary + .install-wrapper .install-shell, */
  4836. #addon>#addon-summary + .install-wrapper .install-shell:not(.hidden) {
  4837.     display: inline-block;
  4838.     width: 100% !important;
  4839.     min-width: 195px !important;
  4840.     max-width: 195px !important;
  4841.     height: 20px !important;
  4842.     left: -1px !important;
  4843.     line-height: 20px !important;
  4844.     position: relative !important;
  4845.     top: 2px !important;
  4846.     visibility: visible !important;
  4847.     z-index: 30 !important;
  4848. }
  4849. #addon>#addon-summary + .install-wrapper .install-shell > .install {
  4850.     min-width: 190px !important;
  4851.     max-width: 190px !important;
  4852.     top: -10px !important;
  4853.     margin-left: 4px !important;
  4854. }
  4855. #addon>#addon-summary + .install-wrapper .install-shell > .install p a span {
  4856.     height: 20px !important;
  4857.     line-height: 15px !important;
  4858.     font-size: 15px !important;
  4859.     background-position: 0 -190px !important;
  4860. }
  4861.  
  4862.  
  4863. /* (new61) INSTALL button - CORRECTION FOR ONLY ONE INSTALL button on ADDON PAGE   */
  4864. #addon>#addon-summary + .install-wrapper .install-shell > .install p a {
  4865. /*     display: inline-block !important; */
  4866.     min-height: 20px !important;
  4867.     line-height: 15px !important;
  4868.     left: -6px !important;
  4869. }
  4870. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.prominent.concealed ,
  4871. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.installer {
  4872.     left: -36px !important;
  4873. }
  4874. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.prominent.concealed sapn,
  4875. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.installer span  {
  4876.     display: inline-block !important;
  4877.     max-width: 190px !important;
  4878.     min-width: 190px !important;
  4879.     padding: 0 !important;
  4880.     overflow: hidden !important;
  4881.     text-overflow: ellipsis;
  4882.     white-space: nowrap;
  4883.     font-size: 10px !important;
  4884. }
  4885.  
  4886.  
  4887.  
  4888. /* (new36) ADDON PAGE - txt VERIFICATION / WARNING -
  4889. https://addons.mozilla.org/fr/firefox/addon/stylish-custom/
  4890. https://addons.mozilla.org/en-US/firefox/addon/autopager-fixed/
  4891. === */
  4892. #addon>.install-wrapper>.install-shell .warning {
  4893.     position: relative !important;
  4894.     width: 530px !important;
  4895.     margin-top: -1px !important;
  4896.     text-align: center !important;
  4897. }
  4898. #addon>#addon-summary + .install-wrapper .install-shell .warning {
  4899.     position: absolute !important;
  4900.     display: inline-block!important;
  4901.     height: 5px !important;
  4902.     line-height: 5px !important;
  4903.     width: 380px !important;
  4904.     top: 20px !important;
  4905.     left: -387px !important;
  4906.     padding: 5px 2px !important;
  4907.     border-radius: 5px !important;
  4908.     background: rgba(0, 0, 0, 0.3) !important;
  4909. }
  4910. #addon>#addon-summary + .install-wrapper .install-shell:hover .warning {
  4911.     background: rgba(0, 0, 0, 0.8) !important;
  4912. }
  4913.  
  4914.  
  4915. /* (new35) ADDON PAGE - RATING BLOCK -
  4916. PB:
  4917. https://addons.mozilla.org/en-US/thunderbird/addon/t-bird-titlebar-tweaker/
  4918. ==== */
  4919. .secondary.addon-vitals  {
  4920.     position: absolute !important;
  4921.     display: inline-block !important;
  4922.     width: 100% !important;
  4923.     min-width: 175px !important;
  4924.     max-width: 175px !important;
  4925.     left: 5px !important;
  4926.     top: 260px !important;
  4927.     padding: 0 0 0 15px !important;
  4928.     border-left: none !important;
  4929.     z-index: 2 !important;
  4930. }
  4931. aside.secondary .widgets a.favorite {
  4932.     margin-top: -22px !important;
  4933. }
  4934.  
  4935. .secondary.addon-vitals>span {
  4936.     display: none !important;
  4937. }
  4938. .secondary.addon-vitals>span + div {
  4939.     margin-top: 0px !important;
  4940. }
  4941. /* (new68) */
  4942. .addon-details #weekly-downloads  {
  4943.     line-height: 12px !important;
  4944. }
  4945.  
  4946.  
  4947. /* (new34) */
  4948. .secondary.metadata.c:not([id="related"]) {
  4949.     position: absolute !important;
  4950.     width: 290px !important;
  4951.     height: 115px !important;
  4952.     left: 200px !important;
  4953.     top: 260px !important;
  4954.     padding: 0 0 0 20px !important;
  4955.     border-left: 1px solid red !important;
  4956.     border-right: 1px solid red !important;
  4957. }
  4958.  
  4959. /* .primary:not(#reviews) +.secondary.metadata.c , */
  4960. #lightbox + .secondary.metadata.c  {
  4961.     position: absolute !important;
  4962.     width: 290px !important;
  4963.     height: 115px !important;
  4964.     left: 200px !important;
  4965.     top: 260px !important;
  4966.     padding: 0 0 0 20px !important;
  4967.     border-left: 1px solid red !important;
  4968.     border-right: 1px solid red !important;
  4969. }
  4970. .secondary.metadata.c>ul +ul{
  4971.     margin-top: -10px !important;
  4972. }
  4973. .source-license {
  4974.     font-size: 0 !important;
  4975. }
  4976. .source-license>a {
  4977.     font-size: 12px !important;
  4978. }
  4979. /* (new40 ADDON PAGE - NOTICE - MEET the DEVELOPER(move from center to TOP / LEFT)) -
  4980. https://addons.mozilla.org/fr/firefox/addon/cutebuttons-crystal-svg/?src=dp-dl-othersby
  4981. https://addons.mozilla.org/en-US/firefox/addon/shareaholic-share-links-fast/
  4982. WITH DEPENDENCIES:
  4983. https://addons.mozilla.org/fr/firefox/addon/firerainbow/?src=dp-dl-oftenusedwith
  4984. ===  */
  4985. .notice.dependencies + .notice.c.author ,
  4986. aside.secondary.addon-vitals + .primary #addon + .notice.c.author {
  4987.     position: absolute !important;
  4988.     display: block!important;
  4989.     width: 385px!important;
  4990.     left: -452px !important;
  4991.     top: -90px !important;
  4992.     padding: 5px 3px 5px 57px!important;
  4993. }
  4994. .notice.dependencies + .notice.c.author>h3 ,
  4995. aside.secondary.addon-vitals + .primary #addon + .notice.c.author>h3 {
  4996.     width: 381px!important;
  4997.     margin-left: 2px!important;
  4998.     margin-top: -4px!important;
  4999.     padding: 2px !important;
  5000.     border-radius: 0 5px 0 0 !important;
  5001.     font-size: 12px !important;
  5002.     background: #333 !important;
  5003. }
  5004. aside.secondary.addon-vitals + .primary #addon + .notice.c.author> .aux + h3 {
  5005.     width: 381px!important;
  5006.     margin-left: -48px!important;
  5007.     margin-top: 0px!important;
  5008.     padding: 2px !important;
  5009.     border-radius: 0 5px 0 0 !important;
  5010.     font-size: 12px !important;
  5011.     background: #222 !important;
  5012. }
  5013. aside.secondary.addon-vitals + .primary #addon +  .notice.author .aux p  {
  5014.     margin-top: 0 !important;
  5015. }
  5016. aside.secondary.addon-vitals + .primary #addon + .notice.c.author> .aux + h3 + p {
  5017.     width: 381px!important;
  5018.     margin-left: -48px!important;
  5019.     margin-top: 0px!important;
  5020.     padding: 2px !important;
  5021.     border-radius: 0 0 5px 0  !important;
  5022.     background: #222 !important;
  5023. }
  5024.  
  5025. .notice.dependencies + .notice.c.author .avatar ,
  5026. aside.secondary.addon-vitals + .primary #addon + .notice.c.author .avatar {
  5027.     position: absolute;
  5028.     height: auto!important;
  5029.     width: 47px!important;
  5030.     left: 4px!important;
  5031.     top: 3px!important;
  5032.     border-radius: 5px!important;
  5033.     border: 1px solid gray !important;
  5034. }
  5035.  
  5036. /* (new44) - NOTICE AUTHOR - DESCRIPTION -
  5037. https://addons.mozilla.org/en-US/firefox/addon/flysms-send-webcam-video-by-mm/?src=collection&collection_id=d4d583ea-c6b8-4e0f-b311-60bacfee8b35
  5038. === */
  5039. .notice.c.author>p {
  5040.     width: 383px !important;
  5041.     margin-right: 0 !important;
  5042.     margin-top: -2px !important;
  5043. }
  5044.  
  5045. /* (new41) ABOUT ADDON */
  5046. #breadcrumbs + .secondary.metadata.c + .primary.island.c ,
  5047. .primary:not(#reviews) +.secondary.metadata.c + .primary  {
  5048.     position: absolute !important;
  5049.     display: inline-block !important;
  5050.     width: 633px !important;
  5051.     min-height: 780px !important;
  5052.     max-height: 780px !important;
  5053.     left: 761px !important;
  5054.     top: 87px !important;
  5055.     overflow: hidden ! important;
  5056. }
  5057. /* (new68)*/
  5058. .secondary.metadata.c:not(#related) + .primary.island.c ,
  5059. #lightbox + .secondary.metadata.c + .primary  {
  5060.     position: absolute !important;
  5061.     display: inline-block !important;
  5062.     width: 633px !important;
  5063.     min-height: 780px !important;
  5064.     max-height: 780px !important;
  5065.     left: 761px !important;
  5066.     top: 87px !important;
  5067.     overflow: hidden ! important;
  5068. overflow-y: auto !important;
  5069. }
  5070. #lightbox + .secondary.metadata.c + .primary h2 {
  5071.     padding-top: 0px !important;
  5072. }
  5073. #lightbox + .secondary.metadata.c + .primary .prose #addon-description {
  5074.     display: inline-block !important;
  5075.     width: 633px !important;
  5076.     max-height: 760px !important;
  5077.     min-height: 760px !important;
  5078.     margin-top: -7px !important;
  5079.     border-top: 1px dotted gray ! important;
  5080.     border-bottom: 1px dotted gray ! important;
  5081. /*     white-space: pre-wrap !important; */
  5082.     overflow: hidden ! important;
  5083.     overflow-y: auto ! important;
  5084. }
  5085.  
  5086. .secondary.metadata.c +  .primary.island.c>h2 {
  5087.     font-size: 17px !important;
  5088. }
  5089. /* (new65) TEST for DESCRIPTION:
  5090. https://addons.mozilla.org/fr/firefox/addon/image-picka/?src=collection&collection_id=03d4c24c-a664-4702-8624-408775f573f9
  5091. === */
  5092. #addon-description>ul {
  5093.     position: relative !important;
  5094.     display: inline-block !important;
  5095.     width: 600px !important;
  5096.     margin-bottom: 2px !important;
  5097.     margin-top: 5px !important;
  5098.     white-space: pre-wrap !important;
  5099. }
  5100. #addon-description>ul>li ul ,
  5101. #addon-description>ul>li li ,
  5102. #addon-description>ul>li {
  5103.     margin-bottom: 2px !important;
  5104.     margin-top: 2px !important;
  5105.     margin-left: 0px !important;
  5106. }
  5107.  
  5108. #addon-description>ul.prose>li {
  5109.     margin-bottom: 0px !important;
  5110.     margin-top: 0px !important;
  5111.     margin-left: 0 !important;
  5112. }
  5113. #addon-description>ul {
  5114.     line-height: 13px !important;
  5115.     margin-bottom: 2px !important;
  5116.     margin-top: 5px !important;
  5117.     margin-left: 5px !important;
  5118.     padding: 0 0 0 15px !important;
  5119.     text-indent: 0px !important;
  5120.     background: #333 !important;
  5121. }
  5122. #addon-description>ul>li ul {
  5123.     width: 560px !important;
  5124.     line-height: 8px !important;
  5125.     margin-bottom: 2px !important;
  5126.     margin-top: -10px !important;
  5127.     margin-left: 5px !important;
  5128.     padding: 0 0 0 15px !important;
  5129.     background: #222 !important;
  5130. }
  5131.    
  5132. /* (new65) TEST */
  5133. #addon-description>ul>li>br ,
  5134. #addon-description>ul>li > br ,
  5135. #addon-description > br + br + br ,
  5136. #addon-description > br + br ,
  5137. #addon-description > br {
  5138.     display: block !important;
  5139. /* display: none !important; */
  5140.     margin-bottom: -1px !important;
  5141. }
  5142.  
  5143. /* (A VOIR) ADDON PAGE - ADDON VERS HIST - (GM SCRIPT) - === */
  5144. #addon>hgroup>a:after {
  5145.     content: "old versions " ;
  5146.     position: absolute ;
  5147.     top: 55px ;
  5148.     left: 25px ;
  5149.     padding: 2px 3px ;
  5150.     font-size: 10px ;
  5151.     color: black ;
  5152.     background: palegreen ;
  5153. }
  5154. /* (new28) ADDON PAGE - LAST UPDATE - HIGHTLIGHT - === */
  5155. #page.c aside.secondary ul +ul  li+li:not(.source-license) {
  5156.     width: 310px !important;
  5157.     margin-left: -27px !important;
  5158.     padding-left: 28px !important;
  5159.     font-size: 15px !important;
  5160.     text-align: left!important;
  5161.     color: red !important;
  5162. }
  5163.  
  5164. /* (new8) ADDON PAGE - PART COLL - MORE INFOS - (NBR ADD / FOLLOW) -
  5165. .hovercard.theme:hover .more + .vitals ,
  5166. === */
  5167. .hovercard.collection.addon:not(:hover) .more {
  5168.     position: relative !important;
  5169.     display: inline-block !important;
  5170.     height: 8px !important;
  5171.     width: 98% !important;
  5172.     left: -7px !important;
  5173.     top: -22px !important;
  5174.     margin: 0 8px !important;
  5175.     padding: 0 0px 10px 2px !important;
  5176.     border-top: 1px dotted gray !important;
  5177.     color: gold !important;
  5178.     font-size: 11px !important;
  5179.     background: transparent !important;
  5180. }
  5181. .hovercard.addon .more + .vitals .adu {
  5182.     position: absolute !important;
  5183.     display: inline-block !important;
  5184.     height: 8px !important;
  5185.     width: 98% !important;
  5186.     top: 30px !important;
  5187.     padding: 0 0px 10px 2px !important;
  5188.     border-top: 1px dotted gray !important;
  5189.     color: gold !important;
  5190.     font-size: 11px !important;
  5191.     background: transparent !important;
  5192. }
  5193. /* ADDON PAGE - PART COLL - ADDI INFOS - SUMM(desc/icon) - === */
  5194. .hovercard.collection.addon a .summary p.desc {
  5195.     display: inline-block ! important;
  5196.     width: 164px ! important;
  5197.     min-height: 60px ! important;
  5198.     max-height: 60px ! important;
  5199.     margin-top: -4px !important;
  5200.     margin-left: -10px ! important;
  5201.     padding: 2px !important;
  5202.     color: #666666 !important;
  5203.     overflow: hidden ! important;
  5204.     white-space: nowrap !important;
  5205.     text-overflow: ellipsis !important;
  5206. }
  5207. .hovercard.collection.addon:hover a .summary p.desc {
  5208.     width: 100% ! important;
  5209.     height: 100% ! important;
  5210.     margin-left: 0px ! important;
  5211.     color: gray !important;
  5212.     overflow: visible ! important;
  5213.     white-space: normal !important;
  5214. }
  5215. .hovercard:hover h3 {
  5216.     text-decoration: none !important;
  5217. }
  5218.  
  5219. /* ADDON PAGE - SCREENSHOTS - COUNTER === */
  5220. .previews .panel {
  5221.     display: inline-block !important;
  5222.     width: 29% !important;
  5223.     margin-left: 4% !important;
  5224.     counter-increment: myIndex !important;
  5225. }
  5226. .previews .panel:after {
  5227.     position: absolute ;
  5228.     content: counter(myIndex, decimal) ;
  5229.     min-width: 19px ;
  5230.     margin-left: 15% ;
  5231.     margin-top: 3px ;
  5232.     border-radius: 10px ;
  5233.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
  5234.     font-size: 15px ;
  5235.     text-align: center ;
  5236.     background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6);
  5237.     z-index: 10 ;
  5238. }
  5239.  
  5240. /* ==== ADD TO COLL ==== */
  5241.  
  5242. /* (new64) ADDON PAGE - ADD TO COLL - LISTE+ICONS POSITION === */
  5243. #add-to-collection {
  5244.     position: fixed !important;
  5245.     width: 230px !important;
  5246.     left: 85% !important;
  5247.     top: 11px !important;
  5248. overflow-x: hidden !important;
  5249.     overflow-y: auto !important;
  5250.     z-index: 5000000 !important;
  5251. }
  5252. .collection_widgets.widgets.condensed {
  5253.     margin-left: 133px !important;
  5254. }
  5255. /* (new55) ADDON PAGE - ADD TO COLL - Scroll LISTE - === */
  5256. #ajax_collections_list {
  5257.     width: 250px !important;
  5258.     height: 710px;
  5259.     margin: -8px -3px -2px -8px !important;
  5260.     padding-bottom: 50px ! important;
  5261. overflow-x: hidden !important;
  5262.     overflow-y: auto !important;
  5263. }
  5264. /* ADDON PAGE - ADD TO COLL - Scrol LISTE coll - LAST COLL -  === */
  5265. #ajax_collections_list>li:last-of-type span  {
  5266.     height: 100px ! important;
  5267.     padding-bottom: 1500px !important;
  5268. }
  5269.  
  5270. /* ADDON PAGE - ADD TO COLL - Scroll LISTE colls - COLLS SELECT - === */
  5271. #ajax_collections_list li.selected {
  5272.     border: 1px solid gray ! important;
  5273.     font-weight: bolder !important;
  5274.     background-color: #B0BCC5 !important;
  5275. }
  5276.  
  5277. /* (new64) ADDON PAGE - ADD TO COLL - Number of SELECTED Collections - COUTER - === */
  5278. #ajax_collections_list:not(:hover) li:not(.selected) {
  5279.         display: none !important;
  5280.     }
  5281. #add-to-collection.install-note::after, #add-to-collection.popup {
  5282.     content: counter(myIndex, decimal);
  5283.     counter-increment: myIndex  0 !important;
  5284. }
  5285. #ajax_collections_list li.selected:before {
  5286.     counter-increment: myIndex ;
  5287.     content: counter(myIndex, decimal);
  5288.     position: fixed ;
  5289.     display: inline-block ;
  5290.     width: 35px ;
  5291.     height: 15px ;
  5292.     line-height: 15px ;
  5293.     top: 3px ;
  5294.     right: 60px ;
  5295.     font-size: 14px ;
  5296.     text-align: center ;
  5297.     z-index: 50000 ;
  5298.     background: gold ;
  5299. }
  5300. #ajax_collections_list li.selected:after {
  5301.     content: "In Your Collections : " ;
  5302.     position: fixed ;
  5303.     display: inline-block ;
  5304.     width: 200px ;
  5305.     height: 15px ;
  5306.     line-height: 15px ;
  5307.     top: 3px ;
  5308.     right: 50px ;
  5309.     padding-top: 2px ;
  5310.     padding-left: 10px ;
  5311.     color: white ;
  5312.     z-index: 1000 ;
  5313.     background: blue ;
  5314. }
  5315. #add-to-collection #ajax_collections_list.addon-collections:after {
  5316.     content: "â–² Hover to see the whole list â–²" ;
  5317.     position: fixed ;
  5318.     display: inline-block ;
  5319.     width: 250px ;
  5320.     height: 15px ;
  5321.     line-height: 15px ;
  5322.     top: 770px ;
  5323.     right: 33px ;
  5324.     color: white ;
  5325.     text-align: center !important;
  5326.     z-index: 500000 !important;
  5327.     background: red ;
  5328. }
  5329. /* ==== COLLECTIONS ==== */
  5330.  
  5331. /* COLL - Contribute - SUPP(display:none) - === */
  5332. .contribute{
  5333.     display: none !important;
  5334. }
  5335.  
  5336.  
  5337. /* (new40) PROFILE - ADDON LIST - MY ADDON(DEV) / MY APPS / THEMES CREATED - COLUMNS -
  5338. https://addons.mozilla.org/fr/firefox/user/fligtar/
  5339. === */
  5340.  
  5341. /* .profile #my-collections , */
  5342. .meet #my-addons,
  5343. .meet #my-apps {
  5344.     position: relative !important;
  5345.     display: inline-block !important;
  5346.     height: auto !important;
  5347.     width: 1510px !important;
  5348.     left: -120px !important;
  5349.     margin-top: 20px ! important;
  5350.     border: 1px solid gray !important;
  5351. }
  5352.  
  5353.  
  5354. /* (new60) PROFILE - MY ADDON  - COMPATIBLE GM "AUTOPAGERIZE" -
  5355. https://addons.mozilla.org/en-US/firefox/user/decembre/
  5356. https://addons.mozilla.org/fr/firefox/user/jorge-villalobos/
  5357. https://addons.mozilla.org/fr/firefox/user/fligtar/
  5358. ==== */
  5359. #profile-actions +h1 + .island.c {
  5360.     position: absolute !important;
  5361.     display: inline-block !important;
  5362.     width: 287px !important;
  5363.     height: 219px !important;
  5364.     top: 5px !important;
  5365.     left: -451px !important;
  5366.     padding-top: 46px !important;
  5367. }
  5368.  
  5369. /* (new63) */
  5370. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items ,
  5371. #my-addons.island .items {
  5372.     display: inline-block !important;
  5373.     width: 1510px !important;
  5374.     margin-top: -5px ! important;
  5375. }
  5376. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon ,
  5377. #my-addons.island .items .item.addon {
  5378.     display: inline-block !important;
  5379.     position: relative !important;
  5380.     width: 296px !important;
  5381. height: 190px !important;
  5382.     border: 1px solid gray !important;
  5383.     border-radius: 5px !important;
  5384. }
  5385. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info  ,
  5386. #my-addons.island .items .item.addon .info {
  5387.     position: relative !important;
  5388.     display: inline-block !important;
  5389.     width: 235px !important;
  5390.     height: 147px !important;
  5391.     padding-left: 58px !important;
  5392. }
  5393. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 ,
  5394. #my-addons.island .items .item.addon .info h3 {
  5395.     position: absolute !important;
  5396.     display: inline-block !important;
  5397.     border: 1px solid gray !important;
  5398.     width: 289px !important;
  5399.     height: 60px !important;
  5400.     margin-top: -37px !important;
  5401.     margin-left: 2px !important;
  5402. }
  5403. /* (new55) */
  5404. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 a:not(.is-webextension) ,
  5405. #my-addons.island .items .item.addon .info h3 a:not(.is-webextension) {
  5406.     display: inline-block !important;
  5407.     width: 250px !important;
  5408.     height: 60px !important;
  5409.     margin-left: 37px !important;
  5410. }
  5411. /* (new63) SUPP DUPLICATES REVIEWS when AUTOPAGERIZE work -
  5412. https://addons.mozilla.org/fr/firefox/user/def00111/
  5413. ===*/
  5414. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info:first-of-type + .items ~ .review {
  5415.     display: none !important;
  5416. }
  5417.    
  5418. /* (new55) NO RESTART - VOIR en FR - TROP LONG -
  5419. DEV PAGE:
  5420. https://addons.mozilla.org/fr/firefox/user/mercichao/
  5421. === */
  5422. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 span ,
  5423. #my-addons.island .items .item.addon .info h3 span {
  5424. /*     position: relative ! important; */
  5425.     position: absolute !important;
  5426.     max-width: 75px !important;
  5427.     height: 16px !important;
  5428.     line-height: 6px !important;
  5429.     left: -5px !important;
  5430.     padding: 1px 2px ! important;
  5431.     top: 59px !important;
  5432.     font-size: 9px !important;
  5433.     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) ! important;
  5434.     text-transform: capitalize !important;
  5435.     color: #c6c1c1 !important;
  5436.     background-color: #895522 !important;
  5437.     opacity: 0.8 !important;
  5438. }
  5439.  
  5440. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info p ,
  5441. #my-addons.island .items .item.addon .info p {
  5442.     width: 280px !important;
  5443.     height: 91px !important;
  5444.     margin-left: -55px ! important;
  5445.     margin-top: 65px !important;
  5446.     border-radius: 0 0 5px 5px ! important;
  5447.     overflow: hidden !important;
  5448.     overflow-y: auto !important;
  5449.     background: black !important;
  5450. }
  5451. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info p {
  5452.     margin-left: -55px ! important;
  5453.     margin-top: 85px !important;
  5454. }
  5455. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .vitals.c {
  5456.     position: absolute;
  5457.     display: inline-block !important;
  5458.     width: 96%;
  5459.     height: 13px !important;
  5460.     left: 5px;
  5461.     top: 48px !important;
  5462.     text-align: center;
  5463.     z-index: 20;
  5464. }
  5465. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .vitals.c span.rating {
  5466. float: left !important;
  5467.     margin-left: 43px !important;
  5468. }
  5469. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .vitals.c .adu {
  5470. float: right !important;
  5471. clear: both !important;
  5472.     width: 158px;
  5473.     margin-left: 113px !important;
  5474.     margin-top: -19px !important;
  5475. }
  5476. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action ,
  5477. #my-addons.island .items .item.addon .action {
  5478.     position: absolute !important;
  5479.     display: inline-block !important;
  5480.     width: 293px !important;
  5481.     height: 20px !important;
  5482.     line-height: 20px !important;
  5483.     left: 2px !important;
  5484.     margin-top: 22px !important;
  5485. }
  5486. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action {
  5487.     left: 0px !important;
  5488.     margin-top: 22px !important;
  5489. /* background: yellow !important; */
  5490. }
  5491.  
  5492. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell ,
  5493. #my-addons.island .action .install-shell {
  5494.     width: 148px !important;
  5495.     left: 70px !important;
  5496.     top: -2px !important;
  5497. }
  5498.  
  5499. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .install a.button{
  5500.     top: -11px !important;
  5501. }
  5502.  
  5503. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .install a.button ,
  5504. #my-addons.island .action .install-shell .install a.button {
  5505.     width: 100% !important;
  5506. }
  5507. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .install a.button span ,
  5508. #my-addons.island .action .install-shell .install a.button span {
  5509.     display: inline !important;
  5510.     width: 112px !important;
  5511. }
  5512. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .extra ,
  5513. #my-addons.island .action  .install-shell .extra {
  5514.     position: absolute ! important;
  5515.     display: inline-block ;
  5516.     height: 18px !important;
  5517.     left: -69px !important;
  5518.     top: 4px ! important;
  5519.     padding: 0px ! important;
  5520.     text-align: left ! important;
  5521.     overflow: hidden ;
  5522.     text-overflow: ellipsis ! important;
  5523.     white-space: nowrap !important;
  5524.     border: 1px solid red ;
  5525. }
  5526. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:hover .extra ,
  5527. #my-addons.island .action  .install-shell:hover .extra {
  5528.     max-height: 18px !important;
  5529. }
  5530. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:not(:hover) .extra .button.disabled.not-available ,
  5531. #my-addons.island .action  .install-shell:not(:hover) .extra .button.disabled.not-available {
  5532.     width: 50px !important;
  5533.     height: 15px !important;
  5534.     line-height: 12px !important;
  5535.     padding: 0 !important;
  5536.     overflow: hidden ;
  5537.     text-overflow: ellipsis ! important;
  5538.     white-space: nowrap !important;
  5539.     color: white !important;
  5540.     border: 1px solid red !important;
  5541. }
  5542. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:hover .extra .button.disabled.not-available ,
  5543. #my-addons.island .action  .install-shell:hover .extra .button.disabled.not-available {
  5544. display: inline-block !important;
  5545.     width: 140px !important;
  5546.     line-height: 12px !important;
  5547.     padding: 0 !important;
  5548.     overflow: hidden ;
  5549.     text-overflow: ellipsis ! important;
  5550.     color: white !important;
  5551.     border: 1px solid red !important;
  5552. }
  5553. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:hover .extra .button.disabled .more-versions ,
  5554. #my-addons.island .action  .install-shell .extra .button.disabled.not-available .more-versions {
  5555.     display: inline-block;
  5556.     width: 140px ;
  5557.     height: 15px;
  5558.     line-height: 12px !important;
  5559. margin: 0px !important;
  5560. text-align: left !important;
  5561.     white-space: nowrap ;
  5562.     background: black;
  5563. }
  5564. #my-addons.island .action .install-shell .extra span.notsupported ,
  5565. #my-addons.island .action .install-shell .extra span.notavail {
  5566.     position: absolute ! important;
  5567.     display: inline-block ! important;
  5568.     width: 60px ! important;
  5569.     top: 0px ! important;
  5570.     height: 15px ! important;
  5571.     line-height: 15px ! important;
  5572.     overflow: hidden ! important;
  5573.     text-align: left ! important;
  5574.     text-overflow: ellipsis ! important;
  5575.     white-space: nowrap ! important;
  5576. }
  5577. #my-addons.island .action .install-shell:hover .extra span.notsupported ,
  5578. #my-addons.island .action .install-shell:hover .extra span.notavail ,
  5579. #my-addons.island .action .install-shell:hover .extra{
  5580.     position: absolute ! important;
  5581.     display: inline-block ! important;
  5582.     width: 60px ! important;
  5583.     top: 0px ! important;
  5584.     height: 80px ! important;
  5585.     line-height: 10px ! important;
  5586.     padding: 2px 0 08px 2px ! important;
  5587.     overflow: visible ! important;
  5588.     text-align: left ! important;
  5589.     white-space: pre-line  ! important;
  5590.     color: gold ! important;
  5591.     background: black ! important;
  5592. }
  5593.  
  5594.  
  5595. #my-addons.island .items .item.addon .info h3 span.featured {
  5596.     position: absolute !important;
  5597.     display: inline-block !important;
  5598.     float: none !important;
  5599.     transform: rotate(90deg) !important;
  5600.     max-width: 57px !important;
  5601.     min-width: 57px !important;
  5602.     margin-left: 540px !important;
  5603.     padding: 1px 1.6px !important;
  5604.     top: 26px !important;
  5605.     border-radius: 5px 0 0 0 !important;
  5606.     font-size: 9.6px !important;
  5607.     text-align: center !important;
  5608.     text-transform: capitalize !important;
  5609.     color: #C9C4C4 !important;
  5610.     z-index: 100 !important;
  5611. }
  5612.  
  5613. /* (new66) COMPATIBLE WITH WEBEXETENSION + AUTOPAGERIZE - === */
  5614. div a.is-webextension ,
  5615. .items .item.addon .info .is-webextension {
  5616.     color: white !important;
  5617. }
  5618. .extensions .autopagerize_page_info  + .items .item .info h3 a.is-webextension ,
  5619. .island #sorter + .items .item .info h3 a.is-webextension {
  5620.     position: absolute !important;
  5621.     width: 50px !important;
  5622.     margin-left: -35px !important;
  5623.     top: 66px !important;
  5624.     left: 35px !important;
  5625.     white-space: nowrap !important;
  5626.     overflow: hidden !important;
  5627.     text-overflow: ellipsis !important;
  5628.     color: white !important;
  5629.     opacity: 0.4 !important;
  5630.     cursor: pointer !important;
  5631.     z-index: 40 !important;
  5632.     transition: all ease 0.7s !important;
  5633. }
  5634. .extensions .autopagerize_page_info  + .items .item .info h3 a.is-webextension:hover ,
  5635. .island #sorter + .items .item .info h3 a.is-webextension:hover {
  5636.     position: absolute !important;
  5637.     width: 200px !important;
  5638.     opacity: 1 !important;
  5639. }
  5640.  
  5641. /* IN ADDON PAGE - https://addons.mozilla.org/en-US/firefox/addon/tab-reloader/?src=cb-dl-featured */
  5642. div a.is-webextension {
  5643.     vertical-align: 64px !important;
  5644.     display: inline-block;
  5645.     margin: 4px 0 0 4px;
  5646.     padding: 3px 6px;
  5647.     border-radius: 2px;
  5648.     text-transform: uppercase;
  5649.     color: #fff !important;
  5650.     background-color: #e8933a;
  5651. }
  5652. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .info > h3 > a.is-webextension  {
  5653. /*     border: 4px solid aqua !important; */
  5654. }
  5655.  
  5656. a.is-webextension .more-versions {
  5657.     background: tan !important;
  5658. }
  5659.  
  5660. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .info > h3 > a.is-webextension .more-versions {
  5661.     background: aqua !important;
  5662. }
  5663.  
  5664. /* (new61) SEARCH*/
  5665. #my-addons.island .items .item.addon .info h3 a.is-webextension ,
  5666. #search-facets + .primary .listing.results.island.hero.c #pjax-results .items .item.addon .info a.is-webextension {
  5667.     display: inline-block !important;
  5668.     width: 100% !important;
  5669.     min-width: 70px !important;
  5670.     max-width: 70px !important;
  5671.     max-height: 12px;
  5672.     line-height: 13px !important;
  5673.     top: 70px !important;
  5674.     left: 0px !important;
  5675.     margin: 0px !important;
  5676.     padding: 2px 3px !important;
  5677.     border-radius: 3px !important;
  5678.     color: white !important;
  5679.     text-align: left !important;
  5680.     white-space: nowrap !important;
  5681.     opacity: 0.5 !important;
  5682. /*     z-index: 500 !important; */
  5683. /*     background: violet !important; */
  5684. }
  5685. #search-facets + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item.addon .info h3 a.is-webextension {
  5686.     top: 64px ! important;
  5687. }
  5688. #search-facets + .primary .listing.results.island.hero.c #pjax-results .items .item.addon .info a.is-webextension:hover {
  5689.     max-width: 308px !important;
  5690.     opacity: 1 !important;
  5691.     transition: all ease 0.7s !important;
  5692. }
  5693. /* (new60) AUTHOR ADDONS LIST - COMPATIBLE GM "AUTOPAGERIZE" */
  5694. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 a.is-webextension  ,
  5695. #my-addons.island .items .item.addon .info h3 a.is-webextension  {
  5696.     position: relative !important;
  5697.     display: inline-block !important;
  5698.     width: 100% !important;
  5699.     min-width: 40px !important;
  5700.     max-width: 40px !important;
  5701.     max-height: 12px;
  5702.     line-height: 13px !important;
  5703.     top: -15px !important;
  5704.     left: -122px !important;
  5705.     margin: 0px !important;
  5706.     padding: 0 !important;
  5707.     border-radius: 3px !important;
  5708.     color: white !important;
  5709.     text-align: left !important;
  5710.     white-space: nowrap !important;
  5711.     overflow: hidden !important;
  5712.     text-overflow: ellipsis !important;
  5713.     z-index: 500 !important;
  5714.     background: green !important;
  5715. }
  5716. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 a.is-webextension:hover ,
  5717. #my-addons.island .items .item.addon .info h3 a.is-webextension:hover  {
  5718.     position: relative !important;
  5719.     display: inline-block !important;
  5720.     width: 100% !important;
  5721.     min-width: 170px !important;
  5722.     max-width: 170px !important;
  5723.     left: -57px !important;
  5724. }
  5725. /* (new39) PROFILE - MY THEME*/
  5726. .meet #my-themes  {
  5727.     position: relative !important;
  5728.     display: inline-block !important;
  5729.     height: auto !important;
  5730.     width: 100% !important;
  5731.     min-width: 1510px !important;
  5732.     left: -120px !important;
  5733.     margin-bottom: 0px !important;
  5734.     margin-top: 0px ! important;
  5735. }
  5736. .meet #my-themes .listing-grid.personas.cols-5 li {
  5737.     min-height: 81px !important;
  5738.     width: 14% !important;
  5739. }
  5740. /* (ALL) - (category-landing) -  === */
  5741. /* ADDON SEARCH - category-landing - CONTAINER - === */
  5742. .category-landing v#page.c section.primary {
  5743.     width: 1675px !important;
  5744.     margin-left: -275px !important;
  5745. }
  5746.  
  5747. /* === (new41) PANEL RIGHT SIDE === */
  5748.  
  5749. /* (new62) RIGHT PANEL - COLL / SEARCH / POPULAR -
  5750. OK/
  5751. https://addons.mozilla.org/fr/firefox/collections/wingless_pilot/da/
  5752. new54 - https://addons.mozilla.org/en-US/firefox/extensions/appearance/
  5753.     https://addons.mozilla.org/fr/firefox/collections/
  5754. PB :
  5755. https://addons.mozilla.org/en-US/firefox/
  5756. :not(#search-facets)
  5757. https://addons.mozilla.org/fr/firefox/collections/
  5758. TAG : https://addons.mozilla.org/fr/firefox/tag/toolbar
  5759. === */
  5760. .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary):not([role="complementary"]) {
  5761.     position: absolute ! important;
  5762.     width: 170px !important;
  5763. /* height: 889px !important; */
  5764.     top: 10px ! important;
  5765.     left: -450px !important;
  5766.     bottom: 0px !important;
  5767.     padding: 15px 7px !important;
  5768.     background: #222 !important;
  5769. /* background: blue !important; */
  5770. }
  5771.  /* (new62) */
  5772.     .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary):not([role="complementary"]) nav#side-nav.c {
  5773.     position: absolute ! important;
  5774.     width: 178px !important;
  5775.     margin-top: 150px !important;
  5776.     margin-left: -6px !important;
  5777. /* background: blue !important; */
  5778. }
  5779.  
  5780. /* (new50)THEMES PAGES - LEFT PANEL -
  5781. ok .
  5782. https://addons.mozilla.org/fr/firefox/user/MaDonna/themes
  5783. === */
  5784. .secondary[role="complementary"] {
  5785.     position: absolute ! important;
  5786.     width: 243px !important;
  5787.     height: 889px !important;
  5788.     top: 5px ! important;
  5789.     left: -450px !important;
  5790.     bottom: 0px !important;
  5791.     padding: 15px 7px !important;
  5792.     background: #222 !important;
  5793. /* background: red !important; */
  5794. }
  5795.  
  5796. /* THEMES - LISTE */
  5797. #page .header-bg[style="width: calc(100vw - 6px);"] + .secondary + .primary {
  5798. /*     top: 39px !important; */
  5799. /* background: red !important; */
  5800. }
  5801. /* === */
  5802. .reviews .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary) {
  5803.     position: absolute !important;
  5804.     width: 173px !important;
  5805.     bottom: 0 !important;
  5806.     left: -450px !important;
  5807.     top: 125px !important;
  5808.     padding: 0px 7px !important;
  5809.     background: #333 !important;
  5810. }
  5811.  
  5812. .reviews .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary) > section:not(.average-rating):not(.shift-secondary){
  5813.     width: 175px !important;
  5814.     background: #222 !important;
  5815. }
  5816.  
  5817. .reviews .secondary>section:first-of-type {
  5818.     display: inline-block !important;
  5819.     width: 190px !important;
  5820.     margin-top: 45px!important;
  5821.     margin-bottom: 4px !important;
  5822.     margin-left: -6px !important;
  5823.     background: #333 !important;
  5824. }
  5825. .reviews .secondary>section:first-of-type .item.addon {
  5826.     display: inline-block !important;
  5827.     height: auto !important;
  5828.     width: 170px !important;
  5829.     margin-top: 35px !important;
  5830.     padding: 5px !important;
  5831. }
  5832. .reviews .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary) .addon hgroup h1 {
  5833.     height: auto !important;
  5834.     line-height: 25px !important;
  5835.     margin: 0 0 4px;
  5836.     padding: 0;
  5837. }
  5838. .reviews .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary) .addon hgroup h1 a {
  5839.     font-size: 25px !important;
  5840.     height: auto !important;
  5841.     line-height: 25px !important;
  5842.     margin: 0 0 4px;
  5843.     padding: 0;
  5844.     text-transform: none;
  5845. }
  5846.  
  5847. .reviews .secondary>section:nth-child(3) {
  5848.     display: inline-block !important;
  5849.     margin-top: -25px!important;
  5850.     margin-bottom: 4px !important;
  5851.     margin-left: -6px !important;
  5852.     padding: 5px !important;
  5853. }
  5854.  
  5855.  
  5856. #page .secondary.shift-secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]) {
  5857.     position: absolute ! important;
  5858.     display: inline-block !important;
  5859.     width: 246px !important;
  5860.     height: auto !important;
  5861.     top: 5px ! important;
  5862.     left: -450px !important;
  5863.     bottom: 0px !important;
  5864.     padding: 15px 7px !important;
  5865.     border: 1px solid gray !important;
  5866.     background: #222 !important;
  5867. }
  5868. .amo-header + .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar ):not([id="my-collections"]) {
  5869.     position: absolute ! important;
  5870.     top: 0px ! important;
  5871.     left: -452px !important;
  5872. }
  5873. .amo-header + .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar ):not([id="my-collections"]) nav#side-nav {
  5874.     margin-top: 140px !important;
  5875. }
  5876. .amo-header + .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar ):not([id="my-collections"]) nav#side-nav.c[data-addontype="1"] {
  5877.     margin-top: 5px !important;
  5878.     border: 1px solid gray !important;
  5879. /* outline: 1px dotted yellow !important; */
  5880. }
  5881. .amo-header + .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar ):not([id="my-collections"]) nav#side-nav.c[data-addontype="1"] ul  {
  5882. margin-bottom: 0px !important;
  5883. }
  5884.  
  5885. .secondary#popular-extensions {
  5886.     position: absolute ! important;
  5887.     left: -655px !important;
  5888.     top: 535px ! important;
  5889.     background: #222 !important;
  5890. }
  5891. .secondary#popular-extensions h2 {
  5892.     width: 237px !important;
  5893.     background: #333 !important;
  5894. }
  5895. .secondary#popular-extensions h2 {
  5896.     width: 237px !important;
  5897.     background: #333 !important;
  5898. }
  5899. .secondary#popular-extensions .toplist {
  5900.     width: 249px !important;
  5901. }
  5902. .secondary#popular-extensions .toplist li a span:first-of-type {
  5903.     color: gold !important;
  5904. }
  5905.  
  5906.  
  5907. #homepage #promos + .secondary#popular-extensions {
  5908.     position: absolute ! important;
  5909.     left: -662px !important;
  5910.     top: 515px ! important;
  5911.     border: 1px solid gray !important;
  5912. }
  5913.  
  5914. #homepage #promos + .secondary#popular-extensions .toplist>li {
  5915.     height: 28px !important;
  5916. }
  5917. #homepage #promos + .secondary#popular-extensions .toplist>li a {
  5918.     line-height: 1.1em;
  5919.     overflow: hidden;
  5920.     padding: 2px 0 !important;
  5921. }
  5922.  
  5923. #homepage #promos + .secondary#popular-extensions .toplist .name {
  5924.     display: block;
  5925.     overflow: hidden;
  5926.     text-overflow: ellipsis;
  5927.     white-space: nowrap;
  5928.     color: gold !important;
  5929. }
  5930.  
  5931. /* (new50) RIGHT PANEL - MY COLL/THEMES - OTHERS COLL/THEMES "Coll vedettes" MOVE TO THE LEFT -
  5932. CF THEMES :
  5933. https://addons.mozilla.org/fr/firefox/user/MaDonna/themes
  5934. https://addons.mozilla.org/fr/firefox/themes/
  5935. https://addons.mozilla.org/fr/firefox/themes/?sort=popular
  5936. === */
  5937. .other-categories.highlight {
  5938.     left: 1px !important;
  5939.     position: absolute ! important;
  5940.     top: 200px !important;
  5941.     width: 226px !important;
  5942.     border: 1px solid gray !important;
  5943. /* background: red !important; */
  5944. }
  5945. .button[href*="/firefox/collections/add"] {
  5946.     display: inline-block !important;
  5947.     margin-top: -20px !important;
  5948.     position: absolute !important;
  5949. }
  5950. /* RIGHT PANEL - MY COLL/THEMES - RECENTLY VIEWED - === */
  5951. #recently-viewed {
  5952.     position: relative !important;
  5953.     display: inline-block !important;
  5954.     max-width: 165px !important;
  5955.     min-width: 165px !important;
  5956.     padding: 5px !important;
  5957.     border-radius: 5px !important;
  5958.     border: 1px solid gray !important;
  5959. }
  5960.  
  5961. /* == https://addons.mozilla.org/en-US/firefox/collections/decembre/ == */
  5962. .other-categories.highlight ~div #recently-viewed {
  5963.     position: relative !important;
  5964.     display: inline-block !important;
  5965.     max-width: 220px !important;
  5966.     min-width: 220px !important;
  5967.     top: 253px !important;
  5968.     border: 1px solid TAN !important;
  5969. }
  5970.  
  5971. /* == https://addons.mozilla.org/en-US/firefox/collections/decembre/favorites/ == */
  5972. .highlight ~div #recently-viewed {
  5973.     position: relative !important;
  5974.     display: inline-block !important;
  5975.     max-width: 220px !important;
  5976.     min-width: 220px !important;
  5977.     top: 3px !important;
  5978.     border: 1px solid red !important;
  5979. }
  5980.  
  5981.  
  5982. /* COLL - ADMIN - MORE OPTS (EDIT / DEL) - === */
  5983. .highlight.collection-admin {
  5984.     display: inline-block !important;
  5985.     max-width: 25px !important;
  5986.     max-height: 12px !important;
  5987.     top: 118px !important;
  5988.     margin-left: 337px !important;
  5989.     margin-bottom: 0px !important;
  5990.     padding-bottom: 2px !important;
  5991.     color: transparent !important;
  5992.     font-size: 0px ! important;
  5993. }
  5994. .collection-admin a {
  5995.     color: transparent !important;
  5996. }
  5997. .collection-admin a.edit ,
  5998. #addons-list a.remove:hover,
  5999. #contributors-list a.remove:hover,
  6000. .collection-admin a.delete {
  6001.     position: absolute ! important;
  6002.     display: inline-block !important;
  6003.     width: 16px !important;
  6004.     height: 16px ! important;
  6005.     top: 6px !important;
  6006.     left: 5px !important;
  6007.     padding: 1px 0 0 0px  !important;
  6008. }
  6009.  
  6010. #addons-list a.remove:hover,
  6011. #contributors-list a.remove:hover,
  6012. .collection-admin a.delete {
  6013.     display: inline-block !important;
  6014.     left: 25px !important;
  6015.     top: 6px !important;
  6016.     padding: 1px 0 0 0px  !important;
  6017. }
  6018.  
  6019. /* (new8) COLL /THEMES - INFOS CONT(.featured) - NOT FILE VIEWER - === */
  6020. .listing-grid.c.featured.three-col {
  6021.     position: relative !important;
  6022.     display: inline-block ! important;
  6023.     height: 200px !important;
  6024.     min-width: 728px !important;
  6025.     left: -120px !important;
  6026. }
  6027. /*(new54) COLL - FEATURED INNER - outline yellow - OK AUTOPAGERIZE -
  6028. :not(.personas-home) - COR for MY COLLECTION-
  6029. https://addons.mozilla.org/en-US/firefox/collections/mine/
  6030. THEME :
  6031. https://addons.mozilla.org/fr/firefox/themes/abstract?sort=created
  6032. PB VEDETTE:
  6033. https://addons.mozilla.org/en-US/firefox/extensions/
  6034. === */
  6035. .featured.listing:not(.banner):not(#file-viewer):not(.personas){
  6036.     position: absolute !important;
  6037.     display: inline-block ! important;
  6038. /* float: none !important; */
  6039. /* height: 100% !important; */
  6040.     height: 807px !important;
  6041.     width: 1582px !important;
  6042.     left: -200px !important;
  6043.     top: 121px !important;
  6044.     border: none ! important;
  6045. /* background: green !important; */
  6046. }
  6047.  
  6048. /* (new8) COLL MOST... - PANEL LEFT 3 ADDON - === */
  6049. .featured.three-col:not(.banner):not(#file-viewer){
  6050.     position: absolute !important;
  6051.     width: 382px !important;
  6052.     left: -120px !important;
  6053.     margin-top: -2px !important;
  6054.     border: none ! important;
  6055. }
  6056. /* (new44)  COLL(.featured-inner) - UPDATE - CONT  -
  6057. https://addons.mozilla.org/fr/firefox/collections/mozilla/webdeveloper/
  6058. === */
  6059. .featured-inner.object-lead .meta {
  6060.     position: absolute ! important;
  6061.     display: inline-block ! important;
  6062.     width: 385px ! important;
  6063.     top: 90px ! important;
  6064.     left: -340px ! important;
  6065.     padding: 2px 5px  0px 5px! important;
  6066.     border: none ! important;
  6067.     border-radius: 0 0 5px 5px  ! important;
  6068.     z-index: 1 ! important;
  6069. }
  6070.  
  6071.  
  6072. /* (new38) COLL(.featured-inner) - FOLL  - === */
  6073. .featured-inner.object-lead .meta li.followers {
  6074.     position: absolute ! important;
  6075.     display: inline-block ! important;
  6076.     height: 15px !important;
  6077.     width: 200px !important;
  6078.     line-height: 15px !important;
  6079.     top: 104px !important;
  6080.     right: -208px !important;
  6081.     padding: 0 !important;
  6082.     border-radius:  5px 5px 0 0 !important;
  6083.     text-align: center !important;
  6084.     background: #222 !important;
  6085. }
  6086.  
  6087. /* (new54) COLL(.featured-inner) - UPDATE DATE - OK -
  6088. https://addons.mozilla.org/en-US/firefox/collections/LinkSatonaka/ps/?sort=name
  6089. === */
  6090. .featured-inner.object-lead .meta li.followers + li {
  6091.     position: absolute ! important;
  6092.     display: inline-block ! important;
  6093.     height: 15px !important;
  6094.     width: 200px !important;
  6095.     line-height: 15px !important;
  6096.     top: 121px !important;
  6097.     right: -208px !important;
  6098.     padding: 0 !important;
  6099.     border-radius:  0 0 5px 5px !important;
  6100.     text-align: center !important;
  6101.     background: #222 !important;
  6102. }
  6103.  
  6104. /* (new60) COLL(.featured-inner) - BAROM -
  6105. https://addons.mozilla.org/en-US/firefox/collections/LinkSatonaka/ps/?sort=name
  6106. === */
  6107. .featured-inner.object-lead .meta li:first-of-type {
  6108.     position: absolute ! important;
  6109.     display: inline-block ! important;
  6110.     width: 20px !important;
  6111.     height: 30px !important;
  6112.     line-height: 15px !important;
  6113.     top: -9px ! important;
  6114.     left: 0 !important;
  6115.     margin-left: 100px ! important;
  6116. }
  6117. .featured-inner .meta ul li .barometer {
  6118.     position: absolute !important;
  6119.     display: inline !important;
  6120.     width: 160px !important;
  6121.     height: 25px !important;
  6122.     line-height: 15px !important;
  6123.     top: 119px !important;
  6124.     left: 135px !important;
  6125.     padding: 0 !important;
  6126. }
  6127. .featured-inner .meta ul li .barometer .upvotes {
  6128.     background-position: 5px 1px !important;
  6129.     padding-right: 5px !important;
  6130.     padding-left: 5px !important;
  6131. }
  6132. .featured-inner .meta ul li .barometer .downvotes  {
  6133.     background-position: 5px -85px !important;
  6134.     padding-right: 5px !important;
  6135.     padding-left: 5px !important;
  6136. }
  6137. /* (new35) MY COLLECTIONS (.featured.listing) VOTE ICONS - === */
  6138. .barometer .upvotes,
  6139. .barometer .downvotes {
  6140.     display: inline-block !important;
  6141.     width: 85px ! important;
  6142.     left: 25px ! important;
  6143.     margin-left: -20px ! important;
  6144.     border: none ! important;
  6145.     box-shadow: none ! important;
  6146.     font-size: 15px !important;
  6147. }
  6148. .barometer .upvotes {
  6149.     position: absolute !important;
  6150.     display: inline-block !important;
  6151.     left: 5px ! important;
  6152.     top: 3px !important;
  6153.     margin-top: -17px ! important;
  6154.     padding-right: 20px ! important;
  6155.     border-radius: 3px !important;
  6156.     text-align: center !important;
  6157.     background-position: 67px -37px !important;
  6158.     background-color: #222 !important;
  6159. }
  6160. .barometer .downvotes {
  6161.     position: absolute !important;
  6162.     display: inline-block !important;
  6163.     margin-left: 50px ! important;
  6164.     top: -16px !important;
  6165.     border-radius: 3px !important;
  6166.     text-align: center !important;
  6167.     background-position: 67px -80px !important;
  6168.     background-color: #222 !important;
  6169. }
  6170.  
  6171.  
  6172. /* (new60) COLLECTION without DESCRIPTION -
  6173. WITHOUT:
  6174. https://addons.mozilla.org/fr/firefox/collections/decembre/xpi-fautralis/
  6175. WITH:
  6176. https://addons.mozilla.org/fr/firefox/collections/decembre/xpi-co/
  6177. === */
  6178. .featured .featured-inner .object-details h3 + .collection_widgets:before {
  6179.     content: "No Description" !important;
  6180.     position: absolute !important;
  6181.     display: inline-block !important;
  6182.     height: 100% !important;
  6183.     min-height: 100px !important;
  6184.     max-height: 100px !important;
  6185.     line-height: 100px !important;
  6186.     width: 375px !important;
  6187.     margin-top: -140px !important;
  6188.     border-radius: 3px !important;
  6189.     text-align: center !important;
  6190.     color: gray !important;
  6191.     font-size: 30px !important;
  6192.     background: #222 !important;
  6193. /*     z-index: 500 !important; */
  6194. }
  6195.  
  6196. /* (new33) COLL(.featured-inner)- WIDGET FOLL / SHARE / EDIT-DELETE -
  6197. https://addons.mozilla.org/fr/firefox/collections/idenis/power/
  6198. === */
  6199.  
  6200. .featured .featured-inner .object-details .collection_widgets  {
  6201.     position: absolute !important;
  6202.     display: inline-block !important;
  6203.     top: 170px !important;
  6204. }
  6205. .widget.watch.tooltip.watch {
  6206.     padding: 0 4px 0 18px !important;
  6207.     border-radius: 3px !important;
  6208.     color: white !important;
  6209.     background-color: green !important;
  6210. }
  6211. .widget.watch.tooltip.watch.watching {
  6212.     padding: 0 4px 0 18px !important;
  6213.     border-radius: 3px !important;
  6214.     color: gold !important;
  6215.     background-color: red !important;
  6216. }
  6217. .featured .featured-inner .object-details .highlight.collection-admin   {
  6218.     position: absolute !important;
  6219.     display: inline-block !important;
  6220.     min-width: 50px !important;
  6221.     min-height: 25px !important;
  6222.     left: -395px !important;
  6223.     top: -34px !important;
  6224. }
  6225.  
  6226. /* (new42) COLL(.featured-inner)- COLL - ABOUT TXT DESCRIPTION -
  6227. https://addons.mozilla.org/fr/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/
  6228. === */
  6229. .featured .featured-inner .object-details {
  6230.     position: absolute ! important;
  6231.     display: inline-block ! important;
  6232.     width: 380px !important;
  6233.     max-height: 100px !important;
  6234.     min-height: 100px !important;
  6235.     top: 49px !important;
  6236.     margin-left: -125px !important;
  6237.     padding: 20px 5px 75px 9px !important;
  6238.     border: 1px solid red !important;
  6239.     border-radius: 5px !important;
  6240.     background: black ! important;
  6241. }
  6242. .featured .featured-inner .object-details h3 + p {
  6243.     display: inline-block !important;
  6244.     width: 385px !important;
  6245.     height: 110px ! important;
  6246.     line-height: 18px !important;
  6247.     margin-left: -8px !important;
  6248.     margin-top: 9px !important;
  6249.     padding: 0 3px !important;
  6250.     border-radius: 3px !important;
  6251.     font-size: 18px !important;
  6252.     text-indent: 15px !important;
  6253.     color: peru ! important;
  6254.     overflow: hidden !important;
  6255.     overflow-y: auto !important;
  6256.     background: #222 !important;
  6257. }
  6258. .featured .featured-inner .object-details h3 + p:first-letter {
  6259.     font-size: 19px !important;
  6260.     color: red !important;
  6261. }
  6262. /* COLL(.featured-inner) - ABOUT TXT DESCN - SUPP TXT "Abt coll"/ "A propo coll " - === */
  6263. .featured .featured-inner .object-details h3 {
  6264.     display: none ! important;
  6265. }
  6266.  
  6267. /* (new35) COLL(.separated-listing) + (.featured.listing) + (.listing-footer)+ (#sorter) -  PAGINAT -
  6268. https://addons.mozilla.org/fr/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/
  6269. https://addons.mozilla.org/fr/firefox/collections/LouCypher/loucypher/
  6270. === */
  6271. .featured.listing  + ol.pagination ,
  6272. .separated-listing ~ ol.pagination {
  6273.     position: absolute !important;
  6274.     display: block !important;
  6275.     float: none !important;
  6276.     min-width: 780px ! important;
  6277.     top: 86px !important;
  6278.     margin-left: -210px !important;
  6279.     padding-left: 10px ! important;
  6280.     padding-top: 3px ! important;
  6281.     border-radius: 5px 5px 0 0 !important;
  6282.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6283.     color: white ! important;
  6284. }
  6285. .separated-listing ~.num-results  {
  6286.     position: absolute !important;
  6287.     left: 426px !important;
  6288.     top: 91px !important;
  6289. }
  6290. /* A VOIR hover/visited - PAGINAT (ALL) - SELECT/HOVER - === */
  6291. ol.pagination li.selected a:link,
  6292. ol.pagination li.selected a:visited,
  6293. ol.pagination li.selected a:hover,
  6294. ol.pagination li.selected a:focus,
  6295. ol.pagination li.selected a:active {
  6296.     background-color: #1F4FB5 !important;
  6297.     color: gold !important;
  6298. }
  6299. .moz-header-slim.inverse.file-viewer .file.selected>span ,
  6300. ol.pagination li a:hover {
  6301.     color: gold !important;
  6302. }
  6303. /* (new35) COLL(#global-header-tab) - PAGINAT - SELEC/HOVER - === */
  6304. .primary .featured .listing-footer:not(:empty) {
  6305.     position: absolute !important;
  6306.     display: inline-block !important;
  6307.     width: 550px !important;
  6308.     height: 15px !important;
  6309.     line-height: 15px !important;
  6310.     top: -31px !important;
  6311.     left: 0px !important;
  6312.     padding-left: 10px ! important;
  6313.     padding-top: 3px ! important;
  6314.     border-radius: 5px 5px 0 0 !important;
  6315.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6316.     color: white ! important;
  6317. }
  6318. .primary .featured .listing-footer:not(:empty) .pagination  {
  6319.     margin-top: -4px !important;
  6320. }
  6321. /* (new27) FOR SEARCH -
  6322. https://addons.mozilla.org/fr/firefox/search/?q=amo&cat=collections
  6323. === */
  6324.  
  6325. .primary .results-head + .featured .listing-footer:not(:empty) {
  6326.     margin-top: -26px !important;
  6327. }
  6328. .results-head {
  6329.     position: relative;
  6330.     width: auto;
  6331.     height: 35px !important;
  6332.     line-height: 35px !important;
  6333.     left: -38px !important;
  6334.     top: -13px !important;
  6335. }
  6336. .results-head #breadcrumbs {
  6337.     height: 15px !important;
  6338.     line-height: 15px !important;
  6339.     margin-left: -667px !important;
  6340.     margin-top: -125px !important;
  6341. }
  6342.  .results-head + .featured.listing:not(.banner):not(#file-viewer):not(.personas) {
  6343.     border: medium none !important;
  6344.     display: inline-block !important;
  6345.     height: 807px !important;
  6346.     left: -200px !important;
  6347.     margin-top: 10px !important;
  6348.     position: absolute !important;
  6349.     width: 1582px !important;
  6350.     outline: 1px solid gray !important;
  6351. }
  6352.  
  6353. /* (new8) COLL (.featured.listing)+(.primary header) - PAGINAT GREEN - === */
  6354. #global-header-tab ~.primary header +  .featured.listing .listing-footer   {
  6355.     position: absolute !important;
  6356.     display: inline-block !important;
  6357.     left: -210px !important;
  6358.     top: -26px !important;
  6359.     padding: 1px 6px 4px 6px ! important;
  6360.     width: 700px ! important;
  6361. }
  6362. #global-header-tab ~ .primary header + .featured.listing .listing-footer .pagination {
  6363.     height: 24px !important;
  6364.     line-height: 24px;
  6365.     width: auto ! important;
  6366. }
  6367. /* (new11) COLL (.featured.listing)+(.primary .results-head) - PAGINAT RED - SEARCH -  === */
  6368. #global-header-tab ~.primary .results-head +  .featured.listing .listing-footer   {
  6369.     position: absolute !important;
  6370.     display: inline-block !important;
  6371.     width: 700px !important;
  6372.     margin-left: 610px !important;
  6373.     top: -26px !important;
  6374. }
  6375.  
  6376. /* (new11) COLL SEARCH - (.featured.listing)+(.primary .results-head) - TITLE H2 - RED - === */
  6377. #global-header-tab ~ .primary .results-head ol#breadcrumbs.breadcrumbs + h2 {
  6378.     min-width: 1570px !important;
  6379.     left: 3% !important;
  6380.     top: 27px !important;
  6381.     padding: 5px !important;
  6382.     text-align: right !important;
  6383. }
  6384. /* ADDON SEARCH(ALL) - RESULT PAGINAT BUTT + NUMB - === */
  6385. .paginator .rel a {
  6386.     padding: 1px 14px 4px ! important;
  6387.     color: gold !important;
  6388. }
  6389. .num-results>strong ,
  6390. .paginator .num>a ,
  6391. .paginator .pos>b  {
  6392.     color: gold !important;
  6393. }
  6394. .num-results ,
  6395. .paginator .pos,
  6396. .paginator .num {
  6397.     color: white !important;
  6398. }
  6399. .num-results {
  6400.     margin-top: -3px !important;
  6401.     color: white !important;
  6402. }
  6403. /* (ALL) ADDON SEARCH - TRI/FILT NAVBAR - === */
  6404. .results #sorter h3 {
  6405.     margin-left: 520px ! important;
  6406. }
  6407. /* COLL(ALL)) - PRESENT PAGE (SORTED BY ? / Newest Collection) (.island.hero.c.listing) - PAGINAT - === */
  6408.  
  6409. /* ADDON LIST - PAGINAT - === */
  6410. .item + .paginator,
  6411. .items + .paginator,
  6412. #sorter + .paginator,
  6413. #sorter + .listing-grid,
  6414. #themes-listing .items {
  6415.     height: 28px !important;
  6416.     padding: 0 20px !important;
  6417.     border-radius: 5px !important;
  6418.     border: none !important;
  6419. /* background: #94ABD0 !important; */
  6420. }
  6421.  
  6422. /* SEARCH(ALL) - PAGINAT - === */
  6423. .paginator.c.pjax-trigger {
  6424.     position: absolute !important;
  6425.     display: inline-block !important;
  6426.     width: auto !important;
  6427.     height: 20px !important;
  6428.     top: -24px !important;
  6429.     left: 3px !important;
  6430.     padding-left: 10px ! important;
  6431.     padding-top: 3px ! important;
  6432.     border-radius: 5px 5px 0 0 !important;
  6433.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6434.     color: white ! important;
  6435. }
  6436.  
  6437. .paginator .rel {
  6438.     position: relative !important;
  6439.     display: inline-block !important;
  6440.     width: 300px !important;
  6441.     left: -43px !important;
  6442.     height: 0px !important;
  6443.     line-height: 10px !important;
  6444.     padding: 0px !important;
  6445.     text-align: center !important;
  6446. }
  6447. .paginator .rel a {
  6448.     display: inline-block;
  6449.     font-size: 12px !important;
  6450.     margin-left: -1px !important;
  6451.     padding: 7px 6px 9px !important;
  6452. }
  6453. .paginator .rel a.button.prev ,
  6454. .paginator .rel a.button.next{
  6455.     display: inline-block !important;
  6456.     padding: 1px 2px !important;
  6457. }
  6458. .paginator .pos {
  6459.     position: relative !important;
  6460.     display: inline-block !important;
  6461.     float: right !important;
  6462.     width: 308px !important;
  6463.     left: 10px !important;
  6464.     text-align: right !important;
  6465. }
  6466.  
  6467. /* (new23) (ALL) COLL (Newest Coll) - PAGINAT - PREV BUTT - DISAB - === */
  6468. #page.c section.primary .island nav.paginator p.rel a.button.disabled {
  6469.     position: relative !important;
  6470.     display: inline-block !important;
  6471.     width: 105px !important;
  6472.     height: 10px !important;
  6473.     line-height: 10px !important;
  6474.     padding: 1px 2px !important;
  6475.     border-radius: 6px !important;
  6476.     box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset !important;
  6477.     font-size: 12px !important;
  6478.     text-align: center !important;
  6479.     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
  6480.     background: linear-gradient(#669BE1, #5784BF) repeat scroll 0 0 #5784BF !important;
  6481. }
  6482.  
  6483. /* COLL - TOP CENTER -  PAGINT - NEXT / PREV BUTT - === */
  6484. ol.pagination a[rel~="prev"],
  6485. ol.pagination span.prev  ,
  6486. ol.pagination a[rel~="next"],
  6487. ol.pagination span.next {
  6488.     background-color: #3E4863 !important;
  6489.     border-radius: 3px !important;
  6490.     color: white !important;
  6491. }
  6492. /* MY COLL (.featured.listing) TOP RIGHT -  RESULT NUMB - === */
  6493. .featured.listing  + ol.pagination + .num-results {
  6494.     position: absolute !important;
  6495.     left: 80% !important;
  6496.     top: 102px !important;
  6497.     color: white ! important;
  6498. }
  6499.  
  6500. /* (new23) SEARCH FACETS - SORT (#search-facets.secondary + section.primary)+(#sorter.c h3) -
  6501. https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  6502. === */
  6503. #search-facets.secondary + section.primary .listing.results #pjax-results #sorter.c {
  6504.     position: relative !important;
  6505.     width: auto!important;
  6506.     margin-top: -4px !important;
  6507.     margin-left: 95px !important;
  6508.     margin-bottom: 47px !important;
  6509. }
  6510.  
  6511. #search-facets.secondary + section.primary .listing.results #pjax-results #sorter.c h3 {
  6512.     position: absolute !important;
  6513.     left: -605px !important;
  6514.     color: red !important;
  6515. }
  6516. /* SEARCH - SORT (.listing-header form.item-sort.go) - === */
  6517. .results-head + .featured .featured-inner .listing-header {
  6518.     position: absolute !important;
  6519.     display: inline-block !important;
  6520.     height: 0px !important;
  6521.     width: 0px !important;
  6522.     top: -28px !important;
  6523.     right: 98% !important;
  6524.     padding: 0 !important;
  6525.     border: none !important;
  6526.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6527. }
  6528. .results-head + .featured .featured-inner .listing-header form.item-sort.go {
  6529.     position: absolute !important;
  6530.     width: 390px !important;
  6531.     height: 25px !important;
  6532.     line-height: 25px !important;
  6533.     margin-top: 0px !important;
  6534.     margin-left: -28px !important;
  6535.     border-radius: 3px !important;
  6536.     text-align: center !important;
  6537.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6538. }
  6539.  
  6540. #global-header-tab  ~.primary header.results-head {
  6541.     position: absolute !important;
  6542.     display: inline-block !important;
  6543.     min-width: 600px !important;
  6544.     top: 62px !important;
  6545. }
  6546.  
  6547. /* (new11) COLL / SEARCH - (#global-header-tab) for (.featured.listing) - TITLE -
  6548. VOIR PB THEME: https://addons.mozilla.org/en-US/firefox/themes/firefox
  6549. === */
  6550. #global-header-tab ~.primary:not([role="main"]) header ol#breadcrumbs.breadcrumbs +h2  {
  6551.     left: 800px !important;
  6552.     top: 18px !important;
  6553.     padding: 5px !important;
  6554.     text-align: center !important;
  6555. }
  6556. #global-header-tab  ~.primary header.results-head h3.results-count {
  6557.     min-width: 590px !important;
  6558.     margin-left: -52px !important;
  6559.     margin-top: -3px !important;
  6560.     text-align: left !important;
  6561. }
  6562. #global-header-tab  ~.primary header.results-head h3.results-count strong {
  6563.     font-size: 25px !important;
  6564.     margin-left: 10px !important;
  6565. }
  6566.  
  6567. /* (new68) - TEST FEATURED - violet - TOUCH POSTION MOSAIC -
  6568. https://addons.mozilla.org/fr/firefox/collections/LouCypher/loucypher/
  6569.  
  6570. EXEPTIONS (not:(XX) FOR :
  6571. https://addons.mozilla.org/fr/firefox/extensions/alerts-updates/
  6572. https://addons.mozilla.org/fr/firefox/themes/abstract?sort=created
  6573. === */
  6574. .featured:not(span):not(.listing-grid):not(.banner):not(.listing) {
  6575.     position: relative !important;
  6576.     display: inline-block !important;
  6577.     clear: both;
  6578.      width: 1654px !important;
  6579.     max-height: 100% !important;
  6580.     min-height: 100% !important;
  6581.     margin-left: -209px !important;
  6582.     top: -72px !important;
  6583.     border: medium none !important;
  6584.     border-radius: 5px;
  6585.     background: none !important;
  6586. }
  6587. /* COLL UPDATE DATE*/
  6588. .featured:not(span):not(.listing-grid):not(.banner):not(.listing) .featured-inner .meta ul li {
  6589.     position: absolute !important;
  6590.     display: inline-block !important;
  6591.     float: none;
  6592.     height: 15px !important;
  6593.     width: 230px !important;
  6594.     top: -102px !important;
  6595.     left: 930px !important;
  6596.     padding: 2px 5px !important;
  6597.     border-radius: 5px ;
  6598. color: gold !important;
  6599.     background: #333 !important;
  6600. }
  6601.  
  6602.  
  6603. /* TEST (new35) - FEATURED LISTING - GREEN outline -TOUCH POSTIO MOSAIC -
  6604. https://addons.mozilla.org/fr/firefox/collections/decembre/
  6605. https://addons.mozilla.org/fr/firefox/themes/abstract?sort=created
  6606. === */
  6607. .featured.listing {
  6608.     display: inline-block !important;
  6609.    width: 1654px;
  6610.     max-height: 100% !important;
  6611.     min-height: 100% !important;
  6612.     margin-left: 9px !important;
  6613.     top: 125px !important;
  6614.     border: medium none !important;
  6615.     border-radius: 5px;
  6616.     clear: both;
  6617. }
  6618. /* (new50) COLL (.separated-listing) - TOTAL CONT BLOCK - add COLL THEMES === */
  6619. .collections-personas ,
  6620. .separated-listing {
  6621.     width: 1613px !important;
  6622.     height: 780px !important;
  6623.     margin-left: -215px !important;
  6624.     margin-top: -68px !important;
  6625.     padding: 5px 0 8px 5px  ! important;
  6626.     border-radius: 5px ! important;
  6627.     border: 1px solid gray !important;
  6628. }
  6629.  
  6630. /* (new22 COLL FIRST PAGE PRESENT (ALL) SORTED BY ? (.island.hero.c.listing) / VERSIONS -  - CONT BLOCK -
  6631. PB:
  6632. SEARCH FACETS : https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  6633. OK:
  6634. VERSIONS : https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/versions/?page=1#version-2.3beta1
  6635. MOST FOLLOWED : https://addons.mozilla.org/en-US/firefox/collections/?sort=followers
  6636. === */
  6637. .island.hero.c.listing  {
  6638.     width: 1675px !important;
  6639.     margin-left: 10px !important;
  6640.     top: -18px !important;
  6641.     padding: 5px ! important;
  6642.     border-radius: 5px ! important;
  6643.     border: 1px solid gray !important;
  6644. }
  6645. /* (new22 SEARCH FACET  - CONT BLOCK -
  6646. SEARCH FACETS : https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  6647. === */
  6648. #search-facets + .primary .island.hero.c.listing {
  6649.     width: 1665px !important;
  6650.     margin-left: -270px !important;
  6651.     top: -32px !important;
  6652.     padding: 5px ! important;
  6653.     border-radius: 5px ! important;
  6654.     border: 1px solid gray !important;
  6655. }
  6656.  
  6657.  
  6658. /* (new66) (ALL) COLL - PRESENT PAGE (SORTED BY ? / Newest Coll) (.island.hero.c.listing) - ADDED DATE -
  6659. https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  6660. === */
  6661. .updated {
  6662.     position: relative !important;
  6663.     display: inline-block !important;
  6664.     width: 317px !important;
  6665.     top: 7px !important;
  6666.     text-align: center;
  6667.     color: gold !important;
  6668. }
  6669.  
  6670. .listing .item .vitals .updated {
  6671.     position: relative !important;
  6672.     display: inline-block !important;
  6673.     width: 317px !important;
  6674.     top: -4px !important;
  6675.     text-align: center;
  6676.     color: red !important;
  6677. }
  6678. .listing .item .vitals div.updated::before {
  6679.     color: #999;
  6680.     content: "â–¶" !important;
  6681. }
  6682.  
  6683. /* (new53) (ALL) COLL / SEARCH TAG - FEATURED - PRESENT PAGE (SORTED BY ? / Newest Coll / VERSION (.island.hero.c.listing) - TITLE -
  6684. https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  6685. https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  6686. https://addons.mozilla.org/fr/firefox/tag/toolbar
  6687. https://addons.mozilla.org/fr/firefox/search/?q=script&appver=31.0&platform=windows
  6688. === */
  6689. section.primary h1 {
  6690.     position: relative !important;
  6691.     display: inline-block !important;
  6692. /* top: 18px !important; */
  6693.     margin-left: 494px !important;
  6694.     white-space: nowrap !important;
  6695. }
  6696.  
  6697. #breadcrumbs,
  6698. #breadcrumbs + h1 {
  6699.     position: relative !important;
  6700.     display: inline-block !important;
  6701.     top: -12px !important;
  6702.     margin-left: 494px !important;
  6703.     white-space: nowrap !important;
  6704. }
  6705. /* (new24) COLL PRESENT(ALL) Without SORT (.island.hero.c.listing) - Background IMAGE - TOT CONT + SCALE - === */
  6706. masthead#collections-landing {
  6707.     position: absolute !important;
  6708.     width: 1660px !important;
  6709.     height: 780px !important;
  6710.     left: -480px !important;
  6711.     border: 1px solid #4D4D4D !important;
  6712.     background: none no-repeat scroll 98% 10px / auto 150px, none repeat scroll 0 100% transparent !important;
  6713. }
  6714.  
  6715. /* (new68) PB COLLECTION -
  6716. https://addons.mozilla.org/fr/firefox/collections/
  6717. https://addons.mozilla.org/fr/firefox/user/fligtar/
  6718. ====  */
  6719. masthead#collections-landing + .island.hero.c.listing {
  6720.     display: inline-block !important;
  6721.     min-height: 542px !important;
  6722.     max-height: 542px !important;
  6723.     min-width: 1400px !important;
  6724.     max-width: 1400px !important;
  6725.     margin-left: 150px !important;
  6726.     top: 47px !important;
  6727.     padding:5px 20px ! important;
  6728.     border-radius: 5px ! important;
  6729.     overflow: hidden ! important;
  6730.     transform: scale(1.15) !important;
  6731. }
  6732. masthead#collections-landing +.island .items .item {
  6733.     height: 200px !important;
  6734.     margin-right: 7px !important;
  6735.     margin-bottom: 5px !important;
  6736.     border-radius: 5px !important;
  6737. }
  6738.  
  6739. masthead#collections-landing +.island .items .item .info {
  6740.     display: inline-block !important;
  6741.     max-width: 322px !important;
  6742.     min-width: 322px !important;
  6743.     margin-top: 1px !important;
  6744.     top: 1px !important;
  6745.     margin-left: 2px !important;
  6746.     padding: 0px !important;
  6747.     overflow: hidden;
  6748. /* background: red !important; */
  6749. }
  6750. masthead#collections-landing +.island .items .item .info > h3 {
  6751.     display: inline-block !important;
  6752.     top: 1px !important;
  6753.     max-width: 310px !important;
  6754.     min-width: 310px !important;
  6755.     margin-left: 3px !important;
  6756.     padding: 5px 5px 15px 5px !important;
  6757.     overflow: hidden;
  6758. /* background: blue !important; */
  6759. }
  6760. masthead#collections-landing +.island .items .item .info > p {
  6761.     display: inline-block !important;
  6762.     top: 1px !important;
  6763.     max-width: 311px !important;
  6764.     min-width: 311px !important;
  6765.     margin-left: 0px !important;
  6766.     padding: 5px !important;
  6767.     overflow: hidden;
  6768. /* background: green !important; */
  6769. }
  6770.  
  6771. masthead#collections-landing +.island .items .item .action {
  6772.     position: absolute !important;
  6773.     display: inline-block !important;
  6774.     width: 314px !important;
  6775.     height: 15px !important;
  6776.     left: -395px !important;
  6777.     margin-top: -130px !important;
  6778.     padding: 0 !important;
  6779. }
  6780. masthead#collections-landing +.island .items .item .action .install-shell {
  6781.     position: absolute !important;
  6782.     display: inline-block !important;
  6783.     width: 314px !important;
  6784.     height: 15px !important;
  6785.     left: 0px !important;
  6786.     top: 0px ! important;
  6787.     padding: 0 !important;
  6788. }
  6789. masthead#collections-landing +.island .items .item .action .install-shell .watch.button {
  6790.     position: absolute !important;
  6791.     display: inline-block !important;
  6792.     margin-top: -5px !important;
  6793. }
  6794.  
  6795. /* (new24) COLL PRESENT - TITLE / PRESENT -
  6796. https://addons.mozilla.org/fr/firefox/collections/
  6797. === */
  6798. #collections-landing h1 {
  6799.     position: absolute !important;
  6800.     min-height: 15px !important;
  6801.     max-height: 20px !important;
  6802.     line-height: 20px !important;
  6803.     min-width: 165px !important;
  6804.     max-width: 165px !important;
  6805.     left: -675px !important;
  6806.     top: -80px !important;
  6807.     padding: 0px 5px !important;
  6808.     border: 1px solid red !important;
  6809.     border-radius: 5px !important;
  6810.     font-size: 13px !important;
  6811.     text-align: center !important;
  6812.     color: red !important;
  6813. }
  6814. #collections-landing p {
  6815.     position: absolute !important;
  6816.     display: inline-block !important;
  6817.     min-width: 175px !important;
  6818.     max-width: 175px !important;
  6819.     line-height: 12px !important;
  6820.     padding: 25px 5px 5px !important;
  6821.     margin-left: -200px !important;
  6822.     margin-top: -97px !important;
  6823.     font-size: 14px !important;
  6824.     border-radius: 5px !important;
  6825.     border: 1px solid red !important;
  6826. }
  6827. /* (new8) FOR PAGE PRESENTATION - FOLLOW / UNFOLLOW -
  6828. #tabzilla-wrapper section.primary
  6829. */
  6830. #tabzilla-wrapper section.primary masthead#collections-landing +.island .items .item .action .install-shell a {
  6831.     position: absolute !important;
  6832.     display: inline-block !important;
  6833.     width: 50% !important;
  6834.     height: 11px !important;
  6835.     line-height: 9px !important;
  6836.     left: 0px !important;
  6837.     padding: 2px !important;
  6838.     font-size: 11px !important;
  6839.     top: 25px !important;
  6840.     visibility: visible !important;
  6841.     text-align: center !important;
  6842.     white-space: nowrap !important;
  6843.     opacity: 1 !important;
  6844. }
  6845.  
  6846.  
  6847. /* (new8) FOR PAGE PRESENTATION - FOLLOW / UNFOLLOW -
  6848. masthead#collections-landing +.island .items .item .action .install-shell span  -
  6849. === */
  6850. masthead#collections-landing +.island .items .item .action .install-shell .watch.button {
  6851.     top: 6px !important;
  6852.     left: 80px !important;
  6853. }
  6854.  
  6855. /* (new8) FOR PAGE PRESENTATION - STOP to FOLLOW */
  6856. #tabzilla-wrapper section.primary masthead#collections-landing +.island  .items .item .action .install-shell a {
  6857.     position: absolute !important;
  6858.     display: inline-block !important;
  6859.     left: 84px !important;
  6860.     top: 5px !important;
  6861. }
  6862.  
  6863. #tabzilla-wrapper section.primary masthead#collections-landing +.island .items .item .action .install-shell a:hover:after {
  6864.     color: gold ! important;
  6865. }
  6866. #tabzilla-wrapper section.primary masthead#collections-landing +.island .items .item .action .install-shell a:after {
  6867.     color: transparent ! important;
  6868. }
  6869.  
  6870. /* (new12)COLL  / SEARCH? - (#global-header-tab ~.primary .featured.listing) - TOT CONT (.featured.listing) - === */
  6871. .primary>header>hgroup {
  6872.     display: inline-block !important;
  6873.     height: 32px !important;
  6874.     margin-left: 131px !important;
  6875.     margin-top: -20px !important;
  6876.     white-space: nowrap !important;
  6877. }
  6878. header hgroup h2 {
  6879.     margin-left: 171px !important;
  6880.     margin-top: -6px !important;
  6881.     position: absolute!important;
  6882.     color: peru ! important;
  6883. }
  6884. /* (new12) COLL of COLL / THEME  / PB SEARCH */
  6885. /* COLL */
  6886. #global-header-tab ~ .primary:not([role="main"]) .featured.listing {
  6887.     width: 1565px !important;
  6888.     height: 760px !important;
  6889.     margin-left: -460px !important;
  6890.     top: 140px !important;
  6891.     left: 260px ! important;
  6892.     padding: 30px 0px 0px 20px ! important;
  6893.     border-radius: 5px ! important;
  6894.     border: 1px gray solid !important;
  6895. }
  6896. /* (new12) THEME PERSONAS / ?? -
  6897. PB : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  6898. === */
  6899. #global-header-tab ~ .primary[role="main"] .featured.listing {
  6900.     width: 1565px !important;
  6901.     height: 780px !important;
  6902.     margin-left: -460px !important;
  6903.     top: 140px !important;
  6904.     left: 260px ! important;
  6905.     padding: 10px 0px 0px 20px ! important;
  6906.     border-radius: 5px ! important;
  6907.     border: 1px gray solid !important;
  6908. }
  6909.  
  6910. /* (new13) SEARCH */
  6911. #global-header-tab ~ .primary .results-head + .featured ,
  6912. #global-header-tab ~ .primary[role="main"] .results-head + .featured.listing {
  6913.     width: 1565px !important;
  6914.     height: 760px !important;
  6915.     margin-left: -460px !important;
  6916.     top: 140px !important;
  6917.     left: 260px ! important;
  6918.     padding: 30px 0px 0px 20px ! important;
  6919.     border-radius: 5px ! important;
  6920.     border: 1px gray solid !important;
  6921. }
  6922.  
  6923. /* (new11) COLL(.featured-inner) - CONT LIST - TOT CONT BLOCK - VOIR PERSONAS - === */
  6924. .featured-inner {
  6925.     border: none !important;
  6926. /* background: linear-gradient(rgba(0, 0, 0, 0.37), #2f3132) repeat scroll 0 0 rgba(4, 4, 4, 0) ! important; */
  6927. }
  6928.  
  6929.  
  6930. /* (new54) TOP HEADER - SITE NAV - (ALL) - === */
  6931. #site-nav {
  6932.     position: absolute !important;
  6933.     display: inline-block !important;
  6934.     height: 18px !important;
  6935.     line-height: 18px !important;
  6936.     left: 0 !important;
  6937.     top: 37px !important;
  6938.     border-radius: 3px !important;
  6939.     background: #333 !important;
  6940. }
  6941. #site-nav > ul > li {
  6942.     border-left: none !important;
  6943.     left: 0 !important;
  6944.     line-height: 23px !important;
  6945.     height: 18px !important;
  6946. }
  6947. #site-nav > ul > li:hover::after {
  6948.   width: auto !important;
  6949.   background: transparent ;
  6950. }
  6951. /* (new55) TOP HEADER - MENU TOP - MENUS on HOVER - TOP ARROWS - === */
  6952. .menu-nav > ul > li > ul {
  6953.     top: 21px !important;
  6954.     box-shadow: 3px 3px 2px black !important;
  6955. }
  6956. #aux-nav > ul > li ul {
  6957.     margin-top: 10px !important;
  6958.     z-index: 5000 !important;
  6959. }
  6960. .menu-nav > ul > li > ul::after {
  6961.     content: "";
  6962.     box-shadow: -2px -2px 2px red !important;
  6963.     position: absolute;
  6964.     display: block;
  6965.     height: 12px;
  6966.     width: 12px;
  6967.     top: -4px !important;
  6968.     transform: rotate(45deg);
  6969.     z-index: 1;
  6970.     background-color: #333 !important;
  6971. }
  6972.  
  6973. /* (new55) TOP HEADER - MENU TOP - MENUS on HOVER - === */
  6974. #site-nav.menu-nav > ul >li:hover > ul {
  6975.     margin-top: 5px !important;
  6976.     z-index: 50000 !important;
  6977. }
  6978. #site-nav #themes ul.two-col {
  6979.     height: 325px !important;
  6980.     padding-bottom: 15px !important;
  6981. }
  6982.  
  6983. #sorter > ul > li.extras > a {
  6984.     z-index: 1 !important;
  6985. }
  6986. #sorter li.selected {
  6987.     background: #222 !important;
  6988. }
  6989. #sorter li.selected a {
  6990.     color: tomato !important;
  6991. }
  6992.  
  6993.  
  6994. /* (new41) TOP HEADER - (ALL) COLL / SEARCH - BREAKCRUMBS - LIT NAV HEAD COLL - === */
  6995. #breadcrumbs ,
  6996. ol.breadcrumbs ,
  6997. .amo-header + #breadcrumbs:not(ol) {
  6998.     position: absolute !important;
  6999.     display: inline-block !important;
  7000.     float: none !important;
  7001.     width: auto ! important;
  7002.     width: 755px !important;
  7003.     top: 98px ! important;
  7004.     left: -431px !important;
  7005.     margin-top: -40px ! important;
  7006.     padding: 0 8px !important;
  7007. }
  7008.  
  7009. /* (new35) TOP HEADER - ADDON VERSION / NEWEST COLL ...  - BREAKCRUMBS */
  7010. .primary #breadcrumbs:not(ol) {
  7011.     position: absolute !important;
  7012.     display: inline-block !important;
  7013.     float: none !important;
  7014.     top: 15px ! important;
  7015.     left: -641px !important;
  7016.     padding: 0 5px !important;
  7017.     border-radius: 3px !important;
  7018.     background: #333 !important;
  7019. }
  7020. .amo-header + .primary #breadcrumbs:not(ol) {
  7021.     position: absolute !important;
  7022.     display: inline-block !important;
  7023.     float: none !important;
  7024.     width: 500px ! important;
  7025.     top: 30px ! important;
  7026.     margin-left: -460px !important;
  7027. }
  7028.  
  7029. /* (new35) TOP HEADER - FILE VIEWER - TOP NAV HEAD + + - === */
  7030. .moz-header-slim.inverse.file-viewer  #top {
  7031.     top: 140px ! important;
  7032.     left: 460px !important;
  7033. }
  7034. /* #top>li:last-child */
  7035.  
  7036. /* TOP HEADER - COLL SEARCH (header.results-head) - TOP HEAD - LIT NAV HEAD COLL - === */
  7037. #global-header-tab ~.primary header.results-head ol#breadcrumbs.breadcrumbs {
  7038.     top: 40px ! important;
  7039.     left: 267px !important;
  7040. }
  7041. /* TOP HEADER - COLL - EXPLOR USER etc... (.amo-header) - TOP HEAD - LIT NAV HEAD COLL - === */
  7042. #global-header-tab + .amo-header+ ol#breadcrumbs.breadcrumbs {
  7043.     top: 100px ! important;
  7044.     left: 520px !important;
  7045. }
  7046. /* TOP HEADER - COLL - EXPLOR USER etc... (.amo-header) - TOP HEAD - LIT NAV HEAD COLL (ARROWS) - === */
  7047. ol.breadcrumbs li {
  7048.     background-image: none !important;
  7049.     display: inline;
  7050.     padding-right: 1em;
  7051. }
  7052. /* â–º */
  7053. ol.breadcrumbs li:after {
  7054.     color: gray ;
  7055.     content: " \25BA" ;
  7056.     padding-right: 5px ;
  7057. }
  7058. /* â–¼ */
  7059. ol.breadcrumbs li:last-child:after {
  7060.     color: peru ;
  7061.     font-size: 15px ;
  7062.     content: "\25BC" ;
  7063.     padding-left: 15px ;
  7064. }
  7065. ol.breadcrumbs li:last-child {
  7066.     color: #FFD700 !important;
  7067.     font-size: 15px !important;
  7068. }
  7069.  
  7070.  
  7071.  
  7072. /* COLL (.featured.listing) - TOP LEFT -  NBR OF EXT IN COLL - === */
  7073. .featured.listing>h3 {
  7074.     position: absolute ! important;
  7075.     display: inline-block ! important;
  7076.     width: 388px ! important;
  7077.     top: 135px ! important;
  7078.     left: -204px ! important;
  7079.     padding: 5px 1px 15px 1px ! important;
  7080.     border-radius: 5px 5px 0px 0px ! important;
  7081.     font-size: 15px! important;
  7082.     text-align: center ! important;
  7083.     background: red ! important;
  7084. }
  7085. /* (new11) COLL (.featured.listing)(.separated-listing) - BLOCK "NBR OF EXT IN COLL" -
  7086. (VERY SENSITIVE : BUT KEEP IT HERE TO INSERT THE BLOC IN THE MOZAIC LIST) -
  7087. Not FILE VIEWER - === */
  7088. .separated-listing>h3 {
  7089.     position: relative  ! important;
  7090.     display: inline-block ! important;
  7091.     width: 382px ! important;
  7092.     height: 20px !important;
  7093.     top: -2px ! important;
  7094.     left: 0px ! important;
  7095.     margin-right: -10px ! important;
  7096.     padding: 4px 8px 0 0 ! important;
  7097.     border-radius: 5px 5px 0px 0px ! important;
  7098.     border: 1px solid gray !important;
  7099.     font-size: 12px! important;
  7100.     text-align: right ! important;
  7101. }
  7102. .featured:not(#file-viewer):not(.personas) .featured-inner  {
  7103.     margin-left: 10px ! important;
  7104.     background: transparent !important;
  7105. }
  7106.  
  7107. /* (ne35)COLLECTION - INFOS BLOCK (TOP / LEFT of the MOZAIC) -
  7108. https://addons.mozilla.org/fr/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/
  7109. === */
  7110. .featured:not(#file-viewer):not(.personas) .featured-inner.object-lead {
  7111.     width: 0;
  7112.     left: 125px !important;
  7113.     top: -4px !important;
  7114.     margin-left: -14px ! important;
  7115.     margin-top: 0px !important;
  7116.     background: transparent !important;
  7117. }
  7118.  
  7119.  
  7120. /* (new12) LISTS OPTION TOP - PERSONAS - -
  7121. https://addons.mozilla.org/en-US/firefox/search-tools/dictionaries-encyclopedias?sort=updated
  7122. ===*/
  7123. #addon-list-options {
  7124.     margin-bottom: 35px !important;
  7125.     margin-top: -52px !important;
  7126.     margin-left: 1140px ! important;
  7127. }
  7128.  
  7129. /* (new35) */
  7130. #addon-list-options.listing-header {
  7131.     width: 590px !important;
  7132.     height: 20px !important;
  7133.     line-height: 20px !important;
  7134.     margin-left: 975px !important;
  7135.     margin-top: -33px ! important;
  7136.     margin-bottom: 34px !important;
  7137. }
  7138. #addon-list-options.listing-header ul {
  7139.     height: 20px !important;
  7140.     line-height: 20px ! important;
  7141.     width: auto ! important;
  7142. }
  7143. #addon-list-options.listing-header ul li {
  7144.     height: 15px !important;
  7145.     line-height: 15px;
  7146.     width: auto ! important;
  7147. }
  7148.  
  7149. /* (new54) COLL - OPTS - BUTT PRIVE / PRIVAT - === */
  7150. .featured .featured-inner .object-details ul#collection-favorites-opts  {
  7151.     position: absolute !important;
  7152.     display: inline-block !important;
  7153.     width: 100% !important;
  7154.     max-height: 13px !important;
  7155.     min-height: 13px !important;
  7156.     top: -42px !important;
  7157.     left: -30px !important;
  7158.     z-index: 0 !important;
  7159.     opacity: 0.5 !important;
  7160. }
  7161. .featured .featured-inner .object-details ul#collection-favorites-opts:hover  {
  7162.     opacity: 0.7 !important;
  7163. }
  7164. .featured-inner .object-details ul#collection-favorites-opts li form button  {
  7165.     position: absolute !important;
  7166.     height: 22px ! important;
  7167.     line-height: 8px ! important;
  7168.     left: -24px !important;
  7169.     top: 15px !important;
  7170.     margin-top: -48px !important;
  7171.     padding: 2px 5px ! important;
  7172.     z-index: 500 ! important;
  7173. }
  7174.  
  7175. /* (new38) COLL - TXT "plus sur coll" - === */
  7176. #collection-favorites-opts>li>a {
  7177.     position: absolute !important;
  7178.     display: inline-block !important;
  7179.     width: 202px !important;
  7180.     line-height: 12px !important;
  7181.     top: -8px !important;
  7182.     left: 0px !important;
  7183.     text-align: center !important;
  7184.     font-size: 10px !important;
  7185.     color: gold !important;
  7186. }
  7187.  
  7188. /* COLL - TOP LEFT -  WIDGET FOLL - === */
  7189. .widget.tooltip.watch.condensed {
  7190.     position: absolute ! important;
  7191.     display: inline-block  ! important;
  7192.     width: 5px ! important;
  7193.     margin-top: 1px ! important;
  7194.     left: -7px ! important;
  7195.     padding:  1px 1px 2px 10px ! important;
  7196.     border-radius: 5px ! important;
  7197.     color: transparent !important;
  7198.     z-index: 1 ! important;
  7199. }
  7200.  
  7201. /* (new44) COLL - TOP LEFT -  WIDGET ICON - FOLL / EDT/SHARE - === */
  7202. .collection_widgets.condensed.widgets {
  7203.     position: absolute ! important;
  7204.     display: inline-block  ! important;
  7205.     width: 5px ! important;
  7206.     top: 18px ! important;
  7207.     margin-left: 133px ! important;
  7208.     padding:  1px 26px 2px 10px ! important;
  7209.     border-radius: 5px ! important;
  7210.     color: transparent !important;
  7211. }
  7212. .collection_widgets.condensed.widgets a {
  7213.     display: inline-block ! important;
  7214.     width: 0px ! important;
  7215.     margin-right: 5px !important;
  7216.     margin-left: -1px !important;
  7217.     z-index: 800 ! important;
  7218.     transform: scale(0.8) ! important;
  7219. }
  7220. .collection_widgets.widgets .widget.tooltip.watching {
  7221.     display: inline-block;
  7222.     border-radius: 5px ! important;
  7223. }
  7224.  
  7225.  
  7226. /* COLL (.featured.listing) - WIDGET FOLL / EDT/SHARE - === */
  7227. .featured-inner .item .item-info .collection_widgets {
  7228.     position: absolute ! important;
  7229.     display: inline-block  ! important;
  7230.     width: 5px ! important;
  7231.     top: 0px ! important;
  7232.     margin-left: 142px ! important;
  7233.     padding:  1px 26px 2px 10px ! important;
  7234.     border-radius: 5px ! important;
  7235.     color: transparent !important;
  7236.     z-index: 1 ! important;
  7237. }
  7238.  
  7239.  
  7240.  
  7241. /* (new66) COLL (.featured.listing) - LIKE ICONS - === */
  7242. .section .primary .featured .featured-inner .item .item-info ul li .barometer  {
  7243.     position: absolute !important;
  7244.     display: inline-block !important;
  7245.     transform: scale(0.7) !important;
  7246.     top: -40px !important;
  7247.     left: 75px !important;
  7248.     box-shadow: 0 0 1px rgba(191, 184, 184, 0.77) inset !important;
  7249.     border-radius: 5px ! important;
  7250.     z-index: 0 !important;
  7251. }
  7252. .featured-inner .item .item-info ul li .barometer form.upvote input.upvotes {
  7253.     position: absolute ! important;
  7254.     width: 30px ! important;
  7255.     left: -10px ! important;
  7256.     margin-left: -25px ! important;
  7257.     font-size: 17px !important;
  7258.     transform: scale(0.8) !important;
  7259. }
  7260. .featured-inner .item .item-info ul li .barometer form.downvote input.downvotes{
  7261.     position: absolute ! important;
  7262.     transform: scale(0.8) !important;
  7263.     width: 30px ! important;
  7264.     left: -10px ! important;
  7265.     margin-left: 15px ! important;
  7266.     font-size: 17px !important;
  7267. }
  7268.  
  7269. /* (new12)  MY COLL (.featured.listing) - TOP LEFT -  NBR FOLL - === */
  7270. .featured-inner .item .item-info ul li.followers  {
  7271.     position: absolute ! important;
  7272.     display: inline-block ! important;
  7273.     padding-right: 5px ! important;
  7274.     left: 120px ! important;
  7275.     top: -37px ! important;
  7276.     text-align: left ! important;
  7277. }
  7278.  
  7279. /* COLL +(ALL)FIRST PRESENT  -  (.separated-listing) - ADD ITEMS CONT - === */
  7280. .separated-listing .item-sort.go  ~ .item  {
  7281.     position: relative ! important;
  7282.     display: inline-block !important;
  7283.     width: 325px !important;
  7284.     max-height: 160px ! important;
  7285.     min-height: 160px ! important;
  7286.     top: -5px ! important;
  7287.     margin-top: 7px ! important;
  7288.     margin-right: 8px ! important;
  7289.     margin-bottom: -2px ! important;
  7290.     border: 1px solid gray ! important;
  7291.     border-radius: 5px ! important;
  7292.     vertical-align: top !important;
  7293. }
  7294.  
  7295. /* (new50) COLL THEMES -
  7296. WHy they Have a DIFF  DESIGN ??:
  7297. SHORT - https://addons.mozilla.org/fr/firefox/collections/decembre/theme-dark/
  7298. LARGE - https://addons.mozilla.org/fr/firefox/collections/wingless_pilot/da/
  7299. === */
  7300. .collections-personas  {
  7301.     width: 1652px !important;
  7302.     border: 1px solid gray !important;
  7303. }
  7304. .collections-personas ul {
  7305.     min-height: 758px !important;
  7306.     width: 1620px !important;
  7307.     margin-top: -71px !important;
  7308.     border: none !important;
  7309.     background: #222 !important;
  7310. }
  7311. .collections-personas ul li  {
  7312.     position: relative ! important;
  7313.     display: inline-block !important;
  7314.     width: 185px !important;
  7315.     max-height: 188px ! important;
  7316.     min-height: 188px ! important;
  7317.     top: -12px ! important;
  7318.     margin-top: 0px ! important;
  7319.     margin-left: -15px !important;
  7320.     margin-right: 15px ! important;
  7321.     margin-bottom: 10px ! important;
  7322.     padding: 2px 5px !important;
  7323.     border: 1px solid gray ! important;
  7324.     border-radius: 5px ! important;
  7325.     vertical-align: top !important;
  7326. }
  7327. .collections-personas ul li:first-of-type {
  7328.     margin-left: 386px !important;
  7329. }
  7330. .collections-personas ul li .hovercard.persona {
  7331.     max-height: 183px ! important;
  7332.     min-height: 183px ! important;
  7333.     overflow: hidden;
  7334.     padding: 0px !important;
  7335. /* background: red !important; */
  7336. }
  7337.  
  7338.  
  7339. /* COLL (.separated-listing) - ITEMS - CONT - FIRST ITEMS move TO LEFT -
  7340. for INSERTING BLOCK INFO CONTAINER - === */
  7341. .section .primary .separated-listing .item:first-of-type {
  7342.      margin-left: 21px ! important;
  7343. }
  7344.  
  7345. /* COLL (.featured.listing) - ADDON ITEMS - CONT - === */
  7346.  
  7347. /* (new8) COLL (.separated-listing) / MY COLL (.featured.listing) - RAT BLOCK - === */
  7348. .featured.listing .item .item-info p.addon-rating ,
  7349. .separated-listing .item .item-info p.addon-rating  {
  7350.     position: absolute !important;
  7351.     display: inline-block !important;
  7352.     float: none !important;
  7353.     width: 155px !important;
  7354.     left: 0px !important;
  7355.     top: -40px ! important;
  7356.     padding: 2px ! important;
  7357.     text-align: center !important;
  7358. }
  7359. .separated-listing .item .item-info p.addon-rating  {
  7360.     width: 250px !important;
  7361.     left: 0px !important;
  7362.     top: -9px ! important;
  7363. }
  7364. /* MY COLL (.featured.listing) - RATING - NBR REVIEW - === */
  7365. .featured.listing .item .item-info p.addon-rating a {
  7366.     margin-left: -230px !important;
  7367.     text-decoration: none !important;
  7368. }
  7369.  
  7370. /* (new12) COLL (.separated-listing) - ITEMS - ADDON TITLE + AUTH NAME - === */
  7371. .separated-listing .item h3 {
  7372.     position: relative !important;
  7373.     float: none !important;
  7374.     width: 336px !important;
  7375.     max-height: 35px !important;
  7376.     left: -52px !important;
  7377.     margin-top: -13px ! important;
  7378.     margin-bottom: 28px ! important;
  7379.     padding: 2px 0px 15px 54px !important;
  7380.     border-radius: 5px 5px 0 0 !important;
  7381. }
  7382. /* (new11) COLL (.island #sorter) + (#collections-landing ) - ITEMS - ADDON TITLE + AUTH NAME - === */
  7383. /* (new57) ADAPTATION GM AUTOPAGERIZE */
  7384. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info h3 ,
  7385. .island #sorter + .items .item .info h3 {
  7386.     position: absolute !important;
  7387.     height: 50px !important;
  7388.     min-width: 262px !important;
  7389.     max-width: 262px !important;
  7390.     margin-left: 4px !important;
  7391.     margin-top: -35px ! important;
  7392.     padding: 2px 0px 15px 54px !important;
  7393.     border-radius: 5px 5px 0 0 !important;
  7394.     border: 1px solid gray !important;
  7395.     text-align: center !important;
  7396. }
  7397. /* (new57) */
  7398. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info h3 a:not(.is-webextension) ,
  7399. .island #sorter + .items .item .info h3 a:not(.is-webextension) {
  7400.     display: inline-block ! important;
  7401.     width: 100% ! important;
  7402.     min-width: 255px !important;
  7403.     max-width: 255px !important;
  7404.     margin-left: -35px !important;
  7405.     text-align: center !important;
  7406. }
  7407. .island #pjax-results #sorter + .items .item.addon .info h3 a:not(.is-webextension) {
  7408.     display: inline-block ! important;
  7409.     height: 55px !important;
  7410.     width: 100% ! important;
  7411.     min-width: 274px !important;
  7412.     max-width: 274px !important;
  7413.     margin-left: 24px !important;
  7414.     text-align: center !important;
  7415. }
  7416.  
  7417. /* (new62) SAERCH - WITH "REQUIRE RESTART" -
  7418. .is-restart-required ,
  7419. === */
  7420. .island #pjax-results #sorter + .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required {
  7421.     position: relative !important;
  7422.     display: inline-block !important;
  7423.     height: 20px !important;
  7424.     line-height: 10px !important;
  7425.     width: 60px !important;
  7426.     margin-left: -309px !important;
  7427.     margin-top: -9px !important;
  7428.     padding: 2px 2px !important;
  7429.     font-size: 7px !important;
  7430.     color: white !important;
  7431.     cursor: pointer !important;
  7432. z-index: 1 !important;
  7433.     opacity: 0.4 !important;
  7434.     transition: opacity ease 0.7s ;
  7435. }
  7436. .island #pjax-results #sorter + .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required:hover {
  7437. opacity: 1 !important;
  7438. }
  7439. /* (new62) SAERCH - WITH "REQUIRE RESTART" - GM "AUROPAGERIZE" ADAPTATION */
  7440. .island #pjax-results #sorter ~.autopagerize_page_info ~ .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required {
  7441.     position: absolute ;
  7442.     display: inline-block !important;
  7443.     float: none;
  7444.     width: 60px ;
  7445.     height: 100% !important;
  7446.     min-height: 18px !important;
  7447.     max-height: 18px !important;
  7448.     line-height: 9px !important;
  7449.     top: 40px !important;
  7450.     left: -2px !important;
  7451.     padding: 0px 2px !important;
  7452.     font-size: 7px !important;
  7453.     color: white !important;
  7454.     cursor: pointer !important;
  7455.     z-index: 100 !important;
  7456.     opacity: 0.4 !important;
  7457.     transition: opacity ease 0.7s ;
  7458. }
  7459. .island #pjax-results #sorter ~.autopagerize_page_info ~ .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required:hover {
  7460. opacity: 1 !important;
  7461. }
  7462.  
  7463. /* (new23) COLL FEATURED - DESCR / RATTING + FOLLOWERS - (authorize description) - === */
  7464. /* (new42) ADAPTATION GM AUTOPAGERIZE */
  7465. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .desc ,
  7466. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info p.desc ,
  7467. .island #sorter.c.pjax-trigger +.items .item .info p.desc {
  7468.     position: relative ! important;
  7469.     display: inline-block !important;
  7470.     max-height: 50px !important;
  7471.     min-height: 50px !important;
  7472.     width: 100% ! important;
  7473.     min-width: 306px !important;
  7474.     max-width: 306px !important;
  7475.     margin-top: 74px !important;
  7476.     margin-left: -54px !important;
  7477.     padding-top: 4px !important;
  7478.     border: 1px solid gray !important;
  7479.     border-radius: 0 0 5px 5px !important;
  7480.     overflow: hidden !important;
  7481.     overflow-y: auto !important;
  7482. }
  7483. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .desc ,
  7484. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .desc {
  7485.     max-height: 83px !important;
  7486.     min-height: 83px !important;
  7487. }
  7488. .island #sorter.c.pjax-trigger +.items .item .info .vitals.c .followers   {
  7489.     position: absolute !important;
  7490.     right: 95px !important;
  7491.     top: 30px !important;
  7492.     text-align: left !important;
  7493.     color: peru ! important;
  7494. }
  7495.  
  7496. /* COLL (#sorter )(#collections-landing) - === */
  7497. .island #sorter + .items .item .info h3 span.author ,
  7498. #collections-landing + .island .items .item .info h3 span.author {
  7499.     position: absolute !important;
  7500.     display: inline-block !important;
  7501.     min-width: 310px !important;
  7502.     max-width: 310px !important;
  7503.     left: 0px !important;
  7504.     top: 48px !important;
  7505.     padding-right: 4px !important;
  7506.     font-size: 10px !important;
  7507.     color: gray !important;
  7508.     overflow: hidden !important;
  7509.     text-overflow: ellipsis !important;
  7510.     white-space: nowrap !important;
  7511.     text-align: center !important;
  7512. }
  7513. .island #sorter + .items .item .info h3 span.author a ,
  7514. #collections-landing + .island .items .item .info h3 span.author a {
  7515.     color: peru !important;
  7516.     font-size: 12px !important;
  7517. }
  7518.  
  7519.  
  7520. /* (new57) COL -  "SUIVI" - === */
  7521. .listing .item.watching .install-shell .is-watching {
  7522.     position: absolute !important;
  7523.     display: inline-block !important;
  7524.     top: 22px !important;
  7525.     left: 460px !important;
  7526.     padding: 0 2px 0 2px !important;
  7527. border-radius: 3px !important;
  7528.     font-size: 10px !important;
  7529. text-align: center !important;
  7530.     border: 1px solid green !important;
  7531. }
  7532. .collections #page.c section.primary .island.listing .item.watching .install-shell .is-watching {
  7533.     position: absolute !important;
  7534.     display: inline-block !important;
  7535.     top: 23px !important;
  7536.     left: 50px !important;
  7537.     padding: 0 2px 0 2px !important;
  7538.     font-size: 10px !important;
  7539. /*     border: 1px solid violet !important; */
  7540. }
  7541. /* WATCH ICON -
  7542. PB INVALID IMAGE - https://addons.cdn.mozilla.net/media/img/zamboni/icons/collections.png?433f04b
  7543. Change by - https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b
  7544. ==== */
  7545.  
  7546. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch:hover ,
  7547. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch {
  7548.     width: 12px !important;
  7549.     height: 10px !important;
  7550.     left: -310px !important;
  7551.     font-size: 0 !important;
  7552.     background-color: transparent !important;
  7553.     opacity: 0.5 !important;
  7554. }
  7555. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch  {
  7556.     width: 17px !important;
  7557.     height: 13px !important;
  7558.     background-position: -0px -650px !important;
  7559.     background-repeat: no-repeat !important;
  7560.     background-image: url(https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b) !important;
  7561. }
  7562. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch:hover {
  7563.     background-position: 0 -700px !important;
  7564.     opacity: 1 !important;
  7565. }
  7566.  
  7567. /* :not(:hover) */
  7568. .collections #page.c section.primary .island.listing .item.watching  a.watch:hover ,
  7569. .collections #page.c section.primary .island.listing .item.watching  a.watch  {
  7570.     width: 17px !important;
  7571.     height: 13px !important;
  7572.     background-position: -0px -650px !important;
  7573.     background-repeat: no-repeat !important;
  7574.     background-image: url(https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b) !important;
  7575. /* opacity: 1 !important; */
  7576. visibility: visible !important;
  7577. /* outline: 5px solid tomato !important; */
  7578. }
  7579.  
  7580.  
  7581. /* FOLLOW / Stop FOLLOW" - === */
  7582. #sorter.c.pjax-trigger + .items .item .action .install-shell .is-watching + a.watch.button[href$="/watch"] span {
  7583.     display: inline-block !important;
  7584.     width: 20px !important;
  7585.     margin-left: -5px !important;
  7586. }
  7587. #sorter.c.pjax-trigger + .items .item .action .install-shell .is-watching + a.watch.button[href$="/watch"]:after {
  7588.     content: "stop to follow" ;
  7589.     position: absolute ;
  7590.     width: 75px ;
  7591.     height: 10px ;
  7592.     line-height: 10px ;
  7593.     top: 3px ;
  7594.     margin-left: 4px ;
  7595.     padding: 1px ;
  7596.     border-radius: 3px ;
  7597.     color: transparent ;
  7598.     text-align: center !important;
  7599.     background: transparent ;
  7600. }
  7601. #sorter.c.pjax-trigger + .items .item:not(.watching) .action .install-shell .watch.button:after {
  7602.     content: "follow" ;
  7603.     position: absolute ;
  7604.     width: 75px ;
  7605.     height: 10px ;
  7606.     line-height: 10px ;
  7607.     top: 3px ;
  7608.     margin-left: 4px ;
  7609.     padding: 1px ;
  7610.     border-radius: 3px ;
  7611.     color: transparent ;
  7612.     text-align: center !important;
  7613. }
  7614. #sorter.c.pjax-trigger + .items .item:not(.watching) .action .install-shell .watch.button:hover:after {
  7615.     content: "follow" ;
  7616.     position: absolute ;
  7617.     width: 75px ;
  7618.     height: 10px ;
  7619.     margin-top: -1px ;
  7620.     margin-left: 8px ;
  7621.     padding: 1px ;
  7622.     border-radius: 3px ;
  7623.     font-size: 10px ;
  7624.     color: gold ;
  7625.     background: green ;
  7626. /* outline: 4px solid yellow ; */
  7627. }
  7628. #sorter.c.pjax-trigger + .items .item .action .install-shell .is-watching + a.watch.button[href$="/watch"]:hover:after {
  7629.     content: "stop to follow" ;
  7630.     position: absolute ;
  7631.     width: 75px ;
  7632.     height: 10px ;
  7633.     margin-top: -1px ;
  7634.     margin-left: 4px ;
  7635.     padding: 1px ;
  7636.     border-radius: 3px ;
  7637.     font-size: 10px ;
  7638.     color: gold ;
  7639.     background: red ;
  7640. }
  7641.  
  7642. /* COLL (.separated-listing) + (.featured.listing) - ITEMS - ADDON TITLE - === */
  7643. .section .primary .featured.listing .item h3,
  7644. .section .primary .separated-listing .item h3 {
  7645.     overflow: visible!important;
  7646. }
  7647.  
  7648. .section .primary .featured.listing .item h3>a ,
  7649. .section .primary .separated-listing .item h3>a {
  7650.     position: absolute !important;
  7651.     width: 340px ! important;
  7652.     height: 30px ! important;
  7653.     line-height: 18px !important;
  7654.     margin-left: -22px !important;
  7655.     top: 2px !important;
  7656.     margin-top: 0px !important;
  7657.     margin-bottom: 5px ! important;
  7658.     padding-left: 10px !important;
  7659.     text-align: center !important;
  7660. }
  7661. /* COLL(ALL) (.featured-inner) (.featured.listing) - ITEMS - ICONS - === */
  7662. .featured .featured-inner .item h3 a img.icon  {
  7663.     max-height: 32px !important;
  7664.     min-height: 32px !important;
  7665.     max-width: 32px !important;
  7666.     min-width: 32px !important;
  7667.     margin-left: 5px !important;
  7668.     margin-top: 5px !important;
  7669. }
  7670.  
  7671. /* PB -
  7672. PB search : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  7673. PB Col de Col :https://addons.mozilla.org/en-US/firefox/collections/decembre/
  7674. COLL(.separated-listing)+ (.featured.listing) - ITEMS - DEV AUTHOR - === */
  7675. .separated-listing .item h3 span {
  7676.     position: relative !important;
  7677.     display: inline-block ! important;
  7678.     width: 387px ! important;
  7679.     height: 15px ! important;
  7680.     line-height: 15px !important;
  7681.     top: -5px !important;
  7682.     left: -54px !important;
  7683.     margin-top: 41px !important;
  7684.     padding-right: 3px !important;
  7685.     text-align: right !important;
  7686. }
  7687. .featured.listing .item h3 span {
  7688.     width: 380px ! important;
  7689.     height: 20px ! important;
  7690.     line-height: 20px !important;
  7691.     margin-top: 30px !important;
  7692.     margin-left: -62px !important;
  7693.     padding-right: 4px !important;
  7694.     color: #5E84B8 !important;
  7695.     overflow: visible !important;
  7696.     text-align: right !important;
  7697. }
  7698.  
  7699. .separated-listing .addon-rating a strong ,
  7700. .featured .addon-rating a strong  {
  7701.     position: absolute !important;
  7702.     display: inline-block ! important;
  7703.     width: 390px ! important;
  7704.     height: 15px ! important;
  7705.     line-height: 15px !important;
  7706.     top: -10px !important;
  7707.     color: #5E84B8 !important;
  7708. }
  7709. .featured .addon-rating a strong  {
  7710.     width: 390px ! important;
  7711. }
  7712. .separated-listing .addon-rating a strong {
  7713.     width: 120px ! important;
  7714.     height: 15px ! important;
  7715.     margin-left: 179px !important;
  7716. }
  7717. .featured .addon-rating a strong span ,
  7718. .separated-listing .addon-rating a strong span {
  7719.     color: #5E84B8 !important;
  7720. }
  7721. /* COLL (.separated-listing) + (.featured.listing) - ITEMS - ADDON ICON - === */
  7722. .listing .item img.icon ,
  7723. .separated-listing .item h3 a img.icon {
  7724.     position: absolute !important;
  7725.     height: 28px ! important;
  7726.     width: 28px ! important;
  7727.     left: -28px !important;
  7728.     top: 0px !important;
  7729.     box-shadow: 0 0 2px #CCCCCC inset!important;
  7730.     background: transparent !important;
  7731. }
  7732. .featured.listing .item h3 a img.icon {
  7733.     top: -6px !important;
  7734.     margin-left: -1px !important;
  7735. }
  7736.  
  7737. /* COLL HOVER (.separated-listing) + (.featured.listing) - ACT BLOCK(WHEN LOGED) - FAV / COLL /SHARE - === */
  7738. .featured.listing .item .item-info .collection_widgets ,
  7739. .separated-listing .item .item-info .collection_widgets {
  7740.     position: absolute !important;
  7741.     width: 70px ! important;
  7742.     left: -136px !important;
  7743.     margin-top: -40px !important;
  7744.     padding: 0px ! important;
  7745.     transform: scale(0.8) !important;
  7746.     opacity: 0.6!important;
  7747. }
  7748. .featured.listing .item .item-info .collection_widgets:hover ,
  7749. .separated-listing .item .item-info .collection_widgets:hover {
  7750.     opacity: 1 !important;
  7751. }
  7752.  
  7753. /* COLL(.separated-listing) - REVIEW NUMB - === */
  7754. .separated-listing .item>.item-info> p.addon-rating a  {
  7755.     position: relative !important;
  7756.     display: inline-block ! important;
  7757.     width: 300px !important;
  7758.     left: 35px !important;
  7759.     margin-left: -230px !important;
  7760.     text-align: left !important;
  7761. }
  7762. /* (new11) COLL (.separated-listing) - SORT ITEMS BY - === */
  7763. .separated-listing form.item-sort {
  7764.     position: absolute !important;
  7765.     display: inline-block ! important;
  7766.     left: -210px !important;
  7767.     margin-top: -2px !important;
  7768.     padding: 1px 10px !important;
  7769.     border-radius: 5px 0px 0 0 !important;
  7770.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  7771.     color: white ! important;
  7772. }
  7773. .separated-listing form.item-sort select#sortby {
  7774.     padding: 2px 1px 2px 5px !important;
  7775. }
  7776.  
  7777. /* (new35) (ALL) "FEATURED" / "EN VEDETTE" - 90DEG -
  7778. OK US:
  7779. https://addons.mozilla.org/en-US/firefox/extensions/
  7780. PB FR:
  7781. https://addons.mozilla.org/fr/firefox/tag/toolbar
  7782.  
  7783. (new35)PB style:
  7784. https://addons.mozilla.org/fr/firefox/extensions/?sort=users
  7785. === */
  7786. .item.addon .info span.featured {
  7787.     position: absolute ! important;
  7788.     display: inline-block ! important;
  7789.     float: none ! important;
  7790.     transform: rotate(90deg) ! important;
  7791.     max-width: 63px ! important;
  7792.     min-width: 63px ! important;
  7793.     left: 272px ! important;
  7794.     top: 27px ! important;
  7795.     padding: 1px ! important;
  7796.     border-radius: 5px 0 0 0  ! important;
  7797.     font-size: 9.6px  !important;
  7798.     text-transform: capitalize !important;
  7799.     text-align: center ! important;
  7800.     color: #C9C4C4 !important;
  7801.     z-index: 30 !important;
  7802. }
  7803.  
  7804. /* NO RESART INTERNATIONAL SUPPORT - SHORT:
  7805.  fr - af - bn-BD - ca - cs - da - de - es - fi - ga-IE - hu - id - it -
  7806. ja - ko - mk - mn - nl - pl - ro - ru - sk - sl - sv-SE - uk - vi - zh-CN - zh-TW
  7807. === */
  7808. html[lang="zh-TW"] span.featured ,
  7809. html[lang="zh-CN"] span.featured ,
  7810. html[lang="vi"] span.featured ,
  7811. html[lang="uk"] span.featured ,
  7812. html[lang="sv-SE"] span.featured ,
  7813. html[lang="sl"] span.featured ,
  7814. html[lang="sk"] span.featured ,
  7815. html[lang="ru"] span.featured ,
  7816. html[lang="ro"] span.featured ,
  7817. html[lang="pl"] span.featured ,
  7818. html[lang="nl"] span.featured ,
  7819. html[lang="mn"] span.featured ,
  7820. html[lang="mk"] span.featured ,
  7821. html[lang="ko"] span.featured ,
  7822. html[lang="ja"] span.featured ,
  7823. html[lang="it"] span.featured ,
  7824. html[lang="id"] span.featured ,
  7825. html[lang="hu"] span.featured ,
  7826. html[lang="fi"] span.featured ,
  7827. html[lang="ga-IE"] span.featured ,
  7828. html[lang="fi"] span.featured ,
  7829. html[lang="es"] span.featured ,
  7830. html[lang="de"] span.featured ,
  7831. html[lang="da"] span.featured ,
  7832. html[lang="cs"] span.featured ,
  7833. html[lang="ca"] span.featured ,
  7834. html[lang="bn-BD"] span.featured ,
  7835. html[lang="af"] span.featured ,
  7836. html[lang="fr"] span.featured {
  7837. /*     top: 21px ! important; */
  7838. }
  7839.  
  7840.  
  7841. /* NO RESART INTERNATIONAL SUPPORT - MEDIUM:
  7842. bg -
  7843. === */
  7844. html[lang="bg"] span.featured {
  7845.     max-width: 68px ! important;
  7846.     min-width: 68px ! important;
  7847.     top: 20px ! important;
  7848. }
  7849.  
  7850. /* NO RESART INTERNATIONAL SUPPORT - LARGE:
  7851. el - eu - pt-BR - pt-PT - sq -  
  7852. === */
  7853. html[lang="sq"] span.featured ,
  7854. html[lang="pt-PT"] span.featured ,
  7855. html[lang="pt-BR"] span.featured ,
  7856. html[lang="eu"] span.featured ,
  7857. html[lang="el"] span.featured {
  7858.     max-width: 88px ! important;
  7859.     min-width: 88px ! important;
  7860.     top: 32px ! important;
  7861.     margin-left: 545px ! important;
  7862. }
  7863.  
  7864.  
  7865.  
  7866. /* ==== BLOCKQUOTES ==== */
  7867.  
  7868. /* (new8) COLL(.separated-listing) - ITEMS - BLOCKQUOTE CONT - === */
  7869. .separated-listing blockquote {
  7870.     position: absolute !important;
  7871.     display: inline-block ! important;
  7872.     width: 373px !important;
  7873.     height: 84px !important;
  7874.     line-height: 17px ! important;
  7875.     margin-left: -50px !important;
  7876.     top: 75px !important;
  7877.     padding: 22px 5px 0px 5px ! important;
  7878.     border: 1px solid gray !important;
  7879.     border-radius: 0 0 5px 5px  !important;
  7880.     text-indent: 20px !important;
  7881.     z-index: 0 !important;
  7882. }
  7883. .separated-listing blockquote>div {
  7884.     margin-top: -3px !important;
  7885.  
  7886. }
  7887. .item>blockquote>div:first-letter {
  7888.     color: lightslategray !important;
  7889.     font-size: 18px !important;
  7890. }
  7891. .separated-listing blockquote>div>br {
  7892.     display: none ! important;
  7893. }
  7894. /* (new8) COLL(.separated-listing) - ITEMS - NBR DOWNLOAD -
  7895. https://addons.mozilla.org/fr/firefox/collections/decembre/f3f38bb8-db89-66a9-5d25-159878/
  7896. for
  7897. === */
  7898. .backup-button.install-wrapper:not(.hidden) ~ .downloads ,
  7899. .separated-listing .item .item-info p.downloads {
  7900.     position: absolute !important;
  7901.     display: inline-block !important;
  7902.     right: 0 !important;
  7903.     top: -7px !important;
  7904.     text-overflow: ellipsis !important;
  7905.     white-space: nowrap !important;
  7906.     overflow: hidden !important;
  7907. }
  7908. .backup-button.install-wrapper:not(.hidden) ~ .downloads {
  7909.     top: 48px !important;
  7910. }
  7911.  
  7912. /* (new34) SEARCH / MY COLL  (.featured.listing) - BLOCKQUOTE CONT -
  7913. VOIR : :not(:empty) ???
  7914. OK:
  7915. https://addons.mozilla.org/en-US/firefox/collections/mine/
  7916. PB:
  7917. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  7918. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  7919. === */
  7920. .featured.listing .featured-inner .item .item-info + h3 + blockquote {
  7921.     position: absolute !important;
  7922.     width: 367px !important;
  7923.     height: 46px ! important;
  7924.     line-height: 13px ! important;
  7925.     margin-left: -49px !important;
  7926.     margin-top: -10px !important;
  7927.     padding: 2px 5px 0px 5px ! important;
  7928.     border: 1px solid gray ! important;
  7929.     border-radius: 0 0 5px 5px ! important;
  7930.     overflow: hidden ! important;
  7931.     overflow-y: auto! important;
  7932.     color: peru !important;
  7933. }
  7934. /* (new12) */
  7935. .featured.listing .featured-inner #addon-list-options.listing-header ~ .item  h3 +  .item-info + blockquote:not(:empty) {
  7936.     position: absolute !important;
  7937.     width: 367px !important;
  7938.     height: 56px ! important;
  7939.     line-height: 14px ! important;
  7940.     margin-left: -49px !important;
  7941.     margin-top: 10px !important;
  7942.     padding: 2px 5px 0px 5px ! important;
  7943.     border: 1px solid gray ! important;
  7944.     border-radius: 0 0 5px 5px ! important;
  7945.     overflow: visible ! important;
  7946.     overflow-y: auto! important;
  7947.     color: peru !important;
  7948. }
  7949. .featured.listing blockquote>div>br {
  7950.     display: none ! important;
  7951. }
  7952. /* (new8) COLL - BLOCKQUOTE - COLLECTOR NOTE + ICON "âš  " HOVER - SUPP TXT "Note collector" - === */
  7953. .collector-note>strong {
  7954.     display: none !important;
  7955. }
  7956. /* (new8) COLLECTOR - NOTE CONTAINER*/
  7957. blockquote.collector-note  {
  7958.     display: inline-block !important;
  7959.     height: 18px ! important;
  7960.     width: 12px !important;
  7961.     top: 74px ! important;
  7962.     left: 52px ! important;
  7963.     border-radius: 3px ! important;
  7964.     color: transparent ! important;
  7965.     overflow: hidden ! important;
  7966.     overflow-y: hidden ! important;
  7967.     overflow-x: hidden ! important;
  7968.     z-index: 50000 ! important;
  7969. /* background-color: rgba(255, 0, 0, 0.21) ! important; */
  7970. }
  7971. blockquote.collector-note:hover  {
  7972.     display: inline-block !important;
  7973.     width: 370px ! important;
  7974.     height: 105px ! important;
  7975.     top: 76px ! important;
  7976.     left: 51px ! important;
  7977.     padding: 0px 5px 0px 10px ! important;
  7978.     overflow: hidden ! important;
  7979.     overflow-y: auto ! important;
  7980.     overflow-x: auto ! important;
  7981. /*    z-index: 500 ! important;*/
  7982.     font-size: 13px ! important;
  7983.     border: 1px dotted peru !important;
  7984.     color: peru ! important;
  7985.     background-color: #333333 ! important;
  7986.     z-index: 500000 ! important;
  7987. }
  7988.  
  7989. /* (new63) COLLECTOR NOTE ICON - COMMENT ANIMATED - FAVION.com + "â–º" on hover - === */
  7990. blockquote.collector-note::before  {
  7991.     position: absolute !important;
  7992.     display: inline-block ;
  7993.     content: "🗨"  !important;
  7994.     width: 20px !important;
  7995.     height: 100% ;
  7996.     height: 20px !important;
  7997.     line-height: 20px !important;
  7998. top: 18px !important;
  7999. left: -23px ;
  8000.     opacity: 0.6 !important;
  8001.     font-size: 20px !important;
  8002.     color: gold !important;
  8003. background-color: #222 !important;
  8004. }
  8005. /* (COR - PB background) */
  8006. blockquote.collector-note:hover:before {
  8007.     position: relative ;
  8008.     display: inline-block ;
  8009.     content: "â–º" !important;
  8010.     max-width: 1px ;
  8011.     min-width: 1px ;
  8012.     height: 15px ;
  8013.     top: 2px !important;
  8014.     margin-left: -1px ;
  8015.     left: -18px ;
  8016.     padding: 0px  ;
  8017.     font-size: 22px !important;
  8018.     color: gold ;
  8019.     background: -moz-linear-gradient(center bottom , #2A4187 0px, #3B69B1 100%) repeat scroll 0 0 transparent ;
  8020.     border-radius: 5px ;
  8021.     opacity: 1 ;
  8022. }
  8023.  
  8024. /* (ALL) - ADDON SEARCH(BY SELECT ITEM IN MENU) - CONT BLOCK - "Vedet / Popu / Notés" -
  8025. https://addons.mozilla.org/en-US/firefox/extensions/
  8026. === */
  8027. .s-featured .secondary + .primary .island.hero ,
  8028. .s-users .secondary + .primary .island.hero ,
  8029. .s-rating .secondary + .primary .island.hero {
  8030.     width: 1690px !important;
  8031.     height: 812px !important;
  8032.     left: -480px !important;
  8033. }
  8034.  
  8035.  
  8036. /* (new41) ADDON (Featured Extension)  - CONT BLOCK - "Vedet / Popu / Notés" -
  8037. https://addons.mozilla.org/en-US/firefox/extensions/?page=3
  8038. PB : https://addons.mozilla.org/fr/firefox/extensions/download-management/?sort=users
  8039. PB : https://addons.mozilla.org/fr/firefox/extensions/
  8040. === */
  8041. .listing .item.incompatible .install-shell .install,
  8042. .listing .item.incompatible .install-shell br {
  8043.     display: inline-block !important;
  8044. }
  8045. .secondary + .primary #breadcrumbs + h1 +.island.hero.c.listing:not(.results) {
  8046.     display: inline-block !important;
  8047.     width: 100% !important;
  8048.     min-width: 1668px !important;
  8049.     max-width: 1668px !important;
  8050.     min-height: 795px !important;
  8051.     max-height: 795px !important;
  8052.     margin-left: 0px !important;
  8053.     top: -30px !important;
  8054. }
  8055. /* (new39) GM AUTOPAGERIZE */
  8056. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items  ,
  8057. .secondary + .primary #breadcrumbs + h1 +.island.hero.c.listing:not(.results) .items {
  8058.     position: relative !important;
  8059.     display: inline-block !important;
  8060.     max-height: 790px !important;
  8061.     min-height: 790px !important;
  8062.     min-width: 1663px !important;
  8063.     max-width: 1663px !important;
  8064.     top: -11px !important;
  8065.     overflow: hidden !important;
  8066.     overflow-x: hidden !important;
  8067.     overflow-y: hidden!important;
  8068. }
  8069. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items {
  8070.     position: relative !important;
  8071.     display: inline-block !important;
  8072.     overflow: hidden !important;
  8073.     overflow-x: hidden !important;
  8074.     overflow-y: hidden!important;
  8075. }
  8076. #page.c section.primary .island.listing:not(.results) #sorter + .items ~ .autopagerize_page_separator {
  8077.     margin-top: -75px !important;
  8078. }
  8079. #page.c section.primary .island.listing:not(.results) #sorter + .items ~ .autopagerize_page_separator + .autopagerize_page_info {
  8080.     margin-bottom: 19px !important;
  8081.     margin-top: 0px !important;
  8082. }
  8083.  
  8084. #page.c section.primary #breadcrumbs + h1 + .island .items .item.addon .action .install-shell .d2c-reasons-popup.popup +.extra span.notavail {
  8085.     position: absolute !important;
  8086.     display: inline-block !important;
  8087.     line-height: 6px !important;
  8088.     min-height: 6px !important;
  8089.     margin-top: -22px !important;
  8090.     left: -150px !important;
  8091.     white-space: nowrap!important;
  8092.     opacity: 0.5!important;
  8093. }
  8094.  
  8095. /* (new43)NO RESTART - CF: INTERNATIONAL -
  8096. PB NO RESTART - SELECTOR Different:
  8097. https://addons.mozilla.org/fr/firefox/tag/toolbar
  8098. === */
  8099. #page.c section.primary #breadcrumbs+h1+ .island .items .item.addon .info .no-restart {
  8100.     position: absolute !important;
  8101.     display: inline-block !important;
  8102.     max-width: 80px !important;
  8103.     line-height: 7px !important;
  8104.     height: 16px !important;
  8105.     margin-top: -17px !important;
  8106.     left: -4px !important;
  8107.     top: 86px !important;
  8108.     padding: 1px 3px !important;
  8109.     border-radius: 3px !important;
  8110.     font-size: 9px !important;
  8111.     color: #C6C1C1 !important;
  8112.     text-transform: capitalize !important;
  8113.     background-color: #895522 !important;
  8114. }
  8115. /* (new43) INTERNATIONAL "NO RESTART" - LONG - PAS DE REDEMARRAGE - FR:
  8116. https://addons.mozilla.org/fr/firefox/tag/toolbar
  8117. === *
  8118. /* (new43) INTERNATIONAL "NO RESTART" - SHORT - "NO RESTART" - US -
  8119. https://addons.mozilla.org/en-US/firefox/extensions/
  8120. === */
  8121. html[lang="en-US"] #page.c section.primary #breadcrumbs+h1+ .island .items .item.addon .info .no-restart {
  8122.     line-height: 16px !important;
  8123. }
  8124.  
  8125.  
  8126. /* (new23) ADDON SEARCH(ALL) + COLL(FIRST PRESENT) - COLUMN - ==== */
  8127. #pjax-results #sorter.c.pjax-trigger +  .items {
  8128.     width: 1700px !important;
  8129. }
  8130.  
  8131. /* SEARCH (.listing #pjax-results) - INST BUTT - PB AUTOPAGER - === *
  8132. .listing #pjax-results .items .item .action .install-shell .install p.install-button   {
  8133.     position: absolute !important;
  8134.     display: inline-block !important;
  8135.     width: 320px !important;
  8136.     top: -122px !important;
  8137.     left: -7px !important;
  8138.     text-align: center !important;
  8139.     visibility: visible !important;
  8140.     background: transparent ! important;
  8141. }
  8142. /* SEARCH (.listing #pjax-results) - RESULT - CONT - === */
  8143. .listing #pjax-results .items .item.addon {
  8144.     top: -15px ! important;
  8145.  
  8146. }
  8147.  
  8148. /* [[2]]END ==== MOZ ADDON  ==== */
  8149.  
  8150. /* [[3]] ==== GENERAL ==== */
  8151.  
  8152.  
  8153. /* (new38) COLL/THEMES(ALL) - TITTLE - === */
  8154. #main-wrapper .section .header-bg +.primary {
  8155.     background: #222 !important;
  8156. }
  8157. .primary>header>h2  {
  8158.     position: relative !important;
  8159.     display: inline-block !important;
  8160.     width: 400px !important;
  8161.     margin-top: -12px !important;
  8162.     top: 15px !important;
  8163.     margin-left: 135px !important;
  8164.     font-size: 24px !important;
  8165.     text-align: center !important;
  8166. }
  8167.  
  8168. /* ==== FOOTER (MOVED TOP RIGHT) ===== */
  8169.  
  8170. /* (new63) FOOTER POSITION - MOVE TOP RIGHT (USE HOVER) - === */
  8171. #footer {
  8172.     position: absolute !important;
  8173.     display: inline-block !important;
  8174.     min-width: 45px !important;
  8175.     max-width: 45px !important;
  8176.     height: 45px !important;
  8177.     bottom: 0px !important;
  8178.     top: 5px !important;
  8179.     right: 2px !important;
  8180.     padding: 0 0 5px !important;
  8181.     border-radius: 0 0 0 8px !important;
  8182.     border: 1px solid red !important;
  8183.     overflow: hidden !important;
  8184.     opacity: 0.3 !important;
  8185.     z-index: 50000 ! important;
  8186.     transition: all ease 0.9s !important;
  8187. }
  8188. #footer:hover {
  8189.     position: absolute !important;
  8190.     display: inline-block !important;
  8191.     min-width: 281px !important;
  8192.     max-width: 281px !important;
  8193.     height: 448px !important;
  8194.     bottom: 0px !important;
  8195.     top: 5px !important;
  8196.     right: 5px !important;
  8197.     padding: 0 0 5px;
  8198.     z-index: 50000 ! important;
  8199.     overflow: hidden !important;
  8200.     opacity: 1 !important;
  8201.     border: 1px solid red !important;
  8202.     background: #333 !important;
  8203.     transition: all ease 0.1s !important;
  8204. }
  8205. #footer .section {
  8206.     position: relative;
  8207.     min-width: 272px !important;
  8208.     max-width: 272px !important;
  8209.     height: 348px !important;
  8210.     margin: 0 auto;
  8211. }
  8212.  
  8213. /* LOGO */
  8214. .footerlogo {
  8215.     position: absolute !important;
  8216.     display: inline-block !important;
  8217.     width: 30px !important;
  8218.     right: 235px !important;
  8219.     margin-top: 62px !important;
  8220.     z-index: 50000 ! important;
  8221.     visibility: visible !important;
  8222.     opacity: 1 !important;
  8223.     transition: all ease 0.1s !important;
  8224. }
  8225. #footer:hover .section .footerlogo ,
  8226. .footerlogo:hover {
  8227.     position: absolute !important;
  8228.     display: inline-block !important;
  8229.     width: 43px !important;
  8230.     right: 39px !important;
  8231.     margin-top: 65px !important;
  8232.     z-index: 50000 ! important;
  8233.     opacity: 1 !important;
  8234.     transition: all ease 0.4s !important;
  8235. }
  8236.  
  8237. .footerlogo + #social-footer {
  8238.     display: inline-block !important;
  8239.     width: 279px !important;
  8240.     height: 65px !important;
  8241.     margin-left: 0px !important;
  8242.     margin-top: 2px !important;
  8243.     padding: 65px 5px 5px 5px !important;
  8244.     background: black ! important;
  8245.     opacity: 1 !important;
  8246. }
  8247.  
  8248. /* LANGUE CHOICE */
  8249. #footer:hover #footer-content {
  8250.      margin-top: -246px !important;
  8251. }
  8252. #footer:hover #lang_form {
  8253.      position: relative !important;
  8254.      display: inline-block !important;
  8255.      float: none !important;
  8256.      width: 177px !important;
  8257.      top: -52px !important;
  8258.      margin-left: 0px !important;
  8259.      margin-bottom: 200px !important;
  8260.      text-align: left !important;
  8261. }
  8262. #footer:hover  #lang_form label  {
  8263.      margin-top: -4px !important;
  8264.      margin-bottom: -1px !important;
  8265.      font-size: 13px !important;
  8266. }
  8267. /* COPYRIGHT */
  8268. #footer #copyright {
  8269.      clear: none;
  8270.      width: 262px !important;
  8271.      margin-left: 0 !important;
  8272.      margin-right: 0 !important;
  8273.      padding-top: 10px !important;
  8274.      border-radius: 3px !important;
  8275.      background: black !important;
  8276. }
  8277. /* FOOTER LINKS - TOP */
  8278. #footer .links-footer {
  8279.      position: relative !important;
  8280.      display: inline-block !important;
  8281.      height: 90px !important;
  8282.      width: 100% !important;
  8283.      min-width: 272px !important;
  8284.      max-width: 272px !important;
  8285.      margin-top: 50px !important;
  8286.      margin-left: -2px !important;
  8287.      font-size: 18px;
  8288.      font-style: italic;
  8289.      border-radius: 5px 5px 0 0 !important;
  8290.      border: 1px solid gray !important;
  8291. }
  8292. #footer:hover .links-footer {
  8293.      margin-top: 40px !important;
  8294. }
  8295.  
  8296. #footer:hover .links-footer ul {
  8297. /*     position: fixed !important; */
  8298.     display: inline-block !important;
  8299.     height: 120px !important;
  8300.     width: 100% !important;
  8301.     min-width: 278px !important;
  8302.     max-width: 278px !important;
  8303. }
  8304. #footer:hover .links-footer ul li {
  8305.     display: inline-block !important;
  8306.     vertical-align: middle;
  8307.     height: 15px !important;
  8308.     line-height:10px !important;
  8309.     width: 128px;
  8310.     font-size: 14px !important;
  8311.     text-align: center;
  8312. }
  8313. #footer:hover .links-footer ul li:not(:first-child) {
  8314.     display: inline-block !important;
  8315.     vertical-align: middle;
  8316.     height: 15px !important;
  8317.     line-height: 15px !important;
  8318.     width: 47% !important;
  8319.     margin-left: 3px !important;
  8320.     margin-right: -5px !important;
  8321.     text-align: center !important;
  8322.     border-radius: 3px !important;
  8323.     border: 1px solid red !important;
  8324. }
  8325. #footer:hover .links-footer ul li:first-child {
  8326.     display: inline-block !important;
  8327.     height: 15px !important;
  8328.     line-height: 10px !important;
  8329.     width: 273px !important;
  8330.     margin-top: -4px !important;
  8331.     margin-bottom: 0px !important;
  8332.     font-size: 14px !important;
  8333. }
  8334. #footer:hover .links-footer ul li.footer-devhub-link {
  8335.     width: 96% !important;
  8336. }
  8337. #footer .links-footer ul li b {
  8338.     display: inline-block !important;
  8339.     height: 15px !important;
  8340.     line-height: 18px !important;
  8341.     text-transform: uppercase;
  8342.     font-size: 14px !important;
  8343. }
  8344.    
  8345. /* (COR background) (new65) FOOTER LINKS - GO TO MOBILE (NEW DESIGN) (Move to top Right) - ===*/
  8346. #footer #footer-content .mobile-link {
  8347.      position: fixed !important;
  8348.      display: inline-block !important;
  8349.      width: 100% !important;
  8350.      min-width: 45px !important;
  8351.      max-width: 45px !important;
  8352.      height: 100% !important;
  8353.      min-height: 37px !important;
  8354.      max-height: 37px !important;
  8355.      line-height: 10px !important;
  8356.      top: 8px !important;
  8357.      right: 5px !important;
  8358.      border-radius: 5px !important;
  8359.      border: 1px solid #45F4F1 !important;
  8360.      font-size: 0px !important;
  8361.      z-index: 500000 !important;
  8362.  
  8363.      background: center url(https://addons.mozilla.org/favicon.ico?v=1) no-repeat !important;
  8364.      background-size: contain !important;  
  8365.      opacity: 1 !important;
  8366.      transform: scale(0.5) !important;
  8367. }
  8368. /* (COR) */
  8369.  #footer:hover  #footer-content .mobile-link {
  8370.      position: fixed !important;
  8371.      display: inline-block !important;
  8372.      width: 100% !important;
  8373.      min-width: 45px !important;
  8374.      max-width: 45px !important;
  8375.      height: 100% !important;
  8376.      min-height: 40px !important;
  8377.      max-height: 40px !important;
  8378.      line-height: 15px !important;
  8379.      top: 5px !important;
  8380.      right: 5px !important;
  8381.      font-size: 0px !important;
  8382.      background: center url(https://addons.mozilla.org/favicon.ico?v=1) no-repeat !important;
  8383.      background-size: contain !important;
  8384. /*     transform: scale(0.5) !important;*/   
  8385.      transform: scale(0.7) !important;
  8386. }
  8387.  
  8388.     #footer:hover  #footer-content .mobile-link:before {
  8389.      position: absolute !important;
  8390.      content: "Go to the New Site (For Mobile) " ;
  8391.      display: inline-block ;
  8392.      width: 100% !important;
  8393.      min-width: 100px !important;
  8394.      max-width: 100px !important;
  8395.      height: 42px !important;
  8396.      line-height: 20px !important;
  8397.      right: 24px !important;
  8398.      border-radius: 5px 0 0 5px !important;
  8399.      font-size: 15px !important;
  8400.      color: white !important;
  8401.      text-align: center !important;
  8402.      background: #19AEAC !important;
  8403.      z-index: 0 !important;
  8404.         opacity: 0 !important;
  8405.      transition: all ease 0.7s !important;
  8406. }
  8407.  #footer:hover  #footer-content .mobile-link:hover:before {
  8408.      position: absolute !important;
  8409.      content: "Go to the New Site (For Mobile) " ;
  8410.      display: inline-block ;
  8411.      width: 100% !important;
  8412.      min-width: 200px !important;
  8413.      max-width: 200px !important;
  8414.      height: 42px !important;
  8415.      line-height: 20px !important;
  8416.      right: 42px !important;
  8417.      border-radius: 5px 0 0 5px !important;
  8418.      font-size: 20px !important;
  8419.      color: white !important;
  8420.      text-align: center !important;
  8421.      background: #19AEAC !important;
  8422.      z-index: 0 !important;
  8423.      opacity: 1 !important;
  8424.      transition: all ease 0.7s !important;
  8425. }
  8426. /* FOOTER LINKS - MIDDLE */
  8427. #footer:hover .links-footer-firefox {
  8428.     display: inline-block !important;
  8429.     width: 100% !important;
  8430.     min-height: 150px !important;
  8431.     margin-bottom: 0px !important;
  8432.     margin-left: -2px !important;
  8433.     margin-top: 0px !important;
  8434.     padding-right: 20px !important;
  8435.     font-size: 14px;
  8436.     border-radius: 0 0 5px 5px !important;
  8437.     border: 1px solid gray !important;
  8438. }
  8439. #footer:hover .links-footer-firefox  ul {
  8440.     display: inline-block !important;
  8441.     height: 150px !important;
  8442.     width: 100% !important;
  8443.     min-width: 274px !important;
  8444.     max-width: 274px !important;
  8445. }
  8446. #footer:hover .links-footer-firefox  ul li:not(:first-child) {
  8447.     display: inline-block !important;
  8448.     vertical-align: middle;
  8449.     height: 15px !important;
  8450.     line-height: 15px !important;
  8451.     width: 93% !important;
  8452.     margin-left: 3px !important;
  8453.     margin-right: 0px !important;
  8454.     text-align: center !important;
  8455.     border-radius: 3px !important;
  8456.     border: 1px solid red !important;
  8457. }
  8458. #footer:hover .links-footer-firefox  ul li:first-child {
  8459.     display: inline-block !important;
  8460.     height: 15px !important;
  8461.     line-height: 10px !important;
  8462.     width: 273px !important;
  8463.     margin-top: 2px !important;
  8464.     margin-bottom: 0px !important;
  8465.     font-size: 14px !important;
  8466. }
  8467. /* FOOTER - SOCIAL  */
  8468. #social-footer ul li:first-child {
  8469.     display: inline-block !important;
  8470.     font-size: 17px !important;
  8471.     line-height: 17px !important;
  8472.     width: 128px !important;
  8473.     margin-top: -125px !important;
  8474.     text-align: left !important;
  8475. }
  8476. #social-footer ul li b {
  8477.     position: relative !important;
  8478.     display: inline-block !important;
  8479.     top: -17px !important;
  8480.     margin-left: 110px !important;
  8481.     font-family: MetaBlack;
  8482.     font-size: 15px !important;
  8483.     font-style: normal;
  8484.     text-transform: uppercase;
  8485. }
  8486. #social-footer ul li {
  8487.     display: inline-block !important;
  8488.     vertical-align: middle;
  8489.     width: 220px !important;
  8490.     height: 20px !important;
  8491.     line-height: 15px !important;
  8492.     margin-top: -77px !important;
  8493.     text-align: center;
  8494.     font-size: 15px !important;
  8495. }
  8496. #social-footer ul li:first-child + li {
  8497.     margin-left: -133px !important;
  8498. }
  8499. #social-footer ul li a {
  8500.     display: inline-block !important;
  8501.     width: 220px !important;
  8502.     height: 18px !important;
  8503.     line-height: 18px !important;
  8504.     background: #1b5898 linear-gradient(#2e89ca, #1b5898) repeat scroll 0 0 !important;
  8505. }
  8506.  
  8507.  
  8508. .footerlogo + #social-footer + #footer-content {
  8509.     width: 278px !important;
  8510.     margin-top: 0px !important;
  8511. /* opacity: 0.1 !important; */
  8512. }
  8513.  
  8514. #footer #copyright {
  8515.     clear: none;
  8516.     width: 265px;
  8517.     margin-left: 2px;
  8518.     padding: 0 5px !important;
  8519. }
  8520.  
  8521. /* (new43) INTERNATIONAL - LANG SELECTOR - HIGHLIGHT SOME - === */
  8522. select#language {
  8523.     color: #5e84b8 !important;
  8524. /* color: red !important; */
  8525. }
  8526. #language option[value="fr"],
  8527. #language option[value="en-gb"],
  8528. #language option[value="en-us"] {
  8529.      color: green !important;
  8530. }
  8531.  
  8532. #language option[value="zh-tw"],
  8533. #language option[value="zh-cn"],
  8534. #language option[value="sk"],
  8535.  
  8536. #language option[value="ru"],
  8537. #language option[value="en-gb"],
  8538. #language option[value="pt-pt"],
  8539. #language option[value="pt-br"],
  8540. #language option[value="it"],
  8541. #language option[value="he"],
  8542.  
  8543. #language option[value="es"],
  8544. #language option[value="ar"] {
  8545.     color: red !important;
  8546. }
  8547.  
  8548. /* (new44) - ADDON PAGE - (ALL) - ADDI INFOS - HOVER SUMM(desc/icon) - === */
  8549. .hovercard.addon:hover {
  8550.     position: relative !important;
  8551.     display: inline-block !important;
  8552.     float: none !important;
  8553.     width: 170px ! important;
  8554.     left: 19px !important;
  8555.     margin-left: 29px !important;
  8556.     margin-top: 8px !important;
  8557.     padding: 5px 5px 10px 5px !important;
  8558.     background: black !important;
  8559.     z-index: 5000 ! important;
  8560. }
  8561.  
  8562.  
  8563. /* (new58) TEST - ADDON PAGE -  AUTHOR ADDITIONALS ADONS - DESCRIPTION HOVER - === */
  8564. /* #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .summary ,
  8565. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more   */
  8566. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover {
  8567.     position: relative !important;
  8568.     display: inline-block !important;
  8569.     background: black !important;
  8570.     z-index: 5000 ! important;
  8571. }
  8572. /* (new43) */
  8573. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover {
  8574.     padding-bottom: 20px ! important;
  8575.     height: 337px ! important;
  8576.     box-shadow: none!important;
  8577. }
  8578. /* (new43) */
  8579. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .summary {
  8580.     height: 45px ! important;
  8581.     background: black !important;
  8582.     transition: background ease 0.7s !important;
  8583. }
  8584. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .summary  {
  8585.     position: relative!important;
  8586.     display: inline-block!important;
  8587.     height: 57px ! important;
  8588.     width: 164px !important;
  8589.     margin-bottom: 3px !important;
  8590.     margin-top: -5px !important;
  8591.     margin-left: -5px !important;
  8592.     padding-top: 4px ! important;
  8593.     padding-bottom: 0px ! important;
  8594.     box-shadow: none!important;
  8595.     background: #222 !important;
  8596.     transition: background ease 0.7s !important;
  8597.     z-index: 500 !important;
  8598. }
  8599.  
  8600. .hovercard.addon:hover::before {
  8601.     box-shadow: none !important;
  8602.     z-index: 5000 ! important;
  8603. }
  8604.  
  8605.  
  8606. /* (new58) */
  8607. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more {
  8608.     display: inline-block ! important;
  8609.     height: 289px ! important;
  8610.     width: 170px !important;
  8611. margin-bottom: 0px ! important;
  8612.     margin-left: -5px !important;
  8613. padding: 0px 5px 5px 5px !important;
  8614. overflow: hidden ;
  8615. overflow-y: auto ;
  8616. /* background: red !important; */
  8617. }
  8618. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell {
  8619. float: left ;
  8620. /* clear: both !important; */
  8621. margin-top: 0px !important;
  8622. }
  8623.  
  8624. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell > .install p a  {
  8625.     display: inline-block !important;
  8626.     min-width: 163px !important;
  8627.     text-align: center !important;
  8628. }
  8629.  
  8630. /* ADDON PAGE - ADDI INFOS - HOVER SUMM(desc/icon) -  PART COLL - === */
  8631. #collections-grid .listing-grid.c.cols-3 li:last-of-type .hovercard.addon:hover {
  8632.     width: 370px ! important;
  8633. }
  8634. /* FEATURED / RECOMMD COLL */
  8635. .hovercard.addon a .summary p.desc {
  8636.     display: inline-block ! important;
  8637.     width: 170px ! important;
  8638.     min-height: 60px ! important;
  8639.     max-height: 60px ! important;
  8640.     margin-top: -4px !important;
  8641.     margin-left: -10px ! important;
  8642.     padding: 2px !important;
  8643.     color: #666666 !important;
  8644.     overflow: hidden ! important;
  8645.     white-space: normal !important;
  8646. }
  8647.  
  8648.  
  8649. /* (new8) ADDON PAGE -  FEATURED / RECOMMD COLL  */
  8650. /* .listing-grid .hovercard .install-shell */
  8651. #author-addons .listing-grid .hovercard .more > .install-shell {
  8652.     margin-top: -8px !important;
  8653.     z-index: 2000 !important;
  8654. }
  8655. .listing-grid .hovercard .install-shell .extra:last-child {
  8656.     margin-bottom: -10px !important;
  8657.     margin-top: 10px !important;
  8658. }
  8659. /* .hovercard.addon .more p.install-button:first-child  */
  8660. #author-addons .listing-grid .hovercard .more > .install-shell > .install  p.install-button a {
  8661.     position: absolute !important;
  8662.     display: inline-block !important;
  8663.     max-width: 140px !important;
  8664.     min-width: 140px !important;
  8665.     top: 0px !important;
  8666.     left: 0px !important;
  8667.     text-align: center !important;
  8668. }
  8669.  
  8670. /* FEATURED / RECOMMD COLL - NO TRAVAIL */
  8671. .listing-grid .hovercard .install-shell .extra span.notavail {
  8672.     position: relative !important;
  8673.     display: inline-block !important;
  8674.     max-width: 165px !important;
  8675.     min-width: 165px !important;
  8676.     left: -5px !important;
  8677.     text-align: center !important;
  8678. }
  8679.  
  8680. /* (new58) ADDON PAGE - AUTHOR ADDON - LEFT -
  8681. https://addons.mozilla.org/fr/firefox/addon/toolbar-buttons/?src=search
  8682. === */
  8683. /* #author-addons .listing-grid .hovercard .more  {
  8684.     padding: 20px 14px 8px 12px !important;
  8685.     position: relative !important;
  8686.     margin-left: 8px !important;
  8687. } */
  8688.  
  8689.  
  8690. /* #author-addons .listing-grid .hovercard .more > .install-shell  */
  8691. #author-addons .listing-grid .hovercard .more > .install-shell {
  8692.     margin-bottom: 20px !important;
  8693.     margin-top: -15px !important;
  8694. /*     padding-bottom: 40px !important; */
  8695. }
  8696.  
  8697. #author-addons .listing-grid .hovercard .more > .install-shell > .install  {
  8698.     display: inline-block !important;
  8699. float: left !important;
  8700.     max-width: 173px !important;
  8701.     min-width: 173px !important;
  8702.     max-height: 25px !important;
  8703.     min-height: 25px !important;
  8704.     left: 5px !important;
  8705.     margin-top: 20px !important;
  8706. }
  8707. #author-addons .listing-grid .hovercard .more > .install-shell > .install p.install-button  {
  8708.     display: inline-block !important;
  8709. float: left ;
  8710. width: 100% !important;
  8711.     max-width: 173px !important;
  8712.     min-width: 173px !important;
  8713.     max-height: 25px !important;
  8714.     min-height: 25px !important;
  8715. /*     left: 5px !important; */
  8716.     top: -15px !important;
  8717. }
  8718.  
  8719. #author-addons .listing-grid .hovercard .install-shell + .addon-summary {
  8720.     position: relative !important;
  8721.     display: inline-block !important;
  8722. float: left !important;
  8723.     width: 170px ;
  8724. /* line-height: 16px; */
  8725. /* top: -17px !important; */
  8726. }
  8727.  
  8728. /* EXTRA INFOS */
  8729. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell .extra {
  8730.     width: 170px !important;
  8731. float: left !important;
  8732. height: 5px !important;
  8733. left: 0px ;
  8734. margin-top: -7px !important;
  8735. padding: 5px !important;
  8736. /* white-space: nowrap; */
  8737. overflow: hidden;
  8738. /* text-overflow: ellipsis ; */
  8739. }
  8740. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .more .install-shell .extra:hover {
  8741. height: auto !important;
  8742. }
  8743.  
  8744. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .more .install-shell .extra .button.disabled {
  8745. height: auto !important;
  8746.     width: 170px !important;
  8747. margin-top: -7px !important;
  8748. padding: 0 ;
  8749. padding: 0 5px !important;
  8750. overflow: hidden;
  8751. text-overflow: ellipsis ;
  8752. }
  8753. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .more .install-shell .extra:hover .button.disabled:hover {
  8754.     width: 170px !important;
  8755. height: 100% !important;
  8756. }
  8757. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell .extra .button.disabled span.more-versions {
  8758. float: left !important;
  8759.     width: 160px !important;
  8760. padding: 5px !important;
  8761. margin-left: -8px !important;
  8762. }
  8763. #author-addons .listing-grid .hovercard .install-shell + .addon-summary + .byline {
  8764. float: left !important;
  8765.     width: 156px ;
  8766. }
  8767. #author-addons .listing-grid .hovercard  .more .vitals {
  8768. float: left ;
  8769.     width: 156px ;
  8770.  
  8771. }
  8772. #author-addons .listing-grid .hovercard .install-shell .notavail {
  8773.     position: relative !important;
  8774.     display: inline-block !important;
  8775.     max-width: 165px !important;
  8776.     min-width: 165px !important;
  8777.     text-align: center !important;
  8778. }
  8779.  
  8780.  
  8781. /* ======= */
  8782.  
  8783. /* [[3]]END ==== MOZ ADDON/THEME (GENERAL) ==== */
  8784.  
  8785.  
  8786. /* [[4]] ==== MOZ ADDON/THEME - LINKS COLOR (GENERAL) ==== */
  8787.  
  8788. /* A VOIR ==== MOZ - LINKS / TEXTES - COLOR #B7B0B0  ==== */
  8789.  
  8790. a:link {
  8791.     color: #CCA438!important;
  8792.     text-decoration: none;
  8793. }
  8794. a:visited {
  8795.     color: #A37F51!important;
  8796.     text-decoration: none;
  8797. }
  8798. a:hover, a:focus, a:active, button.link:hover span, button.link:focus span, button.link:active span {
  8799.     color: #D55E0F!important;
  8800.     text-decoration: none!important;
  8801. }
  8802. /*(ALL) LINKS GRAY - === */
  8803.  
  8804. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  8805.     color: gray !important;
  8806. }
  8807. /* LINKS === */
  8808. a {
  8809. color: #0040ff !important;
  8810. color:  #CCDCE4 !important;
  8811. }
  8812. /* LINKS VISITED === */
  8813. a:visited {
  8814.     color: #C4962E !important;
  8815.     text-decoration: none;
  8816. }
  8817. /* LINKS - HOVER -
  8818. .site-title a:hover,
  8819. .site-title a:focus
  8820. === */
  8821. a:hover,
  8822. a:focus {
  8823.     color: #5E84B8!important;
  8824.     text-shadow: none !important;
  8825. }
  8826.  
  8827. /* ==== LINKS COLOR - CORREC SPEC LINKS -===== */
  8828.  
  8829. /* LINKS COLOR - ADDON PRESENTATION PAGE - VERSION /REALIZE INFOS - === */
  8830. #detail-relnotes.expando .info h3 a {
  8831.     color: gray ! important;
  8832.     text-decoration: none ! important;
  8833. }
  8834. /* LINKS - HOVER - TWEAK - === */
  8835. #sorter > ul > li.extras ul {
  8836.     background: #222222 !important;
  8837.     z-index: 200000 !important;
  8838. }
  8839. #sorter > ul > li.extras ul {
  8840.     background: #222222 !important;
  8841.     z-index: 200000 !important;
  8842. }
  8843.  
  8844. /* PERSO - TITLES / TEXT - COLOR - (#BEB5B5) GRAY LIGHT - ==== */
  8845. #addon.island .install-wrapper .install-shell .install p.install-button a.button span,
  8846. #addon.island .banner-box .banner ,
  8847. .billboard table caption ,
  8848. #features li ,
  8849. #main-feature .preamble ,
  8850. h1,
  8851. h2,
  8852. h3,
  8853. h4,
  8854. h5,
  8855. h6,
  8856. legend,
  8857. .huge,
  8858. .large {
  8859.     color: #BEB5B5 !important;
  8860.     text-shadow: none !important;
  8861. }
  8862. /* LINKS COLOR(ALL) - ITEMS H3 - BLUE - === */
  8863. .info>h3>a ,
  8864. .item>h3>a {
  8865.     color: #5E84B8 !important;
  8866.     text-decoration: none !important;
  8867. }
  8868. .info>h3>a:visited ,
  8869. .item h3 a:visited {
  8870.     color: #51B4EA ! important;
  8871.     text-decoration: none ! important;
  8872. }
  8873. .info>h3>a:hover ,
  8874. .item h3 a:hover{
  8875.     color: #99CFEB ! important;
  8876.     text-decoration: none ! important;
  8877. }
  8878. .info>h3>a:hover:visited ,
  8879. .item h3 a:hover:visited {
  8880.     color: red ! important;
  8881.     text-decoration: none ! important;
  8882. }
  8883.  
  8884. /* (new57) */
  8885. .addon.hovercard .summary>a>h3  {
  8886.     color: peru !important;
  8887.     text-decoration: none !important;
  8888. }
  8889. .addon.hovercard .summary>a:visited>h3  {
  8890.     color: tan !important;
  8891.     text-decoration: none !important;
  8892. }
  8893. /* TEXT COLOR - INSTALL BUTTON and "+" icon - === */
  8894. /* .button.prominent.add.installer>span ,
  8895. .button.add.prominent span */
  8896. #page.c section.primary #addon.island .install-wrapper .install-shell .install p.install-button a.button span {
  8897.     color: white ! important;
  8898.     text-decoration: none ! important;
  8899. }
  8900. .button.add.disabled span,
  8901. .button.add.concealed span,
  8902. .button.add.caution.concealed span {
  8903. /* background-position: 0 -61px; */
  8904. /* background-position: 0 -189px ! important; */
  8905. /* background: url("https://addons.cdn.mozilla.net/media/img/impala/button-icons.png?76a8a6e") no-repeat scroll 0 3px rgba(0, 0, 0, 0) ! important; */
  8906. }
  8907.  
  8908. .listing-grid .hovercard .button.disabled span,
  8909. .listing-grid .hovercard .button.concealed span {
  8910. /* background-position: 0 -61px; */
  8911.     background-position: -1px -192px ! important;
  8912. }
  8913.  
  8914. /*(new8) BORDER - === */
  8915. .listing .item .info,
  8916. .listing .item .action {
  8917.     border-top: none !important;
  8918. }
  8919.  
  8920.  
  8921. /* [[4]]END ==== MOZ ADDON/THEME - LINKS COLOR (GENERAL) ==== */
  8922.  
  8923.  
  8924. /* [[5]] ==== MOZ ADDON/THEME - BACKGROUND COLOR (GENERAL) ==== */
  8925.  
  8926.  
  8927. /* [[5a]] ==== BACKGROUND ( + BACK-COLOR) - #222222 ====
  8928.     border: 2px solid #3E3E3E !important;
  8929. === */
  8930.  
  8931.  
  8932. /* COLLECTIONS - BACKGOUD COLOR - #333333 - ==== */
  8933. /* MOZ - BACKGROUND-COLOR - #333333 - === -
  8934. #masthead,
  8935. === */
  8936. .highlight ,
  8937. .section .primary .featured ,
  8938. .addons li > a,
  8939. #article-nav,
  8940. #blogBg,
  8941. .boilerplate,  
  8942. .boxed,
  8943. #breadcrumbs,
  8944. .breadcrumbs,  
  8945. .catlinks,
  8946. #catlinks,
  8947. #colophon,
  8948. #deki-page-alerts,
  8949. .download,
  8950. #endpage,
  8951. .facet,
  8952. /* fieldset, */
  8953. /*footer,  */
  8954. #footer-wrap,
  8955. #footer .six-col,  
  8956. #go-mobile > div,
  8957. h2.end-user-support,  
  8958. #header,
  8959. #header h1,
  8960. header#intro,  
  8961. #home-feature,
  8962. #home-content-top,
  8963. #home-content-nav,
  8964. .key-point:after,
  8965. .key-point,
  8966. li.hover,
  8967. .listing .item,
  8968. .listing-header,
  8969. #localnav,
  8970. .main-content,
  8971. #main-content,
  8972. #main-nav ul li,
  8973. .menu-nav ul li ul,  
  8974. .menu-nav > ul > li:hover > a,
  8975. .menu-nav > ul > li > ul a,
  8976. .menu-nav > ul > li:hover:after,
  8977. #monthly > div,
  8978. .navbar,
  8979. #nav-toolbar,
  8980. .notice,
  8981. .object-lead,
  8982. #outer-wrapper,
  8983. .pager-content-padding,
  8984. .page-toc,
  8985. .page-meta section,
  8986. #pg-wrap,
  8987. .previews,
  8988. .previews .control.prev,
  8989. .previews .control.next,
  8990. .project,  
  8991. .secondary li a.selected,
  8992. .secondary li a:hover,
  8993. .sel,  
  8994. .sidebar,
  8995. #site-nav > ul > li:hover:after,
  8996. #sub-footer,
  8997. .tabzilla-opened,
  8998. #tabzilla-promo,
  8999. #tabzilla-panel,
  9000. ul#nav,
  9001. ul#nav:after,
  9002. ul#posts li,
  9003. ul#side-explore li.s-users em a,
  9004. ul#side-explore li.s-featured em a,
  9005. .uni-download,
  9006. #uni-footer,
  9007. #uni-header,
  9008. #uni-subheader,
  9009. .wrap,
  9010. #wrapper {
  9011.     background-color: #333333 !important;
  9012. }
  9013.  
  9014.  
  9015. #page.c section.primary .island,
  9016. .section .primary .separated-listing {
  9017.     background-color: #333333 !important;
  9018. }
  9019. /* PERSO - HIGHTLIGHTING - BACKGROUND - #333333 > to transparent - === */
  9020. .collector-note,
  9021. .header-search input,
  9022. input#q ,
  9023. .listing .contribute,
  9024. .performance-note,
  9025. pre,
  9026. .separated-listing .contribute,
  9027. textarea {
  9028.     background: #333333 !important;
  9029.     background: transparent !important;
  9030. }
  9031.  
  9032.  
  9033. /* [[5b]] ==== (ALL) BACKGROUD + ( + BACK-COLOR) - #222222 - ==== */
  9034. .hovercard:hover,
  9035. html ,
  9036. #footer ,
  9037. .billboard ,
  9038. .entry-comments ,
  9039. #nav-primary ,
  9040. #main-content ,
  9041. #masthead h2 ,
  9042. #mozilla-blog #page ,
  9043. .moz-support
  9044. .nav-paging ,
  9045. .wp-caption {
  9046.     background: #222222 !important;
  9047.     background-color: #222222 !important;
  9048. }
  9049.  
  9050.  
  9051. /* [[5c]] ==== BACKRRGOUD + ( + BACK-COLOR) - #222222 - ==== */
  9052.  
  9053. .island ,
  9054. .items .item ,
  9055. .separated-listing .item-sort.go ~ .item ,
  9056. .moz-support ,
  9057. .section .primary .featured.listing .item {
  9058.     background: #222222 !important;
  9059.     background-color: #222222 !important;
  9060.     border: 1px solid red !important;
  9061. }
  9062. #related + .primary.island.c {
  9063.     background: #222222 !important;
  9064.     background-color: #222222 !important;
  9065.     box-shadow: none !important;
  9066.     border: none !important;
  9067. }
  9068. /* BACKGOUND BLACK - ADDON PAGE) - === */
  9069. .hovercard:hover .more ,
  9070. .hovercard.collection:hover .more ,
  9071. .hovercard.addon:hover .icon ,
  9072. .hovercard.addon:hover .summary {
  9073.     background: black !important;
  9074.     background-color: black !important;
  9075.  
  9076. }
  9077.  
  9078. /* [[5d]] ==== BACKGROUD GRADIENT - DARCK/GRAY ==== */
  9079.  
  9080. /* COLL (.featured.listing)  - COLL TITLE + CREATHOR NAME - === */
  9081. /* .featured.listing .item h3 {
  9082.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent ! important;
  9083. } */
  9084. /* COLL (.separated-listing) - ITEMS - ADDON TITLE + AUTH NAME - === */
  9085. .separated-listing .item h3 {
  9086.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent ! important;
  9087. }
  9088.  
  9089. /* (new42) (ALL) COLL - PRESENT(.collections-landing)+ (.island #sorter) - ITEMS - TITLE + AUTH NAME - === */
  9090. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item .info h3 ,
  9091. .island #sorter + .items .item .info h3 ,
  9092. #collections-landing + .island .items .item .info h3 {
  9093.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent ! important;
  9094. }
  9095.  
  9096. /* (ALL) ADDON SEARCH - ADDON ICON - === */
  9097. .items .item h3 img {
  9098.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent !important;
  9099. }
  9100.  
  9101. /* COLL (.featured.listing) - LIKE ICONS - === */
  9102. .featured .featured-inner .item .item-info ul li .barometer  {
  9103.     background: -moz-linear-gradient(center top , #414141 40%, rgba(37, 38, 38, 0.99) 60%) repeat scroll 0 0 transparent !important;
  9104. }
  9105.  
  9106. /* (new61) SEARCH - ADDON RAT - ADPT GM AUROPAGERIZE - === */
  9107. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info .vitals ,
  9108. #pjax-results #sorter.c.pjax-trigger +  .items .info .vitals {
  9109.     background: linear-gradient(to bottom, #5B5B5B 0%, #343232 0%, #100E0E 63%, #090101 98%) repeat scroll 0 0 transparent !important;
  9110. }
  9111. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info .vitals {
  9112.     left: 5px !important;
  9113.     top: 47px !important;
  9114. }
  9115.  
  9116. /* (new8) COLL (.separated-listing) /(.featured.listing) - ITEMS - RAT BLOCK -
  9117. PB (1 rating mal placé) - https://addons.mozilla.org/en-US/firefox/collections/allexxandra/81aadfe6-7227-26a8-109e-1bc78b/?page=1
  9118.  
  9119. https://addons.mozilla.org/fr/firefox/collections/decembre/f3f38bb8-db89-66a9-5d25-159878/?page=2 :
  9120. .separated-listing .item .item-info p.addon-rating
  9121. === */
  9122. .featured.listing .item .item-info p.addon-rating   {
  9123.     background: black !important;
  9124. }
  9125. /* COLL(.featured-inner) - BAROMETER- === */
  9126. .featured-inner .meta ul li .barometer {
  9127.     background: black !important;
  9128. }
  9129.  
  9130. /* (new41) - (COR - PB 4 background) - ADDON PAGE INFO - PREVIEW BLOCK -
  9131. NO PREV / NEXT SCREENSHOTS :
  9132. https://addons.mozilla.org/fr/firefox/addon/yet-another-smooth-scrolling/?src=collection&collection_id=534c7891-700f-40e9-8cfa-ba02d483241c
  9133. === */
  9134. .previews .control.prev {
  9135.     margin-left: 16px !important;
  9136.     background: -moz-linear-gradient(left center , #000000 50%, rgba(45, 44, 44, 0.36)) repeat scroll 0 0 transparent !important;
  9137. }
  9138.  
  9139. .previews .control.next {
  9140.     background: -moz-linear-gradient(left center , rgba(45, 44, 44, 0.36), #000000 50%) repeat scroll 0 0 transparent !important;
  9141. }
  9142. .previews {
  9143.     background: radial-gradient(ellipse farthest-side at center top , rgba(133, 133, 133, 0.5), rgba(16, 83, 130, 0)) no-repeat scroll 0 0 / 100% 5px, radial-gradient(ellipse farthest-side at center bottom , rgba(135, 135, 135, 0.5), rgba(7, 7, 7, 0)) no-repeat scroll 0 bottom / 100% 5px, -moz-linear-gradient(left center , #070707, transparent, #060606) no-repeat scroll 0 0px, -moz-linear-gradient(center top , transparent, #070707 50px, #000000 180px, transparent) no-repeat scroll 0 0 transparent !important;
  9144. }
  9145.  
  9146. .previews .control.prev.disabled  ,
  9147. .previews .control.next.disabled {
  9148.     display: none !important;
  9149. }
  9150.  
  9151. /* [[5e]] ==== BACKGROUD BACKGROUND + IMAGE - === */
  9152. .sky #outer-wrapper ,
  9153. .sky#outer-wrapper  ,
  9154. .sky #outer-wrapper:after ,
  9155. #featured-addons.featured.personas {
  9156.     background: #222222  ! important;
  9157. }
  9158.  
  9159. /* BACKGROUND - NONE IMAGE - === */
  9160. #outer-wrapper ,
  9161. .plugin-status-container .shadow-separator ,
  9162. #wrapper ,
  9163. .sand #outer-wrapper{
  9164.     background: none !important;
  9165. }
  9166.  
  9167. /* (new35) TESTT - LEFT SIDE BAR - EXPLORE - BACKGROUD -
  9168. https://addons.mozilla.org/fr/firefox/extensions/appearance/
  9169. === */
  9170. nav#side-nav ul {
  9171.     background-color: #222 !important;
  9172. }
  9173. nav#side-nav  h2 {
  9174.     background-color: #333 !important;
  9175. }
  9176.  
  9177. nav#side-nav  li em a ,
  9178. nav#side-nav  li a ,
  9179. nav#side-nav  li {
  9180.     background-color: #222 !important;
  9181. }
  9182.  
  9183. /* TOP EXPLORER */
  9184. nav#side-nav  li.s-featured ,
  9185. nav#side-nav  li.s-users ,
  9186. nav#side-nav  li.s-rating {
  9187.     height: 25px !important;
  9188.     line-height: 25px !important;
  9189.     margin-left: 5px !important;
  9190.     margin-bottom: 5px !important;
  9191.     border-left: 2px solid #cca438  !important;
  9192.     background-color: transparent !important;
  9193. }
  9194. nav#side-nav  li.s-featured em ,
  9195. nav#side-nav  li.s-users em  ,
  9196. nav#side-nav  li.s-rating em   {
  9197.     min-height: 15px !important;
  9198.     max-height: 15px !important;
  9199.     line-height: 15px !important;
  9200.     background-color: #222 !important;
  9201.     background-color: red !important;
  9202. }
  9203. nav#side-nav  li.s-featured em a ,
  9204. nav#side-nav  li.s-users em a ,
  9205. nav#side-nav  li.s-rating em a  {
  9206.     height: 15px !important;
  9207.     line-height: 15px !important;
  9208.     margin-left: 5px !important;
  9209.     background-color: #222 !important;
  9210. }
  9211.  
  9212. /* (new46) LEFT SIDEBAR -
  9213. https://addons.mozilla.org/en-US/firefox/
  9214. ==== */
  9215. .firefox.moz-header-slim.home  #page .secondary.shift-secondary {
  9216.     display: inline-block !important;
  9217.     height: 100% !important;
  9218.     height: 900px !important;
  9219.     bottom: 50px !important;
  9220.     padding: 10px 7px 30px 7px !important;
  9221. /*     outline: 1px solid violet !important; */
  9222. }
  9223. /* (new46) LEFT SIDEBAR - EXPLORE - 1th - === */
  9224. .secondary.shift-secondary ul#side-explore {
  9225.     margin-bottom: 3px !important;
  9226. }
  9227.  
  9228. /* (new46) LEFT SIDEBAR - CATEGORIES - 2th - === */
  9229. .secondary.shift-secondary ul#side-categories {
  9230.     display: inline-block !important;
  9231.     height: auto !important;
  9232.     width: 243px !important;
  9233.     margin-bottom: 28px;
  9234. }
  9235. #side-categories li {
  9236.     height: 20px !important;
  9237.     line-height: 17px !important;
  9238. }
  9239. #side-categories li:hover {
  9240.     height: 25px !important;
  9241.     line-height: 13px !important;
  9242.     border: 1px solid #0996f8 !important;
  9243.     background-color: red !important;
  9244. }
  9245.  
  9246. .secondary nav li a:after {
  9247.     height: 20px !important;
  9248.     line-height: 17px !important;
  9249.     font-size: 30px !important;
  9250.     color: gold !important;
  9251. }
  9252. .secondary nav li:hover a:after {
  9253.     height: 25px !important;
  9254.     line-height: 13px !important;
  9255.     color: #0996f8 !important;
  9256. }
  9257.  
  9258. /* (new46) LEFT SIDEBAR - MOST POPULAR - 3th - === */
  9259. .secondary.shift-secondary + #homepage #popular-extensions.secondary {
  9260.     position: absolute !important;
  9261.     display: inline-block !important;
  9262.     width: 243px !important;
  9263.     height: auto !important;
  9264.     left: -655px !important;
  9265.     top: 400px !important;
  9266.     margin-bottom: 0px !important;
  9267.     bottom: -67px !important;
  9268.     background: #222 !important;
  9269. }
  9270. .secondary.shift-secondary + #homepage #popular-extensions.secondary .toplist li {
  9271.     height: 37px !important;
  9272.     line-height: 20px !important;
  9273. }
  9274.  
  9275. /* THEMES (.featured-inner.themes) -  TOP BACKGROUND IMAGE - === */
  9276. #featured-addons.personas-home .featured-inner.themes {
  9277.     background-attachment: scroll;
  9278.     background-clip: padding-box !important;
  9279.     background-color: #222222 !important;
  9280.     background-image: none !important;
  9281.     background-origin: inherit;
  9282.     background-position: -82px -50px !important;
  9283.     background-repeat: no-repeat;
  9284.     background-size: 110% auto;
  9285. }
  9286. /* (new24) (ALL) THEMES (.personas-home) - HEADER PRESENT - TOP - === */
  9287. #featured-addons.featured.personas-home {
  9288.     background: transparent !important;
  9289.     border: none !important;
  9290.     outline: none !important;
  9291. }
  9292.  
  9293. /* BORDER - === */
  9294. .island > section  {
  9295.     border: none !important;
  9296. }
  9297.  
  9298. /* [[5]]END ==== MOZ ADDON/THEME - BACKGROUND COLOR (GENERAL) ==== */
  9299.  
  9300.  
  9301. /* [[6]] ==== MOZ ADDON/THEME - BUTTONS (GENERAL) ==== */
  9302.  
  9303.  
  9304.  
  9305.  
  9306.  
  9307.  
  9308. /* (COR)BUTTON -
  9309. PRINCIPAL BUT INST INFOS PAGE : .button.prominent
  9310. === */
  9311.  
  9312. a.button.caution:link,
  9313. a.button.caution:visited,
  9314. button.caution,
  9315. input.caution[type="submit"],
  9316. input.caution[type="button"] {
  9317.     border-color: #AA7700;
  9318.     box-shadow: none !important;
  9319.     text-shadow: none !important;
  9320.     color: #333333;
  9321. /*    text-shadow: 0 1px 0 #FFE56B;*/
  9322.     background: linear-gradient(#D1D4D7, #C1C5CA) repeat scroll 0 0 #C1C5CA;
  9323. }
  9324.  
  9325.  
  9326.  
  9327.  
  9328. /* (new42) A VOIR - (ALL)ADDON - TXT "NOT TESTED" / "PAS TESTE" - PAGE ADDON -
  9329. https://addons.mozilla.org/fr/firefox/addon/bittorrent-surf-beta/?src=collection&collection_id=1f2d9350-1cb4-5767-2011-4e9bf849ea94
  9330. === */
  9331. .install.unreviewed strong {
  9332.     color: #CCA438 !important;
  9333.     left: 22px !important;
  9334.     position: absolute !important;
  9335.     top: -46px !important;
  9336. }
  9337. /* (ALL)ADDON - TXT "NOT TESTED" / "PAS TEST" - COLL -
  9338. https://addons.mozilla.org/en-US/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/?page=36
  9339. === */
  9340. .install.unreviewed.clickHijack>strong{
  9341.     color: #CCA438 !important;
  9342.     left: -22px !important;
  9343.     position: absolute !important;
  9344.     top: 6px !important;
  9345. }
  9346.  
  9347. /* (new42) A VOIR - (ALL) - ADDON INCOMPAT (HOVER) - INFOS ADDON - TXT"dispo + Support" - === */
  9348. .listing .item .extra .notsupported {
  9349.     position: absolute !important;
  9350.     display: inline-block !important;
  9351.     width: 110px !important;
  9352.     height:  8px !important;
  9353.     line-height: 8px !important;
  9354.     left: 3px !important;
  9355.     bottom: 5px !important;
  9356.     text-align: center !important;
  9357.     color: red !important;
  9358.     opacity: 0.3 !important;
  9359. }
  9360. .listing .item:hover .extra .notsupported {
  9361.     opacity: 1 !important;
  9362. }
  9363.  
  9364. /* (new42) A VOIR - ADDON PAGE /recomm - EXTRA - TXT "Not available for ...") -
  9365. https://addons.mozilla.org/en-US/thunderbird/collections/decembre/xpi-see/
  9366. === */
  9367. .install-shell .extra {
  9368.     position: relative !important;
  9369.     display: inline-block !important;
  9370. }
  9371. .install-shell .extra span {
  9372.      color: red !important;
  9373. }
  9374.  
  9375.  
  9376. /* (new42) OK - ADDON INFOS PAGE -  INST BUTT - EXTRA - TXT "Not available for ...") - HOVER -
  9377. https://addons.mozilla.org/en-US/thunderbird/addon/adblock-edge/?src=collection&collection_id=f5354696-2cce-440a-b20e-8b39e29ceda3
  9378. === */
  9379. .android .install-shell .extra,
  9380. #addon>#addon-summary + .install-wrapper .install-shell .extra {
  9381.     position: absolute !important;
  9382.     display: inline-block!important;
  9383.     height: 15px !important;
  9384.     line-height: 13px !important;
  9385.     width: 190px !important;
  9386.     top: 12px !important;
  9387.     left: 0px !important;
  9388.     padding: 0px 2px !important;
  9389.     border-radius: 5px !important;
  9390.     background: rgba(0, 0, 0, 0.3) !important;
  9391. }
  9392.  
  9393.  
  9394. .android .install-shell .extra > span,
  9395. #addon>#addon-summary + .install-wrapper .install-shell .extra > span {
  9396. position: absolute !important;
  9397.     display: inline-block !important;
  9398.     min-width: 190px !important;
  9399.     max-width: 190px !important;
  9400.     max-height: 10px !important;
  9401.     line-height: 0px !important;
  9402.     padding: 1px 5px ! important;
  9403.     border-radius: 4px ! important;
  9404.     background-color : transparent !important;
  9405.     font-size: 15px !important;
  9406.     color: red !important;
  9407.     text-overflow: ellipsis !important;
  9408.     white-space: nowrap !important;
  9409.     overflow: hidden !important;
  9410.     z-index: 200 !important;
  9411.     opacity: 0.3 !important;
  9412. }
  9413. .android .install-shell .extra > span.button.disabled.not-available  ,
  9414. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled.not-available  ,
  9415. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled ,
  9416. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.notavail  {
  9417.     display: inline-block !important;
  9418.     min-width: 190px !important;
  9419.     max-width: 190px !important;
  9420.     min-height: 15px !important;
  9421.     max-height: 15px !important;
  9422.     line-height: 10px !important;
  9423.     left: -1px !important;
  9424.     margin-top: 0px !important;
  9425.     text-align: left ! important;
  9426.     text-indent: 12px !important;
  9427.     font-size: 10px !important;
  9428.     color: white !important;
  9429.     white-space: nowrap !important;
  9430.     overflow: hidden !important;
  9431.     text-overflow: ellipsis !important;
  9432.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9433.     opacity: 0.3 !important;
  9434.     transition: width ease 1s ,height ease 0.7s , opacity ease 1.5s !important;
  9435. }
  9436. .android .install-shell .extra > span.button.disabled.not-available:hover ,
  9437. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled.not-available:hover ,
  9438. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled:hover ,
  9439. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.notavail:hover {
  9440.     display: inline-block !important;
  9441.     min-width: 190px !important;
  9442.     max-width: 190px !important;
  9443.     height: 15px !important;
  9444.     line-height: 12px !important;
  9445.     min-height: 55px !important;
  9446.     max-height: 55px !important;
  9447.     left: -1px !important;
  9448.     margin-top: -17px !important;
  9449.     text-align: left ! important;
  9450.     text-indent: 12px !important;
  9451.     font-size: 10px !important;
  9452.     color: white !important;
  9453.     white-space: normal !important;
  9454.     overflow: visible !important;
  9455.     text-overflow: ellipsis !important;
  9456.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9457.     opacity: 1 !important;
  9458. }
  9459.  
  9460. /* (new68) ANDROID */
  9461. .android .island.hero.c.listing  .items  .install-shell .extra  {
  9462.     min-width: 20px !important;
  9463.     max-width: 20px !important;
  9464.     top: -22px !important;
  9465. }
  9466.  
  9467.  
  9468. .android  .listing-grid.c.cols-3 li .addon.hovercard .more .install-shell .extra > span.button.disabled.not-available ,
  9469. .android .island.hero.c.listing  .items  .install-shell .extra > span.button.disabled.not-available   {
  9470.     position: absolute !important;
  9471.     display: inline-block !important;
  9472.     min-width: 15px !important;
  9473.     max-width: 15px !important;
  9474. z-index: 500000 !important;
  9475. }
  9476. .android  .listing-grid.c.cols-3 li .addon.hovercard .more .install-shell .extra > span.button.disabled.not-available:hover ,
  9477. .android .island.hero.c.listing  .items  .install-shell .extra > span.button.disabled.not-available:hover {
  9478.     display: inline-block !important;
  9479.     min-width: 190px !important;
  9480.     max-width: 190px !important;
  9481.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9482.     opacity: 1 !important;
  9483. }
  9484.  
  9485. .android  .listing-grid.c.cols-3 li .addon.hovercard .more .install-shell .extra  {
  9486.     position: absolute !important;
  9487.     display: inline-block !important;
  9488.     min-width: 20px !important;
  9489.     max-width: 20px !important;
  9490.     top: -70px !important;
  9491. left: -18px !important;
  9492. }
  9493. .android  .install-shell .extra + .extra  {
  9494.     top: -10px !important;
  9495.     left: 0px !important;
  9496. /* background: gold !important; */
  9497. }
  9498.  
  9499. /* (new42) OK - INST BUTT - TXT "NOT AVAIBLE ..." - ICON -
  9500. .item-info .extra .button.disabled
  9501. OK:
  9502. COLL
  9503. ==== */
  9504. /* (new43) A VOIR - COLL PAGES -  INST BUTT - EXTRA - TXT "Not available for ...") - HOVER -
  9505. https://addons.mozilla.org/en-US/thunderbird/collections/decembre/xpi-see/
  9506. === */
  9507. .separated-listing .item .item-info .install-shell .extra {
  9508.     position: relative !important;
  9509.     display: inline-block !important;
  9510.     max-width: 50px !important;
  9511.     min-width: 50px !important;
  9512.     top: -30px !important;
  9513.     left: -164px ! important;
  9514. }
  9515. .item-info .extra > span {
  9516.     position: absolute !important;
  9517.     display: inline-block !important;
  9518.     min-width: 55px !important;
  9519.     max-width: 55px !important;
  9520.     max-height: 10px !important;
  9521.     line-height: 0px !important;
  9522.     padding: 1px 5px ! important;
  9523.     border-radius: 4px ! important;
  9524.     background-color : transparent !important;
  9525.     font-size: 15px !important;
  9526.     color: red !important;
  9527.     text-overflow: ellipsis !important;
  9528.     white-space: nowrap !important;
  9529.     overflow: hidden !important;
  9530.     z-index: 200 !important;
  9531.     opacity: 0.3 !important;
  9532. }
  9533.  
  9534. .item-info .extra span.button.disabled.not-available ,
  9535. .item-info .extra span.button.disabled ,
  9536. .item-info .extra span.button.notavail {
  9537.     display: inline-block !important;
  9538.     min-width: 15px !important;
  9539.     max-width: 15px !important;
  9540.     min-height: 15px !important;
  9541.     max-height: 15px !important;
  9542.     line-height: 10px !important;
  9543.     left: -1px !important;
  9544.     margin-top: -17px !important;
  9545.     text-align: left ! important;
  9546.     text-indent: 12px !important;
  9547.     font-size: 0px !important;
  9548.     color: white !important;
  9549.     white-space: nowrap !important;
  9550.     overflow: hidden !important;
  9551.     text-overflow: ellipsis !important;
  9552.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9553.     opacity: 0.3 !important;
  9554.     transition: width ease 1s ,height ease 0.7s , opacity ease 1.5s !important;
  9555. }
  9556.  
  9557. .item-info .extra span.button.disabled.not-available:hover ,
  9558. .item-info .extra span.button.disabled:hover ,
  9559. .item-info .extra span.button.notavail:hover {
  9560.     display: inline-block !important;
  9561.     min-width: 135px !important;
  9562.     max-width: 135px !important;
  9563.     height: 15px !important;
  9564.     line-height: 12px !important;
  9565.     min-height: 55px !important;
  9566.     max-height: 55px !important;
  9567.     left: -1px !important;
  9568.     margin-top: -17px !important;
  9569.     text-align: left ! important;
  9570.     text-indent: 12px !important;
  9571.     font-size: 10px !important;
  9572.     color: white !important;
  9573.     white-space: normal !important;
  9574.     overflow: visible !important;
  9575.     text-overflow: ellipsis !important;
  9576.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9577.     opacity: 1 !important;
  9578. }
  9579.  
  9580. /* (new42) ADDON INCOMPAT (HOVER) - INFOS ADDON - DISPO MORE VERSION (HOVER)- === */
  9581. .item-info .extra span:hover .more-versions {
  9582.     position: absolute !important;
  9583.     max-height: 20px !important;
  9584.     min-height: 20px !important;
  9585.     bottom: 0px !important;
  9586.     left: 0 !important;
  9587. }
  9588. .item-info .extra span:hover .more-versions a {
  9589.     color: peru !important;
  9590. }
  9591.  
  9592. /* (new43) ADDON - EXTRA INFOS - SEARCH PAGE-
  9593. https://addons.mozilla.org/en-US/firefox/search/?q=icon&appver=46.0&platform=windows
  9594. === */
  9595. #pjax-results .extra {
  9596.     display: inline-block !important;
  9597.     width: 100% !important;
  9598.     min-width: 15px !important;
  9599.     max-width: 15px !important;
  9600.     min-height: 15px !important;
  9601.     max-height: 15px !important;
  9602.     left: -208px !important;
  9603.     top: -39px !important;
  9604.     overflow: hidden !important;
  9605. /* border: 1px solid violet !important; */
  9606. }
  9607. #pjax-results .extra:hover {
  9608.     display: inline-block !important;
  9609.     width: 100% !important;
  9610.     min-width: 85px !important;
  9611.     max-width: 85px !important;
  9612.     left: -138px !important;
  9613.     top: -39px !important;
  9614.     overflow: visible !important;
  9615. }
  9616.  
  9617. #pjax-results .extra span {
  9618.     display: inline-block !important;
  9619.     float: none !important;
  9620.     width: 100% !important;
  9621.     min-width: 15px !important;
  9622.     max-width: 15px !important;
  9623.     min-height: 15px !important;
  9624.     max-height: 15px !important;
  9625.     line-height: 10px !important;
  9626.     padding: 0 !important;
  9627.     text-align: left ! important;
  9628.     text-indent: 12px !important;
  9629.     font-size: 0px !important;
  9630.     white-space: nowrap !important;
  9631.     overflow: hidden !important;
  9632.     text-overflow: ellipsis !important;
  9633.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9634.     opacity: 0.5 !important;
  9635.     color: white !important;
  9636.     transition: width ease 1s ,height ease 0.7s , opacity ease 1.5s !important;
  9637. }
  9638. #pjax-results .extra>span:hover {
  9639.     display: inline-block !important;
  9640.     width: 100% !important;
  9641.     min-width: 85px !important;
  9642.     max-width: 85px !important;
  9643.     max-height: 100% !important;
  9644.     line-height: 10px !important;
  9645.     left: 0px !important;
  9646.     padding: 1px 5px ! important;
  9647.     border-radius: 4px ! important;
  9648.    font-size: 10px !important;
  9649.     white-space: normal !important;
  9650.     z-index: 200 !important;
  9651.     opacity: 1 !important;
  9652.     background-color: black !important;
  9653. }
  9654.  
  9655.  
  9656. /* (new35) ==== BACKGROUND / BUTTON - OPACITY ===== */
  9657.  
  9658. /* (new35) ALL BUTTON INSTALL ADDON - FADING - === */
  9659. .button.caution:not(:hover) ,
  9660. .button.contrib.go:not(:hover) ,
  9661. .button.download:not(:hover),
  9662. .button.installer:not(:hover) {
  9663.     opacity: 0.4 !important;
  9664.     filter: grayscale(100%)!important;
  9665.     transition: opacity ease 0.7s !important;
  9666. }
  9667. .button.caution:hover ,
  9668. .button.contrib.go:hover ,
  9669. .button.download:hover ,
  9670. .button.installer:hover {
  9671.     opacity: 1 !important;
  9672. }
  9673.  
  9674. /* PB -
  9675. Recently Used Bookmarks Folder - XPI WORKING in COLL :
  9676. https://addons.mozilla.org/fr/firefox/collections/decembre/xpi/?page=12
  9677. BUT NOT in ITS ADDON PAGE :
  9678. https://addons.mozilla.org/fr/firefox/addon/recently-used-bookmarks-folder/?src=collection&collection_id=1e42f28e-d241-488c-940f-7e030999c879
  9679.  */
  9680. .button.caution.prominent.add.concealed:not(:hover) ,
  9681. .button.add.concealed:not(:hover) {
  9682.     opacity: 0.4 !important;
  9683.     filter: grayscale(100%)!important;
  9684.     transition: opacity ease 0.7s !important;
  9685. }
  9686. .button.caution.prominent.add.concealed:hover ,
  9687. .button.add.concealed:hover {
  9688.     opacity: 1 !important;
  9689. }
  9690.  
  9691.  
  9692. /* SEARCH - ITEMS OPACITY BACKGROUND - === */
  9693.  
  9694. .listing .item.incompatible .info,
  9695. .listing .item.incompatible .action {
  9696.     border-color: #A0C3E8;
  9697.     opacity: 1 !important;
  9698. }
  9699. /* BUTT SEARCH (GEN) - OPACITY  - === */
  9700. button.search-button {
  9701.     height: 16px !important;
  9702.     width: 36px;
  9703. }
  9704. button.search-button {
  9705.     opacity: 0.4 !important;
  9706. }
  9707. button.search-button:hover {
  9708.     opacity: 1 !important;
  9709. }
  9710.  
  9711. /* [[6]]END ==== MOZ ADDON/THEME - BUTTONS (GENERAL) ==== */
  9712.  
  9713.  
  9714.  
  9715. /* ============= END == TOTAL ALL DARK  =============== */
  9716. }
  9717.  
  9718. /* ==== PREFIX / OTHERS DOMAINS ===== */
  9719.  
  9720. /* (new25) - SUPP SURVEY / HEARTBEAT MESSAGE - ==== */
  9721.  
  9722. @-moz-document domain("support.mozilla.org") {
  9723. #sg-popup {
  9724. display: none !important;
  9725. }
  9726.  
  9727. /* ==== END == SUPP SURVEY / HEARTBEAT MESSAGE ===== */
  9728. }
  9729.  
  9730. /* ==== PREFIX / OTHERS DOMAINS ===== */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!