API tools faq
paste
Advertisement
decembre

Firefox Classic Add-ons Archive Widescreen v.70

decembre
Oct 12th, 2019
759
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 318.31 KB | None | 0 0
raw download clone embed print report
  1. /* AGENT_SHEET */
  2. @namespace url(http://www.w3.org/1999/xhtml);
  3.  
  4.  
  5.  
  6. @-moz-document url-prefix(caa:){
  7.  
  8. /* ADD SUPPORT for :
  9. MOBILE pages : https://addons.mozilla.org/fr/mobile/addon/mobile-profiles/
  10. THUNDERBIRD Pages: https://addons.mozilla.org/fr/thunderbird/
  11. ANDROID pages :  https://addons.mozilla.org/fr/android/
  12. SEAMONKEY pages : https://addons.mozilla.org/fr/seamonkey/
  13. */
  14.  
  15.  
  16. /* DEPRECATED : https://github.com/mozilla/addons-frontend/issues/6334 */
  17.  
  18.  
  19. /* ============ MOZ - FIR - XUL - TEST - Firefox Classic Add-ons Archive Widescreen  - TEST-  v.70(new70)  - workDEV - from OLD DEEPRECATED  =======
  20. Manespace correction by Kurim:
  21. REGEXP namespace ? - How exclude "about-addons" page ?
  22. https://forum.userstyles.org/discussion/43248/regexp-namespace-how-exclude-about-addons-page
  23.  
  24. <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>
  25.  
  26. ========== */
  27.  
  28. /* (new70) START ==== CLASSIC - TEST ===== */
  29. #page.c {
  30.     position: relative;
  31.     height: auto;
  32.     min-height: 404px;
  33.     max-width: 960px;
  34.     margin: 0 auto;
  35. /*     top: -37px; */
  36.     margin-top: -49px !important;
  37. }
  38.  
  39.  
  40. #main-wrapper {
  41.     min-width: 100% !important;
  42. }
  43. .amo-header ,
  44. #page>.amo-header+ div[itemtype="http://schema.org/WebApplication"] {
  45.     margin-top: 84px !important;
  46. }
  47. #page>.amo-header + div {
  48.     margin-top: 61px !important;
  49. }
  50.  
  51. /* ADDON PAGE INFO */
  52.  
  53. /* ADDON TITRE + RESUME + INSTALL */
  54. /* (new70) */
  55. #addon-description-header {
  56.     margin-top: 0px !important;
  57. /*     top: 0 !important; */
  58. /* background: tan !important; */
  59. /* outline: 1px solid violet !important; */
  60. }
  61.  
  62.  
  63. /* USERS RATING */
  64. /* (new70) */
  65. .secondary.addon-vitals {
  66. /* background: green !important; */
  67. /* outline: 1px solid violet !important; */
  68. }
  69.  
  70. /* TAGS RELATED*/
  71. /* (new70) */
  72. /* (new70) */
  73. .secondary.metadata.c:not([id="related"]) {
  74. /*     height: 115px;
  75.     left: 200px;
  76.     position: absolute;
  77.     top: 260px; */
  78. /* background: red !important; */
  79. /* outline: 1px solid violet !important; */
  80. }
  81.  
  82.  
  83. /* MORE DESCRIPTION */
  84. /* (new70) */
  85. #breadcrumbs + .secondary.metadata.c + .primary.island.c, .primary:not(#reviews) + .secondary.metadata.c + .primary {
  86. /*     left: 761px;
  87.     max-height: 780px;
  88.     min-height: 780px;
  89.     overflow: hidden;
  90.     top: 87px;
  91.     width: 633px; */
  92. /* background: green !important; */
  93. /* outline: 1px solid violet !important; */
  94. }
  95.  
  96. /* DEV COMMENTS */
  97. /* (new70) */
  98. #developer-comments {
  99. /* background: blue !important; */
  100. /* outline: 1px solid violet !important; */
  101. }
  102.  
  103. /* DETAILS NOTES */
  104. /* (new70) */
  105. #detail-relnotes {
  106. /* background: tomato !important; */
  107. /* outline: 1px solid violet !important; */
  108. }
  109.  
  110. /* VERSION - */
  111. /* (new70)OK */
  112. .content.listing {
  113. /* background: yellow !important; */
  114. /* outline: 1px solid yellow !important; */
  115. }
  116. .primary.island.more-island .content.listing .items .item{
  117. display: inline-block !important;
  118.     width: 100% !important;
  119.     height: auto !important;
  120. /* background: yellow !important; */
  121. /* outline: 1px solid yellow !important; */
  122. }
  123. .primary.island.more-island #detail-relnotes.expando .content.listing .items .version.item .info {
  124. display: inline-block !important;
  125.     min-width: 100% !important;
  126.     max-width: 100% !important;
  127. height: auto !important;
  128. padding: 0px !important;
  129. /* border: 1px dotted aqua !important; */
  130. }
  131. .primary.island.more-island #detail-relnotes.expando .content.listing .items .version.item .info .desc.prose {
  132. display: inline-block !important;
  133.     min-width: 100% !important;
  134.     margin-left: 0 !important;
  135. margin-top: 0 !important;
  136. padding: 5px !important;
  137. /* border: 1px solid yellow !important; */
  138. }
  139.  
  140. /* TAGS - CATEGORIES LISTING MOZAIC - ==== */
  141. /* (new70) */
  142. .primary {
  143. /*     top: 52px !important; */
  144. }
  145.  
  146. /* (new70) TAG CLOUD - */
  147. #demo.tcloud {
  148. /* display: inline-block !important; */
  149.     top: 65px !important;
  150.     margin-left: 20% !important;
  151.     overflow: hidden;
  152. }
  153.  
  154. /* END ==== CLASSIC - TEST ===== */
  155.  
  156.  
  157.  
  158.  
  159. /* SUPERLOADER */
  160. .App-content {
  161.     background: #e9ecef none repeat scroll 0 0;
  162.     display: inline-block !important;
  163.     width: 100%;
  164.     height: 100% !important;
  165. }
  166. .App-content-wrapper {
  167.     display: inline-block;
  168.     margin: 0 auto;
  169.     max-width: 100% !important;
  170.     height: 100% !important;
  171.     width: 100% !important;
  172. }
  173. .Search {
  174.     display: inline-block !important;
  175.     width: 100% !important;
  176.     height: 100% !important;
  177. }
  178. .Search .SearchContextCard {
  179.     display: inline-block !important;
  180.     min-width: 0;
  181.     height: 100% !important;
  182. }
  183. .Search .SearchResults {
  184.     display: inline-block !important;
  185.     min-width: 0;
  186.     width: 100%;
  187.     height: 100% !important;
  188. }
  189. .Search .Card {
  190.     display: inline-block !important;
  191.     min-width: 0;
  192.     width: 100%;
  193.     height: 100% !important;
  194. }
  195. .Card-contents {
  196.     display: inline-block !important;
  197.     min-width: 0;
  198.     width: 100%;
  199.     height: 100% !important;
  200. }
  201. .CardList ul {
  202.     display: inline-block !important;
  203.     min-width: 0;
  204.     width: 100%;
  205.     height: 100% !important;
  206. }
  207. .sp-separator {
  208.     background-color: #f5f5f5;
  209.     border-bottom: 1px solid #ccc;
  210.     border-radius: 30px;
  211.     border-top: 1px solid #ccc;
  212.     box-shadow: 0 16px 20px #fff inset, 0 2px 3px rgba(0, 0, 0, 0.1);
  213.     clear: both;
  214.     display: block;
  215.     float: none;
  216.     font-size: 14px;
  217.     left: 0;
  218.     line-height: 1.6;
  219.     min-width: 366px;
  220.     opacity: 1;
  221.     padding: 3px 0;
  222.     position: relative;
  223.     text-align: center;
  224. /*     margin-top: 650px !important; */
  225.     width: auto;
  226. }
  227. .sp-separator ~ #react-view {
  228.     height: 100%;
  229. }
  230.  
  231. /*  (new68) SUPERLOADER PLUS - ALL - COLLECTION LIST - === */
  232. #main-wrapper {
  233.     margin-bottom: 125px !important;
  234. }
  235.  
  236. /* .sp-separator {
  237.   margin-top: 130px !important;
  238. } */
  239.  
  240.  
  241. /* (new60) - TEST - IN LIST - NEED RESTART -  === */
  242. span.is-restart-required
  243. div a.is-webextension,
  244. span.featured,
  245. span.is-restart-required {
  246.     position: absolute;
  247.     display: inline-block !important;
  248.     float: none !important;
  249.     left: 2px;
  250.     margin-top: 0px !important;
  251.     top: 47px !important;
  252.     padding: 2px 3px !important;
  253.     font-size: 8px !important;
  254.     color: white !important;
  255.     opacity: 0.7 !important;
  256. /* background-color: red !important; */
  257. }
  258. .island.hero.c.listing:not(.results) .items  span.is-restart-required {
  259.     position: absolute;
  260.     display: inline-block !important;
  261.     float: none !important;
  262.     width: 63px !important;
  263.     line-height: 10px !important;
  264.     left: -2px !important;
  265. /*   margin-top: -5px !important; */
  266.     top: 42px !important;
  267.     padding: 2px 3px !important;
  268.     font-size: 8px !important;
  269.     color: white !important;
  270. /* background-color: red !important; */
  271. }
  272.    
  273. /* (new59) TEST VERSION PAGE - NOT COMPATIBLE - === */
  274. .versions .listing .item .install-shell {
  275.     display: inline-block !important;
  276.     left: -48px !important;
  277.     z-index: 50000 !important;
  278. }
  279.  
  280. .versions .extra:not(:hover) {
  281.     position: absolute !important;
  282.     width: 155px !important;
  283.     height: 20px !important;
  284.     top: 5px ;
  285.     right: -80px ;
  286.     overflow: hidden ;
  287. /* transition: width ease 0.7s ; */
  288. }
  289. .versions .extra:not(:hover) .button.disabled.not-available {
  290.     height: 20px !important;
  291.     width: 150px ;
  292.     padding: 0 !important;
  293.     white-space: nowrap !important;
  294.     overflow: hidden ;
  295.     text-overflow: ellipsis ;
  296. }
  297.  
  298. .versions .extra:hover {
  299.     position: absolute !important;
  300.     height: 51px !important;
  301.     width: 305px !important;
  302.     top: -25px ;
  303.     right: -90px ;
  304.     transition: width ease 0.7s ;
  305. }
  306. .versions .primary > header {
  307.     width: 1150px !important;
  308.     margin-left:  290px !important;
  309.  
  310. }
  311. .versions .primary > header > hgroup {
  312.     display: inline-block;
  313.     height: 32px;
  314.     min-width: 1000px !important;/*  */
  315.     margin-left: 0px !important;
  316.     margin-top: 0px !important;
  317.     white-space: nowrap;
  318. }
  319. .versions section.primary h1 {
  320.     width: 100% ;
  321.     margin-left: 0 !important;
  322.     top: -3px !important;
  323. }
  324. .versions .primary>header>hgroup>h3 {
  325. /* margin-left: 490px !important; */
  326.     margin-top: -21px !important;
  327. }
  328. .versions .island.hero.c.listing:not(.results) {
  329.     min-width: 1890px !important;
  330.     min-height: 702px !important;
  331. }
  332.  
  333. /* TEST - H1 - for SEARCH pages  - TEST -
  334. PB SEARCH:
  335. https://addons.mozilla.org/fr/firefox/search/?q=tabs&appver=51.0.1&platform=windows
  336.  
  337. GOOD -
  338. EXTENSIONS LIST
  339. https://addons.mozilla.org/fr/firefox/extensions/search-tools/?sort=rating
  340.  
  341. TOUCH -
  342. ADDON INFO - #addon > hgroup h1.addon
  343. https://addons.mozilla.org/fr/firefox/addon/all-tabs-helper/?src=cb-dl-rating
  344.  
  345.  
  346. NOT MATCHED -
  347. COLLECTION - LIST EXTENSION
  348. https://addons.mozilla.org/fr/firefox/collections/ChessWriter/my/
  349.  
  350. THEMES:
  351. https://addons.mozilla.org/fr/firefox/themes/?sort=popular
  352.  
  353. ===== */
  354. /* TOP H1 - ALL - === */
  355. /* (new70) */
  356. section.primary h1 {
  357. /*     top: -17px ; */
  358. }
  359.  
  360.  
  361. /* END TEST SEARCH H1 ================ */
  362.  
  363.  
  364.  
  365.  
  366.  
  367. /* (new53) - ADAPTATION for GM "Super_preloaderPlus_one [English Version]" - Can work with GM "AUTOPAGERIZE" ENABLE - REWIEWS - ==== */
  368. #reviews + div.sp-separator {
  369.     position: relative !important;
  370.     max-width: 671px !important;
  371.     top: -30px !important;
  372.     left: -270px !important;
  373.     padding: 2px 0 !important;
  374.     opacity: 1 !important;
  375.     background-color: #f5f5f5 !important;
  376. }
  377. .sp-separator + #reviews {
  378.     min-width: 1655px !important;
  379.     height: 100% !important;
  380.     max-height: 100% !important;
  381.     min-height: 100% !important;
  382.     margin-left: -260px !important;
  383. }
  384. .sp-separator + #reviews .review {
  385.     width: 520px !important;
  386.     margin-right: 15px !important;
  387.     margin-bottom: 5px !important;
  388. }
  389.  
  390. /* (new54) - ADAPTATION for GM "Super_preloaderPlus_one [English Version]" - FEATURED  settings Page UP : Use IFRAME -
  391. https://addons.mozilla.org/En-us/firefox/extensions/?sort=featured&page=2
  392. === */
  393.  
  394.  
  395.  
  396. /* (new51) ADD TO COLLECTION -
  397. https://addons.mozilla.org/en-US/firefox/addon/add-to-collection/
  398. === */
  399. .addon-details .widgets {
  400.     display: inline-block !important;
  401. }
  402.  
  403. /* (new38) TEST - PROMOS IN HEADER - SUPP - === */
  404. #promos {
  405.     display: none !important;
  406. }
  407.  
  408. /* (new38) SITE BALLON - SUPP - === */
  409. .restyle .site-balloon {
  410.     display: none !important;
  411. }
  412.  
  413. /* .secondary */
  414. .primary {
  415.     background: #222 !important;
  416. }
  417.  
  418. .header-bg {
  419.     min-height: 0px !important;
  420.     max-height: 0px !important;
  421.     width: calc(100vw - 6px);
  422.     min-width: 1018px;
  423.     margin: 0 0 12px calc(-1 * ((100vw - 100%) / 2));
  424.     margin-bottom: 82px !important;
  425.     background-color: #0c99d5;
  426.     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);
  427.     background-position: 0 416px, 0 0px, 0 0;
  428. }
  429. .addon-details .header-bg,
  430. .home .header-bg,
  431. body:not(.home) .amo-header {
  432.     min-height: 0px !important;
  433.     max-height: 0px !important;
  434. }
  435. /* (new70) */
  436. .addon-details .header-bg, .home .header-bg, body:not(.home) .amo-header {
  437.     min-height: 0px !important;
  438.     max-height: 0px !important;
  439.     margin-bottom: 67px !important;
  440.     margin-top: 80px !important;
  441. }
  442. /* (new68) TOP HEADER - ANDROID - === */
  443. .android.moz-header-slim.category-landing  .header-bg {
  444.     margin-bottom: 112px !important;
  445. }
  446.  
  447. /* (new25) - MESSAGE BALLON - === */
  448. .site-balloon {
  449.     position: absolute !important;
  450.     padding: 5px 41px 5px 5px !important;
  451.     color: #333;
  452.     background-color: #fcefb7;
  453.     z-index: 200 !important;
  454. }
  455.  
  456. /* (new35.7) BACKGROUND COLOR ALL - === */
  457. html body {
  458.     background-color: #222 !important;
  459.     color: #000;
  460. }
  461. /* (new70) */
  462. #main-wrapper {
  463. /* width: 1870px !important; */
  464.     background: #222 !important;
  465.     border-top: 2px solid #fff;
  466. }
  467.  
  468.  
  469. /* (new22) COLLECTION LIST - TXT 'Updated ...." - === */
  470. .modified {
  471.     position: absolute !important;
  472.     display: inline-block !important;
  473.     width: 50%!important;
  474.     top: -24px !important;
  475.     left: 26% !important;
  476.     border-radius: 3px !important;
  477.     font-size: 11px !important;
  478.     background: black !important;
  479.     z-index: 50000 !important;
  480. }
  481.  
  482. /* (new33) TABZILLA WRAPPER OVERFLOW -
  483. PB:
  484. https://addons.mozilla.org/en-US/thunderbird/addon/t-bird-titlebar-tweaker/
  485. https://addons.mozilla.org/en-US/firefox/addon/rage3d-forums-menu/?src=dp-dl-oftenusedwith
  486.  
  487. === */
  488. #tabzilla-wrapper {
  489.      overflow-x: hidden !important;
  490. }
  491.  
  492. .amo-header + .primary {
  493.     display: inline;
  494.     clear: right;
  495.     height: 848px !important;
  496.     width: 73.47%;
  497. }
  498.  
  499. /* ALL - ARROWS - === */
  500. /* (new70) */
  501. .more-info,
  502. .more-info:link,
  503. .more-info:visited,
  504. .more-info:hover,
  505. .more-info:focus,
  506. .more-info:active {
  507. /*      background-position: right -156px !important; */
  508. }
  509.  
  510. /* (new70) OK */
  511. /* (new13) INSTALL SHELL (not HIDDEN) - ALL - VOIR PLUS PRECIS - === */
  512. .install-shell:not(.hidden) {
  513. display: inline-block;
  514.     position: relative !important;
  515.     height: 20px ! important;
  516.     line-height: 25px ! important;
  517.     left: -4px !important;
  518.     top: 8px !important;
  519.     z-index: 30 !important;
  520.     visibility: visible ! important;
  521. }
  522. /* (new43) A VOIR - INSTAL CONTAINER - HOME PAGE - === */
  523. .firefox.moz-header-slim.home #homepage.primary section.primary .addon.hovercard .more .install-shell {
  524.     top: -1px !important;
  525. }
  526.  
  527. /* (new57) INSTALL SHELL - SEARCH FACETS -
  528. https://addons.mozilla.org/fr/firefox/search/?q=icon&platform=windows&appver=46.0
  529. === */
  530. #search-facets +.primary .listing.results #pjax-results .c.pjax-trigger + .items .action > .install-shell {
  531.      display: inline-block;
  532.      top: -2px !important;
  533.     margin-left: 65px !important;
  534. }
  535. #search-facets +.primary .listing.results #pjax-results .autopagerize_page_info ~ .items .item.addon  .action > .install-shell  {
  536.      display: inline-block;
  537.      top: 8px !important;
  538.     margin-left: 65px !important;
  539. }
  540.  
  541. /* (new8) INSTALL SHELL - FEATURED - */
  542. .island.hero.c.listing  a + .c.pjax-trigger + .items .action > .install-shell {
  543.      display: inline-block ! important;
  544.      width: 307px ! important;
  545.      top: 32px ! important;
  546.      text-align: center ! important;
  547. }
  548.  
  549. /* (COR) COLL - MY COLL ADDON - INSTALL - ADD DATE UPDATE -
  550. https://addons.mozilla.org/en-US/firefox/collections/sloprlek/9ab5b145-93f1-f4db-d66a-ae7537/
  551. https://addons.mozilla.org/fr/firefox/collections/decembre/f3f38bb8-db89-66a9-5d25-159878/
  552. === */
  553.  .backup-button.install-wrapper:not(.hidden) .install-shell .install ,
  554. .section .primary .separated-listing .item .item-info> .install-shell .install {
  555.     display: inline-block ! important;
  556. /*    width: 307px ! important;*/
  557.     max-height: 20px ! important;
  558.     min-height: 20px ! important;
  559.     line-height: 20px ! important;
  560.     width: 380px ! important;
  561.     top: -2px ! important;
  562.     text-align: center! important;
  563. }
  564.  .backup-button.install-wrapper:not(.hidden) .install-shell .install {
  565.      top: -2px ! important;
  566. }
  567. .backup-button.install-wrapper .install-shell .install:before ,
  568. .section .primary .separated-listing .item .item-info> .install-shell .install:before {
  569. content: "Update : " attr(data-lastupdated-datetime) ! important;
  570.     position: absolute ! important;
  571.     width: 307px ! important;
  572.     top: -29px ! important;
  573.     right: -35px ! important;
  574.     font-size: 10px ;
  575.     color: peru ! important;
  576.     text-align: left ! important;
  577. }
  578.  
  579. /* (new42) INSTALL BUTTON (ALL) - BACKGROUND - === */
  580. a.button.go:link,
  581. a.button.go:visited,
  582. button.go,
  583. input.go[type="submit"],
  584. input.go[type="button"],
  585.  
  586. button[disabled],
  587. .button.disabled,
  588. .button.concealed,
  589. .button.caution.concealed ,
  590.  
  591. button.good,
  592. .button.good,
  593. .button.add {
  594.     background: linear-gradient(#84C63C, #489615) repeat scroll 0 0 #489615 ! important;
  595. }
  596.  
  597. .listing-grid .hovercard .button.concealed {
  598.     display: inline-block ! important;
  599. }
  600.  
  601. /* ==== (new57) AUTOPAGERIZE ADAPTATION -
  602. https://greasyfork.org/fr/scripts/4348-autopagerize
  603. === */
  604.  
  605. .autopagerize_page_info {
  606.     display: inline-block !important;
  607.     position: relative !important;
  608.     width: 100% !important;
  609.     text-align: center !important;
  610.     font-size: 8px !important;
  611.     color: white !important;
  612.     background: black !important;
  613.     z-index: 500000 !important;
  614. }
  615. .autopagerize_page_info a{
  616.     display: inline-block !important;
  617.     min-width: 20px !important;
  618.     height: 15px !important;
  619.     line-height: 15px !important;
  620.     text-align: center !important;
  621.     font-size: 14px !important;
  622.     color: white !important;
  623. background: red !important;
  624. }
  625.  
  626.  
  627. /* (new54) AUTOPAGERIZE ADAPTATION - SEARCH -
  628. OK :
  629. https://addons.mozilla.org/fr/firefox/search-tools/
  630. === */
  631. .featured.listing .autopagerize_page_separator{
  632.     position: relative !important;
  633.     display: inline-block !important;
  634.     width: 100% !important;
  635.     margin-bottom: 20px !important;
  636.  
  637. }
  638. .featured.listing .autopagerize_page_info {
  639.     position: relative !important;
  640.     display: inline-block !important;
  641.     width: 100% !important;
  642.     margin-bottom: 5px !important;
  643.     top: -15px !important;
  644. background: black !important;
  645. }
  646.  
  647. /* (new65) ADAPTATION FOR GM AUTOPAGERIZE  - SEARCH - ADDON -
  648. OK :
  649. https://addons.mozilla.org/fr/firefox/search/?q=tab&cat=1%2C0&appver=48.0&platform=windows
  650. === */
  651. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator {
  652.     margin-top: -20px !important;
  653. }
  654. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info  {
  655.     top: -30px !important;
  656.     margin-top: 0px !important;
  657.     margin-bottom: 36px !important;
  658. }
  659. /* (new66) ITEM INFO - WATCH -
  660. ADAPTATION FOR GM AUTOPAGERIZ
  661. https://addons.mozilla.org/fr/firefox/collections/?sort=followers
  662. https://addons.mozilla.org/en-US/firefox/extensions/
  663. === */
  664. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info +.action > .install-shell ,
  665. .island.hero.c.listing:not(.results) #sorter.pjax-trigger + .items .item .info +.action > .install-shell{
  666.      display: inline-block ! important;
  667.      width: 295px ! important;
  668.      top: 8px ! important;
  669.      left: 5px !important;
  670.      text-align: center ! important;
  671. }
  672. /* (new43) FEATURED / EXPERIMENTAL -
  673. ADD ADAPTATION GM AUTOPAGERIZE -
  674. for SEARCH : https://addons.mozilla.org/en-US/firefox/search/?q=security&cat=1%2C0&appver=29.0&platform=windows
  675. for FEATURED : https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured
  676. === */
  677. /* #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info + .action > .install-shell .install , */
  678. .action > .install-shell .install {
  679.     display: inline-block !important;
  680.     float: left;
  681.     max-height: 10px !important;
  682.     min-height: 10px !important;
  683.     padding: 2px !important;
  684. }
  685.  
  686.  
  687. /* (new43) FEATURED -
  688. https://addons.mozilla.org/fr/firefox/extensions/?sort=users
  689. === */
  690. /* (new43) ADAPTATION GM "AUTOPAGERIZE" */
  691. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .action > .install-shell .install-button ,
  692. .island.hero.c.listing  a + .c.pjax-trigger + .items .action > .install-shell .install-button {
  693.     position: absolute !important;
  694.     display: inline-block ! important;
  695.     width: 305px! important;
  696.     margin-top: -2px ! important;
  697.     text-align: center ! important;
  698. }
  699. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .action > .install-shell .install-button  {
  700.     margin-top: -3px ! important;
  701. }
  702. .install.featuredaddon {
  703.     background: transparent !important;
  704. /* outline: 1px solid violet !important; */
  705. }
  706.  
  707. .install.unreviewed {
  708.     background: transparent !important;
  709. /* outline: 1px solid peru !important; */
  710. }
  711. .install.lite {
  712.     background: transparent !important;
  713. }
  714. .install strong {
  715.     color: peru !important;
  716.     position: absolute !important;
  717.     display: inline-block ! important;
  718.     top: -6px !important;
  719.     text-align: right! important;
  720. }
  721. .install.lite>strong {
  722.     padding: 2px 5px ! important;
  723.     border-radius: 5px ! important;
  724.     background: #FFE57F ! important;
  725.     color: black !important;
  726. }
  727. .install.featuredaddon>strong {
  728.     padding: 2px 5px ! important;
  729.     border-radius: 5px ! important;
  730.     background: #336600 ! important;
  731. }
  732.  
  733. /* (new61) INSTALL BUTTON - ALL - ADAPT for ADDON PAGE display only one INSTAL button - === */
  734. /* (new70) OK */
  735. .install-button ,
  736. .install-button a ,
  737. .install-button a span {
  738. height: 100% ! important;
  739.     min-height: 16px !important;
  740.     max-height: 16px ! important;
  741.     line-height: 13px ! important;
  742. }
  743. .install-button a span {
  744.     background-position: 0 -192px !important;
  745. }
  746. .install-button {
  747. min-width: 200px !important;
  748. max-width: 200px !important;
  749.     left: 77px;
  750. }
  751. /* (new70) OK  */
  752. .install-button a {
  753. padding: 1px 5px ! important;
  754.     width: auto ! important;
  755. }
  756. .install-button a span {
  757.     padding: 0 6px 0px 15px ! important;
  758.     color: white ! important;
  759. }
  760.  
  761. /* (new60) INSTALL - BUTTON FOR / TELECHARGEMENY POUR ...*/
  762. .install-button .button.contrib.go {
  763.     min-width: 230px !important;
  764.     max-width: 230px !important;
  765.     left: -80px !important;
  766.     white-space: nowrap !important;
  767.     overflow: hidden !important;
  768.     text-overflow: ellipsis !important;
  769. }
  770. .install-button .button.contrib.go span  {
  771.     display: inline-block !important;
  772.     margin: 0;
  773.     padding: 0;
  774.     white-space: nowrap !important;
  775.     height: 14px !important;
  776.     line-height: 12px !important;
  777.     color: red !important;
  778.     opacity: 1 !important;
  779.     text-shadow: none ;
  780. }
  781.  
  782. /* CONTRIB */
  783. .install-button .button.contrib.go:hover span.os ,
  784. .install-button .button:not(:hover) span.os {
  785.     position: absolute !important;
  786.     display: inline-block !important;
  787.     min-width: 0px !important;
  788.     max-width: 109px !important;
  789.     margin-top: 15px !important;
  790.     left: 0 !important;
  791.     padding: 0 !important;
  792.     white-space: nowrap !important;
  793.     height: 15px !important;
  794.     color: white !important;
  795.     opacity: 1 !important;
  796. background: black !important;
  797. }
  798. .install-button .button.contrib.go:hover span.os {
  799.     color: white !important;
  800.     opacity: 1 !important;
  801. background: red !important;
  802. }
  803.  
  804. /* PLATEFORM */
  805. .install-button .button.download.platform:hover span.os ,
  806. .install-button .button:not(:hover) span.os {
  807.     position: absolute !important;
  808.     display: inline-block !important;
  809.     min-width: 0px !important;
  810.     max-width: 129px !important;
  811.     margin-top: 15px !important;
  812.     left: 0 !important;
  813.     padding: 0;
  814.     white-space: nowrap !important;
  815.     height: 15px !important;
  816.     color: white !important;
  817.     opacity: 0 !important;
  818. background: blue !important;
  819. }
  820. .install-button .button.download.platform:hover span.os {
  821.     color: white !important;
  822.     opacity: 1 !important;
  823. background: blue !important;
  824. }
  825.  
  826. /* (new26) BUT INST CONTRIB */
  827. .button.contrib.go.prominent.concealed ,
  828. .button.contrib.go.installer {
  829.     left: -6px !important;
  830.     top: 3px !important;
  831.     text-shadow: none !important;
  832.     text-shadow: 0 -1px 0 #3a7404 ! important;
  833.     box-shadow: none !important;
  834.     border-color: #3a7404 ! important;
  835. }
  836. .button.contrib.go.installer>span{
  837.     display: inline-block !important;
  838.     max-width: 155px !important;
  839.     min-width: 155px !important;
  840.     padding: 0px 1px 3px 0px ! important;
  841.     color: white ! important;
  842.     font-size: 12px ! important;
  843.     overflow: hidden !important;
  844.     text-overflow: ellipsis !important;
  845.     white-space: nowrap !important;
  846. }
  847.  
  848. /* (new61)  INSTALL BUTTON - ADAPT for ADDON PAGE display only one INSTAL button - FOR LIST */
  849. .separated-listing .item-info p:first-child.install-button a span ,
  850. .separated-listing .item-info p:first-child.install-button a ,
  851. .separated-listing .item-info p:first-child.install-button {
  852.     display: inline-block;
  853.     height: 100% ! important;
  854.     min-height: 16px !important;
  855.     max-height: 16px ! important;
  856.     line-height: 14px ! important;
  857.     font-size: 10px !important;
  858. }
  859.  
  860. /* PAGINATOR - REVIEWS PAGE AND ALL??? - === */
  861. .item + .paginator,
  862. .items + .paginator, #sorter + .paginator,
  863. #sorter + .listing-grid, #themes-listing .items {
  864.     left: 433px !important;
  865.     padding-top: 1em;
  866. }
  867.  
  868. /* (new23) PB SEARCH - COLL (.featured.listing) - ADDON ITEMS - CONT -
  869. PB:
  870. SEARCH : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  871. selector : .section .primary .featured.listing #addon-list-options ~ .item
  872. OK:
  873. https://addons.mozilla.org/en-US/firefox/collections/mine/
  874. https://addons.mozilla.org/en-US/firefox/collections/decembre/
  875. === */
  876. .section .primary .featured.listing .item {
  877.     position: relative ! important;
  878.     display: inline-block !important;
  879.     float: left !important;
  880.     clear: right ! important;
  881.     width: 320px !important;
  882.     height: 95px ! important;
  883.     top: 5px ! important;
  884.     margin-right: 6px ! important;
  885.     margin-bottom: 5px ! important;
  886.     overflow: hidden ! important;
  887.     overflow-y: auto ! important;
  888.     border: 1px solid gray ! important;
  889.     border-radius: 5px ! important;
  890. }
  891. .section .primary .featured.listing #addon-list-options ~ .item{
  892.     position: relative ! important;
  893.     display: inline-block !important;
  894.     float: left !important;
  895.     clear: right ! important;
  896.     width: 320px !important;
  897.     height: 125px ! important;
  898.     top: -29px ! important;
  899.     margin-right: 6px ! important;
  900.     margin-bottom: 5px ! important;
  901.     overflow: hidden ! important;
  902.     overflow-y: auto ! important;
  903.     border: 1px solid gray ! important;
  904.     border-radius: 5px ! important;
  905. }
  906.  
  907. /* (new8) PB SEARCH - COLL (.separated-listing) + (.featured.listing) - ITEMS - BLOCK INST BUTT + RAT/ NBR Utils -
  908. SEARCH : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  909. selector : .section .primary .featured.listing #addon-list-options ~ .item
  910. === */
  911. .separated-listing .item>.item-info {
  912.     position: relative !important;
  913.     display: inline-block !important;
  914.     float: none !important;
  915.     width: 377px !important;
  916.     height: 25px ! important;
  917.     line-height: 11px !important;
  918.     left: -58px !important;
  919.     top: -12px !important;
  920.     border-left: none ! important;
  921.     text-align: center !important;
  922. }
  923. /* (new8) MY COLL LIST -
  924. https://addons.mozilla.org/en-US/firefox/collections/decembre/
  925. === */
  926. .featured.listing  .item .item-info  {
  927.      position: absolute !important;
  928.      display: inline-block !important;
  929.      float: none !important;
  930.      width: 100% ! important;
  931.      width: 380px !important;
  932.      height: 25px ! important;
  933.      line-height: 11px !important;
  934.      left: -10px !important;
  935.      top: 85px !important;
  936.      bottom: 12px !important;
  937.      border-left: none ! important;
  938.      text-align: center !important;
  939. }
  940. /* (new12) SEARCH -
  941. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  942. === */
  943. .featured.listing  #addon-list-options ~  .item .item-info  {
  944.      margin-top: -32px !important;
  945. }
  946. .featured.listing  #addon-list-options ~  .item .item-info  .addon-rating {
  947.      position: relative !important;
  948.      display: inline-block !important;
  949.      width: 95px !important;
  950.      margin-left: -140px !important;
  951.      left: -10px ! important;
  952.      padding: 2px !important;
  953.      text-align: center !important;
  954.      top: -16px !important;
  955. /* background: red ! important; */
  956. }
  957. /* (new8) SEARCH - AUTHOR + NBR DOWNLOADS / UPDATE / SHARE FAV etc -
  958. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=updated
  959. === */
  960. .featured.listing  #addon-list-options ~  .item>h3>span {
  961.      position: relative !important;
  962.      display: inline-block !important;
  963.      overflow: visible !important;
  964.      margin-left: -70px !important;
  965.      left: 10px ! important;
  966. }
  967. .featured.listing  #addon-list-options ~  .item .item-info  .downloads {
  968.      margin-left: -3px !important;
  969.      margin-top: -16px !important;
  970.      text-align: left !important;
  971.      width: 182px !important;
  972. }
  973. .featured.listing  #addon-list-options ~  .item .item-info  .updated {
  974.      margin-left: -204px !important;
  975.      top: 2px !important;
  976.      text-align: left !important;
  977.      width: 182px !important;
  978. }
  979. .featured.listing  #addon-list-options ~  .item .item-info  .collection_widgets.widgets.condensed {
  980.      left: -145px !important;
  981.      top: 31px !important;
  982.      width: auto ! important;
  983. }
  984.  
  985. /* ============================= */
  986.  
  987. /* ==== BUTTON INSTALL === */
  988.  
  989. /* BUT INSTAL - SEARCH ADDON - ACTION BLOCK>INSTAL - FOLLOW COLL - VISIBILITY -
  990. (id="search-facets" class="secondary" )
  991. SEARCH FACETS: https://addons.mozilla.org/en-US/firefox/search/?q=privacy&platform=windows&appver=20.0&page=2&cat=1%2C0
  992. html body.html-ltr div#page.c section.primary div.listing div#pjax-results div.items div.item div.action div.install-shell
  993. === */
  994. .items .item.addon .action {
  995.      position: absolute !important;
  996.      height: 15px !important;
  997.      top: 42px !important;
  998.      padding: 0 !important;
  999.      border: none !important;
  1000. }
  1001. /* (new60) RATING / FOLLOWERS -
  1002. FEATURED EXT :https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured&page=2
  1003. === */
  1004. .listing .item .vitals {
  1005.      position: absolute !important;
  1006.      display: inline-block !important;
  1007.      width: 96% !important;
  1008.      height: 13px ! important;
  1009.      line-height: 13px ! important;
  1010.      margin-top: -2px;
  1011.      left: 25px !important;
  1012.      top: 50px !important;
  1013.      text-align: center !important;
  1014. z-index: 0 !important;
  1015. }
  1016.  
  1017. /* ADDON PAGE - PLATEFORM (win/Mac)  - A VOIR -
  1018. https://addons.mozilla.org/fr/firefox/addon/bittorrent-surf-beta/
  1019. === */
  1020.  
  1021. /* (new35) - MOZAIC - BY CATEGORIE / PRESENTATION PAGE -
  1022. https://addons.mozilla.org/fr/firefox/extensions/games-entertainment/
  1023. === */
  1024. .firefox.moz-header-slim.category-landing .primary {
  1025.     top: 25px;
  1026. }
  1027. .is-impala .island.hero {
  1028.     width: 238px !important;
  1029.     height: 100% !important;
  1030.     max-height: 838px !important;
  1031.     min-height: 838px !important;
  1032.     max-width: 238px !important;
  1033.     min-width: 238px !important;
  1034.     margin-left: -480px !important;
  1035.     top: -41px !important;
  1036. }
  1037. .is-impala .island.hero h1{
  1038.     position: inherit !important;
  1039.     display: inline-block !important;
  1040.     width: 219px !important;
  1041.     left: -505px !important;
  1042.     top: -4px !important;
  1043.     padding: 5px !important;
  1044.     border-radius: 3px !important;
  1045.     text-align: left !important;
  1046.     font-size: 18px ! important;
  1047.     white-space: pre-wrap ! important;
  1048.     background: #222 !important;
  1049. }
  1050. /* (new12) BANNER */
  1051. .banner-box {
  1052.     position: absolute !important;
  1053.     display: inline-block !important;
  1054.     height: 100px;
  1055.     width: 100px;
  1056.     width: auto ! important;
  1057.     left: 152px !important;
  1058.     right: -15px;
  1059.     top: -19px !important;
  1060.     overflow: hidden;
  1061.     pointer-events: none;
  1062.     transform: scale(0.65) !important;
  1063. }
  1064. .banner-box .banner {
  1065.     color: white !important;
  1066.     transform: translate(50%, -50%) rotate(45deg) translateY(55px) ! important;
  1067. /* transform: scale(0.5) !important; */
  1068. /* transform: rotate(45deg) ! important; */
  1069. /* transform: translate(50%, -50%) ! important; */
  1070. /* transform: translateY(55px) ! important; */
  1071. /* transform: translateX(55px) ! important; */
  1072. }
  1073. .banner-box .banner {
  1074.     position: absolute;
  1075.     display: inline-block !important;
  1076.     top: 0;
  1077.     right: 0;
  1078.     padding: 6px 60px;
  1079.     color: #fff;
  1080.     text-align: center;
  1081.     text-transform: uppercase;
  1082.     white-space: nowrap;
  1083.     background: none repeat scroll 0 0 #489615;
  1084. }
  1085. .install-wrapper.featuredaddon +.banner-box {
  1086.     position: absolute !important;
  1087.     display: inline-block !important;
  1088.     left: 663px !important;
  1089.     top: -15px !important;
  1090.     transform: scale(0.7) !important;
  1091. }
  1092. .is-impala .island.hero .listing-grid.c.featured.three-col>section ,
  1093. .is-impala .island.hero ul.listing-grid.c.featured.three-col {
  1094.     position: absolute !important;
  1095.     display: inline-block !important;
  1096.     height: 200px;
  1097.     width: 100% !important;
  1098.     max-width: 219px !important;
  1099.     min-width: 219px !important;
  1100. }
  1101. #popular-extensions +.primary [id^="featured-"] ,
  1102. #popular-extensions +.primary #upandcoming ,
  1103. .is-impala .island.hero  ~.island.c {
  1104.     width: 1443px !important;
  1105.     margin-left: -390px !important;
  1106.     margin-bottom: 4px !important;
  1107.     padding: 4px 14px 12px;
  1108. }
  1109. .is-impala  #page.c section.secondary + section.primary .island.c:not(.hero){
  1110.     width: 1443px !important;
  1111.     margin-left: -240px !important;
  1112.     margin-top: -40px !important;
  1113.     margin-bottom: 42px !important;
  1114.     padding: 4px 14px 12px;
  1115. }
  1116.  
  1117.  
  1118.  
  1119. /* =========== TEST ============  */
  1120.  
  1121. /* (new70) MOZAIC - CORRECTION FOR "NEWEST PAGE" -
  1122. A VOIR :
  1123. COLL NEWEST : https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  1124. (NOT RESULT PAGE) :
  1125. FEATURED EXTENSIONS :  https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured&page=2
  1126. NOT SEARCH : https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  1127. === */
  1128. .island.hero.c.listing:not(.results) {
  1129.     position: relative !important;
  1130.     left: -505px !important;
  1131.     min-width: 1700px !important;
  1132.     max-width: 1700px !important;
  1133.     min-height: 755px !important;
  1134.     max-height: 755px !important;
  1135. }
  1136. /* (new66) ADAPTATION GM AUTOPAGERIZE */
  1137. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items  ,
  1138. .island.hero.c.listing:not(.results) .items {
  1139.     display: inline-block !important;
  1140.     position: relative !important;
  1141.     min-width: 1680px !important;
  1142.     max-width: 1680px !important;
  1143.     min-height: 770px !important;
  1144.     max-height: 770px !important;
  1145.     margin-bottom: 0px !important;
  1146.     overflow: hidden !important;
  1147.     overflow-y: auto !important;
  1148. }
  1149.  
  1150. /* (new66) ADAPTATION GM Super_preloaderPlus_one [English Version] */
  1151. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items ,
  1152. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items {
  1153.     display: inline-block !important;
  1154.     position: relative !important;
  1155.     min-width: 1676px !important;
  1156.     max-width: 1676px !important;
  1157.     min-height: 695px !important;
  1158.     max-height: 695px !important;
  1159.     margin-bottom: 24px !important;
  1160.     overflow: hidden !important;
  1161.     overflow-y: auto !important;
  1162. /* background: aqua !important; */
  1163. }
  1164. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item ,
  1165. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item {
  1166.     border-radius: 5px;
  1167.     height: 160px !important;
  1168.     top: 0px !important;
  1169.     margin-bottom: 11px !important;
  1170. /* background: aqua !important; */
  1171. }
  1172. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info ,
  1173. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info {
  1174.     display: inline-block !important;
  1175.     width: 100% !important;
  1176. width: 327px !important;
  1177.     height: 100% !important;
  1178.     min-height: 159px !important;
  1179.     max-height: 159px !important;
  1180.     padding: 0px !important;
  1181. overflow: hidden !important;
  1182. /* background: tomato !important; */
  1183. }
  1184. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 ,
  1185. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3{
  1186.     display: inline-block !important;
  1187.     width: 324px !important;
  1188.     height: 100% !important;
  1189.     min-height: 62px !important;
  1190.     max-height: 62px !important;
  1191.     top: 0 !important;
  1192. border: 1px solid gray !important;
  1193. /* background: blue !important; */
  1194. }
  1195. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a:first-of-type ,
  1196. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a:first-of-type {
  1197.     display: inline-block !important;
  1198.     width: 270px !important;
  1199.     height: 100% !important;
  1200.     min-height: 37px !important;
  1201.     max-height: 37px !important;
  1202.     margin-left: 24px !important;
  1203.     top: 0 !important;
  1204. /* background: tan !important; */
  1205. }
  1206. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 >  .featured ,
  1207. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 >  .featured {
  1208.     max-width: 60px !important;
  1209.     min-width: 60px !important;
  1210.     top: 24px !important;
  1211.     left: 282px !important;
  1212.  
  1213. }
  1214. #page.c section.primary .island.listing #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension ,
  1215. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension ,
  1216. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension {
  1217.     position: absolute;
  1218.     width: 50px !important;
  1219.     left: 0px !important;
  1220.     top: 60px !important;
  1221.     transition: all 0.7s ease 0s;
  1222.     white-space: nowrap;
  1223.     overflow: hidden;
  1224.     text-overflow: ellipsis;
  1225.     opacity: 0.4;
  1226.     z-index: 500 !important;
  1227. }
  1228. #page.c section.primary .island.listing #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension:hover  ,
  1229. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension:hover ,
  1230. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > h3 > a.is-webextension:hover {
  1231.     position: absolute;
  1232.     width: 200px !important;
  1233.     opacity: 1 !important;
  1234. }
  1235. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info > .desc  ,
  1236. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info > .desc {
  1237.     position: relative;
  1238.     display: inline-block !important;
  1239.     width: 312px !important;
  1240.     height: 100% !important;
  1241.     min-height: 62px !important;
  1242.     max-height: 62px !important;
  1243. /*     top: 65px !important; */
  1244.     margin-top: 84px !important;
  1245.     margin-left: 1px !important;
  1246. border: 1px solid gray !important;
  1247. border-radius: 0 0 5px 5px !important;
  1248. overflow: hidden !important;
  1249. overflow-y: auto !important;
  1250. /* background: blue !important; */
  1251. }
  1252. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action,
  1253. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action {
  1254.     position: relative;
  1255.     width: 327px;
  1256.     top: 65px !important;
  1257. /* background: aqua !important; */
  1258. }
  1259. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell ,
  1260. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell {
  1261.     display: inline-block;
  1262.     left: 5px;
  1263.     top: 8px;
  1264.     width: 295px;
  1265. }
  1266. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell .install  ,
  1267. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action .install-shell .install {
  1268.     float: left !important;
  1269.     max-height: 10px !important;
  1270.     min-height: 10px !important;
  1271. }
  1272. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell .install-button  ,
  1273. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~ .items .item .info + .action  > .install-shell .install-button {
  1274.     display: inline-block;
  1275.     position: absolute;
  1276.     width: 305px;
  1277.     top: -8px !important;
  1278. }
  1279.  
  1280. #page.c section.primary .island.listing.results #sorter + .items + #sp-separator-2 ~ .items  .install-shell ,
  1281. #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell {
  1282.      display: inline-block ! important;
  1283.      width: 295px ! important;
  1284.      top: 8px ! important;
  1285.      left: 5px !important;
  1286.      text-align: center ! important;
  1287. }
  1288.  
  1289. /* (new66) COLLECTION - ADAPT GM SUPER PRELOADER PLUS */
  1290. .collections  #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items {
  1291.     position: relative;
  1292.     min-height: 745px !important;
  1293.     max-height: 745px !important;
  1294.     min-width: 1680px !important;
  1295.     max-width: 1680px !important;
  1296.     margin-bottom: 0 !important;
  1297.     overflow-x: hidden;
  1298.     overflow-y: auto;
  1299. /* background: red !important; */
  1300. }
  1301. .collections  #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item .info + .action {
  1302.     position: relative;
  1303.     width: 327px;
  1304.     top: -137px !important;
  1305. /* background: aqua !important; */
  1306. }
  1307. .collections  #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell {
  1308.      display: inline-block ! important;
  1309.      width: 295px ! important;
  1310. height: 100% !important;
  1311.      min-height: 20px !important;
  1312.      max-height: 20px !important;
  1313. /*      top: -170px !important; */
  1314.      left: 5px !important;
  1315.      text-align: center ! important;
  1316. }
  1317.  
  1318. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items  .vitals.c {
  1319.     position: absolute !important;
  1320.     display: inline-block !important;
  1321.     height: 13px !important;
  1322.     width: 96% !important;
  1323.     left: 5px !important;
  1324.     top: 40px !important;
  1325.     text-align: center;
  1326.     z-index: 20;
  1327. }
  1328. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .author {
  1329.     display: inline-block !important;
  1330.     left: 0;
  1331.     max-width: 310px;
  1332.     min-width: 310px;
  1333.     overflow: hidden;
  1334.     position: absolute;
  1335.     text-align: center;
  1336.     text-overflow: ellipsis;
  1337.     top: 48px;
  1338.     white-space: nowrap;
  1339. }
  1340. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items  .vitals.c .followers {
  1341.     position: absolute;
  1342. right: 75px;
  1343.     top: 25px !important;
  1344. }
  1345.  
  1346. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell .watch.button {
  1347.     width: 294px;
  1348. height: 100% !important;
  1349.      min-height: 15px !important;
  1350.      max-height: 15px !important;
  1351. line-height: 0px !important;
  1352.     left: 0;
  1353. /* font-size: 0 !important; */
  1354. /* top: -190px !important; */
  1355.     opacity: 0.5 !important;
  1356. /* color: transparent !important; */
  1357. /* background-color: red !important; */
  1358. background-color: transparent !important;
  1359. }
  1360. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch.button::after {
  1361.     content: "follow";
  1362.     position: absolute;
  1363.     height: 10px;
  1364.     line-height: 10px;
  1365.     width: 75px;
  1366.     top: 3px;
  1367.     margin-left: 4px;
  1368.     padding: 1px;
  1369.     border-radius: 3px;
  1370.     color: transparent !important;
  1371.     text-align: center;
  1372. /* font-size: 20px !important; */
  1373. }
  1374. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch:hover ,
  1375. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch {
  1376.     width: 12px !important;
  1377.     height: 10px !important;
  1378.     top: 8px !important;
  1379.     left: -5px !important;
  1380.     font-size: 0 !important;
  1381.     background-color: transparent !important;
  1382.     opacity: 0.5 !important;
  1383. }
  1384. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch  {
  1385.     width: 290px !important;
  1386.     height: 13px !important;
  1387.     background-position: -0px -650px !important;
  1388.     background-repeat: no-repeat !important;
  1389.     background-image: url(https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b) !important;
  1390. }
  1391. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch:hover {
  1392.     width: 290px !important;
  1393.     background-position: 0 -700px !important;
  1394.     opacity: 1 !important;
  1395. }
  1396. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item:not(.watching) .action .install-shell .watch:hover::after {
  1397.     color: gold !important;
  1398. }
  1399.  
  1400.  
  1401.  
  1402. .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 {
  1403.     background: green none repeat scroll 0 0;
  1404.     border-radius: 3px;
  1405.     color: gold;
  1406.     content: "follow";
  1407.     font-size: 10px;
  1408.     height: 10px;
  1409.     margin-left: 8px;
  1410.     margin-top: -1px;
  1411.     padding: 1px;
  1412.     position: absolute;
  1413.     width: 75px;
  1414. }
  1415.  
  1416.  
  1417. /* IS WATCHING */
  1418.  
  1419. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell  .is-watching {
  1420.     position: absolute;
  1421.     left: 50px !important;
  1422.     top: 18px !important;
  1423. color: tan !important;
  1424. }
  1425. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items   .install-shell:hover  .is-watching  {
  1426. visibility: hidden !important;
  1427. opacity: 0 !important;
  1428. }
  1429. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item.watching .action .install-shell .watch.button span {
  1430. visibility: hidden !important;
  1431. opacity: 0 !important;
  1432. background-color: red !important;
  1433. }
  1434. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items + #sp-separator-2 ~.items .item.watching .action .install-shell .watch.button:hover span {
  1435. font-size: 10px !important;
  1436. color: gold !important;
  1437. visibility: visible !important;
  1438. opacity: 1 !important;
  1439. }
  1440.  
  1441.  
  1442.  
  1443.  
  1444.  
  1445.  
  1446.  
  1447. /* (new68) COLLECTION - MOST FOLLOWED - ==== */
  1448. .collections .island.hero.c.listing {
  1449.     min-width: 1686px !important;
  1450.     max-width: 1686px !important;
  1451. }
  1452.  
  1453. .collections .island.hero.c.listing:not(.results) .items  {
  1454.     display: inline-block !important;
  1455.     position: relative !important;
  1456.     min-width: 1686px !important;
  1457.     min-height: 710px !important;
  1458.     max-height: 710px !important;
  1459.     margin-bottom: 24px !important;
  1460.     overflow: visible !important;
  1461. }
  1462.  
  1463.  
  1464. /* (new54) FOR FEATURED -
  1465. https://addons.mozilla.org/En-us/firefox/extensions/?sort=featured&page=1
  1466. - === */
  1467. #page.c section.primary .island.listing:not(.results) #sorter + .items  {
  1468.     margin-bottom: 45px !important;
  1469. }
  1470.  
  1471. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info + .items  {
  1472. margin-bottom: 0px !important;
  1473. margin-top: 0px !important;
  1474. /* background: red !important; */
  1475. }
  1476. /* ============== */
  1477. #related.secondary.metadata.c + section.primary {
  1478.     position: absolute !important;
  1479.     display: inline-block !important;
  1480.     width: 44% !important;
  1481.     height: 193px !important;
  1482.     left: 10px !important;
  1483.     margin-left: -464px !important;
  1484.     top: 81px !important;
  1485.     z-index: 10 !important;
  1486. }
  1487. #related.secondary.metadata.c + section.primary > section {
  1488.     max-height: 240px ! important;
  1489.     margin-top: 4px !important;
  1490.     padding-top: 10px !important;
  1491.     border-radius: 5px !important;
  1492.     border: 1px solid red !important;
  1493.     padding-bottom: 5px !important;
  1494. }
  1495. #related.secondary.metadata.c + section.primary > section:not([id="author-addons"])>h2{
  1496.     margin-bottom: 14px !important;
  1497.     margin-top: -12px !important;
  1498.     font-size: 17px !important;
  1499. }
  1500. /* (new34) RECOMMENDATION */
  1501. #related.secondary.metadata.c + section.primary > section:not([id="collections-grid"]) {
  1502.     margin-top: -8px !important;
  1503.     padding-top: 10px !important;
  1504.     border-radius: 5px !important;
  1505.     border: 1px solid red !important;
  1506. }
  1507. /* (new38) ADDON PAGE - COLLECTION */
  1508. #related.secondary.metadata.c + section.primary > section:last-of-type {
  1509.     display: inline-block !important;
  1510.     padding-bottom: 0 !important;
  1511.     border: 1px solid red !important;
  1512. }
  1513. #related.secondary.metadata.c + section.primary > #collections-grid {
  1514.     display: inline-block !important;
  1515.     margin-top: -10px !important;
  1516.     padding-bottom: 0 !important;
  1517.     border: 1px solid red !important;
  1518. }
  1519.  
  1520. #related.secondary.metadata.c + section.primary > section ul {
  1521.     box-sizing: border-box !important;
  1522.     display: inline-block !important;
  1523.     width: 100% !important;
  1524.     left: 0 !important;
  1525.     margin-top: -8px !important;
  1526. }
  1527.  
  1528. /* (new40) ADDON PAGE - AUTHOR ADDON -
  1529. STYLISH : https://addons.mozilla.org/fr/firefox/addon/stylish/
  1530. OPTIONS TOOLBAR BUTTON (large desciption + 6 author addon) : https://addons.mozilla.org/fr/firefox/addon/options-toolbar-button/?src=dp-dl-oftenusedwith
  1531. Nightly Tester Tools (FULL OPTIONS) : https://addons.mozilla.org/fr/firefox/addon/nightly-tester-tools/
  1532. === */
  1533. #related.secondary.metadata.c + section.primary > section#author-addons {
  1534.     position: absolute !important;
  1535.     display: inline-block !important;
  1536.     min-width: 428px !important;
  1537.     min-height: 240px !important;
  1538.     max-height: 240px !important;
  1539.     left: 15px !important;
  1540.     top: 237px !important;
  1541.     padding: 0 10px  5px 10px ! important;
  1542.     border-radius: 5px !important;
  1543.     border: 1px solid red !important;
  1544. }
  1545.  
  1546. #related.secondary.metadata.c + section.primary > section#author-addons h2 {
  1547.     font-size: 17px !important;
  1548. }
  1549.  
  1550. #related.secondary.metadata.c + section.primary > section#author-addons  section {
  1551.     position: relative;
  1552.     display: inline-block !important;
  1553.     left: -12px !important;
  1554.     max-width: 452px !important;
  1555.     min-width: 452px !important;
  1556. }
  1557. #related.secondary.metadata.c + section.primary > section#author-addons  section li {
  1558.     max-width: 210px !important;
  1559.     min-width: 210px !important;
  1560. }
  1561.  
  1562.  
  1563. /* (new40) ADDON PAGE - AUTHOR ADDON - ADD TXT "No Others Addon by this Author" - === */
  1564. .secondary.addon-reviews.c + #reviews.island:before  {
  1565.     content: "No Others Addon \A by this Author.... " !important;
  1566.     position: absolute !important;
  1567.     display: inline-block !important;
  1568.     min-height: 195px !important;
  1569.     max-height: 195px !important;
  1570.     line-height: 17px !important;
  1571.     width: 443px !important;
  1572.     left: 0px !important;
  1573.     top: -256px !important;
  1574.     padding: 50px 0px 0px 5px !important;
  1575.     border-radius: 5px !important;
  1576.     border: 1px solid red !important;
  1577.     white-space: pre !important;
  1578.     font-size: 17px !important;
  1579.     color: gold !important;
  1580. }
  1581. .previews ~ .secondary.addon-reviews.c + #reviews.island:before  {
  1582.     content: "No Others Addon \A by this Author.... " !important;
  1583.     position: absolute !important;
  1584.     display: inline-block !important;
  1585.     min-height: 194px !important;
  1586.     max-height: 194px !important;
  1587.     line-height: 17px !important;
  1588.     width: 442px !important;
  1589.     left: 0px !important;
  1590.     top: -254.2px !important;
  1591.     padding: 50px 0px 0px 5px !important;
  1592.     border-radius: 5px !important;
  1593.     border: 1px solid red !important;
  1594.     white-space: pre !important;
  1595.     font-size: 17px !important;
  1596.     color: gold !important;
  1597. }
  1598.  
  1599. /* (new65 ADDON PAGE - COLLECTIONS ADDON - ADD TXT "No Collections ..." - === */
  1600.  
  1601. /* NO COLL / NO OTHERS ADONS / NO REVIEW*/
  1602. .primary.addon-description-header:before    {
  1603.     content: "No Collections ..." !important;
  1604.     position: absolute !important;
  1605.     display: inline-block !important;
  1606.     min-height: 166px !important;
  1607.     max-height: 166px !important;
  1608.     line-height: 17px !important;
  1609.     width: 440px !important;
  1610.     left: -454px !important;
  1611.     top: 0px !important;
  1612.     padding: 50px 0px 0px 5px !important;
  1613.     border-radius: 5px !important;
  1614.     border: 1px solid yellow !important;
  1615.     white-space: pre !important;
  1616.     font-size: 17px !important;
  1617.     color: gold !important;
  1618.     z-index: 0 !important;
  1619. }
  1620.    
  1621. #related.secondary.metadata.c + section.primary > section#author-addons:before   {
  1622.     content: "No Collections ..." !important;
  1623.     position: absolute !important;
  1624.     display: inline-block !important;
  1625.     min-height: 166px !important;
  1626.     max-height: 166px !important;
  1627.     line-height: 17px !important;
  1628.     width: 443px !important;
  1629.     left: 0px !important;
  1630.     top: -226px !important;
  1631.     padding: 50px 0px 0px 5px !important;
  1632.     border-radius: 5px !important;
  1633.     border: 1px solid red !important;
  1634.     white-space: pre !important;
  1635.     font-size: 17px !important;
  1636.     color: gold !important;
  1637.     z-index: -1 !important;
  1638. }
  1639.  
  1640. .previews ~ #related.secondary.metadata.c + section.primary > section#author-addons:before   {
  1641.     content: "No Collections ..." !important;
  1642.     position: absolute !important;
  1643.     display: inline-block !important;
  1644.     min-height: 167px !important;
  1645.     max-height: 167px !important;
  1646.     line-height: 17px !important;
  1647.     width: 442px !important;
  1648.     left: 0px !important;
  1649.     top: -225px !important;
  1650.     padding: 50px 0px 0px 5px !important;
  1651.     border-radius: 5px !important;
  1652.     border: 1px solid red !important;
  1653.     white-space: pre !important;
  1654.     font-size: 17px !important;
  1655.     color: gold !important;
  1656.     z-index: -1 !important;
  1657. }
  1658. #related.secondary.metadata.c + section.primary.more-island #developer-comments:before   {
  1659.     content: "No Collections ..." !important;
  1660.     position: absolute !important;
  1661.     display: inline-block !important;
  1662.     min-height: 167px !important;
  1663.     max-height: 167px !important;
  1664.     line-height: 17px !important;
  1665.     width: 440px !important;
  1666.     left: 9px !important;
  1667.     top: 456px !important;
  1668.     padding: 50px 0px 0px 5px !important;
  1669.     border-radius: 5px !important;
  1670.     border: 1px solid red !important;
  1671.     white-space: pre !important;
  1672.     font-size: 17px !important;
  1673.     color: gold !important;
  1674.     z-index: -1 !important;
  1675. }
  1676.  
  1677. /* ALL */
  1678.  
  1679. /* (new67) TOP FIRST */
  1680. /* FIRST - .island.hero.c */
  1681. .listing-grid.featured.three-col.listing-grid section:first-child {
  1682.     display: inline-block !important;
  1683.     left: 121px !important;
  1684. }
  1685. .listing-grid.c.featured.three-col li .hovercard.addon {
  1686.     display: inline-block !important;
  1687.     width: 231px !important;
  1688.     height: 200px !important;
  1689.     top: 5px !important;
  1690.     left: -45px !important;
  1691.     padding: 0 !important;
  1692.     overflow: hidden !important;
  1693.     transition: width ease 0.7s , left ease 1s !important;
  1694. }
  1695. .listing-grid.c.featured.three-col li .hovercard:hover {
  1696.     display: inline-block !important;
  1697.     width: 700px !important;
  1698.     height: 200px !important;
  1699.     top: -130px !important;
  1700.     left: -215px !important;
  1701.     border-radius: 5px ! important;
  1702.     transition: width ease 1s , left ease 0.7s !important;
  1703. }
  1704. .listing-grid.c.featured.three-col li .hovercard:hover .more {
  1705.     height: 150px !important;
  1706.     margin-left: 235px !important;
  1707.     margin-top: -174px !important;
  1708.     width: 442px !important;
  1709.     padding: 10px !important;
  1710.     border-radius: 0 0 5px 0 !important;
  1711.     background: #333  !important;
  1712. }
  1713. .listing-grid.c.featured.three-col li .hovercard:hover .more > .install-shell  {
  1714.     width: 480px !important;
  1715.     text-align: center !important;
  1716. }
  1717. .listing-grid.c.featured.three-col li .hovercard.addon > a {
  1718.     display: inline-block !important;
  1719.     min-width: 222px !important;
  1720. }
  1721. .listing-grid.c.featured.three-col li .hovercard.addon .summary {
  1722.     display: inline-block !important;
  1723.     -moz-box-sizing: border-box !important;
  1724.     width: 230px !important;
  1725.     height: auto !important;
  1726.     margin-left: 1px !important;
  1727.     padding: 5px !important;
  1728.     border-radius: 5px  !important;
  1729.     background: #222 !important;
  1730. }
  1731. .listing-grid.c.featured.three-col li .hovercard.addon:hover .summary h3 {
  1732.     min-width: 680px !important;
  1733.     border-radius: 3px 3px 0 3px !important;
  1734.     text-align: center !important;
  1735.     background: #333 !important;
  1736. }
  1737. .listing-grid.c.featured.three-col li .hovercard.addon:hover > a  {
  1738.     display: inline-block !important;
  1739.     -moz-box-sizing: border-box !important;
  1740.     width: 700px !important;
  1741.     height: auto !important;
  1742.     margin-left: 1px !important;
  1743.     border-radius: 5px  !important;
  1744. }
  1745. .listing-grid.c.featured.three-col li .hovercard.addon:hover .summary {
  1746.     display: inline-block !important;
  1747.     width: 700px !important;
  1748.     height: auto !important;
  1749.     margin-left: 1px !important;
  1750.     padding: 5px !important;
  1751.     border-radius: 5px  !important;
  1752.     background: #222 !important;
  1753. }
  1754.  
  1755.  
  1756. .listing-grid.c.featured.three-col li .hovercard.addon .summary  div img {
  1757.     border: none !important;
  1758.     box-shadow: none !important;
  1759. }
  1760.  
  1761. .listing-grid.c.featured.three-col li .hovercard.addon h3 {
  1762.     max-width: 215px !important;
  1763.     min-width: 215px !important;
  1764.     padding: 2px 5px !important;
  1765.     overflow: hidden;
  1766.     text-overflow: ellipsis;
  1767.     white-space: nowrap;
  1768. }
  1769.  
  1770.  
  1771.  
  1772. /* (new8) 3 COL - COUNTER - === */
  1773. #popular-extensions +.primary [id^="featured-"] .listing-grid  ,
  1774. #popular-extensions +.primary #upandcoming .listing-grid  ,
  1775. .listing-grid.c.cols-3 {
  1776.     counter-reset: myIndex 0 !important;
  1777.     display: inline-block !important;
  1778. }
  1779. #popular-extensions +.primary [id^="featured-"] .listing-grid section li:after ,
  1780. #popular-extensions +.primary #upandcoming .listing-grid section li:after ,
  1781. .listing-grid.c.cols-3 li:after {
  1782.     content: counter(myIndex, decimal) ;
  1783.     counter-increment: myIndex 1 ;
  1784.     position: absolute ;
  1785.     min-width: 19px ;
  1786.     top: 49px ;
  1787.     left: 15px ;
  1788.     border-radius: 10px 10px 10px 10px ;
  1789.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
  1790.     font-size: 15px ;
  1791.     text-align: center ;
  1792.     background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) ;
  1793. }
  1794. /* (new41) PERSONAS - === */
  1795. #popular-extensions +.primary [id^="featured-"] .listing-grid.personas section li:after {
  1796.     top: 25px ! important;
  1797.     left: 3px  ! important;
  1798.     z-index: 100  ! important;
  1799. }
  1800. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li {
  1801.     border-radius: 5px;
  1802.     height: 90px !important;
  1803. }
  1804.  
  1805. #popular-extensions +.primary [id^="featured-"] .listing-grid.personas section li h3 {
  1806.     width: 201px !important;
  1807.     text-align: center !important;
  1808. }
  1809.  
  1810. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona  {
  1811.     height: 90px !important;
  1812. }
  1813. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona .persona-preview {
  1814.     position: relative;
  1815.     float: right;
  1816.     width: 182px!important;
  1817.     height: 48px;
  1818.     overflow: hidden;
  1819.  
  1820. border: 1px solid gray ! important;
  1821. }
  1822. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona .more {
  1823.     display: inline-block !important;
  1824.     top: -12px !important;
  1825.     padding: 0;
  1826. }
  1827.  
  1828. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona:hover {
  1829.     border-radius: 5px;
  1830.     height: 75px !important;
  1831. }
  1832. /* (COR) */
  1833. #popular-extensions + .primary [id^="featured-"] .listing-grid.personas section li .hovercard.persona:hover .more.adu {
  1834.     display: inline-block !important;
  1835.     width: 193px ! important;
  1836.     padding: 0 10px ! important;
  1837.     left: -10px ! important;
  1838. /*    padding: 0;*/
  1839. }
  1840. /* (new44) A VOIR - 3 COL */
  1841. #popular-extensions +.primary [id^="featured-"] .listing-grid section li ,
  1842. #popular-extensions +.primary #upandcoming .listing-grid section li ,
  1843. .listing-grid.c.cols-3 section li {
  1844.     position: relative !important;
  1845.     display: inline-block !important;
  1846.     -moz-box-sizing: border-box !important;
  1847.     height: 70px !important;
  1848.     max-width: 215px ! important;
  1849.     min-width: 215px ! important;
  1850.     margin-bottom: 1px !important;
  1851.     left: 5px !important;
  1852.     margin-right: 5px !important;
  1853.     border-radius: 5px !important;
  1854.     background: black !important;
  1855. }
  1856.  
  1857.  
  1858. .hovercard.addon {
  1859.     margin-bottom: 5px;
  1860.     margin-left: 45px !important;
  1861.     margin-right: 5px;
  1862.     margin-top: 5px;
  1863.     top: -5px !important;
  1864. }
  1865. .hovercard.collection.addon {
  1866.     margin-bottom: 5px;
  1867.     margin-left: 45px !important;
  1868.     margin-right: 5px;
  1869.     margin-top: 5px;
  1870.     top: -5px !important;
  1871. }
  1872. .hovercard:hover .more {
  1873.     position: relative;
  1874.     top: -4px !important;
  1875.     padding: 0 14px 8px 12px;
  1876. }
  1877.  
  1878. .hovercard:hover .more .extra span.notavail {
  1879.     position: relative ! important;
  1880.     display: inline-block ! important;
  1881.     top: -12px ! important;
  1882. }
  1883. .hovercard:hover .more > .install-shell {
  1884.     top: -3px !important;
  1885. }
  1886. /*(new58) ADDON PAGE - FREQUENT USE WITH - INSTALL CONTAINER -
  1887. ADAPTATION GM AUTOPAGERIZE
  1888. === */
  1889. #author-addons ul.listing-grid.c.cols-3 section li .addon.hovercard .more >.install-shell  ,
  1890. .addon-details #recommendations-grid ul.listing-grid.c.cols-3 section li .addon.hovercard .more .install-shell .install {
  1891.     top: -16px !important;
  1892. }
  1893. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info +.action > .install-shell {
  1894.     top: 8px !important;
  1895. }
  1896. /* (new44) - 3 coll - ADDON PAGE - COLLECTION LEFT === */
  1897. #collections-grid ul section li:last-of-type {
  1898.     position: relative !important;
  1899.     display: inline-block !important;
  1900.     -moz-box-sizing: border-box !important;
  1901.     min-height: 90px !important;
  1902.     max-width: 435px ! important;
  1903.     min-width: 435px ! important;
  1904.     margin-top: 15px !important;
  1905.     margin-bottom: -10px !important;
  1906.     left: 8px !important;
  1907.     margin-right: 12px !important;
  1908.     border-radius: 5px !important;
  1909.     background: black !important;
  1910. }
  1911. #collections-grid ul section li:last-of-type .hovercard.collection.addon .desc {
  1912.     max-width: 350px ! important;
  1913.     min-width: 350px ! important;
  1914. }
  1915.  
  1916. /* (new8) 3 COLL - LIST BLOCK CONTAINER -  OTHER - === */
  1917. #popular-extensions +.primary [id^="featured-"] .listing-grid ,
  1918. #popular-extensions +.primary #upandcoming .listing-grid  ,
  1919. .listing-grid.c.cols-3 {
  1920.     min-width: 428px !important;
  1921.     max-width: 1410px !important;
  1922.     height: auto !important;
  1923.     margin-top: -10px !important;
  1924.     margin-bottom: -10px !important;
  1925. }
  1926. #popular-extensions +.primary [id^="featured-"] .listing-grid section ,
  1927. #popular-extensions +.primary #upandcoming .listing-grid section  ,
  1928. .listing-grid.c.cols-3 section {
  1929.     display: inline-block !important;
  1930.     position: relative;
  1931.     width: 1400px !important;
  1932.     left: 20px !important;
  1933. }
  1934.  
  1935.  
  1936. /* (new55) 3 COLL - LIST BLOCK CONTAINER -  ADDON INFO (left side) - -
  1937. https://addons.mozilla.org/en-US/firefox/addon/open-link-host/?src=dp-dl-oftenusedwith
  1938. #related + .primary.island.c .listing-grid.c.cols-3 section
  1939. #breadcrumbs ~ .island.c:not(.hero) .listing-grid.c.cols-3
  1940.  
  1941. #recommendations-grid / #collections-grid / #author-addons
  1942. === */
  1943.  
  1944. [id$="-grid"] .listing-grid.c.cols-3 ,
  1945.  #author-addons {
  1946.     max-width: 425px !important;
  1947.     min-width: 425px !important;
  1948. }
  1949. [id$="-grid"] .listing-grid.c.cols-3 section ,
  1950.  #author-addons section {
  1951.     display: inline-block !important;
  1952.     position: relative;
  1953.     max-width: 445px !important;
  1954.     min-width: 445px !important;
  1955.     left: -12px !important;
  1956. }
  1957. .listing-grid.c.cols-3 section li:only-of-type {
  1958.     margin-left: -2px ;
  1959. /* outline: 1px solid violet !important; */
  1960. }
  1961. /* DIVERS */
  1962. .hovercard a .icon img,
  1963. .hovercard.addon .icon a img {
  1964.     background: none repeat scroll 0 0 rgba(191, 191, 190, 0.33) !important;
  1965.     border-radius: 5px 5px 5px 5px !important;
  1966.     box-shadow: 0 0 2px #CCCCCC inset !important;
  1967.     height: 32px !important;
  1968.     margin-top: -3px !important;
  1969.     padding: 2px !important;
  1970.     width: 32px !important;
  1971. }
  1972.  
  1973. #recommendations-grid ul.listing-grid section li .addon .summary {
  1974.     display: inline-block !important;
  1975.     width: 98% !important;
  1976.     max-height: 65px !important;
  1977.     min-height: 65px !important;
  1978.     padding: 2px !important;
  1979.     color: #666666 !important;
  1980.     white-space: normal !important;
  1981.     overflow: hidden !important;
  1982. }
  1983.  
  1984. /* (new38) (PB COR background) -  ADDON PAGE - PREVIEW BOX - WITH COUNTER -
  1985. https://addons.mozilla.org/en-US/thunderbird/addon/t-bird-titlebar-tweaker/
  1986. ===  */
  1987. .previews {
  1988.     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;
  1989.     position: relative !important;
  1990.     display: inline-block !important;
  1991.     width: 755px !important;
  1992.     height: 140px!important;
  1993.     height: auto !important;
  1994.     margin-left: 1px !important;
  1995.     margin-top: 334px ! important;
  1996.     margin-bottom: 6px !important;
  1997.     padding-bottom: 9px !important;
  1998.     padding-top: 22px !important;
  1999.     border-radius: 3px !important;
  2000. }
  2001.  
  2002. /* (new40) */
  2003. .restyle .previews .carousel {
  2004.     height: 189px !important;
  2005.     margin-bottom: -5px !important;
  2006.     margin-left: -20px !important;
  2007.     margin-top: -18px !important;
  2008.     padding: 4px 20px !important;
  2009. }
  2010. .previews .control {
  2011.     height: 175px !important;
  2012.     line-height: 175px !important;
  2013. }
  2014. /*  (PB COR 4 background) -  */
  2015. .previews .control.prev {
  2016.     background: -moz-linear-gradient(left center , #000000 50%, #2D2C2C) repeat scroll 0 0 transparent !important;
  2017.     width: 30px !important;
  2018. }
  2019. .previews .control.prev {
  2020.     background: -moz-linear-gradient(left center , #000000 50%, rgba(45, 44, 44, 0.36)) repeat scroll 0 0 transparent !important;
  2021. }
  2022. .previews .control.next {
  2023.     background: -moz-linear-gradient(left center , #2D2C2C, #000000 50%) repeat scroll 0 0 transparent !important;
  2024.     width: 30px !important;
  2025. }
  2026. .previews .control.next {
  2027.     background: -moz-linear-gradient(left center , rgba(45, 44, 44, 0.36), #000000 50%) repeat scroll 0 0 transparent !important;
  2028. }
  2029. .previews .carousel .slider.slider .panel:first-of-type {
  2030.     display: inline-block !important;
  2031.     width: 33% !important;
  2032.     margin-left: 1% !important;
  2033. }
  2034. .previews .carousel .slider.slider .panel {
  2035.     display: inline-block !important;
  2036.     width: 32.5% !important;
  2037.     margin-left: 1% !important;
  2038. }
  2039.  
  2040. /* COUNTER */
  2041. .previews .panel {
  2042.     counter-increment: myIndex !important;
  2043. }
  2044. .previews .panel {
  2045.     counter-increment: myIndex !important;
  2046.     display: inline-block !important;
  2047.     width: 29% !important;
  2048.     margin-left: 4% !important;
  2049. }
  2050.  
  2051. .previews .panel:after {
  2052.     content: counter(myIndex, decimal) ;
  2053.     position: absolute ;
  2054.     min-width: 19px ;
  2055.     margin-left: 15% ;
  2056.     margin-top: 3px ;
  2057.     border-radius: 10px 10px 10px 10px ;
  2058.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
  2059.     font-size: 15px ;
  2060.     text-align: center ;
  2061.     background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6) ;
  2062.     z-index: 10 ;
  2063. }
  2064.  
  2065. /* TOTAL BACKGROUND - === */
  2066. #tabzilla-wrapper {
  2067.     background: transparent !important;
  2068.     border-top: 2px solid #FFFFFF;
  2069. }
  2070.  
  2071. /* (new16) LOGIN - === */
  2072. .login .island.hero.prettyform {
  2073.     max-width: 458px !important;
  2074.     min-width: 458px !important;
  2075.     width: 100% !important;
  2076.     max-height: 275px !important;
  2077.     min-height: 275px !important;
  2078.     height: 100% !important;
  2079.     margin-left: 420px !important;
  2080. }
  2081. .login .island.hero.prettyform h1 {
  2082.     max-width: 458px !important;
  2083.     min-width: 458px !important;
  2084.     margin-left: 500px !important;
  2085.     text-align: center!important;
  2086. }
  2087. .login .island.hero.prettyform .listing-footer {
  2088.     height: 212px !important;
  2089.     margin: 0 -1.1em -1.1em;
  2090. }
  2091.  
  2092. .login .island.hero.prettyform .listing-footer .login-option {
  2093.     margin-left: -3px !important;
  2094.     margin-top: -12px !important;
  2095. }
  2096. .login #id_username,
  2097. .login #id_password {
  2098.     width: 460px !important;
  2099.     color: red !important;
  2100. }
  2101. .login-option.prettyform input[type="text"] {
  2102.     height: 20px !important;
  2103.     background: #DAD8D8 !important;
  2104. }
  2105. .login-option.prettyform label {
  2106.     display: inline-block !important;
  2107.     width: 470px !important;
  2108.     margin-top: 4px!important;
  2109.     text-align: center !important;
  2110.     color: gold !important;
  2111. }
  2112. .login-option.prettyform fieldset#normal-login {
  2113.     display: inline-block !important;
  2114.     width: 470px !important;
  2115.     max-height: 229px !important;
  2116.     min-height: 229px !important;
  2117.     left: -20px !important;
  2118. }
  2119. .login-option.prettyform fieldset#normal-login ul {
  2120.     display: inline-block !important;
  2121.     width: 480px !important;
  2122.     left: -20px !important;
  2123. }
  2124.  
  2125.  
  2126. /* (new9) VERSION PAGE - === */
  2127. .listing .warning {
  2128.     position: absolute !important;
  2129.     width: 400px !important;
  2130.     top: -120px !important;
  2131. }
  2132. #tabzilla-wrapper #page.c section.primary >header +.island.c.listing {
  2133.     border: 1px solid yellow !important;
  2134.     display: inline-block !important;
  2135.     max-width: 1860px !important;
  2136.     min-width: 1860px !important;
  2137.     min-height: 1272px ! important;
  2138.     max-height: 1272px ! important;
  2139.     margin-left: 10px ! important;
  2140.     margin-top: 20px !important;
  2141. }
  2142. #tabzilla-wrapper #page.c section.primary >header +.island.c.listing .paginator.c.pjax-trigger {
  2143.     position: relative !important;
  2144.     display: inline-block !important;
  2145.     min-width: 29% !important;
  2146.     left: 6px !important;
  2147.     top: -1300px !important;
  2148.     padding-right: 70px !important;
  2149. }
  2150. #tabzilla-wrapper #page.c section.primary header hgroup h3 {
  2151.     margin-bottom: 7px !important;
  2152.     margin-left: 202px !important;
  2153. }
  2154. #tabzilla-wrapper #page.c section.primary >header +.island .items {
  2155.     display: inline-block !important;
  2156.     max-width: 1882px !important;
  2157.     min-width: 1882px !important;
  2158. }
  2159.  
  2160. /* (new68) VERSION INFOS - ALL - === */
  2161. /* (new70) */
  2162. [id^="version-"]{
  2163. /*     display: inline-block !important;
  2164.     max-width: 715px !important;
  2165.     min-width: 715px !important;
  2166.     height: auto ! important; */
  2167. }
  2168. /* (new70) */
  2169. #detail-relnotes .content.listing .items .version  {
  2170. /*     position: relative ! important;
  2171.     display: inline-block !important;
  2172.     height: auto !important;
  2173.     left: 0 !important;
  2174.     top: -15px !important;
  2175.     border-radius: 5px 5px 0 0 !important;
  2176.     font-size: 16px !important;
  2177.     text-align: center !important; */
  2178.  
  2179. }
  2180. /* (new70) */
  2181. #detail-relnotes .content.listing .items .version .info {
  2182. /*     position: relative ! important;
  2183.     display: inline-block !important;
  2184.     height: auto !important;
  2185.     min-width: 710px !important;
  2186.     max-width: 710px !important;
  2187.     top: 2px !important;
  2188. padding: 0 !important;
  2189.     text-align: left !important; */
  2190.  
  2191. }
  2192. /* (new70) */
  2193. #detail-relnotes .content.listing .items .version .info h3 {
  2194. /*     position: relative ! important;
  2195.     display: inline-block !important;
  2196.     height: auto !important;
  2197.     min-width: 700px !important;
  2198.     max-width: 700px !important;
  2199.     top: 20px ! important;
  2200.     margin-top: -22px !important;
  2201.     margin-left: 0px !important;
  2202.     padding: 6px  ! important;
  2203.     text-align: left !important; */
  2204.     background: black ! important;
  2205. }
  2206. /* (new70) */
  2207. #detail-relnotes .content.listing .items .version .info .desc {
  2208. /*     position: relative ! important;
  2209.     display: inline-block !important;
  2210.     min-width: 690px !important;
  2211.     max-width: 690px !important;
  2212.     margin: -10px 0 -8px -6px !important;
  2213.     padding: 5px 0 0 0 !important; */
  2214. }
  2215. #detail-relnotes .item.version .action {
  2216.     position: relative !important;
  2217.     display: inline-block !important;
  2218.     float: none !important;
  2219.     left: 10px !important;
  2220.     margin-top: -50px !important;
  2221.     width: 700px !important;
  2222. }
  2223. #detail-relnotes.expando.expanded .content.listing  .more.c a {
  2224.     position: relative !important;
  2225.     display: inline-block !important;
  2226.     top: -50px !important;
  2227.     left: 4px !important;
  2228.     color: red !important;
  2229.     background: blue !important;
  2230. }
  2231.    
  2232. #detail-relnotes .item.version .action  .install-shell:not(.hidden) {
  2233.     position: relative !important;
  2234.     display: inline-block !important;
  2235.     height: 20px;
  2236.     left: -4px;
  2237.     position: relative;
  2238.     top: 38px !important;
  2239.     z-index: 30;
  2240. }
  2241.  
  2242.  
  2243. /*(new9) VERSION INFO - VERSION PAGE */
  2244. .autopagerize_page_info ~.items.versions-list  .version.item ,
  2245. .warning + .items .version.item {
  2246.     position: relative !important;
  2247.     display: inline-block !important;
  2248.     max-width: 305px !important;
  2249.     min-width: 305px !important;
  2250.     min-height: 240px ! important;
  2251.     max-height: 240px ! important;
  2252.     margin-bottom: 12px ! important;
  2253.     border-radius: 5px ! important;
  2254.     overflow: visible !important;
  2255. }
  2256. .autopagerize_page_info ~.items.versions-list  .version.item .info ,
  2257. .warning + .items .version.item .info {
  2258.     position: relative !important;
  2259.     display: inline-block !important;
  2260.     max-width: 300px !important;
  2261.     min-width: 300px !important;
  2262.     margin-left: -5px !important;
  2263.     text-align: left ! important;
  2264. }
  2265. .autopagerize_page_info ~.items.versions-list  .version.item .info h3 ,
  2266. .warning + .items .version.item .info h3 {
  2267.     position: relative !important;
  2268.     display: inline-block !important;
  2269.     max-width: 295px !important;
  2270.     min-width: 295px !important;
  2271.     min-height: 50px ! important;
  2272.     max-height: 50px ! important;
  2273.     margin-top: -13px !important;
  2274.     top: -5px ! important;
  2275.     margin-left: -5px ! important;
  2276.     padding: 1px 5px ! important;
  2277.     text-align: left ! important;
  2278.     background: black ! important;
  2279. }
  2280. .autopagerize_page_info ~.items.versions-list  .version.item .info h3 .meta.compat ,
  2281. .warning + .items .version.item .info h3 .meta.compat {
  2282.     overflow: hidden !important;
  2283.     text-overflow: ellipsis !important;
  2284.     white-space: nowrap !important;
  2285.     width: 284px !important;
  2286. }
  2287. .autopagerize_page_info ~.items.versions-list  .version.item .info  .desc ,
  2288. .warning + .items .version.item .info .desc {
  2289.     position: relative !important;
  2290.     display: inline-block !important;
  2291.     max-width: 295px !important;
  2292.     min-width: 295px !important;
  2293.     min-height: 120px ! important;
  2294.     max-height: 12px ! important;
  2295.     margin: 0px 0 -15px -5px !important;
  2296.     padding: 5px !important;
  2297.     border-top: 1px solid gray ! important;
  2298.     border-bottom: 1px solid gray ! important;
  2299.     overflow: hidden ! important;
  2300.     overflow-y: auto ! important;
  2301. }
  2302. .autopagerize_page_info ~.items.versions-list  .version.item .action ,
  2303. .warning + .items .version.item .action {
  2304.     border-top: 1px dotted #c9ddf2;
  2305.     position: absolute !important;
  2306.     display: inline-block !important;
  2307.     max-width: 300px !important;
  2308.     min-width: 300px !important;
  2309.     left: 0px !important;
  2310.     top: 40px ! important;
  2311.     text-align: center ! important;
  2312.     padding: 0px ! important;
  2313. }
  2314. .autopagerize_page_info ~.items.versions-list  .version.item  .info .source ,
  2315. .warning + .items .version.item .info .source {
  2316.     width: 297px ! important;
  2317.     margin-top: 15px ! important;
  2318.     margin-left: -4px !important;
  2319.     padding: 0 3px ! important;
  2320.     background: black !important;
  2321.     font-size: 0 ! important;
  2322. }
  2323. .autopagerize_page_info ~.items.versions-list  .version.item  .info .source li a ,
  2324. .warning + .items .version.item .info .source li a {
  2325.     font-size: 11px  ! important;
  2326. }
  2327. /* (new68) ADDON PAGE - MORE INFOS - VERSION / DEV CHANNEL ADDON PAGES CENTER - === */
  2328. /* (new70) */
  2329. .primary.island.more-island {
  2330. /*     display: inline-block !important;
  2331.     height: 100% !important;
  2332.     height: auto !important;
  2333.     width: 725px !important;
  2334.     top: -272px !important;
  2335.     left: 2px !important;
  2336.     padding: 5px 13px 5px 15px !important; */
  2337. }
  2338. #page.c  #lightbox ~  .primary.island.more-island {
  2339.     display: inline-block !important;
  2340.     height: 100% !important;
  2341.     height: auto !important;
  2342.     width: 725px !important;
  2343.     top: -347px !important;
  2344.     left: 2px !important;
  2345.     padding: 5px 13px 5px 15px !important;
  2346. }
  2347.  
  2348. .primary.island.more-island h2 {
  2349.     font-size: 17px !important;
  2350. }
  2351. .primary.island.more-island #developer-comments.expando ,
  2352. .primary.island.more-island #detail-relnotes.expando ,
  2353. .primary.island.more-island #beta-channel.expando {
  2354.     padding: 0px 10px 0 15px !important;
  2355. }
  2356. .primary.island.more-island #developer-comments.expando:hover ,
  2357. .primary.island.more-island #detail-relnotes.expando:hover ,
  2358. .primary.island.more-island #beta-channel.expando:hover {
  2359.     background: #333 !important;
  2360. }
  2361.  
  2362. .island .expando .toggle {
  2363.     position: absolute;
  2364.     height: 20px !important;
  2365.     left: -14px;
  2366.     right: -14px;
  2367.     top: 0px !important;
  2368. }
  2369. .island .expando.expanded {
  2370.     margin-bottom: 10px !important;
  2371.     top: 10px !important;
  2372. }
  2373. .island .expando.expanded .toggle {
  2374.     bottom: -14px;
  2375.     left: -14px;
  2376.     position: absolute;
  2377.     right: -14px;
  2378.     top: 0px !important;
  2379. }
  2380. .expando.expanded .content {
  2381.     position: relative;
  2382.     display: block;
  2383.     margin-top: 25px !important;
  2384. }
  2385. /* (new68) ADDON PAGE (NO COMMENTS / NO OTHERS / NO REVIEW / NO SCREENSHOT / NO CATEGORIES) - MORE INFOS - VERSION / DEV CHANNEL ADDON PAGES CENTER -
  2386. https://addons.mozilla.org/fr/firefox/addon/roll20-character-import-export/?src=search
  2387.  === */
  2388.  
  2389. #page.c  #related +  .primary.island.more-island  {
  2390.     display: inline-block !important;
  2391.     height: 100% !important;
  2392.     height: auto !important;
  2393.     width: 729px !important;
  2394.     top: 647px !important;
  2395.     left: 464px !important;
  2396.     padding: 5px 13px 5px 15px !important;
  2397. /* border: 1px solid violet !important; */
  2398. }
  2399. #page.c  #related +  .primary.island.more-island #developer-comments:before {
  2400.     display: none !important;
  2401. }
  2402.  
  2403. /* PAGE HEIGHT - === */
  2404. body >.section ,
  2405. #page {
  2406.     min-height: 896px !important;
  2407. }
  2408.  
  2409. /* BORDER / SHADOW  ======= */
  2410. .notice {
  2411.     border: 1px solid gray !important;
  2412.     box-shadow: 0 -1px 0 #5E5E5E inset, 0 1px 0 rgba(197, 194, 194, 0.17);
  2413. }
  2414.  
  2415. /* FONT - HELVETICA - === */
  2416. * {
  2417.     font-family: "helvetica neue",arial,helvetica,sans-serif !important;
  2418. }
  2419.  
  2420. /* TEST - SMALL ICONS PLUGIN VERIF -
  2421. (SITES LIST : https://www.mozilla.org/community/direct) - === */
  2422. .plugin-status-container  img.icon {
  2423.     height: 30px !important;
  2424.     width: 31px !important;
  2425. }
  2426.  
  2427.  
  2428. /* =========== END TEST ============ */
  2429.  
  2430. /* [[1]] ==== MOZ THEME  ==== */
  2431.  
  2432. /* (new54) THEMES(.personas-home) - HEADER PRESENT - NOT SEARCH -
  2433. https://addons.mozilla.org/fr/firefox/themes/
  2434. === */
  2435. #featured-addons.featured.personas-home {
  2436.     position: relative !important;
  2437.     display: inline-block !important;
  2438.     min-width: 405px !important;
  2439.     max-width: 405px !important;
  2440.     margin-left: -400px !important;
  2441.     margin-top: 60px !important;
  2442. }
  2443.  
  2444. #featured-addons.featured.personas-home .featured-inner.themes  {
  2445.     display: inline-block !important;
  2446.     height: 796px !important;
  2447.     width: 1600px !important;
  2448.     padding: 0 5px !important;
  2449.     border: 1px solid gray !important;
  2450. }
  2451.  
  2452. #global-header-tab ~ .primary header + .featured.listing .personas-grid + .listing-footer {
  2453.     display: inline-block !important;
  2454.     left: -180px !important;
  2455.     padding: 1px 6px 4px !important;
  2456.     position: absolute !important;
  2457.     top: -26px !important;
  2458.     width: 560px !important;
  2459. }
  2460. #global-header-tab ~.primary[role="main"] header:not(.results-head) ol#breadcrumbs.breadcrumbs +h2 {
  2461.     width: 836px ! important;
  2462.     left: 279px !important;
  2463.     top: 0px !important;
  2464.     padding: 2px 5px !important;
  2465.     text-align: center !important;
  2466.     font-size: 18px!important;
  2467.     background: #333333! important;
  2468. }
  2469. #featured-addons.featured.personas {
  2470.     display: inline-block !important;
  2471.     max-width: 260px !important;
  2472.     min-width: 260px !important;
  2473.     margin-left: -460px !important;
  2474.     margin-top: 5px !important;
  2475.     padding: 10px 20px 20px 30px !important;
  2476. }
  2477. #featured-addons.featured.personas .featured-inner {
  2478.     border: none !important;
  2479.     background: linear-gradient(rgba(0, 0, 0, 0.37), #2f3132) repeat scroll 0 0 rgba(4, 4, 4, 0) ! important;
  2480. }
  2481. #featured-addons.featured.personas .featured-inner h3{
  2482.     border-radius: 5px !important;
  2483.     padding: 5px 5px 8px 5px  !important;
  2484.     text-align: center !important;
  2485. }
  2486. #featured-addons.featured.personas .persona-list-3col>li {
  2487.     position: relative !important;
  2488.     display: inline-block !important;
  2489.     clear: left !important;
  2490.     width: 100% !important;
  2491. }
  2492. #featured-addons.featured.personas .persona-list-3col + p {
  2493.     margin-left: -8px !important;
  2494.     width: 249px !important;
  2495.     border-top: 1px dotted #e0effd;
  2496.     padding: 2px ! important;
  2497.     text-align: left ! important;
  2498. }
  2499. #featured-addons.featured.personas .persona-small {
  2500.     width: 222px !important;
  2501. }
  2502. #featured-addons.featured.personas ~ .addons-column {
  2503.     position: relative !important;
  2504.     display: inline-block !important;
  2505.     width: 220px !important;
  2506.     height: 0 !important;
  2507.     margin-left: -110px !important;
  2508.     top: 25px !important;
  2509. }
  2510. /* (new50) THEMES (.featured-inner.themes)+ (.featured.personas-home) -  TOP BACKGROUND IMAGE - === */
  2511. #featured-addons.personas-home .featured-inner.themes {
  2512.     height: 764px !important;
  2513.     margin-top:-28px !important;
  2514.     background-position: -82px -50px !important;
  2515.     background-repeat: no-repeat;
  2516.     background-size: 110% auto;
  2517. }
  2518. .section .primary .personas-featured {
  2519.     position: absolute !important;
  2520.     float: right !important;
  2521.     display: inline-block !important;
  2522.     min-width: 450px !important;
  2523.     max-width: 450px !important;
  2524.     height: 790px !important;
  2525.     margin-left: 755px !important;
  2526.     top: 65px !important;
  2527. }
  2528. .personas-featured ul.persona-list-3col{
  2529.     width: 400px !important;
  2530.     height: 750px !important;
  2531.     margin-top: -13px !important;
  2532.     padding-left: 11px !important;
  2533.     padding-right: 11px !important;
  2534.     padding-bottom: 0 !important;
  2535.     border: 1px solid red !important;
  2536. }
  2537. .personas-featured ul.persona-list-3col>li {
  2538.     position: relative !important;
  2539.     display: inline-block !important;
  2540.     width: 405px !important;
  2541.     height: 145px !important;
  2542.     margin-top: -4px !important;
  2543.     margin-bottom: -22px !important;
  2544.     padding: 0 !important;
  2545.     overflow: hidden;
  2546. /* background: blue !important; */
  2547. }
  2548. .personas-featured ul.persona-list-3col .persona.hovercard {
  2549.     display: inline-block !important;
  2550.     min-width: 380px !important;
  2551.     margin-right: 0 !important;
  2552.     background: black !important;
  2553. }
  2554. .personas-featured ul.persona-list-3col .restyle .persona.hovercard:focus,
  2555. .personas-featured ul.persona-list-3col .restyle .persona.hovercard:hover {
  2556.     display: inline-block !important;
  2557.     height: 118px !important;
  2558.     z-index: 500 !important;
  2559. }
  2560. .personas-featured ul.persona-list-3col .restyle .persona.hovercard a {
  2561.     position: relative !important;
  2562.     display: inline-block !important;
  2563.     min-width: 380px !important;
  2564.     background: rgba(0, 0, 0, 0)!important;
  2565. }
  2566. .personas-featured ul.persona-list-3col .persona.hovercard .persona-preview {
  2567.     display: inline-block !important;
  2568.     float: none;
  2569.     min-width: 380px !important;
  2570.     margin-bottom: -9px  !important;
  2571. }
  2572. .personas-featured ul.persona-list-3col  h3 {
  2573.     max-width: 380px !important;
  2574.     min-width: 380px !important;
  2575. }
  2576. .personas-featured ul.persona-list-3col .persona.hovercard .persona-install button {
  2577.     float: right !important;
  2578.     height: auto;
  2579.     padding: 3px;
  2580.     margin-top: -40px !important;
  2581. }
  2582.  
  2583. #featured-addons.featured .featured-inner.themes h2 {
  2584.     color: #C63717;
  2585.     margin-top: 2px !important;
  2586.     width: 200px !important;
  2587.     font-size: 2.6em !important;
  2588. }
  2589. /* (new50) */
  2590. #featured-addons.featured .featured-inner.complete-themes h2 {
  2591.     display: inline-block !important;
  2592.     width: 320px !important;
  2593.     margin-top: 20px !important;
  2594.     font-size: 15px !important;
  2595.     color: #C63717;
  2596. }
  2597. .primary .personas-featured h3 {
  2598.     width: 425px !important;
  2599.     line-height: 22px !important;
  2600.     margin-top: 0px !important;
  2601.     padding-bottom: 3px !important;
  2602.     border-radius: 5px !important;
  2603.     text-align: center !important;
  2604.     color: #C63717 !important;
  2605. }
  2606. .primary .featured.personas~[id^="personas"] .view-all ,
  2607. .primary .featured.personas ~[id^="personas"] h3 ,
  2608. .primary .featured.personas-home ~[id^="personas"] .view-all ,
  2609. .primary .featured.personas-home ~[id^="personas"] h3 {
  2610.     line-height: 22px !important;
  2611.     padding-bottom: 3px !important;
  2612.     margin-top: -30px !important;
  2613.     border-radius: 5px !important;
  2614.     text-align: center !important;
  2615.     color: #C63717 !important;
  2616. }
  2617.  
  2618. #featured-addons.featured.personas-home .featured-inner.themes p.intro {
  2619.     display: inline-block !important;
  2620.     height: 140px !important;
  2621.     width: 360px !important;
  2622.     margin-top: -15px !important;
  2623.     padding: 5px !important;
  2624.     border: 1px solid red !important;
  2625.     border-radius: 5px !important;
  2626.     font-size: 1.3em !important;
  2627. }
  2628. #featured-addons.featured .featured-inner.themes p.intro a.more-info {
  2629.     position: relative !important;
  2630.     display: inline-block !important;
  2631.     width: 200px !important;
  2632.     top: 20px !important;
  2633.     left: 75px !important;
  2634.     background-position: 95% -151px;
  2635. }
  2636. #featured-addons.featured.personas-home .featured-inner.complete-themes p.intro {
  2637.     display: inline-block !important;
  2638.     width: 160px !important;
  2639.     height: 280px !important;
  2640.     margin-top: 02px !important;
  2641.     margin-left: -10px !important;
  2642.     padding: 25px 5px 5px 5px !important;
  2643.     border: 1px solid red !important;
  2644.     border-radius: 5px !important;
  2645.     font-size: 1.1em !important;
  2646. }
  2647. #featured-addons.featured .featured-inner.complete-themes p.intro a.more-info {
  2648.     position: relative !important;
  2649.     display: inline-block !important;
  2650.     line-height: 15px !important;
  2651.     margin-top: 50px !important;
  2652.     font-size: 15px !important;
  2653.     text-align: center !important;
  2654.     background-position: 96% -147px !important;
  2655. }
  2656. #featured-addons.featured {
  2657.     position: relative !important;
  2658.     display: inline-block;
  2659.     min-width: 1623px !important;
  2660. }
  2661. .primary #featured-addons.featured .featured-inner.complete-themes {
  2662.     position: absolute !important;
  2663.     width: 150px !important;
  2664.     height: 361px !important;
  2665.     left: 15px !important;
  2666.     top: 152px !important;
  2667.     background: transparent !important;
  2668. }
  2669. .personas-featured ~ .addons-column {
  2670.     position: absolute !important;
  2671.     display: inline !important;
  2672.     width: 220px !important;
  2673.     height: 0px !important;
  2674.     top: 95px !important;
  2675. }
  2676. #personas-popular.addons-column {
  2677.     position: absolute !important;
  2678.     display: inline-block !important;
  2679.     left: 38.8% !important;
  2680. }
  2681. .featured.personas-home  ~   #personas-popular.addons-column  {
  2682.     position: absolute !important;
  2683.     display: inline-block !important;
  2684.     left: 52% !important;
  2685. }
  2686. #personas-rating.addons-column {
  2687.     position: absolute !important;
  2688.     display: inline-block !important;
  2689.     left: 77.5% !important;
  2690. }
  2691. #featured-addons .personas-slider {
  2692.     position: absolute !important;
  2693.     display: inline-block !important;
  2694.     height: 257px !important;
  2695.     width: 190px !important;
  2696.     top: 210px !important;
  2697.     left: -20px !important;
  2698.     margin: 30px 0 -10px 218px !important;
  2699.     padding: 0px   !important;
  2700.     border: 1px solid red !important;
  2701.     overflow: hidden !important;
  2702.     background: #222222 !important;
  2703. }
  2704. /* (COR) */
  2705. .arrow {
  2706.     position: absolute !important;
  2707.     display: inline-block !important;
  2708.     width: 0 !important;
  2709.     left: 198px !important;
  2710.     padding: 0px 95px !important;
  2711. /*    border: 1px solid gray !important;*/
  2712.     text-indent: -9999px !important;
  2713.     border: 1px solid red !important;
  2714.     background: #222222 !important;
  2715. }
  2716.  
  2717. .arrow.prev {
  2718.     margin-top: 204px !important;
  2719.     padding-top: 0px !important;
  2720.     padding-bottom: 0px !important;
  2721.     border-radius: 5px 5px 0 0 !important;
  2722. }
  2723. .arrow.prev:before {
  2724.     left: 90px ;
  2725.     top: 0px ;
  2726.     border-bottom: 9px solid red !important;
  2727. }
  2728. .arrow.next {
  2729.     margin-top: 194px !important;
  2730.     padding-top: 0px !important;
  2731.     border-radius: 0 0 5px 5px !important;
  2732. }
  2733. .arrow.next:before {
  2734.     left: 90px ;
  2735.     top: 7px ;
  2736.     border-top: 9px solid red !important;
  2737. }
  2738. .persona.persona-small.persona-hover .persona-inner {
  2739.     background-color: #333333 !important;
  2740.     border-radius: 3px !important;
  2741. }
  2742.  
  2743. /* THEMES - ADDON PAGE - === */
  2744. /* SUBBMIT BUTT - === */
  2745. #persona.primary #review-box.highlight form input{
  2746.     display: inline-block !important;
  2747.     padding: 2px 3px !important;
  2748.     font-size: 10px !important;
  2749.     opacity: 0.5 !important;
  2750. }
  2751. #persona.primary #review-box.highlight form input:hover {
  2752.     opacity: 0.8 !important;
  2753. }
  2754.  
  2755. /*  (new50) THEME - CARD -
  2756. OK :
  2757. https://addons.mozilla.org/fr/firefox/addon/green-waves-of-light-madonna/
  2758. https://addons.mozilla.org/fr/firefox/addon/wonderful-riot/
  2759. === */
  2760. #persona.primary .featured {
  2761.     position: absolute !important;
  2762.     display: inline-block !important;
  2763.     left: -200px !important;
  2764.     width: 401px !important;
  2765.     height: 0px !important;
  2766.     border: none !important;
  2767. }
  2768. hgroup + #persona.primary .featured .featured-inner.object-lead {
  2769.     position: relative !important;
  2770.     display: inline-block !important;
  2771.     float: right !important;
  2772.     width: 350px !important;
  2773.     min-height: 720px !important;
  2774.     left: 250px !important;
  2775.     margin-top: 230px !important;
  2776.     padding-top: 30px !important;
  2777.     border: 1px solid gray !important;
  2778. }
  2779. #persona-summary table {
  2780.     width: 355px !important;
  2781.     margin-left: 5px !important;
  2782.     background: #222222 !important;
  2783. }
  2784. .section #persona.primary {
  2785.     clear: left;
  2786.     float: right !important;
  2787. }
  2788. #persona #more-personas {
  2789.     min-width: 800px !important;
  2790.     height: 365px !important;
  2791.     padding: 10px !important;
  2792.     border-radius: 5px !important;
  2793.     background: #333333 !important;
  2794. }
  2795. #persona #more-personas .article {
  2796.     height: 281px !important;
  2797.     border: 1px solid gray !important;
  2798.     background: #222222 !important;
  2799. }
  2800. #persona.primary #reviews + .article {
  2801.     width: 792px !important;
  2802.     border: 1px solid gray !important;
  2803.     border-radius: 3px 3px 3px 3px;
  2804.     background-color: #222222 !important;
  2805. }
  2806.  
  2807. /* (new33)(ALL) + THEME - ADD REVIEW - TEXT EDIT - === */
  2808. #persona.primary #review-box.highlight  {
  2809.     height: 262px !important;
  2810.     width: 795px !important;
  2811. }
  2812. .prettyform fieldset {
  2813.     position: relative !important;
  2814.     display: inline-block !important;
  2815.     width: 350px !important;
  2816.     height: 400px !important;
  2817.     top: -20px !important;
  2818. }
  2819.  
  2820. /* (new33) -
  2821. POST REVIEW:
  2822. https://addons.mozilla.org/en-US/firefox/addon/stylish-editor-modified/reviews/add
  2823. ==== */
  2824. #reviews.primary fieldset.prose {
  2825.     position: relative !important;
  2826.     display: inline-block !important;
  2827.     width: 700px !important;
  2828.     height: 470px !important;
  2829.     top: -250px !important;
  2830.     padding: 5px !important;
  2831.     border-radius: 5px !important;
  2832. }
  2833. #reviews.primary fieldset.prose h2 {
  2834. position: absolute !important;
  2835.     display: inline-block !important;
  2836.     margin-top: -30px !important;
  2837. }
  2838. #reviews.primary fieldset.prose ul {
  2839.     position: relative !important;
  2840.     display: inline-block;
  2841.     top: 0px !important;
  2842.     left: -10px !important;
  2843.     color: gray !important;
  2844. }
  2845. #reviews form {
  2846.     display: inline-block !important;
  2847.     width: 850px !important;
  2848.     padding: 20px !important;
  2849.     background-color: #333333 !important;
  2850.     border-radius: 5px !important;
  2851. }
  2852.  
  2853.  
  2854. .prettyform input[type="text"],
  2855. .prettyform input[type="color"],
  2856. .prettyform input[type="password"],
  2857. .prettyform select,
  2858. .prettyform textarea {
  2859.     display: inline-block;
  2860.     padding: 8px !important;
  2861.     border: 1px solid gray !important;
  2862.     box-shadow: 0 1px gray inset !important;
  2863.     color: gray !important;
  2864. }
  2865. .prettyform h3, .prettyform .row > label {
  2866.     color: gray !important;
  2867. }
  2868. .prettyform input[type="text"] {
  2869.     min-width: 424px !important;
  2870.     height: 25px !important;
  2871.     background: #292828 !important;
  2872. }
  2873. .prettyform textarea {
  2874.     vertical-align: text-top;
  2875.     min-width: 600px !important;
  2876. }
  2877. .ratingwidget {
  2878.     padding: 1px 0 !important;
  2879.     border: 7px solid #716F6F !important;
  2880.     border-radius: 5px !important;
  2881.     background-color: #716F6F !important;
  2882. }
  2883.  
  2884.  
  2885. /* THEMES - MOST POPULAR - === */
  2886. .personas-grid li {
  2887.     display: inline-block;
  2888.     margin-bottom: -0.51em !important;
  2889.     width: 15.9% !important;
  2890. }
  2891.  
  2892.  
  2893. /* [[1]]END ==== MOZ THEME  ==== */
  2894.  
  2895.  
  2896. /* [[2]] ==== MOZ ADDON  ==== */
  2897.  
  2898. /* (new20) - SCREENSHOT PREVIEW LIGHTBOX -=== */
  2899. #lightbox  {
  2900.     position: fixed !important;
  2901.     left: calc(100% - 70%) !important;
  2902.     top: -7% !important;
  2903.     background: transparent !important;
  2904.     opacity: 1 ! important;
  2905. }
  2906. #lightbox section {
  2907.     min-height: 690px !important;
  2908.     max-height: 690px !important;
  2909.     border:  15px solid rgba(85, 83, 83, 0.6) !important
  2910. }
  2911. #lightbox .content,
  2912. #lightbox .controls {
  2913.     background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important;
  2914. }
  2915. #lightbox .content{
  2916. /* height: 800px !important; */
  2917.     border:  15px solid rgba(85, 83, 83, 0.6) !important
  2918. }
  2919. /* (new48) LIGHTBOX PREVIEW - CAPTION - CONTAINER - === */
  2920. #lightbox.show section .controls {
  2921.     height: 99px !important;
  2922.     top: 560px !important;
  2923. }
  2924. #lightbox .caption {
  2925.     position: relative ! important;
  2926.     display: inline-block !important;
  2927.     min-width: 584px !important;
  2928.     height: 100% !important;
  2929.     height: 95px !important;
  2930.     top: 5px ! important;
  2931.     font-size: 17px ! important;
  2932. }
  2933. #lightbox .caption span {
  2934.     position: relative ! important;
  2935.     display: inline-block  ! important;
  2936.     min-height: 70px !important;
  2937.     max-height: 84px !important;
  2938.     padding: 5px 20px !important;
  2939.     border-radius: 5px  ! important;
  2940.     overflow-y: auto ! important;
  2941.     background: black !important;
  2942. }
  2943.  
  2944. /* ======= END ==  LIGHTBOX POSITION ===== */
  2945.  
  2946. /* ADD TO COLL - POPUP - ITEMS HOVER - === */
  2947. #ajax_collections_list li:hover {
  2948.     background-color: #B7B7B7 !important;
  2949. }
  2950.  
  2951. /* (new55) ADD TO COLL - LEFT ARROW  - === */
  2952. #add-to-collection.install-note:after,
  2953. #add-to-collection.popup:after {
  2954.     left: -11px !important;
  2955.     top: 10px !important;
  2956.     border-color: transparent transparent #FFFFFF ;
  2957.     border-width: 24px ;
  2958.     transform: rotate(-90deg) ;
  2959. }
  2960. #add-to-collection.install-note:before,
  2961. #add-to-collection.popup:before {
  2962.     left: -20px !important;
  2963.     top: 5px !important;
  2964.     border-width: 28px ;
  2965.     transform: rotate(-90deg) ;
  2966. }
  2967.  
  2968.  
  2969. /* TOP HEADER - (ALL) HEADER SEARCH - ===  */
  2970. .header-search {
  2971.     position: absolute ! important;
  2972.     width: 330px !important;
  2973.     height: 16px !important;
  2974.     padding: 3px !important;
  2975.     right: 127px !important;
  2976.     top: 32px !important;
  2977.     background: transparent !important;
  2978.     box-shadow: 1px 0 2px rgba(164, 163, 163, 0.5) inset, 0 0 0 rgba(149, 139, 139, 0.1) !important;
  2979. }
  2980.  
  2981. /*  TOP HEADER - SEARCH INPUT - === */
  2982. .header-search input {
  2983.     height: 19px ! important;
  2984.     line-height: 14px !important;
  2985.     padding: 0px 2px 3px 32px !important;
  2986. }
  2987. button.search-button {
  2988.     height: 16px !important;
  2989. }
  2990. #search-q{
  2991.     color: #E6DEDE !important;
  2992. }
  2993. #site-search-suggestions {
  2994.     z-index: 500000 !important;
  2995. }
  2996.  
  2997. /* SITE TITLE(ALL) - === */
  2998. h1.site-title  {
  2999.     position: relative !important;
  3000.     display: inline-block !important;
  3001.     height: 40px !important;
  3002.     margin-bottom: 7px;
  3003.     top: -55px !important;
  3004. /* margin-top: -45px !important; */
  3005.     font: 400 40px/40px MetaBlack;
  3006.     letter-spacing: -1px;
  3007.     text-transform: uppercase;
  3008. }
  3009. #masthead h1 a {
  3010.     color: #fff;
  3011.     font-size: 33px !important;
  3012.     line-height: 40px !important;
  3013.     display: inline-block !important;
  3014.     height: 40px !important;
  3015.     top: -10px !important;
  3016. }
  3017. .site-title a img {
  3018.     width: 41px !important;
  3019.     margin-top: 7px !important;
  3020. }
  3021. /* COLL (ALL) - (TITLE + ICON + AUTH NAME) - === */
  3022. .section>hgroup  {
  3023.     position: relative !important;
  3024.     width: 700px !important;
  3025.     height: 40px !important;
  3026.     margin-bottom: 11px !important;
  3027.     left: 605px !important;
  3028.     top: -2px !important;
  3029. }
  3030. hgroup h2.collection  {
  3031.     position: relative !important;
  3032.     max-width: 800px !important;
  3033.     padding-top: 0px ! important;
  3034. }
  3035. .collection>span  {
  3036.     position: absolute ! important;
  3037.     display: inline-block ! important;
  3038.     float: none ! important;
  3039.     width: 750px !important;
  3040.     margin-top: 18px !important;
  3041.     font-size: 20px !important;
  3042. }
  3043. .collection +h4.author {
  3044.     position: absolute !important;
  3045.     display: inline-block !important;
  3046.     float: none !important;
  3047.     left: 40px !important;
  3048.     top: -5px !important;
  3049. }
  3050.  
  3051. hgroup h2.collection img.icon {
  3052.     width: 28px !important;
  3053.     height: 28px !important;
  3054.     top: 0 !important;
  3055.     background: transparent !important;
  3056.     box-shadow: 0 0 2px #cccccc inset !important;
  3057. }
  3058. /* THEME ICON */
  3059. .addon .icon[ src*="/preview_small.jpg?"] {
  3060.     background: transparent !important;
  3061.     box-shadow: 0 0 2px #cccccc inset !important;
  3062.     height: 28px !important;
  3063.     top: -10px !important;
  3064.     width: 28px !important;
  3065. }
  3066. /* THEME/  ADDON ?? - NAME THEM/AUTH - === */
  3067. .section hgroup h2.addon {
  3068.     position: absolute !important;
  3069.     display: inline-block !important;
  3070.     float: none !important;
  3071.     width: 1000px !important;
  3072.     left: -748px !important;
  3073.     margin-top: 27px !important;
  3074.     z-index: 200 !important;
  3075. }
  3076. /* (ALL) ADDON/THEME PAGE - NAME THEM/AUTH - === */
  3077. /* (new70) */
  3078. h4.author {
  3079. /*     position: absolute !important;
  3080.     display: inline-block !important;
  3081.     float: none !important;
  3082.     left: 0px !important;
  3083.     top: -20px !important; */
  3084. }
  3085. h4.author a {
  3086.     color: #5E84B8 !important;
  3087. }
  3088.  
  3089. /*  AUTHOR ADDON - === */
  3090. /* (new70) */
  3091. h1.addon + .author {
  3092. /*     top: -21px !important; */
  3093. }
  3094. h1.addon + .author a {
  3095.     text-decoration: none !important;
  3096. }
  3097. /* ========== LEFT PANEL ========= */
  3098.  
  3099. /* (ALL) ADDON SEARCH - === */
  3100. .category-landing #page.c section.secondary {
  3101.     position: absolute !important;
  3102.     left: -468px !important;
  3103. }
  3104. .listing.results.island.hero.c {
  3105.     min-width: 1675px !important;
  3106.     left: -195px !important;
  3107. }
  3108. /* ADDON SEARCH(ALL) - FILTER BLOCK - === */
  3109. #search-facets {
  3110.     display: inline-block ! important;
  3111.     position: absolute ! important;
  3112.     width: 180px !important;
  3113.     left: 0px !important;
  3114.     margin-top: 70px !important;
  3115. }
  3116. /* PROFILE - ADDON SEARCH + MY ADDON + DEV INFOS - CONTAINER - === */
  3117. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) {
  3118.     position: absolute ! important;
  3119.     display: inline-block ! important;
  3120.     min-width: 300px !important;
  3121.     max-width: 300px !important;
  3122.     height: 840px !important;
  3123.     margin-top: -50px !important;
  3124.     left: -460px !important;
  3125.     padding-top: 50px !important;
  3126.     border: none !important;
  3127.     box-shadow: none !important;
  3128.     background: #333333 !important;
  3129. }
  3130. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar {
  3131.     display: inline-block ! important;
  3132.     width: 315px ! important;
  3133.     height: 840px !important;
  3134.     margin-bottom: -11px !important;
  3135.     margin-top: 10px !important;
  3136.     margin-right: -7px !important;
  3137.     border-radius: 5px !important;
  3138.     background: black !important;
  3139. }
  3140. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar img  {
  3141.     width: auto !important;
  3142.     margin-top: 10px !important;
  3143.     margin-left: 60px !important;
  3144. }
  3145. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar img[src$="/anon_user.png"]  {
  3146.     opacity: 0.4 !important;
  3147. }
  3148. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar .user-role {
  3149.     display: inline-block !important;
  3150.     max-width: 300px !important;
  3151.     min-width: 300px !important;
  3152.     background: #222222 !important;
  3153. }
  3154. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .secondary.user-avatar .user-role p {
  3155.     color: peru!important;
  3156. }
  3157. /*  (PB COR background) -   */
  3158. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .primary  {
  3159.     position: absolute !important;
  3160.     display: inline-block !important;
  3161.     height: auto !important;
  3162.     max-width: 295px !important;
  3163.     min-width: 295px !important;
  3164.     margin-top: 185px !important;
  3165.     margin-left: -2px!important;
  3166.     top: 120px !important;
  3167.     padding: 0 5px 5px !important;
  3168.     border-radius: 0 0 5px 5px !important;
  3169.     background: -moz-linear-gradient(center top , #3d3d3d, #050708) repeat scroll 0 0 transparent !important;
  3170. }
  3171.  
  3172. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard {
  3173.     display: inline-block !important;
  3174.     max-width: 290px !important;
  3175.     min-width: 290px !important;
  3176. }
  3177. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody   {
  3178.     display: inline-block !important;
  3179.     max-width: 290px !important;
  3180.     min-width: 290px !important;
  3181. }
  3182. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr  {
  3183.     display: inline-block !important;
  3184.     max-width: 290px !important;
  3185.     min-width: 290px !important;
  3186.     min-height: 20px !important;
  3187.     max-height: 20px !important;
  3188. }
  3189. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr th {
  3190.     display: inline-block !important;
  3191.     width: 290px !important;
  3192.     padding: 2px !important;
  3193. }
  3194. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr td {
  3195.     display: inline-block !important;
  3196.     width: 290px !important;
  3197.     height: 15px !important;
  3198.     line-height: 15px !important;
  3199.     margin-top: 2px !important;
  3200.     margin-left: 0px !important;
  3201.     color: gold !important;
  3202.     text-align: center !important;
  3203. }
  3204. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard table.person-info tbody tr td.fn.n{
  3205.     position: relative !important;
  3206.     display: inline-block !important;
  3207.     width: 290px !important;
  3208.     height: 20px !important;
  3209.     line-height: 20px!important;
  3210.     vertical-align: middle !important;
  3211.     margin-left: -1px !important;
  3212.     margin-top: 5px !important;
  3213.     margin-bottom: 8px !important;
  3214.     top: -4px !important;
  3215.     padding: 2px!important;
  3216.     color: tomato !important;
  3217.     text-align: center !important;
  3218.     outline: 1px solid tomato !important;
  3219. }
  3220.  
  3221. /* (new19) PROFILE MORE DETAILS - === */
  3222. .profile #tabzilla-wrapper #page.c #profile-actions ~ .island.c:not(#my-addons):not(#my-themes) .vcard + .prose:not(:empty) {
  3223.     max-height: 311px !important;
  3224.     line-height: 1.4em;
  3225.     padding: 2px 5px !important;
  3226.     border: 1px solid peru !important;
  3227.     border-radius: 5px !important;
  3228.     color: #333;
  3229.     overflow: hidden;
  3230.     overflow-y: auto !important;
  3231. }
  3232.  
  3233. /* (new56)  (PB COR background) -  PROFILE - MY ADDON - DEV/USER INFOS - NAME + ICON "HOUSE" -
  3234. https://addons.mozilla.org/fr/firefox/user/jorge-villalobos/
  3235. SEE EDIT PROFILE :
  3236. https://addons.mozilla.org/en-US/firefox/user/decembre/
  3237. === */
  3238. .meet.profile .secondary.user-avatar + section.primary {
  3239.     position: absolute !important;
  3240.     display: inline-block !important;
  3241.     height: auto !important;
  3242.     height: 100% !important;
  3243.     height: 590px !important;
  3244.     min-width: 305px !important;
  3245.     max-width: 305px !important;
  3246.     left: 0 !important;
  3247.     margin-top: 200px !important;
  3248.     top: 100px !important;
  3249.     padding: 0 5px 5px 5px !important;
  3250.     border-radius: 0 0  5px 5px !important;
  3251.     background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
  3252.     overflow-x: hidden !important;
  3253.     overflow-y: auto !important;
  3254. }
  3255. .profile  #profile-actions ,
  3256. .meet #breadcrumbs + #profile-actions {
  3257.     position: absolute !important;
  3258.     display: inline-block !important;
  3259.     min-width: 242px !important;
  3260.     max-width: 242px !important;
  3261.     transform: rotate(-90deg) !important;
  3262.     left: -540px !important;
  3263.     top: 105px !important;
  3264.     border-radius: 5px !important;
  3265.     text-align: center !important;
  3266.     z-index: 100 !important;
  3267. }
  3268. .meet #breadcrumbs + #profile-actions a {
  3269.     display: inline-block !important;
  3270.     min-width: 220px !important;
  3271.     max-width: 220px !important;
  3272.     left: 0px !important;
  3273.     top: 0px !important;
  3274.     font-size: 10px !important;
  3275.     z-index: 100 !important;
  3276.     background: #333 !important;
  3277. }
  3278. #profile-actions + .fn.n ,
  3279. .meet #breadcrumbs + #profile-actions + h1 {
  3280.     position: absolute !important;
  3281.     display: inline-block !important;
  3282.     float: none !important;
  3283.     min-width: 310px !important;
  3284.     max-width: 310px !important;
  3285.     left: -456px !important;
  3286.     top: 5px !important;
  3287.     padding: 2px 5px !important;
  3288.     z-index: 100 !important;
  3289.     color: peru !important;
  3290.     text-align: center !important;
  3291. }
  3292. /*  (PB COR background) -  */
  3293. .meet #profile-actions .button {
  3294.     left: -39px!important;
  3295.     top: -25px!important;
  3296.     padding: 5px !important;
  3297.     font-size: 12px !important;
  3298.     background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
  3299. }
  3300.  
  3301.  
  3302. /* (new18) PROFILE - MY ADDON / DEV INFOS - TXT "A propos de..." - === */
  3303.  .secondary.user-avatar +.primary h2  {
  3304.     display: none ! important;
  3305. }
  3306. table.person-info th  {
  3307.     color: #333;
  3308.     padding: 20px !important;
  3309.     width: 41% !important;
  3310.     display: inline-table !important;
  3311. }
  3312. table.person-info td {
  3313.     color: #333;
  3314.     margin-left: 30px !important;
  3315.     width: 31% !important;
  3316.     display: inline-table !important;
  3317. }
  3318. /* (new50)PROFILE - MY ADDON - MY COLL -
  3319. https://addons.mozilla.org/en-US/firefox/user/decembre/
  3320. https://addons.mozilla.org/fr/firefox/user/fligtar/
  3321. === */
  3322. #my-collections {
  3323.     padding: 0;
  3324.     background: #222 !important;
  3325. }
  3326. #my-collections div {
  3327.     position: relative !important;
  3328.     display: inline-block !important;
  3329.     width: 1510px !important;
  3330.     max-height: 250px !important;
  3331.     min-height: 0 !important;
  3332.     margin-top: 15px ! important;
  3333.     margin-left: -857px !important;
  3334.     margin-bottom: -13px !important;
  3335.     padding: 15px 15px 16px;
  3336.     border: 1px solid gray !important;
  3337.     border-radius: 5px !important;
  3338. }
  3339.  
  3340. .profile #tabzilla-wrapper aside#my-collections.secondary {
  3341.     position: relative !important;
  3342.     display: inline-block ! important;
  3343.     width: 1540px !important;
  3344.     min-height: 0px !important;
  3345.     max-height: 280px !important;
  3346.     left: 460px !important;
  3347.     bottom: 15px !important;
  3348. }
  3349. #reviews:not(.c)>h2 ,
  3350. #my-collections h2 {
  3351.     border-top: none !important;
  3352.     margin-bottom: 0px !important;
  3353.     margin-top: -12px !important;
  3354.     padding: 5px !important;
  3355.     font-size: 17px !important;
  3356. /* background: red !important; */
  3357. }
  3358.  
  3359. /* (new40) MY ADDON CREATED BY ME */
  3360. .meet #my-addons h2,
  3361. .meet #my-apps h2 {
  3362.     height: 20px !important;
  3363.     line-height: 20px !important;
  3364.     margin-top: -12px !important;
  3365.     border-top: none !important;
  3366.     margin-bottom: 5px !important;
  3367.     padding: 5px !important;
  3368.     font-size: 17px !important;
  3369. }
  3370.  
  3371.  
  3372. /* (new29) MY COLLECTIONS - FOLLOWED BE ME / CREATED BY ME - */
  3373. #my-collections h3 ,
  3374. #my-collections h3 + ul + h3  {
  3375.     width: 50% !important;
  3376.     height: 20px !important;
  3377.     line-height: 20px !important;
  3378.     padding: 0 !important;
  3379.     text-align: center !important;
  3380.     border-top: none !important;
  3381. }
  3382. #my-collections h3  {
  3383.     margin-left: -2px !important;
  3384.     margin-bottom: 8px !important;
  3385.     margin-top: 2px !important;
  3386.     background: #333 !important;
  3387. }
  3388. #my-collections h3 + ul + h3  {
  3389.     float: right !important;
  3390.     border-top: medium none !important;
  3391.     margin-bottom: 20px !important;
  3392.     margin-top: -28px !important;
  3393.     background: #333 !important;
  3394. }
  3395. .profile #tabzilla-wrapper #page.c #profile-actions ~#my-collections.secondary .island h2+h3 {
  3396.     width: 700px !important;
  3397. }
  3398.  
  3399. /* PROFILE - MY REVIEWS */
  3400. .profile #tabzilla-wrapper #page.c #profile-actions ~#my-collections.secondary + #reviews .items {
  3401.     border-top: none !important;
  3402. }
  3403.  
  3404. /*  (PB COR background) -  PROFILE - MY FOllowed /Created COLL by me -  */
  3405. #my-created  ,
  3406. #my-collections #my-favorite {
  3407.     position: relative !important;
  3408.     display: inline-block !important;
  3409.     float: left !important;
  3410.     width: 744px !important;
  3411.     margin-bottom: 1.5em;
  3412.     margin-left: -5px !important;
  3413.     padding: 5px !important;
  3414.     border-radius: 5px !important;
  3415.     background: -moz-linear-gradient(center top , #3D3D3D, #050708) repeat scroll 0 0 transparent !important;
  3416. }
  3417. #my-collections  h3 {
  3418.     margin-left: -5px !important;
  3419. }
  3420. .profile #tabzilla-wrapper #page.c #profile-actions ~#my-collections #my-favorite + h3 {
  3421.     position: relative !important;
  3422.     display: inline-block !important;
  3423.     width: 700px !important;
  3424.     left: 10px !important;
  3425.     margin-top: -20px !important;
  3426.     margin-bottom: -30px ! important;
  3427.     top: -15px ! important;
  3428. }
  3429. #my-created  {
  3430.     left: 10px !important;
  3431. }
  3432. #my-favorite + h3 + #my-created   {
  3433.     margin-top: -12px !important;
  3434.     margin-left: -3px !important;
  3435. }
  3436. #my-collections li {
  3437.     display: inline-block !important;
  3438.     width: 363px !important;
  3439.     left: 0px !important;
  3440.     margin-bottom: 5px !important;
  3441.     margin-right: 2px !important;
  3442.     padding: 2px !important;
  3443.     text-align: center !important;
  3444.     background: #222 !important;
  3445. }
  3446.  
  3447. /* PROFILE - EDIT PAGE - ==== */
  3448. #user_edit {
  3449.     left: -456px;
  3450.     width: 1200px;
  3451. }
  3452. #user_edit #user-account{
  3453.     padding-top: 17px ;
  3454. }
  3455. #user_edit.prettyform.grid  #user-account fieldset {
  3456.     position: relative !important;
  3457.     display: inline-block !important;
  3458.     float: none !important;
  3459.     width: 98% !important;
  3460.     height: auto !important;
  3461.     border: 1px solid red !important;
  3462. }
  3463. #user_edit.prettyform.grid  #user-account fieldset legend {
  3464.     position: relative ;
  3465.     display: inline-block !important;
  3466.     width: 99% !important;
  3467.     margin-bottom: 50px !important;
  3468.     top: 60px !important;
  3469.     padding: 2px 10px !important;
  3470.     background: black;
  3471. }
  3472.  
  3473. /* (ALL) - ITEMS LIST - === */
  3474. /* (new70) OK */
  3475. .items .item {
  3476. position: relative !important;
  3477.     display: inline-block !important;
  3478.     width: 327px !important;
  3479.     height: 190px !important;
  3480. }
  3481. .listing .item .info{
  3482.     border: none !important;
  3483. }
  3484. /* ITEM LIST
  3485. ADAPTATION FOR GM : AUTOPAGERIZE:
  3486. https://greasyfork.org/fr/scripts/4348-autopagerize
  3487. TEST: https://addons.mozilla.org/en-US/firefox/extensions/bookmarks/?sort=rating
  3488. OK:
  3489. https://addons.mozilla.org/en-US/firefox/collections/?sort=created&page=2
  3490. COLL NEWEST :
  3491. https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  3492. (NOT RESULT PAGE) :
  3493. FEATURED EXTENSIONS :  
  3494. https://addons.mozilla.org/en-US/firefox/extensions/?sort=featured&page=2
  3495. NOT SEARCH :
  3496. https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  3497. SERACH ADDON:
  3498. https://addons.mozilla.org/fr/firefox/search/?q=firebug&cat=1%2C0&appver=43.0&platform=windows
  3499. === */
  3500. /* .autopagerize_page_info ~ .items .item , */
  3501. /* #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~ .items ~ .items .item , */
  3502. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item ,
  3503. #page.c section.primary .island.listing:not(.results) #sorter + .items .item {
  3504.     display: inline-block !important;
  3505.     height: 160px !important;
  3506.     top: 30px ! important;
  3507.     margin-bottom: -1px ! important;
  3508.     margin-top: -20px ! important;
  3509.     border-radius: 5px !important;
  3510. }
  3511. /* ADAPTATION AUTOPAGERIZE FOR SEARCH ADDON -
  3512. https://addons.mozilla.org/en-US/firefox/search/?q=cookie&appver=43.0&platform=windows
  3513.  */
  3514. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon {
  3515.     display: inline-block !important;
  3516.     height: 195px !important;
  3517.     margin-top: -32px ! important;
  3518.     margin-bottom: 34px !important;
  3519.     border-radius: 5px !important;
  3520. }
  3521. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon  {
  3522.     display: inline-block !important;
  3523.     height: 193px !important;
  3524.     margin-top: 5px ! important;
  3525.     margin-bottom: 4px !important;
  3526.     border-radius: 5px !important;
  3527. }
  3528.  
  3529. /* QUICK RESTART -  with ADAPTATION AUTOPAGERIZE -
  3530. https://addons.mozilla.org/fr/firefox/tag/vlc
  3531. https://addons.mozilla.org/en-US/firefox/search/?q=cookie&appver=43.0&platform=windows
  3532. https://addons.mozilla.org/en-US/firefox/addon/cookie-controller/?src=search
  3533. === */
  3534. .requires-restart {
  3535.     position: absolute !important;
  3536.     height: 10px !important;
  3537.     line-height: 10px !important;
  3538.     bottom: -19px!important;
  3539.     left: -6px !important;
  3540.     font-size: 10px!important;
  3541.     padding: 2px 2px !important;
  3542.     text-transform: capitalize !important;
  3543.     color: white !important;
  3544.     text-align: center !important;
  3545.     opacity: 0.3 !important;
  3546.     z-index: 100 !important;
  3547. }
  3548. .addon-description-header #addon .addon .requires-restart:hover ,
  3549. .requires-restart:hover  {
  3550.     opacity: 1 !important;
  3551.     z-index: 200 !important;
  3552. }
  3553. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .requires-restart ,
  3554. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .requires-restart {
  3555.     bottom: -21px!important;
  3556. }
  3557.  
  3558. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .requires-restart {
  3559.     bottom: -22px!important;
  3560. }
  3561. .addon-description-header #addon .addon .requires-restart {
  3562.     position: absolute !important;
  3563.     width: 100px !important;
  3564.     bottom: 2px!important;
  3565.     left: 620px !important;
  3566.     cursor: default !important;
  3567. }
  3568.  
  3569. /* COLL - LES PLUS SUIVIES - FOR WATCH ICON -
  3570. ADAPTATION FOR GM : AUTOPAGERIZE
  3571. https://addons.mozilla.org/fr/firefox/collections/?sort=followers
  3572. === */
  3573.  
  3574. /* ITEM INFO - ACTION */
  3575. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info +.action ,
  3576.  .island.hero.c.listing:not(.results) #sorter.pjax-trigger + .items .item .info +.action {
  3577.     position: relative ! important;
  3578.     display: inline-block !important;
  3579.     width: 327px !important;
  3580.     margin-left: 0px !important;
  3581.     margin-top: -153px ! important;
  3582. }
  3583. /* masthead#collections-landing - ACTION */
  3584. masthead#collections-landing + .island.hero.c.listing:not(.results) #sorter.pjax-trigger + .items .item .action {
  3585.     position: relative ! important;
  3586.     display: inline-block !important;
  3587.     margin-left: -65px !important;
  3588.     margin-top: -130px ! important;
  3589. }
  3590. /* ITEM ADDON - ACTION
  3591. #page.c section.primary .island.listing:not(.results) #sorter.pjax-trigger + .items .item.addon .action
  3592. == */
  3593.  
  3594. /* WATCH BUTTON -
  3595. https://addons.mozilla.org/en-US/thunderbird/collections/?sort=featured
  3596. === */
  3597. .collections .watch.button ,
  3598. /* .collections #page.c section.primary .island.listing .item.watching:hover .install-shell .is-watching + .watch.button:hover , */
  3599. .collections #page.c section.primary .island.listing .item.watching .install-shell .is-watching + .watch.button ,
  3600. .collections #page.c section.primary .island.listing:not(.results) #sorter + .items .item .watch.button {
  3601.     display: inline-block !important;
  3602.     left: 80px !important;
  3603.     left: 0px !important;
  3604.     top: 12px !important;
  3605.     padding-left: 20px !important;
  3606.     text-align: left !important;
  3607.     width: 294px !important;
  3608. /* outline: 4px solid aqua !important; */
  3609. }
  3610.  
  3611. /* ITEM INFO WATCH */
  3612. #sorter.c.pjax-trigger + .items .item .info +.action > .install-shell .watch.button {
  3613.     display: inline-block !important;
  3614.     left: 84px ! important;
  3615.     top: 69px ! important;
  3616.     padding-left: 20px !important;
  3617.     text-align: left !important;
  3618.     width: 294px !important;
  3619. }
  3620.  
  3621. /*  COLL LANDING - WATCH */
  3622. #collections-landing + .island.hero.listing #sorter.c.pjax-trigger + .items .item .info +.action > .install-shell .watch.button  {
  3623.     display: inline-block !important;
  3624.     height: 15px !important;
  3625.     margin-left: 375px ! important;
  3626.     top: 26px ! important;
  3627.     padding: 0 0 0 20px !important;
  3628.     text-align: left !important;
  3629.     width: 294px !important;
  3630. }
  3631. #page.c section.primary .island.listing:not(.results) #sorter + .items .item .watch.button span {
  3632.     color: peru !important;
  3633.     font-size: 0px !important;
  3634. }
  3635.  
  3636. /* (new70) */
  3637. /* A SUPP ??? - ADDON PAGE - "NO RESTART - (MOZ CSS CHANGE )
  3638. https://addons.mozilla.org/fr/firefox/addon/firebug
  3639. === */
  3640. /* #page.c section.primary #addon.island hgroup h1.addon span.no-restart  {
  3641.     width: 120px ! important;
  3642.     left: 1px !important;
  3643.     top: 1px !important;
  3644.     margin: 0px !important;
  3645.     text-align: center ! important;
  3646. } */
  3647. /* #page.c section.primary #addon.island hgroup h1.addon span.no-restart {
  3648.     position: absolute !important;
  3649.     display: inline-block !important;
  3650.     float: none !important;
  3651.     width: 120px ! important;
  3652.     left: 75px !important;
  3653.     top: 1px !important;
  3654.     margin-top: 60px !important;
  3655.     text-align: center ! important;
  3656. } */
  3657.  
  3658. /* SEARCH (#pjax-results) - "NO RESTART" - ADD SUPPORT FOR GM "AUTOPAGERIZE" - === */
  3659. #pjax-results  .autopagerize_page_info ~.items .no-restar ,
  3660. #pjax-results .no-restart {
  3661.     position: absolute !important;
  3662.     display: inline-block !important;
  3663.     width: 67px !important;
  3664.     height: 18px !important;
  3665.     line-height: 7px !important;
  3666.     left: -7px !important;
  3667.     top: 67px !important;
  3668.     padding: 0px 1px !important;
  3669.     border-radius: 3px ! important;
  3670.     font-size: 8px !important;
  3671.     text-transform: capitalize !important;
  3672.     color: #C9C4C4 !important;
  3673.     background-color: #895522 !important;
  3674. }
  3675. #pjax-results  .autopagerize_page_info ~.items .no-restart {
  3676.     top: 63px !important;
  3677. }
  3678.  
  3679.  
  3680.  
  3681. /* (ALL) REVIEWS - === */
  3682.  
  3683.  
  3684. /* ADDON PAGE - INFO PAGE (red) - PB FOR WITHOUT PREVIEWS :
  3685. Menu Filter : https://addons.mozilla.org/fr/firefox/addon/menu-filter/
  3686. Loremlpsum Content Generator : https://addons.mozilla.org/fr/firefox/addon/loremipsum-content-generator/?src=dp-dl-oftenusedwith
  3687. ALLL :.secondary.addon-reviews.c + #reviews.island
  3688. PREVIEWS : .previews ~ .secondary.addon-reviews.c + #reviews.island
  3689. */
  3690. .previews ~ .secondary.addon-reviews.c + #reviews.island   {
  3691.     position: relative !important;
  3692.     display: inline-block ! important;
  3693.     width: 422px !important;
  3694.     min-height: 285px ! important;
  3695.     max-height: 285px ! important;
  3696.     left: -454px !important;
  3697.     border-radius: 5px !important;
  3698.     overflow: visible ! important;
  3699.     border: 1px solid red !important;
  3700. }
  3701. .secondary.addon-reviews.c + #reviews.island  {
  3702.     position: relative !important;
  3703.     display: inline-block ! important;
  3704.     max-width: 423px !important;
  3705.     min-width: 420px !important;
  3706.     min-height: 290px ! important;
  3707.     max-height: 290px ! important;
  3708.     left: -455px !important;
  3709.     margin-top: 504px !important;
  3710.     overflow: visible ! important;
  3711.     border: 1px solid red !important;
  3712. }
  3713.  
  3714. /* WITH LIGHTBOX - === */
  3715. .previews + #lightbox ~ .secondary.addon-reviews.c + #reviews.island {
  3716.     position: relative !important;
  3717.     display: inline-block ! important;
  3718.     max-width: 423px !important;
  3719.     min-width: 420px !important;
  3720.     min-height: 290px ! important;
  3721.     max-height: 290px ! important;
  3722.     left: -455px !important;
  3723.     margin-top: -49px !important;
  3724.     overflow: visible ! important;
  3725.     border: 1px solid red !important;
  3726. }
  3727. .secondary.addon-reviews.c + #reviews.island h2 {
  3728.     margin-top: -18px !important;
  3729.     font-size: 17px !important;
  3730. }
  3731. /* (3 régles) - REVIEWS - ADDON page + REVIEWS page - TOTAL CONTAINER */
  3732. .reviews .paginator.c.pjax-trigger {
  3733.     position: absolute !important;
  3734.     display: inline-block !important;
  3735.     width: auto !important;
  3736.     height: 20px !important;
  3737.     line-height: 20px !important;
  3738.     top: -27px !important;
  3739.     left: 703px !important;
  3740.     padding: 3px 50px 3px 15px !important;
  3741.     border-radius: 5px 5px 0 0 !important;
  3742.     color: white !important;
  3743.     background: #1b5898 linear-gradient(#2e89ca, #1b5898) repeat scroll 0 0 !important;
  3744. }
  3745.  
  3746. .reviews #page header h3 {
  3747.    margin-top: -13px !important;
  3748. }
  3749. .secondary + #reviews.primary {
  3750.     position: relative !important;
  3751.     display: inline-block !important;
  3752.     min-width: 1655px !important;
  3753.     height: 100% !important;
  3754.     min-height: 100% !important;
  3755.     max-height: 100% !important;  
  3756.     left: 270px !important;
  3757.     margin-left: -530px !important;
  3758.     top: -10px !important;
  3759.     overflow: visible !important;
  3760. }
  3761.  
  3762. /* (3 régles) - REVIEWS (MAX 3 reviews by row) - REVIEWS page - ADAPTATION GM "AUTOPAGERIZE"  === */
  3763. .secondary + #reviews.primary  .autopagerize_page_separator{
  3764.     margin-bottom: 1px !important;
  3765.     margin-top: -6px !important;
  3766. }
  3767. .secondary + #reviews.primary  .autopagerize_page_info {
  3768.     margin-bottom: 15px !important;
  3769.     margin-top: -10px !important;
  3770. }
  3771.  
  3772. /* (3 régles) - REVIEWS (MAX 3 reviews) - ADDON page (.secondary.addon-reviews + #reviews.primary) - BLOCK TOTAL container */
  3773. .secondary.addon-reviews + #reviews.primary {
  3774.     position: relative !important;
  3775.     width: 1655px !important;
  3776.     margin-left: 0px !important;
  3777.     top: -10px !important;
  3778. }
  3779.  
  3780. /* AVERAGE - WITHOUT / WITH LIGHTBOX */
  3781. aside.secondary.addon-reviews.c {
  3782.     position: relative !important;
  3783.     height: 216px !important;
  3784.     margin-bottom: 19px !important;
  3785.     left: -761px !important;
  3786.     margin-top: 337px !important;
  3787.     padding: 14px 0 0 16px !important;
  3788.     border: 1px solid red !important;
  3789.     border-radius: 5px 0 0 5px ! important;
  3790.     z-index: 200 !important;
  3791. }
  3792. #lightbox ~ .secondary.addon-reviews.c {
  3793.     top: -12px !important;
  3794. }
  3795. /*RELATED CATEGORIES / TAGS - WITH PREVIEW SLIDE - === */
  3796. #lightbox ~.secondary.addon-reviews.c + #reviews.island + aside  {
  3797.     position: relative !important;
  3798.     display: inline-block ! important;
  3799.     width: 488px !important;
  3800.     height: 215px !important;
  3801.     left: -210px !important;
  3802.     padding: 5px !important;
  3803.     top: -350px !important;
  3804.     margin-top: -10px ! important;
  3805.     border-radius: 0 5px 5px 0 !important;
  3806.     border: 1px solid red ! important;
  3807.     border-left: none ! important;
  3808.     padding-top: 10px !important;
  3809.     z-index: 200 !important;
  3810. }
  3811. /* ADDON PAGE - TAGS CATEGORY - ALL - without / wwith ? PREVIEW SLIDE -
  3812. WITH PREVIEW:
  3813. https://addons.mozilla.org/fr/firefox/addon/firebug/?src=collection&collection_id=4081dae0-cc25-4aab-aa38-7d581f003ab9
  3814. === */
  3815. #page.c section#reviews.primary + #related.secondary.metadata {
  3816.     position: relative !important;
  3817.     display: inline-block ! important;
  3818.     width: 547px !important;
  3819.     height: 215px !important;
  3820.     left: -203px !important;
  3821.     padding: 5px !important;
  3822.     margin-top: -504px ! important;
  3823.     border-radius: 0 5px 5px 0 !important;
  3824.     border: 1px solid red ! important;
  3825.     border-left: none ! important;
  3826.     padding-top: 10px !important;
  3827.     z-index: 200 !important;
  3828. }
  3829. #page.c  #lightbox ~ #reviews.primary + #related.secondary.metadata {
  3830.     position: relative !important;
  3831.     display: inline-block ! important;
  3832.     width: 547px !important;
  3833.     height: 215px !important;
  3834.     left: -203px !important;
  3835.     padding: 5px !important;
  3836.     margin-top: 52px ! important;
  3837.     border-radius: 0 5px 5px 0 !important;
  3838.     border: 1px solid red ! important;
  3839.     border-left: none ! important;
  3840.     padding-top: 10px !important;
  3841.     z-index: 200 !important;
  3842. }
  3843. /* LIGHTBOX */
  3844. #lightbox ~ .secondary.addon-reviews.c {
  3845.     position: relative !important;
  3846.     display: inline-block ! important;
  3847.     width: 185px !important;
  3848.     left: -761px !important;
  3849.     margin-top: 552px ! important;
  3850.     padding: 14px 0 0 10px !important;
  3851. }
  3852. #lightbox ~ #reviews + #related {
  3853.     margin-top: 7px !important;
  3854. }
  3855.  
  3856. /* (new10) */
  3857. #related  #tagbox a {
  3858.     font-size: 14px !important;
  3859. }
  3860.  
  3861. /* (new34) REVIEWS - PERMLINKS */
  3862. #reviews .review .byline a.permalink {
  3863.     position: absolute ! important;
  3864.     right: 1px ! important;
  3865.     top: 15px ! important;
  3866.     color: transparent ! important;
  3867.     font-size: 0 ! important;
  3868. }
  3869. #reviews .review:hover .byline a.permalink:after {
  3870.     display: inline-block ;
  3871.     content:"." ;
  3872.     width: 19px ;
  3873.     height: 21px ;
  3874.     background-position : -60px -20px ;
  3875.     background-repeat: no-repeat ;
  3876.     background-image:url(https://s1.yimg.com/dh/ap/groups/sprite16.png) ;
  3877.     transform: scale(0.8);
  3878. }
  3879. /* (new34) REVIEWS - TRANSLATE */
  3880. #reviews .review .byline a.translate {
  3881.     position: absolute ! important;
  3882.     right: 35px ! important;
  3883.     top: 17px ! important;
  3884.     color: transparent ! important;
  3885.     font-size: 1px ! important;
  3886. }
  3887. #reviews .review:hover .byline a.translate:after {
  3888.     position: absolute ! important;
  3889.     display: inline-block ! important;
  3890.     content:"." ;
  3891.     width: 19px ! important;
  3892.     background-repeat: no-repeat ;
  3893.     background-image:url(https://www.google.com/help/hc/images/toolbar/toolbar_translate.png);
  3894. }
  3895.  
  3896.  
  3897. /* REVIEWS - ALL - REVIEWS BLOCK */
  3898. #reviews .review {
  3899.     position: relative !important;
  3900.     display: inline-block !important;
  3901.     width: 364px !important;
  3902.     min-height: 140px !important;
  3903.     max-height: 140px !important;
  3904.     border: 1px solid gray !important;
  3905.     border-radius: 5px !important;
  3906.     padding: 19px 4px 10px !important;
  3907.     overflow: hidden !important;
  3908. }
  3909. /* REVIEWS ALL - ADDON + REVIEWS pages - REVIEWS BLOCK */
  3910. .secondary + #reviews.primary .review {
  3911.     width: 520px !important;
  3912.     min-height: 129px !important;
  3913.     max-height: 129px !important;
  3914.     top: -9px !important;
  3915.     margin-right: 15px ! important;
  3916.     margin-bottom: 5px ! important;
  3917.     padding: 1px 4px 10px !important;
  3918.     border-radius: 5px !important;
  3919. }
  3920.  
  3921. /* REVIEWS ALL - EDIT REVIEW - === */
  3922. .secondary + #reviews.primary .review#review-edit-form {
  3923.     position: relative !important;
  3924.     float: right!important;
  3925.     min-height: 570px!important;
  3926.     max-height: 570px!important;
  3927.     max-width: 65%!important;
  3928.     min-width: 65%!important;
  3929.     z-index: 8000!important;
  3930.     background: black !important;
  3931.     transition: all ease 0.7s !important;
  3932. }
  3933. .secondary + #reviews.primary .review#review-edit-form  fieldset  {
  3934.     position: relative !important;
  3935.     height: 495px !important;
  3936.     min-width: 97.7% !important;
  3937.     top: 5px !important;
  3938.     margin-bottom: 10px !important;
  3939. }
  3940. .secondary + #reviews.primary .review#review-edit-form  fieldset input[type="text"] {
  3941.     background: none repeat scroll 0 0 #292828 !important;
  3942.     height: 25px !important;
  3943.     min-width: 97%!important;
  3944. }
  3945. .secondary + #reviews.primary .review#review-edit-form  fieldset textarea {
  3946.     min-width: 99% !important;
  3947.     min-height: 300px !important;
  3948.     vertical-align: text-top;
  3949. }
  3950.  
  3951.  
  3952. /* REVIEWS ALL - ADDON + REVIEWS pages - LAST REVIEW to give huge bottom space after - === */
  3953. .secondary + #reviews.primary .review.item:nth-last-of-type(2) {
  3954.     float: left ! important;
  3955.     width: 100% ! important;
  3956.     margin-top: 10px ! important;
  3957.     margin-bottom: 400px ! important;
  3958. }
  3959. .secondary + #reviews.primary .review.item:nth-last-of-type(2) p.description:hover {
  3960.     width: 100% !important;
  3961. }
  3962. /* (new38) REVIEWS - ADDON paqe (.secondary.addon-reviews + #reviews.primary .review) - reviews */
  3963. .secondary.addon-reviews + #reviews.island .review {
  3964.     width: 205px !important;
  3965.     margin-right: -3px ! important;
  3966.     margin-left: -9px ! important;
  3967. }
  3968. .secondary.addon-reviews + #reviews.island .review + .review   {
  3969.     width: 205px !important;
  3970.     margin-left: 3px ! important;
  3971.     left: 3px !important;
  3972. }
  3973. .secondary.addon-reviews + #reviews.island .review:only-of-type {
  3974.     width: 400px !important;
  3975. }
  3976. /* .secondary.addon-reviews + #reviews.island .review:last-of-type */
  3977. .secondary.addon-reviews + #reviews.island .review:nth-child(4) {
  3978.     position: relative !important;
  3979.     display: inline-block !important;
  3980.     min-width: 430px !important;
  3981.     max-width: 430px !important;
  3982.     height: 129px !important;
  3983.     left: -14px !important;
  3984.     margin-bottom: 0px !important;
  3985.     margin-right: 12px !important;
  3986.     margin-top: -6px !important;
  3987. }
  3988. .secondary.addon-reviews + #reviews.island .review:nth-child(4) .description:hover {
  3989.     background: none repeat scroll 0 0 black !important;
  3990.     bottom: 0 !important;
  3991.     display: inline-block !important;
  3992.     height: 86px !important;
  3993.     overflow-x: hidden !important;
  3994.     overflow-y: scroll !important;
  3995.     padding: 1px 5px 50px !important;
  3996.     position: absolute !important;
  3997.     top: 0 !important;
  3998.     min-width: 430px !important;
  3999.     max-width: 430px !important;
  4000.     z-index: 200 !important;
  4001. }
  4002. .secondary.addon-reviews + #reviews.island .review + p  {
  4003.     position: absolute !important;
  4004.     display: inline-block !important;
  4005.     float: none !important;
  4006.     width: 430px !important;
  4007.     left: 5px ! important;
  4008.     top: -9px !important;
  4009.     text-align: right !important;
  4010. }
  4011.  
  4012. /* NO REVIEW MESSAGE - === */
  4013. .secondary.addon-reviews + #reviews.island .review.no-reviews {
  4014.     display: inline-block ! important;
  4015.     width: 415px !important;
  4016.     max-height: 10px ! important;
  4017.     min-height: 10px ! important;
  4018.     margin-left: 0px ! important;
  4019.     margin-bottom: 15px ! important;
  4020. }
  4021. /* REVIEWS - BY USER PAGE*/
  4022.  #reviews.full  {
  4023.     position: relative !important;
  4024.     width: 1540px !important;
  4025.     margin-bottom: 52px !important;
  4026.     left: -120px !important;
  4027.     border : gray solid 1px !important;
  4028. }
  4029.  #reviews.full .items .review.c.item  {
  4030.     width: 364px !important;
  4031.     min-height: 145px !important;
  4032.     max-height: 145px !important;
  4033.     top: -9px !important;
  4034.     padding: 5px 4px 0px !important;
  4035.     border-radius: 5px !important;
  4036. }
  4037. /* (COR) */
  4038. #reviews.full .items .review.c.item h3 {
  4039.     position: absolute !important;
  4040.     display: inline-block !important;
  4041.     min-width: 370px !important;
  4042. /*    min-width: 370px !important;*/
  4043.     max-width: 370px !important;
  4044. }
  4045. /* (COR) */
  4046. #reviews.full .items .review.c.item h3 a {
  4047.     position: absolute !important;
  4048.     display: inline-block !important;
  4049.     min-width: 370px !important;
  4050. /*    min-width: 370px !important;*/
  4051.     max-width: 370px !important;
  4052.     left: 0px !important;
  4053.     text-align: center !important;
  4054. }
  4055. #reviews.full .items .review.c.item h4 {
  4056.     margin-top: 22px !important;
  4057.     font-size: 12px !important;
  4058. }
  4059. #reviews.full .items .review.c.item h4 b {
  4060.     color: #BCBBBB  !important;
  4061. }
  4062.  
  4063. /* REVIEWS - REVIEWS page - ADDON NAME */
  4064. #reviews .review h3.addon-name {
  4065.     position: absolute !important;
  4066.     display: inline-block !important;
  4067.     max-height: 20px !important;
  4068.     min-height: 20px !important;
  4069.     margin-bottom: 93px !important;
  4070.     margin-top: -39px !important;
  4071.     padding: 0 !important;
  4072. }
  4073.  
  4074. /* REVIEWS ALL - ADDON + REVEWS pages - DESCRIPTION - ADD ICON + TXT "Review END" - === */
  4075. #reviews .review .description:before {
  4076.     content: "\25BA       " ;
  4077.     white-space: pre ;
  4078.     font-size: 10px ;
  4079.     color: red ;
  4080. }
  4081. #reviews .review .description:after {
  4082.     content: "\00000AReview End" ;
  4083.     white-space: pre ;
  4084.     color: peru ;
  4085.     position: relative ;
  4086.     font-size: 10px ;
  4087. }
  4088. /* HOVER - Review End - PADDING BOTTOM */
  4089. #reviews .review .description:hover:after {
  4090.     content: "\00000AReview End" ;
  4091.     white-space: pre ;
  4092.     color: peru ;
  4093.     position: relative ;
  4094.     font-size: 10px ;
  4095.     padding-bottom: 200px!important;
  4096. }
  4097. /* REVIEWS ALL - ADDON + REVEWS pages - DESCRIPTION - === */
  4098. #reviews .review .description {
  4099.     overflow-y: auto !important;
  4100.     height: 92px !important;
  4101.     margin-top: -1px !important;
  4102.     padding: 0 5px 5px 5px !important;
  4103.     border-top: 1px solid red ! important;
  4104.     border-bottom: 1px solid red ! important;
  4105.     background: black !important;
  4106. }
  4107. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description:hover  ,
  4108. #reviews .review .description:hover {
  4109.     position: absolute !important;
  4110.     display: inline-block !important;
  4111.     height: 86px !important;
  4112.     width: 197px ! important;
  4113.     bottom: 0px !important;
  4114.     top: 0px !important;
  4115.     padding: 1px 5px 50px 5px !important;
  4116.     background: black !important;
  4117.     overflow: hidden !important;
  4118.     overflow-y: scroll !important;
  4119.     z-index: 200 !important;
  4120. }
  4121. .secondary.addon-reviews + #reviews.island .review:only-of-type  p.description:hover {
  4122.     width: 400px !important;
  4123. }
  4124.  
  4125. /* AUTHOR PAGE */
  4126. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description {
  4127.     overflow-y: auto !important;
  4128.     height: 65px !important;
  4129.     margin-top: -1px !important;
  4130.     padding: 0 5px 5px 5px !important;
  4131.     border-top: 1px solid red ! important;
  4132.     border-bottom: 1px solid red ! important;
  4133.     background: black !important;
  4134. }
  4135.  
  4136. /* REVIEWS - Reviews Page -  (#reviews.primary .review.c.item p.description) - DESCRIPTION HOVER -
  4137. https://addons.mozilla.org/fr/firefox/addon/themes-menu/reviews/
  4138. === */
  4139. /* LARGE -
  4140. https://addons.mozilla.org/fr/firefox/addon/themes-menu/reviews/
  4141. === */
  4142. #reviews.primary .review.c.item p.description:hover {
  4143.     display: inline-block !important;
  4144.     width: 509px !important;
  4145.     height: 84px !important;
  4146.     overflow: hidden !important;
  4147.     overflow-y: auto !important;
  4148. }
  4149.  
  4150. /* REVIEWS - AUTHOR Page (#reviews.primary .review.c.item p.description) - DESCRIPTION HOVER -
  4151. === */
  4152. /* SHORT -
  4153. https://addons.mozilla.org/fr/firefox/user/60482chris35933/?src=api
  4154. https://addons.mozilla.org/EN-US/firefox/user/Barbiegirl/?page=3
  4155. === */
  4156. #reviews.primary.full .review.c.item p.description:hover {
  4157.     display: inline-block !important;
  4158.     width: 359px !important;
  4159.     height: 84px !important;
  4160.     overflow: hidden !important;
  4161.     overflow-y: auto !important;
  4162. }
  4163. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description:hover {
  4164.     display: inline-block !important;
  4165.     width: 359px !important;
  4166.     height: 84px !important;
  4167.     overflow: hidden !important;
  4168.     overflow-y: auto !important;
  4169. }
  4170. /* REVIEWS - REVIEWS page - NOTE - TXT - "this user has XX previius review..." */
  4171. #reviews.island .review span.item-note {
  4172.     position: absolute !important;
  4173.     width: 358px !important;
  4174.     margin-top: 4px !important;
  4175.     border: 0 none !important;
  4176.     overflow: hidden !important;
  4177.     white-space: nowrap !important;
  4178.     text-overflow: ellipsis !important;
  4179. }
  4180. /* AUTHOR Page */
  4181. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description + span {
  4182.     position: absolute !important;
  4183.     width: 158px !important;
  4184.     margin-top: 1px !important;
  4185.     border: 0 none !important;
  4186.     overflow: hidden !important;
  4187.     white-space: nowrap !important;
  4188.     text-overflow: ellipsis !important;
  4189. }
  4190. #profile-actions ~#my-addons + #reviews.primary .review.c.item p.description + span:hover {
  4191.     width: 375px !important;
  4192.     padding-left: 5px !important;
  4193.     margin-left: -5px !important;
  4194.     background: red !important;
  4195.     color: gold !important;
  4196.     z-index: 100 !important;
  4197. }
  4198.  
  4199. #reviews.island .review span.item-note + .item-note {
  4200.     position: absolute !important;
  4201.     width: 80px ! important;
  4202.     height: 65px ! important;
  4203.     top: 10px !important;
  4204.     right: -5px ! important;
  4205.     border: 0 none !important;
  4206.     text-align: right ! important;
  4207.     font-size: 0 ! important;
  4208. }
  4209.  
  4210. /* TXT "PREVIOUS REVIEWS " - === */
  4211. #reviews.island .review span.item-note + .item-note a:after {
  4212.     content: "Prev" ! important;
  4213.     position: relative ! important;
  4214.     display: inline-block ! important;
  4215.     margin-top: 33px !important;
  4216.     left: 10px !important;
  4217.     border: 0 none !important;
  4218.     text-align: center ! important;
  4219.     letter-spacing: 3px !important;
  4220.     font-size: 11px ! important;
  4221.     padding: 1px 3px ! important;
  4222.     color: green ! important;
  4223.     background: black ! important;
  4224.     transform: rotate(90deg) ! important;
  4225.     cursor: pointer ! important;
  4226. z-index: 200 !important;
  4227. }
  4228. /* (new55) REVIEWS - PROFILE - MY REVIEWS - USER PROFILE PAGE (yellow) -
  4229. https://addons.mozilla.org/en-US/firefox/user/decembre/
  4230. === */
  4231. #my-collections.secondary + #reviews.primary {
  4232.     position: relative !important;
  4233.     display: inline-block !important;
  4234.     min-width: 1547px !important;
  4235.     max-width: 1547px !important;
  4236.     max-height: 530px !important;
  4237.     min-height: 530px !important;
  4238.     left: 405px !important;
  4239.     top: 0px !important;
  4240.     overflow: hidden !important;
  4241.     overflow-x: hidden !important;
  4242.  }
  4243. #my-collections.secondary + #reviews.primary .items {
  4244.     position: relative !important;
  4245.     display: inline-block !important;
  4246.     min-width: 1520px !important;
  4247.     max-width: 1520px !important;
  4248.     max-height: 475px !important;
  4249.     min-height: 475px !important;
  4250.     left: 0px !important;
  4251.     top: -7px !important;
  4252.     overflow: hidden !important;
  4253.     overflow-x: hidden !important;
  4254.     overflow-y: auto !important;
  4255.  }
  4256. #my-collections.secondary + #reviews.primary .review.item {
  4257.     position: relative !important;
  4258.     display: inline-block !important;
  4259.     width: 475px !important;
  4260.     max-height: 160px !important;
  4261.     min-height: 160px !important;
  4262.     margin-right: 14px !important;
  4263.     padding: 1px 4px 10px !important;
  4264.     border-radius: 5px !important;
  4265.     overflow: hidden !important;
  4266.     overflow-x: hidden !important;
  4267.     overflow-y: auto !important;
  4268. }
  4269. #my-collections.secondary + #reviews.primary .paginator.c.pjax-trigger.paginator.c.pjax-trigger {
  4270.     position: absolute !important;
  4271.     display: inline-block !important;
  4272.     height: 25px !important;
  4273.     width: 700px!important;
  4274.     top: 0px !important;
  4275.     left: 400px !important;
  4276.     padding-left: 10px !important;
  4277.     padding-top: 3px !important;
  4278.     border-radius: 5px 5px 0 0 !important;
  4279.     color: white !important;
  4280.     z-index: 500 !important;
  4281.     background: #1b5898 linear-gradient(#2e89ca, #1b5898) repeat scroll 0 0 !important;
  4282. }
  4283. /* VOIR LEFT */
  4284. #my-collections.secondary + #reviews.primary .review.item:nth-last-of-type(2) {
  4285.     position: relative !important;
  4286.     display: inline-block !important;
  4287.     width: 475px !important;
  4288.     max-height: 140px !important;
  4289.     min-height: 140px !important;
  4290.     margin-right: 17px !important;
  4291.     margin-top: 0px ! important;
  4292.     padding: 1px 4px 10px !important;
  4293.     border-radius: 5px !important;
  4294. }
  4295. #my-collections.secondary + #reviews.primary .review.item  h3 {
  4296.     position: absolute !important;
  4297.     display: inline-block !important;
  4298.     min-width: 370px !important;
  4299. }
  4300. #my-collections.secondary + #reviews.primary .review.item h3 a {
  4301.     position: absolute !important;
  4302.     min-width: 370px !important;
  4303.     display: inline-block !important;
  4304.     left: 0 !important;
  4305.     text-align: center !important;
  4306. }
  4307. #my-collections.secondary + #reviews.primary .review.item h4 {
  4308.     margin-top: 20px !important;
  4309. }
  4310. #my-collections.secondary + #reviews.primary .review.item .description {
  4311.     height: 55px !important;
  4312.     margin-top: 3px !important;
  4313.     overflow-y: auto !important;
  4314.     background: black !important;
  4315. }
  4316. #my-collections.secondary + #reviews.primary .review.item .description:hover {
  4317.     height: 95px !important;
  4318.     width: 483px !important;
  4319.     overflow-y: auto !important;
  4320. }
  4321.  
  4322. /* TEST -  ADDON PAGE WITH DEPENDENCIES :
  4323. https://addons.mozilla.org/fr/firefox/addon/stylish-custom/
  4324. https://addons.mozilla.org/fr/firefox/addon/firerainbow/?src=dp-dl-oftenusedwith
  4325. === */
  4326. .notice.dependencies {
  4327.     position: absolute!important;
  4328.     width: 190px !important;
  4329.     left: 537px !important;
  4330.     top: 170px !important;
  4331.     padding: 3px!important;
  4332. }
  4333. .notice.upsell > h3, .notice.dependencies > h3 {
  4334.     margin-bottom: -2px !important;
  4335.     font-size: 12px!important;
  4336.     white-space: nowrap;
  4337.     width: 195px!important;
  4338.     text-overflow: ellipsis!important;
  4339.     overflow: hidden!important;
  4340. }
  4341.  .notice.dependencies > h3+ .listing-grid.c.cols-3 {
  4342.     position: relative!important;
  4343.     display: inline-block!important;
  4344.     height: 75px;
  4345.     min-width: 192px!important;
  4346.     max-width: 192px!important;
  4347.     top: 14px!important
  4348. }
  4349. .notice.dependencies > h3+ .listing-grid.c.cols-3 section {
  4350.     position: relative!important;
  4351.     display: inline-block!important;
  4352.     min-width: 190px!important;
  4353.     max-width: 190px!important;
  4354.     left:2px!important;
  4355. }
  4356. .notice.dependencies > h3+ .listing-grid.c.cols-3 section> li {
  4357.     position: relative!important;
  4358.     display: inline-block!important;
  4359.     min-width: 190px!important;
  4360.     max-width: 190px!important;
  4361.     left:-2px!important;
  4362. }
  4363.  
  4364.  
  4365. /* (COR)  VOIR PADDING - ADDON PAGE - AUTHOR CONTRIBUTION - right -
  4366. #contribution
  4367. .notice.author,
  4368. .notice.performance-note
  4369. TinEye Reverse Image:
  4370. https://addons.mozilla.org/fr/firefox/addon/tineye-reverse-image-search/
  4371. https://addons.mozilla.org/fr/firefox/addon/firebug/?src=dp-dl-othersby
  4372. === */
  4373. .notice.dependencies + #contribution ,
  4374. #addon +#contribution.notice.author {
  4375.     padding-left: 104px;
  4376.     position: absolute !important;
  4377.     width: 330px !important;
  4378.     left: -452px ! important;
  4379.     top: -90px !important;
  4380.     padding: 3px 10px 2px 104px ! important;
  4381. }
  4382. .notice.dependencies + #contribution .avatar ,
  4383. #addon +#contribution.notice.author .avatar {
  4384.     position: absolute;
  4385.     width: 48px !important;
  4386.     height: 48px !important;
  4387.     left: 20px;
  4388.     top: 6px !important;
  4389. }
  4390. /* (new40) PROFILE DEVELLOPER - ADDON PAGE INFO - MEET IT -
  4391. https://addons.mozilla.org/en-US/firefox/addon/downthemall/developers
  4392. TinEye Reverse Image:
  4393. https://addons.mozilla.org/fr/firefox/addon/tineye-reverse-image-search/
  4394. === */
  4395. .primary.c #contribution.notice.author {
  4396.     display: inline-block!important;
  4397.     width: 380px !important;
  4398.     height: 97px !important;
  4399.     margin-left: 0px!important;
  4400.     top: 0px !important;
  4401. padding: 10px 14px !important;
  4402. }
  4403. .primary.c #contribution.notice.author.c.author .aux + h3 {
  4404.     margin-top: -12px !important;
  4405.     font-size: 13px;
  4406.     font-style: italic;
  4407. }
  4408. .primary.c #contribution.notice.author .avatar {
  4409.     display: none!important;
  4410. }
  4411. /* (new60) */
  4412. .primary.c #contribution.notice.author .aux {
  4413.     width: 171px;
  4414.     height: 100px !important;
  4415.     margin-top: -7px !important;
  4416.     margin-left: 0;
  4417.     margin-right: -12px !important;
  4418.     left: 0px !important;
  4419.     border-left: 1px solid gray!important;
  4420.     border-bottom: 1px solid gray!important;
  4421.     border: 1px solid gray!important;
  4422.     padding: 5px !important;
  4423. text-align: center !important;
  4424. }
  4425. .primary.c #contribution.notice.author .aux + h3 + .show-install{
  4426.     max-width: 196px ;
  4427.     margin-left: -7px ;
  4428.     padding: 4px !important;
  4429.     background: #222 ;
  4430. }
  4431.  
  4432. .notice.author .continue {
  4433.     display: block;
  4434.     margin-top: 10px !important;
  4435. }
  4436. .primary.c #contribution.notice.author .aux .install-shell:not(.hidden) {
  4437.     display: inline-block;
  4438.     height: 20px !important;
  4439.     left: 0px !important;
  4440.     line-height: 25px !important;
  4441.     position: relative !important;
  4442.     top: 5px !important;
  4443.     visibility: visible !important;
  4444.     z-index: 30 !important;
  4445. }
  4446.  
  4447. /* (new47) - PB MEET - pb BREADCRUMB - ONE BIG ICON ADDON - NO SUPPORT message - WHY in OTHER SECCTION -
  4448. https://addons.mozilla.org/fr/firefox/addon/firequery/developers
  4449. ==== */
  4450.  
  4451. /* (new37) PROFILE - MY ADDON - DEV INFOS - AVATAR - BIG -
  4452. https://addons.mozilla.org/fr/firefox/user/jorge-villalobos/
  4453. https://addons.mozilla.org/en-US/firefox/user/decembre/
  4454. SEE DEV MEET:
  4455. 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
  4456.  
  4457. OK MEET DEV :
  4458. https://addons.mozilla.org/en-US/firefox/addon/web-developer/developers
  4459. https://addons.mozilla.org/en-us/firefox/addon/ymobactus/developers
  4460. SOLVED  MEET DEV (more than one dev):
  4461. https://addons.mozilla.org/en-US/firefox/addon/quicknote/developers
  4462.  
  4463. === */
  4464.  
  4465. /* (new40) FOR:
  4466. https://addons.mozilla.org/fr/firefox/addon/new-tab-override/developers
  4467. === */
  4468. .meet .island.c {
  4469.     display: inline-block !important;
  4470.     height: 586px !important;
  4471.     margin-bottom: 15px;
  4472.     padding: 14px 14px 25px 14px !important;
  4473. }
  4474. .meet .user-avatar {
  4475.     display: block;
  4476.     float: right;
  4477.     width: 208px;
  4478. }
  4479. .meet .secondary.c + .primary.c + .island.c .secondary.user-avatar {
  4480.     background: #333 none repeat scroll 0 0 !important;
  4481.     display: inline-block !important;
  4482.     float: right !important;
  4483.     height: 585px !important;
  4484.     margin-top: -5px !important;
  4485.     text-align: center !important;
  4486.     width: 200px !important;
  4487. }
  4488. .meet .secondary.c + .primary.c + .island.c .secondary.user-avatar + .primary {
  4489.     height: 585px !important;
  4490.     top: -390px !important;
  4491. }
  4492.  
  4493. /*(new40)*/
  4494. .meet .primary.c {
  4495.     width: 410px !important;
  4496.     height: 120px !important;
  4497. }
  4498. .meet .secondary.c {
  4499.     display: inline-block !important;
  4500.     float: right;
  4501.     width: 535px !important;
  4502.     height: 92px !important;
  4503.     line-height: 95px !important;
  4504.     margin-top: 0px !important;
  4505.     padding: 20px 5px 5px 5px !important;
  4506.     border-radius: 5px !important;
  4507.     border: 1px solid gray !important;
  4508.     background: #222 !important;
  4509. }
  4510. .meet .secondary.c .item.addon ,
  4511. .meet .secondary.c .item.addon hgroup {
  4512.     display: inline-block !important;
  4513. }
  4514. .meet .secondary.c .item.addon hgroup #addon-icon {
  4515.     display: inline-block !important;
  4516.     top: 25px !important;
  4517. }
  4518. .meet .secondary.c .item.addon hgroup h1 {
  4519.     display: inline-block !important;
  4520.     width: 485px !important;
  4521.     height: 92px !important;
  4522.     line-height: 95px !important;
  4523. }
  4524.  
  4525. .meet .header-bg + #addon-side {
  4526.     position: relative !important;
  4527.     display: inline-block !important;
  4528.     float: right;
  4529.     width: 953px !important;
  4530.     margin-top: 5px !important;
  4531.     margin-right: 0px !important;
  4532.     padding: 30px 5px 5px 5px !important;
  4533.     border-radius: 5px !important;
  4534.     border: 1px solid yellow !important;
  4535.     background: #222 !important;
  4536. }
  4537. .item.addon {
  4538.     height: 43px !important;
  4539. }
  4540.  
  4541. .secondary .addon hgroup h1 {
  4542.     height: 43px !important;
  4543.     line-height: 43px!important;
  4544.     font-size: 30px !important;
  4545.     margin: 0 0 4px;
  4546.     padding: 0px ;
  4547.     text-transform: none;
  4548. }
  4549. .meet  .hero.c {
  4550.     position: relative !important;
  4551.     width: 953px !important;
  4552. }
  4553.  
  4554. /* (new47) MEET - NO SUPPORT - BIG ICON + WHY - GREEN -
  4555. https://addons.mozilla.org/fr/firefox/addon/firequery/developer
  4556.  
  4557. === */
  4558. .meet .header-bg + #addon-side + header #breadcrumbs {
  4559.     position: relative !important;
  4560.     width: 753px !important;
  4561.     top: -172px !important;
  4562.     white-space: nowrap !important;
  4563. }
  4564.  
  4565. /* (new47) MEET - SUPPORT / NO WHY - RED - class="header-bg" style="width: calc(100vw - 6px);"> -
  4566. https://addons.mozilla.org/fr/firefox/addon/new-tab-override/developers
  4567. === */
  4568. .meet .header-bg + .hero.c  #breadcrumbs {
  4569.     position: relative !important;
  4570.     width: 753px !important;
  4571.     top: -22px !important;
  4572.     white-space: nowrap !important;
  4573. }
  4574. /* .meet .primary.full #about-addon */
  4575. .meet #page .header-bg + .hero.c + .secondary.c + .primary.c + .primary.full {
  4576.     margin-top: 0px !important;
  4577. }
  4578.  
  4579. /* (new47) MEET - H1 - TXT " Meet / Rencontrez ..." -==== */
  4580.  
  4581. .meet .hero.c #breadcrumbs + h1 {
  4582.     width: 953px !important;
  4583.     margin-left: 0px !important;
  4584.     font-size: 18px !important;
  4585.     text-align: center !important;
  4586. }
  4587. .meet .header-bg + #addon-side + header #breadcrumbs + h1 {
  4588.     width: 953px !important;
  4589.     top: -43px !important;
  4590.     margin-left: 0px !important;
  4591.     margin-bottom: 30px !important;
  4592.     font-size: 18px !important;
  4593.     text-align: center !important;
  4594. }
  4595.  
  4596. /* (new47) MEET - WHY - === */
  4597. .meet .hero.c  ~.primary.full {
  4598.     position: relative !important;
  4599.     display: inline-block !important;
  4600.     width: 963px !important;
  4601.     margin-bottom: -19px !important;
  4602.     margin-top: -66px !important;
  4603. }
  4604.  
  4605.  
  4606. /* (new40) MEET - DEV SECTION - for MORE than ONE DEV:
  4607. https://addons.mozilla.org/en-US/firefox/addon/quicknote/developers
  4608. === */
  4609. .meet #page>.primary.full + h1 +.island.c ~ .island.c,
  4610. .meet #page>.primary.full + h1 +.island.c {
  4611.     position: relative !important;
  4612.     display: inline-block!important;
  4613.     width: 930px!important;
  4614.     height: 300px!important;
  4615. }
  4616.  
  4617. /* (new47) MEET - MULTI DEV - === */
  4618. .meet #page > .primary.full + h1 + .island.c + .island.c ,
  4619. .meet .island.c + .island.c {
  4620.     top: 0px !important;
  4621. }
  4622. .meet #page > .primary.full + h1 + .island.c ~ .island.c ,
  4623. .meet .island.c ~ .island.c {
  4624.     margin-top: -85px !important;
  4625. }
  4626.  
  4627. /* .secondary.user-avatar  */
  4628. #profile-actions + .fn.n + .island.c .secondary.user-avatar {
  4629.     display: inline-block ! important;
  4630.     float: right !important;
  4631.     width: 304px !important;
  4632.     height: 220px !important;
  4633.     margin-top: -12px !important;
  4634.     margin-right: -8px !important;
  4635.     padding-top: 20px !important;
  4636.     border-radius: 0 0 5px 5px !important;
  4637.     text-align: center ! important;
  4638.     background: #333 !important;
  4639. }
  4640. /* .meet #page>.primary.full +h1 +.island.c .secondary.user-avatar  */
  4641. .meet #page > .primary.full ~ .island.c .secondary.user-avatar {
  4642.     display: inline-block ! important;
  4643.     float: right !important;
  4644.     margin-top: -5px !important;
  4645.     width: 200px !important;
  4646.     height: 295px !important;
  4647.     text-align: center ! important;
  4648.     background: #333 !important;
  4649. }
  4650. .meet .avatar {
  4651.     height: auto !important;
  4652.     min-width: 170px !important;
  4653.     max-width: 170px !important;
  4654. }
  4655.  
  4656. .meet .island > section {
  4657. /* position: absolute !important; */
  4658.     display: inline-block !important;
  4659.     float: none !important;
  4660.     height: 300px !important;
  4661.     width: 695px !important;
  4662.     margin-top: -218px !important;
  4663.     bottom: 100px !important;
  4664.     padding: 7px 14px 2px 5px !important;
  4665.     overflow: hidden !important;
  4666.     overflow-y: auto !important;
  4667.     outline: 1px solid gray !important;
  4668. }
  4669.  
  4670. .meet .user-role {
  4671.     display: inline-block;
  4672.     height: 18px !important;
  4673.     line-height: 17px !important;
  4674.     min-width: 220px !important;
  4675.     max-width: 220px !important;
  4676.     margin-top: -2px !important;
  4677.     padding: 0 !important;
  4678.     background: #333 !important;
  4679. }
  4680. .meet .user-role p {
  4681.     display: inline-block;
  4682.     height: 17px !important;
  4683.     line-height: 17px !important;
  4684.     margin: 0 6px;
  4685.     padding: 0 !important;
  4686.     text-align: center;
  4687.     font-size: 11px !important;
  4688. }
  4689.  
  4690. .meet .user-role p::before {
  4691.     display: inline-block;
  4692.     width: 15px;
  4693.     height: 15px;
  4694.     margin: 0 2px -3px 0 !important;
  4695.     border-radius: 10px !important;
  4696.     background-position: 1px 1px !important;
  4697.     background-size: 85% !important;
  4698.     background-color: white !important;
  4699. }
  4700.  
  4701.  
  4702. /* (new18) PROFILE - MY ADDON - DEV INFOS - VCARD - CONT - === */
  4703.  
  4704. /* (ALL) DESCRIPTIONS - === */
  4705. .desc {
  4706.     margin: 75px 0 0 -51px !important;
  4707.     padding: 5px !important;
  4708.     cursor: default !important;
  4709. }
  4710. .desc br {
  4711.     position: relative !important;
  4712.     display: block !important;
  4713.     height: 20px !important;
  4714.     margin-top: -1px !important;
  4715. }
  4716.  
  4717. /* ACTIONS */
  4718. .item-actions > li > a {
  4719.     position: absolute !important;
  4720.     right: 8px !important;
  4721.     bottom: 0 !important;
  4722. }
  4723.  
  4724. .item-actions > li:not(:first-child) {
  4725.     margin-top: 5px !important;
  4726. }
  4727.  
  4728. .item-actions > li > a.delete-review {
  4729.     position: absolute !important;
  4730.     text-align: left !important;
  4731.     width: 100px !important;
  4732.     right: 370px !important;
  4733.     bottom: 0 !important;
  4734.     color: gray !important;
  4735. }
  4736. .item-actions > li > a:hover.delete-review {
  4737.     position: absolute !important;
  4738.     color: red !important;
  4739.     background: yellow ! important;
  4740. }
  4741.  
  4742. /* (new70) ADDON SEARCH(ALL) - TITLE+ICON - === */
  4743. #sorter.c.pjax-trigger + .items .item.addon .info h3  {
  4744.     position: absolute !important;
  4745.     display: inline-block !important;
  4746.     height: 50px !important;
  4747.     left: 0px !important;
  4748.     top: 40px !important;
  4749.     border-radius: 5px 5px 0 0  !important;
  4750.     font-size: 16px !important;
  4751.     text-align: center !important;
  4752. }
  4753.  
  4754.  
  4755. /* (new9) (ALL) ADDON SEARCH - ADD ICON -
  4756. PB Small ICON : Web Application Security Penetration Testing
  4757. https://addons.mozilla.org/fr/firefox/collections/adammuntner/webappsec/
  4758. https://addons.mozilla.org/fr/firefox/collections/?sort=followers&page=2
  4759. === */
  4760.  
  4761. /* (new44) PB ICON -
  4762. TEST LINK:
  4763. https://addons.mozilla.org/en-US/firefox/addon/remote-control/
  4764. https://addons.mozilla.org/en-US/firefox/user/nneonneo/
  4765. === */
  4766.  
  4767. .items .item h3 img {
  4768.     position: absolute !important;
  4769.     display: inline-block !important;
  4770.     height: auto !important ;
  4771.     min-height: 32px;
  4772.     max-width: 32px;
  4773.     left: 2px !important;
  4774.     top: 2px !important;
  4775.     padding: 2px ! important;
  4776.     border-radius: 5px  ! important;
  4777.     box-shadow: 0 0 2px #CCCCCC inset !important;
  4778. }
  4779. /* (new61) (ALL) ADDON SEARCH - NAME - CF .is-webextension - === */
  4780. #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) ,
  4781. .listing #pjax-results .items .item .info h3 a {
  4782.     position: absolute ! important;
  4783.     width: 258px ! important;
  4784.     height: 40px ! important;
  4785.     left: -25px ! important;
  4786.     margin-left: 28px ! important;
  4787.     top: 1px ! important;
  4788.     padding: 5px 15px 3px 40px ! important;
  4789.     border-radius:5px 5px  0 0 ! important;
  4790.     white-space: nowrap !important;
  4791.     overflow: hidden ! important;
  4792.     text-overflow: ellipsis ! important;
  4793. }
  4794.  
  4795. /* (new42) (ALL)) ADDON SEARCH - NAME + ICON -
  4796. ADAPTATION FOR GM AUTOPAGERIZE
  4797. === */
  4798. #search-facets + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item.addon .info h3 ,
  4799. .listing #pjax-results .items .item .info h3 {
  4800.     display: inline-block !important;
  4801.     height: 60px !important;
  4802.     max-width: 290px !important;
  4803.     min-width: 290px !important;
  4804.     top: 36px !important;
  4805.     padding: 0 25px 0 0 !important;
  4806.     margin-left: 4px !important;
  4807.     border: 1px solid gray !important;
  4808. }
  4809. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info h3 {
  4810.     top: 3px !important;
  4811. }
  4812.  
  4813. /* (new23) SEARCH - ADDON RATING / FOLLOWERS -
  4814. OK:
  4815. https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  4816. SEARCH FACETS:
  4817. https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  4818. === */
  4819. #pjax-results #sorter.c.pjax-trigger + .items .info .vitals {
  4820.     position: relative !important;
  4821.     display: inline-block !important;
  4822.     width: 310px !important;
  4823.     top: -103px !important;
  4824.     left: -51px !important;
  4825.     text-align: center !important;
  4826. }
  4827. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .vitals {
  4828.     position: relative !important;
  4829.     display: inline-block !important;
  4830.     width: 310px !important;
  4831.     top: -143px !important;
  4832.     left: -51px !important;
  4833.     text-align: center !important;
  4834. }
  4835.  
  4836. /* (new65) SEARCH - ADDON INSTALL - === */
  4837.  
  4838. #pjax-results #sorter.c.pjax-trigger + .items .info + .action {
  4839.     display: inline-block !important;
  4840.     height: 15px !important;
  4841.     padding: 0 !important;
  4842.     top: 75px !important;
  4843.     width: 100% !important;
  4844.     text-align: center !important;
  4845. }
  4846. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info + .action {
  4847.     display: inline-block !important;
  4848.     width: 100% !important;
  4849.     height: 15px !important;
  4850.     top: 58px !important;
  4851.     padding: 0 !important;
  4852.     text-align: center !important;
  4853. }
  4854.  
  4855. /* ======= END - ADDON SEARCH ========= */
  4856.  
  4857. /* === ADDON PAGE ==== */
  4858.  
  4859. /* (new70) - ADDON PAGE - TITLE + SUMMARY - === */
  4860. .gutter .secondary.addon-vitals + .primary #addon {
  4861. /*     min-height: 317px !important;
  4862.     max-height: 317px !important;
  4863.     max-width: 755px ! important;
  4864.     min-width: 755px ! important;
  4865.     top: 3px !important;
  4866.     left: 5px !important; */
  4867. /* background: aqua !important; */
  4868. }
  4869. /* (new70) */
  4870. #addon > hgroup {
  4871. /*     position: relative !important;
  4872.     display: inline-block !important;
  4873.     width: 535px !important;
  4874.     height: 100% ! important;
  4875.     min-height: 70px !important;
  4876.     max-height: 70px !important;
  4877.     margin-left: -98px !important;
  4878.     text-align: left !important; */
  4879. }
  4880. /* (new70) */
  4881. #addon > hgroup h1.addon {
  4882. /*     position: relative !important;
  4883.     display: inline-block !important;
  4884.     height: 100% ! important;
  4885.     min-height: 138px !important;
  4886.     width: 662px !important;
  4887.     left: -495px !important;
  4888.     top: 0px !important;
  4889.     margin-bottom: 25px ! important;
  4890.     padding-right: 0 ! important;
  4891.     padding-left: 80px ! important;
  4892.     white-space: normal !important;
  4893. border: 1px solid gray !important; */
  4894. /* outline: 1px solid gray ! important; */
  4895. /* background-color: rgba(255, 0, 0, 0.2) !important; */
  4896. }
  4897. /* (COR) PB ICON - HEIGHT -
  4898. YEST LINK:
  4899. https://addons.mozilla.org/fr/firefox/addon/british-english-dictionary-2/
  4900. https://addons.mozilla.org/en-US/firefox/addon/remote-control/
  4901. === */
  4902. /* (new70) */
  4903. #addon > hgroup > .icon {
  4904. /*     position: absolute;
  4905.     max-width: 67px !important;
  4906.     width: auto !important;
  4907.     height: auto !important;
  4908.     min-height: 67px !important;
  4909.     top: 8px !important;
  4910.     left: 4px !important;
  4911.     margin-top: -3px !important; */
  4912.     padding: 2px !important;
  4913.     border-radius: 5px !important;
  4914.     box-shadow: 0 0 2px #CCCCCC inset !important;
  4915.     background: rgba(191, 191, 190, 0.33) !important;
  4916. }
  4917.  
  4918.  
  4919. /* (new70) */
  4920. .addon>span:not(.no-restart) {
  4921. /*     position: relative !important;
  4922.     display: inline-block !important;
  4923.     float: left !important;
  4924.     width: 655px !important; */
  4925. }
  4926. /* (new60) */
  4927. .gutter .secondary.addon-vitals + .primary #addon  .addon > span.is-restart-required   {
  4928.     position: relative !important;
  4929.     display: inline-block !important;
  4930.     float: left !important;
  4931.     width: 155px !important;
  4932.     top: 0 !important;
  4933.     left: 0 !important;
  4934.     text-align: center !important;
  4935. /*     background: aqua !important; */
  4936. }
  4937. /* (new70) */
  4938. #addon > #addon-summary {
  4939. /*     position: absolute !important;
  4940.     display: inline-block !important;
  4941.     width: 100% !important;
  4942.     min-width: 735px !important;
  4943.     max-width: 735px !important;
  4944.     height: 100% ! important;
  4945.     min-height: 58px ! important;
  4946.     max-height: 58px ! important;
  4947.     line-height: 16px !important;
  4948.     left: 5px !important;
  4949.     top: 82px !important; */
  4950.     padding: 0px 0 0px 5px !important;
  4951. border-bottom: 1px solid red !important;
  4952. /*     overflow: hidden !important;
  4953.     overflow-y: auto ! important; */
  4954. }
  4955. #addon-summary> br + br {
  4956.     display: none !important;
  4957. }
  4958. /* (new43) ADDON PAGE - Privacy Policy - === */
  4959. #addon .badge {
  4960.     position: absolute !important;
  4961.     display: inline-block!important;
  4962.     width: 112px !important;
  4963.     line-height: 10px !important;
  4964.     right: 617px !important;
  4965.         top: 14px;
  4966.     font-size: 10px !important;
  4967.     text-decoration: none !important;
  4968.     border-radius: 5px !important;
  4969.     margin-left: 1em;
  4970.     background: #222;
  4971. }
  4972.  
  4973.  
  4974. /* (new60) ADDON PAGE - INSTALL BUTTON - === */
  4975. /* (new70) */
  4976. #addon>#addon-summary + .install-wrapper {
  4977. /*     position: absolute !important;
  4978.     display: inline-block!important;
  4979.     height: 35px !important;
  4980.     width: 100% !important;
  4981.     min-width: 195px !important;
  4982.     max-width: 195px !important;
  4983.     right: 6px !important;
  4984.     top: 275px !important;
  4985.     border-radius: 0 0 5px 0 !important;
  4986.     text-align: center !important; */
  4987. }
  4988. /* (new70) */
  4989. /* #addon>#addon-summary + .install-wrapper .install-shell, */
  4990. #addon>#addon-summary + .install-wrapper .install-shell:not(.hidden) {
  4991. /* display: inline-block;
  4992.     width: 100% !important;
  4993.     min-width: 195px !important;
  4994.     max-width: 195px !important;
  4995.     height: 20px !important;
  4996.     left: -1px !important;
  4997.     line-height: 20px !important;
  4998.     position: relative !important;
  4999.     top: 2px !important;
  5000.     visibility: visible !important;
  5001.     z-index: 30 !important; */
  5002. }
  5003. /* (new70) */
  5004. #addon>#addon-summary + .install-wrapper .install-shell > .install {
  5005. /*     min-width: 190px !important;
  5006.     max-width: 190px !important;
  5007.     top: -10px !important;
  5008.     margin-left: 4px !important; */
  5009. }
  5010. #addon>#addon-summary + .install-wrapper .install-shell > .install p a span {
  5011.     height: 20px !important;
  5012.     line-height: 15px !important;
  5013.     font-size: 15px !important;
  5014.     background-position: 0 -190px !important;
  5015. }
  5016.  
  5017.  
  5018. /* (new61) INSTALL button - CORRECTION FOR ONLY ONE INSTALL button on ADDON PAGE   */
  5019. /* (new70) */
  5020. #addon>#addon-summary + .install-wrapper .install-shell > .install p a {
  5021. /*     display: inline-block !important; */
  5022. /*     min-height: 20px !important;
  5023.     line-height: 15px !important;
  5024.     left: -6px !important; */
  5025. }
  5026. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.prominent.concealed ,
  5027. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.installer {
  5028.     left: -36px !important;
  5029. }
  5030. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.prominent.concealed sapn,
  5031. #addon>#addon-summary + .install-wrapper .install-shell > .install p a.button.contrib.go.installer span  {
  5032.     display: inline-block !important;
  5033.     max-width: 190px !important;
  5034.     min-width: 190px !important;
  5035.     padding: 0 !important;
  5036.     overflow: hidden !important;
  5037.     text-overflow: ellipsis;
  5038.     white-space: nowrap;
  5039.     font-size: 10px !important;
  5040. }
  5041.  
  5042.  
  5043.  
  5044. /* (new36) ADDON PAGE - txt VERIFICATION / WARNING -
  5045. https://addons.mozilla.org/fr/firefox/addon/stylish-custom/
  5046. https://addons.mozilla.org/en-US/firefox/addon/autopager-fixed/
  5047. === */
  5048. #addon>.install-wrapper>.install-shell .warning {
  5049.     position: relative !important;
  5050.     width: 530px !important;
  5051.     margin-top: -1px !important;
  5052.     text-align: center !important;
  5053. }
  5054. #addon>#addon-summary + .install-wrapper .install-shell .warning {
  5055.     position: absolute !important;
  5056.     display: inline-block!important;
  5057.     height: 5px !important;
  5058.     line-height: 5px !important;
  5059.     width: 380px !important;
  5060.     top: 20px !important;
  5061.     left: -387px !important;
  5062.     padding: 5px 2px !important;
  5063.     border-radius: 5px !important;
  5064.     background: rgba(0, 0, 0, 0.3) !important;
  5065. }
  5066. #addon>#addon-summary + .install-wrapper .install-shell:hover .warning {
  5067.     background: rgba(0, 0, 0, 0.8) !important;
  5068. }
  5069.  
  5070.  
  5071. /* ADDON PAGE - RATING BLOCK -
  5072. PB:
  5073. https://addons.mozilla.org/en-US/thunderbird/addon/t-bird-titlebar-tweaker/
  5074. ==== */
  5075. /* (new70) */
  5076. .secondary.addon-vitals  {
  5077. /*     position: absolute !important;
  5078.     display: inline-block !important;
  5079.     width: 100% !important;
  5080.     min-width: 175px !important;
  5081.     max-width: 175px !important;
  5082. left: 5px !important;
  5083.     top: 470px !important;
  5084.     padding: 0 0 0 15px !important;
  5085.     border-left: none !important;
  5086.     z-index: 2 !important; */
  5087. }
  5088. aside.secondary .widgets a.favorite {
  5089.     margin-top: -22px !important;
  5090. }
  5091.  
  5092. .secondary.addon-vitals>span {
  5093.     display: none !important;
  5094. }
  5095. .secondary.addon-vitals>span + div {
  5096.     margin-top: 0px !important;
  5097. }
  5098. /* (new68) */
  5099. .addon-details #weekly-downloads  {
  5100.     line-height: 12px !important;
  5101. }
  5102.  
  5103.  
  5104. /* (new70) */
  5105. .secondary.metadata.c:not([id="related"]) {
  5106. /*     position: absolute !important;
  5107.     width: 290px !important;
  5108.     height: 115px !important;
  5109.     left: 200px !important;
  5110.     top: 471px !important;
  5111.     padding: 0 0 0 20px !important;
  5112.     border-left: 1px solid red !important; */
  5113.     border-right: 1px solid red !important;
  5114. }
  5115.  
  5116. /* .primary:not(#reviews) +.secondary.metadata.c , */
  5117. #lightbox + .secondary.metadata.c  {
  5118.     position: absolute !important;
  5119.     width: 290px !important;
  5120.     height: 115px !important;
  5121.     left: 200px !important;
  5122.     top: 260px !important;
  5123.     padding: 0 0 0 20px !important;
  5124.     border-left: 1px solid red !important;
  5125.     border-right: 1px solid red !important;
  5126. }
  5127. .secondary.metadata.c>ul +ul{
  5128.     margin-top: -10px !important;
  5129. }
  5130. .source-license {
  5131.     font-size: 0 !important;
  5132. }
  5133. .source-license>a {
  5134.     font-size: 12px !important;
  5135. }
  5136. /* (new40 ADDON PAGE - NOTICE - MEET the DEVELOPER(move from center to TOP / LEFT)) -
  5137. https://addons.mozilla.org/fr/firefox/addon/cutebuttons-crystal-svg/?src=dp-dl-othersby
  5138. https://addons.mozilla.org/en-US/firefox/addon/shareaholic-share-links-fast/
  5139. WITH DEPENDENCIES:
  5140. https://addons.mozilla.org/fr/firefox/addon/firerainbow/?src=dp-dl-oftenusedwith
  5141. ===  */
  5142. .notice.dependencies + .notice.c.author ,
  5143. aside.secondary.addon-vitals + .primary #addon + .notice.c.author {
  5144.     position: absolute !important;
  5145.     display: block!important;
  5146.     width: 385px!important;
  5147.     left: -452px !important;
  5148.     top: -90px !important;
  5149.     padding: 5px 3px 5px 57px!important;
  5150. }
  5151. .notice.dependencies + .notice.c.author>h3 ,
  5152. aside.secondary.addon-vitals + .primary #addon + .notice.c.author>h3 {
  5153.     width: 381px!important;
  5154.     margin-left: 2px!important;
  5155.     margin-top: -4px!important;
  5156.     padding: 2px !important;
  5157.     border-radius: 0 5px 0 0 !important;
  5158.     font-size: 12px !important;
  5159.     background: #333 !important;
  5160. }
  5161. aside.secondary.addon-vitals + .primary #addon + .notice.c.author> .aux + h3 {
  5162.     width: 381px!important;
  5163.     margin-left: -48px!important;
  5164.     margin-top: 0px!important;
  5165.     padding: 2px !important;
  5166.     border-radius: 0 5px 0 0 !important;
  5167.     font-size: 12px !important;
  5168.     background: #222 !important;
  5169. }
  5170. aside.secondary.addon-vitals + .primary #addon +  .notice.author .aux p  {
  5171.     margin-top: 0 !important;
  5172. }
  5173. aside.secondary.addon-vitals + .primary #addon + .notice.c.author> .aux + h3 + p {
  5174.     width: 381px!important;
  5175.     margin-left: -48px!important;
  5176.     margin-top: 0px!important;
  5177.     padding: 2px !important;
  5178.     border-radius: 0 0 5px 0  !important;
  5179.     background: #222 !important;
  5180. }
  5181.  
  5182. .notice.dependencies + .notice.c.author .avatar ,
  5183. aside.secondary.addon-vitals + .primary #addon + .notice.c.author .avatar {
  5184.     position: absolute;
  5185.     height: auto!important;
  5186.     width: 47px!important;
  5187.     left: 4px!important;
  5188.     top: 3px!important;
  5189.     border-radius: 5px!important;
  5190.     border: 1px solid gray !important;
  5191. }
  5192.  
  5193. /* (new44) - NOTICE AUTHOR - DESCRIPTION -
  5194. https://addons.mozilla.org/en-US/firefox/addon/flysms-send-webcam-video-by-mm/?src=collection&collection_id=d4d583ea-c6b8-4e0f-b311-60bacfee8b35
  5195. === */
  5196. .notice.c.author>p {
  5197.     width: 383px !important;
  5198.     margin-right: 0 !important;
  5199.     margin-top: -2px !important;
  5200. }
  5201.  
  5202. /* (new41) ABOUT ADDON */
  5203. /* (new70) */
  5204. #breadcrumbs + .secondary.metadata.c + .primary.island.c ,
  5205. .primary:not(#reviews) +.secondary.metadata.c + .primary  {
  5206. /*     position: absolute !important;
  5207.     display: inline-block !important;
  5208.     width: 633px !important;
  5209.     min-height: 780px !important;
  5210.     max-height: 780px !important;
  5211.     left: 761px !important;
  5212.     top: 87px !important;
  5213.     overflow: hidden ! important; */
  5214. }
  5215. /* (new70) */
  5216. .secondary.metadata.c:not(#related) + .primary.island.c ,
  5217. #lightbox + .secondary.metadata.c + .primary  {
  5218. /*     position: absolute !important;
  5219.     display: inline-block !important;
  5220.     width: 633px !important;
  5221.     min-height: 780px !important;
  5222.     max-height: 780px !important;
  5223.     left: 761px !important;
  5224.     top: 87px !important;
  5225.     overflow: hidden ! important;
  5226. overflow-y: auto !important; */
  5227. }
  5228. #lightbox + .secondary.metadata.c + .primary h2 {
  5229.     padding-top: 0px !important;
  5230. }
  5231. #lightbox + .secondary.metadata.c + .primary .prose #addon-description {
  5232.     display: inline-block !important;
  5233.     width: 633px !important;
  5234.     max-height: 760px !important;
  5235.     min-height: 760px !important;
  5236.     margin-top: -7px !important;
  5237.     border-top: 1px dotted gray ! important;
  5238.     border-bottom: 1px dotted gray ! important;
  5239. /*     white-space: pre-wrap !important; */
  5240.     overflow: hidden ! important;
  5241.     overflow-y: auto ! important;
  5242. }
  5243.  
  5244. .secondary.metadata.c +  .primary.island.c>h2 {
  5245.     font-size: 17px !important;
  5246. }
  5247. /* (new65) TEST for DESCRIPTION:
  5248. https://addons.mozilla.org/fr/firefox/addon/image-picka/?src=collection&collection_id=03d4c24c-a664-4702-8624-408775f573f9
  5249. === */
  5250. #addon-description>ul {
  5251.     position: relative !important;
  5252.     display: inline-block !important;
  5253.     width: 600px !important;
  5254.     margin-bottom: 2px !important;
  5255.     margin-top: 5px !important;
  5256.     white-space: pre-wrap !important;
  5257. }
  5258. #addon-description>ul>li ul ,
  5259. #addon-description>ul>li li ,
  5260. #addon-description>ul>li {
  5261.     margin-bottom: 2px !important;
  5262.     margin-top: 2px !important;
  5263.     margin-left: 0px !important;
  5264. }
  5265.  
  5266. #addon-description>ul.prose>li {
  5267.     margin-bottom: 0px !important;
  5268.     margin-top: 0px !important;
  5269.     margin-left: 0 !important;
  5270. }
  5271. #addon-description>ul {
  5272.     line-height: 13px !important;
  5273.     margin-bottom: 2px !important;
  5274.     margin-top: 5px !important;
  5275.     margin-left: 5px !important;
  5276.     padding: 0 0 0 15px !important;
  5277.     text-indent: 0px !important;
  5278.     background: #333 !important;
  5279. }
  5280. #addon-description>ul>li ul {
  5281.     width: 560px !important;
  5282.     line-height: 8px !important;
  5283.     margin-bottom: 2px !important;
  5284.     margin-top: -10px !important;
  5285.     margin-left: 5px !important;
  5286.     padding: 0 0 0 15px !important;
  5287.     background: #222 !important;
  5288. }
  5289.    
  5290. /* (new65) TEST */
  5291. #addon-description>ul>li>br ,
  5292. #addon-description>ul>li > br ,
  5293. #addon-description > br + br + br ,
  5294. #addon-description > br + br ,
  5295. #addon-description > br {
  5296.     display: block !important;
  5297. /* display: none !important; */
  5298.     margin-bottom: -1px !important;
  5299. }
  5300.  
  5301. /* (A VOIR) ADDON PAGE - ADDON VERS HIST - (GM SCRIPT) - === */
  5302. /* (new70) */
  5303. #addon>hgroup>a:after {
  5304. /* content: "old versions " ;
  5305.     position: absolute ;
  5306.     top: 55px ;
  5307.     left: 25px ;
  5308.     padding: 2px 3px ;
  5309.     font-size: 10px ;
  5310.     color: black ; */
  5311.     background: palegreen ;
  5312. }
  5313. /* (new28) ADDON PAGE - LAST UPDATE - HIGHTLIGHT - === */
  5314. #page.c aside.secondary ul +ul  li+li:not(.source-license) {
  5315.     width: 310px !important;
  5316.     margin-left: -27px !important;
  5317.     padding-left: 28px !important;
  5318.     font-size: 15px !important;
  5319.     text-align: left!important;
  5320.     color: red !important;
  5321. }
  5322.  
  5323. /* (new8) ADDON PAGE - PART COLL - MORE INFOS - (NBR ADD / FOLLOW) -
  5324. .hovercard.theme:hover .more + .vitals ,
  5325. === */
  5326. .hovercard.collection.addon:not(:hover) .more {
  5327.     position: relative !important;
  5328.     display: inline-block !important;
  5329.     height: 8px !important;
  5330.     width: 98% !important;
  5331.     left: -7px !important;
  5332.     top: -22px !important;
  5333.     margin: 0 8px !important;
  5334.     padding: 0 0px 10px 2px !important;
  5335.     border-top: 1px dotted gray !important;
  5336.     color: gold !important;
  5337.     font-size: 11px !important;
  5338.     background: transparent !important;
  5339. }
  5340. .hovercard.addon .more + .vitals .adu {
  5341.     position: absolute !important;
  5342.     display: inline-block !important;
  5343.     height: 8px !important;
  5344.     width: 98% !important;
  5345.     top: 30px !important;
  5346.     padding: 0 0px 10px 2px !important;
  5347.     border-top: 1px dotted gray !important;
  5348.     color: gold !important;
  5349.     font-size: 11px !important;
  5350.     background: transparent !important;
  5351. }
  5352. /* ADDON PAGE - PART COLL - ADDI INFOS - SUMM(desc/icon) - === */
  5353. .hovercard.collection.addon a .summary p.desc {
  5354.     display: inline-block ! important;
  5355.     width: 164px ! important;
  5356.     min-height: 60px ! important;
  5357.     max-height: 60px ! important;
  5358.     margin-top: -4px !important;
  5359.     margin-left: -10px ! important;
  5360.     padding: 2px !important;
  5361.     color: #666666 !important;
  5362.     overflow: hidden ! important;
  5363.     white-space: nowrap !important;
  5364.     text-overflow: ellipsis !important;
  5365. }
  5366. .hovercard.collection.addon:hover a .summary p.desc {
  5367.     width: 100% ! important;
  5368.     height: 100% ! important;
  5369.     margin-left: 0px ! important;
  5370.     color: gray !important;
  5371.     overflow: visible ! important;
  5372.     white-space: normal !important;
  5373. }
  5374. .hovercard:hover h3 {
  5375.     text-decoration: none !important;
  5376. }
  5377.  
  5378. /* ADDON PAGE - SCREENSHOTS - COUNTER === */
  5379. .previews .panel {
  5380.     display: inline-block !important;
  5381.     width: 29% !important;
  5382.     margin-left: 4% !important;
  5383.     counter-increment: myIndex !important;
  5384. }
  5385. .previews .panel:after {
  5386.     position: absolute ;
  5387.     content: counter(myIndex, decimal) ;
  5388.     min-width: 19px ;
  5389.     margin-left: 15% ;
  5390.     margin-top: 3px ;
  5391.     border-radius: 10px ;
  5392.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
  5393.     font-size: 15px ;
  5394.     text-align: center ;
  5395.     background: none repeat scroll 0 0 rgba(62, 59, 59, 0.6);
  5396.     z-index: 10 ;
  5397. }
  5398.  
  5399. /* ==== ADD TO COLL ==== */
  5400.  
  5401. /* (new64) ADDON PAGE - ADD TO COLL - LISTE+ICONS POSITION === */
  5402. #add-to-collection {
  5403.     position: fixed !important;
  5404.     width: 230px !important;
  5405.     left: 85% !important;
  5406.     top: 11px !important;
  5407. overflow-x: hidden !important;
  5408.     overflow-y: auto !important;
  5409.     z-index: 5000000 !important;
  5410. }
  5411. .collection_widgets.widgets.condensed {
  5412.     margin-left: 133px !important;
  5413. }
  5414. /* (new55) ADDON PAGE - ADD TO COLL - Scroll LISTE - === */
  5415. #ajax_collections_list {
  5416.     width: 250px !important;
  5417.     height: 710px;
  5418.     margin: -8px -3px -2px -8px !important;
  5419.     padding-bottom: 50px ! important;
  5420. overflow-x: hidden !important;
  5421.     overflow-y: auto !important;
  5422. }
  5423. /* ADDON PAGE - ADD TO COLL - Scrol LISTE coll - LAST COLL -  === */
  5424. #ajax_collections_list>li:last-of-type span  {
  5425.     height: 100px ! important;
  5426.     padding-bottom: 1500px !important;
  5427. }
  5428.  
  5429. /* ADDON PAGE - ADD TO COLL - Scroll LISTE colls - COLLS SELECT - === */
  5430. #ajax_collections_list li.selected {
  5431.     border: 1px solid gray ! important;
  5432.     font-weight: bolder !important;
  5433.     background-color: #B0BCC5 !important;
  5434. }
  5435.  
  5436. /* (new64) ADDON PAGE - ADD TO COLL - Number of SELECTED Collections - COUTER - === */
  5437. #ajax_collections_list:not(:hover) li:not(.selected) {
  5438.         display: none !important;
  5439.     }
  5440. #add-to-collection.install-note::after, #add-to-collection.popup {
  5441.     content: counter(myIndex, decimal);
  5442.     counter-increment: myIndex  0 !important;
  5443. }
  5444. #ajax_collections_list li.selected:before {
  5445.     counter-increment: myIndex ;
  5446.     content: counter(myIndex, decimal);
  5447.     position: fixed ;
  5448.     display: inline-block ;
  5449.     width: 35px ;
  5450.     height: 15px ;
  5451.     line-height: 15px ;
  5452.     top: 3px ;
  5453.     right: 60px ;
  5454.     font-size: 14px ;
  5455.     text-align: center ;
  5456.     z-index: 50000 ;
  5457.     background: gold ;
  5458. }
  5459. #ajax_collections_list li.selected:after {
  5460.     content: "In Your Collections : " ;
  5461.     position: fixed ;
  5462.     display: inline-block ;
  5463.     width: 200px ;
  5464.     height: 15px ;
  5465.     line-height: 15px ;
  5466.     top: 3px ;
  5467.     right: 50px ;
  5468.     padding-top: 2px ;
  5469.     padding-left: 10px ;
  5470.     color: white ;
  5471.     z-index: 1000 ;
  5472.     background: blue ;
  5473. }
  5474. #add-to-collection #ajax_collections_list.addon-collections:after {
  5475.     content: "â–² Hover to see the whole list â–²" ;
  5476.     position: fixed ;
  5477.     display: inline-block ;
  5478.     width: 250px ;
  5479.     height: 15px ;
  5480.     line-height: 15px ;
  5481.     top: 770px ;
  5482.     right: 33px ;
  5483.     color: white ;
  5484.     text-align: center !important;
  5485.     z-index: 500000 !important;
  5486.     background: red ;
  5487. }
  5488. /* ==== COLLECTIONS ==== */
  5489.  
  5490. /* COLL - Contribute - SUPP(display:none) - === */
  5491. .contribute{
  5492.     display: none !important;
  5493. }
  5494.  
  5495.  
  5496. /* (new40) PROFILE - ADDON LIST - MY ADDON(DEV) / MY APPS / THEMES CREATED - COLUMNS -
  5497. https://addons.mozilla.org/fr/firefox/user/fligtar/
  5498. === */
  5499.  
  5500. /* .profile #my-collections , */
  5501. .meet #my-addons,
  5502. .meet #my-apps {
  5503.     position: relative !important;
  5504.     display: inline-block !important;
  5505.     height: auto !important;
  5506.     width: 1510px !important;
  5507.     left: -120px !important;
  5508.     margin-top: 20px ! important;
  5509.     border: 1px solid gray !important;
  5510. }
  5511.  
  5512.  
  5513. /* (new60) PROFILE - MY ADDON  - COMPATIBLE GM "AUTOPAGERIZE" -
  5514. https://addons.mozilla.org/en-US/firefox/user/decembre/
  5515. https://addons.mozilla.org/fr/firefox/user/jorge-villalobos/
  5516. https://addons.mozilla.org/fr/firefox/user/fligtar/
  5517. ==== */
  5518. #profile-actions +h1 + .island.c {
  5519.     position: absolute !important;
  5520.     display: inline-block !important;
  5521.     width: 287px !important;
  5522.     height: 219px !important;
  5523.     top: 5px !important;
  5524.     left: -451px !important;
  5525.     padding-top: 46px !important;
  5526. }
  5527.  
  5528. /* (new63) */
  5529. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items ,
  5530. #my-addons.island .items {
  5531.     display: inline-block !important;
  5532.     width: 1510px !important;
  5533.     margin-top: -5px ! important;
  5534. }
  5535. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon ,
  5536. #my-addons.island .items .item.addon {
  5537.     display: inline-block !important;
  5538.     position: relative !important;
  5539.     width: 296px !important;
  5540. height: 190px !important;
  5541.     border: 1px solid gray !important;
  5542.     border-radius: 5px !important;
  5543. }
  5544. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info  ,
  5545. #my-addons.island .items .item.addon .info {
  5546.     position: relative !important;
  5547.     display: inline-block !important;
  5548.     width: 235px !important;
  5549.     height: 147px !important;
  5550.     padding-left: 58px !important;
  5551. }
  5552. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 ,
  5553. #my-addons.island .items .item.addon .info h3 {
  5554.     position: absolute !important;
  5555.     display: inline-block !important;
  5556.     border: 1px solid gray !important;
  5557.     width: 289px !important;
  5558.     height: 60px !important;
  5559.     margin-top: -37px !important;
  5560.     margin-left: 2px !important;
  5561. }
  5562. /* (new55) */
  5563. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 a:not(.is-webextension) ,
  5564. #my-addons.island .items .item.addon .info h3 a:not(.is-webextension) {
  5565.     display: inline-block !important;
  5566.     width: 250px !important;
  5567.     height: 60px !important;
  5568.     margin-left: 37px !important;
  5569. }
  5570. /* (new63) SUPP DUPLICATES REVIEWS when AUTOPAGERIZE work -
  5571. https://addons.mozilla.org/fr/firefox/user/def00111/
  5572. ===*/
  5573. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info:first-of-type + .items ~ .review {
  5574.     display: none !important;
  5575. }
  5576.    
  5577. /* (new55) NO RESTART - VOIR en FR - TROP LONG -
  5578. DEV PAGE:
  5579. https://addons.mozilla.org/fr/firefox/user/mercichao/
  5580. === */
  5581. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 span ,
  5582. #my-addons.island .items .item.addon .info h3 span {
  5583. /*     position: relative ! important; */
  5584.     position: absolute !important;
  5585.     max-width: 75px !important;
  5586.     height: 16px !important;
  5587.     line-height: 6px !important;
  5588.     left: -5px !important;
  5589.     padding: 1px 2px ! important;
  5590.     top: 59px !important;
  5591.     font-size: 9px !important;
  5592.     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) ! important;
  5593.     text-transform: capitalize !important;
  5594.     color: #c6c1c1 !important;
  5595.     background-color: #895522 !important;
  5596.     opacity: 0.8 !important;
  5597. }
  5598.  
  5599. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info p ,
  5600. #my-addons.island .items .item.addon .info p {
  5601.     width: 280px !important;
  5602.     height: 91px !important;
  5603.     margin-left: -55px ! important;
  5604.     margin-top: 65px !important;
  5605.     border-radius: 0 0 5px 5px ! important;
  5606.     overflow: hidden !important;
  5607.     overflow-y: auto !important;
  5608.     background: black !important;
  5609. }
  5610. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info p {
  5611.     margin-left: -55px ! important;
  5612.     margin-top: 85px !important;
  5613. }
  5614. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .vitals.c {
  5615.     position: absolute;
  5616.     display: inline-block !important;
  5617.     width: 96%;
  5618.     height: 13px !important;
  5619.     left: 5px;
  5620.     top: 48px !important;
  5621.     text-align: center;
  5622.     z-index: 20;
  5623. }
  5624. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .vitals.c span.rating {
  5625. float: left !important;
  5626.     margin-left: 43px !important;
  5627. }
  5628. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .vitals.c .adu {
  5629. float: right !important;
  5630. clear: both !important;
  5631.     width: 158px;
  5632.     margin-left: 113px !important;
  5633.     margin-top: -19px !important;
  5634. }
  5635. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action ,
  5636. #my-addons.island .items .item.addon .action {
  5637.     position: absolute !important;
  5638.     display: inline-block !important;
  5639.     width: 293px !important;
  5640.     height: 20px !important;
  5641.     line-height: 20px !important;
  5642.     left: 2px !important;
  5643.     margin-top: 22px !important;
  5644. }
  5645. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action {
  5646.     left: 0px !important;
  5647.     margin-top: 22px !important;
  5648. /* background: yellow !important; */
  5649. }
  5650.  
  5651. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell ,
  5652. #my-addons.island .action .install-shell {
  5653.     width: 148px !important;
  5654.     left: 70px !important;
  5655.     top: -2px !important;
  5656. }
  5657.  
  5658. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .install a.button{
  5659.     top: -11px !important;
  5660. }
  5661.  
  5662. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .install a.button ,
  5663. #my-addons.island .action .install-shell .install a.button {
  5664.     width: 100% !important;
  5665. }
  5666. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .install a.button span ,
  5667. #my-addons.island .action .install-shell .install a.button span {
  5668.     display: inline !important;
  5669.     width: 112px !important;
  5670. }
  5671. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell .extra ,
  5672. #my-addons.island .action  .install-shell .extra {
  5673.     position: absolute ! important;
  5674.     display: inline-block ;
  5675.     height: 18px !important;
  5676.     left: -69px !important;
  5677.     top: 4px ! important;
  5678.     padding: 0px ! important;
  5679.     text-align: left ! important;
  5680.     overflow: hidden ;
  5681.     text-overflow: ellipsis ! important;
  5682.     white-space: nowrap !important;
  5683.     border: 1px solid red ;
  5684. }
  5685. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:hover .extra ,
  5686. #my-addons.island .action  .install-shell:hover .extra {
  5687.     max-height: 18px !important;
  5688. }
  5689. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:not(:hover) .extra .button.disabled.not-available ,
  5690. #my-addons.island .action  .install-shell:not(:hover) .extra .button.disabled.not-available {
  5691.     width: 50px !important;
  5692.     height: 15px !important;
  5693.     line-height: 12px !important;
  5694.     padding: 0 !important;
  5695.     overflow: hidden ;
  5696.     text-overflow: ellipsis ! important;
  5697.     white-space: nowrap !important;
  5698.     color: white !important;
  5699.     border: 1px solid red !important;
  5700. }
  5701. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:hover .extra .button.disabled.not-available ,
  5702. #my-addons.island .action  .install-shell:hover .extra .button.disabled.not-available {
  5703. display: inline-block !important;
  5704.     width: 140px !important;
  5705.     line-height: 12px !important;
  5706.     padding: 0 !important;
  5707.     overflow: hidden ;
  5708.     text-overflow: ellipsis ! important;
  5709.     color: white !important;
  5710.     border: 1px solid red !important;
  5711. }
  5712. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .action .install-shell:hover .extra .button.disabled .more-versions ,
  5713. #my-addons.island .action  .install-shell .extra .button.disabled.not-available .more-versions {
  5714.     display: inline-block;
  5715.     width: 140px ;
  5716.     height: 15px;
  5717.     line-height: 12px !important;
  5718. margin: 0px !important;
  5719. text-align: left !important;
  5720.     white-space: nowrap ;
  5721.     background: black;
  5722. }
  5723. #my-addons.island .action .install-shell .extra span.notsupported ,
  5724. #my-addons.island .action .install-shell .extra span.notavail {
  5725.     position: absolute ! important;
  5726.     display: inline-block ! important;
  5727.     width: 60px ! important;
  5728.     top: 0px ! important;
  5729.     height: 15px ! important;
  5730.     line-height: 15px ! important;
  5731.     overflow: hidden ! important;
  5732.     text-align: left ! important;
  5733.     text-overflow: ellipsis ! important;
  5734.     white-space: nowrap ! important;
  5735. }
  5736. #my-addons.island .action .install-shell:hover .extra span.notsupported ,
  5737. #my-addons.island .action .install-shell:hover .extra span.notavail ,
  5738. #my-addons.island .action .install-shell:hover .extra{
  5739.     position: absolute ! important;
  5740.     display: inline-block ! important;
  5741.     width: 60px ! important;
  5742.     top: 0px ! important;
  5743.     height: 80px ! important;
  5744.     line-height: 10px ! important;
  5745.     padding: 2px 0 08px 2px ! important;
  5746.     overflow: visible ! important;
  5747.     text-align: left ! important;
  5748.     white-space: pre-line  ! important;
  5749.     color: gold ! important;
  5750.     background: black ! important;
  5751. }
  5752.  
  5753.  
  5754. #my-addons.island .items .item.addon .info h3 span.featured {
  5755.     position: absolute !important;
  5756.     display: inline-block !important;
  5757.     float: none !important;
  5758.     transform: rotate(90deg) !important;
  5759.     max-width: 57px !important;
  5760.     min-width: 57px !important;
  5761.     margin-left: 540px !important;
  5762.     padding: 1px 1.6px !important;
  5763.     top: 26px !important;
  5764.     border-radius: 5px 0 0 0 !important;
  5765.     font-size: 9.6px !important;
  5766.     text-align: center !important;
  5767.     text-transform: capitalize !important;
  5768.     color: #C9C4C4 !important;
  5769.     z-index: 100 !important;
  5770. }
  5771.  
  5772. /* (new66) COMPATIBLE WITH WEBEXETENSION + AUTOPAGERIZE - === */
  5773. div a.is-webextension ,
  5774. .items .item.addon .info .is-webextension {
  5775.     color: white !important;
  5776. }
  5777. .extensions .autopagerize_page_info  + .items .item .info h3 a.is-webextension ,
  5778. .island #sorter + .items .item .info h3 a.is-webextension {
  5779.     position: absolute !important;
  5780.     width: 50px !important;
  5781.     margin-left: -35px !important;
  5782.     top: 66px !important;
  5783.     left: 35px !important;
  5784.     white-space: nowrap !important;
  5785.     overflow: hidden !important;
  5786.     text-overflow: ellipsis !important;
  5787.     color: white !important;
  5788.     opacity: 0.4 !important;
  5789.     cursor: pointer !important;
  5790.     z-index: 40 !important;
  5791.     transition: all ease 0.7s !important;
  5792. }
  5793. .extensions .autopagerize_page_info  + .items .item .info h3 a.is-webextension:hover ,
  5794. .island #sorter + .items .item .info h3 a.is-webextension:hover {
  5795.     position: absolute !important;
  5796.     width: 200px !important;
  5797.     opacity: 1 !important;
  5798. }
  5799.  
  5800. /* IN ADDON PAGE - https://addons.mozilla.org/en-US/firefox/addon/tab-reloader/?src=cb-dl-featured */
  5801. div a.is-webextension {
  5802.     vertical-align: 64px !important;
  5803.     display: inline-block;
  5804.     margin: 4px 0 0 4px;
  5805.     padding: 3px 6px;
  5806.     border-radius: 2px;
  5807.     text-transform: uppercase;
  5808.     color: #fff !important;
  5809.     background-color: #e8933a;
  5810. }
  5811. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .info > h3 > a.is-webextension  {
  5812. /*     border: 4px solid aqua !important; */
  5813. }
  5814.  
  5815. a.is-webextension .more-versions {
  5816.     background: tan !important;
  5817. }
  5818.  
  5819. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .info > h3 > a.is-webextension .more-versions {
  5820.     background: aqua !important;
  5821. }
  5822.  
  5823. /* (new61) SEARCH*/
  5824. #my-addons.island .items .item.addon .info h3 a.is-webextension ,
  5825. #search-facets + .primary .listing.results.island.hero.c #pjax-results .items .item.addon .info a.is-webextension {
  5826.     display: inline-block !important;
  5827.     width: 100% !important;
  5828.     min-width: 70px !important;
  5829.     max-width: 70px !important;
  5830.     max-height: 12px;
  5831.     line-height: 13px !important;
  5832.     top: 70px !important;
  5833.     left: 0px !important;
  5834.     margin: 0px !important;
  5835.     padding: 2px 3px !important;
  5836.     border-radius: 3px !important;
  5837.     color: white !important;
  5838.     text-align: left !important;
  5839.     white-space: nowrap !important;
  5840.     opacity: 0.5 !important;
  5841. /*     z-index: 500 !important; */
  5842. /*     background: violet !important; */
  5843. }
  5844. #search-facets + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item.addon .info h3 a.is-webextension {
  5845.     top: 64px ! important;
  5846. }
  5847. #search-facets + .primary .listing.results.island.hero.c #pjax-results .items .item.addon .info a.is-webextension:hover {
  5848.     max-width: 308px !important;
  5849.     opacity: 1 !important;
  5850.     transition: all ease 0.7s !important;
  5851. }
  5852. /* (new60) AUTHOR ADDONS LIST - COMPATIBLE GM "AUTOPAGERIZE" */
  5853. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 a.is-webextension  ,
  5854. #my-addons.island .items .item.addon .info h3 a.is-webextension  {
  5855.     position: relative !important;
  5856.     display: inline-block !important;
  5857.     width: 100% !important;
  5858.     min-width: 40px !important;
  5859.     max-width: 40px !important;
  5860.     max-height: 12px;
  5861.     line-height: 13px !important;
  5862.     top: -15px !important;
  5863.     left: -122px !important;
  5864.     margin: 0px !important;
  5865.     padding: 0 !important;
  5866.     border-radius: 3px !important;
  5867.     color: white !important;
  5868.     text-align: left !important;
  5869.     white-space: nowrap !important;
  5870.     overflow: hidden !important;
  5871.     text-overflow: ellipsis !important;
  5872.     z-index: 500 !important;
  5873.     background: green !important;
  5874. }
  5875. .meet.gutter.profile #main-wrapper #reviews .items .autopagerize_page_info + .items .item.addon .info h3 a.is-webextension:hover ,
  5876. #my-addons.island .items .item.addon .info h3 a.is-webextension:hover  {
  5877.     position: relative !important;
  5878.     display: inline-block !important;
  5879.     width: 100% !important;
  5880.     min-width: 170px !important;
  5881.     max-width: 170px !important;
  5882.     left: -57px !important;
  5883. }
  5884. /* (new39) PROFILE - MY THEME*/
  5885. .meet #my-themes  {
  5886.     position: relative !important;
  5887.     display: inline-block !important;
  5888.     height: auto !important;
  5889.     width: 100% !important;
  5890.     min-width: 1510px !important;
  5891.     left: -120px !important;
  5892.     margin-bottom: 0px !important;
  5893.     margin-top: 0px ! important;
  5894. }
  5895. .meet #my-themes .listing-grid.personas.cols-5 li {
  5896.     min-height: 81px !important;
  5897.     width: 14% !important;
  5898. }
  5899. /* (ALL) - (category-landing) -  === */
  5900. /* ADDON SEARCH - category-landing - CONTAINER - === */
  5901. .category-landing v#page.c section.primary {
  5902.     width: 1675px !important;
  5903.     margin-left: -275px !important;
  5904. }
  5905.  
  5906. /* === (new41) PANEL RIGHT SIDE === */
  5907.  
  5908. /* (new70) RIGHT PANEL - COLL / SEARCH / POPULAR -
  5909. OK/
  5910. https://addons.mozilla.org/fr/firefox/collections/wingless_pilot/da/
  5911. new54 - https://addons.mozilla.org/en-US/firefox/extensions/appearance/
  5912.     https://addons.mozilla.org/fr/firefox/collections/
  5913. PB :
  5914. https://addons.mozilla.org/en-US/firefox/
  5915. :not(#search-facets)
  5916. https://addons.mozilla.org/fr/firefox/collections/
  5917. TAG : https://addons.mozilla.org/fr/firefox/tag/toolbar
  5918. === */
  5919. .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"]) {
  5920.     position: absolute ! important;
  5921.     width: 170px !important;
  5922. /* height: 889px !important; */
  5923.     top: 10px ! important;
  5924.     left: -475px !important;
  5925.     bottom: 0px !important;
  5926.     padding: 15px 7px !important;
  5927.     background: #222 !important;
  5928. /* background: blue !important; */
  5929. }
  5930.  /* (new62) */
  5931.     .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 {
  5932.     position: absolute ! important;
  5933.     width: 178px !important;
  5934.     margin-top: 150px !important;
  5935.     margin-left: -6px !important;
  5936. /* background: blue !important; */
  5937. }
  5938.  
  5939. /* (new50)THEMES PAGES - LEFT PANEL -
  5940. ok .
  5941. https://addons.mozilla.org/fr/firefox/user/MaDonna/themes
  5942. === */
  5943. .secondary[role="complementary"] {
  5944.     position: absolute ! important;
  5945.     width: 243px !important;
  5946.     height: 889px !important;
  5947.     top: 5px ! important;
  5948.     left: -450px !important;
  5949.     bottom: 0px !important;
  5950.     padding: 15px 7px !important;
  5951.     background: #222 !important;
  5952. /* background: red !important; */
  5953. }
  5954.  
  5955. /* THEMES - LISTE */
  5956. #page .header-bg[style="width: calc(100vw - 6px);"] + .secondary + .primary {
  5957. /*     top: 39px !important; */
  5958. /* background: red !important; */
  5959. }
  5960. /* === */
  5961. .reviews .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]):not(.shift-secondary) {
  5962.     position: absolute !important;
  5963.     width: 173px !important;
  5964.     bottom: 0 !important;
  5965.     left: -450px !important;
  5966.     top: 125px !important;
  5967.     padding: 0px 7px !important;
  5968.     background: #333 !important;
  5969. }
  5970.  
  5971. .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){
  5972.     width: 175px !important;
  5973.     background: #222 !important;
  5974. }
  5975.  
  5976. .reviews .secondary>section:first-of-type {
  5977.     display: inline-block !important;
  5978.     width: 190px !important;
  5979.     margin-top: 45px!important;
  5980.     margin-bottom: 4px !important;
  5981.     margin-left: -6px !important;
  5982.     background: #333 !important;
  5983. }
  5984. .reviews .secondary>section:first-of-type .item.addon {
  5985.     display: inline-block !important;
  5986.     height: auto !important;
  5987.     width: 170px !important;
  5988.     margin-top: 35px !important;
  5989.     padding: 5px !important;
  5990. }
  5991. .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 {
  5992.     height: auto !important;
  5993.     line-height: 25px !important;
  5994.     margin: 0 0 4px;
  5995.     padding: 0;
  5996. }
  5997. .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 {
  5998.     font-size: 25px !important;
  5999.     height: auto !important;
  6000.     line-height: 25px !important;
  6001.     margin: 0 0 4px;
  6002.     padding: 0;
  6003.     text-transform: none;
  6004. }
  6005.  
  6006. .reviews .secondary>section:nth-child(3) {
  6007.     display: inline-block !important;
  6008.     margin-top: -25px!important;
  6009.     margin-bottom: 4px !important;
  6010.     margin-left: -6px !important;
  6011.     padding: 5px !important;
  6012. }
  6013.  
  6014.  
  6015. #page .secondary.shift-secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar):not([id="my-collections"]) {
  6016.     position: absolute ! important;
  6017.     display: inline-block !important;
  6018.     width: 246px !important;
  6019.     height: auto !important;
  6020.     top: 5px ! important;
  6021.     left: -450px !important;
  6022.     bottom: 0px !important;
  6023.     padding: 15px 7px !important;
  6024.     border: 1px solid gray !important;
  6025.     background: #222 !important;
  6026. }
  6027. .amo-header + .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar ):not([id="my-collections"]) {
  6028.     position: absolute ! important;
  6029.     top: 0px ! important;
  6030.     left: -452px !important;
  6031. }
  6032. .amo-header + .secondary:not(#related):not(.c):not(.addon-vitals):not([id="popular-extensions"]):not(.user-avatar ):not([id="my-collections"]) nav#side-nav {
  6033.     margin-top: 140px !important;
  6034. }
  6035. .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"] {
  6036.     margin-top: 5px !important;
  6037.     border: 1px solid gray !important;
  6038. /* outline: 1px dotted yellow !important; */
  6039. }
  6040. .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  {
  6041. margin-bottom: 0px !important;
  6042. }
  6043.  
  6044. .secondary#popular-extensions {
  6045.     position: absolute ! important;
  6046.     left: -655px !important;
  6047.     top: 535px ! important;
  6048.     background: #222 !important;
  6049. }
  6050. .secondary#popular-extensions h2 {
  6051.     width: 237px !important;
  6052.     background: #333 !important;
  6053. }
  6054. .secondary#popular-extensions h2 {
  6055.     width: 237px !important;
  6056.     background: #333 !important;
  6057. }
  6058. .secondary#popular-extensions .toplist {
  6059.     width: 249px !important;
  6060. }
  6061. .secondary#popular-extensions .toplist li a span:first-of-type {
  6062.     color: gold !important;
  6063. }
  6064.  
  6065.  
  6066. #homepage #promos + .secondary#popular-extensions {
  6067.     position: absolute ! important;
  6068.     left: -662px !important;
  6069.     top: 515px ! important;
  6070.     border: 1px solid gray !important;
  6071. }
  6072.  
  6073. #homepage #promos + .secondary#popular-extensions .toplist>li {
  6074.     height: 28px !important;
  6075. }
  6076. #homepage #promos + .secondary#popular-extensions .toplist>li a {
  6077.     line-height: 1.1em;
  6078.     overflow: hidden;
  6079.     padding: 2px 0 !important;
  6080. }
  6081.  
  6082. #homepage #promos + .secondary#popular-extensions .toplist .name {
  6083.     display: block;
  6084.     overflow: hidden;
  6085.     text-overflow: ellipsis;
  6086.     white-space: nowrap;
  6087.     color: gold !important;
  6088. }
  6089.  
  6090. /* (new50) RIGHT PANEL - MY COLL/THEMES - OTHERS COLL/THEMES "Coll vedettes" MOVE TO THE LEFT -
  6091. CF THEMES :
  6092. https://addons.mozilla.org/fr/firefox/user/MaDonna/themes
  6093. https://addons.mozilla.org/fr/firefox/themes/
  6094. https://addons.mozilla.org/fr/firefox/themes/?sort=popular
  6095. === */
  6096. .other-categories.highlight {
  6097.     left: 1px !important;
  6098.     position: absolute ! important;
  6099.     top: 200px !important;
  6100.     width: 226px !important;
  6101.     border: 1px solid gray !important;
  6102. /* background: red !important; */
  6103. }
  6104. .button[href*="/firefox/collections/add"] {
  6105.     display: inline-block !important;
  6106.     margin-top: -20px !important;
  6107.     position: absolute !important;
  6108. }
  6109. /* RIGHT PANEL - MY COLL/THEMES - RECENTLY VIEWED - === */
  6110. #recently-viewed {
  6111.     position: relative !important;
  6112.     display: inline-block !important;
  6113.     max-width: 165px !important;
  6114.     min-width: 165px !important;
  6115.     padding: 5px !important;
  6116.     border-radius: 5px !important;
  6117.     border: 1px solid gray !important;
  6118. }
  6119.  
  6120. /* == https://addons.mozilla.org/en-US/firefox/collections/decembre/ == */
  6121. .other-categories.highlight ~div #recently-viewed {
  6122.     position: relative !important;
  6123.     display: inline-block !important;
  6124.     max-width: 220px !important;
  6125.     min-width: 220px !important;
  6126.     top: 253px !important;
  6127.     border: 1px solid TAN !important;
  6128. }
  6129.  
  6130. /* == https://addons.mozilla.org/en-US/firefox/collections/decembre/favorites/ == */
  6131. .highlight ~div #recently-viewed {
  6132.     position: relative !important;
  6133.     display: inline-block !important;
  6134.     max-width: 220px !important;
  6135.     min-width: 220px !important;
  6136.     top: 3px !important;
  6137.     border: 1px solid red !important;
  6138. }
  6139.  
  6140.  
  6141. /* COLL - ADMIN - MORE OPTS (EDIT / DEL) - === */
  6142. .highlight.collection-admin {
  6143.     display: inline-block !important;
  6144.     max-width: 25px !important;
  6145.     max-height: 12px !important;
  6146.     top: 118px !important;
  6147.     margin-left: 337px !important;
  6148.     margin-bottom: 0px !important;
  6149.     padding-bottom: 2px !important;
  6150.     color: transparent !important;
  6151.     font-size: 0px ! important;
  6152. }
  6153. .collection-admin a {
  6154.     color: transparent !important;
  6155. }
  6156. .collection-admin a.edit ,
  6157. #addons-list a.remove:hover,
  6158. #contributors-list a.remove:hover,
  6159. .collection-admin a.delete {
  6160.     position: absolute ! important;
  6161.     display: inline-block !important;
  6162.     width: 16px !important;
  6163.     height: 16px ! important;
  6164.     top: 6px !important;
  6165.     left: 5px !important;
  6166.     padding: 1px 0 0 0px  !important;
  6167. }
  6168.  
  6169. #addons-list a.remove:hover,
  6170. #contributors-list a.remove:hover,
  6171. .collection-admin a.delete {
  6172.     display: inline-block !important;
  6173.     left: 25px !important;
  6174.     top: 6px !important;
  6175.     padding: 1px 0 0 0px  !important;
  6176. }
  6177.  
  6178. /* (new8) COLL /THEMES - INFOS CONT(.featured) - NOT FILE VIEWER - === */
  6179. .listing-grid.c.featured.three-col {
  6180.     position: relative !important;
  6181.     display: inline-block ! important;
  6182.     height: 200px !important;
  6183.     min-width: 728px !important;
  6184.     left: -120px !important;
  6185. }
  6186. /*(new54) COLL - FEATURED INNER - outline yellow - OK AUTOPAGERIZE -
  6187. :not(.personas-home) - COR for MY COLLECTION-
  6188. https://addons.mozilla.org/en-US/firefox/collections/mine/
  6189. THEME :
  6190. https://addons.mozilla.org/fr/firefox/themes/abstract?sort=created
  6191. PB VEDETTE:
  6192. https://addons.mozilla.org/en-US/firefox/extensions/
  6193. === */
  6194. .featured.listing:not(.banner):not(#file-viewer):not(.personas){
  6195.     position: absolute !important;
  6196.     display: inline-block ! important;
  6197. /* float: none !important; */
  6198. /* height: 100% !important; */
  6199.     height: 807px !important;
  6200.     width: 1582px !important;
  6201.     left: -200px !important;
  6202.     top: 121px !important;
  6203.     border: none ! important;
  6204. /* background: green !important; */
  6205. }
  6206.  
  6207. /* (new8) COLL MOST... - PANEL LEFT 3 ADDON - === */
  6208. .featured.three-col:not(.banner):not(#file-viewer){
  6209.     position: absolute !important;
  6210.     width: 382px !important;
  6211.     left: -120px !important;
  6212.     margin-top: -2px !important;
  6213.     border: none ! important;
  6214. }
  6215. /* (new44)  COLL(.featured-inner) - UPDATE - CONT  -
  6216. https://addons.mozilla.org/fr/firefox/collections/mozilla/webdeveloper/
  6217. === */
  6218. .featured-inner.object-lead .meta {
  6219.     position: absolute ! important;
  6220.     display: inline-block ! important;
  6221.     width: 385px ! important;
  6222.     top: 90px ! important;
  6223.     left: -340px ! important;
  6224.     padding: 2px 5px  0px 5px! important;
  6225.     border: none ! important;
  6226.     border-radius: 0 0 5px 5px  ! important;
  6227.     z-index: 1 ! important;
  6228. }
  6229.  
  6230.  
  6231. /* (new38) COLL(.featured-inner) - FOLL  - === */
  6232. .featured-inner.object-lead .meta li.followers {
  6233.     position: absolute ! important;
  6234.     display: inline-block ! important;
  6235.     height: 15px !important;
  6236.     width: 200px !important;
  6237.     line-height: 15px !important;
  6238.     top: 104px !important;
  6239.     right: -208px !important;
  6240.     padding: 0 !important;
  6241.     border-radius:  5px 5px 0 0 !important;
  6242.     text-align: center !important;
  6243.     background: #222 !important;
  6244. }
  6245.  
  6246. /* (new54) COLL(.featured-inner) - UPDATE DATE - OK -
  6247. https://addons.mozilla.org/en-US/firefox/collections/LinkSatonaka/ps/?sort=name
  6248. === */
  6249. .featured-inner.object-lead .meta li.followers + li {
  6250.     position: absolute ! important;
  6251.     display: inline-block ! important;
  6252.     height: 15px !important;
  6253.     width: 200px !important;
  6254.     line-height: 15px !important;
  6255.     top: 121px !important;
  6256.     right: -208px !important;
  6257.     padding: 0 !important;
  6258.     border-radius:  0 0 5px 5px !important;
  6259.     text-align: center !important;
  6260.     background: #222 !important;
  6261. }
  6262.  
  6263. /* (new60) COLL(.featured-inner) - BAROM -
  6264. https://addons.mozilla.org/en-US/firefox/collections/LinkSatonaka/ps/?sort=name
  6265. === */
  6266. .featured-inner.object-lead .meta li:first-of-type {
  6267.     position: absolute ! important;
  6268.     display: inline-block ! important;
  6269.     width: 20px !important;
  6270.     height: 30px !important;
  6271.     line-height: 15px !important;
  6272.     top: -9px ! important;
  6273.     left: 0 !important;
  6274.     margin-left: 100px ! important;
  6275. }
  6276. .featured-inner .meta ul li .barometer {
  6277.     position: absolute !important;
  6278.     display: inline !important;
  6279.     width: 160px !important;
  6280.     height: 25px !important;
  6281.     line-height: 15px !important;
  6282.     top: 119px !important;
  6283.     left: 135px !important;
  6284.     padding: 0 !important;
  6285. }
  6286. .featured-inner .meta ul li .barometer .upvotes {
  6287.     background-position: 5px 1px !important;
  6288.     padding-right: 5px !important;
  6289.     padding-left: 5px !important;
  6290. }
  6291. .featured-inner .meta ul li .barometer .downvotes  {
  6292.     background-position: 5px -85px !important;
  6293.     padding-right: 5px !important;
  6294.     padding-left: 5px !important;
  6295. }
  6296. /* (new35) MY COLLECTIONS (.featured.listing) VOTE ICONS - === */
  6297. .barometer .upvotes,
  6298. .barometer .downvotes {
  6299.     display: inline-block !important;
  6300.     width: 85px ! important;
  6301.     left: 25px ! important;
  6302.     margin-left: -20px ! important;
  6303.     border: none ! important;
  6304.     box-shadow: none ! important;
  6305.     font-size: 15px !important;
  6306. }
  6307. .barometer .upvotes {
  6308.     position: absolute !important;
  6309.     display: inline-block !important;
  6310.     left: 5px ! important;
  6311.     top: 3px !important;
  6312.     margin-top: -17px ! important;
  6313.     padding-right: 20px ! important;
  6314.     border-radius: 3px !important;
  6315.     text-align: center !important;
  6316.     background-position: 67px -37px !important;
  6317.     background-color: #222 !important;
  6318. }
  6319. .barometer .downvotes {
  6320.     position: absolute !important;
  6321.     display: inline-block !important;
  6322.     margin-left: 50px ! important;
  6323.     top: -16px !important;
  6324.     border-radius: 3px !important;
  6325.     text-align: center !important;
  6326.     background-position: 67px -80px !important;
  6327.     background-color: #222 !important;
  6328. }
  6329.  
  6330.  
  6331. /* (new60) COLLECTION without DESCRIPTION -
  6332. WITHOUT:
  6333. https://addons.mozilla.org/fr/firefox/collections/decembre/xpi-fautralis/
  6334. WITH:
  6335. https://addons.mozilla.org/fr/firefox/collections/decembre/xpi-co/
  6336. === */
  6337. .featured .featured-inner .object-details h3 + .collection_widgets:before {
  6338.     content: "No Description" !important;
  6339.     position: absolute !important;
  6340.     display: inline-block !important;
  6341.     height: 100% !important;
  6342.     min-height: 100px !important;
  6343.     max-height: 100px !important;
  6344.     line-height: 100px !important;
  6345.     width: 375px !important;
  6346.     margin-top: -140px !important;
  6347.     border-radius: 3px !important;
  6348.     text-align: center !important;
  6349.     color: gray !important;
  6350.     font-size: 30px !important;
  6351.     background: #222 !important;
  6352. /*     z-index: 500 !important; */
  6353. }
  6354.  
  6355. /* (new33) COLL(.featured-inner)- WIDGET FOLL / SHARE / EDIT-DELETE -
  6356. https://addons.mozilla.org/fr/firefox/collections/idenis/power/
  6357. === */
  6358.  
  6359. .featured .featured-inner .object-details .collection_widgets  {
  6360.     position: absolute !important;
  6361.     display: inline-block !important;
  6362.     top: 170px !important;
  6363. }
  6364. .widget.watch.tooltip.watch {
  6365.     padding: 0 4px 0 18px !important;
  6366.     border-radius: 3px !important;
  6367.     color: white !important;
  6368.     background-color: green !important;
  6369. }
  6370. .widget.watch.tooltip.watch.watching {
  6371.     padding: 0 4px 0 18px !important;
  6372.     border-radius: 3px !important;
  6373.     color: gold !important;
  6374.     background-color: red !important;
  6375. }
  6376. .featured .featured-inner .object-details .highlight.collection-admin   {
  6377.     position: absolute !important;
  6378.     display: inline-block !important;
  6379.     min-width: 50px !important;
  6380.     min-height: 25px !important;
  6381.     left: -395px !important;
  6382.     top: -34px !important;
  6383. }
  6384.  
  6385. /* (new42) COLL(.featured-inner)- COLL - ABOUT TXT DESCRIPTION -
  6386. https://addons.mozilla.org/fr/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/
  6387. === */
  6388. .featured .featured-inner .object-details {
  6389.     position: absolute ! important;
  6390.     display: inline-block ! important;
  6391.     width: 380px !important;
  6392.     max-height: 100px !important;
  6393.     min-height: 100px !important;
  6394.     top: 49px !important;
  6395.     margin-left: -125px !important;
  6396.     padding: 20px 5px 75px 9px !important;
  6397.     border: 1px solid red !important;
  6398.     border-radius: 5px !important;
  6399.     background: black ! important;
  6400. }
  6401. .featured .featured-inner .object-details h3 + p {
  6402.     display: inline-block !important;
  6403.     width: 385px !important;
  6404.     height: 110px ! important;
  6405.     line-height: 18px !important;
  6406.     margin-left: -8px !important;
  6407.     margin-top: 9px !important;
  6408.     padding: 0 3px !important;
  6409.     border-radius: 3px !important;
  6410.     font-size: 18px !important;
  6411.     text-indent: 15px !important;
  6412.     color: peru ! important;
  6413.     overflow: hidden !important;
  6414.     overflow-y: auto !important;
  6415.     background: #222 !important;
  6416. }
  6417. .featured .featured-inner .object-details h3 + p:first-letter {
  6418.     font-size: 19px !important;
  6419.     color: red !important;
  6420. }
  6421. /* COLL(.featured-inner) - ABOUT TXT DESCN - SUPP TXT "Abt coll"/ "A propo coll " - === */
  6422. .featured .featured-inner .object-details h3 {
  6423.     display: none ! important;
  6424. }
  6425.  
  6426. /* (new35) COLL(.separated-listing) + (.featured.listing) + (.listing-footer)+ (#sorter) -  PAGINAT -
  6427. https://addons.mozilla.org/fr/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/
  6428. https://addons.mozilla.org/fr/firefox/collections/LouCypher/loucypher/
  6429. === */
  6430. .featured.listing  + ol.pagination ,
  6431. .separated-listing ~ ol.pagination {
  6432.     position: absolute !important;
  6433.     display: block !important;
  6434.     float: none !important;
  6435.     min-width: 780px ! important;
  6436.     top: 86px !important;
  6437.     margin-left: -210px !important;
  6438.     padding-left: 10px ! important;
  6439.     padding-top: 3px ! important;
  6440.     border-radius: 5px 5px 0 0 !important;
  6441.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6442.     color: white ! important;
  6443. }
  6444. .separated-listing ~.num-results  {
  6445.     position: absolute !important;
  6446.     left: 426px !important;
  6447.     top: 91px !important;
  6448. }
  6449. /* A VOIR hover/visited - PAGINAT (ALL) - SELECT/HOVER - === */
  6450. ol.pagination li.selected a:link,
  6451. ol.pagination li.selected a:visited,
  6452. ol.pagination li.selected a:hover,
  6453. ol.pagination li.selected a:focus,
  6454. ol.pagination li.selected a:active {
  6455.     background-color: #1F4FB5 !important;
  6456.     color: gold !important;
  6457. }
  6458. .moz-header-slim.inverse.file-viewer .file.selected>span ,
  6459. ol.pagination li a:hover {
  6460.     color: gold !important;
  6461. }
  6462. /* (new35) COLL(#global-header-tab) - PAGINAT - SELEC/HOVER - === */
  6463. .primary .featured .listing-footer:not(:empty) {
  6464.     position: absolute !important;
  6465.     display: inline-block !important;
  6466.     width: 550px !important;
  6467.     height: 15px !important;
  6468.     line-height: 15px !important;
  6469.     top: -31px !important;
  6470.     left: 0px !important;
  6471.     padding-left: 10px ! important;
  6472.     padding-top: 3px ! important;
  6473.     border-radius: 5px 5px 0 0 !important;
  6474.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6475.     color: white ! important;
  6476. }
  6477. .primary .featured .listing-footer:not(:empty) .pagination  {
  6478.     margin-top: -4px !important;
  6479. }
  6480. /* (new27) FOR SEARCH -
  6481. https://addons.mozilla.org/fr/firefox/search/?q=amo&cat=collections
  6482. === */
  6483.  
  6484. .primary .results-head + .featured .listing-footer:not(:empty) {
  6485.     margin-top: -26px !important;
  6486. }
  6487. .results-head {
  6488.     position: relative;
  6489.     width: auto;
  6490.     height: 35px !important;
  6491.     line-height: 35px !important;
  6492.     left: -38px !important;
  6493.     top: -13px !important;
  6494. }
  6495. .results-head #breadcrumbs {
  6496.     height: 15px !important;
  6497.     line-height: 15px !important;
  6498.     margin-left: -667px !important;
  6499.     margin-top: -125px !important;
  6500. }
  6501.  .results-head + .featured.listing:not(.banner):not(#file-viewer):not(.personas) {
  6502.     border: medium none !important;
  6503.     display: inline-block !important;
  6504.     height: 807px !important;
  6505.     left: -200px !important;
  6506.     margin-top: 10px !important;
  6507.     position: absolute !important;
  6508.     width: 1582px !important;
  6509.     outline: 1px solid gray !important;
  6510. }
  6511.  
  6512. /* (new8) COLL (.featured.listing)+(.primary header) - PAGINAT GREEN - === */
  6513. #global-header-tab ~.primary header +  .featured.listing .listing-footer   {
  6514.     position: absolute !important;
  6515.     display: inline-block !important;
  6516.     left: -210px !important;
  6517.     top: -26px !important;
  6518.     padding: 1px 6px 4px 6px ! important;
  6519.     width: 700px ! important;
  6520. }
  6521. #global-header-tab ~ .primary header + .featured.listing .listing-footer .pagination {
  6522.     height: 24px !important;
  6523.     line-height: 24px;
  6524.     width: auto ! important;
  6525. }
  6526. /* (new11) COLL (.featured.listing)+(.primary .results-head) - PAGINAT RED - SEARCH -  === */
  6527. #global-header-tab ~.primary .results-head +  .featured.listing .listing-footer   {
  6528.     position: absolute !important;
  6529.     display: inline-block !important;
  6530.     width: 700px !important;
  6531.     margin-left: 610px !important;
  6532.     top: -26px !important;
  6533. }
  6534.  
  6535. /* (new11) COLL SEARCH - (.featured.listing)+(.primary .results-head) - TITLE H2 - RED - === */
  6536. #global-header-tab ~ .primary .results-head ol#breadcrumbs.breadcrumbs + h2 {
  6537.     min-width: 1570px !important;
  6538.     left: 3% !important;
  6539.     top: 27px !important;
  6540.     padding: 5px !important;
  6541.     text-align: right !important;
  6542. }
  6543. /* ADDON SEARCH(ALL) - RESULT PAGINAT BUTT + NUMB - === */
  6544. .paginator .rel a {
  6545.     padding: 1px 14px 4px ! important;
  6546.     color: gold !important;
  6547. }
  6548. .num-results>strong ,
  6549. .paginator .num>a ,
  6550. .paginator .pos>b  {
  6551.     color: gold !important;
  6552. }
  6553. .num-results ,
  6554. .paginator .pos,
  6555. .paginator .num {
  6556.     color: white !important;
  6557. }
  6558. .num-results {
  6559.     margin-top: -3px !important;
  6560.     color: white !important;
  6561. }
  6562. /* (ALL) ADDON SEARCH - TRI/FILT NAVBAR - === */
  6563. .results #sorter h3 {
  6564.     margin-left: 520px ! important;
  6565. }
  6566. /* COLL(ALL)) - PRESENT PAGE (SORTED BY ? / Newest Collection) (.island.hero.c.listing) - PAGINAT - === */
  6567.  
  6568. /* ADDON LIST - PAGINAT - === */
  6569. .item + .paginator,
  6570. .items + .paginator,
  6571. #sorter + .paginator,
  6572. #sorter + .listing-grid,
  6573. #themes-listing .items {
  6574.     height: 28px !important;
  6575.     padding: 0 20px !important;
  6576.     border-radius: 5px !important;
  6577.     border: none !important;
  6578. /* background: #94ABD0 !important; */
  6579. }
  6580.  
  6581. /* SEARCH(ALL) - PAGINAT - === */
  6582. .paginator.c.pjax-trigger {
  6583.     position: absolute !important;
  6584.     display: inline-block !important;
  6585.     width: auto !important;
  6586.     height: 20px !important;
  6587.     top: -24px !important;
  6588.     left: 3px !important;
  6589.     padding-left: 10px ! important;
  6590.     padding-top: 3px ! important;
  6591.     border-radius: 5px 5px 0 0 !important;
  6592.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6593.     color: white ! important;
  6594. }
  6595.  
  6596. .paginator .rel {
  6597.     position: relative !important;
  6598.     display: inline-block !important;
  6599.     width: 300px !important;
  6600.     left: -43px !important;
  6601.     height: 0px !important;
  6602.     line-height: 10px !important;
  6603.     padding: 0px !important;
  6604.     text-align: center !important;
  6605. }
  6606. .paginator .rel a {
  6607.     display: inline-block;
  6608.     font-size: 12px !important;
  6609.     margin-left: -1px !important;
  6610.     padding: 7px 6px 9px !important;
  6611. }
  6612. .paginator .rel a.button.prev ,
  6613. .paginator .rel a.button.next{
  6614.     display: inline-block !important;
  6615.     padding: 1px 2px !important;
  6616. }
  6617. .paginator .pos {
  6618.     position: relative !important;
  6619.     display: inline-block !important;
  6620.     float: right !important;
  6621.     width: 308px !important;
  6622.     left: 10px !important;
  6623.     text-align: right !important;
  6624. }
  6625.  
  6626. /* (new23) (ALL) COLL (Newest Coll) - PAGINAT - PREV BUTT - DISAB - === */
  6627. #page.c section.primary .island nav.paginator p.rel a.button.disabled {
  6628.     position: relative !important;
  6629.     display: inline-block !important;
  6630.     width: 105px !important;
  6631.     height: 10px !important;
  6632.     line-height: 10px !important;
  6633.     padding: 1px 2px !important;
  6634.     border-radius: 6px !important;
  6635.     box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset !important;
  6636.     font-size: 12px !important;
  6637.     text-align: center !important;
  6638.     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
  6639.     background: linear-gradient(#669BE1, #5784BF) repeat scroll 0 0 #5784BF !important;
  6640. }
  6641.  
  6642. /* COLL - TOP CENTER -  PAGINT - NEXT / PREV BUTT - === */
  6643. ol.pagination a[rel~="prev"],
  6644. ol.pagination span.prev  ,
  6645. ol.pagination a[rel~="next"],
  6646. ol.pagination span.next {
  6647.     background-color: #3E4863 !important;
  6648.     border-radius: 3px !important;
  6649.     color: white !important;
  6650. }
  6651. /* MY COLL (.featured.listing) TOP RIGHT -  RESULT NUMB - === */
  6652. .featured.listing  + ol.pagination + .num-results {
  6653.     position: absolute !important;
  6654.     left: 80% !important;
  6655.     top: 102px !important;
  6656.     color: white ! important;
  6657. }
  6658.  
  6659. /* (new23) SEARCH FACETS - SORT (#search-facets.secondary + section.primary)+(#sorter.c h3) -
  6660. https://addons.mozilla.org/fr/firefox/search/?q=&appver=&platform=
  6661. === */
  6662. #search-facets.secondary + section.primary .listing.results #pjax-results #sorter.c {
  6663.     position: relative !important;
  6664.     width: auto!important;
  6665.     margin-top: -4px !important;
  6666.     margin-left: 95px !important;
  6667.     margin-bottom: 47px !important;
  6668. }
  6669.  
  6670. #search-facets.secondary + section.primary .listing.results #pjax-results #sorter.c h3 {
  6671.     position: absolute !important;
  6672.     left: -605px !important;
  6673.     color: red !important;
  6674. }
  6675. /* SEARCH - SORT (.listing-header form.item-sort.go) - === */
  6676. .results-head + .featured .featured-inner .listing-header {
  6677.     position: absolute !important;
  6678.     display: inline-block !important;
  6679.     height: 0px !important;
  6680.     width: 0px !important;
  6681.     top: -28px !important;
  6682.     right: 98% !important;
  6683.     padding: 0 !important;
  6684.     border: none !important;
  6685.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6686. }
  6687. .results-head + .featured .featured-inner .listing-header form.item-sort.go {
  6688.     position: absolute !important;
  6689.     width: 390px !important;
  6690.     height: 25px !important;
  6691.     line-height: 25px !important;
  6692.     margin-top: 0px !important;
  6693.     margin-left: -28px !important;
  6694.     border-radius: 3px !important;
  6695.     text-align: center !important;
  6696.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  6697. }
  6698.  
  6699. #global-header-tab  ~.primary header.results-head {
  6700.     position: absolute !important;
  6701.     display: inline-block !important;
  6702.     min-width: 600px !important;
  6703.     top: 62px !important;
  6704. }
  6705.  
  6706. /* (new11) COLL / SEARCH - (#global-header-tab) for (.featured.listing) - TITLE -
  6707. VOIR PB THEME: https://addons.mozilla.org/en-US/firefox/themes/firefox
  6708. === */
  6709. #global-header-tab ~.primary:not([role="main"]) header ol#breadcrumbs.breadcrumbs +h2  {
  6710.     left: 800px !important;
  6711.     top: 18px !important;
  6712.     padding: 5px !important;
  6713.     text-align: center !important;
  6714. }
  6715. #global-header-tab  ~.primary header.results-head h3.results-count {
  6716.     min-width: 590px !important;
  6717.     margin-left: -52px !important;
  6718.     margin-top: -3px !important;
  6719.     text-align: left !important;
  6720. }
  6721. #global-header-tab  ~.primary header.results-head h3.results-count strong {
  6722.     font-size: 25px !important;
  6723.     margin-left: 10px !important;
  6724. }
  6725.  
  6726. /* (new68) - TEST FEATURED - violet - TOUCH POSTION MOSAIC -
  6727. https://addons.mozilla.org/fr/firefox/collections/LouCypher/loucypher/
  6728.  
  6729. EXEPTIONS (not:(XX) FOR :
  6730. https://addons.mozilla.org/fr/firefox/extensions/alerts-updates/
  6731. https://addons.mozilla.org/fr/firefox/themes/abstract?sort=created
  6732. === */
  6733. .featured:not(span):not(.listing-grid):not(.banner):not(.listing) {
  6734.     position: relative !important;
  6735.     display: inline-block !important;
  6736.     clear: both;
  6737.      width: 1654px !important;
  6738.     max-height: 100% !important;
  6739.     min-height: 100% !important;
  6740.     margin-left: -209px !important;
  6741.     top: -72px !important;
  6742.     border: medium none !important;
  6743.     border-radius: 5px;
  6744.     background: none !important;
  6745. }
  6746. /* COLL UPDATE DATE*/
  6747. .featured:not(span):not(.listing-grid):not(.banner):not(.listing) .featured-inner .meta ul li {
  6748.     position: absolute !important;
  6749.     display: inline-block !important;
  6750.     float: none;
  6751.     height: 15px !important;
  6752.     width: 230px !important;
  6753.     top: -102px !important;
  6754.     left: 930px !important;
  6755.     padding: 2px 5px !important;
  6756.     border-radius: 5px ;
  6757. color: gold !important;
  6758.     background: #333 !important;
  6759. }
  6760.  
  6761.  
  6762. /* TEST (new35) - FEATURED LISTING - GREEN outline -TOUCH POSTIO MOSAIC -
  6763. https://addons.mozilla.org/fr/firefox/collections/decembre/
  6764. https://addons.mozilla.org/fr/firefox/themes/abstract?sort=created
  6765. === */
  6766. .featured.listing {
  6767.     display: inline-block !important;
  6768.    width: 1654px;
  6769.     max-height: 100% !important;
  6770.     min-height: 100% !important;
  6771.     margin-left: 9px !important;
  6772.     top: 125px !important;
  6773.     border: medium none !important;
  6774.     border-radius: 5px;
  6775.     clear: both;
  6776. }
  6777. /* (new50) COLL (.separated-listing) - TOTAL CONT BLOCK - add COLL THEMES === */
  6778. .collections-personas ,
  6779. .separated-listing {
  6780.     width: 1613px !important;
  6781.     height: 780px !important;
  6782.     margin-left: -215px !important;
  6783.     margin-top: -68px !important;
  6784.     padding: 5px 0 8px 5px  ! important;
  6785.     border-radius: 5px ! important;
  6786.     border: 1px solid gray !important;
  6787. }
  6788.  
  6789. /* (new22 COLL FIRST PAGE PRESENT (ALL) SORTED BY ? (.island.hero.c.listing) / VERSIONS -  - CONT BLOCK -
  6790. PB:
  6791. SEARCH FACETS : https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  6792. OK:
  6793. VERSIONS : https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/versions/?page=1#version-2.3beta1
  6794. MOST FOLLOWED : https://addons.mozilla.org/en-US/firefox/collections/?sort=followers
  6795. === */
  6796. .island.hero.c.listing  {
  6797.     width: 1675px !important;
  6798.     margin-left: 10px !important;
  6799. top: -18px !important;
  6800.     padding: 5px ! important;
  6801.     border-radius: 5px ! important;
  6802.     border: 1px solid gray !important;
  6803. }
  6804. /* (new22 SEARCH FACET  - CONT BLOCK -
  6805. SEARCH FACETS : https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  6806. === */
  6807. #search-facets + .primary .island.hero.c.listing {
  6808.     width: 1665px !important;
  6809.     margin-left: -270px !important;
  6810.     top: -32px !important;
  6811.     padding: 5px ! important;
  6812.     border-radius: 5px ! important;
  6813.     border: 1px solid gray !important;
  6814. }
  6815.  
  6816.  
  6817. /* (new66) (ALL) COLL - PRESENT PAGE (SORTED BY ? / Newest Coll) (.island.hero.c.listing) - ADDED DATE -
  6818. https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  6819. === */
  6820. .updated {
  6821.     position: relative !important;
  6822.     display: inline-block !important;
  6823.     width: 317px !important;
  6824.     top: 7px !important;
  6825.     text-align: center;
  6826.     color: gold !important;
  6827. }
  6828.  
  6829. .listing .item .vitals .updated {
  6830.     position: relative !important;
  6831.     display: inline-block !important;
  6832.     width: 317px !important;
  6833.     top: -4px !important;
  6834.     text-align: center;
  6835.     color: red !important;
  6836. }
  6837. .listing .item .vitals div.updated::before {
  6838.     color: #999;
  6839.     content: "â–¶" !important;
  6840. }
  6841.  
  6842. /* (new53) (ALL) COLL / SEARCH TAG - FEATURED - PRESENT PAGE (SORTED BY ? / Newest Coll / VERSION (.island.hero.c.listing) - TITLE -
  6843. https://addons.mozilla.org/en-US/firefox/search/?q=bookmark&page=2
  6844. https://addons.mozilla.org/en-US/firefox/collections/?sort=created
  6845. https://addons.mozilla.org/fr/firefox/tag/toolbar
  6846. https://addons.mozilla.org/fr/firefox/search/?q=script&appver=31.0&platform=windows
  6847. === */
  6848. /* (new70) */
  6849. section.primary h1 {
  6850. /*     position: relative !important;
  6851.     display: inline-block !important;
  6852.     margin-left: 494px !important;
  6853.     white-space: nowrap !important; */
  6854. }
  6855.  
  6856. #breadcrumbs,
  6857. #breadcrumbs + h1 {
  6858.     position: relative !important;
  6859.     display: inline-block !important;
  6860.     top: -12px !important;
  6861.     margin-left: 494px !important;
  6862.     white-space: nowrap !important;
  6863. }
  6864. /* (new24) COLL PRESENT(ALL) Without SORT (.island.hero.c.listing) - Background IMAGE - TOT CONT + SCALE - === */
  6865. masthead#collections-landing {
  6866.     position: absolute !important;
  6867.     width: 1660px !important;
  6868.     height: 780px !important;
  6869.     left: -480px !important;
  6870.     border: 1px solid #4D4D4D !important;
  6871.     background: none no-repeat scroll 98% 10px / auto 150px, none repeat scroll 0 100% transparent !important;
  6872. }
  6873.  
  6874. /* (new68) PB COLLECTION -
  6875. https://addons.mozilla.org/fr/firefox/collections/
  6876. https://addons.mozilla.org/fr/firefox/user/fligtar/
  6877. ====  */
  6878. masthead#collections-landing + .island.hero.c.listing {
  6879.     display: inline-block !important;
  6880.     min-height: 542px !important;
  6881.     max-height: 542px !important;
  6882.     min-width: 1400px !important;
  6883.     max-width: 1400px !important;
  6884.     margin-left: 150px !important;
  6885.     top: 47px !important;
  6886.     padding:5px 20px ! important;
  6887.     border-radius: 5px ! important;
  6888.     overflow: hidden ! important;
  6889.     transform: scale(1.15) !important;
  6890. }
  6891. masthead#collections-landing +.island .items .item {
  6892.     height: 200px !important;
  6893.     margin-right: 7px !important;
  6894.     margin-bottom: 5px !important;
  6895.     border-radius: 5px !important;
  6896. }
  6897.  
  6898. masthead#collections-landing +.island .items .item .info {
  6899.     display: inline-block !important;
  6900.     max-width: 322px !important;
  6901.     min-width: 322px !important;
  6902.     margin-top: 1px !important;
  6903.     top: 1px !important;
  6904.     margin-left: 2px !important;
  6905.     padding: 0px !important;
  6906.     overflow: hidden;
  6907. /* background: red !important; */
  6908. }
  6909. masthead#collections-landing +.island .items .item .info > h3 {
  6910.     display: inline-block !important;
  6911.     top: 1px !important;
  6912.     max-width: 310px !important;
  6913.     min-width: 310px !important;
  6914.     margin-left: 3px !important;
  6915.     padding: 5px 5px 15px 5px !important;
  6916.     overflow: hidden;
  6917. /* background: blue !important; */
  6918. }
  6919. masthead#collections-landing +.island .items .item .info > p {
  6920.     display: inline-block !important;
  6921.     top: 1px !important;
  6922.     max-width: 311px !important;
  6923.     min-width: 311px !important;
  6924.     margin-left: 0px !important;
  6925.     padding: 5px !important;
  6926.     overflow: hidden;
  6927. /* background: green !important; */
  6928. }
  6929.  
  6930. masthead#collections-landing +.island .items .item .action {
  6931.     position: absolute !important;
  6932.     display: inline-block !important;
  6933.     width: 314px !important;
  6934.     height: 15px !important;
  6935.     left: -395px !important;
  6936.     margin-top: -130px !important;
  6937.     padding: 0 !important;
  6938. }
  6939. masthead#collections-landing +.island .items .item .action .install-shell {
  6940.     position: absolute !important;
  6941.     display: inline-block !important;
  6942.     width: 314px !important;
  6943.     height: 15px !important;
  6944.     left: 0px !important;
  6945.     top: 0px ! important;
  6946.     padding: 0 !important;
  6947. }
  6948. masthead#collections-landing +.island .items .item .action .install-shell .watch.button {
  6949.     position: absolute !important;
  6950.     display: inline-block !important;
  6951.     margin-top: -5px !important;
  6952. }
  6953.  
  6954. /* (new24) COLL PRESENT - TITLE / PRESENT -
  6955. https://addons.mozilla.org/fr/firefox/collections/
  6956. === */
  6957. #collections-landing h1 {
  6958.     position: absolute !important;
  6959.     min-height: 15px !important;
  6960.     max-height: 20px !important;
  6961.     line-height: 20px !important;
  6962.     min-width: 165px !important;
  6963.     max-width: 165px !important;
  6964.     left: -675px !important;
  6965.     top: -80px !important;
  6966.     padding: 0px 5px !important;
  6967.     border: 1px solid red !important;
  6968.     border-radius: 5px !important;
  6969.     font-size: 13px !important;
  6970.     text-align: center !important;
  6971.     color: red !important;
  6972. }
  6973. #collections-landing p {
  6974.     position: absolute !important;
  6975.     display: inline-block !important;
  6976.     min-width: 175px !important;
  6977.     max-width: 175px !important;
  6978.     line-height: 12px !important;
  6979.     padding: 25px 5px 5px !important;
  6980.     margin-left: -200px !important;
  6981.     margin-top: -97px !important;
  6982.     font-size: 14px !important;
  6983.     border-radius: 5px !important;
  6984.     border: 1px solid red !important;
  6985. }
  6986. /* (new8) FOR PAGE PRESENTATION - FOLLOW / UNFOLLOW -
  6987. #tabzilla-wrapper section.primary
  6988. */
  6989. #tabzilla-wrapper section.primary masthead#collections-landing +.island .items .item .action .install-shell a {
  6990.     position: absolute !important;
  6991.     display: inline-block !important;
  6992.     width: 50% !important;
  6993.     height: 11px !important;
  6994.     line-height: 9px !important;
  6995.     left: 0px !important;
  6996.     padding: 2px !important;
  6997.     font-size: 11px !important;
  6998.     top: 25px !important;
  6999.     visibility: visible !important;
  7000.     text-align: center !important;
  7001.     white-space: nowrap !important;
  7002.     opacity: 1 !important;
  7003. }
  7004.  
  7005.  
  7006. /* (new8) FOR PAGE PRESENTATION - FOLLOW / UNFOLLOW -
  7007. masthead#collections-landing +.island .items .item .action .install-shell span  -
  7008. === */
  7009. masthead#collections-landing +.island .items .item .action .install-shell .watch.button {
  7010.     top: 6px !important;
  7011.     left: 80px !important;
  7012. }
  7013.  
  7014. /* (new8) FOR PAGE PRESENTATION - STOP to FOLLOW */
  7015. #tabzilla-wrapper section.primary masthead#collections-landing +.island  .items .item .action .install-shell a {
  7016.     position: absolute !important;
  7017.     display: inline-block !important;
  7018.     left: 84px !important;
  7019.     top: 5px !important;
  7020. }
  7021.  
  7022. #tabzilla-wrapper section.primary masthead#collections-landing +.island .items .item .action .install-shell a:hover:after {
  7023.     color: gold ! important;
  7024. }
  7025. #tabzilla-wrapper section.primary masthead#collections-landing +.island .items .item .action .install-shell a:after {
  7026.     color: transparent ! important;
  7027. }
  7028.  
  7029. /* (new12)COLL  / SEARCH? - (#global-header-tab ~.primary .featured.listing) - TOT CONT (.featured.listing) - === */
  7030. .primary>header>hgroup {
  7031.     display: inline-block !important;
  7032.     height: 32px !important;
  7033.     margin-left: 131px !important;
  7034.     margin-top: -20px !important;
  7035.     white-space: nowrap !important;
  7036. }
  7037. header hgroup h2 {
  7038.     margin-left: 171px !important;
  7039.     margin-top: -6px !important;
  7040.     position: absolute!important;
  7041.     color: peru ! important;
  7042. }
  7043. /* (new12) COLL of COLL / THEME  / PB SEARCH */
  7044. /* COLL */
  7045. #global-header-tab ~ .primary:not([role="main"]) .featured.listing {
  7046.     width: 1565px !important;
  7047.     height: 760px !important;
  7048.     margin-left: -460px !important;
  7049.     top: 140px !important;
  7050.     left: 260px ! important;
  7051.     padding: 30px 0px 0px 20px ! important;
  7052.     border-radius: 5px ! important;
  7053.     border: 1px gray solid !important;
  7054. }
  7055. /* (new12) THEME PERSONAS / ?? -
  7056. PB : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  7057. === */
  7058. #global-header-tab ~ .primary[role="main"] .featured.listing {
  7059.     width: 1565px !important;
  7060.     height: 780px !important;
  7061.     margin-left: -460px !important;
  7062.     top: 140px !important;
  7063.     left: 260px ! important;
  7064.     padding: 10px 0px 0px 20px ! important;
  7065.     border-radius: 5px ! important;
  7066.     border: 1px gray solid !important;
  7067. }
  7068.  
  7069. /* (new13) SEARCH */
  7070. #global-header-tab ~ .primary .results-head + .featured ,
  7071. #global-header-tab ~ .primary[role="main"] .results-head + .featured.listing {
  7072.     width: 1565px !important;
  7073.     height: 760px !important;
  7074.     margin-left: -460px !important;
  7075.     top: 140px !important;
  7076.     left: 260px ! important;
  7077.     padding: 30px 0px 0px 20px ! important;
  7078.     border-radius: 5px ! important;
  7079.     border: 1px gray solid !important;
  7080. }
  7081.  
  7082. /* (new11) COLL(.featured-inner) - CONT LIST - TOT CONT BLOCK - VOIR PERSONAS - === */
  7083. .featured-inner {
  7084.     border: none !important;
  7085. /* background: linear-gradient(rgba(0, 0, 0, 0.37), #2f3132) repeat scroll 0 0 rgba(4, 4, 4, 0) ! important; */
  7086. }
  7087.  
  7088.  
  7089. /* (new54) TOP HEADER - SITE NAV - (ALL) - === */
  7090. #site-nav {
  7091.     position: absolute !important;
  7092.     display: inline-block !important;
  7093.     height: 18px !important;
  7094.     line-height: 18px !important;
  7095.     left: 0 !important;
  7096.     top: 37px !important;
  7097.     border-radius: 3px !important;
  7098.     background: #333 !important;
  7099. }
  7100. #site-nav > ul > li {
  7101.     border-left: none !important;
  7102.     left: 0 !important;
  7103.     line-height: 23px !important;
  7104.     height: 18px !important;
  7105. }
  7106. #site-nav > ul > li:hover::after {
  7107.   width: auto !important;
  7108.   background: transparent ;
  7109. }
  7110. /* (new55) TOP HEADER - MENU TOP - MENUS on HOVER - TOP ARROWS - === */
  7111. .menu-nav > ul > li > ul {
  7112.     top: 21px !important;
  7113.     box-shadow: 3px 3px 2px black !important;
  7114. }
  7115. #aux-nav > ul > li ul {
  7116.     margin-top: 10px !important;
  7117.     z-index: 5000 !important;
  7118. }
  7119. .menu-nav > ul > li > ul::after {
  7120.     content: "";
  7121.     box-shadow: -2px -2px 2px red !important;
  7122.     position: absolute;
  7123.     display: block;
  7124.     height: 12px;
  7125.     width: 12px;
  7126.     top: -4px !important;
  7127.     transform: rotate(45deg);
  7128.     z-index: 1;
  7129.     background-color: #333 !important;
  7130. }
  7131.  
  7132. /* (new55) TOP HEADER - MENU TOP - MENUS on HOVER - === */
  7133. #site-nav.menu-nav > ul >li:hover > ul {
  7134.     margin-top: 5px !important;
  7135.     z-index: 50000 !important;
  7136. }
  7137. #site-nav #themes ul.two-col {
  7138.     height: 325px !important;
  7139.     padding-bottom: 15px !important;
  7140. }
  7141.  
  7142. #sorter > ul > li.extras > a {
  7143.     z-index: 1 !important;
  7144. }
  7145. #sorter li.selected {
  7146.     background: #222 !important;
  7147. }
  7148. #sorter li.selected a {
  7149.     color: tomato !important;
  7150. }
  7151.  
  7152.  
  7153. /* (new41) TOP HEADER - (ALL) COLL / SEARCH - BREAKCRUMBS - LIT NAV HEAD COLL - === */
  7154. #breadcrumbs ,
  7155. ol.breadcrumbs ,
  7156. .amo-header + #breadcrumbs:not(ol) {
  7157.     position: absolute !important;
  7158.     display: inline-block !important;
  7159.     float: none !important;
  7160.     width: auto ! important;
  7161.     width: 755px !important;
  7162.     top: 98px ! important;
  7163.     left: -431px !important;
  7164.     margin-top: -40px ! important;
  7165.     padding: 0 8px !important;
  7166. }
  7167.  
  7168. /* (new35) TOP HEADER - ADDON VERSION / NEWEST COLL ...  - BREAKCRUMBS */
  7169. .primary #breadcrumbs:not(ol) {
  7170.     position: absolute !important;
  7171.     display: inline-block !important;
  7172.     float: none !important;
  7173.     top: 15px ! important;
  7174.     left: -641px !important;
  7175.     padding: 0 5px !important;
  7176.     border-radius: 3px !important;
  7177.     background: #333 !important;
  7178. }
  7179. .amo-header + .primary #breadcrumbs:not(ol) {
  7180.     position: absolute !important;
  7181.     display: inline-block !important;
  7182.     float: none !important;
  7183.     width: 500px ! important;
  7184.     top: 30px ! important;
  7185.     margin-left: -460px !important;
  7186. }
  7187.  
  7188. /* (new35) TOP HEADER - FILE VIEWER - TOP NAV HEAD + + - === */
  7189. .moz-header-slim.inverse.file-viewer  #top {
  7190.     top: 140px ! important;
  7191.     left: 460px !important;
  7192. }
  7193. /* #top>li:last-child */
  7194.  
  7195. /* TOP HEADER - COLL SEARCH (header.results-head) - TOP HEAD - LIT NAV HEAD COLL - === */
  7196. #global-header-tab ~.primary header.results-head ol#breadcrumbs.breadcrumbs {
  7197.     top: 40px ! important;
  7198.     left: 267px !important;
  7199. }
  7200. /* TOP HEADER - COLL - EXPLOR USER etc... (.amo-header) - TOP HEAD - LIT NAV HEAD COLL - === */
  7201. #global-header-tab + .amo-header+ ol#breadcrumbs.breadcrumbs {
  7202.     top: 100px ! important;
  7203.     left: 520px !important;
  7204. }
  7205. /* TOP HEADER - COLL - EXPLOR USER etc... (.amo-header) - TOP HEAD - LIT NAV HEAD COLL (ARROWS) - === */
  7206. ol.breadcrumbs li {
  7207.     background-image: none !important;
  7208.     display: inline;
  7209.     padding-right: 1em;
  7210. }
  7211. /* â–º */
  7212. ol.breadcrumbs li:after {
  7213.     color: gray ;
  7214.     content: " \25BA" ;
  7215.     padding-right: 5px ;
  7216. }
  7217. /* â–¼ */
  7218. ol.breadcrumbs li:last-child:after {
  7219.     color: peru ;
  7220.     font-size: 15px ;
  7221.     content: "\25BC" ;
  7222.     padding-left: 15px ;
  7223. }
  7224. ol.breadcrumbs li:last-child {
  7225.     color: #FFD700 !important;
  7226.     font-size: 15px !important;
  7227. }
  7228.  
  7229.  
  7230.  
  7231. /* COLL (.featured.listing) - TOP LEFT -  NBR OF EXT IN COLL - === */
  7232. .featured.listing>h3 {
  7233.     position: absolute ! important;
  7234.     display: inline-block ! important;
  7235.     width: 388px ! important;
  7236.     top: 135px ! important;
  7237.     left: -204px ! important;
  7238.     padding: 5px 1px 15px 1px ! important;
  7239.     border-radius: 5px 5px 0px 0px ! important;
  7240.     font-size: 15px! important;
  7241.     text-align: center ! important;
  7242.     background: red ! important;
  7243. }
  7244. /* (new11) COLL (.featured.listing)(.separated-listing) - BLOCK "NBR OF EXT IN COLL" -
  7245. (VERY SENSITIVE : BUT KEEP IT HERE TO INSERT THE BLOC IN THE MOZAIC LIST) -
  7246. Not FILE VIEWER - === */
  7247. .separated-listing>h3 {
  7248.     position: relative  ! important;
  7249.     display: inline-block ! important;
  7250.     width: 382px ! important;
  7251.     height: 20px !important;
  7252.     top: -2px ! important;
  7253.     left: 0px ! important;
  7254.     margin-right: -10px ! important;
  7255.     padding: 4px 8px 0 0 ! important;
  7256.     border-radius: 5px 5px 0px 0px ! important;
  7257.     border: 1px solid gray !important;
  7258.     font-size: 12px! important;
  7259.     text-align: right ! important;
  7260. }
  7261. .featured:not(#file-viewer):not(.personas) .featured-inner  {
  7262.     margin-left: 10px ! important;
  7263.     background: transparent !important;
  7264. }
  7265.  
  7266. /* (ne35)COLLECTION - INFOS BLOCK (TOP / LEFT of the MOZAIC) -
  7267. https://addons.mozilla.org/fr/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/
  7268. === */
  7269. .featured:not(#file-viewer):not(.personas) .featured-inner.object-lead {
  7270.     width: 0;
  7271.     left: 125px !important;
  7272.     top: -4px !important;
  7273.     margin-left: -14px ! important;
  7274.     margin-top: 0px !important;
  7275.     background: transparent !important;
  7276. }
  7277.  
  7278.  
  7279. /* (new12) LISTS OPTION TOP - PERSONAS - -
  7280. https://addons.mozilla.org/en-US/firefox/search-tools/dictionaries-encyclopedias?sort=updated
  7281. ===*/
  7282. #addon-list-options {
  7283.     margin-bottom: 35px !important;
  7284.     margin-top: -52px !important;
  7285.     margin-left: 1140px ! important;
  7286. }
  7287.  
  7288. /* (new35) */
  7289. #addon-list-options.listing-header {
  7290.     width: 590px !important;
  7291.     height: 20px !important;
  7292.     line-height: 20px !important;
  7293.     margin-left: 975px !important;
  7294.     margin-top: -33px ! important;
  7295.     margin-bottom: 34px !important;
  7296. }
  7297. #addon-list-options.listing-header ul {
  7298.     height: 20px !important;
  7299.     line-height: 20px ! important;
  7300.     width: auto ! important;
  7301. }
  7302. #addon-list-options.listing-header ul li {
  7303.     height: 15px !important;
  7304.     line-height: 15px;
  7305.     width: auto ! important;
  7306. }
  7307.  
  7308. /* (new54) COLL - OPTS - BUTT PRIVE / PRIVAT - === */
  7309. .featured .featured-inner .object-details ul#collection-favorites-opts  {
  7310.     position: absolute !important;
  7311.     display: inline-block !important;
  7312.     width: 100% !important;
  7313.     max-height: 13px !important;
  7314.     min-height: 13px !important;
  7315.     top: -42px !important;
  7316.     left: -30px !important;
  7317.     z-index: 0 !important;
  7318.     opacity: 0.5 !important;
  7319. }
  7320. .featured .featured-inner .object-details ul#collection-favorites-opts:hover  {
  7321.     opacity: 0.7 !important;
  7322. }
  7323. .featured-inner .object-details ul#collection-favorites-opts li form button  {
  7324.     position: absolute !important;
  7325.     height: 22px ! important;
  7326.     line-height: 8px ! important;
  7327.     left: -24px !important;
  7328.     top: 15px !important;
  7329.     margin-top: -48px !important;
  7330.     padding: 2px 5px ! important;
  7331.     z-index: 500 ! important;
  7332. }
  7333.  
  7334. /* (new38) COLL - TXT "plus sur coll" - === */
  7335. #collection-favorites-opts>li>a {
  7336.     position: absolute !important;
  7337.     display: inline-block !important;
  7338.     width: 202px !important;
  7339.     line-height: 12px !important;
  7340.     top: -8px !important;
  7341.     left: 0px !important;
  7342.     text-align: center !important;
  7343.     font-size: 10px !important;
  7344.     color: gold !important;
  7345. }
  7346.  
  7347. /* COLL - TOP LEFT -  WIDGET FOLL - === */
  7348. .widget.tooltip.watch.condensed {
  7349.     position: absolute ! important;
  7350.     display: inline-block  ! important;
  7351.     width: 5px ! important;
  7352.     margin-top: 1px ! important;
  7353.     left: -7px ! important;
  7354.     padding:  1px 1px 2px 10px ! important;
  7355.     border-radius: 5px ! important;
  7356.     color: transparent !important;
  7357.     z-index: 1 ! important;
  7358. }
  7359.  
  7360. /* (new44) COLL - TOP LEFT -  WIDGET ICON - FOLL / EDT/SHARE - === */
  7361. .collection_widgets.condensed.widgets {
  7362.     position: absolute ! important;
  7363.     display: inline-block  ! important;
  7364.     width: 5px ! important;
  7365.     top: 18px ! important;
  7366.     margin-left: 133px ! important;
  7367.     padding:  1px 26px 2px 10px ! important;
  7368.     border-radius: 5px ! important;
  7369.     color: transparent !important;
  7370. }
  7371. .collection_widgets.condensed.widgets a {
  7372.     display: inline-block ! important;
  7373.     width: 0px ! important;
  7374.     margin-right: 5px !important;
  7375.     margin-left: -1px !important;
  7376.     z-index: 800 ! important;
  7377.     transform: scale(0.8) ! important;
  7378. }
  7379. .collection_widgets.widgets .widget.tooltip.watching {
  7380.     display: inline-block;
  7381.     border-radius: 5px ! important;
  7382. }
  7383.  
  7384.  
  7385. /* COLL (.featured.listing) - WIDGET FOLL / EDT/SHARE - === */
  7386. .featured-inner .item .item-info .collection_widgets {
  7387.     position: absolute ! important;
  7388.     display: inline-block  ! important;
  7389.     width: 5px ! important;
  7390.     top: 0px ! important;
  7391.     margin-left: 142px ! important;
  7392.     padding:  1px 26px 2px 10px ! important;
  7393.     border-radius: 5px ! important;
  7394.     color: transparent !important;
  7395.     z-index: 1 ! important;
  7396. }
  7397.  
  7398.  
  7399.  
  7400. /* (new66) COLL (.featured.listing) - LIKE ICONS - === */
  7401. .section .primary .featured .featured-inner .item .item-info ul li .barometer  {
  7402.     position: absolute !important;
  7403.     display: inline-block !important;
  7404.     transform: scale(0.7) !important;
  7405.     top: -40px !important;
  7406.     left: 75px !important;
  7407.     box-shadow: 0 0 1px rgba(191, 184, 184, 0.77) inset !important;
  7408.     border-radius: 5px ! important;
  7409.     z-index: 0 !important;
  7410. }
  7411. .featured-inner .item .item-info ul li .barometer form.upvote input.upvotes {
  7412.     position: absolute ! important;
  7413.     width: 30px ! important;
  7414.     left: -10px ! important;
  7415.     margin-left: -25px ! important;
  7416.     font-size: 17px !important;
  7417.     transform: scale(0.8) !important;
  7418. }
  7419. .featured-inner .item .item-info ul li .barometer form.downvote input.downvotes{
  7420.     position: absolute ! important;
  7421.     transform: scale(0.8) !important;
  7422.     width: 30px ! important;
  7423.     left: -10px ! important;
  7424.     margin-left: 15px ! important;
  7425.     font-size: 17px !important;
  7426. }
  7427.  
  7428. /* (new12)  MY COLL (.featured.listing) - TOP LEFT -  NBR FOLL - === */
  7429. .featured-inner .item .item-info ul li.followers  {
  7430.     position: absolute ! important;
  7431.     display: inline-block ! important;
  7432.     padding-right: 5px ! important;
  7433.     left: 120px ! important;
  7434.     top: -37px ! important;
  7435.     text-align: left ! important;
  7436. }
  7437.  
  7438. /* COLL +(ALL)FIRST PRESENT  -  (.separated-listing) - ADD ITEMS CONT - === */
  7439. .separated-listing .item-sort.go  ~ .item  {
  7440.     position: relative ! important;
  7441.     display: inline-block !important;
  7442.     width: 325px !important;
  7443.     max-height: 160px ! important;
  7444.     min-height: 160px ! important;
  7445.     top: -5px ! important;
  7446.     margin-top: 7px ! important;
  7447.     margin-right: 8px ! important;
  7448.     margin-bottom: -2px ! important;
  7449.     border: 1px solid gray ! important;
  7450.     border-radius: 5px ! important;
  7451.     vertical-align: top !important;
  7452. }
  7453.  
  7454. /* (new50) COLL THEMES -
  7455. WHy they Have a DIFF  DESIGN ??:
  7456. SHORT - https://addons.mozilla.org/fr/firefox/collections/decembre/theme-dark/
  7457. LARGE - https://addons.mozilla.org/fr/firefox/collections/wingless_pilot/da/
  7458. === */
  7459. .collections-personas  {
  7460.     width: 1652px !important;
  7461.     border: 1px solid gray !important;
  7462. }
  7463. .collections-personas ul {
  7464.     min-height: 758px !important;
  7465.     width: 1620px !important;
  7466.     margin-top: -71px !important;
  7467.     border: none !important;
  7468.     background: #222 !important;
  7469. }
  7470. .collections-personas ul li  {
  7471.     position: relative ! important;
  7472.     display: inline-block !important;
  7473.     width: 185px !important;
  7474.     max-height: 188px ! important;
  7475.     min-height: 188px ! important;
  7476.     top: -12px ! important;
  7477.     margin-top: 0px ! important;
  7478.     margin-left: -15px !important;
  7479.     margin-right: 15px ! important;
  7480.     margin-bottom: 10px ! important;
  7481.     padding: 2px 5px !important;
  7482.     border: 1px solid gray ! important;
  7483.     border-radius: 5px ! important;
  7484.     vertical-align: top !important;
  7485. }
  7486. .collections-personas ul li:first-of-type {
  7487.     margin-left: 386px !important;
  7488. }
  7489. .collections-personas ul li .hovercard.persona {
  7490.     max-height: 183px ! important;
  7491.     min-height: 183px ! important;
  7492.     overflow: hidden;
  7493.     padding: 0px !important;
  7494. /* background: red !important; */
  7495. }
  7496.  
  7497.  
  7498. /* COLL (.separated-listing) - ITEMS - CONT - FIRST ITEMS move TO LEFT -
  7499. for INSERTING BLOCK INFO CONTAINER - === */
  7500. .section .primary .separated-listing .item:first-of-type {
  7501.      margin-left: 21px ! important;
  7502. }
  7503.  
  7504. /* COLL (.featured.listing) - ADDON ITEMS - CONT - === */
  7505.  
  7506. /* (new8) COLL (.separated-listing) / MY COLL (.featured.listing) - RAT BLOCK - === */
  7507. .featured.listing .item .item-info p.addon-rating ,
  7508. .separated-listing .item .item-info p.addon-rating  {
  7509.     position: absolute !important;
  7510.     display: inline-block !important;
  7511.     float: none !important;
  7512.     width: 155px !important;
  7513.     left: 0px !important;
  7514.     top: -40px ! important;
  7515.     padding: 2px ! important;
  7516.     text-align: center !important;
  7517. }
  7518. .separated-listing .item .item-info p.addon-rating  {
  7519.     width: 250px !important;
  7520.     left: 0px !important;
  7521.     top: -9px ! important;
  7522. }
  7523. /* MY COLL (.featured.listing) - RATING - NBR REVIEW - === */
  7524. .featured.listing .item .item-info p.addon-rating a {
  7525.     margin-left: -230px !important;
  7526.     text-decoration: none !important;
  7527. }
  7528.  
  7529. /* (new12) COLL (.separated-listing) - ITEMS - ADDON TITLE + AUTH NAME - === */
  7530. .separated-listing .item h3 {
  7531.     position: relative !important;
  7532.     float: none !important;
  7533.     width: 336px !important;
  7534.     max-height: 35px !important;
  7535.     left: -52px !important;
  7536.     margin-top: -13px ! important;
  7537.     margin-bottom: 28px ! important;
  7538.     padding: 2px 0px 15px 54px !important;
  7539.     border-radius: 5px 5px 0 0 !important;
  7540. }
  7541. /* (new11) COLL (.island #sorter) + (#collections-landing ) - ITEMS - ADDON TITLE + AUTH NAME - === */
  7542. /* (new57) ADAPTATION GM AUTOPAGERIZE */
  7543. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info h3 ,
  7544. .island #sorter + .items .item .info h3 {
  7545.     position: absolute !important;
  7546.     height: 50px !important;
  7547.     min-width: 262px !important;
  7548.     max-width: 262px !important;
  7549.     margin-left: 4px !important;
  7550.     margin-top: -35px ! important;
  7551.     padding: 2px 0px 15px 54px !important;
  7552.     border-radius: 5px 5px 0 0 !important;
  7553.     border: 1px solid gray !important;
  7554.     text-align: center !important;
  7555. }
  7556. /* (new57) */
  7557. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info h3 a:not(.is-webextension) ,
  7558. .island #sorter + .items .item .info h3 a:not(.is-webextension) {
  7559.     display: inline-block ! important;
  7560.     width: 100% ! important;
  7561.     min-width: 255px !important;
  7562.     max-width: 255px !important;
  7563.     margin-left: -35px !important;
  7564.     text-align: center !important;
  7565. }
  7566. .island #pjax-results #sorter + .items .item.addon .info h3 a:not(.is-webextension) {
  7567.     display: inline-block ! important;
  7568.     height: 55px !important;
  7569.     width: 100% ! important;
  7570.     min-width: 274px !important;
  7571.     max-width: 274px !important;
  7572.     margin-left: 24px !important;
  7573.     text-align: center !important;
  7574. }
  7575.  
  7576. /* (new62) SAERCH - WITH "REQUIRE RESTART" -
  7577. .is-restart-required ,
  7578. === */
  7579. .island #pjax-results #sorter + .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required {
  7580.     position: relative !important;
  7581.     display: inline-block !important;
  7582.     height: 20px !important;
  7583.     line-height: 10px !important;
  7584.     width: 60px !important;
  7585.     margin-left: -309px !important;
  7586.     margin-top: -9px !important;
  7587.     padding: 2px 2px !important;
  7588.     font-size: 7px !important;
  7589.     color: white !important;
  7590.     cursor: pointer !important;
  7591. z-index: 1 !important;
  7592.     opacity: 0.4 !important;
  7593.     transition: opacity ease 0.7s ;
  7594. }
  7595. .island #pjax-results #sorter + .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required:hover {
  7596. opacity: 1 !important;
  7597. }
  7598. /* (new62) SAERCH - WITH "REQUIRE RESTART" - GM "AUROPAGERIZE" ADAPTATION */
  7599. .island #pjax-results #sorter ~.autopagerize_page_info ~ .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required {
  7600.     position: absolute ;
  7601.     display: inline-block !important;
  7602.     float: none;
  7603.     width: 60px ;
  7604.     height: 100% !important;
  7605.     min-height: 18px !important;
  7606.     max-height: 18px !important;
  7607.     line-height: 9px !important;
  7608.     top: 40px !important;
  7609.     left: -2px !important;
  7610.     padding: 0px 2px !important;
  7611.     font-size: 7px !important;
  7612.     color: white !important;
  7613.     cursor: pointer !important;
  7614.     z-index: 100 !important;
  7615.     opacity: 0.4 !important;
  7616.     transition: opacity ease 0.7s ;
  7617. }
  7618. .island #pjax-results #sorter ~.autopagerize_page_info ~ .items .item.addon .info h3 a:not(.is-webextension) + .is-restart-required:hover {
  7619. opacity: 1 !important;
  7620. }
  7621.  
  7622. /* (new23) COLL FEATURED - DESCR / RATTING + FOLLOWERS - (authorize description) - === */
  7623. /* (new42) ADAPTATION GM AUTOPAGERIZE */
  7624. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .desc ,
  7625. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items .item .info p.desc ,
  7626. .island #sorter.c.pjax-trigger +.items .item .info p.desc {
  7627.     position: relative ! important;
  7628.     display: inline-block !important;
  7629.     max-height: 50px !important;
  7630.     min-height: 50px !important;
  7631.     width: 100% ! important;
  7632.     min-width: 306px !important;
  7633.     max-width: 306px !important;
  7634.     margin-top: 74px !important;
  7635.     margin-left: -54px !important;
  7636.     padding-top: 4px !important;
  7637.     border: 1px solid gray !important;
  7638.     border-radius: 0 0 5px 5px !important;
  7639.     overflow: hidden !important;
  7640.     overflow-y: auto !important;
  7641. }
  7642. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .desc ,
  7643. #search-facets + .primary .listing.results  #pjax-results  #sorter + .items .item.addon .desc {
  7644.     max-height: 83px !important;
  7645.     min-height: 83px !important;
  7646. }
  7647. .island #sorter.c.pjax-trigger +.items .item .info .vitals.c .followers   {
  7648.     position: absolute !important;
  7649.     right: 95px !important;
  7650.     top: 30px !important;
  7651.     text-align: left !important;
  7652.     color: peru ! important;
  7653. }
  7654.  
  7655. /* COLL (#sorter )(#collections-landing) - === */
  7656. .island #sorter + .items .item .info h3 span.author ,
  7657. #collections-landing + .island .items .item .info h3 span.author {
  7658.     position: absolute !important;
  7659.     display: inline-block !important;
  7660.     min-width: 310px !important;
  7661.     max-width: 310px !important;
  7662.     left: 0px !important;
  7663.     top: 48px !important;
  7664.     padding-right: 4px !important;
  7665.     font-size: 10px !important;
  7666.     color: gray !important;
  7667.     overflow: hidden !important;
  7668.     text-overflow: ellipsis !important;
  7669.     white-space: nowrap !important;
  7670.     text-align: center !important;
  7671. }
  7672. .island #sorter + .items .item .info h3 span.author a ,
  7673. #collections-landing + .island .items .item .info h3 span.author a {
  7674.     color: peru !important;
  7675.     font-size: 12px !important;
  7676. }
  7677.  
  7678.  
  7679. /* (new57) COL -  "SUIVI" - === */
  7680. .listing .item.watching .install-shell .is-watching {
  7681.     position: absolute !important;
  7682.     display: inline-block !important;
  7683.     top: 22px !important;
  7684.     left: 460px !important;
  7685.     padding: 0 2px 0 2px !important;
  7686. border-radius: 3px !important;
  7687.     font-size: 10px !important;
  7688. text-align: center !important;
  7689.     border: 1px solid green !important;
  7690. }
  7691. .collections #page.c section.primary .island.listing .item.watching .install-shell .is-watching {
  7692.     position: absolute !important;
  7693.     display: inline-block !important;
  7694.     top: 23px !important;
  7695.     left: 50px !important;
  7696.     padding: 0 2px 0 2px !important;
  7697.     font-size: 10px !important;
  7698. /*     border: 1px solid violet !important; */
  7699. }
  7700. /* WATCH ICON -
  7701. PB INVALID IMAGE - https://addons.cdn.mozilla.net/media/img/zamboni/icons/collections.png?433f04b
  7702. Change by - https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b
  7703. ==== */
  7704.  
  7705. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch:hover ,
  7706. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch {
  7707.     width: 12px !important;
  7708.     height: 10px !important;
  7709.     left: -310px !important;
  7710.     font-size: 0 !important;
  7711.     background-color: transparent !important;
  7712.     opacity: 0.5 !important;
  7713. }
  7714. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch  {
  7715.     width: 17px !important;
  7716.     height: 13px !important;
  7717.     background-position: -0px -650px !important;
  7718.     background-repeat: no-repeat !important;
  7719.     background-image: url(https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b) !important;
  7720. }
  7721. #sorter.c.pjax-trigger + .items .item .action .install-shell a.watch:hover {
  7722.     background-position: 0 -700px !important;
  7723.     opacity: 1 !important;
  7724. }
  7725.  
  7726. /* :not(:hover) */
  7727. .collections #page.c section.primary .island.listing .item.watching  a.watch:hover ,
  7728. .collections #page.c section.primary .island.listing .item.watching  a.watch  {
  7729.     width: 17px !important;
  7730.     height: 13px !important;
  7731.     background-position: -0px -650px !important;
  7732.     background-repeat: no-repeat !important;
  7733.     background-image: url(https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b) !important;
  7734. /* opacity: 1 !important; */
  7735. visibility: visible !important;
  7736. /* outline: 5px solid tomato !important; */
  7737. }
  7738.  
  7739.  
  7740. /* FOLLOW / Stop FOLLOW" - === */
  7741. #sorter.c.pjax-trigger + .items .item .action .install-shell .is-watching + a.watch.button[href$="/watch"] span {
  7742.     display: inline-block !important;
  7743.     width: 20px !important;
  7744.     margin-left: -5px !important;
  7745. }
  7746. #sorter.c.pjax-trigger + .items .item .action .install-shell .is-watching + a.watch.button[href$="/watch"]:after {
  7747.     content: "stop to follow" ;
  7748.     position: absolute ;
  7749.     width: 75px ;
  7750.     height: 10px ;
  7751.     line-height: 10px ;
  7752.     top: 3px ;
  7753.     margin-left: 4px ;
  7754.     padding: 1px ;
  7755.     border-radius: 3px ;
  7756.     color: transparent ;
  7757.     text-align: center !important;
  7758.     background: transparent ;
  7759. }
  7760. #sorter.c.pjax-trigger + .items .item:not(.watching) .action .install-shell .watch.button:after {
  7761.     content: "follow" ;
  7762.     position: absolute ;
  7763.     width: 75px ;
  7764.     height: 10px ;
  7765.     line-height: 10px ;
  7766.     top: 3px ;
  7767.     margin-left: 4px ;
  7768.     padding: 1px ;
  7769.     border-radius: 3px ;
  7770.     color: transparent ;
  7771.     text-align: center !important;
  7772. }
  7773. #sorter.c.pjax-trigger + .items .item:not(.watching) .action .install-shell .watch.button:hover:after {
  7774.     content: "follow" ;
  7775.     position: absolute ;
  7776.     width: 75px ;
  7777.     height: 10px ;
  7778.     margin-top: -1px ;
  7779.     margin-left: 8px ;
  7780.     padding: 1px ;
  7781.     border-radius: 3px ;
  7782.     font-size: 10px ;
  7783.     color: gold ;
  7784.     background: green ;
  7785. /* outline: 4px solid yellow ; */
  7786. }
  7787. #sorter.c.pjax-trigger + .items .item .action .install-shell .is-watching + a.watch.button[href$="/watch"]:hover:after {
  7788.     content: "stop to follow" ;
  7789.     position: absolute ;
  7790.     width: 75px ;
  7791.     height: 10px ;
  7792.     margin-top: -1px ;
  7793.     margin-left: 4px ;
  7794.     padding: 1px ;
  7795.     border-radius: 3px ;
  7796.     font-size: 10px ;
  7797.     color: gold ;
  7798.     background: red ;
  7799. }
  7800.  
  7801. /* COLL (.separated-listing) + (.featured.listing) - ITEMS - ADDON TITLE - === */
  7802. .section .primary .featured.listing .item h3,
  7803. .section .primary .separated-listing .item h3 {
  7804.     overflow: visible!important;
  7805. }
  7806.  
  7807. .section .primary .featured.listing .item h3>a ,
  7808. .section .primary .separated-listing .item h3>a {
  7809.     position: absolute !important;
  7810.     width: 340px ! important;
  7811.     height: 30px ! important;
  7812.     line-height: 18px !important;
  7813.     margin-left: -22px !important;
  7814.     top: 2px !important;
  7815.     margin-top: 0px !important;
  7816.     margin-bottom: 5px ! important;
  7817.     padding-left: 10px !important;
  7818.     text-align: center !important;
  7819. }
  7820. /* COLL(ALL) (.featured-inner) (.featured.listing) - ITEMS - ICONS - === */
  7821. .featured .featured-inner .item h3 a img.icon  {
  7822.     max-height: 32px !important;
  7823.     min-height: 32px !important;
  7824.     max-width: 32px !important;
  7825.     min-width: 32px !important;
  7826.     margin-left: 5px !important;
  7827.     margin-top: 5px !important;
  7828. }
  7829.  
  7830. /* PB -
  7831. PB search : https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  7832. PB Col de Col :https://addons.mozilla.org/en-US/firefox/collections/decembre/
  7833. COLL(.separated-listing)+ (.featured.listing) - ITEMS - DEV AUTHOR - === */
  7834. .separated-listing .item h3 span {
  7835.     position: relative !important;
  7836.     display: inline-block ! important;
  7837.     width: 387px ! important;
  7838.     height: 15px ! important;
  7839.     line-height: 15px !important;
  7840.     top: -5px !important;
  7841.     left: -54px !important;
  7842.     margin-top: 41px !important;
  7843.     padding-right: 3px !important;
  7844.     text-align: right !important;
  7845. }
  7846. .featured.listing .item h3 span {
  7847.     width: 380px ! important;
  7848.     height: 20px ! important;
  7849.     line-height: 20px !important;
  7850.     margin-top: 30px !important;
  7851.     margin-left: -62px !important;
  7852.     padding-right: 4px !important;
  7853.     color: #5E84B8 !important;
  7854.     overflow: visible !important;
  7855.     text-align: right !important;
  7856. }
  7857.  
  7858. .separated-listing .addon-rating a strong ,
  7859. .featured .addon-rating a strong  {
  7860.     position: absolute !important;
  7861.     display: inline-block ! important;
  7862.     width: 390px ! important;
  7863.     height: 15px ! important;
  7864.     line-height: 15px !important;
  7865.     top: -10px !important;
  7866.     color: #5E84B8 !important;
  7867. }
  7868. .featured .addon-rating a strong  {
  7869.     width: 390px ! important;
  7870. }
  7871. .separated-listing .addon-rating a strong {
  7872.     width: 120px ! important;
  7873.     height: 15px ! important;
  7874.     margin-left: 179px !important;
  7875. }
  7876. .featured .addon-rating a strong span ,
  7877. .separated-listing .addon-rating a strong span {
  7878.     color: #5E84B8 !important;
  7879. }
  7880. /* COLL (.separated-listing) + (.featured.listing) - ITEMS - ADDON ICON - === */
  7881. .listing .item img.icon ,
  7882. .separated-listing .item h3 a img.icon {
  7883.     position: absolute !important;
  7884.     height: 28px ! important;
  7885.     width: 28px ! important;
  7886.     left: -28px !important;
  7887.     top: 0px !important;
  7888.     box-shadow: 0 0 2px #CCCCCC inset!important;
  7889.     background: transparent !important;
  7890. }
  7891. .featured.listing .item h3 a img.icon {
  7892.     top: -6px !important;
  7893.     margin-left: -1px !important;
  7894. }
  7895.  
  7896. /* COLL HOVER (.separated-listing) + (.featured.listing) - ACT BLOCK(WHEN LOGED) - FAV / COLL /SHARE - === */
  7897. .featured.listing .item .item-info .collection_widgets ,
  7898. .separated-listing .item .item-info .collection_widgets {
  7899.     position: absolute !important;
  7900.     width: 70px ! important;
  7901.     left: -136px !important;
  7902.     margin-top: -40px !important;
  7903.     padding: 0px ! important;
  7904.     transform: scale(0.8) !important;
  7905.     opacity: 0.6!important;
  7906. }
  7907. .featured.listing .item .item-info .collection_widgets:hover ,
  7908. .separated-listing .item .item-info .collection_widgets:hover {
  7909.     opacity: 1 !important;
  7910. }
  7911.  
  7912. /* COLL(.separated-listing) - REVIEW NUMB - === */
  7913. .separated-listing .item>.item-info> p.addon-rating a  {
  7914.     position: relative !important;
  7915.     display: inline-block ! important;
  7916.     width: 300px !important;
  7917.     left: 35px !important;
  7918.     margin-left: -230px !important;
  7919.     text-align: left !important;
  7920. }
  7921. /* (new11) COLL (.separated-listing) - SORT ITEMS BY - === */
  7922. .separated-listing form.item-sort {
  7923.     position: absolute !important;
  7924.     display: inline-block ! important;
  7925.     left: -210px !important;
  7926.     margin-top: -2px !important;
  7927.     padding: 1px 10px !important;
  7928.     border-radius: 5px 0px 0 0 !important;
  7929.     background: linear-gradient(#2E89CA, #1B5898) repeat scroll 0 0 #1B5898 !important;
  7930.     color: white ! important;
  7931. }
  7932. .separated-listing form.item-sort select#sortby {
  7933.     padding: 2px 1px 2px 5px !important;
  7934. }
  7935.  
  7936. /* (new35) (ALL) "FEATURED" / "EN VEDETTE" - 90DEG -
  7937. OK US:
  7938. https://addons.mozilla.org/en-US/firefox/extensions/
  7939. PB FR:
  7940. https://addons.mozilla.org/fr/firefox/tag/toolbar
  7941.  
  7942. (new35)PB style:
  7943. https://addons.mozilla.org/fr/firefox/extensions/?sort=users
  7944. === */
  7945. .item.addon .info span.featured {
  7946.     position: absolute ! important;
  7947.     display: inline-block ! important;
  7948.     float: none ! important;
  7949.     transform: rotate(90deg) ! important;
  7950.     max-width: 63px ! important;
  7951.     min-width: 63px ! important;
  7952.     left: 272px ! important;
  7953.     top: 27px ! important;
  7954.     padding: 1px ! important;
  7955.     border-radius: 5px 0 0 0  ! important;
  7956.     font-size: 9.6px  !important;
  7957.     text-transform: capitalize !important;
  7958.     text-align: center ! important;
  7959.     color: #C9C4C4 !important;
  7960.     z-index: 30 !important;
  7961. }
  7962.  
  7963. /* NO RESART INTERNATIONAL SUPPORT - SHORT:
  7964.  fr - af - bn-BD - ca - cs - da - de - es - fi - ga-IE - hu - id - it -
  7965. ja - ko - mk - mn - nl - pl - ro - ru - sk - sl - sv-SE - uk - vi - zh-CN - zh-TW
  7966. === */
  7967. html[lang="zh-TW"] span.featured ,
  7968. html[lang="zh-CN"] span.featured ,
  7969. html[lang="vi"] span.featured ,
  7970. html[lang="uk"] span.featured ,
  7971. html[lang="sv-SE"] span.featured ,
  7972. html[lang="sl"] span.featured ,
  7973. html[lang="sk"] span.featured ,
  7974. html[lang="ru"] span.featured ,
  7975. html[lang="ro"] span.featured ,
  7976. html[lang="pl"] span.featured ,
  7977. html[lang="nl"] span.featured ,
  7978. html[lang="mn"] span.featured ,
  7979. html[lang="mk"] span.featured ,
  7980. html[lang="ko"] span.featured ,
  7981. html[lang="ja"] span.featured ,
  7982. html[lang="it"] span.featured ,
  7983. html[lang="id"] span.featured ,
  7984. html[lang="hu"] span.featured ,
  7985. html[lang="fi"] span.featured ,
  7986. html[lang="ga-IE"] span.featured ,
  7987. html[lang="fi"] span.featured ,
  7988. html[lang="es"] span.featured ,
  7989. html[lang="de"] span.featured ,
  7990. html[lang="da"] span.featured ,
  7991. html[lang="cs"] span.featured ,
  7992. html[lang="ca"] span.featured ,
  7993. html[lang="bn-BD"] span.featured ,
  7994. html[lang="af"] span.featured ,
  7995. html[lang="fr"] span.featured {
  7996. /*     top: 21px ! important; */
  7997. }
  7998.  
  7999.  
  8000. /* NO RESART INTERNATIONAL SUPPORT - MEDIUM:
  8001. bg -
  8002. === */
  8003. html[lang="bg"] span.featured {
  8004.     max-width: 68px ! important;
  8005.     min-width: 68px ! important;
  8006.     top: 20px ! important;
  8007. }
  8008.  
  8009. /* NO RESART INTERNATIONAL SUPPORT - LARGE:
  8010. el - eu - pt-BR - pt-PT - sq -  
  8011. === */
  8012. html[lang="sq"] span.featured ,
  8013. html[lang="pt-PT"] span.featured ,
  8014. html[lang="pt-BR"] span.featured ,
  8015. html[lang="eu"] span.featured ,
  8016. html[lang="el"] span.featured {
  8017.     max-width: 88px ! important;
  8018.     min-width: 88px ! important;
  8019.     top: 32px ! important;
  8020.     margin-left: 545px ! important;
  8021. }
  8022.  
  8023.  
  8024.  
  8025. /* ==== BLOCKQUOTES ==== */
  8026.  
  8027. /* (new8) COLL(.separated-listing) - ITEMS - BLOCKQUOTE CONT - === */
  8028. .separated-listing blockquote {
  8029.     position: absolute !important;
  8030.     display: inline-block ! important;
  8031.     width: 373px !important;
  8032.     height: 84px !important;
  8033.     line-height: 17px ! important;
  8034.     margin-left: -50px !important;
  8035.     top: 75px !important;
  8036.     padding: 22px 5px 0px 5px ! important;
  8037.     border: 1px solid gray !important;
  8038.     border-radius: 0 0 5px 5px  !important;
  8039.     text-indent: 20px !important;
  8040.     z-index: 0 !important;
  8041. }
  8042. .separated-listing blockquote>div {
  8043.     margin-top: -3px !important;
  8044.  
  8045. }
  8046. .item>blockquote>div:first-letter {
  8047.     color: lightslategray !important;
  8048.     font-size: 18px !important;
  8049. }
  8050. .separated-listing blockquote>div>br {
  8051.     display: none ! important;
  8052. }
  8053. /* (new8) COLL(.separated-listing) - ITEMS - NBR DOWNLOAD -
  8054. https://addons.mozilla.org/fr/firefox/collections/decembre/f3f38bb8-db89-66a9-5d25-159878/
  8055. for
  8056. === */
  8057. .backup-button.install-wrapper:not(.hidden) ~ .downloads ,
  8058. .separated-listing .item .item-info p.downloads {
  8059.     position: absolute !important;
  8060.     display: inline-block !important;
  8061.     right: 0 !important;
  8062.     top: -7px !important;
  8063.     text-overflow: ellipsis !important;
  8064.     white-space: nowrap !important;
  8065.     overflow: hidden !important;
  8066. }
  8067. .backup-button.install-wrapper:not(.hidden) ~ .downloads {
  8068.     top: 48px !important;
  8069. }
  8070.  
  8071. /* (new34) SEARCH / MY COLL  (.featured.listing) - BLOCKQUOTE CONT -
  8072. VOIR : :not(:empty) ???
  8073. OK:
  8074. https://addons.mozilla.org/en-US/firefox/collections/mine/
  8075. PB:
  8076. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  8077. https://addons.mozilla.org/en-US/firefox/search-tools/?sort=created
  8078. === */
  8079. .featured.listing .featured-inner .item .item-info + h3 + blockquote {
  8080.     position: absolute !important;
  8081.     width: 367px !important;
  8082.     height: 46px ! important;
  8083.     line-height: 13px ! important;
  8084.     margin-left: -49px !important;
  8085.     margin-top: -10px !important;
  8086.     padding: 2px 5px 0px 5px ! important;
  8087.     border: 1px solid gray ! important;
  8088.     border-radius: 0 0 5px 5px ! important;
  8089.     overflow: hidden ! important;
  8090.     overflow-y: auto! important;
  8091.     color: peru !important;
  8092. }
  8093. /* (new12) */
  8094. .featured.listing .featured-inner #addon-list-options.listing-header ~ .item  h3 +  .item-info + blockquote:not(:empty) {
  8095.     position: absolute !important;
  8096.     width: 367px !important;
  8097.     height: 56px ! important;
  8098.     line-height: 14px ! important;
  8099.     margin-left: -49px !important;
  8100.     margin-top: 10px !important;
  8101.     padding: 2px 5px 0px 5px ! important;
  8102.     border: 1px solid gray ! important;
  8103.     border-radius: 0 0 5px 5px ! important;
  8104.     overflow: visible ! important;
  8105.     overflow-y: auto! important;
  8106.     color: peru !important;
  8107. }
  8108. .featured.listing blockquote>div>br {
  8109.     display: none ! important;
  8110. }
  8111. /* (new8) COLL - BLOCKQUOTE - COLLECTOR NOTE + ICON "âš  " HOVER - SUPP TXT "Note collector" - === */
  8112. .collector-note>strong {
  8113.     display: none !important;
  8114. }
  8115. /* (new8) COLLECTOR - NOTE CONTAINER*/
  8116. blockquote.collector-note  {
  8117.     display: inline-block !important;
  8118.     height: 18px ! important;
  8119.     width: 12px !important;
  8120.     top: 74px ! important;
  8121.     left: 52px ! important;
  8122.     border-radius: 3px ! important;
  8123.     color: transparent ! important;
  8124.     overflow: hidden ! important;
  8125.     overflow-y: hidden ! important;
  8126.     overflow-x: hidden ! important;
  8127.     z-index: 50000 ! important;
  8128. /* background-color: rgba(255, 0, 0, 0.21) ! important; */
  8129. }
  8130. blockquote.collector-note:hover  {
  8131.     display: inline-block !important;
  8132.     width: 370px ! important;
  8133.     height: 105px ! important;
  8134.     top: 76px ! important;
  8135.     left: 51px ! important;
  8136.     padding: 0px 5px 0px 10px ! important;
  8137.     overflow: hidden ! important;
  8138.     overflow-y: auto ! important;
  8139.     overflow-x: auto ! important;
  8140. /*    z-index: 500 ! important;*/
  8141.     font-size: 13px ! important;
  8142.     border: 1px dotted peru !important;
  8143.     color: peru ! important;
  8144.     background-color: #333333 ! important;
  8145.     z-index: 500000 ! important;
  8146. }
  8147.  
  8148. /* (new63) COLLECTOR NOTE ICON - COMMENT ANIMATED - FAVION.com + "â–º" on hover - === */
  8149. blockquote.collector-note::before  {
  8150.     position: absolute !important;
  8151.     display: inline-block ;
  8152.     content: "🗨"  !important;
  8153.     width: 20px !important;
  8154.     height: 100% ;
  8155.     height: 20px !important;
  8156.     line-height: 20px !important;
  8157. top: 18px !important;
  8158. left: -23px ;
  8159.     opacity: 0.6 !important;
  8160.     font-size: 20px !important;
  8161.     color: gold !important;
  8162. background-color: #222 !important;
  8163. }
  8164. /* (COR - PB background) */
  8165. blockquote.collector-note:hover:before {
  8166.     position: relative ;
  8167.     display: inline-block ;
  8168.     content: "â–º" !important;
  8169.     max-width: 1px ;
  8170.     min-width: 1px ;
  8171.     height: 15px ;
  8172.     top: 2px !important;
  8173.     margin-left: -1px ;
  8174.     left: -18px ;
  8175.     padding: 0px  ;
  8176.     font-size: 22px !important;
  8177.     color: gold ;
  8178.     background: -moz-linear-gradient(center bottom , #2A4187 0px, #3B69B1 100%) repeat scroll 0 0 transparent ;
  8179.     border-radius: 5px ;
  8180.     opacity: 1 ;
  8181. }
  8182.  
  8183. /* ((new70) ALL) - ADDON SEARCH(BY SELECT ITEM IN MENU) - CONT BLOCK - "Vedet / Popu / Notés" -
  8184. https://addons.mozilla.org/en-US/firefox/extensions/
  8185. === */
  8186. .s-featured .secondary + .primary .island.hero ,
  8187. .s-users .secondary + .primary .island.hero ,
  8188. .s-rating .secondary + .primary .island.hero {
  8189.     width: 1690px !important;
  8190.     height: 812px !important;
  8191.     left: -510px !important;
  8192.     top: 20px !important;
  8193. }
  8194.  
  8195.  
  8196. /* (new41) ADDON (Featured Extension)  - CONT BLOCK - "Vedet / Popu / Notés" -
  8197. https://addons.mozilla.org/en-US/firefox/extensions/?page=3
  8198. PB : https://addons.mozilla.org/fr/firefox/extensions/download-management/?sort=users
  8199. PB : https://addons.mozilla.org/fr/firefox/extensions/
  8200. === */
  8201. .listing .item.incompatible .install-shell .install,
  8202. .listing .item.incompatible .install-shell br {
  8203.     display: inline-block !important;
  8204. }
  8205. .secondary + .primary #breadcrumbs + h1 +.island.hero.c.listing:not(.results) {
  8206.     display: inline-block !important;
  8207.     width: 100% !important;
  8208.     min-width: 1668px !important;
  8209.     max-width: 1668px !important;
  8210.     min-height: 795px !important;
  8211.     max-height: 795px !important;
  8212.     margin-left: 0px !important;
  8213.     top: -30px !important;
  8214. }
  8215. /* (new39) GM AUTOPAGERIZE */
  8216. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items  ,
  8217. .secondary + .primary #breadcrumbs + h1 +.island.hero.c.listing:not(.results) .items {
  8218.     position: relative !important;
  8219.     display: inline-block !important;
  8220.     max-height: 790px !important;
  8221.     min-height: 790px !important;
  8222.     min-width: 1663px !important;
  8223.     max-width: 1663px !important;
  8224.     top: -11px !important;
  8225.     overflow: hidden !important;
  8226.     overflow-x: hidden !important;
  8227.     overflow-y: hidden!important;
  8228. }
  8229. #page.c section.primary .island.listing:not(.results) #sorter + .items + .autopagerize_page_separator +  .autopagerize_page_info ~ .items {
  8230.     position: relative !important;
  8231.     display: inline-block !important;
  8232.     overflow: hidden !important;
  8233.     overflow-x: hidden !important;
  8234.     overflow-y: hidden!important;
  8235. }
  8236. #page.c section.primary .island.listing:not(.results) #sorter + .items ~ .autopagerize_page_separator {
  8237.     margin-top: -75px !important;
  8238. }
  8239. #page.c section.primary .island.listing:not(.results) #sorter + .items ~ .autopagerize_page_separator + .autopagerize_page_info {
  8240.     margin-bottom: 19px !important;
  8241.     margin-top: 0px !important;
  8242. }
  8243.  
  8244. #page.c section.primary #breadcrumbs + h1 + .island .items .item.addon .action .install-shell .d2c-reasons-popup.popup +.extra span.notavail {
  8245.     position: absolute !important;
  8246.     display: inline-block !important;
  8247.     line-height: 6px !important;
  8248.     min-height: 6px !important;
  8249.     margin-top: -22px !important;
  8250.     left: -150px !important;
  8251.     white-space: nowrap!important;
  8252.     opacity: 0.5!important;
  8253. }
  8254.  
  8255. /* (new43)NO RESTART - CF: INTERNATIONAL -
  8256. PB NO RESTART - SELECTOR Different:
  8257. https://addons.mozilla.org/fr/firefox/tag/toolbar
  8258. === */
  8259. #page.c section.primary #breadcrumbs+h1+ .island .items .item.addon .info .no-restart {
  8260.     position: absolute !important;
  8261.     display: inline-block !important;
  8262.     max-width: 80px !important;
  8263.     line-height: 7px !important;
  8264.     height: 16px !important;
  8265.     margin-top: -17px !important;
  8266.     left: -4px !important;
  8267.     top: 86px !important;
  8268.     padding: 1px 3px !important;
  8269.     border-radius: 3px !important;
  8270.     font-size: 9px !important;
  8271.     color: #C6C1C1 !important;
  8272.     text-transform: capitalize !important;
  8273.     background-color: #895522 !important;
  8274. }
  8275. /* (new43) INTERNATIONAL "NO RESTART" - LONG - PAS DE REDEMARRAGE - FR:
  8276. https://addons.mozilla.org/fr/firefox/tag/toolbar
  8277. === *
  8278. /* (new43) INTERNATIONAL "NO RESTART" - SHORT - "NO RESTART" - US -
  8279. https://addons.mozilla.org/en-US/firefox/extensions/
  8280. === */
  8281. html[lang="en-US"] #page.c section.primary #breadcrumbs+h1+ .island .items .item.addon .info .no-restart {
  8282.     line-height: 16px !important;
  8283. }
  8284.  
  8285.  
  8286. /* (new23) ADDON SEARCH(ALL) + COLL(FIRST PRESENT) - COLUMN - ==== */
  8287. #pjax-results #sorter.c.pjax-trigger +  .items {
  8288.     width: 1700px !important;
  8289. }
  8290.  
  8291. /* SEARCH (.listing #pjax-results) - INST BUTT - PB AUTOPAGER - === *
  8292. .listing #pjax-results .items .item .action .install-shell .install p.install-button   {
  8293.     position: absolute !important;
  8294.     display: inline-block !important;
  8295.     width: 320px !important;
  8296.     top: -122px !important;
  8297.     left: -7px !important;
  8298.     text-align: center !important;
  8299.     visibility: visible !important;
  8300.     background: transparent ! important;
  8301. }
  8302. /* SEARCH (.listing #pjax-results) - RESULT - CONT - === */
  8303. .listing #pjax-results .items .item.addon {
  8304.     top: -15px ! important;
  8305.  
  8306. }
  8307.  
  8308. /* [[2]]END ==== MOZ ADDON  ==== */
  8309.  
  8310. /* [[3]] ==== GENERAL ==== */
  8311.  
  8312.  
  8313. /* (new38) COLL/THEMES(ALL) - TITTLE - === */
  8314. #main-wrapper .section .header-bg +.primary {
  8315.     background: #222 !important;
  8316. }
  8317. .primary>header>h2  {
  8318.     position: relative !important;
  8319.     display: inline-block !important;
  8320.     width: 400px !important;
  8321.     margin-top: -12px !important;
  8322.     top: 15px !important;
  8323.     margin-left: 135px !important;
  8324.     font-size: 24px !important;
  8325.     text-align: center !important;
  8326. }
  8327.  
  8328. /* ==== FOOTER (MOVED TOP RIGHT) ===== */
  8329.  
  8330. /* (new63) FOOTER POSITION - MOVE TOP RIGHT (USE HOVER) - === */
  8331. #footer {
  8332.     position: absolute !important;
  8333.     display: inline-block !important;
  8334.     min-width: 45px !important;
  8335.     max-width: 45px !important;
  8336.     height: 45px !important;
  8337.     bottom: 0px !important;
  8338.     top: 5px !important;
  8339.     right: 2px !important;
  8340.     padding: 0 0 5px !important;
  8341.     border-radius: 0 0 0 8px !important;
  8342.     border: 1px solid red !important;
  8343.     overflow: hidden !important;
  8344.     opacity: 0.3 !important;
  8345.     z-index: 50000 ! important;
  8346.     transition: all ease 0.9s !important;
  8347. }
  8348. #footer:hover {
  8349.     position: absolute !important;
  8350.     display: inline-block !important;
  8351.     min-width: 281px !important;
  8352.     max-width: 281px !important;
  8353.     height: 448px !important;
  8354.     bottom: 0px !important;
  8355.     top: 5px !important;
  8356.     right: 5px !important;
  8357.     padding: 0 0 5px;
  8358.     z-index: 50000 ! important;
  8359.     overflow: hidden !important;
  8360.     opacity: 1 !important;
  8361.     border: 1px solid red !important;
  8362.     background: #333 !important;
  8363.     transition: all ease 0.1s !important;
  8364. }
  8365. #footer .section {
  8366.     position: relative;
  8367.     min-width: 272px !important;
  8368.     max-width: 272px !important;
  8369.     height: 348px !important;
  8370.     margin: 0 auto;
  8371. }
  8372.  
  8373. /* LOGO */
  8374. .footerlogo {
  8375.     position: absolute !important;
  8376.     display: inline-block !important;
  8377.     width: 30px !important;
  8378.     right: 235px !important;
  8379.     margin-top: 62px !important;
  8380.     z-index: 50000 ! important;
  8381.     visibility: visible !important;
  8382.     opacity: 1 !important;
  8383.     transition: all ease 0.1s !important;
  8384. }
  8385. #footer:hover .section .footerlogo ,
  8386. .footerlogo:hover {
  8387.     position: absolute !important;
  8388.     display: inline-block !important;
  8389.     width: 43px !important;
  8390.     right: 39px !important;
  8391.     margin-top: 65px !important;
  8392.     z-index: 50000 ! important;
  8393.     opacity: 1 !important;
  8394.     transition: all ease 0.4s !important;
  8395. }
  8396.  
  8397. .footerlogo + #social-footer {
  8398.     display: inline-block !important;
  8399.     width: 279px !important;
  8400.     height: 65px !important;
  8401.     margin-left: 0px !important;
  8402.     margin-top: 2px !important;
  8403.     padding: 65px 5px 5px 5px !important;
  8404.     background: black ! important;
  8405.     opacity: 1 !important;
  8406. }
  8407.  
  8408. /* LANGUE CHOICE */
  8409. #footer:hover #footer-content {
  8410.      margin-top: -246px !important;
  8411. }
  8412. #footer:hover #lang_form {
  8413.      position: relative !important;
  8414.      display: inline-block !important;
  8415.      float: none !important;
  8416.      width: 177px !important;
  8417.      top: -52px !important;
  8418.      margin-left: 0px !important;
  8419.      margin-bottom: 200px !important;
  8420.      text-align: left !important;
  8421. }
  8422. #footer:hover  #lang_form label  {
  8423.      margin-top: -4px !important;
  8424.      margin-bottom: -1px !important;
  8425.      font-size: 13px !important;
  8426. }
  8427. /* COPYRIGHT */
  8428. #footer #copyright {
  8429.      clear: none;
  8430.      width: 262px !important;
  8431.      margin-left: 0 !important;
  8432.      margin-right: 0 !important;
  8433.      padding-top: 10px !important;
  8434.      border-radius: 3px !important;
  8435.      background: black !important;
  8436. }
  8437. /* FOOTER LINKS - TOP */
  8438. #footer .links-footer {
  8439.      position: relative !important;
  8440.      display: inline-block !important;
  8441.      height: 90px !important;
  8442.      width: 100% !important;
  8443.      min-width: 272px !important;
  8444.      max-width: 272px !important;
  8445.      margin-top: 50px !important;
  8446.      margin-left: -2px !important;
  8447.      font-size: 18px;
  8448.      font-style: italic;
  8449.      border-radius: 5px 5px 0 0 !important;
  8450.      border: 1px solid gray !important;
  8451. }
  8452. #footer:hover .links-footer {
  8453.      margin-top: 40px !important;
  8454. }
  8455.  
  8456. #footer:hover .links-footer ul {
  8457. /*     position: fixed !important; */
  8458.     display: inline-block !important;
  8459.     height: 120px !important;
  8460.     width: 100% !important;
  8461.     min-width: 278px !important;
  8462.     max-width: 278px !important;
  8463. }
  8464. #footer:hover .links-footer ul li {
  8465.     display: inline-block !important;
  8466.     vertical-align: middle;
  8467.     height: 15px !important;
  8468.     line-height:10px !important;
  8469.     width: 128px;
  8470.     font-size: 14px !important;
  8471.     text-align: center;
  8472. }
  8473. #footer:hover .links-footer ul li:not(:first-child) {
  8474.     display: inline-block !important;
  8475.     vertical-align: middle;
  8476.     height: 15px !important;
  8477.     line-height: 15px !important;
  8478.     width: 47% !important;
  8479.     margin-left: 3px !important;
  8480.     margin-right: -5px !important;
  8481.     text-align: center !important;
  8482.     border-radius: 3px !important;
  8483.     border: 1px solid red !important;
  8484. }
  8485. #footer:hover .links-footer ul li:first-child {
  8486.     display: inline-block !important;
  8487.     height: 15px !important;
  8488.     line-height: 10px !important;
  8489.     width: 273px !important;
  8490.     margin-top: -4px !important;
  8491.     margin-bottom: 0px !important;
  8492.     font-size: 14px !important;
  8493. }
  8494. #footer:hover .links-footer ul li.footer-devhub-link {
  8495.     width: 96% !important;
  8496. }
  8497. #footer .links-footer ul li b {
  8498.     display: inline-block !important;
  8499.     height: 15px !important;
  8500.     line-height: 18px !important;
  8501.     text-transform: uppercase;
  8502.     font-size: 14px !important;
  8503. }
  8504.    
  8505. /* (COR background) (new65) FOOTER LINKS - GO TO MOBILE (NEW DESIGN) (Move to top Right) - ===*/
  8506. #footer #footer-content .mobile-link {
  8507.      position: fixed !important;
  8508.      display: inline-block !important;
  8509.      width: 100% !important;
  8510.      min-width: 45px !important;
  8511.      max-width: 45px !important;
  8512.      height: 100% !important;
  8513.      min-height: 37px !important;
  8514.      max-height: 37px !important;
  8515.      line-height: 10px !important;
  8516.      top: 8px !important;
  8517.      right: 5px !important;
  8518.      border-radius: 5px !important;
  8519.      border: 1px solid #45F4F1 !important;
  8520.      font-size: 0px !important;
  8521.      z-index: 500000 !important;
  8522.  
  8523.      background: center url(https://addons.mozilla.org/favicon.ico?v=1) no-repeat !important;
  8524.      background-size: contain !important;  
  8525.      opacity: 1 !important;
  8526.      transform: scale(0.5) !important;
  8527. }
  8528. /* (COR) */
  8529.  #footer:hover  #footer-content .mobile-link {
  8530.      position: fixed !important;
  8531.      display: inline-block !important;
  8532.      width: 100% !important;
  8533.      min-width: 45px !important;
  8534.      max-width: 45px !important;
  8535.      height: 100% !important;
  8536.      min-height: 40px !important;
  8537.      max-height: 40px !important;
  8538.      line-height: 15px !important;
  8539.      top: 5px !important;
  8540.      right: 5px !important;
  8541.      font-size: 0px !important;
  8542.      background: center url(https://addons.mozilla.org/favicon.ico?v=1) no-repeat !important;
  8543.      background-size: contain !important;
  8544. /*     transform: scale(0.5) !important;*/   
  8545.      transform: scale(0.7) !important;
  8546. }
  8547.  
  8548.     #footer:hover  #footer-content .mobile-link:before {
  8549.      position: absolute !important;
  8550.      content: "Go to the New Site (For Mobile) " ;
  8551.      display: inline-block ;
  8552.      width: 100% !important;
  8553.      min-width: 100px !important;
  8554.      max-width: 100px !important;
  8555.      height: 42px !important;
  8556.      line-height: 20px !important;
  8557.      right: 24px !important;
  8558.      border-radius: 5px 0 0 5px !important;
  8559.      font-size: 15px !important;
  8560.      color: white !important;
  8561.      text-align: center !important;
  8562.      background: #19AEAC !important;
  8563.      z-index: 0 !important;
  8564.         opacity: 0 !important;
  8565.      transition: all ease 0.7s !important;
  8566. }
  8567.  #footer:hover  #footer-content .mobile-link:hover:before {
  8568.      position: absolute !important;
  8569.      content: "Go to the New Site (For Mobile) " ;
  8570.      display: inline-block ;
  8571.      width: 100% !important;
  8572.      min-width: 200px !important;
  8573.      max-width: 200px !important;
  8574.      height: 42px !important;
  8575.      line-height: 20px !important;
  8576.      right: 42px !important;
  8577.      border-radius: 5px 0 0 5px !important;
  8578.      font-size: 20px !important;
  8579.      color: white !important;
  8580.      text-align: center !important;
  8581.      background: #19AEAC !important;
  8582.      z-index: 0 !important;
  8583.      opacity: 1 !important;
  8584.      transition: all ease 0.7s !important;
  8585. }
  8586. /* FOOTER LINKS - MIDDLE */
  8587. #footer:hover .links-footer-firefox {
  8588.     display: inline-block !important;
  8589.     width: 100% !important;
  8590.     min-height: 150px !important;
  8591.     margin-bottom: 0px !important;
  8592.     margin-left: -2px !important;
  8593.     margin-top: 0px !important;
  8594.     padding-right: 20px !important;
  8595.     font-size: 14px;
  8596.     border-radius: 0 0 5px 5px !important;
  8597.     border: 1px solid gray !important;
  8598. }
  8599. #footer:hover .links-footer-firefox  ul {
  8600.     display: inline-block !important;
  8601.     height: 150px !important;
  8602.     width: 100% !important;
  8603.     min-width: 274px !important;
  8604.     max-width: 274px !important;
  8605. }
  8606. #footer:hover .links-footer-firefox  ul li:not(:first-child) {
  8607.     display: inline-block !important;
  8608.     vertical-align: middle;
  8609.     height: 15px !important;
  8610.     line-height: 15px !important;
  8611.     width: 93% !important;
  8612.     margin-left: 3px !important;
  8613.     margin-right: 0px !important;
  8614.     text-align: center !important;
  8615.     border-radius: 3px !important;
  8616.     border: 1px solid red !important;
  8617. }
  8618. #footer:hover .links-footer-firefox  ul li:first-child {
  8619.     display: inline-block !important;
  8620.     height: 15px !important;
  8621.     line-height: 10px !important;
  8622.     width: 273px !important;
  8623.     margin-top: 2px !important;
  8624.     margin-bottom: 0px !important;
  8625.     font-size: 14px !important;
  8626. }
  8627. /* FOOTER - SOCIAL  */
  8628. #social-footer ul li:first-child {
  8629.     display: inline-block !important;
  8630.     font-size: 17px !important;
  8631.     line-height: 17px !important;
  8632.     width: 128px !important;
  8633.     margin-top: -125px !important;
  8634.     text-align: left !important;
  8635. }
  8636. #social-footer ul li b {
  8637.     position: relative !important;
  8638.     display: inline-block !important;
  8639.     top: -17px !important;
  8640.     margin-left: 110px !important;
  8641.     font-family: MetaBlack;
  8642.     font-size: 15px !important;
  8643.     font-style: normal;
  8644.     text-transform: uppercase;
  8645. }
  8646. #social-footer ul li {
  8647.     display: inline-block !important;
  8648.     vertical-align: middle;
  8649.     width: 220px !important;
  8650.     height: 20px !important;
  8651.     line-height: 15px !important;
  8652.     margin-top: -77px !important;
  8653.     text-align: center;
  8654.     font-size: 15px !important;
  8655. }
  8656. #social-footer ul li:first-child + li {
  8657.     margin-left: -133px !important;
  8658. }
  8659. #social-footer ul li a {
  8660.     display: inline-block !important;
  8661.     width: 220px !important;
  8662.     height: 18px !important;
  8663.     line-height: 18px !important;
  8664.     background: #1b5898 linear-gradient(#2e89ca, #1b5898) repeat scroll 0 0 !important;
  8665. }
  8666.  
  8667.  
  8668. .footerlogo + #social-footer + #footer-content {
  8669.     width: 278px !important;
  8670.     margin-top: 0px !important;
  8671. /* opacity: 0.1 !important; */
  8672. }
  8673.  
  8674. #footer #copyright {
  8675.     clear: none;
  8676.     width: 265px;
  8677.     margin-left: 2px;
  8678.     padding: 0 5px !important;
  8679. }
  8680.  
  8681. /* (new43) INTERNATIONAL - LANG SELECTOR - HIGHLIGHT SOME - === */
  8682. select#language {
  8683.     color: #5e84b8 !important;
  8684. /* color: red !important; */
  8685. }
  8686. #language option[value="fr"],
  8687. #language option[value="en-gb"],
  8688. #language option[value="en-us"] {
  8689.      color: green !important;
  8690. }
  8691.  
  8692. #language option[value="zh-tw"],
  8693. #language option[value="zh-cn"],
  8694. #language option[value="sk"],
  8695.  
  8696. #language option[value="ru"],
  8697. #language option[value="en-gb"],
  8698. #language option[value="pt-pt"],
  8699. #language option[value="pt-br"],
  8700. #language option[value="it"],
  8701. #language option[value="he"],
  8702.  
  8703. #language option[value="es"],
  8704. #language option[value="ar"] {
  8705.     color: red !important;
  8706. }
  8707.  
  8708. /* (new44) - ADDON PAGE - (ALL) - ADDI INFOS - HOVER SUMM(desc/icon) - === */
  8709. .hovercard.addon:hover {
  8710.     position: relative !important;
  8711.     display: inline-block !important;
  8712.     float: none !important;
  8713.     width: 170px ! important;
  8714.     left: 19px !important;
  8715.     margin-left: 29px !important;
  8716.     margin-top: 8px !important;
  8717.     padding: 5px 5px 10px 5px !important;
  8718.     background: black !important;
  8719.     z-index: 5000 ! important;
  8720. }
  8721.  
  8722.  
  8723. /* (new58) TEST - ADDON PAGE -  AUTHOR ADDITIONALS ADONS - DESCRIPTION HOVER - === */
  8724. /* #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .summary ,
  8725. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more   */
  8726. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover {
  8727.     position: relative !important;
  8728.     display: inline-block !important;
  8729.     background: black !important;
  8730.     z-index: 5000 ! important;
  8731. }
  8732. /* (new43) */
  8733. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover {
  8734.     padding-bottom: 20px ! important;
  8735.     height: 337px ! important;
  8736.     box-shadow: none!important;
  8737. }
  8738. /* (new43) */
  8739. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .summary {
  8740.     height: 45px ! important;
  8741.     background: black !important;
  8742.     transition: background ease 0.7s !important;
  8743. }
  8744. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .summary  {
  8745.     position: relative!important;
  8746.     display: inline-block!important;
  8747.     height: 57px ! important;
  8748.     width: 164px !important;
  8749.     margin-bottom: 3px !important;
  8750.     margin-top: -5px !important;
  8751.     margin-left: -5px !important;
  8752.     padding-top: 4px ! important;
  8753.     padding-bottom: 0px ! important;
  8754.     box-shadow: none!important;
  8755.     background: #222 !important;
  8756.     transition: background ease 0.7s !important;
  8757.     z-index: 500 !important;
  8758. }
  8759.  
  8760. .hovercard.addon:hover::before {
  8761.     box-shadow: none !important;
  8762.     z-index: 5000 ! important;
  8763. }
  8764.  
  8765.  
  8766. /* (new58) */
  8767. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more {
  8768.     display: inline-block ! important;
  8769.     height: 289px ! important;
  8770.     width: 170px !important;
  8771. margin-bottom: 0px ! important;
  8772.     margin-left: -5px !important;
  8773. padding: 0px 5px 5px 5px !important;
  8774. overflow: hidden ;
  8775. overflow-y: auto ;
  8776. /* background: red !important; */
  8777. }
  8778. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell {
  8779. float: left ;
  8780. /* clear: both !important; */
  8781. margin-top: 0px !important;
  8782. }
  8783.  
  8784. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell > .install p a  {
  8785.     display: inline-block !important;
  8786.     min-width: 163px !important;
  8787.     text-align: center !important;
  8788. }
  8789.  
  8790. /* ADDON PAGE - ADDI INFOS - HOVER SUMM(desc/icon) -  PART COLL - === */
  8791. #collections-grid .listing-grid.c.cols-3 li:last-of-type .hovercard.addon:hover {
  8792.     width: 370px ! important;
  8793. }
  8794. /* FEATURED / RECOMMD COLL */
  8795. .hovercard.addon a .summary p.desc {
  8796.     display: inline-block ! important;
  8797.     width: 170px ! important;
  8798.     min-height: 60px ! important;
  8799.     max-height: 60px ! important;
  8800.     margin-top: -4px !important;
  8801.     margin-left: -10px ! important;
  8802.     padding: 2px !important;
  8803.     color: #666666 !important;
  8804.     overflow: hidden ! important;
  8805.     white-space: normal !important;
  8806. }
  8807.  
  8808.  
  8809. /* (new8) ADDON PAGE -  FEATURED / RECOMMD COLL  */
  8810. /* .listing-grid .hovercard .install-shell */
  8811. #author-addons .listing-grid .hovercard .more > .install-shell {
  8812.     margin-top: -8px !important;
  8813.     z-index: 2000 !important;
  8814. }
  8815. .listing-grid .hovercard .install-shell .extra:last-child {
  8816.     margin-bottom: -10px !important;
  8817.     margin-top: 10px !important;
  8818. }
  8819. /* .hovercard.addon .more p.install-button:first-child  */
  8820. #author-addons .listing-grid .hovercard .more > .install-shell > .install  p.install-button a {
  8821.     position: absolute !important;
  8822.     display: inline-block !important;
  8823.     max-width: 140px !important;
  8824.     min-width: 140px !important;
  8825.     top: 0px !important;
  8826.     left: 0px !important;
  8827.     text-align: center !important;
  8828. }
  8829.  
  8830. /* FEATURED / RECOMMD COLL - NO TRAVAIL */
  8831. .listing-grid .hovercard .install-shell .extra span.notavail {
  8832.     position: relative !important;
  8833.     display: inline-block !important;
  8834.     max-width: 165px !important;
  8835.     min-width: 165px !important;
  8836.     left: -5px !important;
  8837.     text-align: center !important;
  8838. }
  8839.  
  8840. /* (new58) ADDON PAGE - AUTHOR ADDON - LEFT -
  8841. https://addons.mozilla.org/fr/firefox/addon/toolbar-buttons/?src=search
  8842. === */
  8843. /* #author-addons .listing-grid .hovercard .more  {
  8844.     padding: 20px 14px 8px 12px !important;
  8845.     position: relative !important;
  8846.     margin-left: 8px !important;
  8847. } */
  8848.  
  8849.  
  8850. /* #author-addons .listing-grid .hovercard .more > .install-shell  */
  8851. #author-addons .listing-grid .hovercard .more > .install-shell {
  8852.     margin-bottom: 20px !important;
  8853.     margin-top: -15px !important;
  8854. /*     padding-bottom: 40px !important; */
  8855. }
  8856.  
  8857. #author-addons .listing-grid .hovercard .more > .install-shell > .install  {
  8858.     display: inline-block !important;
  8859. float: left !important;
  8860.     max-width: 173px !important;
  8861.     min-width: 173px !important;
  8862.     max-height: 25px !important;
  8863.     min-height: 25px !important;
  8864.     left: 5px !important;
  8865.     margin-top: 20px !important;
  8866. }
  8867. #author-addons .listing-grid .hovercard .more > .install-shell > .install p.install-button  {
  8868.     display: inline-block !important;
  8869. float: left ;
  8870. width: 100% !important;
  8871.     max-width: 173px !important;
  8872.     min-width: 173px !important;
  8873.     max-height: 25px !important;
  8874.     min-height: 25px !important;
  8875. /*     left: 5px !important; */
  8876.     top: -15px !important;
  8877. }
  8878.  
  8879. #author-addons .listing-grid .hovercard .install-shell + .addon-summary {
  8880.     position: relative !important;
  8881.     display: inline-block !important;
  8882. float: left !important;
  8883.     width: 170px ;
  8884. /* line-height: 16px; */
  8885. /* top: -17px !important; */
  8886. }
  8887.  
  8888. /* EXTRA INFOS */
  8889. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell .extra {
  8890.     width: 170px !important;
  8891. float: left !important;
  8892. height: 5px !important;
  8893. left: 0px ;
  8894. margin-top: -7px !important;
  8895. padding: 5px !important;
  8896. /* white-space: nowrap; */
  8897. overflow: hidden;
  8898. /* text-overflow: ellipsis ; */
  8899. }
  8900. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .more .install-shell .extra:hover {
  8901. height: auto !important;
  8902. }
  8903.  
  8904. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .more .install-shell .extra .button.disabled {
  8905. height: auto !important;
  8906.     width: 170px !important;
  8907. margin-top: -7px !important;
  8908. padding: 0 ;
  8909. padding: 0 5px !important;
  8910. overflow: hidden;
  8911. text-overflow: ellipsis ;
  8912. }
  8913. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon .more .install-shell .extra:hover .button.disabled:hover {
  8914.     width: 170px !important;
  8915. height: 100% !important;
  8916. }
  8917. #related.secondary.metadata.c + section.primary > section#author-addons section li .hovercard.addon:hover .more .install-shell .extra .button.disabled span.more-versions {
  8918. float: left !important;
  8919.     width: 160px !important;
  8920. padding: 5px !important;
  8921. margin-left: -8px !important;
  8922. }
  8923. #author-addons .listing-grid .hovercard .install-shell + .addon-summary + .byline {
  8924. float: left !important;
  8925.     width: 156px ;
  8926. }
  8927. #author-addons .listing-grid .hovercard  .more .vitals {
  8928. float: left ;
  8929.     width: 156px ;
  8930.  
  8931. }
  8932. #author-addons .listing-grid .hovercard .install-shell .notavail {
  8933.     position: relative !important;
  8934.     display: inline-block !important;
  8935.     max-width: 165px !important;
  8936.     min-width: 165px !important;
  8937.     text-align: center !important;
  8938. }
  8939.  
  8940.  
  8941. /* ======= */
  8942.  
  8943. /* [[3]]END ==== MOZ ADDON/THEME (GENERAL) ==== */
  8944.  
  8945.  
  8946. /* [[4]] ==== MOZ ADDON/THEME - LINKS COLOR (GENERAL) ==== */
  8947.  
  8948. /* A VOIR ==== MOZ - LINKS / TEXTES - COLOR #B7B0B0  ==== */
  8949.  
  8950. a:link {
  8951.     color: #CCA438!important;
  8952.     text-decoration: none;
  8953. }
  8954. a:visited {
  8955.     color: #A37F51!important;
  8956.     text-decoration: none;
  8957. }
  8958. a:hover, a:focus, a:active, button.link:hover span, button.link:focus span, button.link:active span {
  8959.     color: #D55E0F!important;
  8960.     text-decoration: none!important;
  8961. }
  8962. /*(ALL) LINKS GRAY - === */
  8963.  
  8964. 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 {
  8965.     color: gray !important;
  8966. }
  8967. /* LINKS === */
  8968. a {
  8969. color: #0040ff !important;
  8970. color:  #CCDCE4 !important;
  8971. }
  8972. /* LINKS VISITED === */
  8973. a:visited {
  8974.     color: #C4962E !important;
  8975.     text-decoration: none;
  8976. }
  8977. /* LINKS - HOVER -
  8978. .site-title a:hover,
  8979. .site-title a:focus
  8980. === */
  8981. a:hover,
  8982. a:focus {
  8983.     color: #5E84B8!important;
  8984.     text-shadow: none !important;
  8985. }
  8986.  
  8987. /* ==== LINKS COLOR - CORREC SPEC LINKS -===== */
  8988.  
  8989. /* LINKS COLOR - ADDON PRESENTATION PAGE - VERSION /REALIZE INFOS - === */
  8990. #detail-relnotes.expando .info h3 a {
  8991.     color: gray ! important;
  8992.     text-decoration: none ! important;
  8993. }
  8994. /* LINKS - HOVER - TWEAK - === */
  8995. #sorter > ul > li.extras ul {
  8996.     background: #222222 !important;
  8997.     z-index: 200000 !important;
  8998. }
  8999. #sorter > ul > li.extras ul {
  9000.     background: #222222 !important;
  9001.     z-index: 200000 !important;
  9002. }
  9003.  
  9004. /* PERSO - TITLES / TEXT - COLOR - (#BEB5B5) GRAY LIGHT - ==== */
  9005. #addon.island .install-wrapper .install-shell .install p.install-button a.button span,
  9006. #addon.island .banner-box .banner ,
  9007. .billboard table caption ,
  9008. #features li ,
  9009. #main-feature .preamble ,
  9010. h1,
  9011. h2,
  9012. h3,
  9013. h4,
  9014. h5,
  9015. h6,
  9016. legend,
  9017. .huge,
  9018. .large {
  9019.     color: #BEB5B5 !important;
  9020.     text-shadow: none !important;
  9021. }
  9022. /* LINKS COLOR(ALL) - ITEMS H3 - BLUE - === */
  9023. .info>h3>a ,
  9024. .item>h3>a {
  9025.     color: #5E84B8 !important;
  9026.     text-decoration: none !important;
  9027. }
  9028. .info>h3>a:visited ,
  9029. .item h3 a:visited {
  9030.     color: #51B4EA ! important;
  9031.     text-decoration: none ! important;
  9032. }
  9033. .info>h3>a:hover ,
  9034. .item h3 a:hover{
  9035.     color: #99CFEB ! important;
  9036.     text-decoration: none ! important;
  9037. }
  9038. .info>h3>a:hover:visited ,
  9039. .item h3 a:hover:visited {
  9040.     color: red ! important;
  9041.     text-decoration: none ! important;
  9042. }
  9043.  
  9044. /* (new57) */
  9045. .addon.hovercard .summary>a>h3  {
  9046.     color: peru !important;
  9047.     text-decoration: none !important;
  9048. }
  9049. .addon.hovercard .summary>a:visited>h3  {
  9050.     color: tan !important;
  9051.     text-decoration: none !important;
  9052. }
  9053. /* TEXT COLOR - INSTALL BUTTON and "+" icon - === */
  9054. /* (new70) OK */
  9055. .button.prominent.add.installer>span ,
  9056. #page.c section.primary #addon.island .install-wrapper .install-shell .install p.install-button a.button span {
  9057. color: white ! important;
  9058.     text-decoration: none ! important;
  9059. }
  9060. .button.add.disabled span,
  9061. .button.add.concealed span,
  9062. .button.add.caution.concealed span {
  9063. /* background-position: 0 -61px; */
  9064. /* background-position: 0 -189px ! important; */
  9065. /* 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; */
  9066. }
  9067.  
  9068. .listing-grid .hovercard .button.disabled span,
  9069. .listing-grid .hovercard .button.concealed span {
  9070. /* background-position: 0 -61px; */
  9071.     background-position: -1px -192px ! important;
  9072. }
  9073.  
  9074. /*(new8) BORDER - === */
  9075. .listing .item .info,
  9076. .listing .item .action {
  9077.     border-top: none !important;
  9078. }
  9079.  
  9080.  
  9081. /* [[4]]END ==== MOZ ADDON/THEME - LINKS COLOR (GENERAL) ==== */
  9082.  
  9083.  
  9084. /* [[5]] ==== MOZ ADDON/THEME - BACKGROUND COLOR (GENERAL) ==== */
  9085.  
  9086.  
  9087. /* [[5a]] ==== BACKGROUND ( + BACK-COLOR) - #222222 ====
  9088.     border: 2px solid #3E3E3E !important;
  9089. === */
  9090.  
  9091.  
  9092. /* COLLECTIONS - BACKGOUD COLOR - #333333 - ==== */
  9093. /* MOZ - BACKGROUND-COLOR - #333333 - === -
  9094. #masthead,
  9095. === */
  9096. .highlight ,
  9097. .section .primary .featured ,
  9098. .addons li > a,
  9099. #article-nav,
  9100. #blogBg,
  9101. .boilerplate,  
  9102. .boxed,
  9103. #breadcrumbs,
  9104. .breadcrumbs,  
  9105. .catlinks,
  9106. #catlinks,
  9107. #colophon,
  9108. #deki-page-alerts,
  9109. .download,
  9110. #endpage,
  9111. .facet,
  9112. /* fieldset, */
  9113. /*footer,  */
  9114. #footer-wrap,
  9115. #footer .six-col,  
  9116. #go-mobile > div,
  9117. h2.end-user-support,  
  9118. #header,
  9119. #header h1,
  9120. header#intro,  
  9121. #home-feature,
  9122. #home-content-top,
  9123. #home-content-nav,
  9124. .key-point:after,
  9125. .key-point,
  9126. li.hover,
  9127. .listing .item,
  9128. .listing-header,
  9129. #localnav,
  9130. .main-content,
  9131. #main-content,
  9132. #main-nav ul li,
  9133. .menu-nav ul li ul,  
  9134. .menu-nav > ul > li:hover > a,
  9135. .menu-nav > ul > li > ul a,
  9136. .menu-nav > ul > li:hover:after,
  9137. #monthly > div,
  9138. .navbar,
  9139. #nav-toolbar,
  9140. .notice,
  9141. .object-lead,
  9142. #outer-wrapper,
  9143. .pager-content-padding,
  9144. .page-toc,
  9145. .page-meta section,
  9146. #pg-wrap,
  9147. .previews,
  9148. .previews .control.prev,
  9149. .previews .control.next,
  9150. .project,  
  9151. .secondary li a.selected,
  9152. .secondary li a:hover,
  9153. .sel,  
  9154. .sidebar,
  9155. #site-nav > ul > li:hover:after,
  9156. #sub-footer,
  9157. .tabzilla-opened,
  9158. #tabzilla-promo,
  9159. #tabzilla-panel,
  9160. ul#nav,
  9161. ul#nav:after,
  9162. ul#posts li,
  9163. ul#side-explore li.s-users em a,
  9164. ul#side-explore li.s-featured em a,
  9165. .uni-download,
  9166. #uni-footer,
  9167. #uni-header,
  9168. #uni-subheader,
  9169. .wrap,
  9170. #wrapper {
  9171.     background-color: #333333 !important;
  9172. }
  9173.  
  9174.  
  9175. #page.c section.primary .island,
  9176. .section .primary .separated-listing {
  9177.     background-color: #333333 !important;
  9178. }
  9179. /* PERSO - HIGHTLIGHTING - BACKGROUND - #333333 > to transparent - === */
  9180. .collector-note,
  9181. .header-search input,
  9182. input#q ,
  9183. .listing .contribute,
  9184. .performance-note,
  9185. pre,
  9186. .separated-listing .contribute,
  9187. textarea {
  9188.     background: #333333 !important;
  9189.     background: transparent !important;
  9190. }
  9191.  
  9192.  
  9193. /* [[5b]] ==== (ALL) BACKGROUD + ( + BACK-COLOR) - #222222 - ==== */
  9194. .hovercard:hover,
  9195. html ,
  9196. #footer ,
  9197. .billboard ,
  9198. .entry-comments ,
  9199. #nav-primary ,
  9200. #main-content ,
  9201. #masthead h2 ,
  9202. #mozilla-blog #page ,
  9203. .moz-support
  9204. .nav-paging ,
  9205. .wp-caption {
  9206.     background: #222222 !important;
  9207.     background-color: #222222 !important;
  9208. }
  9209.  
  9210.  
  9211. /* [[5c]] ==== BACKRRGOUD + ( + BACK-COLOR) - #222222 - ==== */
  9212.  
  9213. .island ,
  9214. .items .item ,
  9215. .separated-listing .item-sort.go ~ .item ,
  9216. .moz-support ,
  9217. .section .primary .featured.listing .item {
  9218.     background: #222222 !important;
  9219.     background-color: #222222 !important;
  9220.     border: 1px solid red !important;
  9221. }
  9222. #related + .primary.island.c {
  9223.     background: #222222 !important;
  9224.     background-color: #222222 !important;
  9225.     box-shadow: none !important;
  9226.     border: none !important;
  9227. }
  9228. /* BACKGOUND BLACK - ADDON PAGE) - === */
  9229. .hovercard:hover .more ,
  9230. .hovercard.collection:hover .more ,
  9231. .hovercard.addon:hover .icon ,
  9232. .hovercard.addon:hover .summary {
  9233.     background: black !important;
  9234.     background-color: black !important;
  9235.  
  9236. }
  9237.  
  9238. /* [[5d]] ==== BACKGROUD GRADIENT - DARCK/GRAY ==== */
  9239.  
  9240. /* COLL (.featured.listing)  - COLL TITLE + CREATHOR NAME - === */
  9241. /* .featured.listing .item h3 {
  9242.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent ! important;
  9243. } */
  9244. /* COLL (.separated-listing) - ITEMS - ADDON TITLE + AUTH NAME - === */
  9245. .separated-listing .item h3 {
  9246.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent ! important;
  9247. }
  9248.  
  9249. /* (new42) (ALL) COLL - PRESENT(.collections-landing)+ (.island #sorter) - ITEMS - TITLE + AUTH NAME - === */
  9250. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator + .autopagerize_page_info ~ .items .item .info h3 ,
  9251. .island #sorter + .items .item .info h3 ,
  9252. #collections-landing + .island .items .item .info h3 {
  9253.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent ! important;
  9254. }
  9255.  
  9256. /* (ALL) ADDON SEARCH - ADDON ICON - === */
  9257. .items .item h3 img {
  9258.     background: linear-gradient(to bottom, #131313 0%, #333333 0%, #111111 63%, #000000 98%) repeat scroll 0 0 transparent !important;
  9259. }
  9260.  
  9261. /* COLL (.featured.listing) - LIKE ICONS - === */
  9262. .featured .featured-inner .item .item-info ul li .barometer  {
  9263.     background: -moz-linear-gradient(center top , #414141 40%, rgba(37, 38, 38, 0.99) 60%) repeat scroll 0 0 transparent !important;
  9264. }
  9265.  
  9266. /* (new61) SEARCH - ADDON RAT - ADPT GM AUROPAGERIZE - === */
  9267. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info .vitals ,
  9268. #pjax-results #sorter.c.pjax-trigger +  .items .info .vitals {
  9269.     background: linear-gradient(to bottom, #5B5B5B 0%, #343232 0%, #100E0E 63%, #090101 98%) repeat scroll 0 0 transparent !important;
  9270. }
  9271. #search-facets  + .primary .listing.results.island.hero.c #pjax-results .autopagerize_page_separator +  .autopagerize_page_info ~  .items .item.addon .info .vitals {
  9272.     left: 5px !important;
  9273.     top: 47px !important;
  9274. }
  9275.  
  9276. /* (new8) COLL (.separated-listing) /(.featured.listing) - ITEMS - RAT BLOCK -
  9277. PB (1 rating mal placé) - https://addons.mozilla.org/en-US/firefox/collections/allexxandra/81aadfe6-7227-26a8-109e-1bc78b/?page=1
  9278.  
  9279. https://addons.mozilla.org/fr/firefox/collections/decembre/f3f38bb8-db89-66a9-5d25-159878/?page=2 :
  9280. .separated-listing .item .item-info p.addon-rating
  9281. === */
  9282. .featured.listing .item .item-info p.addon-rating   {
  9283.     background: black !important;
  9284. }
  9285. /* COLL(.featured-inner) - BAROMETER- === */
  9286. .featured-inner .meta ul li .barometer {
  9287.     background: black !important;
  9288. }
  9289.  
  9290. /* (new41) - (COR - PB 4 background) - ADDON PAGE INFO - PREVIEW BLOCK -
  9291. NO PREV / NEXT SCREENSHOTS :
  9292. https://addons.mozilla.org/fr/firefox/addon/yet-another-smooth-scrolling/?src=collection&collection_id=534c7891-700f-40e9-8cfa-ba02d483241c
  9293. === */
  9294. .previews .control.prev {
  9295.     margin-left: 16px !important;
  9296.     background: -moz-linear-gradient(left center , #000000 50%, rgba(45, 44, 44, 0.36)) repeat scroll 0 0 transparent !important;
  9297. }
  9298.  
  9299. .previews .control.next {
  9300.     background: -moz-linear-gradient(left center , rgba(45, 44, 44, 0.36), #000000 50%) repeat scroll 0 0 transparent !important;
  9301. }
  9302. .previews {
  9303.     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;
  9304. }
  9305.  
  9306. .previews .control.prev.disabled  ,
  9307. .previews .control.next.disabled {
  9308.     display: none !important;
  9309. }
  9310.  
  9311. /* [[5e]] ==== BACKGROUD BACKGROUND + IMAGE - === */
  9312. .sky #outer-wrapper ,
  9313. .sky#outer-wrapper  ,
  9314. .sky #outer-wrapper:after ,
  9315. #featured-addons.featured.personas {
  9316.     background: #222222  ! important;
  9317. }
  9318.  
  9319. /* BACKGROUND - NONE IMAGE - === */
  9320. #outer-wrapper ,
  9321. .plugin-status-container .shadow-separator ,
  9322. #wrapper ,
  9323. .sand #outer-wrapper{
  9324.     background: none !important;
  9325. }
  9326.  
  9327. /* (new35) TESTT - LEFT SIDE BAR - EXPLORE - BACKGROUD -
  9328. https://addons.mozilla.org/fr/firefox/extensions/appearance/
  9329. === */
  9330. nav#side-nav ul {
  9331.     background-color: #222 !important;
  9332. }
  9333. nav#side-nav  h2 {
  9334.     background-color: #333 !important;
  9335. }
  9336.  
  9337. nav#side-nav  li em a ,
  9338. nav#side-nav  li a ,
  9339. nav#side-nav  li {
  9340.     background-color: #222 !important;
  9341. }
  9342.  
  9343. /* TOP EXPLORER */
  9344. nav#side-nav  li.s-featured ,
  9345. nav#side-nav  li.s-users ,
  9346. nav#side-nav  li.s-rating {
  9347.     height: 25px !important;
  9348.     line-height: 25px !important;
  9349.     margin-left: 5px !important;
  9350.     margin-bottom: 5px !important;
  9351.     border-left: 2px solid #cca438  !important;
  9352.     background-color: transparent !important;
  9353. }
  9354. nav#side-nav  li.s-featured em ,
  9355. nav#side-nav  li.s-users em  ,
  9356. nav#side-nav  li.s-rating em   {
  9357.     min-height: 15px !important;
  9358.     max-height: 15px !important;
  9359.     line-height: 15px !important;
  9360.     background-color: #222 !important;
  9361.     background-color: red !important;
  9362. }
  9363. nav#side-nav  li.s-featured em a ,
  9364. nav#side-nav  li.s-users em a ,
  9365. nav#side-nav  li.s-rating em a  {
  9366.     height: 15px !important;
  9367.     line-height: 15px !important;
  9368.     margin-left: 5px !important;
  9369.     background-color: #222 !important;
  9370. }
  9371.  
  9372. /* (new46) LEFT SIDEBAR -
  9373. https://addons.mozilla.org/en-US/firefox/
  9374. ==== */
  9375. .firefox.moz-header-slim.home  #page .secondary.shift-secondary {
  9376.     display: inline-block !important;
  9377.     height: 100% !important;
  9378.     height: 900px !important;
  9379.     bottom: 50px !important;
  9380.     padding: 10px 7px 30px 7px !important;
  9381. /*     outline: 1px solid violet !important; */
  9382. }
  9383. /* (new46) LEFT SIDEBAR - EXPLORE - 1th - === */
  9384. .secondary.shift-secondary ul#side-explore {
  9385.     margin-bottom: 3px !important;
  9386. }
  9387.  
  9388. /* (new46) LEFT SIDEBAR - CATEGORIES - 2th - === */
  9389. .secondary.shift-secondary ul#side-categories {
  9390.     display: inline-block !important;
  9391.     height: auto !important;
  9392.     width: 243px !important;
  9393.     margin-bottom: 28px;
  9394. }
  9395. #side-categories li {
  9396.     height: 20px !important;
  9397.     line-height: 17px !important;
  9398. }
  9399. #side-categories li:hover {
  9400.     height: 25px !important;
  9401.     line-height: 13px !important;
  9402.     border: 1px solid #0996f8 !important;
  9403.     background-color: red !important;
  9404. }
  9405.  
  9406. .secondary nav li a:after {
  9407.     height: 20px !important;
  9408.     line-height: 17px !important;
  9409.     font-size: 30px !important;
  9410.     color: gold !important;
  9411. }
  9412. .secondary nav li:hover a:after {
  9413.     height: 25px !important;
  9414.     line-height: 13px !important;
  9415.     color: #0996f8 !important;
  9416. }
  9417.  
  9418. /* (new46) LEFT SIDEBAR - MOST POPULAR - 3th - === */
  9419. .secondary.shift-secondary + #homepage #popular-extensions.secondary {
  9420.     position: absolute !important;
  9421.     display: inline-block !important;
  9422.     width: 243px !important;
  9423.     height: auto !important;
  9424.     left: -655px !important;
  9425.     top: 400px !important;
  9426.     margin-bottom: 0px !important;
  9427.     bottom: -67px !important;
  9428.     background: #222 !important;
  9429. }
  9430. .secondary.shift-secondary + #homepage #popular-extensions.secondary .toplist li {
  9431.     height: 37px !important;
  9432.     line-height: 20px !important;
  9433. }
  9434.  
  9435. /* THEMES (.featured-inner.themes) -  TOP BACKGROUND IMAGE - === */
  9436. #featured-addons.personas-home .featured-inner.themes {
  9437.     background-attachment: scroll;
  9438.     background-clip: padding-box !important;
  9439.     background-color: #222222 !important;
  9440.     background-image: none !important;
  9441.     background-origin: inherit;
  9442.     background-position: -82px -50px !important;
  9443.     background-repeat: no-repeat;
  9444.     background-size: 110% auto;
  9445. }
  9446. /* (new24) (ALL) THEMES (.personas-home) - HEADER PRESENT - TOP - === */
  9447. #featured-addons.featured.personas-home {
  9448.     background: transparent !important;
  9449.     border: none !important;
  9450.     outline: none !important;
  9451. }
  9452.  
  9453. /* BORDER - === */
  9454. .island > section  {
  9455.     border: none !important;
  9456. }
  9457.  
  9458. /* [[5]]END ==== MOZ ADDON/THEME - BACKGROUND COLOR (GENERAL) ==== */
  9459.  
  9460.  
  9461. /* [[6]] ==== MOZ ADDON/THEME - BUTTONS (GENERAL) ==== */
  9462.  
  9463.  
  9464.  
  9465.  
  9466.  
  9467.  
  9468. /* (COR)BUTTON -
  9469. PRINCIPAL BUT INST INFOS PAGE : .button.prominent
  9470. === */
  9471.  
  9472. a.button.caution:link,
  9473. a.button.caution:visited,
  9474. button.caution,
  9475. input.caution[type="submit"],
  9476. input.caution[type="button"] {
  9477.     border-color: #AA7700;
  9478.     box-shadow: none !important;
  9479.     text-shadow: none !important;
  9480.     color: #333333;
  9481. /*    text-shadow: 0 1px 0 #FFE56B;*/
  9482.     background: linear-gradient(#D1D4D7, #C1C5CA) repeat scroll 0 0 #C1C5CA;
  9483. }
  9484.  
  9485.  
  9486.  
  9487.  
  9488. /* (new42) A VOIR - (ALL)ADDON - TXT "NOT TESTED" / "PAS TESTE" - PAGE ADDON -
  9489. https://addons.mozilla.org/fr/firefox/addon/bittorrent-surf-beta/?src=collection&collection_id=1f2d9350-1cb4-5767-2011-4e9bf849ea94
  9490. === */
  9491. .install.unreviewed strong {
  9492.     color: #CCA438 !important;
  9493.     left: 22px !important;
  9494.     position: absolute !important;
  9495.     top: -46px !important;
  9496. }
  9497. /* (ALL)ADDON - TXT "NOT TESTED" / "PAS TEST" - COLL -
  9498. https://addons.mozilla.org/en-US/firefox/collections/decembre/1f2d9350-1cb4-5767-2011-4e9bf8/?page=36
  9499. === */
  9500. .install.unreviewed.clickHijack>strong{
  9501.     color: #CCA438 !important;
  9502.     left: -22px !important;
  9503.     position: absolute !important;
  9504.     top: 6px !important;
  9505. }
  9506.  
  9507. /* (new42) A VOIR - (ALL) - ADDON INCOMPAT (HOVER) - INFOS ADDON - TXT"dispo + Support" - === */
  9508. .listing .item .extra .notsupported {
  9509.     position: absolute !important;
  9510.     display: inline-block !important;
  9511.     width: 110px !important;
  9512.     height:  8px !important;
  9513.     line-height: 8px !important;
  9514.     left: 3px !important;
  9515.     bottom: 5px !important;
  9516.     text-align: center !important;
  9517.     color: red !important;
  9518.     opacity: 0.3 !important;
  9519. }
  9520. .listing .item:hover .extra .notsupported {
  9521.     opacity: 1 !important;
  9522. }
  9523.  
  9524. /* (new42) A VOIR - ADDON PAGE /recomm - EXTRA - TXT "Not available for ...") -
  9525. https://addons.mozilla.org/en-US/thunderbird/collections/decembre/xpi-see/
  9526. === */
  9527. .install-shell .extra {
  9528.     position: relative !important;
  9529.     display: inline-block !important;
  9530. }
  9531. .install-shell .extra span {
  9532.      color: red !important;
  9533. }
  9534.  
  9535.  
  9536. /* (new42) OK - ADDON INFOS PAGE -  INST BUTT - EXTRA - TXT "Not available for ...") - HOVER -
  9537. https://addons.mozilla.org/en-US/thunderbird/addon/adblock-edge/?src=collection&collection_id=f5354696-2cce-440a-b20e-8b39e29ceda3
  9538. === */
  9539. .android .install-shell .extra,
  9540. #addon>#addon-summary + .install-wrapper .install-shell .extra {
  9541.     position: absolute !important;
  9542.     display: inline-block!important;
  9543.     height: 15px !important;
  9544.     line-height: 13px !important;
  9545.     width: 190px !important;
  9546.     top: 12px !important;
  9547.     left: 0px !important;
  9548.     padding: 0px 2px !important;
  9549.     border-radius: 5px !important;
  9550.     background: rgba(0, 0, 0, 0.3) !important;
  9551. }
  9552.  
  9553.  
  9554. .android .install-shell .extra > span,
  9555. #addon>#addon-summary + .install-wrapper .install-shell .extra > span {
  9556. position: absolute !important;
  9557.     display: inline-block !important;
  9558.     min-width: 190px !important;
  9559.     max-width: 190px !important;
  9560.     max-height: 10px !important;
  9561.     line-height: 0px !important;
  9562.     padding: 1px 5px ! important;
  9563.     border-radius: 4px ! important;
  9564.     background-color : transparent !important;
  9565.     font-size: 15px !important;
  9566.     color: red !important;
  9567.     text-overflow: ellipsis !important;
  9568.     white-space: nowrap !important;
  9569.     overflow: hidden !important;
  9570.     z-index: 200 !important;
  9571.     opacity: 0.3 !important;
  9572. }
  9573. .android .install-shell .extra > span.button.disabled.not-available  ,
  9574. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled.not-available  ,
  9575. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled ,
  9576. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.notavail  {
  9577.     display: inline-block !important;
  9578.     min-width: 190px !important;
  9579.     max-width: 190px !important;
  9580.     min-height: 15px !important;
  9581.     max-height: 15px !important;
  9582.     line-height: 10px !important;
  9583.     left: -1px !important;
  9584.     margin-top: 0px !important;
  9585.     text-align: left ! important;
  9586.     text-indent: 12px !important;
  9587.     font-size: 10px !important;
  9588.     color: white !important;
  9589.     white-space: nowrap !important;
  9590.     overflow: hidden !important;
  9591.     text-overflow: ellipsis !important;
  9592.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9593.     opacity: 0.3 !important;
  9594.     transition: width ease 1s ,height ease 0.7s , opacity ease 1.5s !important;
  9595. }
  9596. .android .install-shell .extra > span.button.disabled.not-available:hover ,
  9597. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled.not-available:hover ,
  9598. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.disabled:hover ,
  9599. #addon>#addon-summary + .install-wrapper .install-shell .extra > span.button.notavail:hover {
  9600.     display: inline-block !important;
  9601.     min-width: 190px !important;
  9602.     max-width: 190px !important;
  9603.     height: 15px !important;
  9604.     line-height: 12px !important;
  9605.     min-height: 55px !important;
  9606.     max-height: 55px !important;
  9607.     left: -1px !important;
  9608.     margin-top: -17px !important;
  9609.     text-align: left ! important;
  9610.     text-indent: 12px !important;
  9611.     font-size: 10px !important;
  9612.     color: white !important;
  9613.     white-space: normal !important;
  9614.     overflow: visible !important;
  9615.     text-overflow: ellipsis !important;
  9616.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9617.     opacity: 1 !important;
  9618. }
  9619.  
  9620. /* (new68) ANDROID */
  9621. .android .island.hero.c.listing  .items  .install-shell .extra  {
  9622.     min-width: 20px !important;
  9623.     max-width: 20px !important;
  9624.     top: -22px !important;
  9625. }
  9626.  
  9627.  
  9628. .android  .listing-grid.c.cols-3 li .addon.hovercard .more .install-shell .extra > span.button.disabled.not-available ,
  9629. .android .island.hero.c.listing  .items  .install-shell .extra > span.button.disabled.not-available   {
  9630.     position: absolute !important;
  9631.     display: inline-block !important;
  9632.     min-width: 15px !important;
  9633.     max-width: 15px !important;
  9634. z-index: 500000 !important;
  9635. }
  9636. .android  .listing-grid.c.cols-3 li .addon.hovercard .more .install-shell .extra > span.button.disabled.not-available:hover ,
  9637. .android .island.hero.c.listing  .items  .install-shell .extra > span.button.disabled.not-available:hover {
  9638.     display: inline-block !important;
  9639.     min-width: 190px !important;
  9640.     max-width: 190px !important;
  9641.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9642.     opacity: 1 !important;
  9643. }
  9644.  
  9645. .android  .listing-grid.c.cols-3 li .addon.hovercard .more .install-shell .extra  {
  9646.     position: absolute !important;
  9647.     display: inline-block !important;
  9648.     min-width: 20px !important;
  9649.     max-width: 20px !important;
  9650.     top: -70px !important;
  9651. left: -18px !important;
  9652. }
  9653. .android  .install-shell .extra + .extra  {
  9654.     top: -10px !important;
  9655.     left: 0px !important;
  9656. /* background: gold !important; */
  9657. }
  9658.  
  9659. /* (new42) OK - INST BUTT - TXT "NOT AVAIBLE ..." - ICON -
  9660. .item-info .extra .button.disabled
  9661. OK:
  9662. COLL
  9663. ==== */
  9664. /* (new43) A VOIR - COLL PAGES -  INST BUTT - EXTRA - TXT "Not available for ...") - HOVER -
  9665. https://addons.mozilla.org/en-US/thunderbird/collections/decembre/xpi-see/
  9666. === */
  9667. .separated-listing .item .item-info .install-shell .extra {
  9668.     position: relative !important;
  9669.     display: inline-block !important;
  9670.     max-width: 50px !important;
  9671.     min-width: 50px !important;
  9672.     top: -30px !important;
  9673.     left: -164px ! important;
  9674. }
  9675. .item-info .extra > span {
  9676.     position: absolute !important;
  9677.     display: inline-block !important;
  9678.     min-width: 55px !important;
  9679.     max-width: 55px !important;
  9680.     max-height: 10px !important;
  9681.     line-height: 0px !important;
  9682.     padding: 1px 5px ! important;
  9683.     border-radius: 4px ! important;
  9684.     background-color : transparent !important;
  9685.     font-size: 15px !important;
  9686.     color: red !important;
  9687.     text-overflow: ellipsis !important;
  9688.     white-space: nowrap !important;
  9689.     overflow: hidden !important;
  9690.     z-index: 200 !important;
  9691.     opacity: 0.3 !important;
  9692. }
  9693.  
  9694. .item-info .extra span.button.disabled.not-available ,
  9695. .item-info .extra span.button.disabled ,
  9696. .item-info .extra span.button.notavail {
  9697.     display: inline-block !important;
  9698.     min-width: 15px !important;
  9699.     max-width: 15px !important;
  9700.     min-height: 15px !important;
  9701.     max-height: 15px !important;
  9702.     line-height: 10px !important;
  9703.     left: -1px !important;
  9704.     margin-top: -17px !important;
  9705.     text-align: left ! important;
  9706.     text-indent: 12px !important;
  9707.     font-size: 0px !important;
  9708.     color: white !important;
  9709.     white-space: nowrap !important;
  9710.     overflow: hidden !important;
  9711.     text-overflow: ellipsis !important;
  9712.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9713.     opacity: 0.3 !important;
  9714.     transition: width ease 1s ,height ease 0.7s , opacity ease 1.5s !important;
  9715. }
  9716.  
  9717. .item-info .extra span.button.disabled.not-available:hover ,
  9718. .item-info .extra span.button.disabled:hover ,
  9719. .item-info .extra span.button.notavail:hover {
  9720.     display: inline-block !important;
  9721.     min-width: 135px !important;
  9722.     max-width: 135px !important;
  9723.     height: 15px !important;
  9724.     line-height: 12px !important;
  9725.     min-height: 55px !important;
  9726.     max-height: 55px !important;
  9727.     left: -1px !important;
  9728.     margin-top: -17px !important;
  9729.     text-align: left ! important;
  9730.     text-indent: 12px !important;
  9731.     font-size: 10px !important;
  9732.     color: white !important;
  9733.     white-space: normal !important;
  9734.     overflow: visible !important;
  9735.     text-overflow: ellipsis !important;
  9736.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9737.     opacity: 1 !important;
  9738. }
  9739.  
  9740. /* (new42) ADDON INCOMPAT (HOVER) - INFOS ADDON - DISPO MORE VERSION (HOVER)- === */
  9741. .item-info .extra span:hover .more-versions {
  9742.     position: absolute !important;
  9743.     max-height: 20px !important;
  9744.     min-height: 20px !important;
  9745.     bottom: 0px !important;
  9746.     left: 0 !important;
  9747. }
  9748. .item-info .extra span:hover .more-versions a {
  9749.     color: peru !important;
  9750. }
  9751.  
  9752. /* (new43) ADDON - EXTRA INFOS - SEARCH PAGE-
  9753. https://addons.mozilla.org/en-US/firefox/search/?q=icon&appver=46.0&platform=windows
  9754. === */
  9755. #pjax-results .extra {
  9756.     display: inline-block !important;
  9757.     width: 100% !important;
  9758.     min-width: 15px !important;
  9759.     max-width: 15px !important;
  9760.     min-height: 15px !important;
  9761.     max-height: 15px !important;
  9762.     left: -208px !important;
  9763.     top: -39px !important;
  9764.     overflow: hidden !important;
  9765. /* border: 1px solid violet !important; */
  9766. }
  9767. #pjax-results .extra:hover {
  9768.     display: inline-block !important;
  9769.     width: 100% !important;
  9770.     min-width: 85px !important;
  9771.     max-width: 85px !important;
  9772.     left: -138px !important;
  9773.     top: -39px !important;
  9774.     overflow: visible !important;
  9775. }
  9776.  
  9777. #pjax-results .extra span {
  9778.     display: inline-block !important;
  9779.     float: none !important;
  9780.     width: 100% !important;
  9781.     min-width: 15px !important;
  9782.     max-width: 15px !important;
  9783.     min-height: 15px !important;
  9784.     max-height: 15px !important;
  9785.     line-height: 10px !important;
  9786.     padding: 0 !important;
  9787.     text-align: left ! important;
  9788.     text-indent: 12px !important;
  9789.     font-size: 0px !important;
  9790.     white-space: nowrap !important;
  9791.     overflow: hidden !important;
  9792.     text-overflow: ellipsis !important;
  9793.     background: url("https://static.addons.mozilla.net/static/img/impala/no.png?f10b6fb") no-repeat scroll left top black !important;
  9794.     opacity: 0.5 !important;
  9795.     color: white !important;
  9796.     transition: width ease 1s ,height ease 0.7s , opacity ease 1.5s !important;
  9797. }
  9798. #pjax-results .extra>span:hover {
  9799.     display: inline-block !important;
  9800.     width: 100% !important;
  9801.     min-width: 85px !important;
  9802.     max-width: 85px !important;
  9803.     max-height: 100% !important;
  9804.     line-height: 10px !important;
  9805.     left: 0px !important;
  9806.     padding: 1px 5px ! important;
  9807.     border-radius: 4px ! important;
  9808.    font-size: 10px !important;
  9809.     white-space: normal !important;
  9810.     z-index: 200 !important;
  9811.     opacity: 1 !important;
  9812.     background-color: black !important;
  9813. }
  9814.  
  9815.  
  9816. /* (new35) ==== BACKGROUND / BUTTON - OPACITY ===== */
  9817.  
  9818. /* (new35) ALL BUTTON INSTALL ADDON - FADING - === */
  9819. .button.caution:not(:hover) ,
  9820. .button.contrib.go:not(:hover) ,
  9821. .button.download:not(:hover),
  9822. .button.installer:not(:hover) {
  9823.     opacity: 0.4 !important;
  9824.     filter: grayscale(100%)!important;
  9825.     transition: opacity ease 0.7s !important;
  9826. }
  9827. .button.caution:hover ,
  9828. .button.contrib.go:hover ,
  9829. .button.download:hover ,
  9830. .button.installer:hover {
  9831.     opacity: 1 !important;
  9832. }
  9833.  
  9834. /* PB -
  9835. Recently Used Bookmarks Folder - XPI WORKING in COLL :
  9836. https://addons.mozilla.org/fr/firefox/collections/decembre/xpi/?page=12
  9837. BUT NOT in ITS ADDON PAGE :
  9838. https://addons.mozilla.org/fr/firefox/addon/recently-used-bookmarks-folder/?src=collection&collection_id=1e42f28e-d241-488c-940f-7e030999c879
  9839.  */
  9840. .button.caution.prominent.add.concealed:not(:hover) ,
  9841. .button.add.concealed:not(:hover) {
  9842.     opacity: 0.4 !important;
  9843.     filter: grayscale(100%)!important;
  9844.     transition: opacity ease 0.7s !important;
  9845. }
  9846. .button.caution.prominent.add.concealed:hover ,
  9847. .button.add.concealed:hover {
  9848.     opacity: 1 !important;
  9849. }
  9850.  
  9851.  
  9852. /* SEARCH - ITEMS OPACITY BACKGROUND - === */
  9853.  
  9854. .listing .item.incompatible .info,
  9855. .listing .item.incompatible .action {
  9856.     border-color: #A0C3E8;
  9857.     opacity: 1 !important;
  9858. }
  9859. /* BUTT SEARCH (GEN) - OPACITY  - === */
  9860. button.search-button {
  9861.     height: 16px !important;
  9862.     width: 36px;
  9863. }
  9864. button.search-button {
  9865.     opacity: 0.4 !important;
  9866. }
  9867. button.search-button:hover {
  9868.     opacity: 1 !important;
  9869. }
  9870.  
  9871. /* [[6]]END ==== MOZ ADDON/THEME - BUTTONS (GENERAL) ==== */
  9872.  
  9873.  
  9874.  
  9875. /* ============= END == TOTAL ALL DARK  =============== */
  9876. }
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!