API tools faq
paste
decembre

Userstyles TableView+Enhancer - Dark-Grey v.92

decembre
Apr 17th, 2017
412
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 309.40 KB | None | 0 0
raw download clone embed print report diff
  1. /* AGENT_SHEET */
  2. @namespace url(http://www.w3.org/1999/xhtml);
  3. @-moz-document domain("userstyles.org")
  4. , domain("greasyfork.org")
  5. , domain("sleazyfork.org")
  6. , url-prefix("https://greasyfork.org/forum/") ,
  7. url-prefix("https://74.86.192.75/")  {
  8.  
  9. /* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 92 (new92) - AGENT_SHEET ==== */
  10.  
  11. /*
  12.  ________________________________________________________________________
  13. |                                                                        |
  14. |                                                                        |
  15. |                                                                        |
  16. |          Title:  |  Userstyles TableView+Enhancer - DarkGrey v.92      |
  17. |                                                                        |
  18. |    Description:  |                                                     |
  19. |                      GREASY FORK - With / without (GM) TS CITRUS       |          
  20. |                      FORUM Styles in first + Forum GREASY Fork -       |
  21. |                      Logged or NOT                                     |
  22. |                      With / Without GM                                 |
  23. |                      AGENT_SHEET                                       |
  24. |                                                                        |
  25. |         Author:  |  decembre                                           |
  26. |                                                                        |
  27. |   Date Created:  |  23-11-2011                                         |
  28. |                                                                        |
  29. |   Last Updated:  |  16-04-2017                                         |
  30. |                                                                        |
  31. |________________________________________________________________________|
  32. */
  33.  
  34.  
  35. /* (new92) SUPP - ALL  */
  36. /* USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
  37. #donate,
  38. #donate input {
  39.     display: none !important;
  40. }
  41. /* CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
  42. #discussions-area #social.single-style ,
  43. #social ,
  44. .twitter-share-button ,
  45. #twitter-widget-0 ,
  46. .fb-like {
  47.     display: none!important;
  48. }
  49. /* USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) -
  50. [id*="-ad"] ,
  51. === */
  52. #google_ads_frame1 ,
  53. #adContent-clickOverlay ,
  54. #adContent ,
  55. #post-install-ad ,
  56. #below-install-ad ,
  57. .ad {
  58.     display: none !important;
  59. }
  60.  
  61.  
  62. /* (new80) TEST - USERSTYLES FORUME PROFILE DISCUSSINS LIST - COMMENTS LIST - === */
  63. .DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type {
  64.     display: inline-block ;
  65.     width: 100% ;
  66.     line-height: 14px  ;
  67.     padding: 5px 2px 5px 5px !important;
  68.     white-space: pre-line;
  69.     margin-left: -5px !important;
  70.     color: gold  ;
  71.     background: black ;
  72. }
  73.  
  74. /* (new79) GREASYFORK - Without SCRIPT - === */
  75. .width-constraint > p {
  76.     display: inline-block;
  77. }
  78. #script-links .current > * {
  79.     color: red !important;
  80. }
  81.  
  82.  
  83. /* CITRUS SETTINGS - POPUP - === */
  84. #CForkSettings {
  85.     z-index: 5000 !important;
  86. }
  87.  
  88. /* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE -
  89. .SiteMenu
  90. === */
  91. .with-submenu {
  92.     position: relative !important;
  93.     display: inline-block !important;
  94. /* z-index: 4000060 !important; */
  95. }
  96.  
  97. li.with-submenu a + nav ,
  98. li.with-submenu a + nav:hover ,
  99. li.with-submenu a:hover + nav {
  100. position: absolute  !important;
  101.     min-width: 100%;
  102.     margin-top: -5px !important;
  103.     padding: 2px 5px 5px 15px !important;
  104.     text-align: left !important;
  105.     box-shadow: 3px 3px 2px black !important;
  106.     background-color: #333 !important;
  107. /* z-index: 50000000 !important; */
  108. }
  109. li.with-submenu a + nav li {
  110.     height: 20px !important;
  111.     line-height: 20px !important;
  112.     z-index: 50000000 !important;
  113. }
  114. li.with-submenu a + nav li a {
  115.     padding: 2px 2px !important;
  116.     text-align: left !important;
  117. }
  118.  
  119. /* (new78) - USERSTYLES - AADAPTATION TABLE VIEW PLUS - EDIT USER PROFILE PAGE - === */
  120. #main-article>form[accept-charset="UTF-8"] + table#summary ,
  121. #main-article>form[accept-charset="UTF-8"] + table#summary + #table-container {
  122. display: none !important;
  123. }
  124.  
  125. /* (new60) - ADAPTATION for GM "Greasyfork install button on search" -
  126. https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
  127. === */
  128. .thetitle + div #install-area {
  129.     position: relative !important;
  130.     display: inline-block !important;
  131.     float: left !important;
  132.     max-width: 460px !important;
  133.     min-width: 460px !important;
  134.     margin-left: 0px !important;
  135.     top: 0 !important;
  136.     padding: 1px 9px !important;
  137.     background-color: #f9ecdb !important;
  138.     border-bottom: 1px solid gray;
  139.     z-index: 1 !important;
  140.     overflow: hidden !important;
  141. }
  142. .thetitle + div:hover #install-area {
  143.     position: relative !important;
  144.     display: inline-block !important;
  145.     float: left !important;
  146.     max-width: 460px !important;
  147.     min-width: 460px !important;
  148.     margin-left: 0px !important;
  149.     height: auto !important;
  150.     top: 0 !important;
  151.     padding: 5px 9px !important;
  152.     background-color: #f9ecdb !important;
  153.     border-bottom: 1px solid gray;
  154.     z-index: 1 !important;
  155. }
  156. .thetitle + div #install-area> a {
  157.     display: inline-block;
  158.     float: left !important;
  159.     clear: both !important;
  160.     max-width: 50px !important;
  161.     min-width: 50px !important;
  162.     line-height: 13px !important;
  163.     font-size: 12px !important;
  164.     margin-left: 0 !important;
  165.     text-align: center !important;
  166. }
  167. .thetitle + div #install-area a:last-of-type {
  168.     display: inline-block;
  169.     float: left !important;
  170.     clear: both !important;
  171.     height: 15px !important;
  172.     max-width: 50px !important;
  173.     min-width: 50px !important;
  174.     line-height: 13px !important;
  175.     margin-left: 0 !important;
  176.     padding: 1px 12px !important;
  177.     line-height: 13px !important;
  178.     font-size: 12px !important;
  179.     text-align: center !important;
  180. }
  181. .thetitle + div #install-area .script-in-sets {
  182.     display: inline-block;
  183.     height: 65px !important;
  184.     max-width: 330px !important;
  185.     min-width: 330px !important;
  186.     margin-left: 10px !important;
  187.     font-size: 0px !important;
  188. }
  189.  
  190. .thetitle + div #install-area .script-in-sets a:first-of-type {
  191.     display: inline-block;
  192.     max-width: 300px !important;
  193.     min-width: 300px !important;
  194.     margin-left: 0 !important;
  195.     font-size: 12px !important;
  196.     text-align: center !important;
  197. }
  198. .thetitle + div #install-area .script-in-sets a:first-of-type + a {
  199.     display: inline-block;
  200.     max-width: 300px !important;
  201.     min-width: 300px !important;
  202.     margin-left: 0 !important;
  203.     font-size: 12px !important;
  204.     text-align: center !important;
  205. }
  206. .thetitle + div #install-area .script-in-sets select {
  207.     display: inline-block;
  208.     max-width: 287px !important;
  209.     min-width: 287px !important;
  210.     margin-left: 0px !important;
  211. }
  212. /* ADAPTATION for GM : userstyles.org css highlighter
  213. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  214. ==== */
  215. #view-code.hiBeautted {
  216.     background-color: #293134 !important;
  217.     color: #e0e2e4 !important;
  218. }
  219. #view-code.hiBeautted #stylish-code {
  220.     color: #B1B1B1 !important;
  221.     background-color: #293134 !important;
  222. }
  223. #hiBeauty::before {
  224.     position: absolute;
  225.     display: block;
  226.     top: 0px;
  227.     left: 0% !important;
  228.     padding: 1px 3px 0 1px !important;
  229.     border-radius: 0 0 5px 0 !important;
  230.     background-color: rgba(255, 0, 0, 0.7) !important;
  231. }
  232. #hiBeauty:hover::before {
  233.     padding: 4px !important;
  234.     border: 1px solid gray !important;
  235.     border-radius: 0 0 5px 0 !important;
  236.     background-color: rgba(0, 0, 0, 0.4) !important;
  237.     opacity: 1 !important;
  238.     z-index: 1;
  239.     transition: all ease 1s !important;
  240. }
  241. #hiBeauty::after {
  242.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  243.     display: block;
  244.     left: -50% !important;
  245.     opacity: 0.75;
  246.     position: absolute;
  247.     top: 2px;
  248.     padding: 0 5px !important;
  249.     border-radius: 0 5px 5px 0 !important;
  250.     font-size: 15px !important;
  251.     background: rgba(255, 0, 0, 1) !important;
  252.     z-index: 1;
  253.     transition: all ease 0.2s !important;
  254. }
  255. #hiBeauty:hover::after {
  256.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  257.     display: block;
  258.     left: 4% !important;
  259.     opacity: 0.75;
  260.     position: absolute;
  261.     top: 2px;
  262.     padding: 0 5px !important;
  263.     border-radius: 0 5px 5px 0 !important;
  264.     font-size: 15px !important;
  265.     color: white !important;
  266.     background: rgba(0, 0, 0, 0.61) !important;
  267.     z-index: 1;
  268.     transition: all ease 0.4s !important;
  269. }
  270.  
  271. .tk.sel {
  272.     color: #25B300 !important;
  273. }
  274. .tk.pro {
  275.     color: #2a7da3 !important;
  276. }
  277. .tk.pun {
  278.     color: #0F40A7 !important;
  279. }
  280. .tk.com {
  281.     color: #9F7E15 !important;
  282. }
  283.  
  284. /* (new60) - ADAPTATION for GM :
  285. == GreasyFork Bullshit Filter :
  286. https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
  287. == GreasyFork Bullshit Filter (compatible with Citrus GFork)
  288. https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
  289.  
  290. AND (TEST):
  291. GreasyFork - filter discussions on scripts by review type and author
  292. https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
  293.  
  294. === */
  295.  
  296. /* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
  297. body[pagetype="ListingPage"] #script-table tr.filtered {
  298.     display: table-row !important;
  299.     width: 100% !important;
  300.     height: 10px!important;
  301. }
  302. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  303.     background: black !important;
  304. }
  305. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  306.     display: table-cell !important;
  307.     height: 100% !important;
  308.     min-height: 10px!important;
  309.     max-height: 10px!important;
  310.     padding: 0 !important;
  311.     font-size: 7px !important;
  312. background-color: #F7F6E9 !important;
  313. }
  314. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  315.     font-size: 8px !important;
  316. }
  317.  
  318. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  319.     font-size: 8px !important;
  320. }
  321. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  322.     border-left: 1px solid red !important;
  323. }
  324.  
  325. /* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  326. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  327.     display: none !important;
  328. }
  329.  
  330. /* (new79) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  331. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  332.     position: absolute !important;
  333.     display: inline-block !important;
  334.     width: 914px !important;
  335.     background-color: #f7f6e9 !important;
  336.     border: 1px solid peru !important;
  337.     border-left: 3px solid red !important;
  338.     border-right: 3px solid red !important;
  339.     border-bottom: 4px solid red !important;
  340. font-size: 15px !important;
  341. }
  342. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
  343. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  344.     display: inline-block !important;
  345.     display: none !important;
  346.     height: 100% !important;
  347.     min-height: 15px!important;
  348.     max-height: 15px!important;
  349.     padding: 0 !important;
  350.     font-size: 8px !important;
  351. }
  352. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  353.     display: inline-block !important;
  354.     height: 100% !important;
  355.     min-height: 10px!important;
  356.     max-height: 10px!important;
  357.     line-height: 8px!important;
  358.     padding: 0 !important;
  359.     font-size: 9px !important;
  360. }
  361. .filter-status:not(:empty) ,
  362. #script-content .filter-status:not(:empty) {
  363.     position: fixed !important;
  364.     width: 190px !important;
  365.     left: calc(84%) !important;
  366.     top: 5px !important;
  367.     padding: 1px 0  !important;
  368.     border-radius: 5px !important;
  369.     text-align: center !important;
  370.     font-size: 15px !important;
  371.     color: white !important;
  372.     cursor: default !important;
  373.     z-index: 500000 !important;
  374.     background: #B38C25 !important;
  375. }
  376.  
  377. .filter-status:first-of-type + .filter-switches {
  378.     position: fixed !important;
  379.     width: 190px !important;
  380.     left: calc(84.3%) !important;
  381.     top: 30px !important;
  382.     border-radius: 5px !important;
  383.     background: #B38C25 !important;
  384.     z-index: 50000 !important;
  385. }
  386. .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  387. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  388. display: none !important;
  389. }
  390.  
  391. :hover > .filter-switches a ,
  392. .filter-switches  a ,
  393. #script-content .filter-switches  a {
  394.     display: inline-block  !important;
  395.     width: 160px !important;
  396.     height: 15px !important;
  397.     line-height: 15px !important;
  398.     margin-top: -2px !important;
  399.     bottom: 0px !important;
  400.     margin-left: 0px !important;
  401.     font-size: 15px !important;
  402.     cursor: pointer !important;
  403. }
  404.  
  405. :hover > .filter-switches a.filter-on ,
  406. :hover > .filter-switches a.filter-off ,
  407. #main-header:not(:hover)> .filter-switches a.filter-on ,
  408. #main-header:not(:hover)> .filter-switches a.filter-off {
  409.     color: white !important;
  410. }
  411. :hover > #script-content .filter-switches  a.filter-on ,
  412. :hover > #script-content .filter-switches  a.filter-off {
  413.     color: peru !important;
  414. }
  415. .ui-widget {
  416.     position: fixed !important;
  417.     width: 190px !important;
  418.     top: 148px !important;
  419.     left: calc(85.6%) !important;
  420. }
  421. .ui-widget #myform {
  422.     width: 185px !important;
  423. }
  424.  
  425. .ui-widget #myform input#authors {
  426.     width: 180px !important;
  427. }
  428. .dropdown {
  429.     position: fixed !important;
  430.     width: 185px !important;
  431.     left: calc(85.66%) !important;
  432.     top: 198px !important
  433. }
  434.  
  435. .dropbtn {
  436.     width: 185px !important;
  437.     padding: 5px 0px 5px 20px !important;
  438. }
  439. .dropdown-content {
  440.     width: 185px !important;
  441.     height: 400px !important;
  442.     padding: 16px 0px 5px 0px !important;
  443.     background-color: #222 !important;
  444. }
  445. #myDropdown.dropdown-content a {
  446.     padding: 1px 0px 2px 5px !important;
  447.     font-size: 15px !important;
  448.     color: gray !important;
  449.     background-color: #333 !important;
  450.     text-align: left !important;
  451.     cursor: default !important;
  452. }
  453. #myDropdown.dropdown-content a:hover {
  454.     font-size: 15px !important;
  455.     color: gold !important;
  456.     background-color: #222 !important;
  457. }
  458. .dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
  459. .dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
  460.     position: fixed !important;
  461.     display: inline-block !important;
  462.     left: calc(85.56%) !important;
  463.     top: 202px !important;
  464.     padding: 3px !important;
  465.     border-radius: 100% !important;
  466.     text-align: center !important;
  467. }
  468.  
  469. /* for FITTER SCRIPT */
  470. .width-constraint + .filter-status {
  471.     position: fixed !important;
  472.     width: 190px !important;
  473. /* left: calc(86.7%) !important; */
  474. }
  475. .width-constraint + .filter-status + .filter-switches {
  476. /* left: calc(87%) !important; */
  477. }
  478. .width-constraint + .filter-status + .filter-switches a {
  479.     margin-left: 10px !important;
  480. }
  481.  
  482.  
  483.  
  484.  
  485. /* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  486. .Button.Danger.BigButton.ClearConversation {
  487.     display: block;
  488.     font-size: 11px!important;
  489.     font-weight: bold;
  490.     margin: 0 0 10px;
  491.     padding: 8px 10px;
  492.     text-align: center;
  493. }
  494.  
  495. /* ALL SITES PAGE -
  496. https://greasyfork.org/en/scripts/by-site
  497. === */
  498. #by-site-list li[style="font-size: 5.0em"] {
  499.     font-size: 3.28em  !important;
  500. }
  501. #by-site-list li[style="font-size: 5.0em"] a {
  502.     color: darkturquoise !important;
  503. }
  504.  
  505.  
  506. #by-site-list li[style="font-size: 4.07em"] {
  507.     font-size: 3.27em !important;
  508. }
  509. #by-site-list li[style="font-size: 4.07em"] a {
  510.     color: lightsalmon!important;
  511. }
  512.  
  513. #by-site-list li[style="font-size: 3.86em"] {
  514.     font-size: 3.26em !important;
  515. }
  516. #by-site-list li[style="font-size: 3.86em"] a {
  517.     color: darkturquoise !important;
  518. }
  519.  
  520. #by-site-list li[style="font-size: 2.86em"] {
  521.     font-size: 3.25em!important;
  522. }
  523. #by-site-list li[style="font-size: 2.86em"] a {
  524.     color: deepskyblue !important;
  525. }
  526.  
  527. #by-site-list li[style="font-size: 2.02em"] {
  528.     font-size: 3.24em!important;
  529. }
  530. #by-site-list li[style="font-size: 2.02em"] a {
  531.     color: darkturquoise !important;
  532. }
  533.  
  534. #by-site-list li[style="font-size: 2.1em"] {
  535.     font-size: 3.23em !important;
  536. }
  537. #by-site-list li[style="font-size: 2.1em"] a {
  538.     color: darkturquoise !important;
  539. }
  540.  
  541. #by-site-list li[style="font-size: 2.06em"] {
  542.     font-size: 3.22em !important;
  543. }
  544. #by-site-list li[style="font-size: 2.06em"] a {
  545.     color: deepskyblue !important;
  546. }
  547.  
  548. #by-site-list li[style="font-size: 1.99em"] {
  549.     font-size: 3.21em !important;
  550. }
  551. #by-site-list li[style="font-size: 1.99em"] a {
  552.     color: darkturquoise !important;
  553. }
  554.  
  555. #by-site-list li[style="font-size: 1.92em"] {
  556.     font-size: 3.20em !important;
  557. }
  558. #by-site-list li[style="font-size: 1.92em"] a {
  559.     color: darkturquoise !important;
  560. }
  561.  
  562. #by-site-list li[style="font-size: 1.87em"] {
  563.     font-size: 3.19em!important;
  564. }
  565. #by-site-list li[style="font-size: 1.87em"] a {
  566.     color: darkturquoise !important;
  567. }
  568.  
  569. #by-site-list li[style="font-size: 1.7em"] {
  570.     font-size: 3.18em!important;
  571. }
  572. #by-site-list li[style="font-size: 1.7em"] a {
  573.     color: darkturquoise !important;
  574. }
  575.  
  576. #by-site-list li[style="font-size: 1.66em"] {
  577.     font-size: 3.17em !important;
  578. }
  579. #by-site-list li[style="font-size: 1.66em"] a {
  580.     color: darkturquoise !important;
  581. }
  582.  
  583. #by-site-list li[style="font-size: 1.61em"] {
  584.     font-size: 3.16em !important;
  585. }
  586. #by-site-list li[style="font-size: 1.61em"] a {
  587.     color: deeppink !important;
  588. }
  589.  
  590. #by-site-list li[style="font-size: 1.5em"] {
  591.     font-size: 3.15em !important;
  592. }
  593. #by-site-list li[style="font-size: 1.5em"] a {
  594.     color: darkturquoise !important;
  595. }
  596.  
  597. #by-site-list li[style="font-size: 1.4em"] {
  598.     font-size: 3.14em !important;
  599. }
  600. #by-site-list li[style="font-size: 1.4em"] a {
  601.     color: darkturquoise !important;
  602. }
  603.  
  604. #by-site-list li[style="font-size: 1.41em"] {
  605.     font-size: 3.13em !important;
  606. }
  607. #by-site-list li[style="font-size: 1.41em"] a {
  608.     color: deeppink !important;
  609. }
  610.  
  611. #by-site-list li[style="font-size: 1.3em"] {
  612.     font-size: 3.12em !important;
  613. }
  614. #by-site-list li[style="font-size: 1.3em"] a {
  615. color: deeppink !important;
  616. }
  617.  
  618. #by-site-list li[style="font-size: 1.39em"] {
  619.     font-size: 3.11em !important;
  620. }
  621. #by-site-list li[style="font-size: 1.39em"] a {
  622.     color: darkturquoise !important;
  623. }
  624.  
  625. #by-site-list li[style="font-size: 1.38em"] {
  626.     font-size: 3.10em!important;
  627. }
  628. #by-site-list li[style="font-size: 1.38em"] a {
  629.     color: darkturquoise !important;
  630. }
  631.  
  632. #by-site-list li[style="font-size: 1.35em"] {
  633.     font-size: 3.09em !important;
  634. }
  635. #by-site-list li[style="font-size: 1.35em"] a {
  636. color: darkturquoise !important;
  637. }
  638.  
  639. #by-site-list li[style="font-size: 1.34em"] {
  640.     font-size: 3.08em !important;
  641. }
  642. #by-site-list li[style="font-size: 1.34em"] a {
  643.     color: darkturquoise !important;
  644. }
  645.  
  646. #by-site-list li[style="font-size: 1.32em"] {
  647.     font-size: 3.07em !important;
  648. }
  649. #by-site-list li[style="font-size: 1.32em"] a {
  650.     color: darkturquoise !important;
  651. }
  652.  
  653. #by-site-list li[style="font-size: 1.31em"] {
  654.     font-size: 3.06em !important;
  655. }
  656. #by-site-list li[style="font-size: 1.31em"] a {
  657.     color: darkturquoise !important;
  658. }
  659.  
  660. #by-site-list li[style="font-size: 1.29em"] {
  661.     font-size: 3.05em !important;
  662. }
  663. #by-site-list li[style="font-size: 1.29em"] a {
  664.     color: deeppink !important;
  665. }
  666.  
  667. #by-site-list li[style="font-size: 1.26em"] {
  668.     font-size: 3.04em !important;
  669. }
  670. #by-site-list li[style="font-size: 1.26em"] a {
  671.     color: darkturquoise !important;
  672. }
  673.  
  674.  
  675. #by-site-list li[style="font-size: 1.23em"] {
  676.     font-size: 3.03em !important;
  677. }
  678. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  679.     color: lightcyan !important;
  680. }
  681. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  682.     color: wheat !important;
  683. }
  684.  
  685.  
  686. #by-site-list li[style="font-size: 1.21em"] {
  687.     font-size: 3.02em !important;
  688. }
  689. #by-site-list li[style="font-size: 1.21em"] a {
  690.     color: deeppink !important;
  691. }
  692.  
  693. #by-site-list li[style="font-size: 1.08em"] {
  694.     font-size: 3.01em !important;
  695. }
  696. #by-site-list li[style="font-size: 1.08em"] a {
  697.     color: darkturquoise !important;
  698. }
  699.  
  700. #by-site-list li[style="font-size: 1.07em"] {
  701.     font-size: 3.00em !important;
  702. }
  703. #by-site-list li[style="font-size: 1.07em"] a {
  704.     color: darkturquoise !important;
  705. }
  706.  
  707. #by-site-list li[style="font-size: 1.05em"] {
  708.     font-size: 2.99em  !important;
  709. }
  710. #by-site-list li[style="font-size: 1.05em"] a {
  711.     color: darkturquoise !important;
  712. }
  713.  
  714. #by-site-list li[style="font-size: 1.0em"] {
  715.     font-size: 2.98em  !important;
  716. }
  717. #by-site-list li[style="font-size: 1.0em"] a {
  718.     color: darkturquoise !important;
  719. }
  720.  
  721. #by-site-list li[style="font-size: 1.01em"] {
  722.     font-size: 2.97em  !important;
  723. }
  724. #by-site-list li[style="font-size: 1.01em"] a {
  725.     color: darkturquoise !important;
  726. }
  727.  
  728.  
  729. #by-site-list li[style="font-size: 0.6em"] {
  730.     font-size: 1em !important;
  731. }
  732. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  733.     color: lightblue!important;
  734. }
  735. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  736.     color: aquamarine !important;
  737. }
  738. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  739.     color: tomato !important;
  740. }
  741. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  742.     color: powderblue !important;
  743. }
  744. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  745.     color: greenyellow !important;
  746. }
  747.  
  748.  
  749.  
  750. #by-site-list li[style="font-size: 0.61em"]{
  751.     font-size: 1.1em !important;
  752. }
  753. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  754.     color: turquoise !important;
  755. }
  756. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  757.     color: azure !important;
  758. }
  759. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  760.     color: mediumvioletred !important;
  761. }
  762.  
  763.  
  764.  
  765. #by-site-list li[style="font-size: 0.62em"]{
  766.     font-size: 1.2em !important;
  767. }
  768. #by-site-list li[style="font-size: 0.62em"] a {
  769.     color: blueviolet !important;
  770. }
  771. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  772.     color: cornflowerblue !important;
  773. }
  774. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  775.     color: peachpuff !important;
  776. }
  777. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  778.     color: tomato !important;
  779. }
  780. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  781.     color: powderblue !important;
  782. }
  783. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  784.     color: greenyellow !important;
  785. }
  786.  
  787.  
  788. #by-site-list li[style="font-size: 0.63em"]{
  789.     font-size: 1.3em !important;
  790. }
  791. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  792.     color: lightsalmon !important;
  793. }
  794. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  795.     color: darkcyan !important;
  796. }
  797.  
  798.  
  799.  
  800. #by-site-list li[style="font-size: 0.64em"]{
  801.     font-size: 1.4em !important;
  802. }
  803. #by-site-list li[style="font-size: 0.64em"] a {
  804.     color: peru !important;
  805. }
  806. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  807.     color: deepskyblue !important;
  808. }
  809. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  810.     color: dodgerblue !important;
  811. }
  812. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  813.     color: tomato !important;
  814. }
  815. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  816.     color: powderblue !important;
  817. }
  818. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  819.     color: greenyellow !important;
  820. }
  821.  
  822. #by-site-list li[style="font-size: 0.65em"]{
  823.     font-size: 1.5em !important;
  824. }
  825. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  826.     color: violet !important;
  827. }
  828. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  829.     color: goldenrod !important;
  830. }
  831.  
  832.  
  833. #by-site-list li[style="font-size: 0.66em"]{
  834.     font-size: 1.6em !important;
  835. }
  836. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  837.     color: greenyellow !important;
  838. }
  839. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  840.     color: indianred !important;
  841. }
  842.  
  843.  
  844. #by-site-list li[style="font-size: 0.67em"]{
  845.     font-size: 1.7em !important;
  846. }
  847. #by-site-list li[style="font-size: 0.67em"] a {
  848.     color: lawngreen !important;
  849. }
  850.  
  851.  
  852.  
  853. #by-site-list li[style="font-size: 0.68em"]{
  854.     font-size: 1.8em !important;
  855. }
  856. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  857.     color: lightblue !important;
  858. }
  859. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  860.     color: lavender !important;
  861. }
  862. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  863.     color: tomato !important;
  864. }
  865. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  866.     color: powderblue !important;
  867. }
  868. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  869.     color: greenyellow !important;
  870. }
  871.  
  872.  
  873.  
  874. #by-site-list li[style="font-size: 0.69em"]{
  875.     font-size: 1.9em !important;
  876. }
  877. #by-site-list li[style="font-size: 0.69em"] a {
  878.     color: lemonchiffon !important;
  879. }
  880.  
  881.  
  882. #by-site-list li[style="font-size: 0.7em"]{
  883.     font-size: 2em !important;
  884. }
  885. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  886.     color: thistle !important;
  887. }
  888. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  889.     color:  blanchedalmond !important;
  890. }
  891.  
  892.  
  893. #by-site-list li[style="font-size: 0.71em"]{
  894.     font-size: 2.1em !important;
  895. }
  896. #by-site-list li[style="font-size: 0.71em"] a {
  897.     color: antiquewhite !important;
  898. }
  899.  
  900. #by-site-list li[style="font-size: 0.72em"]{
  901.     font-size: 2.2em !important;
  902. }
  903. #by-site-list li[style="font-size: 0.72em"] a {
  904.     color: aqua !important;
  905. }
  906.  
  907. #by-site-list li[style="font-size: 0.73em"]{
  908.     font-size: 2.3em !important;
  909. }
  910. #by-site-list li[style="font-size: 0.73em"] a {
  911.     color: aquamarine !important;
  912. }
  913.  
  914. #by-site-list li[style="font-size: 0.74em"]{
  915.     font-size: 2.4em !important;
  916. }
  917. #by-site-list li[style="font-size: 0.74em"] a {
  918.     color: bisque !important;
  919. }
  920.  
  921.  
  922. #by-site-list li[style="font-size: 0.75em"]{
  923.     font-size: 2.5em !important;
  924. }
  925. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  926.     color: darkgray !important;
  927. }
  928. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  929.     color: palevioletred !important;
  930. }
  931.  
  932.  
  933.  
  934. #by-site-list li[style="font-size: 0.76em"]{
  935.     font-size: 2.6em !important;
  936. }
  937. #by-site-list li[style="font-size: 0.76em"] a {
  938. color: darkcyan !important;
  939. }
  940.  
  941. #by-site-list li[style="font-size: 0.77em"]{
  942.     font-size: 2.7em !important;
  943. }
  944. #by-site-list li[style="font-size: 0.77em"] a {
  945.     color: darkorange !important;
  946. }
  947.  
  948. #by-site-list li[style="font-size: 0.78em"]{
  949.     font-size: 2.8em !important;
  950. }
  951. #by-site-list li[style="font-size: 0.78em"] a {
  952.     color: crimson !important;
  953. }
  954.  
  955. #by-site-list li[style="font-size: 0.79em"]{
  956.     font-size: 2.9em !important;
  957. }
  958. #by-site-list li[style="font-size: 0.79em"] a {
  959.     color: cornsilk  !important;
  960. }
  961.  
  962. /* ==== > 2.91em ===  */
  963.  
  964. #by-site-list li[style="font-size: 0.8em"]{
  965.     font-size: 2.91em !important;
  966. }
  967. #by-site-list li[style="font-size: 0.8em"] a {
  968.     color: cornflowerblue  !important;
  969. }
  970.  
  971. #by-site-list li[style="font-size: 0.81em"]{
  972.     font-size: 2.92em !important;
  973. }
  974. #by-site-list li[style="font-size: 0.81em"] a {
  975.     color: coral  !important;
  976. }
  977.  
  978. #by-site-list li[style="font-size: 0.82em"]{
  979.     font-size: 2.93em !important;
  980. }
  981. #by-site-list li[style="font-size: 0.82em"] a {
  982.     color: chocolate !important;
  983. }
  984.  
  985. #by-site-list li[style="font-size: 0.83em"]{
  986.     font-size: 2.94em !important;
  987. }
  988. #by-site-list li[style="font-size: 0.83em"] a {
  989.     color: chartreuse !important;
  990. }
  991.  
  992.  
  993.  
  994. #by-site-list li[style="font-size: 0.85em"]{
  995.     font-size: 2.945em !important;
  996. }
  997. #by-site-list li[style="font-size: 0.85em"] a {
  998.     color: cadetblue !important;
  999. }
  1000. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  1001.     color: orangered!important;
  1002. }
  1003. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  1004.     color: indianred !important;
  1005. }
  1006. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  1007.     color: tomato !important;
  1008. }
  1009. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  1010.     color: mediumturquoise !important;
  1011. }
  1012. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  1013.     color: greenyellow !important;
  1014. }
  1015.  
  1016.  
  1017.  
  1018. #by-site-list li[style="font-size: 0.89em"] {
  1019.     font-size: 2.96em !important;
  1020. }
  1021. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  1022.     color: darkturquoise !important;
  1023. }
  1024. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  1025.     color: mediumorchid !important;
  1026. }
  1027.  
  1028. #by-site-list li[style="font-size: 0.99em"] {
  1029.     font-size: 2.965em !important;
  1030. }
  1031. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  1032.     color: darkturquoise !important;
  1033. }
  1034. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  1035.     color: mediumorchid !important;
  1036. }
  1037.  
  1038.  
  1039.  
  1040.  
  1041. /* GREASEY FORK - LIGHTBOX - POSITION -
  1042. https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
  1043. https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
  1044. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  1045. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
  1046. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1047. HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
  1048.  
  1049. ALT (alt="Capture" title="YES" style="">):
  1050. - https://greasyfork.org/fr/scripts/7483-fa-content-filter
  1051.  
  1052. ALT (alt="Capture" title="NO" style="">):
  1053. - https://greasyfork.org/fr/scripts/7827-auto-open
  1054. - https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
  1055. === */
  1056. /* ============  SOURCE - SUPP "Source" -
  1057. La propriété de feuille de style clip css peut prendre la valeur de :
  1058. - auto, s'adapte au contenu,
  1059. - rect(v1, v2, v3, v4) :
  1060. v1 début de la zone visible verticale,
  1061. v2 fin de la zone visible horizontale,
  1062. v3 fin de la zone visible verticale,
  1063. v4 début de la zone visible horizontale.
  1064. L'unité "%" ne semble pas être acceptée.
  1065. - inherit, hérite de son parent
  1066. EXEMPLE :
  1067.     clip: rect(0px, 185px, 25px , 54px)!important;
  1068. ================== */
  1069. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  1070.     position: relative !important;
  1071.     display: inline-block !important;
  1072.     float: right !important;
  1073.     clear: both !important;
  1074.     content: " 🔻 Preview 🔻 " !important;
  1075.     height: 15px !important;
  1076.     line-height: 12px !important;
  1077.     width: 140px!important;
  1078.     margin-top: -63px!important;
  1079.     margin-right: -83px !important;
  1080.     border-right: 1px solid peru !important;
  1081.     border-left: 1px solid peru !important;
  1082.     border-top: 1px solid peru !important;
  1083.     transform: rotate(90deg) !important;
  1084.     text-align: center !important;
  1085.     letter-spacing: 1.7px;
  1086.     background: black !important;
  1087.     z-index: 5000 !important;
  1088.     border: 1px solid gold !important;
  1089. }
  1090.  
  1091. /* ===
  1092. CLIP:
  1093.  rect (top, right, bottom, left)
  1094. image:clip:rect(0px,60px,200px,0px);
  1095. === */
  1096. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  1097.     position: absolute!important;
  1098.     display: inline-block!important;
  1099.     height: 130px !important;
  1100.     width: 97.5%!important;
  1101.     top: -160px!important;
  1102.     text-align: right!important;
  1103.     border: 1px solid peru !important;
  1104.     background-color: transparent!important;
  1105.     background: black !important;
  1106.     clip: rect(0px, 990px, 145px , 945px)!important;
  1107.     transition: all ease 1.5s !important;
  1108. }
  1109. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  1110.     background: red !important;
  1111.     clip: rect(0px, 947px, 145px , 0px)!important;
  1112.     z-index: 5000!important;
  1113. }
  1114.  
  1115. .script-screenshots .fancybox {
  1116.     position: relative !important;
  1117.     display: inline-block !important;
  1118.     float: right !important;
  1119.     clear:left !important;
  1120.     height: 120px !important;
  1121.     width: 160px!important;
  1122.     margin-right: 5px!important;
  1123.     margin-left: 5px !important;
  1124. }
  1125. .script-screenshots .fancybox:not([title=""]):after {
  1126.     content: attr(title) !important;
  1127.     position: relative !important;
  1128.     display: inline-block !important;
  1129.     height: 10px !important;
  1130.     line-height: 10px !important;
  1131.     width: 145px!important;
  1132.     float: right !important;
  1133.     clear: both !important;
  1134.     margin-right: 0px !important;
  1135.     margin-top: 5px!important;
  1136.     padding: 2px 5px !important;
  1137.     border-radius: 5px !important;
  1138.     font-size: 10px !important;
  1139.     text-align: left !important;
  1140.     text-overflow: ellipsis !important;
  1141.     white-space: nowrap !important;
  1142.     overflow: hidden !important;
  1143.     background: #333 !important;
  1144. }
  1145.  
  1146.  
  1147. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  1148. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  1149. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  1150. ==== */
  1151. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  1152.     display: inline-block !important;
  1153. }
  1154. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  1155.     position: relative !important;
  1156.     display: inline-block !important;
  1157.     height: 100% !important;
  1158.     min-height: 100px !important;
  1159.     max-height: 100px !important;
  1160.     max-width: 98% !important;
  1161.     margin: 0 auto !important;
  1162.     border: 1px solid orange !important;
  1163.     border-radius: 3px;
  1164.     box-shadow: 5px 5px 2px #181818 !important;
  1165.     color: yellow !important;
  1166. /* font-size: 0 !important; */
  1167.     padding: 2px !important;
  1168.     background-color: #2b2b2b !important;
  1169. }
  1170.  
  1171. /* TEST - GM - LANG FILTER -
  1172. https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
  1173. PB compatibility with TS CITRUS in SCRIPTS LIST
  1174. === */
  1175. #greazy-forq-info  {
  1176.     background: rgba(255, 255, 255, 0.55);
  1177.     color: #670000;
  1178.     cursor: pointer;
  1179.     left: 2px;
  1180.     position: fixed;
  1181.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  1182.     top: 2px;
  1183.     z-index: 5000!important;
  1184. }
  1185. li.greazy-forq-hiden ,
  1186. .greazy-forq-hiden {
  1187.     border-width: 1px 0 1px 9px !important;
  1188. }
  1189. /* USERSTYLES - - STYLE INFOS for TXT in "small"
  1190. https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
  1191. === */
  1192. #additional-info-text small {
  1193.     color: #acaeb5 !important;
  1194.     font-size: 12px!important;
  1195. }
  1196.  
  1197. /* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  1198. .good-rating-count,
  1199. .ok-rating-count,
  1200. .bad-rating-count {
  1201.     border-radius: 2px!important;
  1202.     display: inline-block !important;
  1203.     min-width: 15px!important;
  1204.     height: 13px !important;
  1205.     line-height: 11px !important;
  1206.     padding: 0px 2px !important;
  1207.     margin-right: 2px!important;
  1208.     margin-left: -2px!important;
  1209.     text-align: center !important;
  1210. text-indent: 0px !important;
  1211. }
  1212. .total-rating-count  {
  1213.     display: table-cell !important;
  1214. /*     display: inline-block; */
  1215.     width: 100% !important;
  1216. /* min-width: 100% !important; */
  1217. /* max-width: 100% !important; */
  1218.     height: 13px !important;
  1219.     line-height: 13px !important;
  1220.     padding: 0px 2px !important;
  1221.     border-radius: 2px!important;
  1222. }
  1223.  
  1224. /* USERSTYLES COMMENT FORM -
  1225. https://forum.userstyles.org/discussion/48485/how-do-i-remove-pop-ups-in-lower-left-corner-in-firefox#latest
  1226. === */
  1227. .Form-HeaderWrap {
  1228.     margin-left: -71px !important;
  1229. }
  1230. .MessageForm .H {
  1231. text-indent: 30px !important;
  1232. }
  1233. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author {
  1234.     position: absolute !important;
  1235.     margin-left: 51px !important;
  1236.     margin-top: -50px !important;
  1237. }
  1238. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap {
  1239.     height: 30px !important;
  1240.     width: 30px !important;
  1241. }
  1242. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap img.ProfilePhotoMedium {
  1243.     height: 30px !important;
  1244.     width: 30px !important;
  1245. }
  1246.  
  1247. #Form_Comment {
  1248.     width: 701px !important;
  1249.     margin-left: -143px !important;
  1250.     margin-top: -10px !important;
  1251.     padding-left: 72px !important;
  1252. }
  1253. textarea#Form_Body.textarea-autosize {
  1254.     height: 138px;
  1255.     min-height: 50px;
  1256.     min-width: 675px !important;
  1257.     overflow: hidden;
  1258.     resize: vertical !important;
  1259.     word-wrap: break-word;
  1260. }
  1261.  
  1262. /* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
  1263. .RadioLabel[for="Form_Format"] {
  1264.     display: inline-block!important;
  1265.     width: 116px !important;
  1266.     border: 1px solid green !important;
  1267.     margin-bottom: 2px !important;
  1268. }
  1269. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
  1270. .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1271.     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;
  1272.     position: absolute !important;
  1273.     display: inline-block !important;
  1274.     width: 659px !important;
  1275.     height: 325px !important;
  1276.     margin-top: -338px !important;
  1277.     margin-left: -40px !important;
  1278.     padding: 5px !important;
  1279.     color: peru !important;
  1280.     border-radius: 4px 4px 20px 20px !important;
  1281.     background: black !important;
  1282.     white-space: pre-line !important;
  1283.     z-index: 500 !important;
  1284.     opacity: 1 !important;
  1285.     overflow:hidden !important;
  1286.     overflow-y: auto !important;
  1287.     transition: all 0.7s!important;
  1288.     transition: all ease 0.7s !important;
  1289.     border: 4px solid GREEN !important;
  1290. }
  1291.  
  1292. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1293. #vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1294.     position: absolute !important;
  1295.     display: inline-block !important;
  1296.     width: 430px !important;
  1297.     height: 500px !important;
  1298.     top: 460px !important;
  1299.     left: 40px !important;
  1300.     border: 4px DOTTED GREEN !important;
  1301. }
  1302.  
  1303.  
  1304.  
  1305.  
  1306. /* HTLM WITH GM */
  1307. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
  1308.     display: none !important;
  1309. }
  1310. /* .bodybox-wrap:hover:after , */
  1311. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
  1312.     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;
  1313.     position: absolute !important;
  1314.     display: inline-block !important;
  1315.     width: 638px !important;
  1316.     height: 400px !important;
  1317.     margin-top: -398px !important;
  1318.     margin-left: -40px !important;
  1319.     padding: 5px !important;
  1320.     color: peru !important;
  1321.     border: 1px dotted GREEN !important;
  1322.     border-radius: 4px 4px 0px 20px !important;
  1323.     background: black !important;
  1324.     white-space: pre-line !important;
  1325.     z-index: 500 !important;
  1326.     opacity: 1 !important;
  1327.     overflow:hidden !important;
  1328.     overflow-y: auto !important;
  1329.     transition: all 0.7s!important;
  1330.     transition: all ease 0.7s !important;
  1331. }
  1332.  
  1333.  
  1334. /* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
  1335. https://greasyfork.org/scripts/6779
  1336. .bodybox-wrap .RadioLabel[for="Form_Format1"] a
  1337. === */
  1338. /* .RadioLabel[for="Form_Format1"]:hover , */
  1339. .RadioLabel[for="Form_Format1"] {
  1340.     position: relative !important;
  1341.     display: inline-block !important;
  1342.     width: 130px !important;
  1343.     border: 1px solid YELLOW !important;
  1344. }
  1345.  
  1346. /* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
  1347. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
  1348.     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;
  1349.     position: absolute !important;
  1350.     display: inline-block !important;
  1351.     width: 500px !important;
  1352.     height: 390px !important;
  1353.     margin-top: -398px !important;
  1354.     margin-left: -66px !important;
  1355.     padding: 10px !important;
  1356.     color: peru !important;
  1357.     border: 1px dotted YELLOW !important;
  1358.     border-radius: 4px 4px 0px 20px !important;
  1359.     background: black !important;
  1360.     white-space: pre-line !important;
  1361.     z-index: 500 !important;
  1362.     opacity: 1 !important;
  1363.     visibility: visible !important;
  1364.     overflow:hidden !important;
  1365.     overflow-y: auto !important;
  1366.     transition: all 0.7s!important;
  1367. }
  1368.  
  1369. /* HTLM WITH GM */
  1370. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
  1371. display: none !important;
  1372. }
  1373. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
  1374. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1375.     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;
  1376.     position: absolute !important;
  1377.     display: inline-block !important;
  1378.     width: 520px !important;
  1379.     height: 320px !important;
  1380.     margin-top: -342px !important;
  1381.     margin-left: -66px !important;
  1382.     padding: 10px !important;
  1383.     color: peru !important;
  1384.     border-radius: 4px 4px 20px 20px !important;
  1385.     white-space: pre-line !important;
  1386.     z-index: 500 !important;
  1387.     opacity: 1 !important;
  1388.     visibility: visible !important;
  1389.     overflow:hidden !important;
  1390.     overflow-y: auto !important;
  1391.     transition: all 0.7s!important;
  1392.     border: 4px solid YELLOW !important;
  1393.     background: black !important;
  1394. }
  1395. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1396. #vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1397.     position: absolute !important;
  1398.     display: inline-block !important;
  1399.     width: 420px !important;
  1400.     height: 500px !important;
  1401.     margin-left: 80px !important;
  1402.     top: 255px !important;
  1403.     left: -525px !important;
  1404.     font-size: 12px !important;
  1405.     border: 4px DOTTED YELLOW !important;
  1406. }
  1407.  
  1408. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  1409. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  1410. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  1411. visibility: hidden !important;
  1412.     opacity: 0!important;
  1413. }
  1414.  
  1415. /* (new66) PROFILE INFOS - without sript - === */
  1416. #main-header + .width-constraint .text-content #user-profile + section header {
  1417.     margin-bottom: 2px !important;
  1418.     margin-top: -18px !important;
  1419. }
  1420. /* (new76) PROFILE INFOS - CITRUS */
  1421. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  1422.     margin-bottom: 2px !important;
  1423.     margin-top: -9px !important;
  1424. }
  1425. .width-constraint #script-list-option-groups.list-option-groups + header {
  1426.     display: inline-block !important;
  1427.     float: right !important;
  1428.     width: 778px !important;
  1429.     min-height: 25px !important;
  1430.     max-height: 25px !important;
  1431.     line-height: 0px !important;
  1432.     margin-right: -26px !important;
  1433.     margin-top: 0px !important;
  1434. /* margin-bottom: -37px !important; */
  1435. /* background: red !important; */
  1436. }
  1437. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  1438.     display: inline-block !important;
  1439.     width: 779px !important;
  1440.     min-height: 25px !important;
  1441.     max-height: 25px !important;
  1442.     line-height: 20px !important;
  1443.     margin-top: -3px !important;
  1444. /* margin-bottom: -37px !important; */
  1445.     text-align: center !important;
  1446. background: #222 !important;
  1447. }
  1448. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  1449.     display: inline-block !important;
  1450.     float: right !important;
  1451.     width: 778px !important;
  1452.     min-height: 844px !important;
  1453.     margin-top: 25px !important;
  1454.     margin-right: -29px !important;
  1455. }
  1456.  
  1457.  
  1458. /* (new79) USER PROFILE - === */
  1459. .script-list,
  1460. .user-list,
  1461. .text-content {
  1462.     display: inline-block !important;
  1463. /* width: 100% !important; */
  1464.     margin-top: 0px !important;
  1465.     box-shadow: 3px 3px 2px black !important;
  1466.     background-color: #222 !important;
  1467. }
  1468. #user-profile>p {
  1469.     margin-top: 0 !important;
  1470. }
  1471. .text-content {
  1472. width: 100% !important;
  1473. }
  1474.  
  1475. .white-panel,
  1476. #user-discussions-on-scripts-written,
  1477. #control-panel,
  1478. #user-profile {
  1479.     background-color: transparent !important;
  1480. }
  1481.  
  1482.  
  1483. /* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE -
  1484. https://greasyfork.org/fr/users/8-decembre?sort=updated
  1485. https://greasyfork.org/fr/users/2482-lazza?sort=updated
  1486. === */
  1487. body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
  1488. body[pagetype="UserProfile"] #main-header + .width-constraint {
  1489.     margin-top: 45px !important;
  1490.     max-width: 980px !important;
  1491. background: #222 !important;
  1492. }
  1493. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
  1494. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
  1495.     display: inline-block  !important;
  1496.     max-width: 980px !important;
  1497.     box-shadow: none !important;
  1498. }
  1499.  
  1500. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
  1501.     box-shadow: none !important;
  1502.     padding-bottom: 0 !important;
  1503. }
  1504. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
  1505.     padding: 0 0 0 10px !important;
  1506. }
  1507.  
  1508. /* (new73) FAVORIS SCRIPTS - without CITRUS */
  1509. .width-constraint section.text-content + section {
  1510.     margin-top: 25px !important;
  1511.     margin-bottom: 10px !important;
  1512. /* background: blue !important; */
  1513. }
  1514. .width-constraint section.text-content + section header {
  1515.     margin-top: -31px !important;
  1516.     margin-bottom: -10px !important;
  1517. }
  1518. #user-script-sets {
  1519.     margin-top: 0px !important;
  1520. padding-top: 10px !important;
  1521.     padding-left: 0px !important;
  1522. }
  1523.  
  1524.  
  1525. /* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
  1526. body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
  1527.     display: inline-block  !important;
  1528.     margin-top: -18px !important;
  1529. /* background: red !important; */
  1530. }
  1531. body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
  1532.     margin-top: -31px !important;
  1533.     margin-bottom: 10px !important;
  1534. }
  1535.  
  1536.  
  1537. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
  1538.  
  1539. #user-profile {
  1540.     display: inline-block !important;
  1541.     min-width: 910px;
  1542.     max-width: 910px;
  1543.     min-height: 21px!important;
  1544.     max-height: 21px!important;
  1545.     padding-bottom: 8px !important;
  1546.     padding-top: 2px !important;
  1547.     overflow: hidden!important;
  1548.     transition: all ease 0.2s !important;
  1549. /* background-color: red !important; */
  1550. }
  1551.  
  1552. body[pagetype="PersonalProfile"] #user-profile ,
  1553. body[pagetype="UserProfile"] #user-profile {
  1554.     display: inline-block !important;
  1555.     min-width: 930px;
  1556.     max-width: 930px;
  1557.     background-color: white;
  1558.     min-height: 21px!important;
  1559.     max-height: 21px!important;
  1560.     padding-bottom: 18px !important;
  1561.     padding-top: 0px !important;
  1562.     overflow: hidden!important;
  1563.     transition: all ease 0.2s !important;
  1564. }
  1565. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
  1566. #user-profile:hover {
  1567.     display: inline-block !important;
  1568.     min-height: 21px !important;
  1569.     max-height: 200px !important;
  1570.     background: black!important;
  1571.     overflow-y: auto !important;
  1572.     transition: all ease 0.7s !important;
  1573. }
  1574. body[pagetype="PersonalProfile"] #user-profile:hover ,
  1575. body[pagetype="UserProfile"] #user-profile:hover {
  1576.     display: inline-block !important;
  1577.     min-height: 21px !important;
  1578.     max-height: 200px !important;
  1579.     background: black!important;
  1580.     overflow-y: auto !important;
  1581.     transition: all ease 0.7s !important;
  1582. }
  1583.  
  1584.  
  1585. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
  1586.  
  1587. .width-constraint > .text-content #user-profile:after {
  1588.     position: absolute !important;
  1589.     display: inline-block !important;
  1590.     top: 107px !important;
  1591.     margin-left: -255px !important;
  1592.     content: " (hover it !)" !important;
  1593.     font-size: 9px !important;
  1594.     color: tomato !important;
  1595. /* background: red !important; */
  1596. }
  1597. body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
  1598.     top: 99px !important;
  1599.     margin-left: 0px !important;
  1600.     color: red !important;
  1601. }
  1602.  
  1603. body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
  1604.     top: 99px !important;
  1605.     margin-left: -220px !important;
  1606.     color: green !important;
  1607. }
  1608.  
  1609.  
  1610. /* A SUPP ?? */
  1611.  
  1612. #user-profile>h1:not(:hover){
  1613.     margin-bottom: -5px !important;
  1614. }
  1615. #user-profile>h1:not(:hover):after {
  1616.     margin-top: -3px !important;
  1617.     content: " (hover it !)" !important;
  1618.     font-size: 9px !important;
  1619.     color: tomato !important;
  1620. }
  1621. #user-profile>a:hover {
  1622.     color: tomato !important;
  1623. }
  1624. #user-discussions-on-scripts-written  {
  1625.     min-width: 930px !important;
  1626.     max-width: 930px !important;
  1627.     margin: auto !important;
  1628.     padding-bottom: 18px !important;
  1629.     padding-top: 0px !important;
  1630.     background-color: white;
  1631. }
  1632. #user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
  1633.     max-width: 385px !important;
  1634.     word-wrap: break-word !important;
  1635. }
  1636. .width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
  1637.     display: inline-block !important;
  1638.     float: left !important;
  1639.     margin-left: -15px !important;
  1640.     margin-top: 20px !important;
  1641. }
  1642.  
  1643.  
  1644. /* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK -
  1645. https://greasyfork.org/en/users/11263-azazello
  1646. https://greasyfork.org/en/users/3171-clickhappier?sort=updated
  1647. === */
  1648. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1649.     display: inline-block!important;
  1650.     margin-left: -13px !important;
  1651.     margin-bottom: 0 !important;
  1652. margin-top: -14px !important;
  1653.     padding-left: 6px !important;
  1654. }
  1655.  
  1656. /* CITRUS */
  1657. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1658.     display: inline-block!important;
  1659.     margin-left: -13px !important;
  1660. margin-top: 4px !important;
  1661.     padding-left: 6px !important;
  1662. }
  1663.  
  1664. #user-script-sets>li {
  1665.     display: inline-block !important;
  1666.     float: right ;
  1667.     clear: both ;
  1668.     width: 935px !important;
  1669.     line-height: 20px !important;
  1670.     margin-bottom: 2px !important;
  1671.     padding: 0 5px !important;
  1672.     text-indent: -18px !important;
  1673. }
  1674. #user-script-sets>li:nth-child(odd)  {
  1675.     background: #333 !important;
  1676. }
  1677. #user-script-sets>li:nth-child(even) {
  1678.     background: black !important;
  1679. }
  1680. #user-script-sets>li:hover {
  1681.     color: tomato !important;
  1682. }
  1683. #user-script-sets>li:before {
  1684.     content: " ▶   " ;
  1685. }
  1686.  
  1687. #user-script-sets>li a[href*="/scripts?set="] {
  1688.     display: inline-block !important;
  1689. /* float: left !important; */
  1690.     width: 17px !important;
  1691.     line-height: 20px !important;
  1692.     margin-bottom: -3px !important;
  1693.     font-size: 10px !important;
  1694.     color: transparent !important;
  1695.     white-space: nowrap !important;
  1696.     overflow: hidden !important;
  1697. }
  1698. /* (new60) */
  1699. #user-script-sets>li a[href*="/scripts?set="]:before {
  1700.     position: relative ;
  1701.     display: inline-block !important;
  1702.     float: left ;
  1703.     height: 100% ;
  1704.     max-height: 15px ;
  1705.     min-height: 15px ;
  1706.     width: 100% ;
  1707.     min-width: 25px ;
  1708.     max-width: 25px ;
  1709.     margin-left: -2px ;
  1710.     top: 4px ;
  1711.     color: transparent;
  1712.     content: " ";
  1713.     background-repeat: no-repeat;
  1714.     background-color: rgba(55, 173, 227, 0.4) ;
  1715.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1716.     background-position: 3px -650px !important;
  1717. }
  1718. #user-script-sets>li:hover>a[href$="/edit"] {
  1719.     display: inline-block !important;
  1720.     height: 15px !important;
  1721.     line-height: 18px !important;
  1722.     margin-left: 15px !important;
  1723.     color: gold !important;
  1724. /* background: rgba(11, 11, 11, 0.5) !important; */
  1725.     padding: 2px 4px !important;
  1726. /* border-radius: 5px !important; */
  1727. /* transition: background ease 1.5s !important; */
  1728. }
  1729. /* (new60 */
  1730. #user-script-sets>li:hover>a:not([href$="/edit"]) {
  1731.     display: inline-block !important;
  1732. /*     color: gold !important; */
  1733. /*     background: rgba(11, 11, 11, 0.5) !important; */
  1734. /*     border-radius: 5px !important; */
  1735. /*     transition: background ease 0.8s !important; */
  1736. }
  1737. #user-script-sets>li>a[href$="/edit"]:hover  ,
  1738. #user-script-sets>li>a:not([href$="/edit"]):hover {
  1739. /*     color: white !important; */
  1740. /*     transition: background ease 0.8s !important; */
  1741. }
  1742.  
  1743. /* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
  1744. #main-header + #script-table + .pagination + #UserSets ,
  1745. #main-header + #script-table + #UserSets {
  1746.     position: fixed !important;
  1747.     left: 27.5% !important;
  1748.     top: 48px!important;
  1749.     padding: 2px 10px;
  1750.     background-color: yellow;
  1751.     border-radius: 5px;
  1752.     z-index: 200!important;
  1753.     z-index: 200000 !important;
  1754.     opacity: 1 !important;
  1755. }
  1756.  
  1757. #main-header + #script-table + .pagination + #UserSets:before ,
  1758. #main-header + #script-table + #UserSets:before {
  1759.     background-color: yellow;
  1760.     border-radius: 5px;
  1761.     content: "Your Sets ▼ " !important;
  1762.     display: inline-block !important;
  1763.     left: 27.5% !important;
  1764.     padding: 1px 5px !important;
  1765.     position: fixed !important;
  1766.     top: 48px !important;
  1767.     font-size: 12px !important;
  1768.     visibility: visible !important;
  1769.     z-index: 200000 !important;
  1770.     opacity: 1 !important;
  1771. }
  1772. #main-header + #script-table + .pagination + #UserSets:hover ,
  1773. #main-header + #script-table + #UserSets:hover {
  1774.     opacity: 1 !important;
  1775.     visibility: visible !important;
  1776. }
  1777.  
  1778. /* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - -
  1779. VOIR SET without scripts list:
  1780. https://greasyfork.org/fr/scripts?set=24
  1781. === */
  1782.  
  1783. /* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  1784. #UserSets +.width-constraint>h3 {
  1785.     position: fixed !important;
  1786.     display: inline-block !important;
  1787.     width: 300px !important;
  1788.     height: 20px !important;
  1789.     line-height: 17px !important;
  1790.     top: 60px !important;
  1791.     margin-left: 250px !important;
  1792.     padding: 0 2px !important;
  1793.     font-size: 12px !important;
  1794.     text-align: left !important;
  1795.     border-radius: 3px !important;
  1796.     background: #333 !important;
  1797. }
  1798. #UserSets +.width-constraint>h3 a {
  1799.     display: inline-block !important;
  1800.     max-width: 80px !important;
  1801.     height: 15px !important;
  1802.     line-height: 15px !important;
  1803.     margin-top: 0px !important;
  1804.     font-size: 13px !important;
  1805.     color: gold !important;
  1806.     white-space: nowrap !important;
  1807.     overflow: hidden !important;
  1808.     text-overflow: ellipsis !important;
  1809. }
  1810. #UserSets +.width-constraint>h3 a:hover {
  1811.     color: tomato !important;
  1812. }
  1813. #UserSets +.width-constraint>h3 >a[href$="/edit"] {
  1814.     position: absolute !important;
  1815.     display: inline-block !important;
  1816.     height: 15px !important;
  1817.     line-height: 15px !important;
  1818.     width: 40px !important;
  1819.     top: 2px !important;
  1820.     margin-left: 25% !important;
  1821.     padding: 2px 2px 2px 15px !important;
  1822.     border-radius: 3px !important;
  1823.     font-size: 14px !important;
  1824.     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;
  1825.     opacity: 0 !important;
  1826.     z-index: 1500 !important;
  1827. }
  1828. #UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
  1829.     position: absolute !important;
  1830.     display: inline-block !important;
  1831.     height: 15px !important;
  1832.     line-height: 15px !important;
  1833.     width: 40px !important;
  1834.     top: 20px !important;
  1835.     margin-left: 27% !important;
  1836.     padding: 2px 2px 2px 15px !important;
  1837.     border-radius: 3px !important;
  1838.     font-size: 14px !important;
  1839.     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;
  1840.     opacity: 1 !important;
  1841.     z-index: 1500 !important;
  1842. }
  1843.  
  1844. /* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  1845. #UserSets + .width-constraint>p {
  1846.     padding: 2px 2px 2px 20px !important;
  1847.     z-index: 500 !important;
  1848.     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;
  1849. }
  1850. #UserSets + .width-constraint>p {
  1851.     padding: 2px 2px 2px 20px !important;
  1852.     z-index: 500 !important;
  1853.     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;
  1854. }
  1855.  
  1856. /* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER -
  1857. https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
  1858. https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
  1859. https://greasyfork.org/en/users/4-loucypher?sort=updated
  1860. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1861. ===  */
  1862. #UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
  1863. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
  1864.     content: "► Desc " !important;
  1865.     position: fixed !important;
  1866.     min-width: 60px !important;
  1867.     max-width: 60px !important;
  1868.     top: 71px !important;
  1869.     margin-left: -290px !important;
  1870.     padding: 2px 2px 2px 10px !important;
  1871.     border-radius: 3px !important;
  1872.     font-size: 13px !important;
  1873.     font-weight: bolder !important;
  1874.     color: gold !important;
  1875.     overflow: hidden !important;
  1876.     text-overflow: ellipsis !important;
  1877.     white-space: nowrap !important;
  1878.     z-index: 500 !important;
  1879.     background: rgba(145, 124, 124, 0.42)!important;
  1880.     pointer-events: none !important;
  1881. }
  1882.  
  1883. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  1884. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  1885.     position: fixed !important;
  1886.     min-width: 185px !important;
  1887.     max-width: 185px !important;
  1888.     top: 31px !important;
  1889.     margin-left: 760px !important;
  1890.     padding: 2px 2px 2px 10px !important;
  1891.     border-radius: 3px !important;
  1892.     font-size: 15px !important;
  1893.     font-weight: bolder !important;
  1894.     color: peru !important;
  1895.     overflow: hidden !important;
  1896.     text-overflow: ellipsis !important;
  1897.     white-space: nowrap!important;
  1898.     z-index: 500 !important;
  1899.     background: rgba(145, 124, 124, 0.42)!important;
  1900. }
  1901. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
  1902. .width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
  1903. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
  1904. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
  1905.     position: fixed !important;
  1906.     height: auto !important;
  1907.     min-width: 385px !important;
  1908.     max-width: 385px !important;
  1909.     top: 31px !important;
  1910.     margin-left: 530px !important;
  1911.     padding: 2px 40px 20px 40px !important;
  1912.     border-radius: 3px !important;
  1913.     font-size: 15px !important;
  1914.     font-weight: bolder !important;
  1915.     color: white !important;
  1916.     border: 1px solid peru !important;
  1917.     border-radius: 5px !important;
  1918.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
  1919.     overflow: hidden !important;
  1920.     white-space: normal !important;
  1921.     text-align: left !important;
  1922.     z-index: 500 !important;
  1923.     background: black !important;
  1924.     transition: all ease 0.7s !important;
  1925. }
  1926.  
  1927.  
  1928. /* (new74) FAVORITS / SETS PAGES - MEDIA QUERIE - === */
  1929. @media screen and (max-width: 1400px) {
  1930.  
  1931. /* #main-header + #script-table + #UserSets */
  1932. #UserSets {
  1933.     margin-left: -10% !important;
  1934. }
  1935. /* #main-header + #script-table + #UserSets:before */
  1936. #UserSets:before {
  1937.     margin-left: -15% !important;
  1938. }
  1939.  
  1940. #UserSets + .width-constraint .pagination  {
  1941.     margin-left: -10% !important;
  1942. }
  1943. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  1944. }
  1945.  
  1946.  
  1947. /* GREASY FORK - FORUM - PROFILE PAGE - === */
  1948. .PhotoWrap a.ChangePicture {
  1949.     display: block;
  1950.     top: 15px !important;
  1951.     color: gold !important;
  1952.     z-index: 5000 !important;
  1953.     transition: all ease 0.2s !important;
  1954. }
  1955. .PhotoWrap:hover a.ChangePicture {
  1956.     display: block;
  1957.     top: 70px !important;
  1958.     color: gold !important;
  1959.     transition: all ease 0.7s !important;
  1960. }
  1961. .PhotoWrap:hover a.ChangePicture span {
  1962.     color: gold !important;
  1963. }
  1964. #dashboard_profile_index #Content.Column.ContentColumn ,
  1965. #dashboard_profile_discussions #Content.Column.ContentColumn {
  1966.     margin-top: 70px!important;
  1967. }
  1968. .About dd {
  1969.     color: peru !important;
  1970. }
  1971. /* (new80) */
  1972. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  1973. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  1974. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  1975.     position: fixed !important;
  1976.     display: inline-block !important;
  1977.     width: 742px !important;
  1978.     top: 54px !important;
  1979.     margin-left: -7px !important;
  1980.     padding: 5px !important;
  1981.     border-bottom: 1px solid peru !important;
  1982.     background: black !important;
  1983.     z-index: 200 !important;
  1984. }
  1985. /* (new72) */
  1986. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
  1987. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
  1988. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  1989.     position: fixed !important;
  1990.     display: inline-block !important;
  1991.     top: 69px !important;
  1992.     margin-left: -158px !important;
  1993. z-index: 5000 !important;
  1994. }
  1995. /* (new72) */
  1996. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  1997. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  1998. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  1999.     position: fixed!important;
  2000.     display: inline-block !important;
  2001.     top: 69px !important;
  2002.     margin-left: -58px !important;
  2003.     padding: 4px 47px !important;
  2004.     box-shadow: none !important;
  2005.     text-shadow: none !important;
  2006.     z-index: 202 !important;
  2007. }
  2008. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
  2009. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
  2010. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  2011.     top: 24px!important;
  2012.     position: fixed!important;
  2013.     display: inline-block;
  2014.     z-index: 250!important;
  2015.     color: peru!important;
  2016.     width: 678px!important;
  2017.     text-align: left;
  2018.     background: black;
  2019.     padding: 2px 5px!important;
  2020.     border: 1px solid peru!important;
  2021. }
  2022. /* (new80)*/
  2023. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
  2024. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
  2025. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  2026. margin-top: 70px !important;
  2027. }
  2028. #conversations_messages_all .Condensed.DataList.Conversations {
  2029.     margin-top: 42px !important;
  2030. }
  2031. /* (new72) */
  2032. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  2033.     margin-top: -70px !important;
  2034. }
  2035. /* (new90) GREASYFORK FORUM - PROFILE BUTTON */
  2036. #dashboard_profile_discussions .About>dt:last-of-type  {
  2037.     position: absolute !important;
  2038.     display: inline-block !important;
  2039.     width: 23% !important;
  2040.     height: 18px !important;
  2041.     line-height: 18px !important;
  2042.     top: 5px !important;
  2043. left: 74%!important;
  2044.     padding: 2px 2px 2px 15px !important;
  2045.     border-radius: 3px !important;
  2046.     font-size: 15px !important;
  2047.     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;
  2048. /* outline: 1px solid violet !important; */
  2049. }
  2050. /* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  2051. /* #browse-script-list>li */
  2052. #user-script-list>li>article ,
  2053. #browse-script-list>li>article {
  2054.     padding: 2px 5px !important;
  2055.     width: 720px !important;
  2056. }
  2057. /* CIRTUS */
  2058. /* body[pagetype="ListingPage"] #user-script-list>li>article ,
  2059. body[pagetype="ListingPage"] #browse-script-list>li>article {
  2060.     padding: 2px 5px !important;
  2061.     width: 875px !important;
  2062. } */
  2063. .script-list dt {
  2064.     width: 12em;
  2065.     clear: left;
  2066.     float: left;
  2067.     padding-left: 5px!important;
  2068.     padding-right: 1em;
  2069.     font-weight: bold;
  2070.     text-align: left !important;
  2071.     border-left: 1px solid peru !important;
  2072. }
  2073. /* (new66) without script */
  2074. #user-script-list>li>article .description ,
  2075. #browse-script-list>li>article .description {
  2076.     display: inline-block!important;
  2077.     width: 100% !important;
  2078.     min-width: 757px !important;
  2079.     max-width: 757px !important;
  2080. /* padding-bottom: 10px!important; */
  2081.     padding-bottom: 4px !important;
  2082.     padding-left: 4px!important;
  2083.     font-size: 15px !important;
  2084.     line-height: 15px !important;
  2085.     border-bottom: 1px solid gray!important;
  2086.     border-left: 3px solid red !important;
  2087.     word-wrap: break-word !important;
  2088.     overflow: hidden !important;
  2089. /* background: blue !important; */
  2090. }
  2091. /* CITRUS */
  2092. body[pagetype="UserProfile"]
  2093. #user-script-list>li>article .description ,
  2094. #browse-script-list>li>article .description {
  2095.     display: inline-block!important;
  2096.     width: 100% !important;
  2097.     min-width: 710px !important;
  2098.     max-width: 710px !important;
  2099. /* padding-bottom: 10px!important; */
  2100.     padding-bottom: 4px !important;
  2101.     padding-left: 4px!important;
  2102.     font-size: 15px !important;
  2103.     line-height: 15px !important;
  2104.     border-bottom: 1px solid gray!important;
  2105.     border-left: 3px solid red !important;
  2106.     word-wrap: break-word !important;
  2107.     overflow: hidden !important;
  2108. /* background: blue !important; */
  2109. }
  2110. /* mark ELEMENT - === */
  2111. mark {
  2112.     padding: 0px 5px !important;
  2113.     border-radius: 3px!important;
  2114.     background: #DED236 !important;
  2115. }
  2116.  
  2117.  
  2118.  
  2119. /* (new84) ICON USER / SCRIPT - BACKGROUND - === */
  2120. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
  2121. #title-image ,
  2122. .ProfilePhoto.ProfilePhotoMedium ,
  2123. #script-info>header>h2>div img {
  2124.     height: auto !important;
  2125.     max-height: 30px !important;
  2126.     max-width: 30px !important;
  2127.     width: auto !important;
  2128.     margin-top: -3px;
  2129.     padding: 2px !important;
  2130.     background-color: rgba(191, 191, 190, 0.33) !important;
  2131.     border-radius: 5px !important;
  2132.     box-shadow: 0 0 2px #cccccc inset !important;
  2133. }
  2134. #site-name img ,
  2135. #title-image  {
  2136.     background-color: rgba(191, 191, 190, 0.33) !important;
  2137.     background-image: none !important;
  2138. }
  2139. /* #site-name img[src="https://greasyfork.org/en/forum/uploads/SCN2YQGWLIU4.jpg"] , */
  2140. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] ,
  2141. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
  2142.     display: inline-block !important;
  2143.     position: relative !important;
  2144.     height: 100% !important;
  2145.     min-height: 30px !important;
  2146.     max-height: 30px !important;
  2147.     max-width: 100%!important;
  2148.     min-width: 30px !important;
  2149.     max-width: 30px !important;
  2150. /* left: -48px !important; */
  2151.     top: -4px !important;
  2152.     width: auto !important;
  2153.     padding: 2px!important;
  2154. background-color: black !important;
  2155. border-radius: 3px !important;
  2156.     box-shadow: 0 0 2px #cccccc inset !important;
  2157. }
  2158.  
  2159.  
  2160. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  2161.     position: relative !important;
  2162.     display: inline-block !important;
  2163.     top: -3px !important;
  2164.     border-radius: 5px !important;
  2165. }
  2166.  
  2167. /* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  2168. .Preview {
  2169.     background: #454545!important;
  2170.     color: #929292 !important;
  2171.     min-height: 100px;
  2172.     padding: 4px;
  2173. }
  2174. blockquote ,
  2175. blockquote.Quote,
  2176. blockQuote.UserQuote {
  2177.     background: rgba(184, 181, 181, 0.05) !important;
  2178.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  2179. }
  2180.  
  2181. /* BLOCKQUOTES */
  2182. blockquote {
  2183.     width: 668px !important;
  2184.     margin-left: -4px !important;
  2185.     padding: 1px 5px !important;
  2186. }
  2187. .Message>blockquote>div>pre{
  2188.     margin-left: 2px!important;
  2189. }
  2190. .Message>blockquote>pre{
  2191.     width: 97% !important;
  2192. }
  2193. .QuoteText>ol{
  2194.     display: inline-block!important;
  2195.     width: 95%!important;
  2196.     margin-bottom: -28px!important;
  2197.     margin-top: -15px!important;
  2198. }
  2199. .script-author-description>blockquote {
  2200.     margin-left: -4px !important;
  2201.     padding: 1px 5px !important;
  2202.     width: 99% !important;
  2203. }
  2204. /* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  2205. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  2206. #vanilla_post_discussion #Content.Column.ContentColumn {
  2207.     width: 689px!important;
  2208.     margin-top: 74px!important;
  2209.     margin-left: 215px!important;
  2210. }
  2211. /* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  2212. #Content.Column.ContentColumn ,
  2213. #vanilla_discussion_index #Content.Column.ContentColumn {
  2214. /* position: relative !important; */
  2215.     display: inline-block !important;
  2216.     float: right !important;
  2217.     width: 750px !important;
  2218.     min-height: 770px !important;
  2219.     margin-top: -8px !important;
  2220.     padding: 0 0 0 5px !important;
  2221.     border-radius: 0 0 5px 5px !important;
  2222.     box-shadow: none !important;
  2223. background: transparent !important;
  2224. /* z-index: 0 !important; */
  2225. /* overflow: hidden !important; */
  2226. }
  2227.  
  2228. /* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
  2229. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  2230. margin-top: -37px !important;
  2231. }
  2232.  
  2233. /* (new79) USERSTYLE */
  2234. #Content.Column.ContentColumn .MessageList.Discussion ,
  2235. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  2236.     position: relative !important;
  2237. top: -28px;
  2238. margin-bottom: -41px !important;
  2239. z-index: 10 !important;
  2240. }
  2241.  
  2242.  
  2243. /* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
  2244. .MessageForm.CommentForm.FormTitleWrapper {
  2245.     padding-left: 15px !important;
  2246. }
  2247.  
  2248. /* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  2249. /* GREASYFORK */
  2250. .Column.ContentColumn .DataList.Discussions {
  2251.     position: relative !important;
  2252.     display: inline-block !important;
  2253.     width: 727px!important;
  2254. margin-top: 5px!important;
  2255. /* margin-left: 0px !important; */
  2256. /*     right: 47px; */
  2257. /* background: red !important; */
  2258. }
  2259.  
  2260. /* (new74) PB DIFF - USERSTYLES / GREASYFORK */
  2261. /* GREASYFORK */
  2262. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  2263.     margin-left: 0px !important;
  2264. /* background: green !important; */
  2265. }
  2266. #vanilla_discussions_mine .Column.ContentColumn .DataList.Discussions {
  2267. /* margin-left: -50px !important; */
  2268. /* background: green !important; */
  2269. }
  2270.  
  2271. /* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc....
  2272. #vanilla_discussions_index #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions ,
  2273. === */
  2274. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
  2275.  
  2276. #vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
  2277. /*     margin-left: -20px !important; */
  2278. /* background: red !important; */
  2279. }
  2280.  
  2281. /* ==== */
  2282.  
  2283. .Profile .DataList.Discussions {
  2284.     position: relative !important;
  2285.     display: inline-block !important;
  2286.     width: 727px !important;
  2287.     margin-top: 107px!important;
  2288. }
  2289. #vanilla_categories_index .DataList.CategoryList {
  2290.     position: relative !important;
  2291.     display: inline-block !important;
  2292.     width: 727px !important;
  2293.     margin-top: 30px!important;
  2294. }
  2295. .DataList.Activities .Item   {
  2296.     position: relative !important;
  2297.     display: inline-block !important;
  2298.     width: 709px !important;
  2299. }
  2300.  
  2301. /* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
  2302. .HomepageTitle ,
  2303. .H.HomepageTitle {
  2304.     position: fixed !important;
  2305.     width: 733px !important;
  2306.     top: 80px !important;
  2307.     margin-left: 0px !important;
  2308.     padding: 1px 5px 1px 5px !important;
  2309.     border-top: 1px solid peru !important;
  2310.     border-bottom: 1px solid peru!important;
  2311.     color: gold !important;
  2312.     background-color: #222 !important;
  2313.     z-index: 10 !important;
  2314. }
  2315. #vanilla_discussions_participated .HomepageTitle {
  2316.     width: 733px !important;
  2317.     top: 47px !important;
  2318. }
  2319.  
  2320. /* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
  2321. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  2322.     width: 747px!important;
  2323.     top: 46px !important;
  2324. /* margin-left: -20px !important; */
  2325. }
  2326. .P.PageDescription {
  2327.     position: fixed !important;
  2328.     width: 738px!important;
  2329.     top: 72px !important;
  2330.     padding: 1px 0px 1px 5px !important;
  2331.     color: gold !important;
  2332. border-bottom: 1px solid red !important;
  2333.     background-color: #222 !important;
  2334.     z-index: 10 !important;
  2335. }
  2336. #vanilla_categories_index .DataList.Discussions {
  2337.     margin-top: 47px !important;
  2338.     border-top: 1px solid peru !important;
  2339. }
  2340.  
  2341. /* PROFILE - DICUSSION LIST -  === */
  2342. .Profile .DataList.Discussions {
  2343.     margin-top: 0px !important;
  2344. }
  2345.  
  2346. /* ACTIVITY PAGE - === */
  2347. .Excerpt>p>a>img {
  2348.     max-width: 671px!important;
  2349. }
  2350. #dashboard_profile_notifications .Item:nth-child(odd) ,
  2351. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  2352. .DataList.SearchResults .Item:nth-child(odd) {
  2353.     background-color: #222 !important;
  2354. }
  2355. #dashboard_profile_notifications .Item:nth-child(even) ,
  2356. .Profile .DataList.Discussions .Item:nth-child(even) ,
  2357. .DataList.SearchResults .Item:nth-child(even) {
  2358.     background-color: #414141 !important;
  2359. }
  2360. #dashboard_profile_notifications .Item:hover ,
  2361. .Profile .DataList.Discussions .Item:hover ,
  2362. .DataList.SearchResults .Item:hover {
  2363.     background-color: rgba(7, 7, 7, 0.57) !important;
  2364.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  2365.     transition: background 0.8s ease 0s !important;
  2366. }
  2367. #dashboard_profile_notifications .Item:hover ,
  2368. .Profile .DataList.Discussions .Item:hover ,
  2369. .DataList.SearchResults .Item:hover {
  2370.     background-color: black !important;
  2371.     z-index: 1 !important;
  2372. }
  2373. /* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
  2374. .DataList.SearchResults .Item .ItemContent .Meta a {
  2375.     font-size: 15px! important;
  2376. }
  2377.  
  2378.  
  2379. /* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  2380. .sidebar-search {
  2381.     position: absolute !important;
  2382. }
  2383.  
  2384. #script-search>input[type="search"] {
  2385.     min-height: 18px !important;
  2386.     line-height: 18px!important;
  2387. }
  2388. #script-search>input[type="submit"] {
  2389.     position: relative;
  2390. /*     display: inline-block!important; */
  2391.     -moz-appearance: none!important;
  2392.     height: 21px !important;
  2393.     line-height: 18px!important;
  2394.     width: 20px !important;
  2395. top: 3px !important;
  2396.     padding-right: 0 !important;
  2397.     font-size: 12px !important;
  2398.     text-align: center !important;
  2399. }
  2400. #userProfile + ul  #sidebar-search #search-submit {
  2401.     height: 19px !important;
  2402. }
  2403.  
  2404. #search-other-sites {
  2405.     direction: rtl;
  2406.     width: 13px!important;
  2407.     height: 20px!important;
  2408.     padding: 0px !important;
  2409.     line-height: 10px !important;
  2410. }
  2411.  
  2412. /*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE -
  2413. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  2414. === */
  2415. body:not(.Settings) a:not(.Button) {
  2416.     color: peru!important;
  2417. }
  2418.  
  2419. /* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER -
  2420. .width-constraint :
  2421. https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
  2422. DELETED SCIPT:
  2423. https://greasyfork.org/fr/scripts/69-table-view-plus
  2424. === */
  2425. #main-header +.width-constraint {
  2426.     max-width: 980px !important;
  2427.     margin-top: 51px !important;
  2428. }
  2429. body[pagetype="UserProfile"] #main-header +.width-constraint ,
  2430. body[pagetype="PersonalProfile"] #main-header +.width-constraint {
  2431.     margin-top: 51px !important;
  2432.     box-shadow: 3px 3px 2px black !important;
  2433. }
  2434.  
  2435. #Head .Row  {
  2436.     position: relative;
  2437.     display: inline-block!important;
  2438. /* min-width: 91%!important; */
  2439. /* max-width: 50%!important; */
  2440.     max-height: 47px ! important;
  2441.     min-height: 47px !important;
  2442.     left: 25%!important;
  2443.     padding: 0.25em 0;
  2444. }
  2445. #Head .Row #site-name {
  2446.     height: 51px !important;
  2447.     line-height: 1em;
  2448.     margin-top: -8px!important;
  2449. }
  2450. #nav-user-info {
  2451.     position: absolute;
  2452.     display: inline-block!important;
  2453.     top: -7px!important;
  2454. }
  2455. .user-profile-link {
  2456.     position: relative !important;
  2457.     display: inline-block !important;
  2458. /* z-index: 500000 !important; */
  2459. }
  2460. /* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
  2461. /* #nav-user-info select:before {
  2462. content: "XXXXX" !important;
  2463.     color: blue !important;
  2464. } */
  2465. #language-selector {
  2466.     position: absolute !important;
  2467.     display: inline-block !important;
  2468.     -moz-appearance: none !important;
  2469.     width: 18px !important;
  2470.     height: 15px !important;
  2471.     line-height: 13px !important;
  2472.     top: 2px !important;
  2473.     padding: 0 2px !important;
  2474.     border-radius: 3px !important;
  2475. /*     border: 1px solid gray !important; */
  2476.     box-shadow: 3px 3px 2px black !important;
  2477.     background: #222 !important;
  2478.     overflow: hidden !important;
  2479.     text-indent: -1px !important;
  2480.     text-overflow: '' !important;
  2481.     z-index: 500000 !important;
  2482. }
  2483. #language-selector-locale {
  2484. position: relative !important;
  2485.     display: inline-block !important;
  2486.     -moz-appearance: none !important;
  2487.     width: 19px !important;
  2488.     height: 13px !important;
  2489.     line-height: 8px !important;
  2490.     margin-right: 14px !important;
  2491. /* left: -106px !important; */
  2492.     letter-spacing: 1px !important;
  2493.     color: peru !important;
  2494.     border: 1px solid transparent !important;
  2495.     background: #222 !important;
  2496.     overflow: hidden !important;
  2497. /*     z-index: 5000 !important; */
  2498.     cursor: pointer !important;
  2499. }
  2500. #language-selector-locale:hover {
  2501.     color: tomato !important;
  2502. }
  2503.  
  2504. #language-selector-locale>option {
  2505. text-indent: 20px !important;
  2506. margin-left: -20px !important;
  2507. /* color: gold !important; */
  2508. }
  2509.  
  2510.  
  2511. #language-selector-locale>option:checked:before {
  2512. content: attr(value) ;
  2513. color: tan !important;
  2514. font-size: 20px !important;
  2515. background: black !important;
  2516. }
  2517. #language-selector-locale>option:before {
  2518. content: attr(value) ;
  2519. display: inline-block ;
  2520. width: 100px !important;
  2521. margin-right: 17px  ;
  2522. margin-left: -20px  ;
  2523. /* text-indent: 40px  ; */
  2524. color: gold ;
  2525. }
  2526. #language-selector-locale>option[selected=""]:before {
  2527. /* content: "XX " ; */
  2528. content: attr(value) ;
  2529. color: green !important;
  2530. }
  2531.  
  2532.  
  2533. .width-constraint #nav-user-info {
  2534.     position: absolute;
  2535.     display: inline-block !important;
  2536.     height: 15px!important;
  2537.     line-height: 15px!important;
  2538.     width: 300px!important;
  2539.     top: 15px!important;
  2540.     top: -4px!important;
  2541.     left: 64%!important;
  2542.     text-align: right !important;
  2543. /* border: 1px solid green !important; */
  2544. /* z-index: 0 !important; */
  2545. }
  2546.  
  2547. /* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
  2548. .SiteMenu {
  2549.     position: absolute;
  2550.     display: inline-block !important;
  2551.     height: 24px!important;
  2552.     width: 320px!important;
  2553.     top: -12px!important;
  2554.     left: 16%!important;
  2555. }
  2556.  
  2557. /* (new79) GREASYFORK : WITH / Without TS CITRUS -
  2558. https://greasyfork.org/fr/scripts/
  2559. === */
  2560. #site-nav>nav  {
  2561.     position: absolute;
  2562.     display: inline-block!important;
  2563.     height: 24px!important;
  2564.     line-height: 24px!important;
  2565.     width: 390px!important;
  2566.     top: -9px!important;
  2567.     left: 16%!important;
  2568.     text-align: left !important;
  2569. /* z-index: 500 !important; */
  2570. }
  2571. /* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
  2572. body[pagetype="ListingPage"] #site-nav>nav   {
  2573.     position: absolute;
  2574.     display: inline-block!important;
  2575.     height: 15px!important;
  2576.     line-height: 15px!important;
  2577.     width: 410px!important;
  2578.     top: -4px!important;
  2579.     left: 16%!important;
  2580.     text-align: left !important;
  2581. /* border: 1px solid violet !important; */
  2582. }
  2583.  
  2584. #main-header .width-constraint {
  2585.     position: relative;
  2586. /* display: inline-block !important; */
  2587. /* width: 100% !important; */
  2588.     height: 42px !important;
  2589.     padding: 0 0 0.25em;
  2590. /* left: 24% !important; */
  2591.     overflow: visible !important;
  2592. /* z-index: 500 !important; */
  2593. }
  2594. #main-header .width-constraint #site-name {
  2595.     height: 40px!important;
  2596. }
  2597. #title-subtext {
  2598.     font-size: 10px;
  2599.     font-weight: 400 !important;
  2600.     left: 63px !important;
  2601.     position: absolute;
  2602.     text-decoration: none;
  2603.     top: 28px !important;
  2604. }
  2605. #site-name>a[href="/"] {
  2606.     display: inline-block!important;
  2607.     color: gold !important;
  2608. }
  2609. #site-name>a[href="/"] span {
  2610.     position: relative!important;
  2611.     display: inline-block!important;
  2612.     height: 33px!important;
  2613.     line-height: 33px!important;
  2614.     top: -3px !important;
  2615.     margin-left: 3px!important;
  2616.     font-size: 27px!important;
  2617.     color: peru !important;
  2618.  
  2619. }
  2620. #site-name>a[href="/"] #title-subtext {
  2621.     position: absolute;
  2622.     top: 15px!important;
  2623.     left: 55px !important;
  2624.     font-size: 10px;
  2625.     font-weight: 400 !important;
  2626.     text-decoration: none;
  2627.     color: peru !important;
  2628. }
  2629. #site-name>a[href="/"] span:first-of-type {
  2630.     height: 18px !important;
  2631.     line-height: 16px !important;
  2632.     top: -18px !important;
  2633.     border-radius: 0 0 10px 0 !important;
  2634.     border: 1px solid peru !important;
  2635.     border-left:  none !important;
  2636.     border-top:  none !important;
  2637.     font-size: 18px !important;
  2638. }
  2639. /*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
  2640. #site-name h1 {
  2641.     width: 109px !important;
  2642.     height: 20px !important;
  2643.     line-height: 12px !important;
  2644.     top: -18px !important;
  2645.     border-radius: 0 0 10px 0 !important;
  2646.     border: 1px solid peru !important;
  2647.     border-left:  none !important;
  2648.     border-top:  none !important;
  2649. }
  2650. #site-name h1 a {
  2651.     height: 18px !important;
  2652.     line-height: 15px !important;
  2653.     font-size: 18px !important;
  2654. letter-spacing: 0.2px !important;
  2655. }
  2656.  
  2657. .subtitle ,
  2658. #main-header .subtitle {
  2659.     margin-top: -3px !important;
  2660.     margin-left: -1px !important;
  2661.     text-shadow: none !important;
  2662. }
  2663.  
  2664. /* #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
  2665. #vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
  2666.     transform: translate(150px, -16px)!important;
  2667. } */
  2668. #site-name-text {
  2669.     display: inline-block;
  2670.     vertical-align: top;
  2671. height: 18px!important;
  2672.     line-height: 18px!important;
  2673. /*     margin-left: -50px!important; */
  2674. }
  2675. #site-name-text h1 {
  2676.     font-size: 18px!important;
  2677.     letter-spacing: -2px;
  2678.     margin-top: -4px;
  2679. /* color: red !important; */
  2680. }
  2681. #site-name-text h1 a {
  2682.     font-size: 15px!important;
  2683.     letter-spacing: 0.6px !important;
  2684.     margin: 0;
  2685. /* color: red !important; */
  2686. }
  2687. #site-nav>nav>li>a {
  2688.     margin-right: 2px !important;
  2689. }
  2690. /* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
  2691. #nav-user-info {
  2692.     color: transparent !important;
  2693. }
  2694. .sign-out-link {
  2695.     position: relative !important;
  2696.     display: inline-block !important;
  2697.     height: 15px !important;
  2698.     margin-right: 5px !important;
  2699.     font-size: 0 !important;
  2700.     opacity: 0.4 !important;
  2701. }
  2702. .sign-out-link:hover {
  2703.     opacity: 1 !important;
  2704. }
  2705. .SignOut,
  2706. .sign-out-link a {
  2707.     border: 1px solid gray !important;
  2708.     border-radius: 3px !important;
  2709.     display: inline-block !important;
  2710.     font-size: 0 !important;
  2711.     height: 15px !important;
  2712.     margin-right: 5px !important;
  2713.     position: relative !important;
  2714.     top: -3px !important;
  2715.     width: 15px !important;
  2716.     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;
  2717.     background-position: center !important;
  2718.     background-size: cover !important;
  2719.     background-color: red !important;
  2720.     cursor: pointer !important;
  2721. }
  2722.  
  2723. /* (new74) - GREASYFORK - SEARCH - === */
  2724. .nav-search {
  2725.     position: absolute !important;
  2726.     display: inline-block !important;
  2727.     width: 220px !important;
  2728.     height: 19px !important;
  2729.     line-height: 0px !important;
  2730.     left: 240px !important;
  2731.     top: 7px !important;
  2732. /* border: 1px solid violet !important; */
  2733. }
  2734. .nav-search:hover {
  2735.     width: 400px !important;
  2736. }
  2737. .nav-search #script-search {
  2738.     position: relative;
  2739.     display: inline-block !important;
  2740.     vertical-align: top !important;
  2741.     width: 200px !important;
  2742.     top: -7px !important;
  2743. }
  2744. body[pagetype="ListingPage"] .nav-search #script-search {
  2745.     top: -12px !important;
  2746. }
  2747. .nav-search:hover #script-search {
  2748.     width: 420px !important;
  2749. }
  2750. .nav-search #script-search input[name="q"] {
  2751.     display: inline-block !important;
  2752.     width: 150px !important;
  2753.     margin-top: 5px !important;
  2754.     opacity: 0.4 !important;
  2755. }
  2756.  
  2757. .nav-search:hover #script-search input[name="q"] {
  2758.     width: 350px !important;
  2759.     opacity: 1 !important;
  2760. }
  2761.  
  2762. /* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
  2763. #site-name > a span#settings-subtext {
  2764.     position: absolute !important;
  2765.     display: inline-block !important;
  2766.     height: 16px !important;
  2767.     width: 16px !important;
  2768.     margin-left: -31px !important;
  2769.     margin-top: 18px !important;
  2770.     border-radius: 4px !important;
  2771.     font-size: 0px !important;
  2772.     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;
  2773.     background-color: #DCD9D9 !important;
  2774.     transform: scale(0.7) !important;
  2775.     opacity: 0.4 !important;
  2776. }
  2777. #site-name > a span#settings-subtext:hover {
  2778.     opacity: 1 !important;
  2779. }
  2780.  
  2781. /* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  2782. #script-info {
  2783.     margin-top: -50px !important;
  2784.     padding: 0 5px 0 5px !important;
  2785.     border: 1px solid #bbb;
  2786.     border-radius: 0 !important;
  2787.     box-shadow: none !important;
  2788.     background-color: #333 !important;
  2789. }
  2790. #share {
  2791.     position: relative !important;
  2792.     display: inline-block !important;
  2793.     max-height: 20px !important;
  2794.     margin-bottom: 0 !important;
  2795.     overflow: hidden !important;
  2796.     background: red !important;
  2797.     background-color: #670000 !important;
  2798.     background-image: linear-gradient(#670000, #900) !important;
  2799. }
  2800. #share:hover {
  2801.     height: 240px !important;
  2802.     max-height: 100% !important;
  2803.     overflow: visible !important;
  2804.     transition: height ease 4s !important;
  2805. }
  2806. #share>h3 {
  2807.     margin-top: -2px;
  2808.     width: 942px !important;
  2809.     padding: 0 5px !important;
  2810. }
  2811. #social-buttons {
  2812.     text-align: center !important;
  2813. }
  2814. .social_share_privacy_area.box li.settings_info {
  2815.     display: inline-block !important;
  2816.     left: 0 !important;
  2817. }
  2818. /* (new76) */
  2819. #script-table {
  2820.     display: block!important;
  2821.     margin: 0 auto!important;
  2822.     max-width: 960px!important;
  2823. }
  2824. /* (new79) */
  2825. body[pagetype="ListingPage"] #script-table {
  2826.     margin-top: 76px!important;
  2827. }
  2828. body[pagetype="ListingPage"] #script-table thead {
  2829.     position: fixed!important;
  2830.     max-width: 970px!important;
  2831.     margin-top: -31px!important;
  2832. /* z-index: 500 !important; */
  2833. }
  2834.  
  2835. /* (new66) */
  2836. #script-table tbody td:nth-child(2) {
  2837.     max-width: 450px!important;
  2838.     min-width: 450px !important;
  2839. }
  2840. body[pagetype="ListingPage"] #script-table thead tr {
  2841.     display: inline-table!important;
  2842.     width: 100% !important;
  2843.     max-width: 970px!important;
  2844. }
  2845. #script-table>thead>tr>td:first-of-type {
  2846.     width: 25px !important;
  2847. }
  2848. /* (new79) */
  2849. #script-table>thead>tr>td[tag="name"] {
  2850.     width: 452px !important;
  2851.     text-align: left !important;
  2852.     text-indent: 130px !important;
  2853. /* text-indent: 0px !important; */
  2854. }
  2855. #script-table>thead>tr>td[tag="name"] span {
  2856.     position: relative  !important;
  2857.     display: inline-block !important;
  2858.     width: 15px !important;
  2859.     margin-left: 0px !important;
  2860.     padding: 0px !important;
  2861.     text-align: center !important;
  2862.     text-indent: 0px !important;
  2863. }
  2864. #script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
  2865.     content: "Library Filter" !important;
  2866.     position: absolute !important;
  2867.     display: inline-block !important;
  2868.     width: 80px !important;
  2869.     margin-left: -10px !important;
  2870.     margin-top: -17px !important;
  2871.     padding: 0px !important;
  2872.     border-radius: 5px !important;
  2873.     text-align: center !important;
  2874.     text-indent: 0px !important;
  2875.     background: #cefd8a !important;
  2876.     color: black !important;
  2877. }
  2878. #script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
  2879.     content: "Unlisted Filter" !important;
  2880.     position: absolute !important;
  2881.     display: inline-block !important;
  2882.     width: 80px !important;
  2883.     margin-left: -10px !important;
  2884.     margin-top: -17px !important;
  2885.     padding: 0px !important;
  2886.     border-radius: 5px !important;
  2887.     text-align: center !important;
  2888.     text-indent: 0px !important;
  2889.     background: #cee7f3 !important;
  2890.     color: black !important;
  2891. }
  2892. #script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
  2893.     content: "Deleted Filter" !important;
  2894.     position: absolute !important;
  2895.     display: inline-block !important;
  2896.     width: 80px !important;
  2897.     margin-left: -10px !important;
  2898.     margin-top: -17px !important;
  2899.     padding: 0px !important;
  2900.     border-radius: 5px !important;
  2901.     text-align: center !important;
  2902.     text-indent: 0px !important;
  2903.     background: #f77a7a !important;
  2904.     color: black !important;
  2905. }
  2906.  
  2907. /* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */
  2908. /* [tag="created"] ,
  2909. [tag="updated"] {
  2910.     background-color: yellow !important;
  2911. } */
  2912. #script-table>thead>tr>td {
  2913.     box-shadow: 3px 3px 2px black !important;
  2914. /* background-color: #333 !important; */
  2915. }
  2916. /* #script-table>thead>tr>td:selected {
  2917.     box-shadow: 3px 3px 2px black !important;
  2918. background: red !important;
  2919. } */
  2920. /* #SelectedSortColumn ~[tag='updated'] {
  2921. background-color: yellow !important;
  2922. } */
  2923.  
  2924.  
  2925. #script-table>thead>tr>td[tag="ratings"] {
  2926.     width: 84px!important;
  2927. }
  2928. #script-table>thead>tr>td[tag=""] {
  2929.     width: 45px!important;
  2930. }
  2931. #script-table>thead>tr>td[tag="total_installs"] {
  2932.     width: 55px !important;
  2933. }
  2934. #script-table>thead>tr>td[tag="created"] {
  2935.     width: 107px!important;
  2936. }
  2937. #script-table>thead>tr>td[tag="updated"] {
  2938.     width: 108px!important;
  2939. }
  2940.  
  2941. /* SCRIPT # */
  2942. #script-table tbody td:nth-child(1) {
  2943. /* width: 4% !important; */
  2944. }
  2945. /* SCRIPT INFO */
  2946. #script-table tbody td:nth-child(2) {
  2947. /* min-width: 17% !important; */
  2948. /* max-width: 17% !important; */
  2949.     width: 12% !important;
  2950. }
  2951. /* SCRIPT RATING */
  2952. #script-table tbody td:nth-child(3) {
  2953.     width: 4% !important;
  2954. }
  2955. /* SCRIPT DAILY */
  2956. #script-table tbody td:nth-child(4) {
  2957.     width: 12.7% !important;
  2958. }
  2959. /* SCRIPT TOTAL  */
  2960. #script-table tbody td:nth-child(5) {
  2961.     width: 8.8% !important;
  2962. }
  2963. /* SCRIPT CREATED  */
  2964. #script-table tbody td:nth-child(6) {
  2965.     width: 11.1% !important;
  2966. }
  2967. /* SCRIPT UPDATED  */
  2968. #script-table tbody td:nth-child(7) {
  2969.     width: 12.4% !important;
  2970. }
  2971.  
  2972. #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"]) {
  2973. /* background: blue !important; */
  2974. }
  2975.  
  2976. /* (new66)*/
  2977. #script-table td .thetitle +div {
  2978.     overflow: hidden !important;
  2979.     word-wrap: break-word!important;
  2980. }
  2981. /* (new90) */
  2982. .width-constraint #script-info>header {
  2983.     position: fixed !important;
  2984.     display: inline-block !important;
  2985.     min-width: 966px!important;
  2986.     max-width: 966px!important;
  2987.     height: 126px!important;
  2988.     line-height: 17px!important;
  2989.     margin-left: -4px !important;
  2990.     top: 48px !important;
  2991.     padding: 5px 5px  0px 5px !important;
  2992.     z-index: 5 !important;
  2993.     background: black !important;
  2994. }
  2995. #script-description {
  2996.     display: inline-block !important;
  2997.     width: 100% !important;
  2998.     padding-bottom: 7px !important;
  2999.     border-bottom: 1px solid red !important;
  3000. }
  3001. #script-info header h2 {
  3002.     position: relative !important;
  3003.     display: inline-block !important;
  3004.     width: 100% !important;
  3005.     line-height: 17px !important;
  3006. vertical-align: top !important;
  3007.     margin-top: 1px !important;
  3008.     padding-bottom: 5px !important;
  3009.     font-size: 17px !important;
  3010. /* text-indent: 35px ; */
  3011.     border-bottom: 1px solid red !important;
  3012. }
  3013.  
  3014.  
  3015. /* (new90) ADAPTATION For GM - GreasyFork script icon (https)
  3016. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  3017. === */
  3018. /* #script-info>header>h2>div {
  3019.     position: absolute;
  3020.     display: inline-block;
  3021.     width: 80px;
  3022.     margin-left: calc(-42px - 1ex);
  3023.     top: 3px;
  3024.     text-align: right;
  3025. } */
  3026. #script-info>header>h2>div {
  3027.     position: relative !important;
  3028.     display: inline-block;
  3029.     width: 34px !important;
  3030.     top: 3px;
  3031.     margin-top: -2px ;
  3032. /* margin-left: calc(-46px - 1ex); */
  3033. margin-left: 0px !important;
  3034.     margin-right: 10px !important;
  3035.     text-align: right;
  3036. }
  3037. /*  (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE - === */
  3038. @media screen and (max-width: 1400px) {
  3039.  
  3040. /* ==== END === (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE === */
  3041. }
  3042.  
  3043.  
  3044. /* (new74) */
  3045. .width-constraint #script-info>#script-links {
  3046.     position: fixed !important;
  3047.     display: inline-block !important;
  3048.     width: 100% !important;
  3049.     min-width: 960px!important;
  3050.     max-width: 960px!important;
  3051.     top: 179px!important;
  3052.     margin-left: 0 !important;
  3053.     padding: 2px 5px !important;
  3054.     z-index: 500 !important;
  3055.     background: #222 !important;
  3056.     z-index: 5000 !important;
  3057. }
  3058.  
  3059. /* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
  3060. html>body>div[style="text-align: right; padding: 1px 50px"] {
  3061.     position: fixed !important;
  3062.     width: 275px !important;
  3063.     top: 72px !important;
  3064.     padding: 0 !important;
  3065.     text-align: right;
  3066.     left:  33% !important;
  3067.     z-index: 500 !important;
  3068. }
  3069. #RelativeSearch {
  3070.     display: inline-block;
  3071.     width: 120px !important;
  3072.     padding: 1px 10px !important;
  3073.     text-align: center;
  3074.     border-radius: 3px;
  3075.     cursor: pointer;
  3076.     background-color: orange;
  3077. }
  3078.  
  3079. /* (new86) USER SET - HEADER - TXT "SETS" - === */
  3080. #UserSets::before {
  3081.     width: 53px !important;
  3082.     left: 60px !important;
  3083.     text-indent: 0px !important;
  3084. }
  3085. #UserSets {
  3086.     position: fixed !important;
  3087.     display: inline-block !important;
  3088.     float: none !important;
  3089.     left: 22% !important;
  3090.     padding: 6px 5px !important;
  3091.     top: 52px !important;
  3092.     border-radius: 5px;
  3093.     opacity: 1 !important;
  3094.     visibility: hidden !important;
  3095.     z-index: 20000 !important;
  3096.     cursor: pointer !important;
  3097. /* background-color: yellow; */
  3098. }
  3099. #UserSets:hover {
  3100.     opacity: 1 !important;
  3101.     visibility: visible !important;
  3102. /* background-color: gold !important; */
  3103. }
  3104. #UserSets li {
  3105.     width: 400px;
  3106.     text-indent: 0px !important;
  3107. }
  3108.  
  3109. /* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus -
  3110. https://greasyfork.org/fr/scripts/17170-myfreecams-private-chat-log-link-adder
  3111. === */
  3112. #script-info #script-description .linkifyplus>img {
  3113.     display: inline-block !important;
  3114.     max-width: 15% !important;
  3115.     margin-bottom: -27px !important;
  3116. }
  3117.  
  3118. /* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus :
  3119. https://greasyfork.org/fr/scripts/4255-linkify-plus-plus
  3120. VOIR (ok):
  3121. https://greasyfork.org/fr/scripts/4713-eza-s-image-glutton/code
  3122. === */
  3123. #code-container  .linkifyplus>img {
  3124.     height: auto !important;
  3125.     max-height: 64px !important;
  3126.     max-width: 64px !important;
  3127.     width: auto !important;
  3128.     background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
  3129.     border-radius: 5px !important;
  3130.     box-shadow: 0 0 2px #cccccc inset !important;
  3131.     padding: 2px !important;
  3132. }
  3133. /* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  3134. .width-constraint #script-info>#script-links li > * {
  3135.     display: block;
  3136.     padding: 2px!important;
  3137.     font-size: 14px!important;
  3138. }
  3139.  
  3140.  
  3141. /* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
  3142. #user-control-panel > li  ,
  3143. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
  3144.     display: inline-block !important;
  3145.     width: 45% !important;
  3146.     line-height: 13px!important;
  3147.     margin-left: 25px !important;
  3148.     padding: 2px 1px!important;
  3149.     border: 1px solid #404040;
  3150.     border-radius: 5px;
  3151.     box-shadow: 3px 3px 2px black !important;
  3152.     text-align: center!important;
  3153.     font-size: 13px!important;
  3154.     background-color: #333 !important;
  3155. }
  3156.  
  3157. /*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
  3158. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  3159.     position: fixed !important;
  3160.     display: inline-block !important;
  3161.     width: 350px !important;
  3162.     height: 30px !important;
  3163.     line-height: 15px !important;
  3164.     margin-left: 580px !important;
  3165.     margin-top: -45px !important;
  3166.     padding: 3px 5px 3px 5px !important;
  3167.     border-radius: 4px;
  3168.     text-align: left !important;
  3169.     background-color: #D6D6D1 !important;
  3170.     opacity: 0!important;
  3171.     transition: opacity ease 0.7s !important;
  3172. }
  3173. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  3174.     opacity: 1!important;
  3175.     z-index: 5000 !important;
  3176. }
  3177.  
  3178. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  3179.     position: fixed !important;
  3180.     display: inline-block !important;
  3181.     width: 310px !important;
  3182.     height: 30px !important;
  3183.     line-height: 15px !important;
  3184.     margin-left: -100px !important;
  3185.     margin-top: -50px !important;
  3186.     padding: 3px 5px 3px 5px !important;
  3187.     border-radius: 4px;
  3188.     text-align: left !important;
  3189.     background-color: #D6D6D1 !important;
  3190.     opacity: 0!important;
  3191.     transition: opacity ease 0.7s !important;
  3192. }
  3193. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  3194.     position: fixed!important;
  3195.     display: inline-block!important;
  3196.     float: none!important;
  3197.     margin-left: 95px !important;
  3198.     margin-top: -205px!important;
  3199.     opacity: 1!important;
  3200. }
  3201.  
  3202. /* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
  3203. #script-feedback-suggestion {
  3204.     margin-top: 95px !important;
  3205.     margin-bottom: -15px !important;
  3206. }
  3207. /* (new79) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
  3208. :not([id="install-stats-chart-container"])
  3209.  === */
  3210. .width-constraint #script-info>#script-content{
  3211.     position: relative !important;
  3212.     display: inline-block!important;
  3213.     min-height: 682px !important;
  3214.     min-width: 959px !important;
  3215.     max-width: 959px !important;
  3216.     margin-top: 174px !important;
  3217.     margin-left: -1px !important;
  3218.     padding-left: 9px !important;
  3219.     padding-right: 0 !important;
  3220.     padding-top: 0px !important;
  3221.     border: 1px solid black !important;
  3222.     background-color: #2B2B2B !important;
  3223.     z-index: 0 !important;
  3224. }
  3225. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  3226.     min-width: 930px !important;
  3227.     max-width: 930px !important;
  3228.     margin-left: 0px !important;
  3229.     border-bottom: 1px solid gray !important;
  3230.     text-align: center !important;
  3231.     background: #222222!important;
  3232. }
  3233. .width-constraint #discussions {
  3234.     min-width: 850px !important;
  3235.     max-width: 850px !important;
  3236.     margin-top: -10px !important;
  3237.     margin-left: -10px !important;
  3238.     padding: 20px 53px !important;
  3239.     border: 1px solid gray !important;
  3240. }
  3241. .width-constraint #discussions li:nth-child(odd) {
  3242.     border-bottom: 1px solid gray!important;
  3243.     background: #222222 !important;
  3244. }
  3245. .width-constraint #discussions li:nth-child(even) {
  3246.     border-bottom: 1px solid gray!important;
  3247.     background: #333333 !important;
  3248. }
  3249.  
  3250. .width-constraint #discussions li:hover {
  3251.     background: rgba(0, 0, 0, 0.8)!important;
  3252.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3253.     transition: background 0.8s ease 0s !important;
  3254. }
  3255. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  3256.     position: fixed !important;
  3257.     height: 20px !important;
  3258.     line-height: 20px !important;
  3259.     width: 393px !important;
  3260.     margin-left: -5px !important;
  3261.     top: 30px !important;
  3262.     padding: 1px 1px 1px 20px  !important;
  3263.     border-radius: 5px !important;
  3264.     text-align: center !important;
  3265.     border: 1px solid gray !important;
  3266.     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);
  3267. }
  3268. /* (new88) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS -
  3269. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  3270. === */
  3271. #install-area {
  3272.     position: fixed !important;
  3273.     display: inline-block!important;
  3274.     min-width: 950px !important;
  3275.     max-width: 950px !important;
  3276.     top: 213px !important;
  3277.     margin-left: -8px !important;
  3278.     padding: 5px 9px !important;
  3279.     border-bottom: 1px solid gray;
  3280.     background-color: #f9ecdb!important;
  3281.     z-index: 1!important;
  3282. }
  3283. .width-constraint #script-info > #script-content  #script-meta {
  3284.     display: table;
  3285.     width: 950px !important;
  3286.     margin-top: 15px !important;
  3287.     padding: 5px !important;
  3288.     border-bottom: 1px dotted gray !important;
  3289. }
  3290.  
  3291. /* (new89) */
  3292. .script-in-sets {
  3293.     position: fixed ;
  3294.     display: inline-block ;
  3295.     min-width: 291px ;
  3296.     max-width: 291px ;
  3297.     max-height: 37px ;
  3298.     top: 215px ;
  3299.     left: 40% ;
  3300.     margin-left: 0 ;
  3301.     font-size: 0 ;
  3302.     overflow: hidden ;
  3303.     border: 1px solid #404040;
  3304.     background: #222 ;
  3305. }
  3306. .script-in-sets>a {
  3307.     display: inline-block ;
  3308.     width: 291px ;
  3309.     margin-left: 0 ;
  3310.     font-size: 13px ;
  3311.     text-indent: 5px ;
  3312.     white-space: nowrap ;
  3313.     overflow: hidden ;
  3314.     text-overflow: ellipsis ;
  3315. }
  3316. .script-in-sets:hover {
  3317.     height: auto ;
  3318.     padding-bottom: 50px ;
  3319. }
  3320.  
  3321. .script-in-sets > select {
  3322.     display: inline-block ;
  3323.     width: 252px !important;
  3324.     margin-top: 2px ;
  3325. }
  3326. .script-in-sets:hover > select {
  3327.     margin-top: 10px ;
  3328. }
  3329. .script-in-sets>input {
  3330.     display: inline-block ;
  3331.     height: 24px;
  3332.     line-height: 13px;
  3333. }
  3334.  
  3335. /* (new65) */
  3336. #script-stats {
  3337.     display: inline-table !important;
  3338.     -moz-column-count: unset !important;
  3339.     float: left !important;
  3340.     clear: none !important;
  3341.     width: 100% !important;
  3342.     max-width: 399px !important;
  3343.     min-width: 399px !important;
  3344.     outline: 1px solid gray !important;
  3345.     padding-right: 0 !important;
  3346. }
  3347. #script-stats dt {
  3348.     display: table-row !important;
  3349.     clear: none !important;
  3350.     float: left !important;
  3351.     height: 18px !important;
  3352.     line-height: 18px !important;
  3353.     min-width: 45% !important;
  3354.     max-width: 45% !important;
  3355.     border-bottom: 1px solid gray !important;
  3356.     text-indent: 10px !important;
  3357. }
  3358.  
  3359. #script-stats dt.script-show-compatibility {
  3360. display: table-row !important;
  3361.     clear: none !important;
  3362.     float: left !important;
  3363.     height: 30px !important;
  3364.     line-height: 30px !important;
  3365.     min-width: 45% !important;
  3366.     max-width: 45% !important;
  3367. }
  3368.  
  3369. /* (new71) */
  3370. #script-stats dd {
  3371. display: table-cell !important;
  3372.     clear: none !important;
  3373.     float: right !important;
  3374.     height: 18px !important;
  3375.     line-height: 18px !important;
  3376.     min-width: 55% !important;
  3377.     max-width: 55% !important;
  3378.     margin-left: -50px !important;
  3379. white-space: nowrap !important;
  3380. overflow: hidden !important;
  3381. text-overflow: ellipsis !important;
  3382. /* background: red !important; */
  3383. }
  3384.  
  3385. #script-meta dd:not(.script-show-applies-to) {
  3386. display: table-cell !important;
  3387.     clear: none !important;
  3388.     float: right !important;
  3389.     height: 18px !important;
  3390.     line-height: 18px !important;
  3391.     border-bottom: 1px solid gray !important;
  3392.     text-indent: 10px !important;
  3393. }
  3394. #script-meta dd.script-show-compatibility {
  3395.     display: table-row !important;
  3396.     clear: none !important;
  3397.     float: left !important;
  3398.     height: 30px !important;
  3399.     line-height: 34px !important;
  3400. /*     min-width: 45% !important;
  3401.     max-width: 45% !important; */
  3402. }
  3403.  
  3404.  
  3405. /* (new67) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER -
  3406. https://greasyfork.org/fr/scripts/109-handy-image
  3407. ==== */
  3408. #script-meta>div {
  3409.     position: relative;
  3410.     display: inline-block !important;
  3411.     float: right !important;
  3412.     clear: none !important;
  3413.     width: 493px !important;
  3414.     max-height: 186px !important;
  3415.     margin-right: 35px !important;
  3416.     top: -10px !important;
  3417.     padding: 5px 5px 5px 5px !important;
  3418.     overflow-x: hidden !important;
  3419.     overflow-y: hidden !important;
  3420. }
  3421.  
  3422. #script-applies-to dd.script-show-applies-to {
  3423.     display: inline-block !important;
  3424.     padding: 5px;
  3425.     width: 485px !important;
  3426.     max-height: 156px !important;
  3427.     padding: 5px 5px 5px 5px !important;
  3428.     border-radius: 3px !important;
  3429.     border: 1px solid gray !important;
  3430.     overflow: hidden !important;
  3431.     overflow-y: auto !important;
  3432. }
  3433.  
  3434. #script-meta>div code {
  3435.     position: relative;
  3436.     display: inline-block !important;
  3437.     height: 15px !important;
  3438.     line-height: 15px !important;
  3439.     background-color: #262626 !important;
  3440.     border-radius: 3px !important;
  3441.     border: none !important;
  3442.     color: #aba2a4 !important;
  3443.     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  3444.     font-size: 90%;
  3445.     padding: 1px 4px !important;
  3446.     white-space: nowrap;
  3447. }
  3448. #script-meta>div  .inline-list>li:nth-child(even) code {
  3449.     color: #BAA591  !important;
  3450.     background-color: #1A1919 !important
  3451. }
  3452. #script-meta>div  .inline-list>li:nth-child(odd) code {
  3453.     color: #BAA591  !important;
  3454.     background-color: #363535 !important
  3455. }
  3456.  
  3457. /*LINKYFY PLUS */
  3458. .script-show-applies-to .inline-list li a.linkifyplus {
  3459.     position: relative;
  3460.     display: inline-block !important;
  3461.     height: 15px !important;
  3462.     line-height: 15px !important;
  3463.     padding: 1px 4px !important;
  3464.     border-radius: 3px !important;
  3465.     color: #BAA591  !important;
  3466.     background-color: #1A1919 !important
  3467. }
  3468.  
  3469. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  3470.     color: #D0A070  !important;
  3471.     background-color: #1A1919 !important
  3472. }
  3473. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  3474.     color: #BAA591  !important;
  3475.     background-color: #1A1919 !important
  3476. }
  3477. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  3478.     color: tomato  !important;
  3479.     background-color: #1A1919 !important
  3480. }
  3481. .expander {
  3482.     display: none !important;
  3483. }
  3484.  
  3485. /* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
  3486. #script-content>#feedback-favoriters + div {
  3487.     display: inline-block !important;
  3488.     width: 953px !important;
  3489.     margin-top: -10px !important;
  3490.     font-size: 14px !important;
  3491. }
  3492. .inline-list>li:nth-child(odd)>a ,
  3493. .inline-list>li:nth-child(even)>a {
  3494.     display: inline-block !important;
  3495.     padding: 1px 3px !important;
  3496.     border-radius: 3px !important;
  3497. }
  3498. .inline-list>li:nth-child(odd)>a {
  3499.     background: #222 !important;
  3500. }
  3501. .inline-list>li:nth-child(even)>a {
  3502.     background: #333 !important;
  3503. }
  3504.  
  3505.  
  3506. /* (new71) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER -
  3507. TEST LINKS :
  3508. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  3509. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3510. https://greasyfork.org/fr/scripts/740-bili-fix-player
  3511. === */
  3512. .width-constraint #script-info > #script-content #additional-info {
  3513.     position: relative !important;
  3514.     display: inline-block !important;
  3515.     min-width: 950px !important;
  3516.     max-width: 950px !important;
  3517.     top: 10px !important;
  3518.     margin-left: -4px !important;
  3519.     margin-bottom: 50px !important;
  3520.     padding: 0 5px 15px 5px !important;
  3521.     background-color: #f9dacd;
  3522.     border-radius: 5px;
  3523.     word-wrap: break-word !important;
  3524. }
  3525. .width-constraint #script-info > #script-content #additional-info {
  3526.     margin-bottom: -14px !important;
  3527.     margin-top: 0 !important;
  3528. }
  3529. .script-author-description>p>code {
  3530.     display: inline-block!important;
  3531.     white-space: pre-line !important;
  3532. }
  3533. #additional-info > .script-author-description> pre ,
  3534. .script-author-description>blockquote>pre {
  3535.     margin-left: 30px;
  3536.     padding: 5px 10px;
  3537.     border: 1px solid gray !important;
  3538.     border-radius: 2px;
  3539.     word-wrap: break-word !important;
  3540.     background-color: #5c5c5c !important;
  3541. }
  3542. /* (new62) CODE in SCRIPT INFO PAGE -
  3543. https://greasyfork.org/fr/scripts/7596-decloak-links-and-open-directly
  3544. === */
  3545. .script-author-description>p>code ,
  3546. #additional-info > .script-author-description > pre > code ,
  3547. #additional-info > .script-author-description  > blockquote > pre > code {
  3548.     border: 1px solid gray !important;
  3549.     max-width: 99% !important;
  3550. }
  3551.  
  3552. /* ===
  3553. https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
  3554. CODE IN IT :
  3555. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3556. === */
  3557. .width-constraint #script-info > #script-content #additional-info > div {
  3558.     padding: 5px !important;
  3559.     background-color: #2B2B2B !important;
  3560. }
  3561. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  3562.     max-width: 895px !important;
  3563. }
  3564.  
  3565. /* GREASYFORK - CODE PAGE - === */
  3566. #code-container {
  3567.     max-height: 620px!important;
  3568.     width: 100% ;
  3569.     margin-left: -5px !important;
  3570.     margin-top: 8px !important;
  3571.     overflow-x: hidden !important;
  3572.     background-color: white !important;
  3573. }
  3574. #script-feedback-suggestion + #code-container{
  3575.     max-height: 615px!important;
  3576.     width: 100% ;
  3577.     margin-left: -5px !important;
  3578.     margin-top: 22px !important;
  3579.     overflow-x: hidden !important;
  3580.     background-color: white !important;
  3581. }
  3582. /* GREASYFORK - DISCUSS / HISTORIC etc - === */
  3583. #feedback-favoriters ,
  3584. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  3585.     margin-top: 10px !important;
  3586.     margin-bottom: 20px !important;
  3587.     padding: 5px !important;
  3588.     border-radius: 4px !important;
  3589.     text-align: center !important;
  3590.     background-color: #f9dacd !important;
  3591. }
  3592.  
  3593. /* (new62) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) -
  3594. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
  3595. https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
  3596. === */
  3597. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  3598.     margin-top: 20px!important;
  3599.     width: 934px !important;
  3600. }
  3601. .width-constraint #script-info > #script-content > form > ul  {
  3602.     width: 950px !important;
  3603.     height: 610px !important;
  3604.     margin-top: 0px !important;
  3605.     margin-bottom: 0 !important;
  3606.     border-top: 1px dashed gray !important;
  3607.     border-bottom: 1px dashed gray !important;
  3608.     padding-left: 5px !important;
  3609.     overflow-x: hidden !important;
  3610.     overflow-y: auto !important;
  3611. }
  3612. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  3613.     margin-bottom: 15px !important;
  3614.     cursor: pointer !important;
  3615. }
  3616. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  3617.     top: 29.9%!important;
  3618.     margin-left: -20px!important;
  3619.     position: fixed !important;
  3620.     width: 10px !important;
  3621.     height: 15px !important;
  3622.     border-left: 19px solid #AAAAAA;
  3623.     border-bottom: 9px solid transparent;
  3624.     border-top: 9px solid transparent;
  3625.     border-right: none !important;
  3626.     color: transparent!important;
  3627.     cursor: pointer !important;
  3628.     background: green !important;
  3629.     -moz-appearance: none !important;
  3630.     transition: width ease 0.1s, margin ease 0.1s  !important;
  3631. }
  3632. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  3633.     margin-left: -130px !important;
  3634.     width: 145px !important;
  3635.     height: auto !important;
  3636.     line-height: 12px !important;
  3637.     -moz-appearance: button !important;
  3638.     white-space: normal !important;
  3639.     border: none !important;
  3640.     color: black !important;
  3641.     cursor: pointer !important;
  3642.     transition: width ease 0.2s, margin ease 1.5s !important;
  3643. }
  3644.  
  3645.  
  3646. /* (new62) GREASYFORK - SCRIPT STATS - === */
  3647. #script-content> script[src*="assets"] ~h3 {
  3648.     margin-top: 10px !important;
  3649.     margin-bottom: 20px !important;
  3650.     padding: 5px !important;
  3651.     border-radius: 4px !important;
  3652.     text-align: center! important;
  3653. }
  3654. [id$="-chart-container"] {
  3655.     background: white !important;
  3656. }
  3657. td.numeric,
  3658. th.numeric {
  3659.     text-align: left!important;
  3660.     text-align: center!important;
  3661. }
  3662. /* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  3663. .width-constraint #discussions li>a:first-of-type {
  3664.     width: 835px !important;
  3665.     display: inline-block !important;
  3666.     color: #B4A393  !important;
  3667. }
  3668. .width-constraint #discussions li>a:first-of-type:hover {
  3669.     color: tomato  !important;
  3670. }
  3671. .width-constraint #discussions li>time:first-of-type {
  3672.     display: inline-block !important;
  3673.     width: 95px !important;
  3674.     margin-right: 20px!important;
  3675.     text-align: center !important;
  3676. }
  3677. .width-constraint #discussions li>time:last-of-type {
  3678.     display: inline-block!important;
  3679.     width: 125px !important;
  3680.     margin-left: -30px !important;
  3681.     text-align: center !important;
  3682.     white-space: nowrap !important;
  3683. }
  3684. .width-constraint #discussions li>a:nth-child(2) {
  3685.     width: 180px !important;
  3686.     display: inline-block !important;
  3687.     margin-left: 10px !important;
  3688. }
  3689. .width-constraint #discussions li>a:nth-child(4) {
  3690.     width: 160px !important;
  3691.     display: inline-block !important;
  3692.     margin-left: 20px !important;
  3693. }
  3694. /* (new62) */
  3695. .width-constraint #script-info > #script-content > form > ul {
  3696.     margin-top: -8px !important;
  3697. }
  3698. .width-constraint #script-info > #script-content > form > ul li {
  3699.     margin-bottom: -3px !important;
  3700.     padding-bottom: 4px !important;
  3701.     border-top: 1px solid gray !important;
  3702.     overflow: hidden !important;
  3703.     text-overflow: ellipsis !important;
  3704.     white-space: nowrap !important;
  3705. }
  3706. .width-constraint #script-info > #script-content > form > ul li:hover {
  3707.     margin-bottom: -3px !important;
  3708.     padding-bottom: 4px !important;
  3709.     border-top: 1px solid gray !important;
  3710.     overflow: visible!important;
  3711.     text-overflow: ellipsis !important;
  3712.     white-space: nowrap !important;
  3713. }
  3714. #script-content>form>ul>li>input + a {
  3715.     display: inline-block !important;
  3716.     width: 15% !important;
  3717.     padding: 1px 5px !important;
  3718.     background: #222222 !important;
  3719. }
  3720. #script-content>form>ul>li:nth-child(odd)>input + a {
  3721.     background: #222222 !important;
  3722. }
  3723. #script-content>form>ul>li:nth-child(even)>input + a {
  3724.     background: #333333 !important;
  3725. }
  3726. .width-constraint #script-info > #script-content > form > ul li time {
  3727.     display: inline-block!important;
  3728.     min-width: 202px !important;
  3729.     max-width: 202px !important;
  3730.     padding: 1px 5px !important;
  3731.     letter-spacing: 1.4px !important;
  3732.     text-align: center !important;
  3733. }
  3734. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  3735.     background: #222222 !important;
  3736. }
  3737.  
  3738. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  3739.     background: #333333 !important;
  3740. }
  3741.  
  3742.  
  3743. /* (new72) GREASYFORK - FORUM TABLE -
  3744. Test LIKNK : MouseOver PopUP Viewer rules :
  3745. https://greasyfork.org/fr/forum/discussion/593/x
  3746. === */
  3747. .Message table {
  3748.     border-collapse: separate;
  3749.     border-spacing: 4px;
  3750.     margin: 1em -4px;
  3751.     width:  650px !important;
  3752. }
  3753. .Message table thead{
  3754.     width:  600px !important;
  3755. }
  3756. .Message th {
  3757.     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;
  3758.     font-size: 105%;
  3759.     font-weight: bold;
  3760.     padding-bottom: 0.5em;
  3761.     padding-top: 0.5em;
  3762. }
  3763. .Message table tbody {
  3764.     width:  600px !important;
  3765. }
  3766. .Message table tbody tr td:first-of-type  {
  3767.     width:  120px !important;
  3768.     vertical-align: middle !important;
  3769.     color: gold !important;
  3770.     border: 1px solid red !important;
  3771. }
  3772. .Message table tbody tr td:first-of-type + td  {
  3773.     min-width:  75px !important;
  3774.     max-width:  75px !important;
  3775.     color: gold !important;
  3776.     vertical-align: middle !important;
  3777.     border: 1px solid green !important;
  3778. }
  3779. .Message table tbody tr td:last-of-type  {
  3780.     min-width:  280px !important;
  3781.     max-width:  280px !important;
  3782.     border: 1px solid blue !important;
  3783. }
  3784. .Message table tbody tr td:last-of-type code {
  3785.     float: left!important;
  3786.     min-width:  290px !important;
  3787.     max-width:  290px !important;
  3788.     background-color: #f9ebd2;
  3789.     border: 1px solid;
  3790.     border-radius: 3px;
  3791.     color: #eb5100;
  3792.     margin-left: -6px !important;;
  3793.     padding: 1px 3px;
  3794.     white-space: pre-line !important;
  3795. }
  3796.  
  3797. /* GREASYFORK - BROWSE / USER SCRIPTS  - === */
  3798. #user-script-list>li ,
  3799. #browse-script-list>li {
  3800.     padding: 5px !important;;
  3801. }
  3802. #user-script-list>li:nth-child(odd) ,
  3803. #browse-script-list>li:nth-child(odd) {
  3804.     background-color: #222 !important;
  3805. }
  3806. #user-script-list>li:nth-child(odd):hover ,
  3807. #browse-script-list>li:nth-child(odd):hover {
  3808.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3809.     background-color: rgba(7, 7, 7, 0.67) !important;
  3810.     transition: background 0.8s ease 0s !important;
  3811. }
  3812. #user-script-list>li:nth-child(even) ,
  3813. #browse-script-list>li:nth-child(even) {
  3814.     background-color: #414141 !important;
  3815. }
  3816. #user-script-list>li:nth-child(even):hover ,
  3817. #browse-script-list>li:nth-child(even):hover {
  3818.     background-color: rgba(7, 7, 7, 0.57) !important;
  3819.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3820.     transition: background 0.8s ease 0s !important;
  3821. }
  3822. #user-script-list>li:hover ,
  3823. #browse-script-list>li:hover {
  3824.     background-color: black !important;
  3825.     z-index: 1 !important;
  3826. }
  3827. /* (new66) without script */
  3828. #user-script-list>li h2 ,
  3829. #browse-script-list>li h2 {
  3830.     display: inline-block !important;
  3831.     width: 100% !important;
  3832.     max-width: 762px !important;
  3833.     word-wrap: break-word !important;
  3834.     overflow: hidden !important;
  3835. }
  3836. #user-script-list>li h2 a ,
  3837. #browse-script-list>li h2 a {
  3838.     display: inline-block!important;
  3839.     width: 100% !important;
  3840.     line-height: 17px !important;
  3841. }
  3842.  
  3843. /* (new79) PB ?? - overflow-wrap */
  3844. #browse-script-list>li h2 span {
  3845.     width: 100% !important;
  3846.     max-width: 720px !important;
  3847.     overflow: hidden !important;
  3848. /* overflow-wrap: break-word !important; */
  3849. }
  3850. #user-script-list>li h2 span.name-description-separator ,
  3851. #browse-script-list>li h2 span.name-description-separator {
  3852.     display: none !important;
  3853. }
  3854.  
  3855.  
  3856. /* (new76) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
  3857. /* (new76) without */
  3858. .width-constraint  #script-list-option-groups.list-option-groups {
  3859.     display: inline-block !important;
  3860.     float: left !important;
  3861.     margin-left: -12px !important;
  3862.     margin-top: 0px !important;
  3863. }
  3864. .width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
  3865.     margin-bottom: 0.5em;
  3866.     padding: 0.5em;
  3867.     box-shadow: 3px 3px 2px black !important;
  3868.     border-radius: 5px 0 0 5px !important;
  3869.     border: 1px solid gray !important;
  3870.     background-color: #2d2d2d !important;
  3871. }
  3872. .list-option-group ul {
  3873.     box-shadow: 3px 3px 2px black !important;
  3874.     background-color: transparent !important;
  3875. }
  3876. .width-constraint  #browse-script-list {
  3877.     display: inline-block !important;
  3878.     float: right !important;
  3879. }
  3880.  
  3881. /* (new66) */
  3882. .width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
  3883. .width-constraint #script-list-option-groups.list-option-groups + h3 ,
  3884. #browse-script-list + .pagination + p {
  3885.     display: inline-block !important;
  3886.     float: left !important;
  3887.     width: 727px !important;
  3888.     margin-bottom: 8px !important;
  3889.     margin-left: 59px !important;
  3890.     margin-top: -15px !important;
  3891.     padding: 5px !important;
  3892. background: #222 !important;
  3893. }
  3894. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  3895. /* margin-top: -20px !important; */
  3896. margin-top: 0px !important;
  3897.     margin-bottom: 18px !important;
  3898.     border-bottom: 1px solid gray !important;
  3899. }
  3900.  
  3901. #browse-script-list + .pagination + p {
  3902.     margin-bottom: 10px !important;
  3903.     margin-left: 242px !important;
  3904.     margin-top: -10px !important;
  3905. background: #222 !important;
  3906. }
  3907.  
  3908. /* STATISTICS - ADD LABEL on HOVER - === */
  3909. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  3910.     position: fixed !important;
  3911.     display: inline-block !important;
  3912.     width: 100px !important;
  3913.     transform: rotate(-90deg)!important;
  3914.     content: attr(title) !important;
  3915.     margin-top: 65px !important;
  3916.     margin-left: -83px !important;
  3917.     font-size: 13px !important;
  3918.     text-align: right !important;
  3919.     color: peru !important;
  3920. }
  3921. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  3922.     position: fixed !important;
  3923.     display: inline-block !important;
  3924.     width: 20px !important;
  3925.     height: 17px !important;
  3926.     transform: rotate(-90deg)!important;
  3927.     content: "."!important;
  3928.     margin-top: 22px !important;
  3929.     margin-left: -44px !important;
  3930.     border-radius: 5px !important;
  3931.     font-size: 13px !important;
  3932.     text-align: center !important;
  3933.     color: peru!important;
  3934.     background: rgba(255, 211, 0, 0.16)!important;
  3935. }
  3936. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  3937.     position: fixed !important;
  3938.     display: inline-block !important;
  3939.     width: 100px !important;
  3940.     transform: rotate(-90deg) !important;
  3941.     content: "Opera JS" !important;
  3942.     margin-top: 80px !important;
  3943.     margin-left: -40px !important;
  3944.     font-size: 20px !important;
  3945.     text-align: right !important;
  3946.     color: peru !important;
  3947. }
  3948. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  3949.     position: fixed !important;
  3950.     display: inline-block !important;
  3951.     width: 100px !important;
  3952.     transform: rotate(-90deg) !important;
  3953.     content: "Opera JS" !important;
  3954.     margin-top: 80px! important;
  3955.     margin-left: -29px !important;
  3956.     font-size: 20px !important;
  3957.     text-align: right !important;
  3958.     color: peru!important;
  3959. }
  3960.  
  3961. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  3962.     background: rgba(255, 0, 0, 0.23) !important;
  3963. }
  3964. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  3965.     background: rgba(255, 254, 0, 0.23) !important;
  3966. }
  3967. #install-stats-chart-container + table>tbody>tr:hover th {
  3968.     background: blue !important;
  3969. }
  3970. #install-stats-chart-container + table>tbody>tr:hover th {
  3971.     background: blue  !important;
  3972. }
  3973. #install-stats-chart-container + table>tbody>tr:hover td {
  3974.     background: black !important;
  3975. }
  3976. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  3977.     background: red !important;
  3978. }
  3979.  
  3980. /* MESSAGE - ERROR NOT LOADING IMAGES - === */
  3981. .notice {
  3982.     display: inline-block !important;
  3983.     position: absolute !important;
  3984.     width: 214px !important;
  3985.     left: -13px !important;
  3986.     top: 15px !important;
  3987. }
  3988.  
  3989. /* TEST - FORUM IMAGE IN DISSCUSSION -
  3990. https://forum.userstyles.org/discussion/comment/92068#Comment_92068
  3991. .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
  3992. === */
  3993. .Discussion.comment .Message>div {
  3994.     float: right;
  3995.     height: 150px;
  3996.     width: 719px !important;
  3997.     overflow: hidden;
  3998. }
  3999. .Message .ImageResized {
  4000.     cursor: pointer;
  4001.     font-size: 11px;
  4002.     font-weight: normal;
  4003.     height: 20px !important;
  4004.     margin-bottom: 5px !important;
  4005.     max-width: 668px !important;
  4006.     color: peru !important;
  4007. }
  4008. .Message .ImageResized:hover {
  4009.     color: tomato !important;
  4010. }
  4011.  
  4012.  
  4013. /* TEST - CODE IN DISCUSSION - === */
  4014. .Message>table>tbody>tr>td>code {
  4015.     display: inline-block !important;
  4016.     min-width: 688px !important;
  4017.     max-width: 688px !important;
  4018.     letter-spacing: initial;
  4019.     white-space: pre-line !important;
  4020.     word-wrap: break-word !important;
  4021.     background-color: #5c5c5c !important;
  4022.     color: white!important;
  4023. }
  4024. /* ===
  4025. PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
  4026. .Message>pre[id*="b"]
  4027. .Message>ul>li>ul>li>pre
  4028. .Message>ul>li>pre
  4029. .Message pre
  4030. === */
  4031. .Message>pre {
  4032.     position: relative !important;
  4033.     display: inline-block !important;
  4034.     min-width: 650px !important;
  4035.     max-width: 650px !important;
  4036.     margin-left: 5px !important;
  4037.     letter-spacing: initial;
  4038.     white-space: pre-line !important;
  4039.     word-wrap: break-word !important;
  4040.     background-color: #5c5c5c !important;
  4041.     color: white!important;
  4042. }
  4043.  
  4044. .Message>ul>li>pre {
  4045.     position: relative !important;
  4046.     display: inline-block !important;
  4047.     min-width: 580px !important;
  4048.     max-width: 580px !important;
  4049.     margin-left: 5px !important;
  4050.     letter-spacing: initial;
  4051.     white-space: pre-line !important;
  4052.     word-wrap: break-word !important;
  4053.     background-color: #5c5c5c !important;
  4054.     color: white !important;
  4055. }
  4056.  
  4057. .Message>ul>li>ul>li>pre{
  4058.     position: relative !important;
  4059.     display: inline-block !important;
  4060.     min-width: 580px !important;
  4061.     max-width: 580px !important;
  4062.     margin-left: -35px !important;
  4063.     letter-spacing: initial;
  4064.     white-space: pre-line !important;
  4065.     word-wrap: break-word !important;
  4066.     background-color: #5c5c5c !important;
  4067.     color: white !important;
  4068. }
  4069.  
  4070. /* TEST code in discussion - === */
  4071. .Message ol li pre {
  4072.     display: inline-block !important;
  4073.     min-width: 650px !important;
  4074.     max-width: 650px !important;
  4075.     margin-left: -35px !important;
  4076.     letter-spacing: initial;
  4077.     white-space: pre-line !important;
  4078.     word-wrap: break-word !important;
  4079.     background-color: #5c5c5c !important;
  4080.     color: white !important;
  4081. }
  4082.  
  4083. /* FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  4084. TEST different:
  4085. https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
  4086. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  4087. ===  */    
  4088. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4089.     position: relative !important;
  4090.     display: inline-block !important;
  4091.     min-width: 670px !important;
  4092.     max-width: 670px !important;
  4093.     left: -20px !important;
  4094.     top: -10px !important;
  4095.     letter-spacing: initial;
  4096.     white-space: pre-line !important;
  4097.     word-wrap: break-word !important;
  4098.     background-color: white !important;
  4099.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
  4100.     background-size: 30px 15px !important;
  4101.     color: red !important;
  4102.     outline: 1px solid green !important;
  4103. }
  4104. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4105.     position: relative !important;
  4106.     display: inline-block !important;
  4107.     min-width: 670px !important;
  4108.     max-width: 670px !important;
  4109.     left: 0px !important;
  4110.     top: -10px !important;
  4111.     letter-spacing: initial;
  4112.     white-space: pre-line !important;
  4113.     word-wrap: break-word !important;
  4114.     background-color: white !important;
  4115.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  4116.     background-size: 30px 15px !important;
  4117.     color: red !important;
  4118.     outline: 1px solid violet !important;
  4119. }
  4120. pre.linenums.prettyprinted .linenums {
  4121.     background: transparent !important;
  4122.     padding: 8px;
  4123. }
  4124.     pre.linenums.prettyprinted li.L0,
  4125. pre.linenums.prettyprinted li.L1,
  4126.     pre.linenums.prettyprinted li.L2,
  4127. pre.linenums.prettyprinted li.L3,
  4128.     pre.linenums.prettyprinted li.L4,
  4129. pre.linenums.prettyprinted li.L5,
  4130.     pre.linenums.prettyprinted li.L6,
  4131. pre.linenums.prettyprinted li.L7,
  4132.     pre.linenums.prettyprinted li.L8,
  4133. pre.linenums.prettyprinted li.L9 {
  4134.     min-width: 600px !important;
  4135.     max-width: 600px !important;
  4136.     margin-left: -20px!important;
  4137.     background:transparent !important;
  4138. }
  4139.     pre.linenums.prettyprinted li.L0 code,
  4140. pre.linenums.prettyprinted li.L1 code,
  4141.     pre.linenums.prettyprinted li.L2 code,
  4142. pre.linenums.prettyprinted li.L3 code ,
  4143.     pre.linenums.prettyprinted li.L4 code,
  4144. pre.linenums.prettyprinted li.L5 code ,
  4145.     pre.linenums.prettyprinted li.L6 code ,
  4146. pre.linenums.prettyprinted li.L7 code ,
  4147.     pre.linenums.prettyprinted li.L8 code,
  4148. pre.linenums.prettyprinted li.L9 code {
  4149.     min-width: 600px !important;
  4150.     max-width: 600px !important;
  4151.     background: #5c5c5c !important;
  4152.     background:transparent !important;
  4153.     color: white!important;
  4154. }
  4155. .linenums.prettyprinted code .pun{
  4156.     background:transparent !important;
  4157. }
  4158.    
  4159. /* ===
  4160. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  4161. === */
  4162. #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 {
  4163.     display: inline-block !important;
  4164.     min-width: 630px !important;
  4165.     max-width: 630px !important;
  4166.     margin-left: -5px !important;
  4167. }
  4168. /* (new88) */
  4169. .Quote>p>code ,
  4170. .Message pre code ,
  4171. .Message > code  {
  4172.     display: inline-block !important;
  4173.     max-width: 648px !important;
  4174. /* line-height: 13px !important; */
  4175. vertical-align: middle !important;
  4176. /* margin-top: 0px !important; */
  4177. /* margin-bottom: 0px !important; */
  4178.     padding: 1px 2px 1px 4px !important;
  4179. /* letter-spacing: initial; */
  4180.     white-space: pre-line !important;
  4181.     word-wrap: break-word !important;
  4182.     background-color: #5c5c5c !important;
  4183.     color: white !important;
  4184. }
  4185.  
  4186. /*(new70) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
  4187. https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
  4188. === */
  4189. .Discussion .Item-BodyWrap .Item-Body .Message code ,
  4190. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
  4191.     max-width: 600px !important;
  4192. }
  4193.  
  4194.  
  4195. /* === (new77) ===
  4196. https://greasyfork.org/fr/forum/discussion/7111/forum-upgraded-please-report-any-issues#latest
  4197. PB:
  4198. https://greasyfork.org/fr/forum/discussion/10685/how-to-manage-greasemonkey-userscripts-using-git
  4199. ZIP :
  4200. https://greasyfork.org/fr/forum/discussion/12928/resolved-make-dubious-tlds-optional#latest
  4201. === */
  4202. code ,
  4203. .Message>p>code {
  4204. position: relative !important;
  4205.     display: inline-block!important;
  4206.     min-width: 10px !important;
  4207.     max-width: 670px !important;
  4208.     min-height: 15px !important;
  4209.     line-height: 15px !important;
  4210.     top: 0px !important;
  4211.     margin-top: 0px!important;
  4212.     margin-bottom: -2px !important;
  4213.     margin-left: 2px !important;
  4214.     padding: 0px 2px !important;
  4215.     letter-spacing: initial;
  4216.     white-space: pre-line !important;
  4217.     word-wrap: break-word !important;
  4218.     background-color: #5c5c5c!important;
  4219.     color: white!important;
  4220. }
  4221. /* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
  4222. .Message>ul>li>code  {
  4223. position: relative !important;
  4224.     display: inline-block!important;
  4225.     min-width: 10px !important;
  4226.     max-width: 670px !important;
  4227.     height: 13px !important;
  4228.     line-height: 13px !important;
  4229.     top: 0px !important;
  4230.     margin-top:0px!important;
  4231.     margin-bottom: -2px !important;
  4232.     margin-left: 2px !important;
  4233.     padding: 1px 4px !important;
  4234.     letter-spacing: initial;
  4235.     white-space: pre-line !important;
  4236.     word-wrap: break-word !important;
  4237.     background-color: #5c5c5c!important;
  4238.     color: white!important;
  4239. }
  4240. .QuoteText>pre {
  4241.     width: 660px!important;
  4242.     padding: 2px 2px 2px 4px !important;
  4243.     letter-spacing: initial;
  4244.     white-space: pre-line !important;
  4245.     word-wrap: break-word !important;
  4246. }
  4247.  
  4248. /* USERSTYLES PAGE INFO - CODE - === */
  4249. #additional-info-text>code:not(:empty),
  4250. #long-description>code:not(:empty)  {
  4251.     display: inline-block !important;
  4252. /* width: 820px!important; */
  4253.     margin-left: 1px!important;
  4254.     padding: 5px 10px!important;
  4255.     border-radius: 2px!important;
  4256.     letter-spacing: initial;
  4257.     white-space: pre-line !important;
  4258.     word-wrap: break-word !important;
  4259.     background-color: #e9e8e5!important;
  4260.     background-color: #5c5c5c !important;
  4261.     color: white !important;
  4262. }
  4263. #additional-info-text>pre ,
  4264. #additional-info-text>code pre code ,
  4265. #additional-info-text>code pre {
  4266.     display: inline-block !important;
  4267.     width: 850px!important;
  4268.     margin-left: 1px!important;
  4269.     padding: 5px 10px!important;
  4270.     border-radius: 2px!important;
  4271.     letter-spacing: initial;
  4272.     white-space: pre-line !important;
  4273.     word-wrap: break-word !important;
  4274.     background-color: #e9e8e5!important;
  4275.     background-color: #5c5c5c !important;
  4276.     color: white !important;
  4277. }
  4278.  
  4279. /* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
  4280. #long-description>code:not(:empty)  {
  4281.     display: inline-block !important;
  4282.     width: auto !important;
  4283.     max-width: 540px!important;
  4284. }
  4285. /* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
  4286. #additional-info-text > code:not(:empty)  {
  4287.     display: inline-block !important;
  4288.     width: auto !important;
  4289.     max-width: 820px!important;
  4290. }
  4291.  
  4292. /* GREASYFORK - SCRIPT PAGE INFO - CODE -
  4293. TEST LINK
  4294. - (bili_fix_player - CHINESE) :
  4295. https://greasyfork.org/fr/scripts/740-bili-fix-player
  4296. - userstyles.org css highlighter :
  4297. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  4298. === */
  4299. #additional-info>div>blockquote>pre>code  {
  4300.     display: inline-block !important;
  4301.     width: 99%!important;
  4302.     margin-left: -6px!important;
  4303.     padding: 5px 10px!important;
  4304.     border-radius: 2px!important;
  4305.     border: 1px solid gray !important;
  4306.     letter-spacing: initial;
  4307.     white-space: pre-line !important;
  4308.     word-wrap: break-word !important;
  4309.     background-color: #e9e8e5!important;
  4310.     background-color: #5c5c5c !important;
  4311.     color: white !important;
  4312. }
  4313. #additional-info>div>pre>code  {
  4314.     display: inline-block !important;
  4315.     width: 99%!important;
  4316.     margin-left: -6px!important;
  4317.     padding: 5px 10px!important;
  4318.     border-radius: 2px!important;
  4319.     letter-spacing: initial;
  4320.     white-space: pre-line !important;
  4321.     word-wrap: break-word !important;
  4322.     background-color: #e9e8e5!important;
  4323.     background-color: #5c5c5c !important;
  4324.     color: white !important;
  4325. }
  4326.  
  4327. /* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  4328. #main-header + #content-wrapper> #main-article>ul {
  4329.     position: fixed !important;
  4330.     display: inline-block !important;
  4331.     width: 50px !important;
  4332.     height: 18px !important;
  4333.     margin-left: -100px;
  4334.     top: 18px !important;
  4335. padding-left: 15px !important;
  4336. /* padding-right: 5px !important; */
  4337. /* padding-bottom: 10px !important; */
  4338.     border-radius: 3px 3px 0 0 !important;
  4339.     box-shadow: 0 0 4px #999999 !important;
  4340. text-align: left !important;
  4341.     background: #222 !important;
  4342.     overflow: hidden !important;
  4343.     z-index: 500 !important;
  4344. }
  4345. #help-style-settings-edit ~pre ,
  4346. #main-header + #content-wrapper > #main-article > p ~ ul {
  4347.     position: relative !important;
  4348.     display: inline-block !important;
  4349.     width: 700px !important;
  4350.     height: auto!important;
  4351.     margin-left: 200px !important;
  4352.     margin-top: -5px !important;
  4353.     border-radius: 3px !important;
  4354.     border: 1px solid gray !important;
  4355.     background: #222 !important;
  4356.     overflow: visible !important;
  4357.     z-index: 10 !important;
  4358. }
  4359. #main-header + #content-wrapper > #main-article > table + p {
  4360.     position: fixed!important;
  4361.     display: inline-block !important;
  4362.     width: 600px !important;
  4363.     height: auto !important;
  4364.     top: 73px !important;
  4365.     left: 320px !important;
  4366.     opacity: 0 !important;
  4367. }
  4368. #main-header + #content-wrapper > #main-article > table:hover + p {
  4369.     position: fixed!important;
  4370.     display: inline-block !important;
  4371.     width: 600px !important;
  4372.     height: auto!important;
  4373.     top: 73px!important;
  4374.     left: 320px!important;
  4375.     opacity: 1!important;
  4376.     transition: opacity ease 0.7s !important;
  4377. }
  4378. #main-header + #content-wrapper> #main-article>ul:hover {
  4379.     width: 200px !important;
  4380.     height: auto!important;
  4381.     box-shadow: 0 0 4px #999999 !important;
  4382. }
  4383. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  4384.     width: 700px !important;
  4385.     height: auto!important;
  4386. }
  4387. #main-header + #content-wrapper> #main-article>ul:before {
  4388.     width: 200px !important;
  4389.     height: 10px !important;
  4390.     line-height: 10px !important;
  4391.     content: "More..."!important;
  4392. /* padding:  0 !important; */
  4393. }
  4394. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  4395.     content: ""!important;
  4396. }
  4397. /* HELP STYLES - === */
  4398.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  4399.     width: 700px !important;
  4400.     margin-left: 200px !important;
  4401.     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);
  4402.     text-align: center!important;
  4403.     color: peru!important;
  4404. }
  4405.  
  4406.  
  4407. /* TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  4408. body {
  4409.     overflow-x: hidden !important;
  4410.     overflow-y: auto !important;
  4411.     font-family: Verdana,sans-serif!important;
  4412. }
  4413.  
  4414.  
  4415. /* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN -
  4416. IN GREASY FORK DISCUSS:
  4417. https://greasyfork.org/fr/forum/discussion/179/x
  4418. === */
  4419.  
  4420. /* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
  4421. /* .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems , */
  4422. .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4423.     display: inline-block !important;
  4424. float: left !important;
  4425. /*     width: auto !important; */
  4426. width: 15px !important;
  4427. height: 15px !important;
  4428. /* left: 75px ; */
  4429. padding: 0 !important;
  4430.     border: none !important;
  4431.     background-color: transparent !important;
  4432.     box-shadow: none !important;
  4433. /* background: aqua !important; */
  4434. /* outline: 1px solid pink !important; */
  4435. }
  4436. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4437.     left: -5px !important;
  4438.     top: 21px !important;
  4439. }
  4440. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4441. /*     left: 7px; */
  4442. /*     top: 0; */
  4443. }
  4444.  
  4445. .OptionsMenu .Flyout {
  4446.   right: 6px;
  4447.   top: -1px;
  4448. }
  4449.  
  4450. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  4451. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  4452.     border: none !important;
  4453. }
  4454. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  4455. .ToggleFlyout:not(.Open) .EditDiscussion {
  4456.     display: inline-block !important;
  4457.     width: 18px !important;
  4458.     background-color: transparent!important;
  4459.     font-size: 0px!important;
  4460.     visibility: hidden!important;
  4461.     outline: 1px solid peru !important;
  4462. }
  4463. /* (new79) ALL */
  4464. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  4465.     content: " "!important;
  4466.     position: relative!important;
  4467.     display: inline-block !important;
  4468. width: 18px !important;
  4469. height: 15px !important;
  4470. /*     margin-left: 35px !important; */
  4471. /*     left: 24px !important; */
  4472. /*     top: -16px !important; */
  4473.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4474.     background-color: black !important;
  4475.     font-size: 15px !important;
  4476.     visibility: visible !important;
  4477.     outline: 1px solid gray !important;
  4478. }
  4479. /* (new79) */
  4480. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  4481.     content: " "!important;
  4482.     position: relative!important;
  4483.     display: inline-block !important;
  4484.     width: 18px !important;
  4485.     height: 18px !important;
  4486. /*     margin-left: 25px !important; */
  4487. /*     top: 0px !important; */
  4488.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4489.     background-color: black !important;
  4490.     font-size: 15px !important;
  4491.     visibility: visible !important;
  4492.     outline: 1px solid gray !important;
  4493. }
  4494. /* EDIT BUTTON */
  4495. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  4496.     display: inline-block !important;
  4497.     height: 15px !important;
  4498.     line-height: 15 !important;
  4499.     padding: 1px !important;
  4500. }
  4501.  
  4502.  
  4503.  
  4504. /* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
  4505. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  4506.     margin-top: -74px !important;
  4507. }
  4508. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  4509.     padding: 0px 20px !important;
  4510. }
  4511.  
  4512. /* TEST - MARK AS RED / HIDE -
  4513. EDIT :
  4514. https://greasyfork.org/fr/forum/discussions/mineEDIT:
  4515. READ:
  4516. https://greasyfork.org/fr/forum/categories
  4517. DISMISS :
  4518. https://forum.userstyles.org/discussions
  4519. #vanilla_discussions_mine
  4520.  
  4521. === */
  4522.  
  4523.  
  4524.  
  4525.  
  4526. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  4527.     position: relative !important;
  4528.     display: inline-block !important;
  4529.     float: left !important;
  4530. width: 18px !important;
  4531. /* height: 15px !important; */
  4532. padding: 0 !important;
  4533. line-height: 15px !important;
  4534. outline: 1px solid pink !important;
  4535. }
  4536.  
  4537. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
  4538.     background-color: #ACB1B7 !important;
  4539.     color: white !important;
  4540.     text-decoration: none;
  4541. }
  4542.  
  4543. /* (new79) EDIT COMMENT - === */
  4544. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  4545. /*     float: left !important; */
  4546.     font-size: 15px !important;
  4547.     visibility: hidden !important;
  4548.     outline: 1px solid gray !important;
  4549. }
  4550.  
  4551. /* (new79) */
  4552. #vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4553. #vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4554. #vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
  4555. /* outline: 1px solid violet !important; */
  4556. }
  4557.  
  4558.  
  4559.  
  4560. /* COMMENT DISCUSS  */
  4561. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  4562. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  4563. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  4564.     visibility: hidden!important;
  4565. }
  4566. /* COMMENT DISCUSS ALT (BLACK) */
  4567. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  4568. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  4569.     visibility: hidden !important;
  4570. }
  4571. /* LIST BOOKMARKED */
  4572. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  4573. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  4574.     visibility: hidden !important;
  4575. }
  4576. /* LIST BOOKMARKED ALT (BLACK) */
  4577. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  4578. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  4579.     outline: 1px solid red!important;
  4580.     visibility: hidden !important;
  4581. }
  4582. .DismissAnnouncement.Hijack {
  4583.     margin-right: 19px !important;
  4584.     margin-top: -31px !important;
  4585.     color: peru !important;
  4586. }
  4587. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  4588.     margin-right: 19px !important;
  4589.     margin-top: 0px !important;
  4590.     color: peru !important;
  4591. }
  4592.  
  4593. /* (new79) TEST - USERSTYLES - EDIT COMMENT */
  4594. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
  4595. /* float: left !important; */
  4596. /*     margin-top: -12px !important; */
  4597. /* left: 60px !important; */
  4598.     font-size: 15px !important;
  4599.     visibility: visible !important;
  4600.     visibility: hidden !important;
  4601. z-index: 10000 !important;
  4602. }
  4603. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
  4604. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  4605.     content: " "!important;
  4606.     position: relative !important;
  4607.     display: inline-block !important;
  4608.     float: left !important;
  4609. width: 18px !important;
  4610. height: 15px !important;
  4611. left: 30px ;
  4612. /* margin-left: 57px!important; */
  4613. /* margin-top: 34px !important; */
  4614. /* top: 4px !important; */
  4615.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4616.     background-color: black !important;
  4617.     font-size: 15px !important;
  4618.     visibility: visible !important;
  4619. /* outline: 1px solid red !important; */
  4620.     outline: 1px solid gray !important;
  4621. z-index: 10000 !important;
  4622. }
  4623.  
  4624. /* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS :
  4625. == GREASYFORK ==
  4626. .Discussion.comment.Section-Discussion #Frame #Body #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout.OptionsMenu:not(.Open)
  4627. https://greasyfork.org/fr/forum/discussion/179/x
  4628. === */
  4629. /* GREASYFORK */
  4630. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  4631.     outline: 1px solid peru!important;
  4632.     visibility: hidden !important;
  4633. }
  4634.  
  4635. /* (new79) EDIT - USERSTYLES */
  4636. .ToggleFlyout.OptionsMenu {
  4637. /*     left: -19px; */
  4638. /*     top: -27px; */
  4639. }
  4640.  
  4641. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
  4642. /*     margin-left: -70px !important; */
  4643. /*     top: -13px !important; */
  4644. }
  4645. /* (new79) EDIT - GREASYFORK */
  4646. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before{
  4647. /*     margin-left: 20px !important; */
  4648. /*     top: -23px !important; */
  4649. }
  4650.  
  4651. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style -
  4652. https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
  4653. === */
  4654. .Attachment .FilePreview .Thumb-Default img ,
  4655. .Attachment .FileHover .Thumb-Default img {
  4656.     display: inline-block !important;
  4657.     max-height: 25px !important;
  4658.     min-height: 25px !important;
  4659.     height: 100% !important;
  4660.     width: 20px !important;
  4661. }
  4662.  
  4663. /* START PAGE - === */
  4664. #main-article>p  {
  4665.     position: relative !important;
  4666.     display: inline-block !important;
  4667.     width: 870px! important;
  4668.     margin: 10px auto ! important;
  4669.     left: 70px ! important;
  4670. }
  4671. #front-page-best {
  4672.     display: inline-block ! important;
  4673.     margin-left: 200px ! important;
  4674. }
  4675. #front-page-newest {
  4676.     display: inline-block !important;
  4677.     margin-left: 200px !important;
  4678. }
  4679. #front-page-best h2 ,
  4680. #front-page-newest  h2 {
  4681.     display: inline-block ! important;
  4682.     width: 300px !important;
  4683.     margin-left: 15px !important;
  4684.     padding-left: 29px !important;
  4685.     border-radius: 5px !important;
  4686.     box-shadow: 0 0 4px #999999 !important;
  4687.     background-color: #222222 !important;
  4688. }
  4689. #front-page-best ul li  ,
  4690. #front-page-newest ul li  {
  4691.     width: 700px ! important;
  4692.     padding: 2px 5px ! important;
  4693. }
  4694. #front-page-best ul li:nth-child(even) ,
  4695. #front-page-newest ul li:nth-child(even) {
  4696.     background: black! important;
  4697. }
  4698. #front-page-best ul li:nth-child(odd) ,
  4699. #front-page-newest ul li:nth-child(odd) {
  4700.     background: #222222 ! important;
  4701. }
  4702. #front-page-newest ul li:not(.additional-link):after ,
  4703. #front-page-best ul li:not(.additional-link):after {
  4704.     content: "tot   :   " attr(total-install-count) ;
  4705.     display: inline-block ;
  4706.     float: left ;
  4707.     width: 250px ;
  4708.     margin-right: -100px ;
  4709.     text-align: left ;
  4710.     color: gold ;
  4711. }
  4712. #front-page-best ul li:not(.additional-link):before {
  4713.     content: "week   :   " attr(weekly-install-count) ;;
  4714.     display: inline-block ;
  4715.     float: right ;
  4716.     width: 120px ;
  4717.     margin-left: 10px ;
  4718.     text-align: left ;
  4719.     color: gold;;
  4720. }
  4721.  
  4722. /* for GM "ENHANCER" / "TABLE VIEW" - === */
  4723. table#summary + #table-container > table#style-table  {
  4724.     border-collapse: collapse;
  4725.     margin-bottom: 0;
  4726.     margin-left: 0;
  4727.     margin-right: 0;
  4728. }
  4729. table#summary + #table-container > table#style-table > tr:first-of-type {
  4730.     position: fixed !important;
  4731.     height: 100% !important;
  4732.     max-width: 65.5% !important;
  4733.     min-width: 65.5% !important;
  4734.     width: 100% !important;
  4735.     margin-top: -45px !important;
  4736.     min-height: 50px !important;
  4737.     border-bottom: 4px solid #D2B48C !important;
  4738.     border-top: 4px solid #D2B48C !important;
  4739.     z-index: 200 !important;
  4740. }
  4741. /* TABLE VIEW - FIXED HEADER CELLS */
  4742. table#summary + #table-container > table#style-table th {
  4743.     height: 100%!important;
  4744.     min-height: 35px!important;
  4745.     max-height: 35px!important;
  4746.     text-shadow: 1px 1px 2px #000000;
  4747. }
  4748. /* A VOIR - for GM "ENHANCER" */
  4749. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  4750.     height: 30px !important;
  4751.     line-height: 3px !important;
  4752.     text-shadow: 1px 1px 2px #000000;
  4753. }
  4754. /* PAGINATION - HIGHLIGHT - === */
  4755. .NumberedPager a.Highlight ,
  4756. #PagerBefore.Pager a.Highlight{
  4757.     background: none repeat scroll 0 0 yellow !important;
  4758.     color: red !important;
  4759. }
  4760.  
  4761.  
  4762.  
  4763. /* USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
  4764. #main-article #hidden-meta {
  4765.     position: fixed !important;
  4766.     width: 190px!important;
  4767.     top: 460px !important;  
  4768.     left: -15px !important;
  4769.     padding: 2px !important;
  4770.     text-shadow: 1px 1px 2px #000000 !important;
  4771. }
  4772. /* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  4773. /* body .Pager .Highlight , */
  4774. .Pager a,
  4775. .Pager span {
  4776.     position: relative !important;
  4777.     display: inline-block;
  4778.     margin: 0 3px;
  4779.     min-width: 17px!important;
  4780.     height: 14px !important;
  4781.     line-height: 13px !important;
  4782.     padding: 0 !important;
  4783.     text-align: center!important;
  4784.     vertical-align: middle !important;
  4785.     border-radius: 3px !important;
  4786.     box-shadow: 3px 3px 2px black !important;
  4787.     background: #222 !important;
  4788. }
  4789. .NumberedPager a.Next,
  4790. .NumberedPager span.Next,
  4791. .NumberedPager a.Previous,
  4792. .NumberedPager span.Previous {
  4793.     position: relative !important;
  4794.     display: inline-block !important;
  4795.     height: 14px !important;
  4796.     line-height: 11px !important;
  4797.     font-size: 23px !important;
  4798.     border-radius: 3px !important;
  4799.     box-shadow: 3px 3px 2px black !important;
  4800.     background: #222 !important;
  4801.     vertical-align: middle !important;
  4802. }
  4803. .NumberedPager .Next:hover,
  4804. .NumberedPager .Previous:hover {
  4805.     position: relative !important;
  4806.     display: inline-block !important;
  4807.     height: 14px !important;
  4808.     line-height: 11px !important;
  4809.     border-radius: 3px !important;
  4810.     top: 5px!important;
  4811.     left: 0px !important;
  4812.     margin-left: 3px !important;
  4813.     right: 0px !important;
  4814.     font-size: 26px !important;
  4815.     vertical-align: middle !important;
  4816. }
  4817. #PagerAfter>a:hover,
  4818. #PagerBefore>a:hover,
  4819. body .Pager .Highlight:hover,
  4820. .PageControls .Pager a:hover  {
  4821.     display: inline-block !important;
  4822. /* font-size: 18px !important; */
  4823.     color: tomato !important;
  4824. }
  4825.  
  4826. #PagerBefore> .Next:hover,
  4827. .NumberedPager a.Next:hover,
  4828. .NumberedPager span.Next:hover {
  4829. position: relative !important;
  4830.     display: inline-block !important;
  4831.     height: 20px !important;
  4832.     line-height: 17px!important;
  4833.     margin-top: -10px !important;
  4834.     font-size: 23px !important;
  4835.     vertical-align: middle !important;
  4836.     color: tomato !important;
  4837. }
  4838.  
  4839. #PagerAfter> .Previous:hover,
  4840. #PagerBefore> .Previous:hover,
  4841. .NumberedPager a.Previous:hover,
  4842. .NumberedPager span.Previous:hover {
  4843. position: relative !important;
  4844.     display: inline-block !important;
  4845.     height: 20px !important;
  4846.     line-height: 17px!important;
  4847.     margin-top: -10px !important;
  4848.     font-size: 23px !important;
  4849.     vertical-align: middle !important;
  4850.     color: tomato !important;
  4851. }
  4852. /* (new63) */
  4853. .p-100.LastPage:hover {
  4854. position: relative !important;
  4855.     display: inline-block !important;
  4856.     height: 20px !important;
  4857.     line-height: 17px!important;
  4858.     font-size: 16px !important;
  4859.     vertical-align: middle !important;
  4860.     color: tomato !important;
  4861. }
  4862. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  4863. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  4864. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  4865.     position: relative !important;
  4866.     display: inline-block !important;
  4867.     vertical-align: middle !important;
  4868.     line-height: 20px !important;
  4869.     height: 20px!important;
  4870.     padding: 2px!important;
  4871.     top: -10px!important;
  4872.     font-size: 15px !important;
  4873.     color: peru !important;
  4874. }
  4875. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  4876.     display: inline-block !important;
  4877.     left: -11px!important;
  4878.     font-size: 20px !important;
  4879.     transition: all ease 0.5s !important;
  4880.     color: tomato !important;
  4881. }
  4882. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  4883.     display: inline-block !important;
  4884.     margin-right: -9px!important;
  4885.     margin-left: 2px!important;
  4886.     font-size: 20px !important;
  4887.     transition: all ease  0.5s  !important;
  4888.     color: tomato !important;
  4889. }
  4890. /* ==== TEST - USERSTYLES LIGHTBOX - === */
  4891. /* LIGHTBOX - STOP LINKIFYPLS to DOUBLE IMG SCREENSHOT - === */
  4892. .lb-caption .linkifyplus>img {
  4893.     display: none !important;
  4894. }
  4895.  
  4896. /* USERSTYLES LIGHTBOX - CONTAINER IMAGE */
  4897. .lightbox {
  4898.     position: absolute;
  4899.     width: 100% !important;
  4900.     line-height: 0;
  4901.     left: 0 !important;
  4902.     top: 93.9px !important;
  4903.     text-align: center;
  4904.     z-index: 10000;
  4905. }
  4906. .lb-outerContainer {
  4907.     width: 92% !important;
  4908.     height: 100% !important;
  4909.     height: 90px!important;
  4910.     margin: 0 auto !important;
  4911.     top: -50px!important;
  4912.     border-radius: 4px;
  4913.     background-color: white;
  4914.     background-color: rgb(62, 62, 62) !important;
  4915.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
  4916.     border: 1px solid rgb(0, 0, 0) !important;
  4917.     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;
  4918.     color: rgb(170, 170, 170) !important;
  4919.     font-weight: bold !important;
  4920.     outline: 0 none !important;
  4921.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  4922. }
  4923. .lb-container {
  4924.     position: absolute !important;
  4925.     height: auto !important;
  4926.     width: 100% !important;
  4927.     margin: 0 auto !important;
  4928.     padding-top: 95px !important;
  4929. }
  4930. .lb-dataContainer {
  4931.     position: relative!important;
  4932.     display: inline-block!important;
  4933.     width: 85%!important;
  4934.     top: -120px!important;
  4935.     text-align: center !important;
  4936. }
  4937. .lb-data {
  4938.     color: #bbb;
  4939.     padding: 0px !important;
  4940.     margin-top: -20px!important;
  4941.     text-align: center !important;
  4942. }
  4943. .lb-data .lb-details {
  4944.     width: 100%!important;
  4945.     float: left;
  4946.     line-height: 15px !important;
  4947.     text-align: center !important;
  4948. }
  4949. .lb-data .lb-number {
  4950.     display: inline-block !important;
  4951.     width: 97%!important;
  4952.     clear: left;
  4953.     margin-top: 28px!important;
  4954.     color: peru !important;
  4955.     font-size: 29px !important;
  4956. }
  4957. .lb-data .lb-caption {
  4958.     position: relative !important;
  4959.     display: inline-block!important;
  4960.     width: 100%!important;
  4961.     height: 20px !important;
  4962.     line-height: 15px!important;
  4963.     font-size: 13px !important;
  4964.     font-weight: bold;
  4965. }
  4966. .lb-closeContainer {
  4967.     position: relative !important;
  4968.     margin-bottom: -2px!important;
  4969.     top: -45px!important;
  4970.     z-index: 10 !important;
  4971. }
  4972. .lb-nav {
  4973.     position: absolute;
  4974.     width: 99.5%!important;
  4975.     height: 100%;
  4976.     height: 47px !important;
  4977.     left: 0;
  4978.     top: 42px !important;
  4979. }
  4980. .lb-prev:not([style="display: none;"]) ,
  4981. .lb-next:not([style="display: none;"])  {
  4982.     display: inline-block !important;
  4983.     width: 50%!important;
  4984.     height: 42px !important;
  4985.     cursor: pointer;
  4986.     transition: opacity ease 1.2s !important;
  4987. }
  4988. .lb-prev:not([style="display: none;"])  {
  4989.     float: left;
  4990.     opacity: 0.2 !important;
  4991. }
  4992. .lb-prev:not([style="display: none;"]):hover {
  4993.     opacity: 1 !important;
  4994. }
  4995.  
  4996. /* (new60) PREV ICON - PB IMAGE BACKGROUND - leoncastro - OK  */
  4997. .lb-prev:not([style="display: none;"]) {
  4998.     background: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png") no-repeat scroll 80% 45% transparent !important;
  4999. color: transparent !important;
  5000. }
  5001. .lb-next:not([style="display: none;"])  {
  5002.     float: right;
  5003.     opacity: 0.2 !important;
  5004. }
  5005. .lb-next:not([style="display: none;"]):hover {
  5006.     opacity: 1 !important;
  5007. }
  5008.  
  5009. /* (new60) NEXT ICON - PB IMAGE BACKGROUND - leoncastro - OK */
  5010. .lb-next:not([style="display: none;"])  {
  5011.     background: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png") no-repeat scroll 20% 48% transparent !important;
  5012. color: transparent !important;
  5013. }
  5014.  
  5015.  
  5016. /* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)-
  5017. TEST - MAX HEIGHT for PREVIEW :
  5018. OK :
  5019. https://greasyfork.org/fr/scripts/4685-ts-pixiv
  5020. https://greasyfork.org/fr/scripts/4407-ts-linx-amender
  5021. A voir :
  5022. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  5023. === */
  5024. /* #additional-info .script-author-description  img + br ~ br , */
  5025. #additional-info .script-author-description>p  img ~ br {
  5026.     display : none !important;
  5027. }
  5028. #additional-info img ,
  5029. .lightbox .lb-image {
  5030.     position: relative  !important;
  5031.     display: inline-block !important;
  5032.     height: auto !important;
  5033.     max-width: 80% !important;
  5034.     margin: 0 auto !important;
  5035.     border-radius: 3px;
  5036. }
  5037. #additional-info img {
  5038.     border: 1px solid orange !important;
  5039.     box-shadow: 5px 5px 2px #888888 !important;
  5040.     color: yellow!important;
  5041.     max-width: 98%!important;
  5042.     max-height: 245px !important;
  5043.     padding: 2px !important;
  5044.     box-shadow: 5px 5px 2px #181818 !important;
  5045.     background-color: #2b2b2b !important;
  5046. }
  5047. #additional-info .fancybox img {
  5048.     border: 1px solid orange !important;
  5049.     box-shadow: none !important;
  5050.     color: yellow!important;
  5051.     max-height: 100px !important;
  5052. }
  5053.  
  5054. /* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  5055. #main-article {
  5056.     margin-left: 215px !important;
  5057. }
  5058.  
  5059. /* USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
  5060. form[action="/styles/create"] input[name="commit"] ,
  5061. #main-article   form[action="/styles/update"] input[name="commit"] {
  5062.     position: fixed !important;
  5063.     width: 81px !important;
  5064.     height: 54px !important;
  5065.     left: 200px !important;
  5066.     top: 490px !important;
  5067. }
  5068.  
  5069.  
  5070.  
  5071. /* USERSTYLES - ACCOUNT- INSTAL WEEK - === */
  5072. .numeric-value {
  5073.     color: gold !important;
  5074. }
  5075. .numeric-value + .numeric-value {
  5076.     color: tan !important;
  5077. }
  5078.  
  5079. /* (new60) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
  5080. footer {
  5081.     position: fixed !important;
  5082.     display: inline-block !important;
  5083.     width: auto !important;
  5084.     top: 00px !important;
  5085.     left: 10px ! important;
  5086. padding: 0 5px 5px 20px !important;
  5087.     z-index: 5000 ! important;
  5088.     visibility: hidden !important;
  5089. background: red !important;
  5090. }
  5091. footer:hover {
  5092.     position: fixed !important;
  5093.     display: inline-block !important;
  5094.     width: auto !important;
  5095.     top: 00px !important;
  5096.     left: 10px ! important;
  5097. padding: 0 5px 5px 20px !important;
  5098.     z-index: 5000 ! important;
  5099.     visibility: visible !important;
  5100. background: black !important;
  5101. }
  5102. footer:before {
  5103. content: "🔻" !important;
  5104.     position: fixed !important;
  5105.     display: inline-block !important;
  5106.     width: auto !important;
  5107.     top: 10px !important;
  5108.     left: 5px ! important;
  5109. padding: 0px  !important;
  5110.     z-index: 5000 ! important;
  5111.     visibility: visible !important;
  5112. background: gold !important;
  5113. }
  5114. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  5115.  
  5116. /* USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
  5117. #left-sidebar > nav {
  5118.     position: fixed !important;
  5119.     width: 197px !important;
  5120.     left: 7px !important;
  5121.     top: 70px !important;
  5122.     box-shadow: 0 0 4px #999999 !important;
  5123.     background-color: #222222 !important;
  5124.     z-index: 1000 !important;
  5125. }
  5126. #left-sidebar nav ul li a {
  5127.     margin-left: 12px !important;
  5128. }
  5129. #left-sidebar>nav>ul>li>a{
  5130.     font-family: Verdana,sans-serif;
  5131.     font-size: small !important;
  5132. }
  5133.  
  5134. /* USERSTYLES - MENUS POPUP - ONE MENU === */
  5135. #left-sidebar a {
  5136.     display: inline-block !important;
  5137. }
  5138. #left-sidebar>nav>ul>li:nth-child(3) {
  5139.     position: fixed !important;
  5140.     display: inline-block !important;
  5141.     visibility: visible !important;
  5142.     min-width: 95px !important;
  5143.     max-width: 95px !important;
  5144.     top: 31px !important;
  5145.     left: 25px !important;
  5146.     padding: 1px 5px  ! important;
  5147.     border-radius: 3px 3px 0 0 !important;
  5148.     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%);
  5149.     list-style: none !important;
  5150.     cursor: pointer !important;
  5151.     z-index: 200 !important;
  5152. }
  5153.  
  5154. /* (new75) USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
  5155. #left-sidebar>nav {
  5156.     width: 200px;
  5157.     height: 0px !important;
  5158.     margin-bottom: -28px !important;
  5159.     padding-left: 5px;
  5160.     visibility: hidden;
  5161. }
  5162. #left-sidebar>nav>ul:hover {
  5163.     position: absolute !important;
  5164.     display: block !important;
  5165.     width: 95px !important;
  5166.     height: auto !important;
  5167.     top : -20px !important;
  5168.     left: 13px !important;
  5169.     padding: 20px 5px 5px 5px !important;
  5170.     border-radius: 0 0 3px 3px !important;
  5171.     box-shadow: 0 0 4px #999999 !important;
  5172.     background-color: #222222 !important;
  5173.     list-style: none !important;
  5174.     transition: height 1.5s ease 1s!important;
  5175.     visibility: visible !important;
  5176.     z-index: 800 !important;
  5177. }
  5178. #left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
  5179.     position: relative!important;
  5180.     width: 90px !important;
  5181.     top: -13px!important;
  5182.     margin-bottom: 10px!important;
  5183. }
  5184. /* USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
  5185. #left-sidebar>nav>ul>li {
  5186.     width: 200px ! important;
  5187.     border-radius: 5px !important;
  5188.     box-shadow: 0 0 4px #999999 !important;
  5189.     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%);
  5190. }
  5191. /* USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
  5192. #left-sidebar>nav>ul>li:hover {
  5193.     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%);
  5194. }
  5195.  
  5196. /* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  5197. #style-author-info {
  5198.     position: fixed !important;
  5199.     width: 205px ! important;
  5200.     height: 100% ! important;
  5201.     min-height: 292px ! important;
  5202.     max-height: 792px ! important;
  5203.     left: 5px !important;
  5204.     top: 80px !important;
  5205.     padding-left: 5px !important;
  5206.     padding-bottom: 3px !important;
  5207.     border-radius: 5px !important;
  5208.     box-shadow: 3px 3px 2px black !important;
  5209.     background: #222222 !important;
  5210. }
  5211. #style-install-info {
  5212.     position: fixed !important;
  5213.     width: 195px ! important;
  5214.     left: 23px !important;
  5215.     top: 320px !important;
  5216.     padding-left: 5px !important;
  5217.     padding-bottom: 3px !important;
  5218.     border-radius: 5px !important;
  5219.     background: #222222 !important;
  5220.     z-index: 700 !important;
  5221. }
  5222.  
  5223. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  5224. #style-install-info>tbody>tr:nth-child(2n+1) ,
  5225. #style-author-info>tbody>tr:nth-child(2n+1) {
  5226.     background: #262626 !important;
  5227.  }
  5228.  
  5229. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  5230. #style-install-info>tbody>tr ,
  5231. #style-author-info>tbody>tr {
  5232.     color: gold !important;
  5233. }
  5234. /*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  5235. #style-install-info>tbody>tr th+td ,
  5236. #style-author-info>tbody>tr th+td {
  5237.     position: relative ! important;
  5238.     display: inline-block ! important;
  5239.     width: 95% ! important;
  5240.     bottom: 3px ! important;
  5241.     left: 3px ! important;
  5242.     border-radius: 5px ! important;
  5243.     border : #434141 solid 1px !important;
  5244.     box-shadow: 3px 3px 2px black !important;
  5245.     color: #6999A6 !important;
  5246.     text-align: center ! important;
  5247.     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%);
  5248. }
  5249.  
  5250. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  5251. #style-install-info>tbody>tr ,
  5252. #style-author-info>tbody>tr {
  5253.     display: block !important;
  5254.     position: relative !important;
  5255.     width: 190px !important;
  5256.     font-size: 11px !important;
  5257. }
  5258. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  5259. #style-author-info>tbody>tr:first-child {
  5260.     position: relative !important;
  5261.     display: inline-block !important;
  5262.     margin-top: 5px ! important;
  5263.     margin-left: 0px ! important;
  5264.     width: 190px !important;
  5265.     height: 89px ! important;
  5266.     border-radius: 5px ! important;
  5267.     border: 1px gray solid ! important;
  5268. }
  5269.  
  5270. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  5271. #style-author-info>tbody>tr:nth-child(1)>th {
  5272.     display: inline-block !important;
  5273.     position: relative !important;
  5274.     width: 184px !important;
  5275.     margin-top: 1px ! important;
  5276.     padding: 0 5px 2px 0 !important;
  5277.     border-radius: 5px 5px 0 0  ! important;
  5278.     color: transparent !important;
  5279.     font-size: 0px !important;
  5280.     text-align: center ! important;
  5281.     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%);
  5282. }
  5283. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  5284. #style-author-info>tbody>tr:nth-child(1)>th:before {
  5285.     position: relative ;
  5286.     display: inline-block ;
  5287.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5288.     transform:scale(0.9,0.7) ;
  5289. }
  5290.  
  5291. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5292. #style-author-info>tbody>tr:nth-child(1)>td a {
  5293.     position: absolute ! important;
  5294.     display: block !important;
  5295.     position: relative !important;
  5296.     max-width: 182px !important;
  5297.     height: 51px ! important;
  5298.     left: -2px ! important;
  5299.     padding: 0 2px !important;
  5300.     font-size: 19px !important;
  5301.     font-weight: bold ! important;
  5302.     text-align: center ! important;
  5303.     color: SlateGray !important;
  5304.     border-radius: 0 0 5px 5px ! important;
  5305.     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%);
  5306.     border :none !important;
  5307.     white-space: pre-wrap ! important;
  5308.     word-break: break-all ! important;
  5309.     -moz-hyphens: auto ! important;
  5310. }
  5311.  
  5312. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5313. #style-author-info>tbody>tr:first-of-type th+td {
  5314.     position: relative ! important;
  5315.     display: inline-block ! important;
  5316.     width: 100% ! important;
  5317.     bottom: -1px ! important;
  5318.     left: 3px ! important;
  5319.     text-align: center ! important;
  5320.     border :none !important;
  5321.     background: transparent ! important;
  5322. }
  5323.  
  5324. /* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  5325. #content-wrapper #main-article #left-info {
  5326.     position: absolute ! important;
  5327.     display: inline-block ! important;
  5328.     vertical-align: top ! important;
  5329.     top: 5px !important;
  5330.     margin-left: 2% !important;
  5331. }
  5332.  
  5333. /* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  5334. #screenshots {
  5335.     position: absolute ;
  5336.     display: inline-block ;
  5337.     float: none ;
  5338.     clear: both ;
  5339.     height: 395px ;
  5340.     width: 360px ;
  5341.     top: 0px ;
  5342.     border: 1px solid #434141 !important;
  5343.     box-shadow: 3px 3px 2px black ;
  5344.     background-color: #222222 ;
  5345.     z-index: 10 ;
  5346. }
  5347. .screenshot-thumbnail {
  5348.     border: 1px solid #434141 !important;
  5349.     box-shadow: 3px 3px 2px black ;
  5350. }
  5351. #more-screenshots {
  5352.     font-size: 0 !important;
  5353. }
  5354. #more-screenshots span {
  5355.     position: absolute !important;
  5356.     display: inline-block !important;
  5357.     padding: 2px 5px !important;
  5358.     border-radius: 5px !important;
  5359.     background: black !important;
  5360.     font-size: 15px !important;
  5361. }
  5362. #screenshots #more-screenshots a  {
  5363.     position: relative !important;
  5364.     display: inline-block !important;
  5365.     width: 98% !important;
  5366.     bottom: -20px !important;
  5367.     font-size: small !important;
  5368. }
  5369. #screenshots #more-screenshots a:before  {
  5370.     content: "\25BA" ;
  5371.     color: gold ;
  5372. }
  5373. /* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  5374. #style-info {
  5375.     position: absolute ! important;
  5376.     width: 78.5% !important;
  5377.     margin-top : 1px !important;
  5378.     left: 249px !important;
  5379.     word-wrap: break-word ! important;
  5380. }
  5381. #main-style-info {
  5382.     width: 60% !important;
  5383.     margin-bottom: 1em;
  5384.     margin-left: 380px !important;
  5385.     padding-left: 1em;
  5386. }
  5387.  
  5388. /* (new79) USERSTYLES - STY INFOS - LG DESC - TXT -
  5389. <a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
  5390. === */
  5391. #long-description {
  5392.     position: relative !important;
  5393.     display: inline-block !important;
  5394.     width: 565px ! important;
  5395.     height: 395px !important;
  5396.     min-height: 100px ! important;
  5397.     top: 4px !important;
  5398.     margin-top: 0px !important;
  5399.     left: 10px ! important;
  5400.     padding: 5px 5px 2px 10px !important;
  5401.     border-radius: 5px !important;
  5402.     box-shadow: 0 0 4px #999999 !important;
  5403.     border: 1px solid red !important;
  5404.     box-shadow: 3px 3px 2px black !important;
  5405.     overflow: hidden ! important;
  5406.     overflow-y: auto ! important;
  5407. }
  5408. /* (new60) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
  5409. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  5410. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  5411. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  5412. === SITE CHANGE :
  5413. "#style-options" to "#style-settings"
  5414. === */
  5415. #style-settings {
  5416.     position: absolute !important;
  5417.     display: inline-block !important;
  5418.     width: 49px ! important;
  5419.     height: 27px !important;
  5420.     top: -44px !important;
  5421.     margin-left: 620px !important;
  5422.     left: 40px ! important;
  5423.     border: 1px solid gray !important;
  5424.     border-radius: 5px !important;
  5425.     background: gray !important;
  5426.     overflow: hidden !important;
  5427.     overflow-y: hidden !important;
  5428.     z-index: 500 !important;
  5429. }
  5430. #style-settings:hover {
  5431.     position: absolute !important;
  5432.     display: inline-block !important;
  5433.     width: 535px ! important;
  5434.     min-height: 427px !important;
  5435.     top: -37px !important;
  5436.     margin-left: 769px !important;
  5437.     left: -385px ! important;
  5438.     border: 1px solid gray !important;
  5439.     border-radius: 5px !important;
  5440.     background: black !important;
  5441.     overflow: hidden !important;
  5442.     overflow-y: auto !important;
  5443.     z-index: 500!important;
  5444.     transition: all ease 0.6s !important;
  5445. }
  5446. #style-settings li:first-of-type {
  5447.     margin-top: 35px !important;
  5448. }
  5449.  
  5450. #style-settings:before {
  5451.     content: "Options \01F53B " ;
  5452.     position: absolute ;
  5453.     display: inline-block ;
  5454.     height: 13px ;
  5455.     line-height: 13px ;
  5456.     top: 1px ;
  5457.     left: 2px ;
  5458.     padding: 5px ;
  5459.     border-radius: 5px ;
  5460.     border: 1px solid gray ;
  5461.     color: gold ;
  5462.     background: #222222 ;
  5463.     z-index: 500 !important;
  5464. }
  5465.  
  5466. /* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  5467. #style-info #control-panel {
  5468.     position: fixed ! important;
  5469.     display: inline-block ! important;
  5470.     height: 17px !important;
  5471.     line-height: 17px !important;
  5472.     width: 566px;
  5473.     margin-bottom: 1em;
  5474.     left: 637px!important;
  5475.     top: 25px ! important;
  5476.     padding: 1px 6px !important;
  5477.     border: 1px solid gray !important;
  5478.     border-radius: 3px 3px 0 0 !important;
  5479.     background: #222 !important;
  5480. z-index: 600!important;
  5481. }
  5482.  
  5483. #style-install-info > tbody > tr:last-of-type ,
  5484. #style-info #control-panel>a:nth-child(1),
  5485. #style-info #control-panel>a:nth-child(2),
  5486. #style-info #control-panel> a:nth-child(3){
  5487.     display: inline-block!important;
  5488.     height: 14px !important;
  5489.     line-height: 14px !important;
  5490. margin-top: -4px ! important;
  5491. top: 30px !important;
  5492.     background-color: #222222 !important;
  5493.     border-radius: 3px !important;
  5494.     box-shadow: 3px 3px 2px black !important;
  5495.     padding: 1px 5px !important;
  5496. }
  5497.  
  5498. /* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  5499. #long-description>p>a{
  5500.     color: #E0B81F !important;
  5501.     margin-right: 5px !important;
  5502. }
  5503. /* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  5504. #stylish-installed-style-needs-update ,
  5505. #stylish-installed-style-not-installed {
  5506.     position: fixed !important;
  5507.     width: 190px !important;
  5508.     height: 16px !important;
  5509.     line-height: 13px !important;
  5510.     left: 1025px !important;
  5511.     margin-bottom: 1px;
  5512.     top: 16px !important;
  5513.     padding: 0 4px 2px !important;
  5514.     border-radius: 5px !important;
  5515.     font-size: larger;
  5516.     color: white;
  5517.     vertical-align: middle;
  5518.     z-index: 700!important;
  5519. }
  5520.  
  5521. /* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
  5522. #stylish-installed-style-installed  {
  5523.     position: fixed !important;
  5524.     width: 230px !important;
  5525.     height: 18px !important;
  5526.     line-height: 17px !important;
  5527.     top: 11px !important;
  5528.     left: 930px !important;
  5529.     margin-bottom: 1px;
  5530.     padding: 0 4px 2px !important;
  5531.     border-radius: 5px !important;
  5532.     font-size: larger;
  5533.     color: white;
  5534.     vertical-align: middle;
  5535.     z-index: 650 !important;
  5536. }
  5537. #switch-browser-note {
  5538.     position: absolute !important;
  5539.     display: inline-block;
  5540.     width: 180px !important;
  5541.     top: 32px !important;
  5542.     left: 575px !important;
  5543.     margin-bottom: 1px;
  5544.     margin-top: 13px !important;
  5545.     padding: 0 4px 2px !important;
  5546.     vertical-align: middle;
  5547.     border-radius: 5px !important;
  5548.     color: white;
  5549. }
  5550.  
  5551. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  -
  5552. == hideheader : Wrong Install /Update button on my styles page...
  5553. https://forum.userstyles.org/discussion/44498/wrong-install-update-button-on-my-styles-page#latest
  5554. == */
  5555. #style-install-mozilla-no-stylish {
  5556.     display: none !important;
  5557. }
  5558.  
  5559. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  5560. .install-status:not(.install) {
  5561.     display: none;
  5562. }
  5563.  
  5564. /* USERSTYLES -  INSTALL NOTE - === */
  5565. .install-status:not(.install) {
  5566.     position: absolute !important;
  5567.     display: inline-block;
  5568.     max-width: 450px;
  5569.     margin-bottom: 1px;
  5570.     margin-top: 15px;
  5571.     right: 0 !important;
  5572.     top: 0!important;
  5573.     padding: 8px 16px 12px;
  5574.     border-radius: 5px;
  5575.     font-size: larger;
  5576.     color: white;
  5577.     vertical-align: middle;
  5578. }
  5579.  
  5580.  
  5581.  
  5582. /* ==== (new77) USERSTYLES - STY INFOS - SHOW CODE -
  5583. SYTLE INFOS PAGE :
  5584. <a href="http://userstyles.org/styles/56792/userstyles-tableview-enhancer-dark-grey-7-9-beta">Userstyles TableView+Enhancer - Dark-Grey 7.9 beta</a>
  5585. PAGE CODE :
  5586. <a href="http://forum.userstyles.org/uploads/FileUpload/9c/20298544f120ef30f482e9c94b44a5.txt">Youtube Black &amp; Red (-CyberationMicro-) V.12.1.5</a>
  5587. ==== */
  5588.  
  5589. /* (new77) USERSTYLES -  CHROME PB - STY INFOS - SHOW CODE - BUTT -
  5590. #style-install-info>tbody>tr:last-of-type #show-button
  5591. === */
  5592. #style-install-info>tbody>tr:last-of-type {
  5593.     position: fixed !important;
  5594.     width: 76px !important;
  5595.     margin-top: 1px !important;
  5596.     left: 820px !important;
  5597.     z-index: 200000 !important;
  5598. }
  5599. #style-install-info #show-button {
  5600.     position: relative !important;
  5601.     display: inline-block !important;
  5602.     top: -2px !important;
  5603.     padding: 0px !important;
  5604. }
  5605. /*  - USERSTYLES - STY INFOS - CODE - (TABLE VIEW PLUS) - === */
  5606. #left-sidebar footer #show-code  #view-code {
  5607.     max-height: 90% !important;
  5608.     width: 650px ! important;
  5609.     top: 65px !important;
  5610.     z-index: 0 !important;
  5611. }
  5612. /*  - USERSTYLES - STY INFOS - Window CODE - (TABLE VIEW PLUS) - === */
  5613. #show-code pre {
  5614.     max-height: 730px !important;
  5615.     min-width: 670px !important;
  5616.     max-width: 670px !important;
  5617.     margin-top: 70px !important;
  5618.     left: calc(100% - 690px) ! important;
  5619.     border: 1px solid black !important;
  5620.     border-radius: 8px !important;
  5621.     word-wrap: break-word !important;
  5622.     -moz-hyphens: auto !important;
  5623. }
  5624.  
  5625. /* (new77) USERSTYLES -  CHROME - STY INFOS - SHOW CODE - Window CODE - WITHOUT GM SCRIPT - === */
  5626. #content-wrapper article#main-article section#style-info #show-code pre  {
  5627.     position: fixed ! important;
  5628.     max-height: 800px !important;
  5629.     min-width: 670px !important;
  5630.     max-width: 670px !important;
  5631.     margin-left: -1% !important;
  5632.     top: -19px ! important;
  5633.     border: 1px solid black !important;
  5634.     border-radius: 8px !important;
  5635.     word-wrap: break-word !important;
  5636.     -moz-hyphens: auto !important;
  5637.     z-index: 800 ! important;
  5638. }
  5639.  
  5640. /* USERSTYLES - STY INFOS - Window CODE - === */
  5641. #more-info #show-code pre {
  5642.     position: fixed ! important;
  5643.     max-height: 730px !important;
  5644.     min-width: 670px !important;
  5645.     max-width: 670px !important;
  5646.     left: 45% ! important;
  5647.     top: 60px !important;
  5648.     border: 1px solid black !important;
  5649.     border-radius: 8px !important;
  5650.     word-wrap: break-word !important;
  5651.     -moz-hyphens: auto !important;
  5652. }
  5653. #stylish-code {
  5654.     width: 650px !important;
  5655.     word-wrap: break-word !important;
  5656.     -moz-hyphens: auto !important;
  5657.     background: white !important;
  5658. }
  5659. #view-code code {
  5660.     display: inline-block !important;
  5661.     height: 100% !important;
  5662.     width: 100% !important;
  5663.     padding: 3px 0 5px 5px  !important;
  5664.     word-wrap: break-word !important;
  5665.     white-space: pre-line !important;
  5666.     white-space: pre-wrap !important;
  5667.     overflow:auto !important;
  5668.     color: black !important;
  5669. }
  5670.  
  5671.  
  5672. /* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" -
  5673. TEST LINK -
  5674. Pperfect for large screen....:
  5675. https://userstyles.org/styles/90834/youtube-black-red-destructiveburn-css3
  5676. === */
  5677. #show-code #view-code #stylish-code  a.linkifyplus  {
  5678.     display: inline-block !important;
  5679.     height: 15px !important;
  5680.     white-space: pre-wrap !important;
  5681.     word-wrap: break-word !important;
  5682.     font-size: 15px !important;
  5683.     color: blue !important;
  5684.     background: tan  !important;
  5685. }
  5686.  
  5687. #show-code #view-code #stylish-code  a.linkifyplus > img {
  5688.     position: absolute !important;
  5689.     display: inline-block !important;
  5690.     max-height: 100px !important;
  5691.     padding: 3px 20px !important;
  5692.     visibility: hidden !important;
  5693.     transform: scale(0.2) !important;
  5694.     transition: background ease 0.7s !important;
  5695.     background: #333  !important;
  5696. }
  5697. #show-code #view-code #stylish-code  a.linkifyplus:hover > img {
  5698.     position: fixed !important;
  5699.     display: inline-block !important;
  5700.     max-height: 50% !important;
  5701.     max-width: 200px !important;
  5702.     top: 25% !important;
  5703.     margin: auto 0 !important;
  5704.     right: 40% ! important;
  5705.     padding: 3px 20px !important;
  5706.     visibility: visible !important;
  5707.     transform: scale(1.5) !important;
  5708.     transition: background ease 0.1s !important;
  5709.     z-index: 1000 !important;
  5710.     background: black  !important;
  5711. }
  5712.  
  5713. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
  5714. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
  5715. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
  5716.     content: " " !important;
  5717.     position: relative !important;
  5718.     display: inline-block !important;
  5719.     width: 10px !important;
  5720.     height: 18px !important;
  5721.     line-height: 18px !important;
  5722.     padding: 0 5px 0 10px !important;
  5723.     border-radius: 3px !important;
  5724.     font-size: 17px !important;
  5725.     visibility: visible !important;
  5726.     opacity: 1 !important;
  5727.     background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  5728.     background-position: center  !important;
  5729.     background-repeat: no-repeat !important;
  5730.     background-size: 70% 140% !important;
  5731.     transform: rotate(270deg) !important;
  5732.     background-color: white  !important;
  5733. }
  5734.  
  5735. /* #show-code #view-code #stylish-code  a.linkifyplus:after */
  5736. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
  5737. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
  5738. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
  5739.     content: attr(href) !important;
  5740.     position: relative !important;
  5741.     display: inline-block !important;
  5742.     height: 18px !important;
  5743.     line-height: 18px !important;
  5744.     padding: 0 20px !important;
  5745.     font-size: 15px !important;
  5746.     visibility: visible !important;
  5747.     opacity: 1 !important;
  5748. }
  5749.  
  5750.  
  5751. /* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
  5752. #content-wrapper article#main-article #more-info h2 ,
  5753. #content-wrapper article#main-article #additional-info h2 ,
  5754. #content-wrapper article#main-article #discussions-area h2 {
  5755.     display: inline-block ! important;
  5756.     min-width: 965px !important;
  5757.     max-width: 965px !important;
  5758.     padding-left: 15px !important;
  5759.     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%);
  5760.     border-radius: 5px !important;
  5761.     box-shadow: 3px 3px 2px black !important;
  5762.     color: #A3A4A4 !important;
  5763. }
  5764. #content-wrapper article#main-article #discussions-area h2 {
  5765.     min-width: 965px !important;
  5766.     max-width: 965px !important;
  5767. }
  5768. section#discussions-area h2 {
  5769.     position: relative !important;
  5770.     display: inline-block !important;
  5771.     left: 50px !important;
  5772.     margin-bottom: -15px !important;
  5773. }
  5774. section#discussions-area h3 {
  5775.     display: none !important;
  5776. }
  5777.  
  5778. /* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
  5779. #style-info + #additional-info {
  5780.     position: relative ! important;
  5781.     display: inline-block !important;
  5782.     min-width: 90% !important;
  5783.     max-width: 90% !important;
  5784.     left: 2% !important;
  5785.     margin-top: 405px !important;
  5786. }
  5787. #additional-info-text {
  5788.     position: relative !important;
  5789.     display: inline-block !important;
  5790.     min-width: 965px !important;
  5791.     max-width: 965px !important;
  5792.     margin-top: -10px !important;
  5793.     overflow-y: auto;
  5794.     overflow-x: hidden!important;
  5795.     color: #ACAEB5 !important;
  5796. }
  5797. /* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
  5798. #additional-info #additional-info-text a{
  5799.     color: #E0B81F !important;
  5800. }
  5801. #additional-info #additional-info-text a:visited {
  5802.     color: #E7D590 !important;
  5803. }
  5804.  
  5805. /* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
  5806. #style-info + #additional-info #additional-info-text>mark>a {
  5807.     color: black !important;
  5808. }
  5809. #additional-info #additional-info-text>mark>a b {
  5810.     color: red!important;
  5811. }
  5812.  
  5813. /* ===  - USERSTYLES - STY INFOS - FEED ==== */
  5814.  
  5815. /* USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
  5816. #discussions-area{
  5817.     position: absolute !important;
  5818.     display: inline-block ! important;
  5819.     float: none ! important;
  5820.     clear: both ! important;
  5821.     max-height: 100%!important;
  5822.     min-height: 30px !important;
  5823.     width: 950px !important;
  5824.     left: 220px !important;
  5825.     top: 730px !important;
  5826.     padding: 1px !important;
  5827. }
  5828.  
  5829. /* (new77) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
  5830. #post-discussion + #login-form + #no-discussions  {
  5831.     position: absolute!important;
  5832.     display: inline-block !important;
  5833.     width: 750px!important;
  5834.     height: 17px !important;
  5835.     line-height: 17px !important;
  5836.     padding: 1px 0px 1px 14px  !important;
  5837.     top: -9px !important;
  5838.     margin-left: 160px !important;
  5839. /* border: 1px solid black !important; */
  5840. /* border-radius: 5px !important; */
  5841. /* box-shadow: 3px 3px 2px black !important; */
  5842.     text-align: center!important;
  5843.     color: gold !important;
  5844.     text-decoration: none !important;
  5845.     background-color: transparent!important;
  5846.     background-image: url("https://userstyles.org/images/question.png") !important;
  5847.     background-position: 0px 3px !important;
  5848.     background-repeat: no-repeat !important;
  5849.     z-index: 500!important;
  5850. }
  5851. #discussions {
  5852.     margin-left: 20px !important;
  5853.     margin-top: 5px !important;
  5854. }
  5855.  
  5856. /* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
  5857. #discussions>li>a:nth-child(1){
  5858.     margin-left: 8px !important;
  5859.     margin-right: 30px !important;
  5860. }
  5861. /*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
  5862. #discussions>li>a:nth-child(2){
  5863.     margin-left: 4px !important;
  5864.     margin-right: 15px !important;
  5865. }
  5866.  
  5867. /* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
  5868. #Frame {
  5869.     margin-top: -8px !important;
  5870. }
  5871. #vanilla_discussions_index #Head.Head ,
  5872. #main-header {
  5873.     position: fixed !important;
  5874.     display: inline-block ! important;
  5875.     float: none ! important;
  5876.     width: 99.9% !important;
  5877.     height: 41px !important;
  5878.     left: -0.2% !important;
  5879.     top: -1px !important;
  5880.     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%) !important;
  5881. /* background-color: #670000 !important; */
  5882. /* background-image: linear-gradient(#670000, #900) !important; */
  5883.     border-bottom: 1px solid gray !important;
  5884. z-index: 50 !important;
  5885. }
  5886.  
  5887. /* (new74) - GREASEMONKEY  - RED BACKGROUD */
  5888. body:not(.Settings) #Head,
  5889. body[pagetype="ListingPage"]  #main-header ,
  5890. body[pagetype="UserProfile"]  #main-header {
  5891.     position: fixed !important;
  5892.     display: inline-block ! important;
  5893.     float: none ! important;
  5894. /* width: 100% !important; */
  5895. /* max-width: 50%!important; */
  5896.     height: 40px !important;
  5897. /* left: 0 !important; */
  5898.     top: -1px !important;
  5899. 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%) !important;
  5900. background-color: #670000 !important;
  5901. /* background-image: linear-gradient(#670000, #900) !important; */
  5902. border-bottom: 1px solid red !important;
  5903. /*     z-index: 200 !important; */
  5904. }
  5905.  
  5906. /* === USERSTYLES - STY TITLE/Name === */
  5907.  
  5908. /* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
  5909. #main-header > h1 {
  5910.     position: relative ! important;
  5911.     display: inline-block ! important;
  5912.     width: 47% !important;
  5913.     min-width: 895px !important;
  5914.     height: 30px !important;
  5915.     line-height: 28px !important;
  5916.     margin-top: -3px !important;
  5917.     border-radius: 5px ! important;
  5918.     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%);
  5919.     font-size: 23px ! important;
  5920.     text-align: left !important;
  5921.     text-indent: -117px !important;
  5922.     overflow: hidden !important;
  5923.     text-overflow: ellipsis !important;
  5924.     white-space: nowrap !important;
  5925. }
  5926. #main-header > h1::-moz-selection {
  5927.     background:#FFCC11 ! important;
  5928.     color:#ffffff ! important;
  5929. }
  5930. #main-header > h1:hover {
  5931.     color: gold ! important;
  5932. }
  5933.  
  5934. /* USERSTYLES - SITE TITLE - TXT "User.org" -
  5935. + POSTION SUB TITLE PAGE(user name or title of the page)
  5936. ADAPTAION FOR LONG SEARCH:
  5937. https://userstyles.org/styles/browse?per_page=100&search_terms=%28greasyfork+%40subcategory+userstyles%29+|+%28userstyles+%40subcategory+greasyfork%29
  5938. === */
  5939. #main-header>h1>a {
  5940.     display: inline-block ! important;
  5941.     width: 161px !important;
  5942.     margin-right: -100px !important;
  5943.     margin-left: 28% !important;
  5944.     margin-bottom: 30px ! important;
  5945. }
  5946.  
  5947.  
  5948. /* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
  5949. #left-sidebar nav ul dl:not(:hover) ,
  5950. #main-article>dl:not(:hover) {
  5951.     position: fixed ! important;
  5952.     display: inline-block ! important;
  5953.     float: none !important;
  5954.     width: 50px !important;
  5955.     max-height: 15px ! important;
  5956.     top: 23px ! important;
  5957.     margin-top: 5px ! important;
  5958.     left: 275px !important;
  5959.     font-size: 10px ! important;
  5960.     text-align: left !important;
  5961.     z-index: 900 ! important;
  5962.     overflow: hidden !important;
  5963.     visibility: visible !important;
  5964.     transition: all ease .4s !important;
  5965. }
  5966. #left-sidebar nav ul dl:hover ,
  5967. #main-article>dl:hover {
  5968.     position: fixed ! important;
  5969.     display: inline-block ! important;
  5970.     float: none !important;
  5971.     width: auto !important;
  5972.     height: auto ! important;
  5973.     top: 23px ! important;
  5974.     margin-top: 5px ! important;
  5975.     left: 210px !important;
  5976.     padding: 3px 50px 1px 70px!important;
  5977.     font-size: 10px ! important;
  5978.     text-align: left !important;
  5979.     overflow: visible !important;
  5980.     z-index: 50000 !important;
  5981. }
  5982.  
  5983. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  5984. #left-sidebar nav ul dl:not(:hover)>dt ,
  5985. #main-article>dl:not(:hover)>dt {
  5986.     position: relative ! important;
  5987.     display: block !important;
  5988.     float: none !important;
  5989.     width: 74px !important;
  5990.     height: 16px ! important;
  5991.     line-height: 15px ! important;
  5992.     top: 1px ! important;
  5993.     margin-bottom: -14px !important;
  5994.     left: 0px ! important;
  5995.     padding: 0px 6px 1px 0px !important;
  5996.     font-size: 10px ! important;
  5997.     text-align: left !important;
  5998.     color: transparent ! important;
  5999.     overflow: hidden !important;
  6000.     text-overflow: ellipsis !important;
  6001.     white-space: nowrap !important;
  6002.     z-index: 5000 !important;
  6003. }
  6004. #left-sidebar nav ul dl:not(:hover)>dt:before ,
  6005. #main-article>dl:not(:hover)>dt:before {
  6006.     content: "About \25B6 " !important;
  6007.     color: red !important;
  6008. }
  6009.  
  6010.  
  6011. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  6012. #left-sidebar nav ul dl:hover>dt ,
  6013. #main-article>dl:hover>dt {
  6014.     position: relative ! important;
  6015.     display: block !important;
  6016.     float: none !important;
  6017.     width: 44px !important;
  6018.     height: 12px ! important;
  6019.     line-height: 12px ! important;
  6020.     margin-bottom: -14px !important;
  6021.     left: 0px ! important;
  6022.     padding: 0px 6px 1px 2px !important;
  6023.     font-size: 10px ! important;
  6024.     text-align: left !important;
  6025.     color: grey ! important;
  6026.     overflow: hidden !important;
  6027.     text-overflow: ellipsis !important;
  6028.     white-space: nowrap !important;
  6029.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  6030.     border-radius: 5px 0 0 5px !important;
  6031.     border: 1px solid gray !important;
  6032.     z-index: 5000 !important;
  6033. }
  6034. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  6035. #main-article>dl:hover>dd:first-of-type ,
  6036. #left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
  6037.     position: relative ! important;
  6038.     width: 0px !important;
  6039.     height: 15px ! important;
  6040.     top: -6px ! important;
  6041.     margin-bottom: -3px !important;
  6042.     margin-left: 55px ! important;
  6043.     padding-left: 10px !important;
  6044.     padding-right: 8px !important;
  6045.     text-align: left !important;
  6046.     background: black !important;
  6047.     outline: 1px solid gray !important;
  6048.     overflow: hidden !important;
  6049.     transition: all ease 0.4s !important;
  6050. }
  6051.  
  6052. /* "About" - FULL CONTAINER - NOT HOVER */
  6053. #left-sidebar nav ul dl:not(:hover),
  6054. #main-article > dl:not(:hover) dd:first-of-type {
  6055.     margin-left: 100px !important;
  6056. }
  6057. #main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
  6058.     position: relative ! important;
  6059.     display: inline-block ! important;
  6060.     max-width: 0px !important;
  6061.     height: 20px ! important;
  6062.     top: -6px ! important;
  6063.     margin-bottom: -3px !important;
  6064.     margin-left: 47px ! important;
  6065.     padding-left: 0px !important;
  6066.     padding-right: 0px !important;
  6067.     border: none !important;
  6068.     text-align: left !important;
  6069.     background: black !important;
  6070.     overflow: hidden !important;
  6071.     visibility: hidden !important;
  6072. }
  6073.  
  6074. /* "About" - FULL CONTAINER - HOVER */
  6075. #left-sidebar nav ul dl:hover>dd:first-of-type ,
  6076. #main-article>dl:hover>dd:first-of-type {
  6077.     display: inline-block ! important;
  6078.     width: 100% !important;
  6079.     min-width: 0px !important;
  6080.     max-width: 500px !important;
  6081.     height: 100% ! important;
  6082.     min-height: 0px ! important;
  6083.     max-height: 500px ! important;
  6084.     margin-left: 15px ! important;
  6085.     margin-top: 0px ! important;
  6086.     padding: 2px 0 100px 90px !important;
  6087.     text-align: left !important;
  6088.     font-size: 14px!important;
  6089.     background: black !important;
  6090.     overflow: hidden !important;
  6091.     overflow-y: auto !important;
  6092.     z-index: 900 ! important;
  6093. }
  6094.  
  6095. /* SUB LABEL INFOS */
  6096. #main-article>dl:hover>dt:first-of-type + dd +dt  {
  6097.     position: absolute !important;
  6098.     display: inline-block ! important;
  6099.     top: 15px !important;
  6100.     margin-left: 90px !important;
  6101. }
  6102. #main-article>dl>dt:first-of-type + dd +dt +dd+dt {
  6103.     position: absolute !important;
  6104.     display: inline-block ! important;
  6105.     top: 30px !important;
  6106.     margin-left: 90px !important;
  6107. }
  6108. #main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
  6109.     position: absolute !important;
  6110.     display: inline-block ! important;
  6111.     top: 45px !important;
  6112.     margin-left: 90px !important;
  6113. }
  6114.  
  6115.  
  6116.  
  6117. /*  "About" - ARROW GRAY */
  6118. #left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
  6119. #main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  6120.     position: relative ;
  6121.     display: inline-block ;
  6122.     content: "\25B6 " ;
  6123.     margin-left: 1px ;
  6124.     color: red
  6125. }
  6126.  
  6127. /* ABOUT - LINKS */
  6128. #main-article>dl>dd>a {
  6129.     position: relative !important;
  6130.     display: inline-block !important;
  6131.     min-height: 15px !important;
  6132.     max-height: 15px !important;
  6133.     line-height: 14px !important;
  6134.     font-size: 13px !important;
  6135. }
  6136.  
  6137. /* SEND MESSAGE */
  6138.  
  6139. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
  6140.     position: fixed !important;
  6141.     display: inline-block !important;
  6142.     height: 20px !important;
  6143.     line-height: 10px !important;
  6144.     width: 170px !important;
  6145.     top: 28px !important;
  6146.     left: 360px !important;
  6147.     padding: 1px 10px !important;
  6148.     text-align: center !important;
  6149.     color: red !important;
  6150.     background: yellow !important;
  6151.     z-index: 80000 !important;
  6152.     visibility: visible !important;
  6153. }
  6154. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  6155.     visibility: hidden !important;
  6156. }
  6157. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
  6158. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  6159.     position: absolute !important;
  6160.     display: inline-block ;
  6161.     height: 15px !important;
  6162.     width: 22px !important;
  6163.     content: "✉" ;
  6164.     color: peru !important;
  6165.     left: -25px!important;
  6166.     top: 0px !important;
  6167.     font-size: 21px !important;
  6168.     visibility: visible !important;
  6169. }
  6170. /* USERSTYLES -  PROFILE LINK - === */
  6171. body:not(#f) a#userProfile {
  6172.     position: absolute !important;
  6173.     visibility: visible !important;
  6174.     left: 256px !important;
  6175.     top: -64px !important;
  6176.     overflow: visible !important;
  6177.     text-overflow: ellipsis !important;
  6178.     white-space: nowrap !important;
  6179.     font-size: 0 !important;
  6180.     z-index: 500 !important;
  6181. }
  6182.  
  6183. body:not(#f) a#userProfile:before {
  6184.     display: inline-block ;
  6185.     position: fixed ;
  6186.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
  6187.     -moz-transform:scale(0.6,0.5) ;
  6188.     margin-left: -90px ;
  6189.     top: 1px ;
  6190. }
  6191.  
  6192. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
  6193.  
  6194.  
  6195.  
  6196.  
  6197. /* USERSTYLES - "Following results" - "the results for all ..." - === */
  6198. #page-description>a {
  6199.     border-radius: 5px !important;
  6200.     box-shadow: 0 0 4px #999999 !important;
  6201.     display: inline-block !important;
  6202.     left: 103px !important;
  6203.     padding: 5px !important;
  6204.     position: absolute !important;
  6205.     top: -21px !important;
  6206.     width: 994px !important;
  6207. }
  6208.  
  6209. /* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
  6210. #metaOption {
  6211.     position: fixed !important;
  6212.     display: inline-block !important;
  6213.     -moz-appearance: none !important;
  6214.     transform: scale(0.8) ! important;
  6215.     height: 19px !important;
  6216.     width: 19px ! important;
  6217.     left: 0px !important;
  6218.     top: 26px !important;
  6219.     padding: 12px ! important;
  6220.     color: transparent ! important;
  6221.     border: none ! important;
  6222.     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QAbgCEALDyHHKDAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAAB3RJTUUH1gIOETowjDhWUwAAAfhJREFUOMvlkk9oE1EQh78kajUpNlEoCCrBshcP2vYWsXrQpRC7Vw+CB6EiRa22SEgJtBgICYGeBdGTASmKBzc2Qos9CUrbJCY9VAhWpY39ZwhCRKS762W3bJJNW6/t7/bezPvezPwG9pxsVpexeKQHkAEpGAglG7zticUjdTn2Bsly741eAFmHW8Ju3exT9I+3Vywe0crlkhaLRzTrWNmIVX1oN7dpPDaqcjqbG42Dx08eEQyEJCBpCQTk/jv3tRcvxzRAvnd3kLWVZYQ2gVJp/WHtbAMPhmy1sCpTjOTbff2aomzYVFXVVFUhPTtjS3/KAEg7MKraZVMFm/J3XyGXz7NY/A4QDgZCI/+9Nma9Tb3RsvksHWc6yeTS6BWOA+qOgF5/9BhQNM7XfSrtpwVOHD9JpVLh48wHtmrbYQUbHRDp9rXR6nGSmFrjVMvP8MK3hYsdZzvxuD0sFRevXRYvzU5OvCsAmqXLXn+0HSg+HZaYzs0znZun9YgLAH1uUjL1GkEQuHCuy1j6unma1yYzOiAy8T7LhqJiP+hmtVTZDOotSonnzzjc4ua8rwtgeCsgAPv3OTjgOsqf339JpOYAxFpoMiVT+FKwNLEKuLT6i0MuD81NDl5NfQYQv44PTZpzdGh4eeXHHBBu6LLXH70KjJlidbDdoX/so9X2d8JO4gAAAABJRU5ErkJggg==") no-repeat scroll center center transparent;
  6223.     background-color: #0064AA ! important;
  6224.     border-radius: 10px 10px 10px 10px !important;
  6225.     z-index: 200 !important;
  6226.     opacity: 0.7 !important;
  6227.     cursor: pointer ! important;
  6228. }
  6229. #metaOption:hover {
  6230.     background-color: gold !important;
  6231.     opacity: 1 !important;
  6232. }
  6233.  
  6234. /* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
  6235. #style-table #metaPrefs {
  6236.     position: absolute!important;
  6237.     left: 5px!important;
  6238.     margin-top: -5px!important;
  6239. }
  6240.  
  6241. /* ==== (new87) USERSTYLES - SEARCH BOX ==== */
  6242.  
  6243. /* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
  6244. /* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
  6245. #advanced-search-submit button {
  6246.    -moz-appearance: none ! important;
  6247.     position: fixed !important;
  6248.     display: inline-block !important;
  6249.     width: 62px !important;
  6250.     height: 20px !important;
  6251.     right: calc(100% - 1202px)  ! important;
  6252.     top: 1px ! important;
  6253.     padding: 0 0 2px 0px  ! important;
  6254.     border-radius: 4px ! important;
  6255.     border: 1px solid #777777 !important;
  6256.     font-size: 10px! important;
  6257.     color: #D7D7D7 !important;
  6258.     text-align: center ! important;
  6259.     text-decoration: none ! important;
  6260.     box-shadow: 0 0 1px #777777 inset !important;
  6261.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  6262.     cursor: pointer ! important;
  6263. }
  6264. #advanced-search-submit button:hover {
  6265.     color: tomato !important;
  6266. }
  6267. /* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
  6268. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  6269.    -moz-appearance: none ! important;
  6270.     position: absolute !important;
  6271.     display: inline-block !important;
  6272.     width: 60px !important;
  6273.     height: 18px !important;
  6274.     line-height: 15px ! important;
  6275.     top: -16px ! important;
  6276.     left: 85% ! important;
  6277.     font-size: 10px! important;
  6278.     color: #D7D7D7 !important;
  6279.     z-index: 200 ! important;
  6280.     text-align: center ! important;
  6281.     text-decoration: none ! important;
  6282.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  6283.     border: 1px solid #777777 !important;
  6284.     border-radius: 4px !important;
  6285.     box-shadow: 0 0 1px #777777 inset !important;
  6286.     cursor: pointer ! important;
  6287. }
  6288.  
  6289. /* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
  6290. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  6291.    -moz-appearance: none ! important;
  6292.     position: fixed !important;
  6293.     display: inline-block !important;
  6294.     width: 50px !important;
  6295.     height: 20px !important;
  6296.     right: calc(100% - 1138px)  ! important;
  6297.     top: 1px ! important;
  6298.     border-radius: 5px ! important;
  6299.     font-size: 10px! important;
  6300.     color: gold !important;
  6301.     z-index: 200! important;
  6302.     text-align: center ! important;
  6303.     text-decoration: none ! important;
  6304.     background: black ! important;
  6305.     border: 1px gray solid ! important;
  6306.     cursor: pointer ! important;
  6307. }
  6308. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  6309.     color: tomato !important;
  6310. }
  6311.  
  6312. /* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
  6313. #advanced-search {
  6314.     position: relative ! important;
  6315.     position: fixed ! important;
  6316.     height: 15px ! important;
  6317.     width: 450px ! important;
  6318.     top: 48px ! important;
  6319.     left: 867px !important;
  6320.     padding: 1px 2px 3px 2px  ! important;
  6321.     border: none ! important;
  6322.     border-radius: 0 0 3px 3px !important;
  6323.     z-index: 2000000 ! important;
  6324.     color: gold !important;
  6325.     background: #2C6C14 !important;
  6326. }
  6327.  
  6328. /* USERSTYLES - SEARCH - TOP Right (Background) - === */
  6329. #search{
  6330.     background-color:  transparent !important
  6331. }
  6332.  
  6333. /* USERSTYLES - SEARCH BOX - === */
  6334. #search {
  6335.     position: fixed !important;
  6336.     width: 187px ! important;
  6337.     height: 85px ! important;
  6338.     top: 400px ! important;
  6339. }
  6340.  
  6341. /* USERSTYLES - SEARCH BOX INPUT -  === */
  6342. #left-sidebar > nav ul li form {
  6343.     position: fixed ! important;
  6344.     width: 200px !important;
  6345.     margin-top: -8px! important;
  6346.     left: 970px ! important;
  6347.     top: 25px ! important;
  6348.     visibility: visible ! important;
  6349.     z-index: 2000! important;
  6350. }
  6351.  
  6352. /* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
  6353. #search-terms {
  6354.     position: absolute ! important;
  6355.     display: inline-block !important;
  6356.     min-width: 204px !important;
  6357.     max-width: 204px !important;
  6358.     height: 19px ! important;
  6359.     margin-right: -50px ! important;
  6360.     left: -65px ! important;
  6361.     top: -16px ! important;
  6362. }
  6363. /* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
  6364. #search-submit {
  6365.     position: relative ! important;
  6366.     left: -38px ! important;
  6367.     margin-top: -15px ! important;
  6368.     font-size:11px !important;
  6369. }
  6370. #script-search > input[type="submit"] ,
  6371. #search-submit  {
  6372.     position: relative !important;
  6373.     display: inline-block !important;
  6374.     top: 0px !important;
  6375.     -moz-appearance: none !important;
  6376.     border: 1px solid gray !important;
  6377.     border-radius: 0 3px 3px 0 !important;
  6378.     cursor: pointer!important;
  6379.     background: peru !important;
  6380. }
  6381.  
  6382.  
  6383.  
  6384. #script-search > input[type="submit"]:hover ,
  6385. #search-submit:hover  {
  6386.     background: tomato !important;
  6387. }
  6388. /* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
  6389. #per-page-select {
  6390.     width: 45px !important;
  6391.     margin-left: -50px ! important;
  6392. }
  6393. *[id$="-select"] ,
  6394. #advanced-search>[name="sort_direction"]  {
  6395.     font-size: 11px ! important;
  6396.     height: 17px ! important;
  6397. }
  6398.  
  6399. /* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
  6400. #fb-label {
  6401.     display:none ! important;
  6402. }
  6403.  
  6404. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
  6405. #filter-block  {
  6406.     position: fixed ! important;
  6407.     display: inline-block ! important;
  6408.     height: 24px !important;
  6409.     width: 355px !important;
  6410.     left: 620px !important;
  6411.     margin-left: 288px !important;
  6412.     top: 18px !important;
  6413.     padding: 0 !important;
  6414.     border-radius: 3px !important;
  6415.     font-size: 10px ! important;
  6416.     z-index: 2000 !important;
  6417.     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(19, 19, 19) 0%, rgb(51, 51, 51) 0%, rgb(17, 17, 17) 63%, rgb(0, 0, 0) 98%) repeat scroll 0 0 !important;
  6418. }
  6419. #left-sidebar #labelGroup {
  6420.     height: 20px !important;
  6421.     line-height: 20px !important;
  6422.     padding: 0 3px !important;
  6423.     text-align: center !important;
  6424.     border: none !important;
  6425. }
  6426. /* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  6427. #wordDiv button ,
  6428. #filterGroup button {
  6429.     height: 18px ! important;
  6430.     line-height: 10px ! important;
  6431.     padding: 1px ! important;
  6432.     font-size: 10px !important;
  6433.  
  6434.  
  6435. }
  6436. /* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
  6437. #wordDiv button {
  6438.     -moz-appearance: none ! important;
  6439.     width: 40px ! important;
  6440.     height: 20px !important;
  6441.     margin-left: -430px ! important;
  6442.     margin-top: 4px ! important;
  6443.     padding: 0px 2px! important;
  6444.     text-align: center ! important;
  6445.     border-radius: 3px ! important;
  6446.     border: 1px solid #404040;
  6447.     box-shadow: 3px 3px 2px black ;
  6448.     color: gold ! important;
  6449.     background: #222 !important;
  6450.     cursor: pointer ! important;
  6451.     z-index: 200 ! important;
  6452. }
  6453.  
  6454. /* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  6455. #filterGroup button {
  6456.     position: absolute ! important;
  6457.     display: inline-block ! important;
  6458.     top: 0px ! important;
  6459.     margin-left: 100px ! important;
  6460. }
  6461. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
  6462. #filterGroup button#showB {
  6463.     position: absolute ! important;
  6464.     display: inline-block ! important;
  6465.     top: 2px ! important;
  6466.     margin-left: 94px ! important;
  6467.     width: 80px ! important;
  6468. }
  6469. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
  6470. #filterGroup button {
  6471.     position: absolute ! important;
  6472.     display: inline-block ! important;
  6473.     top: 2px ! important;
  6474.     margin-left: 173px ! important;
  6475. }
  6476.  
  6477. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
  6478. #wordIn {
  6479.     -moz-appearance: none ! important;
  6480.     position: absolute ! important;
  6481.     display: inline-block ! important;
  6482.     width: 138px ! important;
  6483.     height: 15px ! important;
  6484.     left: -82px ! important;
  6485.     margin-top: 3px ! important;
  6486.     border: none ! important;
  6487.     border-radius: 3px ! important;
  6488.     padding: 2px 2px 3px 0px ! important;
  6489. }
  6490.  
  6491. /* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
  6492. #wordDiv {
  6493.     position: absolute !important;
  6494.     display: inline-block ! important;
  6495. width: 223px !important;
  6496.     top: -6px !important;
  6497.     left: 80px ! important;
  6498.     text-align: center;
  6499. }
  6500. /*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
  6501. #filterGroup {
  6502.     position: absolute !important;
  6503.     display: inline-block ! important;
  6504.     height: 17px ! important;
  6505.     max-width: 90px !important;
  6506.     min-width: 90px ! important;
  6507.     left: 142px !important;
  6508.     top: 0px !important;
  6509.     padding: 1px 1px 1px 0px ! important;
  6510.     border-radius: 5px ! important;
  6511. /*     border: gray 1px solid ! important; */
  6512.     text-align: left !important;
  6513. }
  6514.  
  6515. /* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
  6516. #left-sidebar #labCnt {
  6517.     display: inline-block ! important;
  6518.     padding: 0px !important;
  6519.     font-size: 11px !important;
  6520. margin: 0 2px 0 -15px !important;
  6521.     color: gray ! important;
  6522. }
  6523. #left-sidebar #labCnt:after {
  6524.     content: " :" ;
  6525.     color: gold;
  6526.     font-size: 11px ;
  6527. }
  6528. #left-sidebar #filterCount {
  6529.     display: inline-block ! important;
  6530.     padding: 0px !important;
  6531.     color: gold;
  6532.     font-size: 11px !important;
  6533. }
  6534.  
  6535. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
  6536. #perPageGroup {
  6537.     position: absolute !important;
  6538.     display: inline-block!important;
  6539.     width: 10px !important;
  6540.     left: 305px ! important;
  6541.     margin-top: -17px !important;
  6542.     top: 5px !important;
  6543.     padding: 0 0 0 0px !important;
  6544.     color: gold !important;
  6545.     font-size: 0px !important;
  6546.     text-align: left !important;
  6547.     background: black !important;
  6548. }
  6549. #perPageGroup:after {
  6550.     content: "by"!important;
  6551.     position: absolute !important;
  6552.     display: inline-block!important;
  6553.     width: 19px !important;
  6554.     height: 19px!important;
  6555.     line-height: 17px!important;
  6556.     left: 8px ! important;
  6557.     top: -10px !important;
  6558.     padding: 0px !important;
  6559.     color: gold !important;
  6560.     font-size: 10px !important;
  6561.     text-align: center !important;
  6562.     background: red !important;
  6563. }
  6564. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
  6565. #filter-block #perPageGroup input#sel {
  6566.     -moz-appearance: none !important;
  6567.     position: absolute! important;
  6568.     display: inline-block!important;
  6569.     height: 17px !important;
  6570.     line-height: 25px !important;
  6571.     width: 20px !important;
  6572.     margin-left: 27px! important;
  6573.     margin-top: -13px! important;
  6574.     border: none ! important;
  6575.     border-radius: 0 3px 3px 0 ! important;
  6576.     font-size: 10px !important;
  6577.     text-align: center !important;
  6578.     background: #D6D6D6 ! important;
  6579. }
  6580.  
  6581.  
  6582. /* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
  6583. table#style-table tr[filtered="true"]:after {
  6584.     display: inline-block ;
  6585.     width: 15px ;
  6586.     content: "Filtered" ;
  6587.     padding-top: 2px ;
  6588.     padding-bottom: 5px ;
  6589.     padding-right: 4px ;
  6590.     padding-left: 1px ;
  6591.     transform: rotate(90deg) ;
  6592.     font-size: 10px ;
  6593.     text-align: center ;
  6594.     color: gold ;
  6595. }
  6596.  
  6597. /* ====  - USERSTYLES - STY INFOS - RELATED ==== */
  6598.  
  6599. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
  6600. #related {
  6601.     position: fixed !important;
  6602.     width: 185px !important;
  6603.     left: 20px !important;
  6604.     top: 550px !important;
  6605.     background-color: #222222 !important;
  6606.     box-shadow: 0 0 4px #999999 !important;
  6607. }
  6608. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
  6609. #left-sidebar footer#related ul li:not(.more) a:before {
  6610.     display: inline-block ;
  6611.     content: "\25B6" ;
  6612.     padding-right: 5px ;
  6613.     font-size: 8px ;
  6614.     color: red ;
  6615. }
  6616.  
  6617. /* ==== USERSTYLES - STY INFOS ==== */
  6618.  
  6619. /* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
  6620. #main-article>h2{
  6621.     display: none ! important;
  6622. }
  6623.  
  6624.  
  6625. /* STY INFOS - DELETED STYLE - MESS -
  6626. https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
  6627. === */
  6628. section#obsoletion-message {
  6629.     position: fixed !important;
  6630.     line-height: 15px !important;
  6631.     min-width: 400px !important;
  6632.     max-width: 400px !important;
  6633.     max-height: 425px !important;
  6634.     top: 35px !important;
  6635.     margin-left: -10px!important;
  6636.     padding: 10px ! important;
  6637.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  6638.     overflow: hidden !important;
  6639.     overflow-y: auto !important;
  6640.     z-index: 2000 !important;
  6641.     transition: all ease 0.7s !important;
  6642.     opacity: 1 !important;
  6643.     visibility: visible !important;
  6644. }
  6645. #main-article section#obsoletion-message h2 + p + p ,
  6646. #main-article section#obsoletion-message h2 + p  {
  6647.     display: inline-block !important;
  6648.     line-height: 15px !important;
  6649.     width: 390px !important;
  6650.     margin-left: -10px!important;
  6651.     padding: 10px ! important;
  6652.     font-size: 17px !important;
  6653.     text-align: center !important;
  6654.     color: white !important;
  6655. }
  6656.  
  6657. #main-article section#obsoletion-message h2 + p  q  {
  6658.     display: inline-block !important;
  6659.     width: 100% !important;
  6660.     line-height: 16px !important;
  6661.     margin-top: 10px !important;
  6662.     margin-bottom: 5px !important;
  6663.     padding: 5px !important;
  6664.     border-radius: 5px !important;
  6665.     text-align: left !important;
  6666.     font-size: 15px !important;
  6667.     color: gray !important;
  6668.     background: black !important;
  6669. }
  6670. /* #main-article section#obsoletion-message a  */
  6671. #obsoletion-message>p + p>a:last-of-type ,
  6672. #main-article section#obsoletion-message h2 + p>a:first-of-type {
  6673.     position: relative!important;
  6674.     display: inline-block!important;
  6675.     width: 100%!important;
  6676.     min-width: 375px!important;
  6677.     margin-top: 10px !important;
  6678.     margin-bottom: 5px !important;
  6679.     text-align: center!important;
  6680.     font-size: 18px !important;
  6681.     color: gold !important;
  6682. }
  6683. #obsoletion-message>p + p>a:nth-last-of-type(n+2) {
  6684.     position: relative!important;
  6685.     display: inline-block!important;
  6686.     width: 100%!important;
  6687.     min-width: 375px!important;
  6688.     margin-top: 10px !important;
  6689.     margin-bottom: 10px !important;
  6690.     text-align: center!important;
  6691.     font-size: 15px !important;
  6692.     color: gold !important;
  6693. }
  6694. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
  6695. #obsoletion-message:not(:hover) h2:not(:hover) ,
  6696. #obsoletion-message h2 {
  6697.     position: fixed !important;
  6698.     display: inline-block !important;
  6699.     left: 132px !important;
  6700.     top: 58px !important;
  6701.     border-radius: 10px !important;
  6702.     padding: 7px 6px !important;
  6703.     background: #B50000 !important;
  6704.     cursor: pointer !important;
  6705.     visibility: visible !important;
  6706.     opacity: 1 !important;
  6707. }
  6708. /* STY INFOS - DEL STY - BUBBLE - ARROW - === */
  6709. section#obsoletion-message:after {
  6710.     position: fixed !important;
  6711.     display: block;
  6712.     content: "";
  6713.     height: 0;
  6714.     width: 0;
  6715.     top: 82px !important;
  6716.     bottom: -15px;
  6717.     left: 200px ;
  6718.     border-color: #B50000 transparent transparent transparent ;
  6719.     border-style: solid;
  6720.     border-width: 25px 5px 0px ;
  6721.     transform: rotate(22deg) ;
  6722.     visibility: visible !important;
  6723. }
  6724. section#obsoletion-message:before {
  6725.     position: fixed !important;
  6726.     display: inline-block !important;
  6727.     content: " Deleted ....WHY ??? : Hover me !";
  6728.     height: 15px !important;
  6729.     width: 400px !important;
  6730.     top: 62px !important;
  6731.     left: 250px ;
  6732.     text-align: center !important;
  6733.     background: #B50000 !important;
  6734.     white-space: nowrap !important;
  6735.     cursor: pointer !important;
  6736.     visibility: visible !important;
  6737. }
  6738. section#obsoletion-message:hover:before {
  6739.     visibility: hidden !important;
  6740. }
  6741.  
  6742. #main-article section#obsoletion-message:not(:hover) {
  6743.     visibility: hidden !important;
  6744.     opacity: 1 !important;
  6745. }
  6746. #main-article section#obsoletion-message:hover {
  6747.     visibility: visible !important;
  6748. }
  6749.  
  6750.  
  6751. /* #main-article section#obsoletion-message>p>q:first-letter , */
  6752. #main-article section#obsoletion-message>p>q:first-line {
  6753.     display: inline-block !important;
  6754.     color: #00627A !important;
  6755.     font-size: 18px !important;
  6756. }
  6757.  
  6758.  
  6759. /* ==== BROWSE STY - ZEBRA ==== */
  6760.  
  6761. /* BROWSE STY - ZEBRA - FIRST - === */
  6762. #style-table tr:nth-child(even) td {
  6763.     background-color: #262626 !important;
  6764. }
  6765. /* BROWSE STY - ZEBRA - SECOND - ==== */
  6766. #style-table tr:nth-child(odd) td {
  6767.     background: #444444 !important;
  6768. }
  6769. #style-table > tr:hover:not(:first-child) {
  6770.     background-color: #444444;
  6771.     color: red ! important;
  6772. }
  6773.  
  6774. /* TEST - RATING always visible =
  6775. NOT RATING : #style-table td[rating="0.0"]
  6776. BAD / ONE RATING : #style-table td[rating="1.0"]
  6777. <td class="image-value">
  6778. <img class="bad-average-rating" alt="Bad" src="https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/images/bad.gif" title="">
  6779. 3 RATING : #style-table td[rating="3.0"]
  6780. === */
  6781. #style-table tr:not(:hover) .ratingfg ,
  6782. #style-table tr:hover .ratingfg {
  6783.     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAACk0lEQVR42sWWTU8TURSG32ln2qGUUiFt+QwaqUWJDQlhwcJo4g8wbDQad66MCzfGFf4Ad7hy419w4cbEaOLHyq+QSFCIgGAtjRFqKUPpdO7cezwVYtpYCGLSucnkTufO8855z9xzphr2GTR/8iokpbXh+ds4xGgGr+0noD6lHBbQfac/+w4TQDP4PQ2o2dSUZrTfBAGylH+pjy6d+6eHN4nf04CcSSpfeFAD6RA/Z0GubAuOZ7YOGkCz+IYG5IfkC5/ZcRaBXk6FAFkZOFY+Y57JDhzo4U3kNef1wAOjrSVNGiV4vyVIUZBhINgNiB+AXQT8fZBVkVKBM0ECSq0px12pCgTjkbn/5FeYTx6W1+jj0FuEYmMIRLjsW/gK14vLK04OKH9lEcE/WgG9f+dcbMO1y3ArPDvWavh4Iuclr+3uN8fXGjcQ4jdUWuSbCizi8CF2ZlE9WFXyzeYpzkQetpVXnI0T0YvWkpf8bwPu9GCYlCrobXEdZh+wNV0Dip25KhYagbO5DntznUjKdPRSadZr/k8Rcy0kiGg1EE/7IfKciWV2LHYFKnyus/sUit8XiBw5fuTy9pvaYvKKr+tC9qveZ4H22HnN7AGsd6xa497o432nw1rL5jqulHsbdQ8v+DoD5efdX8zO/mPQDKCS5SvcDcjPr/Qbi9hcW13YyCyVY9fcUKMAvODrDJSeJqxQVzIMH687/BW31qDcCowgdwipIO0K1hfmVNcN+BsF4AVfb+BJTIR6hnWRz8IuMCxpmVy3qGx3xGiJwAxHkZtbxNFbjT+AXvB1QluPO0m5CiTV+/aJ4ljt2uo9POSkTFRsaEN3GgfgBV8ntPkoej9yYeM69hkzk5jixjA5ehd//S/xgv8FVOBkHauti1YAAAAASUVORK5CYII=") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  6784. }
  6785.  
  6786. /* TEST - META DISCUSSION - HOVER TOOLTIP - === */
  6787. #style-table .metadiscussions:hover:before{
  6788.     position: relative !important;
  6789.     content: attr(title) !important;
  6790.     display: inline-block !important;
  6791. /* width: 280px !important; */
  6792.     height: 16px !important;
  6793.     line-height: 15px !important;
  6794.     top: -5px !important;
  6795.     margin-left: -240px !important;
  6796.     padding: 0 5px 0 5px !important;
  6797.     border-radius: 5px !important;
  6798.     color: gold !important;
  6799.     background: red !important;
  6800.     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)!important;
  6801. }
  6802.  
  6803.  
  6804. /* OBSOLETE DELETED STYLE - === */
  6805. #table-container table#style-table tr.obsolete td:nth-child(7){
  6806.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
  6807. /* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent !important; */
  6808.     opacity: 0.4 !important;
  6809. }
  6810. #table-container table#style-table tr.obsolete td:nth-child(7):hover{
  6811.     opacity: 1!important;
  6812. }
  6813.  
  6814. /* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
  6815. #main-article>p {
  6816.     margin-left: 95px !important;
  6817. }
  6818. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  6819. #lastcheck {
  6820.     position :fixed !important;
  6821.     width: 650px !important;
  6822.     width: auto !important;
  6823.     margin-left: -322px !important;
  6824.     margin-top: 0px !important;
  6825.     border-radius: 5px !important;
  6826.     color: gray;
  6827.     z-index: 300 !important;
  6828. }
  6829. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  6830. #summary + #lastcheck{
  6831.     position :fixed !important;
  6832.     width: 650px !important;
  6833.     width: auto !important;
  6834.     margin-left: 28px !important;
  6835.     margin-top: -26px !important;
  6836.     border-radius: 5px !important;
  6837.     font-size: 11px !important;
  6838.     color: tan !important;
  6839.     background: black !important;
  6840.     z-index: 300 !important;
  6841. }
  6842.  
  6843.  
  6844. /* ==== BROWSE STY - SUMMARY ==== */
  6845.  
  6846. /* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
  6847. (TABLE VIEW PLUS - content:"SummaRy)
  6848. (ENHANCER - content: "SuMmary")
  6849. ==== */
  6850.  
  6851. /* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
  6852. #summary {
  6853.     position: fixed !important;
  6854.     display: inline-block ! important;
  6855.     height: 15px !important;
  6856.     line-height: 15px !important;
  6857.     left: 252px !important;
  6858.     top: 83px ! important;
  6859.     padding: 2px !important;
  6860.     border-radius: 5px !important;
  6861.     background-color: transparent !important;
  6862.     z-index: 220 !important;
  6863. }
  6864.  
  6865.  
  6866. /* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
  6867. *[class="label total"]:before {
  6868.     content:"SummaRy : " ;
  6869.     position: fixed ;
  6870.     display: inline-block ;
  6871.     width: auto ;
  6872.     height: 10px ;
  6873.     line-height: 8px ;
  6874.     top: 83px ;
  6875.     left: 48px ;
  6876.     padding: 1px 5px 3px 6px ;
  6877.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  6878.     border: 1px solid #777777 ;
  6879.     border-radius: 4px 4px 4px 4px ;
  6880.     box-shadow: 0 0 1px #777777 inset ;
  6881.     color: #E5E5E5;
  6882.     font-weight: bold ;
  6883.     z-index: 500 ;
  6884. }
  6885. /* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
  6886. #summary>tbody:after {
  6887.     position: fixed ;
  6888.     visibility: visible ;
  6889.     content: "SuMmary " ;
  6890.     height: 15px ;
  6891.     line-height: 15px ;
  6892.     top: 48px ;
  6893.     left: 270px ;
  6894.     padding: 1px 5px ;
  6895.     color: #E5E5E5 ;
  6896.     font-weight: bold ;
  6897.     border-radius: 5px ;
  6898.     box-shadow: 0 0 4px #999999 ;
  6899.     background-color: green ;
  6900. }
  6901. #summary>tbody {
  6902.     position: fixed !important;
  6903.     display: block !important;
  6904.     visibility: hidden!important;
  6905. }
  6906. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
  6907. #summary>tbody:hover {
  6908.     position: fixed !important;
  6909.     display: inline-block !important;
  6910.     left: 240px !important;
  6911.     top: 73px !important;
  6912.     visibility: visible!important;
  6913.     border-radius: 5px !important;
  6914.     box-shadow: 0 0 4px #999999 !important;
  6915.     background: red !important;
  6916. }
  6917.  
  6918. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
  6919. table#summary label.label:not(#good):not(#ok):not(#bad) {
  6920.     font-size: 11px ! important;
  6921.     color: gray ! important;
  6922. }
  6923. #good ,
  6924. #ok ,
  6925. #bad {
  6926.     font-size: 11px ! important;
  6927. }
  6928. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)-
  6929. MAKONDO (with pagination) : http://userstyles.org/users/60686
  6930. === */
  6931. #summary p {
  6932.     position: fixed !important;
  6933.     width: auto !important;
  6934.     top: 81px !important;
  6935.     left: 377px ! important;
  6936.     padding: 0 5px 2px 5px !important;
  6937.     font-size: 0px ! important;
  6938.     color: gray ! important;
  6939.     text-align: left !important;
  6940.     background: transparent ! important;
  6941. }
  6942. #summary:hover p {
  6943.     font-size: 10px ! important;
  6944.     color: gold ! important;
  6945.     text-align: left !important;
  6946.     background: red ! important;
  6947. }
  6948. #content-wrapper article#main-article table#summary label  + b ,
  6949. #content-wrapper article#main-article table#summary label   {
  6950.     position: relative ! important;
  6951.     display: inline ! important;
  6952.     top: -4px !important;
  6953.     left: -120px ! important;
  6954.     width: 650px !important;
  6955.     font-size: 10px ! important;
  6956.     color: gold ! important;
  6957.     text-align: left !important;
  6958.     background: transparent ! important;
  6959. }
  6960. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
  6961. #summary #resetBtn {
  6962.     position: fixed !important;
  6963.     height: 15px !important;
  6964.     line-height: 12px !important;
  6965.     width: 40px ! important;
  6966.     height: 38px !important;
  6967.     top: 79.5px !important;
  6968.     left: -2px ! important;
  6969.     padding: 0px 1px 4px 1px !important;
  6970.     border: 1px solid #777777 !important;
  6971.     border-radius: 4px !important;
  6972.     box-shadow: 0 0 1px #777777 inset !important;
  6973.     font-size: 11px !important;
  6974.     color: #D7D7D7 !important;
  6975.     cursor: pointer ! important;
  6976.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  6977. }
  6978. #summary #resetBtn:hover {
  6979.     color: gold ! important;
  6980. }
  6981.  
  6982. /* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES -
  6983. https://userstyles.org/users/190305
  6984. === */
  6985. #main-article dl + #summary {
  6986.     position: fixed !important;
  6987.     display: inline-block ! important;
  6988.     left: 252px !important;
  6989.     top: 112px ! important;
  6990.     border-radius: 5px !important;
  6991.     background-color: transparent !important;
  6992.     z-index: 220 !important;
  6993. }
  6994. #main-article dl + #summary *[class="label total"]:before {
  6995.     content:"SummaRy : " ;
  6996.     position: fixed ;
  6997.     display: inline-block ;
  6998.     width: auto ;
  6999.     height: 10px ;
  7000.     line-height: 7px ;
  7001.     top: 112px ;
  7002.     left: 48px ;
  7003.     padding: 1px 5px 1px 6px ;
  7004.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7005.     border: 1px solid #777777 ;
  7006.     border-radius: 4px 4px 4px 4px ;
  7007.     box-shadow: 0 0 1px #777777 inset ;
  7008.     color: #E5E5E5;
  7009.     font-weight: bold ;
  7010.     z-index: 500 !important;
  7011. }
  7012. /* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
  7013. #optBtn-container {
  7014.     position: absolute !important;
  7015.     display: inline-block !important;
  7016.     visibility: visible !important;
  7017.     width: 100px !important;
  7018.     height: 20px !important;
  7019.     line-height: 14px! important;
  7020.     top: -21px !important;
  7021.     left: 172px !important;
  7022.     border-radius : 5px! important;
  7023.     text-align: center !important;
  7024.     z-index: 200 !important;
  7025.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  7026. }
  7027. #optBtn-container a {
  7028.     text-align: center !important;
  7029.     text-decoration: none ! important;
  7030.     color: gray ! important;
  7031. }
  7032. #tohr {
  7033.     display: none! important;
  7034. }
  7035.  
  7036. /* ==== BROWSE SEARCH RESULTS ==== */
  7037.  
  7038. /* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
  7039. /*(NOT LOGED / with GM) */
  7040. body> #main-header + #content-wrapper {
  7041.     position: absolute ! important;
  7042.     display: inline-block ! important;
  7043.     float: left !important;
  7044.     clear: both !important;
  7045.     height: 100% !important;
  7046.     min-height: 200px !important;
  7047.     width: 100% !important;
  7048.     max-width: 95% !important;
  7049.     top: 55px !important;
  7050.     left: 0px !important;
  7051.     margin-left: 20px ! important;
  7052. }
  7053.  
  7054. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
  7055. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
  7056.     position: absolute !important;
  7057.     display: inline-block ! important;
  7058.     width: 82%! important;
  7059.     left: -27% !important;
  7060.     top: -24px !important;
  7061. }
  7062.  
  7063. /* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS -
  7064. #summary + #table-container
  7065. #main-header +#content-wrapper #main-article  ul+dl +h2 +#summary + #table-container (2GM)
  7066. === */
  7067. /* SEARCH*/
  7068. #table-container {
  7069.     position: absolute !important;
  7070.     display: inline-block ! important;
  7071.     width: 100% !important;
  7072.     max-width: 68.9% !important;
  7073.     min-width: 68.8% !important;
  7074.     left: 0px !important;
  7075.     margin-top: -1px !important;
  7076. }
  7077. /*MY SYTLES */
  7078. #summary + #table-container  {
  7079.     position: absolute !important;
  7080.     display: inline-block ! important;
  7081.     width: 100% !important;
  7082.     max-width: 68.9% !important;
  7083.     min-width: 68.8% !important;
  7084.     left: 0px !important;
  7085.     margin-top: 3px !important;
  7086. }
  7087. /* TABLE HEADER FIXED - === */
  7088. #style-table {
  7089.     width: 100% !important;
  7090.     min-width: 100% !important;
  7091.     max-width: 100% !important;
  7092.     margin-top: 42px !important;
  7093. }
  7094.  
  7095. #style-table>tr:first-of-type {
  7096.     display: inline-table  !important;
  7097.     position: fixed !important;
  7098.     height: 100%!important;
  7099.     max-height: 42px!important;
  7100.     max-height: 42px!important;
  7101.     width: 100% !important;
  7102.     max-width: 65.7% !important;
  7103.     min-width: 65.7% !important;
  7104.     margin-top: -46px !important;
  7105.     border-top: 4px solid tan !important;
  7106.     border-bottom: 4px solid tan !important;
  7107.     z-index: 200 !important;
  7108. }
  7109.  
  7110. /* TABLE VIEW PLUS - ??? ENHANCER -
  7111. #main-article> ul + dl +h2 + #summary + #table-container #style-table === */
  7112. #main-article> ul + dl +h2 + #summary + #table-container #style-table {
  7113. /* width: 100% !important; */
  7114. /* min-width: 103.9% !important; */
  7115. /* max-width: 103.9% !important; */
  7116. }
  7117. #main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
  7118.     position: fixed !important;
  7119.     margin-top: -52px !important;
  7120.     border-top: 4px solid tan !important;
  7121.     border-bottom: 4px solid tan !important;
  7122.     z-index: 200 !important;
  7123. }
  7124.  
  7125. /* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
  7126. #style-table th {
  7127.     color: tan;
  7128.     height: 25px !important;
  7129.     line-height: 3px !important;
  7130.     padding: 0 4px;
  7131.     text-shadow: 1px 1px 2px #000000;
  7132. }
  7133.  
  7134. /* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
  7135. #summary+ p + #table-container #style-table th  {
  7136.     display: inline-table  !important;
  7137.     color: tan;
  7138.     line-height: 3px !important;
  7139.     padding: 0 4px;
  7140.     text-shadow: 1px 1px 2px #000000;
  7141. }
  7142.  
  7143. /* POSITION COLUMN - TABLE VIEW PLUS */
  7144. #table-container #style-table th:first-of-type  {
  7145.     width: 1% !important;
  7146.     padding-left: 10px !important;
  7147. }
  7148. #table-container #style-table th:nth-child(2)  {
  7149.     max-width: 57% !important;
  7150.     min-width: 57% !important;
  7151.     padding-left: 10px !important;
  7152. }
  7153. #table-container #style-table th:last-of-type  {
  7154.     width: 7% !important;
  7155.     padding-right: 0px !important;
  7156. }
  7157.  
  7158. /* A VOIR ??? - === */
  7159. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  7160.     display: inline-table  !important;
  7161.     position: fixed !important;
  7162.     width: 970px !important;
  7163. }
  7164.  
  7165. /* POSITION COLUMN - ENHANCER */
  7166. #summary+ p + #table-container #style-table th:first-of-type  {
  7167.     width: 4% !important;
  7168. }
  7169. #summary+ p + #table-container #style-table th  {
  7170.     width: 8.1% !important;
  7171.     height: 20px!important;
  7172.     line-height: 20px!important;
  7173. }
  7174. #summary+ p + #table-container #style-table th:nth-child(2)  {
  7175.     min-width: 61.5% !important;
  7176.     max-width: 61.5% !important;
  7177.     border-right: 1px solid red!important;
  7178. }
  7179.  
  7180. /* A VOIR ??? - === */
  7181. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  7182.     display: inline-table  !important;
  7183.     position: fixed !important;
  7184.     width: 970px !important;
  7185. }
  7186.  
  7187. /* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
  7188. #summary+ p + #table-container {
  7189.     margin-top: -13px !important;
  7190.     max-width: 100% !important;
  7191.     min-width: 100% !important;
  7192.     width: 100% !important;
  7193. }
  7194. #summary+ p + #table-container #style-table {
  7195.     width: 100% !important;
  7196.     min-width: 67%! important;
  7197.     max-width: 67% !important;
  7198. }
  7199.  #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
  7200.     position: fixed !important;
  7201.     display: inline-block ! important;
  7202.     display: inline-table !important;
  7203.     top: 120px !important;
  7204.     min-width: 63.6%! important;
  7205.     max-width: 63.6% !important;
  7206.     height: 20px! important;
  7207.     line-height: 20px!important;
  7208.     border-bottom: 4px solid tan !important;
  7209.     border-top: 4px solid tan !important;
  7210.     background: red!important;
  7211.     z-index: 200 !important;
  7212. }
  7213. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - ZEBRA SEARCH RESULTS - NOT LOGED / without GM - (option for  LOGED / GM)  - === */
  7214. /* (LOGED + NOT LOGED with  NO GM) === */
  7215. .author-styles {
  7216.     position: absolute !important;
  7217.     display: inline-block ! important;
  7218.     top: 0px !important;
  7219.     width: 1150px ! important;
  7220. }
  7221. /* (NOT LOGED / with GM) */
  7222. .author-styles>tbody>tr:nth-child(odd) {
  7223.     background: #222222 ! important;
  7224. }
  7225. /* BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
  7226. .author-styles>tbody>tr>td[valign="top"]>a {
  7227.     color: #CF9C28  !important;
  7228. }
  7229. .author-styles>tbody>tr>td[valign="top"]>a:visited {
  7230.     color: #DDB46D  !important;
  7231. }
  7232. .author-styles>tbody>tr>td[valign="top"]>a:hover {
  7233.     color: tan !important;
  7234. }
  7235. .author-styles>thead>tr>th:nth-child(3) ,
  7236. .author-styles>thead>tr>th:nth-child(4) ,
  7237. .author-styles>thead>tr>th:nth-child(5){
  7238.     width: 43px !important;
  7239. }
  7240. .author-styles>thead>tr>th:nth-child(6){
  7241.     width: 100px !important;
  7242. }
  7243. /*  EDIT/Delete/Statictic ICONS - === */
  7244. table.author-styles tbody tr td+td a:nth-child(1) {
  7245.     font-size: 0px ! important;
  7246. }
  7247. /* (new60) NEDD CONVERT for Addstylish lib -  */
  7248. table.author-styles tbody tr td+td a[href$="/edit"]:before {
  7249.     content : "\270E " ! important;
  7250.     font-size: 18px ! important;
  7251. }
  7252. table.author-styles tbody tr td+td a:nth-child(2) {
  7253.     font-size: 0px ! important;
  7254. }
  7255. table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
  7256.     content : "\2717" ;
  7257.     font-size: 18px ;
  7258.     color: red ;
  7259. }
  7260. /* Text Shadow === */
  7261. #style-table tr td * {
  7262.     text-shadow: none !important;
  7263. }
  7264.  
  7265. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
  7266. #popup_container.popup_right,
  7267. #popup_container.popup_left {
  7268.     position: fixed !important;
  7269.     display: inline-block !important;
  7270.     float: right !important;
  7271.     top: 25% !important;
  7272.     right: 0% !important;
  7273.     padding: 0 !important;
  7274.     background: transparent !important;
  7275.     border: none !important;
  7276.     box-shadow: none !important;
  7277.     z-index: -5000 !important;
  7278. }
  7279. #popup_container img {
  7280.     position: absolute !important;
  7281.     display:  inline-block !important;
  7282.     float: none !important;
  7283.     float: right !important;
  7284.     min-width: 30% !important;
  7285.     max-width: 30% !important;
  7286.     box-shadow: 4px 4px 8px #000000;
  7287.     right: 0% !important;
  7288.     z-index: 500000 !important;
  7289.     border: 1px solid peru !important;
  7290. }
  7291. /* (new75) BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES */
  7292. @media screen and (max-width: 1400px){
  7293. #popup_container.popup_right,
  7294. #popup_container.popup_left {
  7295.     position: fixed !important;
  7296.     display: inline-block !important;
  7297.     height: 13000px !important;
  7298.     width: 1300px !important;
  7299.     float: right !important;
  7300.     top: 25% !important;
  7301.     right: 0% !important;
  7302.     padding: 0 !important;
  7303.     background: transparent !important;
  7304.     border: none !important;
  7305.     box-shadow: none !important;
  7306.     z-index: -5000 !important;
  7307. }
  7308. #popup_container img {
  7309.     position: absolute !important;
  7310.     display:  inline-block !important;
  7311.     float: none !important;
  7312.     float: right !important;
  7313. /* width: 100% !important; */
  7314. /* max-width: 28% !important; */
  7315.     box-shadow: 4px 4px 8px #000000;
  7316.     right: 1% !important;
  7317. /* background-size: contain !important; */
  7318.     z-index: 500000 !important;
  7319. }
  7320.  
  7321. /* ==== END BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES ==== */
  7322. }
  7323.  
  7324.  
  7325. /* BROWSE SEARCH RESULTS - Title === */
  7326. .style-brief-text>header>a:link {
  7327.     color: #CCCDCD !important;
  7328.     text-decoration: none !important;
  7329. }
  7330. /* BROWSE SEARCH RESULTS - Desc - === */
  7331. .style-brief-text > a:visited {
  7332.     color: #929292 !important;
  7333.     text-decoration: none !important;
  7334. }
  7335. .style-brief-text > a:active {
  7336.     color: #929292 !important;
  7337.     text-decoration: none !important;
  7338. }
  7339.  
  7340.  
  7341. /* (new84) PAGINATION ALL - PB NOT LOGED - === */
  7342.  .pagination {
  7343.     position: fixed !important;
  7344.     display: inline-block !important;
  7345. /*     width: 100% !important; */
  7346.     max-width: 350px !important;
  7347.     min-width: 350px !important;
  7348.     height: 17px!important;
  7349.     line-height: 17px!important;
  7350.     top: 29px !important;
  7351.     left: 550px !important;
  7352. /* right: 15% !important; */
  7353.     padding: 1px !important;
  7354.     text-align: center !important;
  7355.     z-index: 200 !important;
  7356.     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);
  7357.     border-radius: 3px 3px 0 0 !important;
  7358. }
  7359. .pagination > a {
  7360.     display: inline-block !important;
  7361.     border: 1px solid #999999;
  7362.     border-radius: 3px !important;
  7363.     font-size: 10px;
  7364.     margin-left: -1px;
  7365.     margin-right: -1px;
  7366.     top: -5px !important;
  7367.     padding: 0 3px !important;
  7368. }
  7369. /* PAGINATION - ALL -  Link - === */
  7370. .pagination > a {
  7371.     margin-left: -1px;
  7372.     margin-right: -1px;
  7373.     padding: 0 3px !important;
  7374.     border: 1px solid #999999;
  7375.     border-radius: 3px  !important;
  7376.     font-size: 10px;
  7377. }
  7378. .pagination>a:hover {
  7379.     padding: 0 3px !important;
  7380.     font-size: 12px !important;
  7381.     text-decoration: none;
  7382.     color: #000000;
  7383.     border-radius: 3px;
  7384.     border: 1px solid #A7A7A7;
  7385.     background-color: white;
  7386. }
  7387. /* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
  7388. .current {
  7389.     margin-left: 1px;
  7390.     margin-right: 1px;
  7391.     padding: 0 3px !important;
  7392.     font-size: 12px !important;
  7393.     text-decoration: none;
  7394.     font-weight: bold;
  7395.     color: #000000;
  7396.     border-radius: 3px;
  7397.     border: 1px solid #336699;
  7398.     background-color: #F5F7FA;
  7399. }
  7400. /* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
  7401. .previous_page.disabled ,
  7402. .disabled.prev_page {
  7403.     display: none !important;
  7404. }
  7405.  
  7406. /* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
  7407. #table-container + .pagination {
  7408.     line-height: 13px!important;
  7409.     top: 32px !important;
  7410.     left: 450px !important;
  7411.     padding: 1px !important;
  7412. /*     background: red !important; */
  7413. }
  7414.  
  7415. /* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE -
  7416. https://greasyfork.org/fr/scripts?per_page=100&sort=created
  7417. === */
  7418. .next_page {
  7419.     display: inline-block!important;
  7420.     width: 80px !important;
  7421. }
  7422. .next_page.disabled {
  7423.     display: none !important;
  7424. }
  7425.  
  7426. /* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
  7427. USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
  7428. GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
  7429. ==== */
  7430.  
  7431.  
  7432. /* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) -
  7433. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  7434. http://userstyles.org/users/169?page=2&per_page=10
  7435. === */
  7436. .ad + .pagination {
  7437.     position: fixed !important;
  7438.     display: inline-block !important;
  7439.     height: 20px!important;
  7440.     width: 100% !important;
  7441.     width: auto !important;
  7442.     max-width: 600px !important;
  7443.     min-width: 600px !important;
  7444.     left: 270px !important;
  7445.     top: 35px !important;
  7446.     padding: 1px 5px !important;
  7447.     z-index: 200 !important;
  7448. outline: 1px solid green !important;
  7449. }
  7450.  
  7451.  
  7452. /* (new79) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  -
  7453.  
  7454. Without CITRUS :
  7455. #browse-script-list + .pagination
  7456. WITH CITRUS :
  7457. #script-table + .pagination
  7458. BUT NOT for SET VIEW (CITRUS) :
  7459. #UserSets + .width-constraint .pagination
  7460. === */
  7461. .width-constraint .pagination {
  7462.     position: fixed !important;
  7463.     display: inline-block !important;
  7464.     vertical-align: bottom !important;
  7465.     min-width: 100% !important;
  7466.     max-width: 100% !important;
  7467.     max-width: 450px !important;
  7468.     min-width: 450px !important;
  7469.     height: 17px !important;
  7470.     line-height: 15px !important;
  7471.     top: 27px !important;
  7472.     left: 51.4% !important;
  7473.     padding: 1px !important;
  7474. /* text-align: left !important; */
  7475.     border-radius: 3px 3px 0 0 !important;
  7476.     box-shadow: none !important;
  7477.     text-align: center !important;
  7478.     border: 1px solid peru !important;
  7479. /*     background: transparent!important; */
  7480. }
  7481.  
  7482. /* (new66) PAGINATION - SCRIPT PAGE  - MEDIA QUERIE - === */
  7483. @media screen and (max-width: 1400px) {
  7484. .width-constraint .pagination {
  7485. left: 44% !important;
  7486. }
  7487. /* ==== END === PAGINATION - SCRIPT PAGE  - MEDIA QUERIE  ==== */
  7488. }
  7489.  
  7490. /* A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK -
  7491. https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
  7492. === */
  7493. #UserSets + .width-constraint .pagination {
  7494.     position: fixed !important;
  7495.     display: inline-block !important;
  7496.     min-width: 100% !important;
  7497.     max-width: 100% !important;
  7498.     max-width: 550px !important;
  7499.     min-width: 550px !important;
  7500.     height: 15px !important;
  7501.     line-height: 15px !important;
  7502.     top: 49px !important;
  7503.     left: 34% !important;
  7504.     padding: 1px !important;
  7505.     text-align: left !important;
  7506.     background: transparent !important;
  7507.     border-radius: 5px !important;
  7508.     box-shadow: none !important;
  7509.     text-align: center !important;
  7510. }
  7511.  
  7512. /* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
  7513. #script-table + .pagination  {
  7514.     position: fixed !important;
  7515.     display: inline-block !important;
  7516.     width: 100% !important;
  7517.     max-width: 459px !important;
  7518.     min-width: 459px !important;
  7519.     height: 15px!important;
  7520.     line-height: 15px!important;
  7521.     top: 28px !important;
  7522.     left: 51% !important;
  7523.     padding: 1px !important;
  7524.     border-radius: 3px 3px 0 0 !important;
  7525.     text-align: center !important;
  7526.     box-shadow: 0 0 4px #999999 !important;
  7527.     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);
  7528.     z-index: 200 !important;
  7529. }
  7530. /* (new74) PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - MEDIA QUERIE - === */
  7531. @media screen and (max-width: 1400px) {
  7532. #script-table + .pagination  {
  7533.     left: 43.5% !important;
  7534. }
  7535. /* ==== END === PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE === */
  7536. }
  7537. /* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
  7538. /* ALL */
  7539. /* .pagination > *,
  7540. .script-list + .pagination > *,
  7541. .user-list + .pagination > * , */
  7542. .pagination .current,
  7543. .pagination .gap ,
  7544. .pagination a ,
  7545. body[pagetype="ListingPage"] .gap ,
  7546. body[pagetype="ListingPage"] .current ,
  7547. body[pagetype="ListingPage"] .pagination a {
  7548. display: inline-block !important;
  7549.     position: relative !important;
  7550.     height: 14px !important;
  7551.     line-height: 14px !important;
  7552.     margin-top: -5px !important;
  7553.     top: -1px !important;
  7554.     padding: 0 3px !important;
  7555.     border: none !important;
  7556.     border-radius: 3px !important;
  7557.     box-shadow: 3px 3px 2px black !important;
  7558.     background: #222 !important;
  7559. }
  7560.  
  7561. .pagination .current,
  7562. .pagination .gap ,
  7563. body[pagetype="ListingPage"] .pagination .gap ,
  7564. body[pagetype="ListingPage"]  .pagination .current {
  7565.     color: white !important;
  7566. }
  7567.  
  7568. .pagination .current,
  7569. body[pagetype="ListingPage"] .pagination .current {
  7570.     margin-top: 0px !important;
  7571.     top: -2px !important;
  7572. /* color: white !important; */
  7573. }
  7574. /* body[pagetype="ListingPage"] .pagination a:hover , */
  7575. .pagination > a.next_page ,
  7576. .pagination > a.next_page:hover ,
  7577. .pagination > a.previous_page,
  7578. .pagination > a.previous_page:hover  {
  7579.     width: 20px !important;
  7580.     font-size: 0px !important;
  7581. }
  7582. .previous_page:before {
  7583.     content: "<" ;
  7584.     font-size: 10px !important;
  7585. }
  7586. .next_page:before {
  7587.     content: ">" ;
  7588.     font-size: 10px !important;
  7589. }
  7590.  
  7591. /* (new87) USERSTYLES */
  7592. #content-wrapper #main-article .pagination>.current {
  7593.     margin-top: 0px !important;
  7594.     top: 0px !important;
  7595.     color: white !important;
  7596. }
  7597. span.Ellipsis {
  7598.     height: 14px !important;
  7599.     line-height: 7px !important;
  7600.     border-radius: 3px !important;
  7601.     box-shadow: 3px 3px 2px black !important;
  7602. color: peru !important;
  7603. }
  7604. .pagination .gap ,
  7605. body[pagetype="ListingPage"] .pagination .gap {
  7606.     line-height: 2px !important;
  7607.     top: -7px !important;
  7608.     border-radius: 3px !important;
  7609.     box-shadow: 3px 3px 2px black !important;
  7610. }
  7611. #content-wrapper #main-article .pagination> .gap {
  7612.     vertical-align: middle !important;
  7613.     line-height: 7px !important;
  7614.     top: 2px !important;
  7615. }
  7616.  
  7617. /* (new77) USERSTYLES)
  7618. /* #content-wrapper #main-article .pagination> .gap ,
  7619. #content-wrapper #main-article .pagination>.current {
  7620. display: inline-block !important;
  7621.     color: red !important;
  7622. } */
  7623. .pagination a:hover ,
  7624. body[pagetype="ListingPage"] .pagination a:hover {
  7625.     padding: 0 3px !important;
  7626. }
  7627.  
  7628. /* ==== EDIT PAGE ==== */
  7629.  
  7630. /* EDIT - INFOS - Textarea Input === */
  7631. table.form-controls,
  7632. .form-controls > tbody > tr > td ,
  7633.     textarea#style_long_description ,
  7634.     textarea#style_additional_info ,
  7635.     textarea#css {
  7636.     min-width: 940px !important;
  7637. }
  7638. /* EDIT - INFOS - SHORT DESC - === */
  7639. .form-controls>tbody>tr>td [id="style_short_description"] {
  7640.     min-width: 200px!important;
  7641.     resize: both !important;
  7642.     overflow:auto !important;
  7643. }
  7644. /* EDIT - INFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
  7645. .form-controls>tbody>tr>td>dl>dd>img{
  7646.     box-shadow: 0 0 4px #999999 !important;
  7647.     height: auto;
  7648.     margin-left: 200px !important;
  7649.     max-width: 900px !important;
  7650. }
  7651. .form-controls>tbody>tr>td>dl>dd{
  7652.     margin-left: -169px !important;
  7653. }
  7654. /* EDIT - INFOS - ScreenShots (PreView) - Additional === */
  7655. .form-controls>tbody>tr>td>table>tbody>tr>td>img{
  7656.     box-shadow: 0 0 4px #999999 !important;
  7657.     height: auto;
  7658.     max-width: 900px !important;
  7659. }
  7660. /* EDIT - INFOS - ScreenShots - Additional (Table) === */
  7661. .form-controls>tbody>tr>td>table{
  7662.     margin-left: -149px !important;
  7663. }
  7664.  
  7665. /* (new91) EDIT - MAIN CONT - === */
  7666. #main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  7667.     position: absolute !important;
  7668.     display: inline-block !important;
  7669.     max-width: 800px !important;
  7670.     margin-top: 35px ! important;
  7671.     margin-left: 5% ! important;
  7672. }
  7673.  
  7674. /* EDIT - WIDGET - === */
  7675. #main-article>form[action="/help/widget"] {
  7676.     position: relative !important;
  7677.     display: table !important;
  7678.     min-width: 910px !important;
  7679.     max-width: 910px !important;
  7680.     margin-top: 3px ! important;
  7681.     margin-left: -3px ! important;
  7682.     background: #222 !important;
  7683. }
  7684.  
  7685. #main-article>form[action="/help/widget"] .form-controls {
  7686.     min-width: 910px !important;
  7687.     max-width: 910px !important;
  7688. }
  7689. #main-article>form[action="/help/widget"] .form-controls tbody tr {
  7690.     display: inline-block !important;
  7691.     width: 100% !important;
  7692.     min-width: 910px !important;
  7693.     max-width: 910px !important;
  7694.     margin-bottom: 0px !important;
  7695.     text-align: center !important;
  7696. }
  7697. #main-article>form[action="/help/widget"] .form-controls tbody tr td ,
  7698. #main-article>form[action="/help/widget"] .form-controls tbody tr th {
  7699.     display: inline-block !important;
  7700.     min-width: 870px !important;
  7701.     max-width: 870px !important;
  7702.     padding: 0 !important;
  7703.     text-align: center !important;
  7704. }
  7705.  
  7706. /* EDIT - USERSTYLES - DELETE STYLE PAGE - === */
  7707. #main-article>form[action="/styles/delete_save"] {
  7708.     position: absolute !important;
  7709.     display: inline-block !important;
  7710.     max-width: 800px !important;
  7711.     min-height: 400px !important;
  7712.     margin-top: 100px !important;
  7713.     margin-left: -55% !important
  7714. }
  7715. #main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
  7716.     min-height: 400px !important;
  7717. }
  7718.  
  7719.  
  7720. /* EDIT - STY NAME INPUT - === */
  7721. article#main-article form .form-controls input#style_short_description {
  7722.     width: 600px !important;
  7723. }
  7724. /* EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
  7725. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  7726.     display: block !important;
  7727.     position: relative !important;
  7728.     width: auto !important;
  7729. }
  7730. .form-controls>table>tbody>tr>td:first-of-type>input {
  7731.     width: 462px !important;
  7732. }
  7733. .form-controls>table>tbody>tr>td:nth-child(2)>input {
  7734.     width: 465px !important;
  7735. }
  7736. /* EDIT - CHECK BOX (REMOVE/CHANGE) - === */
  7737. .form-controls>table>tbody>tr>td:nth-child(3)>input {
  7738.     position: absolute !important;
  7739.     top: -20px !important;
  7740. }
  7741. .form-controls>table>tbody>tr>td:nth-child(3):after {
  7742.     position: absolute ;
  7743.     display: inline-block ;
  7744.     content: "Remove / Change" ;
  7745.     width: 200px ;
  7746.     height: 15px ;
  7747.     margin-top: -22px ;
  7748.     margin-left: 45px ;;
  7749.     font-size: 15px ;
  7750.     color: red ;
  7751. }
  7752. /* EDIT - LABELS - === */
  7753. .form-controls>label {
  7754.     color: gold ! important;
  7755. }
  7756. /* EDIT - SCREENSHOTS - TITLES SECT - === */
  7757. .form-controls>table>thead>tr {
  7758.     display: none ! important;
  7759. }
  7760.  
  7761. /* EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
  7762. .form-controls>table>tbody>tr:nth-child(odd) {
  7763.     display: inline-block ! important;
  7764.     min-width: 900px ! important;
  7765.     background: #222222 ! important;
  7766.     padding: 10px 50px 20px 50px ! important;
  7767. }
  7768. .form-controls>table>tbody>tr:nth-child(even) {
  7769.     display: inline-block ! important;
  7770.     background: #0B0909 ! important;
  7771.     padding: 10px 50px 20px 50px ! important;
  7772.     min-width: 900px ! important;
  7773. }
  7774.  
  7775. /* EDIT - ADDIT SCREENSHOT - === */
  7776. .form-controls>table>tbody>tr>td:nth-child(4) {
  7777.     position: relative !important;
  7778.     display: inline-block !important;
  7779.     left: -2% !important;
  7780.     top: 20px ! important;
  7781.     margin-bottom: 60px ! important;
  7782.     text-align: left !important;
  7783. }
  7784. .form-controls>table>tbody>tr>td:nth-child(4) img {
  7785.     position: relative !important;
  7786.     display: inline-block !important;
  7787.     max-width: 850px !important;
  7788.     left: -2% !important;
  7789.     top: 20px ! important;
  7790.     margin-bottom: 60px ! important;
  7791.     text-align: left !important;
  7792. }
  7793.  
  7794. /* EDIT - ADD A NEW SCREENSHOT - === */
  7795. .form-controls>table>tbody>tr:last-of-type:before {
  7796.     content: "Add a NEW Screenshot : " ;
  7797.     display: inline-block ;
  7798.     font-size: 10px ;
  7799.     color: gold ;
  7800. }
  7801.  
  7802.  
  7803. /* [[1]==== END ==== */
  7804.  
  7805. /* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT
  7806. OLD:
  7807. #content-wrapper article#main-article dl + h2 ~
  7808.  
  7809. .style-brief:nth-child(-n+4) .style-brief-text > p ,
  7810. .style-brief:nth-child(n+11) .style-brief-text > p
  7811.  
  7812. ===== */
  7813. .listing-left-info {
  7814.     position: absolute !important;
  7815.     display: inline-block !important;
  7816.     float: none !important;
  7817.     min-height: 100px;
  7818.     width: 100% !important;
  7819. }
  7820.  
  7821. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
  7822. .style-brief:nth-child(odd) {
  7823.     background: #222222 !important;
  7824. }
  7825.  
  7826. /* NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN -
  7827. PB - SEARCH (BIG) :
  7828. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  7829. #social ~article.style-brief:nth-child( 4n + 2 )
  7830. === */
  7831. .style-brief {
  7832.     position: relative ! important;
  7833.     display: inline-block ! important;
  7834.     width: 32.72% !important;
  7835.     height: 163px ! important;
  7836.     right: 7.5% ! important;
  7837.     margin-top: 6px !important;
  7838.     margin-bottom: 0px !important;
  7839.     border-radius: 5px !important;
  7840.     box-shadow: 6px 5px 6px black !important;
  7841.     border: 1px solid gray ! important;
  7842.     overflow: hidden ! important;
  7843. }
  7844. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
  7845. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
  7846.     position: relative ! important;
  7847.     display: inline-block ! important;
  7848.     float: left !important;
  7849.     width: 49.6% !important;
  7850.     height: 224px ! important;
  7851.     right: 7.7% ! important;
  7852.     margin-top: 6px !important;
  7853.     margin-bottom: 0px !important;
  7854.     border-radius: 5px !important;
  7855.     box-shadow: 6px 5px 6px black !important;
  7856.     border: 1px solid gray ! important;
  7857.     overflow: hidden ! important;
  7858. }
  7859. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
  7860. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
  7861.     left: 180px;
  7862. }
  7863.  
  7864.  
  7865. /* NOT LOGGED - STYLES INFOS */
  7866. .style-brief-text {
  7867.     position: absolute !important;
  7868.     display: inline-block !important;
  7869.     float: none !important;
  7870.     height: 150px ! important;
  7871.     width: 100% !important;
  7872.     max-width: 67% !important;
  7873.     margin-left: 10% !important;
  7874.     left: 119px;
  7875.     top: 2px !important;
  7876. /* overflow: hidden !important; */
  7877. /* overflow-y: auto !important; */
  7878. /* white-space: pre-line !important; */
  7879. }
  7880.  
  7881. /* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
  7882. .style-brief-control-links:before {
  7883. content: "⏪ " !important;
  7884.     position: absolute !important;
  7885. width: 20px !important;
  7886. height: 17px !important;
  7887. line-height: 17px !important;
  7888. left: -10px;
  7889. color: gold !important;
  7890. background: green !important;
  7891. z-index: 500 ;
  7892. }
  7893. .style-brief-control-links:hover:before {
  7894. content: "⏩ " !important;
  7895.     position: absolute !important;
  7896. /*     padding-top: 0 !important; */
  7897. width: 20px ;
  7898. left: -20px;
  7899. /*     top: 28px; */
  7900. color: white  !important;
  7901. text-align: center ;
  7902. z-index: 500 ;
  7903. }
  7904. .style-brief-control-links {
  7905.     position: absolute !important;
  7906.     padding-top: 0 !important;
  7907. width: 10px !important;
  7908.     right: -12px;
  7909.     top: 22px;
  7910. color: peru !important;
  7911. white-space: nowrap !important;
  7912. z-index: 500 ;
  7913. }
  7914. .style-brief-control-links:hover {
  7915. width: auto !important;
  7916.     right: 0px;
  7917. color: peru !important;
  7918. background: green !important;
  7919. z-index: 500 ;
  7920. }
  7921. .style-brief-control-links a:hover {
  7922.     color: tomato !important;
  7923. background: black !important;
  7924. }
  7925. .style-brief-text>p::first-line {
  7926.     color: red !important;
  7927. }
  7928. .style-brief-text>p {
  7929. /* position: relative !important; */
  7930. position: absolute !important;
  7931.     display: inline-block !important;
  7932. /* vertical-align: top !important; */
  7933. /* vertical-align: top !important; */
  7934.     width: 81.5% !important;
  7935.     height: 115px !important;
  7936.     left: 51px;
  7937. top: 25px !important;
  7938. /*     margin-top: 8px !important; */
  7939. margin: 0 auto !important;
  7940.     padding: 0 5px !important;
  7941. overflow: hidden !important;
  7942. overflow-y: auto !important;
  7943. white-space: pre-line !important;
  7944. /* border: 1px solid aqua !important; */
  7945. }
  7946.  
  7947. /* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
  7948. /*#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(-n+3) .style-brief-text > p ,
  7949. #content-wrapper article#main-article h2 ~ article.style-brief:nth-child(n+10) .style-brief-text > p*/
  7950.  
  7951. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
  7952. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
  7953. /*     position: relative !important; */
  7954. /*     display: inline-block !important; */
  7955.     width: 90.5% !important;
  7956.     height: 178px !important;
  7957.     left: 37px;
  7958.     top: 24px !important;
  7959.     padding: 0 5px !important;
  7960.     overflow: hidden !important;
  7961.     overflow-y: auto !important;
  7962. /* border: 1px solid red !important; */
  7963. }
  7964.  
  7965. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) -
  7966. .style-brief-text > header > a:link
  7967. === */
  7968. .style-brief header {
  7969.     font-size: 0.89vw !important;
  7970.     position: absolute !important;
  7971.     display: inline-block ! important;
  7972.     width: 150% !important;
  7973.     height: 100% !important;
  7974.     min-height: 25px ! important;
  7975.     max-height: 25px ! important;
  7976.     line-height: 25px !important;
  7977.     top: -3px !important;
  7978.     left: -49.5% !important;
  7979.     padding-bottom: 0px ! important;
  7980.     overflow: hidden !important;
  7981.     white-space: nowrap !important;
  7982.     text-overflow: ellipsis !important;
  7983.     text-align: center !important;
  7984. }
  7985. .style-brief-text > header > a:link  {
  7986.     position: relative !important;
  7987.     display: inline-block ! important;
  7988.     width: 100% !important;
  7989.     left: 0px!important;
  7990.     overflow: hidden !important;
  7991.     white-space: nowrap !important;
  7992.     text-overflow: ellipsis !important;
  7993.     background: black !important;
  7994. }
  7995. /* NOT LOGGED - STYLES NAME - BIG
  7996. .style-brief-text > header > a:link
  7997. === */
  7998. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
  7999. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
  8000.     font-size: 1.1vw !important;
  8001. }
  8002.  
  8003. /* NOT LOGGED - STATS */
  8004. .style-brief-stats {
  8005.     position: absolute !important;
  8006.     display: inline-block !important;
  8007.     float: right!important;
  8008.     height: 16px !important;
  8009.     line-height: 16px !important;
  8010.     width: 100% !important;
  8011.     right: 0px !important;
  8012.     left: 0%! important;
  8013.     bottom: -12px !important;
  8014.     padding: 2px 0 2px 12px !important;
  8015.     text-align: left !important;
  8016.     background: black ! important;
  8017. }
  8018. .style-brief-stats span {
  8019.     display: inline !important;
  8020.     min-width: 16em;
  8021.     width: auto !important;
  8022.     border: 1px solid gray !important;
  8023.     margin-right: 10px !important;
  8024.     margin-left: 10px !important;
  8025.     padding: 1px !important;
  8026.     color: tan !important;
  8027. }
  8028.  
  8029. /* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
  8030. .style-brief-text .style-brief-stats span:last-child {
  8031.     position: absolute !important;
  8032.     left: -5px !important;
  8033.     min-width: 10px !important;
  8034.     max-width: 10px !important;
  8035.     min-height: 16px !important;
  8036.     max-height: 16px !important;
  8037.     line-height: 16px !important;
  8038.     padding: 0 3px 0 15px !important;
  8039.     border: none !important;
  8040.     cursor: pointer !important;
  8041.     font-size: 0 !important;
  8042. }
  8043.  
  8044. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  8045.     content: ". " ;
  8046.     position: absolute ;
  8047.     display: inline-block ;
  8048.     left: 0 ;
  8049.     min-width: 19px ;
  8050.     max-width: 19px ;
  8051.     min-height: 14px ;
  8052.     max-height: 15px ;
  8053.     line-height: 15px ;
  8054.     margin-top: -1px ;
  8055.     font-size: 15px ;
  8056.     color: transparent ;
  8057.     background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  8058.     background-position:-101px -457px ;
  8059. }
  8060. .style-brief-text .style-brief-stats span:hover:last-child {
  8061.     position: absolute !important;
  8062.     min-width: 100% !important;
  8063.     height: 15px !important;
  8064.     line-height: 15px !important;
  8065.     font-size: 11px !important;
  8066.     color: gold !important;
  8067.     background: black !important;
  8068. }
  8069. /* (new86) ICON RATING - GOOD / BAD -
  8070. .style-brief.good-rating .style-brief-stats img
  8071. === */
  8072. .style-brief-stats .bad-average-rating {
  8073.     position: absolute !important;
  8074.     left: -2px !important;
  8075. top: 2px !important;
  8076. }
  8077. .style-brief.good-rating .style-brief-stats img {
  8078.     position: absolute !important;
  8079.     left: -2px !important;
  8080. }
  8081. /* NOT LOGGED - RATING AVERAGE - BIG - === */
  8082. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
  8083. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
  8084.     position: absolute !important;
  8085.     display: inline-block !important;
  8086.     float: left !important;
  8087.     width: auto !important;
  8088.     left: 4px !important;
  8089.     bottom: -72px !important;
  8090.     right: 0 !important;
  8091.     padding: 2px 0 0 4% !important;
  8092.     font-size: smaller !important;
  8093.     text-align: left !important;
  8094.     background: black !important;
  8095. }
  8096.  
  8097. /* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
  8098. .style-brief .listing-left-info figure.screenshot-thumbnail {
  8099.     position: relative !important;
  8100.     display: inline-block ! important;
  8101.     vertical-align: top ! important;
  8102.     margin-top: 28px  ! important;
  8103.     margin-bottom: 0 ! important;
  8104.     width: 42% !important;
  8105.     height: 265px;
  8106.     max-height: 130px !important;
  8107.     min-height: 130px !important;
  8108.     overflow-y: hidden ! important;
  8109.     text-align: center ! important;
  8110. /* border: 1px solid pink !important; */
  8111. }
  8112. /* to prevent small screenshots became too bigger */
  8113.  .style-brief .listing-left-info figure.screenshot-thumbnail img {
  8114.     position: relative !important;
  8115.     display: inline-block !important;
  8116.     max-width: 77% !important;
  8117.     max-height: 128px !important;
  8118. /* vertical-align: middle !important; */
  8119. /* vertical-align: middle !important; */
  8120. /* margin: auto 0 !important; */
  8121.     border: 1px dotted gray !important;
  8122. }
  8123. /* .style-brief.no-rating>div[style="clear:left"] {
  8124. display: none !important;
  8125. } */
  8126. /* NOT LOGGED - SCREENSHOT - BIG - === */
  8127. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
  8128. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
  8129.     position: relative !important;
  8130.     display: inline-block !important;
  8131. vertical-align: middle !important;
  8132.     max-height: 195px !important;
  8133.     min-height: 195px !important;
  8134.     width: 36.5% !important;
  8135.     margin-top: 25px !important;
  8136.     margin-left: 0.3% !important;
  8137.     text-align: center !important;
  8138.     overflow-y: hidden !important;
  8139. /* border: 1px solid tan !important; */
  8140. }
  8141.  
  8142. /* NOT LOGGED - NO SCREENSHOT - === */
  8143. .style-brief .listing-no-screenshot {
  8144.     width: 30% !important;
  8145.     margin: 27px 0 0 3px !important;
  8146. }
  8147. .listing-no-screenshot {
  8148.     width: 70% !important;
  8149.     height: 110px !important;
  8150.     background-color: black !important;
  8151. }
  8152.  
  8153.  
  8154. /* GM "AUTOPAGERIZE" - GENERAL - OK - === */
  8155. .autopagerize_page_info {
  8156.     text-align: center !important;
  8157.     font-size: 8px !important;
  8158.     color: white !important;
  8159.     background: #222 !important;
  8160. }
  8161. .autopagerize_page_info a {
  8162.     display: inline-block !important;
  8163.     min-width: 20px !important;
  8164.     height: 20px !important;
  8165.     line-height: 20px !important;
  8166.     margin-top: 3px !important;
  8167.     border-radius: 100% !important;
  8168.     text-align: center !important;
  8169.     font-size: 14px !important;
  8170.     color: white !important;
  8171.     background: red !important;
  8172. }
  8173.  
  8174.  
  8175. /* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
  8176. /* GM "AUTOPAGERIZE - DISABLE  */
  8177. .autopagerize_page_info ~ article.style-brief  {
  8178.     position: relative ! important;
  8179.     display: inline-block ! important;
  8180.     width: 32.72% !important;
  8181.     height: 163px ! important;
  8182.     right: 7.5% ! important;
  8183.     margin-top: 6px !important;
  8184.     margin-bottom: 0px !important;
  8185.     border-radius: 5px !important;
  8186.     box-shadow: 6px 5px 6px black !important;
  8187.     border: 1px solid gray ! important;
  8188.     overflow: hidden ! important;
  8189. }
  8190.  
  8191. /* TEST - GM "AUTOPAGERIZE" ADAPTATION  -
  8192. https://userstyles.org/users/131844
  8193. === */
  8194.  
  8195. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  8196.     display: inline-block !important;
  8197.     clear: both;
  8198.     width: 100% !important;
  8199.     top: 5px !important;
  8200.     margin-left: -75px !important;
  8201.     margin-bottom: -15px !important;
  8202. }
  8203.  
  8204. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  8205.     width: 100% !important;
  8206.     margin-left: -145px !important;
  8207.     top: 5px !important;
  8208.     color: white !important;
  8209.     font-size: 8px !important;
  8210.     text-align: center !important;
  8211.     background: #222  !important;
  8212. }
  8213.  
  8214. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
  8215.     display: inline-block !important;
  8216.     height: 265px;
  8217.     margin-bottom: 0 !important;
  8218.     margin-top: 28px !important;
  8219.     max-height: 160px !important;
  8220.     min-height: 160px !important;
  8221.     overflow-y: hidden !important;
  8222.     position: relative !important;
  8223.     text-align: left !important;
  8224.     vertical-align: top !important;
  8225.     width: 42% !important;
  8226. }
  8227.  
  8228. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
  8229.     display: inline-block !important;
  8230.     float: right !important;
  8231.     height: 150px !important;
  8232.     margin-left: 10% !important;
  8233.     max-width: 67% !important;
  8234.     position: relative !important;
  8235.     top: 2px !important;
  8236.     width: 100% !important;
  8237. }
  8238. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
  8239.     background: black none repeat scroll 0 0 !important;
  8240.     display: inline-block !important;
  8241.     left: 0 !important;
  8242.     overflow: hidden !important;
  8243.     position: relative !important;
  8244.     text-overflow: ellipsis !important;
  8245.     white-space: nowrap !important;
  8246.     width: 100% !important;
  8247. }
  8248.  
  8249. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
  8250. margin-bottom: 61px !important;
  8251.     background: black !important;
  8252.     bottom: -12px !important;
  8253.     display: inline-block !important;
  8254.     float: right !important;
  8255.     height: 16px !important;
  8256.     left: 0 !important;
  8257.     line-height: 16px !important;
  8258.     padding: 2px 0 2px 12px !important;
  8259.     position: absolute !important;
  8260.     right: 0 !important;
  8261.     text-align: left !important;
  8262.     width: 100% !important;
  8263. }
  8264. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
  8265.  
  8266. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  8267.     position: absolute !important;
  8268.     display: inline-block !important;
  8269.     float: left !important;
  8270.     width: auto !important;
  8271.     left: 0px !important;
  8272.     bottom: -132px !important;
  8273.     padding: 2px 0 0 4% !important;
  8274.     font-size: smaller !important;
  8275.     text-align: left !important;
  8276.     background: black !important;
  8277. }
  8278.  
  8279. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  8280.     position: relative !important;
  8281.     display: inline-block !important;
  8282.     width: 97% !important;
  8283.     min-height: 185px !important;
  8284.     max-height: 185px !important;
  8285.     top: 12px !important;
  8286.     overflow-x: hidden !important;
  8287.     overflow-y: auto !important;
  8288.     padding: 0 5px !important;
  8289. }
  8290.  
  8291.  
  8292. /* [[2]==== END ==== */
  8293.  
  8294.  
  8295. /* [[1]] +[[2]==== END ==== */
  8296.  
  8297.  
  8298. /* ======== NEW FORUM ==== */
  8299.  
  8300. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON -
  8301. 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)
  8302. */
  8303. .UserBox .WhoIs,
  8304. .MeBox .WhoIs {
  8305.     position: relative !important;
  8306.     display: inline-block !important;
  8307.     width: 200px !important;
  8308.     height: 100px!important;
  8309.     padding: 0 5px 2px 0 !important;
  8310.     border-radius: 5px !important;
  8311.     border: 1px solid gray !important;
  8312.     text-align: center !important;
  8313. }
  8314. /* (new74) With USER ICON */
  8315. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  8316. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  8317.     position: relative !important;
  8318.     display: inline-block !important;
  8319.     width: 196px !important;
  8320.     height: 100px!important;
  8321.     left: 0px !important;
  8322.     margin-top: -50px !important;
  8323.     padding: 0 0px 2px 0 !important;
  8324.     border-radius: 5px !important;
  8325.     border: 1px solid gray !important;
  8326.     box-shadow: 3px 3px 2px black !important;
  8327.     text-align: center !important;
  8328. }
  8329. .UserBox a.Username:before,
  8330. .MeBox a.Username:before {
  8331.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  8332.     position: relative ;
  8333.     display: inline-block ;
  8334.     width: 157px !important;
  8335.     margin-left: 0 !important;
  8336.     padding: 0 2px 2px 2px ;
  8337.     transform: scale(1.2, 1) ;
  8338.     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) ;
  8339.     border-radius: 5px 5px 0 0 ;
  8340.     text-align: center ;
  8341. }
  8342. /* (new72) */
  8343. .UserBox {
  8344.     margin-top: 28px !important;
  8345. }
  8346.  
  8347. .MeMenu {
  8348.     width: 195px !important;
  8349.     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;
  8350.     line-height: 24px;
  8351.     margin-top: 5px ! important;
  8352.     margin-bottom: -2px ! important;
  8353.     border-radius: 0 0 5px 5px !important;
  8354. }
  8355. .FlyoutMenu {
  8356.     width: 300px;
  8357.     border: 1px solid #999;
  8358.     color: gray !important;
  8359.     box-shadow: 3px 3px 2px black !important;
  8360.     background: #222 !important;
  8361. }
  8362. .PopList.Activities li.Item:nth-child(odd){
  8363.     background: #333 !important;
  8364. }
  8365.  
  8366.  
  8367. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
  8368. .FlyoutMenu  .ItemContent.Activity>a + a {
  8369.     display: inline-block;
  8370.     width: 100% !important;
  8371.     text-align: left !important;
  8372. /* background: red ; */
  8373. }
  8374. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
  8375.     text-indent: 25px !important;
  8376. }
  8377.  
  8378. /* ALL HEADER - BACKGOUND COLOR - === */
  8379. #Head {
  8380.     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)!important;
  8381. }
  8382.  
  8383. /* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
  8384. #Form_Body  {
  8385.     display: inline-block ! important;
  8386.     height: 133px;
  8387.     max-width: 660px !important;
  8388.     min-width: 660px !important;
  8389.     overflow: hidden;
  8390. }
  8391. /* (new79) */
  8392. body > #Frame > .Head {
  8393.     position: fixed !important;
  8394.     width: 100% !important;
  8395.     max-height: 41px ! important;
  8396.     min-height: 41px !important;
  8397.     top: 0px !important;
  8398.     padding-top: 7px ! important;
  8399.     border-bottom: 1px solid #828182 !important;
  8400.     box-shadow: 0 0 9px 0 #000000 !important;
  8401. z-index: 50 !important;
  8402. }
  8403.  
  8404.  
  8405. /* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
  8406. .SiteTitle {
  8407.     position: relative!important;
  8408.     display: inline-block !important;
  8409.     top: -5px !important;
  8410.     font-size: 24px ! important;
  8411. }
  8412. /* FORUM USERSTYLE TITLE */
  8413. #Head .SiteTitle a {
  8414.     position: relative !important;
  8415.     display: inline-block!important;
  8416.     min-width: 250px !important;
  8417.     max-width: 250px !important;
  8418.     margin-left: -105px ! important;
  8419.     text-align: right ! important;
  8420.     font-size: 19px !important;
  8421. }
  8422.  
  8423. .SiteTitle>a img  {
  8424.     position: absolute ! important;
  8425.     max-height: 40px !important;
  8426.     width: 40px !important;
  8427.     margin-left: -60px ! important;
  8428.     margin-top: -5px !important;
  8429. }
  8430.  
  8431. /* TEST - SITE MENU - FOR GM TS CITRUS - === */
  8432. #Head a {
  8433.     font-weight: bold ! important;
  8434. }
  8435. .SiteMenu a {
  8436.     font-size: 14px ! important;
  8437.     padding: 6px;
  8438. }
  8439.  
  8440. /* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
  8441. #Head .SiteSearch {
  8442.     float: right !important;
  8443.     margin-top: -5px !important;
  8444.     margin-right: 6.5% !important;
  8445. }
  8446. .MeBox + .SiteSearch {
  8447.     margin-top: 25px !important;
  8448. }
  8449. .SiteSearch>form {
  8450.     height: 21px !important;
  8451. }
  8452. .SiteSearch>form  div {
  8453.     height: 21px !important;
  8454. }
  8455.  
  8456. .SiteSearch>form  div .InputBox {
  8457.     height: 21px !important;
  8458.     font-size: 11px;
  8459.     padding: 2px 25px 2px 5px!important;
  8460. }
  8461. .SiteSearch>form  div input.Button {
  8462.     height: 15px !important;
  8463. }
  8464.  
  8465. /* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
  8466. #Body {
  8467.     max-width: 980px !important;
  8468.     padding: 14px 0 0 10px !important;
  8469.     margin: 14px auto auto;
  8470.     border: 1px solid #bbbbbb !important;
  8471.     border-radius: 0 !important;
  8472.     box-shadow: none !important;
  8473.     background-color: transparent !important;
  8474. }
  8475. #Head + #Body {
  8476.     margin-top: 61px !important;
  8477. }
  8478.  
  8479. /* new79) - USERSTYLES */
  8480. #Body .Row {
  8481.     display: inline-block !important;
  8482.     width: 960px !important;
  8483.     margin-top: 24px !important;
  8484. }
  8485.  
  8486. /* (new81) GREASYFORK OK - VOIR FORUM USERSTYLES */
  8487. .DiscussionAboutShowDiscussion  {
  8488.     position: fixed !important;
  8489.     display: inline-block !important;
  8490.     height: 34px !important;
  8491.     line-height: 15px !important;
  8492.     max-width: 206px !important;
  8493.     min-width: 206px !important;
  8494.     top: 53px !important;
  8495.     left: 24.5% !important;
  8496.     padding: 2px 5px !important;
  8497.     border-radius: 0 0 0 5px !important;
  8498.     color: gold ! important;
  8499.     text-align: left !important;
  8500.     white-space: nowrap ! important;
  8501.     overflow: hidden !important;
  8502.     text-overflow: ellipsis !important;
  8503.     z-index: 500 !important;
  8504.     background-color: #222 !important;
  8505. /*     background-color: red !important; */
  8506. }
  8507. .DiscussionAboutShowDiscussion + img {
  8508.     position: fixed!important;
  8509.     display: inline-block !important;
  8510.     margin-left: -25px !important;
  8511.     top: 56px !important;
  8512.     z-index: 500 !important;
  8513. }
  8514.  
  8515. /* (new83) GREASYFORK FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
  8516. #Panel.Column.PanelColumn {
  8517.     position: fixed !important;
  8518.     display: inline-block !important;
  8519.     float: left !important;
  8520.     width: 200px;
  8521.     margin-top: 90px !important;
  8522.     top: 0px !important;
  8523.     z-index: 100 !important;
  8524. border-top: 1px solid red !important;
  8525. }
  8526. #Panel.Column.PanelColumn .MeBox {
  8527.     position: relative !important;
  8528.     display: inline-block !important;
  8529.     width: 198px ! important;
  8530.     margin-top: -30px !important;
  8531.     bottom: -32px !important;
  8532.     padding: 0 !important;
  8533.     box-shadow: none !important;
  8534.     background-color: #222 !important;
  8535. }
  8536. .BoxFilter.BoxDiscussionFilter ,
  8537. .SiteSearch {
  8538.     box-shadow: 3px 3px 2px black !important;
  8539. }
  8540. #vanilla_post_discussion .SiteSearch ,
  8541. #vanilla_post_editdiscussion .SiteSearch {
  8542.     top: 27px;
  8543. }
  8544.  
  8545. .UserBox .Username,
  8546. .MeBox .Username {
  8547.     color: peru !important;
  8548.     font-size: 23px ! important;
  8549.     font-weight: bold;
  8550.     vertical-align: top;
  8551.     text-shadow: 2px 2px 3px #000;
  8552. }
  8553. /* (new72) == #Panel.Column.PanelColumn .MeBox +   */
  8554. .Button.BigButton.NewConversation.Primary {
  8555.     margin-top: 28px !important;
  8556. }
  8557.  
  8558.  
  8559. /* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER -
  8560. WIth AVATAR :
  8561. https://greasyfork.org/fr/forum/profile/323/wOxxOm
  8562. NO AVATAR:
  8563. https://greasyfork.org/fr/forum/profile/2694/zeus007
  8564. === */
  8565. #Panel .FilterMenu,
  8566. #Panel .PanelCategories {
  8567.     background-color: #222 !important;
  8568.     border: 1px solid #bbbbbb !important;
  8569.     border-radius: 5px !important;
  8570.     box-shadow: 3px 3px 2px black !important;
  8571. }
  8572.  
  8573. .Box.BoxCategories ,
  8574. #Panel .BoxFilter {
  8575.     margin: 10px 0;
  8576. }
  8577. .Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
  8578.     margin-top: 65px !important;
  8579. }
  8580.  
  8581.  
  8582. /* (new81) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)-
  8583. USERSTYLES FORUM ??:
  8584. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  8585. === */
  8586. /* GREASYFORK */
  8587. #Item_0 {
  8588.     position: fixed !important;
  8589.     display: inline-block !important;
  8590.     width: 100% !important;
  8591.     min-width: 28px !important;
  8592.     max-width: 28px !important;
  8593.     height: 37px !important;
  8594.     vertical-align: top !important;
  8595. /* margin-top: -3px !important; */
  8596.     top: 53px;
  8597.     left: 35.8% !important;
  8598.     color: gold !important;
  8599.     color: white !important;
  8600.     text-align: center !important;
  8601.     background-color: black !important;
  8602. /* background-color: green !important; */
  8603. /* border: 1px dashed green !important; */
  8604.     z-index: 0 !important;
  8605. }
  8606. .ToggleFlyout.OptionsMenu {
  8607.     height: 14px;
  8608.     width: 28px !important;
  8609.     left: -15px !important;
  8610.     margin-right: -23px !important;
  8611.     top: -9px;
  8612. }
  8613. #Item_0 .ToggleFlyout.OptionsMenu {
  8614.     height: 14px;
  8615.     width: 28px !important;
  8616.     left: -45px !important;
  8617.     margin-right: -23px !important;
  8618.     top: -9px;
  8619. }
  8620. .OptionsMenu .Flyout {
  8621. }
  8622.  
  8623. /* (new80) USERTYLES / GREASEMONKEY OK:
  8624. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  8625. */
  8626. .MessageList.Discussion {
  8627.     margin-top: 42px;
  8628. }
  8629.  
  8630. .Discussion .PageTitle h1 {
  8631.     position: fixed !important;
  8632.     display: inline-block !important;
  8633.     height: 37px !important;
  8634.     line-height: 18px!important;
  8635.     width: 38.4% !important;
  8636.     min-width: 705px !important;
  8637.     top: 48px !important;
  8638.     right: 24.4% !important;
  8639.     font-size: 15px !important;
  8640.     background: black !important;
  8641. }
  8642. /* (new79) GREASYFORK FORUM */
  8643. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  8644. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  8645.     position: fixed !important;
  8646.     display: inline-block !important;
  8647.     height: 38px !important;
  8648.     line-height: 18px!important;
  8649.     min-width: 726px !important;
  8650.     max-width: 726px !important;
  8651.     top: 47px !important;
  8652.     right: 24.4% !important;
  8653.     padding-left: 30px !important;
  8654.     font-size: 15px !important;
  8655.     text-align: left !important;
  8656. }
  8657.  
  8658. /* (new80) PB USERSTYLE - DISC LAST PAGE z-index*/
  8659. .MessageList.Discussion .PageTitle .Options {
  8660.     display: inline-block !important;
  8661.     height: 33px !important;
  8662.     z-index: 5000  !important;
  8663. }
  8664. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  8665.     display: inline-block !important;
  8666. }
  8667.  
  8668. /* (new81) FORUM USERSTYLES - TITLE - MEDIA QUERIE - === */
  8669.  
  8670. @media screen and (max-width: 1400px) {
  8671. #Item_0 {
  8672.     left: 28.6% !important;
  8673. }
  8674. .Discussion .PageTitle h1 {
  8675. /* width: 54.7% !important; */
  8676.      width: 725px !important;
  8677.     right: 11.7% !important;
  8678. /* background: red !important; */
  8679. }
  8680. .Discussion.comment.Section-Discussion .Discussion h1,
  8681. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  8682.     max-width: 720px !important;
  8683.     min-width: 720px !important;
  8684.     right: 11.9% !important;
  8685. }
  8686. .DiscussionAboutShowDiscussion {
  8687.     left: 11.7% !important;
  8688. }
  8689. .MessageList.Discussion .PageTitle .Options {
  8690.     margin-left: 78px !important;
  8691. }
  8692.  
  8693. /* === END === FORUM USERSTYLES - TITLE - MEDIA QUERIE ==== */
  8694. }
  8695.  
  8696. a.Bookmark,
  8697. a.Bookmarked,
  8698. a.Bookmarking {
  8699.     margin-left: -5px !important;
  8700.     margin-right: 9px !important;
  8701. }
  8702. #Item_0.PageTitle .Options .Hijack.Bookmark {
  8703.     position: relative;
  8704.     display: inline-block;
  8705.     margin-top: 1px !important;
  8706.     z-index: 5000;
  8707. }
  8708.  
  8709. /* GREASYFORK SPRITE UI :
  8710. https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png
  8711. === */
  8712. .Hijack.Bookmark[title="Bookmark"] {
  8713.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
  8714. }
  8715. .Hijack.Bookmark.Bookmarked  {
  8716.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
  8717. }
  8718.  
  8719. /* (new62) BOOKMARKS LIST*/
  8720. .ItemDiscussion span.Options a.Hijack.Bookmark {
  8721.     position: relative !important;
  8722.     display: inline-block !important;
  8723.     left: 37px !important;
  8724.     top: -6px !important;
  8725. }
  8726. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
  8727.     position: relative !important;
  8728.     display: inline-block !important;
  8729.     top: -6px !important;
  8730. }
  8731. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  8732.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
  8733. }
  8734.  
  8735. /* (new79) DISCUSSIONS - === */
  8736. .MessageList.Discussion .Discussion {
  8737.     border: 1px solid gray !important;
  8738.     border-top: 1px solid peru !important;
  8739.     padding: 10px 15px ! important;
  8740. }
  8741.  
  8742. .MessageList.DataList.Comments {
  8743.     position: relative !important;
  8744.     display: inline-block !important;
  8745.     width: 100% ;
  8746.     border-top: 1px solid gray !important;
  8747.     margin-top: 0px !important;
  8748.     z-index: -1 !important;
  8749. }
  8750. .MessageList .Item {
  8751.     z-index: 0 !important;
  8752. /* background-color: red ! important; */
  8753. }
  8754. .MessageList .Item:hover {
  8755.     z-index: 1 !important;
  8756.     background-color: black ! important;
  8757. }
  8758.  
  8759. .MessageList .Item.ItemDiscussion {
  8760.     position: relative !important;
  8761.     display: inline-block !important;
  8762.     width: 94% !important;
  8763.     margin-bottom: -17px;
  8764.     margin-top: 37px;
  8765.     top: 28px;
  8766.     z-index: -1 !important;
  8767. }
  8768.  
  8769.  
  8770. #vanilla_discussions_bookmarked .Item:nth-child(odd) ,
  8771. #vanilla_discussions_mine .Item:nth-child(odd) ,
  8772. #vanilla_discussions_participated .Item:nth-child(odd) ,
  8773. .DataList.CategoryList .Item:nth-child(odd) ,
  8774. .DataList .ItemDiscussion:nth-child(odd) ,
  8775. .Item.ItemComment:nth-child(odd) {
  8776.     background-color: #222  ! important;
  8777. }
  8778. #vanilla_discussions_bookmarked .Item:nth-child(even) ,
  8779. #vanilla_discussions_participated .Item:nth-child(even) ,
  8780. .DataList.CategoryList .Item:nth-child(even) ,
  8781. .DataList .ItemDiscussion:nth-child(even) ,
  8782. .Item.ItemComment:nth-child(even) {
  8783.     background-color: #414141  ! important;
  8784. }
  8785. #vanilla_discussions_bookmarked .Item:hover ,
  8786. #vanilla_discussions_participated .Item:hover ,
  8787. #vanilla_discussions_participated .Item:hover ,
  8788. .DataList.CategoryList .Item:hover ,
  8789. .DataList .ItemDiscussion:hover ,
  8790. .Item.ItemComment:hover {
  8791.     box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
  8792.     background-color: rgba(7, 7, 7, 0.57)! important;
  8793.     transition: background ease 0.8s !important;
  8794. }
  8795. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
  8796. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  8797. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  8798. .DataList.CategoryList .Item:nth-child(odd):hover ,
  8799. .DataList .ItemDiscussion:nth-child(odd):hover ,
  8800. .Item.ItemComment:nth-child(odd):hover {
  8801.     background-color: rgba(7, 7, 7, 0.67)! important;
  8802.     transition: background ease 0.8s !important;
  8803. }
  8804.  
  8805. /* (new79) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
  8806. .BeforeCommentHeading + .DataBox.DataBox-Comments {
  8807.     position: relative !important;
  8808.     display: inline-block ;
  8809.     margin-top: 42px !important;
  8810.     left: 0px;
  8811.     z-index: 0 !important;
  8812. }
  8813.  
  8814. /* DISCUSSION LIST - RATNG ICON */
  8815. .DataList .rating-image {
  8816.     height: 16px !important;
  8817.     line-height: 16px !important;
  8818.     margin-top: 3px ;
  8819. }
  8820.  
  8821. /* DISCUSSION LIST - READ - === */
  8822. .DataList .ItemDiscussion.Item.Read {
  8823.     background-color: rgba(47, 47, 47, 0.84)  ! important;
  8824. }
  8825. .Item.Read .BlockTitle a:before ,
  8826. .Item.Read .Title a:before {
  8827.     content: ">>  " ;
  8828.     color: gold ;
  8829. }
  8830. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  8831. .Bookmarked .Title a::before,
  8832. .Item.Read .Title a::before {
  8833.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  8834.     background-position: 3px -650px !important;
  8835.     background-repeat: no-repeat;
  8836.     color: transparent;
  8837.     content: ">> ";
  8838.     display: inline-block !important;
  8839.     position: relative !important;
  8840.     height: 100% !important;
  8841.     max-height: 15px !important;
  8842.     min-height: 15px !important;
  8843.     top: 4px !important;
  8844.     margin-right: 3px !important;
  8845.     margin-left: -2px !important;
  8846.     background-color: rgba(55, 173, 227, 0.4) !important;
  8847. }
  8848. .DataList .ItemDiscussion {
  8849.     border-bottom: 1px solid gray !important;
  8850.     padding-left: 22px;
  8851.     position: relative;
  8852. }
  8853. /* (new83) */
  8854. .MessageList.DataList.Comments .ItemComment ,
  8855. .ItemDiscussion {
  8856.     display: inline-block !important;
  8857.     width: 94% ;
  8858.     min-width: 656px;
  8859.     margin-top: 37px;
  8860.     padding-right: 35px !important;
  8861. }
  8862. .CommentsWrap .MessageList.DataList.Comments .ItemComment {
  8863. }
  8864.  
  8865. #vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
  8866.     left: 0px !important;
  8867.     z-index: 0 !important;
  8868. }
  8869. /* FORUM DISSCUSSION - ITEMS - MINE - === */
  8870. .Item.Bookmarked.Mine.ItemDiscussion {
  8871.     border: 1px solid peru !important;
  8872.     padding-left: 22px;
  8873.     position: relative;
  8874. }
  8875.  
  8876. /* PROFILE */
  8877. .ProfilePhotoLarge {
  8878.     margin-top: 55px !important;
  8879.     position: relative !important;
  8880.     width: 200px;
  8881. }
  8882.  
  8883. /* ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
  8884. .MeBox > .PhotoWrap[href*="/profile/"] ,
  8885. .UserBox > .PhotoWrap[href*="/profile/"] {
  8886.     position: relative ! important;
  8887.     display: inline-block !important;
  8888.     height: 50px!important;
  8889.     width: 198px ! important;
  8890.     top: 6px!important;
  8891.     text-align: center ! important;
  8892.     z-index: 500 ! important;
  8893. }
  8894. /* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
  8895. #vanilla_discussion_comment .Column.ContentColumn  {
  8896.     border-top: 1px solid peru !important;
  8897.     margin-top: 26px !important;
  8898. }
  8899.  
  8900. .MeBox + .BoxButtons.BoxNewDiscussion {
  8901.     margin-top: 30px !important;
  8902.     box-shadow: 3px 3px 2px black !important;
  8903. }
  8904.  
  8905. /* ==== Userstyles.org Review - Style Name in First v.1 ==== */
  8906. .Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
  8907.     display: inline-block !important;
  8908.     font-size: 14px;
  8909.     font-weight: bold;
  8910.     margin: 0;
  8911. }
  8912.  
  8913. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
  8914.     position: relative !important;
  8915.     display: inline-block !important;
  8916.     float: left !important;
  8917.     width: 600px!important;
  8918.     height: 100%!important;
  8919.     min-height: 10px!important;
  8920.     max-height: 10px!important;
  8921.     line-height: 10px!important;
  8922.     margin-top: -31px!important;
  8923.     margin-left: -10px!important;
  8924.   }
  8925. /* GOOD RATING - OK - THUMB UP  */
  8926. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
  8927.     display: inline-block !important;
  8928.     float: left;
  8929.     margin-left: 0px!important;
  8930. }
  8931. /* BAD RATING - THUMB DOWN */
  8932. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
  8933.     display: inline-block !important;
  8934.     float: left;
  8935.     margin-left: 0px!important;
  8936.     margin-top: 5px !important;
  8937. }
  8938.  
  8939. /* (new79) */
  8940. /* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
  8941. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  8942.     display: inline-block !important;
  8943.     float: left!important;
  8944.     width: 670px!important;
  8945.     margin-bottom: -9px!important;
  8946.   }
  8947.  
  8948. /* FORUM NOTIFICATION - TXT - === */
  8949. .Flyout .Author .PhotoWrap  {
  8950.     height: 10px !important;
  8951.     width: 20px !important;
  8952. }
  8953.  
  8954. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  8955.     height: 20px !important;
  8956.     margin-bottom: -18px !important;
  8957.     background-color: black !important;
  8958. }
  8959. .Flyout .Author .ProfilePhoto {
  8960.     width: 20px !important;
  8961.     height: 20px !important;
  8962.     background-size: cover !important;
  8963. }
  8964. .PopList .ItemContent {
  8965.     line-height: 1.2!important;
  8966.     margin-left: -1px!important;
  8967. }
  8968. /* DRAFT */
  8969. .DataList.Drafts {
  8970.     margin-top: 98px!important;
  8971.     border-top: 1px solid gray !important;
  8972. }
  8973.  
  8974. /* ATTACHEMENTS - === */
  8975. .Attachment img {
  8976.     max-width: 100% ! important;
  8977.     height: auto ! important;
  8978.     vertical-align: bottom;
  8979. }
  8980.  
  8981. .Attachment {
  8982.     max-width: 100px !important;
  8983.     min-width: 100px !important;
  8984.     padding: 3px 8px 8px 5px !important;
  8985.     border-radius: 5px !important;
  8986.     background-color: black !important;
  8987. }
  8988.  
  8989. /* ATTACHEMENT COUNTER - === */
  8990. .Attachments {
  8991.     background-color: #222222 !important;
  8992.     border-radius: 5px !important;
  8993.     counter-reset: image !important;
  8994. }
  8995. .Attachment:before {
  8996.     position: absolute ;
  8997.     display: inline-block ;
  8998.     height: 20px ;
  8999.     content: counter(image, decimal);
  9000.     top: 10px ;
  9001.     padding: 0 3px ;
  9002.     border-radius: 5px ;
  9003.     counter-increment: image ;
  9004.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
  9005. }
  9006.  
  9007. /* FORUM PAGINATION - PAGE WRAP (bottom) */
  9008. .PagerWrap {
  9009.     margin-top: 20px!important;
  9010.     overflow: visible!important;
  9011. }
  9012. /* (new79) FORUM PAGINATION - ALL */
  9013. .PageControls {
  9014.     display: inline-block !important;
  9015.     width: 95%!important;
  9016.     height: 100% !important;
  9017.     min-height: 15px !important;
  9018.     max-height: 15px !important;
  9019.     line-height: 15px !important;
  9020.     text-align: right !important;
  9021. }
  9022. /* (new79) */
  9023. .PageControls.Top {
  9024.     position: fixed !important;
  9025.     display: inline-block !important;
  9026.     width: 560px ! important;
  9027.     min-height: 22px !important;
  9028.     margin-left: 190px !important;
  9029.     top: 25px !important;
  9030.     opacity: 1 !important;
  9031.     visibility: visible !important;
  9032.     z-index: 200 !important;
  9033. /* outline: 1px solid aqua !important; */
  9034. }
  9035.  
  9036. /* (new79) PAGER TOP - USERSTLE DISC LAST PAGE - === */
  9037. #PagerBefore.Pager  {
  9038. position: fixed !important;
  9039.     display: inline-block !important;
  9040.     float: right !important;
  9041.     vertical-align: bottom !important;
  9042.     min-width: 100% !important;
  9043.     max-width: 100% !important;
  9044.     max-width: 560px !important;
  9045.     min-width: 560px !important;
  9046.     height: 17px !important;
  9047.     line-height: 12px !important;
  9048.     top: 30px;
  9049.     right: 24.2% !important;
  9050.     padding: 1px !important;
  9051.     border: 1px solid peru !important;
  9052.     border-radius: 3px 3px 0 0 !important;
  9053.     background-color: transparent !important;
  9054.     text-align: center !important;
  9055.     z-index: 500 !important;
  9056. }
  9057.  
  9058. /* (new79) PAGER TOP - MEDIA QUERIE - === */
  9059. @media screen and (max-width: 1400px) {
  9060.  
  9061. #PagerBefore.Pager  {
  9062. position: fixed !important;
  9063.  
  9064.     max-width: 530px !important;
  9065.     min-width: 530px !important;
  9066.     right: 0% !important;
  9067. }
  9068.  
  9069. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  9070. }
  9071.  
  9072.  
  9073. /* ICONS */
  9074.  
  9075. /* SPRITE GREASY FORK :
  9076. https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
  9077. ==== */
  9078.  
  9079. .SpNotifications,
  9080. .SpGlobe {
  9081.     background-position: -32px -212px !important;
  9082. }
  9083. .SpInbox,
  9084. .SpEnvelope {
  9085.     background-position: 0 -228px !important;
  9086. }
  9087. .SpBookmarks,
  9088. .SpStar {
  9089.     background-position: -80px -245px!important;
  9090. }
  9091. .SpDashboard,
  9092. .SpOptions,
  9093. .SpCog {
  9094.      background-position: 0 -212px !important;
  9095. }
  9096.  
  9097. /* MY NAME */
  9098. .QuoteAuthor>a[href*="/decembre"] ,
  9099. .Item .Author a[href*="/decembre"] {
  9100.     font-size: 18px ! important;
  9101.     color: peru ! important;
  9102. }
  9103.  
  9104. /* ==== (ALL) STYLE ==== */
  9105.  
  9106. /* (ALL) BackGround Color === */
  9107.  
  9108. htlm, body {
  9109.     background:#333333 !important;
  9110.     color: #929292 !important;
  9111.     width: 100% !important;
  9112. }
  9113.  
  9114. /* (ALL) LINKS - === */
  9115.  
  9116. a:link {
  9117.     color: #6D878F !important;
  9118.     text-decoration: none !important;
  9119. }
  9120.  
  9121.  
  9122. /* LINK / TXT  SPECIAL - === */
  9123.  
  9124. #Head a,
  9125. #site-nav a {
  9126.     color: peru !important;
  9127. }
  9128. .MItem.MCount.CommentCount ,
  9129. .MItem.MCount.ViewCount {
  9130.     color: #b7b7b7!important;
  9131. }
  9132. table#style-table .meta span.date.date1{
  9133.     color: #23A4A2  !important;
  9134.     text-decoration: none !important;
  9135. }
  9136. table#style-table .meta span.date.date2{
  9137.     color: #0DD6D3 !important;
  9138.     text-decoration: none !important;
  9139. }
  9140. #main-article #style-table a[href^="/styles/"]{
  9141.     color: #DD9E0F !important;
  9142.     text-decoration: none !important;
  9143. }
  9144. #main-article #style-table a:visited[href^="/styles/"]{
  9145.     color: #EAC060 !important;
  9146.     text-decoration: none !important;
  9147. }
  9148.  
  9149. /* LINKS HOVER - COLOR tomato / TOMATO - === */
  9150.  
  9151. #show-code + #control-panel>a:hover ,
  9152. #main-header>h1>a:hover ,
  9153. #style-author-info>tbody>tr>td>a:not(.license-image):hover ,
  9154. #long-description>a:hover ,
  9155. .MItem.LastCommentBy>a:hover ,
  9156. .About>dt:last-of-type a:hover ,
  9157. .script-author-description>ul>li>ul>li:hover a:hover ,
  9158. .About dt a:hover ,
  9159. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
  9160. #script-list-option-groups .list-option>a:hover ,
  9161. #user-script-list > li h2 a:hover ,
  9162. #browse-script-list > li h2 a:hover ,
  9163. .script-list-author>span>a:hover ,
  9164.  
  9165. .DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
  9166. #script-content > form > ul > li:hover ,
  9167. #contact a:hover ,
  9168. #related>ul>li>a:hover ,
  9169. #screenshots #more-screenshots a:hover ,
  9170. .Message>b>a:hover ,
  9171. .Buttons .Back>a:hover ,
  9172. .AttachFileWrapper .AttachFileLink>a:hover ,
  9173. .AuthorWrap .Author .PhotoWrap +.Username:hover ,
  9174. #Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
  9175. .Item-Body .Message>a:hover ,
  9176. .MItem.Category>a:hover ,
  9177. .ReactButton.Quote.Visible:hover ,
  9178. .Box.BoxCategories a:hover ,
  9179. #Panel .FilterMenu a:hover ,
  9180. .SiteMenu>li>a:hover ,
  9181. .ItemContent.Discussion .Title>a:hover ,
  9182. #main-article>dl>dd>a:hover ,
  9183. #main-article>dl>dt:hover ,
  9184. #main-header + #content-wrapper > #main-article > ul:hover:before ,
  9185. #main-article>ul>li>a:hover ,
  9186. #sidebar-forum>a:hover ,
  9187. #sidebar-help>a:hover ,
  9188. #sidebar-browse>a:hover ,
  9189. #sidebar-my-account>a:hover ,
  9190. #show-button:hover ,
  9191. #control-panel > a:nth-child(1):hover ,
  9192. #control-panel>a:hover ,
  9193.  
  9194. #long-description>a>b:hover ,
  9195.  
  9196. #main-article #hidden-meta a:hover ,
  9197. #no-discussions>a:hover ,
  9198. #site-name > a[href="/"] span:hover ,
  9199. .thetitle>.theauthor>a:hover ,
  9200. .thetitle>a>b:hover ,
  9201. .width-constraint>h3>a:hover ,
  9202. #script-content>form>ul>li>a:hover ,
  9203. #script-content>p>a:hover ,
  9204. #install-area .script-in-sets>a:hover ,
  9205. #additional-info-text>a>b:hover ,
  9206. #additional-info>div>ul>li>a:hover ,
  9207. #additional-info>div>p>a:hover ,
  9208. #additional-info>div>p>b>a:hover ,
  9209. .script-show-author>span>a:hover ,
  9210.  
  9211. #title-subtext:hover > b ,
  9212. #site-name > a span#settings-subtext:hover ,
  9213. #nav-user-info .user-profile-link>a:hover ,
  9214. #nav-user-info>li>a:hover ,
  9215. #nav-user-info + nav .help-link>a:hover ,
  9216. #nav-user-info + nav .forum-link>a:hover ,
  9217. #nav-user-info + nav .scripts-index-link>a:hover ,
  9218. #nav-user-info + nav a:hover ,
  9219. #nav-user-info .sign-out-link>a:hover ,
  9220. #start-discussion:hover ,
  9221. #start-discussion-top:hover ,
  9222. #start-discussion-bottom:hover ,
  9223. .inline-list>li>a:hover {
  9224.     color: TOMATO  !important;
  9225. }
  9226.  
  9227. /* LINK HOVER - SPECIAL - === */
  9228.  
  9229. #discussions-area #discussions li:hover a:not(:last-of-type),
  9230. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
  9231. .CommentsWrap .Comment a.FlagContent:hover ,
  9232. .width-constraint #discussions li>a:nth-child(4):hover  ,
  9233. .width-constraint #discussions li>a:nth-child(2):hover ,
  9234. .width-constraint #discussions li>a:first-of-type:hover ,
  9235. .width-constraint #discussions li:hover > a:nth-child(4) ,
  9236. .width-constraint #discussions li:hover>time {
  9237.     color: tomato  !important;
  9238. }
  9239.  
  9240.  
  9241. /* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  -
  9242. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  9243. === */
  9244. #script-info .CodeRay {
  9245.     display: inline-block!important;
  9246.     max-width: 99.8% !important;
  9247.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  9248.     background-size: 30px 15px!important;
  9249. }
  9250. #script-info .CodeRay tbody {
  9251.     display: inline-block !important;
  9252.     width: 99.98% !important;
  9253. }
  9254.  
  9255. #script-info .CodeRay tbody .code {
  9256.     display: inline-block !important;
  9257.     min-width: 905px !important;
  9258.     max-width: 905px !important;
  9259. }
  9260. #script-info .CodeRay tbody .code pre {
  9261.     min-width: 900px !important;
  9262.     max-width: 900px !important;
  9263.     word-wrap: break-word !important;
  9264.     white-space: pre-line!important;
  9265. }
  9266.  
  9267. /* (ALL) LINKS VISITED / VISITED HOVER - === */
  9268. a:visited {
  9269.     color: #278CAD  !important
  9270. }
  9271. #additional-info>a:visited {
  9272.     color: #6BA9BE  !important
  9273. }
  9274. a:hover {
  9275.     color: #73B379 !important;
  9276. }
  9277. a:visited:hover  {
  9278.     color: #B9D56E !important;
  9279.     text-decoration: none !important;
  9280. }
  9281.  
  9282. /* VISITED - gold / GOLD - === */
  9283. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
  9284. #style-install-unknown>p>a,
  9285. #style-install-unknown>p>a:visited,
  9286. #style-install-unknown>p>a:active {
  9287.     color: GOLD !important;
  9288. }
  9289.  
  9290. /* VISITED - tan  /TAN - === */
  9291. .About>dt>a:visited ,
  9292. .Item-Body .Message>a:visited ,
  9293. .script-author-description>p>a:visited ,
  9294. .script-author-description>ul>li>ul>li>a:visited ,
  9295. .script-author-description>ul>li>a:visited ,
  9296. .DataList .Item .Title>a:visited ,
  9297. .inline-list>li>a:visited ,
  9298. .DataList .ItemDiscussion.Item.Read a:visited {
  9299.     color: TAN !important;
  9300. }
  9301. /* VISITED - goldenrod / GOLDENROD - === */
  9302. .thetitle>a:visited>b  {
  9303.     color: GOLDENROD !important;
  9304. }
  9305. /* VISITED - hover tomato / TOMATO - === */
  9306. .Message>ol>li>small>a:hover ,
  9307. .Message>dl>dd>a:hover ,
  9308. .UserQuote .QuoteAuthor a:hover ,
  9309. .inline-list>li>a:visited:hover ,
  9310. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  9311.     color: TOMATO !important;
  9312. }
  9313.  
  9314. /* VISITED - rosybrown / ROSYBROWN - === */
  9315. .width-constraint #discussions li > a:first-of-type:visited {
  9316.     color: ROSYBROWN  !important;
  9317. }
  9318. /* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
  9319. #Frame .Row .SiteMenu  a:hover {
  9320.     color: tomato !important;
  9321. /* outline: 1px solid tomato !important; */
  9322. }
  9323.  
  9324. /* ============ END VISITED LINKS ====== */
  9325.  
  9326.  
  9327.  
  9328. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" -
  9329. in SCRIPT NAME of:
  9330. DIEP.IO by Terjanq
  9331.  
  9332. IT'S USER (terjanq) LIST:
  9333. https://greasyfork.org/fr/users/33759-terjanq
  9334.  
  9335. SEARCH "DIEP.IO+":
  9336. https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
  9337.  
  9338. MY DISSCUS about it :
  9339. https://greasyfork.org/fr/forum/discussion/9570/i%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87%E0%B9%87-very-strange-typo-effect-in-your-script-name?new=1
  9340. === */
  9341.  
  9342. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  9343. .Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
  9344.     overflow: hidden !important;
  9345.     background: rgba(255, 0, 0, 0.2) !important;
  9346. }
  9347. #Discussion_9570 .Discussion .Item-BodyWrap .Message  {
  9348.     overflow: hidden !important;
  9349.     background: rgba(255, 0, 0, 0.2) !important;
  9350. }
  9351.  
  9352.  
  9353. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
  9354. #script-table #s19838 .thetitle + div ,
  9355. #user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
  9356. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  9357. #browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
  9358.     overflow: hidden !important;
  9359.     background: rgba(255, 0, 0, 0.2) !important;
  9360. }
  9361.  
  9362. .discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
  9363.     position: relative !important;
  9364.     display: inline-block !important;
  9365.     top: 4px !important;
  9366.     overflow: hidden !important;
  9367.     background: rgba(255, 0, 0, 0.2) !important;
  9368. }
  9369.  
  9370. /* ========== END GENERAL SITE ======= */
  9371. }
  9372.  
  9373.  
  9374. /* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  9375. /*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */
  9376.  
  9377. @-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
  9378. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  9379. #script-info header p {
  9380.     overflow: hidden !important;
  9381.     background: rgba(255, 0, 0, 0.2) !important;
  9382. }
  9383. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  9384. }
  9385.  
  9386.  
  9387. /* ========== START - DOMAIN SLEASYFORK TEST ======= */
  9388.  
  9389. @-moz-document domain("sleazyfork.org") {
  9390.  
  9391. /* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
  9392.  
  9393. /* TEST LINK :
  9394. https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
  9395. ==== */
  9396.  
  9397. /* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
  9398. /* (new60) SLEAZYFORK - SITE NAME + ICON - === */
  9399. .width-constraint #site-name  #site-name-text h1 {
  9400.     font-size: 20px!important;
  9401.     letter-spacing: 2px !important;
  9402. }
  9403. .width-constraint #site-name  #site-name-text h1  {
  9404.     color: blue !important;
  9405. }
  9406. .width-constraint #site-name  #site-name-text h1 a {
  9407.     display: none !important;
  9408. }
  9409. #site-name  #site-name-text h1 +.subtitle {
  9410.     margin-left: 46px !important;
  9411.     margin-top: 16px !important;
  9412.     font-size: 10px!important;
  9413.     letter-spacing: 1px !important;
  9414. }
  9415. #site-nav > nav li a{
  9416.     font-size: 14px !important;
  9417. }
  9418.  
  9419. .width-constraint #site-name a img ,
  9420. .width-constraint #site-name a span ,
  9421. #site-name-text>h1>a {
  9422.     display: none !important;
  9423. }
  9424.  
  9425. .width-constraint #site-name > a:before ,
  9426. .width-constraint #site-name > h1:before {
  9427.     content: "SleasyFork" !important;
  9428.     display: inline-block !important;
  9429.     position: absolute !important;
  9430.     margin-left: 40px !important;
  9431.     font-size: 22px !important;
  9432.     color: green !important;
  9433. }
  9434. #Head #site-name-text h1:before {
  9435. content: "SleasyFork" !important;
  9436.     display: inline-block !important;
  9437.     position: absolute !important;
  9438.     top: -5px !important;
  9439.     margin-left: 0px !important;
  9440.     font-size: 22px !important;
  9441.     color: red !important;
  9442. }
  9443.  
  9444. .width-constraint #site-name > a:after {
  9445.     content: " " !important;
  9446.     display: inline-block !important;
  9447.     height: 30px !important;
  9448.     width: 30px !important;
  9449.     padding: 2px !important;
  9450.     border-radius: 5px !important;
  9451.     box-shadow: 0 0 2px #cccccc inset !important;
  9452.     background-color: rgba(191, 191, 190, 0.33) !important;
  9453.     background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  9454.     background-position: 50% 50% !important;
  9455.     background-size: contain !important;
  9456. }
  9457.  
  9458.  
  9459. /* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
  9460. }
  9461.  
  9462.  
  9463. /* ========== START === URL-PREF - ALL ======= */
  9464.  
  9465. /* ========== START - URL-PREF - USERSTYLES HELP ======= */
  9466. @-moz-document url-prefix("https://userstyles.org/help") {
  9467.  
  9468. /* HEPLS PAGES - === */
  9469. body > #main-header + #content-wrapper {
  9470.     position: absolute !important;
  9471.     display: inline-block !important;
  9472.     float: none !important;
  9473.     clear: both !important;
  9474.     min-height: 200px !important;
  9475.     height: auto !important;
  9476.     width: 71em !important;
  9477.     margin: auto auto auto 21em !important;
  9478.     top: 75px !important;
  9479.     border-radius: 5px !important;
  9480.     border: 1px solid green !important;
  9481. }
  9482. #main-article {
  9483.     width: 70em !important;
  9484.     margin: 0.5em auto 2em 0.5em !important;
  9485.     padding-bottom : 20px !important;
  9486. }
  9487. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
  9488. #main-article>h3  {
  9489.     width: 58em !important;
  9490.     margin-left: 1em !important;
  9491.     text-align: left !important;
  9492.     text-indent: 20px !important;
  9493.     background: black !important;
  9494. }
  9495.  
  9496. #main-article>ol {
  9497.     width: 65em !important;
  9498.     margin-left: 1em !important;
  9499.     margin-top: -7px !important;
  9500.     outline: 1px solid peru !important;
  9501. }
  9502.  
  9503. #main-article>p:first-of-type {
  9504.     position: relative !important;
  9505.     display: inline-block !important;
  9506.     width: 867px !important;
  9507.     left: 0px !important;
  9508.     margin-top:  auto !important;
  9509.     margin-bottom: 20px!important;
  9510.     padding: 15px 20px !important;
  9511.     border: 1px solid gray !important;
  9512. outline: none !important;
  9513. }
  9514. #main-article>p {
  9515.     position: relative !important;
  9516.     display: inline-block !important;
  9517.     width: 840px !important;
  9518.     left: 1em !important;
  9519.     margin:  auto !important;
  9520.     padding: 8px 20px !important;
  9521. }
  9522. #main-article>p +p {
  9523.     position: relative !important;
  9524.     display: inline-block !important;
  9525.     width: 840px !important;
  9526.     left: 1em !important;
  9527.     margin:  auto !important;
  9528.     margin-bottom: 15px !important;
  9529.     padding: 8px 20px !important;
  9530. }
  9531. #main-article>p:nth-child(even) {
  9532.     border: 1px solid gray !important;
  9533.     background: #222222 !important;
  9534. }
  9535. #main-article>p:nth-child(odd) {
  9536.     border: 1px solid gray !important;
  9537.     background: #171717 !important;
  9538. }
  9539. #main-article>iframe {
  9540.     margin-left: 10% !important;
  9541. }
  9542. #help-style-settings-edit ~pre ,
  9543. #main-header + #content-wrapper > #main-article > p ~ ul ,
  9544. #main-header + #content-wrapper > #main-article > p ~ ul:hover ,
  9545. #main-header + #content-wrapper > #main-article > ul:hover ,
  9546. #main-header + #content-wrapper > #main-article > ul {
  9547.     position: relative !important;
  9548.     display: inline-block !important;
  9549.     width: 66em !important;
  9550.     height: auto !important;
  9551.     margin-left: 10px !important;
  9552.     padding-bottom: 10px !important;
  9553.     padding-left: 20px !important;
  9554.     padding-right: 5px !important;
  9555.     border-radius: 3px !important;
  9556.     border: 1px solid gray !important;
  9557.     background: #222222 !important;
  9558. }
  9559. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  9560.     position: relative !important;
  9561.     display: inline-block !important;
  9562.     width: 43em !important;
  9563.     height: auto !important;
  9564.     margin-left: 10px !important;
  9565.     margin-top: 29px !important;
  9566.     padding-bottom: 10px !important;
  9567.     padding-left: 30px !important;
  9568.     padding-right: 5px !important;
  9569.     border-radius: 3px !important;
  9570.     border: 1px solid gray !important;
  9571.     font-size: 20px !important;
  9572. }
  9573. #help-style-settings-edit ~pre {
  9574.     position: relative !important;
  9575.     display: inline-block !important;
  9576.     width: 72em !important;
  9577.     height: auto!important;
  9578.     margin-top: 5px!important;
  9579.     border-radius: 3px!important;
  9580.     border: 1px solid gray!important;
  9581.     background: #222222!important;
  9582.     overflow: visible!important;
  9583.     z-index: 10 !important;
  9584. }
  9585. #help-style-settings-edit ~pre >code {
  9586.     position: relative !important;
  9587.     display: inline-block !important;
  9588.     width: 63em !important;
  9589.     height: auto !important;
  9590.     margin-left: 0px !important;
  9591.     border-radius: 3px !important;
  9592. }
  9593. /* ========== END === URL-PREF - HELP ======= */
  9594. }
  9595.  
  9596. /* START ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  9597.  
  9598. @-moz-document url-prefix("https://forum.userstyles.org") {
  9599.  
  9600. #Head + #Body {
  9601.     margin-left: 22% !important;
  9602. /* background: yellow !important; */
  9603. }
  9604. /* (new79) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
  9605. .HomepageTitle,
  9606. .H.HomepageTitle {
  9607. }
  9608.  
  9609. #PagerBefore.Pager {
  9610.     right: 26% !important;
  9611. }
  9612. #Content.Column.ContentColumn  {
  9613.     display: inline-block !important;
  9614.     float: right !important;
  9615.     width: 689px !important;
  9616.     min-height: 750px !important;
  9617.     margin-top: -8px!important;
  9618.     margin-right: 50px !important;
  9619.     z-index: 0 !important;
  9620. }
  9621. #vanilla_discussion_index #Content.Column.ContentColumn {
  9622.     display: inline-block !important;
  9623.     float: right !important;
  9624.     width: 689px!important;
  9625.     min-height: 750px !important;
  9626.     margin-top: -8px!important;
  9627.     margin-right: 20px !important;
  9628. }
  9629. #vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
  9630.     margin-bottom: -21px;
  9631. }
  9632. .P.PageDescription {
  9633.     width: 753px!important;
  9634. }
  9635.  
  9636. /* (new80) */
  9637.  
  9638. #Item_0 {
  9639.     left: 33% !important;
  9640.     top: 53px !important;
  9641.     background: black ;
  9642.     z-index: 500 !important;
  9643. /* background-color: green !important; */
  9644. }
  9645.  
  9646. #Item_0 .ToggleFlyout.OptionsMenu {
  9647.     left: -15px !important;
  9648. }
  9649. .MessageList.Discussion h1 ,
  9650. .Discussion.comment.Section-Discussion .Discussion h1 {
  9651.     position: fixed !important;
  9652.     display: inline-block !important;
  9653.     height: 38px !important;
  9654.     line-height: 18px !important;
  9655. /*     min-width: 750px !important; */
  9656.     width: 39.1% !important;
  9657.     right: 26.4% !important;
  9658.     top: 47px !important;
  9659.     font-size: 15px !important;
  9660.     text-align: left !important;
  9661.     background: black !important;
  9662. /* background: blue !important; */
  9663. }
  9664. /* (new90) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
  9665. #dashboard_profile_discussions .About>dt:last-of-type  {
  9666.     position: relative !important;
  9667.     display: inline-block !important;
  9668.     width: 23% !important;
  9669.     height: 18px !important;
  9670.     line-height: 18px !important;
  9671.     top: -56px !important;
  9672.     left: 74%!important;
  9673.     padding: 2px 2px 2px 15px !important;
  9674.     border-radius: 3px !important;
  9675.     font-size: 15px !important;
  9676.     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;
  9677. /* outline: 1px solid violet !important; */
  9678. }
  9679. /* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */
  9680. #Panel.Column.PanelColumn {
  9681. /*     top: 103px !important; */
  9682.     z-index: 100 !important;
  9683. }
  9684. #Panel.Column.PanelColumn .MeBox {
  9685.     margin-top: -29px !important;
  9686. }
  9687. .DiscussionAboutShowDiscussion  {
  9688.     max-width: 200px !important;
  9689.     min-width: 200px !important;
  9690.     top: 53px !important;
  9691.     left: 22.1% !important;
  9692.     z-index: 100 !important;
  9693. /* background-color: red !important; */
  9694. }
  9695.  
  9696. /* (new82) START === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
  9697. @media screen and (max-width: 1400px) {
  9698.  
  9699. #PagerBefore.Pager {
  9700.     right: 3.8% !important;
  9701. }
  9702. .MessageList.Discussion h1 ,
  9703. .Discussion.comment.Section-Discussion .Discussion h1 {
  9704.     min-width: 736px !important;
  9705. /* width: 37% !important; */
  9706.     right: 9.9% !important;
  9707. /* background: blue !important; */
  9708. }
  9709. .MessageList.Discussion #Item_0 {
  9710.     left: 30% !important;
  9711.     top: 53px !important;
  9712.     z-index: 500 !important;
  9713. /* background: blue !important; */
  9714. }
  9715. .DiscussionAboutShowDiscussion  {
  9716.     max-width: 217px !important;
  9717.     min-width: 217px !important;
  9718.     top: 53px !important;
  9719.     left: 12.2% !important;
  9720.     z-index: 100 !important;
  9721. /* background-color: red !important; */
  9722. }
  9723.  
  9724. /* ==== END === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
  9725. }
  9726.  
  9727.  
  9728. .MessageList.Discussion {
  9729.     margin-top: 36px;
  9730. }
  9731. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
  9732.     left: 4px !important;
  9733.     top: -1px !important;
  9734. }
  9735.  
  9736. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
  9737. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
  9738.     left: 32px !important;
  9739. /* outline: 1px solid red !important; */
  9740. }
  9741. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
  9742.     left: 0px !important;
  9743.     top: 0px !important;
  9744. /* outline: 1px solid yellow !important; */
  9745. }
  9746.  
  9747. /* START ==== URL-PREF- USERSTYLES FORUM ??? - TEST - MEDIA QUERIES - 1400px  ==== */
  9748.  
  9749. @media screen and (max-width: 1400px){
  9750. #Head + #Body {
  9751.     margin-left: 12% !important;
  9752. /* background: green !important; */
  9753. }
  9754.  
  9755. /* ==== END ==== URL-PREF- USERSTYLES FORUM - TEST - MEDIA QUERIES === */
  9756. }
  9757.  
  9758. /* ==== END === URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION ==== */
  9759.  
  9760.  
  9761. /* ========== END === URL-PREF - ALL ======= */
  9762.  
  9763. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!