API tools faq
paste
decembre

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

decembre
Aug 23rd, 2017
275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 339.79 KB | None | 0 0
raw download clone embed print report diff
  1. /* AGENT_SHEET */
  2.  
  3.  
  4.  
  5. /* AGENT_SHEET */
  6. /* @namespace url(http://www.w3.org/1999/xhtml); */
  7. @-moz-document domain("userstyles.org")
  8. , domain("greasyfork.org")
  9. , domain("sleazyfork.org")
  10. , url-prefix("https://greasyfork.org/forum/") ,
  11. url-prefix("https://74.86.192.75/")  {
  12.  
  13. /* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 94 (new94) - BIB Tweak - TEST FIX NEW DESIGN USERSTYLES  - -  AGENT_SHEET ==== */
  14.  
  15. /*
  16.  ________________________________________________________________________
  17. |                                                                        |
  18. |                                                                        |
  19. |                                                                        |
  20. |          Title:  |  Userstyles TableView+Enhancer - DarkGrey v.94      |
  21. |                                                                        |
  22. |    Description:  |                                                     |
  23. |                      GREASY FORK - With / without (GM) TS CITRUS       |          
  24. |                      FORUM Styles in first + Forum GREASY Fork -       |
  25. |                      Logged or NOT                                     |
  26. |                      With / Without GM                                 |
  27. |                      AGENT_SHEET                                       |
  28. |                                                                        |
  29. |         Author:  |  decembre                                           |
  30. |                                                                        |
  31. |   Date Created:  |  23-11-2011                                         |
  32. |                                                                        |
  33. |   Last Updated:  |  31-05-2017                                         |
  34. |                                                                        |
  35. |________________________________________________________________________|
  36. */
  37.  
  38. /* ETS - for TEST GM SETS SORT - === */
  39. /* #user-script-sets:before {
  40. content: ">>" ;
  41. display: inline-block ;
  42. position: relative ;
  43. color: red ;
  44. background: gold ;
  45. height: 20px ;
  46. width: 20px  ;
  47.     margin-top: 0;
  48.     padding-left: 0;
  49.     padding-top: 10px;
  50. } */
  51.  
  52. /* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -
  53. https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks
  54. === */
  55. #browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
  56.     color: gold !important;
  57. /* OK - FINE TOP OF THE BACKGROUND - BLACK */
  58.     text-shadow: 0px 1px 1px #000;
  59. }
  60.  
  61. /* (new92) SUPP - ALL  */
  62. /* USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
  63. #donate,
  64. #donate input {
  65.     display: none !important;
  66. }
  67. /* CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
  68. #discussions-area #social.single-style ,
  69. #social ,
  70. .twitter-share-button ,
  71. #twitter-widget-0 ,
  72. .fb-like {
  73.     display: none!important;
  74. }
  75. /* USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) -
  76. [id*="-ad"] ,
  77. === */
  78. #google_ads_frame1 ,
  79. #adContent-clickOverlay ,
  80. #adContent ,
  81. #post-install-ad ,
  82. #below-install-ad ,
  83. .ad {
  84.     display: none !important;
  85. }
  86.  
  87. /* (new93) SET - LISTING PAGE - DESCRIPTION - === */
  88. body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
  89. body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
  90. body[pagetype="ListingPage"]  .width-constraint h3 + p {
  91.     display: inline-block;
  92.     border: 1px solid violet ;
  93. }
  94.  
  95.  
  96. /* (new80) TEST - USERSTYLES FORUME PROFILE DISCUSSINS LIST - COMMENTS LIST - === */
  97. .DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type {
  98.     display: inline-block ;
  99.     width: 100% ;
  100.     line-height: 14px  ;
  101.     padding: 5px 2px 5px 5px !important;
  102.     white-space: pre-line;
  103.     margin-left: -5px !important;
  104.     color: gold  ;
  105.     background: black ;
  106. }
  107.  
  108. /* (new79) GREASYFORK - Without SCRIPT - === */
  109. .width-constraint > p {
  110.     display: inline-block;
  111. }
  112. #script-links .current > * {
  113.     color: red !important;
  114. }
  115.  
  116.  
  117. /* CITRUS SETTINGS - POPUP - === */
  118. #CForkSettings {
  119.     z-index: 5000 !important;
  120. }
  121.  
  122. /* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE -
  123. .SiteMenu
  124. === */
  125. .with-submenu {
  126.     position: relative !important;
  127.     display: inline-block !important;
  128. /* z-index: 4000060 !important; */
  129. }
  130.  
  131. li.with-submenu a + nav ,
  132. li.with-submenu a + nav:hover ,
  133. li.with-submenu a:hover + nav {
  134. position: absolute  !important;
  135.     min-width: 100%;
  136.     margin-top: -5px !important;
  137.     padding: 2px 5px 5px 15px !important;
  138.     text-align: left !important;
  139.     box-shadow: 3px 3px 2px black !important;
  140.     background-color: #333 !important;
  141. /* z-index: 50000000 !important; */
  142. }
  143. li.with-submenu a + nav li {
  144.     height: 20px !important;
  145.     line-height: 20px !important;
  146.     z-index: 50000000 !important;
  147. }
  148. li.with-submenu a + nav li a {
  149.     padding: 2px 2px !important;
  150.     text-align: left !important;
  151. }
  152.  
  153. /* (new78) - USERSTYLES - AADAPTATION TABLE VIEW PLUS - EDIT USER PROFILE PAGE - === */
  154. #main-article>form[accept-charset="UTF-8"] + table#summary ,
  155. #main-article>form[accept-charset="UTF-8"] + table#summary + #table-container {
  156. display: none !important;
  157. }
  158.  
  159. /* (new60) - ADAPTATION for GM "Greasyfork install button on search" -
  160. https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
  161. === */
  162. .thetitle + div #install-area {
  163.     position: relative !important;
  164.     display: inline-block !important;
  165.     float: left !important;
  166.     max-width: 460px !important;
  167.     min-width: 460px !important;
  168.     margin-left: 0px !important;
  169.     top: 0 !important;
  170.     padding: 1px 9px !important;
  171.     background-color: #f9ecdb !important;
  172.     border-bottom: 1px solid gray;
  173.     z-index: 1 !important;
  174.     overflow: hidden !important;
  175. }
  176. .thetitle + div:hover #install-area {
  177.     position: relative !important;
  178.     display: inline-block !important;
  179.     float: left !important;
  180.     max-width: 460px !important;
  181.     min-width: 460px !important;
  182.     margin-left: 0px !important;
  183.     height: auto !important;
  184.     top: 0 !important;
  185.     padding: 5px 9px !important;
  186.     background-color: #f9ecdb !important;
  187.     border-bottom: 1px solid gray;
  188.     z-index: 1 !important;
  189. }
  190. .thetitle + div #install-area> a {
  191.     display: inline-block;
  192.     float: left !important;
  193.     clear: both !important;
  194.     max-width: 50px !important;
  195.     min-width: 50px !important;
  196.     line-height: 13px !important;
  197.     font-size: 12px !important;
  198.     margin-left: 0 !important;
  199.     text-align: center !important;
  200. }
  201. .thetitle + div #install-area a:last-of-type {
  202.     display: inline-block;
  203.     float: left !important;
  204.     clear: both !important;
  205.     height: 15px !important;
  206.     max-width: 50px !important;
  207.     min-width: 50px !important;
  208.     line-height: 13px !important;
  209.     margin-left: 0 !important;
  210.     padding: 1px 12px !important;
  211.     line-height: 13px !important;
  212.     font-size: 12px !important;
  213.     text-align: center !important;
  214. }
  215. .thetitle + div #install-area .script-in-sets {
  216.     display: inline-block;
  217.     height: 65px !important;
  218.     max-width: 330px !important;
  219.     min-width: 330px !important;
  220.     margin-left: 10px !important;
  221.     font-size: 0px !important;
  222. }
  223.  
  224. .thetitle + div #install-area .script-in-sets a:first-of-type {
  225.     display: inline-block;
  226.     max-width: 300px !important;
  227.     min-width: 300px !important;
  228.     margin-left: 0 !important;
  229.     font-size: 12px !important;
  230.     text-align: center !important;
  231. }
  232. .thetitle + div #install-area .script-in-sets a:first-of-type + a {
  233.     display: inline-block;
  234.     max-width: 300px !important;
  235.     min-width: 300px !important;
  236.     margin-left: 0 !important;
  237.     font-size: 12px !important;
  238.     text-align: center !important;
  239. }
  240. .thetitle + div #install-area .script-in-sets select {
  241.     display: inline-block;
  242.     max-width: 287px !important;
  243.     min-width: 287px !important;
  244.     margin-left: 0px !important;
  245. }
  246. /* ADAPTATION for GM : userstyles.org css highlighter
  247. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  248. ==== */
  249. #view-code.hiBeautted {
  250.     background-color: #293134 !important;
  251.     color: #e0e2e4 !important;
  252. }
  253. #view-code.hiBeautted #stylish-code {
  254.     color: #B1B1B1 !important;
  255.     background-color: #293134 !important;
  256. }
  257. #hiBeauty::before {
  258.     position: absolute;
  259.     display: block;
  260.     top: 0px;
  261.     left: 0% !important;
  262.     padding: 1px 3px 0 1px !important;
  263.     border-radius: 0 0 5px 0 !important;
  264.     background-color: rgba(255, 0, 0, 0.7) !important;
  265. }
  266. #hiBeauty:hover::before {
  267.     padding: 4px !important;
  268.     border: 1px solid gray !important;
  269.     border-radius: 0 0 5px 0 !important;
  270.     background-color: rgba(0, 0, 0, 0.4) !important;
  271.     opacity: 1 !important;
  272.     z-index: 1;
  273.     transition: all ease 1s !important;
  274. }
  275. #hiBeauty::after {
  276.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  277.     display: block;
  278.     left: -50% !important;
  279.     opacity: 0.75;
  280.     position: absolute;
  281.     top: 2px;
  282.     padding: 0 5px !important;
  283.     border-radius: 0 5px 5px 0 !important;
  284.     font-size: 15px !important;
  285.     background: rgba(255, 0, 0, 1) !important;
  286.     z-index: 1;
  287.     transition: all ease 0.2s !important;
  288. }
  289. #hiBeauty:hover::after {
  290.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  291.     display: block;
  292.     left: 4% !important;
  293.     opacity: 0.75;
  294.     position: absolute;
  295.     top: 2px;
  296.     padding: 0 5px !important;
  297.     border-radius: 0 5px 5px 0 !important;
  298.     font-size: 15px !important;
  299.     color: white !important;
  300.     background: rgba(0, 0, 0, 0.61) !important;
  301.     z-index: 1;
  302.     transition: all ease 0.4s !important;
  303. }
  304.  
  305. .tk.sel {
  306.     color: #25B300 !important;
  307. }
  308. .tk.pro {
  309.     color: #2a7da3 !important;
  310. }
  311. .tk.pun {
  312.     color: #0F40A7 !important;
  313. }
  314. .tk.com {
  315.     color: #9F7E15 !important;
  316. }
  317.  
  318. /* (new60) - ADAPTATION for GM :
  319. == GreasyFork Bullshit Filter :
  320. https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
  321. == GreasyFork Bullshit Filter (compatible with Citrus GFork)
  322. https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
  323.  
  324. AND (TEST):
  325. GreasyFork - filter discussions on scripts by review type and author
  326. https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
  327.  
  328. === */
  329. .MessageList.DataList.Comments .ItemComment.filtered,
  330. .ItemDiscussion.filtered  {
  331. /*     display: none !important; */
  332. /*     width: 100% !important; */
  333.     height: 10px!important;
  334. font-size: 3px !important;
  335. overflow: hidden !important;
  336. opacity: 0.4 !important;
  337. }
  338. .MessageList.DataList.Comments .ItemComment.filtered:hover,
  339. .ItemDiscussion.filtered:hover  {
  340. /*     display: none !important; */
  341. /*     width: 100% !important; */
  342.     height: 10px!important;
  343. font-size: 3px !important;
  344. overflow: hidden !important;
  345. opacity: 1 !important;
  346. }
  347. .ItemDiscussion.filtered .ItemContent.Discussion .Title  {
  348. /*     display: none !important; */
  349. /*     width: 100% !important; */
  350. height: 10px!important;
  351. line-height: 6px!important;
  352. /*     margin-top: -25px !important; */
  353. font-size: 8px !important;
  354. /* overflow: hidden !important; */
  355. /* opacity: 0.4 !important; */
  356. background: red !important;
  357. }
  358. .ItemDiscussion.filtered .ItemContent.Discussion .Title a {
  359. /*     display: none !important; */
  360. min-width: 600px !important;
  361. max-width: 600px !important;
  362. height: 10px!important;
  363. line-height: 10px!important;
  364.     margin-top: -45px !important;
  365. font-size: 8px !important;
  366. /* overflow: hidden !important; */
  367. /* opacity: 0.4 !important; */
  368. /* background: blue !important; */
  369. }
  370. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
  371. /*     display: none !important; */
  372. min-width: 600px !important;
  373. max-width: 600px !important;
  374. height: 10px!important;
  375. line-height: 10px!important;
  376. margin-left: 20px !important;
  377. /*     margin-top: -45px !important; */
  378. font-size: 9px !important;
  379. /* overflow: hidden !important; */
  380. /* opacity: 0.4 !important; */
  381. /* background: blue !important; */
  382. }
  383. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
  384. margin-top: -8px !important;
  385.     transform: scale(0.7) !important;
  386. }
  387. /* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
  388. body[pagetype="ListingPage"] #script-table tr.filtered {
  389.     display: table-row !important;
  390.     width: 100% !important;
  391.     height: 10px!important;
  392. }
  393. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  394.     background: black !important;
  395. }
  396. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  397.     display: table-cell !important;
  398.     height: 100% !important;
  399.     min-height: 10px!important;
  400.     max-height: 10px!important;
  401.     padding: 0 !important;
  402.     font-size: 7px !important;
  403. background-color: #F7F6E9 !important;
  404. }
  405. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  406.     font-size: 8px !important;
  407. }
  408.  
  409. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  410.     font-size: 8px !important;
  411. }
  412. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  413.     border-left: 1px solid red !important;
  414. }
  415.  
  416. /* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  417. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  418.     display: none !important;
  419. }
  420.  
  421. /* (new93) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  422. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  423.     position: absolute !important;
  424.     display: inline-block !important;
  425.     width: 914px !important;
  426.     background-color: #f7f6e9 !important;
  427.     border: 1px solid peru !important;
  428.     border-left: 3px solid red !important;
  429.     border-right: 3px solid red !important;
  430.     border-bottom: 4px solid red !important;
  431. font-size: 15px !important;
  432. }
  433. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
  434. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  435.     display: inline-block !important;
  436.     display: none !important;
  437.     height: 100% !important;
  438.     min-height: 15px!important;
  439.     max-height: 15px!important;
  440.     padding: 0 !important;
  441.     font-size: 8px !important;
  442. }
  443. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  444.     display: inline-block !important;
  445.     height: 100% !important;
  446.     min-height: 10px!important;
  447.     max-height: 10px!important;
  448.     line-height: 8px!important;
  449.     padding: 0 !important;
  450.     font-size: 9px !important;
  451. }
  452. .filter-status:not(:empty) ,
  453. #script-content .filter-status:not(:empty) {
  454. box-sizing: border-box;
  455.     position: fixed !important;
  456. height: 35px !important;
  457. line-height: 17px !important;
  458.     max-width: 190px !important;
  459.     min-width: 190px !important;
  460.     left: calc(83.95%) !important;
  461.     top: 55px !important;
  462.     padding: 1px 0px  !important;
  463.     border-radius: 5px 5px 0 0 !important;
  464.     text-align: center !important;
  465.     font-size: 13px !important;
  466. /*     letter-spacing: 5px !important; */
  467.     color: white !important;
  468.     cursor: default !important;
  469.     z-index: 500000 !important;
  470.     background: #B38C25 !important;
  471. }
  472. .filter-status:first-of-type + .filter-switches:hover ,
  473. .filter-status:first-of-type:hover + .filter-switches ,
  474. .filter-status:first-of-type + .filter-switches {
  475.     position: fixed !important;
  476.     width: 190px !important;
  477.     left: calc(84.3%) !important;
  478.     top: 88px !important;
  479.     border-radius: 0 0 5px 5px !important;
  480.     background: #B38C25 !important;
  481.     z-index: 50000 !important;
  482. }
  483. .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  484. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  485. display: none !important;
  486. }
  487. /* .filter-on, .filter-off {
  488.     display: inline-block;
  489.     width: 190px !important;
  490. } */
  491. :hover > .filter-switches a ,
  492. .filter-switches  a ,
  493. #main-header  .width-constraint + .filter-status ~  .filter-switches a ,
  494. #Frame #Head.Head .filter-switches a
  495. #script-content .filter-switches  a {
  496.     display: inline-block  !important;
  497.     width: 160px !important;
  498.     height: 15px !important;
  499.     line-height: 15px !important;
  500.     margin-top: -2px !important;
  501.     bottom: 0px !important;
  502.     margin-left: 0px !important;
  503.     font-size: 14px !important;
  504. color: white !important;
  505.     cursor: pointer !important;
  506. }
  507.  
  508. /* :hover > .filter-switches a.filter-on ,
  509. :hover > .filter-switches a.filter-off ,
  510. #main-header:not(:hover)> .filter-switches a.filter-on ,
  511. #main-header:not(:hover)> .filter-switches a.filter-off {
  512.     color: white !important;
  513. } */
  514. /* :hover > #script-content .filter-switches  a.filter-on ,
  515. :hover > #script-content .filter-switches  a.filter-off {
  516.     color: peru !important;
  517. } */
  518. #Frame #Head.Head .filter-switches a {
  519.     color: white !important;
  520. }
  521.  
  522. .ui-widget {
  523.     position: fixed !important;
  524.     width: 190px !important;
  525.     top: 175px !important;
  526.     left: calc(84.5%) !important;
  527. }
  528. .ui-widget #myform {
  529.     width: 185px !important;
  530. }
  531.  
  532. .ui-widget #myform input#authors {
  533.     width: 180px !important;
  534. }
  535. .dropdown {
  536.     position: fixed !important;
  537.     width: 185px !important;
  538.     left: calc(84.5%) !important;
  539.     top: 228px !important
  540. }
  541.  
  542. .dropbtn {
  543.     width: 185px !important;
  544.     padding: 5px 0px 5px 20px !important;
  545. }
  546. .dropdown-content {
  547.     width: 185px !important;
  548.     height: 400px !important;
  549.     padding: 16px 0px 5px 0px !important;
  550.     background-color: #222 !important;
  551. }
  552. #myDropdown.dropdown-content a {
  553.     padding: 1px 0px 2px 5px !important;
  554.     font-size: 15px !important;
  555.     color: gray !important;
  556.     background-color: #333 !important;
  557.     text-align: left !important;
  558.     cursor: default !important;
  559. }
  560. #myDropdown.dropdown-content a:hover {
  561.     font-size: 15px !important;
  562.     color: gold !important;
  563.     background-color: #222 !important;
  564. }
  565.  
  566. /* FILTER - ALL COMMENTS (on top)  */
  567. /* body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches a:first-of-type */
  568.  
  569. .dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
  570. .dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
  571.     position: fixed !important;
  572.     display: inline-block !important;
  573.     left: calc(85.56%) !important;
  574.     top: 232px !important;
  575.     padding: 3px !important;
  576.     border-radius: 100% !important;
  577.     text-align: center !important;
  578. }
  579.  
  580. /* for FITTER SCRIPT */
  581. .width-constraint + .filter-status {
  582.     position: fixed !important;
  583.     width: 190px !important;
  584. /* left: calc(86.7%) !important; */
  585. }
  586. .width-constraint + .filter-status + .filter-switches {
  587. /* left: calc(87%) !important; */
  588. }
  589. .width-constraint + .filter-status + .filter-switches a {
  590.     margin-left: 10px !important;
  591. }
  592.  
  593. /* (new94) FITER COMMENTS on USER PROFILE - CONTAINER - === */
  594. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
  595.     background: #222;
  596.     display: inline-block;
  597.     position: absolute;
  598.     right: 110px;
  599.     width: 189px;
  600.     top: 91px;
  601.     text-align: center;
  602. }
  603. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
  604.     left: calc(84.5%);
  605.     top: 195px !important;
  606.     width: 190px;
  607. }
  608.  
  609.  
  610. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
  611.     left: calc(84.5%);
  612.     top: 241px !important;
  613.     width: 185px;
  614. }
  615.  
  616. /* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  617. .Button.Danger.BigButton.ClearConversation {
  618.     display: block;
  619.     font-size: 11px!important;
  620.     font-weight: bold;
  621.     margin: 0 0 10px;
  622.     padding: 8px 10px;
  623.     text-align: center;
  624. }
  625.  
  626. /* ALL SITES PAGE -
  627. https://greasyfork.org/en/scripts/by-site
  628. === */
  629. #by-site-list li[style="font-size: 5.0em"] {
  630.     font-size: 3.28em  !important;
  631. }
  632. #by-site-list li[style="font-size: 5.0em"] a {
  633.     color: darkturquoise !important;
  634. }
  635.  
  636.  
  637. #by-site-list li[style="font-size: 4.07em"] {
  638.     font-size: 3.27em !important;
  639. }
  640. #by-site-list li[style="font-size: 4.07em"] a {
  641.     color: lightsalmon!important;
  642. }
  643.  
  644. #by-site-list li[style="font-size: 3.86em"] {
  645.     font-size: 3.26em !important;
  646. }
  647. #by-site-list li[style="font-size: 3.86em"] a {
  648.     color: darkturquoise !important;
  649. }
  650.  
  651. #by-site-list li[style="font-size: 2.86em"] {
  652.     font-size: 3.25em!important;
  653. }
  654. #by-site-list li[style="font-size: 2.86em"] a {
  655.     color: deepskyblue !important;
  656. }
  657.  
  658. #by-site-list li[style="font-size: 2.02em"] {
  659.     font-size: 3.24em!important;
  660. }
  661. #by-site-list li[style="font-size: 2.02em"] a {
  662.     color: darkturquoise !important;
  663. }
  664.  
  665. #by-site-list li[style="font-size: 2.1em"] {
  666.     font-size: 3.23em !important;
  667. }
  668. #by-site-list li[style="font-size: 2.1em"] a {
  669.     color: darkturquoise !important;
  670. }
  671.  
  672. #by-site-list li[style="font-size: 2.06em"] {
  673.     font-size: 3.22em !important;
  674. }
  675. #by-site-list li[style="font-size: 2.06em"] a {
  676.     color: deepskyblue !important;
  677. }
  678.  
  679. #by-site-list li[style="font-size: 1.99em"] {
  680.     font-size: 3.21em !important;
  681. }
  682. #by-site-list li[style="font-size: 1.99em"] a {
  683.     color: darkturquoise !important;
  684. }
  685.  
  686. #by-site-list li[style="font-size: 1.92em"] {
  687.     font-size: 3.20em !important;
  688. }
  689. #by-site-list li[style="font-size: 1.92em"] a {
  690.     color: darkturquoise !important;
  691. }
  692.  
  693. #by-site-list li[style="font-size: 1.87em"] {
  694.     font-size: 3.19em!important;
  695. }
  696. #by-site-list li[style="font-size: 1.87em"] a {
  697.     color: darkturquoise !important;
  698. }
  699.  
  700. #by-site-list li[style="font-size: 1.7em"] {
  701.     font-size: 3.18em!important;
  702. }
  703. #by-site-list li[style="font-size: 1.7em"] a {
  704.     color: darkturquoise !important;
  705. }
  706.  
  707. #by-site-list li[style="font-size: 1.66em"] {
  708.     font-size: 3.17em !important;
  709. }
  710. #by-site-list li[style="font-size: 1.66em"] a {
  711.     color: darkturquoise !important;
  712. }
  713.  
  714. #by-site-list li[style="font-size: 1.61em"] {
  715.     font-size: 3.16em !important;
  716. }
  717. #by-site-list li[style="font-size: 1.61em"] a {
  718.     color: deeppink !important;
  719. }
  720.  
  721. #by-site-list li[style="font-size: 1.5em"] {
  722.     font-size: 3.15em !important;
  723. }
  724. #by-site-list li[style="font-size: 1.5em"] a {
  725.     color: darkturquoise !important;
  726. }
  727.  
  728. #by-site-list li[style="font-size: 1.4em"] {
  729.     font-size: 3.14em !important;
  730. }
  731. #by-site-list li[style="font-size: 1.4em"] a {
  732.     color: darkturquoise !important;
  733. }
  734.  
  735. #by-site-list li[style="font-size: 1.41em"] {
  736.     font-size: 3.13em !important;
  737. }
  738. #by-site-list li[style="font-size: 1.41em"] a {
  739.     color: deeppink !important;
  740. }
  741.  
  742. #by-site-list li[style="font-size: 1.3em"] {
  743.     font-size: 3.12em !important;
  744. }
  745. #by-site-list li[style="font-size: 1.3em"] a {
  746. color: deeppink !important;
  747. }
  748.  
  749. #by-site-list li[style="font-size: 1.39em"] {
  750.     font-size: 3.11em !important;
  751. }
  752. #by-site-list li[style="font-size: 1.39em"] a {
  753.     color: darkturquoise !important;
  754. }
  755.  
  756. #by-site-list li[style="font-size: 1.38em"] {
  757.     font-size: 3.10em!important;
  758. }
  759. #by-site-list li[style="font-size: 1.38em"] a {
  760.     color: darkturquoise !important;
  761. }
  762.  
  763. #by-site-list li[style="font-size: 1.35em"] {
  764.     font-size: 3.09em !important;
  765. }
  766. #by-site-list li[style="font-size: 1.35em"] a {
  767. color: darkturquoise !important;
  768. }
  769.  
  770. #by-site-list li[style="font-size: 1.34em"] {
  771.     font-size: 3.08em !important;
  772. }
  773. #by-site-list li[style="font-size: 1.34em"] a {
  774.     color: darkturquoise !important;
  775. }
  776.  
  777. #by-site-list li[style="font-size: 1.32em"] {
  778.     font-size: 3.07em !important;
  779. }
  780. #by-site-list li[style="font-size: 1.32em"] a {
  781.     color: darkturquoise !important;
  782. }
  783.  
  784. #by-site-list li[style="font-size: 1.31em"] {
  785.     font-size: 3.06em !important;
  786. }
  787. #by-site-list li[style="font-size: 1.31em"] a {
  788.     color: darkturquoise !important;
  789. }
  790.  
  791. #by-site-list li[style="font-size: 1.29em"] {
  792.     font-size: 3.05em !important;
  793. }
  794. #by-site-list li[style="font-size: 1.29em"] a {
  795.     color: deeppink !important;
  796. }
  797.  
  798. #by-site-list li[style="font-size: 1.26em"] {
  799.     font-size: 3.04em !important;
  800. }
  801. #by-site-list li[style="font-size: 1.26em"] a {
  802.     color: darkturquoise !important;
  803. }
  804.  
  805.  
  806. #by-site-list li[style="font-size: 1.23em"] {
  807.     font-size: 3.03em !important;
  808. }
  809. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  810.     color: lightcyan !important;
  811. }
  812. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  813.     color: wheat !important;
  814. }
  815.  
  816.  
  817. #by-site-list li[style="font-size: 1.21em"] {
  818.     font-size: 3.02em !important;
  819. }
  820. #by-site-list li[style="font-size: 1.21em"] a {
  821.     color: deeppink !important;
  822. }
  823.  
  824. #by-site-list li[style="font-size: 1.08em"] {
  825.     font-size: 3.01em !important;
  826. }
  827. #by-site-list li[style="font-size: 1.08em"] a {
  828.     color: darkturquoise !important;
  829. }
  830.  
  831. #by-site-list li[style="font-size: 1.07em"] {
  832.     font-size: 3.00em !important;
  833. }
  834. #by-site-list li[style="font-size: 1.07em"] a {
  835.     color: darkturquoise !important;
  836. }
  837.  
  838. #by-site-list li[style="font-size: 1.05em"] {
  839.     font-size: 2.99em  !important;
  840. }
  841. #by-site-list li[style="font-size: 1.05em"] a {
  842.     color: darkturquoise !important;
  843. }
  844.  
  845. #by-site-list li[style="font-size: 1.0em"] {
  846.     font-size: 2.98em  !important;
  847. }
  848. #by-site-list li[style="font-size: 1.0em"] a {
  849.     color: darkturquoise !important;
  850. }
  851.  
  852. #by-site-list li[style="font-size: 1.01em"] {
  853.     font-size: 2.97em  !important;
  854. }
  855. #by-site-list li[style="font-size: 1.01em"] a {
  856.     color: darkturquoise !important;
  857. }
  858.  
  859.  
  860. #by-site-list li[style="font-size: 0.6em"] {
  861.     font-size: 1em !important;
  862. }
  863. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  864.     color: lightblue!important;
  865. }
  866. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  867.     color: aquamarine !important;
  868. }
  869. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  870.     color: tomato !important;
  871. }
  872. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  873.     color: powderblue !important;
  874. }
  875. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  876.     color: greenyellow !important;
  877. }
  878.  
  879.  
  880.  
  881. #by-site-list li[style="font-size: 0.61em"]{
  882.     font-size: 1.1em !important;
  883. }
  884. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  885.     color: turquoise !important;
  886. }
  887. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  888.     color: azure !important;
  889. }
  890. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  891.     color: mediumvioletred !important;
  892. }
  893.  
  894.  
  895.  
  896. #by-site-list li[style="font-size: 0.62em"]{
  897.     font-size: 1.2em !important;
  898. }
  899. #by-site-list li[style="font-size: 0.62em"] a {
  900.     color: blueviolet !important;
  901. }
  902. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  903.     color: cornflowerblue !important;
  904. }
  905. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  906.     color: peachpuff !important;
  907. }
  908. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  909.     color: tomato !important;
  910. }
  911. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  912.     color: powderblue !important;
  913. }
  914. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  915.     color: greenyellow !important;
  916. }
  917.  
  918.  
  919. #by-site-list li[style="font-size: 0.63em"]{
  920.     font-size: 1.3em !important;
  921. }
  922. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  923.     color: lightsalmon !important;
  924. }
  925. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  926.     color: darkcyan !important;
  927. }
  928.  
  929.  
  930.  
  931. #by-site-list li[style="font-size: 0.64em"]{
  932.     font-size: 1.4em !important;
  933. }
  934. #by-site-list li[style="font-size: 0.64em"] a {
  935.     color: peru !important;
  936. }
  937. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  938.     color: deepskyblue !important;
  939. }
  940. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  941.     color: dodgerblue !important;
  942. }
  943. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  944.     color: tomato !important;
  945. }
  946. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  947.     color: powderblue !important;
  948. }
  949. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  950.     color: greenyellow !important;
  951. }
  952.  
  953. #by-site-list li[style="font-size: 0.65em"]{
  954.     font-size: 1.5em !important;
  955. }
  956. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  957.     color: violet !important;
  958. }
  959. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  960.     color: goldenrod !important;
  961. }
  962.  
  963.  
  964. #by-site-list li[style="font-size: 0.66em"]{
  965.     font-size: 1.6em !important;
  966. }
  967. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  968.     color: greenyellow !important;
  969. }
  970. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  971.     color: indianred !important;
  972. }
  973.  
  974.  
  975. #by-site-list li[style="font-size: 0.67em"]{
  976.     font-size: 1.7em !important;
  977. }
  978. #by-site-list li[style="font-size: 0.67em"] a {
  979.     color: lawngreen !important;
  980. }
  981.  
  982.  
  983.  
  984. #by-site-list li[style="font-size: 0.68em"]{
  985.     font-size: 1.8em !important;
  986. }
  987. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  988.     color: lightblue !important;
  989. }
  990. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  991.     color: lavender !important;
  992. }
  993. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  994.     color: tomato !important;
  995. }
  996. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  997.     color: powderblue !important;
  998. }
  999. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  1000.     color: greenyellow !important;
  1001. }
  1002.  
  1003.  
  1004.  
  1005. #by-site-list li[style="font-size: 0.69em"]{
  1006.     font-size: 1.9em !important;
  1007. }
  1008. #by-site-list li[style="font-size: 0.69em"] a {
  1009.     color: lemonchiffon !important;
  1010. }
  1011.  
  1012.  
  1013. #by-site-list li[style="font-size: 0.7em"]{
  1014.     font-size: 2em !important;
  1015. }
  1016. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  1017.     color: thistle !important;
  1018. }
  1019. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  1020.     color:  blanchedalmond !important;
  1021. }
  1022.  
  1023.  
  1024. #by-site-list li[style="font-size: 0.71em"]{
  1025.     font-size: 2.1em !important;
  1026. }
  1027. #by-site-list li[style="font-size: 0.71em"] a {
  1028.     color: antiquewhite !important;
  1029. }
  1030.  
  1031. #by-site-list li[style="font-size: 0.72em"]{
  1032.     font-size: 2.2em !important;
  1033. }
  1034. #by-site-list li[style="font-size: 0.72em"] a {
  1035.     color: aqua !important;
  1036. }
  1037.  
  1038. #by-site-list li[style="font-size: 0.73em"]{
  1039.     font-size: 2.3em !important;
  1040. }
  1041. #by-site-list li[style="font-size: 0.73em"] a {
  1042.     color: aquamarine !important;
  1043. }
  1044.  
  1045. #by-site-list li[style="font-size: 0.74em"]{
  1046.     font-size: 2.4em !important;
  1047. }
  1048. #by-site-list li[style="font-size: 0.74em"] a {
  1049.     color: bisque !important;
  1050. }
  1051.  
  1052.  
  1053. #by-site-list li[style="font-size: 0.75em"]{
  1054.     font-size: 2.5em !important;
  1055. }
  1056. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  1057.     color: darkgray !important;
  1058. }
  1059. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  1060.     color: palevioletred !important;
  1061. }
  1062.  
  1063.  
  1064.  
  1065. #by-site-list li[style="font-size: 0.76em"]{
  1066.     font-size: 2.6em !important;
  1067. }
  1068. #by-site-list li[style="font-size: 0.76em"] a {
  1069. color: darkcyan !important;
  1070. }
  1071.  
  1072. #by-site-list li[style="font-size: 0.77em"]{
  1073.     font-size: 2.7em !important;
  1074. }
  1075. #by-site-list li[style="font-size: 0.77em"] a {
  1076.     color: darkorange !important;
  1077. }
  1078.  
  1079. #by-site-list li[style="font-size: 0.78em"]{
  1080.     font-size: 2.8em !important;
  1081. }
  1082. #by-site-list li[style="font-size: 0.78em"] a {
  1083.     color: crimson !important;
  1084. }
  1085.  
  1086. #by-site-list li[style="font-size: 0.79em"]{
  1087.     font-size: 2.9em !important;
  1088. }
  1089. #by-site-list li[style="font-size: 0.79em"] a {
  1090.     color: cornsilk  !important;
  1091. }
  1092.  
  1093. /* ==== > 2.91em ===  */
  1094.  
  1095. #by-site-list li[style="font-size: 0.8em"]{
  1096.     font-size: 2.91em !important;
  1097. }
  1098. #by-site-list li[style="font-size: 0.8em"] a {
  1099.     color: cornflowerblue  !important;
  1100. }
  1101.  
  1102. #by-site-list li[style="font-size: 0.81em"]{
  1103.     font-size: 2.92em !important;
  1104. }
  1105. #by-site-list li[style="font-size: 0.81em"] a {
  1106.     color: coral  !important;
  1107. }
  1108.  
  1109. #by-site-list li[style="font-size: 0.82em"]{
  1110.     font-size: 2.93em !important;
  1111. }
  1112. #by-site-list li[style="font-size: 0.82em"] a {
  1113.     color: chocolate !important;
  1114. }
  1115.  
  1116. #by-site-list li[style="font-size: 0.83em"]{
  1117.     font-size: 2.94em !important;
  1118. }
  1119. #by-site-list li[style="font-size: 0.83em"] a {
  1120.     color: chartreuse !important;
  1121. }
  1122.  
  1123.  
  1124.  
  1125. #by-site-list li[style="font-size: 0.85em"]{
  1126.     font-size: 2.945em !important;
  1127. }
  1128. #by-site-list li[style="font-size: 0.85em"] a {
  1129.     color: cadetblue !important;
  1130. }
  1131. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  1132.     color: orangered!important;
  1133. }
  1134. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  1135.     color: indianred !important;
  1136. }
  1137. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  1138.     color: tomato !important;
  1139. }
  1140. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  1141.     color: mediumturquoise !important;
  1142. }
  1143. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  1144.     color: greenyellow !important;
  1145. }
  1146.  
  1147.  
  1148.  
  1149. #by-site-list li[style="font-size: 0.89em"] {
  1150.     font-size: 2.96em !important;
  1151. }
  1152. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  1153.     color: darkturquoise !important;
  1154. }
  1155. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  1156.     color: mediumorchid !important;
  1157. }
  1158.  
  1159. #by-site-list li[style="font-size: 0.99em"] {
  1160.     font-size: 2.965em !important;
  1161. }
  1162. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  1163.     color: darkturquoise !important;
  1164. }
  1165. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  1166.     color: mediumorchid !important;
  1167. }
  1168.  
  1169.  
  1170.  
  1171.  
  1172. /* GREASEY FORK - LIGHTBOX - POSITION -
  1173. https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
  1174. https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
  1175. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  1176. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
  1177. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1178. HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
  1179.  
  1180. ALT (alt="Capture" title="YES" style="">):
  1181. - https://greasyfork.org/fr/scripts/7483-fa-content-filter
  1182.  
  1183. ALT (alt="Capture" title="NO" style="">):
  1184. - https://greasyfork.org/fr/scripts/7827-auto-open
  1185. - https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
  1186. === */
  1187. /* ============  SOURCE - SUPP "Source" -
  1188. La propriété de feuille de style clip css peut prendre la valeur de :
  1189. - auto, s'adapte au contenu,
  1190. - rect(v1, v2, v3, v4) :
  1191. v1 début de la zone visible verticale,
  1192. v2 fin de la zone visible horizontale,
  1193. v3 fin de la zone visible verticale,
  1194. v4 début de la zone visible horizontale.
  1195. L'unité "%" ne semble pas être acceptée.
  1196. - inherit, hérite de son parent
  1197. EXEMPLE :
  1198.     clip: rect(0px, 185px, 25px , 54px)!important;
  1199. ================== */
  1200. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  1201.     position: relative !important;
  1202.     display: inline-block !important;
  1203.     float: right !important;
  1204.     clear: both !important;
  1205.     content: " 🔻 Preview 🔻 " !important;
  1206.     height: 15px !important;
  1207.     line-height: 12px !important;
  1208.     width: 140px!important;
  1209.     margin-top: -63px!important;
  1210.     margin-right: -83px !important;
  1211.     border-right: 1px solid peru !important;
  1212.     border-left: 1px solid peru !important;
  1213.     border-top: 1px solid peru !important;
  1214.     transform: rotate(90deg) !important;
  1215.     text-align: center !important;
  1216.     letter-spacing: 1.7px;
  1217.     background: black !important;
  1218.     z-index: 5000 !important;
  1219.     border: 1px solid gold !important;
  1220. }
  1221.  
  1222. /* ===
  1223. CLIP:
  1224.  rect (top, right, bottom, left)
  1225. image:clip:rect(0px,60px,200px,0px);
  1226. === */
  1227. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  1228.     position: absolute!important;
  1229.     display: inline-block!important;
  1230.     height: 130px !important;
  1231.     width: 97.5%!important;
  1232.     top: -160px!important;
  1233.     text-align: right!important;
  1234.     border: 1px solid peru !important;
  1235.     background-color: transparent!important;
  1236.     background: black !important;
  1237.     clip: rect(0px, 990px, 145px , 945px)!important;
  1238.     transition: all ease 1.5s !important;
  1239. }
  1240. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  1241.     background: red !important;
  1242.     clip: rect(0px, 947px, 145px , 0px)!important;
  1243.     z-index: 5000!important;
  1244. }
  1245.  
  1246. .script-screenshots .fancybox {
  1247.     position: relative !important;
  1248.     display: inline-block !important;
  1249.     float: right !important;
  1250.     clear:left !important;
  1251.     height: 120px !important;
  1252.     width: 160px!important;
  1253.     margin-right: 5px!important;
  1254.     margin-left: 5px !important;
  1255. }
  1256. .script-screenshots .fancybox:not([title=""]):after {
  1257.     content: attr(title) !important;
  1258.     position: relative !important;
  1259.     display: inline-block !important;
  1260.     height: 10px !important;
  1261.     line-height: 10px !important;
  1262.     width: 145px!important;
  1263.     float: right !important;
  1264.     clear: both !important;
  1265.     margin-right: 0px !important;
  1266.     margin-top: 5px!important;
  1267.     padding: 2px 5px !important;
  1268.     border-radius: 5px !important;
  1269.     font-size: 10px !important;
  1270.     text-align: left !important;
  1271.     text-overflow: ellipsis !important;
  1272.     white-space: nowrap !important;
  1273.     overflow: hidden !important;
  1274.     background: #333 !important;
  1275. }
  1276.  
  1277.  
  1278. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  1279. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  1280. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  1281. ==== */
  1282. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  1283.     display: inline-block !important;
  1284. }
  1285. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  1286.     position: relative !important;
  1287.     display: inline-block !important;
  1288.     height: 100% !important;
  1289.     min-height: 100px !important;
  1290.     max-height: 100px !important;
  1291.     max-width: 98% !important;
  1292.     margin: 0 auto !important;
  1293.     border: 1px solid orange !important;
  1294.     border-radius: 3px;
  1295.     box-shadow: 5px 5px 2px #181818 !important;
  1296.     color: yellow !important;
  1297. /* font-size: 0 !important; */
  1298.     padding: 2px !important;
  1299.     background-color: #2b2b2b !important;
  1300. }
  1301.  
  1302. /* TEST - GM - LANG FILTER -
  1303. https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
  1304. PB compatibility with TS CITRUS in SCRIPTS LIST
  1305. === */
  1306. #greazy-forq-info  {
  1307.     background: rgba(255, 255, 255, 0.55);
  1308.     color: #670000;
  1309.     cursor: pointer;
  1310.     left: 2px;
  1311.     position: fixed;
  1312.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  1313.     top: 2px;
  1314.     z-index: 5000!important;
  1315. }
  1316. li.greazy-forq-hiden ,
  1317. .greazy-forq-hiden {
  1318.     border-width: 1px 0 1px 9px !important;
  1319. }
  1320. /* USERSTYLES - - STYLE INFOS for TXT in "small"
  1321. https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
  1322. === */
  1323. #additional-info-text small {
  1324.     color: #acaeb5 !important;
  1325.     font-size: 12px!important;
  1326. }
  1327.  
  1328. /* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  1329. .good-rating-count,
  1330. .ok-rating-count,
  1331. .bad-rating-count {
  1332.     border-radius: 2px!important;
  1333.     display: inline-block !important;
  1334.     min-width: 15px!important;
  1335.     height: 13px !important;
  1336.     line-height: 11px !important;
  1337.     padding: 0px 2px !important;
  1338.     margin-right: 2px!important;
  1339.     margin-left: -2px!important;
  1340.     text-align: center !important;
  1341. text-indent: 0px !important;
  1342. }
  1343. .total-rating-count  {
  1344.     display: table-cell !important;
  1345. /*     display: inline-block; */
  1346.     width: 100% !important;
  1347. /* min-width: 100% !important; */
  1348. /* max-width: 100% !important; */
  1349.     height: 13px !important;
  1350.     line-height: 13px !important;
  1351.     padding: 0px 2px !important;
  1352.     border-radius: 2px!important;
  1353. }
  1354.  
  1355. /* USERSTYLES COMMENT FORM -
  1356. https://forum.userstyles.org/discussion/48485/how-do-i-remove-pop-ups-in-lower-left-corner-in-firefox#latest
  1357. === */
  1358. .Form-HeaderWrap {
  1359.     margin-left: -71px !important;
  1360. }
  1361. .MessageForm .H {
  1362. text-indent: 30px !important;
  1363. }
  1364. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author {
  1365.     position: absolute !important;
  1366.     margin-left: 51px !important;
  1367.     margin-top: -50px !important;
  1368. }
  1369. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap {
  1370.     height: 30px !important;
  1371.     width: 30px !important;
  1372. }
  1373. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap img.ProfilePhotoMedium {
  1374.     height: 30px !important;
  1375.     width: 30px !important;
  1376. }
  1377.  
  1378. #Form_Comment {
  1379.     width: 701px !important;
  1380.     margin-left: -143px !important;
  1381.     margin-top: -10px !important;
  1382.     padding-left: 72px !important;
  1383. }
  1384. /* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */
  1385. /* FIRST  */
  1386. /* #vanilla_post_discussion #DiscussionForm */
  1387.  
  1388. textarea#Form_Body.textarea-autosize {
  1389.     height: 138px;
  1390.     min-height: 50px;
  1391.     min-width: 670px !important;
  1392.     overflow: hidden;
  1393.     resize: vertical !important;
  1394.     word-wrap: break-word;
  1395. outline: 1px solid red ;
  1396. }
  1397. .FormWrapper>form {
  1398.     margin-left: -23px;
  1399.     margin-top: 27px;
  1400.     width: 681px !important;
  1401. outline: 1px solid red ;
  1402. }
  1403. /* FIRST */
  1404. #vanilla_post_discussion #DiscussionForm {
  1405.     position: relative;
  1406.     display: inline-block;
  1407.     width: 682px ;
  1408.     top: 25px ;
  1409.     margin-top: -144px !important;
  1410. }
  1411. #vanilla_post_discussion .FormWrapper {
  1412.     margin-top: -8px ;
  1413. }
  1414.  
  1415. /* RE EDIT / MODIF  */
  1416. #vanilla_post_editdiscussion #DiscussionForm {
  1417.     position: relative;
  1418.     display: inline-block;
  1419.     width: 682px ;
  1420.     top: 39px ;
  1421.     margin-top: -144px !important;
  1422.     left: -22px;
  1423. }
  1424. #vanilla_post_editdiscussion  .FormWrapper>form {
  1425.     margin-left: 0px ;
  1426. }
  1427.  
  1428. /* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
  1429. .RadioLabel[for="Form_Format"] {
  1430.     display: inline-block!important;
  1431.     width: 116px !important;
  1432.     border: 1px solid green !important;
  1433.     margin-bottom: 2px !important;
  1434. }
  1435. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
  1436. .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1437.     content: "Les éléments et attributs suivants sont autorisés.  \A \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A \A * (name, title) | a (href) | abbr | b | \A blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A  img (alt, height, src (https), width) |  \A kbd | li | mark | ol | p | pre | q (cite) |  \A rp | rt | ruby | s | samp | small | span | strike |  \A strong | tt | table | tbody | tfoot | thead | \A  td | th | tr | sub | sup |  \A time (datetime, pubdate) | u | ul | var \A \A Les sauts de ligne seront transformés en éléments <p> ou <br>. \A  \A Les URL seront automatiquement transformées en liens." !important;
  1438.     position: absolute !important;
  1439.     display: inline-block !important;
  1440.     width: 659px !important;
  1441.     height: 325px !important;
  1442.     margin-top: -338px !important;
  1443.     margin-left: -40px !important;
  1444.     padding: 5px !important;
  1445.     color: peru !important;
  1446.     border-radius: 4px 4px 20px 20px !important;
  1447.     background: black !important;
  1448.     white-space: pre-line !important;
  1449.     z-index: 500 !important;
  1450.     opacity: 1 !important;
  1451.     overflow:hidden !important;
  1452.     overflow-y: auto !important;
  1453.     transition: all 0.7s!important;
  1454.     transition: all ease 0.7s !important;
  1455.     border: 4px solid GREEN !important;
  1456. }
  1457.  
  1458. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1459. #vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1460.     position: absolute !important;
  1461.     display: inline-block !important;
  1462.     width: 430px !important;
  1463.     height: 500px !important;
  1464.     top: 460px !important;
  1465.     left: 40px !important;
  1466.     border: 4px DOTTED GREEN !important;
  1467. }
  1468.  
  1469.  
  1470.  
  1471.  
  1472. /* HTLM WITH GM */
  1473. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
  1474.     display: none !important;
  1475. }
  1476. /* .bodybox-wrap:hover:after , */
  1477. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
  1478.     content: "Les éléments et attributs suivants sont autorisés.  \A \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A \A * (name, title) | a (href) | abbr | b | \A blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A  img (alt, height, src (https), width) |  \A kbd | li | mark | ol | p | pre | q (cite) |  \A rp | rt | ruby | s | samp | small | span | strike |  \A strong | tt | table | tbody | tfoot | thead | \A  td | th | tr | sub | sup |  \A time (datetime, pubdate) | u | ul | var \A \A Les sauts de ligne seront transformés en éléments <p> ou <br>. \A  \A Les URL seront automatiquement transformées en liens." !important;
  1479.     position: absolute !important;
  1480.     display: inline-block !important;
  1481.     width: 638px !important;
  1482.     height: 400px !important;
  1483.     margin-top: -398px !important;
  1484.     margin-left: -40px !important;
  1485.     padding: 5px !important;
  1486.     color: peru !important;
  1487.     border: 1px dotted GREEN !important;
  1488.     border-radius: 4px 4px 0px 20px !important;
  1489.     background: black !important;
  1490.     white-space: pre-line !important;
  1491.     z-index: 500 !important;
  1492.     opacity: 1 !important;
  1493.     overflow:hidden !important;
  1494.     overflow-y: auto !important;
  1495.     transition: all 0.7s!important;
  1496.     transition: all ease 0.7s !important;
  1497. }
  1498.  
  1499.  
  1500. /* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
  1501. https://greasyfork.org/scripts/6779
  1502. .bodybox-wrap .RadioLabel[for="Form_Format1"] a
  1503. === */
  1504. /* .RadioLabel[for="Form_Format1"]:hover , */
  1505. .RadioLabel[for="Form_Format1"] {
  1506.     position: relative !important;
  1507.     display: inline-block !important;
  1508.     width: 130px !important;
  1509.     border: 1px solid YELLOW !important;
  1510. }
  1511.  
  1512. /* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
  1513. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
  1514.     content: "Quick reference guide to the rest of the Markdown syntax.  \A \25B6 Headers with ( # )  :   \A # Level one header #   \A ### Level three header ###  \A Headers continue as you’d imagine, with extra hashes.  \A \25B6 Links  with ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 Blockquote with ( > ):  \A > This is quoted   \A \25B6 Code :   \A Indent text at least 4 spaces for all formatting in it to be ignored.  \A # This isn't displayed as header, because it is indented 4 spaces  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Lists  \A \25B6 Unordered lists : use *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 Ordered lists : use number followed by period.  \A 1. with  \A 1. numbers  \A  \25B6 Horizontal lines with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A _italic_ or *italic*  \A __bold__ or **bold**  \A \25B6 Escaping :  \A If you don’t want some of these rules to apply,   \A they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A This is /\*/\*not/\*/\* in bold." !important;
  1515.     position: absolute !important;
  1516.     display: inline-block !important;
  1517.     width: 500px !important;
  1518.     height: 390px !important;
  1519.     margin-top: -398px !important;
  1520.     margin-left: -66px !important;
  1521.     padding: 10px !important;
  1522.     color: peru !important;
  1523.     border: 1px dotted YELLOW !important;
  1524.     border-radius: 4px 4px 0px 20px !important;
  1525.     background: black !important;
  1526.     white-space: pre-line !important;
  1527.     z-index: 500 !important;
  1528.     opacity: 1 !important;
  1529.     visibility: visible !important;
  1530.     overflow:hidden !important;
  1531.     overflow-y: auto !important;
  1532.     transition: all 0.7s!important;
  1533. }
  1534.  
  1535. /* HTLM WITH GM */
  1536. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
  1537. display: none !important;
  1538. }
  1539. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
  1540. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1541.     content: "Quick reference guide to the rest of the Markdown syntax.  \A \25B6 Headers with ( # )  :   \A # Level one header #   \A ### Level three header ###  \A Headers continue as you’d imagine, with extra hashes.  \A \25B6 Links  with ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 Blockquote with ( > ):  \A > This is quoted   \A \25B6 Code :   \A Indent text at least 4 spaces for all formatting in it to be ignored.  \A # This isn't displayed as header, because it is indented 4 spaces  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Lists  \A \25B6 Unordered lists : use *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 Ordered lists : use number followed by period.  \A 1. with  \A 1. numbers  \A  \25B6 Horizontal lines with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A _italic_ or *italic*  \A __bold__ or **bold**  \A \25B6 Escaping :  \A If you don’t want some of these rules to apply,   \A they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A This is /\*/\*not/\*/\* in bold." !important;
  1542.     position: absolute !important;
  1543.     display: inline-block !important;
  1544.     width: 520px !important;
  1545.     height: 320px !important;
  1546.     margin-top: -342px !important;
  1547.     margin-left: -66px !important;
  1548.     padding: 10px !important;
  1549.     color: peru !important;
  1550.     border-radius: 4px 4px 20px 20px !important;
  1551.     white-space: pre-line !important;
  1552.     z-index: 500 !important;
  1553.     opacity: 1 !important;
  1554.     visibility: visible !important;
  1555.     overflow:hidden !important;
  1556.     overflow-y: auto !important;
  1557.     transition: all 0.7s!important;
  1558.     border: 4px solid YELLOW !important;
  1559.     background: black !important;
  1560. }
  1561. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1562. #vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1563.     position: absolute !important;
  1564.     display: inline-block !important;
  1565.     width: 420px !important;
  1566.     height: 500px !important;
  1567.     margin-left: 80px !important;
  1568.     top: 255px !important;
  1569.     left: -525px !important;
  1570.     font-size: 12px !important;
  1571.     border: 4px DOTTED YELLOW !important;
  1572. }
  1573.  
  1574. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  1575. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  1576. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  1577. visibility: hidden !important;
  1578.     opacity: 0!important;
  1579. }
  1580.  
  1581. /* (new66) PROFILE INFOS - without sript - === */
  1582. #main-header + .width-constraint .text-content #user-profile + section header {
  1583.     margin-bottom: 2px !important;
  1584.     margin-top: -18px !important;
  1585. }
  1586. /* (new76) PROFILE INFOS - CITRUS */
  1587. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  1588.     margin-bottom: 2px !important;
  1589.     margin-top: -9px !important;
  1590. }
  1591. .width-constraint #script-list-option-groups.list-option-groups + header {
  1592.     display: inline-block !important;
  1593.     float: right !important;
  1594.     width: 778px !important;
  1595.     min-height: 25px !important;
  1596.     max-height: 25px !important;
  1597.     line-height: 0px !important;
  1598.     margin-right: -26px !important;
  1599.     margin-top: 0px !important;
  1600. /* margin-bottom: -37px !important; */
  1601. /* background: red !important; */
  1602. }
  1603. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  1604.     display: inline-block !important;
  1605.     width: 779px !important;
  1606.     min-height: 25px !important;
  1607.     max-height: 25px !important;
  1608.     line-height: 20px !important;
  1609.     margin-top: -3px !important;
  1610. /* margin-bottom: -37px !important; */
  1611.     text-align: center !important;
  1612. background: #222 !important;
  1613. }
  1614. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  1615.     display: inline-block !important;
  1616.     float: right !important;
  1617.     width: 778px !important;
  1618.     min-height: 844px !important;
  1619.     margin-top: 25px !important;
  1620.     margin-right: -29px !important;
  1621. }
  1622.  
  1623.  
  1624. /* (new94) USER PROFILE - === */
  1625. .script-list,
  1626. .user-list,
  1627. .text-content {
  1628.     display: inline-block !important;
  1629. /* width: 100% !important; */
  1630.     margin-top: 0px !important;
  1631.     box-shadow: 3px 3px 2px black !important;
  1632.     background-color: #222 !important;
  1633. }
  1634. #user-profile>p {
  1635.     margin-top: 0 !important;
  1636. }
  1637. .text-content {
  1638. width: 100% !important;
  1639. }
  1640.  
  1641. .white-panel,
  1642. #user-discussions-on-scripts-written,
  1643. #control-panel,
  1644. #user-profile {
  1645.     background-color: transparent !important;
  1646. }
  1647.  
  1648. /* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE -
  1649. https://greasyfork.org/fr/users/8-decembre?sort=updated
  1650. https://greasyfork.org/fr/users/2482-lazza?sort=updated
  1651. === */
  1652. body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
  1653. body[pagetype="UserProfile"] #main-header + .width-constraint {
  1654.     margin-top: 45px !important;
  1655.     max-width: 980px !important;
  1656. background: #222 !important;
  1657. }
  1658. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
  1659. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
  1660.     display: inline-block  !important;
  1661.     max-width: 980px !important;
  1662.     box-shadow: none !important;
  1663. }
  1664.  
  1665. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
  1666.     box-shadow: none !important;
  1667.     padding-bottom: 0 !important;
  1668. }
  1669. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
  1670.     padding: 0 0 0 10px !important;
  1671. }
  1672.  
  1673. /* (new73) FAVORIS SCRIPTS - without CITRUS */
  1674. .width-constraint section.text-content + section {
  1675.     margin-top: 25px !important;
  1676.     margin-bottom: 10px !important;
  1677. /* background: blue !important; */
  1678. }
  1679. .width-constraint section.text-content + section header {
  1680.     margin-top: -31px !important;
  1681.     margin-bottom: -10px !important;
  1682. }
  1683. #user-script-sets {
  1684.     margin-top: 0px !important;
  1685. padding-top: 10px !important;
  1686.     padding-left: 0px !important;
  1687. }
  1688.  
  1689.  
  1690. /* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
  1691. body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
  1692.     display: inline-block  !important;
  1693.     margin-top: -18px !important;
  1694. /* background: red !important; */
  1695. }
  1696. body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
  1697.     margin-top: -31px !important;
  1698.     margin-bottom: 10px !important;
  1699. }
  1700.  
  1701.  
  1702. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
  1703.  
  1704. #user-profile {
  1705.     display: inline-block !important;
  1706.     min-width: 910px;
  1707.     max-width: 910px;
  1708.     min-height: 21px!important;
  1709.     max-height: 21px!important;
  1710.     padding-bottom: 8px !important;
  1711.     padding-top: 2px !important;
  1712.     overflow: hidden!important;
  1713.     transition: all ease 0.2s !important;
  1714. /* background-color: red !important; */
  1715. }
  1716.  
  1717. body[pagetype="PersonalProfile"] #user-profile ,
  1718. body[pagetype="UserProfile"] #user-profile {
  1719.     display: inline-block !important;
  1720.     min-width: 930px;
  1721.     max-width: 930px;
  1722.     background-color: white;
  1723.     min-height: 21px!important;
  1724.     max-height: 21px!important;
  1725.     padding-bottom: 18px !important;
  1726.     padding-top: 0px !important;
  1727.     overflow: hidden!important;
  1728.     transition: all ease 0.2s !important;
  1729. }
  1730. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
  1731. #user-profile:hover {
  1732.     display: inline-block !important;
  1733.     min-height: 21px !important;
  1734.     max-height: 200px !important;
  1735.     background: black!important;
  1736.     overflow-y: auto !important;
  1737.     transition: all ease 0.7s !important;
  1738. }
  1739. body[pagetype="PersonalProfile"] #user-profile:hover ,
  1740. body[pagetype="UserProfile"] #user-profile:hover {
  1741.     display: inline-block !important;
  1742.     min-height: 21px !important;
  1743.     max-height: 200px !important;
  1744.     background: black!important;
  1745.     overflow-y: auto !important;
  1746.     transition: all ease 0.7s !important;
  1747. }
  1748.  
  1749.  
  1750. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
  1751.  
  1752. .width-constraint > .text-content #user-profile:after {
  1753.     position: absolute !important;
  1754.     display: inline-block !important;
  1755.     top: 107px !important;
  1756.     margin-left: -255px !important;
  1757.     content: " (hover it !)" !important;
  1758.     font-size: 9px !important;
  1759.     color: tomato !important;
  1760. /* background: red !important; */
  1761. }
  1762. body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
  1763.     top: 99px !important;
  1764.     margin-left: 0px !important;
  1765.     color: red !important;
  1766. }
  1767.  
  1768. body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
  1769.     top: 99px !important;
  1770.     margin-left: -220px !important;
  1771.     color: green !important;
  1772. }
  1773.  
  1774.  
  1775. /* A SUPP ?? */
  1776.  
  1777. #user-profile>h1:not(:hover){
  1778.     margin-bottom: -5px !important;
  1779. }
  1780. #user-profile>h1:not(:hover):after {
  1781.     margin-top: -3px !important;
  1782.     content: " (hover it !)" !important;
  1783.     font-size: 9px !important;
  1784.     color: tomato !important;
  1785. }
  1786. #user-profile>a:hover {
  1787.     color: tomato !important;
  1788. }
  1789. #user-discussions-on-scripts-written  {
  1790.     min-width: 930px !important;
  1791.     max-width: 930px !important;
  1792.     margin: auto !important;
  1793.     padding-bottom: 18px !important;
  1794.     padding-top: 0px !important;
  1795.     background-color: white;
  1796. }
  1797. #user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
  1798.     max-width: 385px !important;
  1799.     word-wrap: break-word !important;
  1800. }
  1801. .width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
  1802.     display: inline-block !important;
  1803.     float: left !important;
  1804.     margin-left: -15px !important;
  1805.     margin-top: 20px !important;
  1806. }
  1807.  
  1808.  
  1809. /* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK -
  1810. https://greasyfork.org/en/users/11263-azazello
  1811. https://greasyfork.org/en/users/3171-clickhappier?sort=updated
  1812. === */
  1813. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1814.     display: inline-block!important;
  1815.     margin-left: -13px !important;
  1816.     margin-bottom: 0 !important;
  1817. margin-top: -14px !important;
  1818.     padding-left: 6px !important;
  1819. }
  1820.  
  1821. /* CITRUS */
  1822. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1823.     display: inline-block!important;
  1824.     margin-left: -13px !important;
  1825. margin-top: 4px !important;
  1826.     padding-left: 6px !important;
  1827. }
  1828.  
  1829. #user-script-sets>li {
  1830.     display: inline-block !important;
  1831.     float: right ;
  1832.     clear: both ;
  1833.     width: 935px !important;
  1834.     line-height: 20px !important;
  1835.     margin-bottom: 2px !important;
  1836.     padding: 0 5px !important;
  1837.     text-indent: -18px !important;
  1838. }
  1839. #user-script-sets>li:nth-child(odd)  {
  1840.     background: #333 !important;
  1841. }
  1842. #user-script-sets>li:nth-child(even) {
  1843.     background: black !important;
  1844. }
  1845. #user-script-sets>li:hover {
  1846.     color: tomato !important;
  1847. }
  1848. #user-script-sets>li:before {
  1849.     content: " ▶   " ;
  1850. }
  1851.  
  1852. #user-script-sets>li a[href*="/scripts?set="] {
  1853.     display: inline-block !important;
  1854. /* float: left !important; */
  1855.     width: 17px !important;
  1856.     line-height: 20px !important;
  1857.     margin-bottom: -3px !important;
  1858.     font-size: 10px !important;
  1859.     color: transparent !important;
  1860.     white-space: nowrap !important;
  1861.     overflow: hidden !important;
  1862. }
  1863. /* (new60) */
  1864. #user-script-sets>li a[href*="/scripts?set="]:before {
  1865.     position: relative ;
  1866.     display: inline-block !important;
  1867.     float: left ;
  1868.     height: 100% ;
  1869.     max-height: 15px ;
  1870.     min-height: 15px ;
  1871.     width: 100% ;
  1872.     min-width: 25px ;
  1873.     max-width: 25px ;
  1874.     margin-left: -2px ;
  1875.     top: 4px ;
  1876.     color: transparent;
  1877.     content: " ";
  1878.     background-repeat: no-repeat;
  1879.     background-color: rgba(55, 173, 227, 0.4) ;
  1880.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1881.     background-position: 3px -650px !important;
  1882. }
  1883. #user-script-sets>li:hover>a[href$="/edit"] {
  1884.     display: inline-block !important;
  1885.     height: 15px !important;
  1886.     line-height: 18px !important;
  1887.     margin-left: 15px !important;
  1888.     color: gold !important;
  1889. /* background: rgba(11, 11, 11, 0.5) !important; */
  1890.     padding: 2px 4px !important;
  1891. /* border-radius: 5px !important; */
  1892. /* transition: background ease 1.5s !important; */
  1893. }
  1894. /* (new60 */
  1895. #user-script-sets>li:hover>a:not([href$="/edit"]) {
  1896.     display: inline-block !important;
  1897. /*     color: gold !important; */
  1898. /*     background: rgba(11, 11, 11, 0.5) !important; */
  1899. /*     border-radius: 5px !important; */
  1900. /*     transition: background ease 0.8s !important; */
  1901. }
  1902. #user-script-sets>li>a[href$="/edit"]:hover  ,
  1903. #user-script-sets>li>a:not([href$="/edit"]):hover {
  1904. /*     color: white !important; */
  1905. /*     transition: background ease 0.8s !important; */
  1906. }
  1907.  
  1908. /* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
  1909. #main-header + #script-table + .pagination + #UserSets ,
  1910. #main-header + #script-table + #UserSets {
  1911.     position: fixed !important;
  1912.     left: 27.5% !important;
  1913.     top: 48px!important;
  1914.     padding: 2px 10px;
  1915.     background-color: yellow;
  1916.     border-radius: 5px;
  1917.     z-index: 200!important;
  1918.     z-index: 200000 !important;
  1919.     opacity: 1 !important;
  1920. }
  1921.  
  1922. #main-header + #script-table + .pagination + #UserSets:before ,
  1923. #main-header + #script-table + #UserSets:before {
  1924.     background-color: yellow;
  1925.     border-radius: 5px;
  1926.     content: "Your Sets ▼ " !important;
  1927.     display: inline-block !important;
  1928.     left: 27.5% !important;
  1929.     padding: 1px 5px !important;
  1930.     position: fixed !important;
  1931.     top: 48px !important;
  1932.     font-size: 12px !important;
  1933.     visibility: visible !important;
  1934.     z-index: 200000 !important;
  1935.     opacity: 1 !important;
  1936. }
  1937. #main-header + #script-table + .pagination + #UserSets:hover ,
  1938. #main-header + #script-table + #UserSets:hover {
  1939.     opacity: 1 !important;
  1940.     visibility: visible !important;
  1941. }
  1942.  
  1943. /* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - -
  1944. VOIR SET without scripts list:
  1945. https://greasyfork.org/fr/scripts?set=24
  1946. === */
  1947.  
  1948. /* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  1949. #UserSets +.width-constraint>h3 {
  1950.     position: fixed !important;
  1951.     display: inline-block !important;
  1952.     width: 300px !important;
  1953.     height: 20px !important;
  1954.     line-height: 17px !important;
  1955.     top: 60px !important;
  1956.     margin-left: 250px !important;
  1957.     padding: 0 2px !important;
  1958.     font-size: 12px !important;
  1959.     text-align: left !important;
  1960.     border-radius: 3px !important;
  1961.     background: #333 !important;
  1962. }
  1963. #UserSets +.width-constraint>h3 a {
  1964.     display: inline-block !important;
  1965.     max-width: 80px !important;
  1966.     height: 15px !important;
  1967.     line-height: 15px !important;
  1968.     margin-top: 0px !important;
  1969.     font-size: 13px !important;
  1970.     color: gold !important;
  1971.     white-space: nowrap !important;
  1972.     overflow: hidden !important;
  1973.     text-overflow: ellipsis !important;
  1974. }
  1975. #UserSets +.width-constraint>h3 a:hover {
  1976.     color: tomato !important;
  1977. }
  1978. #UserSets +.width-constraint>h3 >a[href$="/edit"] {
  1979.     position: absolute !important;
  1980.     display: inline-block !important;
  1981.     height: 15px !important;
  1982.     line-height: 15px !important;
  1983.     width: 40px !important;
  1984.     top: 2px !important;
  1985.     margin-left: 25% !important;
  1986.     padding: 2px 2px 2px 15px !important;
  1987.     border-radius: 3px !important;
  1988.     font-size: 14px !important;
  1989.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  1990.     opacity: 0 !important;
  1991.     z-index: 1500 !important;
  1992. }
  1993. #UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
  1994.     position: absolute !important;
  1995.     display: inline-block !important;
  1996.     height: 15px !important;
  1997.     line-height: 15px !important;
  1998.     width: 40px !important;
  1999.     top: 20px !important;
  2000.     margin-left: 27% !important;
  2001.     padding: 2px 2px 2px 15px !important;
  2002.     border-radius: 3px !important;
  2003.     font-size: 14px !important;
  2004.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2005.     opacity: 1 !important;
  2006.     z-index: 1500 !important;
  2007. }
  2008.  
  2009. /* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  2010. #UserSets + .width-constraint>p {
  2011.     padding: 2px 2px 2px 20px !important;
  2012.     z-index: 500 !important;
  2013.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2014. }
  2015. #UserSets + .width-constraint>p {
  2016.     padding: 2px 2px 2px 20px !important;
  2017.     z-index: 500 !important;
  2018.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2019. }
  2020.  
  2021. /* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER -
  2022. https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
  2023. https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
  2024. https://greasyfork.org/en/users/4-loucypher?sort=updated
  2025. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  2026. ===  */
  2027. #UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
  2028. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
  2029.     content: "► Desc " !important;
  2030.     position: fixed !important;
  2031.     min-width: 60px !important;
  2032.     max-width: 60px !important;
  2033.     top: 71px !important;
  2034.     margin-left: -290px !important;
  2035.     padding: 2px 2px 2px 10px !important;
  2036.     border-radius: 3px !important;
  2037.     font-size: 13px !important;
  2038.     font-weight: bolder !important;
  2039.     color: gold !important;
  2040.     overflow: hidden !important;
  2041.     text-overflow: ellipsis !important;
  2042.     white-space: nowrap !important;
  2043.     z-index: 500 !important;
  2044.     background: rgba(145, 124, 124, 0.42)!important;
  2045.     pointer-events: none !important;
  2046. }
  2047.  
  2048. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  2049. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  2050.     position: fixed !important;
  2051.     min-width: 185px !important;
  2052.     max-width: 185px !important;
  2053.     top: 31px !important;
  2054.     margin-left: 760px !important;
  2055.     padding: 2px 2px 2px 10px !important;
  2056.     border-radius: 3px !important;
  2057.     font-size: 15px !important;
  2058.     font-weight: bolder !important;
  2059.     color: peru !important;
  2060.     overflow: hidden !important;
  2061.     text-overflow: ellipsis !important;
  2062.     white-space: nowrap!important;
  2063.     z-index: 500 !important;
  2064.     background: rgba(145, 124, 124, 0.42)!important;
  2065. }
  2066. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
  2067. .width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
  2068. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
  2069. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
  2070.     position: fixed !important;
  2071.     height: auto !important;
  2072.     min-width: 385px !important;
  2073.     max-width: 385px !important;
  2074.     top: 31px !important;
  2075.     margin-left: 530px !important;
  2076.     padding: 2px 40px 20px 40px !important;
  2077.     border-radius: 3px !important;
  2078.     font-size: 15px !important;
  2079.     font-weight: bolder !important;
  2080.     color: white !important;
  2081.     border: 1px solid peru !important;
  2082.     border-radius: 5px !important;
  2083.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
  2084.     overflow: hidden !important;
  2085.     white-space: normal !important;
  2086.     text-align: left !important;
  2087.     z-index: 500 !important;
  2088.     background: black !important;
  2089.     transition: all ease 0.7s !important;
  2090. }
  2091.  
  2092.  
  2093. /* (new74) FAVORITS / SETS PAGES - MEDIA QUERIE - === */
  2094. @media screen and (max-width: 1400px) {
  2095.  
  2096. /* #main-header + #script-table + #UserSets */
  2097. #UserSets {
  2098.     margin-left: -10% !important;
  2099. z-index: 5000 !important;
  2100. }
  2101. /* #main-header + #script-table + #UserSets:before */
  2102. #UserSets:before {
  2103.     margin-left: -15% !important;
  2104. z-index: 5000 !important;
  2105. }
  2106.  
  2107. #UserSets + .width-constraint .pagination  {
  2108.     margin-left: -10% !important;
  2109. }
  2110. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  2111. }
  2112.  
  2113.  
  2114. /* GREASY FORK - FORUM - PROFILE PAGE - === */
  2115. .PhotoWrap a.ChangePicture {
  2116.     display: block;
  2117.     top: 15px !important;
  2118.     color: gold !important;
  2119.     z-index: 5000 !important;
  2120.     transition: all ease 0.2s !important;
  2121. }
  2122. .PhotoWrap:hover a.ChangePicture {
  2123.     display: block;
  2124.     top: 70px !important;
  2125.     color: gold !important;
  2126.     transition: all ease 0.7s !important;
  2127. }
  2128. .PhotoWrap:hover a.ChangePicture span {
  2129.     color: gold !important;
  2130. }
  2131. #dashboard_profile_index #Content.Column.ContentColumn ,
  2132. #dashboard_profile_discussions #Content.Column.ContentColumn {
  2133.     margin-top: 70px!important;
  2134. }
  2135. .About dd {
  2136.     color: peru !important;
  2137. }
  2138. /* (new80) */
  2139. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  2140. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  2141. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  2142.     position: fixed !important;
  2143.     display: inline-block !important;
  2144.     width: 742px !important;
  2145.     top: 54px !important;
  2146.     margin-left: -7px !important;
  2147.     padding: 5px !important;
  2148.     border-bottom: 1px solid peru !important;
  2149.     background: black !important;
  2150.     z-index: 200 !important;
  2151. }
  2152. /* (new72) */
  2153. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
  2154. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
  2155. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  2156.     position: fixed !important;
  2157.     display: inline-block !important;
  2158.     top: 69px !important;
  2159.     margin-left: -158px !important;
  2160. z-index: 5000 !important;
  2161. }
  2162. /* (new72) */
  2163. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2164. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2165. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  2166.     position: fixed!important;
  2167.     display: inline-block !important;
  2168.     top: 69px !important;
  2169.     margin-left: -58px !important;
  2170.     padding: 4px 47px !important;
  2171.     box-shadow: none !important;
  2172.     text-shadow: none !important;
  2173.     z-index: 202 !important;
  2174. }
  2175. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
  2176. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
  2177. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  2178.     top: 24px!important;
  2179.     position: fixed!important;
  2180.     display: inline-block;
  2181.     z-index: 250!important;
  2182.     color: peru!important;
  2183.     width: 678px!important;
  2184.     text-align: left;
  2185.     background: black;
  2186.     padding: 2px 5px!important;
  2187.     border: 1px solid peru!important;
  2188. }
  2189. /* (new80)*/
  2190. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
  2191. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
  2192. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  2193. margin-top: 70px !important;
  2194. }
  2195. #conversations_messages_all .Condensed.DataList.Conversations {
  2196.     margin-top: 42px !important;
  2197. }
  2198. /* (new72) */
  2199. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  2200.     margin-top: -70px !important;
  2201. }
  2202. /* (new90) GREASYFORK FORUM - PROFILE BUTTON */
  2203. #dashboard_profile_discussions .About>dt:last-of-type  {
  2204.     position: absolute !important;
  2205.     display: inline-block !important;
  2206.     width: 23% !important;
  2207.     height: 18px !important;
  2208.     line-height: 18px !important;
  2209.     top: 5px !important;
  2210. left: 74%!important;
  2211.     padding: 2px 2px 2px 15px !important;
  2212.     border-radius: 3px !important;
  2213.     font-size: 15px !important;
  2214.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2215. /* outline: 1px solid violet !important; */
  2216. }
  2217. /* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  2218. /* #browse-script-list>li */
  2219. #user-script-list>li>article ,
  2220. #browse-script-list>li>article {
  2221.     padding: 2px 5px !important;
  2222.     width: 720px !important;
  2223. }
  2224. /* CIRTUS */
  2225. /* body[pagetype="ListingPage"] #user-script-list>li>article ,
  2226. body[pagetype="ListingPage"] #browse-script-list>li>article {
  2227.     padding: 2px 5px !important;
  2228.     width: 875px !important;
  2229. } */
  2230. .script-list dt {
  2231.     width: 12em;
  2232.     clear: left;
  2233.     float: left;
  2234.     padding-left: 5px!important;
  2235.     padding-right: 1em;
  2236.     font-weight: bold;
  2237.     text-align: left !important;
  2238.     border-left: 1px solid peru !important;
  2239. }
  2240. /* (new66) without script */
  2241. #user-script-list>li>article .description ,
  2242. #browse-script-list>li>article .description {
  2243.     display: inline-block!important;
  2244.     width: 100% !important;
  2245.     min-width: 757px !important;
  2246.     max-width: 757px !important;
  2247. /* padding-bottom: 10px!important; */
  2248.     padding-bottom: 4px !important;
  2249.     padding-left: 4px!important;
  2250.     font-size: 15px !important;
  2251.     line-height: 15px !important;
  2252.     border-bottom: 1px solid gray!important;
  2253.     border-left: 3px solid red !important;
  2254.     word-wrap: break-word !important;
  2255.     overflow: hidden !important;
  2256. /* background: blue !important; */
  2257. }
  2258. /* CITRUS */
  2259. body[pagetype="UserProfile"]
  2260. #user-script-list>li>article .description ,
  2261. #browse-script-list>li>article .description {
  2262.     display: inline-block!important;
  2263.     width: 100% !important;
  2264.     min-width: 710px !important;
  2265.     max-width: 710px !important;
  2266. /* padding-bottom: 10px!important; */
  2267.     padding-bottom: 4px !important;
  2268.     padding-left: 4px!important;
  2269.     font-size: 15px !important;
  2270.     line-height: 15px !important;
  2271.     border-bottom: 1px solid gray!important;
  2272.     border-left: 3px solid red !important;
  2273.     word-wrap: break-word !important;
  2274.     overflow: hidden !important;
  2275. /* background: blue !important; */
  2276. }
  2277. /* mark ELEMENT - === */
  2278. mark {
  2279.     padding: 0px 5px !important;
  2280.     border-radius: 3px!important;
  2281.     background: #DED236 !important;
  2282. }
  2283.  
  2284.  
  2285.  
  2286. /* (new84) ICON USER / SCRIPT - BACKGROUND - === */
  2287. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
  2288. #title-image ,
  2289. .ProfilePhoto.ProfilePhotoMedium ,
  2290. #script-info>header>h2>div img {
  2291.     height: auto !important;
  2292.     max-height: 30px !important;
  2293.     max-width: 30px !important;
  2294.     width: auto !important;
  2295.     margin-top: -3px;
  2296.     padding: 2px !important;
  2297.     background-color: rgba(191, 191, 190, 0.33) !important;
  2298.     border-radius: 5px !important;
  2299.     box-shadow: 0 0 2px #cccccc inset !important;
  2300. }
  2301. #site-name img ,
  2302. #title-image  {
  2303.     background-color: rgba(191, 191, 190, 0.33) !important;
  2304.     background-image: none !important;
  2305. }
  2306. /* #site-name img[src="https://greasyfork.org/en/forum/uploads/SCN2YQGWLIU4.jpg"] , */
  2307. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] ,
  2308. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
  2309.     display: inline-block !important;
  2310.     position: relative !important;
  2311.     height: 100% !important;
  2312.     min-height: 30px !important;
  2313.     max-height: 30px !important;
  2314.     max-width: 100%!important;
  2315.     min-width: 30px !important;
  2316.     max-width: 30px !important;
  2317. /* left: -48px !important; */
  2318.     top: -4px !important;
  2319.     width: auto !important;
  2320.     padding: 2px!important;
  2321. background-color: black !important;
  2322. border-radius: 3px !important;
  2323.     box-shadow: 0 0 2px #cccccc inset !important;
  2324. }
  2325.  
  2326.  
  2327. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  2328.     position: relative !important;
  2329.     display: inline-block !important;
  2330.     top: -3px !important;
  2331.     border-radius: 5px !important;
  2332. }
  2333.  
  2334. /* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  2335. .Preview {
  2336.     background: #454545!important;
  2337.     color: #929292 !important;
  2338.     min-height: 100px;
  2339.     padding: 4px;
  2340. }
  2341. blockquote ,
  2342. blockquote.Quote,
  2343. blockQuote.UserQuote {
  2344.     background: rgba(184, 181, 181, 0.05) !important;
  2345.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  2346. }
  2347.  
  2348. /* BLOCKQUOTES */
  2349. blockquote {
  2350.     width: 668px !important;
  2351.     margin-left: -4px !important;
  2352.     padding: 1px 5px !important;
  2353. }
  2354. .Message>blockquote>div>pre{
  2355.     margin-left: 2px!important;
  2356. }
  2357. .Message>blockquote>pre{
  2358.     width: 97% !important;
  2359. }
  2360. .QuoteText>ol{
  2361.     display: inline-block!important;
  2362.     width: 95%!important;
  2363.     margin-bottom: -28px!important;
  2364.     margin-top: -15px!important;
  2365. }
  2366. .script-author-description>blockquote {
  2367.     margin-left: -4px !important;
  2368.     padding: 1px 5px !important;
  2369.     width: 99% !important;
  2370. }
  2371. /* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  2372. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  2373. #vanilla_post_discussion #Content.Column.ContentColumn {
  2374.     width: 689px!important;
  2375.     margin-top: 74px!important;
  2376.     margin-left: 215px!important;
  2377. }
  2378. /* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  2379. #Content.Column.ContentColumn ,
  2380. #vanilla_discussion_index #Content.Column.ContentColumn {
  2381. /* position: relative !important; */
  2382.     display: inline-block !important;
  2383.     float: right !important;
  2384.     width: 750px !important;
  2385.     min-height: 770px !important;
  2386.     margin-top: -8px !important;
  2387.     padding: 0 0 0 5px !important;
  2388.     border-radius: 0 0 5px 5px !important;
  2389.     box-shadow: none !important;
  2390. background: transparent !important;
  2391. /* z-index: 0 !important; */
  2392. /* overflow: hidden !important; */
  2393. }
  2394.  
  2395. /* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */
  2396. .ExtraDiscussionData-Rating .report {
  2397.     width: 584px ;
  2398. padding: 5px !important;
  2399. border: 1px solid gray !important;
  2400. }
  2401.  
  2402. /* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
  2403. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  2404. margin-top: -37px !important;
  2405. }
  2406.  
  2407. /* (new79) USERSTYLE */
  2408. #Content.Column.ContentColumn .MessageList.Discussion ,
  2409. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  2410.     position: relative !important;
  2411. top: -28px;
  2412. margin-bottom: -41px !important;
  2413. z-index: 10 !important;
  2414. }
  2415.  
  2416.  
  2417. /* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
  2418. .MessageForm.CommentForm.FormTitleWrapper {
  2419.     padding-left: 15px !important;
  2420. }
  2421.  
  2422. /* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  2423. /* GREASYFORK */
  2424. .Column.ContentColumn .DataList.Discussions {
  2425.     position: relative !important;
  2426.     display: inline-block !important;
  2427.     width: 727px!important;
  2428. margin-top: 5px!important;
  2429. /* margin-left: 0px !important; */
  2430. /*     right: 47px; */
  2431. /* background: red !important; */
  2432. }
  2433.  
  2434. /* (new74) PB DIFF - USERSTYLES / GREASYFORK */
  2435. /* GREASYFORK */
  2436. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  2437.     margin-left: 0px !important;
  2438. /* background: green !important; */
  2439. }
  2440. #vanilla_discussions_mine .Column.ContentColumn .DataList.Discussions {
  2441. /* margin-left: -50px !important; */
  2442. /* background: green !important; */
  2443. }
  2444.  
  2445. /* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc....
  2446. #vanilla_discussions_index #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions ,
  2447. === */
  2448. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
  2449.  
  2450. #vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
  2451. /*     margin-left: -20px !important; */
  2452. /* background: red !important; */
  2453. }
  2454.  
  2455. /* ==== */
  2456.  
  2457. .Profile .DataList.Discussions {
  2458.     position: relative !important;
  2459.     display: inline-block !important;
  2460.     width: 727px !important;
  2461.     margin-top: 107px!important;
  2462. }
  2463. #vanilla_categories_index .DataList.CategoryList {
  2464.     position: relative !important;
  2465.     display: inline-block !important;
  2466.     width: 727px !important;
  2467.     margin-top: 30px!important;
  2468. }
  2469. .DataList.Activities .Item   {
  2470.     position: relative !important;
  2471.     display: inline-block !important;
  2472.     width: 709px !important;
  2473. }
  2474.  
  2475. /* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
  2476. .HomepageTitle ,
  2477. .H.HomepageTitle {
  2478.     position: fixed !important;
  2479.     width: 733px !important;
  2480.     top: 80px !important;
  2481.     margin-left: 0px !important;
  2482.     padding: 1px 5px 1px 5px !important;
  2483.     border-top: 1px solid peru !important;
  2484.     border-bottom: 1px solid peru!important;
  2485.     color: gold !important;
  2486.     background-color: #222 !important;
  2487.     z-index: 10 !important;
  2488. }
  2489. #vanilla_discussions_participated .HomepageTitle {
  2490.     width: 733px !important;
  2491.     top: 47px !important;
  2492. }
  2493.  
  2494. /* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
  2495. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  2496.     width: 747px!important;
  2497.     top: 46px !important;
  2498. /* margin-left: -20px !important; */
  2499. }
  2500. .P.PageDescription {
  2501.     position: fixed !important;
  2502.     width: 738px!important;
  2503.     top: 72px !important;
  2504.     padding: 1px 0px 1px 5px !important;
  2505.     color: gold !important;
  2506. border-bottom: 1px solid red !important;
  2507.     background-color: #222 !important;
  2508.     z-index: 10 !important;
  2509. }
  2510. #vanilla_categories_index .DataList.Discussions {
  2511.     margin-top: 47px !important;
  2512.     border-top: 1px solid peru !important;
  2513. }
  2514.  
  2515. /* PROFILE - DICUSSION LIST -  === */
  2516. .Profile .DataList.Discussions {
  2517.     margin-top: 0px !important;
  2518. }
  2519.  
  2520. /* ACTIVITY PAGE - === */
  2521. .Excerpt>p>a>img {
  2522.     max-width: 671px!important;
  2523. }
  2524. #dashboard_profile_notifications .Item:nth-child(odd) ,
  2525. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  2526. .DataList.SearchResults .Item:nth-child(odd) {
  2527.     background-color: #222 !important;
  2528. }
  2529. #dashboard_profile_notifications .Item:nth-child(even) ,
  2530. .Profile .DataList.Discussions .Item:nth-child(even) ,
  2531. .DataList.SearchResults .Item:nth-child(even) {
  2532.     background-color: #414141 !important;
  2533. }
  2534. #dashboard_profile_notifications .Item:hover ,
  2535. .Profile .DataList.Discussions .Item:hover ,
  2536. .DataList.SearchResults .Item:hover {
  2537.     background-color: rgba(7, 7, 7, 0.57) !important;
  2538.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  2539.     transition: background 0.8s ease 0s !important;
  2540. }
  2541. #dashboard_profile_notifications .Item:hover ,
  2542. .Profile .DataList.Discussions .Item:hover ,
  2543. .DataList.SearchResults .Item:hover {
  2544.     background-color: black !important;
  2545.     z-index: 1 !important;
  2546. }
  2547. /* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
  2548. .DataList.SearchResults .Item .ItemContent .Meta a {
  2549.     font-size: 15px! important;
  2550. }
  2551.  
  2552.  
  2553. /* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  2554. .sidebar-search {
  2555.     position: absolute !important;
  2556. }
  2557.  
  2558. #script-search>input[type="search"] {
  2559.     min-height: 18px !important;
  2560.     line-height: 18px!important;
  2561. }
  2562. #script-search>input[type="submit"] {
  2563.     position: relative;
  2564. /*     display: inline-block!important; */
  2565.     -moz-appearance: none!important;
  2566.     height: 21px !important;
  2567.     line-height: 18px!important;
  2568.     width: 20px !important;
  2569. top: 3px !important;
  2570.     padding-right: 0 !important;
  2571.     font-size: 12px !important;
  2572.     text-align: center !important;
  2573. }
  2574. #userProfile + ul  #sidebar-search #search-submit {
  2575.     height: 19px !important;
  2576. }
  2577.  
  2578. #search-other-sites {
  2579.     direction: rtl;
  2580.     width: 13px!important;
  2581.     height: 20px!important;
  2582.     padding: 0px !important;
  2583.     line-height: 10px !important;
  2584. }
  2585.  
  2586. /*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE -
  2587. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  2588. === */
  2589. body:not(.Settings) a:not(.Button) {
  2590.     color: peru!important;
  2591. }
  2592.  
  2593. /* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER -
  2594. .width-constraint :
  2595. https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
  2596. DELETED SCIPT:
  2597. https://greasyfork.org/fr/scripts/69-table-view-plus
  2598. === */
  2599. #main-header +.width-constraint {
  2600.     max-width: 980px !important;
  2601.     margin-top: 51px !important;
  2602. }
  2603. body[pagetype="UserProfile"] #main-header +.width-constraint ,
  2604. body[pagetype="PersonalProfile"] #main-header +.width-constraint {
  2605.     margin-top: 51px !important;
  2606.     box-shadow: 3px 3px 2px black !important;
  2607. }
  2608.  
  2609. #Head .Row  {
  2610.     position: relative;
  2611.     display: inline-block!important;
  2612. /* min-width: 91%!important; */
  2613. /* max-width: 50%!important; */
  2614.     max-height: 47px ! important;
  2615.     min-height: 47px !important;
  2616.     left: 25%!important;
  2617.     padding: 0.25em 0;
  2618. }
  2619. #Head .Row #site-name {
  2620.     height: 51px !important;
  2621.     line-height: 1em;
  2622.     margin-top: -8px!important;
  2623. }
  2624. #nav-user-info {
  2625.     position: absolute;
  2626.     display: inline-block!important;
  2627.     top: -7px!important;
  2628. }
  2629. .user-profile-link {
  2630.     position: relative !important;
  2631.     display: inline-block !important;
  2632. /* z-index: 500000 !important; */
  2633. }
  2634. /* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
  2635. /* #nav-user-info select:before {
  2636. content: "XXXXX" !important;
  2637.     color: blue !important;
  2638. } */
  2639. #language-selector {
  2640.     position: absolute !important;
  2641.     display: inline-block !important;
  2642.     -moz-appearance: none !important;
  2643.     width: 18px !important;
  2644.     height: 15px !important;
  2645.     line-height: 13px !important;
  2646.     top: 2px !important;
  2647.     padding: 0 2px !important;
  2648.     border-radius: 3px !important;
  2649. /*     border: 1px solid gray !important; */
  2650.     box-shadow: 3px 3px 2px black !important;
  2651.     background: #222 !important;
  2652.     overflow: hidden !important;
  2653.     text-indent: -1px !important;
  2654.     text-overflow: '' !important;
  2655.     z-index: 500000 !important;
  2656. }
  2657. #language-selector-locale {
  2658. position: relative !important;
  2659.     display: inline-block !important;
  2660.     -moz-appearance: none !important;
  2661.     width: 19px !important;
  2662.     height: 13px !important;
  2663.     line-height: 8px !important;
  2664.     margin-right: 14px !important;
  2665. /* left: -106px !important; */
  2666.     letter-spacing: 1px !important;
  2667.     color: peru !important;
  2668.     border: 1px solid transparent !important;
  2669.     background: #222 !important;
  2670.     overflow: hidden !important;
  2671. /*     z-index: 5000 !important; */
  2672.     cursor: pointer !important;
  2673. }
  2674. #language-selector-locale:hover {
  2675.     color: tomato !important;
  2676. }
  2677.  
  2678. #language-selector-locale>option {
  2679. text-indent: 20px !important;
  2680. margin-left: -20px !important;
  2681. /* color: gold !important; */
  2682. }
  2683.  
  2684.  
  2685. #language-selector-locale>option:checked:before {
  2686. content: attr(value) ;
  2687. color: tan !important;
  2688. font-size: 20px !important;
  2689. background: black !important;
  2690. }
  2691. #language-selector-locale>option:before {
  2692. content: attr(value) ;
  2693. display: inline-block ;
  2694. width: 100px !important;
  2695. margin-right: 17px  ;
  2696. margin-left: -20px  ;
  2697. /* text-indent: 40px  ; */
  2698. color: gold ;
  2699. }
  2700. #language-selector-locale>option[selected=""]:before {
  2701. /* content: "XX " ; */
  2702. content: attr(value) ;
  2703. color: green !important;
  2704. }
  2705.  
  2706.  
  2707. .width-constraint #nav-user-info {
  2708.     position: absolute;
  2709.     display: inline-block !important;
  2710.     height: 15px!important;
  2711.     line-height: 15px!important;
  2712.     width: 300px!important;
  2713.     top: 15px!important;
  2714.     top: -4px!important;
  2715.     left: 64%!important;
  2716.     text-align: right !important;
  2717. /* border: 1px solid green !important; */
  2718. /* z-index: 0 !important; */
  2719. }
  2720.  
  2721. /* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
  2722. .SiteMenu {
  2723.     position: absolute;
  2724.     display: inline-block !important;
  2725.     height: 24px!important;
  2726.     width: 320px!important;
  2727.     top: -12px!important;
  2728.     left: 16%!important;
  2729. }
  2730.  
  2731. /* (new79) GREASYFORK : WITH / Without TS CITRUS -
  2732. https://greasyfork.org/fr/scripts/
  2733. === */
  2734. #site-nav>nav  {
  2735.     position: absolute;
  2736.     display: inline-block!important;
  2737.     height: 24px!important;
  2738.     line-height: 24px!important;
  2739.     width: 390px!important;
  2740.     top: -9px!important;
  2741.     left: 16%!important;
  2742.     text-align: left !important;
  2743. /* z-index: 500 !important; */
  2744. }
  2745. /* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
  2746. body[pagetype="ListingPage"] #site-nav>nav   {
  2747.     position: absolute;
  2748.     display: inline-block!important;
  2749.     height: 15px!important;
  2750.     line-height: 15px!important;
  2751.     width: 410px!important;
  2752.     top: -4px!important;
  2753.     left: 16%!important;
  2754.     text-align: left !important;
  2755. /* border: 1px solid violet !important; */
  2756. }
  2757.  
  2758. #main-header .width-constraint {
  2759.     position: relative;
  2760. /* display: inline-block !important; */
  2761. /* width: 100% !important; */
  2762.     height: 42px !important;
  2763.     padding: 0 0 0.25em;
  2764. /* left: 24% !important; */
  2765.     overflow: visible !important;
  2766. /* z-index: 500 !important; */
  2767. }
  2768. #main-header .width-constraint #site-name {
  2769.     height: 40px!important;
  2770. }
  2771. #title-subtext {
  2772.     font-size: 10px;
  2773.     font-weight: 400 !important;
  2774.     left: 63px !important;
  2775.     position: absolute;
  2776.     text-decoration: none;
  2777.     top: 28px !important;
  2778. }
  2779. #site-name>a[href="/"] {
  2780.     display: inline-block!important;
  2781.     color: gold !important;
  2782. }
  2783. #site-name>a[href="/"] span {
  2784.     position: relative!important;
  2785.     display: inline-block!important;
  2786.     height: 33px!important;
  2787.     line-height: 33px!important;
  2788.     top: -3px !important;
  2789.     margin-left: 3px!important;
  2790.     font-size: 27px!important;
  2791.     color: peru !important;
  2792.  
  2793. }
  2794. #site-name>a[href="/"] #title-subtext {
  2795.     position: absolute;
  2796.     top: 15px!important;
  2797.     left: 55px !important;
  2798.     font-size: 10px;
  2799.     font-weight: 400 !important;
  2800.     text-decoration: none;
  2801.     color: peru !important;
  2802. }
  2803. #site-name>a[href="/"] span:first-of-type {
  2804.     height: 18px !important;
  2805.     line-height: 16px !important;
  2806.     top: -18px !important;
  2807.     border-radius: 0 0 10px 0 !important;
  2808.     border: 1px solid peru !important;
  2809.     border-left:  none !important;
  2810.     border-top:  none !important;
  2811.     font-size: 18px !important;
  2812. }
  2813. /*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
  2814. #site-name h1 {
  2815.     width: 109px !important;
  2816.     height: 20px !important;
  2817.     line-height: 12px !important;
  2818.     top: -18px !important;
  2819.     border-radius: 0 0 10px 0 !important;
  2820.     border: 1px solid peru !important;
  2821.     border-left:  none !important;
  2822.     border-top:  none !important;
  2823. }
  2824. #site-name h1 a {
  2825.     height: 18px !important;
  2826.     line-height: 15px !important;
  2827.     font-size: 18px !important;
  2828. letter-spacing: 0.2px !important;
  2829. }
  2830.  
  2831. .subtitle ,
  2832. #main-header .subtitle {
  2833.     margin-top: -3px !important;
  2834.     margin-left: -1px !important;
  2835.     text-shadow: none !important;
  2836. }
  2837.  
  2838. /* #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
  2839. #vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
  2840.     transform: translate(150px, -16px)!important;
  2841. } */
  2842. #site-name-text {
  2843.     display: inline-block;
  2844.     vertical-align: top;
  2845. height: 18px!important;
  2846.     line-height: 18px!important;
  2847. /*     margin-left: -50px!important; */
  2848. }
  2849. #site-name-text h1 {
  2850.     font-size: 18px!important;
  2851.     letter-spacing: -2px;
  2852.     margin-top: -4px;
  2853. /* color: red !important; */
  2854. }
  2855. #site-name-text h1 a {
  2856.     font-size: 15px!important;
  2857.     letter-spacing: 0.6px !important;
  2858.     margin: 0;
  2859. /* color: red !important; */
  2860. }
  2861. #site-nav>nav>li>a {
  2862.     margin-right: 2px !important;
  2863. }
  2864. /* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
  2865. #nav-user-info {
  2866.     color: transparent !important;
  2867. }
  2868. .sign-out-link {
  2869.     position: relative !important;
  2870.     display: inline-block !important;
  2871.     height: 15px !important;
  2872.     margin-right: 5px !important;
  2873.     font-size: 0 !important;
  2874.     opacity: 0.4 !important;
  2875. }
  2876. .sign-out-link:hover {
  2877.     opacity: 1 !important;
  2878. }
  2879. .SignOut,
  2880. .sign-out-link a {
  2881.     border: 1px solid gray !important;
  2882.     border-radius: 3px !important;
  2883.     display: inline-block !important;
  2884.     font-size: 0 !important;
  2885.     height: 15px !important;
  2886.     margin-right: 5px !important;
  2887.     position: relative !important;
  2888.     top: -3px !important;
  2889.     width: 15px !important;
  2890.     background-image: url(https://image.flaticon.com/icons/png/128/17/17547.png?iact=rc&uact=3&page=0&start=0&ndsp=45&ved=0ahUKEwiAkb7D7PzRAhUKsxQKHVFlBfcQMwgfKAUwBQ&client=firefox-b&bih=919&biw=1920) !important;
  2891.     background-position: center !important;
  2892.     background-size: cover !important;
  2893.     background-color: red !important;
  2894.     cursor: pointer !important;
  2895. }
  2896.  
  2897. /* (new74) - GREASYFORK - SEARCH - === */
  2898. .nav-search {
  2899.     position: absolute !important;
  2900.     display: inline-block !important;
  2901.     width: 220px !important;
  2902.     height: 19px !important;
  2903.     line-height: 0px !important;
  2904.     left: 240px !important;
  2905.     top: 7px !important;
  2906. /* border: 1px solid violet !important; */
  2907. }
  2908. .nav-search:hover {
  2909.     width: 400px !important;
  2910. }
  2911. .nav-search #script-search {
  2912.     position: relative;
  2913.     display: inline-block !important;
  2914.     vertical-align: top !important;
  2915.     width: 200px !important;
  2916.     top: -7px !important;
  2917. }
  2918. body[pagetype="ListingPage"] .nav-search #script-search {
  2919.     top: -12px !important;
  2920. }
  2921. .nav-search:hover #script-search {
  2922.     width: 420px !important;
  2923. }
  2924. .nav-search #script-search input[name="q"] {
  2925.     display: inline-block !important;
  2926.     width: 150px !important;
  2927.     margin-top: 5px !important;
  2928.     opacity: 0.4 !important;
  2929. }
  2930.  
  2931. .nav-search:hover #script-search input[name="q"] {
  2932.     width: 350px !important;
  2933.     opacity: 1 !important;
  2934. }
  2935.  
  2936. /* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
  2937. #site-name > a span#settings-subtext {
  2938.     position: absolute !important;
  2939.     display: inline-block !important;
  2940.     height: 16px !important;
  2941.     width: 16px !important;
  2942.     margin-left: -31px !important;
  2943.     margin-top: 18px !important;
  2944.     border-radius: 4px !important;
  2945.     font-size: 0px !important;
  2946.     background: rgba(0, 0, 0, 0) url("https://greasyfork.org/tr/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -102.6px !important;
  2947.     background-color: #DCD9D9 !important;
  2948.     transform: scale(0.7) !important;
  2949.     opacity: 0.4 !important;
  2950. }
  2951. #site-name > a span#settings-subtext:hover {
  2952.     opacity: 1 !important;
  2953. }
  2954.  
  2955. /* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  2956. #script-info {
  2957.     margin-top: -50px !important;
  2958.     padding: 0 5px 0 5px !important;
  2959.     border: 1px solid #bbb;
  2960.     border-radius: 0 !important;
  2961.     box-shadow: none !important;
  2962.     background-color: #333 !important;
  2963. }
  2964. #share {
  2965.     position: relative !important;
  2966.     display: inline-block !important;
  2967.     max-height: 20px !important;
  2968.     margin-bottom: 0 !important;
  2969.     overflow: hidden !important;
  2970.     background: red !important;
  2971.     background-color: #670000 !important;
  2972.     background-image: linear-gradient(#670000, #900) !important;
  2973. }
  2974. #share:hover {
  2975.     height: 240px !important;
  2976.     max-height: 100% !important;
  2977.     overflow: visible !important;
  2978.     transition: height ease 4s !important;
  2979. }
  2980. #share>h3 {
  2981.     margin-top: -2px;
  2982.     width: 942px !important;
  2983.     padding: 0 5px !important;
  2984. }
  2985. #social-buttons {
  2986.     text-align: center !important;
  2987. }
  2988. .social_share_privacy_area.box li.settings_info {
  2989.     display: inline-block !important;
  2990.     left: 0 !important;
  2991. }
  2992. /* (new76) */
  2993. #script-table {
  2994.     display: block!important;
  2995.     margin: 0 auto!important;
  2996.     max-width: 960px!important;
  2997. }
  2998. /* (new79) */
  2999. body[pagetype="ListingPage"] #script-table {
  3000.     margin-top: 76px!important;
  3001. }
  3002. body[pagetype="ListingPage"] #script-table thead {
  3003.     position: fixed!important;
  3004.     max-width: 970px!important;
  3005.     margin-top: -31px!important;
  3006. /* z-index: 500 !important; */
  3007. }
  3008.  
  3009. /* (new66) */
  3010. #script-table tbody td:nth-child(2) {
  3011.     max-width: 450px!important;
  3012.     min-width: 450px !important;
  3013. }
  3014. body[pagetype="ListingPage"] #script-table thead tr {
  3015.     display: inline-table!important;
  3016.     width: 100% !important;
  3017.     max-width: 970px!important;
  3018. }
  3019. #script-table>thead>tr>td:first-of-type {
  3020.     width: 25px !important;
  3021. }
  3022. /* (new79) */
  3023. #script-table>thead>tr>td[tag="name"] {
  3024.     width: 452px !important;
  3025.     text-align: left !important;
  3026.     text-indent: 130px !important;
  3027. /* text-indent: 0px !important; */
  3028. }
  3029. #script-table>thead>tr>td[tag="name"] span {
  3030.     position: relative  !important;
  3031.     display: inline-block !important;
  3032.     width: 15px !important;
  3033.     margin-left: 0px !important;
  3034.     padding: 0px !important;
  3035.     text-align: center !important;
  3036.     text-indent: 0px !important;
  3037. }
  3038. #script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
  3039.     content: "Library Filter" !important;
  3040.     position: absolute !important;
  3041.     display: inline-block !important;
  3042.     width: 80px !important;
  3043.     margin-left: -10px !important;
  3044.     margin-top: -17px !important;
  3045.     padding: 0px !important;
  3046.     border-radius: 5px !important;
  3047.     text-align: center !important;
  3048.     text-indent: 0px !important;
  3049.     background: #cefd8a !important;
  3050.     color: black !important;
  3051. }
  3052. #script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
  3053.     content: "Unlisted Filter" !important;
  3054.     position: absolute !important;
  3055.     display: inline-block !important;
  3056.     width: 80px !important;
  3057.     margin-left: -10px !important;
  3058.     margin-top: -17px !important;
  3059.     padding: 0px !important;
  3060.     border-radius: 5px !important;
  3061.     text-align: center !important;
  3062.     text-indent: 0px !important;
  3063.     background: #cee7f3 !important;
  3064.     color: black !important;
  3065. }
  3066. #script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
  3067.     content: "Deleted Filter" !important;
  3068.     position: absolute !important;
  3069.     display: inline-block !important;
  3070.     width: 80px !important;
  3071.     margin-left: -10px !important;
  3072.     margin-top: -17px !important;
  3073.     padding: 0px !important;
  3074.     border-radius: 5px !important;
  3075.     text-align: center !important;
  3076.     text-indent: 0px !important;
  3077.     background: #f77a7a !important;
  3078.     color: black !important;
  3079. }
  3080.  
  3081. /* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */
  3082. /* [tag="created"] ,
  3083. [tag="updated"] {
  3084.     background-color: yellow !important;
  3085. } */
  3086. #script-table>thead>tr>td {
  3087.     box-shadow: 3px 3px 2px black !important;
  3088. /* background-color: #333 !important; */
  3089. }
  3090. /* #script-table>thead>tr>td:selected {
  3091.     box-shadow: 3px 3px 2px black !important;
  3092. background: red !important;
  3093. } */
  3094. /* #SelectedSortColumn ~[tag='updated'] {
  3095. background-color: yellow !important;
  3096. } */
  3097.  
  3098.  
  3099. #script-table>thead>tr>td[tag="ratings"] {
  3100.     width: 84px!important;
  3101. }
  3102. #script-table>thead>tr>td[tag=""] {
  3103.     width: 45px!important;
  3104. }
  3105. #script-table>thead>tr>td[tag="total_installs"] {
  3106.     width: 55px !important;
  3107. }
  3108. #script-table>thead>tr>td[tag="created"] {
  3109.     width: 107px!important;
  3110. }
  3111. #script-table>thead>tr>td[tag="updated"] {
  3112.     width: 108px!important;
  3113. }
  3114.  
  3115. /* SCRIPT # */
  3116. #script-table tbody td:nth-child(1) {
  3117. /* width: 4% !important; */
  3118. }
  3119. /* SCRIPT INFO */
  3120. #script-table tbody td:nth-child(2) {
  3121. /* min-width: 17% !important; */
  3122. /* max-width: 17% !important; */
  3123.     width: 12% !important;
  3124. }
  3125. /* SCRIPT RATING */
  3126. #script-table tbody td:nth-child(3) {
  3127.     width: 4% !important;
  3128. }
  3129. /* SCRIPT DAILY */
  3130. #script-table tbody td:nth-child(4) {
  3131.     width: 12.7% !important;
  3132. }
  3133. /* SCRIPT TOTAL  */
  3134. #script-table tbody td:nth-child(5) {
  3135.     width: 8.8% !important;
  3136. }
  3137. /* SCRIPT CREATED  */
  3138. #script-table tbody td:nth-child(6) {
  3139.     width: 11.1% !important;
  3140. }
  3141. /* SCRIPT UPDATED  */
  3142. #script-table tbody td:nth-child(7) {
  3143.     width: 12.4% !important;
  3144. }
  3145.  
  3146. #script-table td:not(:first-of-type):not([tag="name"]):not([tag="ratings"]):not([tag=""]):not([tag="total_installs"]):not([tag="created"]):not([tag="updated"]) {
  3147. /* background: blue !important; */
  3148. }
  3149.  
  3150. /* (new66)*/
  3151. #script-table td .thetitle +div {
  3152.     overflow: hidden !important;
  3153.     word-wrap: break-word!important;
  3154. }
  3155. /* (new90) */
  3156. .width-constraint #script-info>header {
  3157.     position: fixed !important;
  3158.     display: inline-block !important;
  3159.     min-width: 966px!important;
  3160.     max-width: 966px!important;
  3161.     height: 126px!important;
  3162.     line-height: 17px!important;
  3163.     margin-left: -4px !important;
  3164.     top: 48px !important;
  3165.     padding: 5px 5px  0px 5px !important;
  3166.     z-index: 5 !important;
  3167.     background: black !important;
  3168. }
  3169. #script-description {
  3170.     display: inline-block !important;
  3171.     width: 100% !important;
  3172.     padding-bottom: 7px !important;
  3173.     border-bottom: 1px solid red !important;
  3174. }
  3175. #script-info header h2 {
  3176.     position: relative !important;
  3177.     display: inline-block !important;
  3178.     width: 100% !important;
  3179.     line-height: 17px !important;
  3180. vertical-align: top !important;
  3181.     margin-top: 1px !important;
  3182.     padding-bottom: 5px !important;
  3183.     font-size: 17px !important;
  3184. /* text-indent: 35px ; */
  3185.     border-bottom: 1px solid red !important;
  3186. }
  3187.  
  3188.  
  3189. /* (new90) ADAPTATION For GM - GreasyFork script icon (https)
  3190. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  3191. === */
  3192. /* #script-info>header>h2>div {
  3193.     position: absolute;
  3194.     display: inline-block;
  3195.     width: 80px;
  3196.     margin-left: calc(-42px - 1ex);
  3197.     top: 3px;
  3198.     text-align: right;
  3199. } */
  3200. #script-info>header>h2>div {
  3201.     position: relative !important;
  3202.     display: inline-block;
  3203.     width: 34px !important;
  3204.     top: 3px;
  3205.     margin-top: -2px ;
  3206. /* margin-left: calc(-46px - 1ex); */
  3207. margin-left: 0px !important;
  3208.     margin-right: 10px !important;
  3209.     text-align: right;
  3210. }
  3211. /*  (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE - === */
  3212. @media screen and (max-width: 1400px) {
  3213.  
  3214. /* ==== END === (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE === */
  3215. }
  3216.  
  3217.  
  3218. /* (new74) */
  3219. .width-constraint #script-info>#script-links {
  3220.     position: fixed !important;
  3221.     display: inline-block !important;
  3222.     width: 100% !important;
  3223.     min-width: 960px!important;
  3224.     max-width: 960px!important;
  3225.     top: 179px!important;
  3226.     margin-left: 0 !important;
  3227.     padding: 2px 5px !important;
  3228.     z-index: 500 !important;
  3229.     background: #222 !important;
  3230.     z-index: 5000 !important;
  3231. }
  3232.  
  3233. /* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
  3234. html>body>div[style="text-align: right; padding: 1px 50px"] {
  3235.     position: fixed !important;
  3236.     width: 275px !important;
  3237.     top: 72px !important;
  3238.     padding: 0 !important;
  3239.     text-align: right;
  3240.     left:  33% !important;
  3241.     z-index: 500 !important;
  3242. }
  3243. #RelativeSearch {
  3244.     display: inline-block;
  3245.     width: 120px !important;
  3246.     padding: 1px 10px !important;
  3247.     text-align: center;
  3248.     border-radius: 3px;
  3249.     cursor: pointer;
  3250.     background-color: orange;
  3251. }
  3252.  
  3253. /* (new963) USER SET - HEADER - TXT "SETS" - === */
  3254. #UserSets::before {
  3255.     width: 53px !important;
  3256.     left: 5px !important;
  3257.     text-indent: 0px !important;
  3258. z-index: 20000 !important;
  3259. }
  3260. #UserSets {
  3261.     position: fixed !important;
  3262.     display: inline-block !important;
  3263.     float: none !important;
  3264.     left: 22% !important;
  3265.     padding: 6px 5px !important;
  3266.     top: 52px !important;
  3267.     border-radius: 5px;
  3268.     opacity: 1 !important;
  3269.     visibility: hidden !important;
  3270.     z-index: 20000 !important;
  3271.     cursor: pointer !important;
  3272. /* background-color: yellow; */
  3273. }
  3274. #UserSets:hover {
  3275.     opacity: 1 !important;
  3276.     visibility: visible !important;
  3277. /* background-color: gold !important; */
  3278. }
  3279. #UserSets li {
  3280.     width: 400px;
  3281.     text-indent: 0px !important;
  3282. }
  3283.  
  3284. /* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus -
  3285. https://greasyfork.org/fr/scripts/17170-myfreecams-private-chat-log-link-adder
  3286. === */
  3287. #script-info #script-description .linkifyplus>img {
  3288.     display: inline-block !important;
  3289.     max-width: 15% !important;
  3290.     margin-bottom: -27px !important;
  3291. }
  3292.  
  3293. /* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus :
  3294. https://greasyfork.org/fr/scripts/4255-linkify-plus-plus
  3295. VOIR (ok):
  3296. https://greasyfork.org/fr/scripts/4713-eza-s-image-glutton/code
  3297. === */
  3298. #code-container  .linkifyplus>img {
  3299.     height: auto !important;
  3300.     max-height: 64px !important;
  3301.     max-width: 64px !important;
  3302.     width: auto !important;
  3303.     background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
  3304.     border-radius: 5px !important;
  3305.     box-shadow: 0 0 2px #cccccc inset !important;
  3306.     padding: 2px !important;
  3307. }
  3308. /* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  3309. .width-constraint #script-info>#script-links li > * {
  3310.     display: block;
  3311.     padding: 2px!important;
  3312.     font-size: 14px!important;
  3313. }
  3314.  
  3315.  
  3316. /* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
  3317. #user-control-panel > li  ,
  3318. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
  3319.     display: inline-block !important;
  3320.     width: 45% !important;
  3321.     line-height: 13px!important;
  3322.     margin-left: 25px !important;
  3323.     padding: 2px 1px!important;
  3324.     border: 1px solid #404040;
  3325.     border-radius: 5px;
  3326.     box-shadow: 3px 3px 2px black !important;
  3327.     text-align: center!important;
  3328.     font-size: 13px!important;
  3329.     background-color: #333 !important;
  3330. }
  3331.  
  3332. /*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
  3333. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  3334.     position: fixed !important;
  3335.     display: inline-block !important;
  3336.     width: 350px !important;
  3337.     height: 30px !important;
  3338.     line-height: 15px !important;
  3339.     margin-left: 580px !important;
  3340.     margin-top: -45px !important;
  3341.     padding: 3px 5px 3px 5px !important;
  3342.     border-radius: 4px;
  3343.     text-align: left !important;
  3344.     background-color: #D6D6D1 !important;
  3345.     opacity: 0!important;
  3346.     transition: opacity ease 0.7s !important;
  3347. }
  3348. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  3349.     opacity: 1!important;
  3350.     z-index: 5000 !important;
  3351. }
  3352.  
  3353. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  3354.     position: fixed !important;
  3355.     display: inline-block !important;
  3356.     width: 310px !important;
  3357.     height: 30px !important;
  3358.     line-height: 15px !important;
  3359.     margin-left: -100px !important;
  3360.     margin-top: -50px !important;
  3361.     padding: 3px 5px 3px 5px !important;
  3362.     border-radius: 4px;
  3363.     text-align: left !important;
  3364.     background-color: #D6D6D1 !important;
  3365.     opacity: 0!important;
  3366.     transition: opacity ease 0.7s !important;
  3367. }
  3368. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  3369.     position: fixed!important;
  3370.     display: inline-block!important;
  3371.     float: none!important;
  3372.     margin-left: 95px !important;
  3373.     margin-top: -205px!important;
  3374.     opacity: 1!important;
  3375. }
  3376.  
  3377. /* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
  3378. #script-feedback-suggestion {
  3379.     margin-top: 95px !important;
  3380.     margin-bottom: -15px !important;
  3381. }
  3382.  
  3383. /* (new94) SCRIPT INFO - VERSIONS - DIFF - === */
  3384. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
  3385.     margin-top: 42px !important;
  3386.     margin-bottom: 50px;
  3387. }
  3388. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  3389.     margin-top: -41px !important;
  3390. }
  3391. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {
  3392.     margin-bottom: 100px;
  3393.     margin-top: -41px;
  3394. }
  3395.  
  3396.  
  3397. /* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
  3398. :not([id="install-stats-chart-container"])
  3399.  === */
  3400. .width-constraint #script-info>#script-content>p {
  3401.     margin-top: 42px !important;
  3402.     margin-bottom: -88px;
  3403. }
  3404. .width-constraint #script-info>#script-content{
  3405.     position: relative !important;
  3406.     display: inline-block!important;
  3407.     min-height: 682px !important;
  3408.     min-width: 959px !important;
  3409.     max-width: 959px !important;
  3410.     margin-top: 174px !important;
  3411.     margin-left: -1px !important;
  3412.     padding-left: 9px !important;
  3413.     padding-right: 0 !important;
  3414.     padding-top: 0px !important;
  3415.     border: 1px solid black !important;
  3416.     background-color: #2B2B2B !important;
  3417.     z-index: 0 !important;
  3418. }
  3419. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  3420.     min-width: 930px !important;
  3421.     max-width: 930px !important;
  3422.     margin-left: 0px !important;
  3423.     border-bottom: 1px solid gray !important;
  3424.     text-align: center !important;
  3425.     background: #222222!important;
  3426. }
  3427. .width-constraint #discussions {
  3428.     min-width: 850px !important;
  3429.     max-width: 850px !important;
  3430.     margin-top: -10px !important;
  3431.     margin-left: -10px !important;
  3432.     padding: 20px 53px !important;
  3433.     border: 1px solid gray !important;
  3434. }
  3435. .width-constraint #discussions li:nth-child(odd) {
  3436.     border-bottom: 1px solid gray!important;
  3437.     background: #222222 !important;
  3438. }
  3439. .width-constraint #discussions li:nth-child(even) {
  3440.     border-bottom: 1px solid gray!important;
  3441.     background: #333333 !important;
  3442. }
  3443.  
  3444. .width-constraint #discussions li:hover {
  3445.     background: rgba(0, 0, 0, 0.8)!important;
  3446.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3447.     transition: background 0.8s ease 0s !important;
  3448. }
  3449. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  3450.     position: fixed !important;
  3451.     height: 20px !important;
  3452.     line-height: 20px !important;
  3453.     width: 483px !important;
  3454.     margin-left: -5px !important;
  3455.     top: 32px !important;
  3456.     padding: 1px 1px 1px 20px  !important;
  3457.     border-radius: 5px !important;
  3458.     font-size: 13px ;
  3459.     text-align: center !important;
  3460.     border: 1px solid gray !important;
  3461.     background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 2%, rgba(17, 17, 17, 1) 37%, rgba(51, 51, 51, 1) 100%, rgba(19, 19, 19, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  3462. z-index: 0 !important;
  3463. }
  3464. /* body[pagetype="ListingPage"] #script-table +.width-constraint h3>a:first-of-type */
  3465.  
  3466.  
  3467. /* (new88) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS -
  3468. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  3469. === */
  3470. #install-area {
  3471.     position: fixed !important;
  3472.     display: inline-block!important;
  3473.     min-width: 950px !important;
  3474.     max-width: 950px !important;
  3475.     top: 213px !important;
  3476.     margin-left: -8px !important;
  3477.     padding: 5px 9px !important;
  3478.     border-bottom: 1px solid gray;
  3479.     background-color: #f9ecdb!important;
  3480.     z-index: 1!important;
  3481. }
  3482. .width-constraint #script-info > #script-content  #script-meta {
  3483.     display: table;
  3484.     width: 950px !important;
  3485.     margin-top: 15px !important;
  3486.     padding: 5px !important;
  3487.     border-bottom: 1px dotted gray !important;
  3488. }
  3489.  
  3490. /* (new89) */
  3491. .script-in-sets:not(:hover) {
  3492.     position: fixed ;
  3493.     display: inline-block ;
  3494.     min-width: 298px ;
  3495.     max-width: 298px ;
  3496.     min-height: 34px !important;
  3497.     max-height: 34px !important;
  3498.     top: 216px ;
  3499.     left: 40% ;
  3500.     margin-left: 0 ;
  3501. /* padding: 0 0 50px 0 !important; */
  3502.     font-size: 0 ;
  3503.     overflow: hidden ;
  3504. overflow-y: auto ;
  3505.     border: 1px solid #404040;
  3506.     background: #222 ;
  3507. }
  3508. .script-in-sets:hover {
  3509.     position: fixed ;
  3510.     display: inline-block ;
  3511.     min-width: 298px ;
  3512.     max-width: 298px ;
  3513.     max-height: 100% ;
  3514.     top: 216px ;
  3515.     left: 40% ;
  3516.     margin-left: 0 ;
  3517. padding: 0 0 50px 0 !important;
  3518.     font-size: 0 ;
  3519.     overflow: hidden ;
  3520. overflow-y: auto ;
  3521.     border: 1px solid #404040;
  3522.     background: #222 ;
  3523. }
  3524. .script-in-sets > a {
  3525.     display: inline-block ;
  3526.     width: 291px ;
  3527.     margin-left: 0 ;
  3528.     font-size: 13px ;
  3529.     text-indent: 5px ;
  3530.     white-space: nowrap ;
  3531.     overflow: hidden ;
  3532.     text-overflow: ellipsis ;
  3533. }
  3534. .script-in-sets:hover {
  3535.     height: auto ;
  3536.     padding-bottom: 50px ;
  3537. }
  3538.  
  3539. .script-in-sets > select {
  3540.     display: inline-block ;
  3541.     width: 252px !important;
  3542.     margin-top: 2px ;
  3543. }
  3544.  
  3545.  
  3546. /* (new94) SET CHOICE - FIRT VALUE SELECTED - === */
  3547. .script-in-sets>select[name="action-set"] {
  3548.     position: relative ;
  3549.     display: inline-block ;
  3550.     height: 15px !important;
  3551.     line-height: 15px !important;
  3552.     top: -2px ;
  3553.     border: none ;
  3554. /* background: red ; */
  3555.     -moz-appearance: none ;
  3556. }
  3557. /* .script-in-sets>select option[value^="ri-"]:first-of-type */
  3558. .script-in-sets>select option[value^="ri-"] {
  3559.     color: peru ;
  3560.     background: black ;
  3561.     -moz-appearance: none ;
  3562.     outline: 1px solid peru ;
  3563. }
  3564. /* SET NEW */
  3565. .script-in-sets>select option[value="ai-new"] {
  3566.     color: gold ;
  3567.     background: black ;
  3568.     -moz-appearance: none ;
  3569. }
  3570. /* SET SUBMIT ARROW */
  3571. .script-in-sets > input[value="→"][type="submit"] {
  3572.     position: relative ;
  3573.     display: inline-block ;
  3574.     height: 15px ;
  3575.     line-height: 15px;
  3576.     top: -2px !important;
  3577.     margin-left: 2px ;
  3578.     border: none ;
  3579.     cursor: pointer ;
  3580.     -moz-appearance: none;
  3581. }
  3582. .script-in-sets:before {
  3583.     content: "sets ⏬" ;
  3584.     position: absolute ;
  3585.     display: inline-block ;
  3586.     height: 10px ;
  3587.     line-height: 15px ;
  3588.     width: 25px ;
  3589.     top: -2px ;
  3590.     right: 17px ;
  3591.     font-size: 12px ;
  3592.     text-align: center ;
  3593.     color: red  ;
  3594. }
  3595. /* (new65) */
  3596. #script-stats {
  3597.     display: inline-table !important;
  3598.     -moz-column-count: unset !important;
  3599.     float: left !important;
  3600.     clear: none !important;
  3601.     width: 100% !important;
  3602.     max-width: 399px !important;
  3603.     min-width: 399px !important;
  3604.     outline: 1px solid gray !important;
  3605.     padding-right: 0 !important;
  3606. }
  3607. #script-stats dt {
  3608.     display: table-row !important;
  3609.     clear: none !important;
  3610.     float: left !important;
  3611.     height: 18px !important;
  3612.     line-height: 18px !important;
  3613.     min-width: 45% !important;
  3614.     max-width: 45% !important;
  3615.     border-bottom: 1px solid gray !important;
  3616.     text-indent: 10px !important;
  3617. }
  3618.  
  3619. #script-stats dt.script-show-compatibility {
  3620. display: table-row !important;
  3621.     clear: none !important;
  3622.     float: left !important;
  3623.     height: 30px !important;
  3624.     line-height: 30px !important;
  3625.     min-width: 45% !important;
  3626.     max-width: 45% !important;
  3627. }
  3628.  
  3629. /* (new71) */
  3630. #script-stats dd {
  3631.     display: table-cell !important;
  3632.     clear: none !important;
  3633.     float: right !important;
  3634.     height: 18px !important;
  3635.     line-height: 18px !important;
  3636.     min-width: 55% !important;
  3637.     max-width: 55% !important;
  3638.     margin-left: -50px !important;
  3639. white-space: nowrap !important;
  3640. overflow: hidden !important;
  3641. text-overflow: ellipsis !important;
  3642. /* background: red !important; */
  3643. }
  3644.  
  3645. #script-meta dd:not(.script-show-applies-to) {
  3646. display: table-cell !important;
  3647.     clear: none !important;
  3648.     float: right !important;
  3649.     height: 18px !important;
  3650.     line-height: 18px !important;
  3651.     border-bottom: 1px solid gray !important;
  3652.     text-indent: 10px !important;
  3653. }
  3654. #script-meta dd.script-show-compatibility {
  3655.     display: table-row !important;
  3656.     clear: none !important;
  3657.     float: left !important;
  3658.     height: 30px !important;
  3659.     line-height: 34px !important;
  3660. /*     min-width: 45% !important;
  3661.     max-width: 45% !important; */
  3662. }
  3663.  
  3664.  
  3665. /* (new67) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER -
  3666. https://greasyfork.org/fr/scripts/109-handy-image
  3667. ==== */
  3668. #script-meta>div {
  3669.     position: relative;
  3670.     display: inline-block !important;
  3671.     float: right !important;
  3672.     clear: none !important;
  3673.     width: 493px !important;
  3674.     max-height: 186px !important;
  3675.     margin-right: 35px !important;
  3676.     top: -10px !important;
  3677.     padding: 5px 5px 5px 5px !important;
  3678.     overflow-x: hidden !important;
  3679.     overflow-y: hidden !important;
  3680. }
  3681.  
  3682. #script-applies-to dd.script-show-applies-to {
  3683.     display: inline-block !important;
  3684.     padding: 5px;
  3685.     width: 485px !important;
  3686.     max-height: 156px !important;
  3687.     padding: 5px 5px 5px 5px !important;
  3688.     border-radius: 3px !important;
  3689.     border: 1px solid gray !important;
  3690.     overflow: hidden !important;
  3691.     overflow-y: auto !important;
  3692. }
  3693.  
  3694. #script-meta>div code {
  3695.     position: relative;
  3696.     display: inline-block !important;
  3697.     height: 15px !important;
  3698.     line-height: 15px !important;
  3699.     background-color: #262626 !important;
  3700.     border-radius: 3px !important;
  3701.     border: none !important;
  3702.     color: #aba2a4 !important;
  3703.     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  3704.     font-size: 90%;
  3705.     padding: 1px 4px !important;
  3706.     white-space: nowrap;
  3707. }
  3708. #script-meta>div  .inline-list>li:nth-child(even) code {
  3709.     color: #BAA591  !important;
  3710.     background-color: #1A1919 !important
  3711. }
  3712. #script-meta>div  .inline-list>li:nth-child(odd) code {
  3713.     color: #BAA591  !important;
  3714.     background-color: #363535 !important
  3715. }
  3716.  
  3717. /*LINKYFY PLUS */
  3718. .script-show-applies-to .inline-list li a.linkifyplus {
  3719.     position: relative;
  3720.     display: inline-block !important;
  3721.     height: 15px !important;
  3722.     line-height: 15px !important;
  3723.     padding: 1px 4px !important;
  3724.     border-radius: 3px !important;
  3725.     color: #BAA591  !important;
  3726.     background-color: #1A1919 !important
  3727. }
  3728.  
  3729. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  3730.     color: #D0A070  !important;
  3731.     background-color: #1A1919 !important
  3732. }
  3733. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  3734.     color: #BAA591  !important;
  3735.     background-color: #1A1919 !important
  3736. }
  3737. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  3738.     color: tomato  !important;
  3739.     background-color: #1A1919 !important
  3740. }
  3741. .expander {
  3742.     display: none !important;
  3743. }
  3744.  
  3745. /* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
  3746. #script-content>#feedback-favoriters + div {
  3747.     display: inline-block !important;
  3748.     width: 953px !important;
  3749.     margin-top: -10px !important;
  3750.     font-size: 14px !important;
  3751. }
  3752. .inline-list>li:nth-child(odd)>a ,
  3753. .inline-list>li:nth-child(even)>a {
  3754.     display: inline-block !important;
  3755.     padding: 1px 3px !important;
  3756.     border-radius: 3px !important;
  3757. }
  3758. .inline-list>li:nth-child(odd)>a {
  3759.     background: #222 !important;
  3760. }
  3761. .inline-list>li:nth-child(even)>a {
  3762.     background: #333 !important;
  3763. }
  3764.  
  3765.  
  3766. /* (new71) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER -
  3767. TEST LINKS :
  3768. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  3769. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3770. https://greasyfork.org/fr/scripts/740-bili-fix-player
  3771. === */
  3772. .width-constraint #script-info > #script-content #additional-info {
  3773.     position: relative !important;
  3774.     display: inline-block !important;
  3775.     min-width: 950px !important;
  3776.     max-width: 950px !important;
  3777.     top: 10px !important;
  3778.     margin-left: -4px !important;
  3779.     margin-bottom: 50px !important;
  3780.     padding: 0 5px 15px 5px !important;
  3781.     background-color: #f9dacd;
  3782.     border-radius: 5px;
  3783.     word-wrap: break-word !important;
  3784. }
  3785. .width-constraint #script-info > #script-content #additional-info {
  3786.     margin-bottom: -14px !important;
  3787.     margin-top: 0 !important;
  3788. }
  3789. .script-author-description>p>code {
  3790.     display: inline-block!important;
  3791.     white-space: pre-line !important;
  3792. }
  3793. #additional-info > .script-author-description> pre ,
  3794. .script-author-description>blockquote>pre {
  3795.     margin-left: 30px;
  3796.     padding: 5px 10px;
  3797.     border: 1px solid gray !important;
  3798.     border-radius: 2px;
  3799.     word-wrap: break-word !important;
  3800.     background-color: #5c5c5c !important;
  3801. }
  3802. /* (new62) CODE in SCRIPT INFO PAGE -
  3803. https://greasyfork.org/fr/scripts/7596-decloak-links-and-open-directly
  3804. === */
  3805. .script-author-description>p>code ,
  3806. #additional-info > .script-author-description > pre > code ,
  3807. #additional-info > .script-author-description  > blockquote > pre > code {
  3808.     border: 1px solid gray !important;
  3809.     max-width: 99% !important;
  3810. }
  3811.  
  3812. /* ===
  3813. https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
  3814. CODE IN IT :
  3815. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3816. === */
  3817. .width-constraint #script-info > #script-content #additional-info > div {
  3818.     padding: 5px !important;
  3819.     background-color: #2B2B2B !important;
  3820. }
  3821. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  3822.     max-width: 895px !important;
  3823. }
  3824.  
  3825. /* GREASYFORK - CODE PAGE - === */
  3826. #code-container {
  3827.     max-height: 620px!important;
  3828.     width: 100% ;
  3829.     margin-left: -5px !important;
  3830.     margin-top: 8px !important;
  3831.     overflow-x: hidden !important;
  3832.     background-color: white !important;
  3833. }
  3834. #script-feedback-suggestion + #code-container{
  3835.     max-height: 615px!important;
  3836.     width: 100% ;
  3837.     margin-left: -5px !important;
  3838.     margin-top: 22px !important;
  3839.     overflow-x: hidden !important;
  3840.     background-color: white !important;
  3841. }
  3842. /* GREASYFORK - DISCUSS / HISTORIC etc - === */
  3843. #feedback-favoriters ,
  3844. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  3845.     margin-top: 10px !important;
  3846.     margin-bottom: 20px !important;
  3847.     padding: 5px !important;
  3848.     border-radius: 4px !important;
  3849.     text-align: center !important;
  3850.     background-color: #f9dacd !important;
  3851. }
  3852.  
  3853. /* (new93) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) -
  3854. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
  3855. https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
  3856. === */
  3857. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  3858.     margin-top: 90px!important;
  3859.     width: 934px !important;
  3860. }
  3861.  
  3862.  
  3863. /* .width-constraint #script-info > #script-content p + form > ul */
  3864. .width-constraint #script-info > #script-content > form > ul  {
  3865.     width: 950px !important;
  3866.     height: 610px !important;
  3867.     margin-top: 0px !important;
  3868.     margin-bottom: 0 !important;
  3869.     border-top: 1px dashed gray !important;
  3870.     border-bottom: 1px dashed gray !important;
  3871.     padding-left: 5px !important;
  3872.     overflow-x: hidden !important;
  3873.     overflow-y: auto !important;
  3874. }
  3875.  
  3876. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  3877.     margin-bottom: 15px !important;
  3878.     cursor: pointer !important;
  3879. }
  3880. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  3881.     top: 29.9%!important;
  3882.     margin-left: -20px!important;
  3883.     position: fixed !important;
  3884.     width: 10px !important;
  3885.     height: 15px !important;
  3886.     border-left: 19px solid #AAAAAA;
  3887.     border-bottom: 9px solid transparent;
  3888.     border-top: 9px solid transparent;
  3889.     border-right: none !important;
  3890.     color: transparent!important;
  3891.     cursor: pointer !important;
  3892.     background: green !important;
  3893.     -moz-appearance: none !important;
  3894.     transition: width ease 0.1s, margin ease 0.1s  !important;
  3895. }
  3896. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  3897.     margin-left: -130px !important;
  3898.     width: 145px !important;
  3899.     height: auto !important;
  3900.     line-height: 12px !important;
  3901.     -moz-appearance: button !important;
  3902.     white-space: normal !important;
  3903.     border: none !important;
  3904.     color: black !important;
  3905.     cursor: pointer !important;
  3906.     transition: width ease 0.2s, margin ease 1.5s !important;
  3907. }
  3908.  
  3909.  
  3910. /* (new62) GREASYFORK - SCRIPT STATS - === */
  3911. #script-content> script[src*="assets"] ~h3 {
  3912.     margin-top: 10px !important;
  3913.     margin-bottom: 20px !important;
  3914.     padding: 5px !important;
  3915.     border-radius: 4px !important;
  3916.     text-align: center! important;
  3917. }
  3918. [id$="-chart-container"] {
  3919.     background: white !important;
  3920. }
  3921. td.numeric,
  3922. th.numeric {
  3923.     text-align: left!important;
  3924.     text-align: center!important;
  3925. }
  3926. /* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  3927. .width-constraint #discussions li>a:first-of-type {
  3928.     width: 835px !important;
  3929.     display: inline-block !important;
  3930.     color: #B4A393  !important;
  3931. }
  3932. .width-constraint #discussions li>a:first-of-type:hover {
  3933.     color: tomato  !important;
  3934. }
  3935. .width-constraint #discussions li>time:first-of-type {
  3936.     display: inline-block !important;
  3937.     width: 95px !important;
  3938.     margin-right: 20px!important;
  3939.     text-align: center !important;
  3940. }
  3941. .width-constraint #discussions li>time:last-of-type {
  3942.     display: inline-block!important;
  3943.     width: 125px !important;
  3944.     margin-left: -30px !important;
  3945.     text-align: center !important;
  3946.     white-space: nowrap !important;
  3947. }
  3948. .width-constraint #discussions li>a:nth-child(2) {
  3949.     width: 180px !important;
  3950.     display: inline-block !important;
  3951.     margin-left: 10px !important;
  3952. }
  3953. .width-constraint #discussions li>a:nth-child(4) {
  3954.     width: 160px !important;
  3955.     display: inline-block !important;
  3956.     margin-left: 20px !important;
  3957. }
  3958.  
  3959.  
  3960. /* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION -
  3961. #script-content>form > input:first-of-type + ul
  3962. https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
  3963. ==== */
  3964. .width-constraint #script-info > #script-content>form > input:first-of-type + ul {
  3965.     margin-top: -5px  !important;
  3966. /* outline: 4px solid aqua !important; */
  3967. }
  3968. /* (new93) VERSIONS - CONTAINER - ONLY ONE VERSION -
  3969. .width-constraint #script-info > #script-content > form > ul
  3970. https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
  3971. === */
  3972. .width-constraint #script-info > #script-content > form > ul {
  3973.     margin-top: -42px  !important;
  3974. outline: 4px solid red !important;
  3975. }
  3976. /* (new93) GM VERSIONS - ITEMS - ALL - === */
  3977. .width-constraint #script-info > #script-content>form > input:first-of-type {
  3978. /* margin-top: 29px ; */
  3979.     margin-bottom: -3px !important;
  3980.     padding-bottom: 4px !important;
  3981.     border-top: 1px solid gray !important;
  3982.     overflow: hidden !important;
  3983.     text-overflow: ellipsis !important;
  3984.     white-space: nowrap !important;
  3985. }
  3986.  
  3987. .width-constraint #script-info > #script-content > form > ul li:not(:hover) {
  3988. /* margin-top: 29px ; */
  3989.     margin-bottom: -3px !important;
  3990.     padding-bottom: 4px !important;
  3991.     border-top: 1px solid gray !important;
  3992.     overflow: hidden !important;
  3993.     text-overflow: ellipsis !important;
  3994. white-space: nowrap !important;
  3995. }
  3996.  
  3997. .width-constraint #script-info > #script-content > form > ul li:hover {
  3998.     margin-bottom: -3px !important;
  3999.     padding-bottom: 4px !important;
  4000.     border-top: 1px solid gray !important;
  4001.     overflow: visible !important;
  4002.     text-overflow: ellipsis !important;
  4003. /*     white-space: nowrap !important; */
  4004. background: black !important;
  4005. transition: all ease 0.7s !important;
  4006. }
  4007. #script-content>form>ul>li>input + a {
  4008.     display: inline-block !important;
  4009.     width: 15% !important;
  4010.     padding: 1px 5px !important;
  4011.     background: #222222 !important;
  4012. }
  4013. #script-content>form>ul>li:nth-child(odd)>input + a {
  4014.     background: #222222 !important;
  4015. }
  4016. #script-content>form>ul>li:nth-child(even)>input + a {
  4017.     background: #333333 !important;
  4018. }
  4019. .width-constraint #script-info > #script-content > form > ul li time {
  4020.     display: inline-block!important;
  4021.     min-width: 202px !important;
  4022.     max-width: 202px !important;
  4023.     padding: 1px 5px !important;
  4024.     letter-spacing: 1.4px !important;
  4025.     text-align: center !important;
  4026. }
  4027. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  4028.     background: #222222 !important;
  4029. }
  4030.  
  4031. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  4032.     background: #333333 !important;
  4033. }
  4034.  
  4035.  
  4036. /* (new72) GREASYFORK - FORUM TABLE -
  4037. Test LIKNK : MouseOver PopUP Viewer rules :
  4038. https://greasyfork.org/fr/forum/discussion/593/x
  4039. === */
  4040. .Message table {
  4041.     border-collapse: separate;
  4042.     border-spacing: 4px;
  4043.     margin: 1em -4px;
  4044.     width:  650px !important;
  4045. }
  4046. .Message table thead{
  4047.     width:  600px !important;
  4048. }
  4049. .Message th {
  4050.     background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  4051.     font-size: 105%;
  4052.     font-weight: bold;
  4053.     padding-bottom: 0.5em;
  4054.     padding-top: 0.5em;
  4055. }
  4056. .Message table tbody {
  4057.     width:  600px !important;
  4058. }
  4059. .Message table tbody tr td:first-of-type  {
  4060.     width:  120px !important;
  4061.     vertical-align: middle !important;
  4062.     color: gold !important;
  4063.     border: 1px solid red !important;
  4064. }
  4065. .Message table tbody tr td:first-of-type + td  {
  4066.     min-width:  75px !important;
  4067.     max-width:  75px !important;
  4068.     color: gold !important;
  4069.     vertical-align: middle !important;
  4070.     border: 1px solid green !important;
  4071. }
  4072. .Message table tbody tr td:last-of-type  {
  4073.     min-width:  280px !important;
  4074.     max-width:  280px !important;
  4075.     border: 1px solid blue !important;
  4076. }
  4077. .Message table tbody tr td:last-of-type code {
  4078.     float: left!important;
  4079.     min-width:  290px !important;
  4080.     max-width:  290px !important;
  4081.     background-color: #f9ebd2;
  4082.     border: 1px solid;
  4083.     border-radius: 3px;
  4084.     color: #eb5100;
  4085.     margin-left: -6px !important;;
  4086.     padding: 1px 3px;
  4087.     white-space: pre-line !important;
  4088. }
  4089.  
  4090. /* GREASYFORK - BROWSE / USER SCRIPTS  - === */
  4091. #user-script-list>li ,
  4092. #browse-script-list>li {
  4093.     padding: 5px !important;;
  4094. }
  4095. #user-script-list>li:nth-child(odd) ,
  4096. #browse-script-list>li:nth-child(odd) {
  4097.     background-color: #222 !important;
  4098. }
  4099. #user-script-list>li:nth-child(odd):hover ,
  4100. #browse-script-list>li:nth-child(odd):hover {
  4101.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4102.     background-color: rgba(7, 7, 7, 0.67) !important;
  4103.     transition: background 0.8s ease 0s !important;
  4104. }
  4105. #user-script-list>li:nth-child(even) ,
  4106. #browse-script-list>li:nth-child(even) {
  4107.     background-color: #414141 !important;
  4108. }
  4109. #user-script-list>li:nth-child(even):hover ,
  4110. #browse-script-list>li:nth-child(even):hover {
  4111.     background-color: rgba(7, 7, 7, 0.57) !important;
  4112.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4113.     transition: background 0.8s ease 0s !important;
  4114. }
  4115. #user-script-list>li:hover ,
  4116. #browse-script-list>li:hover {
  4117.     background-color: black !important;
  4118.     z-index: 1 !important;
  4119. }
  4120. /* (new66) without script */
  4121. #user-script-list>li h2 ,
  4122. #browse-script-list>li h2 {
  4123.     display: inline-block !important;
  4124.     width: 100% !important;
  4125.     max-width: 762px !important;
  4126.     word-wrap: break-word !important;
  4127.     overflow: hidden !important;
  4128. }
  4129. #user-script-list>li h2 a ,
  4130. #browse-script-list>li h2 a {
  4131.     display: inline-block!important;
  4132.     width: 100% !important;
  4133.     line-height: 17px !important;
  4134. }
  4135.  
  4136. /* (new79) PB ?? - overflow-wrap */
  4137. #browse-script-list>li h2 span {
  4138.     width: 100% !important;
  4139.     max-width: 720px !important;
  4140.     overflow: hidden !important;
  4141. /* overflow-wrap: break-word !important; */
  4142. }
  4143. #user-script-list>li h2 span.name-description-separator ,
  4144. #browse-script-list>li h2 span.name-description-separator {
  4145.     display: none !important;
  4146. }
  4147.  
  4148.  
  4149. /* (new94) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
  4150. /* (new94) without CITRUS*/
  4151. .width-constraint  #script-list-option-groups.list-option-groups {
  4152.     display: inline-block !important;
  4153.     float: left !important;
  4154.     margin-left: -12px !important;
  4155.     margin-top: 0px !important;
  4156. }
  4157. .width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
  4158.     margin-top: 19px;
  4159. }
  4160. .width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
  4161.     margin-bottom: 0.5em;
  4162.     padding: 0.5em;
  4163.     box-shadow: 3px 3px 2px black !important;
  4164.     border-radius: 5px 0 0 5px !important;
  4165.     border: 1px solid gray !important;
  4166.     background-color: #2d2d2d !important;
  4167. }
  4168. .list-option-group ul {
  4169.     box-shadow: 3px 3px 2px black !important;
  4170.     background-color: transparent !important;
  4171.     padding: 2px 0 !important;
  4172. }
  4173. .width-constraint  #browse-script-list {
  4174.     display: inline-block !important;
  4175.     float: right !important;
  4176. }
  4177. .list-option-group .list-current {
  4178.     height: 19px !important;
  4179.     line-height: 15px !important;
  4180.     margin-bottom: 2px !important;
  4181.     padding: 2px 0 0 0 !important;
  4182. }
  4183. .list-option-group .list-option {
  4184.     height: 19px ;
  4185.     line-height: 9px ;
  4186.     border: 1px solid #404040;
  4187. }
  4188. .list-option-group .list-option a {
  4189. white-space: nowrap ;
  4190. overflow: hidden ;
  4191. text-overflow: ellipsis ;
  4192. }
  4193.  
  4194. /* (new66) */
  4195. .width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
  4196. .width-constraint #script-list-option-groups.list-option-groups + h3 ,
  4197. #browse-script-list + .pagination + p {
  4198.     display: inline-block !important;
  4199.     float: left !important;
  4200.     width: 727px !important;
  4201.     margin-bottom: 8px !important;
  4202.     margin-left: 59px !important;
  4203.     margin-top: -15px !important;
  4204.     padding: 5px !important;
  4205. background: #222 !important;
  4206. }
  4207. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  4208. /* margin-top: -20px !important; */
  4209. margin-top: 0px !important;
  4210.     margin-bottom: 18px !important;
  4211.     border-bottom: 1px solid gray !important;
  4212. }
  4213.  
  4214. #browse-script-list + .pagination + p {
  4215.     margin-bottom: 10px !important;
  4216.     margin-left: 242px !important;
  4217.     margin-top: -10px !important;
  4218. background: #222 !important;
  4219. }
  4220.  
  4221. /* STATISTICS - ADD LABEL on HOVER - === */
  4222. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  4223.     position: fixed !important;
  4224.     display: inline-block !important;
  4225.     width: 100px !important;
  4226.     transform: rotate(-90deg)!important;
  4227.     content: attr(title) !important;
  4228.     margin-top: 65px !important;
  4229.     margin-left: -83px !important;
  4230.     font-size: 13px !important;
  4231.     text-align: right !important;
  4232.     color: peru !important;
  4233. }
  4234. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  4235.     position: fixed !important;
  4236.     display: inline-block !important;
  4237.     width: 20px !important;
  4238.     height: 17px !important;
  4239.     transform: rotate(-90deg)!important;
  4240.     content: "."!important;
  4241.     margin-top: 22px !important;
  4242.     margin-left: -44px !important;
  4243.     border-radius: 5px !important;
  4244.     font-size: 13px !important;
  4245.     text-align: center !important;
  4246.     color: peru!important;
  4247.     background: rgba(255, 211, 0, 0.16)!important;
  4248. }
  4249. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  4250.     position: fixed !important;
  4251.     display: inline-block !important;
  4252.     width: 100px !important;
  4253.     transform: rotate(-90deg) !important;
  4254.     content: "Opera JS" !important;
  4255.     margin-top: 80px !important;
  4256.     margin-left: -40px !important;
  4257.     font-size: 20px !important;
  4258.     text-align: right !important;
  4259.     color: peru !important;
  4260. }
  4261. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  4262.     position: fixed !important;
  4263.     display: inline-block !important;
  4264.     width: 100px !important;
  4265.     transform: rotate(-90deg) !important;
  4266.     content: "Opera JS" !important;
  4267.     margin-top: 80px! important;
  4268.     margin-left: -29px !important;
  4269.     font-size: 20px !important;
  4270.     text-align: right !important;
  4271.     color: peru!important;
  4272. }
  4273.  
  4274. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  4275.     background: rgba(255, 0, 0, 0.23) !important;
  4276. }
  4277. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  4278.     background: rgba(255, 254, 0, 0.23) !important;
  4279. }
  4280. #install-stats-chart-container + table>tbody>tr:hover th {
  4281.     background: blue !important;
  4282. }
  4283. #install-stats-chart-container + table>tbody>tr:hover th {
  4284.     background: blue  !important;
  4285. }
  4286. #install-stats-chart-container + table>tbody>tr:hover td {
  4287.     background: black !important;
  4288. }
  4289. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  4290.     background: red !important;
  4291. }
  4292.  
  4293. /* MESSAGE - ERROR NOT LOADING IMAGES - === */
  4294. .notice {
  4295.     display: inline-block !important;
  4296.     position: absolute !important;
  4297.     width: 214px !important;
  4298.     left: -13px !important;
  4299.     top: 15px !important;
  4300. }
  4301.  
  4302. /* TEST - FORUM IMAGE IN DISSCUSSION -
  4303. https://forum.userstyles.org/discussion/comment/92068#Comment_92068
  4304. .Discussion.comment.Section-Discussion #Frame .CommentsWrap .DataBox.DataBox-Comments ul.MessageList.DataList.Comments li.Item.Alt.ItemComment div.Comment .Item-BodyWrap .Item-Body .Message div
  4305. === */
  4306. .Discussion.comment .Message>div {
  4307.     float: right;
  4308.     height: 150px;
  4309.     width: 719px !important;
  4310.     overflow: hidden;
  4311. }
  4312. .Message .ImageResized {
  4313.     cursor: pointer;
  4314.     font-size: 11px;
  4315.     font-weight: normal;
  4316.     height: 20px !important;
  4317.     margin-bottom: 5px !important;
  4318.     max-width: 668px !important;
  4319.     color: peru !important;
  4320. }
  4321. .Message .ImageResized:hover {
  4322.     color: tomato !important;
  4323. }
  4324.  
  4325.  
  4326. /* TEST - CODE IN DISCUSSION - === */
  4327. .Message>table>tbody>tr>td>code {
  4328.     display: inline-block !important;
  4329.     min-width: 688px !important;
  4330.     max-width: 688px !important;
  4331.     letter-spacing: initial;
  4332.     white-space: pre-line !important;
  4333.     word-wrap: break-word !important;
  4334.     background-color: #5c5c5c !important;
  4335.     color: white!important;
  4336. }
  4337. /* ===
  4338. PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
  4339. .Message>pre[id*="b"]
  4340. .Message>ul>li>ul>li>pre
  4341. .Message>ul>li>pre
  4342. .Message pre
  4343. === */
  4344. .Message>pre {
  4345.     position: relative !important;
  4346.     display: inline-block !important;
  4347.     min-width: 650px !important;
  4348.     max-width: 650px !important;
  4349.     margin-left: 5px !important;
  4350.     letter-spacing: initial;
  4351.     white-space: pre-line !important;
  4352.     word-wrap: break-word !important;
  4353.     background-color: #5c5c5c !important;
  4354.     color: white!important;
  4355. }
  4356.  
  4357. .Message>ul>li>pre {
  4358.     position: relative !important;
  4359.     display: inline-block !important;
  4360.     min-width: 580px !important;
  4361.     max-width: 580px !important;
  4362.     margin-left: 5px !important;
  4363.     letter-spacing: initial;
  4364.     white-space: pre-line !important;
  4365.     word-wrap: break-word !important;
  4366.     background-color: #5c5c5c !important;
  4367.     color: white !important;
  4368. }
  4369.  
  4370. .Message>ul>li>ul>li>pre{
  4371.     position: relative !important;
  4372.     display: inline-block !important;
  4373.     min-width: 580px !important;
  4374.     max-width: 580px !important;
  4375.     margin-left: -35px !important;
  4376.     letter-spacing: initial;
  4377.     white-space: pre-line !important;
  4378.     word-wrap: break-word !important;
  4379.     background-color: #5c5c5c !important;
  4380.     color: white !important;
  4381. }
  4382.  
  4383. /* TEST code in discussion - === */
  4384. .Message ol li pre {
  4385.     display: inline-block !important;
  4386.     min-width: 650px !important;
  4387.     max-width: 650px !important;
  4388.     margin-left: -35px !important;
  4389.     letter-spacing: initial;
  4390.     white-space: pre-line !important;
  4391.     word-wrap: break-word !important;
  4392.     background-color: #5c5c5c !important;
  4393.     color: white !important;
  4394. }
  4395.  
  4396. /* FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  4397. TEST different:
  4398. https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
  4399. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  4400. ===  */    
  4401. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4402.     position: relative !important;
  4403.     display: inline-block !important;
  4404.     min-width: 670px !important;
  4405.     max-width: 670px !important;
  4406.     left: -20px !important;
  4407.     top: -10px !important;
  4408.     letter-spacing: initial;
  4409.     white-space: pre-line !important;
  4410.     word-wrap: break-word !important;
  4411.     background-color: white !important;
  4412.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
  4413.     background-size: 30px 15px !important;
  4414.     color: red !important;
  4415.     outline: 1px solid green !important;
  4416. }
  4417. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4418.     position: relative !important;
  4419.     display: inline-block !important;
  4420.     min-width: 670px !important;
  4421.     max-width: 670px !important;
  4422.     left: 0px !important;
  4423.     top: -10px !important;
  4424.     letter-spacing: initial;
  4425.     white-space: pre-line !important;
  4426.     word-wrap: break-word !important;
  4427.     background-color: white !important;
  4428.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  4429.     background-size: 30px 15px !important;
  4430.     color: red !important;
  4431.     outline: 1px solid violet !important;
  4432. }
  4433. pre.linenums.prettyprinted .linenums {
  4434.     background: transparent !important;
  4435.     padding: 8px;
  4436. }
  4437.     pre.linenums.prettyprinted li.L0,
  4438. pre.linenums.prettyprinted li.L1,
  4439.     pre.linenums.prettyprinted li.L2,
  4440. pre.linenums.prettyprinted li.L3,
  4441.     pre.linenums.prettyprinted li.L4,
  4442. pre.linenums.prettyprinted li.L5,
  4443.     pre.linenums.prettyprinted li.L6,
  4444. pre.linenums.prettyprinted li.L7,
  4445.     pre.linenums.prettyprinted li.L8,
  4446. pre.linenums.prettyprinted li.L9 {
  4447.     min-width: 600px !important;
  4448.     max-width: 600px !important;
  4449.     margin-left: -20px!important;
  4450.     background:transparent !important;
  4451. }
  4452.     pre.linenums.prettyprinted li.L0 code,
  4453. pre.linenums.prettyprinted li.L1 code,
  4454.     pre.linenums.prettyprinted li.L2 code,
  4455. pre.linenums.prettyprinted li.L3 code ,
  4456.     pre.linenums.prettyprinted li.L4 code,
  4457. pre.linenums.prettyprinted li.L5 code ,
  4458.     pre.linenums.prettyprinted li.L6 code ,
  4459. pre.linenums.prettyprinted li.L7 code ,
  4460.     pre.linenums.prettyprinted li.L8 code,
  4461. pre.linenums.prettyprinted li.L9 code {
  4462.     min-width: 600px !important;
  4463.     max-width: 600px !important;
  4464.     background: #5c5c5c !important;
  4465.     background:transparent !important;
  4466.     color: white!important;
  4467. }
  4468. .linenums.prettyprinted code .pun{
  4469.     background:transparent !important;
  4470. }
  4471.    
  4472. /* ===
  4473. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  4474. === */
  4475. #vanilla_discussion_comment.Vanilla.Discussion.comment.Section-Discussion.Section-Category-script-development div#Frame div#Body div.Row div#Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message pre {
  4476.     display: inline-block !important;
  4477.     min-width: 630px !important;
  4478.     max-width: 630px !important;
  4479.     margin-left: -5px !important;
  4480. }
  4481. /* (new88) */
  4482. .Quote>p>code ,
  4483. .Message pre code ,
  4484. .Message > code  {
  4485.     display: inline-block !important;
  4486.     max-width: 648px !important;
  4487. /* line-height: 13px !important; */
  4488. vertical-align: middle !important;
  4489. /* margin-top: 0px !important; */
  4490. /* margin-bottom: 0px !important; */
  4491.     padding: 1px 2px 1px 4px !important;
  4492. /* letter-spacing: initial; */
  4493.     white-space: pre-line !important;
  4494.     word-wrap: break-word !important;
  4495.     background-color: #5c5c5c !important;
  4496.     color: white !important;
  4497. }
  4498.  
  4499. /*(new70) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
  4500. https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
  4501. === */
  4502. .Discussion .Item-BodyWrap .Item-Body .Message code ,
  4503. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
  4504.     max-width: 600px !important;
  4505. }
  4506.  
  4507.  
  4508. /* === (new77) ===
  4509. https://greasyfork.org/fr/forum/discussion/7111/forum-upgraded-please-report-any-issues#latest
  4510. PB:
  4511. https://greasyfork.org/fr/forum/discussion/10685/how-to-manage-greasemonkey-userscripts-using-git
  4512. ZIP :
  4513. https://greasyfork.org/fr/forum/discussion/12928/resolved-make-dubious-tlds-optional#latest
  4514. === */
  4515. code ,
  4516. .Message>p>code {
  4517. position: relative !important;
  4518.     display: inline-block!important;
  4519.     min-width: 10px !important;
  4520.     max-width: 670px !important;
  4521.     min-height: 15px !important;
  4522.     line-height: 15px !important;
  4523.     top: 0px !important;
  4524.     margin-top: 0px!important;
  4525.     margin-bottom: -2px !important;
  4526.     margin-left: 2px !important;
  4527.     padding: 0px 2px !important;
  4528.     letter-spacing: initial;
  4529.     white-space: pre-line !important;
  4530.     word-wrap: break-word !important;
  4531.     background-color: #5c5c5c!important;
  4532.     color: white!important;
  4533. }
  4534. /* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
  4535. .Message>ul>li>code  {
  4536. position: relative !important;
  4537.     display: inline-block!important;
  4538.     min-width: 10px !important;
  4539.     max-width: 670px !important;
  4540.     height: 13px !important;
  4541.     line-height: 13px !important;
  4542.     top: 0px !important;
  4543.     margin-top:0px!important;
  4544.     margin-bottom: -2px !important;
  4545.     margin-left: 2px !important;
  4546.     padding: 1px 4px !important;
  4547.     letter-spacing: initial;
  4548.     white-space: pre-line !important;
  4549.     word-wrap: break-word !important;
  4550.     background-color: #5c5c5c!important;
  4551.     color: white!important;
  4552. }
  4553. .QuoteText>pre {
  4554.     width: 660px!important;
  4555.     padding: 2px 2px 2px 4px !important;
  4556.     letter-spacing: initial;
  4557.     white-space: pre-line !important;
  4558.     word-wrap: break-word !important;
  4559. }
  4560.  
  4561. /* USERSTYLES PAGE INFO - CODE - === */
  4562. #additional-info-text>code:not(:empty),
  4563. #long-description>code:not(:empty)  {
  4564.     display: inline-block !important;
  4565. /* width: 820px!important; */
  4566.     margin-left: 1px!important;
  4567.     padding: 5px 10px!important;
  4568.     border-radius: 2px!important;
  4569.     letter-spacing: initial;
  4570.     white-space: pre-line !important;
  4571.     word-wrap: break-word !important;
  4572.     background-color: #e9e8e5!important;
  4573.     background-color: #5c5c5c !important;
  4574.     color: white !important;
  4575. }
  4576. #additional-info-text>pre ,
  4577. #additional-info-text>code pre code ,
  4578. #additional-info-text>code pre {
  4579.     display: inline-block !important;
  4580.     width: 850px!important;
  4581.     margin-left: 1px!important;
  4582.     padding: 5px 10px!important;
  4583.     border-radius: 2px!important;
  4584.     letter-spacing: initial;
  4585.     white-space: pre-line !important;
  4586.     word-wrap: break-word !important;
  4587.     background-color: #e9e8e5!important;
  4588.     background-color: #5c5c5c !important;
  4589.     color: white !important;
  4590. }
  4591.  
  4592. /* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
  4593. #long-description>code:not(:empty)  {
  4594.     display: inline-block !important;
  4595.     width: auto !important;
  4596.     max-width: 540px!important;
  4597. }
  4598. /* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
  4599. #additional-info-text > code:not(:empty)  {
  4600.     display: inline-block !important;
  4601.     width: auto !important;
  4602.     max-width: 820px!important;
  4603. }
  4604.  
  4605. /* GREASYFORK - SCRIPT PAGE INFO - CODE -
  4606. TEST LINK
  4607. - (bili_fix_player - CHINESE) :
  4608. https://greasyfork.org/fr/scripts/740-bili-fix-player
  4609. - userstyles.org css highlighter :
  4610. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  4611. === */
  4612. #additional-info>div>blockquote>pre>code  {
  4613.     display: inline-block !important;
  4614.     width: 99%!important;
  4615.     margin-left: -6px!important;
  4616.     padding: 5px 10px!important;
  4617.     border-radius: 2px!important;
  4618.     border: 1px solid gray !important;
  4619.     letter-spacing: initial;
  4620.     white-space: pre-line !important;
  4621.     word-wrap: break-word !important;
  4622.     background-color: #e9e8e5!important;
  4623.     background-color: #5c5c5c !important;
  4624.     color: white !important;
  4625. }
  4626. #additional-info>div>pre>code  {
  4627.     display: inline-block !important;
  4628.     width: 99%!important;
  4629.     margin-left: -6px!important;
  4630.     padding: 5px 10px!important;
  4631.     border-radius: 2px!important;
  4632.     letter-spacing: initial;
  4633.     white-space: pre-line !important;
  4634.     word-wrap: break-word !important;
  4635.     background-color: #e9e8e5!important;
  4636.     background-color: #5c5c5c !important;
  4637.     color: white !important;
  4638. }
  4639.  
  4640. /* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  4641. #main-header + #content-wrapper> #main-article>ul {
  4642.     position: fixed !important;
  4643.     display: inline-block !important;
  4644.     width: 50px !important;
  4645.     height: 18px !important;
  4646.     margin-left: -100px;
  4647.     top: 18px !important;
  4648. padding-left: 15px !important;
  4649. /* padding-right: 5px !important; */
  4650. /* padding-bottom: 10px !important; */
  4651.     border-radius: 3px 3px 0 0 !important;
  4652.     box-shadow: 0 0 4px #999999 !important;
  4653. text-align: left !important;
  4654.     background: #222 !important;
  4655.     overflow: hidden !important;
  4656.     z-index: 500 !important;
  4657. }
  4658. #help-style-settings-edit ~pre ,
  4659. #main-header + #content-wrapper > #main-article > p ~ ul {
  4660.     position: relative !important;
  4661.     display: inline-block !important;
  4662.     width: 700px !important;
  4663.     height: auto!important;
  4664.     margin-left: 200px !important;
  4665.     margin-top: -5px !important;
  4666.     border-radius: 3px !important;
  4667.     border: 1px solid gray !important;
  4668.     background: #222 !important;
  4669.     overflow: visible !important;
  4670.     z-index: 10 !important;
  4671. }
  4672. #main-header + #content-wrapper > #main-article > table + p {
  4673.     position: fixed!important;
  4674.     display: inline-block !important;
  4675.     width: 600px !important;
  4676.     height: auto !important;
  4677.     top: 73px !important;
  4678.     left: 320px !important;
  4679.     opacity: 0 !important;
  4680. }
  4681. #main-header + #content-wrapper > #main-article > table:hover + p {
  4682.     position: fixed!important;
  4683.     display: inline-block !important;
  4684.     width: 600px !important;
  4685.     height: auto!important;
  4686.     top: 73px!important;
  4687.     left: 320px!important;
  4688.     opacity: 1!important;
  4689.     transition: opacity ease 0.7s !important;
  4690. }
  4691. #main-header + #content-wrapper> #main-article>ul:hover {
  4692.     width: 200px !important;
  4693.     height: auto!important;
  4694.     box-shadow: 0 0 4px #999999 !important;
  4695. }
  4696. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  4697.     width: 700px !important;
  4698.     height: auto!important;
  4699. }
  4700. #main-header + #content-wrapper> #main-article>ul:before {
  4701.     width: 200px !important;
  4702.     height: 10px !important;
  4703.     line-height: 10px !important;
  4704.     content: "More..."!important;
  4705. /* padding:  0 !important; */
  4706. }
  4707. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  4708.     content: ""!important;
  4709. }
  4710. /* HELP STYLES - === */
  4711.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  4712.     width: 700px !important;
  4713.     margin-left: 200px !important;
  4714.     background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  4715.     text-align: center!important;
  4716.     color: peru!important;
  4717. }
  4718.  
  4719.  
  4720. /* TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  4721. body {
  4722.     overflow-x: hidden !important;
  4723.     overflow-y: auto !important;
  4724.     font-family: Verdana,sans-serif!important;
  4725. }
  4726.  
  4727.  
  4728. /* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN -
  4729. IN GREASY FORK DISCUSS:
  4730. https://greasyfork.org/fr/forum/discussion/179/x
  4731. === */
  4732.  
  4733. /* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
  4734. /* .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems , */
  4735. .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4736.     display: inline-block !important;
  4737. float: left !important;
  4738. /*     width: auto !important; */
  4739. width: 15px !important;
  4740. height: 15px !important;
  4741. /* left: 75px ; */
  4742. padding: 0 !important;
  4743.     border: none !important;
  4744.     background-color: transparent !important;
  4745.     box-shadow: none !important;
  4746. /* background: aqua !important; */
  4747. /* outline: 1px solid pink !important; */
  4748. }
  4749. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4750.     left: -5px !important;
  4751.     top: 21px !important;
  4752. }
  4753. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4754. /*     left: 7px; */
  4755. /*     top: 0; */
  4756. }
  4757.  
  4758. .OptionsMenu .Flyout {
  4759.   right: 6px;
  4760.   top: -1px;
  4761. }
  4762.  
  4763. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  4764. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  4765.     border: none !important;
  4766. }
  4767. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  4768. .ToggleFlyout:not(.Open) .EditDiscussion {
  4769.     display: inline-block !important;
  4770.     width: 18px !important;
  4771.     background-color: transparent!important;
  4772.     font-size: 0px!important;
  4773.     visibility: hidden!important;
  4774.     outline: 1px solid peru !important;
  4775. }
  4776. /* (new79) ALL */
  4777. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  4778.     content: " "!important;
  4779.     position: relative!important;
  4780.     display: inline-block !important;
  4781. width: 18px !important;
  4782. height: 15px !important;
  4783. /*     margin-left: 35px !important; */
  4784. /*     left: 24px !important; */
  4785. /*     top: -16px !important; */
  4786.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4787.     background-color: black !important;
  4788.     font-size: 15px !important;
  4789.     visibility: visible !important;
  4790.     outline: 1px solid gray !important;
  4791. }
  4792. /* (new79) */
  4793. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  4794.     content: " "!important;
  4795.     position: relative!important;
  4796.     display: inline-block !important;
  4797.     width: 18px !important;
  4798.     height: 18px !important;
  4799. /*     margin-left: 25px !important; */
  4800. /*     top: 0px !important; */
  4801.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4802.     background-color: black !important;
  4803.     font-size: 15px !important;
  4804.     visibility: visible !important;
  4805.     outline: 1px solid gray !important;
  4806. }
  4807. /* EDIT BUTTON */
  4808. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  4809.     display: inline-block !important;
  4810.     height: 15px !important;
  4811.     line-height: 15 !important;
  4812.     padding: 1px !important;
  4813. }
  4814.  
  4815.  
  4816.  
  4817. /* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
  4818. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  4819.     margin-top: -74px !important;
  4820. }
  4821. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  4822.     padding: 0px 20px !important;
  4823. }
  4824.  
  4825. /* TEST - MARK AS RED / HIDE -
  4826. EDIT :
  4827. https://greasyfork.org/fr/forum/discussions/mineEDIT:
  4828. READ:
  4829. https://greasyfork.org/fr/forum/categories
  4830. DISMISS :
  4831. https://forum.userstyles.org/discussions
  4832. #vanilla_discussions_mine
  4833.  
  4834. === */
  4835.  
  4836.  
  4837.  
  4838.  
  4839. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  4840.     position: relative !important;
  4841.     display: inline-block !important;
  4842.     float: left !important;
  4843. width: 18px !important;
  4844. /* height: 15px !important; */
  4845. padding: 0 !important;
  4846. line-height: 15px !important;
  4847. outline: 1px solid pink !important;
  4848. }
  4849.  
  4850. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
  4851.     background-color: #ACB1B7 !important;
  4852.     color: white !important;
  4853.     text-decoration: none;
  4854. }
  4855.  
  4856. /* (new79) EDIT COMMENT - === */
  4857. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  4858. /*     float: left !important; */
  4859.     font-size: 15px !important;
  4860.     visibility: hidden !important;
  4861.     outline: 1px solid gray !important;
  4862. }
  4863.  
  4864. /* (new79) */
  4865. #vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4866. #vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4867. #vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
  4868. /* outline: 1px solid violet !important; */
  4869. }
  4870.  
  4871.  
  4872.  
  4873. /* COMMENT DISCUSS  */
  4874. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  4875. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  4876. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  4877.     visibility: hidden!important;
  4878. }
  4879. /* COMMENT DISCUSS ALT (BLACK) */
  4880. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  4881. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  4882.     visibility: hidden !important;
  4883. }
  4884. /* LIST BOOKMARKED */
  4885. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  4886. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  4887.     visibility: hidden !important;
  4888. }
  4889. /* LIST BOOKMARKED ALT (BLACK) */
  4890. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  4891. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  4892.     outline: 1px solid red!important;
  4893.     visibility: hidden !important;
  4894. }
  4895. .DismissAnnouncement.Hijack {
  4896.     margin-right: 19px !important;
  4897.     margin-top: -31px !important;
  4898.     color: peru !important;
  4899. }
  4900. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  4901.     margin-right: 19px !important;
  4902.     margin-top: 0px !important;
  4903.     color: peru !important;
  4904. }
  4905.  
  4906. /* (new79) TEST - USERSTYLES - EDIT COMMENT */
  4907. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
  4908. /* float: left !important; */
  4909. /*     margin-top: -12px !important; */
  4910. /* left: 60px !important; */
  4911.     font-size: 15px !important;
  4912.     visibility: visible !important;
  4913.     visibility: hidden !important;
  4914. z-index: 10000 !important;
  4915. }
  4916. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
  4917. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  4918.     content: " "!important;
  4919.     position: relative !important;
  4920.     display: inline-block !important;
  4921.     float: left !important;
  4922. width: 18px !important;
  4923. height: 15px !important;
  4924. left: 30px ;
  4925. /* margin-left: 57px!important; */
  4926. /* margin-top: 34px !important; */
  4927. /* top: 4px !important; */
  4928.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4929.     background-color: black !important;
  4930.     font-size: 15px !important;
  4931.     visibility: visible !important;
  4932. /* outline: 1px solid red !important; */
  4933.     outline: 1px solid gray !important;
  4934. z-index: 10000 !important;
  4935. }
  4936.  
  4937. /* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS :
  4938. == GREASYFORK ==
  4939. .Discussion.comment.Section-Discussion #Frame #Body #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout.OptionsMenu:not(.Open)
  4940. https://greasyfork.org/fr/forum/discussion/179/x
  4941. === */
  4942. /* GREASYFORK */
  4943. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  4944.     outline: 1px solid peru!important;
  4945.     visibility: hidden !important;
  4946. }
  4947.  
  4948. /* (new79) EDIT - USERSTYLES */
  4949. .ToggleFlyout.OptionsMenu {
  4950. /*     left: -19px; */
  4951. /*     top: -27px; */
  4952. }
  4953.  
  4954. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
  4955. /*     margin-left: -70px !important; */
  4956. /*     top: -13px !important; */
  4957. }
  4958. /* (new79) EDIT - GREASYFORK */
  4959. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before{
  4960. /*     margin-left: 20px !important; */
  4961. /*     top: -23px !important; */
  4962. }
  4963.  
  4964. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style -
  4965. https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
  4966. === */
  4967. .Attachment .FilePreview .Thumb-Default img ,
  4968. .Attachment .FileHover .Thumb-Default img {
  4969.     display: inline-block !important;
  4970.     max-height: 25px !important;
  4971.     min-height: 25px !important;
  4972.     height: 100% !important;
  4973.     width: 20px !important;
  4974. }
  4975.  
  4976. /* START PAGE - === */
  4977. #main-article>p  {
  4978.     position: relative !important;
  4979.     display: inline-block !important;
  4980.     width: 870px! important;
  4981.     margin: 10px auto ! important;
  4982.     left: 70px ! important;
  4983. }
  4984. #front-page-best {
  4985.     display: inline-block ! important;
  4986.     margin-left: 200px ! important;
  4987. }
  4988. #front-page-newest {
  4989.     display: inline-block !important;
  4990.     margin-left: 200px !important;
  4991. }
  4992. #front-page-best h2 ,
  4993. #front-page-newest  h2 {
  4994.     display: inline-block ! important;
  4995.     width: 300px !important;
  4996.     margin-left: 15px !important;
  4997.     padding-left: 29px !important;
  4998.     border-radius: 5px !important;
  4999.     box-shadow: 0 0 4px #999999 !important;
  5000.     background-color: #222222 !important;
  5001. }
  5002. #front-page-best ul li  ,
  5003. #front-page-newest ul li  {
  5004.     width: 700px ! important;
  5005.     padding: 2px 5px ! important;
  5006. }
  5007. #front-page-best ul li:nth-child(even) ,
  5008. #front-page-newest ul li:nth-child(even) {
  5009.     background: black! important;
  5010. }
  5011. #front-page-best ul li:nth-child(odd) ,
  5012. #front-page-newest ul li:nth-child(odd) {
  5013.     background: #222222 ! important;
  5014. }
  5015. #front-page-newest ul li:not(.additional-link):after ,
  5016. #front-page-best ul li:not(.additional-link):after {
  5017.     content: "tot   :   " attr(total-install-count) ;
  5018.     display: inline-block ;
  5019.     float: left ;
  5020.     width: 250px ;
  5021.     margin-right: -100px ;
  5022.     text-align: left ;
  5023.     color: gold ;
  5024. }
  5025. #front-page-best ul li:not(.additional-link):before {
  5026.     content: "week   :   " attr(weekly-install-count) ;;
  5027.     display: inline-block ;
  5028.     float: right ;
  5029.     width: 120px ;
  5030.     margin-left: 10px ;
  5031.     text-align: left ;
  5032.     color: gold;;
  5033. }
  5034.  
  5035. /* for GM "ENHANCER" / "TABLE VIEW" - === */
  5036. table#summary + #table-container > table#style-table  {
  5037.     border-collapse: collapse;
  5038.     margin-bottom: 0;
  5039.     margin-left: 0;
  5040.     margin-right: 0;
  5041. }
  5042. table#summary + #table-container > table#style-table > tr:first-of-type {
  5043.     position: fixed !important;
  5044.     height: 100% !important;
  5045.     max-width: 65.5% !important;
  5046.     min-width: 65.5% !important;
  5047.     width: 100% !important;
  5048.     margin-top: -45px !important;
  5049.     min-height: 50px !important;
  5050.     border-bottom: 4px solid #D2B48C !important;
  5051.     border-top: 4px solid #D2B48C !important;
  5052.     z-index: 200 !important;
  5053. }
  5054. /* TABLE VIEW - FIXED HEADER CELLS */
  5055. table#summary + #table-container > table#style-table th {
  5056.     height: 100%!important;
  5057.     min-height: 35px!important;
  5058.     max-height: 35px!important;
  5059.     text-shadow: 1px 1px 2px #000000;
  5060. }
  5061. /* A VOIR - for GM "ENHANCER" */
  5062. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  5063.     height: 30px !important;
  5064.     line-height: 3px !important;
  5065.     text-shadow: 1px 1px 2px #000000;
  5066. }
  5067. /* PAGINATION - HIGHLIGHT - === */
  5068. .NumberedPager a.Highlight ,
  5069. #PagerBefore.Pager a.Highlight{
  5070.     background: none repeat scroll 0 0 yellow !important;
  5071.     color: red !important;
  5072. }
  5073.  
  5074.  
  5075.  
  5076. /* USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
  5077. #main-article #hidden-meta {
  5078.     position: fixed !important;
  5079.     width: 190px!important;
  5080.     top: 460px !important;  
  5081.     left: -15px !important;
  5082.     padding: 2px !important;
  5083.     text-shadow: 1px 1px 2px #000000 !important;
  5084. }
  5085. /* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  5086. /* body .Pager .Highlight , */
  5087. .Pager a,
  5088. .Pager span {
  5089.     position: relative !important;
  5090.     display: inline-block;
  5091.     margin: 0 3px;
  5092.     min-width: 17px!important;
  5093.     height: 14px !important;
  5094.     line-height: 13px !important;
  5095.     padding: 0 !important;
  5096.     text-align: center!important;
  5097.     vertical-align: middle !important;
  5098.     border-radius: 3px !important;
  5099.     box-shadow: 3px 3px 2px black !important;
  5100.     background: #222 !important;
  5101. }
  5102. .NumberedPager a.Next,
  5103. .NumberedPager span.Next,
  5104. .NumberedPager a.Previous,
  5105. .NumberedPager span.Previous {
  5106.     position: relative !important;
  5107.     display: inline-block !important;
  5108.     height: 14px !important;
  5109.     line-height: 11px !important;
  5110.     font-size: 23px !important;
  5111.     border-radius: 3px !important;
  5112.     box-shadow: 3px 3px 2px black !important;
  5113.     background: #222 !important;
  5114.     vertical-align: middle !important;
  5115. }
  5116. .NumberedPager .Next:hover,
  5117. .NumberedPager .Previous:hover {
  5118.     position: relative !important;
  5119.     display: inline-block !important;
  5120.     height: 14px !important;
  5121.     line-height: 11px !important;
  5122.     border-radius: 3px !important;
  5123.     top: 5px!important;
  5124.     left: 0px !important;
  5125.     margin-left: 3px !important;
  5126.     right: 0px !important;
  5127.     font-size: 26px !important;
  5128.     vertical-align: middle !important;
  5129. }
  5130. #PagerAfter>a:hover,
  5131. #PagerBefore>a:hover,
  5132. body .Pager .Highlight:hover,
  5133. .PageControls .Pager a:hover  {
  5134.     display: inline-block !important;
  5135. /* font-size: 18px !important; */
  5136.     color: tomato !important;
  5137. }
  5138.  
  5139. #PagerBefore> .Next:hover,
  5140. .NumberedPager a.Next:hover,
  5141. .NumberedPager span.Next:hover {
  5142. position: relative !important;
  5143.     display: inline-block !important;
  5144.     height: 20px !important;
  5145.     line-height: 17px!important;
  5146.     margin-top: -10px !important;
  5147.     font-size: 23px !important;
  5148.     vertical-align: middle !important;
  5149.     color: tomato !important;
  5150. }
  5151.  
  5152. #PagerAfter> .Previous:hover,
  5153. #PagerBefore> .Previous:hover,
  5154. .NumberedPager a.Previous:hover,
  5155. .NumberedPager span.Previous:hover {
  5156. position: relative !important;
  5157.     display: inline-block !important;
  5158.     height: 20px !important;
  5159.     line-height: 17px!important;
  5160.     margin-top: -10px !important;
  5161.     font-size: 23px !important;
  5162.     vertical-align: middle !important;
  5163.     color: tomato !important;
  5164. }
  5165. /* (new63) */
  5166. .p-100.LastPage:hover {
  5167. position: relative !important;
  5168.     display: inline-block !important;
  5169.     height: 20px !important;
  5170.     line-height: 17px!important;
  5171.     font-size: 16px !important;
  5172.     vertical-align: middle !important;
  5173.     color: tomato !important;
  5174. }
  5175. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  5176. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  5177. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  5178.     position: relative !important;
  5179.     display: inline-block !important;
  5180.     vertical-align: middle !important;
  5181.     line-height: 20px !important;
  5182.     height: 20px!important;
  5183.     padding: 2px!important;
  5184.     top: -10px!important;
  5185.     font-size: 15px !important;
  5186.     color: peru !important;
  5187. }
  5188. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  5189.     display: inline-block !important;
  5190.     left: -11px!important;
  5191.     font-size: 20px !important;
  5192.     transition: all ease 0.5s !important;
  5193.     color: tomato !important;
  5194. }
  5195. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  5196.     display: inline-block !important;
  5197.     margin-right: -9px!important;
  5198.     margin-left: 2px!important;
  5199.     font-size: 20px !important;
  5200.     transition: all ease  0.5s  !important;
  5201.     color: tomato !important;
  5202. }
  5203. /* ==== TEST - USERSTYLES LIGHTBOX - === */
  5204. /* LIGHTBOX - STOP LINKIFYPLS to DOUBLE IMG SCREENSHOT - === */
  5205. .lb-caption .linkifyplus>img {
  5206.     display: none !important;
  5207. }
  5208.  
  5209. /* USERSTYLES LIGHTBOX - CONTAINER IMAGE */
  5210. .lightbox {
  5211.     position: absolute;
  5212.     width: 100% !important;
  5213.     line-height: 0;
  5214.     left: 0 !important;
  5215.     top: 93.9px !important;
  5216.     text-align: center;
  5217.     z-index: 10000;
  5218. }
  5219. .lb-outerContainer {
  5220.     width: 92% !important;
  5221.     height: 100% !important;
  5222.     height: 90px!important;
  5223.     margin: 0 auto !important;
  5224.     top: -50px!important;
  5225.     border-radius: 4px;
  5226.     background-color: white;
  5227.     background-color: rgb(62, 62, 62) !important;
  5228.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
  5229.     border: 1px solid rgb(0, 0, 0) !important;
  5230.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  5231.     color: rgb(170, 170, 170) !important;
  5232.     font-weight: bold !important;
  5233.     outline: 0 none !important;
  5234.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  5235. }
  5236. .lb-container {
  5237.     position: absolute !important;
  5238.     height: auto !important;
  5239.     width: 100% !important;
  5240.     margin: 0 auto !important;
  5241.     padding-top: 95px !important;
  5242. }
  5243. .lb-dataContainer {
  5244.     position: relative!important;
  5245.     display: inline-block!important;
  5246.     width: 85%!important;
  5247.     top: -120px!important;
  5248.     text-align: center !important;
  5249. }
  5250. .lb-data {
  5251.     color: #bbb;
  5252.     padding: 0px !important;
  5253.     margin-top: -20px!important;
  5254.     text-align: center !important;
  5255. }
  5256. .lb-data .lb-details {
  5257.     width: 100%!important;
  5258.     float: left;
  5259.     line-height: 15px !important;
  5260.     text-align: center !important;
  5261. }
  5262. .lb-data .lb-number {
  5263.     display: inline-block !important;
  5264.     width: 97%!important;
  5265.     clear: left;
  5266.     margin-top: 28px!important;
  5267.     color: peru !important;
  5268.     font-size: 29px !important;
  5269. }
  5270. .lb-data .lb-caption {
  5271.     position: relative !important;
  5272.     display: inline-block!important;
  5273.     width: 100%!important;
  5274.     height: 20px !important;
  5275.     line-height: 15px!important;
  5276.     font-size: 13px !important;
  5277.     font-weight: bold;
  5278. }
  5279. .lb-closeContainer {
  5280.     position: relative !important;
  5281.     margin-bottom: -2px!important;
  5282.     top: -45px!important;
  5283.     z-index: 10 !important;
  5284. }
  5285. .lb-nav {
  5286.     position: absolute;
  5287.     width: 99.5%!important;
  5288.     height: 100%;
  5289.     height: 47px !important;
  5290.     left: 0;
  5291.     top: 42px !important;
  5292. }
  5293. .lb-prev:not([style="display: none;"]) ,
  5294. .lb-next:not([style="display: none;"])  {
  5295.     display: inline-block !important;
  5296.     width: 50%!important;
  5297.     height: 42px !important;
  5298.     cursor: pointer;
  5299.     transition: opacity ease 1.2s !important;
  5300. }
  5301. .lb-prev:not([style="display: none;"])  {
  5302.     float: left;
  5303.     opacity: 0.2 !important;
  5304. }
  5305. .lb-prev:not([style="display: none;"]):hover {
  5306.     opacity: 1 !important;
  5307. }
  5308.  
  5309. /* (new60) PREV ICON - PB IMAGE BACKGROUND - leoncastro - OK  */
  5310. .lb-prev:not([style="display: none;"]) {
  5311.     background: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png") no-repeat scroll 80% 45% transparent !important;
  5312. color: transparent !important;
  5313. }
  5314. .lb-next:not([style="display: none;"])  {
  5315.     float: right;
  5316.     opacity: 0.2 !important;
  5317. }
  5318. .lb-next:not([style="display: none;"]):hover {
  5319.     opacity: 1 !important;
  5320. }
  5321.  
  5322. /* (new60) NEXT ICON - PB IMAGE BACKGROUND - leoncastro - OK */
  5323. .lb-next:not([style="display: none;"])  {
  5324.     background: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png") no-repeat scroll 20% 48% transparent !important;
  5325. color: transparent !important;
  5326. }
  5327.  
  5328.  
  5329. /* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)-
  5330. TEST - MAX HEIGHT for PREVIEW :
  5331. OK :
  5332. https://greasyfork.org/fr/scripts/4685-ts-pixiv
  5333. https://greasyfork.org/fr/scripts/4407-ts-linx-amender
  5334. A voir :
  5335. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  5336. === */
  5337. /* #additional-info .script-author-description  img + br ~ br , */
  5338. #additional-info .script-author-description>p  img ~ br {
  5339.     display : none !important;
  5340. }
  5341. #additional-info img ,
  5342. .lightbox .lb-image {
  5343.     position: relative  !important;
  5344.     display: inline-block !important;
  5345.     height: auto !important;
  5346.     max-width: 80% !important;
  5347.     margin: 0 auto !important;
  5348.     border-radius: 3px;
  5349. }
  5350. #additional-info img {
  5351.     border: 1px solid orange !important;
  5352.     box-shadow: 5px 5px 2px #888888 !important;
  5353.     color: yellow!important;
  5354.     max-width: 98%!important;
  5355.     max-height: 245px !important;
  5356.     padding: 2px !important;
  5357.     box-shadow: 5px 5px 2px #181818 !important;
  5358.     background-color: #2b2b2b !important;
  5359. }
  5360. #additional-info .fancybox img {
  5361.     border: 1px solid orange !important;
  5362.     box-shadow: none !important;
  5363.     color: yellow!important;
  5364.     max-height: 100px !important;
  5365. }
  5366.  
  5367. /* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  5368. #main-article {
  5369.     margin-left: 215px !important;
  5370. }
  5371.  
  5372. /* USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
  5373. form[action="/styles/create"] input[name="commit"] ,
  5374. #main-article   form[action="/styles/update"] input[name="commit"] {
  5375.     position: fixed !important;
  5376.     width: 81px !important;
  5377.     height: 54px !important;
  5378.     left: 200px !important;
  5379.     top: 490px !important;
  5380. }
  5381.  
  5382.  
  5383.  
  5384. /* USERSTYLES - ACCOUNT- INSTAL WEEK - === */
  5385. .numeric-value {
  5386.     color: gold !important;
  5387. }
  5388. .numeric-value + .numeric-value {
  5389.     color: tan !important;
  5390. }
  5391.  
  5392. /* (new60) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
  5393. footer {
  5394.     position: fixed !important;
  5395.     display: inline-block !important;
  5396.     width: auto !important;
  5397.     top: 00px !important;
  5398.     left: 10px ! important;
  5399. padding: 0 5px 5px 20px !important;
  5400.     z-index: 5000 ! important;
  5401.     visibility: hidden !important;
  5402. background: red !important;
  5403. }
  5404. footer:hover {
  5405.     position: fixed !important;
  5406.     display: inline-block !important;
  5407.     width: auto !important;
  5408.     top: 00px !important;
  5409.     left: 10px ! important;
  5410. padding: 0 5px 5px 20px !important;
  5411.     z-index: 5000 ! important;
  5412.     visibility: visible !important;
  5413. background: black !important;
  5414. }
  5415. footer:before {
  5416. content: "🔻" !important;
  5417.     position: fixed !important;
  5418.     display: inline-block !important;
  5419.     width: auto !important;
  5420.     top: 10px !important;
  5421.     left: 5px ! important;
  5422. padding: 0px  !important;
  5423.     z-index: 5000 ! important;
  5424.     visibility: visible !important;
  5425. background: gold !important;
  5426. }
  5427. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  5428.  
  5429. /* USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
  5430. #left-sidebar > nav {
  5431.     position: fixed !important;
  5432.     width: 197px !important;
  5433.     left: 7px !important;
  5434.     top: 70px !important;
  5435.     box-shadow: 0 0 4px #999999 !important;
  5436.     background-color: #222222 !important;
  5437.     z-index: 1000 !important;
  5438. }
  5439. #left-sidebar nav ul li a {
  5440.     margin-left: 12px !important;
  5441. }
  5442. #left-sidebar>nav>ul>li>a{
  5443.     font-family: Verdana,sans-serif;
  5444.     font-size: small !important;
  5445. }
  5446.  
  5447. /* USERSTYLES - MENUS POPUP - ONE MENU === */
  5448. #left-sidebar a {
  5449.     display: inline-block !important;
  5450. }
  5451. #left-sidebar>nav>ul>li:nth-child(3) {
  5452.     position: fixed !important;
  5453.     display: inline-block !important;
  5454.     visibility: visible !important;
  5455.     min-width: 95px !important;
  5456.     max-width: 95px !important;
  5457.     top: 31px !important;
  5458.     left: 25px !important;
  5459.     padding: 1px 5px  ! important;
  5460.     border-radius: 3px 3px 0 0 !important;
  5461.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5462.     list-style: none !important;
  5463.     cursor: pointer !important;
  5464.     z-index: 200 !important;
  5465. }
  5466.  
  5467. /* (new75) USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
  5468. #left-sidebar>nav {
  5469.     width: 200px;
  5470.     height: 0px !important;
  5471.     margin-bottom: -28px !important;
  5472.     padding-left: 5px;
  5473.     visibility: hidden;
  5474. }
  5475. #left-sidebar>nav>ul:hover {
  5476.     position: absolute !important;
  5477.     display: block !important;
  5478.     width: 95px !important;
  5479.     height: auto !important;
  5480.     top : -20px !important;
  5481.     left: 13px !important;
  5482.     padding: 20px 5px 5px 5px !important;
  5483.     border-radius: 0 0 3px 3px !important;
  5484.     box-shadow: 0 0 4px #999999 !important;
  5485.     background-color: #222222 !important;
  5486.     list-style: none !important;
  5487.     transition: height 1.5s ease 1s!important;
  5488.     visibility: visible !important;
  5489.     z-index: 800 !important;
  5490. }
  5491. #left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
  5492.     position: relative!important;
  5493.     width: 90px !important;
  5494.     top: -13px!important;
  5495.     margin-bottom: 10px!important;
  5496. }
  5497. /* USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
  5498. #left-sidebar>nav>ul>li {
  5499.     width: 200px ! important;
  5500.     border-radius: 5px !important;
  5501.     box-shadow: 0 0 4px #999999 !important;
  5502.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5503. }
  5504. /* USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
  5505. #left-sidebar>nav>ul>li:hover {
  5506.     background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
  5507. }
  5508.  
  5509. /* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  5510. #style-author-info {
  5511.     position: fixed !important;
  5512.     width: 205px ! important;
  5513.     height: 100% ! important;
  5514.     min-height: 292px ! important;
  5515.     max-height: 792px ! important;
  5516.     left: 5px !important;
  5517.     top: 80px !important;
  5518.     padding-left: 5px !important;
  5519.     padding-bottom: 3px !important;
  5520.     border-radius: 5px !important;
  5521.     box-shadow: 3px 3px 2px black !important;
  5522.     background: #222222 !important;
  5523. }
  5524. #style-install-info {
  5525.     position: fixed !important;
  5526.     width: 195px ! important;
  5527.     left: 23px !important;
  5528.     top: 320px !important;
  5529.     padding-left: 5px !important;
  5530.     padding-bottom: 3px !important;
  5531.     border-radius: 5px !important;
  5532.     background: #222222 !important;
  5533.     z-index: 700 !important;
  5534. }
  5535.  
  5536. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  5537. #style-install-info>tbody>tr:nth-child(2n+1) ,
  5538. #style-author-info>tbody>tr:nth-child(2n+1) {
  5539.     background: #262626 !important;
  5540.  }
  5541.  
  5542. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  5543. #style-install-info>tbody>tr ,
  5544. #style-author-info>tbody>tr {
  5545.     color: gold !important;
  5546. }
  5547. /*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  5548. #style-install-info>tbody>tr th+td ,
  5549. #style-author-info>tbody>tr th+td {
  5550.     position: relative ! important;
  5551.     display: inline-block ! important;
  5552.     width: 95% ! important;
  5553.     bottom: 3px ! important;
  5554.     left: 3px ! important;
  5555.     border-radius: 5px ! important;
  5556.     border : #434141 solid 1px !important;
  5557.     box-shadow: 3px 3px 2px black !important;
  5558.     color: #6999A6 !important;
  5559.     text-align: center ! important;
  5560.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5561. }
  5562.  
  5563. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  5564. #style-install-info>tbody>tr ,
  5565. #style-author-info>tbody>tr {
  5566.     display: block !important;
  5567.     position: relative !important;
  5568.     width: 190px !important;
  5569.     font-size: 11px !important;
  5570. }
  5571. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  5572. #style-author-info>tbody>tr:first-child {
  5573.     position: relative !important;
  5574.     display: inline-block !important;
  5575.     margin-top: 5px ! important;
  5576.     margin-left: 0px ! important;
  5577.     width: 190px !important;
  5578.     height: 89px ! important;
  5579.     border-radius: 5px ! important;
  5580.     border: 1px gray solid ! important;
  5581. }
  5582.  
  5583. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  5584. #style-author-info>tbody>tr:nth-child(1)>th {
  5585.     display: inline-block !important;
  5586.     position: relative !important;
  5587.     width: 184px !important;
  5588.     margin-top: 1px ! important;
  5589.     padding: 0 5px 2px 0 !important;
  5590.     border-radius: 5px 5px 0 0  ! important;
  5591.     color: transparent !important;
  5592.     font-size: 0px !important;
  5593.     text-align: center ! important;
  5594.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5595. }
  5596. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  5597. #style-author-info>tbody>tr:nth-child(1)>th:before {
  5598.     position: relative ;
  5599.     display: inline-block ;
  5600.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5601.     transform:scale(0.9,0.7) ;
  5602. }
  5603.  
  5604. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5605. #style-author-info>tbody>tr:nth-child(1)>td a {
  5606.     position: absolute ! important;
  5607.     display: block !important;
  5608.     position: relative !important;
  5609.     max-width: 182px !important;
  5610.     height: 51px ! important;
  5611.     left: -2px ! important;
  5612.     padding: 0 2px !important;
  5613.     font-size: 19px !important;
  5614.     font-weight: bold ! important;
  5615.     text-align: center ! important;
  5616.     color: SlateGray !important;
  5617.     border-radius: 0 0 5px 5px ! important;
  5618.     background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
  5619.     border :none !important;
  5620.     white-space: pre-wrap ! important;
  5621.     word-break: break-all ! important;
  5622.     -moz-hyphens: auto ! important;
  5623. }
  5624.  
  5625. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5626. #style-author-info>tbody>tr:first-of-type th+td {
  5627.     position: relative ! important;
  5628.     display: inline-block ! important;
  5629.     width: 100% ! important;
  5630.     bottom: -1px ! important;
  5631.     left: 3px ! important;
  5632.     text-align: center ! important;
  5633.     border :none !important;
  5634.     background: transparent ! important;
  5635. }
  5636.  
  5637. /* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  5638. #content-wrapper #main-article #left-info {
  5639.     position: absolute ! important;
  5640.     display: inline-block ! important;
  5641.     vertical-align: top ! important;
  5642.     top: 5px !important;
  5643.     margin-left: 2% !important;
  5644. }
  5645.  
  5646. /* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  5647. #screenshots {
  5648.     position: absolute ;
  5649.     display: inline-block ;
  5650.     float: none ;
  5651.     clear: both ;
  5652.     height: 395px ;
  5653.     width: 360px ;
  5654.     top: 0px ;
  5655.     border: 1px solid #434141 !important;
  5656.     box-shadow: 3px 3px 2px black ;
  5657.     background-color: #222222 ;
  5658.     z-index: 10 ;
  5659. }
  5660. .screenshot-thumbnail {
  5661.     border: 1px solid #434141 !important;
  5662.     box-shadow: 3px 3px 2px black ;
  5663. }
  5664. #more-screenshots {
  5665.     font-size: 0 !important;
  5666. }
  5667. #more-screenshots span {
  5668.     position: absolute !important;
  5669.     display: inline-block !important;
  5670.     padding: 2px 5px !important;
  5671.     border-radius: 5px !important;
  5672.     background: black !important;
  5673.     font-size: 15px !important;
  5674. }
  5675. #screenshots #more-screenshots a  {
  5676.     position: relative !important;
  5677.     display: inline-block !important;
  5678.     width: 98% !important;
  5679.     bottom: -20px !important;
  5680.     font-size: small !important;
  5681. }
  5682. #screenshots #more-screenshots a:before  {
  5683.     content: "\25BA" ;
  5684.     color: gold ;
  5685. }
  5686. /* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  5687. #style-info {
  5688.     position: absolute ! important;
  5689.     width: 78.5% !important;
  5690.     margin-top : 1px !important;
  5691.     left: 249px !important;
  5692.     word-wrap: break-word ! important;
  5693. }
  5694. #main-style-info {
  5695.     width: 60% !important;
  5696.     margin-bottom: 1em;
  5697.     margin-left: 380px !important;
  5698.     padding-left: 1em;
  5699. }
  5700.  
  5701. /* (new79) USERSTYLES - STY INFOS - LG DESC - TXT -
  5702. <a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
  5703. === */
  5704. #long-description {
  5705.     position: relative !important;
  5706.     display: inline-block !important;
  5707.     width: 565px ! important;
  5708.     height: 395px !important;
  5709.     min-height: 100px ! important;
  5710.     top: 4px !important;
  5711.     margin-top: 0px !important;
  5712.     left: 10px ! important;
  5713.     padding: 5px 5px 2px 10px !important;
  5714.     border-radius: 5px !important;
  5715.     box-shadow: 0 0 4px #999999 !important;
  5716.     border: 1px solid red !important;
  5717.     box-shadow: 3px 3px 2px black !important;
  5718.     overflow: hidden ! important;
  5719.     overflow-y: auto ! important;
  5720. }
  5721. /* (new94) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
  5722. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  5723. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  5724. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  5725. === SITE CHANGE :
  5726. "#style-options" to "#style-settings"
  5727. === */
  5728. .advanced_button {
  5729.     position: absolute ;
  5730.     height: 20px !important;
  5731.     margin-left: 251px !important;
  5732.     top: 76px !important;
  5733. }
  5734. #style-settings {
  5735.     position: absolute !important;
  5736.     display: inline-block !important;
  5737.     width: 49px ! important;
  5738.     height: 27px !important;
  5739. /* top: -44px !important; */
  5740.     top: 93px !important;
  5741. /* margin-left: 620px !important; */
  5742.     margin-left: 800px !important;
  5743.     left: 40px ! important;
  5744. padding: 5px ;
  5745.     border: 1px solid gray !important;
  5746.     border-radius: 5px !important;
  5747.     background: gray !important;
  5748.     overflow: hidden !important;
  5749.     overflow-y: hidden !important;
  5750.     z-index: 500 !important;
  5751. }
  5752. #style-settings:hover {
  5753.     position: absolute !important;
  5754.     display: inline-block !important;
  5755.     width: 555px ! important;
  5756.     min-height: 727px !important;
  5757. /*     top: -37px !important; */
  5758. /* margin-left: 769px !important; */
  5759. /* left: -385px ! important; */
  5760.     left: -450px ! important;
  5761.     border: 1px solid gray !important;
  5762.     border-radius: 5px !important;
  5763.     background: black !important;
  5764.     overflow: hidden !important;
  5765.     overflow-y: auto !important;
  5766.     z-index: 500!important;
  5767.     transition: all ease 0.6s !important;
  5768. }
  5769. #style-settings li:first-of-type {
  5770.     margin-top: 35px !important;
  5771. }
  5772.  
  5773. #style-settings:before {
  5774.     content: "Options \01F53B " ;
  5775.     position: absolute ;
  5776.     display: inline-block ;
  5777.     height: 25px ;
  5778. width: 50px !important;
  5779.     line-height: 13px ;
  5780.     top: 0px ;
  5781.     left: -2px ;
  5782.     padding: 5px ;
  5783.     border-radius: 5px ;
  5784.     border: 1px solid gray ;
  5785.     color: gold ;
  5786.     background: #222222 ;
  5787.     z-index: 500 !important;
  5788. }
  5789. #style-settings #advancedsettings_area.advancedsettings_shown ,
  5790. #style-settings #advancedsettings_area.advancedsettings_hidden  {
  5791.     display: inline-block !important;
  5792.     min-width: 495px !important;
  5793.     max-width: 495px !important;
  5794.     background-color: #ffffff;
  5795. }
  5796.  
  5797. /* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  5798. #style-info #control-panel {
  5799.     position: fixed ! important;
  5800.     display: inline-block ! important;
  5801.     height: 17px !important;
  5802.     line-height: 17px !important;
  5803.     width: 566px;
  5804.     margin-bottom: 1em;
  5805.     left: 637px!important;
  5806.     top: 25px ! important;
  5807.     padding: 1px 6px !important;
  5808.     border: 1px solid gray !important;
  5809.     border-radius: 3px 3px 0 0 !important;
  5810.     background: #222 !important;
  5811. z-index: 600!important;
  5812. }
  5813.  
  5814. #style-install-info > tbody > tr:last-of-type ,
  5815. #style-info #control-panel>a:nth-child(1),
  5816. #style-info #control-panel>a:nth-child(2),
  5817. #style-info #control-panel> a:nth-child(3){
  5818.     display: inline-block!important;
  5819.     height: 14px !important;
  5820.     line-height: 14px !important;
  5821. margin-top: -4px ! important;
  5822. top: 30px !important;
  5823.     background-color: #222222 !important;
  5824.     border-radius: 3px !important;
  5825.     box-shadow: 3px 3px 2px black !important;
  5826.     padding: 1px 5px !important;
  5827. }
  5828.  
  5829. /* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  5830. #long-description>p>a{
  5831.     color: #E0B81F !important;
  5832.     margin-right: 5px !important;
  5833. }
  5834. /* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  5835. #stylish-installed-style-needs-update ,
  5836. #stylish-installed-style-not-installed {
  5837.     position: fixed !important;
  5838.     width: 190px !important;
  5839.     height: 16px !important;
  5840.     line-height: 13px !important;
  5841.     left: 1025px !important;
  5842.     margin-bottom: 1px;
  5843.     top: 16px !important;
  5844.     padding: 0 4px 2px !important;
  5845.     border-radius: 5px !important;
  5846.     font-size: larger;
  5847.     color: white;
  5848.     vertical-align: middle;
  5849.     z-index: 700!important;
  5850. }
  5851.  
  5852. /* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
  5853. #stylish-installed-style-installed  {
  5854.     position: fixed !important;
  5855.     width: 230px !important;
  5856.     height: 18px !important;
  5857.     line-height: 17px !important;
  5858.     top: 11px !important;
  5859.     left: 930px !important;
  5860.     margin-bottom: 1px;
  5861.     padding: 0 4px 2px !important;
  5862.     border-radius: 5px !important;
  5863.     font-size: larger;
  5864.     color: white;
  5865.     vertical-align: middle;
  5866.     z-index: 650 !important;
  5867. }
  5868. #switch-browser-note {
  5869.     position: absolute !important;
  5870.     display: inline-block;
  5871.     width: 180px !important;
  5872.     top: 32px !important;
  5873.     left: 575px !important;
  5874.     margin-bottom: 1px;
  5875.     margin-top: 13px !important;
  5876.     padding: 0 4px 2px !important;
  5877.     vertical-align: middle;
  5878.     border-radius: 5px !important;
  5879.     color: white;
  5880. }
  5881.  
  5882. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  -
  5883. == hideheader : Wrong Install /Update button on my styles page...
  5884. https://forum.userstyles.org/discussion/44498/wrong-install-update-button-on-my-styles-page#latest
  5885. == */
  5886. #style-install-mozilla-no-stylish {
  5887.     display: none !important;
  5888. }
  5889.  
  5890. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  5891. .install-status:not(.install) {
  5892.     display: none;
  5893. }
  5894.  
  5895. /* USERSTYLES -  INSTALL NOTE - === */
  5896. .install-status:not(.install) {
  5897.     position: absolute !important;
  5898.     display: inline-block;
  5899.     max-width: 450px;
  5900.     margin-bottom: 1px;
  5901.     margin-top: 15px;
  5902.     right: 0 !important;
  5903.     top: 0!important;
  5904.     padding: 8px 16px 12px;
  5905.     border-radius: 5px;
  5906.     font-size: larger;
  5907.     color: white;
  5908.     vertical-align: middle;
  5909. }
  5910.  
  5911.  
  5912.  
  5913. /* ==== (new77) USERSTYLES - STY INFOS - SHOW CODE -
  5914. SYTLE INFOS PAGE :
  5915. <a href="http://userstyles.org/styles/56792/userstyles-tableview-enhancer-dark-grey-7-9-beta">Userstyles TableView+Enhancer - Dark-Grey 7.9 beta</a>
  5916. PAGE CODE :
  5917. <a href="http://forum.userstyles.org/uploads/FileUpload/9c/20298544f120ef30f482e9c94b44a5.txt">Youtube Black &amp; Red (-CyberationMicro-) V.12.1.5</a>
  5918. ==== */
  5919.  
  5920. /* (new77) USERSTYLES -  CHROME PB - STY INFOS - SHOW CODE - BUTT -
  5921. #style-install-info>tbody>tr:last-of-type #show-button
  5922. === */
  5923. #style-install-info>tbody>tr:last-of-type {
  5924.     position: fixed !important;
  5925.     width: 76px !important;
  5926.     margin-top: 1px !important;
  5927.     left: 820px !important;
  5928.     z-index: 200000 !important;
  5929. }
  5930. #style-install-info #show-button {
  5931.     position: relative !important;
  5932.     display: inline-block !important;
  5933.     top: -2px !important;
  5934.     padding: 0px !important;
  5935. }
  5936. /*  - USERSTYLES - STY INFOS - CODE - (TABLE VIEW PLUS) - === */
  5937. #left-sidebar footer #show-code  #view-code {
  5938.     max-height: 90% !important;
  5939.     width: 650px ! important;
  5940.     top: 65px !important;
  5941.     z-index: 0 !important;
  5942. }
  5943. /*  - USERSTYLES - STY INFOS - Window CODE - (TABLE VIEW PLUS) - === */
  5944. #show-code pre {
  5945.     max-height: 730px !important;
  5946.     min-width: 670px !important;
  5947.     max-width: 670px !important;
  5948.     margin-top: 70px !important;
  5949.     left: calc(100% - 690px) ! important;
  5950.     border: 1px solid black !important;
  5951.     border-radius: 8px !important;
  5952.     word-wrap: break-word !important;
  5953.     -moz-hyphens: auto !important;
  5954. }
  5955.  
  5956. /* (new77) USERSTYLES -  CHROME - STY INFOS - SHOW CODE - Window CODE - WITHOUT GM SCRIPT - === */
  5957. #content-wrapper article#main-article section#style-info #show-code pre  {
  5958.     position: fixed ! important;
  5959.     max-height: 800px !important;
  5960.     min-width: 670px !important;
  5961.     max-width: 670px !important;
  5962.     margin-left: -1% !important;
  5963.     top: -19px ! important;
  5964.     border: 1px solid black !important;
  5965.     border-radius: 8px !important;
  5966.     word-wrap: break-word !important;
  5967.     -moz-hyphens: auto !important;
  5968.     z-index: 800 ! important;
  5969. }
  5970.  
  5971. /* USERSTYLES - STY INFOS - Window CODE - === */
  5972. #more-info #show-code pre {
  5973.     position: fixed ! important;
  5974.     max-height: 730px !important;
  5975.     min-width: 670px !important;
  5976.     max-width: 670px !important;
  5977.     left: 45% ! important;
  5978.     top: 60px !important;
  5979.     border: 1px solid black !important;
  5980.     border-radius: 8px !important;
  5981.     word-wrap: break-word !important;
  5982.     -moz-hyphens: auto !important;
  5983. }
  5984. #stylish-code {
  5985.     width: 650px !important;
  5986.     word-wrap: break-word !important;
  5987.     -moz-hyphens: auto !important;
  5988.     background: white !important;
  5989. }
  5990. #view-code code {
  5991.     display: inline-block !important;
  5992.     height: 100% !important;
  5993.     width: 100% !important;
  5994.     padding: 3px 0 5px 5px  !important;
  5995.     word-wrap: break-word !important;
  5996.     white-space: pre-line !important;
  5997.     white-space: pre-wrap !important;
  5998.     overflow:auto !important;
  5999.     color: black !important;
  6000. }
  6001.  
  6002.  
  6003. /* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" -
  6004. TEST LINK -
  6005. Pperfect for large screen....:
  6006. https://userstyles.org/styles/90834/youtube-black-red-destructiveburn-css3
  6007. === */
  6008. #show-code #view-code #stylish-code  a.linkifyplus  {
  6009.     display: inline-block !important;
  6010.     height: 15px !important;
  6011.     white-space: pre-wrap !important;
  6012.     word-wrap: break-word !important;
  6013.     font-size: 15px !important;
  6014.     color: blue !important;
  6015.     background: tan  !important;
  6016. }
  6017.  
  6018. #show-code #view-code #stylish-code  a.linkifyplus > img {
  6019.     position: absolute !important;
  6020.     display: inline-block !important;
  6021.     max-height: 100px !important;
  6022.     padding: 3px 20px !important;
  6023.     visibility: hidden !important;
  6024.     transform: scale(0.2) !important;
  6025.     transition: background ease 0.7s !important;
  6026.     background: #333  !important;
  6027. }
  6028. #show-code #view-code #stylish-code  a.linkifyplus:hover > img {
  6029.     position: fixed !important;
  6030.     display: inline-block !important;
  6031.     max-height: 50% !important;
  6032.     max-width: 200px !important;
  6033.     top: 25% !important;
  6034.     margin: auto 0 !important;
  6035.     right: 40% ! important;
  6036.     padding: 3px 20px !important;
  6037.     visibility: visible !important;
  6038.     transform: scale(1.5) !important;
  6039.     transition: background ease 0.1s !important;
  6040.     z-index: 1000 !important;
  6041.     background: black  !important;
  6042. }
  6043.  
  6044. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
  6045. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
  6046. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
  6047.     content: " " !important;
  6048.     position: relative !important;
  6049.     display: inline-block !important;
  6050.     width: 10px !important;
  6051.     height: 18px !important;
  6052.     line-height: 18px !important;
  6053.     padding: 0 5px 0 10px !important;
  6054.     border-radius: 3px !important;
  6055.     font-size: 17px !important;
  6056.     visibility: visible !important;
  6057.     opacity: 1 !important;
  6058.     background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  6059.     background-position: center  !important;
  6060.     background-repeat: no-repeat !important;
  6061.     background-size: 70% 140% !important;
  6062.     transform: rotate(270deg) !important;
  6063.     background-color: white  !important;
  6064. }
  6065.  
  6066. /* #show-code #view-code #stylish-code  a.linkifyplus:after */
  6067. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
  6068. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
  6069. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
  6070.     content: attr(href) !important;
  6071.     position: relative !important;
  6072.     display: inline-block !important;
  6073.     height: 18px !important;
  6074.     line-height: 18px !important;
  6075.     padding: 0 20px !important;
  6076.     font-size: 15px !important;
  6077.     visibility: visible !important;
  6078.     opacity: 1 !important;
  6079. }
  6080.  
  6081.  
  6082. /* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
  6083. #content-wrapper article#main-article #more-info h2 ,
  6084. #content-wrapper article#main-article #additional-info h2 ,
  6085. #content-wrapper article#main-article #discussions-area h2 {
  6086.     display: inline-block ! important;
  6087.     min-width: 965px !important;
  6088.     max-width: 965px !important;
  6089.     padding-left: 15px !important;
  6090.     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%);
  6091.     border-radius: 5px !important;
  6092.     box-shadow: 3px 3px 2px black !important;
  6093.     color: #A3A4A4 !important;
  6094. }
  6095. #content-wrapper article#main-article #discussions-area h2 {
  6096.     min-width: 965px !important;
  6097.     max-width: 965px !important;
  6098. }
  6099. section#discussions-area h2 {
  6100.     position: relative !important;
  6101.     display: inline-block !important;
  6102.     left: 50px !important;
  6103.     margin-bottom: -15px !important;
  6104. }
  6105. section#discussions-area h3 {
  6106.     display: none !important;
  6107. }
  6108.  
  6109. /* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
  6110. #style-info + #additional-info {
  6111.     position: relative ! important;
  6112.     display: inline-block !important;
  6113.     min-width: 90% !important;
  6114.     max-width: 90% !important;
  6115.     left: 2% !important;
  6116.     margin-top: 405px !important;
  6117. }
  6118. #additional-info-text {
  6119.     position: relative !important;
  6120.     display: inline-block !important;
  6121.     min-width: 965px !important;
  6122.     max-width: 965px !important;
  6123.     margin-top: -10px !important;
  6124.     overflow-y: auto;
  6125.     overflow-x: hidden!important;
  6126.     color: #ACAEB5 !important;
  6127. }
  6128. /* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
  6129. #additional-info #additional-info-text a{
  6130.     color: #E0B81F !important;
  6131. }
  6132. #additional-info #additional-info-text a:visited {
  6133.     color: #E7D590 !important;
  6134. }
  6135.  
  6136. /* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
  6137. #style-info + #additional-info #additional-info-text>mark>a {
  6138.     color: black !important;
  6139. }
  6140. #additional-info #additional-info-text>mark>a b {
  6141.     color: red!important;
  6142. }
  6143.  
  6144. /* ===  - USERSTYLES - STY INFOS - FEED ==== */
  6145.  
  6146. /* (new94) FIX NEW DESIGN - TOP HEARDER - === */
  6147. #top_logo {
  6148.     margin-top: -21px !important;
  6149. }
  6150. #search_input {
  6151.     height: 25px !important;
  6152.     margin-top: -27px !important;
  6153. }
  6154. #create_new_style ,
  6155. .header_button  {
  6156.     min-height: 20px !important;
  6157.     margin-top: -27px !important;
  6158. }
  6159. #create_new_style a ,
  6160. .header_button a  {
  6161.    font-weight: 600 !important;
  6162.     font-size: 14px !important;
  6163. }
  6164. /* CREATE NEW STYLE */
  6165. #create_new_style  {
  6166.     min-height: 20px !important;
  6167.     margin-top: 40px !important;
  6168.     margin-left: 220px !important;
  6169.     margin-right: -192px !important;
  6170. }
  6171.  
  6172.  
  6173. /* (new94) USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
  6174. #discussions-area{
  6175.     position: absolute !important;
  6176.     display: inline-block ! important;
  6177.     float: none ! important;
  6178.     clear: both ! important;
  6179.     max-height: 100%!important;
  6180.     min-height: 30px !important;
  6181.     width: 950px !important;
  6182.     left: 220px !important;
  6183.     top: 730px !important;
  6184.     padding: 1px !important;
  6185. }
  6186.  
  6187. /* (new94) NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */
  6188. #as_userscript + #headline {
  6189.     position: absolute !important;
  6190.     display: inline-block ! important;
  6191.     float: none ! important;
  6192.     clear: both ! important;
  6193.     max-height: 100%!important;
  6194.     min-height: 20px !important;
  6195.     width: 330px !important;
  6196. /* left: 5px !important; */
  6197. /* left: 81.3% !important; */
  6198. left: 1% !important;
  6199. /* top: 0px !important; */
  6200.     top: 300px !important;
  6201.     padding: 1px !important;
  6202. color: gold !important;
  6203. background: #222 ;
  6204. }
  6205. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {
  6206.     position: absolute !important;
  6207.     display: inline-block ! important;
  6208.     float: none ! important;
  6209.     clear: both ! important;
  6210.     max-height: 100%!important;
  6211.     min-height: 20px !important;
  6212.     max-height: 20px !important;
  6213.     width: 35px !important;
  6214. /* left: 5px !important; */
  6215. /* left: 87.3% !important; */
  6216. left: 15% !important;
  6217. /* top: 33px !important; */
  6218. top: 333px !important;
  6219.     padding: 1px !important;
  6220. overflow: hidden ;
  6221. /* background:  red ; */
  6222. }
  6223. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {
  6224.     position: absolute !important;
  6225.     display: inline-block ! important;
  6226.     float: none ! important;
  6227.     clear: both ! important;
  6228.     max-height: 100%!important;
  6229.     min-height: 20px !important;
  6230.     max-height: 20px !important;
  6231.     width: 190px !important;
  6232. /* left: 5px !important; */
  6233.     left: 8% !important;
  6234. /* top: 33px !important; */
  6235.     padding: 1px !important;
  6236. overflow: hidden ;
  6237. /* background:  red ; */
  6238. }
  6239. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {
  6240.     height: 18px !important;
  6241. width: 30px !important;
  6242.     margin-bottom: 18px;
  6243.     margin-top: 0px !important;
  6244.     box-shadow: none !important;
  6245.     color: transparent !important;
  6246.     border: none !important;
  6247. white-space: nowrap ;
  6248.     background-color: blue !important;
  6249. transition: all ease 0.2s !important;
  6250. }
  6251. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {
  6252. visibility: hidden ;
  6253. }
  6254. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{
  6255.     height: 20px ;
  6256. margin-right: -118px !important;
  6257.     margin-top: 0px ;
  6258. }
  6259. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {
  6260.     height: 15px ;
  6261. /*     margin-right: -40px !important; */
  6262.     margin-top: 4px ;
  6263. }
  6264. /* HOVER */
  6265. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {
  6266.     width: 172px !important;
  6267.     height: 20px ;
  6268.     margin-top: 0px !important;
  6269.     color: gold !important;
  6270. transition: all ease 0.2s !important;
  6271. }
  6272. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {
  6273. display: inline-block ;
  6274. /* opacity: 0; */
  6275. visibility: visible ;
  6276. }
  6277. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {
  6278.     height: 15px ;
  6279.     margin-right: 15px !important;
  6280.     margin-top: 5px !important;
  6281. }
  6282. /* BIB */
  6283. #style_info .adContainer ~#discussions-area {
  6284.     position: absolute !important;
  6285.     display: inline-block ! important;
  6286.     float: none ! important;
  6287.     clear: both ! important;
  6288.     max-height: 450px !important;
  6289.     min-height: 30px !important;
  6290. /* width: 350px !important; */
  6291.     width: 330px !important;
  6292. /* left: 5px !important; */
  6293. left: 81.3% !important;
  6294.     left: 1% !important;
  6295. /* top: 60px !important; */
  6296.     top: 360px !important;
  6297.     padding: 1px !important;
  6298. overflow: hidden !important;
  6299. overflow-y: auto !important;
  6300. background: #222 ;
  6301. }
  6302.  
  6303. #single_discussion {
  6304.     height: 80px !important;
  6305. /* margin-top: 0 !important; */
  6306.     padding: 5px !important;
  6307. }
  6308.  
  6309. #single_discussion:first-child {
  6310.     margin-top: -15px !important;
  6311. }
  6312.  
  6313. #single_discussion:not(:first-child) {
  6314.     margin-top: -10px !important;
  6315. }
  6316.  
  6317. #single_discussion  .text_style_page {
  6318.     height: 51px !important;
  6319.     line-height: 15px !important;
  6320.     margin-top: 4px !important;
  6321. outline: 1px solid gray !important;
  6322. }
  6323.  
  6324.  
  6325. #rating_discussion[src="/ui/images/icons/rating_0.svg"] {
  6326.     height: 13px;
  6327.     width: 18px;
  6328.     opacity: 0.2;
  6329. }
  6330. #style_info .adContainer ~#discussions-area .text_style_page {
  6331.     color: #b3b3b3 ;
  6332. }
  6333. #archive_style_button {
  6334.     position: absolute;
  6335.     display: inline-block;
  6336.     height: 15px !important;
  6337.     line-height: 15px !important;
  6338.     width: 120px !important;
  6339.     right: 20% ;
  6340.     top: 435px ;
  6341.     border-radius: 4px;
  6342.     border-radius: 4px;
  6343.     box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
  6344.     cursor: pointer;
  6345.     font-size: 14px !important;
  6346.     justify-content: center;
  6347.     margin-top: 0px !important;
  6348.     padding: 2px 2px !important;
  6349.     text-align: center;
  6350.  
  6351. }
  6352. #as_userscript  {
  6353.     position: absolute !important;
  6354. /*     display: inline-block; */
  6355. /*     justify-content: center; */
  6356.     height: 18px !important;
  6357.     line-height: 15px !important;
  6358.     width: 120px !important;
  6359. right: 20% ;
  6360. margin-right: 0% !important;
  6361.     top: 458px ;
  6362.     margin-top: 0px !important;
  6363.     padding: 2px 2px !important;
  6364.     border-radius: 4px;
  6365.     box-shadow: none ;
  6366.     cursor: pointer;
  6367.     font-size: 5px ;
  6368.     text-align: center;
  6369. /* outline: 1px solid aqua ; */
  6370. }
  6371. #as_userscript a:before  {
  6372. content: "Userscript" ;
  6373.     position: absolute !important;
  6374.     display: inline-block;
  6375.     height: 15px !important;
  6376.     line-height: 15px !important;
  6377.     width: 120px !important;
  6378. /*     right: 38% ; */
  6379. margin-left: -34px ;
  6380. margin-top: -2px ;
  6381.     border-radius: 4px;
  6382. box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
  6383. /*     cursor: pointer; */
  6384.     font-size: 14px !important;
  6385.     padding: 3px 2px !important;
  6386.     text-align: center;
  6387. background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;
  6388.     background-position: 5px center;
  6389.     background-repeat: no-repeat;
  6390.     background-size: 12%;
  6391. background-color: red ;
  6392. }
  6393.  
  6394. /* (new94) TEST FIX NEW DESIGN - SHOW CSS - === */
  6395. .css_button {
  6396.     position: absolute;
  6397.     display: inline-block;
  6398.     flex-direction: row;
  6399.     align-items: center;
  6400.     justify-content: center;
  6401.     height: 21px !important;
  6402.     width: 136px ;
  6403.     margin-top: 30px;
  6404.     right: 20% ;
  6405.     top: 68px ;
  6406.     border-radius: 4px;
  6407.     color: #3498db;
  6408.     font-size: 14px;
  6409.     font-weight: normal ;
  6410.     background-color: #e2ebf8;
  6411. }
  6412. .css_close::after {
  6413.     content: "🙈";
  6414.     position: relative;
  6415.     width: 21px;
  6416.     margin-bottom: 8px;
  6417.     margin-right: 14px;
  6418.     opacity: 0.7 ;
  6419.  
  6420. }
  6421. #css_text_area_div textarea#stylish-code.cssVisible  {
  6422.     display: inline-block ;
  6423.     position: fixed ;
  6424.     resize: vertical;
  6425.     overflow: auto;
  6426.     min-width: 30% ;
  6427. /* height: 216px; */
  6428.     min-height: 70% ;
  6429.     padding: 5px ;
  6430.     right: 5px ;
  6431.     top: 166px ;
  6432.     margin-bottom: 20px;
  6433.     border-radius: 4px;
  6434.     font-size: 13px;
  6435.     font-family: "Open Sans",sans-serif !important;
  6436.     color: #ffffff;
  6437.     background-color: #2e3e49 !important;
  6438.     z-index: 5000;
  6439. }
  6440.  
  6441. /* (new94) - NEW DESIGN - ACTION BUTTON - === */
  6442. #actions_div {
  6443.     position: absolute;
  6444.     display: flex;
  6445.     flex-direction: row;
  6446.     justify-content: space-between;
  6447.     height: 22px !important;
  6448.     right: 19% ;
  6449.     padding: 1px 3px ;
  6450.     background: red;
  6451. }
  6452. #share_div {
  6453.     display: flex;
  6454.     flex-direction: column;
  6455.     padding: 0 2px !important;
  6456.     color: #2c3e50;
  6457.     font-size: 0 !important;
  6458. }
  6459. #social_networks {
  6460.     height: 17px !important;
  6461.     margin-top: 1px !important;
  6462. }
  6463.  
  6464. #actions_div #buttons {
  6465.     height: 20px !important;
  6466. }
  6467.  
  6468. .white_button ,
  6469. #style_installed_button ,
  6470. #ownedButtons ,
  6471. #update_style_button ,
  6472. #style_installed_button {
  6473.     height: 20px !important;
  6474. }
  6475.  
  6476. .white_button {
  6477.     align-items: center;
  6478.     background-color: #ffffff;
  6479.     border: 1px solid #cdcfd1;
  6480.     border-radius: 4px;
  6481.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  6482.     color: #2c3e50;
  6483.     cursor: pointer;
  6484.     display: flex;
  6485.     font-size: 12px;
  6486.     font-weight: bold;
  6487.     height: 19px;
  6488.     justify-content: center;
  6489.     width: 87px;
  6490. }
  6491. #install_style_button {
  6492.     display: flex;
  6493.     flex-direction: row;
  6494.     justify-content: center;
  6495.     align-items: center;
  6496.     height: 21px !important;
  6497.     width: 173px;
  6498.     margin-left: 9px;
  6499.     border-radius: 4px;
  6500.     font-size: 15px;
  6501.     font-weight: bold;
  6502.     color: white;
  6503.     cursor: pointer;
  6504.     box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
  6505.     background-color: #3498db;
  6506. }
  6507. #install_style_button div:first-of-type {
  6508.     height: 20px ;
  6509.     margin-top: -2px;
  6510. }
  6511. #install_style_icon {
  6512.     height: 20px !important;
  6513.     margin-right: 17px;
  6514.     width: 18px !important;
  6515. }
  6516. #install_style_button>div:last-of-type {
  6517.     height: 20px !important;
  6518.     line-height: 18px !important;
  6519. }
  6520.  
  6521. /* BIB */
  6522. #style_info {
  6523.     display: flex;
  6524.     flex-direction: column;
  6525.     min-width: 1301px !important;
  6526. margin-left: 20% !important;
  6527.     width: 100%;
  6528. /*     min-width: 100% !important; */
  6529. }
  6530. .style_title {
  6531.     height: 32px ;
  6532.     line-height: 25px ;
  6533.     margin-bottom: -4px ;
  6534.     margin-top: 25px ;
  6535.     color: #2c3e50;
  6536.     font-size: 28px ;
  6537. }
  6538.  
  6539. #actions_div + #headline,
  6540. #actions_div + #headline + #information_div ,
  6541. .adContainer + #headline ,
  6542. .adContainer + #headline + #applies_link {
  6543. position: absolute !important;
  6544. display: inline-block !important;
  6545. width: 17% !important;
  6546. min-width: 320px !important;
  6547. left: 1% !important;
  6548. padding: 5px ;
  6549. outline: 1px solid violet ;
  6550. }
  6551.  
  6552. /* 1* - "INFORMATION" */
  6553. #actions_div + #headline {
  6554.     display: none !important;
  6555. }
  6556.  
  6557. #right_information ,
  6558. #center_information {
  6559.     width: 45% ;
  6560. float: left ;
  6561. margin-top: 15px ;
  6562. padding: 5px ;
  6563. border-radius: 5px !important;
  6564. text-align: center ;
  6565.     background-color: #d6deeb;
  6566. /*     outline: 1px solid green; */
  6567. }
  6568.  
  6569. #center_information  {
  6570. border-radius: 5px 0 0 5px !important;
  6571. margin-right: 2px ;
  6572. text-align: center ;
  6573.     background-color: #d6deeb;
  6574. /*     outline: 1px solid green; */
  6575. }
  6576. #right_information {
  6577. border-radius: 0 5px 5px 0 !important;
  6578. text-align: center ;
  6579.     background-color: #d6deeb;
  6580. /*     outline: 1px solid green; */
  6581. }
  6582.  
  6583. #infomation_value_left ,
  6584. #information_key_left  {
  6585.     min-width: 46% !important;
  6586. float: left ;
  6587.     line-height: 13px !important;
  6588. margin-top: -5px ;
  6589. margin-bottom: -8px ;
  6590. padding: 2px 5px ;
  6591. border-radius: 5px !important;
  6592. text-align: center ;
  6593.     background-color: #d6deeb;
  6594. /*     outline: 1px solid green; */
  6595. }
  6596.  
  6597.  
  6598. #information_key_left {
  6599. border-radius: 5px 0 0 5px !important;
  6600. margin-right: -37px ;
  6601. text-align: center ;
  6602.     background-color: #d6deeb;
  6603. /*     outline: 1px solid green; */
  6604. }
  6605.  
  6606. #infomation_value_left  {
  6607. border-radius: 0 5px 5px 0 !important;
  6608. text-align: center ;
  6609.     background-color: #d6deeb;
  6610. /*     outline: 1px solid green; */
  6611. }
  6612.  
  6613.  
  6614. #information_value {
  6615.     color: #2c3e50;
  6616.     font-size: 21px !important;
  6617. }
  6618.  
  6619. /* 2* - "APPLIES TO" */
  6620. .adContainer + #headline {
  6621.     height: 15px !important;
  6622.     line-height: 15px !important;
  6623.     top: 237px !important;
  6624. }
  6625. .adContainer + #headline + #applies_link {
  6626.     height: 15px !important;
  6627.     line-height: 15px !important;
  6628.     top: 287px ;
  6629. }
  6630.  
  6631. /* (new94) TEST FIX NEW DESIGN - LEFT PANEL - LINKS BOX - MOVE TOP -  === */
  6632. /* MORE */
  6633. #navigation > .linksBox:first-of-type:before {
  6634. content: "More..." ;
  6635. position: fixed ;
  6636.     height: 23px ;
  6637.     width: 110px ;
  6638.     left: 25% !important;
  6639.     top: 41px !important;
  6640.     font-weight: 600 ;
  6641. cursor: pointer ;
  6642. /* border-bottom: 3px solid red !important; */
  6643. }
  6644.  
  6645. #navigation {
  6646. position: fixed ;
  6647. display: inline-block ;
  6648.     overflow: hidden !important;
  6649.     min-height: 0px !important;
  6650.     max-height: 0px !important;
  6651.     min-width: 0px !important;
  6652.     width: 50px !important;
  6653. padding: 0 !important;
  6654.     left: 25% !important;
  6655.     top: 63px !important;
  6656.     z-index: 500 !important;
  6657. overflow: hidden !important;
  6658. border-top: 3px solid green !important;
  6659. background: #333 !important;
  6660. }
  6661.  
  6662. #navigation:hover {
  6663. position: fixed ;
  6664. display: inline-block ;
  6665.     overflow: hidden !important;
  6666.     min-height: 0px !important;
  6667.     max-height: 0px !important;
  6668.     min-width: 0px !important;
  6669.     width: 50px !important;
  6670. padding: 0 !important;
  6671.     left: 25% !important;
  6672.     top: 64px !important;
  6673.     z-index: 500 !important;
  6674. border-top: 3px solid green !important;
  6675. background: #333 !important;
  6676. }
  6677.  
  6678. #navigation > .linksBox:first-of-type {
  6679.     position: fixed !important;
  6680.     display: inline-block !important;
  6681. height: 100% !important;
  6682.     min-height: 0px !important;
  6683.     max-height: 0px !important;
  6684.     width: 100% ;
  6685.     min-width: 140px !important;
  6686.     max-width: 140px !important;
  6687.     left: 25% !important;
  6688.     top: 63px !important;
  6689.     z-index: 500 !important;
  6690. overflow: hidden !important;
  6691.     overflow-y: auto !important;
  6692. border-top: none !important;
  6693. /* border-bottom: 3px solid tomato !important; */
  6694.     background-color: #222 !important;
  6695. }
  6696. /* #navigation:hover > .linksBox:first-of-type , */
  6697. #navigation> .linksBox:first-of-type:hover  {
  6698.     overflow: hidden !important;
  6699.     overflow-y: auto !important;
  6700. height: 100% !important;
  6701.     min-height: 80px !important;
  6702.     max-height: 80px !important;
  6703.     width: 100% ;
  6704.     min-width: 140px !important;
  6705.     max-width: 140px !important;
  6706.     left: 25% !important;
  6707.     top: 66px !important;
  6708.     z-index: 500 !important;
  6709. border-top: none !important;
  6710. border-bottom: 3px solid green !important;
  6711.     background-color: #222 !important;
  6712. }
  6713. /* #nav-view:not(:hover ) > #navigation> .linksBox:first-of-type  .navigation_link:first-of-type  {
  6714.     margin-left: -10px !important;
  6715.     margin-top: -15px !important;
  6716. } */
  6717. .linksBox>a {
  6718. /* display: inline-block ; */
  6719.     height: 20px !important;
  6720.     margin-top: 0;
  6721. }
  6722. .navigation_link {
  6723.     padding: 0 !important;
  6724. }
  6725. .logo_navigation_link {
  6726.     display: none !important;
  6727. }
  6728.  
  6729. .navigation_category {
  6730. cursor: pointer ;
  6731. transition: all ease 0.7s ;
  6732. }
  6733. .navigation_category:hover {
  6734.     color: #95a5a6 !important;
  6735.     font-size: 16px ;
  6736. transition: all ease 0.7s ;
  6737. }
  6738.  
  6739. /* TOP STYLED */
  6740. #navigation .linksBox:first-of-type + .navigation_category {
  6741.     position: fixed !important;
  6742.     top: 10px !important;
  6743.     margin-left: 150px !important;
  6744.     z-index: 500 !important;
  6745. }
  6746. #navigation .linksBox:first-of-type + .navigation_category + .linksBox {
  6747.     position: fixed !important;
  6748.     display: inline-block !important;
  6749.     min-height: 3px !important;
  6750.     max-height: 3px !important;
  6751. width: 110px ;
  6752.     top: 61px !important;
  6753.     margin-left: 150px !important;
  6754.     overflow: hidden !important;
  6755.     z-index: 500 !important;
  6756.     border-bottom: 3px solid red ;
  6757. /* outline: 4px solid yellow ; */
  6758. /* background: red; */
  6759. }
  6760. #navigation .linksBox:first-of-type + .navigation_category:hover + .linksBox ,
  6761. #navigation .linksBox:first-of-type + .navigation_category + .linksBox:hover {
  6762.     position: fixed !important;
  6763.     display: inline-block !important;
  6764.     min-height: 200px !important;
  6765.     max-height: 200px !important;
  6766. width: 128px ;
  6767.     top: 74px !important;
  6768.     margin-left: 150px !important;
  6769.     overflow: hidden !important;
  6770.     z-index: 500 !important;
  6771.     border-bottom: 3px solid red ;
  6772. /* outline: 4px dashed yellow ; */
  6773. /* background: red; */
  6774. }
  6775.  
  6776. /* STYLE TYPES */
  6777. #navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category {
  6778. position: fixed !important;
  6779. top: 10px !important;
  6780. margin-left: 290px !important;
  6781. z-index: 500 !important;
  6782. }
  6783.  
  6784. #navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category + .linksBox {
  6785.     position: fixed !important;
  6786.     display: inline-block !important;
  6787.     min-height: 3px !important;
  6788.     max-height: 3px !important;
  6789. width: 78px ;
  6790. top: 75px !important;
  6791. margin-left: 290px !important;
  6792.     margin-top: -14px;
  6793.     overflow: hidden;
  6794. z-index: 500 !important;
  6795. border-bottom: 3px solid aqua ;
  6796. }
  6797. #navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category:hover + .linksBox ,
  6798. #navigation .linksBox:first-of-type + .navigation_category + .linksBox + .navigation_category + .linksBox:hover {
  6799.     position: fixed !important;
  6800.     display: inline-block !important;
  6801.     min-height: 80px !important;
  6802.     max-height: 80px !important;
  6803. width: 138px ;
  6804. top: 75px !important;
  6805. margin-left: 290px !important;
  6806.     margin-top: -14px;
  6807.     max-height: 3px;
  6808.     overflow: hidden;
  6809. z-index: 500 !important;
  6810. border-bottom: 3px solid blue ;
  6811. }
  6812.  
  6813.  
  6814. .navigation_category + .linksBox:hover  ,
  6815. .navigation_category:hover + .linksBox {
  6816.     background-color: #333 !important;
  6817.     margin-top: -10px;
  6818.     max-height: 100% !important;
  6819.     overflow: hidden;
  6820. }
  6821. /* .navigation_category:hover + .linksBox + .navigation_category ,
  6822. .navigation_category + .linksBox:hover + .navigation_category {
  6823.     margin-top: -495px !important;
  6824. pointer-events: none !important;
  6825. z-index: 0 !important;
  6826. } */
  6827.  
  6828. .navigation_link {
  6829.     min-width: 190px !important;
  6830.     padding: 13px 0 12px;
  6831. border-bottom: 1px solid gray ;
  6832. }
  6833. .navigation_link:hover {
  6834.     background-color: #333 !important;
  6835.     cursor: pointer;
  6836. }
  6837. .navigation_category:hover + .linksBox > a .navigation_link  .logo_navigation_link {
  6838.     width: 16px;
  6839.     height: 16px;
  6840.     margin-left: 10px;
  6841.     padding: 2px ;
  6842.     border-radius: 100% ;
  6843.     object-fit: contain;
  6844.     background: white ;
  6845. }
  6846.  
  6847. .navigation_title  {
  6848.     color: tan !important;
  6849. }
  6850. .navigation_title:hover   {
  6851.     color: gold !important;
  6852. }
  6853.  
  6854.  
  6855.  
  6856.  
  6857. /* (new94) - TEST FIX NEW DESIGN - STYLE INFO PAGE - === */
  6858. #container {
  6859.     display: table;
  6860.     margin: 0 auto;
  6861.     width: 100% ;
  6862. }
  6863.  
  6864. #view {
  6865.     display: flex;
  6866.     justify-content: center;
  6867.     margin-right: 42px;
  6868.     min-width: 100% !important;
  6869. }
  6870. #style_info {
  6871.     display: flex;
  6872.     flex-direction: column;
  6873.     margin-left: 19px;
  6874.     width: 61% !important;
  6875. outline: 1px solid violet ;
  6876. }
  6877. #preview_image_div {
  6878.     height: 353px ;
  6879.     max-width: 500px !important;
  6880.     margin-bottom: -39px !important;
  6881.     margin-top: 10px;
  6882. padding: 5px ;
  6883. /* background-image: url("https://userstyles.org/style_screenshot_thumbnails/56792_after.png"); */
  6884.     background-position: center center !important;
  6885.     background-repeat: no-repeat;
  6886.     background-size: 90% !important;
  6887. border: 1px solid red ;
  6888. }
  6889. /* #preview_image_div {
  6890.     height: 353px;
  6891.     margin-bottom: 10px;
  6892.     margin-top: 10px;
  6893.     max-width: 700px;
  6894. } */
  6895.  
  6896. /* BIB */
  6897. #applies_link + #headline + .text_style_page {
  6898. position: absolute !important;
  6899. display: inline-block !important;
  6900. float: none !important;
  6901. width: 100% !important;
  6902.     min-width: 600px !important;
  6903.     max-width: 600px !important;
  6904. height: 100% !important;
  6905. height: 295px !important;
  6906. /* max-height: 195px !important;
  6907. min-height: 195px !important; */
  6908.     top: 120px ;
  6909.     left: 52% !important;
  6910.     padding: 5px ;
  6911.     word-wrap: break-word;
  6912.     white-space: pre-wrap !important;
  6913. overflow-x: hidden !important;
  6914. overflow-y: auto !important;
  6915. /* overflow: hidden !important; */
  6916. /* resize: vertical; */
  6917.     outline: 1px solid red;
  6918. }
  6919.  
  6920. .adContainer + #headline + #applies_link + #headline{
  6921.     display:none ;
  6922. }
  6923.  
  6924. #notes_textarea {
  6925.     width: 99% ;
  6926. }
  6927. /* (new77) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
  6928. #post-discussion + #login-form + #no-discussions  {
  6929.     position: absolute!important;
  6930.     display: inline-block !important;
  6931.     width: 750px!important;
  6932.     height: 17px !important;
  6933.     line-height: 17px !important;
  6934.     padding: 1px 0px 1px 14px  !important;
  6935.     top: -9px !important;
  6936.     margin-left: 160px !important;
  6937.     text-align: center!important;
  6938.     color: gold !important;
  6939.     text-decoration: none !important;
  6940.     background-color: transparent!important;
  6941.     background-image: url("https://userstyles.org/images/question.png") !important;
  6942.     background-position: 0px 3px !important;
  6943.     background-repeat: no-repeat !important;
  6944.     z-index: 500!important;
  6945. }
  6946. #discussions {
  6947.     margin-left: 20px !important;
  6948.     margin-top: 5px !important;
  6949. }
  6950.  
  6951. /* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
  6952. #discussions>li>a:nth-child(1){
  6953.     margin-left: 8px !important;
  6954.     margin-right: 30px !important;
  6955. }
  6956. /*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
  6957. #discussions>li>a:nth-child(2){
  6958.     margin-left: 4px !important;
  6959.     margin-right: 15px !important;
  6960. }
  6961.  
  6962. /* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
  6963. #Frame {
  6964.     margin-top: -8px !important;
  6965. }
  6966. #vanilla_discussions_index #Head.Head ,
  6967. #main-header {
  6968.     position: fixed !important;
  6969.     display: inline-block ! important;
  6970.     float: none ! important;
  6971.     width: 99.9% !important;
  6972.     height: 41px !important;
  6973.     left: -0.2% !important;
  6974.     top: -1px !important;
  6975.     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;
  6976. /* background-color: #670000 !important; */
  6977. /* background-image: linear-gradient(#670000, #900) !important; */
  6978.     border-bottom: 1px solid gray !important;
  6979. z-index: 50 !important;
  6980. }
  6981.  
  6982. /* (new74) - GREASEMONKEY  - RED BACKGROUD */
  6983. body:not(.Settings) #Head,
  6984. body[pagetype="ListingPage"]  #main-header ,
  6985. body[pagetype="UserProfile"]  #main-header {
  6986.     position: fixed !important;
  6987.     display: inline-block ! important;
  6988.     float: none ! important;
  6989.     height: 40px !important;
  6990.     top: -1px !important;
  6991. 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;
  6992. background-color: #670000 !important;
  6993. /* background-image: linear-gradient(#670000, #900) !important; */
  6994. border-bottom: 1px solid red !important;
  6995. }
  6996.  
  6997. /* === USERSTYLES - STY TITLE/Name === */
  6998.  
  6999. /* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
  7000. #main-header > h1 {
  7001.     position: relative ! important;
  7002.     display: inline-block ! important;
  7003.     width: 47% !important;
  7004.     min-width: 895px !important;
  7005.     height: 30px !important;
  7006.     line-height: 28px !important;
  7007.     margin-top: -3px !important;
  7008.     border-radius: 5px ! important;
  7009.     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%);
  7010.     font-size: 23px ! important;
  7011.     text-align: left !important;
  7012.     text-indent: -117px !important;
  7013.     overflow: hidden !important;
  7014.     text-overflow: ellipsis !important;
  7015.     white-space: nowrap !important;
  7016. }
  7017. #main-header > h1::-moz-selection {
  7018.     background:#FFCC11 ! important;
  7019.     color:#ffffff ! important;
  7020. }
  7021. #main-header > h1:hover {
  7022.     color: gold ! important;
  7023. }
  7024.  
  7025. /* USERSTYLES - SITE TITLE - TXT "User.org" -
  7026. + POSTION SUB TITLE PAGE(user name or title of the page)
  7027. ADAPTAION FOR LONG SEARCH:
  7028. https://userstyles.org/styles/browse?per_page=100&search_terms=%28greasyfork+%40subcategory+userstyles%29+|+%28userstyles+%40subcategory+greasyfork%29
  7029. === */
  7030. #main-header>h1>a {
  7031.     display: inline-block ! important;
  7032.     width: 161px !important;
  7033.     margin-right: -100px !important;
  7034.     margin-left: 28% !important;
  7035.     margin-bottom: 30px ! important;
  7036. }
  7037.  
  7038.  
  7039. /* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
  7040. #left-sidebar nav ul dl:not(:hover) ,
  7041. #main-article>dl:not(:hover) {
  7042.     position: fixed ! important;
  7043.     display: inline-block ! important;
  7044.     float: none !important;
  7045.     width: 50px !important;
  7046.     max-height: 15px ! important;
  7047.     top: 23px ! important;
  7048.     margin-top: 5px ! important;
  7049.     left: 275px !important;
  7050.     font-size: 10px ! important;
  7051.     text-align: left !important;
  7052.     z-index: 900 ! important;
  7053.     overflow: hidden !important;
  7054.     visibility: visible !important;
  7055.     transition: all ease .4s !important;
  7056. }
  7057. #left-sidebar nav ul dl:hover ,
  7058. #main-article>dl:hover {
  7059.     position: fixed ! important;
  7060.     display: inline-block ! important;
  7061.     float: none !important;
  7062.     width: auto !important;
  7063.     height: auto ! important;
  7064.     top: 23px ! important;
  7065.     margin-top: 5px ! important;
  7066.     left: 210px !important;
  7067.     padding: 3px 50px 1px 70px!important;
  7068.     font-size: 10px ! important;
  7069.     text-align: left !important;
  7070.     overflow: visible !important;
  7071.     z-index: 50000 !important;
  7072. }
  7073.  
  7074. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  7075. #left-sidebar nav ul dl:not(:hover)>dt ,
  7076. #main-article>dl:not(:hover)>dt {
  7077.     position: relative ! important;
  7078.     display: block !important;
  7079.     float: none !important;
  7080.     width: 74px !important;
  7081.     height: 16px ! important;
  7082.     line-height: 15px ! important;
  7083.     top: 1px ! important;
  7084.     margin-bottom: -14px !important;
  7085.     left: 0px ! important;
  7086.     padding: 0px 6px 1px 0px !important;
  7087.     font-size: 10px ! important;
  7088.     text-align: left !important;
  7089.     color: transparent ! important;
  7090.     overflow: hidden !important;
  7091.     text-overflow: ellipsis !important;
  7092.     white-space: nowrap !important;
  7093.     z-index: 5000 !important;
  7094. }
  7095. #left-sidebar nav ul dl:not(:hover)>dt:before ,
  7096. #main-article>dl:not(:hover)>dt:before {
  7097.     content: "About \25B6 " !important;
  7098.     color: red !important;
  7099. }
  7100.  
  7101.  
  7102. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  7103. #left-sidebar nav ul dl:hover>dt ,
  7104. #main-article>dl:hover>dt {
  7105.     position: relative ! important;
  7106.     display: block !important;
  7107.     float: none !important;
  7108.     width: 44px !important;
  7109.     height: 12px ! important;
  7110.     line-height: 12px ! important;
  7111.     margin-bottom: -14px !important;
  7112.     left: 0px ! important;
  7113.     padding: 0px 6px 1px 2px !important;
  7114.     font-size: 10px ! important;
  7115.     text-align: left !important;
  7116.     color: grey ! important;
  7117.     overflow: hidden !important;
  7118.     text-overflow: ellipsis !important;
  7119.     white-space: nowrap !important;
  7120.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  7121.     border-radius: 5px 0 0 5px !important;
  7122.     border: 1px solid gray !important;
  7123.     z-index: 5000 !important;
  7124. }
  7125. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  7126. #main-article>dl:hover>dd:first-of-type ,
  7127. #left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
  7128.     position: relative ! important;
  7129.     width: 0px !important;
  7130.     height: 15px ! important;
  7131.     top: -6px ! important;
  7132.     margin-bottom: -3px !important;
  7133.     margin-left: 55px ! important;
  7134.     padding-left: 10px !important;
  7135.     padding-right: 8px !important;
  7136.     text-align: left !important;
  7137.     background: black !important;
  7138.     outline: 1px solid gray !important;
  7139.     overflow: hidden !important;
  7140.     transition: all ease 0.4s !important;
  7141. }
  7142.  
  7143. /* "About" - FULL CONTAINER - NOT HOVER */
  7144. #left-sidebar nav ul dl:not(:hover),
  7145. #main-article > dl:not(:hover) dd:first-of-type {
  7146.     margin-left: 100px !important;
  7147. }
  7148. #main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
  7149.     position: relative ! important;
  7150.     display: inline-block ! important;
  7151.     max-width: 0px !important;
  7152.     height: 20px ! important;
  7153.     top: -6px ! important;
  7154.     margin-bottom: -3px !important;
  7155.     margin-left: 47px ! important;
  7156.     padding-left: 0px !important;
  7157.     padding-right: 0px !important;
  7158.     border: none !important;
  7159.     text-align: left !important;
  7160.     background: black !important;
  7161.     overflow: hidden !important;
  7162.     visibility: hidden !important;
  7163. }
  7164.  
  7165. /* "About" - FULL CONTAINER - HOVER */
  7166. #left-sidebar nav ul dl:hover>dd:first-of-type ,
  7167. #main-article>dl:hover>dd:first-of-type {
  7168.     display: inline-block ! important;
  7169.     width: 100% !important;
  7170.     min-width: 0px !important;
  7171.     max-width: 500px !important;
  7172.     height: 100% ! important;
  7173.     min-height: 0px ! important;
  7174.     max-height: 500px ! important;
  7175.     margin-left: 15px ! important;
  7176.     margin-top: 0px ! important;
  7177.     padding: 2px 0 100px 90px !important;
  7178.     text-align: left !important;
  7179.     font-size: 14px!important;
  7180.     background: black !important;
  7181.     overflow: hidden !important;
  7182.     overflow-y: auto !important;
  7183.     z-index: 900 ! important;
  7184. }
  7185.  
  7186. /* SUB LABEL INFOS */
  7187. #main-article>dl:hover>dt:first-of-type + dd +dt  {
  7188.     position: absolute !important;
  7189.     display: inline-block ! important;
  7190.     top: 15px !important;
  7191.     margin-left: 90px !important;
  7192. }
  7193. #main-article>dl>dt:first-of-type + dd +dt +dd+dt {
  7194.     position: absolute !important;
  7195.     display: inline-block ! important;
  7196.     top: 30px !important;
  7197.     margin-left: 90px !important;
  7198. }
  7199. #main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
  7200.     position: absolute !important;
  7201.     display: inline-block ! important;
  7202.     top: 45px !important;
  7203.     margin-left: 90px !important;
  7204. }
  7205.  
  7206.  
  7207.  
  7208. /*  "About" - ARROW GRAY */
  7209. #left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
  7210. #main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  7211.     position: relative ;
  7212.     display: inline-block ;
  7213.     content: "\25B6 " ;
  7214.     margin-left: 1px ;
  7215.     color: red
  7216. }
  7217.  
  7218. /* ABOUT - LINKS */
  7219. #main-article>dl>dd>a {
  7220.     position: relative !important;
  7221.     display: inline-block !important;
  7222.     min-height: 15px !important;
  7223.     max-height: 15px !important;
  7224.     line-height: 14px !important;
  7225.     font-size: 13px !important;
  7226. }
  7227.  
  7228. /* SEND MESSAGE */
  7229.  
  7230. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
  7231.     position: fixed !important;
  7232.     display: inline-block !important;
  7233.     height: 20px !important;
  7234.     line-height: 10px !important;
  7235.     width: 170px !important;
  7236.     top: 28px !important;
  7237.     left: 360px !important;
  7238.     padding: 1px 10px !important;
  7239.     text-align: center !important;
  7240.     color: red !important;
  7241.     background: yellow !important;
  7242.     z-index: 80000 !important;
  7243.     visibility: visible !important;
  7244. }
  7245. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  7246.     visibility: hidden !important;
  7247. }
  7248. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
  7249. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  7250.     position: absolute !important;
  7251.     display: inline-block ;
  7252.     height: 15px !important;
  7253.     width: 22px !important;
  7254.     content: "✉" ;
  7255.     color: peru !important;
  7256.     left: -25px!important;
  7257.     top: 0px !important;
  7258.     font-size: 21px !important;
  7259.     visibility: visible !important;
  7260. }
  7261. /* USERSTYLES -  PROFILE LINK - === */
  7262. body:not(#f) a#userProfile {
  7263.     position: absolute !important;
  7264.     visibility: visible !important;
  7265.     left: 256px !important;
  7266.     top: -64px !important;
  7267.     overflow: visible !important;
  7268.     text-overflow: ellipsis !important;
  7269.     white-space: nowrap !important;
  7270.     font-size: 0 !important;
  7271.     z-index: 500 !important;
  7272. }
  7273.  
  7274. body:not(#f) a#userProfile:before {
  7275.     display: inline-block ;
  7276.     position: fixed ;
  7277.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
  7278.     -moz-transform:scale(0.6,0.5) ;
  7279.     margin-left: -90px ;
  7280.     top: 1px ;
  7281. }
  7282.  
  7283. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
  7284.  
  7285.  
  7286.  
  7287.  
  7288. /* USERSTYLES - "Following results" - "the results for all ..." - === */
  7289. #page-description>a {
  7290.     border-radius: 5px !important;
  7291.     box-shadow: 0 0 4px #999999 !important;
  7292.     display: inline-block !important;
  7293.     left: 103px !important;
  7294.     padding: 5px !important;
  7295.     position: absolute !important;
  7296.     top: -21px !important;
  7297.     width: 994px !important;
  7298. }
  7299.  
  7300. /* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
  7301. #metaOption {
  7302.     position: fixed !important;
  7303.     display: inline-block !important;
  7304.     -moz-appearance: none !important;
  7305.     transform: scale(0.8) ! important;
  7306.     height: 19px !important;
  7307.     width: 19px ! important;
  7308.     left: 0px !important;
  7309.     top: 26px !important;
  7310.     padding: 12px ! important;
  7311.     color: transparent ! important;
  7312.     border: none ! important;
  7313.     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;
  7314.     background-color: #0064AA ! important;
  7315.     border-radius: 10px 10px 10px 10px !important;
  7316.     z-index: 200 !important;
  7317.     opacity: 0.7 !important;
  7318.     cursor: pointer ! important;
  7319. }
  7320. #metaOption:hover {
  7321.     background-color: gold !important;
  7322.     opacity: 1 !important;
  7323. }
  7324.  
  7325. /* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
  7326. #style-table #metaPrefs {
  7327.     position: absolute!important;
  7328.     left: 5px!important;
  7329.     margin-top: -5px!important;
  7330. }
  7331.  
  7332. /* ==== (new87) USERSTYLES - SEARCH BOX ==== */
  7333.  
  7334. /* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
  7335. /* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
  7336. #advanced-search-submit button {
  7337.    -moz-appearance: none ! important;
  7338.     position: fixed !important;
  7339.     display: inline-block !important;
  7340.     width: 62px !important;
  7341.     height: 20px !important;
  7342.     right: calc(100% - 1202px)  ! important;
  7343.     top: 1px ! important;
  7344.     padding: 0 0 2px 0px  ! important;
  7345.     border-radius: 4px ! important;
  7346.     border: 1px solid #777777 !important;
  7347.     font-size: 10px! important;
  7348.     color: #D7D7D7 !important;
  7349.     text-align: center ! important;
  7350.     text-decoration: none ! important;
  7351.     box-shadow: 0 0 1px #777777 inset !important;
  7352.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7353.     cursor: pointer ! important;
  7354. }
  7355. #advanced-search-submit button:hover {
  7356.     color: tomato !important;
  7357. }
  7358. /* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
  7359. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  7360.    -moz-appearance: none ! important;
  7361.     position: absolute !important;
  7362.     display: inline-block !important;
  7363.     width: 60px !important;
  7364.     height: 18px !important;
  7365.     line-height: 15px ! important;
  7366.     top: -16px ! important;
  7367.     left: 85% ! important;
  7368.     font-size: 10px! important;
  7369.     color: #D7D7D7 !important;
  7370.     z-index: 200 ! important;
  7371.     text-align: center ! important;
  7372.     text-decoration: none ! important;
  7373.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7374.     border: 1px solid #777777 !important;
  7375.     border-radius: 4px !important;
  7376.     box-shadow: 0 0 1px #777777 inset !important;
  7377.     cursor: pointer ! important;
  7378. }
  7379.  
  7380. /* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
  7381. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  7382.    -moz-appearance: none ! important;
  7383.     position: fixed !important;
  7384.     display: inline-block !important;
  7385.     width: 50px !important;
  7386.     height: 20px !important;
  7387.     right: calc(100% - 1138px)  ! important;
  7388.     top: 1px ! important;
  7389.     border-radius: 5px ! important;
  7390.     font-size: 10px! important;
  7391.     color: gold !important;
  7392.     z-index: 200! important;
  7393.     text-align: center ! important;
  7394.     text-decoration: none ! important;
  7395.     background: black ! important;
  7396.     border: 1px gray solid ! important;
  7397.     cursor: pointer ! important;
  7398. }
  7399. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  7400.     color: tomato !important;
  7401. }
  7402.  
  7403. /* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
  7404. #advanced-search {
  7405.     position: relative ! important;
  7406.     position: fixed ! important;
  7407.     height: 15px ! important;
  7408.     width: 450px ! important;
  7409.     top: 48px ! important;
  7410.     left: 867px !important;
  7411.     padding: 1px 2px 3px 2px  ! important;
  7412.     border: none ! important;
  7413.     border-radius: 0 0 3px 3px !important;
  7414.     z-index: 2000000 ! important;
  7415.     color: gold !important;
  7416.     background: #2C6C14 !important;
  7417. }
  7418.  
  7419. /* USERSTYLES - SEARCH - TOP Right (Background) - === */
  7420. #search{
  7421.     background-color:  transparent !important
  7422. }
  7423.  
  7424. /* USERSTYLES - SEARCH BOX - === */
  7425. #search {
  7426.     position: fixed !important;
  7427.     width: 187px ! important;
  7428.     height: 85px ! important;
  7429.     top: 400px ! important;
  7430. }
  7431.  
  7432. /* USERSTYLES - SEARCH BOX INPUT -  === */
  7433. #left-sidebar > nav ul li form {
  7434.     position: fixed ! important;
  7435.     width: 200px !important;
  7436.     margin-top: -8px! important;
  7437.     left: 970px ! important;
  7438.     top: 25px ! important;
  7439.     visibility: visible ! important;
  7440.     z-index: 2000! important;
  7441. }
  7442.  
  7443. /* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
  7444. #search-terms {
  7445.     position: absolute ! important;
  7446.     display: inline-block !important;
  7447.     min-width: 204px !important;
  7448.     max-width: 204px !important;
  7449.     height: 19px ! important;
  7450.     margin-right: -50px ! important;
  7451.     left: -65px ! important;
  7452.     top: -16px ! important;
  7453. }
  7454. /* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
  7455. #search-submit {
  7456.     position: relative ! important;
  7457.     left: -38px ! important;
  7458.     margin-top: -15px ! important;
  7459.     font-size:11px !important;
  7460. }
  7461. #script-search > input[type="submit"] ,
  7462. #search-submit  {
  7463.     position: relative !important;
  7464.     display: inline-block !important;
  7465.     top: 0px !important;
  7466.     -moz-appearance: none !important;
  7467.     border: 1px solid gray !important;
  7468.     border-radius: 0 3px 3px 0 !important;
  7469.     cursor: pointer!important;
  7470.     background: peru !important;
  7471. }
  7472.  
  7473.  
  7474.  
  7475. #script-search > input[type="submit"]:hover ,
  7476. #search-submit:hover  {
  7477.     background: tomato !important;
  7478. }
  7479. /* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
  7480. #per-page-select {
  7481.     width: 45px !important;
  7482.     margin-left: -50px ! important;
  7483. }
  7484. *[id$="-select"] ,
  7485. #advanced-search>[name="sort_direction"]  {
  7486.     font-size: 11px ! important;
  7487.     height: 17px ! important;
  7488. }
  7489.  
  7490. /* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
  7491. #fb-label {
  7492.     display:none ! important;
  7493. }
  7494.  
  7495. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
  7496. #filter-block  {
  7497.     position: fixed ! important;
  7498.     display: inline-block ! important;
  7499.     height: 24px !important;
  7500.     width: 355px !important;
  7501.     left: 620px !important;
  7502.     margin-left: 288px !important;
  7503.     top: 18px !important;
  7504.     padding: 0 !important;
  7505.     border-radius: 3px !important;
  7506.     font-size: 10px ! important;
  7507.     z-index: 2000 !important;
  7508.     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;
  7509. }
  7510. #left-sidebar #labelGroup {
  7511.     height: 20px !important;
  7512.     line-height: 20px !important;
  7513.     padding: 0 3px !important;
  7514.     text-align: center !important;
  7515.     border: none !important;
  7516. }
  7517. /* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7518. #wordDiv button ,
  7519. #filterGroup button {
  7520.     height: 18px ! important;
  7521.     line-height: 10px ! important;
  7522.     padding: 1px ! important;
  7523.     font-size: 10px !important;
  7524.  
  7525.  
  7526. }
  7527. /* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
  7528. #wordDiv button {
  7529.     -moz-appearance: none ! important;
  7530.     width: 40px ! important;
  7531.     height: 20px !important;
  7532.     margin-left: -430px ! important;
  7533.     margin-top: 4px ! important;
  7534.     padding: 0px 2px! important;
  7535.     text-align: center ! important;
  7536.     border-radius: 3px ! important;
  7537.     border: 1px solid #404040;
  7538.     box-shadow: 3px 3px 2px black ;
  7539.     color: gold ! important;
  7540.     background: #222 !important;
  7541.     cursor: pointer ! important;
  7542.     z-index: 200 ! important;
  7543. }
  7544.  
  7545. /* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7546. #filterGroup button {
  7547.     position: absolute ! important;
  7548.     display: inline-block ! important;
  7549.     top: 0px ! important;
  7550.     margin-left: 100px ! important;
  7551. }
  7552. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
  7553. #filterGroup button#showB {
  7554.     position: absolute ! important;
  7555.     display: inline-block ! important;
  7556.     top: 2px ! important;
  7557.     margin-left: 94px ! important;
  7558.     width: 80px ! important;
  7559. }
  7560. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7561. #filterGroup button {
  7562.     position: absolute ! important;
  7563.     display: inline-block ! important;
  7564.     top: 2px ! important;
  7565.     margin-left: 173px ! important;
  7566. }
  7567.  
  7568. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
  7569. #wordIn {
  7570.     -moz-appearance: none ! important;
  7571.     position: absolute ! important;
  7572.     display: inline-block ! important;
  7573.     width: 138px ! important;
  7574.     height: 15px ! important;
  7575.     left: -82px ! important;
  7576.     margin-top: 3px ! important;
  7577.     border: none ! important;
  7578.     border-radius: 3px ! important;
  7579.     padding: 2px 2px 3px 0px ! important;
  7580. }
  7581.  
  7582. /* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
  7583. #wordDiv {
  7584.     position: absolute !important;
  7585.     display: inline-block ! important;
  7586. width: 223px !important;
  7587.     top: -6px !important;
  7588.     left: 80px ! important;
  7589.     text-align: center;
  7590. }
  7591. /*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
  7592. #filterGroup {
  7593.     position: absolute !important;
  7594.     display: inline-block ! important;
  7595.     height: 17px ! important;
  7596.     max-width: 90px !important;
  7597.     min-width: 90px ! important;
  7598.     left: 142px !important;
  7599.     top: 0px !important;
  7600.     padding: 1px 1px 1px 0px ! important;
  7601.     border-radius: 5px ! important;
  7602. /*     border: gray 1px solid ! important; */
  7603.     text-align: left !important;
  7604. }
  7605.  
  7606. /* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
  7607. #left-sidebar #labCnt {
  7608.     display: inline-block ! important;
  7609.     padding: 0px !important;
  7610.     font-size: 11px !important;
  7611. margin: 0 2px 0 -15px !important;
  7612.     color: gray ! important;
  7613. }
  7614. #left-sidebar #labCnt:after {
  7615.     content: " :" ;
  7616.     color: gold;
  7617.     font-size: 11px ;
  7618. }
  7619. #left-sidebar #filterCount {
  7620.     display: inline-block ! important;
  7621.     padding: 0px !important;
  7622.     color: gold;
  7623.     font-size: 11px !important;
  7624. }
  7625.  
  7626. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
  7627. #perPageGroup {
  7628.     position: absolute !important;
  7629.     display: inline-block!important;
  7630.     width: 10px !important;
  7631.     left: 305px ! important;
  7632.     margin-top: -17px !important;
  7633.     top: 5px !important;
  7634.     padding: 0 0 0 0px !important;
  7635.     color: gold !important;
  7636.     font-size: 0px !important;
  7637.     text-align: left !important;
  7638.     background: black !important;
  7639. }
  7640. #perPageGroup:after {
  7641.     content: "by"!important;
  7642.     position: absolute !important;
  7643.     display: inline-block!important;
  7644.     width: 19px !important;
  7645.     height: 19px!important;
  7646.     line-height: 17px!important;
  7647.     left: 8px ! important;
  7648.     top: -10px !important;
  7649.     padding: 0px !important;
  7650.     color: gold !important;
  7651.     font-size: 10px !important;
  7652.     text-align: center !important;
  7653.     background: red !important;
  7654. }
  7655. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
  7656. #filter-block #perPageGroup input#sel {
  7657.     -moz-appearance: none !important;
  7658.     position: absolute! important;
  7659.     display: inline-block!important;
  7660.     height: 17px !important;
  7661.     line-height: 25px !important;
  7662.     width: 20px !important;
  7663.     margin-left: 27px! important;
  7664.     margin-top: -13px! important;
  7665.     border: none ! important;
  7666.     border-radius: 0 3px 3px 0 ! important;
  7667.     font-size: 10px !important;
  7668.     text-align: center !important;
  7669.     background: #D6D6D6 ! important;
  7670. }
  7671.  
  7672.  
  7673. /* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
  7674. table#style-table tr[filtered="true"]:after {
  7675.     display: inline-block ;
  7676.     width: 15px ;
  7677.     content: "Filtered" ;
  7678.     padding-top: 2px ;
  7679.     padding-bottom: 5px ;
  7680.     padding-right: 4px ;
  7681.     padding-left: 1px ;
  7682.     transform: rotate(90deg) ;
  7683.     font-size: 10px ;
  7684.     text-align: center ;
  7685.     color: gold ;
  7686. }
  7687.  
  7688. /* ====  - USERSTYLES - STY INFOS - RELATED ==== */
  7689.  
  7690. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
  7691. #related {
  7692.     position: fixed !important;
  7693.     width: 185px !important;
  7694.     left: 20px !important;
  7695.     top: 550px !important;
  7696.     background-color: #222222 !important;
  7697.     box-shadow: 0 0 4px #999999 !important;
  7698. }
  7699. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
  7700. #left-sidebar footer#related ul li:not(.more) a:before {
  7701.     display: inline-block ;
  7702.     content: "\25B6" ;
  7703.     padding-right: 5px ;
  7704.     font-size: 8px ;
  7705.     color: red ;
  7706. }
  7707.  
  7708. /* ==== USERSTYLES - STY INFOS ==== */
  7709.  
  7710. /* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
  7711. #main-article>h2{
  7712.     display: none ! important;
  7713. }
  7714.  
  7715.  
  7716. /* STY INFOS - DELETED STYLE - MESS -
  7717. https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
  7718. === */
  7719. section#obsoletion-message {
  7720.     position: fixed !important;
  7721.     line-height: 15px !important;
  7722.     min-width: 400px !important;
  7723.     max-width: 400px !important;
  7724.     max-height: 425px !important;
  7725.     top: 35px !important;
  7726.     margin-left: -10px!important;
  7727.     padding: 10px ! important;
  7728.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  7729.     overflow: hidden !important;
  7730.     overflow-y: auto !important;
  7731.     z-index: 2000 !important;
  7732.     transition: all ease 0.7s !important;
  7733.     opacity: 1 !important;
  7734.     visibility: visible !important;
  7735. }
  7736. #main-article section#obsoletion-message h2 + p + p ,
  7737. #main-article section#obsoletion-message h2 + p  {
  7738.     display: inline-block !important;
  7739.     line-height: 15px !important;
  7740.     width: 390px !important;
  7741.     margin-left: -10px!important;
  7742.     padding: 10px ! important;
  7743.     font-size: 17px !important;
  7744.     text-align: center !important;
  7745.     color: white !important;
  7746. }
  7747.  
  7748. #main-article section#obsoletion-message h2 + p  q  {
  7749.     display: inline-block !important;
  7750.     width: 100% !important;
  7751.     line-height: 16px !important;
  7752.     margin-top: 10px !important;
  7753.     margin-bottom: 5px !important;
  7754.     padding: 5px !important;
  7755.     border-radius: 5px !important;
  7756.     text-align: left !important;
  7757.     font-size: 15px !important;
  7758.     color: gray !important;
  7759.     background: black !important;
  7760. }
  7761. /* #main-article section#obsoletion-message a  */
  7762. #obsoletion-message>p + p>a:last-of-type ,
  7763. #main-article section#obsoletion-message h2 + p>a:first-of-type {
  7764.     position: relative!important;
  7765.     display: inline-block!important;
  7766.     width: 100%!important;
  7767.     min-width: 375px!important;
  7768.     margin-top: 10px !important;
  7769.     margin-bottom: 5px !important;
  7770.     text-align: center!important;
  7771.     font-size: 18px !important;
  7772.     color: gold !important;
  7773. }
  7774. #obsoletion-message>p + p>a:nth-last-of-type(n+2) {
  7775.     position: relative!important;
  7776.     display: inline-block!important;
  7777.     width: 100%!important;
  7778.     min-width: 375px!important;
  7779.     margin-top: 10px !important;
  7780.     margin-bottom: 10px !important;
  7781.     text-align: center!important;
  7782.     font-size: 15px !important;
  7783.     color: gold !important;
  7784. }
  7785. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
  7786. #obsoletion-message:not(:hover) h2:not(:hover) ,
  7787. #obsoletion-message h2 {
  7788.     position: fixed !important;
  7789.     display: inline-block !important;
  7790.     left: 132px !important;
  7791.     top: 58px !important;
  7792.     border-radius: 10px !important;
  7793.     padding: 7px 6px !important;
  7794.     background: #B50000 !important;
  7795.     cursor: pointer !important;
  7796.     visibility: visible !important;
  7797.     opacity: 1 !important;
  7798. }
  7799. /* STY INFOS - DEL STY - BUBBLE - ARROW - === */
  7800. section#obsoletion-message:after {
  7801.     position: fixed !important;
  7802.     display: block;
  7803.     content: "";
  7804.     height: 0;
  7805.     width: 0;
  7806.     top: 82px !important;
  7807.     bottom: -15px;
  7808.     left: 200px ;
  7809.     border-color: #B50000 transparent transparent transparent ;
  7810.     border-style: solid;
  7811.     border-width: 25px 5px 0px ;
  7812.     transform: rotate(22deg) ;
  7813.     visibility: visible !important;
  7814. }
  7815. section#obsoletion-message:before {
  7816.     position: fixed !important;
  7817.     display: inline-block !important;
  7818.     content: " Deleted ....WHY ??? : Hover me !";
  7819.     height: 15px !important;
  7820.     width: 400px !important;
  7821.     top: 62px !important;
  7822.     left: 250px ;
  7823.     text-align: center !important;
  7824.     background: #B50000 !important;
  7825.     white-space: nowrap !important;
  7826.     cursor: pointer !important;
  7827.     visibility: visible !important;
  7828. }
  7829. section#obsoletion-message:hover:before {
  7830.     visibility: hidden !important;
  7831. }
  7832.  
  7833. #main-article section#obsoletion-message:not(:hover) {
  7834.     visibility: hidden !important;
  7835.     opacity: 1 !important;
  7836. }
  7837. #main-article section#obsoletion-message:hover {
  7838.     visibility: visible !important;
  7839. }
  7840.  
  7841.  
  7842. /* #main-article section#obsoletion-message>p>q:first-letter , */
  7843. #main-article section#obsoletion-message>p>q:first-line {
  7844.     display: inline-block !important;
  7845.     color: #00627A !important;
  7846.     font-size: 18px !important;
  7847. }
  7848.  
  7849.  
  7850. /* ==== BROWSE STY - ZEBRA ==== */
  7851.  
  7852. /* BROWSE STY - ZEBRA - FIRST - === */
  7853. #style-table tr:nth-child(even) td {
  7854.     background-color: #262626 !important;
  7855. }
  7856. /* BROWSE STY - ZEBRA - SECOND - ==== */
  7857. #style-table tr:nth-child(odd) td {
  7858.     background: #444444 !important;
  7859. }
  7860. #style-table > tr:hover:not(:first-child) {
  7861.     background-color: #444444;
  7862.     color: red ! important;
  7863. }
  7864.  
  7865. /* TEST - RATING always visible =
  7866. NOT RATING : #style-table td[rating="0.0"]
  7867. BAD / ONE RATING : #style-table td[rating="1.0"]
  7868. <td class="image-value">
  7869. <img class="bad-average-rating" alt="Bad" src="https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/images/bad.gif" title="">
  7870. 3 RATING : #style-table td[rating="3.0"]
  7871. === */
  7872. #style-table tr:not(:hover) .ratingfg ,
  7873. #style-table tr:hover .ratingfg {
  7874.     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;
  7875. }
  7876.  
  7877. /* TEST - META DISCUSSION - HOVER TOOLTIP - === */
  7878. #style-table .metadiscussions:hover:before{
  7879.     position: relative !important;
  7880.     content: attr(title) !important;
  7881.     display: inline-block !important;
  7882. /* width: 280px !important; */
  7883.     height: 16px !important;
  7884.     line-height: 15px !important;
  7885.     top: -5px !important;
  7886.     margin-left: -240px !important;
  7887.     padding: 0 5px 0 5px !important;
  7888.     border-radius: 5px !important;
  7889.     color: gold !important;
  7890.     background: red !important;
  7891.     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;
  7892. }
  7893.  
  7894.  
  7895. /* OBSOLETE DELETED STYLE - === */
  7896. #table-container table#style-table tr.obsolete td:nth-child(7){
  7897.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
  7898. /* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent !important; */
  7899.     opacity: 0.4 !important;
  7900. }
  7901. #table-container table#style-table tr.obsolete td:nth-child(7):hover{
  7902.     opacity: 1!important;
  7903. }
  7904.  
  7905. /* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
  7906. #main-article>p {
  7907.     margin-left: 95px !important;
  7908. }
  7909. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7910. #lastcheck {
  7911.     position :fixed !important;
  7912.     width: 650px !important;
  7913.     width: auto !important;
  7914.     margin-left: -322px !important;
  7915.     margin-top: 0px !important;
  7916.     border-radius: 5px !important;
  7917.     color: gray;
  7918.     z-index: 300 !important;
  7919. }
  7920. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7921. #summary + #lastcheck{
  7922.     position :fixed !important;
  7923.     width: 650px !important;
  7924.     width: auto !important;
  7925.     margin-left: 28px !important;
  7926.     margin-top: -26px !important;
  7927.     border-radius: 5px !important;
  7928.     font-size: 11px !important;
  7929.     color: tan !important;
  7930.     background: black !important;
  7931.     z-index: 300 !important;
  7932. }
  7933.  
  7934.  
  7935. /* ==== BROWSE STY - SUMMARY ==== */
  7936.  
  7937. /* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
  7938. (TABLE VIEW PLUS - content:"SummaRy)
  7939. (ENHANCER - content: "SuMmary")
  7940. ==== */
  7941.  
  7942. /* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
  7943. #summary {
  7944.     position: fixed !important;
  7945.     display: inline-block ! important;
  7946.     height: 15px !important;
  7947.     line-height: 15px !important;
  7948.     left: 252px !important;
  7949.     top: 83px ! important;
  7950.     padding: 2px !important;
  7951.     border-radius: 5px !important;
  7952.     background-color: transparent !important;
  7953.     z-index: 220 !important;
  7954. }
  7955.  
  7956.  
  7957. /* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
  7958. *[class="label total"]:before {
  7959.     content:"SummaRy : " ;
  7960.     position: fixed ;
  7961.     display: inline-block ;
  7962.     width: auto ;
  7963.     height: 10px ;
  7964.     line-height: 8px ;
  7965.     top: 83px ;
  7966.     left: 48px ;
  7967.     padding: 1px 5px 3px 6px ;
  7968.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7969.     border: 1px solid #777777 ;
  7970.     border-radius: 4px 4px 4px 4px ;
  7971.     box-shadow: 0 0 1px #777777 inset ;
  7972.     color: #E5E5E5;
  7973.     font-weight: bold ;
  7974.     z-index: 500 ;
  7975. }
  7976. /* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
  7977. #summary>tbody:after {
  7978.     position: fixed ;
  7979.     visibility: visible ;
  7980.     content: "SuMmary " ;
  7981.     height: 15px ;
  7982.     line-height: 15px ;
  7983.     top: 48px ;
  7984.     left: 270px ;
  7985.     padding: 1px 5px ;
  7986.     color: #E5E5E5 ;
  7987.     font-weight: bold ;
  7988.     border-radius: 5px ;
  7989.     box-shadow: 0 0 4px #999999 ;
  7990.     background-color: green ;
  7991. }
  7992. #summary>tbody {
  7993.     position: fixed !important;
  7994.     display: block !important;
  7995.     visibility: hidden!important;
  7996. }
  7997. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
  7998. #summary>tbody:hover {
  7999.     position: fixed !important;
  8000.     display: inline-block !important;
  8001.     left: 240px !important;
  8002.     top: 73px !important;
  8003.     visibility: visible!important;
  8004.     border-radius: 5px !important;
  8005.     box-shadow: 0 0 4px #999999 !important;
  8006.     background: red !important;
  8007. }
  8008.  
  8009. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
  8010. table#summary label.label:not(#good):not(#ok):not(#bad) {
  8011.     font-size: 11px ! important;
  8012.     color: gray ! important;
  8013. }
  8014. #good ,
  8015. #ok ,
  8016. #bad {
  8017.     font-size: 11px ! important;
  8018. }
  8019. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)-
  8020. MAKONDO (with pagination) : http://userstyles.org/users/60686
  8021. === */
  8022. #summary p {
  8023.     position: fixed !important;
  8024.     width: auto !important;
  8025.     top: 81px !important;
  8026.     left: 377px ! important;
  8027.     padding: 0 5px 2px 5px !important;
  8028.     font-size: 0px ! important;
  8029.     color: gray ! important;
  8030.     text-align: left !important;
  8031.     background: transparent ! important;
  8032. }
  8033. #summary:hover p {
  8034.     font-size: 10px ! important;
  8035.     color: gold ! important;
  8036.     text-align: left !important;
  8037.     background: red ! important;
  8038. }
  8039. #content-wrapper article#main-article table#summary label  + b ,
  8040. #content-wrapper article#main-article table#summary label   {
  8041.     position: relative ! important;
  8042.     display: inline ! important;
  8043.     top: -4px !important;
  8044.     left: -120px ! important;
  8045.     width: 650px !important;
  8046.     font-size: 10px ! important;
  8047.     color: gold ! important;
  8048.     text-align: left !important;
  8049.     background: transparent ! important;
  8050. }
  8051. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
  8052. #summary #resetBtn {
  8053.     position: fixed !important;
  8054.     height: 15px !important;
  8055.     line-height: 12px !important;
  8056.     width: 40px ! important;
  8057.     height: 38px !important;
  8058.     top: 79.5px !important;
  8059.     left: -2px ! important;
  8060.     padding: 0px 1px 4px 1px !important;
  8061.     border: 1px solid #777777 !important;
  8062.     border-radius: 4px !important;
  8063.     box-shadow: 0 0 1px #777777 inset !important;
  8064.     font-size: 11px !important;
  8065.     color: #D7D7D7 !important;
  8066.     cursor: pointer ! important;
  8067.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  8068. }
  8069. #summary #resetBtn:hover {
  8070.     color: gold ! important;
  8071. }
  8072.  
  8073. /* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES -
  8074. https://userstyles.org/users/190305
  8075. === */
  8076. #main-article dl + #summary {
  8077.     position: fixed !important;
  8078.     display: inline-block ! important;
  8079.     left: 252px !important;
  8080.     top: 112px ! important;
  8081.     border-radius: 5px !important;
  8082.     background-color: transparent !important;
  8083.     z-index: 220 !important;
  8084. }
  8085. #main-article dl + #summary *[class="label total"]:before {
  8086.     content:"SummaRy : " ;
  8087.     position: fixed ;
  8088.     display: inline-block ;
  8089.     width: auto ;
  8090.     height: 10px ;
  8091.     line-height: 7px ;
  8092.     top: 112px ;
  8093.     left: 48px ;
  8094.     padding: 1px 5px 1px 6px ;
  8095.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  8096.     border: 1px solid #777777 ;
  8097.     border-radius: 4px 4px 4px 4px ;
  8098.     box-shadow: 0 0 1px #777777 inset ;
  8099.     color: #E5E5E5;
  8100.     font-weight: bold ;
  8101.     z-index: 500 !important;
  8102. }
  8103. /* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
  8104. #optBtn-container {
  8105.     position: absolute !important;
  8106.     display: inline-block !important;
  8107.     visibility: visible !important;
  8108.     width: 100px !important;
  8109.     height: 20px !important;
  8110.     line-height: 14px! important;
  8111.     top: -21px !important;
  8112.     left: 172px !important;
  8113.     border-radius : 5px! important;
  8114.     text-align: center !important;
  8115.     z-index: 200 !important;
  8116.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  8117. }
  8118. #optBtn-container a {
  8119.     text-align: center !important;
  8120.     text-decoration: none ! important;
  8121.     color: gray ! important;
  8122. }
  8123. #tohr {
  8124.     display: none! important;
  8125. }
  8126.  
  8127. /* ==== BROWSE SEARCH RESULTS ==== */
  8128.  
  8129. /* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
  8130. /*(NOT LOGED / with GM) */
  8131. body> #main-header + #content-wrapper {
  8132.     position: absolute ! important;
  8133.     display: inline-block ! important;
  8134.     float: left !important;
  8135.     clear: both !important;
  8136.     height: 100% !important;
  8137.     min-height: 200px !important;
  8138.     width: 100% !important;
  8139.     max-width: 95% !important;
  8140.     top: 55px !important;
  8141.     left: 0px !important;
  8142.     margin-left: 20px ! important;
  8143. }
  8144.  
  8145. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
  8146. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
  8147.     position: absolute !important;
  8148.     display: inline-block ! important;
  8149.     width: 82%! important;
  8150.     left: -27% !important;
  8151.     top: -24px !important;
  8152. }
  8153.  
  8154. /* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS -
  8155. #summary + #table-container
  8156. #main-header +#content-wrapper #main-article  ul+dl +h2 +#summary + #table-container (2GM)
  8157. === */
  8158. /* SEARCH*/
  8159. #table-container {
  8160.     position: absolute !important;
  8161.     display: inline-block ! important;
  8162.     width: 100% !important;
  8163.     max-width: 68.9% !important;
  8164.     min-width: 68.8% !important;
  8165.     left: 0px !important;
  8166.     margin-top: -1px !important;
  8167. }
  8168. /*MY SYTLES */
  8169. #summary + #table-container  {
  8170.     position: absolute !important;
  8171.     display: inline-block ! important;
  8172.     width: 100% !important;
  8173.     max-width: 68.9% !important;
  8174.     min-width: 68.8% !important;
  8175.     left: 0px !important;
  8176.     margin-top: 3px !important;
  8177. }
  8178. /* TABLE HEADER FIXED - === */
  8179. #style-table {
  8180.     width: 100% !important;
  8181.     min-width: 100% !important;
  8182.     max-width: 100% !important;
  8183.     margin-top: 42px !important;
  8184. }
  8185.  
  8186. #style-table>tr:first-of-type {
  8187.     display: inline-table  !important;
  8188.     position: fixed !important;
  8189.     height: 100%!important;
  8190.     max-height: 42px!important;
  8191.     max-height: 42px!important;
  8192.     width: 100% !important;
  8193.     max-width: 65.7% !important;
  8194.     min-width: 65.7% !important;
  8195.     margin-top: -46px !important;
  8196.     border-top: 4px solid tan !important;
  8197.     border-bottom: 4px solid tan !important;
  8198.     z-index: 200 !important;
  8199. }
  8200.  
  8201. /* TABLE VIEW PLUS - ??? ENHANCER -
  8202. #main-article> ul + dl +h2 + #summary + #table-container #style-table === */
  8203. #main-article> ul + dl +h2 + #summary + #table-container #style-table {
  8204. /* width: 100% !important; */
  8205. /* min-width: 103.9% !important; */
  8206. /* max-width: 103.9% !important; */
  8207. }
  8208. #main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
  8209.     position: fixed !important;
  8210.     margin-top: -52px !important;
  8211.     border-top: 4px solid tan !important;
  8212.     border-bottom: 4px solid tan !important;
  8213.     z-index: 200 !important;
  8214. }
  8215.  
  8216. /* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
  8217. #style-table th {
  8218.     color: tan;
  8219.     height: 25px !important;
  8220.     line-height: 3px !important;
  8221.     padding: 0 4px;
  8222.     text-shadow: 1px 1px 2px #000000;
  8223. }
  8224.  
  8225. /* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
  8226. #summary+ p + #table-container #style-table th  {
  8227.     display: inline-table  !important;
  8228.     color: tan;
  8229.     line-height: 3px !important;
  8230.     padding: 0 4px;
  8231.     text-shadow: 1px 1px 2px #000000;
  8232. }
  8233.  
  8234. /* POSITION COLUMN - TABLE VIEW PLUS */
  8235. #table-container #style-table th:first-of-type  {
  8236.     width: 1% !important;
  8237.     padding-left: 10px !important;
  8238. }
  8239. #table-container #style-table th:nth-child(2)  {
  8240.     max-width: 57% !important;
  8241.     min-width: 57% !important;
  8242.     padding-left: 10px !important;
  8243. }
  8244. #table-container #style-table th:last-of-type  {
  8245.     width: 7% !important;
  8246.     padding-right: 0px !important;
  8247. }
  8248.  
  8249. /* A VOIR ??? - === */
  8250. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  8251.     display: inline-table  !important;
  8252.     position: fixed !important;
  8253.     width: 970px !important;
  8254. }
  8255.  
  8256. /* POSITION COLUMN - ENHANCER */
  8257. #summary+ p + #table-container #style-table th:first-of-type  {
  8258.     width: 4% !important;
  8259. }
  8260. #summary+ p + #table-container #style-table th  {
  8261.     width: 8.1% !important;
  8262.     height: 20px!important;
  8263.     line-height: 20px!important;
  8264. }
  8265. #summary+ p + #table-container #style-table th:nth-child(2)  {
  8266.     min-width: 61.5% !important;
  8267.     max-width: 61.5% !important;
  8268.     border-right: 1px solid red!important;
  8269. }
  8270.  
  8271. /* A VOIR ??? - === */
  8272. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  8273.     display: inline-table  !important;
  8274.     position: fixed !important;
  8275.     width: 970px !important;
  8276. }
  8277.  
  8278. /* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
  8279. #summary+ p + #table-container {
  8280.     margin-top: -13px !important;
  8281.     max-width: 100% !important;
  8282.     min-width: 100% !important;
  8283.     width: 100% !important;
  8284. }
  8285. #summary+ p + #table-container #style-table {
  8286.     width: 100% !important;
  8287.     min-width: 67%! important;
  8288.     max-width: 67% !important;
  8289. }
  8290.  #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
  8291.     position: fixed !important;
  8292.     display: inline-block ! important;
  8293.     display: inline-table !important;
  8294.     top: 120px !important;
  8295.     min-width: 63.6%! important;
  8296.     max-width: 63.6% !important;
  8297.     height: 20px! important;
  8298.     line-height: 20px!important;
  8299.     border-bottom: 4px solid tan !important;
  8300.     border-top: 4px solid tan !important;
  8301.     background: red!important;
  8302.     z-index: 200 !important;
  8303. }
  8304.  
  8305.  
  8306.  
  8307.  
  8308. /* (NOT LOGED / with GM) */
  8309. .author-styles>tbody>tr:nth-child(odd) {
  8310.     background: #222222 ! important;
  8311. }
  8312. /* BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
  8313. .author-styles>tbody>tr>td[valign="top"]>a {
  8314.     color: #CF9C28  !important;
  8315. }
  8316. .author-styles>tbody>tr>td[valign="top"]>a:visited {
  8317.     color: #DDB46D  !important;
  8318. }
  8319. .author-styles>tbody>tr>td[valign="top"]>a:hover {
  8320.     color: tan !important;
  8321. }
  8322. .author-styles>thead>tr>th:nth-child(3) ,
  8323. .author-styles>thead>tr>th:nth-child(4) ,
  8324. .author-styles>thead>tr>th:nth-child(5){
  8325.     width: 43px !important;
  8326. }
  8327. .author-styles>thead>tr>th:nth-child(6){
  8328.     width: 100px !important;
  8329. }
  8330. /*  EDIT/Delete/Statictic ICONS - === */
  8331. table.author-styles tbody tr td+td a:nth-child(1) {
  8332.     font-size: 0px ! important;
  8333. }
  8334. /* (new93) NEDD CONVERT for Addstylish lib -  */
  8335. table.author-styles tbody tr td+td a[href$="/edit"]:before {
  8336.     content : "\270E " ! important;
  8337.     font-size: 18px ! important;
  8338. }
  8339. table.author-styles tbody tr td+td a:nth-child(2) {
  8340.     font-size: 0px ! important;
  8341. }
  8342. table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
  8343. /* content : "\2717" ; */
  8344. /* content : "➕" ; */
  8345. content : "✅" ;
  8346.     font-size: 18px ;
  8347.     color: green ;
  8348. }
  8349. .obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
  8350. /* content : "\2717" ; */
  8351. content : "➖" ;
  8352.     font-size: 18px ;
  8353.     color: red ;
  8354. }
  8355.  
  8356. /* Text Shadow === */
  8357. #style-table tr td * {
  8358.     text-shadow: none !important;
  8359. }
  8360.  
  8361. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
  8362. #popup_container.popup_right,
  8363. #popup_container.popup_left {
  8364.     position: fixed !important;
  8365.     display: inline-block !important;
  8366.     float: right !important;
  8367.     top: 25% !important;
  8368.     right: 0% !important;
  8369.     padding: 0 !important;
  8370.     background: transparent !important;
  8371.     border: none !important;
  8372.     box-shadow: none !important;
  8373.     z-index: -5000 !important;
  8374. }
  8375. #popup_container img {
  8376.     position: absolute !important;
  8377.     display:  inline-block !important;
  8378.     float: none !important;
  8379.     float: right !important;
  8380.     min-width: 30% !important;
  8381.     max-width: 30% !important;
  8382.     box-shadow: 4px 4px 8px #000000;
  8383.     right: 0% !important;
  8384.     z-index: 500000 !important;
  8385.     border: 1px solid peru !important;
  8386. }
  8387. /* (new75) BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES */
  8388. @media screen and (max-width: 1400px){
  8389. #popup_container.popup_right,
  8390. #popup_container.popup_left {
  8391.     position: fixed !important;
  8392.     display: inline-block !important;
  8393.     height: 13000px !important;
  8394.     width: 1300px !important;
  8395.     float: right !important;
  8396.     top: 25% !important;
  8397.     right: 0% !important;
  8398.     padding: 0 !important;
  8399.     background: transparent !important;
  8400.     border: none !important;
  8401.     box-shadow: none !important;
  8402.     z-index: -5000 !important;
  8403. }
  8404. #popup_container img {
  8405.     position: absolute !important;
  8406.     display:  inline-block !important;
  8407.     float: none !important;
  8408.     float: right !important;
  8409. /* width: 100% !important; */
  8410. /* max-width: 28% !important; */
  8411.     box-shadow: 4px 4px 8px #000000;
  8412.     right: 1% !important;
  8413. /* background-size: contain !important; */
  8414.     z-index: 500000 !important;
  8415. }
  8416.  
  8417. /* ==== END BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES ==== */
  8418. }
  8419.  
  8420.  
  8421. /* BROWSE SEARCH RESULTS - Title === */
  8422. .style-brief-text>header>a:link {
  8423.     color: #CCCDCD !important;
  8424.     text-decoration: none !important;
  8425. }
  8426. /* BROWSE SEARCH RESULTS - Desc - === */
  8427. .style-brief-text > a:visited {
  8428.     color: #929292 !important;
  8429.     text-decoration: none !important;
  8430. }
  8431. .style-brief-text > a:active {
  8432.     color: #929292 !important;
  8433.     text-decoration: none !important;
  8434. }
  8435.  
  8436.  
  8437. /* (new84) PAGINATION ALL - PB NOT LOGED - === */
  8438.  .pagination {
  8439.     position: fixed !important;
  8440.     display: inline-block !important;
  8441. /*     width: 100% !important; */
  8442.     max-width: 350px !important;
  8443.     min-width: 350px !important;
  8444.     height: 17px!important;
  8445.     line-height: 17px!important;
  8446.     top: 29px !important;
  8447.     left: 550px !important;
  8448. /* right: 15% !important; */
  8449.     padding: 1px !important;
  8450.     text-align: center !important;
  8451.     z-index: 200 !important;
  8452.     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);
  8453.     border-radius: 3px 3px 0 0 !important;
  8454. }
  8455. .pagination > a {
  8456.     display: inline-block !important;
  8457.     border: 1px solid #999999;
  8458.     border-radius: 3px !important;
  8459.     font-size: 10px;
  8460.     margin-left: -1px;
  8461.     margin-right: -1px;
  8462.     top: -5px !important;
  8463.     padding: 0 3px !important;
  8464. }
  8465. /* PAGINATION - ALL -  Link - === */
  8466. .pagination > a {
  8467.     margin-left: -1px;
  8468.     margin-right: -1px;
  8469.     padding: 0 3px !important;
  8470.     border: 1px solid #999999;
  8471.     border-radius: 3px  !important;
  8472.     font-size: 10px;
  8473. }
  8474. .pagination>a:hover {
  8475.     padding: 0 3px !important;
  8476.     font-size: 12px !important;
  8477.     text-decoration: none;
  8478.     color: #000000;
  8479.     border-radius: 3px;
  8480.     border: 1px solid #A7A7A7;
  8481.     background-color: white;
  8482. }
  8483. /* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
  8484. .current {
  8485.     margin-left: 1px;
  8486.     margin-right: 1px;
  8487.     padding: 0 3px !important;
  8488.     font-size: 12px !important;
  8489.     text-decoration: none;
  8490.     font-weight: bold;
  8491.     color: #000000;
  8492.     border-radius: 3px;
  8493.     border: 1px solid #336699;
  8494.     background-color: #F5F7FA;
  8495. }
  8496. /* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
  8497. .previous_page.disabled ,
  8498. .disabled.prev_page {
  8499.     display: none !important;
  8500. }
  8501.  
  8502. /* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
  8503. #table-container + .pagination {
  8504.     line-height: 13px!important;
  8505.     top: 32px !important;
  8506.     left: 450px !important;
  8507.     padding: 1px !important;
  8508. /*     background: red !important; */
  8509. }
  8510.  
  8511. /* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE -
  8512. https://greasyfork.org/fr/scripts?per_page=100&sort=created
  8513. === */
  8514. .next_page {
  8515.     display: inline-block!important;
  8516.     width: 80px !important;
  8517. }
  8518. .next_page.disabled {
  8519.     display: none !important;
  8520. }
  8521.  
  8522. /* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
  8523. USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
  8524. GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
  8525. ==== */
  8526.  
  8527.  
  8528. /* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) -
  8529. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  8530. http://userstyles.org/users/169?page=2&per_page=10
  8531. === */
  8532. .ad + .pagination {
  8533.     position: fixed !important;
  8534.     display: inline-block !important;
  8535.     height: 20px!important;
  8536.     width: 100% !important;
  8537.     width: auto !important;
  8538.     max-width: 600px !important;
  8539.     min-width: 600px !important;
  8540.     left: 270px !important;
  8541.     top: 35px !important;
  8542.     padding: 1px 5px !important;
  8543.     z-index: 200 !important;
  8544. outline: 1px solid green !important;
  8545. }
  8546.  
  8547.  
  8548. /* (new79) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  -
  8549.  
  8550. Without CITRUS :
  8551. #browse-script-list + .pagination
  8552. WITH CITRUS :
  8553. #script-table + .pagination
  8554. BUT NOT for SET VIEW (CITRUS) :
  8555. #UserSets + .width-constraint .pagination
  8556. === */
  8557. .width-constraint .pagination {
  8558.     position: fixed !important;
  8559.     display: inline-block !important;
  8560.     vertical-align: bottom !important;
  8561.     min-width: 100% !important;
  8562.     max-width: 100% !important;
  8563.     max-width: 450px !important;
  8564.     min-width: 450px !important;
  8565.     height: 17px !important;
  8566.     line-height: 15px !important;
  8567.     top: 27px !important;
  8568.     left: 51.4% !important;
  8569.     padding: 1px !important;
  8570. /* text-align: left !important; */
  8571.     border-radius: 3px 3px 0 0 !important;
  8572.     box-shadow: none !important;
  8573.     text-align: center !important;
  8574.     border: 1px solid peru !important;
  8575. /*     background: transparent!important; */
  8576. }
  8577.  
  8578. /* (new66) PAGINATION - SCRIPT PAGE  - MEDIA QUERIE - === */
  8579. @media screen and (max-width: 1400px) {
  8580. .width-constraint .pagination {
  8581. left: 44% !important;
  8582. }
  8583. /* ==== END === PAGINATION - SCRIPT PAGE  - MEDIA QUERIE  ==== */
  8584. }
  8585.  
  8586. /* A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK -
  8587. https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
  8588. === */
  8589. #UserSets + .width-constraint .pagination {
  8590.     position: fixed !important;
  8591.     display: inline-block !important;
  8592.     min-width: 100% !important;
  8593.     max-width: 100% !important;
  8594.     max-width: 550px !important;
  8595.     min-width: 550px !important;
  8596.     height: 15px !important;
  8597.     line-height: 15px !important;
  8598.     top: 49px !important;
  8599.     left: 34% !important;
  8600.     padding: 1px !important;
  8601.     text-align: left !important;
  8602.     background: transparent !important;
  8603.     border-radius: 5px !important;
  8604.     box-shadow: none !important;
  8605.     text-align: center !important;
  8606. }
  8607.  
  8608. /* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
  8609. #script-table + .pagination  {
  8610.     position: fixed !important;
  8611.     display: inline-block !important;
  8612.     width: 100% !important;
  8613.     max-width: 459px !important;
  8614.     min-width: 459px !important;
  8615.     height: 15px!important;
  8616.     line-height: 15px!important;
  8617.     top: 28px !important;
  8618.     left: 51% !important;
  8619.     padding: 1px !important;
  8620.     border-radius: 3px 3px 0 0 !important;
  8621.     text-align: center !important;
  8622.     box-shadow: 0 0 4px #999999 !important;
  8623.     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);
  8624.     z-index: 200 !important;
  8625. }
  8626. /* (new74) PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - MEDIA QUERIE - === */
  8627. @media screen and (max-width: 1400px) {
  8628. #script-table + .pagination  {
  8629.     left: 43.5% !important;
  8630. }
  8631. /* ==== END === PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE === */
  8632. }
  8633. /* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
  8634. /* ALL */
  8635. /* .pagination > *,
  8636. .script-list + .pagination > *,
  8637. .user-list + .pagination > * , */
  8638. .pagination .current,
  8639. .pagination .gap ,
  8640. .pagination a ,
  8641. body[pagetype="ListingPage"] .gap ,
  8642. body[pagetype="ListingPage"] .current ,
  8643. body[pagetype="ListingPage"] .pagination a {
  8644. display: inline-block !important;
  8645.     position: relative !important;
  8646.     height: 14px !important;
  8647.     line-height: 14px !important;
  8648.     margin-top: -5px !important;
  8649.     top: -1px !important;
  8650.     padding: 0 3px !important;
  8651.     border: none !important;
  8652.     border-radius: 3px !important;
  8653.     box-shadow: 3px 3px 2px black !important;
  8654.     background: #222 !important;
  8655. }
  8656.  
  8657. .pagination .current,
  8658. .pagination .gap ,
  8659. body[pagetype="ListingPage"] .pagination .gap ,
  8660. body[pagetype="ListingPage"]  .pagination .current {
  8661.     color: white !important;
  8662. }
  8663.  
  8664. .pagination .current,
  8665. body[pagetype="ListingPage"] .pagination .current {
  8666.     margin-top: 0px !important;
  8667.     top: -2px !important;
  8668. /* color: white !important; */
  8669. }
  8670. /* body[pagetype="ListingPage"] .pagination a:hover , */
  8671. .pagination > a.next_page ,
  8672. .pagination > a.next_page:hover ,
  8673. .pagination > a.previous_page,
  8674. .pagination > a.previous_page:hover  {
  8675.     width: 20px !important;
  8676.     font-size: 0px !important;
  8677. }
  8678. .previous_page:before {
  8679.     content: "<" ;
  8680.     font-size: 10px !important;
  8681. }
  8682. .next_page:before {
  8683.     content: ">" ;
  8684.     font-size: 10px !important;
  8685. }
  8686.  
  8687. /* (new87) USERSTYLES */
  8688. #content-wrapper #main-article .pagination>.current {
  8689.     margin-top: 0px !important;
  8690.     top: 0px !important;
  8691.     color: white !important;
  8692. }
  8693. span.Ellipsis {
  8694.     height: 14px !important;
  8695.     line-height: 7px !important;
  8696.     border-radius: 3px !important;
  8697.     box-shadow: 3px 3px 2px black !important;
  8698. color: peru !important;
  8699. }
  8700. .pagination .gap ,
  8701. body[pagetype="ListingPage"] .pagination .gap {
  8702.     line-height: 2px !important;
  8703.     top: -7px !important;
  8704.     border-radius: 3px !important;
  8705.     box-shadow: 3px 3px 2px black !important;
  8706. }
  8707. #content-wrapper #main-article .pagination> .gap {
  8708.     vertical-align: middle !important;
  8709.     line-height: 7px !important;
  8710.     top: 2px !important;
  8711. }
  8712.  
  8713. /* (new77) USERSTYLES)
  8714. /* #content-wrapper #main-article .pagination> .gap ,
  8715. #content-wrapper #main-article .pagination>.current {
  8716. display: inline-block !important;
  8717.     color: red !important;
  8718. } */
  8719. .pagination a:hover ,
  8720. body[pagetype="ListingPage"] .pagination a:hover {
  8721.     padding: 0 3px !important;
  8722. }
  8723.  
  8724. /* ==== EDIT PAGE ==== */
  8725.  
  8726. /* EDIT - INFOS - Textarea Input === */
  8727. table.form-controls,
  8728. .form-controls > tbody > tr > td ,
  8729.     textarea#style_long_description ,
  8730.     textarea#style_additional_info ,
  8731.     textarea#css {
  8732.     min-width: 940px !important;
  8733. }
  8734. /* EDIT - INFOS - SHORT DESC - === */
  8735. .form-controls>tbody>tr>td [id="style_short_description"] {
  8736.     min-width: 200px!important;
  8737.     resize: both !important;
  8738.     overflow:auto !important;
  8739. }
  8740. /* EDIT - INFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
  8741. .form-controls>tbody>tr>td>dl>dd>img{
  8742.     box-shadow: 0 0 4px #999999 !important;
  8743.     height: auto;
  8744.     margin-left: 200px !important;
  8745.     max-width: 900px !important;
  8746. }
  8747. .form-controls>tbody>tr>td>dl>dd{
  8748.     margin-left: -169px !important;
  8749. }
  8750. /* EDIT - INFOS - ScreenShots (PreView) - Additional === */
  8751. .form-controls>tbody>tr>td>table>tbody>tr>td>img{
  8752.     box-shadow: 0 0 4px #999999 !important;
  8753.     height: auto;
  8754.     max-width: 900px !important;
  8755. }
  8756. /* EDIT - INFOS - ScreenShots - Additional (Table) === */
  8757. .form-controls>tbody>tr>td>table{
  8758.     margin-left: -149px !important;
  8759. }
  8760.  
  8761. /* (new91) EDIT - MAIN CONT - === */
  8762. #main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  8763.     position: absolute !important;
  8764.     display: inline-block !important;
  8765.     max-width: 800px !important;
  8766.     margin-top: 35px ! important;
  8767.     margin-left: 5% ! important;
  8768. }
  8769.  
  8770. /* EDIT - WIDGET - === */
  8771. #main-article>form[action="/help/widget"] {
  8772.     position: relative !important;
  8773.     display: table !important;
  8774.     min-width: 910px !important;
  8775.     max-width: 910px !important;
  8776.     margin-top: 3px ! important;
  8777.     margin-left: -3px ! important;
  8778.     background: #222 !important;
  8779. }
  8780.  
  8781. #main-article>form[action="/help/widget"] .form-controls {
  8782.     min-width: 910px !important;
  8783.     max-width: 910px !important;
  8784. }
  8785. #main-article>form[action="/help/widget"] .form-controls tbody tr {
  8786.     display: inline-block !important;
  8787.     width: 100% !important;
  8788.     min-width: 910px !important;
  8789.     max-width: 910px !important;
  8790.     margin-bottom: 0px !important;
  8791.     text-align: center !important;
  8792. }
  8793. #main-article>form[action="/help/widget"] .form-controls tbody tr td ,
  8794. #main-article>form[action="/help/widget"] .form-controls tbody tr th {
  8795.     display: inline-block !important;
  8796.     min-width: 870px !important;
  8797.     max-width: 870px !important;
  8798.     padding: 0 !important;
  8799.     text-align: center !important;
  8800. }
  8801.  
  8802. /* EDIT - USERSTYLES - DELETE STYLE PAGE - === */
  8803. #main-article>form[action="/styles/delete_save"] {
  8804.     position: absolute !important;
  8805.     display: inline-block !important;
  8806.     max-width: 800px !important;
  8807.     min-height: 400px !important;
  8808.     margin-top: 100px !important;
  8809.     margin-left: -55% !important
  8810. }
  8811. #main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
  8812.     min-height: 400px !important;
  8813. }
  8814.  
  8815.  
  8816. /* EDIT - STY NAME INPUT - === */
  8817. article#main-article form .form-controls input#style_short_description {
  8818.     width: 600px !important;
  8819. }
  8820. /* EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
  8821. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  8822.     display: block !important;
  8823.     position: relative !important;
  8824.     width: auto !important;
  8825. }
  8826. .form-controls>table>tbody>tr>td:first-of-type>input {
  8827.     width: 462px !important;
  8828. }
  8829. .form-controls>table>tbody>tr>td:nth-child(2)>input {
  8830.     width: 465px !important;
  8831. }
  8832. /* EDIT - CHECK BOX (REMOVE/CHANGE) - === */
  8833. .form-controls>table>tbody>tr>td:nth-child(3)>input {
  8834.     position: absolute !important;
  8835.     top: -20px !important;
  8836. }
  8837. .form-controls>table>tbody>tr>td:nth-child(3):after {
  8838.     position: absolute ;
  8839.     display: inline-block ;
  8840.     content: "Remove / Change" ;
  8841.     width: 200px ;
  8842.     height: 15px ;
  8843.     margin-top: -22px ;
  8844.     margin-left: 45px ;;
  8845.     font-size: 15px ;
  8846.     color: red ;
  8847. }
  8848. /* EDIT - LABELS - === */
  8849. .form-controls>label {
  8850.     color: gold ! important;
  8851. }
  8852. /* EDIT - SCREENSHOTS - TITLES SECT - === */
  8853. .form-controls>table>thead>tr {
  8854.     display: none ! important;
  8855. }
  8856.  
  8857. /* EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
  8858. .form-controls>table>tbody>tr:nth-child(odd) {
  8859.     display: inline-block ! important;
  8860.     min-width: 900px ! important;
  8861.     background: #222222 ! important;
  8862.     padding: 10px 50px 20px 50px ! important;
  8863. }
  8864. .form-controls>table>tbody>tr:nth-child(even) {
  8865.     display: inline-block ! important;
  8866.     background: #0B0909 ! important;
  8867.     padding: 10px 50px 20px 50px ! important;
  8868.     min-width: 900px ! important;
  8869. }
  8870.  
  8871. /* EDIT - ADDIT SCREENSHOT - === */
  8872. .form-controls>table>tbody>tr>td:nth-child(4) {
  8873.     position: relative !important;
  8874.     display: inline-block !important;
  8875.     left: -2% !important;
  8876.     top: 20px ! important;
  8877.     margin-bottom: 60px ! important;
  8878.     text-align: left !important;
  8879. }
  8880. .form-controls>table>tbody>tr>td:nth-child(4) img {
  8881.     position: relative !important;
  8882.     display: inline-block !important;
  8883.     max-width: 850px !important;
  8884.     left: -2% !important;
  8885.     top: 20px ! important;
  8886.     margin-bottom: 60px ! important;
  8887.     text-align: left !important;
  8888. }
  8889.  
  8890. /* EDIT - ADD A NEW SCREENSHOT - === */
  8891. .form-controls>table>tbody>tr:last-of-type:before {
  8892.     content: "Add a NEW Screenshot : " ;
  8893.     display: inline-block ;
  8894.     font-size: 10px ;
  8895.     color: gold ;
  8896. }
  8897.  
  8898.  
  8899. /* [[1]==== END ==== */
  8900.  
  8901. /* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT
  8902. OLD:
  8903. #content-wrapper article#main-article dl + h2 ~
  8904.  
  8905. .style-brief:nth-child(-n+4) .style-brief-text > p ,
  8906. .style-brief:nth-child(n+11) .style-brief-text > p
  8907.  
  8908. ===== */
  8909. .listing-left-info {
  8910.     position: absolute !important;
  8911.     display: inline-block !important;
  8912.     float: none !important;
  8913.     min-height: 100px;
  8914.     width: 100% !important;
  8915. }
  8916.  
  8917. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
  8918. .style-brief:nth-child(odd) {
  8919.     background: #222222 !important;
  8920. }
  8921.  
  8922. /* NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN -
  8923. PB - SEARCH (BIG) :
  8924. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  8925. #social ~article.style-brief:nth-child( 4n + 2 )
  8926. === */
  8927. .style-brief {
  8928.     position: relative ! important;
  8929.     display: inline-block ! important;
  8930.     width: 32.72% !important;
  8931.     height: 163px ! important;
  8932.     right: 7.5% ! important;
  8933.     margin-top: 6px !important;
  8934.     margin-bottom: 0px !important;
  8935.     border-radius: 5px !important;
  8936.     box-shadow: 6px 5px 6px black !important;
  8937.     border: 1px solid gray ! important;
  8938.     overflow: hidden ! important;
  8939. }
  8940. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
  8941. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
  8942.     position: relative ! important;
  8943.     display: inline-block ! important;
  8944.     float: left !important;
  8945.     width: 49.6% !important;
  8946.     height: 224px ! important;
  8947.     right: 7.7% ! important;
  8948.     margin-top: 6px !important;
  8949.     margin-bottom: 0px !important;
  8950.     border-radius: 5px !important;
  8951.     box-shadow: 6px 5px 6px black !important;
  8952.     border: 1px solid gray ! important;
  8953.     overflow: hidden ! important;
  8954. }
  8955. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
  8956. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
  8957.     left: 180px;
  8958. }
  8959.  
  8960.  
  8961. /* NOT LOGGED - STYLES INFOS */
  8962. .style-brief-text {
  8963.     position: absolute !important;
  8964.     display: inline-block !important;
  8965.     float: none !important;
  8966.     height: 150px ! important;
  8967.     width: 100% !important;
  8968.     max-width: 67% !important;
  8969.     margin-left: 10% !important;
  8970.     left: 119px;
  8971.     top: 2px !important;
  8972. /* overflow: hidden !important; */
  8973. /* overflow-y: auto !important; */
  8974. /* white-space: pre-line !important; */
  8975. }
  8976.  
  8977. /* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
  8978. .style-brief-control-links:before {
  8979. content: "⏪ " !important;
  8980.     position: absolute !important;
  8981. width: 20px !important;
  8982. height: 17px !important;
  8983. line-height: 17px !important;
  8984. left: -10px;
  8985. color: gold !important;
  8986. background: green !important;
  8987. z-index: 500 ;
  8988. }
  8989. .style-brief-control-links:hover:before {
  8990. content: "⏩ " !important;
  8991.     position: absolute !important;
  8992. /*     padding-top: 0 !important; */
  8993. width: 20px ;
  8994. left: -20px;
  8995. /*     top: 28px; */
  8996. color: white  !important;
  8997. text-align: center ;
  8998. z-index: 500 ;
  8999. }
  9000. .style-brief-control-links {
  9001.     position: absolute !important;
  9002.     padding-top: 0 !important;
  9003. width: 10px !important;
  9004.     right: -12px;
  9005.     top: 22px;
  9006. color: peru !important;
  9007. white-space: nowrap !important;
  9008. z-index: 500 ;
  9009. }
  9010. .style-brief-control-links:hover {
  9011. width: auto !important;
  9012.     right: 0px;
  9013. color: peru !important;
  9014. background: green !important;
  9015. z-index: 500 ;
  9016. }
  9017. .style-brief-control-links a:hover {
  9018.     color: tomato !important;
  9019. background: black !important;
  9020. }
  9021. .style-brief-text>p::first-line {
  9022.     color: red !important;
  9023. }
  9024. .style-brief-text>p {
  9025. /* position: relative !important; */
  9026. position: absolute !important;
  9027.     display: inline-block !important;
  9028. /* vertical-align: top !important; */
  9029. /* vertical-align: top !important; */
  9030.     width: 81.5% !important;
  9031.     height: 115px !important;
  9032.     left: 51px;
  9033. top: 25px !important;
  9034. /*     margin-top: 8px !important; */
  9035. margin: 0 auto !important;
  9036.     padding: 0 5px !important;
  9037. overflow: hidden !important;
  9038. overflow-y: auto !important;
  9039. white-space: pre-line !important;
  9040. /* border: 1px solid aqua !important; */
  9041. }
  9042.  
  9043. /* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
  9044. /*#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(-n+3) .style-brief-text > p ,
  9045. #content-wrapper article#main-article h2 ~ article.style-brief:nth-child(n+10) .style-brief-text > p*/
  9046.  
  9047. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
  9048. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
  9049. /*     position: relative !important; */
  9050. /*     display: inline-block !important; */
  9051.     width: 90.5% !important;
  9052.     height: 178px !important;
  9053.     left: 37px;
  9054.     top: 24px !important;
  9055.     padding: 0 5px !important;
  9056.     overflow: hidden !important;
  9057.     overflow-y: auto !important;
  9058. /* border: 1px solid red !important; */
  9059. }
  9060.  
  9061. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) -
  9062. .style-brief-text > header > a:link
  9063. === */
  9064. .style-brief header {
  9065.     font-size: 0.89vw !important;
  9066.     position: absolute !important;
  9067.     display: inline-block ! important;
  9068.     width: 150% !important;
  9069.     height: 100% !important;
  9070.     min-height: 25px ! important;
  9071.     max-height: 25px ! important;
  9072.     line-height: 25px !important;
  9073.     top: -3px !important;
  9074.     left: -49.5% !important;
  9075.     padding-bottom: 0px ! important;
  9076.     overflow: hidden !important;
  9077.     white-space: nowrap !important;
  9078.     text-overflow: ellipsis !important;
  9079.     text-align: center !important;
  9080. }
  9081. .style-brief-text > header > a:link  {
  9082.     position: relative !important;
  9083.     display: inline-block ! important;
  9084.     width: 100% !important;
  9085.     left: 0px!important;
  9086.     overflow: hidden !important;
  9087.     white-space: nowrap !important;
  9088.     text-overflow: ellipsis !important;
  9089.     background: black !important;
  9090. }
  9091. /* NOT LOGGED - STYLES NAME - BIG
  9092. .style-brief-text > header > a:link
  9093. === */
  9094. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
  9095. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
  9096.     font-size: 1.1vw !important;
  9097. }
  9098.  
  9099. /* NOT LOGGED - STATS */
  9100. .style-brief-stats {
  9101.     position: absolute !important;
  9102.     display: inline-block !important;
  9103.     float: right!important;
  9104.     height: 16px !important;
  9105.     line-height: 16px !important;
  9106.     width: 100% !important;
  9107.     right: 0px !important;
  9108.     left: 0%! important;
  9109.     bottom: -12px !important;
  9110.     padding: 2px 0 2px 12px !important;
  9111.     text-align: left !important;
  9112.     background: black ! important;
  9113. }
  9114. .style-brief-stats span {
  9115.     display: inline !important;
  9116.     min-width: 16em;
  9117.     width: auto !important;
  9118.     border: 1px solid gray !important;
  9119.     margin-right: 10px !important;
  9120.     margin-left: 10px !important;
  9121.     padding: 1px !important;
  9122.     color: tan !important;
  9123. }
  9124.  
  9125. /* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
  9126. .style-brief-text .style-brief-stats span:last-child {
  9127.     position: absolute !important;
  9128.     left: -5px !important;
  9129.     min-width: 10px !important;
  9130.     max-width: 10px !important;
  9131.     min-height: 16px !important;
  9132.     max-height: 16px !important;
  9133.     line-height: 16px !important;
  9134.     padding: 0 3px 0 15px !important;
  9135.     border: none !important;
  9136.     cursor: pointer !important;
  9137.     font-size: 0 !important;
  9138. }
  9139.  
  9140. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  9141.     content: ". " ;
  9142.     position: absolute ;
  9143.     display: inline-block ;
  9144.     left: 0 ;
  9145.     min-width: 19px ;
  9146.     max-width: 19px ;
  9147.     min-height: 14px ;
  9148.     max-height: 15px ;
  9149.     line-height: 15px ;
  9150.     margin-top: -1px ;
  9151.     font-size: 15px ;
  9152.     color: transparent ;
  9153.     background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  9154.     background-position:-101px -457px ;
  9155. }
  9156. .style-brief-text .style-brief-stats span:hover:last-child {
  9157.     position: absolute !important;
  9158.     min-width: 100% !important;
  9159.     height: 15px !important;
  9160.     line-height: 15px !important;
  9161.     font-size: 11px !important;
  9162.     color: gold !important;
  9163.     background: black !important;
  9164. }
  9165. /* (new86) ICON RATING - GOOD / BAD -
  9166. .style-brief.good-rating .style-brief-stats img
  9167. === */
  9168. .style-brief-stats .bad-average-rating {
  9169.     position: absolute !important;
  9170.     left: -2px !important;
  9171. top: 2px !important;
  9172. }
  9173. .style-brief.good-rating .style-brief-stats img {
  9174.     position: absolute !important;
  9175.     left: -2px !important;
  9176. }
  9177. /* NOT LOGGED - RATING AVERAGE - BIG - === */
  9178. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
  9179. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
  9180.     position: absolute !important;
  9181.     display: inline-block !important;
  9182.     float: left !important;
  9183.     width: auto !important;
  9184.     left: 4px !important;
  9185.     bottom: -72px !important;
  9186.     right: 0 !important;
  9187.     padding: 2px 0 0 4% !important;
  9188.     font-size: smaller !important;
  9189.     text-align: left !important;
  9190.     background: black !important;
  9191. }
  9192.  
  9193. /* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
  9194. .style-brief .listing-left-info figure.screenshot-thumbnail {
  9195.     position: relative !important;
  9196.     display: inline-block ! important;
  9197.     vertical-align: top ! important;
  9198.     margin-top: 28px  ! important;
  9199.     margin-bottom: 0 ! important;
  9200.     width: 42% !important;
  9201.     height: 265px;
  9202.     max-height: 130px !important;
  9203.     min-height: 130px !important;
  9204.     overflow-y: hidden ! important;
  9205.     text-align: center ! important;
  9206. /* border: 1px solid pink !important; */
  9207. }
  9208. /* to prevent small screenshots became too bigger */
  9209.  .style-brief .listing-left-info figure.screenshot-thumbnail img {
  9210.     position: relative !important;
  9211.     display: inline-block !important;
  9212.     max-width: 77% !important;
  9213.     max-height: 128px !important;
  9214. /* vertical-align: middle !important; */
  9215. /* vertical-align: middle !important; */
  9216. /* margin: auto 0 !important; */
  9217.     border: 1px dotted gray !important;
  9218. }
  9219. /* .style-brief.no-rating>div[style="clear:left"] {
  9220. display: none !important;
  9221. } */
  9222. /* NOT LOGGED - SCREENSHOT - BIG - === */
  9223. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
  9224. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
  9225.     position: relative !important;
  9226.     display: inline-block !important;
  9227. vertical-align: middle !important;
  9228.     max-height: 195px !important;
  9229.     min-height: 195px !important;
  9230.     width: 36.5% !important;
  9231.     margin-top: 25px !important;
  9232.     margin-left: 0.3% !important;
  9233.     text-align: center !important;
  9234.     overflow-y: hidden !important;
  9235. /* border: 1px solid tan !important; */
  9236. }
  9237.  
  9238. /* NOT LOGGED - NO SCREENSHOT - === */
  9239. .style-brief .listing-no-screenshot {
  9240.     width: 30% !important;
  9241.     margin: 27px 0 0 3px !important;
  9242. }
  9243. .listing-no-screenshot {
  9244.     width: 70% !important;
  9245.     height: 110px !important;
  9246.     background-color: black !important;
  9247. }
  9248.  
  9249.  
  9250. /* GM "AUTOPAGERIZE" - GENERAL - OK - === */
  9251. .autopagerize_page_info {
  9252.     text-align: center !important;
  9253.     font-size: 8px !important;
  9254.     color: white !important;
  9255.     background: #222 !important;
  9256. }
  9257. .autopagerize_page_info a {
  9258.     display: inline-block !important;
  9259.     min-width: 20px !important;
  9260.     height: 20px !important;
  9261.     line-height: 20px !important;
  9262.     margin-top: 3px !important;
  9263.     border-radius: 100% !important;
  9264.     text-align: center !important;
  9265.     font-size: 14px !important;
  9266.     color: white !important;
  9267.     background: red !important;
  9268. }
  9269.  
  9270.  
  9271. /* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
  9272. /* GM "AUTOPAGERIZE - DISABLE  */
  9273. .autopagerize_page_info ~ article.style-brief  {
  9274.     position: relative ! important;
  9275.     display: inline-block ! important;
  9276.     width: 32.72% !important;
  9277.     height: 163px ! important;
  9278.     right: 7.5% ! important;
  9279.     margin-top: 6px !important;
  9280.     margin-bottom: 0px !important;
  9281.     border-radius: 5px !important;
  9282.     box-shadow: 6px 5px 6px black !important;
  9283.     border: 1px solid gray ! important;
  9284.     overflow: hidden ! important;
  9285. }
  9286.  
  9287. /* TEST - GM "AUTOPAGERIZE" ADAPTATION  -
  9288. https://userstyles.org/users/131844
  9289. === */
  9290.  
  9291. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  9292.     display: inline-block !important;
  9293.     clear: both;
  9294.     width: 100% !important;
  9295.     top: 5px !important;
  9296.     margin-left: -75px !important;
  9297.     margin-bottom: -15px !important;
  9298. }
  9299.  
  9300. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  9301.     width: 100% !important;
  9302.     margin-left: -145px !important;
  9303.     top: 5px !important;
  9304.     color: white !important;
  9305.     font-size: 8px !important;
  9306.     text-align: center !important;
  9307.     background: #222  !important;
  9308. }
  9309.  
  9310. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
  9311.     display: inline-block !important;
  9312.     height: 265px;
  9313.     margin-bottom: 0 !important;
  9314.     margin-top: 28px !important;
  9315.     max-height: 160px !important;
  9316.     min-height: 160px !important;
  9317.     overflow-y: hidden !important;
  9318.     position: relative !important;
  9319.     text-align: left !important;
  9320.     vertical-align: top !important;
  9321.     width: 42% !important;
  9322. }
  9323.  
  9324. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
  9325.     display: inline-block !important;
  9326.     float: right !important;
  9327.     height: 150px !important;
  9328.     margin-left: 10% !important;
  9329.     max-width: 67% !important;
  9330.     position: relative !important;
  9331.     top: 2px !important;
  9332.     width: 100% !important;
  9333. }
  9334. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
  9335.     background: black none repeat scroll 0 0 !important;
  9336.     display: inline-block !important;
  9337.     left: 0 !important;
  9338.     overflow: hidden !important;
  9339.     position: relative !important;
  9340.     text-overflow: ellipsis !important;
  9341.     white-space: nowrap !important;
  9342.     width: 100% !important;
  9343. }
  9344.  
  9345. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
  9346. margin-bottom: 61px !important;
  9347.     background: black !important;
  9348.     bottom: -12px !important;
  9349.     display: inline-block !important;
  9350.     float: right !important;
  9351.     height: 16px !important;
  9352.     left: 0 !important;
  9353.     line-height: 16px !important;
  9354.     padding: 2px 0 2px 12px !important;
  9355.     position: absolute !important;
  9356.     right: 0 !important;
  9357.     text-align: left !important;
  9358.     width: 100% !important;
  9359. }
  9360. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
  9361.  
  9362. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  9363.     position: absolute !important;
  9364.     display: inline-block !important;
  9365.     float: left !important;
  9366.     width: auto !important;
  9367.     left: 0px !important;
  9368.     bottom: -132px !important;
  9369.     padding: 2px 0 0 4% !important;
  9370.     font-size: smaller !important;
  9371.     text-align: left !important;
  9372.     background: black !important;
  9373. }
  9374.  
  9375. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  9376.     position: relative !important;
  9377.     display: inline-block !important;
  9378.     width: 97% !important;
  9379.     min-height: 185px !important;
  9380.     max-height: 185px !important;
  9381.     top: 12px !important;
  9382.     overflow-x: hidden !important;
  9383.     overflow-y: auto !important;
  9384.     padding: 0 5px !important;
  9385. }
  9386.  
  9387.  
  9388. /* [[2]==== END ==== */
  9389.  
  9390.  
  9391. /* [[1]] +[[2]==== END ==== */
  9392.  
  9393.  
  9394. /* ======== NEW FORUM ==== */
  9395.  
  9396. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON -
  9397. 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)
  9398. */
  9399. .UserBox .WhoIs,
  9400. .MeBox .WhoIs {
  9401.     position: relative !important;
  9402.     display: inline-block !important;
  9403.     width: 200px !important;
  9404.     height: 100px!important;
  9405.     padding: 0 5px 2px 0 !important;
  9406.     border-radius: 5px !important;
  9407.     border: 1px solid gray !important;
  9408.     text-align: center !important;
  9409. }
  9410. /* (new74) With USER ICON */
  9411. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  9412. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  9413.     position: relative !important;
  9414.     display: inline-block !important;
  9415.     width: 196px !important;
  9416.     height: 100px!important;
  9417.     left: 0px !important;
  9418.     margin-top: -50px !important;
  9419.     padding: 0 0px 2px 0 !important;
  9420.     border-radius: 5px !important;
  9421.     border: 1px solid gray !important;
  9422.     box-shadow: 3px 3px 2px black !important;
  9423.     text-align: center !important;
  9424. }
  9425. .UserBox a.Username:before,
  9426. .MeBox a.Username:before {
  9427.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  9428.     position: relative ;
  9429.     display: inline-block ;
  9430.     width: 157px !important;
  9431.     margin-left: 0 !important;
  9432.     padding: 0 2px 2px 2px ;
  9433.     transform: scale(1.2, 1) ;
  9434.     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) ;
  9435.     border-radius: 5px 5px 0 0 ;
  9436.     text-align: center ;
  9437. }
  9438. /* (new72) */
  9439. .UserBox {
  9440.     margin-top: 28px !important;
  9441. }
  9442.  
  9443. .MeMenu {
  9444.     width: 195px !important;
  9445.     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;
  9446.     line-height: 24px;
  9447.     margin-top: 5px ! important;
  9448.     margin-bottom: -2px ! important;
  9449.     border-radius: 0 0 5px 5px !important;
  9450. }
  9451. .FlyoutMenu {
  9452.     width: 300px;
  9453.     border: 1px solid #999;
  9454.     color: gray !important;
  9455.     box-shadow: 3px 3px 2px black !important;
  9456.     background: #222 !important;
  9457. }
  9458. .PopList.Activities li.Item:nth-child(odd){
  9459.     background: #333 !important;
  9460. }
  9461.  
  9462.  
  9463. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
  9464. .FlyoutMenu  .ItemContent.Activity>a + a {
  9465.     display: inline-block;
  9466.     width: 100% !important;
  9467.     text-align: left !important;
  9468. /* background: red ; */
  9469. }
  9470. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
  9471.     text-indent: 25px !important;
  9472. }
  9473.  
  9474. /* ALL HEADER - BACKGOUND COLOR - === */
  9475. #Head {
  9476.     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;
  9477. }
  9478.  
  9479. /* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
  9480. #Form_Body  {
  9481.     display: inline-block ! important;
  9482.     height: 133px;
  9483.     max-width: 660px !important;
  9484.     min-width: 660px !important;
  9485.     overflow: hidden;
  9486. }
  9487. /* (new79) */
  9488. body > #Frame > .Head {
  9489.     position: fixed !important;
  9490.     width: 100% !important;
  9491.     max-height: 41px ! important;
  9492.     min-height: 41px !important;
  9493.     top: 0px !important;
  9494.     padding-top: 7px ! important;
  9495.     border-bottom: 1px solid #828182 !important;
  9496.     box-shadow: 0 0 9px 0 #000000 !important;
  9497. z-index: 50 !important;
  9498. }
  9499.  
  9500.  
  9501. /* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
  9502. .SiteTitle {
  9503.     position: relative!important;
  9504.     display: inline-block !important;
  9505.     top: -5px !important;
  9506.     font-size: 24px ! important;
  9507. }
  9508. /* FORUM USERSTYLE TITLE */
  9509. #Head .SiteTitle a {
  9510.     position: relative !important;
  9511.     display: inline-block!important;
  9512.     min-width: 250px !important;
  9513.     max-width: 250px !important;
  9514.     margin-left: -105px ! important;
  9515.     text-align: right ! important;
  9516.     font-size: 19px !important;
  9517. }
  9518.  
  9519. .SiteTitle>a img  {
  9520.     position: absolute ! important;
  9521.     max-height: 40px !important;
  9522.     width: 40px !important;
  9523.     margin-left: -60px ! important;
  9524.     margin-top: -5px !important;
  9525. }
  9526.  
  9527. /* TEST - SITE MENU - FOR GM TS CITRUS - === */
  9528. #Head a {
  9529.     font-weight: bold ! important;
  9530. }
  9531. .SiteMenu a {
  9532.     font-size: 14px ! important;
  9533.     padding: 6px;
  9534. }
  9535.  
  9536. /* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
  9537. #Head .SiteSearch {
  9538.     float: right !important;
  9539.     margin-top: -5px !important;
  9540.     margin-right: 6.5% !important;
  9541. }
  9542. .MeBox + .SiteSearch {
  9543.     margin-top: 25px !important;
  9544. }
  9545. .SiteSearch>form {
  9546.     height: 21px !important;
  9547. }
  9548. .SiteSearch>form  div {
  9549.     height: 21px !important;
  9550. }
  9551.  
  9552. .SiteSearch>form  div .InputBox {
  9553.     height: 21px !important;
  9554.     font-size: 11px;
  9555.     padding: 2px 25px 2px 5px!important;
  9556. }
  9557. .SiteSearch>form  div input.Button {
  9558.     height: 15px !important;
  9559. }
  9560.  
  9561. /* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
  9562. #Body {
  9563.     max-width: 980px !important;
  9564.     padding: 14px 0 0 10px !important;
  9565.     margin: 14px auto auto;
  9566.     border: 1px solid #bbbbbb !important;
  9567.     border-radius: 0 !important;
  9568.     box-shadow: none !important;
  9569.     background-color: transparent !important;
  9570. }
  9571. #Head + #Body {
  9572.     margin-top: 61px !important;
  9573. }
  9574.  
  9575. /* new79) - USERSTYLES */
  9576. #Body .Row {
  9577.     display: inline-block !important;
  9578.     width: 960px !important;
  9579.     margin-top: 24px !important;
  9580. }
  9581.  
  9582. /* (new81) GREASYFORK OK - VOIR FORUM USERSTYLES */
  9583. .DiscussionAboutShowDiscussion  {
  9584.     position: fixed !important;
  9585.     display: inline-block !important;
  9586.     height: 34px !important;
  9587.     line-height: 15px !important;
  9588.     max-width: 206px !important;
  9589.     min-width: 206px !important;
  9590.     top: 53px !important;
  9591.     left: 24.5% !important;
  9592.     padding: 2px 5px !important;
  9593.     border-radius: 0 0 0 5px !important;
  9594.     color: gold ! important;
  9595.     text-align: left !important;
  9596.     white-space: nowrap ! important;
  9597.     overflow: hidden !important;
  9598.     text-overflow: ellipsis !important;
  9599.     z-index: 500 !important;
  9600.     background-color: #222 !important;
  9601. /*     background-color: red !important; */
  9602. }
  9603. .DiscussionAboutShowDiscussion + img {
  9604.     position: fixed!important;
  9605.     display: inline-block !important;
  9606.     margin-left: -25px !important;
  9607.     top: 56px !important;
  9608.     z-index: 500 !important;
  9609. }
  9610.  
  9611. /* (new83) GREASYFORK FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
  9612. #Panel.Column.PanelColumn {
  9613.     position: fixed !important;
  9614.     display: inline-block !important;
  9615.     float: left !important;
  9616.     width: 200px;
  9617.     margin-top: 90px !important;
  9618.     top: 0px !important;
  9619.     z-index: 100 !important;
  9620. border-top: 1px solid red !important;
  9621. }
  9622. #Panel.Column.PanelColumn .MeBox {
  9623.     position: relative !important;
  9624.     display: inline-block !important;
  9625.     width: 198px ! important;
  9626.     margin-top: -30px !important;
  9627.     bottom: -32px !important;
  9628.     padding: 0 !important;
  9629.     box-shadow: none !important;
  9630.     background-color: #222 !important;
  9631. }
  9632. .BoxFilter.BoxDiscussionFilter ,
  9633. .SiteSearch {
  9634.     box-shadow: 3px 3px 2px black !important;
  9635. }
  9636. #vanilla_post_discussion .SiteSearch ,
  9637. #vanilla_post_editdiscussion .SiteSearch {
  9638.     top: 27px;
  9639. }
  9640.  
  9641. .UserBox .Username,
  9642. .MeBox .Username {
  9643.     color: peru !important;
  9644.     font-size: 23px ! important;
  9645.     font-weight: bold;
  9646.     vertical-align: top;
  9647.     text-shadow: 2px 2px 3px #000;
  9648. }
  9649. /* (new72) == #Panel.Column.PanelColumn .MeBox +   */
  9650. .Button.BigButton.NewConversation.Primary {
  9651.     margin-top: 28px !important;
  9652. }
  9653.  
  9654.  
  9655. /* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER -
  9656. WIth AVATAR :
  9657. https://greasyfork.org/fr/forum/profile/323/wOxxOm
  9658. NO AVATAR:
  9659. https://greasyfork.org/fr/forum/profile/2694/zeus007
  9660. === */
  9661. #Panel .FilterMenu,
  9662. #Panel .PanelCategories {
  9663.     background-color: #222 !important;
  9664.     border: 1px solid #bbbbbb !important;
  9665.     border-radius: 5px !important;
  9666.     box-shadow: 3px 3px 2px black !important;
  9667. }
  9668.  
  9669. .Box.BoxCategories ,
  9670. #Panel .BoxFilter {
  9671.     margin: 10px 0;
  9672. }
  9673. .Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
  9674.     margin-top: 65px !important;
  9675. }
  9676.  
  9677.  
  9678. /* (new81) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)-
  9679. USERSTYLES FORUM ??:
  9680. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  9681. === */
  9682. /* GREASYFORK */
  9683. #Item_0 {
  9684.     position: fixed !important;
  9685.     display: inline-block !important;
  9686.     width: 100% !important;
  9687.     min-width: 28px !important;
  9688.     max-width: 28px !important;
  9689.     height: 37px !important;
  9690.     vertical-align: top !important;
  9691. /* margin-top: -3px !important; */
  9692.     top: 53px;
  9693.     left: 35.8% !important;
  9694.     color: gold !important;
  9695.     color: white !important;
  9696.     text-align: center !important;
  9697.     background-color: black !important;
  9698. /* background-color: green !important; */
  9699. /* border: 1px dashed green !important; */
  9700.     z-index: 0 !important;
  9701. }
  9702. .ToggleFlyout.OptionsMenu {
  9703.     height: 14px;
  9704.     width: 28px !important;
  9705.     left: -15px !important;
  9706.     margin-right: -23px !important;
  9707.     top: -9px;
  9708. }
  9709. #Item_0 .ToggleFlyout.OptionsMenu {
  9710.     height: 14px;
  9711.     width: 28px !important;
  9712.     left: -45px !important;
  9713.     margin-right: -23px !important;
  9714.     top: -9px;
  9715. }
  9716. .OptionsMenu .Flyout {
  9717. }
  9718.  
  9719. /* (new80) USERTYLES / GREASEMONKEY OK:
  9720. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  9721. */
  9722. .MessageList.Discussion {
  9723.     margin-top: 42px;
  9724. }
  9725.  
  9726. .Discussion .PageTitle h1 {
  9727.     position: fixed !important;
  9728.     display: inline-block !important;
  9729.     height: 37px !important;
  9730.     line-height: 18px!important;
  9731.     width: 38.4% !important;
  9732.     min-width: 705px !important;
  9733.     top: 48px !important;
  9734.     right: 24.4% !important;
  9735.     font-size: 15px !important;
  9736.     background: black !important;
  9737. }
  9738. /* (new79) GREASYFORK FORUM */
  9739. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  9740. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  9741.     position: fixed !important;
  9742.     display: inline-block !important;
  9743.     height: 38px !important;
  9744.     line-height: 18px!important;
  9745.     min-width: 726px !important;
  9746.     max-width: 726px !important;
  9747.     top: 47px !important;
  9748.     right: 24.4% !important;
  9749.     padding-left: 30px !important;
  9750.     font-size: 15px !important;
  9751.     text-align: left !important;
  9752. }
  9753.  
  9754. /* (new80) PB USERSTYLE - DISC LAST PAGE z-index*/
  9755. .MessageList.Discussion .PageTitle .Options {
  9756.     display: inline-block !important;
  9757.     height: 33px !important;
  9758.     z-index: 5000  !important;
  9759. }
  9760. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  9761.     display: inline-block !important;
  9762. }
  9763.  
  9764. /* (new81) FORUM USERSTYLES - TITLE - MEDIA QUERIE - === */
  9765.  
  9766. @media screen and (max-width: 1400px) {
  9767. #Item_0 {
  9768.     left: 28.6% !important;
  9769. }
  9770. .Discussion .PageTitle h1 {
  9771. /* width: 54.7% !important; */
  9772.      width: 725px !important;
  9773.     right: 11.7% !important;
  9774. /* background: red !important; */
  9775. }
  9776. .Discussion.comment.Section-Discussion .Discussion h1,
  9777. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  9778.     max-width: 720px !important;
  9779.     min-width: 720px !important;
  9780.     right: 11.9% !important;
  9781. }
  9782. .DiscussionAboutShowDiscussion {
  9783.     left: 11.7% !important;
  9784. }
  9785. .MessageList.Discussion .PageTitle .Options {
  9786.     margin-left: 78px !important;
  9787. }
  9788.  
  9789. /* === END === FORUM USERSTYLES - TITLE - MEDIA QUERIE ==== */
  9790. }
  9791.  
  9792. a.Bookmark,
  9793. a.Bookmarked,
  9794. a.Bookmarking {
  9795.     margin-left: -5px !important;
  9796.     margin-right: 9px !important;
  9797. }
  9798. #Item_0.PageTitle .Options .Hijack.Bookmark {
  9799.     position: relative;
  9800.     display: inline-block;
  9801.     margin-top: 1px !important;
  9802.     z-index: 5000;
  9803. }
  9804.  
  9805. /* GREASYFORK SPRITE UI :
  9806. https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png
  9807. === */
  9808. .Hijack.Bookmark[title="Bookmark"] {
  9809.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
  9810. }
  9811. .Hijack.Bookmark.Bookmarked  {
  9812.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
  9813. }
  9814.  
  9815. /* (new62) BOOKMARKS LIST*/
  9816. .ItemDiscussion span.Options a.Hijack.Bookmark {
  9817.     position: relative !important;
  9818.     display: inline-block !important;
  9819.     left: 37px !important;
  9820.     top: -6px !important;
  9821. }
  9822. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
  9823.     position: relative !important;
  9824.     display: inline-block !important;
  9825.     top: -6px !important;
  9826. }
  9827. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  9828.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
  9829. }
  9830.  
  9831. /* (new79) DISCUSSIONS - === */
  9832. .MessageList.Discussion .Discussion {
  9833.     border: 1px solid gray !important;
  9834.     border-top: 1px solid peru !important;
  9835.     padding: 10px 15px ! important;
  9836. }
  9837.  
  9838. .MessageList.DataList.Comments {
  9839.     position: relative !important;
  9840.     display: inline-block !important;
  9841.     width: 100% ;
  9842.     border-top: 1px solid gray !important;
  9843.     margin-top: 0px !important;
  9844.     z-index: -1 !important;
  9845. }
  9846. .MessageList .Item {
  9847.     z-index: 0 !important;
  9848. /* background-color: red ! important; */
  9849. }
  9850. .MessageList .Item:hover {
  9851.     z-index: 1 !important;
  9852.     background-color: black ! important;
  9853. }
  9854.  
  9855. .MessageList .Item.ItemDiscussion {
  9856.     position: relative !important;
  9857.     display: inline-block !important;
  9858.     width: 94% !important;
  9859.     margin-bottom: -17px;
  9860.     margin-top: 37px;
  9861.     top: 28px;
  9862.     z-index: -1 !important;
  9863. }
  9864.  
  9865.  
  9866. #vanilla_discussions_bookmarked .Item:nth-child(odd) ,
  9867. #vanilla_discussions_mine .Item:nth-child(odd) ,
  9868. #vanilla_discussions_participated .Item:nth-child(odd) ,
  9869. .DataList.CategoryList .Item:nth-child(odd) ,
  9870. .DataList .ItemDiscussion:nth-child(odd) ,
  9871. .Item.ItemComment:nth-child(odd) {
  9872.     background-color: #222  ! important;
  9873. }
  9874. #vanilla_discussions_bookmarked .Item:nth-child(even) ,
  9875. #vanilla_discussions_participated .Item:nth-child(even) ,
  9876. .DataList.CategoryList .Item:nth-child(even) ,
  9877. .DataList .ItemDiscussion:nth-child(even) ,
  9878. .Item.ItemComment:nth-child(even) {
  9879.     background-color: #414141  ! important;
  9880. }
  9881. #vanilla_discussions_bookmarked .Item:hover ,
  9882. #vanilla_discussions_participated .Item:hover ,
  9883. #vanilla_discussions_participated .Item:hover ,
  9884. .DataList.CategoryList .Item:hover ,
  9885. .DataList .ItemDiscussion:hover ,
  9886. .Item.ItemComment:hover {
  9887.     box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
  9888.     background-color: rgba(7, 7, 7, 0.57)! important;
  9889.     transition: background ease 0.8s !important;
  9890. }
  9891. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
  9892. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9893. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9894. .DataList.CategoryList .Item:nth-child(odd):hover ,
  9895. .DataList .ItemDiscussion:nth-child(odd):hover ,
  9896. .Item.ItemComment:nth-child(odd):hover {
  9897.     background-color: rgba(7, 7, 7, 0.67)! important;
  9898.     transition: background ease 0.8s !important;
  9899. }
  9900.  
  9901. /* (new79) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
  9902. .BeforeCommentHeading + .DataBox.DataBox-Comments {
  9903.     position: relative !important;
  9904.     display: inline-block ;
  9905.     margin-top: 42px !important;
  9906.     left: 0px;
  9907.     z-index: 0 !important;
  9908. }
  9909.  
  9910. /* DISCUSSION LIST - RATNG ICON */
  9911. .DataList .rating-image {
  9912.     height: 16px !important;
  9913.     line-height: 16px !important;
  9914.     margin-top: 3px ;
  9915. }
  9916.  
  9917. /* DISCUSSION LIST - READ - === */
  9918. .DataList .ItemDiscussion.Item.Read {
  9919.     background-color: rgba(47, 47, 47, 0.84)  ! important;
  9920. }
  9921. .Item.Read .BlockTitle a:before ,
  9922. .Item.Read .Title a:before {
  9923.     content: ">>  " ;
  9924.     color: gold ;
  9925. }
  9926. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  9927. .Bookmarked .Title a::before,
  9928. .Item.Read .Title a::before {
  9929.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  9930.     background-position: 3px -650px !important;
  9931.     background-repeat: no-repeat;
  9932.     color: transparent;
  9933.     content: ">> ";
  9934.     display: inline-block !important;
  9935.     position: relative !important;
  9936.     height: 100% !important;
  9937.     max-height: 15px !important;
  9938.     min-height: 15px !important;
  9939.     top: 4px !important;
  9940.     margin-right: 3px !important;
  9941.     margin-left: -2px !important;
  9942.     background-color: rgba(55, 173, 227, 0.4) !important;
  9943. }
  9944. .DataList .ItemDiscussion {
  9945.     border-bottom: 1px solid gray !important;
  9946.     padding-left: 22px;
  9947.     position: relative;
  9948. }
  9949. /* (new83) */
  9950. .MessageList.DataList.Comments .ItemComment ,
  9951. .ItemDiscussion {
  9952.     display: inline-block !important;
  9953.     width: 94% ;
  9954.     min-width: 656px;
  9955.     margin-top: 37px;
  9956.     padding-right: 35px !important;
  9957. }
  9958. .CommentsWrap .MessageList.DataList.Comments .ItemComment {
  9959. }
  9960.  
  9961. #vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
  9962.     left: 0px !important;
  9963.     z-index: 0 !important;
  9964. }
  9965. /* FORUM DISSCUSSION - ITEMS - MINE - === */
  9966. .Item.Bookmarked.Mine.ItemDiscussion {
  9967.     border: 1px solid peru !important;
  9968.     padding-left: 22px;
  9969.     position: relative;
  9970. }
  9971.  
  9972. /* PROFILE */
  9973. .ProfilePhotoLarge {
  9974.     margin-top: 55px !important;
  9975.     position: relative !important;
  9976.     width: 200px;
  9977. }
  9978.  
  9979. /* ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
  9980. .MeBox > .PhotoWrap[href*="/profile/"] ,
  9981. .UserBox > .PhotoWrap[href*="/profile/"] {
  9982.     position: relative ! important;
  9983.     display: inline-block !important;
  9984.     height: 50px!important;
  9985.     width: 198px ! important;
  9986.     top: 6px!important;
  9987.     text-align: center ! important;
  9988.     z-index: 500 ! important;
  9989. }
  9990. /* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
  9991. #vanilla_discussion_comment .Column.ContentColumn  {
  9992.     border-top: 1px solid peru !important;
  9993.     margin-top: 26px !important;
  9994. }
  9995.  
  9996. .MeBox + .BoxButtons.BoxNewDiscussion {
  9997.     margin-top: 30px !important;
  9998.     box-shadow: 3px 3px 2px black !important;
  9999. }
  10000.  
  10001. /* ==== Userstyles.org Review - Style Name in First v.1 ==== */
  10002. .Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
  10003.     display: inline-block !important;
  10004.     font-size: 14px;
  10005.     font-weight: bold;
  10006.     margin: 0;
  10007. }
  10008.  
  10009. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
  10010.     position: relative !important;
  10011.     display: inline-block !important;
  10012.     float: left !important;
  10013.     width: 600px!important;
  10014.     height: 100%!important;
  10015.     min-height: 10px!important;
  10016.     max-height: 10px!important;
  10017.     line-height: 10px!important;
  10018.     margin-top: -31px!important;
  10019.     margin-left: -10px!important;
  10020.   }
  10021. /* GOOD RATING - OK - THUMB UP  */
  10022. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
  10023.     display: inline-block !important;
  10024.     float: left;
  10025.     margin-left: 0px!important;
  10026. }
  10027. /* BAD RATING - THUMB DOWN */
  10028. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
  10029.     display: inline-block !important;
  10030.     float: left;
  10031.     margin-left: 0px!important;
  10032.     margin-top: 5px !important;
  10033. }
  10034.  
  10035. /* (new79) */
  10036. /* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
  10037. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  10038.     display: inline-block !important;
  10039.     float: left!important;
  10040.     width: 670px!important;
  10041.     margin-bottom: -9px!important;
  10042.   }
  10043.  
  10044. /* FORUM NOTIFICATION - TXT - === */
  10045. .Flyout .Author .PhotoWrap  {
  10046.     height: 10px !important;
  10047.     width: 20px !important;
  10048. }
  10049.  
  10050. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  10051.     height: 20px !important;
  10052.     margin-bottom: -18px !important;
  10053.     background-color: black !important;
  10054. }
  10055. .Flyout .Author .ProfilePhoto {
  10056.     width: 20px !important;
  10057.     height: 20px !important;
  10058.     background-size: cover !important;
  10059. }
  10060. .PopList .ItemContent {
  10061.     line-height: 1.2!important;
  10062.     margin-left: -1px!important;
  10063. }
  10064. /* DRAFT */
  10065. .DataList.Drafts {
  10066.     margin-top: 98px!important;
  10067.     border-top: 1px solid gray !important;
  10068. }
  10069.  
  10070. /* ATTACHEMENTS - === */
  10071. .Attachment img {
  10072.     max-width: 100% ! important;
  10073.     height: auto ! important;
  10074.     vertical-align: bottom;
  10075. }
  10076.  
  10077. .Attachment {
  10078.     max-width: 100px !important;
  10079.     min-width: 100px !important;
  10080.     padding: 3px 8px 8px 5px !important;
  10081.     border-radius: 5px !important;
  10082.     background-color: black !important;
  10083. }
  10084.  
  10085. /* ATTACHEMENT COUNTER - === */
  10086. .Attachments {
  10087.     background-color: #222222 !important;
  10088.     border-radius: 5px !important;
  10089.     counter-reset: image !important;
  10090. }
  10091. .Attachment:before {
  10092.     position: absolute ;
  10093.     display: inline-block ;
  10094.     height: 20px ;
  10095.     content: counter(image, decimal);
  10096.     top: 10px ;
  10097.     padding: 0 3px ;
  10098.     border-radius: 5px ;
  10099.     counter-increment: image ;
  10100.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
  10101. }
  10102.  
  10103. /* FORUM PAGINATION - PAGE WRAP (bottom) */
  10104. .PagerWrap {
  10105.     margin-top: 20px!important;
  10106.     overflow: visible!important;
  10107. }
  10108. /* (new79) FORUM PAGINATION - ALL */
  10109. .PageControls {
  10110.     display: inline-block !important;
  10111.     width: 95%!important;
  10112.     height: 100% !important;
  10113.     min-height: 15px !important;
  10114.     max-height: 15px !important;
  10115.     line-height: 15px !important;
  10116.     text-align: right !important;
  10117. }
  10118. /* (new79) */
  10119. .PageControls.Top {
  10120.     position: fixed !important;
  10121.     display: inline-block !important;
  10122.     width: 560px ! important;
  10123.     min-height: 22px !important;
  10124.     margin-left: 190px !important;
  10125.     top: 25px !important;
  10126.     opacity: 1 !important;
  10127.     visibility: visible !important;
  10128.     z-index: 200 !important;
  10129. /* outline: 1px solid aqua !important; */
  10130. }
  10131.  
  10132. /* (new79) PAGER TOP - USERSTLE DISC LAST PAGE - === */
  10133. #PagerBefore.Pager  {
  10134. position: fixed !important;
  10135.     display: inline-block !important;
  10136.     float: right !important;
  10137.     vertical-align: bottom !important;
  10138.     min-width: 100% !important;
  10139.     max-width: 100% !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. /* (new79) PAGER TOP - MEDIA QUERIE - === */
  10155. @media screen and (max-width: 1400px) {
  10156.  
  10157. #PagerBefore.Pager  {
  10158. position: fixed !important;
  10159.  
  10160.     max-width: 530px !important;
  10161.     min-width: 530px !important;
  10162.     right: 0% !important;
  10163. }
  10164.  
  10165. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  10166. }
  10167.  
  10168.  
  10169. /* ICONS */
  10170.  
  10171. /* SPRITE GREASY FORK :
  10172. https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
  10173. ==== */
  10174.  
  10175. .SpNotifications,
  10176. .SpGlobe {
  10177.     background-position: -32px -212px !important;
  10178. }
  10179. .SpInbox,
  10180. .SpEnvelope {
  10181.     background-position: 0 -228px !important;
  10182. }
  10183. .SpBookmarks,
  10184. .SpStar {
  10185.     background-position: -80px -245px!important;
  10186. }
  10187. .SpDashboard,
  10188. .SpOptions,
  10189. .SpCog {
  10190.      background-position: 0 -212px !important;
  10191. }
  10192.  
  10193. /* MY NAME */
  10194. .QuoteAuthor>a[href*="/decembre"] ,
  10195. .Item .Author a[href*="/decembre"] {
  10196.     font-size: 18px ! important;
  10197.     color: peru ! important;
  10198. }
  10199.  
  10200. /* ==== (ALL) STYLE ==== */
  10201.  
  10202. /* (ALL) BackGround Color === */
  10203.  
  10204. htlm, body {
  10205.     background:#333333 !important;
  10206.     color: #929292 !important;
  10207.     width: 100% !important;
  10208. }
  10209.  
  10210. /* (ALL) LINKS - === */
  10211.  
  10212. a:link {
  10213.     color: #6D878F !important;
  10214.     text-decoration: none !important;
  10215. }
  10216.  
  10217.  
  10218. /* LINK / TXT  SPECIAL - === */
  10219.  
  10220. #Head a,
  10221. #site-nav a {
  10222.     color: peru !important;
  10223. }
  10224. .MItem.MCount.CommentCount ,
  10225. .MItem.MCount.ViewCount {
  10226.     color: #b7b7b7!important;
  10227. }
  10228. table#style-table .meta span.date.date1{
  10229.     color: #23A4A2  !important;
  10230.     text-decoration: none !important;
  10231. }
  10232. table#style-table .meta span.date.date2{
  10233.     color: #0DD6D3 !important;
  10234.     text-decoration: none !important;
  10235. }
  10236. #main-article #style-table a[href^="/styles/"]{
  10237.     color: #DD9E0F !important;
  10238.     text-decoration: none !important;
  10239. }
  10240. #main-article #style-table a:visited[href^="/styles/"]{
  10241.     color: #EAC060 !important;
  10242.     text-decoration: none !important;
  10243. }
  10244.  
  10245. /* LINKS HOVER - COLOR tomato / TOMATO - === */
  10246.  
  10247. #show-code + #control-panel>a:hover ,
  10248. #main-header>h1>a:hover ,
  10249. #style-author-info>tbody>tr>td>a:not(.license-image):hover ,
  10250. #long-description>a:hover ,
  10251. .MItem.LastCommentBy>a:hover ,
  10252. .About>dt:last-of-type a:hover ,
  10253. .script-author-description>ul>li>ul>li:hover a:hover ,
  10254. .About dt a:hover ,
  10255. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
  10256. #script-list-option-groups .list-option>a:hover ,
  10257. #user-script-list > li h2 a:hover ,
  10258. #browse-script-list > li h2 a:hover ,
  10259. .script-list-author>span>a:hover ,
  10260.  
  10261. .DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
  10262. #script-content > form > ul > li:hover ,
  10263. #contact a:hover ,
  10264. #related>ul>li>a:hover ,
  10265. #screenshots #more-screenshots a:hover ,
  10266. .Message>b>a:hover ,
  10267. .Buttons .Back>a:hover ,
  10268. .AttachFileWrapper .AttachFileLink>a:hover ,
  10269. .AuthorWrap .Author .PhotoWrap +.Username:hover ,
  10270. #Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
  10271. .Item-Body .Message>a:hover ,
  10272. .MItem.Category>a:hover ,
  10273. .ReactButton.Quote.Visible:hover ,
  10274. .Box.BoxCategories a:hover ,
  10275. #Panel .FilterMenu a:hover ,
  10276. .SiteMenu>li>a:hover ,
  10277. .ItemContent.Discussion .Title>a:hover ,
  10278. #main-article>dl>dd>a:hover ,
  10279. #main-article>dl>dt:hover ,
  10280. #main-header + #content-wrapper > #main-article > ul:hover:before ,
  10281. #main-article>ul>li>a:hover ,
  10282. #sidebar-forum>a:hover ,
  10283. #sidebar-help>a:hover ,
  10284. #sidebar-browse>a:hover ,
  10285. #sidebar-my-account>a:hover ,
  10286. #show-button:hover ,
  10287. #control-panel > a:nth-child(1):hover ,
  10288. #control-panel>a:hover ,
  10289.  
  10290. #long-description>a>b:hover ,
  10291.  
  10292. #main-article #hidden-meta a:hover ,
  10293. #no-discussions>a:hover ,
  10294. #site-name > a[href="/"] span:hover ,
  10295. .thetitle>.theauthor>a:hover ,
  10296. .thetitle>a>b:hover ,
  10297. .width-constraint>h3>a:hover ,
  10298. #script-content>form>ul>li>a:hover ,
  10299. #script-content>p>a:hover ,
  10300. #install-area .script-in-sets>a:hover ,
  10301. #additional-info-text>a>b:hover ,
  10302. #additional-info>div>ul>li>a:hover ,
  10303. #additional-info>div>p>a:hover ,
  10304. #additional-info>div>p>b>a:hover ,
  10305. .script-show-author>span>a:hover ,
  10306.  
  10307. #title-subtext:hover > b ,
  10308. #site-name > a span#settings-subtext:hover ,
  10309. #nav-user-info .user-profile-link>a:hover ,
  10310. #nav-user-info>li>a:hover ,
  10311. #nav-user-info + nav .help-link>a:hover ,
  10312. #nav-user-info + nav .forum-link>a:hover ,
  10313. #nav-user-info + nav .scripts-index-link>a:hover ,
  10314. #nav-user-info + nav a:hover ,
  10315. #nav-user-info .sign-out-link>a:hover ,
  10316. #start-discussion:hover ,
  10317. #start-discussion-top:hover ,
  10318. #start-discussion-bottom:hover ,
  10319. .inline-list>li>a:hover {
  10320.     color: TOMATO  !important;
  10321. }
  10322.  
  10323. /* LINK HOVER - SPECIAL - === */
  10324.  
  10325. #discussions-area #discussions li:hover a:not(:last-of-type),
  10326. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
  10327. .CommentsWrap .Comment a.FlagContent:hover ,
  10328. .width-constraint #discussions li>a:nth-child(4):hover  ,
  10329. .width-constraint #discussions li>a:nth-child(2):hover ,
  10330. .width-constraint #discussions li>a:first-of-type:hover ,
  10331. .width-constraint #discussions li:hover > a:nth-child(4) ,
  10332. .width-constraint #discussions li:hover>time {
  10333.     color: tomato  !important;
  10334. }
  10335.  
  10336.  
  10337. /* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  -
  10338. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  10339. === */
  10340. #script-info .CodeRay {
  10341.     display: inline-block!important;
  10342.     max-width: 99.8% !important;
  10343.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  10344.     background-size: 30px 15px!important;
  10345. }
  10346. #script-info .CodeRay tbody {
  10347.     display: inline-block !important;
  10348.     width: 99.98% !important;
  10349. }
  10350.  
  10351. #script-info .CodeRay tbody .code {
  10352.     display: inline-block !important;
  10353.     min-width: 905px !important;
  10354.     max-width: 905px !important;
  10355. }
  10356. #script-info .CodeRay tbody .code pre {
  10357.     min-width: 900px !important;
  10358.     max-width: 900px !important;
  10359.     word-wrap: break-word !important;
  10360.     white-space: pre-line!important;
  10361. }
  10362.  
  10363. /* (ALL) LINKS VISITED / VISITED HOVER - === */
  10364. a:visited {
  10365.     color: #278CAD  !important
  10366. }
  10367. #additional-info>a:visited {
  10368.     color: #6BA9BE  !important
  10369. }
  10370. a:hover {
  10371.     color: #73B379 !important;
  10372. }
  10373. a:visited:hover  {
  10374.     color: #B9D56E !important;
  10375.     text-decoration: none !important;
  10376. }
  10377.  
  10378. /* VISITED - gold / GOLD - === */
  10379. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
  10380. #style-install-unknown>p>a,
  10381. #style-install-unknown>p>a:visited,
  10382. #style-install-unknown>p>a:active {
  10383.     color: GOLD !important;
  10384. }
  10385.  
  10386. /* VISITED - tan  /TAN - === */
  10387. .discussion-list>li>a:visited ,
  10388. .About>dt>a:visited ,
  10389. .Item-Body .Message>a:visited ,
  10390. .script-author-description>p>a:visited ,
  10391. .script-author-description>ul>li>ul>li>a:visited ,
  10392. .script-author-description>ul>li>a:visited ,
  10393. .DataList .Item .Title>a:visited ,
  10394. .inline-list>li>a:visited ,
  10395. .DataList .ItemDiscussion.Item.Read a:visited {
  10396.     color: TAN !important;
  10397. }
  10398. /* VISITED - goldenrod / GOLDENROD - === */
  10399. .thetitle>a:visited>b  {
  10400.     color: GOLDENROD !important;
  10401. }
  10402. /* VISITED - hover tomato / TOMATO - === */
  10403. .Message>ol>li>small>a:hover ,
  10404. .Message>dl>dd>a:hover ,
  10405. .UserQuote .QuoteAuthor a:hover ,
  10406. .inline-list>li>a:visited:hover ,
  10407. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  10408.     color: TOMATO !important;
  10409. }
  10410.  
  10411. /* VISITED - rosybrown / ROSYBROWN - === */
  10412. .width-constraint #discussions li > a:first-of-type:visited {
  10413.     color: ROSYBROWN  !important;
  10414. }
  10415. /* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
  10416. #Frame .Row .SiteMenu  a:hover {
  10417.     color: tomato !important;
  10418. /* outline: 1px solid tomato !important; */
  10419. }
  10420.  
  10421. /* ============ END VISITED LINKS ====== */
  10422.  
  10423.  
  10424.  
  10425. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" -
  10426. in SCRIPT NAME of:
  10427. DIEP.IO by Terjanq
  10428.  
  10429. IT'S USER (terjanq) LIST:
  10430. https://greasyfork.org/fr/users/33759-terjanq
  10431.  
  10432. SEARCH "DIEP.IO+":
  10433. https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
  10434.  
  10435. MY DISSCUS about it :
  10436. 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
  10437. === */
  10438.  
  10439. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  10440. .Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
  10441.     overflow: hidden !important;
  10442.     background: rgba(255, 0, 0, 0.2) !important;
  10443. }
  10444. #Discussion_9570 .Discussion .Item-BodyWrap .Message  {
  10445.     overflow: hidden !important;
  10446.     background: rgba(255, 0, 0, 0.2) !important;
  10447. }
  10448.  
  10449.  
  10450. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
  10451. #script-table #s19838 .thetitle + div ,
  10452. #user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
  10453. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  10454. #browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
  10455.     overflow: hidden !important;
  10456.     background: rgba(255, 0, 0, 0.2) !important;
  10457. }
  10458.  
  10459. .discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
  10460.     position: relative !important;
  10461.     display: inline-block !important;
  10462.     top: 4px !important;
  10463.     overflow: hidden !important;
  10464.     background: rgba(255, 0, 0, 0.2) !important;
  10465. }
  10466.  
  10467. /* ========== END GENERAL SITE ======= */
  10468. }
  10469.  
  10470.  
  10471. /* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  10472. /*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */
  10473.  
  10474. @-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
  10475. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  10476. #script-info header p {
  10477.     overflow: hidden !important;
  10478.     background: rgba(255, 0, 0, 0.2) !important;
  10479. }
  10480. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  10481. }
  10482.  
  10483.  
  10484. /* ========== START - DOMAIN SLEASYFORK TEST ======= */
  10485.  
  10486. @-moz-document domain("sleazyfork.org") {
  10487.  
  10488. /* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
  10489.  
  10490. /* TEST LINK :
  10491. https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
  10492. ==== */
  10493.  
  10494. /* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
  10495. /* (new60) SLEAZYFORK - SITE NAME + ICON - === */
  10496. .width-constraint #site-name  #site-name-text h1 {
  10497.     font-size: 20px!important;
  10498.     letter-spacing: 2px !important;
  10499. }
  10500. .width-constraint #site-name  #site-name-text h1  {
  10501.     color: blue !important;
  10502. }
  10503. .width-constraint #site-name  #site-name-text h1 a {
  10504.     display: none !important;
  10505. }
  10506. #site-name  #site-name-text h1 +.subtitle {
  10507.     margin-left: 46px !important;
  10508.     margin-top: 16px !important;
  10509.     font-size: 10px!important;
  10510.     letter-spacing: 1px !important;
  10511. }
  10512. #site-nav > nav li a{
  10513.     font-size: 14px !important;
  10514. }
  10515.  
  10516. .width-constraint #site-name a img ,
  10517. .width-constraint #site-name a span ,
  10518. #site-name-text>h1>a {
  10519.     display: none !important;
  10520. }
  10521.  
  10522. .width-constraint #site-name > a:before ,
  10523. .width-constraint #site-name > h1:before {
  10524.     content: "SleasyFork" !important;
  10525.     display: inline-block !important;
  10526.     position: absolute !important;
  10527.     margin-left: 40px !important;
  10528.     font-size: 22px !important;
  10529.     color: green !important;
  10530. }
  10531. #Head #site-name-text h1:before {
  10532. content: "SleasyFork" !important;
  10533.     display: inline-block !important;
  10534.     position: absolute !important;
  10535.     top: -5px !important;
  10536.     margin-left: 0px !important;
  10537.     font-size: 22px !important;
  10538.     color: red !important;
  10539. }
  10540.  
  10541. .width-constraint #site-name > a:after {
  10542.     content: " " !important;
  10543.     display: inline-block !important;
  10544.     height: 30px !important;
  10545.     width: 30px !important;
  10546.     padding: 2px !important;
  10547.     border-radius: 5px !important;
  10548.     box-shadow: 0 0 2px #cccccc inset !important;
  10549.     background-color: rgba(191, 191, 190, 0.33) !important;
  10550.     background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  10551.     background-position: 50% 50% !important;
  10552.     background-size: contain !important;
  10553. }
  10554.  
  10555.  
  10556. /* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
  10557. }
  10558.  
  10559.  
  10560. /* ========== START === URL-PREF - ALL ======= */
  10561.  
  10562. /* ========== START - URL-PREF - USERSTYLES HELP ======= */
  10563. @-moz-document url-prefix("https://userstyles.org/help") {
  10564.  
  10565. /* HEPLS PAGES - === */
  10566. body > #main-header + #content-wrapper {
  10567.     position: absolute !important;
  10568.     display: inline-block !important;
  10569.     float: none !important;
  10570.     clear: both !important;
  10571.     min-height: 200px !important;
  10572.     height: auto !important;
  10573.     width: 71em !important;
  10574.     margin: auto auto auto 21em !important;
  10575.     top: 75px !important;
  10576.     border-radius: 5px !important;
  10577.     border: 1px solid green !important;
  10578. }
  10579. #main-article {
  10580.     width: 70em !important;
  10581.     margin: 0.5em auto 2em 0.5em !important;
  10582.     padding-bottom : 20px !important;
  10583. }
  10584. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
  10585. #main-article>h3  {
  10586.     width: 58em !important;
  10587.     margin-left: 1em !important;
  10588.     text-align: left !important;
  10589.     text-indent: 20px !important;
  10590.     background: black !important;
  10591. }
  10592.  
  10593. #main-article>ol {
  10594.     width: 65em !important;
  10595.     margin-left: 1em !important;
  10596.     margin-top: -7px !important;
  10597.     outline: 1px solid peru !important;
  10598. }
  10599.  
  10600. #main-article>p:first-of-type {
  10601.     position: relative !important;
  10602.     display: inline-block !important;
  10603.     width: 867px !important;
  10604.     left: 0px !important;
  10605.     margin-top:  auto !important;
  10606.     margin-bottom: 20px!important;
  10607.     padding: 15px 20px !important;
  10608.     border: 1px solid gray !important;
  10609. outline: none !important;
  10610. }
  10611. #main-article>p {
  10612.     position: relative !important;
  10613.     display: inline-block !important;
  10614.     width: 840px !important;
  10615.     left: 1em !important;
  10616.     margin:  auto !important;
  10617.     padding: 8px 20px !important;
  10618. }
  10619. #main-article>p +p {
  10620.     position: relative !important;
  10621.     display: inline-block !important;
  10622.     width: 840px !important;
  10623.     left: 1em !important;
  10624.     margin:  auto !important;
  10625.     margin-bottom: 15px !important;
  10626.     padding: 8px 20px !important;
  10627. }
  10628. #main-article>p:nth-child(even) {
  10629.     border: 1px solid gray !important;
  10630.     background: #222222 !important;
  10631. }
  10632. #main-article>p:nth-child(odd) {
  10633.     border: 1px solid gray !important;
  10634.     background: #171717 !important;
  10635. }
  10636. #main-article>iframe {
  10637.     margin-left: 10% !important;
  10638. }
  10639. #help-style-settings-edit ~pre ,
  10640. #main-header + #content-wrapper > #main-article > p ~ ul ,
  10641. #main-header + #content-wrapper > #main-article > p ~ ul:hover ,
  10642. #main-header + #content-wrapper > #main-article > ul:hover ,
  10643. #main-header + #content-wrapper > #main-article > ul {
  10644.     position: relative !important;
  10645.     display: inline-block !important;
  10646.     width: 66em !important;
  10647.     height: auto !important;
  10648.     margin-left: 10px !important;
  10649.     padding-bottom: 10px !important;
  10650.     padding-left: 20px !important;
  10651.     padding-right: 5px !important;
  10652.     border-radius: 3px !important;
  10653.     border: 1px solid gray !important;
  10654.     background: #222222 !important;
  10655. }
  10656. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  10657.     position: relative !important;
  10658.     display: inline-block !important;
  10659.     width: 43em !important;
  10660.     height: auto !important;
  10661.     margin-left: 10px !important;
  10662.     margin-top: 29px !important;
  10663.     padding-bottom: 10px !important;
  10664.     padding-left: 30px !important;
  10665.     padding-right: 5px !important;
  10666.     border-radius: 3px !important;
  10667.     border: 1px solid gray !important;
  10668.     font-size: 20px !important;
  10669. }
  10670. #help-style-settings-edit ~pre {
  10671.     position: relative !important;
  10672.     display: inline-block !important;
  10673.     width: 72em !important;
  10674.     height: auto!important;
  10675.     margin-top: 5px!important;
  10676.     border-radius: 3px!important;
  10677.     border: 1px solid gray!important;
  10678.     background: #222222!important;
  10679.     overflow: visible!important;
  10680.     z-index: 10 !important;
  10681. }
  10682. #help-style-settings-edit ~pre >code {
  10683.     position: relative !important;
  10684.     display: inline-block !important;
  10685.     width: 63em !important;
  10686.     height: auto !important;
  10687.     margin-left: 0px !important;
  10688.     border-radius: 3px !important;
  10689. }
  10690. /* ========== END === URL-PREF - HELP ======= */
  10691. }
  10692.  
  10693. /* START ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  10694.  
  10695. @-moz-document url-prefix("https://forum.userstyles.org") {
  10696.  
  10697. #Head + #Body {
  10698.     margin-left: 22% !important;
  10699. /* background: yellow !important; */
  10700. }
  10701. /* (new79) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
  10702. .HomepageTitle,
  10703. .H.HomepageTitle {
  10704. }
  10705.  
  10706. #PagerBefore.Pager {
  10707.     right: 26% !important;
  10708. }
  10709. #Content.Column.ContentColumn  {
  10710.     display: inline-block !important;
  10711.     float: right !important;
  10712.     width: 689px !important;
  10713.     min-height: 750px !important;
  10714.     margin-top: -8px!important;
  10715.     margin-right: 50px !important;
  10716.     z-index: 0 !important;
  10717. }
  10718. #vanilla_discussion_index #Content.Column.ContentColumn {
  10719.     display: inline-block !important;
  10720.     float: right !important;
  10721.     width: 689px!important;
  10722.     min-height: 750px !important;
  10723.     margin-top: -8px!important;
  10724.     margin-right: 20px !important;
  10725. }
  10726. #vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
  10727.     margin-bottom: -21px;
  10728. }
  10729. .P.PageDescription {
  10730.     width: 753px!important;
  10731. }
  10732.  
  10733. /* (new80) */
  10734.  
  10735. #Item_0 {
  10736.     left: 33% !important;
  10737.     top: 53px !important;
  10738.     background: black ;
  10739.     z-index: 500 !important;
  10740. /* background-color: green !important; */
  10741. }
  10742.  
  10743. #Item_0 .ToggleFlyout.OptionsMenu {
  10744.     left: -15px !important;
  10745. }
  10746. .MessageList.Discussion h1 ,
  10747. .Discussion.comment.Section-Discussion .Discussion h1 {
  10748.     position: fixed !important;
  10749.     display: inline-block !important;
  10750.     height: 38px !important;
  10751.     line-height: 18px !important;
  10752. /*     min-width: 750px !important; */
  10753.     width: 39.1% !important;
  10754.     right: 26.4% !important;
  10755.     top: 47px !important;
  10756.     font-size: 15px !important;
  10757.     text-align: left !important;
  10758.     background: black !important;
  10759. /* background: blue !important; */
  10760. }
  10761. /* (new90) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
  10762. #dashboard_profile_discussions .About>dt:last-of-type  {
  10763.     position: relative !important;
  10764.     display: inline-block !important;
  10765.     width: 23% !important;
  10766.     height: 18px !important;
  10767.     line-height: 18px !important;
  10768.     top: -56px !important;
  10769.     left: 74%!important;
  10770.     padding: 2px 2px 2px 15px !important;
  10771.     border-radius: 3px !important;
  10772.     font-size: 15px !important;
  10773.     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;
  10774. /* outline: 1px solid violet !important; */
  10775. }
  10776. /* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */
  10777. #Panel.Column.PanelColumn {
  10778. /*     top: 103px !important; */
  10779.     z-index: 100 !important;
  10780. }
  10781. #Panel.Column.PanelColumn .MeBox {
  10782.     margin-top: -29px !important;
  10783. }
  10784. .DiscussionAboutShowDiscussion  {
  10785.     max-width: 200px !important;
  10786.     min-width: 200px !important;
  10787.     top: 53px !important;
  10788.     left: 22.1% !important;
  10789.     z-index: 100 !important;
  10790. /* background-color: red !important; */
  10791. }
  10792.  
  10793. /* (new82) START === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
  10794. @media screen and (max-width: 1400px) {
  10795.  
  10796. #PagerBefore.Pager {
  10797.     right: 3.8% !important;
  10798. }
  10799. .MessageList.Discussion h1 ,
  10800. .Discussion.comment.Section-Discussion .Discussion h1 {
  10801.     min-width: 736px !important;
  10802. /* width: 37% !important; */
  10803.     right: 9.9% !important;
  10804. /* background: blue !important; */
  10805. }
  10806. .MessageList.Discussion #Item_0 {
  10807.     left: 30% !important;
  10808.     top: 53px !important;
  10809.     z-index: 500 !important;
  10810. /* background: blue !important; */
  10811. }
  10812. .DiscussionAboutShowDiscussion  {
  10813.     max-width: 217px !important;
  10814.     min-width: 217px !important;
  10815.     top: 53px !important;
  10816.     left: 12.2% !important;
  10817.     z-index: 100 !important;
  10818. /* background-color: red !important; */
  10819. }
  10820.  
  10821. /* ==== END === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
  10822. }
  10823.  
  10824.  
  10825. .MessageList.Discussion {
  10826.     margin-top: 36px;
  10827. }
  10828. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
  10829.     left: 4px !important;
  10830.     top: -1px !important;
  10831. }
  10832.  
  10833. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
  10834. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
  10835.     left: 32px !important;
  10836. /* outline: 1px solid red !important; */
  10837. }
  10838. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
  10839.     left: 0px !important;
  10840.     top: 0px !important;
  10841. /* outline: 1px solid yellow !important; */
  10842. }
  10843. }
  10844. /* ========== END === URL-PREF - ALL ======= */
  10845.  
  10846.  
  10847. /* START ===== NEW DESIGN - MEDIA QUERY ===== */
  10848.  
  10849. /* START ==== URL-PREF- USERSTYLES FORUM ??? - TEST - MEDIA QUERIES - 1400px  ==== */
  10850.  
  10851. @media screen and (max-width: 1400px){
  10852. #Head + #Body {
  10853.     margin-left: 12% !important;
  10854. /* background: green !important; */
  10855. }
  10856.  
  10857. /* ==== END ==== URL-PREF- USERSTYLES FORUM - TEST - MEDIA QUERIES === */
  10858. }
  10859. @media screen and (max-width: 1400px){
  10860. #navigation {
  10861.     margin-left: 0px;
  10862. }
  10863. #style_info {
  10864. background-color: tomato !important;
  10865. outline: 7px solid red !important;
  10866. }
  10867. #style_info {
  10868.     margin-left: 341px !important;
  10869.     width: 100%;
  10870.     min-width: 900px;
  10871. }
  10872. #applies_link + #headline + .text_style_page {
  10873.     display: inline-block !important;
  10874.     width: 100% !important;
  10875.     min-width: 350px !important;
  10876.     max-width: 350px !important;
  10877.     max-height: 295px !important;
  10878.     min-height: 295px !important;
  10879.     left: 69% !important;
  10880.     white-space: pre-wrap;
  10881.     overflow-x: hidden !important;
  10882.     overflow-y: auto !important;
  10883. /* overflow: hidden !important; */
  10884. }
  10885. .css_button {
  10886.     position: absolute;
  10887.     right: 4%;
  10888.     top: 68px;
  10889. }
  10890.  
  10891. /* CREAT BUTTON */
  10892. #create_new_style {
  10893.     margin-left: 0px !important;
  10894.     margin-top: 40px;
  10895. }
  10896.  
  10897. /* ==== END === URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION ==== */
  10898. /* END ===== NEW DESIGN - MEDIA QUERY ===== */
  10899.  
  10900. }
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!