API tools faq
paste
decembre

Userstyles / Greasy Fork Enhancer Dark-Grey 121 (new121)

decembre
Dec 16th, 2018
1,145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 338.64 KB | None | 0 0
raw download clone embed print report diff
  1. /* AGENT_SHEET */
  2. /* @namespace url(http://www.w3.org/1999/xhtml); */
  3.  
  4. @-moz-document url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org") {
  5.  
  6. /* ==== Userstyles / Greasy Fork Enhancer Dark-Grey TEST v.121(new121) - QUICK TEST - WATnew06 - AGENT_SHEET ==== */
  7.  
  8. /* ______________________________________________________________________
  9. |                                                                        |
  10. |                                                                        |
  11. |                                                                        |
  12. | Title:  |  Userstyles / Greasy Fork Enhancer Dark-Grey  121 (new121)   |
  13. |                                                                        |
  14. |    Description:  |                                                     |
  15. |                      GREASY FORK - With / without (GM) TS CITRUS       |
  16. |                      FORUM Styles in first + Forum GREASY Fork -       |
  17. |                      Logged or NOT                                     |
  18. |                      With / Without GM                                 |
  19. |                      AGENT_SHEET                                       |
  20. |                                                                        |
  21. |         Author:  |  decembre                                           |
  22. |                                                                        |
  23. |   Date Created:  |  23-11-2011                                         |
  24. |                                                                        |
  25. |   Last Updated:  |  16-12-2018                                         |
  26. |                                                                        |
  27. |________________________________________________________________________|
  28. */
  29. /* (new119) CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock - === */
  30. .hamburger ,
  31. .walking,
  32. .android_button_button ,
  33. .overlay_background ,
  34. .adContainer ,
  35. #discussions-area #social.single-style ,
  36. #social ,
  37. .twitter-share-button ,
  38. #twitter-widget-0 ,
  39. .fb-like {
  40.     display: none!important;
  41. }
  42.  
  43. /* (new119) - CATEGORIES - === */
  44. .us-category--stylecard-long h1 ,
  45. .view_inner.StylesCategory>h1 {
  46.     color: #6687aa !important;
  47.     font-size: 30px;
  48.     margin-bottom: 0px !important;
  49. }
  50.  
  51. #categories {
  52.     display: inline-block !important;
  53.     width: 100% !important;
  54.     margin-bottom: 50px;
  55. }
  56. .StyleCategory-Link {
  57.     display: inline-block !important;
  58. width: 280px !important;
  59.     margin: 2px -18px 22px 48px !important;
  60. }
  61. .us-category--narrow ,
  62. .us-category--stylecard-short.us-category--narrow {
  63.     width: 100% !important;
  64.     margin-left: 0 !important;
  65. }
  66.  
  67. .us-category--stylecard-long .us-stylecards__container--narrow ,
  68. .us-category--stylecard-short .us-stylecards__container--narrow {
  69.     width: 100% !important;
  70. }
  71. #title_div {
  72.     width: 100% !important;
  73. }
  74. .us-category--stylecard-short h1 {
  75.     margin-top: 31px;
  76.     color: #6687aa !important;
  77. }
  78. .fallbackDiv {
  79.     align-items: center;
  80.     background-color: #d4dce7;
  81.     display: flex;
  82.     height: 156px;
  83.     justify-content: center;
  84.     max-width: 50%;
  85.     min-width: 50%;
  86.     position: relative;
  87. }
  88. .fallbackDiv .fallbackImg {
  89.     height: 100%;
  90.     left: 0;
  91.     object-fit: cover;
  92.     object-position: center top;
  93.     position: absolute;
  94.     top: 0;
  95.     width: 100%;
  96. }
  97.  
  98. /* (new119) USESERSTYLES - MENU LEFT - === */
  99. .navigation {
  100.     width: 38% !important;
  101.     height: 100% !important;
  102.     min-height: 20px !important;
  103.     max-height: 20px !important;
  104.     left: 0 !important;
  105.     top: -22px !important;
  106.     padding: 0 !important;
  107.     overflow: hidden !important;
  108.     box-shadow: none !important;
  109.     background-color: #2e3e49 !important;
  110.     z-index: 5000000 !important;
  111. }
  112.  
  113. .navigation .links-box {
  114.     position: fixed !important;
  115.     width: 200px !important;
  116.     top: 47px !important;
  117.     left:40px !important;
  118.     background-color: #222 !important;
  119. }
  120. .links-box>a {
  121.     display: inline-block !important;
  122.     width: 200px !important;
  123. }
  124. .navigation .links-box .navigation-link {
  125.     height: 16px !important;
  126.     align-items: center;
  127.     padding: 1px 0;
  128. }
  129. .navigation .links-box .navigation-link .navigation-title {
  130.     color: #617488 !important;
  131. }
  132.  
  133. .navigation .navigation-category {
  134.     position: fixed;
  135.     display: inline-block;
  136.     top: 19px !important;
  137.     margin: 30px 0 10px;
  138.     width: 200px !important;
  139.     color: #95a5a6;
  140.     font-size: 12px !important;
  141.     text-align: center !important;
  142.     z-index: 5000000;
  143. }
  144.  
  145. .links-box:first-of-type:before {
  146.     content: "Menu  ∇ " ;
  147.     display: inline-block;
  148. /*     width: 100px !important; */
  149.     width: 200px !important;
  150. /*     border-left: 1px solid #95a5a6 !important; */
  151.     border-bottom: 4px solid gold !important;
  152.     text-align: center !important;
  153.     visibility: visible !important;
  154. }
  155. .links-box:first-of-type {
  156.     border-top: none !important;
  157.     visibility: hidden !important;
  158. }
  159. .links-box:first-of-type:hover {
  160.     border-top: none !important;
  161.     visibility: visible !important;
  162. }
  163. .links-box:first-of-type + .navigation-category {
  164.     left: 258px !important;
  165. /*     border-right: 1px solid #95a5a6 !important; */
  166. /*     border-left: 1px solid #95a5a6 !important; */
  167.     border-bottom: 4px solid blue !important;
  168. }
  169.  
  170. .links-box:first-of-type + .navigation-category  + .links-box {
  171.     position: fixed !important;
  172.     display: inline-block !important;
  173.     top: 67px !important;
  174.     left: 258px !important;
  175.     visibility: hidden !important;
  176. border-bottom: 4px solid blue !important;
  177. }
  178. .links-box:first-of-type + .navigation-category  + .links-box:hover  ,
  179. .links-box:first-of-type + .navigation-category:hover  + .links-box {
  180.     visibility: visible !important;
  181. }
  182. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category {
  183.     left: 466px !important;
  184.     border-bottom: 4px solid green !important;
  185. }
  186. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box {
  187.     position: fixed !important;
  188.     display: inline-block !important;
  189.     top: 67px !important;
  190.     left: 466px !important;
  191.     visibility: hidden !important;
  192. border-bottom: 4px solid green !important;
  193. }
  194. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box:hover  ,
  195. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:hover  + .links-box {
  196.     visibility: visible !important;
  197. }
  198.  
  199.  
  200. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:after ,
  201. .links-box:first-of-type + .navigation-category:after {
  202.     content: " ∇ " ;
  203.     display: inline-block;
  204.     width: 5px !important;
  205.     margin-left: 10px !important;
  206.     text-align: center !important;
  207.     color: gold ;
  208.     visibility: visible !important;
  209. }
  210.  
  211. /* (new119) USER PAGE(not ACCOUNT PAGE) - === */
  212. .personal-page-header {
  213.     position: fixed;
  214.     width: 419px;
  215.     height: 30px;
  216.     right: 226px;
  217.     top: 42px !important;
  218.     z-index: 50000;
  219. }
  220. .personal-page-header h1 {
  221.     width: 100%;
  222.     color: #7691AD;
  223.     font-size: 20px !important;
  224.     overflow: hidden;
  225.     text-overflow: ellipsis;
  226.     white-space: nowrap;
  227.     word-break: normal;
  228. }
  229. .personal-page-header-right {
  230.     height: 30px;
  231. }
  232. .personal-page .light-blue-button {
  233.     padding: 1px 10px !important;
  234.  
  235. }
  236.  
  237.  
  238. .personal-page-narrow {
  239.     width: 100% !important;
  240. }
  241. .personal-page {
  242.     box-sizing: border-box;
  243.     margin: 10px auto;
  244.     padding: 0 20px;
  245.     width: 100%;
  246. }
  247. .us-stylecard--long {
  248. position: relative !important;
  249.     display: inline-block !important;
  250. float: left !important;
  251.     box-sizing: border-box;
  252.     width: 48% !important;
  253.     height: 172px;
  254. /*     margin-right: 20px !important; */
  255. /*     margin-bottom: -15px !important; */
  256. margin: 15px 20px -10px 0 !important;
  257. /* top: 10px !important; */
  258. /* bottom: 10px !important; */
  259.     padding: 8px !important;
  260.     border: 1px solid red;
  261.     border-radius: 5px;
  262.     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  263.     background-color: black !important;
  264. }
  265. .us-stylecard--long .us-stencil {
  266.     align-items: center;
  267.     background-color: #d4dce7;
  268.     display: flex;
  269.     height: 156px;
  270.     justify-content: center;
  271.     max-width: 50% !important;
  272.     min-width: 50% !important;;
  273.     position: relative;
  274. }
  275. .us-stylecard--long .us-container {
  276.     display: inline-block !important;
  277.     box-sizing: border-box;
  278.     width: 50% !important;
  279.     float: right !important;
  280.     margin-top: -162px;
  281.     padding: 16px 13px 0 13px !important;
  282.     overflow: hidden;
  283. }
  284. .us-stylecard--long .us-title {
  285.     width: 100%;
  286.     font-size: 20px;
  287.     font-weight: 500;
  288.     margin-top: 4px;
  289.     overflow: hidden;
  290.     text-overflow: ellipsis;
  291.     white-space: pre-line !important;
  292.  
  293. }
  294. .us-stylecard__button-container {
  295.     display: inline-block;
  296.     float: right;
  297.     align-items: flex-end;
  298.     justify-content: flex-end;
  299.     width: 15%;
  300.     margin-top: -40px !important;
  301.     padding: 0 !important;
  302. }
  303.  
  304. /* USERSTYLES - PAGINATION */
  305. .us-stylecards__container  + #pagination {
  306. position: fixed !important;
  307. width: 700px !important;
  308.     right: -320px !important;
  309.     top: 44% !important;
  310. padding: 5px !important;
  311. border-radius: 5px !important;
  312.     transform: rotate(90deg);
  313. background: #222 !important;
  314. }
  315. .us-stylecards__container  + #pagination>a:first-of-type ,
  316. .us-stylecards__container  + #pagination>a:last-of-type ,
  317. .us-stylecards__container  + #pagination>#pages>.pageNumber ,
  318. .us-stylecards__container  + #pagination>#pages>a {
  319.     align-items: center;
  320.     cursor: pointer;
  321.     display: flex;
  322.     font-size: 15px !important;
  323.     font-weight: 500;
  324.     height: 30px !important;
  325.     justify-content: center;
  326.     margin: 0 4px;
  327.     width: 40px !important;
  328.     transform: rotate(-90deg);
  329. }
  330. .us-stylecards__container  + #pagination>a:first-of-type .div-arrow  ,
  331. .us-stylecards__container  + #pagination>a:last-of-type .div-arrow {
  332.     width: 30px !important;
  333.     margin-left: 0 !important;
  334.     margin-right: 0 !important;
  335. text-align: center  !important;
  336. }
  337. .us-stylecards__container  + #pagination>a:first-of-type .arrow-icon ,
  338. .us-stylecards__container  + #pagination>a:last-of-type .arrow-icon {
  339.     width: 41px !important;
  340. height: 30px !important;
  341. text-align: center  !important;
  342. }
  343.  
  344.  
  345. /* (new108) GREASYFORK - FORUM - TOP HEADER - DISMIS - == */
  346. .MessageList.Discussion .Flyout.MenuItems.list-reset {
  347.     height: 21px !important;
  348.     margin-top: -3px !important;
  349.     top: 0 !important;
  350. }
  351.  
  352. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {
  353.     height: 15px !important;
  354.     width: 15px !important;
  355.     margin-right: 0 !important;
  356.     margin-top: 0 !important;
  357.     padding: 0 !important;
  358.     font-size: 0px !important;
  359.     color: red !important;
  360. }
  361. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {
  362.     content: " \274C" ;
  363.     font-size: 10px !important;
  364.     color: red !important;
  365. }
  366. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {
  367.     content: "Dismiss" ;
  368.     position: absolute ;
  369.     display: inline-block ;
  370.     margin-top: -20px !important;
  371.     margin-left: -30px !important;
  372.     font-size: 10px !important;
  373.     color: tomato !important;
  374. }
  375.  
  376. /* (new96) STRANGE POST IN FORUM -
  377. https://forum.userstyles.org/discussion/29263/srazzano/p90
  378. === */
  379. .MessageList.DataList.Comments {
  380.     width: 712px !important;
  381. }
  382.  
  383.  
  384. /* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -
  385. https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks
  386. === */
  387. #browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
  388.     color: gold !important;
  389. /* OK - FINE TOP OF THE BACKGROUND - BLACK */
  390.     text-shadow: 0px 1px 1px #000;
  391. }
  392.  
  393. /* (new93) GREASYFORK -  SET - LISTING PAGE - DESCRIPTION - === */
  394. body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
  395. body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
  396. body[pagetype="ListingPage"]  .width-constraint h3 + p {
  397.     display: inline-block;
  398.     border: 1px solid violet ;
  399. }
  400.  
  401.  
  402. /* (new79) GREASYFORK - Without SCRIPT - === */
  403. .width-constraint > p {
  404.     display: inline-block;
  405. }
  406. #script-links .current > * {
  407.     color: red !important;
  408. }
  409.  
  410.  
  411. /* CITRUS SETTINGS - POPUP - === */
  412. #CForkSettings {
  413.     z-index: 5000 !important;
  414. }
  415.  
  416. /* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE -
  417. .SiteMenu
  418. === */
  419. .with-submenu {
  420.     position: relative !important;
  421.     display: inline-block !important;
  422. }
  423.  
  424. li.with-submenu a + nav ,
  425. li.with-submenu a + nav:hover ,
  426. li.with-submenu a:hover + nav {
  427.     position: absolute  !important;
  428.     min-width: 100%;
  429.     margin-top: -5px !important;
  430.     padding: 2px 5px 5px 15px !important;
  431.     text-align: left !important;
  432.     box-shadow: 3px 3px 2px black !important;
  433.     background-color: #333 !important;
  434. }
  435. li.with-submenu a + nav li {
  436.     height: 20px !important;
  437.     line-height: 20px !important;
  438.     z-index: 50000000 !important;
  439. }
  440. li.with-submenu a + nav li a {
  441.     padding: 2px 2px !important;
  442.     text-align: left !important;
  443. }
  444.  
  445.  
  446.  
  447. /* (new117) - ADAPTATION for GM "Greasyfork install button on search" (NOT Working with CITRUS) -
  448. https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
  449. AND GM "GreasyFork - filter libraries in profiles"
  450. https://greasyfork.org/fr/scripts/12669-greasyfork-filter-libraries-in-profiles
  451. 2018 - MAYBE NOT NEED with CITRUS : SHOW Only INSTALL LINK IN USER PROFILE:
  452. https://greasyfork.org/fr/forum/discussion/11601/x
  453. === */
  454. .thetitle + div #install-area {
  455.     position: relative !important;
  456.     display: inline-block !important;
  457.     float: left !important;
  458.     max-width: 450px !important;
  459.     min-width: 450px !important;
  460.     margin-left: -4px !important;
  461.     top: 0 !important;
  462.     padding: 1px 4px !important;
  463.     background-color: #f9ecdb !important;
  464.     border-bottom: 1px solid gray;
  465.     z-index: 1 !important;
  466.     overflow: hidden !important;
  467. }
  468. .thetitle + div #install-area:hover {
  469.     position: relative !important;
  470.     display: inline-block !important;
  471.     float: left !important;
  472.     height: auto !important;
  473.     max-width: 450px !important;
  474.     min-width: 450px !important;
  475.     margin-left: -4px !important;
  476.     top: 0 !important;
  477.     padding: 1px 4px !important;
  478.     background-color: #f9ecdb !important;
  479.     border-bottom: 1px solid gray;
  480.     z-index: 5000 !important;
  481.     overflow: visible !important;
  482. }
  483. .thetitle + div #install-area> a:first-of-type {
  484.     display: inline-block;
  485.     float: left !important;
  486.     clear: both !important;
  487.     max-width: 150px !important;
  488.     min-width: 150px !important;
  489.     line-height: 13px !important;
  490.     font-size: 10px !important;
  491.     margin-left: 0 !important;
  492.     text-align: center !important;
  493. }
  494. .thetitle + div #install-area> a:last-of-type {
  495.     max-width: 20px !important;
  496.     min-width: 20px !important;
  497.     line-height: 13px !important;
  498.     font-size: 10px !important;
  499.     margin-left: 0 !important;
  500.     text-align: center !important;
  501. }
  502. .thetitle + div #install-area form.script-in-sets {
  503.     position: absolute !important;
  504.     display: inline-block !important;
  505.     height: 100% !important;
  506.     min-height: 50px !important;
  507.     max-height: 50px !important;
  508.     max-width: 374px !important;
  509.     min-width: 374px !important;
  510.     left: 75px !important;
  511.     top: 2px !important;
  512.     font-size: 0px !important;
  513.     overflow-x: hidden;
  514.     overflow-y: auto;
  515. }
  516.  
  517. .thetitle + div #install-area form.script-in-sets:hover {
  518.     min-height: 150px !important;
  519.     max-height: 200px !important;
  520.     z-index: 500000 !important;
  521.     border: 1px solid violet !important;
  522. }
  523. .thetitle + div #install-area .script-in-sets select {
  524.     display: inline-block;
  525.     max-width: 287px !important;
  526.     min-width: 287px !important;
  527.     margin-left: 0px !important;
  528.     margin-top: 7px !important;
  529. }
  530.  
  531. .tk.sel {
  532.     color: #25B300 !important;
  533. }
  534. .tk.pro {
  535.     color: #2a7da3 !important;
  536. }
  537. .tk.pun {
  538.     color: #0F40A7 !important;
  539. }
  540. .tk.com {
  541.     color: #9F7E15 !important;
  542. }
  543.  
  544. /* (new110) - ADAPTATION for GM :
  545. == GreasyFork Bullshit Filter :
  546. https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
  547. == GreasyFork Bullshit Filter (compatible with Citrus GFork)
  548. https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
  549.  
  550. AND (TEST):
  551. GreasyFork - filter discussions on scripts by review type and author
  552. https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
  553. === */
  554. .MessageList.DataList.Comments .ItemComment.filtered,
  555. .ItemDiscussion.filtered  {
  556.     height: 10px!important;
  557.     font-size: 3px !important;
  558.     overflow: hidden !important;
  559.     opacity: 0.4 !important;
  560. }
  561. .MessageList.DataList.Comments .ItemComment.filtered:hover,
  562. .ItemDiscussion.filtered:hover  {
  563.     opacity: 1 !important;
  564. }
  565. .ItemDiscussion.filtered .ItemContent.Discussion .Title  {
  566.     height: 10px!important;
  567.     line-height: 10px!important;
  568.     font-size: 8px !important;
  569. /* background: red !important; */
  570. }
  571. .ItemDiscussion.filtered .ItemContent.Discussion .Title a {
  572.     min-width: 600px !important;
  573.     max-width: 600px !important;
  574.     height: 10px!important;
  575.     line-height: 7px!important;
  576.     margin-top: -45px !important;
  577.     font-size: 8px !important;
  578. }
  579. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
  580.     min-width: 600px !important;
  581.     max-width: 600px !important;
  582.     height: 10px!important;
  583.     line-height: 10px!important;
  584.     margin-left: 20px !important;
  585.     font-size: 9px !important;
  586. }
  587. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
  588.     margin-top: -8px !important;
  589.     transform: scale(0.7) !important;
  590. }
  591. /* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
  592. body[pagetype="ListingPage"] #script-table tr.filtered {
  593.     display: table-row !important;
  594.     width: 100% !important;
  595.     height: 10px!important;
  596. }
  597. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  598.     background: black !important;
  599. }
  600. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  601.     display: table-cell !important;
  602.     height: 100% !important;
  603.     min-height: 10px!important;
  604.     max-height: 10px!important;
  605.     padding: 0 !important;
  606.     font-size: 7px !important;
  607.     background-color: #F7F6E9 !important;
  608. }
  609. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  610.     font-size: 8px !important;
  611. }
  612.  
  613. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  614.     font-size: 8px !important;
  615. }
  616. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  617.     border-left: 1px solid red !important;
  618. }
  619.  
  620. /* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  621. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  622.     display: none !important;
  623. }
  624.  
  625. /* (new98) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  626. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  627.     position: absolute !important;
  628.     display: inline-block !important;
  629.     width: 914px !important;
  630.     background-color: #f7f6e9 !important;
  631.     border: 1px solid peru !important;
  632.     border-left: 3px solid red !important;
  633.     border-right: 3px solid red !important;
  634.     border-bottom: 4px solid red !important;
  635.     font-size: 15px !important;
  636.     z-index: 50000 !important;
  637. }
  638. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
  639. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  640.     display: inline-block !important;
  641.     display: none !important;
  642.     height: 100% !important;
  643.     min-height: 15px!important;
  644.     max-height: 15px!important;
  645.     padding: 0 !important;
  646.     font-size: 8px !important;
  647. }
  648. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  649.     display: inline-block !important;
  650.     height: 100% !important;
  651.     min-height: 10px!important;
  652.     max-height: 10px!important;
  653.     line-height: 8px!important;
  654.     padding: 0 !important;
  655.     font-size: 9px !important;
  656. }
  657. .filter-status:not(:empty) ,
  658. #script-content .filter-status:not(:empty) {
  659.     box-sizing: border-box;
  660.     position: fixed !important;
  661.     height: 35px !important;
  662.     line-height: 17px !important;
  663.     max-width: 190px !important;
  664.     min-width: 190px !important;
  665.     left: calc(83.95%) !important;
  666.     top: 55px !important;
  667.     padding: 1px 0px  !important;
  668.     border-radius: 5px 5px 0 0 !important;
  669.     text-align: center !important;
  670.     font-size: 13px !important;
  671.     color: white !important;
  672.     cursor: default !important;
  673.     z-index: 500000 !important;
  674.     background: #B38C25 !important;
  675. }
  676. .filter-status:first-of-type + .filter-switches:hover ,
  677. .filter-status:first-of-type:hover + .filter-switches ,
  678. .filter-status:first-of-type + .filter-switches {
  679.     position: fixed !important;
  680.     width: 190px !important;
  681.     left: calc(84.3%) !important;
  682.     top: 88px !important;
  683.     border-radius: 0 0 5px 5px !important;
  684.     background: #B38C25 !important;
  685.     z-index: 50000 !important;
  686. }
  687. .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  688. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  689.     display: none !important;
  690. }
  691. :hover > .filter-switches a ,
  692. .filter-switches  a ,
  693. #main-header  .width-constraint + .filter-status ~  .filter-switches a ,
  694. #Frame #Head.Head .filter-switches a
  695. #script-content .filter-switches  a {
  696.     display: inline-block  !important;
  697.     width: 160px !important;
  698.     height: 15px !important;
  699.     line-height: 15px !important;
  700.     margin-top: -2px !important;
  701.     bottom: 0px !important;
  702.     margin-left: 0px !important;
  703.     font-size: 14px !important;
  704.     color: white !important;
  705.     cursor: pointer !important;
  706. }
  707. #Frame #Head.Head .filter-switches a {
  708.     color: white !important;
  709. }
  710.  
  711. .ui-widget {
  712.     position: fixed !important;
  713.     width: 190px !important;
  714.     top: 175px !important;
  715.     left: calc(84.5%) !important;
  716. }
  717. .ui-widget #myform {
  718.     width: 185px !important;
  719. }
  720.  
  721. .ui-widget #myform input#authors {
  722.     width: 180px !important;
  723. }
  724. .dropdown {
  725.     position: fixed !important;
  726.     width: 185px !important;
  727.     left: calc(84.5%) !important;
  728.     top: 228px !important
  729. }
  730.  
  731. .dropbtn {
  732.     width: 185px !important;
  733.     padding: 5px 0px 5px 20px !important;
  734. }
  735. .dropdown-content {
  736.     width: 185px !important;
  737.     height: 400px !important;
  738.     padding: 16px 0px 5px 0px !important;
  739.     background-color: #222 !important;
  740. }
  741. #myDropdown.dropdown-content a {
  742.     padding: 1px 0px 2px 5px !important;
  743.     font-size: 15px !important;
  744.     color: gray !important;
  745.     background-color: #333 !important;
  746.     text-align: left !important;
  747.     cursor: default !important;
  748. }
  749. #myDropdown.dropdown-content a:hover {
  750.     font-size: 15px !important;
  751.     color: gold !important;
  752.     background-color: #222 !important;
  753. }
  754.  
  755. /* FILTER - ALL COMMENTS (on top)  */
  756. .dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
  757. .dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
  758.     position: fixed !important;
  759.     display: inline-block !important;
  760.     left: calc(85.56%) !important;
  761.     top: 232px !important;
  762.     padding: 3px !important;
  763.     border-radius: 100% !important;
  764.     text-align: center !important;
  765. }
  766.  
  767. /* for FITTER SCRIPT */
  768. .width-constraint + .filter-status {
  769.     position: fixed !important;
  770.     width: 190px !important;
  771. }
  772. .width-constraint + .filter-status + .filter-switches {
  773. /* left: calc(87%) !important; */
  774. }
  775. .width-constraint + .filter-status + .filter-switches a {
  776.     margin-left: 10px !important;
  777. }
  778.  
  779. /* (new94) GREASYFORK - FITER COMMENTS on USER PROFILE - CONTAINER - === */
  780. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
  781.     position: fixed !important;
  782.     display: inline-block;
  783.     right: 110px !important;
  784.     width: 189px;
  785.     top: 91px;
  786.     text-align: center;
  787.     background: #222 !important;
  788. }
  789. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
  790.     left: calc(84.5%);
  791.     top: 195px !important;
  792.     width: 190px;
  793. }
  794.  
  795.  
  796. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
  797.     left: calc(84.5%);
  798.     top: 241px !important;
  799.     width: 185px;
  800. }
  801.  
  802. /* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  803. .Button.Danger.BigButton.ClearConversation {
  804.     display: block;
  805.     font-size: 11px!important;
  806.     font-weight: bold;
  807.     margin: 0 0 10px;
  808.     padding: 8px 10px;
  809.     text-align: center;
  810. }
  811.  
  812. /* ALL SITES PAGE -
  813. https://greasyfork.org/en/scripts/by-site
  814. === */
  815. #by-site-list li[style="font-size: 5.0em"] {
  816.     font-size: 3.28em  !important;
  817. }
  818. #by-site-list li[style="font-size: 5.0em"] a {
  819.     color: darkturquoise !important;
  820. }
  821.  
  822.  
  823. #by-site-list li[style="font-size: 4.07em"] {
  824.     font-size: 3.27em !important;
  825. }
  826. #by-site-list li[style="font-size: 4.07em"] a {
  827.     color: lightsalmon!important;
  828. }
  829.  
  830. #by-site-list li[style="font-size: 3.86em"] {
  831.     font-size: 3.26em !important;
  832. }
  833. #by-site-list li[style="font-size: 3.86em"] a {
  834.     color: darkturquoise !important;
  835. }
  836.  
  837. #by-site-list li[style="font-size: 2.86em"] {
  838.     font-size: 3.25em!important;
  839. }
  840. #by-site-list li[style="font-size: 2.86em"] a {
  841.     color: deepskyblue !important;
  842. }
  843.  
  844. #by-site-list li[style="font-size: 2.02em"] {
  845.     font-size: 3.24em!important;
  846. }
  847. #by-site-list li[style="font-size: 2.02em"] a {
  848.     color: darkturquoise !important;
  849. }
  850.  
  851. #by-site-list li[style="font-size: 2.1em"] {
  852.     font-size: 3.23em !important;
  853. }
  854. #by-site-list li[style="font-size: 2.1em"] a {
  855.     color: darkturquoise !important;
  856. }
  857.  
  858. #by-site-list li[style="font-size: 2.06em"] {
  859.     font-size: 3.22em !important;
  860. }
  861. #by-site-list li[style="font-size: 2.06em"] a {
  862.     color: deepskyblue !important;
  863. }
  864.  
  865. #by-site-list li[style="font-size: 1.99em"] {
  866.     font-size: 3.21em !important;
  867. }
  868. #by-site-list li[style="font-size: 1.99em"] a {
  869.     color: darkturquoise !important;
  870. }
  871.  
  872. #by-site-list li[style="font-size: 1.92em"] {
  873.     font-size: 3.20em !important;
  874. }
  875. #by-site-list li[style="font-size: 1.92em"] a {
  876.     color: darkturquoise !important;
  877. }
  878.  
  879. #by-site-list li[style="font-size: 1.87em"] {
  880.     font-size: 3.19em!important;
  881. }
  882. #by-site-list li[style="font-size: 1.87em"] a {
  883.     color: darkturquoise !important;
  884. }
  885.  
  886. #by-site-list li[style="font-size: 1.7em"] {
  887.     font-size: 3.18em!important;
  888. }
  889. #by-site-list li[style="font-size: 1.7em"] a {
  890.     color: darkturquoise !important;
  891. }
  892.  
  893. #by-site-list li[style="font-size: 1.66em"] {
  894.     font-size: 3.17em !important;
  895. }
  896. #by-site-list li[style="font-size: 1.66em"] a {
  897.     color: darkturquoise !important;
  898. }
  899.  
  900. #by-site-list li[style="font-size: 1.61em"] {
  901.     font-size: 3.16em !important;
  902. }
  903. #by-site-list li[style="font-size: 1.61em"] a {
  904.     color: deeppink !important;
  905. }
  906.  
  907. #by-site-list li[style="font-size: 1.5em"] {
  908.     font-size: 3.15em !important;
  909. }
  910. #by-site-list li[style="font-size: 1.5em"] a {
  911.     color: darkturquoise !important;
  912. }
  913.  
  914. #by-site-list li[style="font-size: 1.4em"] {
  915.     font-size: 3.14em !important;
  916. }
  917. #by-site-list li[style="font-size: 1.4em"] a {
  918.     color: darkturquoise !important;
  919. }
  920.  
  921. #by-site-list li[style="font-size: 1.41em"] {
  922.     font-size: 3.13em !important;
  923. }
  924. #by-site-list li[style="font-size: 1.41em"] a {
  925.     color: deeppink !important;
  926. }
  927.  
  928. #by-site-list li[style="font-size: 1.3em"] {
  929.     font-size: 3.12em !important;
  930. }
  931. #by-site-list li[style="font-size: 1.3em"] a {
  932. color: deeppink !important;
  933. }
  934.  
  935. #by-site-list li[style="font-size: 1.39em"] {
  936.     font-size: 3.11em !important;
  937. }
  938. #by-site-list li[style="font-size: 1.39em"] a {
  939.     color: darkturquoise !important;
  940. }
  941.  
  942. #by-site-list li[style="font-size: 1.38em"] {
  943.     font-size: 3.10em!important;
  944. }
  945. #by-site-list li[style="font-size: 1.38em"] a {
  946.     color: darkturquoise !important;
  947. }
  948.  
  949. #by-site-list li[style="font-size: 1.35em"] {
  950.     font-size: 3.09em !important;
  951. }
  952. #by-site-list li[style="font-size: 1.35em"] a {
  953. color: darkturquoise !important;
  954. }
  955.  
  956. #by-site-list li[style="font-size: 1.34em"] {
  957.     font-size: 3.08em !important;
  958. }
  959. #by-site-list li[style="font-size: 1.34em"] a {
  960.     color: darkturquoise !important;
  961. }
  962.  
  963. #by-site-list li[style="font-size: 1.32em"] {
  964.     font-size: 3.07em !important;
  965. }
  966. #by-site-list li[style="font-size: 1.32em"] a {
  967.     color: darkturquoise !important;
  968. }
  969.  
  970. #by-site-list li[style="font-size: 1.31em"] {
  971.     font-size: 3.06em !important;
  972. }
  973. #by-site-list li[style="font-size: 1.31em"] a {
  974.     color: darkturquoise !important;
  975. }
  976.  
  977. #by-site-list li[style="font-size: 1.29em"] {
  978.     font-size: 3.05em !important;
  979. }
  980. #by-site-list li[style="font-size: 1.29em"] a {
  981.     color: deeppink !important;
  982. }
  983.  
  984. #by-site-list li[style="font-size: 1.26em"] {
  985.     font-size: 3.04em !important;
  986. }
  987. #by-site-list li[style="font-size: 1.26em"] a {
  988.     color: darkturquoise !important;
  989. }
  990.  
  991. #by-site-list li[style="font-size: 1.23em"] {
  992.     font-size: 3.03em !important;
  993. }
  994. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  995.     color: lightcyan !important;
  996. }
  997. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  998.     color: wheat !important;
  999. }
  1000.  
  1001. #by-site-list li[style="font-size: 1.21em"] {
  1002.     font-size: 3.02em !important;
  1003. }
  1004. #by-site-list li[style="font-size: 1.21em"] a {
  1005.     color: deeppink !important;
  1006. }
  1007.  
  1008. #by-site-list li[style="font-size: 1.08em"] {
  1009.     font-size: 3.01em !important;
  1010. }
  1011. #by-site-list li[style="font-size: 1.08em"] a {
  1012.     color: darkturquoise !important;
  1013. }
  1014.  
  1015. #by-site-list li[style="font-size: 1.07em"] {
  1016.     font-size: 3.00em !important;
  1017. }
  1018. #by-site-list li[style="font-size: 1.07em"] a {
  1019.     color: darkturquoise !important;
  1020. }
  1021.  
  1022. #by-site-list li[style="font-size: 1.05em"] {
  1023.     font-size: 2.99em  !important;
  1024. }
  1025. #by-site-list li[style="font-size: 1.05em"] a {
  1026.     color: darkturquoise !important;
  1027. }
  1028.  
  1029. #by-site-list li[style="font-size: 1.0em"] {
  1030.     font-size: 2.98em  !important;
  1031. }
  1032. #by-site-list li[style="font-size: 1.0em"] a {
  1033.     color: darkturquoise !important;
  1034. }
  1035.  
  1036. #by-site-list li[style="font-size: 1.01em"] {
  1037.     font-size: 2.97em  !important;
  1038. }
  1039. #by-site-list li[style="font-size: 1.01em"] a {
  1040.     color: darkturquoise !important;
  1041. }
  1042.  
  1043. #by-site-list li[style="font-size: 0.6em"] {
  1044.     font-size: 1em !important;
  1045. }
  1046. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  1047.     color: lightblue!important;
  1048. }
  1049. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  1050.     color: aquamarine !important;
  1051. }
  1052. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  1053.     color: tomato !important;
  1054. }
  1055. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  1056.     color: powderblue !important;
  1057. }
  1058. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  1059.     color: greenyellow !important;
  1060. }
  1061.  
  1062.  
  1063. #by-site-list li[style="font-size: 0.61em"]{
  1064.     font-size: 1.1em !important;
  1065. }
  1066. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  1067.     color: turquoise !important;
  1068. }
  1069. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  1070.     color: azure !important;
  1071. }
  1072. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  1073.     color: mediumvioletred !important;
  1074. }
  1075.  
  1076.  
  1077. #by-site-list li[style="font-size: 0.62em"]{
  1078.     font-size: 1.2em !important;
  1079. }
  1080. #by-site-list li[style="font-size: 0.62em"] a {
  1081.     color: blueviolet !important;
  1082. }
  1083. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  1084.     color: cornflowerblue !important;
  1085. }
  1086. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  1087.     color: peachpuff !important;
  1088. }
  1089. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  1090.     color: tomato !important;
  1091. }
  1092. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  1093.     color: powderblue !important;
  1094. }
  1095. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  1096.     color: greenyellow !important;
  1097. }
  1098.  
  1099. #by-site-list li[style="font-size: 0.63em"]{
  1100.     font-size: 1.3em !important;
  1101. }
  1102. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  1103.     color: lightsalmon !important;
  1104. }
  1105. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  1106.     color: darkcyan !important;
  1107. }
  1108.  
  1109.  
  1110. #by-site-list li[style="font-size: 0.64em"]{
  1111.     font-size: 1.4em !important;
  1112. }
  1113. #by-site-list li[style="font-size: 0.64em"] a {
  1114.     color: peru !important;
  1115. }
  1116. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  1117.     color: deepskyblue !important;
  1118. }
  1119. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  1120.     color: dodgerblue !important;
  1121. }
  1122. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  1123.     color: tomato !important;
  1124. }
  1125. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  1126.     color: powderblue !important;
  1127. }
  1128. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  1129.     color: greenyellow !important;
  1130. }
  1131.  
  1132. #by-site-list li[style="font-size: 0.65em"]{
  1133.     font-size: 1.5em !important;
  1134. }
  1135. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  1136.     color: violet !important;
  1137. }
  1138. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  1139.     color: goldenrod !important;
  1140. }
  1141.  
  1142.  
  1143. #by-site-list li[style="font-size: 0.66em"]{
  1144.     font-size: 1.6em !important;
  1145. }
  1146. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  1147.     color: greenyellow !important;
  1148. }
  1149. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  1150.     color: indianred !important;
  1151. }
  1152.  
  1153.  
  1154. #by-site-list li[style="font-size: 0.67em"]{
  1155.     font-size: 1.7em !important;
  1156. }
  1157. #by-site-list li[style="font-size: 0.67em"] a {
  1158.     color: lawngreen !important;
  1159. }
  1160.  
  1161.  
  1162. #by-site-list li[style="font-size: 0.68em"]{
  1163.     font-size: 1.8em !important;
  1164. }
  1165. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  1166.     color: lightblue !important;
  1167. }
  1168. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  1169.     color: lavender !important;
  1170. }
  1171. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  1172.     color: tomato !important;
  1173. }
  1174. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  1175.     color: powderblue !important;
  1176. }
  1177. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  1178.     color: greenyellow !important;
  1179. }
  1180.  
  1181.  
  1182. #by-site-list li[style="font-size: 0.69em"]{
  1183.     font-size: 1.9em !important;
  1184. }
  1185. #by-site-list li[style="font-size: 0.69em"] a {
  1186.     color: lemonchiffon !important;
  1187. }
  1188.  
  1189.  
  1190. #by-site-list li[style="font-size: 0.7em"]{
  1191.     font-size: 2em !important;
  1192. }
  1193. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  1194.     color: thistle !important;
  1195. }
  1196. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  1197.     color:  blanchedalmond !important;
  1198. }
  1199.  
  1200.  
  1201. #by-site-list li[style="font-size: 0.71em"]{
  1202.     font-size: 2.1em !important;
  1203. }
  1204. #by-site-list li[style="font-size: 0.71em"] a {
  1205.     color: antiquewhite !important;
  1206. }
  1207.  
  1208. #by-site-list li[style="font-size: 0.72em"]{
  1209.     font-size: 2.2em !important;
  1210. }
  1211. #by-site-list li[style="font-size: 0.72em"] a {
  1212.     color: aqua !important;
  1213. }
  1214.  
  1215. #by-site-list li[style="font-size: 0.73em"]{
  1216.     font-size: 2.3em !important;
  1217. }
  1218. #by-site-list li[style="font-size: 0.73em"] a {
  1219.     color: aquamarine !important;
  1220. }
  1221.  
  1222. #by-site-list li[style="font-size: 0.74em"]{
  1223.     font-size: 2.4em !important;
  1224. }
  1225. #by-site-list li[style="font-size: 0.74em"] a {
  1226.     color: bisque !important;
  1227. }
  1228.  
  1229.  
  1230. #by-site-list li[style="font-size: 0.75em"]{
  1231.     font-size: 2.5em !important;
  1232. }
  1233. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  1234.     color: darkgray !important;
  1235. }
  1236. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  1237.     color: palevioletred !important;
  1238. }
  1239.  
  1240.  
  1241. #by-site-list li[style="font-size: 0.76em"]{
  1242.     font-size: 2.6em !important;
  1243. }
  1244. #by-site-list li[style="font-size: 0.76em"] a {
  1245. color: darkcyan !important;
  1246. }
  1247.  
  1248. #by-site-list li[style="font-size: 0.77em"]{
  1249.     font-size: 2.7em !important;
  1250. }
  1251. #by-site-list li[style="font-size: 0.77em"] a {
  1252.     color: darkorange !important;
  1253. }
  1254.  
  1255. #by-site-list li[style="font-size: 0.78em"]{
  1256.     font-size: 2.8em !important;
  1257. }
  1258. #by-site-list li[style="font-size: 0.78em"] a {
  1259.     color: crimson !important;
  1260. }
  1261.  
  1262. #by-site-list li[style="font-size: 0.79em"]{
  1263.     font-size: 2.9em !important;
  1264. }
  1265. #by-site-list li[style="font-size: 0.79em"] a {
  1266.     color: cornsilk  !important;
  1267. }
  1268.  
  1269. /* ==== > 2.91em ===  */
  1270.  
  1271. #by-site-list li[style="font-size: 0.8em"]{
  1272.     font-size: 2.91em !important;
  1273. }
  1274. #by-site-list li[style="font-size: 0.8em"] a {
  1275.     color: cornflowerblue  !important;
  1276. }
  1277.  
  1278. #by-site-list li[style="font-size: 0.81em"]{
  1279.     font-size: 2.92em !important;
  1280. }
  1281. #by-site-list li[style="font-size: 0.81em"] a {
  1282.     color: coral  !important;
  1283. }
  1284.  
  1285. #by-site-list li[style="font-size: 0.82em"]{
  1286.     font-size: 2.93em !important;
  1287. }
  1288. #by-site-list li[style="font-size: 0.82em"] a {
  1289.     color: chocolate !important;
  1290. }
  1291.  
  1292. #by-site-list li[style="font-size: 0.83em"]{
  1293.     font-size: 2.94em !important;
  1294. }
  1295. #by-site-list li[style="font-size: 0.83em"] a {
  1296.     color: chartreuse !important;
  1297. }
  1298.  
  1299.  
  1300. #by-site-list li[style="font-size: 0.85em"]{
  1301.     font-size: 2.945em !important;
  1302. }
  1303. #by-site-list li[style="font-size: 0.85em"] a {
  1304.     color: cadetblue !important;
  1305. }
  1306. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  1307.     color: orangered!important;
  1308. }
  1309. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  1310.     color: indianred !important;
  1311. }
  1312. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  1313.     color: tomato !important;
  1314. }
  1315. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  1316.     color: mediumturquoise !important;
  1317. }
  1318. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  1319.     color: greenyellow !important;
  1320. }
  1321.  
  1322.  
  1323. #by-site-list li[style="font-size: 0.89em"] {
  1324.     font-size: 2.96em !important;
  1325. }
  1326. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  1327.     color: darkturquoise !important;
  1328. }
  1329. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  1330.     color: mediumorchid !important;
  1331. }
  1332.  
  1333. #by-site-list li[style="font-size: 0.99em"] {
  1334.     font-size: 2.965em !important;
  1335. }
  1336. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  1337.     color: darkturquoise !important;
  1338. }
  1339. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  1340.     color: mediumorchid !important;
  1341. }
  1342.  
  1343. /* (new101) (COR) - GREASY FORK - LIGHTBOX - POSITION - === */
  1344. /* SOURCE - SUPP "Source" - ==== */
  1345. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  1346.     position: relative !important;
  1347.     display: inline-block !important;
  1348.     float: right !important;
  1349.     clear: both !important;
  1350.     content: " 🔻 Preview 🔻 " !important;
  1351.     height: 15px !important;
  1352.     line-height: 12px !important;
  1353.     width: 140px!important;
  1354.     margin-top: 57px!important;
  1355.     margin-right: -83px !important;
  1356.     border-right: 1px solid peru !important;
  1357.     border-left: 1px solid peru !important;
  1358.     border-top: 1px solid peru !important;
  1359.     transform: rotate(90deg) !important;
  1360.     text-align: center !important;
  1361.     letter-spacing: 1.7px;
  1362.     background: black !important;
  1363.     z-index: 5000 !important;
  1364.     border: 1px solid gold !important;
  1365. }
  1366.  
  1367. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  1368.     position: absolute!important;
  1369.     display: inline-block!important;
  1370.     height: 130px !important;
  1371.     width: 97.5%!important;
  1372.     top: -160px!important;
  1373.     text-align: right!important;
  1374.     border: 1px solid peru !important;
  1375.     background: black !important;
  1376.     clip: rect(0px, 990px, 145px , 945px)!important;
  1377.     transition: all ease 1.5s !important;
  1378. }
  1379. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  1380.     background: red !important;
  1381.     clip: rect(0px, 947px, 145px , 0px)!important;
  1382.     z-index: 5000!important;
  1383. }
  1384.  
  1385. .script-screenshots .fancybox {
  1386.     position: relative !important;
  1387.     display: inline-block !important;
  1388.     float: right !important;
  1389.     clear:left !important;
  1390.     height: 120px !important;
  1391.     width: 160px!important;
  1392.     margin-right: 5px!important;
  1393.     margin-left: 5px !important;
  1394. }
  1395. .script-screenshots .fancybox:not([title=""]):after {
  1396.     content: attr(title) !important;
  1397.     position: relative !important;
  1398.     display: inline-block !important;
  1399.     height: 10px !important;
  1400.     line-height: 10px !important;
  1401.     width: 145px!important;
  1402.     float: right !important;
  1403.     clear: both !important;
  1404.     margin-right: 0px !important;
  1405.     margin-top: 5px!important;
  1406.     padding: 2px 5px !important;
  1407.     border-radius: 5px !important;
  1408.     font-size: 10px !important;
  1409.     text-align: left !important;
  1410.     text-overflow: ellipsis !important;
  1411.     white-space: nowrap !important;
  1412.     overflow: hidden !important;
  1413.     background: #333 !important;
  1414. }
  1415.  
  1416.  
  1417. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  1418. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  1419. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  1420. ==== */
  1421. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  1422.     display: inline-block !important;
  1423. }
  1424. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  1425.     position: relative !important;
  1426.     display: inline-block !important;
  1427.     height: 100% !important;
  1428.     min-height: 100px !important;
  1429.     max-height: 100px !important;
  1430.     max-width: 98% !important;
  1431.     margin: 0 auto !important;
  1432.     border: 1px solid orange !important;
  1433.     border-radius: 3px;
  1434.     box-shadow: 5px 5px 2px #181818 !important;
  1435.     color: yellow !important;
  1436.     padding: 2px !important;
  1437.     background-color: #2b2b2b !important;
  1438. }
  1439.  
  1440. /* TEST - GM - LANG FILTER - === */
  1441. #greazy-forq-info  {
  1442.     background: rgba(255, 255, 255, 0.55);
  1443.     color: #670000;
  1444.     cursor: pointer;
  1445.     left: 2px;
  1446.     position: fixed;
  1447.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  1448.     top: 2px;
  1449.     z-index: 5000!important;
  1450. }
  1451. li.greazy-forq-hiden ,
  1452. .greazy-forq-hiden {
  1453.     border-width: 1px 0 1px 9px !important;
  1454. }
  1455.  
  1456.  
  1457. /* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  1458. .good-rating-count,
  1459. .ok-rating-count,
  1460. .bad-rating-count {
  1461.     border-radius: 2px!important;
  1462.     display: inline-block !important;
  1463.     min-width: 15px!important;
  1464.     height: 13px !important;
  1465.     line-height: 11px !important;
  1466.     padding: 0px 2px !important;
  1467.     margin-right: 2px!important;
  1468.     margin-left: -2px!important;
  1469.     text-align: center !important;
  1470.     text-indent: 0px !important;
  1471. }
  1472. .total-rating-count  {
  1473.     display: table-cell !important;
  1474.     width: 100% !important;
  1475.     height: 13px !important;
  1476.     line-height: 13px !important;
  1477.     padding: 0px 2px !important;
  1478.     border-radius: 2px!important;
  1479. }
  1480.  
  1481.  
  1482. /* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */
  1483. /* FIRST  */
  1484. textarea#Form_Body.textarea-autosize {
  1485.     height: 138px;
  1486.     min-height: 50px;
  1487.     min-width: 670px !important;
  1488.     overflow: hidden;
  1489.     resize: vertical !important;
  1490.     word-wrap: break-word;
  1491. /* outline: 1px solid red ; */
  1492. }
  1493. .FormWrapper>form {
  1494.     margin-left: -23px;
  1495.     margin-top: 27px;
  1496.     width: 681px !important;
  1497. /* outline: 1px solid red ; */
  1498. }
  1499. /* FIRST */
  1500. #vanilla_post_discussion #DiscussionForm {
  1501.     position: relative;
  1502.     display: inline-block;
  1503.     width: 682px ;
  1504.     top: 25px ;
  1505.     margin-top: -144px !important;
  1506. }
  1507. #vanilla_post_discussion .FormWrapper {
  1508.     margin-top: -8px ;
  1509. }
  1510.  
  1511. /* RE EDIT / MODIF  */
  1512. #vanilla_post_editdiscussion #DiscussionForm {
  1513.     position: relative;
  1514.     display: inline-block;
  1515.     width: 682px ;
  1516.     top: 39px ;
  1517.     margin-top: -144px !important;
  1518.     left: -22px;
  1519. }
  1520. #vanilla_post_editdiscussion  .FormWrapper>form {
  1521.     margin-left: 0px ;
  1522. }
  1523.  
  1524. /* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
  1525. .RadioLabel[for="Form_Format"] {
  1526.     display: inline-block!important;
  1527.     width: 116px !important;
  1528.     border: 1px solid green !important;
  1529.     margin-bottom: 2px !important;
  1530. }
  1531. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
  1532. .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1533.     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;
  1534.     position: absolute !important;
  1535.     display: inline-block !important;
  1536.     width: 659px !important;
  1537.     height: 325px !important;
  1538.     margin-top: -338px !important;
  1539.     margin-left: -40px !important;
  1540.     padding: 5px !important;
  1541.     color: peru !important;
  1542.     border-radius: 4px 4px 20px 20px !important;
  1543.     background: black !important;
  1544.     white-space: pre-line !important;
  1545.     z-index: 500 !important;
  1546.     opacity: 1 !important;
  1547.     overflow:hidden !important;
  1548.     overflow-y: auto !important;
  1549.     transition: all 0.7s!important;
  1550.     transition: all ease 0.7s !important;
  1551.     border: 4px solid GREEN !important;
  1552. }
  1553.  
  1554. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1555. #vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1556.     position: absolute !important;
  1557.     display: inline-block !important;
  1558.     width: 430px !important;
  1559.     height: 500px !important;
  1560.     top: 460px !important;
  1561.     left: 40px !important;
  1562.     border: 4px DOTTED GREEN !important;
  1563. }
  1564.  
  1565. /* HTLM WITH GM */
  1566. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
  1567.     display: none !important;
  1568. }
  1569. /* .bodybox-wrap:hover:after , */
  1570. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
  1571.     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;
  1572.     position: absolute !important;
  1573.     display: inline-block !important;
  1574.     width: 638px !important;
  1575.     height: 400px !important;
  1576.     margin-top: -398px !important;
  1577.     margin-left: -40px !important;
  1578.     padding: 5px !important;
  1579.     color: peru !important;
  1580.     border: 1px dotted GREEN !important;
  1581.     border-radius: 4px 4px 0px 20px !important;
  1582.     background: black !important;
  1583.     white-space: pre-line !important;
  1584.     z-index: 500 !important;
  1585.     opacity: 1 !important;
  1586.     overflow:hidden !important;
  1587.     overflow-y: auto !important;
  1588.     transition: all 0.7s!important;
  1589.     transition: all ease 0.7s !important;
  1590. }
  1591.  
  1592.  
  1593. /* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
  1594. https://greasyfork.org/scripts/6779
  1595. === */
  1596. .RadioLabel[for="Form_Format1"] {
  1597.     position: relative !important;
  1598.     display: inline-block !important;
  1599.     width: 130px !important;
  1600.     border: 1px solid YELLOW !important;
  1601. }
  1602.  
  1603. /* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
  1604. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
  1605.     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;
  1606.     position: absolute !important;
  1607.     display: inline-block !important;
  1608.     width: 500px !important;
  1609.     height: 390px !important;
  1610.     margin-top: -398px !important;
  1611.     margin-left: -66px !important;
  1612.     padding: 10px !important;
  1613.     color: peru !important;
  1614.     border: 1px dotted YELLOW !important;
  1615.     border-radius: 4px 4px 0px 20px !important;
  1616.     background: black !important;
  1617.     white-space: pre-line !important;
  1618.     z-index: 500 !important;
  1619.     opacity: 1 !important;
  1620.     visibility: visible !important;
  1621.     overflow:hidden !important;
  1622.     overflow-y: auto !important;
  1623.     transition: all 0.7s!important;
  1624. }
  1625.  
  1626. /* HTLM WITH GM */
  1627. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
  1628.     display: none !important;
  1629. }
  1630. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
  1631. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1632.     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;
  1633.     position: absolute !important;
  1634.     display: inline-block !important;
  1635.     width: 520px !important;
  1636.     height: 320px !important;
  1637.     margin-top: -342px !important;
  1638.     margin-left: -66px !important;
  1639.     padding: 10px !important;
  1640.     color: peru !important;
  1641.     border-radius: 4px 4px 20px 20px !important;
  1642.     white-space: pre-line !important;
  1643.     z-index: 500 !important;
  1644.     opacity: 1 !important;
  1645.     visibility: visible !important;
  1646.     overflow:hidden !important;
  1647.     overflow-y: auto !important;
  1648.     transition: all 0.7s!important;
  1649. border: 4px solid YELLOW !important;
  1650.     background: black !important;
  1651. }
  1652. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1653. #vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1654.     position: absolute !important;
  1655.     display: inline-block !important;
  1656.     width: 420px !important;
  1657.     height: 500px !important;
  1658.     margin-left: 80px !important;
  1659.     top: 255px !important;
  1660.     left: -525px !important;
  1661.     font-size: 12px !important;
  1662. border: 4px DOTTED YELLOW !important;
  1663. }
  1664.  
  1665. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  1666. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  1667. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  1668. visibility: hidden !important;
  1669.     opacity: 0!important;
  1670. }
  1671.  
  1672. /* (new66) PROFILE INFOS - without sript - === */
  1673. #main-header + .width-constraint .text-content #user-profile + section header {
  1674.     margin-bottom: 2px !important;
  1675.     margin-top: -18px !important;
  1676. }
  1677. /* (new76) PROFILE INFOS - CITRUS */
  1678. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  1679.     margin-bottom: 2px !important;
  1680.     margin-top: -9px !important;
  1681. }
  1682. .width-constraint #script-list-option-groups.list-option-groups + header {
  1683.     display: inline-block !important;
  1684.     float: right !important;
  1685.     width: 778px !important;
  1686.     min-height: 25px !important;
  1687.     max-height: 25px !important;
  1688.     line-height: 0px !important;
  1689.     margin-right: -26px !important;
  1690.     margin-top: 0px !important;
  1691. }
  1692. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  1693.     display: inline-block !important;
  1694.     width: 779px !important;
  1695.     min-height: 25px !important;
  1696.     max-height: 25px !important;
  1697.     line-height: 20px !important;
  1698.     margin-top: -3px !important;
  1699.     text-align: center !important;
  1700.     background: #222 !important;
  1701. }
  1702. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  1703.     display: inline-block !important;
  1704.     float: right !important;
  1705.     width: 778px !important;
  1706.     min-height: 844px !important;
  1707.     margin-top: 25px !important;
  1708.     margin-right: -29px !important;
  1709. }
  1710.  
  1711.  
  1712. /* (new94) USER PROFILE - === */
  1713. .script-list,
  1714. .user-list,
  1715. .text-content {
  1716.     display: inline-block !important;
  1717.     margin-top: 0px !important;
  1718.     box-shadow: 3px 3px 2px black !important;
  1719.     background-color: #222 !important;
  1720. }
  1721. #user-profile>p {
  1722.     margin-top: 0 !important;
  1723. }
  1724. .text-content {
  1725.     width: 100% !important;
  1726. }
  1727.  
  1728. .white-panel,
  1729. #user-discussions-on-scripts-written,
  1730. #control-panel,
  1731. #user-profile {
  1732.     background-color: transparent !important;
  1733. }
  1734.  
  1735. /* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE - === */
  1736. body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
  1737. body[pagetype="UserProfile"] #main-header + .width-constraint {
  1738.     margin-top: 45px !important;
  1739.     max-width: 980px !important;
  1740.     background: #222 !important;
  1741. }
  1742. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
  1743. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
  1744.     display: inline-block  !important;
  1745.     max-width: 980px !important;
  1746.     box-shadow: none !important;
  1747. }
  1748.  
  1749. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
  1750.     box-shadow: none !important;
  1751.     padding-bottom: 0 !important;
  1752. }
  1753. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
  1754.     padding: 0 0 0 10px !important;
  1755. }
  1756.  
  1757. /* (new73) FAVORIS SCRIPTS - without CITRUS */
  1758. .width-constraint section.text-content + section {
  1759.     margin-top: 25px !important;
  1760.     margin-bottom: 10px !important;
  1761. }
  1762. .width-constraint section.text-content + section header {
  1763.     margin-top: -31px !important;
  1764.     margin-bottom: -10px !important;
  1765. }
  1766. #user-script-sets {
  1767.     margin-top: 0px !important;
  1768.     padding-top: 10px !important;
  1769.     padding-left: 0px !important;
  1770. }
  1771.  
  1772.  
  1773. /* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
  1774. body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
  1775.     display: inline-block  !important;
  1776.     margin-top: -18px !important;
  1777. }
  1778. body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
  1779.     margin-top: -31px !important;
  1780.     margin-bottom: 10px !important;
  1781. }
  1782.  
  1783.  
  1784. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
  1785.  
  1786. #user-profile {
  1787.     display: inline-block !important;
  1788.     min-width: 910px;
  1789.     max-width: 910px;
  1790.     min-height: 21px!important;
  1791.     max-height: 21px!important;
  1792.     padding-bottom: 8px !important;
  1793.     padding-top: 2px !important;
  1794.     overflow: hidden!important;
  1795.     transition: all ease 0.2s !important;
  1796. }
  1797.  
  1798. body[pagetype="PersonalProfile"] #user-profile ,
  1799. body[pagetype="UserProfile"] #user-profile {
  1800.     display: inline-block !important;
  1801.     min-width: 930px;
  1802.     max-width: 930px;
  1803.     background-color: white;
  1804.     min-height: 21px!important;
  1805.     max-height: 21px!important;
  1806.     padding-bottom: 18px !important;
  1807.     padding-top: 0px !important;
  1808.     overflow: hidden!important;
  1809.     transition: all ease 0.2s !important;
  1810. }
  1811. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
  1812. #user-profile:hover {
  1813.     display: inline-block !important;
  1814.     min-height: 21px !important;
  1815.     max-height: 200px !important;
  1816.     background: black!important;
  1817.     overflow-y: auto !important;
  1818.     transition: all ease 0.7s !important;
  1819. }
  1820. body[pagetype="PersonalProfile"] #user-profile:hover ,
  1821. body[pagetype="UserProfile"] #user-profile:hover {
  1822.     display: inline-block !important;
  1823.     min-height: 21px !important;
  1824.     max-height: 200px !important;
  1825.     background: black!important;
  1826.     overflow-y: auto !important;
  1827.     transition: all ease 0.7s !important;
  1828. }
  1829.  
  1830. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
  1831. .width-constraint > .text-content #user-profile:after {
  1832.     position: absolute !important;
  1833.     display: inline-block !important;
  1834.     top: 107px !important;
  1835.     margin-left: -255px !important;
  1836.     content: " (hover it !)" !important;
  1837.     font-size: 9px !important;
  1838.     color: tomato !important;
  1839. }
  1840. body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
  1841.     top: 99px !important;
  1842.     margin-left: 0px !important;
  1843.     color: red !important;
  1844. }
  1845.  
  1846. body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
  1847.     top: 99px !important;
  1848.     margin-left: -220px !important;
  1849.     color: green !important;
  1850. }
  1851.  
  1852. /* A SUPP ?? */
  1853. #user-profile>h1:not(:hover){
  1854.     margin-bottom: -5px !important;
  1855. }
  1856. #user-profile>h1:not(:hover):after {
  1857.     margin-top: -3px !important;
  1858.     content: " (hover it !)" !important;
  1859.     font-size: 9px !important;
  1860.     color: tomato !important;
  1861. }
  1862. #user-profile>a:hover {
  1863.     color: tomato !important;
  1864. }
  1865. #user-discussions-on-scripts-written  {
  1866.     min-width: 930px !important;
  1867.     max-width: 930px !important;
  1868.     margin: auto !important;
  1869.     padding-bottom: 18px !important;
  1870.     padding-top: 0px !important;
  1871.     background-color: white;
  1872. }
  1873. #user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
  1874.     max-width: 385px !important;
  1875.     word-wrap: break-word !important;
  1876. }
  1877. .width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
  1878.     display: inline-block !important;
  1879.     float: left !important;
  1880.     margin-left: -15px !important;
  1881.     margin-top: 20px !important;
  1882. }
  1883.  
  1884.  
  1885. /* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK - === */
  1886. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1887.     display: inline-block!important;
  1888.     margin-left: -13px !important;
  1889.     margin-bottom: 0 !important;
  1890.     margin-top: -14px !important;
  1891.     padding-left: 6px !important;
  1892. }
  1893.  
  1894. /* CITRUS */
  1895. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1896.     display: inline-block!important;
  1897.     margin-left: -13px !important;
  1898.     margin-top: 4px !important;
  1899.     padding-left: 6px !important;
  1900. }
  1901.  
  1902. #user-script-sets>li {
  1903.     display: inline-block !important;
  1904.     float: right ;
  1905.     clear: both ;
  1906.     width: 935px !important;
  1907.     line-height: 20px !important;
  1908.     margin-bottom: 2px !important;
  1909.     padding: 0 5px !important;
  1910.     text-indent: -18px !important;
  1911. }
  1912. #user-script-sets>li:nth-child(odd)  {
  1913.     background: #333 !important;
  1914. }
  1915. #user-script-sets>li:nth-child(even) {
  1916.     background: black !important;
  1917. }
  1918. #user-script-sets>li:hover {
  1919.     color: tomato !important;
  1920. }
  1921. #user-script-sets>li:before {
  1922.     content: " ▶   " ;
  1923. }
  1924.  
  1925. #user-script-sets>li a[href*="/scripts?set="] {
  1926.     display: inline-block !important;
  1927.     width: 17px !important;
  1928.     line-height: 20px !important;
  1929.     margin-bottom: -3px !important;
  1930.     font-size: 10px !important;
  1931.     color: transparent !important;
  1932.     white-space: nowrap !important;
  1933.     overflow: hidden !important;
  1934. }
  1935. #user-script-sets>li a[href*="/scripts?set="]:before {
  1936.     position: relative ;
  1937.     display: inline-block !important;
  1938.     float: left ;
  1939.     height: 100% ;
  1940.     max-height: 15px ;
  1941.     min-height: 15px ;
  1942.     width: 100% ;
  1943.     min-width: 25px ;
  1944.     max-width: 25px ;
  1945.     margin-left: -2px ;
  1946.     top: 4px ;
  1947.     color: transparent;
  1948.     content: " ";
  1949.     background-repeat: no-repeat;
  1950.     background-color: rgba(55, 173, 227, 0.4) ;
  1951.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1952.     background-position: 3px -650px !important;
  1953. }
  1954. #user-script-sets>li:hover>a[href$="/edit"] {
  1955.     display: inline-block !important;
  1956.     height: 15px !important;
  1957.     line-height: 18px !important;
  1958.     margin-left: 15px !important;
  1959.     color: gold !important;
  1960.     padding: 2px 4px !important;
  1961. }
  1962. #user-script-sets>li:hover>a:not([href$="/edit"]) {
  1963.     display: inline-block !important;
  1964. }
  1965. #user-script-sets>li>a[href$="/edit"]:hover  ,
  1966. #user-script-sets>li>a:not([href$="/edit"]):hover {
  1967. /*     color: white !important; */
  1968. /*     transition: background ease 0.8s !important; */
  1969. }
  1970.  
  1971. /* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
  1972. #main-header + #script-table + .pagination + #UserSets ,
  1973. #main-header + #script-table + #UserSets {
  1974.     position: fixed !important;
  1975.     left: 27.5% !important;
  1976.     top: 48px!important;
  1977.     padding: 2px 10px;
  1978.     background-color: yellow;
  1979.     border-radius: 5px;
  1980.     z-index: 200!important;
  1981.     z-index: 200000 !important;
  1982.     opacity: 1 !important;
  1983. }
  1984.  
  1985. #main-header + #script-table + .pagination + #UserSets:before ,
  1986. #main-header + #script-table + #UserSets:before {
  1987.     background-color: yellow;
  1988.     border-radius: 5px;
  1989.     content: "Your Sets ▼ " !important;
  1990.     display: inline-block !important;
  1991.     left: 27.5% !important;
  1992.     padding: 1px 5px !important;
  1993.     position: fixed !important;
  1994.     top: 48px !important;
  1995.     font-size: 12px !important;
  1996.     visibility: visible !important;
  1997.     z-index: 200000 !important;
  1998.     opacity: 1 !important;
  1999. }
  2000. #main-header + #script-table + .pagination + #UserSets:hover ,
  2001. #main-header + #script-table + #UserSets:hover {
  2002.     opacity: 1 !important;
  2003.     visibility: visible !important;
  2004. }
  2005.  
  2006. /* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - === */
  2007.  
  2008. /* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  2009. #UserSets +.width-constraint>h3 {
  2010.     position: fixed !important;
  2011.     display: inline-block !important;
  2012.     width: 300px !important;
  2013.     height: 20px !important;
  2014.     line-height: 17px !important;
  2015.     top: 60px !important;
  2016.     margin-left: 250px !important;
  2017.     padding: 0 2px !important;
  2018.     font-size: 12px !important;
  2019.     text-align: left !important;
  2020.     border-radius: 3px !important;
  2021.     background: #333 !important;
  2022. }
  2023. #UserSets +.width-constraint>h3 a {
  2024.     display: inline-block !important;
  2025.     max-width: 80px !important;
  2026.     height: 15px !important;
  2027.     line-height: 15px !important;
  2028.     margin-top: 0px !important;
  2029.     font-size: 13px !important;
  2030.     color: gold !important;
  2031.     white-space: nowrap !important;
  2032.     overflow: hidden !important;
  2033.     text-overflow: ellipsis !important;
  2034. }
  2035. #UserSets +.width-constraint>h3 a:hover {
  2036.     color: tomato !important;
  2037. }
  2038. #UserSets +.width-constraint>h3 >a[href$="/edit"] {
  2039.     position: absolute !important;
  2040.     display: inline-block !important;
  2041.     height: 15px !important;
  2042.     line-height: 15px !important;
  2043.     width: 40px !important;
  2044.     top: 2px !important;
  2045.     margin-left: 25% !important;
  2046.     padding: 2px 2px 2px 15px !important;
  2047.     border-radius: 3px !important;
  2048.     font-size: 14px !important;
  2049.     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;
  2050.     opacity: 0 !important;
  2051.     z-index: 1500 !important;
  2052. }
  2053. #UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
  2054.     position: absolute !important;
  2055.     display: inline-block !important;
  2056.     height: 15px !important;
  2057.     line-height: 15px !important;
  2058.     width: 40px !important;
  2059.     top: 20px !important;
  2060.     margin-left: 27% !important;
  2061.     padding: 2px 2px 2px 15px !important;
  2062.     border-radius: 3px !important;
  2063.     font-size: 14px !important;
  2064.     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;
  2065.     opacity: 1 !important;
  2066.     z-index: 1500 !important;
  2067. }
  2068.  
  2069. /* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  2070. #UserSets + .width-constraint>p {
  2071.     padding: 2px 2px 2px 20px !important;
  2072.     z-index: 500 !important;
  2073.     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;
  2074. }
  2075. #UserSets + .width-constraint>p {
  2076.     padding: 2px 2px 2px 20px !important;
  2077.     z-index: 500 !important;
  2078.     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;
  2079. }
  2080.  
  2081. /* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - ===  */
  2082. #UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
  2083. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
  2084.     content: "► Desc " !important;
  2085.     position: fixed !important;
  2086.     min-width: 60px !important;
  2087.     max-width: 60px !important;
  2088.     top: 71px !important;
  2089.     margin-left: -290px !important;
  2090.     padding: 2px 2px 2px 10px !important;
  2091.     border-radius: 3px !important;
  2092.     font-size: 13px !important;
  2093.     font-weight: bolder !important;
  2094.     color: gold !important;
  2095.     overflow: hidden !important;
  2096.     text-overflow: ellipsis !important;
  2097.     white-space: nowrap !important;
  2098.     z-index: 500 !important;
  2099.     background: rgba(145, 124, 124, 0.42)!important;
  2100.     pointer-events: none !important;
  2101. }
  2102. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  2103. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  2104.     position: fixed !important;
  2105.     min-width: 185px !important;
  2106.     max-width: 185px !important;
  2107.     top: 31px !important;
  2108.     margin-left: 760px !important;
  2109.     padding: 2px 2px 2px 10px !important;
  2110.     border-radius: 3px !important;
  2111.     font-size: 15px !important;
  2112.     font-weight: bolder !important;
  2113.     color: peru !important;
  2114.     overflow: hidden !important;
  2115.     text-overflow: ellipsis !important;
  2116.     white-space: nowrap!important;
  2117.     z-index: 500 !important;
  2118.     background: rgba(145, 124, 124, 0.42)!important;
  2119. }
  2120. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
  2121. .width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
  2122. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
  2123. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
  2124.     position: fixed !important;
  2125.     height: auto !important;
  2126.     min-width: 385px !important;
  2127.     max-width: 385px !important;
  2128.     top: 31px !important;
  2129.     margin-left: 530px !important;
  2130.     padding: 2px 40px 20px 40px !important;
  2131.     border: 1px solid peru !important;
  2132.     border-radius: 5px !important;
  2133.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important; 
  2134.     font-size: 15px !important;
  2135.     font-weight: bolder !important;
  2136.     color: white !important;
  2137.     overflow: hidden !important;
  2138.     white-space: normal !important;
  2139.     text-align: left !important;
  2140.     z-index: 500 !important;
  2141.     background: black !important;
  2142.     transition: all ease 0.7s !important;
  2143. }
  2144.  
  2145. /* (new74) MEDIA QUERIE - FAVORITS / SETS PAGES - === */
  2146. @media screen and (max-width: 1400px) {
  2147.  
  2148. /* #main-header + #script-table + #UserSets */
  2149. #UserSets {
  2150.     margin-left: -10% !important;
  2151.     z-index: 5000 !important;
  2152. }
  2153. /* #main-header + #script-table + #UserSets:before */
  2154. #UserSets:before {
  2155.     margin-left: -15% !important;
  2156.     z-index: 5000 !important;
  2157. }
  2158.  
  2159. #UserSets + .width-constraint .pagination  {
  2160.     margin-left: -10% !important;
  2161. }
  2162. /* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */
  2163. }
  2164.  
  2165.  
  2166.  
  2167.  
  2168. /* GREASY FORK - FORUM - PROFILE PAGE - === */
  2169. .PhotoWrap a.ChangePicture {
  2170.     display: block;
  2171.     top: 15px !important;
  2172.     color: gold !important;
  2173.     z-index: 5000 !important;
  2174.     transition: all ease 0.2s !important;
  2175. }
  2176. .PhotoWrap:hover a.ChangePicture {
  2177.     display: block;
  2178.     top: 70px !important;
  2179.     color: gold !important;
  2180.     transition: all ease 0.7s !important;
  2181. }
  2182. .PhotoWrap:hover a.ChangePicture span {
  2183.     color: gold !important;
  2184. }
  2185. #dashboard_profile_index #Content.Column.ContentColumn ,
  2186. #dashboard_profile_discussions #Content.Column.ContentColumn {
  2187.     margin-top: 70px!important;
  2188. }
  2189. .About dd {
  2190.     color: peru !important;
  2191. }
  2192. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  2193. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  2194. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  2195.     position: fixed !important;
  2196.     display: inline-block !important;
  2197.     width: 742px !important;
  2198.     top: 54px !important;
  2199.     margin-left: -7px !important;
  2200.     padding: 5px !important;
  2201.     border-bottom: 1px solid peru !important;
  2202.     background: black !important;
  2203.     z-index: 200 !important;
  2204. }
  2205. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
  2206. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
  2207. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  2208.     position: fixed !important;
  2209.     display: inline-block !important;
  2210.     top: 69px !important;
  2211.     margin-left: -158px !important;
  2212.     z-index: 5000 !important;
  2213.     background: transparent !important;
  2214. }
  2215. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2216. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2217. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  2218.     position: fixed!important;
  2219.     display: inline-block !important;
  2220.     min-width: 20px !important;
  2221.     max-width: 20px !important;
  2222.     top: 99px !important;
  2223.     margin-left: -58px !important;
  2224.     padding: 3px 10px  3px 3px!important;
  2225.     box-shadow: none !important;
  2226.     text-shadow: none !important;
  2227.     z-index: 202 !important;
  2228. background: red !important;
  2229. }
  2230. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
  2231. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
  2232. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  2233.     top: 24px!important;
  2234.     position: fixed!important;
  2235.     display: inline-block;
  2236.     z-index: 250!important;
  2237.     color: peru!important;
  2238.     width: 678px!important;
  2239.     text-align: left;
  2240.     background: black;
  2241.     padding: 2px 5px!important;
  2242. border: 1px solid peru!important;
  2243. }
  2244. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
  2245. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
  2246. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  2247. margin-top: 70px !important;
  2248. }
  2249. #conversations_messages_all .Condensed.DataList.Conversations {
  2250.     margin-top: 42px !important;
  2251. }
  2252. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  2253.     margin-top: -70px !important;
  2254. }
  2255. /* (new90) GREASYFORK FORUM - PROFILE BUTTON */
  2256. #dashboard_profile_discussions .About>dt:last-of-type  {
  2257.     position: absolute !important;
  2258.     display: inline-block !important;
  2259.     width: 23% !important;
  2260.     height: 18px !important;
  2261.     line-height: 18px !important;
  2262.     top: 5px !important;
  2263.     left: 74%!important;
  2264.     padding: 2px 2px 2px 15px !important;
  2265.     border-radius: 3px !important;
  2266.     font-size: 15px !important;
  2267.     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;
  2268. }
  2269. /* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  2270. #user-script-list>li>article ,
  2271. #browse-script-list>li>article {
  2272.     padding: 2px 5px !important;
  2273.     width: 720px !important;
  2274. }
  2275. /* CIRTUS */
  2276. .script-list dt {
  2277.     width: 12em;
  2278.     clear: left;
  2279.     float: left;
  2280.     padding-left: 5px!important;
  2281.     padding-right: 1em;
  2282.     font-weight: bold;
  2283.     text-align: left !important;
  2284. border-left: 1px solid peru !important;
  2285. }
  2286. /* (new66) without script */
  2287. #user-script-list>li>article .description ,
  2288. #browse-script-list>li>article .description {
  2289.     display: inline-block!important;
  2290.     width: 100% !important;
  2291.     min-width: 757px !important;
  2292.     max-width: 757px !important;
  2293.     padding-bottom: 4px !important;
  2294.     padding-left: 4px!important;
  2295.     font-size: 15px !important;
  2296.     line-height: 15px !important;
  2297.     border-bottom: 1px solid gray!important;
  2298. border-left: 3px solid red !important;
  2299.     word-wrap: break-word !important;
  2300.     overflow: hidden !important;
  2301. }
  2302. /* CITRUS */
  2303. body[pagetype="UserProfile"]
  2304. #user-script-list>li>article .description ,
  2305. #browse-script-list>li>article .description {
  2306.     display: inline-block!important;
  2307.     width: 100% !important;
  2308.     min-width: 710px !important;
  2309.     max-width: 710px !important;
  2310.     padding-bottom: 4px !important;
  2311.     padding-left: 4px!important;
  2312.     font-size: 15px !important;
  2313.     line-height: 15px !important;
  2314.     border-bottom: 1px solid gray!important;
  2315. border-left: 3px solid red !important;
  2316.     word-wrap: break-word !important;
  2317.     overflow: hidden !important;
  2318. }
  2319. /* mark ELEMENT - === */
  2320. mark {
  2321.     padding: 0px 5px !important;
  2322.     border-radius: 3px!important;
  2323.     background: #DED236 !important;
  2324. }
  2325.  
  2326.  
  2327.  
  2328. /* (new84) ICON USER / SCRIPT - BACKGROUND - === */
  2329. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
  2330. #title-image ,
  2331. .ProfilePhoto.ProfilePhotoMedium ,
  2332. #script-info>header>h2>div img {
  2333.     height: auto !important;
  2334.     max-height: 30px !important;
  2335.     max-width: 30px !important;
  2336.     width: auto !important;
  2337.     margin-top: -3px;
  2338.     padding: 2px !important;
  2339.     background-color: rgba(191, 191, 190, 0.33) !important;
  2340.     border-radius: 5px !important;
  2341.     box-shadow: 0 0 2px #cccccc inset !important;
  2342. }
  2343. #site-name img ,
  2344. #title-image  {
  2345.     background-color: rgba(191, 191, 190, 0.33) !important;
  2346.     background-image: none !important;
  2347. }
  2348. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] ,
  2349. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
  2350.     display: inline-block !important;
  2351.     position: relative !important;
  2352.     height: 100% !important;
  2353.     min-height: 30px !important;
  2354.     max-height: 30px !important;
  2355.     width: 100%!important;
  2356.     min-width: 30px !important;
  2357.     max-width: 30px !important;
  2358.     top: -4px !important;
  2359.     padding: 2px!important;
  2360.     background-color: black !important;
  2361.     border-radius: 3px !important;
  2362.     box-shadow: 0 0 2px #cccccc inset !important;
  2363. }
  2364. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  2365.     position: relative !important;
  2366.     display: inline-block !important;
  2367.     top: -3px !important;
  2368.     border-radius: 5px !important;
  2369. }
  2370.  
  2371. /* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  2372. .Preview {
  2373.     background: #454545!important;
  2374.     color: #929292 !important;
  2375.     min-height: 100px;
  2376.     padding: 4px;
  2377. }
  2378. blockquote ,
  2379. blockquote.Quote,
  2380. blockQuote.UserQuote {
  2381.     background: rgba(184, 181, 181, 0.05) !important;
  2382.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  2383. }
  2384.  
  2385. /* (new101) BLOCKQUOTES */
  2386. /* for : https://forum.userstyles.org/discussion/61368/cant-get-regexp-to-work-in-new-version#latest */
  2387. blockquote {
  2388.     width: 608px !important;
  2389.     margin-left: -4px !important;
  2390.     padding: 1px 5px !important;
  2391. }
  2392. .Message>blockquote>div>pre{
  2393.     margin-left: 2px!important;
  2394. }
  2395. .Message>blockquote>pre{
  2396.     width: 97% !important;
  2397. }
  2398. .QuoteText>ol{
  2399.     display: inline-block!important;
  2400.     width: 95%!important;
  2401.     margin-bottom: -28px!important;
  2402.     margin-top: -15px!important;
  2403. }
  2404. .script-author-description>blockquote {
  2405.     margin-left: -4px !important;
  2406.     padding: 1px 5px !important;
  2407.     width: 99% !important;
  2408. }
  2409. /* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  2410. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  2411. #vanilla_post_discussion #Content.Column.ContentColumn {
  2412.     width: 689px!important;
  2413.     margin-top: 74px!important;
  2414.     margin-left: 215px!important;
  2415. }
  2416. /* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  2417. #Content.Column.ContentColumn ,
  2418. #vanilla_discussion_index #Content.Column.ContentColumn {
  2419.     display: inline-block !important;
  2420.     float: right !important;
  2421.     width: 750px !important;
  2422.     min-height: 770px !important;
  2423.     margin-top: -8px !important;
  2424.     padding: 0 0 0 5px !important;
  2425.     border-radius: 0 0 5px 5px !important;
  2426.     box-shadow: none !important;
  2427.     background: transparent !important;
  2428. }
  2429.  
  2430. /* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */
  2431. .ExtraDiscussionData-Rating .report {
  2432.     width: 584px ;
  2433.     padding: 5px !important;
  2434.     border: 1px solid gray !important;
  2435. }
  2436.  
  2437. /* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
  2438. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  2439.     margin-top: -37px !important;
  2440. }
  2441.  
  2442. /* (new79) USERSTYLE */
  2443. #Content.Column.ContentColumn .MessageList.Discussion ,
  2444. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  2445.     position: relative !important;
  2446.     top: -28px;
  2447.     margin-bottom: -41px !important;
  2448.     z-index: 10 !important;
  2449. }
  2450.  
  2451.  
  2452. /* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
  2453. .MessageForm.CommentForm.FormTitleWrapper {
  2454.     padding-left: 15px !important;
  2455. }
  2456.  
  2457. /* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  2458. /* GREASYFORK */
  2459. .Column.ContentColumn .DataList.Discussions {
  2460.     position: relative !important;
  2461.     display: inline-block !important;
  2462.     width: 727px!important;
  2463.     margin-top: 5px!important;
  2464. }
  2465.  
  2466. /* (new74) PB DIFF - USERSTYLES / GREASYFORK */
  2467. /* GREASYFORK */
  2468. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  2469.     margin-left: 0px !important;
  2470. }
  2471. /* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc...- === */
  2472. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
  2473. #vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
  2474. /*     margin-left: -20px !important; */
  2475. }
  2476.  
  2477. /* ==== */
  2478.  
  2479. .Profile .DataList.Discussions {
  2480.     position: relative !important;
  2481.     display: inline-block !important;
  2482.     width: 727px !important;
  2483.     margin-top: 107px!important;
  2484. }
  2485. #vanilla_categories_index .DataList.CategoryList {
  2486.     position: relative !important;
  2487.     display: inline-block !important;
  2488.     width: 727px !important;
  2489.     margin-top: 30px!important;
  2490. }
  2491. .DataList.Activities .Item   {
  2492.     position: relative !important;
  2493.     display: inline-block !important;
  2494.     width: 709px !important;
  2495. }
  2496.  
  2497. /* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
  2498. .HomepageTitle ,
  2499. .H.HomepageTitle {
  2500.     position: fixed !important;
  2501.     width: 733px !important;
  2502.     top: 80px !important;
  2503.     margin-left: 0px !important;
  2504.     padding: 1px 5px 1px 5px !important;
  2505.     border-top: 1px solid peru !important;
  2506.     border-bottom: 1px solid peru!important;
  2507.     color: gold !important;
  2508.     background-color: #222 !important;
  2509.     z-index: 10 !important;
  2510. }
  2511. #vanilla_discussions_participated .HomepageTitle {
  2512.     width: 733px !important;
  2513.     top: 47px !important;
  2514. }
  2515.  
  2516. /* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
  2517. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  2518.     width: 747px!important;
  2519.     top: 46px !important;
  2520. }
  2521. .P.PageDescription {
  2522.     position: fixed !important;
  2523.     width: 738px!important;
  2524.     top: 72px !important;
  2525.     padding: 1px 0px 1px 5px !important;
  2526.     color: gold !important;
  2527.     border-bottom: 1px solid red !important;
  2528.     background-color: #222 !important;
  2529.     z-index: 10 !important;
  2530. }
  2531. #vanilla_categories_index .DataList.Discussions {
  2532.     margin-top: 47px !important;
  2533.     border-top: 1px solid peru !important;
  2534. }
  2535.  
  2536. /* PROFILE - DICUSSION LIST -  === */
  2537. .Profile .DataList.Discussions {
  2538.     margin-top: 0px !important;
  2539. }
  2540.  
  2541. /* ACTIVITY PAGE - === */
  2542. .Excerpt>p>a>img {
  2543.     max-width: 671px!important;
  2544. }
  2545. #dashboard_profile_notifications .Item:nth-child(odd) ,
  2546. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  2547. .DataList.SearchResults .Item:nth-child(odd) {
  2548.     background-color: #222 !important;
  2549. }
  2550. #dashboard_profile_notifications .Item:nth-child(even) ,
  2551. .Profile .DataList.Discussions .Item:nth-child(even) ,
  2552. .DataList.SearchResults .Item:nth-child(even) {
  2553.     background-color: #414141 !important;
  2554. }
  2555. #dashboard_profile_notifications .Item:hover ,
  2556. .Profile .DataList.Discussions .Item:hover ,
  2557. .DataList.SearchResults .Item:hover {
  2558.     background-color: rgba(7, 7, 7, 0.57) !important;
  2559.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  2560.     transition: background 0.8s ease 0s !important;
  2561. }
  2562. #dashboard_profile_notifications .Item:hover ,
  2563. .Profile .DataList.Discussions .Item:hover ,
  2564. .DataList.SearchResults .Item:hover {
  2565.     background-color: black !important;
  2566.     z-index: 1 !important;
  2567. }
  2568. /* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
  2569. .DataList.SearchResults .Item .ItemContent .Meta a {
  2570.     font-size: 15px! important;
  2571. }
  2572.  
  2573.  
  2574. /* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  2575. .sidebar-search {
  2576.     position: absolute !important;
  2577. }
  2578.  
  2579. #script-search>input[type="search"] {
  2580.     min-height: 18px !important;
  2581.     line-height: 18px!important;
  2582. }
  2583. #script-search>input[type="submit"] {
  2584.     position: relative;
  2585.     -moz-appearance: none!important;
  2586.     height: 21px !important;
  2587.     line-height: 18px!important;
  2588.     width: 20px !important;
  2589.     top: 3px !important;
  2590.     padding-right: 0 !important;
  2591.     font-size: 12px !important;
  2592.     text-align: center !important;
  2593. }
  2594. #userProfile + ul  #sidebar-search #search-submit {
  2595.     height: 19px !important;
  2596. }
  2597.  
  2598. #search-other-sites {
  2599.     direction: rtl;
  2600.     width: 13px!important;
  2601.     height: 20px!important;
  2602.     padding: 0px !important;
  2603.     line-height: 10px !important;
  2604. }
  2605.  
  2606. /*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE -
  2607. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  2608. === */
  2609. body:not(.Settings) a:not(.Button) {
  2610.     color: peru!important;
  2611. }
  2612.  
  2613. /* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER - === */
  2614. #main-header +.width-constraint {
  2615.     max-width: 980px !important;
  2616.     margin-top: 51px !important;
  2617. }
  2618. body[pagetype="UserProfile"] #main-header +.width-constraint ,
  2619. body[pagetype="PersonalProfile"] #main-header +.width-constraint {
  2620.     margin-top: 51px !important;
  2621.     box-shadow: 3px 3px 2px black !important;
  2622. }
  2623.  
  2624. #Head .Row  {
  2625.     position: relative;
  2626.     display: inline-block!important;
  2627.     max-height: 47px ! important;
  2628.     min-height: 47px !important;
  2629.     left: 25%!important;
  2630.     padding: 0.25em 0;
  2631. }
  2632. #Head .Row #site-name {
  2633.     height: 51px !important;
  2634.     line-height: 1em;
  2635.     margin-top: -8px!important;
  2636. }
  2637. #nav-user-info {
  2638.     position: absolute;
  2639.     display: inline-block!important;
  2640.     top: -7px!important;
  2641. }
  2642. .user-profile-link {
  2643.     position: relative !important;
  2644.     display: inline-block !important;
  2645. }
  2646. /* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
  2647. #language-selector {
  2648.     position: absolute !important;
  2649.     display: inline-block !important;
  2650.     -moz-appearance: none !important;
  2651.     width: 18px !important;
  2652.     height: 15px !important;
  2653.     line-height: 13px !important;
  2654.     top: 2px !important;
  2655.     padding: 0 2px !important;
  2656.     border-radius: 3px !important;
  2657.     box-shadow: 3px 3px 2px black !important;
  2658.     background: #222 !important;
  2659.     overflow: hidden !important;
  2660.     text-indent: -1px !important;
  2661.     text-overflow: '' !important;
  2662.     z-index: 500000 !important;
  2663. }
  2664. #language-selector-locale {
  2665.     position: relative !important;
  2666.     display: inline-block !important;
  2667.     -moz-appearance: none !important;
  2668.     width: 19px !important;
  2669.     height: 13px !important;
  2670.     line-height: 8px !important;
  2671.     margin-right: 14px !important;
  2672.     letter-spacing: 1px !important;
  2673.     color: peru !important;
  2674.     border: 1px solid transparent !important;
  2675.     background: #222 !important;
  2676.     overflow: hidden !important;
  2677.     cursor: pointer !important;
  2678. }
  2679. #language-selector-locale:hover {
  2680.     color: tomato !important;
  2681. }
  2682. #language-selector-locale>option {
  2683.     text-indent: 20px !important;
  2684.     margin-left: -20px !important;
  2685. }
  2686. #language-selector-locale>option:checked:before {
  2687.     content: attr(value) ;
  2688.     color: tan !important;
  2689.     font-size: 20px !important;
  2690.     background: black !important;
  2691. }
  2692. #language-selector-locale>option:before {
  2693.     content: attr(value) ;
  2694.     display: inline-block ;
  2695.     width: 100px !important;
  2696.     margin-right: 17px  ;
  2697.     margin-left: -20px  ;
  2698.     color: gold ;
  2699. }
  2700. #language-selector-locale>option[selected=""]:before {
  2701.     content: attr(value) ;
  2702.     color: green !important;
  2703. }
  2704.  
  2705.  
  2706. .width-constraint #nav-user-info {
  2707.     position: absolute;
  2708.     display: inline-block !important;
  2709.     height: 15px!important;
  2710.     line-height: 15px!important;
  2711.     width: 300px!important;
  2712.     top: 15px!important;
  2713.     top: -4px!important;
  2714.     left: 64%!important;
  2715.     text-align: right !important;
  2716. }
  2717.  
  2718. /* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
  2719. .SiteMenu {
  2720.     position: absolute;
  2721.     display: inline-block !important;
  2722.     height: 24px!important;
  2723.     width: 320px!important;
  2724.     top: -12px!important;
  2725.     left: 16%!important;
  2726. }
  2727.  
  2728. /* (new79) GREASYFORK : WITH / Without TS CITRUS - === */
  2729. #site-nav>nav  {
  2730.     position: absolute;
  2731.     display: inline-block!important;
  2732.     height: 24px!important;
  2733.     line-height: 24px!important;
  2734.     width: 390px!important;
  2735.     top: -9px!important;
  2736.     left: 16%!important;
  2737.     text-align: left !important;
  2738. }
  2739. /* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
  2740. body[pagetype="ListingPage"] #site-nav>nav   {
  2741.     position: absolute;
  2742.     display: inline-block!important;
  2743.     height: 15px!important;
  2744.     line-height: 15px!important;
  2745.     width: 410px!important;
  2746.     top: -4px!important;
  2747.     left: 16%!important;
  2748.     text-align: left !important;
  2749. }
  2750.  
  2751. #main-header .width-constraint {
  2752.     position: relative;
  2753.     height: 42px !important;
  2754.     padding: 0 0 0.25em;
  2755.     overflow: visible !important;
  2756. }
  2757. #main-header .width-constraint #site-name {
  2758.     height: 40px!important;
  2759. }
  2760. #title-subtext {
  2761.     font-size: 10px;
  2762.     font-weight: 400 !important;
  2763.     left: 63px !important;
  2764.     position: absolute;
  2765.     text-decoration: none;
  2766.     top: 28px !important;
  2767. }
  2768. #site-name>a[href="/"] {
  2769.     display: inline-block!important;
  2770.     color: gold !important;
  2771. }
  2772. #site-name>a[href="/"] span {
  2773.     position: relative!important;
  2774.     display: inline-block!important;
  2775.     height: 33px!important;
  2776.     line-height: 33px!important;
  2777.     top: -3px !important;
  2778.     margin-left: 3px!important;
  2779.     font-size: 27px!important;
  2780.     color: peru !important;
  2781.  
  2782. }
  2783. #site-name>a[href="/"] #title-subtext {
  2784.     position: absolute;
  2785.     top: 15px!important;
  2786.     left: 55px !important;
  2787.     font-size: 10px;
  2788.     font-weight: 400 !important;
  2789.     text-decoration: none;
  2790.     color: peru !important;
  2791. }
  2792. #site-name>a[href="/"] span:first-of-type {
  2793.     height: 18px !important;
  2794.     line-height: 16px !important;
  2795.     top: -18px !important;
  2796.     border-radius: 0 0 10px 0 !important;
  2797.     border: 1px solid peru !important;
  2798.     border-left:  none !important;
  2799.     border-top:  none !important;
  2800.     font-size: 18px !important;
  2801. }
  2802. /*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
  2803. #site-name h1 {
  2804.     width: 109px !important;
  2805.     height: 20px !important;
  2806.     line-height: 12px !important;
  2807.     top: -18px !important;
  2808.     border-radius: 0 0 10px 0 !important;
  2809.     border: 1px solid peru !important;
  2810.     border-left:  none !important;
  2811.     border-top:  none !important;
  2812. }
  2813. #site-name h1 a {
  2814.     height: 18px !important;
  2815.     line-height: 15px !important;
  2816.     font-size: 18px !important;
  2817.     letter-spacing: 0.2px !important;
  2818. }
  2819.  
  2820. .subtitle ,
  2821. #main-header .subtitle {
  2822.     margin-top: -3px !important;
  2823.     margin-left: -1px !important;
  2824.     text-shadow: none !important;
  2825. }
  2826. #site-name-text {
  2827.     display: inline-block;
  2828.     vertical-align: top;
  2829.     height: 18px!important;
  2830.     line-height: 18px!important;
  2831. }
  2832. #site-name-text h1 {
  2833.     font-size: 18px!important;
  2834.     letter-spacing: -2px;
  2835.     margin-top: -4px;
  2836. }
  2837. #site-name-text h1 a {
  2838.     font-size: 15px!important;
  2839.     letter-spacing: 0.6px !important;
  2840.     margin: 0;
  2841. }
  2842. #site-nav>nav>li>a {
  2843.     margin-right: 2px !important;
  2844. }
  2845.  
  2846. /* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
  2847. #nav-user-info {
  2848.     color: transparent !important;
  2849. }
  2850. .sign-out-link {
  2851.     position: relative !important;
  2852.     display: inline-block !important;
  2853.     height: 15px !important;
  2854.     margin-right: 5px !important;
  2855.     font-size: 0 !important;
  2856.     opacity: 0.4 !important;
  2857. }
  2858. .sign-out-link:hover {
  2859.     opacity: 1 !important;
  2860. }
  2861. .SignOut,
  2862. .sign-out-link a {
  2863.     border: 1px solid gray !important;
  2864.     border-radius: 3px !important;
  2865.     display: inline-block !important;
  2866.     font-size: 0 !important;
  2867.     height: 15px !important;
  2868.     margin-right: 5px !important;
  2869.     position: relative !important;
  2870.     top: -3px !important;
  2871.     width: 15px !important;
  2872.     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;
  2873.     background-position: center !important;
  2874.     background-size: cover !important;
  2875.     background-color: red !important;
  2876.     cursor: pointer !important;
  2877. }
  2878.  
  2879. /* (new74) - GREASYFORK - SEARCH - === */
  2880. .nav-search {
  2881.     position: absolute !important;
  2882.     display: inline-block !important;
  2883.     width: 220px !important;
  2884.     height: 19px !important;
  2885.     line-height: 0px !important;
  2886.     left: 240px !important;
  2887.     top: 7px !important;
  2888. }
  2889. .nav-search:hover {
  2890.     width: 400px !important;
  2891. }
  2892. .nav-search #script-search {
  2893.     position: relative;
  2894.     display: inline-block !important;
  2895.     vertical-align: top !important;
  2896.     width: 200px !important;
  2897.     top: -7px !important;
  2898. }
  2899. body[pagetype="ListingPage"] .nav-search #script-search {
  2900.     top: -12px !important;
  2901. }
  2902. .nav-search:hover #script-search {
  2903.     width: 420px !important;
  2904. }
  2905. .nav-search #script-search input[name="q"] {
  2906.     display: inline-block !important;
  2907.     width: 150px !important;
  2908.     margin-top: 5px !important;
  2909.     opacity: 0.4 !important;
  2910. }
  2911.  
  2912. .nav-search:hover #script-search input[name="q"] {
  2913.     width: 350px !important;
  2914.     opacity: 1 !important;
  2915. }
  2916.  
  2917. /* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
  2918. #site-name > a span#settings-subtext {
  2919.     position: absolute !important;
  2920.     display: inline-block !important;
  2921.     height: 16px !important;
  2922.     width: 16px !important;
  2923.     margin-left: -31px !important;
  2924.     margin-top: 18px !important;
  2925.     border-radius: 4px !important;
  2926.     font-size: 0px !important;
  2927.     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;
  2928.     background-color: #DCD9D9 !important;
  2929.     transform: scale(0.7) !important;
  2930.     opacity: 0.4 !important;
  2931. }
  2932. #site-name > a span#settings-subtext:hover {
  2933.     opacity: 1 !important;
  2934. }
  2935.  
  2936. /* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  2937. #script-info {
  2938.     margin-top: -50px !important;
  2939.     padding: 0 5px 0 5px !important;
  2940.     border: 1px solid #bbb;
  2941.     border-radius: 0 !important;
  2942.     box-shadow: none !important;
  2943.     background-color: #333 !important;
  2944. }
  2945. #share {
  2946.     position: relative !important;
  2947.     display: inline-block !important;
  2948.     max-height: 20px !important;
  2949.     margin-bottom: 0 !important;
  2950.     overflow: hidden !important;
  2951.     background: red !important;
  2952.     background-color: #670000 !important;
  2953.     background-image: linear-gradient(#670000, #900) !important;
  2954. }
  2955. #share:hover {
  2956.     height: 240px !important;
  2957.     max-height: 100% !important;
  2958.     overflow: visible !important;
  2959.     transition: height ease 4s !important;
  2960. }
  2961. #share>h3 {
  2962.     margin-top: -2px;
  2963.     width: 942px !important;
  2964.     padding: 0 5px !important;
  2965. }
  2966. #social-buttons {
  2967.     text-align: center !important;
  2968. }
  2969. .social_share_privacy_area.box li.settings_info {
  2970.     display: inline-block !important;
  2971.     left: 0 !important;
  2972. }
  2973. #script-table {
  2974.     display: block!important;
  2975.     margin: 0 auto!important;
  2976.     max-width: 960px!important;
  2977. }
  2978. body[pagetype="ListingPage"] #script-table {
  2979.     margin-top: 76px!important;
  2980. }
  2981. body[pagetype="ListingPage"] #script-table thead {
  2982.     position: fixed!important;
  2983.     max-width: 970px!important;
  2984.     margin-top: -31px!important;
  2985. }
  2986. #script-table tbody td:nth-child(2) {
  2987.     max-width: 450px!important;
  2988.     min-width: 450px !important;
  2989. }
  2990.  
  2991.  
  2992. /* (new121) */
  2993. #script-table tbody td:nth-child(2) .thetitle>a>b {
  2994.     display: inline-block !important;
  2995.     width: 100% !important;
  2996.     max-width: 450px!important;
  2997.     min-width: 450px !important;
  2998. /*     overflow: hidden !important; */
  2999. /* text-overflow: ellipsis !important; */
  3000. /* white-space: nowrap !important; */
  3001. /*     white-space: pre-wrap !important; */
  3002.     word-wrap: break-word !important;
  3003. /* background: blue !important; */
  3004. }
  3005.  
  3006.  
  3007. body[pagetype="ListingPage"] #script-table thead tr {
  3008.     display: inline-table!important;
  3009.     width: 100% !important;
  3010.     max-width: 970px!important;
  3011. }
  3012. #script-table>thead>tr>td:first-of-type {
  3013.     width: 25px !important;
  3014. }
  3015. #script-table>thead>tr>td[tag="name"] {
  3016.     width: 452px !important;
  3017.     text-align: left !important;
  3018.     text-indent: 130px !important;
  3019. }
  3020. #script-table>thead>tr>td[tag="name"] span {
  3021.     position: relative  !important;
  3022.     display: inline-block !important;
  3023.     width: 15px !important;
  3024.     margin-left: 0px !important;
  3025.     padding: 0px !important;
  3026.     text-align: center !important;
  3027.     text-indent: 0px !important;
  3028. }
  3029. #script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
  3030.     content: "Library Filter" !important;
  3031.     position: absolute !important;
  3032.     display: inline-block !important;
  3033.     width: 80px !important;
  3034.     margin-left: -10px !important;
  3035.     margin-top: -17px !important;
  3036.     padding: 0px !important;
  3037.     border-radius: 5px !important;
  3038.     text-align: center !important;
  3039.     text-indent: 0px !important;
  3040.     background: #cefd8a !important;
  3041.     color: black !important;
  3042. }
  3043. #script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
  3044.     content: "Unlisted Filter" !important;
  3045.     position: absolute !important;
  3046.     display: inline-block !important;
  3047.     width: 80px !important;
  3048.     margin-left: -10px !important;
  3049.     margin-top: -17px !important;
  3050.     padding: 0px !important;
  3051.     border-radius: 5px !important;
  3052.     text-align: center !important;
  3053.     text-indent: 0px !important;
  3054.     background: #cee7f3 !important;
  3055.     color: black !important;
  3056. }
  3057. #script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
  3058.     content: "Deleted Filter" !important;
  3059.     position: absolute !important;
  3060.     display: inline-block !important;
  3061.     width: 80px !important;
  3062.     margin-left: -10px !important;
  3063.     margin-top: -17px !important;
  3064.     padding: 0px !important;
  3065.     border-radius: 5px !important;
  3066.     text-align: center !important;
  3067.     text-indent: 0px !important;
  3068.     background: #f77a7a !important;
  3069.     color: black !important;
  3070. }
  3071.  
  3072. /* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */
  3073. #script-table>thead>tr>td {
  3074.     box-shadow: 3px 3px 2px black !important;
  3075. }
  3076.  
  3077. #script-table>thead>tr>td[tag="ratings"] {
  3078.     width: 84px!important;
  3079. }
  3080. #script-table>thead>tr>td[tag=""] {
  3081.     width: 45px!important;
  3082. }
  3083. #script-table>thead>tr>td[tag="total_installs"] {
  3084.     width: 55px !important;
  3085. }
  3086. #script-table>thead>tr>td[tag="created"] {
  3087.     width: 107px!important;
  3088. }
  3089. #script-table>thead>tr>td[tag="updated"] {
  3090.     width: 108px!important;
  3091. }
  3092.  
  3093. /* SCRIPT # */
  3094. #script-table tbody td:nth-child(1) {
  3095. /* width: 4% !important; */
  3096. }
  3097. /* SCRIPT INFO */
  3098. #script-table tbody td:nth-child(2) {
  3099.     width: 12% !important;
  3100. }
  3101. /* SCRIPT RATING */
  3102. #script-table tbody td:nth-child(3) {
  3103.     width: 4% !important;
  3104. }
  3105. /* SCRIPT DAILY */
  3106. #script-table tbody td:nth-child(4) {
  3107.     width: 12.7% !important;
  3108. }
  3109. /* SCRIPT TOTAL  */
  3110. #script-table tbody td:nth-child(5) {
  3111.     width: 8.8% !important;
  3112. }
  3113. /* SCRIPT CREATED  */
  3114. #script-table tbody td:nth-child(6) {
  3115.     width: 11.1% !important;
  3116. }
  3117. /* SCRIPT UPDATED  */
  3118. #script-table tbody td:nth-child(7) {
  3119.     width: 12.4% !important;
  3120. }
  3121.  
  3122. #script-table td .thetitle +div {
  3123.     overflow: hidden !important;
  3124.     word-wrap: break-word!important;
  3125. }
  3126. /* (new90) */
  3127. .width-constraint #script-info>header {
  3128.     position: fixed !important;
  3129.     display: inline-block !important;
  3130.     min-width: 966px!important;
  3131.     max-width: 966px!important;
  3132.     height: 126px!important;
  3133.     line-height: 17px!important;
  3134.     margin-left: -4px !important;
  3135.     top: 48px !important;
  3136.     padding: 5px 5px  0px 5px !important;
  3137.     z-index: 5 !important;
  3138.     background: black !important;
  3139. }
  3140. #script-description {
  3141.     display: inline-block !important;
  3142.     width: 100% !important;
  3143.     padding-bottom: 7px !important;
  3144.     border-bottom: 1px solid red !important;
  3145. }
  3146. #script-info header h2 {
  3147.     position: relative !important;
  3148.     display: inline-block !important;
  3149.     width: 100% !important;
  3150.     line-height: 17px !important;
  3151.     vertical-align: top !important;
  3152.     margin-top: 1px !important;
  3153.     padding-bottom: 5px !important;
  3154.     font-size: 17px !important;
  3155.     border-bottom: 1px solid red !important;
  3156. }
  3157.  
  3158.  
  3159. /* (new90) ADAPTATION For GM - GreasyFork script icon (https)
  3160. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  3161. === */
  3162. #script-info>header>h2>div {
  3163.     position: relative !important;
  3164.     display: inline-block;
  3165.     width: 34px !important;
  3166.     top: 3px;
  3167.     margin-top: -2px ;
  3168.     margin-left: 0px !important;
  3169.     margin-right: 10px !important;
  3170.     text-align: right;
  3171. }
  3172. /* === */
  3173. .width-constraint #script-info>#script-links {
  3174.     position: fixed !important;
  3175.     display: inline-block !important;
  3176.     width: 100% !important;
  3177.     min-width: 960px!important;
  3178.     max-width: 960px!important;
  3179.     top: 179px!important;
  3180.     margin-left: 0 !important;
  3181.     padding: 2px 5px !important;
  3182.     background: #222 !important;
  3183.     z-index: 5000 !important;
  3184. }
  3185.  
  3186. /* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
  3187. html>body>div[style="text-align: right; padding: 1px 50px"] {
  3188.     position: fixed !important;
  3189.     width: 275px !important;
  3190.     top: 72px !important;
  3191.     padding: 0 !important;
  3192.     text-align: right;
  3193.     left:  33% !important;
  3194.     z-index: 500 !important;
  3195. }
  3196. #RelativeSearch {
  3197.     display: inline-block;
  3198.     width: 120px !important;
  3199.     padding: 1px 10px !important;
  3200.     text-align: center;
  3201.     border-radius: 3px;
  3202.     cursor: pointer;
  3203.     background-color: orange;
  3204. }
  3205.  
  3206. /* (new102) USER SET - HEADER - TXT "SETS" / HOVER - - === */
  3207. #UserSets::before {
  3208.     width: 53px !important;
  3209.     left: 5px !important;
  3210.     text-indent: 0px !important;
  3211.     z-index: 20000 !important;
  3212. }
  3213. #UserSets:hover::before {
  3214.     position: absolute !important;
  3215.     width: 53px !important;
  3216.     left: -5px !important;
  3217.     top: 0px !important;
  3218.     text-indent: 0px !important;
  3219.     z-index: 20000 !important;
  3220.     background: green !important;
  3221. }
  3222. #UserSets {
  3223.     position: fixed !important;
  3224.     display: inline-block !important;
  3225.     float: none !important;
  3226.     left: 22% !important;
  3227.     padding: 6px 5px !important;
  3228.     top: 52px !important;
  3229.     border-radius: 5px;
  3230.     opacity: 1 !important;
  3231.     visibility: hidden !important;
  3232.     z-index: 20000 !important;
  3233.     cursor: pointer !important;
  3234. }
  3235. #UserSets:hover {
  3236.     width: 510px !important;
  3237.     height: 834px !important;
  3238.     top: 34px !important;
  3239.     left: 22.5% !important;
  3240.     padding: 25px 6px 5px 50px !important;
  3241.     overflow: hidden !important;
  3242.     overflow-y: auto!important;
  3243.     opacity: 1 !important;
  3244.     visibility: visible !important;
  3245. }
  3246. #UserSets li {
  3247.     width: 480px !important;
  3248.     text-indent: 0px !important;
  3249. }
  3250.  
  3251. /* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus - === */
  3252. #script-info #script-description .linkifyplus>img {
  3253.     display: inline-block !important;
  3254.     max-width: 15% !important;
  3255.     margin-bottom: -27px !important;
  3256. }
  3257.  
  3258. /* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus - === */
  3259. #code-container  .linkifyplus>img {
  3260.     height: auto !important;
  3261.     max-height: 64px !important;
  3262.     max-width: 64px !important;
  3263.     width: auto !important;
  3264.     background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
  3265.     border-radius: 5px !important;
  3266.     box-shadow: 0 0 2px #cccccc inset !important;
  3267.     padding: 2px !important;
  3268. }
  3269. /* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  3270. .width-constraint #script-info>#script-links li > * {
  3271.     display: block;
  3272.     padding: 2px!important;
  3273.     font-size: 14px!important;
  3274. }
  3275.  
  3276.  
  3277. /* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
  3278. #user-control-panel > li  ,
  3279. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
  3280.     display: inline-block !important;
  3281.     width: 45% !important;
  3282.     line-height: 13px!important;
  3283.     margin-left: 25px !important;
  3284.     padding: 2px 1px!important;
  3285.     border: 1px solid #404040;
  3286.     border-radius: 5px;
  3287.     box-shadow: 3px 3px 2px black !important;
  3288.     text-align: center!important;
  3289.     font-size: 13px!important;
  3290.     background-color: #333 !important;
  3291. }
  3292.  
  3293. /*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
  3294. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  3295.     position: fixed !important;
  3296.     display: inline-block !important;
  3297.     width: 350px !important;
  3298.     height: 30px !important;
  3299.     line-height: 15px !important;
  3300.     margin-left: 580px !important;
  3301.     margin-top: -45px !important;
  3302.     padding: 3px 5px 3px 5px !important;
  3303.     border-radius: 4px;
  3304.     text-align: left !important;
  3305.     background-color: #D6D6D1 !important;
  3306.     opacity: 0!important;
  3307.     transition: opacity ease 0.7s !important;
  3308. }
  3309. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  3310.     opacity: 1!important;
  3311.     z-index: 5000 !important;
  3312. }
  3313.  
  3314. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  3315.     position: fixed !important;
  3316.     display: inline-block !important;
  3317.     width: 310px !important;
  3318.     height: 30px !important;
  3319.     line-height: 15px !important;
  3320.     margin-left: -100px !important;
  3321.     margin-top: -50px !important;
  3322.     padding: 3px 5px 3px 5px !important;
  3323.     border-radius: 4px;
  3324.     text-align: left !important;
  3325.     background-color: #D6D6D1 !important;
  3326.     opacity: 0!important;
  3327.     transition: opacity ease 0.7s !important;
  3328. }
  3329. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  3330.     position: fixed!important;
  3331.     display: inline-block!important;
  3332.     float: none!important;
  3333.     margin-left: 95px !important;
  3334.     margin-top: -205px!important;
  3335.     opacity: 1!important;
  3336. }
  3337.  
  3338. /* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
  3339. #script-feedback-suggestion {
  3340.     margin-top: 95px !important;
  3341.     margin-bottom: -15px !important;
  3342. }
  3343.  
  3344. /* (new94) SCRIPT INFO - VERSIONS - DIFF - === */
  3345. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
  3346.     margin-top: 38px !important;
  3347.     margin-bottom: 5px;
  3348. }
  3349. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  3350.     margin-top: -21px !important;
  3351. }
  3352. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {
  3353.     height: 40px !important;
  3354. /*     margin-bottom: 100px; */
  3355. /*     margin-top: -441px; */
  3356. }
  3357.  
  3358.  
  3359. /* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
  3360. :not([id="install-stats-chart-container"])
  3361.  === */
  3362. .width-constraint #script-info>#script-content>p {
  3363.     margin-top: 42px !important;
  3364.     margin-bottom: -88px;
  3365. }
  3366. .width-constraint #script-info>#script-content{
  3367.     position: relative !important;
  3368.     display: inline-block!important;
  3369.     min-height: 682px !important;
  3370.     min-width: 959px !important;
  3371.     max-width: 959px !important;
  3372.     margin-top: 174px !important;
  3373.     margin-left: -1px !important;
  3374.     padding-left: 9px !important;
  3375.     padding-right: 0 !important;
  3376.     padding-top: 0px !important;
  3377.     border: 1px solid black !important;
  3378.     background-color: #2B2B2B !important;
  3379.     z-index: 0 !important;
  3380. }
  3381. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  3382.     min-width: 930px !important;
  3383.     max-width: 930px !important;
  3384.     margin-left: 0px !important;
  3385.     border-bottom: 1px solid gray !important;
  3386.     text-align: center !important;
  3387.     background: #222222!important;
  3388. }
  3389. .width-constraint #discussions {
  3390.     min-width: 850px !important;
  3391.     max-width: 850px !important;
  3392.     margin-top: -10px !important;
  3393.     margin-left: -10px !important;
  3394.     padding: 20px 53px !important;
  3395.     border: 1px solid gray !important;
  3396. }
  3397. .width-constraint #discussions li:nth-child(odd) {
  3398.     border-bottom: 1px solid gray!important;
  3399.     background: #222222 !important;
  3400. }
  3401. .width-constraint #discussions li:nth-child(even) {
  3402.     border-bottom: 1px solid gray!important;
  3403.     background: #333333 !important;
  3404. }
  3405.  
  3406. .width-constraint #discussions li:hover {
  3407.     background: rgba(0, 0, 0, 0.8)!important;
  3408.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3409.     transition: background 0.8s ease 0s !important;
  3410. }
  3411. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  3412.     position: fixed !important;
  3413.     height: 20px !important;
  3414.     line-height: 20px !important;
  3415.     width: 483px !important;
  3416.     margin-left: -5px !important;
  3417.     top: 32px !important;
  3418.     padding: 1px 1px 1px 20px  !important;
  3419.     border-radius: 5px !important;
  3420.     font-size: 13px ;
  3421.     text-align: center !important;
  3422.     border: 1px solid gray !important;
  3423.     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);
  3424.     z-index: 0 !important;
  3425.     pointer-events: none !important;
  3426. }
  3427. body[pagetype="ListingPage"] #script-table +.width-constraint h3>a {
  3428.     z-index: 100 !important;
  3429.     pointer-events: auto !important;
  3430. }
  3431.  
  3432.  
  3433. /* (new103) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS - === */
  3434. #install-area {
  3435.     position: fixed !important;
  3436.     display: inline-block!important;
  3437.     min-width: 950px !important;
  3438.     max-width: 950px !important;
  3439.     top: 213px !important;
  3440.     margin-left: -8px !important;
  3441.     padding: 5px 9px !important;
  3442.     border-bottom: 1px solid gray;
  3443.     background-color: #f9ecdb!important;
  3444.     z-index: 1!important;
  3445. }
  3446. .width-constraint #script-info > #script-content  #script-meta {
  3447.     display: table;
  3448.     min-width: 950px !important;
  3449.     margin-top: 15px !important;
  3450.     padding: 5px !important;
  3451.     border-bottom: 1px dotted gray !important;
  3452. }
  3453.  
  3454. /* (new105) */
  3455. .script-in-sets:not(:hover) {
  3456.     position: fixed ;
  3457.     display: inline-block ;
  3458.     min-width: 298px ;
  3459.     max-width: 298px ;
  3460.     min-height: 34px !important;
  3461.     max-height: 34px !important;
  3462.     top: 216px ;
  3463.     left: 40% ;
  3464.     margin-left: 0 ;
  3465.     font-size: 0 ;
  3466.     overflow: hidden ;
  3467.     overflow-y: auto ;
  3468.     border: 1px solid #404040;
  3469.     background: #222 ;
  3470. z-index: 5000 !important;
  3471. }
  3472. .script-in-sets:hover {
  3473.     position: fixed ;
  3474.     display: inline-block ;
  3475.     min-width: 298px ;
  3476.     max-width: 298px ;
  3477.     max-height: 100% ;
  3478.     top: 216px ;
  3479.     left: 40% ;
  3480.     margin-left: 0 ;
  3481.     padding: 0 0 50px 0 !important;
  3482.     font-size: 0 ;
  3483.     overflow: hidden ;
  3484.     overflow-y: auto ;
  3485.     border: 1px solid #404040;
  3486.     background: #222 ;
  3487. z-index: 5000 !important;
  3488. }
  3489. .script-in-sets > a {
  3490.     display: inline-block ;
  3491.     width: 291px ;
  3492.     margin-left: 0 ;
  3493.     font-size: 13px ;
  3494.     text-indent: 5px ;
  3495.     white-space: nowrap ;
  3496.     overflow: hidden ;
  3497.     text-overflow: ellipsis ;
  3498. }
  3499. .script-in-sets:hover {
  3500.     height: auto ;
  3501.     padding-bottom: 50px ;
  3502. }
  3503.  
  3504. .script-in-sets > select {
  3505.     display: inline-block ;
  3506.     width: 252px !important;
  3507.     margin-top: 2px ;
  3508. }
  3509.  
  3510.  
  3511. /* (new94) SET CHOICE - FIRT VALUE SELECTED - === */
  3512. .script-in-sets>select[name="action-set"] {
  3513.     position: relative ;
  3514.     display: inline-block ;
  3515.     height: 15px !important;
  3516.     line-height: 15px !important;
  3517.     top: -2px ;
  3518.     border: none ;
  3519.     -moz-appearance: none ;
  3520. }
  3521. /* .script-in-sets>select option[value^="ri-"]:first-of-type */
  3522. .script-in-sets>select option[value^="ri-"] {
  3523.     color: peru ;
  3524.     background: black ;
  3525.     -moz-appearance: none ;
  3526.     outline: 1px solid peru ;
  3527. }
  3528. /* SET NEW */
  3529. .script-in-sets>select option[value="ai-new"] {
  3530.     color: gold ;
  3531.     background: black ;
  3532.     -moz-appearance: none ;
  3533. }
  3534. /* SET SUBMIT ARROW */
  3535. .script-in-sets > input[value="→"][type="submit"] {
  3536.     position: relative ;
  3537.     display: inline-block ;
  3538.     height: 15px ;
  3539.     line-height: 15px;
  3540.     top: -2px !important;
  3541.     margin-left: 2px ;
  3542.     border: none ;
  3543.     cursor: pointer ;
  3544.     -moz-appearance: none;
  3545. }
  3546. .script-in-sets:before {
  3547.     content: "sets ⏬" ;
  3548.     position: absolute ;
  3549.     display: inline-block ;
  3550.     height: 10px ;
  3551.     line-height: 15px ;
  3552.     width: 25px ;
  3553.     top: -2px ;
  3554.     right: 17px ;
  3555.     font-size: 12px ;
  3556.     text-align: center ;
  3557.     color: red  ;
  3558. }
  3559. #script-stats {
  3560.     display: inline-table !important;
  3561.     -moz-column-count: unset !important;
  3562.     float: left !important;
  3563.     clear: none !important;
  3564.     width: 100% !important;
  3565.     max-width: 399px !important;
  3566.     min-width: 399px !important;
  3567.     outline: 1px solid gray !important;
  3568.     padding-right: 0 !important;
  3569. }
  3570. #script-stats dt {
  3571.     display: table-row !important;
  3572.     clear: none !important;
  3573.     float: left !important;
  3574.     height: 18px !important;
  3575.     line-height: 18px !important;
  3576.     min-width: 45% !important;
  3577.     max-width: 45% !important;
  3578.     border-bottom: 1px solid gray !important;
  3579.     text-indent: 10px !important;
  3580. }
  3581.  
  3582. #script-stats dt.script-show-compatibility {
  3583.     display: table-row !important;
  3584.     clear: none !important;
  3585.     float: left !important;
  3586.     height: 30px !important;
  3587.     line-height: 30px !important;
  3588.     min-width: 45% !important;
  3589.     max-width: 45% !important;
  3590. }
  3591. #script-stats dd {
  3592.     display: table-cell !important;
  3593.     clear: none !important;
  3594.     float: right !important;
  3595.     height: 18px !important;
  3596.     line-height: 18px !important;
  3597.     min-width: 55% !important;
  3598.     max-width: 55% !important;
  3599.     margin-left: -50px !important;
  3600.     white-space: nowrap !important;
  3601.     overflow: hidden !important;
  3602.     text-overflow: ellipsis !important;
  3603. }
  3604.  
  3605. #script-meta dd:not(.script-show-applies-to) {
  3606.     display: table-cell !important;
  3607.     clear: none !important;
  3608.     float: right !important;
  3609.     height: 18px !important;
  3610.     line-height: 18px !important;
  3611.     border-bottom: 1px solid gray !important;
  3612.     text-indent: 10px !important;
  3613. }
  3614. /* (new106) */
  3615. #script-meta dd.script-show-compatibility {
  3616.     display: table-row !important;
  3617.     clear: none !important;
  3618.     float: right !important;
  3619.     height: 30px !important;
  3620.     line-height: 34px !important;
  3621. }
  3622.  
  3623.  
  3624. /* (new106) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - === */
  3625. #script-meta>div {
  3626.     position: relative;
  3627.     display: inline-block !important;
  3628.     float: right !important;
  3629.     clear: none !important;
  3630.     width: 425px !important;
  3631.     max-height: 186px !important;
  3632.     margin-right: -5px !important;
  3633.     top: -10px !important;
  3634.     padding: 5px 5px 5px 5px !important;
  3635.     overflow-x: hidden !important;
  3636.     overflow-y: hidden !important;
  3637. }
  3638.  
  3639. #script-applies-to dd.script-show-applies-to {
  3640.     display: inline-block !important;
  3641.     width: 425px !important;
  3642.     max-height: 156px !important;
  3643.     padding: 5px 5px 5px 5px !important;
  3644.     border-radius: 3px !important;
  3645.     border: 1px solid gray !important;
  3646.     overflow: hidden !important;
  3647.     overflow-y: auto !important;
  3648. }
  3649. #script-meta>div code {
  3650.     position: relative;
  3651.     display: inline-block !important;
  3652.     height: 15px !important;
  3653.     line-height: 15px !important;
  3654.     background-color: #262626 !important;
  3655.     border-radius: 3px !important;
  3656.     border: none !important;
  3657.     color: #aba2a4 !important;
  3658.     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  3659.     font-size: 90%;
  3660.     padding: 1px 4px !important;
  3661.     white-space: nowrap;
  3662. }
  3663. #script-meta>div  .inline-list>li:nth-child(even) code {
  3664.     color: #BAA591  !important;
  3665.     background-color: #1A1919 !important
  3666. }
  3667. #script-meta>div  .inline-list>li:nth-child(odd) code {
  3668.     color: #BAA591  !important;
  3669.     background-color: #363535 !important
  3670. }
  3671.  
  3672. /*LINKYFY PLUS */
  3673. .script-show-applies-to .inline-list li a.linkifyplus {
  3674.     position: relative;
  3675.     display: inline-block !important;
  3676.     height: 15px !important;
  3677.     line-height: 15px !important;
  3678.     padding: 1px 4px !important;
  3679.     border-radius: 3px !important;
  3680.     color: #BAA591  !important;
  3681.     background-color: #1A1919 !important
  3682. }
  3683.  
  3684. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  3685.     color: #D0A070  !important;
  3686.     background-color: #1A1919 !important
  3687. }
  3688. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  3689.     color: #BAA591  !important;
  3690.     background-color: #1A1919 !important
  3691. }
  3692. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  3693.     color: tomato  !important;
  3694.     background-color: #1A1919 !important
  3695. }
  3696. .expander {
  3697.     display: none !important;
  3698. }
  3699.  
  3700. /* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
  3701. #script-content>#feedback-favoriters + div {
  3702.     display: inline-block !important;
  3703.     width: 953px !important;
  3704.     margin-top: -10px !important;
  3705.     font-size: 14px !important;
  3706. }
  3707. .inline-list>li:nth-child(odd)>a ,
  3708. .inline-list>li:nth-child(even)>a {
  3709.     display: inline-block !important;
  3710.     padding: 1px 3px !important;
  3711.     border-radius: 3px !important;
  3712. }
  3713. .inline-list>li:nth-child(odd)>a {
  3714.     background: #222 !important;
  3715. }
  3716. .inline-list>li:nth-child(even)>a {
  3717.     background: #333 !important;
  3718. }
  3719.  
  3720.  
  3721. /* (new117) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER -
  3722. ADAPT FOR TABLE IN TABLE:
  3723. https://greasyfork.org/fr/scripts/7251-enhanced-word-highlight
  3724. === */
  3725. .width-constraint #script-info > #script-content #additional-info {
  3726.     position: relative !important;
  3727.     display: inline-block !important;
  3728.     min-width: 950px !important;
  3729.     max-width: 950px !important;
  3730.     top: 10px !important;
  3731.     margin-left: -4px !important;
  3732.     margin-bottom: 50px !important;
  3733.     padding: 0 5px 15px 5px !important;
  3734.     background-color: #f9dacd;
  3735.     border-radius: 5px;
  3736.     word-wrap: break-word !important;
  3737. }
  3738.  
  3739. .script-author-description>table td blockquote ,
  3740. .script-author-description>table td  {
  3741.     vertical-align: top !important;
  3742.     min-width: 455px !important;
  3743.     max-width: 455px !important;
  3744.     padding: 5px !important;
  3745.     border-radius: 3px;
  3746.     word-wrap: break-word !important;
  3747. border: 1px solid gray ;
  3748. }
  3749. .script-author-description>table td blockquote   {
  3750.     min-width: 440px !important;
  3751.     max-width: 440px !important;
  3752. border: 1px solid yellow ;
  3753. }
  3754.  
  3755.  
  3756. .width-constraint #script-info > #script-content #additional-info {
  3757.     margin-bottom: -14px !important;
  3758.     margin-top: 0 !important;
  3759. }
  3760. .script-author-description>p>code {
  3761.     display: inline-block!important;
  3762.     white-space: pre-line !important;
  3763. }
  3764. #additional-info > .script-author-description> pre ,
  3765. .script-author-description>blockquote>pre {
  3766.     margin-left: 30px;
  3767.     padding: 5px 10px;
  3768.     border: 1px solid gray !important;
  3769.     border-radius: 2px;
  3770.     word-wrap: break-word !important;
  3771.     background-color: #5c5c5c !important;
  3772. }
  3773. /* (new62) CODE in SCRIPT INFO PAGE - === */
  3774. .script-author-description>p>code ,
  3775. #additional-info > .script-author-description > pre > code ,
  3776. #additional-info > .script-author-description  > blockquote > pre > code {
  3777.     border: 1px solid gray !important;
  3778.     max-width: 99% !important;
  3779. }
  3780. .width-constraint #script-info > #script-content #additional-info > div {
  3781.     padding: 5px !important;
  3782.     background-color: #2B2B2B !important;
  3783. }
  3784. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  3785.     max-width: 895px !important;
  3786. }
  3787.  
  3788. /* GREASYFORK - CODE PAGE - === */
  3789. #code-container {
  3790.     max-height: 620px!important;
  3791.     width: 100% ;
  3792.     margin-left: -5px !important;
  3793.     margin-top: 8px !important;
  3794.     overflow-x: hidden !important;
  3795.     background-color: white !important;
  3796. }
  3797. #script-feedback-suggestion + #code-container{
  3798.     max-height: 615px!important;
  3799.     width: 100% ;
  3800.     margin-left: -5px !important;
  3801.     margin-top: 22px !important;
  3802.     overflow-x: hidden !important;
  3803.     background-color: white !important;
  3804. }
  3805. /* GREASYFORK - DISCUSS / HISTORIC etc - === */
  3806. #feedback-favoriters ,
  3807. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  3808.     margin-top: 10px !important;
  3809.     margin-bottom: 20px !important;
  3810.     padding: 5px !important;
  3811.     border-radius: 4px !important;
  3812.     text-align: center !important;
  3813.     background-color: #f9dacd !important;
  3814. }
  3815.  
  3816. /* (new117) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) - === */
  3817. .diff {
  3818.     margin-top: 80px !important;
  3819. }
  3820.  
  3821. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  3822.     margin-top: 90px!important;
  3823.     width: 934px !important;
  3824. }
  3825.  
  3826. .width-constraint #script-info > #script-content > form > ul  {
  3827.     width: 950px !important;
  3828.     height: 610px !important;
  3829.     margin-top: 0px !important;
  3830.     margin-bottom: 0 !important;
  3831.     border-top: 1px dashed gray !important;
  3832.     border-bottom: 1px dashed gray !important;
  3833.     padding-left: 5px !important;
  3834.     overflow-x: hidden !important;
  3835.     overflow-y: auto !important;
  3836. }
  3837.  
  3838. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  3839.     margin-bottom: 15px !important;
  3840.     cursor: pointer !important;
  3841.     visibility: hidden !important;
  3842. }
  3843. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  3844.     top: 27.9%!important;
  3845.     margin-left: -40px!important;
  3846.     position: fixed !important;
  3847.     width: 10px !important;
  3848.     height: 15px !important;
  3849.     border-left: 19px solid #AAAAAA;
  3850.     border-bottom: 9px solid transparent;
  3851.     border-top: 9px solid transparent;
  3852.     border-right: none !important;
  3853.     padding-right: 0px !important;
  3854.     color: transparent!important;
  3855.     cursor: pointer !important;
  3856.     background: green !important;
  3857.     -moz-appearance: none !important;
  3858.     transition: width ease 0s, margin ease 0.1s  !important;
  3859. }
  3860.  
  3861. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  3862.     margin-left: -140px !important;
  3863.     width: 145px !important;
  3864.     height: auto !important;
  3865.     line-height: 12px !important;
  3866.     -moz-appearance: button !important;
  3867.     white-space: normal !important;
  3868.     border: none !important;
  3869.     color: black !important;
  3870.     cursor: pointer !important;
  3871.     transition: width ease 0s, margin ease 0.7s !important;
  3872. }
  3873.  
  3874. /* (new117) DIFF CODE - === */
  3875. .width-constraint #script-info > #script-content >form + p + .diff ul {
  3876.     background: #fff none repeat scroll 0 0;
  3877.     display: table;
  3878.     font-size: 13px;
  3879.     list-style: outside none none;
  3880.     margin: 0;
  3881.     overflow: auto;
  3882.     padding: 5px !important;
  3883.     max-width: 945px !important;
  3884.     min-width: 945px !important;
  3885. }
  3886. .width-constraint #script-info > #script-content >form + p + .diff ul  li {
  3887.     display: inline-block !important;
  3888.     max-width: 945px !important;
  3889.     min-width: 945px !important;
  3890.     height: 1em;
  3891.     margin: 0;
  3892.     padding: 0;
  3893.     word-wrap: break-word !important;
  3894.     white-space: pre-wrap !important;
  3895. text-align: left !important;
  3896. }
  3897. .diff li.diff-block-info {
  3898.     display: table-row;
  3899.     height: 1.4em !important;
  3900.     margin: 0;
  3901.     padding: 0;
  3902.     background: rgba(128, 128, 128, 0.17) !important;
  3903. }
  3904.  
  3905. /* (new62) GREASYFORK - SCRIPT STATS - === */
  3906. #script-content> script[src*="assets"] ~h3 {
  3907.     margin-top: 10px !important;
  3908.     margin-bottom: 20px !important;
  3909.     padding: 5px !important;
  3910.     border-radius: 4px !important;
  3911.     text-align: center! important;
  3912. }
  3913. [id$="-chart-container"] {
  3914.     background: white !important;
  3915. }
  3916. td.numeric,
  3917. th.numeric {
  3918.     text-align: left!important;
  3919.     text-align: center!important;
  3920. }
  3921. /* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  3922. .width-constraint #discussions li>a:first-of-type {
  3923.     width: 835px !important;
  3924.     display: inline-block !important;
  3925.     color: #B4A393  !important;
  3926. }
  3927. .width-constraint #discussions li>a:first-of-type:hover {
  3928.     color: tomato  !important;
  3929. }
  3930. .width-constraint #discussions li>time:first-of-type {
  3931.     display: inline-block !important;
  3932.     width: 95px !important;
  3933.     margin-right: 20px!important;
  3934.     text-align: center !important;
  3935. }
  3936. .width-constraint #discussions li>time:last-of-type {
  3937.     display: inline-block!important;
  3938.     width: 125px !important;
  3939.     margin-left: -30px !important;
  3940.     text-align: center !important;
  3941.     white-space: nowrap !important;
  3942. }
  3943. .width-constraint #discussions li>a:nth-child(2) {
  3944.     width: 180px !important;
  3945.     display: inline-block !important;
  3946.     margin-left: 10px !important;
  3947. }
  3948. .width-constraint #discussions li>a:nth-child(4) {
  3949.     width: 160px !important;
  3950.     display: inline-block !important;
  3951.     margin-left: 20px !important;
  3952. }
  3953.  
  3954.  
  3955. /* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION -
  3956. #script-content>form > input:first-of-type + ul
  3957. https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
  3958. ==== */
  3959. .width-constraint #script-info > #script-content>form > input:first-of-type + ul {
  3960.     margin-top: -5px  !important;
  3961. }
  3962. /* (new115) VERSIONS - CONTAINER - ONLY ONE VERSION - NOT DIFF VERSION) -
  3963. .width-constraint #script-info > #script-content > form > ul
  3964. https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
  3965. === */
  3966. .width-constraint #script-info > #script-content > form:not(.diff_options) > ul {
  3967.     margin-top: -42px  !important;
  3968. outline: 4px solid red !important;
  3969. }
  3970. /* (new93) GM VERSIONS - ITEMS - ALL - === */
  3971. .width-constraint #script-info > #script-content>form > input:first-of-type {
  3972.     margin-bottom: -3px !important;
  3973.     padding-bottom: 4px !important;
  3974.     border-top: 1px solid gray !important;
  3975.     overflow: hidden !important;
  3976.     text-overflow: ellipsis !important;
  3977.     white-space: nowrap !important;
  3978. }
  3979.  
  3980. .width-constraint #script-info > #script-content > form > ul li:not(:hover) {
  3981.     margin-bottom: -3px !important;
  3982.     padding-bottom: 4px !important;
  3983.     border-top: 1px solid gray !important;
  3984.     overflow: hidden !important;
  3985.     text-overflow: ellipsis !important;
  3986.     white-space: nowrap !important;
  3987. }
  3988.  
  3989. .width-constraint #script-info > #script-content > form > ul li:hover {
  3990.     margin-bottom: -3px !important;
  3991.     padding-bottom: 4px !important;
  3992.     border-top: 1px solid gray !important;
  3993.     overflow: visible !important;
  3994.     text-overflow: ellipsis !important;
  3995.     background: black !important;
  3996.     transition: all ease 0.7s !important;
  3997. }
  3998. #script-content>form>ul>li>input + a {
  3999.     display: inline-block !important;
  4000.     width: 15% !important;
  4001.     padding: 1px 5px !important;
  4002.     background: #222222 !important;
  4003. }
  4004. #script-content>form>ul>li:nth-child(odd)>input + a {
  4005.     background: #222222 !important;
  4006. }
  4007. #script-content>form>ul>li:nth-child(even)>input + a {
  4008.     background: #333333 !important;
  4009. }
  4010.  
  4011.  
  4012. .width-constraint #script-info > #script-content > form > ul li time {
  4013.     display: inline-block!important;
  4014.     min-width: 202px !important;
  4015.     max-width: 202px !important;
  4016.     padding: 1px 5px !important;
  4017.     letter-spacing: 1.4px !important;
  4018.     text-align: center !important;
  4019. }
  4020. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  4021.     background: #222222 !important;
  4022. }
  4023. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  4024.     background: #333333 !important;
  4025. }
  4026. /* (new115) CHECKED */
  4027. /* .width-constraint #script-info > #script-content > form > ul.history_versions>li:selected {
  4028.     background: aqua !important;
  4029. color: white !important;
  4030. } */
  4031. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a ,
  4032. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a + time {
  4033.     background: green !important;
  4034. color: white !important;
  4035. }
  4036. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a ,
  4037. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a + time {
  4038.     background: tomato !important;
  4039. color: white !important;
  4040. }
  4041.  
  4042. /* (new72) GREASYFORK - FORUM TABLE - === */
  4043. .Message table {
  4044.     border-collapse: separate;
  4045.     border-spacing: 4px;
  4046.     margin: 1em -4px;
  4047.     width:  650px !important;
  4048. }
  4049. .Message table thead{
  4050.     width:  600px !important;
  4051. }
  4052. .Message th {
  4053.     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;
  4054.     font-size: 105%;
  4055.     font-weight: bold;
  4056.     padding-bottom: 0.5em;
  4057.     padding-top: 0.5em;
  4058. }
  4059. .Message table tbody {
  4060.     width:  600px !important;
  4061. }
  4062. .Message table tbody tr td:first-of-type  {
  4063.     width:  120px !important;
  4064.     vertical-align: middle !important;
  4065.     color: gold !important;
  4066. border: 1px solid red !important;
  4067. }
  4068. .Message table tbody tr td:first-of-type + td  {
  4069.     min-width:  75px !important;
  4070.     max-width:  75px !important;
  4071.     color: gold !important;
  4072.     vertical-align: middle !important;
  4073.     border: 1px solid green !important;
  4074. }
  4075. .Message table tbody tr td:last-of-type  {
  4076.     min-width:  280px !important;
  4077.     max-width:  280px !important;
  4078. border: 1px solid blue !important;
  4079. }
  4080. /* (COR) */
  4081. .Message table tbody tr td:last-of-type code {
  4082.     float: left!important;
  4083.     min-width:  290px !important;
  4084.     max-width:  290px !important;
  4085.     background-color: #f9ebd2;
  4086.     border: 1px solid;
  4087.     border-radius: 3px;
  4088.     color: #eb5100;
  4089.     margin-left: -6px !important;
  4090.     padding: 1px 3px;
  4091.     white-space: pre-line !important;
  4092. }
  4093.  
  4094. /* (COR) GREASYFORK - BROWSE / USER SCRIPTS  - === */
  4095. #user-script-list>li ,
  4096. #browse-script-list>li {
  4097. padding: 5px !important;
  4098. }
  4099. #user-script-list>li:nth-child(odd) ,
  4100. #browse-script-list>li:nth-child(odd) {
  4101.     background-color: #222 !important;
  4102. }
  4103. #user-script-list>li:nth-child(odd):hover ,
  4104. #browse-script-list>li:nth-child(odd):hover {
  4105.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4106.     background-color: rgba(7, 7, 7, 0.67) !important;
  4107.     transition: background 0.8s ease 0s !important;
  4108. }
  4109. #user-script-list>li:nth-child(even) ,
  4110. #browse-script-list>li:nth-child(even) {
  4111.     background-color: #414141 !important;
  4112. }
  4113. #user-script-list>li:nth-child(even):hover ,
  4114. #browse-script-list>li:nth-child(even):hover {
  4115.     background-color: rgba(7, 7, 7, 0.57) !important;
  4116.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4117.     transition: background 0.8s ease 0s !important;
  4118. }
  4119. #user-script-list>li:hover ,
  4120. #browse-script-list>li:hover {
  4121.     background-color: black !important;
  4122.     z-index: 1 !important;
  4123. }
  4124. /* (new66) without script */
  4125. #user-script-list>li h2 ,
  4126. #browse-script-list>li h2 {
  4127.     display: inline-block !important;
  4128.     width: 100% !important;
  4129.     max-width: 762px !important;
  4130.     word-wrap: break-word !important;
  4131.     overflow: hidden !important;
  4132. }
  4133. #user-script-list>li h2 a ,
  4134. #browse-script-list>li h2 a {
  4135.     display: inline-block!important;
  4136.     width: 100% !important;
  4137.     line-height: 17px !important;
  4138. }
  4139. #browse-script-list>li h2 span {
  4140.     width: 100% !important;
  4141.     max-width: 720px !important;
  4142.     overflow: hidden !important;
  4143. }
  4144. #user-script-list>li h2 span.name-description-separator ,
  4145. #browse-script-list>li h2 span.name-description-separator {
  4146.     display: none !important;
  4147. }
  4148.  
  4149.  
  4150. /* (new102) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
  4151. /* (new102) without CITRUS*/
  4152. .width-constraint  #script-list-option-groups.list-option-groups {
  4153.     display: inline-block !important;
  4154.     float: left !important;
  4155.     margin-left: -120px !important;
  4156.     margin-top: 0px !important;
  4157. }
  4158. .width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
  4159.     margin-top: 19px;
  4160. }
  4161. .width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
  4162.     margin-bottom: 0.5em;
  4163.     padding: 0.5em;
  4164.     box-shadow: 3px 3px 2px black !important;
  4165.     border-radius: 5px 0 0 5px !important;
  4166.     border: 1px solid gray !important;
  4167.     background-color: #2d2d2d !important;
  4168. }
  4169. .list-option-group ul {
  4170.     box-shadow: 3px 3px 2px black !important;
  4171.     background-color: transparent !important;
  4172.     padding: 2px 0 !important;
  4173. }
  4174. .width-constraint  #browse-script-list {
  4175.     display: inline-block !important;
  4176.     float: right !important;
  4177.     margin-right: 106px !important;
  4178. }
  4179. .list-option-group .list-current {
  4180.     height: 19px !important;
  4181.     line-height: 15px !important;
  4182.     margin-bottom: 2px !important;
  4183.     padding: 2px 0 0 0 !important;
  4184. }
  4185. .list-option-group .list-option {
  4186.     height: 19px ;
  4187.     line-height: 9px ;
  4188.     border: 1px solid #404040;
  4189. }
  4190. .list-option-group .list-option a {
  4191.     white-space: nowrap ;
  4192.     overflow: hidden ;
  4193.     text-overflow: ellipsis ;
  4194. }
  4195.  
  4196. .width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
  4197. .width-constraint #script-list-option-groups.list-option-groups + h3 ,
  4198. #browse-script-list + .pagination + p {
  4199.     display: inline-block !important;
  4200.     float: left !important;
  4201.     width: 727px !important;
  4202.     margin-bottom: 8px !important;
  4203.     margin-left: 59px !important;
  4204.     margin-top: -15px !important;
  4205.     padding: 5px !important;
  4206.     background: #222 !important;
  4207. }
  4208. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  4209.     margin-top: 0px !important;
  4210.     margin-bottom: 18px !important;
  4211.     border-bottom: 1px solid gray !important;
  4212. }
  4213.  
  4214. #browse-script-list + .pagination + p {
  4215.     margin-bottom: 10px !important;
  4216.     margin-left: 242px !important;
  4217.     margin-top: -10px !important;
  4218.     background: #222 !important;
  4219. }
  4220.  
  4221. /* STATISTICS - ADD LABEL on HOVER - === */
  4222. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  4223.     position: fixed !important;
  4224.     display: inline-block !important;
  4225.     width: 100px !important;
  4226.     transform: rotate(-90deg)!important;
  4227.     content: attr(title) !important;
  4228.     margin-top: 65px !important;
  4229.     margin-left: -83px !important;
  4230.     font-size: 13px !important;
  4231.     text-align: right !important;
  4232.     color: peru !important;
  4233. }
  4234. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  4235.     position: fixed !important;
  4236.     display: inline-block !important;
  4237.     width: 20px !important;
  4238.     height: 17px !important;
  4239.     transform: rotate(-90deg)!important;
  4240.     content: "."!important;
  4241.     margin-top: 22px !important;
  4242.     margin-left: -44px !important;
  4243.     border-radius: 5px !important;
  4244.     font-size: 13px !important;
  4245.     text-align: center !important;
  4246.     color: peru!important;
  4247.     background: rgba(255, 211, 0, 0.16)!important;
  4248. }
  4249. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  4250.     position: fixed !important;
  4251.     display: inline-block !important;
  4252.     width: 100px !important;
  4253.     transform: rotate(-90deg) !important;
  4254.     content: "Opera JS" !important;
  4255.     margin-top: 80px !important;
  4256.     margin-left: -40px !important;
  4257.     font-size: 20px !important;
  4258.     text-align: right !important;
  4259.     color: peru !important;
  4260. }
  4261. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  4262.     position: fixed !important;
  4263.     display: inline-block !important;
  4264.     width: 100px !important;
  4265.     transform: rotate(-90deg) !important;
  4266.     content: "Opera JS" !important;
  4267.     margin-top: 80px! important;
  4268.     margin-left: -29px !important;
  4269.     font-size: 20px !important;
  4270.     text-align: right !important;
  4271.     color: peru!important;
  4272. }
  4273.  
  4274. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  4275.     background: rgba(255, 0, 0, 0.23) !important;
  4276. }
  4277. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  4278.     background: rgba(255, 254, 0, 0.23) !important;
  4279. }
  4280. #install-stats-chart-container + table>tbody>tr:hover th {
  4281.     background: blue !important;
  4282. }
  4283. #install-stats-chart-container + table>tbody>tr:hover th {
  4284.     background: blue  !important;
  4285. }
  4286. #install-stats-chart-container + table>tbody>tr:hover td {
  4287.     background: black !important;
  4288. }
  4289. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  4290.     background: red !important;
  4291. }
  4292.  
  4293. /* MESSAGE - ERROR NOT LOADING IMAGES - === */
  4294. .notice {
  4295.     display: inline-block !important;
  4296.     position: absolute !important;
  4297.     width: 214px !important;
  4298.     left: -13px !important;
  4299.     top: 15px !important;
  4300. }
  4301.  
  4302. /* (new96) TEST - FORUM IMAGE IN DISSCUSSION - === */
  4303. #vanilla_discussion_comment .Message>img{
  4304.     max-height: 200px !important;
  4305.     max-width: 50% !important;
  4306.     margin-bottom: 25px !important;
  4307. }
  4308.  
  4309. .Discussion.comment .Message>div {
  4310.     display: inline-block !important;
  4311.     float: right;
  4312.     height: 150px;
  4313.     width: 719px !important;
  4314.     margin: auto auto 20px 50px !important;
  4315.     left: 50px !important;
  4316.     overflow: hidden;
  4317. }
  4318.  
  4319. .Message>div>a>a>img {
  4320.     margin-left: 56px !important;
  4321.     text-align: center;
  4322. }
  4323.  
  4324. .Message .ImageResized {
  4325.     cursor: pointer;
  4326.     font-size: 11px;
  4327.     font-weight: normal;
  4328.     height: 20px !important;
  4329.     margin-bottom: 5px !important;
  4330.     max-width: 668px !important;
  4331.     color: peru !important;
  4332. }
  4333. .Message .ImageResized:hover {
  4334.     color: tomato !important;
  4335. }
  4336.  
  4337.  
  4338. /* TEST - CODE IN DISCUSSION - === */
  4339. .Message>table>tbody>tr>td>code {
  4340.     display: inline-block !important;
  4341.     min-width: 688px !important;
  4342.     max-width: 688px !important;
  4343.     letter-spacing: initial;
  4344.     white-space: pre-line !important;
  4345.     word-wrap: break-word !important;
  4346.     background-color: #5c5c5c !important;
  4347.     color: white!important;
  4348. }
  4349. .Message>pre {
  4350.     position: relative !important;
  4351.     display: inline-block !important;
  4352.     min-width: 650px !important;
  4353.     max-width: 650px !important;
  4354.     margin-left: 5px !important;
  4355.     letter-spacing: initial;
  4356.     white-space: pre-line !important;
  4357.     word-wrap: break-word !important;
  4358.     background-color: #5c5c5c !important;
  4359.     color: white!important;
  4360. }
  4361. .Message>ul>li>pre {
  4362.     position: relative !important;
  4363.     display: inline-block !important;
  4364.     min-width: 580px !important;
  4365.     max-width: 580px !important;
  4366.     margin-left: 5px !important;
  4367.     letter-spacing: initial;
  4368.     white-space: pre-line !important;
  4369.     word-wrap: break-word !important;
  4370.     background-color: #5c5c5c !important;
  4371.     color: white !important;
  4372. }
  4373. .Message>ul>li>ul>li>pre{
  4374.     position: relative !important;
  4375.     display: inline-block !important;
  4376.     min-width: 580px !important;
  4377.     max-width: 580px !important;
  4378.     margin-left: -35px !important;
  4379.     letter-spacing: initial;
  4380.     white-space: pre-line !important;
  4381.     word-wrap: break-word !important;
  4382.     background-color: #5c5c5c !important;
  4383.     color: white !important;
  4384. }
  4385.  
  4386. /* TEST code in discussion - === */
  4387. .Message ol li pre {
  4388.     display: inline-block !important;
  4389.     min-width: 650px !important;
  4390.     max-width: 650px !important;
  4391.     margin-left: -35px !important;
  4392.     letter-spacing: initial;
  4393.     white-space: pre-line !important;
  4394.     word-wrap: break-word !important;
  4395.     background-color: #5c5c5c !important;
  4396.     color: white !important;
  4397. }
  4398.  
  4399. /* (new96) FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  4400. TEST different:
  4401. https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
  4402. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  4403. ===  */    
  4404. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4405.     position: relative !important;
  4406.     display: inline-block !important;
  4407.     min-width: 670px !important;
  4408.     max-width: 670px !important;
  4409.     left: 0px !important;
  4410.     top: -10px !important;
  4411.     letter-spacing: initial;
  4412.     white-space: pre-line !important;
  4413.     word-wrap: break-word !important;
  4414.     background-color: white !important;
  4415.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
  4416.     background-size: 30px 15px !important;
  4417.     color: red !important;
  4418.     outline: 1px solid green !important;
  4419. }
  4420. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4421.     position: relative !important;
  4422.     display: inline-block !important;
  4423.     min-width: 670px !important;
  4424.     max-width: 670px !important;
  4425.     left: 0px !important;
  4426.     top: -10px !important;
  4427.     letter-spacing: initial;
  4428.     white-space: pre-line !important;
  4429.     word-wrap: break-word !important;
  4430.     background-color: white !important;
  4431.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  4432.     background-size: 30px 15px !important;
  4433.     color: red !important;
  4434.     outline: 1px solid violet !important;
  4435. }
  4436. pre.linenums.prettyprinted .linenums {
  4437.     background: transparent !important;
  4438.     padding: 8px;
  4439. }
  4440.     pre.linenums.prettyprinted li.L0,
  4441. pre.linenums.prettyprinted li.L1,
  4442.     pre.linenums.prettyprinted li.L2,
  4443. pre.linenums.prettyprinted li.L3,
  4444.     pre.linenums.prettyprinted li.L4,
  4445. pre.linenums.prettyprinted li.L5,
  4446.     pre.linenums.prettyprinted li.L6,
  4447. pre.linenums.prettyprinted li.L7,
  4448.     pre.linenums.prettyprinted li.L8,
  4449. pre.linenums.prettyprinted li.L9 {
  4450.     min-width: 600px !important;
  4451.     max-width: 600px !important;
  4452.     margin-left: -20px!important;
  4453.     background:transparent !important;
  4454. }
  4455.     pre.linenums.prettyprinted li.L0 code,
  4456. pre.linenums.prettyprinted li.L1 code,
  4457.     pre.linenums.prettyprinted li.L2 code,
  4458. pre.linenums.prettyprinted li.L3 code ,
  4459.     pre.linenums.prettyprinted li.L4 code,
  4460. pre.linenums.prettyprinted li.L5 code ,
  4461.     pre.linenums.prettyprinted li.L6 code ,
  4462. pre.linenums.prettyprinted li.L7 code ,
  4463.     pre.linenums.prettyprinted li.L8 code,
  4464. pre.linenums.prettyprinted li.L9 code {
  4465.     min-width: 600px !important;
  4466.     max-width: 600px !important;
  4467.     background: #5c5c5c !important;
  4468.     background:transparent !important;
  4469.     color: white!important;
  4470. }
  4471. .linenums.prettyprinted code .pun{
  4472.     background:transparent !important;
  4473. }
  4474.    
  4475. /* ===
  4476. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  4477. === */
  4478. #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 {
  4479.     display: inline-block !important;
  4480.     min-width: 630px !important;
  4481.     max-width: 630px !important;
  4482.     margin-left: -5px !important;
  4483. }
  4484. .Quote>p>code ,
  4485. .Message pre code ,
  4486. .Message > code  {
  4487.     display: inline-block !important;
  4488.     max-width: 648px !important;
  4489.     vertical-align: middle !important;
  4490.     padding: 1px 2px 1px 4px !important;
  4491.     white-space: pre-line !important;
  4492.     word-wrap: break-word !important;
  4493.     background-color: #5c5c5c !important;
  4494.     color: white !important;
  4495. }
  4496.  
  4497. /*(new96) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
  4498. OK for : https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
  4499. PB fixed for : https://greasyfork.org/fr/forum/discussion/27373/x
  4500. === */
  4501. .Discussion .Item-BodyWrap .Item-Body .Message code ,
  4502. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
  4503.     display: inline-block !important;
  4504.     max-width: 600px !important;
  4505.     position: relative;
  4506.     letter-spacing: initial;
  4507.     line-height: 15px;
  4508.     min-height: 0px !important;
  4509.     min-width: 0px !important;
  4510.     top: 0;
  4511.         overflow-y: hidden !important;
  4512.     overflow-x: hidden !important;
  4513. }
  4514. code ,
  4515. .Message>p>code {
  4516.     position: relative !important;
  4517.     display: inline-block!important;
  4518.     min-width: 10px !important;
  4519.     max-width: 670px !important;
  4520.     min-height: 15px !important;
  4521.     line-height: 15px !important;
  4522.     top: 0px !important;
  4523.     margin-top: 0px!important;
  4524.     margin-bottom: -2px !important;
  4525.     margin-left: 2px !important;
  4526.     padding: 0px 2px !important;
  4527.     letter-spacing: initial;
  4528.     white-space: pre-line !important;
  4529.     word-wrap: break-word !important;
  4530.     background-color: #5c5c5c!important;
  4531.     color: white!important;
  4532. }
  4533. /* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
  4534. .Message>ul>li>code  {
  4535.     position: relative !important;
  4536.     display: inline-block!important;
  4537.     min-width: 10px !important;
  4538.     max-width: 670px !important;
  4539.     height: 13px !important;
  4540.     line-height: 13px !important;
  4541.     top: 0px !important;
  4542.     margin-top:0px!important;
  4543.     margin-bottom: -2px !important;
  4544.     margin-left: 2px !important;
  4545.     padding: 1px 4px !important;
  4546.     letter-spacing: initial;
  4547.     white-space: pre-line !important;
  4548.     word-wrap: break-word !important;
  4549.     background-color: #5c5c5c!important;
  4550.     color: white!important;
  4551. }
  4552. .QuoteText>pre {
  4553.     width: 660px!important;
  4554.     padding: 2px 2px 2px 4px !important;
  4555.     letter-spacing: initial;
  4556.     white-space: pre-line !important;
  4557.     word-wrap: break-word !important;
  4558. }
  4559.  
  4560. /* USERSTYLES PAGE INFO - CODE - === */
  4561. #additional-info-text>code:not(:empty),
  4562. #long-description>code:not(:empty)  {
  4563.     display: inline-block !important;
  4564.     margin-left: 1px!important;
  4565.     padding: 5px 10px!important;
  4566.     border-radius: 2px!important;
  4567.     letter-spacing: initial;
  4568.     white-space: pre-line !important;
  4569.     word-wrap: break-word !important;
  4570.     background-color: #e9e8e5!important;
  4571.     background-color: #5c5c5c !important;
  4572.     color: white !important;
  4573. }
  4574. #additional-info-text>pre ,
  4575. #additional-info-text>code pre code ,
  4576. #additional-info-text>code pre {
  4577.     display: inline-block !important;
  4578.     width: 850px!important;
  4579.     margin-left: 1px!important;
  4580.     padding: 5px 10px!important;
  4581.     border-radius: 2px!important;
  4582.     letter-spacing: initial;
  4583.     white-space: pre-line !important;
  4584.     word-wrap: break-word !important;
  4585.     background-color: #e9e8e5!important;
  4586.     background-color: #5c5c5c !important;
  4587.     color: white !important;
  4588. }
  4589.  
  4590. /* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
  4591. #long-description>code:not(:empty)  {
  4592.     display: inline-block !important;
  4593.     width: auto !important;
  4594.     max-width: 540px!important;
  4595. }
  4596. /* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
  4597. #additional-info-text > code:not(:empty)  {
  4598.     display: inline-block !important;
  4599.     width: auto !important;
  4600.     max-width: 820px!important;
  4601. }
  4602.  
  4603. /* GREASYFORK - SCRIPT PAGE INFO - CODE - === */
  4604. #additional-info>div>blockquote>pre>code  {
  4605.     display: inline-block !important;
  4606.     width: 99%!important;
  4607.     margin-left: -6px!important;
  4608.     padding: 5px 10px!important;
  4609.     border-radius: 2px!important;
  4610.     border: 1px solid gray !important;
  4611.     letter-spacing: initial;
  4612.     white-space: pre-line !important;
  4613.     word-wrap: break-word !important;
  4614.     background-color: #e9e8e5!important;
  4615.     background-color: #5c5c5c !important;
  4616.     color: white !important;
  4617. }
  4618. #additional-info>div>pre>code  {
  4619.     display: inline-block !important;
  4620.     width: 99%!important;
  4621.     margin-left: -6px!important;
  4622.     padding: 5px 10px!important;
  4623.     border-radius: 2px!important;
  4624.     letter-spacing: initial;
  4625.     white-space: pre-line !important;
  4626.     word-wrap: break-word !important;
  4627.     background-color: #e9e8e5!important;
  4628.     background-color: #5c5c5c !important;
  4629.     color: white !important;
  4630. }
  4631.  
  4632. /* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  4633. #main-header + #content-wrapper> #main-article>ul {
  4634.     position: fixed !important;
  4635.     display: inline-block !important;
  4636.     width: 50px !important;
  4637.     height: 18px !important;
  4638.     margin-left: -100px;
  4639.     top: 18px !important;
  4640.     padding-left: 15px !important;
  4641.     border-radius: 3px 3px 0 0 !important;
  4642.     box-shadow: 0 0 4px #999999 !important;
  4643.     text-align: left !important;
  4644.     background: #222 !important;
  4645.     overflow: hidden !important;
  4646.     z-index: 500 !important;
  4647. }
  4648. #help-style-settings-edit ~pre ,
  4649. #main-header + #content-wrapper > #main-article > p ~ ul {
  4650.     position: relative !important;
  4651.     display: inline-block !important;
  4652.     width: 700px !important;
  4653.     height: auto!important;
  4654.     margin-left: 200px !important;
  4655.     margin-top: -5px !important;
  4656.     border-radius: 3px !important;
  4657.     border: 1px solid gray !important;
  4658.     background: #222 !important;
  4659.     overflow: visible !important;
  4660.     z-index: 10 !important;
  4661. }
  4662. #main-header + #content-wrapper > #main-article > table + p {
  4663.     position: fixed!important;
  4664.     display: inline-block !important;
  4665.     width: 600px !important;
  4666.     height: auto !important;
  4667.     top: 73px !important;
  4668.     left: 320px !important;
  4669.     opacity: 0 !important;
  4670. }
  4671. #main-header + #content-wrapper > #main-article > table:hover + p {
  4672.     position: fixed!important;
  4673.     display: inline-block !important;
  4674.     width: 600px !important;
  4675.     height: auto!important;
  4676.     top: 73px!important;
  4677.     left: 320px!important;
  4678.     opacity: 1!important;
  4679.     transition: opacity ease 0.7s !important;
  4680. }
  4681. #main-header + #content-wrapper> #main-article>ul:hover {
  4682.     width: 200px !important;
  4683.     height: auto!important;
  4684.     box-shadow: 0 0 4px #999999 !important;
  4685. }
  4686. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  4687.     width: 700px !important;
  4688.     height: auto!important;
  4689. }
  4690. #main-header + #content-wrapper> #main-article>ul:before {
  4691.     width: 200px !important;
  4692.     height: 10px !important;
  4693.     line-height: 10px !important;
  4694.     content: "More..."!important;
  4695. }
  4696. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  4697.     content: ""!important;
  4698. }
  4699. /* HELP STYLES - === */
  4700.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  4701.     width: 700px !important;
  4702.     margin-left: 200px !important;
  4703.     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);
  4704.     text-align: center!important;
  4705.     color: peru!important;
  4706. }
  4707.  
  4708.  
  4709. /* (new109) TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  4710. body {
  4711.     display: inline-block !important;
  4712.     width: 100% !important;
  4713.     max-width: 1910px !important;
  4714.     overflow: hidden !important;
  4715.     overflow-x: hidden !important;
  4716.     overflow-y: auto !important;
  4717.     font-family: Verdana,sans-serif!important;
  4718.     background-color: green !important;
  4719. }
  4720.  
  4721.  
  4722. /* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - === */
  4723.  
  4724. /* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
  4725. .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4726.     display: inline-block !important;
  4727.     float: left !important;
  4728.     width: 15px !important;
  4729.     height: 15px !important;
  4730.     padding: 0 !important;
  4731.     border: none !important;
  4732.     background-color: transparent !important;
  4733.     box-shadow: none !important;
  4734. }
  4735. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4736.     left: -5px !important;
  4737.     top: 21px !important;
  4738. }
  4739. .OptionsMenu .Flyout {
  4740.   right: 6px;
  4741.   top: -1px;
  4742. }
  4743. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  4744. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  4745.     border: none !important;
  4746. }
  4747. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  4748. .ToggleFlyout:not(.Open) .EditDiscussion {
  4749.     display: inline-block !important;
  4750.     width: 18px !important;
  4751.     background-color: transparent!important;
  4752.     font-size: 0px!important;
  4753.     visibility: hidden!important;
  4754.     outline: 1px solid peru !important;
  4755. }
  4756. /* (new109) ALL */
  4757. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  4758.     content: " "!important;
  4759.     position: relative!important;
  4760.     display: inline-block !important;
  4761.     width: 18px !important;
  4762.     height: 15px !important;
  4763.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4764.     background-color: black !important;
  4765.     font-size: 15px !important;
  4766.     visibility: visible !important;
  4767.     outline: 1px solid gray !important;
  4768. }
  4769. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  4770.     content: " "!important;
  4771.     position: relative!important;
  4772.     display: inline-block !important;
  4773.     width: 18px !important;
  4774.     height: 18px !important;
  4775.     left: 17px !important;
  4776.     top: -12px !important;
  4777.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4778.     background-color: black !important;
  4779.     font-size: 15px !important;
  4780.     visibility: visible !important;
  4781.     outline: 1px solid gray !important;
  4782. }
  4783. /* EDIT BUTTON */
  4784. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  4785.     display: inline-block !important;
  4786.     height: 15px !important;
  4787.     line-height: 15 !important;
  4788.     padding: 1px !important;
  4789. }
  4790.  
  4791.  
  4792.  
  4793. /* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
  4794. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  4795.     margin-top: -74px !important;
  4796. }
  4797. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  4798.     padding: 0px 20px !important;
  4799. }
  4800.  
  4801. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  4802.     position: relative !important;
  4803.     display: inline-block !important;
  4804.     float: left !important;
  4805.     width: 18px !important;
  4806.     padding: 0 !important;
  4807.     line-height: 15px !important;
  4808. outline: 1px solid pink !important;
  4809. }
  4810.  
  4811. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
  4812.     background-color: #ACB1B7 !important;
  4813.     color: white !important;
  4814.     text-decoration: none;
  4815. }
  4816.  
  4817. /* (new79) EDIT COMMENT - === */
  4818. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  4819.     font-size: 15px !important;
  4820.     visibility: hidden !important;
  4821.     outline: 1px solid gray !important;
  4822. }
  4823. #vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4824. #vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4825. #vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
  4826. /* outline: 1px solid violet !important; */
  4827. }
  4828.  
  4829. /* COMMENT DISCUSS  */
  4830. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  4831. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  4832. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  4833.     visibility: hidden!important;
  4834. }
  4835. /* COMMENT DISCUSS ALT (BLACK) */
  4836. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  4837. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  4838.     visibility: hidden !important;
  4839. }
  4840. /* LIST BOOKMARKED */
  4841. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  4842. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  4843.     visibility: hidden !important;
  4844. }
  4845. /* LIST BOOKMARKED ALT (BLACK) */
  4846. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  4847. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  4848.     outline: 1px solid red!important;
  4849.     visibility: hidden !important;
  4850. }
  4851. .DismissAnnouncement.Hijack {
  4852.     margin-right: 19px !important;
  4853.     margin-top: -31px !important;
  4854.     color: peru !important;
  4855. }
  4856. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  4857.     margin-right: 19px !important;
  4858.     margin-top: 0px !important;
  4859.     color: peru !important;
  4860. }
  4861.  
  4862. /* (new118) TEST - USERSTYLES - EDIT COMMENT */
  4863. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
  4864.     font-size: 15px !important;
  4865. /*     visibility: visible !important; */
  4866.     visibility: hidden !important;
  4867.     z-index: 10000 !important;
  4868. }
  4869. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit  {
  4870.     margin-left: 32px !important;
  4871.     padding: 0 !important;
  4872.     font-size: 0px !important;
  4873. }
  4874. /* (new116) */
  4875. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
  4876. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  4877.     content: " "!important;
  4878.     position: relative !important;
  4879.     display: inline-block !important;
  4880.     float: left !important;
  4881.     width: 18px !important;
  4882.     height: 18px !important;
  4883. /*     left: 762px !important; */
  4884. top: -2px !important;
  4885.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4886.     background-color: black !important;
  4887.     font-size: 15px !important;
  4888.     visibility: visible !important;
  4889.     outline: 1px solid gray !important;
  4890.     z-index: 10000 !important;
  4891. }
  4892.  
  4893. /* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS - === */
  4894. /* GREASYFORK */
  4895. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  4896.     outline: 1px solid peru!important;
  4897.     visibility: hidden !important;
  4898. }
  4899.  
  4900. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - === */
  4901. .Attachment .FilePreview .Thumb-Default img ,
  4902. .Attachment .FileHover .Thumb-Default img {
  4903.     display: inline-block !important;
  4904.     max-height: 25px !important;
  4905.     min-height: 25px !important;
  4906.     height: 100% !important;
  4907.     width: 20px !important;
  4908. }
  4909.  
  4910. /* START PAGE - === */
  4911. #main-article>p  {
  4912.     position: relative !important;
  4913.     display: inline-block !important;
  4914.     width: 870px! important;
  4915.     margin: 10px auto ! important;
  4916.     left: 70px ! important;
  4917. }
  4918. #front-page-best {
  4919.     display: inline-block ! important;
  4920.     margin-left: 200px ! important;
  4921. }
  4922. #front-page-newest {
  4923.     display: inline-block !important;
  4924.     margin-left: 200px !important;
  4925. }
  4926. #front-page-best h2 ,
  4927. #front-page-newest  h2 {
  4928.     display: inline-block ! important;
  4929.     width: 300px !important;
  4930.     margin-left: 15px !important;
  4931.     padding-left: 29px !important;
  4932.     border-radius: 5px !important;
  4933.     box-shadow: 0 0 4px #999999 !important;
  4934.     background-color: #222222 !important;
  4935. }
  4936. #front-page-best ul li  ,
  4937. #front-page-newest ul li  {
  4938.     width: 700px ! important;
  4939.     padding: 2px 5px ! important;
  4940. }
  4941. #front-page-best ul li:nth-child(even) ,
  4942. #front-page-newest ul li:nth-child(even) {
  4943.     background: black! important;
  4944. }
  4945. #front-page-best ul li:nth-child(odd) ,
  4946. #front-page-newest ul li:nth-child(odd) {
  4947.     background: #222222 ! important;
  4948. }
  4949. #front-page-newest ul li:not(.additional-link):after ,
  4950. #front-page-best ul li:not(.additional-link):after {
  4951.     content: "tot   :   " attr(total-install-count) ;
  4952.     display: inline-block ;
  4953.     float: left ;
  4954.     width: 250px ;
  4955.     margin-right: -100px ;
  4956.     text-align: left ;
  4957.     color: gold ;
  4958. }
  4959. /* (COR) */
  4960. #front-page-best ul li:not(.additional-link):before {
  4961. content: "week   :   " attr(weekly-install-count) ;
  4962.     display: inline-block ;
  4963.     float: right ;
  4964.     width: 120px ;
  4965.     margin-left: 10px ;
  4966.     text-align: left ;
  4967. color: gold;
  4968. }
  4969.  
  4970. /* for GM "ENHANCER" / "TABLE VIEW" - === */
  4971. table#summary + #table-container > table#style-table  {
  4972.     border-collapse: collapse;
  4973.     margin-bottom: 0;
  4974.     margin-left: 0;
  4975.     margin-right: 0;
  4976. }
  4977. table#summary + #table-container > table#style-table > tr:first-of-type {
  4978.     position: fixed !important;
  4979.     height: 100% !important;
  4980.     max-width: 65.5% !important;
  4981.     min-width: 65.5% !important;
  4982.     width: 100% !important;
  4983.     margin-top: -45px !important;
  4984.     min-height: 50px !important;
  4985.     border-bottom: 4px solid #D2B48C !important;
  4986.     border-top: 4px solid #D2B48C !important;
  4987.     z-index: 200 !important;
  4988. }
  4989. /* TABLE VIEW - FIXED HEADER CELLS */
  4990. table#summary + #table-container > table#style-table th {
  4991.     height: 100%!important;
  4992.     min-height: 35px!important;
  4993.     max-height: 35px!important;
  4994.     text-shadow: 1px 1px 2px #000000;
  4995. }
  4996. /* A VOIR - for GM "ENHANCER" */
  4997. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  4998.     height: 30px !important;
  4999.     line-height: 3px !important;
  5000.     text-shadow: 1px 1px 2px #000000;
  5001. }
  5002. /* PAGINATION - HIGHLIGHT - === */
  5003. .NumberedPager a.Highlight ,
  5004. #PagerBefore.Pager a.Highlight{
  5005.     background: none repeat scroll 0 0 yellow !important;
  5006.     color: red !important;
  5007. }
  5008.  
  5009.  
  5010.  
  5011.  
  5012. /* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  5013. .Pager a,
  5014. .Pager span {
  5015.     position: relative !important;
  5016.     display: inline-block;
  5017.     margin: 0 3px;
  5018.     min-width: 17px!important;
  5019.     height: 14px !important;
  5020.     line-height: 13px !important;
  5021.     padding: 0 !important;
  5022.     text-align: center!important;
  5023.     vertical-align: middle !important;
  5024.     border-radius: 3px !important;
  5025.     box-shadow: 3px 3px 2px black !important;
  5026.     background: #222 !important;
  5027. }
  5028. .NumberedPager a.Next,
  5029. .NumberedPager span.Next,
  5030. .NumberedPager a.Previous,
  5031. .NumberedPager span.Previous {
  5032.     position: relative !important;
  5033.     display: inline-block !important;
  5034.     height: 14px !important;
  5035.     line-height: 11px !important;
  5036.     font-size: 23px !important;
  5037.     border-radius: 3px !important;
  5038.     box-shadow: 3px 3px 2px black !important;
  5039.     background: #222 !important;
  5040.     vertical-align: middle !important;
  5041. }
  5042. .NumberedPager .Next:hover,
  5043. .NumberedPager .Previous:hover {
  5044.     position: relative !important;
  5045.     display: inline-block !important;
  5046.     height: 14px !important;
  5047.     line-height: 11px !important;
  5048.     border-radius: 3px !important;
  5049.     top: 5px!important;
  5050.     left: 0px !important;
  5051.     margin-left: 3px !important;
  5052.     right: 0px !important;
  5053.     font-size: 26px !important;
  5054.     vertical-align: middle !important;
  5055. }
  5056. #PagerAfter>a:hover,
  5057. #PagerBefore>a:hover,
  5058. body .Pager .Highlight:hover,
  5059. .PageControls .Pager a:hover  {
  5060.     display: inline-block !important;
  5061.     color: tomato !important;
  5062. }
  5063.  
  5064. #PagerBefore> .Next:hover,
  5065. .NumberedPager a.Next:hover,
  5066. .NumberedPager span.Next:hover {
  5067. position: relative !important;
  5068.     display: inline-block !important;
  5069.     height: 20px !important;
  5070.     line-height: 17px!important;
  5071.     margin-top: -10px !important;
  5072.     font-size: 23px !important;
  5073.     vertical-align: middle !important;
  5074.     color: tomato !important;
  5075. }
  5076.  
  5077. #PagerAfter> .Previous:hover,
  5078. #PagerBefore> .Previous:hover,
  5079. .NumberedPager a.Previous:hover,
  5080. .NumberedPager span.Previous:hover {
  5081.     position: relative !important;
  5082.     display: inline-block !important;
  5083.     height: 20px !important;
  5084.     line-height: 17px!important;
  5085.     margin-top: -10px !important;
  5086.     font-size: 23px !important;
  5087.     vertical-align: middle !important;
  5088.     color: tomato !important;
  5089. }
  5090. .p-100.LastPage:hover {
  5091.     position: relative !important;
  5092.     display: inline-block !important;
  5093.     height: 20px !important;
  5094.     line-height: 17px!important;
  5095.     font-size: 16px !important;
  5096.     vertical-align: middle !important;
  5097.     color: tomato !important;
  5098. }
  5099. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  5100. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  5101. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  5102.     position: relative !important;
  5103.     display: inline-block !important;
  5104.     vertical-align: middle !important;
  5105.     line-height: 20px !important;
  5106.     height: 20px!important;
  5107.     padding: 2px!important;
  5108.     top: -10px!important;
  5109.     font-size: 15px !important;
  5110.     color: peru !important;
  5111. }
  5112. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  5113.     display: inline-block !important;
  5114.     left: -11px!important;
  5115.     font-size: 20px !important;
  5116.     transition: all ease 0.5s !important;
  5117.     color: tomato !important;
  5118. }
  5119. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  5120.     display: inline-block !important;
  5121.     margin-right: -9px!important;
  5122.     margin-left: 2px!important;
  5123.     font-size: 20px !important;
  5124.     transition: all ease  0.5s  !important;
  5125.     color: tomato !important;
  5126. }
  5127.  
  5128.  
  5129.  
  5130.  
  5131. /* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- === */
  5132. #additional-info .script-author-description>p  img ~ br {
  5133.     display : none !important;
  5134. }
  5135. #additional-info img ,
  5136. .lightbox .lb-image {
  5137.     position: relative  !important;
  5138.     display: inline-block !important;
  5139.     height: auto !important;
  5140.     max-width: 80% !important;
  5141.     margin: 0 auto !important;
  5142.     border-radius: 3px;
  5143. }
  5144. #additional-info img {
  5145.     display: inline-block !important;
  5146.     width: auto !important;
  5147.     max-width: 98%!important;
  5148.     max-height: 245px !important;
  5149.     padding: 2px !important;
  5150.     color: yellow!important;
  5151. /* box-shadow: 5px 5px 2px #888888 !important; */
  5152.     box-shadow: 5px 5px 2px #181818 !important;
  5153.     background-color: #2b2b2b !important;
  5154. border: 1px solid orange !important;   
  5155. }
  5156. #additional-info .fancybox img {
  5157.     box-shadow: none !important;
  5158.     color: yellow!important;
  5159.     max-height: 100px !important;
  5160. border: 1px solid orange !important;
  5161. }
  5162.  
  5163. /* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  5164. #main-article {
  5165.     margin-left: 215px !important;
  5166. }
  5167.  
  5168. /* (new119) USERSTYLES -ACCOUNT PAGE - USER NAME */
  5169. .PageContent>dl>dt:not(:last-of-type) {
  5170.     position: absolute !important;
  5171.     display: inline-block !important;
  5172.     width: 21% ;
  5173.     height: 15px;
  5174.     line-height: 15px !important;
  5175.     margin-left: 15%;
  5176.     margin-top: -20px !important;
  5177.     padding: 5px;
  5178.     overflow: hidden;
  5179.     text-align: center !important;
  5180.     border: 1px solid #404040 ;
  5181.     background: #222 !important;
  5182. }
  5183. /* TXT "HOMEPAGE" in STYLES PAGES */
  5184. html>body>dl dt:not(:last-of-type) + #user-about + dt {
  5185.     display: none !important;
  5186. }
  5187.  
  5188. /* (new119) USERSTYLES -ACCOUNT PAGE - USER CONTACT */
  5189. #user-about + dt {
  5190.     position: absolute !important;
  5191.     display: inline-block !important;
  5192.     width: 1% ;
  5193.     min-height: 14px;
  5194.     max-height: 14px;
  5195.     line-height: 14px;
  5196.     margin-left: 37%;
  5197.     margin-top: -20px !important;
  5198.     padding: 5px;
  5199.     text-align: left ;
  5200.     font-size: 0 !important;
  5201.     border: 1px solid #404040 ;
  5202. }
  5203. .PageContent>dl dd:last-of-type {
  5204.     position: absolute !important;
  5205.     display: inline-block !important;
  5206.     width: 1.5% ;
  5207.     height: 100% !important;
  5208.     min-height: 22px !important;
  5209.     max-height: 22px !important;
  5210.     margin-left: 37% !important;
  5211.     margin-top: -18px !important;
  5212.     padding: 0px;
  5213.     overflow: hidden !important;
  5214.     white-space: nowrap !important;
  5215.     text-align: left ;
  5216.     font-size: 10px !important;
  5217.     color: transparent !important;
  5218. }
  5219. .PageContent>dl dd:last-of-type:before {
  5220.     content: "📧" ;
  5221.     position: absolute !important;
  5222.     display: inline-block !important;
  5223.     width: 42px ;
  5224.     height: 100% !important;
  5225.     min-height: 22px !important;
  5226.     max-height: 22px !important;
  5227.     line-height: 20px ;
  5228.     margin-left: -7px !important;
  5229.     padding: 0px;
  5230.     text-align: center ;
  5231.     font-size: 26px ;
  5232.     color: red !important;
  5233.     border: 1px solid #404040 ;
  5234.     pointer-events: none !important;
  5235. }
  5236. /* (new119) USERSTYLES - ACCOUNT PAGE - USER ABOUT /HOVER */
  5237. #user-about {
  5238.     position: absolute !important;
  5239.     display: inline-block;
  5240.     width: 30% ;
  5241.     min-height: 14px !important;
  5242.     max-height: 14px !important;
  5243.     margin-left: 39% !important;
  5244.     margin-top: -20px !important;
  5245.     padding: 5px;
  5246.     overflow: hidden;
  5247.     border: 1px solid lime !important;
  5248. transition: all ease 0.7s !important;
  5249. }
  5250. #user-about:hover {
  5251.     position: absolute !important;
  5252.     display: inline-block;
  5253.     width: 40% !important;
  5254.     max-height: 700px !important;
  5255.     padding: 5px;
  5256.     overflow: hidden;
  5257.     overflow-y: auto;
  5258.     border: 1px solid blue;
  5259.     background: #333 !important;
  5260.     transition: all ease 0.7s !important;
  5261.     z-index: 500 !important;
  5262. }
  5263.  
  5264.  
  5265. /* (new119) USERSTYLES - ACCOUNT PAGE - - INSTAL WEEK - === */
  5266. .numeric-value {
  5267.     color: gold !important;
  5268. }
  5269. .numeric-value + .numeric-value {
  5270.     color: tan !important;
  5271. }
  5272.  
  5273. /* (new118) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
  5274.  
  5275.  
  5276.  
  5277. /* (new118) USERSTYLES - FOOTER - === */
  5278. footer {
  5279.     position: fixed !important;
  5280.     display: inline-block !important;
  5281.     width: auto !important;
  5282.     top: 00px !important;
  5283.     left: 10px ! important;
  5284.     padding: 0 5px 5px 20px !important;
  5285.     z-index: 5000 ! important;
  5286.     visibility: hidden !important;
  5287. background: red !important;
  5288. }
  5289. footer:hover {
  5290.     position: fixed !important;
  5291.     display: inline-block !important;
  5292.     width: auto !important;
  5293.     top: 00px !important;
  5294.     left: 10px ! important;
  5295.     padding: 0 5px 5px 20px !important;
  5296.     z-index: 5000 ! important;
  5297.     visibility: visible !important;
  5298. background: black !important;
  5299. }
  5300. footer:before {
  5301.     content: "🔻" !important;
  5302.     position: fixed !important;
  5303.     display: inline-block !important;
  5304.     width: auto !important;
  5305.     top: 10px !important;
  5306.     left: 5px ! important;
  5307.     padding: 0px  !important;
  5308.     z-index: 5000 ! important;
  5309.     visibility: visible !important;
  5310. background: gold !important;
  5311. }
  5312. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  5313.  
  5314.  
  5315.  
  5316. /* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  5317. #style-author-info {
  5318.     position: fixed !important;
  5319.     width: 205px ! important;
  5320.     height: 100% ! important;
  5321.     min-height: 292px ! important;
  5322.     max-height: 792px ! important;
  5323.     left: 5px !important;
  5324.     top: 80px !important;
  5325.     padding-left: 5px !important;
  5326.     padding-bottom: 3px !important;
  5327.     border-radius: 5px !important;
  5328.     box-shadow: 3px 3px 2px black !important;
  5329.     background: #222222 !important;
  5330. }
  5331. #style-install-info {
  5332.     position: fixed !important;
  5333.     width: 195px ! important;
  5334.     left: 23px !important;
  5335.     top: 320px !important;
  5336.     padding-left: 5px !important;
  5337.     padding-bottom: 3px !important;
  5338.     border-radius: 5px !important;
  5339.     background: #222222 !important;
  5340.     z-index: 700 !important;
  5341. }
  5342.  
  5343. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  5344. #style-install-info>tbody>tr:nth-child(2n+1) ,
  5345. #style-author-info>tbody>tr:nth-child(2n+1) {
  5346.     background: #262626 !important;
  5347.  }
  5348.  
  5349. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  5350. #style-install-info>tbody>tr ,
  5351. #style-author-info>tbody>tr {
  5352.     color: gold !important;
  5353. }
  5354. /*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  5355. #style-install-info>tbody>tr th+td ,
  5356. #style-author-info>tbody>tr th+td {
  5357.     position: relative ! important;
  5358.     display: inline-block ! important;
  5359.     width: 95% ! important;
  5360.     bottom: 3px ! important;
  5361.     left: 3px ! important;
  5362.     border-radius: 5px ! important;
  5363.     border : #434141 solid 1px !important;
  5364.     box-shadow: 3px 3px 2px black !important;
  5365.     color: #6999A6 !important;
  5366.     text-align: center ! important;
  5367.     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%);
  5368. }
  5369.  
  5370. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  5371. #style-install-info>tbody>tr ,
  5372. #style-author-info>tbody>tr {
  5373.     display: block !important;
  5374.     position: relative !important;
  5375.     width: 190px !important;
  5376.     font-size: 11px !important;
  5377. }
  5378. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  5379. #style-author-info>tbody>tr:first-child {
  5380.     position: relative !important;
  5381.     display: inline-block !important;
  5382.     margin-top: 5px ! important;
  5383.     margin-left: 0px ! important;
  5384.     width: 190px !important;
  5385.     height: 89px ! important;
  5386.     border-radius: 5px ! important;
  5387.     border: 1px gray solid ! important;
  5388. }
  5389.  
  5390. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  5391. #style-author-info>tbody>tr:nth-child(1)>th {
  5392.     display: inline-block !important;
  5393.     position: relative !important;
  5394.     width: 184px !important;
  5395.     margin-top: 1px ! important;
  5396.     padding: 0 5px 2px 0 !important;
  5397.     border-radius: 5px 5px 0 0  ! important;
  5398.     color: transparent !important;
  5399.     font-size: 0px !important;
  5400.     text-align: center ! important;
  5401.     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%);
  5402. }
  5403. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  5404. #style-author-info>tbody>tr:nth-child(1)>th:before {
  5405.     position: relative ;
  5406.     display: inline-block ;
  5407.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5408.     transform:scale(0.9,0.7) ;
  5409. }
  5410.  
  5411. /* (COR) USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5412. #style-author-info>tbody>tr:nth-child(1)>td a {
  5413.     position: relative !important;
  5414.     display: block !important;
  5415.     max-width: 182px !important;
  5416.     height: 51px ! important;
  5417.     left: -2px ! important;
  5418.     padding: 0 2px !important;
  5419.     font-size: 19px !important;
  5420.     font-weight: bold ! important;
  5421.     text-align: center ! important;
  5422.     color: SlateGray !important;
  5423.     border-radius: 0 0 5px 5px ! important;
  5424.     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%);
  5425.     border :none !important;
  5426.     white-space: pre-wrap ! important;
  5427.     word-break: break-all ! important;
  5428.     -moz-hyphens: auto ! important;
  5429. }
  5430.  
  5431. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5432. #style-author-info>tbody>tr:first-of-type th+td {
  5433.     position: relative ! important;
  5434.     display: inline-block ! important;
  5435.     width: 100% ! important;
  5436.     bottom: -1px ! important;
  5437.     left: 3px ! important;
  5438.     text-align: center ! important;
  5439.     border :none !important;
  5440.     background: transparent ! important;
  5441. }
  5442.  
  5443. /* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  5444. #content-wrapper #main-article #left-info {
  5445.     position: absolute ! important;
  5446.     display: inline-block ! important;
  5447.     vertical-align: top ! important;
  5448.     top: 5px !important;
  5449.     margin-left: 2% !important;
  5450. }
  5451.  
  5452. /* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  5453. #screenshots {
  5454.     position: absolute ;
  5455.     display: inline-block ;
  5456.     float: none ;
  5457.     clear: both ;
  5458.     height: 395px ;
  5459.     width: 360px ;
  5460.     top: 0px ;
  5461.     border: 1px solid #434141 !important;
  5462.     box-shadow: 3px 3px 2px black ;
  5463.     background-color: #222222 ;
  5464.     z-index: 10 ;
  5465. }
  5466. .screenshot-thumbnail {
  5467.     border: 1px solid #434141 !important;
  5468.     box-shadow: 3px 3px 2px black ;
  5469. }
  5470. #more-screenshots {
  5471.     font-size: 0 !important;
  5472. }
  5473. #more-screenshots span {
  5474.     position: absolute !important;
  5475.     display: inline-block !important;
  5476.     padding: 2px 5px !important;
  5477.     border-radius: 5px !important;
  5478.     background: black !important;
  5479.     font-size: 15px !important;
  5480. }
  5481. #screenshots #more-screenshots a  {
  5482.     position: relative !important;
  5483.     display: inline-block !important;
  5484.     width: 98% !important;
  5485.     bottom: -20px !important;
  5486.     font-size: small !important;
  5487. }
  5488. #screenshots #more-screenshots a:before  {
  5489.     content: "\25BA" ;
  5490.     color: gold ;
  5491. }
  5492. /* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  5493. #style-info {
  5494.     position: absolute ! important;
  5495.     width: 78.5% !important;
  5496.     margin-top : 1px !important;
  5497.     left: 249px !important;
  5498.     word-wrap: break-word ! important;
  5499. }
  5500. #main-style-info {
  5501.     width: 60% !important;
  5502.     margin-bottom: 1em;
  5503.     margin-left: 380px !important;
  5504.     padding-left: 1em;
  5505. }
  5506.  
  5507. /* (COR) USERSTYLES - STY INFOS - LG DESC - TXT - === */
  5508. #long-description {
  5509.     position: relative !important;
  5510.     display: inline-block !important;
  5511.     width: 565px ! important;
  5512.     height: 395px !important;
  5513.     min-height: 100px ! important;
  5514.     top: 4px !important;
  5515.     margin-top: 0px !important;
  5516.     left: 10px ! important;
  5517.     padding: 5px 5px 2px 10px !important;
  5518.     border-radius: 5px !important;
  5519.     border: 1px solid red !important;
  5520. /*    box-shadow: 0 0 4px #999999 !important;*/
  5521.     box-shadow: 3px 3px 2px black !important;
  5522.     overflow: hidden ! important;
  5523.     overflow-y: auto ! important;
  5524. }
  5525. /* (new109) NEED CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
  5526. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  5527. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  5528. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  5529. === SITE CHANGE :
  5530. "#style-options" to "#style-settings"
  5531. === */
  5532. .advanced_button {
  5533.     position: absolute ;
  5534.     height: 20px !important;
  5535.     margin-left: 251px !important;
  5536.     top: 68px !important;
  5537. }
  5538. #style-settings {
  5539.     position: absolute !important;
  5540.     display: inline-block !important;
  5541.     width: 75px ! important;
  5542.     height: 16px !important;
  5543.     top: 65px !important;
  5544.     margin-left: 1160px !important;
  5545.     left: 100px ! important;
  5546.     padding: 3px 5px ;
  5547.     border: 1px solid gray !important;
  5548.     border-radius: 5px !important;
  5549.     background: gray !important;
  5550.     overflow: hidden !important;
  5551.     overflow-y: hidden !important;
  5552.     z-index: 500 !important;
  5553. }
  5554. #style-settings:hover {
  5555.     position: absolute !important;
  5556.     display: inline-block !important;
  5557.     width: 555px ! important;
  5558.     min-height: 727px !important;
  5559. left: -370px ! important;
  5560.     border: 1px solid gray !important;
  5561.     border-radius: 5px !important;
  5562.     background: black !important;
  5563.     overflow: hidden !important;
  5564.     overflow-y: auto !important;
  5565.     z-index: 500!important;
  5566.     transition: all ease 0.6s !important;
  5567. }
  5568. #style-settings li:first-of-type {
  5569.     margin-top: 35px !important;
  5570. }
  5571.  
  5572. #style-settings:before {
  5573.     content: "Options \01F53B " ;
  5574.     position: absolute ;
  5575.     display: inline-block ;
  5576.     height: 15px ;
  5577.     width: 75px !important;
  5578.     line-height: 13px ;
  5579.     top: 0px ;
  5580.     left: -2px ;
  5581.     padding: 5px ;
  5582.     border-radius: 3px ;
  5583.     border: 1px solid gray ;
  5584.     color: gold ;
  5585.     background: #222222 ;
  5586.     z-index: 500 !important;
  5587. }
  5588. #style-settings #advancedsettings_area.advancedsettings_shown ,
  5589. #style-settings #advancedsettings_area.advancedsettings_hidden  {
  5590.     display: inline-block !important;
  5591.     min-width: 495px !important;
  5592.     max-width: 495px !important;
  5593.     margin-left: 14px;
  5594.     margin-top: 28px;
  5595.     padding: 15px !important;
  5596.     background-color: #ffffff;
  5597. }
  5598.  
  5599. /* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  5600. #style-info #control-panel {
  5601.     position: fixed ! important;
  5602.     display: inline-block ! important;
  5603.     height: 17px !important;
  5604.     line-height: 17px !important;
  5605.     width: 566px;
  5606.     margin-bottom: 1em;
  5607.     left: 637px!important;
  5608.     top: 25px ! important;
  5609.     padding: 1px 6px !important;
  5610.     border: 1px solid gray !important;
  5611.     border-radius: 3px 3px 0 0 !important;
  5612.     background: #222 !important;
  5613.     z-index: 600 !important;
  5614. }
  5615.  
  5616. #style-install-info > tbody > tr:last-of-type ,
  5617. #style-info #control-panel>a:nth-child(1),
  5618. #style-info #control-panel>a:nth-child(2),
  5619. #style-info #control-panel> a:nth-child(3){
  5620.     display: inline-block!important;
  5621.     height: 14px !important;
  5622.     line-height: 14px !important;
  5623.     margin-top: -4px ! important;
  5624.     top: 30px !important;
  5625.     background-color: #222222 !important;
  5626.     border-radius: 3px !important;
  5627.     box-shadow: 3px 3px 2px black !important;
  5628.     padding: 1px 5px !important;
  5629. }
  5630.  
  5631. /* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  5632. #long-description>p>a{
  5633.     color: #E0B81F !important;
  5634.     margin-right: 5px !important;
  5635. }
  5636. /* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  5637. #stylish-installed-style-needs-update ,
  5638. #stylish-installed-style-not-installed {
  5639.     position: fixed !important;
  5640.     width: 190px !important;
  5641.     height: 16px !important;
  5642.     line-height: 13px !important;
  5643.     left: 1025px !important;
  5644.     margin-bottom: 1px;
  5645.     top: 16px !important;
  5646.     padding: 0 4px 2px !important;
  5647.     border-radius: 5px !important;
  5648.     font-size: larger;
  5649.     color: white;
  5650.     vertical-align: middle;
  5651.     z-index: 700!important;
  5652. }
  5653.  
  5654. /* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
  5655. #stylish-installed-style-installed  {
  5656.     position: fixed !important;
  5657.     width: 230px !important;
  5658.     height: 18px !important;
  5659.     line-height: 17px !important;
  5660.     top: 11px !important;
  5661.     left: 930px !important;
  5662.     margin-bottom: 1px;
  5663.     padding: 0 4px 2px !important;
  5664.     border-radius: 5px !important;
  5665.     font-size: larger;
  5666.     color: white;
  5667.     vertical-align: middle;
  5668.     z-index: 650 !important;
  5669. }
  5670. #switch-browser-note {
  5671.     position: absolute !important;
  5672.     display: inline-block;
  5673.     width: 180px !important;
  5674.     top: 32px !important;
  5675.     left: 575px !important;
  5676.     margin-bottom: 1px;
  5677.     margin-top: 13px !important;
  5678.     padding: 0 4px 2px !important;
  5679.     vertical-align: middle;
  5680.     border-radius: 5px !important;
  5681.     color: white;
  5682. }
  5683.  
  5684. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - === */
  5685. #style-install-mozilla-no-stylish {
  5686.     display: none !important;
  5687. }
  5688.  
  5689. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  5690. .install-status:not(.install) {
  5691.     display: none;
  5692. }
  5693.  
  5694. /* USERSTYLES -  INSTALL NOTE - === */
  5695. .install-status:not(.install) {
  5696.     position: absolute !important;
  5697.     display: inline-block;
  5698.     max-width: 450px;
  5699.     margin-bottom: 1px;
  5700.     margin-top: 15px;
  5701.     right: 0 !important;
  5702.     top: 0!important;
  5703.     padding: 8px 16px 12px;
  5704.     border-radius: 5px;
  5705.     font-size: larger;
  5706.     color: white;
  5707.     vertical-align: middle;
  5708. }
  5709.  
  5710.  
  5711.  
  5712. /* ==== (new108) USERSTYLES - STY INFOS - SHOW CODE - ==== */
  5713.  
  5714.  
  5715. /* (new114) USERSTYLES - STY INFOS - NEW - SHOW CSS CODE */
  5716. #stylish-code.cssHidden[style*="display: none;"] {
  5717.     display: none !important;
  5718. }
  5719. #stylish-code.hiBeautted ,
  5720. #stylish-code.cssHidden[style*="display: block;"] {
  5721.     display: inline-block !important;
  5722.     width: 650px !important;
  5723.     min-height: 680px !important;
  5724.     padding: 5px 5px 5px 15px  !important;
  5725.     border-top: 30px solid red !important;
  5726.     word-wrap: break-word !important;
  5727.     -moz-hyphens: auto !important;
  5728.     background: white !important;
  5729.     background-color: #2e3e49 !important;
  5730. }
  5731.  
  5732.  
  5733.  
  5734. /* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" - === */
  5735. #show-code #view-code #stylish-code  a.linkifyplus  {
  5736.     display: inline-block !important;
  5737.     height: 15px !important;
  5738.     white-space: pre-wrap !important;
  5739.     word-wrap: break-word !important;
  5740.     font-size: 15px !important;
  5741.     color: blue !important;
  5742.     background: tan  !important;
  5743. }
  5744.  
  5745. #show-code #view-code #stylish-code  a.linkifyplus > img {
  5746.     position: absolute !important;
  5747.     display: inline-block !important;
  5748.     max-height: 100px !important;
  5749.     padding: 3px 20px !important;
  5750.     visibility: hidden !important;
  5751.     transform: scale(0.2) !important;
  5752.     transition: background ease 0.7s !important;
  5753.     background: #333  !important;
  5754. }
  5755. #show-code #view-code #stylish-code  a.linkifyplus:hover > img {
  5756.     position: fixed !important;
  5757.     display: inline-block !important;
  5758.     max-height: 50% !important;
  5759.     max-width: 200px !important;
  5760.     top: 25% !important;
  5761.     margin: auto 0 !important;
  5762.     right: 40% ! important;
  5763.     padding: 3px 20px !important;
  5764.     visibility: visible !important;
  5765.     transform: scale(1.5) !important;
  5766.     transition: background ease 0.1s !important;
  5767.     z-index: 1000 !important;
  5768.     background: black  !important;
  5769. }
  5770.  
  5771. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
  5772. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
  5773. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
  5774.     content: " " !important;
  5775.     position: relative !important;
  5776.     display: inline-block !important;
  5777.     width: 10px !important;
  5778.     height: 18px !important;
  5779.     line-height: 18px !important;
  5780.     padding: 0 5px 0 10px !important;
  5781.     border-radius: 3px !important;
  5782.     font-size: 17px !important;
  5783.     visibility: visible !important;
  5784.     opacity: 1 !important;
  5785.     background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  5786.     background-position: center  !important;
  5787.     background-repeat: no-repeat !important;
  5788.     background-size: 70% 140% !important;
  5789.     transform: rotate(270deg) !important;
  5790.     background-color: white  !important;
  5791. }
  5792. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
  5793. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
  5794. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
  5795.     content: attr(href) !important;
  5796.     position: relative !important;
  5797.     display: inline-block !important;
  5798.     height: 18px !important;
  5799.     line-height: 18px !important;
  5800.     padding: 0 20px !important;
  5801.     font-size: 15px !important;
  5802.     visibility: visible !important;
  5803.     opacity: 1 !important;
  5804. }
  5805.  
  5806.  
  5807. /* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
  5808. #content-wrapper article#main-article #more-info h2 ,
  5809. #content-wrapper article#main-article #additional-info h2 ,
  5810. #content-wrapper article#main-article #discussions-area h2 {
  5811.     display: inline-block ! important;
  5812.     min-width: 965px !important;
  5813.     max-width: 965px !important;
  5814.     padding-left: 15px !important;
  5815.     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%);
  5816.     border-radius: 5px !important;
  5817.     box-shadow: 3px 3px 2px black !important;
  5818.     color: #A3A4A4 !important;
  5819. }
  5820. #content-wrapper article#main-article #discussions-area h2 {
  5821.     min-width: 965px !important;
  5822.     max-width: 965px !important;
  5823. }
  5824. section#discussions-area h2 {
  5825.     position: relative !important;
  5826.     display: inline-block !important;
  5827.     left: 50px !important;
  5828.     margin-bottom: -15px !important;
  5829. }
  5830. section#discussions-area h3 {
  5831.     display: none !important;
  5832. }
  5833.  
  5834. /* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
  5835. #style-info + #additional-info {
  5836.     position: relative ! important;
  5837.     display: inline-block !important;
  5838.     min-width: 90% !important;
  5839.     max-width: 90% !important;
  5840.     left: 2% !important;
  5841.     margin-top: 405px !important;
  5842. }
  5843. #additional-info-text {
  5844.     position: relative !important;
  5845.     display: inline-block !important;
  5846.     min-width: 965px !important;
  5847.     max-width: 965px !important;
  5848.     margin-top: -10px !important;
  5849.     overflow-y: auto;
  5850.     overflow-x: hidden!important;
  5851.     color: #ACAEB5 !important;
  5852. }
  5853. /* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
  5854. #additional-info #additional-info-text a{
  5855.     color: #E0B81F !important;
  5856. }
  5857. #additional-info #additional-info-text a:visited {
  5858.     color: #E7D590 !important;
  5859. }
  5860.  
  5861. /* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
  5862. #style-info + #additional-info #additional-info-text>mark>a {
  5863.     color: black !important;
  5864. }
  5865. #additional-info #additional-info-text>mark>a b {
  5866.     color: red!important;
  5867. }
  5868.  
  5869. /* ===  - USERSTYLES - STY INFOS - FEED ==== */
  5870.  
  5871. /* (new118) USERSTYLES - FIX NEW DESIGN - TOP HEARDER - === */
  5872. /* #top_logo ,  */
  5873. .top_logo {
  5874.     margin-top: -5px !important;
  5875. }
  5876. /* .header-search .search_input .input_text_search , */
  5877. .header-search {
  5878.     height: 25px !important;
  5879. /*     margin-top: -27px !important; */
  5880. }
  5881. .header-search .search_input  {
  5882.     height: 25px !important;
  5883.     margin-top: 0px !important;
  5884. }
  5885.  
  5886. /* (new118) USERSTYLES - CREATE NEW STYLE */
  5887. #create_new_style ,
  5888. .header_button  {
  5889.     min-height: 20px !important;
  5890.     margin-top: -27px !important;
  5891. }
  5892. #create_new_style  {
  5893.     min-height: 20px !important;
  5894. margin-top: 0px !important;
  5895.     margin-left: 220px !important;
  5896.     margin-right: -192px !important;
  5897. }
  5898. #create_new_style a ,
  5899. .header_button a  {
  5900.    font-weight: 600 !important;
  5901.     font-size: 14px !important;
  5902. }
  5903.  
  5904.  
  5905.  
  5906. /* (new118) USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
  5907. #discussions-area{
  5908.     position: absolute !important;
  5909.     display: inline-block ! important;
  5910.     float: none ! important;
  5911.     clear: both ! important;
  5912.     max-height: 100%!important;
  5913.     min-height: 30px !important;
  5914.     width: 330px !important;
  5915.     left: 15px !important;
  5916.     top: 370px !important;
  5917.     padding: 1px !important;
  5918. border: 1px solid red !important;
  5919. }
  5920.  
  5921. /* (new118) USERSTYLES - NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */
  5922. #as_userscript + #headline {
  5923.     position: absolute !important;
  5924.     display: inline-block ! important;
  5925.     float: none ! important;
  5926.     clear: both ! important;
  5927.     max-height: 100%!important;
  5928.     min-height: 20px !important;
  5929.     width: 330px !important;
  5930.     left: 1% !important;
  5931.     top: 300px !important;
  5932.     padding: 1px !important;
  5933.     color: gold !important;
  5934.     background: #222 ;
  5935. }
  5936. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {
  5937.     position: absolute !important;
  5938.     display: inline-block ! important;
  5939.     float: none ! important;
  5940.     clear: both ! important;
  5941. /*    max-height: 100%!important;*/
  5942.     height: 100%!important;
  5943.     min-height: 20px !important;
  5944.     max-height: 20px !important;
  5945.     width: 35px !important;
  5946.     left: 15% !important;
  5947.     top: 333px !important;
  5948.     padding: 1px !important;
  5949.     overflow: hidden ;
  5950. }
  5951. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {
  5952.     position: absolute !important;
  5953.     display: inline-block ! important;
  5954.     float: none ! important;
  5955.     clear: both ! important;
  5956.     max-height: 100%!important;
  5957.     min-height: 20px !important;
  5958.     width: 190px !important;
  5959.     left: 8% !important;
  5960.     padding: 1px !important;
  5961.     overflow: hidden ;
  5962. }
  5963. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {
  5964.     height: 18px !important;
  5965.     width: 30px !important;
  5966.     margin-bottom: 18px;
  5967.     margin-top: 0px !important;
  5968.     box-shadow: none !important;
  5969.     color: transparent !important;
  5970.     border: none !important;
  5971.     white-space: nowrap ;
  5972.     background-color: blue !important;
  5973.     transition: all ease 0.2s !important;
  5974. }
  5975. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {
  5976.     visibility: hidden ;
  5977. }
  5978. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{
  5979.     height: 20px ;
  5980.     margin-right: -118px !important;
  5981.     margin-top: 0px ;
  5982. }
  5983. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {
  5984.     height: 15px ;
  5985.     margin-top: 4px ;
  5986. }
  5987. /* HOVER */
  5988. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {
  5989.     width: 172px !important;
  5990.     height: 20px ;
  5991.     margin-top: 0px !important;
  5992.     color: gold !important;
  5993.     transition: all ease 0.2s !important;
  5994. }
  5995. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {
  5996.     display: inline-block ;
  5997.     visibility: visible ;
  5998. }
  5999. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {
  6000.     height: 15px ;
  6001.     margin-right: 15px !important;
  6002.     margin-top: 5px !important;
  6003. }
  6004. #style_info .adContainer ~ #discussions-area {
  6005.     position: absolute !important;
  6006.     display: inline-block ! important;
  6007.     float: none ! important;
  6008.     clear: both ! important;
  6009.     max-height: 450px !important;
  6010.     min-height: 30px !important;
  6011.     min-width: 100% !important;
  6012.     max-width: 330px !important;
  6013.     width: 330px !important;
  6014.     left: 1% !important;
  6015.     top: 360px !important;
  6016.     padding: 1px !important;
  6017.     overflow: hidden !important;
  6018.     overflow-y: auto !important;
  6019.     background: #222 ;
  6020. border: 1px solid red !important;
  6021. }
  6022.  
  6023. #single_discussion {
  6024.     height: 70px !important;
  6025.     padding: 5px !important;
  6026. }
  6027. #single_discussion:first-child {
  6028.     margin-top: -15px !important;
  6029. }
  6030. #single_discussion:not(:first-child) {
  6031.     margin-top: -10px !important;
  6032. }
  6033. #single_discussion_up {
  6034.     height: 17px !important;
  6035.     margin-bottom: 3px !important;
  6036.     margin-top: 9px !important;
  6037. }
  6038. #single_discussion  .text_style_page {
  6039.     width: 296px !important;
  6040.     height: 41px !important;
  6041.     line-height: 15px !important;
  6042.     margin-top: 0px !important;
  6043.     font-size: 13px !important;
  6044.     color: gray !important;
  6045.     outline: 1px solid gray !important;
  6046. }
  6047.  
  6048. #rating_discussion[src="/ui/images/icons/rating_0.svg"] {
  6049.     height: 13px;
  6050.     width: 18px;
  6051.     opacity: 0.2;
  6052. }
  6053. #style_info .adContainer ~#discussions-area .text_style_page {
  6054.     color: #b3b3b3 ;
  6055. }
  6056. .see_more {
  6057.     height: 21px !important;
  6058. }
  6059. .feedback-icon {
  6060.     height: 17.3px;
  6061.     margin-right: 6.8px !important;
  6062.     margin-top: 3px !important;
  6063. }
  6064. /* (new108) */
  6065. #archive_style_button {
  6066.     position: absolute;
  6067.     display: inline-block;
  6068.     height: 15px !important;
  6069.     line-height: 15px !important;
  6070.     width: 120px !important;
  6071.     right: 20% ;
  6072.     top: 470px !important;
  6073.     border-radius: 4px;
  6074.     box-shadow: 5px 5px 2px black !important;
  6075.     cursor: pointer;
  6076.     font-size: 14px !important;
  6077.     justify-content: center;
  6078.     margin-top: 0px !important;
  6079.     padding: 2px 2px !important;
  6080.     text-align: center;
  6081. }
  6082. #as_userscript  {
  6083.     position: absolute !important;
  6084.     height: 18px !important;
  6085.     line-height: 15px !important;
  6086.     width: 120px !important;
  6087.     right: 20% ;
  6088.     margin-right: 0% !important;
  6089.     top: 500px ;
  6090.     margin-top: 0px !important;
  6091.     padding: 2px 2px !important;
  6092.     border-radius: 4px;
  6093. border: 1px solid #222 !important;
  6094.     box-shadow: 3px 3px 2px black !important;
  6095.     cursor: pointer;
  6096.     font-size: 5px ;
  6097.     text-align: center;
  6098. }
  6099. #as_userscript a:before  {
  6100.     content: "Userscript" ;
  6101.     position: absolute !important;
  6102.     display: inline-block;
  6103.     height: 15px !important;
  6104.     line-height: 15px !important;
  6105.     width: 120px !important;
  6106.     margin-left: -34px ;
  6107.     margin-top: -2px ;
  6108.     border-radius: 4px;
  6109.     box-shadow: 3px 3px 2px black ;
  6110.     font-size: 14px !important;
  6111.     padding: 3px 2px !important;
  6112.     text-align: center;
  6113.     background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;
  6114.     background-position: 5px center;
  6115.     background-repeat: no-repeat;
  6116.     background-size: 12%;
  6117.     background-color: #333 ;
  6118. }
  6119.  
  6120. /* (new1114) TEST FIX NEW DESIGN - SHOW CSS - === */
  6121. .css_button {
  6122.     position: absolute;
  6123.     display: inline-block;
  6124.     flex-direction: row;
  6125.     align-items: center;
  6126.     justify-content: center;
  6127.     height: 21px !important;
  6128.     line-height: 25px !important;
  6129.     width: 136px  !important;
  6130.     margin-top: 30px;
  6131.     right: 19.2% ;
  6132.     top: 36px !important;
  6133.     border-radius: 4px;
  6134.     color: #3498db;
  6135.     font-size: 14px;
  6136.     font-weight: normal ;
  6137.     box-shadow: 3px 3px 2px black ;
  6138.     background-color: #e2ebf8;
  6139. }
  6140. .css_button .no-select {
  6141.     float: right !important;
  6142.     height: 21px !important;
  6143.     line-height: 20px !important;
  6144.     margin-bottom: 0px !important;
  6145. }
  6146.  
  6147. .css_open::after ,
  6148. .css_close::after {
  6149.     content: "🙈";
  6150. /*     position: relative; */
  6151.     float: left !important;
  6152.     height: 21px !important;
  6153.     width: 21px !important;
  6154.     margin-bottom: 8px  !important;
  6155.     margin-right: 14px !important;
  6156. text-align: center !important;
  6157. /*     opacity: 0.7 ; */
  6158.  
  6159. }
  6160. /* (new114) Without GM ?? */
  6161. #css_text_area_div textarea#stylish-code.cssVisible  {
  6162.     display: inline-block ;
  6163.     position: fixed ;
  6164.     resize: vertical;
  6165.     overflow: auto;
  6166.     min-width: 674px ;
  6167.     max-width: 674px  !important;
  6168.     min-height: 70% ;
  6169.     left: 850px !important;
  6170.     top: 166px !important;
  6171.     margin-bottom: 20px;
  6172.     padding: 5px 5px 5px 15px;
  6173.     border-radius: 4px;
  6174.     font-size: 13px;
  6175.     font-family: "Open Sans",sans-serif !important;
  6176.     color: #ffffff;
  6177.     background-color: #2e3e49 !important;
  6178.     z-index: 5000;
  6179. }
  6180. /* (new114) TEST - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - === */
  6181. #css_text_area_div {
  6182.     position: absolute !important;
  6183.     left: 870px !important;
  6184.     top: 80px !important;
  6185.     border-top: 2px solid red !important;
  6186.     z-index: 1 !important;
  6187. }
  6188.  
  6189. .hiBeautted{
  6190.     border-top: 20px solid transparent !important;
  6191.     background-color: #293134 !important;
  6192.     color: #e0e2e4 !important;
  6193. }
  6194. #stylish-code ,
  6195. code.hiBeautted#stylish-code[style*="display: block;"]  {
  6196.     min-height: 600px !important;
  6197.     top: -23px !important;
  6198.     padding: 20px !important;
  6199.     border-top: 40px solid transparent !important;
  6200.     color: #B1B1B1 !important;
  6201.  
  6202. }
  6203. code.hiBeautted#stylish-code[style*="display: none;"]  {
  6204.     display: none !important;
  6205. }
  6206. #hiBeauty .hiBeautted:before ,
  6207. #hiBeauty::before {
  6208.     position: absolute;
  6209. /*     position: fixed !important; */
  6210.     display: inline-block !important;
  6211. height: 20px !important;
  6212.     top: 5px !important;
  6213.     left: 10% !important;
  6214.     padding: 1px 3px 0 1px !important;
  6215.     border-radius: 0 !important;
  6216.     background-color: rgba(255, 0, 0, 0.7) !important;
  6217.     opacity: 1 !important;
  6218.     z-index: 5000 !important;
  6219. }
  6220. #hiBeauty:hover::before {
  6221.     padding: 4px !important;
  6222.     border: 1px solid gray !important;
  6223.     background-color: rgba(0, 0, 0, 0.4) !important;
  6224.     opacity: 1 !important;
  6225.     z-index: 1;
  6226.     transition: all ease 1s !important;
  6227. }
  6228. #hiBeauty::after {
  6229.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  6230.     position: absolute;
  6231.     display: block;
  6232.     left: 14% !important;
  6233.     top: 5px;
  6234.     padding: 0 5px !important;
  6235.     border-radius: 0 5px 5px 0 !important;
  6236.     font-size: 15px !important;
  6237.     color: gold !important;
  6238.     background: rgba(255, 0, 0, 1) !important;
  6239.     opacity: 0.75;
  6240.     z-index: 1;
  6241.     transition: all ease 0.2s !important;
  6242. }
  6243. #hiBeauty:hover::after {
  6244.     font-size: 15px !important;
  6245.     color: white !important;
  6246.     background: rgba(0, 0, 0, 0.61) !important;
  6247.     transition: all ease 0.4s !important;
  6248. }
  6249. /* (new118) START - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */
  6250. @media screen and (max-width: 1400px) {
  6251. #css_text_area_div {
  6252.     left: 590px !important;
  6253. }
  6254. }
  6255. /* (new118) END - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */
  6256.  
  6257. /* (new118) USERTYLES - NEW DESIGN - ACTION BUTTON - === */
  6258. #actions_div {
  6259.     position: absolute;
  6260.     display: flex;
  6261.     flex-direction: row;
  6262.     justify-content: space-between;
  6263.     height: 25px !important;
  6264. width: 583px !important;
  6265.     right: 19.3% ;
  6266.     padding: 1px 3px ;
  6267.     box-shadow: 6px 5px 6px black;
  6268.     background: #222 !important;
  6269. }
  6270. #share_div {
  6271.     display: flex;
  6272.     flex-direction: column;
  6273.     padding: 0 2px !important;
  6274.     color: #2c3e50;
  6275.     font-size: 0 !important;
  6276. }
  6277. #social_networks {
  6278.     height: 17px !important;
  6279.     margin-top: 1px !important;
  6280. }
  6281.  
  6282. #actions_div #buttons {
  6283.     height: 20px !important;
  6284. }
  6285.  
  6286. .white_button ,
  6287. #style_installed_button ,
  6288. #ownedButtons ,
  6289. #update_style_button ,
  6290. #style_installed_button {
  6291.     height: 20px !important;
  6292. }
  6293.  
  6294. .white_button {
  6295.     align-items: center;
  6296.     background-color: #ffffff;
  6297.     border: 1px solid #cdcfd1;
  6298.     border-radius: 4px;
  6299.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  6300.     color: #2c3e50;
  6301.     cursor: pointer;
  6302.     display: flex;
  6303.     font-size: 12px;
  6304.     font-weight: bold;
  6305.     height: 19px;
  6306.     justify-content: center;
  6307.     width: 87px;
  6308. }
  6309. #update_style_button,
  6310. #install_style_button {
  6311.     display: flex;
  6312.     flex-direction: row;
  6313.     justify-content: center;
  6314.     align-items: center;
  6315.     height: 21px !important;
  6316.     width: 173px;
  6317.     margin-left: 9px;
  6318.     border-radius: 4px;
  6319.     font-size: 15px;
  6320.     font-weight: bold;
  6321.     color: white;
  6322.     cursor: pointer;
  6323.     box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
  6324.     background-color: #3498db;
  6325. }
  6326. #install_style_button div:first-of-type {
  6327.    height: 20px ;
  6328.    margin-top: -2px;
  6329. }
  6330.  
  6331. /* (new114) */
  6332.  
  6333. /* #install_style_button>div:last-of-type , */
  6334. #install_style_button>div + div {
  6335.    height: 20px !important;
  6336.    line-height: 18px !important;
  6337.    margin-top: -18px !important;
  6338.    padding-left: 25px !important;
  6339. }
  6340. #update_style_button>div:first-of-type ,
  6341. #style_installed_button>div:first-of-type {
  6342.    float: left !important;
  6343.    height: 22px !important;
  6344.    width: 26px !important;
  6345. }
  6346. .update-icon ,
  6347. .installed-icon ,
  6348. #install_style_icon {
  6349.    height: 20px !important;
  6350.    margin-right: 10px;
  6351.    margin-top: 3px !important;
  6352.    width: 18px !important;
  6353. }
  6354.  
  6355. #style_info {
  6356.    display: flex;
  6357.    flex-direction: column;
  6358.    width: 100%;
  6359. }
  6360. .style_title {
  6361.     display: inline-block !important;
  6362.    width: 43% !important;
  6363.     height: 32px ;
  6364.     line-height: 26px  !important;
  6365.     margin-bottom: -4px ;
  6366.     margin-top: 25px ;
  6367.     padding-left: 13px;
  6368.     color: #ccc !important;
  6369.     font-size: 20px !important;
  6370. border: 1px solid red !important;
  6371. }
  6372. #information_div ,
  6373. #actions_div + #headline,
  6374. #actions_div + #headline + #information_div ,
  6375. .adContainer + #headline ,
  6376. .adContainer + #headline + #applies_link {
  6377.     position: absolute !important;
  6378.     display: inline-block !important;
  6379.     width: 17% !important;
  6380.     min-width: 320px !important;
  6381.     left: 1% !important;
  6382.     padding: 5px ;
  6383.     border: 1px solid #404040;
  6384.     color: #ccc !important;
  6385. }
  6386.  
  6387. #left_information {
  6388.     display: flex;
  6389.     flex-direction: column;
  6390.     min-width: 325px !important;
  6391.     max-width: 325px !important;
  6392. }
  6393. /* (new102) 1* - "INFORMATION" */
  6394. #style-settings + #headline ,
  6395. #actions_div + #headline {
  6396.     display: none !important;
  6397. }
  6398.  
  6399. #right_information ,
  6400. #center_information {
  6401.     width: 46.5% ;
  6402.     float: left ;
  6403.     margin-top: 15px ;
  6404.     padding: 5px ;
  6405.     border-radius: 5px !important;
  6406.     text-align: center ;
  6407.     background-color: #d6deeb;
  6408. }
  6409.  
  6410. #center_information  {
  6411.     border-radius: 5px 0 0 5px !important;
  6412.     margin-right: 2px ;
  6413.     text-align: center ;
  6414.     background-color: #d6deeb;
  6415. }
  6416. #right_information {
  6417.     border-radius: 0 5px 5px 0 !important;
  6418.     text-align: center ;
  6419.     background-color: #d6deeb;
  6420. }
  6421.  
  6422. #infomation_value_left ,
  6423. #information_key_left  {
  6424.     min-width: 46.5% !important;
  6425.     float: left ;
  6426.     line-height: 13px !important;
  6427.     margin-top: -5px ;
  6428.     margin-bottom: -8px ;
  6429.     padding: 2px 5px ;
  6430.     border-radius: 3px !important;
  6431.     text-align: center ;
  6432.     background-color: #d6deeb;
  6433. }
  6434. #information_key_left {
  6435.     border-radius: 5px 0 0 5px !important;
  6436.     margin-right: -37px ;
  6437.     text-align: center ;
  6438.     background-color: #d6deeb;
  6439. }
  6440. #infomation_value_left  {
  6441.     border-radius: 0 5px 5px 0 !important;
  6442.     text-align: center ;
  6443.     background-color: #d6deeb;
  6444. }
  6445.  
  6446.  
  6447. #information_value {
  6448.     color: #2c3e50;
  6449.     font-size: 21px !important;
  6450. }
  6451.  
  6452. /* 2* - "APPLIES TO" */
  6453. .adContainer + #headline {
  6454.     height: 15px !important;
  6455.     line-height: 15px !important;
  6456.     top: 237px !important;
  6457. }
  6458. .adContainer + #headline + #applies_link {
  6459.     height: 15px !important;
  6460.     line-height: 15px !important;
  6461.     top: 287px ;
  6462. }
  6463.  
  6464.  
  6465.  
  6466. /* (new118) - TEST FIX NEW DESIGN - STYLE INFO PAGE - === */
  6467. /* (new118) USERTSTYLES INFOS - === */
  6468.  
  6469. /* #container , */
  6470. #container-responsive  {
  6471.     display: table;
  6472.     margin: 0 auto;
  6473.     width: 100% ;
  6474. background: red !important;
  6475. }
  6476. #nav-view-responsive {
  6477. /*     display: flex; */
  6478. /*     display: inline-block !important; */
  6479.     flex-direction: unset !important;
  6480.     background-color: #333 !important;
  6481. }
  6482. /* #view , */
  6483. #container-responsive #view-responsive  {
  6484.     display: flex;
  6485.     justify-content: center;
  6486.     margin-right: 42px;
  6487.     min-width: 100% !important;
  6488. }
  6489.  
  6490. #style_info {
  6491.     display: flex;
  6492.     flex-direction: column;
  6493.     margin-left: 19px;
  6494.     width: 61% !important;
  6495.     border: 1px solid #404040;
  6496. }
  6497. /* (new108) NOTES */
  6498. #style_info #css_text_area_div + #headline {
  6499.     margin-top: 44px !important;
  6500. }
  6501. #style_info #headline +  #notes_textarea {
  6502.     width: 100% !important;
  6503.     max-width: 1154px !important;
  6504.     margin-top: 0px !important;
  6505.     color: gray !important;
  6506.     font-size: 15px;
  6507.     max-height: 270px !important;
  6508.     padding: 5px !important;
  6509.     overflow-y: scroll;
  6510.     resize: none !important;
  6511.     border: 1px solid #404040;
  6512.     box-shadow: 3px 3px 2px black ;
  6513.     background-color: #222 !important;
  6514. }
  6515.  
  6516. #preview_image_div {
  6517.     height: 353px ;
  6518.     max-width: 500px !important;
  6519.     margin-bottom: -39px !important;
  6520.     margin-top: 10px;
  6521.     padding: 5px ;
  6522.     background-position: center center !important;
  6523.     background-repeat: no-repeat;
  6524.     background-size: 90% !important;
  6525.     box-shadow: 3px 3px 2px black !important;
  6526. border: 1px solid red ;
  6527. }
  6528. #applies_link + #headline + .text_style_page {
  6529.     position: absolute !important;
  6530.     display: inline-block !important;
  6531.     float: none !important;
  6532.     width: 100% !important;
  6533.     min-width: 610px !important;
  6534.     max-width: 610px !important;
  6535.     height: 100% !important;
  6536.     height: 355px !important;
  6537.     top: 87px ;
  6538.     left: 48% !important;
  6539.     padding: 5px ;
  6540.     color: gray !important;
  6541.     word-wrap: break-word;
  6542.     white-space: pre-wrap !important;
  6543.     overflow-x: hidden !important;
  6544.     overflow-y: auto !important;
  6545.     box-shadow: 3px 3px 2px black !important;
  6546.     outline: 1px solid red !important;
  6547. }
  6548.  
  6549. #headline {
  6550.     color: #ccc !important;
  6551.     font-size: 18px;
  6552.     font-weight: bold;
  6553.     margin-top: 30px;
  6554. }
  6555. #applies_link + #headline ,
  6556. .adContainer + #headline + #applies_link + #headline{
  6557.     display:none ;
  6558. }
  6559.  
  6560. #notes_textarea {
  6561.     width: 99% ;
  6562. }
  6563.  
  6564. /* (new118) APLLIE TO  */
  6565. #information_div + #headline  {
  6566.  
  6567.     margin-top: 44px !important;
  6568. }
  6569. #headline + #applies_link{
  6570.     color: peru !important;
  6571.     font-size: 15px;
  6572.     margin-top: 0px !important;
  6573.     margin-bottom: -40px !important;
  6574.     max-width: 728px;
  6575. }
  6576. /* (new108) USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON - === */
  6577. #top_android_button {
  6578.     display: inline-block !important;
  6579. /* display: none !important; */
  6580.     flex-direction: unset !important;
  6581.     justify-content: unset !important;
  6582.     height: 44px;
  6583.     width: 176px;
  6584.     border-radius: 4px;
  6585.     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);
  6586.     cursor: pointer;
  6587.     background-color: #222 !important;
  6588. }
  6589. .android_button_banner {
  6590.     display: none !important;
  6591. }
  6592.  
  6593. /* (new108) STYLE INSTALL - BUTTON - === */
  6594. .customize_button + div  ,
  6595. #buttons>#ownedButtons + div {
  6596.     position: relative !important;
  6597.     display: inline-block !important;
  6598.     height: 22px !important;
  6599.     width: 160px !important;
  6600.     margin-bottom: 0px !important;
  6601.     margin-right: 0px !important;
  6602.     margin-left: 5px !important;
  6603.     border-radius: 3px !important;
  6604.     box-shadow: 3px 3px 2px black !important;
  6605.     border: 1px solid red !important;
  6606. /* background: red !important; */
  6607. }
  6608. .customize_button  {
  6609.     position: relative !important;
  6610.     display: inline-block !important;
  6611.     display: none !important;
  6612.     height: 22px !important;
  6613.     width: 130px !important;
  6614.     margin-bottom: 0px !important;
  6615. background: blue !important;
  6616. }
  6617.  
  6618. #install_button  ,
  6619. #buttons>#ownedButtons + div #install_button {
  6620.     position: relative !important;
  6621.     display: inline-block !important;
  6622.     height: 19px !important;
  6623.     width: 19px !important;
  6624.     white-space: nowrap !important;
  6625.     overflow-wrap: unset !important;
  6626.     text-align: left !important;
  6627. }
  6628.  
  6629. #install_button >div:first-of-type ,
  6630. #buttons>#ownedButtons + div #install_button >div:first-of-type {
  6631.     position: relative !important;
  6632.     display: inline-block !important;
  6633.     height: 19px !important;
  6634.     width: 19px !important;
  6635.     white-space: nowrap !important;
  6636.     overflow-wrap: unset !important;
  6637.     text-align: left !important;
  6638. }
  6639. .customize_button  .customize_button_text ,
  6640. #install_button >div:last-of-type ,
  6641. #buttons>#ownedButtons + div #install_button >div:last-of-type {
  6642.     position: relative !important;
  6643.     display: inline-block !important;
  6644.     height: 20px !important;
  6645.     line-height: 15px !important;
  6646.     width: 150px !important;
  6647.     left: -40px !important;
  6648.     margin-top: 0 !important;
  6649.     top: -4px !important;
  6650.     white-space: nowrap !important;
  6651.     overflow-wrap: unset !important;
  6652.     text-align: right !important;
  6653.     font-size: 12px !important;
  6654.     color: peru !important;
  6655. }
  6656. img.stylish-icon {
  6657.     height: 18px !important;
  6658.     width: 18px !important;
  6659.     margin-right: 10px;
  6660. }
  6661. .customize_button  .customize_button_text {
  6662.     width: 100px !important;
  6663.     left: 20px !important;
  6664.     top: -21px !important;
  6665. }
  6666.  
  6667.  
  6668.  
  6669.  
  6670. /* (new118) CREATE / EDIT USERSTYLE PAGE - === */
  6671.  
  6672. #view_inner {
  6673.     display: inline-block ;
  6674.     width: 68% !important;
  6675.     padding: 5px 200px !important;
  6676. }
  6677. html>body>ul + form[action="/styles/create"] ,
  6678. html>body>ul + form[action="/styles/update"] {
  6679.     display: inline-block;
  6680.     margin-left: 112px !important;
  6681.     width: 1067px !important;
  6682. }
  6683. /* (new118) USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT -
  6684. html>body>ul + form[action="/styles/create"] input[name="commit"] ,
  6685. form[action="/styles/create"] input[name="commit"] ,
  6686. #main-article   form[action="/styles/update"] input[name="commit"]
  6687. === */
  6688. .form-controls>input[name="commit"] {
  6689.     position: fixed ;
  6690.     display: inline-block;
  6691.     left: 15% ;
  6692.     top: 10% !important;
  6693.     margin-left: -5px;
  6694.     transform: scale(1.3);
  6695. border: 5px solid red !important;
  6696. }
  6697.  
  6698. .errorExplanation {
  6699.     background-color: rgba(239, 81, 24, 0.54) !important;
  6700.     border: 1px solid red ;
  6701. }
  6702.  
  6703.  
  6704. /* (new118) (VOIR) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
  6705. #post-discussion + #login-form + #no-discussions  {
  6706.     position: absolute!important;
  6707.     display: inline-block !important;
  6708.     width: 750px!important;
  6709.     height: 17px !important;
  6710.     line-height: 17px !important;
  6711.     padding: 1px 0px 1px 14px  !important;
  6712.     top: -9px !important;
  6713.     margin-left: 160px !important;
  6714.     text-align: center!important;
  6715.     color: gold !important;
  6716.     text-decoration: none !important;
  6717.     background-color: transparent!important;
  6718.     background-image: url("https://userstyles.org/images/question.png") !important;
  6719.     background-position: 0px 3px !important;
  6720.     background-repeat: no-repeat !important;
  6721.     z-index: 500!important;
  6722. }
  6723. #discussions {
  6724.     margin-left: 20px !important;
  6725.     margin-top: 5px !important;
  6726. }
  6727.  
  6728. /* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
  6729. #discussions>li>a:nth-child(1){
  6730.     margin-left: 8px !important;
  6731.     margin-right: 30px !important;
  6732. }
  6733. /*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
  6734. #discussions>li>a:nth-child(2){
  6735.     margin-left: 4px !important;
  6736.     margin-right: 15px !important;
  6737. }
  6738. /* (new118) FOOTER - ==== */
  6739. #footer {
  6740.     margin-top: 129px !important;
  6741.     background-color: #222 !important;
  6742. }
  6743. #footer-inside {
  6744.     display: inline-block;
  6745.     margin-left: 8px !important;
  6746.     margin-top: -29px !important;
  6747.     text-align: center !important;
  6748. }
  6749. #leftFooter {
  6750.     width: 1905px !important;
  6751.     margin-left: 0px;
  6752. }
  6753. #copyrights {
  6754.     color: gold !important;
  6755.     background: black ;
  6756. }
  6757.  
  6758. /* START ===== NEW DESIGN - MEDIA QUERY ===== */
  6759.  
  6760. /* START ==== MEDIA QUERIES - 1400px - USERSTYLES FORUM ??? - TEST -  ==== */
  6761.  
  6762. @media screen and (max-width: 1400px){
  6763. #Head + #Body {
  6764.     margin-left: 12% !important;
  6765. /* background: green !important; */
  6766. }
  6767.  
  6768. /* ==== END ==== MEDIA QUERIES - USERSTYLES FORUM - TEST - === */
  6769. }
  6770.  
  6771. /* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */
  6772. @media screen and (max-width: 1400px){
  6773. #navigation {
  6774.     margin-left: 0px;
  6775. }
  6776. #style_info {
  6777.     outline: 1px solid red !important;
  6778. }
  6779. #style_info {
  6780.     margin-left: 341px !important;
  6781.     width: 100%;
  6782.     min-width: 900px;
  6783. }
  6784. .style_title {
  6785.     border: 1px solid red;
  6786.     display: inline-block;
  6787.     height: 32px;
  6788.     margin-top: 25px;
  6789.     padding-left: 13px;
  6790.     width: 55.5% !important;
  6791. }
  6792. #applies_link + #headline + .text_style_page {
  6793.     display: inline-block !important;
  6794.     width: 100% !important;
  6795.     min-width: 350px !important;
  6796.     max-width: 350px !important;
  6797.     max-height: 295px !important;
  6798.     min-height: 295px !important;
  6799.     left: 70% !important;
  6800.     white-space: pre-wrap;
  6801.     overflow-x: hidden !important;
  6802.     overflow-y: auto !important;
  6803. }
  6804. .css_button {
  6805.     position: absolute;
  6806.     right: 4%;
  6807.     top: 41px !important;
  6808. }
  6809.  
  6810. /* USERTYLE ACCEUIL */
  6811. .category_head {
  6812.     display: inline-block !important;
  6813.     width: 50% !important;
  6814.     float: left !important;
  6815.     clear: none;
  6816.     margin-bottom: 14px;
  6817.     align-items: center;
  6818.     flex-direction: unset !important;
  6819.     justify-content: unset !important;
  6820. background: red !important;
  6821. }
  6822. .styles.boxes {
  6823.     display: inline-block !important;
  6824.     float: left !important;
  6825.     width: 50% !important;
  6826.     margin-bottom: 20px;
  6827.     padding-top: 10px;
  6828.     align-items: unset !important;
  6829.     flex-flow: unset !important;
  6830.     justify-content: unset !important;
  6831. }
  6832. .style_card {
  6833.     display: inline-block !important;
  6834.     width: 221px !important;
  6835.     height: 225px;
  6836.     background-color: #ffffff;
  6837.     border-radius: 4px;
  6838.     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  6839.  
  6840.     margin: 15px 0;
  6841.  
  6842. }
  6843.  
  6844. /* CREATE BUTTON */
  6845. #create_new_style {
  6846.     margin-left: 0px !important;
  6847.     margin-top: 40px;
  6848. }
  6849.  
  6850. /* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */
  6851. /* END ===== NEW DESIGN - MEDIA QUERY ===== */
  6852.  
  6853. }
  6854. /* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
  6855. #Frame {
  6856.     margin-top: -8px !important;
  6857. }
  6858. #vanilla_discussions_index #Head.Head ,
  6859. #main-header {
  6860.     position: fixed !important;
  6861.     display: inline-block ! important;
  6862.     float: none ! important;
  6863.     width: 99.9% !important;
  6864.     height: 41px !important;
  6865.     left: -0.2% !important;
  6866.     top: -1px !important;
  6867.     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;
  6868.     border-bottom: 1px solid gray !important;
  6869.     z-index: 50 !important;
  6870. }
  6871.  
  6872. /* (new74) - GREASEMONKEY  - RED BACKGROUD */
  6873. body:not(.Settings) #Head,
  6874. body[pagetype="ListingPage"]  #main-header ,
  6875. body[pagetype="UserProfile"]  #main-header {
  6876.     position: fixed !important;
  6877.     display: inline-block ! important;
  6878.     float: none ! important;
  6879.     height: 40px !important;
  6880.     top: -1px !important;
  6881.     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;
  6882.     background-color: #670000 !important;
  6883. border-bottom: 1px solid red !important;
  6884. }
  6885.  
  6886. /* === USERSTYLES - STY TITLE/Name === */
  6887.  
  6888. /* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
  6889. #main-header > h1 {
  6890.     position: relative ! important;
  6891.     display: inline-block ! important;
  6892.     width: 47% !important;
  6893.     min-width: 895px !important;
  6894.     height: 30px !important;
  6895.     line-height: 28px !important;
  6896.     margin-top: -3px !important;
  6897.     border-radius: 5px ! important;
  6898.     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%);
  6899.     font-size: 23px ! important;
  6900.     text-align: left !important;
  6901.     text-indent: -117px !important;
  6902.     overflow: hidden !important;
  6903.     text-overflow: ellipsis !important;
  6904.     white-space: nowrap !important;
  6905. }
  6906. #main-header > h1::-moz-selection {
  6907.     background:#FFCC11 ! important;
  6908.     color:#ffffff ! important;
  6909. }
  6910. #main-header > h1:hover {
  6911.     color: gold ! important;
  6912. }
  6913.  
  6914. /* USERSTYLES - SITE TITLE - TXT "User.org" - === */
  6915. #main-header>h1>a {
  6916.     display: inline-block ! important;
  6917.     width: 161px !important;
  6918.     margin-right: -100px !important;
  6919.     margin-left: 28% !important;
  6920.     margin-bottom: 30px ! important;
  6921. }
  6922.  
  6923.  
  6924. /* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
  6925. #left-sidebar nav ul dl:not(:hover) ,
  6926. #main-article>dl:not(:hover) {
  6927.     position: fixed ! important;
  6928.     display: inline-block ! important;
  6929.     float: none !important;
  6930.     width: 50px !important;
  6931.     max-height: 15px ! important;
  6932.     top: 23px ! important;
  6933.     margin-top: 5px ! important;
  6934.     left: 275px !important;
  6935.     font-size: 10px ! important;
  6936.     text-align: left !important;
  6937.     z-index: 900 ! important;
  6938.     overflow: hidden !important;
  6939.     visibility: visible !important;
  6940.     transition: all ease .4s !important;
  6941. }
  6942. #left-sidebar nav ul dl:hover ,
  6943. #main-article>dl:hover {
  6944.     position: fixed ! important;
  6945.     display: inline-block ! important;
  6946.     float: none !important;
  6947.     width: auto !important;
  6948.     height: auto ! important;
  6949.     top: 23px ! important;
  6950.     margin-top: 5px ! important;
  6951.     left: 210px !important;
  6952.     padding: 3px 50px 1px 70px!important;
  6953.     font-size: 10px ! important;
  6954.     text-align: left !important;
  6955.     overflow: visible !important;
  6956.     z-index: 50000 !important;
  6957. }
  6958.  
  6959. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  6960. #left-sidebar nav ul dl:not(:hover)>dt ,
  6961. #main-article>dl:not(:hover)>dt {
  6962.     position: relative ! important;
  6963.     display: block !important;
  6964.     float: none !important;
  6965.     width: 74px !important;
  6966.     height: 16px ! important;
  6967.     line-height: 15px ! important;
  6968.     top: 1px ! important;
  6969.     margin-bottom: -14px !important;
  6970.     left: 0px ! important;
  6971.     padding: 0px 6px 1px 0px !important;
  6972.     font-size: 10px ! important;
  6973.     text-align: left !important;
  6974.     color: transparent ! important;
  6975.     overflow: hidden !important;
  6976.     text-overflow: ellipsis !important;
  6977.     white-space: nowrap !important;
  6978.     z-index: 5000 !important;
  6979. }
  6980. #left-sidebar nav ul dl:not(:hover)>dt:before ,
  6981. #main-article>dl:not(:hover)>dt:before {
  6982.     content: "About \25B6 " !important;
  6983.     color: red !important;
  6984. }
  6985.  
  6986.  
  6987. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  6988. #left-sidebar nav ul dl:hover>dt ,
  6989. #main-article>dl:hover>dt {
  6990.     position: relative ! important;
  6991.     display: block !important;
  6992.     float: none !important;
  6993.     width: 44px !important;
  6994.     height: 12px ! important;
  6995.     line-height: 12px ! important;
  6996.     margin-bottom: -14px !important;
  6997.     left: 0px ! important;
  6998.     padding: 0px 6px 1px 2px !important;
  6999.     font-size: 10px ! important;
  7000.     text-align: left !important;
  7001.     color: grey ! important;
  7002.     overflow: hidden !important;
  7003.     text-overflow: ellipsis !important;
  7004.     white-space: nowrap !important;
  7005.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  7006.     border-radius: 5px 0 0 5px !important;
  7007.     border: 1px solid gray !important;
  7008.     z-index: 5000 !important;
  7009. }
  7010. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  7011. #main-article>dl:hover>dd:first-of-type ,
  7012. #left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
  7013.     position: relative ! important;
  7014.     width: 0px !important;
  7015.     height: 15px ! important;
  7016.     top: -6px ! important;
  7017.     margin-bottom: -3px !important;
  7018.     margin-left: 55px ! important;
  7019.     padding-left: 10px !important;
  7020.     padding-right: 8px !important;
  7021.     text-align: left !important;
  7022.     background: black !important;
  7023.     outline: 1px solid gray !important;
  7024.     overflow: hidden !important;
  7025.     transition: all ease 0.4s !important;
  7026. }
  7027.  
  7028. /* "About" - FULL CONTAINER - NOT HOVER */
  7029. #left-sidebar nav ul dl:not(:hover),
  7030. #main-article > dl:not(:hover) dd:first-of-type {
  7031.     margin-left: 100px !important;
  7032. }
  7033. #main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
  7034.     position: relative ! important;
  7035.     display: inline-block ! important;
  7036.     max-width: 0px !important;
  7037.     height: 20px ! important;
  7038.     top: -6px ! important;
  7039.     margin-bottom: -3px !important;
  7040.     margin-left: 47px ! important;
  7041.     padding-left: 0px !important;
  7042.     padding-right: 0px !important;
  7043.     border: none !important;
  7044.     text-align: left !important;
  7045.     background: black !important;
  7046.     overflow: hidden !important;
  7047.     visibility: hidden !important;
  7048. }
  7049.  
  7050. /* "About" - FULL CONTAINER - HOVER */
  7051. #left-sidebar nav ul dl:hover>dd:first-of-type ,
  7052. #main-article>dl:hover>dd:first-of-type {
  7053.     display: inline-block ! important;
  7054.     width: 100% !important;
  7055.     min-width: 0px !important;
  7056.     max-width: 500px !important;
  7057.     height: 100% ! important;
  7058.     min-height: 0px ! important;
  7059.     max-height: 500px ! important;
  7060.     margin-left: 15px ! important;
  7061.     margin-top: 0px ! important;
  7062.     padding: 2px 0 100px 90px !important;
  7063.     text-align: left !important;
  7064.     font-size: 14px!important;
  7065.     background: black !important;
  7066.     overflow: hidden !important;
  7067.     overflow-y: auto !important;
  7068.     z-index: 900 ! important;
  7069. }
  7070.  
  7071. /* SUB LABEL INFOS */
  7072. #main-article>dl:hover>dt:first-of-type + dd +dt  {
  7073.     position: absolute !important;
  7074.     display: inline-block ! important;
  7075.     top: 15px !important;
  7076.     margin-left: 90px !important;
  7077. }
  7078. #main-article>dl>dt:first-of-type + dd +dt +dd+dt {
  7079.     position: absolute !important;
  7080.     display: inline-block ! important;
  7081.     top: 30px !important;
  7082.     margin-left: 90px !important;
  7083. }
  7084. #main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
  7085.     position: absolute !important;
  7086.     display: inline-block ! important;
  7087.     top: 45px !important;
  7088.     margin-left: 90px !important;
  7089. }
  7090.  
  7091. /*  "About" - ARROW GRAY */
  7092. #left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
  7093. #main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  7094.     position: relative ;
  7095.     display: inline-block ;
  7096.     content: "\25B6 " ;
  7097.     margin-left: 1px ;
  7098.     color: red ;
  7099. }
  7100.  
  7101. /* ABOUT - LINKS */
  7102. #main-article>dl>dd>a {
  7103.     position: relative !important;
  7104.     display: inline-block !important;
  7105.     min-height: 15px !important;
  7106.     max-height: 15px !important;
  7107.     line-height: 14px !important;
  7108.     font-size: 13px !important;
  7109. }
  7110. /* SEND MESSAGE */
  7111. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
  7112.     position: fixed !important;
  7113.     display: inline-block !important;
  7114.     height: 20px !important;
  7115.     line-height: 10px !important;
  7116.     width: 170px !important;
  7117.     top: 28px !important;
  7118.     left: 360px !important;
  7119.     padding: 1px 10px !important;
  7120.     text-align: center !important;
  7121.     color: red !important;
  7122.     background: yellow !important;
  7123.     z-index: 80000 !important;
  7124.     visibility: visible !important;
  7125. }
  7126. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  7127.     visibility: hidden !important;
  7128. }
  7129. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
  7130. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  7131.     position: absolute !important;
  7132.     display: inline-block ;
  7133.     height: 15px !important;
  7134.     width: 22px !important;
  7135.     content: "✉" ;
  7136.     color: peru !important;
  7137.     left: -25px!important;
  7138.     top: 0px !important;
  7139.     font-size: 21px !important;
  7140.     visibility: visible !important;
  7141. }
  7142. /* USERSTYLES -  PROFILE LINK - === */
  7143. body:not(#f) a#userProfile {
  7144.     position: absolute !important;
  7145.     visibility: visible !important;
  7146.     left: 256px !important;
  7147.     top: -64px !important;
  7148.     overflow: visible !important;
  7149.     text-overflow: ellipsis !important;
  7150.     white-space: nowrap !important;
  7151.     font-size: 0 !important;
  7152.     z-index: 500 !important;
  7153. }
  7154.  
  7155. body:not(#f) a#userProfile:before {
  7156.     display: inline-block ;
  7157.     position: fixed ;
  7158.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
  7159.     -moz-transform:scale(0.6,0.5) ;
  7160.     margin-left: -90px ;
  7161.     top: 1px ;
  7162. }
  7163.  
  7164. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
  7165.  
  7166. /* USERSTYLES - "Following results" - "the results for all ..." - === */
  7167. #page-description>a {
  7168.     border-radius: 5px !important;
  7169.     box-shadow: 0 0 4px #999999 !important;
  7170.     display: inline-block !important;
  7171.     left: 103px !important;
  7172.     padding: 5px !important;
  7173.     position: absolute !important;
  7174.     top: -21px !important;
  7175.     width: 994px !important;
  7176. }
  7177.  
  7178. /* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
  7179. #metaOption {
  7180.     position: fixed !important;
  7181.     display: inline-block !important;
  7182.     -moz-appearance: none !important;
  7183.     transform: scale(0.8) ! important;
  7184.     height: 19px !important;
  7185.     width: 19px ! important;
  7186.     left: 0px !important;
  7187.     top: 26px !important;
  7188.     padding: 12px ! important;
  7189.     color: transparent ! important;
  7190.     border: none ! important;
  7191.     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;
  7192.     background-color: #0064AA ! important;
  7193.     border-radius: 10px 10px 10px 10px !important;
  7194.     z-index: 200 !important;
  7195.     opacity: 0.7 !important;
  7196.     cursor: pointer ! important;
  7197. }
  7198. #metaOption:hover {
  7199.     background-color: gold !important;
  7200.     opacity: 1 !important;
  7201. }
  7202.  
  7203. /* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
  7204. #style-table #metaPrefs {
  7205.     position: absolute!important;
  7206.     left: 5px!important;
  7207.     margin-top: -5px!important;
  7208. }
  7209.  
  7210. /* ==== (new87) USERSTYLES - SEARCH BOX ==== */
  7211.  
  7212. /* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
  7213. /* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
  7214. #advanced-search-submit button {
  7215.    -moz-appearance: none ! important;
  7216.     position: fixed !important;
  7217.     display: inline-block !important;
  7218.     width: 62px !important;
  7219.     height: 20px !important;
  7220.     right: calc(100% - 1202px)  ! important;
  7221.     top: 1px ! important;
  7222.     padding: 0 0 2px 0px  ! important;
  7223.     border-radius: 4px ! important;
  7224.     border: 1px solid #777777 !important;
  7225.     font-size: 10px! important;
  7226.     color: #D7D7D7 !important;
  7227.     text-align: center ! important;
  7228.     text-decoration: none ! important;
  7229.     box-shadow: 0 0 1px #777777 inset !important;
  7230.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7231.     cursor: pointer ! important;
  7232. }
  7233. #advanced-search-submit button:hover {
  7234.     color: tomato !important;
  7235. }
  7236. /* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
  7237. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  7238.    -moz-appearance: none ! important;
  7239.     position: absolute !important;
  7240.     display: inline-block !important;
  7241.     width: 60px !important;
  7242.     height: 18px !important;
  7243.     line-height: 15px ! important;
  7244.     top: -16px ! important;
  7245.     left: 85% ! important;
  7246.     font-size: 10px! important;
  7247.     color: #D7D7D7 !important;
  7248.     z-index: 200 ! important;
  7249.     text-align: center ! important;
  7250.     text-decoration: none ! important;
  7251.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7252.     border: 1px solid #777777 !important;
  7253.     border-radius: 4px !important;
  7254.     box-shadow: 0 0 1px #777777 inset !important;
  7255.     cursor: pointer ! important;
  7256. }
  7257.  
  7258. /* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
  7259. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  7260.    -moz-appearance: none ! important;
  7261.     position: fixed !important;
  7262.     display: inline-block !important;
  7263.     width: 50px !important;
  7264.     height: 20px !important;
  7265.     right: calc(100% - 1138px)  ! important;
  7266.     top: 1px ! important;
  7267.     border-radius: 5px ! important;
  7268.     font-size: 10px! important;
  7269.     color: gold !important;
  7270.     z-index: 200! important;
  7271.     text-align: center ! important;
  7272.     text-decoration: none ! important;
  7273.     background: black ! important;
  7274.     border: 1px gray solid ! important;
  7275.     cursor: pointer ! important;
  7276. }
  7277. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  7278.     color: tomato !important;
  7279. }
  7280.  
  7281. /* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
  7282. #advanced-search {
  7283.     position: relative ! important;
  7284.     position: fixed ! important;
  7285.     height: 15px ! important;
  7286.     width: 450px ! important;
  7287.     top: 48px ! important;
  7288.     left: 867px !important;
  7289.     padding: 1px 2px 3px 2px  ! important;
  7290.     border: none ! important;
  7291.     border-radius: 0 0 3px 3px !important;
  7292.     z-index: 2000000 ! important;
  7293.     color: gold !important;
  7294.     background: #2C6C14 !important;
  7295. }
  7296.  
  7297. /* USERSTYLES - SEARCH - TOP Right (Background) - === */
  7298. #search{
  7299.     background-color:  transparent !important
  7300. }
  7301.  
  7302. /* USERSTYLES - SEARCH BOX - === */
  7303. #search {
  7304.     position: fixed !important;
  7305.     width: 187px ! important;
  7306.     height: 85px ! important;
  7307.     top: 400px ! important;
  7308. }
  7309.  
  7310. /* USERSTYLES - SEARCH BOX INPUT -  === */
  7311. #left-sidebar > nav ul li form {
  7312.     position: fixed ! important;
  7313.     width: 200px !important;
  7314.     margin-top: -8px! important;
  7315.     left: 970px ! important;
  7316.     top: 25px ! important;
  7317.     visibility: visible ! important;
  7318.     z-index: 2000! important;
  7319. }
  7320.  
  7321. /* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
  7322. #search-terms {
  7323.     position: absolute ! important;
  7324.     display: inline-block !important;
  7325.     min-width: 204px !important;
  7326.     max-width: 204px !important;
  7327.     height: 19px ! important;
  7328.     margin-right: -50px ! important;
  7329.     left: -65px ! important;
  7330.     top: -16px ! important;
  7331. }
  7332. /* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
  7333. #search-submit {
  7334.     position: relative ! important;
  7335.     left: -38px ! important;
  7336.     margin-top: -15px ! important;
  7337.     font-size:11px !important;
  7338. }
  7339. #script-search > input[type="submit"] ,
  7340. #search-submit  {
  7341.     position: relative !important;
  7342.     display: inline-block !important;
  7343.     top: 0px !important;
  7344.     -moz-appearance: none !important;
  7345.     border: 1px solid gray !important;
  7346.     border-radius: 0 3px 3px 0 !important;
  7347.     cursor: pointer!important;
  7348.     background: peru !important;
  7349. }
  7350. #script-search > input[type="submit"]:hover ,
  7351. #search-submit:hover  {
  7352.     background: tomato !important;
  7353. }
  7354.  
  7355. /* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
  7356. #per-page-select {
  7357.     width: 45px !important;
  7358.     margin-left: -50px ! important;
  7359. }
  7360. *[id$="-select"] ,
  7361. #advanced-search>[name="sort_direction"]  {
  7362.     font-size: 11px ! important;
  7363.     height: 17px ! important;
  7364. }
  7365.  
  7366. /* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
  7367. #fb-label {
  7368.     display:none ! important;
  7369. }
  7370.  
  7371. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
  7372. #filter-block  {
  7373.     position: fixed ! important;
  7374.     display: inline-block ! important;
  7375.     height: 24px !important;
  7376.     width: 355px !important;
  7377.     left: 620px !important;
  7378.     margin-left: 288px !important;
  7379.     top: 18px !important;
  7380.     padding: 0 !important;
  7381.     border-radius: 3px !important;
  7382.     font-size: 10px ! important;
  7383.     z-index: 2000 !important;
  7384.     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;
  7385. }
  7386. #left-sidebar #labelGroup {
  7387.     height: 20px !important;
  7388.     line-height: 20px !important;
  7389.     padding: 0 3px !important;
  7390.     text-align: center !important;
  7391.     border: none !important;
  7392. }
  7393. /* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7394. #wordDiv button ,
  7395. #filterGroup button {
  7396.     height: 18px ! important;
  7397.     line-height: 10px ! important;
  7398.     padding: 1px ! important;
  7399.     font-size: 10px !important;
  7400.  
  7401.  
  7402. }
  7403. /* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
  7404. #wordDiv button {
  7405.     -moz-appearance: none ! important;
  7406.     width: 40px ! important;
  7407.     height: 20px !important;
  7408.     margin-left: -430px ! important;
  7409.     margin-top: 4px ! important;
  7410.     padding: 0px 2px! important;
  7411.     text-align: center ! important;
  7412.     border-radius: 3px ! important;
  7413.     border: 1px solid #404040;
  7414.     box-shadow: 3px 3px 2px black ;
  7415.     color: gold ! important;
  7416.     background: #222 !important;
  7417.     cursor: pointer ! important;
  7418.     z-index: 200 ! important;
  7419. }
  7420.  
  7421. /* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7422. #filterGroup button {
  7423.     position: absolute ! important;
  7424.     display: inline-block ! important;
  7425.     top: 0px ! important;
  7426.     margin-left: 100px ! important;
  7427. }
  7428. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
  7429. #filterGroup button#showB {
  7430.     position: absolute ! important;
  7431.     display: inline-block ! important;
  7432.     top: 2px ! important;
  7433.     margin-left: 94px ! important;
  7434.     width: 80px ! important;
  7435. }
  7436. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7437. #filterGroup button {
  7438.     position: absolute ! important;
  7439.     display: inline-block ! important;
  7440.     top: 2px ! important;
  7441.     margin-left: 173px ! important;
  7442. }
  7443.  
  7444. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
  7445. #wordIn {
  7446.     -moz-appearance: none ! important;
  7447.     position: absolute ! important;
  7448.     display: inline-block ! important;
  7449.     width: 138px ! important;
  7450.     height: 15px ! important;
  7451.     left: -82px ! important;
  7452.     margin-top: 3px ! important;
  7453.     border: none ! important;
  7454.     border-radius: 3px ! important;
  7455.     padding: 2px 2px 3px 0px ! important;
  7456. }
  7457.  
  7458. /* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
  7459. #wordDiv {
  7460.     position: absolute !important;
  7461.     display: inline-block ! important;
  7462.     width: 223px !important;
  7463.     top: -6px !important;
  7464.     left: 80px ! important;
  7465.     text-align: center;
  7466. }
  7467. /*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
  7468. #filterGroup {
  7469.     position: absolute !important;
  7470.     display: inline-block ! important;
  7471.     height: 17px ! important;
  7472.     max-width: 90px !important;
  7473.     min-width: 90px ! important;
  7474.     left: 142px !important;
  7475.     top: 0px !important;
  7476.     padding: 1px 1px 1px 0px ! important;
  7477.     border-radius: 5px ! important;
  7478.     text-align: left !important;
  7479. }
  7480.  
  7481. /* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
  7482. #left-sidebar #labCnt {
  7483.     display: inline-block ! important;
  7484.     padding: 0px !important;
  7485.     font-size: 11px !important;
  7486.     margin: 0 2px 0 -15px !important;
  7487.     color: gray ! important;
  7488. }
  7489. #left-sidebar #labCnt:after {
  7490.     content: " :" ;
  7491.     color: gold;
  7492.     font-size: 11px ;
  7493. }
  7494. #left-sidebar #filterCount {
  7495.     display: inline-block ! important;
  7496.     padding: 0px !important;
  7497.     color: gold;
  7498.     font-size: 11px !important;
  7499. }
  7500.  
  7501. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
  7502. #perPageGroup {
  7503.     position: absolute !important;
  7504.     display: inline-block!important;
  7505.     width: 10px !important;
  7506.     left: 305px ! important;
  7507.     margin-top: -17px !important;
  7508.     top: 5px !important;
  7509.     padding: 0 0 0 0px !important;
  7510.     color: gold !important;
  7511.     font-size: 0px !important;
  7512.     text-align: left !important;
  7513.     background: black !important;
  7514. }
  7515. #perPageGroup:after {
  7516.     content: "by"!important;
  7517.     position: absolute !important;
  7518.     display: inline-block!important;
  7519.     width: 19px !important;
  7520.     height: 19px!important;
  7521.     line-height: 17px!important;
  7522.     left: 8px ! important;
  7523.     top: -10px !important;
  7524.     padding: 0px !important;
  7525.     color: gold !important;
  7526.     font-size: 10px !important;
  7527.     text-align: center !important;
  7528. background: red !important;
  7529. }
  7530. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
  7531. #filter-block #perPageGroup input#sel {
  7532.     -moz-appearance: none !important;
  7533.     position: absolute! important;
  7534.     display: inline-block!important;
  7535.     height: 17px !important;
  7536.     line-height: 25px !important;
  7537.     width: 20px !important;
  7538.     margin-left: 27px! important;
  7539.     margin-top: -13px! important;
  7540.     border: none ! important;
  7541.     border-radius: 0 3px 3px 0 ! important;
  7542.     font-size: 10px !important;
  7543.     text-align: center !important;
  7544.     background: #D6D6D6 ! important;
  7545. }
  7546.  
  7547.  
  7548. /* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
  7549. table#style-table tr[filtered="true"]:after {
  7550.     display: inline-block ;
  7551.     width: 15px ;
  7552.     content: "Filtered" ;
  7553.     padding-top: 2px ;
  7554.     padding-bottom: 5px ;
  7555.     padding-right: 4px ;
  7556.     padding-left: 1px ;
  7557.     transform: rotate(90deg) ;
  7558.     font-size: 10px ;
  7559.     text-align: center ;
  7560.     color: gold ;
  7561. }
  7562.  
  7563. /* ====  - USERSTYLES - STY INFOS - RELATED ==== */
  7564.  
  7565. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
  7566. #related {
  7567.     position: fixed !important;
  7568.     width: 185px !important;
  7569.     left: 20px !important;
  7570.     top: 550px !important;
  7571.     background-color: #222222 !important;
  7572.     box-shadow: 0 0 4px #999999 !important;
  7573. }
  7574. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
  7575. #left-sidebar footer#related ul li:not(.more) a:before {
  7576.     display: inline-block ;
  7577.     content: "\25B6" ;
  7578.     padding-right: 5px ;
  7579.     font-size: 8px ;
  7580.     color: red ;
  7581. }
  7582.  
  7583. /* ==== USERSTYLES - STY INFOS ==== */
  7584.  
  7585. /* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
  7586. #main-article>h2{
  7587.     display: none ! important;
  7588. }
  7589.  
  7590.  
  7591. /* STY INFOS - DELETED STYLE - MESS -
  7592. https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
  7593. === */
  7594. section#obsoletion-message {
  7595.     position: fixed !important;
  7596.     line-height: 15px !important;
  7597.     min-width: 400px !important;
  7598.     max-width: 400px !important;
  7599.     max-height: 425px !important;
  7600.     top: 35px !important;
  7601.     margin-left: -10px!important;
  7602.     padding: 10px ! important;
  7603.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  7604.     overflow: hidden !important;
  7605.     overflow-y: auto !important;
  7606.     z-index: 2000 !important;
  7607.     transition: all ease 0.7s !important;
  7608.     opacity: 1 !important;
  7609.     visibility: visible !important;
  7610. }
  7611. #main-article section#obsoletion-message h2 + p + p ,
  7612. #main-article section#obsoletion-message h2 + p  {
  7613.     display: inline-block !important;
  7614.     line-height: 15px !important;
  7615.     width: 390px !important;
  7616.     margin-left: -10px!important;
  7617.     padding: 10px ! important;
  7618.     font-size: 17px !important;
  7619.     text-align: center !important;
  7620.     color: white !important;
  7621. }
  7622.  
  7623. #main-article section#obsoletion-message h2 + p  q  {
  7624.     display: inline-block !important;
  7625.     width: 100% !important;
  7626.     line-height: 16px !important;
  7627.     margin-top: 10px !important;
  7628.     margin-bottom: 5px !important;
  7629.     padding: 5px !important;
  7630.     border-radius: 5px !important;
  7631.     text-align: left !important;
  7632.     font-size: 15px !important;
  7633.     color: gray !important;
  7634.     background: black !important;
  7635. }
  7636. /* #main-article section#obsoletion-message a  */
  7637. #obsoletion-message>p + p>a:last-of-type ,
  7638. #main-article section#obsoletion-message h2 + p>a:first-of-type {
  7639.     position: relative!important;
  7640.     display: inline-block!important;
  7641.     width: 100%!important;
  7642.     min-width: 375px!important;
  7643.     margin-top: 10px !important;
  7644.     margin-bottom: 5px !important;
  7645.     text-align: center!important;
  7646.     font-size: 18px !important;
  7647.     color: gold !important;
  7648. }
  7649. #obsoletion-message>p + p>a:nth-last-of-type(n+2) {
  7650.     position: relative!important;
  7651.     display: inline-block!important;
  7652.     width: 100%!important;
  7653.     min-width: 375px!important;
  7654.     margin-top: 10px !important;
  7655.     margin-bottom: 10px !important;
  7656.     text-align: center!important;
  7657.     font-size: 15px !important;
  7658.     color: gold !important;
  7659. }
  7660. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
  7661. #obsoletion-message:not(:hover) h2:not(:hover) ,
  7662. #obsoletion-message h2 {
  7663.     position: fixed !important;
  7664.     display: inline-block !important;
  7665.     left: 132px !important;
  7666.     top: 58px !important;
  7667.     border-radius: 10px !important;
  7668.     padding: 7px 6px !important;
  7669.     background: #B50000 !important;
  7670.     cursor: pointer !important;
  7671.     visibility: visible !important;
  7672.     opacity: 1 !important;
  7673. }
  7674. /* STY INFOS - DEL STY - BUBBLE - ARROW - === */
  7675. section#obsoletion-message:after {
  7676.     position: fixed !important;
  7677.     display: block;
  7678.     content: "";
  7679.     height: 0;
  7680.     width: 0;
  7681.     top: 82px !important;
  7682.     bottom: -15px;
  7683.     left: 200px ;
  7684.     border-color: #B50000 transparent transparent transparent ;
  7685.     border-style: solid;
  7686.     border-width: 25px 5px 0px ;
  7687.     transform: rotate(22deg) ;
  7688.     visibility: visible !important;
  7689. }
  7690. section#obsoletion-message:before {
  7691.     position: fixed !important;
  7692.     display: inline-block !important;
  7693.     content: " Deleted ....WHY ??? : Hover me !";
  7694.     height: 15px !important;
  7695.     width: 400px !important;
  7696.     top: 62px !important;
  7697.     left: 250px ;
  7698.     text-align: center !important;
  7699.     background: #B50000 !important;
  7700.     white-space: nowrap !important;
  7701.     cursor: pointer !important;
  7702.     visibility: visible !important;
  7703. }
  7704. section#obsoletion-message:hover:before {
  7705.     visibility: hidden !important;
  7706. }
  7707.  
  7708. #main-article section#obsoletion-message:not(:hover) {
  7709.     visibility: hidden !important;
  7710.     opacity: 1 !important;
  7711. }
  7712. #main-article section#obsoletion-message:hover {
  7713.     visibility: visible !important;
  7714. }
  7715.  
  7716.  
  7717. /* #main-article section#obsoletion-message>p>q:first-letter , */
  7718. #main-article section#obsoletion-message>p>q:first-line {
  7719.     display: inline-block !important;
  7720.     color: #00627A !important;
  7721.     font-size: 18px !important;
  7722. }
  7723.  
  7724.  
  7725. /* ==== BROWSE STY - ZEBRA ==== */
  7726.  
  7727. /* BROWSE STY - ZEBRA - FIRST - === */
  7728. #style-table tr:nth-child(even) td {
  7729.     background-color: #262626 !important;
  7730. }
  7731. /* BROWSE STY - ZEBRA - SECOND - ==== */
  7732. #style-table tr:nth-child(odd) td {
  7733.     background: #444444 !important;
  7734. }
  7735. #style-table > tr:hover:not(:first-child) {
  7736.     background-color: #444444;
  7737.     color: red ! important;
  7738. }
  7739.  
  7740. /* TEST - RATING always visible =  === */
  7741. #style-table tr:not(:hover) .ratingfg ,
  7742. #style-table tr:hover .ratingfg {
  7743.     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;
  7744. }
  7745.  
  7746. /* TEST - META DISCUSSION - HOVER TOOLTIP - === */
  7747. #style-table .metadiscussions:hover:before{
  7748.     position: relative !important;
  7749.     content: attr(title) !important;
  7750.     display: inline-block !important;
  7751.     height: 16px !important;
  7752.     line-height: 15px !important;
  7753.     top: -5px !important;
  7754.     margin-left: -240px !important;
  7755.     padding: 0 5px 0 5px !important;
  7756.     border-radius: 5px !important;
  7757.     color: gold !important;
  7758.     background: red !important;
  7759.     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;
  7760. }
  7761.  
  7762.  
  7763. /* OBSOLETE DELETED STYLE - === */
  7764. #table-container table#style-table tr.obsolete td:nth-child(7){
  7765.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
  7766.     opacity: 0.4 !important;
  7767. }
  7768. #table-container table#style-table tr.obsolete td:nth-child(7):hover{
  7769.     opacity: 1!important;
  7770. }
  7771.  
  7772. /* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
  7773. #main-article>p {
  7774.     margin-left: 95px !important;
  7775. }
  7776. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7777. #lastcheck {
  7778.     position :fixed !important;
  7779.     width: 650px !important;
  7780.     width: auto !important;
  7781.     margin-left: -322px !important;
  7782.     margin-top: 0px !important;
  7783.     border-radius: 5px !important;
  7784.     color: gray;
  7785.     z-index: 300 !important;
  7786. }
  7787. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7788. #summary + #lastcheck{
  7789.     position :fixed !important;
  7790.     width: 650px !important;
  7791.     width: auto !important;
  7792.     margin-left: 28px !important;
  7793.     margin-top: -26px !important;
  7794.     border-radius: 5px !important;
  7795.     font-size: 11px !important;
  7796.     color: tan !important;
  7797.     background: black !important;
  7798.     z-index: 300 !important;
  7799. }
  7800.  
  7801.  
  7802. /* ==== BROWSE STY - SUMMARY ==== */
  7803.  
  7804. /* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
  7805. (TABLE VIEW PLUS - content:"SummaRy)
  7806. (ENHANCER - content: "SuMmary")
  7807. ==== */
  7808.  
  7809. /* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
  7810. #summary {
  7811.     position: fixed !important;
  7812.     display: inline-block ! important;
  7813.     height: 15px !important;
  7814.     line-height: 15px !important;
  7815.     left: 252px !important;
  7816.     top: 83px ! important;
  7817.     padding: 2px !important;
  7818.     border-radius: 5px !important;
  7819.     background-color: transparent !important;
  7820.     z-index: 220 !important;
  7821. }
  7822.  
  7823.  
  7824. /* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
  7825. *[class="label total"]:before {
  7826.     content:"SummaRy : " ;
  7827.     position: fixed ;
  7828.     display: inline-block ;
  7829.     width: auto ;
  7830.     height: 10px ;
  7831.     line-height: 8px ;
  7832.     top: 83px ;
  7833.     left: 48px ;
  7834.     padding: 1px 5px 3px 6px ;
  7835.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7836.     border: 1px solid #777777 ;
  7837.     border-radius: 4px 4px 4px 4px ;
  7838.     box-shadow: 0 0 1px #777777 inset ;
  7839.     color: #E5E5E5;
  7840.     font-weight: bold ;
  7841.     z-index: 500 ;
  7842. }
  7843. /* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
  7844. #summary>tbody:after {
  7845.     position: fixed ;
  7846.     visibility: visible ;
  7847.     content: "SuMmary " ;
  7848.     height: 15px ;
  7849.     line-height: 15px ;
  7850.     top: 48px ;
  7851.     left: 270px ;
  7852.     padding: 1px 5px ;
  7853.     color: #E5E5E5 ;
  7854.     font-weight: bold ;
  7855.     border-radius: 5px ;
  7856.     box-shadow: 0 0 4px #999999 ;
  7857.     background-color: green ;
  7858. }
  7859. #summary>tbody {
  7860.     position: fixed !important;
  7861.     display: block !important;
  7862.     visibility: hidden!important;
  7863. }
  7864. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
  7865. #summary>tbody:hover {
  7866.     position: fixed !important;
  7867.     display: inline-block !important;
  7868.     left: 240px !important;
  7869.     top: 73px !important;
  7870.     visibility: visible!important;
  7871.     border-radius: 5px !important;
  7872.     box-shadow: 0 0 4px #999999 !important;
  7873.     background: red !important;
  7874. }
  7875.  
  7876. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
  7877. table#summary label.label:not(#good):not(#ok):not(#bad) {
  7878.     font-size: 11px ! important;
  7879.     color: gray ! important;
  7880. }
  7881. #good ,
  7882. #ok ,
  7883. #bad {
  7884.     font-size: 11px ! important;
  7885. }
  7886. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)-
  7887. MAKONDO (with pagination) : http://userstyles.org/users/60686
  7888. === */
  7889. #summary p {
  7890.     position: fixed !important;
  7891.     width: auto !important;
  7892.     top: 81px !important;
  7893.     left: 377px ! important;
  7894.     padding: 0 5px 2px 5px !important;
  7895.     font-size: 0px ! important;
  7896.     color: gray ! important;
  7897.     text-align: left !important;
  7898.     background: transparent ! important;
  7899. }
  7900. #summary:hover p {
  7901.     font-size: 10px ! important;
  7902.     color: gold ! important;
  7903.     text-align: left !important;
  7904.     background: red ! important;
  7905. }
  7906. #content-wrapper article#main-article table#summary label  + b ,
  7907. #content-wrapper article#main-article table#summary label   {
  7908.     position: relative ! important;
  7909.     display: inline ! important;
  7910.     top: -4px !important;
  7911.     left: -120px ! important;
  7912.     width: 650px !important;
  7913.     font-size: 10px ! important;
  7914.     color: gold ! important;
  7915.     text-align: left !important;
  7916.     background: transparent ! important;
  7917. }
  7918. /* (COR) BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
  7919. #summary #resetBtn {
  7920.     position: fixed !important;
  7921. /*    height: 15px !important;*/
  7922.     height: 38px !important;   
  7923.     line-height: 12px !important;
  7924.     width: 40px ! important;
  7925.     top: 79.5px !important;
  7926.     left: -2px ! important;
  7927.     padding: 0px 1px 4px 1px !important;
  7928.     border: 1px solid #777777 !important;
  7929.     border-radius: 4px !important;
  7930.     box-shadow: 0 0 1px #777777 inset !important;
  7931.     font-size: 11px !important;
  7932.     color: #D7D7D7 !important;
  7933.     cursor: pointer ! important;
  7934.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7935. }
  7936. #summary #resetBtn:hover {
  7937.     color: gold ! important;
  7938. }
  7939.  
  7940. /* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES -
  7941. https://userstyles.org/users/190305
  7942. === */
  7943. #main-article dl + #summary {
  7944.     position: fixed !important;
  7945.     display: inline-block ! important;
  7946.     left: 252px !important;
  7947.     top: 112px ! important;
  7948.     border-radius: 5px !important;
  7949.     background-color: transparent !important;
  7950.     z-index: 220 !important;
  7951. }
  7952. #main-article dl + #summary *[class="label total"]:before {
  7953.     content:"SummaRy : " ;
  7954.     position: fixed ;
  7955.     display: inline-block ;
  7956.     width: auto ;
  7957.     height: 10px ;
  7958.     line-height: 7px ;
  7959.     top: 112px ;
  7960.     left: 48px ;
  7961.     padding: 1px 5px 1px 6px ;
  7962.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7963.     border: 1px solid #777777 ;
  7964.     border-radius: 4px 4px 4px 4px ;
  7965.     box-shadow: 0 0 1px #777777 inset ;
  7966.     color: #E5E5E5;
  7967.     font-weight: bold ;
  7968.     z-index: 500 !important;
  7969. }
  7970. /* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
  7971. #optBtn-container {
  7972.     position: absolute !important;
  7973.     display: inline-block !important;
  7974.     visibility: visible !important;
  7975.     width: 100px !important;
  7976.     height: 20px !important;
  7977.     line-height: 14px! important;
  7978.     top: -21px !important;
  7979.     left: 172px !important;
  7980.     border-radius : 5px! important;
  7981.     text-align: center !important;
  7982.     z-index: 200 !important;
  7983.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  7984. }
  7985. #optBtn-container a {
  7986.     text-align: center !important;
  7987.     text-decoration: none ! important;
  7988.     color: gray ! important;
  7989. }
  7990. #tohr {
  7991.     display: none! important;
  7992. }
  7993.  
  7994. /* ==== BROWSE SEARCH RESULTS ==== */
  7995.  
  7996. /* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
  7997. /*(NOT LOGED / with GM) */
  7998. body> #main-header + #content-wrapper {
  7999.     position: absolute ! important;
  8000.     display: inline-block ! important;
  8001.     float: left !important;
  8002.     clear: both !important;
  8003.     height: 100% !important;
  8004.     min-height: 200px !important;
  8005.     width: 100% !important;
  8006.     max-width: 95% !important;
  8007.     top: 55px !important;
  8008.     left: 0px !important;
  8009.     margin-left: 20px ! important;
  8010. }
  8011.  
  8012. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
  8013. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
  8014.     position: absolute !important;
  8015.     display: inline-block ! important;
  8016.     width: 82%! important;
  8017.     left: -27% !important;
  8018.     top: -24px !important;
  8019. }
  8020.  
  8021. /* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS - === */
  8022. /* SEARCH*/
  8023. #table-container {
  8024.     position: absolute !important;
  8025.     display: inline-block ! important;
  8026.     width: 100% !important;
  8027.     max-width: 68.9% !important;
  8028.     min-width: 68.8% !important;
  8029.     left: 0px !important;
  8030.     margin-top: -1px !important;
  8031. }
  8032. /*MY SYTLES */
  8033. #summary + #table-container  {
  8034.     position: absolute !important;
  8035.     display: inline-block ! important;
  8036.     width: 100% !important;
  8037.     max-width: 68.9% !important;
  8038.     min-width: 68.8% !important;
  8039.     left: 0px !important;
  8040.     margin-top: 3px !important;
  8041. }
  8042. /* TABLE HEADER FIXED - === */
  8043. #style-table {
  8044.     width: 100% !important;
  8045.     min-width: 100% !important;
  8046.     max-width: 100% !important;
  8047.     margin-top: 42px !important;
  8048. }
  8049. /* (COR) */
  8050. #style-table>tr:first-of-type {
  8051.     display: inline-table  !important;
  8052.     position: fixed !important;
  8053.     height: 100%!important;
  8054.     max-height: 42px!important;
  8055.     min-height: 42px!important;
  8056. /*  max-height: 42px!important;*/
  8057.     width: 100% !important;
  8058.     max-width: 65.7% !important;
  8059.     min-width: 65.7% !important;
  8060.     margin-top: -46px !important;
  8061.     border-top: 4px solid tan !important;
  8062.     border-bottom: 4px solid tan !important;
  8063.     z-index: 200 !important;
  8064. }
  8065.  
  8066. /* TABLE VIEW PLUS - ??? ENHANCER - === */
  8067. #main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
  8068.     position: fixed !important;
  8069.     margin-top: -52px !important;
  8070.     border-top: 4px solid tan !important;
  8071.     border-bottom: 4px solid tan !important;
  8072.     z-index: 200 !important;
  8073. }
  8074.  
  8075. /* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
  8076. #style-table th {
  8077.     color: tan;
  8078.     height: 25px !important;
  8079.     line-height: 3px !important;
  8080.     padding: 0 4px;
  8081.     text-shadow: 1px 1px 2px #000000;
  8082. }
  8083.  
  8084. /* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
  8085. #summary+ p + #table-container #style-table th  {
  8086.     display: inline-table  !important;
  8087.     color: tan;
  8088.     line-height: 3px !important;
  8089.     padding: 0 4px;
  8090.     text-shadow: 1px 1px 2px #000000;
  8091. }
  8092.  
  8093. /* POSITION COLUMN - TABLE VIEW PLUS */
  8094. #table-container #style-table th:first-of-type  {
  8095.     width: 1% !important;
  8096.     padding-left: 10px !important;
  8097. }
  8098. #table-container #style-table th:nth-child(2)  {
  8099.     max-width: 57% !important;
  8100.     min-width: 57% !important;
  8101.     padding-left: 10px !important;
  8102. }
  8103. #table-container #style-table th:last-of-type  {
  8104.     width: 7% !important;
  8105.     padding-right: 0px !important;
  8106. }
  8107.  
  8108. /* A VOIR ??? - === */
  8109. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  8110.     display: inline-table  !important;
  8111.     position: fixed !important;
  8112.     width: 970px !important;
  8113. }
  8114.  
  8115. /* POSITION COLUMN - ENHANCER */
  8116. #summary+ p + #table-container #style-table th:first-of-type  {
  8117.     width: 4% !important;
  8118. }
  8119. #summary+ p + #table-container #style-table th  {
  8120.     width: 8.1% !important;
  8121.     height: 20px!important;
  8122.     line-height: 20px!important;
  8123. }
  8124. #summary+ p + #table-container #style-table th:nth-child(2)  {
  8125.     min-width: 61.5% !important;
  8126.     max-width: 61.5% !important;
  8127.     border-right: 1px solid red!important;
  8128. }
  8129.  
  8130. /* A VOIR ??? - === */
  8131. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  8132.     display: inline-table  !important;
  8133.     position: fixed !important;
  8134.     width: 970px !important;
  8135. }
  8136.  
  8137. /* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
  8138. #summary+ p + #table-container {
  8139.     margin-top: -13px !important;
  8140.     max-width: 100% !important;
  8141.     min-width: 100% !important;
  8142.     width: 100% !important;
  8143. }
  8144. #summary+ p + #table-container #style-table {
  8145.     width: 100% !important;
  8146.     min-width: 67%! important;
  8147.     max-width: 67% !important;
  8148. }
  8149.  #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
  8150.     position: fixed !important;
  8151.     display: inline-block ! important;
  8152.     display: inline-table !important;
  8153.     top: 120px !important;
  8154.     min-width: 63.6%! important;
  8155.     max-width: 63.6% !important;
  8156.     height: 20px! important;
  8157.     line-height: 20px!important;
  8158.     border-bottom: 4px solid tan !important;
  8159.     border-top: 4px solid tan !important;
  8160.     background: red!important;
  8161.     z-index: 200 !important;
  8162. }
  8163.  
  8164. /* (NOT LOGED / with GM) */
  8165. .author-styles>tbody>tr:nth-child(odd) {
  8166.     background: #222222 ! important;
  8167. }
  8168.  
  8169. /* (new118) USERSTYLES - PROFILE USER - === */
  8170. #container-responsive .view_inner {
  8171. /*     display: inline-block !important; */
  8172.     flex-direction: unset;
  8173.     justify-content: unset;
  8174.     margin-top: 10px;
  8175.     width: 100% !important;
  8176. }
  8177. .author-styles.tablesorter.tablesorter-default ,
  8178. table.author-styles {
  8179.     border-collapse: collapse;
  8180.     width: 70% !important;
  8181. }
  8182. /* (new118) USERSTYLES - USER PROFILE LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
  8183. .author-styles>tbody>tr>td[valign="top"]>a {
  8184.     color: #CF9C28  !important;
  8185. }
  8186. .author-styles>tbody>tr>td[valign="top"]>a:visited {
  8187.     color: #DDB46D  !important;
  8188. }
  8189. .author-styles>tbody>tr>td[valign="top"]>a:hover {
  8190.     color: tan !important;
  8191. }
  8192. .author-styles>thead>tr>th:nth-child(3) ,
  8193. .author-styles>thead>tr>th:nth-child(4) ,
  8194. .author-styles>thead>tr>th:nth-child(5){
  8195.     width: 43px !important;
  8196. }
  8197. .author-styles>thead>tr>th:nth-child(6){
  8198.     width: 100px !important;
  8199. }
  8200. /* (new118) USERSTYLES - EDIT/Delete/Statictic ICONS - === */
  8201. table.author-styles tbody tr td+td a:nth-child(1) {
  8202.     font-size: 0px ! important;
  8203. }
  8204. /*  NEDD CONVERT for Addstylish lib -  */
  8205. table.author-styles tbody tr td+td a[href$="/edit"]:before {
  8206.     content : "\270E " ! important;
  8207.     font-size: 18px ! important;
  8208. }
  8209. table.author-styles tbody tr td+td a:nth-child(2) {
  8210.     font-size: 0px ! important;
  8211. }
  8212. table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
  8213.     content : "✅" ;
  8214.     font-size: 18px ;
  8215.     color: green ;
  8216. }
  8217. .obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
  8218.     content : "➖" ;
  8219.     font-size: 18px ;
  8220.     color: red ;
  8221. }
  8222.  
  8223. /* Text Shadow === */
  8224. #style-table tr td * {
  8225.     text-shadow: none !important;
  8226. }
  8227.  
  8228. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
  8229. #popup_container.popup_right,
  8230. #popup_container.popup_left {
  8231.     position: fixed !important;
  8232.     display: inline-block !important;
  8233.     float: right !important;
  8234.     top: 25% !important;
  8235.     right: 0% !important;
  8236.     padding: 0 !important;
  8237.     background: transparent !important;
  8238.     border: none !important;
  8239.     box-shadow: none !important;
  8240.     z-index: -5000 !important;
  8241. }
  8242. #popup_container img {
  8243.     position: absolute !important;
  8244.     display:  inline-block !important;
  8245.     float: none !important;
  8246.     float: right !important;
  8247.     min-width: 30% !important;
  8248.     max-width: 30% !important;
  8249.     box-shadow: 4px 4px 8px #000000;
  8250.     right: 0% !important;
  8251.     z-index: 500000 !important;
  8252.     border: 1px solid peru !important;
  8253. }
  8254.  
  8255.  
  8256. /* (new75) MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP - */
  8257. @media screen and (max-width: 1400px){
  8258. #popup_container.popup_right,
  8259. #popup_container.popup_left {
  8260.     position: fixed !important;
  8261.     display: inline-block !important;
  8262.     height: 13000px !important;
  8263.     width: 1300px !important;
  8264.     float: right !important;
  8265.     top: 25% !important;
  8266.     right: 0% !important;
  8267.     padding: 0 !important;
  8268.     background: transparent !important;
  8269.     border: none !important;
  8270.     box-shadow: none !important;
  8271.     z-index: -5000 !important;
  8272. }
  8273. #popup_container img {
  8274.     position: absolute !important;
  8275.     display:  inline-block !important;
  8276.     float: none !important;
  8277.     float: right !important;
  8278.     box-shadow: 4px 4px 8px #000000;
  8279.     right: 1% !important;
  8280.     z-index: 500000 !important;
  8281. }
  8282. /* ==== END === MEDIA QUERIES === BROWSE SEARCH RESULTS - Screenshot POPUP - ==== */
  8283. }
  8284.  
  8285.  
  8286.  
  8287. /* BROWSE SEARCH RESULTS - Title === */
  8288. .style-brief-text>header>a:link {
  8289.     color: #CCCDCD !important;
  8290.     text-decoration: none !important;
  8291. }
  8292. /* BROWSE SEARCH RESULTS - Desc - === */
  8293. .style-brief-text > a:visited {
  8294.     color: #929292 !important;
  8295.     text-decoration: none !important;
  8296. }
  8297. .style-brief-text > a:active {
  8298.     color: #929292 !important;
  8299.     text-decoration: none !important;
  8300. }
  8301.  
  8302.  
  8303. /* (new84) PAGINATION ALL - PB NOT LOGED - === */
  8304.  .pagination {
  8305.     position: fixed !important;
  8306.     display: inline-block !important;
  8307.     max-width: 350px !important;
  8308.     min-width: 350px !important;
  8309.     height: 17px!important;
  8310.     line-height: 17px!important;
  8311.     top: 29px !important;
  8312.     left: 550px !important;
  8313.     padding: 1px !important;
  8314.     text-align: center !important;
  8315.     z-index: 200 !important;
  8316.     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);
  8317.     border-radius: 3px 3px 0 0 !important;
  8318. }
  8319. .pagination > a {
  8320.     display: inline-block !important;
  8321.     border: 1px solid #999999;
  8322.     border-radius: 3px !important;
  8323.     font-size: 10px;
  8324.     margin-left: -1px;
  8325.     margin-right: -1px;
  8326.     top: -5px !important;
  8327.     padding: 0 3px !important;
  8328. }
  8329. /* PAGINATION - ALL -  Link - === */
  8330. .pagination > a {
  8331.     margin-left: -1px;
  8332.     margin-right: -1px;
  8333.     padding: 0 3px !important;
  8334.     border: 1px solid #999999;
  8335.     border-radius: 3px  !important;
  8336.     font-size: 10px;
  8337. }
  8338. .pagination>a:hover {
  8339.     padding: 0 3px !important;
  8340.     font-size: 12px !important;
  8341.     text-decoration: none;
  8342.     color: #000000;
  8343.     border-radius: 3px;
  8344.     border: 1px solid #A7A7A7;
  8345.     background-color: white;
  8346. }
  8347. /* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
  8348. .current {
  8349.     margin-left: 1px;
  8350.     margin-right: 1px;
  8351.     padding: 0 3px !important;
  8352.     font-size: 12px !important;
  8353.     text-decoration: none;
  8354.     font-weight: bold;
  8355.     color: #000000;
  8356.     border-radius: 3px;
  8357.     border: 1px solid #336699;
  8358.     background-color: #F5F7FA;
  8359. }
  8360. /* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
  8361. .previous_page.disabled ,
  8362. .disabled.prev_page {
  8363.     display: none !important;
  8364. }
  8365.  
  8366. /* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
  8367. #table-container + .pagination {
  8368.     line-height: 13px!important;
  8369.     top: 32px !important;
  8370.     left: 450px !important;
  8371.     padding: 1px !important;
  8372. }
  8373.  
  8374. /* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE - === */
  8375. .next_page {
  8376.     display: inline-block!important;
  8377.     width: 80px !important;
  8378. }
  8379. .next_page.disabled {
  8380.     display: none !important;
  8381. }
  8382.  
  8383. /* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
  8384. USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
  8385. GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
  8386. ==== */
  8387.  
  8388.  
  8389. /* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) - === */
  8390. .ad + .pagination {
  8391.     position: fixed !important;
  8392.     display: inline-block !important;
  8393.     height: 20px!important;
  8394.     width: 100% !important;
  8395.     width: auto !important;
  8396.     max-width: 600px !important;
  8397.     min-width: 600px !important;
  8398.     left: 270px !important;
  8399.     top: 35px !important;
  8400.     padding: 1px 5px !important;
  8401.     z-index: 200 !important;
  8402. outline: 1px solid green !important;
  8403. }
  8404.  
  8405.  
  8406. /* (COR) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  -
  8407. Without CITRUS :
  8408. #browse-script-list + .pagination
  8409. WITH CITRUS :
  8410. #script-table + .pagination
  8411. BUT NOT for SET VIEW (CITRUS) :
  8412. #UserSets + .width-constraint .pagination
  8413. === */
  8414. .width-constraint .pagination {
  8415.     position: fixed !important;
  8416.     display: inline-block !important;
  8417.     vertical-align: bottom !important;
  8418. /*    min-width: 100% !important;*/
  8419. /*    max-width: 100% !important;*/
  8420.     max-width: 450px !important;
  8421.     min-width: 450px !important;
  8422.     height: 17px !important;
  8423.     line-height: 15px !important;
  8424.     top: 27px !important;
  8425.     left: 51.4% !important;
  8426.     padding: 1px !important;
  8427.     border-radius: 3px 3px 0 0 !important;
  8428.     box-shadow: none !important;
  8429.     text-align: center !important;
  8430.     border: 1px solid peru !important;
  8431. }
  8432.  
  8433.  
  8434. /* (new66) MEDIA QUERIE - PAGINATION - SCRIPT PAGE  -  === */
  8435. @media screen and (max-width: 1400px) {
  8436. .width-constraint .pagination {
  8437.    left: 44% !important;
  8438. }
  8439. /* ==== END === MEDIA QUERIE  === PAGINATION - SCRIPT PAGE  - ==== */
  8440. }
  8441.  
  8442.  
  8443. /* (COR) A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK -
  8444. https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
  8445. === */
  8446. #UserSets + .width-constraint .pagination {
  8447.     position: fixed !important;
  8448.     display: inline-block !important;
  8449. /*    min-width: 100% !important;*/
  8450. /*    max-width: 100% !important;*/
  8451.     max-width: 550px !important;
  8452.     min-width: 550px !important;
  8453.     height: 15px !important;
  8454.     line-height: 15px !important;
  8455.     top: 49px !important;
  8456.     left: 34% !important;
  8457.     padding: 1px !important;
  8458.    
  8459.     background: transparent !important;
  8460.     border-radius: 5px !important;
  8461.     box-shadow: none !important;
  8462. /*  text-align: left !important;*/
  8463.     text-align: center !important;
  8464. }
  8465.  
  8466. /* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
  8467. #script-table + .pagination  {
  8468.     position: fixed !important;
  8469.     display: inline-block !important;
  8470.     width: 100% !important;
  8471.     max-width: 459px !important;
  8472.     min-width: 459px !important;
  8473.     height: 15px!important;
  8474.     line-height: 15px!important;
  8475.     top: 28px !important;
  8476.     left: 51% !important;
  8477.     padding: 1px !important;
  8478.     border-radius: 3px 3px 0 0 !important;
  8479.     text-align: center !important;
  8480.     box-shadow: 0 0 4px #999999 !important;
  8481.     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);
  8482.     z-index: 200 !important;
  8483. }
  8484.  
  8485.  
  8486. /* (new74) START - MEDIA QUERIE - PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - === */
  8487. @media screen and (max-width: 1400px) {
  8488. #script-table + .pagination  {
  8489.     left: 43.5% !important;
  8490. }
  8491. /* ==== END === MEDIA QUERIE === PAGINATION - SCRIPT PAGE (with GM CITRUS) - === */
  8492. }
  8493.  
  8494.  
  8495. /* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
  8496. /* ALL */
  8497. .pagination .current,
  8498. .pagination .gap ,
  8499. .pagination a ,
  8500. body[pagetype="ListingPage"] .gap ,
  8501. body[pagetype="ListingPage"] .current ,
  8502. body[pagetype="ListingPage"] .pagination a {
  8503. display: inline-block !important;
  8504.     position: relative !important;
  8505.     height: 14px !important;
  8506.     line-height: 14px !important;
  8507.     margin-top: -5px !important;
  8508.     top: -1px !important;
  8509.     padding: 0 3px !important;
  8510.     border: none !important;
  8511.     border-radius: 3px !important;
  8512.     box-shadow: 3px 3px 2px black !important;
  8513.     background: #222 !important;
  8514. }
  8515.  
  8516. .pagination .current,
  8517. .pagination .gap ,
  8518. body[pagetype="ListingPage"] .pagination .gap ,
  8519. body[pagetype="ListingPage"]  .pagination .current {
  8520.     color: white !important;
  8521. }
  8522.  
  8523. .pagination .current,
  8524. body[pagetype="ListingPage"] .pagination .current {
  8525.     margin-top: 0px !important;
  8526.     top: -2px !important;
  8527. }
  8528.  
  8529. .pagination > a.next_page ,
  8530. .pagination > a.next_page:hover ,
  8531. .pagination > a.previous_page,
  8532. .pagination > a.previous_page:hover  {
  8533.     width: 20px !important;
  8534.     font-size: 0px !important;
  8535. }
  8536. .previous_page:before {
  8537.     content: "<" ;
  8538.     font-size: 10px !important;
  8539. }
  8540. .next_page:before {
  8541.     content: ">" ;
  8542.     font-size: 10px !important;
  8543. }
  8544.  
  8545. /* (new87) USERSTYLES */
  8546. #content-wrapper #main-article .pagination>.current {
  8547.     margin-top: 0px !important;
  8548.     top: 0px !important;
  8549.     color: white !important;
  8550. }
  8551. span.Ellipsis {
  8552.     height: 14px !important;
  8553.     line-height: 7px !important;
  8554.     border-radius: 3px !important;
  8555.     box-shadow: 3px 3px 2px black !important;
  8556.     color: peru !important;
  8557. }
  8558. .pagination .gap ,
  8559. body[pagetype="ListingPage"] .pagination .gap {
  8560.     line-height: 2px !important;
  8561.     top: -7px !important;
  8562.     border-radius: 3px !important;
  8563.     box-shadow: 3px 3px 2px black !important;
  8564. }
  8565. #content-wrapper #main-article .pagination> .gap {
  8566.     vertical-align: middle !important;
  8567.     line-height: 7px !important;
  8568.     top: 2px !important;
  8569. }
  8570.  
  8571. /* (new77) USERSTYLES - === */
  8572. .pagination a:hover ,
  8573. body[pagetype="ListingPage"] .pagination a:hover {
  8574.     padding: 0 3px !important;
  8575. }
  8576.  
  8577. /* ==== EDIT PAGE ==== */
  8578.  
  8579. /* (new118)USERSTYLES - INFOS - Textarea Input === */
  8580. .PageContent form[action="/styles/update"] {
  8581.     min-width: 940px !important;
  8582.     max-width: 940px !important;
  8583. margin-left: 20% !important;
  8584. }
  8585. table.form-controls,
  8586. .form-controls > tbody > tr > td ,
  8587.     textarea#style_long_description ,
  8588.     textarea#style_additional_info ,
  8589.     textarea#css {
  8590.     min-width: 940px !important;
  8591.     max-width: 940px !important;
  8592. margin-left: 5% !important;
  8593. }
  8594. /* (new118)USERSTYLES - INFOS - SHORT DESC - === */
  8595. .form-controls>tbody>tr>td [id="style_short_description"] {
  8596.     min-width: 200px!important;
  8597.     resize: both !important;
  8598.     overflow:auto !important;
  8599. }
  8600. /* (new118)USERSTYLES - NFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
  8601. .form-controls>tbody>tr>td>dl>dd>img{
  8602.     box-shadow: 0 0 4px #999999 !important;
  8603.     height: auto;
  8604.     margin-left: 200px !important;
  8605.     max-width: 900px !important;
  8606. }
  8607. .form-controls>tbody>tr>td>dl>dd{
  8608.     margin-left: -169px !important;
  8609. }
  8610. /* (new118)USERSTYLES - INFOS - ScreenShots (PreView) - Additional === */
  8611. .form-controls>tbody>tr>td>table>tbody>tr>td>img{
  8612.     box-shadow: 0 0 4px #999999 !important;
  8613.     height: auto;
  8614.     max-width: 900px !important;
  8615. }
  8616. /* (new118)USERSTYLES - INFOS - ScreenShots - Additional (Table) === */
  8617. .form-controls>tbody>tr>td>table{
  8618.     margin-left: -149px !important;
  8619. }
  8620.  
  8621. /* (new118)USERSTYLES - EDIT - EDIT - MAIN CONT - === */
  8622. #main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  8623.     position: absolute !important;
  8624.     display: inline-block !important;
  8625.     max-width: 800px !important;
  8626.     margin-top: 35px ! important;
  8627.     margin-left: 5% ! important;
  8628. }
  8629.  
  8630. /* (new118)USERSTYLES - EDIT - EDIT - WIDGET - === */
  8631. #main-article>form[action="/help/widget"] {
  8632.     position: relative !important;
  8633.     display: table !important;
  8634.     min-width: 910px !important;
  8635.     max-width: 910px !important;
  8636.     margin-top: 3px ! important;
  8637.     margin-left: -3px ! important;
  8638.     background: #222 !important;
  8639. }
  8640.  
  8641. #main-article>form[action="/help/widget"] .form-controls {
  8642.     min-width: 910px !important;
  8643.     max-width: 910px !important;
  8644. }
  8645. #main-article>form[action="/help/widget"] .form-controls tbody tr {
  8646.     display: inline-block !important;
  8647.     width: 100% !important;
  8648.     min-width: 910px !important;
  8649.     max-width: 910px !important;
  8650.     margin-bottom: 0px !important;
  8651.     text-align: center !important;
  8652. }
  8653. #main-article>form[action="/help/widget"] .form-controls tbody tr td ,
  8654. #main-article>form[action="/help/widget"] .form-controls tbody tr th {
  8655.     display: inline-block !important;
  8656.     min-width: 870px !important;
  8657.     max-width: 870px !important;
  8658.     padding: 0 !important;
  8659.     text-align: center !important;
  8660. }
  8661.  
  8662. /* (new118)USERSTYLES - EDIT - DELETE STYLE PAGE - === */
  8663. #main-article>form[action="/styles/delete_save"] {
  8664.     position: absolute !important;
  8665.     display: inline-block !important;
  8666.     max-width: 800px !important;
  8667.     min-height: 400px !important;
  8668.     margin-top: 100px !important;
  8669.     margin-left: -55% !important
  8670. }
  8671. #main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
  8672.     min-height: 400px !important;
  8673. }
  8674.  
  8675.  
  8676. /* (new118)USERSTYLES - EDIT - STY NAME INPUT - === */
  8677. article#main-article form .form-controls input#style_short_description {
  8678.     width: 600px !important;
  8679. }
  8680. /* (new118)USERSTYLES - EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
  8681. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  8682.     display: block !important;
  8683.     position: relative !important;
  8684.     width: auto !important;
  8685. }
  8686. .form-controls>table>tbody>tr>td:first-of-type>input {
  8687.     width: 462px !important;
  8688. }
  8689. .form-controls>table>tbody>tr>td:nth-child(2)>input {
  8690.     width: 465px !important;
  8691. }
  8692. /* (new118)USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) - === */
  8693. .form-controls>table>tbody>tr>td:nth-child(3)>input {
  8694.     position: absolute !important;
  8695.     top: -20px !important;
  8696. }
  8697. .form-controls>table>tbody>tr>td:nth-child(3):after {
  8698.     position: absolute ;
  8699.     display: inline-block ;
  8700.     content: "Remove / Change" ;
  8701.     width: 200px ;
  8702.     height: 15px ;
  8703. margin-top: -22px ;
  8704.     margin-left: 45px ;
  8705.     font-size: 15px ;
  8706.     color: red ;
  8707. }
  8708. /* (new118)USERSTYLES - EDIT - LABELS - === */
  8709. .form-controls>label {
  8710.     color: gold ! important;
  8711. }
  8712. /* (new118)USERSTYLES - EDIT - SCREENSHOTS - TITLES SECT - === */
  8713. .form-controls>table>thead>tr {
  8714.     display: none ! important;
  8715. }
  8716.  
  8717. /* (new118)USERSTYLES - EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
  8718. .form-controls>table>tbody>tr:nth-child(odd) {
  8719.     display: inline-block ! important;
  8720.     min-width: 900px ! important;
  8721.     background: #222222 ! important;
  8722.     padding: 10px 50px 20px 50px ! important;
  8723. }
  8724. .form-controls>table>tbody>tr:nth-child(even) {
  8725.     display: inline-block ! important;
  8726.     background: #0B0909 ! important;
  8727.     padding: 10px 50px 20px 50px ! important;
  8728.     min-width: 900px ! important;
  8729. }
  8730.  
  8731. /* (new118)USERSTYLES - EDIT - ADDIT SCREENSHOT - === */
  8732. .form-controls>table>tbody>tr>td:nth-child(4) {
  8733.     position: relative !important;
  8734.     display: inline-block !important;
  8735.     left: -2% !important;
  8736.     top: 20px ! important;
  8737.     margin-bottom: 60px ! important;
  8738.     text-align: left !important;
  8739. }
  8740. .form-controls>table>tbody>tr>td:nth-child(4) img {
  8741.     position: relative !important;
  8742.     display: inline-block !important;
  8743.     max-width: 850px !important;
  8744.     left: -2% !important;
  8745.     top: 20px ! important;
  8746.     margin-bottom: 60px ! important;
  8747.     text-align: left !important;
  8748. }
  8749.  
  8750. /* (new118)USERSTYLES - EDIT - ADD A NEW SCREENSHOT - === */
  8751. .form-controls>table>tbody>tr:last-of-type:before {
  8752.     content: "Add a NEW Screenshot : " ;
  8753.     display: inline-block ;
  8754.     font-size: 10px ;
  8755.     color: gold ;
  8756. }
  8757.  
  8758.  
  8759. /* [[1]==== END ==== */
  8760.  
  8761. /* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT - === */
  8762. .listing-left-info {
  8763.     position: absolute !important;
  8764.     display: inline-block !important;
  8765.     float: none !important;
  8766.     min-height: 100px;
  8767.     width: 100% !important;
  8768. }
  8769.  
  8770. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
  8771. .style-brief:nth-child(odd) {
  8772.     background: #222222 !important;
  8773. }
  8774.  
  8775. /* (new96) NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN -
  8776. CF user USerstles Pages:
  8777. https://userstyles.org/users/275816
  8778. ===
  8779. PB - SEARCH (BIG) :
  8780. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  8781. #social ~article.style-brief:nth-child( 4n + 2 )
  8782. === */
  8783. .style-brief {
  8784.     position: relative ! important;
  8785.     display: inline-block ! important;
  8786.     width: 32.72% !important;
  8787.     height: 163px ! important;
  8788.     right: 0% ! important;
  8789.     margin-top: 6px !important;
  8790.     margin-bottom: 0px !important;
  8791.     border-radius: 5px !important;
  8792.     box-shadow: 6px 5px 6px black !important;
  8793.     border: 1px solid gray ! important;
  8794.     overflow: hidden ! important;
  8795. }
  8796. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
  8797. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
  8798.     position: relative ! important;
  8799.     display: inline-block ! important;
  8800.     float: left !important;
  8801.     width: 49.6% !important;
  8802.     height: 224px ! important;
  8803.     right: 7.7% ! important;
  8804.     margin-top: 6px !important;
  8805.     margin-bottom: 0px !important;
  8806.     border-radius: 5px !important;
  8807.     box-shadow: 6px 5px 6px black !important;
  8808.     border: 1px solid gray ! important;
  8809.     overflow: hidden ! important;
  8810. }
  8811. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
  8812. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
  8813.     left: 180px;
  8814. }
  8815.  
  8816.  
  8817. /* NOT LOGGED - STYLES INFOS */
  8818. .style-brief-text {
  8819.     position: absolute !important;
  8820.     display: inline-block !important;
  8821.     float: none !important;
  8822.     height: 150px ! important;
  8823.     width: 100% !important;
  8824.     max-width: 67% !important;
  8825.     margin-left: 10% !important;
  8826.     left: 119px;
  8827.     top: 2px !important;
  8828. }
  8829.  
  8830. /* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
  8831. .style-brief-control-links:before {
  8832.     content: "⏪ " !important;
  8833.     position: absolute !important;
  8834.     width: 20px !important;
  8835.     height: 17px !important;
  8836.     line-height: 17px !important;
  8837.     left: -10px;
  8838.     color: gold !important;
  8839.     background: green !important;
  8840.     z-index: 500 ;
  8841. }
  8842. .style-brief-control-links:hover:before {
  8843.     content: "⏩ " !important;
  8844.     position: absolute !important;
  8845.     width: 20px ;
  8846.     left: -20px;
  8847.     color: white  !important;
  8848.     text-align: center ;
  8849.     z-index: 500 ;
  8850. }
  8851. .style-brief-control-links {
  8852.     position: absolute !important;
  8853.     padding-top: 0 !important;
  8854.     width: 10px !important;
  8855.     right: -12px;
  8856.     top: 22px;
  8857.     color: peru !important;
  8858.     white-space: nowrap !important;
  8859.     z-index: 500 ;
  8860. }
  8861. .style-brief-control-links:hover {
  8862. width: auto !important;
  8863.     right: 0px;
  8864.     color: peru !important;
  8865.     background: green !important;
  8866.     z-index: 500 ;
  8867. }
  8868. .style-brief-control-links a:hover {
  8869.     color: tomato !important;
  8870.     background: black !important;
  8871. }
  8872. .style-brief-text>p::first-line {
  8873.     color: red !important;
  8874. }
  8875. .style-brief-text>p {
  8876.     position: absolute !important;
  8877.     display: inline-block !important;
  8878.     width: 81.5% !important;
  8879.     height: 115px !important;
  8880.     left: 87px;
  8881.     top: 25px !important;
  8882.     margin: 0 auto !important;
  8883.     padding: 0 5px !important;
  8884.     overflow: hidden !important;
  8885.     overflow-y: auto !important;
  8886.     white-space: pre-line !important;
  8887. }
  8888.  
  8889. /* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
  8890. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
  8891. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
  8892.     width: 90.5% !important;
  8893.     height: 178px !important;
  8894.     left: 37px;
  8895.     top: 24px !important;
  8896.     padding: 0 5px !important;
  8897.     overflow: hidden !important;
  8898.     overflow-y: auto !important;
  8899. }
  8900.  
  8901. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) -
  8902. .style-brief-text > header > a:link
  8903. === */
  8904. .style-brief header {
  8905.     font-size: 0.89vw !important;
  8906.     position: absolute !important;
  8907.     display: inline-block ! important;
  8908.     width: 150% !important;
  8909.     height: 100% !important;
  8910.     min-height: 25px ! important;
  8911.     max-height: 25px ! important;
  8912.     line-height: 25px !important;
  8913.     top: -3px !important;
  8914.     left: -49.5% !important;
  8915.     padding-bottom: 0px ! important;
  8916.     overflow: hidden !important;
  8917.     white-space: nowrap !important;
  8918.     text-overflow: ellipsis !important;
  8919.     text-align: center !important;
  8920. }
  8921. .style-brief-text > header > a:link  {
  8922.     position: relative !important;
  8923.     display: inline-block ! important;
  8924.     width: 100% !important;
  8925.     left: 0px!important;
  8926.     overflow: hidden !important;
  8927.     white-space: nowrap !important;
  8928.     text-overflow: ellipsis !important;
  8929.     background: black !important;
  8930. }
  8931. /* NOT LOGGED - STYLES NAME - BIG - === */
  8932. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
  8933. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
  8934.     font-size: 1.1vw !important;
  8935. }
  8936.  
  8937. /* NOT LOGGED - STATS */
  8938. .style-brief-stats {
  8939.     position: absolute !important;
  8940.     display: inline-block !important;
  8941.     float: right!important;
  8942.     height: 16px !important;
  8943.     line-height: 16px !important;
  8944.     width: 100% !important;
  8945.     right: 0px !important;
  8946.     left: 0%! important;
  8947.     bottom: -12px !important;
  8948.     padding: 2px 0 2px 12px !important;
  8949.     text-align: left !important;
  8950.     background: black ! important;
  8951. }
  8952. .style-brief-stats span {
  8953.     display: inline !important;
  8954.     min-width: 16em;
  8955.     width: auto !important;
  8956.     border: 1px solid gray !important;
  8957.     margin-right: 10px !important;
  8958.     margin-left: 10px !important;
  8959.     padding: 1px !important;
  8960.     color: tan !important;
  8961. }
  8962.  
  8963. /* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
  8964. .style-brief-text .style-brief-stats span:last-child {
  8965.     position: absolute !important;
  8966.     left: -5px !important;
  8967.     min-width: 10px !important;
  8968.     max-width: 10px !important;
  8969.     min-height: 16px !important;
  8970.     max-height: 16px !important;
  8971.     line-height: 16px !important;
  8972.     padding: 0 3px 0 15px !important;
  8973.     border: none !important;
  8974.     cursor: pointer !important;
  8975.     font-size: 0 !important;
  8976. }
  8977.  
  8978. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  8979.     content: ". " ;
  8980.     position: absolute ;
  8981.     display: inline-block ;
  8982.     left: 0 ;
  8983.     min-width: 19px ;
  8984.     max-width: 19px ;
  8985.     min-height: 14px ;
  8986.     max-height: 15px ;
  8987.     line-height: 15px ;
  8988.     margin-top: -1px ;
  8989.     font-size: 15px ;
  8990.     color: transparent ;
  8991.     background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  8992.     background-position:-101px -457px ;
  8993. }
  8994. .style-brief-text .style-brief-stats span:hover:last-child {
  8995.     position: absolute !important;
  8996.     min-width: 100% !important;
  8997.     height: 15px !important;
  8998.     line-height: 15px !important;
  8999.     font-size: 11px !important;
  9000.     color: gold !important;
  9001.     background: black !important;
  9002. }
  9003. /* (new86) ICON RATING - GOOD / BAD - === */
  9004. .style-brief-stats .bad-average-rating {
  9005.     position: absolute !important;
  9006.     left: -2px !important;
  9007.     top: 2px !important;
  9008. }
  9009. .style-brief.good-rating .style-brief-stats img {
  9010.     position: absolute !important;
  9011.     left: -2px !important;
  9012. }
  9013. /* NOT LOGGED - RATING AVERAGE - BIG - === */
  9014. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
  9015. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
  9016.     position: absolute !important;
  9017.     display: inline-block !important;
  9018.     float: left !important;
  9019.     width: auto !important;
  9020.     left: 4px !important;
  9021.     bottom: -72px !important;
  9022.     right: 0 !important;
  9023.     padding: 2px 0 0 4% !important;
  9024.     font-size: smaller !important;
  9025.     text-align: left !important;
  9026.     background: black !important;
  9027. }
  9028.  
  9029. /* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
  9030. .style-brief .listing-left-info figure.screenshot-thumbnail {
  9031.     position: relative !important;
  9032.     display: inline-block ! important;
  9033.     vertical-align: top ! important;
  9034.     margin-top: 28px  ! important;
  9035.     margin-bottom: 0 ! important;
  9036.     width: 42% !important;
  9037.     height: 265px;
  9038.     max-height: 130px !important;
  9039.     min-height: 130px !important;
  9040.     overflow-y: hidden ! important;
  9041.     text-align: center ! important;
  9042. }
  9043. /* to prevent small screenshots became too bigger */
  9044.  .style-brief .listing-left-info figure.screenshot-thumbnail img {
  9045.     position: relative !important;
  9046.     display: inline-block !important;
  9047.     max-width: 77% !important;
  9048.     max-height: 128px !important;
  9049.     border: 1px dotted gray !important;
  9050. }
  9051.  
  9052. /* NOT LOGGED - SCREENSHOT - BIG - === */
  9053. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
  9054. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
  9055.     position: relative !important;
  9056.     display: inline-block !important;
  9057.     vertical-align: middle !important;
  9058.     max-height: 195px !important;
  9059.     min-height: 195px !important;
  9060.     width: 36.5% !important;
  9061.     margin-top: 25px !important;
  9062.     margin-left: 0.3% !important;
  9063.     text-align: center !important;
  9064.     overflow-y: hidden !important;
  9065. }
  9066.  
  9067. /* NOT LOGGED - NO SCREENSHOT - === */
  9068. .style-brief .listing-no-screenshot {
  9069.     width: 30% !important;
  9070.     margin: 27px 0 0 3px !important;
  9071. }
  9072. .listing-no-screenshot {
  9073.     width: 70% !important;
  9074.     height: 110px !important;
  9075.     background-color: black !important;
  9076. }
  9077.  
  9078. /* GM "AUTOPAGERIZE" - GENERAL - OK - === */
  9079. .autopagerize_page_info {
  9080.     text-align: center !important;
  9081.     font-size: 8px !important;
  9082.     color: white !important;
  9083.     background: #222 !important;
  9084. }
  9085. .autopagerize_page_info a {
  9086.     display: inline-block !important;
  9087.     min-width: 20px !important;
  9088.     height: 20px !important;
  9089.     line-height: 20px !important;
  9090.     margin-top: 3px !important;
  9091.     border-radius: 100% !important;
  9092.     text-align: center !important;
  9093.     font-size: 14px !important;
  9094.     color: white !important;
  9095.     background: red !important;
  9096. }
  9097.  
  9098. /* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
  9099. /* GM "AUTOPAGERIZE - DISABLE  */
  9100. .autopagerize_page_info ~ article.style-brief  {
  9101.     position: relative ! important;
  9102.     display: inline-block ! important;
  9103.     width: 32.72% !important;
  9104.     height: 163px ! important;
  9105.     right: 7.5% ! important;
  9106.     margin-top: 6px !important;
  9107.     margin-bottom: 0px !important;
  9108.     border-radius: 5px !important;
  9109.     box-shadow: 6px 5px 6px black !important;
  9110.     border: 1px solid gray ! important;
  9111.     overflow: hidden ! important;
  9112. }
  9113.  
  9114. /* TEST - GM "AUTOPAGERIZE" ADAPTATION  - === */
  9115. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  9116.     display: inline-block !important;
  9117.     clear: both;
  9118.     width: 100% !important;
  9119.     top: 5px !important;
  9120.     margin-left: -75px !important;
  9121.     margin-bottom: -15px !important;
  9122. }
  9123. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  9124.     width: 100% !important;
  9125.     margin-left: -145px !important;
  9126.     top: 5px !important;
  9127.     color: white !important;
  9128.     font-size: 8px !important;
  9129.     text-align: center !important;
  9130.     background: #222  !important;
  9131. }
  9132. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
  9133.     display: inline-block !important;
  9134.     height: 265px;
  9135.     margin-bottom: 0 !important;
  9136.     margin-top: 28px !important;
  9137.     max-height: 160px !important;
  9138.     min-height: 160px !important;
  9139.     overflow-y: hidden !important;
  9140.     position: relative !important;
  9141.     text-align: left !important;
  9142.     vertical-align: top !important;
  9143.     width: 42% !important;
  9144. }
  9145. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
  9146.     display: inline-block !important;
  9147.     float: right !important;
  9148.     height: 150px !important;
  9149.     margin-left: 10% !important;
  9150.     max-width: 67% !important;
  9151.     position: relative !important;
  9152.     top: 2px !important;
  9153.     width: 100% !important;
  9154. }
  9155. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
  9156.     background: black none repeat scroll 0 0 !important;
  9157.     display: inline-block !important;
  9158.     left: 0 !important;
  9159.     overflow: hidden !important;
  9160.     position: relative !important;
  9161.     text-overflow: ellipsis !important;
  9162.     white-space: nowrap !important;
  9163.     width: 100% !important;
  9164. }
  9165. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
  9166. margin-bottom: 61px !important;
  9167.     background: black !important;
  9168.     bottom: -12px !important;
  9169.     display: inline-block !important;
  9170.     float: right !important;
  9171.     height: 16px !important;
  9172.     left: 0 !important;
  9173.     line-height: 16px !important;
  9174.     padding: 2px 0 2px 12px !important;
  9175.     position: absolute !important;
  9176.     right: 0 !important;
  9177.     text-align: left !important;
  9178.     width: 100% !important;
  9179. }
  9180. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
  9181. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  9182.     position: absolute !important;
  9183.     display: inline-block !important;
  9184.     float: left !important;
  9185.     width: auto !important;
  9186.     left: 0px !important;
  9187.     bottom: -132px !important;
  9188.     padding: 2px 0 0 4% !important;
  9189.     font-size: smaller !important;
  9190.     text-align: left !important;
  9191.     background: black !important;
  9192. }
  9193. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  9194.     position: relative !important;
  9195.     display: inline-block !important;
  9196.     width: 97% !important;
  9197.     min-height: 185px !important;
  9198.     max-height: 185px !important;
  9199.     top: 12px !important;
  9200.     overflow-x: hidden !important;
  9201.     overflow-y: auto !important;
  9202.     padding: 0 5px !important;
  9203. }
  9204.  
  9205.  
  9206. /* [[2]==== END ==== */
  9207.  
  9208.  
  9209. /* [[1]] +[[2]==== END ==== */
  9210.  
  9211.  
  9212. /* ======== NEW FORUM ==== */
  9213.  
  9214. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON - === */
  9215. .UserBox .WhoIs,
  9216. .MeBox .WhoIs {
  9217.     position: relative !important;
  9218.     display: inline-block !important;
  9219.     width: 200px !important;
  9220.     height: 100px!important;
  9221.     padding: 0 5px 2px 0 !important;
  9222.     border-radius: 5px !important;
  9223.     border: 1px solid gray !important;
  9224.     text-align: center !important;
  9225. }
  9226. /* (new74) With USER ICON */
  9227. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  9228. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  9229.     position: relative !important;
  9230.     display: inline-block !important;
  9231.     width: 196px !important;
  9232.     height: 100px!important;
  9233.     left: 0px !important;
  9234.     margin-top: -50px !important;
  9235.     padding: 0 0px 2px 0 !important;
  9236.     border-radius: 5px !important;
  9237.     border: 1px solid gray !important;
  9238.     box-shadow: 3px 3px 2px black !important;
  9239.     text-align: center !important;
  9240. }
  9241. .UserBox a.Username:before,
  9242. .MeBox a.Username:before {
  9243.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  9244.     position: relative ;
  9245.     display: inline-block ;
  9246.     width: 157px !important;
  9247.     margin-left: 0 !important;
  9248.     padding: 0 2px 2px 2px ;
  9249.     transform: scale(1.2, 1) ;
  9250.     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) ;
  9251.     border-radius: 5px 5px 0 0 ;
  9252.     text-align: center ;
  9253. }
  9254. /* (new72) */
  9255. .UserBox {
  9256.     margin-top: 28px !important;
  9257. }
  9258.  
  9259. .MeMenu {
  9260.     width: 195px !important;
  9261.     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;
  9262.     line-height: 24px;
  9263.     margin-top: 5px ! important;
  9264.     margin-bottom: -2px ! important;
  9265.     border-radius: 0 0 5px 5px !important;
  9266. }
  9267. .FlyoutMenu {
  9268.     width: 300px;
  9269.     border: 1px solid #999;
  9270.     color: gray !important;
  9271.     box-shadow: 3px 3px 2px black !important;
  9272.     background: #222 !important;
  9273. }
  9274. .PopList.Activities li.Item:nth-child(odd){
  9275.     background: #333 !important;
  9276. }
  9277.  
  9278. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
  9279. .FlyoutMenu  .ItemContent.Activity>a + a {
  9280.     display: inline-block;
  9281.     width: 100% !important;
  9282.     text-align: left !important;
  9283. }
  9284. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
  9285.     text-indent: 25px !important;
  9286. }
  9287.  
  9288. /* ALL HEADER - BACKGOUND COLOR - === */
  9289. #Head {
  9290.     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;
  9291. }
  9292.  
  9293. /* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
  9294. #Form_Body  {
  9295.     display: inline-block ! important;
  9296.     height: 133px;
  9297.     max-width: 660px !important;
  9298.     min-width: 660px !important;
  9299.     overflow: hidden;
  9300. }
  9301. /* (new79) */
  9302. body > #Frame > .Head {
  9303.     position: fixed !important;
  9304.     width: 100% !important;
  9305.     max-height: 41px ! important;
  9306.     min-height: 41px !important;
  9307.     top: 0px !important;
  9308.     padding-top: 7px ! important;
  9309.     border-bottom: 1px solid #828182 !important;
  9310.     box-shadow: 0 0 9px 0 #000000 !important;
  9311.     z-index: 50 !important;
  9312. }
  9313.  
  9314.  
  9315. /* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
  9316. .SiteTitle {
  9317.     position: relative!important;
  9318.     display: inline-block !important;
  9319.     top: -5px !important;
  9320.     font-size: 24px ! important;
  9321. }
  9322. /* FORUM USERSTYLE TITLE */
  9323. #Head .SiteTitle a {
  9324.     position: relative !important;
  9325.     display: inline-block!important;
  9326.     min-width: 250px !important;
  9327.     max-width: 250px !important;
  9328.     margin-left: -105px ! important;
  9329.     text-align: right ! important;
  9330.     font-size: 19px !important;
  9331. }
  9332. .SiteTitle>a img  {
  9333.     position: absolute ! important;
  9334.     max-height: 40px !important;
  9335.     width: 40px !important;
  9336.     margin-left: -60px ! important;
  9337.     margin-top: -5px !important;
  9338. }
  9339.  
  9340. /* TEST - SITE MENU - FOR GM TS CITRUS - === */
  9341. #Head a {
  9342.     font-weight: bold ! important;
  9343. }
  9344. .SiteMenu a {
  9345.     font-size: 14px ! important;
  9346.     padding: 6px;
  9347. }
  9348.  
  9349. /* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
  9350. #Head .SiteSearch {
  9351.     float: right !important;
  9352.     margin-top: -5px !important;
  9353.     margin-right: 6.5% !important;
  9354. }
  9355. .MeBox + .SiteSearch {
  9356.     margin-top: 25px !important;
  9357. }
  9358. .SiteSearch>form {
  9359.     height: 21px !important;
  9360. }
  9361. .SiteSearch>form  div {
  9362.     height: 21px !important;
  9363. }
  9364.  
  9365. .SiteSearch>form  div .InputBox {
  9366.     height: 21px !important;
  9367.     font-size: 11px;
  9368.     padding: 2px 25px 2px 5px!important;
  9369. }
  9370. .SiteSearch>form  div input.Button {
  9371.     height: 15px !important;
  9372. }
  9373.  
  9374. /* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
  9375. #Body {
  9376.     max-width: 980px !important;
  9377.     padding: 14px 0 0 10px !important;
  9378.     margin: 14px auto auto;
  9379.     border: 1px solid #bbbbbb !important;
  9380.     border-radius: 0 !important;
  9381.     box-shadow: none !important;
  9382.     background-color: transparent !important;
  9383. }
  9384. #Head + #Body {
  9385.     margin-top: 61px !important;
  9386. }
  9387.  
  9388. /* new79) - USERSTYLES */
  9389. #Body .Row {
  9390.     display: inline-block !important;
  9391.     width: 960px !important;
  9392.     margin-top: 24px !important;
  9393. }
  9394.  
  9395. /* (new109) GREASYFORK OK - VOIR FORUM USERSTYLES */
  9396. .DiscussionAboutShowDiscussion  {
  9397.     position: fixed !important;
  9398.     display: inline-block !important;
  9399.     height: 34px !important;
  9400.     line-height: 15px !important;
  9401.     max-width: 206px !important;
  9402.     min-width: 206px !important;
  9403.     top: 53px !important;
  9404.     left: 24.5% !important;
  9405.     padding: 2px 5px !important;
  9406.     border-radius: 0 0 0 5px !important;
  9407.     color: gold ! important;
  9408.     text-align: left !important;
  9409.     white-space: nowrap ! important;
  9410.     overflow: hidden !important;
  9411.     text-overflow: ellipsis !important;
  9412.     z-index: 500 !important;
  9413.     background-color: #222 !important;
  9414. }
  9415. .DiscussionAboutShowDiscussion + img {
  9416.     position: fixed!important;
  9417.     display: inline-block !important;
  9418.     margin-left: -25px !important;
  9419.     top: 56px !important;
  9420.     z-index: 500 !important;
  9421. }
  9422. .DiscussionAboutShowDiscussion + img.rating-image {
  9423.     position: fixed!important;
  9424.     display: inline-block !important;
  9425.     margin-left: -45px !important;
  9426.     top: 75px !important;
  9427.     z-index: 500 !important;
  9428. }
  9429. /* (new118) GREASYFORK / USERTYLES FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
  9430. #Panel.Column.PanelColumn {
  9431.     position: fixed !important;
  9432.     display: inline-block !important;
  9433.     float: left !important;
  9434.     width: 200px;
  9435.     margin-top: 90px !important;
  9436.     top: 0px !important;
  9437.     z-index: 100 !important;
  9438. border-top: 1px solid red !important;
  9439. }
  9440. #Panel.Column.PanelColumn .MeBox {
  9441.     position: relative !important;
  9442.     display: inline-block !important;
  9443.     width: 198px ! important;
  9444.     margin-top: -30px !important;
  9445.     bottom: -32px !important;
  9446.     padding: 0 !important;
  9447.     box-shadow: none !important;
  9448.     background-color: #222 !important;
  9449. }
  9450.  
  9451. .Profile .MeBox {
  9452.     display: none !important;
  9453. }
  9454. .Profile .Box.GuestBox {
  9455.     position: relative ;
  9456. /*     margin-top: -13px; */
  9457.     top: -407px !important;
  9458. padding: 0 3px !important;
  9459. background: black !important;
  9460. }
  9461.  
  9462. .BoxFilter.BoxDiscussionFilter ,
  9463. .SiteSearch {
  9464.     box-shadow: 3px 3px 2px black !important;
  9465. }
  9466. #vanilla_post_discussion .SiteSearch ,
  9467. #vanilla_post_editdiscussion .SiteSearch {
  9468.     top: 27px;
  9469. }
  9470.  
  9471. .UserBox .Username,
  9472. .MeBox .Username {
  9473.     color: peru !important;
  9474.     font-size: 23px ! important;
  9475.     font-weight: bold;
  9476.     vertical-align: top;
  9477.     text-shadow: 2px 2px 3px #000;
  9478. }
  9479. /* (new72) == #Panel.Column.PanelColumn .MeBox +   */
  9480. .Button.BigButton.NewConversation.Primary {
  9481.     margin-top: 28px !important;
  9482. }
  9483.  
  9484.  
  9485. /* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER -
  9486. WIth AVATAR :
  9487. https://greasyfork.org/fr/forum/profile/323/wOxxOm
  9488. NO AVATAR:
  9489. https://greasyfork.org/fr/forum/profile/2694/zeus007
  9490. === */
  9491. #Panel .FilterMenu,
  9492. #Panel .PanelCategories {
  9493.     background-color: #222 !important;
  9494.     border: 1px solid #bbbbbb !important;
  9495.     border-radius: 5px !important;
  9496.     box-shadow: 3px 3px 2px black !important;
  9497. }
  9498.  
  9499. .Box.BoxCategories ,
  9500. #Panel .BoxFilter {
  9501.     margin: 10px 0;
  9502. }
  9503. .Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
  9504.     margin-top: 65px !important;
  9505. }
  9506.  
  9507.  
  9508. /* (new104) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)-
  9509. USERSTYLES FORUM ??:
  9510. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  9511. === */
  9512. /* (new104) GREASYFORK */
  9513. #Item_0 {
  9514.     position: fixed !important;
  9515.     display: inline-block !important;
  9516.     width: 100% !important;
  9517.     min-width: 28px !important;
  9518.     max-width: 28px !important;
  9519.     height: 37px !important;
  9520.     vertical-align: top !important;
  9521.     top: 53px ;
  9522.     left: 35.8% !important;
  9523.     color: gold !important;
  9524.     color: white !important;
  9525.     text-align: center !important;
  9526.     background-color: black !important;
  9527.     z-index: 0 !important;
  9528. }
  9529. .ToggleFlyout.OptionsMenu {
  9530.     display: inline-block !important;
  9531.     height: 14px;
  9532.     width: 28px !important;
  9533.     left: -15px !important;
  9534.     margin-right: -23px !important;
  9535.     top: -9px;
  9536. z-index: 500 !important;
  9537. }
  9538. #Item_0 .ToggleFlyout.OptionsMenu {
  9539.     display: inline-block !important;
  9540.     height: 14px;
  9541.     width: 28px !important;
  9542.     left: -45px !important;
  9543.     margin-right: -23px !important;
  9544.     top: -9px;
  9545. }
  9546. .Flyout::before ,
  9547. .Flyout::after {
  9548.     display: none !important;
  9549. /* display: inline-block!important; */
  9550. }
  9551.  
  9552. /* (new107) - GREASYFORUM - NEW FORUM - EDIT COMMENT -  MARKDOWN NAV BAR -  
  9553. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown .editor-insert-dialog .file-title
  9554. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title
  9555. === */
  9556. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout ,
  9557. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog  {
  9558.     visibility: hidden !important;
  9559. }
  9560.  
  9561. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image {
  9562. display: none !important;
  9563.     visibility: hidden !important;
  9564. /*     background: tomato !important; */
  9565. }
  9566. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image{
  9567.     display: inline-block !important;
  9568.     width: 320px !important;
  9569.     min-height: 100px !important;
  9570.     max-height: 100px !important;
  9571.     visibility: visible !important;
  9572.     background: #333 !important;
  9573. }
  9574.  
  9575. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title {
  9576.     display: inline-block !important;
  9577. height: 70px !important;
  9578.     width: 316px !important;
  9579.     font-weight: 700;
  9580.     padding: 2px !important;
  9581.     visibility:visible !important;
  9582.     background: black !important;
  9583. }
  9584.  
  9585. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input ,
  9586. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image  .file-input{
  9587.     position: absolute !important;
  9588.     display: inline-block !important;
  9589. height: 100px !important;
  9590.     width: 296px !important;
  9591.     top: 0 !important;
  9592.     padding: 2px !important;
  9593.     visibility:visible !important;
  9594. /* background: yellow !important; */
  9595. }
  9596. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input  .InputBox.editor-input-image ,
  9597. .editor-file-image .file-input input[type="file"] {
  9598.     position: absolute !important;
  9599.     display: inline-block !important;
  9600.     top: 30px !important;
  9601.     visibility: visible;
  9602. }
  9603.  
  9604. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image {
  9605.     height: 80px !important;
  9606. /* border: 1px solid red !important; */
  9607. }
  9608. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open  .editor-insert-dialog.Flyout.MenuItems {
  9609. /* border: 1px solid green !important; */
  9610. }
  9611.  
  9612.  
  9613. /* (new116) USERTYLES / GREASEMONKEY OK:
  9614. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  9615. */
  9616. .MessageList.Discussion {
  9617.     margin-top: 42px;
  9618. }
  9619. /* (new116) */
  9620. .MessageList.Discussion #Item_0.PageTitle h1 ,
  9621. .Discussion .PageTitle h1 {
  9622.     position: fixed !important;
  9623.     display: inline-block !important;
  9624.     height: 37px !important;
  9625.     line-height: 18px!important;
  9626.     width: 38.4% !important;
  9627.     min-width: 705px !important;
  9628.     top: 48px !important;
  9629.     right: 24.4% !important;
  9630.     font-size: 15px !important;
  9631. background-color: black !important;
  9632. z-index: 5000 !important;
  9633. }
  9634. /* (new119) GREASYFORK/ USERSTYLES FORUM */
  9635. .MessageList.Discussion #Item_0.PageTitle h1 ,
  9636. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  9637. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  9638.     position: fixed !important;
  9639.     display: inline-block !important;
  9640.     height: 38px !important;
  9641.     line-height: 18px!important;
  9642.     min-width: 720px !important;
  9643.     max-width: 720px !important;
  9644.     top: 48px !important;
  9645.     right: 24.8% !important;
  9646.     padding-left: 30px !important;
  9647.     font-size: 15px !important;
  9648.     text-align: left !important;
  9649. z-index: 0 !important;
  9650. /* outline: 1px solid violet !important; */
  9651. }
  9652.  
  9653. /* (new119) PB USERSTYLE - DISC LAST PAGE z-index*/
  9654. .MessageList.Discussion .PageTitle .Options {
  9655.     display: inline-block !important;
  9656.     height: 33px !important;
  9657.     z-index: 5000  !important;
  9658. }
  9659. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  9660.     display: inline-block !important;
  9661. }
  9662.  
  9663. .MessageList.Discussion #Item_0.PageTitle + img.rating-image  {
  9664. position: fixed !important;
  9665.     display: inline-block !important;
  9666. /* float: left !important; */
  9667. margin-top: -20px !important;
  9668. margin-left: -5px !important;
  9669.     z-index: 5000;
  9670. /* outline: 1px solid violet !important; */
  9671. }
  9672.  
  9673. /* (new81) START - MEDIA QUERIE - FORUM USERSTYLES - TITLE - === */
  9674. @media screen and (max-width: 1400px) {
  9675. #Item_0 {
  9676.     left: 28.6% !important;
  9677. }
  9678. .Discussion .PageTitle h1 {
  9679.      width: 725px !important;
  9680.     right: 11.7% !important;
  9681. }
  9682. .Discussion.comment.Section-Discussion .Discussion h1,
  9683. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  9684.     max-width: 720px !important;
  9685.     min-width: 720px !important;
  9686.     right: 11.9% !important;
  9687. }
  9688. .DiscussionAboutShowDiscussion {
  9689.     left: 11.7% !important;
  9690. }
  9691. .MessageList.Discussion .PageTitle .Options {
  9692.     margin-left: 78px !important;
  9693. }
  9694. /* === END === MEDIA QUERIE === FORUM USERSTYLES - TITLE - ==== */
  9695. }
  9696.  
  9697.  
  9698.  
  9699. a.Bookmark,
  9700. a.Bookmarked,
  9701. a.Bookmarking {
  9702.     margin-left: -5px !important;
  9703.     margin-right: 9px !important;
  9704. }
  9705. #Item_0.PageTitle .Options .Hijack.Bookmark {
  9706.     position: relative;
  9707.     display: inline-block;
  9708.     margin-top: 1px !important;
  9709.     z-index: 5000;
  9710. }
  9711.  
  9712. /* GREASYFORK SPRITE UI :
  9713. https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png
  9714. === */
  9715. .Hijack.Bookmark[title="Bookmark"] {
  9716.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
  9717. }
  9718. .Hijack.Bookmark.Bookmarked  {
  9719.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
  9720. }
  9721.  
  9722. /* (new62) BOOKMARKS LIST*/
  9723. .ItemDiscussion span.Options a.Hijack.Bookmark {
  9724.     position: relative !important;
  9725.     display: inline-block !important;
  9726.     left: 37px !important;
  9727.     top: -6px !important;
  9728. }
  9729. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
  9730.     position: relative !important;
  9731.     display: inline-block !important;
  9732.     top: -6px !important;
  9733. }
  9734. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  9735.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
  9736. }
  9737.  
  9738. /* (new79) DISCUSSIONS - === */
  9739. .MessageList.Discussion .Discussion {
  9740.     border: 1px solid gray !important;
  9741.     border-top: 1px solid peru !important;
  9742.     padding: 10px 15px ! important;
  9743. }
  9744.  
  9745. .MessageList.DataList.Comments {
  9746.     position: relative !important;
  9747.     display: inline-block !important;
  9748.     width: 100% ;
  9749.     border-top: 1px solid gray !important;
  9750.     margin-top: 0px !important;
  9751. /* z-index: -1 !important; */
  9752. }
  9753. .MessageList .Item {
  9754. /* z-index: 0 !important; */
  9755. }
  9756. .MessageList .Item:hover {
  9757. /* z-index: 1 !important; */
  9758.     background-color: black ! important;
  9759. }
  9760.  
  9761. .MessageList .Item.ItemDiscussion {
  9762.     position: relative !important;
  9763.     display: inline-block !important;
  9764.     width: 94% !important;
  9765.     margin-bottom: -17px;
  9766.     margin-top: 37px;
  9767.     top: 28px;
  9768. z-index: -1 !important;
  9769. }
  9770.  
  9771.  
  9772. #vanilla_discussions_bookmarked .Item:nth-child(odd) ,
  9773. #vanilla_discussions_mine .Item:nth-child(odd) ,
  9774. #vanilla_discussions_participated .Item:nth-child(odd) ,
  9775. .DataList.CategoryList .Item:nth-child(odd) ,
  9776. .DataList .ItemDiscussion:nth-child(odd) ,
  9777. .Item.ItemComment:nth-child(odd) {
  9778.     background-color: #222  ! important;
  9779. }
  9780. #vanilla_discussions_bookmarked .Item:nth-child(even) ,
  9781. #vanilla_discussions_participated .Item:nth-child(even) ,
  9782. .DataList.CategoryList .Item:nth-child(even) ,
  9783. .DataList .ItemDiscussion:nth-child(even) ,
  9784. .Item.ItemComment:nth-child(even) {
  9785.     background-color: #414141  ! important;
  9786. }
  9787. #vanilla_discussions_bookmarked .Item:hover ,
  9788. #vanilla_discussions_participated .Item:hover ,
  9789. #vanilla_discussions_participated .Item:hover ,
  9790. .DataList.CategoryList .Item:hover ,
  9791. .DataList .ItemDiscussion:hover ,
  9792. .Item.ItemComment:hover {
  9793.     box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
  9794.     background-color: rgba(7, 7, 7, 0.57)! important;
  9795.     transition: background ease 0.8s !important;
  9796. }
  9797. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
  9798. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9799. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9800. .DataList.CategoryList .Item:nth-child(odd):hover ,
  9801. .DataList .ItemDiscussion:nth-child(odd):hover ,
  9802. .Item.ItemComment:nth-child(odd):hover {
  9803.     background-color: rgba(7, 7, 7, 0.67)! important;
  9804.     transition: background ease 0.8s !important;
  9805. }
  9806.  
  9807. /* (new110) FORUM DISC - TITLE  (from Comments Numbering) - ==== */
  9808. .DataList:not(.Activities) .Item .ItemContent .Title {
  9809. margin-top: 0px !important;
  9810. }
  9811. .DataList:not(.Activities) .Item .ItemContent .Title > a {
  9812. position: relative !important;
  9813. display: inline-block !important;
  9814.     width: 665px !important;
  9815. /*     margin-left: 22px; */
  9816. margin-top: -55px !important;
  9817. margin-bottom: -20px !important;
  9818.     vertical-align: middle  !important;
  9819.     font-size: 14px;
  9820.     white-space: nowrap !important;
  9821. overflow: hidden !important;
  9822. text-overflow: ellipsis !important;
  9823. /* outline: 1px solid yellow !important; */
  9824. }
  9825.  
  9826. /* (new110) - TEST - LAST USER COMMENT */
  9827. .MItem.LastCommentBy a {
  9828.     display: inline-block;
  9829.     height: 18px;
  9830.     overflow: hidden;
  9831.     text-overflow: ellipsis;
  9832.     vertical-align: top;
  9833.     width: 140px;
  9834. }
  9835.  
  9836. /* (new116) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
  9837. .BeforeCommentHeading + .DataBox.DataBox-Comments {
  9838.     position: relative !important;
  9839.     display: inline-block ;
  9840.     margin-top: 42px !important;
  9841.     left: 0px;
  9842.     z-index: 1 !important;
  9843. }
  9844.  
  9845. /* DISCUSSION LIST - RATNG ICON */
  9846. .DataList .rating-image {
  9847.     height: 16px !important;
  9848.     line-height: 16px !important;
  9849.     margin-top: 3px ;
  9850. }
  9851.  
  9852. /* DISCUSSION LIST - READ - === */
  9853. .DataList .ItemDiscussion.Item.Read {
  9854.     background-color: rgba(47, 47, 47, 0.84)  ! important;
  9855. }
  9856. .Item.Read .BlockTitle a:before ,
  9857. .Item.Read .Title a:before {
  9858.     content: ">>  " ;
  9859.     color: gold ;
  9860. }
  9861. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  9862. .Bookmarked .Title a::before,
  9863. .Item.Read .Title a::before {
  9864.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  9865.     background-position: 3px -650px !important;
  9866.     background-repeat: no-repeat;
  9867.     color: transparent;
  9868.     content: ">> ";
  9869.     display: inline-block !important;
  9870.     position: relative !important;
  9871.     height: 100% !important;
  9872.     max-height: 15px !important;
  9873.     min-height: 15px !important;
  9874.     top: 4px !important;
  9875.     margin-right: 3px !important;
  9876.     margin-left: -2px !important;
  9877.     background-color: rgba(55, 173, 227, 0.4) !important;
  9878. }
  9879. .DataList .ItemDiscussion {
  9880.     border-bottom: 1px solid gray !important;
  9881.     padding-left: 22px;
  9882.     position: relative;
  9883. }
  9884. .MessageList.DataList.Comments .ItemComment ,
  9885. .ItemDiscussion {
  9886.     display: inline-block !important;
  9887.     width: 94% ;
  9888.     min-width: 656px;
  9889.     margin-top: 37px;
  9890.     padding-right: 35px !important;
  9891. }
  9892.  
  9893.  
  9894. #vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
  9895.     left: 0px !important;
  9896.     z-index: 0 !important;
  9897. }
  9898. /* FORUM DISSCUSSION - ITEMS - MINE - === */
  9899. .Item.Bookmarked.Mine.ItemDiscussion {
  9900.     border: 1px solid peru !important;
  9901.     padding-left: 22px;
  9902.     position: relative;
  9903. }
  9904. .Item.Bookmarked.Mine.ItemDiscussion  .Options {
  9905. position: absolute !important;
  9906. float: none !important;
  9907.     width: 28px !important;
  9908. height: 76px !important;
  9909. /*     left: -15px !important; */
  9910. right: 0px !important;
  9911. top: 0 !important;
  9912. /*     padding-left: 22px; */
  9913. z-index: 500 !important;
  9914.     border: 1px solid peru !important;
  9915. }
  9916. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu {
  9917. /* position: absolute !important; */
  9918.     display: inline-block !important;
  9919. /* float: right !important; */
  9920. height: 20px !important;
  9921. width: 20px !important;
  9922.     top: -3px;
  9923. margin-right: 0px !important;
  9924. left: 4px !important;
  9925. z-index: 500 !important;
  9926. /* background-color: red !important; */
  9927. }
  9928. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover ,
  9929. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
  9930.     position: absolute !important;
  9931.     display: inline-block !important;
  9932. height: 18px !important;
  9933. width: 18px !important;
  9934.     top: -17px !important;
  9935.     left: -13px !important;
  9936. visibility: visible !important;
  9937. opacity: 1 !important;
  9938. /*     z-index: 10000 !important; */
  9939. /* background-color: yellow !important; */
  9940. }
  9941. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
  9942.     position: absolute !important;
  9943.     display: inline-block !important;
  9944.     min-width: 18px !important;
  9945.     max-width: 18px !important;
  9946. /*     left: -23px !important; */
  9947. /*     top: -20px; */
  9948.     margin-left: 0 !important;
  9949.     visibility: visible !important;
  9950. opacity: 1 !important;
  9951. z-index: 10000 !important;
  9952. }
  9953. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {
  9954. /* position: absolute !important; */
  9955. /*     display: inline-block !important; */
  9956.     width: 18px !important;
  9957.     content: " ";
  9958.     background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px !important;
  9959.     font-size: 15px;
  9960.     height: 15px;
  9961. /*     left: 762px !important; */
  9962.     margin-left: 0 !important;
  9963.     outline: 1px solid gray;
  9964. /*     top: -5px; */
  9965.     visibility: visible !important;
  9966.     z-index: 10000 !important;
  9967. }
  9968.  
  9969.  
  9970. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {
  9971. /* position: relative !important; */
  9972. float: left !important;
  9973.     top: 2px !important;
  9974. left: 10px !important;
  9975. }
  9976. /* PROFILE */
  9977. .ProfilePhotoLarge {
  9978.     margin-top: 55px !important;
  9979.     position: relative !important;
  9980.     width: 200px;
  9981. }
  9982.  
  9983. /* (new118) ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
  9984. .MeBox > .PhotoWrap[href*="/profile/"] ,
  9985. .UserBox > .PhotoWrap[href*="/profile/"] {
  9986.     position: relative ! important;
  9987.     display: inline-block !important;
  9988.     height: 50px!important;
  9989.     width: 198px ! important;
  9990.     top: 3px!important;
  9991.     text-align: center ! important;
  9992.     z-index: 500 ! important;
  9993. }
  9994. /* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
  9995. #vanilla_discussion_comment .Column.ContentColumn  {
  9996.     border-top: 1px solid peru !important;
  9997.     margin-top: 26px !important;
  9998. }
  9999.  
  10000. .MeBox + .BoxButtons.BoxNewDiscussion {
  10001.     margin-top: 30px !important;
  10002.     box-shadow: 3px 3px 2px black !important;
  10003. }
  10004.  
  10005. /* ==== Userstyles.org Review - Style Name in First v.1 ==== */
  10006. .Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
  10007.     display: inline-block !important;
  10008.     font-size: 14px;
  10009.     font-weight: bold;
  10010.     margin: 0;
  10011. }
  10012.  
  10013. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
  10014.     position: relative !important;
  10015.     display: inline-block !important;
  10016.     float: left !important;
  10017.     width: 600px!important;
  10018.     height: 100%!important;
  10019.     min-height: 10px!important;
  10020.     max-height: 10px!important;
  10021.     line-height: 10px!important;
  10022.     margin-top: -31px!important;
  10023.     margin-left: -10px!important;
  10024.  }
  10025. /* GOOD RATING - OK - THUMB UP  */
  10026. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
  10027.     display: inline-block !important;
  10028.     float: left;
  10029.     margin-left: 0px!important;
  10030. }
  10031. /* BAD RATING - THUMB DOWN */
  10032. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
  10033.     display: inline-block !important;
  10034.     float: left;
  10035.     margin-left: 0px!important;
  10036.     margin-top: 5px !important;
  10037. }
  10038.  
  10039. /* (new79) */
  10040. /* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
  10041. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  10042.     display: inline-block !important;
  10043.     float: left!important;
  10044.     width: 670px!important;
  10045.     margin-bottom: -9px!important;
  10046.  }
  10047.  
  10048. /* FORUM NOTIFICATION - TXT - === */
  10049. .Flyout .Author .PhotoWrap  {
  10050.     height: 10px !important;
  10051.     width: 20px !important;
  10052. }
  10053.  
  10054. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  10055.     height: 20px !important;
  10056.     margin-bottom: -18px !important;
  10057.     background-color: black !important;
  10058. }
  10059. .Flyout .Author .ProfilePhoto {
  10060.     width: 20px !important;
  10061.     height: 20px !important;
  10062.     background-size: cover !important;
  10063. }
  10064. .PopList .ItemContent {
  10065.     line-height: 1.2!important;
  10066.     margin-left: -1px!important;
  10067. }
  10068. /* DRAFT */
  10069. .DataList.Drafts {
  10070.     margin-top: 98px!important;
  10071.     border-top: 1px solid gray !important;
  10072. }
  10073.  
  10074. /* ATTACHEMENTS - === */
  10075. .Attachment img {
  10076.     max-width: 100% ! important;
  10077.     height: auto ! important;
  10078.     vertical-align: bottom;
  10079. }
  10080.  
  10081. .Attachment {
  10082.     max-width: 100px !important;
  10083.     min-width: 100px !important;
  10084.     padding: 3px 8px 8px 5px !important;
  10085.     border-radius: 5px !important;
  10086.     background-color: black !important;
  10087. }
  10088.  
  10089. /* ATTACHEMENT COUNTER - === */
  10090. .Attachments {
  10091.     background-color: #222222 !important;
  10092.     border-radius: 5px !important;
  10093.     counter-reset: image !important;
  10094. }
  10095. .Attachment:before {
  10096.     position: absolute ;
  10097.     display: inline-block ;
  10098.     height: 20px ;
  10099.     content: counter(image, decimal);
  10100.     top: 10px ;
  10101.     padding: 0 3px ;
  10102.     border-radius: 5px ;
  10103.     counter-increment: image ;
  10104.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
  10105. }
  10106.  
  10107. /* FORUM PAGINATION - PAGE WRAP (bottom) */
  10108. .PagerWrap {
  10109.     margin-top: 20px!important;
  10110.     overflow: visible!important;
  10111. }
  10112. /* (new79) FORUM PAGINATION - ALL */
  10113. .PageControls {
  10114.     display: inline-block !important;
  10115.     width: 95%!important;
  10116.     height: 100% !important;
  10117.     min-height: 15px !important;
  10118.     max-height: 15px !important;
  10119.     line-height: 15px !important;
  10120.     text-align: right !important;
  10121. }
  10122. .PageControls.Top {
  10123.     position: fixed !important;
  10124.     display: inline-block !important;
  10125.     width: 560px ! important;
  10126.     min-height: 22px !important;
  10127.     margin-left: 190px !important;
  10128.     top: 25px !important;
  10129.     opacity: 1 !important;
  10130.     visibility: visible !important;
  10131.     z-index: 200 !important;
  10132. }
  10133.  
  10134. /* (COR) PAGER TOP - USERSTLE DISC LAST PAGE - === */
  10135. #PagerBefore.Pager  {
  10136.     position: fixed !important;
  10137.     display: inline-block !important;
  10138.     float: right !important;
  10139.     vertical-align: bottom !important;
  10140.     max-width: 560px !important;
  10141.     min-width: 560px !important;
  10142.     height: 17px !important;
  10143.     line-height: 12px !important;
  10144.     top: 30px;
  10145.     right: 24.2% !important;
  10146.     padding: 1px !important;
  10147.     border: 1px solid peru !important;
  10148.     border-radius: 3px 3px 0 0 !important;
  10149.     background-color: transparent !important;
  10150.     text-align: center !important;
  10151.     z-index: 500 !important;
  10152. }
  10153.  
  10154.  
  10155.  
  10156. /* (new79) START - MEDIA QUERIE - PAGER TOP - === */
  10157. @media screen and (max-width: 1400px) {
  10158.  
  10159. #PagerBefore.Pager  {
  10160. position: fixed !important;
  10161.  
  10162.     max-width: 530px !important;
  10163.     min-width: 530px !important;
  10164.     right: 0% !important;
  10165. }
  10166. /* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */
  10167. }
  10168.  
  10169.  
  10170.  
  10171.  
  10172. /* ICONS */
  10173.  
  10174. /* SPRITE GREASY FORK :
  10175. https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
  10176. ==== */
  10177.  
  10178. .SpNotifications,
  10179. .SpGlobe {
  10180.     background-position: -32px -212px !important;
  10181. }
  10182. .SpInbox,
  10183. .SpEnvelope {
  10184.     background-position: 0 -228px !important;
  10185. }
  10186. .SpBookmarks,
  10187. .SpStar {
  10188.     background-position: -80px -245px!important;
  10189. }
  10190. .SpDashboard,
  10191. .SpOptions,
  10192. .SpCog {
  10193.      background-position: 0 -212px !important;
  10194. }
  10195.  
  10196. /* MY NAME */
  10197. .QuoteAuthor>a[href*="/decembre"] ,
  10198. .Item .Author a[href*="/decembre"] {
  10199.     font-size: 18px ! important;
  10200.     color: peru ! important;
  10201. }
  10202.  
  10203.  
  10204. /* ==== (ALL) STYLE ==== */
  10205.  
  10206. /* (ALL) BackGround Color === */
  10207.  
  10208. htlm, body {
  10209.     background:#333333 !important;
  10210.     color: #929292 !important;
  10211.     width: 100% !important;
  10212. }
  10213.  
  10214. /* (ALL) LINKS - === */
  10215.  
  10216. a:link {
  10217.     color: #6D878F !important;
  10218.     text-decoration: none !important;
  10219. }
  10220.  
  10221.  
  10222. /* LINK / TXT  SPECIAL - === */
  10223.  
  10224. #Head a,
  10225. #site-nav a {
  10226.     color: peru !important;
  10227. }
  10228. .MItem.MCount.CommentCount ,
  10229. .MItem.MCount.ViewCount {
  10230.     color: #b7b7b7!important;
  10231. }
  10232. table#style-table .meta span.date.date1{
  10233.     color: #23A4A2  !important;
  10234.     text-decoration: none !important;
  10235. }
  10236. table#style-table .meta span.date.date2{
  10237.     color: #0DD6D3 !important;
  10238.     text-decoration: none !important;
  10239. }
  10240. #main-article #style-table a[href^="/styles/"]{
  10241.     color: #DD9E0F !important;
  10242.     text-decoration: none !important;
  10243. }
  10244. #main-article #style-table a:visited[href^="/styles/"]{
  10245.     color: #EAC060 !important;
  10246.     text-decoration: none !important;
  10247. }
  10248.  
  10249. /* LINKS HOVER - COLOR tomato / TOMATO - === */
  10250.  
  10251. #show-code + #control-panel>a:hover ,
  10252. #main-header>h1>a:hover ,
  10253. #style-author-info>tbody>tr>td>a:not(.license-image):hover ,
  10254. #long-description>a:hover ,
  10255. .MItem.LastCommentBy>a:hover ,
  10256. .About>dt:last-of-type a:hover ,
  10257. .script-author-description>ul>li>ul>li:hover a:hover ,
  10258. .About dt a:hover ,
  10259. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
  10260. #script-list-option-groups .list-option>a:hover ,
  10261. #user-script-list > li h2 a:hover ,
  10262. #browse-script-list > li h2 a:hover ,
  10263. .script-list-author>span>a:hover ,
  10264.  
  10265. .DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
  10266. #script-content > form > ul > li:hover ,
  10267. #contact a:hover ,
  10268. #related>ul>li>a:hover ,
  10269. #screenshots #more-screenshots a:hover ,
  10270. .Message>b>a:hover ,
  10271. .Buttons .Back>a:hover ,
  10272. .AttachFileWrapper .AttachFileLink>a:hover ,
  10273. .AuthorWrap .Author .PhotoWrap +.Username:hover ,
  10274. #Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
  10275. .Item-Body .Message>a:hover ,
  10276. .MItem.Category>a:hover ,
  10277. .ReactButton.Quote.Visible:hover ,
  10278. .Box.BoxCategories a:hover ,
  10279. #Panel .FilterMenu a:hover ,
  10280. .SiteMenu>li>a:hover ,
  10281. .ItemContent.Discussion .Title>a:hover ,
  10282. #main-article>dl>dd>a:hover ,
  10283. #main-article>dl>dt:hover ,
  10284. #main-header + #content-wrapper > #main-article > ul:hover:before ,
  10285. #main-article>ul>li>a:hover ,
  10286. #sidebar-forum>a:hover ,
  10287. #sidebar-help>a:hover ,
  10288. #sidebar-browse>a:hover ,
  10289. #sidebar-my-account>a:hover ,
  10290. #show-button:hover ,
  10291. #control-panel > a:nth-child(1):hover ,
  10292. #control-panel>a:hover ,
  10293.  
  10294. #long-description>a>b:hover ,
  10295.  
  10296. #main-article #hidden-meta a:hover ,
  10297. #no-discussions>a:hover ,
  10298. #site-name > a[href="/"] span:hover ,
  10299. .thetitle>.theauthor>a:hover ,
  10300. .thetitle>a>b:hover ,
  10301. .width-constraint>h3>a:hover ,
  10302. #script-content>form>ul>li>a:hover ,
  10303. #script-content>p>a:hover ,
  10304. #install-area .script-in-sets>a:hover ,
  10305. #additional-info-text>a>b:hover ,
  10306. #additional-info>div>ul>li>a:hover ,
  10307. #additional-info>div>p>a:hover ,
  10308. #additional-info>div>p>b>a:hover ,
  10309. .script-show-author>span>a:hover ,
  10310.  
  10311. #title-subtext:hover > b ,
  10312. #site-name > a span#settings-subtext:hover ,
  10313. #nav-user-info .user-profile-link>a:hover ,
  10314. #nav-user-info>li>a:hover ,
  10315. #nav-user-info + nav .help-link>a:hover ,
  10316. #nav-user-info + nav .forum-link>a:hover ,
  10317. #nav-user-info + nav .scripts-index-link>a:hover ,
  10318. #nav-user-info + nav a:hover ,
  10319. #nav-user-info .sign-out-link>a:hover ,
  10320. #start-discussion:hover ,
  10321. #start-discussion-top:hover ,
  10322. #start-discussion-bottom:hover ,
  10323. .inline-list>li>a:hover {
  10324.     color: TOMATO  !important;
  10325. }
  10326.  
  10327. /* LINK HOVER - SPECIAL - === */
  10328.  
  10329. #discussions-area #discussions li:hover a:not(:last-of-type),
  10330. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
  10331. .CommentsWrap .Comment a.FlagContent:hover ,
  10332. .width-constraint #discussions li>a:nth-child(4):hover  ,
  10333. .width-constraint #discussions li>a:nth-child(2):hover ,
  10334. .width-constraint #discussions li>a:first-of-type:hover ,
  10335. .width-constraint #discussions li:hover > a:nth-child(4) ,
  10336. .width-constraint #discussions li:hover>time {
  10337.     color: tomato  !important;
  10338. }
  10339.  
  10340.  
  10341. /* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  -
  10342. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  10343. === */
  10344. #script-info .CodeRay {
  10345.     display: inline-block!important;
  10346.     max-width: 99.8% !important;
  10347.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  10348.     background-size: 30px 15px!important;
  10349. }
  10350. #script-info .CodeRay tbody {
  10351.     display: inline-block !important;
  10352.     width: 99.98% !important;
  10353. }
  10354.  
  10355. #script-info .CodeRay tbody .code {
  10356.     display: inline-block !important;
  10357.     min-width: 905px !important;
  10358.     max-width: 905px !important;
  10359. }
  10360. #script-info .CodeRay tbody .code pre {
  10361.     min-width: 900px !important;
  10362.     max-width: 900px !important;
  10363.     word-wrap: break-word !important;
  10364.     white-space: pre-line!important;
  10365. }
  10366.  
  10367. /* (ALL) LINKS VISITED / VISITED HOVER - === */
  10368. a:visited {
  10369.     color: #278CAD  !important
  10370. }
  10371. #additional-info>a:visited {
  10372.     color: #6BA9BE  !important
  10373. }
  10374. a:hover {
  10375.     color: #73B379 !important;
  10376. }
  10377. a:visited:hover  {
  10378.     color: #B9D56E !important;
  10379.     text-decoration: none !important;
  10380. }
  10381.  
  10382. /* VISITED - gold / GOLD - === */
  10383. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
  10384. #style-install-unknown>p>a,
  10385. #style-install-unknown>p>a:visited,
  10386. #style-install-unknown>p>a:active {
  10387.     color: GOLD !important;
  10388. }
  10389.  
  10390. /* VISITED - tan  /TAN - === */
  10391. .discussion-list>li>a:visited ,
  10392. .About>dt>a:visited ,
  10393. .Item-Body .Message>a:visited ,
  10394. .script-author-description>p>a:visited ,
  10395. .script-author-description>ul>li>ul>li>a:visited ,
  10396. .script-author-description>ul>li>a:visited ,
  10397. .DataList .Item .Title>a:visited ,
  10398. .inline-list>li>a:visited ,
  10399. .DataList .ItemDiscussion.Item.Read a:visited {
  10400.     color: TAN !important;
  10401. }
  10402. /* VISITED - goldenrod / GOLDENROD - === */
  10403. .thetitle>a:visited>b  {
  10404.     color: GOLDENROD !important;
  10405. }
  10406. /* VISITED - hover tomato / TOMATO - === */
  10407. .Message>ol>li>small>a:hover ,
  10408. .Message>dl>dd>a:hover ,
  10409. .UserQuote .QuoteAuthor a:hover ,
  10410. .inline-list>li>a:visited:hover ,
  10411. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  10412.     color: TOMATO !important;
  10413. }
  10414.  
  10415. /* VISITED - rosybrown / ROSYBROWN - === */
  10416. .width-constraint #discussions li > a:first-of-type:visited {
  10417.     color: ROSYBROWN  !important;
  10418. }
  10419. /* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
  10420. #Frame .Row .SiteMenu  a:hover {
  10421.     color: tomato !important;
  10422. /* outline: 1px solid tomato !important; */
  10423. }
  10424.  
  10425. /* ============ END VISITED LINKS ====== */
  10426.  
  10427.  
  10428.  
  10429. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" -
  10430. in SCRIPT NAME of:
  10431. DIEP.IO by Terjanq
  10432.  
  10433. IT'S USER (terjanq) LIST:
  10434. https://greasyfork.org/fr/users/33759-terjanq
  10435.  
  10436. SEARCH "DIEP.IO+":
  10437. https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
  10438.  
  10439. MY DISSCUS about it :
  10440. 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
  10441. === */
  10442.  
  10443. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  10444. .Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
  10445.     overflow: hidden !important;
  10446.     background: rgba(255, 0, 0, 0.2) !important;
  10447. }
  10448. #Discussion_9570 .Discussion .Item-BodyWrap .Message  {
  10449.     overflow: hidden !important;
  10450.     background: rgba(255, 0, 0, 0.2) !important;
  10451. }
  10452.  
  10453.  
  10454. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
  10455. #script-table #s19838 .thetitle + div ,
  10456. #user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
  10457. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  10458. #browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
  10459.     overflow: hidden !important;
  10460.     background: rgba(255, 0, 0, 0.2) !important;
  10461. }
  10462.  
  10463. .discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
  10464.     position: relative !important;
  10465.     display: inline-block !important;
  10466.     top: 4px !important;
  10467.     overflow: hidden !important;
  10468.     background: rgba(255, 0, 0, 0.2) !important;
  10469. }
  10470.  
  10471. /* ========== END GENERAL SITE ======= */
  10472. }
  10473.  
  10474.  
  10475.  
  10476.  
  10477. /* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  10478. /*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */
  10479.  
  10480. @-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
  10481. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  10482. #script-info header p {
  10483.     overflow: hidden !important;
  10484.     background: rgba(255, 0, 0, 0.2) !important;
  10485. }
  10486. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  10487. }
  10488.  
  10489.  
  10490.  
  10491. /* ========== START - DOMAIN SLEASYFORK TEST ======= */
  10492.  
  10493. @-moz-document domain("sleazyfork.org") {
  10494. /* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
  10495.  
  10496. /* TEST LINK :
  10497. https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
  10498. ==== */
  10499.  
  10500. /* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
  10501. /* (new60) SLEAZYFORK - SITE NAME + ICON - === */
  10502. .width-constraint #site-name  #site-name-text h1 {
  10503.     font-size: 20px!important;
  10504.     letter-spacing: 2px !important;
  10505. }
  10506. .width-constraint #site-name  #site-name-text h1  {
  10507.     color: blue !important;
  10508. }
  10509. .width-constraint #site-name  #site-name-text h1 a {
  10510.     display: none !important;
  10511. }
  10512. #site-name  #site-name-text h1 +.subtitle {
  10513.     margin-left: 46px !important;
  10514.     margin-top: 16px !important;
  10515.     font-size: 10px!important;
  10516.     letter-spacing: 1px !important;
  10517. }
  10518. #site-nav > nav li a{
  10519.     font-size: 14px !important;
  10520. }
  10521.  
  10522. .width-constraint #site-name a img ,
  10523. .width-constraint #site-name a span ,
  10524. #site-name-text>h1>a {
  10525.     display: none !important;
  10526. }
  10527.  
  10528. .width-constraint #site-name > a:before ,
  10529. .width-constraint #site-name > h1:before {
  10530.     content: "SleasyFork" !important;
  10531.     display: inline-block !important;
  10532.     position: absolute !important;
  10533.     margin-left: 40px !important;
  10534.     font-size: 22px !important;
  10535.     color: green !important;
  10536. }
  10537. #Head #site-name-text h1:before {
  10538. content: "SleasyFork" !important;
  10539.     display: inline-block !important;
  10540.     position: absolute !important;
  10541.     top: -5px !important;
  10542.     margin-left: 0px !important;
  10543.     font-size: 22px !important;
  10544.     color: red !important;
  10545. }
  10546.  
  10547. .width-constraint #site-name > a:after {
  10548.     content: " " !important;
  10549.     display: inline-block !important;
  10550.     height: 30px !important;
  10551.     width: 30px !important;
  10552.     padding: 2px !important;
  10553.     border-radius: 5px !important;
  10554.     box-shadow: 0 0 2px #cccccc inset !important;
  10555.     background-color: rgba(191, 191, 190, 0.33) !important;
  10556.     background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  10557.     background-position: 50% 50% !important;
  10558.     background-size: contain !important;
  10559. }
  10560.  
  10561.  
  10562. /* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
  10563. }
  10564.  
  10565.  
  10566.  
  10567. /* ========== START === URL-PREF - ALL ======= */
  10568.  
  10569. /* ========== START - URL-PREF - USERSTYLES HELP ======= */
  10570.  
  10571. @-moz-document url-prefix("https://userstyles.org/help") {
  10572. /* HEPLS PAGES - === */
  10573. body > #main-header + #content-wrapper {
  10574.     position: absolute !important;
  10575.     display: inline-block !important;
  10576.     float: none !important;
  10577.     clear: both !important;
  10578.     min-height: 200px !important;
  10579.     height: auto !important;
  10580.     width: 71em !important;
  10581.     margin: auto auto auto 21em !important;
  10582.     top: 75px !important;
  10583.     border-radius: 5px !important;
  10584.     border: 1px solid green !important;
  10585. }
  10586. #main-article {
  10587.     width: 70em !important;
  10588.     margin: 0.5em auto 2em 0.5em !important;
  10589.     padding-bottom : 20px !important;
  10590. }
  10591. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
  10592. #main-article>h3  {
  10593.     width: 58em !important;
  10594.     margin-left: 1em !important;
  10595.     text-align: left !important;
  10596.     text-indent: 20px !important;
  10597.     background: black !important;
  10598. }
  10599.  
  10600. #main-article>ol {
  10601.     width: 65em !important;
  10602.     margin-left: 1em !important;
  10603.     margin-top: -7px !important;
  10604.     outline: 1px solid peru !important;
  10605. }
  10606.  
  10607. #main-article>p:first-of-type {
  10608.     position: relative !important;
  10609.     display: inline-block !important;
  10610.     width: 867px !important;
  10611.     left: 0px !important;
  10612.     margin-top:  auto !important;
  10613.     margin-bottom: 20px!important;
  10614.     padding: 15px 20px !important;
  10615.     border: 1px solid gray !important;
  10616.     outline: none !important;
  10617. }
  10618. #main-article>p {
  10619.     position: relative !important;
  10620.     display: inline-block !important;
  10621.     width: 840px !important;
  10622.     left: 1em !important;
  10623.     margin:  auto !important;
  10624.     padding: 8px 20px !important;
  10625. }
  10626. #main-article>p +p {
  10627.     position: relative !important;
  10628.     display: inline-block !important;
  10629.     width: 840px !important;
  10630.     left: 1em !important;
  10631.     margin:  auto !important;
  10632.     margin-bottom: 15px !important;
  10633.     padding: 8px 20px !important;
  10634. }
  10635. #main-article>p:nth-child(even) {
  10636.     border: 1px solid gray !important;
  10637.     background: #222222 !important;
  10638. }
  10639. #main-article>p:nth-child(odd) {
  10640.     border: 1px solid gray !important;
  10641.     background: #171717 !important;
  10642. }
  10643. #main-article>iframe {
  10644.     margin-left: 10% !important;
  10645. }
  10646. #help-style-settings-edit ~pre ,
  10647. #main-header + #content-wrapper > #main-article > p ~ ul ,
  10648. #main-header + #content-wrapper > #main-article > p ~ ul:hover ,
  10649. #main-header + #content-wrapper > #main-article > ul:hover ,
  10650. #main-header + #content-wrapper > #main-article > ul {
  10651.     position: relative !important;
  10652.     display: inline-block !important;
  10653.     width: 66em !important;
  10654.     height: auto !important;
  10655.     margin-left: 10px !important;
  10656.     padding-bottom: 10px !important;
  10657.     padding-left: 20px !important;
  10658.     padding-right: 5px !important;
  10659.     border-radius: 3px !important;
  10660.     border: 1px solid gray !important;
  10661.     background: #222222 !important;
  10662. }
  10663. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  10664.     position: relative !important;
  10665.     display: inline-block !important;
  10666.     width: 43em !important;
  10667.     height: auto !important;
  10668.     margin-left: 10px !important;
  10669.     margin-top: 29px !important;
  10670.     padding-bottom: 10px !important;
  10671.     padding-left: 30px !important;
  10672.     padding-right: 5px !important;
  10673.     border-radius: 3px !important;
  10674.     border: 1px solid gray !important;
  10675.     font-size: 20px !important;
  10676. }
  10677. #help-style-settings-edit ~pre {
  10678.     position: relative !important;
  10679.     display: inline-block !important;
  10680.     width: 72em !important;
  10681.     height: auto!important;
  10682.     margin-top: 5px!important;
  10683.     border-radius: 3px!important;
  10684.     border: 1px solid gray!important;
  10685.     background: #222222!important;
  10686.     overflow: visible!important;
  10687.     z-index: 10 !important;
  10688. }
  10689. #help-style-settings-edit ~pre >code {
  10690.     position: relative !important;
  10691.     display: inline-block !important;
  10692.     width: 63em !important;
  10693.     height: auto !important;
  10694.     margin-left: 0px !important;
  10695.     border-radius: 3px !important;
  10696. }
  10697. /* ========== END === URL-PREF - HELP ======= */
  10698. }
  10699.  
  10700.  
  10701.  
  10702. /* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  10703.  
  10704. @-moz-document url-prefix("https://forum.userstyles.org") {
  10705. #Head + #Body {
  10706.     margin-left: 22% !important;
  10707. /* background: yellow !important; */
  10708. }
  10709. /* (new118) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
  10710.  
  10711. #PagerBefore.Pager {
  10712.     right: 26% !important;
  10713. }
  10714. #Content.Column.ContentColumn  {
  10715.     display: inline-block !important;
  10716.     float: right !important;
  10717.     width: 689px !important;
  10718.     min-height: 750px !important;
  10719.     margin-top: -8px!important;
  10720.     margin-right: 50px !important;
  10721.     z-index: 0 !important;
  10722. }
  10723. #vanilla_discussion_index #Content.Column.ContentColumn {
  10724.     display: inline-block !important;
  10725.     float: right !important;
  10726.     width: 689px!important;
  10727.     min-height: 750px !important;
  10728.     margin-top: -8px!important;
  10729.     margin-right: 20px !important;
  10730. }
  10731. #vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
  10732.     margin-bottom: -21px;
  10733. }
  10734. .P.PageDescription {
  10735.     width: 753px!important;
  10736. }
  10737.  
  10738. #Item_0 {
  10739.     left: 33% !important;
  10740.     top: 53px !important;
  10741.     background: black ;
  10742.     z-index: 500 !important;
  10743. }
  10744.  
  10745. #Item_0 .ToggleFlyout.OptionsMenu {
  10746.     left: -15px !important;
  10747. }
  10748. /* (new118) URL-PREF - USERSTYLES FORUM */
  10749. .MessageList.Discussion h1 ,
  10750. .Discussion.comment.Section-Discussion .Discussion h1 {
  10751.     position: fixed !important;
  10752.     display: inline-block !important;
  10753.     height: 38px !important;
  10754.     line-height: 18px !important;
  10755.     width: 39.1% !important;
  10756.     right: 26.4% !important;
  10757.     top: 47px !important;
  10758.     font-size: 15px !important;
  10759.     text-align: left !important;
  10760.     background-color: black !important;
  10761. z-index: 1 !important;
  10762. }
  10763. /* (new118) URL-PREF - USERSTYLES FORUM */
  10764. .MessageList.Discussion #Item_0.PageTitle h1 ,
  10765. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  10766. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  10767.     min-width: 752px !important;
  10768.     max-width: 752px !important;
  10769.     right: 26.1% !important;
  10770. /* outline: 1px solid yellow !important; */
  10771. }
  10772. .Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {
  10773.     top: 0px !important;
  10774.     left: 0 !important;
  10775.     margin: 0 !important;
  10776. }
  10777.  
  10778.  
  10779.  
  10780. /* (new118) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
  10781. #dashboard_profile_discussions .About>dt:last-of-type  {
  10782.     position: relative !important;
  10783.     display: inline-block !important;
  10784.     width: 23% !important;
  10785.     height: 18px !important;
  10786.     line-height: 18px !important;
  10787.     top: -56px !important;
  10788.     left: 74%!important;
  10789.     padding: 2px 2px 2px 15px !important;
  10790.     border-radius: 3px !important;
  10791.     font-size: 15px !important;
  10792.     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;
  10793. }
  10794.  
  10795. #Panel.Column.PanelColumn {
  10796.     z-index: 100 !important;
  10797. }
  10798. #Panel.Column.PanelColumn .MeBox {
  10799.     margin-top: -29px !important;
  10800.     z-index: 200 !important;
  10801. }
  10802. .DiscussionAboutShowDiscussion  {
  10803.     max-width: 200px !important;
  10804.     min-width: 200px !important;
  10805.     top: 53px !important;
  10806.     left: 22.1% !important;
  10807.     z-index: 100 !important;
  10808. }
  10809.  
  10810.  
  10811. /* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */
  10812.  
  10813.  
  10814. /* (new82) START === MEDIA QUERIE - 1400px -  URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
  10815. @media screen and (max-width: 1400px) {
  10816.  
  10817. #PagerBefore.Pager {
  10818.     right: 3.8% !important;
  10819. }
  10820. .MessageList.Discussion h1 ,
  10821. .Discussion.comment.Section-Discussion .Discussion h1 {
  10822.     min-width: 736px !important;
  10823.     right: 9.9% !important;
  10824. }
  10825. .MessageList.Discussion #Item_0 {
  10826.     left: 30% !important;
  10827.     top: 53px !important;
  10828.     z-index: 500 !important;
  10829. }
  10830. .DiscussionAboutShowDiscussion  {
  10831.     max-width: 217px !important;
  10832.     min-width: 217px !important;
  10833.     top: 53px !important;
  10834.     left: 12.2% !important;
  10835.     z-index: 100 !important;
  10836. }
  10837. .MessageList.Discussion {
  10838.     margin-top: 36px;
  10839. }
  10840. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
  10841.     left: 4px !important;
  10842.     top: -1px !important;
  10843. }
  10844.  
  10845. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
  10846. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
  10847.     left: 32px !important;
  10848. }
  10849. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
  10850.     left: 0px !important;
  10851.     top: 0px !important;
  10852. }
  10853. /* ==== END === MEDIA QUERIE - URL-PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
  10854. }
  10855.  
  10856.  
  10857. /* END ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  10858. }
  10859.  
  10860.  
  10861. /* ========== END === URL-PREF - ALL ======= */
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!