API tools faq
paste
decembre

Userstyles / Greasy Fork Enhancer Dark-Grey 132

decembre
Sep 10th, 2019
4,711
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 343.16 KB | None | 0 0
raw download clone embed print report diff
  1. /* AGENT_SHEET */
  2. /* @namespace url(http://www.w3.org/1999/xhtml); */
  3.  
  4. @-moz-document url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org") {
  5. /* ==== Userstyles / Greasy Fork Enhancer Dark-Grey TEST v.126(new126) - QUICK TEST - WATnew06 - AGENT_SHEET ==== */
  6.  
  7. /* ______________________________________________________________________
  8. |                                                                        |
  9. |                                                                        |
  10. |                                                                        |
  11. | Title:  |  Userstyles / Greasy Fork Enhancer Dark-Grey  132 (new132)   |
  12. |                                                                        |
  13. |    Description:  |                                                     |
  14. |                      GREASY FORK - With / without (GM) TS CITRUS       |
  15. |                      FORUM Styles in first + Forum GREASY Fork -       |
  16. |                      Logged or NOT                                     |
  17. |                      With / Without GM                                 |
  18. |                      AGENT_SHEET                                       |
  19. |                                                                        |
  20. |         Author:  |  decembre                                           |
  21. |                                                                        |
  22. |   Date Created:  |  23-11-2011                                         |
  23. |                                                                        |
  24. |   Last Updated:  |  08-09-2019                                         |
  25. |                                                                        |
  26. |________________________________________________________________________|
  27.  
  28.  
  29. /* (new131) ADMINISTRTOR / DELETE SCRIPT PAGE - === */
  30. .multiform-page:first-of-type  ,
  31. #script-content>form[action$="/delete"]>p:first-of-type {
  32.     margin-top: 48px !important;
  33. }
  34.  
  35.  
  36.  
  37. /* (new131) - GEASYFORK FORUM - PROFILE COMMENT LIST - === */
  38. .Profile .DataListWrap ul.DataList.SearchResults .MItem:first-child{
  39.     margin-left: 8px;
  40.     margin-right: 8px;
  41.     white-space: pre-line !important;
  42. }
  43.  
  44. /* (new131) - GEASYFORK FORUM - COMMENT RATING - === */
  45. .ExtraDiscussionData-Rating .RadioLabel {
  46.     display: inline-block !important;
  47. }
  48.  
  49. /* (new129) ALERTE MESSAGE - FORUM USERSTYLES - === */
  50. .DismissMessage {
  51.     position: absolute !important;
  52.     width: 18% !important;
  53.     top: 100px !important;
  54.     right: 5px !important;
  55. }
  56.  
  57. /* (new129) CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock - === */
  58. .adsbygoogle ,
  59. #share_div ,
  60. .NotificationLine ,
  61. .hamburger ,
  62. .walking,
  63. .android_button_button ,
  64. .overlay_background ,
  65. .adContainer ,
  66. #discussions-area #social.single-style ,
  67. #social ,
  68. .twitter-share-button ,
  69. #twitter-widget-0 ,
  70. .fb-like {
  71.     display: none!important;
  72. }
  73.  
  74. /*  (new129) LOADER */
  75. .init_loader>img {
  76.     background: #e6dbdb !important;
  77.     border: 1px solid red !important;
  78.     border-radius: 100% !important;
  79. }
  80.  
  81.  
  82. /* (new130) USRATYLES FORUM - IMGUR VIDEO - === */
  83. .imgur-gifv.VideoWrap>video {
  84.     max-width: 624px;
  85. }
  86.  
  87. /* (new119) - CATEGORIES - === */
  88. .us-category--stylecard-long h1 ,
  89. .view_inner.StylesCategory>h1 {
  90.     color: #6687aa !important;
  91.     font-size: 30px;
  92.     margin-bottom: 0px !important;
  93. }
  94.  
  95. #categories {
  96.     display: inline-block !important;
  97.     width: 100% !important;
  98.     margin-bottom: 50px;
  99. }
  100. .StyleCategory-Link {
  101.     display: inline-block !important;
  102. width: 280px !important;
  103.     margin: 2px -18px 22px 48px !important;
  104. }
  105. .us-category--narrow ,
  106. .us-category--stylecard-short.us-category--narrow {
  107.     width: 100% !important;
  108.     margin-left: 0 !important;
  109. }
  110.  
  111. .us-category--stylecard-long .us-stylecards__container--narrow ,
  112. .us-category--stylecard-short .us-stylecards__container--narrow {
  113.     width: 100% !important;
  114. }
  115. #title_div {
  116.     width: 100% !important;
  117. }
  118. .us-category--stylecard-short h1 {
  119.     margin-top: 31px;
  120.     color: #6687aa !important;
  121. }
  122. .fallbackDiv {
  123.     position: relative;
  124.     display: flex;
  125.     height: 156px;
  126.     max-width: 100%;
  127.     min-width: 100%;
  128.     align-items: center;
  129.     background-color: #222;
  130. /* opacity: 0.5 !important; */
  131. }
  132. .fallbackDiv .fallbackImg {
  133.     position: absolute;
  134.     width: 50%;
  135.     height: 50%;
  136.     top: 0;
  137.     left: 25% !important;
  138. /* object-fit: 50%; */
  139.      object-fit: contain !important;
  140.      object-position: 50% 50% !important;
  141. opacity: 0.5 !important;
  142. }
  143.  
  144. /* (new119) USESERSTYLES - MENU LEFT - === */
  145. .navigation {
  146.     width: 38% !important;
  147.     height: 100% !important;
  148.     min-height: 20px !important;
  149.     max-height: 20px !important;
  150.     left: 0 !important;
  151.     top: -22px !important;
  152.     padding: 0 !important;
  153.     overflow: hidden !important;
  154.     box-shadow: none !important;
  155.     background-color: #2e3e49 !important;
  156.     z-index: 5000000 !important;
  157. }
  158.  
  159. .navigation .links-box {
  160.     position: fixed !important;
  161.     width: 200px !important;
  162.     top: 47px !important;
  163.     left:40px !important;
  164.     background-color: #222 !important;
  165. }
  166. .links-box>a {
  167.     display: inline-block !important;
  168.     width: 200px !important;
  169. }
  170. .navigation .links-box .navigation-link {
  171.     height: 16px !important;
  172.     align-items: center;
  173.     padding: 1px 0;
  174. }
  175. .navigation .links-box .navigation-link .navigation-title {
  176.     color: #617488 !important;
  177. }
  178.  
  179. .navigation .navigation-category {
  180.     position: fixed;
  181.     display: inline-block;
  182.     top: 19px !important;
  183.     margin: 30px 0 10px;
  184.     width: 200px !important;
  185.     color: #95a5a6;
  186.     font-size: 12px !important;
  187.     text-align: center !important;
  188.     z-index: 5000000;
  189. }
  190.  
  191. .links-box:first-of-type:before {
  192.     content: "Menu  ∇ " ;
  193.     display: inline-block;
  194. /*     width: 100px !important; */
  195.     width: 200px !important;
  196. /*     border-left: 1px solid #95a5a6 !important; */
  197.     border-bottom: 4px solid gold !important;
  198.     text-align: center !important;
  199.     visibility: visible !important;
  200. }
  201. .links-box:first-of-type {
  202.     border-top: none !important;
  203.     visibility: hidden !important;
  204. }
  205. .links-box:first-of-type:hover {
  206.     border-top: none !important;
  207.     visibility: visible !important;
  208. }
  209. .links-box:first-of-type + .navigation-category {
  210.     left: 258px !important;
  211. /*     border-right: 1px solid #95a5a6 !important; */
  212. /*     border-left: 1px solid #95a5a6 !important; */
  213.     border-bottom: 4px solid blue !important;
  214. }
  215.  
  216. .links-box:first-of-type + .navigation-category  + .links-box {
  217.     position: fixed !important;
  218.     display: inline-block !important;
  219.     top: 67px !important;
  220.     left: 258px !important;
  221.     visibility: hidden !important;
  222. border-bottom: 4px solid blue !important;
  223. }
  224. .links-box:first-of-type + .navigation-category  + .links-box:hover  ,
  225. .links-box:first-of-type + .navigation-category:hover  + .links-box {
  226.     visibility: visible !important;
  227. }
  228. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category {
  229.     left: 466px !important;
  230.     border-bottom: 4px solid green !important;
  231. }
  232. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box {
  233.     position: fixed !important;
  234.     display: inline-block !important;
  235.     top: 67px !important;
  236.     left: 466px !important;
  237.     visibility: hidden !important;
  238. border-bottom: 4px solid green !important;
  239. }
  240. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category  + .links-box:hover  ,
  241. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:hover  + .links-box {
  242.     visibility: visible !important;
  243. }
  244.  
  245.  
  246. .links-box:first-of-type + .navigation-category  + .links-box + .navigation-category:after ,
  247. .links-box:first-of-type + .navigation-category:after {
  248.     content: " ∇ " ;
  249.     display: inline-block;
  250.     width: 5px !important;
  251.     margin-left: 10px !important;
  252.     text-align: center !important;
  253.     color: gold ;
  254.     visibility: visible !important;
  255. }
  256.  
  257. /* (new119) USER PAGE(not ACCOUNT PAGE) - === */
  258. .personal-page-header {
  259.     position: fixed;
  260.     width: 419px;
  261.     height: 30px;
  262.     right: 226px;
  263.     top: 42px !important;
  264.     z-index: 50000;
  265. }
  266. .personal-page-header h1 {
  267.     width: 100%;
  268.     color: #7691AD;
  269.     font-size: 20px !important;
  270.     overflow: hidden;
  271.     text-overflow: ellipsis;
  272.     white-space: nowrap;
  273.     word-break: normal;
  274. }
  275. .personal-page-header-right {
  276.     height: 30px;
  277. }
  278. .personal-page .light-blue-button {
  279.     padding: 1px 10px !important;
  280.  
  281. }
  282.  
  283.  
  284. .personal-page-narrow {
  285.     width: 100% !important;
  286. }
  287. .personal-page {
  288.     box-sizing: border-box;
  289.     margin: 10px auto;
  290.     padding: 0 20px;
  291.     width: 100%;
  292. }
  293. .us-stylecard--long {
  294. position: relative !important;
  295.     display: inline-block !important;
  296. float: left !important;
  297.     box-sizing: border-box;
  298.     width: 48% !important;
  299.     height: 172px;
  300. /*     margin-right: 20px !important; */
  301. /*     margin-bottom: -15px !important; */
  302. margin: 15px 20px -10px 0 !important;
  303. /* top: 10px !important; */
  304. /* bottom: 10px !important; */
  305.     padding: 8px !important;
  306.     border: 1px solid red;
  307.     border-radius: 5px;
  308.     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  309.     background-color: black !important;
  310. }
  311. .us-stylecard--long .us-stencil {
  312.     align-items: center;
  313.     background-color: #d4dce7;
  314.     display: flex;
  315.     height: 156px;
  316.     justify-content: center;
  317.     max-width: 50% !important;
  318.     min-width: 50% !important;
  319.     position: relative;
  320. }
  321. .us-stylecard--long .us-container {
  322.     display: inline-block !important;
  323.     box-sizing: border-box;
  324.     width: 50% !important;
  325.     float: right !important;
  326.     margin-top: -162px;
  327.     padding: 16px 13px 0 13px !important;
  328.     overflow: hidden;
  329. }
  330. .us-stylecard--long .us-title {
  331.     width: 100%;
  332.     font-size: 20px;
  333.     font-weight: 500;
  334.     margin-top: 4px;
  335.     overflow: hidden;
  336.     text-overflow: ellipsis;
  337.     white-space: pre-line !important;
  338.  
  339. }
  340. .us-stylecard__button-container {
  341.     display: inline-block;
  342.     float: right;
  343.     align-items: flex-end;
  344.     justify-content: flex-end;
  345.     width: 15%;
  346.     margin-top: -40px !important;
  347.     padding: 0 !important;
  348. }
  349.  
  350. /* USERSTYLES - PAGINATION */
  351. .us-stylecards__container  + #pagination {
  352. position: fixed !important;
  353. width: 700px !important;
  354.     right: -320px !important;
  355.     top: 50% !important;
  356. padding: 5px !important;
  357. border-radius: 5px !important;
  358.     transform: rotate(90deg);
  359. background: #222 !important;
  360. }
  361. .us-stylecards__container  + #pagination>a:first-of-type ,
  362. .us-stylecards__container  + #pagination>a:last-of-type ,
  363. .us-stylecards__container  + #pagination>#pages>.pageNumber ,
  364. .us-stylecards__container  + #pagination>#pages>a {
  365.     align-items: center;
  366.     cursor: pointer;
  367.     display: flex;
  368.     font-size: 15px !important;
  369.     font-weight: 500;
  370.     height: 30px !important;
  371.     justify-content: center;
  372.     margin: 0 4px;
  373.     width: 40px !important;
  374.     transform: rotate(-90deg);
  375. }
  376. .us-stylecards__container  + #pagination>a:first-of-type .div-arrow  ,
  377. .us-stylecards__container  + #pagination>a:last-of-type .div-arrow {
  378.     width: 30px !important;
  379.     margin-left: 0 !important;
  380.     margin-right: 0 !important;
  381. text-align: center  !important;
  382. }
  383. .us-stylecards__container  + #pagination>a:first-of-type .arrow-icon ,
  384. .us-stylecards__container  + #pagination>a:last-of-type .arrow-icon {
  385.     width: 41px !important;
  386. height: 30px !important;
  387. text-align: center  !important;
  388. }
  389.  
  390.  
  391. /* (new108) GREASYFORK - FORUM - TOP HEADER - DISMIS - == */
  392. .MessageList.Discussion .Flyout.MenuItems.list-reset {
  393.     height: 21px !important;
  394.     margin-top: -3px !important;
  395.     top: 0 !important;
  396. }
  397.  
  398. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {
  399.     height: 15px !important;
  400.     width: 15px !important;
  401.     margin-right: 0 !important;
  402.     margin-top: 0 !important;
  403.     padding: 0 !important;
  404.     font-size: 0px !important;
  405.     color: red !important;
  406. }
  407. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {
  408.     content: " \274C" ;
  409.     font-size: 10px !important;
  410.     color: red !important;
  411. }
  412. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {
  413.     content: "Dismiss" ;
  414.     position: absolute ;
  415.     display: inline-block ;
  416.     margin-top: -20px !important;
  417.     margin-left: -30px !important;
  418.     font-size: 10px !important;
  419.     color: tomato !important;
  420. }
  421.  
  422. /* (new96) STRANGE POST IN FORUM -
  423. https://forum.userstyles.org/discussion/29263/srazzano/p90
  424. === */
  425. .MessageList.DataList.Comments {
  426.     width: 712px !important;
  427. }
  428.  
  429.  
  430. /* (new94) - GM - Greasyfork Display Update Checks - (not working with CITRUS) -
  431. https://greasyfork.org/fr/scripts/21484-greasyfork-display-update-checks
  432. === */
  433. #browse-script-list>li>article>p>span[style*="border: 1px ridge #817F82;)"]>b  {
  434.     color: gold !important;
  435. /* OK - FINE TOP OF THE BACKGROUND - BLACK */
  436.     text-shadow: 0px 1px 1px #000;
  437. }
  438.  
  439. /* (new93) GREASYFORK -  SET - LISTING PAGE - DESCRIPTION - === */
  440. body[pagetype="ListingPage"] #main-header +  #script-table +.width-constraint h3 + p ,
  441. body[pagetype="ListingPage"]  #script-table +.width-constraint h3 + p ,
  442. body[pagetype="ListingPage"]  .width-constraint h3 + p {
  443.     display: inline-block;
  444.     border: 1px solid violet ;
  445. }
  446.  
  447.  
  448. /* (new79) GREASYFORK - Without SCRIPT - === */
  449. .width-constraint > p {
  450.     display: inline-block;
  451. }
  452. #script-links .current > * {
  453.     color: red !important;
  454. }
  455.  
  456.  
  457. /* CITRUS SETTINGS - POPUP - === */
  458. #CForkSettings {
  459.     z-index: 5000 !important;
  460. }
  461.  
  462. /* (new79) PB HOVER - NEW TOP HEADER NAV MENU - MORE -
  463. .SiteMenu
  464. === */
  465. .with-submenu {
  466.     position: relative !important;
  467.     display: inline-block !important;
  468. }
  469.  
  470. li.with-submenu a + nav ,
  471. li.with-submenu a + nav:hover ,
  472. li.with-submenu a:hover + nav {
  473.     position: absolute  !important;
  474.     min-width: 100%;
  475.     margin-top: -5px !important;
  476.     padding: 2px 5px 5px 15px !important;
  477.     text-align: left !important;
  478.     box-shadow: 3px 3px 2px black !important;
  479.     background-color: #333 !important;
  480. }
  481. li.with-submenu a + nav li {
  482.     height: 20px !important;
  483.     line-height: 20px !important;
  484.     z-index: 50000000 !important;
  485. }
  486. li.with-submenu a + nav li a {
  487.     padding: 2px 2px !important;
  488.     text-align: left !important;
  489. }
  490.  
  491.  
  492.  
  493. /* (new117) - ADAPTATION for GM "Greasyfork install button on search" (NOT Working with CITRUS) -
  494. https://greasyfork.org/fr/scripts/23340-greasyfork-install-button-on-search
  495. AND GM "GreasyFork - filter libraries in profiles"
  496. https://greasyfork.org/fr/scripts/12669-greasyfork-filter-libraries-in-profiles
  497. 2018 - MAYBE NOT NEED with CITRUS : SHOW Only INSTALL LINK IN USER PROFILE:
  498. https://greasyfork.org/fr/forum/discussion/11601/x
  499. === */
  500. .thetitle + div #install-area {
  501.     position: relative !important;
  502.     display: inline-block !important;
  503.     float: left !important;
  504.     max-width: 450px !important;
  505.     min-width: 450px !important;
  506.     margin-left: -4px !important;
  507.     top: 0 !important;
  508.     padding: 1px 4px !important;
  509.     background-color: #f9ecdb !important;
  510.     border-bottom: 1px solid gray;
  511.     z-index: 1 !important;
  512.     overflow: hidden !important;
  513. }
  514. .thetitle + div #install-area:hover {
  515.     position: relative !important;
  516.     display: inline-block !important;
  517.     float: left !important;
  518.     height: auto !important;
  519.     max-width: 450px !important;
  520.     min-width: 450px !important;
  521.     margin-left: -4px !important;
  522.     top: 0 !important;
  523.     padding: 1px 4px !important;
  524.     background-color: #f9ecdb !important;
  525.     border-bottom: 1px solid gray;
  526.     z-index: 5000 !important;
  527.     overflow: visible !important;
  528. }
  529. .thetitle + div #install-area> a:first-of-type {
  530.     display: inline-block;
  531.     float: left !important;
  532.     clear: both !important;
  533.     max-width: 150px !important;
  534.     min-width: 150px !important;
  535.     line-height: 13px !important;
  536.     font-size: 10px !important;
  537.     margin-left: 0 !important;
  538.     text-align: center !important;
  539. }
  540. .thetitle + div #install-area> a:last-of-type {
  541.     max-width: 20px !important;
  542.     min-width: 20px !important;
  543.     line-height: 13px !important;
  544.     font-size: 10px !important;
  545.     margin-left: 0 !important;
  546.     text-align: center !important;
  547. }
  548. .thetitle + div #install-area form.script-in-sets {
  549.     position: absolute !important;
  550.     display: inline-block !important;
  551.     height: 100% !important;
  552.     min-height: 50px !important;
  553.     max-height: 50px !important;
  554.     max-width: 374px !important;
  555.     min-width: 374px !important;
  556.     left: 75px !important;
  557.     top: 2px !important;
  558.     font-size: 0px !important;
  559.     overflow-x: hidden;
  560.     overflow-y: auto;
  561. }
  562.  
  563. .thetitle + div #install-area form.script-in-sets:hover {
  564.     min-height: 150px !important;
  565.     max-height: 200px !important;
  566.     z-index: 500000 !important;
  567.     border: 1px solid violet !important;
  568. }
  569. .thetitle + div #install-area .script-in-sets select {
  570.     display: inline-block;
  571.     max-width: 287px !important;
  572.     min-width: 287px !important;
  573.     margin-left: 0px !important;
  574.     margin-top: 7px !important;
  575. }
  576.  
  577. .tk.sel {
  578.     color: #25B300 !important;
  579. }
  580. .tk.pro {
  581.     color: #2a7da3 !important;
  582. }
  583. .tk.pun {
  584.     color: #0F40A7 !important;
  585. }
  586. .tk.com {
  587.     color: #9F7E15 !important;
  588. }
  589.  
  590. /* (new110) - ADAPTATION for GM :
  591. == GreasyFork Bullshit Filter :
  592. https://greasyfork.org/en/scripts/12179-greasyfork-bull-filter
  593. == GreasyFork Bullshit Filter (compatible with Citrus GFork)
  594. https://greasyfork.org/en/scripts/13514-greasyfork-bull-filter-compatible-with-citrus-gfork
  595.  
  596. AND (TEST):
  597. GreasyFork - filter discussions on scripts by review type and author
  598. https://greasyfork.org/fr/scripts/23626-greasyfork-filter-discussions-on-scripts-by-review-type-and-author
  599. === */
  600. .MessageList.DataList.Comments .ItemComment.filtered,
  601. .ItemDiscussion.filtered  {
  602.     height: 10px!important;
  603.     font-size: 3px !important;
  604.     overflow: hidden !important;
  605.     opacity: 0.4 !important;
  606. }
  607. .MessageList.DataList.Comments .ItemComment.filtered:hover,
  608. .ItemDiscussion.filtered:hover  {
  609.     opacity: 1 !important;
  610. }
  611. .ItemDiscussion.filtered .ItemContent.Discussion .Title  {
  612.     height: 10px!important;
  613.     line-height: 10px!important;
  614.     font-size: 8px !important;
  615. /* background: red !important; */
  616. }
  617. .ItemDiscussion.filtered .ItemContent.Discussion .Title a {
  618.     min-width: 600px !important;
  619.     max-width: 600px !important;
  620.     height: 10px!important;
  621.     line-height: 7px!important;
  622.     margin-top: -45px !important;
  623.     font-size: 8px !important;
  624. }
  625. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion  {
  626.     min-width: 600px !important;
  627.     max-width: 600px !important;
  628.     height: 10px!important;
  629.     line-height: 10px!important;
  630.     margin-left: 20px !important;
  631.     font-size: 9px !important;
  632. }
  633. .ItemDiscussion.filtered .ItemContent.Discussion .Title .DiscussionAboutListDiscussion::before {
  634.     margin-top: -8px !important;
  635.     transform: scale(0.7) !important;
  636. }
  637. /* FILTERED SCRIPTS - DISPLAY MINIMUM - === */
  638. body[pagetype="ListingPage"] #script-table tr.filtered {
  639.     display: table-row !important;
  640.     width: 100% !important;
  641.     height: 10px!important;
  642. }
  643. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  644.     background: black !important;
  645. }
  646. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  647.     display: table-cell !important;
  648.     height: 100% !important;
  649.     min-height: 10px!important;
  650.     max-height: 10px!important;
  651.     padding: 0 !important;
  652.     font-size: 7px !important;
  653.     background-color: #F7F6E9 !important;
  654. }
  655. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  656.     font-size: 8px !important;
  657. }
  658.  
  659. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  660.     font-size: 8px !important;
  661. }
  662. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  663.     border-left: 1px solid red !important;
  664. }
  665.  
  666. /* HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  667. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  668.     display: none !important;
  669. }
  670.  
  671. /* (new98) SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  672. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  673.     position: absolute !important;
  674.     display: inline-block !important;
  675.     width: 914px !important;
  676.     background-color: #f7f6e9 !important;
  677.     border: 1px solid peru !important;
  678.     border-left: 3px solid red !important;
  679.     border-right: 3px solid red !important;
  680.     border-bottom: 4px solid red !important;
  681.     font-size: 15px !important;
  682.     z-index: 50000 !important;
  683. }
  684. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span ,
  685. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  686.     display: inline-block !important;
  687.     display: none !important;
  688.     height: 100% !important;
  689.     min-height: 15px!important;
  690.     max-height: 15px!important;
  691.     padding: 0 !important;
  692.     font-size: 8px !important;
  693. }
  694. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  695.     display: inline-block !important;
  696.     height: 100% !important;
  697.     min-height: 10px!important;
  698.     max-height: 10px!important;
  699.     line-height: 8px!important;
  700.     padding: 0 !important;
  701.     font-size: 9px !important;
  702. }
  703. .filter-status:not(:empty) ,
  704. #script-content .filter-status:not(:empty) {
  705.     box-sizing: border-box;
  706.     position: fixed !important;
  707.     height: 35px !important;
  708.     line-height: 17px !important;
  709.     max-width: 190px !important;
  710.     min-width: 190px !important;
  711.     left: calc(83.95%) !important;
  712.     top: 55px !important;
  713.     padding: 1px 0px  !important;
  714.     border-radius: 5px 5px 0 0 !important;
  715.     text-align: center !important;
  716.     font-size: 13px !important;
  717.     color: white !important;
  718.     cursor: default !important;
  719.     z-index: 500000 !important;
  720.     background: #B38C25 !important;
  721. }
  722. .filter-status:first-of-type + .filter-switches:hover ,
  723. .filter-status:first-of-type:hover + .filter-switches ,
  724. .filter-status:first-of-type + .filter-switches {
  725.     position: fixed !important;
  726.     width: 190px !important;
  727.     left: calc(84.3%) !important;
  728.     top: 88px !important;
  729.     border-radius: 0 0 5px 5px !important;
  730.     background: #B38C25 !important;
  731.     z-index: 50000 !important;
  732. }
  733. .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  734. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  735.     display: none !important;
  736. }
  737. :hover > .filter-switches a ,
  738. .filter-switches  a ,
  739. #main-header  .width-constraint + .filter-status ~  .filter-switches a ,
  740. #Frame #Head.Head .filter-switches a
  741. #script-content .filter-switches  a {
  742.     display: inline-block  !important;
  743.     width: 160px !important;
  744.     height: 15px !important;
  745.     line-height: 15px !important;
  746.     margin-top: -2px !important;
  747.     bottom: 0px !important;
  748.     margin-left: 0px !important;
  749.     font-size: 14px !important;
  750.     color: white !important;
  751.     cursor: pointer !important;
  752. }
  753. #Frame #Head.Head .filter-switches a {
  754.     color: white !important;
  755. }
  756.  
  757. .ui-widget {
  758.     position: fixed !important;
  759.     width: 190px !important;
  760.     top: 175px !important;
  761.     left: calc(84.5%) !important;
  762. }
  763. .ui-widget #myform {
  764.     width: 185px !important;
  765. }
  766.  
  767. .ui-widget #myform input#authors {
  768.     width: 180px !important;
  769. }
  770. .dropdown {
  771.     position: fixed !important;
  772.     width: 185px !important;
  773.     left: calc(84.5%) !important;
  774.     top: 228px !important
  775. }
  776.  
  777. .dropbtn {
  778.     width: 185px !important;
  779.     padding: 5px 0px 5px 20px !important;
  780. }
  781. .dropdown-content {
  782.     width: 185px !important;
  783.     height: 400px !important;
  784.     padding: 16px 0px 5px 0px !important;
  785.     background-color: #222 !important;
  786. }
  787. #myDropdown.dropdown-content a {
  788.     padding: 1px 0px 2px 5px !important;
  789.     font-size: 15px !important;
  790.     color: gray !important;
  791.     background-color: #333 !important;
  792.     text-align: left !important;
  793.     cursor: default !important;
  794. }
  795. #myDropdown.dropdown-content a:hover {
  796.     font-size: 15px !important;
  797.     color: gold !important;
  798.     background-color: #222 !important;
  799. }
  800.  
  801. /* FILTER - ALL COMMENTS (on top)  */
  802. .dropdown:hover   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] ,
  803. .dropdown:not(:hover)   #myDropdown.dropdown-content>a[onclick="showOnly('All')"] {
  804.     position: fixed !important;
  805.     display: inline-block !important;
  806.     left: calc(85.56%) !important;
  807.     top: 232px !important;
  808.     padding: 3px !important;
  809.     border-radius: 100% !important;
  810.     text-align: center !important;
  811. }
  812.  
  813. /* for FITTER SCRIPT */
  814. .width-constraint + .filter-status {
  815.     position: fixed !important;
  816.     width: 190px !important;
  817. }
  818. .width-constraint + .filter-status + .filter-switches {
  819. /* left: calc(87%) !important; */
  820. }
  821. .width-constraint + .filter-status + .filter-switches a {
  822.     margin-left: 10px !important;
  823. }
  824.  
  825. /* (new94) GREASYFORK - FITER COMMENTS on USER PROFILE - CONTAINER - === */
  826. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .filter-switches {
  827.     position: fixed !important;
  828.     display: inline-block;
  829.     right: 110px !important;
  830.     width: 189px;
  831.     top: 91px;
  832.     text-align: center;
  833.     background: #222 !important;
  834. }
  835. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .ui-widget {
  836.     left: calc(84.5%);
  837.     top: 195px !important;
  838.     width: 190px;
  839. }
  840.  
  841.  
  842. body[pagetype="PersonalProfile"] #user-profile +  #control-panel .dropdown {
  843.     left: calc(84.5%);
  844.     top: 241px !important;
  845.     width: 185px;
  846. }
  847.  
  848. /* GREASEAFORK FORUM - CLEAR CONVERSTAION BUTTON - Small TXT - === */
  849. .Button.Danger.BigButton.ClearConversation {
  850.     display: block;
  851.     font-size: 11px!important;
  852.     font-weight: bold;
  853.     margin: 0 0 10px;
  854.     padding: 8px 10px;
  855.     text-align: center;
  856. }
  857.  
  858. /* ALL SITES PAGE -
  859. https://greasyfork.org/en/scripts/by-site
  860. === */
  861. #by-site-list li[style="font-size: 5.0em"] {
  862.     font-size: 3.28em  !important;
  863. }
  864. #by-site-list li[style="font-size: 5.0em"] a {
  865.     color: darkturquoise !important;
  866. }
  867.  
  868.  
  869. #by-site-list li[style="font-size: 4.07em"] {
  870.     font-size: 3.27em !important;
  871. }
  872. #by-site-list li[style="font-size: 4.07em"] a {
  873.     color: lightsalmon!important;
  874. }
  875.  
  876. #by-site-list li[style="font-size: 3.86em"] {
  877.     font-size: 3.26em !important;
  878. }
  879. #by-site-list li[style="font-size: 3.86em"] a {
  880.     color: darkturquoise !important;
  881. }
  882.  
  883. #by-site-list li[style="font-size: 2.86em"] {
  884.     font-size: 3.25em!important;
  885. }
  886. #by-site-list li[style="font-size: 2.86em"] a {
  887.     color: deepskyblue !important;
  888. }
  889.  
  890. #by-site-list li[style="font-size: 2.02em"] {
  891.     font-size: 3.24em!important;
  892. }
  893. #by-site-list li[style="font-size: 2.02em"] a {
  894.     color: darkturquoise !important;
  895. }
  896.  
  897. #by-site-list li[style="font-size: 2.1em"] {
  898.     font-size: 3.23em !important;
  899. }
  900. #by-site-list li[style="font-size: 2.1em"] a {
  901.     color: darkturquoise !important;
  902. }
  903.  
  904. #by-site-list li[style="font-size: 2.06em"] {
  905.     font-size: 3.22em !important;
  906. }
  907. #by-site-list li[style="font-size: 2.06em"] a {
  908.     color: deepskyblue !important;
  909. }
  910.  
  911. #by-site-list li[style="font-size: 1.99em"] {
  912.     font-size: 3.21em !important;
  913. }
  914. #by-site-list li[style="font-size: 1.99em"] a {
  915.     color: darkturquoise !important;
  916. }
  917.  
  918. #by-site-list li[style="font-size: 1.92em"] {
  919.     font-size: 3.20em !important;
  920. }
  921. #by-site-list li[style="font-size: 1.92em"] a {
  922.     color: darkturquoise !important;
  923. }
  924.  
  925. #by-site-list li[style="font-size: 1.87em"] {
  926.     font-size: 3.19em!important;
  927. }
  928. #by-site-list li[style="font-size: 1.87em"] a {
  929.     color: darkturquoise !important;
  930. }
  931.  
  932. #by-site-list li[style="font-size: 1.7em"] {
  933.     font-size: 3.18em!important;
  934. }
  935. #by-site-list li[style="font-size: 1.7em"] a {
  936.     color: darkturquoise !important;
  937. }
  938.  
  939. #by-site-list li[style="font-size: 1.66em"] {
  940.     font-size: 3.17em !important;
  941. }
  942. #by-site-list li[style="font-size: 1.66em"] a {
  943.     color: darkturquoise !important;
  944. }
  945.  
  946. #by-site-list li[style="font-size: 1.61em"] {
  947.     font-size: 3.16em !important;
  948. }
  949. #by-site-list li[style="font-size: 1.61em"] a {
  950.     color: deeppink !important;
  951. }
  952.  
  953. #by-site-list li[style="font-size: 1.5em"] {
  954.     font-size: 3.15em !important;
  955. }
  956. #by-site-list li[style="font-size: 1.5em"] a {
  957.     color: darkturquoise !important;
  958. }
  959.  
  960. #by-site-list li[style="font-size: 1.4em"] {
  961.     font-size: 3.14em !important;
  962. }
  963. #by-site-list li[style="font-size: 1.4em"] a {
  964.     color: darkturquoise !important;
  965. }
  966.  
  967. #by-site-list li[style="font-size: 1.41em"] {
  968.     font-size: 3.13em !important;
  969. }
  970. #by-site-list li[style="font-size: 1.41em"] a {
  971.     color: deeppink !important;
  972. }
  973.  
  974. #by-site-list li[style="font-size: 1.3em"] {
  975.     font-size: 3.12em !important;
  976. }
  977. #by-site-list li[style="font-size: 1.3em"] a {
  978. color: deeppink !important;
  979. }
  980.  
  981. #by-site-list li[style="font-size: 1.39em"] {
  982.     font-size: 3.11em !important;
  983. }
  984. #by-site-list li[style="font-size: 1.39em"] a {
  985.     color: darkturquoise !important;
  986. }
  987.  
  988. #by-site-list li[style="font-size: 1.38em"] {
  989.     font-size: 3.10em!important;
  990. }
  991. #by-site-list li[style="font-size: 1.38em"] a {
  992.     color: darkturquoise !important;
  993. }
  994.  
  995. #by-site-list li[style="font-size: 1.35em"] {
  996.     font-size: 3.09em !important;
  997. }
  998. #by-site-list li[style="font-size: 1.35em"] a {
  999. color: darkturquoise !important;
  1000. }
  1001.  
  1002. #by-site-list li[style="font-size: 1.34em"] {
  1003.     font-size: 3.08em !important;
  1004. }
  1005. #by-site-list li[style="font-size: 1.34em"] a {
  1006.     color: darkturquoise !important;
  1007. }
  1008.  
  1009. #by-site-list li[style="font-size: 1.32em"] {
  1010.     font-size: 3.07em !important;
  1011. }
  1012. #by-site-list li[style="font-size: 1.32em"] a {
  1013.     color: darkturquoise !important;
  1014. }
  1015.  
  1016. #by-site-list li[style="font-size: 1.31em"] {
  1017.     font-size: 3.06em !important;
  1018. }
  1019. #by-site-list li[style="font-size: 1.31em"] a {
  1020.     color: darkturquoise !important;
  1021. }
  1022.  
  1023. #by-site-list li[style="font-size: 1.29em"] {
  1024.     font-size: 3.05em !important;
  1025. }
  1026. #by-site-list li[style="font-size: 1.29em"] a {
  1027.     color: deeppink !important;
  1028. }
  1029.  
  1030. #by-site-list li[style="font-size: 1.26em"] {
  1031.     font-size: 3.04em !important;
  1032. }
  1033. #by-site-list li[style="font-size: 1.26em"] a {
  1034.     color: darkturquoise !important;
  1035. }
  1036.  
  1037. #by-site-list li[style="font-size: 1.23em"] {
  1038.     font-size: 3.03em !important;
  1039. }
  1040. #by-site-list li[style="font-size: 1.23em"]:nth-child(odd) a {
  1041.     color: lightcyan !important;
  1042. }
  1043. #by-site-list li[style="font-size: 1.23em"]:nth-child(even) a {
  1044.     color: wheat !important;
  1045. }
  1046.  
  1047. #by-site-list li[style="font-size: 1.21em"] {
  1048.     font-size: 3.02em !important;
  1049. }
  1050. #by-site-list li[style="font-size: 1.21em"] a {
  1051.     color: deeppink !important;
  1052. }
  1053.  
  1054. #by-site-list li[style="font-size: 1.08em"] {
  1055.     font-size: 3.01em !important;
  1056. }
  1057. #by-site-list li[style="font-size: 1.08em"] a {
  1058.     color: darkturquoise !important;
  1059. }
  1060.  
  1061. #by-site-list li[style="font-size: 1.07em"] {
  1062.     font-size: 3.00em !important;
  1063. }
  1064. #by-site-list li[style="font-size: 1.07em"] a {
  1065.     color: darkturquoise !important;
  1066. }
  1067.  
  1068. #by-site-list li[style="font-size: 1.05em"] {
  1069.     font-size: 2.99em  !important;
  1070. }
  1071. #by-site-list li[style="font-size: 1.05em"] a {
  1072.     color: darkturquoise !important;
  1073. }
  1074.  
  1075. #by-site-list li[style="font-size: 1.0em"] {
  1076.     font-size: 2.98em  !important;
  1077. }
  1078. #by-site-list li[style="font-size: 1.0em"] a {
  1079.     color: darkturquoise !important;
  1080. }
  1081.  
  1082. #by-site-list li[style="font-size: 1.01em"] {
  1083.     font-size: 2.97em  !important;
  1084. }
  1085. #by-site-list li[style="font-size: 1.01em"] a {
  1086.     color: darkturquoise !important;
  1087. }
  1088.  
  1089. #by-site-list li[style="font-size: 0.6em"] {
  1090.     font-size: 1em !important;
  1091. }
  1092. #by-site-list li[style="font-size: 0.6em"]:nth-child(odd) a {
  1093.     color: lightblue!important;
  1094. }
  1095. #by-site-list li[style="font-size: 0.6em"]:nth-child(even) a {
  1096.     color: aquamarine !important;
  1097. }
  1098. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+2) a {
  1099.     color: tomato !important;
  1100. }
  1101. #by-site-list li[style="font-size: 0.6em"]:nth-child(3n+3) a {
  1102.     color: powderblue !important;
  1103. }
  1104. #by-site-list li[style="font-size: 0.6em"]:nth-child(4n+7) a {
  1105.     color: greenyellow !important;
  1106. }
  1107.  
  1108.  
  1109. #by-site-list li[style="font-size: 0.61em"]{
  1110.     font-size: 1.1em !important;
  1111. }
  1112. #by-site-list li[style="font-size: 0.61em"]:nth-child(odd) a {
  1113.     color: turquoise !important;
  1114. }
  1115. #by-site-list li[style="font-size: 0.61em"]:nth-child(even) a {
  1116.     color: azure !important;
  1117. }
  1118. #by-site-list li[style="font-size: 0.61em"]:nth-child(3n+2) a {
  1119.     color: mediumvioletred !important;
  1120. }
  1121.  
  1122.  
  1123. #by-site-list li[style="font-size: 0.62em"]{
  1124.     font-size: 1.2em !important;
  1125. }
  1126. #by-site-list li[style="font-size: 0.62em"] a {
  1127.     color: blueviolet !important;
  1128. }
  1129. #by-site-list li[style="font-size: 0.62em"]:nth-child(odd) a {
  1130.     color: cornflowerblue !important;
  1131. }
  1132. #by-site-list li[style="font-size: 0.62em"]:nth-child(even) a {
  1133.     color: peachpuff !important;
  1134. }
  1135. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+2) a {
  1136.     color: tomato !important;
  1137. }
  1138. #by-site-list li[style="font-size: 0.62em"]:nth-child(3n+3) a {
  1139.     color: powderblue !important;
  1140. }
  1141. #by-site-list li[style="font-size: 0.62em"]:nth-child(4n+7) a {
  1142.     color: greenyellow !important;
  1143. }
  1144.  
  1145. #by-site-list li[style="font-size: 0.63em"]{
  1146.     font-size: 1.3em !important;
  1147. }
  1148. #by-site-list li[style="font-size: 0.63em"]:nth-child(odd) a  {
  1149.     color: lightsalmon !important;
  1150. }
  1151. #by-site-list li[style="font-size: 0.63em"]:nth-child(even) a {
  1152.     color: darkcyan !important;
  1153. }
  1154.  
  1155.  
  1156. #by-site-list li[style="font-size: 0.64em"]{
  1157.     font-size: 1.4em !important;
  1158. }
  1159. #by-site-list li[style="font-size: 0.64em"] a {
  1160.     color: peru !important;
  1161. }
  1162. #by-site-list li[style="font-size: 0.64em"]:nth-child(odd) a {
  1163.     color: deepskyblue !important;
  1164. }
  1165. #by-site-list li[style="font-size: 0.64em"]:nth-child(even) a {
  1166.     color: dodgerblue !important;
  1167. }
  1168. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+2) a {
  1169.     color: tomato !important;
  1170. }
  1171. #by-site-list li[style="font-size: 0.64em"]:nth-child(3n+3) a {
  1172.     color: powderblue !important;
  1173. }
  1174. #by-site-list li[style="font-size: 0.64em"]:nth-child(4n+7) a {
  1175.     color: greenyellow !important;
  1176. }
  1177.  
  1178. #by-site-list li[style="font-size: 0.65em"]{
  1179.     font-size: 1.5em !important;
  1180. }
  1181. #by-site-list li[style="font-size: 0.65em"]:nth-child(odd) a {
  1182.     color: violet !important;
  1183. }
  1184. #by-site-list li[style="font-size: 0.65em"]:nth-child(even) a {
  1185.     color: goldenrod !important;
  1186. }
  1187.  
  1188.  
  1189. #by-site-list li[style="font-size: 0.66em"]{
  1190.     font-size: 1.6em !important;
  1191. }
  1192. #by-site-list li[style="font-size: 0.66em"]:nth-child(odd) a {
  1193.     color: greenyellow !important;
  1194. }
  1195. #by-site-list li[style="font-size: 0.66em"]:nth-child(even) a {
  1196.     color: indianred !important;
  1197. }
  1198.  
  1199.  
  1200. #by-site-list li[style="font-size: 0.67em"]{
  1201.     font-size: 1.7em !important;
  1202. }
  1203. #by-site-list li[style="font-size: 0.67em"] a {
  1204.     color: lawngreen !important;
  1205. }
  1206.  
  1207.  
  1208. #by-site-list li[style="font-size: 0.68em"]{
  1209.     font-size: 1.8em !important;
  1210. }
  1211. #by-site-list li[style="font-size: 0.68em"]:nth-child(odd) a {
  1212.     color: lightblue !important;
  1213. }
  1214. #by-site-list li[style="font-size: 0.68em"]:nth-child(even) a {
  1215.     color: lavender !important;
  1216. }
  1217. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+2) a {
  1218.     color: tomato !important;
  1219. }
  1220. #by-site-list li[style="font-size: 0.68em"]:nth-child(3n+3) a {
  1221.     color: powderblue !important;
  1222. }
  1223. #by-site-list li[style="font-size: 0.68em"]:nth-child(4n+7) a {
  1224.     color: greenyellow !important;
  1225. }
  1226.  
  1227.  
  1228. #by-site-list li[style="font-size: 0.69em"]{
  1229.     font-size: 1.9em !important;
  1230. }
  1231. #by-site-list li[style="font-size: 0.69em"] a {
  1232.     color: lemonchiffon !important;
  1233. }
  1234.  
  1235.  
  1236. #by-site-list li[style="font-size: 0.7em"]{
  1237.     font-size: 2em !important;
  1238. }
  1239. #by-site-list li[style="font-size: 0.7em"]:nth-child(odd) a {
  1240.     color: thistle !important;
  1241. }
  1242. #by-site-list li[style="font-size: 0.7em"]:nth-child(even) a {
  1243.     color:  blanchedalmond !important;
  1244. }
  1245.  
  1246.  
  1247. #by-site-list li[style="font-size: 0.71em"]{
  1248.     font-size: 2.1em !important;
  1249. }
  1250. #by-site-list li[style="font-size: 0.71em"] a {
  1251.     color: antiquewhite !important;
  1252. }
  1253.  
  1254. #by-site-list li[style="font-size: 0.72em"]{
  1255.     font-size: 2.2em !important;
  1256. }
  1257. #by-site-list li[style="font-size: 0.72em"] a {
  1258.     color: aqua !important;
  1259. }
  1260.  
  1261. #by-site-list li[style="font-size: 0.73em"]{
  1262.     font-size: 2.3em !important;
  1263. }
  1264. #by-site-list li[style="font-size: 0.73em"] a {
  1265.     color: aquamarine !important;
  1266. }
  1267.  
  1268. #by-site-list li[style="font-size: 0.74em"]{
  1269.     font-size: 2.4em !important;
  1270. }
  1271. #by-site-list li[style="font-size: 0.74em"] a {
  1272.     color: bisque !important;
  1273. }
  1274.  
  1275.  
  1276. #by-site-list li[style="font-size: 0.75em"]{
  1277.     font-size: 2.5em !important;
  1278. }
  1279. #by-site-list li[style="font-size: 0.75em"]:nth-child(odd) a {
  1280.     color: darkgray !important;
  1281. }
  1282. #by-site-list li[style="font-size: 0.75em"]:nth-child(even) a {
  1283.     color: palevioletred !important;
  1284. }
  1285.  
  1286.  
  1287. #by-site-list li[style="font-size: 0.76em"]{
  1288.     font-size: 2.6em !important;
  1289. }
  1290. #by-site-list li[style="font-size: 0.76em"] a {
  1291. color: darkcyan !important;
  1292. }
  1293.  
  1294. #by-site-list li[style="font-size: 0.77em"]{
  1295.     font-size: 2.7em !important;
  1296. }
  1297. #by-site-list li[style="font-size: 0.77em"] a {
  1298.     color: darkorange !important;
  1299. }
  1300.  
  1301. #by-site-list li[style="font-size: 0.78em"]{
  1302.     font-size: 2.8em !important;
  1303. }
  1304. #by-site-list li[style="font-size: 0.78em"] a {
  1305.     color: crimson !important;
  1306. }
  1307.  
  1308. #by-site-list li[style="font-size: 0.79em"]{
  1309.     font-size: 2.9em !important;
  1310. }
  1311. #by-site-list li[style="font-size: 0.79em"] a {
  1312.     color: cornsilk  !important;
  1313. }
  1314.  
  1315. /* ==== > 2.91em ===  */
  1316.  
  1317. #by-site-list li[style="font-size: 0.8em"]{
  1318.     font-size: 2.91em !important;
  1319. }
  1320. #by-site-list li[style="font-size: 0.8em"] a {
  1321.     color: cornflowerblue  !important;
  1322. }
  1323.  
  1324. #by-site-list li[style="font-size: 0.81em"]{
  1325.     font-size: 2.92em !important;
  1326. }
  1327. #by-site-list li[style="font-size: 0.81em"] a {
  1328.     color: coral  !important;
  1329. }
  1330.  
  1331. #by-site-list li[style="font-size: 0.82em"]{
  1332.     font-size: 2.93em !important;
  1333. }
  1334. #by-site-list li[style="font-size: 0.82em"] a {
  1335.     color: chocolate !important;
  1336. }
  1337.  
  1338. #by-site-list li[style="font-size: 0.83em"]{
  1339.     font-size: 2.94em !important;
  1340. }
  1341. #by-site-list li[style="font-size: 0.83em"] a {
  1342.     color: chartreuse !important;
  1343. }
  1344.  
  1345.  
  1346. #by-site-list li[style="font-size: 0.85em"]{
  1347.     font-size: 2.945em !important;
  1348. }
  1349. #by-site-list li[style="font-size: 0.85em"] a {
  1350.     color: cadetblue !important;
  1351. }
  1352. #by-site-list li[style="font-size: 0.85em"]:nth-child(odd) a {
  1353.     color: orangered!important;
  1354. }
  1355. #by-site-list li[style="font-size: 0.85em"]:nth-child(even) a {
  1356.     color: indianred !important;
  1357. }
  1358. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+2) a {
  1359.     color: tomato !important;
  1360. }
  1361. #by-site-list li[style="font-size: 0.85em"]:nth-child(3n+3) a {
  1362.     color: mediumturquoise !important;
  1363. }
  1364. #by-site-list li[style="font-size: 0.85em"]:nth-child(4n+7) a {
  1365.     color: greenyellow !important;
  1366. }
  1367.  
  1368.  
  1369. #by-site-list li[style="font-size: 0.89em"] {
  1370.     font-size: 2.96em !important;
  1371. }
  1372. #by-site-list li[style="font-size: 0.89em"]:nth-child(odd) a {
  1373.     color: darkturquoise !important;
  1374. }
  1375. #by-site-list li[style="font-size: 0.89em"]:nth-child(even) a {
  1376.     color: mediumorchid !important;
  1377. }
  1378.  
  1379. #by-site-list li[style="font-size: 0.99em"] {
  1380.     font-size: 2.965em !important;
  1381. }
  1382. #by-site-list li[style="font-size: 0.99em"]:nth-child(odd) a {
  1383.     color: darkturquoise !important;
  1384. }
  1385. #by-site-list li[style="font-size: 0.99em"]:nth-child(even) a {
  1386.     color: mediumorchid !important;
  1387. }
  1388.  
  1389. /* (new101) (COR) - GREASY FORK - LIGHTBOX - POSITION - === */
  1390. /* SOURCE - SUPP "Source" - ==== */
  1391. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after {
  1392.     position: relative !important;
  1393.     display: inline-block !important;
  1394.     float: right !important;
  1395.     clear: both !important;
  1396.     content: " 🔻 Preview 🔻 " !important;
  1397.     height: 15px !important;
  1398.     line-height: 12px !important;
  1399.     width: 140px!important;
  1400.     margin-top: 57px!important;
  1401.     margin-right: -83px !important;
  1402.     border-right: 1px solid peru !important;
  1403.     border-left: 1px solid peru !important;
  1404.     border-top: 1px solid peru !important;
  1405.     transform: rotate(90deg) !important;
  1406.     text-align: center !important;
  1407.     letter-spacing: 1.7px;
  1408.     background: black !important;
  1409.     z-index: 5000 !important;
  1410.     border: 1px solid gold !important;
  1411. }
  1412.  
  1413. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots {
  1414.     position: absolute!important;
  1415.     display: inline-block!important;
  1416.     height: 130px !important;
  1417.     width: 97.5%!important;
  1418.     top: -160px!important;
  1419.     text-align: right!important;
  1420.     border: 1px solid peru !important;
  1421.     background: black !important;
  1422.     clip: rect(0px, 990px, 145px , 945px)!important;
  1423.     transition: all ease 1.5s !important;
  1424. }
  1425. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover {
  1426.     background: red !important;
  1427.     clip: rect(0px, 947px, 145px , 0px)!important;
  1428.     z-index: 5000!important;
  1429. }
  1430.  
  1431. .script-screenshots .fancybox {
  1432.     position: relative !important;
  1433.     display: inline-block !important;
  1434.     float: right !important;
  1435.     clear:left !important;
  1436.     height: 120px !important;
  1437.     width: 160px!important;
  1438.     margin-right: 5px!important;
  1439.     margin-left: 5px !important;
  1440. }
  1441. .script-screenshots .fancybox:not([title=""]):after {
  1442.     content: attr(title) !important;
  1443.     position: relative !important;
  1444.     display: inline-block !important;
  1445.     height: 10px !important;
  1446.     line-height: 10px !important;
  1447.     width: 145px!important;
  1448.     float: right !important;
  1449.     clear: both !important;
  1450.     margin-right: 0px !important;
  1451.     margin-top: 5px!important;
  1452.     padding: 2px 5px !important;
  1453.     border-radius: 5px !important;
  1454.     font-size: 10px !important;
  1455.     text-align: left !important;
  1456.     text-overflow: ellipsis !important;
  1457.     white-space: nowrap !important;
  1458.     overflow: hidden !important;
  1459.     background: #333 !important;
  1460. }
  1461.  
  1462.  
  1463. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  1464. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  1465. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  1466. ==== */
  1467. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  1468.     display: inline-block !important;
  1469. }
  1470. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  1471.     position: relative !important;
  1472.     display: inline-block !important;
  1473.     height: 100% !important;
  1474.     min-height: 100px !important;
  1475.     max-height: 100px !important;
  1476.     max-width: 98% !important;
  1477.     margin: 0 auto !important;
  1478.     border: 1px solid orange !important;
  1479.     border-radius: 3px;
  1480.     box-shadow: 5px 5px 2px #181818 !important;
  1481.     color: yellow !important;
  1482.     padding: 2px !important;
  1483.     background-color: #2b2b2b !important;
  1484. }
  1485.  
  1486. /* TEST - GM - LANG FILTER - === */
  1487. #greazy-forq-info  {
  1488.     background: rgba(255, 255, 255, 0.55);
  1489.     color: #670000;
  1490.     cursor: pointer;
  1491.     left: 2px;
  1492.     position: fixed;
  1493.     text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  1494.     top: 2px;
  1495.     z-index: 5000!important;
  1496. }
  1497. li.greazy-forq-hiden ,
  1498. .greazy-forq-hiden {
  1499.     border-width: 1px 0 1px 9px !important;
  1500. }
  1501.  
  1502.  
  1503. /* (new79) SCRIPT TABLE - RATING NUMBER - TS CITRUS - === */
  1504. .good-rating-count,
  1505. .ok-rating-count,
  1506. .bad-rating-count {
  1507.     border-radius: 2px!important;
  1508.     display: inline-block !important;
  1509.     min-width: 15px!important;
  1510.     height: 13px !important;
  1511.     line-height: 11px !important;
  1512.     padding: 0px 2px !important;
  1513.     margin-right: 2px!important;
  1514.     margin-left: -2px!important;
  1515.     text-align: center !important;
  1516.     text-indent: 0px !important;
  1517. }
  1518. .total-rating-count  {
  1519.     display: table-cell !important;
  1520.     width: 100% !important;
  1521.     height: 13px !important;
  1522.     line-height: 13px !important;
  1523.     padding: 0px 2px !important;
  1524.     border-radius: 2px!important;
  1525. }
  1526.  
  1527.  
  1528. /* (new94) TEST GREASYFORK - POST COMMENT - FIRST (cf #Form_Body) + RE EDIT */
  1529. /* FIRST  */
  1530. textarea#Form_Body.textarea-autosize {
  1531.     height: 138px;
  1532.     min-height: 50px;
  1533.     min-width: 670px !important;
  1534.     overflow: hidden;
  1535.     resize: vertical !important;
  1536.     word-wrap: break-word;
  1537. /* outline: 1px solid red ; */
  1538. }
  1539. .FormWrapper>form {
  1540.     margin-left: -23px;
  1541.     margin-top: 27px;
  1542.     width: 681px !important;
  1543. /* outline: 1px solid red ; */
  1544. }
  1545. /* FIRST */
  1546. #vanilla_post_discussion #DiscussionForm {
  1547.     position: relative;
  1548.     display: inline-block;
  1549.     width: 682px ;
  1550.     top: 25px ;
  1551.     margin-top: -144px !important;
  1552. }
  1553. #vanilla_post_discussion .FormWrapper {
  1554.     margin-top: -8px ;
  1555. }
  1556.  
  1557. /* RE EDIT / MODIF  */
  1558. #vanilla_post_editdiscussion #DiscussionForm {
  1559.     position: relative;
  1560.     display: inline-block;
  1561.     width: 682px ;
  1562.     top: 39px ;
  1563.     margin-top: -144px !important;
  1564.     left: -22px;
  1565. }
  1566. #vanilla_post_editdiscussion  .FormWrapper>form {
  1567.     margin-left: 0px ;
  1568. }
  1569.  
  1570. /* LARGE - HTLM EDIT COMMENT - FORUM USERSTYLES - HELPER on HOVER -  GM - === */
  1571. .RadioLabel[for="Form_Format"] {
  1572.     display: inline-block!important;
  1573.     width: 116px !important;
  1574.     border: 1px solid green !important;
  1575.     margin-bottom: 2px !important;
  1576. }
  1577. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM - WITHOUT GM */
  1578. .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1579.     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;
  1580.     position: absolute !important;
  1581.     display: inline-block !important;
  1582.     width: 659px !important;
  1583.     height: 325px !important;
  1584.     margin-top: -338px !important;
  1585.     margin-left: -40px !important;
  1586.     padding: 5px !important;
  1587.     color: peru !important;
  1588.     border-radius: 4px 4px 20px 20px !important;
  1589.     background: black !important;
  1590.     white-space: pre-line !important;
  1591.     z-index: 500 !important;
  1592.     opacity: 1 !important;
  1593.     overflow:hidden !important;
  1594.     overflow-y: auto !important;
  1595.     transition: all 0.7s!important;
  1596.     transition: all ease 0.7s !important;
  1597.     border: 4px solid GREEN !important;
  1598. }
  1599.  
  1600. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1601. #vanilla_post_discussion .bodybox-wrap > .RadioLabel[for="Form_Format"]:hover:after {
  1602.     position: absolute !important;
  1603.     display: inline-block !important;
  1604.     width: 430px !important;
  1605.     height: 500px !important;
  1606.     top: 460px !important;
  1607.     left: 40px !important;
  1608.     border: 4px DOTTED GREEN !important;
  1609. }
  1610.  
  1611. /* HTLM WITH GM */
  1612. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"]:hover:after {
  1613.     display: none !important;
  1614. }
  1615. /* .bodybox-wrap:hover:after , */
  1616. .bodybox-wrap .Button +  .RadioLabel[for="Form_Format"] a:hover:after {
  1617.     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;
  1618.     position: absolute !important;
  1619.     display: inline-block !important;
  1620.     width: 638px !important;
  1621.     height: 400px !important;
  1622.     margin-top: -398px !important;
  1623.     margin-left: -40px !important;
  1624.     padding: 5px !important;
  1625.     color: peru !important;
  1626.     border: 1px dotted GREEN !important;
  1627.     border-radius: 4px 4px 0px 20px !important;
  1628.     background: black !important;
  1629.     white-space: pre-line !important;
  1630.     z-index: 500 !important;
  1631.     opacity: 1 !important;
  1632.     overflow:hidden !important;
  1633.     overflow-y: auto !important;
  1634.     transition: all 0.7s!important;
  1635.     transition: all ease 0.7s !important;
  1636. }
  1637.  
  1638.  
  1639. /* (new60) LARGE - MARKDOWN - Hover on (?)  FOR for GM "Markdown toolbar for GreasyFork and UserStyles":
  1640. https://greasyfork.org/scripts/6779
  1641. === */
  1642. .RadioLabel[for="Form_Format1"] {
  1643.     position: relative !important;
  1644.     display: inline-block !important;
  1645.     width: 130px !important;
  1646.     border: 1px solid YELLOW !important;
  1647. }
  1648.  
  1649. /* (new126) NEED CONVERT for Addstylish lib -  MARKDOWN - WITH GM -
  1650. INFOS: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#code-and-syntax-highlighting
  1651. Request: https://greasyfork.org/fr/forum/discussion/51141/help-how-to-make-it-work-when-occur-a-dynamically-change-in-the-page#latest
  1652. === */
  1653. .editor-help-text>a[href="http://fr.wikipedia.org/wiki/Markdown"]:hover:after ,
  1654. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"] a:hover:after {
  1655.     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 TEXT ( [ ...] ):   \A [This is a link](http://www.darkcoding.net)  \A \25B6 BLOCKQUOTE with ( > ) and for Long BLOCKQUOTE, break line by adding other ( > ):  \A > This is quoted.     \A \25B6 CODE :   \A Need to Indent Code 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 CODE INLINE:  \A Inline code is `escaped` with backticks (`) \A \25B6 LISTS  \A \25B6 UNORDERED LISTS : with *, + or - :  \A * This  \A * is  \A * a list  \A \25B6 ORDERED LISTS : with number followed by period (.)  \A 1. with  \A 1. numbers  \A  \25B6 HORIZONTAL LINES with ( - )  : \A Three or more dashes ( - ) ----   \A \25B6 Emphasis   \A ITALIC with a single underscore ( _ )or ONE asterix ( * ) , BOLD with TWO ( * )  :   \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;
  1656.     position: absolute !important;
  1657.     display: inline-block !important;
  1658.     width: 500px !important;
  1659.     height: 410px !important;
  1660.     line-height: 15px !important;
  1661.     margin-top: -428px !important;
  1662.     margin-left: -66px !important;
  1663.     padding: 16px !important;
  1664.     color: peru !important;
  1665.     border: 1px dotted YELLOW !important;
  1666.     border-radius: 4px 4px 0px 20px !important;
  1667.     background: black !important;
  1668.     white-space: pre-line !important;
  1669.     z-index: 500 !important;
  1670.     opacity: 1 !important;
  1671.     visibility: visible !important;
  1672.     overflow:hidden !important;
  1673.     overflow-y: auto !important;
  1674.     transition: all 0.7s!important;
  1675. }
  1676.  
  1677. /* HTLM WITH GM */
  1678. .bodybox-wrap .Button + .RadioLabel[for="Form_Format"] + .RadioLabel[for="Form_Format1"]:hover:after {
  1679.     display: none !important;
  1680. }
  1681. /* (new60) NEDD CONVERT for Addstylish lib -  HTLM WITHOUT GM */
  1682. .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1683.     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;
  1684.     position: absolute !important;
  1685.     display: inline-block !important;
  1686.     width: 520px !important;
  1687.     height: 320px !important;
  1688.     margin-top: -342px !important;
  1689.     margin-left: -66px !important;
  1690.     padding: 10px !important;
  1691.     color: peru !important;
  1692.     border-radius: 4px 4px 20px 20px !important;
  1693.     white-space: pre-line !important;
  1694.     z-index: 500 !important;
  1695.     opacity: 1 !important;
  1696.     visibility: visible !important;
  1697.     overflow:hidden !important;
  1698.     overflow-y: auto !important;
  1699.     transition: all 0.7s!important;
  1700. border: 4px solid YELLOW !important;
  1701.     background: black !important;
  1702. }
  1703. /* HTLM - WITHOUT GM - OPEN A NEW DISCUSSION */
  1704. #vanilla_post_discussion .bodybox-wrap .RadioLabel[for="Form_Format1"]:hover:after {
  1705.     position: absolute !important;
  1706.     display: inline-block !important;
  1707.     width: 420px !important;
  1708.     height: 500px !important;
  1709.     margin-left: 80px !important;
  1710.     top: 255px !important;
  1711.     left: -525px !important;
  1712.     font-size: 12px !important;
  1713. border: 4px DOTTED YELLOW !important;
  1714. }
  1715.  
  1716. .bodybox-wrap .RadioLabel[for="Form_Format2"] a:after ,
  1717. .bodybox-wrap .RadioLabel[for="Form_Format2"]:after ,
  1718. .bodybox-wrap .RadioLabel[for="Form_Format1"]:after {
  1719. visibility: hidden !important;
  1720.     opacity: 0!important;
  1721. }
  1722.  
  1723. /* (new66) PROFILE INFOS - without sript - === */
  1724. #main-header + .width-constraint .text-content #user-profile + section header {
  1725.     margin-bottom: 2px !important;
  1726.     margin-top: -18px !important;
  1727. }
  1728. /* (new76) PROFILE INFOS - CITRUS */
  1729. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  1730.     margin-bottom: 2px !important;
  1731.     margin-top: -9px !important;
  1732. }
  1733. .width-constraint #script-list-option-groups.list-option-groups + header {
  1734.     display: inline-block !important;
  1735.     float: right !important;
  1736.     width: 778px !important;
  1737.     min-height: 25px !important;
  1738.     max-height: 25px !important;
  1739.     line-height: 0px !important;
  1740.     margin-right: -26px !important;
  1741.     margin-top: 0px !important;
  1742. }
  1743. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  1744.     display: inline-block !important;
  1745.     width: 779px !important;
  1746.     min-height: 25px !important;
  1747.     max-height: 25px !important;
  1748.     line-height: 20px !important;
  1749.     margin-top: -3px !important;
  1750.     text-align: center !important;
  1751.     background: #222 !important;
  1752. }
  1753. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  1754.     display: inline-block !important;
  1755.     float: right !important;
  1756.     width: 778px !important;
  1757.     min-height: 844px !important;
  1758.     margin-top: 25px !important;
  1759.     margin-right: -29px !important;
  1760. }
  1761.  
  1762.  
  1763. /* (new94) USER PROFILE - === */
  1764. .script-list,
  1765. .user-list,
  1766. .text-content {
  1767.     display: inline-block !important;
  1768.     margin-top: 0px !important;
  1769.     box-shadow: 3px 3px 2px black !important;
  1770.     background-color: #222 !important;
  1771. }
  1772. #user-profile>p {
  1773.     margin-top: 0 !important;
  1774. }
  1775. .text-content {
  1776.     width: 100% !important;
  1777. }
  1778.  
  1779. .white-panel,
  1780. #user-discussions-on-scripts-written,
  1781. #control-panel,
  1782. #user-profile {
  1783.     background-color: transparent !important;
  1784. }
  1785.  
  1786. /* (new74) PROFILE INFOS - WITH / WITHOUT CITRUS  - PERSONALPROFILE and USREPROFILE - === */
  1787. body[pagetype="PersonalProfile"] #main-header + .width-constraint ,
  1788. body[pagetype="UserProfile"] #main-header + .width-constraint {
  1789.     margin-top: 45px !important;
  1790.     max-width: 980px !important;
  1791.     background: #222 !important;
  1792. }
  1793. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel ,
  1794. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content {
  1795.     display: inline-block  !important;
  1796.     max-width: 980px !important;
  1797.     box-shadow: none !important;
  1798. }
  1799.  
  1800. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content {
  1801.     box-shadow: none !important;
  1802.     padding-bottom: 0 !important;
  1803. }
  1804. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content .white-panel {
  1805.     padding: 0 0 0 10px !important;
  1806. }
  1807.  
  1808. /* (new73) FAVORIS SCRIPTS - without CITRUS */
  1809. .width-constraint section.text-content + section {
  1810.     margin-top: 25px !important;
  1811.     margin-bottom: 10px !important;
  1812. }
  1813. .width-constraint section.text-content + section header {
  1814.     margin-top: -31px !important;
  1815.     margin-bottom: -10px !important;
  1816. }
  1817. #user-script-sets {
  1818.     margin-top: 0px !important;
  1819.     padding-top: 10px !important;
  1820.     padding-left: 0px !important;
  1821. }
  1822.  
  1823.  
  1824. /* (new73) FAVORIS SCRIPTS - CITRUS - PERSONALPROFILE and USREPROFILE */
  1825. body[pagetype="UserProfile"] #main-header + .width-constraint >section.text-content + section .white-panel {
  1826.     display: inline-block  !important;
  1827.     margin-top: -18px !important;
  1828. }
  1829. body[pagetype="UserProfile"] #main-header + .width-constraint section.text-content + section header {
  1830.     margin-top: -31px !important;
  1831.     margin-bottom: 10px !important;
  1832. }
  1833.  
  1834.  
  1835. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE */
  1836.  
  1837. #user-profile {
  1838.     display: inline-block !important;
  1839.     min-width: 910px;
  1840.     max-width: 910px;
  1841.     min-height: 21px!important;
  1842.     max-height: 21px!important;
  1843.     padding-bottom: 8px !important;
  1844.     padding-top: 2px !important;
  1845.     overflow: hidden!important;
  1846.     transition: all ease 0.2s !important;
  1847. }
  1848.  
  1849. body[pagetype="PersonalProfile"] #user-profile ,
  1850. body[pagetype="UserProfile"] #user-profile {
  1851.     display: inline-block !important;
  1852.     min-width: 930px;
  1853.     max-width: 930px;
  1854.     background-color: white;
  1855.     min-height: 21px!important;
  1856.     max-height: 21px!important;
  1857.     padding-bottom: 18px !important;
  1858.     padding-top: 0px !important;
  1859.     overflow: hidden!important;
  1860.     transition: all ease 0.2s !important;
  1861. }
  1862. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - HOVER */
  1863. #user-profile:hover {
  1864.     display: inline-block !important;
  1865.     min-height: 21px !important;
  1866.     max-height: 200px !important;
  1867.     background: black!important;
  1868.     overflow-y: auto !important;
  1869.     transition: all ease 0.7s !important;
  1870. }
  1871. body[pagetype="PersonalProfile"] #user-profile:hover ,
  1872. body[pagetype="UserProfile"] #user-profile:hover {
  1873.     display: inline-block !important;
  1874.     min-height: 21px !important;
  1875.     max-height: 200px !important;
  1876.     background: black!important;
  1877.     overflow-y: auto !important;
  1878.     transition: all ease 0.7s !important;
  1879. }
  1880.  
  1881. /* (new76) USER PROFILE - PERSONALPROFILE and USREPROFILE - TXT "HOVER IT" - HOVER */
  1882. .width-constraint > .text-content #user-profile:after {
  1883.     position: absolute !important;
  1884.     display: inline-block !important;
  1885.     top: 107px !important;
  1886.     margin-left: -255px !important;
  1887.     content: " (hover it !)" !important;
  1888.     font-size: 9px !important;
  1889.     color: tomato !important;
  1890. }
  1891. body[pagetype="UserProfile"] .width-constraint > .text-content #user-profile:after  {
  1892.     top: 99px !important;
  1893.     margin-left: 0px !important;
  1894.     color: red !important;
  1895. }
  1896.  
  1897. body[pagetype="PersonalProfile"] .width-constraint > .text-content #user-profile:after {
  1898.     top: 99px !important;
  1899.     margin-left: -220px !important;
  1900.     color: green !important;
  1901. }
  1902.  
  1903. /* A SUPP ?? */
  1904. #user-profile>h1:not(:hover){
  1905.     margin-bottom: -5px !important;
  1906. }
  1907. #user-profile>h1:not(:hover):after {
  1908.     margin-top: -3px !important;
  1909.     content: " (hover it !)" !important;
  1910.     font-size: 9px !important;
  1911.     color: tomato !important;
  1912. }
  1913. #user-profile>a:hover {
  1914.     color: tomato !important;
  1915. }
  1916. #user-discussions-on-scripts-written  {
  1917.     min-width: 930px !important;
  1918.     max-width: 930px !important;
  1919.     margin: auto !important;
  1920.     padding-bottom: 18px !important;
  1921.     padding-top: 0px !important;
  1922.     background-color: white;
  1923. }
  1924. #user-discussions-on-scripts-written ~ #script-table tbody tr td:nth-child(2) {
  1925.     max-width: 385px !important;
  1926.     word-wrap: break-word !important;
  1927. }
  1928. .width-constraint .text-content section#user-profile  + section + section #script-list-option-groups.list-option-groups {
  1929.     display: inline-block !important;
  1930.     float: left !important;
  1931.     margin-left: -15px !important;
  1932.     margin-top: 20px !important;
  1933. }
  1934.  
  1935.  
  1936. /* (new66) USER PROFILE -  SETS - for long SETS DESCRIPTION - wiyh / without GM " CITRUS" OK - === */
  1937. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1938.     display: inline-block!important;
  1939.     margin-left: -13px !important;
  1940.     margin-bottom: 0 !important;
  1941.     margin-top: -14px !important;
  1942.     padding-left: 6px !important;
  1943. }
  1944.  
  1945. /* CITRUS */
  1946. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  1947.     display: inline-block!important;
  1948.     margin-left: -13px !important;
  1949.     margin-top: 4px !important;
  1950.     padding-left: 6px !important;
  1951. }
  1952.  
  1953. #user-script-sets>li {
  1954.     display: inline-block !important;
  1955.     float: right ;
  1956.     clear: both ;
  1957.     width: 935px !important;
  1958.     line-height: 20px !important;
  1959.     margin-bottom: 2px !important;
  1960.     padding: 0 5px !important;
  1961.     text-indent: -18px !important;
  1962. }
  1963. #user-script-sets>li:nth-child(odd)  {
  1964.     background: #333 !important;
  1965. }
  1966. #user-script-sets>li:nth-child(even) {
  1967.     background: black !important;
  1968. }
  1969. #user-script-sets>li:hover {
  1970.     color: tomato !important;
  1971. }
  1972. #user-script-sets>li:before {
  1973.     content: " ▶   " ;
  1974. }
  1975.  
  1976. #user-script-sets>li a[href*="/scripts?set="] {
  1977.     display: inline-block !important;
  1978.     width: 17px !important;
  1979.     line-height: 20px !important;
  1980.     margin-bottom: -3px !important;
  1981.     font-size: 10px !important;
  1982.     color: transparent !important;
  1983.     white-space: nowrap !important;
  1984.     overflow: hidden !important;
  1985. }
  1986. #user-script-sets>li a[href*="/scripts?set="]:before {
  1987.     position: relative ;
  1988.     display: inline-block !important;
  1989.     float: left ;
  1990.     height: 100% ;
  1991.     max-height: 15px ;
  1992.     min-height: 15px ;
  1993.     width: 100% ;
  1994.     min-width: 25px ;
  1995.     max-width: 25px ;
  1996.     margin-left: -2px ;
  1997.     top: 4px ;
  1998.     color: transparent;
  1999.     content: " ";
  2000.     background-repeat: no-repeat;
  2001.     background-color: rgba(55, 173, 227, 0.4) ;
  2002.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  2003.     background-position: 3px -650px !important;
  2004. }
  2005. #user-script-sets>li:hover>a[href$="/edit"] {
  2006.     display: inline-block !important;
  2007.     height: 15px !important;
  2008.     line-height: 18px !important;
  2009.     margin-left: 15px !important;
  2010.     color: gold !important;
  2011.     padding: 2px 4px !important;
  2012. }
  2013. #user-script-sets>li:hover>a:not([href$="/edit"]) {
  2014.     display: inline-block !important;
  2015. }
  2016. #user-script-sets>li>a[href$="/edit"]:hover  ,
  2017. #user-script-sets>li>a:not([href$="/edit"]):hover {
  2018. /*     color: white !important; */
  2019. /*     transition: background ease 0.8s !important; */
  2020. }
  2021.  
  2022. /* TS CITRUS - SETS - USER SETS (ON HOVER) - #script-table +  - === */
  2023. #main-header + #script-table + .pagination + #UserSets ,
  2024. #main-header + #script-table + #UserSets {
  2025.     position: fixed !important;
  2026.     left: 27.5% !important;
  2027.     top: 48px!important;
  2028.     padding: 2px 10px;
  2029.     background-color: yellow;
  2030.     border-radius: 5px;
  2031.     z-index: 200!important;
  2032.     z-index: 200000 !important;
  2033.     opacity: 1 !important;
  2034. }
  2035.  
  2036. #main-header + #script-table + .pagination + #UserSets:before ,
  2037. #main-header + #script-table + #UserSets:before {
  2038.     background-color: yellow;
  2039.     border-radius: 5px;
  2040.     content: "Your Sets ▼ " !important;
  2041.     display: inline-block !important;
  2042.     left: 27.5% !important;
  2043.     padding: 1px 5px !important;
  2044.     position: fixed !important;
  2045.     top: 48px !important;
  2046.     font-size: 12px !important;
  2047.     visibility: visible !important;
  2048.     z-index: 200000 !important;
  2049.     opacity: 1 !important;
  2050. }
  2051. #main-header + #script-table + .pagination + #UserSets:hover ,
  2052. #main-header + #script-table + #UserSets:hover {
  2053.     opacity: 1 !important;
  2054.     visibility: visible !important;
  2055. }
  2056.  
  2057. /* ==== TEST - FAVORITS  /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" - === */
  2058.  
  2059. /* TEST - FAVORITS / SETS PAGES - TXT "FAVORIS BY...." - === */
  2060. #UserSets +.width-constraint>h3 {
  2061.     position: fixed !important;
  2062.     display: inline-block !important;
  2063.     width: 300px !important;
  2064.     height: 20px !important;
  2065.     line-height: 17px !important;
  2066.     top: 60px !important;
  2067.     margin-left: 250px !important;
  2068.     padding: 0 2px !important;
  2069.     font-size: 12px !important;
  2070.     text-align: left !important;
  2071.     border-radius: 3px !important;
  2072.     background: #333 !important;
  2073. }
  2074. #UserSets +.width-constraint>h3 a {
  2075.     display: inline-block !important;
  2076.     max-width: 80px !important;
  2077.     height: 15px !important;
  2078.     line-height: 15px !important;
  2079.     margin-top: 0px !important;
  2080.     font-size: 13px !important;
  2081.     color: gold !important;
  2082.     white-space: nowrap !important;
  2083.     overflow: hidden !important;
  2084.     text-overflow: ellipsis !important;
  2085. }
  2086. #UserSets +.width-constraint>h3 a:hover {
  2087.     color: tomato !important;
  2088. }
  2089. #UserSets +.width-constraint>h3 >a[href$="/edit"] {
  2090.     position: absolute !important;
  2091.     display: inline-block !important;
  2092.     height: 15px !important;
  2093.     line-height: 15px !important;
  2094.     width: 40px !important;
  2095.     top: 2px !important;
  2096.     margin-left: 25% !important;
  2097.     padding: 2px 2px 2px 15px !important;
  2098.     border-radius: 3px !important;
  2099.     font-size: 14px !important;
  2100.     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;
  2101.     opacity: 0 !important;
  2102.     z-index: 1500 !important;
  2103. }
  2104. #UserSets +.width-constraint>h3:hover >a[href$="/edit"] {
  2105.     position: absolute !important;
  2106.     display: inline-block !important;
  2107.     height: 15px !important;
  2108.     line-height: 15px !important;
  2109.     width: 40px !important;
  2110.     top: 20px !important;
  2111.     margin-left: 27% !important;
  2112.     padding: 2px 2px 2px 15px !important;
  2113.     border-radius: 3px !important;
  2114.     font-size: 14px !important;
  2115.     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;
  2116.     opacity: 1 !important;
  2117.     z-index: 1500 !important;
  2118. }
  2119.  
  2120. /* TEST - FAVORITS / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" - === */
  2121. #UserSets + .width-constraint>p {
  2122.     padding: 2px 2px 2px 20px !important;
  2123.     z-index: 500 !important;
  2124.     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;
  2125. }
  2126. #UserSets + .width-constraint>p {
  2127.     padding: 2px 2px 2px 20px !important;
  2128.     z-index: 500 !important;
  2129.     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;
  2130. }
  2131.  
  2132. /* TEST - FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - ===  */
  2133. #UserSets + .width-constraint h3:not(:hover)  ~ p:nth-last-of-type(n+2):not(:hover):before ,
  2134. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n+2):not(:hover):before {
  2135.     content: "► Desc " !important;
  2136.     position: fixed !important;
  2137.     min-width: 60px !important;
  2138.     max-width: 60px !important;
  2139.     top: 71px !important;
  2140.     margin-left: -290px !important;
  2141.     padding: 2px 2px 2px 10px !important;
  2142.     border-radius: 3px !important;
  2143.     font-size: 13px !important;
  2144.     font-weight: bolder !important;
  2145.     color: gold !important;
  2146.     overflow: hidden !important;
  2147.     text-overflow: ellipsis !important;
  2148.     white-space: nowrap !important;
  2149.     z-index: 500 !important;
  2150.     background: rgba(145, 124, 124, 0.42)!important;
  2151.     pointer-events: none !important;
  2152. }
  2153. #UserSets + .width-constraint h3  ~ p:nth-last-of-type(n+2) ,
  2154. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2) {
  2155.     position: fixed !important;
  2156.     min-width: 185px !important;
  2157.     max-width: 185px !important;
  2158.     top: 31px !important;
  2159.     margin-left: 760px !important;
  2160.     padding: 2px 2px 2px 10px !important;
  2161.     border-radius: 3px !important;
  2162.     font-size: 15px !important;
  2163.     font-weight: bolder !important;
  2164.     color: peru !important;
  2165.     overflow: hidden !important;
  2166.     text-overflow: ellipsis !important;
  2167.     white-space: nowrap!important;
  2168.     z-index: 500 !important;
  2169.     background: rgba(145, 124, 124, 0.42)!important;
  2170. }
  2171. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n+2),
  2172. .width-constraint h3:hover  + .script-author-description ~ p:nth-last-of-type(n+2) ,
  2173. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n+2):hover ,
  2174. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n+2):hover {
  2175.     position: fixed !important;
  2176.     height: auto !important;
  2177.     min-width: 385px !important;
  2178.     max-width: 385px !important;
  2179.     top: 31px !important;
  2180.     margin-left: 530px !important;
  2181.     padding: 2px 40px 20px 40px !important;
  2182.     border: 1px solid peru !important;
  2183.     border-radius: 5px !important;
  2184.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important; 
  2185.     font-size: 15px !important;
  2186.     font-weight: bolder !important;
  2187.     color: white !important;
  2188.     overflow: hidden !important;
  2189.     white-space: normal !important;
  2190.     text-align: left !important;
  2191.     z-index: 500 !important;
  2192.     background: black !important;
  2193.     transition: all ease 0.7s !important;
  2194. }
  2195.  
  2196. /* (new74) MEDIA QUERIE - FAVORITS / SETS PAGES - === */
  2197. @media screen and (max-width: 1400px) {
  2198.  
  2199. /* #main-header + #script-table + #UserSets */
  2200. #UserSets {
  2201.     margin-left: -10% !important;
  2202.     z-index: 5000 !important;
  2203. }
  2204. /* #main-header + #script-table + #UserSets:before */
  2205. #UserSets:before {
  2206.     margin-left: -15% !important;
  2207.     z-index: 5000 !important;
  2208. }
  2209.  
  2210. #UserSets + .width-constraint .pagination  {
  2211.     margin-left: -10% !important;
  2212. }
  2213. /* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */
  2214. }
  2215.  
  2216.  
  2217.  
  2218.  
  2219. /* GREASY FORK - FORUM - PROFILE PAGE - === */
  2220. .PhotoWrap a.ChangePicture {
  2221.     display: block;
  2222.     top: 15px !important;
  2223.     color: gold !important;
  2224.     z-index: 5000 !important;
  2225.     transition: all ease 0.2s !important;
  2226. }
  2227. .PhotoWrap:hover a.ChangePicture {
  2228.     display: block;
  2229.     top: 70px !important;
  2230.     color: gold !important;
  2231.     transition: all ease 0.7s !important;
  2232. }
  2233. .PhotoWrap:hover a.ChangePicture span {
  2234.     color: gold !important;
  2235. }
  2236. #dashboard_profile_index #Content.Column.ContentColumn ,
  2237. #dashboard_profile_discussions #Content.Column.ContentColumn {
  2238.     margin-top: 70px!important;
  2239. }
  2240. .About dd {
  2241.     color: peru !important;
  2242. }
  2243. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  2244. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  2245. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  2246.     position: fixed !important;
  2247.     display: inline-block !important;
  2248.     width: 742px !important;
  2249.     top: 54px !important;
  2250.     margin-left: -7px !important;
  2251.     padding: 5px !important;
  2252.     border-bottom: 1px solid peru !important;
  2253.     background: black !important;
  2254.     z-index: 200 !important;
  2255. }
  2256. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions  ,
  2257. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions  ,
  2258. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions {
  2259.     position: fixed !important;
  2260.     display: inline-block !important;
  2261.     top: 69px !important;
  2262.     margin-left: -158px !important;
  2263.     z-index: 5000 !important;
  2264.     background: transparent !important;
  2265. }
  2266. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2267. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile ,
  2268. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  2269.     position: fixed!important;
  2270.     display: inline-block !important;
  2271.     min-width: 20px !important;
  2272.     max-width: 20px !important;
  2273.     top: 99px !important;
  2274.     margin-left: -58px !important;
  2275.     padding: 3px 10px  3px 3px!important;
  2276.     box-shadow: none !important;
  2277.     text-shadow: none !important;
  2278.     z-index: 202 !important;
  2279. background: red !important;
  2280. }
  2281. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2 ,
  2282. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2 ,
  2283. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  2284.     top: 24px!important;
  2285.     position: fixed!important;
  2286.     display: inline-block;
  2287.     z-index: 250!important;
  2288.     color: peru!important;
  2289.     width: 678px!important;
  2290.     text-align: left;
  2291.     background: black;
  2292.     padding: 2px 5px!important;
  2293. border: 1px solid peru!important;
  2294. }
  2295. #dashboard_profile_notifications #Content.Column.ContentColumn  .ProfileOptions + .Profile  ,
  2296. #dashboard_profile_comments #Content.Column.ContentColumn  .ProfileOptions +.Profile  ,
  2297. #dashboard_profile_discussions #Content.Column.ContentColumn  .ProfileOptions +.Profile {
  2298. margin-top: 70px !important;
  2299. }
  2300. #conversations_messages_all .Condensed.DataList.Conversations {
  2301.     margin-top: 42px !important;
  2302. }
  2303. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  2304.     margin-top: -70px !important;
  2305. }
  2306. /* (new90) GREASYFORK FORUM - PROFILE BUTTON */
  2307. #dashboard_profile_discussions .About>dt:last-of-type  {
  2308.     position: absolute !important;
  2309.     display: inline-block !important;
  2310.     width: 23% !important;
  2311.     height: 18px !important;
  2312.     line-height: 18px !important;
  2313.     top: 5px !important;
  2314.     left: 74%!important;
  2315.     padding: 2px 2px 2px 15px !important;
  2316.     border-radius: 3px !important;
  2317.     font-size: 15px !important;
  2318.     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;
  2319. }
  2320. /* (new66) GEASY FORK - WITHOUT GM - SCRIPTS LIST(work with TS CITRUS enable) - === */
  2321. #user-script-list>li>article ,
  2322. #browse-script-list>li>article {
  2323.     padding: 2px 5px !important;
  2324.     width: 720px !important;
  2325. }
  2326. /* CIRTUS */
  2327. .script-list dt {
  2328.     width: 12em;
  2329.     clear: left;
  2330.     float: left;
  2331.     padding-left: 5px!important;
  2332.     padding-right: 1em;
  2333.     font-weight: bold;
  2334.     text-align: left !important;
  2335. border-left: 1px solid peru !important;
  2336. }
  2337. /* (new66) without script */
  2338. #user-script-list>li>article .description ,
  2339. #browse-script-list>li>article .description {
  2340.     display: inline-block!important;
  2341.     width: 100% !important;
  2342.     min-width: 757px !important;
  2343.     max-width: 757px !important;
  2344.     padding-bottom: 4px !important;
  2345.     padding-left: 4px!important;
  2346.     font-size: 15px !important;
  2347.     line-height: 15px !important;
  2348.     border-bottom: 1px solid gray!important;
  2349. border-left: 3px solid red !important;
  2350.     word-wrap: break-word !important;
  2351.     overflow: hidden !important;
  2352. }
  2353. /* CITRUS */
  2354. body[pagetype="UserProfile"]
  2355. #user-script-list>li>article .description ,
  2356. #browse-script-list>li>article .description {
  2357.     display: inline-block!important;
  2358.     width: 100% !important;
  2359.     min-width: 710px !important;
  2360.     max-width: 710px !important;
  2361.     padding-bottom: 4px !important;
  2362.     padding-left: 4px!important;
  2363.     font-size: 15px !important;
  2364.     line-height: 15px !important;
  2365.     border-bottom: 1px solid gray!important;
  2366. border-left: 3px solid red !important;
  2367.     word-wrap: break-word !important;
  2368.     overflow: hidden !important;
  2369. }
  2370. /* mark ELEMENT - === */
  2371. mark {
  2372.     padding: 0px 5px !important;
  2373.     border-radius: 3px!important;
  2374.     background: #DED236 !important;
  2375. }
  2376.  
  2377.  
  2378.  
  2379. /* (new84) ICON USER / SCRIPT - BACKGROUND - === */
  2380. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] ,
  2381. #title-image ,
  2382. .ProfilePhoto.ProfilePhotoMedium ,
  2383. #script-info>header>h2>div img {
  2384.     height: auto !important;
  2385.     max-height: 30px !important;
  2386.     max-width: 30px !important;
  2387.     width: auto !important;
  2388.     margin-top: -3px;
  2389.     padding: 2px !important;
  2390.     background-color: rgba(191, 191, 190, 0.33) !important;
  2391.     border-radius: 5px !important;
  2392.     box-shadow: 0 0 2px #cccccc inset !important;
  2393. }
  2394. #site-name img ,
  2395. #title-image  {
  2396.     background-color: rgba(191, 191, 190, 0.33) !important;
  2397.     background-image: none !important;
  2398. }
  2399. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"] ,
  2400. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"]   {
  2401.     display: inline-block !important;
  2402.     position: relative !important;
  2403.     height: 100% !important;
  2404.     min-height: 30px !important;
  2405.     max-height: 30px !important;
  2406.     width: 100%!important;
  2407.     min-width: 30px !important;
  2408.     max-width: 30px !important;
  2409.     top: -4px !important;
  2410.     padding: 2px!important;
  2411.     background-color: black !important;
  2412.     border-radius: 3px !important;
  2413.     box-shadow: 0 0 2px #cccccc inset !important;
  2414. }
  2415. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  2416.     position: relative !important;
  2417.     display: inline-block !important;
  2418.     top: -3px !important;
  2419.     border-radius: 5px !important;
  2420. }
  2421.  
  2422. /* FORUM COMMENT - POST REPY - PREVIEW + QUOTE with "ol" or not / With AUTHOR or not - === */
  2423. .Preview {
  2424.     background: #454545!important;
  2425.     color: #929292 !important;
  2426.     min-height: 100px;
  2427.     padding: 4px;
  2428. }
  2429. blockquote ,
  2430. blockquote.Quote,
  2431. blockQuote.UserQuote {
  2432.     background: rgba(184, 181, 181, 0.05) !important;
  2433.     border-left: 4px solid rgba(242, 193, 36, 0.37) !important;
  2434. }
  2435.  
  2436. /* (new101) BLOCKQUOTES */
  2437. /* for : https://forum.userstyles.org/discussion/61368/cant-get-regexp-to-work-in-new-version#latest */
  2438. blockquote {
  2439.     width: 608px !important;
  2440.     margin-left: -4px !important;
  2441.     padding: 1px 5px !important;
  2442. }
  2443. .Message>blockquote>div>pre{
  2444.     margin-left: 2px!important;
  2445. }
  2446. .Message>blockquote>pre{
  2447.     width: 97% !important;
  2448. }
  2449. .QuoteText>ol{
  2450.     display: inline-block!important;
  2451.     width: 95%!important;
  2452.     margin-bottom: -28px!important;
  2453.     margin-top: -15px!important;
  2454. }
  2455. .script-author-description>blockquote {
  2456.     margin-left: -4px !important;
  2457.     padding: 1px 5px !important;
  2458.     width: 99% !important;
  2459. }
  2460. /* FORUM COMMENT - POST/EDIT NEW DISCUSSION + ACTIVITIES - === */
  2461. #vanilla_post_editdiscussion #Content.Column.ContentColumn ,
  2462. #vanilla_post_discussion #Content.Column.ContentColumn {
  2463.     width: 689px!important;
  2464.     margin-top: 74px!important;
  2465.     margin-left: 215px!important;
  2466. }
  2467. /* (new79) GREASYFORK different than USERSTYLES - FORUM DISCUSSION - DISSCUSSION CONTAINER - === */
  2468. #Content.Column.ContentColumn ,
  2469. #vanilla_discussion_index #Content.Column.ContentColumn {
  2470.     display: inline-block !important;
  2471.     float: right !important;
  2472.     width: 750px !important;
  2473.     min-height: 770px !important;
  2474.     margin-top: -8px !important;
  2475.     padding: 0 0 0 5px !important;
  2476.     border-radius: 0 0 5px 5px !important;
  2477.     box-shadow: none !important;
  2478.     background: transparent !important;
  2479. }
  2480.  
  2481. /* (new94) GREASYFORK - FORUM - POST A COMMENT - FIRST POST - === */
  2482. .ExtraDiscussionData-Rating .report {
  2483.     width: 584px ;
  2484.     padding: 5px !important;
  2485.     border: 1px solid gray !important;
  2486. }
  2487.  
  2488. /* (new79) GREASYFORK / USERSTYLES - CATEGORIES DISCUSSION LIST */
  2489. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  2490.     margin-top: -37px !important;
  2491. }
  2492.  
  2493. /* (new79) USERSTYLE */
  2494. #Content.Column.ContentColumn .MessageList.Discussion ,
  2495. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  2496.     position: relative !important;
  2497.     top: -28px;
  2498.     margin-bottom: -41px !important;
  2499.     z-index: 10 !important;
  2500. }
  2501.  
  2502.  
  2503. /* (new68) FORUM DISCUSSION - COMMENT FORM -  CONTAINER - === */
  2504. .MessageForm.CommentForm.FormTitleWrapper {
  2505.     padding-left: 15px !important;
  2506. }
  2507.  
  2508. /* (new79) PB DIFF - USERSTYLES / GREASYFORK - FORUM DISCUSSION - DISSCUSSION LIST CONTAINER - === */
  2509. /* GREASYFORK / USERSTYELS */
  2510. .Column.ContentColumn .DataList.Discussions {
  2511.     position: relative !important;
  2512.     display: inline-block !important;
  2513.     width: 727px !important;
  2514.     margin-top: 5px!important;
  2515. }
  2516.  
  2517. /* (new74) PB DIFF - USERSTYLES / GREASYFORK */
  2518. /* GREASYFORK */
  2519. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  2520.     margin-left: 0px !important;
  2521. }
  2522. /* (new74) - USERSTYLES == #Frame .Row .BreadcrumbsWrapper etc...- === */
  2523. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .PageControls.Top + .DataList.Discussions ,
  2524. #vanilla_discussions_mine #Frame #Body .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .DataList.Discussions  {
  2525. /*     margin-left: -20px !important; */
  2526. }
  2527.  
  2528. /* ==== */
  2529.  
  2530. .Profile .DataList.Discussions {
  2531.     position: relative !important;
  2532.     display: inline-block !important;
  2533.     width: 727px !important;
  2534.     margin-top: 107px!important;
  2535. }
  2536. #vanilla_categories_index .DataList.CategoryList {
  2537.     position: relative !important;
  2538.     display: inline-block !important;
  2539.     width: 727px !important;
  2540.     margin-top: 30px!important;
  2541. }
  2542. .DataList.Activities .Item   {
  2543.     position: relative !important;
  2544.     display: inline-block !important;
  2545.     width: 709px !important;
  2546. }
  2547.  
  2548. /* (new79) FORUMS ALL - DISCUSSIONS LIST - HEADER - ===  */
  2549. .HomepageTitle ,
  2550. .H.HomepageTitle {
  2551.     position: fixed !important;
  2552.     width: 733px !important;
  2553.     top: 80px !important;
  2554.     margin-left: 0px !important;
  2555.     padding: 1px 5px 1px 5px !important;
  2556.     border-top: 1px solid peru !important;
  2557.     border-bottom: 1px solid peru!important;
  2558.     color: gold !important;
  2559.     background-color: #222 !important;
  2560.     z-index: 10 !important;
  2561. }
  2562. #vanilla_discussions_participated .HomepageTitle {
  2563.     width: 733px !important;
  2564.     top: 47px !important;
  2565. }
  2566.  
  2567. /* (new79) USERSTYLES FORUM - DISCUSSIONS LIST - HEADER - === */
  2568. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  2569.     width: 747px!important;
  2570.     top: 46px !important;
  2571. }
  2572. .P.PageDescription {
  2573.     position: fixed !important;
  2574.     width: 738px!important;
  2575.     top: 72px !important;
  2576.     padding: 1px 0px 1px 5px !important;
  2577.     color: gold !important;
  2578.     border-bottom: 1px solid red !important;
  2579.     background-color: #222 !important;
  2580.     z-index: 10 !important;
  2581. }
  2582. #vanilla_categories_index .DataList.Discussions {
  2583.     margin-top: 47px !important;
  2584.     border-top: 1px solid peru !important;
  2585. }
  2586.  
  2587. /* PROFILE - DICUSSION LIST -  === */
  2588. .Profile .DataList.Discussions {
  2589.     margin-top: 0px !important;
  2590. }
  2591.  
  2592. /* ACTIVITY PAGE - === */
  2593. .Excerpt>p>a>img {
  2594.     max-width: 671px!important;
  2595. }
  2596. #dashboard_profile_notifications .Item:nth-child(odd) ,
  2597. .Profile .DataList.Discussions .Item:nth-child(odd) ,
  2598. .DataList.SearchResults .Item:nth-child(odd) {
  2599.     background-color: #222 !important;
  2600. }
  2601. #dashboard_profile_notifications .Item:nth-child(even) ,
  2602. .Profile .DataList.Discussions .Item:nth-child(even) ,
  2603. .DataList.SearchResults .Item:nth-child(even) {
  2604.     background-color: #414141 !important;
  2605. }
  2606. #dashboard_profile_notifications .Item:hover ,
  2607. .Profile .DataList.Discussions .Item:hover ,
  2608. .DataList.SearchResults .Item:hover {
  2609.     background-color: rgba(7, 7, 7, 0.57) !important;
  2610.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  2611.     transition: background 0.8s ease 0s !important;
  2612. }
  2613. #dashboard_profile_notifications .Item:hover ,
  2614. .Profile .DataList.Discussions .Item:hover ,
  2615. .DataList.SearchResults .Item:hover {
  2616.     background-color: black !important;
  2617.     z-index: 1 !important;
  2618. }
  2619. /* #dashboard_profile_notifications .Item .ItemContent .Meta a , */
  2620. .DataList.SearchResults .Item .ItemContent .Meta a {
  2621.     font-size: 15px! important;
  2622. }
  2623.  
  2624.  
  2625. /* (new86) GREASYFORK - with / without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  2626. .sidebar-search {
  2627.     position: absolute !important;
  2628. }
  2629.  
  2630. #script-search>input[type="search"] {
  2631.     min-height: 18px !important;
  2632.     line-height: 18px!important;
  2633. }
  2634. #script-search>input[type="submit"] {
  2635.     position: relative;
  2636.     -moz-appearance: none!important;
  2637.     height: 21px !important;
  2638.     line-height: 18px!important;
  2639.     width: 20px !important;
  2640.     top: 3px !important;
  2641.     padding-right: 0 !important;
  2642.     font-size: 12px !important;
  2643.     text-align: center !important;
  2644. }
  2645. #userProfile + ul  #sidebar-search #search-submit {
  2646.     height: 19px !important;
  2647. }
  2648.  
  2649. #search-other-sites {
  2650.     direction: rtl;
  2651.     width: 13px!important;
  2652.     height: 20px!important;
  2653.     padding: 0px !important;
  2654.     line-height: 10px !important;
  2655. }
  2656.  
  2657. /*  GREASYFORK - without TS CITRUS - LINKS in MESSAGE -
  2658. https://greasyfork.org/fr/forum/discussion/2246/please-help-me-convert-bookmarklet-in-user-script-in-order-to-download-artwork-on-soundcloud#latest
  2659. === */
  2660. body:not(.Settings) a:not(.Button) {
  2661.     color: peru!important;
  2662. }
  2663.  
  2664. /* (new74) GREASYFORK - without TS CITRUS - FORUM HEADER - === */
  2665. #main-header +.width-constraint {
  2666.     max-width: 980px !important;
  2667.     margin-top: 51px !important;
  2668. }
  2669. body[pagetype="UserProfile"] #main-header +.width-constraint ,
  2670. body[pagetype="PersonalProfile"] #main-header +.width-constraint {
  2671.     margin-top: 51px !important;
  2672.     box-shadow: 3px 3px 2px black !important;
  2673. }
  2674.  
  2675. #Head .Row  {
  2676.     position: relative;
  2677.     display: inline-block!important;
  2678.     max-height: 47px ! important;
  2679.     min-height: 47px !important;
  2680.     left: 25%!important;
  2681.     padding: 0.25em 0;
  2682. }
  2683. #Head .Row #site-name {
  2684.     height: 51px !important;
  2685.     line-height: 1em;
  2686.     margin-top: -8px!important;
  2687. }
  2688. #nav-user-info {
  2689.     position: absolute;
  2690.     display: inline-block!important;
  2691.     top: -7px!important;
  2692. }
  2693. .user-profile-link {
  2694.     position: relative !important;
  2695.     display: inline-block !important;
  2696. }
  2697. /* (new76) GREASYFORK - USER NAME + LOGIN / LOGOUT + LANG CHOOSE - CONTAINER */
  2698. #language-selector {
  2699.     position: absolute !important;
  2700.     display: inline-block !important;
  2701.     -moz-appearance: none !important;
  2702.     width: 18px !important;
  2703.     height: 15px !important;
  2704.     line-height: 13px !important;
  2705.     top: 2px !important;
  2706.     padding: 0 2px !important;
  2707.     border-radius: 3px !important;
  2708.     box-shadow: 3px 3px 2px black !important;
  2709.     background: #222 !important;
  2710.     overflow: hidden !important;
  2711.     text-indent: -1px !important;
  2712.     text-overflow: '' !important;
  2713.     z-index: 500000 !important;
  2714. }
  2715. #language-selector-locale {
  2716.     position: relative !important;
  2717.     display: inline-block !important;
  2718.     -moz-appearance: none !important;
  2719.     width: 19px !important;
  2720.     height: 13px !important;
  2721.     line-height: 8px !important;
  2722.     margin-right: 14px !important;
  2723.     letter-spacing: 1px !important;
  2724.     color: peru !important;
  2725.     border: 1px solid transparent !important;
  2726.     background: #222 !important;
  2727.     overflow: hidden !important;
  2728.     cursor: pointer !important;
  2729. }
  2730. #language-selector-locale:hover {
  2731.     color: tomato !important;
  2732. }
  2733. #language-selector-locale>option {
  2734.     text-indent: 20px !important;
  2735.     margin-left: -20px !important;
  2736. }
  2737. #language-selector-locale>option:checked:before {
  2738.     content: attr(value) ;
  2739.     color: tan !important;
  2740.     font-size: 20px !important;
  2741.     background: black !important;
  2742. }
  2743. #language-selector-locale>option:before {
  2744.     content: attr(value) ;
  2745.     display: inline-block ;
  2746.     width: 100px !important;
  2747.     margin-right: 17px  ;
  2748.     margin-left: -20px  ;
  2749.     color: gold ;
  2750. }
  2751. #language-selector-locale>option[selected=""]:before {
  2752.     content: attr(value) ;
  2753.     color: green !important;
  2754. }
  2755.  
  2756.  
  2757. .width-constraint #nav-user-info {
  2758.     position: absolute;
  2759.     display: inline-block !important;
  2760.     height: 15px!important;
  2761.     line-height: 15px!important;
  2762.     width: 300px!important;
  2763.     top: 15px!important;
  2764.     top: -4px!important;
  2765.     left: 64%!important;
  2766.     text-align: right !important;
  2767. }
  2768.  
  2769. /* (new74) GREASYFORK - SITE MENU - with SEARCH - === */
  2770. .SiteMenu {
  2771.     position: absolute;
  2772.     display: inline-block !important;
  2773.     height: 24px!important;
  2774.     width: 320px!important;
  2775.     top: -12px!important;
  2776.     left: 16%!important;
  2777. }
  2778.  
  2779. /* (new79) GREASYFORK : WITH / Without TS CITRUS - === */
  2780. #site-nav>nav  {
  2781.     position: absolute;
  2782.     display: inline-block!important;
  2783.     height: 24px!important;
  2784.     line-height: 24px!important;
  2785.     width: 390px!important;
  2786.     top: -9px!important;
  2787.     left: 16%!important;
  2788.     text-align: left !important;
  2789. }
  2790. /* (new79) GREASYFORK - SCRIPT LIST - TS CITRUS - === */
  2791. body[pagetype="ListingPage"] #site-nav>nav   {
  2792.     position: absolute;
  2793.     display: inline-block!important;
  2794.     height: 15px!important;
  2795.     line-height: 15px!important;
  2796.     width: 410px!important;
  2797.     top: -4px!important;
  2798.     left: 16%!important;
  2799.     text-align: left !important;
  2800. }
  2801.  
  2802. #main-header .width-constraint {
  2803.     position: relative;
  2804.     height: 42px !important;
  2805.     padding: 0 0 0.25em;
  2806.     overflow: visible !important;
  2807. }
  2808. #main-header .width-constraint #site-name {
  2809.     height: 40px!important;
  2810. }
  2811. #title-subtext {
  2812.     font-size: 10px;
  2813.     font-weight: 400 !important;
  2814.     left: 63px !important;
  2815.     position: absolute;
  2816.     text-decoration: none;
  2817.     top: 28px !important;
  2818. }
  2819. #site-name>a[href="/"] {
  2820.     display: inline-block!important;
  2821.     color: gold !important;
  2822. }
  2823. #site-name>a[href="/"] span {
  2824.     position: relative!important;
  2825.     display: inline-block!important;
  2826.     height: 33px!important;
  2827.     line-height: 33px!important;
  2828.     top: -3px !important;
  2829.     margin-left: 3px!important;
  2830.     font-size: 27px!important;
  2831.     color: peru !important;
  2832.  
  2833. }
  2834. #site-name>a[href="/"] #title-subtext {
  2835.     position: absolute;
  2836.     top: 15px!important;
  2837.     left: 55px !important;
  2838.     font-size: 10px;
  2839.     font-weight: 400 !important;
  2840.     text-decoration: none;
  2841.     color: peru !important;
  2842. }
  2843. #site-name>a[href="/"] span:first-of-type {
  2844.     height: 18px !important;
  2845.     line-height: 16px !important;
  2846.     top: -18px !important;
  2847.     border-radius: 0 0 10px 0 !important;
  2848.     border: 1px solid peru !important;
  2849.     border-left:  none !important;
  2850.     border-top:  none !important;
  2851.     font-size: 18px !important;
  2852. }
  2853. /*(new74) GREASYFORK - SITE TITLE - WITHOUT CITRUS */
  2854. #site-name h1 {
  2855.     width: 109px !important;
  2856.     height: 20px !important;
  2857.     line-height: 12px !important;
  2858.     top: -18px !important;
  2859.     border-radius: 0 0 10px 0 !important;
  2860.     border: 1px solid peru !important;
  2861.     border-left:  none !important;
  2862.     border-top:  none !important;
  2863. }
  2864. #site-name h1 a {
  2865.     height: 18px !important;
  2866.     line-height: 15px !important;
  2867.     font-size: 18px !important;
  2868.     letter-spacing: 0.2px !important;
  2869. }
  2870.  
  2871. .subtitle ,
  2872. #main-header .subtitle {
  2873.     margin-top: -3px !important;
  2874.     margin-left: -1px !important;
  2875.     text-shadow: none !important;
  2876. }
  2877. #site-name-text {
  2878.     display: inline-block;
  2879.     vertical-align: top;
  2880.     height: 18px!important;
  2881.     line-height: 18px!important;
  2882. }
  2883. #site-name-text h1 {
  2884.     font-size: 18px!important;
  2885.     letter-spacing: -2px;
  2886.     margin-top: -4px;
  2887. }
  2888. #site-name-text h1 a {
  2889.     font-size: 15px!important;
  2890.     letter-spacing: 0.6px !important;
  2891.     margin: 0;
  2892. }
  2893. #site-nav>nav>li>a {
  2894.     margin-right: 2px !important;
  2895. }
  2896.  
  2897. /* (new73) GREASEMONKEY - ADD ICON for LOGIN - === */
  2898. #nav-user-info {
  2899.     color: transparent !important;
  2900. }
  2901. .sign-out-link {
  2902.     position: relative !important;
  2903.     display: inline-block !important;
  2904.     height: 15px !important;
  2905.     margin-right: 5px !important;
  2906.     font-size: 0 !important;
  2907.     opacity: 0.4 !important;
  2908. }
  2909. .sign-out-link:hover {
  2910.     opacity: 1 !important;
  2911. }
  2912. .SignOut,
  2913. .sign-out-link a {
  2914.     border: 1px solid gray !important;
  2915.     border-radius: 3px !important;
  2916.     display: inline-block !important;
  2917.     font-size: 0 !important;
  2918.     height: 15px !important;
  2919.     margin-right: 5px !important;
  2920.     position: relative !important;
  2921.     top: -3px !important;
  2922.     width: 15px !important;
  2923.     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;
  2924.     background-position: center !important;
  2925.     background-size: cover !important;
  2926.     background-color: red !important;
  2927.     cursor: pointer !important;
  2928. }
  2929.  
  2930. /* (new74) - GREASYFORK - SEARCH - === */
  2931. .nav-search {
  2932.     position: absolute !important;
  2933.     display: inline-block !important;
  2934.     width: 220px !important;
  2935.     height: 19px !important;
  2936.     line-height: 0px !important;
  2937.     left: 240px !important;
  2938.     top: 7px !important;
  2939. }
  2940. .nav-search:hover {
  2941.     width: 400px !important;
  2942. }
  2943. .nav-search #script-search {
  2944.     position: relative;
  2945.     display: inline-block !important;
  2946.     vertical-align: top !important;
  2947.     width: 200px !important;
  2948.     top: -7px !important;
  2949. }
  2950. body[pagetype="ListingPage"] .nav-search #script-search {
  2951.     top: -12px !important;
  2952. }
  2953. .nav-search:hover #script-search {
  2954.     width: 420px !important;
  2955. }
  2956. .nav-search #script-search input[name="q"] {
  2957.     display: inline-block !important;
  2958.     width: 150px !important;
  2959.     margin-top: 5px !important;
  2960.     opacity: 0.4 !important;
  2961. }
  2962.  
  2963. .nav-search:hover #script-search input[name="q"] {
  2964.     width: 350px !important;
  2965.     opacity: 1 !important;
  2966. }
  2967.  
  2968. /* (new74) TS CITRUS - SETTINGS - ADD ICON - === */
  2969. #site-name > a span#settings-subtext {
  2970.     position: absolute !important;
  2971.     display: inline-block !important;
  2972.     height: 16px !important;
  2973.     width: 16px !important;
  2974.     margin-left: -31px !important;
  2975.     margin-top: 18px !important;
  2976.     border-radius: 4px !important;
  2977.     font-size: 0px !important;
  2978.     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;
  2979.     background-color: #DCD9D9 !important;
  2980.     transform: scale(0.7) !important;
  2981.     opacity: 0.4 !important;
  2982. }
  2983. #site-name > a span#settings-subtext:hover {
  2984.     opacity: 1 !important;
  2985. }
  2986.  
  2987. /* (new74) TS CITRUS - SCRIPT LIST TABLE - BROWSE/PROFILE - === */
  2988. #script-info {
  2989.     margin-top: -50px !important;
  2990.     padding: 0 5px 0 5px !important;
  2991.     border: 1px solid #bbb;
  2992.     border-radius: 0 !important;
  2993.     box-shadow: none !important;
  2994.     background-color: #333 !important;
  2995. }
  2996. #share {
  2997.     position: relative !important;
  2998.     display: inline-block !important;
  2999.     max-height: 20px !important;
  3000.     margin-bottom: 0 !important;
  3001.     overflow: hidden !important;
  3002.     background: red !important;
  3003.     background-color: #670000 !important;
  3004.     background-image: linear-gradient(#670000, #900) !important;
  3005. }
  3006. #share:hover {
  3007.     height: 240px !important;
  3008.     max-height: 100% !important;
  3009.     overflow: visible !important;
  3010.     transition: height ease 4s !important;
  3011. }
  3012. #share>h3 {
  3013.     margin-top: -2px;
  3014.     width: 942px !important;
  3015.     padding: 0 5px !important;
  3016. }
  3017. #social-buttons {
  3018.     text-align: center !important;
  3019. }
  3020. .social_share_privacy_area.box li.settings_info {
  3021.     display: inline-block !important;
  3022.     left: 0 !important;
  3023. }
  3024. #script-table {
  3025.     display: block!important;
  3026.     margin: 0 auto!important;
  3027.     max-width: 960px!important;
  3028. }
  3029. body[pagetype="ListingPage"] #script-table {
  3030.     margin-top: 76px!important;
  3031. }
  3032. body[pagetype="ListingPage"] #script-table thead {
  3033.     position: fixed!important;
  3034.     max-width: 970px!important;
  3035.     margin-top: -31px!important;
  3036. }
  3037. #script-table tbody td:nth-child(2) {
  3038.     max-width: 450px!important;
  3039.     min-width: 450px !important;
  3040. }
  3041.  
  3042.  
  3043. /* (new121) */
  3044. #script-table tbody td:nth-child(2) .thetitle>a>b {
  3045.     display: inline-block !important;
  3046.     width: 100% !important;
  3047.     max-width: 450px!important;
  3048.     min-width: 450px !important;
  3049. /*     overflow: hidden !important; */
  3050. /* text-overflow: ellipsis !important; */
  3051. /* white-space: nowrap !important; */
  3052. /*     white-space: pre-wrap !important; */
  3053.     word-wrap: break-word !important;
  3054. /* background: blue !important; */
  3055. }
  3056.  
  3057.  
  3058. body[pagetype="ListingPage"] #script-table thead tr {
  3059.     display: inline-table!important;
  3060.     width: 100% !important;
  3061.     max-width: 970px!important;
  3062. }
  3063. #script-table>thead>tr>td:first-of-type {
  3064.     width: 25px !important;
  3065. }
  3066. #script-table>thead>tr>td[tag="name"] {
  3067.     width: 452px !important;
  3068.     text-align: left !important;
  3069.     text-indent: 130px !important;
  3070. }
  3071. #script-table>thead>tr>td[tag="name"] span {
  3072.     position: relative  !important;
  3073.     display: inline-block !important;
  3074.     width: 15px !important;
  3075.     margin-left: 0px !important;
  3076.     padding: 0px !important;
  3077.     text-align: center !important;
  3078.     text-indent: 0px !important;
  3079. }
  3080. #script-table>thead>tr>td[tag="name"] span.filterL:hover:before {
  3081.     content: "Library Filter" !important;
  3082.     position: absolute !important;
  3083.     display: inline-block !important;
  3084.     width: 80px !important;
  3085.     margin-left: -10px !important;
  3086.     margin-top: -17px !important;
  3087.     padding: 0px !important;
  3088.     border-radius: 5px !important;
  3089.     text-align: center !important;
  3090.     text-indent: 0px !important;
  3091.     background: #cefd8a !important;
  3092.     color: black !important;
  3093. }
  3094. #script-table>thead>tr>td[tag="name"] span.filterU:hover:before {
  3095.     content: "Unlisted Filter" !important;
  3096.     position: absolute !important;
  3097.     display: inline-block !important;
  3098.     width: 80px !important;
  3099.     margin-left: -10px !important;
  3100.     margin-top: -17px !important;
  3101.     padding: 0px !important;
  3102.     border-radius: 5px !important;
  3103.     text-align: center !important;
  3104.     text-indent: 0px !important;
  3105.     background: #cee7f3 !important;
  3106.     color: black !important;
  3107. }
  3108. #script-table>thead>tr>td[tag="name"] span.filterD:hover:before {
  3109.     content: "Deleted Filter" !important;
  3110.     position: absolute !important;
  3111.     display: inline-block !important;
  3112.     width: 80px !important;
  3113.     margin-left: -10px !important;
  3114.     margin-top: -17px !important;
  3115.     padding: 0px !important;
  3116.     border-radius: 5px !important;
  3117.     text-align: center !important;
  3118.     text-indent: 0px !important;
  3119.     background: #f77a7a !important;
  3120.     color: black !important;
  3121. }
  3122.  
  3123. /* (new79) - PB TO CHANGE HEADER  TD BACKGROUD SELECTED - === */
  3124. #script-table>thead>tr>td {
  3125.     box-shadow: 3px 3px 2px black !important;
  3126. }
  3127.  
  3128. #script-table>thead>tr>td[tag="ratings"] {
  3129.     width: 84px!important;
  3130. }
  3131. #script-table>thead>tr>td[tag=""] {
  3132.     width: 45px!important;
  3133. }
  3134. #script-table>thead>tr>td[tag="total_installs"] {
  3135.     width: 55px !important;
  3136. }
  3137. #script-table>thead>tr>td[tag="created"] {
  3138.     width: 107px!important;
  3139. }
  3140. #script-table>thead>tr>td[tag="updated"] {
  3141.     width: 108px!important;
  3142. }
  3143.  
  3144. /* SCRIPT # */
  3145. #script-table tbody td:nth-child(1) {
  3146. /* width: 4% !important; */
  3147. }
  3148. /* SCRIPT INFO */
  3149. #script-table tbody td:nth-child(2) {
  3150.     width: 12% !important;
  3151. }
  3152. /* SCRIPT RATING */
  3153. #script-table tbody td:nth-child(3) {
  3154.     width: 4% !important;
  3155. }
  3156. /* SCRIPT DAILY */
  3157. #script-table tbody td:nth-child(4) {
  3158.     width: 12.7% !important;
  3159. }
  3160. /* SCRIPT TOTAL  */
  3161. #script-table tbody td:nth-child(5) {
  3162.     width: 8.8% !important;
  3163. }
  3164. /* SCRIPT CREATED  */
  3165. #script-table tbody td:nth-child(6) {
  3166.     width: 11.1% !important;
  3167. }
  3168. /* SCRIPT UPDATED  */
  3169. #script-table tbody td:nth-child(7) {
  3170.     width: 12.4% !important;
  3171. }
  3172.  
  3173. #script-table td .thetitle +div {
  3174.     overflow: hidden !important;
  3175.     word-wrap: break-word!important;
  3176. }
  3177. /* (new90) */
  3178. .width-constraint #script-info>header {
  3179.     position: fixed !important;
  3180.     display: inline-block !important;
  3181.     min-width: 966px!important;
  3182.     max-width: 966px!important;
  3183.     height: 126px!important;
  3184.     line-height: 17px!important;
  3185.     margin-left: -4px !important;
  3186.     top: 48px !important;
  3187.     padding: 5px 5px  0px 5px !important;
  3188.     z-index: 5 !important;
  3189.     background: black !important;
  3190. }
  3191. #script-description {
  3192.     display: inline-block !important;
  3193.     width: 100% !important;
  3194.     padding-bottom: 7px !important;
  3195.     border-bottom: 1px solid red !important;
  3196. }
  3197. #script-info header h2 {
  3198.     position: relative !important;
  3199.     display: inline-block !important;
  3200.     width: 100% !important;
  3201.     line-height: 17px !important;
  3202.     vertical-align: top !important;
  3203.     margin-top: 1px !important;
  3204.     padding-bottom: 5px !important;
  3205.     font-size: 17px !important;
  3206.     border-bottom: 1px solid red !important;
  3207. }
  3208.  
  3209.  
  3210. /* (new90) ADAPTATION For GM - GreasyFork script icon (https)
  3211. https://greasyfork.org/fr/scripts/6861-greasyfork-script-icon-https
  3212. === */
  3213. #script-info>header>h2>div {
  3214.     position: relative !important;
  3215.     display: inline-block;
  3216.     width: 34px !important;
  3217.     top: 3px;
  3218.     margin-top: -2px ;
  3219.     margin-left: 0px !important;
  3220.     margin-right: 10px !important;
  3221.     text-align: right;
  3222. }
  3223. /* === */
  3224. .width-constraint #script-info>#script-links {
  3225.     position: fixed !important;
  3226.     display: inline-block !important;
  3227.     width: 100% !important;
  3228.     min-width: 960px!important;
  3229.     max-width: 960px!important;
  3230.     top: 179px!important;
  3231.     margin-left: 0 !important;
  3232.     padding: 2px 5px !important;
  3233.     background: #222 !important;
  3234.     z-index: 5000 !important;
  3235. }
  3236.  
  3237.  
  3238.  
  3239.  
  3240. /* (new62) TS CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" - === */
  3241. html>body>div[style="text-align: right; padding: 1px 50px"] {
  3242.     position: fixed !important;
  3243.     width: 275px !important;
  3244.     top: 72px !important;
  3245.     padding: 0 !important;
  3246.     text-align: right;
  3247.     left:  33% !important;
  3248.     z-index: 500 !important;
  3249. }
  3250. #RelativeSearch {
  3251.     display: inline-block;
  3252.     width: 120px !important;
  3253.     padding: 1px 10px !important;
  3254.     text-align: center;
  3255.     border-radius: 3px;
  3256.     cursor: pointer;
  3257.     background-color: orange;
  3258. }
  3259.  
  3260. /* (new102) USER SET - HEADER - TXT "SETS" / HOVER - - === */
  3261. #UserSets::before {
  3262.     width: 53px !important;
  3263.     left: 5px !important;
  3264.     text-indent: 0px !important;
  3265.     z-index: 20000 !important;
  3266. }
  3267. #UserSets:hover::before {
  3268.     position: absolute !important;
  3269.     width: 53px !important;
  3270.     left: -5px !important;
  3271.     top: 0px !important;
  3272.     text-indent: 0px !important;
  3273.     z-index: 20000 !important;
  3274.     background: green !important;
  3275. }
  3276. #UserSets {
  3277.     position: fixed !important;
  3278.     display: inline-block !important;
  3279.     float: none !important;
  3280.     left: 22% !important;
  3281.     padding: 6px 5px !important;
  3282.     top: 52px !important;
  3283.     border-radius: 5px;
  3284.     opacity: 1 !important;
  3285.     visibility: hidden !important;
  3286.     z-index: 20000 !important;
  3287.     cursor: pointer !important;
  3288. }
  3289. #UserSets:hover {
  3290.     width: 510px !important;
  3291.     height: 834px !important;
  3292.     top: 34px !important;
  3293.     left: 22.5% !important;
  3294.     padding: 25px 6px 5px 50px !important;
  3295.     overflow: hidden !important;
  3296.     overflow-y: auto!important;
  3297.     opacity: 1 !important;
  3298.     visibility: visible !important;
  3299. }
  3300. #UserSets li {
  3301.     width: 480px !important;
  3302.     text-indent: 0px !important;
  3303. }
  3304.  
  3305.  
  3306. /* (new129) TEST - SCRIPT INFOS PAGE  - CODE IN ONE LINE - === */
  3307.  
  3308. #script-content>pre {
  3309.     background-color: #ffff99;
  3310.     margin-left: 30px;
  3311.     padding: 5px 10px;
  3312.     white-space: pre-wrap;
  3313.     word-wrap: break-word;
  3314. }
  3315.  
  3316.  
  3317. /* SCRIPT INFOS PAGE  - ADAPTATION for GM: Linkify Plus Plus - === */
  3318. #script-info #script-description .linkifyplus>img {
  3319.     display: inline-block !important;
  3320.     max-width: 15% !important;
  3321.     margin-bottom: -27px !important;
  3322. }
  3323.  
  3324. /* SCRIPT INFOS PAGE - IN CODE SECTION - ADAPTATION for GM: Linkify Plus Plus - === */
  3325. #code-container  .linkifyplus>img {
  3326.     height: auto !important;
  3327.     max-height: 64px !important;
  3328.     max-width: 64px !important;
  3329.     width: auto !important;
  3330.     background: rgba(191, 191, 190, 0.33) none repeat scroll 0 0 !important;
  3331.     border-radius: 5px !important;
  3332.     box-shadow: 0 0 2px #cccccc inset !important;
  3333.     padding: 2px !important;
  3334. }
  3335. /* (new124) SCRIPT INFOS PAGE - SMALLER TAB LABELS - For extras labels in  AUTHOR SCRIPTS (where We can EDIT IT) === */
  3336. .width-constraint #script-info>#script-links li {
  3337.     display: inline-block !important;
  3338.     padding: 2px!important;
  3339.     font-size: 14px!important;
  3340. }
  3341. .width-constraint #script-info>#script-links li > * {
  3342.     display: inline-block !important;
  3343.     padding: 2px!important;
  3344.     font-size: 14px!important;
  3345. }
  3346.  
  3347.  
  3348. /* (new88) GREASYFORK - PROFILE - TS CITRUS - === */
  3349. #user-control-panel > li  ,
  3350. body[pagetype="PersonalProfile"] #main-header + .width-constraint .text-content #control-panel #user-control-panel li {
  3351.     display: inline-block !important;
  3352.     width: 45% !important;
  3353.     line-height: 13px!important;
  3354.     margin-left: 25px !important;
  3355.     padding: 2px 1px!important;
  3356.     border: 1px solid #404040;
  3357.     border-radius: 5px;
  3358.     box-shadow: 3px 3px 2px black !important;
  3359.     text-align: center!important;
  3360.     font-size: 13px!important;
  3361.     background-color: #333 !important;
  3362. }
  3363.  
  3364. /*  GREASYFORK - TS CITRUS - SCRIPT PAGE - TXT "Show your appreciation..." - === */
  3365. .width-constraint #script-info>#script-content>div[style*="background-color: yellow;"]  {
  3366.     position: fixed !important;
  3367.     display: inline-block !important;
  3368.     width: 350px !important;
  3369.     height: 30px !important;
  3370.     line-height: 15px !important;
  3371.     margin-left: 580px !important;
  3372.     margin-top: -45px !important;
  3373.     padding: 3px 5px 3px 5px !important;
  3374.     border-radius: 4px;
  3375.     text-align: left !important;
  3376.     background-color: #D6D6D1 !important;
  3377.     opacity: 0!important;
  3378.     transition: opacity ease 0.7s !important;
  3379. }
  3380. .width-constraint #script-info>#script-content:hover >div[style*="background-color: yellow;"] {
  3381.     opacity: 1!important;
  3382.     z-index: 5000 !important;
  3383. }
  3384.  
  3385. .width-constraint #script-info>#script-content>#install-area>div[style*="background-color: yellow;"] {
  3386.     position: fixed !important;
  3387.     display: inline-block !important;
  3388.     width: 310px !important;
  3389.     height: 30px !important;
  3390.     line-height: 15px !important;
  3391.     margin-left: -100px !important;
  3392.     margin-top: -50px !important;
  3393.     padding: 3px 5px 3px 5px !important;
  3394.     border-radius: 4px;
  3395.     text-align: left !important;
  3396.     background-color: #D6D6D1 !important;
  3397.     opacity: 0!important;
  3398.     transition: opacity ease 0.7s !important;
  3399. }
  3400. .width-constraint #script-info>#script-content>#install-area:hover>div[style*="background-color: yellow;"] {
  3401.     position: fixed!important;
  3402.     display: inline-block!important;
  3403.     float: none!important;
  3404.     margin-left: 95px !important;
  3405.     margin-top: -205px!important;
  3406.     opacity: 1!important;
  3407. }
  3408.  
  3409. /* (new78) USERSCRIPT PAGES INFOS - - FEEDBACK - === */
  3410. #script-feedback-suggestion {
  3411.     margin-top: 95px !important;
  3412.     margin-bottom: -15px !important;
  3413. }
  3414.  
  3415. /* (new94) SCRIPT INFO - VERSIONS - DIFF - === */
  3416. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) {
  3417.     margin-top: 38px !important;
  3418.     margin-bottom: 5px;
  3419. }
  3420. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  3421.     margin-top: -21px !important;
  3422. }
  3423. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]) {
  3424.     height: 40px !important;
  3425. /*     margin-bottom: 100px; */
  3426. /*     margin-top: -441px; */
  3427. }
  3428.  
  3429.  
  3430. /* (new93) GREASYFORK - with/without TS CITRUS - SCRIPT INFOS  -
  3431. :not([id="install-stats-chart-container"])
  3432.  === */
  3433. .width-constraint #script-info>#script-content>p {
  3434.     margin-top: 42px !important;
  3435.     margin-bottom: -88px;
  3436. }
  3437. .width-constraint #script-info>#script-content{
  3438.     position: relative !important;
  3439.     display: inline-block!important;
  3440.     min-height: 682px !important;
  3441.     min-width: 959px !important;
  3442.     max-width: 959px !important;
  3443.     margin-top: 174px !important;
  3444.     margin-left: -1px !important;
  3445.     padding-left: 9px !important;
  3446.     padding-right: 0 !important;
  3447.     padding-top: 0px !important;
  3448.     border: 1px solid black !important;
  3449.     background-color: #2B2B2B !important;
  3450.     z-index: 0 !important;
  3451. }
  3452. .width-constraint #script-info>#script-content>h3:not([id="feedback-favoriters"]) {
  3453.     min-width: 930px !important;
  3454.     max-width: 930px !important;
  3455.     margin-left: 0px !important;
  3456.     border-bottom: 1px solid gray !important;
  3457.     text-align: center !important;
  3458.     background: #222222!important;
  3459. }
  3460. .width-constraint #discussions {
  3461.     min-width: 850px !important;
  3462.     max-width: 850px !important;
  3463.     margin-top: -10px !important;
  3464.     margin-left: -10px !important;
  3465.     padding: 20px 53px !important;
  3466.     border: 1px solid gray !important;
  3467. }
  3468. .width-constraint #discussions li:nth-child(odd) {
  3469.     border-bottom: 1px solid gray!important;
  3470.     background: #222222 !important;
  3471. }
  3472. .width-constraint #discussions li:nth-child(even) {
  3473.     border-bottom: 1px solid gray!important;
  3474.     background: #333333 !important;
  3475. }
  3476.  
  3477. .width-constraint #discussions li:hover {
  3478.     background: rgba(0, 0, 0, 0.8)!important;
  3479.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  3480.     transition: background 0.8s ease 0s !important;
  3481. }
  3482. body[pagetype="ListingPage"] #script-table +.width-constraint h3 {
  3483.     position: fixed !important;
  3484.     height: 20px !important;
  3485.     line-height: 20px !important;
  3486.     width: 483px !important;
  3487.     margin-left: -5px !important;
  3488.     top: 32px !important;
  3489.     padding: 1px 1px 1px 20px  !important;
  3490.     border-radius: 5px !important;
  3491.     font-size: 13px ;
  3492.     text-align: center !important;
  3493.     border: 1px solid gray !important;
  3494.     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);
  3495.     z-index: 0 !important;
  3496.     pointer-events: none !important;
  3497. }
  3498. body[pagetype="ListingPage"] #script-table +.width-constraint h3>a {
  3499.     z-index: 100 !important;
  3500.     pointer-events: auto !important;
  3501. }
  3502.  
  3503.  
  3504. /* (new103) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER + META + INFOS + SCREENSHOTS - === */
  3505. #install-area {
  3506.     position: fixed !important;
  3507.     display: inline-block!important;
  3508.     min-width: 950px !important;
  3509.     max-width: 950px !important;
  3510.     top: 213px !important;
  3511.     margin-left: -8px !important;
  3512.     padding: 5px 9px !important;
  3513.     border-bottom: 1px solid gray;
  3514.     background-color: #f9ecdb!important;
  3515.     z-index: 1!important;
  3516. }
  3517. .width-constraint #script-info > #script-content  #script-meta {
  3518.     display: table;
  3519.     min-width: 950px !important;
  3520.     margin-top: 15px !important;
  3521.     padding: 5px !important;
  3522.     border-bottom: 1px dotted gray !important;
  3523. }
  3524.  
  3525. /* (new105) */
  3526. .script-in-sets:not(:hover) {
  3527.     position: fixed ;
  3528.     display: inline-block ;
  3529.     min-width: 298px ;
  3530.     max-width: 298px ;
  3531.     min-height: 34px !important;
  3532.     max-height: 34px !important;
  3533.     top: 216px ;
  3534.     left: 40% ;
  3535.     margin-left: 0 ;
  3536.     font-size: 0 ;
  3537.     overflow: hidden ;
  3538.     overflow-y: auto ;
  3539.     border: 1px solid #404040;
  3540.     background: #222 ;
  3541. z-index: 5000 !important;
  3542. }
  3543. .script-in-sets:hover {
  3544.     position: fixed ;
  3545.     display: inline-block ;
  3546.     min-width: 298px ;
  3547.     max-width: 298px ;
  3548.     max-height: 100% ;
  3549.     top: 216px ;
  3550.     left: 40% ;
  3551.     margin-left: 0 ;
  3552.     padding: 0 0 50px 0 !important;
  3553.     font-size: 0 ;
  3554.     overflow: hidden ;
  3555.     overflow-y: auto ;
  3556.     border: 1px solid #404040;
  3557.     background: #222 ;
  3558. z-index: 5000 !important;
  3559. }
  3560. .script-in-sets > a {
  3561.     display: inline-block ;
  3562.     width: 291px ;
  3563.     margin-left: 0 ;
  3564.     font-size: 13px ;
  3565.     text-indent: 5px ;
  3566.     white-space: nowrap ;
  3567.     overflow: hidden ;
  3568.     text-overflow: ellipsis ;
  3569. }
  3570. .script-in-sets:hover {
  3571.     height: auto ;
  3572.     padding-bottom: 50px ;
  3573. }
  3574.  
  3575. .script-in-sets > select {
  3576.     display: inline-block ;
  3577.     width: 252px !important;
  3578.     margin-top: 2px ;
  3579. }
  3580.  
  3581.  
  3582. /* (new94) SET CHOICE - FIRT VALUE SELECTED - === */
  3583. .script-in-sets>select[name="action-set"] {
  3584.     position: relative ;
  3585.     display: inline-block ;
  3586.     height: 15px !important;
  3587.     line-height: 15px !important;
  3588.     top: -2px ;
  3589.     border: none ;
  3590.     -moz-appearance: none ;
  3591. }
  3592. /* .script-in-sets>select option[value^="ri-"]:first-of-type */
  3593. .script-in-sets>select option[value^="ri-"] {
  3594.     color: peru ;
  3595.     background: black ;
  3596.     -moz-appearance: none ;
  3597.     outline: 1px solid peru ;
  3598. }
  3599. /* SET NEW */
  3600. .script-in-sets>select option[value="ai-new"] {
  3601.     color: gold ;
  3602.     background: black ;
  3603.     -moz-appearance: none ;
  3604. }
  3605. /* SET SUBMIT ARROW */
  3606. .script-in-sets > input[value="→"][type="submit"] {
  3607.     position: relative ;
  3608.     display: inline-block ;
  3609.     height: 15px ;
  3610.     line-height: 15px;
  3611.     top: -2px !important;
  3612.     margin-left: 2px ;
  3613.     border: none ;
  3614.     cursor: pointer ;
  3615.     -moz-appearance: none;
  3616. }
  3617. .script-in-sets:before {
  3618.     content: "sets ⏬" ;
  3619.     position: absolute ;
  3620.     display: inline-block ;
  3621.     height: 10px ;
  3622.     line-height: 15px ;
  3623.     width: 25px ;
  3624.     top: -2px ;
  3625.     right: 17px ;
  3626.     font-size: 12px ;
  3627.     text-align: center ;
  3628.     color: red  ;
  3629. }
  3630. #script-stats {
  3631.     display: inline-table !important;
  3632.     -moz-column-count: unset !important;
  3633.     float: left !important;
  3634.     clear: none !important;
  3635.     width: 100% !important;
  3636.     max-width: 399px !important;
  3637.     min-width: 399px !important;
  3638.     outline: 1px solid gray !important;
  3639.     padding-right: 0 !important;
  3640. }
  3641. #script-stats dt {
  3642.     display: table-row !important;
  3643.     clear: none !important;
  3644.     float: left !important;
  3645.     height: 18px !important;
  3646.     line-height: 18px !important;
  3647.     min-width: 45% !important;
  3648.     max-width: 45% !important;
  3649.     border-bottom: 1px solid gray !important;
  3650.     text-indent: 10px !important;
  3651. }
  3652.  
  3653. #script-stats dt.script-show-compatibility {
  3654.     display: table-row !important;
  3655.     clear: none !important;
  3656.     float: left !important;
  3657.     height: 30px !important;
  3658.     line-height: 30px !important;
  3659.     min-width: 45% !important;
  3660.     max-width: 45% !important;
  3661. }
  3662. #script-stats dd {
  3663.     display: table-cell !important;
  3664.     clear: none !important;
  3665.     float: right !important;
  3666.     height: 18px !important;
  3667.     line-height: 18px !important;
  3668.     min-width: 55% !important;
  3669.     max-width: 55% !important;
  3670.     margin-left: -50px !important;
  3671.     white-space: nowrap !important;
  3672.     overflow: hidden !important;
  3673.     text-overflow: ellipsis !important;
  3674. }
  3675.  
  3676. #script-meta dd:not(.script-show-applies-to) {
  3677.     display: table-cell !important;
  3678.     clear: none !important;
  3679.     float: right !important;
  3680.     height: 18px !important;
  3681.     line-height: 18px !important;
  3682.     border-bottom: 1px solid gray !important;
  3683.     text-indent: 10px !important;
  3684. }
  3685. /* (new106) */
  3686. #script-meta dd.script-show-compatibility {
  3687.     display: table-row !important;
  3688.     clear: none !important;
  3689.     float: right !important;
  3690.     height: 30px !important;
  3691.     line-height: 34px !important;
  3692. }
  3693.  
  3694.  
  3695. /* (new106) GREASY FORK - SCRIPT PAGE - INSTALL CONTAINER - "APPLIES" TO CONTAINER - === */
  3696. #script-meta>div {
  3697.     position: relative;
  3698.     display: inline-block !important;
  3699.     float: right !important;
  3700.     clear: none !important;
  3701.     width: 425px !important;
  3702.     max-height: 186px !important;
  3703.     margin-right: -5px !important;
  3704.     top: -10px !important;
  3705.     padding: 5px 5px 5px 5px !important;
  3706.     overflow-x: hidden !important;
  3707.     overflow-y: hidden !important;
  3708. }
  3709.  
  3710. #script-applies-to dd.script-show-applies-to {
  3711.     display: inline-block !important;
  3712.     width: 425px !important;
  3713.     max-height: 156px !important;
  3714.     padding: 5px 5px 5px 5px !important;
  3715.     border-radius: 3px !important;
  3716.     border: 1px solid gray !important;
  3717.     overflow: hidden !important;
  3718.     overflow-y: auto !important;
  3719. }
  3720. #script-meta>div code {
  3721.     position: relative;
  3722.     display: inline-block !important;
  3723.     height: 15px !important;
  3724.     line-height: 15px !important;
  3725.     background-color: #262626 !important;
  3726.     border-radius: 3px !important;
  3727.     border: none !important;
  3728.     color: #aba2a4 !important;
  3729.     font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  3730.     font-size: 90%;
  3731.     padding: 1px 4px !important;
  3732.     white-space: nowrap;
  3733. }
  3734. #script-meta>div  .inline-list>li:nth-child(even) code {
  3735.     color: #BAA591  !important;
  3736.     background-color: #1A1919 !important
  3737. }
  3738. #script-meta>div  .inline-list>li:nth-child(odd) code {
  3739.     color: #BAA591  !important;
  3740.     background-color: #363535 !important
  3741. }
  3742.  
  3743. /*LINKYFY PLUS */
  3744. .script-show-applies-to .inline-list li a.linkifyplus {
  3745.     position: relative;
  3746.     display: inline-block !important;
  3747.     height: 15px !important;
  3748.     line-height: 15px !important;
  3749.     padding: 1px 4px !important;
  3750.     border-radius: 3px !important;
  3751.     color: #BAA591  !important;
  3752.     background-color: #1A1919 !important
  3753. }
  3754.  
  3755. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  3756.     color: #D0A070  !important;
  3757.     background-color: #1A1919 !important
  3758. }
  3759. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  3760.     color: #BAA591  !important;
  3761.     background-color: #1A1919 !important
  3762. }
  3763. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  3764.     color: tomato  !important;
  3765.     background-color: #1A1919 !important
  3766. }
  3767. .expander {
  3768.     display: none !important;
  3769. }
  3770.  
  3771. /* GREASYFORK - SCRIPT PAGE - LIST "FAVORITED BY" - ==== */
  3772. #script-content>#feedback-favoriters + div {
  3773.     display: inline-block !important;
  3774.     width: 953px !important;
  3775.     margin-top: -10px !important;
  3776.     font-size: 14px !important;
  3777. }
  3778. .inline-list>li:nth-child(odd)>a ,
  3779. .inline-list>li:nth-child(even)>a {
  3780.     display: inline-block !important;
  3781.     padding: 1px 3px !important;
  3782.     border-radius: 3px !important;
  3783. }
  3784. .inline-list>li:nth-child(odd)>a {
  3785.     background: #222 !important;
  3786. }
  3787. .inline-list>li:nth-child(even)>a {
  3788.     background: #333 !important;
  3789. }
  3790.  
  3791.  
  3792. /* (new126) GREASYFORK - SCRIPT PAGE - INFOS CONTAINER -
  3793. ADAPT FOR TABLE IN TABLE:
  3794. https://greasyfork.org/fr/scripts/7251-enhanced-word-highlight
  3795. https://greasyfork.org/fr/scripts/9285-translate-google-tooltip
  3796. === */
  3797. .width-constraint #script-info > #script-content #additional-info {
  3798.     position: relative !important;
  3799.     display: inline-block !important;
  3800.     min-width: 950px !important;
  3801.     max-width: 950px !important;
  3802.     top: 10px !important;
  3803.     margin-left: -4px !important;
  3804.     margin-bottom: 50px !important;
  3805.     padding: 0 5px 15px 5px !important;
  3806.     background-color: #f9dacd;
  3807.     border-radius: 5px;
  3808.     word-wrap: break-word !important;
  3809. }
  3810.  
  3811. .script-author-description>table td blockquote ,
  3812. .script-author-description>table td  {
  3813.     display: inline-block!important;
  3814. float: left !important;
  3815. clear: left !important;
  3816.     vertical-align: top !important;
  3817.     min-width: 920px !important;
  3818.     max-width: 920px !important;
  3819.     padding: 5px !important;
  3820.     border-radius: 3px;
  3821.     word-wrap: break-word !important;
  3822. border: 1px solid gray ;
  3823. }
  3824. .script-author-description>table td blockquote   {
  3825.     min-width: 900px !important;
  3826.     max-width: 900px !important;
  3827. border: 1px solid yellow ;
  3828. }
  3829.  
  3830.  
  3831. .width-constraint #script-info > #script-content #additional-info {
  3832.     margin-bottom: -14px !important;
  3833.     margin-top: 0 !important;
  3834. }
  3835. .script-author-description>p>code {
  3836.     display: inline-block!important;
  3837.     white-space: pre-line !important;
  3838. }
  3839. #additional-info > .script-author-description> pre ,
  3840. .script-author-description>blockquote>pre {
  3841.     margin-left: 30px;
  3842.     padding: 5px 10px;
  3843.     border: 1px solid gray !important;
  3844.     border-radius: 2px;
  3845.     word-wrap: break-word !important;
  3846.     background-color: #5c5c5c !important;
  3847. }
  3848. /* (new62) CODE in SCRIPT INFO PAGE - === */
  3849. .script-author-description>p>code ,
  3850. #additional-info > .script-author-description > pre > code ,
  3851. #additional-info > .script-author-description  > blockquote > pre > code {
  3852.     border: 1px solid gray !important;
  3853.     max-width: 99% !important;
  3854. }
  3855. .width-constraint #script-info > #script-content #additional-info > div {
  3856.     padding: 5px !important;
  3857.     background-color: #2B2B2B !important;
  3858. }
  3859. .width-constraint #script-info > #script-content #additional-info>div>p>img {
  3860.     max-width: 895px !important;
  3861. }
  3862.  
  3863. /* (new127) GREASYFORK - CODE PAGE - === */
  3864. pre.prettyprint {
  3865.     background-color: #ffff99 !important;
  3866.     margin-left: 30px;
  3867.     padding: 5px 10px;
  3868.     white-space: pre-wrap !important;
  3869.     word-wrap: break-word !important;
  3870. }
  3871.  
  3872.  
  3873. #code-container {
  3874.     max-height: 620px!important;
  3875.     width: 100% ;
  3876.     margin-left: -5px !important;
  3877.     margin-top: 8px !important;
  3878.     overflow-x: hidden !important;
  3879.     background-color: white !important;
  3880. }
  3881. #script-feedback-suggestion + #code-container{
  3882.     max-height: 615px!important;
  3883.     width: 100% ;
  3884.     margin-left: -5px !important;
  3885.     margin-top: 22px !important;
  3886.     overflow-x: hidden !important;
  3887.     background-color: white !important;
  3888. }
  3889. /* GREASYFORK - DISCUSS / HISTORIC etc - === */
  3890. #feedback-favoriters ,
  3891. #script-content>p:not(:empty):not(:first-of-type):not(:empty) {
  3892.     margin-top: 10px !important;
  3893.     margin-bottom: 20px !important;
  3894.     padding: 5px !important;
  3895.     border-radius: 4px !important;
  3896.     text-align: center !important;
  3897.     background-color: #f9dacd !important;
  3898. }
  3899.  
  3900. /* (new117) GREASYFORK - SCRIPT INFO - HISTORIC - WATCH DIFF (HOVER BUTTON) - === */
  3901. .diff {
  3902.     margin-top: 80px !important;
  3903. }
  3904.  
  3905. .width-constraint #script-info > #script-content >form[action$="/diff"]  {
  3906.     margin-top: 90px!important;
  3907.     width: 934px !important;
  3908. }
  3909.  
  3910. .width-constraint #script-info > #script-content > form > ul  {
  3911.     width: 950px !important;
  3912.     height: 610px !important;
  3913.     margin-top: 0px !important;
  3914.     margin-bottom: 0 !important;
  3915.     border-top: 1px dashed gray !important;
  3916.     border-bottom: 1px dashed gray !important;
  3917.     padding-left: 5px !important;
  3918.     overflow-x: hidden !important;
  3919.     overflow-y: auto !important;
  3920. }
  3921.  
  3922. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:first-of-type  {
  3923.     margin-bottom: 15px !important;
  3924.     cursor: pointer !important;
  3925.     visibility: hidden !important;
  3926. }
  3927. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type  {
  3928.     top: 27.9%!important;
  3929.     margin-left: -40px!important;
  3930.     position: fixed !important;
  3931.     width: 10px !important;
  3932.     height: 15px !important;
  3933.     border-left: 19px solid #AAAAAA;
  3934.     border-bottom: 9px solid transparent;
  3935.     border-top: 9px solid transparent;
  3936.     border-right: none !important;
  3937.     padding-right: 0px !important;
  3938.     color: transparent!important;
  3939.     cursor: pointer !important;
  3940.     background: green !important;
  3941.     -moz-appearance: none !important;
  3942.     transition: width ease 0s, margin ease 0.1s  !important;
  3943. }
  3944.  
  3945. .width-constraint #script-info > #script-content >form[action$="/diff"]>input:last-of-type:hover {
  3946.     margin-left: -140px !important;
  3947.     width: 145px !important;
  3948.     height: auto !important;
  3949.     line-height: 12px !important;
  3950.     -moz-appearance: button !important;
  3951.     white-space: normal !important;
  3952.     border: none !important;
  3953.     color: black !important;
  3954.     cursor: pointer !important;
  3955.     transition: width ease 0s, margin ease 0.7s !important;
  3956. }
  3957.  
  3958. /* (new117) DIFF CODE - === */
  3959. .width-constraint #script-info > #script-content >form + p + .diff ul {
  3960.     background: #fff none repeat scroll 0 0;
  3961.     display: table;
  3962.     font-size: 13px;
  3963.     list-style: outside none none;
  3964.     margin: 0;
  3965.     overflow: auto;
  3966.     padding: 5px !important;
  3967.     max-width: 945px !important;
  3968.     min-width: 945px !important;
  3969. }
  3970. .width-constraint #script-info > #script-content >form + p + .diff ul  li {
  3971.     display: inline-block !important;
  3972.     max-width: 945px !important;
  3973.     min-width: 945px !important;
  3974.     height: 1em;
  3975.     margin: 0;
  3976.     padding: 0;
  3977.     word-wrap: break-word !important;
  3978.     white-space: pre-wrap !important;
  3979. text-align: left !important;
  3980. }
  3981. .diff li.diff-block-info {
  3982.     display: table-row;
  3983.     height: 1.4em !important;
  3984.     margin: 0;
  3985.     padding: 0;
  3986.     background: rgba(128, 128, 128, 0.17) !important;
  3987. }
  3988.  
  3989. /* (new62) GREASYFORK - SCRIPT STATS - === */
  3990. #script-content> script[src*="assets"] ~h3 {
  3991.     margin-top: 10px !important;
  3992.     margin-bottom: 20px !important;
  3993.     padding: 5px !important;
  3994.     border-radius: 4px !important;
  3995.     text-align: center! important;
  3996. }
  3997. [id$="-chart-container"] {
  3998.     background: white !important;
  3999. }
  4000. td.numeric,
  4001. th.numeric {
  4002.     text-align: left!important;
  4003.     text-align: center!important;
  4004. }
  4005. /* GREASYFORK - SCRIPT - DISCUSSION TABLE - ITEMS - === */
  4006. .width-constraint #discussions li>a:first-of-type {
  4007.     width: 835px !important;
  4008.     display: inline-block !important;
  4009.     color: #B4A393  !important;
  4010. }
  4011. .width-constraint #discussions li>a:first-of-type:hover {
  4012.     color: tomato  !important;
  4013. }
  4014. .width-constraint #discussions li>time:first-of-type {
  4015.     display: inline-block !important;
  4016.     width: 95px !important;
  4017.     margin-right: 20px!important;
  4018.     text-align: center !important;
  4019. }
  4020. .width-constraint #discussions li>time:last-of-type {
  4021.     display: inline-block!important;
  4022.     width: 125px !important;
  4023.     margin-left: -30px !important;
  4024.     text-align: center !important;
  4025.     white-space: nowrap !important;
  4026. }
  4027. .width-constraint #discussions li>a:nth-child(2) {
  4028.     width: 180px !important;
  4029.     display: inline-block !important;
  4030.     margin-left: 10px !important;
  4031. }
  4032. .width-constraint #discussions li>a:nth-child(4) {
  4033.     width: 160px !important;
  4034.     display: inline-block !important;
  4035.     margin-left: 20px !important;
  4036. }
  4037.  
  4038.  
  4039. /* (new93) GM VERSIONS - CONTAINER - MORE of ONE VERSION -
  4040. #script-content>form > input:first-of-type + ul
  4041. https://greasyfork.org/fr/scripts/50-userstyles-tableview-enhancer-dark-grey-59-1-addstylish-lib-leoncastro/versions
  4042. ==== */
  4043. .width-constraint #script-info > #script-content>form > input:first-of-type + ul {
  4044.     margin-top: -5px  !important;
  4045. }
  4046. /* (new115) VERSIONS - CONTAINER - ONLY ONE VERSION - NOT DIFF VERSION) -
  4047. .width-constraint #script-info > #script-content > form > ul
  4048. https://greasyfork.org/fr/scripts/29600-flickr-auto-showallgroups-photo-page-v-2/versions
  4049. === */
  4050. .width-constraint #script-info > #script-content > form:not(.diff_options) > ul {
  4051.     margin-top: -42px  !important;
  4052. outline: 4px solid red !important;
  4053. }
  4054. /* (new93) GM VERSIONS - ITEMS - ALL - === */
  4055. .width-constraint #script-info > #script-content>form > input:first-of-type {
  4056.     margin-bottom: -3px !important;
  4057.     padding-bottom: 4px !important;
  4058.     border-top: 1px solid gray !important;
  4059.     overflow: hidden !important;
  4060.     text-overflow: ellipsis !important;
  4061.     white-space: nowrap !important;
  4062. }
  4063.  
  4064. .width-constraint #script-info > #script-content > form > ul li:not(:hover) {
  4065.     margin-bottom: -3px !important;
  4066.     padding-bottom: 4px !important;
  4067.     border-top: 1px solid gray !important;
  4068.     overflow: hidden !important;
  4069.     text-overflow: ellipsis !important;
  4070.     white-space: nowrap !important;
  4071. }
  4072.  
  4073. .width-constraint #script-info > #script-content > form > ul li:hover {
  4074.     margin-bottom: -3px !important;
  4075.     padding-bottom: 4px !important;
  4076.     border-top: 1px solid gray !important;
  4077.     overflow: visible !important;
  4078.     text-overflow: ellipsis !important;
  4079.     background: black !important;
  4080.     transition: all ease 0.7s !important;
  4081. }
  4082. #script-content>form>ul>li>input + a {
  4083.     display: inline-block !important;
  4084.     width: 15% !important;
  4085.     padding: 1px 5px !important;
  4086.     background: #222222 !important;
  4087. }
  4088. #script-content>form>ul>li:nth-child(odd)>input + a {
  4089.     background: #222222 !important;
  4090. }
  4091. #script-content>form>ul>li:nth-child(even)>input + a {
  4092.     background: #333333 !important;
  4093. }
  4094.  
  4095.  
  4096. .width-constraint #script-info > #script-content > form > ul li time {
  4097.     display: inline-block!important;
  4098.     min-width: 202px !important;
  4099.     max-width: 202px !important;
  4100.     padding: 1px 5px !important;
  4101.     letter-spacing: 1.4px !important;
  4102.     text-align: center !important;
  4103. }
  4104. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  4105.     background: #222222 !important;
  4106. }
  4107. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  4108.     background: #333333 !important;
  4109. }
  4110. /* (new115) CHECKED */
  4111. /* .width-constraint #script-info > #script-content > form > ul.history_versions>li:selected {
  4112.     background: aqua !important;
  4113. color: white !important;
  4114. } */
  4115. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a ,
  4116. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v1"]:checked + input + a + time {
  4117.     background: green !important;
  4118. color: white !important;
  4119. }
  4120. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a ,
  4121. .width-constraint #script-info > #script-content > form > ul.history_versions>li input[name="v2"]:checked + a + time {
  4122.     background: tomato !important;
  4123. color: white !important;
  4124. }
  4125.  
  4126. /* (new72) GREASYFORK - FORUM TABLE - === */
  4127. .Message table {
  4128.     border-collapse: separate;
  4129.     border-spacing: 4px;
  4130.     margin: 1em -4px;
  4131.     width:  650px !important;
  4132. }
  4133. .Message table thead{
  4134.     width:  600px !important;
  4135. }
  4136. .Message th {
  4137.     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;
  4138.     font-size: 105%;
  4139.     font-weight: bold;
  4140.     padding-bottom: 0.5em;
  4141.     padding-top: 0.5em;
  4142. }
  4143. .Message table tbody {
  4144.     width:  600px !important;
  4145. }
  4146. .Message table tbody tr td:first-of-type  {
  4147.     width:  120px !important;
  4148.     vertical-align: middle !important;
  4149.     color: gold !important;
  4150. border: 1px solid red !important;
  4151. }
  4152. .Message table tbody tr td:first-of-type + td  {
  4153.     min-width:  75px !important;
  4154.     max-width:  75px !important;
  4155.     color: gold !important;
  4156.     vertical-align: middle !important;
  4157.     border: 1px solid green !important;
  4158. }
  4159. .Message table tbody tr td:last-of-type  {
  4160.     min-width:  280px !important;
  4161.     max-width:  280px !important;
  4162. border: 1px solid blue !important;
  4163. }
  4164. /* (COR) */
  4165. .Message table tbody tr td:last-of-type code {
  4166.     float: left!important;
  4167.     min-width:  290px !important;
  4168.     max-width:  290px !important;
  4169.     background-color: #f9ebd2;
  4170.     border: 1px solid;
  4171.     border-radius: 3px;
  4172.     color: #eb5100;
  4173.     margin-left: -6px !important;
  4174.     padding: 1px 3px;
  4175.     white-space: pre-line !important;
  4176. }
  4177.  
  4178. /* (COR) GREASYFORK - BROWSE / USER SCRIPTS  - === */
  4179. #user-script-list>li ,
  4180. #browse-script-list>li {
  4181. padding: 5px !important;
  4182. }
  4183. #user-script-list>li:nth-child(odd) ,
  4184. #browse-script-list>li:nth-child(odd) {
  4185.     background-color: #222 !important;
  4186. }
  4187. #user-script-list>li:nth-child(odd):hover ,
  4188. #browse-script-list>li:nth-child(odd):hover {
  4189.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4190.     background-color: rgba(7, 7, 7, 0.67) !important;
  4191.     transition: background 0.8s ease 0s !important;
  4192. }
  4193. #user-script-list>li:nth-child(even) ,
  4194. #browse-script-list>li:nth-child(even) {
  4195.     background-color: #414141 !important;
  4196. }
  4197. #user-script-list>li:nth-child(even):hover ,
  4198. #browse-script-list>li:nth-child(even):hover {
  4199.     background-color: rgba(7, 7, 7, 0.57) !important;
  4200.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4201.     transition: background 0.8s ease 0s !important;
  4202. }
  4203. #user-script-list>li:hover ,
  4204. #browse-script-list>li:hover {
  4205.     background-color: black !important;
  4206.     z-index: 1 !important;
  4207. }
  4208. /* (new66) without script */
  4209. #user-script-list>li h2 ,
  4210. #browse-script-list>li h2 {
  4211.     display: inline-block !important;
  4212.     width: 100% !important;
  4213.     max-width: 762px !important;
  4214.     word-wrap: break-word !important;
  4215.     overflow: hidden !important;
  4216. }
  4217. #user-script-list>li h2 a ,
  4218. #browse-script-list>li h2 a {
  4219.     display: inline-block!important;
  4220.     width: 100% !important;
  4221.     line-height: 17px !important;
  4222. }
  4223. #browse-script-list>li h2 span {
  4224.     width: 100% !important;
  4225.     max-width: 720px !important;
  4226.     overflow: hidden !important;
  4227. }
  4228. #user-script-list>li h2 span.name-description-separator ,
  4229. #browse-script-list>li h2 span.name-description-separator {
  4230.     display: none !important;
  4231. }
  4232.  
  4233.  
  4234. /* (new102) GREASYFORK - BROWSE SCRIPTS - LEFT SORT PANEL (WIth/Without TS CITRUS) - === */
  4235. /* (new102) without CITRUS*/
  4236. .width-constraint  #script-list-option-groups.list-option-groups {
  4237.     display: inline-block !important;
  4238.     float: left !important;
  4239.     margin-left: -120px !important;
  4240.     margin-top: 0px !important;
  4241. }
  4242. .width-constraint  #script-list-option-groups.list-option-groups #script-list-sort>div {
  4243.     margin-top: 19px;
  4244. }
  4245. .width-constraint  #script-list-option-groups.list-option-groups .list-option-group {
  4246.     margin-bottom: 0.5em;
  4247.     padding: 0.5em;
  4248.     box-shadow: 3px 3px 2px black !important;
  4249.     border-radius: 5px 0 0 5px !important;
  4250.     border: 1px solid gray !important;
  4251.     background-color: #2d2d2d !important;
  4252. }
  4253. .list-option-group ul {
  4254.     box-shadow: 3px 3px 2px black !important;
  4255.     background-color: transparent !important;
  4256.     padding: 2px 0 !important;
  4257. }
  4258. .width-constraint  #browse-script-list {
  4259.     display: inline-block !important;
  4260.     float: right !important;
  4261.     margin-right: 106px !important;
  4262. }
  4263. .list-option-group .list-current {
  4264.     height: 19px !important;
  4265.     line-height: 15px !important;
  4266.     margin-bottom: 2px !important;
  4267.     padding: 2px 0 0 0 !important;
  4268. }
  4269. .list-option-group .list-option {
  4270.     height: 19px ;
  4271.     line-height: 9px ;
  4272.     border: 1px solid #404040;
  4273. }
  4274. .list-option-group .list-option a {
  4275.     white-space: nowrap ;
  4276.     overflow: hidden ;
  4277.     text-overflow: ellipsis ;
  4278. }
  4279.  
  4280. .width-constraint #script-list-option-groups.list-option-groups + h3 + p ,
  4281. .width-constraint #script-list-option-groups.list-option-groups + h3 ,
  4282. #browse-script-list + .pagination + p {
  4283.     display: inline-block !important;
  4284.     float: left !important;
  4285.     width: 727px !important;
  4286.     margin-bottom: 8px !important;
  4287.     margin-left: 59px !important;
  4288.     margin-top: -15px !important;
  4289.     padding: 5px !important;
  4290.     background: #222 !important;
  4291. }
  4292. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  4293.     margin-top: 0px !important;
  4294.     margin-bottom: 18px !important;
  4295.     border-bottom: 1px solid gray !important;
  4296. }
  4297.  
  4298. #browse-script-list + .pagination + p {
  4299.     margin-bottom: 10px !important;
  4300.     margin-left: 242px !important;
  4301.     margin-top: -10px !important;
  4302.     background: #222 !important;
  4303. }
  4304.  
  4305. /* STATISTICS - ADD LABEL on HOVER - === */
  4306. #install-stats-chart-container + table>thead>tr>th>abbr:before {
  4307.     position: fixed !important;
  4308.     display: inline-block !important;
  4309.     width: 100px !important;
  4310.     transform: rotate(-90deg)!important;
  4311.     content: attr(title) !important;
  4312.     margin-top: 65px !important;
  4313.     margin-left: -83px !important;
  4314.     font-size: 13px !important;
  4315.     text-align: right !important;
  4316.     color: peru !important;
  4317. }
  4318. #install-stats-chart-container + table:hover>thead>tr>th>abbr:after {
  4319.     position: fixed !important;
  4320.     display: inline-block !important;
  4321.     width: 20px !important;
  4322.     height: 17px !important;
  4323.     transform: rotate(-90deg)!important;
  4324.     content: "."!important;
  4325.     margin-top: 22px !important;
  4326.     margin-left: -44px !important;
  4327.     border-radius: 5px !important;
  4328.     font-size: 13px !important;
  4329.     text-align: center !important;
  4330.     color: peru!important;
  4331.     background: rgba(255, 211, 0, 0.16)!important;
  4332. }
  4333. #install-stats-chart-container + table>thead>tr>th:nth-of-type(7):before {
  4334.     position: fixed !important;
  4335.     display: inline-block !important;
  4336.     width: 100px !important;
  4337.     transform: rotate(-90deg) !important;
  4338.     content: "Opera JS" !important;
  4339.     margin-top: 80px !important;
  4340.     margin-left: -40px !important;
  4341.     font-size: 20px !important;
  4342.     text-align: right !important;
  4343.     color: peru !important;
  4344. }
  4345. #install-stats-chart-container + table>thead>tr>th:nth-of-type(8):before {
  4346.     position: fixed !important;
  4347.     display: inline-block !important;
  4348.     width: 100px !important;
  4349.     transform: rotate(-90deg) !important;
  4350.     content: "Opera JS" !important;
  4351.     margin-top: 80px! important;
  4352.     margin-left: -29px !important;
  4353.     font-size: 20px !important;
  4354.     text-align: right !important;
  4355.     color: peru!important;
  4356. }
  4357.  
  4358. #install-stats-chart-container + table>tbody>tr:nth-child(odd) {
  4359.     background: rgba(255, 0, 0, 0.23) !important;
  4360. }
  4361. #install-stats-chart-container + table>tbody>tr:nth-child(even) {
  4362.     background: rgba(255, 254, 0, 0.23) !important;
  4363. }
  4364. #install-stats-chart-container + table>tbody>tr:hover th {
  4365.     background: blue !important;
  4366. }
  4367. #install-stats-chart-container + table>tbody>tr:hover th {
  4368.     background: blue  !important;
  4369. }
  4370. #install-stats-chart-container + table>tbody>tr:hover td {
  4371.     background: black !important;
  4372. }
  4373. #install-stats-chart-container + table>tbody>tr:hover td:last-of-type {
  4374.     background: red !important;
  4375. }
  4376.  
  4377. /* MESSAGE - ERROR NOT LOADING IMAGES - === */
  4378. .notice {
  4379.     display: inline-block !important;
  4380.     position: absolute !important;
  4381.     width: 214px !important;
  4382.     left: -13px !important;
  4383.     top: 15px !important;
  4384. }
  4385.  
  4386. /* (new131) TEST - FORUM IMAGE IN DISSCUSSION - === */
  4387. #vanilla_discussion_comment .Message>img{
  4388.     max-height: 200px !important;
  4389.     max-width: 50% !important;
  4390.     margin-bottom: 25px !important;
  4391. }
  4392.  
  4393. .Discussion.comment .Message>div {
  4394.     display: inline-block !important;
  4395.     float: right;
  4396.     height: 150px;
  4397.     width: 719px !important;
  4398.     margin: auto auto 20px 50px !important;
  4399.     left: 150px !important;
  4400.     overflow: hidden;
  4401. }
  4402. /* (new131) https://greasyfork.org/fr/forum/discussion/comment/75068#Comment_75068 */
  4403. .Discussion.comment .Message>div.imgur-gifv.VideoWrap {
  4404.     float: none !important;
  4405.     height: auto !important;
  4406.     width: 700px !important;
  4407.     margin: auto auto 20px 0px !important;
  4408. }
  4409.  
  4410. .Message>div>a>a>img {
  4411.     margin-left: 56px !important;
  4412.     text-align: center;
  4413. }
  4414.  
  4415. .Message .ImageResized {
  4416.     cursor: pointer;
  4417.     font-size: 11px;
  4418.     font-weight: normal;
  4419.     height: 20px !important;
  4420.     margin-bottom: 5px !important;
  4421.     max-width: 668px !important;
  4422.     color: peru !important;
  4423. }
  4424. .Message .ImageResized:hover {
  4425.     color: tomato !important;
  4426. }
  4427.  
  4428.  
  4429. /* TEST - CODE IN DISCUSSION - === */
  4430. .Message>table>tbody>tr>td>code {
  4431.     display: inline-block !important;
  4432.     min-width: 688px !important;
  4433.     max-width: 688px !important;
  4434.     letter-spacing: initial;
  4435.     white-space: pre-line !important;
  4436.     word-wrap: break-word !important;
  4437.     background-color: #5c5c5c !important;
  4438.     color: white!important;
  4439. }
  4440. .Message>pre {
  4441.     position: relative !important;
  4442.     display: inline-block !important;
  4443.     min-width: 650px !important;
  4444.     max-width: 650px !important;
  4445.     margin-left: 5px !important;
  4446.     letter-spacing: initial;
  4447.     white-space: pre-line !important;
  4448.     word-wrap: break-word !important;
  4449.     background-color: #5c5c5c !important;
  4450.     color: white!important;
  4451. }
  4452. .Message>ul>li>pre {
  4453.     position: relative !important;
  4454.     display: inline-block !important;
  4455.     min-width: 580px !important;
  4456.     max-width: 580px !important;
  4457.     margin-left: 5px !important;
  4458.     letter-spacing: initial;
  4459.     white-space: pre-line !important;
  4460.     word-wrap: break-word !important;
  4461.     background-color: #5c5c5c !important;
  4462.     color: white !important;
  4463. }
  4464. .Message>ul>li>ul>li>pre{
  4465.     position: relative !important;
  4466.     display: inline-block !important;
  4467.     min-width: 580px !important;
  4468.     max-width: 580px !important;
  4469.     margin-left: -35px !important;
  4470.     letter-spacing: initial;
  4471.     white-space: pre-line !important;
  4472.     word-wrap: break-word !important;
  4473.     background-color: #5c5c5c !important;
  4474.     color: white !important;
  4475. }
  4476.  
  4477. /* TEST code in discussion - === */
  4478. .Message ol li pre {
  4479.     display: inline-block !important;
  4480.     min-width: 650px !important;
  4481.     max-width: 650px !important;
  4482.     margin-left: -35px !important;
  4483.     letter-spacing: initial;
  4484.     white-space: pre-line !important;
  4485.     word-wrap: break-word !important;
  4486.     background-color: #5c5c5c !important;
  4487.     color: white !important;
  4488. }
  4489.  
  4490. /* (new96) FORUM USERTYLES / GREASY FORK - CODE (BACKROUND STRIPED) - for .linenums.prettyprinted  -
  4491. TEST different:
  4492. https://greasyfork.org/en/forum/discussion/6928/gm-xmlhttprequest-vs-xmlhttprequest#latest
  4493. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help#latest
  4494. ===  */    
  4495. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4496.     position: relative !important;
  4497.     display: inline-block !important;
  4498.     min-width: 670px !important;
  4499.     max-width: 670px !important;
  4500.     left: 0px !important;
  4501.     top: -10px !important;
  4502.     letter-spacing: initial;
  4503.     white-space: pre-line !important;
  4504.     word-wrap: break-word !important;
  4505.     background-color: white !important;
  4506.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent) !important;
  4507.     background-size: 30px 15px !important;
  4508.     color: red !important;
  4509.     outline: 1px solid green !important;
  4510. }
  4511. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  4512.     position: relative !important;
  4513.     display: inline-block !important;
  4514.     min-width: 670px !important;
  4515.     max-width: 670px !important;
  4516.     left: 0px !important;
  4517.     top: -10px !important;
  4518.     letter-spacing: initial;
  4519.     white-space: pre-line !important;
  4520.     word-wrap: break-word !important;
  4521.     background-color: white !important;
  4522.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent)!important;
  4523.     background-size: 30px 15px !important;
  4524.     color: red !important;
  4525.     outline: 1px solid violet !important;
  4526. }
  4527. pre.linenums.prettyprinted .linenums {
  4528.     background: transparent !important;
  4529.     padding: 8px;
  4530. }
  4531.     pre.linenums.prettyprinted li.L0,
  4532. pre.linenums.prettyprinted li.L1,
  4533.     pre.linenums.prettyprinted li.L2,
  4534. pre.linenums.prettyprinted li.L3,
  4535.     pre.linenums.prettyprinted li.L4,
  4536. pre.linenums.prettyprinted li.L5,
  4537.     pre.linenums.prettyprinted li.L6,
  4538. pre.linenums.prettyprinted li.L7,
  4539.     pre.linenums.prettyprinted li.L8,
  4540. pre.linenums.prettyprinted li.L9 {
  4541.     min-width: 600px !important;
  4542.     max-width: 600px !important;
  4543.     margin-left: -20px!important;
  4544.     background:transparent !important;
  4545. }
  4546.     pre.linenums.prettyprinted li.L0 code,
  4547. pre.linenums.prettyprinted li.L1 code,
  4548.     pre.linenums.prettyprinted li.L2 code,
  4549. pre.linenums.prettyprinted li.L3 code ,
  4550.     pre.linenums.prettyprinted li.L4 code,
  4551. pre.linenums.prettyprinted li.L5 code ,
  4552.     pre.linenums.prettyprinted li.L6 code ,
  4553. pre.linenums.prettyprinted li.L7 code ,
  4554.     pre.linenums.prettyprinted li.L8 code,
  4555. pre.linenums.prettyprinted li.L9 code {
  4556.     min-width: 600px !important;
  4557.     max-width: 600px !important;
  4558.     background: #5c5c5c !important;
  4559.     background:transparent !important;
  4560.     color: white!important;
  4561. }
  4562. .linenums.prettyprinted code .pun{
  4563.     background:transparent !important;
  4564. }
  4565.    
  4566. /* ===
  4567. https://greasyfork.org/fr/forum/discussion/3248/can-anyone-with-javascript-knowledge-help/p1
  4568. === */
  4569. #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 {
  4570.     display: inline-block !important;
  4571.     min-width: 630px !important;
  4572.     max-width: 630px !important;
  4573.     margin-left: -5px !important;
  4574. }
  4575. .Quote>p>code ,
  4576. .Message pre code ,
  4577. .Message > code  {
  4578.     display: inline-block !important;
  4579.     max-width: 648px !important;
  4580.     vertical-align: middle !important;
  4581.     padding: 1px 2px 1px 4px !important;
  4582.     white-space: pre-line !important;
  4583.     word-wrap: break-word !important;
  4584.     background-color: #5c5c5c !important;
  4585.     color: white !important;
  4586. }
  4587.  
  4588. /*(new96) CODE - USERSTLES / GREASYFORK  - FIRST TOP DISSCUSSION -
  4589. OK for : https://forum.userstyles.org/discussion/53223/firefoxs-developer-toolbar-readable-userstyles-name-for-css-selector-lines-like-firebug?new=1
  4590. PB fixed for : https://greasyfork.org/fr/forum/discussion/27373/x
  4591. === */
  4592. .Discussion .Item-BodyWrap .Item-Body .Message code ,
  4593. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code  {
  4594.     display: inline-block !important;
  4595.     max-width: 600px !important;
  4596.     position: relative;
  4597.     letter-spacing: initial;
  4598.     line-height: 15px;
  4599.     min-height: 0px !important;
  4600.     min-width: 0px !important;
  4601.     top: 0;
  4602.         overflow-y: hidden !important;
  4603.     overflow-x: hidden !important;
  4604. }
  4605. code ,
  4606. .Message>p>code {
  4607.     position: relative !important;
  4608.     display: inline-block!important;
  4609.     min-width: 10px !important;
  4610.     max-width: 670px !important;
  4611.     min-height: 15px !important;
  4612.     line-height: 15px !important;
  4613.     top: 0px !important;
  4614.     margin-top: 0px!important;
  4615.     margin-bottom: -2px !important;
  4616.     margin-left: 2px !important;
  4617.     padding: 0px 2px !important;
  4618.     letter-spacing: initial;
  4619.     white-space: pre-line !important;
  4620.     word-wrap: break-word !important;
  4621.     background-color: #5c5c5c!important;
  4622.     color: white!important;
  4623. }
  4624. /* TEST - CODE IN DISCUSSION - TOP AUTHOR DISCUSSION - === */
  4625. .Message>ul>li>code  {
  4626.     position: relative !important;
  4627.     display: inline-block!important;
  4628.     min-width: 10px !important;
  4629.     max-width: 670px !important;
  4630.     height: 13px !important;
  4631.     line-height: 13px !important;
  4632.     top: 0px !important;
  4633.     margin-top:0px!important;
  4634.     margin-bottom: -2px !important;
  4635.     margin-left: 2px !important;
  4636.     padding: 1px 4px !important;
  4637.     letter-spacing: initial;
  4638.     white-space: pre-line !important;
  4639.     word-wrap: break-word !important;
  4640.     background-color: #5c5c5c!important;
  4641.     color: white!important;
  4642. }
  4643. .QuoteText>pre {
  4644.     width: 660px!important;
  4645.     padding: 2px 2px 2px 4px !important;
  4646.     letter-spacing: initial;
  4647.     white-space: pre-line !important;
  4648.     word-wrap: break-word !important;
  4649. }
  4650.  
  4651. /* USERSTYLES PAGE INFO - CODE - === */
  4652. #additional-info-text>code:not(:empty),
  4653. #long-description>code:not(:empty)  {
  4654.     display: inline-block !important;
  4655.     margin-left: 1px!important;
  4656.     padding: 5px 10px!important;
  4657.     border-radius: 2px!important;
  4658.     letter-spacing: initial;
  4659.     white-space: pre-line !important;
  4660.     word-wrap: break-word !important;
  4661.     background-color: #e9e8e5!important;
  4662.     background-color: #5c5c5c !important;
  4663.     color: white !important;
  4664. }
  4665. #additional-info-text>pre ,
  4666. #additional-info-text>code pre code ,
  4667. #additional-info-text>code pre {
  4668.     display: inline-block !important;
  4669.     width: 850px!important;
  4670.     margin-left: 1px!important;
  4671.     padding: 5px 10px!important;
  4672.     border-radius: 2px!important;
  4673.     letter-spacing: initial;
  4674.     white-space: pre-line !important;
  4675.     word-wrap: break-word !important;
  4676.     background-color: #e9e8e5!important;
  4677.     background-color: #5c5c5c !important;
  4678.     color: white !important;
  4679. }
  4680.  
  4681. /* CODE - IN STYLE INFO - LONG DESCRIPTION - === */
  4682. #long-description>code:not(:empty)  {
  4683.     display: inline-block !important;
  4684.     width: auto !important;
  4685.     max-width: 540px!important;
  4686. }
  4687. /* CODE - IN STYLE INFO - ADITIONAL DESCRIPTION - === */
  4688. #additional-info-text > code:not(:empty)  {
  4689.     display: inline-block !important;
  4690.     width: auto !important;
  4691.     max-width: 820px!important;
  4692. }
  4693.  
  4694. /* GREASYFORK - SCRIPT PAGE INFO - CODE - === */
  4695. #additional-info>div>blockquote>pre>code  {
  4696.     display: inline-block !important;
  4697.     width: 99%!important;
  4698.     margin-left: -6px!important;
  4699.     padding: 5px 10px!important;
  4700.     border-radius: 2px!important;
  4701.     border: 1px solid gray !important;
  4702.     letter-spacing: initial;
  4703.     white-space: pre-line !important;
  4704.     word-wrap: break-word !important;
  4705.     background-color: #e9e8e5!important;
  4706.     background-color: #5c5c5c !important;
  4707.     color: white !important;
  4708. }
  4709. #additional-info>div>pre>code  {
  4710.     display: inline-block !important;
  4711.     width: 99%!important;
  4712.     margin-left: -6px!important;
  4713.     padding: 5px 10px!important;
  4714.     border-radius: 2px!important;
  4715.     letter-spacing: initial;
  4716.     white-space: pre-line !important;
  4717.     word-wrap: break-word !important;
  4718.     background-color: #e9e8e5!important;
  4719.     background-color: #5c5c5c !important;
  4720.     color: white !important;
  4721. }
  4722.  
  4723. /* (new75) WITH / WITHOUT GM - MY ACCOUNT PAGE / EDIT PAGE - === */
  4724. #main-header + #content-wrapper> #main-article>ul {
  4725.     position: fixed !important;
  4726.     display: inline-block !important;
  4727.     width: 50px !important;
  4728.     height: 18px !important;
  4729.     margin-left: -100px;
  4730.     top: 18px !important;
  4731.     padding-left: 15px !important;
  4732.     border-radius: 3px 3px 0 0 !important;
  4733.     box-shadow: 0 0 4px #999999 !important;
  4734.     text-align: left !important;
  4735.     background: #222 !important;
  4736.     overflow: hidden !important;
  4737.     z-index: 500 !important;
  4738. }
  4739. #help-style-settings-edit ~pre ,
  4740. #main-header + #content-wrapper > #main-article > p ~ ul {
  4741.     position: relative !important;
  4742.     display: inline-block !important;
  4743.     width: 700px !important;
  4744.     height: auto!important;
  4745.     margin-left: 200px !important;
  4746.     margin-top: -5px !important;
  4747.     border-radius: 3px !important;
  4748.     border: 1px solid gray !important;
  4749.     background: #222 !important;
  4750.     overflow: visible !important;
  4751.     z-index: 10 !important;
  4752. }
  4753. #main-header + #content-wrapper > #main-article > table + p {
  4754.     position: fixed!important;
  4755.     display: inline-block !important;
  4756.     width: 600px !important;
  4757.     height: auto !important;
  4758.     top: 73px !important;
  4759.     left: 320px !important;
  4760.     opacity: 0 !important;
  4761. }
  4762. #main-header + #content-wrapper > #main-article > table:hover + p {
  4763.     position: fixed!important;
  4764.     display: inline-block !important;
  4765.     width: 600px !important;
  4766.     height: auto!important;
  4767.     top: 73px!important;
  4768.     left: 320px!important;
  4769.     opacity: 1!important;
  4770.     transition: opacity ease 0.7s !important;
  4771. }
  4772. #main-header + #content-wrapper> #main-article>ul:hover {
  4773.     width: 200px !important;
  4774.     height: auto!important;
  4775.     box-shadow: 0 0 4px #999999 !important;
  4776. }
  4777. #main-header + #content-wrapper > #main-article > p ~ ul:hover{
  4778.     width: 700px !important;
  4779.     height: auto!important;
  4780. }
  4781. #main-header + #content-wrapper> #main-article>ul:before {
  4782.     width: 200px !important;
  4783.     height: 10px !important;
  4784.     line-height: 10px !important;
  4785.     content: "More..."!important;
  4786. }
  4787. #main-header + #content-wrapper > #main-article > p ~ ul:before{
  4788.     content: ""!important;
  4789. }
  4790. /* HELP STYLES - === */
  4791.  #main-header + #content-wrapper > #main-article > p ~ ul ~h3 {
  4792.     width: 700px !important;
  4793.     margin-left: 200px !important;
  4794.     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);
  4795.     text-align: center!important;
  4796.     color: peru!important;
  4797. }
  4798.  
  4799.  
  4800. /* (new109) TEST TO SOLVE PB OVERFLOW ON SMALL SCREEN (no horizontal scrollbar) + FONT VERANDA - === */
  4801. body {
  4802.     display: inline-block !important;
  4803.     width: 100% !important;
  4804.     max-width: 1910px !important;
  4805.     overflow: hidden !important;
  4806.     overflow-x: hidden !important;
  4807.     overflow-y: auto !important;
  4808.     font-family: Verdana,sans-serif!important;
  4809.     background-color: green !important;
  4810. }
  4811.  
  4812.  
  4813. /* (new127) EDIT COMMENT - HOVER + NOT HOVER / OPEN + NOT OPEN - === */
  4814.  
  4815. /* (new127) ALL - USERSTYLE / GREASY FORK - EDIT COMMENT - ICON PENCIL GRAY - TOP TITLE DISCUS / OK COMMENTS - === */
  4816. .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4817.     display: inline-block !important;
  4818.     float: left !important;
  4819.     width: 15px !important;
  4820.     height: 15px !important;
  4821.     padding: 0 !important;
  4822.     border: none !important;
  4823.     background-color: transparent !important;
  4824.     box-shadow: none !important;
  4825. }
  4826. #Item_0 .ToggleFlyout.OptionsMenu  .Flyout.MenuItems {
  4827.     left: -5px !important;
  4828.     top: 21px !important;
  4829. }
  4830. .OptionsMenu .Flyout {
  4831.   right: 6px;
  4832.   top: -1px;
  4833. }
  4834. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  4835. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  4836.     border: none !important;
  4837. }
  4838. .OptionsTitle ,
  4839. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment ,
  4840. .ToggleFlyout:not(.Open) .EditDiscussion {
  4841.     display: inline-block !important;
  4842.     width: 18px !important;
  4843.     background-color: transparent!important;
  4844.     font-size: 0px!important;
  4845.     visibility: hidden!important;
  4846.     outline: 1px solid peru !important;
  4847. }
  4848. /* (new127) ALL */
  4849.  
  4850. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  4851.     content: " "!important;
  4852.     position: relative!important;
  4853.     display: inline-block !important;
  4854.     width: 18px !important;
  4855.     height: 15px !important;
  4856.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4857.     background-color: black !important;
  4858.     font-size: 15px !important;
  4859.     visibility: visible !important;
  4860.     outline: 1px solid gray !important;
  4861. }
  4862.  a.EditComment:before ,
  4863. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  4864.     content: " "!important;
  4865.     position: relative!important;
  4866.     display: inline-block !important;
  4867.     width: 18px !important;
  4868.     height: 18px !important;
  4869.     left: 17px !important;
  4870.     top: -12px !important;
  4871.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4872.     background-color: black !important;
  4873.     font-size: 15px !important;
  4874.     visibility: visible !important;
  4875.     outline: 1px solid gray !important;
  4876. }
  4877. /* EDIT BUTTON */
  4878. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems  {
  4879.     display: inline-block !important;
  4880.     height: 15px !important;
  4881.     line-height: 15 !important;
  4882.     padding: 1px !important;
  4883. }
  4884.  
  4885.  
  4886.  
  4887. /* (new62) COMMENT DISCUSSION - COMMENT EDIT PAGE - === */
  4888. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  4889.     margin-top: -74px !important;
  4890. }
  4891. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  4892.     padding: 0px 20px !important;
  4893. }
  4894.  
  4895. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a {
  4896.     position: relative !important;
  4897.     display: inline-block !important;
  4898.     float: left !important;
  4899.     width: 18px !important;
  4900.     padding: 0 !important;
  4901.     line-height: 15px !important;
  4902. outline: 1px solid pink !important;
  4903. }
  4904.  
  4905. .ToggleFlyout.OptionsMenu  .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems>li a:hover {
  4906.     background-color: #ACB1B7 !important;
  4907.     color: white !important;
  4908.     text-decoration: none;
  4909. }
  4910.  
  4911. /* (new79) EDIT COMMENT - === */
  4912. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  4913.     font-size: 15px !important;
  4914.     visibility: hidden !important;
  4915.     outline: 1px solid gray !important;
  4916. }
  4917. #vanilla_discussions_index .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4918. #vanilla_discussions_mine .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before ,
  4919. #vanilla_discussions_bookmarked .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.dropdown-menu-link-edit:before {
  4920. /* outline: 1px solid violet !important; */
  4921. }
  4922.  
  4923. /* COMMENT DISCUSS  */
  4924. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle ,
  4925. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle ,
  4926. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle  {
  4927.     visibility: hidden!important;
  4928. }
  4929. /* COMMENT DISCUSS ALT (BLACK) */
  4930. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle ,
  4931. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle {
  4932.     visibility: hidden !important;
  4933. }
  4934. /* LIST BOOKMARKED */
  4935. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle ,
  4936. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle {
  4937.     visibility: hidden !important;
  4938. }
  4939. /* LIST BOOKMARKED ALT (BLACK) */
  4940. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle ,
  4941. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  4942.     outline: 1px solid red!important;
  4943.     visibility: hidden !important;
  4944. }
  4945. .DismissAnnouncement.Hijack {
  4946.     margin-right: 19px !important;
  4947.     margin-top: -31px !important;
  4948.     color: peru !important;
  4949. }
  4950. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  4951.     margin-right: 19px !important;
  4952.     margin-top: 0px !important;
  4953.     color: peru !important;
  4954. }
  4955.  
  4956. /* (new118) TEST - USERSTYLES - EDIT COMMENT */
  4957. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion  {
  4958.     font-size: 15px !important;
  4959. /*     visibility: visible !important; */
  4960.     visibility: hidden !important;
  4961.     z-index: 10000 !important;
  4962. }
  4963. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit  {
  4964.     margin-left: 32px !important;
  4965.     padding: 0 !important;
  4966.     font-size: 0px !important;
  4967. }
  4968. /* (new116) */
  4969. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before ,
  4970. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  4971.     content: " "!important;
  4972.     position: relative !important;
  4973.     display: inline-block !important;
  4974.     float: left !important;
  4975.     width: 18px !important;
  4976.     height: 18px !important;
  4977. /*     left: 762px !important; */
  4978. top: -2px !important;
  4979.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  4980.     background-color: black !important;
  4981.     font-size: 15px !important;
  4982.     visibility: visible !important;
  4983.     outline: 1px solid gray !important;
  4984.     z-index: 10000 !important;
  4985. }
  4986.  
  4987. /* (new79) USERSTYLES / GREASYFORK - EDIT BUTTON - IN HEADER DISSCUSS IN GREASY FORK DISCUS - === */
  4988. /* GREASYFORK */
  4989. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  4990.     outline: 1px solid peru!important;
  4991.     visibility: hidden !important;
  4992. }
  4993.  
  4994. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style - === */
  4995. .Attachment .FilePreview .Thumb-Default img ,
  4996. .Attachment .FileHover .Thumb-Default img {
  4997.     display: inline-block !important;
  4998.     max-height: 25px !important;
  4999.     min-height: 25px !important;
  5000.     height: 100% !important;
  5001.     width: 20px !important;
  5002. }
  5003.  
  5004. /* START PAGE - === */
  5005. #main-article>p  {
  5006.     position: relative !important;
  5007.     display: inline-block !important;
  5008.     width: 870px! important;
  5009.     margin: 10px auto ! important;
  5010.     left: 70px ! important;
  5011. }
  5012. #front-page-best {
  5013.     display: inline-block ! important;
  5014.     margin-left: 200px ! important;
  5015. }
  5016. #front-page-newest {
  5017.     display: inline-block !important;
  5018.     margin-left: 200px !important;
  5019. }
  5020. #front-page-best h2 ,
  5021. #front-page-newest  h2 {
  5022.     display: inline-block ! important;
  5023.     width: 300px !important;
  5024.     margin-left: 15px !important;
  5025.     padding-left: 29px !important;
  5026.     border-radius: 5px !important;
  5027.     box-shadow: 0 0 4px #999999 !important;
  5028.     background-color: #222222 !important;
  5029. }
  5030. #front-page-best ul li  ,
  5031. #front-page-newest ul li  {
  5032.     width: 700px ! important;
  5033.     padding: 2px 5px ! important;
  5034. }
  5035. #front-page-best ul li:nth-child(even) ,
  5036. #front-page-newest ul li:nth-child(even) {
  5037.     background: black! important;
  5038. }
  5039. #front-page-best ul li:nth-child(odd) ,
  5040. #front-page-newest ul li:nth-child(odd) {
  5041.     background: #222222 ! important;
  5042. }
  5043. #front-page-newest ul li:not(.additional-link):after ,
  5044. #front-page-best ul li:not(.additional-link):after {
  5045.     content: "tot   :   " attr(total-install-count) ;
  5046.     display: inline-block ;
  5047.     float: left ;
  5048.     width: 250px ;
  5049.     margin-right: -100px ;
  5050.     text-align: left ;
  5051.     color: gold ;
  5052. }
  5053. /* (COR) */
  5054. #front-page-best ul li:not(.additional-link):before {
  5055. content: "week   :   " attr(weekly-install-count) ;
  5056.     display: inline-block ;
  5057.     float: right ;
  5058.     width: 120px ;
  5059.     margin-left: 10px ;
  5060.     text-align: left ;
  5061. color: gold;
  5062. }
  5063.  
  5064. /* for GM "ENHANCER" / "TABLE VIEW" - === */
  5065. table#summary + #table-container > table#style-table  {
  5066.     border-collapse: collapse;
  5067.     margin-bottom: 0;
  5068.     margin-left: 0;
  5069.     margin-right: 0;
  5070. }
  5071. table#summary + #table-container > table#style-table > tr:first-of-type {
  5072.     position: fixed !important;
  5073.     height: 100% !important;
  5074.     max-width: 65.5% !important;
  5075.     min-width: 65.5% !important;
  5076.     width: 100% !important;
  5077.     margin-top: -45px !important;
  5078.     min-height: 50px !important;
  5079.     border-bottom: 4px solid #D2B48C !important;
  5080.     border-top: 4px solid #D2B48C !important;
  5081.     z-index: 200 !important;
  5082. }
  5083. /* TABLE VIEW - FIXED HEADER CELLS */
  5084. table#summary + #table-container > table#style-table th {
  5085.     height: 100%!important;
  5086.     min-height: 35px!important;
  5087.     max-height: 35px!important;
  5088.     text-shadow: 1px 1px 2px #000000;
  5089. }
  5090. /* A VOIR - for GM "ENHANCER" */
  5091. #main-article >dl + h2 + .ad + table#summary + #table-container > table#style-table th {
  5092.     height: 30px !important;
  5093.     line-height: 3px !important;
  5094.     text-shadow: 1px 1px 2px #000000;
  5095. }
  5096. /* PAGINATION - HIGHLIGHT - === */
  5097. .NumberedPager a.Highlight ,
  5098. #PagerBefore.Pager a.Highlight{
  5099.     background: none repeat scroll 0 0 yellow !important;
  5100.     color: red !important;
  5101. }
  5102.  
  5103.  
  5104.  
  5105.  
  5106. /* (new76) ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT  - === */
  5107. .Pager a,
  5108. .Pager span {
  5109.     position: relative !important;
  5110.     display: inline-block;
  5111.     margin: 0 3px;
  5112.     min-width: 17px!important;
  5113.     height: 14px !important;
  5114.     line-height: 13px !important;
  5115.     padding: 0 !important;
  5116.     text-align: center!important;
  5117.     vertical-align: middle !important;
  5118.     border-radius: 3px !important;
  5119.     box-shadow: 3px 3px 2px black !important;
  5120.     background: #222 !important;
  5121. }
  5122. .NumberedPager a.Next,
  5123. .NumberedPager span.Next,
  5124. .NumberedPager a.Previous,
  5125. .NumberedPager span.Previous {
  5126.     position: relative !important;
  5127.     display: inline-block !important;
  5128.     height: 14px !important;
  5129.     line-height: 11px !important;
  5130.     font-size: 23px !important;
  5131.     border-radius: 3px !important;
  5132.     box-shadow: 3px 3px 2px black !important;
  5133.     background: #222 !important;
  5134.     vertical-align: middle !important;
  5135. }
  5136. .NumberedPager .Next:hover,
  5137. .NumberedPager .Previous:hover {
  5138.     position: relative !important;
  5139.     display: inline-block !important;
  5140.     height: 14px !important;
  5141.     line-height: 11px !important;
  5142.     border-radius: 3px !important;
  5143.     top: 5px!important;
  5144.     left: 0px !important;
  5145.     margin-left: 3px !important;
  5146.     right: 0px !important;
  5147.     font-size: 26px !important;
  5148.     vertical-align: middle !important;
  5149. }
  5150. #PagerAfter>a:hover,
  5151. #PagerBefore>a:hover,
  5152. body .Pager .Highlight:hover,
  5153. .PageControls .Pager a:hover  {
  5154.     display: inline-block !important;
  5155.     color: tomato !important;
  5156. }
  5157.  
  5158. #PagerBefore> .Next:hover,
  5159. .NumberedPager a.Next:hover,
  5160. .NumberedPager span.Next:hover {
  5161. position: relative !important;
  5162.     display: inline-block !important;
  5163.     height: 20px !important;
  5164.     line-height: 17px!important;
  5165.     margin-top: -10px !important;
  5166.     font-size: 23px !important;
  5167.     vertical-align: middle !important;
  5168.     color: tomato !important;
  5169. }
  5170.  
  5171. #PagerAfter> .Previous:hover,
  5172. #PagerBefore> .Previous:hover,
  5173. .NumberedPager a.Previous:hover,
  5174. .NumberedPager span.Previous:hover {
  5175.     position: relative !important;
  5176.     display: inline-block !important;
  5177.     height: 20px !important;
  5178.     line-height: 17px!important;
  5179.     margin-top: -10px !important;
  5180.     font-size: 23px !important;
  5181.     vertical-align: middle !important;
  5182.     color: tomato !important;
  5183. }
  5184. .p-100.LastPage:hover {
  5185.     position: relative !important;
  5186.     display: inline-block !important;
  5187.     height: 20px !important;
  5188.     line-height: 17px!important;
  5189.     font-size: 16px !important;
  5190.     vertical-align: middle !important;
  5191.     color: tomato !important;
  5192. }
  5193. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  5194. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous ,
  5195. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next {
  5196.     position: relative !important;
  5197.     display: inline-block !important;
  5198.     vertical-align: middle !important;
  5199.     line-height: 20px !important;
  5200.     height: 20px!important;
  5201.     padding: 2px!important;
  5202.     top: -10px!important;
  5203.     font-size: 15px !important;
  5204.     color: peru !important;
  5205. }
  5206. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Previous:hover {
  5207.     display: inline-block !important;
  5208.     left: -11px!important;
  5209.     font-size: 20px !important;
  5210.     transition: all ease 0.5s !important;
  5211.     color: tomato !important;
  5212. }
  5213. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom  .Next:hover {
  5214.     display: inline-block !important;
  5215.     margin-right: -9px!important;
  5216.     margin-left: 2px!important;
  5217.     font-size: 20px !important;
  5218.     transition: all ease  0.5s  !important;
  5219.     color: tomato !important;
  5220. }
  5221.  
  5222.  
  5223.  
  5224.  
  5225. /* GREASYFORK - ALL - IMAGES - MAX WIDTH (WITH /Without GM TS CITRUS)- === */
  5226. #additional-info .script-author-description>p  img ~ br {
  5227.     display : none !important;
  5228. }
  5229. #additional-info img ,
  5230. .lightbox .lb-image {
  5231.     position: relative  !important;
  5232.     display: inline-block !important;
  5233.     height: auto !important;
  5234.     max-width: 80% !important;
  5235.     margin: 0 auto !important;
  5236.     border-radius: 3px;
  5237. }
  5238. #additional-info img {
  5239.     display: inline-block !important;
  5240.     width: auto !important;
  5241.     max-width: 98%!important;
  5242.     max-height: 245px !important;
  5243.     padding: 2px !important;
  5244.     color: yellow!important;
  5245. /* box-shadow: 5px 5px 2px #888888 !important; */
  5246.     box-shadow: 5px 5px 2px #181818 !important;
  5247.     background-color: #2b2b2b !important;
  5248. border: 1px solid orange !important;   
  5249. }
  5250. #additional-info .fancybox img {
  5251.     box-shadow: none !important;
  5252.     color: yellow!important;
  5253.     max-height: 100px !important;
  5254. border: 1px solid orange !important;
  5255. }
  5256.  
  5257. /* USERSTYLES - MAIN ARTICLE (inside CONTENT-WRAPPER) - === */
  5258. #main-article {
  5259.     margin-left: 215px !important;
  5260. }
  5261.  
  5262. /* (new119) USERSTYLES -ACCOUNT PAGE - USER NAME */
  5263. .PageContent>dl>dt:not(:last-of-type) {
  5264.     position: absolute !important;
  5265.     display: inline-block !important;
  5266.     width: 21% ;
  5267.     height: 15px;
  5268.     line-height: 15px !important;
  5269.     margin-left: 15%;
  5270.     margin-top: -20px !important;
  5271.     padding: 5px;
  5272.     overflow: hidden;
  5273.     text-align: center !important;
  5274.     border: 1px solid #404040 ;
  5275.     background: #222 !important;
  5276. }
  5277. /* TXT "HOMEPAGE" in STYLES PAGES */
  5278. html>body>dl dt:not(:last-of-type) + #user-about + dt {
  5279.     display: none !important;
  5280. }
  5281.  
  5282. /* (new119) USERSTYLES -ACCOUNT PAGE - USER CONTACT */
  5283. #user-about + dt {
  5284.     position: absolute !important;
  5285.     display: inline-block !important;
  5286.     width: 1% ;
  5287.     min-height: 14px;
  5288.     max-height: 14px;
  5289.     line-height: 14px;
  5290.     margin-left: 37%;
  5291.     margin-top: -20px !important;
  5292.     padding: 5px;
  5293.     text-align: left ;
  5294.     font-size: 0 !important;
  5295.     border: 1px solid #404040 ;
  5296. }
  5297. .PageContent>dl dd:last-of-type {
  5298.     position: absolute !important;
  5299.     display: inline-block !important;
  5300.     width: 1.5% ;
  5301.     height: 100% !important;
  5302.     min-height: 25px !important;
  5303.     max-height: 25px !important;
  5304.     margin-left: 38% !important;
  5305.     margin-top: -19px !important;
  5306.     padding-right: 20px;
  5307.     overflow: hidden !important;
  5308.     white-space: nowrap !important;
  5309.     text-align: left ;
  5310.     font-size: 0px !important;
  5311.     color: transparent !important;
  5312. }
  5313. .PageContent>dl dd:last-of-type:before {
  5314.     content: "📧" ;
  5315.     position: absolute !important;
  5316.     display: inline-block !important;
  5317.     width: 42px ;
  5318.     height: 100% !important;
  5319.     min-height: 22px !important;
  5320.     max-height: 22px !important;
  5321.     line-height: 20px ;
  5322.     margin-left: -7px !important;
  5323.     left: 0px !important;
  5324.     padding: 0px;
  5325.     text-align: center ;
  5326.     font-size: 27px ;
  5327.     color: red !important;
  5328.     border: 1px solid #404040 ;
  5329.     pointer-events: none !important;
  5330. }
  5331. /* (new123) USERSTYLES - ACCOUNT PAGE - USER ABOUT /HOVER */
  5332. #user-about {
  5333.     position: absolute !important;
  5334.     display: inline-block;
  5335.     width: 38% ;
  5336.     min-height: 14px !important;
  5337.     max-height: 14px !important;
  5338.     margin-left: 43% !important;
  5339.     margin-top: -20px !important;
  5340.     padding: 5px;
  5341.     overflow: hidden;
  5342.     border: 1px solid lime !important;
  5343. transition: all ease 0.7s !important;
  5344. }
  5345. #user-about:hover {
  5346.     position: absolute !important;
  5347.     display: inline-block;
  5348.     width: 54% !important;
  5349.     max-height: 700px !important;
  5350.     padding: 5px;
  5351.     overflow: hidden;
  5352.     overflow-y: auto;
  5353.     border: 1px solid blue;
  5354.     background: #333 !important;
  5355.     transition: all ease 0.7s !important;
  5356.     z-index: 500 !important;
  5357. }
  5358.  
  5359.  
  5360. /* (new119) USERSTYLES - ACCOUNT PAGE - - INSTAL WEEK - === */
  5361. .numeric-value {
  5362.     color: gold !important;
  5363. }
  5364. .numeric-value + .numeric-value {
  5365.     color: tan !important;
  5366. }
  5367.  
  5368. /* (new118) USERSTYLES - (ALL) "Contact Admin" ETC ....- === */
  5369.  
  5370.  
  5371.  
  5372. /* (new118) USERSTYLES - FOOTER - === */
  5373. footer {
  5374.     position: fixed !important;
  5375.     display: inline-block !important;
  5376.     width: auto !important;
  5377.     top: 00px !important;
  5378.     left: 10px ! important;
  5379.     padding: 0 5px 5px 20px !important;
  5380.     z-index: 5000 ! important;
  5381.     visibility: hidden !important;
  5382. background: red !important;
  5383. }
  5384. footer:hover {
  5385.     position: fixed !important;
  5386.     display: inline-block !important;
  5387.     width: auto !important;
  5388.     top: 00px !important;
  5389.     left: 10px ! important;
  5390.     padding: 0 5px 5px 20px !important;
  5391.     z-index: 5000 ! important;
  5392.     visibility: visible !important;
  5393. background: black !important;
  5394. }
  5395. footer:before {
  5396.     content: "🔻" !important;
  5397.     position: fixed !important;
  5398.     display: inline-block !important;
  5399.     width: auto !important;
  5400.     top: 10px !important;
  5401.     left: 5px ! important;
  5402.     padding: 0px  !important;
  5403.     z-index: 5000 ! important;
  5404.     visibility: visible !important;
  5405. background: gold !important;
  5406. }
  5407. /* ==== (ALL)  - USERSTYLES - MENUS POPUP ==== */
  5408.  
  5409.  
  5410.  
  5411. /* (new79) USERSTYLES - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL - === */
  5412. #style-author-info {
  5413.     position: fixed !important;
  5414.     width: 205px ! important;
  5415.     height: 100% ! important;
  5416.     min-height: 292px ! important;
  5417.     max-height: 792px ! important;
  5418.     left: 5px !important;
  5419.     top: 80px !important;
  5420.     padding-left: 5px !important;
  5421.     padding-bottom: 3px !important;
  5422.     border-radius: 5px !important;
  5423.     box-shadow: 3px 3px 2px black !important;
  5424.     background: #222222 !important;
  5425. }
  5426. #style-install-info {
  5427.     position: fixed !important;
  5428.     width: 195px ! important;
  5429.     left: 23px !important;
  5430.     top: 320px !important;
  5431.     padding-left: 5px !important;
  5432.     padding-bottom: 3px !important;
  5433.     border-radius: 5px !important;
  5434.     background: #222222 !important;
  5435.     z-index: 700 !important;
  5436. }
  5437.  
  5438. /*  - USERSTYLES - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA - === */
  5439. #style-install-info>tbody>tr:nth-child(2n+1) ,
  5440. #style-author-info>tbody>tr:nth-child(2n+1) {
  5441.     background: #262626 !important;
  5442.  }
  5443.  
  5444. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE - === */
  5445. #style-install-info>tbody>tr ,
  5446. #style-author-info>tbody>tr {
  5447.     color: gold !important;
  5448. }
  5449. /*  (new79) USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS - === */
  5450. #style-install-info>tbody>tr th+td ,
  5451. #style-author-info>tbody>tr th+td {
  5452.     position: relative ! important;
  5453.     display: inline-block ! important;
  5454.     width: 95% ! important;
  5455.     bottom: 3px ! important;
  5456.     left: 3px ! important;
  5457.     border-radius: 5px ! important;
  5458.     border : #434141 solid 1px !important;
  5459.     box-shadow: 3px 3px 2px black !important;
  5460.     color: #6999A6 !important;
  5461.     text-align: center ! important;
  5462.     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%);
  5463. }
  5464.  
  5465. /*  - USERSTYLES - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE - === */
  5466. #style-install-info>tbody>tr ,
  5467. #style-author-info>tbody>tr {
  5468.     display: block !important;
  5469.     position: relative !important;
  5470.     width: 190px !important;
  5471.     font-size: 11px !important;
  5472. }
  5473. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - AUTH - === */
  5474. #style-author-info>tbody>tr:first-child {
  5475.     position: relative !important;
  5476.     display: inline-block !important;
  5477.     margin-top: 5px ! important;
  5478.     margin-left: 0px ! important;
  5479.     width: 190px !important;
  5480.     height: 89px ! important;
  5481.     border-radius: 5px ! important;
  5482.     border: 1px gray solid ! important;
  5483. }
  5484.  
  5485. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON - === */
  5486. #style-author-info>tbody>tr:nth-child(1)>th {
  5487.     display: inline-block !important;
  5488.     position: relative !important;
  5489.     width: 184px !important;
  5490.     margin-top: 1px ! important;
  5491.     padding: 0 5px 2px 0 !important;
  5492.     border-radius: 5px 5px 0 0  ! important;
  5493.     color: transparent !important;
  5494.     font-size: 0px !important;
  5495.     text-align: center ! important;
  5496.     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%);
  5497. }
  5498. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - ADD ICON USER - ==== */
  5499. #style-author-info>tbody>tr:nth-child(1)>th:before {
  5500.     position: relative ;
  5501.     display: inline-block ;
  5502.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  5503.     transform:scale(0.9,0.7) ;
  5504. }
  5505.  
  5506. /* (COR) USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5507. #style-author-info>tbody>tr:nth-child(1)>td a {
  5508.     position: relative !important;
  5509.     display: block !important;
  5510.     max-width: 182px !important;
  5511.     height: 51px ! important;
  5512.     left: -2px ! important;
  5513.     padding: 0 2px !important;
  5514.     font-size: 19px !important;
  5515.     font-weight: bold ! important;
  5516.     text-align: center ! important;
  5517.     color: SlateGray !important;
  5518.     border-radius: 0 0 5px 5px ! important;
  5519.     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%);
  5520.     border :none !important;
  5521.     white-space: pre-wrap ! important;
  5522.     word-break: break-all ! important;
  5523.     -moz-hyphens: auto ! important;
  5524. }
  5525.  
  5526. /* USERSTYLES - STY INFOS - AUTH PANEL INFOS - USER NAME - === */
  5527. #style-author-info>tbody>tr:first-of-type th+td {
  5528.     position: relative ! important;
  5529.     display: inline-block ! important;
  5530.     width: 100% ! important;
  5531.     bottom: -1px ! important;
  5532.     left: 3px ! important;
  5533.     text-align: center ! important;
  5534.     border :none !important;
  5535.     background: transparent ! important;
  5536. }
  5537.  
  5538. /* USERSTYLES - INFOS - SCREENSHOT + INFOS - (GM + NO GM) - === */
  5539. #content-wrapper #main-article #left-info {
  5540.     position: absolute ! important;
  5541.     display: inline-block ! important;
  5542.     vertical-align: top ! important;
  5543.     top: 5px !important;
  5544.     margin-left: 2% !important;
  5545. }
  5546.  
  5547. /* (new79) USERSTYLES - STY INFOS - SCREENSHOT - (GM + NO GM) - === */
  5548. #screenshots {
  5549.     position: absolute ;
  5550.     display: inline-block ;
  5551.     float: none ;
  5552.     clear: both ;
  5553.     height: 395px ;
  5554.     width: 360px ;
  5555.     top: 0px ;
  5556.     border: 1px solid #434141 !important;
  5557.     box-shadow: 3px 3px 2px black ;
  5558.     background-color: #222222 ;
  5559.     z-index: 10 ;
  5560. }
  5561. .screenshot-thumbnail {
  5562.     border: 1px solid #434141 !important;
  5563.     box-shadow: 3px 3px 2px black ;
  5564. }
  5565. #more-screenshots {
  5566.     font-size: 0 !important;
  5567. }
  5568. #more-screenshots span {
  5569.     position: absolute !important;
  5570.     display: inline-block !important;
  5571.     padding: 2px 5px !important;
  5572.     border-radius: 5px !important;
  5573.     background: black !important;
  5574.     font-size: 15px !important;
  5575. }
  5576. #screenshots #more-screenshots a  {
  5577.     position: relative !important;
  5578.     display: inline-block !important;
  5579.     width: 98% !important;
  5580.     bottom: -20px !important;
  5581.     font-size: small !important;
  5582. }
  5583. #screenshots #more-screenshots a:before  {
  5584.     content: "\25BA" ;
  5585.     color: gold ;
  5586. }
  5587. /* USERSTYLES - STY INFOS - LONG DESC - (GM + NO GM) - === */
  5588. #style-info {
  5589.     position: absolute ! important;
  5590.     width: 78.5% !important;
  5591.     margin-top : 1px !important;
  5592.     left: 249px !important;
  5593.     word-wrap: break-word ! important;
  5594. }
  5595. #main-style-info {
  5596.     width: 60% !important;
  5597.     margin-bottom: 1em;
  5598.     margin-left: 380px !important;
  5599.     padding-left: 1em;
  5600. }
  5601.  
  5602. /* (COR) USERSTYLES - STY INFOS - LG DESC - TXT - === */
  5603. #long-description {
  5604.     position: relative !important;
  5605.     display: inline-block !important;
  5606.     width: 565px ! important;
  5607.     height: 395px !important;
  5608.     min-height: 100px ! important;
  5609.     top: 4px !important;
  5610.     margin-top: 0px !important;
  5611.     left: 10px ! important;
  5612.     padding: 5px 5px 2px 10px !important;
  5613.     border-radius: 5px !important;
  5614.     border: 1px solid red !important;
  5615. /*    box-shadow: 0 0 4px #999999 !important;*/
  5616.     box-shadow: 3px 3px 2px black !important;
  5617.     overflow: hidden ! important;
  5618.     overflow-y: auto ! important;
  5619. }
  5620. /* (new109) NEED CONVERT for Addstylish lib -  USERSTYLES - STY INFOS - STYLE OPTIONS -
  5621. http://userstyles.org/styles/62204/dust-for-firefox-pale-moon
  5622. <a href="http://userstyles.org/styles/75965/">Firefox 7+: Addon Manager and some interface items</a>
  5623. - https://userstyles.org/styles/47886/facebook-dark-shiny-transparency-with-options
  5624. === SITE CHANGE :
  5625. "#style-options" to "#style-settings"
  5626. === */
  5627. .advanced_button {
  5628.     position: absolute ;
  5629.     height: 20px !important;
  5630.     margin-left: 251px !important;
  5631.     top: 68px !important;
  5632. }
  5633. #style-settings {
  5634.     position: absolute !important;
  5635.     display: inline-block !important;
  5636.     width: 75px ! important;
  5637.     height: 16px !important;
  5638.     top: 69px !important;
  5639.     margin-left: 1160px !important;
  5640.     left: 100px ! important;
  5641.     padding: 3px 5px ;
  5642.     border: 1px solid gray !important;
  5643.     border-radius: 5px !important;
  5644.     background: gray !important;
  5645.     overflow: hidden !important;
  5646.     overflow-y: hidden !important;
  5647.     z-index: 500 !important;
  5648. }
  5649. #style-settings:hover {
  5650.     position: absolute !important;
  5651.     display: inline-block !important;
  5652.     width: 555px ! important;
  5653.     min-height: 727px !important;
  5654. left: -370px ! important;
  5655.     border: 1px solid gray !important;
  5656.     border-radius: 5px !important;
  5657.     background: black !important;
  5658.     overflow: hidden !important;
  5659.     overflow-y: auto !important;
  5660.     z-index: 500!important;
  5661.     transition: all ease 0.6s !important;
  5662. }
  5663. #style-settings li:first-of-type {
  5664.     margin-top: 35px !important;
  5665. }
  5666.  
  5667. #style-settings:before {
  5668.     content: "Options \01F53B " ;
  5669.     position: absolute ;
  5670.     display: inline-block ;
  5671.     height: 15px ;
  5672.     width: 75px !important;
  5673.     line-height: 13px ;
  5674.     top: 0px ;
  5675.     left: -2px ;
  5676.     padding: 5px ;
  5677.     border-radius: 3px ;
  5678.     border: 1px solid gray ;
  5679.     color: gold ;
  5680.     background: #222222 ;
  5681.     z-index: 500 !important;
  5682. }
  5683. #style-settings #advancedsettings_area.advancedsettings_shown ,
  5684. #style-settings #advancedsettings_area.advancedsettings_hidden  {
  5685.     display: inline-block !important;
  5686.     min-width: 495px !important;
  5687.     max-width: 495px !important;
  5688.     margin-left: 14px;
  5689.     margin-top: 28px;
  5690.     padding: 15px !important;
  5691.     background-color: #ffffff;
  5692. }
  5693.  
  5694. /* (new77) USERSTYLES - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK - === */
  5695. #style-info #control-panel {
  5696.     position: fixed ! important;
  5697.     display: inline-block ! important;
  5698.     height: 17px !important;
  5699.     line-height: 17px !important;
  5700.     width: 566px;
  5701.     margin-bottom: 1em;
  5702.     left: 637px!important;
  5703.     top: 25px ! important;
  5704.     padding: 1px 6px !important;
  5705.     border: 1px solid gray !important;
  5706.     border-radius: 3px 3px 0 0 !important;
  5707.     background: #222 !important;
  5708.     z-index: 600 !important;
  5709. }
  5710.  
  5711. #style-install-info > tbody > tr:last-of-type ,
  5712. #style-info #control-panel>a:nth-child(1),
  5713. #style-info #control-panel>a:nth-child(2),
  5714. #style-info #control-panel> a:nth-child(3){
  5715.     display: inline-block!important;
  5716.     height: 14px !important;
  5717.     line-height: 14px !important;
  5718.     margin-top: -4px ! important;
  5719.     top: 30px !important;
  5720.     background-color: #222222 !important;
  5721.     border-radius: 3px !important;
  5722.     box-shadow: 3px 3px 2px black !important;
  5723.     padding: 1px 5px !important;
  5724. }
  5725.  
  5726. /* USERSTYLES - STY INFOS - LG DESC - (Links Color) === */
  5727. #long-description>p>a{
  5728.     color: #E0B81F !important;
  5729.     margin-right: 5px !important;
  5730. }
  5731. /* (new77) USERSTYLES - STY INFOS - INST BUTT + Switch Browser - === */
  5732. #stylish-installed-style-needs-update ,
  5733. #stylish-installed-style-not-installed {
  5734.     position: fixed !important;
  5735.     width: 190px !important;
  5736.     height: 16px !important;
  5737.     line-height: 13px !important;
  5738.     left: 1025px !important;
  5739.     margin-bottom: 1px;
  5740.     top: 16px !important;
  5741.     padding: 0 4px 2px !important;
  5742.     border-radius: 5px !important;
  5743.     font-size: larger;
  5744.     color: white;
  5745.     vertical-align: middle;
  5746.     z-index: 700!important;
  5747. }
  5748.  
  5749. /* (new77) INSTALL BUTTON - COR to SEE WITH STYLISH addon differents version - === */
  5750. #stylish-installed-style-installed  {
  5751.     position: fixed !important;
  5752.     width: 230px !important;
  5753.     height: 18px !important;
  5754.     line-height: 17px !important;
  5755.     top: 11px !important;
  5756.     left: 930px !important;
  5757.     margin-bottom: 1px;
  5758.     padding: 0 4px 2px !important;
  5759.     border-radius: 5px !important;
  5760.     font-size: larger;
  5761.     color: white;
  5762.     vertical-align: middle;
  5763.     z-index: 650 !important;
  5764. }
  5765. #switch-browser-note {
  5766.     position: absolute !important;
  5767.     display: inline-block;
  5768.     width: 180px !important;
  5769.     top: 32px !important;
  5770.     left: 575px !important;
  5771.     margin-bottom: 1px;
  5772.     margin-top: 13px !important;
  5773.     padding: 0 4px 2px !important;
  5774.     vertical-align: middle;
  5775.     border-radius: 5px !important;
  5776.     color: white;
  5777. }
  5778.  
  5779. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3  - === */
  5780. #style-install-mozilla-no-stylish {
  5781.     display: none !important;
  5782. }
  5783.  
  5784. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  5785. .install-status:not(.install) {
  5786.     display: none;
  5787. }
  5788.  
  5789. /* USERSTYLES -  INSTALL NOTE - === */
  5790. .install-status:not(.install) {
  5791.     position: absolute !important;
  5792.     display: inline-block;
  5793.     max-width: 450px;
  5794.     margin-bottom: 1px;
  5795.     margin-top: 15px;
  5796.     right: 0 !important;
  5797.     top: 0!important;
  5798.     padding: 8px 16px 12px;
  5799.     border-radius: 5px;
  5800.     font-size: larger;
  5801.     color: white;
  5802.     vertical-align: middle;
  5803. }
  5804.  
  5805.  
  5806.  
  5807. /* ==== (new108) USERSTYLES - STY INFOS - SHOW CODE - ==== */
  5808.  
  5809.  
  5810. /* (new114) USERSTYLES - STY INFOS - NEW - SHOW CSS CODE */
  5811. #stylish-code.cssHidden[style*="display: none;"] {
  5812.     display: none !important;
  5813. }
  5814. #stylish-code.hiBeautted ,
  5815. #stylish-code.cssHidden[style*="display: block;"] {
  5816.     display: inline-block !important;
  5817.     width: 650px !important;
  5818.     min-height: 680px !important;
  5819.     padding: 5px 5px 5px 15px  !important;
  5820.     border-top: 30px solid red !important;
  5821.     word-wrap: break-word !important;
  5822.     -moz-hyphens: auto !important;
  5823.     background: white !important;
  5824.     background-color: #2e3e49 !important;
  5825. }
  5826.  
  5827.  
  5828.  
  5829. /* TEST - SHOW CODE - IMAGE - FOR GM - "LinkyFyPlus" - === */
  5830. #show-code #view-code #stylish-code  a.linkifyplus  {
  5831.     display: inline-block !important;
  5832.     height: 15px !important;
  5833.     white-space: pre-wrap !important;
  5834.     word-wrap: break-word !important;
  5835.     font-size: 15px !important;
  5836.     color: blue !important;
  5837.     background: tan  !important;
  5838. }
  5839.  
  5840. #show-code #view-code #stylish-code  a.linkifyplus > img {
  5841.     position: absolute !important;
  5842.     display: inline-block !important;
  5843.     max-height: 100px !important;
  5844.     padding: 3px 20px !important;
  5845.     visibility: hidden !important;
  5846.     transform: scale(0.2) !important;
  5847.     transition: background ease 0.7s !important;
  5848.     background: #333  !important;
  5849. }
  5850. #show-code #view-code #stylish-code  a.linkifyplus:hover > img {
  5851.     position: fixed !important;
  5852.     display: inline-block !important;
  5853.     max-height: 50% !important;
  5854.     max-width: 200px !important;
  5855.     top: 25% !important;
  5856.     margin: auto 0 !important;
  5857.     right: 40% ! important;
  5858.     padding: 3px 20px !important;
  5859.     visibility: visible !important;
  5860.     transform: scale(1.5) !important;
  5861.     transition: background ease 0.1s !important;
  5862.     z-index: 1000 !important;
  5863.     background: black  !important;
  5864. }
  5865.  
  5866. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:before  ,
  5867. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:before  ,
  5868. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:before {
  5869.     content: " " !important;
  5870.     position: relative !important;
  5871.     display: inline-block !important;
  5872.     width: 10px !important;
  5873.     height: 18px !important;
  5874.     line-height: 18px !important;
  5875.     padding: 0 5px 0 10px !important;
  5876.     border-radius: 3px !important;
  5877.     font-size: 17px !important;
  5878.     visibility: visible !important;
  5879.     opacity: 1 !important;
  5880.     background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  5881.     background-position: center  !important;
  5882.     background-repeat: no-repeat !important;
  5883.     background-size: 70% 140% !important;
  5884.     transform: rotate(270deg) !important;
  5885.     background-color: white  !important;
  5886. }
  5887. #show-code #view-code #stylish-code  a.linkifyplus[href*=".gif"]:after ,
  5888. #show-code #view-code #stylish-code  a.linkifyplus[href*=".png"]:after  ,
  5889. #show-code #view-code #stylish-code  a.linkifyplus[href*=".jpg"]:after {
  5890.     content: attr(href) !important;
  5891.     position: relative !important;
  5892.     display: inline-block !important;
  5893.     height: 18px !important;
  5894.     line-height: 18px !important;
  5895.     padding: 0 20px !important;
  5896.     font-size: 15px !important;
  5897.     visibility: visible !important;
  5898.     opacity: 1 !important;
  5899. }
  5900.  
  5901.  
  5902. /* (new77) USERSTYLES - STY INFOS - MORE - DESC - TITLE - === */
  5903. #content-wrapper article#main-article #more-info h2 ,
  5904. #content-wrapper article#main-article #additional-info h2 ,
  5905. #content-wrapper article#main-article #discussions-area h2 {
  5906.     display: inline-block ! important;
  5907.     min-width: 965px !important;
  5908.     max-width: 965px !important;
  5909.     padding-left: 15px !important;
  5910.     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%);
  5911.     border-radius: 5px !important;
  5912.     box-shadow: 3px 3px 2px black !important;
  5913.     color: #A3A4A4 !important;
  5914. }
  5915. #content-wrapper article#main-article #discussions-area h2 {
  5916.     min-width: 965px !important;
  5917.     max-width: 965px !important;
  5918. }
  5919. section#discussions-area h2 {
  5920.     position: relative !important;
  5921.     display: inline-block !important;
  5922.     left: 50px !important;
  5923.     margin-bottom: -15px !important;
  5924. }
  5925. section#discussions-area h3 {
  5926.     display: none !important;
  5927. }
  5928.  
  5929. /* (new77) USERSTYLES -  STY INFOS - MORE INFOS - DESC - === */
  5930. #style-info + #additional-info {
  5931.     position: relative ! important;
  5932.     display: inline-block !important;
  5933.     min-width: 90% !important;
  5934.     max-width: 90% !important;
  5935.     left: 2% !important;
  5936.     margin-top: 405px !important;
  5937. }
  5938. #additional-info-text {
  5939.     position: relative !important;
  5940.     display: inline-block !important;
  5941.     min-width: 965px !important;
  5942.     max-width: 965px !important;
  5943.     margin-top: -10px !important;
  5944.     overflow-y: auto;
  5945.     overflow-x: hidden!important;
  5946.     color: #ACAEB5 !important;
  5947. }
  5948. /* USERSTYLES - STY INFOS - MORE - DESC - Links Color - === */
  5949. #additional-info #additional-info-text a{
  5950.     color: #E0B81F !important;
  5951. }
  5952. #additional-info #additional-info-text a:visited {
  5953.     color: #E7D590 !important;
  5954. }
  5955.  
  5956. /* USERSTYLES - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ - === */
  5957. #style-info + #additional-info #additional-info-text>mark>a {
  5958.     color: black !important;
  5959. }
  5960. #additional-info #additional-info-text>mark>a b {
  5961.     color: red!important;
  5962. }
  5963.  
  5964. /* ===  - USERSTYLES - STY INFOS - FEED ==== */
  5965.  
  5966. /* (new118) USERSTYLES - FIX NEW DESIGN - TOP HEARDER - === */
  5967. /* #top_logo ,  */
  5968. .top_logo {
  5969.     margin-top: -5px !important;
  5970. }
  5971. /* .header-search .search_input .input_text_search , */
  5972. .header-search {
  5973.     height: 25px !important;
  5974. /*     margin-top: -27px !important; */
  5975. }
  5976. .header-search .search_input  {
  5977.     height: 25px !important;
  5978.     margin-top: 0px !important;
  5979. }
  5980.  
  5981. /* (new118) USERSTYLES - CREATE NEW STYLE */
  5982. #create_new_style ,
  5983. .header_button  {
  5984.     min-height: 20px !important;
  5985.     margin-top: -27px !important;
  5986. }
  5987. #create_new_style  {
  5988.     min-height: 20px !important;
  5989. margin-top: 0px !important;
  5990.     margin-left: 220px !important;
  5991.     margin-right: -192px !important;
  5992. }
  5993. #create_new_style a ,
  5994. .header_button a  {
  5995.    font-weight: 600 !important;
  5996.     font-size: 14px !important;
  5997. }
  5998.  
  5999.  
  6000.  
  6001. /* (new118) USERSTYLES - STY INFOS - FEEDK LIST - "ASK New Q / FEED " - === */
  6002. #discussions-area{
  6003.     position: absolute !important;
  6004.     display: inline-block ! important;
  6005.     float: none ! important;
  6006.     clear: both ! important;
  6007.     max-height: 100%!important;
  6008.     min-height: 30px !important;
  6009.     width: 330px !important;
  6010.     left: 15px !important;
  6011.     top: 370px !important;
  6012.     padding: 1px !important;
  6013. border: 1px solid red !important;
  6014. }
  6015.  
  6016. /* (new118) USERSTYLES - NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER - === */
  6017. #as_userscript + #headline {
  6018.     position: absolute !important;
  6019.     display: inline-block ! important;
  6020.     float: none ! important;
  6021.     clear: both ! important;
  6022.     max-height: 100%!important;
  6023.     min-height: 20px !important;
  6024.     width: 330px !important;
  6025.     left: 1% !important;
  6026.     top: 300px !important;
  6027.     padding: 1px !important;
  6028.     color: gold !important;
  6029.     background: #222 ;
  6030. }
  6031. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] {
  6032.     position: absolute !important;
  6033.     display: inline-block ! important;
  6034.     float: none ! important;
  6035.     clear: both ! important;
  6036. /*    max-height: 100%!important;*/
  6037.     height: 100%!important;
  6038.     min-height: 20px !important;
  6039.     max-height: 20px !important;
  6040.     width: 35px !important;
  6041.     left: 15% !important;
  6042.     top: 333px !important;
  6043.     padding: 1px !important;
  6044.     overflow: hidden ;
  6045. }
  6046. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover {
  6047.     position: absolute !important;
  6048.     display: inline-block ! important;
  6049.     float: none ! important;
  6050.     clear: both ! important;
  6051.     max-height: 100%!important;
  6052.     min-height: 20px !important;
  6053.     width: 190px !important;
  6054.     left: 8% !important;
  6055.     padding: 1px !important;
  6056.     overflow: hidden ;
  6057. }
  6058. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button {
  6059.     height: 18px !important;
  6060.     width: 30px !important;
  6061.     margin-bottom: 18px;
  6062.     margin-top: 0px !important;
  6063.     box-shadow: none !important;
  6064.     color: transparent !important;
  6065.     border: none !important;
  6066.     white-space: nowrap ;
  6067.     background-color: blue !important;
  6068.     transition: all ease 0.2s !important;
  6069. }
  6070. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]  #send_feedback_button>div:last-of-type {
  6071.     visibility: hidden ;
  6072. }
  6073. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div:first-of-type{
  6074.     height: 20px ;
  6075.     margin-right: -118px !important;
  6076.     margin-top: 0px ;
  6077. }
  6078. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover)  #send_feedback_button>div .feedback-icon {
  6079.     height: 15px ;
  6080.     margin-top: 4px ;
  6081. }
  6082. /* HOVER */
  6083. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button {
  6084.     width: 172px !important;
  6085.     height: 20px ;
  6086.     margin-top: 0px !important;
  6087.     color: gold !important;
  6088.     transition: all ease 0.2s !important;
  6089. }
  6090. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:last-of-type {
  6091.     display: inline-block ;
  6092.     visibility: visible ;
  6093. }
  6094. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover  #send_feedback_button>div:first-of-type .feedback-icon {
  6095.     height: 15px ;
  6096.     margin-right: 15px !important;
  6097.     margin-top: 5px !important;
  6098. }
  6099. /* (new128) - Without UBlock */
  6100. #style_info .adContainer ~ #discussions-area {
  6101.     position: absolute !important;
  6102.     display: inline-block ! important;
  6103.     float: none ! important;
  6104.     clear: both ! important;
  6105.     max-height: 450px !important;
  6106.     min-height: 30px !important;
  6107.     min-width: 330px !important;
  6108.     max-width: 330px !important;
  6109.     width: 330px !important;
  6110.     left: 1% !important;
  6111.     top: 360px !important;
  6112.     padding: 1px !important;
  6113.     overflow: hidden !important;
  6114.     overflow-y: auto !important;
  6115.     background: #222 ;
  6116. border: 1px solid red !important;
  6117. }
  6118.  
  6119. #single_discussion {
  6120.     height: 70px !important;
  6121.     padding: 5px !important;
  6122. }
  6123. #single_discussion:first-child {
  6124.     margin-top: -15px !important;
  6125. }
  6126. #single_discussion:not(:first-child) {
  6127.     margin-top: -10px !important;
  6128. }
  6129. #single_discussion_up {
  6130.     height: 17px !important;
  6131.     margin-bottom: 3px !important;
  6132.     margin-top: 9px !important;
  6133. }
  6134. #single_discussion  .text_style_page {
  6135.     width: 296px !important;
  6136.     height: 41px !important;
  6137.     line-height: 15px !important;
  6138.     margin-top: 0px !important;
  6139.     font-size: 13px !important;
  6140.     color: gray !important;
  6141.     outline: 1px solid gray !important;
  6142. }
  6143.  
  6144. #rating_discussion[src="/ui/images/icons/rating_0.svg"] {
  6145.     height: 13px;
  6146.     width: 18px;
  6147.     opacity: 0.2;
  6148. }
  6149. #style_info .adContainer ~#discussions-area .text_style_page {
  6150.     color: #b3b3b3 ;
  6151. }
  6152. .see_more {
  6153.     height: 21px !important;
  6154. }
  6155. .feedback-icon {
  6156.     height: 17.3px;
  6157.     margin-right: 6.8px !important;
  6158.     margin-top: 3px !important;
  6159. }
  6160. /* (new108) */
  6161. #archive_style_button {
  6162.     position: absolute;
  6163.     display: inline-block;
  6164.     height: 15px !important;
  6165.     line-height: 15px !important;
  6166.     width: 120px !important;
  6167.     right: 20% ;
  6168.     top: 470px !important;
  6169.     border-radius: 4px;
  6170.     box-shadow: 5px 5px 2px black !important;
  6171.     cursor: pointer;
  6172.     font-size: 14px !important;
  6173.     justify-content: center;
  6174.     margin-top: 0px !important;
  6175.     padding: 2px 2px !important;
  6176.     text-align: center;
  6177. }
  6178. #as_userscript  {
  6179.     position: absolute !important;
  6180.     height: 18px !important;
  6181.     line-height: 15px !important;
  6182.     width: 120px !important;
  6183.     right: 20% ;
  6184.     margin-right: 0% !important;
  6185.     top: 500px ;
  6186.     margin-top: 0px !important;
  6187.     padding: 2px 2px !important;
  6188.     border-radius: 4px;
  6189. border: 1px solid #222 !important;
  6190.     box-shadow: 3px 3px 2px black !important;
  6191.     cursor: pointer;
  6192.     font-size: 5px ;
  6193.     text-align: center;
  6194. }
  6195. #as_userscript a:before  {
  6196.     content: "Userscript" ;
  6197.     position: absolute !important;
  6198.     display: inline-block;
  6199.     height: 15px !important;
  6200.     line-height: 15px !important;
  6201.     width: 120px !important;
  6202.     margin-left: -34px ;
  6203.     margin-top: -2px ;
  6204.     border-radius: 4px;
  6205.     box-shadow: 3px 3px 2px black ;
  6206.     font-size: 14px !important;
  6207.     padding: 3px 2px !important;
  6208.     text-align: center;
  6209.     background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico") ;
  6210.     background-position: 5px center;
  6211.     background-repeat: no-repeat;
  6212.     background-size: 12%;
  6213.     background-color: #333 ;
  6214. }
  6215.  
  6216. /* (new1114) TEST FIX NEW DESIGN - SHOW CSS - === */
  6217. .css_button {
  6218.     position: absolute;
  6219.     display: inline-block;
  6220.     flex-direction: row;
  6221.     align-items: center;
  6222.     justify-content: center;
  6223.     height: 21px !important;
  6224.     line-height: 25px !important;
  6225.     width: 136px  !important;
  6226.     margin-top: 30px;
  6227.     right: 19.2% ;
  6228.     top: 40px !important;
  6229.     border-radius: 4px;
  6230.     color: #3498db;
  6231.     font-size: 14px;
  6232.     font-weight: normal ;
  6233.     box-shadow: 3px 3px 2px black ;
  6234.     background-color: #e2ebf8;
  6235. }
  6236. .css_button .no-select {
  6237.     float: right !important;
  6238.     height: 21px !important;
  6239.     line-height: 20px !important;
  6240.     margin-bottom: 0px !important;
  6241. }
  6242.  
  6243. .css_open::after ,
  6244. .css_close::after {
  6245.     content: "🙈";
  6246. /*     position: relative; */
  6247.     float: left !important;
  6248.     height: 21px !important;
  6249.     width: 21px !important;
  6250.     margin-bottom: 8px  !important;
  6251.     margin-right: 14px !important;
  6252. text-align: center !important;
  6253. /*     opacity: 0.7 ; */
  6254.  
  6255. }
  6256. /* (new114) Without GM ?? */
  6257. #css_text_area_div textarea#stylish-code.cssVisible  {
  6258.     display: inline-block ;
  6259.     position: fixed ;
  6260.     resize: vertical;
  6261.     overflow: auto;
  6262.     min-width: 674px ;
  6263.     max-width: 674px  !important;
  6264.     min-height: 70% ;
  6265.     left: 850px !important;
  6266.     top: 166px !important;
  6267.     margin-bottom: 20px;
  6268.     padding: 5px 5px 5px 15px;
  6269.     border-radius: 4px;
  6270.     font-size: 13px;
  6271.     font-family: "Open Sans",sans-serif !important;
  6272.     color: #ffffff;
  6273.     background-color: #2e3e49 !important;
  6274.     z-index: 5000;
  6275. }
  6276. /* (new114) TEST - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - === */
  6277. #css_text_area_div {
  6278.     position: absolute !important;
  6279.     left: 870px !important;
  6280.     top: 80px !important;
  6281.     border-top: 2px solid red !important;
  6282.     z-index: 1 !important;
  6283. }
  6284.  
  6285. .hiBeautted{
  6286.     border-top: 20px solid transparent !important;
  6287.     background-color: #293134 !important;
  6288.     color: #e0e2e4 !important;
  6289. }
  6290. #stylish-code ,
  6291. code.hiBeautted#stylish-code[style*="display: block;"]  {
  6292.     min-height: 600px !important;
  6293.     top: -23px !important;
  6294.     padding: 20px !important;
  6295.     border-top: 40px solid transparent !important;
  6296.     color: #B1B1B1 !important;
  6297.  
  6298. }
  6299. code.hiBeautted#stylish-code[style*="display: none;"]  {
  6300.     display: none !important;
  6301. }
  6302. #hiBeauty .hiBeautted:before ,
  6303. #hiBeauty::before {
  6304.     position: absolute;
  6305. /*     position: fixed !important; */
  6306.     display: inline-block !important;
  6307. height: 20px !important;
  6308.     top: 5px !important;
  6309.     left: 10% !important;
  6310.     padding: 1px 3px 0 1px !important;
  6311.     border-radius: 0 !important;
  6312.     background-color: rgba(255, 0, 0, 0.7) !important;
  6313.     opacity: 1 !important;
  6314.     z-index: 5000 !important;
  6315. }
  6316. #hiBeauty:hover::before {
  6317.     padding: 4px !important;
  6318.     border: 1px solid gray !important;
  6319.     background-color: rgba(0, 0, 0, 0.4) !important;
  6320.     opacity: 1 !important;
  6321.     z-index: 1;
  6322.     transition: all ease 1s !important;
  6323. }
  6324. #hiBeauty::after {
  6325.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  6326.     position: absolute;
  6327.     display: block;
  6328.     left: 14% !important;
  6329.     top: 5px;
  6330.     padding: 0 5px !important;
  6331.     border-radius: 0 5px 5px 0 !important;
  6332.     font-size: 15px !important;
  6333.     color: gold !important;
  6334.     background: rgba(255, 0, 0, 1) !important;
  6335.     opacity: 0.75;
  6336.     z-index: 1;
  6337.     transition: all ease 0.2s !important;
  6338. }
  6339. #hiBeauty:hover::after {
  6340.     font-size: 15px !important;
  6341.     color: white !important;
  6342.     background: rgba(0, 0, 0, 0.61) !important;
  6343.     transition: all ease 0.4s !important;
  6344. }
  6345. /* (new118) START - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */
  6346. @media screen and (max-width: 1400px) {
  6347. #css_text_area_div {
  6348.     left: 590px !important;
  6349. }
  6350. }
  6351. /* (new118) END - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE - === */
  6352.  
  6353. /* (new118) USERTYLES - NEW DESIGN - ACTION BUTTON - === */
  6354. #actions_div {
  6355.     position: absolute;
  6356.     display: flex;
  6357.     flex-direction: row;
  6358.     justify-content: space-between;
  6359.     height: 25px !important;
  6360. width: 583px !important;
  6361.     right: 19.3% ;
  6362.     padding: 1px 3px ;
  6363.     box-shadow: 6px 5px 6px black;
  6364.     background: #222 !important;
  6365. }
  6366. #share_div {
  6367.     display: flex;
  6368.     flex-direction: column;
  6369.     padding: 0 2px !important;
  6370.     color: #2c3e50;
  6371.     font-size: 0 !important;
  6372. }
  6373. #social_networks {
  6374.     height: 17px !important;
  6375.     margin-top: 1px !important;
  6376. }
  6377.  
  6378. #actions_div #buttons {
  6379.     height: 20px !important;
  6380. }
  6381.  
  6382. .white_button ,
  6383. #style_installed_button ,
  6384. #ownedButtons ,
  6385. #update_style_button ,
  6386. #style_installed_button {
  6387.     height: 20px !important;
  6388. }
  6389.  
  6390. .white_button {
  6391.     align-items: center;
  6392.     background-color: #ffffff;
  6393.     border: 1px solid #cdcfd1;
  6394.     border-radius: 4px;
  6395.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  6396.     color: #2c3e50;
  6397.     cursor: pointer;
  6398.     display: flex;
  6399.     font-size: 12px;
  6400.     font-weight: bold;
  6401.     height: 19px;
  6402.     justify-content: center;
  6403.     width: 87px;
  6404. }
  6405. #update_style_button,
  6406. #install_style_button {
  6407.     display: flex;
  6408.     flex-direction: row;
  6409.     justify-content: center;
  6410.     align-items: center;
  6411.     height: 21px !important;
  6412.     width: 173px;
  6413.     margin-left: 9px;
  6414.     border-radius: 4px;
  6415.     font-size: 15px;
  6416.     font-weight: bold;
  6417.     color: white;
  6418.     cursor: pointer;
  6419.     box-shadow: 0 6px 16px 0 rgba(80, 178, 243, 0.35);
  6420.     background-color: #3498db;
  6421. }
  6422. #install_style_button div:first-of-type {
  6423.    height: 20px ;
  6424.    margin-top: -2px;
  6425. }
  6426.  
  6427. /* (new114) */
  6428.  
  6429. /* #install_style_button>div:last-of-type , */
  6430. #install_style_button>div + div {
  6431.    height: 20px !important;
  6432.    line-height: 18px !important;
  6433.    margin-top: -18px !important;
  6434.    padding-left: 25px !important;
  6435. }
  6436. #update_style_button>div:first-of-type ,
  6437. #style_installed_button>div:first-of-type {
  6438.    float: left !important;
  6439.    height: 22px !important;
  6440.    width: 26px !important;
  6441. }
  6442. .update-icon ,
  6443. .installed-icon ,
  6444. #install_style_icon {
  6445.    height: 20px !important;
  6446.    margin-right: 10px;
  6447.    margin-top: 3px !important;
  6448.    width: 18px !important;
  6449. }
  6450.  
  6451. #style_info {
  6452.    display: flex;
  6453.    flex-direction: column;
  6454.    width: 100%;
  6455. }
  6456. .style_title {
  6457.     display: inline-block !important;
  6458.    width: 43% !important;
  6459.     height: 32px ;
  6460.     line-height: 26px  !important;
  6461.     margin-bottom: -4px ;
  6462.     margin-top: 25px ;
  6463.     padding-left: 13px;
  6464.     color: #ccc !important;
  6465.     font-size: 20px !important;
  6466. border: 1px solid red !important;
  6467. }
  6468. #information_div ,
  6469. #actions_div + #headline,
  6470. #actions_div + #headline + #information_div ,
  6471. .adContainer + #headline ,
  6472. .adContainer + #headline + #applies_link {
  6473.     position: absolute !important;
  6474.     display: inline-block !important;
  6475.     width: 17% !important;
  6476.     min-width: 320px !important;
  6477.     left: 1% !important;
  6478.     padding: 5px ;
  6479.     border: 1px solid #404040;
  6480.     color: #ccc !important;
  6481. }
  6482.  
  6483. #left_information {
  6484.     display: flex;
  6485.     flex-direction: column;
  6486.     min-width: 325px !important;
  6487.     max-width: 325px !important;
  6488. }
  6489. /* (new102) 1* - "INFORMATION" */
  6490. #style-settings + #headline ,
  6491. #actions_div + #headline {
  6492.     display: none !important;
  6493. }
  6494.  
  6495. #right_information ,
  6496. #center_information {
  6497.     width: 46.5% ;
  6498.     float: left ;
  6499.     margin-top: 15px ;
  6500.     padding: 5px ;
  6501.     border-radius: 5px !important;
  6502.     text-align: center ;
  6503.     background-color: #d6deeb;
  6504. }
  6505.  
  6506. #center_information  {
  6507.     border-radius: 5px 0 0 5px !important;
  6508.     margin-right: 2px ;
  6509.     text-align: center ;
  6510.     background-color: #d6deeb;
  6511. }
  6512. #right_information {
  6513.     border-radius: 0 5px 5px 0 !important;
  6514.     text-align: center ;
  6515.     background-color: #d6deeb;
  6516. }
  6517.  
  6518. #infomation_value_left ,
  6519. #information_key_left  {
  6520.     min-width: 46.5% !important;
  6521.     float: left ;
  6522.     line-height: 13px !important;
  6523.     margin-top: -5px ;
  6524.     margin-bottom: -8px ;
  6525.     padding: 2px 5px ;
  6526.     border-radius: 3px !important;
  6527.     text-align: center ;
  6528.     background-color: #d6deeb;
  6529. }
  6530. #information_key_left {
  6531.     border-radius: 5px 0 0 5px !important;
  6532.     margin-right: -37px ;
  6533.     text-align: center ;
  6534.     background-color: #d6deeb;
  6535. }
  6536. #infomation_value_left  {
  6537.     border-radius: 0 5px 5px 0 !important;
  6538.     text-align: center ;
  6539.     background-color: #d6deeb;
  6540. }
  6541.  
  6542.  
  6543. #information_value {
  6544.     color: #2c3e50;
  6545.     font-size: 21px !important;
  6546. }
  6547.  
  6548. /* 2* - "APPLIES TO" */
  6549. .adContainer + #headline {
  6550.     height: 15px !important;
  6551.     line-height: 15px !important;
  6552.     top: 237px !important;
  6553. }
  6554. .adContainer + #headline + #applies_link {
  6555.     height: 15px !important;
  6556.     line-height: 15px !important;
  6557.     top: 287px ;
  6558. }
  6559.  
  6560.  
  6561. /* (new118) - TEST FIX NEW DESIGN - STYLE INFO PAGE - === */
  6562. /* (new118) USERTSTYLES INFOS - === */
  6563.  
  6564. /* #container , */
  6565. #container-responsive  {
  6566.     display: table;
  6567.     margin: 0 auto;
  6568.     width: 100% ;
  6569. background: red !important;
  6570. }
  6571. #nav-view-responsive {
  6572. /*     display: flex; */
  6573. /*     display: inline-block !important; */
  6574.     flex-direction: unset !important;
  6575.     background-color: #333 !important;
  6576. }
  6577. /* #view , */
  6578. #container-responsive #view-responsive  {
  6579.     display: flex;
  6580.     justify-content: center;
  6581.     margin-right: 42px;
  6582.     min-width: 100% !important;
  6583. }
  6584.  
  6585. #style_info {
  6586.     display: flex;
  6587.     flex-direction: column;
  6588.     margin-left: 19px;
  6589.     width: 61% !important;
  6590.     border: 1px solid #404040;
  6591. }
  6592. /* (new122) NOTES */
  6593. #style_info #css_text_area_div + #headline {
  6594.     margin-top: 44px !important;
  6595. }
  6596. #style_info #headline +  #notes_textarea:not(:empty) {
  6597.     width: 100% !important;
  6598.     max-width: 1154px !important;
  6599.     margin-top: 0px !important;
  6600.     color: gray !important;
  6601.     font-size: 15px;
  6602.     max-height: 270px !important;
  6603.     padding: 5px !important;
  6604.     overflow-y: scroll;
  6605.     resize: none !important;
  6606.     border: 1px solid #404040;
  6607.     box-shadow: 3px 3px 2px black ;
  6608.     background-color: #222 !important;
  6609. }
  6610.  
  6611. #preview_image_div {
  6612.     height: 353px ;
  6613.     max-width: 500px !important;
  6614.     margin-bottom: -39px !important;
  6615.     margin-top: 10px;
  6616.     padding: 5px ;
  6617.     background-position: center center !important;
  6618.     background-repeat: no-repeat;
  6619.     background-size: 90% !important;
  6620.     box-shadow: 3px 3px 2px black !important;
  6621. border: 1px solid red ;
  6622. }
  6623. #applies_link + #headline + .text_style_page {
  6624.     position: absolute !important;
  6625.     display: inline-block !important;
  6626.     float: none !important;
  6627.     width: 100% !important;
  6628.     min-width: 610px !important;
  6629.     max-width: 610px !important;
  6630.     height: 100% !important;
  6631.     height: 355px !important;
  6632.     top: 87px ;
  6633.     left: 48% !important;
  6634.     padding: 5px ;
  6635.     color: gray !important;
  6636.     word-wrap: break-word;
  6637.     white-space: pre-wrap !important;
  6638.     overflow-x: hidden !important;
  6639.     overflow-y: auto !important;
  6640.     box-shadow: 3px 3px 2px black !important;
  6641.     outline: 1px solid red !important;
  6642. }
  6643.  
  6644. #headline {
  6645.     color: #ccc !important;
  6646.     font-size: 18px;
  6647.     font-weight: bold;
  6648.     margin-top: 30px;
  6649. }
  6650. #applies_link + #headline ,
  6651. .adContainer + #headline + #applies_link + #headline{
  6652.     display:none ;
  6653. }
  6654.  
  6655. #notes_textarea {
  6656.     width: 99% ;
  6657. }
  6658.  
  6659. /* (new118) APLLIE TO  */
  6660. #information_div + #headline  {
  6661.  
  6662.     margin-top: 44px !important;
  6663. }
  6664. #headline + #applies_link{
  6665.     color: peru !important;
  6666.     font-size: 15px;
  6667.     margin-top: 0px !important;
  6668.     margin-bottom: -40px !important;
  6669.     max-width: 728px;
  6670. }
  6671. /* (new108) USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON - === */
  6672. #top_android_button {
  6673.     display: inline-block !important;
  6674. /* display: none !important; */
  6675.     flex-direction: unset !important;
  6676.     justify-content: unset !important;
  6677.     height: 44px;
  6678.     width: 176px;
  6679.     border-radius: 4px;
  6680.     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);
  6681.     cursor: pointer;
  6682.     background-color: #222 !important;
  6683. }
  6684. .android_button_banner {
  6685.     display: none !important;
  6686. }
  6687.  
  6688. /* (new108) STYLE INSTALL - BUTTON - === */
  6689. .customize_button + div  ,
  6690. #buttons>#ownedButtons + div {
  6691.     position: relative !important;
  6692.     display: inline-block !important;
  6693.     height: 22px !important;
  6694.     width: 160px !important;
  6695.     margin-bottom: 0px !important;
  6696.     margin-right: 0px !important;
  6697.     margin-left: 5px !important;
  6698.     border-radius: 3px !important;
  6699.     box-shadow: 3px 3px 2px black !important;
  6700.     border: 1px solid red !important;
  6701. /* background: red !important; */
  6702. }
  6703. .customize_button  {
  6704.     position: relative !important;
  6705.     display: inline-block !important;
  6706.     display: none !important;
  6707.     height: 22px !important;
  6708.     width: 130px !important;
  6709.     margin-bottom: 0px !important;
  6710. background: blue !important;
  6711. }
  6712.  
  6713. #install_button  ,
  6714. #buttons>#ownedButtons + div #install_button {
  6715.     position: relative !important;
  6716.     display: inline-block !important;
  6717.     height: 19px !important;
  6718.     width: 19px !important;
  6719.     white-space: nowrap !important;
  6720.     overflow-wrap: unset !important;
  6721.     text-align: left !important;
  6722. }
  6723.  
  6724. #install_button >div:first-of-type ,
  6725. #buttons>#ownedButtons + div #install_button >div:first-of-type {
  6726.     position: relative !important;
  6727.     display: inline-block !important;
  6728.     height: 19px !important;
  6729.     width: 19px !important;
  6730.     white-space: nowrap !important;
  6731.     overflow-wrap: unset !important;
  6732.     text-align: left !important;
  6733. }
  6734. .customize_button  .customize_button_text ,
  6735. #install_button >div:last-of-type ,
  6736. #buttons>#ownedButtons + div #install_button >div:last-of-type {
  6737.     position: relative !important;
  6738.     display: inline-block !important;
  6739.     height: 20px !important;
  6740.     line-height: 15px !important;
  6741.     width: 150px !important;
  6742.     left: -40px !important;
  6743.     margin-top: 0 !important;
  6744.     top: -4px !important;
  6745.     white-space: nowrap !important;
  6746.     overflow-wrap: unset !important;
  6747.     text-align: right !important;
  6748.     font-size: 12px !important;
  6749.     color: peru !important;
  6750. }
  6751. img.stylish-icon {
  6752.     height: 18px !important;
  6753.     width: 18px !important;
  6754.     margin-right: 10px;
  6755. }
  6756. .customize_button  .customize_button_text {
  6757.     width: 100px !important;
  6758.     left: 20px !important;
  6759.     top: -21px !important;
  6760. }
  6761.  
  6762. /* (new122) USERSTYLES - ARCHIVED INFO -
  6763. https://userstyles.org/styles/35345/stackoverflow-dark
  6764. https://userstyles.org/users/35365
  6765.  === */
  6766. /* #style_author.ellipsis */
  6767. #archived {
  6768.     max-width: 505px !important;
  6769.     margin-top: 5px !important;
  6770.     padding: 3px !important;
  6771.     border: 1px dashed red;
  6772. }
  6773. #archived_title ,
  6774. .customize_button  + #archived_title {
  6775.     display: inline-block;
  6776.     height: 20px !important;
  6777.     line-height: 20px !important;
  6778.     margin-top: 0 !important;
  6779.     font-size: 20px !important;
  6780.     text-align: center !important;
  6781. }
  6782.  
  6783. /* (new118) CREATE / EDIT USERSTYLE PAGE - === */
  6784.  
  6785. #view_inner {
  6786.     display: inline-block ;
  6787.     width: 68% !important;
  6788.     padding: 5px 200px !important;
  6789. }
  6790. html>body>ul + form[action="/styles/create"] ,
  6791. html>body>ul + form[action="/styles/update"] {
  6792.     display: inline-block;
  6793.     margin-left: 112px !important;
  6794.     width: 1067px !important;
  6795. }
  6796.  
  6797.  
  6798.  
  6799. /* (new118) (VOIR) QUESTION ? - PB IMAGE BACKGROUD - leoncastro OK */
  6800. #post-discussion + #login-form + #no-discussions  {
  6801.     position: absolute!important;
  6802.     display: inline-block !important;
  6803.     width: 750px!important;
  6804.     height: 17px !important;
  6805.     line-height: 17px !important;
  6806.     padding: 1px 0px 1px 14px  !important;
  6807.     top: -9px !important;
  6808.     margin-left: 160px !important;
  6809.     text-align: center!important;
  6810.     color: gold !important;
  6811.     text-decoration: none !important;
  6812.     background-color: transparent!important;
  6813.     background-image: url("https://userstyles.org/images/question.png") !important;
  6814.     background-position: 0px 3px !important;
  6815.     background-repeat: no-repeat !important;
  6816.     z-index: 500!important;
  6817. }
  6818. #discussions {
  6819.     margin-left: 20px !important;
  6820.     margin-top: 5px !important;
  6821. }
  6822.  
  6823. /* USERSTYLES - STY INFOS - FEED LIST - (Title) - === */
  6824. #discussions>li>a:nth-child(1){
  6825.     margin-left: 8px !important;
  6826.     margin-right: 30px !important;
  6827. }
  6828. /*  - USERSTYLES - STY INFOS - FEED LIST - (Member NAME) - === */
  6829. #discussions>li>a:nth-child(2){
  6830.     margin-left: 4px !important;
  6831.     margin-right: 15px !important;
  6832. }
  6833. /* (new118) FOOTER - ==== */
  6834. #footer {
  6835.     margin-top: 129px !important;
  6836.     background-color: #222 !important;
  6837. }
  6838. #footer-inside {
  6839.     display: inline-block;
  6840.     margin-left: 8px !important;
  6841.     margin-top: -29px !important;
  6842.     text-align: center !important;
  6843. }
  6844. #leftFooter {
  6845.     width: 1905px !important;
  6846.     margin-left: 0px;
  6847. }
  6848. #copyrights {
  6849.     color: gold !important;
  6850.     background: black ;
  6851. }
  6852.  
  6853. /* START ===== NEW DESIGN - MEDIA QUERY ===== */
  6854.  
  6855. /* START ==== MEDIA QUERIES - 1400px - USERSTYLES FORUM ??? - TEST -  ==== */
  6856.  
  6857. @media screen and (max-width: 1400px){
  6858. #Head + #Body {
  6859.     margin-left: 12% !important;
  6860. /* background: green !important; */
  6861. }
  6862.  
  6863. /* ==== END ==== MEDIA QUERIES - USERSTYLES FORUM - TEST - === */
  6864. }
  6865.  
  6866. /* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */
  6867. @media screen and (max-width: 1400px){
  6868. #navigation {
  6869.     margin-left: 0px;
  6870. }
  6871. #style_info {
  6872.     outline: 1px solid red !important;
  6873. }
  6874. #style_info {
  6875.     margin-left: 341px !important;
  6876.     width: 100%;
  6877.     min-width: 900px;
  6878. }
  6879. .style_title {
  6880.     border: 1px solid red;
  6881.     display: inline-block;
  6882.     height: 32px;
  6883.     margin-top: 25px;
  6884.     padding-left: 13px;
  6885.     width: 55.5% !important;
  6886. }
  6887. #applies_link + #headline + .text_style_page {
  6888.     display: inline-block !important;
  6889.     width: 100% !important;
  6890.     min-width: 350px !important;
  6891.     max-width: 350px !important;
  6892.     max-height: 295px !important;
  6893.     min-height: 295px !important;
  6894.     left: 70% !important;
  6895.     white-space: pre-wrap;
  6896.     overflow-x: hidden !important;
  6897.     overflow-y: auto !important;
  6898. }
  6899. .css_button {
  6900.     position: absolute;
  6901.     right: 4%;
  6902.     top: 41px !important;
  6903. }
  6904.  
  6905. /* USERTYLE ACCEUIL */
  6906. .category_head {
  6907.     display: inline-block !important;
  6908.     width: 50% !important;
  6909.     float: left !important;
  6910.     clear: none;
  6911.     margin-bottom: 14px;
  6912.     align-items: center;
  6913.     flex-direction: unset !important;
  6914.     justify-content: unset !important;
  6915. background: red !important;
  6916. }
  6917. .styles.boxes {
  6918.     display: inline-block !important;
  6919.     float: left !important;
  6920.     width: 50% !important;
  6921.     margin-bottom: 20px;
  6922.     padding-top: 10px;
  6923.     align-items: unset !important;
  6924.     flex-flow: unset !important;
  6925.     justify-content: unset !important;
  6926. }
  6927. .style_card {
  6928.     display: inline-block !important;
  6929.     width: 221px !important;
  6930.     height: 225px;
  6931.     background-color: #ffffff;
  6932.     border-radius: 4px;
  6933.     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  6934.  
  6935.     margin: 15px 0;
  6936.  
  6937. }
  6938.  
  6939. /* CREATE BUTTON */
  6940. #create_new_style {
  6941.     margin-left: 0px !important;
  6942.     margin-top: 40px;
  6943. }
  6944.  
  6945. /* ==== START ==== MEDIA QUERIES - USERSTYLES STYLE INFO - TEST - === */
  6946. /* END ===== NEW DESIGN - MEDIA QUERY ===== */
  6947.  
  6948. }
  6949. /* (new79) USERSTYLES / GREASEMONKEY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD - === */
  6950. #Frame {
  6951.     margin-top: -8px !important;
  6952. }
  6953. #vanilla_discussions_index #Head.Head ,
  6954. #main-header {
  6955.     position: fixed !important;
  6956.     display: inline-block ! important;
  6957.     float: none ! important;
  6958.     width: 99.9% !important;
  6959.     height: 41px !important;
  6960.     left: -0.2% !important;
  6961.     top: -1px !important;
  6962.     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;
  6963.     border-bottom: 1px solid gray !important;
  6964.     z-index: 50 !important;
  6965. }
  6966.  
  6967. /* (new74) - GREASEMONKEY  - RED BACKGROUD */
  6968. body:not(.Settings) #Head,
  6969. body[pagetype="ListingPage"]  #main-header ,
  6970. body[pagetype="UserProfile"]  #main-header {
  6971.     position: fixed !important;
  6972.     display: inline-block ! important;
  6973.     float: none ! important;
  6974.     height: 40px !important;
  6975.     top: -1px !important;
  6976.     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;
  6977.     background-color: #670000 !important;
  6978. border-bottom: 1px solid red !important;
  6979. }
  6980.  
  6981. /* === USERSTYLES - STY TITLE/Name === */
  6982.  
  6983. /* USERSTYLES - SITE TITLE "User.org" + "USER NAME" / NAME - === */
  6984. #main-header > h1 {
  6985.     position: relative ! important;
  6986.     display: inline-block ! important;
  6987.     width: 47% !important;
  6988.     min-width: 895px !important;
  6989.     height: 30px !important;
  6990.     line-height: 28px !important;
  6991.     margin-top: -3px !important;
  6992.     border-radius: 5px ! important;
  6993.     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%);
  6994.     font-size: 23px ! important;
  6995.     text-align: left !important;
  6996.     text-indent: -117px !important;
  6997.     overflow: hidden !important;
  6998.     text-overflow: ellipsis !important;
  6999.     white-space: nowrap !important;
  7000. }
  7001. #main-header > h1::-moz-selection {
  7002.     background:#FFCC11 ! important;
  7003.     color:#ffffff ! important;
  7004. }
  7005. #main-header > h1:hover {
  7006.     color: gold ! important;
  7007. }
  7008.  
  7009. /* USERSTYLES - SITE TITLE - TXT "User.org" - === */
  7010. #main-header>h1>a {
  7011.     display: inline-block ! important;
  7012.     width: 161px !important;
  7013.     margin-right: -100px !important;
  7014.     margin-left: 28% !important;
  7015.     margin-bottom: 30px ! important;
  7016. }
  7017.  
  7018.  
  7019. /* USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL - === */
  7020. #left-sidebar nav ul dl:not(:hover) ,
  7021. #main-article>dl:not(:hover) {
  7022.     position: fixed ! important;
  7023.     display: inline-block ! important;
  7024.     float: none !important;
  7025.     width: 50px !important;
  7026.     max-height: 15px ! important;
  7027.     top: 23px ! important;
  7028.     margin-top: 5px ! important;
  7029.     left: 275px !important;
  7030.     font-size: 10px ! important;
  7031.     text-align: left !important;
  7032.     z-index: 900 ! important;
  7033.     overflow: hidden !important;
  7034.     visibility: visible !important;
  7035.     transition: all ease .4s !important;
  7036. }
  7037. #left-sidebar nav ul dl:hover ,
  7038. #main-article>dl:hover {
  7039.     position: fixed ! important;
  7040.     display: inline-block ! important;
  7041.     float: none !important;
  7042.     width: auto !important;
  7043.     height: auto ! important;
  7044.     top: 23px ! important;
  7045.     margin-top: 5px ! important;
  7046.     left: 210px !important;
  7047.     padding: 3px 50px 1px 70px!important;
  7048.     font-size: 10px ! important;
  7049.     text-align: left !important;
  7050.     overflow: visible !important;
  7051.     z-index: 50000 !important;
  7052. }
  7053.  
  7054. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  7055. #left-sidebar nav ul dl:not(:hover)>dt ,
  7056. #main-article>dl:not(:hover)>dt {
  7057.     position: relative ! important;
  7058.     display: block !important;
  7059.     float: none !important;
  7060.     width: 74px !important;
  7061.     height: 16px ! important;
  7062.     line-height: 15px ! important;
  7063.     top: 1px ! important;
  7064.     margin-bottom: -14px !important;
  7065.     left: 0px ! important;
  7066.     padding: 0px 6px 1px 0px !important;
  7067.     font-size: 10px ! important;
  7068.     text-align: left !important;
  7069.     color: transparent ! important;
  7070.     overflow: hidden !important;
  7071.     text-overflow: ellipsis !important;
  7072.     white-space: nowrap !important;
  7073.     z-index: 5000 !important;
  7074. }
  7075. #left-sidebar nav ul dl:not(:hover)>dt:before ,
  7076. #main-article>dl:not(:hover)>dt:before {
  7077.     content: "About \25B6 " !important;
  7078.     color: red !important;
  7079. }
  7080.  
  7081.  
  7082. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  7083. #left-sidebar nav ul dl:hover>dt ,
  7084. #main-article>dl:hover>dt {
  7085.     position: relative ! important;
  7086.     display: block !important;
  7087.     float: none !important;
  7088.     width: 44px !important;
  7089.     height: 12px ! important;
  7090.     line-height: 12px ! important;
  7091.     margin-bottom: -14px !important;
  7092.     left: 0px ! important;
  7093.     padding: 0px 6px 1px 2px !important;
  7094.     font-size: 10px ! important;
  7095.     text-align: left !important;
  7096.     color: grey ! important;
  7097.     overflow: hidden !important;
  7098.     text-overflow: ellipsis !important;
  7099.     white-space: nowrap !important;
  7100.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  7101.     border-radius: 5px 0 0 5px !important;
  7102.     border: 1px solid gray !important;
  7103.     z-index: 5000 !important;
  7104. }
  7105. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  7106. #main-article>dl:hover>dd:first-of-type ,
  7107. #left-sidebar nav ul dl:hover > dd, #main-article > dl:hover > dd:first-of-type {
  7108.     position: relative ! important;
  7109.     width: 0px !important;
  7110.     height: 15px ! important;
  7111.     top: -6px ! important;
  7112.     margin-bottom: -3px !important;
  7113.     margin-left: 55px ! important;
  7114.     padding-left: 10px !important;
  7115.     padding-right: 8px !important;
  7116.     text-align: left !important;
  7117.     background: black !important;
  7118.     outline: 1px solid gray !important;
  7119.     overflow: hidden !important;
  7120.     transition: all ease 0.4s !important;
  7121. }
  7122.  
  7123. /* "About" - FULL CONTAINER - NOT HOVER */
  7124. #left-sidebar nav ul dl:not(:hover),
  7125. #main-article > dl:not(:hover) dd:first-of-type {
  7126.     margin-left: 100px !important;
  7127. }
  7128. #main-article>dl:not(:hover)>dd:first-of-type:not(:hover) {
  7129.     position: relative ! important;
  7130.     display: inline-block ! important;
  7131.     max-width: 0px !important;
  7132.     height: 20px ! important;
  7133.     top: -6px ! important;
  7134.     margin-bottom: -3px !important;
  7135.     margin-left: 47px ! important;
  7136.     padding-left: 0px !important;
  7137.     padding-right: 0px !important;
  7138.     border: none !important;
  7139.     text-align: left !important;
  7140.     background: black !important;
  7141.     overflow: hidden !important;
  7142.     visibility: hidden !important;
  7143. }
  7144.  
  7145. /* "About" - FULL CONTAINER - HOVER */
  7146. #left-sidebar nav ul dl:hover>dd:first-of-type ,
  7147. #main-article>dl:hover>dd:first-of-type {
  7148.     display: inline-block ! important;
  7149.     width: 100% !important;
  7150.     min-width: 0px !important;
  7151.     max-width: 500px !important;
  7152.     height: 100% ! important;
  7153.     min-height: 0px ! important;
  7154.     max-height: 500px ! important;
  7155.     margin-left: 15px ! important;
  7156.     margin-top: 0px ! important;
  7157.     padding: 2px 0 100px 90px !important;
  7158.     text-align: left !important;
  7159.     font-size: 14px!important;
  7160.     background: black !important;
  7161.     overflow: hidden !important;
  7162.     overflow-y: auto !important;
  7163.     z-index: 900 ! important;
  7164. }
  7165.  
  7166. /* SUB LABEL INFOS */
  7167. #main-article>dl:hover>dt:first-of-type + dd +dt  {
  7168.     position: absolute !important;
  7169.     display: inline-block ! important;
  7170.     top: 15px !important;
  7171.     margin-left: 90px !important;
  7172. }
  7173. #main-article>dl>dt:first-of-type + dd +dt +dd+dt {
  7174.     position: absolute !important;
  7175.     display: inline-block ! important;
  7176.     top: 30px !important;
  7177.     margin-left: 90px !important;
  7178. }
  7179. #main-article>dl>dt:first-of-type + dd +dt +dd+dt+dd+dt {
  7180.     position: absolute !important;
  7181.     display: inline-block ! important;
  7182.     top: 45px !important;
  7183.     margin-left: 90px !important;
  7184. }
  7185.  
  7186. /*  "About" - ARROW GRAY */
  7187. #left-sidebar nav ul dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before ,
  7188. #main-article>dl>dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  7189.     position: relative ;
  7190.     display: inline-block ;
  7191.     content: "\25B6 " ;
  7192.     margin-left: 1px ;
  7193.     color: red ;
  7194. }
  7195.  
  7196. /* ABOUT - LINKS */
  7197. #main-article>dl>dd>a {
  7198.     position: relative !important;
  7199.     display: inline-block !important;
  7200.     min-height: 15px !important;
  7201.     max-height: 15px !important;
  7202.     line-height: 14px !important;
  7203.     font-size: 13px !important;
  7204. }
  7205. /* SEND MESSAGE */
  7206. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"] {
  7207.     position: fixed !important;
  7208.     display: inline-block !important;
  7209.     height: 20px !important;
  7210.     line-height: 10px !important;
  7211.     width: 170px !important;
  7212.     top: 28px !important;
  7213.     left: 360px !important;
  7214.     padding: 1px 10px !important;
  7215.     text-align: center !important;
  7216.     color: red !important;
  7217.     background: yellow !important;
  7218.     z-index: 80000 !important;
  7219.     visibility: visible !important;
  7220. }
  7221. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  7222.     visibility: hidden !important;
  7223. }
  7224. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before ,
  7225. #main-article>dl:hover>dd>a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  7226.     position: absolute !important;
  7227.     display: inline-block ;
  7228.     height: 15px !important;
  7229.     width: 22px !important;
  7230.     content: "✉" ;
  7231.     color: peru !important;
  7232.     left: -25px!important;
  7233.     top: 0px !important;
  7234.     font-size: 21px !important;
  7235.     visibility: visible !important;
  7236. }
  7237. /* USERSTYLES -  PROFILE LINK - === */
  7238. body:not(#f) a#userProfile {
  7239.     position: absolute !important;
  7240.     visibility: visible !important;
  7241.     left: 256px !important;
  7242.     top: -64px !important;
  7243.     overflow: visible !important;
  7244.     text-overflow: ellipsis !important;
  7245.     white-space: nowrap !important;
  7246.     font-size: 0 !important;
  7247.     z-index: 500 !important;
  7248. }
  7249.  
  7250. body:not(#f) a#userProfile:before {
  7251.     display: inline-block ;
  7252.     position: fixed ;
  7253.     content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
  7254.     -moz-transform:scale(0.6,0.5) ;
  7255.     margin-left: -90px ;
  7256.     top: 1px ;
  7257. }
  7258.  
  7259. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt - === */
  7260.  
  7261. /* USERSTYLES - "Following results" - "the results for all ..." - === */
  7262. #page-description>a {
  7263.     border-radius: 5px !important;
  7264.     box-shadow: 0 0 4px #999999 !important;
  7265.     display: inline-block !important;
  7266.     left: 103px !important;
  7267.     padding: 5px !important;
  7268.     position: absolute !important;
  7269.     top: -21px !important;
  7270.     width: 994px !important;
  7271. }
  7272.  
  7273. /* (new75) USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (TABLE VIEW PLUS) - === */
  7274. #metaOption {
  7275.     position: fixed !important;
  7276.     display: inline-block !important;
  7277.     -moz-appearance: none !important;
  7278.     transform: scale(0.8) ! important;
  7279.     height: 19px !important;
  7280.     width: 19px ! important;
  7281.     left: 0px !important;
  7282.     top: 26px !important;
  7283.     padding: 12px ! important;
  7284.     color: transparent ! important;
  7285.     border: none ! important;
  7286.     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;
  7287.     background-color: #0064AA ! important;
  7288.     border-radius: 10px 10px 10px 10px !important;
  7289.     z-index: 200 !important;
  7290.     opacity: 0.7 !important;
  7291.     cursor: pointer ! important;
  7292. }
  7293. #metaOption:hover {
  7294.     background-color: gold !important;
  7295.     opacity: 1 !important;
  7296. }
  7297.  
  7298. /* USERSTYLES - STY INFO / BROW STY etc  - TABLE OPT BUTT - (ENHANCER) - === */
  7299. #style-table #metaPrefs {
  7300.     position: absolute!important;
  7301.     left: 5px!important;
  7302.     margin-top: -5px!important;
  7303. }
  7304.  
  7305. /* ==== (new87) USERSTYLES - SEARCH BOX ==== */
  7306.  
  7307. /* USERSTYLES - ADV SEARCH - PAGE RESUL  - === */
  7308. /* USERSTYLES - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS - === */
  7309. #advanced-search-submit button {
  7310.    -moz-appearance: none ! important;
  7311.     position: fixed !important;
  7312.     display: inline-block !important;
  7313.     width: 62px !important;
  7314.     height: 20px !important;
  7315.     right: calc(100% - 1202px)  ! important;
  7316.     top: 1px ! important;
  7317.     padding: 0 0 2px 0px  ! important;
  7318.     border-radius: 4px ! important;
  7319.     border: 1px solid #777777 !important;
  7320.     font-size: 10px! important;
  7321.     color: #D7D7D7 !important;
  7322.     text-align: center ! important;
  7323.     text-decoration: none ! important;
  7324.     box-shadow: 0 0 1px #777777 inset !important;
  7325.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7326.     cursor: pointer ! important;
  7327. }
  7328. #advanced-search-submit button:hover {
  7329.     color: tomato !important;
  7330. }
  7331. /* (new87) USERSTYLES - ADV SEARCH - SHOW BUTT (TXT "Adv sear) - === */
  7332. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  7333.    -moz-appearance: none ! important;
  7334.     position: absolute !important;
  7335.     display: inline-block !important;
  7336.     width: 60px !important;
  7337.     height: 18px !important;
  7338.     line-height: 15px ! important;
  7339.     top: -16px ! important;
  7340.     left: 85% ! important;
  7341.     font-size: 10px! important;
  7342.     color: #D7D7D7 !important;
  7343.     z-index: 200 ! important;
  7344.     text-align: center ! important;
  7345.     text-decoration: none ! important;
  7346.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  7347.     border: 1px solid #777777 !important;
  7348.     border-radius: 4px !important;
  7349.     box-shadow: 0 0 1px #777777 inset !important;
  7350.     cursor: pointer ! important;
  7351. }
  7352.  
  7353. /* USERSTYLES - AVDV SEARCH - SUBMIT BUTT - === */
  7354. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  7355.    -moz-appearance: none ! important;
  7356.     position: fixed !important;
  7357.     display: inline-block !important;
  7358.     width: 50px !important;
  7359.     height: 20px !important;
  7360.     right: calc(100% - 1138px)  ! important;
  7361.     top: 1px ! important;
  7362.     border-radius: 5px ! important;
  7363.     font-size: 10px! important;
  7364.     color: gold !important;
  7365.     z-index: 200! important;
  7366.     text-align: center ! important;
  7367.     text-decoration: none ! important;
  7368.     background: black ! important;
  7369.     border: 1px gray solid ! important;
  7370.     cursor: pointer ! important;
  7371. }
  7372. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  7373.     color: tomato !important;
  7374. }
  7375.  
  7376. /* (new87) USERSTYLES - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " - === */
  7377. #advanced-search {
  7378.     position: relative ! important;
  7379.     position: fixed ! important;
  7380.     height: 15px ! important;
  7381.     width: 450px ! important;
  7382.     top: 48px ! important;
  7383.     left: 867px !important;
  7384.     padding: 1px 2px 3px 2px  ! important;
  7385.     border: none ! important;
  7386.     border-radius: 0 0 3px 3px !important;
  7387.     z-index: 2000000 ! important;
  7388.     color: gold !important;
  7389.     background: #2C6C14 !important;
  7390. }
  7391.  
  7392. /* USERSTYLES - SEARCH - TOP Right (Background) - === */
  7393. #search{
  7394.     background-color:  transparent !important
  7395. }
  7396.  
  7397. /* USERSTYLES - SEARCH BOX - === */
  7398. #search {
  7399.     position: fixed !important;
  7400.     width: 187px ! important;
  7401.     height: 85px ! important;
  7402.     top: 400px ! important;
  7403. }
  7404.  
  7405. /* USERSTYLES - SEARCH BOX INPUT -  === */
  7406. #left-sidebar > nav ul li form {
  7407.     position: fixed ! important;
  7408.     width: 200px !important;
  7409.     margin-top: -8px! important;
  7410.     left: 970px ! important;
  7411.     top: 25px ! important;
  7412.     visibility: visible ! important;
  7413.     z-index: 2000! important;
  7414. }
  7415.  
  7416. /* USERSTYLES - SIMPLE SEARCH - SEARCH INPUT - === */
  7417. #search-terms {
  7418.     position: absolute ! important;
  7419.     display: inline-block !important;
  7420.     min-width: 204px !important;
  7421.     max-width: 204px !important;
  7422.     height: 19px ! important;
  7423.     margin-right: -50px ! important;
  7424.     left: -65px ! important;
  7425.     top: -16px ! important;
  7426. }
  7427. /* USERSTYLES /GREASY FORK - SIMPLE SEARCH - SEARCH BUTT - === */
  7428. #search-submit {
  7429.     position: relative ! important;
  7430.     left: -38px ! important;
  7431.     margin-top: -15px ! important;
  7432.     font-size:11px !important;
  7433. }
  7434. #script-search > input[type="submit"] ,
  7435. #search-submit  {
  7436.     position: relative !important;
  7437.     display: inline-block !important;
  7438.     top: 0px !important;
  7439.     -moz-appearance: none !important;
  7440.     border: 1px solid gray !important;
  7441.     border-radius: 0 3px 3px 0 !important;
  7442.     cursor: pointer!important;
  7443.     background: peru !important;
  7444. }
  7445. #script-search > input[type="submit"]:hover ,
  7446. #search-submit:hover  {
  7447.     background: tomato !important;
  7448. }
  7449.  
  7450. /* USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE SELECT - (ENHANCER) - === */
  7451. #per-page-select {
  7452.     width: 45px !important;
  7453.     margin-left: -50px ! important;
  7454. }
  7455. *[id$="-select"] ,
  7456. #advanced-search>[name="sort_direction"]  {
  7457.     font-size: 11px ! important;
  7458.     height: 17px ! important;
  7459. }
  7460.  
  7461. /* USERSTYLES - ADV SEARCH - FILT BLOCK  - TXT "FILT" - SUPP (diplay:none) -(TABLE VIEW PLUS) - === */
  7462. #fb-label {
  7463.     display:none ! important;
  7464. }
  7465.  
  7466. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK + TXT "FILTER" + BUTT - CONT - (TABLE VIEW PLUS) - === */
  7467. #filter-block  {
  7468.     position: fixed ! important;
  7469.     display: inline-block ! important;
  7470.     height: 24px !important;
  7471.     width: 355px !important;
  7472.     left: 620px !important;
  7473.     margin-left: 288px !important;
  7474.     top: 18px !important;
  7475.     padding: 0 !important;
  7476.     border-radius: 3px !important;
  7477.     font-size: 10px ! important;
  7478.     z-index: 2000 !important;
  7479.     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;
  7480. }
  7481. #left-sidebar #labelGroup {
  7482.     height: 20px !important;
  7483.     line-height: 20px !important;
  7484.     padding: 0 3px !important;
  7485.     text-align: center !important;
  7486.     border: none !important;
  7487. }
  7488. /* (new87) USERSTYLES - ADV SEARCH - FILT - "Create " + "Show Flit" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7489. #wordDiv button ,
  7490. #filterGroup button {
  7491.     height: 18px ! important;
  7492.     line-height: 10px ! important;
  7493.     padding: 1px ! important;
  7494.     font-size: 10px !important;
  7495.  
  7496.  
  7497. }
  7498. /* (new87) USERSTYLES - ADV SEARCH - FILTBLOCK - "Create" BUTT - (TABLE VIEW PLUS) - === */
  7499. #wordDiv button {
  7500.     -moz-appearance: none ! important;
  7501.     width: 40px ! important;
  7502.     height: 20px !important;
  7503.     margin-left: -430px ! important;
  7504.     margin-top: 4px ! important;
  7505.     padding: 0px 2px! important;
  7506.     text-align: center ! important;
  7507.     border-radius: 3px ! important;
  7508.     border: 1px solid #404040;
  7509.     box-shadow: 3px 3px 2px black ;
  7510.     color: gold ! important;
  7511.     background: #222 !important;
  7512.     cursor: pointer ! important;
  7513.     z-index: 200 ! important;
  7514. }
  7515.  
  7516. /* USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt" + "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7517. #filterGroup button {
  7518.     position: absolute ! important;
  7519.     display: inline-block ! important;
  7520.     top: 0px ! important;
  7521.     margin-left: 100px ! important;
  7522. }
  7523. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Show Filt"  BUTT - (TABLE VIEW PLUS) - === */
  7524. #filterGroup button#showB {
  7525.     position: absolute ! important;
  7526.     display: inline-block ! important;
  7527.     top: 2px ! important;
  7528.     margin-left: 94px ! important;
  7529.     width: 80px ! important;
  7530. }
  7531. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - "Clear" BUTT - (TABLE VIEW PLUS) - === */
  7532. #filterGroup button {
  7533.     position: absolute ! important;
  7534.     display: inline-block ! important;
  7535.     top: 2px ! important;
  7536.     margin-left: 173px ! important;
  7537. }
  7538.  
  7539. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - FILT INPUT (TABLE VIEW PLUS) - === */
  7540. #wordIn {
  7541.     -moz-appearance: none ! important;
  7542.     position: absolute ! important;
  7543.     display: inline-block ! important;
  7544.     width: 138px ! important;
  7545.     height: 15px ! important;
  7546.     left: -82px ! important;
  7547.     margin-top: 3px ! important;
  7548.     border: none ! important;
  7549.     border-radius: 3px ! important;
  7550.     padding: 2px 2px 3px 0px ! important;
  7551. }
  7552.  
  7553. /* USERSTYLES - ADV SEARCH - FILT BLOCK - CREATE CONT - (TABLE VIEW PLUS) - === */
  7554. #wordDiv {
  7555.     position: absolute !important;
  7556.     display: inline-block ! important;
  7557.     width: 223px !important;
  7558.     top: -6px !important;
  7559.     left: 80px ! important;
  7560.     text-align: center;
  7561. }
  7562. /*(new87)  USERSTYLES - ADV SEARCH - FILT BLOCK - FILT-GROUP CONTR (Filtd nbr / "Show Filt" / "Clear) - (TABLE VIEW PLUS) - === */
  7563. #filterGroup {
  7564.     position: absolute !important;
  7565.     display: inline-block ! important;
  7566.     height: 17px ! important;
  7567.     max-width: 90px !important;
  7568.     min-width: 90px ! important;
  7569.     left: 142px !important;
  7570.     top: 0px !important;
  7571.     padding: 1px 1px 1px 0px ! important;
  7572.     border-radius: 5px ! important;
  7573.     text-align: left !important;
  7574. }
  7575.  
  7576. /* USERSTYLES - ADV SEARCH - FILT BLOCK - TXT "Filt" - (TABLE VIEW PLUS) - === */
  7577. #left-sidebar #labCnt {
  7578.     display: inline-block ! important;
  7579.     padding: 0px !important;
  7580.     font-size: 11px !important;
  7581.     margin: 0 2px 0 -15px !important;
  7582.     color: gray ! important;
  7583. }
  7584. #left-sidebar #labCnt:after {
  7585.     content: " :" ;
  7586.     color: gold;
  7587.     font-size: 11px ;
  7588. }
  7589. #left-sidebar #filterCount {
  7590.     display: inline-block ! important;
  7591.     padding: 0px !important;
  7592.     color: gold;
  7593.     font-size: 11px !important;
  7594. }
  7595.  
  7596. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK -  PER PAGE CONT (+ TX "Tab Filt" +) - (TABLE VIEW PLUS) - === */
  7597. #perPageGroup {
  7598.     position: absolute !important;
  7599.     display: inline-block!important;
  7600.     width: 10px !important;
  7601.     left: 305px ! important;
  7602.     margin-top: -17px !important;
  7603.     top: 5px !important;
  7604.     padding: 0 0 0 0px !important;
  7605.     color: gold !important;
  7606.     font-size: 0px !important;
  7607.     text-align: left !important;
  7608.     background: black !important;
  7609. }
  7610. #perPageGroup:after {
  7611.     content: "by"!important;
  7612.     position: absolute !important;
  7613.     display: inline-block!important;
  7614.     width: 19px !important;
  7615.     height: 19px!important;
  7616.     line-height: 17px!important;
  7617.     left: 8px ! important;
  7618.     top: -10px !important;
  7619.     padding: 0px !important;
  7620.     color: gold !important;
  7621.     font-size: 10px !important;
  7622.     text-align: center !important;
  7623. background: red !important;
  7624. }
  7625. /* (new87) USERSTYLES - ADV SEARCH - FILT BLOCK - PER PAGE BLOCK - NBR INPUT - (TABLE VIEW PLUS) - === */
  7626. #filter-block #perPageGroup input#sel {
  7627.     -moz-appearance: none !important;
  7628.     position: absolute! important;
  7629.     display: inline-block!important;
  7630.     height: 17px !important;
  7631.     line-height: 25px !important;
  7632.     width: 20px !important;
  7633.     margin-left: 27px! important;
  7634.     margin-top: -13px! important;
  7635.     border: none ! important;
  7636.     border-radius: 0 3px 3px 0 ! important;
  7637.     font-size: 10px !important;
  7638.     text-align: center !important;
  7639.     background: #D6D6D6 ! important;
  7640. }
  7641.  
  7642.  
  7643. /* USERSTYLES - ADV SEARCH - FILT RESULT - ITEM FILT - ADD TXT "Filt" - (TABLE VIEW PLUS) - === */
  7644. table#style-table tr[filtered="true"]:after {
  7645.     display: inline-block ;
  7646.     width: 15px ;
  7647.     content: "Filtered" ;
  7648.     padding-top: 2px ;
  7649.     padding-bottom: 5px ;
  7650.     padding-right: 4px ;
  7651.     padding-left: 1px ;
  7652.     transform: rotate(90deg) ;
  7653.     font-size: 10px ;
  7654.     text-align: center ;
  7655.     color: gold ;
  7656. }
  7657.  
  7658. /* ====  - USERSTYLES - STY INFOS - RELATED ==== */
  7659.  
  7660. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - BLOCK - === */
  7661. #related {
  7662.     position: fixed !important;
  7663.     width: 185px !important;
  7664.     left: 20px !important;
  7665.     top: 550px !important;
  7666.     background-color: #222222 !important;
  7667.     box-shadow: 0 0 4px #999999 !important;
  7668. }
  7669. /* USERSTYLES - STY INFOS - RELATED - "Relat" etc... - ITEMS - === */
  7670. #left-sidebar footer#related ul li:not(.more) a:before {
  7671.     display: inline-block ;
  7672.     content: "\25B6" ;
  7673.     padding-right: 5px ;
  7674.     font-size: 8px ;
  7675.     color: red ;
  7676. }
  7677.  
  7678. /* ==== USERSTYLES - STY INFOS ==== */
  7679.  
  7680. /* USERSTYLES - STY INFOS - "Style" Bar - SUPP - === */
  7681. #main-article>h2{
  7682.     display: none ! important;
  7683. }
  7684.  
  7685.  
  7686. /* STY INFOS - DELETED STYLE - MESS -
  7687. https://userstyles.org/styles/46216/flickr-widescreen-wide-film-strip-thumbs-x2-v4?r=1431273300
  7688. === */
  7689. section#obsoletion-message {
  7690.     position: fixed !important;
  7691.     line-height: 15px !important;
  7692.     min-width: 400px !important;
  7693.     max-width: 400px !important;
  7694.     max-height: 425px !important;
  7695.     top: 35px !important;
  7696.     margin-left: -10px!important;
  7697.     padding: 10px ! important;
  7698.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  7699.     overflow: hidden !important;
  7700.     overflow-y: auto !important;
  7701.     z-index: 2000 !important;
  7702.     transition: all ease 0.7s !important;
  7703.     opacity: 1 !important;
  7704.     visibility: visible !important;
  7705. }
  7706. #main-article section#obsoletion-message h2 + p + p ,
  7707. #main-article section#obsoletion-message h2 + p  {
  7708.     display: inline-block !important;
  7709.     line-height: 15px !important;
  7710.     width: 390px !important;
  7711.     margin-left: -10px!important;
  7712.     padding: 10px ! important;
  7713.     font-size: 17px !important;
  7714.     text-align: center !important;
  7715.     color: white !important;
  7716. }
  7717.  
  7718. #main-article section#obsoletion-message h2 + p  q  {
  7719.     display: inline-block !important;
  7720.     width: 100% !important;
  7721.     line-height: 16px !important;
  7722.     margin-top: 10px !important;
  7723.     margin-bottom: 5px !important;
  7724.     padding: 5px !important;
  7725.     border-radius: 5px !important;
  7726.     text-align: left !important;
  7727.     font-size: 15px !important;
  7728.     color: gray !important;
  7729.     background: black !important;
  7730. }
  7731. /* #main-article section#obsoletion-message a  */
  7732. #obsoletion-message>p + p>a:last-of-type ,
  7733. #main-article section#obsoletion-message h2 + p>a:first-of-type {
  7734.     position: relative!important;
  7735.     display: inline-block!important;
  7736.     width: 100%!important;
  7737.     min-width: 375px!important;
  7738.     margin-top: 10px !important;
  7739.     margin-bottom: 5px !important;
  7740.     text-align: center!important;
  7741.     font-size: 18px !important;
  7742.     color: gold !important;
  7743. }
  7744. #obsoletion-message>p + p>a:nth-last-of-type(n+2) {
  7745.     position: relative!important;
  7746.     display: inline-block!important;
  7747.     width: 100%!important;
  7748.     min-width: 375px!important;
  7749.     margin-top: 10px !important;
  7750.     margin-bottom: 10px !important;
  7751.     text-align: center!important;
  7752.     font-size: 15px !important;
  7753.     color: gold !important;
  7754. }
  7755. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE - === */
  7756. #obsoletion-message:not(:hover) h2:not(:hover) ,
  7757. #obsoletion-message h2 {
  7758.     position: fixed !important;
  7759.     display: inline-block !important;
  7760.     left: 132px !important;
  7761.     top: 58px !important;
  7762.     border-radius: 10px !important;
  7763.     padding: 7px 6px !important;
  7764.     background: #B50000 !important;
  7765.     cursor: pointer !important;
  7766.     visibility: visible !important;
  7767.     opacity: 1 !important;
  7768. }
  7769. /* STY INFOS - DEL STY - BUBBLE - ARROW - === */
  7770. section#obsoletion-message:after {
  7771.     position: fixed !important;
  7772.     display: block;
  7773.     content: "";
  7774.     height: 0;
  7775.     width: 0;
  7776.     top: 82px !important;
  7777.     bottom: -15px;
  7778.     left: 200px ;
  7779.     border-color: #B50000 transparent transparent transparent ;
  7780.     border-style: solid;
  7781.     border-width: 25px 5px 0px ;
  7782.     transform: rotate(22deg) ;
  7783.     visibility: visible !important;
  7784. }
  7785. section#obsoletion-message:before {
  7786.     position: fixed !important;
  7787.     display: inline-block !important;
  7788.     content: " Deleted ....WHY ??? : Hover me !";
  7789.     height: 15px !important;
  7790.     width: 400px !important;
  7791.     top: 62px !important;
  7792.     left: 250px ;
  7793.     text-align: center !important;
  7794.     background: #B50000 !important;
  7795.     white-space: nowrap !important;
  7796.     cursor: pointer !important;
  7797.     visibility: visible !important;
  7798. }
  7799. section#obsoletion-message:hover:before {
  7800.     visibility: hidden !important;
  7801. }
  7802.  
  7803. #main-article section#obsoletion-message:not(:hover) {
  7804.     visibility: hidden !important;
  7805.     opacity: 1 !important;
  7806. }
  7807. #main-article section#obsoletion-message:hover {
  7808.     visibility: visible !important;
  7809. }
  7810.  
  7811.  
  7812. /* #main-article section#obsoletion-message>p>q:first-letter , */
  7813. #main-article section#obsoletion-message>p>q:first-line {
  7814.     display: inline-block !important;
  7815.     color: #00627A !important;
  7816.     font-size: 18px !important;
  7817. }
  7818.  
  7819.  
  7820. /* ==== BROWSE STY - ZEBRA ==== */
  7821.  
  7822. /* BROWSE STY - ZEBRA - FIRST - === */
  7823. #style-table tr:nth-child(even) td {
  7824.     background-color: #262626 !important;
  7825. }
  7826. /* BROWSE STY - ZEBRA - SECOND - ==== */
  7827. #style-table tr:nth-child(odd) td {
  7828.     background: #444444 !important;
  7829. }
  7830. #style-table > tr:hover:not(:first-child) {
  7831.     background-color: #444444;
  7832.     color: red ! important;
  7833. }
  7834.  
  7835. /* TEST - RATING always visible =  === */
  7836. #style-table tr:not(:hover) .ratingfg ,
  7837. #style-table tr:hover .ratingfg {
  7838.     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;
  7839. }
  7840.  
  7841. /* TEST - META DISCUSSION - HOVER TOOLTIP - === */
  7842. #style-table .metadiscussions:hover:before{
  7843.     position: relative !important;
  7844.     content: attr(title) !important;
  7845.     display: inline-block !important;
  7846.     height: 16px !important;
  7847.     line-height: 15px !important;
  7848.     top: -5px !important;
  7849.     margin-left: -240px !important;
  7850.     padding: 0 5px 0 5px !important;
  7851.     border-radius: 5px !important;
  7852.     color: gold !important;
  7853.     background: red !important;
  7854.     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;
  7855. }
  7856.  
  7857.  
  7858. /* OBSOLETE DELETED STYLE - === */
  7859. #table-container table#style-table tr.obsolete td:nth-child(7){
  7860.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031")  !important;
  7861.     opacity: 0.4 !important;
  7862. }
  7863. #table-container table#style-table tr.obsolete td:nth-child(7):hover{
  7864.     opacity: 1!important;
  7865. }
  7866.  
  7867. /* BROWSE STY - Text INFO - "For tips on making....etc..." - === */
  7868. #main-article>p {
  7869.     margin-left: 95px !important;
  7870. }
  7871. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7872. #lastcheck {
  7873.     position :fixed !important;
  7874.     width: 650px !important;
  7875.     width: auto !important;
  7876.     margin-left: -322px !important;
  7877.     margin-top: 0px !important;
  7878.     border-radius: 5px !important;
  7879.     color: gray;
  7880.     z-index: 300 !important;
  7881. }
  7882. /* BROWSE STY - MY STYLES - SUMMARY - "Last Cheked" (TABLE VIEW PLUS) - === */
  7883. #summary + #lastcheck{
  7884.     position :fixed !important;
  7885.     width: 650px !important;
  7886.     width: auto !important;
  7887.     margin-left: 28px !important;
  7888.     margin-top: -26px !important;
  7889.     border-radius: 5px !important;
  7890.     font-size: 11px !important;
  7891.     color: tan !important;
  7892.     background: black !important;
  7893.     z-index: 300 !important;
  7894. }
  7895.  
  7896.  
  7897. /* ==== BROWSE STY - SUMMARY ==== */
  7898.  
  7899. /* ==== BROWSE STY - SUMMARY (USERSTYLE SUMMARY)
  7900. (TABLE VIEW PLUS - content:"SummaRy)
  7901. (ENHANCER - content: "SuMmary")
  7902. ==== */
  7903.  
  7904. /* (new75) (ALL) BROWSE STY - SUMMARY - (LOGED) - === */
  7905. #summary {
  7906.     position: fixed !important;
  7907.     display: inline-block ! important;
  7908.     height: 15px !important;
  7909.     line-height: 15px !important;
  7910.     left: 252px !important;
  7911.     top: 83px ! important;
  7912.     padding: 2px !important;
  7913.     border-radius: 5px !important;
  7914.     background-color: transparent !important;
  7915.     z-index: 220 !important;
  7916. }
  7917.  
  7918.  
  7919. /* (new75) BROWSE STY - SUMMARY (TABLE VIEW PLUS) - ADD TXT "SummaRy" - === */
  7920. *[class="label total"]:before {
  7921.     content:"SummaRy : " ;
  7922.     position: fixed ;
  7923.     display: inline-block ;
  7924.     width: auto ;
  7925.     height: 10px ;
  7926.     line-height: 8px ;
  7927.     top: 83px ;
  7928.     left: 48px ;
  7929.     padding: 1px 5px 3px 6px ;
  7930.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  7931.     border: 1px solid #777777 ;
  7932.     border-radius: 4px 4px 4px 4px ;
  7933.     box-shadow: 0 0 1px #777777 inset ;
  7934.     color: #E5E5E5;
  7935.     font-weight: bold ;
  7936.     z-index: 500 ;
  7937. }
  7938. /* BROWSE STY - SUMMARY (ENHANCER - ADD TXT "SuMmary") - === */
  7939. #summary>tbody:after {
  7940.     position: fixed ;
  7941.     visibility: visible ;
  7942.     content: "SuMmary " ;
  7943.     height: 15px ;
  7944.     line-height: 15px ;
  7945.     top: 48px ;
  7946.     left: 270px ;
  7947.     padding: 1px 5px ;
  7948.     color: #E5E5E5 ;
  7949.     font-weight: bold ;
  7950.     border-radius: 5px ;
  7951.     box-shadow: 0 0 4px #999999 ;
  7952.     background-color: green ;
  7953. }
  7954. #summary>tbody {
  7955.     position: fixed !important;
  7956.     display: block !important;
  7957.     visibility: hidden!important;
  7958. }
  7959. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - ADD TXT "SummaRy" )- HOVER - === */
  7960. #summary>tbody:hover {
  7961.     position: fixed !important;
  7962.     display: inline-block !important;
  7963.     left: 240px !important;
  7964.     top: 73px !important;
  7965.     visibility: visible!important;
  7966.     border-radius: 5px !important;
  7967.     box-shadow: 0 0 4px #999999 !important;
  7968.     background: red !important;
  7969. }
  7970.  
  7971. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS updated) - STATISTICS LABELS - TXT "Total Installs" / "Weekly Total" / "Ratings" + "Good Ok Bad" - === */
  7972. table#summary label.label:not(#good):not(#ok):not(#bad) {
  7973.     font-size: 11px ! important;
  7974.     color: gray ! important;
  7975. }
  7976. #good ,
  7977. #ok ,
  7978. #bad {
  7979.     font-size: 11px ! important;
  7980. }
  7981. /* BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT - TXT "LAST CHEC" - BLOCK (HOVER)-
  7982. MAKONDO (with pagination) : http://userstyles.org/users/60686
  7983. === */
  7984. #summary p {
  7985.     position: fixed !important;
  7986.     width: auto !important;
  7987.     top: 81px !important;
  7988.     left: 377px ! important;
  7989.     padding: 0 5px 2px 5px !important;
  7990.     font-size: 0px ! important;
  7991.     color: gray ! important;
  7992.     text-align: left !important;
  7993.     background: transparent ! important;
  7994. }
  7995. #summary:hover p {
  7996.     font-size: 10px ! important;
  7997.     color: gold ! important;
  7998.     text-align: left !important;
  7999.     background: red ! important;
  8000. }
  8001. #content-wrapper article#main-article table#summary label  + b ,
  8002. #content-wrapper article#main-article table#summary label   {
  8003.     position: relative ! important;
  8004.     display: inline ! important;
  8005.     top: -4px !important;
  8006.     left: -120px ! important;
  8007.     width: 650px !important;
  8008.     font-size: 10px ! important;
  8009.     color: gold ! important;
  8010.     text-align: left !important;
  8011.     background: transparent ! important;
  8012. }
  8013. /* (COR) BROWSE STY - SUMMARY (TABLE VIEW PLUS - update) - STAT -  LAST CHEC - RESET BUTT- === */
  8014. #summary #resetBtn {
  8015.     position: fixed !important;
  8016. /*    height: 15px !important;*/
  8017.     height: 38px !important;   
  8018.     line-height: 12px !important;
  8019.     width: 40px ! important;
  8020.     top: 79.5px !important;
  8021.     left: -2px ! important;
  8022.     padding: 0px 1px 4px 1px !important;
  8023.     border: 1px solid #777777 !important;
  8024.     border-radius: 4px !important;
  8025.     box-shadow: 0 0 1px #777777 inset !important;
  8026.     font-size: 11px !important;
  8027.     color: #D7D7D7 !important;
  8028.     cursor: pointer ! important;
  8029.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  8030. }
  8031. #summary #resetBtn:hover {
  8032.     color: gold ! important;
  8033. }
  8034.  
  8035. /* BROWSE STY - SUMMARY - TABLE VIEW PLUS - PROFILE without ABOUT and STYLES -
  8036. https://userstyles.org/users/190305
  8037. === */
  8038. #main-article dl + #summary {
  8039.     position: fixed !important;
  8040.     display: inline-block ! important;
  8041.     left: 252px !important;
  8042.     top: 112px ! important;
  8043.     border-radius: 5px !important;
  8044.     background-color: transparent !important;
  8045.     z-index: 220 !important;
  8046. }
  8047. #main-article dl + #summary *[class="label total"]:before {
  8048.     content:"SummaRy : " ;
  8049.     position: fixed ;
  8050.     display: inline-block ;
  8051.     width: auto ;
  8052.     height: 10px ;
  8053.     line-height: 7px ;
  8054.     top: 112px ;
  8055.     left: 48px ;
  8056.     padding: 1px 5px 1px 6px ;
  8057.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent ;
  8058.     border: 1px solid #777777 ;
  8059.     border-radius: 4px 4px 4px 4px ;
  8060.     box-shadow: 0 0 1px #777777 inset ;
  8061.     color: #E5E5E5;
  8062.     font-weight: bold ;
  8063.     z-index: 500 !important;
  8064. }
  8065. /* BROWSE STY - TABLE VIEW PLUS - TABLE OPT - === */
  8066. #optBtn-container {
  8067.     position: absolute !important;
  8068.     display: inline-block !important;
  8069.     visibility: visible !important;
  8070.     width: 100px !important;
  8071.     height: 20px !important;
  8072.     line-height: 14px! important;
  8073.     top: -21px !important;
  8074.     left: 172px !important;
  8075.     border-radius : 5px! important;
  8076.     text-align: center !important;
  8077.     z-index: 200 !important;
  8078.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  8079. }
  8080. #optBtn-container a {
  8081.     text-align: center !important;
  8082.     text-decoration: none ! important;
  8083.     color: gray ! important;
  8084. }
  8085. #tohr {
  8086.     display: none! important;
  8087. }
  8088.  
  8089. /* ==== BROWSE SEARCH RESULTS ==== */
  8090.  
  8091. /* (new75) TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) === */
  8092. /*(NOT LOGED / with GM) */
  8093. body> #main-header + #content-wrapper {
  8094.     position: absolute ! important;
  8095.     display: inline-block ! important;
  8096.     float: left !important;
  8097.     clear: both !important;
  8098.     height: 100% !important;
  8099.     min-height: 200px !important;
  8100.     width: 100% !important;
  8101.     max-width: 95% !important;
  8102.     top: 55px !important;
  8103.     left: 0px !important;
  8104.     margin-left: 20px ! important;
  8105. }
  8106.  
  8107. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS - === */
  8108. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container {
  8109.     position: absolute !important;
  8110.     display: inline-block ! important;
  8111.     width: 82%! important;
  8112.     left: -27% !important;
  8113.     top: -24px !important;
  8114. }
  8115.  
  8116. /* BROWSE SEARCH RESULTS +  USER ACCOUNT + SEARCH RESULTS + TABLE VIEW PLUS - === */
  8117. /* SEARCH*/
  8118. #table-container {
  8119.     position: absolute !important;
  8120.     display: inline-block ! important;
  8121.     width: 100% !important;
  8122.     max-width: 68.9% !important;
  8123.     min-width: 68.8% !important;
  8124.     left: 0px !important;
  8125.     margin-top: -1px !important;
  8126. }
  8127. /*MY SYTLES */
  8128. #summary + #table-container  {
  8129.     position: absolute !important;
  8130.     display: inline-block ! important;
  8131.     width: 100% !important;
  8132.     max-width: 68.9% !important;
  8133.     min-width: 68.8% !important;
  8134.     left: 0px !important;
  8135.     margin-top: 3px !important;
  8136. }
  8137. /* TABLE HEADER FIXED - === */
  8138. #style-table {
  8139.     width: 100% !important;
  8140.     min-width: 100% !important;
  8141.     max-width: 100% !important;
  8142.     margin-top: 42px !important;
  8143. }
  8144. /* (COR) */
  8145. #style-table>tr:first-of-type {
  8146.     display: inline-table  !important;
  8147.     position: fixed !important;
  8148.     height: 100%!important;
  8149.     max-height: 42px!important;
  8150.     min-height: 42px!important;
  8151. /*  max-height: 42px!important;*/
  8152.     width: 100% !important;
  8153.     max-width: 65.7% !important;
  8154.     min-width: 65.7% !important;
  8155.     margin-top: -46px !important;
  8156.     border-top: 4px solid tan !important;
  8157.     border-bottom: 4px solid tan !important;
  8158.     z-index: 200 !important;
  8159. }
  8160.  
  8161. /* TABLE VIEW PLUS - ??? ENHANCER - === */
  8162. #main-article> ul + dl +h2 + #summary + #table-container #style-table>tr:first-of-type {
  8163.     position: fixed !important;
  8164.     margin-top: -52px !important;
  8165.     border-top: 4px solid tan !important;
  8166.     border-bottom: 4px solid tan !important;
  8167.     z-index: 200 !important;
  8168. }
  8169.  
  8170. /* A VOIR - HEIGHT HEADER - TABLE VIEW PLUS - === */
  8171. #style-table th {
  8172.     color: tan;
  8173.     height: 25px !important;
  8174.     line-height: 3px !important;
  8175.     padding: 0 4px;
  8176.     text-shadow: 1px 1px 2px #000000;
  8177. }
  8178.  
  8179. /* A SUPP ?? - HEIGHT HEADER - ENHANCER HEADER - === */
  8180. #summary+ p + #table-container #style-table th  {
  8181.     display: inline-table  !important;
  8182.     color: tan;
  8183.     line-height: 3px !important;
  8184.     padding: 0 4px;
  8185.     text-shadow: 1px 1px 2px #000000;
  8186. }
  8187.  
  8188. /* POSITION COLUMN - TABLE VIEW PLUS */
  8189. #table-container #style-table th:first-of-type  {
  8190.     width: 1% !important;
  8191.     padding-left: 10px !important;
  8192. }
  8193. #table-container #style-table th:nth-child(2)  {
  8194.     max-width: 57% !important;
  8195.     min-width: 57% !important;
  8196.     padding-left: 10px !important;
  8197. }
  8198. #table-container #style-table th:last-of-type  {
  8199.     width: 7% !important;
  8200.     padding-right: 0px !important;
  8201. }
  8202.  
  8203. /* A VOIR ??? - === */
  8204. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  8205.     display: inline-table  !important;
  8206.     position: fixed !important;
  8207.     width: 970px !important;
  8208. }
  8209.  
  8210. /* POSITION COLUMN - ENHANCER */
  8211. #summary+ p + #table-container #style-table th:first-of-type  {
  8212.     width: 4% !important;
  8213. }
  8214. #summary+ p + #table-container #style-table th  {
  8215.     width: 8.1% !important;
  8216.     height: 20px!important;
  8217.     line-height: 20px!important;
  8218. }
  8219. #summary+ p + #table-container #style-table th:nth-child(2)  {
  8220.     min-width: 61.5% !important;
  8221.     max-width: 61.5% !important;
  8222.     border-right: 1px solid red!important;
  8223. }
  8224.  
  8225. /* A VOIR ??? - === */
  8226. #content-wrapper article#main-article #social.listing +script + .ad +  #table-container #style-table>tr:first-of-type {
  8227.     display: inline-table  !important;
  8228.     position: fixed !important;
  8229.     width: 970px !important;
  8230. }
  8231.  
  8232. /* MY ACCOUNT - ENHANCER (#summary+ p + #table-container) - CONTAINER - === */
  8233. #summary+ p + #table-container {
  8234.     margin-top: -13px !important;
  8235.     max-width: 100% !important;
  8236.     min-width: 100% !important;
  8237.     width: 100% !important;
  8238. }
  8239. #summary+ p + #table-container #style-table {
  8240.     width: 100% !important;
  8241.     min-width: 67%! important;
  8242.     max-width: 67% !important;
  8243. }
  8244.  #summary+ p + #table-container #style-table#style-table > tr:first-of-type {
  8245.     position: fixed !important;
  8246.     display: inline-block ! important;
  8247.     display: inline-table !important;
  8248.     top: 120px !important;
  8249.     min-width: 63.6%! important;
  8250.     max-width: 63.6% !important;
  8251.     height: 20px! important;
  8252.     line-height: 20px!important;
  8253.     border-bottom: 4px solid tan !important;
  8254.     border-top: 4px solid tan !important;
  8255.     background: red!important;
  8256.     z-index: 200 !important;
  8257. }
  8258.  
  8259. /* (NOT LOGED / with GM) */
  8260. .author-styles>tbody>tr:nth-child(odd) {
  8261.     background: #222222 ! important;
  8262. }
  8263.  
  8264. /* (new123) USERSTYLES - PROFILE USER - === */
  8265. #container-responsive .view_inner {
  8266.     flex-direction: unset;
  8267.     justify-content: unset;
  8268.     margin-top: 10px;
  8269.     width: 100% !important;
  8270. }
  8271. .author-styles.tablesorter.tablesorter-default ,
  8272. table.author-styles {
  8273.     border-collapse: collapse;
  8274.     width: 60% !important;
  8275. }
  8276.  
  8277.  
  8278. /* (new118) USERSTYLES - USER PROFILE LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc  - === */
  8279. .author-styles>tbody>tr>td[valign="top"]>a {
  8280.     color: #CF9C28  !important;
  8281. }
  8282. .author-styles>tbody>tr>td[valign="top"]>a:visited {
  8283.     color: #DDB46D  !important;
  8284. }
  8285. .author-styles>tbody>tr>td[valign="top"]>a:hover {
  8286.     color: tan !important;
  8287. }
  8288. .author-styles>thead>tr>th:nth-child(3) ,
  8289. .author-styles>thead>tr>th:nth-child(4) ,
  8290. .author-styles>thead>tr>th:nth-child(5){
  8291.     width: 43px !important;
  8292. }
  8293. .author-styles>thead>tr>th:nth-child(6){
  8294.     width: 100px !important;
  8295. }
  8296. /* (new118) USERSTYLES - EDIT/Delete/Statictic ICONS - === */
  8297. table.author-styles tbody tr td+td a:nth-child(1) {
  8298.     font-size: 0px ! important;
  8299. }
  8300. /*  NEDD CONVERT for Addstylish lib -  */
  8301. table.author-styles tbody tr td+td a[href$="/edit"]:before {
  8302.     content : "\270E " ! important;
  8303.     font-size: 18px ! important;
  8304. }
  8305. table.author-styles tbody tr td+td a:nth-child(2) {
  8306.     font-size: 0px ! important;
  8307. }
  8308. table.author-styles tbody tr td+td a[href^="/styles/delete"]:before {
  8309.     content : "✅" ;
  8310.     font-size: 18px ;
  8311.     color: green ;
  8312. }
  8313. .obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before{
  8314.     content : "➖" ;
  8315.     font-size: 18px ;
  8316.     color: red ;
  8317. }
  8318.  
  8319. /* Text Shadow === */
  8320. #style-table tr td * {
  8321.     text-shadow: none !important;
  8322. }
  8323.  
  8324. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT - === */
  8325. #popup_container.popup_right,
  8326. #popup_container.popup_left {
  8327.     position: fixed !important;
  8328.     display: inline-block !important;
  8329.     float: right !important;
  8330.     top: 25% !important;
  8331.     right: 0% !important;
  8332.     padding: 0 !important;
  8333.     background: transparent !important;
  8334.     border: none !important;
  8335.     box-shadow: none !important;
  8336.     z-index: -5000 !important;
  8337. }
  8338. #popup_container img {
  8339.     position: absolute !important;
  8340.     display:  inline-block !important;
  8341.     float: none !important;
  8342.     float: right !important;
  8343.     min-width: 30% !important;
  8344.     max-width: 30% !important;
  8345.     box-shadow: 4px 4px 8px #000000;
  8346.     right: 0% !important;
  8347.     z-index: 500000 !important;
  8348.     border: 1px solid peru !important;
  8349. }
  8350.  
  8351.  
  8352. /* (new75) MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP - */
  8353. @media screen and (max-width: 1400px){
  8354. #popup_container.popup_right,
  8355. #popup_container.popup_left {
  8356.     position: fixed !important;
  8357.     display: inline-block !important;
  8358.     height: 13000px !important;
  8359.     width: 1300px !important;
  8360.     float: right !important;
  8361.     top: 25% !important;
  8362.     right: 0% !important;
  8363.     padding: 0 !important;
  8364.     background: transparent !important;
  8365.     border: none !important;
  8366.     box-shadow: none !important;
  8367.     z-index: -5000 !important;
  8368. }
  8369. #popup_container img {
  8370.     position: absolute !important;
  8371.     display:  inline-block !important;
  8372.     float: none !important;
  8373.     float: right !important;
  8374.     box-shadow: 4px 4px 8px #000000;
  8375.     right: 1% !important;
  8376.     z-index: 500000 !important;
  8377. }
  8378. /* ==== END === MEDIA QUERIES === BROWSE SEARCH RESULTS - Screenshot POPUP - ==== */
  8379. }
  8380.  
  8381.  
  8382.  
  8383. /* BROWSE SEARCH RESULTS - Title === */
  8384. .style-brief-text>header>a:link {
  8385.     color: #CCCDCD !important;
  8386.     text-decoration: none !important;
  8387. }
  8388. /* BROWSE SEARCH RESULTS - Desc - === */
  8389. .style-brief-text > a:visited {
  8390.     color: #929292 !important;
  8391.     text-decoration: none !important;
  8392. }
  8393. .style-brief-text > a:active {
  8394.     color: #929292 !important;
  8395.     text-decoration: none !important;
  8396. }
  8397.  
  8398.  
  8399. /* (new84) PAGINATION ALL - PB NOT LOGED - === */
  8400.  .pagination {
  8401.     position: fixed !important;
  8402.     display: inline-block !important;
  8403.     max-width: 350px !important;
  8404.     min-width: 350px !important;
  8405.     height: 17px!important;
  8406.     line-height: 17px!important;
  8407.     top: 29px !important;
  8408.     left: 550px !important;
  8409.     padding: 1px !important;
  8410.     text-align: center !important;
  8411.     z-index: 200 !important;
  8412.     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);
  8413.     border-radius: 3px 3px 0 0 !important;
  8414. }
  8415. .pagination > a {
  8416.     display: inline-block !important;
  8417.     border: 1px solid #999999;
  8418.     border-radius: 3px !important;
  8419.     font-size: 10px;
  8420.     margin-left: -1px;
  8421.     margin-right: -1px;
  8422.     top: -5px !important;
  8423.     padding: 0 3px !important;
  8424. }
  8425. /* PAGINATION - ALL -  Link - === */
  8426. .pagination > a {
  8427.     margin-left: -1px;
  8428.     margin-right: -1px;
  8429.     padding: 0 3px !important;
  8430.     border: 1px solid #999999;
  8431.     border-radius: 3px  !important;
  8432.     font-size: 10px;
  8433. }
  8434. .pagination>a:hover {
  8435.     padding: 0 3px !important;
  8436.     font-size: 12px !important;
  8437.     text-decoration: none;
  8438.     color: #000000;
  8439.     border-radius: 3px;
  8440.     border: 1px solid #A7A7A7;
  8441.     background-color: white;
  8442. }
  8443. /* PAGINATION  - BROWSE SEARCH RESULTS - CURRENT - === */
  8444. .current {
  8445.     margin-left: 1px;
  8446.     margin-right: 1px;
  8447.     padding: 0 3px !important;
  8448.     font-size: 12px !important;
  8449.     text-decoration: none;
  8450.     font-weight: bold;
  8451.     color: #000000;
  8452.     border-radius: 3px;
  8453.     border: 1px solid #336699;
  8454.     background-color: #F5F7FA;
  8455. }
  8456. /* PAGINATION  - BROWSE SEARCH RESULTS - PREV DISABLED - === */
  8457. .previous_page.disabled ,
  8458. .disabled.prev_page {
  8459.     display: none !important;
  8460. }
  8461.  
  8462. /* (new84) PAGINATION USERSTYLES - with GM " TABLE VIEW PLUS" - === */
  8463. #table-container + .pagination {
  8464.     line-height: 13px!important;
  8465.     top: 32px !important;
  8466.     left: 450px !important;
  8467.     padding: 1px !important;
  8468. }
  8469.  
  8470. /* PAGINATION  - BROWSE SEARCH RESULTS - Paginat NEXT / NEXT DISABLE - === */
  8471. .next_page {
  8472.     display: inline-block!important;
  8473.     width: 80px !important;
  8474. }
  8475. .next_page.disabled {
  8476.     display: none !important;
  8477. }
  8478.  
  8479. /* A VOIR - PAGINATION  - BROWSE STYLES/SCRIPT SEARCH RESULTS - ONLY ONE Pagination (MOVE TO TOP) -
  8480. USER : MAKONDO : http://userstyles.org/users/169?page=2&per_page=10 (SCRIPT Table View Plus NOT WORKING : Alternate Userstyle)
  8481. GREASY FORK SCRIPT LIST: https://greasyfork.org/fr/scripts/
  8482. ==== */
  8483.  
  8484.  
  8485. /* PAGINATION  - SEARCH / USERS - List USERSTYLES - (when Table View Plus don't catch them) - === */
  8486. .ad + .pagination {
  8487.     position: fixed !important;
  8488.     display: inline-block !important;
  8489.     height: 20px!important;
  8490.     width: 100% !important;
  8491.     width: auto !important;
  8492.     max-width: 600px !important;
  8493.     min-width: 600px !important;
  8494.     left: 270px !important;
  8495.     top: 35px !important;
  8496.     padding: 1px 5px !important;
  8497.     z-index: 200 !important;
  8498. outline: 1px solid green !important;
  8499. }
  8500.  
  8501.  
  8502. /* (COR) PAGINATION - SCRIPT PAGE (with / without GM CITRUS) - Not from link "Scripts from top header) = .width-constraint .pagination  -
  8503. Without CITRUS :
  8504. #browse-script-list + .pagination
  8505. WITH CITRUS :
  8506. #script-table + .pagination
  8507. BUT NOT for SET VIEW (CITRUS) :
  8508. #UserSets + .width-constraint .pagination
  8509. === */
  8510. .width-constraint .pagination {
  8511.     position: fixed !important;
  8512.     display: inline-block !important;
  8513.     vertical-align: bottom !important;
  8514. /*    min-width: 100% !important;*/
  8515. /*    max-width: 100% !important;*/
  8516.     max-width: 450px !important;
  8517.     min-width: 450px !important;
  8518.     height: 17px !important;
  8519.     line-height: 15px !important;
  8520.     top: 27px !important;
  8521.     left: 51.4% !important;
  8522.     padding: 1px !important;
  8523.     border-radius: 3px 3px 0 0 !important;
  8524.     box-shadow: none !important;
  8525.     text-align: center !important;
  8526.     border: 1px solid peru !important;
  8527. }
  8528.  
  8529.  
  8530. /* (new66) MEDIA QUERIE - PAGINATION - SCRIPT PAGE  -  === */
  8531. @media screen and (max-width: 1400px) {
  8532. .width-constraint .pagination {
  8533.    left: 44% !important;
  8534. }
  8535. /* ==== END === MEDIA QUERIE  === PAGINATION - SCRIPT PAGE  - ==== */
  8536. }
  8537.  
  8538.  
  8539. /* (COR) A VOIR USER SET PAGINATION - GM "CITRUS" ONLY OK -
  8540. https://greasyfork.org/en/scripts?page=3&per_page=100&set=367&sort=updated
  8541. === */
  8542. #UserSets + .width-constraint .pagination {
  8543.     position: fixed !important;
  8544.     display: inline-block !important;
  8545. /*    min-width: 100% !important;*/
  8546. /*    max-width: 100% !important;*/
  8547.     max-width: 550px !important;
  8548.     min-width: 550px !important;
  8549.     height: 15px !important;
  8550.     line-height: 15px !important;
  8551.     top: 49px !important;
  8552.     left: 34% !important;
  8553.     padding: 1px !important;
  8554.    
  8555.     background: transparent !important;
  8556.     border-radius: 5px !important;
  8557.     box-shadow: none !important;
  8558. /*  text-align: left !important;*/
  8559.     text-align: center !important;
  8560. }
  8561.  
  8562. /* (new79) - PAGINATION - SCRIPT PAGE (with GM CITRUS) - Not from link "Scripts from top header) = #script-table + .pagination   - === */
  8563. #script-table + .pagination  {
  8564.     position: fixed !important;
  8565.     display: inline-block !important;
  8566.     width: 100% !important;
  8567.     max-width: 459px !important;
  8568.     min-width: 459px !important;
  8569.     height: 15px!important;
  8570.     line-height: 15px!important;
  8571.     top: 28px !important;
  8572.     left: 51% !important;
  8573.     padding: 1px !important;
  8574.     border-radius: 3px 3px 0 0 !important;
  8575.     text-align: center !important;
  8576.     box-shadow: 0 0 4px #999999 !important;
  8577.     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);
  8578.     z-index: 200 !important;
  8579. }
  8580.  
  8581.  
  8582. /* (new74) START - MEDIA QUERIE - PAGINATION - SCRIPT PAGE (with GM CITRUS) - MEDIA QUERIE - === */
  8583. @media screen and (max-width: 1400px) {
  8584. #script-table + .pagination  {
  8585.     left: 43.5% !important;
  8586. }
  8587. /* ==== END === MEDIA QUERIE === PAGINATION - SCRIPT PAGE (with GM CITRUS) - === */
  8588. }
  8589.  
  8590.  
  8591. /* (new87) A VOIR - PAGINATION - LISTING SCRIPTS PAGE (with // without GM CITRUS) - === */
  8592. /* ALL */
  8593. .pagination .current,
  8594. .pagination .gap ,
  8595. .pagination a ,
  8596. body[pagetype="ListingPage"] .gap ,
  8597. body[pagetype="ListingPage"] .current ,
  8598. body[pagetype="ListingPage"] .pagination a {
  8599. display: inline-block !important;
  8600.     position: relative !important;
  8601.     height: 14px !important;
  8602.     line-height: 14px !important;
  8603.     margin-top: -5px !important;
  8604.     top: -1px !important;
  8605.     padding: 0 3px !important;
  8606.     border: none !important;
  8607.     border-radius: 3px !important;
  8608.     box-shadow: 3px 3px 2px black !important;
  8609.     background: #222 !important;
  8610. }
  8611.  
  8612. .pagination .current,
  8613. .pagination .gap ,
  8614. body[pagetype="ListingPage"] .pagination .gap ,
  8615. body[pagetype="ListingPage"]  .pagination .current {
  8616.     color: white !important;
  8617. }
  8618.  
  8619. .pagination .current,
  8620. body[pagetype="ListingPage"] .pagination .current {
  8621.     margin-top: 0px !important;
  8622.     top: -2px !important;
  8623. }
  8624.  
  8625. .pagination > a.next_page ,
  8626. .pagination > a.next_page:hover ,
  8627. .pagination > a.previous_page,
  8628. .pagination > a.previous_page:hover  {
  8629.     width: 20px !important;
  8630.     font-size: 0px !important;
  8631. }
  8632. .previous_page:before {
  8633.     content: "<" ;
  8634.     font-size: 10px !important;
  8635. }
  8636. .next_page:before {
  8637.     content: ">" ;
  8638.     font-size: 10px !important;
  8639. }
  8640.  
  8641. /* (new87) USERSTYLES */
  8642. #content-wrapper #main-article .pagination>.current {
  8643.     margin-top: 0px !important;
  8644.     top: 0px !important;
  8645.     color: white !important;
  8646. }
  8647. span.Ellipsis {
  8648.     height: 14px !important;
  8649.     line-height: 7px !important;
  8650.     border-radius: 3px !important;
  8651.     box-shadow: 3px 3px 2px black !important;
  8652.     color: peru !important;
  8653. }
  8654. .pagination .gap ,
  8655. body[pagetype="ListingPage"] .pagination .gap {
  8656.     line-height: 2px !important;
  8657.     top: -7px !important;
  8658.     border-radius: 3px !important;
  8659.     box-shadow: 3px 3px 2px black !important;
  8660. }
  8661. #content-wrapper #main-article .pagination> .gap {
  8662.     vertical-align: middle !important;
  8663.     line-height: 7px !important;
  8664.     top: 2px !important;
  8665. }
  8666.  
  8667. /* (new77) USERSTYLES - === */
  8668. .pagination a:hover ,
  8669. body[pagetype="ListingPage"] .pagination a:hover {
  8670.     padding: 0 3px !important;
  8671. }
  8672.  
  8673. /* ==== EDIT PAGE ==== */
  8674.  
  8675. /* (new118)USERSTYLES - INFOS - Textarea Input === */
  8676. .PageContent  form[action="/styles/update"] {
  8677.     min-width: 940px !important;
  8678.     max-width: 940px !important;
  8679. margin-left: 20% !important;
  8680. /* padding-left: 300px !important; */
  8681. background: #222 !important;
  8682. }
  8683. .PageContent  form[action="/styles/update"] .form-controls{
  8684.     min-width: 840px !important;
  8685.     max-width: 940px !important;
  8686. margin-left: 0% !important;
  8687. padding-left: 5px !important;
  8688. /* background: blue !important; */
  8689. }
  8690. .PageContent  form[action="/styles/update"] .form-controls>div>a ,
  8691. .PageContent  form[action="/styles/update"] .form-controls textarea#css ,
  8692. .PageContent  form[action="/styles/update"] .form-controls .field_with_errors textarea#style_additional_info ,
  8693. .PageContent  form[action="/styles/update"] .form-controls textarea#style_long_description{
  8694.     min-width: 800px !important;
  8695.     max-width: 900px !important;
  8696. margin-left: 2% !important;
  8697. }
  8698.  
  8699.  
  8700. .PageContent .form-controls>table ,
  8701. .PageContent .form-controls>table tbody {
  8702. display: inline-block !important;
  8703.     width: 100% !important;
  8704.     min-width: 920px !important;
  8705.     max-width: 920px !important;
  8706. margin-left: 0% !important;
  8707. /* paddng-left: 300px !important; */
  8708. /* background: aqua !important; */
  8709. }
  8710.  
  8711.  
  8712.  
  8713. .PageContent .form-controls>table tbody tr td,
  8714. .PageContent .form-controls>table tbody tr {
  8715. display: inline-block !important;
  8716.     width: 100% !important;
  8717.     min-width: 840px !important;
  8718.     max-width: 840px !important;
  8719. margin-left: 5% !important;
  8720. padding: 5px !important;
  8721. /* background: tan !important; */
  8722. }
  8723.  
  8724. .PageContent .form-controls>table tbody tr td {
  8725. margin-left: 0% !important;
  8726. padding: 0px !important;
  8727. /* background: green !important; */
  8728. }
  8729. .PageContent .form-controls>table tbody tr td img {
  8730. display: inline-block !important;
  8731.     width: 100% !important;
  8732.     min-width: 420px !important;
  8733.     max-width: 420px !important;
  8734. margin-left: 0% !important;
  8735. padding: 0px !important;
  8736. /* background: tan !important; */
  8737. }
  8738.  
  8739. /* (new118)USERSTYLES - INFOS - SHORT DESC - === */
  8740. .form-controls>tbody>tr>td [id="style_short_description"] {
  8741.     min-width: 200px!important;
  8742.     resize: both !important;
  8743.     overflow:auto !important;
  8744. }
  8745. /* (new118)USERSTYLES - NFOS - ScreenShots (PreView) - Principal - BEFORE/AFTER === */
  8746. .form-controls>tbody>tr>td>dl>dd>img{
  8747.     box-shadow: 0 0 4px #999999 !important;
  8748.     height: auto;
  8749.     margin-left: 200px !important;
  8750.     max-width: 900px !important;
  8751. }
  8752. .form-controls>tbody>tr>td>dl>dd{
  8753.     margin-left: -169px !important;
  8754. }
  8755. /* (new118)USERSTYLES - INFOS - ScreenShots (PreView) - Additional === */
  8756. .form-controls>tbody>tr>td>table>tbody>tr>td>img{
  8757.     box-shadow: 0 0 4px #999999 !important;
  8758.     height: auto;
  8759.     max-width: 900px !important;
  8760. }
  8761. /* (new118)USERSTYLES - INFOS - ScreenShots - Additional (Table) === */
  8762. .form-controls>tbody>tr>td>table{
  8763.     margin-left: -149px !important;
  8764. }
  8765.  
  8766. /* (new118)USERSTYLES - EDIT - EDIT - MAIN CONT - === */
  8767. #main-article>form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  8768.     position: absolute !important;
  8769.     display: inline-block !important;
  8770.     max-width: 800px !important;
  8771.     margin-top: 35px ! important;
  8772.     margin-left: 5% ! important;
  8773. }
  8774.  
  8775. /* (new118)USERSTYLES - EDIT - EDIT - WIDGET - === */
  8776. #main-article>form[action="/help/widget"] {
  8777.     position: relative !important;
  8778.     display: table !important;
  8779.     min-width: 910px !important;
  8780.     max-width: 910px !important;
  8781.     margin-top: 3px ! important;
  8782.     margin-left: -3px ! important;
  8783.     background: #222 !important;
  8784. }
  8785.  
  8786. #main-article>form[action="/help/widget"] .form-controls {
  8787.     min-width: 910px !important;
  8788.     max-width: 910px !important;
  8789. }
  8790. #main-article>form[action="/help/widget"] .form-controls tbody tr {
  8791.     display: inline-block !important;
  8792.     width: 100% !important;
  8793.     min-width: 910px !important;
  8794.     max-width: 910px !important;
  8795.     margin-bottom: 0px !important;
  8796.     text-align: center !important;
  8797. }
  8798. #main-article>form[action="/help/widget"] .form-controls tbody tr td ,
  8799. #main-article>form[action="/help/widget"] .form-controls tbody tr th {
  8800.     display: inline-block !important;
  8801.     min-width: 870px !important;
  8802.     max-width: 870px !important;
  8803.     padding: 0 !important;
  8804.     text-align: center !important;
  8805. }
  8806.  
  8807. /* (new118)USERSTYLES - EDIT - DELETE STYLE PAGE - === */
  8808. #main-article>form[action="/styles/delete_save"] {
  8809.     position: absolute !important;
  8810.     display: inline-block !important;
  8811.     max-width: 800px !important;
  8812.     min-height: 400px !important;
  8813.     margin-top: 100px !important;
  8814.     margin-left: -55% !important
  8815. }
  8816. #main-article>form[action="/styles/delete_save"] .form-controls > tbody >tr:first-of-type>td textarea {
  8817.     min-height: 400px !important;
  8818. }
  8819.  
  8820.  
  8821. /* (new118)USERSTYLES - EDIT - STY NAME INPUT - === */
  8822. article#main-article form .form-controls input#style_short_description {
  8823.     width: 600px !important;
  8824. }
  8825. /* (new118)USERSTYLES - EDIT - SCREENSHOTS NAME/UPLOAD FOLDER/BUTTON INPUT - === */
  8826. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  8827.     display: block !important;
  8828.     position: relative !important;
  8829.     width: auto !important;
  8830. }
  8831. .form-controls>table>tbody>tr>td:first-of-type>input {
  8832.     width: 462px !important;
  8833. }
  8834. .form-controls>table>tbody>tr>td:nth-child(2)>input {
  8835.     width: 465px !important;
  8836. }
  8837. /* (new118)USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) - === */
  8838. .form-controls>table>tbody>tr>td:nth-child(3)>input {
  8839.     position: absolute !important;
  8840.     top: -20px !important;
  8841. }
  8842. .form-controls>table>tbody>tr>td:nth-child(3):after {
  8843.     position: absolute ;
  8844.     display: inline-block ;
  8845.     content: "Remove / Change" ;
  8846.     width: 200px ;
  8847.     height: 15px ;
  8848. margin-top: -32px ;
  8849.     margin-left: 45px ;
  8850.     font-size: 15px ;
  8851.     color: red ;
  8852. }
  8853. /* (new125)USERSTYLES - EDIT - LABELS - === */
  8854. .form-controls>label {
  8855.     color: gold ! important;
  8856. }
  8857. /* (new118)USERSTYLES - EDIT - SCREENSHOTS - TITLES SECT - === */
  8858. .form-controls>table>thead>tr {
  8859.     display: none ! important;
  8860. }
  8861.  
  8862.  
  8863.  
  8864. /* [[1]==== END ==== */
  8865.  
  8866. /* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT - === */
  8867. .listing-left-info {
  8868.     position: absolute !important;
  8869.     display: inline-block !important;
  8870.     float: none !important;
  8871.     min-height: 100px;
  8872.     width: 100% !important;
  8873. }
  8874.  
  8875. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN - === */
  8876. .style-brief:nth-child(odd) {
  8877.     background: #222222 !important;
  8878. }
  8879.  
  8880. /* (new96) NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN -
  8881. CF user USerstles Pages:
  8882. https://userstyles.org/users/275816
  8883. ===
  8884. PB - SEARCH (BIG) :
  8885. http://userstyles.org/styles/browse/facebook?page=2&per_page=100
  8886. #social ~article.style-brief:nth-child( 4n + 2 )
  8887. === */
  8888. .style-brief {
  8889.     position: relative ! important;
  8890.     display: inline-block ! important;
  8891.     width: 32.72% !important;
  8892.     height: 163px ! important;
  8893.     right: 0% ! important;
  8894.     margin-top: 6px !important;
  8895.     margin-bottom: 0px !important;
  8896.     border-radius: 5px !important;
  8897.     box-shadow: 6px 5px 6px black !important;
  8898.     border: 1px solid gray ! important;
  8899.     overflow: hidden ! important;
  8900. }
  8901. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4),
  8902. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) {
  8903.     position: relative ! important;
  8904.     display: inline-block ! important;
  8905.     float: left !important;
  8906.     width: 49.6% !important;
  8907.     height: 224px ! important;
  8908.     right: 7.7% ! important;
  8909.     margin-top: 6px !important;
  8910.     margin-bottom: 0px !important;
  8911.     border-radius: 5px !important;
  8912.     box-shadow: 6px 5px 6px black !important;
  8913.     border: 1px solid gray ! important;
  8914.     overflow: hidden ! important;
  8915. }
  8916. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text ,
  8917. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text  {
  8918.     left: 180px;
  8919. }
  8920.  
  8921.  
  8922. /* NOT LOGGED - STYLES INFOS */
  8923. .style-brief-text {
  8924.     position: absolute !important;
  8925.     display: inline-block !important;
  8926.     float: none !important;
  8927.     height: 150px ! important;
  8928.     width: 100% !important;
  8929.     max-width: 67% !important;
  8930.     margin-left: 10% !important;
  8931.     left: 119px;
  8932.     top: 2px !important;
  8933. }
  8934.  
  8935. /* (new84) NOT LOGGED - TEXT DESCRIPTION - ALL and ODD/EVEN - === */
  8936. .style-brief-control-links:before {
  8937.     content: "⏪ " !important;
  8938.     position: absolute !important;
  8939.     width: 20px !important;
  8940.     height: 17px !important;
  8941.     line-height: 17px !important;
  8942.     left: -10px;
  8943.     color: gold !important;
  8944.     background: green !important;
  8945.     z-index: 500 ;
  8946. }
  8947. .style-brief-control-links:hover:before {
  8948.     content: "⏩ " !important;
  8949.     position: absolute !important;
  8950.     width: 20px ;
  8951.     left: -20px;
  8952.     color: white  !important;
  8953.     text-align: center ;
  8954.     z-index: 500 ;
  8955. }
  8956. .style-brief-control-links {
  8957.     position: absolute !important;
  8958.     padding-top: 0 !important;
  8959.     width: 10px !important;
  8960.     right: -12px;
  8961.     top: 22px;
  8962.     color: peru !important;
  8963.     white-space: nowrap !important;
  8964.     z-index: 500 ;
  8965. }
  8966. .style-brief-control-links:hover {
  8967. width: auto !important;
  8968.     right: 0px;
  8969.     color: peru !important;
  8970.     background: green !important;
  8971.     z-index: 500 ;
  8972. }
  8973. .style-brief-control-links a:hover {
  8974.     color: tomato !important;
  8975.     background: black !important;
  8976. }
  8977. .style-brief-text>p::first-line {
  8978.     color: red !important;
  8979. }
  8980. .style-brief-text>p {
  8981.     position: absolute !important;
  8982.     display: inline-block !important;
  8983.     width: 81.5% !important;
  8984.     height: 115px !important;
  8985.     left: 87px;
  8986.     top: 25px !important;
  8987.     margin: 0 auto !important;
  8988.     padding: 0 5px !important;
  8989.     overflow: hidden !important;
  8990.     overflow-y: auto !important;
  8991.     white-space: pre-line !important;
  8992. }
  8993.  
  8994. /* (new84) NOT LOGGED - TEXT DESCRIPTION - BIG - === */
  8995. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-text > p ,
  8996. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-text > p  {
  8997.     width: 90.5% !important;
  8998.     height: 178px !important;
  8999.     left: 37px;
  9000.     top: 24px !important;
  9001.     padding: 0 5px !important;
  9002.     overflow: hidden !important;
  9003.     overflow-y: auto !important;
  9004. }
  9005.  
  9006. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) -
  9007. .style-brief-text > header > a:link
  9008. === */
  9009. .style-brief header {
  9010.     font-size: 0.89vw !important;
  9011.     position: absolute !important;
  9012.     display: inline-block ! important;
  9013.     width: 150% !important;
  9014.     height: 100% !important;
  9015.     min-height: 25px ! important;
  9016.     max-height: 25px ! important;
  9017.     line-height: 25px !important;
  9018.     top: -3px !important;
  9019.     left: -49.5% !important;
  9020.     padding-bottom: 0px ! important;
  9021.     overflow: hidden !important;
  9022.     white-space: nowrap !important;
  9023.     text-overflow: ellipsis !important;
  9024.     text-align: center !important;
  9025. }
  9026. .style-brief-text > header > a:link  {
  9027.     position: relative !important;
  9028.     display: inline-block ! important;
  9029.     width: 100% !important;
  9030.     left: 0px!important;
  9031.     overflow: hidden !important;
  9032.     white-space: nowrap !important;
  9033.     text-overflow: ellipsis !important;
  9034.     background: black !important;
  9035. }
  9036. /* NOT LOGGED - STYLES NAME - BIG - === */
  9037. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) header ,
  9038. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) header {
  9039.     font-size: 1.1vw !important;
  9040. }
  9041.  
  9042. /* NOT LOGGED - STATS */
  9043. .style-brief-stats {
  9044.     position: absolute !important;
  9045.     display: inline-block !important;
  9046.     float: right!important;
  9047.     height: 16px !important;
  9048.     line-height: 16px !important;
  9049.     width: 100% !important;
  9050.     right: 0px !important;
  9051.     left: 0%! important;
  9052.     bottom: -12px !important;
  9053.     padding: 2px 0 2px 12px !important;
  9054.     text-align: left !important;
  9055.     background: black ! important;
  9056. }
  9057. .style-brief-stats span {
  9058.     display: inline !important;
  9059.     min-width: 16em;
  9060.     width: auto !important;
  9061.     border: 1px solid gray !important;
  9062.     margin-right: 10px !important;
  9063.     margin-left: 10px !important;
  9064.     padding: 1px !important;
  9065.     color: tan !important;
  9066. }
  9067.  
  9068. /* NOT LOGGED - RATING AVERAGE - SMALL - ICON css OR SPRITE - === */
  9069. .style-brief-text .style-brief-stats span:last-child {
  9070.     position: absolute !important;
  9071.     left: -5px !important;
  9072.     min-width: 10px !important;
  9073.     max-width: 10px !important;
  9074.     min-height: 16px !important;
  9075.     max-height: 16px !important;
  9076.     line-height: 16px !important;
  9077.     padding: 0 3px 0 15px !important;
  9078.     border: none !important;
  9079.     cursor: pointer !important;
  9080.     font-size: 0 !important;
  9081. }
  9082.  
  9083. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  9084.     content: ". " ;
  9085.     position: absolute ;
  9086.     display: inline-block ;
  9087.     left: 0 ;
  9088.     min-width: 19px ;
  9089.     max-width: 19px ;
  9090.     min-height: 14px ;
  9091.     max-height: 15px ;
  9092.     line-height: 15px ;
  9093.     margin-top: -1px ;
  9094.     font-size: 15px ;
  9095.     color: transparent ;
  9096.     background-image:url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  9097.     background-position:-101px -457px ;
  9098. }
  9099. .style-brief-text .style-brief-stats span:hover:last-child {
  9100.     position: absolute !important;
  9101.     min-width: 100% !important;
  9102.     height: 15px !important;
  9103.     line-height: 15px !important;
  9104.     font-size: 11px !important;
  9105.     color: gold !important;
  9106.     background: black !important;
  9107. }
  9108. /* (new86) ICON RATING - GOOD / BAD - === */
  9109. .style-brief-stats .bad-average-rating {
  9110.     position: absolute !important;
  9111.     left: -2px !important;
  9112.     top: 2px !important;
  9113. }
  9114. .style-brief.good-rating .style-brief-stats img {
  9115.     position: absolute !important;
  9116.     left: -2px !important;
  9117. }
  9118. /* NOT LOGGED - RATING AVERAGE - BIG - === */
  9119. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .style-brief-stats ,
  9120. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .style-brief-stats {
  9121.     position: absolute !important;
  9122.     display: inline-block !important;
  9123.     float: left !important;
  9124.     width: auto !important;
  9125.     left: 4px !important;
  9126.     bottom: -72px !important;
  9127.     right: 0 !important;
  9128.     padding: 2px 0 0 4% !important;
  9129.     font-size: smaller !important;
  9130.     text-align: left !important;
  9131.     background: black !important;
  9132. }
  9133.  
  9134. /* (new84) NOT LOGGED - STYLES SCREENSHOT - ALL - === */
  9135. .style-brief .listing-left-info figure.screenshot-thumbnail {
  9136.     position: relative !important;
  9137.     display: inline-block ! important;
  9138.     vertical-align: top ! important;
  9139.     margin-top: 28px  ! important;
  9140.     margin-bottom: 0 ! important;
  9141.     width: 42% !important;
  9142.     height: 265px;
  9143.     max-height: 130px !important;
  9144.     min-height: 130px !important;
  9145.     overflow-y: hidden ! important;
  9146.     text-align: center ! important;
  9147. }
  9148. /* to prevent small screenshots became too bigger */
  9149.  .style-brief .listing-left-info figure.screenshot-thumbnail img {
  9150.     position: relative !important;
  9151.     display: inline-block !important;
  9152.     max-width: 77% !important;
  9153.     max-height: 128px !important;
  9154.     border: 1px dotted gray !important;
  9155. }
  9156.  
  9157. /* NOT LOGGED - SCREENSHOT - BIG - === */
  9158. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(-n+4) .listing-left-info figure.screenshot-thumbnail ,
  9159. #content-wrapper article#main-article dl +h2 ~article.style-brief:nth-child(n+11) .listing-left-info figure.screenshot-thumbnail {
  9160.     position: relative !important;
  9161.     display: inline-block !important;
  9162.     vertical-align: middle !important;
  9163.     max-height: 195px !important;
  9164.     min-height: 195px !important;
  9165.     width: 36.5% !important;
  9166.     margin-top: 25px !important;
  9167.     margin-left: 0.3% !important;
  9168.     text-align: center !important;
  9169.     overflow-y: hidden !important;
  9170. }
  9171.  
  9172. /* NOT LOGGED - NO SCREENSHOT - === */
  9173. .style-brief .listing-no-screenshot {
  9174.     width: 30% !important;
  9175.     margin: 27px 0 0 3px !important;
  9176. }
  9177. .listing-no-screenshot {
  9178.     width: 70% !important;
  9179.     height: 110px !important;
  9180.     background-color: black !important;
  9181. }
  9182.  
  9183. /* GM "AUTOPAGERIZE" - GENERAL - OK - === */
  9184. .autopagerize_page_info {
  9185.     text-align: center !important;
  9186.     font-size: 8px !important;
  9187.     color: white !important;
  9188.     background: #222 !important;
  9189. }
  9190. .autopagerize_page_info a {
  9191.     display: inline-block !important;
  9192.     min-width: 20px !important;
  9193.     height: 20px !important;
  9194.     line-height: 20px !important;
  9195.     margin-top: 3px !important;
  9196.     border-radius: 100% !important;
  9197.     text-align: center !important;
  9198.     font-size: 14px !important;
  9199.     color: white !important;
  9200.     background: red !important;
  9201. }
  9202.  
  9203. /* GM "AUTOPAGERIZE" - 2 FIRST USERSTYLES by PAGE - DISABLE */
  9204. /* GM "AUTOPAGERIZE - DISABLE  */
  9205. .autopagerize_page_info ~ article.style-brief  {
  9206.     position: relative ! important;
  9207.     display: inline-block ! important;
  9208.     width: 32.72% !important;
  9209.     height: 163px ! important;
  9210.     right: 7.5% ! important;
  9211.     margin-top: 6px !important;
  9212.     margin-bottom: 0px !important;
  9213.     border-radius: 5px !important;
  9214.     box-shadow: 6px 5px 6px black !important;
  9215.     border: 1px solid gray ! important;
  9216.     overflow: hidden ! important;
  9217. }
  9218.  
  9219. /* TEST - GM "AUTOPAGERIZE" ADAPTATION  - === */
  9220. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  9221.     display: inline-block !important;
  9222.     clear: both;
  9223.     width: 100% !important;
  9224.     top: 5px !important;
  9225.     margin-left: -75px !important;
  9226.     margin-bottom: -15px !important;
  9227. }
  9228. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  9229.     width: 100% !important;
  9230.     margin-left: -145px !important;
  9231.     top: 5px !important;
  9232.     color: white !important;
  9233.     font-size: 8px !important;
  9234.     text-align: center !important;
  9235.     background: #222  !important;
  9236. }
  9237. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .listing-left-info figure.screenshot-thumbnail {
  9238.     display: inline-block !important;
  9239.     height: 265px;
  9240.     margin-bottom: 0 !important;
  9241.     margin-top: 28px !important;
  9242.     max-height: 160px !important;
  9243.     min-height: 160px !important;
  9244.     overflow-y: hidden !important;
  9245.     position: relative !important;
  9246.     text-align: left !important;
  9247.     vertical-align: top !important;
  9248.     width: 42% !important;
  9249. }
  9250. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text {
  9251.     display: inline-block !important;
  9252.     float: right !important;
  9253.     height: 150px !important;
  9254.     margin-left: 10% !important;
  9255.     max-width: 67% !important;
  9256.     position: relative !important;
  9257.     top: 2px !important;
  9258.     width: 100% !important;
  9259. }
  9260. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-text > header > a:link {
  9261.     background: black none repeat scroll 0 0 !important;
  9262.     display: inline-block !important;
  9263.     left: 0 !important;
  9264.     overflow: hidden !important;
  9265.     position: relative !important;
  9266.     text-overflow: ellipsis !important;
  9267.     white-space: nowrap !important;
  9268.     width: 100% !important;
  9269. }
  9270. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~.style-brief .style-brief-stats {
  9271. margin-bottom: 61px !important;
  9272.     background: black !important;
  9273.     bottom: -12px !important;
  9274.     display: inline-block !important;
  9275.     float: right !important;
  9276.     height: 16px !important;
  9277.     left: 0 !important;
  9278.     line-height: 16px !important;
  9279.     padding: 2px 0 2px 12px !important;
  9280.     position: absolute !important;
  9281.     right: 0 !important;
  9282.     text-align: left !important;
  9283.     width: 100% !important;
  9284. }
  9285. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
  9286. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  9287.     position: absolute !important;
  9288.     display: inline-block !important;
  9289.     float: left !important;
  9290.     width: auto !important;
  9291.     left: 0px !important;
  9292.     bottom: -132px !important;
  9293.     padding: 2px 0 0 4% !important;
  9294.     font-size: smaller !important;
  9295.     text-align: left !important;
  9296.     background: black !important;
  9297. }
  9298. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  9299.     position: relative !important;
  9300.     display: inline-block !important;
  9301.     width: 97% !important;
  9302.     min-height: 185px !important;
  9303.     max-height: 185px !important;
  9304.     top: 12px !important;
  9305.     overflow-x: hidden !important;
  9306.     overflow-y: auto !important;
  9307.     padding: 0 5px !important;
  9308. }
  9309.  
  9310.  
  9311. /* [[2]==== END ==== */
  9312.  
  9313.  
  9314. /* [[1]] +[[2]==== END ==== */
  9315.  
  9316.  
  9317. /* ======== NEW FORUM ==== */
  9318.  
  9319. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON - === */
  9320. .UserBox .WhoIs,
  9321. .MeBox .WhoIs {
  9322.     position: relative !important;
  9323.     display: inline-block !important;
  9324.     width: 200px !important;
  9325.     height: 100px!important;
  9326.     padding: 0 5px 2px 0 !important;
  9327.     border-radius: 5px !important;
  9328.     border: 1px solid gray !important;
  9329.     text-align: center !important;
  9330. }
  9331. /* (new74) With USER ICON */
  9332. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  9333. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  9334.     position: relative !important;
  9335.     display: inline-block !important;
  9336.     width: 196px !important;
  9337.     height: 100px!important;
  9338.     left: 0px !important;
  9339.     margin-top: -50px !important;
  9340.     padding: 0 0px 2px 0 !important;
  9341.     border-radius: 5px !important;
  9342.     border: 1px solid gray !important;
  9343.     box-shadow: 3px 3px 2px black !important;
  9344.     text-align: center !important;
  9345. }
  9346. .UserBox a.Username:before,
  9347. .MeBox a.Username:before {
  9348.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png") ;
  9349.     position: relative ;
  9350.     display: inline-block ;
  9351.     width: 157px !important;
  9352.     margin-left: 0 !important;
  9353.     padding: 0 2px 2px 2px ;
  9354.     transform: scale(1.2, 1) ;
  9355.     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) ;
  9356.     border-radius: 5px 5px 0 0 ;
  9357.     text-align: center ;
  9358. }
  9359. /* (new72) */
  9360. .UserBox {
  9361.     margin-top: 28px !important;
  9362. }
  9363.  
  9364. .MeMenu {
  9365.     width: 195px !important;
  9366.     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;
  9367.     line-height: 24px;
  9368.     margin-top: 5px ! important;
  9369.     margin-bottom: -2px ! important;
  9370.     border-radius: 0 0 5px 5px !important;
  9371. }
  9372. .FlyoutMenu {
  9373.     width: 300px;
  9374.     border: 1px solid #999;
  9375.     color: gray !important;
  9376.     box-shadow: 3px 3px 2px black !important;
  9377.     background: #222 !important;
  9378. }
  9379. .PopList.Activities li.Item:nth-child(odd){
  9380.     background: #333 !important;
  9381. }
  9382.  
  9383. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"] ,
  9384. .FlyoutMenu  .ItemContent.Activity>a + a {
  9385.     display: inline-block;
  9386.     width: 100% !important;
  9387.     text-align: left !important;
  9388. }
  9389. .FlyoutMenu  .ItemContent.Activity>a[href*="/forum/profile/"]{
  9390.     text-indent: 25px !important;
  9391. }
  9392.  
  9393. /* ALL HEADER - BACKGOUND COLOR - === */
  9394. #Head {
  9395.     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;
  9396. }
  9397.  
  9398. /* TEST - FOR TS CITRUS - FORUM HEADER + FORUM EDIT POST - SAME WIDTH THAN THE PUBLIED POST - ADPT for GM - GREASY FORK TABLE VIEW - === */
  9399. #Form_Body  {
  9400.     display: inline-block ! important;
  9401.     height: 133px;
  9402.     max-width: 660px !important;
  9403.     min-width: 660px !important;
  9404.     overflow: hidden;
  9405. }
  9406. /* (new79) */
  9407. body > #Frame > .Head {
  9408.     position: fixed !important;
  9409.     width: 100% !important;
  9410.     max-height: 41px ! important;
  9411.     min-height: 41px !important;
  9412.     top: 0px !important;
  9413.     padding-top: 7px ! important;
  9414.     border-bottom: 1px solid #828182 !important;
  9415.     box-shadow: 0 0 9px 0 #000000 !important;
  9416.     z-index: 50 !important;
  9417. }
  9418.  
  9419.  
  9420. /* FOR TS CITRUS - SITE TITLE " GREASY FORUM" + ICON - = */
  9421. .SiteTitle {
  9422.     position: relative!important;
  9423.     display: inline-block !important;
  9424.     top: -5px !important;
  9425.     font-size: 24px ! important;
  9426. }
  9427. /* FORUM USERSTYLE TITLE */
  9428. #Head .SiteTitle a {
  9429.     position: relative !important;
  9430.     display: inline-block!important;
  9431.     min-width: 250px !important;
  9432.     max-width: 250px !important;
  9433.     margin-left: -105px ! important;
  9434.     text-align: right ! important;
  9435.     font-size: 19px !important;
  9436. }
  9437. .SiteTitle>a img  {
  9438.     position: absolute ! important;
  9439.     max-height: 40px !important;
  9440.     width: 40px !important;
  9441.     margin-left: -60px ! important;
  9442.     margin-top: -5px !important;
  9443. }
  9444.  
  9445. /* TEST - SITE MENU - FOR GM TS CITRUS - === */
  9446. #Head a {
  9447.     font-weight: bold ! important;
  9448. }
  9449. .SiteMenu a {
  9450.     font-size: 14px ! important;
  9451.     padding: 6px;
  9452. }
  9453.  
  9454. /* (new90) SEARCH - FOR/WITHOUT GM TS CITRUS - === */
  9455. #Head .SiteSearch {
  9456.     float: right !important;
  9457.     margin-top: -5px !important;
  9458.     margin-right: 6.5% !important;
  9459. }
  9460. .MeBox + .SiteSearch {
  9461.     margin-top: 25px !important;
  9462. }
  9463. .SiteSearch>form {
  9464.     height: 21px !important;
  9465. }
  9466. .SiteSearch>form  div {
  9467.     height: 21px !important;
  9468. }
  9469.  
  9470. .SiteSearch>form  div .InputBox {
  9471.     height: 21px !important;
  9472.     font-size: 11px;
  9473.     padding: 2px 25px 2px 5px!important;
  9474. }
  9475. .SiteSearch>form  div input.Button {
  9476.     height: 15px !important;
  9477. }
  9478.  
  9479. /* GREASYFORK / USERSTYLES - FORUM - CF at end : URL-PREF USERSTYLES FORUM - === */
  9480. #Body {
  9481.     max-width: 980px !important;
  9482.     padding: 14px 0 0 10px !important;
  9483.     margin: 14px auto auto;
  9484.     border: 1px solid #bbbbbb !important;
  9485.     border-radius: 0 !important;
  9486.     box-shadow: none !important;
  9487.     background-color: transparent !important;
  9488. }
  9489. #Head + #Body {
  9490.     margin-top: 61px !important;
  9491. }
  9492.  
  9493. /* new79) - USERSTYLES */
  9494. #Body .Row {
  9495.     display: inline-block !important;
  9496.     width: 960px !important;
  9497.     margin-top: 24px !important;
  9498. }
  9499.  
  9500. /* (new109) GREASYFORK OK - VOIR FORUM USERSTYLES */
  9501. .DiscussionAboutShowDiscussion  {
  9502.     position: fixed !important;
  9503.     display: inline-block !important;
  9504.     height: 34px !important;
  9505.     line-height: 15px !important;
  9506.     max-width: 206px !important;
  9507.     min-width: 206px !important;
  9508.     top: 53px !important;
  9509.     left: 24.5% !important;
  9510.     padding: 2px 5px !important;
  9511.     border-radius: 0 0 0 5px !important;
  9512.     color: gold ! important;
  9513.     text-align: left !important;
  9514.     white-space: nowrap ! important;
  9515.     overflow: hidden !important;
  9516.     text-overflow: ellipsis !important;
  9517.     z-index: 500 !important;
  9518.     background-color: #222 !important;
  9519. }
  9520. .DiscussionAboutShowDiscussion + img {
  9521.     position: fixed!important;
  9522.     display: inline-block !important;
  9523.     margin-left: -25px !important;
  9524.     top: 56px !important;
  9525.     z-index: 500 !important;
  9526. }
  9527. .DiscussionAboutShowDiscussion + img.rating-image {
  9528.     position: fixed!important;
  9529.     display: inline-block !important;
  9530.     margin-left: -45px !important;
  9531.     top: 75px !important;
  9532.     z-index: 500 !important;
  9533. }
  9534. /* (new118) GREASYFORK / USERTYLES FORUM - PANEL LEFT - ALL - VOIR PB GREASYFORK: ABOUT SCRIPT / POPUP NOTIFICATION MENU - USER WITHOUT ICON - === */
  9535. #Panel.Column.PanelColumn {
  9536.     position: fixed !important;
  9537.     display: inline-block !important;
  9538.     float: left !important;
  9539.     width: 200px;
  9540.     margin-top: 90px !important;
  9541.     top: 0px !important;
  9542.     z-index: 100 !important;
  9543. border-top: 1px solid red !important;
  9544. }
  9545. #Panel.Column.PanelColumn .MeBox {
  9546.     position: relative !important;
  9547.     display: inline-block !important;
  9548.     width: 198px ! important;
  9549.     margin-top: -30px !important;
  9550.     bottom: -32px !important;
  9551.     padding: 0 !important;
  9552.     box-shadow: none !important;
  9553.     background-color: #222 !important;
  9554. }
  9555.  
  9556. .Profile .MeBox {
  9557.     display: none !important;
  9558. }
  9559. .Profile .Box.GuestBox {
  9560.     position: relative ;
  9561. /*     margin-top: -13px; */
  9562.     top: -407px !important;
  9563. padding: 0 3px !important;
  9564. background: black !important;
  9565. }
  9566.  
  9567. .BoxFilter.BoxDiscussionFilter ,
  9568. .SiteSearch {
  9569.     box-shadow: 3px 3px 2px black !important;
  9570. }
  9571. #vanilla_post_discussion .SiteSearch ,
  9572. #vanilla_post_editdiscussion .SiteSearch {
  9573.     top: 27px;
  9574. }
  9575.  
  9576. .UserBox .Username,
  9577. .MeBox .Username {
  9578.     color: peru !important;
  9579.     font-size: 23px ! important;
  9580.     font-weight: bold;
  9581.     vertical-align: top;
  9582.     text-shadow: 2px 2px 3px #000;
  9583. }
  9584. /* (new72) == #Panel.Column.PanelColumn .MeBox +   */
  9585. .Button.BigButton.NewConversation.Primary {
  9586.     margin-top: 28px !important;
  9587. }
  9588.  
  9589.  
  9590. /* (new76) Forum Userstyles - LEFT PANEL - BOX FILTER -
  9591. WIth AVATAR :
  9592. https://greasyfork.org/fr/forum/profile/323/wOxxOm
  9593. NO AVATAR:
  9594. https://greasyfork.org/fr/forum/profile/2694/zeus007
  9595. === */
  9596. #Panel .FilterMenu,
  9597. #Panel .PanelCategories {
  9598.     background-color: #222 !important;
  9599.     border: 1px solid #bbbbbb !important;
  9600.     border-radius: 5px !important;
  9601.     box-shadow: 3px 3px 2px black !important;
  9602. }
  9603.  
  9604. .Box.BoxCategories ,
  9605. #Panel .BoxFilter {
  9606.     margin: 10px 0;
  9607. }
  9608. .Column.PanelColumn .MeBox +  .BoxFilter.BoxProfileFilter  {
  9609.     margin-top: 65px !important;
  9610. }
  9611.  
  9612.  
  9613. /* (new104) DISSCUSSION COMMMENTS -  (+ TEST GREASY FORK)-
  9614. USERSTYLES FORUM ??:
  9615. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  9616. === */
  9617. /* (new104) GREASYFORK */
  9618. #Item_0 {
  9619.     position: fixed !important;
  9620.     display: inline-block !important;
  9621.     width: 100% !important;
  9622.     min-width: 28px !important;
  9623.     max-width: 28px !important;
  9624.     height: 37px !important;
  9625.     vertical-align: top !important;
  9626.     top: 53px ;
  9627.     left: 35.8% !important;
  9628.     color: gold !important;
  9629.     color: white !important;
  9630.     text-align: center !important;
  9631.     background-color: black !important;
  9632.     z-index: 0 !important;
  9633. }
  9634. .ToggleFlyout.OptionsMenu {
  9635.     display: inline-block !important;
  9636.     height: 14px;
  9637.     width: 28px !important;
  9638.     left: -15px !important;
  9639.     margin-right: -23px !important;
  9640.     top: -9px;
  9641. z-index: 500 !important;
  9642. }
  9643. #Item_0 .ToggleFlyout.OptionsMenu {
  9644.     display: inline-block !important;
  9645.     height: 14px;
  9646.     width: 28px !important;
  9647.     left: -45px !important;
  9648.     margin-right: -23px !important;
  9649.     top: -9px;
  9650. }
  9651. .Flyout::before ,
  9652. .Flyout::after {
  9653.     display: none !important;
  9654. /* display: inline-block!important; */
  9655. }
  9656.  
  9657. /* (new107) - GREASYFORUM - NEW FORUM - EDIT COMMENT -  MARKDOWN NAV BAR -  
  9658. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown .editor-insert-dialog .file-title
  9659. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title
  9660. === */
  9661. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout ,
  9662. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog  {
  9663.     visibility: hidden !important;
  9664. }
  9665.  
  9666. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown:not(.editor-dropdown-open) .editor-insert-dialog.Flyout.MenuItems.editor-file-image {
  9667. display: none !important;
  9668.     visibility: hidden !important;
  9669. /*     background: tomato !important; */
  9670. }
  9671. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image{
  9672.     display: inline-block !important;
  9673.     width: 320px !important;
  9674.     min-height: 100px !important;
  9675.     max-height: 100px !important;
  9676.     visibility: visible !important;
  9677.     background: #333 !important;
  9678. }
  9679.  
  9680. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image .file-title {
  9681.     display: inline-block !important;
  9682. height: 70px !important;
  9683.     width: 316px !important;
  9684.     font-weight: 700;
  9685.     padding: 2px !important;
  9686.     visibility:visible !important;
  9687.     background: black !important;
  9688. }
  9689.  
  9690. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input ,
  9691. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image  .file-input{
  9692.     position: absolute !important;
  9693.     display: inline-block !important;
  9694. height: 100px !important;
  9695.     width: 296px !important;
  9696.     top: 0 !important;
  9697.     padding: 2px !important;
  9698.     visibility:visible !important;
  9699. /* background: yellow !important; */
  9700. }
  9701. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image   .image-input  .InputBox.editor-input-image ,
  9702. .editor-file-image .file-input input[type="file"] {
  9703.     position: absolute !important;
  9704.     display: inline-block !important;
  9705.     top: 30px !important;
  9706.     visibility: visible;
  9707. }
  9708.  
  9709. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open .editor-insert-dialog.Flyout.MenuItems.editor-file-image {
  9710.     height: 80px !important;
  9711. /* border: 1px solid red !important; */
  9712. }
  9713. .MessageForm.EditCommentForm  .bodybox-wrap  .editor-dropdown.editor-dropdown-open  .editor-insert-dialog.Flyout.MenuItems {
  9714. /* border: 1px solid green !important; */
  9715. }
  9716.  
  9717.  
  9718. /* (new116) USERTYLES / GREASEMONKEY OK:
  9719. #vanilla_discussion_index.Vanilla.Discussion.Index.Section-Discussion.Section-Category-stylish #Frame #Body .Row  #Content.Column.ContentColumn .MessageList.Discussion #Item_0
  9720. */
  9721. .MessageList.Discussion {
  9722.     margin-top: 42px;
  9723. }
  9724. /* (new116) */
  9725. .MessageList.Discussion #Item_0.PageTitle h1 ,
  9726. .Discussion .PageTitle h1 {
  9727.     position: fixed !important;
  9728.     display: inline-block !important;
  9729.     height: 37px !important;
  9730.     line-height: 18px!important;
  9731.     width: 38.4% !important;
  9732.     min-width: 705px !important;
  9733.     top: 48px !important;
  9734.     right: 24.4% !important;
  9735.     font-size: 15px !important;
  9736. background-color: black !important;
  9737. z-index: 5000 !important;
  9738. }
  9739. /* (new119) GREASYFORK/ USERSTYLES FORUM */
  9740. .MessageList.Discussion #Item_0.PageTitle h1 ,
  9741. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  9742. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  9743.     position: fixed !important;
  9744.     display: inline-block !important;
  9745.     height: 38px !important;
  9746.     line-height: 18px!important;
  9747.     min-width: 720px !important;
  9748.     max-width: 720px !important;
  9749.     top: 48px !important;
  9750.     right: 24.8% !important;
  9751.     padding-left: 30px !important;
  9752.     font-size: 15px !important;
  9753.     text-align: left !important;
  9754. z-index: 0 !important;
  9755. /* outline: 1px solid violet !important; */
  9756. }
  9757.  
  9758. /* (new119) PB USERSTYLE - DISC LAST PAGE z-index*/
  9759. .MessageList.Discussion .PageTitle .Options {
  9760.     display: inline-block !important;
  9761.     height: 33px !important;
  9762.     z-index: 5000  !important;
  9763. }
  9764. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  9765.     display: inline-block !important;
  9766. }
  9767.  
  9768. .MessageList.Discussion #Item_0.PageTitle + img.rating-image  {
  9769. position: fixed !important;
  9770.     display: inline-block !important;
  9771. /* float: left !important; */
  9772. margin-top: -20px !important;
  9773. margin-left: -5px !important;
  9774.     z-index: 5000;
  9775. /* outline: 1px solid violet !important; */
  9776. }
  9777.  
  9778. /* (new81) START - MEDIA QUERIE - FORUM USERSTYLES - TITLE - === */
  9779. @media screen and (max-width: 1400px) {
  9780. #Item_0 {
  9781.     left: 28.6% !important;
  9782. }
  9783. .Discussion .PageTitle h1 {
  9784.      width: 725px !important;
  9785.     right: 11.7% !important;
  9786. }
  9787. .Discussion.comment.Section-Discussion .Discussion h1,
  9788. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  9789.     max-width: 720px !important;
  9790.     min-width: 720px !important;
  9791.     right: 11.9% !important;
  9792. }
  9793. .DiscussionAboutShowDiscussion {
  9794.     left: 11.7% !important;
  9795. }
  9796. .MessageList.Discussion .PageTitle .Options {
  9797.     margin-left: 78px !important;
  9798. }
  9799. /* === END === MEDIA QUERIE === FORUM USERSTYLES - TITLE - ==== */
  9800. }
  9801.  
  9802.  
  9803.  
  9804. a.Bookmark,
  9805. a.Bookmarked,
  9806. a.Bookmarking {
  9807.     margin-left: -5px !important;
  9808.     margin-right: 9px !important;
  9809. }
  9810. #Item_0.PageTitle .Options .Hijack.Bookmark {
  9811.     position: relative;
  9812.     display: inline-block;
  9813.     margin-top: 1px !important;
  9814.     z-index: 5000;
  9815. }
  9816.  
  9817. /* GREASYFORK SPRITE UI :
  9818. https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png
  9819. === */
  9820. .Hijack.Bookmark[title="Bookmark"] {
  9821.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0) !important;
  9822. }
  9823. .Hijack.Bookmark.Bookmarked  {
  9824.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0) !important;
  9825. }
  9826.  
  9827. /* (new62) BOOKMARKS LIST*/
  9828. .ItemDiscussion span.Options a.Hijack.Bookmark {
  9829.     position: relative !important;
  9830.     display: inline-block !important;
  9831.     left: 37px !important;
  9832.     top: -6px !important;
  9833. }
  9834. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu +  a.Hijack.Bookmark {
  9835.     position: relative !important;
  9836.     display: inline-block !important;
  9837.     top: -6px !important;
  9838. }
  9839. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  9840.     background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0) ! important;
  9841. }
  9842. /*  (new130) PROFILE - NOTIFICATION PAGE */
  9843. #dashboard_profile_discussions.Dashboard.Profile.discussions.Section-Profile.js-focus-visible.editor-active .Options .Bookmark {
  9844.     position: relative;
  9845.     display: inline-block;
  9846.     top: 6px !important;
  9847.     left: 10px !important;
  9848. }
  9849. /* (new79) DISCUSSIONS - === */
  9850. .MessageList.Discussion .Discussion {
  9851.     border: 1px solid gray !important;
  9852.     border-top: 1px solid peru !important;
  9853.     padding: 10px 15px ! important;
  9854. }
  9855.  
  9856. .MessageList.DataList.Comments {
  9857.     position: relative !important;
  9858.     display: inline-block !important;
  9859.     width: 100% ;
  9860.     border-top: 1px solid gray !important;
  9861.     margin-top: 0px !important;
  9862. /* z-index: -1 !important; */
  9863. }
  9864. .MessageList .Item {
  9865. /* z-index: 0 !important; */
  9866. }
  9867. .MessageList .Item:hover {
  9868. /* z-index: 1 !important; */
  9869.     background-color: black ! important;
  9870. }
  9871.  
  9872. .MessageList .Item.ItemDiscussion {
  9873.     position: relative !important;
  9874.     display: inline-block !important;
  9875.     width: 94% !important;
  9876.     margin-bottom: -17px;
  9877.     margin-top: 37px;
  9878.     top: 28px;
  9879. z-index: -1 !important;
  9880. }
  9881.  
  9882.  
  9883. #vanilla_discussions_bookmarked .Item:nth-child(odd) ,
  9884. #vanilla_discussions_mine .Item:nth-child(odd) ,
  9885. #vanilla_discussions_participated .Item:nth-child(odd) ,
  9886. .DataList.CategoryList .Item:nth-child(odd) ,
  9887. .DataList .ItemDiscussion:nth-child(odd) ,
  9888. .Item.ItemComment:nth-child(odd) {
  9889.     background-color: #222  ! important;
  9890. }
  9891. #vanilla_discussions_bookmarked .Item:nth-child(even) ,
  9892. #vanilla_discussions_participated .Item:nth-child(even) ,
  9893. .DataList.CategoryList .Item:nth-child(even) ,
  9894. .DataList .ItemDiscussion:nth-child(even) ,
  9895. .Item.ItemComment:nth-child(even) {
  9896.     background-color: #414141  ! important;
  9897. }
  9898. #vanilla_discussions_bookmarked .Item:hover ,
  9899. #vanilla_discussions_participated .Item:hover ,
  9900. #vanilla_discussions_participated .Item:hover ,
  9901. .DataList.CategoryList .Item:hover ,
  9902. .DataList .ItemDiscussion:hover ,
  9903. .Item.ItemComment:hover {
  9904.     box-shadow: 1px 1px 6px 4px rgba(0,0,0,0.7) inset !important;
  9905.     background-color: rgba(7, 7, 7, 0.57)! important;
  9906.     transition: background ease 0.8s !important;
  9907. }
  9908. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover ,
  9909. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9910. #vanilla_discussions_participated .Item:nth-child(odd):hover ,
  9911. .DataList.CategoryList .Item:nth-child(odd):hover ,
  9912. .DataList .ItemDiscussion:nth-child(odd):hover ,
  9913. .Item.ItemComment:nth-child(odd):hover {
  9914.     background-color: rgba(7, 7, 7, 0.67)! important;
  9915.     transition: background ease 0.8s !important;
  9916. }
  9917.  
  9918. /* (new129) FORUM DISC - TITLE  (from Comments Numbering) - ==== */
  9919. .DataList:not(.Activities) .Item .ItemContent .Title {
  9920. margin-top: 0px !important;
  9921. }
  9922. .DataList:not(.Activities) .Item .ItemContent .Title > a {
  9923. position: relative !important;
  9924. display: inline-block !important;
  9925.     width: 665px !important;
  9926. /*     margin-left: 22px; */
  9927. margin-top: -35px !important;
  9928. margin-bottom: -20px !important;
  9929.     vertical-align: middle  !important;
  9930.     font-size: 14px;
  9931.     white-space: nowrap !important;
  9932. overflow: hidden !important;
  9933. text-overflow: ellipsis !important;
  9934. /* outline: 1px solid yellow !important; */
  9935. }
  9936.  
  9937. /* (new110) - TEST - LAST USER COMMENT */
  9938. .MItem.LastCommentBy a {
  9939.     display: inline-block;
  9940.     height: 18px;
  9941.     overflow: hidden;
  9942.     text-overflow: ellipsis;
  9943.     vertical-align: top;
  9944.     width: 140px;
  9945. }
  9946.  
  9947. /* (new116) GREASYFORK (PB z-index)  cf PB USERSTYLE - DISC LAST PAGE : .BeforeCommentHeading + .DataBox.DataBox-Comments */
  9948. .BeforeCommentHeading + .DataBox.DataBox-Comments {
  9949.     position: relative !important;
  9950.     display: inline-block ;
  9951.     margin-top: 42px !important;
  9952.     left: 0px;
  9953.     z-index: 1 !important;
  9954. }
  9955.  
  9956. /* DISCUSSION LIST - RATNG ICON */
  9957. .DataList .rating-image {
  9958.     height: 16px !important;
  9959.     line-height: 16px !important;
  9960.     margin-top: 3px ;
  9961. }
  9962.  
  9963. /* DISCUSSION LIST - READ - === */
  9964. .DataList .ItemDiscussion.Item.Read {
  9965.     background-color: rgba(47, 47, 47, 0.84)  ! important;
  9966. }
  9967. .Item.Read .BlockTitle a:before ,
  9968. .Item.Read .Title a:before {
  9969.     content: ">>  " ;
  9970.     color: gold ;
  9971. }
  9972. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  9973. .Bookmarked .Title a::before,
  9974. .Item.Read .Title a::before {
  9975.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  9976.     background-position: 3px -650px !important;
  9977.     background-repeat: no-repeat;
  9978.     color: transparent;
  9979.     content: ">> ";
  9980.     display: inline-block !important;
  9981.     position: relative !important;
  9982.     height: 100% !important;
  9983.     max-height: 15px !important;
  9984.     min-height: 15px !important;
  9985.     top: 4px !important;
  9986.     margin-right: 3px !important;
  9987.     margin-left: -2px !important;
  9988.     background-color: rgba(55, 173, 227, 0.4) !important;
  9989. }
  9990. .DataList .ItemDiscussion {
  9991.     border-bottom: 1px solid gray !important;
  9992.     padding-left: 22px;
  9993.     position: relative;
  9994. }
  9995. .MessageList.DataList.Comments .ItemComment ,
  9996. .ItemDiscussion {
  9997.     display: inline-block !important;
  9998.     width: 94% ;
  9999.     min-width: 656px;
  10000.     margin-top: 37px;
  10001.     padding-right: 35px !important;
  10002. }
  10003.  
  10004.  
  10005. #vanilla_discussions_index.index.Section-DiscussionList .ItemDiscussion {
  10006.     left: 0px !important;
  10007.     z-index: 0 !important;
  10008. }
  10009. /* FORUM DISSCUSSION - ITEMS - MINE - === */
  10010. .Item.Bookmarked.Mine.ItemDiscussion {
  10011.     border: 1px solid peru !important;
  10012.     padding-left: 22px;
  10013.     position: relative;
  10014. }
  10015. .Item.Bookmarked.Mine.ItemDiscussion  .Options {
  10016. position: absolute !important;
  10017. float: none !important;
  10018.     width: 28px !important;
  10019. height: 76px !important;
  10020. /*     left: -15px !important; */
  10021. right: 0px !important;
  10022. top: 0 !important;
  10023. /*     padding-left: 22px; */
  10024. z-index: 500 !important;
  10025.     border: 1px solid peru !important;
  10026. }
  10027.  
  10028.  
  10029. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu {
  10030. /* position: absolute !important; */
  10031.     display: inline-block !important;
  10032. /* float: right !important; */
  10033. height: 20px !important;
  10034. width: 20px !important;
  10035.     top: -3px;
  10036. margin-right: 0px !important;
  10037. left: 4px !important;
  10038. z-index: 500 !important;
  10039. /* background-color: red !important; */
  10040. }
  10041. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover ,
  10042. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
  10043.     position: absolute !important;
  10044.     display: inline-block !important;
  10045. height: 18px !important;
  10046. width: 18px !important;
  10047.     top: -17px !important;
  10048.     left: -13px !important;
  10049. visibility: visible !important;
  10050. opacity: 1 !important;
  10051. /*     z-index: 10000 !important; */
  10052. /* background-color: yellow !important; */
  10053. }
  10054. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
  10055.     position: absolute !important;
  10056.     display: inline-block !important;
  10057.     min-width: 18px !important;
  10058.     max-width: 18px !important;
  10059. /*     left: -23px !important; */
  10060. /*     top: -20px; */
  10061.     margin-left: 0 !important;
  10062.     visibility: visible !important;
  10063. opacity: 1 !important;
  10064. z-index: 10000 !important;
  10065. }
  10066. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu  .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {
  10067. /* position: absolute !important; */
  10068. /*     display: inline-block !important; */
  10069.     width: 18px !important;
  10070.     content: " ";
  10071.     background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px !important;
  10072.     font-size: 15px;
  10073.     height: 15px;
  10074. /*     left: 762px !important; */
  10075.     margin-left: 0 !important;
  10076.     outline: 1px solid gray;
  10077. /*     top: -5px; */
  10078.     visibility: visible !important;
  10079.     z-index: 10000 !important;
  10080. }
  10081.  
  10082.  
  10083. .Item.Bookmarked.Mine.ItemDiscussion  .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {
  10084. /* position: relative !important; */
  10085. float: left !important;
  10086.     top: 2px !important;
  10087. left: 10px !important;
  10088. }
  10089.  
  10090. /* PROFILE */
  10091. .ProfilePhotoLarge {
  10092.     margin-top: 55px !important;
  10093.     position: relative !important;
  10094.     width: 200px;
  10095. }
  10096.  
  10097. /* (new118) ICON PROFILE - PANEL LEFT - DISCUSSION LIST / COMMENTS -  (not Notification or comments) - === */
  10098. .MeBox > .PhotoWrap[href*="/profile/"] ,
  10099. .UserBox > .PhotoWrap[href*="/profile/"] {
  10100.     position: relative ! important;
  10101.     display: inline-block !important;
  10102.     height: 50px!important;
  10103.     width: 198px ! important;
  10104.     top: 3px!important;
  10105.     text-align: center ! important;
  10106.     z-index: 500 ! important;
  10107. }
  10108. /*  GREASYFORK FORUM - DISCUSSION - TOP POSITION - === */
  10109. #vanilla_discussion_comment .Column.ContentColumn  {
  10110.     border-top: 1px solid peru !important;
  10111.     margin-top: 26px !important;
  10112. }
  10113.  
  10114. .MeBox + .BoxButtons.BoxNewDiscussion {
  10115.     margin-top: 30px !important;
  10116.     box-shadow: 3px 3px 2px black !important;
  10117. }
  10118.  
  10119. /* (new129)  START === UESRSTYLES FORUM REVIEW - Style Name in First v.1 ==== */
  10120.  
  10121.  
  10122. .Section-Category-style-reviews.Section-DiscussionList   .DataList .Title {
  10123.     display: inline-block !important;
  10124.     font-size: 14px;
  10125.     font-weight: bold;
  10126.     margin: 0;
  10127. }
  10128.  
  10129. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion {
  10130.     position: relative !important;
  10131.     display: inline-block !important;
  10132.     float: left !important;
  10133.     width: 600px!important;
  10134.     height: 100%!important;
  10135.     min-height: 10px!important;
  10136.     max-height: 10px!important;
  10137.     line-height: 10px!important;
  10138.     margin-top: -35px!important;
  10139.     margin-left: -10px!important;
  10140.  }
  10141. .Section-Category-style-reviews.Section-DiscussionList  .Bookmarked.Mine.Participated.Read .DiscussionAboutListDiscussion{
  10142.     margin-top: 21px!important;
  10143.     margin-left: 0px!important;
  10144.  }
  10145.  
  10146.  
  10147. /* (new129 GOOD RATING - OK - THUMB UP  */
  10148. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image  {
  10149.     display: inline-block !important;
  10150.     float: left;
  10151.     margin-left: 0px!important;
  10152.     margin-top: 25px !important;
  10153. /* outline: 1px solid violet !important; */
  10154. }
  10155. /* (new129) BAD RATING - THUMB DOWN */
  10156. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"]  {
  10157.     display: inline-block !important;
  10158.     float: left;
  10159.     margin-left: 0px!important;
  10160.     margin-top: 25px !important;
  10161. }
  10162.  
  10163. /* (new129) USERSTYELS - REVIEW LIST - === */
  10164. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList   #Frame #Body .Row #Content.Column.ContentColumn .DataList.Discussions {
  10165.     position: relative;
  10166.     display: inline-block;
  10167.     width: 727px;
  10168.     margin-top: 20px !important;
  10169. }
  10170. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList   #Frame #Body .Row #Content .DataList.Discussions > li {
  10171.     position: relative;
  10172.     margin: 0;
  10173.     padding-left: 22px;
  10174. }
  10175. /* .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title a */
  10176. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  10177.     display: inline-block !important;
  10178.     float: left!important;
  10179.     width: 670px!important;
  10180.     margin-bottom: -9px!important;
  10181.     margin-top: 6px !important;
  10182.  }
  10183.  
  10184.  
  10185. /* END === UESRSTYLES FORUM REVIEW ==== */
  10186.  
  10187.  
  10188.  
  10189. /* FORUM NOTIFICATION - TXT - === */
  10190. .Flyout .Author .PhotoWrap  {
  10191.     height: 10px !important;
  10192.     width: 20px !important;
  10193. }
  10194.  
  10195. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  10196.     height: 20px !important;
  10197.     margin-bottom: -18px !important;
  10198.     background-color: black !important;
  10199. }
  10200. .Flyout .Author .ProfilePhoto {
  10201.     width: 20px !important;
  10202.     height: 20px !important;
  10203.     background-size: cover !important;
  10204. }
  10205. .PopList .ItemContent {
  10206.     line-height: 1.2!important;
  10207.     margin-left: -1px!important;
  10208. }
  10209. /* DRAFT */
  10210. .DataList.Drafts {
  10211.     margin-top: 98px!important;
  10212.     border-top: 1px solid gray !important;
  10213. }
  10214.  
  10215. /* ATTACHEMENTS - === */
  10216. .Attachment img {
  10217.     max-width: 100% ! important;
  10218.     height: auto ! important;
  10219.     vertical-align: bottom;
  10220. }
  10221.  
  10222. .Attachment {
  10223.     max-width: 100px !important;
  10224.     min-width: 100px !important;
  10225.     padding: 3px 8px 8px 5px !important;
  10226.     border-radius: 5px !important;
  10227.     background-color: black !important;
  10228. }
  10229.  
  10230. /* ATTACHEMENT COUNTER - === */
  10231. .Attachments {
  10232.     background-color: #222222 !important;
  10233.     border-radius: 5px !important;
  10234.     counter-reset: image !important;
  10235. }
  10236. .Attachment:before {
  10237.     position: absolute ;
  10238.     display: inline-block ;
  10239.     height: 20px ;
  10240.     content: counter(image, decimal);
  10241.     top: 10px ;
  10242.     padding: 0 3px ;
  10243.     border-radius: 5px ;
  10244.     counter-increment: image ;
  10245.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3) ;
  10246. }
  10247.  
  10248. /* FORUM PAGINATION - PAGE WRAP (bottom) */
  10249. .PagerWrap {
  10250.     margin-top: 20px!important;
  10251.     overflow: visible!important;
  10252. }
  10253. /* (new79) FORUM PAGINATION - ALL */
  10254. .PageControls {
  10255.     display: inline-block !important;
  10256.     width: 95%!important;
  10257.     height: 100% !important;
  10258.     min-height: 15px !important;
  10259.     max-height: 15px !important;
  10260.     line-height: 15px !important;
  10261.     text-align: right !important;
  10262. }
  10263. .PageControls.Top {
  10264.     position: fixed !important;
  10265.     display: inline-block !important;
  10266.     width: 560px ! important;
  10267.     min-height: 22px !important;
  10268.     margin-left: 190px !important;
  10269.     top: 25px !important;
  10270.     opacity: 1 !important;
  10271.     visibility: visible !important;
  10272.     z-index: 200 !important;
  10273. }
  10274.  
  10275. /* (COR) PAGER TOP - USERSTLE DISC LAST PAGE - === */
  10276. #PagerBefore.Pager  {
  10277.     position: fixed !important;
  10278.     display: inline-block !important;
  10279.     float: right !important;
  10280.     vertical-align: bottom !important;
  10281.     max-width: 560px !important;
  10282.     min-width: 560px !important;
  10283.     height: 17px !important;
  10284.     line-height: 12px !important;
  10285.     top: 30px;
  10286.     right: 24.2% !important;
  10287.     padding: 1px !important;
  10288.     border: 1px solid peru !important;
  10289.     border-radius: 3px 3px 0 0 !important;
  10290.     background-color: transparent !important;
  10291.     text-align: center !important;
  10292.     z-index: 500 !important;
  10293. }
  10294.  
  10295.  
  10296.  
  10297. /* (new79) START - MEDIA QUERIE - PAGER TOP - === */
  10298. @media screen and (max-width: 1400px) {
  10299.  
  10300. #PagerBefore.Pager  {
  10301. position: fixed !important;
  10302.  
  10303.     max-width: 530px !important;
  10304.     min-width: 530px !important;
  10305.     right: 0% !important;
  10306. }
  10307. /* ==== END === MEDIA QUERIE === FAVORITS / SETS PAGES - === */
  10308. }
  10309.  
  10310.  
  10311.  
  10312.  
  10313. /* ICONS */
  10314.  
  10315. /* SPRITE GREASY FORK :
  10316. https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png
  10317. ==== */
  10318.  
  10319. .SpNotifications,
  10320. .SpGlobe {
  10321.     background-position: -32px -212px !important;
  10322. }
  10323. .SpInbox,
  10324. .SpEnvelope {
  10325.     background-position: 0 -228px !important;
  10326. }
  10327. .SpBookmarks,
  10328. .SpStar {
  10329.     background-position: -80px -245px!important;
  10330. }
  10331. .SpDashboard,
  10332. .SpOptions,
  10333. .SpCog {
  10334.      background-position: 0 -212px !important;
  10335. }
  10336.  
  10337. /* MY NAME */
  10338. .QuoteAuthor>a[href*="/decembre"] ,
  10339. .Item .Author a[href*="/decembre"] {
  10340.     font-size: 18px ! important;
  10341.     color: peru ! important;
  10342. }
  10343.  
  10344.  
  10345. /* ==== (ALL) STYLE ==== */
  10346.  
  10347. /* (ALL) BackGround Color === */
  10348.  
  10349. htlm, body {
  10350.     background:#333333 !important;
  10351.     color: #929292 !important;
  10352.     width: 100% !important;
  10353. }
  10354.  
  10355. /* (ALL) LINKS - === */
  10356.  
  10357. a:link {
  10358.     color: #6D878F !important;
  10359.     text-decoration: none !important;
  10360. }
  10361.  
  10362.  
  10363. /* LINK / TXT  SPECIAL - === */
  10364.  
  10365. #Head a,
  10366. #site-nav a {
  10367.     color: peru !important;
  10368. }
  10369. .MItem.MCount.CommentCount ,
  10370. .MItem.MCount.ViewCount {
  10371.     color: #b7b7b7!important;
  10372. }
  10373. table#style-table .meta span.date.date1{
  10374.     color: #23A4A2  !important;
  10375.     text-decoration: none !important;
  10376. }
  10377. table#style-table .meta span.date.date2{
  10378.     color: #0DD6D3 !important;
  10379.     text-decoration: none !important;
  10380. }
  10381. #main-article #style-table a[href^="/styles/"]{
  10382.     color: #DD9E0F !important;
  10383.     text-decoration: none !important;
  10384. }
  10385. #main-article #style-table a:visited[href^="/styles/"]{
  10386.     color: #EAC060 !important;
  10387.     text-decoration: none !important;
  10388. }
  10389.  
  10390. /* LINKS HOVER - COLOR tomato / TOMATO - === */
  10391.  
  10392. #show-code + #control-panel>a:hover ,
  10393. #main-header>h1>a:hover ,
  10394. #style-author-info>tbody>tr>td>a:not(.license-image):hover ,
  10395. #long-description>a:hover ,
  10396. .MItem.LastCommentBy>a:hover ,
  10397. .About>dt:last-of-type a:hover ,
  10398. .script-author-description>ul>li>ul>li:hover a:hover ,
  10399. .About dt a:hover ,
  10400. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover ,
  10401. #script-list-option-groups .list-option>a:hover ,
  10402. #user-script-list > li h2 a:hover ,
  10403. #browse-script-list > li h2 a:hover ,
  10404. .script-list-author>span>a:hover ,
  10405.  
  10406. .DataList.SearchResults .Item .ItemContent:hover .Meta a ,  
  10407. #script-content > form > ul > li:hover ,
  10408. #contact a:hover ,
  10409. #related>ul>li>a:hover ,
  10410. #screenshots #more-screenshots a:hover ,
  10411. .Message>b>a:hover ,
  10412. .Buttons .Back>a:hover ,
  10413. .AttachFileWrapper .AttachFileLink>a:hover ,
  10414. .AuthorWrap .Author .PhotoWrap +.Username:hover ,
  10415. #Item_0 +  .DiscussionAboutShowDiscussion>a:hover ,
  10416. .Item-Body .Message>a:hover ,
  10417. .MItem.Category>a:hover ,
  10418. .ReactButton.Quote.Visible:hover ,
  10419. .Box.BoxCategories a:hover ,
  10420. #Panel .FilterMenu a:hover ,
  10421. .SiteMenu>li>a:hover ,
  10422. .ItemContent.Discussion .Title>a:hover ,
  10423. #main-article>dl>dd>a:hover ,
  10424. #main-article>dl>dt:hover ,
  10425. #main-header + #content-wrapper > #main-article > ul:hover:before ,
  10426. #main-article>ul>li>a:hover ,
  10427. #sidebar-forum>a:hover ,
  10428. #sidebar-help>a:hover ,
  10429. #sidebar-browse>a:hover ,
  10430. #sidebar-my-account>a:hover ,
  10431. #show-button:hover ,
  10432. #control-panel > a:nth-child(1):hover ,
  10433. #control-panel>a:hover ,
  10434.  
  10435. #long-description>a>b:hover ,
  10436.  
  10437. #main-article #hidden-meta a:hover ,
  10438. #no-discussions>a:hover ,
  10439. #site-name > a[href="/"] span:hover ,
  10440. .thetitle>.theauthor>a:hover ,
  10441. .thetitle>a>b:hover ,
  10442. .width-constraint>h3>a:hover ,
  10443. #script-content>form>ul>li>a:hover ,
  10444. #script-content>p>a:hover ,
  10445. #install-area .script-in-sets>a:hover ,
  10446. #additional-info-text>a>b:hover ,
  10447. #additional-info>div>ul>li>a:hover ,
  10448. #additional-info>div>p>a:hover ,
  10449. #additional-info>div>p>b>a:hover ,
  10450. .script-show-author>span>a:hover ,
  10451.  
  10452. #title-subtext:hover > b ,
  10453. #site-name > a span#settings-subtext:hover ,
  10454. #nav-user-info .user-profile-link>a:hover ,
  10455. #nav-user-info>li>a:hover ,
  10456. #nav-user-info + nav .help-link>a:hover ,
  10457. #nav-user-info + nav .forum-link>a:hover ,
  10458. #nav-user-info + nav .scripts-index-link>a:hover ,
  10459. #nav-user-info + nav a:hover ,
  10460. #nav-user-info .sign-out-link>a:hover ,
  10461. #start-discussion:hover ,
  10462. #start-discussion-top:hover ,
  10463. #start-discussion-bottom:hover ,
  10464. .inline-list>li>a:hover {
  10465.     color: TOMATO  !important;
  10466. }
  10467.  
  10468. /* LINK HOVER - SPECIAL - === */
  10469.  
  10470. #discussions-area #discussions li:hover a:not(:last-of-type),
  10471. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]) ,
  10472. .CommentsWrap .Comment a.FlagContent:hover ,
  10473. .width-constraint #discussions li>a:nth-child(4):hover  ,
  10474. .width-constraint #discussions li>a:nth-child(2):hover ,
  10475. .width-constraint #discussions li>a:first-of-type:hover ,
  10476. .width-constraint #discussions li:hover > a:nth-child(4) ,
  10477. .width-constraint #discussions li:hover>time {
  10478.     color: tomato  !important;
  10479. }
  10480.  
  10481.  
  10482. /* GREASYFORK - CODE PAGE - STRIPP BACKGROUND  -
  10483. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  10484. === */
  10485. #script-info .CodeRay {
  10486.     display: inline-block!important;
  10487.     max-width: 99.8% !important;
  10488.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  10489.     background-size: 30px 15px!important;
  10490. }
  10491. #script-info .CodeRay tbody {
  10492.     display: inline-block !important;
  10493.     width: 99.98% !important;
  10494. }
  10495.  
  10496. #script-info .CodeRay tbody .code {
  10497.     display: inline-block !important;
  10498.     min-width: 905px !important;
  10499.     max-width: 905px !important;
  10500. }
  10501. #script-info .CodeRay tbody .code pre {
  10502.     min-width: 900px !important;
  10503.     max-width: 900px !important;
  10504.     word-wrap: break-word !important;
  10505.     white-space: pre-line!important;
  10506. }
  10507.  
  10508. /* (ALL) LINKS VISITED / VISITED HOVER - === */
  10509. a:visited {
  10510.     color: #278CAD  !important
  10511. }
  10512. #additional-info>a:visited {
  10513.     color: #6BA9BE  !important
  10514. }
  10515. a:hover {
  10516.     color: #73B379 !important;
  10517. }
  10518. a:visited:hover  {
  10519.     color: #B9D56E !important;
  10520.     text-decoration: none !important;
  10521. }
  10522.  
  10523. /* VISITED - gold / GOLD - === */
  10524. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note ,
  10525. #style-install-unknown>p>a,
  10526. #style-install-unknown>p>a:visited,
  10527. #style-install-unknown>p>a:active {
  10528.     color: GOLD !important;
  10529. }
  10530.  
  10531. /* VISITED - tan  /TAN - === */
  10532. .discussion-list>li>a:visited ,
  10533. .About>dt>a:visited ,
  10534. .Item-Body .Message>a:visited ,
  10535. .script-author-description>p>a:visited ,
  10536. .script-author-description>ul>li>ul>li>a:visited ,
  10537. .script-author-description>ul>li>a:visited ,
  10538. .DataList .Item .Title>a:visited ,
  10539. .inline-list>li>a:visited ,
  10540. .DataList .ItemDiscussion.Item.Read a:visited {
  10541.     color: TAN !important;
  10542. }
  10543. /* VISITED - goldenrod / GOLDENROD - === */
  10544. .thetitle>a:visited>b  {
  10545.     color: GOLDENROD !important;
  10546. }
  10547. /* VISITED - hover tomato / TOMATO - === */
  10548. .Message>ol>li>small>a:hover ,
  10549. .Message>dl>dd>a:hover ,
  10550. .UserQuote .QuoteAuthor a:hover ,
  10551. .inline-list>li>a:visited:hover ,
  10552. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  10553.     color: TOMATO !important;
  10554. }
  10555.  
  10556. /* VISITED - rosybrown / ROSYBROWN - === */
  10557. .width-constraint #discussions li > a:first-of-type:visited {
  10558.     color: ROSYBROWN  !important;
  10559. }
  10560. /* (new79) NEW TOP HEADER NAV MENU - VISITED - === */
  10561. #Frame .Row .SiteMenu  a:hover {
  10562.     color: tomato !important;
  10563. /* outline: 1px solid tomato !important; */
  10564. }
  10565.  
  10566. /* ============ END VISITED LINKS ====== */
  10567.  
  10568.  
  10569.  
  10570. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" -
  10571. in SCRIPT NAME of:
  10572. DIEP.IO by Terjanq
  10573.  
  10574. IT'S USER (terjanq) LIST:
  10575. https://greasyfork.org/fr/users/33759-terjanq
  10576.  
  10577. SEARCH "DIEP.IO+":
  10578. https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
  10579.  
  10580. MY DISSCUS about it :
  10581. 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
  10582. === */
  10583.  
  10584. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  10585. .Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"]{
  10586.     overflow: hidden !important;
  10587.     background: rgba(255, 0, 0, 0.2) !important;
  10588. }
  10589. #Discussion_9570 .Discussion .Item-BodyWrap .Message  {
  10590.     overflow: hidden !important;
  10591.     background: rgba(255, 0, 0, 0.2) !important;
  10592. }
  10593.  
  10594.  
  10595. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
  10596. #script-table #s19838 .thetitle + div ,
  10597. #user-script-list > li > article  a[href$="/19838-diep-io-by-terjanq"] + span +  .description ,
  10598. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  10599. #browse-script-list>li>article>h2>a[href*="diep-io-by-terjanq"] ~ span.description  {
  10600.     overflow: hidden !important;
  10601.     background: rgba(255, 0, 0, 0.2) !important;
  10602. }
  10603.  
  10604. .discussion-list>li>a[href="https://greasyfork.org/fr/scripts/19838"] + a   {
  10605.     position: relative !important;
  10606.     display: inline-block !important;
  10607.     top: 4px !important;
  10608.     overflow: hidden !important;
  10609.     background: rgba(255, 0, 0, 0.2) !important;
  10610. }
  10611.  
  10612. /* ========== END GENERAL SITE ======= */
  10613. }
  10614.  
  10615.  
  10616.  
  10617. @-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
  10618. /* ========== START URL PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  10619. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  10620. #script-info header p {
  10621.     overflow: hidden !important;
  10622.     background: rgba(255, 0, 0, 0.2) !important;
  10623. }
  10624. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  10625. }
  10626.  
  10627.  
  10628.  
  10629. @-moz-document domain("sleazyfork.org") {
  10630. /* ========== START - DOMAIN SLEASYFORK TEST ======= */
  10631. /* ==== Userstyles TableView+Enhancer - DarkGrey 60 (new60) - SLEASYFORK TEST - CLEAN02 ==== */
  10632.  
  10633. /* TEST LINK :
  10634. https://sleazyfork.org/fr/scripts/9478-vporn-com-a-new-layout-ii-updated/code
  10635. ==== */
  10636.  
  10637. /* (new60)CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SKEAZY" where That's "GREASY" - === */
  10638. /* (new60) SLEAZYFORK - SITE NAME + ICON - === */
  10639. .width-constraint #site-name  #site-name-text h1 {
  10640.     font-size: 20px!important;
  10641.     letter-spacing: 2px !important;
  10642. }
  10643. .width-constraint #site-name  #site-name-text h1  {
  10644.     color: blue !important;
  10645. }
  10646. .width-constraint #site-name  #site-name-text h1 a {
  10647.     display: none !important;
  10648. }
  10649. #site-name  #site-name-text h1 +.subtitle {
  10650.     margin-left: 46px !important;
  10651.     margin-top: 16px !important;
  10652.     font-size: 10px!important;
  10653.     letter-spacing: 1px !important;
  10654. }
  10655. #site-nav > nav li a{
  10656.     font-size: 14px !important;
  10657. }
  10658.  
  10659. .width-constraint #site-name a img ,
  10660. .width-constraint #site-name a span ,
  10661. #site-name-text>h1>a {
  10662.     display: none !important;
  10663. }
  10664.  
  10665. .width-constraint #site-name > a:before ,
  10666. .width-constraint #site-name > h1:before {
  10667.     content: "SleasyFork" !important;
  10668.     display: inline-block !important;
  10669.     position: absolute !important;
  10670.     margin-left: 40px !important;
  10671.     font-size: 22px !important;
  10672.     color: green !important;
  10673. }
  10674. #Head #site-name-text h1:before {
  10675. content: "SleasyFork" !important;
  10676.     display: inline-block !important;
  10677.     position: absolute !important;
  10678.     top: -5px !important;
  10679.     margin-left: 0px !important;
  10680.     font-size: 22px !important;
  10681.     color: red !important;
  10682. }
  10683.  
  10684. .width-constraint #site-name > a:after {
  10685.     content: " " !important;
  10686.     display: inline-block !important;
  10687.     height: 30px !important;
  10688.     width: 30px !important;
  10689.     padding: 2px !important;
  10690.     border-radius: 5px !important;
  10691.     box-shadow: 0 0 2px #cccccc inset !important;
  10692.     background-color: rgba(191, 191, 190, 0.33) !important;
  10693.     background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  10694.     background-position: 50% 50% !important;
  10695.     background-size: contain !important;
  10696. }
  10697.  
  10698.  
  10699. /* ========== (new60) END - DOMAIN SLEASYFORK TEST ======= */
  10700. }
  10701.  
  10702.  
  10703. @-moz-document url-prefix("https://userstyles.org/help") {
  10704. /* ========== START - URL-PREF - USERSTYLES HELP ======= */
  10705. /* HEPLS PAGES - === */
  10706. body > #main-header + #content-wrapper {
  10707.     position: absolute !important;
  10708.     display: inline-block !important;
  10709.     float: none !important;
  10710.     clear: both !important;
  10711.     min-height: 200px !important;
  10712.     height: auto !important;
  10713.     width: 71em !important;
  10714.     margin: auto auto auto 21em !important;
  10715.     top: 75px !important;
  10716.     border-radius: 5px !important;
  10717.     border: 1px solid green !important;
  10718. }
  10719. #main-article {
  10720.     width: 70em !important;
  10721.     margin: 0.5em auto 2em 0.5em !important;
  10722.     padding-bottom : 20px !important;
  10723. }
  10724. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 ,
  10725. #main-article>h3  {
  10726.     width: 58em !important;
  10727.     margin-left: 1em !important;
  10728.     text-align: left !important;
  10729.     text-indent: 20px !important;
  10730.     background: black !important;
  10731. }
  10732.  
  10733. #main-article>ol {
  10734.     width: 65em !important;
  10735.     margin-left: 1em !important;
  10736.     margin-top: -7px !important;
  10737.     outline: 1px solid peru !important;
  10738. }
  10739.  
  10740. #main-article>p:first-of-type {
  10741.     position: relative !important;
  10742.     display: inline-block !important;
  10743.     width: 867px !important;
  10744.     left: 0px !important;
  10745.     margin-top:  auto !important;
  10746.     margin-bottom: 20px!important;
  10747.     padding: 15px 20px !important;
  10748.     border: 1px solid gray !important;
  10749.     outline: none !important;
  10750. }
  10751. #main-article>p {
  10752.     position: relative !important;
  10753.     display: inline-block !important;
  10754.     width: 840px !important;
  10755.     left: 1em !important;
  10756.     margin:  auto !important;
  10757.     padding: 8px 20px !important;
  10758. }
  10759. #main-article>p +p {
  10760.     position: relative !important;
  10761.     display: inline-block !important;
  10762.     width: 840px !important;
  10763.     left: 1em !important;
  10764.     margin:  auto !important;
  10765.     margin-bottom: 15px !important;
  10766.     padding: 8px 20px !important;
  10767. }
  10768. #main-article>p:nth-child(even) {
  10769.     border: 1px solid gray !important;
  10770.     background: #222222 !important;
  10771. }
  10772. #main-article>p:nth-child(odd) {
  10773.     border: 1px solid gray !important;
  10774.     background: #171717 !important;
  10775. }
  10776. #main-article>iframe {
  10777.     margin-left: 10% !important;
  10778. }
  10779. #help-style-settings-edit ~pre ,
  10780. #main-header + #content-wrapper > #main-article > p ~ ul ,
  10781. #main-header + #content-wrapper > #main-article > p ~ ul:hover ,
  10782. #main-header + #content-wrapper > #main-article > ul:hover ,
  10783. #main-header + #content-wrapper > #main-article > ul {
  10784.     position: relative !important;
  10785.     display: inline-block !important;
  10786.     width: 66em !important;
  10787.     height: auto !important;
  10788.     margin-left: 10px !important;
  10789.     padding-bottom: 10px !important;
  10790.     padding-left: 20px !important;
  10791.     padding-right: 5px !important;
  10792.     border-radius: 3px !important;
  10793.     border: 1px solid gray !important;
  10794.     background: #222222 !important;
  10795. }
  10796. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  10797.     position: relative !important;
  10798.     display: inline-block !important;
  10799.     width: 43em !important;
  10800.     height: auto !important;
  10801.     margin-left: 10px !important;
  10802.     margin-top: 29px !important;
  10803.     padding-bottom: 10px !important;
  10804.     padding-left: 30px !important;
  10805.     padding-right: 5px !important;
  10806.     border-radius: 3px !important;
  10807.     border: 1px solid gray !important;
  10808.     font-size: 20px !important;
  10809. }
  10810. #help-style-settings-edit ~pre {
  10811.     position: relative !important;
  10812.     display: inline-block !important;
  10813.     width: 72em !important;
  10814.     height: auto!important;
  10815.     margin-top: 5px!important;
  10816.     border-radius: 3px!important;
  10817.     border: 1px solid gray!important;
  10818.     background: #222222!important;
  10819.     overflow: visible!important;
  10820.     z-index: 10 !important;
  10821. }
  10822. #help-style-settings-edit ~pre >code {
  10823.     position: relative !important;
  10824.     display: inline-block !important;
  10825.     width: 63em !important;
  10826.     height: auto !important;
  10827.     margin-left: 0px !important;
  10828.     border-radius: 3px !important;
  10829. }
  10830. /* ========== END === URL-PREF - HELP ======= */
  10831. }
  10832.  
  10833.  
  10834.  
  10835. @-moz-document url("https://userstyles.org/styles/new") {
  10836. /* START ==== (new23) URL-PREF - USERSTYLES CREATE NEW USERSTYLES ==== */
  10837.  
  10838. .PageContent iframe#iframe[src="/d/styles/new"] {
  10839.     width: 50% !important;
  10840.     margin-left: 21% !important;
  10841. padding: 0 50px 0 50px !important;
  10842. border: 1px solid gray !important;
  10843. }
  10844.  
  10845. .errorExplanation {
  10846.     background-color: rgba(239, 81, 24, 0.54) !important;
  10847.     border: 1px solid red ;
  10848. }
  10849.  
  10850.  
  10851. /* END ==== (new23) URL-PREF - USERSTYLES CREATE NEUSERSTYLES ==== */
  10852. }
  10853.  
  10854.  
  10855.  
  10856. @-moz-document url-prefix("https://forum.userstyles.org") {
  10857. /* START ==== (new119) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */
  10858. #Head + #Body {
  10859.     margin-left: 22% !important;
  10860. /* background: yellow !important; */
  10861. }
  10862. /* (new118) URL-PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFORK different than USERSTYLES - DISSCUSSION CONTAINER - === */
  10863.  
  10864. #PagerBefore.Pager {
  10865.     right: 26% !important;
  10866. }
  10867. #Content.Column.ContentColumn  {
  10868.     display: inline-block !important;
  10869.     float: right !important;
  10870.     width: 689px !important;
  10871.     min-height: 750px !important;
  10872.     margin-top: -8px!important;
  10873.     margin-right: 50px !important;
  10874.     z-index: 0 !important;
  10875. }
  10876. #vanilla_discussion_index #Content.Column.ContentColumn {
  10877.     display: inline-block !important;
  10878.     float: right !important;
  10879.     width: 689px!important;
  10880.     min-height: 750px !important;
  10881.     margin-top: -8px!important;
  10882.     margin-right: 20px !important;
  10883. }
  10884. #vanilla_discussion_index #Content.Column.ContentColumn  .MessageList.Discussion {
  10885.     margin-bottom: -21px;
  10886. }
  10887. .P.PageDescription {
  10888.     width: 753px!important;
  10889. outline: 1px solid yellow !important;
  10890. }
  10891.  
  10892. #Item_0 {
  10893.     left: 33% !important;
  10894.     top: 53px !important;
  10895.     background: black ;
  10896.     z-index: 500 !important;
  10897. }
  10898.  
  10899. #Item_0 .ToggleFlyout.OptionsMenu {
  10900.     left: -15px !important;
  10901. }
  10902. /* (new118) URL-PREF - USERSTYLES FORUM */
  10903. .MessageList.Discussion h1 ,
  10904. .Discussion.comment.Section-Discussion .Discussion h1 {
  10905.     position: fixed !important;
  10906.     display: inline-block !important;
  10907.     height: 38px !important;
  10908.     line-height: 18px !important;
  10909.     width: 39.1% !important;
  10910.     right: 26.4% !important;
  10911.     top: 47px !important;
  10912.     font-size: 15px !important;
  10913.     text-align: left !important;
  10914.     background-color: black !important;
  10915. z-index: 1 !important;
  10916. }
  10917. /* (new118) URL-PREF - USERSTYLES FORUM */
  10918. .MessageList.Discussion #Item_0.PageTitle h1 ,
  10919. .Discussion.comment.Section-Discussion .Discussion  h1  ,
  10920. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  10921.     min-width: 752px !important;
  10922.     max-width: 752px !important;
  10923.     right: 26.1% !important;
  10924. /* outline: 1px solid yellow !important; */
  10925. }
  10926. .Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {
  10927.     top: 0px !important;
  10928.     left: 0 !important;
  10929.     margin: 0 !important;
  10930. }
  10931.  
  10932. /* (new118) URL-PREF - USERSTYLES FORUM - PROFILE BUTTON */
  10933. #dashboard_profile_discussions .About>dt:last-of-type  {
  10934.     position: relative !important;
  10935.     display: inline-block !important;
  10936.     width: 23% !important;
  10937.     height: 18px !important;
  10938.     line-height: 18px !important;
  10939.     top: -56px !important;
  10940.     left: 74%!important;
  10941.     padding: 2px 2px 2px 15px !important;
  10942.     border-radius: 3px !important;
  10943.     font-size: 15px !important;
  10944.     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;
  10945. }
  10946.  
  10947. #Panel.Column.PanelColumn {
  10948.     z-index: 100 !important;
  10949. }
  10950. #Panel.Column.PanelColumn .MeBox {
  10951.     margin-top: -29px !important;
  10952.     z-index: 200 !important;
  10953. }
  10954. .DiscussionAboutShowDiscussion  {
  10955.     max-width: 200px !important;
  10956.     min-width: 200px !important;
  10957.     top: 53px !important;
  10958.     left: 22.1% !important;
  10959.     z-index: 100 !important;
  10960. }
  10961.  
  10962.  
  10963.  
  10964. @media screen and (max-width: 1400px) {
  10965. /* (new82) START === MEDIA QUERIE - 1400px -  URL-PREF - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
  10966. #PagerBefore.Pager {
  10967.     right: 3.8% !important;
  10968. }
  10969. .MessageList.Discussion h1 ,
  10970. .Discussion.comment.Section-Discussion .Discussion h1 {
  10971.     min-width: 736px !important;
  10972.     right: 9.9% !important;
  10973. }
  10974. .MessageList.Discussion #Item_0 {
  10975.     left: 30% !important;
  10976.     top: 53px !important;
  10977.     z-index: 500 !important;
  10978. }
  10979. .DiscussionAboutShowDiscussion  {
  10980.     max-width: 217px !important;
  10981.     min-width: 217px !important;
  10982.     top: 53px !important;
  10983.     left: 12.2% !important;
  10984.     z-index: 100 !important;
  10985. }
  10986. .MessageList.Discussion {
  10987.     margin-top: 36px;
  10988. }
  10989. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems{
  10990.     left: 4px !important;
  10991.     top: -1px !important;
  10992. }
  10993.  
  10994. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before ,
  10995. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion::before {
  10996.     left: 32px !important;
  10997. }
  10998. .MessageList.Discussion #Item_0.PageTitle .ToggleFlyout:not(.Open) a.EditDiscussion::before {
  10999.     left: 0px !important;
  11000.     top: 0px !important;
  11001. }
  11002. /* ==== END === MEDIA QUERIE - URL-PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - === */
  11003. }
  11004.  
  11005.  
  11006. /* END ==== (new79) URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  11007.  
  11008.  
  11009. /* ========== END === URL-PREF - ALL ======= */
  11010. }
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!