☰

Userstyles / Greasy Fork Enhancer Dark-Grey v.248

Custom Widescreen CSS theme for and

  1. /* ==UserStyle==
  2. @name        Userstyles / Greasy Fork Enhancer Dark-Grey v.248
  3. @namespace   https://greatest.deepsurf.us/en/users/8-decembre 
  4. @version      1.248000.0
  5. @author      decembre 
  6. @description Custom Widescreen CSS theme for  and 
  7. @license     GPL version 3 or any later version; 
  8.  
  9. ==/UserStyle== */
  10.  
  11. @-moz-document domain("userstyles.org"), domain("greatest.deepsurf.us"), domain("sleazyfork.org"), domain("greasyfork-org.translate.goog"), url-prefix("https://greatest.deepsurf.us/forum/"), url-prefix("https://74.86.192.75/") {
  12.  
  13. /* ==== Userstyles / Greasy Fork Enhancer Dark-Grey  v.248 (new248) - PAGI - Dev in QUANTUM - without [datetime] ==== */
  14. /* [A VOIR]:
  15. #preview_image_div .recommendations.loaded
  16. (new226) [A VOIR]
  17. - URL-PRF fr: Forum disc Greas /USERstyle different
  18. ==== */
  19. /* CITRUS FIX by Konf(2020.12.09) :
  20. https://greatest.deepsurf.us/en/discussions/requests/69803-help-to-fix-ts-citrus-gfork#comment-173029
  21. [TS] Citrus GFork (Original):
  22. https://greatest.deepsurf.us/en/scripts/4336-ts-citrus-gfork
  23. =================== */
  24. /* (new227) SUPPORT: ========
  25. GM "Markdown toolbar for GreasyFork" by 人民的勤务员 / Serviteurs du peuple (2024):
  26. https://greatest.deepsurf.us/en/scripts/505164-markdown-toolbar-for-greasyfork
  27. GM "USO - add USOa button on userstyle page" by Achernar (2022):
  28. https://greatest.deepsurf.us/fr/scripts/443153-uso-add-usoa-button-on-userstyle-page
  29. AGAINST "PRO" USERSTYLES
  30. GM "Greasy Fork Display User Information" by NotYou (2022):
  31. https://greatest.deepsurf.us/fr/scripts/437643-greasy-fork-display-user-information
  32. GM "Greasyfork 快捷编辑收藏" - "Greasyfork script-set-edit button" - "Greasyfork Modification rapide des favoris" by PYUDNG - 2022 :
  33. https://greatest.deepsurf.us/fr/scripts/439699-greasyfork-%E5%BF%AB%E6%8D%B7%E7%BC%96%E8%BE%91%E6%94%B6%E8%97%8F
  34. GM "GreasyFork - add a 'send PM to user' button in Greasyfork profile pages"
  35. https://greatest.deepsurf.us/fr/scripts/23703-greasyfork-add-a-send-pm-to-user-button-in-greasyfork-profile-pages
  36. GM "Greasyfork - Add notes to the script"
  37. https://greatest.deepsurf.us/fr/scripts/404275-greasyfork-add-notes-to-the-script
  38. GM "Greasyfork Search with Sleazyfork Results include":
  39. https://greatest.deepsurf.us/fr/scripts/23840-greasyfork-search-with-sleazyfork-results-include
  40.  
  41. IN TEST (but NOT in USE (solved by CSS on iframe):
  42. GM "USO - fix editor's page height" by Achernar:
  43. https://greatest.deepsurf.us/fr/scripts/431548-uso-fix-editor-s-page-height
  44. =================== */
  45.  
  46. /* (new248) SUPP */
  47. #script-feedback-ad ,
  48. .ethical-ads-text ,
  49. .ethical-ads ,
  50. .ad.ad-ea ,
  51. #script-feedback-ad.ad.ad-ea .ethical-ads.ethical-ads-text ,
  52.  
  53.  
  54. [class^="header-buttons_extensionButtonWrapper__"],
  55. [class^="GoogleAd_galleryHeader__"],
  56. [class^="GoogleAd_galleryGridCube__"],
  57. [class*="GoogleAd_"],
  58. [class^="style_adWrapper__"],
  59. [class^="recommended-styles_recommendedStylesWrapper__"],
  60. [class^="style-image_gradient__"],
  61. [class^="header-buttons_goProButton__"],
  62. [class^="user-profile_shadow__"],
  63. [class^="rate-us_rateUsWrapper__"] {
  64.     display: none !important;
  65. }
  66.  
  67.  
  68. /* SUPP - SPAM COMMENT (need :has selector):
  69. FROM "userstyles.org Anti-Spam" by sapondanaisriwan
  70. https://userstyles.world/style/7286/userstyles-org-anti-spam
  71. ==== */
  72. /* 
  73. #comments-section-wrapper :has(br) {
  74.     display: none;
  75. } */
  76. /* (new238) SUPP - CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock */
  77. #preview_image_div .recommendations.loaded,
  78. .bannerWrapper[href="/bounty-campaign?action=enroll"] > img,
  79. .form-controls > a[classname="bannerWrapper"],
  80. .PageContent > a[classname="bannerWrapper"],
  81. a[classname="bannerWrapper"],
  82. #bountyBadgeWrapper,
  83. .upgradeButton .buttonContainer,
  84. .upgradeButton .separator,
  85. /* .upgradeButton  , */
  86. /* .bountyCampaignLeaderboardContainer , */
  87. .right #subscription_link,
  88. #modelBackdrip.poptin-popup-background,
  89. .poptin-popup.new-popup,
  90. #easter-egg-wrapper,
  91. .easter-leaderboard-container,
  92. #onesignal-popover-container,
  93. #onesignal-slidedown-container,
  94. .overlay_background,
  95. #installBox,
  96. li.ad-entry,
  97. .ad-entry,
  98. #GM_UpdateWindow,
  99. #script-show-info-ad,
  100. .adsbygoogle,
  101. #share_div,
  102. .NotificationLine,
  103. .hamburger,
  104. .walking,
  105. .android_button_button,
  106. .overlay_background,
  107. .adContainer,
  108. #discussions-area #social.single-style,
  109. #social,
  110. .twitter-share-button,
  111. #twitter-widget-0,
  112. .fb-like {
  113.     display: none !important;
  114. }
  115.  
  116. .tf-v1-popover,
  117. style[data-styled="true"] + #root > div > div > div div,
  118. style[data-styled="true"] + #root > div > div > div,
  119. style[data-styled="true"] + #root > div > div,
  120. style[data-styled="true"] + #root > div,
  121. style[data-styled="true"] + #root {
  122.     visibility: hidden !important;
  123.     display: none !important;
  124. /*border: 1px solid violet !important;*/
  125. }
  126.  
  127. /* (new247) - GREASY - 2FA */
  128. .text-content:has([action$="/users/confirm_2fa"]) {
  129.     padding: 5px 10%  !important;
  130. }
  131.  
  132. .text-content:has([action$="/users/confirm_2fa"]) img {
  133.     min-width: 28% !important;
  134.     max-width: 28% !important;
  135.     max-height: 30vh !important;
  136.     object-fit: contain !important;
  137.     background-color: white  !important;
  138. /*border: 1px solid violet !important;*/
  139. }
  140. header#main-header + .width-constraint > section.text-content:not(.reportable):has([action$="/users/confirm_2fa"]) > p:not(:empty)  {
  141.   font-size: 15px !important;
  142. }
  143.  
  144.  
  145. /* (new230) USERSTYLES BOUNTY Competition Submit your style by February 14, 2023 */
  146. .bountyCampaignLeaderboardContainer {
  147.     position: fixed !important;
  148.     display: inline-block !important;
  149.     right: 47%;
  150.     top: 0;
  151.     z-index: 500000000 !important;
  152. }
  153. .bountyCampaignLeaderboardContainer:after {
  154.     content: " " !important;
  155.     position: absolute !important;
  156.     display: inline-block !important;
  157.     width: 2px !important;
  158.     height: 44px !important;
  159.     line-height: 13px !important;
  160.     padding: 0 0 0 0px !important;
  161.     font-size: 13px !important;
  162.     border-radius: 3px !important;
  163.     transform: scale(1) translate(75px, 0px) !important;
  164.     white-space: pre !important;
  165.     transition: all ease 0.7s !important;
  166.     opacity: 0;
  167. color: red !important;
  168. background: #111 !important;
  169. }
  170. /* (new237) May 29, 2023 */
  171. .bountyCampaignLeaderboardContainer:hover:after {
  172.     content: "Competition \A Submit your style \A by May 29, 2023" !important;
  173.     width: 200px !important;
  174.     height: 45px !important;
  175.     padding: 0 0 0 30px !important;
  176.     font-size: 13px !important;
  177.     white-space: pre !important;
  178.     z-index: 0 !important;
  179.     transform: scale(1) translate(75px, 0px) !important;
  180.     transition: all ease 0.7s !important;
  181.     opacity: 1;
  182.     background: #222 !important;
  183.     color: white !important;
  184. }
  185. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper {
  186.     position: absolute !important;
  187.     transform: scale(0.3) !important;
  188.     transform-origin: top center!important;
  189.     z-index: 50 !important;
  190.     opacity: 0.6;
  191. filter: grayscale(1);
  192. }
  193. .bountyCampaignLeaderboardContainer:hover .bountyCampaignLeaderboardWrapper {
  194.     opacity: 1;
  195.     filter: grayscale(0.6);
  196. }
  197.  
  198. /* (new230) BOUNTY - OPEN */
  199. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen {
  200.     display: inline-block !important;
  201.     height: 12vh !important;
  202.     width: 40vw !important;
  203.     transform: translate(-240px, -20px) scale(1.2) !important;
  204.     opacity: 1 !important;
  205.     filter: grayscale(0) !important;
  206.     overflow: hidden !important;
  207.     z-index: 50000 !important;
  208. border: 1px solid aqua !important;
  209. }
  210. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen:hover {
  211.     display: inline-block !important;
  212.     min-height: 50vh !important;
  213.     width: 40vw !important;
  214.     /* left: 0 !important; */
  215.     /* right: 40% !important; */
  216.     transform: translate(-870px, 680px) scale(2.9) !important;
  217.     opacity: 1 !important;
  218.     filter: grayscale(0) !important;
  219.     overflow: visible !important;
  220.     z-index: 50000 !important;
  221. border: 1px solid aqua !important;
  222. }
  223.  
  224. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen:not(:hover) .leaderboardHeader {
  225.     position: relative !important;
  226.     display: inline-block !important;
  227.     height: 72px;
  228.     width: 100%;
  229.     padding: 0 !important;
  230.     transform: translate(160px, 30px) scale(1.4) !important;
  231. box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  232. }
  233. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen:hover .leaderboardListWrapper {
  234.     display: inline-block !important;
  235.     flex-grow: 1;
  236.     height: 80vh !important;
  237.     /* margin: 50px 0 0 0px !important; */
  238.     overflow: hidden !important;
  239.     overflow-y: auto !important;
  240.     width: 100%;
  241.     transform: translate(0px, 0px) scale(1) !important;
  242. background: red !important;
  243. }
  244.  
  245. /* (new230) BOUNTY - INFO PAGE */
  246. #preview_image_div #bountyBadgeWrapper {
  247.     position: absolute;
  248.     display: inline-block !important;
  249.     width: auto !important;
  250.     height: 40px !important;
  251.     left: 0px !important;
  252.     opacity: 0.6;
  253.     filter: grayscale(0.6);
  254.     background-repeat: no-repeat !important;
  255.     background-size: contain !important;
  256. }
  257.  
  258. #preview_image_div #bountyBadgeWrapper .bountyBadgeRank {
  259.     font-size: 9px !important;
  260.     font-weight: 400 !important;
  261.     margin-top: -0px !important;
  262.     transform: matrix(1, -0.16, 0, 0.99, 0, 0);
  263.     color: white !important;
  264. background: green !important;
  265. }
  266.  
  267.  
  268. /* (new246) TEST - GM "Greasy Fork ++ */
  269. iframe#greasyfork-plus {
  270.  
  271.     height: 75%;
  272.     margin: 0px;
  273.     max-height: 95%;
  274.  
  275.     opacity: 1;
  276.     overflow: auto;
  277.  
  278.     position: fixed;
  279.     display: block;
  280.     inset: 117px auto auto 242px !important;
  281.     width: 35% !important;
  282.     max-width: 35% !important;
  283.     left: 35% !important;
  284.     padding: 5px !important;
  285.     z-index: 500000 !important;
  286.     background: brown !important;
  287.     border: 1px solid rgb(0, 0, 0);
  288. }
  289.  
  290. #greasyfork-plus {
  291.     background: white !important;
  292. }
  293. body > #greasyfork-plus_wrapper:only-child {
  294.     width: 97.5% !important;
  295.     max-width: 97.5% !important;
  296.     max-height: calc(100vh - 72px);
  297.     padding: 0px 0px 0 0 !important;
  298.     overflow: auto;
  299.     scrollbar-gutter: both-edges;
  300. background: #222 !important;
  301. border: 1px solid rgba(127, 127, 127, 0.5);
  302. }
  303. #greasyfork-plus .field_label[class] b {
  304.     color: gold !important;
  305. }
  306. /* (new223) TEST - GM GREASY - USER LSIT:
  307. https://greatest.deepsurf.us/en/users
  308. === */
  309. #browse-user-list {
  310.     display: inline-block !important;
  311.     width: 100% !important;
  312.     left: 0px !important;
  313.     padding: 5px !important;
  314.     border-radius: 5px;
  315. background: #111 !important;
  316. }
  317. #user-list-option-groups.list-option-groups {
  318.     width: 190px !important;
  319. }
  320.  
  321. /* [A VOIR] (new219) TEST - GM "Greasy Fork User Statistics+" by NoyYou (2022)  */
  322. #user-statistics {
  323.     position: fixed !important;
  324.     width: 250px !important;
  325.     left: 12px !important;
  326.     padding: 5px !important;
  327.     border-radius: 5px;
  328. background: #111 !important;
  329. }
  330.  
  331. /* (new247) GRASYFORK - NOTIFICATIONS PAGES */
  332. .notification-list {
  333.     box-shadow: 0 0 5px #ddd;
  334.     background-color: #111 !important;
  335.     border: 1px solid #BBBBBB;
  336. }
  337. .notification-list .notification-list-item {
  338.   padding-top: 10px;
  339. border-top: 1px solid #CCC; 
  340. }
  341.  
  342. /* NOTIFS - READ */
  343. .notification-list .notification-list-item.notification-read {
  344.     margin: 0 0 0 0 !important;
  345.     padding: 0 0 0 5px !important;
  346. background-color: #f5f5f5;
  347. }
  348. /* NOTIFS - NOT READ */
  349. .notification-list .notification-list-item.notification-not-read  {
  350.     width: 100% !important;
  351.     margin: 0 -3px 0 -5px !important;
  352.     padding: 0 0 0 10px !important;
  353. border-left: 4px solid red !important;
  354. }
  355.  
  356. /* ZEBRA */
  357. .notification-list .notification-list-item:nth-child(odd) {
  358.     background: #111 !important;
  359. }
  360. .notification-list .notification-list-item:nth-child(even) {
  361.     background: #222 !important;
  362. }
  363.  
  364. /* (new219) USERSTYLES.ORG - TOP HEADER NEW */
  365. #header {
  366.     position: fixed;
  367.     align-items: center;
  368.     display: flex;
  369.     height: 48px;
  370.     justify-content: space-between;
  371.     top: 0;
  372.     width: 100%;
  373.     z-index: 50000000 !important;
  374. background-color: #323232;
  375. border-bottom: 1px solid red !important;
  376. }
  377. .us-header .right {
  378.     position: absolute;
  379.     display: inline-block;
  380.     width: 33vw;
  381.     right: 0;
  382.     top: 0.5vh !important;
  383. }
  384. .us-header .right #create_new_style,
  385. .us-header .right > div {
  386.     float: right !important;
  387.     min-width: 25% !important;
  388.     min-height: 20px !important;
  389.     line-height: 20px !important;
  390.     margin: 0 4px 0 0 !important;
  391.     padding: 0 5px 0 25px !important;
  392.     border-radius: 5px !important;
  393.     text-align: center !important;
  394. }
  395.  
  396. .header-search .type_search {
  397.     display: flex;
  398.     height: 21px !important;
  399.     background: #222 !important;
  400. }
  401. .header-search .type_search .type_search_select .type_search_option,
  402. .header-search .type_search .type_search_text {
  403.     height: 20px;
  404.     line-height: 20px;
  405.     padding: 0px 0px 0px !important;
  406. color: gold !important;
  407. }
  408.  
  409. .header-search .type_search .type_search_select {
  410.     position: absolute !important;
  411.     display: inline-block;
  412.     flex-direction: column;
  413.     width: 155px;
  414.     left: 0;
  415.     top: 0;
  416.     border-radius: 5px !important;
  417.     z-index: 50000000 !important;
  418. background: #111 !important;
  419. }
  420.  
  421. /* (new246) SUPPORT GM "Markdown toolbar for GreasyFork" by 人民的勤务员  :not(:hover)*/
  422. a[target="markup_choice"][href="http://daringfireball.net/projects/markdown/basics"]:after {
  423.     background: #111 !important;
  424.     border: 1px solid gray;
  425.     border-radius: 4px;
  426.     color: white;
  427.     content: "▶.";
  428.     /*position: fixed !important;*/
  429.     position: absolute !important;
  430.     display: inline-block !important;
  431.     width: 17px !important;
  432.     height: 17px !important;
  433.     margin: 0 0 0 20px !important;
  434.     padding: 0 !important;
  435.     opacity: 1 !important;
  436.     overflow-x: hidden !important;
  437.     overflow-y: auto !important;
  438.     transition: height 0.3s ease 0s;
  439.     visibility: visible;
  440.     white-space: pre-line;
  441.     text-align: left;
  442.     z-index: 5000000000 !important;
  443. }
  444. a[target="markup_choice"][href="http://daringfireball.net/projects/markdown/basics"]:hover:after {
  445.     content: "▶ New line: \a Majuscule + Entrer \a\a  ▶▶ Quick reference guide Markdown syntax. \a \a ▶ HEADERS with ( # ): \a # Level one header # \a ### Level three header ### \a Headers continue as you’d imagine, with extra hashes. \a \a ▶ LINKS WITH TEXT ( [ ...] ): \a [This is a link](http://www.darkcoding.net) \a \a ▶ BLOCKQUOTE with ( > ) AND SPACE \a  Multi by adding other ( > ): \a > This is quoted. \a \a ▶ CODE : \a - Use 3 backticks (```) \a  - Put css to select language for syntax highlighting \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 \a ▶ LISTS \a \a ▶ UNORDERED LISTS : with *, + or - : \a * This \a * is \a * a list \a \a ▶ ORDERED LISTS : with number followed by period (.) \a 1. with \a 1. numbers \a \a ▶ HORIZONTAL LINES with ( - ) : \a Three or more dashes ( - ) ---- \a \a ▶ Emphasis \a ITALIC with a single underscore ( _ )or ONE asterix ( * ) , BOLD with TWO ( * ) : \a _italic_ or *italic* \a __bold__ or **bold** \a \a ▶ 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.";
  446.     /*position: fixed !important;*/
  447.     position: absolute !important;
  448.     display: inline-block !important;
  449.     width: 330px !important;
  450.     height: 45vh !important;
  451.     margin: 0 0 0 20px !important;
  452.     padding: 16px 16px 32px 16px !important;
  453.     border-radius: 4px;
  454.     opacity: 1 !important;
  455.     overflow-x: hidden !important;
  456.     overflow-y: auto !important;
  457.     transition: height 0.7s ease 0s;
  458.     visibility: visible;
  459.     white-space: pre-line;
  460.     text-align: left;
  461.     z-index: 5000000000 !important;
  462. color: white;
  463. background: #111 !important;
  464. border: 4px solid gray;
  465. }
  466.  
  467. /* HTML CHOICE */
  468. .mdButton {
  469.     display: inline-block;
  470.     cursor: pointer;
  471.     margin: 0px;
  472.     font-size: 12px;
  473.     line-height: 1;
  474.     font-weight: bold;
  475.     padding: 4px 6px;
  476.     background: -moz-linear-gradient(center bottom, #CCC 0%, #FAFAFA 100%) repeat scroll 0% 0% #F8F8F8;
  477.     border: 1px solid #999;
  478.     border-radius: 2px;
  479.     white-space: nowrap;
  480. text-shadow: 0px 1px 0px #9b6868;
  481. box-shadow: 0px 1px 0px #111 inset, 0px -1px 2px #222 inset;
  482. color: #333;
  483. }
  484.  
  485.  
  486. /* (new214) TEST - GM "Greasy Fork Display User Information" */
  487. .width-constraint #about-user.text-content.reportable #user-information::before,
  488. .width-constraint #about-user.text-content.reportable #user-information::before,
  489. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information::before,
  490. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information::before {
  491.     content: "ID ▼";
  492.     position: absolute;
  493.     height: 23px;
  494.     width: 45px;
  495.     top: 0px;
  496.     left: 0;
  497.     white-space: normal;
  498.     font-size: 15px;
  499.     text-align: center;
  500.     z-index: 500;
  501. color: red;
  502. background: green;
  503. border: 1px solid red;
  504. }
  505. .width-constraint #about-user.text-content.reportable #user-information,
  506. .width-constraint #about-user.text-content.reportable #user-information,
  507. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information,
  508. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information {
  509.     left: 55%;
  510.     position: fixed;
  511.     display: inline-block;
  512.     font-size: 0;
  513.     height: 25px;
  514.     margin-top: 0;
  515.     overflow: hidden;
  516.     padding: 0;
  517.     transition: height 0.7s ease 0s;
  518.     width: 47px;
  519.     top: 62px;
  520.     z-index: 5000;
  521. }
  522. .width-constraint #about-user.text-content.reportable #user-information:hover,
  523. .width-constraint #about-user.text-content.reportable #user-information:hover,
  524. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover,
  525. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover {
  526.     width: 300px;
  527.     height: auto;
  528.     margin-top: 0;
  529.     font-size: 15px;
  530.     overflow: hidden;
  531.     transition: height 0.7s ease 0s;
  532. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  533. background: black none repeat scroll 0 0;
  534. border: 1px solid red;
  535. }
  536. .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card,
  537. .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card,
  538. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card,
  539. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card {
  540.     display: grid;
  541.     grid-template-columns: auto auto auto;
  542.     width: 300px !important;
  543.     padding: 6px;
  544.     text-align: center;
  545.     border-radius: 4px;
  546. color: rgb(255, 255, 255);
  547. background: rgb(47, 47, 47) none repeat scroll 0 0;
  548. }
  549. /* (new246) TEST - GM "Greasyfork 快捷编辑收藏" - "Greasyfork Modification rapide des favoris" */
  550. #script-favorite {
  551.     display: inline-block !important;
  552.     margin: 0.2em 0 0.2em 0!important;
  553. }
  554. #script-favorite select#favorite-groups {
  555.     display: inline-block !important;
  556.     height: 22px !important;
  557.     width: 100% !important;
  558.     min-width: 20vw !important;
  559.     max-width: 20vw !important;
  560.     pointer-events: all !important;
  561.     filter: grayscale(0) brightness(1) !important;
  562.     opacity: 1 !important;
  563. }
  564. #script-favorite [style*="pointer-events: none;"],
  565. a[id="favorite-add"] {
  566.     display: inline-block !important;
  567.     margin: 0px 0.5em;
  568.     filter: grayscale(0) brightness(1) !important;
  569.     opacity: 1 !important;
  570.     pointer-events: all !important;
  571. }
  572.  
  573. /* (new232) TEST GM "INSTALL from USo (uso.kkx.one)" 
  574. GM "USO - add USOa button on userstyle page"
  575. == */
  576. /* NO PRO */
  577. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button {
  578.     position: fixed !important;
  579.     display: inline-block !important;
  580.     flex-direction: row;
  581.     justify-content: center;
  582.     align-items: center;
  583.     height: 21px !important;
  584.     margin-left: 0vw !important;
  585.     top: 65.3vh !important;
  586.     left: 25% !important;
  587.     font-size: 15px;
  588.     font-weight: bold;
  589.     color: white;
  590.     cursor: pointer;
  591.     border-radius: 5px !important;
  592. box-shadow: none !important;
  593. background-color: #3498db;
  594. border: 1px solid red !important;
  595. }
  596. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text {
  597.     display: inline-block !important;
  598.     line-height: 23px !important;
  599.     word-spacing: 1px !important;
  600.     letter-spacing: 1px !important;
  601. }
  602. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text span {
  603.     display: inline-block !important;
  604.     width: 180px !important;
  605.     white-space: nowrap !important;
  606.     overflow: hidden !important;
  607.     font-size: 0 !important;
  608. }
  609. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text span:before {
  610.     content: "Install From Uso Archive" !important;
  611.     display: inline-block !important;
  612.     width: 180px !important;
  613.     white-space: nowrap !important;
  614.     overflow: hidden !important;
  615.     font-size: 12px !important;
  616. }
  617. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text br {
  618.     display: none!important;
  619. }
  620. /* (new231) PRO - AGAINST "PRO" USERSTYLES */
  621. .upgradeButton {
  622.     margin: 0 0 0 36px !important;
  623.     pointer-events: none !important;
  624. }
  625. .upgradeButton + style + #USOa {
  626.     position: absolute !important;
  627.     top: 0.1vh !important;
  628.     left: 54% !important;
  629.     padding: 0 3px !important;
  630. background: #111 !important;
  631. }
  632. .upgradeButton + style + #USOa.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text {
  633.     font-size: 10px !important;
  634.     line-height: 10px !important;
  635. color: white !important;
  636. }
  637. .upgradeButton + style + #USOa.customize_style_button.NOuninstall_stylish_style_button:hover {
  638.     font-size: 10px !important;
  639.     line-height: 10px !important;
  640.     padding: 5px !important;
  641.     border-radius: 5px !important;
  642.     transform: scale(1.5) !important;
  643.     z-index: 500 !important;
  644. }
  645. .upgradeButton span.crown {
  646.     position: relative !important;
  647.     display: inline-block !important;
  648.     flex-direction: unset !important;
  649.     justify-content: unset !important;
  650.     height: 100% !important;
  651.     min-height: 20px !important;
  652.     max-height: 20px !important;
  653.     width: 100% !important;
  654.     min-width: 20px !important;
  655.     max-width: 20px !important;
  656.     align-items: unset !important;
  657.     /*     border: 2px solid #7e5dff; */
  658.     border: none !important;
  659.     border-radius: 0px;
  660.     box-sizing: border-box;
  661.     /*     filter: drop-shadow(0px 0 8px rgba(0, 0, 0, 0.08)) !important; */
  662.     filter: none !important;
  663.     transform: scale(0.6) !important;
  664.     opacity: 0.6 !important;
  665. }
  666. .upgradeButton .crown:after {
  667.     content: "Install it with \A Gm 'INSTALL from USo'" !important;
  668.     display: inline-block !important;
  669.     position: absolute !important;
  670.     width: 100px !important;
  671.     margin: -4px 0 0 5px !important;
  672.     font-size: 16px !important;
  673.     white-space: pre !important;
  674. }
  675. .upgradeButton .crown:before {
  676.     content: "PRO" !important;
  677.     display: inline-block !important;
  678.     position: absolute !important;
  679.     width: 30px !important;
  680.     margin: 0px 0 0 -50px !important;
  681.     padding: 2px 5px !important;
  682.     border-radius: 3px !important;
  683.     font-size: 16px !important;
  684. color: white !important;
  685. background: red !important;
  686. }
  687. .upgradeButton .crown svg {
  688.     fill: peru !important;
  689.     stroke: red !important;
  690. }
  691. .premium-container {
  692.     align-items: center;
  693.     display: flex;
  694.     height: 10px !important;
  695. }
  696. .premium-container .us-premium {
  697.     display: flex;
  698.     flex-direction: row;
  699.     height: 10px !important;
  700.     line-height: 10px !important;
  701.     width: 55px !important;
  702.     left: 55px;
  703.     margin: 2px 0 0 -4px !important;
  704.     padding: 2px 5px 2px 3px !important;
  705.     font-size: 7px !important;
  706.     z-index: 2;
  707.     opacity: 0.6 !important;
  708. background-color: rgba(122, 89, 247, 0.37) !important;
  709. }
  710. #USOa > div {
  711.     font-size: 13px !important;
  712. }
  713.  
  714. /* ANNOUCEMENT */
  715. .announcement {
  716.     position: fixed;
  717.     width: 200px;
  718.     bottom: 0;
  719.     left: 11%;
  720.     padding: 5px;
  721.     border-radius: 3px;
  722.     background: black;
  723. }
  724.  
  725. #jslghtbx + iframe {
  726.     display: none !important;
  727. }
  728.  
  729. /* (new205) TEST - GREASYFOK - LIBRAY INSTAL LOADED CODE EMPTY 
  730. TEST LINK: https://greatest.deepsurf.us/fr/scripts/5679-wait-for-elements
  731. when test loading:
  732. https://greatest.deepsurf.us/scripts/5679-wait-for-elements/code/script.user.js#bypass=true
  733. ==== */
  734. body > pre:empty {
  735.     max-width: 98% !important;
  736.     margin-left: 0px;
  737.     padding: 5px 10px;
  738.     text-align: center !important;
  739. background-color: red !important;
  740. }
  741. body > pre:empty:after {
  742.     content: "Error Loading" !important;
  743.     width: auto !important;
  744.     margin-left: 0px;
  745.     padding: 5px 10px;
  746. background-color: blue !important;
  747. }
  748.  
  749. /* (new202) USERTYLES NEW DESIGN 2021.12 */
  750. #style-top-upvotes-wrapper {
  751.     color: peru !important;
  752. }
  753. /* (new216) INSTALL BUT */
  754. #top-buttons .left {
  755.     display: flex;
  756.     align-items: center;
  757.     justify-content: center;
  758.     height: 20px;
  759.     line-height: 15px !important;
  760.     margin-right: 0px !important;
  761.     font-size: 12px !important;
  762.     border-radius: 24px 0 0 24px !important;
  763. border: 1px solid peru !important;
  764. }
  765. /* FOR ME and OTHERS */
  766. .install_style_button {
  767.     display: flex;
  768.     align-items: center;
  769.     justify-content: center;
  770.     width: 100% !important;
  771.     height: 20px;
  772.     line-height: 15px !important;
  773.     margin-right: 0px !important;
  774.     font-size: 12px !important;
  775.     border-radius: 24px 0 0 24px !important;
  776. border: 1px solid peru !important;
  777. }
  778.  
  779.  
  780. #install_stylish_style_button > div:last-of-type,
  781. #top-buttons .left,
  782. #install_style_button,
  783. .install_style_button {
  784.     line-height: 15px !important;
  785.     font-size: 12px !important;
  786. }
  787.  
  788. /* #install_stylish_style_button>div:last-of-type */
  789. /* (new233) CUSTOMIZE BUTTON */
  790. .customize_style_button {
  791.     display: inline-block !important;
  792.     align-items: center;
  793.     justify-content: center;
  794.     height: 18px !important;
  795.     line-height: 18px !important;
  796.     margin-right: 0px !important;
  797.     padding: 0 2px !important;
  798.     font-size: 12px !important;
  799.     border-radius: 0 0 0 0 !important;
  800. border: 1px solid peru !important;
  801. }
  802. #USOa.customize_style_button > a > span {
  803.     display: inline-block !important;
  804. color: red !important;
  805. }
  806. #USOa.customize_style_button > a > span > br {
  807.     display: none !important;
  808. }
  809.  
  810. .customize_style_button .settingsIcon {
  811.     width: 13px !important;
  812.     margin-right: 4px !important;
  813.     border-radius: 100%;
  814. background: #807979 !important;
  815. }
  816. .customize_style_button .customize_button_text.no-select {
  817.     font-size: 13px !important;
  818.     font-weight: normal;
  819.     line-height: 19px;
  820. }
  821. /* THUMB UP - ALL */
  822. #style-top-upvotes-wrapper .like-button {
  823.     display: flex;
  824.     align-items: center;
  825.     justify-content: center;
  826.     width: 25px !important;
  827.     height: 20px;
  828.     margin-left: -3px !important;
  829.     border-radius: 0 24px 24px 0 !important;
  830. border: 1px solid peru !important;
  831. }
  832.  
  833. #style-top-upvotes-wrapper .like-button.regular-button {
  834.     background: #111 !important;
  835.     border: 1px solid peru !important;
  836. }
  837. #style-top-upvotes-wrapper .like-image {
  838.     height: 15px !important;
  839.     width: 15px !important;
  840. }
  841.  
  842. .arrow-icon,
  843. .comment-content .top img.more-actions,
  844. #style-top-upvotes-wrapper img:not([src="/ui/images/icons/like-white.svg"]) {
  845.     filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
  846. }
  847. #style-top-upvotes-wrapper.can-vote:hover .button-wrapper {
  848.     display: inline-block !important;
  849. }
  850. #style-top-upvotes-wrapper:hover .like-hover {
  851.     display: none !important;
  852. }
  853. #style-top-upvotes-wrapper .style-count {
  854.     display: none !important;
  855. }
  856.  
  857. .comment-content .more-actions-wrapper .more-actions-list {
  858.     display: flex;
  859.     flex-direction: column;
  860.     position: absolute;
  861.     right: 0;
  862.     top: 15px;
  863.     padding: 2px 5px !important;
  864.     border-radius: 3px !important;
  865.     z-index: 100 !important;
  866. background-color: #111 !important;
  867. }
  868. #top-buttons {
  869.     position: absolute;
  870.     align-items: unset;
  871.     display: inline-block !important;
  872.     justify-content: unset;
  873.     width: 18vw !important;
  874.     margin: 0;
  875.     top: 4.8vh !important;
  876.     left: 30.4% !important;
  877.     margin-right: 0px !important;
  878.     padding: 0 2px !important;
  879.     z-index: 1 !important;
  880. }
  881. #top-buttons .left {
  882.     align-items: center;
  883.     display: flex;
  884.     justify-content: flex-start;
  885. }
  886. #top-buttons .left #install_button {
  887.     top: 1px !important;
  888. }
  889. #top-buttons .right {
  890.     position: absolute;
  891.     margin: 0;
  892.     top: 0px !important;
  893.     left: 100% !important;
  894.     z-index: 1 !important;
  895. }
  896.  
  897. /* (new219) USERTYLES - LISTE */
  898. .us-stylecard--short {
  899.     display: inline-block;
  900.     box-sizing: border-box;
  901.     height: 294px;
  902.     width: 280px;
  903.     padding: 0px !important;
  904.     overflow: hidden;
  905.     transition: all 0.2s ease 0s;
  906.     border-radius: 4px;
  907. box-shadow: none !important;
  908. background-color: transparent !important;
  909. border: 1px solid red !important;
  910. }
  911. .us-stylecard--short > a .us-stencil {
  912.     min-width: 277px !important;
  913.     max-width: 277px !important;
  914.     padding: 0px !important;
  915. border: 1px solid red !important;
  916. }
  917. .us-stylecard--short .us-container {
  918.     box-sizing: border-box;
  919.     width: 100%;
  920.     padding: 5px 0 0 5px;
  921.     overflow: hidden;
  922.     border-radius: 4px;
  923. background-color: #222 !important;
  924. }
  925.  
  926. /* (new223) LIGHTBOX */
  927. .lum-lightbox {
  928.     z-index: 5000000 !important;
  929. }
  930.  
  931. /* DISC HEIGHT HOV - == */
  932. .discussion-list-container .discussion-list-item:not(.filtered) {
  933.     height: auto !important;
  934.     overflow-y: auto;
  935. }
  936. .discussion-list-container .discussion-list-item:not(.filtered) .rating-icon {
  937.     float: left;
  938. }
  939. .discussion-list-container .discussion-list-item:not(.filtered) .discussion-snippet {
  940.     display: inline-block !important;
  941.     height: 100% !important;
  942.     min-height: 35px !important;
  943.     max-height: 35px !important;
  944.     line-height: 18px !important;
  945.     width: 100% !important;
  946.     margin-top: -5px !important;
  947.     overflow: hidden;
  948.     mask-image: linear-gradient(to top, transparent 5%, black 70%);
  949. border-right: 1px solid yellow !important;
  950. }
  951. .discussion-list-container .discussion-list-item:not(.filtered) .rating-icon + .discussion-snippet {
  952.     width: 98.2% !important;
  953. border-right: 1px solid aqua !important;
  954. }
  955. .discussion-list-container .discussion-list-item:not(.filtered) .discussion-snippet:last-of-type:hover {
  956.     max-height: 100% !important;
  957.     mask-image: linear-gradient(180deg, #000 100%, transparent);
  958. border-right: 1px solid red !important;
  959. }
  960.  
  961. /* DISC READ */
  962. .discussion-list-container a.discussion-title {
  963.     height: auto;
  964.     padding: 5px;
  965. border: 1px solid #222;
  966. }
  967. .discussion-list-logged-in .discussion-list-container.discussion-read {
  968.     background-color: #222;
  969. }
  970. .discussion-list-logged-in .discussion-read {
  971.     background-color: #222;
  972. }
  973. .discussion-list-logged-in .discussion-read a.discussion-title {
  974.     background-color: black;
  975.     border: 1px solid #222;
  976. }
  977. .discussion-list-logged-in .discussion-not-read a.discussion-title {
  978.     border: 1px solid #333;
  979. }
  980.  
  981. /* GREASY RE EDIT COM PAGE */
  982. #vanilla_post_editcomment #Content {
  983.     width: 99%;
  984.     float: none;
  985.     margin: -30px 0 0 -5px;
  986.     padding: 5px;
  987.     text-align: center !important;
  988. }
  989. #vanilla_post_editcomment #Content .FormWrapper > form {
  990.     margin-left: 0px;
  991. }
  992.  
  993. /* (new333 !important;) "SuperPreLoader Plus " -  "SupPreloader" */
  994. #sp-fw-container {
  995.     text-align: left;
  996.     z-index: 5000000 !important;
  997. }
  998. #sp-fw-container:not(:hover) {
  999.     visibility: hidden;
  1000. }
  1001. #sp-fw-rect:not(:hover) {
  1002.     visibility: visible;
  1003. }
  1004. /* SUPER LOADER - ALL */
  1005. .sp-separator {
  1006.     float: left !important;
  1007.     width: 39%;
  1008.     left: 33% !important;
  1009.     margin-bottom: 0px;
  1010.     margin-top: 0px;
  1011.     filter: invert(1);
  1012.     z-index: 10 !important;
  1013. }
  1014. /* SUPER LOADER - DISC */
  1015. .sp-separator ~ .width-constraint .sidebarred .discussion-list {
  1016.     margin-top: 0px !important;
  1017. }
  1018. .discussion-list + .sp-separator {
  1019.     width: 59%;
  1020.     left: 23% !important;
  1021.     margin-bottom: -42px !important;
  1022.     margin-top: 5px;
  1023. }
  1024.  
  1025. /* WITHOUT CITRUS */
  1026. .script-list .sp-separator {
  1027.     width: 49%;
  1028.     left: 25%;
  1029.     margin-bottom: 0px;
  1030.     margin-top: 0px;
  1031. }
  1032. .Vanilla.Discussions #sp-fw-container + .sp-separator span,
  1033. .Vanilla.Discussions #sp-fw-container + .sp-separator a.sp-sp-nextlink > span,
  1034. .Vanilla.Discussions #sp-fw-container + .sp-separator a.sp-sp-nextlink,
  1035.  
  1036. #sp-fw-container + .sp-separator span,
  1037. #sp-fw-container + .sp-separator a.sp-sp-nextlink > span,
  1038. #sp-fw-container + .sp-separator a.sp-sp-nextlink {
  1039.     text-shadow: none !important;
  1040.     color: peru;
  1041. }
  1042. /* !important; */
  1043. .Vanilla.Discussions .sp-separator {
  1044.     width: 38%;
  1045.     left: 36% !important;
  1046. }
  1047.  
  1048. /* "SUPP" - SRIPT PAG - COM */
  1049. #sp-fw-container + .sp-separator ~ .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty):not(#no-discussions):not(#support-url):not(#contribution),
  1050. #sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content > p#support-url,
  1051. #sp-fw-container + .sp-separator ~ .width-constraint #contribution,
  1052. #sp-fw-container + .sp-separator ~ .width-constraint #discussions + .pagination + p,
  1053. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div + p + form,
  1054. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div + p,
  1055. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div,
  1056. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters {
  1057.     display: none;
  1058.     visibility: hidden;
  1059. }
  1060. #sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content {
  1061.     margin-top: 35px;
  1062. }
  1063.  
  1064. /* GREAS - BAN BADGE */
  1065. .badge-banned {
  1066.     float: left;
  1067.     margin-right: -16%;
  1068.     margin-left: 19%;
  1069. }
  1070. /* NEW FORUM DESIGN */
  1071. .width-constraint #discussions li[class^="discussion-"] {
  1072.     margin-bottom: 5px;
  1073.     font-size: 15px;
  1074. border: 1px solid red;
  1075. }
  1076. .width-constraint #discussions li[class^="discussion-"] > a[href*="/scripts/"]:first-of-type::before {
  1077.     content: "X";
  1078.     display: inline-block;
  1079.     position: relative;
  1080.     height: 18px;
  1081.     line-height: 18px;
  1082.     width: 18px;
  1083.     margin-left: -8px;
  1084.     top: 0px;
  1085. color: transparent;
  1086. background: transparent url("http://userscripts-mirror.org/images/script_icon.png") no-repeat scroll 1px 1px;
  1087. }
  1088. .width-constraint #discussions li[class^="discussion-"] > a:nth-child(2) {
  1089.     display: inline-block;
  1090.     position: relative;
  1091.     width: 98%;
  1092.     margin-left: 10px;
  1093.     top: -20px;
  1094. }
  1095. .width-constraint #discussions li[class^="discussion-"] > time:first-of-type,
  1096. .width-constraint #discussions li[class^="discussion-"] > time:last-of-type {
  1097.     display: inline-block;
  1098.     text-align: center;
  1099.     white-space: nowrap;
  1100.     width: 125px;
  1101.     margin: 0px;
  1102. }
  1103. /* PREVIEW LINK */
  1104. .DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"] {
  1105.     position: absolute;
  1106.     max-width: 55px;
  1107.     min-width: 55px;
  1108.     line-height: 15px;
  1109.     min-height: 15px;
  1110.     max-height: 15px;
  1111.     top: 0;
  1112.     right: 5px;
  1113.     padding: 0px 5px;
  1114.     text-align: right;
  1115.     transition: all ease 0.7s;
  1116. color: white;
  1117. background: gold;
  1118. }
  1119. .DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"]:hover {
  1120.     max-width: 195px;
  1121.     min-width: 195px;
  1122.     transition: all ease 0.7s;
  1123. color: green;
  1124. background: gold;
  1125. }
  1126. .DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"]:hover:before {
  1127.     content: "New Forum: ";
  1128. }
  1129. /* (new204) IMAGES - VOIR TEXT OVERFLOW */
  1130. .user-content > p:not(:empty) {
  1131.     position: relative !important;
  1132.     display: inline-block !important;
  1133.     margin: auto !important;
  1134.     min-width: 920px;
  1135.     max-width: 920px;
  1136.     text-align: left !important;
  1137. }
  1138. .user-content > p > img {
  1139.     margin-top: 20px !important;
  1140.     margin-bottom: 20px !important;
  1141.     max-width: 920px;
  1142. border: 1px solid red;
  1143. }
  1144.  
  1145. /* (new219) TEXT OVERFLOW GRAS - COLOR GOLD */
  1146. .user-content > p > b {
  1147.     position: relative !important;
  1148.     margin: 0 !important;
  1149.     max-width: 920px;
  1150.     text-align: left !important;
  1151.     overflow: hidden!important;
  1152.     white-space: pre-wrap !important;
  1153.     word-wrap: break-word !important;
  1154. color: gray !important;
  1155. }
  1156.  
  1157. /* PERMLINK ? */
  1158. #comment- .comment-meta-item a.self-link,
  1159. #comment- .comment-meta-item a.self-link:visited {
  1160.     opacity: 0.5;
  1161. color: gold;
  1162. background: red;
  1163. }
  1164.  
  1165. /* PERMLINK - IN DISC */
  1166. .comment {
  1167.     margin-bottom: 10px;
  1168. }
  1169. .comment-meta {
  1170.     background: #333;
  1171. }
  1172. .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item,
  1173. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item {
  1174.     display: inline-block;
  1175.     height: 15px;
  1176.     line-height: 15px;
  1177.     margin: 0px 0 0 20px !important;
  1178.     padding: 1px 2px;
  1179.     border-radius: 5px;
  1180.     border: 1px solid gray;
  1181. }
  1182. .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item a.self-link,
  1183. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item a.self-link {
  1184.     opacity: 1 !important;
  1185. color: white !important;
  1186. }
  1187.  
  1188.  
  1189. .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item,
  1190. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item {
  1191.     position: relative;
  1192.     display: inline-block !important;
  1193.     font-size: 15px !important;
  1194.     visibility: visible !important;
  1195.     opacity: 1 !important;
  1196. }
  1197.  
  1198.  
  1199. /* PERMLINK - ARROW */
  1200. .comment-meta-item.comment-meta-item-main + .comment-meta-item:before,
  1201. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:before {
  1202.     content: "";
  1203.     position: absolute;
  1204.     width: 0;
  1205.     height: 0;
  1206.     margin-top: -25px;
  1207.     margin-left: 0%;
  1208.     opacity: 0;
  1209.     visibility: hidden;
  1210.     transition: all 0.4s ease 0s;
  1211. border-left: 5px solid transparent;
  1212. border-right: 5px solid transparent;
  1213. border-top: 6px solid #ffcb66;
  1214. }
  1215. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover:before,
  1216. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover:before {
  1217.     margin-top: -10px !important;
  1218.     opacity: 1 !important;
  1219.     visibility: visible !important;
  1220. }
  1221. /* (new229) TXT PERMALINK */
  1222. .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item:after,
  1223. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item:after {
  1224.     content: "Permalink";
  1225.     position: absolute;
  1226.     height: 10px;
  1227.     line-height: 8px;
  1228.     bottom: 152%;
  1229.     left: -27.5%;
  1230.     padding: 2px 5px;
  1231.     border-radius: 5px;
  1232.     white-space: nowrap;
  1233.     transition: all 0.4s ease 0s;
  1234.     pointer-events: none;
  1235.     opacity: 0;
  1236.     visibility: hidden;
  1237. color: black;
  1238. background: #ffcb66;
  1239. }
  1240. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after,
  1241. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:before,
  1242. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after,
  1243. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:before {
  1244.     opacity: 1;
  1245.     visibility: visible;
  1246. }
  1247. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after,
  1248. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after {
  1249.     bottom: 158%;
  1250. }
  1251. /* (new219) NEW FORUM - SCRIPT INFO */
  1252. #script-info ul#script-links + header + #script-content .script-discussion-list {
  1253.     margin-top: 10px;
  1254.     padding: 0px 20px;
  1255. }
  1256. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]) + .script-discussion-list {
  1257.     margin: 60px 0 0px 0;
  1258.     padding: 0px 20px;
  1259. }
  1260. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]) + .script-discussion-list .discussion-list-item {
  1261.     padding-top: 10px;
  1262. border-left: 3px solid peru;
  1263. border-right: 3px solid peru;
  1264. background: #333;
  1265. }
  1266. #script-info #discussions li[class^="discussion-"] > a[href*="/users/"]:nth-child(2) {
  1267.     position: relative;
  1268.     display: inline-block;
  1269.     width: auto;
  1270.     margin-left: 30px;
  1271.     top: 0px;
  1272. }
  1273. #script-info #discussions li[class^="discussion-"] > time:first-of-type,
  1274. #script-info #discussions li[class^="discussion-"] > time:last-of-type {
  1275.     position: relative;
  1276.     display: inline-block;
  1277.     margin-top: -40px;
  1278.     text-align: center;
  1279.     white-space: nowrap;
  1280.     font-size: 12px;
  1281. }
  1282. .discussion-header {
  1283.     margin-bottom: 5px;
  1284.     margin-top: 5px;
  1285. border-bottom: 1px solid red;
  1286. }
  1287. .comment,
  1288. #script-info #script-content .comment {
  1289.     padding: 5px;
  1290. border-left: 3px solid peru;
  1291. border-right: 3px solid peru;
  1292. }
  1293. .comment .user-content,
  1294. #script-info #script-content .comment .comment-meta + .user-content {
  1295.     padding: 5px;
  1296. border: 1px solid #333;
  1297. background: #222;
  1298. }
  1299. .comment .user-content pre,
  1300. #script-info #script-content .comment .comment-meta + .user-content pre {
  1301.     padding: 5px;
  1302. border: 1px solid #333;
  1303. background: #333;
  1304. }
  1305. .comment-meta-item.comment-meta-item-main a {
  1306.     display: inline-block !important;
  1307.     text-align: left;
  1308.     white-space: nowrap !important;
  1309. }
  1310.  
  1311. /* NEW FORUM - ADD COM */
  1312. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) {
  1313.     position: relative;
  1314.     display: inline-block;
  1315.     width: 100%;
  1316.     max-width: 99%;
  1317.     min-width: 99%;
  1318.     margin-top: 0px;
  1319.     margin-bottom: 0px;
  1320. }
  1321. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p:not(:empty) {
  1322.     position: relative;
  1323.     display: inline-block;
  1324.     width: 99%;
  1325.     margin-top: -30px;
  1326. border: 1px dotted yellow;
  1327. }
  1328. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form:not([action*="/script_sets/add_to_set"]) {
  1329.     position: relative;
  1330.     display: inline-block;
  1331.     height: 100%;
  1332.     min-height: 400px;
  1333.     max-height: 100%;
  1334.     width: 98%;
  1335.     padding: 5px;
  1336. border: 1px solid tomato;
  1337. }
  1338. /* NEW FORUM - ADD FAV */
  1339. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters {
  1340.     position: relative;
  1341.     display: inline-block;
  1342.     width: 98%;
  1343.     margin: 0px;
  1344. border: 1px dotted aqua;
  1345. }
  1346. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div {
  1347.     position: relative;
  1348.     display: inline-block;
  1349.     margin-top: -20px;
  1350. border: 1px dotted aqua;
  1351. }
  1352. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p:not(:empty) {
  1353.     margin: 0;
  1354. }
  1355. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p:empty,
  1356. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p + form + p:empty {
  1357.     height: 0;
  1358.     margin: 0;
  1359.     border-radius: 4px;
  1360.     padding: 0px;
  1361.     text-align: center;
  1362. background-color: red;
  1363. }
  1364.  
  1365. /* END - NEW FORUM  ===== */
  1366. /* (new211) CREATE - ERROR PAGE */
  1367. .PageContent > form[enctype="multipart/form-data"][action="/styles/create"] {
  1368.     width: 1333px !important;
  1369.     height: 90vh !important;
  1370.     margin-left: 356px !important;
  1371.     overflow: hidden !important;
  1372.     overflow-y: auto !important;
  1373. }
  1374. .PageContent > form[enctype="multipart/form-data"][action="/styles/create"] .errorExplanation {
  1375.     position: fixed !important;
  1376.     width: 346px !important;
  1377.     top: 26% !important;
  1378.     left: 0 !important;
  1379.     padding: 5px !important;
  1380.     color: white !important;
  1381.     background-color: #f88;
  1382. }
  1383. /* USERST  EDIT CODE - ERROR MESS */
  1384. .PageContent > form[action="/styles/update"] .errorExplanation {
  1385.     position: absolute;
  1386.     width: 16%;
  1387.     left: 14px;
  1388. background-color: white;
  1389. }
  1390. .PageContent > form[action="/styles/update"] .errorExplanation ~ .form-controls textarea[id="css"] {
  1391.     max-width: 900px;
  1392.     min-width: 800px;
  1393.     min-height: 187px;
  1394.     margin: 0 0 0 2% !important;
  1395. }
  1396. /* LIGHTBOX */
  1397. .jslghtbx.jslghtbx-nooverflow:not(.jslghtbx-active) {
  1398.     overflow: hidden;
  1399.     z-index: -10;
  1400.     visibility: hidden;
  1401. }
  1402. .jslghtbx.jslghtbx-active {
  1403.     z-index: 5000000;
  1404. background-color: black;
  1405. }
  1406. /* ALERTE MES - BUGS - FORUM USERST */
  1407. .DismissMessage {
  1408.     position: absolute;
  1409.     width: 18%;
  1410.     right: 5px;
  1411. }
  1412. .DismissMessage.AlertMessage {
  1413.     top: 40px;
  1414.     visibility: hidden;
  1415.     border: 1px solid #deddaf;
  1416. }
  1417. .AlertMessage:hover {
  1418.     visibility: visible;
  1419.     z-index: 5000;
  1420. }
  1421. .AlertMessage:not(:hover):before {
  1422.     content: "⚠️ Bugs report";
  1423.     position: fixed;
  1424.     right: 5px;
  1425.     visibility: visible;
  1426. color: gold;
  1427. background: red;
  1428. }
  1429. /* USERST - AVATAR MESS */
  1430. .DismissMessage.InfoMessage {
  1431.     position: absolute;
  1432.     right: 5px;
  1433.     top: 70px;
  1434.     visibility: hidden;
  1435. }
  1436. .DismissMessage.InfoMessage:hover {
  1437.     visibility: visible;
  1438.     z-index: 5000;
  1439. }
  1440. .DismissMessage.InfoMessage:not(:hover):before {
  1441.     content: "⚠️ Avatar PB";
  1442.     position: fixed;
  1443.     right: 5px;
  1444.     visibility: visible;
  1445. color: gold;
  1446. background: red;
  1447. }
  1448. /* GREASY - FORUM - SELECT BOX */
  1449. .selectBox-main {
  1450.     position: absolute;
  1451.     display: inline-block;
  1452.     justify-content: unset;
  1453.     margin-left: 31px;
  1454.     z-index: 500;
  1455. }
  1456. .ToggleFlyout.selectBox.selectBox-following > span.selectBox-label {
  1457.     cursor: pointer;
  1458.     margin-right: 5px;
  1459.     position: relative;
  1460.     font-size: 0;
  1461. }
  1462. .ToggleFlyout.selectBox > span.selectBox-label:before {
  1463.     content: " ";
  1464.     position: relative;
  1465.     display: inline-block;
  1466.     width: 20px;
  1467.     height: 15px;
  1468.     margin-right: 5px;
  1469.     margin-left: 5px;
  1470.     top: 3px;
  1471.     background-color: rgba(55, 173, 227, 0.4);
  1472.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1473.     background-position: 3px -650px;
  1474.     background-repeat: no-repeat;
  1475. }
  1476. .ToggleFlyout.selectBox.selectBox-following .selectBox-content {
  1477.     left: 100%;
  1478.     margin-left: -29px;
  1479.     margin-top: 10px;
  1480. }
  1481.  
  1482. /* PersProf/UserProf PAGES - OK CITRUS */
  1483. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content:not(#user-library-list-section),
  1484. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content:not(#user-library-list-section),
  1485. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section:not(#user-library-list-section) {
  1486.     display: none;
  1487. }
  1488. /* (new214) LIBRARY IN PROFILE - NO CITRUS */
  1489. .sidebarred .sidebarred-main-content section#user-library-list-section {
  1490.     position: fixed;
  1491.     display: inline-block !important;
  1492.     max-height: 24px !important;
  1493.     min-height: 24px !important;
  1494.     line-height: 24px !important;
  1495.     width: 100%;
  1496.     min-width: 23px !important;
  1497.     max-width: 23px !important;
  1498.     left: 39%;
  1499.     top: 6vh !important;
  1500.     padding: 0;
  1501.     font-size: 15px;
  1502.     white-space: nowrap;
  1503.     overflow: hidden;
  1504.     z-index: 500;
  1505.     transition: all 0.2s ease 0s;
  1506. border: 1px solid red;
  1507. }
  1508.  
  1509. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content section#user-library-list-section,
  1510. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content section#user-library-list-section,
  1511. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section {
  1512.     position: fixed;
  1513.     display: inline-block !important;
  1514.     max-height: 20px !important;
  1515.     min-height: 20px !important;
  1516.     line-height: 24px !important;
  1517.     width: 100%;
  1518.     min-width: 23px !important;
  1519.     max-width: 23px !important;
  1520.     left: 39%;
  1521.     top: 3.6vh !important;
  1522.     padding: 0;
  1523.     font-size: 15px;
  1524.     white-space: nowrap;
  1525.     overflow: hidden;
  1526.     z-index: 500;
  1527.     transition: all 0.2s ease 0s;
  1528. border: 1px solid red;
  1529. }
  1530. /* (new214) HOVER - Not GM */
  1531. .sidebarred .sidebarred-main-content #user-library-list-section:hover {
  1532.     position: fixed !important;
  1533.     display: inline-block !important;
  1534.     max-height: 400px !important;
  1535.     min-width: 49.8% !important;
  1536.     max-width: 49.8% !important;
  1537.     left: 23.5%;
  1538.     top: 5.6vh !important;
  1539.     padding: 35px 0 0 30px !important;
  1540.     overflow-y: auto !important;
  1541.     z-index: 5000 !important;
  1542.     background: #111 !important;
  1543. border: 1px solid red !important;
  1544. }
  1545. /* (new214) HOVER - GM */
  1546. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover,
  1547. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover,
  1548. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover {
  1549.     position: fixed !important;
  1550.     display: inline-block !important;
  1551.     max-height: 400px !important;
  1552.     min-width: 49.5% !important;
  1553.     max-width: 49.5% !important;
  1554.     left: 24%;
  1555.     padding: 0 0 0 30px !important;
  1556.     overflow-y: auto !important;
  1557.     z-index: 5000 !important;
  1558. border: 1px solid red !important;
  1559. }
  1560. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-deleted-script-list-section:not(:hover) h3,
  1561. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-sectionn:not(:hover) h3 {
  1562.     display: none !important;
  1563. }
  1564. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3 {
  1565.     position: fixed !important;
  1566.     display: inline-block !important;
  1567.     height: 25px;
  1568.     line-height: 25px;
  1569.     width: 100%;
  1570.     max-width: 49.6%;
  1571.     min-width: 49.6%;
  1572.     margin-left: 0% !important;
  1573.     left: 24.2% !important;
  1574.     top: 6.8vh !important;
  1575.     padding: 1px 1px 1px 20px;
  1576.     border-radius: 5px 5px 0 0;
  1577.     font-size: 15px !important;
  1578.     text-align: center;
  1579.     z-index: 50000000 !important;
  1580.     pointer-events: none;
  1581. 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);
  1582. }
  1583.  
  1584. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3,
  1585. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3 {
  1586.     position: fixed !important;
  1587.     display: inline-block !important;
  1588.     height: 25px;
  1589.     line-height: 25px;
  1590.     width: 100%;
  1591.     max-width: 48.2%;
  1592.     min-width: 48.2%;
  1593.     margin-left: 0% !important;
  1594.     left: 25.7% !important;
  1595.     top: 7.5vh !important;
  1596.     padding: 1px 1px 1px 20px;
  1597.     border-radius: 5px 5px 0 0;
  1598.     font-size: 15px !important;
  1599.     text-align: center;
  1600.     z-index: 50000000 !important;
  1601.     pointer-events: none;
  1602. 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);
  1603. }
  1604.  
  1605. /* (new214) LIBS - NOT HOVER */
  1606. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-sectionn:not(:hover) h3::before,
  1607. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-section:not(:hover) h3::before {
  1608.     content: "Lib" !important;
  1609.     position: absolute !important;
  1610.     display: inline-block !important;
  1611.     height: 24px;
  1612.     line-height: 28px;
  1613.     width: 23px;
  1614.     top: 3.2vh !important;
  1615.     left: 58.1% !important;
  1616.     font-size: 12px;
  1617.     text-align: right;
  1618.     background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1619.     background-position: -2px center;
  1620.     background-repeat: no-repeat;
  1621.     background-size: contain;
  1622.     z-index: 500000 !important;
  1623. color: red;
  1624. background-color: green !important;
  1625. }
  1626.  
  1627. /* (new214) LIBS - HOVER */
  1628. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover header,
  1629. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover header,
  1630. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover header {
  1631.     margin-top: 29px !important;
  1632. }
  1633.  
  1634. .sidebarred .sidebarred-main-content #user-library-list-section:hover h3::before,
  1635.  
  1636. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover h3::before,
  1637. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover h3::before,
  1638. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3::before {
  1639.     top: 6px !important;
  1640.     left: 2px !important;
  1641. color: gold;
  1642. background-color: red;
  1643. }
  1644.  
  1645. .sidebarred .sidebarred-main-content #user-library-list-section ol#user-library-script-list.script-list,
  1646.  
  1647. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section ol#user-library-script-list.script-list,
  1648. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section ol#user-library-script-list.script-list,
  1649. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section ol#user-library-script-list.script-list {
  1650.     width: 100% !important;
  1651. }
  1652.  
  1653. /* USERCSS - ICONS - NO CITRUS - === *
  1654. /* JS / CSS  - NO CITRUS */
  1655. a[href*="help/installing-user-scripts"]::before,
  1656. .install-link + a[href*="/help/installing-user-styles"]::before,
  1657. #browse-script-list > li[data-script-language="js"]::before,
  1658. li[data-script-language="js"]::before,
  1659. #browse-script-list > li[data-script-language="css"]::before,
  1660. li[data-script-language="css"]::before {
  1661.     content: "X";
  1662.     float: left;
  1663.     clear: none;
  1664.     width: 23px;
  1665.     height: 23px;
  1666.     line-height: 24px;
  1667.     margin-left: -31px;
  1668.     margin-top: 5px;
  1669.     margin-bottom: -20px;
  1670.     border-radius: 3px;
  1671.     color: transparent;
  1672.     background-size: contain;
  1673.     background-position: center center;
  1674.     background-repeat: no-repeat;
  1675. }
  1676. /* SCRIPT - NO CITRUS */
  1677. #browse-script-list > li[data-script-language="js"]::before,
  1678. li[data-script-language="js"]::before {
  1679.     background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1680.     background-color: #222;
  1681. }
  1682. /* "?" HELP JS/CSS */
  1683. a[href*="/help/installing-user-scripts"],
  1684. .install-link + a[href*="/help/installing-user-styles"] {
  1685.     padding: 7px 5px 7px 18px;
  1686. }
  1687. a[href*="/help/installing-user-scripts"]::before,
  1688. .install-link + a[href*="/help/installing-user-styles"]::before {
  1689.     width: 15px;
  1690.     height: 15px;
  1691.     line-height: 24px;
  1692.     margin-left: -17px;
  1693.     margin-right: -25px;
  1694.     margin-top: 3px;
  1695. }
  1696. .install-link + a[href*="/help/installing-user-styles"]::before {
  1697.     background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") !important;
  1698.     background-color: transparent
  1699. }
  1700. a[href*="/help/installing-user-scripts"]::before {
  1701.     background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1702.     background-color: transparent
  1703. }
  1704.  
  1705. /* ADD VERS (+ DEL SCRIPT) - NO CITRUS */
  1706. ol#user-deleted-script-list {
  1707.     display: inline-block;
  1708.     width: 100%;
  1709.     max-width: 970px;
  1710.     min-height: 100%;
  1711.     margin-bottom: 0;
  1712.     padding: 0;
  1713.     text-align: left;
  1714.     box-shadow: none;
  1715. background: rgba(235, 24, 24, 0.26);
  1716. }
  1717. #user-deleted-script-list li:not(.ad-entry) {
  1718.     padding: 0.5em;
  1719. }
  1720. #user-deleted-script-list li:not(.ad-entry) h2 {
  1721.     display: inline-block !important;
  1722.     width: 100%;
  1723.     min-width: 100%;
  1724.     max-width: 100%;
  1725.     overflow: hidden;
  1726.     overflow-wrap: break-word;
  1727. }
  1728. #user-deleted-script-list > li::after,
  1729. #user-script-list > li::after {
  1730.     content: " version: "attr(data-script-version)"";
  1731.     display: inline-block;
  1732.     position: relative;
  1733.     width: 100px;
  1734.     bottom: 10px;
  1735.     right: -89%;
  1736.     padding: 1px 4px;
  1737.     font-size: 12px;
  1738.     border-radius: 5px;
  1739.     overflow: hidden;
  1740.     text-overflow: ellipsis;
  1741.     white-space: nowrap;
  1742. background-color: #111;
  1743. border: 1px solid #333;
  1744. }
  1745.  
  1746. /* ICON - CSS - NO CITRUS */
  1747. #browse-script-list > li[data-script-language="css"]::before,
  1748. li[data-script-language="css"]::before {
  1749.     background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952");
  1750.     background-color: green;
  1751. }
  1752. /* ICON - CSS as JS - NO CITRUS */
  1753. #browse-script-list > li[data-script-language="css"][data-css-available-as-js="true"]::before,
  1754. li[data-script-language="css"][data-css-available-as-js="true"]::before {
  1755.     content: "X";
  1756.     float: left;
  1757.     clear: none;
  1758.     width: 23px;
  1759.     height: 23px;
  1760.     line-height: 23px;
  1761.     margin-left: -31px;
  1762.     margin-top: 5px;
  1763.     margin-bottom: -20px;
  1764.     color: transparent;
  1765.     background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952"), url("http://userscripts-mirror.org/images/script_icon.png");
  1766.     background-size: 15px 15px;
  1767.     background-position: top left, bottom right;
  1768.     background-repeat: no-repeat;
  1769.     background-color: green;
  1770. }
  1771. /* USERCSS - ADD ICONS - CITRUS */
  1772. .lang-js:not(.prettyprint),
  1773. .lang-css:not(.prettyprint) {
  1774.     position: relative;
  1775.     display: inline-block;
  1776.     vertical-align: middle;
  1777.     margin-top: 0;
  1778.     width: 15px;
  1779.     height: 15px;
  1780.     line-height: 15px;
  1781.     margin-left: 5px;
  1782.     margin-right: 5px;
  1783.     border-radius: 3px;
  1784.     background-size: 13px 13px;
  1785.     background-position: center center;
  1786.     background-repeat: no-repeat;
  1787. }
  1788. /* ICON - JS SCRIPT - CITRUS */
  1789. .lang-js:not(.prettyprint) {
  1790.     background-image: url("http://userscripts-mirror.org/images/script_icon.png") !important;
  1791.     background-color: transparent;
  1792. }
  1793. /* ICON - CSS - CITRUS  */
  1794. .lang-css:not(.prettyprint) {
  1795.     background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") !important;
  1796.     background-color: green !important;
  1797. }
  1798. /* ICON - JS / CSS - CITRUS */
  1799. [pagetype="ListingPage"] .lang-js:not(.prettyprint),
  1800. [pagetype="UserProfile"] .lang-js:not(.prettyprint),
  1801. [pagetype="UserProfile"] .lang-js:not(.prettyprint) {
  1802.     background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1803.     background-size: contain;
  1804.     background-position: center center;
  1805.     background-repeat: no-repeat;
  1806.     background-color: transparent;
  1807. }
  1808. [pagetype="ListingPage"] .lang-css,
  1809. [pagetype="UserProfile"] .lang-css,
  1810. [pagetype="UserProfile"] .lang-css {
  1811.     background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952");
  1812.     background-size: contain;
  1813.     background-position: center center;
  1814.     background-repeat: no-repeat;
  1815.     background-color: green;
  1816. }
  1817. /* CSS as JS - CITRUS */
  1818. [pagetype="ListingPage"] .usercssjs-true,
  1819. [pagetype="UserProfile"] .usercssjs-true,
  1820. [pagetype="PersonalProfile"] .usercssjs-true {
  1821.     position: relative;
  1822.     display: inline-block;
  1823.     vertical-align: middle;
  1824.     margin-top: 0;
  1825.     width: 23px;
  1826.     height: 15px;
  1827.     line-height: 15px;
  1828.     margin-left: 5px;
  1829.     margin-right: 5px;
  1830.     border-radius: 3px;
  1831.     background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952"), url("http://userscripts-mirror.org/images/script_icon.png");
  1832.     background-size: 10px 10px, 13px 13px;
  1833.     background-position: center left, center right;
  1834.     background-repeat: no-repeat;
  1835.     background-color: green;
  1836. }
  1837.  
  1838. /* SET */
  1839. html > body[pagetype="UserProfile"] #script-list-set,
  1840. html > body[pagetype="UserProfile"] #script-list-filter,
  1841. html > body[pagetype="UserProfile"] #script-list-sort,
  1842.  
  1843. html > body[pagetype="PersonalProfile"] #script-list-set,
  1844. html > body[pagetype="PersonalProfile"] #script-list-filter,
  1845. html > body[pagetype="PersonalProfile"] #script-list-sort,
  1846.  
  1847. html > body[pagetype="ListingPage"] #script-list-set,
  1848. html > body[pagetype="ListingPage"] #script-list-filter,
  1849. html > body[pagetype="ListingPage"] #script-list-sort {
  1850.     display: none;
  1851. }
  1852.  
  1853.  
  1854. /* (new248) 2FA - INDICATOR in PROFIL MENU */
  1855. ul#user-control-panel li a[href*="/users/edit_sign_in"]:after {
  1856.     content: "[2FA]" !important;
  1857.     margin: 0 0 0 10px !important;
  1858.     padding: 1px 5px;
  1859. color: white  !important;
  1860. background: green !important;
  1861. }
  1862.  
  1863. /* (new248) 2FA PAGES */
  1864. header#main-header + .width-constraint > section.text-content:not(.reportable):has([action*="/users/update_password"])  {
  1865.     display: inline-block;
  1866.     left: 0;
  1867.     width: 100% !important;
  1868.     min-height: 68vh !important;
  1869.     max-height: 18vh !important;
  1870.     line-height: 3vh !important;
  1871.     padding: 0 15px 0 15px !important;
  1872. background: #111;
  1873. border: 1px solid red !important;
  1874. }
  1875. header#main-header + .width-constraint > section.text-content:not(.reportable):has([action*="/users/update_password"]) form[action*="/users/update_password"]  {
  1876.     display: inline-block;
  1877.     left: 0;
  1878.     width: 98% !important;
  1879.     min-height: 18vh !important;
  1880.     max-height: 18vh !important;
  1881.     line-height: 3vh !important;
  1882.     padding: 0 0 0 15px !important;
  1883. background: #111;
  1884. border: 1px solid red !important;
  1885. }
  1886.  
  1887.  
  1888.  
  1889. /* (new247) SET - EDIT  - INFOS/ TIP =
  1890. not 2FA :has([action$="/users/confirm_2fa"])
  1891. :not(.reportable)
  1892. === */
  1893. header#main-header + .width-constraint > section.text-content:not(.reportable):not(:has([action$="/users/confirm_2fa"])):not(:has([action*="/users/update_password"])) > p:not(:empty),
  1894. header#main-header + .width-constraint > section.text-content:not(.reportable):not(:has([action$="/users/confirm_2fa"])):not(:has([action*="/users/update_password"])) > p:not(:empty) {
  1895.     position: fixed;
  1896.     top: 4.5vh;
  1897.     left: -1% !important;
  1898.     width: 22.3% !important;
  1899.     height: 8.5vh;
  1900.     line-height: 15px !important;
  1901.     padding: 0 5px !important;
  1902.     font-size: 15px !important;
  1903.     overflow: hidden;
  1904.     overflow-y: auto !important;
  1905.     z-index: 5000000 !important;
  1906. background: #111;
  1907. border: 1px solid aqua !important;
  1908. border-right: 4px solid red !important;
  1909. }
  1910. /* header#main-header + .width-constraint > section.text-content:not(.reportable:has([action*="/users/update_password"]) form */
  1911. /* (new243) SET - EDIT  - FIRST FORM (NAME /DESC) */
  1912. form.change-script-set > section:first-of-type {
  1913.     position: fixed;
  1914.     top: 15.5vh;
  1915.     left: 0;
  1916.     width: 23% !important;
  1917.     height: 41vh;
  1918.     overflow: hidden;
  1919.     overflow-y: hidden;
  1920. background: #111;
  1921. border: 1px solid red !important;
  1922. }
  1923. .change-script-set section {
  1924.     padding-bottom: 1em;
  1925. border-bottom: 1px solid red !important;
  1926. }
  1927. /* H3 */
  1928. form.change-script-set > section#script-set-scripts h3 {
  1929.     display: inline-block;
  1930.     left: 0;
  1931.     width: 17% !important;
  1932.     height: 3vh;
  1933.     line-height: 3vh !important;
  1934.     padding: 0 0 0 5px !important;
  1935. background: #111;
  1936. border: 1px solid red !important;
  1937. }
  1938. form.change-script-set > section#script-set-scripts h3 + p {
  1939.     display: inline-block;
  1940.     left: 0;
  1941.     width: 80% !important;
  1942.     height: 3vh;
  1943.     line-height: 3vh !important;
  1944.     padding: 0 0 0 5px !important;
  1945. background: #111;
  1946. border: 1px solid red !important;
  1947. }
  1948.  
  1949. /* (new244) SET - EDIT  - SAVE BUTTON =
  1950. :not(#about-user) */
  1951. form.change-script-set [name="save"] {
  1952.     position: fixed;
  1953.     top: 15.5vh;
  1954.     left: 5% !important;
  1955.     width: 5% !important;
  1956.     height: 2vh;
  1957.     overflow: hidden;
  1958.     overflow-y: hidden;
  1959. background: green;
  1960. border: 1px solid red !important;
  1961. }
  1962. /* HOVER */
  1963. form.change-script-set [name="save"]:hover {
  1964.     cursor: pointer !important;
  1965. background: gold;
  1966. border: 1px solid red !important;
  1967. }
  1968. /* (new244) SET - EDIT - DELETE SET BUTTON */
  1969. .change-script-set + form[data-confirm] {
  1970.     position: fixed;
  1971.     display: inline-block !important;
  1972.     top: 15.5vh;
  1973.     left: 13% !important;
  1974.     width: 190px !important;
  1975.     height: 2vh;
  1976.     overflow: hidden;
  1977.     overflow-y: hidden;
  1978. }
  1979. .change-script-set + form[data-confirm] > p {
  1980.     display: inline-block !important;
  1981.     width: 100% !important;
  1982.     height: 2vh !important;
  1983.     line-height: 2vh !important;
  1984.     margin: 0vh 0 0 0 !important;
  1985. }
  1986.  
  1987. .change-script-set + form[data-confirm] > p > input[type="submit"] {
  1988.     position: absolute;
  1989.     display: inline-block !important;
  1990.     width: 100% !important;
  1991.     height: 2vh !important;
  1992.     line-height: 1vh !important;
  1993.     top: 0 !important;
  1994. background: red;
  1995. border: 1px solid red !important;
  1996. }
  1997. /* HOVER */
  1998. .change-script-set + form[data-confirm] > p > input[type="submit"]:hover {
  1999.     cursor: pointer !important;
  2000.     background: gold;
  2001.     border: 1px solid red !important;
  2002. }
  2003.  
  2004. /* (new245) SET - EDIT  - LIST CACULATED SCRIPTS */
  2005. section#script-set-auto-script-sets + section {
  2006.     position: fixed;
  2007.     top: 7vh;
  2008.     right: 0;
  2009.     width: 24% !important;
  2010.     height: 89vh;
  2011.     overflow: hidden;
  2012.     overflow-y: hidden;
  2013. background: #111;
  2014. border: 1px solid red !important;
  2015. }
  2016. section#script-set-auto-script-sets + section ul {
  2017.     height: 84vh;
  2018.     padding-bottom: 2vh !important;
  2019.     overflow: hidden;
  2020.     overflow-y: hidden;
  2021.     overflow-y: auto;
  2022. background: #111;
  2023. border: 1px solid red !important;
  2024. }
  2025.  
  2026. /* USERCSS - INSTALL BUTTON */
  2027. #script-info #install-area .install-link + .install-help-link + .install-link + a,
  2028. #script-info #install-area .install-link + .install-help-link + .install-link {
  2029.     float: right;
  2030. }
  2031.  
  2032. /* FOR SUPERLOADER */
  2033. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3,
  2034. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 ~ p:last-of-type,
  2035. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + p + .pagination + p {
  2036.     display: none;
  2037. }
  2038.  
  2039. /* MESSAGE - ERROR NOT LOADING IMAGES */
  2040. .notice {
  2041.     display: inline-block;
  2042.     position: absolute;
  2043.     width: 214px;
  2044.     left: -30%;
  2045.     top: 0px;
  2046. }
  2047.  
  2048. /* (new245) SETS - NEW SET PAGE - CIT */
  2049. section.text-content > p:not(:empty) {
  2050.     margin: 20px 0 0 20px !important;
  2051.     font-size: 20px !important;
  2052. color: gold !important;
  2053. }
  2054. [pagetype="UserProfile"] .width-constraint section.text-content > p:empty {
  2055.     display: none;
  2056. }
  2057.  
  2058. [pagetype="UserProfile"] .width-constraint section.text-content p + form {
  2059.     position: relative;
  2060.     min-height: 88vh;
  2061.     max-height: 700px;
  2062.     top: 20px;
  2063.     padding: 0px 66px;
  2064.     overflow: hidden;
  2065.     overflow-y: auto;
  2066. background: #222;
  2067. }
  2068.  
  2069. #script-set-scripts .selection-box.form-control #remove-scripts-included {
  2070.     height: 53vh !important;
  2071. }
  2072. .change-script-set #script-set-scripts .form-control:not(.selection-box) {
  2073.     min-height: 12vh !important;
  2074.     max-height: 12vh !important;
  2075. }
  2076. .change-script-set #script-set-scripts .form-control textarea:not([rows])#add-script {
  2077.     min-height: 2vh !important;
  2078.     max-height: 10vh !important;
  2079. }
  2080.  
  2081. /* SET - FROM USER TITLE - CIT */
  2082. .width-constraint:first-of-type .sidebarred .sidebarred-main-content h3 {
  2083.     position: fixed !important;
  2084.     display: inline-block !important;
  2085.     height: 17px;
  2086.     line-height: 15px;
  2087.     width: 570px;
  2088.     margin-left: 0% !important;
  2089.     left: 21% !important;
  2090.     top: 2.8vh;
  2091.     padding: 1px 1px 1px 20px;
  2092.     border-radius: 5px 5px 0 0;
  2093.     font-size: 13px !important;
  2094.     text-align: left;
  2095.     z-index: 50000000 !important;
  2096.     pointer-events: none;
  2097. 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);
  2098. border: 1px solid red;
  2099. }
  2100. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 {
  2101.     position: fixed !important;
  2102.     display: inline-block !important;
  2103.     height: 17px;
  2104.     line-height: 15px;
  2105.     width: 555px;
  2106.     margin-left: 0% !important;
  2107.     left: 22.4% !important;
  2108.     top: 4.2vh;
  2109.     padding: 1px 1px 1px 20px;
  2110.     border-radius: 5px 5px 0 0;
  2111.     font-size: 13px !important;
  2112.     text-align: left;
  2113.     z-index: 50000000 !important;
  2114.     pointer-events: none;
  2115. 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);
  2116. border: 1px solid gray;
  2117. }
  2118. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p {
  2119.     display: inline-block !important;
  2120.     z-index: 50000000 !important;
  2121. }
  2122.  
  2123. body[pagetype="ListingPage"] #script-table + .width-constraint h3 > a {
  2124.     z-index: 100;
  2125.     pointer-events: auto;
  2126. }
  2127.  
  2128. /* PB - CREATE SET PAGE - SCROLL */
  2129. html,
  2130. body {
  2131.     min-height: 100% !important;
  2132.     text-align: left !important;
  2133. }
  2134.  
  2135. /* GREASY - ADMIN / DELETE SCRIPT PAGE */
  2136. .multiform-page:first-of-type,
  2137. #script-content > form[action$="/delete"] > p:first-of-type {
  2138.     margin-top: 48px !important;
  2139. }
  2140.  
  2141. /* GREASY FORUM - PROFILE COMM LIST */
  2142. .Profile .DataListWrap ul.DataList.SearchResults .MItem:first-child {
  2143.     margin-left: 8px;
  2144.     margin-right: 8px;
  2145.     white-space: pre-line !important;
  2146. }
  2147. /* GREASY FORUM - COM RATING */
  2148. .ExtraDiscussionData-Rating .RadioLabel {
  2149.     display: inline-block !important;
  2150. }
  2151. /* (new234) LOADER */
  2152. .init_loader {
  2153.     display: none !important;
  2154. }
  2155. .init_loader > img {
  2156.     border-radius: 100% !important;
  2157. background: #e6dbdb !important;
  2158. border: 1px solid red !important;
  2159. }
  2160.  
  2161. /* USERSTY FORUM - IMGUR VIDEO */
  2162. .imgur-gifv.VideoWrap > video {
  2163.     max-width: 624px;
  2164. }
  2165.  
  2166. /* (new219) CATEGORIES */
  2167. .us-category--stylecard-long h1,
  2168. .view_inner.StylesCategory > h1 {
  2169.     font-size: 30px;
  2170.     margin: 0px !important;
  2171. color: #6687aa !important;
  2172. }
  2173. #categories {
  2174.     display: inline-block !important;
  2175.     width: 100% !important;
  2176.     margin-bottom: 50px;
  2177. }
  2178. .StyleCategory-Link {
  2179.     display: inline-block !important;
  2180.     width: 280px !important;
  2181.     margin: 2px -18px 22px 48px !important;
  2182. }
  2183. .us-category--narrow,
  2184. .us-category--stylecard-short.us-category--narrow {
  2185.     width: 100% !important;
  2186.     margin-left: 0 !important;
  2187. }
  2188.  
  2189. .us-category--stylecard-long .us-stylecards__container--narrow,
  2190. .us-category--stylecard-short .us-stylecards__container--narrow {
  2191.     width: 100% !important;
  2192. }
  2193. #title_div {
  2194.     width: 100% !important;
  2195. }
  2196. .us-category--stylecard-short h1 {
  2197.     margin: 0 !important;
  2198. color: #6687aa !important;
  2199. }
  2200. .fallbackDiv {
  2201.     position: relative !important;
  2202.     display: inline-block !important;
  2203.     height: 156px;
  2204.     max-width: 100%;
  2205.     min-width: 100%;
  2206.     align-items: center;
  2207. background-color: #222;
  2208. }
  2209. .fallbackDiv .fallbackImg {
  2210.     position: absolute;
  2211.     width: 50%;
  2212.     height: 100%;
  2213.     top: 0;
  2214.     left: 25% !important;
  2215.     object-fit: contain !important;
  2216.     object-position: 50% 50% !important;
  2217.     opacity: 0.5 !important;
  2218. }
  2219.  
  2220. /* USERSTY - MENU LEFT */
  2221. .navigation {
  2222.     width: 38% !important;
  2223.     height: 100% !important;
  2224.     min-height: 20px !important;
  2225.     max-height: 20px !important;
  2226.     left: 0 !important;
  2227.     top: -22px !important;
  2228.     padding: 0 !important;
  2229.     overflow: hidden !important;
  2230.     z-index: 5000000 !important;
  2231. box-shadow: none !important;
  2232. background-color: #2e3e49 !important;
  2233. }
  2234. .navigation .links-box {
  2235.     position: fixed !important;
  2236.     width: 200px !important;
  2237.     top: 47px !important;
  2238.     left: 40px !important;
  2239. background-color: #222 !important;
  2240. }
  2241. .links-box > a {
  2242.     display: inline-block !important;
  2243.     width: 200px !important;
  2244. }
  2245. .navigation .links-box .navigation-link {
  2246.     height: 16px !important;
  2247.     align-items: center;
  2248.     padding: 1px 0;
  2249. }
  2250. .navigation .links-box .navigation-link .navigation-title {
  2251.     color: #617488 !important;
  2252. }
  2253. .navigation .navigation-category {
  2254.     position: fixed;
  2255.     display: inline-block;
  2256.     width: 200px !important;
  2257.     top: 19px !important;
  2258.     margin: 30px 0 10px;
  2259.     font-size: 12px !important;
  2260.     text-align: center !important;
  2261.     z-index: 5000000;
  2262. color: #95a5a6;
  2263. }
  2264. .links-box:first-of-type:before {
  2265.     content: "Menu  ∇ ";
  2266.     display: inline-block;
  2267.     width: 200px !important;
  2268.     text-align: center !important;
  2269.     visibility: visible !important;
  2270. border-bottom: 4px solid gold !important;
  2271. }
  2272. .links-box:first-of-type {
  2273.     border-top: none !important;
  2274.     visibility: hidden !important;
  2275. }
  2276. .links-box:first-of-type:hover {
  2277.     border-top: none !important;
  2278.     visibility: visible !important;
  2279. }
  2280. .links-box:first-of-type + .navigation-category {
  2281.     left: 258px !important;
  2282. border-bottom: 4px solid blue !important;
  2283. }
  2284. .links-box:first-of-type + .navigation-category + .links-box {
  2285.     position: fixed !important;
  2286.     display: inline-block !important;
  2287.     top: 67px !important;
  2288.     left: 258px !important;
  2289.     visibility: hidden !important;
  2290. border-bottom: 4px solid blue !important;
  2291. }
  2292. .links-box:first-of-type + .navigation-category + .links-box:hover,
  2293. .links-box:first-of-type + .navigation-category:hover + .links-box {
  2294.     visibility: visible !important;
  2295. }
  2296. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category {
  2297.     left: 466px !important;
  2298. border-bottom: 4px solid green !important;
  2299. }
  2300. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category + .links-box {
  2301.     position: fixed !important;
  2302.     display: inline-block !important;
  2303.     top: 67px !important;
  2304.     left: 466px !important;
  2305.     visibility: hidden !important;
  2306. border-bottom: 4px solid green !important;
  2307. }
  2308. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category + .links-box:hover,
  2309. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category:hover + .links-box {
  2310.     visibility: visible !important;
  2311. }
  2312. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category:after,
  2313. .links-box:first-of-type + .navigation-category:after {
  2314.     content: " ∇ ";
  2315.     display: inline-block;
  2316.     width: 5px !important;
  2317.     margin-left: 10px !important;
  2318.     text-align: center !important;
  2319.     visibility: visible !important;
  2320. color: gold;
  2321. }
  2322.  
  2323. /* USER PAGE(not ACCOUNT PAGE) */
  2324. .personal-page-header {
  2325.     position: fixed;
  2326.     width: 100% !important;
  2327.     height: 32px !important;
  2328.     font-size: 20px !important;
  2329.     right: 0px;
  2330.     top: 48px !important;
  2331.     text-align: center !important;
  2332.     z-index: 50000;
  2333. background: #111 !important;
  2334. }
  2335. .personal-page-header h1 {
  2336.     width: 100%;
  2337.     line-height: 20px !important;
  2338.     margin: 0 !important;
  2339.     font-size: 20px !important;
  2340.     overflow: hidden;
  2341.     text-overflow: ellipsis;
  2342.     white-space: nowrap;
  2343.     word-break: normal;
  2344. color: #7691AD;
  2345. border-bottom: 1px solid red !important;
  2346. }
  2347. .personal-page-header-right {
  2348.     height: 30px;
  2349. }
  2350. .personal-page .light-blue-button {
  2351.     padding: 1px 10px !important;
  2352. }
  2353. .personal-page-narrow {
  2354.     width: 100% !important;
  2355. }
  2356. .personal-page {
  2357.     box-sizing: border-box;
  2358.     margin: 5px 0 0 0 !important;
  2359.     padding: 0 20px;
  2360.     width: 100%;
  2361. }
  2362. /* .personal-page.personal-page-narrow */
  2363. /* MOZAIC */
  2364. .us-stylecard--long {
  2365.     display: inline-block !important;
  2366.     width: 32% !important;
  2367.     height: 172px;
  2368.     margin: 15px 20px -10px 0 !important;
  2369.     padding: 8px !important;
  2370.     border-radius: 5px;
  2371.     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  2372. background-color: black !important;
  2373. border: 1px solid red;
  2374. }
  2375.  
  2376. .us-stylecard--long {
  2377.     float: left !important;
  2378.     box-sizing: border-box;
  2379.     width: 32% !important;
  2380.     height: 172px;
  2381.     margin: 5px 5px 0px 5px !important;
  2382.     top: 0 !important;
  2383.     padding: 8px !important;
  2384.     border-radius: 5px;
  2385.     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  2386. background-color: black !important;
  2387. border: 1px solid red;
  2388. }
  2389.  
  2390. .us-stylecard--long:nth-child(1) {
  2391.     margin-top: 5px !important;
  2392. }
  2393. .us-stylecard--long > a {
  2394.     width: 40% !important;
  2395.     text-align: center;
  2396. }
  2397. /* (new18) */
  2398. .us-stylecard--long .us-stencil {
  2399.     float: left !important;
  2400.     max-width: 50% !important;
  2401.     min-width: 50% !important;
  2402.     height: 156px;
  2403. background-color: #222 !important;
  2404. }
  2405. /* (new219) */
  2406. .us-stylecard--long .us-stencil__image {
  2407.     display: none !important;
  2408. }
  2409. .us-screenshot {
  2410.     width: 100% !important;
  2411.     min-height: 156px !important;
  2412.     max-height: 156px !important;
  2413.     transition: height 0.5s ease 0s;
  2414. }
  2415. .us-screenshot .background--website-style {
  2416.     object-fit: contain;
  2417.     object-position: center center;
  2418.     background-image: url(https://camo.githubusercontent.com/5b8e4cd1a5ce69b6affa17ebd8e4aee00c147618/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d63726f737368617463682e706e67) !important;
  2419. }
  2420. .us-screenshot .background--website-style:not([src^="https://userstyles.org/"]) {
  2421.     display: inline-block !important;
  2422.     width: 99% !important;
  2423.     height: 99% !important;
  2424.     background-image: none !important;
  2425. background-color: #111 !important;
  2426. border: 1px solid red !important;
  2427. }
  2428. .us-category--stylecard-short {
  2429.     width: 99% !important;
  2430. }
  2431. .us-category--stylecard-long .us-stylecards__container {
  2432.     width: 99% !important;
  2433. }
  2434. .us-stylecard--long .us-container {
  2435.     position: relative !important;
  2436.     display: inline-block !important;
  2437.     float: none !important;
  2438.     clear: none !important;
  2439.     width: 50% !important;
  2440.     margin-top: 0px !important;
  2441.     padding: 3px 5px 0 5px !important;
  2442.     overflow: hidden;
  2443. }
  2444. .us-stylecard--long .us-title {
  2445.     width: 100% !important;
  2446.     height: auto !important;
  2447.     line-height: 22px !important;
  2448.     margin-top: 0px;
  2449.     font-size: 18px !important;
  2450.     overflow: hidden;
  2451.     text-overflow: ellipsis;
  2452.     white-space: pre-line !important;
  2453. }
  2454. .us-stylecard--long .us-title a {
  2455.     display: inline-block !important;
  2456.     width: 100% !important;
  2457. }
  2458. /* (new219) */
  2459. .us-stylecard__button-container {
  2460.     position: relative !important;
  2461.     display: inline-block !important;
  2462.     float: none !important;
  2463.     width: 100% !important;
  2464.     height: 100% !important;
  2465.     margin: 0px !important;
  2466.     bottom: 160px !important;
  2467.     padding: 0 !important;
  2468.     pointer-events: none !important;
  2469.     opacity: 0.3 !important;
  2470.     transition: opacity ease 0.7s !important;
  2471. }
  2472. us-stylecard__button-container:hover,
  2473. .us-stylecard--long .us-container:hover + .us-stylecard__button-container {
  2474.     opacity: 1 !important;
  2475.     transition: opacity ease 0.7s !important;
  2476. }
  2477. .us-stylecard__button-container > a .us-button {
  2478.     pointer-events: auto !important;
  2479. background: #222 !important;
  2480. }
  2481.  
  2482.  
  2483. /* FOR ANDROID */
  2484. .us-category--stylecard-short.us-category .us-stylecards__container {
  2485.     width: 99% !important;
  2486. }
  2487. .us-category--stylecard-long.us-category .us-stylecards__container .us-stylecard--long .us-container {
  2488.     clear: none;
  2489.     display: inline-block !important;
  2490.     width: 50% !important;
  2491. }
  2492. .us-category--stylecard-long.us-category .us-stylecards__container .background--mobile-style + .body {
  2493.     position: absolute !important;
  2494.     width: 99% !important;
  2495.     height: 132px !important;
  2496.     left: 0;
  2497.     margin: 13px auto;
  2498.     right: 0;
  2499.     top: 0;
  2500.     background-position: center center !important;
  2501.     background-repeat: no-repeat !important;
  2502.     background-size: contain !important;
  2503. }
  2504. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android {
  2505.     display: inline-block !important;
  2506.     max-height: 250px !important;
  2507. }
  2508. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a .us-stencil,
  2509. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a {
  2510.     display: inline-block !important;
  2511.     max-height: 250px !important;
  2512. }
  2513. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a .us-stencil .us-screenshot .container--stylecard.transparent-img-background-black img.background--mobile-style + .body {
  2514.     position: absolute !important;
  2515.     width: 98% !important;
  2516.     height: 132px !important;
  2517.     left: 0;
  2518.     margin: 13px auto;
  2519.     right: 0;
  2520.     top: 0;
  2521.     background-position: center center !important;
  2522.     background-repeat: no-repeat !important;
  2523.     background-size: contain !important;
  2524. }
  2525. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android .us-container {
  2526.     position: relative !important;
  2527.     display: inline-block !important;
  2528.     margin-top: -115px !important;
  2529.     z-index: 500 !important;
  2530. }
  2531. .us-category--stylecard-long.us-category .us-stylecards__container .us-stylecard--long .us-stylecard__button-container {
  2532.     display: inline-block;
  2533.     margin-top: 0;
  2534.     padding: 0;
  2535.     position: absolute;
  2536.     right: 4% !important;
  2537.     width: 5% !important;
  2538. }
  2539.  
  2540. /* USERSTY - PAGINA */
  2541. .us-stylecards__container + #pagination {
  2542.     position: fixed !important;
  2543.     width: 700px !important;
  2544.     right: -320px !important;
  2545.     top: 50% !important;
  2546.     padding: 5px !important;
  2547.     border-radius: 5px !important;
  2548.     transform: rotate(90deg);
  2549. background: #222 !important;
  2550. }
  2551. .us-stylecards__container + #pagination > a:first-of-type,
  2552. .us-stylecards__container + #pagination > a:last-of-type,
  2553. .us-stylecards__container + #pagination > #pages > .pageNumber,
  2554. .us-stylecards__container + #pagination > #pages > a {
  2555.     display: flex;
  2556.     align-items: center;
  2557.     justify-content: center;
  2558.     height: 30px !important;
  2559.     width: 40px !important;
  2560.     font-size: 15px !important;
  2561.     margin: 0 4px;
  2562.     cursor: pointer;
  2563.     transform: rotate(-90deg);
  2564. }
  2565. .us-stylecards__container + #pagination .pageNumber.current {
  2566.     color: gold !important;
  2567.     background: #222 !important;
  2568. }
  2569. .us-stylecards__container + #pagination > a:first-of-type .div-arrow,
  2570. .us-stylecards__container + #pagination > a:last-of-type .div-arrow {
  2571.     width: 30px !important;
  2572.     margin-left: 0 !important;
  2573.     margin-right: 0 !important;
  2574.     text-align: center !important;
  2575. }
  2576. .us-stylecards__container + #pagination > a:first-of-type .arrow-icon,
  2577. .us-stylecards__container + #pagination > a:last-of-type .arrow-icon {
  2578.     width: 41px !important;
  2579.     height: 30px !important;
  2580.     text-align: center !important;
  2581. }
  2582.  
  2583. /* A VOIR - GREASY - FORUM - TOP HEADER - DISMIS - == */
  2584. .Column.ContentColumn .MessageList.Discussion .OptionsMenu .Flyout.MenuItems.list-reset,
  2585. .MessageList.Discussion .OptionsMenu .Flyout.MenuItems.list-reset {
  2586.     display: inline-block !important;
  2587.     height: 21px !important;
  2588.     margin-top: -51px !important;
  2589.     margin-left: 4px !important;
  2590. }
  2591. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {
  2592.     height: 15px !important;
  2593.     width: 15px !important;
  2594.     margin-right: 0 !important;
  2595.     margin-top: 0 !important;
  2596.     padding: 0 !important;
  2597.     font-size: 0px !important;
  2598. color: red !important;
  2599. }
  2600. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {
  2601.     content: " \274C";
  2602.     font-size: 10px !important;
  2603. color: red !important;
  2604. }
  2605. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {
  2606.     content: "Dismiss";
  2607.     position: absolute;
  2608.     display: inline-block;
  2609.     margin-top: -20px !important;
  2610.     margin-left: -30px !important;
  2611.     font-size: 10px !important;
  2612. color: tomato !important;
  2613. }
  2614.  
  2615. /* GM - Greasyfork Display Update Checks - (not working with CITRUS) */
  2616. #browse-script-list > li > article > p > span[style*="border: 1px ridge #817F82;)"] > b {
  2617.     color: gold !important;
  2618.     /* OK - FINE TOP OF THE BACKGROUND - BLACK */
  2619.     text-shadow: 0px 1px 1px #000;
  2620. }
  2621.  
  2622. /* GREASY - Without SCRIPT */
  2623. .width-constraint > p {
  2624.     display: inline-block;
  2625. }
  2626. #script-links .current > * {
  2627.     color: red !important;
  2628. }
  2629.  
  2630. /* CITRUS SETTINGS - POPUP */
  2631. #CForkSettings {
  2632.     z-index: 5000 !important;
  2633. }
  2634.  
  2635. /* PB HOVER - NEW TOP HEADER NAV MENU - MORE */
  2636. .with-submenu {
  2637.     position: relative !important;
  2638.     display: inline-block !important;
  2639. }
  2640. li.with-submenu:hover a + nav,
  2641. /* li.with-submenu a + nav , */
  2642. li.with-submenu a + nav:hover,
  2643. li.with-submenu a:hover + nav {
  2644.     position: absolute !important;
  2645.     display: inline-block !important;
  2646.     min-width: 100%;
  2647.     margin-top: 0px !important;
  2648.     padding: 5px 0px 5px 0px !important;
  2649.     text-align: left !important;
  2650.     z-index: 50000000 !important;
  2651.     opacity: 1 !important;
  2652.     visibility: visible !important;
  2653. box-shadow: -3px 3px 2px black !important;
  2654. background: #333 !important;
  2655. }
  2656.  
  2657. li.with-submenu a + nav li {
  2658.     height: 20px !important;
  2659.     line-height: 20px !important;
  2660. }
  2661. li.with-submenu a + nav li a {
  2662.     padding: 2px 2px 2px 10px !important;
  2663.     text-align: left !important;
  2664. }
  2665.  
  2666. /* SOLVED on ListingPage - move left */
  2667. body[pagetype="PersonalProfile"] .with-submenu,
  2668. body[pagetype="UserProfile"] .with-submenu,
  2669. body[pagetype="ListingPage"] .with-submenu {
  2670.     position: fixed !important;
  2671.     display: inline-block !important;
  2672.     width: 92px;
  2673.     height: 15px !important;
  2674.     line-height: 15px !important;
  2675.     left: 14.3% !important;
  2676.     top: 110px !important;
  2677.     z-index: 5000000 !important;
  2678. background: green;
  2679. }
  2680. body[pagetype="PersonalProfile"] .with-submenu:hover,
  2681. body[pagetype="UserProfile"] .with-submenu:hover,
  2682. body[pagetype="ListingPage"] .with-submenu:hover {
  2683.     width: 272px !important;
  2684.     height: 130px !important;
  2685.     line-height: 15px !important;
  2686.     margin-left: -160px !important;
  2687. background: blue;
  2688. }
  2689.  
  2690. body[pagetype="PersonalProfile"] .with-submenu:hover > a,
  2691. body[pagetype="UserProfile"] .with-submenu:hover > a,
  2692. body[pagetype="ListingPage"] .with-submenu:hover > a {
  2693.     width: 272px !important;
  2694.     margin-left: 0px !important;
  2695. background: blue;
  2696. }
  2697. body[pagetype="PersonalProfile"] .with-submenu > a,
  2698. body[pagetype="UserProfile"] nav li.with-submenu > a,
  2699. body[pagetype="ListingPage"] nav li.with-submenu > a {
  2700.     display: inline-block !important;
  2701.     height: 15px !important;
  2702.     width: 100% !important;
  2703.     line-height: 15px !important;
  2704.     padding-left: 5px;
  2705. }
  2706.  
  2707. /* ADAPT for GM "Greasyfork install button on search" (NOT Working with CITRUS)
  2708. AND GM "GreasyFork - filter libraries in profiles" === */
  2709. .thetitle + div #install-area {
  2710.     position: relative !important;
  2711.     float: left !important;
  2712.     max-width: 450px !important;
  2713.     min-width: 450px !important;
  2714.     margin-left: -4px !important;
  2715.     top: 0 !important;
  2716.     padding: 1px 4px !important;
  2717.     z-index: 1 !important;
  2718.     overflow: hidden !important;
  2719. background-color: #f9ecdb !important;
  2720. border-bottom: 1px solid gray;
  2721. }
  2722. .thetitle + div #install-area:hover {
  2723.     position: relative !important;
  2724.     height: auto !important;
  2725.     max-width: 450px !important;
  2726.     min-width: 450px !important;
  2727.     top: 0 !important;
  2728.     padding: 1px 4px !important;
  2729.     z-index: 5000 !important;
  2730.     overflow: visible !important;
  2731. }
  2732. .thetitle + div #install-area > a:first-of-type {
  2733.     float: left !important;
  2734.     clear: both !important;
  2735.     max-width: 150px !important;
  2736.     min-width: 150px !important;
  2737.     line-height: 13px !important;
  2738.     font-size: 10px !important;
  2739.     margin-left: 0 !important;
  2740.     text-align: center !important;
  2741. }
  2742. .thetitle + div #install-area > a:last-of-type {
  2743.     max-width: 20px !important;
  2744.     min-width: 20px !important;
  2745.     line-height: 13px !important;
  2746.     font-size: 10px !important;
  2747.     margin-left: 0 !important;
  2748.     text-align: center !important;
  2749. }
  2750. .thetitle + div #install-area form.script-in-sets {
  2751.     position: absolute !important;
  2752.     display: inline-block !important;
  2753.     height: 100% !important;
  2754.     min-height: 50px !important;
  2755.     max-height: 50px !important;
  2756.     max-width: 374px !important;
  2757.     min-width: 374px !important;
  2758.     left: 75px !important;
  2759.     top: 2px !important;
  2760.     font-size: 0px !important;
  2761.     overflow-x: hidden;
  2762.     overflow-y: auto;
  2763. }
  2764.  
  2765. .thetitle + div #install-area form.script-in-sets:hover {
  2766.     min-height: 150px !important;
  2767.     max-height: 200px !important;
  2768.     z-index: 500000 !important;
  2769. border: 1px solid violet !important;
  2770. }
  2771. .thetitle + div #install-area .script-in-sets select {
  2772.     display: inline-block;
  2773.     max-width: 287px !important;
  2774.     min-width: 287px !important;
  2775.     margin-left: 0px !important;
  2776.     margin-top: 7px !important;
  2777. }
  2778. .tk.sel {
  2779.     color: #25B300 !important;
  2780. }
  2781. .tk.pro {
  2782.     color: #2a7da3 !important;
  2783. }
  2784. .tk.pun {
  2785.     color: #0F40A7 !important;
  2786. }
  2787. .tk.com {
  2788.     color: #9F7E15 !important;
  2789. }
  2790.  
  2791. /* FILTER - ADAP GM ==  (not apply on :not(.Mine))
  2792. GreasyFork Bullshit Filter 
  2793. AND GreasyFork - filter discussions on scripts by review type and author
  2794. === */
  2795. /* FILTER MENU */
  2796. .filter-status:not(:empty),
  2797. #script-content .filter-status:not(:empty) {
  2798.     position: fixed !important;
  2799.     height: 15px;
  2800.     line-height: 13px;
  2801.     width: auto;
  2802.     max-width: 200px;
  2803.     left: calc(20.5%);
  2804.     top: 1px !important;
  2805.     padding: 0px 3px;
  2806.     border-radius: 3px;
  2807.     text-align: center;
  2808.     font-size: 0px;
  2809.     cursor: pointer !important;
  2810.     z-index: 500000;
  2811.     transition: width ease 0.7s;
  2812. color: white;
  2813. background: #B38C25;
  2814. }
  2815.  
  2816. .filter-status:not(:empty):hover,
  2817. #script-content .filter-status:hover:not(:empty) {
  2818.     height: 30px !important;
  2819.     width: 192px !important;
  2820.     padding: 0px 0 0px 70px;
  2821.     font-size: 13px !important;
  2822.     cursor: pointer !important;
  2823. background: black;
  2824. }
  2825. .filter-status:not(:empty):before {
  2826.     content: "Filter  ▼ ";
  2827.     font-size: 15px;
  2828. color: gold;
  2829. }
  2830. .filter-status:hover:not(:empty):before {
  2831.     /* content: "Filter  ►" ; */
  2832.     content: "Filter : ";
  2833.     display: inline-block !important;
  2834.     width: 190px !important;
  2835.     z-index: 50000 !important;
  2836. color: white;
  2837. }
  2838. .filter-status + .filter-switches {
  2839.     position: fixed !important;
  2840.     display: inline-block !important;
  2841.     width: 200px !important;
  2842.     left: 20.8% !important;
  2843.     top: 0px !important;
  2844.     padding: 40px 0 5px 70px;
  2845.     border-radius: 0 0 5px 5px !important;
  2846.     text-align: center;
  2847.     transition: all ease 0.7s;
  2848.     z-index: 50000 !important;
  2849.     opacity: 0;
  2850.     visibility: hidden;
  2851. background: #B38C25 !important;
  2852. }
  2853.  
  2854. .filter-status + .filter-switches:hover,
  2855. .filter-status:hover + .filter-switches {
  2856.     opacity: 1 !important;
  2857.     visibility: visible !important;
  2858. }
  2859. /* .filter-status:first-of-type + .filter-switches ~  .filter-switches ,
  2860. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  2861.     display: none !important;
  2862. } */
  2863. :hover > .filter-switches a,
  2864. .filter-switches a,
  2865. #main-header .width-constraint + .filter-status ~ .filter-switches a,
  2866. #Frame #Head.Head .filter-switches a,
  2867. #script-content .filter-switches a {
  2868.     display: inline-block !important;
  2869.     width: 160px !important;
  2870.     height: 15px !important;
  2871.     line-height: 15px !important;
  2872.     margin-top: -2px !important;
  2873.     margin-left: 0px !important;
  2874.     font-size: 14px !important;
  2875.     cursor: pointer !important;
  2876. color: white !important;
  2877. background: blue !important;
  2878. }
  2879. #Frame #Head.Head .filter-switches a {
  2880.     color: white !important;
  2881. }
  2882. .ui-widget {
  2883.     position: fixed !important;
  2884.     width: 190px !important;
  2885.     top: 175px !important;
  2886.     left: calc(84.5%) !important;
  2887. }
  2888. .ui-widget #myform {
  2889.     width: 185px !important;
  2890. }
  2891. .ui-widget #myform input#authors {
  2892.     width: 180px !important;
  2893. }
  2894. .dropdown {
  2895.     position: fixed !important;
  2896.     width: 185px !important;
  2897.     left: calc(84.5%) !important;
  2898.     top: 228px !important
  2899. }
  2900. .dropbtn {
  2901.     width: 185px !important;
  2902.     padding: 5px 0px 5px 20px !important;
  2903. }
  2904. .dropdown-content {
  2905.     width: 185px !important;
  2906.     height: 400px !important;
  2907.     padding: 16px 0px 5px 0px !important;
  2908. background-color: #222 !important;
  2909. }
  2910. #myDropdown.dropdown-content a {
  2911.     padding: 1px 0px 2px 5px !important;
  2912.     font-size: 15px !important;
  2913.     text-align: left !important;
  2914.     cursor: default !important;
  2915. color: gray !important;
  2916. background-color: #333 !important;
  2917. }
  2918. #myDropdown.dropdown-content a:hover {
  2919.     font-size: 15px !important;
  2920. color: gold !important;
  2921. background-color: #222 !important;
  2922. }
  2923.  
  2924. /* CIT */
  2925. [pagetype="UserProfile"] .filter-status:not(:empty),
  2926. [pagetype="PersonalProfile"] .filter-status:not(:empty),
  2927. [pagetype="PersonalProfile"] .filter-status:not(:empty),
  2928. [pagetype="ListingPage"] .filter-status:not(:empty) {
  2929.     top: 110px !important;
  2930. background: red;
  2931. }
  2932. [pagetype="UserProfile"] .filter-status:not(:empty),
  2933. [pagetype="PersonalProfile"] .filter-status:not(:empty) {
  2934.     left: 20.1%;
  2935. }
  2936.  
  2937. /* (new187) CIT */
  2938. [pagetype="UserProfile"] .filter-status:not(:empty) + .filter-switches,
  2939. [pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches,
  2940. [pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches,
  2941. [pagetype="ListingPage"] .filter-status:not(:empty) + .filter-switches {
  2942.     top: 100px !important;
  2943. background: green !important;
  2944. }
  2945. [pagetype="UserProfile"] .filter-status:not(:empty) + .filter-switches,
  2946. [pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches {
  2947.     left: 20.4% !important;
  2948. }
  2949.  
  2950. /* FITER DISC */
  2951. .discussion-list .discussion-list-item.filtered {
  2952.     display: inline-block !important;
  2953.     min-width: 100% !important;
  2954.     height: 100% !important;
  2955.     min-height: 25px !important;
  2956.     max-height: 25px !important;
  2957.     margin-top: 0px !important;
  2958.     margin-bottom: 0px !important;
  2959.     padding: 2px 0 !important;
  2960.     font-size: 3px !important;
  2961.     overflow: hidden !important;
  2962.     opacity: 0.4 !important;
  2963. }
  2964. .discussion-list .discussion-list-item.filtered:hover {
  2965.     opacity: 1 !important;
  2966. }
  2967. .discussion-list .discussion-list-item.filtered a.discussion-title {
  2968.     position: relative !important;
  2969.     display: inline-block !important;
  2970.     width: 96% !important;
  2971.     height: 25px !important;
  2972.     line-height: 10px !important;
  2973.     margin-top: 0px !important;
  2974.     top: 0px !important;
  2975.     padding: 0 !important;
  2976.     font-size: 9px !important;
  2977. }
  2978.  
  2979. /* FILTER SCRIPTS - ListingPage - DISPLAY MINIMUM - + CIT === */
  2980. #script-table tr.filtered,
  2981. body[pagetype="ListingPage"] #script-table tr.filtered {
  2982.     display: table-row !important;
  2983.     width: 100% !important;
  2984.     height: 10px!important;
  2985. }
  2986. .discussion-list-item.filtered {
  2987.     display: inline-block !important;
  2988.     width: 100% !important;
  2989.     height: 10px!important;
  2990.     font-size: 7px !important;
  2991. }
  2992. .discussion-list-container .discussion-list-item.filtered a.discussion-title {
  2993.     display: inline-block !important;
  2994.     width: 100% !important;
  2995.     height: 100% !important;
  2996.     min-height: 10px!important;
  2997.     max-height: 10px!important;
  2998.     line-height: 10px!important;
  2999.     padding: 0 !important;
  3000.     font-size: 7px !important;
  3001. }
  3002.  
  3003. #script-table tr.filtered:hover td,
  3004. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  3005.     background: black !important;
  3006. }
  3007. #script-table tr.filtered > td,
  3008. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  3009.     display: table-cell !important;
  3010.     height: 100% !important;
  3011.     min-height: 10px!important;
  3012.     max-height: 10px!important;
  3013.     padding: 0 !important;
  3014.     font-size: 7px !important;
  3015. background-color: #F7F6E9 !important;
  3016. }
  3017. #script-table tr.filtered > td:last-of-type,
  3018. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  3019.     font-size: 8px !important;
  3020. }
  3021. #script-table tr.filtered > td:nth-child(2) .thetitle,
  3022. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  3023.     font-size: 8px !important;
  3024. }
  3025. #script-table tr.filtered:hover > td:nth-child(2) .thetitle,
  3026. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  3027.     border-left: 1px solid red !important;
  3028. }
  3029.  
  3030. /* FILTER - HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  3031. #script-table tr.filtered > td:nth-child(2) .thetitle + div,
  3032. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  3033.     display: table-cell !important;
  3034.     height: 2px !important;
  3035.     font-size: 2px !important;
  3036.     visibility: hidden !important;
  3037. }
  3038.  
  3039. /* FILTER - SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  3040. #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div,
  3041. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  3042.     display: table-cell !important;
  3043.     height: auto !important;
  3044.     width: 914px !important;
  3045.     font-size: 12px !important;
  3046.     line-height: 12px !important;
  3047.     z-index: 50000 !important;
  3048.     visibility: visible !important;
  3049.     border: 1px solid peru !important;
  3050. border-left: 3px solid red !important;
  3051. border-right: 3px solid red !important;
  3052. border-bottom: 4px solid red !important;
  3053. background-color: #f7f6e9 !important;
  3054. }
  3055. #script-table tr.filtered > td span + span,
  3056. #script-table tr.filtered > td > span span,
  3057. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span,
  3058. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  3059.     display: inline-block !important;
  3060.     display: none !important;
  3061.     height: 100% !important;
  3062.     min-height: 15px!important;
  3063.     max-height: 15px!important;
  3064.     padding: 0 !important;
  3065.     font-size: 8px !important;
  3066. }
  3067. #script-table tr.filtered > td > span.total-rating-coun,
  3068. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  3069.     display: inline-block !important;
  3070.     height: 100% !important;
  3071.     min-height: 10px!important;
  3072.     max-height: 10px!important;
  3073.     line-height: 8px!important;
  3074.     padding: 0 !important;
  3075.     font-size: 9px !important;
  3076. }
  3077. /* FILTER - SCRIPT FEEDBAK  */
  3078. .discussion-list-container .discussion-list-item.filtered a.discussion-title .rating-icon:before {
  3079.     position: relative !important;
  3080.     display: inline-block !important;
  3081.     line-height: 0px!important;
  3082.     top: 0px !important;
  3083.     margin-left: 0;
  3084.     font-size: 7px !important;
  3085. }
  3086. .discussion-list-container .discussion-list-item.filtered a.discussion-title .discussion-snippet {
  3087.     position: relative !important;
  3088.     display: inline-block !important;
  3089.     line-height: 0px!important;
  3090.     font-size: 7px !important;
  3091. }
  3092.  
  3093. /* FILTER - ALL COMMENTS (on top)  */
  3094. .dropdown:hover #myDropdown.dropdown-content > a[onclick="showOnly('All')"],
  3095. .dropdown:not(:hover) #myDropdown.dropdown-content > a[onclick="showOnly('All')"] {
  3096.     position: fixed !important;
  3097.     display: inline-block !important;
  3098.     left: calc(85.56%) !important;
  3099.     top: 232px !important;
  3100.     padding: 3px !important;
  3101.     border-radius: 100% !important;
  3102.     text-align: center !important;
  3103. }
  3104. /* for FILTER SCRIPT */
  3105. .width-constraint + .filter-status {
  3106.     position: fixed !important;
  3107. }
  3108. .width-constraint + .filter-status + .filter-switches a {
  3109.     margin-left: 10px !important;
  3110. }
  3111.  
  3112. /* GREASY FORUM - CLEAR CONVERSTAION BUTTON - Small TXT */
  3113. .Button.Danger.BigButton.ClearConversation {
  3114.     display: block;
  3115.     font-size: 11px!important;
  3116.     font-weight: bold;
  3117.     margin: 0 0 10px;
  3118.     padding: 8px 10px;
  3119.     text-align: center;
  3120. }
  3121. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  3122. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  3123. https://greatest.deepsurf.us/fr/scripts/13725-youtube-fairblock
  3124. ==== */
  3125. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  3126.     display: inline-block !important;
  3127. }
  3128. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  3129.     position: relative !important;
  3130.     display: inline-block !important;
  3131.     height: 100% !important;
  3132.     min-height: 100px !important;
  3133.     max-height: 100px !important;
  3134.     max-width: 98% !important;
  3135.     margin: 0 auto !important;
  3136.     padding: 2px !important;
  3137.     border-radius: 3px;
  3138. box-shadow: 5px 5px 2px #181818 !important;
  3139. color: yellow !important;
  3140. background-color: #2b2b2b !important;
  3141. border: 1px solid orange !important;
  3142. }
  3143.  
  3144. /* GM - LANG FILTER */
  3145. #greazy-forq-info {
  3146.     position: fixed;
  3147.     top: 2px;
  3148.     left: 2px;
  3149.     cursor: pointer;
  3150.     z-index: 5000!important;
  3151. color: #670000;
  3152. text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  3153. background: rgba(255, 255, 255, 0.55);
  3154. }
  3155. li.greazy-forq-hiden,
  3156. .greazy-forq-hiden {
  3157.     border-width: 1px 0 1px 9px !important;
  3158. }
  3159.  
  3160. /* SCRIPT TABLE - RATING NUMBER - TS CIT */
  3161. .good-rating-count,
  3162. .ok-rating-count,
  3163. .bad-rating-count {
  3164.     border-radius: 2px!important;
  3165.     display: inline-block !important;
  3166.     min-width: 15px!important;
  3167.     height: 13px !important;
  3168.     line-height: 11px !important;
  3169.     padding: 0px 2px !important;
  3170.     margin-right: 2px!important;
  3171.     margin-left: -2px!important;
  3172.     text-align: center !important;
  3173.     text-indent: 0px !important;
  3174. }
  3175. .total-rating-count {
  3176.     display: table-cell !important;
  3177.     width: 100% !important;
  3178.     height: 13px !important;
  3179.     line-height: 13px !important;
  3180.     padding: 0px 2px !important;
  3181.     border-radius: 2px!important;
  3182. }
  3183.  
  3184. /* PROFILE - CONTROL PANEL - HEADER - with CITRUS */
  3185. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  3186.     margin-bottom: 2px;
  3187.     margin-top: -9px;
  3188. }
  3189. .width-constraint #script-list-option-groups.list-option-groups + header {
  3190.     float: right;
  3191.     width: 778px;
  3192.     min-height: 25px;
  3193.     max-height: 25px;
  3194.     line-height: 0px;
  3195.     margin-right: -26px;
  3196.     margin-top: 0px;
  3197. }
  3198. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  3199.     display: inline-block;
  3200.     width: 779px;
  3201.     min-height: 25px;
  3202.     max-height: 25px;
  3203.     line-height: 20px;
  3204.     margin-top: -3px;
  3205.     text-align: center;
  3206. background: #222;
  3207. }
  3208. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  3209.     float: right;
  3210.     width: 778px;
  3211.     min-height: 844px;
  3212.     margin-top: 25px;
  3213.     margin-right: -29px;
  3214. }
  3215.  
  3216. /* SCRIPT LIST - ALL */
  3217. .script-list,
  3218. .user-list,
  3219. .text-content {
  3220.     display: inline-block;
  3221.     margin-top: 0px;
  3222. box-shadow: 3px 3px 2px black;
  3223. background-color: #222;
  3224. }
  3225. .text-content.reportable {
  3226.     margin: 0;
  3227.     padding-bottom: 0;
  3228. }
  3229. #user-profile > p {
  3230.     margin-top: 0;
  3231. }
  3232. .text-content {
  3233.     width: 100%;
  3234. }
  3235. .white-panel,
  3236. #user-discussions-on-scripts-written,
  3237. #control-panel,
  3238. #user-profile {
  3239.     background-color: transparent;
  3240. }
  3241. /* SET COUNTER */
  3242. #main-header + .width-constraint > section.text-content + section {
  3243.     content: counter(myIndex, decimal);
  3244.     counter-increment: myIndex 0;
  3245. }
  3246. ul#user-script-sets li:after {
  3247.     counter-increment: myIndex;
  3248.     content: counter(myIndex, decimal)"\A sets";
  3249.     position: fixed;
  3250.     display: inline-block;
  3251.     float: none;
  3252.     width: 100%;
  3253.     min-width: 25px;
  3254.     max-width: 25px;
  3255.     height: 25px;
  3256.     line-height: 10px;
  3257.     top: 55px;
  3258.     left: 22.5%;
  3259.     margin-left: -45px;
  3260.     padding: 2px;
  3261.     font-size: 10px;
  3262.     text-align: center;
  3263.     text-indent: 0;
  3264.     border-radius: 100%;
  3265.     opacity: 1;
  3266.     visibility: visible;
  3267.     z-index: 500;
  3268.     color: white;
  3269. background: green;
  3270. }
  3271. /* CIT */
  3272. body[pagetype="PersonalProfile"] #main-header + .width-constraint > section.text-content + section + section .white-panel ul li:after {
  3273.     top: 56px;
  3274. }
  3275. /* "★" - SETS/FAV SCRIPTS - CITRUS - PERSO/USER PROF - #user-script-sets-section */
  3276. /* FAV SCRIPTS - without CITRUS */
  3277. #user-script-sets-section header {
  3278.     margin-top: -31px;
  3279.     margin-bottom: -10px;
  3280. }
  3281. #user-script-sets-section #user-script-sets {
  3282.     max-height: 500px;
  3283.     margin-top: 0px;
  3284.     padding-top: 10px;
  3285.     padding-left: 0px;
  3286.     overflow: hidden;
  3287.     overflow-y: auto;
  3288. }
  3289. #user-script-sets-section:before {
  3290.     content: "★";
  3291.     position: absolute;
  3292.     height: 23px;
  3293.     width: 24px;
  3294.     font-size: 15px;
  3295.     text-align: center;
  3296. color: red;
  3297. background: gold;
  3298. border: 1px solid red;  
  3299. }
  3300. #user-script-sets-section:hover header {
  3301.     height: 27px;
  3302.     line-height: 0;
  3303.     margin-top: 26px;
  3304.     margin-bottom: 0px;
  3305. color: red;
  3306. background: gold;
  3307. }
  3308. #user-script-sets-section:hover:hover header h3 {
  3309.     width: 800px;
  3310.     height: 25px;
  3311.     line-height: 25px;
  3312.     text-align: center;
  3313. }
  3314. #user-script-sets-section:hover:hover section.text-content {
  3315.     border: none;
  3316. }
  3317. #user-script-sets-section {
  3318.     position: fixed;
  3319.     height: 100%;
  3320.     min-width: 24px;
  3321.     max-height: 25px;
  3322.     width: 20px;
  3323.     top: 32px;
  3324.     left: 21.6%;
  3325.     margin-top: 25px;
  3326.     margin-bottom: 10px;
  3327.     font-size: 0;
  3328.     overflow: hidden;
  3329.     transition: height ease 0.7s;
  3330.     z-index: 50 !important;
  3331. background: black;
  3332. }
  3333. /* SET - CITRUS */
  3334. body[pagetype="UserProfile"] #user-script-sets-section,
  3335. body[pagetype="PersonalProfile"] #user-script-sets-section {
  3336.     top: 37px;
  3337.     left: 24.6%;
  3338. }
  3339. body[pagetype="UserProfile"] #user-script-sets-section ul#user-script-sets li::after,
  3340. body[pagetype="PersonalProfile"] #user-script-sets-section ul#user-script-sets li::after {
  3341.     content: counter(myIndex, decimal) "\a sets";
  3342.     counter-increment: myIndex 1;
  3343.     position: fixed;
  3344.     display: inline-block;
  3345.     float: none;
  3346.     height: 25px;
  3347.     line-height: 10px;
  3348.     max-width: 25px;
  3349.     min-width: 25px;
  3350.     top: 60px;
  3351.     left: 25.3%;
  3352.     margin-left: -45px;
  3353.     padding: 2px;
  3354.     border-radius: 100%;
  3355.     text-align: center;
  3356.     text-indent: 0;
  3357.     font-size: 10px;
  3358.     opacity: 1;
  3359. color: white;
  3360. background: green !important;
  3361. }
  3362. body[pagetype="UserProfile"] #user-script-sets-section ul#user-script-sets li::after {
  3363.     top: 66px;
  3364. }
  3365. body[pagetype="UserProfile"] #user-script-sets-section:hover,
  3366. body[pagetype="PersonalProfile"] #user-script-sets-section:hover,
  3367. #user-script-sets-section:hover {
  3368.     height: auto;
  3369.     max-height: 90vh !important;
  3370.     width: 965px !important;
  3371.     left: 24.1% !important;
  3372.     font-size: 15px;
  3373.     overflow: hidden;
  3374.     transition: height ease 2s;
  3375. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3376. border: 1px solid red;
  3377. }
  3378. #user-script-sets-section:hover {
  3379.     margin-top: 23px !important;
  3380.     z-index: 50 !important;
  3381. }
  3382. /* SET CITRUS .white-panel*/
  3383. #user-script-sets-section:hover .white-panel {
  3384.     position: relative !important;
  3385.     display: inline-block;
  3386.     height: auto;
  3387.     width: 953px;
  3388.     top: 10px;
  3389.     overflow: hidden;
  3390. background-color: black;
  3391. }
  3392. #user-script-sets-section:hover .white-panel ul#user-script-sets {
  3393.     display: inline-block;
  3394.     height: 100%;
  3395.     min-height: 30px;
  3396.     max-height: 330px;
  3397.     width: 930px;
  3398.     margin-top: 0px;
  3399.     margin-left: 0px;
  3400.     margin-bottom: 0px;
  3401.     font-size: 15px;
  3402.     overflow: hidden;
  3403.     overflow-y: auto;
  3404. background-color: #222;
  3405. }
  3406. /* SET - CITRUS */
  3407. #user-script-sets-section:hover .white-panel ul#user-script-sets {
  3408.     display: inline-block;
  3409.     height: 100%;
  3410.     min-height: 30px;
  3411.     max-height: 80vh !important;
  3412.     width: 945px;
  3413.     margin-top: 0px;
  3414.     margin-left: 5px;
  3415.     margin-bottom: 20px;
  3416.     font-size: 15px;
  3417.     overflow: hidden;
  3418.     overflow-y: auto;
  3419. border-top: 1px dashed red;
  3420. }
  3421. section:hover ul#user-script-sets > li,
  3422. #user-script-sets-section:hover .white-panel ul#user-script-sets > li {
  3423.     float: left;
  3424.     clear: both;
  3425.     width: 900px;
  3426.     line-height: 20px;
  3427.     margin-bottom: 2px;
  3428.     padding: 0 5px;
  3429.     text-indent: 18px;
  3430. }
  3431. /* "🛠 ▼ " - CONTROL PANEL - PROFILE - ALL */
  3432. #control-panel {
  3433.     position: fixed !important;
  3434.     display: inline-block;
  3435.     height: 25px;
  3436.     width: 47px;
  3437.     top: 57px;
  3438.     left: 31.3%;
  3439.     margin-top: 0px;
  3440.     padding: 0;
  3441.     font-size: 0;
  3442.     overflow: hidden;
  3443.     transition: height ease 0.7s;
  3444.     z-index: 5000 !important;
  3445. }
  3446. /* CITRUS */
  3447. body[pagetype="PersonalProfile"] #control-panel {
  3448.     position: fixed;
  3449.     top: 62px;
  3450.     left: 35%;
  3451.     z-index: 5000 !important;
  3452. }
  3453. #control-panel:hover {
  3454.     height: auto;
  3455.     width: 200px;
  3456.     margin-top: 0;
  3457.     font-size: 15px;
  3458.     overflow: hidden;
  3459.     z-index: 1600;
  3460.     transition: height ease 0.7s;
  3461.     box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3462. background: black !important;
  3463. border: 1px solid red;
  3464. }
  3465. .width-constraint > .text-content #control-panel::before {
  3466.     content: "🛠 ▼";
  3467.     position: absolute;
  3468.     height: 23px;
  3469.     width: 45px;
  3470.     top: 0px;
  3471.     left: 0;
  3472.     white-space: normal;
  3473.     font-size: 15px;
  3474.     text-align: center;
  3475.     z-index: 500;
  3476. color: red;
  3477. background: green;
  3478. border: 1px solid red;
  3479. }
  3480. #control-panel header {
  3481.     margin-bottom: 2px;
  3482.     margin-top: 3px;
  3483.     padding-left: 45px;
  3484.     text-align: center;
  3485. }
  3486. #control-panel:hover h3 {
  3487.     line-height: 13px;
  3488.     font-size: 13px;
  3489.     margin-bottom: 15px;
  3490. }
  3491. ul#user-control-panel {
  3492.     padding: 5px;
  3493. }
  3494. ul#user-control-panel > li {
  3495.     display: inline-block;
  3496.     width: 95%;
  3497.     line-height: 13px;
  3498.     margin: 2px;
  3499.     padding: 2px 1px;
  3500.     border-radius: 3px;
  3501.     text-align: left;
  3502.     font-size: 13px;
  3503. box-shadow: 3px 3px 2px black;
  3504. background-color: #333;
  3505. border: 1px solid #404040;
  3506. }
  3507.  
  3508.  
  3509. /* (new219) RAPPORT */
  3510. .report-link.report-link-abs,
  3511. .report-link {
  3512.     margin: 4px 5px 0 0 !important;
  3513.     text-align: right;
  3514. }
  3515. /* (new219) SEND MES - ORIGINAL */
  3516. .text-content.reportable > p:not(:empty) {
  3517.     position: fixed !important;
  3518.     float: none !important;
  3519.     width: 23px !important;
  3520.     height: 15px !important;
  3521.     margin: 0 0 0 0 !important;
  3522.     top: 7.2vh !important;
  3523.     left: 67vw !important;
  3524.     border-radius: 3px !important;
  3525.     text-align: center !important;
  3526. background: blue !important;
  3527. }
  3528.  
  3529. .text-content.reportable > p:not(:empty) a {
  3530.     font-size: 0px !important;
  3531. }
  3532. .text-content.reportable > p:not(:empty) a:before {
  3533.     content: "✉️" !important;
  3534.     position: absolute !important;
  3535.     float: none !important;
  3536.     width: 22px !important;
  3537.     height: 15px !important;
  3538.     line-height: 15px !important;
  3539.     margin: 0 0 0 0 !important;
  3540.     top: 0 !important;
  3541.     left: 0!important;
  3542.     font-size: 15px !important;
  3543.     text-align: center !important;
  3544. }
  3545.  
  3546. /* "ℹ️" /"🔻" -  ABOUT - PROF - OTHERS - ADD "ℹ️" or 👁 - no CITRUS */
  3547. #about-user.text-content.reportable #user-profile:not(:hover):after {
  3548.     content: "👁";
  3549.     position: absolute;
  3550.     display: inline-block;
  3551.     height: 23px;
  3552.     width: 24px;
  3553.     top: 0px;
  3554.     left: 0;
  3555.     font-size: 15px;
  3556.     text-align: center;
  3557.     z-index: 500;
  3558.     visibility: visible;
  3559. color: tomato;
  3560. background: gold;
  3561. }
  3562. #about-user.text-content.reportable #user-profile:hover:after {
  3563.     content: "🔻";
  3564.     position: fixed;
  3565.     display: inline-block;
  3566.     height: 26px;
  3567.     width: 715px;
  3568.     top: 57px;
  3569.     left: 23.1%;
  3570.     font-size: 15px;
  3571.     text-align: left;
  3572.     z-index: 0;
  3573. background: black;
  3574. border-bottom: 1px solid red;
  3575. }
  3576. /*  CITRUS */
  3577. body[pagetype="PersonalProfile"] #about-user.text-content.reportable #user-profile:hover::after {
  3578.     top: 58px;
  3579.     left: 26.2%;
  3580. }
  3581. body[pagetype="UserProfile"] #about-user.text-content.reportable #user-profile:hover::after {
  3582.     top: 62px;
  3583.     left: 26.2%;
  3584. }
  3585. #user-profile:not(:empty) {
  3586.     position: fixed;
  3587.     display: inline-block;
  3588.     top: 57px;
  3589.     left: 23%;
  3590.     width: 100%;
  3591.     min-width: 24px;
  3592.     max-width: 24px;
  3593.     min-height: 23px;
  3594.     max-height: 23px;
  3595.     padding: 0px;
  3596.     font-size: 0;
  3597.     overflow: hidden;
  3598.     transition: all ease 0.2s;
  3599.     z-index: 50000 !important;
  3600. background: black !important;
  3601. border: 1px solid red;
  3602. }
  3603. #user-profile:not(:empty):hover {
  3604.     min-width: 660px;
  3605.     max-width: 660px;
  3606.     height: auto;
  3607.     min-height: 23px;
  3608.     max-height: 250px;
  3609.     padding: 30px 30px;
  3610.     font-size: 15px;
  3611.     overflow-y: auto;
  3612.     transition: all ease 0.2s;
  3613.     z-index: 0 !important;
  3614. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3615. background: black;
  3616. }
  3617.  
  3618. /*  ABOUT - USER PROFILE - PERSONAL PROFILE and USER PROFILE */
  3619. /*  CIT */
  3620. body[pagetype="PersonalProfile"] #user-profile:not(:empty) {
  3621.     top: 62px;
  3622.     left: 25.2%;
  3623.     overflow: hidden;
  3624.     transition: visibility ease 0.2s;
  3625.     visibility: hidden;
  3626. }
  3627. body[pagetype="PersonalProfile"] #user-profile:not(:empty):hover {
  3628.     min-width: 660px;
  3629.     max-width: 660px;
  3630.     height: auto;
  3631.     min-height: 23px;
  3632.     max-height: 250px;
  3633.     padding: 30px 30px;
  3634.     font-size: 15px;
  3635.     overflow-y: auto;
  3636.     z-index: 500;
  3637.     transition: visibility ease 0.2s;
  3638.     visibility: visible;
  3639. background: black;
  3640. }
  3641.  
  3642. /* CONSERSATION - no CITS */
  3643. section#user-conversations {
  3644.     position: fixed;
  3645.     height: 100%;
  3646.     max-height: 23px;
  3647.     min-width: 24px;
  3648.     width: 20px;
  3649.     top: 32px;
  3650.     left: 24.7%;
  3651.     margin-top: 25px;
  3652.     margin-bottom: 10px;
  3653.     font-size: 0;
  3654.     overflow: hidden;
  3655.     transition: height ease 0.7s;
  3656.     z-index: 50 !important;
  3657. background: red !important;
  3658. border: 1px solid red;
  3659. }
  3660. body[pagetype="UserProfile"] section#user-conversations,
  3661. body[pagetype="PersonalProfile"] section#user-conversations {
  3662.     top: 37px;
  3663.     left: 32.7% !important;
  3664. border: 1px solid red;
  3665. }
  3666. section#user-conversations:before {
  3667.     content: "📢";
  3668.     display: inline-block;
  3669.     height: 24px;
  3670.     width: 24px;
  3671.     font-size: 15px;
  3672.     text-align: center;
  3673.     z-index: 50;
  3674. background: gold;
  3675. }
  3676. section#user-conversations:hover {
  3677.     position: fixed;
  3678.     height: auto;
  3679.     max-height: 200px;
  3680.     min-width: 24px;
  3681.     width: 400px;
  3682.     top: 32px;
  3683.     left: 24.7%;
  3684.     margin-top: 25px;
  3685.     margin-bottom: 10px;
  3686.     border-radius: 0 0 5px 5px;
  3687.     font-size: 0;
  3688.     overflow: hidden;
  3689.     transition: height ease 0.7s;
  3690.     z-index: 50 !important;
  3691. border: 1px solid gray;
  3692. background: black !important;
  3693. }
  3694. section#user-conversations:hover > header {
  3695.     display: inline-block;
  3696.     width: 100%;
  3697.     height: 100%;
  3698.     min-height: 25px;
  3699.     max-height: 25px;
  3700.     margin-top: 2px;
  3701.     margin-bottom: 1px;
  3702.     font-size: 15px;
  3703.     color: red !important;
  3704. }
  3705. section#user-conversations:hover > .text-content,
  3706. section#user-conversations:hover > header > h3 {
  3707.     display: inline-block;
  3708.     width: 100%;
  3709.     padding: 0 5px;
  3710.     font-size: 15px !important;
  3711. }
  3712. section#user-conversations:hover > header > h3 {
  3713.     height: 100%;
  3714.     min-height: 25px;
  3715.     max-height: 25px;
  3716.     margin-top: 0px;
  3717. background: gold !important;
  3718. }
  3719. section#user-conversations:hover > .text-content {
  3720.     border-radius: 0 0 5px 5px;
  3721. }
  3722.  
  3723. /* DISCS - no CITS */
  3724. #user-discussions header {
  3725.     font-size: 15px;
  3726. }
  3727. #user-discussions:before {
  3728.     content: "💬  ";
  3729.     position: relative;
  3730.     display: inline-block;
  3731.     min-width: 25px;
  3732.     max-width: 25px;
  3733.     min-height: 23px;
  3734.     max-height: 23px;
  3735.     text-align: center;
  3736. background: gold;
  3737. }
  3738. #user-discussions:hover:before {
  3739.     position: absolute;
  3740.     top: 0px !important;
  3741. background: gold;
  3742. }
  3743. body[pagetype="UserProfile"] #user-discussions:hover:before {
  3744.     top: 0px !important;
  3745. background: gold;
  3746. }
  3747.  
  3748. body[pagetype="PersonalProfile"] #user-discussions:hover:before {
  3749.     top: 0px !important;
  3750. background: green;
  3751. }
  3752. #user-discussions {
  3753.     position: fixed;
  3754.     display: inline-block;
  3755.     top: 57px;
  3756.     left: 27.8%;
  3757.     width: 100%;
  3758.     min-width: 25px;
  3759.     max-width: 25px;
  3760.     min-height: 23px;
  3761.     max-height: 23px;
  3762.     padding: 0px;
  3763.     font-size: 15px;
  3764.     overflow: hidden;
  3765.     transition: all ease 0.2s;
  3766.     z-index: 500;
  3767. border: 1px solid red;
  3768. }
  3769. #user-discussions:hover {
  3770.     width: 100%;
  3771.     min-width: 600px !important;
  3772.     max-width: 600px !important;
  3773.     min-height: 400px;
  3774.     height: auto;
  3775.     border-radius: 0 0 5px 5px;
  3776.     font-size: 15px;
  3777.     overflow: hidden;
  3778.     transition: all ease 0.2s;
  3779.     z-index: 500;
  3780. background: black !important;
  3781. border: 1px solid red;
  3782. }
  3783. #user-discussions:hover header {
  3784.     position: absolute;
  3785.     display: inline-block;
  3786.     width: 100%;
  3787.     height: 24px;
  3788.     line-height: 24px;
  3789.     top: 25px;
  3790.     left: 0px;
  3791.     overflow: hidden;
  3792. background: gold;
  3793. }
  3794. #user-discussions:hover header h3 {
  3795.     margin-top: 0px;
  3796.     padding-left: 30px;
  3797.     font-size: 15px;
  3798. color: red;
  3799. }
  3800. #user-discussions:hover .text-content {
  3801.     margin-top: 28px;
  3802.     border: none;
  3803. }
  3804. /* NEED COR MARGIN -  */
  3805. #user-discussions:hover .discussion-list-item,
  3806. body[pagetype="PersonalProfile"] #user-discussions:hover .discussion-list-item,
  3807. #user-discussions:hover ul,
  3808. body[pagetype="PersonalProfile"] #user-discussions:hover ul {
  3809.     display: inline-block;
  3810.     left: 0px;
  3811.     width: 100%;
  3812.     height: auto;
  3813.     line-height: 13px;
  3814.     margin-top: 0px !important;
  3815.     padding: 0;
  3816.     font-size: 13px;
  3817.     overflow: hidden;
  3818.     overflow-y: auto;
  3819.     transition: all ease 0.2s;
  3820.     z-index: 50;
  3821. border: none !important;
  3822. border-bottom: 1px solid red !important;
  3823. }
  3824. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a,
  3825. #user-discussions:hover .discussion-list > li > a:first-of-type,
  3826. #user-discussions:hover .discussion-list-item .discussion-title,
  3827. #user-discussions:hover .discussion-list-item .discussion-meta {
  3828.     display: inline-block;
  3829.     width: 98% !important;
  3830.     padding: 1px 5px 1px 10px !important;
  3831. }
  3832. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a {
  3833.     position: relative;
  3834.     top: -15px !important;
  3835.     margin-bottom: -40px;
  3836. }
  3837. #user-discussions:hover .discussion-list > li > a:first-of-type:before,
  3838. #user-discussions:hover .discussion-list-item .discussion-title:before,
  3839. .discussion-meta-item.discussion-meta-item-script-name a[href*="/scripts/"]:before {
  3840.     content: " ";
  3841.     width: 15px;
  3842.     height: 15px;
  3843.     float: left;
  3844.     margin-left: -2px;
  3845.     margin-right: 5px;
  3846. }
  3847.  
  3848. .discussion-meta-item.discussion-meta-item-script-name a:before {
  3849.     content: "►";
  3850.     margin-left: 0px;
  3851.     margin-right: 10px;
  3852.     background-color: transparent;
  3853. }
  3854. #user-discussions .text-content ul li > a[href*="/scripts/"]:before,
  3855. #user-discussions:hover .discussion-list > li > a:first-of-type:before,
  3856. .discussion-meta-item.discussion-meta-item-script-name a[href*="/scripts/"]:before {
  3857.     content: " ";
  3858.     font-size: 12px;
  3859.     background-color: transparent;
  3860.     background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  3861. }
  3862.  
  3863. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a:before,
  3864. #user-discussions-on-scripts-written:hover .discussion-list-item .discussion-title:before {
  3865.     content: "💬  ";
  3866.     font-size: 12px;
  3867. }
  3868. #user-discussions .text-content > ul > li > a,
  3869. #user-discussions .text-content > ul > li > a[href*="#comment-"] {
  3870.     font-size: 0 !important;
  3871. }
  3872. #user-discussions .text-content > ul > li > a i {
  3873.     font-size: 12px !important;
  3874. color: peru !important;
  3875. }
  3876. #user-discussions .text-content > ul > li > a i:before {
  3877.     content: "💬 Disc :  ";
  3878.     font-size: 12px !important;
  3879. color: green !important;
  3880. }
  3881.  
  3882. /* #user-discussions .text-content>ul>li>a[href*="#comment-"] i:before , */
  3883. #user-discussions .text-content > ul > li > a[href*="#comment-"][href^="/scripts/"] i:before {
  3884.     content: "💬 Review :  ";
  3885.     font-size: 12px !important;
  3886. color: gold !important;
  3887. }
  3888. #user-discussions .text-content > ul li a[href^="/discussions/development/"] i:before {
  3889.     content: "💬 Dev :  ";
  3890.     font-size: 12px !important;
  3891. color: aqua !important;
  3892. }
  3893.  
  3894. /* A VOIR (no UL) */
  3895. #user-discussions:hover ul li:not(.discussion-question),
  3896. body[pagetype="PersonalProfile"] #user-discussions:hover ul li:not(.discussion-question) {
  3897.     display: block;
  3898.     width: 97%;
  3899.     height: auto;
  3900.     line-height: 17px;
  3901.     margin-bottom: 3px;
  3902.     padding: 1px 3px;
  3903.     white-space: pre-line;
  3904.     overflow: hidden;
  3905. }
  3906. /* COR display: inline; */
  3907. body[pagetype="UserProfile"] #user-discussions:hover ul a:not(:first-of-type) {
  3908.     width: auto;
  3909. }
  3910. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a {
  3911.     display: inline-block;
  3912.     width: 97%;
  3913. }
  3914. /* COR FLOAT */
  3915. #user-discussions:hover ul a:first-of-type,
  3916. body[pagetype="PersonalProfile"] #user-discussions:hover ul a:first-of-type {
  3917.     display: block;
  3918.     float: left;
  3919.     width: 100%;
  3920. }
  3921. /* QUEST */
  3922. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item {
  3923.     padding-top: 0px;
  3924.     border-top: 1px solid #ccc;
  3925. }
  3926. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item .discussion-meta {
  3927.     display: inline-block;
  3928.     width: 100%;
  3929. }
  3930. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item .discussion-meta .discussion-meta-item-script-name {
  3931.     display: inline-block;
  3932.     width: 99%;
  3933.     padding: 2px;
  3934.     overflow: hidden;
  3935.     text-align: center;
  3936. border: 1px solid red;
  3937. }
  3938. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item a.discussion-title {
  3939.     display: inline-block;
  3940.     width: 100%;
  3941.     overflow: hidden;
  3942.     padding: 4px 0 14px;
  3943.     text-decoration: none;
  3944.     text-overflow: ellipsis;
  3945.     white-space: nowrap;
  3946. color: peru !important;
  3947. }
  3948.  
  3949. /* DISC - UserProfile - CIT */
  3950. body[pagetype="UserProfile"] #user-discussions:not(:empty),
  3951. body[pagetype="UserProfile"] #user-discussions:not(:empty) {
  3952.     position: fixed;
  3953.     min-width: 25px;
  3954.     max-width: 25px;
  3955.     height: 23px;
  3956.     line-height: 24px;
  3957.     top: 70px;
  3958.     left: 29%;
  3959.     white-space: nowrap;
  3960.     z-index: 500;
  3961. border: 1px solid red;
  3962. }
  3963. body[pagetype="UserProfile"] #user-discussions:not(:empty):hover,
  3964. body[pagetype="UserProfile"] #user-discussions:not(:empty):hover {
  3965.     min-height: 465px;
  3966. background: blue;
  3967. }
  3968. /* DISC - NORMAL */
  3969. #user-discussions li {
  3970.     line-height: 17px;
  3971.     margin-bottom: 3px;
  3972.     padding: 1px 3px;
  3973. border-top: 1px solid gray;
  3974. border-bottom: 1px solid gray;
  3975. }
  3976. #user-discussions ul.discussion-list > li:nth-child(even) {
  3977.     background: #222;
  3978. }
  3979. body[pagetype="UserProfile"] #user-discussions:not(:empty) > h3,
  3980. body[pagetype="UserProfile"] #user-discussions:not(:empty) > h3 {
  3981.     min-width: 24px;
  3982.     max-width: 24px;
  3983.     margin: 0 0 0 0px;
  3984.     font-size: 0;
  3985.     white-space: nowrap;
  3986.     overflow: hidden;
  3987. background: blue;
  3988. }
  3989.  
  3990. /* "🗨" - DISCUSS OLD/NEW about USER'S SCRIPT - PROFILE - USER / PERSONAL - ALL */
  3991. #user-discussions-on-scripts-written {
  3992.     position: fixed;
  3993.     display: inline-block;
  3994.     height: 100%;
  3995.     max-height: 23px !important;
  3996.     width: 100% !important;
  3997.     min-width: 25px !important;
  3998.     max-width: 25px !important;
  3999.     top: 32px;
  4000.     left: 26.1%;
  4001.     margin-top: 25px;
  4002.     margin-bottom: 10px;
  4003.     font-size: 0;
  4004.     overflow: hidden !important;
  4005.     transition: height ease 0.7s;
  4006.     z-index: 500 !important;
  4007. background: black;
  4008. border: 1px solid red;
  4009. }
  4010. body[pagetype="UserProfile"] #user-discussions-on-scripts-written,
  4011. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written {
  4012.     top: 37px;
  4013.     left: 27.5%;
  4014. }
  4015. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:after,
  4016. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:after,
  4017. #user-discussions-on-scripts-written:after,
  4018.  
  4019. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:after,
  4020. #user-discussions-on-scripts-written:after {
  4021.     content: "🗨";
  4022.     position: absolute;
  4023.     display: inline-block;
  4024.     height: 22px;
  4025.     width: 25px;
  4026.     top: 0px;
  4027.     left: 0;
  4028.     font-size: 15px;
  4029.     text-align: center;
  4030.     z-index: 500;
  4031. color: tomato;
  4032. border: 1px solid red;
  4033. background: gold;
  4034. }
  4035.  
  4036. /* DISC - NORMAL */
  4037. #user-discussions-on-scripts-written:not(:hover) .discussion-list {
  4038.     position: absolute;
  4039.     display: inline-block;
  4040.     height: 23px;
  4041.     min-width: 26px;
  4042.     max-width: 26px;
  4043.     margin: auto;
  4044.     top: 69px;
  4045.     left: 29%;
  4046.     padding: 0px;
  4047.     overflow: hidden;
  4048. }
  4049. /* DISC - PersProf/UserProf  - CIT */
  4050. body[pagetype="UserProfile"] #user-discussions-on-scripts-written ul.discussion-list,
  4051. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written ul.discussion-list {
  4052.     top: 20px;
  4053.     left: 9.5%;
  4054. border: 1px solid red;
  4055. }
  4056. /* DISC - NORMAL */
  4057. #user-discussions-on-scripts-written:hover header + ul.discussion-list,
  4058. #user-discussions-on-scripts-written header:hover + ul.discussion-list {
  4059.     position: absolute;
  4060.     display: inline-block;
  4061.     height: 100%;
  4062.     max-height: 300px;
  4063.     min-width: 450px;
  4064.     max-width: 450px;
  4065.     margin: auto;
  4066.     top: 69px;
  4067.     left: 29%;
  4068.     padding: 25px 5px 18px 5px;
  4069.     overflow-y: auto;
  4070.     z-index: 500;
  4071. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  4072. background-color: black;
  4073. border: 1px solid red;
  4074. }
  4075. /* DISCUS - FILTERED - NORMAL */
  4076. #user-discussions-on-scripts-written:hover header + .discussion-list li#filtered:not(.Mine) {
  4077.     display: inline-block;
  4078. }
  4079.  
  4080. /* DISC - PersonalProfile - CIT */
  4081. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:hover header + ul.discussion-list,
  4082. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written header:hover + ul.discussion-list {
  4083.     position: absolute;
  4084.     display: inline-block;
  4085.     height: 100%;
  4086.     max-height: 300px;
  4087.     min-width: 450px;
  4088.     max-width: 450px;
  4089.     margin: auto;
  4090.     top: 22px;
  4091.     left: 29%;
  4092.     padding: 25px 5px 18px 5px;
  4093.     overflow-y: auto;
  4094.     z-index: 500;
  4095. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  4096. border: 1px solid red;
  4097. }
  4098. /* DISC - HOVER - UserProf - CIT */
  4099. body[pagetype="UserProfile"] #user-discussions-on-scripts-written ul.discussion-list,
  4100. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written ul.discussion-list {
  4101.     display: inline-block !important;
  4102.     width: 100%;
  4103.     height: 100%;
  4104.     min-height: 350px !important;
  4105.     max-height: 350px !important;
  4106.     margin-top: 0px;
  4107.     left: 5px;
  4108.     padding: 5px;
  4109.     white-space: normal !important;
  4110.     overflow: hidden !important;
  4111.     overflow-y: auto !important;
  4112. background: #333;
  4113. }
  4114. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover header + ul.discussion-list,
  4115. body[pagetype="UserProfile"] #user-discussions-on-scripts-written header:hover + ul.discussion-list {
  4116.     position: absolute;
  4117.     display: inline-block;
  4118.     height: 100%;
  4119.     max-height: 300px;
  4120.     min-width: 450px;
  4121.     max-width: 450px;
  4122.     margin: auto;
  4123.     top: 22px;
  4124.     left: 29%;
  4125.     padding: 25px 5px 18px 5px;
  4126.     overflow-y: auto;
  4127.     visibility: visible;
  4128.     z-index: 500;
  4129. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  4130. background-color: red;
  4131. border: 1px solid yellow;
  4132. }
  4133. /* DISC - UserProf - CIT */
  4134. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:not(:hover) ul.discussion-list {
  4135.     top: 0px !important;
  4136.     left: -2px !important;
  4137.     right: 0;
  4138.     box-shadow: none;
  4139. }
  4140. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:not(:hover) ul.discussion-list:empty:before,
  4141. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover ul.discussion-list:empty:before {
  4142.     content: "No Comments";
  4143.     display: inline-block;
  4144.     height: 30px;
  4145.     line-height: 30px;
  4146.     margin: 10px 0 -30px 0;
  4147.     padding: 0 130px;
  4148. }
  4149. body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content + section + .sidebarred + #user-discussions-on-scripts-written:not(:empty):hover ul.discussion-list {
  4150.     display: inline-block;
  4151.     width: 100%;
  4152.     height: 100%;
  4153.     max-height: 200px;
  4154.     margin: 0px;
  4155.     left: 0;
  4156.     top: 25px;
  4157.     border-radius: 0;
  4158.     overflow: hidden;
  4159.     overflow-y: auto;
  4160.     visibility: visible;
  4161. background: #333;
  4162. }
  4163. /*  SCRIP LIST - NEW DISCS */
  4164. body[pagetype="PersonalProfile"] #user-discussions {
  4165.     left: 30.7% !important;
  4166.     top: 62px !important;
  4167. border: 1px solid red;
  4168. }
  4169. body[pagetype="UserProfile"] #user-discussions {
  4170.     left: 30.7% !important;
  4171.     top: 70px !important;
  4172. border: 1px solid red;
  4173. }
  4174. #user-discussions-on-scripts-written:hover {
  4175.     display: inline-block;
  4176.     width: 100%;
  4177.     min-width: 900px !important;
  4178.     max-width: 900px !important;
  4179.     min-height: 240px !important;
  4180.     padding: 0;
  4181.     font-size: 15px;
  4182.     border-radius: 0 0 5px 5px;
  4183.     overflow: hidden;
  4184.     transition: all 0.2s ease 0s;
  4185.     z-index: 50 !important;
  4186. background: black;
  4187. border: 1px solid red;
  4188. }
  4189. #user-discussions-on-scripts-written:hover header {
  4190.     position: relative;
  4191.     display: inline-block;
  4192.     height: 25px;
  4193.     width: 100%;
  4194. }
  4195. #user-discussions-on-scripts-written:hover header h3 {
  4196.     position: relative;
  4197.     display: inline-block;
  4198.     width: 100%;
  4199.     margin-top: 25px;
  4200.     text-align: center;
  4201.     color: red;
  4202.     background: gold;
  4203. }
  4204.  
  4205. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover,
  4206. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:hover {
  4207.     padding-bottom: 40px;
  4208. }
  4209. #user-discussions-on-scripts-written:hover .text-content {
  4210.     position: relative;
  4211.     display: inline-block;
  4212.     width: 100%;
  4213.     height: 100% !important;
  4214.     min-height: 185px !important;
  4215.     max-height: 185px !important;
  4216.     margin-top: 0px;
  4217.     border-radius: 0;
  4218.     overflow: hidden;
  4219.     overflow-y: auto;
  4220.     border: none;
  4221.     border-bottom: 1px solid red;
  4222. }
  4223. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul,
  4224. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul {
  4225.     height: 150px;
  4226.     margin-top: 0;
  4227.     margin-bottom: 8px;
  4228.     overflow-x: hidden;
  4229.     overflow-y: auto;
  4230.     border-bottom: 1px solid red;
  4231. }
  4232. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li,
  4233. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li {
  4234.     line-height: 15px;
  4235. }
  4236. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a,
  4237. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a {
  4238.     line-height: 15px;
  4239.     font-size: 0px;
  4240. }
  4241. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i,
  4242. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i {
  4243.     line-height: 15px;
  4244.     font-size: 15px;
  4245. }
  4246. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i:before,
  4247. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i:before {
  4248.     content: "💬";
  4249.     margin-right: 5px;
  4250. }
  4251.  
  4252. /* RSS FEED FORUM AUTOR - NORMAl  */
  4253. #user-discussions-on-scripts-written > h3 > a[href*="/forum/discussions/feed.rss?script_author="] {
  4254.     position: fixed;
  4255.     display: inline-block;
  4256.     margin-top: 0px;
  4257.     margin-left: 35%;
  4258.     font-size: 13px;
  4259.     z-index: 5000;
  4260. }
  4261. /* USER PROF -  SETS - for long SETS DESCR - with / without GM " CIT" */
  4262. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  4263.     display: inline-block!important;
  4264.     margin-left: -13px !important;
  4265.     margin-bottom: 0 !important;
  4266.     margin-top: -14px !important;
  4267.     padding-left: 6px !important;
  4268. }
  4269. /* (new240) USER PROF -  SETS - CITRUS */
  4270. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  4271.     display: inline-block!important;
  4272.     margin-left: -13px !important;
  4273.     margin-top: 4px !important;
  4274.     padding-left: 6px !important;
  4275. }
  4276. #user-script-sets > li {
  4277.     float: right;
  4278.     clear: both;
  4279.     width: 935px !important;
  4280.     line-height: 20px !important;
  4281.     margin-bottom: 2px !important;
  4282.     padding: 0 5px !important;
  4283.     text-indent: -18px !important;
  4284. }
  4285. #user-script-sets > li:nth-child(odd) {
  4286.     background: #333 !important;
  4287. }
  4288. #user-script-sets > li:nth-child(even) {
  4289.     background: black !important;
  4290. }
  4291. #user-script-sets > li:hover {
  4292.     color: tomato !important;
  4293. }
  4294. #user-script-sets > li:before {
  4295.     content: "👁️‍🗨️ ";
  4296.     margin-left: 15px;
  4297.     margin-right: 15px;
  4298.     width: 17px;
  4299.     color: red;
  4300. }
  4301. #user-script-sets > li a[href*="/scripts?set="] {
  4302.     display: inline-block;
  4303.     width: auto !important;
  4304.     line-height: 20px;
  4305.     margin-bottom: -3px;
  4306.     font-size: 15px;
  4307.     white-space: nowrap;
  4308.     overflow: hidden;
  4309.     color: transparent;
  4310. }
  4311. #user-script-sets > li a[href*="/scripts?set="]:before {
  4312.     content: " ";
  4313.     position: relative;
  4314.     float: left;
  4315.     height: 100%;
  4316.     max-height: 15px;
  4317.     min-height: 15px;
  4318.     width: 100%;
  4319.     min-width: 25px;
  4320.     max-width: 25px;
  4321.     margin-left: -2px;
  4322.     top: 4px;
  4323.     font-size: 20px !important;
  4324. color: gold !important;
  4325. }
  4326. #user-script-sets > li:hover > a[href$="/edit"] {
  4327.     display: inline-block !important;
  4328.     height: 15px !important;
  4329.     line-height: 18px !important;
  4330.     margin-left: 15px !important;
  4331.     padding: 2px 4px !important;
  4332. color: gold !important;
  4333. }
  4334. #user-script-sets > li:hover > a:not([href$="/edit"]) {
  4335.     display: inline-block !important;
  4336. }
  4337.  
  4338. /* USER PROF -  SETS - USER SETS (ON HOVER)  CIT - #script-table + */
  4339. #main-header + #script-table + .pagination + #UserSets,
  4340. #main-header + #script-table + #UserSets {
  4341.     position: fixed !important;
  4342.     left: 27.5% !important;
  4343.     top: 48px!important;
  4344.     padding: 2px 10px;
  4345.     border-radius: 5px;
  4346.     z-index: 200000 !important;
  4347.     opacity: 1 !important;
  4348.     background-color: yellow;
  4349. }
  4350. #main-header + #script-table + .pagination + #UserSets:before,
  4351. #main-header + #script-table + #UserSets:before {
  4352.     content: "Your Sets ▼ " !important;
  4353.     position: fixed !important;
  4354.     display: inline-block !important;
  4355.     top: 48px !important;
  4356.     left: 27.5% !important;
  4357.     padding: 1px 5px !important;
  4358.     border-radius: 5px;
  4359.     font-size: 12px !important;
  4360.     visibility: visible !important;
  4361.     z-index: 200000 !important;
  4362.     opacity: 1 !important;
  4363.     background-color: yellow;
  4364. }
  4365. #main-header + #script-table + .pagination + #UserSets:hover,
  4366. #main-header + #script-table + #UserSets:hover {
  4367.     opacity: 1 !important;
  4368.     visibility: visible !important;
  4369. }
  4370.  
  4371. /* ==== FAV /SETS PAGES - TXT  "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" */
  4372. /* FAVORITS / SETS PAGES - TXT "FAVORIS BY...." */
  4373. #UserSets + .width-constraint > h3 {
  4374.     position: fixed !important;
  4375.     display: inline-block !important;
  4376.     width: 300px !important;
  4377.     height: 20px !important;
  4378.     line-height: 17px !important;
  4379.     top: 60px !important;
  4380.     margin-left: 250px !important;
  4381.     padding: 0 2px !important;
  4382.     font-size: 12px !important;
  4383.     text-align: left !important;
  4384.     border-radius: 3px !important;
  4385.     background: #333 !important;
  4386. }
  4387. #UserSets + .width-constraint > h3 a {
  4388.     display: inline-block !important;
  4389.     max-width: 80px !important;
  4390.     height: 15px !important;
  4391.     line-height: 15px !important;
  4392.     margin-top: 0px !important;
  4393.     font-size: 13px !important;
  4394.     white-space: nowrap !important;
  4395.     overflow: hidden !important;
  4396.     text-overflow: ellipsis !important;
  4397. color: gold !important;
  4398. }
  4399. #UserSets + .width-constraint > h3 a:hover {
  4400.     color: tomato !important;
  4401. }
  4402. #UserSets + .width-constraint > h3 > a[href$="/edit"] {
  4403.     position: absolute !important;
  4404.     display: inline-block !important;
  4405.     height: 15px !important;
  4406.     line-height: 15px !important;
  4407.     width: 40px !important;
  4408.     top: 2px !important;
  4409.     margin-left: 25% !important;
  4410.     padding: 2px 2px 2px 15px !important;
  4411.     border-radius: 3px !important;
  4412.     font-size: 14px !important;
  4413.     opacity: 0 !important;
  4414.     z-index: 1500 !important;
  4415. background: rgba(145, 124, 124, 0.42) url("https://greatest.deepsurf.us/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4416. }
  4417. #UserSets + .width-constraint > h3:hover > a[href$="/edit"] {
  4418.     position: absolute !important;
  4419.     display: inline-block !important;
  4420.     height: 15px !important;
  4421.     line-height: 15px !important;
  4422.     width: 40px !important;
  4423.     top: 20px !important;
  4424.     margin-left: 27% !important;
  4425.     padding: 2px 2px 2px 15px !important;
  4426.     border-radius: 3px !important;
  4427.     font-size: 14px !important;
  4428.     opacity: 1 !important;
  4429.     z-index: 1500 !important;
  4430. background: rgba(145, 124, 124, 0.42) url("https://greatest.deepsurf.us/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4431. }
  4432.  
  4433. /* FAV / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" */
  4434. #UserSets + .width-constraint > p {
  4435.     padding: 2px 2px 2px 20px !important;
  4436.     z-index: 500 !important;
  4437. background: rgba(145, 124, 124, 0.42) url("https://greatest.deepsurf.us/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4438. }
  4439. #UserSets + .width-constraint > p {
  4440.     padding: 2px 2px 2px 20px !important;
  4441.     z-index: 500 !important;
  4442. background: rgba(145, 124, 124, 0.42) url("https://greatest.deepsurf.us/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4443. }
  4444.  
  4445. /* FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - ===  */
  4446. #UserSets + .width-constraint h3:not(:hover) ~ p:nth-last-of-type(n + 2):not(:hover):before,
  4447. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n + 2):not(:hover):before {
  4448.     content: "► Desc " !important;
  4449.     position: fixed !important;
  4450.     min-width: 60px !important;
  4451.     max-width: 60px !important;
  4452.     top: 71px !important;
  4453.     margin-left: -290px !important;
  4454.     padding: 2px 2px 2px 10px !important;
  4455.     border-radius: 3px !important;
  4456.     font-size: 13px !important;
  4457.     font-weight: bolder !important;
  4458.     overflow: hidden !important;
  4459.     text-overflow: ellipsis !important;
  4460.     white-space: nowrap !important;
  4461.     z-index: 500 !important;
  4462.     pointer-events: none !important;
  4463. color: gold !important;
  4464. background: rgba(145, 124, 124, 0.42)!important;
  4465. }
  4466. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n + 2),
  4467. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n + 2) {
  4468.     position: fixed !important;
  4469.     min-width: 185px !important;
  4470.     max-width: 185px !important;
  4471.     top: 31px !important;
  4472.     margin-left: 760px !important;
  4473.     padding: 2px 2px 2px 10px !important;
  4474.     border-radius: 3px !important;
  4475.     font-size: 15px !important;
  4476.     font-weight: bolder !important;
  4477.     overflow: hidden !important;
  4478.     text-overflow: ellipsis !important;
  4479.     white-space: nowrap!important;
  4480.     z-index: 500 !important;
  4481. color: peru !important;
  4482. background: rgba(145, 124, 124, 0.42)!important;
  4483. }
  4484. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n + 2),
  4485. .width-constraint h3:hover + .script-author-description ~ p:nth-last-of-type(n + 2),
  4486. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n + 2):hover,
  4487. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n + 2):hover {
  4488.     position: fixed !important;
  4489.     height: auto !important;
  4490.     min-width: 385px !important;
  4491.     max-width: 385px !important;
  4492.     top: 31px !important;
  4493.     margin-left: 530px !important;
  4494.     padding: 2px 40px 20px 40px !important;
  4495.     border-radius: 5px !important;
  4496.     font-size: 15px !important;
  4497.     font-weight: bolder !important;
  4498.     overflow: hidden !important;
  4499.     white-space: normal !important;
  4500.     text-align: left !important;
  4501.     z-index: 500 !important;
  4502.     transition: all ease 0.7s !important;
  4503. color: white !important;
  4504. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
  4505. background: black !important;
  4506. border: 1px solid peru !important;
  4507. }
  4508.  
  4509. /* GREASY - FORUM - PROF PAGE */
  4510. .PhotoWrap a.ChangePicture {
  4511.     display: block;
  4512.     top: 15px !important;
  4513.     z-index: 5000 !important;
  4514.     transition: all ease 0.2s !important;
  4515. color: gold !important;
  4516. }
  4517. .PhotoWrap:hover a.ChangePicture {
  4518.     display: block;
  4519.     top: 70px !important;
  4520.     color: gold !important;
  4521.     transition: all ease 0.7s !important;
  4522. }
  4523. .PhotoWrap:hover a.ChangePicture span {
  4524.     color: gold !important;
  4525. }
  4526. #dashboard_profile_index #Content.Column.ContentColumn,
  4527. #dashboard_profile_discussions #Content.Column.ContentColumn {
  4528.     margin-top: 70px!important;
  4529. }
  4530. .About dd {
  4531.     color: peru !important;
  4532. }
  4533. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  4534. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  4535. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  4536.     position: fixed !important;
  4537.     display: inline-block !important;
  4538.     width: 742px !important;
  4539.     top: 54px !important;
  4540.     margin-left: -7px !important;
  4541.     padding: 5px !important;
  4542.     z-index: 200 !important;
  4543.     border-bottom: 1px solid peru !important;
  4544.     background: black !important;
  4545. }
  4546. #dashboard_profile_notifications #Content.Column.ContentColumn .ProfileOptions,
  4547. #dashboard_profile_comments #Content.Column.ContentColumn .ProfileOptions,
  4548. #dashboard_profile_discussions #Content.Column.ContentColumn .ProfileOptions {
  4549.     position: fixed !important;
  4550.     display: inline-block !important;
  4551.     top: 69px !important;
  4552.     margin-left: -158px !important;
  4553.     z-index: 5000 !important;
  4554.     background: transparent !important;
  4555. }
  4556. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile,
  4557. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile,
  4558. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  4559.     position: fixed!important;
  4560.     display: inline-block !important;
  4561.     min-width: 20px !important;
  4562.     max-width: 20px !important;
  4563.     top: 99px !important;
  4564.     margin-left: -58px !important;
  4565.     padding: 3px 10px 3px 3px!important;
  4566.     box-shadow: none !important;
  4567.     text-shadow: none !important;
  4568.     z-index: 202 !important;
  4569.     background: red !important;
  4570. }
  4571. .ButtonGroup.Open .Dropdown.MenuItems {
  4572.     top: 35px !important;
  4573.     right: 23px !important;
  4574. }
  4575. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2,
  4576. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2,
  4577. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  4578.     top: 24px!important;
  4579.     position: fixed!important;
  4580.     display: inline-block;
  4581.     z-index: 250!important;
  4582.     color: peru!important;
  4583.     width: 678px!important;
  4584.     text-align: left;
  4585.     background: black;
  4586.     padding: 2px 5px!important;
  4587.     border: 1px solid peru!important;
  4588. }
  4589. #dashboard_profile_notifications #Content.Column.ContentColumn .ProfileOptions + .Profile,
  4590. #dashboard_profile_comments #Content.Column.ContentColumn .ProfileOptions + .Profile,
  4591. #dashboard_profile_discussions #Content.Column.ContentColumn .ProfileOptions + .Profile {
  4592.     margin-top: 70px !important;
  4593. }
  4594. #conversations_messages_all .Condensed.DataList.Conversations {
  4595.     margin-top: 42px !important;
  4596. }
  4597. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  4598.     margin-top: -70px !important;
  4599. }
  4600. /* GREASK FORUM - PROF BUT */
  4601. #dashboard_profile_discussions .About > dt:last-of-type {
  4602.     position: absolute !important;
  4603.     display: inline-block !important;
  4604.     width: 23% !important;
  4605.     height: 18px !important;
  4606.     line-height: 18px !important;
  4607.     top: 5px !important;
  4608.     left: 74%!important;
  4609.     padding: 2px 2px 2px 15px !important;
  4610.     border-radius: 3px !important;
  4611.     font-size: 15px !important;
  4612.     background: rgba(145, 124, 124, 0.42) url("https://greatest.deepsurf.us/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4613. }
  4614. /* GREASY - WITHOUT GM - SCRIPTS LIST(work with CIT enable) */
  4615. #user-script-list > li > article,
  4616. #browse-script-list > li > article {
  4617.     padding: 2px 5px !important;
  4618. }
  4619. /* GM "Greasy Fork tweaks" (add screenshots) -
  4620. https://greatest.deepsurf.us/en/scripts/368183-greasy-fork-tweaks/feedback
  4621. === */
  4622. /* COR FLOAT */
  4623. #browse-script-list > li > div:not(#codefund-1) {
  4624.     display: block;
  4625.     float: right;
  4626.     height: 117px !important;
  4627.     width: 20% !important;
  4628.     margin: 0;
  4629.     padding: 5px;
  4630.     overflow: hidden;
  4631.     outline: 1px solid violet !important;
  4632. }
  4633. /* CIRT */
  4634. .script-list dt {
  4635.     width: 12em;
  4636.     clear: left;
  4637.     float: left;
  4638.     padding-left: 5px!important;
  4639.     padding-right: 1em;
  4640.     font-weight: bold;
  4641.     text-align: left !important;
  4642.     border-left: 1px solid peru !important;
  4643. }
  4644. /* without script */
  4645. #user-script-list > li > article .description,
  4646. #browse-script-list > li > article .description {
  4647.     float: left !important;
  4648.     width: 100% !important;
  4649.     min-width: 757px !important;
  4650.     max-width: 757px !important;
  4651.     padding-bottom: 4px !important;
  4652.     padding-left: 4px!important;
  4653.     font-size: 15px !important;
  4654.     line-height: 15px !important;
  4655.     word-wrap: break-word !important;
  4656.     overflow: hidden !important;
  4657.     border-bottom: 1px solid gray!important;
  4658.     border-left: 3px solid red !important;
  4659. }
  4660. /* NEED COR - CIT */
  4661. body[pagetype="UserProfile"] #user-script-list > li > article .description,
  4662. body[pagetype="UserProfile"] #browse-script-list > li > article .description {
  4663.     display: inline-block!important;
  4664.     width: 100% !important;
  4665.     min-width: 710px !important;
  4666.     max-width: 710px !important;
  4667.     padding-bottom: 4px !important;
  4668.     padding-left: 4px!important;
  4669.     font-size: 15px !important;
  4670.     line-height: 15px !important;
  4671.     word-wrap: break-word !important;
  4672.     overflow: hidden !important;
  4673.     border-bottom: 1px solid gray!important;
  4674.     border-left: 3px solid red !important;
  4675. }
  4676. /* mark */
  4677. mark {
  4678.     padding: 0px 5px !important;
  4679.     border-radius: 3px!important;
  4680.     background: rgba(222, 210, 54, 0.31) !important;
  4681. }
  4682.  
  4683. /* ICON USER/SITE - BACKGROUND */
  4684. #site-name img[src$="/MonkeyIcon"],
  4685. #title-image,
  4686. .ProfilePhoto.ProfilePhotoMedium,
  4687. #script-info > header > h2 > div img {
  4688.     height: auto !important;
  4689.     max-height: 30px !important;
  4690.     max-width: 30px !important;
  4691.     width: auto !important;
  4692.     margin-top: -3px;
  4693.     padding: 2px !important;
  4694.     border-radius: 5px !important;
  4695.     box-shadow: 0 0 2px #cccccc inset !important;
  4696.     background-color: rgba(191, 191, 190, 0.33) !important;
  4697. }
  4698. .ProfilePhoto.ProfilePhotoMedium {
  4699.     display: inline-block !important;
  4700.     height: 30px !important;
  4701.     line-height: 8px !important;
  4702.     font-size: 7px !important;
  4703.     white-space: pre-wrap !important;
  4704.     word-wrap: break-word !important;
  4705.     text-align: center;
  4706.     overflow: hidden !important;
  4707. }
  4708. /* ICON - SITE (CIT) */
  4709. #Head.Head > .Row > #site-name > a[href="/"] > img#title-image[src$="/MonkeyIcon"] {
  4710.     position: absolute !important;
  4711.     top: -3px !important;
  4712.     left: -10px !important;
  4713. }
  4714. #vanilla_discussions_index #Head.Head > .Row > #site-name > a[href="/"] > img#title-image[src$="/MonkeyIcon"] {
  4715.     position: absolute !important;
  4716.     top: -18px !important;
  4717.     left: -10px !important;
  4718.     margin-top: 5px !important;
  4719. }
  4720. #site-name img,
  4721. #title-image {
  4722.     max-height: 30px;
  4723.     max-width: 30px;
  4724.     padding: 2px;
  4725.     border-radius: 5px;
  4726.     box-shadow: 0 0 2px #cccccc inset;
  4727.     background-color: rgba(191, 191, 190, 0.33) !important;
  4728.     background-image: none !important;
  4729. }
  4730. .sp-separator + #main-header #site-name > a > img,
  4731. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"],
  4732. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"] {
  4733.     display: inline-block !important;
  4734.     position: relative !important;
  4735.     height: 100% !important;
  4736.     min-height: 30px !important;
  4737.     max-height: 30px !important;
  4738.     width: 100%!important;
  4739.     min-width: 30px !important;
  4740.     max-width: 30px !important;
  4741.     top: -4px !important;
  4742.     padding: 2px!important;
  4743.     border-radius: 3px !important;
  4744. }
  4745. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  4746.     position: relative !important;
  4747.     display: inline-block !important;
  4748.     top: -3px !important;
  4749.     border-radius: 5px !important;
  4750. }
  4751. /* FORUM COM - POST REPY - PREV+QUOTE with "ol" or not / With AUTHOR or no */
  4752. .Preview {
  4753.     min-height: 100px;
  4754.     padding: 4px;
  4755.     color: #929292;
  4756.     background: #454545;
  4757. }
  4758. blockquote,
  4759. blockquote.Quote,
  4760. blockQuote.UserQuote {
  4761.     background: rgba(184, 181, 181, 0.05);
  4762.     border-left: 4px solid rgba(242, 193, 36, 0.37);
  4763. }
  4764. /* BLOCKQUOTES */
  4765. blockquote {
  4766.     width: 711px;
  4767.     margin-left: -4px;
  4768.     padding: 1px 5px;
  4769. }
  4770. .Message > blockquote > div > pre {
  4771.     margin-left: 2px;
  4772. }
  4773. .Message > blockquote > pre {
  4774.     width: 97%;
  4775. }
  4776. .QuoteText > ol {
  4777.     display: inline-block;
  4778.     width: 95%;
  4779.     margin-bottom: -28px;
  4780.     margin-top: -15px;
  4781. }
  4782. .script-author-description > blockquote {
  4783.     margin-left: -4px;
  4784.     padding: 1px 5px;
  4785.     width: 99%;
  4786. }
  4787. /* FORUM COM - POST/EDIT NEW DISC + ACTI */
  4788. #vanilla_post_editdiscussion #Body {
  4789.     width: 100%;
  4790.     margin-top: 5px;
  4791.     padding: 20px;
  4792. }
  4793. #vanilla_post_editdiscussion #Body .Row {
  4794.     display: inline-block;
  4795.     margin-top: 24px;
  4796.     width: 100%;
  4797. }
  4798. #vanilla_post_editdiscussion #Content.Column.ContentColumn,
  4799. #vanilla_post_discussion #Content.Column.ContentColumn {
  4800.     width: 100%;
  4801.     margin: -20px 0px 0 0;
  4802.     padding: 30px 5px;
  4803.     border: none;
  4804. }
  4805. /* GREASY/USERS - FORUM DISC - CONT */
  4806. #Content.Column.ContentColumn,
  4807. #vanilla_discussion_index #Content.Column.ContentColumn {
  4808.     float: right;
  4809.     width: 760px;
  4810.     min-height: 770px;
  4811.     margin-top: 12px;
  4812.     margin-right: 14px;
  4813.     padding: 0;
  4814.     border-radius: 0 0 5px 5px;
  4815.     box-shadow: none;
  4816.     background: transparent;
  4817. }
  4818. /* === GREAS FORUM - LIST/COM - ====== */
  4819. #vanilla_discussions_index.Vanilla.Discussions.index.Section-DiscussionList #Content.Column.ContentColumn {
  4820.     margin-top: 9px;
  4821. }
  4822. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-requests #Content.Column.ContentColumn,
  4823. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-general #Content.Column.ContentColumn,
  4824. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn,
  4825. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-development #Content.Column.ContentColumn {
  4826.     margin-top: 0px;
  4827. }
  4828. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-development #Content.Column.ContentColumn .MessageList.Discussion {
  4829.     margin-top: 21px;
  4830. }
  4831. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-requests #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion,
  4832. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-general #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion,
  4833. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion {
  4834.     margin-top: -12px;
  4835. }
  4836. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn img.rating-image {
  4837.     position: fixed;
  4838.     display: inline-block;
  4839.     margin-left: 0;
  4840.     margin-top: -35px;
  4841.     z-index: 5000;
  4842. }
  4843. /* USERS FORUM - LIST */
  4844. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4845. #vanilla_discussions_bookmarked.Vanilla.Discussions.bookmarked.Section-DiscussionList #Content.Column.ContentColumn,
  4846. #vanilla_discussions_mine.Vanilla.Discussions.mine.Section-DiscussionList #Content.Column.ContentColumn {
  4847.     margin-top: 8px
  4848. }
  4849. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-userstyles\.org.Section-Category-userstyles\.org.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4850. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4851. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-stylish.Section-Category-stylish.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4852. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-requests.Section-Category-style-requests.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4853. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-development.Section-Category-style-development.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn {
  4854.     margin-top: 12px;
  4855. }
  4856. /* GREASY - FORUM - POST COM - FIRST POST */
  4857. .ExtraDiscussionData-Rating .report {
  4858.     width: 584px;
  4859.     padding: 5px;
  4860.     border: 1px solid gray;
  4861. }
  4862. /* GREAS/USERST - CATEG DISC LIST */
  4863. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  4864.     margin-top: -37px;
  4865. }
  4866. /*  USERST */
  4867. #Content.Column.ContentColumn .MessageList.Discussion,
  4868. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  4869.     position: relative;
  4870.     top: -28px;
  4871.     margin-bottom: -18px;
  4872.     z-index: 10;
  4873. }
  4874. /* FORUM DISC - COM FORM -  CONT */
  4875. .MessageForm.CommentForm.FormTitleWrapper {
  4876.     padding-left: 15px;
  4877. }
  4878. /* USERS/GREASY - FORUM - DISC LIST CONT */
  4879. /* GREAS/USERST */
  4880. .Column.ContentColumn .DataList.Discussions {
  4881.     position: relative;
  4882.     display: inline-block;
  4883.     width: 755px;
  4884.     margin-top: 5px;
  4885. }
  4886. /* PB DIFF - USERS/GREASY */
  4887. /* GREAS */
  4888. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  4889.     margin-left: 0px;
  4890. }
  4891.  
  4892. /* ==== */
  4893. .Profile .DataList.Discussions {
  4894.     position: relative;
  4895.     display: inline-block;
  4896.     width: 727px;
  4897.     margin-top: 107px;
  4898. }
  4899. #vanilla_categories_index .DataList.CategoryList {
  4900.     position: relative;
  4901.     display: inline-block;
  4902.     width: 727px;
  4903.     margin-top: 30px;
  4904. }
  4905. .DataList.Activities .Item {
  4906.     position: relative;
  4907.     display: inline-block;
  4908.     width: 709px;
  4909. }
  4910. /* FORUMS ALL - DISC LIST - HEADER - ===  */
  4911. .HomepageTitle,
  4912. .H.HomepageTitle {
  4913.     position: fixed !important;
  4914.     width: 743px;
  4915.     top: 80px !important;
  4916.     margin-left: -1px !important;
  4917.     padding: 1px 5px 1px 5px;
  4918.     z-index: 10;
  4919.     border-top: 1px solid peru;
  4920.     border-bottom: 1px solid peru;
  4921.     color: gold;
  4922.     background-color: #222 !important;
  4923. }
  4924. #vanilla_discussions_participated .HomepageTitle {
  4925.     width: 733px !important;
  4926.     top: 47px !important;
  4927. }
  4928.  
  4929. /* USERS FORUM - DISC LIST - HEAD */
  4930. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  4931.     width: 747px;
  4932.     top: 47px !important;
  4933. }
  4934. /* (new173) USERST/GREASY */
  4935. .P.PageDescription,
  4936. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .P.PageDescription {
  4937.     position: fixed;
  4938.     width: 757px;
  4939.     top: 95px;
  4940.     padding: 3px 0px 3px 5px;
  4941.     z-index: 10;
  4942.     color: gold;
  4943.     border-bottom: 1px solid red;
  4944.     background-color: #222;
  4945. }
  4946. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .P.PageDescription {
  4947.     top: 73px;
  4948. }
  4949. #vanilla_categories_index .DataList.Discussions {
  4950.     margin-top: 24px;
  4951.     border-top: 1px solid peru;
  4952. }
  4953. #vanilla_discussions_bookmarked ul.DataList.Discussions {
  4954.     margin-top: 0px;
  4955.     border-top: 1px solid peru;
  4956. }
  4957. /* PROF - DICUS LIST -  === */
  4958. .Profile .DataList.Discussions {
  4959.     margin-top: 0px;
  4960. }
  4961.  
  4962. /* ACTIVITY PAGE */
  4963. .Excerpt > p > a > img {
  4964.     max-width: 671px!important;
  4965. }
  4966. #dashboard_profile_notifications .Item:nth-child(odd),
  4967. .Profile .DataList.Discussions .Item:nth-child(odd),
  4968. .DataList.SearchResults .Item:nth-child(odd) {
  4969.     background-color: #222 !important;
  4970. }
  4971. #dashboard_profile_notifications .Item:nth-child(even),
  4972. .Profile .DataList.Discussions .Item:nth-child(even),
  4973. .DataList.SearchResults .Item:nth-child(even) {
  4974.     background-color: #414141 !important;
  4975. }
  4976. #dashboard_profile_notifications .Item:hover,
  4977. .Profile .DataList.Discussions .Item:hover,
  4978. .DataList.SearchResults .Item:hover {
  4979.     background-color: rgba(7, 7, 7, 0.57) !important;
  4980.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4981.     transition: background 0.8s ease 0s !important;
  4982. }
  4983. #dashboard_profile_notifications .Item:hover,
  4984. .Profile .DataList.Discussions .Item:hover,
  4985. .DataList.SearchResults .Item:hover {
  4986.     background-color: black !important;
  4987.     z-index: 1 !important;
  4988. }
  4989. .DataList.SearchResults .Item .ItemContent .Meta a {
  4990.     font-size: 15px! important;
  4991. }
  4992. /* GREAS - with/without TS CITRUS - SEARCH FORM + BUTTONS - ===  */
  4993. #site-nav nav form.sidebar-search {
  4994.     position: absolute;
  4995.     top: 2px;
  4996.     margin-left: 30px;
  4997.     border-radius: 3px;
  4998.     transition: width ease 0.7s;
  4999.     border: 1px solid red;
  5000. }
  5001. #site-nav nav form.sidebar-search:hover {
  5002.     width: auto !important;
  5003.     min-width: 395px !important;
  5004.     max-width: 395px !important;
  5005.     z-index: 50000 !important;
  5006.     transition: width ease 0.7s !important;
  5007. }
  5008. #site-nav nav form.sidebar-search > input[name="q"] {
  5009.     height: 18px;
  5010.     border-radius: 3px;
  5011.     transition: width ease 4s;
  5012.     border: 1px solid #333 !important;
  5013.     color: gold;
  5014.     background: #333 !important;
  5015. }
  5016. #site-nav nav form.sidebar-search > input[name="q"]::-moz-placeholder {
  5017.     font-size: 12px !important;
  5018.     color: white !important;
  5019. }
  5020. #site-nav nav form.sidebar-search > input[name="q"]::-webkit-input-placeholder {
  5021.     font-size: 12px !important;
  5022.     color: white !important;
  5023. }
  5024. #site-nav nav form.sidebar-search:hover > input[name="q"] {
  5025.     min-width: 355px !important;
  5026.     max-width: 355px !important;
  5027.     z-index: 500;
  5028.     transition: width ease 0.7s;
  5029.     border: 1px solid red;
  5030.     background: black;
  5031. }
  5032. #site-nav nav form.sidebar-search > input[value="✱"],
  5033. #site-nav nav form.sidebar-search:hover > input.search-submit {
  5034.     height: 18px;
  5035.     left: 0;
  5036.     padding-right: 0;
  5037.     background: gray;
  5038. }
  5039. #site-nav nav form.sidebar-search:hover > input[value="✱"],
  5040. #site-nav nav form.sidebar-search:hover > input.search-submit {
  5041.     opacity: 0.8;
  5042. }
  5043. #site-nav nav form.sidebar-search:hover > input[value="✱"]:hover,
  5044. #site-nav nav form.sidebar-search:hover > input.search-submit:hover {
  5045.     opacity: 1 !important;
  5046.     background: red;
  5047. }
  5048.  
  5049. #site-nav nav form.sidebar-search > input[type="search"] {
  5050.     min-height: 18px;
  5051.     line-height: 18px;
  5052.     margin-top: -2px;
  5053. }
  5054. #site-nav nav form.sidebar-search > input[type="submit"] {
  5055.     position: relative;
  5056.     -moz-appearance: none;
  5057.     height: 18px;
  5058.     line-height: 18px;
  5059.     width: 20px;
  5060.     top: 1px;
  5061.     padding-right: 0;
  5062.     font-size: 12px;
  5063.     text-align: center;
  5064. }
  5065. #userProfile + ul #sidebar-search #search-submit {
  5066.     height: 18px;
  5067. }
  5068. #search-other-sites {
  5069.     width: 13px;
  5070.     height: 20px;
  5071.     line-height: 10px;
  5072.     padding: 0px;
  5073. }
  5074.  
  5075. /* GREAS - without CIT - FORUM HEAD */
  5076. #Head.Head .Row,
  5077. #Head .Row {
  5078.     position: relative;
  5079.     display: inline-block;
  5080.     max-height: 47px;
  5081.     min-height: 47px;
  5082.     left: 25%;
  5083.     padding: 0.25em 0;
  5084. }
  5085. #Head.Head .Row {
  5086.     max-height: 39px;
  5087.     min-height: 39px;
  5088.     top: -3px;
  5089. }
  5090. #Head .Row #site-name {
  5091.     height: 51px;
  5092.     line-height: 8px;
  5093.     margin-top: -8px;
  5094. }
  5095. #nav-user-info {
  5096.     position: absolute;
  5097.     display: inline-block;
  5098.     top: -8px;
  5099. }
  5100. .user-profile-link {
  5101.     position: relative;
  5102.     display: inline-block;
  5103. }
  5104. /* GREASY - USER NAME + LOGIN/LOGOUT + LANG - CONTAINER */
  5105. #language-selector {
  5106.     position: absolute;
  5107.     display: inline-block;
  5108.     -moz-appearance: none;
  5109.     width: 18px;
  5110.     height: 15px;
  5111.     line-height: 13px;
  5112.     top: 2px;
  5113.     padding: 0 2px;
  5114.     border-radius: 3px;
  5115.     text-indent: -1px;
  5116.     overflow: hidden;
  5117.     z-index: 500000;
  5118.     box-shadow: 3px 3px 2px black;
  5119.     background: #222;
  5120. }
  5121. #language-selector-locale {
  5122.     position: relative;
  5123.     display: inline-block;
  5124.     -moz-appearance: none;
  5125.     -webkit-appearance: none;
  5126.     width: 19px;
  5127.     height: 20px;
  5128.     line-height: 8px !important;
  5129.     margin-right: 14px;
  5130.     letter-spacing: 1px;
  5131.     overflow: hidden;
  5132.     cursor: pointer;
  5133.     color: peru;
  5134.     border: 1px solid transparent;
  5135.     background: #222;
  5136. }
  5137. #language-selector-locale:hover {
  5138.     color: tomato;
  5139. }
  5140. #language-selector-locale > option {
  5141.     text-indent: 20px;
  5142.     margin-left: -20px;
  5143. }
  5144. #language-selector-locale > option:checked:before {
  5145.     content: attr(value);
  5146.     color: tan !important;
  5147.     font-size: 20px;
  5148.     background: black
  5149. }
  5150. #language-selector-locale > option:before {
  5151.     content: attr(value);
  5152.     display: inline-block;
  5153.     width: 100px;
  5154.     margin-right: 17px;
  5155.     margin-left: -20px;
  5156.     color: gold;
  5157. }
  5158. #language-selector-locale > option[selected=""]:before {
  5159.     content: attr(value);
  5160.     color: green;
  5161. }
  5162. .width-constraint #nav-user-info {
  5163.     position: absolute;
  5164.     display: inline-block;
  5165.     height: 15px;
  5166.     line-height: 15px;
  5167.     width: 300px;
  5168.     top: 15px;
  5169.     top: -4px;
  5170.     left: 64%;
  5171.     text-align: right;
  5172. }
  5173. /* GREAS/USERST - SITE MENU - with SEARCH */
  5174. .SiteMenu {
  5175.     position: absolute;
  5176.     display: inline-block;
  5177.     height: 22px;
  5178.     width: 320px;
  5179.     top: -18px;
  5180.     left: 16%;
  5181. }
  5182. #vanilla_categories_index .SiteMenu,
  5183. #vanilla_drafts_index .SiteMenu,
  5184. #vanilla_discussions_mine .SiteMenu,
  5185. #vanilla_discussions_bookmarked .SiteMenu,
  5186. #vanilla_discussion_comment .SiteMenu {
  5187.     top: -12px;
  5188. }
  5189. /* USERST */
  5190. #Frame #Head.Head .Row .SiteTitle + .SiteSearch + .SiteMenu {
  5191.     top: 0px;
  5192. }
  5193. /* GREA : WITH/ Without CIT - SITE NAV - PB GM "Greasyfork - Add notes to the script" */
  5194. #site-nav > nav {
  5195.     position: absolute;
  5196.     display: inline-block!important;
  5197.     height: 24px!important;
  5198.     line-height: 24px!important;
  5199.     width: auto !important;
  5200.     max-width: 550px !important;
  5201.     top: -9px!important;
  5202.     left: 16%!important;
  5203.     text-align: left !important;
  5204. }
  5205. /* (new217) GM "Greasyfork - Add notes to the script" ADD NOTES BUT */
  5206. .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn ~ .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn,
  5207. span.theversion + .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn ~ .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  5208.     display: none !important;
  5209. }
  5210. .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-library-note-btn,
  5211. .note-obj-add-note-btn,
  5212. .note-obj-gf-library-note-btn,
  5213. #install-area > .note-obj-gf-info-note-btn {
  5214.     float: right !important;
  5215.     clear: none !important;
  5216.     width: 18px !important;
  5217.     height: 20px !important;
  5218.     top: 10px;
  5219.     left: -30px !important;
  5220.     align-items: center;
  5221.     border-radius: 3px;
  5222.     color: #fff;
  5223.     padding: 2px;
  5224.     white-space: nowrap;
  5225.     background-image: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2IoMzgsIDM4LCAzOCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYigzOCwgMzgsIDM4KSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+")!important;
  5226.     background-position: center center!important;
  5227.     background-repeat: no-repeat!important;
  5228.     background-color: #3c81df;
  5229.     visibility: visible !important;
  5230.     opacity: 1 !important;
  5231. }
  5232. /* (new240) TAG - NEEDD COR overflow-wrap: - NOTES TXT in LIST / SCRIPT IFOS HEADER*/
  5233. .note-obj-gf-note-tag,
  5234. .note-obj-gf-ts-note-tag,
  5235. body[pagetype="PersonalProfile"] .note-obj-gf-ts-note-tag,
  5236. body[pagetype="UserProfile"] .note-obj-gf-ts-note-tag {
  5237.     display: inline-block !important;
  5238.     max-width: 200px !important;
  5239.     height: 100% !important;
  5240.     height: auto !important;
  5241.     max-height: 20px !important;
  5242.     line-height: 21px;
  5243.     margin-left: 5px;
  5244.     padding: 1px 4px;
  5245.     border-radius: 3px;
  5246.     font-size: 13px;
  5247.     white-space: nowrap !important;
  5248.     overflow: hidden !important;
  5249.     text-overflow: ellipsis !important;
  5250. }
  5251. .note-obj-gf-note-tag:hover,
  5252. .note-obj-gf-ts-note-tag:hover {
  5253.     position: absolute !important;
  5254.     display: inline-block !important;
  5255.     max-width: 800px !important;
  5256.     height: 100% !important;
  5257.     height: auto !important;
  5258.     max-height: 100px !important;
  5259.     line-height: 14px !important;
  5260.     margin-left: 5px;
  5261.     padding: 1px 4px;
  5262.     border-radius: 3px;
  5263.     font-size: 14px !important;
  5264.     white-space: pre-wrap !important;
  5265.     word-wrap: normal !important;
  5266.     overflow: hidden !important;
  5267.     overflow-wrap: anywhere !important;
  5268.     z-index: 50000 !important;
  5269. }
  5270. /* NOTES in LIST */
  5271. #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  5272.     margin-top: -15px !important;
  5273.     transform: scale(0.7) !important;
  5274.     opacity: 0.1 !important;
  5275. }
  5276.  
  5277. /* CIT */
  5278. body[pagetype="PersonalProfile"] #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn,
  5279. body[pagetype="ListingPage"] #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn,
  5280. body[pagetype="UserProfile"] #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  5281.     background-color: orange;
  5282. }
  5283.  
  5284. #script-table tr:hover .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  5285.     transform: scale(0.7) !important;
  5286.     opacity: 1 !important;
  5287. }
  5288.  
  5289. /* ADD NOTES POPUP*/
  5290. .note-obj-popver-frame-dialog {
  5291.     min-height: 300px;
  5292.     min-width: 600px;
  5293.     background-color: #38526d;
  5294.     color: #fff;
  5295. }
  5296. .note-obj-popover-frame-item:hover,
  5297. .note-obj-popover-frame-item-deepen:hover {
  5298.     background-color: rgba(0, 0, 0, 0.3);
  5299.     color: gold !important;
  5300. }
  5301. /* GREASY - SCRIPT LIST - CIT */
  5302. body[pagetype="ListingPage"] #site-nav > nav {
  5303.     position: absolute;
  5304.     display: inline-block!important;
  5305.     height: 15px!important;
  5306.     line-height: 15px!important;
  5307.     width: 530px!important;
  5308.     top: -4px!important;
  5309.     left: 16%!important;
  5310.     text-align: left !important;
  5311.     z-index: 50000 !important;
  5312. }
  5313. #main-header .width-constraint {
  5314.     height: 42px !important;
  5315.     padding: 0 0 0.25em;
  5316.     overflow: visible !important;
  5317.     z-index: 50000 !important;
  5318. }
  5319. #main-header .width-constraint #site-name {
  5320.     position: relative;
  5321.     display: inline-block !important;
  5322.     height: 40px!important;
  5323. }
  5324. #title-subtext {
  5325.     font-size: 10px;
  5326.     font-weight: 400 !important;
  5327.     left: 63px !important;
  5328.     position: absolute;
  5329.     text-decoration: none;
  5330.     top: 28px !important;
  5331. }
  5332. #site-name > a[href="/"] {
  5333.     display: inline-block!important;
  5334.     color: gold !important;
  5335. }
  5336. #site-name > a[href="/"] span {
  5337.     position: relative!important;
  5338.     display: inline-block!important;
  5339.     height: 33px!important;
  5340.     line-height: 33px!important;
  5341.     top: -3px !important;
  5342.     margin-left: 3px!important;
  5343.     font-size: 27px!important;
  5344.     color: peru !important;
  5345. }
  5346. #site-name > a[href="/"] #title-subtext {
  5347.     position: absolute;
  5348.     top: 17px!important;
  5349.     left: 52px !important;
  5350.     font-size: 8px !important;
  5351.     text-decoration: none;
  5352.     color: peru !important;
  5353. }
  5354. /* (new214) CITRUS - DEV NAME - SUPP */
  5355. .width-constraint #site-name > a[href="/"] a#title-subtext {
  5356.     display: none !important;
  5357.     min-width: 160px !important;
  5358.     left: 42px !important;
  5359.     top: 12px !important;
  5360. }
  5361. body[pagetype="ListingPage"] #site-name > a[href="/"] a#title-subtext {
  5362.     display: none !important;
  5363.     left: 55px !important;
  5364.     top: 15px !important;
  5365. }
  5366.  
  5367.  
  5368. /* (new214) */
  5369. #main-header .width-constraint #site-name > a[href="/"] span#title-text,
  5370. #Frame #Head.Head > .Row > #site-name > a[href="/"] span#title-text {
  5371.     height: 15px !important;
  5372.     line-height: 15px !important;
  5373.     top: -20px !important;
  5374.     left: 0px !important;
  5375.     border-radius: 0 0 5px 0 !important;
  5376.     font-size: 12px !important;
  5377.     border: 1px solid peru !important;
  5378.     border-left: none !important;
  5379.     border-top: none !important;
  5380. }
  5381. #Frame #Head.Head > .Row > #site-name > a[href="/"] span#title-text {
  5382.     top: -5px !important;
  5383.     left: 30px !important;
  5384. }
  5385. body[pagetype="ListingPage"] #site-name > a[href="/"] span#title-text {
  5386.     height: 13px !important;
  5387.     line-height: 13px !important;
  5388.     top: -19px !important;
  5389.     left: 0px !important;
  5390.     border-radius: 0 0 5px 0 !important;
  5391.     font-size: 12px !important;
  5392. }
  5393. /* GREAS - SITE TIT - WITHOUT CITRUS */
  5394. #site-name h1 {
  5395.     width: 109px;
  5396.     height: 20px;
  5397.     line-height: 12px;
  5398.     top: -18px;
  5399.     border-radius: 0 0 10px 0;
  5400.     border: 1px solid peru;
  5401.     border-left: none;
  5402.     border-top: none;
  5403. }
  5404. #site-name h1 a {
  5405.     height: 18px !important;
  5406.     line-height: 15px !important;
  5407.     font-size: 18px !important;
  5408.     letter-spacing: 0.2px !important;
  5409. }
  5410. .subtitle,
  5411. #main-header .subtitle {
  5412.     margin-top: -3px;
  5413.     margin-left: -1px;
  5414.     text-shadow: none;
  5415. }
  5416. #site-name-text {
  5417.     display: inline-block;
  5418.     vertical-align: top;
  5419.     height: 18px;
  5420.     line-height: 18px;
  5421. }
  5422. #site-name-text h1 {
  5423.     font-size: 13px !important;
  5424.     letter-spacing: -2px;
  5425.     margin-top: -4px;
  5426. }
  5427. #site-name-text h1 a {
  5428.     font-size: 13px !important;
  5429.     letter-spacing: 0.6px;
  5430.     margin: 0;
  5431. }
  5432. #site-nav > nav > li > a {
  5433.     margin-right: 2px;
  5434. }
  5435.  
  5436. /* GREAS - ADD ICON for LOGIN */
  5437. #nav-user-info {
  5438.     color: transparent;
  5439. }
  5440. .sign-out-link {
  5441.     position: relative;
  5442.     display: inline-block;
  5443.     height: 15px;
  5444.     margin-right: 5px;
  5445.     font-size: 0;
  5446.     opacity: 0.4;
  5447. }
  5448. .sign-out-link:hover {
  5449.     opacity: 1;
  5450. }
  5451. .SignOut,
  5452. .sign-out-link a {
  5453.     position: relative;
  5454.     display: inline-block;
  5455.     height: 15px;
  5456.     width: 15px;
  5457.     margin-right: 5px;
  5458.     top: -3px;
  5459.     border-radius: 3px;
  5460.     font-size: 0;
  5461.     cursor: pointer;
  5462.     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);
  5463.     background-position: center;
  5464.     background-size: cover;
  5465.     background-color: red;
  5466.     border: 1px solid gray;
  5467. }
  5468.  
  5469. /* GREAS - SEARCH */
  5470. .nav-search {
  5471.     position: absolute !important;
  5472.     display: inline-block !important;
  5473.     width: 220px !important;
  5474.     height: 19px !important;
  5475.     line-height: 0px !important;
  5476.     left: 240px !important;
  5477.     top: 7px !important;
  5478. }
  5479. .nav-search:hover {
  5480.     width: 400px !important;
  5481. }
  5482. .nav-search #script-search {
  5483.     position: relative;
  5484.     display: inline-block !important;
  5485.     vertical-align: top !important;
  5486.     width: 200px !important;
  5487.     top: -7px !important;
  5488. }
  5489. body[pagetype="ListingPage"] .nav-search #script-search {
  5490.     top: -12px !important;
  5491. }
  5492. .nav-search:hover #script-search {
  5493.     width: 420px !important;
  5494. }
  5495. .nav-search #script-search input[name="q"] {
  5496.     display: inline-block !important;
  5497.     width: 150px !important;
  5498.     margin-top: 5px !important;
  5499.     opacity: 0.4 !important;
  5500. }
  5501. .nav-search:hover #script-search input[name="q"] {
  5502.     width: 350px !important;
  5503.     opacity: 1 !important;
  5504. }
  5505.  
  5506. /* CIT - SETTINGS - ADD ICON (keep!important;) */
  5507. #site-name > a span#settings-subtext {
  5508.     position: absolute !important;
  5509.     display: inline-block;
  5510.     height: 16px !important;
  5511.     width: 16px !important;
  5512.     margin-left: -39px !important;
  5513.     margin-top: 15px !important;
  5514.     border-radius: 4px !important;
  5515.     font-size: 0px !important;
  5516.     transform: scale(0.7) !important;
  5517.     opacity: 0.4 !important;
  5518.     background: rgba(0, 0, 0, 0) url("https://greatest.deepsurf.us/tr/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -102.6px !important;
  5519.     background-color: #DCD9D9;
  5520. }
  5521. #site-name > a span#settings-subtext:hover {
  5522.     opacity: 1;
  5523. }
  5524. .width-constraint #site-name > a[href="/"] span#settings-subtext {
  5525.     margin-left: -30px !important;
  5526.     margin-top: 15px !important;
  5527. }
  5528. body[pagetype="ListingPage"] #site-name > a[href="/"] span#settings-subtext {
  5529.     margin-left: -31px !important;
  5530.     margin-top: 16px !important;
  5531. }
  5532. /* CIT - SCRIPT INFO */
  5533. #script-info {
  5534.     display: inline-block;
  5535.     margin-top: -50px;
  5536.     padding: 0 5px 0 5px;
  5537.     border-radius: 0;
  5538.     text-align: left !important;
  5539.     box-shadow: none;
  5540.     border: 1px solid #bbb;
  5541.     background-color: #333;
  5542. }
  5543. #share {
  5544.     position: relative;
  5545.     display: inline-block;
  5546.     max-height: 20px;
  5547.     margin-bottom: 0;
  5548.     overflow: hidden;
  5549.     background: red;
  5550.     background-color: #670000;
  5551.     background-image: linear-gradient(#670000, #900);
  5552. }
  5553. #share:hover {
  5554.     height: 240px;
  5555.     max-height: 100%;
  5556.     overflow: visible;
  5557.     transition: height ease 4s;
  5558. }
  5559. #share > h3 {
  5560.     margin-top: -2px;
  5561.     width: 942px;
  5562.     padding: 0 5px;
  5563. }
  5564. #social-buttons {
  5565.     text-align: center;
  5566. }
  5567. .social_share_privacy_area.box li.settings_info {
  5568.     display: inline-block;
  5569.     left: 0;
  5570. }
  5571. #script-table {
  5572.     display: block;
  5573.     margin: 0 auto;
  5574.     max-width: 960px;
  5575. }
  5576. body[pagetype="ListingPage"] .sp-separator ~ #script-table,
  5577. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table:not(:first-of-type) {
  5578.     position: relative !important;
  5579.     display: block !important;
  5580.     max-width: 960px;
  5581.     margin-top: 0px;
  5582.     margin-bottom: -70px !important;
  5583.     top: 0px !important;
  5584. }
  5585. body[pagetype="ListingPage"] #script-table thead {
  5586.     margin-top: -25px;
  5587. }
  5588. #script-table tbody td:nth-child(2) {
  5589.     max-width: 450px;
  5590.     min-width: 450px;
  5591. }
  5592.  
  5593. /* (new234) USER  PERS PROFI - CIT - TOP HEADER (mask Discuss) - CIT */
  5594. /* !imp - PROF INFOS - WITH CITRUS  - PERS/USER PROF */
  5595. body[pagetype="PersonalProfile"] #main-header + .width-constraint,
  5596. #main-header + .width-constraint {
  5597.     display: inline-block !important;
  5598.     margin-top: 155px !important;
  5599.     max-width: 970px;
  5600.     margin-bottom: 0;
  5601.     padding: 0;
  5602.     text-align: left !important;
  5603.     box-shadow: none;
  5604.     z-index: 0 !important;
  5605. }
  5606. body[pagetype="PersonalProfile"] #main-header + .width-constraint:first-of-type {
  5607.     top: 10px !important;
  5608. }
  5609. body[pagetype="PersonalProfile"] #main-header + .width-constraint:hover,
  5610. #main-header + .width-constraint:hover {
  5611.     z-index: 50 !important;
  5612. }
  5613.  
  5614. /* NO CITR */
  5615. #about-user.text-content.reportable {
  5616.     position: fixed;
  5617.     height: 35px;
  5618.     margin-top: -7px !important;
  5619.     max-width: 1030px;
  5620.     margin-bottom: 0;
  5621.     margin-left: -2.5% !important;
  5622.     padding: 0;
  5623.     text-align: left !important;
  5624.     box-shadow: none;
  5625.     z-index: 50 !important;
  5626. }
  5627. body[pagetype="UserProfile"] #main-header + .width-constraint > .text-content.reportable,
  5628. body[pagetype="PersonalProfile"] #main-header + .width-constraint > .text-content.reportable {
  5629.     max-width: 969px;
  5630.     height: 25px !important;
  5631.     margin-left: 0.7% !important;
  5632.     top: 68px !important;
  5633. }
  5634. #main-header + .width-constraint .sidebarred-main-content > .open-sidebar.sidebar-collapsed + section {
  5635.     display: inline-block;
  5636.     height: auto !important;
  5637.     width: 100%;
  5638.     max-width: 100%;
  5639.     margin-bottom: 0;
  5640.     margin-top: 30px !important;
  5641.     padding: 0;
  5642.     text-align: left !important;
  5643.     box-shadow: none;
  5644.     background: #222;
  5645. }
  5646. #main-header + .width-constraint .sidebarred-main-content > .open-sidebar.sidebar-collapsed + section #user-script-list {
  5647.     display: inline-block;
  5648.     min-height: 100% !important;
  5649.     width: 100%;
  5650.     max-width: 970px;
  5651.     margin-bottom: 0;
  5652.     padding: 0;
  5653.     text-align: left !important;
  5654.     box-shadow: none;
  5655.     background: #222;
  5656. }
  5657. body[pagetype="PersonalProfile"] > .width-constraint,
  5658. body[pagetype="UserProfile"] > .width-constraint {
  5659.     display: inline-block;
  5660.     width: 100%;
  5661.     right: 0;
  5662.     left: 0;
  5663.     top: 2px;
  5664.     z-index: 1;
  5665. }
  5666. body[pagetype="PersonalProfile"] > .width-constraint {
  5667.     position: fixed;
  5668.     max-height: 20px !important;
  5669.     top: -12px;
  5670. }
  5671. body[pagetype="PersonalProfile"] #user-discussions .text-content,
  5672. body[pagetype="UserProfile"] #user-discussions .text-content {
  5673.     display: inline-block;
  5674.     height: 35px;
  5675.     line-height: 23px;
  5676.     max-width: 980px;
  5677.     margin-bottom: 0px;
  5678.     margin-left: 0px !important;
  5679.     padding: 0 5px;
  5680.     box-shadow: none;
  5681.     border-radius: 0 0 5px 5px;
  5682.     border: 1px solid red;
  5683. }
  5684. body[pagetype="PersonalProfile"] #user-discussions:hover .text-content {
  5685.     height: auto;
  5686.     margin-top: 50px;
  5687. }
  5688. body[pagetype="UserProfile"] #user-discussions:hover .text-content {
  5689.     height: auto;
  5690.     margin-top: 50px;
  5691. }
  5692. body .width-constraint > #about-user.text-content > h2 {
  5693.     height: 25px !important;
  5694.     line-height: 25px !important;
  5695.     margin-top: 0px;
  5696.     text-align: center;
  5697. }
  5698. body[pagetype="UserProfile"] #user-discussions .text-content .white-panel {
  5699.     padding: 0 0 0 10px;
  5700. }
  5701. body[pagetype="ListingPage"] #script-table,
  5702. body[pagetype="PersonalProfile"] #script-table,
  5703. body[pagetype="UserProfile"] #script-table {
  5704.     display: table;
  5705.     height: 100%;
  5706.     min-width: 970px !important;
  5707.     max-width: 970px !important;
  5708.     margin-left: 24%;
  5709.     z-index: 500 !important;
  5710. }
  5711. body[pagetype="ListingPage"] #script-table {
  5712.     margin-left: 26% !important;
  5713. }
  5714. /* CIT + GM "Superloader" */
  5715. body[pagetype="ListingPage"] #script-table:first-of-type {
  5716.     margin-top: 87px !important;
  5717.     margin-bottom: 20px !important;
  5718. }
  5719. body[pagetype="UserProfile"] #script-table {
  5720.     margin-top: 38px !important;
  5721. }
  5722. body[pagetype="PersonalProfile"] #script-table {
  5723.     margin-top: 115px !important;
  5724. }
  5725. body[pagetype="ListingPage"] #script-table thead,
  5726. body[pagetype="PersonalProfile"] #script-table thead,
  5727. body[pagetype="UserProfile"] #script-table thead {
  5728.     position: fixed !important;
  5729.     min-width: 968px;
  5730.     max-width: 968px;
  5731.     top: 85px;
  5732.     background: black;
  5733. }
  5734. body[pagetype="ListingPage"] #script-table thead {
  5735.     z-index: 50000 !important;
  5736.     background: black;
  5737. }
  5738. body[pagetype="PersonalProfile"] #script-table thead > tbody,
  5739. body[pagetype="UserProfile"] #script-table > tbody {
  5740.     z-index: 0;
  5741. }
  5742. body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content + section#user-discussions {
  5743.     position: fixed;
  5744.     min-width: 24px;
  5745.     top: 62px !important;
  5746.     left: 25%;
  5747. }
  5748. /* CIT FIX */
  5749. body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content #user-profile:not(:empty) {
  5750.     left: 25.3%;
  5751.     top: 62px;
  5752.     z-index: 500;
  5753.     background: #333 !important;
  5754. }
  5755. /* CIT */
  5756. body[pagetype="ListingPage"] {
  5757.     float: left !important;
  5758. }
  5759. /* NOT CIT - ANTI STRANGE CARACTERS */
  5760. #script-table tbody td:nth-child(2) .thetitle > a > b {
  5761.     display: inline-block;
  5762.     width: 100%;
  5763.     max-width: 450px;
  5764.     min-width: 450px;
  5765.     min-height: 15px !important;
  5766.     line-height: 14px !important;
  5767.     word-wrap: break-word;
  5768.     white-space: pre-wrap;
  5769.     overflow: hidden !important;
  5770. }
  5771.  
  5772. #script-table tbody td:nth-child(2) .thetitle > a > b iframe {
  5773.     display: none !important;
  5774.     border: 1px solid red !important;
  5775. }
  5776. /* FIX Konf CIT */
  5777. body[pagetype="ListingPage"] #script-table thead tr {
  5778.     display: inline-table !important;
  5779.     width: 100%;
  5780.     min-width: 960px;
  5781.     max-width: 960px;
  5782. }
  5783. #script-table > thead > tr > td:first-of-type {
  5784.     width: 20px;
  5785. }
  5786. #script-table > thead > tr > td[tag="name"] {
  5787.     width: 48.2% !important;
  5788.     text-align: left;
  5789.     text-indent: 130px;
  5790. }
  5791. #script-table > thead > tr > td[tag="name"] span {
  5792.     position: relative;
  5793.     display: inline-block;
  5794.     width: 15px;
  5795.     margin-left: 0px;
  5796.     padding: 0px;
  5797.     text-align: center;
  5798.     text-indent: 0px;
  5799. }
  5800. #script-table > thead > tr > td[tag="name"] span.filterL:hover:before {
  5801.     content: "Library Filter" !important;
  5802.     position: absolute;
  5803.     display: inline-block;
  5804.     width: 80px;
  5805.     margin-left: -10px;
  5806.     margin-top: -17px;
  5807.     padding: 0px;
  5808.     border-radius: 5px;
  5809.     text-align: center;
  5810.     text-indent: 0px;
  5811.     color: black;
  5812.     background: #cefd8a;
  5813. }
  5814. #script-table > thead > tr > td[tag="name"] span.filterU:hover:before {
  5815.     content: "Unlisted Filter";
  5816.     position: absolute;
  5817.     display: inline-block;
  5818.     width: 80px;
  5819.     margin-left: -10px;
  5820.     margin-top: -17px;
  5821.     padding: 0px;
  5822.     border-radius: 5px;
  5823.     text-align: center;
  5824.     text-indent: 0px;
  5825.     color: black;
  5826.     background: #cee7f3;
  5827. }
  5828. #script-table > thead > tr > td[tag="name"] span.filterD:hover:before {
  5829.     content: "Deleted Filter";
  5830.     position: absolute;
  5831.     display: inline-block;
  5832.     width: 80px;
  5833.     margin-left: -10px;
  5834.     margin-top: -17px;
  5835.     padding: 0px;
  5836.     border-radius: 5px;
  5837.     text-align: center;
  5838.     text-indent: 0px;
  5839.     color: black;
  5840.     background: #f77a7a;
  5841. }
  5842.  
  5843. /* PB TO CHANGE HEADER  TD BACKGROUD SELEC */
  5844. #script-table > thead > tr > td {
  5845.     box-shadow: 3px 3px 2px black;
  5846. }
  5847. #script-table > thead > tr > td[tag="ratings"] {
  5848.     width: 84px;
  5849. }
  5850. /* DAILY */
  5851. #script-table > thead > tr > td[tag=""] {
  5852.     width: 70px;
  5853. }
  5854. #script-table > thead > tr > td[tag="total_installs"] {
  5855.     width: 57px;
  5856. }
  5857. #script-table > thead > tr > td[tag="created"] {
  5858.     width: 90px;
  5859. }
  5860. #script-table > thead > tr > td[tag="updated"] {
  5861.     width: 96px!important;
  5862. }
  5863. /* SCRIPT # */
  5864. #script-table tbody td:nth-child(1) {
  5865.     /* width: 4% */
  5866. }
  5867.  
  5868. /* SCRIPT INFO */
  5869. #script-table tbody td:nth-child(2) {
  5870.     width: 12%;
  5871. }
  5872. /* SCRIPT RATING */
  5873. #script-table tbody td:nth-child(3) {
  5874.     width: 4%;
  5875. }
  5876. /* SCRIPT DAILY */
  5877. #script-table tbody td:nth-child(4) {
  5878.     width: 12.7%;
  5879. }
  5880. /* SCRIPT TOTAL  */
  5881. #script-table tbody td:nth-child(5) {
  5882.     width: 8.8%;
  5883. }
  5884. /* SCRIPT CREATED  */
  5885. #script-table tbody td:nth-child(6) {
  5886.     width: 11.1%;
  5887. }
  5888. /* SCRIPT UPDATED  */
  5889. #script-table tbody td:nth-child(7) {
  5890.     width: 12.4%;
  5891. }
  5892. #script-table td .thetitle + div {
  5893.     overflow: hidden;
  5894.     word-wrap: break-word;
  5895. }
  5896. .width-constraint #script-info > header {
  5897.     position: fixed;
  5898.     display: inline-block;
  5899.     min-width: 966px;
  5900.     max-width: 966px;
  5901.     height: 126px;
  5902.     line-height: 17px;
  5903.     margin-left: -4px;
  5904.     top: 48px;
  5905.     padding: 5px 5px 0px 5px;
  5906.     z-index: 5;
  5907.     background: black;
  5908. }
  5909. #script-description {
  5910.     display: inline-block;
  5911.     width: 100%;
  5912.     padding-bottom: 7px;
  5913.     border-bottom: 1px solid red;
  5914. }
  5915. #script-info header h2 {
  5916.     position: relative;
  5917.     display: inline-block;
  5918.     width: 100%;
  5919.     line-height: 17px;
  5920.     vertical-align: top;
  5921.     margin-top: 1px;
  5922.     padding-bottom: 5px;
  5923.     font-size: 17px;
  5924.     border-bottom: 1px solid red;
  5925. }
  5926. /* PB - FIX Konf CITUS -  SIZE + CHANGE HEADER  TD BACKGROUD ( FOR BACKGROND ACTIVE - Not !important;) */
  5927. #script-table {
  5928.     border-radius: 0;
  5929.     box-shadow: 0 0 2px gray;
  5930.     display: block;
  5931.     margin: 5px auto;
  5932.     max-width: 960px !important;
  5933.     min-width: 960px !important;
  5934. }
  5935.  
  5936. #script-table thead td {
  5937.     background-color: orange;
  5938.     border-radius: 0 0 5px 5px;
  5939. }
  5940. /* PB - FIX Konf CITUS -  CHANGE ROW BACKGROUD */
  5941. body[pagetype="ListingPage"] #script-table tbody td {
  5942.     background-color: #fffbdb;
  5943. }
  5944. body[pagetype="ListingPage"] #script-table tbody td:first-child {
  5945.     background-color: #f9d5a6;
  5946. }
  5947. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.theversion:not(:empty),
  5948. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span:not(:empty),
  5949. body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span:not(:empty) {
  5950.     float: left;
  5951. }
  5952. /* VERS EMPTY */
  5953. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.theversion:empty {
  5954.     display: none;
  5955. }
  5956. /* DESC*/
  5957. body[pagetype="PersonalProfile"] .thetitle + div {
  5958.     float: left;
  5959.     line-height: 15px;
  5960.     width: 100% !important;
  5961. }
  5962. /* (new240) ADAPT for CIT + GM  NOTES GM https://greatest.deepsurf.us/fr/scripts/404632-twitter-direct
  5963. IN FAVS/USER PROF and notes multilines, ex:
  5964. https://greatest.deepsurf.us/fr/scripts?per_page=100&set=50&sort=updated
  5965. USER PROF 
  5966. https://greatest.deepsurf.us/fr/users/291050-ankvps
  5967. === */
  5968. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag,
  5969. body[pagetype="UserProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag,
  5970. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag,
  5971. body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag {
  5972.     position: relative !important;
  5973.     display: inline-block !important;
  5974.     float: none !important;
  5975.     line-height: 15px;
  5976.     min-width: 445px !important;
  5977.     max-width: 445px !important;
  5978.     margin-left: 0px !important;
  5979.     white-space: nowrap !important;
  5980.     z-index: 0 !important;
  5981. }
  5982. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover,
  5983. body[pagetype="UserProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover,
  5984. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover,
  5985. body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover {
  5986.     position: relative !important;
  5987.     display: inline-block !important;
  5988.     float: none !important;
  5989.     max-height: 50px !important;
  5990.     line-height: 13px;
  5991.     min-width: 450px !important;
  5992.     max-width: 450px !important;
  5993.     margin-left: 0 !important;
  5994.     font-size: 13px !important;
  5995.     white-space: pre-wrap !important;
  5996.     word-wrap: break-word !important;
  5997.     overflow-y: auto !important;
  5998. }
  5999. body[pagetype="ListingPage"] #script-table td .thetitle + div {
  6000.     max-width: 450px;
  6001.     min-width: 450px;
  6002.     overflow: hidden;
  6003.     overflow-wrap: break-word;
  6004.     white-space: pre-wrap !important;
  6005. }
  6006. /* ADAPT GM - GreasyFork script icon */
  6007. #script-info > header > h2 > div:first-of-type {
  6008.     position: relative;
  6009.     display: inline-block;
  6010.     width: 34px;
  6011.     top: 3px;
  6012.     margin-top: -2px;
  6013.     margin-left: 0px;
  6014.     margin-right: 10px;
  6015.     text-align: right;
  6016. }
  6017. /* === */
  6018. .width-constraint #script-info > #script-links {
  6019.     position: fixed;
  6020.     display: inline-block;
  6021.     width: 100%;
  6022.     min-width: 960px;
  6023.     max-width: 960px;
  6024.     top: 179px;
  6025.     margin-left: 0;
  6026.     padding: 2px 5px;
  6027.     z-index: 50000;
  6028.     background: #222;
  6029. }
  6030.  
  6031. /* CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" */
  6032. html > body > div[style="text-align: right; padding: 1px 50px"] {
  6033.     position: fixed;
  6034.     width: 275px;
  6035.     top: 72px;
  6036.     padding: 0;
  6037.     text-align: right;
  6038.     left: 33%;
  6039.     z-index: 500;
  6040. }
  6041. #RelativeSearch {
  6042.     display: inline-block;
  6043.     width: 120px;
  6044.     padding: 1px 10px;
  6045.     text-align: center;
  6046.     border-radius: 3px;
  6047.     cursor: pointer;
  6048.     background-color: orange;
  6049. }
  6050. /* USER SET - HEADER - TXT "SETS" / HOVER */
  6051. #UserSets::before {
  6052.     width: 53px;
  6053.     left: 5px;
  6054.     text-indent: 0px;
  6055.     z-index: 20000;
  6056.     color: gold;
  6057.     box-shadow: 0 0 4px #999999;
  6058.     background-color: #222;
  6059. }
  6060. #UserSets:hover::before {
  6061.     position: absolute;
  6062.     width: 53px;
  6063.     left: -5px;
  6064.     top: 0px;
  6065.     text-indent: 0px;
  6066.     z-index: 20000;
  6067.     background: green;
  6068. }
  6069. #UserSets {
  6070.     position: fixed;
  6071.     display: inline-block;
  6072.     float: none;
  6073.     left: 22%;
  6074.     padding: 6px 5px;
  6075.     top: 67px;
  6076.     border-radius: 5px;
  6077.     opacity: 1;
  6078.     visibility: hidden;
  6079.     z-index: 20000;
  6080.     cursor: pointer;
  6081. }
  6082. #UserSets:hover {
  6083.     width: 510px;
  6084.     height: 800px;
  6085.     top: 48px;
  6086.     left: 22.5%;
  6087.     padding: 25px 6px 5px 50px;
  6088.     overflow: hidden;
  6089.     overflow-y: auto;
  6090.     opacity: 1;
  6091.     visibility: visible;
  6092.     color: gold;
  6093.     box-shadow: 0 0 4px #999999;
  6094.     background-color: #222;
  6095. }
  6096. /* CIT */
  6097. body[pagetype="ListingPage"] #UserSets {
  6098.  
  6099.     top: 67px;
  6100.     z-index: 5000000 !important;
  6101. }
  6102. body[pagetype="ListingPage"] #UserSets:hover {
  6103.     top: 48px !important;
  6104.     z-index: 50000 !important;
  6105. }
  6106.  
  6107. #UserSets li {
  6108.     width: 480px;
  6109.     text-indent: 0px;
  6110.     background-color: #333;
  6111. }
  6112. #UserSets li:hover {
  6113.     background-color: black;
  6114. }
  6115. #UserSets li a:visited {
  6116.     color: tomato;
  6117. }
  6118. /* SCRIPT INFOS - CODE ONE LINE */
  6119. #script-feedback-suggestion + pre,
  6120. #script-content > pre {
  6121.     margin-left: 0px;
  6122.     margin-top: 30px;
  6123.     padding: 5px 10px;
  6124.     white-space: pre-wrap;
  6125.     word-wrap: break-word;
  6126.     color: black;
  6127.     background-color: #ffff99;
  6128. }
  6129. /* SCRIPT INFOS - ADAP GM: Linkify Plus Plus */
  6130. #script-info #script-description .linkifyplus > img {
  6131.     display: inline-block;
  6132.     max-width: 15%;
  6133.     margin-bottom: -27px;
  6134. }
  6135. /* SCRIPT INFOS - CODE SECTION - ADAP GM: Linkify Plus Plus */
  6136. #code-container .linkifyplus > img {
  6137.     height: auto;
  6138.     max-height: 64px;
  6139.     max-width: 64px;
  6140.     width: auto;
  6141.     padding: 2px;
  6142.     border-radius: 5px;
  6143.     box-shadow: 0 0 2px #cccccc inset;
  6144.     background: rgba(191, 191, 190, 0.33);
  6145. }
  6146. /* SCRIPT INFOS - SMALL TAB LABELS - extras labels AUTHOR SCRIPTS (where We can EDIT IT) === */
  6147. .width-constraint #script-info > #script-links li {
  6148.     display: inline-block;
  6149.     padding: 2px;
  6150.     font-size: 14px;
  6151. }
  6152. .width-constraint #script-info > #script-links li > * {
  6153.     display: inline-block;
  6154.     padding: 2px;
  6155.     font-size: 14px;
  6156. }
  6157.  
  6158. /* GREAS - CIT - SCRIPT PAGE - TXT "Show your app " +  SUGG  - SUPP */
  6159. .post-install,
  6160. .width-constraint #script-info > #script-content > div[style*="background-color: yellow;"],
  6161. .width-constraint #script-info > #script-content > #install-area > div[style*="background-color: yellow;"] {
  6162.     display: none !important;
  6163. }
  6164. /* SCRIPT INFOS - FEED */
  6165. #script-feedback-suggestion {
  6166.     margin-top: 47px;
  6167.     margin-bottom: 0px;
  6168. }
  6169. /* SCRIPT INFO - VERS/DIFF */
  6170. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty):not(#no-discussions):not(#support-url):not(#contribution) {
  6171.     margin-top: 0px;
  6172.     margin-bottom: 5px;
  6173. }
  6174. /* CONTRIB - https://greatest.deepsurf.us/fr/scripts/23332-betty/feedback */
  6175. .width-constraint #script-info ul#script-links + header + #script-content > p#contribution {
  6176.     margin-top: 10px;
  6177.     margin-bottom: 0px;
  6178. }
  6179. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  6180.     margin-top: -21px !important;
  6181. }
  6182. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]):not([method="post"]) {
  6183.     height: auto;
  6184.     margin-top: 20px !important;
  6185.     margin-bottom: -80px;
  6186. }
  6187.  
  6188. /* GREAS - SCRIPT INFOS - with/without CIT */
  6189. .width-constraint #script-info > #script-content > p:not(:empty):not(#support-url) {
  6190.     margin-top: 30px;
  6191.     margin-bottom: -88px;
  6192. }
  6193. .width-constraint #script-info > #script-content > p#support-url {
  6194.     margin-top: 40px;
  6195. }
  6196. .width-constraint #script-info > #script-content {
  6197.     position: relative;
  6198.     display: inline-block;
  6199.     min-height: 682px !important;
  6200.     min-width: 959px;
  6201.     max-width: 959px;
  6202.     margin-top: 217px;
  6203.     margin-left: -1px;
  6204.     padding: 0 0 5px 9px;
  6205.     z-index: 0;
  6206.     text-align: left !important;
  6207.     border: 1px solid black;
  6208.     background-color: #2B2B2B;
  6209. }
  6210. .width-constraint #script-info #script-content p#support-url + h3,
  6211. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]):first-of-type {
  6212.     position: fixed;
  6213.     display: inline-block;
  6214.     min-width: 970px;
  6215.     max-width: 970px;
  6216.     margin: 23px 0 auto -10px;
  6217.     text-align: left;
  6218.     z-index: 500;
  6219.     border-bottom: 1px solid red;
  6220.     background: gold;
  6221. }
  6222. .width-constraint #script-info #script-content p#support-url + h3 {
  6223.     top: 263px;
  6224.     margin: -46px 0 auto -10px;
  6225. }
  6226. .width-constraint #script-info #script-content p#support-url + h3 + p:not(:empty):not(#no-discussions) {
  6227.     margin-bottom: 5px;
  6228.     margin-top: 0px;
  6229. }
  6230. /* NO DISC */
  6231. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]):first-of-type + p {
  6232.     margin-top: 60px;
  6233.     margin-bottom: 20px;
  6234. }
  6235. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:first-of-type:not([id="feedback-favoriters"]) + p + h3 {
  6236.     margin-top: 30px;
  6237.     margin-bottom: -20px;
  6238. }
  6239. .width-constraint #script-info > ul#script-links + header + #script-content > .script-discussion-list + h3 {
  6240.     margin-top: 10px;
  6241.     margin-bottom: 0px;
  6242. }
  6243. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]) + p:not(:empty):not(#no-discussions) {
  6244.     margin-bottom: 5px;
  6245.     margin-top: 58px;
  6246. }
  6247.  
  6248. /* CODE CONTAINER */
  6249. .code-container {
  6250.     width: 100% !important;
  6251.     max-height: 67vh !important;
  6252.     border: 1px solid red !important;
  6253. }
  6254. .prettyprint {
  6255.     min-width: calc(100% - 27px) !important;
  6256.     max-width: calc(100% - 27px) !important;
  6257.     width: -moz-max-content;
  6258. }
  6259. /* CODE - OK - STRIPPED BACKGROUND - GRAY LIGHT / WHITE LINES */
  6260. .code-container .uglyprint {
  6261.     min-width: calc(100% - 40px) !important;
  6262.     max-width: calc(100% - 40px) !important;
  6263.     width: -moz-max-content;
  6264.     padding-top: 0px !important;
  6265.     white-space: pre-line !important;
  6266.     overflow: hidden !important;
  6267.     background-color: white;
  6268.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  6269.     background-size: 30px 17px;
  6270. }
  6271.  
  6272. pre.linenums.prettyprinted li.L0,
  6273. pre.linenums.prettyprinted li.L1,
  6274. pre.linenums.prettyprinted li.L2,
  6275. pre.linenums.prettyprinted li.L3,
  6276. pre.linenums.prettyprinted li.L4,
  6277. pre.linenums.prettyprinted li.L5,
  6278. pre.linenums.prettyprinted li.L6,
  6279. pre.linenums.prettyprinted li.L7,
  6280. pre.linenums.prettyprinted li.L8,
  6281. pre.linenums.prettyprinted li.L9 {
  6282.     background: transparent none repeat scroll 0 0;
  6283.     margin-left: -17px !important;
  6284.     max-width: calc(100% + 32px) !important;
  6285.     min-width: calc(100% + 32px) !important;
  6286. }
  6287.  
  6288. /* COUNTER ALL */
  6289. html {
  6290.     content: counter(myIndex, decimal-leading-zero);
  6291.     counter-reset: myIndex 00;
  6292. }
  6293. #script-info ul#script-links + header + #script-content .script-discussion-list .discussion-list-item .discussion-meta::before,
  6294. .width-constraint #discussions li::before {
  6295.     content: counter(myIndex, decimal-leading-zero) !important;
  6296.     counter-increment: myIndex 1 !important;
  6297.     position: absolute;
  6298.     width: auto;
  6299.     height: 15px;
  6300.     line-height: 13px;
  6301.     min-width: 17px;
  6302.     left: 20px;
  6303.     margin-top: 30px;
  6304.     padding: 1px 3px;
  6305.     text-align: center;
  6306.     border-radius: 10px;
  6307.     font-size: 13px;
  6308.     color: tomato;
  6309.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
  6310.     background: rgba(62, 59, 59, 0.6) none repeat scroll 0 0;
  6311.     opacity: 0.5;
  6312. }
  6313. #script-info ul#script-links + header + #script-content .script-discussion-list .discussion-list-item .discussion-meta::before {
  6314.     content: counter(myIndex, decimal-leading-zero);
  6315.     counter-increment: myIndex 1;
  6316.     left: 2px;
  6317.     margin-top: 0px;
  6318. }
  6319. /* (new241) SUPER LOAD PLU -DISC + NEW FORUM - ===  */
  6320. body header#main-header + .width-constraint:first-of-type {
  6321.     display: inline-block !important;
  6322.     height: auto !important;
  6323.     min-width: 984px;
  6324.     max-width: 984px;
  6325.     margin: 55px 0 10px 23.4% !important;
  6326.     padding: 0;
  6327.     background: #333 !important;
  6328. }
  6329.  
  6330. /* PB SEARCH NO RESULTS - CIT */
  6331. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type {
  6332.     display: inline-block !important;
  6333.     height: 18px !important;
  6334.     min-width: 960px;
  6335.     max-width: 960px;
  6336.     margin: 0px 0 0px 24.8% !important;
  6337.     top: 38px !important;
  6338.     padding: 2px 0;
  6339.     z-index: 50 !important;
  6340. }
  6341. body[pagetype="ListingPage"] #script-table + .width-constraint,
  6342. body[pagetype="ListingPage"] .pagination + .width-constraint,
  6343. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type {
  6344.     display: inline-block;
  6345.     height: 0;
  6346.     line-height: 0;
  6347.     margin: 65px 0 20px 23.4% !important;
  6348. }
  6349. body[pagetype="ListingPage"] #script-table + .width-constraint .sidebarred,
  6350. body[pagetype="ListingPage"] .pagination + .width-constraint .sidebarred,
  6351. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred {
  6352.     display: inline-block !important;
  6353.     height: 0px;
  6354.     line-height: 0px;
  6355. }
  6356. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p {
  6357.     position: relative;
  6358.     display: inline-block !important;
  6359.     height: 17px;
  6360.     line-height: 15px;
  6361.     width: 500px;
  6362.     top: 27px;
  6363.     padding: 0 2px;
  6364.     font-size: 15px !important;
  6365.     z-index: 100 !important;
  6366. }
  6367. /* (new213) SEARCH - NO SCRIPT FOUND + SHOW ONLY IN LANGUAGE */
  6368. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p + p,
  6369. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type + p {
  6370.     position: fixed !important;
  6371.     display: inline-block !important;
  6372.     width: 8vw !important;
  6373.     height: auto !important;
  6374.     line-height: 15px !important;
  6375.     left: 14% !important;
  6376.     top: 7vh!important;
  6377.     font-size: 10px !important;
  6378.     text-align: center !important;
  6379.     border-radius: 5px !important;
  6380.     z-index: 50000000 !important;
  6381.     color: gold !important;
  6382.     background: #111 !important;
  6383. }
  6384. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p + p a:not([href*="/new"]):not([href*="/help/writing-user-scripts"]) {
  6385.     top: 2.6vh !important;
  6386.     /*     display: none!important; */
  6387.     /*     font-size: 0 !important; */
  6388. }
  6389. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > h3 + p + p a,
  6390. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > h3 + p + p + p a,
  6391. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint a[href*="/new"],
  6392. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint a[href*="/help/writing-user-scripts"],
  6393. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred .sidebarred-main-content > h3 + p + p + p a[href*="/new"],
  6394. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred .sidebarred-main-content > h3 + p + p + p a[href*="/help/writing-user-scripts"] {
  6395.     display: none!important;
  6396.     font-size: 0 !important;
  6397. }
  6398. /* SEARCH - NO SCRIPTS - ONLY LANG VIEW  - GM "Superloader" */
  6399. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type {
  6400.     position: absolute !important;
  6401.     display: inline-block !important;
  6402.     top: 5px !important;
  6403.     padding: 0px;
  6404.     font-size: 0px !important;
  6405.     text-align: left !important;
  6406. }
  6407. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type a {
  6408.     background: blue !important;
  6409. }
  6410. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > p:first-of-type,
  6411. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > p:last-of-type,
  6412. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:last-of-type {
  6413.     display: none !important;
  6414. }
  6415. /* SEARCH - NO SCRIPTS - GM "Superloader" */
  6416. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table thead {
  6417.     position: fixed;
  6418.     height: 28px !important;
  6419.     min-width: 960px;
  6420.     max-width: 960px;
  6421.     margin-top: -23px;
  6422.     overflow: hidden !important;
  6423.     z-index: 5000 !important;
  6424.     background-color: yellow !important;
  6425. }
  6426. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table thead > tr > td {
  6427.     z-index: 50000 !important;
  6428. }
  6429. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table thead > tr > td:hover {
  6430.     z-index: 50000 !important;
  6431.     background-color: green !important;
  6432. }
  6433.  
  6434. /* for GM Superloader - ALL A VOIR */
  6435. body header#main-header + .width-constraint:first-of-type {
  6436.     display: inline-block !important;
  6437.     height: auto !important;
  6438.     min-width: 985px;
  6439.     max-width: 985px;
  6440.     margin: 55px 0 20px 23.4% !important;
  6441.     padding: 0;
  6442. }
  6443. /* for GM Superloader */
  6444. #sp-fw-container + .sp-separator ~ .width-constraint {
  6445.     display: inline-block !important;
  6446.     height: auto !important;
  6447.     min-width: 985px;
  6448.     max-width: 985px;
  6449.     margin: 20px 0 20px 23.4% !important;
  6450.     padding: 0;
  6451. }
  6452.  
  6453. /* TEST FOR SUPER LOADER */
  6454. #sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content {
  6455.     content: counter(myIndex, decimal-leading-zero);
  6456.     counter-reset: myIndex 0;
  6457.     counter-increment: myIndex;
  6458. }
  6459. .width-constraint #script-info #script-content h3 + ul#discussions {
  6460.     margin-top: 65px !important;
  6461.     margin-left: -10px;
  6462. }
  6463. .width-constraint #discussions li {
  6464.     line-height: 11px !important;
  6465.     padding-bottom: 10px;
  6466. }
  6467. .width-constraint #discussions li:nth-child(odd) {
  6468.     border-bottom: 1px solid gray;
  6469.     background: #222;
  6470. }
  6471. .width-constraint #discussions li:nth-child(even) {
  6472.     border-bottom: 1px solid gray;
  6473.     background: #333;
  6474. }
  6475. .width-constraint #discussions li:hover {
  6476.     transition: background 0.8s ease 0s;
  6477.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  6478.     background: rgba(0, 0, 0, 0.8);
  6479. }
  6480. /* (new248) POST NEW COMMENT */
  6481. #script-info ul#script-links + header + #script-content .post-discussion > p:first-of-type {
  6482.     position: fixed !important;
  6483.     display: inline-block !important;
  6484.     width: 50% !important;
  6485.     height: 22px !important;
  6486.     top: 23.6vh !important;
  6487.     margin: 0 0 0 -9px !important;
  6488.     padding: 0 7px !important;
  6489.     z-index: 5000000 !important;
  6490. background: #111!important;
  6491. }
  6492.  
  6493. /* (new248) PB RULES REPORT */
  6494. #script-info ul#script-links + header + #script-content .post-discussion > p:has(a[href*="/reports/new?item_class=s"]) {
  6495.     position: fixed !important;
  6496.     display: inline-block !important;
  6497.     width: 10% !important;
  6498.     height: auto !important;
  6499.     top: 20.9vh !important;
  6500.     margin: 0 0 0 -229px !important;
  6501.     padding: 0 7px !important;
  6502.     color: silver !important;
  6503.     z-index: 5000000000 !important;
  6504.     visibility: hidden !important;
  6505. background: brown !important;
  6506. }
  6507. #script-info ul#script-links + header + #script-content .post-discussion > p:has(a[href*="/reports/new?item_class=s"]):hover {
  6508.     visibility: visible !important;
  6509. background: brown !important;
  6510. }
  6511. #script-info ul#script-links + header + #script-content .post-discussion > p:has(a[href*="/reports/new?item_class=s"]):before {
  6512.     content: "🏁" !important;
  6513.     position: absolute !important;
  6514.     display: inline-block !important;
  6515.     width: 20px !important;
  6516.     height: auto !important;
  6517.     top: 0vh !important;
  6518.     margin: 0 0 0 190px !important;
  6519.     padding: 0 0px !important;
  6520.     border-radius: 3px  !important;
  6521.     text-align: center !important;
  6522.     z-index: 5000000000 !important;
  6523.     visibility: visible !important;
  6524. background: peru !important;
  6525. }
  6526.  
  6527.  
  6528.  
  6529.  
  6530. /* (new248) PAGI */
  6531. #script-info ul#script-links + header + #script-content .script-discussion-list + .pagination {
  6532.     position: fixed !important;
  6533.     display: inline-block !important;
  6534.     top: 219px !important;
  6535.     left: 55% !important;
  6536.     z-index: 5000000000 !important;
  6537. }
  6538. /* GREAS - SCRIPT PAGE - INSTALL CONT + META + INFOS + SCREENSHOTS */
  6539. #script-info #script-content #install-area {
  6540.     position: fixed;
  6541.     display: inline-block;
  6542.     min-width: 950px;
  6543.     max-width: 950px;
  6544.     height: 40px;
  6545.     top: 218px;
  6546.     margin-left: -8px;
  6547.     padding: 5px 9px;
  6548.     z-index: 1;
  6549.     border-bottom: 1px solid gray;
  6550.     background-color: #f9ecdb;
  6551. }
  6552. /* (new189) */
  6553. .width-constraint #script-info > #script-content #script-meta {
  6554.     display: inline-block !important;
  6555.     width: 950px !important;
  6556.     min-width: 950px !important;
  6557.     max-width: 950px !important;
  6558.     margin-top: 25px;
  6559.     margin-left: -6px !important;
  6560.     padding: 5px;
  6561.     border-bottom: 1px dotted gray;
  6562. }
  6563. .script-in-sets {
  6564.     position: fixed;
  6565.     display: inline-block;
  6566.     min-width: 298px;
  6567.     max-width: 298px;
  6568.     min-height: 34px;
  6569.     max-height: 34px;
  6570.     top: 216px;
  6571.     left: 40%;
  6572.     margin-left: 0;
  6573.     padding-left: 20px;
  6574.     font-size: 0;
  6575.     overflow: hidden;
  6576.     overflow-y: auto;
  6577.     z-index: 5000;
  6578.     border: 1px solid #404040;
  6579.     background: #222;
  6580. }
  6581. .script-in-sets:hover {
  6582.     height: auto;
  6583.     max-height: 100%;
  6584.     padding: 0 0 50px 20px;
  6585. }
  6586. .script-in-sets > a {
  6587.     display: inline-block;
  6588.     width: 291px;
  6589.     margin-left: 0;
  6590.     font-size: 13px;
  6591.     text-indent: 5px;
  6592.     white-space: nowrap;
  6593.     overflow: hidden;
  6594.     text-overflow: ellipsis;
  6595. }
  6596. .script-in-sets > select {
  6597.     display: inline-block;
  6598.     width: 252px;
  6599.     margin-top: 2px;
  6600. }
  6601.  
  6602. /* ADAP for GM "Make Bookmarklets from Javascript URLs" -
  6603. https://greatest.deepsurf.us/fr/scripts/7668-make-bookmarklets-from-javascript-urls
  6604. === */
  6605. #install-area > div + span + a:not(.install-help-link),
  6606. #install-area > div + span,
  6607. #install-area > div {
  6608.     position: absolute;
  6609.     display: inline-block;
  6610.     height: 20px;
  6611.     top: 43px;
  6612.     left: 0;
  6613.     padding: 0 5px;
  6614.     background: gold;
  6615. }
  6616. #install-area > div:first-of-type + div {
  6617.     top: 63px;
  6618.     background: green;
  6619. }
  6620. #install-area > div:first-of-type + div:before {
  6621.     content: "Bklet ▼";
  6622.     position: absolute;
  6623.     display: inline-block;
  6624.     width: 50px;
  6625.     margin-top: -55px;
  6626.     left: 245px;
  6627.     padding: 5px;
  6628.     border-radius: 3px;
  6629.     font-size: 12px;
  6630.     text-align: center;
  6631.     visibility: visible;
  6632.     background: blue;
  6633. }
  6634. #install-area > div:first-of-type + div + span {
  6635.     top: 83px;
  6636.     cursor: help;
  6637.     background: aqua;
  6638. }
  6639. #install-area > div:first-of-type {
  6640.     opacity: 0;
  6641.     visibility: hidden;
  6642. }
  6643. #install-area > div:first-of-type + div,
  6644. #install-area > div:first-of-type + div + span {
  6645.     visibility: hidden !important;
  6646. }
  6647. #install-area:hover > div:first-of-type,
  6648. #install-area:hover > div:first-of-type + div,
  6649. #install-area:hover > div:first-of-type + div + span {
  6650.     opacity: 1;
  6651.     visibility: visible !important;
  6652. }
  6653. #install-area span[style="padding-left: 8px;"] + a.install-help-link + a.install-link + a,
  6654. #install-area span[style="padding-left: 8px;"] + a.install-help-link + a.install-link {
  6655.     float: right;
  6656. }
  6657. /* USER CSS - INSTALL */
  6658. #install-area > p {
  6659.     position: absolute;
  6660.     margin-top: 0;
  6661.     right: 0;
  6662.     width: 20%;
  6663. }
  6664.  
  6665. /* SET CHOICE - FIRT VALUE SELECTED */
  6666. .script-in-sets > select[name="action-set"] {
  6667.     -moz-appearance: none;
  6668.     position: relative;
  6669.     display: inline-block;
  6670.     height: 20px;
  6671.     line-height: 20px;
  6672.     top: -2px;
  6673. border: none;
  6674. }
  6675. .script-in-sets > select option[value^="ri-"] {
  6676.     -moz-appearance: none;
  6677.     color: peru;
  6678.     background: black;
  6679.     outline: 1px solid peru;
  6680. }
  6681. /* SET NEW */
  6682. .script-in-sets > select option[value="ai-new"] {
  6683.     -moz-appearance: none;
  6684.     color: gold;
  6685.     background: black;
  6686. }
  6687. /* SET SUBMIT ARROW */
  6688. .script-in-sets > input[value="→"][type="submit"] {
  6689.     -moz-appearance: none;
  6690.     position: relative;
  6691.     display: inline-block;
  6692.     height: 15px;
  6693.     line-height: 15px;
  6694.     top: -2px !important;
  6695.     margin-left: 2px;
  6696.     border: none;
  6697.     cursor: pointer;
  6698. }
  6699. .script-in-sets:before {
  6700.     content: "🔻";
  6701.     float: left !important;
  6702.     clear: none !important;
  6703.     height: 10px;
  6704.     line-height: 15px;
  6705.     width: 15px;
  6706.     top: 0px;
  6707.     margin-left: -20px;
  6708.     font-size: 12px;
  6709.     text-align: center;
  6710.     z-index: 5000;
  6711. color: red;
  6712. }
  6713. /* (new234) INFOS DETAILS CONTAINER */
  6714. .script-meta-block {
  6715.     display: inline-block !important;
  6716.     column-count: unset !important;
  6717.     min-width: 99% !important;
  6718.     max-width: 99% !important;
  6719.     padding: 3px !important;
  6720. border: 1px solid gray !important;
  6721. }
  6722. /* COR FLOAT / TABLE */
  6723. #script-stats {
  6724.     /*display: inline-table !important;*/
  6725.     display: block !important;
  6726.     float: left;
  6727.     clear: none;
  6728.     width: 100% !important;
  6729.     max-width: 100% !important;
  6730.     min-width: 100% !important;
  6731.     height: 186px !important;
  6732.     padding: 0 !important;
  6733.     margin: 0 !important;
  6734. }
  6735. /* (new234) LEFT */
  6736. #script-stats dt {
  6737.     float: left;
  6738.     clear: both !important;
  6739.     height: 18px;
  6740.     line-height: 18px;
  6741.     min-width: 24% !important;
  6742.     max-width: 24% !important;
  6743.     margin: 0 0 0 0px !important;
  6744.     text-indent: 10px;
  6745. border-left: 3px solid olive !important;
  6746. border-bottom: 1px solid gray !important;
  6747. }
  6748. /* (new234) RIGHT */
  6749. #script-stats dd {
  6750.     float: left;
  6751.     clear: none !important;
  6752.     height: 18px;
  6753.     line-height: 18px;
  6754.     min-width: 40% !important;
  6755.     max-width: 40% !important;
  6756.     margin: 0 0 0px 5px !important;
  6757.     padding: 0 0 0 0px !important;
  6758.     white-space: nowrap;
  6759.     overflow: hidden;
  6760.     text-overflow: ellipsis;
  6761. border-left: 3px solid olive !important;
  6762. border-bottom: 1px solid gray !important;
  6763. }
  6764.  
  6765. /* APPLIES TO */
  6766. #script-stats dt.script-show-applies-to {
  6767.     position: absolute !important;
  6768.     float: right !important;
  6769.     clear: both !important;
  6770.     min-width: 35% !important;
  6771.     max-width: 35% !important;
  6772.     right: 0 !important;
  6773.     margin: 0 !important;
  6774.     text-align: left !important;
  6775.     overflow-wrap: unset !important;
  6776. border-left: 3px solid red !important;
  6777. }
  6778. #script-stats dd.script-show-applies-to {
  6779.     position: absolute !important;
  6780.     float: right !important;
  6781.     clear: both !important;
  6782.     min-width: 35% !important;
  6783.     max-width: 35% !important;
  6784.     height: auto !important;
  6785.     right: 0 !important;
  6786.     margin: 2vh 0 0 0px !important;
  6787.     text-align: left !important;
  6788.     overflow-wrap: unset !important;
  6789.     overflow: hidden !important;
  6790. border-left: 3px solid red !important;
  6791. }
  6792. #script-stats dd.script-show-applies-to ul.block-list {
  6793.     display: inline-block !important;
  6794.     height: 17vh !important;
  6795.     line-height: 15px;
  6796.     width: 100% !important;
  6797.     min-width: 100% !important;
  6798.     max-width: 100% !important;
  6799.     margin: 0 0 0 0 !important;
  6800.     overflow: hidden !important;
  6801.     overflow-y: auto !important;
  6802.     white-space: pre !important;
  6803. }
  6804. #script-stats dd.script-show-applies-to ul.block-list.expandable > li,
  6805. #script-stats dd.script-show-applies-to ul.block-list.expandable.collapsed > li {
  6806.     position: relative !important;
  6807.     display: inline-block !important;
  6808.     height: auto !important;
  6809.     line-height: 15px;
  6810.     width: 100% !important;
  6811.     min-width: 95% !important;
  6812.     max-width: 95% !important;
  6813.     margin: 0 2px 0 0 !important;
  6814.     top: -15px !important;
  6815.     left: -45px !important;
  6816.     padding: 1px 0 1px 5px !important;
  6817. border-bottom: 1px solid red !important;
  6818. }
  6819. #script-stats dd.script-show-applies-to ul.block-list.expandable > li:first-of-type,
  6820. #script-stats dd.script-show-applies-to ul.block-list.expandable.collapsed > li:first-of-type {
  6821.     position: relative !important;
  6822.     display: inline-block !important;
  6823.     height: auto !important;
  6824.     line-height: 15px;
  6825.     width: 100% !important;
  6826.     min-width: 95% !important;
  6827.     max-width: 95% !important;
  6828.     margin: -15px 0px -15px 0 !important;
  6829.     padding: 1px 0 1px 5px !important;
  6830. border-bottom: 1px solid green !important;
  6831. }
  6832.  
  6833. #script-stats dd.script-show-applies-to ul.block-list.expandable > li code,
  6834. #script-stats dd.script-show-applies-to ul.block-list.expandable.collapsed > li code {
  6835.     position: relative;
  6836.     display: inline-block !important;
  6837.     height: auto !important;
  6838.     line-height: 15px;
  6839.     width: 100% !important;
  6840.     min-width: 98% !important;
  6841.     max-width: 98% !important;
  6842.     margin: 0 0 0 0 !important;
  6843.     top: 0;
  6844.     padding: 0 !important;
  6845.     white-space: pre-wrap !important;
  6846.     overflow-wrap: break-word;
  6847.     overflow: hidden !important;
  6848. color: white;
  6849. background-color: transparent !important;
  6850. border: none !important;
  6851. }
  6852. /* COMPATIBILITY */
  6853. /* (new225) GREASY - SCRIPT PAGE - INSTA CONT - "APPLIES" TO CONT */
  6854. #script-meta > div {
  6855.     float: right;
  6856.     clear: none;
  6857.     width: 46%;
  6858.     height: 100%;
  6859.     min-height: 182px;
  6860.     max-height: 182px;
  6861.     margin: 0 0 0 0;
  6862.     top: 0px;
  6863.     padding: 0px;
  6864. border: 1px solid gray;
  6865. }
  6866. #script-meta #script-applies-to {
  6867.     display: inline-block !important;
  6868.     width: 100%;
  6869.     height: 100%;
  6870.     min-height: 170px;
  6871.     max-height: 170px;
  6872.     padding: 5px;
  6873.     overflow: hidden;
  6874. }
  6875. #script-applies-to dt.script-show-applies-to {
  6876.     display: inline-block !important;
  6877.     width: 98% !important;
  6878.     margin-top: -3px;
  6879.     padding: 0;
  6880.     text-align: left;
  6881. }
  6882. #script-applies-to dd.script-show-applies-to {
  6883.     width: 98% !important;
  6884. }
  6885. #script-applies-to dd.script-show-applies-to ul.inline-list {
  6886.     display: inline-block;
  6887.     width: 98% !important;
  6888.     max-height: 180px;
  6889.     padding: 2px 2px 20px 2px;
  6890.     border-radius: 3px;
  6891.     overflow: hidden;
  6892.     overflow-y: auto;
  6893. }
  6894. #script-meta > div code {
  6895.     position: relative;
  6896.     display: inline-block;
  6897.     height: 15px;
  6898.     line-height: 15px;
  6899.     padding: 1px 4px;
  6900.     border-radius: 3px;
  6901.     border: none;
  6902.     font-size: 90%;
  6903.     white-space: nowrap;
  6904. color: #aba2a4;
  6905. background-color: #262626;
  6906. }
  6907. #script-meta > div .inline-list > li:nth-child(even) code {
  6908.     color: #BAA591;
  6909.     background-color: #1A1919
  6910. }
  6911. #script-meta > div .inline-list > li:nth-child(odd) code {
  6912.     color: #BAA591;
  6913.     background-color: #363535;
  6914. }
  6915.  
  6916. /* LINKYFY PLUS */
  6917. .script-show-applies-to .inline-list li a,
  6918. .script-show-applies-to .inline-list li a.linkifyplus {
  6919.     position: relative;
  6920.     display: inline-block;
  6921.     height: 15px;
  6922.     line-height: 15px;
  6923.     padding: 1px 4px;
  6924.     border-radius: 3px;
  6925. color: #BAA591;
  6926. background-color: #1A1919;
  6927. }
  6928. .script-show-applies-to .inline-list li:nth-child(even) a,
  6929. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  6930.     color: #D0A070;
  6931.     background-color: #1A1919;
  6932. }
  6933. .script-show-applies-to .inline-list li:nth-child(odd) a,
  6934. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  6935.     color: #BAA591 !important;
  6936.     background-color: #1A1919;
  6937. }
  6938. .script-show-applies-to .inline-list li:hover a,
  6939. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  6940.     color: tomato;
  6941.     background-color: #1A1919;
  6942. }
  6943. .expander {
  6944.     display: none;
  6945. }
  6946.  
  6947. /* GREAS - SCRIPT PAGE - LIST "FAV BY" - ==== */
  6948. #script-content > #feedback-favoriters + div {
  6949.     display: inline-block;
  6950.     width: 953px;
  6951.     margin-top: -10px;
  6952.     font-size: 0px;
  6953. }
  6954. #script-content ul.inline-list,
  6955. #script-content > #feedback-favoriters + ul.inline-list {
  6956.     display: inline-block;
  6957.     height: 59px !important;
  6958.     padding-left: 0;
  6959.     overflow: hidden;
  6960.     overflow-y: auto;
  6961. border: 1px solid gray;
  6962. }
  6963. #script-content > #feedback-favoriters + div + p {
  6964.     margin-bottom: 5px;
  6965.     margin-top: 5px !important;
  6966. }
  6967. .inline-list > li:nth-child(odd) > a,
  6968. .inline-list > li:nth-child(even) > a {
  6969.     display: inline-block;
  6970.     padding: 1px 3px;
  6971.     border-radius: 3px;
  6972.     font-size: 14px !important;
  6973. color: red !important;
  6974. }
  6975. .inline-list > li:nth-child(odd) > a {
  6976.     background: #222;
  6977. }
  6978. .inline-list > li:nth-child(even) > a {
  6979.     background: #333;
  6980. }
  6981. /* GREASY - SCRIPT PAGE - INFOS CONT */
  6982. .width-constraint #script-info > #script-content #additional-info {
  6983.     position: relative;
  6984.     display: inline-block;
  6985.     float: none !important;
  6986.     min-width: 950px;
  6987.     max-width: 950px;
  6988.     top: 10px;
  6989.     margin: 0 0 -14px -5px;
  6990.     padding: 5px;
  6991.     border-radius: 5px;
  6992.     text-align: left !important;
  6993.     overflow: visible;
  6994. background: #222;
  6995. border: 1px solid red;
  6996. }
  6997. .width-constraint #script-info > #script-content h3,
  6998. .width-constraint #script-info > #script-content #additional-info h5,
  6999. .width-constraint #script-info > #script-content #additional-info h6 {
  7000.     margin-bottom: 5px;
  7001.     margin-top: 5px;
  7002.     font-size: 15px;
  7003. }
  7004. #additional-info > sub > sup,
  7005. #additional-info > sub {
  7006.     font-size: 15px;
  7007. }
  7008. #additional-info > small {
  7009.     display: inline-block !important;
  7010.     font-size: 15px;
  7011.     line-height: 16px !important;
  7012.     padding-left: 5px !important;
  7013.     text-indent: 10px !important;
  7014. }
  7015. #additional-info > small li {
  7016.     display: block !important;
  7017.     font-size: 15px !important;
  7018.     line-height: 16px !important;
  7019. }
  7020. #additional-info > small li small,
  7021. #additional-info > li {
  7022.     display: block !important;
  7023.     font-size: 17px !important;
  7024.     line-height: 17px !important;
  7025. }
  7026. #additional-info > li > pre {
  7027.     position: relative;
  7028.     display: inline-block;
  7029.     float: none;
  7030.     max-width: 930px;
  7031.     min-width: 930px;
  7032.     margin: 4px 0 4px 0px;
  7033.     padding: 0 5px;
  7034.     border-radius: 5px;
  7035.     text-align: left;
  7036.     overflow: hidden !important;
  7037.     white-space: pre-line !important;
  7038. border: 1px solid red;
  7039. }
  7040. .script-author-description > table td blockquote,
  7041. .script-author-description > table td {
  7042.     float: left;
  7043.     clear: left;
  7044.     vertical-align: top;
  7045.     min-width: 920px;
  7046.     max-width: 920px;
  7047.     padding: 5px;
  7048.     border-radius: 3px;
  7049.     word-wrap: break-word;
  7050. border: 1px solid gray;
  7051. }
  7052. .script-author-description > table td blockquote {
  7053.     min-width: 900px;
  7054.     max-width: 900px;
  7055. border: 1px solid yellow;
  7056. }
  7057. .script-author-description > p > code {
  7058.     display: inline-block;
  7059.     white-space: pre-line;
  7060. }
  7061. #additional-info > pre,
  7062. #additional-info > .script-author-description > pre,
  7063. .script-author-description > blockquote > pre {
  7064.     margin-left: 30px;
  7065.     padding: 5px 10px;
  7066.     border-radius: 2px;
  7067.     word-wrap: break-word;
  7068.     color: white;
  7069.     border: 1px solid gray;
  7070.     background-color: #5c5c5c;
  7071. }
  7072. .width-constraint #script-info > #script-content #additional-info > p:not(:empty) {
  7073.     display: inline-block !important;
  7074.     width: 99.9%;
  7075.     line-height: 17px;
  7076.     margin-bottom: 0;
  7077.     text-align: left !important;
  7078. }
  7079. .width-constraint #script-info > #script-content #additional-info > p > a {
  7080.     display: inline-block !important;
  7081.     float: none !important;
  7082.     width: auto !important;
  7083.     line-height: 17px;
  7084.     margin-bottom: 0;
  7085.     text-align: left !important;
  7086. }
  7087. #additional-info > h5,
  7088. #additional-info > h4,
  7089. #additional-info > h4[style="color: rgb(113, 150, 184);"],
  7090. #additional-info > h4[style="color:#08355c"] {
  7091.     margin-bottom: 5px !important;
  7092.     margin-top: 5px !important;
  7093.     color: #7196B8 !important;
  7094. }
  7095.  
  7096. /*  (new247) GREASY - SCRIPT INFO - IMAGES - MAX WIDTH  - WITH /Without GM TS CIT
  7097. ADAP FOR SOME PARTICULAR IMAGES = */
  7098.  
  7099. /* IMAGES GENERIC */
  7100. #additional-info .script-author-description > p img ~ br {
  7101.     display: none;
  7102. }
  7103. .width-constraint #script-info > #script-content #additional-info > p > a[href$=".gif"],
  7104. .width-constraint #script-info > #script-content #additional-info > p > a[href$=".jpeg"],
  7105. .width-constraint #script-info > #script-content #additional-info > p > a[href$=".png"] {
  7106.     display: inline-block !important;
  7107.     width: 100%;
  7108.     text-align: center;
  7109. }
  7110.  
  7111. #additional-info .fancybox img {
  7112.     box-shadow: none;
  7113.     color: yellow;
  7114.     max-height: 100px;
  7115. border: 1px solid orange;
  7116. }
  7117.  
  7118. /* FOR:
  7119. https://greatest.deepsurf.us/fr/users/371179-%F0%9D%96%A2%F0%9D%96%B8-%F0%9D%96%A5%F0%9D%97%8E%F0%9D%97%87%F0%9D%97%80?sort=updated
  7120. === */
  7121. section#about-user #user-profile.user-content  img {
  7122.     display: block !important;
  7123.     width: auto;
  7124.     min-width: 69%;
  7125.     max-width: 69%;
  7126.     max-height: 465px;
  7127.     margin: 0 0 0 00 !important;
  7128.     padding: 2px;
  7129.     border-radius: 3px;
  7130.     object-fit: contain !important;
  7131. box-shadow: 5px 5px 2px #181818;
  7132. background-color: #2b2b2b;
  7133. border: 1px solid orange !important;
  7134. }
  7135.  
  7136. /* FOR NOT :camo.githubusercontent.com 
  7137. https://greatest.deepsurf.us/en/scripts/510952-google-maps-reviews-scraper-exporter
  7138. NOT WORK: transition: height ease 2s  !important;
  7139. === */
  7140. #additional-info.user-content p img:not([src^="https://camo.githubusercontent.com"]),
  7141. .lightbox .lb-image:not([src^="https://camo.githubusercontent.com"]) {
  7142.     height: auto;
  7143.     max-width: 80%;
  7144.     border-radius: 3px;
  7145. }
  7146. #additional-info.user-content p img:not([src^="https://camo.githubusercontent.com"], [src^="https://cdn.ko-fi.com/cdn/"]) {
  7147.     display: block !important;
  7148.     width: auto;
  7149.     min-width: 98%;
  7150.     max-width: 98%;
  7151.     max-height: 275px;
  7152.     margin: auto;
  7153.     padding: 2px;
  7154.     border-radius: 3px;
  7155.     object-fit: contain !important;
  7156. box-shadow: 5px 5px 2px #181818;
  7157. background-color: #2b2b2b;
  7158. border: 1px solid orange !important;
  7159. }
  7160. /* HOVER */
  7161. #additional-info.user-content p img:not([src^="https://camo.githubusercontent.com"]):hover {
  7162.     display: block !important;
  7163.     width: auto;
  7164.     min-width: 98%;
  7165.     max-width: 98%;
  7166.     max-height: 70vh;
  7167.     margin: auto;
  7168.     padding: 2px;
  7169.     border-radius: 3px;
  7170.     object-fit: contain !important;
  7171. box-shadow: 5px 5px 2px #181818;
  7172. background-color: #2b2b2b;
  7173. border: 1px solid aqua !important;
  7174. }
  7175. /* == FOR: cdn.jsdelivr.net + img.shields.io == */
  7176. #additional-info img[src^="https://cdn.jsdelivr.net"],
  7177. #additional-info.user-content p > img[src^="https://img.shields.io/"] {
  7178.     display: block !important;
  7179.     float: left !important;
  7180.     min-width: 13% !important;
  7181.     max-width: 13% !important;
  7182.     max-height: 4vh !important;
  7183.     margin: 0 0 0 40px !important;
  7184.     border-radius: 3px;
  7185. }
  7186. /* == FOR: BY ME A COFEE - https://cdn.ko-fi.com/cdn/kofi3.png?v=2
  7187. IN
  7188. https://greatest.deepsurf.us/en/scripts/432409-youtube-square
  7189. == */
  7190. #additional-info.user-content p img[src^="https://cdn.ko-fi.com/cdn/"] {
  7191.     display: block !important;
  7192.     float: left !important;
  7193.     min-width: 27% !important;
  7194.     max-width: 27% !important;
  7195.     max-height: 15vh !important;
  7196.     margin: 0 0 0 40px !important;
  7197.     box-shadow: none ;
  7198.     border-radius: 3px;
  7199. }
  7200. /* for line blue img:
  7201. https://media.chatgptautorefresh.com/images/separators/gradient-aqua.png?latest
  7202. IN
  7203. https://greatest.deepsurf.us/fr/scripts/498904-script-finder */
  7204. [src^="https://media.chatgptautorefresh.com/images/separators/"],
  7205. #additional-info img[src^="https://media.chatgptautorefresh.com/images/separators/"],
  7206. #additional-info.user-content p img[src^="https://media.chatgptautorefresh.com/images/separators/"] {
  7207.     display: inline-block !important;
  7208.     min-width: 98% !important;
  7209.     max-width: 98% !important;
  7210.     height: 9px;
  7211.     margin: auto;
  7212.     padding: 0px !important;
  7213. box-shadow: unset !important;
  7214. background-color: #2b2b2b;
  7215. border: none !important;
  7216. }
  7217.  
  7218.  
  7219. /* GREASY FORK - LIGHTBOX - POSI */
  7220. /* SOURCE - SUPP "Source" - ==== */
  7221. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after,
  7222. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots:after {
  7223.     position: relative;
  7224.     float: right;
  7225.     clear: both;
  7226.     content: " 🔻 Preview 🔻 ";
  7227.     height: 15px;
  7228.     line-height: 12px;
  7229.     width: 140px;
  7230.     margin-top: 58px;
  7231.     margin-right: -83px;
  7232.     transform: rotate(90deg);
  7233.     text-align: center;
  7234.     letter-spacing: 1.7px;
  7235.     z-index: 500000 !important;
  7236.     border: 1px solid gold;
  7237.     background: black;
  7238. }
  7239. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots,
  7240. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots {
  7241.     position: absolute !important;
  7242.     display: inline-block !important;
  7243.     height: 140px;
  7244.     line-height: 140px;
  7245.     width: 100%;
  7246.     top: -170px;
  7247.     right: -7px;
  7248.     text-align: right;
  7249.     clip: rect(0px, 990px, 145px, 970px);
  7250.     transition: all ease 1.5s;
  7251.     z-index: 5000000 !important;
  7252.     border: 1px solid peru;
  7253.     background: red;
  7254. }
  7255. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover,
  7256. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots:hover {
  7257.     clip: rect(0px, 1007px, 185px, 0px);
  7258.     z-index: 5000000 !important;
  7259.     background: black !important;
  7260. }
  7261. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots img,
  7262. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots img {
  7263.     position: relative !important;
  7264.     display: inline-block !important;
  7265.     float: none !important;
  7266.     max-width: 100% !important;
  7267.     padding: 2px;
  7268.     color: yellow;
  7269.     box-shadow: -4px 5px 2px #222 !important;
  7270. }
  7271. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots a,
  7272. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots a {
  7273.     display: inline-block !important;
  7274.     width: 152px;
  7275.     height: 140px;
  7276.     margin: -15px 17px 0px -7px;
  7277. }
  7278.  
  7279. /* (new241) CODE - SCRIPT INFO */
  7280. .script-author-description > p > code,
  7281. #additional-info > .script-author-description > pre > code,
  7282. #additional-info > .script-author-description > blockquote > pre > code {
  7283.     max-width: 99%;
  7284.     border: 1px solid gray;
  7285. }
  7286. .width-constraint #script-info > #script-content #additional-info > div {
  7287.     padding: 5px;
  7288.     color: gray !important;
  7289.     background-color: #2B2B2B;
  7290. }
  7291.  
  7292. /* GREASY - CODE PAGE : adapt for GM (config in script page):
  7293. https://greatest.deepsurf.us/fr/scripts/23840-greasyfork-search-with-sleazyfork-results-include
  7294. === */
  7295. pre.prettyprint.linenums {
  7296.     margin-left: 0px;
  7297.     padding: 5px 0px 5px 0px;
  7298.     left: 5px !important;
  7299.     white-space: pre-wrap;
  7300.     word-wrap: break-word;
  7301.     background-color: #222;
  7302. }
  7303. /* GM (config in script page) */
  7304. #code-container {
  7305.     max-height: 620px;
  7306.     width: 100%;
  7307.     margin-left: -5px;
  7308.     margin-top: 8px;
  7309.     overflow-x: hidden;
  7310.     background-color: white;
  7311. }
  7312.  
  7313. /* GREAS - SCRIPT INFOS - CODE */
  7314. #script-feedback-suggestion + #code-container {
  7315.     max-height: 615px;
  7316.     width: 100%;
  7317.     margin-left: -5px;
  7318.     margin-top: 22px;
  7319.     overflow-x: hidden;
  7320.     background-color: white;
  7321. }
  7322.  
  7323. /* GREASY - DISCUSS / HISTORIC etc */
  7324. #script-content > p:not(:empty):not(:first-of-type):not(:empty) {
  7325.     margin-top: 10px;
  7326.     margin-bottom: 20px;
  7327.     padding: 5px;
  7328.     border-radius: 4px;
  7329.     text-align: center;
  7330.     background-color: #f9dacd;
  7331. }
  7332.  
  7333. /* GREAS - SCRIPT INFOS - FAV USERS */
  7334. #feedback-favoriters {
  7335.     position: relative;
  7336.     display: inline-block;
  7337.     width: 99.5%;
  7338.     margin-top: 10px;
  7339.     margin-bottom: 20px;
  7340.     padding: 5px;
  7341.     border-radius: 4px;
  7342.     text-align: center;
  7343.     background-color: #333;
  7344. }
  7345.  
  7346. /* GREAS - SCRIPT INFO - HIST - WATCH DIFF (HOVER BUTTON) */
  7347. .diff {
  7348.     margin-top: 80px;
  7349. }
  7350. .width-constraint #script-info > #script-content > form[action$="/diff"] {
  7351.     width: 934px;
  7352.     margin-top: 90px;
  7353. }
  7354. .width-constraint #script-info > #script-content > form > ul {
  7355.     width: 950px;
  7356.     height: 610px;
  7357.     margin-top: 0px;
  7358.     margin-bottom: 0;
  7359.     padding-left: 5px;
  7360.     overflow-x: hidden;
  7361.     overflow-y: auto;
  7362.     border-top: 1px dashed gray;
  7363.     border-bottom: 1px dashed gray;
  7364. }
  7365. .width-constraint #script-info > #script-content > form[action$="/diff"] > input:first-of-type {
  7366.     margin-bottom: 15px;
  7367.     cursor: pointer;
  7368.     visibility: hidden;
  7369. }
  7370. .width-constraint #script-info > #script-content > form[action$="/diff"] > input:last-of-type {
  7371.     -moz-appearance: none;
  7372.     position: fixed;
  7373.     width: 10px;
  7374.     height: 15px;
  7375.     top: 27.9%!important;
  7376.     margin-left: -40px;
  7377.     padding-right: 0px;
  7378.     cursor: pointer !important;
  7379.     transition: width ease 0s, margin ease 0.1s;
  7380.     color: transparent;
  7381.     border-left: 19px solid #AAA;
  7382.     border-bottom: 9px solid transparent;
  7383.     border-top: 9px solid transparent;
  7384.     border-right: none;
  7385.     background: green;
  7386. }
  7387. .width-constraint #script-info > #script-content > form[action$="/diff"] > input:last-of-type:hover {
  7388.     -moz-appearance: button;
  7389.     margin-left: -140px;
  7390.     width: 145px;
  7391.     height: auto;
  7392.     line-height: 12px;
  7393.     white-space: normal;
  7394.     border: none;
  7395.     cursor: pointer;
  7396.     transition: width ease 0s, margin ease 0.7s;
  7397.     color: black;
  7398. }
  7399. /* DIFF CODE */
  7400. .width-constraint #script-info > #script-content > form + p + .diff ul {
  7401.     display: table;
  7402.     max-width: 945px;
  7403.     min-width: 945px;
  7404.     font-size: 13px;
  7405.     margin: 0;
  7406.     overflow: auto;
  7407.     padding: 5px;
  7408.     background: #fff;
  7409. }
  7410. .width-constraint #script-info > #script-content > form + p + .diff ul li {
  7411.     display: inline-block;
  7412.     max-width: 945px;
  7413.     min-width: 945px;
  7414.     height: auto !important;
  7415.     margin: 0;
  7416.     padding: 0;
  7417.     white-space: pre-wrap !important;
  7418.     word-wrap: break-word !important;
  7419.     text-align: left;
  7420. }
  7421. .width-constraint #script-info > #script-content > form + p + .diff ul li del,
  7422. .width-constraint #script-info > #script-content > form + p + .diff ul li ins,
  7423. .width-constraint #script-info > #script-content > form + p + .diff ul li span {
  7424.     display: inline-block;
  7425.     max-width: 945px;
  7426.     height: 1em;
  7427.     margin: 0;
  7428.     padding: 0;
  7429.     white-space: pre-wrap !important;
  7430.     word-wrap: break-word !important;
  7431.     text-align: left;
  7432. }
  7433. .diff li.diff-block-info {
  7434.     display: table-row;
  7435.     height: 1.4em;
  7436.     padding: 0;
  7437.     background: rgba(128, 128, 128, 0.17);
  7438. }
  7439.  
  7440. /* (new224) USERSTYLE STATS */
  7441. .PageContent #install-stats-chart-container {
  7442.     float: left;
  7443.     width: 46%;
  7444.     height: 100vh !important;
  7445.     min-height: 54vh !important;
  7446.     max-height: 54vh !important;
  7447.     background: #222 !important;
  7448. }
  7449. .PageContent > #install-stats-chart-container + table {
  7450.     display: inline-block !important;
  7451.     width: 100% !important;
  7452.     min-width: 50% !important;
  7453.     max-width: 50% !important;
  7454.     height: 100vh !important;
  7455.     min-height: 54vh !important;
  7456.     max-height: 54vh !important;
  7457.     overflow: hidden !important;
  7458.     overflow-y: auto !important;
  7459.     background: #222 !important;
  7460.     border-bottom: 1px solid red !important;
  7461. }
  7462. .PageContent > #install-stats-chart-container + table > thead {
  7463.     position: sticky;
  7464.     top: 0vh;
  7465.     background: #111;
  7466. }
  7467. .PageContent > #install-stats-chart-container + table > tfoot {
  7468.     position: sticky;
  7469.     bottom: 0vh;
  7470.     background: #111;
  7471. }
  7472.  
  7473. /* GREASY - SCRIPT STATS */
  7474. #script-content > script[src*="assets"] ~ h3 {
  7475.     margin-top: 25px;
  7476.     margin-bottom: 5px;
  7477.     padding: 5px;
  7478.     border-radius: 4px;
  7479.     text-align: center;
  7480. }
  7481. [id$="-chart-container"] {
  7482.     background: white;
  7483. }
  7484. td.numeric,
  7485. th.numeric {
  7486.     text-align: left;
  7487.     text-align: center;
  7488. }
  7489. /* GREASY - SCRIPT - DISC TABLE - ITEMS */
  7490. .width-constraint #discussions li > a:first-of-type {
  7491.     display: inline-block;
  7492.     width: 835px;
  7493.     height: 20px;
  7494.     line-height: 20px;
  7495.     margin-left: 0 !important;
  7496.     padding: 2px 5px;
  7497.     color: #B4A393;
  7498.     background: black;
  7499. }
  7500. .width-constraint #discussions li > a:first-of-type:hover {
  7501.     color: tomato;
  7502. }
  7503. .width-constraint #discussions li > time:first-of-type {
  7504.     display: inline-block;
  7505.     width: 95px;
  7506.     margin-right: 20px;
  7507.     text-align: center;
  7508. }
  7509. .width-constraint #discussions li > time:last-of-type {
  7510.     display: inline-block;
  7511.     width: 125px;
  7512.     margin-left: -30px;
  7513.     text-align: center;
  7514.     white-space: nowrap;
  7515. }
  7516. .width-constraint #discussions li > a:nth-child(2) {
  7517.     width: 180px;
  7518.     display: inline-block;
  7519.     margin-left: 5px;
  7520. }
  7521. .width-constraint #discussions li > a:nth-child(4) {
  7522.     width: auto;
  7523.     display: inline-block;
  7524.     margin-left: 5px;
  7525. }
  7526.  
  7527. /* GM VERS - CONT - MORE VERS */
  7528. .width-constraint #script-info > #script-content > form > input:first-of-type + ul {
  7529.     margin-top: -5px;
  7530. }
  7531. /* VERS - CONT - ONE VERS - NOT DIFF VERS */
  7532. .width-constraint #script-info > #script-content > form:not(.diff_options) > ul {
  7533.     display: inline-block !important;
  7534.     width: 100%;
  7535.     min-width: 934px;
  7536.     max-width: 934px;
  7537.     outline: 4px solid red;
  7538. }
  7539. /* GM VERS - ITEMS - ALL */
  7540. .width-constraint #script-info > #script-content > form > input:first-of-type {
  7541.     margin-bottom: -3px;
  7542.     padding-bottom: 4px;
  7543.     overflow: hidden;
  7544.     text-overflow: ellipsis;
  7545.     white-space: nowrap;
  7546.     border-top: 1px solid gray;
  7547. }
  7548. /* (new239) */
  7549. .width-constraint #script-info > #script-content > form > ul li {
  7550.     display: inline-block !important;
  7551.     width: 100%;
  7552.     min-width: 934px;
  7553.     max-width: 934px;
  7554.     margin-bottom: -3px;
  7555.     padding-bottom: 4px;
  7556.     overflow: hidden;
  7557.     text-overflow: ellipsis;
  7558.     border-top: 1px solid gray;
  7559. }
  7560. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > ul > li {
  7561.     display: inline-block !important;
  7562.     height: auto !important;
  7563.     width: 100%;
  7564.     min-width: 520px !important;
  7565.     max-width: 520px !important;
  7566.     margin: 0 0 -3px 0 !important;
  7567.     padding: 0 !important;
  7568.     overflow: hidden !important;
  7569.     text-overflow: ellipsis;
  7570.     word-wrap: break-word !important;
  7571.     white-space: pre-wrap !important;
  7572.     border-top: 1px solid gary;
  7573. }
  7574. /* COR FLOAT */
  7575. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > ol li {
  7576.     position: relative !important;
  7577.     display: block !important;
  7578.     float: left !important;
  7579.     clear: both !important;
  7580.     width: 100%;
  7581.     min-width: 504px !important;
  7582.     max-width: 504px !important;
  7583.     margin-bottom: 0px !important;
  7584.     padding: 0 !important;
  7585.     overflow: hidden!important;
  7586.     text-overflow: ellipsis;
  7587.     word-wrap: break-word !important;
  7588.     white-space: pre-wrap !important;
  7589.     border-top: 1px solid gray;
  7590. }
  7591.  
  7592.  
  7593. .width-constraint #script-info > #script-content > form > ul li:hover {
  7594.     transition: all ease 0.7s;
  7595.     background: #111;
  7596. }
  7597.  
  7598. .width-constraint #script-info > #script-content > form > ul li .version-changelog {
  7599.     float: right !important;
  7600.     clear: both !important;
  7601.     width: 100%;
  7602.     min-width: 520px !important;
  7603.     max-width: 520px !important;
  7604.     margin: -30px 19px 0 0 !important;
  7605.     padding-right: 0px !important;
  7606.     overflow: hidden !important;
  7607.     text-overflow: ellipsis;
  7608.     white-space: normal !important;
  7609.     color: tan !important;
  7610. }
  7611. /* (new218) */
  7612. .history_versions .version-changelog > ul {
  7613.     padding: 0 !important;
  7614.     color: tan !important;
  7615. }
  7616.  
  7617. .history_versions .version-changelog > ul li {
  7618.     height: 20px !important;
  7619.     line-height: 25px !important;
  7620.     width: 100%;
  7621.     min-width: 680px !important;
  7622.     max-width: 680px !important;
  7623.     margin-top: 0px !important;
  7624.     margin-right: 19px !important;
  7625.     padding-right: 0px !important;
  7626.     overflow: hidden !important;
  7627.     text-overflow: ellipsis;
  7628.     white-space: normal !important;
  7629. }
  7630. .history_versions .version-changelog > ul li:nth-child(odd) {
  7631.     color: #CD9A58 !important;
  7632.     background: #333 !important;
  7633. }
  7634. .history_versions .version-changelog > ul li:nth-child(even) {
  7635.     color: tan !important;
  7636.     background: #222 !important;
  7637. }
  7638. /* (new239) */
  7639. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > p {
  7640.     width: 520px !important;
  7641.     margin: 0px !important;
  7642.     padding: 0 !important;
  7643.     background: #333 !important;
  7644. }
  7645. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > ol {
  7646.     padding-left: 10px;
  7647. }
  7648.  
  7649.  
  7650. .history_versions .version-number {
  7651.     min-width: 149px !important;
  7652.     max-width: 149px !important;
  7653.     height: 20px !important;
  7654.     line-height: 25px !important;
  7655.     padding-left: 3px !important;
  7656. }
  7657. .history_versions .version-date {
  7658.     clear: none !important;
  7659.     height: 20px !important;
  7660.     line-height: 25px !important;
  7661.     padding-left: 3px !important;
  7662. }
  7663.  
  7664. #script-content > form > ul > li > input + a {
  7665.     display: inline-block;
  7666.     width: 15%;
  7667.     padding: 1px 5px;
  7668.     background: #222;
  7669. }
  7670. #script-content > form > ul > li:nth-child(odd) > input + a {
  7671.     background: #222;
  7672. }
  7673. #script-content > form > ul > li:nth-child(even) > input + a {
  7674.     background: #333;
  7675. }
  7676. .width-constraint #script-info > #script-content > form > ul li time {
  7677.     display: inline-block;
  7678.     min-width: 202px;
  7679.     max-width: 202px;
  7680.     padding: 1px 5px;
  7681.     letter-spacing: 1.4px;
  7682.     text-align: center;
  7683. }
  7684. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  7685.     background: #222;
  7686. }
  7687. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  7688.     background: #333;
  7689. }
  7690. /* CHECKED */
  7691. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v1"]:checked + input + a,
  7692. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v1"]:checked + input + a + time {
  7693.     background: green;
  7694.     color: white;
  7695. }
  7696. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v2"]:checked + a,
  7697. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v2"]:checked + a + time {
  7698.     background: tomato;
  7699.     color: white;
  7700. }
  7701.  
  7702. /* (new239) HISTORY - SHOW DIFF BUTTON */
  7703. .history_versions + p {
  7704.     margin: 5px 0 0 0 !important;
  7705. }
  7706.  
  7707.  
  7708.  
  7709. /* GREASY - FORUM TABLE */
  7710. .Message table {
  7711.     border-collapse: separate;
  7712.     border-spacing: 4px;
  7713.     margin: 1em -4px;
  7714.     width: 650px;
  7715. }
  7716. .Message table thead {
  7717.     width: 600px;
  7718. }
  7719. .Message th {
  7720.     padding-bottom: 0.5em;
  7721.     padding-top: 0.5em;
  7722.     font-size: 105%;
  7723.     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);
  7724. }
  7725. .Message table tbody {
  7726.     width: 600px;
  7727. }
  7728. .Message table tbody tr td:first-of-type {
  7729.     width: 120px;
  7730.     vertical-align: middle;
  7731.     color: gold;
  7732.     border: 1px solid red;
  7733. }
  7734. .Message table tbody tr td:first-of-type + td {
  7735.     min-width: 75px;
  7736.     max-width: 75px;
  7737.     vertical-align: middle;
  7738.     color: gold;
  7739.     border: 1px solid green;
  7740. }
  7741. .Message table tbody tr td:last-of-type {
  7742.     min-width: 280px;
  7743.     max-width: 280px;
  7744.     border: 1px solid blue;
  7745. }
  7746. .Message table tbody tr td:last-of-type code {
  7747.     float: left!important;
  7748.     min-width: 290px;
  7749.     max-width: 290px;
  7750.     margin-left: -6px;
  7751.     padding: 1px 3px;
  7752.     border-radius: 3px;
  7753.     white-space: pre-line;
  7754.     color: #eb5100;
  7755.     background-color: #f9ebd2;
  7756. }
  7757.  
  7758. /* GREASY - BROWSE / USER SCRIPTS */
  7759. #user-script-list > li,
  7760. #browse-script-list > li {
  7761.     padding: 5px;
  7762. }
  7763. #user-script-list > li:nth-child(odd),
  7764. #browse-script-list > li:nth-child(odd) {
  7765.     background-color: #222;
  7766. }
  7767. #user-script-list > li:nth-child(odd):hover,
  7768. #browse-script-list > li:nth-child(odd):hover {
  7769.     transition: background 0.8s ease 0s;
  7770.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  7771.     background-color: rgba(7, 7, 7, 0.67);
  7772. }
  7773. #user-script-list > li:nth-child(even),
  7774. #browse-script-list > li:nth-child(even) {
  7775.     background-color: #414141;
  7776. }
  7777. #user-script-list > li:nth-child(even):hover,
  7778. #browse-script-list > li:nth-child(even):hover {
  7779.     transition: background 0.8s ease 0s;
  7780.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  7781.     background-color: rgba(7, 7, 7, 0.57);
  7782. }
  7783. #user-script-list > li:hover,
  7784. #browse-script-list > li:hover {
  7785.     z-index: 1;
  7786.     background-color: black;
  7787. }
  7788. /* without script - NO CIT */
  7789. #user-script-list > li h2,
  7790. #browse-script-list > li h2 {
  7791.     display: inline-block;
  7792.     width: 100%;
  7793.     max-width: 100%;
  7794.     word-wrap: break-word;
  7795.     overflow: hidden;
  7796. }
  7797. #user-script-list > li h2 a,
  7798. #browse-script-list > li h2 a {
  7799.     display: inline-block;
  7800.     width: 100%;
  7801.     line-height: 17px;
  7802. }
  7803. #browse-script-list > li h2 span:not(.note-obj-user-tag) {
  7804.     width: 100%;
  7805.     max-width: 720px;
  7806.     overflow: hidden;
  7807. }
  7808. #user-script-list > li h2 span.name-description-separator,
  7809. #browse-script-list > li h2 span.name-description-separator {
  7810.     display: none;
  7811. }
  7812.  
  7813. /* GREASY - BROWSE SCRIPTS - LEFT SORT PANEL - WIth/Without CIT */
  7814. /*  without CITRUS*/
  7815. .width-constraint #script-list-option-groups.list-option-groups {
  7816.     width: 192px;
  7817.     float: left;
  7818.     margin: 7px 0 0 5px;
  7819. }
  7820. .width-constraint #script-list-option-groups.list-option-groups #script-list-sort > div {
  7821.     margin-top: 19px;
  7822. }
  7823. /* for GM "Superloder */
  7824. #main-header:not(:first-of-type) + .width-constraint .sidebarred .list-option-groups {
  7825.     display: none !important;
  7826. }
  7827. .width-constraint #script-list-option-groups.list-option-groups .list-option-group {
  7828.     margin-bottom: 0.5em;
  7829.     padding: 0.5em;
  7830.     border-radius: 5px 0 0 5px;
  7831.     box-shadow: 3px 3px 2px black;
  7832.     border: 1px solid gray;
  7833.     background-color: #2d2d2d;
  7834. }
  7835. .list-option-button {
  7836.     padding: 2px 0;
  7837.     border: 1px solid gold !important;
  7838.     background-color: #111 !important;
  7839. }
  7840. .list-option-groups a.list-option-button:focus,
  7841. .list-option-groups a.list-option-button:hover {
  7842.     padding: 2px 0;
  7843.     border: 1px solid gold !important;
  7844.     background: #333 !important;
  7845. }
  7846. .list-option-group ul {
  7847.     padding: 2px 0;
  7848.     box-shadow: 3px 3px 2px black;
  7849.     background-color: transparent;
  7850. }
  7851. .width-constraint #browse-script-list {
  7852.     float: left;
  7853.     width: 99%;
  7854.     margin-left: 10px;
  7855. }
  7856. .list-option-group .list-current {
  7857.     height: 19px;
  7858.     line-height: 15px;
  7859.     margin-bottom: 2px;
  7860.     padding: 2px 0 0 0;
  7861. }
  7862. .list-option-group .list-option {
  7863.     height: 19px;
  7864.     line-height: 9px;
  7865.     border: 1px solid #404040;
  7866. }
  7867. .list-option-group:last-of-type .list-option:last-of-type {
  7868.     height: 30px !important;
  7869.     line-height: 9px;
  7870.     border: 1px solid #404040;
  7871. }
  7872. .list-option-group .list-option.list-current {
  7873.     height: 19px;
  7874.     line-height: 19px;
  7875.     margin-left: 0;
  7876.     padding-left: 20px;
  7877.     border: 1px solid red;
  7878.     color: gold;
  7879.     background: #111;
  7880. }
  7881. .list-option-group .list-option a {
  7882.     white-space: nowrap;
  7883.     overflow: hidden;
  7884.     text-overflow: ellipsis;
  7885. }
  7886. .width-constraint #script-list-option-groups.list-option-groups + h3 + p,
  7887. .width-constraint #script-list-option-groups.list-option-groups + h3,
  7888. #browse-script-list + .pagination + p {
  7889.     float: left;
  7890.     width: 727px;
  7891.     margin-bottom: 8px;
  7892.     margin-left: 59px;
  7893.     margin-top: -15px;
  7894.     padding: 5px;
  7895.     background: #222;
  7896. }
  7897. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  7898.     margin-top: 0px;
  7899.     margin-bottom: 18px;
  7900.     border-bottom: 1px solid gray;
  7901. }
  7902.  
  7903. /* (new214) SETS / SITES LISTS - PANEL LEFT - NO GM */
  7904. .sidebar.collapsed #script-list-option-groups #script-list-filter.list-option-group > ul,
  7905. .sidebar.collapsed .list-option-groups #script-list-set.list-option-group > ul {
  7906.     height: 17vh !important;
  7907.     overflow: hidden !important;
  7908.     overflow-y: auto !important;
  7909.     background-color: transparent;
  7910. }
  7911.  
  7912.  
  7913. /* PANEL LANGUE CSS / JAV */
  7914. .sidebar.collapsed {
  7915.     display: inline-block !important;
  7916.     padding: 0 !important;
  7917.     width: 0 !important;
  7918.     border: none !important;
  7919. }
  7920. .width-constraint #script-list-option-groups.list-option-groups {
  7921.     position: fixed;
  7922.     display: inline-block !important;
  7923.     left: 11.4%;
  7924.     top: 80px;
  7925.     visibility: visible;
  7926.     z-index: 0 !important;
  7927. }
  7928. /* CIT */
  7929. [pagetype="UserProfile"] .width-constraint #script-list-option-groups.list-option-groups {
  7930.     left: 13.4% !important;
  7931.     top: 120px;
  7932.     z-index: 5 !important;
  7933. }
  7934. [pagetype="PersonalProfile"] .width-constraint #script-list-option-groups.list-option-groups {
  7935.     left: 13.4%;
  7936.     top: 120px;
  7937.     z-index: 5 !important;
  7938. }
  7939. body[pagetype="UserProfile"] .width-constraint #script-list-option-groups.list-option-groups {
  7940.     left: 12.4%;
  7941.     z-index: 0 !important;
  7942. }
  7943. body[pagetype="ListingPage"] .width-constraint #script-list-option-groups.list-option-groups {
  7944.     left: 14.3%;
  7945.     top: 120px;
  7946. }
  7947.  
  7948. /* SHOW ALL LANG */
  7949. body[pagetype="ListingPage"] .sidebarred-main-content > p {
  7950.     position: fixed !important;
  7951.     display: inline-block !important;
  7952.     top: 27px;
  7953.     font-size: 0px !important;
  7954.     z-index: 5000000 !important;
  7955. }
  7956.  
  7957. /* ONLY ONE */
  7958. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type a,
  7959. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts"],
  7960. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts?language=css"],
  7961. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="scripts?filter_locale="],
  7962. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts?page="],
  7963.  
  7964. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="/scripts?per_page="],
  7965. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="/scripts?filter_locale=0&page="],
  7966. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="/scripts?filter_locale=0&per_page="],
  7967. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="scripts?set=100"],
  7968. body[pagetype="ListingPage"] .width-constraint:first-of-type sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 + p:not(:only-of-type) + p a[href*="scripts?filter_locale="] {
  7969.     position: fixed !important;
  7970.     display: inline-block !important;
  7971.     width: 300px !important;
  7972.     height: 15px !important;
  7973.     top: 34px !important;
  7974.     left: 26% !important;
  7975.     font-size: 11px !important;
  7976.     opacity: 1 !important;
  7977.     z-index: 5000000 !important;
  7978.     color: gold !important;
  7979. }
  7980.  
  7981. /* PUB /Learn New script */
  7982. body[pagetype="ListingPage"] .width-constraint ~ .width-constraint .sidebarred-main-content > p > a,
  7983. .sidebarred-main-content .pagination + p {
  7984.     display: none;
  7985. }
  7986.  
  7987. /* NEW FORUM - DISC LIST */
  7988. .width-constraint .sidebarred .sidebarred-main-content {
  7989.     display: inline-block !important;
  7990.     min-width: 100%;
  7991. }
  7992. .width-constraint .sidebarred .sidebarred-main-content > p {
  7993.     margin: 0;
  7994. }
  7995. .width-constraint .sidebarred .sidebarred-main-content h3 {
  7996.     margin: 0;
  7997. }
  7998. .sidebarred-main-content.discussion-list-main-content > h2 {
  7999.     position: fixed !important;
  8000.     width: 41.6%;
  8001.     margin-top: -7px !important;
  8002.     z-index: 5000 !important;
  8003.     color: gold !important;
  8004.     border-radius: 0px !important;
  8005.     border-top: 7px solid peru;
  8006.     border-bottom: 1px solid peru;
  8007.     background: black !important;
  8008. }
  8009. /* NO DISSC FOUND */
  8010. .sidebarred-main-content.discussion-list-main-content > p {
  8011.     height: 350px;
  8012.     line-height: 350px;
  8013.     margin-top: 35px;
  8014.     text-align: center;
  8015.     background: black;
  8016. }
  8017. /* NEW FORUM - PANEL MENU - LEFT */
  8018. .sidebarred .sidebarred-main-content.discussion-list-main-content + .sidebar.collapsed {
  8019.     position: fixed !important;
  8020.     display: inline-block !important;
  8021.     width: 220px !important;
  8022.     left: 10% !important;
  8023.     background: #222 !important;
  8024.     border: 1px solid red !important;
  8025. }
  8026.  
  8027. /* DISC - HEAD - With/Without CIT */
  8028. .discussion-list-header {
  8029.     position: fixed;
  8030.     display: inline-block;
  8031.     width: 50.5%;
  8032.     margin-bottom: -4px;
  8033.     margin-top: -7px;
  8034.     padding-left: 20px;
  8035.     z-index: 50;
  8036.     border-bottom: 4px solid orange;
  8037.     border-top: 4px solid orange;
  8038.     background: black;
  8039. }
  8040.  
  8041. /* TEST FOR SuperLoader*/
  8042. html .width-constraint:not(:first-of-type) .discussion-list-header {
  8043.     display: none !important;
  8044. }
  8045.  
  8046. /* DISC - LIST - Without CIT */
  8047. .sidebarred-main-content.discussion-list-main-content > .discussion-list {
  8048.     margin-top: 62px !important;
  8049.     border-radius: 0px !important;
  8050.     box-shadow: none;
  8051.     background: #222 !important;
  8052.     border: none !important;
  8053. }
  8054. .sidebarred-main-content.discussion-list-main-content > .discussion-list .discussion-list-item {
  8055.     padding: 5px;
  8056. }
  8057. .sidebarred-main-content.discussion-list-main-content > .discussion-list .discussion-list-item:nth-child(even) {
  8058.     background: #333 !important;
  8059. }
  8060. /* new183) */
  8061. a.discussion-title {
  8062.     line-height: 17px;
  8063.     white-space: normal;
  8064. }
  8065. .discussion-meta,
  8066. .comment-meta {
  8067.     background: black !important;
  8068. }
  8069. a.discussion-title span {
  8070.     color: #CDCDCD !important;
  8071. }
  8072. a.discussion-title:visited span {
  8073.     color: tan !important;
  8074. }
  8075.  
  8076. #script-meta .inline-script-stats .script-show-author > span > a {
  8077.     color: peru !important;
  8078. }
  8079. #script-meta .inline-script-stats .script-show-author > span > a:visited {
  8080.     color: tomato !important;
  8081. }
  8082. /* RATING ICON - ALL */
  8083. .rating-icon {
  8084.     display: inline-block;
  8085.     min-width: 14px;
  8086.     max-width: 14px;
  8087.     height: 14px;
  8088.     line-height: 14px;
  8089.     margin-left: -5px;
  8090.     margin-right: 0px;
  8091.     padding: 0;
  8092.     text-align: center;
  8093.     font-size: 0;
  8094.     border: none !important;
  8095.     background: transparent;
  8096. }
  8097. .rating-icon:before {
  8098.     /* content: "⚪⚫🔴🔵🟢" ; */
  8099.     display: inline-block;
  8100.     margin-left: -2px;
  8101.     font-size: 10px;
  8102.     text-align: center;
  8103. }
  8104. .rating-icon.rating-icon-bad:before {
  8105.     content: "🔴";
  8106. }
  8107. .rating-icon.rating-icon-good:before {
  8108.     content: "🟢";
  8109. }
  8110. .rating-icon.rating-icon-ok:before {
  8111.     content: "🔵";
  8112. }
  8113.  
  8114. /* STAT - ADD LABEL HOVER */
  8115. #install-stats-chart-container + table > thead > tr > th > abbr:before {
  8116.     position: fixed;
  8117.     display: inline-block;
  8118.     width: 100px;
  8119.     transform: rotate(-90deg);
  8120.     content: attr(title);
  8121.     margin-top: 65px;
  8122.     margin-left: -83px;
  8123.     font-size: 13px;
  8124.     text-align: right;
  8125.     color: peru;
  8126. }
  8127. #install-stats-chart-container + table:hover > thead > tr > th > abbr:after {
  8128.     content: "."!important;
  8129.     position: fixed;
  8130.     display: inline-block;
  8131.     width: 20px;
  8132.     height: 17px;
  8133.     transform: rotate(-90deg) !important;
  8134.     margin-top: 22px;
  8135.     margin-left: -44px;
  8136.     border-radius: 5px;
  8137.     font-size: 13px;
  8138.     text-align: center;
  8139.     color: peru;
  8140.     background: rgba(255, 211, 0, 0.16);
  8141. }
  8142. #install-stats-chart-container + table > thead > tr > th:nth-of-type(7):before {
  8143.     content: "Opera JS";
  8144.     position: fixed;
  8145.     display: inline-block;
  8146.     width: 100px;
  8147.     transform: rotate(-90deg);
  8148.     margin-top: 80px;
  8149.     margin-left: -40px;
  8150.     font-size: 20px;
  8151.     text-align: right;
  8152.     color: peru !important;
  8153. }
  8154. #install-stats-chart-container + table > thead > tr > th:nth-of-type(8):before {
  8155.     content: "Opera JS";
  8156.     position: fixed;
  8157.     display: inline-block;
  8158.     width: 100px;
  8159.     transform: rotate(-90deg);
  8160.     margin-top: 80px;
  8161.     margin-left: -29px;
  8162.     font-size: 20px;
  8163.     text-align: right;
  8164.     color: peru;
  8165. }
  8166.  
  8167. #install-stats-chart-container + table > tbody > tr:nth-child(odd) {
  8168.     background: rgba(255, 0, 0, 0.23);
  8169. }
  8170. #install-stats-chart-container + table > tbody > tr:nth-child(even) {
  8171.     background: rgba(255, 254, 0, 0.23);
  8172. }
  8173. #install-stats-chart-container + table > tbody > tr:hover th {
  8174.     background: blue;
  8175. }
  8176. #install-stats-chart-container + table > tbody > tr:hover th {
  8177.     background: blue;
  8178. }
  8179. #install-stats-chart-container + table > tbody > tr:hover td {
  8180.     background: black;
  8181. }
  8182. #install-stats-chart-container + table > tbody > tr:hover td:last-of-type {
  8183.     background: red;
  8184. }
  8185.  
  8186. /* FORUM IMAGE - DISC */
  8187. #vanilla_discussion_comment .Message > img {
  8188.     max-height: 200px;
  8189.     max-width: 50%;
  8190.     margin-bottom: 25px;
  8191. }
  8192. .Discussion.comment .Message > div {
  8193.     float: right;
  8194.     height: 150px;
  8195.     width: 719px;
  8196.     margin: auto auto 20px 50px;
  8197.     left: 150px;
  8198.     overflow: hidden;
  8199. }
  8200. .Discussion.comment .Message > div.imgur-gifv.VideoWrap {
  8201.     float: none;
  8202.     height: auto;
  8203.     width: 700px;
  8204.     margin: auto auto 20px 0px;
  8205. }
  8206. .Message > div > a > a > img {
  8207.     margin-left: 56px;
  8208.     text-align: center;
  8209. }
  8210. .Message .ImageResized {
  8211.     height: 20px;
  8212.     margin-bottom: 5px;
  8213.     max-width: 668px;
  8214.     font-size: 11px;
  8215.     cursor: pointer;
  8216.     color: peru;
  8217. }
  8218. .Message .ImageResized:hover {
  8219.     color: tomato;
  8220. }
  8221.  
  8222. /* CODE DISC */
  8223. .Message ol li pre,
  8224. .Message > ul > li > ul > li > pre,
  8225. .Message > ul > li > pre,
  8226. .Message > pre,
  8227. .Message > table > tbody > tr > td > code {
  8228.     position: relative;
  8229.     display: inline-block;
  8230.     letter-spacing: initial;
  8231.     white-space: pre-line;
  8232.     word-wrap: break-word;
  8233.     color: white;
  8234.     background-color: #5c5c5c;
  8235. }
  8236. .Message > table > tbody > tr > td > code {
  8237.     display: inline-block;
  8238.     min-width: 688px;
  8239.     max-width: 688px;
  8240. }
  8241. .Message > pre {
  8242.     min-width: 650px;
  8243.     max-width: 650px;
  8244.     margin-left: 5px;
  8245. }
  8246. .Message > ul > li > pre {
  8247.     min-width: 580px;
  8248.     max-width: 580px;
  8249.     margin-left: 5px;
  8250. }
  8251. .Message > ul > li > ul > li > pre {
  8252.     min-width: 580px;
  8253.     max-width: 580px;
  8254.     margin-left: -35px;
  8255. }
  8256. .Message ol li pre {
  8257.     min-width: 650px;
  8258.     max-width: 650px;
  8259.     margin-left: -35px;
  8260. }
  8261.  
  8262. /* FORUM USERT/GREAS - CODE (BACK STRIP) */
  8263. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted,
  8264. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  8265.     position: relative;
  8266.     display: inline-block;
  8267.     min-width: 100%;
  8268.     left: 0px;
  8269.     top: -10px;
  8270.     letter-spacing: initial;
  8271.     white-space: pre-line;
  8272.     word-wrap: break-word;
  8273.     color: red;
  8274.     background-color: white;
  8275.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  8276.     background-size: 30px 15px;
  8277. }
  8278. /* CODE - TEST STRIPEed BACKGROUND for:
  8279. https://greatest.deepsurf.us/fr/scripts/418889-better-greasyfork-code-reader-js-beautifier/code
  8280. === */
  8281. pre.linenums.prettyprinted .linenums {
  8282.     line-height: 15px !important;
  8283.     padding-left: 20px !important;
  8284.     background-color: #ffff99;
  8285.     background-image: linear-gradient(transparent 100%, rgba(128, 128, 128, 0.1) 20%);
  8286. }
  8287.  
  8288. /* (new194) FOR GM BEAUTIDER (it add it)  - because i use the Background striped */
  8289. pre.linenums.prettyprinted li {
  8290.     box-shadow: -1px 1px 2px rgba(255, 211, 0, 0.2) !important;
  8291. }
  8292. pre.linenums.prettyprinted li.L0,
  8293. pre.linenums.prettyprinted li.L1,
  8294. pre.linenums.prettyprinted li.L2,
  8295. pre.linenums.prettyprinted li.L3,
  8296. pre.linenums.prettyprinted li.L4,
  8297. pre.linenums.prettyprinted li.L5,
  8298. pre.linenums.prettyprinted li.L6,
  8299. pre.linenums.prettyprinted li.L7,
  8300. pre.linenums.prettyprinted li.L8,
  8301. pre.linenums.prettyprinted li.L9 {
  8302.     min-width: 880px !important;
  8303.     max-width: 880px !important;
  8304.     margin-left: -10px !important;
  8305.     background: transparent;
  8306. }
  8307. pre.linenums.prettyprinted li.L0 code,
  8308. pre.linenums.prettyprinted li.L1 code,
  8309. pre.linenums.prettyprinted li.L2 code,
  8310. pre.linenums.prettyprinted li.L3 code,
  8311. pre.linenums.prettyprinted li.L4 code,
  8312. pre.linenums.prettyprinted li.L5 code,
  8313. pre.linenums.prettyprinted li.L6 code,
  8314. pre.linenums.prettyprinted li.L7 code,
  8315. pre.linenums.prettyprinted li.L8 code,
  8316. pre.linenums.prettyprinted li.L9 code {
  8317.     min-width: 880px !important;
  8318.     max-width: 880px !important;
  8319.     color: white;
  8320.     background: transparent;
  8321. }
  8322. .linenums.prettyprinted code .pun {
  8323.     background: transparent !important;
  8324. }
  8325. #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 {
  8326.     display: inline-block !important;
  8327.     min-width: 630px;
  8328.     max-width: 630px;
  8329.     margin-left: -5px;
  8330. }
  8331. .Quote > p > code,
  8332. .Message pre code,
  8333. .Message > code {
  8334.     display: inline-block;
  8335.     max-width: 648px;
  8336.     vertical-align: middle;
  8337.     padding: 1px 2px 1px 4px;
  8338.     white-space: pre-line;
  8339.     word-wrap: break-word;
  8340.     color: white;
  8341.     background-color: #5c5c5c;
  8342. }
  8343.  
  8344. /* CODE - USERSTY / GREASY - FIRST TOP DISC */
  8345. .Discussion .Item-BodyWrap .Item-Body .Message code,
  8346. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code {
  8347.     display: inline-block;
  8348.     max-width: 600px;
  8349.     position: relative;
  8350.     letter-spacing: initial;
  8351.     line-height: 15px;
  8352.     min-height: 0px;
  8353.     min-width: 0px;
  8354.     top: 0;
  8355.     overflow-y: hidden;
  8356.     overflow-x: hidden;
  8357. }
  8358. /* (new243) */
  8359. pre {
  8360.     background-color: #111 !important;
  8361.     margin-left: 30px;
  8362.     padding: 5px 10px;
  8363. }
  8364.  
  8365. code,
  8366. .Message > p > code,
  8367. .Message > ul > li > code {
  8368.     position: relative;
  8369.     display: inline-block;
  8370.     min-width: 10px;
  8371.     max-width: 100%;
  8372.     min-height: 15px;
  8373.     line-height: 15px;
  8374.     top: 0px;
  8375.     margin-top: 0px;
  8376.     margin-bottom: -2px;
  8377.     margin-left: 2px;
  8378.     padding: 0px 2px;
  8379.     letter-spacing: initial;
  8380.     white-space: pre-wrap !important;
  8381.     word-wrap: break-word !important;
  8382.     overflow: hidden;
  8383.     color: white;
  8384.     background-color: #5c5c5c;
  8385. }
  8386. code a.linkifyplus {
  8387.     display: inline !important;
  8388.     white-space: pre-wrap;
  8389.     word-wrap: break-word;
  8390. }
  8391.  
  8392. /* CODE - IN COMMENT PREVIEW */
  8393. .previewable .preview-results.user-content > pre {
  8394.     background: rgba(0, 0, 0, 0.5) !important;
  8395.     border: 0 none;
  8396. }
  8397.  
  8398.  
  8399. /*  CODE VESSION HISTORY - not DIFF */
  8400. .version-changelog > pre {
  8401.     background-color: #222 !important;
  8402. }
  8403.  
  8404. /* CODE in SCRIPT INFO */
  8405. #additional-info > p > code {
  8406.     position: relative;
  8407.     display: inline-block;
  8408.     min-width: 10px;
  8409.     max-width: 100%;
  8410.     min-height: 15px;
  8411.     line-height: 15px;
  8412.     top: 0px;
  8413.     margin: 0px 3px 0 3px !important;
  8414.     padding: 0px 2px;
  8415.     letter-spacing: initial;
  8416.     white-space: pre-wrap;
  8417.     word-wrap: break-word;
  8418.     overflow: visible !important;
  8419.     color: white;
  8420.     background-color: #222 !important;
  8421. }
  8422.  
  8423. /* CODE IN h1 :
  8424. https://greatest.deepsurf.us/fr/scripts/24150-highlight-every-code
  8425. === */
  8426. h1 code {
  8427.     height: 15px !important;
  8428.     line-height: 12px !important;
  8429.     padding: 1px 4px !important;
  8430.     font-size: 17px !important;
  8431. }
  8432.  
  8433. /* CODE DISC - TOP AUTHOR DISC */
  8434. .Message > ul > li > code {
  8435.     height: 13px !important;
  8436.     line-height: 13px !important;
  8437.     padding: 1px 4px !important;
  8438. }
  8439. .QuoteText > pre {
  8440.     width: 660px;
  8441.     padding: 2px 2px 2px 4px;
  8442.     letter-spacing: initial;
  8443.     white-space: pre-line;
  8444.     word-wrap: break-word;
  8445. }
  8446.  
  8447. /* USERSTY PAGE INFO - CODE */
  8448. #additional-info-text > pre,
  8449. #additional-info-text > code pre code,
  8450. #additional-info-text > code pre,
  8451. #additional-info-text > code:not(:empty),
  8452. #long-description > code:not(:empty) {
  8453.     display: inline-block;
  8454.     margin-left: 1px;
  8455.     padding: 5px 10px;
  8456.     border-radius: 2px;
  8457.     letter-spacing: initial;
  8458.     white-space: pre-line;
  8459.     word-wrap: break-word;
  8460.     color: white;
  8461.     background-color: #5c5c5c;
  8462. }
  8463. #additional-info-text > pre,
  8464. #additional-info-text > code pre code,
  8465. #additional-info-text > code pre {
  8466.     width: 850px;
  8467. }
  8468.  
  8469. /* CODE - STYLE INFO - LONG DESC */
  8470. #long-description > code:not(:empty) {
  8471.     display: inline-block;
  8472.     width: auto;
  8473.     max-width: 540px;
  8474. }
  8475. /* CODE - STYLE INFO - ADIT DESC */
  8476. #additional-info-text > code:not(:empty) {
  8477.     display: inline-block;
  8478.     width: auto;
  8479.     max-width: 820px;
  8480. }
  8481.  
  8482. /* GREASY - SCRIPT INFO - CODE */
  8483. #additional-info > div > blockquote > pre > code,
  8484. #additional-info > div > pre > code {
  8485.     display: inline-block;
  8486.     width: 99%;
  8487.     margin-left: -6px;
  8488.     padding: 5px 10px;
  8489.     border-radius: 2px;
  8490.     letter-spacing: initial;
  8491.     white-space: pre-line;
  8492.     word-wrap: break-word;
  8493.     color: white;
  8494.     background-color: #5c5c5c;
  8495. }
  8496. #additional-info > div > blockquote > pre > code {
  8497.     border: 1px solid gray;
  8498. }
  8499.  
  8500. /* WITH/WITHOUT GM - MY ACC/EDIT PAGE */
  8501. #main-header + #content-wrapper > #main-article > ul {
  8502.     position: fixed;
  8503.     display: inline-block;
  8504.     width: 50px;
  8505.     height: 18px;
  8506.     margin-left: -100px;
  8507.     top: 18px;
  8508.     padding-left: 15px;
  8509.     border-radius: 3px 3px 0 0;
  8510.     text-align: left;
  8511.     overflow: hidden;
  8512.     z-index: 500;
  8513.     box-shadow: 0 0 4px #999;
  8514.     background: #222;
  8515. }
  8516. #help-style-settings-edit ~ pre,
  8517. #main-header + #content-wrapper > #main-article > p ~ ul {
  8518.     position: relative;
  8519.     display: inline-block;
  8520.     width: 700px;
  8521.     height: auto;
  8522.     margin-left: 200px;
  8523.     margin-top: -5px;
  8524.     border-radius: 3px;
  8525.     overflow: visible;
  8526.     z-index: 10;
  8527.     border: 1px solid gray;
  8528.     background: #222;
  8529. }
  8530. #main-header + #content-wrapper > #main-article > table + p {
  8531.     position: fixed;
  8532.     display: inline-block;
  8533.     width: 600px;
  8534.     height: auto;
  8535.     top: 73px;
  8536.     left: 320px;
  8537.     opacity: 0;
  8538. }
  8539. #main-header + #content-wrapper > #main-article > table:hover + p {
  8540.     position: fixed;
  8541.     display: inline-block;
  8542.     width: 600px;
  8543.     height: auto;
  8544.     top: 73px;
  8545.     left: 320px;
  8546.     opacity: 1;
  8547.     transition: opacity ease 0.7s;
  8548. }
  8549. #main-header + #content-wrapper > #main-article > ul:hover {
  8550.     width: 200px;
  8551.     height: auto;
  8552.     box-shadow: 0 0 4px #999;
  8553. }
  8554. #main-header + #content-wrapper > #main-article > p ~ ul:hover {
  8555.     width: 700px;
  8556.     height: auto;
  8557. }
  8558. #main-header + #content-wrapper > #main-article > ul:before {
  8559.     content: "More..."!important;
  8560.     width: 200px;
  8561.     height: 10px;
  8562.     line-height: 10px;
  8563. }
  8564. #main-header + #content-wrapper > #main-article > p ~ ul:before {
  8565.     content: "";
  8566. }
  8567. /* HELP STYLES */
  8568. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 {
  8569.     width: 700px;
  8570.     margin-left: 200px;
  8571.     text-align: center;
  8572.     color: peru;
  8573.     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);
  8574. }
  8575.  
  8576. /* EDIT COM - HOVER + NOT HOV/OPEN + NOT OPEN */
  8577. /* ALL - USERS/GREASY - EDIT COM - ICON GRAY - TOP TITLE DISCUS/COM */
  8578. .ToggleFlyout.OptionsMenu .Flyout.MenuItems {
  8579.     display: inline-block !important;
  8580.     width: 15px;
  8581.     height: 15px;
  8582.     left: 2px;
  8583.     top: 3px;
  8584.     padding: 0;
  8585.     border: none;
  8586.     box-shadow: none;
  8587.     background-color: transparent;
  8588. }
  8589. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems {
  8590.     left: 0px !important;
  8591.     top: 50px !important;
  8592. }
  8593. .OptionsMenu .Flyout {
  8594.     right: 6px;
  8595.     top: -1px;
  8596. }
  8597. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  8598. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  8599.     border: none !important;
  8600. }
  8601. .OptionsTitle,
  8602. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment,
  8603. .ToggleFlyout:not(.Open) .EditDiscussion {
  8604.     display: inline-block;
  8605.     width: 18px;
  8606.     font-size: 0px;
  8607.     visibility: hidden;
  8608.     background-color: transparent;
  8609. }
  8610. /* ALL */
  8611. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  8612.     content: " ";
  8613.     position: relative;
  8614.     display: inline-block;
  8615.     width: 18px;
  8616.     height: 15px;
  8617.     font-size: 15px;
  8618.     visibility: visible;
  8619.     background: url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  8620.     background-color: black;
  8621.     outline: 1px solid gray;
  8622. }
  8623. /* GREAS */
  8624. a.EditComment:before,
  8625. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  8626.     content: " ";
  8627.     position: relative;
  8628.     display: inline-block;
  8629.     width: 18px;
  8630.     height: 18px;
  8631.     left: 0px;
  8632.     top: -2px;
  8633.     font-size: 15px;
  8634.     visibility: visible;
  8635.     background: url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0);
  8636.     background-color: black;
  8637.     outline: 1px solid gray;
  8638. }
  8639. /* EDIT BUT */
  8640. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems {
  8641.     display: inline-block;
  8642.     height: 15px;
  8643.     line-height: 15px;
  8644.     padding: 1px;
  8645. }
  8646.  
  8647. /* COM DISC - COM EDIT PAGE */
  8648. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  8649.     margin-top: -74px;
  8650. }
  8651. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  8652.     padding: 0px 20px;
  8653. }
  8654. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  8655.     position: relative;
  8656.     float: left;
  8657.     width: 18px;
  8658.     line-height: 15px;
  8659.     padding: 0;
  8660. }
  8661. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a:hover {
  8662.     text-decoration: none;
  8663.     color: white;
  8664.     background-color: #ACB1B7;
  8665. }
  8666.  
  8667. /* EDIT COM */
  8668. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  8669.     font-size: 15px;
  8670.     visibility: hidden;
  8671.     outline: 1px solid gray;
  8672. }
  8673.  
  8674. /* COM DISC */
  8675. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle,
  8676. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle,
  8677. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle,
  8678. /* COM DISC ALT (BLACK) */
  8679. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle,
  8680. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle,
  8681. /* LIST BOOKMARKED */
  8682. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle,
  8683. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle,
  8684. /* LIST BOOKM ALT (BLACK) */
  8685. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle,
  8686. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  8687.     visibility: hidden;
  8688. }
  8689.  
  8690. /* DISM -  ALL */
  8691. .DismissAnnouncement.Hijack {
  8692.     height: 18px;
  8693.     width: 18px;
  8694.     top: 0 !important;
  8695.     right: 0 !important;
  8696.     padding: 0 !important;
  8697.     font-size: 0;
  8698.     text-align: center;
  8699.     color: peru;
  8700. }
  8701. .DismissAnnouncement.Hijack:before {
  8702.     content: "X";
  8703.     height: 18px;
  8704.     width: 18px;
  8705.     top: 0 !important;
  8706.     right: 0 !important;
  8707.     padding: 0 !important;
  8708.     font-size: 15px;
  8709.     color: peru;
  8710. }
  8711. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  8712.     margin-right: 19px;
  8713.     margin-top: 0px;
  8714.     color: peru;
  8715. }
  8716.  
  8717. /* USERST - EDIT COM */
  8718. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion {
  8719.     font-size: 15px;
  8720.     visibility: hidden;
  8721.     z-index: 10000;
  8722. }
  8723. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
  8724.     margin-left: 32px;
  8725.     padding: 0;
  8726.     font-size: 0px;
  8727. }
  8728. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before,
  8729. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  8730.     content: " "!important;
  8731.     position: relative !important;
  8732.     float: left !important;
  8733.     width: 18px !important;
  8734.     height: 18px !important;
  8735.     top: -2px !important;
  8736.     font-size: 15px !important;
  8737.     visibility: visible !important;
  8738.     background: url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  8739.     background-color: black !important;
  8740.     outline: 1px solid gray !important;
  8741. }
  8742.  
  8743. /* USERSTY / GREASY - EDIT BUTTON - IN HEADER DISC GREASY FORK DISCUS */
  8744. /* GREASY */
  8745. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  8746.     visibility: hidden !important;
  8747.     outline: 1px solid peru !important;
  8748. }
  8749.  
  8750. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style */
  8751. .Attachment .FilePreview .Thumb-Default img,
  8752. .Attachment .FileHover .Thumb-Default img {
  8753.     display: inline-block !important;
  8754.     max-height: 25px !important;
  8755.     min-height: 25px !important;
  8756.     height: 100% !important;
  8757.     width: 20px !important;
  8758. }
  8759.  
  8760. /* START PAGE */
  8761. #main-article > p {
  8762.     position: relative !important;
  8763.     display: inline-block !important;
  8764.     width: 870px! important;
  8765.     margin: 10px auto ! important;
  8766.     left: 70px ! important;
  8767. }
  8768. #front-page-best {
  8769.     display: inline-block ! important;
  8770.     margin-left: 200px ! important;
  8771. }
  8772. #front-page-newest {
  8773.     display: inline-block !important;
  8774.     margin-left: 200px !important;
  8775. }
  8776. #front-page-best h2,
  8777. #front-page-newest h2 {
  8778.     display: inline-block ! important;
  8779.     width: 300px !important;
  8780.     margin-left: 15px !important;
  8781.     padding-left: 29px !important;
  8782.     border-radius: 5px !important;
  8783.     box-shadow: 0 0 4px #999999 !important;
  8784.     background-color: #222222 !important;
  8785. }
  8786. #front-page-best ul li,
  8787. #front-page-newest ul li {
  8788.     width: 700px ! important;
  8789.     padding: 2px 5px ! important;
  8790. }
  8791. #front-page-best ul li:nth-child(even),
  8792. #front-page-newest ul li:nth-child(even) {
  8793.     background: black! important;
  8794. }
  8795. #front-page-best ul li:nth-child(odd),
  8796. #front-page-newest ul li:nth-child(odd) {
  8797.     background: #222222 ! important;
  8798. }
  8799. #front-page-newest ul li:not(.additional-link):after,
  8800. #front-page-best ul li:not(.additional-link):after {
  8801.     content: "tot   :   " attr(total-install-count);
  8802.     float: left;
  8803.     width: 250px;
  8804.     margin-right: -100px;
  8805.     text-align: left;
  8806.     color: gold;
  8807. }
  8808. #front-page-best ul li:not(.additional-link):before {
  8809.     content: "week   :   " attr(weekly-install-count);
  8810.     float: right;
  8811.     width: 120px;
  8812.     margin-left: 10px;
  8813.     text-align: left;
  8814.     color: gold;
  8815. }
  8816.  
  8817. /* PAGINATION - HIGHLIGHT */
  8818. .NumberedPager a.Highlight,
  8819. #PagerBefore.Pager a.Highlight {
  8820.     background: yellow;
  8821.     color: red;
  8822. }
  8823.  
  8824. /* ALL - PAGINATOR CENTER -  HIGHTLIGHT / PREV / NEXT */
  8825. .Pager a,
  8826. .Pager span {
  8827.     position: relative;
  8828.     display: inline-block;
  8829.     vertical-align: middle;
  8830.     min-width: 17px;
  8831.     height: 14px;
  8832.     line-height: 13px;
  8833.     margin: 0 3px;
  8834.     padding: 0;
  8835.     text-align: center;
  8836.     border-radius: 3px;
  8837.     box-shadow: 3px 3px 2px black;
  8838.     background: #222;
  8839. }
  8840. .NumberedPager a.Next,
  8841. .NumberedPager span.Next,
  8842. .NumberedPager a.Previous,
  8843. .NumberedPager span.Previous {
  8844.     position: relative;
  8845.     display: inline-block;
  8846.     height: 14px;
  8847.     line-height: 11px;
  8848.     font-size: 23px;
  8849.     border-radius: 3px;
  8850.     vertical-align: middle;
  8851.     box-shadow: 3px 3px 2px black;
  8852.     background: #222;
  8853. }
  8854. .NumberedPager .Next:hover,
  8855. .NumberedPager .Previous:hover {
  8856.     position: relative;
  8857.     display: inline-block;
  8858.     vertical-align: middle;
  8859.     height: 14px;
  8860.     line-height: 11px;
  8861.     border-radius: 3px;
  8862.     top: 5px;
  8863.     left: 0px;
  8864.     margin-left: 3px;
  8865.     right: 0px;
  8866.     font-size: 26px;
  8867. }
  8868. #PagerAfter > a:hover,
  8869. #PagerBefore > a:hover,
  8870. body .Pager .Highlight:hover,
  8871. .PageControls .Pager a:hover {
  8872.     display: inline-block;
  8873.     color: tomato;
  8874. }
  8875. #PagerBefore > .Next:hover,
  8876. .NumberedPager a.Next:hover,
  8877. .NumberedPager span.Next:hover {
  8878.     position: relative;
  8879.     display: inline-block;
  8880.     height: 20px;
  8881.     line-height: 17px;
  8882.     margin-top: -10px;
  8883.     font-size: 23px;
  8884.     vertical-align: middle;
  8885.     color: tomato;
  8886. }
  8887. #PagerAfter > .Previous:hover,
  8888. #PagerBefore > .Previous:hover,
  8889. .NumberedPager a.Previous:hover,
  8890. .NumberedPager span.Previous:hover {
  8891.     position: relative;
  8892.     display: inline-block;
  8893.     height: 20px;
  8894.     line-height: 17px;
  8895.     margin-top: -10px;
  8896.     font-size: 23px;
  8897.     vertical-align: middle;
  8898.     color: tomato;
  8899. }
  8900. .p-100.LastPage:hover {
  8901.     position: relative;
  8902.     display: inline-block;
  8903.     height: 20px;
  8904.     line-height: 17px;
  8905.     font-size: 16px;
  8906.     vertical-align: middle;
  8907.     color: tomato;
  8908. }
  8909. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  8910. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Previous,
  8911. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Next {
  8912.     position: relative;
  8913.     display: inline-block;
  8914.     vertical-align: middle;
  8915.     line-height: 20px;
  8916.     height: 20px;
  8917.     padding: 2px;
  8918.     top: -10px;
  8919.     font-size: 15px;
  8920.     color: peru;
  8921. }
  8922. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Previous:hover {
  8923.     display: inline-block;
  8924.     left: -11px;
  8925.     font-size: 20px;
  8926.     transition: all ease 0.5s;
  8927.     color: tomato;
  8928. }
  8929. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Next:hover {
  8930.     display: inline-block;
  8931.     margin-right: -9px;
  8932.     margin-left: 2px;
  8933.     font-size: 20px;
  8934.     transition: all ease 0.5s;
  8935.     color: tomato;
  8936. }
  8937.  
  8938. /* USERSTY - MAIN ARTICLE (inside CONTENT-WRAPPER) */
  8939. #main-article {
  8940.     margin-left: 215px !important;
  8941. }
  8942.  
  8943. /* USERSTY -ACCOUNT PAGE - USER NAME */
  8944. .PageContent > dl > dt:not(:last-of-type) {
  8945.     position: absolute !important;
  8946.     display: inline-block !important;
  8947.     width: 23vw !important;
  8948.     height: 15px;
  8949.     line-height: 15px !important;
  8950.     top: 20vh !important;
  8951.     margin-left: 0%;
  8952.     margin-top: -10px !important;
  8953.     padding: 5px;
  8954.     overflow: hidden;
  8955.     text-align: left !important;
  8956.     z-index: 500 !important;
  8957.     border: 1px solid #404040;
  8958.     background: #222 !important;
  8959. }
  8960. /* TXT "HOMEPAGE" in STYLES PAGES */
  8961. html > body > dl dt:not(:last-of-type) + #user-about + dt {
  8962.     display: none !important;
  8963. }
  8964.  
  8965. /* USERSTY -ACCOUNT PAGE - USER CONTACT */
  8966. #user-about + dt {
  8967.     position: absolute !important;
  8968.     display: inline-block !important;
  8969.     width: 3%;
  8970.     min-height: 14px;
  8971.     max-height: 14px;
  8972.     line-height: 14px;
  8973.     top: 20vh !important;
  8974.     left: 20vw !important;
  8975.     margin-left: 0 !important;
  8976.     margin-top: -10px !important;
  8977.     padding: 5px;
  8978.     text-align: left;
  8979.     font-size: 0 !important;
  8980.     z-index: 700 !important;
  8981.     border: 1px solid #404040;
  8982. }
  8983. .PageContent > dl dd:last-of-type {
  8984.     position: fixed !important;
  8985.     display: inline-block !important;
  8986.     width: 1.5%;
  8987.     height: 100% !important;
  8988.     min-height: 24px !important;
  8989.     max-height: 24px !important;
  8990.     top: 20vh !important;
  8991.     left: 20vw !important;
  8992.     margin-left: 0 !important;
  8993.     margin-top: -10px !important;
  8994.     padding: 0 !important;
  8995.     overflow: hidden !important;
  8996.     white-space: nowrap !important;
  8997.     text-align: left;
  8998.     font-size: 15px !important;
  8999.     z-index: 900 !important;
  9000.     color: transparent !important;
  9001. }
  9002. .PageContent > dl dd:last-of-type:before {
  9003.     content: "📧";
  9004.     position: fixed !important;
  9005.     display: inline-block !important;
  9006.     width: 42px;
  9007.     height: 100% !important;
  9008.     min-height: 24px !important;
  9009.     max-height: 24px !important;
  9010.     line-height: 23px;
  9011.     margin-left: -7px !important;
  9012.     left: 20vw !important;
  9013.     top: 19vh;
  9014.     padding: 0px;
  9015.     text-align: center;
  9016.     font-size: 27px;
  9017.     z-index: 0 !important;
  9018.     pointer-events: none !important;
  9019.     color: red !important;
  9020.     border: 1px solid #404040;
  9021. }
  9022. /* USERSTY - ACCOUNT PAGE - USER ABOUT /HOVER */
  9023. #user-about {
  9024.     position: absolute !important;
  9025.     display: inline-block;
  9026.     min-width: 23vw !important;
  9027.     max-width: 23vw !important;
  9028.     min-height: 14px !important;
  9029.     max-height: 75vh !important;
  9030.     top: 24vh !important;
  9031.     margin-left: 0% !important;
  9032.     margin-top: -10px !important;
  9033.     padding: 5px;
  9034.     overflow: hidden;
  9035.     overflow-y: auto;
  9036.     border: 1px solid lime !important;
  9037.     z-index: 500 !important;
  9038.     transition: all ease 0.7s !important;
  9039.     background: #222 !important;
  9040. }
  9041. #user-about:hover {
  9042.     position: absolute !important;
  9043.     display: inline-block;
  9044.     max-width: 23vw !important;
  9045.     min-height: 14px !important;
  9046.     max-height: 75vh !important;
  9047.     padding: 5px;
  9048.     overflow: hidden;
  9049.     overflow-y: auto;
  9050.     z-index: 500 !important;
  9051.     transition: all ease 0.7s !important;
  9052.     background: #333 !important;
  9053. }
  9054.  
  9055. /*
  9056. USERSTY - ACCOUNT PAGE - - INSTAL WEEK  */
  9057. .numeric-value {
  9058.     color: gold !important;
  9059. }
  9060. .numeric-value + .numeric-value {
  9061.     color: tan !important;
  9062. }
  9063.  
  9064. /* USERSTY - (ALL) "Contact Admin" ETC */
  9065. /* USERSTY - FOOT */
  9066. footer {
  9067.     position: fixed !important;
  9068.     display: inline-block !important;
  9069.     width: auto !important;
  9070.     top: 00px !important;
  9071.     left: 10px ! important;
  9072.     padding: 0 5px 5px 20px !important;
  9073.     z-index: 5000 ! important;
  9074.     visibility: hidden !important;
  9075.     background: red !important;
  9076. }
  9077. footer:hover {
  9078.     position: fixed !important;
  9079.     display: inline-block !important;
  9080.     width: auto !important;
  9081.     top: 00px !important;
  9082.     left: 10px ! important;
  9083.     padding: 0 5px 5px 20px !important;
  9084.     z-index: 5000 ! important;
  9085.     visibility: visible !important;
  9086.     background: black !important;
  9087. }
  9088. footer:before {
  9089.     content: "🔻" !important;
  9090.     position: fixed !important;
  9091.     display: inline-block !important;
  9092.     width: auto !important;
  9093.     top: 10px !important;
  9094.     left: 5px ! important;
  9095.     padding: 0px !important;
  9096.     z-index: 5000 ! important;
  9097.     visibility: visible !important;
  9098.     background: gold !important;
  9099. }
  9100. /* ==== (ALL)  - USERSTY - MENUS POPUP ==== */
  9101. /* USERSTY - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL */
  9102. #style-author-info {
  9103.     position: fixed !important;
  9104.     width: 205px ! important;
  9105.     height: 100% ! important;
  9106.     min-height: 292px ! important;
  9107.     max-height: 792px ! important;
  9108.     left: 5px !important;
  9109.     top: 80px !important;
  9110.     padding-left: 5px !important;
  9111.     padding-bottom: 3px !important;
  9112.     border-radius: 5px !important;
  9113.     box-shadow: 3px 3px 2px black !important;
  9114.     background: #222 !important;
  9115. }
  9116. #style-install-info {
  9117.     position: fixed !important;
  9118.     width: 195px ! important;
  9119.     left: 23px !important;
  9120.     top: 320px !important;
  9121.     padding-left: 5px !important;
  9122.     padding-bottom: 3px !important;
  9123.     border-radius: 5px !important;
  9124.     z-index: 700 !important;
  9125.     background: #222 !important;
  9126. }
  9127.  
  9128. /* USERSTY - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA */
  9129. #style-install-info > tbody > tr:nth-child(2n + 1),
  9130. #style-author-info > tbody > tr:nth-child(2n + 1) {
  9131.     background: #262626 !important;
  9132. }
  9133.  
  9134. /* USERSTY - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE */
  9135. #style-install-info > tbody > tr,
  9136. #style-author-info > tbody > tr {
  9137.     color: gold !important;
  9138. }
  9139. /*  USERSTY - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS */
  9140. #style-install-info > tbody > tr th + td,
  9141. #style-author-info > tbody > tr th + td {
  9142.     position: relative ! important;
  9143.     display: inline-block ! important;
  9144.     width: 95% ! important;
  9145.     bottom: 3px ! important;
  9146.     left: 3px ! important;
  9147.     border-radius: 5px ! important;
  9148.     text-align: center ! important;
  9149.     color: #6999A6 !important;
  9150.     border: #434141 solid 1px !important;
  9151.     box-shadow: 3px 3px 2px black !important;
  9152.     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%);
  9153. }
  9154.  
  9155. /* USERSTY - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE */
  9156. #style-install-info > tbody > tr,
  9157. #style-author-info > tbody > tr {
  9158.     display: block !important;
  9159.     position: relative !important;
  9160.     width: 190px !important;
  9161.     font-size: 11px !important;
  9162. }
  9163. /* USERSTY - STY INFOS - AUTH PANEL INFOS - AUTH */
  9164. #style-author-info > tbody > tr:first-child {
  9165.     position: relative !important;
  9166.     display: inline-block !important;
  9167.     margin-top: 5px ! important;
  9168.     margin-left: 0px ! important;
  9169.     width: 190px !important;
  9170.     height: 89px ! important;
  9171.     border-radius: 5px ! important;
  9172.     border: 1px gray solid ! important;
  9173. }
  9174.  
  9175. /* USERSTY - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON */
  9176. #style-author-info > tbody > tr:nth-child(1) > th {
  9177.     display: inline-block !important;
  9178.     position: relative !important;
  9179.     width: 184px !important;
  9180.     margin-top: 1px ! important;
  9181.     padding: 0 5px 2px 0 !important;
  9182.     border-radius: 5px 5px 0 0 ! important;
  9183.     font-size: 0px !important;
  9184.     text-align: center ! important;
  9185.     color: transparent !important;
  9186.     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%);
  9187. }
  9188. /* USERSTY - STY INFOS - AUTH PANEL INFOS - ADD ICON USER */
  9189. #style-author-info > tbody > tr:nth-child(1) > th:before {
  9190.     position: relative;
  9191.     display: inline-block;
  9192.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png");
  9193.     transform: scale(0.9, 0.7);
  9194. }
  9195.  
  9196. /* USERSTY - STY INFOS - AUTH PANEL INFOS - USER NAME */
  9197. #style-author-info > tbody > tr:nth-child(1) > td a {
  9198.     position: relative !important;
  9199.     display: block !important;
  9200.     max-width: 182px !important;
  9201.     height: 51px ! important;
  9202.     left: -2px ! important;
  9203.     padding: 0 2px !important;
  9204.     font-size: 19px !important;
  9205.     font-weight: bold ! important;
  9206.     text-align: center ! important;
  9207.     color: SlateGray !important;
  9208.     border-radius: 0 0 5px 5px ! important;
  9209.     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%);
  9210.     border: none !important;
  9211.     white-space: pre-wrap ! important;
  9212.     word-break: break-all ! important;
  9213.     -moz-hyphens: auto ! important;
  9214. }
  9215.  
  9216. /* USERSTY - STY INFOS - AUTH PANEL INFOS - USER NAME */
  9217. #style-author-info > tbody > tr:first-of-type th + td {
  9218.     position: relative ! important;
  9219.     display: inline-block ! important;
  9220.     width: 100% ! important;
  9221.     bottom: -1px ! important;
  9222.     left: 3px ! important;
  9223.     text-align: center ! important;
  9224.     border: none !important;
  9225.     background: transparent ! important;
  9226. }
  9227.  
  9228. /* USERSTY - INFOS - SCREENSHOT + INFOS - (GM + NO GM) */
  9229. #content-wrapper #main-article #left-info {
  9230.     position: absolute ! important;
  9231.     display: inline-block ! important;
  9232.     vertical-align: top ! important;
  9233.     top: 5px !important;
  9234.     margin-left: 2% !important;
  9235. }
  9236.  
  9237. /* USERSTY - STY INFOS - SCREENSHOT - (GM + NO GM) */
  9238. #screenshots {
  9239.     position: absolute;
  9240.     display: inline-block;
  9241.     float: none;
  9242.     clear: both;
  9243.     height: 395px;
  9244.     width: 360px;
  9245.     top: 0px;
  9246.     border: 1px solid #434141 !important;
  9247.     box-shadow: 3px 3px 2px black;
  9248.     background-color: #222222;
  9249.     z-index: 10;
  9250. }
  9251. .screenshot-thumbnail {
  9252.     border: 1px solid #434141 !important;
  9253.     box-shadow: 3px 3px 2px black;
  9254. }
  9255. #more-screenshots {
  9256.     font-size: 0 !important;
  9257. }
  9258. #more-screenshots span {
  9259.     position: absolute !important;
  9260.     display: inline-block !important;
  9261.     padding: 2px 5px !important;
  9262.     border-radius: 5px !important;
  9263.     background: black !important;
  9264.     font-size: 15px !important;
  9265. }
  9266. #screenshots #more-screenshots a {
  9267.     position: relative !important;
  9268.     display: inline-block !important;
  9269.     width: 98% !important;
  9270.     bottom: -20px !important;
  9271.     font-size: small !important;
  9272. }
  9273. #screenshots #more-screenshots a:before {
  9274.     content: "\25BA";
  9275.     color: gold;
  9276. }
  9277. /* USERSTY - STY INFOS - LONG DESC - (GM + NO GM) */
  9278. #style-info {
  9279.     position: absolute ! important;
  9280.     width: 78.5% !important;
  9281.     margin-top: 1px !important;
  9282.     left: 249px !important;
  9283.     word-wrap: break-word ! important;
  9284. }
  9285. #main-style-info {
  9286.     width: 60% !important;
  9287.     margin-bottom: 1em;
  9288.     margin-left: 380px !important;
  9289.     padding-left: 1em;
  9290. }
  9291.  
  9292. /* USERSTY - STY INFOS - LG DESC - TXT */
  9293. #long-description {
  9294.     position: relative !important;
  9295.     display: inline-block !important;
  9296.     width: 565px ! important;
  9297.     height: 395px !important;
  9298.     min-height: 100px ! important;
  9299.     top: 4px !important;
  9300.     margin-top: 0px !important;
  9301.     left: 10px ! important;
  9302.     padding: 5px 5px 2px 10px !important;
  9303.     border-radius: 5px !important;
  9304.     overflow: hidden ! important;
  9305.     overflow-y: auto ! important;
  9306.     box-shadow: 3px 3px 2px black !important;
  9307.     border: 1px solid red !important;
  9308. }
  9309. /* NEED CONVERT for Addstylish lib -  USERSTY - STY INFOS - STYLE OPTIONS */
  9310. .advanced_button {
  9311.     position: absolute;
  9312.     height: 20px !important;
  9313.     margin-left: 251px !important;
  9314.     top: 68px !important;
  9315. }
  9316. /* (new220) */
  9317. #style-settings {
  9318.     position: absolute !important;
  9319.     display: inline-block !important;
  9320.     width: 75px ! important;
  9321.     height: 16px !important;
  9322.     top: 4.7vh !important;
  9323.     left: 46.4vw ! important;
  9324.     margin: 0 !important;
  9325.     padding: 3px 5px;
  9326.     border-radius: 5px !important;
  9327.     overflow: hidden !important;
  9328.     overflow-y: hidden !important;
  9329.     z-index: 500 !important;
  9330.     border: 1px solid gray !important;
  9331.     background: #333 !important;
  9332. }
  9333. #style-settings:hover {
  9334.     position: absolute !important;
  9335.     display: inline-block !important;
  9336.     width: 555px ! important;
  9337.     min-height: 727px !important;
  9338.     border-radius: 5px !important;
  9339.     overflow: hidden !important;
  9340.     overflow-y: auto !important;
  9341.     z-index: 500!important;
  9342.     transition: all ease 0.6s !important;
  9343.     border: 1px solid gray !important;
  9344.     background: black !important;
  9345. }
  9346. #style-settings li:first-of-type {
  9347.     margin-top: 35px !important;
  9348. }
  9349. #style-settings:before {
  9350.     content: "Options \01F53B ";
  9351.     position: absolute;
  9352.     display: inline-block;
  9353.     height: 15px;
  9354.     width: 75px !important;
  9355.     line-height: 13px;
  9356.     top: 0px;
  9357.     left: -2px;
  9358.     padding: 5px;
  9359.     border-radius: 3px;
  9360.     border: 1px solid gray;
  9361.     color: gold;
  9362.     background: #222222;
  9363.     z-index: 500 !important;
  9364. }
  9365. #style-settings #advancedsettings_area.advancedsettings_shown,
  9366. #style-settings #advancedsettings_area.advancedsettings_hidden {
  9367.     display: inline-block !important;
  9368.     min-width: 495px !important;
  9369.     max-width: 495px !important;
  9370.     margin-left: 14px;
  9371.     margin-top: 28px;
  9372.     padding: 15px !important;
  9373.     background-color: #ffffff;
  9374. }
  9375.  
  9376. /* USERSTY - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK */
  9377. #style-info #control-panel {
  9378.     position: fixed ! important;
  9379.     display: inline-block ! important;
  9380.     height: 17px !important;
  9381.     line-height: 17px !important;
  9382.     width: 566px;
  9383.     margin-bottom: 1em;
  9384.     left: 637px!important;
  9385.     top: 25px ! important;
  9386.     padding: 1px 6px !important;
  9387.     border: 1px solid gray !important;
  9388.     border-radius: 3px 3px 0 0 !important;
  9389.     background: #222 !important;
  9390.     z-index: 600 !important;
  9391. }
  9392. #style-install-info > tbody > tr:last-of-type,
  9393. #style-info #control-panel > a:nth-child(1),
  9394. #style-info #control-panel > a:nth-child(2),
  9395. #style-info #control-panel > a:nth-child(3) {
  9396.     display: inline-block!important;
  9397.     height: 14px !important;
  9398.     line-height: 14px !important;
  9399.     margin-top: -4px ! important;
  9400.     top: 30px !important;
  9401.     background-color: #222222 !important;
  9402.     border-radius: 3px !important;
  9403.     box-shadow: 3px 3px 2px black !important;
  9404.     padding: 1px 5px !important;
  9405. }
  9406.  
  9407. /* USERSTY - STY INFOS - LG DESC - (Links Color) */
  9408. #long-description > p > a {
  9409.     color: #E0B81F !important;
  9410.     margin-right: 5px !important;
  9411. }
  9412. /* USERSTY - STY INFOS - INST BUTT + Switch Browser */
  9413. #stylish-installed-style-needs-update,
  9414. #stylish-installed-style-not-installed {
  9415.     position: fixed !important;
  9416.     width: 190px !important;
  9417.     height: 16px !important;
  9418.     line-height: 13px !important;
  9419.     left: 1025px !important;
  9420.     margin-bottom: 1px;
  9421.     top: 16px !important;
  9422.     padding: 0 4px 2px !important;
  9423.     border-radius: 5px !important;
  9424.     font-size: larger;
  9425.     color: white;
  9426.     vertical-align: middle;
  9427.     z-index: 700!important;
  9428. }
  9429.  
  9430. /* INST BUT - COR to SEE WITH STYLISH addon diff ver */
  9431. #stylish-installed-style-installed {
  9432.     position: fixed !important;
  9433.     width: 230px !important;
  9434.     height: 18px !important;
  9435.     line-height: 17px !important;
  9436.     top: 11px !important;
  9437.     left: 930px !important;
  9438.     margin-bottom: 1px;
  9439.     padding: 0 4px 2px !important;
  9440.     border-radius: 5px !important;
  9441.     font-size: larger;
  9442.     vertical-align: middle;
  9443.     z-index: 650 !important;
  9444.     color: white;
  9445. }
  9446. #switch-browser-note {
  9447.     position: absolute !important;
  9448.     display: inline-block;
  9449.     width: 180px !important;
  9450.     top: 32px !important;
  9451.     left: 575px !important;
  9452.     margin-bottom: 1px;
  9453.     margin-top: 13px !important;
  9454.     padding: 0 4px 2px !important;
  9455.     vertical-align: middle;
  9456.     border-radius: 5px !important;
  9457.     color: white;
  9458. }
  9459.  
  9460. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3 */
  9461. #style-install-mozilla-no-stylish {
  9462.     display: none !important;
  9463. }
  9464.  
  9465. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???)  */
  9466. .install-status:not(.install) {
  9467.     display: none;
  9468. }
  9469.  
  9470. /* USERSTYLES -  INSTALL NOT */
  9471. .install-status:not(.install) {
  9472.     position: absolute !important;
  9473.     display: inline-block;
  9474.     max-width: 450px;
  9475.     margin-bottom: 1px;
  9476.     margin-top: 15px;
  9477.     right: 0 !important;
  9478.     top: 0!important;
  9479.     padding: 8px 16px 12px;
  9480.     border-radius: 5px;
  9481.     font-size: larger;
  9482.     color: white;
  9483.     vertical-align: middle;
  9484. }
  9485.  
  9486. /* ==== USERSTY - STY INFOS - SHOW CODE - ==== */
  9487. /* USERSTY - STY INFOS - NEW - SHOW CSS CODE */
  9488. #stylish-code.cssHidden[style*="display: none;"] {
  9489.     display: none !important;
  9490. }
  9491. #stylish-code.hiBeautted,
  9492. #stylish-code.cssHidden[style*="display: block;"] {
  9493.     display: inline-block !important;
  9494.     width: 650px !important;
  9495.     min-height: 680px !important;
  9496.     padding: 5px 5px 5px 15px !important;
  9497.     border-top: 30px solid red !important;
  9498.     word-wrap: break-word !important;
  9499.     -moz-hyphens: auto !important;
  9500.     background: white !important;
  9501.     background-color: #2e3e49 !important;
  9502. }
  9503. /* SHOW CODE - IMAGE - FOR GM LinkyFyPlus*/
  9504. #show-code #view-code #stylish-code a.linkifyplus {
  9505.     display: inline-block !important;
  9506.     height: 15px !important;
  9507.     white-space: pre-wrap !important;
  9508.     word-wrap: break-word !important;
  9509.     font-size: 15px !important;
  9510.     color: blue !important;
  9511.     background: tan !important;
  9512. }
  9513. #show-code #view-code #stylish-code a.linkifyplus > img {
  9514.     position: absolute !important;
  9515.     display: inline-block !important;
  9516.     max-height: 100px !important;
  9517.     padding: 3px 20px !important;
  9518.     visibility: hidden !important;
  9519.     transform: scale(0.2) !important;
  9520.     transition: background ease 0.7s !important;
  9521.     background: #333 !important;
  9522. }
  9523. #show-code #view-code #stylish-code a.linkifyplus:hover > img {
  9524.     position: fixed !important;
  9525.     display: inline-block !important;
  9526.     max-height: 50% !important;
  9527.     max-width: 200px !important;
  9528.     top: 25% !important;
  9529.     margin: auto 0 !important;
  9530.     right: 40% ! important;
  9531.     padding: 3px 20px !important;
  9532.     visibility: visible !important;
  9533.     transform: scale(1.5) !important;
  9534.     transition: background ease 0.1s !important;
  9535.     z-index: 1000 !important;
  9536.     background: black !important;
  9537. }
  9538. #show-code #view-code #stylish-code a.linkifyplus[href*=".gif"]:before,
  9539. #show-code #view-code #stylish-code a.linkifyplus[href*=".png"]:before,
  9540. #show-code #view-code #stylish-code a.linkifyplus[href*=".jpg"]:before {
  9541.     content: " " !important;
  9542.     position: relative !important;
  9543.     display: inline-block !important;
  9544.     width: 10px !important;
  9545.     height: 18px !important;
  9546.     line-height: 18px !important;
  9547.     padding: 0 5px 0 10px !important;
  9548.     border-radius: 3px !important;
  9549.     font-size: 17px !important;
  9550.     visibility: visible !important;
  9551.     opacity: 1 !important;
  9552.     background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  9553.     background-position: center !important;
  9554.     background-repeat: no-repeat !important;
  9555.     background-size: 70% 140% !important;
  9556.     transform: rotate(270deg) !important;
  9557.     background-color: white !important;
  9558. }
  9559. #show-code #view-code #stylish-code a.linkifyplus[href*=".gif"]:after,
  9560. #show-code #view-code #stylish-code a.linkifyplus[href*=".png"]:after,
  9561. #show-code #view-code #stylish-code a.linkifyplus[href*=".jpg"]:after {
  9562.     content: attr(href) !important;
  9563.     position: relative !important;
  9564.     display: inline-block !important;
  9565.     height: 18px !important;
  9566.     line-height: 18px !important;
  9567.     padding: 0 20px !important;
  9568.     font-size: 15px !important;
  9569.     visibility: visible !important;
  9570.     opacity: 1 !important;
  9571. }
  9572.  
  9573. /* USERSTY - STY INFOS - MORE - DESC - TITLE */
  9574. #content-wrapper article#main-article #more-info h2,
  9575. #content-wrapper article#main-article #additional-info h2,
  9576. #content-wrapper article#main-article #discussions-area h2 {
  9577.     display: inline-block ! important;
  9578.     min-width: 965px !important;
  9579.     max-width: 965px !important;
  9580.     padding-left: 15px !important;
  9581.     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%);
  9582.     border-radius: 5px !important;
  9583.     box-shadow: 3px 3px 2px black !important;
  9584.     color: #A3A4A4 !important;
  9585. }
  9586. #content-wrapper article#main-article #discussions-area h2 {
  9587.     min-width: 965px !important;
  9588.     max-width: 965px !important;
  9589. }
  9590. section#discussions-area h2 {
  9591.     position: relative !important;
  9592.     display: inline-block !important;
  9593.     left: 50px !important;
  9594.     margin-bottom: -15px !important;
  9595. }
  9596. section#discussions-area h3 {
  9597.     display: none !important;
  9598. }
  9599.  
  9600. /* USERSTY -  STY INFOS - MORE INFOS - DESC */
  9601. #style-info + #additional-info {
  9602.     position: relative ! important;
  9603.     display: inline-block !important;
  9604.     min-width: 90% !important;
  9605.     max-width: 90% !important;
  9606.     left: 2% !important;
  9607.     margin-top: 405px !important;
  9608. }
  9609. #additional-info-text {
  9610.     position: relative !important;
  9611.     display: inline-block !important;
  9612.     min-width: 965px !important;
  9613.     max-width: 965px !important;
  9614.     margin-top: -10px !important;
  9615.     overflow-y: auto;
  9616.     overflow-x: hidden!important;
  9617.     color: #ACAEB5 !important;
  9618. }
  9619. /* USERSTY - STY INFOS - MORE - DESC - Links Color */
  9620. #additional-info #additional-info-text a {
  9621.     color: #E0B81F !important;
  9622. }
  9623. #additional-info #additional-info-text a:visited {
  9624.     color: #E7D590 !important;
  9625. }
  9626.  
  9627. /* USERSTY - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ */
  9628. #style-info + #additional-info #additional-info-text > mark > a {
  9629.     color: black !important;
  9630. }
  9631. #additional-info #additional-info-text > mark > a b {
  9632.     color: red!important;
  9633. }
  9634.  
  9635. /* === USERSTY - STY INFOS - FEED ==== */
  9636. /* USERSTY - FIX NEW DESIGN - TOP HEARDER */
  9637. .top_logo {
  9638.     margin-top: -5px !important;
  9639. }
  9640. .header-search {
  9641.     height: 25px !important;
  9642. }
  9643. .header-search .search_input {
  9644.     height: 25px !important;
  9645.     margin-top: 0px !important;
  9646. }
  9647.  
  9648. /* USERSTY - CREATE NEW STYLE */
  9649. #create_new_style,
  9650. .header_button {
  9651.     min-height: 20px !important;
  9652.     margin-top: -27px !important;
  9653. }
  9654. #create_new_style {
  9655.     min-height: 20px !important;
  9656.     margin-top: 0px !important;
  9657.     margin-left: 220px !important;
  9658.     margin-right: -192px !important;
  9659. }
  9660. #create_new_style a,
  9661. .header_button a {
  9662.     font-weight: 600 !important;
  9663.     font-size: 14px !important;
  9664. }
  9665.  
  9666. /* USERSTY - STY INFOS - FEEDK LIST - "ASK New Q / FEED " */
  9667. #discussions-area {
  9668.     position: absolute !important;
  9669.     display: inline-block ! important;
  9670.     float: none ! important;
  9671.     clear: both ! important;
  9672.     max-height: 100%!important;
  9673.     min-height: 30px !important;
  9674.     width: 330px !important;
  9675.     left: -31% !important;
  9676.     top: 46vh !important;
  9677.     padding: 1px !important;
  9678.     border: 1px solid red !important;
  9679. }
  9680.  
  9681. /* USERSTY - NEW DESIGN FIX -  STYLE INFO - FEED BACK CONTAINER */
  9682. #as_userscript + #headline {
  9683.     position: absolute !important;
  9684.     display: inline-block ! important;
  9685.     float: none ! important;
  9686.     clear: both ! important;
  9687.     max-height: 100%!important;
  9688.     min-height: 30px !important;
  9689.     min-width: 20vw !important;
  9690.     max-width: 20vw !important;
  9691.     left: 0 !important;
  9692.     top: 23vh !important;
  9693.     border-radius: 3px 3px 0 0 !important;
  9694.     padding: 1px !important;
  9695.     box-shadow: 3px 3px 2px black !important;
  9696.     background: #222 !important;
  9697. }
  9698. #as_userscript + #headline:before {
  9699.     content: "▲▼" !important;
  9700.     color: gold !important;
  9701.     font-size: 18px;
  9702.     font-weight: bold;
  9703.     margin-right: 10px;
  9704. }
  9705. #as_userscript + #headline:after {
  9706.     content: "(\"⟰ + Enter\" for Line Break)" !important;
  9707.     color: tan !important;
  9708.     font-size: 13px;
  9709.     font-weight: bold;
  9710.     margin-left: 5px;
  9711. }
  9712. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper {
  9713.     position: absolute !important;
  9714.     display: inline-block ! important;
  9715.     float: none ! important;
  9716.     clear: both ! important;
  9717.     height: 100%!important;
  9718.     min-height: 60.1vh !important;
  9719.     max-height: 60.1vh !important;
  9720.     min-width: 19.5vw !important;
  9721.     max-width: 19.5vw !important;
  9722.     left: 0 !important;
  9723.     top: 29.8vh !important;
  9724.     padding: 1px 4px 1px 8px !important;
  9725.     overflow: hidden;
  9726.     box-shadow: 3px 3px 2px black;
  9727.     background: #222 !important;
  9728. }
  9729. #as_userscript + #headline:hover + #comments-section-wrapper.comments-wrapper,
  9730. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper:hover {
  9731.     position: absolute !important;
  9732.     display: inline-block ! important;
  9733.     float: none ! important;
  9734.     clear: both ! important;
  9735.     min-height: 35vh !important;
  9736.     max-height: 60vh !important;
  9737.     padding: 1px 4px 1px 8px !important;
  9738.     overflow: hidden;
  9739.     overflow-y: auto !important;
  9740. }
  9741. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper > div {
  9742.     display: inline-block ! important;
  9743.     width: 100% !important;
  9744.     min-width: calc(100% - 11px) !important;
  9745.     max-width: calc(100% - 11px) !important;
  9746. }
  9747. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper:hover > div {
  9748.     display: inline-block ! important;
  9749.     width: 100% !important;
  9750.     min-width: calc(100% + 1px) !important;
  9751. }
  9752. #comments-section-wrapper div:nth-child(odd) .comment-wrapper .comment-content {
  9753.     background: #222 !important;
  9754. }
  9755. #comments-section-wrapper div:nth-child(odd) .comment-wrapper .comment-content .content-wrapper .content {
  9756.     color: gray !important;
  9757. }
  9758. #comments-section-wrapper div:nth-child(even) .comment-wrapper .comment-content {
  9759.     background: #111 !important;
  9760. }
  9761. #comments-section-wrapper div:nth-child(even) .comment-wrapper .comment-content .content-wrapper .content {
  9762.     color: gray !important;
  9763. }
  9764. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper {
  9765.     margin-bottom: 10px;
  9766. }
  9767.  
  9768. /* ZEBBRA */
  9769. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(even) {
  9770.     background-color: #111 !important;
  9771. }
  9772. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(even) .comment-wrapper {
  9773.     background-color: #4A4A4A !important;
  9774. }
  9775. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(odd) {
  9776.     background-color: #111 !important;
  9777. }
  9778. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(odd) .comment-wrapper {
  9779.     background-color: #111 !important;
  9780. }
  9781.  
  9782. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div .comment-content {
  9783.     max-width: calc(100% - 20px) !important;
  9784.     margin-left: 5px !important;
  9785. }
  9786. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div .comment-wrapper .comment-content {
  9787.     position: relative;
  9788.     top: 3px !important;
  9789.     padding: 5px !important;
  9790.     border-radius: 5px !important;
  9791.     background: #222 !important;
  9792. }
  9793. .comment-wrapper .replies-wrapper {
  9794.     padding-left: 10px;
  9795. }
  9796. .comment-wrapper .actions {
  9797.     align-items: center;
  9798.     display: flex;
  9799.     justify-content: space-between;
  9800.     margin-bottom: 5px !important;
  9801.     margin-top: 5px !important;
  9802. }
  9803. .comment-content .top .left-details .date {
  9804.     color: gold !important;
  9805.     font-size: 12px;
  9806.     line-height: 14px;
  9807.     opacity: 0.4;
  9808. }
  9809. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] #send_feedback_button {
  9810.     height: 18px !important;
  9811.     width: 30px !important;
  9812.     margin: 0px !important;
  9813.     box-shadow: none !important;
  9814.     color: transparent !important;
  9815.     border: none !important;
  9816.     white-space: nowrap;
  9817.     background-color: blue !important;
  9818.     transition: all ease 0.2s !important;
  9819. }
  9820. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] #send_feedback_button > div:last-of-type {
  9821.     visibility: hidden;
  9822. }
  9823. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover) #send_feedback_button > div:first-of-type {
  9824.     height: 20px;
  9825.     margin-right: -103px !important;
  9826.     margin-top: 0px;
  9827. }
  9828. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover) #send_feedback_button > div .feedback-icon {
  9829.     height: 15px;
  9830.     margin-top: 4px;
  9831. }
  9832. /* HOVER */
  9833. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover #send_feedback_button {
  9834.     width: 172px !important;
  9835.     height: 20px;
  9836.     margin-top: 0px !important;
  9837.     color: gold !important;
  9838.     transition: all ease 0.2s !important;
  9839. }
  9840. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover #send_feedback_button > div:last-of-type {
  9841.     display: inline-block;
  9842.     visibility: visible;
  9843. }
  9844. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover #send_feedback_button > div:first-of-type .feedback-icon {
  9845.     height: 15px;
  9846.     margin-right: 15px !important;
  9847.     margin-top: 5px !important;
  9848. }
  9849. .comment-content.edit {
  9850.     margin-top: 4px;
  9851.     padding: 5px !important;
  9852.     background: #222 !important;
  9853. }
  9854. .comment-content .top {
  9855.     align-items: center;
  9856.     display: flex;
  9857.     justify-content: space-between;
  9858.     margin-bottom: 2px !important;
  9859. }
  9860. .comment-content.edit .content-wrapper .content {
  9861.     width: 100% !important;
  9862.     line-height: 16px;
  9863.     font-size: 14px;
  9864.     color: gray !important;
  9865. }
  9866. .comment-content.edit .content-wrapper .content textarea {
  9867.     display: inline-block !important;
  9868.     width: 105% !important;
  9869.     height: auto !important;
  9870.     min-height: 20px !important;
  9871.     line-height: 15px !important;
  9872.     padding: 3px 4px !important;
  9873.     font-size: 15px !important;
  9874.     overflow-y: scroll !important;
  9875.     color: white !important;
  9876. }
  9877. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div .comment-wrapper .comment-content .content {
  9878.     display: inline-block !important;
  9879.     max-width: 95% !important;
  9880.     height: auto !important;
  9881.     max-height: 50px !important;
  9882.     min-height: 20px !important;
  9883.     padding: 3px 5px !important;
  9884.     white-space: pre-wrap !important;
  9885.     word-wrap: anywhere !important;
  9886.     overflow-y: auto !important;
  9887.     overflow-x: hidden !important;
  9888.     color: white !important;
  9889. }
  9890.  
  9891. /* Without UBlock */
  9892. #style_info .adContainer ~ #discussions-area {
  9893.     position: absolute !important;
  9894.     display: inline-block ! important;
  9895.     float: none ! important;
  9896.     clear: both ! important;
  9897.     max-height: 450px !important;
  9898.     min-height: 30px !important;
  9899.     min-width: 330px !important;
  9900.     max-width: 330px !important;
  9901.     width: 330px !important;
  9902.     left: 1% !important;
  9903.     top: 360px !important;
  9904.     padding: 1px !important;
  9905.     overflow: hidden !important;
  9906.     overflow-y: auto !important;
  9907.     background: #222;
  9908.     border: 1px solid red !important;
  9909. }
  9910. #single_discussion {
  9911.     height: 70px !important;
  9912.     padding: 5px !important;
  9913. }
  9914. #single_discussion:first-child {
  9915.     margin-top: -15px !important;
  9916. }
  9917. #single_discussion:not(:first-child) {
  9918.     margin-top: -10px !important;
  9919. }
  9920. #single_discussion_up {
  9921.     height: 17px !important;
  9922.     margin-bottom: 3px !important;
  9923.     margin-top: 9px !important;
  9924. }
  9925. #single_discussion .text_style_page {
  9926.     width: 296px !important;
  9927.     height: 41px !important;
  9928.     line-height: 15px !important;
  9929.     margin-top: 0px !important;
  9930.     font-size: 13px !important;
  9931.     color: gray !important;
  9932.     outline: 1px solid gray !important;
  9933. }
  9934. #rating_discussion[src="/ui/images/icons/rating_0.svg"] {
  9935.     height: 13px;
  9936.     width: 18px;
  9937.     opacity: 0.2;
  9938. }
  9939. #style_info .adContainer ~ #discussions-area .text_style_page {
  9940.     color: #b3b3b3;
  9941. }
  9942. .see_more {
  9943.     height: 21px !important;
  9944. }
  9945. .feedback-icon {
  9946.     height: 17.3px;
  9947.     margin-right: 6.8px !important;
  9948.     margin-top: 3px !important;
  9949. }
  9950. /* (new200) */
  9951. #archive_style_button {
  9952.     position: absolute;
  9953.     display: inline-block;
  9954.     justify-content: center;
  9955.     height: 15px !important;
  9956.     line-height: 15px !important;
  9957.     width: 120px !important;
  9958.     right: 45%;
  9959.     top: 57.4vh !important;
  9960.     margin-top: 0px !important;
  9961.     padding: 2px 2px !important;
  9962.     border-radius: 4px;
  9963.     cursor: pointer;
  9964.     font-size: 14px !important;
  9965.     text-align: center;
  9966.     box-shadow: none !important;
  9967. }
  9968. #as_userscript {
  9969.     position: absolute !important;
  9970.     height: 18px !important;
  9971.     line-height: 15px !important;
  9972.     width: 120px !important;
  9973.     margin: 0 !important;
  9974.     right: 33% !important;
  9975.     top: 4.7vh !important;
  9976.     margin-top: 0px !important;
  9977.     padding: 2px 2px !important;
  9978.     border-radius: 4px;
  9979.     font-size: 5px;
  9980.     text-align: center;
  9981.     cursor: pointer;
  9982.     border: 1px solid #222 !important;
  9983.     box-shadow: none !important;
  9984. }
  9985. #as_userscript a:before {
  9986.     content: "Userscript";
  9987.     position: absolute !important;
  9988.     display: inline-block;
  9989.     height: 15px !important;
  9990.     line-height: 15px !important;
  9991.     width: 120px !important;
  9992.     margin-left: -34px;
  9993.     margin-top: -2px;
  9994.     border-radius: 4px;
  9995.     font-size: 14px !important;
  9996.     padding: 3px 2px !important;
  9997.     text-align: center;
  9998.     background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico");
  9999.     background-position: 5px center;
  10000.     background-repeat: no-repeat;
  10001.     background-size: 12%;
  10002.     background-color: #333;
  10003.     box-shadow: 3px 3px 2px black;
  10004. }
  10005.  
  10006. /* PB on click with the GM - TEST FIX NEW DESIGN - SHOW CSS  */
  10007. .css_button {
  10008.     position: absolute;
  10009.     display: inline-block;
  10010.     flex-direction: row;
  10011.     align-items: center;
  10012.     justify-content: center;
  10013.     height: 22px !important;
  10014.     line-height: 23px !important;
  10015.     width: 136px !important;
  10016.     margin-top: 30px;
  10017.     right: 40.6% !important;
  10018.     top: 1.6vh !important;
  10019.     padding: 0 5px !important;
  10020.     border-radius: 4px;
  10021.     color: #3498db;
  10022.     font-size: 14px;
  10023.     font-weight: normal;
  10024.     background-color: #e2ebf8;
  10025. }
  10026. /* (new215) */
  10027. .css_button .no-select {
  10028.     float: right !important;
  10029.     height: 25px !important;
  10030.     line-height: 25px !important;
  10031.     margin-bottom: 0px !important;
  10032.     font-size: 12px !important;
  10033. }
  10034. .css_open::after,
  10035. .css_close::after {
  10036.     content: "🙈";
  10037.     float: left !important;
  10038.     height: 21px !important;
  10039.     width: 21px !important;
  10040.     margin-bottom: 8px !important;
  10041.     margin-right: 14px !important;
  10042.     text-align: center !important;
  10043. }
  10044. /* Without GM */
  10045. #css_text_area_div textarea#stylish-code.cssVisible {
  10046.     display: inline-block;
  10047.     position: fixed;
  10048.     resize: vertical;
  10049.     overflow: auto;
  10050.     min-width: 674px;
  10051.     max-width: 674px !important;
  10052.     min-height: 70%;
  10053.     left: 1150px !important;
  10054.     top: 10.4vh !important;
  10055.     margin-bottom: 20px;
  10056.     padding: 5px 5px 5px 15px;
  10057.     border-radius: 4px;
  10058.     border-top-width: 4px !important;
  10059.     font-size: 13px;
  10060.     font-family: "Open Sans", sans-serif !important;
  10061.     z-index: 5000;
  10062.     color: #ffffff;
  10063.     background-color: #2e3e49 !important;
  10064. }
  10065. /* NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter" (trespassersW / darkred) */
  10066. #css_text_area_div {
  10067.     position: absolute !important;
  10068.     left: 870px !important;
  10069.     top: 85px !important;
  10070.     border-top: 2px solid red !important;
  10071.     z-index: 1 !important;
  10072. }
  10073. .hiBeautted {
  10074.     border-top: 20px solid transparent !important;
  10075.     background-color: #293134 !important;
  10076.     color: #e0e2e4 !important;
  10077. }
  10078. #stylish-code,
  10079. code.hiBeautted#stylish-code[style*="display: block;"] {
  10080.     min-height: 600px !important;
  10081.     top: -23px !important;
  10082.     padding: 20px !important;
  10083.     border-top: 40px solid transparent !important;
  10084.     color: #B1B1B1 !important;
  10085. }
  10086. code#stylish-code.cssVisible[style*=" display: none;"],
  10087. code.hiBeautted#stylish-code[style*="display: none;"] {
  10088.     display: none !important;
  10089. }
  10090. #hiBeauty .hiBeautted:before,
  10091. #hiBeauty::before {
  10092.     position: absolute;
  10093.     display: inline-block !important;
  10094.     height: 20px !important;
  10095.     top: 5px !important;
  10096.     left: 10% !important;
  10097.     padding: 1px 3px 0 1px !important;
  10098.     border-radius: 0 !important;
  10099.     opacity: 1 !important;
  10100.     z-index: 5000 !important;
  10101.     background-color: rgba(255, 0, 0, 0.7) !important;
  10102. }
  10103. #hiBeauty:hover::before {
  10104.     padding: 4px !important;
  10105.     opacity: 1 !important;
  10106.     z-index: 1;
  10107.     transition: all ease 1s !important;
  10108.     border: 1px solid gray !important;
  10109.     background-color: rgba(0, 0, 0, 0.4) !important;
  10110. }
  10111. #hiBeauty::after {
  10112.     content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  10113.     position: absolute;
  10114.     display: block;
  10115.     left: 14% !important;
  10116.     top: 5px;
  10117.     padding: 0 5px !important;
  10118.     border-radius: 0 5px 5px 0 !important;
  10119.     font-size: 15px !important;
  10120.     opacity: 0.75;
  10121.     z-index: 1;
  10122.     transition: all ease 0.2s !important;
  10123.     color: gold !important;
  10124.     background: rgba(255, 0, 0, 1) !important;
  10125. }
  10126. #hiBeauty:hover::after {
  10127.     font-size: 15px !important;
  10128.     color: white !important;
  10129.     background: rgba(0, 0, 0, 0.61) !important;
  10130.     transition: all ease 0.4s !important;
  10131. }
  10132.  
  10133. /* END - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE */
  10134. /* USERTY - NEW DESIGN - ACT BUT */
  10135. #actions_div {
  10136.     position: absolute;
  10137.     display: flex;
  10138.     flex-direction: row;
  10139.     justify-content: space-between;
  10140.     height: 25px !important;
  10141.     width: 45.8vw !important;
  10142.     right: 32.5%;
  10143.     top: 57.1vh !important;
  10144.     margin: 0 !important;
  10145.     padding: 1px 3px;
  10146.     box-shadow: 3px 3px 2px black;
  10147.     background: #222 !important;
  10148. }
  10149. #actions_div #buttons {
  10150.     position: absolute;
  10151.     height: 20px;
  10152.     right: 0 !important;
  10153.     top: 3px !important;
  10154. }
  10155. #share_div {
  10156.     display: flex;
  10157.     flex-direction: column;
  10158.     padding: 0 2px !important;
  10159.     color: #2c3e50;
  10160.     font-size: 0 !important;
  10161. }
  10162. #social_networks {
  10163.     height: 17px !important;
  10164.     margin-top: 1px !important;
  10165. }
  10166. .white_button,
  10167. #style_installed_button,
  10168. #ownedButtons,
  10169. #update_style_button,
  10170. #style_installed_button {
  10171.     height: 20px !important;
  10172. }
  10173. .white_button {
  10174.     display: flex;
  10175.     align-items: center;
  10176.     justify-content: center;
  10177.     height: 19px;
  10178.     width: 87px;
  10179.     border-radius: 4px;
  10180.     font-size: 12px;
  10181.     color: #2c3e50;
  10182.     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  10183.     background-color: #ffffff;
  10184.     border: 1px solid #cdcfd1;
  10185. }
  10186.  
  10187. #update_style_button,
  10188. #install_style_button.no-select {
  10189.     display: flex;
  10190.     flex-direction: row;
  10191.     justify-content: center;
  10192.     align-items: center;
  10193.     height: 21px !important;
  10194.     width: 173px;
  10195.     margin-left: 2px !important;
  10196.     font-size: 15px;
  10197.     font-weight: bold;
  10198.     color: white;
  10199.     cursor: pointer;
  10200.     border-radius: 5px !important;
  10201.     box-shadow: none !important;
  10202.     background-color: #3498db;
  10203.     border: 1px solid red !important;
  10204. }
  10205. #install_style_button div:first-of-type {
  10206.     height: 20px;
  10207.     margin-top: -6px !important;
  10208. }
  10209. #install_style_button > div + div {
  10210.     height: 20px !important;
  10211.     line-height: 20px !important;
  10212.     margin-top: 0px !important;
  10213.     padding-left: 0px !important;
  10214. }
  10215. #ownedButtons + #install_style_button div + div {
  10216.     height: 20px !important;
  10217.     line-height: 20px !important;
  10218.     margin-top: -17px !important;
  10219.     padding-left: 25px !important;
  10220. }
  10221. #update_style_button > div:first-of-type,
  10222. #style_installed_button > div:first-of-type {
  10223.     float: left !important;
  10224.     height: 22px !important;
  10225.     width: 26px !important;
  10226. }
  10227. .update-icon,
  10228. .installed-icon,
  10229. #install_style_icon {
  10230.     height: 20px !important;
  10231.     line-height: 20px !important;
  10232.     margin-right: 10px;
  10233.     margin-top: 3px !important;
  10234.     width: 18px !important;
  10235. }
  10236. #style_info {
  10237.     display: flex;
  10238.     flex-direction: column;
  10239.     width: 100%;
  10240. }
  10241. .style_title {
  10242.     position: absolute !important;
  10243.     display: inline-block !important;
  10244.     width: 45.2vw !important;
  10245.     height: 32px !important;
  10246.     line-height: 28px !important;
  10247.     top: 0.2vh!important;
  10248.     left: 21.4% !important;
  10249.     margin: 0 0 0 0 !important;
  10250.     padding-left: 13px;
  10251.     border-radius: 3px !important;
  10252.     font-size: 28px !important;
  10253.     color: #ccc !important;
  10254.     box-shadow: 3px 3px 2px black;
  10255.     background: #222 !important;
  10256.     /* border: 1px solid red !important; */
  10257. }
  10258. #style_author.ellipsis {
  10259.     position: absolute !important;
  10260.     display: inline-block !important;
  10261.     width: 45.1vw !important;
  10262.     height: 28px;
  10263.     line-height: 28px !important;
  10264.     left: 21.4% !important;
  10265.     top: 4.5vh !important;
  10266.     padding-left: 1vw !important;
  10267.     border-radius: 3px !important;
  10268.     overflow: hidden;
  10269.     text-overflow: ellipsis;
  10270.     white-space: nowrap;
  10271.     box-shadow: 3px 3px 2px black;
  10272.     background: #222 !important;
  10273. }
  10274. /* (new233) */
  10275. #style_info #style_author > .by-author {
  10276.     display: inline-block !important;
  10277.     width: 20px !important;
  10278.     height: 28px;
  10279.     line-height: 28px !important;
  10280.     overflow: hidden;
  10281.     text-overflow: ellipsis;
  10282.     white-space: nowrap;
  10283.     font-size: 12px !important;
  10284. }
  10285. #style_info #style_author > .author-name {
  10286.     display: inline-block !important;
  10287.     width: 7vw !important;
  10288.     height: 28px;
  10289.     line-height: 28px !important;
  10290.     overflow: hidden;
  10291.     text-overflow: ellipsis;
  10292.     white-space: nowrap;
  10293. }
  10294.  
  10295.  
  10296. #information_div,
  10297. #actions_div + #headline,
  10298. #actions_div + #headline + #information_div,
  10299. .adContainer + #headline,
  10300. .adContainer + #headline + #applies_link {
  10301.     position: absolute !important;
  10302.     display: inline-block !important;
  10303.     min-width: 19.7vw !important;
  10304.     max-width: 19.7vw !important;
  10305.     top: 0.3vh !important;
  10306.     left: 0 !important;
  10307.     padding: 5px;
  10308.     border: 1px solid #404040;
  10309.     color: #ccc !important;
  10310.     box-shadow: 3px 3px 2px black;
  10311.     background: #222 !important;
  10312. }
  10313. #left_information {
  10314.     display: flex;
  10315.     flex-direction: column;
  10316.     min-width: 100% !important;
  10317.     max-width: 100% !important;
  10318. }
  10319. /* 1* - "INFORMATION" */
  10320. #style-settings + #headline,
  10321. #actions_div + #headline {
  10322.     display: none !important;
  10323. }
  10324. #right_information,
  10325. #center_information {
  10326.     width: 46.5%;
  10327.     float: left;
  10328.     margin-top: 15px;
  10329.     padding: 5px;
  10330.     border-radius: 5px !important;
  10331.     text-align: center;
  10332.     background-color: #d6deeb;
  10333. }
  10334. #center_information {
  10335.     border-radius: 5px 0 0 5px !important;
  10336.     margin-right: 2px;
  10337.     text-align: center;
  10338.     background-color: #d6deeb;
  10339. }
  10340.  
  10341. #information_div #style-upvote {
  10342.     width: 80% !important;
  10343.     float: left;
  10344.     margin-top: 15px;
  10345.     margin-right: 4px !important;
  10346.     padding: 5px;
  10347.     border-radius: 5px 0 0 5px !important;
  10348.     text-align: center;
  10349.     background-color: #d6deeb;
  10350. }
  10351. #style-upvotes-wrapper .style-upvotes-top {
  10352.     display: inline-block !important;
  10353.     justify-content: space-between;
  10354.     align-items: center;
  10355.     vertical-align: bottom !important;
  10356.     height: 25px !important;
  10357.     line-height: 25px !important;
  10358.     margin-top: 5px !important;
  10359.     padding: 5px !important;
  10360.     font-size: 14px;
  10361.     color: peru !important;
  10362.     background: black !important;
  10363. }
  10364. #style-upvotes-wrapper .style-upvotes-top .like-icon {
  10365.     width: 18px;
  10366.     margin-right: 8px;
  10367.     height: 25px !important;
  10368. }
  10369. .style-upvotes-top > span {
  10370.     position: relative !important;
  10371.     display: inline-block !important;
  10372.     min-height: 25px !important;
  10373.     max-height: 25px !important;
  10374.     line-height: 25px !important;
  10375.     top: -7px !important;
  10376. }
  10377. #style-upvotes-wrapper .style-upvotes-count-wrapper {
  10378.     position: relative !important;
  10379.     display: inline-block !important;
  10380.     align-items: center;
  10381.     justify-content: flex-start;
  10382.     min-width: 28px !important;
  10383.     height: 28px !important;
  10384.     line-height: 26px !important;
  10385.     margin: 0px 0 0 10px !important;
  10386.     top: 1px !important;
  10387.     padding: 5px !important;
  10388.     border-radius: 50% !important;
  10389.     font-size: 20px !important;
  10390.     font-weight: 300;
  10391.     text-align: center !important;
  10392.     color: gold !important;
  10393.     background: red !important;
  10394. }
  10395. #right_information {
  10396.     width: 76.5% !important;
  10397.     border-radius: 0 5px 5px 0 !important;
  10398.     text-align: center;
  10399.     background-color: #d6deeb;
  10400. }
  10401. #infomation_value_left,
  10402. #information_key_left {
  10403.     float: left;
  10404.     line-height: 13px !important;
  10405.     margin-top: -5px;
  10406.     margin-bottom: -8px;
  10407.     padding: 2px 5px;
  10408.     border-radius: 3px !important;
  10409.     text-align: center;
  10410.     background-color: #d6deeb;
  10411. }
  10412. #information_key_left {
  10413.     min-width: 30.5% !important;
  10414.     max-width: 30.5% !important;
  10415.     border-radius: 3px 0 0 3px !important;
  10416.     margin-right: -37px;
  10417.     text-align: center;
  10418.     background-color: #d6deeb;
  10419. }
  10420. #infomation_value_left {
  10421.     min-width: 62.5% !important;
  10422.     max-width: 62.5% !important;
  10423.     border-radius: 0 3px 3px 0 !important;
  10424.     text-align: center;
  10425.     background-color: #d6deeb;
  10426. }
  10427. #information_value {
  10428.     color: #2c3e50;
  10429.     font-size: 21px !important;
  10430. }
  10431. #left_pair_information:nth-child(2) #information_key_left + #infomation_value_left {
  10432.     line-height: 9px !important;
  10433.     font-size: 11px !important;
  10434. }
  10435.  
  10436. /* "APPLIES TO" */
  10437. .adContainer + #headline {
  10438.     height: 15px !important;
  10439.     line-height: 15px !important;
  10440.     top: 237px !important;
  10441. }
  10442. .adContainer + #headline + #applies_link {
  10443.     height: 15px !important;
  10444.     line-height: 15px !important;
  10445.     top: 287px;
  10446. }
  10447.  
  10448. /* FIX NEW DESIGN - STYLE INFO PAGE */
  10449. .PageContent iframe[src="/d/users/personal"] {
  10450.     max-width: 99.5% !important;
  10451.     min-height: 90vh !important;
  10452.     max-height: 90vh !important;
  10453.     overflow: hidden !important;
  10454.     overflow-y: auto !important;
  10455.     background: #111 !important;
  10456. }
  10457.  
  10458. /* USERTSTY INFOS */
  10459. #container-responsive {
  10460.     display: table;
  10461.     margin: 0 auto;
  10462.     margin-left: 0 !important;
  10463.     margin-top: 0px!important;
  10464.     width: 100%;
  10465. }
  10466. #nav-view-responsive {
  10467.     flex-direction: unset !important;
  10468.     background-color: #333 !important;
  10469. }
  10470. #container-responsive #view-responsive:not(.us-center-items-horizontally) {
  10471.     display: flex;
  10472.     justify-content: center;
  10473.     margin-right: 42px;
  10474.     min-width: 100% !important;
  10475. }
  10476. /* PB - TOUCH STY INFO */
  10477. #view-responsive.us-center-items-horizontally {
  10478.     position: absolute !important;
  10479.     display: inline-block !important;
  10480.     justify-content: unset !important;
  10481.     min-height: 92vh !important;
  10482.     max-height: 92vh !important;
  10483.     margin: 0 !important;
  10484.     top: 8vh !important;
  10485.     overflow: hidden !important;
  10486. }
  10487. #style_info {
  10488.     display: inline-block !important;
  10489.     flex-direction: unset !important;
  10490.     margin-left: 0 !important;
  10491.     width: 100% !important;
  10492.     min-height: 91vh !important;
  10493.     top: 0vh !important;
  10494.     padding-left: 0vw !important;
  10495.     border-top: 1px solid red !important;
  10496. }
  10497. /* (new215) */
  10498. .action-button-wrapper {
  10499.     position: absolute;
  10500.     width: 25px !important;
  10501.     height: 25px !important;
  10502.     left: -1vw !important;
  10503.     top: -4.2vh !important;
  10504.     z-index: 100 !important;
  10505. }
  10506. /* REPORT  */
  10507. .action-button-wrapper .ctl-button + button.ctl-button,
  10508. .action-button-wrapper button.ctl-button {
  10509.     position: absolute !important;
  10510.     display: inline-block !important;
  10511.     flex-direction: unset !important;
  10512.     width: 100% !important;
  10513.     min-width: 25px !important;
  10514.     max-width: 25px !important;
  10515.     height: 100% !important;
  10516.     min-height: 25px !important;
  10517.     max-height: 25px !important;
  10518.     top: 0 !important;
  10519.     left: -5px !important;
  10520.     margin: 0 !important;
  10521.     padding: 0 !important;
  10522.     cursor: pointer;
  10523.     border-radius: 100% !important;
  10524.     opacity: 0.5 !important;
  10525.     z-index: 1000 !important;
  10526.     background-image: url(https://userstyles.org/ui/images/report-hover.svg) !important;
  10527.     background-position: center center !important;
  10528.     object-fit: contain !important;
  10529.     border: 1px solid gray !important;
  10530.     background-color: black !important;
  10531. }
  10532. .action-button-wrapper .ctl-button .donation-desktop .ctl-button-image-hover,
  10533. .action-button-wrapper .ctl-button .donation-desktop .ctl-button-image,
  10534. .action-button-wrapper .ctl-button:hover .ctl-button-image-hover,
  10535. .action-button-wrapper button.ctl-button img.ctl-button-image[src="/ui/images/report.svg"],
  10536. .action-button-wrapper:hover img.ctl-button-image[src="/ui/images/report-hover.svg"] {
  10537.     display: none !important;
  10538. }
  10539. .action-button-wrapper .ctl-button:hover .ctr-button-tooltip {
  10540.     display: none !important;
  10541. }
  10542.  
  10543. /* DONATE */
  10544. .action-button-wrapper .ctl-button .donation-desktop {
  10545.     position: relative !important;
  10546.     display: inline-block !important;
  10547.     flex-direction: unset !important;
  10548.     width: 100% !important;
  10549.     min-width: 29px !important;
  10550.     max-width: 29px !important;
  10551.     height: 100% !important;
  10552.     min-height: 28px !important;
  10553.     max-height: 28px !important;
  10554.     top: -2px !important;
  10555.     left: -2px !important;
  10556.     cursor: pointer;
  10557. }
  10558. /* (new218) */
  10559. #style_info .action-button-wrapper div.ctl-button {
  10560.     position: absolute !important;
  10561.     display: inline-block !important;
  10562.     flex-direction: unset !important;
  10563.     width: 100% !important;
  10564.     min-width: 25px !important;
  10565.     max-width: 25px !important;
  10566.     height: 100% !important;
  10567.     min-height: 25px !important;
  10568.     max-height: 25px !important;
  10569.     top: -38px !important;
  10570.     left: -4px !important;
  10571.     margin: 0 !important;
  10572.     padding: 0 !important;
  10573.     cursor: pointer;
  10574.     opacity: 0.5 !important;
  10575.     z-index: 1000 !important;
  10576.     border-radius: 100% !important;
  10577.     background-image: url(https://userstyles.org/ui/images/donate-hover.svg) !important;
  10578.     background-position: center center !important;
  10579.     object-fit: contain !important;
  10580.     border: 1px solid gray !important;
  10581.     background-color: black !important;
  10582. }
  10583.  
  10584.  
  10585.  
  10586.  
  10587.  
  10588.  
  10589. /*  USERSTY - HOME PAGE - WITH HORIZONTAL CARROUSEL/ ROWS */
  10590. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage {
  10591.     display: inline-block;
  10592.     width: 99%;
  10593.     margin-top: 10px;
  10594. }
  10595. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage #wrapper-carousel {
  10596.     margin-left: 28%;
  10597.     margin-top: 10px;
  10598. }
  10599. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head {
  10600.     display: inline-block;
  10601.     width: 100%;
  10602.     margin-bottom: -1px;
  10603.     border-radius: 5px 5px 0 0;
  10604.     background: #222;
  10605.     border: 1px solid gray;
  10606. }
  10607. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .category_title + a,
  10608. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .category_title {
  10609.     display: inline-block !important;
  10610.     width: 100%;
  10611.     height: 20px;
  10612.     line-height: 20px;
  10613.     margin-top: 5px;
  10614.     margin-bottom: 5px;
  10615.     font-size: 17px;
  10616.     text-align: center;
  10617. }
  10618. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .see_more {
  10619.     display: inline-block !important;
  10620.     height: 20px;
  10621.     line-height: 20px;
  10622.     margin-top: 0;
  10623. }
  10624. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .us-stylecards__container.us-stylecards__container--narrow {
  10625.     display: inline-block;
  10626.     width: 100%;
  10627.     height: 314px;
  10628.     margin-bottom: 10px;
  10629.     border-radius: 0 0 5px 5px;
  10630.     text-align: center;
  10631.     border: 1px solid gray;
  10632. }
  10633.  
  10634. /* NOTES  (can add screenshots visible with Linkify plus) */
  10635. #style_info #css_text_area_div + #headline {
  10636.     position: absolute !important;
  10637.     display: inline-block !important;
  10638.     width: 30.2vw !important;
  10639.     top: 0.3vh !important;
  10640.     right: 0.5% !important;
  10641.     margin: 0 !important;
  10642.     padding-left: 8px !important;
  10643.     z-index: 100 !important;
  10644.     box-shadow: 3px 3px 2px black;
  10645.     background: #111 !important;
  10646. }
  10647.  
  10648. #style_info #headline + #notes_textarea:not(:empty) {
  10649.     position: absolute !important;
  10650.     display: inline-block !important;
  10651.     width: 100% !important;
  10652.     max-width: 30vw !important;
  10653.     min-height: 84.9vh !important;
  10654.     max-height: 84.9vh !important;
  10655.     margin-top: 0px !important;
  10656.     right: 0.5% !important;
  10657.     top: 0.2vh !important;
  10658.     padding: 40px 5px 5px 5px !important;
  10659.     font-size: 15px;
  10660.     overflow: hidden !important;
  10661.     overflow-y: auto !important;
  10662.     resize: none !important;
  10663.     color: gray !important;
  10664.     box-shadow: 3px 3px 2px black;
  10665.     background-color: #222 !important;
  10666.     border: 1px solid #404040;
  10667. }
  10668. #preview_image_div {
  10669.     position: absolute !important;
  10670.     display: inline-block !important;
  10671.     height: 47.3vh !important;
  10672.     max-width: 46vw !important;
  10673.     min-width: 46vw !important;
  10674.     margin-bottom: 0px !important;
  10675.     margin-top: 0px !important;
  10676.     right: 32.5% !important;
  10677.     top: 8.8vh !important;
  10678.     background-position: center center !important;
  10679.     background-repeat: no-repeat;
  10680.     background-size: 100% !important;
  10681.     background-size: contain !important;
  10682.     box-shadow: 3px 3px 2px black !important;
  10683.     background-color: #111 !important;
  10684.     border: 1px solid #222;
  10685. }
  10686. #applies_link + #headline + .text_style_page {
  10687.     position: absolute !important;
  10688.     display: inline-block !important;
  10689.     width: 100% !important;
  10690.     max-width: 45.5vw !important;
  10691.     min-width: 45.5vw !important;
  10692.     min-height: 27vh !important;
  10693.     max-height: 27vh !important;
  10694.     margin-top: 0px !important;
  10695.     right: 32.5%;
  10696.     bottom: 2.2vh !important;
  10697.     padding: 5px !important;
  10698.     font-size: 15px;
  10699.     overflow: hidden !important;
  10700.     overflow-y: auto !important;
  10701.     resize: none !important;
  10702.     color: gray !important;
  10703.     border: 1px solid #404040;
  10704.     box-shadow: 3px 3px 2px black;
  10705.     background-color: #222 !important;
  10706. }
  10707. #headline {
  10708.     font-size: 18px;
  10709.     font-weight: bold;
  10710.     margin-top: 30px;
  10711.     color: #ccc !important;
  10712. }
  10713. #applies_link + #headline,
  10714. .adContainer + #headline + #applies_link + #headline {
  10715.     display: none;
  10716. }
  10717. #notes_textarea {
  10718.     width: 99%;
  10719. }
  10720.  
  10721. /* APLLIE TO  */
  10722. #information_div + #headline {
  10723.     position: absolute !important;
  10724.     display: inline-block ! important;
  10725.     float: none ! important;
  10726.     clear: both ! important;
  10727.     max-height: 100%!important;
  10728.     min-height: 30px !important;
  10729.     min-width: 20vw !important;
  10730.     max-width: 20vw !important;
  10731.     left: 0 !important;
  10732.     top: 15vh !important;
  10733.     padding-left: 5px !important;
  10734.     border-radius: 3px 3px 0 0 !important;
  10735.     box-shadow: 3px 3px 2px black;
  10736.     background: #222 !important;
  10737.     border-bottom: 1px solid gray !important;
  10738. }
  10739. #headline + #applies_link {
  10740.     position: absolute !important;
  10741.     display: inline-block ! important;
  10742.     float: none ! important;
  10743.     clear: both ! important;
  10744.     max-height: 100%!important;
  10745.     min-height: 30px !important;
  10746.     min-width: 20vw !important;
  10747.     max-width: 20vw !important;
  10748.     left: 0 !important;
  10749.     top: 20.7vh !important;
  10750.     padding: 1px 0 0 5px !important;
  10751.     border-radius: 0 0 3px 3px !important;
  10752.     color: peru !important;
  10753.     box-shadow: 3px 3px 2px black;
  10754.     background: #222 !important;
  10755. }
  10756. #applies_link:empty:before {
  10757.     content: "All" !important;
  10758.     margin-left: 5px !important;
  10759.     color: gold !important;
  10760. }
  10761.  
  10762. /* USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON */
  10763. #top_android_button {
  10764.     display: inline-block !important;
  10765.     flex-direction: unset !important;
  10766.     justify-content: unset !important;
  10767.     height: 44px;
  10768.     width: 176px;
  10769.     border-radius: 4px;
  10770.     cursor: pointer;
  10771.     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);
  10772.     background-color: #222 !important;
  10773. }
  10774. .android_button_banner {
  10775.     display: none !important;
  10776. }
  10777.  
  10778. /* STYLE INSTALL - BUTTON */
  10779. .customize_button + div,
  10780. #buttons > #ownedButtons + div {
  10781.     position: relative !important;
  10782.     display: inline-block !important;
  10783.     height: 22px !important;
  10784.     width: 160px !important;
  10785.     margin-bottom: 0px !important;
  10786.     margin-right: 0px !important;
  10787.     margin-left: 5px !important;
  10788.     border-radius: 3px !important;
  10789.     box-shadow: 3px 3px 2px black !important;
  10790.     border: 1px solid red !important;
  10791. }
  10792. .customize_button {
  10793.     position: relative !important;
  10794.     display: inline-block !important;
  10795.     display: none !important;
  10796.     height: 22px !important;
  10797.     width: 130px !important;
  10798.     margin-bottom: 0px !important;
  10799.     background: blue !important;
  10800. }
  10801. #install_button,
  10802. #buttons > #ownedButtons + div #install_button {
  10803.     position: relative !important;
  10804.     display: inline-block !important;
  10805.     height: 19px !important;
  10806.     width: 19px !important;
  10807.     white-space: nowrap !important;
  10808.     overflow-wrap: unset !important;
  10809.     text-align: left !important;
  10810. }
  10811. #install_button > div:first-of-type,
  10812. #buttons > #ownedButtons + div #install_button > div:first-of-type {
  10813.     position: relative !important;
  10814.     display: inline-block !important;
  10815.     height: 19px !important;
  10816.     width: 19px !important;
  10817.     white-space: nowrap !important;
  10818.     overflow-wrap: unset !important;
  10819.     text-align: left !important;
  10820. }
  10821. .customize_button .customize_button_text,
  10822. #install_button > div:last-of-type,
  10823. #buttons > #ownedButtons + div #install_button > div:last-of-type {
  10824.     position: relative !important;
  10825.     display: inline-block !important;
  10826.     height: 20px !important;
  10827.     line-height: 15px !important;
  10828.     width: 150px !important;
  10829.     left: -40px !important;
  10830.     margin-top: 0 !important;
  10831.     top: -4px !important;
  10832.     white-space: nowrap !important;
  10833.     overflow-wrap: unset !important;
  10834.     text-align: right !important;
  10835.     font-size: 12px !important;
  10836.     color: peru !important;
  10837. }
  10838. img.stylish-icon {
  10839.     height: 18px !important;
  10840.     width: 18px !important;
  10841.     margin-right: 10px;
  10842. }
  10843. .customize_button .customize_button_text {
  10844.     width: 100px !important;
  10845.     left: 20px !important;
  10846.     top: -21px !important;
  10847. }
  10848.  
  10849. /* USERSTY - ARCHIVED INFO */
  10850. /* (new219) ARCHIVED - MESSAGE */
  10851. #archived {
  10852.     position: fixed !important;
  10853.     display: inline-block !important;
  10854.     max-width: 505px !important;
  10855.     margin: 0px !important;
  10856.     top: 25vh !important;
  10857.     left: 32vw !important;
  10858.     padding: 10px !important;
  10859.     border-radius: 5px !important;
  10860.     z-index: 49998 !important;
  10861.     opacity: 0.5 !important;
  10862.     background: red !important;
  10863.     border: 3px dashed black !important;
  10864. }
  10865. #archived:hover {
  10866.     opacity: 1 !important;
  10867.     background: #111 !important;
  10868.     border: 3px dashed red !important;
  10869. }
  10870. #archived_title,
  10871. .customize_button + #archived_title {
  10872.     display: inline-block;
  10873.     height: 20px !important;
  10874.     line-height: 20px !important;
  10875.     margin-top: 0 !important;
  10876.     font-size: 20px !important;
  10877.     text-align: center !important;
  10878. }
  10879. .archived_text {
  10880.     font-size: 15px;
  10881.     overflow-wrap: normal !important;
  10882.     white-space: pre-line;
  10883. }
  10884. .archived_text + .archived_text + .archived_text,
  10885. .archived_text:first-of-type {
  10886.     color: gold !important;
  10887. }
  10888. .archived_text:first-of-type + .archived_texte {
  10889.     height: 210px !important;
  10890.     margin-bottom: 21px;
  10891.     padding: 5px 5px 0;
  10892.     overflow-x: hidden;
  10893.     overflow-y: auto;
  10894.     border-bottom: 1px solid tomato;
  10895.     border-top: 1px solid red;
  10896. }
  10897. .archived_text + .archived_text + .archived_text span a {
  10898.     clear: both;
  10899.     float: left;
  10900.     width: 100%;
  10901. }
  10902. .archived_text + .archived_text + .archived_text span a {
  10903.     float: right;
  10904.     width: 100%;
  10905. }
  10906.  
  10907. /* CREATE / EDIT USERSTY PAGE */
  10908. #view_inner {
  10909.     display: inline-block;
  10910.     width: 68% !important;
  10911.     padding: 5px 200px !important;
  10912. }
  10913. html > body > ul + form[action="/styles/create"],
  10914. html > body > ul + form[action="/styles/update"] {
  10915.     display: inline-block;
  10916.     width: 1067px !important;
  10917.     margin-left: 112px !important;
  10918. }
  10919.  
  10920. /* DELETE USERSTY PAGE */
  10921. .PageContent > form[action="/styles/delete_save"] table.form-controls textarea#obsoletion-message {
  10922.     width: 99%;
  10923.     min-height: 330px;
  10924.     overflow-x: hidden;
  10925.     overflow-y: auto;
  10926. }
  10927.  
  10928. /* QUESTION ? - PB IMAGE BACKGROUD */
  10929. #post-discussion + #login-form + #no-discussions {
  10930.     position: absolute;
  10931.     display: inline-block;
  10932.     width: 750px;
  10933.     height: 17px;
  10934.     line-height: 17px;
  10935.     padding: 1px 0px 1px 14px;
  10936.     top: -9px;
  10937.     margin-left: 160px;
  10938.     text-align: center;
  10939.     text-decoration: none;
  10940.     z-index: 500;
  10941.     background-image: url("https://userstyles.org/images/question.png");
  10942.     background-position: 0px 3px;
  10943.     background-repeat: no-repeat;
  10944.     background-color: transparent;
  10945.     color: gold;
  10946. }
  10947. #discussions {
  10948.     margin-left: 20px;
  10949.     margin-top: 5px;
  10950. }
  10951.  
  10952. /* USERSTY - STY INFOS - FEED LIST - (Title) */
  10953. #discussions > li > a:nth-child(1) {
  10954.     margin-left: 8px !important;
  10955.     margin-right: 30px !important;
  10956. }
  10957. /* USERSTY - STY INFOS - FEED LIST - (Member NAME) */
  10958. #discussions > li > a:nth-child(2) {
  10959.     margin-left: 4px !important;
  10960.     margin-right: 15px !important;
  10961. }
  10962. /* USERTYL - FOOTER */
  10963. #footer {
  10964.     position: absolute !important;
  10965.     bottom: -6vh !important;
  10966.     height: auto !important;
  10967.     margin-top: 0px !important;
  10968.     padding: 0 0 0 0 !important;
  10969. }
  10970. #footer:hover {
  10971.     position: absolute !important;
  10972.     bottom: -1vh !important;
  10973. }
  10974. #footer-inside {
  10975.     display: inline-block !important;
  10976.     margin-left: 0px !important;
  10977.     margin-top: -69px !important;
  10978.     text-align: center !important;
  10979.     background-color: #111 !important;
  10980.     border-top: 1px solid red !important;
  10981. }
  10982. #leftFooter {
  10983.     float: left !important;
  10984.     width: 80% !important;
  10985.     margin-left: 0px;
  10986. }
  10987. #copyrights {
  10988.     text-align: left !important;
  10989.     color: gold !important;
  10990. }
  10991. #leftFooter .bottomLinks {
  10992.     width: 50% !important;
  10993.     color: #3498db;
  10994.     display: flex;
  10995.     flex-direction: row;
  10996.     margin-top: 5px;
  10997. }
  10998. #rightFooter {
  10999.     float: right !important;
  11000.     height: 55px !important;
  11001.     width: 19% !important;
  11002.     margin-right: 0px !important;
  11003. }
  11004. #rightFooter > div a {
  11005.     display: inline-block !important;
  11006.     height: 55px !important;
  11007.     line-height: 55px !important;
  11008. }
  11009. #rightFooter > div a .logo {
  11010.     background-size: contain;
  11011.     height: 35px !important;
  11012.     width: 111px;
  11013.     background-repeat: no-repeat !important;
  11014.     background-image: url("https://userstyles.org/ui/images/stylish-logo-2.svg");
  11015. }
  11016.  
  11017. /* USERSTY / GREASY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD */
  11018. #Frame {
  11019.     margin-top: -8px !important;
  11020. }
  11021. #vanilla_discussions_index #Head.Head,
  11022. #main-header {
  11023.     position: fixed !important;
  11024.     display: inline-block ! important;
  11025.     float: none ! important;
  11026.     width: 99.9% !important;
  11027.     height: 41px !important;
  11028.     left: -0.2% !important;
  11029.     top: -1px !important;
  11030.     z-index: 5 !important;
  11031.     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;
  11032.     border-bottom: 1px solid gray !important;
  11033. }
  11034. body[pagetype="PersonalProfile"] #main-header,
  11035. body:not(.Settings) #Head,
  11036. body[pagetype="ListingPage"] #main-header,
  11037. body[pagetype="UserProfile"] #main-header {
  11038.     position: fixed !important;
  11039.     display: inline-block ! important;
  11040.     float: none ! important;
  11041.     height: 55px !important;
  11042.     top: -1px !important;
  11043.     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;
  11044.     background-color: #670000 !important;
  11045.     border-bottom: 1px solid red !important;
  11046. }
  11047.  
  11048. /* MAIN HEARDER - Z-INDEX */
  11049. #main-header {
  11050.     z-index: 500000 !important;
  11051. }
  11052.  
  11053. /* === USERSTY - STY TITLE/Name === */
  11054. /* USERSTY - SITE TITLE "User.org" + "USER NAME" / NAME */
  11055. #main-header > h1 {
  11056.     position: relative ! important;
  11057.     display: inline-block ! important;
  11058.     width: 47% !important;
  11059.     min-width: 895px !important;
  11060.     height: 30px !important;
  11061.     line-height: 28px !important;
  11062.     margin-top: -3px !important;
  11063.     border-radius: 5px ! important;
  11064.     font-size: 23px ! important;
  11065.     text-align: left !important;
  11066.     text-indent: -117px !important;
  11067.     overflow: hidden !important;
  11068.     text-overflow: ellipsis !important;
  11069.     white-space: nowrap !important;
  11070.     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%);
  11071. }
  11072. #main-header > h1::-moz-selection {
  11073.     background: #FFCC11 ! important;
  11074.     color: #ffffff ! important;
  11075. }
  11076. #main-header > h1:hover {
  11077.     color: gold ! important;
  11078. }
  11079.  
  11080. /* USERSTY - SITE TITLE - TXT "User.org" */
  11081. #main-header > h1 > a {
  11082.     display: inline-block ! important;
  11083.     width: 161px !important;
  11084.     margin-right: -100px !important;
  11085.     margin-left: 28% !important;
  11086.     margin-bottom: 30px ! important;
  11087. }
  11088. /* USERSTY - MY ACCOUNT / USER PROF -  TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL */
  11089. #left-sidebar nav ul dl:not(:hover),
  11090. #main-article > dl:not(:hover) {
  11091.     position: fixed ! important;
  11092.     display: inline-block ! important;
  11093.     float: none !important;
  11094.     width: 50px !important;
  11095.     max-height: 15px ! important;
  11096.     top: 23px ! important;
  11097.     margin-top: 5px ! important;
  11098.     left: 275px !important;
  11099.     font-size: 10px ! important;
  11100.     text-align: left !important;
  11101.     z-index: 900 ! important;
  11102.     overflow: hidden !important;
  11103.     visibility: visible !important;
  11104.     transition: all ease .4s !important;
  11105. }
  11106. #left-sidebar nav ul dl:hover,
  11107. #main-article > dl:hover {
  11108.     position: fixed ! important;
  11109.     display: inline-block ! important;
  11110.     float: none !important;
  11111.     width: auto !important;
  11112.     height: auto ! important;
  11113.     top: 23px ! important;
  11114.     margin-top: 5px ! important;
  11115.     left: 210px !important;
  11116.     padding: 3px 50px 1px 70px!important;
  11117.     font-size: 10px ! important;
  11118.     text-align: left !important;
  11119.     overflow: visible !important;
  11120.     z-index: 50000 !important;
  11121. }
  11122.  
  11123. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  11124. #left-sidebar nav ul dl:not(:hover) > dt,
  11125. #main-article > dl:not(:hover) > dt {
  11126.     position: relative ! important;
  11127.     display: block !important;
  11128.     float: none !important;
  11129.     width: 74px !important;
  11130.     height: 16px ! important;
  11131.     line-height: 15px ! important;
  11132.     top: 1px ! important;
  11133.     margin-bottom: -14px !important;
  11134.     left: 0px ! important;
  11135.     padding: 0px 6px 1px 0px !important;
  11136.     font-size: 10px ! important;
  11137.     text-align: left !important;
  11138.     overflow: hidden !important;
  11139.     text-overflow: ellipsis !important;
  11140.     white-space: nowrap !important;
  11141.     z-index: 5000 !important;
  11142.     color: transparent ! important;
  11143. }
  11144. #left-sidebar nav ul dl:not(:hover) > dt:before,
  11145. #main-article > dl:not(:hover) > dt:before {
  11146.     content: "About \25B6  " !important;
  11147.     color: red !important;
  11148. }
  11149.  
  11150. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  11151. #left-sidebar nav ul dl:hover > dt,
  11152. #main-article > dl:hover > dt {
  11153.     position: relative ! important;
  11154.     display: block !important;
  11155.     float: none !important;
  11156.     width: 44px !important;
  11157.     height: 12px ! important;
  11158.     line-height: 12px ! important;
  11159.     margin-bottom: -14px !important;
  11160.     left: 0px ! important;
  11161.     padding: 0px 6px 1px 2px !important;
  11162.     border-radius: 5px 0 0 5px !important;
  11163.     font-size: 10px ! important;
  11164.     text-align: left !important;
  11165.     color: grey ! important;
  11166.     overflow: hidden !important;
  11167.     text-overflow: ellipsis !important;
  11168.     white-space: nowrap !important;
  11169.     z-index: 5000 !important;
  11170.     background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  11171.     border: 1px solid gray !important;
  11172. }
  11173. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  11174. #main-article > dl:hover > dd:first-of-type,
  11175. #left-sidebar nav ul dl:hover > dd,
  11176. #main-article > dl:hover > dd:first-of-type {
  11177.     position: relative ! important;
  11178.     width: 0px !important;
  11179.     height: 15px ! important;
  11180.     top: -6px ! important;
  11181.     margin-bottom: -3px !important;
  11182.     margin-left: 55px ! important;
  11183.     padding-left: 10px !important;
  11184.     padding-right: 8px !important;
  11185.     text-align: left !important;
  11186.     overflow: hidden !important;
  11187.     transition: all ease 0.4s !important;
  11188.     background: black !important;
  11189.     outline: 1px solid gray !important;
  11190. }
  11191.  
  11192. /* "About" - FULL CONTAINER - NOT HOVER */
  11193. #left-sidebar nav ul dl:not(:hover),
  11194. #main-article > dl:not(:hover) dd:first-of-type {
  11195.     margin-left: 100px !important;
  11196. }
  11197. #main-article > dl:not(:hover) > dd:first-of-type:not(:hover) {
  11198.     position: relative ! important;
  11199.     display: inline-block ! important;
  11200.     max-width: 0px !important;
  11201.     height: 20px ! important;
  11202.     top: -6px ! important;
  11203.     margin-bottom: -3px !important;
  11204.     margin-left: 47px ! important;
  11205.     padding-left: 0px !important;
  11206.     padding-right: 0px !important;
  11207.     text-align: left !important;
  11208.     background: black !important;
  11209.     overflow: hidden !important;
  11210.     visibility: hidden !important;
  11211.     border: none !important;
  11212. }
  11213.  
  11214. /* "About" - FULL CONTAINER - HOVER */
  11215. #left-sidebar nav ul dl:hover > dd:first-of-type,
  11216. #main-article > dl:hover > dd:first-of-type {
  11217.     display: inline-block ! important;
  11218.     width: 100% !important;
  11219.     min-width: 0px !important;
  11220.     max-width: 500px !important;
  11221.     height: 100% ! important;
  11222.     min-height: 0px ! important;
  11223.     max-height: 500px ! important;
  11224.     margin-left: 15px ! important;
  11225.     margin-top: 0px ! important;
  11226.     padding: 2px 0 100px 90px !important;
  11227.     text-align: left !important;
  11228.     font-size: 14px!important;
  11229.     overflow: hidden !important;
  11230.     overflow-y: auto !important;
  11231.     z-index: 900 ! important;
  11232.     background: black !important;
  11233. }
  11234.  
  11235. /* SUB LABEL INFOS */
  11236. #main-article > dl:hover > dt:first-of-type + dd + dt {
  11237.     position: absolute !important;
  11238.     display: inline-block ! important;
  11239.     top: 15px !important;
  11240.     margin-left: 90px !important;
  11241. }
  11242. #main-article > dl > dt:first-of-type + dd + dt + dd + dt {
  11243.     position: absolute !important;
  11244.     display: inline-block ! important;
  11245.     top: 30px !important;
  11246.     margin-left: 90px !important;
  11247. }
  11248. #main-article > dl > dt:first-of-type + dd + dt + dd + dt + dd + dt {
  11249.     position: absolute !important;
  11250.     display: inline-block ! important;
  11251.     top: 45px !important;
  11252.     margin-left: 90px !important;
  11253. }
  11254.  
  11255. /*  "About" - ARROW GRAY */
  11256. #left-sidebar nav ul dl > dd a:not([href^="http://forum.userstyles.org/messages/"]):before,
  11257. #main-article > dl > dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  11258.     position: relative;
  11259.     display: inline-block;
  11260.     content: "\25B6 ";
  11261.     margin-left: 1px;
  11262.     color: red;
  11263. }
  11264.  
  11265. /* ABOUT - LINKS */
  11266. #main-article > dl > dd > a {
  11267.     position: relative !important;
  11268.     display: inline-block !important;
  11269.     min-height: 15px !important;
  11270.     max-height: 15px !important;
  11271.     line-height: 14px !important;
  11272.     font-size: 13px !important;
  11273. }
  11274. /* SEND MESS */
  11275. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"] {
  11276.     position: fixed !important;
  11277.     display: inline-block !important;
  11278.     height: 20px !important;
  11279.     line-height: 10px !important;
  11280.     width: 170px !important;
  11281.     top: 28px !important;
  11282.     left: 360px !important;
  11283.     padding: 1px 10px !important;
  11284.     text-align: center !important;
  11285.     z-index: 80000 !important;
  11286.     visibility: visible !important;
  11287.     color: red !important;
  11288.     background: yellow !important;
  11289. }
  11290. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  11291.     visibility: hidden !important;
  11292. }
  11293. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before,
  11294. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  11295.     position: absolute !important;
  11296.     display: inline-block;
  11297.     height: 15px !important;
  11298.     width: 22px !important;
  11299.     content: "✉";
  11300.     left: -25px!important;
  11301.     top: 0px !important;
  11302.     font-size: 21px !important;
  11303.     visibility: visible !important;
  11304.     color: peru !important;
  11305. }
  11306. /* USERST -  PROF LINK */
  11307. body:not(#f) a#userProfile {
  11308.     position: absolute !important;
  11309.     visibility: visible !important;
  11310.     left: 256px !important;
  11311.     top: -64px !important;
  11312.     overflow: visible !important;
  11313.     text-overflow: ellipsis !important;
  11314.     white-space: nowrap !important;
  11315.     font-size: 0 !important;
  11316.     z-index: 500 !important;
  11317. }
  11318. body:not(#f) a#userProfile:before {
  11319.     display: inline-block;
  11320.     position: fixed;
  11321.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png");
  11322.     -moz-transform: scale(0.6, 0.5);
  11323.     margin-left: -90px;
  11324.     top: 1px;
  11325. }
  11326.  
  11327. /* END ==  - USERSTYLES - MY ACCOUNT / USER PROF -  TXT " ABT ME" - TXT + Back transpt */
  11328. /* USERSTYLES - "Following results" - "the results for all ..." */
  11329. #page-description > a {
  11330.     border-radius: 5px !important;
  11331.     box-shadow: 0 0 4px #999999 !important;
  11332.     display: inline-block !important;
  11333.     left: 103px !important;
  11334.     padding: 5px !important;
  11335.     position: absolute !important;
  11336.     top: -21px !important;
  11337.     width: 994px !important;
  11338. }
  11339.  
  11340. /* ==== USERSTY - SEARCH BOX ==== */
  11341. /* USERSTY - ADV SEARCH - PAGE RESUL */
  11342. /* USERSTY - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS */
  11343. #advanced-search-submit button {
  11344.     -moz-appearance: none ! important;
  11345.     position: fixed !important;
  11346.     display: inline-block !important;
  11347.     width: 62px !important;
  11348.     height: 20px !important;
  11349.     right: calc(100% - 1202px) ! important;
  11350.     top: 1px ! important;
  11351.     padding: 0 0 2px 0px ! important;
  11352.     border-radius: 4px ! important;
  11353.     border: 1px solid #777777 !important;
  11354.     font-size: 10px! important;
  11355.     text-align: center ! important;
  11356.     text-decoration: none ! important;
  11357.     cursor: pointer ! important;
  11358.     color: #D7D7D7 !important;
  11359.     box-shadow: 0 0 1px #777777 inset !important;
  11360.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  11361. }
  11362. #advanced-search-submit button:hover {
  11363.     color: tomato !important;
  11364. }
  11365. /* USERSTYS - ADV SEARCH - SHOW BUTT (TXT "Adv sear)*/
  11366. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  11367.     -moz-appearance: none ! important;
  11368.     position: absolute !important;
  11369.     display: inline-block !important;
  11370.     width: 60px !important;
  11371.     height: 18px !important;
  11372.     line-height: 15px ! important;
  11373.     top: -16px ! important;
  11374.     left: 85% ! important;
  11375.     font-size: 10px! important;
  11376.     border-radius: 4px !important;
  11377.     text-align: center ! important;
  11378.     text-decoration: none ! important;
  11379.     cursor: pointer ! important;
  11380.     z-index: 200 ! important;
  11381.     color: #D7D7D7 !important;
  11382.     box-shadow: 0 0 1px #777777 inset !important;
  11383.     background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  11384.     border: 1px solid #777777 !important;
  11385. }
  11386.  
  11387. /* USERSTY - AVDV SEARCH - SUBMIT BUTT */
  11388. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  11389.     -moz-appearance: none ! important;
  11390.     position: fixed !important;
  11391.     display: inline-block !important;
  11392.     width: 50px !important;
  11393.     height: 20px !important;
  11394.     right: calc(100% - 1138px) ! important;
  11395.     top: 1px ! important;
  11396.     border-radius: 5px ! important;
  11397.     font-size: 10px! important;
  11398.     text-align: center ! important;
  11399.     text-decoration: none ! important;
  11400.     z-index: 200! important;
  11401.     cursor: pointer ! important;
  11402.     color: gold !important;
  11403.     background: black ! important;
  11404.     border: 1px gray solid ! important;
  11405. }
  11406. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  11407.     color: tomato !important;
  11408. }
  11409.  
  11410. /* USERSTY - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " */
  11411. #advanced-search {
  11412.     position: relative ! important;
  11413.     position: fixed ! important;
  11414.     height: 15px ! important;
  11415.     width: 450px ! important;
  11416.     top: 48px ! important;
  11417.     left: 867px !important;
  11418.     padding: 1px 2px 3px 2px ! important;
  11419.     border: none ! important;
  11420.     border-radius: 0 0 3px 3px !important;
  11421.     z-index: 2000000 ! important;
  11422.     color: gold !important;
  11423.     background: #2C6C14 !important;
  11424. }
  11425.  
  11426. /* USERSTY - SEARCH - TOP Right (Background) */
  11427. #search {
  11428.     background-color: transparent !important
  11429. }
  11430.  
  11431. /* USERSTY - SEARCH BOX */
  11432. #search {
  11433.     position: fixed !important;
  11434.     width: 187px ! important;
  11435.     height: 85px ! important;
  11436.     top: 400px ! important;
  11437. }
  11438.  
  11439. /* USERSTY - SEARCH BOX INPUT */
  11440. #left-sidebar > nav ul li form {
  11441.     position: fixed ! important;
  11442.     width: 200px !important;
  11443.     margin-top: -8px! important;
  11444.     left: 970px ! important;
  11445.     top: 25px ! important;
  11446.     visibility: visible ! important;
  11447.     z-index: 2000! important;
  11448. }
  11449.  
  11450. /* USERSTY - SIMPLE SEARCH - SEARCH INPUT */
  11451. #search-terms {
  11452.     position: absolute ! important;
  11453.     display: inline-block !important;
  11454.     min-width: 204px !important;
  11455.     max-width: 204px !important;
  11456.     height: 19px ! important;
  11457.     margin-right: -50px ! important;
  11458.     left: -65px ! important;
  11459.     top: -16px ! important;
  11460. }
  11461. /* USERSTY /GREASY - SIMPLE SEARCH - SEARCH BUTT */
  11462. #search-submit {
  11463.     position: relative ! important;
  11464.     left: -38px ! important;
  11465.     margin-top: -15px ! important;
  11466.     font-size: 11px !important;
  11467. }
  11468. #script-search > input[type="submit"],
  11469. #search-submit {
  11470.     position: relative !important;
  11471.     display: inline-block !important;
  11472.     top: 0px !important;
  11473.     -moz-appearance: none !important;
  11474.     border-radius: 0 3px 3px 0 !important;
  11475.     cursor: pointer!important;
  11476.     background: peru !important;
  11477.     border: 1px solid gray !important;
  11478. }
  11479. #script-search > input[type="submit"]:hover,
  11480. #search-submit:hover {
  11481.     background: tomato !important;
  11482. }
  11483.  
  11484. /* ====  - USERSTY - STY INFOS - RELATED ==== */
  11485. /* USERSTY - STY INFOS - RELATED - "Relat" etc... - BLOCK */
  11486. #related {
  11487.     position: fixed !important;
  11488.     width: 185px !important;
  11489.     left: 20px !important;
  11490.     top: 550px !important;
  11491.     background-color: #222222 !important;
  11492.     box-shadow: 0 0 4px #999999 !important;
  11493. }
  11494. /* USERSTY - STY INFOS - RELATED - "Relat" etc... - ITEMS */
  11495. #left-sidebar footer#related ul li:not(.more) a:before {
  11496.     display: inline-block;
  11497.     content: "\25B6";
  11498.     padding-right: 5px;
  11499.     font-size: 8px;
  11500.     color: red;
  11501. }
  11502.  
  11503. /* ==== USERSTY - STY INFOS ==== */
  11504. /* USERSTY - STY INFOS - "Style" Bar - SUPP */
  11505. #main-article > h2 {
  11506.     display: none ! important;
  11507. }
  11508.  
  11509. /* STY INFOS - DELETED STYLE - MESS */
  11510. section#obsoletion-message {
  11511.     position: fixed !important;
  11512.     line-height: 15px !important;
  11513.     min-width: 400px !important;
  11514.     max-width: 400px !important;
  11515.     max-height: 425px !important;
  11516.     top: 35px !important;
  11517.     margin-left: -10px!important;
  11518.     padding: 10px ! important;
  11519.     overflow: hidden !important;
  11520.     overflow-y: auto !important;
  11521.     z-index: 2000 !important;
  11522.     transition: all ease 0.7s !important;
  11523.     opacity: 1 !important;
  11524.     visibility: visible !important;
  11525.     background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  11526. }
  11527. #main-article section#obsoletion-message h2 + p + p,
  11528. #main-article section#obsoletion-message h2 + p {
  11529.     display: inline-block !important;
  11530.     line-height: 15px !important;
  11531.     width: 390px !important;
  11532.     margin-left: -10px!important;
  11533.     padding: 10px ! important;
  11534.     font-size: 17px !important;
  11535.     text-align: center !important;
  11536.     color: white !important;
  11537. }
  11538. #main-article section#obsoletion-message h2 + p q {
  11539.     display: inline-block !important;
  11540.     width: 100% !important;
  11541.     line-height: 16px !important;
  11542.     margin-top: 10px !important;
  11543.     margin-bottom: 5px !important;
  11544.     padding: 5px !important;
  11545.     border-radius: 5px !important;
  11546.     text-align: left !important;
  11547.     font-size: 15px !important;
  11548.     color: gray !important;
  11549.     background: black !important;
  11550. }
  11551. #obsoletion-message > p + p > a:last-of-type,
  11552. #main-article section#obsoletion-message h2 + p > a:first-of-type {
  11553.     position: relative!important;
  11554.     display: inline-block!important;
  11555.     width: 100%!important;
  11556.     min-width: 375px!important;
  11557.     margin-top: 10px !important;
  11558.     margin-bottom: 5px !important;
  11559.     text-align: center!important;
  11560.     font-size: 18px !important;
  11561.     color: gold !important;
  11562. }
  11563. #obsoletion-message > p + p > a:nth-last-of-type(n + 2) {
  11564.     position: relative!important;
  11565.     display: inline-block!important;
  11566.     width: 100%!important;
  11567.     min-width: 375px!important;
  11568.     margin-top: 10px !important;
  11569.     margin-bottom: 10px !important;
  11570.     text-align: center!important;
  11571.     font-size: 15px !important;
  11572.     color: gold !important;
  11573. }
  11574. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE */
  11575. #obsoletion-message:not(:hover) h2:not(:hover),
  11576. #obsoletion-message h2 {
  11577.     position: fixed !important;
  11578.     display: inline-block !important;
  11579.     left: 132px !important;
  11580.     top: 58px !important;
  11581.     border-radius: 10px !important;
  11582.     padding: 7px 6px !important;
  11583.     cursor: pointer !important;
  11584.     visibility: visible !important;
  11585.     opacity: 1 !important;
  11586.     background: #B50000 !important;
  11587. }
  11588. /* STY INFOS - DEL STY - BUBBLE - ARROW */
  11589. section#obsoletion-message:after {
  11590.     position: fixed !important;
  11591.     display: block;
  11592.     content: "";
  11593.     height: 0;
  11594.     width: 0;
  11595.     top: 82px !important;
  11596.     bottom: -15px;
  11597.     left: 200px;
  11598.     transform: rotate(22deg);
  11599.     visibility: visible !important;
  11600.     border-style: solid;
  11601.     border-width: 25px 5px 0px;
  11602.     border-color: #B50000 transparent transparent transparent;
  11603. }
  11604. section#obsoletion-message:before {
  11605.     position: fixed !important;
  11606.     display: inline-block !important;
  11607.     content: " Deleted ....WHY ??? : Hover me !";
  11608.     height: 15px !important;
  11609.     width: 400px !important;
  11610.     top: 62px !important;
  11611.     left: 250px;
  11612.     text-align: center !important;
  11613.     white-space: nowrap !important;
  11614.     cursor: pointer !important;
  11615.     visibility: visible !important;
  11616.     background: #B50000 !important;
  11617. }
  11618. section#obsoletion-message:hover:before {
  11619.     visibility: hidden !important;
  11620. }
  11621. #main-article section#obsoletion-message:not(:hover) {
  11622.     visibility: hidden !important;
  11623.     opacity: 1 !important;
  11624. }
  11625. #main-article section#obsoletion-message:hover {
  11626.     visibility: visible !important;
  11627. }
  11628. #main-article section#obsoletion-message > p > q:first-line {
  11629.     display: inline-block !important;
  11630.     font-size: 18px !important;
  11631.     color: #00627A !important;
  11632. }
  11633.  
  11634. /* ==== BROWSE STY - ZEBRA ==== */
  11635. /* BROWSE STY - ZEBRA - FIRST */
  11636. #style-table tr:nth-child(even) td {
  11637.     background-color: #262626 !important;
  11638. }
  11639. /* BROWSE STY - ZEBRA - SECOND - ==== */
  11640. #style-table tr:nth-child(odd) td {
  11641.     background: #444444 !important;
  11642. }
  11643. #style-table > tr:hover:not(:first-child) {
  11644.     background-color: #444444;
  11645.     color: red ! important;
  11646. }
  11647.  
  11648. /* RATING always visible =  === */
  11649. #style-table tr:not(:hover) .ratingfg,
  11650. #style-table tr:hover .ratingfg {
  11651.     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;
  11652. }
  11653.  
  11654. /* META DISCUSSION - HOVER TOOLTIP */
  11655. #style-table .metadiscussions:hover:before {
  11656.     position: relative !important;
  11657.     content: attr(title) !important;
  11658.     display: inline-block !important;
  11659.     height: 16px !important;
  11660.     line-height: 15px !important;
  11661.     top: -5px !important;
  11662.     margin-left: -240px !important;
  11663.     padding: 0 5px 0 5px !important;
  11664.     border-radius: 5px !important;
  11665.     color: gold !important;
  11666.     background: red !important;
  11667.     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;
  11668. }
  11669.  
  11670. /* OBSOLETE DELETED STYLE */
  11671. #table-container table#style-table tr.obsolete td:nth-child(7) {
  11672.     background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") !important;
  11673.     opacity: 0.4 !important;
  11674. }
  11675. #table-container table#style-table tr.obsolete td:nth-child(7):hover {
  11676.     opacity: 1!important;
  11677. }
  11678.  
  11679. /* BROWSE STY - Text INFO - "For tips on making....etc..."  */
  11680. #main-article > p {
  11681.     margin-left: 95px !important;
  11682. }
  11683.  
  11684. /* ==== BROWSE SEARCH RESULTS ==== */
  11685. /* TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) */
  11686. /*(NOT LOGED / with GM) */
  11687. body > #main-header + #content-wrapper {
  11688.     position: absolute ! important;
  11689.     float: left !important;
  11690.     clear: both !important;
  11691.     height: 100% !important;
  11692.     min-height: 200px !important;
  11693.     width: 100% !important;
  11694.     max-width: 95% !important;
  11695.     top: 55px !important;
  11696.     left: 0px !important;
  11697.     margin-left: 20px ! important;
  11698. }
  11699.  
  11700. /* BROWSE SEARCH RESULTS -  USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS */
  11701. #content-wrapper article#main-article #social.listing + script + .ad + #table-container {
  11702.     position: absolute !important;
  11703.     display: inline-block ! important;
  11704.     width: 82%! important;
  11705.     left: -27% !important;
  11706.     top: -24px !important;
  11707. }
  11708.  
  11709. /* (NOT LOGED / with GM) */
  11710. .author-styles > tbody > tr:nth-child(odd) {
  11711.     background: #222 ! important;
  11712. }
  11713. .author-styles > tbody > tr:hover {
  11714.     background: #292900 ! important;
  11715. }
  11716. /* USERSTYLES - PROFILE USER */
  11717. #container-responsive .view_inner #iframe[src="/d/users/personal"] {
  11718.     display: inline-block !important;
  11719.     width: 100% !important;
  11720.     text-align: center !important;
  11721. }
  11722. .author-styles.tablesorter.tablesorter-default,
  11723. table.author-styles {
  11724.     position: fixed !important;
  11725.     display: inline-block !important;
  11726.     border-collapse: collapse !important;
  11727.     min-width: 99.9% !important;
  11728.     max-width: 99.9% !important;
  11729.     height: 100% !important;
  11730.     min-height: 96vh !important;
  11731.     max-height: 96vh !important;
  11732.     top: 4vh !important;
  11733.     margin-left: -7px !important;
  11734.     padding-left: 25vw !important;
  11735.     padding-right: 25vw !important;
  11736.     overflow: hidden !important;
  11737.     overflow-y: auto !important;
  11738.     background: #111 !important;
  11739.     border-top: 1px solid red !important;
  11740. }
  11741. .author-styles > thead tr,
  11742. .author-styles.tablesorter > thead tr.tablesorter-headerRow {
  11743.     position: sticky !important;
  11744.     top: 0vh !important;
  11745.     text-align: left !important;
  11746.     border: 1px solid red !important;
  11747.     border-bottom: 4px solid red !important;
  11748.     background: black !important;
  11749. }
  11750. .author-styles > thead tr.tablesorter-headerRow th,
  11751. .author-styles.tablesorter > thead tr.tablesorter-headerRow th {
  11752.     display: table-cell !important;
  11753.     text-align: left !important;
  11754.     border: 1px solid red !important;
  11755. }
  11756.  
  11757. /* USERST - USER PROF LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc */
  11758. .author-styles > tbody > tr > td[valign="top"] > a {
  11759.     color: #CF9C28 !important;
  11760. }
  11761. .author-styles > tbody > tr > td[valign="top"] > a:visited {
  11762.     color: #DDB46D !important;
  11763. }
  11764. .author-styles > tbody > tr > td[valign="top"] > a:hover {
  11765.     color: tan !important;
  11766. }
  11767. .author-styles > thead > tr > th:nth-child(3),
  11768. .author-styles > thead > tr > th:nth-child(4),
  11769. .author-styles > thead > tr > th:nth-child(5) {
  11770.     width: 43px !important;
  11771. }
  11772. .author-styles > thead > tr > th:nth-child(6) {
  11773.     width: 100px !important;
  11774. }
  11775. /* USERSTYLES - EDIT/Del/Stat ICONS */
  11776. table.author-styles tbody tr td + td a:nth-child(1) {
  11777.     font-size: 0px ! important;
  11778. }
  11779. /*  NEDD CONVERT for Addstylish lib -  */
  11780. table.author-styles tbody tr td + td a[href$="/edit"]:before {
  11781.     content: "\270E " ! important;
  11782.     font-size: 18px ! important;
  11783. }
  11784. table.author-styles tbody tr td + td a:nth-child(2) {
  11785.     font-size: 0px ! important;
  11786. }
  11787. table.author-styles tbody tr td + td a[href^="/styles/delete"]:before {
  11788.     content: "✅";
  11789.     font-size: 18px;
  11790.     color: green;
  11791. }
  11792. .obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before {
  11793.     content: "➖";
  11794.     font-size: 18px;
  11795.     color: red;
  11796. }
  11797.  
  11798. /* Text Shadow */
  11799. #style-table tr td * {
  11800.     text-shadow: none !important;
  11801. }
  11802.  
  11803. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT */
  11804. #popup_container.popup_right,
  11805. #popup_container.popup_left {
  11806.     position: fixed !important;
  11807.     float: right !important;
  11808.     top: 25% !important;
  11809.     right: 0% !important;
  11810.     padding: 0 !important;
  11811.     z-index: -5000 !important;
  11812.     border: none !important;
  11813.     box-shadow: none !important;
  11814.     background: transparent !important;
  11815. }
  11816. #popup_container img {
  11817.     position: absolute !important;
  11818.     float: none !important;
  11819.     float: right !important;
  11820.     min-width: 30% !important;
  11821.     max-width: 30% !important;
  11822.     right: 0% !important;
  11823.     z-index: 500000 !important;
  11824.     box-shadow: 4px 4px 8px #000000;
  11825.     border: 1px solid peru !important;
  11826. }
  11827.  
  11828. /* A VOIR - MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP */
  11829. /* BROWSE SEARCH RESULTS - Title === */
  11830. .style-brief-text > header > a:link {
  11831.     color: #CCCDCD;
  11832.     text-decoration: none;
  11833. }
  11834. /* BROWSE SEARCH RESULTS - Desc */
  11835. .style-brief-text > a:visited {
  11836.     color: #929292;
  11837.     text-decoration: none;
  11838. }
  11839. .style-brief-text > a:active {
  11840.     color: #929292;
  11841.     text-decoration: none;
  11842. }
  11843.  
  11844. /* ==== START == PAGI ==== */
  11845. /* AGI - ALL - PB NOT LOGED */
  11846. .pagination {
  11847.     position: fixed;
  11848.     display: inline-block;
  11849.     vertical-align: top;
  11850.     max-width: 352px;
  11851.     min-width: 352px;
  11852.     height: 17px;
  11853.     line-height: 10px;
  11854.     top: 29px;
  11855.     left: 550px;
  11856.     padding: 1px;
  11857.     border-radius: 3px 3px 0 0;
  11858.     text-align: center;
  11859.     z-index: 500000;
  11860.     border: 1px solid peru;
  11861.     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);
  11862. }
  11863.  
  11864. /* PAGI - ALL -  Link */
  11865. .pagination .current,
  11866. .pagination .gap,
  11867. .pagination a {
  11868.     display: inline-block;
  11869.     position: relative;
  11870.     height: 12px;
  11871.     line-height: 10px;
  11872.     margin-top: 0px;
  11873.     top: 0px;
  11874.     padding: 0 1px;
  11875.     border: none;
  11876.     border-radius: 3px;
  11877.     font-size: 10px;
  11878.     box-shadow: 3px 3px 2px black;
  11879.     background: #222 !important;
  11880. }
  11881. .pagination > a {
  11882.     margin-left: -1px;
  11883.     margin-right: -1px;
  11884.     padding: 0 3px !important;
  11885.     border: 1px solid #999;
  11886. }
  11887. .pagination > a:hover {
  11888.     border: 1px solid #A7A7A7;
  11889.     background-color: white !important;
  11890. }
  11891. .current {
  11892.     margin-left: 1px;
  11893.     margin-right: 1px;
  11894.     padding: 0 3px;
  11895.     border-radius: 3px;
  11896.     font-size: 14px !important;
  11897.     text-decoration: none;
  11898.     border: 1px solid #336699;
  11899.     background-color: #F5F7FA;
  11900. }
  11901. .pagination .gap {
  11902.     line-height: 15px !important;
  11903.     top: -3px;
  11904.     margin-right: -5px;
  11905.     margin-left: -5px;
  11906.     padding: 0;
  11907.     font-size: 10px;
  11908.     border-radius: 3px;
  11909. }
  11910. .pagination .current,
  11911. .pagination .gap {
  11912.     color: white;
  11913. }
  11914. .next_page {
  11915.     display: inline-block;
  11916.     width: 80px;
  11917. }
  11918. .pagination > a.next_page,
  11919. .pagination > a.next_page:hover,
  11920. .pagination > a.previous_page,
  11921. .pagination > a.previous_page:hover {
  11922.     width: 20px;
  11923.     font-size: 0px;
  11924. }
  11925. .previous_page:before {
  11926.     content: "<";
  11927.     font-size: 10px;
  11928. }
  11929. .next_page:before {
  11930.     content: ">";
  11931.     font-size: 10px;
  11932. }
  11933. .previous_page.disabled,
  11934. .disabled.prev_page,
  11935. .next_page.disabled {
  11936.     display: none;
  11937. }
  11938. span.Ellipsis {
  11939.     height: 14px;
  11940.     line-height: 7px;
  11941.     border-radius: 3px;
  11942.     box-shadow: 3px 3px 2px black;
  11943.     color: peru;
  11944. }
  11945.  
  11946. /* PAGI USERST - GM " TA VIEW P " */
  11947. #table-container + .pagination {
  11948.     line-height: 13px;
  11949.     top: 32px;
  11950.     left: 450px;
  11951.     padding: 1px;
  11952. }
  11953. /* USERS */
  11954. #content-wrapper #main-article .pagination > .current {
  11955.     margin-top: 0px;
  11956.     top: 0px;
  11957.     color: white;
  11958. }
  11959.  
  11960. /* PAGI - SEARCH/USERS - List USERST */
  11961. .ad + .pagination {
  11962.     position: fixed;
  11963.     display: inline-block;
  11964.     height: 20px;
  11965.     width: 100%;
  11966.     width: auto;
  11967.     max-width: 600px;
  11968.     min-width: 600px;
  11969.     left: 270px;
  11970.     top: 35px;
  11971.     padding: 1px 5px;
  11972.     z-index: 500000;
  11973. }
  11974. /* PAGI - SCRIPT PAGE (with/without CITRUS) */
  11975. #script-table + .pagination,
  11976. .width-constraint .pagination {
  11977.     max-width: 352px !important;
  11978.     min-width: 352px !important;
  11979.     top: 39px;
  11980.     left: 56.4%;
  11981.     border: 1px solid peru;
  11982. }
  11983. /* PAGI - SCRIPT INFO - NEW DESIGN */
  11984. .width-constraint #script-info ul#script-links + header + #script-content > p#contribution + h3 {
  11985.     position: fixed;
  11986.     display: inline-block;
  11987.     vertical-align: bottom;
  11988.     width: 51%;
  11989.     height: 17px;
  11990.     line-height: 17px;
  11991.     top: 187px;
  11992.     left: 24.6%;
  11993.     border-radius: 3px 3px 0 0;
  11994.     text-align: left;
  11995.     z-index: 500000;
  11996.     box-shadow: none;
  11997.     border: 1px solid peru;
  11998.     border-bottom-color: red;
  11999.     background: gold;
  12000. }
  12001. .width-constraint section#script-info ul#discussions + .pagination {
  12002.     top: 217px;
  12003. }
  12004. .width-constraint #script-info #script-content p#support-url + h3 + p + ul#discussions + .pagination {
  12005.     top: 217px;
  12006.     left: 51.2%;
  12007.     z-index: 500000;
  12008. }
  12009.  
  12010. /* PAGI SET - CITRUS ONLY OK */
  12011. #UserSets + .width-constraint .pagination {
  12012.     position: fixed;
  12013.     display: inline-block;
  12014.     max-width: 550px;
  12015.     min-width: 550px;
  12016.     height: 15px;
  12017.     line-height: 15px;
  12018.     top: 49px;
  12019.     left: 34%;
  12020.     padding: 1px;
  12021.     border-radius: 5px;
  12022.     text-align: center;
  12023.     box-shadow: none;
  12024.     background: transparent;
  12025. }
  12026. /* PAGI - SCRIPT PAGE - CITRUS */
  12027. #script-table + .pagination {
  12028.     position: fixed;
  12029.     display: inline-block;
  12030.     width: 100%;
  12031.     max-width: 459px;
  12032.     min-width: 459px;
  12033.     height: 15px;
  12034.     height: 17px;
  12035.     line-height: 10px;
  12036.     top: 39px !important;
  12037.     left: 56.4%;
  12038.     padding: 1px;
  12039.     border-radius: 3px 3px 0 0;
  12040.     text-align: center;
  12041.     z-index: 500000 !important;
  12042.     box-shadow: 0 0 4px #999;
  12043.     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);
  12044. }
  12045.  
  12046. /* === END == PAGI === */
  12047. /* ==== EDIT PAGE ==== */
  12048. /* (new208) TEST  - IFRAME */
  12049. .PageContent iframe[src$="/edit"],
  12050. .PageContent iframe[src="/d/styles/new"] {
  12051.     width: 99% !important;
  12052.     min-height: 99vh !important;
  12053.     max-height: 99vh !important;
  12054.     overflow: hidden !important;
  12055.     overflow-y: auto !important;
  12056.     background: #111 !important;
  12057. }
  12058.  
  12059. /* USERST - INFOS - Textarea Input === */
  12060. .init_loader + .PageContent > ul {
  12061.     position: absolute;
  12062.     width: 16vw !important;
  12063.     padding: 5px 20px !important;
  12064.     background: #222 !important;
  12065. }
  12066.  
  12067. /* (new208) */
  12068. .PageContent form[action="/styles/update"] {
  12069.     display: inline-block !important;
  12070.     min-width: 940px !important;
  12071.     max-width: 940px !important;
  12072.     margin-left: 0% !important;
  12073.     height: 100% !important;
  12074.     max-height: 90vh !important;
  12075.     min-height: 90vh !important;
  12076.     padding: 0 25vw !important;
  12077.     overflow: hidden !important;
  12078.     overflow-y: auto !important;
  12079.     background: #111 !important;
  12080. }
  12081. .PageContent form[action="/styles/update"] .form-controls {
  12082.     min-width: 840px !important;
  12083.     max-width: 940px !important;
  12084.     margin-left: 0% !important;
  12085.     margin-bottom: 8px !important;
  12086.     padding-left: 5px !important;
  12087. }
  12088. .PageContent form[action="/styles/update"] .form-controls > div > a,
  12089. .PageContent form[action="/styles/update"] .form-controls textarea#css,
  12090. .PageContent form[action="/styles/update"] .form-controls .field_with_errors textarea#style_additional_info,
  12091. .PageContent form[action="/styles/update"] .form-controls textarea#style_long_description {
  12092.     min-width: 800px !important;
  12093.     max-width: 900px !important;
  12094.     margin-left: 2% !important;
  12095. }
  12096. .PageContent .form-controls > table,
  12097. .PageContent .form-controls > table tbody {
  12098.     display: inline-block !important;
  12099.     width: 100% !important;
  12100.     min-width: 920px !important;
  12101.     max-width: 920px !important;
  12102.     margin-left: 0% !important;
  12103. }
  12104. .PageContent .form-controls > table tbody tr td,
  12105. .PageContent .form-controls > table tbody tr {
  12106.     display: inline-block !important;
  12107.     width: 100% !important;
  12108.     min-width: 840px !important;
  12109.     max-width: 840px !important;
  12110.     margin-left: 5% !important;
  12111.     padding: 5px !important;
  12112. }
  12113. .PageContent .form-controls > table tbody tr td {
  12114.     margin-left: 0% !important;
  12115.     padding: 0px !important;
  12116. }
  12117. .PageContent .form-controls > table tbody tr td img {
  12118.     display: inline-block !important;
  12119.     width: 100% !important;
  12120.     min-width: 420px !important;
  12121.     max-width: 420px !important;
  12122.     margin-left: 0% !important;
  12123.     padding: 0px !important;
  12124. }
  12125.  
  12126. /* USERST - INFOS - SHORT DESC */
  12127. .form-controls > tbody > tr > td [id="style_short_description"] {
  12128.     min-width: 200px!important;
  12129.     resize: both !important;
  12130.     overflow: auto !important;
  12131. }
  12132. /* USERST - NFOS - ScShots (PreView) - Principal - BEFORE/AFTER */
  12133. .form-controls > tbody > tr > td > dl > dd > img {
  12134.     box-shadow: 0 0 4px #999999 !important;
  12135.     height: auto;
  12136.     margin-left: 200px !important;
  12137.     max-width: 900px !important;
  12138. }
  12139. .form-controls > tbody > tr > td > dl > dd {
  12140.     margin-left: -169px !important;
  12141. }
  12142. /* USERST - INFOS - ScShots (PreView) - Additional */
  12143. .form-controls > tbody > tr > td > table > tbody > tr > td > img {
  12144.     box-shadow: 0 0 4px #999999 !important;
  12145.     height: auto;
  12146.     max-width: 900px !important;
  12147. }
  12148. /* USERST - INFOS - ScShots - Additional (Table) */
  12149. .form-controls > tbody > tr > td > table {
  12150.     margin-left: -149px !important;
  12151. }
  12152. /* USERST - EDIT - EDIT - MAIN CONT */
  12153. #main-article > form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  12154.     position: absolute !important;
  12155.     display: inline-block !important;
  12156.     max-width: 800px !important;
  12157.     margin-top: 35px ! important;
  12158.     margin-left: 5% ! important;
  12159. }
  12160.  
  12161. /* USERST - EDIT - EDIT - WIDGET */
  12162. #main-article > form[action="/help/widget"] {
  12163.     position: relative !important;
  12164.     display: table !important;
  12165.     min-width: 910px !important;
  12166.     max-width: 910px !important;
  12167.     margin-top: 3px ! important;
  12168.     margin-left: -3px ! important;
  12169.     background: #222 !important;
  12170. }
  12171. #main-article > form[action="/help/widget"] .form-controls {
  12172.     min-width: 910px !important;
  12173.     max-width: 910px !important;
  12174. }
  12175. #main-article > form[action="/help/widget"] .form-controls tbody tr {
  12176.     display: inline-block !important;
  12177.     width: 100% !important;
  12178.     min-width: 910px !important;
  12179.     max-width: 910px !important;
  12180.     margin-bottom: 0px !important;
  12181.     text-align: center !important;
  12182. }
  12183. #main-article > form[action="/help/widget"] .form-controls tbody tr td,
  12184. #main-article > form[action="/help/widget"] .form-controls tbody tr th {
  12185.     display: inline-block !important;
  12186.     min-width: 870px !important;
  12187.     max-width: 870px !important;
  12188.     padding: 0 !important;
  12189.     text-align: center !important;
  12190. }
  12191.  
  12192. /* USERST - EDIT - DEL STYLE */
  12193. #main-article > form[action="/styles/delete_save"] {
  12194.     position: absolute !important;
  12195.     display: inline-block !important;
  12196.     max-width: 800px !important;
  12197.     min-height: 400px !important;
  12198.     margin-top: 100px !important;
  12199.     margin-left: -55% !important
  12200. }
  12201. #main-article > form[action="/styles/delete_save"] .form-controls > tbody > tr:first-of-type > td textarea {
  12202.     min-height: 400px !important;
  12203. }
  12204.  
  12205. /* USERST - EDIT - STY NAME INPUT */
  12206. article#main-article form .form-controls input#style_short_description {
  12207.     width: 600px !important;
  12208. }
  12209. /* USERST - EDIT - SCSHOT NAME/UPL FOLDER/BUT INPUT */
  12210. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  12211.     display: block !important;
  12212.     position: relative !important;
  12213.     width: auto !important;
  12214. }
  12215. .form-controls > table > tbody > tr > td:first-of-type > input {
  12216.     width: 462px !important;
  12217. }
  12218. .form-controls > table > tbody > tr > td:nth-child(2) > input {
  12219.     width: 465px !important;
  12220. }
  12221. /* USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) */
  12222. .form-controls > table > tbody > tr > td:nth-child(3) > input {
  12223.     position: absolute !important;
  12224.     top: -20px !important;
  12225. }
  12226. .form-controls > table > tbody > tr > td:nth-child(3):after {
  12227.     position: absolute;
  12228.     display: inline-block;
  12229.     content: "Remove / Change";
  12230.     width: 200px;
  12231.     height: 15px;
  12232.     margin-top: -32px;
  12233.     margin-left: 45px;
  12234.     font-size: 15px;
  12235.     color: red;
  12236. }
  12237. /* USERSTS - EDIT - LABELS */
  12238. .form-controls > label {
  12239.     color: gold ! important;
  12240. }
  12241. /* USERST  - EDIT - SCSHOT - TITLES SECT */
  12242. .form-controls > table > thead > tr {
  12243.     display: none ! important;
  12244. }
  12245.  
  12246. /* [[1]==== END ==== */
  12247. /* ==== NOT LOGGED - 3 SMALLS BLOCKS  by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT */
  12248. .listing-left-info {
  12249.     position: absolute !important;
  12250.     display: inline-block !important;
  12251.     float: none !important;
  12252.     min-height: 100px;
  12253.     width: 100% !important;
  12254. }
  12255.  
  12256. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN */
  12257. .style-brief:nth-child(odd) {
  12258.     background: #222222 !important;
  12259. }
  12260.  
  12261. /*  NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN */
  12262. .style-brief {
  12263.     position: relative ! important;
  12264.     display: inline-block ! important;
  12265.     width: 32.72% !important;
  12266.     height: 163px ! important;
  12267.     right: 0% ! important;
  12268.     margin-top: 6px !important;
  12269.     margin-bottom: 0px !important;
  12270.     overflow: hidden ! important;
  12271.     border-radius: 5px !important;
  12272.     box-shadow: 6px 5px 6px black !important;
  12273.     border: 1px solid gray ! important;
  12274. }
  12275. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4),
  12276. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) {
  12277.     position: relative ! important;
  12278.     float: left !important;
  12279.     width: 49.6% !important;
  12280.     height: 224px ! important;
  12281.     right: 7.7% ! important;
  12282.     margin-top: 6px !important;
  12283.     margin-bottom: 0px !important;
  12284.     border-radius: 5px !important;
  12285.     overflow: hidden ! important;
  12286.     box-shadow: 6px 5px 6px black !important;
  12287.     border: 1px solid gray ! important;
  12288. }
  12289. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .style-brief-text,
  12290. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .style-brief-text {
  12291.     left: 180px;
  12292. }
  12293.  
  12294. /* NOT LOGGED - STYLES INFOS */
  12295. .style-brief-text {
  12296.     position: absolute !important;
  12297.     display: inline-block !important;
  12298.     float: none !important;
  12299.     height: 150px ! important;
  12300.     width: 100% !important;
  12301.     max-width: 67% !important;
  12302.     margin-left: 10% !important;
  12303.     left: 119px;
  12304.     top: 2px !important;
  12305. }
  12306.  
  12307. /* NOT LOGGED - TEXT DESC - ALL + ODD/EVEN */
  12308. .style-brief-control-links:before {
  12309.     content: "⏪ " !important;
  12310.     position: absolute !important;
  12311.     width: 20px !important;
  12312.     height: 17px !important;
  12313.     line-height: 17px !important;
  12314.     left: -10px;
  12315.     z-index: 500;
  12316.     color: gold !important;
  12317.     background: green !important;
  12318. }
  12319. .style-brief-control-links:hover:before {
  12320.     content: "⏩ " !important;
  12321.     position: absolute !important;
  12322.     width: 20px;
  12323.     left: -20px;
  12324.     text-align: center;
  12325.     z-index: 500;
  12326.     color: white !important;
  12327. }
  12328. .style-brief-control-links {
  12329.     position: absolute !important;
  12330.     padding-top: 0 !important;
  12331.     width: 10px !important;
  12332.     right: -12px;
  12333.     top: 22px;
  12334.     color: peru !important;
  12335.     white-space: nowrap !important;
  12336.     z-index: 500;
  12337. }
  12338. .style-brief-control-links:hover {
  12339.     width: auto !important;
  12340.     right: 0px;
  12341.     z-index: 500;
  12342.     color: peru !important;
  12343.     background: green !important;
  12344. }
  12345. .style-brief-control-links a:hover {
  12346.     color: tomato !important;
  12347.     background: black !important;
  12348. }
  12349. .style-brief-text > p::first-line {
  12350.     color: red !important;
  12351. }
  12352. .style-brief-text > p {
  12353.     position: absolute !important;
  12354.     display: inline-block !important;
  12355.     width: 81.5% !important;
  12356.     height: 115px !important;
  12357.     left: 87px;
  12358.     top: 25px !important;
  12359.     margin: 0 auto !important;
  12360.     padding: 0 5px !important;
  12361.     overflow: hidden !important;
  12362.     overflow-y: auto !important;
  12363.     white-space: pre-line !important;
  12364. }
  12365.  
  12366. /* NOT LOGGED - TEXT DESC - BIG */
  12367. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .style-brief-text > p,
  12368. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .style-brief-text > p {
  12369.     width: 90.5% !important;
  12370.     height: 178px !important;
  12371.     left: 37px;
  12372.     top: 24px !important;
  12373.     padding: 0 5px !important;
  12374.     overflow: hidden !important;
  12375.     overflow-y: auto !important;
  12376. }
  12377.  
  12378. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) */
  12379. .style-brief header {
  12380.     font-size: 0.89vw !important;
  12381.     position: absolute !important;
  12382.     display: inline-block ! important;
  12383.     width: 150% !important;
  12384.     height: 100% !important;
  12385.     min-height: 25px ! important;
  12386.     max-height: 25px ! important;
  12387.     line-height: 25px !important;
  12388.     top: -3px !important;
  12389.     left: -49.5% !important;
  12390.     padding-bottom: 0px ! important;
  12391.     overflow: hidden !important;
  12392.     white-space: nowrap !important;
  12393.     text-overflow: ellipsis !important;
  12394.     text-align: center !important;
  12395. }
  12396. .style-brief-text > header > a:link {
  12397.     position: relative !important;
  12398.     display: inline-block ! important;
  12399.     width: 100% !important;
  12400.     left: 0px!important;
  12401.     overflow: hidden !important;
  12402.     white-space: nowrap !important;
  12403.     text-overflow: ellipsis !important;
  12404.     background: black !important;
  12405. }
  12406. /* NOT LOGGED - STYLES NAME - BIG */
  12407. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) header,
  12408. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) header {
  12409.     font-size: 1.1vw !important;
  12410. }
  12411.  
  12412. /* NOT LOGGED - STATS */
  12413. .style-brief-stats {
  12414.     position: absolute !important;
  12415.     float: right!important;
  12416.     height: 16px !important;
  12417.     line-height: 16px !important;
  12418.     width: 100% !important;
  12419.     right: 0px !important;
  12420.     left: 0%! important;
  12421.     bottom: -12px !important;
  12422.     padding: 2px 0 2px 12px !important;
  12423.     text-align: left !important;
  12424.     background: black ! important;
  12425. }
  12426. .style-brief-stats span {
  12427.     display: inline !important;
  12428.     min-width: 16em;
  12429.     margin-right: 10px !important;
  12430.     margin-left: 10px !important;
  12431.     padding: 1px !important;
  12432.     color: tan !important;
  12433.     border: 1px solid gray;
  12434. }
  12435.  
  12436. /* NOT LOGGED - RAT - SMALL - ICON css OR SPRITE */
  12437. .style-brief-text .style-brief-stats span:last-child {
  12438.     position: absolute !important;
  12439.     left: -5px !important;
  12440.     min-width: 10px !important;
  12441.     max-width: 10px !important;
  12442.     min-height: 16px !important;
  12443.     max-height: 16px !important;
  12444.     line-height: 16px !important;
  12445.     padding: 0 3px 0 15px !important;
  12446.     border: none !important;
  12447.     cursor: pointer !important;
  12448.     font-size: 0 !important;
  12449. }
  12450. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  12451.     content: ". ";
  12452.     position: absolute;
  12453.     display: inline-block;
  12454.     left: 0;
  12455.     min-width: 19px;
  12456.     max-width: 19px;
  12457.     min-height: 14px;
  12458.     max-height: 15px;
  12459.     line-height: 15px;
  12460.     margin-top: -1px;
  12461.     font-size: 15px;
  12462.     color: transparent;
  12463.     background-image: url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  12464.     background-position: -101px -457px;
  12465. }
  12466. .style-brief-text .style-brief-stats span:hover:last-child {
  12467.     position: absolute !important;
  12468.     min-width: 100% !important;
  12469.     height: 15px !important;
  12470.     line-height: 15px !important;
  12471.     font-size: 11px !important;
  12472.     color: gold !important;
  12473.     background: black !important;
  12474. }
  12475. /* ICON RAT - GOOD/BAD */
  12476. .style-brief-stats .bad-average-rating {
  12477.     position: absolute !important;
  12478.     left: -2px !important;
  12479.     top: 2px !important;
  12480. }
  12481. .style-brief.good-rating .style-brief-stats img {
  12482.     position: absolute !important;
  12483.     left: -2px !important;
  12484. }
  12485. /* NOT LOGGED - RAT - BIG */
  12486. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .style-brief-stats,
  12487. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .style-brief-stats {
  12488.     position: absolute !important;
  12489.     float: left !important;
  12490.     width: auto !important;
  12491.     left: 4px !important;
  12492.     bottom: -72px !important;
  12493.     right: 0 !important;
  12494.     padding: 2px 0 0 4% !important;
  12495.     font-size: smaller !important;
  12496.     text-align: left !important;
  12497.     background: black !important;
  12498. }
  12499.  
  12500. /* NOT LOGGED - STYLES SCSHOT - ALL */
  12501. .style-brief .listing-left-info figure.screenshot-thumbnail {
  12502.     position: relative !important;
  12503.     display: inline-block ! important;
  12504.     vertical-align: top ! important;
  12505.     margin-top: 28px ! important;
  12506.     margin-bottom: 0 ! important;
  12507.     width: 42% !important;
  12508.     height: 265px;
  12509.     max-height: 130px !important;
  12510.     min-height: 130px !important;
  12511.     overflow-y: hidden ! important;
  12512.     text-align: center ! important;
  12513. }
  12514. /* for small screenshot */
  12515. .style-brief .listing-left-info figure.screenshot-thumbnail img {
  12516.     position: relative !important;
  12517.     display: inline-block !important;
  12518.     max-width: 77% !important;
  12519.     max-height: 128px !important;
  12520.     border: 1px dotted gray !important;
  12521. }
  12522. /* NOT LOGGED - SCRSHOT - BIG */
  12523. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .listing-left-info figure.screenshot-thumbnail,
  12524. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .listing-left-info figure.screenshot-thumbnail {
  12525.     position: relative !important;
  12526.     display: inline-block !important;
  12527.     vertical-align: middle !important;
  12528.     max-height: 195px !important;
  12529.     min-height: 195px !important;
  12530.     width: 36.5% !important;
  12531.     margin-top: 25px !important;
  12532.     margin-left: 0.3% !important;
  12533.     text-align: center !important;
  12534.     overflow-y: hidden !important;
  12535. }
  12536. /* NOT LOGGED - NO SCRSHOT */
  12537. .style-brief .listing-no-screenshot {
  12538.     width: 30% !important;
  12539.     margin: 27px 0 0 3px !important;
  12540. }
  12541. .listing-no-screenshot {
  12542.     width: 70% !important;
  12543.     height: 110px !important;
  12544.     background-color: black !important;
  12545. }
  12546. /* GM "AUTOPAGERIZE" - ALL - OK */
  12547. .autopagerize_page_info {
  12548.     text-align: center !important;
  12549.     font-size: 8px !important;
  12550.     color: white !important;
  12551.     background: #222 !important;
  12552. }
  12553. .autopagerize_page_info a {
  12554.     display: inline-block !important;
  12555.     min-width: 20px !important;
  12556.     height: 20px !important;
  12557.     line-height: 20px !important;
  12558.     margin-top: 3px !important;
  12559.     border-radius: 100% !important;
  12560.     text-align: center !important;
  12561.     font-size: 14px !important;
  12562.     color: white !important;
  12563.     background: red !important;
  12564. }
  12565.  
  12566. /* GM "AUTOPAGERIZE" - 2 FIRST USERST by PAGE - DISABLE */
  12567. /* GM "AUTOPAGERIZE - DISABLE  */
  12568. .autopagerize_page_info ~ article.style-brief {
  12569.     position: relative ! important;
  12570.     display: inline-block ! important;
  12571.     width: 32.72% !important;
  12572.     height: 163px ! important;
  12573.     right: 7.5% ! important;
  12574.     margin-top: 6px !important;
  12575.     margin-bottom: 0px !important;
  12576.     border-radius: 5px !important;
  12577.     overflow: hidden ! important;
  12578.     box-shadow: 6px 5px 6px black !important;
  12579.     border: 1px solid gray ! important;
  12580. }
  12581.  
  12582. /* GM "AUTOPAGERIZE" ADAPTATION */
  12583. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  12584.     display: inline-block !important;
  12585.     clear: both;
  12586.     width: 100% !important;
  12587.     top: 5px !important;
  12588.     margin-left: -75px !important;
  12589.     margin-bottom: -15px !important;
  12590. }
  12591. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  12592.     width: 100% !important;
  12593.     margin-left: -145px !important;
  12594.     top: 5px !important;
  12595.     font-size: 8px !important;
  12596.     text-align: center !important;
  12597.     color: white !important;
  12598.     background: #222 !important;
  12599. }
  12600. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .listing-left-info figure.screenshot-thumbnail {
  12601.     display: inline-block !important;
  12602.     height: 265px;
  12603.     margin-bottom: 0 !important;
  12604.     margin-top: 28px !important;
  12605.     max-height: 160px !important;
  12606.     min-height: 160px !important;
  12607.     overflow-y: hidden !important;
  12608.     position: relative !important;
  12609.     text-align: left !important;
  12610.     vertical-align: top !important;
  12611.     width: 42% !important;
  12612. }
  12613. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .style-brief-text {
  12614.     display: inline-block !important;
  12615.     height: 150px !important;
  12616.     margin-left: 10% !important;
  12617.     max-width: 67% !important;
  12618.     position: relative !important;
  12619.     top: 2px !important;
  12620.     width: 100% !important;
  12621. }
  12622. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > header > a:link {
  12623.     background: black none repeat scroll 0 0 !important;
  12624.     display: inline-block !important;
  12625.     left: 0 !important;
  12626.     overflow: hidden !important;
  12627.     position: relative !important;
  12628.     text-overflow: ellipsis !important;
  12629.     white-space: nowrap !important;
  12630.     width: 100% !important;
  12631. }
  12632. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .style-brief-stats {
  12633.     position: absolute !important;
  12634.     float: right !important;
  12635.     width: 100% !important;
  12636.     height: 16px !important;
  12637.     line-height: 16px !important;
  12638.     margin-bottom: 61px !important;
  12639.     bottom: -12px !important;
  12640.     right: 0 !important;
  12641.     left: 0 !important;
  12642.     padding: 2px 0 2px 12px !important;
  12643.     text-align: left !important;
  12644.     background: black !important;
  12645. }
  12646. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK  */
  12647. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  12648.     position: absolute !important;
  12649.     float: left !important;
  12650.     width: auto !important;
  12651.     left: 0px !important;
  12652.     bottom: -132px !important;
  12653.     padding: 2px 0 0 4% !important;
  12654.     font-size: smaller !important;
  12655.     text-align: left !important;
  12656.     background: black !important;
  12657. }
  12658. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  12659.     position: relative !important;
  12660.     display: inline-block !important;
  12661.     width: 97% !important;
  12662.     min-height: 185px !important;
  12663.     max-height: 185px !important;
  12664.     top: 12px !important;
  12665.     overflow-x: hidden !important;
  12666.     overflow-y: auto !important;
  12667.     padding: 0 5px !important;
  12668. }
  12669.  
  12670.  
  12671. /* [[2]==== END ==== */
  12672. /* [[1]] +[[2]==== END ==== */
  12673. /* ======== NEW FORUM ==== */
  12674. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON */
  12675. .UserBox .WhoIs,
  12676. .MeBox .WhoIs {
  12677.     position: relative;
  12678.     display: inline-block;
  12679.     width: 200px;
  12680.     height: 100px;
  12681.     padding: 0 5px 2px 0;
  12682.     border-radius: 5px;
  12683.     text-align: center;
  12684.     border: 1px solid gray;
  12685. }
  12686. /* With USER ICON */
  12687. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  12688. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  12689.     position: relative;
  12690.     display: inline-block;
  12691.     width: 196px;
  12692.     height: 100px;
  12693.     left: 0px;
  12694.     margin-top: -55px;
  12695.     padding: 0 0px 2px 0;
  12696.     border-radius: 5px;
  12697.     text-align: center !important;
  12698.     box-shadow: 3px 3px 2px black;
  12699.     border: 1px solid gray;
  12700. }
  12701. .UserBox a.Username:before,
  12702. .MeBox a.Username:before {
  12703.     content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png");
  12704.     position: relative;
  12705.     display: inline-block;
  12706.     width: 157px;
  12707.     margin-left: 0;
  12708.     padding: 0 2px 2px 2px;
  12709.     transform: scale(1.2, 1);
  12710.     border-radius: 5px 5px 0 0;
  12711.     text-align: center;
  12712.     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);
  12713. }
  12714. .UserBox {
  12715.     margin-top: 28px !important;
  12716. }
  12717. .MeMenu {
  12718.     width: 195px !important;
  12719.     line-height: 24px;
  12720.     margin-top: 5px ! important;
  12721.     margin-bottom: -2px ! important;
  12722.     border-radius: 0 0 5px 5px !important;
  12723.     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;
  12724. }
  12725. .FlyoutMenu {
  12726.     width: 300px;
  12727.     border: 1px solid #999;
  12728.     color: gray !important;
  12729.     box-shadow: 3px 3px 2px black !important;
  12730.     background: #222 !important;
  12731. }
  12732. .PopList.Activities li.Item:nth-child(odd) {
  12733.     background: #333 !important;
  12734. }
  12735. .FlyoutMenu .ItemContent.Activity > a[href*="/forum/profile/"],
  12736. .FlyoutMenu .ItemContent.Activity > a + a {
  12737.     display: inline-block;
  12738.     width: 100% !important;
  12739.     text-align: left !important;
  12740. }
  12741. .FlyoutMenu .ItemContent.Activity > a[href*="/forum/profile/"] {
  12742.     text-indent: 25px !important;
  12743. }
  12744. /* ALL HEADER - BACKG COLOR */
  12745. #Head {
  12746.     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;
  12747. }
  12748. /* CITRUS - FORUM HEADR + FORUM EDIT POST - ADPT for GM "GREASY FORK TABLE VIEW" */
  12749. #Form_Body {
  12750.     display: inline-block ! important;
  12751.     height: 133px;
  12752.     max-width: 660px !important;
  12753.     min-width: 660px !important;
  12754.     overflow: hidden;
  12755. }
  12756. body > #Frame > .Head {
  12757.     position: fixed !important;
  12758.     width: 100% !important;
  12759.     max-height: 41px ! important;
  12760.     min-height: 41px !important;
  12761.     top: 0px !important;
  12762.     padding-top: 7px ! important;
  12763.     z-index: 50 !important;
  12764.     border-bottom: 1px solid #828182 !important;
  12765.     box-shadow: 0 0 9px 0 #000000 !important;
  12766. }
  12767. /* CI - SITE TIT " GREASY FOR" + ICON */
  12768. .SiteTitle {
  12769.     position: relative!important;
  12770.     display: inline-block !important;
  12771.     top: -5px !important;
  12772.     font-size: 24px ! important;
  12773. }
  12774. /* FORUM USERST TITLE */
  12775. #Head .SiteTitle a {
  12776.     position: relative !important;
  12777.     display: inline-block!important;
  12778.     min-width: 250px !important;
  12779.     max-width: 250px !important;
  12780.     margin-left: -105px ! important;
  12781.     text-align: right ! important;
  12782.     font-size: 19px !important;
  12783. }
  12784. .SiteTitle > a img {
  12785.     position: absolute ! important;
  12786.     max-height: 40px !important;
  12787.     width: 40px !important;
  12788.     margin-left: -60px ! important;
  12789.     margin-top: -5px !important;
  12790. }
  12791. /* SITE MENU - CITRUS */
  12792. #Head a {
  12793.     font-weight: bold ! important;
  12794. }
  12795. .SiteMenu a {
  12796.     font-size: 14px ! important;
  12797.     padding: 6px;
  12798. }
  12799. /* SEARCH - FOR/WITHOUT CIT */
  12800. #Head .SiteSearch {
  12801.     float: right !important;
  12802.     margin-top: -5px !important;
  12803.     margin-right: 6.5% !important;
  12804. }
  12805. .MeBox + .SiteSearch {
  12806.     margin-top: 25px !important;
  12807. }
  12808. .SiteSearch > form {
  12809.     height: 21px !important;
  12810. }
  12811. .SiteSearch > form div {
  12812.     height: 21px !important;
  12813. }
  12814. .SiteSearch > form div .InputBox {
  12815.     height: 21px !important;
  12816.     font-size: 11px;
  12817.     padding: 2px 25px 2px 5px!important;
  12818. }
  12819. .SiteSearch > form div input.Button {
  12820.     height: 15px !important;
  12821. }
  12822. /* GREAS/USERST - FORUM */
  12823. #Body {
  12824.     max-width: 980px;
  12825.     padding: 14px 0 0 10px;
  12826.     margin: 14px auto auto;
  12827.     border-radius: 0;
  12828.     box-shadow: none;
  12829.     border: 1px solid #bbbbbb;
  12830.     background-color: transparent;
  12831. }
  12832. #Head + #Body {
  12833.     margin-top: 61px;
  12834. }
  12835. /* USERST */
  12836. #Body .Row {
  12837.     display: inline-block;
  12838.     width: 980px;
  12839.     margin-top: 24px;
  12840. }
  12841. /* GREAS - VOIR FORUM USERST */
  12842. .DiscussionAboutShowDiscussion {
  12843.     position: fixed;
  12844.     display: inline-block;
  12845.     height: 34px;
  12846.     line-height: 10px;
  12847.     max-width: 200px;
  12848.     min-width: 200px;
  12849.     top: 53px;
  12850.     padding: 2px 5px;
  12851.     border-radius: 0 0 0 5px;
  12852.     text-align: left;
  12853.     overflow: hidden;
  12854.     font-size: 9px;
  12855.     transform: translate(-210px, 0px);
  12856.     z-index: 500;
  12857.     color: gold;
  12858.     background-color: #222;
  12859. }
  12860. .DiscussionAboutShowDiscussion > a {
  12861.     display: inline-block;
  12862.     max-height: 25px;
  12863.     line-height: 15px;
  12864.     max-width: 195px;
  12865.     min-width: 195px;
  12866.     padding: 2px;
  12867.     border-radius: 3px;
  12868.     text-align: left;
  12869.     font-size: 11px;
  12870.     white-space: nowrap;
  12871.     overflow: hidden;
  12872.     text-overflow: ellipsis;
  12873. }
  12874. .DiscussionAboutShowDiscussion + img {
  12875.     position: fixed;
  12876.     display: inline-block;
  12877.     margin-left: -25px;
  12878.     top: 56px;
  12879.     z-index: 500;
  12880. }
  12881. .DiscussionAboutShowDiscussion + img.rating-image {
  12882.     position: fixed;
  12883.     display: inline-block;
  12884.     margin-left: -45px;
  12885.     top: 75px;
  12886.     z-index: 500;
  12887. }
  12888. /* GREAS/USERT FORUM - PANEL LEFT - ALL */
  12889. #Panel.Column.PanelColumn {
  12890.     position: fixed;
  12891.     display: inline-block;
  12892.     width: 200px;
  12893.     margin-top: 90px;
  12894.     top: 0px;
  12895.     z-index: 100;
  12896.     border-top: 1px solid red;
  12897. }
  12898. #Panel.Column.PanelColumn .MeBox {
  12899.     position: relative;
  12900.     display: inline-block;
  12901.     width: 198px;
  12902.     margin-top: -30px;
  12903.     bottom: -32px;
  12904.     padding: 0;
  12905.     box-shadow: none;
  12906.     background-color: #222;
  12907. }
  12908. .Profile .MeBox {
  12909.     display: none;
  12910. }
  12911. .Profile .Box.GuestBox {
  12912.     position: relative;
  12913.     top: -407px;
  12914.     padding: 0 3px;
  12915.     background: black;
  12916. }
  12917. .BoxFilter.BoxDiscussionFilter,
  12918. .SiteSearch {
  12919.     box-shadow: 3px 3px 2px black;
  12920. }
  12921. #vanilla_post_discussion .SiteSearch,
  12922. #vanilla_post_editdiscussion .SiteSearch {
  12923.     top: 27px;
  12924. }
  12925. .UserBox .Username,
  12926. .MeBox .Username {
  12927.     font-size: 23px;
  12928.     vertical-align: top;
  12929.     color: peru;
  12930. }
  12931. .Button.BigButton.NewConversation.Primary {
  12932.     margin-top: 28px;
  12933. }
  12934. /* Forum Userst - LEFT PANEL - BOX FILTER */
  12935. #Panel .FilterMenu,
  12936. #Panel .PanelCategories {
  12937.     border-radius: 5px;
  12938.     box-shadow: 3px 3px 2px black;
  12939.     border: 1px solid #bbbbbb;
  12940.     background-color: #222;
  12941. }
  12942. .Box.BoxCategories,
  12943. #Panel .BoxFilter {
  12944.     margin: 10px 0;
  12945. }
  12946. .Column.PanelColumn .MeBox + .BoxFilter.BoxProfileFilter {
  12947.     margin-top: 65px;
  12948. }
  12949. /* DISCU COMM */
  12950. /* GREAS */
  12951. #Item_0 {
  12952.     position: fixed;
  12953.     display: inline-block !important;
  12954.     width: 100%;
  12955.     min-width: 40px;
  12956.     max-width: 40px;
  12957.     height: 37px;
  12958.     vertical-align: top;
  12959.     top: 53px;
  12960.     text-align: center;
  12961.     z-index: 0;
  12962.     color: gold;
  12963.     background-color: black;
  12964. }
  12965. .ToggleFlyout.OptionsMenu {
  12966.     display: inline-block;
  12967.     height: 14px;
  12968.     width: 28px;
  12969.     left: -15px;
  12970.     margin-right: -23px;
  12971.     top: -9px;
  12972. }
  12973. /* EDIT */
  12974. #Item_0 .ToggleFlyout.OptionsMenu {
  12975.     display: inline-block;
  12976.     height: 22px;
  12977.     line-height: 22px;
  12978.     width: 22px;
  12979.     left: 18px;
  12980.     margin-right: -23px;
  12981.     top: 0px;
  12982.     transform: scale(0.8);
  12983.     border: 1px solid red;
  12984. }
  12985. .Flyout::before,
  12986. .Flyout::after {
  12987.     display: none;
  12988. }
  12989.  
  12990. /* USERTY/GREAS OK */
  12991. .MessageList.Discussion {
  12992.     margin-top: 42px;
  12993. }
  12994. /* GREAS/USERST FORUM */
  12995. #Item_0 > h1,
  12996. .MessageList.Discussion h1,
  12997. .Discussion .PageTitle h1,
  12998. .MessageList.Discussion #Item_0.PageTitle h1,
  12999. .Discussion.comment.Section-Discussion .Discussion h1,
  13000. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  13001.     position: fixed;
  13002.     display: inline-block;
  13003.     height: 38px;
  13004.     line-height: 18px;
  13005.     width: 100%;
  13006.     min-width: 720px;
  13007.     max-width: 720px;
  13008.     top: 47px;
  13009.     padding-left: 20px;
  13010.     font-size: 15px;
  13011.     text-align: left;
  13012.     z-index: 0;
  13013.     background-color: black;
  13014. }
  13015. /* USERST FORUM - OK */
  13016. #vanilla_discussion_index.Vanilla.Discussion.Section-Discussion.Section-Category-style-development .MessageList.Discussion #Item_0.PageTitle h1,
  13017. #vanilla_discussion_index.Vanilla.Discussion.Section-Discussion .MessageList.Discussion #Item_0.PageTitle h1 {
  13018.     width: 100%;
  13019.     min-width: 719px;
  13020.     max-width: 719px;
  13021.     padding-left: 20px;
  13022. }
  13023. /* USERST - DISC LAST PAGE */
  13024. .MessageList.Discussion .PageTitle .Options {
  13025.     display: inline-block;
  13026.     height: 37px;
  13027.     width: 40px;
  13028.     z-index: 5000;
  13029. }
  13030. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  13031.     display: inline-block;
  13032. }
  13033. .MessageList.Discussion #Item_0.PageTitle + img.rating-image {
  13034.     position: fixed;
  13035.     display: inline-block;
  13036.     margin-top: -47px;
  13037.     margin-left: 0px;
  13038.     z-index: 5000;
  13039. }
  13040.  
  13041. /* ========== */
  13042. a.Bookmark,
  13043. a.Bookmarked,
  13044. a.Bookmarking {
  13045.     margin-left: -5px;
  13046.     margin-right: 9px;
  13047. }
  13048. #Item_0.PageTitle .Options .Hijack.Bookmark {
  13049.     position: relative;
  13050.     display: inline-block;
  13051.     margin-left: -14px;
  13052.     margin-top: 1px;
  13053.     z-index: 5000;
  13054. }
  13055. /* GREASY SPRITE UI */
  13056. .Hijack.Bookmark[title="Bookmark"] {
  13057.     background: url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0);
  13058. }
  13059. .Hijack.Bookmark.Bookmarked {
  13060.     background: url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0);
  13061. }
  13062.  
  13063. /*  BOOKM LIST */
  13064. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark,
  13065. .ItemDiscussion span.Options a.Hijack.Bookmark {
  13066.     position: relative;
  13067.     display: inline-block;
  13068.     left: 10px;
  13069.     top: 2px;
  13070. }
  13071. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  13072.     background: url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0)
  13073. }
  13074. /* PROFILE - NOTIF */
  13075. #dashboard_profile_discussions.Dashboard.Profile.discussions.Section-Profile.js-focus-visible.editor-active .Options .Bookmark {
  13076.     position: relative;
  13077.     display: inline-block;
  13078.     top: 6px;
  13079.     left: 10px;
  13080. }
  13081. /* GREAS/USERST - DISC */
  13082. .MessageList.Discussion .Discussion {
  13083.     width: 96%;
  13084.     margin-top: 0px;
  13085.     padding: 10px 10px;
  13086.     border: 1px solid gray;
  13087.     border-top: 1px solid peru;
  13088. }
  13089. .MessageList.Discussion .Discussion .Item-BodyWrap,
  13090. .MessageList.Discussion .Discussion .Item-Header {
  13091.     width: 100%;
  13092. }
  13093. /* USERST */
  13094. #vanilla_discussion_index.Section-Discussion .BreadcrumbsWrapper + .Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion #Item_0.PageTitle + .Item.ItemDiscussion .Discussion {
  13095.     margin-top: 0px;
  13096.     padding: 10px 15px;
  13097.     border: 1px solid gray;
  13098.     border-top: 1px solid peru;
  13099. }
  13100. .MessageList.Discussion .Discussion .Item-Header.DiscussionHeader {
  13101.     margin-top: -4px;
  13102. }
  13103. .MessageList.DataList.Comments {
  13104.     position: relative;
  13105.     display: inline-block;
  13106.     width: 100%;
  13107.     margin-top: 0px;
  13108.     border-top: 1px solid gray;
  13109. }
  13110. .MessageList .Item:hover {
  13111.     background-color: black ! important;
  13112. }
  13113. .MessageList .Item.ItemDiscussion {
  13114.     position: relative;
  13115.     display: inline-block;
  13116.     width: 100%;
  13117.     min-width: 100%;
  13118.     margin-bottom: -17px;
  13119.     margin-top: 0px;
  13120.     top: 0px;
  13121.     padding-left: 5px;
  13122.     z-index: -1;
  13123. }
  13124. #vanilla_discussions_bookmarked .Item:nth-child(odd),
  13125. #vanilla_discussions_mine .Item:nth-child(odd),
  13126. #vanilla_discussions_participated .Item:nth-child(odd),
  13127. .DataList.CategoryList .Item:nth-child(odd),
  13128. .DataList .ItemDiscussion:nth-child(odd),
  13129. .Item.ItemComment:nth-child(odd) {
  13130.     background-color: #222;
  13131. }
  13132. #vanilla_discussions_bookmarked .Item:nth-child(even),
  13133. #vanilla_discussions_participated .Item:nth-child(even),
  13134. .DataList.CategoryList .Item:nth-child(even),
  13135. .DataList .ItemDiscussion:nth-child(even),
  13136. .Item.ItemComment:nth-child(even) {
  13137.     background-color: #414141;
  13138. }
  13139. #vanilla_discussions_bookmarked .Item:hover,
  13140. #vanilla_discussions_participated .Item:hover,
  13141. #vanilla_discussions_participated .Item:hover,
  13142. .DataList.CategoryList .Item:hover,
  13143. .DataList .ItemDiscussion:hover,
  13144. .Item.ItemComment:hover {
  13145.     transition: background ease 0.8s;
  13146.     box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  13147.     background-color: rgba(7, 7, 7, 0.57);
  13148. }
  13149. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover,
  13150. #vanilla_discussions_participated .Item:nth-child(odd):hover,
  13151. #vanilla_discussions_participated .Item:nth-child(odd):hover,
  13152. .DataList.CategoryList .Item:nth-child(odd):hover,
  13153. .DataList .ItemDiscussion:nth-child(odd):hover,
  13154. .Item.ItemComment:nth-child(odd):hover {
  13155.     transition: background ease 0.8s;
  13156.     background-color: rgba(7, 7, 7, 0.67);
  13157. }
  13158. /* FORUM DISC - TITLE  (from Com Numbe) */
  13159. .DataList:not(.Activities) .Item .ItemContent .Title {
  13160.     margin-top: 0px;
  13161. }
  13162. .DataList:not(.Activities) .Item .ItemContent .Title > a {
  13163.     position: relative;
  13164.     display: inline-block;
  13165.     width: 100%;
  13166.     margin-top: -35px;
  13167.     margin-bottom: -20px;
  13168.     vertical-align: middle;
  13169.     font-size: 14px;
  13170.     white-space: nowrap;
  13171.     overflow: hidden;
  13172.     text-overflow: ellipsis
  13173. }
  13174. /* LAST USER COM */
  13175. .MItem.LastCommentBy a {
  13176.     display: inline-block;
  13177.     vertical-align: top;
  13178.     width: 140px;
  13179.     height: 18px;
  13180.     overflow: hidden;
  13181.     text-overflow: ellipsis;
  13182. }
  13183. /* GREAS - DISC LAST PAGE */
  13184. .CommentsWrap .BeforeCommentHeading + .DataBox.DataBox-Comments {
  13185.     position: relative;
  13186.     display: inline-block;
  13187.     min-width: 100%;
  13188.     margin-top: 0px;
  13189.     left: 0px;
  13190.     z-index: 1;
  13191. }
  13192. /* USERSTY */
  13193. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn .DismissMessage.AlertMessage + .MessageList.Discussion + .CommentsWrap .BeforeCommentHeading + .DataBox.DataBox-Comments {
  13194.     position: relative !important;
  13195.     display: inline-block;
  13196.     min-width: 100%;
  13197.     margin-top: -15px;
  13198.     left: 0px;
  13199.     z-index: 1;
  13200. }
  13201. /* DISC LIST - RAT ICON */
  13202. .DataList .rating-image {
  13203.     height: 16px;
  13204.     line-height: 16px;
  13205.     margin-top: 3px;
  13206. }
  13207. /* DISCU LIST - READ  */
  13208. .DataList .ItemDiscussion.Item.Read {
  13209.     background-color: rgba(47, 47, 47, 0.84);
  13210. }
  13211. .Item.Read .BlockTitle a:before,
  13212. .Item.Read .Title a:before {
  13213.     content: ">>  ";
  13214.     color: gold;
  13215. }
  13216. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  13217. .Bookmarked .Title a::before,
  13218. .Item.Read .Title a::before {
  13219.     background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  13220.     background-position: 3px -650px;
  13221.     background-repeat: no-repeat;
  13222.     color: transparent;
  13223.     content: ">> ";
  13224.     display: inline-block;
  13225.     position: relative;
  13226.     height: 100%;
  13227.     max-height: 15px;
  13228.     min-height: 15px;
  13229.     top: 4px;
  13230.     margin-right: 3px;
  13231.     margin-left: -2px;
  13232.     background-color: rgba(55, 173, 227, 0.4);
  13233. }
  13234. .DataList .ItemDiscussion {
  13235.     position: relative;
  13236.     padding-left: 22px;
  13237.     border-bottom: 1px solid gray;
  13238. }
  13239. .MessageList.DataList.Comments .ItemComment,
  13240. .ItemDiscussion {
  13241.     position: relative;
  13242.     display: inline-block;
  13243.     width: 94%;
  13244.     min-width: 728px;
  13245.     max-width: 728px;
  13246.     margin-top: 0px;
  13247.     padding-left: 5px;
  13248.     padding-right: 0px;
  13249. }
  13250. .MessageList.DataList.Comments .ItemComment {
  13251.     min-width: 754px;
  13252.     max-width: 754px;
  13253. }
  13254. #vanilla_discussions_index.index.Section-DiscussionList li.ItemDiscussion {
  13255.     position: relative;
  13256.     display: inline-block;
  13257.     height: 65px;
  13258.     left: 0px;
  13259.     margin-top: 0px;
  13260.     margin-bottom: 3px;
  13261.     padding-left: 3px;
  13262.     z-index: 0;
  13263. }
  13264. /* FIRST GREASY */
  13265. #vanilla_discussions_index.index.Section-DiscussionList #Body .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn ul.DataList.Discussions li.ItemDiscussion.filtered:first-of-type:not(.Mine):not(.Bookmarked),
  13266. #vanilla_discussions_index.index.Section-DiscussionList li.ItemDiscussion.filtered:first-of-type:not(.Mine):not(.Bookmarked) {
  13267.     position: relative;
  13268.     display: inline-block;
  13269.     height: 35px;
  13270.     left: 0px;
  13271.     margin-top: 0px;
  13272.     top: 0px;
  13273.     z-index: 0;
  13274. }
  13275. /* GREASY/USERST Forum - COM */
  13276. .CommentsWrap ul.DataList li.Item .Comment {
  13277.     padding: 0 30px 0 5px;
  13278.     border-right: 2px solid red;
  13279. }
  13280. /* GREAS - FORUM - ORIG POST */
  13281. .isOriginalPoster {
  13282.     min-width: 744px;
  13283.     max-width: 744px;
  13284.     border-left: 4px solid red;
  13285. }
  13286. /* FORUM DISC - ITEMS - MINE */
  13287. .ItemContent.Discussion {
  13288.     max-width: 95%;
  13289. }
  13290. .Item.ItemDiscussion,
  13291. .Item.Bookmarked.Mine.ItemDiscussion {
  13292.     position: relative;
  13293.     padding-left: 22px;
  13294. }
  13295. /* OPTION CONT */
  13296. .Options,
  13297. .Item.Bookmarked.Mine.ItemDiscussion .Options {
  13298.     position: absolute;
  13299.     float: none;
  13300.     width: 28px;
  13301.     height: 48px;
  13302.     right: 1px;
  13303.     top: 1px;
  13304. }
  13305. .Options:hover,
  13306. .Item.Bookmarked.Mine.ItemDiscussion .Options:hover {
  13307.     z-index: 500;
  13308. }
  13309. li.Item.ItemDiscussion.filtered:not(.Mine):not(.Bookmarked) .Options {
  13310.     max-height: 30px;
  13311. }
  13312. .Options .ToggleFlyout.OptionsMenu,
  13313. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu {
  13314.     position: absolute;
  13315.     display: inline-block;
  13316.     height: 20px;
  13317.     width: 20px;
  13318.     top: 35px;
  13319.     margin-right: 0px;
  13320.     left: 4px;
  13321. }
  13322. /* EDIT/DISM - ALL */
  13323. .Options .ToggleFlyout.OptionsMenu span.Button-Options {
  13324.     display: inline-block;
  13325.     height: 20px;
  13326.     line-height: 20px;
  13327.     font-size: 0;
  13328.     z-index: 5000;
  13329. }
  13330. /* GREASY */
  13331. #vanilla_discussion_comment.Vanilla.Discussion.comment.Section-Discussion.Section-Category-script-discussions #Panel.Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion #Item_0.PageTitle .Options .ToggleFlyout.OptionsMenu .Button-Options + ul.Flyout.MenuItems.list-reset,
  13332. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion #Panel.Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion #Item_0.PageTitle .Options .ToggleFlyout.OptionsMenu .Button-Options + ul.Flyout.MenuItems.list-reset {
  13333.     height: 18px;
  13334.     width: 18px;
  13335.     display: inline-block;
  13336.     left: 0px;
  13337.     top: 53px;
  13338. }
  13339. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion #Panel.Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion #Item_0.PageTitle .Options .ToggleFlyout.OptionsMenu .Button-Options + ul.Flyout.MenuItems.list-reset .dropdown-menu-link.dropdown-menu-link-edit:before {
  13340.     content: " ";
  13341.     width: 16px;
  13342.     height: 16px;
  13343.     top: 34px !important;
  13344.     left: -15px;
  13345.     margin-left: 0;
  13346.     font-size: 15px;
  13347.     visibility: visible;
  13348.     background: black url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px;
  13349.     outline: 1px solid gray;
  13350. }
  13351. /* EDIT ICON - BOOK LIST */
  13352. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover,
  13353. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
  13354.     position: absolute;
  13355.     display: inline-block;
  13356.     height: 18px;
  13357.     width: 18px;
  13358.     top: 2px;
  13359.     left: 0px;
  13360.     visibility: visible;
  13361.     opacity: 1;
  13362. }
  13363. /* EDIT ICON - BOOK LIST - MINE */
  13364. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover,
  13365. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
  13366.     position: absolute;
  13367.     display: inline-block;
  13368.     height: 18px;
  13369.     width: 18px;
  13370.     top: 2px;
  13371.     left: 0px;
  13372.     visibility: visible;
  13373.     opacity: 1;
  13374. }
  13375. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit,
  13376. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
  13377.     position: absolute;
  13378.     display: inline-block;
  13379.     min-width: 18px;
  13380.     max-width: 18px;
  13381.     left: -1px;
  13382.     top: -2px;
  13383.     margin-left: 0;
  13384.     visibility: visible;
  13385.     opacity: 1;
  13386. }
  13387. #vanilla_discussion_index.Vanilla.Discussion #Content.Column.ContentColumn .dropdown-menu-link.dropdown-menu-link-edit {
  13388.     position: absolute;
  13389.     display: inline-block;
  13390.     min-width: 18px;
  13391.     max-width: 18px;
  13392.     left: 9px;
  13393.     top: -28px;
  13394.     margin-left: 0;
  13395.     visibility: visible;
  13396.     opacity: 1;
  13397.     transform: scale(0.8);
  13398. }
  13399. /* GREASY FORUM COM - OPTION - EDIT/FAVS */
  13400. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before,
  13401. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {
  13402.     content: " ";
  13403.     width: 16px;
  13404.     height: 16px;
  13405.     margin-left: 0px;
  13406.     left: 0px;
  13407.     top: 0px;
  13408.     font-size: 15px;
  13409.     visibility: visible;
  13410.     background: black url("https://greatest.deepsurf.us/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px;
  13411.     outline: 1px solid gray;
  13412.     border: 1px solid gray;
  13413. }
  13414. .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark,
  13415. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {
  13416.     position: relative;
  13417.     top: 8px;
  13418.     left: 10px;
  13419. }
  13420. /* PROF */
  13421. .ProfilePhotoLarge {
  13422.     margin-top: 55px;
  13423.     position: relative;
  13424.     width: 200px;
  13425. }
  13426. /* ICON PROF - PANEL LEFT - DISC LIST/COM - (not Notif or com) */
  13427. .UserBox > .PhotoWrap[href*="/profile/"],
  13428. #Panel.Column.PanelColumn > .MeBox > a.PhotoWrap[href*="/profile/"] {
  13429.     position: relative;
  13430.     display: inline-block;
  13431.     height: 55px;
  13432.     width: 198px;
  13433.     top: 0px;
  13434.     text-align: center;
  13435.     z-index: 500;
  13436. }
  13437. /* USER ICON - GREAS */
  13438. #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium {
  13439.     position: relative !important;
  13440.     display: inline-block !important;
  13441.     margin-top: 0px !important;
  13442.     top: 3px !important;
  13443.     outline: 1px solid violet !important;
  13444. }
  13445. /* USERSTY */
  13446. .Row .BreadcrumbsWrapper + #Panel.Column.PanelColumn .MeBox .PhotoWrap .ProfilePhoto.ProfilePhotoMedium,
  13447. /* GREAS */
  13448. #vanilla_discussions_mine #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13449. #vanilla_categories_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13450. #vanilla_drafts_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13451. #vanilla_discussions_bookmarked #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13452. #vanilla_discussion_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium {
  13453.     margin-top: 0px !important;
  13454.     top: 3px !important;
  13455.     outline: 1px solid yellow;
  13456. }
  13457. /* GREAS FORUM - DISC - TOP */
  13458. #vanilla_discussion_comment .Column.ContentColumn {
  13459.     border-top: 1px solid peru;
  13460. }
  13461. .MeBox + .BoxButtons.BoxNewDiscussion {
  13462.     margin-top: 30px;
  13463.     box-shadow: 3px 3px 2px black;
  13464. }
  13465. /* START === UESRST FORUM REVIEW - Style Name in First */
  13466. .Section-Category-style-reviews.Section-DiscussionList .DataList .Title {
  13467.     display: inline-block;
  13468.     width: 100%;
  13469.     min-width: 100%;
  13470.     max-width: 100%;
  13471.     font-size: 14px;
  13472. }
  13473. .Section-Category-style-reviews.Section-DiscussionList .Item.ItemDiscussion .ItemContent.Discussion span.DiscussionAboutListDiscussion {
  13474.     position: relative;
  13475.     display: inline-block;
  13476.     width: 100%;
  13477.     min-width: 93%;
  13478.     max-width: 93%;
  13479.     height: 100%;
  13480.     min-height: 15px;
  13481.     max-height: 15px;
  13482.     line-height: 15px;
  13483.     top: 3px;
  13484.     margin-left: 20px;
  13485. }
  13486. .Section-Category-style-reviews.Section-DiscussionList .Bookmarked.Mine.Participated.Read .DiscussionAboutListDiscussion {
  13487.     margin-top: 21px;
  13488.     margin-left: 0px;
  13489. }
  13490. /* GOOD RAT - OK - THUMB UP */
  13491. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image {
  13492.     display: inline-block;
  13493.     margin-left: 0px;
  13494.     margin-top: 25px;
  13495. }
  13496. /* BAD RAT - THUMB DOWN */
  13497. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"] {
  13498.     display: inline-block;
  13499.     margin-left: 0px;
  13500.     margin-top: 25px;
  13501. }
  13502. /* USERST - REVIEW LIST */
  13503. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList #Frame #Body .Row #Content.Column.ContentColumn .DataList.Discussions {
  13504.     position: relative;
  13505.     display: inline-block;
  13506.     width: 100%;
  13507.     margin-top: 22px;
  13508. }
  13509. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList #Frame #Body .Row #Content .DataList.Discussions > li {
  13510.     position: relative;
  13511.     min-height: 72px;
  13512.     margin: 0;
  13513.     padding-left: 22px;
  13514. }
  13515. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  13516.     display: inline-block !important;
  13517.     width: 100% !important;
  13518.     margin-bottom: -9px!important;
  13519.     margin-top: -26px !important;
  13520. }
  13521.  
  13522. /* END === UESRST FORUM REVIEW ==== */
  13523. /* FORUM NOTIFICATION - TXT */
  13524. .Flyout .Author .PhotoWrap {
  13525.     height: 10px;
  13526.     width: 20px;
  13527. }
  13528. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  13529.     height: 20px;
  13530.     margin-bottom: -18px;
  13531.     background-color: black;
  13532. }
  13533. .Flyout .Author .ProfilePhoto {
  13534.     width: 20px;
  13535.     height: 20px;
  13536.     background-size: cover;
  13537. }
  13538. .PopList .ItemContent {
  13539.     line-height: 1.2;
  13540.     margin-left: -1px;
  13541. }
  13542. /* DRAFT */
  13543. .DataList.Drafts {
  13544.     margin-top: 98px;
  13545.     border-top: 1px solid gray;
  13546. }
  13547.  
  13548. /* ATTACH */
  13549. .Attachment img {
  13550.     max-width: 100%;
  13551.     height: auto;
  13552.     vertical-align: bottom;
  13553. }
  13554. .Attachment {
  13555.     max-width: 100px;
  13556.     min-width: 100px;
  13557.     padding: 3px 8px 8px 5px;
  13558.     border-radius: 5px;
  13559.     background-color: black;
  13560. }
  13561.  
  13562. /* ATTACH COUNTER */
  13563. .Attachments {
  13564.     counter-reset: image;
  13565.     border-radius: 5px;
  13566.     background-color: #222;
  13567. }
  13568. .Attachment:before {
  13569.     content: counter(image, decimal);
  13570.     position: absolute;
  13571.     display: inline-block;
  13572.     height: 20px;
  13573.     top: 10px;
  13574.     padding: 0 3px;
  13575.     border-radius: 5px;
  13576.     counter-increment: image;
  13577.     background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3);
  13578. }
  13579.  
  13580. /* FORUM PAGI - PAGE WRAP (bottom) */
  13581. .PagerWrap {
  13582.     margin-top: 20px;
  13583.     overflow: visible;
  13584. }
  13585. /* FORUM PAGINATION - ALL */
  13586. .PageControls {
  13587.     display: inline-block;
  13588.     width: 95%;
  13589.     height: 100%;
  13590.     min-height: 15px;
  13591.     max-height: 15px;
  13592.     line-height: 15px;
  13593.     text-align: right;
  13594. }
  13595. .PageControls.Top {
  13596.     position: fixed;
  13597.     display: inline-block;
  13598.     width: 560px;
  13599.     min-height: 22px;
  13600.     margin-left: 190px;
  13601.     top: 25px;
  13602.     opacity: 1;
  13603.     visibility: visible;
  13604.     z-index: 200;
  13605. }
  13606. /* PAGI TOP - USERST DISC LAST PAGE */
  13607. #PagerBefore.Pager {
  13608.     position: fixed;
  13609.     display: inline-block;
  13610.     vertical-align: bottom;
  13611.     max-width: 560px;
  13612.     min-width: 560px;
  13613.     height: 17px;
  13614.     line-height: 12px;
  13615.     top: 30px;
  13616.     right: 24.2%;
  13617.     padding: 1px;
  13618.     border-radius: 3px 3px 0 0;
  13619.     text-align: center;
  13620.     z-index: 500;
  13621.     border: 1px solid peru;
  13622.     background-color: transparent;
  13623. }
  13624.  
  13625. /* ICONS */
  13626. /* SPRITE GREAS */
  13627. .SpNotifications,
  13628. .SpGlobe {
  13629.     background-position: -32px -212px;
  13630. }
  13631. .SpInbox,
  13632. .SpEnvelope {
  13633.     background-position: 0 -228px;
  13634. }
  13635. .SpBookmarks,
  13636. .SpStar {
  13637.     background-position: -80px -245px;
  13638. }
  13639. .SpDashboard,
  13640. .SpOptions,
  13641. .SpCog {
  13642.     background-position: 0 -212px;
  13643. }
  13644. /* MY NAME */
  13645. .QuoteAuthor > a[href*="/decembre"],
  13646. .Item .Author a[href*="/decembre"] {
  13647.     font-size: 18px;
  13648.     color: peru;
  13649. }
  13650.  
  13651.  
  13652. /* ==== (ALL) STYLE ==== */
  13653. /* (new218) (ALL) BackGround Color === */
  13654. htlm,
  13655. body {
  13656.     width: 100% !important;
  13657.     text-align: left !important;
  13658.     overflow: hidden !important;
  13659.     overflow-y: hidden !important;
  13660.     overflow-x: hidden !important;
  13661.     color: #929292;
  13662.     background: #333 !important;
  13663. }
  13664.  
  13665. /* (new211) A VOIR margin - After IFRAME */
  13666. #container-responsive {
  13667.     display: inline-block !important;
  13668.     width: 100% !important;
  13669.     min-height: 99.7vh !important;
  13670.     max-height: 99.7vh !important;
  13671.     overflow: hidden !important;
  13672.     overflow-y: auto !important;
  13673. }
  13674. #nav-view-responsive {
  13675.     display: inline-block !important;
  13676.     flex-direction: unset;
  13677.     height: 100% !important;
  13678.     min-height: 100% !important;
  13679.     width: 100% !important;
  13680. }
  13681. #container-responsive .view_inner {
  13682.     display: inline-block !important;
  13683.     flex-direction: unset !important;
  13684.     justify-content: unset !important;
  13685.     margin-top: 10px;
  13686.     width: 100% !important;
  13687.     height: auto !important;
  13688.     overflow: hidden !important;
  13689.     overflow-y: auto !important;
  13690.     text-align: center !important;
  13691. }
  13692.  
  13693. /* FOR LIGHTBOX */
  13694. body[style="overflow: auto"],
  13695. body[style="overflow: visible;"] {
  13696.     overflow: visible !important;
  13697. }
  13698.  
  13699. /* GREAS - CODE PAGE - STRIPP BACKG - 
  13700. TEST CODERAY HUGE CODE: https://greatest.deepsurf.us/en/scripts/1896-nwpb/code
  13701. === */
  13702. #script-info .CodeRay {
  13703.     display: inline-block;
  13704.     max-width: 99.8%;
  13705.     background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  13706.     background-size: 30px 15px;
  13707. }
  13708. #script-info .CodeRay tbody {
  13709.     display: inline-block;
  13710.     width: 99.98%;
  13711. }
  13712.  
  13713. #script-info .CodeRay tbody .code {
  13714.     display: inline-block;
  13715.     min-width: 905px;
  13716.     max-width: 905px;
  13717. }
  13718. #script-info .CodeRay tbody .code pre {
  13719.     min-width: 900px;
  13720.     max-width: 900px;
  13721.     word-wrap: break-word;
  13722.     white-space: pre-line;
  13723. }
  13724.  
  13725.  
  13726. /* ===== (new189) COLOR - LINK ===== */
  13727. /* ICON - FILTER to PERU */
  13728. .replies-icon,
  13729. .comment-wrapper .actions .right-actions .reply-wrapper .reply-to-icon,
  13730. .enter-comment-wrapper .enter-comment-icon {
  13731.     filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
  13732. }
  13733.  
  13734. /* LINK - TEXT DECO NONE */
  13735. a:link {
  13736.     text-decoration: none;
  13737. }
  13738.  
  13739. /* (new189) LINK / TXT  SPECIAL */
  13740. .MItem.MCount.CommentCount,
  13741. .MItem.MCount.ViewCount {
  13742.     color: #b7b7b7;
  13743. }
  13744. table#style-table .meta span.date.date1 {
  13745.     color: #23A4A2;
  13746.     text-decoration: none;
  13747. }
  13748. table#style-table .meta span.date.date2 {
  13749.     color: #0DD6D3;
  13750.     text-decoration: none;
  13751. }
  13752. #main-article #style-table a[href^="/styles/"] {
  13753.     color: #DD9E0F;
  13754.     text-decoration: none;
  13755. }
  13756. #main-article #style-table a:visited[href^="/styles/"] {
  13757.     color: #EAC060 !important;
  13758.     text-decoration: none !important;
  13759. }
  13760.  
  13761. /* (ALL) LINKS - PERU / TOMATO (visited) */
  13762. body:not(.Settings) a:not(.Button),
  13763. #Head a,
  13764. #site-nav a,
  13765. #additional-info > a b,
  13766. a {
  13767.     color: peru !important
  13768. }
  13769. a:visited {
  13770.     color: tomato !important
  13771. }
  13772.  
  13773. /* VISITED  ACTIVE- GOLD / GOLD */
  13774. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note,
  13775. #style-install-unknown > p > a,
  13776. #style-install-unknown > p > a:visited,
  13777. #style-install-unknown > p > a:active {
  13778.     color: GOLD !important;
  13779. }
  13780.  
  13781.  
  13782. /* VISITED - TAN */
  13783. body:not(.Settings) a:not(.Button):visited,
  13784. #additional-info > a:visited,
  13785. #additional-info > a:visited b,
  13786. .discussion-list > li > a:visited,
  13787. .About > dt > a:visited,
  13788. .Item-Body .Message > a:visited,
  13789. .script-author-description > p > a:visited,
  13790. .script-author-description > ul > li > ul > li > a:visited,
  13791. .script-author-description > ul > li > a:visited,
  13792. .DataList .Item .Title > a:visited,
  13793. .inline-list > li > a:visited,
  13794. .DataList .ItemDiscussion.Item.Read a:visited {
  13795.     color: TAN !important;
  13796. }
  13797.  
  13798. /* VISITED - GOLDENROD */
  13799. .thetitle > a:visited > b {
  13800.     color: GOLDENROD !important;
  13801. }
  13802.  
  13803. /* (new229) VISITED - ROSYBROWN */
  13804. .width-constraint #discussions li > a:first-of-type:visited {
  13805.     color: ROSYBROWN !important;
  13806. }
  13807. form .history_versions .version-changelog > p > a {
  13808.     color: peru !important;
  13809.     /* background: red !important; */
  13810. }
  13811. form .history_versions .version-changelog > p > a:visited {
  13812.     color: ROSYBROWN !important;
  13813.     /* background: red !important; */
  13814. }
  13815. /* VISITED / HOVER  - Color A VOIR */
  13816. a:hover {
  13817.     color: #73B379 !important;
  13818. }
  13819. a:visited:hover {
  13820.     color: #B9D56E !important;
  13821.     text-decoration: none !important;
  13822. }
  13823.  
  13824.  
  13825. /* END ==== LINK - VISITED ==== */
  13826. /* START ==== LINK - HOVER ===== */
  13827. /* LINKS HOVER - TOMATO  */
  13828. #show-code + #control-panel > a:hover,
  13829. #main-header > h1 > a:hover,
  13830. #style-author-info > tbody > tr > td > a:not(.license-image):hover,
  13831. #long-description > a:hover,
  13832. .MItem.LastCommentBy > a:hover,
  13833. .About > dt:last-of-type a:hover,
  13834. .script-author-description > ul > li > ul > li:hover a:hover,
  13835. .About dt a:hover,
  13836. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover,
  13837. #script-list-option-groups .list-option > a:hover,
  13838. #user-script-list > li h2 a:hover,
  13839. #browse-script-list > li h2 a:hover,
  13840. .script-list-author > span > a:hover,
  13841.  
  13842. .DataList.SearchResults .Item .ItemContent:hover .Meta a,
  13843. #script-content > form > ul > li:hover,
  13844. #contact a:hover,
  13845. #related > ul > li > a:hover,
  13846. #screenshots #more-screenshots a:hover,
  13847. .Message > b > a:hover,
  13848. .Buttons .Back > a:hover,
  13849. .AttachFileWrapper .AttachFileLink > a:hover,
  13850. .AuthorWrap .Author .PhotoWrap + .Username:hover,
  13851. #Item_0 + .DiscussionAboutShowDiscussion > a:hover,
  13852. .Item-Body .Message > a:hover,
  13853. .MItem.Category > a:hover,
  13854. .ReactButton.Quote.Visible:hover,
  13855. .Box.BoxCategories a:hover,
  13856. #Panel .FilterMenu a:hover,
  13857. .SiteMenu > li > a:hover,
  13858. .ItemContent.Discussion .Title > a:hover,
  13859. #main-article > dl > dd > a:hover,
  13860. #main-article > dl > dt:hover,
  13861. #main-header + #content-wrapper > #main-article > ul:hover:before,
  13862. #main-article > ul > li > a:hover,
  13863. #sidebar-forum > a:hover,
  13864. #sidebar-help > a:hover,
  13865. #sidebar-browse > a:hover,
  13866. #sidebar-my-account > a:hover,
  13867. #show-button:hover,
  13868. #control-panel > a:nth-child(1):hover,
  13869. #control-panel > a:hover,
  13870.  
  13871. #long-description > a > b:hover,
  13872.  
  13873. #main-article #hidden-meta a:hover,
  13874. #no-discussions > a:hover,
  13875. #site-name > a[href="/"] span:hover,
  13876. .thetitle > .theauthor > a:hover,
  13877. .thetitle > a > b:hover,
  13878. .width-constraint > h3 > a:hover,
  13879. #script-content > form > ul > li > a:hover,
  13880. #script-content > p > a:hover,
  13881. #install-area .script-in-sets > a:hover,
  13882. #additional-info-text > a > b:hover,
  13883. #additional-info > div > ul > li > a:hover,
  13884. #additional-info > div > p > a:hover,
  13885. #additional-info > div > p > b > a:hover,
  13886. .script-show-author > span > a:hover,
  13887.  
  13888. #title-subtext:hover > b,
  13889. #site-name > a span#settings-subtext:hover,
  13890. #nav-user-info .user-profile-link > a:hover,
  13891. #nav-user-info > li > a:hover,
  13892. #nav-user-info + nav .help-link > a:hover,
  13893. #nav-user-info + nav .forum-link > a:hover,
  13894. #nav-user-info + nav .scripts-index-link > a:hover,
  13895. #nav-user-info + nav a:hover,
  13896. #nav-user-info .sign-out-link > a:hover,
  13897. #start-discussion:hover,
  13898. #start-discussion-top:hover,
  13899. #start-discussion-bottom:hover,
  13900. .inline-list > li > a:hover,
  13901. #discussions-area #discussions li:hover a:not(:last-of-type),
  13902. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]),
  13903. .CommentsWrap .Comment a.FlagContent:hover,
  13904. .width-constraint #discussions li > a:nth-child(4):hover,
  13905. .width-constraint #discussions li > a:nth-child(2):hover,
  13906. .width-constraint #discussions li > a:first-of-type:hover,
  13907. .width-constraint #discussions li:hover > a:nth-child(4),
  13908. .width-constraint #discussions li:hover > time,
  13909. .Message > ol > li > small > a:hover,
  13910. .Message > dl > dd > a:hover,
  13911. .UserQuote .QuoteAuthor a:hover {
  13912.     color: TOMATO !important;
  13913. }
  13914.  
  13915.  
  13916. /* LINK - HOVER + VISITED - TOMATO  */
  13917. .inline-list > li > a:visited:hover,
  13918. .DataList .ItemDiscussion.Item.Read a:visited:hover,
  13919. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  13920.     color: TOMATO !important;
  13921. }
  13922.  
  13923. /* (new248) COLOR - FOR SOME SPECIALE SCIPTS INFOS PRESENTATION:
  13924. TEST LINK: 
  13925. https://greatest.deepsurf.us/fr/scripts/431573-youtube-cpu-tamer-by-animationframe
  13926. ==== */
  13927.  
  13928. h5[style="color:#601d9f"] {
  13929.     color: fuchsia !important;
  13930. } 
  13931.  
  13932. h3[style="color:#1133ff"] ,
  13933. h4[style="color:#08355c"] {
  13934.     color: #b4e22b !important;
  13935. } 
  13936.  
  13937. ol b[style="color:#5D2D73"] ,
  13938. ol[style="color:#7006DF"] {
  13939.     color: TOMATO !important;
  13940. }
  13941.  
  13942. /* ============ END COLOR LINKS ====== */
  13943. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" - 
  13944. in SCRIPT NAME of:
  13945. DIEP.IO by Terjanq
  13946.  
  13947. IT'S USER (terjanq) LIST:
  13948. https://greatest.deepsurf.us/fr/users/33759-terjanq
  13949.  
  13950. SEARCH "DIEP.IO+":
  13951. https://greatest.deepsurf.us/fr/scripts/search?q=DIEP.IO+
  13952.  
  13953. MY DISSCUS about it :
  13954. Removed : VERY strange TYPO EFFECT in your script name !
  13955. Linked in :
  13956. https://greatest.deepsurf.us/en/scripts/24423-greasyfork-theme/discussions/23845
  13957. LAST TOPIC ABOUT ZAGLOT- 2021.03 :
  13958. https://greatest.deepsurf.us/en/discussions/greasyfork/79255-ban-or-at-least-hide-these-zalgo-characters
  13959. === */
  13960. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  13961. .Title a[href*="https://greatest.deepsurf.us/fr/forum/discussion/9570/"] {
  13962.     overflow: hidden !important;
  13963.     background: rgba(255, 0, 0, 0.2) !important;
  13964. }
  13965. #Discussion_9570 .Discussion .Item-BodyWrap .Message {
  13966.     overflow: hidden !important;
  13967.     background: rgba(255, 0, 0, 0.2) !important;
  13968. }
  13969.  
  13970.  
  13971. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH   */
  13972. #script-table #s19838 .thetitle + div,
  13973. #user-script-list > li > article a[href$="/19838-diep-io-by-terjanq"] + span + .description,
  13974. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  13975. #browse-script-list > li > article > h2 > a[href*="diep-io-by-terjanq"] ~ span.description {
  13976.     overflow: hidden !important;
  13977.     background: rgba(255, 0, 0, 0.2) !important;
  13978. }
  13979.  
  13980. .discussion-list > li > a[href="https://greatest.deepsurf.us/fr/scripts/19838"] + a {
  13981.     position: relative !important;
  13982.     display: inline-block !important;
  13983.     top: 4px !important;
  13984.     overflow: hidden !important;
  13985.     background: rgba(255, 0, 0, 0.2) !important;
  13986. }
  13987.  
  13988.  
  13989. /* ========== END GENERAL SITE ======================================= */
  13990. }
  13991.  
  13992. @-moz-document url-prefix("https://greatest.deepsurf.us/fr/scripts/19838-diep-io-by-terjanq") {
  13993. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT = START - URL-PREF -  ======= */
  13994. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  13995. #script-info header p {
  13996.     overflow: hidden !important;
  13997.     background: rgba(255, 0, 0, 0.2) !important;
  13998. }
  13999. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT -  ======= */
  14000. }
  14001.  
  14002. @-moz-document domain("sleazyfork.org") {
  14003. /* SLEASYFORK TEST = START - URL-PREF -  ======= */
  14004. /* CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SLEAZY" where That's "GREASY" */
  14005. /* SLEAZYFORK - SITE NAME + ICON */
  14006. .width-constraint #site-name #site-name-text h1 {
  14007.     font-size: 20px!important;
  14008.     letter-spacing: 2px !important;
  14009. }
  14010. .width-constraint #site-name #site-name-text h1 {
  14011.     color: blue !important;
  14012. }
  14013. .width-constraint #site-name #site-name-text h1 a {
  14014.     display: none !important;
  14015. }
  14016. #site-name #site-name-text h1 + .subtitle {
  14017.     margin-left: 46px !important;
  14018.     margin-top: 16px !important;
  14019.     font-size: 10px!important;
  14020.     letter-spacing: 1px !important;
  14021. }
  14022. #site-nav > nav li a {
  14023.     font-size: 14px !important;
  14024. }
  14025. .width-constraint #site-name a img,
  14026. .width-constraint #site-name a span,
  14027. #site-name-text > h1 > a {
  14028.     display: none !important;
  14029. }
  14030. /* (new205) */
  14031. .width-constraint #site-name > a:before,
  14032. .width-constraint #site-name > h1:before {
  14033.     content: "SleasyFork" !important;
  14034.     display: inline-block !important;
  14035.     position: absolute !important;
  14036.     margin: -6px 0 0 38px !important;
  14037.     padding: 0 30px 0 5px !important;
  14038.     font-size: 15px !important;
  14039.     color: green !important;
  14040.     border-radius: 0 0 10px 0 !important;
  14041.     border: 1px solid peru !important;
  14042.     background: #111 !important;
  14043. }
  14044. #Head #site-name-text h1:before {
  14045.     content: "SleasyFork" !important;
  14046.     display: inline-block !important;
  14047.     position: absolute !important;
  14048.     top: -5px !important;
  14049.     margin-left: 0px !important;
  14050.     font-size: 22px !important;
  14051.     color: red !important;
  14052. }
  14053. .width-constraint #site-name > a:after {
  14054.     content: " " !important;
  14055.     display: inline-block !important;
  14056.     height: 30px !important;
  14057.     width: 30px !important;
  14058.     padding: 2px !important;
  14059.     border-radius: 5px !important;
  14060.     box-shadow: 0 0 2px #cccccc inset !important;
  14061.     background-color: rgba(191, 191, 190, 0.33) !important;
  14062.     background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  14063.     background-position: 50% 50% !important;
  14064.     background-size: contain !important;
  14065. }
  14066.  
  14067. /* ========== END - DOMAIN SLEASYFORK TEST ======= */
  14068. }
  14069.  
  14070. @-moz-document url-prefix("https://userstyles.org/help") {
  14071. /* (Userstyles.org) HELP = START - URL-PREF - ======= */
  14072. /* (new243) */
  14073. body > #main-header + #content-wrapper {
  14074.     position: absolute !important;
  14075.     display: inline-block !important;
  14076.     float: none !important;
  14077.     clear: both !important;
  14078.     min-height: 200px !important;
  14079.     height: auto !important;
  14080.     width: 71em !important;
  14081.     margin: auto auto auto 21em !important;
  14082.     top: 75px !important;
  14083.     border-radius: 5px !important;
  14084.     border: 1px solid green !important;
  14085. }
  14086. #main-article {
  14087.     width: 70em !important;
  14088.     margin: 0.5em auto 2em 0.5em !important;
  14089.     padding-bottom: 20px !important;
  14090. }
  14091. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3,
  14092. #main-article > h3 {
  14093.     width: 58em !important;
  14094.     margin-left: 1em !important;
  14095.     text-align: left !important;
  14096.     text-indent: 20px !important;
  14097.     background: black !important;
  14098. }
  14099. #main-article > ol {
  14100.     width: 65em !important;
  14101.     margin-left: 1em !important;
  14102.     margin-top: -7px !important;
  14103.     outline: 1px solid peru !important;
  14104. }
  14105. #main-article > p:first-of-type {
  14106.     position: relative !important;
  14107.     display: inline-block !important;
  14108.     width: 867px !important;
  14109.     left: 0px !important;
  14110.     margin-top: auto !important;
  14111.     margin-bottom: 20px!important;
  14112.     padding: 15px 20px !important;
  14113.     border: 1px solid gray !important;
  14114.     outline: none !important;
  14115. }
  14116. #main-article > p {
  14117.     position: relative !important;
  14118.     display: inline-block !important;
  14119.     width: 840px !important;
  14120.     left: 1em !important;
  14121.     margin: auto !important;
  14122.     padding: 8px 20px !important;
  14123. }
  14124. #main-article > p + p {
  14125.     position: relative !important;
  14126.     display: inline-block !important;
  14127.     width: 840px !important;
  14128.     left: 1em !important;
  14129.     margin: auto !important;
  14130.     margin-bottom: 15px !important;
  14131.     padding: 8px 20px !important;
  14132. }
  14133. #main-article > p:nth-child(even) {
  14134.     border: 1px solid gray !important;
  14135.     background: #222222 !important;
  14136. }
  14137. #main-article > p:nth-child(odd) {
  14138.     border: 1px solid gray !important;
  14139.     background: #171717 !important;
  14140. }
  14141. #main-article > iframe {
  14142.     margin-left: 10% !important;
  14143. }
  14144. #help-style-settings-edit ~ pre,
  14145. #main-header + #content-wrapper > #main-article > p ~ ul,
  14146. #main-header + #content-wrapper > #main-article > p ~ ul:hover,
  14147. #main-header + #content-wrapper > #main-article > ul:hover,
  14148. #main-header + #content-wrapper > #main-article > ul {
  14149.     position: relative !important;
  14150.     display: inline-block !important;
  14151.     width: 66em !important;
  14152.     height: auto !important;
  14153.     margin-left: 10px !important;
  14154.     padding-bottom: 10px !important;
  14155.     padding-left: 20px !important;
  14156.     padding-right: 5px !important;
  14157.     border-radius: 3px !important;
  14158.     border: 1px solid gray !important;
  14159.     background: #222222 !important;
  14160. }
  14161. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  14162.     position: relative !important;
  14163.     display: inline-block !important;
  14164.     width: 43em !important;
  14165.     height: auto !important;
  14166.     margin-left: 10px !important;
  14167.     margin-top: 29px !important;
  14168.     padding-bottom: 10px !important;
  14169.     padding-left: 30px !important;
  14170.     padding-right: 5px !important;
  14171.     border-radius: 3px !important;
  14172.     font-size: 20px !important;
  14173.     border: 1px solid gray !important;
  14174. }
  14175. #help-style-settings-edit ~ pre {
  14176.     position: relative !important;
  14177.     display: inline-block !important;
  14178.     width: 72em !important;
  14179.     height: auto!important;
  14180.     margin-top: 5px!important;
  14181.     border-radius: 3px!important;
  14182.     overflow: visible!important;
  14183.     z-index: 10 !important;
  14184.     border: 1px solid gray!important;
  14185.     background: #222222!important;
  14186. }
  14187. #help-style-settings-edit ~ pre > code {
  14188.     position: relative !important;
  14189.     display: inline-block !important;
  14190.     width: 63em !important;
  14191.     height: auto !important;
  14192.     margin-left: 0px !important;
  14193.     border-radius: 3px !important;
  14194. }
  14195.  
  14196. /* (new243) HELP PAGES SCROLLING */
  14197. div[class^="info-page_mainLayout__"] div[class^="info-page_content__"] {
  14198.     position: relative !important;
  14199.     max-height: 98vh !important;
  14200.     max-width: 47%;
  14201.     top: 0 !important;
  14202.     margin: 0.5vh 0 0 250px !important;
  14203.     padding: 0 30px 0 50px !important;
  14204.     overflow: hidden !important;
  14205.     overflow-y: auto !important;
  14206.     color: gold !important;
  14207.     background: #222 !important;
  14208.     /* border: 1px solid aqua  !important; */
  14209. }
  14210.  
  14211. /* .info-page-content_infoPageWrapper__Q04Ip .info-page-content_sectionsWrapper__B4iEF .info-page-content_sectionSubTitle__43czk , */
  14212. div[class^="info-page-content_infoPageWrapper__"] div[class^="info-page-content_sectionsWrapper__"] h2[class^="info-page-content_sectionSubTitle__"] {
  14213.     margin-bottom: 5px !important;
  14214.     padding: 0 5px 0 5px !important;
  14215.     font-size: 17px !important;
  14216.     font-weight: 700;
  14217.     color: gold !important;
  14218.     background: #333 !important;
  14219. }
  14220.  
  14221. div[class^="info-page-content_infoPageWrapper__"] div[class^="info-page-content_sectionsWrapper__"] h3[class^="info-page-content_sectionSubTitleContent__"] {
  14222.     margin-bottom: 5px !important;
  14223. }
  14224. /* .info-page-content_infoPageWrapper__Q04Ip .info-page-content_sectionsWrapper__B4iEF .info-page-content_sectionDescription__ZDcG5 , */
  14225. div[class^="info-page-content_infoPageWrapper__"] div[class^="info-page-content_sectionsWrapper__"] div[class^="info-page-content_sectionDescription__"] {
  14226.     line-height: 17px !important;
  14227.     margin-bottom: 10px !important;
  14228.     font-size: 15px !important;
  14229.     text-align: left !important;
  14230.     color: silver !important;
  14231. }
  14232.  
  14233. div[class^="info-page_mainLayout__"] div[class^="info-page_content__"] h1[class^="info-page-content_pageTitle__"] {
  14234.     margin-bottom: 10px !important;
  14235.     color: gold;
  14236. }
  14237. div[class^="info-page_mainLayout__"] div[class^="info-page_content__"] h2[class^="info-page-content_sectionTitle__"] {
  14238.     margin-bottom: 5px !important;
  14239.     padding: 0 5px 0 5px !important;
  14240.     font-size: 17px !important;
  14241.     font-weight: 700;
  14242.     color: gold !important;
  14243.     background: #333 !important;
  14244. }
  14245. /* ========== END === URL-PREF - HELP ======= */
  14246. }
  14247.  
  14248. @-moz-document url-prefix("https://greatest.deepsurf.us/fr/scripts?q="), url-prefix("https://greatest.deepsurf.us/fr/scripts?q=") {
  14249. /* GREASYFORK FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) = START - URL-PREF - ==== */
  14250. /*  body[pagetype="ListingPage"] .width-constraint ~ #sp-fw-container + .sp-separator{
  14251.     display: none !important;
  14252. } */
  14253. /* END (new226) [A VOIR] URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */
  14254. }
  14255.  
  14256. @-moz-document url-prefix("https://forum.userstyles.org") {
  14257. /* (Userstyles.org)  FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) = START - URL-PREF -  ==== */
  14258. #Head + #Body {
  14259.     margin-left: 22% !important;
  14260. }
  14261. /* URL PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFORK different than USERSTYLES - DISSCUSSION CONTAINE */
  14262. #PagerBefore.Pager {
  14263.     right: 26% !important;
  14264. }
  14265. #Content.Column.ContentColumn {
  14266.     float: right !important;
  14267.     width: 689px !important;
  14268.     min-height: 750px !important;
  14269.     margin-top: -8px!important;
  14270.     margin-right: 75px !important;
  14271.     z-index: 0 !important;
  14272. }
  14273. /* USERSTYLES Forum - Comments */
  14274. #vanilla_discussion_index #Content.Column.ContentColumn {
  14275.     width: 750px!important;
  14276.     min-height: 750px !important;
  14277.     margin-right: 20px !important;
  14278.     margin-left: 0px !important;
  14279. }
  14280. /* USERTY */
  14281. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  14282.     margin-top: 25px !important;
  14283.     margin-bottom: -25px !important;
  14284. }
  14285. #vanilla_discussion_index #Content.Column.ContentColumn .DismissMessage.AlertMessage + .MessageList.Discussion {
  14286.     margin-top: 36px !important;
  14287. }
  14288. .P.PageDescription {
  14289.     width: 753px!important;
  14290. }
  14291. #Item_0 .ToggleFlyout.OptionsMenu {
  14292.     left: -15px !important;
  14293. }
  14294.  
  14295. /* URL PREF - USERST FORUM */
  14296. .Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {
  14297.     height: 20px !important;
  14298.     top: -2px !important;
  14299.     left: 18px !important;
  14300.     margin: 0 !important;
  14301. }
  14302.  
  14303. /* URL PREF - USERST FORUM - PROFILE BUT */
  14304. #dashboard_profile_discussions .About > dt:last-of-type {
  14305.     position: relative !important;
  14306.     display: inline-block !important;
  14307.     width: 23% !important;
  14308.     height: 18px !important;
  14309.     line-height: 18px !important;
  14310.     top: -56px !important;
  14311.     left: 74%!important;
  14312.     padding: 2px 2px 2px 15px !important;
  14313.     border-radius: 3px !important;
  14314.     font-size: 15px !important;
  14315.     background: rgba(145, 124, 124, 0.42) url("https://greatest.deepsurf.us/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  14316. }
  14317.  
  14318. #Panel.Column.PanelColumn {
  14319.     z-index: 100 !important;
  14320. }
  14321. #Panel.Column.PanelColumn .MeBox {
  14322.     margin-top: -29px !important;
  14323.     z-index: 200 !important;
  14324. }
  14325. .DiscussionAboutShowDiscussion {
  14326.     max-width: 200px !important;
  14327.     min-width: 200px !important;
  14328.     top: 53px !important;
  14329.     z-index: 100 !important;
  14330. }
  14331.  
  14332. /* ====== USERSTYLE - COMMENTS -   .BreadcrumbsWrapper + #Panel + #Content */
  14333. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion {
  14334.     margin-bottom: 0px !important;
  14335.     margin-top: 0px !important;
  14336.     top: 0px !important;
  14337. }
  14338. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn .DismissMessage.AlertMessage + .MessageList.Discussion {
  14339.     margin-bottom: 30px !important;
  14340.     margin-top: 0px !important;
  14341.     top: 0px !important;
  14342. }
  14343. /* PB MEDIA QUERIE - URL PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - */
  14344. /* END ==== URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  14345. }
  14346.  
  14347. @-moz-document domain("greasyfork-org.translate.goog"), url-prefix("https://translate.google.com/websitetranslationui?parent=https%3A%2F%2Fgreasyfork-org.translate.goog") {
  14348. /* GOOGLE TRANSLATE = START - URL-PREF - */
  14349. iframe#gt-nvframe {
  14350.     position: fixed;
  14351.     width: 100%;
  14352.     height: 36px !important;
  14353.     left: 0;
  14354.     right: auto;
  14355.     top: 0;
  14356.     border-radius: 0;
  14357.     transition: none 0s ease 0s;
  14358.     z-index: 2147483646;
  14359.     border: medium none;
  14360.     box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
  14361. }
  14362. .b7B4sd {
  14363.     display: flex;
  14364.     height: 36px !important;
  14365.     padding-right: 4px;
  14366.     align-items: center;
  14367.     background: #111 !important;
  14368.     border-bottom: 1px solid red !important;
  14369. }
  14370. .IqBfM {
  14371.     bottom: auto;
  14372.     height: 36px !important;
  14373.     right: auto;
  14374.     width: auto;
  14375. }
  14376. iframe#gt-nvframe ~ #main-header {
  14377.     position: fixed;
  14378.     display: inline-block;
  14379.     float: none;
  14380.     width: 99.9%;
  14381.     height: 41px;
  14382.     left: -0.2%;
  14383.     top: 36px !important;
  14384.     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(0, 0, 0) 2%, rgb(17, 17, 17) 37%, rgb(51, 51, 51) 100%, rgb(19, 19, 19) 100%) repeat scroll 0 0;
  14385.     border-bottom: 1px solid gray;
  14386. }
  14387. body header#main-header + .width-constraint:first-of-type {
  14388.     display: inline-block;
  14389.     height: auto;
  14390.     margin: 37px 0 20px 23.4% !important;
  14391.     max-width: 985px;
  14392.     min-width: 985px;
  14393.     padding: 0;
  14394. }
  14395.  
  14396. .discussion-list-container .discussion-meta a[href^="https://greasyfork-org.translate.goog/"] font {
  14397.     border: 1px solid green !important;
  14398.     color: gold !important;
  14399. }
  14400. .discussion-list-container a.discussion-title[href^="https://greasyfork-org.translate.goog/"] .discussion-snippet font font:before {
  14401.     content: " " !important;
  14402.     position: relative !important;
  14403.     display: inline-block !important;
  14404.     width: 10px !important;
  14405.     height: 10px !important;
  14406.     top: 0px !important;
  14407.     background-image: url(https://www.gstatic.com/images/branding/product/1x/translate_24dp.png) !important;
  14408.     background-repeat: no-repeat !important;
  14409.     background-size: contain !important;
  14410.     border: 1px solid red !important;
  14411.     color: gold !important;
  14412. }
  14413. #goog-gt-tt {
  14414.     position: absolute;
  14415.     width: 420px;
  14416.     font-family: arial;
  14417.     font-size: 10pt;
  14418.     z-index: 10000;
  14419.     background-color: #111 !important;
  14420.     border: 1px solid red !important;
  14421.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  14422.     color: gold !important;
  14423. }
  14424. .goog-text-highlight {
  14425.     position: relative;
  14426.     box-sizing: border-box;
  14427.     background-color: black !important;
  14428.     box-shadow: 2px 2px 4px #9999aa;
  14429. }
  14430. /* END ==== URL-PREF - GOOGLE TRANSLATE */
  14431. }
  14432.  
  14433. @-moz-document url-prefix("https://userstyles.org/contact"), url-prefix("https://userstyles.org/d/contact") {
  14434. /* (Userstyles.org) CONTACT PAGE + USERSTYLES DOMAIN = START - URL-PREF - ==== */
  14435. /* PB , domain("userstyles.org") */
  14436. p.contact-bold-font {
  14437.     margin: 5px 0 5px 0 !important;
  14438.     color: gold !important;
  14439. }
  14440. #new_issue {
  14441.     width: 98% !important;
  14442. }
  14443. .contact-input {
  14444.     width: 80% !important;
  14445.     height: 25px;
  14446.     margin-bottom: 11px;
  14447.     border-radius: 4px;
  14448.     box-sizing: border-box;
  14449.     color: gray !important;
  14450.     background-color: #222 !important;
  14451.     border: 1px solid #333 !important;
  14452. }
  14453. #issue_category.contact-font {
  14454.     font-size: 14px;
  14455.     font-stretch: normal;
  14456.     font-style: normal;
  14457.     font-weight: normal;
  14458.     letter-spacing: normal;
  14459.     line-height: 1.5;
  14460.     text-align: left;
  14461.     color: #000;
  14462. }
  14463. #new_issue #site-search,
  14464. #new_issue #input-fields.contact-font > div > label {
  14465.     color: gray !important;
  14466. }
  14467. #container-responsive .view_inner #iframe[src="/d/contact"] {
  14468.     display: inline-block !important;
  14469.     width: 50% !important;
  14470.     height: 100vh !important;
  14471.     overflow: hidden !important;
  14472.     overflow-y: auto !important;
  14473.     background: #333 !important;
  14474.     border: 1px solid red !important;
  14475. }
  14476. #nput-fields.contact-font {
  14477.     display: inline-block !important;
  14478.     line-height: 1.5;
  14479.     text-align: left;
  14480.     font-size: 14px;
  14481.     font-stretch: normal;
  14482.     font-style: normal;
  14483.     font-weight: normal;
  14484.     letter-spacing: normal;
  14485.     color: #000;
  14486. }
  14487. textarea.contact-font.contact-input-large {
  14488.     box-sizing: border-box;
  14489.     margin-bottom: 11px;
  14490.     border-radius: 4px;
  14491.     border: 1px solid #ccc;
  14492. }
  14493. /* END ==== (new205) URL-PREF - USERSTYLES CONTACT PAGE + USERSTYLES DOMAIN ==== */
  14494. }
  14495.  
  14496. @-moz-document url-prefix("https://userstyles.org/styles/"), url-prefix("https://userstyles.org/d/styles/"), url-prefix("https://userstyles.org/users/personal") {
  14497. /* (Userstyles.org) for OVERSCROOL = START - URL-PREF -  ==== */
  14498. html {
  14499.     display: inline-block !important;
  14500.     height: auto !important;
  14501.     min-height: 100vh !important;
  14502.     max-height: 99vh !important;
  14503.     text-align: left;
  14504.     overflow: hidden !important;
  14505.     overflow-y: HIDDEN !important;
  14506.     border-bottom: 1px solid aqua !important;
  14507. }
  14508. body {
  14509.     display: inline-block !important;
  14510.     height: auto !important;
  14511.     min-height: 100vh !important;
  14512.     max-height: 99vh !important;
  14513.     text-align: left;
  14514.     overflow: hidden !important;
  14515.     overflow-y: HIDDEN !important;
  14516.     border-bottom: 1px solid violet!important;
  14517. }
  14518. /* END ==== (new205) URL-PREF - STYLES PAGES for OVERSCRLOL  ==== */
  14519. }
  14520.  
  14521. @-moz-document url-prefix("https://userstyles.org/users/personal"), url-prefix("https://userstyles.org/d/users/personal") {
  14522. /* (Userstyles.org)  PROFILE PERSO PAGE = START - URL-PREF - URL-PREF -  ==== */
  14523. #view-responsive.us-center-items-horizontally {
  14524.     top: 5vh !important;
  14525. }
  14526. .init_loader + .PageContent > ul {
  14527.     position: absolute;
  14528.     width: 19.6vw !important;
  14529.     top: 2.6vh !important;
  14530.     padding: 1vw 2vw !important;
  14531.     z-index: 500 !important;
  14532. }
  14533. .init_loader + .PageContent > h2 {
  14534.     position: fixed;
  14535.     display: inline-block !important;
  14536.     width: 100vw !important;
  14537.     height: 17px;
  14538.     line-height: 15px;
  14539.     top: -1.4vh !important;
  14540.     left: 0 !important;
  14541.     padding: 5px !important;
  14542.     text-align: center !important;
  14543.     z-index: 5000000 !important;
  14544.     border-bottom: 1px solid red !important;
  14545.     background: #222 !important;
  14546. }
  14547. /* END ==== (new205) URL-PREF - PROFILE PERSO PAGE ==== */
  14548. }
  14549.  
  14550. @-moz-document url("https://userstyles.org/styles/new"), url("https://userstyles.org/d/styles/new") {
  14551. /* (Userstyles.org)  CREATE NEW USERSTYLES = START - URL-PREF - URL-PREF - ==== */
  14552. .PageContent iframe#iframe[src="/d/styles/new"] {
  14553.     width: 99.9% !important;
  14554.     margin-left: 0 !important;
  14555.     padding: 0 !important;
  14556.     border: 1px solid gray !important;
  14557. }
  14558. .errorExplanation {
  14559.     background-color: rgba(239, 81, 24, 0.54) !important;
  14560.     border: 1px solid red;
  14561. }
  14562. .PageContent form[action="/styles/create"] {
  14563.     min-width: 940px !important;
  14564.     max-width: 940px !important;
  14565.     margin-left: 0% !important;
  14566.     max-height: 90vh !important;
  14567.     min-height: 90vh !important;
  14568.     padding: 0 25vw !important;
  14569.     overflow: hidden !important;
  14570.     overflow: auto !important;
  14571.     background: #222 !important;
  14572. }
  14573. .PageContent form[action="/styles/create"] .form-controls {
  14574.     min-width: 840px !important;
  14575.     max-width: 940px !important;
  14576.     margin-left: 0% !important;
  14577.     margin-bottom: 8px !important;
  14578.     padding-left: 5px !important;
  14579.     border: 1px solid red !important;
  14580. }
  14581. .PageContent form[action="/styles/create"] .form-controls > div > a,
  14582. .PageContent form[action="/styles/create"] .form-controls textarea#css,
  14583. .PageContent form[action="/styles/create"] .form-controls .field_with_errors textarea#style_additional_info,
  14584. .PageContent form[action="/styles/create"] .form-controls textarea#style_long_description {
  14585.     min-width: 800px !important;
  14586.     max-width: 900px !important;
  14587.     margin-left: 2% !important;
  14588. }
  14589. .PageContent .form-controls > table,
  14590. .PageContent .form-controls > table tbody {
  14591.     display: inline-block !important;
  14592.     width: 100% !important;
  14593.     min-width: 920px !important;
  14594.     max-width: 920px !important;
  14595.     margin-left: 0% !important;
  14596. }
  14597. .PageContent .form-controls > table tbody tr td,
  14598. .PageContent .form-controls > table tbody tr {
  14599.     display: inline-block !important;
  14600.     width: 100% !important;
  14601.     min-width: 840px !important;
  14602.     max-width: 840px !important;
  14603.     margin-left: 5% !important;
  14604.     padding: 5px !important;
  14605. }
  14606. .PageContent .form-controls > table tbody tr td {
  14607.     margin-left: 0% !important;
  14608.     padding: 0px !important;
  14609. }
  14610. .PageContent .form-controls > table tbody tr td img {
  14611.     display: inline-block !important;
  14612.     width: 100% !important;
  14613.     min-width: 420px !important;
  14614.     max-width: 420px !important;
  14615.     margin-left: 0% !important;
  14616.     padding: 0px !important;
  14617. }
  14618.  
  14619. /* USERST - CREATE - INFOS - SHORT DESC */
  14620. .form-controls > tbody > tr > td [id="style_short_description"] {
  14621.     min-width: 200px!important;
  14622.     resize: both !important;
  14623.     overflow: auto !important;
  14624. }
  14625. /* USERST - CREATE - NFOS - ScShots (PreView) - Principal - BEFORE/AFTER */
  14626. .form-controls > tbody > tr > td > dl > dd > img {
  14627.     box-shadow: 0 0 4px #999999 !important;
  14628.     height: auto;
  14629.     margin-left: 200px !important;
  14630.     max-width: 900px !important;
  14631. }
  14632. .form-controls > tbody > tr > td > dl > dd {
  14633.     margin-left: -169px !important;
  14634. }
  14635. /* USERST - CREATE - INFOS - ScShots (PreView) - Additional */
  14636. .form-controls > tbody > tr > td > table > tbody > tr > td > img {
  14637.     box-shadow: 0 0 4px #999999 !important;
  14638.     height: auto;
  14639.     max-width: 900px !important;
  14640. }
  14641. /* USERST - INFOS - ScShots - Additional (Table) */
  14642. .form-controls > tbody > tr > td > table {
  14643.     margin-left: -149px !important;
  14644. }
  14645. /* USERST - CREATE  - EDIT - MAIN CONT= */
  14646. #main-article > form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  14647.     position: absolute !important;
  14648.     display: inline-block !important;
  14649.     max-width: 800px !important;
  14650.     margin-top: 35px ! important;
  14651.     margin-left: 5% ! important;
  14652. }
  14653.  
  14654. /* USERST - CREATE  - EDIT - WIDGET */
  14655. #main-article > form[action="/help/widget"] {
  14656.     position: relative !important;
  14657.     display: table !important;
  14658.     min-width: 910px !important;
  14659.     max-width: 910px !important;
  14660.     margin-top: 3px ! important;
  14661.     margin-left: -3px ! important;
  14662.     background: #222 !important;
  14663. }
  14664. #main-article > form[action="/help/widget"] .form-controls {
  14665.     min-width: 910px !important;
  14666.     max-width: 910px !important;
  14667. }
  14668. #main-article > form[action="/help/widget"] .form-controls tbody tr {
  14669.     display: inline-block !important;
  14670.     width: 100% !important;
  14671.     min-width: 910px !important;
  14672.     max-width: 910px !important;
  14673.     margin-bottom: 0px !important;
  14674.     text-align: center !important;
  14675. }
  14676. #main-article > form[action="/help/widget"] .form-controls tbody tr td,
  14677. #main-article > form[action="/help/widget"] .form-controls tbody tr th {
  14678.     display: inline-block !important;
  14679.     min-width: 870px !important;
  14680.     max-width: 870px !important;
  14681.     padding: 0 !important;
  14682.     text-align: center !important;
  14683. }
  14684.  
  14685. /* USERST - CREATE  - DEL STYLE */
  14686. #main-article > form[action="/styles/delete_save"] {
  14687.     position: absolute !important;
  14688.     display: inline-block !important;
  14689.     max-width: 800px !important;
  14690.     min-height: 400px !important;
  14691.     margin-top: 100px !important;
  14692.     margin-left: -55% !important
  14693. }
  14694. #main-article > form[action="/styles/delete_save"] .form-controls > tbody > tr:first-of-type > td textarea {
  14695.     min-height: 400px !important;
  14696. }
  14697.  
  14698. /* USERST - CREATE  - STY NAME INPUT */
  14699. article#main-article form .form-controls input#style_short_description {
  14700.     width: 600px !important;
  14701. }
  14702. /* USERST - CREATE  - SCSHOT NAME/UPL FOLDER/BUT INPUT */
  14703. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  14704.     display: block !important;
  14705.     position: relative !important;
  14706.     width: auto !important;
  14707. }
  14708. .form-controls > table > tbody > tr > td:first-of-type > input {
  14709.     width: 462px !important;
  14710. }
  14711. .form-controls > table > tbody > tr > td:nth-child(2) > input {
  14712.     width: 465px !important;
  14713. }
  14714. /* USERSTYLES - CREATE  - CHECK BOX (REMOVE/CHANGE) */
  14715. .form-controls > table > tbody > tr > td:nth-child(3) > input {
  14716.     position: absolute !important;
  14717.     top: -20px !important;
  14718. }
  14719. .form-controls > table > tbody > tr > td:nth-child(3):after {
  14720.     position: absolute;
  14721.     display: inline-block;
  14722.     content: "Remove / Change";
  14723.     width: 200px;
  14724.     height: 15px;
  14725.     margin-top: -32px;
  14726.     margin-left: 45px;
  14727.     font-size: 15px;
  14728.     color: red;
  14729. }
  14730. /* USERSTYLES - CREATE  - LABELS */
  14731. .form-controls > label {
  14732.     color: gold ! important;
  14733. }
  14734. /* USERST  - CREATE  - SCSHOT - TITLES SECT */
  14735. .form-controls > table > thead > tr {
  14736.     display: none ! important;
  14737. }
  14738.  
  14739. /* END === URL-PREF - USERSTYLES CREATE NEW USERSTYLES */
  14740. }
  14741.  
  14742. @-moz-document url-prefix("https://userstyles.org/d/help/coding") {
  14743. /* (Userstyles.org) HELP - CODING = START - URL-PREF - */
  14744. /* url("https://userstyles.org/help/coding"), */
  14745. body .PageContent {
  14746.     position: relative !important;
  14747.     display: inline-block !important;
  14748.     width: 100% !important;
  14749.     min-width: 100% !important;
  14750.     max-width: 100% !important;
  14751.     height: 100% !important;
  14752.     min-height: 39.4vh !important;
  14753.     max-height: 39.4vh !important;
  14754.     margin: 0 0 0 0% !important;
  14755.     padding: 5px 0px 0px 0px;
  14756.     overflow: hidden !important;
  14757.     overflow-y: auto !important;
  14758.     background: #222 !important;
  14759.     /* border-bottom: 1px solid aqua !important; */
  14760. }
  14761. body .PageContent > pre,
  14762. body .PageContent > ul {
  14763.     position: relative !important;
  14764.     display: inline-block !important;
  14765.     width: 100% !important;
  14766.     min-width: 52.9% !important;
  14767.     max-width: 52.9% !important;
  14768.     margin: 0 0 0 20% !important;
  14769.     padding: 5px 20px;
  14770.     margin-left: 20% !important;
  14771.     background: #222 !important;
  14772. }
  14773. body .PageContent > pre {
  14774.     position: relative !important;
  14775.     display: inline-block !important;
  14776.     width: 100% !important;
  14777.     min-width: 52.9% !important;
  14778.     max-width: 52.9% !important;
  14779.     margin: 0 0 0 20% !important;
  14780.     padding: 5px 0px !important;
  14781.     margin-left: 20% !important;
  14782.     background: #222 !important;
  14783. }
  14784. body .PageContent > h3,
  14785. body .PageContentt > h2,
  14786. body .PageContent > p {
  14787.     display: inline-block !important;
  14788.     width: 100% !important;
  14789.     min-width: 55% !important;
  14790.     max-width: 55% !important;
  14791.     margin: 0 0 0 20% !important;
  14792.     padding: 0 0vw 0 1vw !important;
  14793.     text-align: left !important;
  14794.     overflow: hidden !important;
  14795.     overflow: auto;
  14796. }
  14797. body .PageContent > p:last-of-type {
  14798.     display: inline-block !important;
  14799.     width: 100% !important;
  14800.     min-width: 55% !important;
  14801.     max-width: 55% !important;
  14802.     margin: 0 0 60px 20% !important;
  14803.     padding: 0 0vw 0 1vw !important;
  14804.     /* border: 1px solid aqua  !important; */
  14805. }
  14806.  
  14807. body .PageContent > h3,
  14808. body .PageContent > h2 {
  14809.     display: inline-block !important;
  14810.     width: 100% !important;
  14811.     min-width: 55% !important;
  14812.     max-width: 55% !important;
  14813.     margin: 10px 0 0 20% !important;
  14814.     padding: 0 0vw 0 0.5vw !important;
  14815.     background: #222 !important;
  14816. }
  14817.  
  14818.  
  14819. /* END ==== (new232) URL-PREF - HELP CODING ==== */
  14820. }
  14821.  
  14822. @-moz-document url-prefix("https://userstyles.org/terms-of-use"), url-prefix("https://userstyles.org/d/terms-of-use") {
  14823. /* (Userstyles.org) HELP - TERM OF USE PAGE = START - URL-PREF -  ==== */
  14824. #nav-view-responsive {
  14825.     display: inline-block;
  14826.     flex-direction: unset;
  14827.     height: 100%;
  14828.     min-height: 100%;
  14829.     width: 100%;
  14830.     padding: 0 !important;
  14831. }
  14832.  
  14833. #view-responsive.us-center-items-horizontally {
  14834.     top: 0 !important;
  14835. }
  14836. body[cz-shortcut-listen="true"] {
  14837.     display: inline-block !important;
  14838.     width: 100% !important;
  14839.     height: 100% !important;
  14840.     min-height: 100vh !important;
  14841.     max-height: 100vh !important;
  14842.     text-align: center !important;
  14843.     overflow: hidden !important;
  14844.     /* background: red !important; */
  14845.     color: #929292;
  14846. }
  14847. .init_loader + .PageContent {
  14848.  
  14849.     display: inline-block !important;
  14850.     width: 100% !important;
  14851.     min-width: 100% !important;
  14852.     max-width: 100% !important;
  14853.     height: 100% !important;
  14854.     max-height: 100vh !important;
  14855.     min-height: 100vh !important;
  14856.  
  14857.     padding: 0 0px 0 0px !important;
  14858.     /* text-align: center !important; */
  14859.     overflow: hidden !important;
  14860.     overflow-y: auto !important;
  14861.     /* background: green !important; */
  14862.     /* border: 1px solid aqua  !important; */
  14863. }
  14864. body[cz-shortcut-listen="true"] .init_loader + .PageContent {
  14865.     /* position: absolute !important; */
  14866.     display: inline-block !important;
  14867.     width: 100% !important;
  14868.     min-width: 99.8% !important;
  14869.     max-width: 99.8% !important;
  14870.     height: 100% !important;
  14871.     max-height: 100vh !important;
  14872.     min-height: 100vh !important;
  14873.     /* margin-top: 20vh !important; */
  14874.     padding: 0 0px 0 0px !important;
  14875.     /* text-align: center !important; */
  14876.     overflow: hidden !important;
  14877.     /*     overflow-y: auto !important; */
  14878.     /* background: red !important; */
  14879.     /* border: 1px solid aqua  !important; */
  14880. }
  14881.  
  14882. body[cz-shortcut-listen="true"] .init_loader + .PageContent #root #container-responsive #view-responsive.us-center-items-horizontally {
  14883.     position: absolute;
  14884.     display: inline-block;
  14885.     justify-content: unset;
  14886.     margin: 0;
  14887.     max-height: 91.3vh !important;
  14888.     min-height: 91.3vh !important;
  14889.  
  14890.     overflow: hidden !important;
  14891.     /* overflow-y: auto !important; */
  14892.     background: #333 !important;
  14893. }
  14894. /*  #view-responsive.us-center-items-horizontally .view_inner , */
  14895. body[cz-shortcut-listen="true"] .init_loader + .PageContent #root #container-responsive .view_inner {
  14896.     position: relative !important;
  14897.     display: inline-block !important;
  14898.     flex-direction: unset !important;
  14899.     justify-content: unset !important;
  14900.     margin-top: 10px;
  14901.     width: 100% !important;
  14902.     height: auto !important;
  14903.     top: 0vh !important;
  14904.     overflow: hidden !important;
  14905.     overflow-y: hidden !important;
  14906.     text-align: center !important;
  14907.     /* background: blue  !important; */
  14908. }
  14909.  
  14910. body[cz-shortcut-listen="true"] .init_loader + .PageContent #root #container-responsive {
  14911.     position: absolute !important;
  14912.     display: inline-block !important;
  14913.     justify-content: unset !important;
  14914.     width: 100% !important;
  14915.     max-width: 50% !important;
  14916.     height: 100% !important;
  14917.     /*     max-height: 92vh !important;
  14918.     min-height: 92vh !important; */
  14919.     margin: 0;
  14920.     top: 8vh;
  14921.     left: 29% !important;
  14922.     padding: 0 0px 0 0px !important;
  14923.     text-align: left !important;
  14924.     /* overflow: hidden !important; */
  14925.     overflow-y: hidden !important;
  14926.     /* background: #222 !important; */
  14927.     /* border: 1px solid yellow !important; */
  14928. }
  14929.  
  14930.  
  14931. .PageContent iframe {
  14932.     display: inline-block !important;
  14933.     width: 90%;
  14934.  
  14935.     /* background: red !important; */
  14936. }
  14937.  
  14938. .sub-title {
  14939.     color: gold !important;
  14940.     font-size: 18px;
  14941.     font-stretch: normal;
  14942.     font-style: normal;
  14943.     font-weight: bold;
  14944.     letter-spacing: normal;
  14945.     line-height: normal;
  14946. }
  14947. /* END ==== (new232) URL-PREF - HELP - TERM OF USE PAGE  ==== */
  14948. }
  14949.  
  14950. @-moz-document url-prefix("https://userstyles.org/faq") {
  14951. /* (Userstyles.org) - FAQ = START - URL-PREF ==== */
  14952. #view-responsive.us-center-items-horizontally {
  14953.     position: absolute;
  14954.     display: inline-block;
  14955.     justify-content: unset;
  14956.     margin: 0;
  14957.     top: 8vh;
  14958.     max-height: 96vh !important;
  14959.     min-height: 96vh !important;
  14960.     overflow: hidden !important;
  14961.     overflow-y: auto !important;
  14962.     background: #111 !important;
  14963.     border: 1px solid red !important;
  14964. }
  14965.  
  14966. /* END ==== (new232) URL-PREF - FAQ  ==== */
  14967. }
  14968.  
  14969. @-moz-document url-prefix("https://userstyles.org/privacy-policy") {
  14970. /* (Userstyles.org) PRIVACY POLICY = START - URL-PREF  ==== */
  14971. body {
  14972.     position: absolute !important;
  14973.     display: inline-block;
  14974.     width: 100% !important;
  14975.     min-width: 100% !important;
  14976.     max-width: 100% !important;
  14977.     max-height: 100vh !important;
  14978.     min-height: 100vh !important;
  14979.     top: 0 !important;
  14980.     overflow-y: auto !important;
  14981.     background: #111 !important;
  14982.     /* border: 1px solid aqua !important; */
  14983. }
  14984.  
  14985. body #__next {
  14986.     position: absolute;
  14987.     display: inline-block;
  14988.     max-height: 100vh !important;
  14989.     min-height: 100vh !important;
  14990.     margin: unset !important;
  14991.     overflow: hidden !important;
  14992.     overflow-y: auto !important;
  14993.     background: #111 !important;
  14994.     /* border: 1px solid red !important; */
  14995. }
  14996. .terms-of-use_termsWrapper__8olE4 {
  14997.     margin: 0 auto;
  14998.     width: 100% !important;
  14999.     padding: 4vh 18vw;
  15000.     /* color: gray !important; */
  15001. }
  15002. /* END ==== (new232) URL-PREF - PRIVACY POLICY  ==== */
  15003. }
  15004.  
  15005. @-moz-document url-prefix("https://userstyles.org/bounty-campaign"), url("https://userstyles.org/"), url("https://userstyles.org") {
  15006. /* (Userstyles.org) Usertyles.org BOUNTY CAMPAIGN = START - URL + URL-PREF -  ==== */
  15007. /* SUPP - URL-PREF - Usertyles.org BOUNTY CAMPAIG */
  15008. .adContainer + div,
  15009. .adContainer + .category_head + .us-stylecards__container.us-stylecards__container--narrow + div,
  15010. .adContainer + .category_head + .us-stylecards__container.us-stylecards__container--narrow,
  15011. .adContainer + .category_head,
  15012. .changesBanner,
  15013. .HomePage.HomePage .bannerWrapper,
  15014. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer + .category_head + .us-stylecards__container + div,
  15015. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer + .category_head + .us-stylecards__container,
  15016. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer + .category_head,
  15017. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer,
  15018. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > div:first-of-type .changesBanner,
  15019. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > div:first-of-type a,
  15020. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > div:first-of-type {
  15021.     display: none !important;
  15022. }
  15023.  
  15024.  
  15025. htlm,
  15026. body {
  15027.     background: #333!important;
  15028.     color: #929292;
  15029.     overflow: auto !important;
  15030.     text-align: left;
  15031.     width: 100%;
  15032.     /* border: 1px solid yellow !important; */
  15033. }
  15034.  
  15035. li[class="bounty-campaign-rules_ruleItem__gxRUk"]:nth-child(3):after {
  15036.     content: "▶  But ... any new userstyle posted normaly should be enroled to the competition too ;-)" !important;
  15037.     position: relative !important;
  15038.     display: inline-block !important;
  15039.     margin: 0px 0 20px 0 !important;
  15040.     top: 27px !important;
  15041.     left: -20% !important;
  15042.     padding: 4px 5px !important;
  15043.     border-radius: 10px !important;
  15044.     color: white !important;
  15045.     background: green !important;
  15046. }
  15047.  
  15048. html {
  15049.     display: inline-block;
  15050.     width: 100%;
  15051.     max-height: 98.5vh !important;
  15052.     min-height: 98.5vh !important;
  15053.     overflow: hidden !important;
  15054.     overflow-x: hidden !important;
  15055.     overflow-y: hidden !important;
  15056.     border-bottom: 1px solid aqua !important;
  15057. }
  15058. .bounty-campaign-landingpage_pageWrapper___SXEa,
  15059. #__next div[class*="bounty-campaign-landingpage_pageWrapper"] {
  15060.     display: inline-block;
  15061.     max-height: 98.5vh !important;
  15062.     min-height: 98.5vh !important;
  15063.     min-width: 100% !important;
  15064.     padding-top: 72px;
  15065.     overflow: hidden !important;
  15066.     overflow-x: hidden !important;
  15067.     overflow-y: auto !important;
  15068. }
  15069. [class^="bounty-campaign-promotion_podiumWrapper__"] img {
  15070.     width: 300px !important;
  15071. }
  15072. .bounty-campaign-promotion_promotionWrapper__WfEws .bounty-campaign-promotion_stepsWrapper__NL5Rb,
  15073. [class^="bounty-campaign-promotion_promotionWrapper__"] [class^="bounty-campaign-promotion_stepsWrapper__"] {
  15074.     margin-top: -190px !important;
  15075.     padding: 0 20% !important;
  15076.     width: 100%;
  15077. }
  15078. [class^="bounty-campaign-timer_countdown__"] {
  15079.     font-size: 104px !important;
  15080.     margin: -33px 0 60px 0 !important;
  15081. }
  15082. [class^="bounty-campaign-timer_countdown__"] [class^="bounty-campaign-timer_countdownItemLabel__"] {
  15083.     bottom: 12px !important;
  15084. }
  15085. [class^="bounty-campaign-timer_countdownItem__"] {
  15086.     width: 133px !important;
  15087. }
  15088.  
  15089. [class^="bounty-campaign-landingpage_leaderboardWrapper__"] {
  15090.     padding: 0 20% !important;
  15091. }
  15092.  
  15093.  
  15094. /* END ==== (new237) URL-PREF - Usertyles.org BOUNTY CAMPAIGN  ==== */
  15095. }
  15096.  
  15097. @-moz-document url-prefix("https://forum.userstyles.org/discussion/") {
  15098. /* (Userstyles.org) DISCUSSION = START - URL-PREF -  ==== */
  15099. html {
  15100.     display: inline-block !important;
  15101.     width: 100%;
  15102.     height: 100% !important;
  15103.     min-height: 92vh !important;
  15104.     max-height: 92vh !important;
  15105.     overflow: hidden !important;
  15106.     overflow-y: auto !important;
  15107.     color: #929292;
  15108.     background: red !important;
  15109. }
  15110.  
  15111.  
  15112. /* END ==== (new235) URL-PREF - USERSTYLES DISCUSSION  ==== */
  15113. }
  15114.  
  15115. @-moz-document url("https://userstyles.org/") {
  15116. /* (Userstyles.org) HOME (OLD) = START - URL - === */
  15117. /* (new239) URL PREF - USERSTYLES - HOME (OLD)  */
  15118. #container-responsive .view_inner {
  15119.     font-size: 0 !important;
  15120. }
  15121. /* END ==== (new239) URL-PREF - USERSTYLES - HOME (OLD) === */
  15122. }
  15123.  
  15124. @-moz-document url-prefix("https://userstyles.org/user-profile/"), url-prefix("https://userstyles.org/") {
  15125. /* (Userstyles.org) NEW DESIGN - PROFILE /HOME / ETC = START - URL-PREF - === */
  15126. /* (new239) NEW DESIGN - HOME */
  15127. [class^="header_header__"] {
  15128.     position: fixed !important;
  15129.     display: inline-block !important;
  15130.     width: 100% !important;
  15131.     height: 40px !important;
  15132.     top: 0 !important;
  15133.     padding: 0 !important;
  15134.     background-color: #111 !important;
  15135.     z-index: 1000 !important;
  15136.     align-items: center;
  15137.     color: #fff;
  15138. }
  15139. [class^="header_header__"] [class^="header_logoWrapper__"] {
  15140.     display: inline-block !important;
  15141.     width: 240px;
  15142.     height: 40px !important;
  15143.     padding-left: 32px;
  15144.     margin: 0 0 0 0 !important;
  15145. }
  15146. [class^="header_header__"] [class^="header_logoWrapper__"] > div {
  15147.     display: inline-block !important;
  15148.     height: 40px !important;
  15149. }
  15150. .header_header__GSKJx .header_rightWrapper__ALiM5 {
  15151.     position: relative !important;
  15152.     top: -5vh !important;
  15153.     left: 300px !important;
  15154.     height: 40px !important;
  15155.     width: 60% !important;
  15156. }
  15157.  
  15158.  
  15159. [class^="Home_homepageWrapper__"] [class^="Home_banner__"] {
  15160.     position: relative !important;
  15161.     display: inline-block !important;
  15162.     width: 100% !important;
  15163.     height: 220px !important;
  15164.     top: 3vh !important;
  15165.     padding: 0 32px;
  15166.     margin: 0vh 0 0 0 !important;
  15167.     background: #111 !important;
  15168. }
  15169. [class^="welcome-banner_bold__"] {
  15170.     font-size: 20px !important;
  15171.     color: #feb596;
  15172.     margin-right: 32px;
  15173. }
  15174. [class^="welcome-banner_italic__"] {
  15175.     top: 0 !important;
  15176.     font-size: 24px !important;
  15177.     color: #acddf9;
  15178. }
  15179. [role="logo"] {
  15180.     width: 160px !important;
  15181.     height: 116px !important;
  15182.     overflow: hidden;
  15183.     margin: 0px auto;
  15184. }
  15185. [class^="welcome-banner_title__"] {
  15186.     margin: -25px 0 -10px 0 !important;
  15187. }
  15188. [class^="styles-gallery_gallery__"] {
  15189.     background-color: #111 !important;
  15190.     border-radius: 0;
  15191.     overflow: hidden;
  15192.     margin: -1.9vh 32px 0 32px !important;
  15193.     height: 100% !important;
  15194.     min-height: 100vh !important;
  15195.     max-height: 100vh !important;
  15196. }
  15197. [class^="styles-gallery_gallery__"] [class^="styles-gallery_scrollWrapper__"] {
  15198.     height: 100% !important;
  15199.     min-height: 100vh !important;
  15200.     max-height: 100vh !important;
  15201. }
  15202. /* (new241) TOP HEADER - AVATAR MENU */
  15203. [class^="stylish-popover_popoverWrapper__"] [class^="stylish-popover_popoverContentWrapper__"][class*="stylish-popover_positionDefault__"] [class^="user-menu_userMenu__"] {
  15204.     position: absolute !important;
  15205.     display: inline-block !important;
  15206.     margin: 0 0 0 0px !important;
  15207.     left: 20px !important;
  15208.     top: -4.5vh !important;
  15209.     z-index: 500000 !important;
  15210.     border: 1px solid red !important;
  15211. }
  15212. [class^="stylish-popover_popoverWrapper__"] [class^="stylish-popover_popoverContentWrapper__"][class*="stylish-popover_positionDefault__"] [class^="user-menu_userMenu__"] [class^="user-menu_button__"] {
  15213.     padding: 2px 16px !important;
  15214. }
  15215.  
  15216. /* (new241) MENU TOP - SORT */
  15217. [class^="styles-gallery_gallery__"] [class^="styles-gallery_scrollWrapper__"] [class^="sort-dropdown_dropdownWrapper__"] [class^="sort-dropdown_dropdownMenu__"] {
  15218.     z-index: 55571 !important;
  15219. }
  15220. [class^="styles-grid_grid__"] [class^="styles-grid_gridHeader__"] > div {
  15221.     height: 2vh !important;
  15222.     margin: 0vh 0 0vh 0 !important;
  15223. }
  15224.  
  15225. /* SEARCH - SORT BUTTON - PB Only When USERSTYLE open */
  15226. [class^="styles-grid_grid__"] [class^="styles-grid_gridHeader__"] > div[class^="sort-buttons_sortContainer__"] {
  15227.     position: fixed !important;
  15228.  
  15229.     height: 4vh !important;
  15230.     margin: -1.6vh 0 0vh 0 !important;
  15231.     left: unset !important;
  15232.     right: 50px !important;
  15233.     padding: 0 20px !important;
  15234.     border-radius: 16px !important;
  15235.     z-index: 5000000000 !important;
  15236.     background-color: red !important;
  15237. }
  15238.  
  15239. [class^="styles-strip_stylesStrip__"] [class^="styles-strip_stripHeader__"] {
  15240.     padding: 0 32px 0 40px !important;
  15241.     margin: 0 0 0.5vh 0 !important;
  15242. }
  15243.  
  15244. /* (new239) NEW DESIGN - PROFILE */
  15245. [class^="header_header__"] {
  15246.     padding: 0 !important;
  15247. }
  15248. [class^="user-profile_profilePageWrapper___"] {
  15249.     padding: 0px 5px !important;
  15250. }
  15251. [class^="user-profile_headerWrapper__"] {
  15252.     position: absolute !important;
  15253.     top: 10vh !important;
  15254.     right: 25% !important;
  15255. }
  15256. [class^="home-round-button_homeButton"] a {
  15257.     background-color: #111 !important;
  15258. }
  15259. [class^="user-profile_save__"] {
  15260.     padding: 0px 24px !important;
  15261.     background-color: #111 !important;
  15262. }
  15263.  
  15264. [class^="user-profile_profilePageWrapper___"] [class^="user-profile_sections__"] {
  15265.     position: relative !important;
  15266.     margin: -3vh 0 0 0 !important;
  15267.     top: 0vh !important;
  15268.     padding: 0vh 0 0 0 !important;
  15269. }
  15270. [class^="user-profile_section__"] {
  15271.     position: relative;
  15272.     height: 92vh !important;
  15273.     top: 7.5vh !important;
  15274.     border: 1px solid red !important;
  15275. }
  15276. [class^="user-profile_sectionScroll__"] {
  15277.     height: 91vh !important;
  15278.     margin: 0 0 0 0px !important;
  15279.     padding: 0vh 0 0 0 !important;
  15280. }
  15281.  
  15282. [class^="create-your-next-style_createNextStyleWrapper__"] {
  15283.     height: 80px;
  15284.     margin: 0 0 5px 0 !important;
  15285.     border-radius: 80px;
  15286.     border: 1px solid red !important;
  15287. }
  15288.  
  15289.  
  15290. [class^="user-profile_profilePageWrapper___"] [class^="user-profile_sections__"] [class*="user-profile_profileSection__"] {
  15291.     display: inline-block !important;
  15292.     max-width: 400px !important;
  15293.     min-width: 400px !important;
  15294.     margin: 0 0 0 0px !important;
  15295.     border: 1px solid yellow !important;
  15296. }
  15297. [class^="profile_profileImage__"] {
  15298.     width: 80px!important;
  15299.     height: 80px!important;
  15300.     margin: 0 0 0 0px !important;
  15301. }
  15302. [class^="user-profile_profilePageWrapper___"] [class^="user-profile_sections__"] [class*="user-profile_profileSection__"] [class^="profile_profileSection__"] {
  15303.     border-radius: 0;
  15304.     padding: 5vh 10px 10px;
  15305. }
  15306. [class^="profile_profileSection__"] [class^="profile_displayName__"] {
  15307.     margin: 0 0 0 0px !important;
  15308. }
  15309. [class^="profile_profileSection__"] [class^="profile_fieldWrapper__"] {
  15310.     padding: 5px 24px !important;
  15311.     margin: 0 0 10px 0px !important;
  15312. }
  15313. [class^="profile_profileSection__"] [class^="profile_fieldWrapper__"][class*="profile_colField__"] {
  15314.     padding: 5px 5px !important;
  15315.     border: 1px solid lime !important;
  15316. }
  15317. .profile_profileSection__6xfL_ .profile_textAreaInput__oQKwL {
  15318.     font-size: 15px !important;
  15319.     color: silver;
  15320. }
  15321.  
  15322. [class^="styles-list_stylesListWrapper__"] {
  15323.     display: inline-block !important;
  15324.     height: 76vh !important;
  15325.     overflow: hidden !important;
  15326.     overflow-y: auto !important;
  15327.     /* border: 1px solid yellow !important; */
  15328. }
  15329.  
  15330. /* ARCHIVED :not([data-tooltip-content="Delete style"])  - div:not([data-stylish="archive-style"])  */
  15331. [class^="styles-list_stylesListWrapper__"] [class^="styles-list_styleRow__"]:not(:hover) [class^="styles-list_buttonsWrapper__"] [class^="styles-list_archiveStyleButton__"][data-tooltip-content="Delete style"] [class*="stylish-button_greenWithOpacity__"] {
  15332.     position: absolute !important;
  15333.     display: inline-block !important;
  15334.     height: 2vh;
  15335.     margin: 80px 0 0 -60px !important;
  15336.     font-size: 16px;
  15337.     transform: rotate(90deg) !important;
  15338.     visibility: visible !important;
  15339.     z-index: 500 !important;
  15340. }
  15341.  
  15342.  
  15343. [class^="styles-list_stylesListWrapper__"] [class^="styles-list_styleRow__"] {
  15344.     float: left !important;
  15345.     display: flex;
  15346.     height: 168px;
  15347.     width: 49.1% !important;
  15348.     margin: 0 5px 5px 5px !important;
  15349.     padding: 5px !important;
  15350.     border-radius: 5px;
  15351.     border: 1px solid red !important;
  15352. }
  15353. [class^="styles-list_styleImage__"] {
  15354.     background-position: center center;
  15355.     background-size: contain !important;
  15356.     background-repeat: no-repeat !important;
  15357.     border-radius: 0px !important;
  15358.     min-width: 30% !important;
  15359.     max-width: 30% !important;
  15360. }
  15361. [class^="styles-list_styleDetails__"] {
  15362.     min-width: 70% !important;
  15363.     max-width: 70% !important;
  15364.     padding: 0 0 0 5px !important;
  15365. }
  15366. [class^="styles-list_topDetails__"] {
  15367.     display: flex;
  15368.     width: 100% !important;
  15369. }
  15370. [class*="styles-list_styleDetails_"] [class*="stylish-text_large__"] {
  15371.     font-size: 20px !important;
  15372. }
  15373. [class^="styles-list_styleProps__"] {
  15374.     align-items: flex-start;
  15375.     display: flex;
  15376.     justify-content: flex-start;
  15377.     width: 100% !important;
  15378. }
  15379. [class^="styles-list_propWrapper__"] {
  15380.     height: 60px !important;
  15381.     margin: 0 !important;
  15382.     padding: 0 4px !important;
  15383.     text-align: center !important;
  15384.     border-right: 1px solid red !important;
  15385. }
  15386. [class^="styles-list_propWrapper__"]:last-of-type {
  15387.     border-right: none !important;
  15388. }
  15389.  
  15390. [class^="style_styleDetailsWrapper__"] {
  15391.     position: sticky !important;
  15392.     padding: 5px 20px !important;
  15393.     z-index: 5000 !important;
  15394.     background-color: #222 !important;
  15395.     border: 1px solid red !important;
  15396. }
  15397. [class^="style-details_top__"] [class^="style-details_topLeft__"] {
  15398.     position: relative !important;
  15399.     display: inline-block !important;
  15400.     width: 100% !important;
  15401.     min-width: 100% !important;
  15402.     text-align: center !important;
  15403. }
  15404. [class^="style-details_detailsWrapper___"] [class^="style-details_top__"] [class^="style-details_styleName"] [class^="style-details_styleNameEllipsis__"] {
  15405.     color: white !important;
  15406. }
  15407.  
  15408. /* EDIT INSTAL */
  15409. [class^="style-details_detailsWrapper___"] [class^="style-details_top__"] [class^="style-details_topRight__"] {
  15410.     position: absolute !important;
  15411.     display: inline-block !important;
  15412.     align-items: unset;
  15413.     justify-content: unset;
  15414.     right: 20px !important;
  15415.     top: 8vh !important;
  15416.     /*border: 1px solid lime !important;*/
  15417. }
  15418.  
  15419. [class^="style-details_detailsWrapper___"] [class^="style-details_top__"] [class*="style-details_topRight__"] {
  15420.     position: absolute !important;
  15421.     display: inline-block !important;
  15422.     vertical-align: top !important;
  15423.     width: 100% !important;
  15424.     height: 6vh !important;
  15425.     line-height: 0px !important;
  15426.     min-width: 50% !important;
  15427.     max-width: 50% !important;
  15428.     top: 9vh !important;
  15429.     left: 25% !important;
  15430.     text-align: center !important;
  15431.     background-color: #141414;
  15432.     padding: 0 16px;
  15433.     border-radius: 16px;
  15434.     border: 1px solid red !important;
  15435. }
  15436. [class^="style-details_detailsWrapper___"] [class^="style-details_customizeButtonWrapper__"] {
  15437.     position: relative !important;
  15438.     display: inline-block !important;
  15439.     height: 5vh !important;
  15440.     margin: 0.5vh 10px 0px 0 !important;
  15441.     top: 5px !important;
  15442. }
  15443. /* NO EDIT / NOT LOGIN */
  15444. [class^="style-details_detailsWrapper___"] [class^="style-details_customizeButtonWrapper__"]:empty {
  15445.     display: none !important;
  15446. }
  15447. [class^="style-details_detailsWrapper___"] [class^="style-details_customizeButtonWrapper__"]:empty + [class^="install-style-button_buttonWrapper___"] {
  15448.     position: relative !important;
  15449.     display: inline-block !important;
  15450.     height: 5vh !important;
  15451.     margin: 0vh 10px 0px 0 !important;
  15452.     top: 1vh !important;
  15453.     /*border: 1px solid red !important;*/
  15454. }
  15455. /* (new241) INSTALLED */
  15456. [class^="install-style-button_styleInstalledLabel__"] {
  15457.     display: flex;
  15458.     align-items: center;
  15459.     justify-content: center;
  15460.     border-radius: 64px;
  15461.     background-color: rgba(125, 222, 186, .5);
  15462.     height: 5vh !important;
  15463.     padding: 0 16px;
  15464.     color: #323232;
  15465.     width: 184px;
  15466. }
  15467.  
  15468. [class*="expand-button_expandButton__"][class*="expand-button_medium__"][class*="expand-button_softPink__"][class*="expand-button_bordered__"] {
  15469.     font-weight: 600;
  15470.     font-size: 14px !important;
  15471.     height: 35px !important;
  15472.     min-width: 64px;
  15473. }
  15474. [class*="expand-button_expandButton__"][class*="expand-button_medium__"][class*="expand-button_bordered__"]:hover {
  15475.     height: 35px !important;
  15476.     font-size: 25px !important;
  15477.     background-color: red !important;
  15478. }
  15479. [class*="expand-button_expandButton__"][class*="expand-button_medium__"][class*="expand-button_bordered__"]:hover span.expand-button_text__tolxL {
  15480.     height: 35px !important;
  15481.     line-height: 35px !important;
  15482.     font-size: 25px !important;
  15483.     font-size: 24px !important;
  15484.     color: yellow !important;
  15485. }
  15486. [class^="install-style-button_buttonWrapper___"] {
  15487.     position: relative;
  15488.     display: inline-block !important;
  15489.     height: 35px !important;
  15490.     top: -4px !important;
  15491. }
  15492. [class^="install-style-button_installStyleButtonWrapper__"] {
  15493.     display: flex;
  15494.     align-items: center;
  15495.     justify-content: flex-end;
  15496.     height: 35px !important;
  15497. }
  15498.  
  15499. [class*="stylish-button_btn__"][class*="stylish-button_blue__"] {
  15500.     height: 35px !important;
  15501.     color: #323232;
  15502.     background-color: #acddf9;
  15503. }
  15504. /* (new240) */
  15505. [class*="style-header_styleHeader__"] {
  15506.     position: sticky !important;
  15507.     display: inline-block !important;
  15508.     display: flex;
  15509.     align-items: center;
  15510.     justify-content: space-between;
  15511.     height: 20px;
  15512.     width: 100% !important;
  15513.     top: 0 !important;
  15514.     margin: 0 0 0 0 !important;
  15515.     padding: 0 16px;
  15516.     z-index: 50000 !important;
  15517.     /*	background-color: #acddf9; */
  15518. }
  15519. [class*="style-header_category__"] {
  15520.     border-radius: 5px !important;
  15521.     background-color: #222 !important;
  15522.     padding: 0 16px;
  15523.     margin: 0 0 0 5px;
  15524. }
  15525.  
  15526. a[data-stylish^="close-style-page-button"] {
  15527.     border-radius: 5px !important;
  15528.     background-color: green!important;
  15529.     padding: 0 16px;
  15530. }
  15531. /* CLOSE BUTTON EXTENTED */
  15532. a[data-stylish^="close-style-page-button"]:after,
  15533. a[data-stylish^="close-style-page-button"]:before {
  15534.     content: "......" !important;
  15535.     position: fixed !important;
  15536.     display: inline-block !important;
  15537.     width: 20% !important;
  15538.     height: 100% !important;
  15539.     line-height: 100vh !important;
  15540.     font-size: 50px !important;
  15541.     text-align: center !important;
  15542.     background-color: #22222269 !important;
  15543.     z-index: 0 !important;
  15544. }
  15545. a[data-stylish^="close-style-page-button"]:before {
  15546.     left: 0 !important;
  15547.     top: 0 !important;
  15548. }
  15549. a[data-stylish^="close-style-page-button"]:after {
  15550.     right: 2px !important;
  15551.     top: 0 !important;
  15552. }
  15553. .style-navigation_navButtonWrapper__qbLNx {
  15554.     position: fixed;
  15555.     bottom: calc(50% - 32px);
  15556.     z-index: 500000 !important;
  15557. }
  15558.  
  15559. .style-header_closeIcon__V1XdV {
  15560.     fill: white !important;
  15561.     transform: scale(.8);
  15562. }
  15563.  
  15564. /* (new241) */
  15565. [class^="style_styleCard__"] {
  15566.     position: sticky !important;
  15567.     display: inline-block !important;
  15568.     width: 60% !important;
  15569.     min-width: 60% !important;
  15570.     max-width: 60% !important;
  15571.     top: -18vh !important;
  15572.     margin-top: 5px !important;
  15573.     border-radius: 5px 5px 0 0 !important;
  15574.     box-shadow: 0 0 56px rgba(50, 50, 50, .24);
  15575.     background-color: #111 !important;
  15576.     border: 1px solid red !important;
  15577. }
  15578. [class^="style_styleCard__"] [class^="style-image_styleImageWrapper__"][class*="style-image_withAd__"],
  15579. [class^="style_styleCard__"] [class^="style-image_styleImageWrapper__"] {
  15580.     width: 100% !important;
  15581.     max-width: 100% !important;
  15582.     height: 48vh !important;
  15583.     margin: -1vh 0 1vh 0 !important;
  15584.     border-radius: 0px !important;
  15585.     background-position: center center;
  15586.     background-size: contain !important;
  15587.     background-repeat: no-repeat !important;
  15588.     background-color: #111 !important;
  15589.     /*border: 1px solid lime  !important;*/
  15590. }
  15591. [class^="style-image_styleImage__"] {
  15592.  
  15593.     border-radius: 0px !important;
  15594.     width: 100% !important;
  15595.     min-width: 100% !important;
  15596.     max-width: 100% !important;
  15597.     height: 48vh !important;
  15598.     margin: -1vh 0 1vh 0 !important;
  15599.     background-position: center center;
  15600.     background-size: contain !important;
  15601.     background-repeat: no-repeat !important;
  15602.     object-fit: contain !important;
  15603.     background-color: #111 !important;
  15604.     border: 1px solid silver !important;
  15605. }
  15606.  
  15607.  
  15608. [class^="style_commentsWrapper__"] {
  15609.     flex: 1 1 !important;
  15610.     padding: 20px 24px 24px;
  15611. }
  15612. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"]:not([class*="info-content_readMoreOpen__"]) {
  15613.     font-size: 15px;
  15614.     min-height: 0vh !important;
  15615.     max-height: 17vh !important;
  15616.     line-height: 19px !important;
  15617.     padding: 3px 5px !important;
  15618.     overflow: hidden !important;
  15619.     overflow-y: auto !important;
  15620.     color: #fff;
  15621. }
  15622. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"][class*="info-content_readMoreOpen__"] {
  15623.     font-size: 15px;
  15624.     min-height: 5vh !important;
  15625.     max-height: 100vh !important;
  15626.     line-height: 19px !important;
  15627.     border-left: 4px solid red !important;
  15628. }
  15629. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"][class*="info-content_readMoreOpen__"] > div {
  15630.     padding: 0 0 0 5px;
  15631. }
  15632. /* SEARCH */
  15633. .styles-grid_grid__0cBgt .styles-grid_gridHeader__Ni2IQ {
  15634.     margin: 0 !important;
  15635. }
  15636. [class^="category-filter_categoryFilter__"] {
  15637.     background-color: #323232;
  15638.     position: sticky;
  15639.     top: 9vh !important;
  15640.     padding: 0 !important;
  15641.     z-index: 1000;
  15642. }
  15643. [class^="styles-grid_grid__"] {
  15644.     display: inline-block !important;
  15645.     margin: 2vh 0 0 0 !important;
  15646.     padding: 0vh 0px 0px 05px !important;
  15647.     border-radius: 0 !important;
  15648.     background: #111;
  15649.     border: 1px solid yellow !important;
  15650. }
  15651. [class^="styles-grid_grid__"] [class^="styles-grid_gridItems__"] {
  15652.     display: inline-block !important;
  15653.     flex-wrap: unset !important;
  15654.     grid-template-columns: unset !important;
  15655.     grid-gap: unset !important;
  15656.     /*     gap: unset !important; */
  15657.     min-height: 79.8vh !important;
  15658.     max-height: 79.8vh !important;
  15659.     line-height: 19px !important;
  15660.     margin: 5.5vh 0px 0px 0 !important;
  15661.     padding: 3px 30px !important;
  15662.     border-radius: 0 !important;
  15663.     overflow: hidden !important;
  15664.     overflow-y: auto !important;
  15665.     border: 1px solid red !important;
  15666. }
  15667. [class^="styles-grid_loadMoreBtnWrapper__"] {
  15668.     margin: 0 0 0 0 !important;
  15669. }
  15670. [class^="styles-grid_styleCubeWrapper_"] {
  15671.     display: inline-block !important;
  15672.     width: auto !important;
  15673.     margin: 0 15px 8px 0 !important;
  15674. }
  15675. [class^="styles-grid_styleCubeWrapper_"]:first-of-type {
  15676.     margin: 0 0px 8px 0 !important;
  15677. }
  15678. [class^="styles-grid_styleCubeWrapper_"] a {
  15679.     display: inline-block !important;
  15680.     width: 100% !important;
  15681.     min-width: 22.2vw !important;
  15682.     max-width: 22.2vw !important;
  15683.     padding: 5px;
  15684.     border-radius: 5px !important;
  15685.     border: 1px solid red !important;
  15686. }
  15687. [class^="styles-grid_styleCubeWrapper_"] a [class*="style-cube_withHover__"]:hover {
  15688.     border-radius: 5px !important;
  15689.     background-color: #111 !important;
  15690.     border: 1px solid aqua !important;
  15691. }
  15692. [class^="styles-grid_styleCubeWrapper_"] a [class^="style-cube_styleName__"] {
  15693.     color: gold !important;
  15694. }
  15695.  
  15696.  
  15697. /* (new240) */
  15698. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"],
  15699. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateUpdated__"],
  15700. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateCreated__"] {
  15701.     position: fixed !important;
  15702.     display: inline-block !important;
  15703.     width: 7% !important;
  15704.     height: 8.5vh !important;
  15705.     margin: 0 0 0 0 !important;
  15706.     top: 0vh !important;
  15707.     left: 13% !important;
  15708.     padding: 0 0 0 5px !important;
  15709.     text-align: center !important;
  15710.     border-radius: 5px 0 0 5px !important;
  15711.     z-index: 5000 !important;
  15712.     background: #111!important;
  15713. }
  15714. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateCreated__"] {
  15715.     top: 0vh !important;
  15716.     border: 1px solid aqua !important;
  15717.     border-right: 1px solid red !important;
  15718. }
  15719. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateUpdated__"] {
  15720.     top: 8.8vh !important;
  15721.     border: 1px solid pink!important;
  15722.     border-right: 1px solid red !important;
  15723. }
  15724. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"] {
  15725.     line-height: 8.5vh !important;
  15726.     top: 17.8vh !important;
  15727.     border: 1px solid orange!important;
  15728.     border-right: 1px solid red !important;
  15729. }
  15730. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"] .style-info_infoTitle__UErn8 {
  15731.     display: inline-block !important;
  15732.     width: 100%;
  15733.     height: 8.5vh !important;
  15734.     line-height: 3.5vh !important;
  15735.     margin: 10px 0 0 0 !important;
  15736. }
  15737.  
  15738. /* (new241) SEARCH - PAGINATION */
  15739. [class^="styles-grid_paginationWrapper__"] {
  15740.     margin-top: 0px;
  15741.     display: flex;
  15742.     justify-content: space-evenly;
  15743.     color: silver !important;
  15744.     background: #222 !important;
  15745. }
  15746. [class^="styles-grid_paginationWrapper__"] a button {
  15747.     color: silver !important;
  15748.     background: #111 !important;
  15749. }
  15750. [class^="styles-grid_paginationWrapper__"] a button svg {
  15751.     height: 4vh !important;
  15752.     width: 20px !important;
  15753.     fill: silver !important;
  15754. }
  15755.  
  15756.  
  15757. [class^="create-style_pageWrapper__"] {
  15758.     display: inline-block !important;
  15759.     width: 85% !important;
  15760.     min-height: 93.8vh !important;
  15761.     max-height: 93.8vh !important;
  15762.     line-height: 19px !important;
  15763.     margin: 5vh 0 0 10% !important;
  15764.     padding: 0 15% 0 15%;
  15765.     border-radius: 0 !important;
  15766.     overflow: hidden !important;
  15767.     overflow-y: auto !important;
  15768.     border: 1px solid red !important;
  15769. }
  15770. [class^="create-style_pageWrapper__"] > div {
  15771.     display: inline-block !important;
  15772.     width: 100% !important;
  15773.     margin: 1vh 0 0 0 !important;
  15774. }
  15775.  
  15776. /* (new239) */
  15777. [class^="create-style_pageWrapper__"] [class^="create-style_styleSection__"],
  15778. [class^="create-style_formWrapper_"] [class^="create-style_styleSection__"] {
  15779.     margin-bottom: 0px !important;
  15780. }
  15781.  
  15782. /* (new241) EDIT - SECTIONS RESIZE - [class^="create-style_pageWrapper__"][class*="create-style_descriptionTextarea"] */
  15783. [class*="create-style_additionalInfoTextarea__"],
  15784. [class^="create-style_descriptionWrapper__"] [class*="create-style_formControl__"] {
  15785.     min-height: 40vh !important;
  15786.     border-radius: 5px;
  15787.     resize: vertical !important;
  15788.     /*border: 1px solid green!important;*/
  15789. }
  15790. [class*="create-style_additionalInfoTextarea__"] {
  15791.     max-height: 100vh !important;
  15792.     border-radius: 5px !important;
  15793.     resize: vertical !important;
  15794.     /*border: 1px solid violet!important;*/
  15795. }
  15796.  
  15797. [class^="create-style_styleCodeWrapper__"] {
  15798.     display: inline-block !important;
  15799.     width: 100% !important;
  15800.     min-height: 73.8vh !important;
  15801.     max-height: 73.8vh !important;
  15802.     line-height: 19px !important;
  15803.     margin: 5vh 0 0 0 !important;
  15804.     border-radius: 0 !important;
  15805.     overflow: hidden !important;
  15806.     overflow-y: auto !important;
  15807.     /*border: 1px solid green!important;*/
  15808. }
  15809. .CodeMirror-scroll {
  15810.     overflow: scroll!important;
  15811.     margin: 0px !important;
  15812.     padding-bottom: 30px;
  15813.     height: 100%;
  15814.     outline: none;
  15815.     position: relative;
  15816. }
  15817. .CodeMirror-code {
  15818.     display: inline-block !important;
  15819.     width: 100% !important;
  15820.     min-width: 55vw !important;
  15821.     max-width: 55vw !important;
  15822.     outline: none;
  15823. }
  15824. /*.CodeMirror pre {
  15825. 	display: inline-block !important;
  15826. 	width: 100% !important;
  15827. 	min-width: 55vw !important;
  15828. 	max-width: 55vw !important;
  15829.     white-space: pre !important;
  15830.     word-wrap: break-word !important;
  15831.     overflow: hidden !important;
  15832. }*/
  15833. /*.CodeMirror pre span {
  15834. 		display: block !important;
  15835. 	width: 100% !important;
  15836. 	min-width: 100% !important;
  15837. 	max-width: 100% !important;
  15838.     white-space: pre !important;
  15839.     word-wrap: break-word !important;
  15840.     overflow: hidden !important;
  15841. }*/
  15842. /* (new241) EDIT - BOTTOM DESCRIP */
  15843. [class^="create-style_pageWrapper__"] [class*="create-style_formWrapper__"] [class*="create-style_leftBottom__"] {
  15844.     display: inline-block !important;
  15845.     width: 100% !important;
  15846.     margin-top: 5px !important;
  15847.     /*border: 1px solid green!important;*/
  15848. }
  15849. [class^="style-screenshot_screenshotCubeWrapper__"] [class*="style-screenshot_screenshotInputWrapper__"] [class*="style-screenshot_screenshotImg__"] {
  15850.     width: 100%;
  15851.     height: 100%;
  15852.     object-fit: contain !important;
  15853.     overflow: hidden;
  15854.     border-radius: 0px;
  15855.     border: 1px solid red!important;
  15856. }
  15857.  
  15858. /* (new241) SAVE BUTTON */
  15859. [class^="create-style_pageWrapper__"] [class^="create-style_bottomButtonsWrapper__"] {
  15860.     position: fixed !important;
  15861.     top: 6vh !important;
  15862.     left: 6% !important;
  15863.     margin: 0 !important;
  15864.     transform: scale(0.6) !important;
  15865. }
  15866.  
  15867. /* (new241) SUPP - POPUP SHRE */
  15868. [class^="Popup_overlay__"][class*="Popup_show__"] {
  15869.     display: none !important;
  15870. }
  15871.  
  15872. /* END ==== (new239) URL-PREF - USERSTYLES NEW DESIGN - USERSTYLES NEW DESIGN - PROFILE /HOME / ETC  ==== */
  15873. }
  15874.  
  15875.  
  15876.  
  15877.  
  15878.  
  15879.  
  15880.  
  15881.  
  15882.  
  15883.  
  15884.  
  15885.  
  15886.  
  15887.  
  15888.  
  15889.  
  15890.  
  15891.  
  15892.  
  15893.  
  15894.  
  15895.  
  15896.  
  15897.