API tools faq
paste
decembre

Userstyles - Userstyles TabeView+Enhancer - Dark-Grey 94-BIB

decembre
Aug 23rd, 2017
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 339.79 KB | None | 0 0
raw download clone embed print report diff
  1. /* AGENT_SHEET */
  2.  
  3.  
  4.  
  5. /* AGENT_SHEET */
  6. /* @namespace url(http://www.w3.org/1999/xhtml); */
  7. @-moz-document domain("userstyles.org")
  8. , domain("greasyfork.org")
  9. , domain("sleazyfork.org")
  10. , url-prefix("https://greasyfork.org/forum/") ,
  11. url-prefix("https://74.86.192.75/")  {
  12.  
  13. /* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 94 (new94) - BIB Tweak - TEST FIX NEW DESIGN USERSTYLES  - -  AGENT_SHEET ==== */
  14.  
  15. /*
  16.  ________________________________________________________________________
  17. |                                                                        |
  18. |                                                                        |
  19. |                                                                        |
  20. |          Title:  |  Userstyles TableView+Enhancer - DarkGrey v.94      |
  21. |                                                                        |
  22. |    Description:  |                                                     |
  23. |                      GREASY FORK - With / without (GM) TS CITRUS       |          
  24. |                      FORUM Styles in first + Forum GREASY Fork -       |
  25. |                      Logged or NOT                                     |
  26. |                      With / Without GM                                 |
  27. |                      AGENT_SHEET                                       |
  28. |                                                                        |
  29. |         Author:  |  decembre                                           |
  30. |                                                                        |
  31. |   Date Created:  |  23-11-2011                                         |
  32. |                                                                        |
  33. |   Last Updated:  |  31-05-2017                                         |
  34. |                                                                        |
  35. |________________________________________________________________________|
  36. */
  37.  
  38. /* ETS - for TEST GM SETS SORT - === */
  39. /* #user-script-sets:before {
  40. content: ">>" ;
  41. display: inline-block ;
  42. position: relative ;
  43. color: red ;
  44. background: gold ;
  45. height: 20px ;
  46. width: 20px  ;
  47.     margin-top: 0;
  48.     padding-left: 0;
  49.     padding-top: 10px;
  50. } */
  51.  
  52. /* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -
  53. https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks
  54. === */
  55. #browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
  56.     color: gold !important;
  57. /* OK - FINE TOP OF THE BACKGROUND - BLACK */
  58.     text-shadow: 0px 1px 1px #000;
  59. }
  60.  
  61. /* (new92) SUPP - ALL  */
  62. /* USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
  63. #donate,
  64. #donate input {
  65.     display: none !important;
  66. }
  67. /* CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
  68. #discussions-area #social.single-style ,
  69. #social ,
  70. .twitter-share-button ,
  71. #twitter-widget-0 ,
  72. .fb-like {
  73.     display: none!important;
  74. }
  75. /* USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) -
  76. [id*="-ad"] ,
  77. === */
  78. #google_ads_frame1 ,
  79. #adContent-clickOverlay ,
  80. #adContent ,
  81. #post-install-ad ,
  82. #below-install-ad ,
  83. .ad {
  84.     display: none !important;
  85. }
  86.  
  87. /* (new93) SET - LISTING PAGE - DESCRIPTION - === */
  88. body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
  89. body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
  90. body[pagetype="ListingPage"]  .width-constraint h3 + p {
  91.     display: inline-block;
  92.     border: 1px solid violet ;
  93. }
  94.  
  95.  
  96. /* (new80) TEST - USERSTYLES FORUME PROFILE DISCUSSINS LIST - COMMENTS LIST - === */
  97. .DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type {
  98.     display: inline-block ;
  99.     width: 100% ;
  100.     line-height: 14px  ;
  101.     padding: 5px 2px 5px 5px !important;
  102.     white-space: pre-line;
  103.     margin-left: -5px !important;
  104.     color: gold  ;
  105.     background: black ;
  106. }
  107.  
  108. /* (new79) GREASYFORK - Without SCRIPT - === */
  109. .width-constraint > p {
  110.     display: inline-block;
  111. }
  112. #script-links .current > * {
  113.     color: red !important;
  114. }
  115.  
  116.  
  117. /* CITRUS SETTINGS - POPUP - === */
  118. #CForkSettings {
  119.     z-index: 5000 !important;
  120. }
  121.  
  122. /* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE -
  123. .SiteMenu
  124. === */
  125. .with-submenu {
  126.     position: relative !important;
  127.     display: inline-block !important;
  128. /* z-index: 4000060 !important; */
  129. }
  130.  
  131. li.with-submenu a + nav ,
  132. li.with-submenu a + nav:hover ,
  133. li.with-submenu a:hover + nav {
  134. position: absolute  !important;
  135.     min-width: 100%;
  136.     margin-top: -5px !important;
  137.     padding: 2px 5px 5px 15px !important;
  138.     text-align: left !important;
  139.     box-shadow: 3px 3px 2px black !important;
  140.     background-color: #333 !important;
  141. /* z-index: 50000000 !important; */
  142. }
  143. li.with-submenu a + nav li {
  144.     height: 20px !important;
  145.     line-height: 20px !important;
  146.     z-index: 50000000 !important;
  147. }
  148. li.with-submenu a + nav li a {
  149.     padding: 2px 2px !important;
  150.     text-align: left !important;
  151. }
  152.  
  153. /* (new78) - USERSTYLES - AADAPTATION TABLE VIEW PLUS - EDIT USER PROFILE PAGE - === */
  154. #main-article>form[accept-charset="UTF-8"] + table#summary ,
  155. #main-article>form[accept-charset="UTF-8"] + table#summary + #table-container {
  156. display: none !important;
  157. }
  158.  
  159. /* (new60) - ADAPTATION for GM "Greasyfork install button on search" -
  160. https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
  161. === */
  162. .thetitle + div #install-area {
  163.     position: relative !important;
  164.     display: inline-block !important;
  165.     float: left !important;
  166.     max-width: 460px !important;
  167.     min-width: 460px !important;
  168.     margin-left: 0px !important;
  169.     top: 0 !important;
  170.     padding: 1px 9px !important;
  171.     background-color: #f9ecdb !important;
  172.     border-bottom: 1px solid gray;
  173.     z-index: 1 !important;
  174.     overflow: hidden !important;
  175. }
  176. .thetitle + div:hover #install-area {
  177.     position: relative !important;
  178.     display: inline-block !important;
  179.     float: left !important;
  180.     max-width: 460px !important;
  181.     min-width: 460px !important;
  182.     margin-left: 0px !important;
  183.     height: auto !important;
  184.     top: 0 !important;
  185.     padding: 5px 9px !important;
  186.     background-color: #f9ecdb !important;
  187.     border-bottom: 1px solid gray;
  188.     z-index: 1 !important;
  189. }
  190. .thetitle + div #install-area> a {
  191.     display: inline-block;
  192.     float: left !important;
  193.     clear: both !important;
  194.     max-width: 50px !important;
  195.     min-width: 50px !important;
  196.     line-height: 13px !important;
  197.     font-size: 12px !important;
  198.     margin-left: 0 !important;
  199.     text-align: center !important;
  200. }
  201. .thetitle + div #install-area a:last-of-type {
  202.     display: inline-block;
  203.     float: left !important;
  204.     clear: both !important;
  205.     height: 15px !important;
  206.     max-width: 50px !important;
  207.     min-width: 50px !important;
  208.     line-height: 13px !important;
  209.     margin-left: 0 !important;
  210.     padding: 1px 12px !important;
  211.     line-height: 13px !important;
  212.     font-size: 12px !important;
  213.     text-align: center !important;
  214. }
  215. .thetitle + div #install-area .script-in-sets {
  216.     display: inline-block;
  217.     height: 65px !important;
  218.     max-width: 330px !important;
  219.     min-width: 330px !important;
  220.     margin-left: 10px !important;
  221.     font-size: 0px !important;
  222. }
  223.  
  224. .thetitle + div #install-area .script-in-sets a:first-of-type {
  225.     display: inline-block;
  226.     max-width: 300px !important;
  227.     min-width: 300px !important;
  228.     margin-left: 0 !important;
  229.     font-size: 12px !important;
  230.     text-align: center !important;
  231. }
  232. .thetitle + div #install-area .script-in-sets a:first-of-type + a {
  233.     display: inline-block;
  234.     max-width: 300px !important;
  235.     min-width: 300px !important;
  236.     margin-left: 0 !important;
  237.     font-size: 12px !important;
  238.     text-align: center !important;
  239. }
  240. .thetitle + div #install-area .script-in-sets select {
  241.     display: inline-block;
  242.     max-width: 287px !important;
  243.     min-width: 287px !important;
  244.     margin-left: 0px !important;
  245. }
  246. /* ADAPTATION for GM : userstyles.org css highlighter
  247. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  248. ==== */
  249. #view-code.hiBeautted {
  250.     background-color: #293134 !important;
  251.     color: #e0e2e4 !important;
  252. }
  253. #view-code.hiBeautted #stylish-code {
  254.     color: #B1B1B1 !important;
  255.     background-color: #293134 !important;
  256. }
  257. #hiBeauty::before {
  258.     position: absolute;
  259.     display: block;
  260.     top: 0px;
  261.     left: 0% !important;
  262.     padding: 1px 3px 0 1px !important;
  263.     border-radius: 0 0 5px 0 !important;
  264.     background-color: rgba(255, 0, 0, 0.7) !important;
  265. }
  266. #hiBeauty:hover::before {
  267.     padding: 4px !important;
  268.     border: 1px solid gray !important;
  269.     border-radius: 0 0 5px 0 !important;
  270.     background-color: rgba(0, 0, 0, 0.4) !important;
  271.     opacity: 1 !important;
  272.     z-index: 1;
  273.     transition: all ease 1s !important;
  274. }
  275. #hiBeauty::after {
  276.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  277.     display: block;
  278.     left: -50% !important;
  279.     opacity: 0.75;
  280.     position: absolute;
  281.     top: 2px;
  282.     padding: 0 5px !important;
  283.     border-radius: 0 5px 5px 0 !important;
  284.     font-size: 15px !important;
  285.     background: rgba(255, 0, 0, 1) !important;
  286.     z-index: 1;
  287.     transition: all ease 0.2s !important;
  288. }
  289. #hiBeauty:hover::after {
  290.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  291.     display: block;
  292.     left: 4% !important;
  293.     opacity: 0.75;
  294.     position: absolute;
  295.     top: 2px;
  296.     padding: 0 5px !important;
  297.     border-radius: 0 5px 5px 0 !important;
  298.     font-size: 15px !important;
  299.     color: white !important;
  300.     background: rgba(0, 0, 0, 0.61) !important;
  301.     z-index: 1;
  302.     transition: all ease 0.4s !important;
  303. }
  304.  
  305. .tk.sel {
  306.     color: #25B300 !important;
  307. }
  308. .tk.pro {
  309.     color: #2a7da3 !important;
  310. }
  311. .tk.pun {
  312.     color: #0F40A7 !important;
  313. }
  314. .tk.com {
  315.     color: #9F7E15 !important;
  316. }
  317.  
  318. /* (new60) - ADAPTATION for GM :
  319. == GreasyFork Bullshit Filter :
  320. https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
  321. == GreasyFork Bullshit Filter (compatible with Citrus GFork)
  322. https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
  323.  
  324. AND (TEST):
  325. GreasyFork - filter discussions on scripts by review type and author
  326. https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
  327.  
  328. === */
  329. .MessageList.DataList.Comments .ItemComment.filtered,
  330. .ItemDiscussion.filtered  {
  331. /*     display: none !important; */
  332. /*     width: 100% !important; */
  333.     height: 10px!important;
  334. font-size: 3px !important;
  335. overflow: hidden !important;
  336. opacity: 0.4 !important;
  337. }
  338. .MessageList.DataList.Comments .ItemComment.filtered:hover,
  339. .ItemDiscussion.filtered:hover  {
  340. /*     display: none !important; */
  341. /*     width: 100% !important; */
  342.     height: 10px!important;
  343. font-size: 3px !important;
  344. overflow: hidden !important;
  345. opacity: 1 !important;
  346. }
  347. .ItemDiscussion.filtered .ItemContent.Discussion .Title  {
  348. /*     display: none !important; */
  349. /*     width: 100% !important; */
  350. height: 10px!important;
  351. line-height: 6px!important;
  352. /*     margin-top: -25px !important; */
  353. font-size: 8px !important;
  354. /* overflow: hidden !important; */
  355. /* opacity: 0.4 !important; */
  356. background: red !important;
  357. }
  358. .ItemDiscussion.filtered .ItemContent.Discussion .Title a {
  359. /*     display: none !important; */
  360. min-width: 600px !important;
  361. max-width: 600px !important;
  362. height: 10px!important;
  363. line-height: 10px!important;
  364.     margin-top: -45px !important;
  365. font-size: 8px !important;
  366. /* overflow: hidden !important; */
  367. /* opacity: 0.4 !important; */
  368. /* background: blue !important; */
  369. }
  370. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
  371. /*     display: none !important; */
  372. min-width: 600px !important;
  373. max-width: 600px !important;
  374. height: 10px!important;
  375. line-height: 10px!important;
  376. margin-left: 20px !important;
  377. /*     margin-top: -45px !important; */
  378. font-size: 9px !important;
  379. /* overflow: hidden !important; */
  380. /* opacity: 0.4 !important; */
  381. /* background: blue !important; */
  382. }
  383. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
  384. margin-top: -8px !important;
  385.     transform: scale(0.7) !important;
  386. }
  387. /* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
  388. body[pagetype="ListingPage"] #script-table tr.filtered {
  389.     display: table-row !important;
  390.     width: 100% !important;
  391.     height: 10px!important;
  392. }
  393. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  394.     background: black !important;
  395. }
  396. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  397.     display: table-cell !important;
  398.     height: 100% !important;
  399.     min-height: 10px!important;
  400.     max-height: 10px!important;
  401.     padding: 0 !important;
  402.     font-size: 7px !important;
  403. background-color: #F7F6E9 !important;
  404. }
  405. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  406.     font-size: 8px !important;
  407. }
  408.  
  409. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  410.     font-size: 8px !important;
  411. }
  412. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  413.     border-left: 1px solid red !important;
  414. }
  415.  
  416. /* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  417. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  418.     display: none !important;
  419. }
  420.  
  421. /* (new93) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  422. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  423.     position: absolute !important;
  424.     display: inline-block !important;
  425.     width: 914px !important;
  426.     background-color: #f7f6e9 !important;
  427.     border: 1px solid peru !important;
  428.     border-left: 3px solid red !important;
  429.     border-right: 3px solid red !important;
  430.     border-bottom: 4px solid red !important;
  431. font-size: 15px !important;
  432. }
  433. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
  434. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  435.     display: inline-block !important;
  436.     display: none !important;
  437.     height: 100% !important;
  438.     min-height: 15px!important;
  439.     max-height: 15px!important;
  440.     padding: 0 !important;
  441.     font-size: 8px !important;
  442. }
  443. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  444.     display: inline-block !important;
  445.     height: 100% !important;
  446.     min-height: 10px!important;
  447.     max-height: 10px!important;
  448.     line-height: 8px!important;
  449.     padding: 0 !important;
  450.     font-size: 9px !important;
  451. }
  452. .filter-status:not(:empty) ,
  453. #script-content .filter-status:not(:empty) {
  454. box-sizing: border-box;
  455.     position: fixed !important;
  456. height: 35px !important;
  457. line-height: 17px !important;
  458.     max-width: 190px !important;
  459.     min-width: 190px !important;
  460.     left: calc(83.95%) !important;
  461.     top: 55px !important;
  462.     padding: 1px 0px  !important;
  463.     border-radius: 5px 5px 0 0 !important;
  464.     text-align: center !important;
  465.     font-size: 13px !important;
  466. /*     letter-spacing: 5px !important; */
  467.     color: white !important;
  468.     cursor: default !important;
  469.     z-index: 500000 !important;
  470.     background: #B38C25 !important;
  471. }
  472. .filter-status:first-of-type + .filter-switches:hover ,
  473. .filter-status:first-of-type:hover + .filter-switches ,
  474. .filter-status:first-of-type + .filter-switches {
  475.     position: fixed !important;
  476.     width: 190px !important;
  477.     left: calc(84.3%) !important;
  478.     top: 88px !important;
  479.     border-radius: 0 0 5px 5px !important;
  480.     background: #B38C25 !important;
  481.     z-index: 50000 !important;
  482. }
  483. .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  484. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  485. display: none !important;
  486. }
  487. /* .filter-on, .filter-off {
  488.     display: inline-block;
  489.     width: 190px !important;
  490. } */
  491. :hover > .filter-switches a ,
  492. .filter-switches  a ,
  493. #main-header  .width-constraint + .filter-status ~  .filter-switches a ,
  494. #Frame #Head.Head .filter-switches a
  495. #script-content .filter-switches  a {
  496.     display: inline-block  !important;
  497.     width: 160px !important;
  498.     height: 15px !important;
  499.     line-height: 15px !important;
  500.     margin-top: -2px !important;
  501.     bottom: 0px !important;
  502.     margin-left: 0px !important;
  503.     font-size: 14px !important;
  504. color: white !important;
  505.     cursor: pointer !important;
  506. }
  507.  
  508. /* :hover > .filter-switches a.filter-on ,
  509. :hover > .filter-switches a.filter-off ,
  510. #main-header:not(:hover)> .filter-switches a.filter-on ,
  511. #main-header:not(:hover)> .filter-switches a.filter-off {
  512.     color: white !important;
  513. } */
  514. /* :hover > #script-content .filter-switches  a.filter-on ,
  515. :hover > #script-content .filter-switches  a.filter-off {
  516.     color: peru !important;
  517. } */
  518. #Frame #Head.Head .filter-switches a {
  519.     color: white !important;
  520. }
  521.  
  522. .ui-widget {
  523.     position: fixed !important;
  524.     width: 190px !important;
  525.     top: 175px !important;
  526.     left: calc(84.5%) !important;
  527. }
  528. .ui-widget #myform {
  529.     width: 185px !important;
  530. }
  531.  
  532. .ui-widget #myform input#authors {
  533.     width: 180px !important;
  534. }
  535. .dropdown {
  536.     position: fixed !important;
  537.     width: 185px !important;
  538.     left: calc(84.5%) !important;
  539.     top: 228px !important
  540. }
  541.  
  542. .dropbtn {
  543.     width: 185px !important;
  544.     padding: 5px 0px 5px 20px !important;
  545. }
  546. .dropdown-content {
  547.     width: 185px !important;
  548.     height: 400px !important;
  549.     padding: 16px 0px 5px 0px !important;
  550.     background-color: #222 !important;
  551. }
  552. #myDropdown.dropdown-content a {
  553.     padding: 1px 0px 2px 5px !important;
  554.     font-size: 15px !important;
  555.     color: gray !important;
  556.     background-color: #333 !important;
  557.     text-align: left !important;
  558.     cursor: default !important;
  559. }
  560. #myDropdown.dropdown-content a:hover {
  561.     font-size: 15px !important;
  562.     color: gold !important;
  563.     background-color: #222 !important;
  564. }
  565.  
  566. /* FILTER - ALL COMMENTS (on top)  */
  567. /* body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches a:first-of-type */
  568.  
  569. .dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
  570. .dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
  571.     position: fixed !important;
  572.     display: inline-block !important;
  573.     left: calc(85.56%) !important;
  574.     top: 232px !important;
  575.     padding: 3px !important;
  576.     border-radius: 100% !important;
  577.     text-align: center !important;
  578. }
  579.  
  580. /* for FITTER SCRIPT */
  581. .width-constraint + .filter-status {
  582.     position: fixed !important;
  583.     width: 190px !important;
  584. /* left: calc(86.7%) !important; */
  585. }
  586. .width-constraint + .filter-status + .filter-switches {
  587. /* left: calc(87%) !important; */
  588. }
  589. .width-constraint + .filter-status + .filter-switches a {
  590.     margin-left: 10px !important;
  591. }
  592.  
  593. /* (new94) FITER COMMENTS on USER PROFILE - CONTAINER - === */
  594. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
  595.     background: #222;
  596.     display: inline-block;
  597.     position: absolute;
  598.     right: 110px;
  599.     width: 189px;
  600.     top: 91px;
  601.     text-align: center;
  602. }
  603. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
  604.     left: calc(84.5%);
  605.     top: 195px !important;
  606.     width: 190px;
  607. }
  608.  
  609.  
  610. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
  611.     left: calc(84.5%);
  612.     top: 241px !important;
  613.     width: 185px;
  614. }
  615.  
  616. /* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  617. .Button.Danger.BigButton.ClearConversation {
  618.     display: block;
  619.     font-size: 11px!important;
  620.     font-weight: bold;
  621.     margin: 0 0 10px;
  622.     padding: 8px 10px;
  623.     text-align: center;
  624. }
  625.  
  626. /* ALL SITES PAGE -
  627. https://greasyfork.org/en/scripts/by-site
  628. === */
  629. #by-site-list li[style="font-size: 5.0em"] {
  630.     font-size: 3.28em  !important;
  631. }
  632. #by-site-list li[style="font-size: 5.0em"] a {
  633.     color: darkturquoise !important;
  634. }
  635.  
  636.  
  637. #by-site-list li[style="font-size: 4.07em"] {
  638.     font-size: 3.27em !important;
  639. }
  640. #by-site-list li[style="font-size: 4.07em"] a {
  641.     color: lightsalmon!important;
  642. }
  643.  
  644. #by-site-list li[style="font-size: 3.86em"] {
  645.     font-size: 3.26em !important;
  646. }
  647. #by-site-list li[style="font-size: 3.86em"] a {
  648.     color: darkturquoise !important;
  649. }
  650.  
  651. #by-site-list li[style="font-size: 2.86em"] {
  652.     font-size: 3.25em!important;
  653. }
  654. #by-site-list li[style="font-size: 2.86em"] a {
  655.     color: deepskyblue !important;
  656. }
  657.  
  658. #by-site-list li[style="font-size: 2.02em"] {
  659.     font-size: 3.24em!important;
  660. }
  661. #by-site-list li[style="font-size: 2.02em"] a {
  662.     color: darkturquoise !important;
  663. }
  664.  
  665. #by-site-list li[style="font-size: 2.1em"] {
  666.     font-size: 3.23em !important;
  667. }
  668. #by-site-list li[style="font-size: 2.1em"] a {
  669.     color: darkturquoise !important;
  670. }
  671.  
  672. #by-site-list li[style="font-size: 2.06em"] {
  673.     font-size: 3.22em !important;
  674. }
  675. #by-site-list li[style="font-size: 2.06em"] a {
  676.     color: deepskyblue !important;
  677. }
  678.  
  679. #by-site-list li[style="font-size: 1.99em"] {
  680.     font-size: 3.21em !important;
  681. }
  682. #by-site-list li[style="font-size: 1.99em"] a {
  683.     color: darkturquoise !important;
  684. }
  685.  
  686. #by-site-list li[style="font-size: 1.92em"] {
  687.     font-size: 3.20em !important;
  688. }
  689. #by-site-list li[style="font-size: 1.92em"] a {
  690.     color: darkturquoise !important;
  691. }
  692.  
  693. #by-site-list li[style="font-size: 1.87em"] {
  694.     font-size: 3.19em!important;
  695. }
  696. #by-site-list li[style="font-size: 1.87em"] a {
  697.     color: darkturquoise !important;
  698. }
  699.  
  700. #by-site-list li[style="font-size: 1.7em"] {
  701.     font-size: 3.18em!important;
  702. }
  703. #by-site-list li[style="font-size: 1.7em"] a {
  704.     color: darkturquoise !important;
  705. }
  706.  
  707. #by-site-list li[style="font-size: 1.66em"] {
  708.     font-size: 3.17em !important;
  709. }
  710. #by-site-list li[style="font-size: 1.66em"] a {
  711.     color: darkturquoise !important;
  712. }
  713.  
  714. #by-site-list li[style="font-size: 1.61em"] {
  715.     font-size: 3.16em !important;
  716. }
  717. #by-site-list li[style="font-size: 1.61em"] a {
  718.     color: deeppink !important;
  719. }
  720.  
  721. #by-site-list li[style="font-size: 1.5em"] {
  722.     font-size: 3.15em !important;
  723. }
  724. #by-site-list li[style="font-size: 1.5em"] a {
  725.     color: darkturquoise !important;
  726. }
  727.  
  728. #by-site-list li[style="font-size: 1.4em"] {
  729.     font-size: 3.14em !important;
  730. }
  731. #by-site-list li[style="font-size: 1.4em"] a {
  732.     color: darkturquoise !important;
  733. }
  734.  
  735. #by-site-list li[style="font-size: 1.41em"] {
  736.     font-size: 3.13em !important;
  737. }
  738. #by-site-list li[style="font-size: 1.41em"] a {
  739.     color: deeppink !important;
  740. }
  741.  
  742. #by-site-list li[style="font-size: 1.3em"] {
  743.     font-size: 3.12em !important;
  744. }
  745. #by-site-list li[style="font-size: 1.3em"] a {
  746. color: deeppink !important;
  747. }
  748.  
  749. #by-site-list li[style="font-size: 1.39em"] {
  750.     font-size: 3.11em !important;
  751. }
  752. #by-site-list li[style="font-size: 1.39em"] a {
  753.     color: darkturquoise !important;
  754. }
  755.  
  756. #by-site-list li[style="font-size: 1.38em"] {
  757.     font-size: 3.10em!important;
  758. }
  759. #by-site-list li[style="font-size: 1.38em"] a {
  760.     color: darkturquoise !important;
  761. }
  762.  
  763. #by-site-list li[style="font-size: 1.35em"] {
  764.     font-size: 3.09em !important;
  765. }
  766. #by-site-list li[style="font-size: 1.35em"] a {
  767. color: darkturquoise !important;
  768. }
  769.  
  770. #by-site-list li[style="font-size: 1.34em"] {
  771.     font-size: 3.08em !important;
  772. }
  773. #by-site-list li[style="font-size: 1.34em"] a {
  774.     color: darkturquoise !important;
  775. }
  776.  
  777. #by-site-list li[style="font-size: 1.32em"] {
  778.     font-size: 3.07em !important;
  779. }
  780. #by-site-list li[style="font-size: 1.32em"] a {
  781.     color: darkturquoise !important;
  782. }
  783.  
  784. #by-site-list li[style="font-size: 1.31em"] {
  785.     font-size: 3.06em !important;
  786. }
  787. #by-site-list li[style="font-size: 1.31em"] a {
  788.     color: darkturquoise !important;
  789. }
  790.  
  791. #by-site-list li[style="font-size: 1.29em"] {
  792.     font-size: 3.05em !important;
  793. }
  794. #by-site-list li[style="font-size: 1.29em"] a {
  795.     color: deeppink !important;
  796. }
  797.  
  798. #by-site-list li[style="font-size: 1.26em"] {
  799.     font-size: 3.04em !important;
  800. }
  801. #by-site-list li[style="font-size: 1.26em"] a {
  802.     color: darkturquoise !important;
  803. }
  804.  
  805.  
  806. #by-site-list li[style="font-size: 1.23em"] {
  807.     font-size: 3.03em !important;
  808. }
  809. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  810.     color: lightcyan !important;
  811. }
  812. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  813.     color: wheat !important;
  814. }
  815.  
  816.  
  817. #by-site-list li[style="font-size: 1.21em"] {
  818.     font-size: 3.02em !important;
  819. }
  820. #by-site-list li[style="font-size: 1.21em"] a {
  821.     color: deeppink !important;
  822. }
  823.  
  824. #by-site-list li[style="font-size: 1.08em"] {
  825.     font-size: 3.01em !important;
  826. }
  827. #by-site-list li[style="font-size: 1.08em"] a {
  828.     color: darkturquoise !important;
  829. }
  830.  
  831. #by-site-list li[style="font-size: 1.07em"] {
  832.     font-size: 3.00em !important;
  833. }
  834. #by-site-list li[style="font-size: 1.07em"] a {
  835.     color: darkturquoise !important;
  836. }
  837.  
  838. #by-site-list li[style="font-size: 1.05em"] {
  839.     font-size: 2.99em  !important;
  840. }
  841. #by-site-list li[style="font-size: 1.05em"] a {
  842.     color: darkturquoise !important;
  843. }
  844.  
  845. #by-site-list li[style="font-size: 1.0em"] {
  846.     font-size: 2.98em  !important;
  847. }
  848. #by-site-list li[style="font-size: 1.0em"] a {
  849.     color: darkturquoise !important;
  850. }
  851.  
  852. #by-site-list li[style="font-size: 1.01em"] {
  853.     font-size: 2.97em  !important;
  854. }
  855. #by-site-list li[style="font-size: 1.01em"] a {
  856.     color: darkturquoise !important;
  857. }
  858.  
  859.  
  860. #by-site-list li[style="font-size: 0.6em"] {
  861.     font-size: 1em !important;
  862. }
  863. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  864.     color: lightblue!important;
  865. }
  866. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  867.     color: aquamarine !important;
  868. }
  869. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  870.     color: tomato !important;
  871. }
  872. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  873.     color: powderblue !important;
  874. }
  875. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  876.     color: greenyellow !important;
  877. }
  878.  
  879.  
  880.  
  881. #by-site-list li[style="font-size: 0.61em"]{
  882.     font-size: 1.1em !important;
  883. }
  884. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  885.     color: turquoise !important;
  886. }
  887. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  888.     color: azure !important;
  889. }
  890. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  891.     color: mediumvioletred !important;
  892. }
  893.  
  894.  
  895.  
  896. #by-site-list li[style="font-size: 0.62em"]{
  897.     font-size: 1.2em !important;
  898. }
  899. #by-site-list li[style="font-size: 0.62em"] a {
  900.     color: blueviolet !important;
  901. }
  902. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  903.     color: cornflowerblue !important;
  904. }
  905. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  906.     color: peachpuff !important;
  907. }
  908. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  909.     color: tomato !important;
  910. }
  911. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  912.     color: powderblue !important;
  913. }
  914. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  915.     color: greenyellow !important;
  916. }
  917.  
  918.  
  919. #by-site-list li[style="font-size: 0.63em"]{
  920.     font-size: 1.3em !important;
  921. }
  922. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  923.     color: lightsalmon !important;
  924. }
  925. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  926.     color: darkcyan !important;
  927. }
  928.  
  929.  
  930.  
  931. #by-site-list li[style="font-size: 0.64em"]{
  932.     font-size: 1.4em !important;
  933. }
  934. #by-site-list li[style="font-size: 0.64em"] a {
  935.     color: peru !important;
  936. }
  937. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  938.     color: deepskyblue !important;
  939. }
  940. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  941.     color: dodgerblue !important;
  942. }
  943. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  944.     color: tomato !important;
  945. }
  946. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  947.     color: powderblue !important;
  948. }
  949. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  950.     color: greenyellow !important;
  951. }
  952.  
  953. #by-site-list li[style="font-size: 0.65em"]{
  954.     font-size: 1.5em !important;
  955. }
  956. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  957.     color: violet !important;
  958. }
  959. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  960.     color: goldenrod !important;
  961. }
  962.  
  963.  
  964. #by-site-list li[style="font-size: 0.66em"]{
  965.     font-size: 1.6em !important;
  966. }
  967. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  968.     color: greenyellow !important;
  969. }
  970. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  971.     color: indianred !important;
  972. }
  973.  
  974.  
  975. #by-site-list li[style="font-size: 0.67em"]{
  976.     font-size: 1.7em !important;
  977. }
  978. #by-site-list li[style="font-size: 0.67em"] a {
  979.     color: lawngreen !important;
  980. }
  981.  
  982.  
  983.  
  984. #by-site-list li[style="font-size: 0.68em"]{
  985.     font-size: 1.8em !important;
  986. }
  987. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  988.     color: lightblue !important;
  989. }
  990. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  991.     color: lavender !important;
  992. }
  993. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  994.     color: tomato !important;
  995. }
  996. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  997.     color: powderblue !important;
  998. }
  999. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  1000.     color: greenyellow !important;
  1001. }
  1002.  
  1003.  
  1004.  
  1005. #by-site-list li[style="font-size: 0.69em"]{
  1006.     font-size: 1.9em !important;
  1007. }
  1008. #by-site-list li[style="font-size: 0.69em"] a {
  1009.     color: lemonchiffon !important;
  1010. }
  1011.  
  1012.  
  1013. #by-site-list li[style="font-size: 0.7em"]{
  1014.     font-size: 2em !important;
  1015. }
  1016. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  1017.     color: thistle !important;
  1018. }
  1019. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  1020.     color:  blanchedalmond !important;
  1021. }
  1022.  
  1023.  
  1024. #by-site-list li[style="font-size: 0.71em"]{
  1025.     font-size: 2.1em !important;
  1026. }
  1027. #by-site-list li[style="font-size: 0.71em"] a {
  1028.     color: antiquewhite !important;
  1029. }
  1030.  
  1031. #by-site-list li[style="font-size: 0.72em"]{
  1032.     font-size: 2.2em !important;
  1033. }
  1034. #by-site-list li[style="font-size: 0.72em"] a {
  1035.     color: aqua !important;
  1036. }
  1037.  
  1038. #by-site-list li[style="font-size: 0.73em"]{
  1039.     font-size: 2.3em !important;
  1040. }
  1041. #by-site-list li[style="font-size: 0.73em"] a {
  1042.     color: aquamarine !important;
  1043. }
  1044.  
  1045. #by-site-list li[style="font-size: 0.74em"]{
  1046.     font-size: 2.4em !important;
  1047. }
  1048. #by-site-list li[style="font-size: 0.74em"] a {
  1049.     color: bisque !important;
  1050. }
  1051.  
  1052.  
  1053. #by-site-list li[style="font-size: 0.75em"]{
  1054.     font-size: 2.5em !important;
  1055. }
  1056. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  1057.     color: darkgray !important;
  1058. }
  1059. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  1060.     color: palevioletred !important;
  1061. }
  1062.  
  1063.  
  1064.  
  1065. #by-site-list li[style="font-size: 0.76em"]{
  1066.     font-size: 2.6em !important;
  1067. }
  1068. #by-site-list li[style="font-size: 0.76em"] a {
  1069. color: darkcyan !important;
  1070. }
  1071.  
  1072. #by-site-list li[style="font-size: 0.77em"]{
  1073.     font-size: 2.7em !important;
  1074. }
  1075. #by-site-list li[style="font-size: 0.77em"] a {
  1076.     color: darkorange !important;
  1077. }
  1078.  
  1079. #by-site-list li[style="font-size: 0.78em"]{
  1080.     font-size: 2.8em !important;
  1081. }
  1082. #by-site-list li[style="font-size: 0.78em"] a {
  1083.     color: crimson !important;
  1084. }
  1085.  
  1086. #by-site-list li[style="font-size: 0.79em"]{
  1087.     font-size: 2.9em !important;
  1088. }
  1089. #by-site-list li[style="font-size: 0.79em"] a {
  1090.     color: cornsilk  !important;
  1091. }
  1092.  
  1093. /* ==== > 2.91em ===  */
  1094.  
  1095. #by-site-list li[style="font-size: 0.8em"]{
  1096.     font-size: 2.91em !important;
  1097. }
  1098. #by-site-list li[style="font-size: 0.8em"] a {
  1099.     color: cornflowerblue  !important;
  1100. }
  1101.  
  1102. #by-site-list li[style="font-size: 0.81em"]{
  1103.     font-size: 2.92em !important;
  1104. }
  1105. #by-site-list li[style="font-size: 0.81em"] a {
  1106.     color: coral  !important;
  1107. }
  1108.  
  1109. #by-site-list li[style="font-size: 0.82em"]{
  1110.     font-size: 2.93em !important;
  1111. }
  1112. #by-site-list li[style="font-size: 0.82em"] a {
  1113.     color: chocolate !important;
  1114. }
  1115.  
  1116. #by-site-list li[style="font-size: 0.83em"]{
  1117.     font-size: 2.94em !important;
  1118. }
  1119. #by-site-list li[style="font-size: 0.83em"] a {
  1120.     color: chartreuse !important;
  1121. }
  1122.  
  1123.  
  1124.  
  1125. #by-site-list li[style="font-size: 0.85em"]{
  1126.     font-size: 2.945em !important;
  1127. }
  1128. #by-site-list li[style="font-size: 0.85em"] a {
  1129.     color: cadetblue !important;
  1130. }
  1131. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  1132.     color: orangered!important;
  1133. }
  1134. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  1135.     color: indianred !important;
  1136. }
  1137. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  1138.     color: tomato !important;
  1139. }
  1140. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  1141.     color: mediumturquoise !important;
  1142. }
  1143. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  1144.     color: greenyellow !important;
  1145. }
  1146.  
  1147.  
  1148.  
  1149. #by-site-list li[style="font-size: 0.89em"] {
  1150.     font-size: 2.96em !important;
  1151. }
  1152. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  1153.     color: darkturquoise !important;
  1154. }
  1155. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  1156.     color: mediumorchid !important;
  1157. }
  1158.  
  1159. #by-site-list li[style="font-size: 0.99em"] {
  1160.     font-size: 2.965em !important;
  1161. }
  1162. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  1163.     color: darkturquoise !important;
  1164. }
  1165. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  1166.     color: mediumorchid !important;
  1167. }
  1168.  
  1169.  
  1170.  
  1171.  
  1172. /* GREASEY FORK - LIGHTBOX - POSITION -
  1173. https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
  1174. https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
  1175. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  1176. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
  1177. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1178. HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
  1179.  
  1180. ALT (alt="Capture" title="YES" style="">):
  1181. - https://greasyfork.org/fr/scripts/7483-fa-content-filter
  1182.  
  1183. ALT (alt="Capture" title="NO" style="">):
  1184. - https://greasyfork.org/fr/scripts/7827-auto-open
  1185. - https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
  1186. === */
  1187. /* ============  SOURCE - SUPP "Source" -
  1188. La propriété de feuille de style clip css peut prendre la valeur de :
  1189. - auto, s'adapte au contenu,
  1190. - rect(v1, v2, v3, v4) :
  1191. v1 début de la zone visible verticale,
  1192. v2 fin de la zone visible horizontale,
  1193. v3 fin de la zone visible verticale,
  1194. v4 début de la zone visible horizontale.
  1195. L'unité "%" ne semble pas être acceptée.
  1196. - inherit, hérite de son parent
  1197. EXEMPLE :
  1198.     clip: rect(0px, 185px, 25px , 54px)!important;
  1199. ================== */
  1200. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  1201.     position: relative !important;
  1202.     display: inline-block !important;
  1203.     float: right !important;
  1204.     clear: both !important;
  1205.     content: " 🔻 Preview 🔻 " !important;
  1206.     height: 15px !important;
  1207.     line-height: 12px !important;
  1208.     width: 140px!important;
  1209.     margin-top: -63px!important;
  1210.     margin-right: -83px !important;
  1211.     border-right: 1px solid peru !important;
  1212.     border-left: 1px solid peru !important;
  1213.     border-top: 1px solid peru !important;
  1214.     transform: rotate(90deg) !important;
  1215.     text-align: center !important;
  1216.     letter-spacing: 1.7px;
  1217.     background: black !important;
  1218.     z-index: 5000 !important;
  1219.     border: 1px solid gold !important;
  1220. }
  1221.  
  1222. /* ===
  1223. CLIP:
  1224.  rect (top, right, bottom, left)
  1225. image:clip:rect(0px,60px,200px,0px);
  1226. === */
  1227. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  1228.     position: absolute!important;
  1229.     display: inline-block!important;
  1230.     height: 130px !important;
  1231.     width: 97.5%!important;
  1232.     top: -160px!important;
  1233.     text-align: right!important;
  1234.     border: 1px solid peru !important;
  1235.     background-color: transparent!important;
  1236.     background: black !important;
  1237.     clip: rect(0px, 990px, 145px , 945px)!important;
  1238.     transition: all ease 1.5s !important;
  1239. }
  1240. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  1241.     background: red !important;
  1242.     clip: rect(0px, 947px, 145px , 0px)!important;
  1243.     z-index: 5000!important;
  1244. }
  1245.  
  1246. .script-screenshots .fancybox {
  1247.     position: relative !important;
  1248.     display: inline-block !important;
  1249.     float: right !important;
  1250.     clear:left !important;
  1251.     height: 120px !important;
  1252.     width: 160px!important;
  1253.     margin-right: 5px!important;
  1254.     margin-left: 5px !important;
  1255. }
  1256. .script-screenshots .fancybox:not([title=""]):after {
  1257.     content: attr(title) !important;
  1258.     position: relative !important;
  1259.     display: inline-block !important;
  1260.     height: 10px !important;
  1261.     line-height: 10px !important;
  1262.     width: 145px!important;
  1263.     float: right !important;
  1264.     clear: both !important;
  1265.     margin-right: 0px !important;
  1266.     margin-top: 5px!important;
  1267.     padding: 2px 5px !important;
  1268.     border-radius: 5px !important;
  1269.     font-size: 10px !important;
  1270.     text-align: left !important;
  1271.     text-overflow: ellipsis !important;
  1272.     white-space: nowrap !important;
  1273.     overflow: hidden !important;
  1274.     background: #333 !important;
  1275. }
  1276.  
  1277.  
  1278. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  1279. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  1280. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  1281. ==== */
  1282. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  1283.     display: inline-block !important;
  1284. }
  1285. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  1286.     position: relative !important;
  1287.     display: inline-block !important;
  1288.     height: 100% !important;
  1289.     min-height: 100px !important;
  1290.     max-height: 100px !important;
  1291.     max-width: 98% !important;
  1292.     margin: 0 auto !important;
  1293.     border: 1px solid orange !important;
  1294.     border-radius: 3px;
  1295.     box-shadow: 5px 5px 2px #181818 !important;
  1296.     color: yellow !important;
  1297. /* font-size: 0 !important; */
  1298.     padding: 2px !important;
  1299.     background-color: #2b2b2b !important;
  1300. }
  1301.  
  1302. /* TEST - GM - LANG FILTER -
  1303. https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
  1304. PB compatibility with TS CITRUS in SCRIPTS LIST
  1305. === */
  1306. #greazy-forq-info  {
  1307.     background: rgba(255, 255, 255, 0.55);
  1308.     color: #670000;
  1309.     cursor: pointer;
  1310.     left: 2px;
  1311.     position: fixed;
  1312.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  1313.     top: 2px;
  1314.     z-index: 5000!important;
  1315. }
  1316. li.greazy-forq-hiden ,
  1317. .greazy-forq-hiden {
  1318.     border-width: 1px 0 1px 9px !important;
  1319. }
  1320. /* USERSTYLES - - STYLE INFOS for TXT in "small"
  1321. https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
  1322. === */
  1323. #additional-info-text small {
  1324.     color: #acaeb5 !important;
  1325.     font-size: 12px!important;
  1326. }
  1327.  
  1328. /* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  1329. .good-rating-count,
  1330. .ok-rating-count,
  1331. .bad-rating-count {
  1332.     border-radius: 2px!important;
  1333.     display: inline-block !important;
  1334.     min-width: 15px!important;
  1335.     height: 13px !important;
  1336.     line-height: 11px !important;
  1337.     padding: 0px 2px !important;
  1338.     margin-right: 2px!important;
  1339.     margin-left: -2px!important;
  1340.     text-align: center !important;
  1341. text-indent: 0px !important;
  1342. }
  1343. .total-rating-count  {
  1344.     display: table-cell !important;
  1345. /*     display: inline-block; */
  1346.     width: 100% !important;
  1347. /* min-width: 100% !important; */
  1348. /* max-width: 100% !important; */
  1349.     height: 13px !important;
  1350.     line-height: 13px !important;
  1351.     padding: 0px 2px !important;
  1352.     border-radius: 2px!important;
  1353. }
  1354.  
  1355. /* USERSTYLES COMMENT FORM -
  1356. https://forum.userstyles.org/discussion/48485/how-do-i-remove-pop-ups-in-lower-left-corner-in-firefox#latest
  1357. === */
  1358. .Form-HeaderWrap {
  1359.     margin-left: -71px !important;
  1360. }
  1361. .MessageForm .H {
  1362. text-indent: 30px !important;
  1363. }
  1364. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author {
  1365.     position: absolute !important;
  1366.     margin-left: 51px !important;
  1367.     margin-top: -50px !important;
  1368. }
  1369. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap {
  1370.     height: 30px !important;
  1371.     width: 30px !important;
  1372. }
  1373. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap img.ProfilePhotoMedium {
  1374.     height: 30px !important;
  1375.     width: 30px !important;
  1376. }
  1377.  
  1378. #Form_Comment {
  1379.     width: 701px !important;
  1380.     margin-left: -143px !important;
  1381.     margin-top: -10px !important;
  1382.     padding-left: 72px !important;
  1383. }
  1384. /* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */
  1385. /* FIRST  */
  1386. /* #vanilla_post_discussion #DiscussionForm */
  1387.  
  1388. textarea#Form_Body.textarea-autosize {
  1389.     height: 138px;
  1390.     min-height: 50px;
  1391.     min-width: 670px !important;
  1392.     overflow: hidden;
  1393.     resize: vertical !important;
  1394.     word-wrap: break-word;
  1395. outline: 1px solid red ;
  1396. }
  1397. .FormWrapper>form {
  1398.     margin-left: -23px;
  1399.     margin-top: 27px;
  1400.     width: 681px !important;
  1401. outline: 1px solid red ;
  1402. }
  1403. /* FIRST */
  1404. #vanilla_post_discussion #DiscussionForm {
  1405.     position: relative;
  1406.     display: inline-block;
  1407.     width: 682px ;
  1408.     top: 25px ;
  1409.     margin-top: -144px !important;
  1410. }
  1411. #vanilla_post_discussion .FormWrapper {
  1412.     margin-top: -8px ;
  1413. }
  1414.  
  1415. /* RE EDIT / MODIF  */
  1416. #vanilla_post_editdiscussion #DiscussionForm {
  1417.     position: relative;
  1418.     display: inline-block;
  1419.     width: 682px ;
  1420.     top: 39px ;
  1421.     margin-top: -144px !important;
  1422.     left: -22px;
  1423. }
  1424. #vanilla_post_editdiscussion  .FormWrapper>form {
  1425.     margin-left: 0px ;
  1426. }
  1427.  
  1428. /* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
  1429. .RadioLabel[for="Form_Format"] {
  1430.     display: inline-block!important;
  1431.     width: 116px !important;
  1432.     border: 1px solid green !important;
  1433.     margin-bottom: 2px !important;
  1434. }
  1435. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
  1436. .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1437.     content: "Les éléments et attributs suivants sont autorisés.  \A \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A \A * (name, title) | a (href) | abbr | b | \A blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A  img (alt, height, src (https), width) |  \A kbd | li | mark | ol | p | pre | q (cite) |  \A rp | rt | ruby | s | samp | small | span | strike |  \A strong | tt | table | tbody | tfoot | thead | \A  td | th | tr | sub | sup |  \A time (datetime, pubdate) | u | ul | var \A \A Les sauts de ligne seront transformés en éléments <p> ou <br>. \A  \A Les URL seront automatiquement transformées en liens." !important;
  1438.     position: absolute !important;
  1439.     display: inline-block !important;
  1440.     width: 659px !important;
  1441.     height: 325px !important;
  1442.     margin-top: -338px !important;
  1443.     margin-left: -40px !important;
  1444.     padding: 5px !important;
  1445.     color: peru !important;
  1446.     border-radius: 4px 4px 20px 20px !important;
  1447.     background: black !important;
  1448.     white-space: pre-line !important;
  1449.     z-index: 500 !important;
  1450.     opacity: 1 !important;
  1451.     overflow:hidden !important;
  1452.     overflow-y: auto !important;
  1453.     transition: all 0.7s!important;
  1454.     transition: all ease 0.7s !important;
  1455.     border: 4px solid GREEN !important;
  1456. }
  1457.  
  1458. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1459. #vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1460.     position: absolute !important;
  1461.     display: inline-block !important;
  1462.     width: 430px !important;
  1463.     height: 500px !important;
  1464.     top: 460px !important;
  1465.     left: 40px !important;
  1466.     border: 4px DOTTED GREEN !important;
  1467. }
  1468.  
  1469.  
  1470.  
  1471.  
  1472. /* HTLM WITH GM */
  1473. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
  1474.     display: none !important;
  1475. }
  1476. /* .bodybox-wrap:hover:after , */
  1477. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
  1478.     content: "Les éléments et attributs suivants sont autorisés.  \A \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A \A * (name, title) | a (href) | abbr | b | \A blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A  img (alt, height, src (https), width) |  \A kbd | li | mark | ol | p | pre | q (cite) |  \A rp | rt | ruby | s | samp | small | span | strike |  \A strong | tt | table | tbody | tfoot | thead | \A  td | th | tr | sub | sup |  \A time (datetime, pubdate) | u | ul | var \A \A Les sauts de ligne seront transformés en éléments <p> ou <br>. \A  \A Les URL seront automatiquement transformées en liens." !important;
  1479.     position: absolute !important;
  1480.     display: inline-block !important;
  1481.     width: 638px !important;
  1482.     height: 400px !important;
  1483.     margin-top: -398px !important;
  1484.     margin-left: -40px !important;
  1485.     padding: 5px !important;
  1486.     color: peru !important;
  1487.     border: 1px dotted GREEN !important;
  1488.     border-radius: 4px 4px 0px 20px !important;
  1489.     background: black !important;
  1490.     white-space: pre-line !important;
  1491.     z-index: 500 !important;
  1492.     opacity: 1 !important;
  1493.     overflow:hidden !important;
  1494.     overflow-y: auto !important;
  1495.     transition: all 0.7s!important;
  1496.     transition: all ease 0.7s !important;
  1497. }
  1498.  
  1499.  
  1500. /* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
  1501. https://greasyfork.org/scripts/6779
  1502. .bodybox-wrap .RadioLabel[for="Form_Format1"] a
  1503. === */
  1504. /* .RadioLabel[for="Form_Format1"]:hover , */
  1505. .RadioLabel[for="Form_Format1"] {
  1506.     position: relative !important;
  1507.     display: inline-block !important;
  1508.     width: 130px !important;
  1509.     border: 1px solid YELLOW !important;
  1510. }
  1511.  
  1512. /* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
  1513. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
  1514.     content: "Quick reference guide to the rest of the Markdown syntax.  \A \25B6 Headers with ( # )  :   \A # Level one header #   \A ### Level three header ###  \A Headers continue as you’d imagine, with extra hashes.  \A \25B6 Links  with ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 Blockquote with ( > ):  \A > This is quoted   \A \25B6 Code :   \A Indent text at least 4 spaces for all formatting in it to be ignored.  \A # This isn't displayed as header, because it is indented 4 spaces  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Lists  \A \25B6 Unordered lists : use *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 Ordered lists : use number followed by period.  \A 1. with  \A 1. numbers  \A  \25B6 Horizontal lines with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A _italic_ or *italic*  \A __bold__ or **bold**  \A \25B6 Escaping :  \A If you don’t want some of these rules to apply,   \A they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A This is /\*/\*not/\*/\* in bold." !important;
  1515.     position: absolute !important;
  1516.     display: inline-block !important;
  1517.     width: 500px !important;
  1518.     height: 390px !important;
  1519.     margin-top: -398px !important;
  1520.     margin-left: -66px !important;
  1521.     padding: 10px !important;
  1522.     color: peru !important;
  1523.     border: 1px dotted YELLOW !important;
  1524.     border-radius: 4px 4px 0px 20px !important;
  1525.     background: black !important;
  1526.     white-space: pre-line !important;
  1527.     z-index: 500 !important;
  1528.     opacity: 1 !important;
  1529.     visibility: visible !important;
  1530.     overflow:hidden !important;
  1531.     overflow-y: auto !important;
  1532.     transition: all 0.7s!important;
  1533. }
  1534.  
  1535. /* HTLM WITH GM */
  1536. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
  1537. display: none !important;
  1538. }
  1539. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
  1540. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1541.     content: "Quick reference guide to the rest of the Markdown syntax.  \A \25B6 Headers with ( # )  :   \A # Level one header #   \A ### Level three header ###  \A Headers continue as you’d imagine, with extra hashes.  \A \25B6 Links  with ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 Blockquote with ( > ):  \A > This is quoted   \A \25B6 Code :   \A Indent text at least 4 spaces for all formatting in it to be ignored.  \A # This isn't displayed as header, because it is indented 4 spaces  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Lists  \A \25B6 Unordered lists : use *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 Ordered lists : use number followed by period.  \A 1. with  \A 1. numbers  \A  \25B6 Horizontal lines with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A _italic_ or *italic*  \A __bold__ or **bold**  \A \25B6 Escaping :  \A If you don’t want some of these rules to apply,   \A they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A This is /\*/\*not/\*/\* in bold." !important;
  1542.     position: absolute !important;
  1543.     display: inline-block !important;
  1544.     width: 520px !important;
  1545.     height: 320px !important;
  1546.     margin-top: -342px !important;
  1547.     margin-left: -66px !important;
  1548.     padding: 10px !important;
  1549.     color: peru !important;
  1550.     border-radius: 4px 4px 20px 20px !important;
  1551.     white-space: pre-line !important;
  1552.     z-index: 500 !important;
  1553.     opacity: 1 !important;
  1554.     visibility: visible !important;
  1555.     overflow:hidden !important;
  1556.     overflow-y: auto !important;
  1557.     transition: all 0.7s!important;
  1558.     border: 4px solid YELLOW !important;
  1559.     background: black !important;
  1560. }
  1561. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1562. #vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1563.     position: absolute !important;
  1564.     display: inline-block !important;
  1565.     width: 420px !important;
  1566.     height: 500px !important;
  1567.     margin-left: 80px !important;
  1568.     top: 255px !important;
  1569.     left: -525px !important;
  1570.     font-size: 12px !important;
  1571.     border: 4px DOTTED YELLOW !important;
  1572. }
  1573.  
  1574. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  1575. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  1576. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  1577. visibility: hidden !important;
  1578.     opacity: 0!important;
  1579. }
  1580.  
  1581. /* (new66) PROFILE INFOS - without sript - === */
  1582. #main-header + .width-constraint .text-content #user-profile + section header {
  1583.     margin-bottom: 2px !important;
  1584.     margin-top: -18px !important;
  1585. }
  1586. /* (new76) PROFILE INFOS - CITRUS */
  1587. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  1588.     margin-bottom: 2px !important;
  1589.     margin-top: -9px !important;
  1590. }
  1591. .width-constraint #script-list-option-groups.list-option-groups + header {
  1592.     display: inline-block !important;
  1593.     float: right !important;
  1594.     width: 778px !important;
  1595.     min-height: 25px !important;
  1596.     max-height: 25px !important;
  1597.     line-height: 0px !important;
  1598.     margin-right: -26px !important;
  1599.     margin-top: 0px !important;
  1600. /* margin-bottom: -37px !important; */
  1601. /* background: red !important; */
  1602. }
  1603. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  1604.     display: inline-block !important;
  1605.     width: 779px !important;
  1606.     min-height: 25px !important;
  1607.     max-height: 25px !important;
  1608.     line-height: 20px !important;
  1609.     margin-top: -3px !important;
  1610. /* margin-bottom: -37px !important; */
  1611.     text-align: center !important;
  1612. background: #222 !important;
  1613. }
  1614. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  1615.     display: inline-block !important;
  1616.     float: right !important;
  1617.     width: 778px !important;
  1618.     min-height: 844px !important;
  1619.     margin-top: 25px !important;
  1620.     margin-right: -29px !important;
  1621. }
  1622.  
  1623.  
  1624. /* (new94) USER PROFILE - === */
  1625. .script-list,
  1626. .user-list,
  1627. .text-content {
  1628.     display: inline-block !important;
  1629. /* width: 100% !important; */
  1630.     margin-top: 0px !important;
  1631.     box-shadow: 3px 3px 2px black !important;
  1632.     background-color: #222 !important;
  1633. }
  1634. #user-profile>p {
  1635.     margin-top: 0 !important;
  1636. }
  1637. .text-content {
  1638. width: 100% !important;
  1639. }
  1640.  
  1641. .white-panel,
  1642. #user-discussions-on-scripts-written,
  1643. #control-panel,
  1644. #user-profile {
  1645.     background-color: transparent !important;
  1646. }
  1647.  
  1648. /* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE -
  1649. https://greasyfork.org/fr/users/8-decembre?sort=updated
  1650. https://greasyfork.org/fr/users/2482-lazza?sort=updated
  1651. === */
  1652. body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
  1653. body[pagetype="UserProfile"] #main-header + .width-constraint {
  1654.     margin-top: 45px !important;
  1655.     max-width: 980px !important;
  1656. background: #222 !important;
  1657. }
  1658. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
  1659. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
  1660.     display: inline-block  !important;
  1661.     max-width: 980px !important;
  1662.     box-shadow: none !important;
  1663. }
  1664.  
  1665. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
  1666.     box-shadow: none !important;
  1667.     padding-bottom: 0 !important;
  1668. }
  1669. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
  1670.     padding: 0 0 0 10px !important;
  1671. }
  1672.  
  1673. /* (new73) FAVORIS SCRIPTS - without CITRUS */
  1674. .width-constraint section.text-content + section {
  1675.     margin-top: 25px !important;
  1676.     margin-bottom: 10px !important;
  1677. /* background: blue !important; */
  1678. }
  1679. .width-constraint section.text-content + section header {
  1680.     margin-top: -31px !important;
  1681.     margin-bottom: -10px !important;
  1682. }
  1683. #user-script-sets {
  1684.     margin-top: 0px !important;
  1685. padding-top: 10px !important;
  1686.     padding-left: 0px !important;
  1687. }
  1688.  
  1689.  
  1690. /* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
  1691. body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
  1692.     display: inline-block  !important;
  1693.     margin-top: -18px !important;
  1694. /* background: red !important; */
  1695. }
  1696. body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
  1697.     margin-top: -31px !important;
  1698.     margin-bottom: 10px !important;
  1699. }
  1700.  
  1701.  
  1702. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
  1703.  
  1704. #user-profile {
  1705.     display: inline-block !important;
  1706.     min-width: 910px;
  1707.     max-width: 910px;
  1708.     min-height: 21px!important;
  1709.     max-height: 21px!important;
  1710.     padding-bottom: 8px !important;
  1711.     padding-top: 2px !important;
  1712.     overflow: hidden!important;
  1713.     transition: all ease 0.2s !important;
  1714. /* background-color: red !important; */
  1715. }
  1716.  
  1717. body[pagetype="PersonalProfile"] #user-profile ,
  1718. body[pagetype="UserProfile"] #user-profile {
  1719.     display: inline-block !important;
  1720.     min-width: 930px;
  1721.     max-width: 930px;
  1722.     background-color: white;
  1723.     min-height: 21px!important;
  1724.     max-height: 21px!important;
  1725.     padding-bottom: 18px !important;
  1726.     padding-top: 0px !important;
  1727.     overflow: hidden!important;
  1728.     transition: all ease 0.2s !important;
  1729. }
  1730. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
  1731. #user-profile:hover {
  1732.     display: inline-block !important;
  1733.     min-height: 21px !important;
  1734.     max-height: 200px !important;
  1735.     background: black!important;
  1736.     overflow-y: auto !important;
  1737.     transition: all ease 0.7s !important;
  1738. }
  1739. body[pagetype="PersonalProfile"] #user-profile:hover ,
  1740. body[pagetype="UserProfile"] #user-profile:hover {
  1741.     display: inline-block !important;
  1742.     min-height: 21px !important;
  1743.     max-height: 200px !important;
  1744.     background: black!important;
  1745.     overflow-y: auto !important;
  1746.     transition: all ease 0.7s !important;
  1747. }
  1748.  
  1749.  
  1750. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
  1751.  
  1752. .width-constraint > .text-content #user-profile:after {
  1753.     position: absolute !important;
  1754.     display: inline-block !important;
  1755.     top: 107px !important;
  1756.     margin-left: -255px !important;
  1757.     content: " (hover it !)" !important;
  1758.     font-size: 9px !important;
  1759.     color: tomato !important;
  1760. /* background: red !important; */
  1761. }
  1762. body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
  1763.     top: 99px !important;
  1764.     margin-left: 0px !important;
  1765.     color: red !important;
  1766. }
  1767.  
  1768. body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
  1769.     top: 99px !important;
  1770.     margin-left: -220px !important;
  1771.     color: green !important;
  1772. }
  1773.  
  1774.  
  1775. /* A SUPP ?? */
  1776.  
  1777. #user-profile>h1:not(:hover){
  1778.     margin-bottom: -5px !important;
  1779. }
  1780. #user-profile>h1:not(:hover):after {
  1781.     margin-top: -3px !important;
  1782.     content: " (hover it !)" !important;
  1783.     font-size: 9px !important;
  1784.     color: tomato !important;
  1785. }
  1786. #user-profile>a:hover {
  1787.     color: tomato !important;
  1788. }
  1789. #user-discussions-on-scripts-written  {
  1790.     min-width: 930px !important;
  1791.     max-width: 930px !important;
  1792.     margin: auto !important;
  1793.     padding-bottom: 18px !important;
  1794.     padding-top: 0px !important;
  1795.     background-color: white;
  1796. }
  1797. #user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
  1798.     max-width: 385px !important;
  1799.     word-wrap: break-word !important;
  1800. }
  1801. .width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
  1802.     display: inline-block !important;
  1803.     float: left !important;
  1804.     margin-left: -15px !important;
  1805.     margin-top: 20px !important;
  1806. }
  1807.  
  1808.  
  1809. /* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK -
  1810. https://greasyfork.org/en/users/11263-azazello
  1811. https://greasyfork.org/en/users/3171-clickhappier?sort=updated
  1812. === */
  1813. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1814.     display: inline-block!important;
  1815.     margin-left: -13px !important;
  1816.     margin-bottom: 0 !important;
  1817. margin-top: -14px !important;
  1818.     padding-left: 6px !important;
  1819. }
  1820.  
  1821. /* CITRUS */
  1822. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1823.     display: inline-block!important;
  1824.     margin-left: -13px !important;
  1825. margin-top: 4px !important;
  1826.     padding-left: 6px !important;
  1827. }
  1828.  
  1829. #user-script-sets>li {
  1830.     display: inline-block !important;
  1831.     float: right ;
  1832.     clear: both ;
  1833.     width: 935px !important;
  1834.     line-height: 20px !important;
  1835.     margin-bottom: 2px !important;
  1836.     padding: 0 5px !important;
  1837.     text-indent: -18px !important;
  1838. }
  1839. #user-script-sets>li:nth-child(odd)  {
  1840.     background: #333 !important;
  1841. }
  1842. #user-script-sets>li:nth-child(even) {
  1843.     background: black !important;
  1844. }
  1845. #user-script-sets>li:hover {
  1846.     color: tomato !important;
  1847. }
  1848. #user-script-sets>li:before {
  1849.     content: " ▶   " ;
  1850. }
  1851.  
  1852. #user-script-sets>li a[href*="/scripts?set="] {
  1853.     display: inline-block !important;
  1854. /* float: left !important; */
  1855.     width: 17px !important;
  1856.     line-height: 20px !important;
  1857.     margin-bottom: -3px !important;
  1858.     font-size: 10px !important;
  1859.     color: transparent !important;
  1860.     white-space: nowrap !important;
  1861.     overflow: hidden !important;
  1862. }
  1863. /* (new60) */
  1864. #user-script-sets>li a[href*="/scripts?set="]:before {
  1865.     position: relative ;
  1866.     display: inline-block !important;
  1867.     float: left ;
  1868.     height: 100% ;
  1869.     max-height: 15px ;
  1870.     min-height: 15px ;
  1871.     width: 100% ;
  1872.     min-width: 25px ;
  1873.     max-width: 25px ;
  1874.     margin-left: -2px ;
  1875.     top: 4px ;
  1876.     color: transparent;
  1877.     content: " ";
  1878.     background-repeat: no-repeat;
  1879.     background-color: rgba(55, 173, 227, 0.4) ;
  1880.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1881.     background-position: 3px -650px !important;
  1882. }
  1883. #user-script-sets>li:hover>a[href$="/edit"] {
  1884.     display: inline-block !important;
  1885.     height: 15px !important;
  1886.     line-height: 18px !important;
  1887.     margin-left: 15px !important;
  1888.     color: gold !important;
  1889. /* background: rgba(11, 11, 11, 0.5) !important; */
  1890.     padding: 2px 4px !important;
  1891. /* border-radius: 5px !important; */
  1892. /* transition: background ease 1.5s !important; */
  1893. }
  1894. /* (new60 */
  1895. #user-script-sets>li:hover>a:not([href$="/edit"]) {
  1896.     display: inline-block !important;
  1897. /*     color: gold !important; */
  1898. /*     background: rgba(11, 11, 11, 0.5) !important; */
  1899. /*     border-radius: 5px !important; */
  1900. /*     transition: background ease 0.8s !important; */
  1901. }
  1902. #user-script-sets>li>a[href$="/edit"]:hover  ,
  1903. #user-script-sets>li>a:not([href$="/edit"]):hover {
  1904. /*     color: white !important; */
  1905. /*     transition: background ease 0.8s !important; */
  1906. }
  1907.  
  1908. /* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
  1909. #main-header + #script-table + .pagination + #UserSets ,
  1910. #main-header + #script-table + #UserSets {
  1911.     position: fixed !important;
  1912.     left: 27.5% !important;
  1913.     top: 48px!important;
  1914.     padding: 2px 10px;
  1915.     background-color: yellow;
  1916.     border-radius: 5px;
  1917.     z-index: 200!important;
  1918.     z-index: 200000 !important;
  1919.     opacity: 1 !important;
  1920. }
  1921.  
  1922. #main-header + #script-table + .pagination + #UserSets:before ,
  1923. #main-header + #script-table + #UserSets:before {
  1924.     background-color: yellow;
  1925.     border-radius: 5px;
  1926.     content: "Your Sets ▼ " !important;
  1927.     display: inline-block !important;
  1928.     left: 27.5% !important;
  1929.     padding: 1px 5px !important;
  1930.     position: fixed !important;
  1931.     top: 48px !important;
  1932.     font-size: 12px !important;
  1933.     visibility: visible !important;
  1934.     z-index: 200000 !important;
  1935.     opacity: 1 !important;
  1936. }
  1937. #main-header + #script-table + .pagination + #UserSets:hover ,
  1938. #main-header + #script-table + #UserSets:hover {
  1939.     opacity: 1 !important;
  1940.     visibility: visible !important;
  1941. }
  1942.  
  1943. /* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - -
  1944. VOIR SET without scripts list:
  1945. https://greasyfork.org/fr/scripts?set=24
  1946. === */
  1947.  
  1948. /* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  1949. #UserSets +.width-constraint>h3 {
  1950.     position: fixed !important;
  1951.     display: inline-block !important;
  1952.     width: 300px !important;
  1953.     height: 20px !important;
  1954.     line-height: 17px !important;
  1955.     top: 60px !important;
  1956.     margin-left: 250px !important;
  1957.     padding: 0 2px !important;
  1958.     font-size: 12px !important;
  1959.     text-align: left !important;
  1960.     border-radius: 3px !important;
  1961.     background: #333 !important;
  1962. }
  1963. #UserSets +.width-constraint>h3 a {
  1964.     display: inline-block !important;
  1965.     max-width: 80px !important;
  1966.     height: 15px !important;
  1967.     line-height: 15px !important;
  1968.     margin-top: 0px !important;
  1969.     font-size: 13px !important;
  1970.     color: gold !important;
  1971.     white-space: nowrap !important;
  1972.     overflow: hidden !important;
  1973.     text-overflow: ellipsis !important;
  1974. }
  1975. #UserSets +.width-constraint>h3 a:hover {
  1976.     color: tomato !important;
  1977. }
  1978. #UserSets +.width-constraint>h3 >a[href$="/edit"] {
  1979.     position: absolute !important;
  1980.     display: inline-block !important;
  1981.     height: 15px !important;
  1982.     line-height: 15px !important;
  1983.     width: 40px !important;
  1984.     top: 2px !important;
  1985.     margin-left: 25% !important;
  1986.     padding: 2px 2px 2px 15px !important;
  1987.     border-radius: 3px !important;
  1988.     font-size: 14px !important;
  1989.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  1990.     opacity: 0 !important;
  1991.     z-index: 1500 !important;
  1992. }
  1993. #UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
  1994.     position: absolute !important;
  1995.     display: inline-block !important;
  1996.     height: 15px !important;
  1997.     line-height: 15px !important;
  1998.     width: 40px !important;
  1999.     top: 20px !important;
  2000.     margin-left: 27% !important;
  2001.     padding: 2px 2px 2px 15px !important;
  2002.     border-radius: 3px !important;
  2003.     font-size: 14px !important;
  2004.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2005.     opacity: 1 !important;
  2006.     z-index: 1500 !important;
  2007. }
  2008.  
  2009. /* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  2010. #UserSets + .width-constraint>p {
  2011.     padding: 2px 2px 2px 20px !important;
  2012.     z-index: 500 !important;
  2013.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2014. }
  2015. #UserSets + .width-constraint>p {
  2016.     padding: 2px 2px 2px 20px !important;
  2017.     z-index: 500 !important;
  2018.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2019. }
  2020.  
  2021. /* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER -
  2022. https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
  2023. https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
  2024. https://greasyfork.org/en/users/4-loucypher?sort=updated
  2025. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  2026. ===  */
  2027. #UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
  2028. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
  2029.     content: "► Desc " !important;
  2030.     position: fixed !important;
  2031.     min-width: 60px !important;
  2032.     max-width: 60px !important;
  2033.     top: 71px !important;
  2034.     margin-left: -290px !important;
  2035.     padding: 2px 2px 2px 10px !important;
  2036.     border-radius: 3px !important;
  2037.     font-size: 13px !important;
  2038.     font-weight: bolder !important;
  2039.     color: gold !important;
  2040.     overflow: hidden !important;
  2041.     text-overflow: ellipsis !important;
  2042.     white-space: nowrap !important;
  2043.     z-index: 500 !important;
  2044.     background: rgba(145, 124, 124, 0.42)!important;
  2045.     pointer-events: none !important;
  2046. }
  2047.  
  2048. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  2049. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  2050.     position: fixed !important;
  2051.     min-width: 185px !important;
  2052.     max-width: 185px !important;
  2053.     top: 31px !important;
  2054.     margin-left: 760px !important;
  2055.     padding: 2px 2px 2px 10px !important;
  2056.     border-radius: 3px !important;
  2057.     font-size: 15px !important;
  2058.     font-weight: bolder !important;
  2059.     color: peru !important;
  2060.     overflow: hidden !important;
  2061.     text-overflow: ellipsis !important;
  2062.     white-space: nowrap!important;
  2063.     z-index: 500 !important;
  2064.     background: rgba(145, 124, 124, 0.42)!important;
  2065. }
  2066. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
  2067. .width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
  2068. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
  2069. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
  2070.     position: fixed !important;
  2071.     height: auto !important;
  2072.     min-width: 385px !important;
  2073.     max-width: 385px !important;
  2074.     top: 31px !important;
  2075.     margin-left: 530px !important;
  2076.     padding: 2px 40px 20px 40px !important;
  2077.     border-radius: 3px !important;
  2078.     font-size: 15px !important;
  2079.     font-weight: bolder !important;
  2080.     color: white !important;
  2081.     border: 1px solid peru !important;
  2082.     border-radius: 5px !important;
  2083.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
  2084.     overflow: hidden !important;
  2085.     white-space: normal !important;
  2086.     text-align: left !important;
  2087.     z-index: 500 !important;
  2088.     background: black !important;
  2089.     transition: all ease 0.7s !important;
  2090. }
  2091.  
  2092.  
  2093. /* (new74) FAVORITS / SETS PAGES - MEDIA QUERIE - === */
  2094. @media screen and (max-width: 1400px) {
  2095.  
  2096. /* #main-header + #script-table + #UserSets */
  2097. #UserSets {
  2098.     margin-left: -10% !important;
  2099. z-index: 5000 !important;
  2100. }
  2101. /* #main-header + #script-table + #UserSets:before */
  2102. #UserSets:before {
  2103.     margin-left: -15% !important;
  2104. z-index: 5000 !important;
  2105. }
  2106.  
  2107. #UserSets + .width-constraint .pagination  {
  2108.     margin-left: -10% !important;
  2109. }
  2110. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  2111. }
  2112.  
  2113.  
  2114. /* GREASY FORK - FORUM - PROFILE PAGE - === */
  2115. .PhotoWrap a.ChangePicture {
  2116.     display: block;
  2117.     top: 15px !important;
  2118.     color: gold !important;
  2119.     z-index: 5000 !important;
  2120.     transition: all ease 0.2s !important;
  2121. }
  2122. .PhotoWrap:hover a.ChangePicture {
  2123.     display: block;
  2124.     top: 70px !important;
  2125.     color: gold !important;
  2126.     transition: all ease 0.7s !important;
  2127. }
  2128. .PhotoWrap:hover a.ChangePicture span {
  2129.     color: gold !important;
  2130. }
  2131. #dashboard_profile_index #Content.Column.ContentColumn ,
  2132. #dashboard_profile_discussions #Content.Column.ContentColumn {
  2133.     margin-top: 70px!important;
  2134. }
  2135. .About dd {
  2136.     color: peru !important;
  2137. }
  2138. /* (new80) */
  2139. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  2140. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  2141. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  2142.     position: fixed !important;
  2143.     display: inline-block !important;
  2144.     width: 742px !important;
  2145.     top: 54px !important;
  2146.     margin-left: -7px !important;
  2147.     padding: 5px !important;
  2148.     border-bottom: 1px solid peru !important;
  2149.     background: black !important;
  2150.     z-index: 200 !important;
  2151. }
  2152. /* (new72) */
  2153. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
  2154. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
  2155. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  2156.     position: fixed !important;
  2157.     display: inline-block !important;
  2158.     top: 69px !important;
  2159.     margin-left: -158px !important;
  2160. z-index: 5000 !important;
  2161. }
  2162. /* (new72) */
  2163. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2164. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2165. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  2166.     position: fixed!important;
  2167.     display: inline-block !important;
  2168.     top: 69px !important;
  2169.     margin-left: -58px !important;
  2170.     padding: 4px 47px !important;
  2171.     box-shadow: none !important;
  2172.     text-shadow: none !important;
  2173.     z-index: 202 !important;
  2174. }
  2175. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
  2176. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
  2177. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  2178.     top: 24px!important;
  2179.     position: fixed!important;
  2180.     display: inline-block;
  2181.     z-index: 250!important;
  2182.     color: peru!important;
  2183.     width: 678px!important;
  2184.     text-align: left;
  2185.     background: black;
  2186.     padding: 2px 5px!important;
  2187.     border: 1px solid peru!important;
  2188. }
  2189. /* (new80)*/
  2190. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
  2191. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
  2192. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  2193. margin-top: 70px !important;
  2194. }
  2195. #conversations_messages_all .Condensed.DataList.Conversations {
  2196.     margin-top: 42px !important;
  2197. }
  2198. /* (new72) */
  2199. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  2200.     margin-top: -70px !important;
  2201. }
  2202. /* (new90) GREASYFORK FORUM - PROFILE BUTTON */
  2203. #dashboard_profile_discussions .About>dt:last-of-type  {
  2204.     position: absolute !important;
  2205.     display: inline-block !important;
  2206.     width: 23% !important;
  2207.     height: 18px !important;
  2208.     line-height: 18px !important;
  2209.     top: 5px !important;
  2210. left: 74%!important;
  2211.     padding: 2px 2px 2px 15px !important;
  2212.     border-radius: 3px !important;
  2213.     font-size: 15px !important;
  2214.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2215. /* outline: 1px solid violet !important; */
  2216. }
  2217. /* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  2218. /* #browse-script-list>li */
  2219. #user-script-list>li>article ,
  2220. #browse-script-list>li>article {
  2221.     padding: 2px 5px !important;
  2222.     width: 720px !important;
  2223. }
  2224. /* CIRTUS */
  2225. /* body[pagetype="ListingPage"] #user-script-list>li>article ,
  2226. body[pagetype="ListingPage"] #browse-script-list>li>article {
  2227.     padding: 2px 5px !important;
  2228.     width: 875px !important;
  2229. } */
  2230. .script-list dt {
  2231.     width: 12em;
  2232.     clear: left;
  2233.     float: left;
  2234.     padding-left: 5px!important;
  2235.     padding-right: 1em;
  2236.     font-weight: bold;
  2237.     text-align: left !important;
  2238.     border-left: 1px solid peru !important;
  2239. }
  2240. /* (new66) without script */
  2241. #user-script-list>li>article .description ,
  2242. #browse-script-list>li>article .description {
  2243.     display: inline-block!important;
  2244.     width: 100% !important;
  2245.     min-width: 757px !important;
  2246.     max-width: 757px !important;
  2247. /* padding-bottom: 10px!important; */
  2248.     padding-bottom: 4px !important;
  2249.     padding-left: 4px!important;
  2250.     font-size: 15px !important;
  2251.     line-height: 15px !important;
  2252.     border-bottom: 1px solid gray!important;
  2253.     border-left: 3px solid red !important;
  2254.     word-wrap: break-word !important;
  2255.     overflow: hidden !important;
  2256. /* background: blue !important; */
  2257. }
  2258. /* CITRUS */
  2259. body[pagetype="UserProfile"]
  2260. #user-script-list>li>article .description ,
  2261. #browse-script-list>li>article .description {
  2262.     display: inline-block!important;
  2263.     width: 100% !important;
  2264.     min-width: 710px !important;
  2265.     max-width: 710px !important;
  2266. /* padding-bottom: 10px!important; */
  2267.     padding-bottom: 4px !important;
  2268.     padding-left: 4px!important;
  2269.     font-size: 15px !important;
  2270.     line-height: 15px !important;
  2271.     border-bottom: 1px solid gray!important;
  2272.     border-left: 3px solid red !important;
  2273.     word-wrap: break-word !important;
  2274.     overflow: hidden !important;
  2275. /* background: blue !important; */
  2276. }
  2277. /* mark ELEMENT - === */
  2278. mark {
  2279.     padding: 0px 5px !important;
  2280.     border-radius: 3px!important;
  2281.     background: #DED236 !important;
  2282. }
  2283.  
  2284.  
  2285.  
  2286. /* (new84) ICON USER / SCRIPT - BACKGROUND - === */
  2287. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
  2288. #title-image ,
  2289. .ProfilePhoto.ProfilePhotoMedium ,
  2290. #script-info>header>h2>div img {
  2291.     height: auto !important;
  2292.     max-height: 30px !important;
  2293.     max-width: 30px !important;
  2294.     width: auto !important;
  2295.     margin-top: -3px;
  2296.     padding: 2px !important;
  2297.     background-color: rgba(191, 191, 190, 0.33) !important;
  2298.     border-radius: 5px !important;
  2299.     box-shadow: 0 0 2px #cccccc inset !important;
  2300. }
  2301. #site-name img ,
  2302. #title-image  {
  2303.     background-color: rgba(191, 191, 190, 0.33) !important;
  2304.     background-image: none !important;
  2305. }
  2306. /* #site-name img[src="https://greasyfork.org/en/forum/uploads/SCN2YQGWLIU4.jpg"] , */
  2307. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] ,
  2308. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
  2309.     display: inline-block !important;
  2310.     position: relative !important;
  2311.     height: 100% !important;
  2312.     min-height: 30px !important;
  2313.     max-height: 30px !important;
  2314.     max-width: 100%!important;
  2315.     min-width: 30px !important;
  2316.     max-width: 30px !important;
  2317. /* left: -48px !important; */
  2318.     top: -4px !important;
  2319.     width: auto !important;
  2320.     padding: 2px!important;
  2321. background-color: black !important;
  2322. border-radius: 3px !important;
  2323.     box-shadow: 0 0 2px #cccccc inset !important;
  2324. }
  2325.  
  2326.  
  2327. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  2328.     position: relative !important;
  2329.     display: inline-block !important;
  2330.     top: -3px !important;
  2331.     border-radius: 5px !important;
  2332. }
  2333.  
  2334. /* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  2335. .Preview {
  2336.     background: #454545!important;
  2337.     color: #929292 !important;
  2338.     min-height: 100px;
  2339.     padding: 4px;
  2340. }
  2341. blockquote ,
  2342. blockquote.Quote,
  2343. blockQuote.UserQuote {
  2344.     background: rgba(184, 181, 181, 0.05) !important;
  2345.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  2346. }
  2347.  
  2348. /* BLOCKQUOTES */
  2349. blockquote {
  2350.     width: 668px !important;
  2351.     margin-left: -4px !important;
  2352.     padding: 1px 5px !important;
  2353. }
  2354. .Message>blockquote>div>pre{
  2355.     margin-left: 2px!important;
  2356. }
  2357. .Message>blockquote>pre{
  2358.     width: 97% !important;
  2359. }
  2360. .QuoteText>ol{
  2361.     display: inline-block!important;
  2362.     width: 95%!important;
  2363.     margin-bottom: -28px!important;
  2364.     margin-top: -15px!important;
  2365. }
  2366. .script-author-description>blockquote {
  2367.     margin-left: -4px !important;
  2368.     padding: 1px 5px !important;
  2369.     width: 99% !important;
  2370. }
  2371. /* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  2372. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  2373. #vanilla_post_discussion #Content.Column.ContentColumn {
  2374.     width: 689px!important;
  2375.     margin-top: 74px!important;
  2376.     margin-left: 215px!important;
  2377. }
  2378. /* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  2379. #Content.Column.ContentColumn ,
  2380. #vanilla_discussion_index #Content.Column.ContentColumn {
  2381. /* position: relative !important; */
  2382.     display: inline-block !important;
  2383.     float: right !important;
  2384.     width: 750px !important;
  2385.     min-height: 770px !important;
  2386.     margin-top: -8px !important;
  2387.     padding: 0 0 0 5px !important;
  2388.     border-radius: 0 0 5px 5px !important;
  2389.     box-shadow: none !important;
  2390. background: transparent !important;
  2391. /* z-index: 0 !important; */
  2392. /* overflow: hidden !important; */
  2393. }
  2394.  
  2395. /* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */
  2396. .ExtraDiscussionData-Rating .report {
  2397.     width: 584px ;
  2398. padding: 5px !important;
  2399. border: 1px solid gray !important;
  2400. }
  2401.  
  2402. /* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
  2403. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  2404. margin-top: -37px !important;
  2405. }
  2406.  
  2407. /* (new79) USERSTYLE */
  2408. #Content.Column.ContentColumn .MessageList.Discussion ,
  2409. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  2410.     position: relative !important;
  2411. top: -28px;
  2412. margin-bottom: -41px !important;
  2413. z-index: 10 !important;
  2414. }
  2415.  
  2416.  
  2417. /* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
  2418. .MessageForm.CommentForm.FormTitleWrapper {
  2419.     padding-left: 15px !important;
  2420. }
  2421.  
  2422. /* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  2423. /* GREASYFORK */
  2424. .Column.ContentColumn .DataList.Discussions {
  2425.     position: relative !important;
  2426.     display: inline-block !important;
  2427.     width: 727px!important;
  2428. margin-top: 5px!important;
  2429. /* margin-left: 0px !important; */
  2430. /*     right: 47px; */
  2431. /* background: red !important; */
  2432. }
  2433.  
  2434. /* (new74) PB DIFF - USERSTYLES / GREASYFORK */
  2435. /* GREASYFORK */
  2436. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  2437.     margin-left: 0px !important;
  2438. /* background: green !important; */
  2439. }
  2440. #vanilla_discussions_mine .Column.ContentColumn .DataList.Discussions {
  2441. /* margin-left: -50px !important; */
  2442. /* background: green !important; */
  2443. }
  2444.  
  2445. /* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc....
  2446. #vanilla_discussions_index #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions ,
  2447. === */
  2448. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
  2449.  
  2450. #vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
  2451. /*     margin-left: -20px !important; */
  2452. /* background: red !important; */
  2453. }
  2454.  
  2455. /* ==== */
  2456.  
  2457. .Profile .DataList.Discussions {
  2458.     position: relative !important;
  2459.     display: inline-block !important;
  2460.     width: 727px !important;
  2461.     margin-top: 107px!important;
  2462. }
  2463. #vanilla_categories_index .DataList.CategoryList {
  2464.     position: relative !important;
  2465.     display: inline-block !important;
  2466.     width: 727px !important;
  2467.     margin-top: 30px!important;
  2468. }
  2469. .DataList.Activities .Item   {
  2470.     position: relative !important;
  2471.     display: inline-block !important;
  2472.     width: 709px !important;
  2473. }
  2474.  
  2475. /* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
  2476. .HomepageTitle ,
  2477. .H.HomepageTitle {
  2478.     position: fixed !important;
  2479.     width: 733px !important;
  2480.     top: 80px !important;
  2481.     margin-left: 0px !important;
  2482.     padding: 1px 5px 1px 5px !important;
  2483.     border-top: 1px solid peru !important;
  2484.     border-bottom: 1px solid peru!important;
  2485.     color: gold !important;
  2486.     background-color: #222 !important;
  2487.     z-index: 10 !important;
  2488. }
  2489. #vanilla_discussions_participated .HomepageTitle {
  2490.     width: 733px !important;
  2491.     top: 47px !important;
  2492. }
  2493.  
  2494. /* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
  2495. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  2496.     width: 747px!important;
  2497.     top: 46px !important;
  2498. /* margin-left: -20px !important; */
  2499. }
  2500. .P.PageDescription {
  2501.     position: fixed !important;
  2502.     width: 738px!important;
  2503.     top: 72px !important;
  2504.     padding: 1px 0px 1px 5px !important;
  2505.     color: gold !important;
  2506. border-bottom: 1px solid red !important;
  2507.     background-color: #222 !important;
  2508.     z-index: 10 !important;
  2509. }
  2510. #vanilla_categories_index .DataList.Discussions {
  2511.     margin-top: 47px !important;
  2512.     border-top: 1px solid peru !important;
  2513. }
  2514.  
  2515. /* PROFILE - DICUSSION LIST -  === */
  2516. .Profile .DataList.Discussions {
  2517.     margin-top: 0px !important;
  2518. }
  2519.  
  2520. /* ACTIVITY PAGE - === */
  2521. .Excerpt>p>a>img {
  2522.     max-width: 671px!important;
  2523. }
  2524. #dashboard_profile_notifications .Item:nth-child(odd) ,
  2525. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  2526. .DataList.SearchResults .Item:nth-child(odd) {
  2527.     background-color: #222 !important;
  2528. }
  2529. #dashboard_profile_notifications .Item:nth-child(even) ,
  2530. .Profile .DataList.Discussions .Item:nth-child(even) ,
  2531. .DataList.SearchResults .Item:nth-child(even) {
  2532.     background-color: #414141 !important;
  2533. }
  2534. #dashboard_profile_notifications .Item:hover ,
  2535. .Profile .DataList.Discussions .Item:hover ,
  2536. .DataList.SearchResults .Item:hover {
  2537.     background-color: rgba(7, 7, 7, 0.57) !important;
  2538.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  2539.     transition: background 0.8s ease 0s !important;
  2540. }
  2541. #dashboard_profile_notifications .Item:hover ,
  2542. .Profile .DataList.Discussions .Item:hover ,
  2543. .DataList.SearchResults .Item:hover {
  2544.     background-color: black !important;
  2545.     z-index: 1 !important;
  2546. }
  2547. /* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
  2548. .DataList.SearchResults .Item .ItemContent .Meta a {
  2549.     font-size: 15px! important;
  2550. }
  2551.  
  2552.  
  2553. /* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  2554. .sidebar-search {
  2555.     position: absolute !important;
  2556. }
  2557.  
  2558. #script-search>input[type="search"] {
  2559.     min-height: 18px !important;
  2560.     line-height: 18px!important;
  2561. }
  2562. #script-search>input[type="submit"] {
  2563.     position: relative;
  2564. /*     display: inline-block!important; */
  2565.     -moz-appearance: none!important;
  2566.     height: 21px !important;
  2567.     line-height: 18px!important;
  2568.     width: 20px !important;
  2569. top: 3px !important;
  2570.     padding-right: 0 !important;
  2571.     font-size: 12px !important;
  2572.     text-align: center !important;
  2573. }
  2574. #userProfile + ul  #sidebar-search #search-submit {
  2575.     height: 19px !important;
  2576. }
  2577.  
  2578. #search-other-sites {
  2579.     direction: rtl;
  2580.     width: 13px!important;
  2581.     height: 20px!important;
  2582.     padding: 0px !important;
  2583.     line-height: 10px !important;
  2584. }
  2585.  
  2586. /*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE -
  2587. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  2588. === */
  2589. body:not(.Settings) a:not(.Button) {
  2590.     color: peru!important;
  2591. }
  2592.  
  2593. /* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER -
  2594. .width-constraint :
  2595. https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
  2596. DELETED SCIPT:
  2597. https://greasyfork.org/fr/scripts/69-table-view-plus
  2598. === */
  2599. #main-header +.width-constraint {
  2600.     max-width: 980px !important;
  2601.     margin-top: 51px !important;
  2602. }
  2603. body[pagetype="UserProfile"] #main-header +.width-constraint ,
  2604. body[pagetype="PersonalProfile"] #main-header +.width-constraint {
  2605.     margin-top: 51px !important;
  2606.     box-shadow: 3px 3px 2px black !important;
  2607. }
  2608.  
  2609. #Head .Row  {
  2610.     position: relative;
  2611.     display: inline-block!important;
  2612. /* min-width: 91%!important; */
  2613. /* max-width: 50%!important; */
  2614.     max-height: 47px ! important;
  2615.     min-height: 47px !important;
  2616.     left: 25%!important;
  2617.     padding: 0.25em 0;
  2618. }
  2619. #Head .Row #site-name {
  2620.     height: 51px !important;
  2621.     line-height: 1em;
  2622.     margin-top: -8px!important;
  2623. }
  2624. #nav-user-info {
  2625.     position: absolute;
  2626.     display: inline-block!important;
  2627.     top: -7px!important;
  2628. }
  2629. .user-profile-link {
  2630.     position: relative !important;
  2631.     display: inline-block !important;
  2632. /* z-index: 500000 !important; */
  2633. }
  2634. /* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
  2635. /* #nav-user-info select:before {
  2636. content: "XXXXX" !important;
  2637.     color: blue !important;
  2638. } */
  2639. #language-selector {
  2640.     position: absolute !important;
  2641.     display: inline-block !important;
  2642.     -moz-appearance: none !important;
  2643.     width: 18px !important;
  2644.     height: 15px !important;
  2645.     line-height: 13px !important;
  2646.     top: 2px !important;
  2647.     padding: 0 2px !important;
  2648.     border-radius: 3px !important;
  2649. /*     border: 1px solid gray !important; */
  2650.     box-shadow: 3px 3px 2px black !important;
  2651.     background: #222 !important;
  2652.     overflow: hidden !important;
  2653.     text-indent: -1px !important;
  2654.     text-overflow: '' !important;
  2655.     z-index: 500000 !important;
  2656. }
  2657. #language-selector-locale {
  2658. position: relative !important;
  2659.     display: inline-block !important;
  2660.     -moz-appearance: none !important;
  2661.     width: 19px !important;
  2662.     height: 13px !important;
  2663.     line-height: 8px !important;
  2664.     margin-right: 14px !important;
  2665. /* left: -106px !important; */
  2666.     letter-spacing: 1px !important;
  2667.     color: peru !important;
  2668.     border: 1px solid transparent !important;
  2669.     background: #222 !important;
  2670.     overflow: hidden !important;
  2671. /*     z-index: 5000 !important; */
  2672.     cursor: pointer !important;
  2673. }
  2674. #language-selector-locale:hover {
  2675.     color: tomato !important;
  2676. }
  2677.  
  2678. #language-selector-locale>option {
  2679. text-indent: 20px !important;
  2680. margin-left: -20px !important;
  2681. /* color: gold !important; */
  2682. }
  2683.  
  2684.  
  2685. #language-selector-locale>option:checked:before {
  2686. content: attr(value) ;
  2687. color: tan !important;
  2688. font-size: 20px !important;
  2689. background: black !important;
  2690. }
  2691. #language-selector-locale>option:before {
  2692. content: attr(value) ;
  2693. display: inline-block ;
  2694. width: 100px !important;
  2695. margin-right: 17px  ;
  2696. margin-left: -20px  ;
  2697. /* text-indent: 40px  ; */
  2698. color: gold ;
  2699. }
  2700. #language-selector-locale>option[selected=""]:before {
  2701. /* content: "XX " ; */
  2702. content: attr(value) ;
  2703. color: green !important;
  2704. }
  2705.  
  2706.  
  2707. .width-constraint #nav-user-info {
  2708.     position: absolute;
  2709.     display: inline-block !important;
  2710.     height: 15px!important;
  2711.     line-height: 15px!important;
  2712.     width: 300px!important;
  2713.     top: 15px!important;
  2714.     top: -4px!important;
  2715.     left: 64%!important;
  2716.     text-align: right !important;
  2717. /* border: 1px solid green !important; */
  2718. /* z-index: 0 !important; */
  2719. }
  2720.  
  2721. /* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
  2722. .SiteMenu {
  2723.     position: absolute;
  2724.     display: inline-block !important;
  2725.     height: 24px!important;
  2726.     width: 320px!important;
  2727.     top: -12px!important;
  2728.     left: 16%!important;
  2729. }
  2730.  
  2731. /* (new79) GREASYFORK : WITH / Without TS CITRUS -
  2732. https://greasyfork.org/fr/scripts/
  2733. === */
  2734. #site-nav>nav  {
  2735.     position: absolute;
  2736.     display: inline-block!important;
  2737.     height: 24px!important;
  2738.     line-height: 24px!important;
  2739.     width: 390px!important;
  2740.     top: -9px!important;
  2741.     left: 16%!important;
  2742.     text-align: left !important;
  2743. /* z-index: 500 !important; */
  2744. }
  2745. /* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
  2746. body[pagetype="ListingPage"] #site-nav>nav   {
  2747.     position: absolute;
  2748.     display: inline-block!important;
  2749.     height: 15px!important;
  2750.     line-height: 15px!important;
  2751.     width: 410px!important;
  2752.     top: -4px!important;
  2753.     left: 16%!important;
  2754.     text-align: left !important;
  2755. /* border: 1px solid violet !important; */
  2756. }
  2757.  
  2758. #main-header .width-constraint {
  2759.     position: relative;
  2760. /* display: inline-block !important; */
  2761. /* width: 100% !important; */
  2762.     height: 42px !important;
  2763.     padding: 0 0 0.25em;
  2764. /* left: 24% !important; */
  2765.     overflow: visible !important;
  2766. /* z-index: 500 !important; */
  2767. }
  2768. #main-header .width-constraint #site-name {
  2769.     height: 40px!important;
  2770. }
  2771. #title-subtext {
  2772.     font-size: 10px;
  2773.     font-weight: 400 !important;
  2774.     left: 63px !important;
  2775.     position: absolute;
  2776.     text-decoration: none;
  2777.     top: 28px !important;
  2778. }
  2779. #site-name>a[href="/"] {
  2780.     display: inline-block!important;
  2781.     color: gold !important;
  2782. }
  2783. #site-name>a[href="/"] span {
  2784.     position: relative!important;
  2785.     display: inline-block!important;
  2786.     height: 33px!important;
  2787.     line-height: 33px!important;
  2788.     top: -3px !important;
  2789.     margin-left: 3px!important;
  2790.     font-size: 27px!important;
  2791.     color: peru !important;
  2792.  
  2793. }
  2794. #site-name>a[href="/"] #title-subtext {
  2795.     position: absolute;
  2796.     top: 15px!important;
  2797.     left: 55px !important;
  2798.     font-size: 10px;
  2799.     font-weight: 400 !important;
  2800.     text-decoration: none;
  2801.     color: peru !important;
  2802. }
  2803. #site-name>a[href="/"] span:first-of-type {
  2804.     height: 18px !important;
  2805.     line-height: 16px !important;
  2806.     top: -18px !important;
  2807.     border-radius: 0 0 10px 0 !important;
  2808.     border: 1px solid peru !important;
  2809.     border-left:  none !important;
  2810.     border-top:  none !important;
  2811.     font-size: 18px !important;
  2812. }
  2813. /*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
  2814. #site-name h1 {
  2815.     width: 109px !important;
  2816.     height: 20px !important;
  2817.     line-height: 12px !important;
  2818.     top: -18px !important;
  2819.     border-radius: 0 0 10px 0 !important;
  2820.     border: 1px solid peru !important;
  2821.     border-left:  none !important;
  2822.     border-top:  none !important;
  2823. }
  2824. #site-name h1 a {
  2825.     height: 18px !important;
  2826.     line-height: 15px !important;
  2827.     font-size: 18px !important;
  2828. letter-spacing: 0.2px !important;
  2829. }
  2830.  
  2831. .subtitle ,
  2832. #main-header .subtitle {
  2833.     margin-top: -3px !important;
  2834.     margin-left: -1px !important;
  2835.     text-shadow: none !important;
  2836. }
  2837.  
  2838. /* #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
  2839. #vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
  2840.     transform: translate(150px, -16px)!important;
  2841. } */
  2842. #site-name-text {
  2843.     display: inline-block;
  2844.     vertical-align: top;
  2845. height: 18px!important;
  2846.     line-height: 18px!important;
  2847. /*     margin-left: -50px!important; */
  2848. }
  2849. #site-name-text h1 {
  2850.     font-size: 18px!important;
  2851.     letter-spacing: -2px;
  2852.     margin-top: -4px;
  2853. /* color: red !important; */
  2854. }
  2855. #site-name-text h1 a {
  2856.     font-size: 15px!important;
  2857.     letter-spacing: 0.6px !important;
  2858.     margin: 0;
  2859. /* color: red !important; */
  2860. }
  2861. #site-nav>nav>li>a {
  2862.     margin-right: 2px !important;
  2863. }
  2864. /* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
  2865. #nav-user-info {
  2866.     color: transparent !important;
  2867. }
  2868. .sign-out-link {
  2869.     position: relative !important;
  2870.     display: inline-block !important;
  2871.     height: 15px !important;
  2872.     margin-right: 5px !important;
  2873.     font-size: 0 !important;
  2874.     opacity: 0.4 !important;
  2875. }
  2876. .sign-out-link:hover {
  2877.     opacity: 1 !important;
  2878. }
  2879. .SignOut,
  2880. .sign-out-link a {
  2881.     border: 1px solid gray !important;
  2882.     border-radius: 3px !important;
  2883.     display: inline-block !important;
  2884.     font-size: 0 !important;
  2885.     height: 15px !important;
  2886.     margin-right: 5px !important;
  2887.     position: relative !important;
  2888.     top: -3px !important;
  2889.     width: 15px !important;
  2890.     background-image: url(https://image.flaticon.com/icons/png/128/17/17547.png?iact=rc&uact=3&page=0&start=0&ndsp=45&ved=0ahUKEwiAkb7D7PzRAhUKsxQKHVFlBfcQMwgfKAUwBQ&client=firefox-b&bih=919&biw=1920) !important;
  2891.     background-position: center !important;
  2892.     background-size: cover !important;
  2893.     background-color: red !important;
  2894.     cursor: pointer !important;
  2895. }
  2896.  
  2897. /* (new74) - GREASYFORK - SEARCH - === */
  2898. .nav-search {
  2899.     position: absolute !important;
  2900.     display: inline-block !important;
  2901.     width: 220px !important;
  2902.     height: 19px !important;
  2903.     line-height: 0px !important;
  2904.     left: 240px !important;
  2905.     top: 7px !important;
  2906. /* border: 1px solid violet !important; */
  2907. }
  2908. .nav-search:hover {
  2909.     width: 400px !important;
  2910. }
  2911. .nav-search #script-search {
  2912.     position: relative;
  2913.     display: inline-block !important;
  2914.     vertical-align: top !important;
  2915.     width: 200px !important;
  2916.     top: -7px !important;
  2917. }
  2918. body[pagetype="ListingPage"] .nav-search #script-search {
  2919.     top: -12px !important;
  2920. }
  2921. .nav-search:hover #script-search {
  2922.     width: 420px !important;
  2923. }
  2924. .nav-search #script-search input[name="q"] {
  2925.     display: inline-block !important;
  2926.     width: 150px !important;
  2927.     margin-top: 5px !important;
  2928.     opacity: 0.4 !important;
  2929. }
  2930.  
  2931. .nav-search:hover #script-search input[name="q"] {
  2932.     width: 350px !important;
  2933.     opacity: 1 !important;
  2934. }
  2935.  
  2936. /* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
  2937. #site-name > a span#settings-subtext {
  2938.     position: absolute !important;
  2939.     display: inline-block !important;
  2940.     height: 16px !important;
  2941.     width: 16px !important;
  2942.     margin-left: -31px !important;
  2943.     margin-top: 18px !important;
  2944.     border-radius: 4px !important;
  2945.     font-size: 0px !important;
  2946.     background: rgba(0, 0, 0, 0) url("https://greasyfork.org/tr/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -102.6px !important;
  2947.     background-color: #DCD9D9 !important;
  2948.     transform: scale(0.7) !important;
  2949.     opacity: 0.4 !important;
  2950. }
  2951. #site-name > a span#settings-subtext:hover {
  2952.     opacity: 1 !important;
  2953. }
  2954.  
  2955. /* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  2956. #script-info {
  2957.     margin-top: -50px !important;
  2958.     padding: 0 5px 0 5px !important;
  2959.     border: 1px solid #bbb;
  2960.     border-radius: 0 !important;
  2961.     box-shadow: none !important;
  2962.     background-color: #333 !important;
  2963. }
  2964. #share {
  2965.     position: relative !important;
  2966.     display: inline-block !important;
  2967.     max-height: 20px !important;
  2968.     margin-bottom: 0 !important;
  2969.     overflow: hidden !important;
  2970.     background: red !important;
  2971.     background-color: #670000 !important;
  2972.     background-image: linear-gradient(#670000, #900) !important;
  2973. }
  2974. #share:hover {
  2975.     height: 240px !important;
  2976.     max-height: 100% !important;
  2977.     overflow: visible !important;
  2978.     transition: height ease 4s !important;
  2979. }
  2980. #share>h3 {
  2981.     margin-top: -2px;
  2982.     width: 942px !important;
  2983.     padding: 0 5px !important;
  2984. }
  2985. #social-buttons {
  2986.     text-align: center !important;
  2987. }
  2988. .social_share_privacy_area.box li.settings_info {
  2989.     display: inline-block !important;
  2990.     left: 0 !important;
  2991. }
  2992. /* (new76) */
  2993. #script-table {
  2994.     display: block!important;
  2995.     margin: 0 auto!important;
  2996.     max-width: 960px!important;
  2997. }
  2998. /* (new79) */
  2999. body[pagetype="ListingPage"] #script-table {
  3000.     margin-top: 76px!important;
  3001. }
  3002. body[pagetype="ListingPage"] #script-table thead {
  3003.     position: fixed!important;
  3004.     max-width: 970px!important;
  3005.     margin-top: -31px!important;
  3006. /* z-index: 500 !important; */
  3007. }
  3008.  
  3009. /* (new66) */
  3010. #script-table tbody td:nth-child(2) {
  3011.     max-width: 450px!important;
  3012.     min-width: 450px !important;
  3013. }
  3014. body[pagetype="ListingPage"] #script-table thead tr {
  3015.     display: inline-table!important;
  3016.     width: 100% !important;
  3017.     max-width: 970px!important;
  3018. }
  3019. #script-table>thead>tr>td:first-of-type {
  3020.     width: 25px !important;
  3021. }
  3022. /* (new79) */
  3023. #script-table>thead>tr>td[tag="name"] {
  3024.     width: 452px !important;
  3025.     text-align: left !important;
  3026.     text-indent: 130px !important;
  3027. /* text-indent: 0px !important; */
  3028. }
  3029. #script-table>thead>tr>td[tag="name"] span {
  3030.     position: relative  !important;
  3031.     display: inline-block !important;
  3032.     width: 15px !important;
  3033.     margin-left: 0px !important;
  3034.     padding: 0px !important;
  3035.     text-align: center !important;
  3036.     text-indent: 0px !important;
  3037. }
  3038. #script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
  3039.     content: "Library Filter" !important;
  3040.     position: absolute !important;
  3041.     display: inline-block !important;
  3042.     width: 80px !important;
  3043.     margin-left: -10px !important;
  3044.     margin-top: -17px !important;
  3045.     padding: 0px !important;
  3046.     border-radius: 5px !important;
  3047.     text-align: center !important;
  3048.     text-indent: 0px !important;
  3049.     background: #cefd8a !important;
  3050.     color: black !important;
  3051. }
  3052. #script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
  3053.     content: "Unlisted Filter" !important;
  3054.     position: absolute !important;
  3055.     display: inline-block !important;
  3056.     width: 80px !important;
  3057.     margin-left: -10px !important;
  3058.     margin-top: -17px !important;
  3059.     padding: 0px !important;
  3060.     border-radius: 5px !important;
  3061.     text-align: center !important;
  3062.     text-indent: 0px !important;
  3063.     background: #cee7f3 !important;
  3064.     color: black !important;
  3065. }
  3066. #script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
  3067.     content: "Deleted Filter" !important;
  3068.     position: absolute !important;
  3069.     display: inline-block !important;
  3070.     width: 80px !important;
  3071.     margin-left: -10px !important;
  3072.     margin-top: -17px !important;
  3073.     padding: 0px !important;
  3074.     border-radius: 5px !important;
  3075.     text-align: center !important;
  3076.     text-indent: 0px !important;
  3077.     background: #f77a7a !important;
  3078.     color: black !important;
  3079. }
  3080.  
  3081. /* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */
  3082. /* [tag="created"] ,
  3083. [tag="updated"] {
  3084.     background-color: yellow !important;
  3085. } */
  3086. #script-table>thead>tr>td {
  3087.     box-shadow: 3px 3px 2px black !important;
  3088. /* background-color: #333 !important; */
  3089. }
  3090. /* #script-table>thead>tr>td:selected {
  3091.     box-shadow: 3px 3px 2px black !important;
  3092. background: red !important;
  3093. } */
  3094. /* #SelectedSortColumn ~[tag='updated'] {
  3095. background-color: yellow !important;
  3096. } */
  3097.  
  3098.  
  3099. #script-table>thead>tr>td[tag="ratings"] {
  3100.     width: 84px!important;
  3101. }
  3102. #script-table>thead>tr>td[tag=""] {
  3103.     width: 45px!important;
  3104. }
  3105. #script-table>thead>tr>td[tag="total_installs"] {
  3106.     width: 55px !important;
  3107. }
  3108. #script-table>thead>tr>td[tag="created"] {
  3109.     width: 107px!important;
  3110. }
  3111. #script-table>thead>tr>td[tag="updated"] {
  3112.     width: 108px!important;
  3113. }
  3114.  
  3115. /* SCRIPT # */
  3116. #script-table tbody td:nth-child(1) {
  3117. /* width: 4% !important; */
  3118. }
  3119. /* SCRIPT INFO */
  3120. #script-table tbody td:nth-child(2) {
  3121. /* min-width: 17% !important; */
  3122. /* max-width: 17% !important; */
  3123.     width: 12% !important;
  3124. }
  3125. /* SCRIPT RATING */
  3126. #script-table tbody td:nth-child(3) {
  3127.     width: 4% !important;
  3128. }
  3129. /* SCRIPT DAILY */
  3130. #script-table tbody td:nth-child(4) {
  3131.     width: 12.7% !important;
  3132. }
  3133. /* SCRIPT TOTAL  */
  3134. #script-table tbody td:nth-child(5) {
  3135.     width: 8.8% !important;
  3136. }
  3137. /* SCRIPT CREATED  */
  3138. #script-table tbody td:nth-child(6) {
  3139.     width: 11.1% !important;
  3140. }
  3141. /* SCRIPT UPDATED  */
  3142. #script-table tbody td:nth-child(7) {
  3143.     width: 12.4% !important;
  3144. }
  3145.  
  3146. #script-table td:not(:first-of-type):not([tag="name"]):not([tag="ratings"]):not([tag=""]):not([tag="total_installs"]):not([tag="created"]):not([tag="updated"]) {
  3147. /* background: blue !important; */
  3148. }
  3149.  
  3150. /* (new66)*/
  3151. #script-table td .thetitle +div {
  3152.     overflow: hidden !important;
  3153.     word-wrap: break-word!important;
  3154. }
  3155. /* (new90) */
  3156. .width-constraint #script-info>header {
  3157.     position: fixed !important;
  3158.     display: inline-block !important;
  3159.     min-width: 966px!important;
  3160.     max-width: 966px!important;
  3161.     height: 126px!important;
  3162.     line-height: 17px!important;
  3163.     margin-left: -4px !important;
  3164.     top: 48px !important;
  3165.     padding: 5px 5px  0px 5px !important;
  3166.     z-index: 5 !important;
  3167.     background: black !important;
  3168. }
  3169. #script-description {
  3170.     display: inline-block !important;
  3171.     width: 100% !important;
  3172.     padding-bottom: 7px !important;
  3173.     border-bottom: 1px solid red !important;
  3174. }
  3175. #script-info header h2 {
  3176.     position: relative !important;
  3177.     display: inline-block !important;
  3178.     width: 100% !important;
  3179.     line-height: 17px !important;
  3180. vertical-align: top !important;
  3181.     margin-top: 1px !important;
  3182.     padding-bottom: 5px !important;
  3183.     font-size: 17px !important;
  3184. /* text-indent: 35px ; */
  3185.     border-bottom: 1px solid red !important;
  3186. }
  3187.  
  3188.  
  3189. /* (new90) ADAPTATION For GM - GreasyFork script icon (https)
  3190. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  3191. === */
  3192. /* #script-info>header>h2>div {
  3193.     position: absolute;
  3194.     display: inline-block;
  3195.     width: 80px;
  3196.     margin-left: calc(-42px - 1ex);
  3197.     top: 3px;
  3198.     text-align: right;
  3199. } */
  3200. #script-info>header>h2>div {
  3201.     position: relative !important;
  3202.     display: inline-block;
  3203.     width: 34px !important;
  3204.     top: 3px;
  3205.     margin-top: -2px ;
  3206. /* margin-left: calc(-46px - 1ex); */
  3207. margin-left: 0px !important;
  3208.     margin-right: 10px !important;
  3209.     text-align: right;
  3210. }
  3211. /*  (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE - === */
  3212. @media screen and (max-width: 1400px) {
  3213.  
  3214. /* ==== END === (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE === */
  3215. }
  3216.  
  3217.  
  3218. /* (new74) */
  3219. .width-constraint #script-info>#script-links {
  3220.     position: fixed !important;
  3221.     display: inline-block !important;
  3222.     width: 100% !important;
  3223.     min-width: 960px!important;
  3224.     max-width: 960px!important;
  3225.     top: 179px!important;
  3226.     margin-left: 0 !important;
  3227.     padding: 2px 5px !important;
  3228.     z-index: 500 !important;
  3229.     background: #222 !important;
  3230.     z-index: 5000 !important;
  3231. }
  3232.  
  3233. /* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
  3234. html>body>div[style="text-align: right; padding: 1px 50px"] {
  3235.     position: fixed !important;
  3236.     width: 275px !important;
  3237.     top: 72px !important;
  3238.     padding: 0 !important;
  3239.     text-align: right;
  3240.     left:  33% !important;
  3241.     z-index: 500 !important;
  3242. }
  3243. #RelativeSearch {
  3244.     display: inline-block;
  3245.     width: 120px !important;
  3246.     padding: 1px 10px !important;
  3247.     text-align: center;
  3248.     border-radius: 3px;
  3249.     cursor: pointer;
  3250.     background-color: orange;
  3251. }
  3252.  
  3253. /* (new963) USER SET - HEADER - TXT "SETS" - === */
  3254. #UserSets::before {
  3255.     width: 53px !important;
  3256.     left: 5px !important;
  3257.     text-indent: 0px !important;
  3258. z-index: 20000 !important;
  3259. }
  3260. #UserSets {
  3261.     position: fixed !important;
  3262.     display: inline-block !important;
  3263.     float: none !important;
  3264.     left: 22% !important;
  3265.     padding: 6px 5px !important;
  3266.     top: 52px !important;
  3267.     border-radius: 5px;
  3268.     opacity: 1 !important;
  3269.     visibility: hidden !important;
  3270.     z-index: 20000 !important;
  3271.     cursor: pointer !important;
  3272. /* background-color: yellow; */
  3273. }
  3274. #UserSets:hover {
  3275.     opacity: 1 !important;
  3276.     visibility: visible !important;
  3277. /* background-color: gold !important; */
  3278. }
  3279. #UserSets li {
  3280.     width: 400px;
  3281.     text-indent: 0px !important;
  3282. }
  3283.  
  3284. /* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus -
  3285. https://greasyfork.org/fr/scripts/17170-myfreecams-private-chat-log-link-adder
  3286. === */
  3287. #script-info #script-description .linkifyplus>img {
  3288.     display: inline-block !important;
  3289.     max-width: 15% !important;
  3290.     margin-bottom: -27px !important;
  3291. }
  3292.  
  3293. /* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus :
  3294. https://greasyfork.org/fr/scripts/4255-linkify-plus-plus
  3295. VOIR (ok):
  3296. https://greasyfork.org/fr/scripts/4713-eza-s-image-glutton/code
  3297. === */
  3298. #code-container  .linkifyplus>img {
  3299.     height: auto !important;
  3300.     max-height: 64px !important;
  3301.     max-width: 64px !important;
  3302.     width: auto !important;
  3303.     background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
  3304.     border-radius: 5px !important;
  3305.     box-shadow: 0 0 2px #cccccc inset !important;
  3306.     padding: 2px !important;
  3307. }
  3308. /* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  3309. .width-constraint #script-info>#script-links li > * {
  3310.     display: block;
  3311.     padding: 2px!important;
  3312.     font-size: 14px!important;
  3313. }
  3314.  
  3315.  
  3316. /* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
  3317. #user-control-panel > li  ,
  3318. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
  3319.     display: inline-block !important;
  3320.     width: 45% !important;
  3321.     line-height: 13px!important;
  3322.     margin-left: 25px !important;
  3323.     padding: 2px 1px!important;
  3324.     border: 1px solid #404040;
  3325.     border-radius: 5px;
  3326.     box-shadow: 3px 3px 2px black !important;
  3327.     text-align: center!important;
  3328.     font-size: 13px!important;
  3329.     background-color: #333 !important;
  3330. }
  3331.  
  3332. /*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
  3333. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  3334.     position: fixed !important;
  3335.     display: inline-block !important;
  3336.     width: 350px !important;
  3337.     height: 30px !important;
  3338.     line-height: 15px !important;
  3339.     margin-left: 580px !important;
  3340.     margin-top: -45px !important;
  3341.     padding: 3px 5px 3px 5px !important;
  3342.     border-radius: 4px;
  3343.     text-align: left !important;
  3344.     background-color: #D6D6D1 !important;
  3345.     opacity: 0!important;
  3346.     transition: opacity ease 0.7s !important;
  3347. }
  3348. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  3349.     opacity: 1!important;
  3350.     z-index: 5000 !important;
  3351. }
  3352.  
  3353. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  3354.     position: fixed !important;
  3355.     display: inline-block !important;
  3356.     width: 310px !important;
  3357.     height: 30px !important;
  3358.     line-height: 15px !important;
  3359.     margin-left: -100px !important;
  3360.     margin-top: -50px !important;
  3361.     padding: 3px 5px 3px 5px !important;
  3362.     border-radius: 4px;
  3363.     text-align: left !important;
  3364.     background-color: #D6D6D1 !important;
  3365.     opacity: 0!important;
  3366.     transition: opacity ease 0.7s !important;
  3367. }
  3368. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  3369.     position: fixed!important;
  3370.     display: inline-block!important;
  3371.     float: none!important;
  3372.     margin-left: 95px !important;
  3373.     margin-top: -205px!important;
  3374.     opacity: 1!important;
  3375. }
  3376.  
  3377. /* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
  3378. #script-feedback-suggestion {
  3379.     margin-top: 95px !important;
  3380.     margin-bottom: -15px !important;
  3381. }
  3382.  
  3383. /* (new94) SCRIPT INFO - VERSIONS - DIFF - === */
  3384. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
  3385.     margin-top: 42px !important;
  3386.     margin-bottom: 50px;
  3387. }
  3388. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  3389.     margin-top: -41px !important;
  3390. }
  3391. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {
  3392.     margin-bottom: 100px;
  3393.     margin-top: -41px;
  3394. }
  3395.  
  3396.  
  3397. /* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
  3398. :not([id="install-stats-chart-container"])
  3399.  === */
  3400. .width-constraint #script-info>#script-content>p {
  3401.     margin-top: 42px !important;
  3402.     margin-bottom: -88px;
  3403. }
  3404. .width-constraint #script-info>#script-content{
  3405.     position: relative !important;
  3406.     display: inline-block!important;
  3407.     min-height: 682px !important;
  3408.     min-width: 959px !important;
  3409.     max-width: 959px !important;
  3410.     margin-top: 174px !important;
  3411.     margin-left: -1px !important;
  3412.     padding-left: 9px !important;
  3413.     padding-right: 0 !important;
  3414.     padding-top: 0px !important;
  3415.     border: 1px solid black !important;
  3416.     background-color: #2B2B2B !important;
  3417.     z-index: 0 !important;
  3418. }
  3419. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  3420.     min-width: 930px !important;
  3421.     max-width: 930px !important;
  3422.     margin-left: 0px !important;
  3423.     border-bottom: 1px solid gray !important;
  3424.     text-align: center !important;
  3425.     background: #222222!important;
  3426. }
  3427. .width-constraint #discussions {
  3428.     min-width: 850px !important;
  3429.     max-width: 850px !important;
  3430.     margin-top: -10px !important;
  3431.     margin-left: -10px !important;
  3432.     padding: 20px 53px !important;
  3433.     border: 1px solid gray !important;
  3434. }
  3435. .width-constraint #discussions li:nth-child(odd) {
  3436.     border-bottom: 1px solid gray!important;
  3437.     background: #222222 !important;
  3438. }
  3439. .width-constraint #discussions li:nth-child(even) {
  3440.     border-bottom: 1px solid gray!important;
  3441.     background: #333333 !important;
  3442. }
  3443.  
  3444. .width-constraint #discussions li:hover {
  3445.     background: rgba(0, 0, 0, 0.8)!important;
  3446.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3447.     transition: background 0.8s ease 0s !important;
  3448. }
  3449. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  3450.     position: fixed !important;
  3451.     height: 20px !important;
  3452.     line-height: 20px !important;
  3453.     width: 483px !important;
  3454.     margin-left: -5px !important;
  3455.     top: 32px !important;
  3456.     padding: 1px 1px 1px 20px  !important;
  3457.     border-radius: 5px !important;
  3458.     font-size: 13px ;
  3459.     text-align: center !important;
  3460.     border: 1px solid gray !important;
  3461.     background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 2%, rgba(17, 17, 17, 1) 37%, rgba(51, 51, 51, 1) 100%, rgba(19, 19, 19, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  3462. z-index: 0 !important;
  3463. }
  3464. /* body[pagetype="ListingPage"] #script-table +.width-constraint h3>a:first-of-type */
  3465.  
  3466.  
  3467. /* (new88) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS -
  3468. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  3469. === */
  3470. #install-area {
  3471.     position: fixed !important;
  3472.     display: inline-block!important;
  3473.     min-width: 950px !important;
  3474.     max-width: 950px !important;
  3475.     top: 213px !important;
  3476.     margin-left: -8px !important;
  3477.     padding: 5px 9px !important;
  3478.     border-bottom: 1px solid gray;
  3479.     background-color: #f9ecdb!important;
  3480.     z-index: 1!important;
  3481. }
  3482. .width-constraint #script-info > #script-content  #script-meta {
  3483.     display: table;
  3484.     width: 950px !important;
  3485.     margin-top: 15px !important;
  3486.     padding: 5px !important;
  3487.     border-bottom: 1px dotted gray !important;
  3488. }
  3489.  
  3490. /* (new89) */
  3491. .script-in-sets:not(:hover) {
  3492.     position: fixed ;
  3493.     display: inline-block ;
  3494.     min-width: 298px ;
  3495.     max-width: 298px ;
  3496.     min-height: 34px !important;
  3497.     max-height: 34px !important;
  3498.     top: 216px ;
  3499.     left: 40% ;
  3500.     margin-left: 0 ;
  3501. /* padding: 0 0 50px 0 !important; */
  3502.     font-size: 0 ;
  3503.     overflow: hidden ;
  3504. overflow-y: auto ;
  3505.     border: 1px solid #404040;
  3506.     background: #222 ;
  3507. }
  3508. .script-in-sets:hover {
  3509.     position: fixed ;
  3510.     display: inline-block ;
  3511.     min-width: 298px ;
  3512.     max-width: 298px ;
  3513.     max-height: 100% ;
  3514.     top: 216px ;
  3515.     left: 40% ;
  3516.     margin-left: 0 ;
  3517. padding: 0 0 50px 0 !important;
  3518.     font-size: 0 ;
  3519.     overflow: hidden ;
  3520. overflow-y: auto ;
  3521.     border: 1px solid #404040;
  3522.     background: #222 ;
  3523. }
  3524. .script-in-sets > a {
  3525.     display: inline-block ;
  3526.     width: 291px ;
  3527.     margin-left: 0 ;
  3528.     font-size: 13px ;
  3529.     text-indent: 5px ;
  3530.     white-space: nowrap ;
  3531.     overflow: hidden ;
  3532.     text-overflow: ellipsis ;
  3533. }
  3534. .script-in-sets:hover {
  3535.     height: auto ;
  3536.     padding-bottom: 50px ;
  3537. }
  3538.  
  3539. .script-in-sets > select {
  3540.     display: inline-block ;
  3541.     width: 252px !important;
  3542.     margin-top: 2px ;
  3543. }
  3544.  
  3545.  
  3546. /* (new94) SET CHOICE - FIRT VALUE SELECTED - === */
  3547. .script-in-sets>select[name="action-set"] {
  3548.     position: relative ;
  3549.     display: inline-block ;
  3550.     height: 15px !important;
  3551.     line-height: 15px !important;
  3552.     top: -2px ;
  3553.     border: none ;
  3554. /* background: red ; */
  3555.     -moz-appearance: none ;
  3556. }
  3557. /* .script-in-sets>select option[value^="ri-"]:first-of-type */
  3558. .script-in-sets>select option[value^="ri-"] {
  3559.     color: peru ;
  3560.     background: black ;
  3561.     -moz-appearance: none ;
  3562.     outline: 1px solid peru ;
  3563. }
  3564. /* SET NEW */
  3565. .script-in-sets>select option[value="ai-new"] {
  3566.     color: gold ;
  3567.     background: black ;
  3568.     -moz-appearance: none ;
  3569. }
  3570. /* SET SUBMIT ARROW */
  3571. .script-in-sets > input[value="→"][type="submit"] {
  3572.     position: relative ;
  3573.     display: inline-block ;
  3574.     height: 15px ;
  3575.     line-height: 15px;
  3576.     top: -2px !important;
  3577.     margin-left: 2px ;
  3578.     border: none ;
  3579.     cursor: pointer ;
  3580.     -moz-appearance: none;
  3581. }
  3582. .script-in-sets:before {
  3583.     content: "sets ⏬" ;
  3584.     position: absolute ;
  3585.     display: inline-block ;
  3586.     height: 10px ;
  3587.     line-height: 15px ;
  3588.     width: 25px ;
  3589.     top: -2px ;
  3590.     right: 17px ;
  3591.     font-size: 12px ;
  3592.     text-align: center ;
  3593.     color: red  ;
  3594. }
  3595. /* (new65) */
  3596. #script-stats {
  3597.     display: inline-table !important;
  3598.     -moz-column-count: unset !important;
  3599.     float: left !important;
  3600.     clear: none !important;
  3601.     width: 100% !important;
  3602.     max-width: 399px !important;
  3603.     min-width: 399px !important;
  3604.     outline: 1px solid gray !important;
  3605.     padding-right: 0 !important;
  3606. }
  3607. #script-stats dt {
  3608.     display: table-row !important;
  3609.     clear: none !important;
  3610.     float: left !important;
  3611.     height: 18px !important;
  3612.     line-height: 18px !important;
  3613.     min-width: 45% !important;
  3614.     max-width: 45% !important;
  3615.     border-bottom: 1px solid gray !important;
  3616.     text-indent: 10px !important;
  3617. }
  3618.  
  3619. #script-stats dt.script-show-compatibility {
  3620. display: table-row !important;
  3621.     clear: none !important;
  3622.     float: left !important;
  3623.     height: 30px !important;
  3624.     line-height: 30px !important;
  3625.     min-width: 45% !important;
  3626.     max-width: 45% !important;
  3627. }
  3628.  
  3629. /* (new71) */
  3630. #script-stats dd {
  3631.     display: table-cell !important;
  3632.     clear: none !important;
  3633.     float: right !important;
  3634.     height: 18px !important;
  3635.     line-height: 18px !important;
  3636.     min-width: 55% !important;
  3637.     max-width: 55% !important;
  3638.     margin-left: -50px !important;
  3639. white-space: nowrap !important;
  3640. overflow: hidden !important;
  3641. text-overflow: ellipsis !important;
  3642. /* background: red !important; */
  3643. }
  3644.  
  3645. #script-meta dd:not(.script-show-applies-to) {
  3646. display: table-cell !important;
  3647.     clear: none !important;
  3648.     float: right !important;
  3649.     height: 18px !important;
  3650.     line-height: 18px !important;
  3651.     border-bottom: 1px solid gray !important;
  3652.     text-indent: 10px !important;
  3653. }
  3654. #script-meta dd.script-show-compatibility {
  3655.     display: table-row !important;
  3656.     clear: none !important;
  3657.     float: left !important;
  3658.     height: 30px !important;
  3659.     line-height: 34px !important;
  3660. /*     min-width: 45% !important;
  3661.     max-width: 45% !important; */
  3662. }
  3663.  
  3664.  
  3665. /* (new67) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER -
  3666. https://greasyfork.org/fr/scripts/109-handy-image
  3667. ==== */
  3668. #script-meta>div {
  3669.     position: relative;
  3670.     display: inline-block !important;
  3671.     float: right !important;
  3672.     clear: none !important;
  3673.     width: 493px !important;
  3674.     max-height: 186px !important;
  3675.     margin-right: 35px !important;
  3676.     top: -10px !important;
  3677.     padding: 5px 5px 5px 5px !important;
  3678.     overflow-x: hidden !important;
  3679.     overflow-y: hidden !important;
  3680. }
  3681.  
  3682. #script-applies-to dd.script-show-applies-to {
  3683.     display: inline-block !important;
  3684.     padding: 5px;
  3685.     width: 485px !important;
  3686.     max-height: 156px !important;
  3687.     padding: 5px 5px 5px 5px !important;
  3688.     border-radius: 3px !important;
  3689.     border: 1px solid gray !important;
  3690.     overflow: hidden !important;
  3691.     overflow-y: auto !important;
  3692. }
  3693.  
  3694. #script-meta>div code {
  3695.     position: relative;
  3696.     display: inline-block !important;
  3697.     height: 15px !important;
  3698.     line-height: 15px !important;
  3699.     background-color: #262626 !important;
  3700.     border-radius: 3px !important;
  3701.     border: none !important;
  3702.     color: #aba2a4 !important;
  3703.     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  3704.     font-size: 90%;
  3705.     padding: 1px 4px !important;
  3706.     white-space: nowrap;
  3707. }
  3708. #script-meta>div  .inline-list>li:nth-child(even) code {
  3709.     color: #BAA591  !important;
  3710.     background-color: #1A1919 !important
  3711. }
  3712. #script-meta>div  .inline-list>li:nth-child(odd) code {
  3713.     color: #BAA591  !important;
  3714.     background-color: #363535 !important
  3715. }
  3716.  
  3717. /*LINKYFY PLUS */
  3718. .script-show-applies-to .inline-list li a.linkifyplus {
  3719.     position: relative;
  3720.     display: inline-block !important;
  3721.     height: 15px !important;
  3722.     line-height: 15px !important;
  3723.     padding: 1px 4px !important;
  3724.     border-radius: 3px !important;
  3725.     color: #BAA591  !important;
  3726.     background-color: #1A1919 !important
  3727. }
  3728.  
  3729. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  3730.     color: #D0A070  !important;
  3731.     background-color: #1A1919 !important
  3732. }
  3733. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  3734.     color: #BAA591  !important;
  3735.     background-color: #1A1919 !important
  3736. }
  3737. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  3738.     color: tomato  !important;
  3739.     background-color: #1A1919 !important
  3740. }
  3741. .expander {
  3742.     display: none !important;
  3743. }
  3744.  
  3745. /* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
  3746. #script-content>#feedback-favoriters + div {
  3747.     display: inline-block !important;
  3748.     width: 953px !important;
  3749.     margin-top: -10px !important;
  3750.     font-size: 14px !important;
  3751. }
  3752. .inline-list>li:nth-child(odd)>a ,
  3753. .inline-list>li:nth-child(even)>a {
  3754.     display: inline-block !important;
  3755.     padding: 1px 3px !important;
  3756.     border-radius: 3px !important;
  3757. }
  3758. .inline-list>li:nth-child(odd)>a {
  3759.     background: #222 !important;
  3760. }
  3761. .inline-list>li:nth-child(even)>a {
  3762.     background: #333 !important;
  3763. }
  3764.  
  3765.  
  3766. /* (new71) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER -
  3767. TEST LINKS :
  3768. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  3769. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3770. https://greasyfork.org/fr/scripts/740-bili-fix-player
  3771. === */
  3772. .width-constraint #script-info > #script-content #additional-info {
  3773.     position: relative !important;
  3774.     display: inline-block !important;
  3775.     min-width: 950px !important;
  3776.     max-width: 950px !important;
  3777.     top: 10px !important;
  3778.     margin-left: -4px !important;
  3779.     margin-bottom: 50px !important;
  3780.     padding: 0 5px 15px 5px !important;
  3781.     background-color: #f9dacd;
  3782.     border-radius: 5px;
  3783.     word-wrap: break-word !important;
  3784. }
  3785. .width-constraint #script-info > #script-content #additional-info {
  3786.     margin-bottom: -14px !important;
  3787.     margin-top: 0 !important;
  3788. }
  3789. .script-author-description>p>code {
  3790.     display: inline-block!important;
  3791.     white-space: pre-line !important;
  3792. }
  3793. #additional-info > .script-author-description> pre ,
  3794. .script-author-description>blockquote>pre {
  3795.     margin-left: 30px;
  3796.     padding: 5px 10px;
  3797.     border: 1px solid gray !important;
  3798.     border-radius: 2px;
  3799.     word-wrap: break-word !important;
  3800.     background-color: #5c5c5c !important;
  3801. }
  3802. /* (new62) CODE in SCRIPT INFO PAGE -
  3803. https://greasyfork.org/fr/scripts/7596-decloak-links-and-open-directly
  3804. === */
  3805. .script-author-description>p>code ,
  3806. #additional-info > .script-author-description > pre > code ,
  3807. #additional-info > .script-author-description  > blockquote > pre > code {
  3808.     border: 1px solid gray !important;
  3809.     max-width: 99% !important;
  3810. }
  3811.  
  3812. /* ===
  3813. https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
  3814. CODE IN IT :
  3815. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3816. === */
  3817. .width-constraint #script-info > #script-content #additional-info > div {
  3818.     padding: 5px !important;
  3819.     background-color: #2B2B2B !important;
  3820. }
  3821. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  3822.     max-width: 895px !important;
  3823. }
  3824.  
  3825. /* GREASYFORK - CODE PAGE - === */
  3826. #code-container {
  3827.     max-height: 620px!important;
  3828.     width: 100% ;
  3829.     margin-left: -5px !important;
  3830.     margin-top: 8px !important;
  3831.     overflow-x: hidden !important;
  3832.     background-color: white !important;
  3833. }
  3834. #script-feedback-suggestion + #code-container{
  3835.     max-height: 615px!important;
  3836.     width: 100% ;
  3837.     margin-left: -5px !important;
  3838.     margin-top: 22px !important;
  3839.     overflow-x: hidden !important;
  3840.     background-color: white !important;
  3841. }
  3842. /* GREASYFORK - DISCUSS / HISTORIC etc - === */
  3843. #feedback-favoriters ,
  3844. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  3845.     margin-top: 10px !important;
  3846.     margin-bottom: 20px !important;
  3847.     padding: 5px !important;
  3848.     border-radius: 4px !important;
  3849.     text-align: center !important;
  3850.     background-color: #f9dacd !important;
  3851. }
  3852.  
  3853. /* (new93) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) -
  3854. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
  3855. https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
  3856. === */
  3857. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  3858.     margin-top: 90px!important;
  3859.     width: 934px !important;
  3860. }
  3861.  
  3862.  
  3863. /* .width-constraint #script-info > #script-content p + form > ul */
  3864. .width-constraint #script-info > #script-content > form > ul  {
  3865.     width: 950px !important;
  3866.     height: 610px !important;
  3867.     margin-top: 0px !important;
  3868.     margin-bottom: 0 !important;
  3869.     border-top: 1px dashed gray !important;
  3870.     border-bottom: 1px dashed gray !important;
  3871.     padding-left: 5px !important;
  3872.     overflow-x: hidden !important;
  3873.     overflow-y: auto !important;
  3874. }
  3875.  
  3876. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  3877.     margin-bottom: 15px !important;
  3878.     cursor: pointer !important;
  3879. }
  3880. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  3881.     top: 29.9%!important;
  3882.     margin-left: -20px!important;
  3883.     position: fixed !important;
  3884.     width: 10px !important;
  3885.     height: 15px !important;
  3886.     border-left: 19px solid #AAAAAA;
  3887.     border-bottom: 9px solid transparent;
  3888.     border-top: 9px solid transparent;
  3889.     border-right: none !important;
  3890.     color: transparent!important;
  3891.     cursor: pointer !important;
  3892.     background: green !important;
  3893.     -moz-appearance: none !important;
  3894.     transition: width ease 0.1s, margin ease 0.1s  !important;
  3895. }
  3896. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  3897.     margin-left: -130px !important;
  3898.     width: 145px !important;
  3899.     height: auto !important;
  3900.     line-height: 12px !important;
  3901.     -moz-appearance: button !important;
  3902.     white-space: normal !important;
  3903.     border: none !important;
  3904.     color: black !important;
  3905.     cursor: pointer !important;
  3906.     transition: width ease 0.2s, margin ease 1.5s !important;
  3907. }
  3908.  
  3909.  
  3910. /* (new62) GREASYFORK - SCRIPT STATS - === */
  3911. #script-content> script[src*="assets"] ~h3 {
  3912.     margin-top: 10px !important;
  3913.     margin-bottom: 20px !important;
  3914.     padding: 5px !important;
  3915.     border-radius: 4px !important;
  3916.     text-align: center! important;
  3917. }
  3918. [id$="-chart-container"] {
  3919.     background: white !important;
  3920. }
  3921. td.numeric,
  3922. th.numeric {
  3923.     text-align: left!important;
  3924.     text-align: center!important;
  3925. }
  3926. /* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  3927. .width-constraint #discussions li>a:first-of-type {
  3928.     width: 835px !important;
  3929.     display: inline-block !important;
  3930.     color: #B4A393  !important;
  3931. }
  3932. .width-constraint #discussions li>a:first-of-type:hover {
  3933.     color: tomato  !important;
  3934. }
  3935. .width-constraint #discussions li>time:first-of-type {
  3936.     display: inline-block !important;
  3937.     width: 95px !important;
  3938.     margin-right: 20px!important;
  3939.     text-align: center !important;
  3940. }
  3941. .width-constraint #discussions li>time:last-of-type {
  3942.     display: inline-block!important;
  3943.     width: 125px !important;
  3944.     margin-left: -30px !important;
  3945.     text-align: center !important;
  3946.     white-space: nowrap !important;
  3947. }
  3948. .width-constraint #discussions li>a:nth-child(2) {
  3949.     width: 180px !important;
  3950.     display: inline-block !important;
  3951.     margin-left: 10px !important;
  3952. }
  3953. .width-constraint #discussions li>a:nth-child(4) {
  3954.     width: 160px !important;
  3955.     display: inline-block !important;
  3956.     margin-left: 20px !important;
  3957. }
  3958.  
  3959.  
  3960. /* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION -
  3961. #script-content>form > input:first-of-type + ul
  3962. https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
  3963. ==== */
  3964. .width-constraint #script-info > #script-content>form > input:first-of-type + ul {
  3965.     margin-top: -5px  !important;
  3966. /* outline: 4px solid aqua !important; */
  3967. }
  3968. /* (new93) VERSIONS - CONTAINER - ONLY ONE VERSION -
  3969. .width-constraint #script-info > #script-content > form > ul
  3970. https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
  3971. === */
  3972. .width-constraint #script-info > #script-content > form > ul {
  3973.     margin-top: -42px  !important;
  3974. outline: 4px solid red !important;
  3975. }
  3976. /* (new93) GM VERSIONS - ITEMS - ALL - === */
  3977. .width-constraint #script-info > #script-content>form > input:first-of-type {
  3978. /* margin-top: 29px ; */
  3979.     margin-bottom: -3px !important;
  3980.     padding-bottom: 4px !important;
  3981.     border-top: 1px solid gray !important;
  3982.     overflow: hidden !important;
  3983.     text-overflow: ellipsis !important;
  3984.     white-space: nowrap !important;
  3985. }
  3986.  
  3987. .width-constraint #script-info > #script-content > form > ul li:not(:hover) {
  3988. /* margin-top: 29px ; */
  3989.     margin-bottom: -3px !important;
  3990.     padding-bottom: 4px !important;
  3991.     border-top: 1px solid gray !important;
  3992.     overflow: hidden !important;
  3993.     text-overflow: ellipsis !important;
  3994. white-space: nowrap !important;
  3995. }
  3996.  
  3997. .width-constraint #script-info > #script-content > form > ul li:hover {
  3998.     margin-bottom: -3px !important;
  3999.     padding-bottom: 4px !important;
  4000.     border-top: 1px solid gray !important;
  4001.     overflow: visible !important;
  4002.     text-overflow: ellipsis !important;
  4003. /*     white-space: nowrap !important; */
  4004. background: black !important;
  4005. transition: all ease 0.7s !important;
  4006. }
  4007. #script-content>form>ul>li>input + a {
  4008.     display: inline-block !important;
  4009.     width: 15% !important;
  4010.     padding: 1px 5px !important;
  4011.     background: #222222 !important;
  4012. }
  4013. #script-content>form>ul>li:nth-child(odd)>input + a {
  4014.     background: #222222 !important;
  4015. }
  4016. #script-content>form>ul>li:nth-child(even)>input + a {
  4017.     background: #333333 !important;
  4018. }
  4019. .width-constraint #script-info > #script-content > form > ul li time {
  4020.     display: inline-block!important;
  4021.     min-width: 202px !important;
  4022.     max-width: 202px !important;
  4023.     padding: 1px 5px !important;
  4024.     letter-spacing: 1.4px !important;
  4025.     text-align: center !important;
  4026. }
  4027. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  4028.     background: #222222 !important;
  4029. }
  4030.  
  4031. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  4032.     background: #333333 !important;
  4033. }
  4034.  
  4035.  
  4036. /* (new72) GREASYFORK - FORUM TABLE -
  4037. Test LIKNK : MouseOver PopUP Viewer rules :
  4038. https://greasyfork.org/fr/forum/discussion/593/x
  4039. === */
  4040. .Message table {
  4041.     border-collapse: separate;
  4042.     border-spacing: 4px;
  4043.     margin: 1em -4px;
  4044.     width:  650px !important;
  4045. }
  4046. .Message table thead{
  4047.     width:  600px !important;
  4048. }
  4049. .Message th {
  4050.     background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  4051.     font-size: 105%;
  4052.     font-weight: bold;
  4053.     padding-bottom: 0.5em;
  4054.     padding-top: 0.5em;
  4055. }
  4056. .Message table tbody {
  4057.     width:  600px !important;
  4058. }
  4059. .Message table tbody tr td:first-of-type  {
  4060.     width:  120px !important;
  4061.     vertical-align: middle !important;
  4062.     color: gold !important;
  4063.     border: 1px solid red !important;
  4064. }
  4065. .Message table tbody tr td:first-of-type + td  {
  4066.     min-width:  75px !important;
  4067.     max-width:  75px !important;
  4068.     color: gold !important;
  4069.     vertical-align: middle !important;
  4070.     border: 1px solid green !important;
  4071. }
  4072. .Message table tbody tr td:last-of-type  {
  4073.     min-width:  280px !important;
  4074.     max-width:  280px !important;
  4075.     border: 1px solid blue !important;
  4076. }
  4077. .Message table tbody tr td:last-of-type code {
  4078.     float: left!important;
  4079.     min-width:  290px !important;
  4080.     max-width:  290px !important;
  4081.     background-color: #f9ebd2;
  4082.     border: 1px solid;
  4083.     border-radius: 3px;
  4084.     color: #eb5100;
  4085.     margin-left: -6px !important;;
  4086.     padding: 1px 3px;
  4087.     white-space: pre-line !important;
  4088. }
  4089.  
  4090. /* GREASYFORK - BROWSE / USER SCRIPTS  - === */
  4091. #user-script-list>li ,
  4092. #browse-script-list>li {
  4093.     padding: 5px !important;;
  4094. }
  4095. #user-script-list>li:nth-child(odd) ,
  4096. #browse-script-list>li:nth-child(odd) {
  4097.     background-color: #222 !important;
  4098. }
  4099. #user-script-list>li:nth-child(odd):hover ,
  4100. #browse-script-list>li:nth-child(odd):hover {
  4101.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4102.     background-color: rgba(7, 7, 7, 0.67) !important;
  4103.     transition: background 0.8s ease 0s !important;
  4104. }
  4105. #user-script-list>li:nth-child(even) ,
  4106. #browse-script-list>li:nth-child(even) {
  4107.     background-color: #414141 !important;
  4108. }
  4109. #user-script-list>li:nth-child(even):hover ,
  4110. #browse-script-list>li:nth-child(even):hover {
  4111.     background-color: rgba(7, 7, 7, 0.57) !important;
  4112.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4113.     transition: background 0.8s ease 0s !important;
  4114. }
  4115. #user-script-list>li:hover ,
  4116. #browse-script-list>li:hover {
  4117.     background-color: black !important;
  4118.     z-index: 1 !important;
  4119. }
  4120. /* (new66) without script */
  4121. #user-script-list>li h2 ,
  4122. #browse-script-list>li h2 {
  4123.     display: inline-block !important;
  4124.     width: 100% !important;
  4125.     max-width: 762px !important;
  4126.     word-wrap: break-word !important;
  4127.     overflow: hidden !important;
  4128. }
  4129. #user-script-list>li h2 a ,
  4130. #browse-script-list>li h2 a {
  4131.     display: inline-block!important;
  4132.     width: 100% !important;
  4133.     line-height: 17px !important;
  4134. }
  4135.  
  4136. /* (new79) PB ?? - overflow-wrap */
  4137. #browse-script-list>li h2 span {
  4138.     width: 100% !important;
  4139.     max-width: 720px !important;
  4140.     overflow: hidden !important;
  4141. /* overflow-wrap: break-word !important; */
  4142. }
  4143. #user-script-list>li h2 span.name-description-separator ,
  4144. #browse-script-list>li h2 span.name-description-separator {
  4145.     display: none !important;
  4146. }
  4147.  
  4148.  
  4149. /* (new94) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
  4150. /* (new94) without CITRUS*/
  4151. .width-constraint  #script-list-option-groups.list-option-groups {
  4152.     display: inline-block !important;
  4153.     float: left !important;
  4154.     margin-left: -12px !important;
  4155.     margin-top: 0px !important;
  4156. }
  4157. .width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
  4158.     margin-top: 19px;
  4159. }
  4160. .width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
  4161.     margin-bottom: 0.5em;
  4162.     padding: 0.5em;
  4163.     box-shadow: 3px 3px 2px black !important;
  4164.     border-radius: 5px 0 0 5px !important;
  4165.     border: 1px solid gray !important;
  4166.     background-color: #2d2d2d !important;
  4167. }
  4168. .list-option-group ul {
  4169.     box-shadow: 3px 3px 2px black !important;
  4170.     background-color: transparent !important;
  4171.     padding: 2px 0 !important;
  4172. }
  4173. .width-constraint  #browse-script-list {
  4174.     display: inline-block !important;
  4175.     float: right !important;
  4176. }
  4177. .list-option-group .list-current {
  4178.     height: 19px !important;
  4179.     line-height: 15px !important;
  4180.     margin-bottom: 2px !important;
  4181.     padding: 2px 0 0 0 !important;
  4182. }
  4183. .list-option-group .list-option {
  4184.     height: 19px ;
  4185.     line-height: 9px ;
  4186.     border: 1px solid #404040;
  4187. }
  4188. .list-option-group .list-option a {
  4189. white-space: nowrap ;
  4190. overflow: hidden ;
  4191. text-overflow: ellipsis ;
  4192. }
  4193.  
  4194. /* (new66) */
  4195. .width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
  4196. .width-constraint #script-list-option-groups.list-option-groups + h3 ,
  4197. #browse-script-list + .pagination + p {
  4198.     display: inline-block !important;
  4199.     float: left !important;
  4200.     width: 727px !important;
  4201.     margin-bottom: 8px !important;
  4202.     margin-left: 59px !important;
  4203.     margin-top: -15px !important;
  4204.     padding: 5px !important;
  4205. background: #222 !important;
  4206. }
  4207. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  4208. /* margin-top: -20px !important; */
  4209. margin-top: 0px !important;
  4210.     margin-bottom: 18px !important;
  4211.     border-bottom: 1px solid gray !important;
  4212. }
  4213.  
  4214. #browse-script-list + .pagination + p {
  4215.     margin-bottom: 10px !important;
  4216.     margin-left: 242px !important;
  4217.     margin-top: -10px !important;
  4218. background: #222 !important;
  4219. }
  4220.  
  4221. /* STATISTICS - ADD LABEL on HOVER - === */
  4222. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  4223.     position: fixed !important;
  4224.     display: inline-block !important;
  4225.     width: 100px !important;
  4226.     transform: rotate(-90deg)!important;
  4227.     content: attr(title) !important;
  4228.     margin-top: 65px !important;
  4229.     margin-left: -83px !important;
  4230.     font-size: 13px !important;
  4231.     text-align: right !important;
  4232.     color: peru !important;
  4233. }
  4234. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  4235.     position: fixed !important;
  4236.     display: inline-block !important;
  4237.     width: 20px !important;
  4238.     height: 17px !important;
  4239.     transform: rotate(-90deg)!important;
  4240.     content: "."!important;
  4241.     margin-top: 22px !important;
  4242.     margin-left: -44px !important;
  4243.     border-radius: 5px !important;
  4244.     font-size: 13px !important;
  4245.     text-align: center !important;
  4246.     color: peru!important;
  4247.     background: rgba(255, 211, 0, 0.16)!important;
  4248. }
  4249. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  4250.     position: fixed !important;
  4251.     display: inline-block !important;
  4252.     width: 100px !important;
  4253.     transform: rotate(-90deg) !important;
  4254.     content: "Opera JS" !important;
  4255.     margin-top: 80px !important;
  4256.     margin-left: -40px !important;
  4257.     font-size: 20px !important;
  4258.     text-align: right !important;
  4259.     color: peru !important;
  4260. }
  4261. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  4262.     position: fixed !important;
  4263.     display: inline-block !important;
  4264.     width: 100px !important;
  4265.     transform: rotate(-90deg) !important;
  4266.     content: "Opera JS" !important;
  4267.     margin-top: 80px! important;
  4268.     margin-left: -29px !important;
  4269.     font-size: 20px !important;
  4270.     text-align: right !important;
  4271.     color: peru!important;
  4272. }
  4273.  
  4274. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  4275.     background: rgba(255, 0, 0, 0.23) !important;
  4276. }
  4277. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  4278.     background: rgba(255, 254, 0, 0.23) !important;
  4279. }
  4280. #install-stats-chart-container + table>tbody>tr:hover th {
  4281.     background: blue !important;
  4282. }
  4283. #install-stats-chart-container + table>tbody>tr:hover th {
  4284.     background: blue  !important;
  4285. }
  4286. #install-stats-chart-container + table>tbody>tr:hover td {
  4287.     background: black !important;
  4288. }
  4289. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  4290.     background: red !important;
  4291. }
  4292.  
  4293. /* MESSAGE - ERROR NOT LOADING IMAGES - === */
  4294. .notice {
  4295.     display: inline-block !important;
  4296.     position: absolute !important;
  4297.     width: 214px !important;
  4298.     left: -13px !important;
  4299.     top: 15px !important;
  4300. }
  4301.  
  4302. /* TEST - FORUM IMAGE IN DISSCUSSION -
  4303. https://forum.userstyles.org/discussion/comment/92068#Comment_92068
  4304. .Discussion.comment.Section-Discussion #Frame .CommentsWrap .DataBox.DataBox-Comments ul.MessageList.DataList.Comments li.Item.Alt.ItemComment div.Comment .Item-BodyWrap .Item-Body .Message div
  4305. === */
  4306. .Discussion.comment .Message>div {
  4307.     float: right;
  4308.     height: 150px;
  4309.     width: 719px !important;
  4310.     overflow: hidden;
  4311. }
  4312. .Message .ImageResized {
  4313.     cursor: pointer;
  4314.     font-size: 11px;
  4315.     font-weight: normal;
  4316.     height: 20px !important;
  4317.     margin-bottom: 5px !important;
  4318.     max-width: 668px !important;
  4319.     color: peru !important;
  4320. }
  4321. .Message .ImageResized:hover {
  4322.     color: tomato !important;
  4323. }
  4324.  
  4325.  
  4326. /* TEST - CODE IN DISCUSSION - === */
  4327. .Message>table>tbody>tr>td>code {
  4328.     display: inline-block !important;
  4329.     min-width: 688px !important;
  4330.     max-width: 688px !important;
  4331.     letter-spacing: initial;
  4332.     white-space: pre-line !important;
  4333.     word-wrap: break-word !important;
  4334.     background-color: #5c5c5c !important;
  4335.     color: white!important;
  4336. }
  4337. /* ===
  4338. PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
  4339. .Message>pre[id*="b"]
  4340. .Message>ul>li>ul>li>pre
  4341. .Message>ul>li>pre
  4342. .Message pre
  4343. === */
  4344. .Message>pre {
  4345.     position: relative !important;
  4346.     display: inline-block !important;
  4347.     min-width: 650px !important;
  4348.     max-width: 650px !important;
  4349.     margin-left: 5px !important;
  4350.     letter-spacing: initial;
  4351.     white-space: pre-line !important;
  4352.     word-wrap: break-word !important;
  4353.     background-color: #5c5c5c !important;
  4354.     color: white!important;
  4355. }
  4356.  
  4357. .Message>ul>li>pre {
  4358.     position: relative !important;
  4359.     display: inline-block !important;
  4360.     min-width: 580px !important;
  4361.     max-width: 580px !important;
  4362.     margin-left: 5px !important;
  4363.     letter-spacing: initial;
  4364.     white-space: pre-line !important;
  4365.     word-wrap: break-word !important;
  4366.     background-color: #5c5c5c !important;
  4367.     color: white !important;
  4368. }
  4369.  
  4370. .Message>ul>li>ul>li>pre{
  4371.     position: relative !important;
  4372.     display: inline-block !important;
  4373.     min-width: 580px !important;
  4374.     max-width: 580px !important;
  4375.     margin-left: -35px !important;
  4376.     letter-spacing: initial;
  4377.     white-space: pre-line !important;
  4378.     word-wrap: break-word !important;
  4379.     background-color: #5c5c5c !important;
  4380.     color: white !important;
  4381. }
  4382.  
  4383. /* TEST code in discussion - === */
  4384. .Message ol li pre {
  4385.     display: inline-block !important;
  4386.     min-width: 650px !important;
  4387.     max-width: 650px !important;
  4388.     margin-left: -35px !important;
  4389.     letter-spacing: initial;
  4390.     white-space: pre-line !important;
  4391.     word-wrap: break-word !important;
  4392.     background-color: #5c5c5c !important;
  4393.     color: white !important;
  4394. }
  4395.  
  4396. /* FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  4397. TEST different:
  4398. https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
  4399. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  4400. ===  */    
  4401. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4402.     position: relative !important;
  4403.     display: inline-block !important;
  4404.     min-width: 670px !important;
  4405.     max-width: 670px !important;
  4406.     left: -20px !important;
  4407.     top: -10px !important;
  4408.     letter-spacing: initial;
  4409.     white-space: pre-line !important;
  4410.     word-wrap: break-word !important;
  4411.     background-color: white !important;
  4412.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
  4413.     background-size: 30px 15px !important;
  4414.     color: red !important;
  4415.     outline: 1px solid green !important;
  4416. }
  4417. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4418.     position: relative !important;
  4419.     display: inline-block !important;
  4420.     min-width: 670px !important;
  4421.     max-width: 670px !important;
  4422.     left: 0px !important;
  4423.     top: -10px !important;
  4424.     letter-spacing: initial;
  4425.     white-space: pre-line !important;
  4426.     word-wrap: break-word !important;
  4427.     background-color: white !important;
  4428.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  4429.     background-size: 30px 15px !important;
  4430.     color: red !important;
  4431.     outline: 1px solid violet !important;
  4432. }
  4433. pre.linenums.prettyprinted .linenums {
  4434.     background: transparent !important;
  4435.     padding: 8px;
  4436. }
  4437.     pre.linenums.prettyprinted li.L0,
  4438. pre.linenums.prettyprinted li.L1,
  4439.     pre.linenums.prettyprinted li.L2,
  4440. pre.linenums.prettyprinted li.L3,
  4441.     pre.linenums.prettyprinted li.L4,
  4442. pre.linenums.prettyprinted li.L5,
  4443.     pre.linenums.prettyprinted li.L6,
  4444. pre.linenums.prettyprinted li.L7,
  4445.     pre.linenums.prettyprinted li.L8,
  4446. pre.linenums.prettyprinted li.L9 {
  4447.     min-width: 600px !important;
  4448.     max-width: 600px !important;
  4449.     margin-left: -20px!important;
  4450.     background:transparent !important;
  4451. }
  4452.     pre.linenums.prettyprinted li.L0 code,
  4453. pre.linenums.prettyprinted li.L1 code,
  4454.     pre.linenums.prettyprinted li.L2 code,
  4455. pre.linenums.prettyprinted li.L3 code ,
  4456.     pre.linenums.prettyprinted li.L4 code,
  4457. pre.linenums.prettyprinted li.L5 code ,
  4458.     pre.linenums.prettyprinted li.L6 code ,
  4459. pre.linenums.prettyprinted li.L7 code ,
  4460.     pre.linenums.prettyprinted li.L8 code,
  4461. pre.linenums.prettyprinted li.L9 code {
  4462.     min-width: 600px !important;
  4463.     max-width: 600px !important;
  4464.     background: #5c5c5c !important;
  4465.     background:transparent !important;
  4466.     color: white!important;
  4467. }
  4468. .linenums.prettyprinted code .pun{
  4469.     background:transparent !important;
  4470. }
  4471.    
  4472. /* ===
  4473. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  4474. === */
  4475. #vanilla_discussion_comment.Vanilla.Discussion.comment.Section-Discussion.Section-Category-script-development div#Frame div#Body div.Row div#Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message pre {
  4476.     display: inline-block !important;
  4477.     min-width: 630px !important;
  4478.     max-width: 630px !important;
  4479.     margin-left: -5px !important;
  4480. }
  4481. /* (new88) */
  4482. .Quote>p>code ,
  4483. .Message pre code ,
  4484. .Message > code  {
  4485.     display: inline-block !important;
  4486.     max-width: 648px !important;
  4487. /* line-height: 13px !important; */
  4488. vertical-align: middle !important;
  4489. /* margin-top: 0px !important; */
  4490. /* margin-bottom: 0px !important; */
  4491.     padding: 1px 2px 1px 4px !important;
  4492. /* letter-spacing: initial; */
  4493.     white-space: pre-line !important;
  4494.     word-wrap: break-word !important;
  4495.     background-color: #5c5c5c !important;
  4496.     color: white !important;
  4497. }
  4498.  
  4499. /*(new70) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
  4500. https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
  4501. === */
  4502. .Discussion .Item-BodyWrap .Item-Body .Message code ,
  4503. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
  4504.     max-width: 600px !important;
  4505. }
  4506.  
  4507.  
  4508. /* === (new77) ===
  4509. https://greasyfork.org/fr/forum/discussion/7111/forum-upgraded-please-report-any-issues#latest
  4510. PB:
  4511. https://greasyfork.org/fr/forum/discussion/10685/how-to-manage-greasemonkey-userscripts-using-git
  4512. ZIP :
  4513. https://greasyfork.org/fr/forum/discussion/12928/resolved-make-dubious-tlds-optional#latest
  4514. === */
  4515. code ,
  4516. .Message>p>code {
  4517. position: relative !important;
  4518.     display: inline-block!important;
  4519.     min-width: 10px !important;
  4520.     max-width: 670px !important;
  4521.     min-height: 15px !important;
  4522.     line-height: 15px !important;
  4523.     top: 0px !important;
  4524.     margin-top: 0px!important;
  4525.     margin-bottom: -2px !important;
  4526.     margin-left: 2px !important;
  4527.     padding: 0px 2px !important;
  4528.     letter-spacing: initial;
  4529.     white-space: pre-line !important;
  4530.     word-wrap: break-word !important;
  4531.     background-color: #5c5c5c!important;
  4532.     color: white!important;
  4533. }
  4534. /* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
  4535. .Message>ul>li>code  {
  4536. position: relative !important;
  4537.     display: inline-block!important;
  4538.     min-width: 10px !important;
  4539.     max-width: 670px !important;
  4540.     height: 13px !important;
  4541.     line-height: 13px !important;
  4542.     top: 0px !important;
  4543.     margin-top:0px!important;
  4544.     margin-bottom: -2px !important;
  4545.     margin-left: 2px !important;
  4546.     padding: 1px 4px !important;
  4547.     letter-spacing: initial;
  4548.     white-space: pre-line !important;
  4549.     word-wrap: break-word !important;
  4550.     background-color: #5c5c5c!important;
  4551.     color: white!important;
  4552. }
  4553. .QuoteText>pre {
  4554.     width: 660px!important;
  4555.     padding: 2px 2px 2px 4px !important;
  4556.     letter-spacing: initial;
  4557.     white-space: pre-line !important;
  4558.     word-wrap: break-word !important;
  4559. }
  4560.  
  4561. /* USERSTYLES PAGE INFO - CODE - === */
  4562. #additional-info-text>code:not(:empty),
  4563. #long-description>code:not(:empty)  {
  4564.     display: inline-block !important;
  4565. /* width: 820px!important; */
  4566.     margin-left: 1px!important;
  4567.     padding: 5px 10px!important;
  4568.     border-radius: 2px!important;
  4569.     letter-spacing: initial;
  4570.     white-space: pre-line !important;
  4571.     word-wrap: break-word !important;
  4572.     background-color: #e9e8e5!important;
  4573.     background-color: #5c5c5c !important;
  4574.     color: white !important;
  4575. }
  4576. #additional-info-text>pre ,
  4577. #additional-info-text>code pre code ,
  4578. #additional-info-text>code pre {
  4579.     display: inline-block !important;
  4580.     width: 850px!important;
  4581.     margin-left: 1px!important;
  4582.     padding: 5px 10px!important;
  4583.     border-radius: 2px!important;
  4584.     letter-spacing: initial;
  4585.     white-space: pre-line !important;
  4586.     word-wrap: break-word !important;
  4587.     background-color: #e9e8e5!important;
  4588.     background-color: #5c5c5c !important;
  4589.     color: white !important;
  4590. }
  4591.  
  4592. /* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
  4593. #long-description>code:not(:empty)  {
  4594.     display: inline-block !important;
  4595.     width: auto !important;
  4596.     max-width: 540px!important;
  4597. }
  4598. /* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
  4599. #additional-info-text > code:not(:empty)  {
  4600.     display: inline-block !important;
  4601.     width: auto !important;
  4602.     max-width: 820px!important;
  4603. }
  4604.  
  4605. /* GREASYFORK - SCRIPT PAGE INFO - CODE -
  4606. TEST LINK
  4607. - (bili_fix_player - CHINESE) :
  4608. https://greasyfork.org/fr/scripts/740-bili-fix-player
  4609. - userstyles.org css highlighter :
  4610. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  4611. === */
  4612. #additional-info>div>blockquote>pre>code  {
  4613.     display: inline-block !important;
  4614.     width: 99%!important;
  4615.     margin-left: -6px!important;
  4616.     padding: 5px 10px!important;
  4617.     border-radius: 2px!important;
  4618.     border: 1px solid gray !important;
  4619.     letter-spacing: initial;
  4620.     white-space: pre-line !important;
  4621.     word-wrap: break-word !important;
  4622.     background-color: #e9e8e5!important;
  4623.     background-color: #5c5c5c !important;
  4624.     color: white !important;
  4625. }
  4626. #additional-info>div>pre>code  {
  4627.     display: inline-block !important;
  4628.     width: 99%!important;
  4629.     margin-left: -6px!important;
  4630.     padding: 5px 10px!important;
  4631.     border-radius: 2px!important;
  4632.     letter-spacing: initial;
  4633.     white-space: pre-line !important;
  4634.     word-wrap: break-word !important;
  4635.     background-color: #e9e8e5!important;
  4636.     background-color: #5c5c5c !important;
  4637.     color: white !important;
  4638. }
  4639.  
  4640. /* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  4641. #main-header + #content-wrapper> #main-article>ul {
  4642.     position: fixed !important;
  4643.     display: inline-block !important;
  4644.     width: 50px !important;
  4645.     height: 18px !important;
  4646.     margin-left: -100px;
  4647.     top: 18px !important;
  4648. padding-left: 15px !important;
  4649. /* padding-right: 5px !important; */
  4650. /* padding-bottom: 10px !important; */
  4651.     border-radius: 3px 3px 0 0 !important;
  4652.     box-shadow: 0 0 4px #999999 !important;
  4653. text-align: left !important;
  4654.     background: #222 !important;
  4655.     overflow: hidden !important;
  4656.     z-index: 500 !important;
  4657. }
  4658. #help-style-settings-edit ~pre ,
  4659. #main-header + #content-wrapper > #main-article > p ~ ul {
  4660.     position: relative !important;
  4661.     display: inline-block !important;
  4662.     width: 700px !important;
  4663.     height: auto!important;
  4664.     margin-left: 200px !important;
  4665.     margin-top: -5px !important;
  4666.     border-radius: 3px !important;
  4667.     border: 1px solid gray !important;
  4668.     background: #222 !important;
  4669.     overflow: visible !important;
  4670.     z-index: 10 !important;
  4671. }
  4672. #main-header + #content-wrapper > #main-article > table + p {
  4673.     position: fixed!important;
  4674.     display: inline-block !important;
  4675.     width: 600px !important;
  4676.     height: auto !important;
  4677.     top: 73px !important;
  4678.     left: 320px !important;
  4679.     opacity: 0 !important;
  4680. }
  4681. #main-header + #content-wrapper > #main-article > table:hover + p {
  4682.     position: fixed!important;
  4683.     display: inline-block !important;
  4684.     width: 600px !important;
  4685.     height: auto!important;
  4686.     top: 73px!important;
  4687.     left: 320px!important;
  4688.     opacity: 1!important;
  4689.     transition: opacity ease 0.7s !important;
  4690. }
  4691. #main-header + #content-wrapper> #main-article>ul:hover {
  4692.     width: 200px !important;
  4693.     height: auto!important;
  4694.     box-shadow: 0 0 4px #999999 !important;
  4695. }
  4696. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  4697.     width: 700px !important;
  4698.     height: auto!important;
  4699. }
  4700. #main-header + #content-wrapper> #main-article>ul:before {
  4701.     width: 200px !important;
  4702.     height: 10px !important;
  4703.     line-height: 10px !important;
  4704.     content: "More..."!important;
  4705. /* padding:  0 !important; */
  4706. }
  4707. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  4708.     content: ""!important;
  4709. }
  4710. /* HELP STYLES - === */
  4711.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  4712.     width: 700px !important;
  4713.     margin-left: 200px !important;
  4714.     background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  4715.     text-align: center!important;
  4716.     color: peru!important;
  4717. }
  4718.  
  4719.  
  4720. /* TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  4721. body {
  4722.     overflow-x: hidden !important;
  4723.     overflow-y: auto !important;
  4724.     font-family: Verdana,sans-serif!important;
  4725. }
  4726.  
  4727.  
  4728. /* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN -
  4729. IN GREASY FORK DISCUSS:
  4730. https://greasyfork.org/fr/forum/discussion/179/x
  4731. === */
  4732.  
  4733. /* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
  4734. /* .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems , */
  4735. .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4736.     display: inline-block !important;
  4737. float: left !important;
  4738. /*     width: auto !important; */
  4739. width: 15px !important;
  4740. height: 15px !important;
  4741. /* left: 75px ; */
  4742. padding: 0 !important;
  4743.     border: none !important;
  4744.     background-color: transparent !important;
  4745.     box-shadow: none !important;
  4746. /* background: aqua !important; */
  4747. /* outline: 1px solid pink !important; */
  4748. }
  4749. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4750.     left: -5px !important;
  4751.     top: 21px !important;
  4752. }
  4753. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4754. /*     left: 7px; */
  4755. /*     top: 0; */
  4756. }
  4757.  
  4758. .OptionsMenu .Flyout {
  4759.   right: 6px;
  4760.   top: -1px;
  4761. }
  4762.  
  4763. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  4764. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  4765.     border: none !important;
  4766. }
  4767. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  4768. .ToggleFlyout:not(.Open) .EditDiscussion {
  4769.     display: inline-block !important;
  4770.     width: 18px !important;
  4771.     background-color: transparent!important;
  4772.     font-size: 0px!important;
  4773.     visibility: hidden!important;
  4774.     outline: 1px solid peru !important;
  4775. }
  4776. /* (new79) ALL */
  4777. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  4778.     content: " "!important;
  4779.     position: relative!important;
  4780.     display: inline-block !important;
  4781. width: 18px !important;
  4782. height: 15px !important;
  4783. /*     margin-left: 35px !important; */
  4784. /*     left: 24px !important; */
  4785. /*     top: -16px !important; */
  4786.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4787.     background-color: black !important;
  4788.     font-size: 15px !important;
  4789.     visibility: visible !important;
  4790.     outline: 1px solid gray !important;
  4791. }
  4792. /* (new79) */
  4793. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  4794.     content: " "!important;
  4795.     position: relative!important;
  4796.     display: inline-block !important;
  4797.     width: 18px !important;
  4798.     height: 18px !important;
  4799. /*     margin-left: 25px !important; */
  4800. /*     top: 0px !important; */
  4801.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4802.     background-color: black !important;
  4803.     font-size: 15px !important;
  4804.     visibility: visible !important;
  4805.     outline: 1px solid gray !important;
  4806. }
  4807. /* EDIT BUTTON */
  4808. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  4809.     display: inline-block !important;
  4810.     height: 15px !important;
  4811.     line-height: 15 !important;
  4812.     padding: 1px !important;
  4813. }
  4814.  
  4815.  
  4816.  
  4817. /* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
  4818. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  4819.     margin-top: -74px !important;
  4820. }
  4821. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  4822.     padding: 0px 20px !important;
  4823. }
  4824.  
  4825. /* TEST - MARK AS RED / HIDE -
  4826. EDIT :
  4827. https://greasyfork.org/fr/forum/discussions/mineEDIT:
  4828. READ:
  4829. https://greasyfork.org/fr/forum/categories
  4830. DISMISS :
  4831. https://forum.userstyles.org/discussions
  4832. #vanilla_discussions_mine
  4833.  
  4834. === */
  4835.  
  4836.  
  4837.  
  4838.  
  4839. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  4840.     position: relative !important;
  4841.     display: inline-block !important;
  4842.     float: left !important;
  4843. width: 18px !important;
  4844. /* height: 15px !important; */
  4845. padding: 0 !important;
  4846. line-height: 15px !important;
  4847. outline: 1px solid pink !important;
  4848. }
  4849.  
  4850. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
  4851.     background-color: #ACB1B7 !important;
  4852.     color: white !important;
  4853.     text-decoration: none;
  4854. }
  4855.  
  4856. /* (new79) EDIT COMMENT - === */
  4857. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  4858. /*     float: left !important; */
  4859.     font-size: 15px !important;
  4860.     visibility: hidden !important;
  4861.     outline: 1px solid gray !important;
  4862. }
  4863.  
  4864. /* (new79) */
  4865. #vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4866. #vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4867. #vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
  4868. /* outline: 1px solid violet !important; */
  4869. }
  4870.  
  4871.  
  4872.  
  4873. /* COMMENT DISCUSS  */
  4874. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  4875. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  4876. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  4877.     visibility: hidden!important;
  4878. }
  4879. /* COMMENT DISCUSS ALT (BLACK) */
  4880. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  4881. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  4882.     visibility: hidden !important;
  4883. }
  4884. /* LIST BOOKMARKED */
  4885. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  4886. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  4887.     visibility: hidden !important;
  4888. }
  4889. /* LIST BOOKMARKED ALT (BLACK) */
  4890. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  4891. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  4892.     outline: 1px solid red!important;
  4893.     visibility: hidden !important;
  4894. }
  4895. .DismissAnnouncement.Hijack {
  4896.     margin-right: 19px !important;
  4897.     margin-top: -31px !important;
  4898.     color: peru !important;
  4899. }
  4900. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  4901.     margin-right: 19px !important;
  4902.     margin-top: 0px !important;
  4903.     color: peru !important;
  4904. }
  4905.  
  4906. /* (new79) TEST - USERSTYLES - EDIT COMMENT */
  4907. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
  4908. /* float: left !important; */
  4909. /*     margin-top: -12px !important; */
  4910. /* left: 60px !important; */
  4911.     font-size: 15px !important;
  4912.     visibility: visible !important;
  4913.     visibility: hidden !important;
  4914. z-index: 10000 !important;
  4915. }
  4916. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
  4917. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  4918.     content: " "!important;
  4919.     position: relative !important;
  4920.     display: inline-block !important;
  4921.     float: left !important;
  4922. width: 18px !important;
  4923. height: 15px !important;
  4924. left: 30px ;
  4925. /* margin-left: 57px!important; */
  4926. /* margin-top: 34px !important; */
  4927. /* top: 4px !important; */
  4928.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4929.     background-color: black !important;
  4930.     font-size: 15px !important;
  4931.     visibility: visible !important;
  4932. /* outline: 1px solid red !important; */
  4933.     outline: 1px solid gray !important;
  4934. z-index: 10000 !important;
  4935. }
  4936.  
  4937. /* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS :
  4938. == GREASYFORK ==
  4939. .Discussion.comment.Section-Discussion #Frame #Body #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout.OptionsMenu:not(.Open)
  4940. https://greasyfork.org/fr/forum/discussion/179/x
  4941. === */
  4942. /* GREASYFORK */
  4943. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  4944.     outline: 1px solid peru!important;
  4945.     visibility: hidden !important;
  4946. }
  4947.  
  4948. /* (new79) EDIT - USERSTYLES */
  4949. .ToggleFlyout.OptionsMenu {
  4950. /*     left: -19px; */
  4951. /*     top: -27px; */
  4952. }
  4953.  
  4954. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
  4955. /*     margin-left: -70px !important; */
  4956. /*     top: -13px !important; */
  4957. }
  4958. /* (new79) EDIT - GREASYFORK */
  4959. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before{
  4960. /*     margin-left: 20px !important; */
  4961. /*     top: -23px !important; */
  4962. }
  4963.  
  4964. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style -
  4965. https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
  4966. === */
  4967. .Attachment .FilePreview .Thumb-Default img ,
  4968. .Attachment .FileHover .Thumb-Default img {
  4969.     display: inline-block !important;
  4970.     max-height: 25px !important;
  4971.     min-height: 25px !important;
  4972.     height: 100% !important;
  4973.     width: 20px !important;
  4974. }
  4975.  
  4976. /* START PAGE - === */
  4977. #main-article>p  {
  4978.     position: relative !important;
  4979.     display: inline-block !important;
  4980.     width: 870px! important;
  4981.     margin: 10px auto ! important;
  4982.     left: 70px ! important;
  4983. }
  4984. #front-page-best {
  4985.     display: inline-block ! important;
  4986.     margin-left: 200px ! important;
  4987. }
  4988. #front-page-newest {
  4989.     display: inline-block !important;
  4990.     margin-left: 200px !important;
  4991. }
  4992. #front-page-best h2 ,
  4993. #front-page-newest  h2 {
  4994.     display: inline-block ! important;
  4995.     width: 300px !important;
  4996.     margin-left: 15px !important;
  4997.     padding-left: 29px !important;
  4998.     border-radius: 5px !important;
  4999.     box-shadow: 0 0 4px #999999 !important;
  5000.     background-color: #222222 !important;
  5001. }
  5002. #front-page-best ul li  ,
  5003. #front-page-newest ul li  {
  5004.     width: 700px ! important;
  5005.     padding: 2px 5px ! important;
  5006. }
  5007. #front-page-best ul li:nth-child(even) ,
  5008. #front-page-newest ul li:nth-child(even) {
  5009.     background: black! important;
  5010. }
  5011. #front-page-best ul li:nth-child(odd) ,
  5012. #front-page-newest ul li:nth-child(odd) {
  5013.     background: #222222 ! important;
  5014. }
  5015. #front-page-newest ul li:not(.additional-link):after ,
  5016. #front-page-best ul li:not(.additional-link):after {
  5017.     content: "tot   :   " attr(total-install-count) ;
  5018.     display: inline-block ;
  5019.     float: left ;
  5020.     width: 250px ;
  5021.     margin-right: -100px ;
  5022.     text-align: left ;
  5023.     color: gold ;
  5024. }
  5025. #front-page-best ul li:not(.additional-link):before {
  5026.     content: "week   :   " attr(weekly-install-count) ;;
  5027.     display: inline-block ;
  5028.     float: right ;
  5029.     width: 120px ;
  5030.     margin-left: 10px ;
  5031.     text-align: left ;
  5032.     color: gold;;
  5033. }
  5034.  
  5035. /* for GM "ENHANCER" / "TABLE VIEW" - === */
  5036. table#summary + #table-container > table#style-table  {
  5037.     border-collapse: collapse;
  5038.     margin-bottom: 0;
  5039.     margin-left: 0;
  5040.     margin-right: 0;
  5041. }
  5042. table#summary + #table-container > table#style-table > tr:first-of-type {
  5043.     position: fixed !important;
  5044.     height: 100% !important;
  5045.     max-width: 65.5% !important;
  5046.     min-width: 65.5% !important;
  5047.     width: 100% !important;
  5048.     margin-top: -45px !important;
  5049.     min-height: 50px !important;
  5050.     border-bottom: 4px solid #D2B48C !important;
  5051.     border-top: 4px solid #D2B48C !important;
  5052.     z-index: 200 !important;
  5053. }
  5054. /* TABLE VIEW - FIXED HEADER CELLS */
  5055. table#summary + #table-container > table#style-table th {
  5056.     height: 100%!important;
  5057.     min-height: 35px!important;
  5058.     max-height: 35px!important;
  5059.     text-shadow: 1px 1px 2px #000000;
  5060. }
  5061. /* A VOIR - for GM "ENHANCER" */
  5062. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  5063.     height: 30px !important;
  5064.     line-height: 3px !important;
  5065.     text-shadow: 1px 1px 2px #000000;
  5066. }
  5067. /* PAGINATION - HIGHLIGHT - === */
  5068. .NumberedPager a.Highlight ,
  5069. #PagerBefore.Pager a.Highlight{
  5070.     background: none repeat scroll 0 0 yellow !important;
  5071.     color: red !important;
  5072. }
  5073.  
  5074.  
  5075.  
  5076. /* USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
  5077. #main-article #hidden-meta {
  5078.     position: fixed !important;
  5079.     width: 190px!important;
  5080.     top: 460px !important;  
  5081.     left: -15px !important;
  5082.     padding: 2px !important;
  5083.     text-shadow: 1px 1px 2px #000000 !important;
  5084. }
  5085. /* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  5086. /* body .Pager .Highlight , */
  5087. .Pager a,
  5088. .Pager span {
  5089.     position: relative !important;
  5090.     display: inline-block;
  5091.     margin: 0 3px;
  5092.     min-width: 17px!important;
  5093.     height: 14px !important;
  5094.     line-height: 13px !important;
  5095.     padding: 0 !important;
  5096.     text-align: center!important;
  5097.     vertical-align: middle !important;
  5098.     border-radius: 3px !important;
  5099.     box-shadow: 3px 3px 2px black !important;
  5100.     background: #222 !important;
  5101. }
  5102. .NumberedPager a.Next,
  5103. .NumberedPager span.Next,
  5104. .NumberedPager a.Previous,
  5105. .NumberedPager span.Previous {
  5106.     position: relative !important;
  5107.     display: inline-block !important;
  5108.     height: 14px !important;
  5109.     line-height: 11px !important;
  5110.     font-size: 23px !important;
  5111.     border-radius: 3px !important;
  5112.     box-shadow: 3px 3px 2px black !important;
  5113.     background: #222 !important;
  5114.     vertical-align: middle !important;
  5115. }
  5116. .NumberedPager .Next:hover,
  5117. .NumberedPager .Previous:hover {
  5118.     position: relative !important;
  5119.     display: inline-block !important;
  5120.     height: 14px !important;
  5121.     line-height: 11px !important;
  5122.     border-radius: 3px !important;
  5123.     top: 5px!important;
  5124.     left: 0px !important;
  5125.     margin-left: 3px !important;
  5126.     right: 0px !important;
  5127.     font-size: 26px !important;
  5128.     vertical-align: middle !important;
  5129. }
  5130. #PagerAfter>a:hover,
  5131. #PagerBefore>a:hover,
  5132. body .Pager .Highlight:hover,
  5133. .PageControls .Pager a:hover  {
  5134.     display: inline-block !important;
  5135. /* font-size: 18px !important; */
  5136.     color: tomato !important;
  5137. }
  5138.  
  5139. #PagerBefore> .Next:hover,
  5140. .NumberedPager a.Next:hover,
  5141. .NumberedPager span.Next:hover {
  5142. position: relative !important;
  5143.     display: inline-block !important;
  5144.     height: 20px !important;
  5145.     line-height: 17px!important;
  5146.     margin-top: -10px !important;
  5147.     font-size: 23px !important;
  5148.     vertical-align: middle !important;
  5149.     color: tomato !important;
  5150. }
  5151.  
  5152. #PagerAfter> .Previous:hover,
  5153. #PagerBefore> .Previous:hover,
  5154. .NumberedPager a.Previous:hover,
  5155. .NumberedPager span.Previous:hover {
  5156. position: relative !important;
  5157.     display: inline-block !important;
  5158.     height: 20px !important;
  5159.     line-height: 17px!important;
  5160.     margin-top: -10px !important;
  5161.     font-size: 23px !important;
  5162.     vertical-align: middle !important;
  5163.     color: tomato !important;
  5164. }
  5165. /* (new63) */
  5166. .p-100.LastPage:hover {
  5167. position: relative !important;
  5168.     display: inline-block !important;
  5169.     height: 20px !important;
  5170.     line-height: 17px!important;
  5171.     font-size: 16px !important;
  5172.     vertical-align: middle !important;
  5173.     color: tomato !important;
  5174. }
  5175. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  5176. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  5177. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  5178.     position: relative !important;
  5179.     display: inline-block !important;
  5180.     vertical-align: middle !important;
  5181.     line-height: 20px !important;
  5182.     height: 20px!important;
  5183.     padding: 2px!important;
  5184.     top: -10px!important;
  5185.     font-size: 15px !important;
  5186.     color: peru !important;
  5187. }
  5188. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  5189.     display: inline-block !important;
  5190.     left: -11px!important;
  5191.     font-size: 20px !important;
  5192.     transition: all ease 0.5s !important;
  5193.     color: tomato !important;
  5194. }
  5195. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  5196.     display: inline-block !important;
  5197.     margin-right: -9px!important;
  5198.     margin-left: 2px!important;
  5199.     font-size: 20px !important;
  5200.     transition: all ease  0.5s  !important;
  5201.     color: tomato !important;
  5202. }
  5203. /* ==== TEST - USERSTYLES LIGHTBOX - === */
  5204. /* LIGHTBOX - STOP LINKIFYPLS to DOUBLE IMG SCREENSHOT - === */
  5205. .lb-caption .linkifyplus>img {
  5206.     display: none !important;
  5207. }
  5208.  
  5209. /* USERSTYLES LIGHTBOX - CONTAINER IMAGE */
  5210. .lightbox {
  5211.     position: absolute;
  5212.     width: 100% !important;
  5213.     line-height: 0;
  5214.     left: 0 !important;
  5215.     top: 93.9px !important;
  5216.     text-align: center;
  5217.     z-index: 10000;
  5218. }
  5219. .lb-outerContainer {
  5220.     width: 92% !important;
  5221.     height: 100% !important;
  5222.     height: 90px!important;
  5223.     margin: 0 auto !important;
  5224.     top: -50px!important;
  5225.     border-radius: 4px;
  5226.     background-color: white;
  5227.     background-color: rgb(62, 62, 62) !important;
  5228.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
  5229.     border: 1px solid rgb(0, 0, 0) !important;
  5230.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  5231.     color: rgb(170, 170, 170) !important;
  5232.     font-weight: bold !important;
  5233.     outline: 0 none !important;
  5234.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  5235. }
  5236. .lb-container {
  5237.     position: absolute !important;
  5238.     height: auto !important;
  5239.     width: 100% !important;
  5240.     margin: 0 auto !important;
  5241.     padding-top: 95px !important;
  5242. }
  5243. .lb-dataContainer {
  5244.     position: relative!important;
  5245.     display: inline-block!important;
  5246.     width: 85%!important;
  5247.     top: -120px!important;
  5248.     text-align: center !important;
  5249. }
  5250. .lb-data {
  5251.     color: #bbb;
  5252.     padding: 0px !important;
  5253.     margin-top: -20px!important;
  5254.     text-align: center !important;
  5255. }
  5256. .lb-data .lb-details {
  5257.     width: 100%!important;
  5258.     float: left;
  5259.     line-height: 15px !important;
  5260.     text-align: center !important;
  5261. }
  5262. .lb-data .lb-number {
  5263.     display: inline-block !important;
  5264.     width: 97%!important;
  5265.     clear: left;
  5266.     margin-top: 28px!important;
  5267.     color: peru !important;
  5268.     font-size: 29px !important;
  5269. }
  5270. .lb-data .lb-caption {
  5271.     position: relative !important;
  5272.     display: inline-block!important;
  5273.     width: 100%!important;
  5274.     height: 20px !important;
  5275.     line-height: 15px!important;
  5276.     font-size: 13px !important;
  5277.     font-weight: bold;
  5278. }
  5279. .lb-closeContainer {
  5280.     position: relative !important;
  5281.     margin-bottom: -2px!important;
  5282.     top: -45px!important;
  5283.     z-index: 10 !important;
  5284. }
  5285. .lb-nav {
  5286.     position: absolute;
  5287.     width: 99.5%!important;
  5288.     height: 100%;
  5289.     height: 47px !important;
  5290.     left: 0;
  5291.     top: 42px !important;
  5292. }
  5293. .lb-prev:not([style="display: none;"]) ,
  5294. .lb-next:not([style="display: none;"])  {
  5295.     display: inline-block !important;
  5296.     width: 50%!important;
  5297.     height: 42px !important;
  5298.     cursor: pointer;
  5299.     transition: opacity ease 1.2s !important;
  5300. }
  5301. .lb-prev:not([style="display: none;"])  {
  5302.     float: left;
  5303.     opacity: 0.2 !important;
  5304. }
  5305. .lb-prev:not([style="display: none;"]):hover {
  5306.     opacity: 1 !important;
  5307. }
  5308.  
  5309. /* (new60) PREV ICON - PB IMAGE BACKGROUND - leoncastro - OK  */
  5310. .lb-prev:not([style="display: none;"]) {
  5311.     background: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png") no-repeat scroll 80% 45% transparent !important;
  5312. color: transparent !important;
  5313. }
  5314. .lb-next:not([style="display: none;"])  {
  5315.     float: right;
  5316.     opacity: 0.2 !important;
  5317. }
  5318. .lb-next:not([style="display: none;"]):hover {
  5319.     opacity: 1 !important;
  5320. }
  5321.  
  5322. /* (new60) NEXT ICON - PB IMAGE BACKGROUND - leoncastro - OK */
  5323. .lb-next:not([style="display: none;"])  {
  5324.     background: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png") no-repeat scroll 20% 48% transparent !important;
  5325. color: transparent !important;
  5326. }
  5327.  
  5328.  
  5329. /* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)-
  5330. TEST - MAX HEIGHT for PREVIEW :
  5331. OK :
  5332. https://greasyfork.org/fr/scripts/4685-ts-pixiv
  5333. https://greasyfork.org/fr/scripts/4407-ts-linx-amender
  5334. A voir :
  5335. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  5336. === */
  5337. /* #additional-info .script-author-description  img + br ~ br , */
  5338. #additional-info .script-author-description>p  img ~ br {
  5339.     display : none !important;
  5340. }
  5341. #additional-info img ,
  5342. .lightbox .lb-image {
  5343.     position: relative  !important;
  5344.     display: inline-block !important;
  5345.     height: auto !important;
  5346.     max-width: 80% !important;
  5347.     margin: 0 auto !important;
  5348.     border-radius: 3px;
  5349. }
  5350. #additional-info img {
  5351.     border: 1px solid orange !important;
  5352.     box-shadow: 5px 5px 2px #888888 !important;
  5353.     color: yellow!important;
  5354.     max-width: 98%!important;
  5355.     max-height: 245px !important;
  5356.     padding: 2px !important;
  5357.     box-shadow: 5px 5px 2px #181818 !important;
  5358.     background-color: #2b2b2b !important;
  5359. }
  5360. #additional-info .fancybox img {
  5361.     border: 1px solid orange !important;
  5362.     box-shadow: none !important;
  5363.     color: yellow!important;
  5364.     max-height: 100px !important;
  5365. }
  5366.  
  5367. /* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  5368. #main-article {
  5369.     margin-left: 215px !important;
  5370. }
  5371.  
  5372. /* USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
  5373. form[action="/styles/create"] input[name="commit"] ,
  5374. #main-article   form[action="/styles/update"] input[name="commit"] {
  5375.     position: fixed !important;
  5376.     width: 81px !important;
  5377.     height: 54px !important;
  5378.     left: 200px !important;
  5379.     top: 490px !important;
  5380. }
  5381.  
  5382.  
  5383.  
  5384. /* USERSTYLES - ACCOUNT- INSTAL WEEK - === */
  5385. .numeric-value {
  5386.     color: gold !important;
  5387. }
  5388. .numeric-value + .numeric-value {
  5389.     color: tan !important;
  5390. }
  5391.  
  5392. /* (new60) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
  5393. footer {
  5394.     position: fixed !important;
  5395.     display: inline-block !important;
  5396.     width: auto !important;
  5397.     top: 00px !important;
  5398.     left: 10px ! important;
  5399. padding: 0 5px 5px 20px !important;
  5400.     z-index: 5000 ! important;
  5401.     visibility: hidden !important;
  5402. background: red !important;
  5403. }
  5404. footer:hover {
  5405.     position: fixed !important;
  5406.     display: inline-block !important;
  5407.     width: auto !important;
  5408.     top: 00px !important;
  5409.     left: 10px ! important;
  5410. padding: 0 5px 5px 20px !important;
  5411.     z-index: 5000 ! important;
  5412.     visibility: visible !important;
  5413. background: black !important;
  5414. }
  5415. footer:before {
  5416. content: "🔻" !important;
  5417.     position: fixed !important;
  5418.     display: inline-block !important;
  5419.     width: auto !important;
  5420.     top: 10px !important;
  5421.     left: 5px ! important;
  5422. padding: 0px  !important;
  5423.     z-index: 5000 ! important;
  5424.     visibility: visible !important;
  5425. background: gold !important;
  5426. }
  5427. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  5428.  
  5429. /* USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
  5430. #left-sidebar > nav {
  5431.     position: fixed !important;
  5432.     width: 197px !important;
  5433.     left: 7px !important;
  5434.     top: 70px !important;
  5435.     box-shadow: 0 0 4px #999999 !important;
  5436.     background-color: #222222 !important;
  5437.     z-index: 1000 !important;
  5438. }
  5439. #left-sidebar nav ul li a {
  5440.     margin-left: 12px !important;
  5441. }
  5442. #left-sidebar>nav>ul>li>a{
  5443.     font-family: Verdana,sans-serif;
  5444.     font-size: small !important;
  5445. }
  5446.  
  5447. /* USERSTYLES - MENUS POPUP - ONE MENU === */
  5448. #left-sidebar a {
  5449.     display: inline-block !important;
  5450. }
  5451. #left-sidebar>nav>ul>li:nth-child(3) {
  5452.     position: fixed !important;
  5453.     display: inline-block !important;
  5454.     visibility: visible !important;
  5455.     min-width: 95px !important;
  5456.     max-width: 95px !important;
  5457.     top: 31px !important;
  5458.     left: 25px !important;
  5459.     padding: 1px 5px  ! important;
  5460.     border-radius: 3px 3px 0 0 !important;
  5461.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5462.     list-style: none !important;
  5463.     cursor: pointer !important;
  5464.     z-index: 200 !important;
  5465. }
  5466.  
  5467. /* (new75) USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
  5468. #left-sidebar>nav {
  5469.     width: 200px;
  5470.     height: 0px !important;
  5471.     margin-bottom: -28px !important;
  5472.     padding-left: 5px;
  5473.     visibility: hidden;
  5474. }
  5475. #left-sidebar>nav>ul:hover {
  5476.     position: absolute !important;
  5477.     display: block !important;
  5478.     width: 95px !important;
  5479.     height: auto !important;
  5480.     top : -20px !important;
  5481.     left: 13px !important;
  5482.     padding: 20px 5px 5px 5px !important;
  5483.     border-radius: 0 0 3px 3px !important;
  5484.     box-shadow: 0 0 4px #999999 !important;
  5485.     background-color: #222222 !important;
  5486.     list-style: none !important;
  5487.     transition: height 1.5s ease 1s!important;
  5488.     visibility: visible !important;
  5489.     z-index: 800 !important;
  5490. }
  5491. #left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
  5492.     position: relative!important;
  5493.     width: 90px !important;
  5494.     top: -13px!important;
  5495.     margin-bottom: 10px!important;
  5496. }
  5497. /* USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
  5498. #left-sidebar>nav>ul>li {
  5499.     width: 200px ! important;
  5500.     border-radius: 5px !important;
  5501.     box-shadow: 0 0 4px #999999 !important;
  5502.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5503. }
  5504. /* USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
  5505. #left-sidebar>nav>ul>li:hover {
  5506.     background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
  5507. }
  5508.  
  5509. /* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  5510. #style-author-info {
  5511.     position: fixed !important;
  5512.     width: 205px ! important;
  5513.     height: 100% ! important;
  5514.     min-height: 292px ! important;
  5515.     max-height: 792px ! important;
  5516.     left: 5px !important;
  5517.     top: 80px !important;
  5518.     padding-left: 5px !important;
  5519.     padding-bottom: 3px !important;
  5520.     border-radius: 5px !important;
  5521.     box-shadow: 3px 3px 2px black !important;
  5522.     background: #222222 !important;
  5523. }
  5524. #style-install-info {
  5525.     position: fixed !important;
  5526.     width: 195px ! important;
  5527.     left: 23px !important;
  5528.     top: 320px !important;
  5529.     padding-left: 5px !important;
  5530.     padding-bottom: 3px !important;
  5531.     border-radius: 5px !important;
  5532.     background: #222222 !important;
  5533.     z-index: 700 !important;
  5534. }
  5535.  
  5536. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  5537. #style-install-info>tbody>tr:nth-child(2n+1) ,
  5538. #style-author-info>tbody>tr:nth-child(2n+1) {
  5539.     background: #262626 !important;
  5540.  }
  5541.  
  5542. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  5543. #style-install-info>tbody>tr ,
  5544. #style-author-info>tbody>tr {
  5545.     color: gold !important;
  5546. }
  5547. /*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  5548. #style-install-info>tbody>tr th+td ,
  5549. #style-author-info>tbody>tr th+td {
  5550.     position: relative ! important;
  5551.     display: inline-block ! important;
  5552.     width: 95% ! important;
  5553.     bottom: 3px ! important;
  5554.     left: 3px ! important;
  5555.     border-radius: 5px ! important;
  5556.     border : #434141 solid 1px !important;
  5557.     box-shadow: 3px 3px 2px black !important;
  5558.     color: #6999A6 !important;
  5559.     text-align: center ! important;
  5560.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5561. }
  5562.  
  5563. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  5564. #style-install-info>tbody>tr ,
  5565. #style-author-info>tbody>tr {
  5566.     display: block !important;
  5567.     position: relative !important;
  5568.     width: 190px !important;
  5569.     font-size: 11px !important;
  5570. }
  5571. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  5572. #style-author-info>tbody>tr:first-child {
  5573.     position: relative !important;
  5574.     display: inline-block !important;
  5575.     margin-top: 5px ! important;
  5576.     margin-left: 0px ! important;
  5577.     width: 190px !important;
  5578.     height: 89px ! important;
  5579.     border-radius: 5px ! important;
  5580.     border: 1px gray solid ! important;
  5581. }
  5582.  
  5583. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  5584. #style-author-info>tbody>tr:nth-child(1)>th {
  5585.     display: inline-block !important;
  5586.     position: relative !important;
  5587.     width: 184px !important;
  5588.     margin-top: 1px ! important;
  5589.     padding: 0 5px 2px 0 !important;
  5590.     border-radius: 5px 5px 0 0  ! important;
  5591.     color: transparent !important;
  5592.     font-size: 0px !important;
  5593.     text-align: center ! important;
  5594.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5595. }
  5596. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  5597. #style-author-info>tbody>tr:nth-child(1)>th:before {
  5598.     position: relative ;
  5599.     display: inline-block ;
  5600.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5601.     transform:scale(0.9,0.7) ;
  5602. }
  5603.  
  5604. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5605. #style-author-info>tbody>tr:nth-child(1)>td a {
  5606.     position: absolute ! important;
  5607.     display: block !important;
  5608.     position: relative !important;
  5609.     max-width: 182px !important;
  5610.     height: 51px ! important;
  5611.     left: -2px ! important;
  5612.     padding: 0 2px !important;
  5613.     font-size: 19px !important;
  5614.     font-weight: bold ! important;
  5615.     text-align: center ! important;
  5616.     color: SlateGray !important;
  5617.     border-radius: 0 0 5px 5px ! important;
  5618.     background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
  5619.     border :none !important;
  5620.     white-space: pre-wrap ! important;
  5621.     word-break: break-all ! important;
  5622.     -moz-hyphens: auto ! important;
  5623. }
  5624.  
  5625. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5626. #style-author-info>tbody>tr:first-of-type th+td {
  5627.     position: relative ! important;
  5628.     display: inline-block ! important;
  5629.     width: 100% ! important;
  5630.     bottom: -1px ! important;
  5631.     left: 3px ! important;
  5632.     text-align: center ! important;
  5633.     border :none !important;
  5634.     background: transparent ! important;
  5635. }
  5636.  
  5637. /* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  5638. #content-wrapper #main-article #left-info {
  5639.     position: absolute ! important;
  5640.     display: inline-block ! important;
  5641.     vertical-align: top ! important;
  5642.     top: 5px !important;
  5643.     margin-left: 2% !important;
  5644. }
  5645.  
  5646. /* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  5647. #screenshots {
  5648.     position: absolute ;
  5649.     display: inline-block ;
  5650.     float: none ;
  5651.     clear: both ;
  5652.     height: 395px ;
  5653.     width: 360px ;
  5654.     top: 0px ;
  5655.     border: 1px solid #434141 !important;
  5656.     box-shadow: 3px 3px 2px black ;
  5657.     background-color: #222222 ;
  5658.     z-index: 10 ;
  5659. }
  5660. .screenshot-thumbnail {
  5661.     border: 1px solid #434141 !important;
  5662.     box-shadow: 3px 3px 2px black ;
  5663. }
  5664. #more-screenshots {
  5665.     font-size: 0 !important;
  5666. }
  5667. #more-screenshots span {
  5668.     position: absolute !important;
  5669.     display: inline-block !important;
  5670.     padding: 2px 5px !important;
  5671.     border-radius: 5px !important;
  5672.     background: black !important;
  5673.     font-size: 15px !important;
  5674. }
  5675. #screenshots #more-screenshots a  {
  5676.     position: relative !important;
  5677.     display: inline-block !important;
  5678.     width: 98% !important;
  5679.     bottom: -20px !important;
  5680.     font-size: small !important;
  5681. }
  5682. #screenshots #more-screenshots a:before  {
  5683.     content: "\25BA" ;
  5684.     color: gold ;
  5685. }
  5686. /* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  5687. #style-info {
  5688.     position: absolute ! important;
  5689.     width: 78.5% !important;
  5690.     margin-top : 1px !important;
  5691.     left: 249px !important;
  5692.     word-wrap: break-word ! important;
  5693. }
  5694. #main-style-info {
  5695.     width: 60% !important;
  5696.     margin-bottom: 1em;
  5697.     margin-left: 380px !important;
  5698.     padding-left: 1em;
  5699. }
  5700.  
  5701. /* (new79) USERSTYLES - STY INFOS - LG DESC - TXT -
  5702. <a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
  5703. === */
  5704. #long-description {
  5705.     position: relative !important;
  5706.     display: inline-block !important;
  5707.     width: 565px ! important;
  5708.     height: 395px !important;
  5709.     min-height: 100px ! important;
  5710.     top: 4px !important;
  5711.     margin-top: 0px !important;
  5712.     left: 10px ! important;
  5713.     padding: 5px 5px 2px 10px !important;
  5714.     border-radius: 5px !important;
  5715.     box-shadow: 0 0 4px #999999 !important;
  5716.     border: 1px solid red !important;
  5717.     box-shadow: 3px 3px 2px black !important;
  5718.     overflow: hidden ! important;
  5719.     overflow-y: auto ! important;
  5720. }
  5721. /* (new94) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
  5722. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  5723. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  5724. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  5725. === SITE CHANGE :
  5726. "#style-options" to "#style-settings"
  5727. === */
  5728. .advanced_button {
  5729.     position: absolute ;
  5730.     height: 20px !important;
  5731.     margin-left: 251px !important;
  5732.     top: 76px !important;
  5733. }
  5734. #style-settings {
  5735.     position: absolute !important;
  5736.     display: inline-block !important;
  5737.     width: 49px ! important;
  5738.     height: 27px !important;
  5739. /* top: -44px !important; */
  5740.     top: 93px !important;
  5741. /* margin-left: 620px !important; */
  5742.     margin-left: 800px !important;
  5743.     left: 40px ! important;
  5744. padding: 5px ;
  5745.     border: 1px solid gray !important;
  5746.     border-radius: 5px !important;
  5747.     background: gray !important;
  5748.     overflow: hidden !important;
  5749.     overflow-y: hidden !important;
  5750.     z-index: 500 !important;
  5751. }
  5752. #style-settings:hover {
  5753.     position: absolute !important;
  5754.     display: inline-block !important;
  5755.     width: 555px ! important;
  5756.     min-height: 727px !important;
  5757. /*     top: -37px !important; */
  5758. /* margin-left: 769px !important; */
  5759. /* left: -385px ! important; */
  5760.     left: -450px ! important;
  5761.     border: 1px solid gray !important;
  5762.     border-radius: 5px !important;
  5763.     background: black !important;
  5764.     overflow: hidden !important;
  5765.     overflow-y: auto !important;
  5766.     z-index: 500!important;
  5767.     transition: all ease 0.6s !important;
  5768. }
  5769. #style-settings li:first-of-type {
  5770.     margin-top: 35px !important;
  5771. }
  5772.  
  5773. #style-settings:before {
  5774.     content: "Options \01F53B " ;
  5775.     position: absolute ;
  5776.     display: inline-block ;
  5777.     height: 25px ;
  5778. width: 50px !important;
  5779.     line-height: 13px ;
  5780.     top: 0px ;
  5781.     left: -2px ;
  5782.     padding: 5px ;
  5783.     border-radius: 5px ;
  5784.     border: 1px solid gray ;
  5785.     color: gold ;
  5786.     background: #222222 ;
  5787.     z-index: 500 !important;
  5788. }
  5789. #style-settings #advancedsettings_area.advancedsettings_shown ,
  5790. #style-settings #advancedsettings_area.advancedsettings_hidden  {
  5791.     display: inline-block !important;
  5792.     min-width: 495px !important;
  5793.     max-width: 495px !important;
  5794.     background-color: #ffffff;
  5795. }
  5796.  
  5797. /* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  5798. #style-info #control-panel {
  5799.     position: fixed ! important;
  5800.     display: inline-block ! important;
  5801.     height: 17px !important;
  5802.     line-height: 17px !important;
  5803.     width: 566px;
  5804.     margin-bottom: 1em;
  5805.     left: 637px!important;
  5806.     top: 25px ! important;
  5807.     padding: 1px 6px !important;
  5808.     border: 1px solid gray !important;
  5809.     border-radius: 3px 3px 0 0 !important;
  5810.     background: #222 !important;
  5811. z-index: 600!important;
  5812. }
  5813.  
  5814. #style-install-info > tbody > tr:last-of-type ,
  5815. #style-info #control-panel>a:nth-child(1),
  5816. #style-info #control-panel>a:nth-child(2),
  5817. #style-info #control-panel> a:nth-child(3){
  5818.     display: inline-block!important;
  5819.     height: 14px !important;
  5820.     line-height: 14px !important;
  5821. margin-top: -4px ! important;
  5822. top: 30px !important;
  5823.     background-color: #222222 !important;
  5824.     border-radius: 3px !important;
  5825.     box-shadow: 3px 3px 2px black !important;
  5826.     padding: 1px 5px !important;
  5827. }
  5828.  
  5829. /* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  5830. #long-description>p>a{
  5831.     color: #E0B81F !important;
  5832.     margin-right: 5px !important;
  5833. }
  5834. /* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  5835. #stylish-installed-style-needs-update ,
  5836. #stylish-installed-style-not-installed {
  5837.     position: fixed !important;
  5838.     width: 190px !important;
  5839.     height: 16px !important;
  5840.     line-height: 13px !important;
  5841.     left: 1025px !important;
  5842.     margin-bottom: 1px;
  5843.     top: 16px !important;
  5844.     padding: 0 4px 2px !important;
  5845.     border-radius: 5px !important;
  5846.     font-size: larger;
  5847.     color: white;
  5848.     vertical-align: middle;
  5849.     z-index: 700!important;
  5850. }
  5851.  
  5852. /* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */</