decembre

Userstyles TableView+Enhancer - DarkGrey 94

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