Advertisement
decembre

Firefox Classic Add-ons Archive Widescreen v.70

Oct 12th, 2019
594
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 318.31 KB
  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 !imp