API tools faq
paste
decembre

Userstyles TableView+Enhancer - DarkGrey 94

decembre
Jun 2nd, 2017
2,890
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 315.49 KB | None | 0 0
raw download clone embed print report diff
  1. /* AGENT_SHEET */
  2. @namespace url(http://www.w3.org/1999/xhtml);
  3. /* START ==== URL-PREF- USERSTYLES FORUM ??? - TEST - MEDIA QUERIES - 1400px  ==== */
  4.  
  5. @media screen and (max-width: 1400px){
  6. #Head + #Body {
  7.     margin-left: 12% !important;
  8. /* background: green !important; */
  9. }
  10.  
  11. /* ==== END ==== URL-PREF- USERSTYLES FORUM - TEST - MEDIA QUERIES === */
  12. }
  13.  
  14. /* ==== END === URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION ==== */
  15.  
  16.  
  17. /* AGENT_SHEET */
  18. /* @namespace url(http://www.w3.org/1999/xhtml); */
  19. @-moz-document domain("userstyles.org")
  20. , domain("greasyfork.org")
  21. , domain("sleazyfork.org")
  22. , url-prefix("https://greasyfork.org/forum/") ,
  23. url-prefix("https://74.86.192.75/")  {
  24.  
  25. /* ==== Userstyles TableView+Enhancer - TEST - DarkGrey 93 (new93) - - TEST FIX NEW DESIGN USERSTYLES  - -  AGENT_SHEET ==== */
  26.  
  27. /*
  28.  ________________________________________________________________________
  29. |                                                                        |
  30. |                                                                        |
  31. |                                                                        |
  32. |          Title:  |  Userstyles TableView+Enhancer - DarkGrey v.94      |
  33. |                                                                        |
  34. |    Description:  |                                                     |
  35. |                      GREASY FORK - With / without (GM) TS CITRUS       |          
  36. |                      FORUM Styles in first + Forum GREASY Fork -       |
  37. |                      Logged or NOT                                     |
  38. |                      With / Without GM                                 |
  39. |                      AGENT_SHEET                                       |
  40. |                                                                        |
  41. |         Author:  |  decembre                                           |
  42. |                                                                        |
  43. |   Date Created:  |  23-11-2011                                         |
  44. |                                                                        |
  45. |   Last Updated:  |  31-05-2017                                         |
  46. |                                                                        |
  47. |________________________________________________________________________|
  48. */
  49.  
  50.  
  51.  
  52.  
  53.  
  54. /* (new92) SUPP - ALL  */
  55. /* USERSTYLES - DONATE BUTT - SUPP (display:none) - === */
  56. #donate,
  57. #donate input {
  58.     display: none !important;
  59. }
  60. /* CHROME/FIREFOX - SUPP SOCIAL - without adblock - === */
  61. #discussions-area #social.single-style ,
  62. #social ,
  63. .twitter-share-button ,
  64. #twitter-widget-0 ,
  65. .fb-like {
  66.     display: none!important;
  67. }
  68. /* USERSTYLES - STY INFOS - SUPP(display:none) - INST PUB - (PB EDIT SCRIPT PAGE) -
  69. [id*="-ad"] ,
  70. === */
  71. #google_ads_frame1 ,
  72. #adContent-clickOverlay ,
  73. #adContent ,
  74. #post-install-ad ,
  75. #below-install-ad ,
  76. .ad {
  77.     display: none !important;
  78. }
  79.  
  80. /* (new93) SET - LISTING PAGE - DESCRIPTION - === */
  81. body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
  82. body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
  83. body[pagetype="ListingPage"]  .width-constraint h3 + p {
  84.     display: inline-block;
  85.     border: 1px solid violet ;
  86. }
  87.  
  88.  
  89. /* (new80) TEST - USERSTYLES FORUME PROFILE DISCUSSINS LIST - COMMENTS LIST - === */
  90. .DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type {
  91.     display: inline-block ;
  92.     width: 100% ;
  93.     line-height: 14px  ;
  94.     padding: 5px 2px 5px 5px !important;
  95.     white-space: pre-line;
  96.     margin-left: -5px !important;
  97.     color: gold  ;
  98.     background: black ;
  99. }
  100.  
  101. /* (new79) GREASYFORK - Without SCRIPT - === */
  102. .width-constraint > p {
  103.     display: inline-block;
  104. }
  105. #script-links .current > * {
  106.     color: red !important;
  107. }
  108.  
  109.  
  110. /* CITRUS SETTINGS - POPUP - === */
  111. #CForkSettings {
  112.     z-index: 5000 !important;
  113. }
  114.  
  115. /* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE -
  116. .SiteMenu
  117. === */
  118. .with-submenu {
  119.     position: relative !important;
  120.     display: inline-block !important;
  121. /* z-index: 4000060 !important; */
  122. }
  123.  
  124. li.with-submenu a + nav ,
  125. li.with-submenu a + nav:hover ,
  126. li.with-submenu a:hover + nav {
  127. position: absolute  !important;
  128.     min-width: 100%;
  129.     margin-top: -5px !important;
  130.     padding: 2px 5px 5px 15px !important;
  131.     text-align: left !important;
  132.     box-shadow: 3px 3px 2px black !important;
  133.     background-color: #333 !important;
  134. /* z-index: 50000000 !important; */
  135. }
  136. li.with-submenu a + nav li {
  137.     height: 20px !important;
  138.     line-height: 20px !important;
  139.     z-index: 50000000 !important;
  140. }
  141. li.with-submenu a + nav li a {
  142.     padding: 2px 2px !important;
  143.     text-align: left !important;
  144. }
  145.  
  146. /* (new78) - USERSTYLES - AADAPTATION TABLE VIEW PLUS - EDIT USER PROFILE PAGE - === */
  147. #main-article>form[accept-charset="UTF-8"] + table#summary ,
  148. #main-article>form[accept-charset="UTF-8"] + table#summary + #table-container {
  149. display: none !important;
  150. }
  151.  
  152. /* (new60) - ADAPTATION for GM "Greasyfork install button on search" -
  153. https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
  154. === */
  155. .thetitle + div #install-area {
  156.     position: relative !important;
  157.     display: inline-block !important;
  158.     float: left !important;
  159.     max-width: 460px !important;
  160.     min-width: 460px !important;
  161.     margin-left: 0px !important;
  162.     top: 0 !important;
  163.     padding: 1px 9px !important;
  164.     background-color: #f9ecdb !important;
  165.     border-bottom: 1px solid gray;
  166.     z-index: 1 !important;
  167.     overflow: hidden !important;
  168. }
  169. .thetitle + div:hover #install-area {
  170.     position: relative !important;
  171.     display: inline-block !important;
  172.     float: left !important;
  173.     max-width: 460px !important;
  174.     min-width: 460px !important;
  175.     margin-left: 0px !important;
  176.     height: auto !important;
  177.     top: 0 !important;
  178.     padding: 5px 9px !important;
  179.     background-color: #f9ecdb !important;
  180.     border-bottom: 1px solid gray;
  181.     z-index: 1 !important;
  182. }
  183. .thetitle + div #install-area> a {
  184.     display: inline-block;
  185.     float: left !important;
  186.     clear: both !important;
  187.     max-width: 50px !important;
  188.     min-width: 50px !important;
  189.     line-height: 13px !important;
  190.     font-size: 12px !important;
  191.     margin-left: 0 !important;
  192.     text-align: center !important;
  193. }
  194. .thetitle + div #install-area a:last-of-type {
  195.     display: inline-block;
  196.     float: left !important;
  197.     clear: both !important;
  198.     height: 15px !important;
  199.     max-width: 50px !important;
  200.     min-width: 50px !important;
  201.     line-height: 13px !important;
  202.     margin-left: 0 !important;
  203.     padding: 1px 12px !important;
  204.     line-height: 13px !important;
  205.     font-size: 12px !important;
  206.     text-align: center !important;
  207. }
  208. .thetitle + div #install-area .script-in-sets {
  209.     display: inline-block;
  210.     height: 65px !important;
  211.     max-width: 330px !important;
  212.     min-width: 330px !important;
  213.     margin-left: 10px !important;
  214.     font-size: 0px !important;
  215. }
  216.  
  217. .thetitle + div #install-area .script-in-sets a:first-of-type {
  218.     display: inline-block;
  219.     max-width: 300px !important;
  220.     min-width: 300px !important;
  221.     margin-left: 0 !important;
  222.     font-size: 12px !important;
  223.     text-align: center !important;
  224. }
  225. .thetitle + div #install-area .script-in-sets a:first-of-type + a {
  226.     display: inline-block;
  227.     max-width: 300px !important;
  228.     min-width: 300px !important;
  229.     margin-left: 0 !important;
  230.     font-size: 12px !important;
  231.     text-align: center !important;
  232. }
  233. .thetitle + div #install-area .script-in-sets select {
  234.     display: inline-block;
  235.     max-width: 287px !important;
  236.     min-width: 287px !important;
  237.     margin-left: 0px !important;
  238. }
  239. /* ADAPTATION for GM : userstyles.org css highlighter
  240. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  241. ==== */
  242. #view-code.hiBeautted {
  243.     background-color: #293134 !important;
  244.     color: #e0e2e4 !important;
  245. }
  246. #view-code.hiBeautted #stylish-code {
  247.     color: #B1B1B1 !important;
  248.     background-color: #293134 !important;
  249. }
  250. #hiBeauty::before {
  251.     position: absolute;
  252.     display: block;
  253.     top: 0px;
  254.     left: 0% !important;
  255.     padding: 1px 3px 0 1px !important;
  256.     border-radius: 0 0 5px 0 !important;
  257.     background-color: rgba(255, 0, 0, 0.7) !important;
  258. }
  259. #hiBeauty:hover::before {
  260.     padding: 4px !important;
  261.     border: 1px solid gray !important;
  262.     border-radius: 0 0 5px 0 !important;
  263.     background-color: rgba(0, 0, 0, 0.4) !important;
  264.     opacity: 1 !important;
  265.     z-index: 1;
  266.     transition: all ease 1s !important;
  267. }
  268. #hiBeauty::after {
  269.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  270.     display: block;
  271.     left: -50% !important;
  272.     opacity: 0.75;
  273.     position: absolute;
  274.     top: 2px;
  275.     padding: 0 5px !important;
  276.     border-radius: 0 5px 5px 0 !important;
  277.     font-size: 15px !important;
  278.     background: rgba(255, 0, 0, 1) !important;
  279.     z-index: 1;
  280.     transition: all ease 0.2s !important;
  281. }
  282. #hiBeauty:hover::after {
  283.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  284.     display: block;
  285.     left: 4% !important;
  286.     opacity: 0.75;
  287.     position: absolute;
  288.     top: 2px;
  289.     padding: 0 5px !important;
  290.     border-radius: 0 5px 5px 0 !important;
  291.     font-size: 15px !important;
  292.     color: white !important;
  293.     background: rgba(0, 0, 0, 0.61) !important;
  294.     z-index: 1;
  295.     transition: all ease 0.4s !important;
  296. }
  297.  
  298. .tk.sel {
  299.     color: #25B300 !important;
  300. }
  301. .tk.pro {
  302.     color: #2a7da3 !important;
  303. }
  304. .tk.pun {
  305.     color: #0F40A7 !important;
  306. }
  307. .tk.com {
  308.     color: #9F7E15 !important;
  309. }
  310.  
  311. /* (new60) - ADAPTATION for GM :
  312. == GreasyFork Bullshit Filter :
  313. https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
  314. == GreasyFork Bullshit Filter (compatible with Citrus GFork)
  315. https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
  316.  
  317. AND (TEST):
  318. GreasyFork - filter discussions on scripts by review type and author
  319. https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
  320.  
  321. === */
  322. .MessageList.DataList.Comments .ItemComment.filtered,
  323. .ItemDiscussion.filtered  {
  324. /*     display: none !important; */
  325. /*     width: 100% !important; */
  326.     height: 10px!important;
  327. font-size: 3px !important;
  328. overflow: hidden !important;
  329. opacity: 0.4 !important;
  330. }
  331. .MessageList.DataList.Comments .ItemComment.filtered:hover,
  332. .ItemDiscussion.filtered:hover  {
  333. /*     display: none !important; */
  334. /*     width: 100% !important; */
  335.     height: 10px!important;
  336. font-size: 3px !important;
  337. overflow: hidden !important;
  338. opacity: 1 !important;
  339. }
  340. .ItemDiscussion.filtered .ItemContent.Discussion .Title  {
  341. /*     display: none !important; */
  342. /*     width: 100% !important; */
  343. height: 10px!important;
  344. line-height: 6px!important;
  345. /*     margin-top: -25px !important; */
  346. font-size: 8px !important;
  347. /* overflow: hidden !important; */
  348. /* opacity: 0.4 !important; */
  349. background: red !important;
  350. }
  351. .ItemDiscussion.filtered .ItemContent.Discussion .Title a {
  352. /*     display: none !important; */
  353. min-width: 600px !important;
  354. max-width: 600px !important;
  355. height: 10px!important;
  356. line-height: 10px!important;
  357.     margin-top: -45px !important;
  358. font-size: 8px !important;
  359. /* overflow: hidden !important; */
  360. /* opacity: 0.4 !important; */
  361. /* background: blue !important; */
  362. }
  363. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
  364. /*     display: none !important; */
  365. min-width: 600px !important;
  366. max-width: 600px !important;
  367. height: 10px!important;
  368. line-height: 10px!important;
  369. margin-left: 20px !important;
  370. /*     margin-top: -45px !important; */
  371. font-size: 9px !important;
  372. /* overflow: hidden !important; */
  373. /* opacity: 0.4 !important; */
  374. /* background: blue !important; */
  375. }
  376. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
  377. margin-top: -8px !important;
  378.     transform: scale(0.7) !important;
  379. }
  380. /* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
  381. body[pagetype="ListingPage"] #script-table tr.filtered {
  382.     display: table-row !important;
  383.     width: 100% !important;
  384.     height: 10px!important;
  385. }
  386. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  387.     background: black !important;
  388. }
  389. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  390.     display: table-cell !important;
  391.     height: 100% !important;
  392.     min-height: 10px!important;
  393.     max-height: 10px!important;
  394.     padding: 0 !important;
  395.     font-size: 7px !important;
  396. background-color: #F7F6E9 !important;
  397. }
  398. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  399.     font-size: 8px !important;
  400. }
  401.  
  402. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  403.     font-size: 8px !important;
  404. }
  405. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  406.     border-left: 1px solid red !important;
  407. }
  408.  
  409. /* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  410. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  411.     display: none !important;
  412. }
  413.  
  414. /* (new93) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  415. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  416.     position: absolute !important;
  417.     display: inline-block !important;
  418.     width: 914px !important;
  419.     background-color: #f7f6e9 !important;
  420.     border: 1px solid peru !important;
  421.     border-left: 3px solid red !important;
  422.     border-right: 3px solid red !important;
  423.     border-bottom: 4px solid red !important;
  424. font-size: 15px !important;
  425. }
  426. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
  427. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  428.     display: inline-block !important;
  429.     display: none !important;
  430.     height: 100% !important;
  431.     min-height: 15px!important;
  432.     max-height: 15px!important;
  433.     padding: 0 !important;
  434.     font-size: 8px !important;
  435. }
  436. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  437.     display: inline-block !important;
  438.     height: 100% !important;
  439.     min-height: 10px!important;
  440.     max-height: 10px!important;
  441.     line-height: 8px!important;
  442.     padding: 0 !important;
  443.     font-size: 9px !important;
  444. }
  445. .filter-status:not(:empty) ,
  446. #script-content .filter-status:not(:empty) {
  447. box-sizing: border-box;
  448.     position: fixed !important;
  449. height: 35px !important;
  450. line-height: 17px !important;
  451.     max-width: 190px !important;
  452.     min-width: 190px !important;
  453.     left: calc(83.95%) !important;
  454.     top: 55px !important;
  455.     padding: 1px 0px  !important;
  456.     border-radius: 5px 5px 0 0 !important;
  457.     text-align: center !important;
  458.     font-size: 13px !important;
  459. /*     letter-spacing: 5px !important; */
  460.     color: white !important;
  461.     cursor: default !important;
  462.     z-index: 500000 !important;
  463.     background: #B38C25 !important;
  464. }
  465. .filter-status:first-of-type + .filter-switches:hover ,
  466. .filter-status:first-of-type:hover + .filter-switches ,
  467. .filter-status:first-of-type + .filter-switches {
  468.     position: fixed !important;
  469.     width: 190px !important;
  470.     left: calc(84.3%) !important;
  471.     top: 88px !important;
  472.     border-radius: 0 0 5px 5px !important;
  473.     background: #B38C25 !important;
  474.     z-index: 50000 !important;
  475. }
  476. .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  477. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  478. display: none !important;
  479. }
  480. /* .filter-on, .filter-off {
  481.     display: inline-block;
  482.     width: 190px !important;
  483. } */
  484. :hover > .filter-switches a ,
  485. .filter-switches  a ,
  486. #main-header  .width-constraint + .filter-status ~  .filter-switches a ,
  487. #Frame #Head.Head .filter-switches a
  488. #script-content .filter-switches  a {
  489.     display: inline-block  !important;
  490.     width: 160px !important;
  491.     height: 15px !important;
  492.     line-height: 15px !important;
  493.     margin-top: -2px !important;
  494.     bottom: 0px !important;
  495.     margin-left: 0px !important;
  496.     font-size: 14px !important;
  497. color: white !important;
  498.     cursor: pointer !important;
  499. }
  500.  
  501. /* :hover > .filter-switches a.filter-on ,
  502. :hover > .filter-switches a.filter-off ,
  503. #main-header:not(:hover)> .filter-switches a.filter-on ,
  504. #main-header:not(:hover)> .filter-switches a.filter-off {
  505.     color: white !important;
  506. } */
  507. /* :hover > #script-content .filter-switches  a.filter-on ,
  508. :hover > #script-content .filter-switches  a.filter-off {
  509.     color: peru !important;
  510. } */
  511. #Frame #Head.Head .filter-switches a {
  512.     color: white !important;
  513. }
  514.  
  515. .ui-widget {
  516.     position: fixed !important;
  517.     width: 190px !important;
  518.     top: 175px !important;
  519.     left: calc(84.5%) !important;
  520. }
  521. .ui-widget #myform {
  522.     width: 185px !important;
  523. }
  524.  
  525. .ui-widget #myform input#authors {
  526.     width: 180px !important;
  527. }
  528. .dropdown {
  529.     position: fixed !important;
  530.     width: 185px !important;
  531.     left: calc(84.5%) !important;
  532.     top: 228px !important
  533. }
  534.  
  535. .dropbtn {
  536.     width: 185px !important;
  537.     padding: 5px 0px 5px 20px !important;
  538. }
  539. .dropdown-content {
  540.     width: 185px !important;
  541.     height: 400px !important;
  542.     padding: 16px 0px 5px 0px !important;
  543.     background-color: #222 !important;
  544. }
  545. #myDropdown.dropdown-content a {
  546.     padding: 1px 0px 2px 5px !important;
  547.     font-size: 15px !important;
  548.     color: gray !important;
  549.     background-color: #333 !important;
  550.     text-align: left !important;
  551.     cursor: default !important;
  552. }
  553. #myDropdown.dropdown-content a:hover {
  554.     font-size: 15px !important;
  555.     color: gold !important;
  556.     background-color: #222 !important;
  557. }
  558.  
  559. /* FILTER - ALL COMMENTS (on top)  */
  560. /* body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches a:first-of-type */
  561.  
  562. .dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
  563. .dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
  564.     position: fixed !important;
  565.     display: inline-block !important;
  566.     left: calc(85.56%) !important;
  567.     top: 232px !important;
  568.     padding: 3px !important;
  569.     border-radius: 100% !important;
  570.     text-align: center !important;
  571. }
  572.  
  573. /* for FITTER SCRIPT */
  574. .width-constraint + .filter-status {
  575.     position: fixed !important;
  576.     width: 190px !important;
  577. /* left: calc(86.7%) !important; */
  578. }
  579. .width-constraint + .filter-status + .filter-switches {
  580. /* left: calc(87%) !important; */
  581. }
  582. .width-constraint + .filter-status + .filter-switches a {
  583.     margin-left: 10px !important;
  584. }
  585.  
  586. /* (new94) FITER COMMENTS on USER PROFILE - CONTAINER - === */
  587. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
  588.     background: #222;
  589.     display: inline-block;
  590.     position: absolute;
  591.     right: 110px;
  592.     width: 189px;
  593.     top: 91px;
  594.     text-align: center;
  595. }
  596. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
  597.     left: calc(84.5%);
  598.     top: 195px !important;
  599.     width: 190px;
  600. }
  601.  
  602.  
  603. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
  604.     left: calc(84.5%);
  605.     top: 241px !important;
  606.     width: 185px;
  607. }
  608.  
  609. /* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  610. .Button.Danger.BigButton.ClearConversation {
  611.     display: block;
  612.     font-size: 11px!important;
  613.     font-weight: bold;
  614.     margin: 0 0 10px;
  615.     padding: 8px 10px;
  616.     text-align: center;
  617. }
  618.  
  619. /* ALL SITES PAGE -
  620. https://greasyfork.org/en/scripts/by-site
  621. === */
  622. #by-site-list li[style="font-size: 5.0em"] {
  623.     font-size: 3.28em  !important;
  624. }
  625. #by-site-list li[style="font-size: 5.0em"] a {
  626.     color: darkturquoise !important;
  627. }
  628.  
  629.  
  630. #by-site-list li[style="font-size: 4.07em"] {
  631.     font-size: 3.27em !important;
  632. }
  633. #by-site-list li[style="font-size: 4.07em"] a {
  634.     color: lightsalmon!important;
  635. }
  636.  
  637. #by-site-list li[style="font-size: 3.86em"] {
  638.     font-size: 3.26em !important;
  639. }
  640. #by-site-list li[style="font-size: 3.86em"] a {
  641.     color: darkturquoise !important;
  642. }
  643.  
  644. #by-site-list li[style="font-size: 2.86em"] {
  645.     font-size: 3.25em!important;
  646. }
  647. #by-site-list li[style="font-size: 2.86em"] a {
  648.     color: deepskyblue !important;
  649. }
  650.  
  651. #by-site-list li[style="font-size: 2.02em"] {
  652.     font-size: 3.24em!important;
  653. }
  654. #by-site-list li[style="font-size: 2.02em"] a {
  655.     color: darkturquoise !important;
  656. }
  657.  
  658. #by-site-list li[style="font-size: 2.1em"] {
  659.     font-size: 3.23em !important;
  660. }
  661. #by-site-list li[style="font-size: 2.1em"] a {
  662.     color: darkturquoise !important;
  663. }
  664.  
  665. #by-site-list li[style="font-size: 2.06em"] {
  666.     font-size: 3.22em !important;
  667. }
  668. #by-site-list li[style="font-size: 2.06em"] a {
  669.     color: deepskyblue !important;
  670. }
  671.  
  672. #by-site-list li[style="font-size: 1.99em"] {
  673.     font-size: 3.21em !important;
  674. }
  675. #by-site-list li[style="font-size: 1.99em"] a {
  676.     color: darkturquoise !important;
  677. }
  678.  
  679. #by-site-list li[style="font-size: 1.92em"] {
  680.     font-size: 3.20em !important;
  681. }
  682. #by-site-list li[style="font-size: 1.92em"] a {
  683.     color: darkturquoise !important;
  684. }
  685.  
  686. #by-site-list li[style="font-size: 1.87em"] {
  687.     font-size: 3.19em!important;
  688. }
  689. #by-site-list li[style="font-size: 1.87em"] a {
  690.     color: darkturquoise !important;
  691. }
  692.  
  693. #by-site-list li[style="font-size: 1.7em"] {
  694.     font-size: 3.18em!important;
  695. }
  696. #by-site-list li[style="font-size: 1.7em"] a {
  697.     color: darkturquoise !important;
  698. }
  699.  
  700. #by-site-list li[style="font-size: 1.66em"] {
  701.     font-size: 3.17em !important;
  702. }
  703. #by-site-list li[style="font-size: 1.66em"] a {
  704.     color: darkturquoise !important;
  705. }
  706.  
  707. #by-site-list li[style="font-size: 1.61em"] {
  708.     font-size: 3.16em !important;
  709. }
  710. #by-site-list li[style="font-size: 1.61em"] a {
  711.     color: deeppink !important;
  712. }
  713.  
  714. #by-site-list li[style="font-size: 1.5em"] {
  715.     font-size: 3.15em !important;
  716. }
  717. #by-site-list li[style="font-size: 1.5em"] a {
  718.     color: darkturquoise !important;
  719. }
  720.  
  721. #by-site-list li[style="font-size: 1.4em"] {
  722.     font-size: 3.14em !important;
  723. }
  724. #by-site-list li[style="font-size: 1.4em"] a {
  725.     color: darkturquoise !important;
  726. }
  727.  
  728. #by-site-list li[style="font-size: 1.41em"] {
  729.     font-size: 3.13em !important;
  730. }
  731. #by-site-list li[style="font-size: 1.41em"] a {
  732.     color: deeppink !important;
  733. }
  734.  
  735. #by-site-list li[style="font-size: 1.3em"] {
  736.     font-size: 3.12em !important;
  737. }
  738. #by-site-list li[style="font-size: 1.3em"] a {
  739. color: deeppink !important;
  740. }
  741.  
  742. #by-site-list li[style="font-size: 1.39em"] {
  743.     font-size: 3.11em !important;
  744. }
  745. #by-site-list li[style="font-size: 1.39em"] a {
  746.     color: darkturquoise !important;
  747. }
  748.  
  749. #by-site-list li[style="font-size: 1.38em"] {
  750.     font-size: 3.10em!important;
  751. }
  752. #by-site-list li[style="font-size: 1.38em"] a {
  753.     color: darkturquoise !important;
  754. }
  755.  
  756. #by-site-list li[style="font-size: 1.35em"] {
  757.     font-size: 3.09em !important;
  758. }
  759. #by-site-list li[style="font-size: 1.35em"] a {
  760. color: darkturquoise !important;
  761. }
  762.  
  763. #by-site-list li[style="font-size: 1.34em"] {
  764.     font-size: 3.08em !important;
  765. }
  766. #by-site-list li[style="font-size: 1.34em"] a {
  767.     color: darkturquoise !important;
  768. }
  769.  
  770. #by-site-list li[style="font-size: 1.32em"] {
  771.     font-size: 3.07em !important;
  772. }
  773. #by-site-list li[style="font-size: 1.32em"] a {
  774.     color: darkturquoise !important;
  775. }
  776.  
  777. #by-site-list li[style="font-size: 1.31em"] {
  778.     font-size: 3.06em !important;
  779. }
  780. #by-site-list li[style="font-size: 1.31em"] a {
  781.     color: darkturquoise !important;
  782. }
  783.  
  784. #by-site-list li[style="font-size: 1.29em"] {
  785.     font-size: 3.05em !important;
  786. }
  787. #by-site-list li[style="font-size: 1.29em"] a {
  788.     color: deeppink !important;
  789. }
  790.  
  791. #by-site-list li[style="font-size: 1.26em"] {
  792.     font-size: 3.04em !important;
  793. }
  794. #by-site-list li[style="font-size: 1.26em"] a {
  795.     color: darkturquoise !important;
  796. }
  797.  
  798.  
  799. #by-site-list li[style="font-size: 1.23em"] {
  800.     font-size: 3.03em !important;
  801. }
  802. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  803.     color: lightcyan !important;
  804. }
  805. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  806.     color: wheat !important;
  807. }
  808.  
  809.  
  810. #by-site-list li[style="font-size: 1.21em"] {
  811.     font-size: 3.02em !important;
  812. }
  813. #by-site-list li[style="font-size: 1.21em"] a {
  814.     color: deeppink !important;
  815. }
  816.  
  817. #by-site-list li[style="font-size: 1.08em"] {
  818.     font-size: 3.01em !important;
  819. }
  820. #by-site-list li[style="font-size: 1.08em"] a {
  821.     color: darkturquoise !important;
  822. }
  823.  
  824. #by-site-list li[style="font-size: 1.07em"] {
  825.     font-size: 3.00em !important;
  826. }
  827. #by-site-list li[style="font-size: 1.07em"] a {
  828.     color: darkturquoise !important;
  829. }
  830.  
  831. #by-site-list li[style="font-size: 1.05em"] {
  832.     font-size: 2.99em  !important;
  833. }
  834. #by-site-list li[style="font-size: 1.05em"] a {
  835.     color: darkturquoise !important;
  836. }
  837.  
  838. #by-site-list li[style="font-size: 1.0em"] {
  839.     font-size: 2.98em  !important;
  840. }
  841. #by-site-list li[style="font-size: 1.0em"] a {
  842.     color: darkturquoise !important;
  843. }
  844.  
  845. #by-site-list li[style="font-size: 1.01em"] {
  846.     font-size: 2.97em  !important;
  847. }
  848. #by-site-list li[style="font-size: 1.01em"] a {
  849.     color: darkturquoise !important;
  850. }
  851.  
  852.  
  853. #by-site-list li[style="font-size: 0.6em"] {
  854.     font-size: 1em !important;
  855. }
  856. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  857.     color: lightblue!important;
  858. }
  859. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  860.     color: aquamarine !important;
  861. }
  862. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  863.     color: tomato !important;
  864. }
  865. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  866.     color: powderblue !important;
  867. }
  868. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  869.     color: greenyellow !important;
  870. }
  871.  
  872.  
  873.  
  874. #by-site-list li[style="font-size: 0.61em"]{
  875.     font-size: 1.1em !important;
  876. }
  877. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  878.     color: turquoise !important;
  879. }
  880. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  881.     color: azure !important;
  882. }
  883. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  884.     color: mediumvioletred !important;
  885. }
  886.  
  887.  
  888.  
  889. #by-site-list li[style="font-size: 0.62em"]{
  890.     font-size: 1.2em !important;
  891. }
  892. #by-site-list li[style="font-size: 0.62em"] a {
  893.     color: blueviolet !important;
  894. }
  895. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  896.     color: cornflowerblue !important;
  897. }
  898. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  899.     color: peachpuff !important;
  900. }
  901. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  902.     color: tomato !important;
  903. }
  904. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  905.     color: powderblue !important;
  906. }
  907. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  908.     color: greenyellow !important;
  909. }
  910.  
  911.  
  912. #by-site-list li[style="font-size: 0.63em"]{
  913.     font-size: 1.3em !important;
  914. }
  915. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  916.     color: lightsalmon !important;
  917. }
  918. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  919.     color: darkcyan !important;
  920. }
  921.  
  922.  
  923.  
  924. #by-site-list li[style="font-size: 0.64em"]{
  925.     font-size: 1.4em !important;
  926. }
  927. #by-site-list li[style="font-size: 0.64em"] a {
  928.     color: peru !important;
  929. }
  930. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  931.     color: deepskyblue !important;
  932. }
  933. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  934.     color: dodgerblue !important;
  935. }
  936. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  937.     color: tomato !important;
  938. }
  939. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  940.     color: powderblue !important;
  941. }
  942. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  943.     color: greenyellow !important;
  944. }
  945.  
  946. #by-site-list li[style="font-size: 0.65em"]{
  947.     font-size: 1.5em !important;
  948. }
  949. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  950.     color: violet !important;
  951. }
  952. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  953.     color: goldenrod !important;
  954. }
  955.  
  956.  
  957. #by-site-list li[style="font-size: 0.66em"]{
  958.     font-size: 1.6em !important;
  959. }
  960. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  961.     color: greenyellow !important;
  962. }
  963. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  964.     color: indianred !important;
  965. }
  966.  
  967.  
  968. #by-site-list li[style="font-size: 0.67em"]{
  969.     font-size: 1.7em !important;
  970. }
  971. #by-site-list li[style="font-size: 0.67em"] a {
  972.     color: lawngreen !important;
  973. }
  974.  
  975.  
  976.  
  977. #by-site-list li[style="font-size: 0.68em"]{
  978.     font-size: 1.8em !important;
  979. }
  980. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  981.     color: lightblue !important;
  982. }
  983. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  984.     color: lavender !important;
  985. }
  986. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  987.     color: tomato !important;
  988. }
  989. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  990.     color: powderblue !important;
  991. }
  992. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  993.     color: greenyellow !important;
  994. }
  995.  
  996.  
  997.  
  998. #by-site-list li[style="font-size: 0.69em"]{
  999.     font-size: 1.9em !important;
  1000. }
  1001. #by-site-list li[style="font-size: 0.69em"] a {
  1002.     color: lemonchiffon !important;
  1003. }
  1004.  
  1005.  
  1006. #by-site-list li[style="font-size: 0.7em"]{
  1007.     font-size: 2em !important;
  1008. }
  1009. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  1010.     color: thistle !important;
  1011. }
  1012. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  1013.     color:  blanchedalmond !important;
  1014. }
  1015.  
  1016.  
  1017. #by-site-list li[style="font-size: 0.71em"]{
  1018.     font-size: 2.1em !important;
  1019. }
  1020. #by-site-list li[style="font-size: 0.71em"] a {
  1021.     color: antiquewhite !important;
  1022. }
  1023.  
  1024. #by-site-list li[style="font-size: 0.72em"]{
  1025.     font-size: 2.2em !important;
  1026. }
  1027. #by-site-list li[style="font-size: 0.72em"] a {
  1028.     color: aqua !important;
  1029. }
  1030.  
  1031. #by-site-list li[style="font-size: 0.73em"]{
  1032.     font-size: 2.3em !important;
  1033. }
  1034. #by-site-list li[style="font-size: 0.73em"] a {
  1035.     color: aquamarine !important;
  1036. }
  1037.  
  1038. #by-site-list li[style="font-size: 0.74em"]{
  1039.     font-size: 2.4em !important;
  1040. }
  1041. #by-site-list li[style="font-size: 0.74em"] a {
  1042.     color: bisque !important;
  1043. }
  1044.  
  1045.  
  1046. #by-site-list li[style="font-size: 0.75em"]{
  1047.     font-size: 2.5em !important;
  1048. }
  1049. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  1050.     color: darkgray !important;
  1051. }
  1052. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  1053.     color: palevioletred !important;
  1054. }
  1055.  
  1056.  
  1057.  
  1058. #by-site-list li[style="font-size: 0.76em"]{
  1059.     font-size: 2.6em !important;
  1060. }
  1061. #by-site-list li[style="font-size: 0.76em"] a {
  1062. color: darkcyan !important;
  1063. }
  1064.  
  1065. #by-site-list li[style="font-size: 0.77em"]{
  1066.     font-size: 2.7em !important;
  1067. }
  1068. #by-site-list li[style="font-size: 0.77em"] a {
  1069.     color: darkorange !important;
  1070. }
  1071.  
  1072. #by-site-list li[style="font-size: 0.78em"]{
  1073.     font-size: 2.8em !important;
  1074. }
  1075. #by-site-list li[style="font-size: 0.78em"] a {
  1076.     color: crimson !important;
  1077. }
  1078.  
  1079. #by-site-list li[style="font-size: 0.79em"]{
  1080.     font-size: 2.9em !important;
  1081. }
  1082. #by-site-list li[style="font-size: 0.79em"] a {
  1083.     color: cornsilk  !important;
  1084. }
  1085.  
  1086. /* ==== > 2.91em ===  */
  1087.  
  1088. #by-site-list li[style="font-size: 0.8em"]{
  1089.     font-size: 2.91em !important;
  1090. }
  1091. #by-site-list li[style="font-size: 0.8em"] a {
  1092.     color: cornflowerblue  !important;
  1093. }
  1094.  
  1095. #by-site-list li[style="font-size: 0.81em"]{
  1096.     font-size: 2.92em !important;
  1097. }
  1098. #by-site-list li[style="font-size: 0.81em"] a {
  1099.     color: coral  !important;
  1100. }
  1101.  
  1102. #by-site-list li[style="font-size: 0.82em"]{
  1103.     font-size: 2.93em !important;
  1104. }
  1105. #by-site-list li[style="font-size: 0.82em"] a {
  1106.     color: chocolate !important;
  1107. }
  1108.  
  1109. #by-site-list li[style="font-size: 0.83em"]{
  1110.     font-size: 2.94em !important;
  1111. }
  1112. #by-site-list li[style="font-size: 0.83em"] a {
  1113.     color: chartreuse !important;
  1114. }
  1115.  
  1116.  
  1117.  
  1118. #by-site-list li[style="font-size: 0.85em"]{
  1119.     font-size: 2.945em !important;
  1120. }
  1121. #by-site-list li[style="font-size: 0.85em"] a {
  1122.     color: cadetblue !important;
  1123. }
  1124. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  1125.     color: orangered!important;
  1126. }
  1127. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  1128.     color: indianred !important;
  1129. }
  1130. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  1131.     color: tomato !important;
  1132. }
  1133. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  1134.     color: mediumturquoise !important;
  1135. }
  1136. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  1137.     color: greenyellow !important;
  1138. }
  1139.  
  1140.  
  1141.  
  1142. #by-site-list li[style="font-size: 0.89em"] {
  1143.     font-size: 2.96em !important;
  1144. }
  1145. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  1146.     color: darkturquoise !important;
  1147. }
  1148. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  1149.     color: mediumorchid !important;
  1150. }
  1151.  
  1152. #by-site-list li[style="font-size: 0.99em"] {
  1153.     font-size: 2.965em !important;
  1154. }
  1155. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  1156.     color: darkturquoise !important;
  1157. }
  1158. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  1159.     color: mediumorchid !important;
  1160. }
  1161.  
  1162.  
  1163.  
  1164.  
  1165. /* GREASEY FORK - LIGHTBOX - POSITION -
  1166. https://greasyfork.org/fr/scripts/7732-custom-styles-kaskus
  1167. https://greasyfork.org/fr/scripts/7863-gmail-delete-highlight
  1168. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  1169. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables
  1170. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1171. HEIGHT ++ : https://greasyfork.org/en/scripts/7275-pinterest-add-ons
  1172.  
  1173. ALT (alt="Capture" title="YES" style="">):
  1174. - https://greasyfork.org/fr/scripts/7483-fa-content-filter
  1175.  
  1176. ALT (alt="Capture" title="NO" style="">):
  1177. - https://greasyfork.org/fr/scripts/7827-auto-open
  1178. - https://greasyfork.org/fr/scripts/7828-cleaner-androidpolice-ap2
  1179. === */
  1180. /* ============  SOURCE - SUPP "Source" -
  1181. La propriété de feuille de style clip css peut prendre la valeur de :
  1182. - auto, s'adapte au contenu,
  1183. - rect(v1, v2, v3, v4) :
  1184. v1 début de la zone visible verticale,
  1185. v2 fin de la zone visible horizontale,
  1186. v3 fin de la zone visible verticale,
  1187. v4 début de la zone visible horizontale.
  1188. L'unité "%" ne semble pas être acceptée.
  1189. - inherit, hérite de son parent
  1190. EXEMPLE :
  1191.     clip: rect(0px, 185px, 25px , 54px)!important;
  1192. ================== */
  1193. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  1194.     position: relative !important;
  1195.     display: inline-block !important;
  1196.     float: right !important;
  1197.     clear: both !important;
  1198.     content: " 🔻 Preview 🔻 " !important;
  1199.     height: 15px !important;
  1200.     line-height: 12px !important;
  1201.     width: 140px!important;
  1202.     margin-top: -63px!important;
  1203.     margin-right: -83px !important;
  1204.     border-right: 1px solid peru !important;
  1205.     border-left: 1px solid peru !important;
  1206.     border-top: 1px solid peru !important;
  1207.     transform: rotate(90deg) !important;
  1208.     text-align: center !important;
  1209.     letter-spacing: 1.7px;
  1210.     background: black !important;
  1211.     z-index: 5000 !important;
  1212.     border: 1px solid gold !important;
  1213. }
  1214.  
  1215. /* ===
  1216. CLIP:
  1217.  rect (top, right, bottom, left)
  1218. image:clip:rect(0px,60px,200px,0px);
  1219. === */
  1220. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  1221.     position: absolute!important;
  1222.     display: inline-block!important;
  1223.     height: 130px !important;
  1224.     width: 97.5%!important;
  1225.     top: -160px!important;
  1226.     text-align: right!important;
  1227.     border: 1px solid peru !important;
  1228.     background-color: transparent!important;
  1229.     background: black !important;
  1230.     clip: rect(0px, 990px, 145px , 945px)!important;
  1231.     transition: all ease 1.5s !important;
  1232. }
  1233. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  1234.     background: red !important;
  1235.     clip: rect(0px, 947px, 145px , 0px)!important;
  1236.     z-index: 5000!important;
  1237. }
  1238.  
  1239. .script-screenshots .fancybox {
  1240.     position: relative !important;
  1241.     display: inline-block !important;
  1242.     float: right !important;
  1243.     clear:left !important;
  1244.     height: 120px !important;
  1245.     width: 160px!important;
  1246.     margin-right: 5px!important;
  1247.     margin-left: 5px !important;
  1248. }
  1249. .script-screenshots .fancybox:not([title=""]):after {
  1250.     content: attr(title) !important;
  1251.     position: relative !important;
  1252.     display: inline-block !important;
  1253.     height: 10px !important;
  1254.     line-height: 10px !important;
  1255.     width: 145px!important;
  1256.     float: right !important;
  1257.     clear: both !important;
  1258.     margin-right: 0px !important;
  1259.     margin-top: 5px!important;
  1260.     padding: 2px 5px !important;
  1261.     border-radius: 5px !important;
  1262.     font-size: 10px !important;
  1263.     text-align: left !important;
  1264.     text-overflow: ellipsis !important;
  1265.     white-space: nowrap !important;
  1266.     overflow: hidden !important;
  1267.     background: #333 !important;
  1268. }
  1269.  
  1270.  
  1271. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  1272. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  1273. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  1274. ==== */
  1275. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  1276.     display: inline-block !important;
  1277. }
  1278. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  1279.     position: relative !important;
  1280.     display: inline-block !important;
  1281.     height: 100% !important;
  1282.     min-height: 100px !important;
  1283.     max-height: 100px !important;
  1284.     max-width: 98% !important;
  1285.     margin: 0 auto !important;
  1286.     border: 1px solid orange !important;
  1287.     border-radius: 3px;
  1288.     box-shadow: 5px 5px 2px #181818 !important;
  1289.     color: yellow !important;
  1290. /* font-size: 0 !important; */
  1291.     padding: 2px !important;
  1292.     background-color: #2b2b2b !important;
  1293. }
  1294.  
  1295. /* TEST - GM - LANG FILTER -
  1296. https://greasyfork.org/fr/scripts/3043-greasyfork-org-langfilter
  1297. PB compatibility with TS CITRUS in SCRIPTS LIST
  1298. === */
  1299. #greazy-forq-info  {
  1300.     background: rgba(255, 255, 255, 0.55);
  1301.     color: #670000;
  1302.     cursor: pointer;
  1303.     left: 2px;
  1304.     position: fixed;
  1305.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  1306.     top: 2px;
  1307.     z-index: 5000!important;
  1308. }
  1309. li.greazy-forq-hiden ,
  1310. .greazy-forq-hiden {
  1311.     border-width: 1px 0 1px 9px !important;
  1312. }
  1313. /* USERSTYLES - - STYLE INFOS for TXT in "small"
  1314. https://userstyles.org/styles/109335/greasyfork-wide-scriptlist
  1315. === */
  1316. #additional-info-text small {
  1317.     color: #acaeb5 !important;
  1318.     font-size: 12px!important;
  1319. }
  1320.  
  1321. /* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  1322. .good-rating-count,
  1323. .ok-rating-count,
  1324. .bad-rating-count {
  1325.     border-radius: 2px!important;
  1326.     display: inline-block !important;
  1327.     min-width: 15px!important;
  1328.     height: 13px !important;
  1329.     line-height: 11px !important;
  1330.     padding: 0px 2px !important;
  1331.     margin-right: 2px!important;
  1332.     margin-left: -2px!important;
  1333.     text-align: center !important;
  1334. text-indent: 0px !important;
  1335. }
  1336. .total-rating-count  {
  1337.     display: table-cell !important;
  1338. /*     display: inline-block; */
  1339.     width: 100% !important;
  1340. /* min-width: 100% !important; */
  1341. /* max-width: 100% !important; */
  1342.     height: 13px !important;
  1343.     line-height: 13px !important;
  1344.     padding: 0px 2px !important;
  1345.     border-radius: 2px!important;
  1346. }
  1347.  
  1348. /* USERSTYLES COMMENT FORM -
  1349. https://forum.userstyles.org/discussion/48485/how-do-i-remove-pop-ups-in-lower-left-corner-in-firefox#latest
  1350. === */
  1351. .Form-HeaderWrap {
  1352.     margin-left: -71px !important;
  1353. }
  1354. .MessageForm .H {
  1355. text-indent: 30px !important;
  1356. }
  1357. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author {
  1358.     position: absolute !important;
  1359.     margin-left: 51px !important;
  1360.     margin-top: -50px !important;
  1361. }
  1362. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap {
  1363.     height: 30px !important;
  1364.     width: 30px !important;
  1365. }
  1366. .CommentFormWrap .Form-HeaderWrap .Form-Header .Author .PhotoWrap img.ProfilePhotoMedium {
  1367.     height: 30px !important;
  1368.     width: 30px !important;
  1369. }
  1370.  
  1371. #Form_Comment {
  1372.     width: 701px !important;
  1373.     margin-left: -143px !important;
  1374.     margin-top: -10px !important;
  1375.     padding-left: 72px !important;
  1376. }
  1377. textarea#Form_Body.textarea-autosize {
  1378.     height: 138px;
  1379.     min-height: 50px;
  1380.     min-width: 675px !important;
  1381.     overflow: hidden;
  1382.     resize: vertical !important;
  1383.     word-wrap: break-word;
  1384. }
  1385.  
  1386. /* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
  1387. .RadioLabel[for="Form_Format"] {
  1388.     display: inline-block!important;
  1389.     width: 116px !important;
  1390.     border: 1px solid green !important;
  1391.     margin-bottom: 2px !important;
  1392. }
  1393. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
  1394. .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1395.     content: "Les éléments et attributs suivants sont autorisés.  \A \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A \A * (name, title) | a (href) | abbr | b | \A blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A  img (alt, height, src (https), width) |  \A kbd | li | mark | ol | p | pre | q (cite) |  \A rp | rt | ruby | s | samp | small | span | strike |  \A strong | tt | table | tbody | tfoot | thead | \A  td | th | tr | sub | sup |  \A time (datetime, pubdate) | u | ul | var \A \A Les sauts de ligne seront transformés en éléments <p> ou <br>. \A  \A Les URL seront automatiquement transformées en liens." !important;
  1396.     position: absolute !important;
  1397.     display: inline-block !important;
  1398.     width: 659px !important;
  1399.     height: 325px !important;
  1400.     margin-top: -338px !important;
  1401.     margin-left: -40px !important;
  1402.     padding: 5px !important;
  1403.     color: peru !important;
  1404.     border-radius: 4px 4px 20px 20px !important;
  1405.     background: black !important;
  1406.     white-space: pre-line !important;
  1407.     z-index: 500 !important;
  1408.     opacity: 1 !important;
  1409.     overflow:hidden !important;
  1410.     overflow-y: auto !important;
  1411.     transition: all 0.7s!important;
  1412.     transition: all ease 0.7s !important;
  1413.     border: 4px solid GREEN !important;
  1414. }
  1415.  
  1416. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1417. #vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1418.     position: absolute !important;
  1419.     display: inline-block !important;
  1420.     width: 430px !important;
  1421.     height: 500px !important;
  1422.     top: 460px !important;
  1423.     left: 40px !important;
  1424.     border: 4px DOTTED GREEN !important;
  1425. }
  1426.  
  1427.  
  1428.  
  1429.  
  1430. /* HTLM WITH GM */
  1431. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
  1432.     display: none !important;
  1433. }
  1434. /* .bodybox-wrap:hover:after , */
  1435. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
  1436.     content: "Les éléments et attributs suivants sont autorisés.  \A \A Cela s'applique à la fois au HTML et au Markdown \A (après conversion en HTML)  \A \A * (name, title) | a (href) | abbr | b | \A blockquote (cite) | br | center | cite |  \A code | dd | del | dfn |  div | dl | dt | em |  \A h1 | h2 | h3 | h4 | h5 | h6 | hr | i | ins | \A  img (alt, height, src (https), width) |  \A kbd | li | mark | ol | p | pre | q (cite) |  \A rp | rt | ruby | s | samp | small | span | strike |  \A strong | tt | table | tbody | tfoot | thead | \A  td | th | tr | sub | sup |  \A time (datetime, pubdate) | u | ul | var \A \A Les sauts de ligne seront transformés en éléments <p> ou <br>. \A  \A Les URL seront automatiquement transformées en liens." !important;
  1437.     position: absolute !important;
  1438.     display: inline-block !important;
  1439.     width: 638px !important;
  1440.     height: 400px !important;
  1441.     margin-top: -398px !important;
  1442.     margin-left: -40px !important;
  1443.     padding: 5px !important;
  1444.     color: peru !important;
  1445.     border: 1px dotted GREEN !important;
  1446.     border-radius: 4px 4px 0px 20px !important;
  1447.     background: black !important;
  1448.     white-space: pre-line !important;
  1449.     z-index: 500 !important;
  1450.     opacity: 1 !important;
  1451.     overflow:hidden !important;
  1452.     overflow-y: auto !important;
  1453.     transition: all 0.7s!important;
  1454.     transition: all ease 0.7s !important;
  1455. }
  1456.  
  1457.  
  1458. /* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
  1459. https://greasyfork.org/scripts/6779
  1460. .bodybox-wrap .RadioLabel[for="Form_Format1"] a
  1461. === */
  1462. /* .RadioLabel[for="Form_Format1"]:hover , */
  1463. .RadioLabel[for="Form_Format1"] {
  1464.     position: relative !important;
  1465.     display: inline-block !important;
  1466.     width: 130px !important;
  1467.     border: 1px solid YELLOW !important;
  1468. }
  1469.  
  1470. /* (new60) NEDD CONVERT for Addstylish lib -  MARKDOWN - WITH GM */
  1471. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
  1472.     content: "Quick reference guide to the rest of the Markdown syntax.  \A \25B6 Headers with ( # )  :   \A # Level one header #   \A ### Level three header ###  \A Headers continue as you’d imagine, with extra hashes.  \A \25B6 Links  with ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 Blockquote with ( > ):  \A > This is quoted   \A \25B6 Code :   \A Indent text at least 4 spaces for all formatting in it to be ignored.  \A # This isn't displayed as header, because it is indented 4 spaces  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Lists  \A \25B6 Unordered lists : use *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 Ordered lists : use number followed by period.  \A 1. with  \A 1. numbers  \A  \25B6 Horizontal lines with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A _italic_ or *italic*  \A __bold__ or **bold**  \A \25B6 Escaping :  \A If you don’t want some of these rules to apply,   \A they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A This is /\*/\*not/\*/\* in bold." !important;
  1473.     position: absolute !important;
  1474.     display: inline-block !important;
  1475.     width: 500px !important;
  1476.     height: 390px !important;
  1477.     margin-top: -398px !important;
  1478.     margin-left: -66px !important;
  1479.     padding: 10px !important;
  1480.     color: peru !important;
  1481.     border: 1px dotted YELLOW !important;
  1482.     border-radius: 4px 4px 0px 20px !important;
  1483.     background: black !important;
  1484.     white-space: pre-line !important;
  1485.     z-index: 500 !important;
  1486.     opacity: 1 !important;
  1487.     visibility: visible !important;
  1488.     overflow:hidden !important;
  1489.     overflow-y: auto !important;
  1490.     transition: all 0.7s!important;
  1491. }
  1492.  
  1493. /* HTLM WITH GM */
  1494. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
  1495. display: none !important;
  1496. }
  1497. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
  1498. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1499.     content: "Quick reference guide to the rest of the Markdown syntax.  \A \25B6 Headers with ( # )  :   \A # Level one header #   \A ### Level three header ###  \A Headers continue as you’d imagine, with extra hashes.  \A \25B6 Links  with ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 Blockquote with ( > ):  \A > This is quoted   \A \25B6 Code :   \A Indent text at least 4 spaces for all formatting in it to be ignored.  \A # This isn't displayed as header, because it is indented 4 spaces  \A Or inline:  \A Inline code is `escaped` with backticks (`) \A \25B6 Lists  \A \25B6 Unordered lists : use *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 Ordered lists : use number followed by period.  \A 1. with  \A 1. numbers  \A  \25B6 Horizontal lines with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A A single underscore ( _ )or asterix ( * ) is italic, two is bold :   \A _italic_ or *italic*  \A __bold__ or **bold**  \A \25B6 Escaping :  \A If you don’t want some of these rules to apply,   \A they can be escaped   \A by preceding the special character with a backslash ( /\ ):  \A This is /\*/\*not/\*/\* in bold." !important;
  1500.     position: absolute !important;
  1501.     display: inline-block !important;
  1502.     width: 520px !important;
  1503.     height: 320px !important;
  1504.     margin-top: -342px !important;
  1505.     margin-left: -66px !important;
  1506.     padding: 10px !important;
  1507.     color: peru !important;
  1508.     border-radius: 4px 4px 20px 20px !important;
  1509.     white-space: pre-line !important;
  1510.     z-index: 500 !important;
  1511.     opacity: 1 !important;
  1512.     visibility: visible !important;
  1513.     overflow:hidden !important;
  1514.     overflow-y: auto !important;
  1515.     transition: all 0.7s!important;
  1516.     border: 4px solid YELLOW !important;
  1517.     background: black !important;
  1518. }
  1519. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1520. #vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1521.     position: absolute !important;
  1522.     display: inline-block !important;
  1523.     width: 420px !important;
  1524.     height: 500px !important;
  1525.     margin-left: 80px !important;
  1526.     top: 255px !important;
  1527.     left: -525px !important;
  1528.     font-size: 12px !important;
  1529.     border: 4px DOTTED YELLOW !important;
  1530. }
  1531.  
  1532. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  1533. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  1534. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  1535. visibility: hidden !important;
  1536.     opacity: 0!important;
  1537. }
  1538.  
  1539. /* (new66) PROFILE INFOS - without sript - === */
  1540. #main-header + .width-constraint .text-content #user-profile + section header {
  1541.     margin-bottom: 2px !important;
  1542.     margin-top: -18px !important;
  1543. }
  1544. /* (new76) PROFILE INFOS - CITRUS */
  1545. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  1546.     margin-bottom: 2px !important;
  1547.     margin-top: -9px !important;
  1548. }
  1549. .width-constraint #script-list-option-groups.list-option-groups + header {
  1550.     display: inline-block !important;
  1551.     float: right !important;
  1552.     width: 778px !important;
  1553.     min-height: 25px !important;
  1554.     max-height: 25px !important;
  1555.     line-height: 0px !important;
  1556.     margin-right: -26px !important;
  1557.     margin-top: 0px !important;
  1558. /* margin-bottom: -37px !important; */
  1559. /* background: red !important; */
  1560. }
  1561. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  1562.     display: inline-block !important;
  1563.     width: 779px !important;
  1564.     min-height: 25px !important;
  1565.     max-height: 25px !important;
  1566.     line-height: 20px !important;
  1567.     margin-top: -3px !important;
  1568. /* margin-bottom: -37px !important; */
  1569.     text-align: center !important;
  1570. background: #222 !important;
  1571. }
  1572. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  1573.     display: inline-block !important;
  1574.     float: right !important;
  1575.     width: 778px !important;
  1576.     min-height: 844px !important;
  1577.     margin-top: 25px !important;
  1578.     margin-right: -29px !important;
  1579. }
  1580.  
  1581.  
  1582. /* (new94) USER PROFILE - === */
  1583. .script-list,
  1584. .user-list,
  1585. .text-content {
  1586.     display: inline-block !important;
  1587. /* width: 100% !important; */
  1588.     margin-top: 0px !important;
  1589.     box-shadow: 3px 3px 2px black !important;
  1590.     background-color: #222 !important;
  1591. }
  1592. #user-profile>p {
  1593.     margin-top: 0 !important;
  1594. }
  1595. .text-content {
  1596. width: 100% !important;
  1597. }
  1598.  
  1599. .white-panel,
  1600. #user-discussions-on-scripts-written,
  1601. #control-panel,
  1602. #user-profile {
  1603.     background-color: transparent !important;
  1604. }
  1605.  
  1606. /* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE -
  1607. https://greasyfork.org/fr/users/8-decembre?sort=updated
  1608. https://greasyfork.org/fr/users/2482-lazza?sort=updated
  1609. === */
  1610. body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
  1611. body[pagetype="UserProfile"] #main-header + .width-constraint {
  1612.     margin-top: 45px !important;
  1613.     max-width: 980px !important;
  1614. background: #222 !important;
  1615. }
  1616. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
  1617. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
  1618.     display: inline-block  !important;
  1619.     max-width: 980px !important;
  1620.     box-shadow: none !important;
  1621. }
  1622.  
  1623. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
  1624.     box-shadow: none !important;
  1625.     padding-bottom: 0 !important;
  1626. }
  1627. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
  1628.     padding: 0 0 0 10px !important;
  1629. }
  1630.  
  1631. /* (new73) FAVORIS SCRIPTS - without CITRUS */
  1632. .width-constraint section.text-content + section {
  1633.     margin-top: 25px !important;
  1634.     margin-bottom: 10px !important;
  1635. /* background: blue !important; */
  1636. }
  1637. .width-constraint section.text-content + section header {
  1638.     margin-top: -31px !important;
  1639.     margin-bottom: -10px !important;
  1640. }
  1641. #user-script-sets {
  1642.     margin-top: 0px !important;
  1643. padding-top: 10px !important;
  1644.     padding-left: 0px !important;
  1645. }
  1646.  
  1647.  
  1648. /* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
  1649. body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
  1650.     display: inline-block  !important;
  1651.     margin-top: -18px !important;
  1652. /* background: red !important; */
  1653. }
  1654. body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
  1655.     margin-top: -31px !important;
  1656.     margin-bottom: 10px !important;
  1657. }
  1658.  
  1659.  
  1660. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
  1661.  
  1662. #user-profile {
  1663.     display: inline-block !important;
  1664.     min-width: 910px;
  1665.     max-width: 910px;
  1666.     min-height: 21px!important;
  1667.     max-height: 21px!important;
  1668.     padding-bottom: 8px !important;
  1669.     padding-top: 2px !important;
  1670.     overflow: hidden!important;
  1671.     transition: all ease 0.2s !important;
  1672. /* background-color: red !important; */
  1673. }
  1674.  
  1675. body[pagetype="PersonalProfile"] #user-profile ,
  1676. body[pagetype="UserProfile"] #user-profile {
  1677.     display: inline-block !important;
  1678.     min-width: 930px;
  1679.     max-width: 930px;
  1680.     background-color: white;
  1681.     min-height: 21px!important;
  1682.     max-height: 21px!important;
  1683.     padding-bottom: 18px !important;
  1684.     padding-top: 0px !important;
  1685.     overflow: hidden!important;
  1686.     transition: all ease 0.2s !important;
  1687. }
  1688. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
  1689. #user-profile:hover {
  1690.     display: inline-block !important;
  1691.     min-height: 21px !important;
  1692.     max-height: 200px !important;
  1693.     background: black!important;
  1694.     overflow-y: auto !important;
  1695.     transition: all ease 0.7s !important;
  1696. }
  1697. body[pagetype="PersonalProfile"] #user-profile:hover ,
  1698. body[pagetype="UserProfile"] #user-profile:hover {
  1699.     display: inline-block !important;
  1700.     min-height: 21px !important;
  1701.     max-height: 200px !important;
  1702.     background: black!important;
  1703.     overflow-y: auto !important;
  1704.     transition: all ease 0.7s !important;
  1705. }
  1706.  
  1707.  
  1708. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
  1709.  
  1710. .width-constraint > .text-content #user-profile:after {
  1711.     position: absolute !important;
  1712.     display: inline-block !important;
  1713.     top: 107px !important;
  1714.     margin-left: -255px !important;
  1715.     content: " (hover it !)" !important;
  1716.     font-size: 9px !important;
  1717.     color: tomato !important;
  1718. /* background: red !important; */
  1719. }
  1720. body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
  1721.     top: 99px !important;
  1722.     margin-left: 0px !important;
  1723.     color: red !important;
  1724. }
  1725.  
  1726. body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
  1727.     top: 99px !important;
  1728.     margin-left: -220px !important;
  1729.     color: green !important;
  1730. }
  1731.  
  1732.  
  1733. /* A SUPP ?? */
  1734.  
  1735. #user-profile>h1:not(:hover){
  1736.     margin-bottom: -5px !important;
  1737. }
  1738. #user-profile>h1:not(:hover):after {
  1739.     margin-top: -3px !important;
  1740.     content: " (hover it !)" !important;
  1741.     font-size: 9px !important;
  1742.     color: tomato !important;
  1743. }
  1744. #user-profile>a:hover {
  1745.     color: tomato !important;
  1746. }
  1747. #user-discussions-on-scripts-written  {
  1748.     min-width: 930px !important;
  1749.     max-width: 930px !important;
  1750.     margin: auto !important;
  1751.     padding-bottom: 18px !important;
  1752.     padding-top: 0px !important;
  1753.     background-color: white;
  1754. }
  1755. #user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
  1756.     max-width: 385px !important;
  1757.     word-wrap: break-word !important;
  1758. }
  1759. .width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
  1760.     display: inline-block !important;
  1761.     float: left !important;
  1762.     margin-left: -15px !important;
  1763.     margin-top: 20px !important;
  1764. }
  1765.  
  1766.  
  1767. /* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK -
  1768. https://greasyfork.org/en/users/11263-azazello
  1769. https://greasyfork.org/en/users/3171-clickhappier?sort=updated
  1770. === */
  1771. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1772.     display: inline-block!important;
  1773.     margin-left: -13px !important;
  1774.     margin-bottom: 0 !important;
  1775. margin-top: -14px !important;
  1776.     padding-left: 6px !important;
  1777. }
  1778.  
  1779. /* CITRUS */
  1780. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1781.     display: inline-block!important;
  1782.     margin-left: -13px !important;
  1783. margin-top: 4px !important;
  1784.     padding-left: 6px !important;
  1785. }
  1786.  
  1787. #user-script-sets>li {
  1788.     display: inline-block !important;
  1789.     float: right ;
  1790.     clear: both ;
  1791.     width: 935px !important;
  1792.     line-height: 20px !important;
  1793.     margin-bottom: 2px !important;
  1794.     padding: 0 5px !important;
  1795.     text-indent: -18px !important;
  1796. }
  1797. #user-script-sets>li:nth-child(odd)  {
  1798.     background: #333 !important;
  1799. }
  1800. #user-script-sets>li:nth-child(even) {
  1801.     background: black !important;
  1802. }
  1803. #user-script-sets>li:hover {
  1804.     color: tomato !important;
  1805. }
  1806. #user-script-sets>li:before {
  1807.     content: " ▶   " ;
  1808. }
  1809.  
  1810. #user-script-sets>li a[href*="/scripts?set="] {
  1811.     display: inline-block !important;
  1812. /* float: left !important; */
  1813.     width: 17px !important;
  1814.     line-height: 20px !important;
  1815.     margin-bottom: -3px !important;
  1816.     font-size: 10px !important;
  1817.     color: transparent !important;
  1818.     white-space: nowrap !important;
  1819.     overflow: hidden !important;
  1820. }
  1821. /* (new60) */
  1822. #user-script-sets>li a[href*="/scripts?set="]:before {
  1823.     position: relative ;
  1824.     display: inline-block !important;
  1825.     float: left ;
  1826.     height: 100% ;
  1827.     max-height: 15px ;
  1828.     min-height: 15px ;
  1829.     width: 100% ;
  1830.     min-width: 25px ;
  1831.     max-width: 25px ;
  1832.     margin-left: -2px ;
  1833.     top: 4px ;
  1834.     color: transparent;
  1835.     content: " ";
  1836.     background-repeat: no-repeat;
  1837.     background-color: rgba(55, 173, 227, 0.4) ;
  1838.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1839.     background-position: 3px -650px !important;
  1840. }
  1841. #user-script-sets>li:hover>a[href$="/edit"] {
  1842.     display: inline-block !important;
  1843.     height: 15px !important;
  1844.     line-height: 18px !important;
  1845.     margin-left: 15px !important;
  1846.     color: gold !important;
  1847. /* background: rgba(11, 11, 11, 0.5) !important; */
  1848.     padding: 2px 4px !important;
  1849. /* border-radius: 5px !important; */
  1850. /* transition: background ease 1.5s !important; */
  1851. }
  1852. /* (new60 */
  1853. #user-script-sets>li:hover>a:not([href$="/edit"]) {
  1854.     display: inline-block !important;
  1855. /*     color: gold !important; */
  1856. /*     background: rgba(11, 11, 11, 0.5) !important; */
  1857. /*     border-radius: 5px !important; */
  1858. /*     transition: background ease 0.8s !important; */
  1859. }
  1860. #user-script-sets>li>a[href$="/edit"]:hover  ,
  1861. #user-script-sets>li>a:not([href$="/edit"]):hover {
  1862. /*     color: white !important; */
  1863. /*     transition: background ease 0.8s !important; */
  1864. }
  1865.  
  1866. /* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
  1867. #main-header + #script-table + .pagination + #UserSets ,
  1868. #main-header + #script-table + #UserSets {
  1869.     position: fixed !important;
  1870.     left: 27.5% !important;
  1871.     top: 48px!important;
  1872.     padding: 2px 10px;
  1873.     background-color: yellow;
  1874.     border-radius: 5px;
  1875.     z-index: 200!important;
  1876.     z-index: 200000 !important;
  1877.     opacity: 1 !important;
  1878. }
  1879.  
  1880. #main-header + #script-table + .pagination + #UserSets:before ,
  1881. #main-header + #script-table + #UserSets:before {
  1882.     background-color: yellow;
  1883.     border-radius: 5px;
  1884.     content: "Your Sets ▼ " !important;
  1885.     display: inline-block !important;
  1886.     left: 27.5% !important;
  1887.     padding: 1px 5px !important;
  1888.     position: fixed !important;
  1889.     top: 48px !important;
  1890.     font-size: 12px !important;
  1891.     visibility: visible !important;
  1892.     z-index: 200000 !important;
  1893.     opacity: 1 !important;
  1894. }
  1895. #main-header + #script-table + .pagination + #UserSets:hover ,
  1896. #main-header + #script-table + #UserSets:hover {
  1897.     opacity: 1 !important;
  1898.     visibility: visible !important;
  1899. }
  1900.  
  1901. /* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - -
  1902. VOIR SET without scripts list:
  1903. https://greasyfork.org/fr/scripts?set=24
  1904. === */
  1905.  
  1906. /* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  1907. #UserSets +.width-constraint>h3 {
  1908.     position: fixed !important;
  1909.     display: inline-block !important;
  1910.     width: 300px !important;
  1911.     height: 20px !important;
  1912.     line-height: 17px !important;
  1913.     top: 60px !important;
  1914.     margin-left: 250px !important;
  1915.     padding: 0 2px !important;
  1916.     font-size: 12px !important;
  1917.     text-align: left !important;
  1918.     border-radius: 3px !important;
  1919.     background: #333 !important;
  1920. }
  1921. #UserSets +.width-constraint>h3 a {
  1922.     display: inline-block !important;
  1923.     max-width: 80px !important;
  1924.     height: 15px !important;
  1925.     line-height: 15px !important;
  1926.     margin-top: 0px !important;
  1927.     font-size: 13px !important;
  1928.     color: gold !important;
  1929.     white-space: nowrap !important;
  1930.     overflow: hidden !important;
  1931.     text-overflow: ellipsis !important;
  1932. }
  1933. #UserSets +.width-constraint>h3 a:hover {
  1934.     color: tomato !important;
  1935. }
  1936. #UserSets +.width-constraint>h3 >a[href$="/edit"] {
  1937.     position: absolute !important;
  1938.     display: inline-block !important;
  1939.     height: 15px !important;
  1940.     line-height: 15px !important;
  1941.     width: 40px !important;
  1942.     top: 2px !important;
  1943.     margin-left: 25% !important;
  1944.     padding: 2px 2px 2px 15px !important;
  1945.     border-radius: 3px !important;
  1946.     font-size: 14px !important;
  1947.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  1948.     opacity: 0 !important;
  1949.     z-index: 1500 !important;
  1950. }
  1951. #UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
  1952.     position: absolute !important;
  1953.     display: inline-block !important;
  1954.     height: 15px !important;
  1955.     line-height: 15px !important;
  1956.     width: 40px !important;
  1957.     top: 20px !important;
  1958.     margin-left: 27% !important;
  1959.     padding: 2px 2px 2px 15px !important;
  1960.     border-radius: 3px !important;
  1961.     font-size: 14px !important;
  1962.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  1963.     opacity: 1 !important;
  1964.     z-index: 1500 !important;
  1965. }
  1966.  
  1967. /* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  1968. #UserSets + .width-constraint>p {
  1969.     padding: 2px 2px 2px 20px !important;
  1970.     z-index: 500 !important;
  1971.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  1972. }
  1973. #UserSets + .width-constraint>p {
  1974.     padding: 2px 2px 2px 20px !important;
  1975.     z-index: 500 !important;
  1976.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  1977. }
  1978.  
  1979. /* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER -
  1980. https://greasyfork.org/en/scripts?per_page=100&set=2360&sort=created
  1981. https://greasyfork.org/fr/scripts/259-greasy-fork-search-other-sites
  1982. https://greasyfork.org/en/users/4-loucypher?sort=updated
  1983. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  1984. ===  */
  1985. #UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
  1986. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
  1987.     content: "► Desc " !important;
  1988.     position: fixed !important;
  1989.     min-width: 60px !important;
  1990.     max-width: 60px !important;
  1991.     top: 71px !important;
  1992.     margin-left: -290px !important;
  1993.     padding: 2px 2px 2px 10px !important;
  1994.     border-radius: 3px !important;
  1995.     font-size: 13px !important;
  1996.     font-weight: bolder !important;
  1997.     color: gold !important;
  1998.     overflow: hidden !important;
  1999.     text-overflow: ellipsis !important;
  2000.     white-space: nowrap !important;
  2001.     z-index: 500 !important;
  2002.     background: rgba(145, 124, 124, 0.42)!important;
  2003.     pointer-events: none !important;
  2004. }
  2005.  
  2006. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  2007. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  2008.     position: fixed !important;
  2009.     min-width: 185px !important;
  2010.     max-width: 185px !important;
  2011.     top: 31px !important;
  2012.     margin-left: 760px !important;
  2013.     padding: 2px 2px 2px 10px !important;
  2014.     border-radius: 3px !important;
  2015.     font-size: 15px !important;
  2016.     font-weight: bolder !important;
  2017.     color: peru !important;
  2018.     overflow: hidden !important;
  2019.     text-overflow: ellipsis !important;
  2020.     white-space: nowrap!important;
  2021.     z-index: 500 !important;
  2022.     background: rgba(145, 124, 124, 0.42)!important;
  2023. }
  2024. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
  2025. .width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
  2026. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
  2027. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
  2028.     position: fixed !important;
  2029.     height: auto !important;
  2030.     min-width: 385px !important;
  2031.     max-width: 385px !important;
  2032.     top: 31px !important;
  2033.     margin-left: 530px !important;
  2034.     padding: 2px 40px 20px 40px !important;
  2035.     border-radius: 3px !important;
  2036.     font-size: 15px !important;
  2037.     font-weight: bolder !important;
  2038.     color: white !important;
  2039.     border: 1px solid peru !important;
  2040.     border-radius: 5px !important;
  2041.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
  2042.     overflow: hidden !important;
  2043.     white-space: normal !important;
  2044.     text-align: left !important;
  2045.     z-index: 500 !important;
  2046.     background: black !important;
  2047.     transition: all ease 0.7s !important;
  2048. }
  2049.  
  2050.  
  2051. /* (new74) FAVORITS / SETS PAGES - MEDIA QUERIE - === */
  2052. @media screen and (max-width: 1400px) {
  2053.  
  2054. /* #main-header + #script-table + #UserSets */
  2055. #UserSets {
  2056.     margin-left: -10% !important;
  2057. z-index: 5000 !important;
  2058. }
  2059. /* #main-header + #script-table + #UserSets:before */
  2060. #UserSets:before {
  2061.     margin-left: -15% !important;
  2062. z-index: 5000 !important;
  2063. }
  2064.  
  2065. #UserSets + .width-constraint .pagination  {
  2066.     margin-left: -10% !important;
  2067. }
  2068. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  2069. }
  2070.  
  2071.  
  2072. /* GREASY FORK - FORUM - PROFILE PAGE - === */
  2073. .PhotoWrap a.ChangePicture {
  2074.     display: block;
  2075.     top: 15px !important;
  2076.     color: gold !important;
  2077.     z-index: 5000 !important;
  2078.     transition: all ease 0.2s !important;
  2079. }
  2080. .PhotoWrap:hover a.ChangePicture {
  2081.     display: block;
  2082.     top: 70px !important;
  2083.     color: gold !important;
  2084.     transition: all ease 0.7s !important;
  2085. }
  2086. .PhotoWrap:hover a.ChangePicture span {
  2087.     color: gold !important;
  2088. }
  2089. #dashboard_profile_index #Content.Column.ContentColumn ,
  2090. #dashboard_profile_discussions #Content.Column.ContentColumn {
  2091.     margin-top: 70px!important;
  2092. }
  2093. .About dd {
  2094.     color: peru !important;
  2095. }
  2096. /* (new80) */
  2097. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  2098. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  2099. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  2100.     position: fixed !important;
  2101.     display: inline-block !important;
  2102.     width: 742px !important;
  2103.     top: 54px !important;
  2104.     margin-left: -7px !important;
  2105.     padding: 5px !important;
  2106.     border-bottom: 1px solid peru !important;
  2107.     background: black !important;
  2108.     z-index: 200 !important;
  2109. }
  2110. /* (new72) */
  2111. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
  2112. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
  2113. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  2114.     position: fixed !important;
  2115.     display: inline-block !important;
  2116.     top: 69px !important;
  2117.     margin-left: -158px !important;
  2118. z-index: 5000 !important;
  2119. }
  2120. /* (new72) */
  2121. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2122. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2123. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  2124.     position: fixed!important;
  2125.     display: inline-block !important;
  2126.     top: 69px !important;
  2127.     margin-left: -58px !important;
  2128.     padding: 4px 47px !important;
  2129.     box-shadow: none !important;
  2130.     text-shadow: none !important;
  2131.     z-index: 202 !important;
  2132. }
  2133. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
  2134. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
  2135. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  2136.     top: 24px!important;
  2137.     position: fixed!important;
  2138.     display: inline-block;
  2139.     z-index: 250!important;
  2140.     color: peru!important;
  2141.     width: 678px!important;
  2142.     text-align: left;
  2143.     background: black;
  2144.     padding: 2px 5px!important;
  2145.     border: 1px solid peru!important;
  2146. }
  2147. /* (new80)*/
  2148. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
  2149. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
  2150. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  2151. margin-top: 70px !important;
  2152. }
  2153. #conversations_messages_all .Condensed.DataList.Conversations {
  2154.     margin-top: 42px !important;
  2155. }
  2156. /* (new72) */
  2157. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  2158.     margin-top: -70px !important;
  2159. }
  2160. /* (new90) GREASYFORK FORUM - PROFILE BUTTON */
  2161. #dashboard_profile_discussions .About>dt:last-of-type  {
  2162.     position: absolute !important;
  2163.     display: inline-block !important;
  2164.     width: 23% !important;
  2165.     height: 18px !important;
  2166.     line-height: 18px !important;
  2167.     top: 5px !important;
  2168. left: 74%!important;
  2169.     padding: 2px 2px 2px 15px !important;
  2170.     border-radius: 3px !important;
  2171.     font-size: 15px !important;
  2172.     background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  2173. /* outline: 1px solid violet !important; */
  2174. }
  2175. /* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  2176. /* #browse-script-list>li */
  2177. #user-script-list>li>article ,
  2178. #browse-script-list>li>article {
  2179.     padding: 2px 5px !important;
  2180.     width: 720px !important;
  2181. }
  2182. /* CIRTUS */
  2183. /* body[pagetype="ListingPage"] #user-script-list>li>article ,
  2184. body[pagetype="ListingPage"] #browse-script-list>li>article {
  2185.     padding: 2px 5px !important;
  2186.     width: 875px !important;
  2187. } */
  2188. .script-list dt {
  2189.     width: 12em;
  2190.     clear: left;
  2191.     float: left;
  2192.     padding-left: 5px!important;
  2193.     padding-right: 1em;
  2194.     font-weight: bold;
  2195.     text-align: left !important;
  2196.     border-left: 1px solid peru !important;
  2197. }
  2198. /* (new66) without script */
  2199. #user-script-list>li>article .description ,
  2200. #browse-script-list>li>article .description {
  2201.     display: inline-block!important;
  2202.     width: 100% !important;
  2203.     min-width: 757px !important;
  2204.     max-width: 757px !important;
  2205. /* padding-bottom: 10px!important; */
  2206.     padding-bottom: 4px !important;
  2207.     padding-left: 4px!important;
  2208.     font-size: 15px !important;
  2209.     line-height: 15px !important;
  2210.     border-bottom: 1px solid gray!important;
  2211.     border-left: 3px solid red !important;
  2212.     word-wrap: break-word !important;
  2213.     overflow: hidden !important;
  2214. /* background: blue !important; */
  2215. }
  2216. /* CITRUS */
  2217. body[pagetype="UserProfile"]
  2218. #user-script-list>li>article .description ,
  2219. #browse-script-list>li>article .description {
  2220.     display: inline-block!important;
  2221.     width: 100% !important;
  2222.     min-width: 710px !important;
  2223.     max-width: 710px !important;
  2224. /* padding-bottom: 10px!important; */
  2225.     padding-bottom: 4px !important;
  2226.     padding-left: 4px!important;
  2227.     font-size: 15px !important;
  2228.     line-height: 15px !important;
  2229.     border-bottom: 1px solid gray!important;
  2230.     border-left: 3px solid red !important;
  2231.     word-wrap: break-word !important;
  2232.     overflow: hidden !important;
  2233. /* background: blue !important; */
  2234. }
  2235. /* mark ELEMENT - === */
  2236. mark {
  2237.     padding: 0px 5px !important;
  2238.     border-radius: 3px!important;
  2239.     background: #DED236 !important;
  2240. }
  2241.  
  2242.  
  2243.  
  2244. /* (new84) ICON USER / SCRIPT - BACKGROUND - === */
  2245. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
  2246. #title-image ,
  2247. .ProfilePhoto.ProfilePhotoMedium ,
  2248. #script-info>header>h2>div img {
  2249.     height: auto !important;
  2250.     max-height: 30px !important;
  2251.     max-width: 30px !important;
  2252.     width: auto !important;
  2253.     margin-top: -3px;
  2254.     padding: 2px !important;
  2255.     background-color: rgba(191, 191, 190, 0.33) !important;
  2256.     border-radius: 5px !important;
  2257.     box-shadow: 0 0 2px #cccccc inset !important;
  2258. }
  2259. #site-name img ,
  2260. #title-image  {
  2261.     background-color: rgba(191, 191, 190, 0.33) !important;
  2262.     background-image: none !important;
  2263. }
  2264. /* #site-name img[src="https://greasyfork.org/en/forum/uploads/SCN2YQGWLIU4.jpg"] , */
  2265. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] ,
  2266. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
  2267.     display: inline-block !important;
  2268.     position: relative !important;
  2269.     height: 100% !important;
  2270.     min-height: 30px !important;
  2271.     max-height: 30px !important;
  2272.     max-width: 100%!important;
  2273.     min-width: 30px !important;
  2274.     max-width: 30px !important;
  2275. /* left: -48px !important; */
  2276.     top: -4px !important;
  2277.     width: auto !important;
  2278.     padding: 2px!important;
  2279. background-color: black !important;
  2280. border-radius: 3px !important;
  2281.     box-shadow: 0 0 2px #cccccc inset !important;
  2282. }
  2283.  
  2284.  
  2285. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  2286.     position: relative !important;
  2287.     display: inline-block !important;
  2288.     top: -3px !important;
  2289.     border-radius: 5px !important;
  2290. }
  2291.  
  2292. /* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  2293. .Preview {
  2294.     background: #454545!important;
  2295.     color: #929292 !important;
  2296.     min-height: 100px;
  2297.     padding: 4px;
  2298. }
  2299. blockquote ,
  2300. blockquote.Quote,
  2301. blockQuote.UserQuote {
  2302.     background: rgba(184, 181, 181, 0.05) !important;
  2303.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  2304. }
  2305.  
  2306. /* BLOCKQUOTES */
  2307. blockquote {
  2308.     width: 668px !important;
  2309.     margin-left: -4px !important;
  2310.     padding: 1px 5px !important;
  2311. }
  2312. .Message>blockquote>div>pre{
  2313.     margin-left: 2px!important;
  2314. }
  2315. .Message>blockquote>pre{
  2316.     width: 97% !important;
  2317. }
  2318. .QuoteText>ol{
  2319.     display: inline-block!important;
  2320.     width: 95%!important;
  2321.     margin-bottom: -28px!important;
  2322.     margin-top: -15px!important;
  2323. }
  2324. .script-author-description>blockquote {
  2325.     margin-left: -4px !important;
  2326.     padding: 1px 5px !important;
  2327.     width: 99% !important;
  2328. }
  2329. /* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  2330. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  2331. #vanilla_post_discussion #Content.Column.ContentColumn {
  2332.     width: 689px!important;
  2333.     margin-top: 74px!important;
  2334.     margin-left: 215px!important;
  2335. }
  2336. /* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  2337. #Content.Column.ContentColumn ,
  2338. #vanilla_discussion_index #Content.Column.ContentColumn {
  2339. /* position: relative !important; */
  2340.     display: inline-block !important;
  2341.     float: right !important;
  2342.     width: 750px !important;
  2343.     min-height: 770px !important;
  2344.     margin-top: -8px !important;
  2345.     padding: 0 0 0 5px !important;
  2346.     border-radius: 0 0 5px 5px !important;
  2347.     box-shadow: none !important;
  2348. background: transparent !important;
  2349. /* z-index: 0 !important; */
  2350. /* overflow: hidden !important; */
  2351. }
  2352.  
  2353. /* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
  2354. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  2355. margin-top: -37px !important;
  2356. }
  2357.  
  2358. /* (new79) USERSTYLE */
  2359. #Content.Column.ContentColumn .MessageList.Discussion ,
  2360. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  2361.     position: relative !important;
  2362. top: -28px;
  2363. margin-bottom: -41px !important;
  2364. z-index: 10 !important;
  2365. }
  2366.  
  2367.  
  2368. /* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
  2369. .MessageForm.CommentForm.FormTitleWrapper {
  2370.     padding-left: 15px !important;
  2371. }
  2372.  
  2373. /* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  2374. /* GREASYFORK */
  2375. .Column.ContentColumn .DataList.Discussions {
  2376.     position: relative !important;
  2377.     display: inline-block !important;
  2378.     width: 727px!important;
  2379. margin-top: 5px!important;
  2380. /* margin-left: 0px !important; */
  2381. /*     right: 47px; */
  2382. /* background: red !important; */
  2383. }
  2384.  
  2385. /* (new74) PB DIFF - USERSTYLES / GREASYFORK */
  2386. /* GREASYFORK */
  2387. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  2388.     margin-left: 0px !important;
  2389. /* background: green !important; */
  2390. }
  2391. #vanilla_discussions_mine .Column.ContentColumn .DataList.Discussions {
  2392. /* margin-left: -50px !important; */
  2393. /* background: green !important; */
  2394. }
  2395.  
  2396. /* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc....
  2397. #vanilla_discussions_index #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions ,
  2398. === */
  2399. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
  2400.  
  2401. #vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
  2402. /*     margin-left: -20px !important; */
  2403. /* background: red !important; */
  2404. }
  2405.  
  2406. /* ==== */
  2407.  
  2408. .Profile .DataList.Discussions {
  2409.     position: relative !important;
  2410.     display: inline-block !important;
  2411.     width: 727px !important;
  2412.     margin-top: 107px!important;
  2413. }
  2414. #vanilla_categories_index .DataList.CategoryList {
  2415.     position: relative !important;
  2416.     display: inline-block !important;
  2417.     width: 727px !important;
  2418.     margin-top: 30px!important;
  2419. }
  2420. .DataList.Activities .Item   {
  2421.     position: relative !important;
  2422.     display: inline-block !important;
  2423.     width: 709px !important;
  2424. }
  2425.  
  2426. /* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
  2427. .HomepageTitle ,
  2428. .H.HomepageTitle {
  2429.     position: fixed !important;
  2430.     width: 733px !important;
  2431.     top: 80px !important;
  2432.     margin-left: 0px !important;
  2433.     padding: 1px 5px 1px 5px !important;
  2434.     border-top: 1px solid peru !important;
  2435.     border-bottom: 1px solid peru!important;
  2436.     color: gold !important;
  2437.     background-color: #222 !important;
  2438.     z-index: 10 !important;
  2439. }
  2440. #vanilla_discussions_participated .HomepageTitle {
  2441.     width: 733px !important;
  2442.     top: 47px !important;
  2443. }
  2444.  
  2445. /* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
  2446. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  2447.     width: 747px!important;
  2448.     top: 46px !important;
  2449. /* margin-left: -20px !important; */
  2450. }
  2451. .P.PageDescription {
  2452.     position: fixed !important;
  2453.     width: 738px!important;
  2454.     top: 72px !important;
  2455.     padding: 1px 0px 1px 5px !important;
  2456.     color: gold !important;
  2457. border-bottom: 1px solid red !important;
  2458.     background-color: #222 !important;
  2459.     z-index: 10 !important;
  2460. }
  2461. #vanilla_categories_index .DataList.Discussions {
  2462.     margin-top: 47px !important;
  2463.     border-top: 1px solid peru !important;
  2464. }
  2465.  
  2466. /* PROFILE - DICUSSION LIST -  === */
  2467. .Profile .DataList.Discussions {
  2468.     margin-top: 0px !important;
  2469. }
  2470.  
  2471. /* ACTIVITY PAGE - === */
  2472. .Excerpt>p>a>img {
  2473.     max-width: 671px!important;
  2474. }
  2475. #dashboard_profile_notifications .Item:nth-child(odd) ,
  2476. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  2477. .DataList.SearchResults .Item:nth-child(odd) {
  2478.     background-color: #222 !important;
  2479. }
  2480. #dashboard_profile_notifications .Item:nth-child(even) ,
  2481. .Profile .DataList.Discussions .Item:nth-child(even) ,
  2482. .DataList.SearchResults .Item:nth-child(even) {
  2483.     background-color: #414141 !important;
  2484. }
  2485. #dashboard_profile_notifications .Item:hover ,
  2486. .Profile .DataList.Discussions .Item:hover ,
  2487. .DataList.SearchResults .Item:hover {
  2488.     background-color: rgba(7, 7, 7, 0.57) !important;
  2489.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  2490.     transition: background 0.8s ease 0s !important;
  2491. }
  2492. #dashboard_profile_notifications .Item:hover ,
  2493. .Profile .DataList.Discussions .Item:hover ,
  2494. .DataList.SearchResults .Item:hover {
  2495.     background-color: black !important;
  2496.     z-index: 1 !important;
  2497. }
  2498. /* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
  2499. .DataList.SearchResults .Item .ItemContent .Meta a {
  2500.     font-size: 15px! important;
  2501. }
  2502.  
  2503.  
  2504. /* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  2505. .sidebar-search {
  2506.     position: absolute !important;
  2507. }
  2508.  
  2509. #script-search>input[type="search"] {
  2510.     min-height: 18px !important;
  2511.     line-height: 18px!important;
  2512. }
  2513. #script-search>input[type="submit"] {
  2514.     position: relative;
  2515. /*     display: inline-block!important; */
  2516.     -moz-appearance: none!important;
  2517.     height: 21px !important;
  2518.     line-height: 18px!important;
  2519.     width: 20px !important;
  2520. top: 3px !important;
  2521.     padding-right: 0 !important;
  2522.     font-size: 12px !important;
  2523.     text-align: center !important;
  2524. }
  2525. #userProfile + ul  #sidebar-search #search-submit {
  2526.     height: 19px !important;
  2527. }
  2528.  
  2529. #search-other-sites {
  2530.     direction: rtl;
  2531.     width: 13px!important;
  2532.     height: 20px!important;
  2533.     padding: 0px !important;
  2534.     line-height: 10px !important;
  2535. }
  2536.  
  2537. /*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE -
  2538. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  2539. === */
  2540. body:not(.Settings) a:not(.Button) {
  2541.     color: peru!important;
  2542. }
  2543.  
  2544. /* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER -
  2545. .width-constraint :
  2546. https://greasyfork.org/fr/scripts/404-mouseover-popup-image-viewer/feedback
  2547. DELETED SCIPT:
  2548. https://greasyfork.org/fr/scripts/69-table-view-plus
  2549. === */
  2550. #main-header +.width-constraint {
  2551.     max-width: 980px !important;
  2552.     margin-top: 51px !important;
  2553. }
  2554. body[pagetype="UserProfile"] #main-header +.width-constraint ,
  2555. body[pagetype="PersonalProfile"] #main-header +.width-constraint {
  2556.     margin-top: 51px !important;
  2557.     box-shadow: 3px 3px 2px black !important;
  2558. }
  2559.  
  2560. #Head .Row  {
  2561.     position: relative;
  2562.     display: inline-block!important;
  2563. /* min-width: 91%!important; */
  2564. /* max-width: 50%!important; */
  2565.     max-height: 47px ! important;
  2566.     min-height: 47px !important;
  2567.     left: 25%!important;
  2568.     padding: 0.25em 0;
  2569. }
  2570. #Head .Row #site-name {
  2571.     height: 51px !important;
  2572.     line-height: 1em;
  2573.     margin-top: -8px!important;
  2574. }
  2575. #nav-user-info {
  2576.     position: absolute;
  2577.     display: inline-block!important;
  2578.     top: -7px!important;
  2579. }
  2580. .user-profile-link {
  2581.     position: relative !important;
  2582.     display: inline-block !important;
  2583. /* z-index: 500000 !important; */
  2584. }
  2585. /* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
  2586. /* #nav-user-info select:before {
  2587. content: "XXXXX" !important;
  2588.     color: blue !important;
  2589. } */
  2590. #language-selector {
  2591.     position: absolute !important;
  2592.     display: inline-block !important;
  2593.     -moz-appearance: none !important;
  2594.     width: 18px !important;
  2595.     height: 15px !important;
  2596.     line-height: 13px !important;
  2597.     top: 2px !important;
  2598.     padding: 0 2px !important;
  2599.     border-radius: 3px !important;
  2600. /*     border: 1px solid gray !important; */
  2601.     box-shadow: 3px 3px 2px black !important;
  2602.     background: #222 !important;
  2603.     overflow: hidden !important;
  2604.     text-indent: -1px !important;
  2605.     text-overflow: '' !important;
  2606.     z-index: 500000 !important;
  2607. }
  2608. #language-selector-locale {
  2609. position: relative !important;
  2610.     display: inline-block !important;
  2611.     -moz-appearance: none !important;
  2612.     width: 19px !important;
  2613.     height: 13px !important;
  2614.     line-height: 8px !important;
  2615.     margin-right: 14px !important;
  2616. /* left: -106px !important; */
  2617.     letter-spacing: 1px !important;
  2618.     color: peru !important;
  2619.     border: 1px solid transparent !important;
  2620.     background: #222 !important;
  2621.     overflow: hidden !important;
  2622. /*     z-index: 5000 !important; */
  2623.     cursor: pointer !important;
  2624. }
  2625. #language-selector-locale:hover {
  2626.     color: tomato !important;
  2627. }
  2628.  
  2629. #language-selector-locale>option {
  2630. text-indent: 20px !important;
  2631. margin-left: -20px !important;
  2632. /* color: gold !important; */
  2633. }
  2634.  
  2635.  
  2636. #language-selector-locale>option:checked:before {
  2637. content: attr(value) ;
  2638. color: tan !important;
  2639. font-size: 20px !important;
  2640. background: black !important;
  2641. }
  2642. #language-selector-locale>option:before {
  2643. content: attr(value) ;
  2644. display: inline-block ;
  2645. width: 100px !important;
  2646. margin-right: 17px  ;
  2647. margin-left: -20px  ;
  2648. /* text-indent: 40px  ; */
  2649. color: gold ;
  2650. }
  2651. #language-selector-locale>option[selected=""]:before {
  2652. /* content: "XX " ; */
  2653. content: attr(value) ;
  2654. color: green !important;
  2655. }
  2656.  
  2657.  
  2658. .width-constraint #nav-user-info {
  2659.     position: absolute;
  2660.     display: inline-block !important;
  2661.     height: 15px!important;
  2662.     line-height: 15px!important;
  2663.     width: 300px!important;
  2664.     top: 15px!important;
  2665.     top: -4px!important;
  2666.     left: 64%!important;
  2667.     text-align: right !important;
  2668. /* border: 1px solid green !important; */
  2669. /* z-index: 0 !important; */
  2670. }
  2671.  
  2672. /* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
  2673. .SiteMenu {
  2674.     position: absolute;
  2675.     display: inline-block !important;
  2676.     height: 24px!important;
  2677.     width: 320px!important;
  2678.     top: -12px!important;
  2679.     left: 16%!important;
  2680. }
  2681.  
  2682. /* (new79) GREASYFORK : WITH / Without TS CITRUS -
  2683. https://greasyfork.org/fr/scripts/
  2684. === */
  2685. #site-nav>nav  {
  2686.     position: absolute;
  2687.     display: inline-block!important;
  2688.     height: 24px!important;
  2689.     line-height: 24px!important;
  2690.     width: 390px!important;
  2691.     top: -9px!important;
  2692.     left: 16%!important;
  2693.     text-align: left !important;
  2694. /* z-index: 500 !important; */
  2695. }
  2696. /* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
  2697. body[pagetype="ListingPage"] #site-nav>nav   {
  2698.     position: absolute;
  2699.     display: inline-block!important;
  2700.     height: 15px!important;
  2701.     line-height: 15px!important;
  2702.     width: 410px!important;
  2703.     top: -4px!important;
  2704.     left: 16%!important;
  2705.     text-align: left !important;
  2706. /* border: 1px solid violet !important; */
  2707. }
  2708.  
  2709. #main-header .width-constraint {
  2710.     position: relative;
  2711. /* display: inline-block !important; */
  2712. /* width: 100% !important; */
  2713.     height: 42px !important;
  2714.     padding: 0 0 0.25em;
  2715. /* left: 24% !important; */
  2716.     overflow: visible !important;
  2717. /* z-index: 500 !important; */
  2718. }
  2719. #main-header .width-constraint #site-name {
  2720.     height: 40px!important;
  2721. }
  2722. #title-subtext {
  2723.     font-size: 10px;
  2724.     font-weight: 400 !important;
  2725.     left: 63px !important;
  2726.     position: absolute;
  2727.     text-decoration: none;
  2728.     top: 28px !important;
  2729. }
  2730. #site-name>a[href="/"] {
  2731.     display: inline-block!important;
  2732.     color: gold !important;
  2733. }
  2734. #site-name>a[href="/"] span {
  2735.     position: relative!important;
  2736.     display: inline-block!important;
  2737.     height: 33px!important;
  2738.     line-height: 33px!important;
  2739.     top: -3px !important;
  2740.     margin-left: 3px!important;
  2741.     font-size: 27px!important;
  2742.     color: peru !important;
  2743.  
  2744. }
  2745. #site-name>a[href="/"] #title-subtext {
  2746.     position: absolute;
  2747.     top: 15px!important;
  2748.     left: 55px !important;
  2749.     font-size: 10px;
  2750.     font-weight: 400 !important;
  2751.     text-decoration: none;
  2752.     color: peru !important;
  2753. }
  2754. #site-name>a[href="/"] span:first-of-type {
  2755.     height: 18px !important;
  2756.     line-height: 16px !important;
  2757.     top: -18px !important;
  2758.     border-radius: 0 0 10px 0 !important;
  2759.     border: 1px solid peru !important;
  2760.     border-left:  none !important;
  2761.     border-top:  none !important;
  2762.     font-size: 18px !important;
  2763. }
  2764. /*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
  2765. #site-name h1 {
  2766.     width: 109px !important;
  2767.     height: 20px !important;
  2768.     line-height: 12px !important;
  2769.     top: -18px !important;
  2770.     border-radius: 0 0 10px 0 !important;
  2771.     border: 1px solid peru !important;
  2772.     border-left:  none !important;
  2773.     border-top:  none !important;
  2774. }
  2775. #site-name h1 a {
  2776.     height: 18px !important;
  2777.     line-height: 15px !important;
  2778.     font-size: 18px !important;
  2779. letter-spacing: 0.2px !important;
  2780. }
  2781.  
  2782. .subtitle ,
  2783. #main-header .subtitle {
  2784.     margin-top: -3px !important;
  2785.     margin-left: -1px !important;
  2786.     text-shadow: none !important;
  2787. }
  2788.  
  2789. /* #vanilla_discussion_index #site-name>a[href="/"] #title-subtext:hover b  ,
  2790. #vanilla_discussions_index #site-name>a[href="/"] #title-subtext:hover b {
  2791.     transform: translate(150px, -16px)!important;
  2792. } */
  2793. #site-name-text {
  2794.     display: inline-block;
  2795.     vertical-align: top;
  2796. height: 18px!important;
  2797.     line-height: 18px!important;
  2798. /*     margin-left: -50px!important; */
  2799. }
  2800. #site-name-text h1 {
  2801.     font-size: 18px!important;
  2802.     letter-spacing: -2px;
  2803.     margin-top: -4px;
  2804. /* color: red !important; */
  2805. }
  2806. #site-name-text h1 a {
  2807.     font-size: 15px!important;
  2808.     letter-spacing: 0.6px !important;
  2809.     margin: 0;
  2810. /* color: red !important; */
  2811. }
  2812. #site-nav>nav>li>a {
  2813.     margin-right: 2px !important;
  2814. }
  2815. /* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
  2816. #nav-user-info {
  2817.     color: transparent !important;
  2818. }
  2819. .sign-out-link {
  2820.     position: relative !important;
  2821.     display: inline-block !important;
  2822.     height: 15px !important;
  2823.     margin-right: 5px !important;
  2824.     font-size: 0 !important;
  2825.     opacity: 0.4 !important;
  2826. }
  2827. .sign-out-link:hover {
  2828.     opacity: 1 !important;
  2829. }
  2830. .SignOut,
  2831. .sign-out-link a {
  2832.     border: 1px solid gray !important;
  2833.     border-radius: 3px !important;
  2834.     display: inline-block !important;
  2835.     font-size: 0 !important;
  2836.     height: 15px !important;
  2837.     margin-right: 5px !important;
  2838.     position: relative !important;
  2839.     top: -3px !important;
  2840.     width: 15px !important;
  2841.     background-image: url(https://image.flaticon.com/icons/png/128/17/17547.png?iact=rc&uact=3&page=0&start=0&ndsp=45&ved=0ahUKEwiAkb7D7PzRAhUKsxQKHVFlBfcQMwgfKAUwBQ&client=firefox-b&bih=919&biw=1920) !important;
  2842.     background-position: center !important;
  2843.     background-size: cover !important;
  2844.     background-color: red !important;
  2845.     cursor: pointer !important;
  2846. }
  2847.  
  2848. /* (new74) - GREASYFORK - SEARCH - === */
  2849. .nav-search {
  2850.     position: absolute !important;
  2851.     display: inline-block !important;
  2852.     width: 220px !important;
  2853.     height: 19px !important;
  2854.     line-height: 0px !important;
  2855.     left: 240px !important;
  2856.     top: 7px !important;
  2857. /* border: 1px solid violet !important; */
  2858. }
  2859. .nav-search:hover {
  2860.     width: 400px !important;
  2861. }
  2862. .nav-search #script-search {
  2863.     position: relative;
  2864.     display: inline-block !important;
  2865.     vertical-align: top !important;
  2866.     width: 200px !important;
  2867.     top: -7px !important;
  2868. }
  2869. body[pagetype="ListingPage"] .nav-search #script-search {
  2870.     top: -12px !important;
  2871. }
  2872. .nav-search:hover #script-search {
  2873.     width: 420px !important;
  2874. }
  2875. .nav-search #script-search input[name="q"] {
  2876.     display: inline-block !important;
  2877.     width: 150px !important;
  2878.     margin-top: 5px !important;
  2879.     opacity: 0.4 !important;
  2880. }
  2881.  
  2882. .nav-search:hover #script-search input[name="q"] {
  2883.     width: 350px !important;
  2884.     opacity: 1 !important;
  2885. }
  2886.  
  2887. /* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
  2888. #site-name > a span#settings-subtext {
  2889.     position: absolute !important;
  2890.     display: inline-block !important;
  2891.     height: 16px !important;
  2892.     width: 16px !important;
  2893.     margin-left: -31px !important;
  2894.     margin-top: 18px !important;
  2895.     border-radius: 4px !important;
  2896.     font-size: 0px !important;
  2897.     background: rgba(0, 0, 0, 0) url("https://greasyfork.org/tr/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -102.6px !important;
  2898.     background-color: #DCD9D9 !important;
  2899.     transform: scale(0.7) !important;
  2900.     opacity: 0.4 !important;
  2901. }
  2902. #site-name > a span#settings-subtext:hover {
  2903.     opacity: 1 !important;
  2904. }
  2905.  
  2906. /* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  2907. #script-info {
  2908.     margin-top: -50px !important;
  2909.     padding: 0 5px 0 5px !important;
  2910.     border: 1px solid #bbb;
  2911.     border-radius: 0 !important;
  2912.     box-shadow: none !important;
  2913.     background-color: #333 !important;
  2914. }
  2915. #share {
  2916.     position: relative !important;
  2917.     display: inline-block !important;
  2918.     max-height: 20px !important;
  2919.     margin-bottom: 0 !important;
  2920.     overflow: hidden !important;
  2921.     background: red !important;
  2922.     background-color: #670000 !important;
  2923.     background-image: linear-gradient(#670000, #900) !important;
  2924. }
  2925. #share:hover {
  2926.     height: 240px !important;
  2927.     max-height: 100% !important;
  2928.     overflow: visible !important;
  2929.     transition: height ease 4s !important;
  2930. }
  2931. #share>h3 {
  2932.     margin-top: -2px;
  2933.     width: 942px !important;
  2934.     padding: 0 5px !important;
  2935. }
  2936. #social-buttons {
  2937.     text-align: center !important;
  2938. }
  2939. .social_share_privacy_area.box li.settings_info {
  2940.     display: inline-block !important;
  2941.     left: 0 !important;
  2942. }
  2943. /* (new76) */
  2944. #script-table {
  2945.     display: block!important;
  2946.     margin: 0 auto!important;
  2947.     max-width: 960px!important;
  2948. }
  2949. /* (new79) */
  2950. body[pagetype="ListingPage"] #script-table {
  2951.     margin-top: 76px!important;
  2952. }
  2953. body[pagetype="ListingPage"] #script-table thead {
  2954.     position: fixed!important;
  2955.     max-width: 970px!important;
  2956.     margin-top: -31px!important;
  2957. /* z-index: 500 !important; */
  2958. }
  2959.  
  2960. /* (new66) */
  2961. #script-table tbody td:nth-child(2) {
  2962.     max-width: 450px!important;
  2963.     min-width: 450px !important;
  2964. }
  2965. body[pagetype="ListingPage"] #script-table thead tr {
  2966.     display: inline-table!important;
  2967.     width: 100% !important;
  2968.     max-width: 970px!important;
  2969. }
  2970. #script-table>thead>tr>td:first-of-type {
  2971.     width: 25px !important;
  2972. }
  2973. /* (new79) */
  2974. #script-table>thead>tr>td[tag="name"] {
  2975.     width: 452px !important;
  2976.     text-align: left !important;
  2977.     text-indent: 130px !important;
  2978. /* text-indent: 0px !important; */
  2979. }
  2980. #script-table>thead>tr>td[tag="name"] span {
  2981.     position: relative  !important;
  2982.     display: inline-block !important;
  2983.     width: 15px !important;
  2984.     margin-left: 0px !important;
  2985.     padding: 0px !important;
  2986.     text-align: center !important;
  2987.     text-indent: 0px !important;
  2988. }
  2989. #script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
  2990.     content: "Library Filter" !important;
  2991.     position: absolute !important;
  2992.     display: inline-block !important;
  2993.     width: 80px !important;
  2994.     margin-left: -10px !important;
  2995.     margin-top: -17px !important;
  2996.     padding: 0px !important;
  2997.     border-radius: 5px !important;
  2998.     text-align: center !important;
  2999.     text-indent: 0px !important;
  3000.     background: #cefd8a !important;
  3001.     color: black !important;
  3002. }
  3003. #script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
  3004.     content: "Unlisted Filter" !important;
  3005.     position: absolute !important;
  3006.     display: inline-block !important;
  3007.     width: 80px !important;
  3008.     margin-left: -10px !important;
  3009.     margin-top: -17px !important;
  3010.     padding: 0px !important;
  3011.     border-radius: 5px !important;
  3012.     text-align: center !important;
  3013.     text-indent: 0px !important;
  3014.     background: #cee7f3 !important;
  3015.     color: black !important;
  3016. }
  3017. #script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
  3018.     content: "Deleted Filter" !important;
  3019.     position: absolute !important;
  3020.     display: inline-block !important;
  3021.     width: 80px !important;
  3022.     margin-left: -10px !important;
  3023.     margin-top: -17px !important;
  3024.     padding: 0px !important;
  3025.     border-radius: 5px !important;
  3026.     text-align: center !important;
  3027.     text-indent: 0px !important;
  3028.     background: #f77a7a !important;
  3029.     color: black !important;
  3030. }
  3031.  
  3032. /* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */
  3033. /* [tag="created"] ,
  3034. [tag="updated"] {
  3035.     background-color: yellow !important;
  3036. } */
  3037. #script-table>thead>tr>td {
  3038.     box-shadow: 3px 3px 2px black !important;
  3039. /* background-color: #333 !important; */
  3040. }
  3041. /* #script-table>thead>tr>td:selected {
  3042.     box-shadow: 3px 3px 2px black !important;
  3043. background: red !important;
  3044. } */
  3045. /* #SelectedSortColumn ~[tag='updated'] {
  3046. background-color: yellow !important;
  3047. } */
  3048.  
  3049.  
  3050. #script-table>thead>tr>td[tag="ratings"] {
  3051.     width: 84px!important;
  3052. }
  3053. #script-table>thead>tr>td[tag=""] {
  3054.     width: 45px!important;
  3055. }
  3056. #script-table>thead>tr>td[tag="total_installs"] {
  3057.     width: 55px !important;
  3058. }
  3059. #script-table>thead>tr>td[tag="created"] {
  3060.     width: 107px!important;
  3061. }
  3062. #script-table>thead>tr>td[tag="updated"] {
  3063.     width: 108px!important;
  3064. }
  3065.  
  3066. /* SCRIPT # */
  3067. #script-table tbody td:nth-child(1) {
  3068. /* width: 4% !important; */
  3069. }
  3070. /* SCRIPT INFO */
  3071. #script-table tbody td:nth-child(2) {
  3072. /* min-width: 17% !important; */
  3073. /* max-width: 17% !important; */
  3074.     width: 12% !important;
  3075. }
  3076. /* SCRIPT RATING */
  3077. #script-table tbody td:nth-child(3) {
  3078.     width: 4% !important;
  3079. }
  3080. /* SCRIPT DAILY */
  3081. #script-table tbody td:nth-child(4) {
  3082.     width: 12.7% !important;
  3083. }
  3084. /* SCRIPT TOTAL  */
  3085. #script-table tbody td:nth-child(5) {
  3086.     width: 8.8% !important;
  3087. }
  3088. /* SCRIPT CREATED  */
  3089. #script-table tbody td:nth-child(6) {
  3090.     width: 11.1% !important;
  3091. }
  3092. /* SCRIPT UPDATED  */
  3093. #script-table tbody td:nth-child(7) {
  3094.     width: 12.4% !important;
  3095. }
  3096.  
  3097. #script-table td:not(:first-of-type):not([tag="name"]):not([tag="ratings"]):not([tag=""]):not([tag="total_installs"]):not([tag="created"]):not([tag="updated"]) {
  3098. /* background: blue !important; */
  3099. }
  3100.  
  3101. /* (new66)*/
  3102. #script-table td .thetitle +div {
  3103.     overflow: hidden !important;
  3104.     word-wrap: break-word!important;
  3105. }
  3106. /* (new90) */
  3107. .width-constraint #script-info>header {
  3108.     position: fixed !important;
  3109.     display: inline-block !important;
  3110.     min-width: 966px!important;
  3111.     max-width: 966px!important;
  3112.     height: 126px!important;
  3113.     line-height: 17px!important;
  3114.     margin-left: -4px !important;
  3115.     top: 48px !important;
  3116.     padding: 5px 5px  0px 5px !important;
  3117.     z-index: 5 !important;
  3118.     background: black !important;
  3119. }
  3120. #script-description {
  3121.     display: inline-block !important;
  3122.     width: 100% !important;
  3123.     padding-bottom: 7px !important;
  3124.     border-bottom: 1px solid red !important;
  3125. }
  3126. #script-info header h2 {
  3127.     position: relative !important;
  3128.     display: inline-block !important;
  3129.     width: 100% !important;
  3130.     line-height: 17px !important;
  3131. vertical-align: top !important;
  3132.     margin-top: 1px !important;
  3133.     padding-bottom: 5px !important;
  3134.     font-size: 17px !important;
  3135. /* text-indent: 35px ; */
  3136.     border-bottom: 1px solid red !important;
  3137. }
  3138.  
  3139.  
  3140. /* (new90) ADAPTATION For GM - GreasyFork script icon (https)
  3141. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  3142. === */
  3143. /* #script-info>header>h2>div {
  3144.     position: absolute;
  3145.     display: inline-block;
  3146.     width: 80px;
  3147.     margin-left: calc(-42px - 1ex);
  3148.     top: 3px;
  3149.     text-align: right;
  3150. } */
  3151. #script-info>header>h2>div {
  3152.     position: relative !important;
  3153.     display: inline-block;
  3154.     width: 34px !important;
  3155.     top: 3px;
  3156.     margin-top: -2px ;
  3157. /* margin-left: calc(-46px - 1ex); */
  3158. margin-left: 0px !important;
  3159.     margin-right: 10px !important;
  3160.     text-align: right;
  3161. }
  3162. /*  (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE - === */
  3163. @media screen and (max-width: 1400px) {
  3164.  
  3165. /* ==== END === (new90) ADAPTATION For GM - GreasyFork script icon - MEDIA QUERIE === */
  3166. }
  3167.  
  3168.  
  3169. /* (new74) */
  3170. .width-constraint #script-info>#script-links {
  3171.     position: fixed !important;
  3172.     display: inline-block !important;
  3173.     width: 100% !important;
  3174.     min-width: 960px!important;
  3175.     max-width: 960px!important;
  3176.     top: 179px!important;
  3177.     margin-left: 0 !important;
  3178.     padding: 2px 5px !important;
  3179.     z-index: 500 !important;
  3180.     background: #222 !important;
  3181.     z-index: 5000 !important;
  3182. }
  3183.  
  3184. /* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
  3185. html>body>div[style="text-align: right; padding: 1px 50px"] {
  3186.     position: fixed !important;
  3187.     width: 275px !important;
  3188.     top: 72px !important;
  3189.     padding: 0 !important;
  3190.     text-align: right;
  3191.     left:  33% !important;
  3192.     z-index: 500 !important;
  3193. }
  3194. #RelativeSearch {
  3195.     display: inline-block;
  3196.     width: 120px !important;
  3197.     padding: 1px 10px !important;
  3198.     text-align: center;
  3199.     border-radius: 3px;
  3200.     cursor: pointer;
  3201.     background-color: orange;
  3202. }
  3203.  
  3204. /* (new963) USER SET - HEADER - TXT "SETS" - === */
  3205. #UserSets::before {
  3206.     width: 53px !important;
  3207.     left: 5px !important;
  3208.     text-indent: 0px !important;
  3209. z-index: 20000 !important;
  3210. }
  3211. #UserSets {
  3212.     position: fixed !important;
  3213.     display: inline-block !important;
  3214.     float: none !important;
  3215.     left: 22% !important;
  3216.     padding: 6px 5px !important;
  3217.     top: 52px !important;
  3218.     border-radius: 5px;
  3219.     opacity: 1 !important;
  3220.     visibility: hidden !important;
  3221.     z-index: 20000 !important;
  3222.     cursor: pointer !important;
  3223. /* background-color: yellow; */
  3224. }
  3225. #UserSets:hover {
  3226.     opacity: 1 !important;
  3227.     visibility: visible !important;
  3228. /* background-color: gold !important; */
  3229. }
  3230. #UserSets li {
  3231.     width: 400px;
  3232.     text-indent: 0px !important;
  3233. }
  3234.  
  3235. /* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus -
  3236. https://greasyfork.org/fr/scripts/17170-myfreecams-private-chat-log-link-adder
  3237. === */
  3238. #script-info #script-description .linkifyplus>img {
  3239.     display: inline-block !important;
  3240.     max-width: 15% !important;
  3241.     margin-bottom: -27px !important;
  3242. }
  3243.  
  3244. /* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus :
  3245. https://greasyfork.org/fr/scripts/4255-linkify-plus-plus
  3246. VOIR (ok):
  3247. https://greasyfork.org/fr/scripts/4713-eza-s-image-glutton/code
  3248. === */
  3249. #code-container  .linkifyplus>img {
  3250.     height: auto !important;
  3251.     max-height: 64px !important;
  3252.     max-width: 64px !important;
  3253.     width: auto !important;
  3254.     background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
  3255.     border-radius: 5px !important;
  3256.     box-shadow: 0 0 2px #cccccc inset !important;
  3257.     padding: 2px !important;
  3258. }
  3259. /* SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  3260. .width-constraint #script-info>#script-links li > * {
  3261.     display: block;
  3262.     padding: 2px!important;
  3263.     font-size: 14px!important;
  3264. }
  3265.  
  3266.  
  3267. /* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
  3268. #user-control-panel > li  ,
  3269. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
  3270.     display: inline-block !important;
  3271.     width: 45% !important;
  3272.     line-height: 13px!important;
  3273.     margin-left: 25px !important;
  3274.     padding: 2px 1px!important;
  3275.     border: 1px solid #404040;
  3276.     border-radius: 5px;
  3277.     box-shadow: 3px 3px 2px black !important;
  3278.     text-align: center!important;
  3279.     font-size: 13px!important;
  3280.     background-color: #333 !important;
  3281. }
  3282.  
  3283. /*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
  3284. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  3285.     position: fixed !important;
  3286.     display: inline-block !important;
  3287.     width: 350px !important;
  3288.     height: 30px !important;
  3289.     line-height: 15px !important;
  3290.     margin-left: 580px !important;
  3291.     margin-top: -45px !important;
  3292.     padding: 3px 5px 3px 5px !important;
  3293.     border-radius: 4px;
  3294.     text-align: left !important;
  3295.     background-color: #D6D6D1 !important;
  3296.     opacity: 0!important;
  3297.     transition: opacity ease 0.7s !important;
  3298. }
  3299. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  3300.     opacity: 1!important;
  3301.     z-index: 5000 !important;
  3302. }
  3303.  
  3304. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  3305.     position: fixed !important;
  3306.     display: inline-block !important;
  3307.     width: 310px !important;
  3308.     height: 30px !important;
  3309.     line-height: 15px !important;
  3310.     margin-left: -100px !important;
  3311.     margin-top: -50px !important;
  3312.     padding: 3px 5px 3px 5px !important;
  3313.     border-radius: 4px;
  3314.     text-align: left !important;
  3315.     background-color: #D6D6D1 !important;
  3316.     opacity: 0!important;
  3317.     transition: opacity ease 0.7s !important;
  3318. }
  3319. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  3320.     position: fixed!important;
  3321.     display: inline-block!important;
  3322.     float: none!important;
  3323.     margin-left: 95px !important;
  3324.     margin-top: -205px!important;
  3325.     opacity: 1!important;
  3326. }
  3327.  
  3328. /* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
  3329. #script-feedback-suggestion {
  3330.     margin-top: 95px !important;
  3331.     margin-bottom: -15px !important;
  3332. }
  3333.  
  3334. /* (new96) SCRIPT INFO - VERSIONS - DIFF - === */
  3335. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
  3336.     margin-top: 42px !important;
  3337.     margin-bottom: 50px;
  3338. }
  3339. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  3340.     margin-top: -41px !important;
  3341. }
  3342. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form {
  3343.     margin-bottom: 100px;
  3344.     margin-top: -41px;
  3345. }
  3346.  
  3347.  
  3348. /* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
  3349. :not([id="install-stats-chart-container"])
  3350.  === */
  3351. .width-constraint #script-info>#script-content>p {
  3352.     margin-top: 42px !important;
  3353.     margin-bottom: -88px;
  3354. }
  3355. .width-constraint #script-info>#script-content{
  3356.     position: relative !important;
  3357.     display: inline-block!important;
  3358.     min-height: 682px !important;
  3359.     min-width: 959px !important;
  3360.     max-width: 959px !important;
  3361.     margin-top: 174px !important;
  3362.     margin-left: -1px !important;
  3363.     padding-left: 9px !important;
  3364.     padding-right: 0 !important;
  3365.     padding-top: 0px !important;
  3366.     border: 1px solid black !important;
  3367.     background-color: #2B2B2B !important;
  3368.     z-index: 0 !important;
  3369. }
  3370. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  3371.     min-width: 930px !important;
  3372.     max-width: 930px !important;
  3373.     margin-left: 0px !important;
  3374.     border-bottom: 1px solid gray !important;
  3375.     text-align: center !important;
  3376.     background: #222222!important;
  3377. }
  3378. .width-constraint #discussions {
  3379.     min-width: 850px !important;
  3380.     max-width: 850px !important;
  3381.     margin-top: -10px !important;
  3382.     margin-left: -10px !important;
  3383.     padding: 20px 53px !important;
  3384.     border: 1px solid gray !important;
  3385. }
  3386. .width-constraint #discussions li:nth-child(odd) {
  3387.     border-bottom: 1px solid gray!important;
  3388.     background: #222222 !important;
  3389. }
  3390. .width-constraint #discussions li:nth-child(even) {
  3391.     border-bottom: 1px solid gray!important;
  3392.     background: #333333 !important;
  3393. }
  3394.  
  3395. .width-constraint #discussions li:hover {
  3396.     background: rgba(0, 0, 0, 0.8)!important;
  3397.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3398.     transition: background 0.8s ease 0s !important;
  3399. }
  3400. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  3401.     position: fixed !important;
  3402.     height: 20px !important;
  3403.     line-height: 20px !important;
  3404.     width: 483px !important;
  3405.     margin-left: -5px !important;
  3406.     top: 32px !important;
  3407.     padding: 1px 1px 1px 20px  !important;
  3408.     border-radius: 5px !important;
  3409.     font-size: 13px ;
  3410.     text-align: center !important;
  3411.     border: 1px solid gray !important;
  3412.     background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 2%, rgba(17, 17, 17, 1) 37%, rgba(51, 51, 51, 1) 100%, rgba(19, 19, 19, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  3413. z-index: 0 !important;
  3414. }
  3415. /* body[pagetype="ListingPage"] #script-table +.width-constraint h3>a:first-of-type */
  3416.  
  3417.  
  3418. /* (new88) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS -
  3419. https://greasyfork.org/fr/scripts/9630-greasy-fork-search-scripts-on-other-sites-added-more-sites
  3420. === */
  3421. #install-area {
  3422.     position: fixed !important;
  3423.     display: inline-block!important;
  3424.     min-width: 950px !important;
  3425.     max-width: 950px !important;
  3426.     top: 213px !important;
  3427.     margin-left: -8px !important;
  3428.     padding: 5px 9px !important;
  3429.     border-bottom: 1px solid gray;
  3430.     background-color: #f9ecdb!important;
  3431.     z-index: 1!important;
  3432. }
  3433. .width-constraint #script-info > #script-content  #script-meta {
  3434.     display: table;
  3435.     width: 950px !important;
  3436.     margin-top: 15px !important;
  3437.     padding: 5px !important;
  3438.     border-bottom: 1px dotted gray !important;
  3439. }
  3440.  
  3441. /* (new89) */
  3442. .script-in-sets {
  3443.     position: fixed ;
  3444.     display: inline-block ;
  3445.     min-width: 291px ;
  3446.     max-width: 291px ;
  3447.     max-height: 37px ;
  3448.     top: 215px ;
  3449.     left: 40% ;
  3450.     margin-left: 0 ;
  3451.     font-size: 0 ;
  3452.     overflow: hidden ;
  3453.     border: 1px solid #404040;
  3454.     background: #222 ;
  3455. }
  3456. .script-in-sets>a {
  3457.     display: inline-block ;
  3458.     width: 291px ;
  3459.     margin-left: 0 ;
  3460.     font-size: 13px ;
  3461.     text-indent: 5px ;
  3462.     white-space: nowrap ;
  3463.     overflow: hidden ;
  3464.     text-overflow: ellipsis ;
  3465. }
  3466. .script-in-sets:hover {
  3467.     height: auto ;
  3468.     padding-bottom: 50px ;
  3469. }
  3470.  
  3471. .script-in-sets > select {
  3472.     display: inline-block ;
  3473.     width: 252px !important;
  3474.     margin-top: 2px ;
  3475. }
  3476. .script-in-sets:hover > select {
  3477.     margin-top: 10px ;
  3478. }
  3479. .script-in-sets>input {
  3480.     display: inline-block ;
  3481.     height: 24px;
  3482.     line-height: 13px;
  3483. }
  3484.  
  3485. /* (new65) */
  3486. #script-stats {
  3487.     display: inline-table !important;
  3488.     -moz-column-count: unset !important;
  3489.     float: left !important;
  3490.     clear: none !important;
  3491.     width: 100% !important;
  3492.     max-width: 399px !important;
  3493.     min-width: 399px !important;
  3494.     outline: 1px solid gray !important;
  3495.     padding-right: 0 !important;
  3496. }
  3497. #script-stats dt {
  3498.     display: table-row !important;
  3499.     clear: none !important;
  3500.     float: left !important;
  3501.     height: 18px !important;
  3502.     line-height: 18px !important;
  3503.     min-width: 45% !important;
  3504.     max-width: 45% !important;
  3505.     border-bottom: 1px solid gray !important;
  3506.     text-indent: 10px !important;
  3507. }
  3508.  
  3509. #script-stats dt.script-show-compatibility {
  3510. display: table-row !important;
  3511.     clear: none !important;
  3512.     float: left !important;
  3513.     height: 30px !important;
  3514.     line-height: 30px !important;
  3515.     min-width: 45% !important;
  3516.     max-width: 45% !important;
  3517. }
  3518.  
  3519. /* (new71) */
  3520. #script-stats dd {
  3521. display: table-cell !important;
  3522.     clear: none !important;
  3523.     float: right !important;
  3524.     height: 18px !important;
  3525.     line-height: 18px !important;
  3526.     min-width: 55% !important;
  3527.     max-width: 55% !important;
  3528.     margin-left: -50px !important;
  3529. white-space: nowrap !important;
  3530. overflow: hidden !important;
  3531. text-overflow: ellipsis !important;
  3532. /* background: red !important; */
  3533. }
  3534.  
  3535. #script-meta dd:not(.script-show-applies-to) {
  3536. display: table-cell !important;
  3537.     clear: none !important;
  3538.     float: right !important;
  3539.     height: 18px !important;
  3540.     line-height: 18px !important;
  3541.     border-bottom: 1px solid gray !important;
  3542.     text-indent: 10px !important;
  3543. }
  3544. #script-meta dd.script-show-compatibility {
  3545.     display: table-row !important;
  3546.     clear: none !important;
  3547.     float: left !important;
  3548.     height: 30px !important;
  3549.     line-height: 34px !important;
  3550. /*     min-width: 45% !important;
  3551.     max-width: 45% !important; */
  3552. }
  3553.  
  3554.  
  3555. /* (new67) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER -
  3556. https://greasyfork.org/fr/scripts/109-handy-image
  3557. ==== */
  3558. #script-meta>div {
  3559.     position: relative;
  3560.     display: inline-block !important;
  3561.     float: right !important;
  3562.     clear: none !important;
  3563.     width: 493px !important;
  3564.     max-height: 186px !important;
  3565.     margin-right: 35px !important;
  3566.     top: -10px !important;
  3567.     padding: 5px 5px 5px 5px !important;
  3568.     overflow-x: hidden !important;
  3569.     overflow-y: hidden !important;
  3570. }
  3571.  
  3572. #script-applies-to dd.script-show-applies-to {
  3573.     display: inline-block !important;
  3574.     padding: 5px;
  3575.     width: 485px !important;
  3576.     max-height: 156px !important;
  3577.     padding: 5px 5px 5px 5px !important;
  3578.     border-radius: 3px !important;
  3579.     border: 1px solid gray !important;
  3580.     overflow: hidden !important;
  3581.     overflow-y: auto !important;
  3582. }
  3583.  
  3584. #script-meta>div code {
  3585.     position: relative;
  3586.     display: inline-block !important;
  3587.     height: 15px !important;
  3588.     line-height: 15px !important;
  3589.     background-color: #262626 !important;
  3590.     border-radius: 3px !important;
  3591.     border: none !important;
  3592.     color: #aba2a4 !important;
  3593.     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  3594.     font-size: 90%;
  3595.     padding: 1px 4px !important;
  3596.     white-space: nowrap;
  3597. }
  3598. #script-meta>div  .inline-list>li:nth-child(even) code {
  3599.     color: #BAA591  !important;
  3600.     background-color: #1A1919 !important
  3601. }
  3602. #script-meta>div  .inline-list>li:nth-child(odd) code {
  3603.     color: #BAA591  !important;
  3604.     background-color: #363535 !important
  3605. }
  3606.  
  3607. /*LINKYFY PLUS */
  3608. .script-show-applies-to .inline-list li a.linkifyplus {
  3609.     position: relative;
  3610.     display: inline-block !important;
  3611.     height: 15px !important;
  3612.     line-height: 15px !important;
  3613.     padding: 1px 4px !important;
  3614.     border-radius: 3px !important;
  3615.     color: #BAA591  !important;
  3616.     background-color: #1A1919 !important
  3617. }
  3618.  
  3619. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  3620.     color: #D0A070  !important;
  3621.     background-color: #1A1919 !important
  3622. }
  3623. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  3624.     color: #BAA591  !important;
  3625.     background-color: #1A1919 !important
  3626. }
  3627. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  3628.     color: tomato  !important;
  3629.     background-color: #1A1919 !important
  3630. }
  3631. .expander {
  3632.     display: none !important;
  3633. }
  3634.  
  3635. /* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
  3636. #script-content>#feedback-favoriters + div {
  3637.     display: inline-block !important;
  3638.     width: 953px !important;
  3639.     margin-top: -10px !important;
  3640.     font-size: 14px !important;
  3641. }
  3642. .inline-list>li:nth-child(odd)>a ,
  3643. .inline-list>li:nth-child(even)>a {
  3644.     display: inline-block !important;
  3645.     padding: 1px 3px !important;
  3646.     border-radius: 3px !important;
  3647. }
  3648. .inline-list>li:nth-child(odd)>a {
  3649.     background: #222 !important;
  3650. }
  3651. .inline-list>li:nth-child(even)>a {
  3652.     background: #333 !important;
  3653. }
  3654.  
  3655.  
  3656. /* (new71) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER -
  3657. TEST LINKS :
  3658. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  3659. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3660. https://greasyfork.org/fr/scripts/740-bili-fix-player
  3661. === */
  3662. .width-constraint #script-info > #script-content #additional-info {
  3663.     position: relative !important;
  3664.     display: inline-block !important;
  3665.     min-width: 950px !important;
  3666.     max-width: 950px !important;
  3667.     top: 10px !important;
  3668.     margin-left: -4px !important;
  3669.     margin-bottom: 50px !important;
  3670.     padding: 0 5px 15px 5px !important;
  3671.     background-color: #f9dacd;
  3672.     border-radius: 5px;
  3673.     word-wrap: break-word !important;
  3674. }
  3675. .width-constraint #script-info > #script-content #additional-info {
  3676.     margin-bottom: -14px !important;
  3677.     margin-top: 0 !important;
  3678. }
  3679. .script-author-description>p>code {
  3680.     display: inline-block!important;
  3681.     white-space: pre-line !important;
  3682. }
  3683. #additional-info > .script-author-description> pre ,
  3684. .script-author-description>blockquote>pre {
  3685.     margin-left: 30px;
  3686.     padding: 5px 10px;
  3687.     border: 1px solid gray !important;
  3688.     border-radius: 2px;
  3689.     word-wrap: break-word !important;
  3690.     background-color: #5c5c5c !important;
  3691. }
  3692. /* (new62) CODE in SCRIPT INFO PAGE -
  3693. https://greasyfork.org/fr/scripts/7596-decloak-links-and-open-directly
  3694. === */
  3695. .script-author-description>p>code ,
  3696. #additional-info > .script-author-description > pre > code ,
  3697. #additional-info > .script-author-description  > blockquote > pre > code {
  3698.     border: 1px solid gray !important;
  3699.     max-width: 99% !important;
  3700. }
  3701.  
  3702. /* ===
  3703. https://greasyfork.org/fr/scripts/2229-change-search-result-for-google
  3704. CODE IN IT :
  3705. https://greasyfork.org/fr/scripts/9456-cursor-mod
  3706. === */
  3707. .width-constraint #script-info > #script-content #additional-info > div {
  3708.     padding: 5px !important;
  3709.     background-color: #2B2B2B !important;
  3710. }
  3711. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  3712.     max-width: 895px !important;
  3713. }
  3714.  
  3715. /* GREASYFORK - CODE PAGE - === */
  3716. #code-container {
  3717.     max-height: 620px!important;
  3718.     width: 100% ;
  3719.     margin-left: -5px !important;
  3720.     margin-top: 8px !important;
  3721.     overflow-x: hidden !important;
  3722.     background-color: white !important;
  3723. }
  3724. #script-feedback-suggestion + #code-container{
  3725.     max-height: 615px!important;
  3726.     width: 100% ;
  3727.     margin-left: -5px !important;
  3728.     margin-top: 22px !important;
  3729.     overflow-x: hidden !important;
  3730.     background-color: white !important;
  3731. }
  3732. /* GREASYFORK - DISCUSS / HISTORIC etc - === */
  3733. #feedback-favoriters ,
  3734. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  3735.     margin-top: 10px !important;
  3736.     margin-bottom: 20px !important;
  3737.     padding: 5px !important;
  3738.     border-radius: 4px !important;
  3739.     text-align: center !important;
  3740.     background-color: #f9dacd !important;
  3741. }
  3742.  
  3743. /* (new93) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) -
  3744. https://greasyfork.org/fr/scripts/5751-metal-archives-discography-pages-reviews-column-split-and-sortable-tables/versions
  3745. https://greasyfork.org/fr/scripts/4407-ts-linx-amender/versions
  3746. === */
  3747. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  3748.     margin-top: 90px!important;
  3749.     width: 934px !important;
  3750. }
  3751.  
  3752.  
  3753. /* .width-constraint #script-info > #script-content p + form > ul */
  3754. .width-constraint #script-info > #script-content > form > ul  {
  3755.     width: 950px !important;
  3756.     height: 610px !important;
  3757.     margin-top: 0px !important;
  3758.     margin-bottom: 0 !important;
  3759.     border-top: 1px dashed gray !important;
  3760.     border-bottom: 1px dashed gray !important;
  3761.     padding-left: 5px !important;
  3762.     overflow-x: hidden !important;
  3763.     overflow-y: auto !important;
  3764. }
  3765.  
  3766. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  3767.     margin-bottom: 15px !important;
  3768.     cursor: pointer !important;
  3769. }
  3770. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  3771.     top: 29.9%!important;
  3772.     margin-left: -20px!important;
  3773.     position: fixed !important;
  3774.     width: 10px !important;
  3775.     height: 15px !important;
  3776.     border-left: 19px solid #AAAAAA;
  3777.     border-bottom: 9px solid transparent;
  3778.     border-top: 9px solid transparent;
  3779.     border-right: none !important;
  3780.     color: transparent!important;
  3781.     cursor: pointer !important;
  3782.     background: green !important;
  3783.     -moz-appearance: none !important;
  3784.     transition: width ease 0.1s, margin ease 0.1s  !important;
  3785. }
  3786. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  3787.     margin-left: -130px !important;
  3788.     width: 145px !important;
  3789.     height: auto !important;
  3790.     line-height: 12px !important;
  3791.     -moz-appearance: button !important;
  3792.     white-space: normal !important;
  3793.     border: none !important;
  3794.     color: black !important;
  3795.     cursor: pointer !important;
  3796.     transition: width ease 0.2s, margin ease 1.5s !important;
  3797. }
  3798.  
  3799.  
  3800. /* (new62) GREASYFORK - SCRIPT STATS - === */
  3801. #script-content> script[src*="assets"] ~h3 {
  3802.     margin-top: 10px !important;
  3803.     margin-bottom: 20px !important;
  3804.     padding: 5px !important;
  3805.     border-radius: 4px !important;
  3806.     text-align: center! important;
  3807. }
  3808. [id$="-chart-container"] {
  3809.     background: white !important;
  3810. }
  3811. td.numeric,
  3812. th.numeric {
  3813.     text-align: left!important;
  3814.     text-align: center!important;
  3815. }
  3816. /* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  3817. .width-constraint #discussions li>a:first-of-type {
  3818.     width: 835px !important;
  3819.     display: inline-block !important;
  3820.     color: #B4A393  !important;
  3821. }
  3822. .width-constraint #discussions li>a:first-of-type:hover {
  3823.     color: tomato  !important;
  3824. }
  3825. .width-constraint #discussions li>time:first-of-type {
  3826.     display: inline-block !important;
  3827.     width: 95px !important;
  3828.     margin-right: 20px!important;
  3829.     text-align: center !important;
  3830. }
  3831. .width-constraint #discussions li>time:last-of-type {
  3832.     display: inline-block!important;
  3833.     width: 125px !important;
  3834.     margin-left: -30px !important;
  3835.     text-align: center !important;
  3836.     white-space: nowrap !important;
  3837. }
  3838. .width-constraint #discussions li>a:nth-child(2) {
  3839.     width: 180px !important;
  3840.     display: inline-block !important;
  3841.     margin-left: 10px !important;
  3842. }
  3843. .width-constraint #discussions li>a:nth-child(4) {
  3844.     width: 160px !important;
  3845.     display: inline-block !important;
  3846.     margin-left: 20px !important;
  3847. }
  3848.  
  3849.  
  3850. /* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION -
  3851. #script-content>form > input:first-of-type + ul
  3852. https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
  3853. ==== */
  3854. .width-constraint #script-info > #script-content>form > input:first-of-type + ul {
  3855.     margin-top: -5px  !important;
  3856. /* outline: 4px solid aqua !important; */
  3857. }
  3858. /* (new93) VERSIONS - CONTAINER - ONLY ONE VERSION -
  3859. .width-constraint #script-info > #script-content > form > ul
  3860. https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
  3861. === */
  3862. .width-constraint #script-info > #script-content > form > ul {
  3863.     margin-top: -42px  !important;
  3864. outline: 4px solid red !important;
  3865. }
  3866. /* (new93) GM VERSIONS - ITEMS - ALL - === */
  3867. .width-constraint #script-info > #script-content>form > input:first-of-type {
  3868. /* margin-top: 29px ; */
  3869.     margin-bottom: -3px !important;
  3870.     padding-bottom: 4px !important;
  3871.     border-top: 1px solid gray !important;
  3872.     overflow: hidden !important;
  3873.     text-overflow: ellipsis !important;
  3874.     white-space: nowrap !important;
  3875. }
  3876.  
  3877. .width-constraint #script-info > #script-content > form > ul li:not(:hover) {
  3878. /* margin-top: 29px ; */
  3879.     margin-bottom: -3px !important;
  3880.     padding-bottom: 4px !important;
  3881.     border-top: 1px solid gray !important;
  3882.     overflow: hidden !important;
  3883.     text-overflow: ellipsis !important;
  3884. white-space: nowrap !important;
  3885. }
  3886.  
  3887. .width-constraint #script-info > #script-content > form > ul li:hover {
  3888.     margin-bottom: -3px !important;
  3889.     padding-bottom: 4px !important;
  3890.     border-top: 1px solid gray !important;
  3891.     overflow: visible !important;
  3892.     text-overflow: ellipsis !important;
  3893. /*     white-space: nowrap !important; */
  3894. background: black !important;
  3895. transition: all ease 0.7s !important;
  3896. }
  3897. #script-content>form>ul>li>input + a {
  3898.     display: inline-block !important;
  3899.     width: 15% !important;
  3900.     padding: 1px 5px !important;
  3901.     background: #222222 !important;
  3902. }
  3903. #script-content>form>ul>li:nth-child(odd)>input + a {
  3904.     background: #222222 !important;
  3905. }
  3906. #script-content>form>ul>li:nth-child(even)>input + a {
  3907.     background: #333333 !important;
  3908. }
  3909. .width-constraint #script-info > #script-content > form > ul li time {
  3910.     display: inline-block!important;
  3911.     min-width: 202px !important;
  3912.     max-width: 202px !important;
  3913.     padding: 1px 5px !important;
  3914.     letter-spacing: 1.4px !important;
  3915.     text-align: center !important;
  3916. }
  3917. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  3918.     background: #222222 !important;
  3919. }
  3920.  
  3921. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  3922.     background: #333333 !important;
  3923. }
  3924.  
  3925.  
  3926. /* (new72) GREASYFORK - FORUM TABLE -
  3927. Test LIKNK : MouseOver PopUP Viewer rules :
  3928. https://greasyfork.org/fr/forum/discussion/593/x
  3929. === */
  3930. .Message table {
  3931.     border-collapse: separate;
  3932.     border-spacing: 4px;
  3933.     margin: 1em -4px;
  3934.     width:  650px !important;
  3935. }
  3936. .Message table thead{
  3937.     width:  600px !important;
  3938. }
  3939. .Message th {
  3940.     background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
  3941.     font-size: 105%;
  3942.     font-weight: bold;
  3943.     padding-bottom: 0.5em;
  3944.     padding-top: 0.5em;
  3945. }
  3946. .Message table tbody {
  3947.     width:  600px !important;
  3948. }
  3949. .Message table tbody tr td:first-of-type  {
  3950.     width:  120px !important;
  3951.     vertical-align: middle !important;
  3952.     color: gold !important;
  3953.     border: 1px solid red !important;
  3954. }
  3955. .Message table tbody tr td:first-of-type + td  {
  3956.     min-width:  75px !important;
  3957.     max-width:  75px !important;
  3958.     color: gold !important;
  3959.     vertical-align: middle !important;
  3960.     border: 1px solid green !important;
  3961. }
  3962. .Message table tbody tr td:last-of-type  {
  3963.     min-width:  280px !important;
  3964.     max-width:  280px !important;
  3965.     border: 1px solid blue !important;
  3966. }
  3967. .Message table tbody tr td:last-of-type code {
  3968.     float: left!important;
  3969.     min-width:  290px !important;
  3970.     max-width:  290px !important;
  3971.     background-color: #f9ebd2;
  3972.     border: 1px solid;
  3973.     border-radius: 3px;
  3974.     color: #eb5100;
  3975.     margin-left: -6px !important;;
  3976.     padding: 1px 3px;
  3977.     white-space: pre-line !important;
  3978. }
  3979.  
  3980. /* GREASYFORK - BROWSE / USER SCRIPTS  - === */
  3981. #user-script-list>li ,
  3982. #browse-script-list>li {
  3983.     padding: 5px !important;;
  3984. }
  3985. #user-script-list>li:nth-child(odd) ,
  3986. #browse-script-list>li:nth-child(odd) {
  3987.     background-color: #222 !important;
  3988. }
  3989. #user-script-list>li:nth-child(odd):hover ,
  3990. #browse-script-list>li:nth-child(odd):hover {
  3991.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3992.     background-color: rgba(7, 7, 7, 0.67) !important;
  3993.     transition: background 0.8s ease 0s !important;
  3994. }
  3995. #user-script-list>li:nth-child(even) ,
  3996. #browse-script-list>li:nth-child(even) {
  3997.     background-color: #414141 !important;
  3998. }
  3999. #user-script-list>li:nth-child(even):hover ,
  4000. #browse-script-list>li:nth-child(even):hover {
  4001.     background-color: rgba(7, 7, 7, 0.57) !important;
  4002.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4003.     transition: background 0.8s ease 0s !important;
  4004. }
  4005. #user-script-list>li:hover ,
  4006. #browse-script-list>li:hover {
  4007.     background-color: black !important;
  4008.     z-index: 1 !important;
  4009. }
  4010. /* (new66) without script */
  4011. #user-script-list>li h2 ,
  4012. #browse-script-list>li h2 {
  4013.     display: inline-block !important;
  4014.     width: 100% !important;
  4015.     max-width: 762px !important;
  4016.     word-wrap: break-word !important;
  4017.     overflow: hidden !important;
  4018. }
  4019. #user-script-list>li h2 a ,
  4020. #browse-script-list>li h2 a {
  4021.     display: inline-block!important;
  4022.     width: 100% !important;
  4023.     line-height: 17px !important;
  4024. }
  4025.  
  4026. /* (new79) PB ?? - overflow-wrap */
  4027. #browse-script-list>li h2 span {
  4028.     width: 100% !important;
  4029.     max-width: 720px !important;
  4030.     overflow: hidden !important;
  4031. /* overflow-wrap: break-word !important; */
  4032. }
  4033. #user-script-list>li h2 span.name-description-separator ,
  4034. #browse-script-list>li h2 span.name-description-separator {
  4035.     display: none !important;
  4036. }
  4037.  
  4038.  
  4039. /* (new94) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
  4040. /* (new94) without CITRUS*/
  4041. .width-constraint  #script-list-option-groups.list-option-groups {
  4042.     display: inline-block !important;
  4043.     float: left !important;
  4044.     margin-left: -12px !important;
  4045.     margin-top: 0px !important;
  4046. }
  4047. .width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
  4048.     margin-top: 19px;
  4049. }
  4050. .width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
  4051.     margin-bottom: 0.5em;
  4052.     padding: 0.5em;
  4053.     box-shadow: 3px 3px 2px black !important;
  4054.     border-radius: 5px 0 0 5px !important;
  4055.     border: 1px solid gray !important;
  4056.     background-color: #2d2d2d !important;
  4057. }
  4058. .list-option-group ul {
  4059.     box-shadow: 3px 3px 2px black !important;
  4060.     background-color: transparent !important;
  4061.     padding: 2px 0 !important;
  4062. }
  4063. .width-constraint  #browse-script-list {
  4064.     display: inline-block !important;
  4065.     float: right !important;
  4066. }
  4067. .list-option-group .list-current {
  4068.     height: 19px !important;
  4069.     line-height: 15px !important;
  4070.     margin-bottom: 2px !important;
  4071.     padding: 2px 0 0 0 !important;
  4072. }
  4073. .list-option-group .list-option {
  4074.     height: 19px ;
  4075.     line-height: 9px ;
  4076.     border: 1px solid #404040;
  4077. }
  4078. .list-option-group .list-option a {
  4079. white-space: nowrap ;
  4080. overflow: hidden ;
  4081. text-overflow: ellipsis ;
  4082. }
  4083.  
  4084. /* (new66) */
  4085. .width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
  4086. .width-constraint #script-list-option-groups.list-option-groups + h3 ,
  4087. #browse-script-list + .pagination + p {
  4088.     display: inline-block !important;
  4089.     float: left !important;
  4090.     width: 727px !important;
  4091.     margin-bottom: 8px !important;
  4092.     margin-left: 59px !important;
  4093.     margin-top: -15px !important;
  4094.     padding: 5px !important;
  4095. background: #222 !important;
  4096. }
  4097. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  4098. /* margin-top: -20px !important; */
  4099. margin-top: 0px !important;
  4100.     margin-bottom: 18px !important;
  4101.     border-bottom: 1px solid gray !important;
  4102. }
  4103.  
  4104. #browse-script-list + .pagination + p {
  4105.     margin-bottom: 10px !important;
  4106.     margin-left: 242px !important;
  4107.     margin-top: -10px !important;
  4108. background: #222 !important;
  4109. }
  4110.  
  4111. /* STATISTICS - ADD LABEL on HOVER - === */
  4112. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  4113.     position: fixed !important;
  4114.     display: inline-block !important;
  4115.     width: 100px !important;
  4116.     transform: rotate(-90deg)!important;
  4117.     content: attr(title) !important;
  4118.     margin-top: 65px !important;
  4119.     margin-left: -83px !important;
  4120.     font-size: 13px !important;
  4121.     text-align: right !important;
  4122.     color: peru !important;
  4123. }
  4124. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  4125.     position: fixed !important;
  4126.     display: inline-block !important;
  4127.     width: 20px !important;
  4128.     height: 17px !important;
  4129.     transform: rotate(-90deg)!important;
  4130.     content: "."!important;
  4131.     margin-top: 22px !important;
  4132.     margin-left: -44px !important;
  4133.     border-radius: 5px !important;
  4134.     font-size: 13px !important;
  4135.     text-align: center !important;
  4136.     color: peru!important;
  4137.     background: rgba(255, 211, 0, 0.16)!important;
  4138. }
  4139. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  4140.     position: fixed !important;
  4141.     display: inline-block !important;
  4142.     width: 100px !important;
  4143.     transform: rotate(-90deg) !important;
  4144.     content: "Opera JS" !important;
  4145.     margin-top: 80px !important;
  4146.     margin-left: -40px !important;
  4147.     font-size: 20px !important;
  4148.     text-align: right !important;
  4149.     color: peru !important;
  4150. }
  4151. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  4152.     position: fixed !important;
  4153.     display: inline-block !important;
  4154.     width: 100px !important;
  4155.     transform: rotate(-90deg) !important;
  4156.     content: "Opera JS" !important;
  4157.     margin-top: 80px! important;
  4158.     margin-left: -29px !important;
  4159.     font-size: 20px !important;
  4160.     text-align: right !important;
  4161.     color: peru!important;
  4162. }
  4163.  
  4164. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  4165.     background: rgba(255, 0, 0, 0.23) !important;
  4166. }
  4167. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  4168.     background: rgba(255, 254, 0, 0.23) !important;
  4169. }
  4170. #install-stats-chart-container + table>tbody>tr:hover th {
  4171.     background: blue !important;
  4172. }
  4173. #install-stats-chart-container + table>tbody>tr:hover th {
  4174.     background: blue  !important;
  4175. }
  4176. #install-stats-chart-container + table>tbody>tr:hover td {
  4177.     background: black !important;
  4178. }
  4179. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  4180.     background: red !important;
  4181. }
  4182.  
  4183. /* MESSAGE - ERROR NOT LOADING IMAGES - === */
  4184. .notice {
  4185.     display: inline-block !important;
  4186.     position: absolute !important;
  4187.     width: 214px !important;
  4188.     left: -13px !important;
  4189.     top: 15px !important;
  4190. }
  4191.  
  4192. /* TEST - FORUM IMAGE IN DISSCUSSION -
  4193. https://forum.userstyles.org/discussion/comment/92068#Comment_92068
  4194. .Discussion.comment.Section-Discussion #Frame .CommentsWrap .DataBox.DataBox-Comments ul.MessageList.DataList.Comments li.Item.Alt.ItemComment div.Comment .Item-BodyWrap .Item-Body .Message div
  4195. === */
  4196. .Discussion.comment .Message>div {
  4197.     float: right;
  4198.     height: 150px;
  4199.     width: 719px !important;
  4200.     overflow: hidden;
  4201. }
  4202. .Message .ImageResized {
  4203.     cursor: pointer;
  4204.     font-size: 11px;
  4205.     font-weight: normal;
  4206.     height: 20px !important;
  4207.     margin-bottom: 5px !important;
  4208.     max-width: 668px !important;
  4209.     color: peru !important;
  4210. }
  4211. .Message .ImageResized:hover {
  4212.     color: tomato !important;
  4213. }
  4214.  
  4215.  
  4216. /* TEST - CODE IN DISCUSSION - === */
  4217. .Message>table>tbody>tr>td>code {
  4218.     display: inline-block !important;
  4219.     min-width: 688px !important;
  4220.     max-width: 688px !important;
  4221.     letter-spacing: initial;
  4222.     white-space: pre-line !important;
  4223.     word-wrap: break-word !important;
  4224.     background-color: #5c5c5c !important;
  4225.     color: white!important;
  4226. }
  4227. /* ===
  4228. PB: https://forum.userstyles.org/discussion/27971/useful-extensions-keys-scripts-css-etc-for-stylish/p1
  4229. .Message>pre[id*="b"]
  4230. .Message>ul>li>ul>li>pre
  4231. .Message>ul>li>pre
  4232. .Message pre
  4233. === */
  4234. .Message>pre {
  4235.     position: relative !important;
  4236.     display: inline-block !important;
  4237.     min-width: 650px !important;
  4238.     max-width: 650px !important;
  4239.     margin-left: 5px !important;
  4240.     letter-spacing: initial;
  4241.     white-space: pre-line !important;
  4242.     word-wrap: break-word !important;
  4243.     background-color: #5c5c5c !important;
  4244.     color: white!important;
  4245. }
  4246.  
  4247. .Message>ul>li>pre {
  4248.     position: relative !important;
  4249.     display: inline-block !important;
  4250.     min-width: 580px !important;
  4251.     max-width: 580px !important;
  4252.     margin-left: 5px !important;
  4253.     letter-spacing: initial;
  4254.     white-space: pre-line !important;
  4255.     word-wrap: break-word !important;
  4256.     background-color: #5c5c5c !important;
  4257.     color: white !important;
  4258. }
  4259.  
  4260. .Message>ul>li>ul>li>pre{
  4261.     position: relative !important;
  4262.     display: inline-block !important;
  4263.     min-width: 580px !important;
  4264.     max-width: 580px !important;
  4265.     margin-left: -35px !important;
  4266.     letter-spacing: initial;
  4267.     white-space: pre-line !important;
  4268.     word-wrap: break-word !important;
  4269.     background-color: #5c5c5c !important;
  4270.     color: white !important;
  4271. }
  4272.  
  4273. /* TEST code in discussion - === */
  4274. .Message ol li pre {
  4275.     display: inline-block !important;
  4276.     min-width: 650px !important;
  4277.     max-width: 650px !important;
  4278.     margin-left: -35px !important;
  4279.     letter-spacing: initial;
  4280.     white-space: pre-line !important;
  4281.     word-wrap: break-word !important;
  4282.     background-color: #5c5c5c !important;
  4283.     color: white !important;
  4284. }
  4285.  
  4286. /* FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  4287. TEST different:
  4288. https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
  4289. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  4290. ===  */    
  4291. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4292.     position: relative !important;
  4293.     display: inline-block !important;
  4294.     min-width: 670px !important;
  4295.     max-width: 670px !important;
  4296.     left: -20px !important;
  4297.     top: -10px !important;
  4298.     letter-spacing: initial;
  4299.     white-space: pre-line !important;
  4300.     word-wrap: break-word !important;
  4301.     background-color: white !important;
  4302.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
  4303.     background-size: 30px 15px !important;
  4304.     color: red !important;
  4305.     outline: 1px solid green !important;
  4306. }
  4307. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4308.     position: relative !important;
  4309.     display: inline-block !important;
  4310.     min-width: 670px !important;
  4311.     max-width: 670px !important;
  4312.     left: 0px !important;
  4313.     top: -10px !important;
  4314.     letter-spacing: initial;
  4315.     white-space: pre-line !important;
  4316.     word-wrap: break-word !important;
  4317.     background-color: white !important;
  4318.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  4319.     background-size: 30px 15px !important;
  4320.     color: red !important;
  4321.     outline: 1px solid violet !important;
  4322. }
  4323. pre.linenums.prettyprinted .linenums {
  4324.     background: transparent !important;
  4325.     padding: 8px;
  4326. }
  4327.     pre.linenums.prettyprinted li.L0,
  4328. pre.linenums.prettyprinted li.L1,
  4329.     pre.linenums.prettyprinted li.L2,
  4330. pre.linenums.prettyprinted li.L3,
  4331.     pre.linenums.prettyprinted li.L4,
  4332. pre.linenums.prettyprinted li.L5,
  4333.     pre.linenums.prettyprinted li.L6,
  4334. pre.linenums.prettyprinted li.L7,
  4335.     pre.linenums.prettyprinted li.L8,
  4336. pre.linenums.prettyprinted li.L9 {
  4337.     min-width: 600px !important;
  4338.     max-width: 600px !important;
  4339.     margin-left: -20px!important;
  4340.     background:transparent !important;
  4341. }
  4342.     pre.linenums.prettyprinted li.L0 code,
  4343. pre.linenums.prettyprinted li.L1 code,
  4344.     pre.linenums.prettyprinted li.L2 code,
  4345. pre.linenums.prettyprinted li.L3 code ,
  4346.     pre.linenums.prettyprinted li.L4 code,
  4347. pre.linenums.prettyprinted li.L5 code ,
  4348.     pre.linenums.prettyprinted li.L6 code ,
  4349. pre.linenums.prettyprinted li.L7 code ,
  4350.     pre.linenums.prettyprinted li.L8 code,
  4351. pre.linenums.prettyprinted li.L9 code {
  4352.     min-width: 600px !important;
  4353.     max-width: 600px !important;
  4354.     background: #5c5c5c !important;
  4355.     background:transparent !important;
  4356.     color: white!important;
  4357. }
  4358. .linenums.prettyprinted code .pun{
  4359.     background:transparent !important;
  4360. }
  4361.    
  4362. /* ===
  4363. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  4364. === */
  4365. #vanilla_discussion_comment.Vanilla.Discussion.comment.Section-Discussion.Section-Category-script-development div#Frame div#Body div.Row div#Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message pre {
  4366.     display: inline-block !important;
  4367.     min-width: 630px !important;
  4368.     max-width: 630px !important;
  4369.     margin-left: -5px !important;
  4370. }
  4371. /* (new88) */
  4372. .Quote>p>code ,
  4373. .Message pre code ,
  4374. .Message > code  {
  4375.     display: inline-block !important;
  4376.     max-width: 648px !important;
  4377. /* line-height: 13px !important; */
  4378. vertical-align: middle !important;
  4379. /* margin-top: 0px !important; */
  4380. /* margin-bottom: 0px !important; */
  4381.     padding: 1px 2px 1px 4px !important;
  4382. /* letter-spacing: initial; */
  4383.     white-space: pre-line !important;
  4384.     word-wrap: break-word !important;
  4385.     background-color: #5c5c5c !important;
  4386.     color: white !important;
  4387. }
  4388.  
  4389. /*(new70) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
  4390. https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
  4391. === */
  4392. .Discussion .Item-BodyWrap .Item-Body .Message code ,
  4393. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
  4394.     max-width: 600px !important;
  4395. }
  4396.  
  4397.  
  4398. /* === (new77) ===
  4399. https://greasyfork.org/fr/forum/discussion/7111/forum-upgraded-please-report-any-issues#latest
  4400. PB:
  4401. https://greasyfork.org/fr/forum/discussion/10685/how-to-manage-greasemonkey-userscripts-using-git
  4402. ZIP :
  4403. https://greasyfork.org/fr/forum/discussion/12928/resolved-make-dubious-tlds-optional#latest
  4404. === */
  4405. code ,
  4406. .Message>p>code {
  4407. position: relative !important;
  4408.     display: inline-block!important;
  4409.     min-width: 10px !important;
  4410.     max-width: 670px !important;
  4411.     min-height: 15px !important;
  4412.     line-height: 15px !important;
  4413.     top: 0px !important;
  4414.     margin-top: 0px!important;
  4415.     margin-bottom: -2px !important;
  4416.     margin-left: 2px !important;
  4417.     padding: 0px 2px !important;
  4418.     letter-spacing: initial;
  4419.     white-space: pre-line !important;
  4420.     word-wrap: break-word !important;
  4421.     background-color: #5c5c5c!important;
  4422.     color: white!important;
  4423. }
  4424. /* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
  4425. .Message>ul>li>code  {
  4426. position: relative !important;
  4427.     display: inline-block!important;
  4428.     min-width: 10px !important;
  4429.     max-width: 670px !important;
  4430.     height: 13px !important;
  4431.     line-height: 13px !important;
  4432.     top: 0px !important;
  4433.     margin-top:0px!important;
  4434.     margin-bottom: -2px !important;
  4435.     margin-left: 2px !important;
  4436.     padding: 1px 4px !important;
  4437.     letter-spacing: initial;
  4438.     white-space: pre-line !important;
  4439.     word-wrap: break-word !important;
  4440.     background-color: #5c5c5c!important;
  4441.     color: white!important;
  4442. }
  4443. .QuoteText>pre {
  4444.     width: 660px!important;
  4445.     padding: 2px 2px 2px 4px !important;
  4446.     letter-spacing: initial;
  4447.     white-space: pre-line !important;
  4448.     word-wrap: break-word !important;
  4449. }
  4450.  
  4451. /* USERSTYLES PAGE INFO - CODE - === */
  4452. #additional-info-text>code:not(:empty),
  4453. #long-description>code:not(:empty)  {
  4454.     display: inline-block !important;
  4455. /* width: 820px!important; */
  4456.     margin-left: 1px!important;
  4457.     padding: 5px 10px!important;
  4458.     border-radius: 2px!important;
  4459.     letter-spacing: initial;
  4460.     white-space: pre-line !important;
  4461.     word-wrap: break-word !important;
  4462.     background-color: #e9e8e5!important;
  4463.     background-color: #5c5c5c !important;
  4464.     color: white !important;
  4465. }
  4466. #additional-info-text>pre ,
  4467. #additional-info-text>code pre code ,
  4468. #additional-info-text>code pre {
  4469.     display: inline-block !important;
  4470.     width: 850px!important;
  4471.     margin-left: 1px!important;
  4472.     padding: 5px 10px!important;
  4473.     border-radius: 2px!important;
  4474.     letter-spacing: initial;
  4475.     white-space: pre-line !important;
  4476.     word-wrap: break-word !important;
  4477.     background-color: #e9e8e5!important;
  4478.     background-color: #5c5c5c !important;
  4479.     color: white !important;
  4480. }
  4481.  
  4482. /* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
  4483. #long-description>code:not(:empty)  {
  4484.     display: inline-block !important;
  4485.     width: auto !important;
  4486.     max-width: 540px!important;
  4487. }
  4488. /* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
  4489. #additional-info-text > code:not(:empty)  {
  4490.     display: inline-block !important;
  4491.     width: auto !important;
  4492.     max-width: 820px!important;
  4493. }
  4494.  
  4495. /* GREASYFORK - SCRIPT PAGE INFO - CODE -
  4496. TEST LINK
  4497. - (bili_fix_player - CHINESE) :
  4498. https://greasyfork.org/fr/scripts/740-bili-fix-player
  4499. - userstyles.org css highlighter :
  4500. https://greasyfork.org/fr/scripts/41-userstyles-org-css-highlighter
  4501. === */
  4502. #additional-info>div>blockquote>pre>code  {
  4503.     display: inline-block !important;
  4504.     width: 99%!important;
  4505.     margin-left: -6px!important;
  4506.     padding: 5px 10px!important;
  4507.     border-radius: 2px!important;
  4508.     border: 1px solid gray !important;
  4509.     letter-spacing: initial;
  4510.     white-space: pre-line !important;
  4511.     word-wrap: break-word !important;
  4512.     background-color: #e9e8e5!important;
  4513.     background-color: #5c5c5c !important;
  4514.     color: white !important;
  4515. }
  4516. #additional-info>div>pre>code  {
  4517.     display: inline-block !important;
  4518.     width: 99%!important;
  4519.     margin-left: -6px!important;
  4520.     padding: 5px 10px!important;
  4521.     border-radius: 2px!important;
  4522.     letter-spacing: initial;
  4523.     white-space: pre-line !important;
  4524.     word-wrap: break-word !important;
  4525.     background-color: #e9e8e5!important;
  4526.     background-color: #5c5c5c !important;
  4527.     color: white !important;
  4528. }
  4529.  
  4530. /* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  4531. #main-header + #content-wrapper> #main-article>ul {
  4532.     position: fixed !important;
  4533.     display: inline-block !important;
  4534.     width: 50px !important;
  4535.     height: 18px !important;
  4536.     margin-left: -100px;
  4537.     top: 18px !important;
  4538. padding-left: 15px !important;
  4539. /* padding-right: 5px !important; */
  4540. /* padding-bottom: 10px !important; */
  4541.     border-radius: 3px 3px 0 0 !important;
  4542.     box-shadow: 0 0 4px #999999 !important;
  4543. text-align: left !important;
  4544.     background: #222 !important;
  4545.     overflow: hidden !important;
  4546.     z-index: 500 !important;
  4547. }
  4548. #help-style-settings-edit ~pre ,
  4549. #main-header + #content-wrapper > #main-article > p ~ ul {
  4550.     position: relative !important;
  4551.     display: inline-block !important;
  4552.     width: 700px !important;
  4553.     height: auto!important;
  4554.     margin-left: 200px !important;
  4555.     margin-top: -5px !important;
  4556.     border-radius: 3px !important;
  4557.     border: 1px solid gray !important;
  4558.     background: #222 !important;
  4559.     overflow: visible !important;
  4560.     z-index: 10 !important;
  4561. }
  4562. #main-header + #content-wrapper > #main-article > table + p {
  4563.     position: fixed!important;
  4564.     display: inline-block !important;
  4565.     width: 600px !important;
  4566.     height: auto !important;
  4567.     top: 73px !important;
  4568.     left: 320px !important;
  4569.     opacity: 0 !important;
  4570. }
  4571. #main-header + #content-wrapper > #main-article > table:hover + p {
  4572.     position: fixed!important;
  4573.     display: inline-block !important;
  4574.     width: 600px !important;
  4575.     height: auto!important;
  4576.     top: 73px!important;
  4577.     left: 320px!important;
  4578.     opacity: 1!important;
  4579.     transition: opacity ease 0.7s !important;
  4580. }
  4581. #main-header + #content-wrapper> #main-article>ul:hover {
  4582.     width: 200px !important;
  4583.     height: auto!important;
  4584.     box-shadow: 0 0 4px #999999 !important;
  4585. }
  4586. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  4587.     width: 700px !important;
  4588.     height: auto!important;
  4589. }
  4590. #main-header + #content-wrapper> #main-article>ul:before {
  4591.     width: 200px !important;
  4592.     height: 10px !important;
  4593.     line-height: 10px !important;
  4594.     content: "More..."!important;
  4595. /* padding:  0 !important; */
  4596. }
  4597. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  4598.     content: ""!important;
  4599. }
  4600. /* HELP STYLES - === */
  4601.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  4602.     width: 700px !important;
  4603.     margin-left: 200px !important;
  4604.     background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  4605.     text-align: center!important;
  4606.     color: peru!important;
  4607. }
  4608.  
  4609.  
  4610. /* TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  4611. body {
  4612.     overflow-x: hidden !important;
  4613.     overflow-y: auto !important;
  4614.     font-family: Verdana,sans-serif!important;
  4615. }
  4616.  
  4617.  
  4618. /* (new79) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN -
  4619. IN GREASY FORK DISCUSS:
  4620. https://greasyfork.org/fr/forum/discussion/179/x
  4621. === */
  4622.  
  4623. /* (new79) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
  4624. /* .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems , */
  4625. .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4626.     display: inline-block !important;
  4627. float: left !important;
  4628. /*     width: auto !important; */
  4629. width: 15px !important;
  4630. height: 15px !important;
  4631. /* left: 75px ; */
  4632. padding: 0 !important;
  4633.     border: none !important;
  4634.     background-color: transparent !important;
  4635.     box-shadow: none !important;
  4636. /* background: aqua !important; */
  4637. /* outline: 1px solid pink !important; */
  4638. }
  4639. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4640.     left: -5px !important;
  4641.     top: 21px !important;
  4642. }
  4643. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4644. /*     left: 7px; */
  4645. /*     top: 0; */
  4646. }
  4647.  
  4648. .OptionsMenu .Flyout {
  4649.   right: 6px;
  4650.   top: -1px;
  4651. }
  4652.  
  4653. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  4654. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  4655.     border: none !important;
  4656. }
  4657. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  4658. .ToggleFlyout:not(.Open) .EditDiscussion {
  4659.     display: inline-block !important;
  4660.     width: 18px !important;
  4661.     background-color: transparent!important;
  4662.     font-size: 0px!important;
  4663.     visibility: hidden!important;
  4664.     outline: 1px solid peru !important;
  4665. }
  4666. /* (new79) ALL */
  4667. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  4668.     content: " "!important;
  4669.     position: relative!important;
  4670.     display: inline-block !important;
  4671. width: 18px !important;
  4672. height: 15px !important;
  4673. /*     margin-left: 35px !important; */
  4674. /*     left: 24px !important; */
  4675. /*     top: -16px !important; */
  4676.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4677.     background-color: black !important;
  4678.     font-size: 15px !important;
  4679.     visibility: visible !important;
  4680.     outline: 1px solid gray !important;
  4681. }
  4682. /* (new79) */
  4683. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  4684.     content: " "!important;
  4685.     position: relative!important;
  4686.     display: inline-block !important;
  4687.     width: 18px !important;
  4688.     height: 18px !important;
  4689. /*     margin-left: 25px !important; */
  4690. /*     top: 0px !important; */
  4691.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4692.     background-color: black !important;
  4693.     font-size: 15px !important;
  4694.     visibility: visible !important;
  4695.     outline: 1px solid gray !important;
  4696. }
  4697. /* EDIT BUTTON */
  4698. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  4699.     display: inline-block !important;
  4700.     height: 15px !important;
  4701.     line-height: 15 !important;
  4702.     padding: 1px !important;
  4703. }
  4704.  
  4705.  
  4706.  
  4707. /* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
  4708. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  4709.     margin-top: -74px !important;
  4710. }
  4711. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  4712.     padding: 0px 20px !important;
  4713. }
  4714.  
  4715. /* TEST - MARK AS RED / HIDE -
  4716. EDIT :
  4717. https://greasyfork.org/fr/forum/discussions/mineEDIT:
  4718. READ:
  4719. https://greasyfork.org/fr/forum/categories
  4720. DISMISS :
  4721. https://forum.userstyles.org/discussions
  4722. #vanilla_discussions_mine
  4723.  
  4724. === */
  4725.  
  4726.  
  4727.  
  4728.  
  4729. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  4730.     position: relative !important;
  4731.     display: inline-block !important;
  4732.     float: left !important;
  4733. width: 18px !important;
  4734. /* height: 15px !important; */
  4735. padding: 0 !important;
  4736. line-height: 15px !important;
  4737. outline: 1px solid pink !important;
  4738. }
  4739.  
  4740. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
  4741.     background-color: #ACB1B7 !important;
  4742.     color: white !important;
  4743.     text-decoration: none;
  4744. }
  4745.  
  4746. /* (new79) EDIT COMMENT - === */
  4747. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  4748. /*     float: left !important; */
  4749.     font-size: 15px !important;
  4750.     visibility: hidden !important;
  4751.     outline: 1px solid gray !important;
  4752. }
  4753.  
  4754. /* (new79) */
  4755. #vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4756. #vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4757. #vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
  4758. /* outline: 1px solid violet !important; */
  4759. }
  4760.  
  4761.  
  4762.  
  4763. /* COMMENT DISCUSS  */
  4764. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  4765. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  4766. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  4767.     visibility: hidden!important;
  4768. }
  4769. /* COMMENT DISCUSS ALT (BLACK) */
  4770. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  4771. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  4772.     visibility: hidden !important;
  4773. }
  4774. /* LIST BOOKMARKED */
  4775. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  4776. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  4777.     visibility: hidden !important;
  4778. }
  4779. /* LIST BOOKMARKED ALT (BLACK) */
  4780. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  4781. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  4782.     outline: 1px solid red!important;
  4783.     visibility: hidden !important;
  4784. }
  4785. .DismissAnnouncement.Hijack {
  4786.     margin-right: 19px !important;
  4787.     margin-top: -31px !important;
  4788.     color: peru !important;
  4789. }
  4790. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  4791.     margin-right: 19px !important;
  4792.     margin-top: 0px !important;
  4793.     color: peru !important;
  4794. }
  4795.  
  4796. /* (new79) TEST - USERSTYLES - EDIT COMMENT */
  4797. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
  4798. /* float: left !important; */
  4799. /*     margin-top: -12px !important; */
  4800. /* left: 60px !important; */
  4801.     font-size: 15px !important;
  4802.     visibility: visible !important;
  4803.     visibility: hidden !important;
  4804. z-index: 10000 !important;
  4805. }
  4806. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
  4807. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  4808.     content: " "!important;
  4809.     position: relative !important;
  4810.     display: inline-block !important;
  4811.     float: left !important;
  4812. width: 18px !important;
  4813. height: 15px !important;
  4814. left: 30px ;
  4815. /* margin-left: 57px!important; */
  4816. /* margin-top: 34px !important; */
  4817. /* top: 4px !important; */
  4818.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4819.     background-color: black !important;
  4820.     font-size: 15px !important;
  4821.     visibility: visible !important;
  4822. /* outline: 1px solid red !important; */
  4823.     outline: 1px solid gray !important;
  4824. z-index: 10000 !important;
  4825. }
  4826.  
  4827. /* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS :
  4828. == GREASYFORK ==
  4829. .Discussion.comment.Section-Discussion #Frame #Body #Content.Column.ContentColumn  .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout.OptionsMenu:not(.Open)
  4830. https://greasyfork.org/fr/forum/discussion/179/x
  4831. === */
  4832. /* GREASYFORK */
  4833. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  4834.     outline: 1px solid peru!important;
  4835.     visibility: hidden !important;
  4836. }
  4837.  
  4838. /* (new79) EDIT - USERSTYLES */
  4839. .ToggleFlyout.OptionsMenu {
  4840. /*     left: -19px; */
  4841. /*     top: -27px; */
  4842. }
  4843.  
  4844. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion:before  {
  4845. /*     margin-left: -70px !important; */
  4846. /*     top: -13px !important; */
  4847. }
  4848. /* (new79) EDIT - GREASYFORK */
  4849. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before{
  4850. /*     margin-left: 20px !important; */
  4851. /*     top: -23px !important; */
  4852. }
  4853.  
  4854. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style -
  4855. https://greasyfork.org/forum/discussion/1122/help-converting-this-not-too-lengthy-google-chrome-extension-into-greasemonkey
  4856. === */
  4857. .Attachment .FilePreview .Thumb-Default img ,
  4858. .Attachment .FileHover .Thumb-Default img {
  4859.     display: inline-block !important;
  4860.     max-height: 25px !important;
  4861.     min-height: 25px !important;
  4862.     height: 100% !important;
  4863.     width: 20px !important;
  4864. }
  4865.  
  4866. /* START PAGE - === */
  4867. #main-article>p  {
  4868.     position: relative !important;
  4869.     display: inline-block !important;
  4870.     width: 870px! important;
  4871.     margin: 10px auto ! important;
  4872.     left: 70px ! important;
  4873. }
  4874. #front-page-best {
  4875.     display: inline-block ! important;
  4876.     margin-left: 200px ! important;
  4877. }
  4878. #front-page-newest {
  4879.     display: inline-block !important;
  4880.     margin-left: 200px !important;
  4881. }
  4882. #front-page-best h2 ,
  4883. #front-page-newest  h2 {
  4884.     display: inline-block ! important;
  4885.     width: 300px !important;
  4886.     margin-left: 15px !important;
  4887.     padding-left: 29px !important;
  4888.     border-radius: 5px !important;
  4889.     box-shadow: 0 0 4px #999999 !important;
  4890.     background-color: #222222 !important;
  4891. }
  4892. #front-page-best ul li  ,
  4893. #front-page-newest ul li  {
  4894.     width: 700px ! important;
  4895.     padding: 2px 5px ! important;
  4896. }
  4897. #front-page-best ul li:nth-child(even) ,
  4898. #front-page-newest ul li:nth-child(even) {
  4899.     background: black! important;
  4900. }
  4901. #front-page-best ul li:nth-child(odd) ,
  4902. #front-page-newest ul li:nth-child(odd) {
  4903.     background: #222222 ! important;
  4904. }
  4905. #front-page-newest ul li:not(.additional-link):after ,
  4906. #front-page-best ul li:not(.additional-link):after {
  4907.     content: "tot   :   " attr(total-install-count) ;
  4908.     display: inline-block ;
  4909.     float: left ;
  4910.     width: 250px ;
  4911.     margin-right: -100px ;
  4912.     text-align: left ;
  4913.     color: gold ;
  4914. }
  4915. #front-page-best ul li:not(.additional-link):before {
  4916.     content: "week   :   " attr(weekly-install-count) ;;
  4917.     display: inline-block ;
  4918.     float: right ;
  4919.     width: 120px ;
  4920.     margin-left: 10px ;
  4921.     text-align: left ;
  4922.     color: gold;;
  4923. }
  4924.  
  4925. /* for GM "ENHANCER" / "TABLE VIEW" - === */
  4926. table#summary + #table-container > table#style-table  {
  4927.     border-collapse: collapse;
  4928.     margin-bottom: 0;
  4929.     margin-left: 0;
  4930.     margin-right: 0;
  4931. }
  4932. table#summary + #table-container > table#style-table > tr:first-of-type {
  4933.     position: fixed !important;
  4934.     height: 100% !important;
  4935.     max-width: 65.5% !important;
  4936.     min-width: 65.5% !important;
  4937.     width: 100% !important;
  4938.     margin-top: -45px !important;
  4939.     min-height: 50px !important;
  4940.     border-bottom: 4px solid #D2B48C !important;
  4941.     border-top: 4px solid #D2B48C !important;
  4942.     z-index: 200 !important;
  4943. }
  4944. /* TABLE VIEW - FIXED HEADER CELLS */
  4945. table#summary + #table-container > table#style-table th {
  4946.     height: 100%!important;
  4947.     min-height: 35px!important;
  4948.     max-height: 35px!important;
  4949.     text-shadow: 1px 1px 2px #000000;
  4950. }
  4951. /* A VOIR - for GM "ENHANCER" */
  4952. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  4953.     height: 30px !important;
  4954.     line-height: 3px !important;
  4955.     text-shadow: 1px 1px 2px #000000;
  4956. }
  4957. /* PAGINATION - HIGHLIGHT - === */
  4958. .NumberedPager a.Highlight ,
  4959. #PagerBefore.Pager a.Highlight{
  4960.     background: none repeat scroll 0 0 yellow !important;
  4961.     color: red !important;
  4962. }
  4963.  
  4964.  
  4965.  
  4966. /* USERSTYLES - PAGE INFO - HIDDEN METDATA - === */
  4967. #main-article #hidden-meta {
  4968.     position: fixed !important;
  4969.     width: 190px!important;
  4970.     top: 460px !important;  
  4971.     left: -15px !important;
  4972.     padding: 2px !important;
  4973.     text-shadow: 1px 1px 2px #000000 !important;
  4974. }
  4975. /* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  4976. /* body .Pager .Highlight , */
  4977. .Pager a,
  4978. .Pager span {
  4979.     position: relative !important;
  4980.     display: inline-block;
  4981.     margin: 0 3px;
  4982.     min-width: 17px!important;
  4983.     height: 14px !important;
  4984.     line-height: 13px !important;
  4985.     padding: 0 !important;
  4986.     text-align: center!important;
  4987.     vertical-align: middle !important;
  4988.     border-radius: 3px !important;
  4989.     box-shadow: 3px 3px 2px black !important;
  4990.     background: #222 !important;
  4991. }
  4992. .NumberedPager a.Next,
  4993. .NumberedPager span.Next,
  4994. .NumberedPager a.Previous,
  4995. .NumberedPager span.Previous {
  4996.     position: relative !important;
  4997.     display: inline-block !important;
  4998.     height: 14px !important;
  4999.     line-height: 11px !important;
  5000.     font-size: 23px !important;
  5001.     border-radius: 3px !important;
  5002.     box-shadow: 3px 3px 2px black !important;
  5003.     background: #222 !important;
  5004.     vertical-align: middle !important;
  5005. }
  5006. .NumberedPager .Next:hover,
  5007. .NumberedPager .Previous:hover {
  5008.     position: relative !important;
  5009.     display: inline-block !important;
  5010.     height: 14px !important;
  5011.     line-height: 11px !important;
  5012.     border-radius: 3px !important;
  5013.     top: 5px!important;
  5014.     left: 0px !important;
  5015.     margin-left: 3px !important;
  5016.     right: 0px !important;
  5017.     font-size: 26px !important;
  5018.     vertical-align: middle !important;
  5019. }
  5020. #PagerAfter>a:hover,
  5021. #PagerBefore>a:hover,
  5022. body .Pager .Highlight:hover,
  5023. .PageControls .Pager a:hover  {
  5024.     display: inline-block !important;
  5025. /* font-size: 18px !important; */
  5026.     color: tomato !important;
  5027. }
  5028.  
  5029. #PagerBefore> .Next:hover,
  5030. .NumberedPager a.Next:hover,
  5031. .NumberedPager span.Next:hover {
  5032. position: relative !important;
  5033.     display: inline-block !important;
  5034.     height: 20px !important;
  5035.     line-height: 17px!important;
  5036.     margin-top: -10px !important;
  5037.     font-size: 23px !important;
  5038.     vertical-align: middle !important;
  5039.     color: tomato !important;
  5040. }
  5041.  
  5042. #PagerAfter> .Previous:hover,
  5043. #PagerBefore> .Previous:hover,
  5044. .NumberedPager a.Previous:hover,
  5045. .NumberedPager span.Previous:hover {
  5046. position: relative !important;
  5047.     display: inline-block !important;
  5048.     height: 20px !important;
  5049.     line-height: 17px!important;
  5050.     margin-top: -10px !important;
  5051.     font-size: 23px !important;
  5052.     vertical-align: middle !important;
  5053.     color: tomato !important;
  5054. }
  5055. /* (new63) */
  5056. .p-100.LastPage:hover {
  5057. position: relative !important;
  5058.     display: inline-block !important;
  5059.     height: 20px !important;
  5060.     line-height: 17px!important;
  5061.     font-size: 16px !important;
  5062.     vertical-align: middle !important;
  5063.     color: tomato !important;
  5064. }
  5065. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  5066. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  5067. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  5068.     position: relative !important;
  5069.     display: inline-block !important;
  5070.     vertical-align: middle !important;
  5071.     line-height: 20px !important;
  5072.     height: 20px!important;
  5073.     padding: 2px!important;
  5074.     top: -10px!important;
  5075.     font-size: 15px !important;
  5076.     color: peru !important;
  5077. }
  5078. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  5079.     display: inline-block !important;
  5080.     left: -11px!important;
  5081.     font-size: 20px !important;
  5082.     transition: all ease 0.5s !important;
  5083.     color: tomato !important;
  5084. }
  5085. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  5086.     display: inline-block !important;
  5087.     margin-right: -9px!important;
  5088.     margin-left: 2px!important;
  5089.     font-size: 20px !important;
  5090.     transition: all ease  0.5s  !important;
  5091.     color: tomato !important;
  5092. }
  5093. /* ==== TEST - USERSTYLES LIGHTBOX - === */
  5094. /* LIGHTBOX - STOP LINKIFYPLS to DOUBLE IMG SCREENSHOT - === */
  5095. .lb-caption .linkifyplus>img {
  5096.     display: none !important;
  5097. }
  5098.  
  5099. /* USERSTYLES LIGHTBOX - CONTAINER IMAGE */
  5100. .lightbox {
  5101.     position: absolute;
  5102.     width: 100% !important;
  5103.     line-height: 0;
  5104.     left: 0 !important;
  5105.     top: 93.9px !important;
  5106.     text-align: center;
  5107.     z-index: 10000;
  5108. }
  5109. .lb-outerContainer {
  5110.     width: 92% !important;
  5111.     height: 100% !important;
  5112.     height: 90px!important;
  5113.     margin: 0 auto !important;
  5114.     top: -50px!important;
  5115.     border-radius: 4px;
  5116.     background-color: white;
  5117.     background-color: rgb(62, 62, 62) !important;
  5118.     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.12)) !important;
  5119.     border: 1px solid rgb(0, 0, 0) !important;
  5120.     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 1px 1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(0, 0, 0, 0.02), 1px 1px 0 rgba(255, 255, 255, 0.05) inset !important;
  5121.     color: rgb(170, 170, 170) !important;
  5122.     font-weight: bold !important;
  5123.     outline: 0 none !important;
  5124.     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
  5125. }
  5126. .lb-container {
  5127.     position: absolute !important;
  5128.     height: auto !important;
  5129.     width: 100% !important;
  5130.     margin: 0 auto !important;
  5131.     padding-top: 95px !important;
  5132. }
  5133. .lb-dataContainer {
  5134.     position: relative!important;
  5135.     display: inline-block!important;
  5136.     width: 85%!important;
  5137.     top: -120px!important;
  5138.     text-align: center !important;
  5139. }
  5140. .lb-data {
  5141.     color: #bbb;
  5142.     padding: 0px !important;
  5143.     margin-top: -20px!important;
  5144.     text-align: center !important;
  5145. }
  5146. .lb-data .lb-details {
  5147.     width: 100%!important;
  5148.     float: left;
  5149.     line-height: 15px !important;
  5150.     text-align: center !important;
  5151. }
  5152. .lb-data .lb-number {
  5153.     display: inline-block !important;
  5154.     width: 97%!important;
  5155.     clear: left;
  5156.     margin-top: 28px!important;
  5157.     color: peru !important;
  5158.     font-size: 29px !important;
  5159. }
  5160. .lb-data .lb-caption {
  5161.     position: relative !important;
  5162.     display: inline-block!important;
  5163.     width: 100%!important;
  5164.     height: 20px !important;
  5165.     line-height: 15px!important;
  5166.     font-size: 13px !important;
  5167.     font-weight: bold;
  5168. }
  5169. .lb-closeContainer {
  5170.     position: relative !important;
  5171.     margin-bottom: -2px!important;
  5172.     top: -45px!important;
  5173.     z-index: 10 !important;
  5174. }
  5175. .lb-nav {
  5176.     position: absolute;
  5177.     width: 99.5%!important;
  5178.     height: 100%;
  5179.     height: 47px !important;
  5180.     left: 0;
  5181.     top: 42px !important;
  5182. }
  5183. .lb-prev:not([style="display: none;"]) ,
  5184. .lb-next:not([style="display: none;"])  {
  5185.     display: inline-block !important;
  5186.     width: 50%!important;
  5187.     height: 42px !important;
  5188.     cursor: pointer;
  5189.     transition: opacity ease 1.2s !important;
  5190. }
  5191. .lb-prev:not([style="display: none;"])  {
  5192.     float: left;
  5193.     opacity: 0.2 !important;
  5194. }
  5195. .lb-prev:not([style="display: none;"]):hover {
  5196.     opacity: 1 !important;
  5197. }
  5198.  
  5199. /* (new60) PREV ICON - PB IMAGE BACKGROUND - leoncastro - OK  */
  5200. .lb-prev:not([style="display: none;"]) {
  5201.     background: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png") no-repeat scroll 80% 45% transparent !important;
  5202. color: transparent !important;
  5203. }
  5204. .lb-next:not([style="display: none;"])  {
  5205.     float: right;
  5206.     opacity: 0.2 !important;
  5207. }
  5208. .lb-next:not([style="display: none;"]):hover {
  5209.     opacity: 1 !important;
  5210. }
  5211.  
  5212. /* (new60) NEXT ICON - PB IMAGE BACKGROUND - leoncastro - OK */
  5213. .lb-next:not([style="display: none;"])  {
  5214.     background: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png") no-repeat scroll 20% 48% transparent !important;
  5215. color: transparent !important;
  5216. }
  5217.  
  5218.  
  5219. /* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)-
  5220. TEST - MAX HEIGHT for PREVIEW :
  5221. OK :
  5222. https://greasyfork.org/fr/scripts/4685-ts-pixiv
  5223. https://greasyfork.org/fr/scripts/4407-ts-linx-amender
  5224. A voir :
  5225. https://greasyfork.org/fr/scripts/49-userscripts-widescreen-dark-grey-v-9
  5226. === */
  5227. /* #additional-info .script-author-description  img + br ~ br , */
  5228. #additional-info .script-author-description>p  img ~ br {
  5229.     display : none !important;
  5230. }
  5231. #additional-info img ,
  5232. .lightbox .lb-image {
  5233.     position: relative  !important;
  5234.     display: inline-block !important;
  5235.     height: auto !important;
  5236.     max-width: 80% !important;
  5237.     margin: 0 auto !important;
  5238.     border-radius: 3px;
  5239. }
  5240. #additional-info img {
  5241.     border: 1px solid orange !important;
  5242.     box-shadow: 5px 5px 2px #888888 !important;
  5243.     color: yellow!important;
  5244.     max-width: 98%!important;
  5245.     max-height: 245px !important;
  5246.     padding: 2px !important;
  5247.     box-shadow: 5px 5px 2px #181818 !important;
  5248.     background-color: #2b2b2b !important;
  5249. }
  5250. #additional-info .fancybox img {
  5251.     border: 1px solid orange !important;
  5252.     box-shadow: none !important;
  5253.     color: yellow!important;
  5254.     max-height: 100px !important;
  5255. }
  5256.  
  5257. /* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  5258. #main-article {
  5259.     margin-left: 215px !important;
  5260. }
  5261.  
  5262. /* USERSTYLES - EDIT/CREATE PAGE - SAVE BUTT - === */
  5263. form[action="/styles/create"] input[name="commit"] ,
  5264. #main-article   form[action="/styles/update"] input[name="commit"] {
  5265.     position: fixed !important;
  5266.     width: 81px !important;
  5267.     height: 54px !important;
  5268.     left: 200px !important;
  5269.     top: 490px !important;
  5270. }
  5271.  
  5272.  
  5273.  
  5274. /* USERSTYLES - ACCOUNT- INSTAL WEEK - === */
  5275. .numeric-value {
  5276.     color: gold !important;
  5277. }
  5278. .numeric-value + .numeric-value {
  5279.     color: tan !important;
  5280. }
  5281.  
  5282. /* (new60) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
  5283. footer {
  5284.     position: fixed !important;
  5285.     display: inline-block !important;
  5286.     width: auto !important;
  5287.     top: 00px !important;
  5288.     left: 10px ! important;
  5289. padding: 0 5px 5px 20px !important;
  5290.     z-index: 5000 ! important;
  5291.     visibility: hidden !important;
  5292. background: red !important;
  5293. }
  5294. footer:hover {
  5295.     position: fixed !important;
  5296.     display: inline-block !important;
  5297.     width: auto !important;
  5298.     top: 00px !important;
  5299.     left: 10px ! important;
  5300. padding: 0 5px 5px 20px !important;
  5301.     z-index: 5000 ! important;
  5302.     visibility: visible !important;
  5303. background: black !important;
  5304. }
  5305. footer:before {
  5306. content: "🔻" !important;
  5307.     position: fixed !important;
  5308.     display: inline-block !important;
  5309.     width: auto !important;
  5310.     top: 10px !important;
  5311.     left: 5px ! important;
  5312. padding: 0px  !important;
  5313.     z-index: 5000 ! important;
  5314.     visibility: visible !important;
  5315. background: gold !important;
  5316. }
  5317. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  5318.  
  5319. /* USERSTYLES - MENUS POPUP - SIDEBAR - "Home" etc... === */
  5320. #left-sidebar > nav {
  5321.     position: fixed !important;
  5322.     width: 197px !important;
  5323.     left: 7px !important;
  5324.     top: 70px !important;
  5325.     box-shadow: 0 0 4px #999999 !important;
  5326.     background-color: #222222 !important;
  5327.     z-index: 1000 !important;
  5328. }
  5329. #left-sidebar nav ul li a {
  5330.     margin-left: 12px !important;
  5331. }
  5332. #left-sidebar>nav>ul>li>a{
  5333.     font-family: Verdana,sans-serif;
  5334.     font-size: small !important;
  5335. }
  5336.  
  5337. /* USERSTYLES - MENUS POPUP - ONE MENU === */
  5338. #left-sidebar a {
  5339.     display: inline-block !important;
  5340. }
  5341. #left-sidebar>nav>ul>li:nth-child(3) {
  5342.     position: fixed !important;
  5343.     display: inline-block !important;
  5344.     visibility: visible !important;
  5345.     min-width: 95px !important;
  5346.     max-width: 95px !important;
  5347.     top: 31px !important;
  5348.     left: 25px !important;
  5349.     padding: 1px 5px  ! important;
  5350.     border-radius: 3px 3px 0 0 !important;
  5351.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5352.     list-style: none !important;
  5353.     cursor: pointer !important;
  5354.     z-index: 200 !important;
  5355. }
  5356.  
  5357. /* (new75) USERSTYLES -  MENUS POPUP - "Home" = MENU2 sans "my account"  >>> "Home/Help/Forum/Categorie" - === */
  5358. #left-sidebar>nav {
  5359.     width: 200px;
  5360.     height: 0px !important;
  5361.     margin-bottom: -28px !important;
  5362.     padding-left: 5px;
  5363.     visibility: hidden;
  5364. }
  5365. #left-sidebar>nav>ul:hover {
  5366.     position: absolute !important;
  5367.     display: block !important;
  5368.     width: 95px !important;
  5369.     height: auto !important;
  5370.     top : -20px !important;
  5371.     left: 13px !important;
  5372.     padding: 20px 5px 5px 5px !important;
  5373.     border-radius: 0 0 3px 3px !important;
  5374.     box-shadow: 0 0 4px #999999 !important;
  5375.     background-color: #222222 !important;
  5376.     list-style: none !important;
  5377.     transition: height 1.5s ease 1s!important;
  5378.     visibility: visible !important;
  5379.     z-index: 800 !important;
  5380. }
  5381. #left-sidebar>nav>ul:hover li:not([id="sidebar-search"]):not([id="sidebar-my-account"]) {
  5382.     position: relative!important;
  5383.     width: 90px !important;
  5384.     top: -13px!important;
  5385.     margin-bottom: 10px!important;
  5386. }
  5387. /* USERSTYLES -  "Home" = MENU2 sans "my account" - WITHOUT HOVER - === */
  5388. #left-sidebar>nav>ul>li {
  5389.     width: 200px ! important;
  5390.     border-radius: 5px !important;
  5391.     box-shadow: 0 0 4px #999999 !important;
  5392.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5393. }
  5394. /* USERSTYLES - "Home" = MENU2 sans "my account" - HOVER -  === */
  5395. #left-sidebar>nav>ul>li:hover {
  5396.     background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
  5397. }
  5398.  
  5399. /* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  5400. #style-author-info {
  5401.     position: fixed !important;
  5402.     width: 205px ! important;
  5403.     height: 100% ! important;
  5404.     min-height: 292px ! important;
  5405.     max-height: 792px ! important;
  5406.     left: 5px !important;
  5407.     top: 80px !important;
  5408.     padding-left: 5px !important;
  5409.     padding-bottom: 3px !important;
  5410.     border-radius: 5px !important;
  5411.     box-shadow: 3px 3px 2px black !important;
  5412.     background: #222222 !important;
  5413. }
  5414. #style-install-info {
  5415.     position: fixed !important;
  5416.     width: 195px ! important;
  5417.     left: 23px !important;
  5418.     top: 320px !important;
  5419.     padding-left: 5px !important;
  5420.     padding-bottom: 3px !important;
  5421.     border-radius: 5px !important;
  5422.     background: #222222 !important;
  5423.     z-index: 700 !important;
  5424. }
  5425.  
  5426. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  5427. #style-install-info>tbody>tr:nth-child(2n+1) ,
  5428. #style-author-info>tbody>tr:nth-child(2n+1) {
  5429.     background: #262626 !important;
  5430.  }
  5431.  
  5432. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  5433. #style-install-info>tbody>tr ,
  5434. #style-author-info>tbody>tr {
  5435.     color: gold !important;
  5436. }
  5437. /*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  5438. #style-install-info>tbody>tr th+td ,
  5439. #style-author-info>tbody>tr th+td {
  5440.     position: relative ! important;
  5441.     display: inline-block ! important;
  5442.     width: 95% ! important;
  5443.     bottom: 3px ! important;
  5444.     left: 3px ! important;
  5445.     border-radius: 5px ! important;
  5446.     border : #434141 solid 1px !important;
  5447.     box-shadow: 3px 3px 2px black !important;
  5448.     color: #6999A6 !important;
  5449.     text-align: center ! important;
  5450.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5451. }
  5452.  
  5453. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  5454. #style-install-info>tbody>tr ,
  5455. #style-author-info>tbody>tr {
  5456.     display: block !important;
  5457.     position: relative !important;
  5458.     width: 190px !important;
  5459.     font-size: 11px !important;
  5460. }
  5461. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  5462. #style-author-info>tbody>tr:first-child {
  5463.     position: relative !important;
  5464.     display: inline-block !important;
  5465.     margin-top: 5px ! important;
  5466.     margin-left: 0px ! important;
  5467.     width: 190px !important;
  5468.     height: 89px ! important;
  5469.     border-radius: 5px ! important;
  5470.     border: 1px gray solid ! important;
  5471. }
  5472.  
  5473. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  5474. #style-author-info>tbody>tr:nth-child(1)>th {
  5475.     display: inline-block !important;
  5476.     position: relative !important;
  5477.     width: 184px !important;
  5478.     margin-top: 1px ! important;
  5479.     padding: 0 5px 2px 0 !important;
  5480.     border-radius: 5px 5px 0 0  ! important;
  5481.     color: transparent !important;
  5482.     font-size: 0px !important;
  5483.     text-align: center ! important;
  5484.     background: linear-gradient(to bottom,  rgba(0,0,0,1) 2%,rgba(17,17,17,1) 37%,rgba(51,51,51,1) 100%,rgba(19,19,19,1) 100%);
  5485. }
  5486. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  5487. #style-author-info>tbody>tr:nth-child(1)>th:before {
  5488.     position: relative ;
  5489.     display: inline-block ;
  5490.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5491.     transform:scale(0.9,0.7) ;
  5492. }
  5493.  
  5494. /*  - USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5495. #style-author-info>tbody>tr:nth-child(1)>td a {
  5496.     position: absolute ! important;
  5497.     display: block !important;
  5498.     position: relative !important;
  5499.     max-width: 182px !important;
  5500.     height: 51px ! important;
  5501.     left: -2px ! important;
  5502.     padding: 0 2px !important;
  5503.     font-size: 19px !important;
  5504.     font-weight: bold ! important;
  5505.     text-align: center ! important;
  5506.     color: SlateGray !important;
  5507.     border-radius: 0 0 5px 5px ! important;
  5508.     background: linear-gradient(to bottom, rgba(19,19,19,1) 0%,rgba(51,51,51,1) 0%,rgba(17,17,17,1) 63%,rgba(0,0,0,1) 98%);
  5509.     border :none !important;
  5510.     white-space: pre-wrap ! important;
  5511.     word-break: break-all ! important;
  5512.     -moz-hyphens: auto ! important;
  5513. }
  5514.  
  5515. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5516. #style-author-info>tbody>tr:first-of-type th+td {
  5517.     position: relative ! important;
  5518.     display: inline-block ! important;
  5519.     width: 100% ! important;
  5520.     bottom: -1px ! important;
  5521.     left: 3px ! important;
  5522.     text-align: center ! important;
  5523.     border :none !important;
  5524.     background: transparent ! important;
  5525. }
  5526.  
  5527. /* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  5528. #content-wrapper #main-article #left-info {
  5529.     position: absolute ! important;
  5530.     display: inline-block ! important;
  5531.     vertical-align: top ! important;
  5532.     top: 5px !important;
  5533.     margin-left: 2% !important;
  5534. }
  5535.  
  5536. /* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  5537. #screenshots {
  5538.     position: absolute ;
  5539.     display: inline-block ;
  5540.     float: none ;
  5541.     clear: both ;
  5542.     height: 395px ;
  5543.     width: 360px ;
  5544.     top: 0px ;
  5545.     border: 1px solid #434141 !important;
  5546.     box-shadow: 3px 3px 2px black ;
  5547.     background-color: #222222 ;
  5548.     z-index: 10 ;
  5549. }
  5550. .screenshot-thumbnail {
  5551.     border: 1px solid #434141 !important;
  5552.     box-shadow: 3px 3px 2px black ;
  5553. }
  5554. #more-screenshots {
  5555.     font-size: 0 !important;
  5556. }
  5557. #more-screenshots span {
  5558.     position: absolute !important;
  5559.     display: inline-block !important;
  5560.     padding: 2px 5px !important;
  5561.     border-radius: 5px !important;
  5562.     background: black !important;
  5563.     font-size: 15px !important;
  5564. }
  5565. #screenshots #more-screenshots a  {
  5566.     position: relative !important;
  5567.     display: inline-block !important;
  5568.     width: 98% !important;
  5569.     bottom: -20px !important;
  5570.     font-size: small !important;
  5571. }
  5572. #screenshots #more-screenshots a:before  {
  5573.     content: "\25BA" ;
  5574.     color: gold ;
  5575. }
  5576. /* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  5577. #style-info {
  5578.     position: absolute ! important;
  5579.     width: 78.5% !important;
  5580.     margin-top : 1px !important;
  5581.     left: 249px !important;
  5582.     word-wrap: break-word ! important;
  5583. }
  5584. #main-style-info {
  5585.     width: 60% !important;
  5586.     margin-bottom: 1em;
  5587.     margin-left: 380px !important;
  5588.     padding-left: 1em;
  5589. }
  5590.  
  5591. /* (new79) USERSTYLES - STY INFOS - LG DESC - TXT -
  5592. <a href="http://userstyles.org/styles/69350/">Flickr WideScreen - SCRIPT/Flickr Functional Suite</a>
  5593. === */
  5594. #long-description {
  5595.     position: relative !important;
  5596.     display: inline-block !important;
  5597.     width: 565px ! important;
  5598.     height: 395px !important;
  5599.     min-height: 100px ! important;
  5600.     top: 4px !important;
  5601.     margin-top: 0px !important;
  5602.     left: 10px ! important;
  5603.     padding: 5px 5px 2px 10px !important;
  5604.     border-radius: 5px !important;
  5605.     box-shadow: 0 0 4px #999999 !important;
  5606.     border: 1px solid red !important;
  5607.     box-shadow: 3px 3px 2px black !important;
  5608.     overflow: hidden ! important;
  5609.     overflow-y: auto ! important;
  5610. }
  5611. /* (new60) NEDD CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
  5612. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  5613. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  5614. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  5615. === SITE CHANGE :
  5616. "#style-options" to "#style-settings"
  5617. === */
  5618. #style-settings {
  5619.     position: absolute !important;
  5620.     display: inline-block !important;
  5621.     width: 49px ! important;
  5622.     height: 27px !important;
  5623.     top: -44px !important;
  5624.     margin-left: 620px !important;
  5625.     left: 40px ! important;
  5626.     border: 1px solid gray !important;
  5627.     border-radius: 5px !important;
  5628.     background: gray !important;
  5629.     overflow: hidden !important;
  5630.     overflow-y: hidden !important;
  5631.     z-index: 500 !important;
  5632. }
  5633. #style-settings:hover {
  5634.     position: absolute !important;
  5635.     display: inline-block !important;
  5636.     width: 535px ! important;
  5637.     min-height: 427px !important;
  5638.     top: -37px !important;
  5639.     margin-left: 769px !important;
  5640.     left: -385px ! important;
  5641.     border: 1px solid gray !important;
  5642.     border-radius: 5px !important;
  5643.     background: black !important;
  5644.     overflow: hidden !important;
  5645.     overflow-y: auto !important;
  5646.     z-index: 500!important;
  5647.     transition: all ease 0.6s !important;
  5648. }
  5649. #style-settings li:first-of-type {
  5650.     margin-top: 35px !important;
  5651. }
  5652.  
  5653. #style-settings:before {
  5654.     content: "Options \01F53B " ;
  5655.     position: absolute ;
  5656.     display: inline-block ;
  5657.     height: 13px ;
  5658.     line-height: 13px ;
  5659.     top: 1px ;
  5660.     left: 2px ;
  5661.     padding: 5px ;
  5662.     border-radius: 5px ;
  5663.     border: 1px solid gray ;
  5664.     color: gold ;
  5665.     background: #222222 ;
  5666.     z-index: 500 !important;
  5667. }
  5668.  
  5669. /* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  5670. #style-info #control-panel {
  5671.     position: fixed ! important;
  5672.     display: inline-block ! important;
  5673.     height: 17px !important;
  5674.     line-height: 17px !important;
  5675.     width: 566px;
  5676.     margin-bottom: 1em;
  5677.     left: 637px!important;
  5678.     top: 25px ! important;
  5679.     padding: 1px 6px !important;
  5680.     border: 1px solid gray !important;
  5681.     border-radius: 3px 3px 0 0 !important;
  5682.     background: #222 !important;
  5683. z-index: 600!important;
  5684. }
  5685.  
  5686. #style-install-info > tbody > tr:last-of-type ,
  5687. #style-info #control-panel>a:nth-child(1),
  5688. #style-info #control-panel>a:nth-child(2),
  5689. #style-info #control-panel> a:nth-child(3){
  5690.     display: inline-block!important;
  5691.     height: 14px !important;
  5692.     line-height: 14px !important;
  5693. margin-top: -4px ! important;
  5694. top: 30px !important;
  5695.     background-color: #222222 !important;
  5696.     border-radius: 3px !important;
  5697.     box-shadow: 3px 3px 2px black !important;
  5698.     padding: 1px 5px !important;
  5699. }
  5700.  
  5701. /* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  5702. #long-description>p>a{
  5703.     color: #E0B81F !important;
  5704.     margin-right: 5px !important;
  5705. }
  5706. /* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  5707. #stylish-installed-style-needs-update ,
  5708. #stylish-installed-style-not-installed {
  5709.     position: fixed !important;
  5710.     width: 190px !important;
  5711.     height: 16px !important;
  5712.     line-height: 13px !important;
  5713.     left: 1025px !important;
  5714.     margin-bottom: 1px;
  5715.     top: 16px !important;
  5716.     padding: 0 4px 2px !important;
  5717.     border-radius: 5px !important;
  5718.     font-size: larger;
  5719.     color: white;
  5720.     vertical-align: middle;
  5721.     z-index: 700!important;
  5722. }
  5723.  
  5724. /* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
  5725. #stylish-installed-style-installed  {
  5726.     position: fixed !important;
  5727.     width: 230px !important;
  5728.     height: 18px !important;
  5729.     line-height: 17px !important;
  5730.     top: 11px !important;
  5731.     left: 930px !important;
  5732.     margin-bottom: 1px;
  5733.     padding: 0 4px 2px !important;
  5734.     border-radius: 5px !important;
  5735.     font-size: larger;
  5736.     color: white;
  5737.     vertical-align: middle;
  5738.     z-index: 650 !important;
  5739. }
  5740. #switch-browser-note {
  5741.     position: absolute !important;
  5742.     display: inline-block;
  5743.     width: 180px !important;
  5744.     top: 32px !important;
  5745.     left: 575px !important;
  5746.     margin-bottom: 1px;
  5747.     margin-top: 13px !important;
  5748.     padding: 0 4px 2px !important;
  5749.     vertical-align: middle;
  5750.     border-radius: 5px !important;
  5751.     color: white;
  5752. }
  5753.  
  5754. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  -
  5755. == hideheader : Wrong Install /Update button on my styles page...
  5756. https://forum.userstyles.org/discussion/44498/wrong-install-update-button-on-my-styles-page#latest
  5757. == */
  5758. #style-install-mozilla-no-stylish {
  5759.     display: none !important;
  5760. }
  5761.  
  5762. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  5763. .install-status:not(.install) {
  5764.     display: none;
  5765. }
  5766.  
  5767. /* USERSTYLES -  INSTALL NOTE - === */
  5768. .install-status:not(.install) {
  5769.     position: absolute !important;
  5770.     display: inline-block;
  5771.     max-width: 450px;
  5772.     margin-bottom: 1px;
  5773.     margin-top: 15px;
  5774.     right: 0 !important;
  5775.     top: 0!important;
  5776.     padding: 8px 16px 12px;
  5777.     border-radius: 5px;
  5778.     font-size: larger;
  5779.     color: white;
  5780.     vertical-align: middle;
  5781. }
  5782.  
  5783.  
  5784.  
  5785. /* ==== (new77) USERSTYLES - STY INFOS - SHOW CODE -
  5786. SYTLE INFOS PAGE :
  5787. <a href="http://userstyles.org/styles/56792/userstyles-tableview-enhancer-dark-grey-7-9-beta">Userstyles TableView+Enhancer - Dark-Grey 7.9 beta</a>
  5788. PAGE CODE :
  5789. <a href="http://forum.userstyles.org/uploads/FileUpload/9c/20298544f120ef30f482e9c94b44a5.txt">Youtube Black &amp; Red (-CyberationMicro-) V.12.1.5</a>
  5790. ==== */
  5791.  
  5792. /* (new77) USERSTYLES -  CHROME PB - STY INFOS - SHOW CODE - BUTT -
  5793. #style-install-info>tbody>tr:last-of-type #show-button
  5794. === */
  5795. #style-install-info>tbody>tr:last-of-type {
  5796.     position: fixed !important;
  5797.     width: 76px !important;
  5798.     margin-top: 1px !important;
  5799.     left: 820px !important;
  5800.     z-index: 200000 !important;
  5801. }
  5802. #style-install-info #show-button {
  5803.     position: relative !important;
  5804.     display: inline-block !important;
  5805.     top: -2px !important;
  5806.     padding: 0px !important;
  5807. }
  5808. /*  - USERSTYLES - STY INFOS - CODE - (TABLE VIEW PLUS) - === */
  5809. #left-sidebar footer #show-code  #view-code {
  5810.     max-height: 90% !important;
  5811.     width: 650px ! important;
  5812.     top: 65px !important;
  5813.     z-index: 0 !important;
  5814. }
  5815. /*  - USERSTYLES - STY INFOS - Window CODE - (TABLE VIEW PLUS) - === */
  5816. #show-code pre {
  5817.     max-height: 730px !important;
  5818.     min-width: 670px !important;
  5819.     max-width: 670px !important;
  5820.     margin-top: 70px !important;
  5821.     left: calc(100% - 690px) ! important;
  5822.     border: 1px solid black !important;
  5823.     border-radius: 8px !important;
  5824.     word-wrap: break-word !important;
  5825.     -moz-hyphens: auto !important;
  5826. }
  5827.  
  5828. /* (new77) USERSTYLES -  CHROME - STY INFOS - SHOW CODE - Window CODE - WITHOUT GM SCRIPT - === */
  5829. #content-wrapper article#main-article section#style-info #show-code pre  {
  5830.     position: fixed ! important;
  5831.     max-height: 800px !important;
  5832.     min-width: 670px !important;
  5833.     max-width: 670px !important;
  5834.     margin-left: -1% !important;
  5835.     top: -19px ! important;
  5836.     border: 1px solid black !important;
  5837.     border-radius: 8px !important;
  5838.     word-wrap: break-word !important;
  5839.     -moz-hyphens: auto !important;
  5840.     z-index: 800 ! important;
  5841. }
  5842.  
  5843. /* USERSTYLES - STY INFOS - Window CODE - === */
  5844. #more-info #show-code pre {
  5845.     position: fixed ! important;
  5846.     max-height: 730px !important;
  5847.     min-width: 670px !important;
  5848.     max-width: 670px !important;
  5849.     left: 45% ! important;
  5850.     top: 60px !important;
  5851.     border: 1px solid black !important;
  5852.     border-radius: 8px !important;
  5853.     word-wrap: break-word !important;
  5854.     -moz-hyphens: auto !important;
  5855. }
  5856. #stylish-code {
  5857.     width: 650px !important;
  5858.     word-wrap: break-word !important;
  5859.     -moz-hyphens: auto !important;
  5860.     background: white !important;
  5861. }
  5862. #view-code code {
  5863.     display: inline-block !important;
  5864.     height: 100% !important;
  5865.     width: 100% !important;
  5866.     padding: 3px 0 5px 5px  !important;
  5867.     word-wrap: break-word !important;
  5868.     white-space: pre-line !important;
  5869.     white-space: pre-wrap !important;
  5870.     overflow:auto !important;
  5871.     color: black !important;
  5872. }
  5873.  
  5874.  
  5875. /* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" -
  5876. TEST LINK -
  5877. Pperfect for large screen....:
  5878. https://userstyles.org/styles/90834/youtube-black-red-destructiveburn-css3
  5879. === */
  5880. #show-code #view-code #stylish-code  a.linkifyplus  {
  5881.     display: inline-block !important;
  5882.     height: 15px !important;
  5883.     white-space: pre-wrap !important;
  5884.     word-wrap: break-word !important;
  5885.     font-size: 15px !important;
  5886.     color: blue !important;
  5887.     background: tan  !important;
  5888. }
  5889.  
  5890. #show-code #view-code #stylish-code  a.linkifyplus > img {
  5891.     position: absolute !important;
  5892.     display: inline-block !important;
  5893.     max-height: 100px !important;
  5894.     padding: 3px 20px !important;
  5895.     visibility: hidden !important;
  5896.     transform: scale(0.2) !important;
  5897.     transition: background ease 0.7s !important;
  5898.     background: #333  !important;
  5899. }
  5900. #show-code #view-code #stylish-code  a.linkifyplus:hover > img {
  5901.     position: fixed !important;
  5902.     display: inline-block !important;
  5903.     max-height: 50% !important;
  5904.     max-width: 200px !important;
  5905.     top: 25% !important;
  5906.     margin: auto 0 !important;
  5907.     right: 40% ! important;
  5908.     padding: 3px 20px !important;
  5909.     visibility: visible !important;
  5910.     transform: scale(1.5) !important;
  5911.     transition: background ease 0.1s !important;
  5912.     z-index: 1000 !important;
  5913.     background: black  !important;
  5914. }
  5915.  
  5916. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
  5917. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
  5918. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
  5919.     content: " " !important;
  5920.     position: relative !important;
  5921.     display: inline-block !important;
  5922.     width: 10px !important;
  5923.     height: 18px !important;
  5924.     line-height: 18px !important;
  5925.     padding: 0 5px 0 10px !important;
  5926.     border-radius: 3px !important;
  5927.     font-size: 17px !important;
  5928.     visibility: visible !important;
  5929.     opacity: 1 !important;
  5930.     background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  5931.     background-position: center  !important;
  5932.     background-repeat: no-repeat !important;
  5933.     background-size: 70% 140% !important;
  5934.     transform: rotate(270deg) !important;
  5935.     background-color: white  !important;
  5936. }
  5937.  
  5938. /* #show-code #view-code #stylish-code  a.linkifyplus:after */
  5939. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
  5940. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
  5941. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
  5942.     content: attr(href) !important;
  5943.     position: relative !important;
  5944.     display: inline-block !important;
  5945.     height: 18px !important;
  5946.     line-height: 18px !important;
  5947.     padding: 0 20px !important;
  5948.     font-size: 15px !important;
  5949.     visibility: visible !important;
  5950.     opacity: 1 !important;
  5951. }
  5952.  
  5953.  
  5954. /* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
  5955. #content-wrapper article#main-article #more-info h2 ,
  5956. #content-wrapper article#main-article #additional-info h2 ,
  5957. #content-wrapper article#main-article #discussions-area h2 {
  5958.     display: inline-block ! important;
  5959.     min-width: 965px !important;
  5960.     max-width: 965px !important;
  5961.     padding-left: 15px !important;
  5962.     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%);
  5963.     border-radius: 5px !important;
  5964.     box-shadow: 3px 3px 2px black !important;
  5965.     color: #A3A4A4 !important;
  5966. }
  5967. #content-wrapper article#main-article #discussions-area h2 {
  5968.     min-width: 965px !important;
  5969.     max-width: 965px !important;
  5970. }
  5971. section#discussions-area h2 {
  5972.     position: relative !important;
  5973.     display: inline-block !important;
  5974.     left: 50px !important;
  5975.     margin-bottom: -15px !important;
  5976. }
  5977. section#discussions-area h3 {
  5978.     display: none !important;
  5979. }
  5980.  
  5981. /* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
  5982. #style-info + #additional-info {
  5983.     position: relative ! important;
  5984.     display: inline-block !important;
  5985.     min-width: 90% !important;
  5986.     max-width: 90% !important;
  5987.     left: 2% !important;
  5988.     margin-top: 405px !important;
  5989. }
  5990. #additional-info-text {
  5991.     position: relative !important;
  5992.     display: inline-block !important;
  5993.     min-width: 965px !important;
  5994.     max-width: 965px !important;
  5995.     margin-top: -10px !important;
  5996.     overflow-y: auto;
  5997.     overflow-x: hidden!important;
  5998.     color: #ACAEB5 !important;
  5999. }
  6000. /* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
  6001. #additional-info #additional-info-text a{
  6002.     color: #E0B81F !important;
  6003. }
  6004. #additional-info #additional-info-text a:visited {
  6005.     color: #E7D590 !important;
  6006. }
  6007.  
  6008. /* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
  6009. #style-info + #additional-info #additional-info-text>mark>a {
  6010.     color: black !important;
  6011. }
  6012. #additional-info #additional-info-text>mark>a b {
  6013.     color: red!important;
  6014. }
  6015.  
  6016. /* ===  - USERSTYLES - STY INFOS - FEED ==== */
  6017.  
  6018. /* USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
  6019. #discussions-area{
  6020.     position: absolute !important;
  6021.     display: inline-block ! important;
  6022.     float: none ! important;
  6023.     clear: both ! important;
  6024.     max-height: 100%!important;
  6025.     min-height: 30px !important;
  6026.     width: 950px !important;
  6027.     left: 220px !important;
  6028.     top: 730px !important;
  6029.     padding: 1px !important;
  6030. }
  6031.  
  6032. /* (new77) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
  6033. #post-discussion + #login-form + #no-discussions  {
  6034.     position: absolute!important;
  6035.     display: inline-block !important;
  6036.     width: 750px!important;
  6037.     height: 17px !important;
  6038.     line-height: 17px !important;
  6039.     padding: 1px 0px 1px 14px  !important;
  6040.     top: -9px !important;
  6041.     margin-left: 160px !important;
  6042. /* border: 1px solid black !important; */
  6043. /* border-radius: 5px !important; */
  6044. /* box-shadow: 3px 3px 2px black !important; */
  6045.     text-align: center!important;
  6046.     color: gold !important;
  6047.     text-decoration: none !important;
  6048.     background-color: transparent!important;
  6049.     background-image: url("https://userstyles.org/images/question.png") !important;
  6050.     background-position: 0px 3px !important;
  6051.     background-repeat: no-repeat !important;
  6052.     z-index: 500!important;
  6053. }
  6054. #discussions {
  6055.     margin-left: 20px !important;
  6056.     margin-top: 5px !important;
  6057. }
  6058.  
  6059. /* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
  6060. #discussions>li>a:nth-child(1){
  6061.     margin-left: 8px !important;
  6062.     margin-right: 30px !important;
  6063. }
  6064. /*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
  6065. #discussions>li>a:nth-child(2){
  6066.     margin-left: 4px !important;
  6067.     margin-right: 15px !important;
  6068. }
  6069.  
  6070. /* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
  6071. #Frame {
  6072.     margin-top: -8px !important;
  6073. }
  6074. #vanilla_discussions_index #Head.Head ,
  6075. #main-header {
  6076.     position: fixed !important;
  6077.     display: inline-block ! important;
  6078.     float: none ! important;
  6079.     width: 99.9% !important;
  6080.     height: 41px !important;
  6081.     left: -0.2% !important;
  6082.     top: -1px !important;
  6083.     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;
  6084. /* background-color: #670000 !important; */
  6085. /* background-image: linear-gradient(#670000, #900) !important; */
  6086.     border-bottom: 1px solid gray !important;
  6087. z-index: 50 !important;
  6088. }
  6089.  
  6090. /* (new74) - GREASEMONKEY  - RED BACKGROUD */
  6091. body:not(.Settings) #Head,
  6092. body[pagetype="ListingPage"]  #main-header ,
  6093. body[pagetype="UserProfile"]  #main-header {
  6094.     position: fixed !important;
  6095.     display: inline-block ! important;
  6096.     float: none ! important;
  6097. /* width: 100% !important; */
  6098. /* max-width: 50%!important; */
  6099.     height: 40px !important;
  6100. /* left: 0 !important; */
  6101.     top: -1px !important;
  6102. 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;
  6103. background-color: #670000 !important;
  6104. /* background-image: linear-gradient(#670000, #900) !important; */
  6105. border-bottom: 1px solid red !important;
  6106. /*     z-index: 200 !important; */
  6107. }
  6108.  
  6109. /* === USERSTYLES - STY TITLE/Name === */
  6110.  
  6111. /* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
  6112. #main-header > h1 {
  6113.     position: relative ! important;
  6114.     display: inline-block ! important;
  6115.     width: 47% !important;
  6116.     min-width: 895px !important;
  6117.     height: 30px !important;
  6118.     line-height: 28px !important;
  6119.     margin-top: -3px !important;
  6120.     border-radius: 5px ! important;
  6121.     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%);
  6122.     font-size: 23px ! important;
  6123.     text-align: left !important;
  6124.     text-indent: -117px !important;
  6125.     overflow: hidden !important;
  6126.     text-overflow: ellipsis !important;
  6127.     white-space: nowrap !important;
  6128. }
  6129. #main-header > h1::-moz-selection {
  6130.     background:#FFCC11 ! important;
  6131.     color:#ffffff ! important;
  6132. }
  6133. #main-header > h1:hover {
  6134.     color: gold ! important;
  6135. }
  6136.  
  6137. /* USERSTYLES - SITE TITLE - TXT "User.org" -
  6138. + POSTION SUB TITLE PAGE(user name or title of the page)
  6139. ADAPTAION FOR LONG SEARCH:
  6140. https://userstyles.org/styles/browse?per_page=100&search_terms=%28greasyfork+%40subcategory+userstyles%29+|+%28userstyles+%40subcategory+greasyfork%29
  6141. === */
  6142. #main-header>h1>a {
  6143.     display: inline-block ! important;
  6144.     width: 161px !important;
  6145.     margin-right: -100px !important;
  6146.     margin-left: 28% !important;
  6147.     margin-bottom: 30px ! important;
  6148. }
  6149.  
  6150.  
  6151. /* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
  6152. #left-sidebar nav ul dl:not(:hover) ,
  6153. #main-article>dl:not(:hover) {
  6154.     position: fixed ! important;
  6155.     display: inline-block ! important;
  6156.     float: none !important;
  6157.     width: 50px !important;
  6158.     max-height: 15px ! important;
  6159.     top: 23px ! important;
  6160.     margin-top: 5px ! important;
  6161.     left: 275px !important;
  6162.     font-size: 10px ! important;
  6163.     text-align: left !important;
  6164.     z-index: 900 ! important;
  6165.     overflow: hidden !important;
  6166.     visibility: visible !important;
  6167.     transition: all ease .4s !important;
  6168. }
  6169. #left-sidebar nav ul dl:hover ,
  6170. #main-article>dl:hover {
  6171.     position: fixed ! important;
  6172.     display: inline-block ! important;
  6173.     float: none !important;
  6174.     width: auto !important;
  6175.     height: auto ! important;
  6176.     top: 23px ! important;
  6177.     margin-top: 5px ! important;
  6178.     left: 210px !important;
  6179.     padding: 3px 50px 1px 70px!important;
  6180.     font-size: 10px ! important;
  6181.     text-align: left !important;
  6182.     overflow: visible !important;
  6183.     z-index: 50000 !important;
  6184. }
  6185.  
  6186. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  6187. #left-sidebar nav ul dl:not(:hover)>dt ,
  6188. #main-article>dl:not(:hover)>dt {
  6189.     position: relative ! important;
  6190.     display: block !important;
  6191.     float: none !important;
  6192.     width: 74px !important;
  6193.     height: 16px ! important;
  6194.     line-height: 15px ! important;
  6195.     top: 1px ! important;
  6196.     margin-bottom: -14px !important;
  6197.     left: 0px ! important;
  6198.     padding: 0px 6px 1px 0px !important;
  6199.     font-size: 10px ! important;
  6200.     text-align: left !important;
  6201.     color: transparent ! important;
  6202.     overflow: hidden !important;
  6203.     text-overflow: ellipsis !important;
  6204.     white-space: nowrap !important;
  6205.     z-index: 5000 !important;
  6206. }
  6207. #left-sidebar nav ul dl:not(:hover)>dt:before ,
  6208. #main-article>dl:not(:hover)>dt:before {
  6209.     content: "About \25B6 " !important;
  6210.     color: red !important;
  6211. }
  6212.  
  6213.  
  6214. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  6215. #left-sidebar nav ul dl:hover>dt ,
  6216. #main-article>dl:hover>dt {
  6217.     position: relative ! important;
  6218.     display: block !important;
  6219.     float: none !important;
  6220.     width: 44px !important;
  6221.     height: 12px ! important;
  6222.     line-height: 12px ! important;
  6223.     margin-bottom: -14px !important;
  6224.     left: 0px ! important;
  6225.     padding: 0px 6px 1px 2px !important;
  6226.     font-size: 10px ! important;
  6227.     text-align: left !important;
  6228.     color: grey ! important;
  6229.     overflow: hidden !important;
  6230.     text-overflow: ellipsis !important;
  6231.     white-space: nowrap !important;
  6232.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  6233.     border-radius: 5px 0 0 5px !important;
  6234.     border: 1px solid gray !important;
  6235.     z-index: 5000 !important;
  6236. }
  6237. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  6238. #main-article>dl:hover>dd:first-of-type ,
  6239. #left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
  6240.     position: relative ! important;
  6241.     width: 0px !important;
  6242.     height: 15px ! important;
  6243.     top: -6px ! important;
  6244.     margin-bottom: -3px !important;
  6245.     margin-left: 55px ! important;
  6246.     padding-left: 10px !important;
  6247.     padding-right: 8px !important;
  6248.     text-align: left !important;
  6249.     background: black !important;
  6250.     outline: 1px solid gray !important;
  6251.     overflow: hidden !important;
  6252.     transition: all ease 0.4s !important;
  6253. }
  6254.  
  6255. /* "About" - FULL CONTAINER - NOT HOVER */
  6256. #left-sidebar nav ul dl:not(:hover),
  6257. #main-article > dl:not(:hover) dd:first-of-type {
  6258.     margin-left: 100px !important;
  6259. }
  6260. #main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
  6261.     position: relative ! important;
  6262.     display: inline-block ! important;
  6263.     max-width: 0px !important;
  6264.     height: 20px ! important;
  6265.     top: -6px ! important;
  6266.     margin-bottom: -3px !important;
  6267.     margin-left: 47px ! important;
  6268.     padding-left: 0px !important;
  6269.     padding-right: 0px !important;
  6270.     border: none !important;
  6271.     text-align: left !important;
  6272.     background: black !important;
  6273.     overflow: hidden !important;
  6274.     visibility: hidden !important;
  6275. }
  6276.  
  6277. /* "About" - FULL CONTAINER - HOVER */
  6278. #left-sidebar nav ul dl:hover>dd:first-of-type ,
  6279. #main-article>dl:hover>dd:first-of-type {
  6280.     display: inline-block ! important;
  6281.     width: 100% !important;
  6282.     min-width: 0px !important;
  6283.     max-width: 500px !important;
  6284.     height: 100% ! important;
  6285.     min-height: 0px ! important;
  6286.     max-height: 500px ! important;
  6287.     margin-left: 15px ! important;
  6288.     margin-top: 0px ! important;
  6289.     padding: 2px 0 100px 90px !important;
  6290.     text-align: left !important;
  6291.     font-size: 14px!important;
  6292.     background: black !important;
  6293.     overflow: hidden !important;
  6294.     overflow-y: auto !important;
  6295.     z-index: 900 ! important;
  6296. }
  6297.  
  6298. /* SUB LABEL INFOS */
  6299. #main-article>dl:hover>dt:first-of-type + dd +dt  {
  6300.     position: absolute !important;
  6301.     display: inline-block ! important;
  6302.     top: 15px !important;
  6303.     margin-left: 90px !important;
  6304. }
  6305. #main-article>dl>dt:first-of-type + dd +dt +dd+dt {
  6306.     position: absolute !important;
  6307.     display: inline-block ! important;
  6308.     top: 30px !important;
  6309.     margin-left: 90px !important;
  6310. }
  6311. #main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
  6312.     position: absolute !important;
  6313.     display: inline-block ! important;
  6314.     top: 45px !important;
  6315.     margin-left: 90px !important;
  6316. }
  6317.  
  6318.  
  6319.  
  6320. /*  "About" - ARROW GRAY */
  6321. #left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
  6322. #main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  6323.     position: relative ;
  6324.     display: inline-block ;
  6325.     content: "\25B6 " ;
  6326.     margin-left: 1px ;
  6327.     color: red
  6328. }
  6329.  
  6330. /* ABOUT - LINKS */
  6331. #main-article>dl>dd>a {
  6332.     position: relative !important;
  6333.     display: inline-block !important;
  6334.     min-height: 15px !important;
  6335.     max-height: 15px !important;
  6336.     line-height: 14px !important;
  6337.     font-size: 13px !important;
  6338. }
  6339.  
  6340. /* SEND MESSAGE */
  6341.  
  6342. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
  6343.     position: fixed !important;
  6344.     display: inline-block !important;
  6345.     height: 20px !important;
  6346.     line-height: 10px !important;
  6347.     width: 170px !important;
  6348.     top: 28px !important;
  6349.     left: 360px !important;
  6350.     padding: 1px 10px !important;
  6351.     text-align: center !important;
  6352.     color: red !important;
  6353.     background: yellow !important;
  6354.     z-index: 80000 !important;
  6355.     visibility: visible !important;
  6356. }
  6357. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  6358.     visibility: hidden !important;
  6359. }
  6360. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
  6361. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  6362.     position: absolute !important;
  6363.     display: inline-block ;
  6364.     height: 15px !important;
  6365.     width: 22px !important;
  6366.     content: "✉" ;
  6367.     color: peru !important;
  6368.     left: -25px!important;
  6369.     top: 0px !important;
  6370.     font-size: 21px !important;
  6371.     visibility: visible !important;
  6372. }
  6373. /* USERSTYLES -  PROFILE LINK - === */
  6374. body:not(#f) a#userProfile {
  6375.     position: absolute !important;
  6376.     visibility: visible !important;
  6377.     left: 256px !important;
  6378.     top: -64px !important;
  6379.     overflow: visible !important;
  6380.     text-overflow: ellipsis !important;
  6381.     white-space: nowrap !important;
  6382.     font-size: 0 !important;
  6383.     z-index: 500 !important;
  6384. }
  6385.  
  6386. body:not(#f) a#userProfile:before {
  6387.     display: inline-block ;
  6388.     position: fixed ;
  6389.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
  6390.     -moz-transform:scale(0.6,0.5) ;
  6391.     margin-left: -90px ;
  6392.     top: 1px ;
  6393. }
  6394.  
  6395. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
  6396.  
  6397.  
  6398.  
  6399.  
  6400. /* USERSTYLES - "Following results" - "the results for all ..." - === */
  6401. #page-description>a {
  6402.     border-radius: 5px !important;
  6403.     box-shadow: 0 0 4px #999999 !important;
  6404.     display: inline-block !important;
  6405.     left: 103px !important;
  6406.     padding: 5px !important;
  6407.     position: absolute !important;
  6408.     top: -21px !important;
  6409.     width: 994px !important;
  6410. }
  6411.  
  6412. /* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
  6413. #metaOption {
  6414.     position: fixed !important;
  6415.     display: inline-block !important;
  6416.     -moz-appearance: none !important;
  6417.     transform: scale(0.8) ! important;
  6418.     height: 19px !important;
  6419.     width: 19px ! important;
  6420.     left: 0px !important;
  6421.     top: 26px !important;
  6422.     padding: 12px ! important;
  6423.     color: transparent ! important;
  6424.     border: none ! important;
  6425.     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;
  6426.     background-color: #0064AA ! important;
  6427.     border-radius: 10px 10px 10px 10px !important;
  6428.     z-index: 200 !important;
  6429.     opacity: 0.7 !important;
  6430.     cursor: pointer ! important;
  6431. }
  6432. #metaOption:hover {
  6433.     background-color: gold !important;
  6434.     opacity: 1 !important;
  6435. }
  6436.  
  6437. /* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
  6438. #style-table #metaPrefs {
  6439.     position: absolute!important;
  6440.     left: 5px!important;
  6441.     margin-top: -5px!important;
  6442. }
  6443.  
  6444. /* ==== (new87) USERSTYLES - SEARCH BOX ==== */
  6445.  
  6446. /* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
  6447. /* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
  6448. #advanced-search-submit button {
  6449.    -moz-appearance: none ! important;
  6450.     position: fixed !important;
  6451.     display: inline-block !important;
  6452.     width: 62px !important;
  6453.     height: 20px !important;
  6454.     right: calc(100% - 1202px)  ! important;
  6455.     top: 1px ! important;
  6456.     padding: 0 0 2px 0px  ! important;
  6457.     border-radius: 4px ! important;
  6458.     border: 1px solid #777777 !important;
  6459.     font-size: 10px! important;
  6460.     color: #D7D7D7 !important;
  6461.     text-align: center ! important;
  6462.     text-decoration: none ! important;
  6463.     box-shadow: 0 0 1px #777777 inset !important;
  6464.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  6465.     cursor: pointer ! important;
  6466. }
  6467. #advanced-search-submit button:hover {
  6468.     color: tomato !important;
  6469. }
  6470. /* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
  6471. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  6472.    -moz-appearance: none ! important;
  6473.     position: absolute !important;
  6474.     display: inline-block !important;
  6475.     width: 60px !important;
  6476.     height: 18px !important;
  6477.     line-height: 15px ! important;
  6478.     top: -16px ! important;
  6479.     left: 85% ! important;
  6480.     font-size: 10px! important;
  6481.     color: #D7D7D7 !important;
  6482.     z-index: 200 ! important;
  6483.     text-align: center ! important;
  6484.     text-decoration: none ! important;
  6485.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  6486.     border: 1px solid #777777 !important;
  6487.     border-radius: 4px !important;
  6488.     box-shadow: 0 0 1px #777777 inset !important;
  6489.     cursor: pointer ! important;
  6490. }
  6491.  
  6492. /* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
  6493. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  6494.    -moz-appearance: none ! important;
  6495.     position: fixed !important;
  6496.     display: inline-block !important;
  6497.     width: 50px !important;
  6498.     height: 20px !important;
  6499.     right: calc(100% - 1138px)  ! important;
  6500.     top: 1px ! important;
  6501.     border-radius: 5px ! important;
  6502.     font-size: 10px! important;
  6503.     color: gold !important;
  6504.     z-index: 200! important;
  6505.     text-align: center ! important;
  6506.     text-decoration: none ! important;
  6507.     background: black ! important;
  6508.     border: 1px gray solid ! important;
  6509.     cursor: pointer ! important;
  6510. }
  6511. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  6512.     color: tomato !important;
  6513. }
  6514.  
  6515. /* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
  6516. #advanced-search {
  6517.     position: relative ! important;
  6518.     position: fixed ! important;
  6519.     height: 15px ! important;
  6520.     width: 450px ! important;
  6521.     top: 48px ! important;
  6522.     left: 867px !important;
  6523.     padding: 1px 2px 3px 2px  ! important;
  6524.     border: none ! important;
  6525.     border-radius: 0 0 3px 3px !important;
  6526.     z-index: 2000000 ! important;
  6527.     color: gold !important;
  6528.     background: #2C6C14 !important;
  6529. }
  6530.  
  6531. /* USERSTYLES - SEARCH - TOP Right (Background) - === */
  6532. #search{
  6533.     background-color:  transparent !important
  6534. }
  6535.  
  6536. /* USERSTYLES - SEARCH BOX - === */
  6537. #search {
  6538.     position: fixed !important;
  6539.     width: 187px ! important;
  6540.     height: 85px ! important;
  6541.     top: 400px ! important;
  6542. }
  6543.  
  6544. /* USERSTYLES - SEARCH BOX INPUT -  === */
  6545. #left-sidebar > nav ul li form {
  6546.     position: fixed ! important;
  6547.     width: 200px !important;
  6548.     margin-top: -8px! important;
  6549.     left: 970px ! important;
  6550.     top: 25px ! important;
  6551.     visibility: visible ! important;
  6552.     z-index: 2000! important;
  6553. }
  6554.  
  6555. /* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
  6556. #search-terms {
  6557.     position: absolute ! important;
  6558.     display: inline-block !important;
  6559.     min-width: 204px !important;
  6560.     max-width: 204px !important;
  6561.     height: 19px ! important;
  6562.     margin-right: -50px ! important;
  6563.     left: -65px ! important;
  6564.     top: -16px ! important;
  6565. }
  6566. /* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
  6567. #search-submit {
  6568.     position: relative ! important;
  6569.     left: -38px ! important;
  6570.     margin-top: -15px ! important;
  6571.     font-size:11px !important;
  6572. }
  6573. #script-search > input[type="submit"] ,
  6574. #search-submit  {
  6575.     position: relative !important;
  6576.     display: inline-block !important;
  6577.     top: 0px !important;
  6578.     -moz-appearance: none !important;
  6579.     border: 1px solid gray !important;
  6580.     border-radius: 0 3px 3px 0 !important;
  6581.     cursor: pointer!important;
  6582.     background: peru !important;
  6583. }
  6584.  
  6585.  
  6586.  
  6587. #script-search > input[type="submit"]:hover ,
  6588. #search-submit:hover  {
  6589.     background: tomato !important;
  6590. }
  6591. /* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
  6592. #per-page-select {
  6593.     width: 45px !important;
  6594.     margin-left: -50px ! important;
  6595. }
  6596. *[id$="-select"] ,
  6597. #advanced-search>[name="sort_direction"]  {
  6598.     font-size: 11px ! important;
  6599.     height: 17px ! important;
  6600. }
  6601.  
  6602. /* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
  6603. #fb-label {
  6604.     display:none ! important;
  6605. }
  6606.  
  6607. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
  6608. #filter-block  {
  6609.     position: fixed ! important;
  6610.     display: inline-block ! important;
  6611.     height: 24px !important;
  6612.     width: 355px !important;
  6613.     left: 620px !important;
  6614.     margin-left: 288px !important;
  6615.     top: 18px !important;
  6616.     padding: 0 !important;
  6617.     border-radius: 3px !important;
  6618.     font-size: 10px ! important;
  6619.     z-index: 2000 !important;
  6620.     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;
  6621. }
  6622. #left-sidebar #labelGroup {
  6623.     height: 20px !important;
  6624.     line-height: 20px !important;
  6625.     padding: 0 3px !important;
  6626.     text-align: center !important;
  6627.     border: none !important;
  6628. }
  6629. /* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  6630. #wordDiv button ,
  6631. #filterGroup button {
  6632.     height: 18px ! important;
  6633.     line-height: 10px ! important;
  6634.     padding: 1px ! important;
  6635.     font-size: 10px !important;
  6636.  
  6637.  
  6638. }
  6639. /* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
  6640. #wordDiv button {
  6641.     -moz-appearance: none ! important;
  6642.     width: 40px ! important;
  6643.     height: 20px !important;
  6644.     margin-left: -430px ! important;
  6645.     margin-top: 4px ! important;
  6646.     padding: 0px 2px! important;
  6647.     text-align: center ! important;
  6648.     border-radius: 3px ! important;
  6649.     border: 1px solid #404040;
  6650.     box-shadow: 3px 3px 2px black ;
  6651.     color: gold ! important;
  6652.     background: #222 !important;
  6653.     cursor: pointer ! important;
  6654.     z-index: 200 ! important;
  6655. }
  6656.  
  6657. /* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  6658. #filterGroup button {
  6659.     position: absolute ! important;
  6660.     display: inline-block ! important;
  6661.     top: 0px ! important;
  6662.     margin-left: 100px ! important;
  6663. }
  6664. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
  6665. #filterGroup button#showB {
  6666.     position: absolute ! important;
  6667.     display: inline-block ! important;
  6668.     top: 2px ! important;
  6669.     margin-left: 94px ! important;
  6670.     width: 80px ! important;
  6671. }
  6672. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
  6673. #filterGroup button {
  6674.     position: absolute ! important;
  6675.     display: inline-block ! important;
  6676.     top: 2px ! important;
  6677.     margin-left: 173px ! important;
  6678. }
  6679.  
  6680. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
  6681. #wordIn {
  6682.     -moz-appearance: none ! important;
  6683.     position: absolute ! important;
  6684.     display: inline-block ! important;
  6685.     width: 138px ! important;
  6686.     height: 15px ! important;
  6687.     left: -82px ! important;
  6688.     margin-top: 3px ! important;
  6689.     border: none ! important;
  6690.     border-radius: 3px ! important;
  6691.     padding: 2px 2px 3px 0px ! important;
  6692. }
  6693.  
  6694. /* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
  6695. #wordDiv {
  6696.     position: absolute !important;
  6697.     display: inline-block ! important;
  6698. width: 223px !important;
  6699.     top: -6px !important;
  6700.     left: 80px ! important;
  6701.     text-align: center;
  6702. }
  6703. /*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
  6704. #filterGroup {
  6705.     position: absolute !important;
  6706.     display: inline-block ! important;
  6707.     height: 17px ! important;
  6708.     max-width: 90px !important;
  6709.     min-width: 90px ! important;
  6710.     left: 142px !important;
  6711.     top: 0px !important;
  6712.     padding: 1px 1px 1px 0px ! important;
  6713.     border-radius: 5px ! important;
  6714. /*     border: gray 1px solid ! important; */
  6715.     text-align: left !important;
  6716. }
  6717.  
  6718. /* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
  6719. #left-sidebar #labCnt {
  6720.     display: inline-block ! important;
  6721.     padding: 0px !important;
  6722.     font-size: 11px !important;
  6723. margin: 0 2px 0 -15px !important;
  6724.     color: gray ! important;
  6725. }
  6726. #left-sidebar #labCnt:after {
  6727.     content: " :" ;
  6728.     color: gold;
  6729.     font-size: 11px ;
  6730. }
  6731. #left-sidebar #filterCount {
  6732.     display: inline-block ! important;
  6733.     padding: 0px !important;
  6734.     color: gold;
  6735.     font-size: 11px !important;
  6736. }
  6737.  
  6738. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
  6739. #perPageGroup {
  6740.     position: absolute !important;
  6741.     display: inline-block!important;
  6742.     width: 10px !important;
  6743.     left: 305px ! important;
  6744.     margin-top: -17px !important;
  6745.     top: 5px !important;
  6746.     padding: 0 0 0 0px !important;
  6747.     color: gold !important;
  6748.     font-size: 0px !important;
  6749.     text-align: left !important;
  6750.     background: black !important;
  6751. }
  6752. #perPageGroup:after {
  6753.     content: "by"!important;
  6754.     position: absolute !important;
  6755.     display: inline-block!important;
  6756.     width: 19px !important;
  6757.     height: 19px!important;
  6758.     line-height: 17px!important;
  6759.     left: 8px ! important;
  6760.     top: -10px !important;
  6761.     padding: 0px !important;
  6762.     color: gold !important;
  6763.     font-size: 10px !important;
  6764.     text-align: center !important;
  6765.     background: red !important;
  6766. }
  6767. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
  6768. #filter-block #perPageGroup input#sel {
  6769.     -moz-appearance: none !important;
  6770.     position: absolute! important;
  6771.     display: inline-block!important;
  6772.     height: 17px !important;
  6773.     line-height: 25px !important;
  6774.     width: 20px !important;
  6775.     margin-left: 27px! important;
  6776.     margin-top: -13px! important;
  6777.     border: none ! important;
  6778.     border-radius: 0 3px 3px 0 ! important;
  6779.     font-size: 10px !important;
  6780.     text-align: center !important;
  6781.     background: #D6D6D6 ! important;
  6782. }
  6783.  
  6784.  
  6785. /* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
  6786. table#style-table tr[filtered="true"]:after {
  6787.     display: inline-block ;
  6788.     width: 15px ;
  6789.     content: "Filtered" ;
  6790.     padding-top: 2px ;
  6791.     padding-bottom: 5px ;
  6792.     padding-right: 4px ;
  6793.     padding-left: 1px ;
  6794.     transform: rotate(90deg) ;
  6795.     font-size: 10px ;
  6796.     text-align: center ;
  6797.     color: gold ;
  6798. }
  6799.  
  6800. /* ====  - USERSTYLES - STY INFOS - RELATED ==== */
  6801.  
  6802. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
  6803. #related {
  6804.     position: fixed !important;
  6805.     width: 185px !important;
  6806.     left: 20px !important;
  6807.     top: 550px !important;
  6808.     background-color: #222222 !important;
  6809.     box-shadow: 0 0 4px #999999 !important;
  6810. }
  6811. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
  6812. #left-sidebar footer#related ul li:not(.more) a:before {
  6813.     display: inline-block ;
  6814.     content: "\25B6" ;
  6815.     padding-right: 5px ;
  6816.     font-size: 8px ;
  6817.     color: red ;
  6818. }
  6819.  
  6820. /* ==== USERSTYLES - STY INFOS ==== */
  6821.  
  6822. /* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
  6823. #main-article>h2{
  6824.     display: none ! important;
  6825. }
  6826.  
  6827.  
  6828. /* STY INFOS - DELETED STYLE - MESS -
  6829. https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
  6830. === */
  6831. section#obsoletion-message {
  6832.     position: fixed !important;
  6833.     line-height: 15px !important;
  6834.     min-width: 400px !important;
  6835.     max-width: 400px !important;
  6836.     max-height: 425px !important;
  6837.     top: 35px !important;
  6838.     margin-left: -10px!important;
  6839.     padding: 10px ! important;
  6840.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  6841.     overflow: hidden !important;
  6842.     overflow-y: auto !important;
  6843.     z-index: 2000 !important;
  6844.     transition: all ease 0.7s !important;
  6845.     opacity: 1 !important;
  6846.     visibility: visible !important;
  6847. }
  6848. #main-article section#obsoletion-message h2 + p + p ,
  6849. #main-article section#obsoletion-message h2 + p  {
  6850.     display: inline-block !important;
  6851.     line-height: 15px !important;
  6852.     width: 390px !important;
  6853.     margin-left: -10px!important;
  6854.     padding: 10px ! important;
  6855.     font-size: 17px !important;
  6856.     text-align: center !important;
  6857.     color: white !important;
  6858. }
  6859.  
  6860. #main-article section#obsoletion-message h2 + p  q  {
  6861.     display: inline-block !important;
  6862.     width: 100% !important;
  6863.     line-height: 16px !important;
  6864.     margin-top: 10px !important;
  6865.     margin-bottom: 5px !important;
  6866.     padding: 5px !important;
  6867.     border-radius: 5px !important;
  6868.     text-align: left !important;
  6869.     font-size: 15px !important;
  6870.     color: gray !important;
  6871.     background: black !important;
  6872. }
  6873. /* #main-article section#obsoletion-message a  */
  6874. #obsoletion-message>p + p>a:last-of-type ,
  6875. #main-article section#obsoletion-message h2 + p>a:first-of-type {
  6876.     position: relative!important;
  6877.     display: inline-block!important;
  6878.     width: 100%!important;
  6879.     min-width: 375px!important;
  6880.     margin-top: 10px !important;
  6881.     margin-bottom: 5px !important;
  6882.     text-align: center!important;
  6883.     font-size: 18px !important;
  6884.     color: gold !important;
  6885. }
  6886. #obsoletion-message>p + p>a:nth-last-of-type(n+2) {
  6887.     position: relative!important;
  6888.     display: inline-block!important;
  6889.     width: 100%!important;
  6890.     min-width: 375px!important;
  6891.     margin-top: 10px !important;
  6892.     margin-bottom: 10px !important;
  6893.     text-align: center!important;
  6894.     font-size: 15px !important;
  6895.     color: gold !important;
  6896. }
  6897. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
  6898. #obsoletion-message:not(:hover) h2:not(:hover) ,
  6899. #obsoletion-message h2 {
  6900.     position: fixed !important;
  6901.     display: inline-block !important;
  6902.     left: 132px !important;
  6903.     top: 58px !important;
  6904.     border-radius: 10px !important;
  6905.     padding: 7px 6px !important;
  6906.     background: #B50000 !important;
  6907.     cursor: pointer !important;
  6908.     visibility: visible !important;
  6909.     opacity: 1 !important;
  6910. }
  6911. /* STY INFOS - DEL STY - BUBBLE - ARROW - === */
  6912. section#obsoletion-message:after {
  6913.     position: fixed !important;
  6914.     display: block;
  6915.     content: "";
  6916.     height: 0;
  6917.     width: 0;
  6918.     top: 82px !important;
  6919.     bottom: -15px;
  6920.     left: 200px ;
  6921.     border-color: #B50000 transparent transparent transparent ;
  6922.     border-style: solid;
  6923.     border-width: 25px 5px 0px ;
  6924.     transform: rotate(22deg) ;
  6925.     visibility: visible !important;
  6926. }
  6927. section#obsoletion-message:before {
  6928.     position: fixed !important;
  6929.     display: inline-block !important;
  6930.     content: " Deleted ....WHY ??? : Hover me !";
  6931.     height: 15px !important;
  6932.     width: 400px !important;
  6933.     top: 62px !important;
  6934.     left: 250px ;
  6935.     text-align: center !important;
  6936.     background: #B50000 !important;
  6937.     white-space: nowrap !important;
  6938.     cursor: pointer !important;
  6939.     visibility: visible !important;
  6940. }
  6941. section#obsoletion-message:hover:before {
  6942.     visibility: hidden !important;
  6943. }
  6944.  
  6945. #main-article section#obsoletion-message:not(:hover) {
  6946.     visibility: hidden !important;
  6947.     opacity: 1 !important;
  6948. }
  6949. #main-article section#obsoletion-message:hover {
  6950.     visibility: visible !important;
  6951. }
  6952.  
  6953.  
  6954. /* #main-article section#obsoletion-message>p>q:first-letter , */
  6955. #main-article section#obsoletion-message>p>q:first-line {
  6956.     display: inline-block !important;
  6957.     color: #00627A !important;
  6958.     font-size: 18px !important;
  6959. }
  6960.  
  6961.  
  6962. /* ==== BROWSE STY - ZEBRA ==== */
  6963.  
  6964. /* BROWSE STY - ZEBRA - FIRST - === */
  6965. #style-table tr:nth-child(even) td {
  6966.     background-color: #262626 !important;
  6967. }
  6968. /* BROWSE STY - ZEBRA - SECOND - ==== */
  6969. #style-table tr:nth-child(odd) td {
  6970.     background: #444444 !important;
  6971. }
  6972. #style-table > tr:hover:not(:first-child) {
  6973.     background-color: #444444;
  6974.     color: red ! important;
  6975. }
  6976.  
  6977. /* TEST - RATING always visible =
  6978. NOT RATING : #style-table td[rating="0.0"]
  6979. BAD / ONE RATING : #style-table td[rating="1.0"]
  6980. <td class="image-value">
  6981. <img class="bad-average-rating" alt="Bad" src="https://df6a.https.cdn.softlayer.net/80DF6A/static.userstyles.org/images/bad.gif" title="">
  6982. 3 RATING : #style-table td[rating="3.0"]
  6983. === */
  6984. #style-table tr:not(:hover) .ratingfg ,
  6985. #style-table tr:hover .ratingfg {
  6986.     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;
  6987. }
  6988.  
  6989. /* TEST - META DISCUSSION - HOVER TOOLTIP - === */
  6990. #style-table .metadiscussions:hover:before{
  6991.     position: relative !important;
  6992.     content: attr(title) !important;
  6993.     display: inline-block !important;
  6994. /* width: 280px !important; */
  6995.     height: 16px !important;
  6996.     line-height: 15px !important;
  6997.     top: -5px !important;
  6998.     margin-left: -240px !important;
  6999.     padding: 0 5px 0 5px !important;
  7000.     border-radius: 5px !important;
  7001.     color: gold !important;
  7002.     background: red !important;
  7003.     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;
  7004. }
  7005.  
  7006.  
  7007. /* OBSOLETE DELETED STYLE - === */
  7008. #table-container table#style-table tr.obsolete td:nth-child(7){
  7009.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
  7010. /* background: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") repeat scroll 0 0 transparent !important; */
  7011.     opacity: 0.4 !important;
  7012. }
  7013. #table-container table#style-table tr.obsolete td:nth-child(7):hover{
  7014.     opacity: 1!important;
  7015. }
  7016.  
  7017. /* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
  7018. #main-article>p {
  7019.     margin-left: 95px !important;
  7020. }
  7021. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7022. #lastcheck {
  7023.     position :fixed !important;
  7024.     width: 650px !important;
  7025.     width: auto !important;
  7026.     margin-left: -322px !important;
  7027.     margin-top: 0px !important;
  7028.     border-radius: 5px !important;
  7029.     color: gray;
  7030.     z-index: 300 !important;
  7031. }
  7032. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7033. #summary + #lastcheck{
  7034.     position :fixed !important;
  7035.     width: 650px !important;
  7036.     width: auto !important;
  7037.     margin-left: 28px !important;
  7038.     margin-top: -26px !important;
  7039.     border-radius: 5px !important;
  7040.     font-size: 11px !important;
  7041.     color: tan !important;
  7042.     background: black !important;
  7043.     z-index: 300 !important;
  7044. }
  7045.  
  7046.  
  7047. /* ==== BROWSE STY - SUMMARY ==== */
  7048.  
  7049. /* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
  7050. (TABLE VIEW PLUS - content:"SummaRy)
  7051. (ENHANCER - content: "SuMmary")
  7052. ==== */
  7053.  
  7054. /* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
  7055. #summary {
  7056.     position: fixed !important;
  7057.     display: inline-block ! important;
  7058.     height: 15px !important;
  7059.     line-height: 15px !important;
  7060.     left: 252px !important;
  7061.     top: 83px ! important;
  7062.     padding: 2px !important;
  7063.     border-radius: 5px !important;
  7064.     background-color: transparent !important;
  7065.     z-index: 220 !important;
  7066. }
  7067.  
  7068.  
  7069. /* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
  7070. *[class="label total"]:before {
  7071.     content:"SummaRy : " ;
  7072.     position: fixed ;
  7073.     display: inline-block ;
  7074.     width: auto ;
  7075.     height: 10px ;
  7076.     line-height: 8px ;
  7077.     top: 83px ;
  7078.     left: 48px ;
  7079.     padding: 1px 5px 3px 6px ;
  7080.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7081.     border: 1px solid #777777 ;
  7082.     border-radius: 4px 4px 4px 4px ;
  7083.     box-shadow: 0 0 1px #777777 inset ;
  7084.     color: #E5E5E5;
  7085.     font-weight: bold ;
  7086.     z-index: 500 ;
  7087. }
  7088. /* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
  7089. #summary>tbody:after {
  7090.     position: fixed ;
  7091.     visibility: visible ;
  7092.     content: "SuMmary " ;
  7093.     height: 15px ;
  7094.     line-height: 15px ;
  7095.     top: 48px ;
  7096.     left: 270px ;
  7097.     padding: 1px 5px ;
  7098.     color: #E5E5E5 ;
  7099.     font-weight: bold ;
  7100.     border-radius: 5px ;
  7101.     box-shadow: 0 0 4px #999999 ;
  7102.     background-color: green ;
  7103. }
  7104. #summary>tbody {
  7105.     position: fixed !important;
  7106.     display: block !important;
  7107.     visibility: hidden!important;
  7108. }
  7109. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
  7110. #summary>tbody:hover {
  7111.     position: fixed !important;
  7112.     display: inline-block !important;
  7113.     left: 240px !important;
  7114.     top: 73px !important;
  7115.     visibility: visible!important;
  7116.     border-radius: 5px !important;
  7117.     box-shadow: 0 0 4px #999999 !important;
  7118.     background: red !important;
  7119. }
  7120.  
  7121. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
  7122. table#summary label.label:not(#good):not(#ok):not(#bad) {
  7123.     font-size: 11px ! important;
  7124.     color: gray ! important;
  7125. }
  7126. #good ,
  7127. #ok ,
  7128. #bad {
  7129.     font-size: 11px ! important;
  7130. }
  7131. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)-
  7132. MAKONDO (with pagination) : http://userstyles.org/users/60686
  7133. === */
  7134. #summary p {
  7135.     position: fixed !important;
  7136.     width: auto !important;
  7137.     top: 81px !important;
  7138.     left: 377px ! important;
  7139.     padding: 0 5px 2px 5px !important;
  7140.     font-size: 0px ! important;
  7141.     color: gray ! important;
  7142.     text-align: left !important;
  7143.     background: transparent ! important;
  7144. }
  7145. #summary:hover p {
  7146.     font-size: 10px ! important;
  7147.     color: gold ! important;
  7148.     text-align: left !important;
  7149.     background: red ! important;
  7150. }
  7151. #content-wrapper article#main-article table#summary label  + b ,
  7152. #content-wrapper article#main-article table#summary label   {
  7153.     position: relative ! important;
  7154.     display: inline ! important;
  7155.     top: -4px !important;
  7156.     left: -120px ! important;
  7157.     width: 650px !important;
  7158.     font-size: 10px ! important;
  7159.     color: gold ! important;
  7160.     text-align: left !important;
  7161.     background: transparent ! important;
  7162. }
  7163. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
  7164. #summary #resetBtn {
  7165.     position: fixed !important;
  7166.     height: 15px !important;
  7167.     line-height: 12px !important;
  7168.     width: 40px ! important;
  7169.     height: 38px !important;
  7170.     top: 79.5px !important;
  7171.     left: -2px ! important;
  7172.     padding: 0px 1px 4px 1px !important;
  7173.     border: 1px solid #777777 !important;
  7174.     border-radius: 4px !important;
  7175.     box-shadow: 0 0 1px #777777 inset !important;
  7176.     font-size: 11px !important;
  7177.     color: #D7D7D7 !important;
  7178.     cursor: pointer ! important;
  7179.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7180. }
  7181. #summary #resetBtn:hover {
  7182.     color: gold ! important;
  7183. }
  7184.  
  7185. /* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES -
  7186. https://userstyles.org/users/190305
  7187. === */
  7188. #main-article dl + #summary {
  7189.     position: fixed !important;
  7190.     display: inline-block ! important;
  7191.     left: 252px !important;
  7192.     top: 112px ! important;
  7193.     border-radius: 5px !important;
  7194.     background-color: transparent !important;
  7195.     z-index: 220 !important;
  7196. }
  7197. #main-article dl + #summary *[class="label total"]:before {
  7198.     content:"SummaRy : " ;
  7199.     position: fixed ;
  7200.     display: inline-block ;
  7201.     width: auto ;
  7202.     height: 10px ;
  7203.     line-height: 7px ;
  7204.     top: 112px ;
  7205.     left: 48px ;
  7206.     padding: 1px 5px 1px 6px ;
  7207.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7208.     border: 1px solid #777777 ;
  7209.     border-radius: 4px 4px 4px 4px ;
  7210.     box-shadow: 0 0 1px #777777 inset ;
  7211.     color: #E5E5E5;
  7212.     font-weight: bold ;
  7213.     z-index: 500 !important;
  7214. }
  7215. /* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
  7216. #optBtn-container {
  7217.     position: absolute !important;
  7218.     display: inline-block !important;
  7219.     visibility: visible !important;
  7220.     width: 100px !important;
  7221.     height: 20px !important;
  7222.     line-height: 14px! important;
  7223.     top: -21px !important;
  7224.     left: 172px !important;
  7225.     border-radius : 5px! important;
  7226.     text-align: center !important;
  7227.     z-index: 200 !important;
  7228.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  7229. }
  7230. #optBtn-container a {
  7231.     text-align: center !important;
  7232.     text-decoration: none ! important;
  7233.     color: gray ! important;
  7234. }
  7235. #tohr {
  7236.     display: none! important;
  7237. }
  7238.  
  7239. /* ==== BROWSE SEARCH RESULTS ==== */
  7240.  
  7241. /* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
  7242. /*(NOT LOGED / with GM) */
  7243. body> #main-header + #content-wrapper {
  7244.     position: absolute ! important;
  7245.     display: inline-block ! important;
  7246.     float: left !important;
  7247.     clear: both !important;
  7248.     height: 100% !important;
  7249.     min-height: 200px !important;
  7250.     width: 100% !important;
  7251.     max-width: 95% !important;
  7252.     top: 55px !important;
  7253.     left: 0px !important;
  7254.     margin-left: 20px ! important;
  7255. }
  7256.  
  7257. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
  7258. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
  7259.     position: absolute !important;
  7260.     display: inline-block ! important;
  7261.     width: 82%! important;
  7262.     left: -27% !important;
  7263.     top: -24px !important;
  7264. }
  7265.  
  7266. /* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS -
  7267. #summary + #table-container
  7268. #main-header +#content-wrapper #main-article  ul+dl +h2 +#summary + #table-container (2GM)
  7269. === */
  7270. /* SEARCH*/
  7271. #table-container {
  7272.     position: absolute !important;
  7273.     display: inline-block ! important;
  7274.     width: 100% !important;
  7275.     max-width: 68.9% !important;
  7276.     min-width: 68.8% !important;
  7277.     left: 0px !important;
  7278.     margin-top: -1px !important;
  7279. }
  7280. /*MY SYTLES */
  7281. #summary + #table-container  {
  7282.     position: absolute !important;
  7283.     display: inline-block ! important;
  7284.     width: 100% !important;
  7285.     max-width: 68.9% !important;
  7286.     min-width: 68.8% !important;
  7287.     left: 0px !important;
  7288.     margin-top: 3px !important;
  7289. }
  7290. /* TABLE HEADER FIXED - === */
  7291. #style-table {
  7292.     width: 100% !important;
  7293.     min-width: 100% !important;
  7294.     max-width: 100% !important;
  7295.     margin-top: 42px !important;
  7296. }
  7297.  
  7298. #style-table>tr:first-of-type {
  7299.     display: inline-table  !important;
  7300.     position: fixed !important;
  7301.     height: 100%!important;
  7302.     max-height: 42px!important;
  7303.     max-height: 42px!important;
  7304.     width: 100% !important;
  7305.     max-width: 65.7% !important;
  7306.     min-width: 65.7% !important;
  7307.     margin-top: -46px !important;
  7308.     border-top: 4px solid tan !important;
  7309.     border-bottom: 4px solid tan !important;
  7310.     z-index: 200 !important;
  7311. }
  7312.  
  7313. /* TABLE VIEW PLUS - ??? ENHANCER -
  7314. #main-article> ul + dl +h2 + #summary + #table-container #style-table === */
  7315. #main-article> ul + dl +h2 + #summary + #table-container #style-table {
  7316. /* width: 100% !important; */
  7317. /* min-width: 103.9% !important; */
  7318. /* max-width: 103.9% !important; */
  7319. }
  7320. #main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
  7321.     position: fixed !important;
  7322.     margin-top: -52px !important;
  7323.     border-top: 4px solid tan !important;
  7324.     border-bottom: 4px solid tan !important;
  7325.     z-index: 200 !important;
  7326. }
  7327.  
  7328. /* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
  7329. #style-table th {
  7330.     color: tan;
  7331.     height: 25px !important;
  7332.     line-height: 3px !important;
  7333.     padding: 0 4px;
  7334.     text-shadow: 1px 1px 2px #000000;
  7335. }
  7336.  
  7337. /* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
  7338. #summary+ p + #table-container #style-table th  {
  7339.     display: inline-table  !important;
  7340.     color: tan;
  7341.     line-height: 3px !important;
  7342.     padding: 0 4px;
  7343.     text-shadow: 1px 1px 2px #000000;
  7344. }
  7345.  
  7346. /* POSITION COLUMN - TABLE VIEW PLUS */
  7347. #table-container #style-table th:first-of-type  {
  7348.     width: 1% !important;
  7349.     padding-left: 10px !important;
  7350. }
  7351. #table-container #style-table th:nth-child(2)  {
  7352.     max-width: 57% !important;
  7353.     min-width: 57% !important;
  7354.     padding-left: 10px !important;
  7355. }
  7356. #table-container #style-table th:last-of-type  {
  7357.     width: 7% !important;
  7358.     padding-right: 0px !important;
  7359. }
  7360.  
  7361. /* A VOIR ??? - === */
  7362. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  7363.     display: inline-table  !important;
  7364.     position: fixed !important;
  7365.     width: 970px !important;
  7366. }
  7367.  
  7368. /* POSITION COLUMN - ENHANCER */
  7369. #summary+ p + #table-container #style-table th:first-of-type  {
  7370.     width: 4% !important;
  7371. }
  7372. #summary+ p + #table-container #style-table th  {
  7373.     width: 8.1% !important;
  7374.     height: 20px!important;
  7375.     line-height: 20px!important;
  7376. }
  7377. #summary+ p + #table-container #style-table th:nth-child(2)  {
  7378.     min-width: 61.5% !important;
  7379.     max-width: 61.5% !important;
  7380.     border-right: 1px solid red!important;
  7381. }
  7382.  
  7383. /* A VOIR ??? - === */
  7384. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  7385.     display: inline-table  !important;
  7386.     position: fixed !important;
  7387.     width: 970px !important;
  7388. }
  7389.  
  7390. /* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
  7391. #summary+ p + #table-container {
  7392.     margin-top: -13px !important;
  7393.     max-width: 100% !important;
  7394.     min-width: 100% !important;
  7395.     width: 100% !important;
  7396. }
  7397. #summary+ p + #table-container #style-table {
  7398.     width: 100% !important;
  7399.     min-width: 67%! important;
  7400.     max-width: 67% !important;
  7401. }
  7402.  #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
  7403.     position: fixed !important;
  7404.     display: inline-block ! important;
  7405.     display: inline-table !important;
  7406.     top: 120px !important;
  7407.     min-width: 63.6%! important;
  7408.     max-width: 63.6% !important;
  7409.     height: 20px! important;
  7410.     line-height: 20px!important;
  7411.     border-bottom: 4px solid tan !important;
  7412.     border-top: 4px solid tan !important;
  7413.     background: red!important;
  7414.     z-index: 200 !important;
  7415. }
  7416.  
  7417.  
  7418.  
  7419.  
  7420. /* (NOT LOGED / with GM) */
  7421. .author-styles>tbody>tr:nth-child(odd) {
  7422.     background: #222222 ! important;
  7423. }
  7424. /* BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
  7425. .author-styles>tbody>tr>td[valign="top"]>a {
  7426.     color: #CF9C28  !important;
  7427. }
  7428. .author-styles>tbody>tr>td[valign="top"]>a:visited {
  7429.     color: #DDB46D  !important;
  7430. }
  7431. .author-styles>tbody>tr>td[valign="top"]>a:hover {
  7432.     color: tan !important;
  7433. }
  7434. .author-styles>thead>tr>th:nth-child(3) ,
  7435. .author-styles>thead>tr>th:nth-child(4) ,
  7436. .author-styles>thead>tr>th:nth-child(5){
  7437.     width: 43px !important;
  7438. }
  7439. .author-styles>thead>tr>th:nth-child(6){
  7440.     width: 100px !important;
  7441. }
  7442. /*  EDIT/Delete/Statictic ICONS - === */
  7443. table.author-styles tbody tr td+td a:nth-child(1) {
  7444.     font-size: 0px ! important;
  7445. }
  7446. /* (new93) NEDD CONVERT for Addstylish lib -  */
  7447. table.author-styles tbody tr td+td a[href$="/edit"]:before {
  7448.     content : "\270E " ! important;
  7449.     font-size: 18px ! important;
  7450. }
  7451. table.author-styles tbody tr td+td a:nth-child(2) {
  7452.     font-size: 0px ! important;
  7453. }
  7454. table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
  7455. /* content : "\2717" ; */
  7456. /* content : "➕" ; */
  7457. content : "✅" ;
  7458.     font-size: 18px ;
  7459.     color: green ;
  7460. }
  7461. .obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
  7462. /* content : "\2717" ; */
  7463. content : "➖" ;
  7464.     font-size: 18px ;
  7465.     color: red ;
  7466. }
  7467.  
  7468. /* Text Shadow === */
  7469. #style-table tr td * {
  7470.     text-shadow: none !important;
  7471. }
  7472.  
  7473. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
  7474. #popup_container.popup_right,
  7475. #popup_container.popup_left {
  7476.     position: fixed !important;
  7477.     display: inline-block !important;
  7478.     float: right !important;
  7479.     top: 25% !important;
  7480.     right: 0% !important;
  7481.     padding: 0 !important;
  7482.     background: transparent !important;
  7483.     border: none !important;
  7484.     box-shadow: none !important;
  7485.     z-index: -5000 !important;
  7486. }
  7487. #popup_container img {
  7488.     position: absolute !important;
  7489.     display:  inline-block !important;
  7490.     float: none !important;
  7491.     float: right !important;
  7492.     min-width: 30% !important;
  7493.     max-width: 30% !important;
  7494.     box-shadow: 4px 4px 8px #000000;
  7495.     right: 0% !important;
  7496.     z-index: 500000 !important;
  7497.     border: 1px solid peru !important;
  7498. }
  7499. /* (new75) BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES */
  7500. @media screen and (max-width: 1400px){
  7501. #popup_container.popup_right,
  7502. #popup_container.popup_left {
  7503.     position: fixed !important;
  7504.     display: inline-block !important;
  7505.     height: 13000px !important;
  7506.     width: 1300px !important;
  7507.     float: right !important;
  7508.     top: 25% !important;
  7509.     right: 0% !important;
  7510.     padding: 0 !important;
  7511.     background: transparent !important;
  7512.     border: none !important;
  7513.     box-shadow: none !important;
  7514.     z-index: -5000 !important;
  7515. }
  7516. #popup_container img {
  7517.     position: absolute !important;
  7518.     display:  inline-block !important;
  7519.     float: none !important;
  7520.     float: right !important;
  7521. /* width: 100% !important; */
  7522. /* max-width: 28% !important; */
  7523.     box-shadow: 4px 4px 8px #000000;
  7524.     right: 1% !important;
  7525. /* background-size: contain !important; */
  7526.     z-index: 500000 !important;
  7527. }
  7528.  
  7529. /* ==== END BROWSE SEARCH RESULTS - Screenshot POPUP - MEDIA QUERIES ==== */
  7530. }
  7531.  
  7532.  
  7533. /* BROWSE SEARCH RESULTS - Title === */
  7534. .style-brief-text>header>a:link {
  7535.     color: #CCCDCD !important;
  7536.     text-decoration: none !important;
  7537. }
  7538. /* BROWSE SEARCH RESULTS - Desc - === */
  7539. .style-brief-text > a:visited {
  7540.     color: #929292 !important;
  7541.     text-decoration: none !important;
  7542. }
  7543. .style-brief-text > a:active {
  7544.     color: #929292 !important;
  7545.     text-decoration: none !important;
  7546. }
  7547.  
  7548.  
  7549. /* (new84) PAGINATION ALL - PB NOT LOGED - === */
  7550.  .pagination {
  7551.     position: fixed !important;
  7552.     display: inline-block !important;
  7553. /*     width: 100% !important; */
  7554.     max-width: 350px !important;
  7555.     min-width: 350px !important;
  7556.     height: 17px!important;
  7557.     line-height: 17px!important;
  7558.     top: 29px !important;
  7559.     left: 550px !important;
  7560. /* right: 15% !important; */
  7561.     padding: 1px !important;
  7562.     text-align: center !important;
  7563.     z-index: 200 !important;
  7564.     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);
  7565.     border-radius: 3px 3px 0 0 !important;
  7566. }
  7567. .pagination > a {
  7568.     display: inline-block !important;
  7569.     border: 1px solid #999999;
  7570.     border-radius: 3px !important;
  7571.     font-size: 10px;
  7572.     margin-left: -1px;
  7573.     margin-right: -1px;
  7574.     top: -5px !important;
  7575.     padding: 0 3px !important;
  7576. }
  7577. /* PAGINATION - ALL -  Link - === */
  7578. .pagination > a {
  7579.     margin-left: -1px;
  7580.     margin-right: -1px;
  7581.     padding: 0 3px !important;
  7582.     border: 1px solid #999999;
  7583.     border-radius: 3px  !important;
  7584.     font-size: 10px;
  7585. }
  7586. .pagination>a:hover {
  7587.     padding: 0 3px !important;
  7588.     font-size: 12px !important;
  7589.     text-decoration: none;
  7590.     color: #000000;
  7591.     border-radius: 3px;
  7592.     border: 1px solid #A7A7A7;
  7593.     background-color: white;
  7594. }
  7595. /* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
  7596. .current {
  7597.     margin-left: 1px;
  7598.     margin-right: 1px;
  7599.     padding: 0 3px !important;
  7600.     font-size: 12px !important;
  7601.     text-decoration: none;
  7602.     font-weight: bold;
  7603.     color: #000000;
  7604.     border-radius: 3px;
  7605.     border: 1px solid #336699;
  7606.     background-color: #F5F7FA;
  7607. }
  7608. /* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
  7609. .previous_page.disabled ,
  7610. .disabled.prev_page {
  7611.     display: none !important;
  7612. }
  7613.  
  7614. /* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
  7615. #table-container + .pagination {
  7616.     line-height: 13px!important;
  7617.     top: 32px !important;
  7618.     left: 450px !important;
  7619.     padding: 1px !important;
  7620. /*     background: red !important; */
  7621. }
  7622.  
  7623. /* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE -
  7624. https://greasyfork.org/fr/scripts?per_page=100&sort=created
  7625. === */
  7626. .next_page {
  7627.     display: inline-block!important;
  7628.     width: 80px !important;
  7629. }
  7630. .next_page.disabled {
  7631.     display: none !important;
  7632. }
  7633.  
  7634. /* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
  7635. USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
  7636. GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
  7637. ==== */
  7638.  
  7639.  
  7640. /* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) -
  7641. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  7642. http://userstyles.org/users/169?page=2&per_page=10
  7643. === */
  7644. .ad + .pagination {
  7645.     position: fixed !important;
  7646.     display: inline-block !important;
  7647.     height: 20px!important;
  7648.     width: 100% !important;
  7649.     width: auto !important;
  7650.     max-width: 600px !important;
  7651.     min-width: 600px !important;
  7652.     left: 270px !important;
  7653.     top: 35px !important;
  7654.     padding: 1px 5px !important;
  7655.     z-index: 200 !important;
  7656. outline: 1px solid green !important;
  7657. }
  7658.  
  7659.  
  7660. /* (new79) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  -
  7661.  
  7662. Without CITRUS :
  7663. #browse-script-list + .pagination
  7664. WITH CITRUS :
  7665. #script-table + .pagination
  7666. BUT NOT for SET VIEW (CITRUS) :
  7667. #UserSets + .width-constraint .pagination
  7668. === */
  7669. .width-constraint .pagination {
  7670.     position: fixed !important;
  7671.     display: inline-block !important;
  7672.     vertical-align: bottom !important;
  7673.     min-width: 100% !important;
  7674.     max-width: 100% !important;
  7675.     max-width: 450px !important;
  7676.     min-width: 450px !important;
  7677.     height: 17px !important;
  7678.     line-height: 15px !important;
  7679.     top: 27px !important;
  7680.     left: 51.4% !important;
  7681.     padding: 1px !important;
  7682. /* text-align: left !important; */
  7683.     border-radius: 3px 3px 0 0 !important;
  7684.     box-shadow: none !important;
  7685.     text-align: center !important;
  7686.     border: 1px solid peru !important;
  7687. /*     background: transparent!important; */
  7688. }
  7689.  
  7690. /* (new66) PAGINATION - SCRIPT PAGE  - MEDIA QUERIE - === */
  7691. @media screen and (max-width: 1400px) {
  7692. .width-constraint .pagination {
  7693. left: 44% !important;
  7694. }
  7695. /* ==== END === PAGINATION - SCRIPT PAGE  - MEDIA QUERIE  ==== */
  7696. }
  7697.  
  7698. /* A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK -
  7699. https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
  7700. === */
  7701. #UserSets + .width-constraint .pagination {
  7702.     position: fixed !important;
  7703.     display: inline-block !important;
  7704.     min-width: 100% !important;
  7705.     max-width: 100% !important;
  7706.     max-width: 550px !important;
  7707.     min-width: 550px !important;
  7708.     height: 15px !important;
  7709.     line-height: 15px !important;
  7710.     top: 49px !important;
  7711.     left: 34% !important;
  7712.     padding: 1px !important;
  7713.     text-align: left !important;
  7714.     background: transparent !important;
  7715.     border-radius: 5px !important;
  7716.     box-shadow: none !important;
  7717.     text-align: center !important;
  7718. }
  7719.  
  7720. /* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
  7721. #script-table + .pagination  {
  7722.     position: fixed !important;
  7723.     display: inline-block !important;
  7724.     width: 100% !important;
  7725.     max-width: 459px !important;
  7726.     min-width: 459px !important;
  7727.     height: 15px!important;
  7728.     line-height: 15px!important;
  7729.     top: 28px !important;
  7730.     left: 51% !important;
  7731.     padding: 1px !important;
  7732.     border-radius: 3px 3px 0 0 !important;
  7733.     text-align: center !important;
  7734.     box-shadow: 0 0 4px #999999 !important;
  7735.     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);
  7736.     z-index: 200 !important;
  7737. }
  7738. /* (new74) PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - MEDIA QUERIE - === */
  7739. @media screen and (max-width: 1400px) {
  7740. #script-table + .pagination  {
  7741.     left: 43.5% !important;
  7742. }
  7743. /* ==== END === PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE === */
  7744. }
  7745. /* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
  7746. /* ALL */
  7747. /* .pagination > *,
  7748. .script-list + .pagination > *,
  7749. .user-list + .pagination > * , */
  7750. .pagination .current,
  7751. .pagination .gap ,
  7752. .pagination a ,
  7753. body[pagetype="ListingPage"] .gap ,
  7754. body[pagetype="ListingPage"] .current ,
  7755. body[pagetype="ListingPage"] .pagination a {
  7756. display: inline-block !important;
  7757.     position: relative !important;
  7758.     height: 14px !important;
  7759.     line-height: 14px !important;
  7760.     margin-top: -5px !important;
  7761.     top: -1px !important;
  7762.     padding: 0 3px !important;
  7763.     border: none !important;
  7764.     border-radius: 3px !important;
  7765.     box-shadow: 3px 3px 2px black !important;
  7766.     background: #222 !important;
  7767. }
  7768.  
  7769. .pagination .current,
  7770. .pagination .gap ,
  7771. body[pagetype="ListingPage"] .pagination .gap ,
  7772. body[pagetype="ListingPage"]  .pagination .current {
  7773.     color: white !important;
  7774. }
  7775.  
  7776. .pagination .current,
  7777. body[pagetype="ListingPage"] .pagination .current {
  7778.     margin-top: 0px !important;
  7779.     top: -2px !important;
  7780. /* color: white !important; */
  7781. }
  7782. /* body[pagetype="ListingPage"] .pagination a:hover , */
  7783. .pagination > a.next_page ,
  7784. .pagination > a.next_page:hover ,
  7785. .pagination > a.previous_page,
  7786. .pagination > a.previous_page:hover  {
  7787.     width: 20px !important;
  7788.     font-size: 0px !important;
  7789. }
  7790. .previous_page:before {
  7791.     content: "<" ;
  7792.     font-size: 10px !important;
  7793. }
  7794. .next_page:before {
  7795.     content: ">" ;
  7796.     font-size: 10px !important;
  7797. }
  7798.  
  7799. /* (new87) USERSTYLES */
  7800. #content-wrapper #main-article .pagination>.current {
  7801.     margin-top: 0px !important;
  7802.     top: 0px !important;
  7803.     color: white !important;
  7804. }
  7805. span.Ellipsis {
  7806.     height: 14px !important;
  7807.     line-height: 7px !important;
  7808.     border-radius: 3px !important;
  7809.     box-shadow: 3px 3px 2px black !important;
  7810. color: peru !important;
  7811. }
  7812. .pagination .gap ,
  7813. body[pagetype="ListingPage"] .pagination .gap {
  7814.     line-height: 2px !important;
  7815.     top: -7px !important;
  7816.     border-radius: 3px !important;
  7817.     box-shadow: 3px 3px 2px black !important;
  7818. }
  7819. #content-wrapper #main-article .pagination> .gap {
  7820.     vertical-align: middle !important;
  7821.     line-height: 7px !important;
  7822.     top: 2px !important;
  7823. }
  7824.  
  7825. /* (new77) USERSTYLES)
  7826. /* #content-wrapper #main-article .pagination> .gap ,
  7827. #content-wrapper #main-article .pagination>.current {
  7828. display: inline-block !important;
  7829.     color: red !important;
  7830. } */
  7831. .pagination a:hover ,
  7832. body[pagetype="ListingPage"] .pagination a:hover {
  7833.     padding: 0 3px !important;
  7834. }
  7835.  
  7836. /* ==== EDIT PAGE ==== */
  7837.  
  7838. /* EDIT - INFOS - Textarea Input === */
  7839. table.form-controls,
  7840. .form-controls > tbody > tr > td ,
  7841.     textarea#style_long_description ,
  7842.     textarea#style_additional_info ,
  7843.     textarea#css {
  7844.     min-width: 940px !important;
  7845. }
  7846. /* EDIT - INFOS - SHORT DESC - === */
  7847. .form-controls>tbody>tr>td [id="style_short_description"] {
  7848.     min-width: 200px!important;
  7849.     resize: both !important;
  7850.     overflow:auto !important;
  7851. }
  7852. /* EDIT - INFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
  7853. .form-controls>tbody>tr>td>dl>dd>img{
  7854.     box-shadow: 0 0 4px #999999 !important;
  7855.     height: auto;
  7856.     margin-left: 200px !important;
  7857.     max-width: 900px !important;
  7858. }
  7859. .form-controls>tbody>tr>td>dl>dd{
  7860.     margin-left: -169px !important;
  7861. }
  7862. /* EDIT - INFOS - ScreenShots (PreView) - Additional === */
  7863. .form-controls>tbody>tr>td>table>tbody>tr>td>img{
  7864.     box-shadow: 0 0 4px #999999 !important;
  7865.     height: auto;
  7866.     max-width: 900px !important;
  7867. }
  7868. /* EDIT - INFOS - ScreenShots - Additional (Table) === */
  7869. .form-controls>tbody>tr>td>table{
  7870.     margin-left: -149px !important;
  7871. }
  7872.  
  7873. /* (new91) EDIT - MAIN CONT - === */
  7874. #main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  7875.     position: absolute !important;
  7876.     display: inline-block !important;
  7877.     max-width: 800px !important;
  7878.     margin-top: 35px ! important;
  7879.     margin-left: 5% ! important;
  7880. }
  7881.  
  7882. /* EDIT - WIDGET - === */
  7883. #main-article>form[action="/help/widget"] {
  7884.     position: relative !important;
  7885.     display: table !important;
  7886.     min-width: 910px !important;
  7887.     max-width: 910px !important;
  7888.     margin-top: 3px ! important;
  7889.     margin-left: -3px ! important;
  7890.     background: #222 !important;
  7891. }
  7892.  
  7893. #main-article>form[action="/help/widget"] .form-controls {
  7894.     min-width: 910px !important;
  7895.     max-width: 910px !important;
  7896. }
  7897. #main-article>form[action="/help/widget"] .form-controls tbody tr {
  7898.     display: inline-block !important;
  7899.     width: 100% !important;
  7900.     min-width: 910px !important;
  7901.     max-width: 910px !important;
  7902.     margin-bottom: 0px !important;
  7903.     text-align: center !important;
  7904. }
  7905. #main-article>form[action="/help/widget"] .form-controls tbody tr td ,
  7906. #main-article>form[action="/help/widget"] .form-controls tbody tr th {
  7907.     display: inline-block !important;
  7908.     min-width: 870px !important;
  7909.     max-width: 870px !important;
  7910.     padding: 0 !important;
  7911.     text-align: center !important;
  7912. }
  7913.  
  7914. /* EDIT - USERSTYLES - DELETE STYLE PAGE - === */
  7915. #main-article>form[action="/styles/delete_save"] {
  7916.     position: absolute !important;
  7917.     display: inline-block !important;
  7918.     max-width: 800px !important;
  7919.     min-height: 400px !important;
  7920.     margin-top: 100px !important;
  7921.     margin-left: -55% !important
  7922. }
  7923. #main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
  7924.     min-height: 400px !important;
  7925. }
  7926.  
  7927.  
  7928. /* EDIT - STY NAME INPUT - === */
  7929. article#main-article form .form-controls input#style_short_description {
  7930.     width: 600px !important;
  7931. }
  7932. /* EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
  7933. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  7934.     display: block !important;
  7935.     position: relative !important;
  7936.     width: auto !important;
  7937. }
  7938. .form-controls>table>tbody>tr>td:first-of-type>input {
  7939.     width: 462px !important;
  7940. }
  7941. .form-controls>table>tbody>tr>td:nth-child(2)>input {
  7942.     width: 465px !important;
  7943. }
  7944. /* EDIT - CHECK BOX (REMOVE/CHANGE) - === */
  7945. .form-controls>table>tbody>tr>td:nth-child(3)>input {
  7946.     position: absolute !important;
  7947.     top: -20px !important;
  7948. }
  7949. .form-controls>table>tbody>tr>td:nth-child(3):after {
  7950.     position: absolute ;
  7951.     display: inline-block ;
  7952.     content: "Remove / Change" ;
  7953.     width: 200px ;
  7954.     height: 15px ;
  7955.     margin-top: -22px ;
  7956.     margin-left: 45px ;;
  7957.     font-size: 15px ;
  7958.     color: red ;
  7959. }
  7960. /* EDIT - LABELS - === */
  7961. .form-controls>label {
  7962.     color: gold ! important;
  7963. }
  7964. /* EDIT - SCREENSHOTS - TITLES SECT - === */
  7965. .form-controls>table>thead>tr {
  7966.     display: none ! important;
  7967. }
  7968.  
  7969. /* EDIT - ADDIT SCREENSHOT - ZEBBRA - === */
  7970. .form-controls>table>tbody>tr:nth-child(odd) {
  7971.     display: inline-block ! important;
  7972.     min-width: 900px ! important;
  7973.     background: #222222 ! important;
  7974.     padding: 10px 50px 20px 50px ! important;
  7975. }
  7976. .form-controls>table>tbody>tr:nth-child(even) {
  7977.     display: inline-block ! important;
  7978.     background: #0B0909 ! important;
  7979.     padding: 10px 50px 20px 50px ! important;
  7980.     min-width: 900px ! important;
  7981. }
  7982.  
  7983. /* EDIT - ADDIT SCREENSHOT - === */
  7984. .form-controls>table>tbody>tr>td:nth-child(4) {
  7985.     position: relative !important;
  7986.     display: inline-block !important;
  7987.     left: -2% !important;
  7988.     top: 20px ! important;
  7989.     margin-bottom: 60px ! important;
  7990.     text-align: left !important;
  7991. }
  7992. .form-controls>table>tbody>tr>td:nth-child(4) img {
  7993.     position: relative !important;
  7994.     display: inline-block !important;
  7995.     max-width: 850px !important;
  7996.     left: -2% !important;
  7997.     top: 20px ! important;
  7998.     margin-bottom: 60px ! important;
  7999.     text-align: left !important;
  8000. }
  8001.  
  8002. /* EDIT - ADD A NEW SCREENSHOT - === */
  8003. .form-controls>table>tbody>tr:last-of-type:before {
  8004.     content: "Add a NEW Screenshot : " ;
  8005.     display: inline-block ;
  8006.     font-size: 10px ;
  8007.     color: gold ;
  8008. }
  8009.  
  8010.  
  8011. /* [[1]==== END ==== */
  8012.  
  8013. /* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT
  8014. OLD:
  8015. #content-wrapper article#main-article dl + h2 ~
  8016.  
  8017. .style-brief:nth-child(-n+4) .style-brief-text > p ,
  8018. .style-brief:nth-child(n+11) .style-brief-text > p
  8019.  
  8020. ===== */
  8021. .listing-left-info {
  8022.     position: absolute !important;
  8023.     display: inline-block !important;
  8024.     float: none !important;
  8025.     min-height: 100px;
  8026.     width: 100% !important;
  8027. }
  8028.  
  8029. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
  8030. .style-brief:nth-child(odd) {
  8031.     background: #222222 !important;
  8032. }
  8033.  
  8034. /* NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN -
  8035. PB - SEARCH (BIG) :
  8036. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  8037. #social ~article.style-brief:nth-child( 4n + 2 )
  8038. === */
  8039. .style-brief {
  8040.     position: relative ! important;
  8041.     display: inline-block ! important;
  8042.     width: 32.72% !important;
  8043.     height: 163px ! important;
  8044.     right: 7.5% ! important;
  8045.     margin-top: 6px !important;
  8046.     margin-bottom: 0px !important;
  8047.     border-radius: 5px !important;
  8048.     box-shadow: 6px 5px 6px black !important;
  8049.     border: 1px solid gray ! important;
  8050.     overflow: hidden ! important;
  8051. }
  8052. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
  8053. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
  8054.     position: relative ! important;
  8055.     display: inline-block ! important;
  8056.     float: left !important;
  8057.     width: 49.6% !important;
  8058.     height: 224px ! important;
  8059.     right: 7.7% ! important;
  8060.     margin-top: 6px !important;
  8061.     margin-bottom: 0px !important;
  8062.     border-radius: 5px !important;
  8063.     box-shadow: 6px 5px 6px black !important;
  8064.     border: 1px solid gray ! important;
  8065.     overflow: hidden ! important;
  8066. }
  8067. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
  8068. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
  8069.     left: 180px;
  8070. }
  8071.  
  8072.  
  8073. /* NOT LOGGED - STYLES INFOS */
  8074. .style-brief-text {
  8075.     position: absolute !important;
  8076.     display: inline-block !important;
  8077.     float: none !important;
  8078.     height: 150px ! important;
  8079.     width: 100% !important;
  8080.     max-width: 67% !important;
  8081.     margin-left: 10% !important;
  8082.     left: 119px;
  8083.     top: 2px !important;
  8084. /* overflow: hidden !important; */
  8085. /* overflow-y: auto !important; */
  8086. /* white-space: pre-line !important; */
  8087. }
  8088.  
  8089. /* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
  8090. .style-brief-control-links:before {
  8091. content: "⏪ " !important;
  8092.     position: absolute !important;
  8093. width: 20px !important;
  8094. height: 17px !important;
  8095. line-height: 17px !important;
  8096. left: -10px;
  8097. color: gold !important;
  8098. background: green !important;
  8099. z-index: 500 ;
  8100. }
  8101. .style-brief-control-links:hover:before {
  8102. content: "⏩ " !important;
  8103.     position: absolute !important;
  8104. /*     padding-top: 0 !important; */
  8105. width: 20px ;
  8106. left: -20px;
  8107. /*     top: 28px; */
  8108. color: white  !important;
  8109. text-align: center ;
  8110. z-index: 500 ;
  8111. }
  8112. .style-brief-control-links {
  8113.     position: absolute !important;
  8114.     padding-top: 0 !important;
  8115. width: 10px !important;
  8116.     right: -12px;
  8117.     top: 22px;
  8118. color: peru !important;
  8119. white-space: nowrap !important;
  8120. z-index: 500 ;
  8121. }
  8122. .style-brief-control-links:hover {
  8123. width: auto !important;
  8124.     right: 0px;
  8125. color: peru !important;
  8126. background: green !important;
  8127. z-index: 500 ;
  8128. }
  8129. .style-brief-control-links a:hover {
  8130.     color: tomato !important;
  8131. background: black !important;
  8132. }
  8133. .style-brief-text>p::first-line {
  8134.     color: red !important;
  8135. }
  8136. .style-brief-text>p {
  8137. /* position: relative !important; */
  8138. position: absolute !important;
  8139.     display: inline-block !important;
  8140. /* vertical-align: top !important; */
  8141. /* vertical-align: top !important; */
  8142.     width: 81.5% !important;
  8143.     height: 115px !important;
  8144.     left: 51px;
  8145. top: 25px !important;
  8146. /*     margin-top: 8px !important; */
  8147. margin: 0 auto !important;
  8148.     padding: 0 5px !important;
  8149. overflow: hidden !important;
  8150. overflow-y: auto !important;
  8151. white-space: pre-line !important;
  8152. /* border: 1px solid aqua !important; */
  8153. }
  8154.  
  8155. /* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
  8156. /*#content-wrapper article#main-article h2 ~ article.style-brief:nth-child(-n+3) .style-brief-text > p ,
  8157. #content-wrapper article#main-article h2 ~ article.style-brief:nth-child(n+10) .style-brief-text > p*/
  8158.  
  8159. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
  8160. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
  8161. /*     position: relative !important; */
  8162. /*     display: inline-block !important; */
  8163.     width: 90.5% !important;
  8164.     height: 178px !important;
  8165.     left: 37px;
  8166.     top: 24px !important;
  8167.     padding: 0 5px !important;
  8168.     overflow: hidden !important;
  8169.     overflow-y: auto !important;
  8170. /* border: 1px solid red !important; */
  8171. }
  8172.  
  8173. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) -
  8174. .style-brief-text > header > a:link
  8175. === */
  8176. .style-brief header {
  8177.     font-size: 0.89vw !important;
  8178.     position: absolute !important;
  8179.     display: inline-block ! important;
  8180.     width: 150% !important;
  8181.     height: 100% !important;
  8182.     min-height: 25px ! important;
  8183.     max-height: 25px ! important;
  8184.     line-height: 25px !important;
  8185.     top: -3px !important;
  8186.     left: -49.5% !important;
  8187.     padding-bottom: 0px ! important;
  8188.     overflow: hidden !important;
  8189.     white-space: nowrap !important;
  8190.     text-overflow: ellipsis !important;
  8191.     text-align: center !important;
  8192. }
  8193. .style-brief-text > header > a:link  {
  8194.     position: relative !important;
  8195.     display: inline-block ! important;
  8196.     width: 100% !important;
  8197.     left: 0px!important;
  8198.     overflow: hidden !important;
  8199.     white-space: nowrap !important;
  8200.     text-overflow: ellipsis !important;
  8201.     background: black !important;
  8202. }
  8203. /* NOT LOGGED - STYLES NAME - BIG
  8204. .style-brief-text > header > a:link
  8205. === */
  8206. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
  8207. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
  8208.     font-size: 1.1vw !important;
  8209. }
  8210.  
  8211. /* NOT LOGGED - STATS */
  8212. .style-brief-stats {
  8213.     position: absolute !important;
  8214.     display: inline-block !important;
  8215.     float: right!important;
  8216.     height: 16px !important;
  8217.     line-height: 16px !important;
  8218.     width: 100% !important;
  8219.     right: 0px !important;
  8220.     left: 0%! important;
  8221.     bottom: -12px !important;
  8222.     padding: 2px 0 2px 12px !important;
  8223.     text-align: left !important;
  8224.     background: black ! important;
  8225. }
  8226. .style-brief-stats span {
  8227.     display: inline !important;
  8228.     min-width: 16em;
  8229.     width: auto !important;
  8230.     border: 1px solid gray !important;
  8231.     margin-right: 10px !important;
  8232.     margin-left: 10px !important;
  8233.     padding: 1px !important;
  8234.     color: tan !important;
  8235. }
  8236.  
  8237. /* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
  8238. .style-brief-text .style-brief-stats span:last-child {
  8239.     position: absolute !important;
  8240.     left: -5px !important;
  8241.     min-width: 10px !important;
  8242.     max-width: 10px !important;
  8243.     min-height: 16px !important;
  8244.     max-height: 16px !important;
  8245.     line-height: 16px !important;
  8246.     padding: 0 3px 0 15px !important;
  8247.     border: none !important;
  8248.     cursor: pointer !important;
  8249.     font-size: 0 !important;
  8250. }
  8251.  
  8252. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  8253.     content: ". " ;
  8254.     position: absolute ;
  8255.     display: inline-block ;
  8256.     left: 0 ;
  8257.     min-width: 19px ;
  8258.     max-width: 19px ;
  8259.     min-height: 14px ;
  8260.     max-height: 15px ;
  8261.     line-height: 15px ;
  8262.     margin-top: -1px ;
  8263.     font-size: 15px ;
  8264.     color: transparent ;
  8265.     background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  8266.     background-position:-101px -457px ;
  8267. }
  8268. .style-brief-text .style-brief-stats span:hover:last-child {
  8269.     position: absolute !important;
  8270.     min-width: 100% !important;
  8271.     height: 15px !important;
  8272.     line-height: 15px !important;
  8273.     font-size: 11px !important;
  8274.     color: gold !important;
  8275.     background: black !important;
  8276. }
  8277. /* (new86) ICON RATING - GOOD / BAD -
  8278. .style-brief.good-rating .style-brief-stats img
  8279. === */
  8280. .style-brief-stats .bad-average-rating {
  8281.     position: absolute !important;
  8282.     left: -2px !important;
  8283. top: 2px !important;
  8284. }
  8285. .style-brief.good-rating .style-brief-stats img {
  8286.     position: absolute !important;
  8287.     left: -2px !important;
  8288. }
  8289. /* NOT LOGGED - RATING AVERAGE - BIG - === */
  8290. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
  8291. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
  8292.     position: absolute !important;
  8293.     display: inline-block !important;
  8294.     float: left !important;
  8295.     width: auto !important;
  8296.     left: 4px !important;
  8297.     bottom: -72px !important;
  8298.     right: 0 !important;
  8299.     padding: 2px 0 0 4% !important;
  8300.     font-size: smaller !important;
  8301.     text-align: left !important;
  8302.     background: black !important;
  8303. }
  8304.  
  8305. /* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
  8306. .style-brief .listing-left-info figure.screenshot-thumbnail {
  8307.     position: relative !important;
  8308.     display: inline-block ! important;
  8309.     vertical-align: top ! important;
  8310.     margin-top: 28px  ! important;
  8311.     margin-bottom: 0 ! important;
  8312.     width: 42% !important;
  8313.     height: 265px;
  8314.     max-height: 130px !important;
  8315.     min-height: 130px !important;
  8316.     overflow-y: hidden ! important;
  8317.     text-align: center ! important;
  8318. /* border: 1px solid pink !important; */
  8319. }
  8320. /* to prevent small screenshots became too bigger */
  8321.  .style-brief .listing-left-info figure.screenshot-thumbnail img {
  8322.     position: relative !important;
  8323.     display: inline-block !important;
  8324.     max-width: 77% !important;
  8325.     max-height: 128px !important;
  8326. /* vertical-align: middle !important; */
  8327. /* vertical-align: middle !important; */
  8328. /* margin: auto 0 !important; */
  8329.     border: 1px dotted gray !important;
  8330. }
  8331. /* .style-brief.no-rating>div[style="clear:left"] {
  8332. display: none !important;
  8333. } */
  8334. /* NOT LOGGED - SCREENSHOT - BIG - === */
  8335. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
  8336. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
  8337.     position: relative !important;
  8338.     display: inline-block !important;
  8339. vertical-align: middle !important;
  8340.     max-height: 195px !important;
  8341.     min-height: 195px !important;
  8342.     width: 36.5% !important;
  8343.     margin-top: 25px !important;
  8344.     margin-left: 0.3% !important;
  8345.     text-align: center !important;
  8346.     overflow-y: hidden !important;
  8347. /* border: 1px solid tan !important; */
  8348. }
  8349.  
  8350. /* NOT LOGGED - NO SCREENSHOT - === */
  8351. .style-brief .listing-no-screenshot {
  8352.     width: 30% !important;
  8353.     margin: 27px 0 0 3px !important;
  8354. }
  8355. .listing-no-screenshot {
  8356.     width: 70% !important;
  8357.     height: 110px !important;
  8358.     background-color: black !important;
  8359. }
  8360.  
  8361.  
  8362. /* GM "AUTOPAGERIZE" - GENERAL - OK - === */
  8363. .autopagerize_page_info {
  8364.     text-align: center !important;
  8365.     font-size: 8px !important;
  8366.     color: white !important;
  8367.     background: #222 !important;
  8368. }
  8369. .autopagerize_page_info a {
  8370.     display: inline-block !important;
  8371.     min-width: 20px !important;
  8372.     height: 20px !important;
  8373.     line-height: 20px !important;
  8374.     margin-top: 3px !important;
  8375.     border-radius: 100% !important;
  8376.     text-align: center !important;
  8377.     font-size: 14px !important;
  8378.     color: white !important;
  8379.     background: red !important;
  8380. }
  8381.  
  8382.  
  8383. /* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
  8384. /* GM "AUTOPAGERIZE - DISABLE  */
  8385. .autopagerize_page_info ~ article.style-brief  {
  8386.     position: relative ! important;
  8387.     display: inline-block ! important;
  8388.     width: 32.72% !important;
  8389.     height: 163px ! important;
  8390.     right: 7.5% ! important;
  8391.     margin-top: 6px !important;
  8392.     margin-bottom: 0px !important;
  8393.     border-radius: 5px !important;
  8394.     box-shadow: 6px 5px 6px black !important;
  8395.     border: 1px solid gray ! important;
  8396.     overflow: hidden ! important;
  8397. }
  8398.  
  8399. /* TEST - GM "AUTOPAGERIZE" ADAPTATION  -
  8400. https://userstyles.org/users/131844
  8401. === */
  8402.  
  8403. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  8404.     display: inline-block !important;
  8405.     clear: both;
  8406.     width: 100% !important;
  8407.     top: 5px !important;
  8408.     margin-left: -75px !important;
  8409.     margin-bottom: -15px !important;
  8410. }
  8411.  
  8412. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  8413.     width: 100% !important;
  8414.     margin-left: -145px !important;
  8415.     top: 5px !important;
  8416.     color: white !important;
  8417.     font-size: 8px !important;
  8418.     text-align: center !important;
  8419.     background: #222  !important;
  8420. }
  8421.  
  8422. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
  8423.     display: inline-block !important;
  8424.     height: 265px;
  8425.     margin-bottom: 0 !important;
  8426.     margin-top: 28px !important;
  8427.     max-height: 160px !important;
  8428.     min-height: 160px !important;
  8429.     overflow-y: hidden !important;
  8430.     position: relative !important;
  8431.     text-align: left !important;
  8432.     vertical-align: top !important;
  8433.     width: 42% !important;
  8434. }
  8435.  
  8436. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
  8437.     display: inline-block !important;
  8438.     float: right !important;
  8439.     height: 150px !important;
  8440.     margin-left: 10% !important;
  8441.     max-width: 67% !important;
  8442.     position: relative !important;
  8443.     top: 2px !important;
  8444.     width: 100% !important;
  8445. }
  8446. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
  8447.     background: black none repeat scroll 0 0 !important;
  8448.     display: inline-block !important;
  8449.     left: 0 !important;
  8450.     overflow: hidden !important;
  8451.     position: relative !important;
  8452.     text-overflow: ellipsis !important;
  8453.     white-space: nowrap !important;
  8454.     width: 100% !important;
  8455. }
  8456.  
  8457. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
  8458. margin-bottom: 61px !important;
  8459.     background: black !important;
  8460.     bottom: -12px !important;
  8461.     display: inline-block !important;
  8462.     float: right !important;
  8463.     height: 16px !important;
  8464.     left: 0 !important;
  8465.     line-height: 16px !important;
  8466.     padding: 2px 0 2px 12px !important;
  8467.     position: absolute !important;
  8468.     right: 0 !important;
  8469.     text-align: left !important;
  8470.     width: 100% !important;
  8471. }
  8472. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
  8473.  
  8474. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  8475.     position: absolute !important;
  8476.     display: inline-block !important;
  8477.     float: left !important;
  8478.     width: auto !important;
  8479.     left: 0px !important;
  8480.     bottom: -132px !important;
  8481.     padding: 2px 0 0 4% !important;
  8482.     font-size: smaller !important;
  8483.     text-align: left !important;
  8484.     background: black !important;
  8485. }
  8486.  
  8487. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  8488.     position: relative !important;
  8489.     display: inline-block !important;
  8490.     width: 97% !important;
  8491.     min-height: 185px !important;
  8492.     max-height: 185px !important;
  8493.     top: 12px !important;
  8494.     overflow-x: hidden !important;
  8495.     overflow-y: auto !important;
  8496.     padding: 0 5px !important;
  8497. }
  8498.  
  8499.  
  8500. /* [[2]==== END ==== */
  8501.  
  8502.  
  8503. /* [[1]] +[[2]==== END ==== */
  8504.  
  8505.  
  8506. /* ======== NEW FORUM ==== */
  8507.  
  8508. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON -
  8509. 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)
  8510. */
  8511. .UserBox .WhoIs,
  8512. .MeBox .WhoIs {
  8513.     position: relative !important;
  8514.     display: inline-block !important;
  8515.     width: 200px !important;
  8516.     height: 100px!important;
  8517.     padding: 0 5px 2px 0 !important;
  8518.     border-radius: 5px !important;
  8519.     border: 1px solid gray !important;
  8520.     text-align: center !important;
  8521. }
  8522. /* (new74) With USER ICON */
  8523. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  8524. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  8525.     position: relative !important;
  8526.     display: inline-block !important;
  8527.     width: 196px !important;
  8528.     height: 100px!important;
  8529.     left: 0px !important;
  8530.     margin-top: -50px !important;
  8531.     padding: 0 0px 2px 0 !important;
  8532.     border-radius: 5px !important;
  8533.     border: 1px solid gray !important;
  8534.     box-shadow: 3px 3px 2px black !important;
  8535.     text-align: center !important;
  8536. }
  8537. .UserBox a.Username:before,
  8538. .MeBox a.Username:before {
  8539.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  8540.     position: relative ;
  8541.     display: inline-block ;
  8542.     width: 157px !important;
  8543.     margin-left: 0 !important;
  8544.     padding: 0 2px 2px 2px ;
  8545.     transform: scale(1.2, 1) ;
  8546.     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) ;
  8547.     border-radius: 5px 5px 0 0 ;
  8548.     text-align: center ;
  8549. }
  8550. /* (new72) */
  8551. .UserBox {
  8552.     margin-top: 28px !important;
  8553. }
  8554.  
  8555. .MeMenu {
  8556.     width: 195px !important;
  8557.     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;
  8558.     line-height: 24px;
  8559.     margin-top: 5px ! important;
  8560.     margin-bottom: -2px ! important;
  8561.     border-radius: 0 0 5px 5px !important;
  8562. }
  8563. .FlyoutMenu {
  8564.     width: 300px;
  8565.     border: 1px solid #999;
  8566.     color: gray !important;
  8567.     box-shadow: 3px 3px 2px black !important;
  8568.     background: #222 !important;
  8569. }
  8570. .PopList.Activities li.Item:nth-child(odd){
  8571.     background: #333 !important;
  8572. }
  8573.  
  8574.  
  8575. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
  8576. .FlyoutMenu  .ItemContent.Activity>a + a {
  8577.     display: inline-block;
  8578.     width: 100% !important;
  8579.     text-align: left !important;
  8580. /* background: red ; */
  8581. }
  8582. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
  8583.     text-indent: 25px !important;
  8584. }
  8585.  
  8586. /* ALL HEADER - BACKGOUND COLOR - === */
  8587. #Head {
  8588.     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;
  8589. }
  8590.  
  8591. /* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
  8592. #Form_Body  {
  8593.     display: inline-block ! important;
  8594.     height: 133px;
  8595.     max-width: 660px !important;
  8596.     min-width: 660px !important;
  8597.     overflow: hidden;
  8598. }
  8599. /* (new79) */
  8600. body > #Frame > .Head {
  8601.     position: fixed !important;
  8602.     width: 100% !important;
  8603.     max-height: 41px ! important;
  8604.     min-height: 41px !important;
  8605.     top: 0px !important;
  8606.     padding-top: 7px ! important;
  8607.     border-bottom: 1px solid #828182 !important;
  8608.     box-shadow: 0 0 9px 0 #000000 !important;
  8609. z-index: 50 !important;
  8610. }
  8611.  
  8612.  
  8613. /* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
  8614. .SiteTitle {
  8615.     position: relative!important;
  8616.     display: inline-block !important;
  8617.     top: -5px !important;
  8618.     font-size: 24px ! important;
  8619. }
  8620. /* FORUM USERSTYLE TITLE */
  8621. #Head .SiteTitle a {
  8622.     position: relative !important;
  8623.     display: inline-block!important;
  8624.     min-width: 250px !important;
  8625.     max-width: 250px !important;
  8626.     margin-left: -105px ! important;
  8627.     text-align: right ! important;
  8628.     font-size: 19px !important;
  8629. }
  8630.  
  8631. .SiteTitle>a img  {
  8632.     position: absolute ! important;
  8633.     max-height: 40px !important;
  8634.     width: 40px !important;
  8635.     margin-left: -60px ! important;
  8636.     margin-top: -5px !important;
  8637. }
  8638.  
  8639. /* TEST - SITE MENU - FOR GM TS CITRUS - === */
  8640. #Head a {
  8641.     font-weight: bold ! important;
  8642. }
  8643. .SiteMenu a {
  8644.     font-size: 14px ! important;
  8645.     padding: 6px;
  8646. }
  8647.  
  8648. /* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
  8649. #Head .SiteSearch {
  8650.     float: right !important;
  8651.     margin-top: -5px !important;
  8652.     margin-right: 6.5% !important;
  8653. }
  8654. .MeBox + .SiteSearch {
  8655.     margin-top: 25px !important;
  8656. }
  8657. .SiteSearch>form {
  8658.     height: 21px !important;
  8659. }
  8660. .SiteSearch>form  div {
  8661.     height: 21px !important;
  8662. }
  8663.  
  8664. .SiteSearch>form  div .InputBox {
  8665.     height: 21px !important;
  8666.     font-size: 11px;
  8667.     padding: 2px 25px 2px 5px!important;
  8668. }
  8669. .SiteSearch>form  div input.Button {
  8670.     height: 15px !important;
  8671. }
  8672.  
  8673. /* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
  8674. #Body {
  8675.     max-width: 980px !important;
  8676.     padding: 14px 0 0 10px !important;
  8677.     margin: 14px auto auto;
  8678.     border: 1px solid #bbbbbb !important;
  8679.     border-radius: 0 !important;
  8680.     box-shadow: none !important;
  8681.     background-color: transparent !important;
  8682. }
  8683. #Head + #Body {
  8684.     margin-top: 61px !important;
  8685. }
  8686.  
  8687. /* new79) - USERSTYLES */
  8688. #Body .Row {
  8689.     display: inline-block !important;
  8690.     width: 960px !important;
  8691.     margin-top: 24px !important;
  8692. }
  8693.  
  8694. /* (new81) GREASYFORK OK - VOIR FORUM USERSTYLES */
  8695. .DiscussionAboutShowDiscussion  {
  8696.     position: fixed !important;
  8697.     display: inline-block !important;
  8698.     height: 34px !important;
  8699.     line-height: 15px !important;
  8700.     max-width: 206px !important;
  8701.     min-width: 206px !important;
  8702.     top: 53px !important;
  8703.     left: 24.5% !important;
  8704.     padding: 2px 5px !important;
  8705.     border-radius: 0 0 0 5px !important;
  8706.     color: gold ! important;
  8707.     text-align: left !important;
  8708.     white-space: nowrap ! important;
  8709.     overflow: hidden !important;
  8710.     text-overflow: ellipsis !important;
  8711.     z-index: 500 !important;
  8712.     background-color: #222 !important;
  8713. /*     background-color: red !important; */
  8714. }
  8715. .DiscussionAboutShowDiscussion + img {
  8716.     position: fixed!important;
  8717.     display: inline-block !important;
  8718.     margin-left: -25px !important;
  8719.     top: 56px !important;
  8720.     z-index: 500 !important;
  8721. }
  8722.  
  8723. /* (new83) GREASYFORK FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
  8724. #Panel.Column.PanelColumn {
  8725.     position: fixed !important;
  8726.     display: inline-block !important;
  8727.     float: left !important;
  8728.     width: 200px;
  8729.     margin-top: 90px !important;
  8730.     top: 0px !important;
  8731.     z-index: 100 !important;
  8732. border-top: 1px solid red !important;
  8733. }
  8734. #Panel.Column.PanelColumn .MeBox {
  8735.     position: relative !important;
  8736.     display: inline-block !important;
  8737.     width: 198px ! important;
  8738.     margin-top: -30px !important;
  8739.     bottom: -32px !important;
  8740.     padding: 0 !important;
  8741.     box-shadow: none !important;
  8742.     background-color: #222 !important;
  8743. }
  8744. .BoxFilter.BoxDiscussionFilter ,
  8745. .SiteSearch {
  8746.     box-shadow: 3px 3px 2px black !important;
  8747. }
  8748. #vanilla_post_discussion .SiteSearch ,
  8749. #vanilla_post_editdiscussion .SiteSearch {
  8750.     top: 27px;
  8751. }
  8752.  
  8753. .UserBox .Username,
  8754. .MeBox .Username {
  8755.     color: peru !important;
  8756.     font-size: 23px ! important;
  8757.     font-weight: bold;
  8758.     vertical-align: top;
  8759.     text-shadow: 2px 2px 3px #000;
  8760. }
  8761. /* (new72) == #Panel.Column.PanelColumn .MeBox +   */
  8762. .Button.BigButton.NewConversation.Primary {
  8763.     margin-top: 28px !important;
  8764. }
  8765.  
  8766.  
  8767. /* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER -
  8768. WIth AVATAR :
  8769. https://greasyfork.org/fr/forum/profile/323/wOxxOm
  8770. NO AVATAR:
  8771. https://greasyfork.org/fr/forum/profile/2694/zeus007
  8772. === */
  8773. #Panel .FilterMenu,
  8774. #Panel .PanelCategories {
  8775.     background-color: #222 !important;
  8776.     border: 1px solid #bbbbbb !important;
  8777.     border-radius: 5px !important;
  8778.     box-shadow: 3px 3px 2px black !important;
  8779. }
  8780.  
  8781. .Box.BoxCategories ,
  8782. #Panel .BoxFilter {
  8783.     margin: 10px 0;
  8784. }
  8785. .Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
  8786.     margin-top: 65px !important;
  8787. }
  8788.  
  8789.  
  8790. /* (new81) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)-
  8791. USERSTYLES FORUM ??:
  8792. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  8793. === */
  8794. /* GREASYFORK */
  8795. #Item_0 {
  8796.     position: fixed !important;
  8797.     display: inline-block !important;
  8798.     width: 100% !important;
  8799.     min-width: 28px !important;
  8800.     max-width: 28px !important;
  8801.     height: 37px !important;
  8802.     vertical-align: top !important;
  8803. /* margin-top: -3px !important; */
  8804.     top: 53px;
  8805.     left: 35.8% !important;
  8806.     color: gold !important;
  8807.     color: white !important;
  8808.     text-align: center !important;
  8809.     background-color: black !important;
  8810. /* background-color: green !important; */
  8811. /* border: 1px dashed green !important; */
  8812.     z-index: 0 !important;
  8813. }
  8814. .ToggleFlyout.OptionsMenu {
  8815.     height: 14px;
  8816.     width: 28px !important;
  8817.     left: -15px !important;
  8818.     margin-right: -23px !important;
  8819.     top: -9px;
  8820. }
  8821. #Item_0 .ToggleFlyout.OptionsMenu {
  8822.     height: 14px;
  8823.     width: 28px !important;
  8824.     left: -45px !important;
  8825.     margin-right: -23px !important;
  8826.     top: -9px;
  8827. }
  8828. .OptionsMenu .Flyout {
  8829. }
  8830.  
  8831. /* (new80) USERTYLES / GREASEMONKEY OK:
  8832. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  8833. */
  8834. .MessageList.Discussion {
  8835.     margin-top: 42px;
  8836. }
  8837.  
  8838. .Discussion .PageTitle h1 {
  8839.     position: fixed !important;
  8840.     display: inline-block !important;
  8841.     height: 37px !important;
  8842.     line-height: 18px!important;
  8843.     width: 38.4% !important;
  8844.     min-width: 705px !important;
  8845.     top: 48px !important;
  8846.     right: 24.4% !important;
  8847.     font-size: 15px !important;
  8848.     background: black !important;
  8849. }
  8850. /* (new79) GREASYFORK FORUM */
  8851. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  8852. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  8853.     position: fixed !important;
  8854.     display: inline-block !important;
  8855.     height: 38px !important;
  8856.     line-height: 18px!important;
  8857.     min-width: 726px !important;
  8858.     max-width: 726px !important;
  8859.     top: 47px !important;
  8860.     right: 24.4% !important;
  8861.     padding-left: 30px !important;
  8862.     font-size: 15px !important;
  8863.     text-align: left !important;
  8864. }
  8865.  
  8866. /* (new80) PB USERSTYLE - DISC LAST PAGE z-index*/
  8867. .MessageList.Discussion .PageTitle .Options {
  8868.     display: inline-block !important;
  8869.     height: 33px !important;
  8870.     z-index: 5000  !important;
  8871. }
  8872. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  8873.     display: inline-block !important;
  8874. }
  8875.  
  8876. /* (new81) FORUM USERSTYLES - TITLE - MEDIA QUERIE - === */
  8877.  
  8878. @media screen and (max-width: 1400px) {
  8879. #Item_0 {
  8880.     left: 28.6% !important;
  8881. }
  8882. .Discussion .PageTitle h1 {
  8883. /* width: 54.7% !important; */
  8884.      width: 725px !important;
  8885.     right: 11.7% !important;
  8886. /* background: red !important; */
  8887. }
  8888. .Discussion.comment.Section-Discussion .Discussion h1,
  8889. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  8890.     max-width: 720px !important;
  8891.     min-width: 720px !important;
  8892.     right: 11.9% !important;
  8893. }
  8894. .DiscussionAboutShowDiscussion {
  8895.     left: 11.7% !important;
  8896. }
  8897. .MessageList.Discussion .PageTitle .Options {
  8898.     margin-left: 78px !important;
  8899. }
  8900.  
  8901. /* === END === FORUM USERSTYLES - TITLE - MEDIA QUERIE ==== */
  8902. }
  8903.  
  8904. a.Bookmark,
  8905. a.Bookmarked,
  8906. a.Bookmarking {
  8907.     margin-left: -5px !important;
  8908.     margin-right: 9px !important;
  8909. }
  8910. #Item_0.PageTitle .Options .Hijack.Bookmark {
  8911.     position: relative;
  8912.     display: inline-block;
  8913.     margin-top: 1px !important;
  8914.     z-index: 5000;
  8915. }
  8916.  
  8917. /* GREASYFORK SPRITE UI :
  8918. https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png
  8919. === */
  8920. .Hijack.Bookmark[title="Bookmark"] {
  8921.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
  8922. }
  8923. .Hijack.Bookmark.Bookmarked  {
  8924.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
  8925. }
  8926.  
  8927. /* (new62) BOOKMARKS LIST*/
  8928. .ItemDiscussion span.Options a.Hijack.Bookmark {
  8929.     position: relative !important;
  8930.     display: inline-block !important;
  8931.     left: 37px !important;
  8932.     top: -6px !important;
  8933. }
  8934. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
  8935.     position: relative !important;
  8936.     display: inline-block !important;
  8937.     top: -6px !important;
  8938. }
  8939. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  8940.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
  8941. }
  8942.  
  8943. /* (new79) DISCUSSIONS - === */
  8944. .MessageList.Discussion .Discussion {
  8945.     border: 1px solid gray !important;
  8946.     border-top: 1px solid peru !important;
  8947.     padding: 10px 15px ! important;
  8948. }
  8949.  
  8950. .MessageList.DataList.Comments {
  8951.     position: relative !important;
  8952.     display: inline-block !important;
  8953.     width: 100% ;
  8954.     border-top: 1px solid gray !important;
  8955.     margin-top: 0px !important;
  8956.     z-index: -1 !important;
  8957. }
  8958. .MessageList .Item {
  8959.     z-index: 0 !important;
  8960. /* background-color: red ! important; */
  8961. }
  8962. .MessageList .Item:hover {
  8963.     z-index: 1 !important;
  8964.     background-color: black ! important;
  8965. }
  8966.  
  8967. .MessageList .Item.ItemDiscussion {
  8968.     position: relative !important;
  8969.     display: inline-block !important;
  8970.     width: 94% !important;
  8971.     margin-bottom: -17px;
  8972.     margin-top: 37px;
  8973.     top: 28px;
  8974.     z-index: -1 !important;
  8975. }
  8976.  
  8977.  
  8978. #vanilla_discussions_bookmarked .Item:nth-child(odd) ,
  8979. #vanilla_discussions_mine .Item:nth-child(odd) ,
  8980. #vanilla_discussions_participated .Item:nth-child(odd) ,
  8981. .DataList.CategoryList .Item:nth-child(odd) ,
  8982. .DataList .ItemDiscussion:nth-child(odd) ,
  8983. .Item.ItemComment:nth-child(odd) {
  8984.     background-color: #222  ! important;
  8985. }
  8986. #vanilla_discussions_bookmarked .Item:nth-child(even) ,
  8987. #vanilla_discussions_participated .Item:nth-child(even) ,
  8988. .DataList.CategoryList .Item:nth-child(even) ,
  8989. .DataList .ItemDiscussion:nth-child(even) ,
  8990. .Item.ItemComment:nth-child(even) {
  8991.     background-color: #414141  ! important;
  8992. }
  8993. #vanilla_discussions_bookmarked .Item:hover ,
  8994. #vanilla_discussions_participated .Item:hover ,
  8995. #vanilla_discussions_participated .Item:hover ,
  8996. .DataList.CategoryList .Item:hover ,
  8997. .DataList .ItemDiscussion:hover ,
  8998. .Item.ItemComment:hover {
  8999.     box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
  9000.     background-color: rgba(7, 7, 7, 0.57)! important;
  9001.     transition: background ease 0.8s !important;
  9002. }
  9003. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
  9004. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9005. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9006. .DataList.CategoryList .Item:nth-child(odd):hover ,
  9007. .DataList .ItemDiscussion:nth-child(odd):hover ,
  9008. .Item.ItemComment:nth-child(odd):hover {
  9009.     background-color: rgba(7, 7, 7, 0.67)! important;
  9010.     transition: background ease 0.8s !important;
  9011. }
  9012.  
  9013. /* (new79) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
  9014. .BeforeCommentHeading + .DataBox.DataBox-Comments {
  9015.     position: relative !important;
  9016.     display: inline-block ;
  9017.     margin-top: 42px !important;
  9018.     left: 0px;
  9019.     z-index: 0 !important;
  9020. }
  9021.  
  9022. /* DISCUSSION LIST - RATNG ICON */
  9023. .DataList .rating-image {
  9024.     height: 16px !important;
  9025.     line-height: 16px !important;
  9026.     margin-top: 3px ;
  9027. }
  9028.  
  9029. /* DISCUSSION LIST - READ - === */
  9030. .DataList .ItemDiscussion.Item.Read {
  9031.     background-color: rgba(47, 47, 47, 0.84)  ! important;
  9032. }
  9033. .Item.Read .BlockTitle a:before ,
  9034. .Item.Read .Title a:before {
  9035.     content: ">>  " ;
  9036.     color: gold ;
  9037. }
  9038. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  9039. .Bookmarked .Title a::before,
  9040. .Item.Read .Title a::before {
  9041.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  9042.     background-position: 3px -650px !important;
  9043.     background-repeat: no-repeat;
  9044.     color: transparent;
  9045.     content: ">> ";
  9046.     display: inline-block !important;
  9047.     position: relative !important;
  9048.     height: 100% !important;
  9049.     max-height: 15px !important;
  9050.     min-height: 15px !important;
  9051.     top: 4px !important;
  9052.     margin-right: 3px !important;
  9053.     margin-left: -2px !important;
  9054.     background-color: rgba(55, 173, 227, 0.4) !important;
  9055. }
  9056. .DataList .ItemDiscussion {
  9057.     border-bottom: 1px solid gray !important;
  9058.     padding-left: 22px;
  9059.     position: relative;
  9060. }
  9061. /* (new83) */
  9062. .MessageList.DataList.Comments .ItemComment ,
  9063. .ItemDiscussion {
  9064.     display: inline-block !important;
  9065.     width: 94% ;
  9066.     min-width: 656px;
  9067.     margin-top: 37px;
  9068.     padding-right: 35px !important;
  9069. }
  9070. .CommentsWrap .MessageList.DataList.Comments .ItemComment {
  9071. }
  9072.  
  9073. #vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
  9074.     left: 0px !important;
  9075.     z-index: 0 !important;
  9076. }
  9077. /* FORUM DISSCUSSION - ITEMS - MINE - === */
  9078. .Item.Bookmarked.Mine.ItemDiscussion {
  9079.     border: 1px solid peru !important;
  9080.     padding-left: 22px;
  9081.     position: relative;
  9082. }
  9083.  
  9084. /* PROFILE */
  9085. .ProfilePhotoLarge {
  9086.     margin-top: 55px !important;
  9087.     position: relative !important;
  9088.     width: 200px;
  9089. }
  9090.  
  9091. /* ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
  9092. .MeBox > .PhotoWrap[href*="/profile/"] ,
  9093. .UserBox > .PhotoWrap[href*="/profile/"] {
  9094.     position: relative ! important;
  9095.     display: inline-block !important;
  9096.     height: 50px!important;
  9097.     width: 198px ! important;
  9098.     top: 6px!important;
  9099.     text-align: center ! important;
  9100.     z-index: 500 ! important;
  9101. }
  9102. /* (new79 GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
  9103. #vanilla_discussion_comment .Column.ContentColumn  {
  9104.     border-top: 1px solid peru !important;
  9105.     margin-top: 26px !important;
  9106. }
  9107.  
  9108. .MeBox + .BoxButtons.BoxNewDiscussion {
  9109.     margin-top: 30px !important;
  9110.     box-shadow: 3px 3px 2px black !important;
  9111. }
  9112.  
  9113. /* ==== Userstyles.org Review - Style Name in First v.1 ==== */
  9114. .Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
  9115.     display: inline-block !important;
  9116.     font-size: 14px;
  9117.     font-weight: bold;
  9118.     margin: 0;
  9119. }
  9120.  
  9121. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
  9122.     position: relative !important;
  9123.     display: inline-block !important;
  9124.     float: left !important;
  9125.     width: 600px!important;
  9126.     height: 100%!important;
  9127.     min-height: 10px!important;
  9128.     max-height: 10px!important;
  9129.     line-height: 10px!important;
  9130.     margin-top: -31px!important;
  9131.     margin-left: -10px!important;
  9132.   }
  9133. /* GOOD RATING - OK - THUMB UP  */
  9134. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
  9135.     display: inline-block !important;
  9136.     float: left;
  9137.     margin-left: 0px!important;
  9138. }
  9139. /* BAD RATING - THUMB DOWN */
  9140. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
  9141.     display: inline-block !important;
  9142.     float: left;
  9143.     margin-left: 0px!important;
  9144.     margin-top: 5px !important;
  9145. }
  9146.  
  9147. /* (new79) */
  9148. /* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
  9149. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  9150.     display: inline-block !important;
  9151.     float: left!important;
  9152.     width: 670px!important;
  9153.     margin-bottom: -9px!important;
  9154.   }
  9155.  
  9156. /* FORUM NOTIFICATION - TXT - === */
  9157. .Flyout .Author .PhotoWrap  {
  9158.     height: 10px !important;
  9159.     width: 20px !important;
  9160. }
  9161.  
  9162. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  9163.     height: 20px !important;
  9164.     margin-bottom: -18px !important;
  9165.     background-color: black !important;
  9166. }
  9167. .Flyout .Author .ProfilePhoto {
  9168.     width: 20px !important;
  9169.     height: 20px !important;
  9170.     background-size: cover !important;
  9171. }
  9172. .PopList .ItemContent {
  9173.     line-height: 1.2!important;
  9174.     margin-left: -1px!important;
  9175. }
  9176. /* DRAFT */
  9177. .DataList.Drafts {
  9178.     margin-top: 98px!important;
  9179.     border-top: 1px solid gray !important;
  9180. }
  9181.  
  9182. /* ATTACHEMENTS - === */
  9183. .Attachment img {
  9184.     max-width: 100% ! important;
  9185.     height: auto ! important;
  9186.     vertical-align: bottom;
  9187. }
  9188.  
  9189. .Attachment {
  9190.     max-width: 100px !important;
  9191.     min-width: 100px !important;
  9192.     padding: 3px 8px 8px 5px !important;
  9193.     border-radius: 5px !important;
  9194.     background-color: black !important;
  9195. }
  9196.  
  9197. /* ATTACHEMENT COUNTER - === */
  9198. .Attachments {
  9199.     background-color: #222222 !important;
  9200.     border-radius: 5px !important;
  9201.     counter-reset: image !important;
  9202. }
  9203. .Attachment:before {
  9204.     position: absolute ;
  9205.     display: inline-block ;
  9206.     height: 20px ;
  9207.     content: counter(image, decimal);
  9208.     top: 10px ;
  9209.     padding: 0 3px ;
  9210.     border-radius: 5px ;
  9211.     counter-increment: image ;
  9212.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
  9213. }
  9214.  
  9215. /* FORUM PAGINATION - PAGE WRAP (bottom) */
  9216. .PagerWrap {
  9217.     margin-top: 20px!important;
  9218.     overflow: visible!important;
  9219. }
  9220. /* (new79) FORUM PAGINATION - ALL */
  9221. .PageControls {
  9222.     display: inline-block !important;
  9223.     width: 95%!important;
  9224.     height: 100% !important;
  9225.     min-height: 15px !important;
  9226.     max-height: 15px !important;
  9227.     line-height: 15px !important;
  9228.     text-align: right !important;
  9229. }
  9230. /* (new79) */
  9231. .PageControls.Top {
  9232.     position: fixed !important;
  9233.     display: inline-block !important;
  9234.     width: 560px ! important;
  9235.     min-height: 22px !important;
  9236.     margin-left: 190px !important;
  9237.     top: 25px !important;
  9238.     opacity: 1 !important;
  9239.     visibility: visible !important;
  9240.     z-index: 200 !important;
  9241. /* outline: 1px solid aqua !important; */
  9242. }
  9243.  
  9244. /* (new79) PAGER TOP - USERSTLE DISC LAST PAGE - === */
  9245. #PagerBefore.Pager  {
  9246. position: fixed !important;
  9247.     display: inline-block !important;
  9248.     float: right !important;
  9249.     vertical-align: bottom !important;
  9250.     min-width: 100% !important;
  9251.     max-width: 100% !important;
  9252.     max-width: 560px !important;
  9253.     min-width: 560px !important;
  9254.     height: 17px !important;
  9255.     line-height: 12px !important;
  9256.     top: 30px;
  9257.     right: 24.2% !important;
  9258.     padding: 1px !important;
  9259.     border: 1px solid peru !important;
  9260.     border-radius: 3px 3px 0 0 !important;
  9261.     background-color: transparent !important;
  9262.     text-align: center !important;
  9263.     z-index: 500 !important;
  9264. }
  9265.  
  9266. /* (new79) PAGER TOP - MEDIA QUERIE - === */
  9267. @media screen and (max-width: 1400px) {
  9268.  
  9269. #PagerBefore.Pager  {
  9270. position: fixed !important;
  9271.  
  9272.     max-width: 530px !important;
  9273.     min-width: 530px !important;
  9274.     right: 0% !important;
  9275. }
  9276.  
  9277. /* ==== END === FAVORITS / SETS PAGES - MEDIA QUERIE === */
  9278. }
  9279.  
  9280.  
  9281. /* ICONS */
  9282.  
  9283. /* SPRITE GREASY FORK :
  9284. https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
  9285. ==== */
  9286.  
  9287. .SpNotifications,
  9288. .SpGlobe {
  9289.     background-position: -32px -212px !important;
  9290. }
  9291. .SpInbox,
  9292. .SpEnvelope {
  9293.     background-position: 0 -228px !important;
  9294. }
  9295. .SpBookmarks,
  9296. .SpStar {
  9297.     background-position: -80px -245px!important;
  9298. }
  9299. .SpDashboard,
  9300. .SpOptions,
  9301. .SpCog {
  9302.      background-position: 0 -212px !important;
  9303. }
  9304.  
  9305. /* MY NAME */
  9306. .QuoteAuthor>a[href*="/decembre"] ,
  9307. .Item .Author a[href*="/decembre"] {
  9308.     font-size: 18px ! important;
  9309.     color: peru ! important;
  9310. }
  9311.  
  9312. /* ==== (ALL) STYLE ==== */
  9313.  
  9314. /* (ALL) BackGround Color === */
  9315.  
  9316. htlm, body {
  9317.     background:#333333 !important;
  9318.     color: #929292 !important;
  9319.     width: 100% !important;
  9320. }
  9321.  
  9322. /* (ALL) LINKS - === */
  9323.  
  9324. a:link {
  9325.     color: #6D878F !important;
  9326.     text-decoration: none !important;
  9327. }
  9328.  
  9329.  
  9330. /* LINK / TXT  SPECIAL - === */
  9331.  
  9332. #Head a,
  9333. #site-nav a {
  9334.     color: peru !important;
  9335. }
  9336. .MItem.MCount.CommentCount ,
  9337. .MItem.MCount.ViewCount {
  9338.     color: #b7b7b7!important;
  9339. }
  9340. table#style-table .meta span.date.date1{
  9341.     color: #23A4A2  !important;
  9342.     text-decoration: none !important;
  9343. }
  9344. table#style-table .meta span.date.date2{
  9345.     color: #0DD6D3 !important;
  9346.     text-decoration: none !important;
  9347. }
  9348. #main-article #style-table a[href^="/styles/"]{
  9349.     color: #DD9E0F !important;
  9350.     text-decoration: none !important;
  9351. }
  9352. #main-article #style-table a:visited[href^="/styles/"]{
  9353.     color: #EAC060 !important;
  9354.     text-decoration: none !important;
  9355. }
  9356.  
  9357. /* LINKS HOVER - COLOR tomato / TOMATO - === */
  9358.  
  9359. #show-code + #control-panel>a:hover ,
  9360. #main-header>h1>a:hover ,
  9361. #style-author-info>tbody>tr>td>a:not(.license-image):hover ,
  9362. #long-description>a:hover ,
  9363. .MItem.LastCommentBy>a:hover ,
  9364. .About>dt:last-of-type a:hover ,
  9365. .script-author-description>ul>li>ul>li:hover a:hover ,
  9366. .About dt a:hover ,
  9367. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
  9368. #script-list-option-groups .list-option>a:hover ,
  9369. #user-script-list > li h2 a:hover ,
  9370. #browse-script-list > li h2 a:hover ,
  9371. .script-list-author>span>a:hover ,
  9372.  
  9373. .DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
  9374. #script-content > form > ul > li:hover ,
  9375. #contact a:hover ,
  9376. #related>ul>li>a:hover ,
  9377. #screenshots #more-screenshots a:hover ,
  9378. .Message>b>a:hover ,
  9379. .Buttons .Back>a:hover ,
  9380. .AttachFileWrapper .AttachFileLink>a:hover ,
  9381. .AuthorWrap .Author .PhotoWrap +.Username:hover ,
  9382. #Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
  9383. .Item-Body .Message>a:hover ,
  9384. .MItem.Category>a:hover ,
  9385. .ReactButton.Quote.Visible:hover ,
  9386. .Box.BoxCategories a:hover ,
  9387. #Panel .FilterMenu a:hover ,
  9388. .SiteMenu>li>a:hover ,
  9389. .ItemContent.Discussion .Title>a:hover ,
  9390. #main-article>dl>dd>a:hover ,
  9391. #main-article>dl>dt:hover ,
  9392. #main-header + #content-wrapper > #main-article > ul:hover:before ,
  9393. #main-article>ul>li>a:hover ,
  9394. #sidebar-forum>a:hover ,
  9395. #sidebar-help>a:hover ,
  9396. #sidebar-browse>a:hover ,
  9397. #sidebar-my-account>a:hover ,
  9398. #show-button:hover ,
  9399. #control-panel > a:nth-child(1):hover ,
  9400. #control-panel>a:hover ,
  9401.  
  9402. #long-description>a>b:hover ,
  9403.  
  9404. #main-article #hidden-meta a:hover ,
  9405. #no-discussions>a:hover ,
  9406. #site-name > a[href="/"] span:hover ,
  9407. .thetitle>.theauthor>a:hover ,
  9408. .thetitle>a>b:hover ,
  9409. .width-constraint>h3>a:hover ,
  9410. #script-content>form>ul>li>a:hover ,
  9411. #script-content>p>a:hover ,
  9412. #install-area .script-in-sets>a:hover ,
  9413. #additional-info-text>a>b:hover ,
  9414. #additional-info>div>ul>li>a:hover ,
  9415. #additional-info>div>p>a:hover ,
  9416. #additional-info>div>p>b>a:hover ,
  9417. .script-show-author>span>a:hover ,
  9418.  
  9419. #title-subtext:hover > b ,
  9420. #site-name > a span#settings-subtext:hover ,
  9421. #nav-user-info .user-profile-link>a:hover ,
  9422. #nav-user-info>li>a:hover ,
  9423. #nav-user-info + nav .help-link>a:hover ,
  9424. #nav-user-info + nav .forum-link>a:hover ,
  9425. #nav-user-info + nav .scripts-index-link>a:hover ,
  9426. #nav-user-info + nav a:hover ,
  9427. #nav-user-info .sign-out-link>a:hover ,
  9428. #start-discussion:hover ,
  9429. #start-discussion-top:hover ,
  9430. #start-discussion-bottom:hover ,
  9431. .inline-list>li>a:hover {
  9432.     color: TOMATO  !important;
  9433. }
  9434.  
  9435. /* LINK HOVER - SPECIAL - === */
  9436.  
  9437. #discussions-area #discussions li:hover a:not(:last-of-type),
  9438. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
  9439. .CommentsWrap .Comment a.FlagContent:hover ,
  9440. .width-constraint #discussions li>a:nth-child(4):hover  ,
  9441. .width-constraint #discussions li>a:nth-child(2):hover ,
  9442. .width-constraint #discussions li>a:first-of-type:hover ,
  9443. .width-constraint #discussions li:hover > a:nth-child(4) ,
  9444. .width-constraint #discussions li:hover>time {
  9445.     color: tomato  !important;
  9446. }
  9447.  
  9448.  
  9449. /* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  -
  9450. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  9451. === */
  9452. #script-info .CodeRay {
  9453.     display: inline-block!important;
  9454.     max-width: 99.8% !important;
  9455.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  9456.     background-size: 30px 15px!important;
  9457. }
  9458. #script-info .CodeRay tbody {
  9459.     display: inline-block !important;
  9460.     width: 99.98% !important;
  9461. }
  9462.  
  9463. #script-info .CodeRay tbody .code {
  9464.     display: inline-block !important;
  9465.     min-width: 905px !important;
  9466.     max-width: 905px !important;
  9467. }
  9468. #script-info .CodeRay tbody .code pre {
  9469.     min-width: 900px !important;
  9470.     max-width: 900px !important;
  9471.     word-wrap: break-word !important;
  9472.     white-space: pre-line!important;
  9473. }
  9474.  
  9475. /* (ALL) LINKS VISITED / VISITED HOVER - === */
  9476. a:visited {
  9477.     color: #278CAD  !important
  9478. }
  9479. #additional-info>a:visited {
  9480.     color: #6BA9BE  !important
  9481. }
  9482. a:hover {
  9483.     color: #73B379 !important;
  9484. }
  9485. a:visited:hover  {
  9486.     color: #B9D56E !important;
  9487.     text-decoration: none !important;
  9488. }
  9489.  
  9490. /* VISITED - gold / GOLD - === */
  9491. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
  9492. #style-install-unknown>p>a,
  9493. #style-install-unknown>p>a:visited,
  9494. #style-install-unknown>p>a:active {
  9495.     color: GOLD !important;
  9496. }
  9497.  
  9498. /* VISITED - tan  /TAN - === */
  9499. .discussion-list>li>a:visited ,
  9500. .About>dt>a:visited ,
  9501. .Item-Body .Message>a:visited ,
  9502. .script-author-description>p>a:visited ,
  9503. .script-author-description>ul>li>ul>li>a:visited ,
  9504. .script-author-description>ul>li>a:visited ,
  9505. .DataList .Item .Title>a:visited ,
  9506. .inline-list>li>a:visited ,
  9507. .DataList .ItemDiscussion.Item.Read a:visited {
  9508.     color: TAN !important;
  9509. }
  9510. /* VISITED - goldenrod / GOLDENROD - === */
  9511. .thetitle>a:visited>b  {
  9512.     color: GOLDENROD !important;
  9513. }
  9514. /* VISITED - hover tomato / TOMATO - === */
  9515. .Message>ol>li>small>a:hover ,
  9516. .Message>dl>dd>a:hover ,
  9517. .UserQuote .QuoteAuthor a:hover ,
  9518. .inline-list>li>a:visited:hover ,
  9519. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  9520.     color: TOMATO !important;
  9521. }
  9522.  
  9523. /* VISITED - rosybrown / ROSYBROWN - === */
  9524. .width-constraint #discussions li > a:first-of-type:visited {
  9525.     color: ROSYBROWN  !important;
  9526. }
  9527. /* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
  9528. #Frame .Row .SiteMenu  a:hover {
  9529.     color: tomato !important;
  9530. /* outline: 1px solid tomato !important; */
  9531. }
  9532.  
  9533. /* ============ END VISITED LINKS ====== */
  9534.  
  9535.  
  9536.  
  9537. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" -
  9538. in SCRIPT NAME of:
  9539. DIEP.IO by Terjanq
  9540.  
  9541. IT'S USER (terjanq) LIST:
  9542. https://greasyfork.org/fr/users/33759-terjanq
  9543.  
  9544. SEARCH "DIEP.IO+":
  9545. https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
  9546.  
  9547. MY DISSCUS about it :
  9548. 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
  9549. === */
  9550.  
  9551. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  9552. .Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
  9553.     overflow: hidden !important;
  9554.     background: rgba(255, 0, 0, 0.2) !important;
  9555. }
  9556. #Discussion_9570 .Discussion .Item-BodyWrap .Message  {
  9557.     overflow: hidden !important;
  9558.     background: rgba(255, 0, 0, 0.2) !important;
  9559. }
  9560.  
  9561.  
  9562. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
  9563. #script-table #s19838 .thetitle + div ,
  9564. #user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
  9565. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  9566. #browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
  9567.     overflow: hidden !important;
  9568.     background: rgba(255, 0, 0, 0.2) !important;
  9569. }
  9570.  
  9571. .discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
  9572.     position: relative !important;
  9573.     display: inline-block !important;
  9574.     top: 4px !important;
  9575.     overflow: hidden !important;
  9576.     background: rgba(255, 0, 0, 0.2) !important;
  9577. }
  9578.  
  9579. /* ========== END GENERAL SITE ======= */
  9580. }
  9581.  
  9582.  
  9583. /* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  9584. /*@-moz-document url("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") */
  9585.  
  9586. @-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
  9587. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  9588. #script-info header p {
  9589.     overflow: hidden !important;
  9590.     background: rgba(255, 0, 0, 0.2) !important;
  9591. }
  9592. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  9593. }
  9594.  
  9595.  
  9596. /* ========== START - DOMAIN SLEASYFORK TEST ======= */
  9597.  
  9598. @-moz-document domain("sleazyfork.org") {
  9599.  
  9600. /* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
  9601.  
  9602. /* TEST LINK :
  9603. https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
  9604. ==== */
  9605.  
  9606. /* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
  9607. /* (new60) SLEAZYFORK - SITE NAME + ICON - === */
  9608. .width-constraint #site-name  #site-name-text h1 {
  9609.     font-size: 20px!important;
  9610.     letter-spacing: 2px !important;
  9611. }
  9612. .width-constraint #site-name  #site-name-text h1  {
  9613.     color: blue !important;
  9614. }
  9615. .width-constraint #site-name  #site-name-text h1 a {
  9616.     display: none !important;
  9617. }
  9618. #site-name  #site-name-text h1 +.subtitle {
  9619.     margin-left: 46px !important;
  9620.     margin-top: 16px !important;
  9621.     font-size: 10px!important;
  9622.     letter-spacing: 1px !important;
  9623. }
  9624. #site-nav > nav li a{
  9625.     font-size: 14px !important;
  9626. }
  9627.  
  9628. .width-constraint #site-name a img ,
  9629. .width-constraint #site-name a span ,
  9630. #site-name-text>h1>a {
  9631.     display: none !important;
  9632. }
  9633.  
  9634. .width-constraint #site-name > a:before ,
  9635. .width-constraint #site-name > h1:before {
  9636.     content: "SleasyFork" !important;
  9637.     display: inline-block !important;
  9638.     position: absolute !important;
  9639.     margin-left: 40px !important;
  9640.     font-size: 22px !important;
  9641.     color: green !important;
  9642. }
  9643. #Head #site-name-text h1:before {
  9644. content: "SleasyFork" !important;
  9645.     display: inline-block !important;
  9646.     position: absolute !important;
  9647.     top: -5px !important;
  9648.     margin-left: 0px !important;
  9649.     font-size: 22px !important;
  9650.     color: red !important;
  9651. }
  9652.  
  9653. .width-constraint #site-name > a:after {
  9654.     content: " " !important;
  9655.     display: inline-block !important;
  9656.     height: 30px !important;
  9657.     width: 30px !important;
  9658.     padding: 2px !important;
  9659.     border-radius: 5px !important;
  9660.     box-shadow: 0 0 2px #cccccc inset !important;
  9661.     background-color: rgba(191, 191, 190, 0.33) !important;
  9662.     background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  9663.     background-position: 50% 50% !important;
  9664.     background-size: contain !important;
  9665. }
  9666.  
  9667.  
  9668. /* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
  9669. }
  9670.  
  9671.  
  9672. /* ========== START === URL-PREF - ALL ======= */
  9673.  
  9674. /* ========== START - URL-PREF - USERSTYLES HELP ======= */
  9675. @-moz-document url-prefix("https://userstyles.org/help") {
  9676.  
  9677. /* HEPLS PAGES - === */
  9678. body > #main-header + #content-wrapper {
  9679.     position: absolute !important;
  9680.     display: inline-block !important;
  9681.     float: none !important;
  9682.     clear: both !important;
  9683.     min-height: 200px !important;
  9684.     height: auto !important;
  9685.     width: 71em !important;
  9686.     margin: auto auto auto 21em !important;
  9687.     top: 75px !important;
  9688.     border-radius: 5px !important;
  9689.     border: 1px solid green !important;
  9690. }
  9691. #main-article {
  9692.     width: 70em !important;
  9693.     margin: 0.5em auto 2em 0.5em !important;
  9694.     padding-bottom : 20px !important;
  9695. }
  9696. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
  9697. #main-article>h3  {
  9698.     width: 58em !important;
  9699.     margin-left: 1em !important;
  9700.     text-align: left !important;
  9701.     text-indent: 20px !important;
  9702.     background: black !important;
  9703. }
  9704.  
  9705. #main-article>ol {
  9706.     width: 65em !important;
  9707.     margin-left: 1em !important;
  9708.     margin-top: -7px !important;
  9709.     outline: 1px solid peru !important;
  9710. }
  9711.  
  9712. #main-article>p:first-of-type {
  9713.     position: relative !important;
  9714.     display: inline-block !important;
  9715.     width: 867px !important;
  9716.     left: 0px !important;
  9717.     margin-top:  auto !important;
  9718.     margin-bottom: 20px!important;
  9719.     padding: 15px 20px !important;
  9720.     border: 1px solid gray !important;
  9721. outline: none !important;
  9722. }
  9723. #main-article>p {
  9724.     position: relative !important;
  9725.     display: inline-block !important;
  9726.     width: 840px !important;
  9727.     left: 1em !important;
  9728.     margin:  auto !important;
  9729.     padding: 8px 20px !important;
  9730. }
  9731. #main-article>p +p {
  9732.     position: relative !important;
  9733.     display: inline-block !important;
  9734.     width: 840px !important;
  9735.     left: 1em !important;
  9736.     margin:  auto !important;
  9737.     margin-bottom: 15px !important;
  9738.     padding: 8px 20px !important;
  9739. }
  9740. #main-article>p:nth-child(even) {
  9741.     border: 1px solid gray !important;
  9742.     background: #222222 !important;
  9743. }
  9744. #main-article>p:nth-child(odd) {
  9745.     border: 1px solid gray !important;
  9746.     background: #171717 !important;
  9747. }
  9748. #main-article>iframe {
  9749.     margin-left: 10% !important;
  9750. }
  9751. #help-style-settings-edit ~pre ,
  9752. #main-header + #content-wrapper > #main-article > p ~ ul ,
  9753. #main-header + #content-wrapper > #main-article > p ~ ul:hover ,
  9754. #main-header + #content-wrapper > #main-article > ul:hover ,
  9755. #main-header + #content-wrapper > #main-article > ul {
  9756.     position: relative !important;
  9757.     display: inline-block !important;
  9758.     width: 66em !important;
  9759.     height: auto !important;
  9760.     margin-left: 10px !important;
  9761.     padding-bottom: 10px !important;
  9762.     padding-left: 20px !important;
  9763.     padding-right: 5px !important;
  9764.     border-radius: 3px !important;
  9765.     border: 1px solid gray !important;
  9766.     background: #222222 !important;
  9767. }
  9768. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  9769.     position: relative !important;
  9770.     display: inline-block !important;
  9771.     width: 43em !important;
  9772.     height: auto !important;
  9773.     margin-left: 10px !important;
  9774.     margin-top: 29px !important;
  9775.     padding-bottom: 10px !important;
  9776.     padding-left: 30px !important;
  9777.     padding-right: 5px !important;
  9778.     border-radius: 3px !important;
  9779.     border: 1px solid gray !important;
  9780.     font-size: 20px !important;
  9781. }
  9782. #help-style-settings-edit ~pre {
  9783.     position: relative !important;
  9784.     display: inline-block !important;
  9785.     width: 72em !important;
  9786.     height: auto!important;
  9787.     margin-top: 5px!important;
  9788.     border-radius: 3px!important;
  9789.     border: 1px solid gray!important;
  9790.     background: #222222!important;
  9791.     overflow: visible!important;
  9792.     z-index: 10 !important;
  9793. }
  9794. #help-style-settings-edit ~pre >code {
  9795.     position: relative !important;
  9796.     display: inline-block !important;
  9797.     width: 63em !important;
  9798.     height: auto !important;
  9799.     margin-left: 0px !important;
  9800.     border-radius: 3px !important;
  9801. }
  9802. /* ========== END === URL-PREF - HELP ======= */
  9803. }
  9804.  
  9805. /* START ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  9806.  
  9807. @-moz-document url-prefix("https://forum.userstyles.org") {
  9808.  
  9809. #Head + #Body {
  9810.     margin-left: 22% !important;
  9811. /* background: yellow !important; */
  9812. }
  9813. /* (new79) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFOR different than USERSTYLES - DISSCUSSION CONTAINER - === */
  9814. .HomepageTitle,
  9815. .H.HomepageTitle {
  9816. }
  9817.  
  9818. #PagerBefore.Pager {
  9819.     right: 26% !important;
  9820. }
  9821. #Content.Column.ContentColumn  {
  9822.     display: inline-block !important;
  9823.     float: right !important;
  9824.     width: 689px !important;
  9825.     min-height: 750px !important;
  9826.     margin-top: -8px!important;
  9827.     margin-right: 50px !important;
  9828.     z-index: 0 !important;
  9829. }
  9830. #vanilla_discussion_index #Content.Column.ContentColumn {
  9831.     display: inline-block !important;
  9832.     float: right !important;
  9833.     width: 689px!important;
  9834.     min-height: 750px !important;
  9835.     margin-top: -8px!important;
  9836.     margin-right: 20px !important;
  9837. }
  9838. #vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
  9839.     margin-bottom: -21px;
  9840. }
  9841. .P.PageDescription {
  9842.     width: 753px!important;
  9843. }
  9844.  
  9845. /* (new80) */
  9846.  
  9847. #Item_0 {
  9848.     left: 33% !important;
  9849.     top: 53px !important;
  9850.     background: black ;
  9851.     z-index: 500 !important;
  9852. /* background-color: green !important; */
  9853. }
  9854.  
  9855. #Item_0 .ToggleFlyout.OptionsMenu {
  9856.     left: -15px !important;
  9857. }
  9858. .MessageList.Discussion h1 ,
  9859. .Discussion.comment.Section-Discussion .Discussion h1 {
  9860.     position: fixed !important;
  9861.     display: inline-block !important;
  9862.     height: 38px !important;
  9863.     line-height: 18px !important;
  9864. /*     min-width: 750px !important; */
  9865.     width: 39.1% !important;
  9866.     right: 26.4% !important;
  9867.     top: 47px !important;
  9868.     font-size: 15px !important;
  9869.     text-align: left !important;
  9870.     background: black !important;
  9871. /* background: blue !important; */
  9872. }
  9873. /* (new90) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
  9874. #dashboard_profile_discussions .About>dt:last-of-type  {
  9875.     position: relative !important;
  9876.     display: inline-block !important;
  9877.     width: 23% !important;
  9878.     height: 18px !important;
  9879.     line-height: 18px !important;
  9880.     top: -56px !important;
  9881.     left: 74%!important;
  9882.     padding: 2px 2px 2px 15px !important;
  9883.     border-radius: 3px !important;
  9884.     font-size: 15px !important;
  9885.     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;
  9886. /* outline: 1px solid violet !important; */
  9887. }
  9888. /* (new83) URL-PREF - USERSTYLES FORUM - ADOUT Userstyles DISCUSS */
  9889. #Panel.Column.PanelColumn {
  9890. /*     top: 103px !important; */
  9891.     z-index: 100 !important;
  9892. }
  9893. #Panel.Column.PanelColumn .MeBox {
  9894.     margin-top: -29px !important;
  9895. }
  9896. .DiscussionAboutShowDiscussion  {
  9897.     max-width: 200px !important;
  9898.     min-width: 200px !important;
  9899.     top: 53px !important;
  9900.     left: 22.1% !important;
  9901.     z-index: 100 !important;
  9902. /* background-color: red !important; */
  9903. }
  9904.  
  9905. /* (new82) START === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
  9906. @media screen and (max-width: 1400px) {
  9907.  
  9908. #PagerBefore.Pager {
  9909.     right: 3.8% !important;
  9910. }
  9911. .MessageList.Discussion h1 ,
  9912. .Discussion.comment.Section-Discussion .Discussion h1 {
  9913.     min-width: 736px !important;
  9914. /* width: 37% !important; */
  9915.     right: 9.9% !important;
  9916. /* background: blue !important; */
  9917. }
  9918. .MessageList.Discussion #Item_0 {
  9919.     left: 30% !important;
  9920.     top: 53px !important;
  9921.     z-index: 500 !important;
  9922. /* background: blue !important; */
  9923. }
  9924. .DiscussionAboutShowDiscussion  {
  9925.     max-width: 217px !important;
  9926.     min-width: 217px !important;
  9927.     top: 53px !important;
  9928.     left: 12.2% !important;
  9929.     z-index: 100 !important;
  9930. /* background-color: red !important; */
  9931. }
  9932.  
  9933. /* ==== END === URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - MEDIA QUERIE - 1400px - === */
  9934. }
  9935.  
  9936.  
  9937. .MessageList.Discussion {
  9938.     margin-top: 36px;
  9939. }
  9940. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
  9941.     left: 4px !important;
  9942.     top: -1px !important;
  9943. }
  9944.  
  9945. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
  9946. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
  9947.     left: 32px !important;
  9948. /* outline: 1px solid red !important; */
  9949. }
  9950. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
  9951.     left: 0px !important;
  9952.     top: 0px !important;
  9953. /* outline: 1px solid yellow !important; */
  9954. }
  9955.  
  9956. /* ========== END === URL-PREF - ALL ======= */
  9957.  
  9958. }
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!