Userstyles / Greasy Fork Enhancer Dark-Grey v.240

Custom Widescreen CSS theme for and

Stan na 12-10-2023. Zobacz najnowsza wersja.

  1. /* ==UserStyle==
  2. @name Userstyles / Greasy Fork Enhancer Dark-Grey v.240
  3. @namespace https://greasyfork.org/en/users/8-decembre
  4. @version 1.24000.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 url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org"), domain("greasyfork-org.translate.goog") {
  12.  
  13. /* ==== Userstyles / Greasy Fork Enhancer Dark-Grey v.240 (new240) - NEW DESIGN - CHROME - without [datetime] - MINIFIED ==== */
  14.  
  15. /* [A VOIR]:
  16. #preview_image_div .recommendations.loaded
  17. (new226) [A VOIR]
  18. - URL-PRF fr: Forum disc Greas /USERstyle different
  19. ==== */
  20. /* CITRUS FIX by Konf(2020.12.09) :
  21. https://greasyfork.org/en/discussions/requests/69803-help-to-fix-ts-citrus-gfork#comment-173029
  22. [TS] Citrus GFork (Original):
  23. https://greasyfork.org/en/scripts/4336-ts-citrus-gfork
  24. =================== */
  25. /* (new227) SUPPORT: ========
  26. GM "USO - add USOa button on userstyle page" by Achernar (2022):
  27. https://greasyfork.org/fr/scripts/443153-uso-add-usoa-button-on-userstyle-page
  28. AGAINST "PRO" USERSTYLES
  29. GM "Greasy Fork Display User Information" by NotYou (2022):
  30. https://greasyfork.org/fr/scripts/437643-greasy-fork-display-user-information
  31. GM "Greasyfork 快捷编辑收藏" - "Greasyfork script-set-edit button" - "Greasyfork Modification rapide des favoris" by PYUDNG - 2022 :
  32. https://greasyfork.org/fr/scripts/439699-greasyfork-%E5%BF%AB%E6%8D%B7%E7%BC%96%E8%BE%91%E6%94%B6%E8%97%8F
  33. GM "GreasyFork - add a 'send PM to user' button in Greasyfork profile pages"
  34. https://greasyfork.org/fr/scripts/23703-greasyfork-add-a-send-pm-to-user-button-in-greasyfork-profile-pages
  35. GM "Greasyfork - Add notes to the script"
  36. https://greasyfork.org/fr/scripts/404275-greasyfork-add-notes-to-the-script
  37. GM "Greasyfork Search with Sleazyfork Results include":
  38. https://greasyfork.org/fr/scripts/23840-greasyfork-search-with-sleazyfork-results-include
  39.  
  40. IN TEST (but NOT in USE (solved by CSS on iframe):
  41. GM "USO - fix editor's page height" by Achernar:
  42. https://greasyfork.org/fr/scripts/431548-uso-fix-editor-s-page-height
  43. =================== */
  44. /* (new239) SUPP */
  45. [class^="header-buttons_extensionButtonWrapper__"],
  46. [class^="GoogleAd_galleryHeader__"],
  47. [class^="GoogleAd_galleryGridCube__"],
  48. [class*="GoogleAd_"],
  49. [class^="style_adWrapper__"],
  50. [class^="recommended-styles_recommendedStylesWrapper__"],
  51. [class^="style-image_gradient__"],
  52. [class^="header-buttons_goProButton__"],
  53. [class^="user-profile_shadow__"],
  54. [class^="rate-us_rateUsWrapper__"] {
  55. display: none !important;
  56. }
  57.  
  58.  
  59. /* SUPP - SPAM COMMENT (need :has selector):
  60. FROM "userstyles.org Anti-Spam" by sapondanaisriwan
  61. https://userstyles.world/style/7286/userstyles-org-anti-spam
  62. ==== */
  63. /*
  64. #comments-section-wrapper :has(br) {
  65. display: none;
  66. } */
  67. /* (new238) SUPP - CHROME/FIREFOX - SUPP ADD and DIVERS - without adblock */
  68. #preview_image_div .recommendations.loaded,
  69. .bannerWrapper[href="/bounty-campaign?action=enroll"] > img,
  70. .form-controls > a[classname="bannerWrapper"],
  71. .PageContent > a[classname="bannerWrapper"],
  72. a[classname="bannerWrapper"],
  73. #bountyBadgeWrapper,
  74. .upgradeButton .buttonContainer,
  75. .upgradeButton .separator,
  76. /* .upgradeButton , */
  77. /* .bountyCampaignLeaderboardContainer , */
  78. .right #subscription_link,
  79. #modelBackdrip.poptin-popup-background,
  80. .poptin-popup.new-popup,
  81. #easter-egg-wrapper,
  82. .easter-leaderboard-container,
  83. #onesignal-popover-container,
  84. #onesignal-slidedown-container,
  85. .overlay_background,
  86. #installBox,
  87. li.ad-entry,
  88. .ad-entry,
  89. #GM_UpdateWindow,
  90. #script-show-info-ad,
  91. .adsbygoogle,
  92. #share_div,
  93. .NotificationLine,
  94. .hamburger,
  95. .walking,
  96. .android_button_button,
  97. .overlay_background,
  98. .adContainer,
  99. #discussions-area #social.single-style,
  100. #social,
  101. .twitter-share-button,
  102. #twitter-widget-0,
  103. .fb-like {
  104. display: none !important;
  105. }
  106.  
  107. .tf-v1-popover,
  108. style[data-styled="true"] + #root > div > div > div div,
  109. style[data-styled="true"] + #root > div > div > div,
  110. style[data-styled="true"] + #root > div > div,
  111. style[data-styled="true"] + #root > div,
  112. style[data-styled="true"] + #root {
  113. visibility: hidden !important;
  114. display: none !important;
  115. border: 1px solid violet !important;
  116. }
  117.  
  118.  
  119. /* (new230) USERSTYLES BOUNTY Competition Submit your style by February 14, 2023 */
  120. .bountyCampaignLeaderboardContainer {
  121. position: fixed !important;
  122. display: inline-block !important;
  123. right: 47%;
  124. top: 0;
  125. z-index: 500000000 !important;
  126. }
  127. .bountyCampaignLeaderboardContainer:after {
  128. content: " " !important;
  129. position: absolute !important;
  130. display: inline-block !important;
  131. width: 2px !important;
  132. height: 44px !important;
  133. line-height: 13px !important;
  134. padding: 0 0 0 0px !important;
  135. font-size: 13px !important;
  136. border-radius: 3px !important;
  137. transform: scale(1) translate(75px, 0px) !important;
  138. white-space: pre !important;
  139. transition: all ease 0.7s !important;
  140. opacity: 0;
  141. background: #111 !important;
  142. color: red !important;
  143. }
  144. /* (new237) May 29, 2023 */
  145. .bountyCampaignLeaderboardContainer:hover:after {
  146. content: "Competition \A Submit your style \A by May 29, 2023" !important;
  147. width: 200px !important;
  148. height: 45px !important;
  149. padding: 0 0 0 30px !important;
  150. font-size: 13px !important;
  151. white-space: pre !important;
  152. z-index: 0 !important;
  153. transform: scale(1) translate(75px, 0px) !important;
  154. transition: all ease 0.7s !important;
  155. opacity: 1;
  156. background: #222 !important;
  157. color: white !important;
  158. }
  159. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper {
  160. position: absolute !important;
  161. transform: scale(0.3) !important;
  162. transform-origin: top center!important;
  163. z-index: 50 !important;
  164. opacity: 0.6;
  165. filter: grayscale(1);
  166. }
  167. .bountyCampaignLeaderboardContainer:hover .bountyCampaignLeaderboardWrapper {
  168. opacity: 1;
  169. filter: grayscale(0.6);
  170. }
  171.  
  172. /* (new230) BOUNTY - OPEN */
  173. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen {
  174. display: inline-block !important;
  175. height: 12vh !important;
  176. width: 40vw !important;
  177. transform: translate(-240px, -20px) scale(1.2) !important;
  178. opacity: 1 !important;
  179. filter: grayscale(0) !important;
  180. overflow: hidden !important;
  181. z-index: 50000 !important;
  182. border: 1px solid aqua !important;
  183. }
  184. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen:hover {
  185. display: inline-block !important;
  186. min-height: 50vh !important;
  187. width: 40vw !important;
  188. /* left: 0 !important; */
  189. /* right: 40% !important; */
  190. transform: translate(-870px, 680px) scale(2.9) !important;
  191. opacity: 1 !important;
  192. filter: grayscale(0) !important;
  193. overflow: visible !important;
  194. z-index: 50000 !important;
  195. border: 1px solid aqua !important;
  196. }
  197.  
  198. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen:not(:hover) .leaderboardHeader {
  199. position: relative !important;
  200. display: inline-block !important;
  201. height: 72px;
  202. width: 100%;
  203. padding: 0 !important;
  204. transform: translate(160px, 30px) scale(1.4) !important;
  205. box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  206. }
  207. .bountyCampaignLeaderboardContainer .bountyCampaignLeaderboardWrapper .leaderboard.leaderboardIsOpen:hover .leaderboardListWrapper {
  208. display: inline-block !important;
  209. flex-grow: 1;
  210. height: 80vh !important;
  211. /* margin: 50px 0 0 0px !important; */
  212. overflow: hidden !important;
  213. overflow-y: auto !important;
  214. width: 100%;
  215. transform: translate(0px, 0px) scale(1) !important;
  216. background: red !important;
  217. }
  218.  
  219. /* (new230) BOUNTY - INFO PAGE */
  220. #preview_image_div #bountyBadgeWrapper {
  221. position: absolute;
  222. display: inline-block !important;
  223. width: auto !important;
  224. height: 40px !important;
  225. left: 0px !important;
  226. opacity: 0.6;
  227. filter: grayscale(0.6);
  228. background-repeat: no-repeat !important;
  229. background-size: contain !important;
  230. }
  231.  
  232. #preview_image_div #bountyBadgeWrapper .bountyBadgeRank {
  233. font-size: 9px !important;
  234. font-weight: 400 !important;
  235. margin-top: -0px !important;
  236. transform: matrix(1, -0.16, 0, 0.99, 0, 0);
  237. color: white !important;
  238. background: green !important;
  239. }
  240.  
  241. /* (new223) TEST - GREASY - USER LSIT:
  242. https://greasyfork.org/en/users
  243. === */
  244. #browse-user-list {
  245. display: inline-block !important;
  246. width: 100% !important;
  247. left: 0px !important;
  248. padding: 5px !important;
  249. border-radius: 5px;
  250. background: #111 !important;
  251. }
  252. #user-list-option-groups.list-option-groups {
  253. width: 190px !important;
  254. }
  255.  
  256. /* [A VOIR] (new219) TEST - GM "Greasy Fork User Statistics+" by NoyYou (2022) */
  257. #user-statistics {
  258. position: fixed !important;
  259. width: 250px !important;
  260. left: 12px !important;
  261. padding: 5px !important;
  262. border-radius: 5px;
  263. background: #111 !important;
  264. }
  265.  
  266. /* (new219) USERSTYLES.ORG - TOP HEADER NEW */
  267. #header {
  268. position: fixed;
  269. align-items: center;
  270. display: flex;
  271. height: 48px;
  272. justify-content: space-between;
  273. top: 0;
  274. width: 100%;
  275. z-index: 50000000 !important;
  276. background-color: #323232;
  277. border-bottom: 1px solid red !important;
  278. }
  279. .us-header .right {
  280. position: absolute;
  281. display: inline-block;
  282. width: 33vw;
  283. right: 0;
  284. top: 0.5vh !important;
  285. }
  286. .us-header .right #create_new_style,
  287. .us-header .right > div {
  288. float: right !important;
  289. min-width: 25% !important;
  290. min-height: 20px !important;
  291. line-height: 20px !important;
  292. margin: 0 4px 0 0 !important;
  293. padding: 0 5px 0 25px !important;
  294. border-radius: 5px !important;
  295. text-align: center !important;
  296. }
  297.  
  298. .header-search .type_search {
  299. display: flex;
  300. height: 21px !important;
  301. background: #222 !important;
  302. }
  303. .header-search .type_search .type_search_select .type_search_option,
  304. .header-search .type_search .type_search_text {
  305. height: 20px;
  306. line-height: 20px;
  307. padding: 0px 0px 0px !important;
  308. color: gold !important;
  309. }
  310.  
  311. .header-search .type_search .type_search_select {
  312. position: absolute !important;
  313. display: inline-block;
  314. flex-direction: column;
  315. width: 155px;
  316. left: 0;
  317. top: 0;
  318. border-radius: 5px !important;
  319. z-index: 50000000 !important;
  320. background: #111 !important;
  321. }
  322. /* (new214) TEST - GM "Greasy Fork Display User Information" */
  323. .width-constraint #about-user.text-content.reportable #user-information::before,
  324. .width-constraint #about-user.text-content.reportable #user-information::before,
  325. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information::before,
  326. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information::before {
  327. content: "ID ▼";
  328. position: absolute;
  329. height: 23px;
  330. width: 45px;
  331. top: 0px;
  332. left: 0;
  333. white-space: normal;
  334. font-size: 15px;
  335. text-align: center;
  336. z-index: 500;
  337. color: red;
  338. border: 1px solid red;
  339. background: green;
  340. }
  341. .width-constraint #about-user.text-content.reportable #user-information,
  342. .width-constraint #about-user.text-content.reportable #user-information,
  343. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information,
  344. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information {
  345. left: 55%;
  346. position: fixed;
  347. display: inline-block;
  348. font-size: 0;
  349. height: 25px;
  350. margin-top: 0;
  351. overflow: hidden;
  352. padding: 0;
  353. transition: height 0.7s ease 0s;
  354. width: 47px;
  355. top: 62px;
  356. z-index: 5000;
  357. }
  358. .width-constraint #about-user.text-content.reportable #user-information:hover,
  359. .width-constraint #about-user.text-content.reportable #user-information:hover,
  360. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover,
  361. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover {
  362. background: black none repeat scroll 0 0;
  363. border: 1px solid red;
  364. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  365. font-size: 15px;
  366. height: auto;
  367. margin-top: 0;
  368. overflow: hidden;
  369. transition: height 0.7s ease 0s;
  370. width: 300px;
  371. }
  372. .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card,
  373. .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card,
  374. body[pagetype="UserProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card,
  375. body[pagetype="PersonalProfile"] .width-constraint #about-user.text-content.reportable #user-information:hover #user-information-card {
  376. background: rgb(47, 47, 47) none repeat scroll 0 0;
  377. border-radius: 4px;
  378. color: rgb(255, 255, 255);
  379. display: grid;
  380. grid-template-columns: auto auto auto;
  381. padding: 6px;
  382. text-align: center;
  383. width: 300px !important;
  384. }
  385. /* (new235) TEST - GM "Greasyfork 快捷编辑收藏" - "Greasyfork Modification rapide des favoris" */
  386. #script-favorite {
  387. display: inline-block !important;
  388. margin: 0.2em 0 0.2em 0!important;
  389. }
  390. #script-favorite select#favorite-groups {
  391. display: inline-block !important;
  392. height: 22px !important;
  393. width: 100% !important;
  394. min-width: 20vw !important;
  395. max-width: 20vw !important;
  396. }
  397.  
  398. /* (new232) TEST GM "INSTALL from USo (uso.kkx.one)"
  399. GM "USO - add USOa button on userstyle page"
  400. == */
  401. /* NO PRO */
  402. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button {
  403. position: fixed !important;
  404. display: inline-block !important;
  405. flex-direction: row;
  406. justify-content: center;
  407. align-items: center;
  408. height: 21px !important;
  409. margin-left: 0vw !important;
  410. top: 65.3vh !important;
  411. left: 25% !important;
  412. font-size: 15px;
  413. font-weight: bold;
  414. color: white;
  415. cursor: pointer;
  416. border-radius: 5px !important;
  417. box-shadow: none !important;
  418. background-color: #3498db;
  419. border: 1px solid red !important;
  420. }
  421. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text {
  422. display: inline-block !important;
  423. line-height: 23px !important;
  424. word-spacing: 1px !important;
  425. letter-spacing: 1px !important;
  426. /* white-space: nowrap !important; */
  427. }
  428. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text span {
  429. display: inline-block !important;
  430. width: 180px !important;
  431. white-space: nowrap !important;
  432. overflow: hidden !important;
  433. font-size: 0 !important;
  434. }
  435. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text span:before {
  436. content: "Install From Uso Archive" !important;
  437. display: inline-block !important;
  438. width: 180px !important;
  439. white-space: nowrap !important;
  440. overflow: hidden !important;
  441. font-size: 12px !important;
  442. }
  443. #install_stylish_style_button + style + #USOa.customize_style_button.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text br {
  444. display: none!important;
  445. }
  446. /* (new231) PRO - AGAINST "PRO" USERSTYLES */
  447. .upgradeButton {
  448. margin: 0 0 0 36px !important;
  449. pointer-events: none !important;
  450. }
  451. .upgradeButton + style + #USOa {
  452. position: absolute !important;
  453. top: 0.1vh !important;
  454. left: 54% !important;
  455. padding: 0 3px !important;
  456. background: #111 !important;
  457. }
  458. .upgradeButton + style + #USOa.customize_style_button.NOuninstall_stylish_style_button a.oocustomize_button_text {
  459. font-size: 10px !important;
  460. line-height: 10px !important;
  461. color: white !important;
  462. }
  463. .upgradeButton + style + #USOa.customize_style_button.NOuninstall_stylish_style_button:hover {
  464. font-size: 10px !important;
  465. line-height: 10px !important;
  466. padding: 5px !important;
  467. border-radius: 5px !important;
  468. transform: scale(1.5) !important;
  469. z-index: 500 !important;
  470. }
  471. .upgradeButton span.crown {
  472. position: relative !important;
  473. display: inline-block !important;
  474. flex-direction: unset !important;
  475. justify-content: unset !important;
  476. height: 100% !important;
  477. min-height: 20px !important;
  478. max-height: 20px !important;
  479. width: 100% !important;
  480. min-width: 20px !important;
  481. max-width: 20px !important;
  482. align-items: unset !important;
  483. /* border: 2px solid #7e5dff; */
  484. border: none !important;
  485. border-radius: 0px;
  486. box-sizing: border-box;
  487. /* filter: drop-shadow(0px 0 8px rgba(0, 0, 0, 0.08)) !important; */
  488. filter: none !important;
  489. transform: scale(0.6) !important;
  490. opacity: 0.6 !important;
  491. }
  492. .upgradeButton .crown:after {
  493. content: "Install it with \A Gm 'INSTALL from USo'" !important;
  494. display: inline-block !important;
  495. position: absolute !important;
  496. width: 100px !important;
  497. margin: -4px 0 0 5px !important;
  498. font-size: 16px !important;
  499. white-space: pre !important;
  500. }
  501. .upgradeButton .crown:before {
  502. content: "PRO" !important;
  503. display: inline-block !important;
  504. position: absolute !important;
  505. width: 30px !important;
  506. margin: 0px 0 0 -50px !important;
  507. padding: 2px 5px !important;
  508. border-radius: 3px !important;
  509. font-size: 16px !important;
  510. color: white !important;
  511. background: red !important;
  512. }
  513. .upgradeButton .crown svg {
  514. fill: peru !important;
  515. stroke: red !important;
  516. }
  517. .premium-container {
  518. align-items: center;
  519. display: flex;
  520. height: 10px !important;
  521. }
  522.  
  523. .premium-container .us-premium {
  524.  
  525. display: flex;
  526. flex-direction: row;
  527. height: 10px !important;
  528. line-height: 10px !important;
  529. width: 55px !important;
  530. left: 55px;
  531. margin: 2px 0 0 -4px !important;
  532. padding: 2px 5px 2px 3px !important;
  533. font-size: 7px !important;
  534. z-index: 2;
  535. opacity: 0.6 !important;
  536. background-color: rgba(122, 89, 247, 0.37) !important;
  537. }
  538.  
  539.  
  540. /* (new215) */
  541. #USOa > div {
  542. font-size: 13px !important;
  543. }
  544.  
  545.  
  546. /* ANNOUCEMENT */
  547. .announcement {
  548. position: fixed;
  549. width: 200px;
  550. bottom: 0;
  551. left: 11%;
  552. padding: 5px;
  553. border-radius: 3px;
  554. background: black;
  555. }
  556.  
  557. #jslghtbx + iframe {
  558. display: none !important;
  559. }
  560.  
  561. /* (new205) TEST - GREASYFOK - LIBRAY INSTAL LOADED CODE EMPTY
  562. TEST LINK: https://greasyfork.org/fr/scripts/5679-wait-for-elements
  563. when test loading:
  564. https://greasyfork.org/scripts/5679-wait-for-elements/code/script.user.js#bypass=true
  565. ==== */
  566. body > pre:empty {
  567. background-color: red !important;
  568. margin-left: 0px;
  569. padding: 5px 10px;
  570. max-width: 98% !important;
  571. text-align: center !important;
  572. }
  573. body > pre:empty:after {
  574. content: "Error Loading" !important;
  575. margin-left: 0px;
  576. padding: 5px 10px;
  577. width: auto !important;
  578. background-color: blue !important;
  579. }
  580.  
  581. /* (new202) USERTYLES NEW DESIGN 2021.12 */
  582. #style-top-upvotes-wrapper {
  583. color: peru !important;
  584. }
  585. /* (new216) INSTALL BUT */
  586. #top-buttons .left {
  587. display: flex;
  588. align-items: center;
  589. justify-content: center;
  590. height: 20px;
  591. line-height: 15px !important;
  592. margin-right: 0px !important;
  593. font-size: 12px !important;
  594. border-radius: 24px 0 0 24px !important;
  595. border: 1px solid peru !important;
  596. }
  597. /* FOR ME and OTHERS */
  598. .install_style_button {
  599. display: flex;
  600. align-items: center;
  601. justify-content: center;
  602. width: 100% !important;
  603. height: 20px;
  604. line-height: 15px !important;
  605. margin-right: 0px !important;
  606. font-size: 12px !important;
  607. border-radius: 24px 0 0 24px !important;
  608. border: 1px solid peru !important;
  609. }
  610.  
  611.  
  612. #install_stylish_style_button > div:last-of-type,
  613. #top-buttons .left,
  614. #install_style_button,
  615. .install_style_button {
  616. line-height: 15px !important;
  617. font-size: 12px !important;
  618. }
  619.  
  620. /* #install_stylish_style_button>div:last-of-type */
  621. /* (new233) CUSTOMIZE BUTTON */
  622. /* .customize_style_button {
  623. align-items: center;
  624. cursor: pointer;
  625. display: inline-block !important;
  626. flex-direction: row;
  627. height: 48px;
  628. justify-content: center;
  629. } */
  630. .customize_style_button {
  631. display: inline-block !important;
  632. align-items: center;
  633. justify-content: center;
  634. height: 18px !important;
  635. line-height: 18px !important;
  636. margin-right: 0px !important;
  637. padding: 0 2px !important;
  638. font-size: 12px !important;
  639. border-radius: 0 0 0 0 !important;
  640. border: 1px solid peru !important;
  641. }
  642. #USOa.customize_style_button > a > span {
  643. display: inline-block !important;
  644. color: red !important;
  645. }
  646. #USOa.customize_style_button > a > span > br {
  647. display: none !important;
  648. }
  649.  
  650. .customize_style_button .settingsIcon {
  651. width: 13px !important;
  652. margin-right: 4px !important;
  653. border-radius: 100%;
  654. background: #807979 !important;
  655. }
  656. .customize_style_button .customize_button_text.no-select {
  657. font-size: 13px !important;
  658. font-weight: normal;
  659. line-height: 19px;
  660. }
  661. /* THUMB UP - ALL */
  662. #style-top-upvotes-wrapper .like-button {
  663. display: flex;
  664. align-items: center;
  665. justify-content: center;
  666. width: 25px !important;
  667. height: 20px;
  668. margin-left: -3px !important;
  669. border-radius: 0 24px 24px 0 !important;
  670. border: 1px solid peru !important;
  671. }
  672.  
  673. #style-top-upvotes-wrapper .like-button.regular-button {
  674. background: #111 !important;
  675. border: 1px solid peru !important;
  676. }
  677. #style-top-upvotes-wrapper .like-image {
  678. height: 15px !important;
  679. width: 15px !important;
  680. }
  681.  
  682. .arrow-icon,
  683. .comment-content .top img.more-actions,
  684. #style-top-upvotes-wrapper img:not([src="/ui/images/icons/like-white.svg"]) {
  685. filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
  686. }
  687. #style-top-upvotes-wrapper.can-vote:hover .button-wrapper {
  688. display: inline-block !important;
  689. }
  690. #style-top-upvotes-wrapper:hover .like-hover {
  691. display: none !important;
  692. }
  693. #style-top-upvotes-wrapper .style-count {
  694. display: none !important;
  695. }
  696.  
  697. .comment-content .more-actions-wrapper .more-actions-list {
  698. display: flex;
  699. flex-direction: column;
  700. position: absolute;
  701. right: 0;
  702. top: 15px;
  703. padding: 2px 5px !important;
  704. border-radius: 3px !important;
  705. z-index: 100 !important;
  706. background-color: #111 !important;
  707. }
  708. /* (new233) */
  709. #top-buttons {
  710. position: absolute;
  711. align-items: unset;
  712. display: inline-block !important;
  713. justify-content: unset;
  714. width: 18vw !important;
  715. margin: 0;
  716. top: 4.8vh !important;
  717. left: 30.4% !important;
  718. margin-right: 0px !important;
  719. padding: 0 2px !important;
  720. z-index: 1 !important;
  721. }
  722. #top-buttons .left {
  723. align-items: center;
  724. display: flex;
  725. justify-content: flex-start;
  726. }
  727. #top-buttons .left #install_button {
  728. top: 1px !important;
  729. }
  730. #top-buttons .right {
  731. position: absolute;
  732. margin: 0;
  733. top: 0px !important;
  734. left: 100% !important;
  735. z-index: 1 !important;
  736. }
  737.  
  738. /* (new219) USERTYLES - LISTE */
  739. .us-stylecard--short {
  740. display: inline-block;
  741. box-sizing: border-box;
  742. height: 294px;
  743. width: 280px;
  744. padding: 0px !important;
  745. overflow: hidden;
  746. transition: all 0.2s ease 0s;
  747. border-radius: 4px;
  748. background-color: transparent !important;
  749. box-shadow: none !important;
  750. border: 1px solid red !important;
  751. }
  752. .us-stylecard--short > a .us-stencil {
  753. min-width: 277px !important;
  754. max-width: 277px !important;
  755. padding: 0px !important;
  756. border: 1px solid red !important;
  757. }
  758. .us-stylecard--short .us-container {
  759. box-sizing: border-box;
  760. width: 100%;
  761. padding: 5px 0 0 5px;
  762. overflow: hidden;
  763. border-radius: 4px;
  764. background-color: #222 !important;
  765. }
  766.  
  767. /* (new223) LIGHTBOX */
  768. .lum-lightbox {
  769. z-index: 5000000 !important;
  770. }
  771.  
  772.  
  773.  
  774. /* DISC HEIGHT HOV - == */
  775. .discussion-list-container .discussion-list-item:not(.filtered) {
  776. height: auto !important;
  777. overflow-y: auto;
  778. }
  779. .discussion-list-container .discussion-list-item:not(.filtered) .rating-icon {
  780. float: left;
  781. }
  782. .discussion-list-container .discussion-list-item:not(.filtered) .discussion-snippet {
  783. display: inline-block !important;
  784. height: 100% !important;
  785. min-height: 35px !important;
  786. max-height: 35px !important;
  787. line-height: 18px !important;
  788. width: 100% !important;
  789. margin-top: -5px !important;
  790. overflow: hidden;
  791. mask-image: linear-gradient(to top, transparent 5%, black 70%);
  792. border-right: 1px solid yellow !important;
  793. }
  794. .discussion-list-container .discussion-list-item:not(.filtered) .rating-icon + .discussion-snippet {
  795. width: 98.2% !important;
  796. border-right: 1px solid aqua !important;
  797. }
  798. .discussion-list-container .discussion-list-item:not(.filtered) .discussion-snippet:last-of-type:hover {
  799. max-height: 100% !important;
  800. mask-image: linear-gradient(180deg, #000 100%, transparent);
  801. border-right: 1px solid red !important;
  802. }
  803.  
  804. /* DISC READ */
  805. .discussion-list-container a.discussion-title {
  806. height: auto;
  807. padding: 5px;
  808. border: 1px solid #222;
  809. }
  810. .discussion-list-logged-in .discussion-list-container.discussion-read {
  811. background-color: #222;
  812. }
  813. .discussion-list-logged-in .discussion-read {
  814. background-color: #222;
  815. }
  816. .discussion-list-logged-in .discussion-read a.discussion-title {
  817. background-color: black;
  818. border: 1px solid #222;
  819. }
  820. .discussion-list-logged-in .discussion-not-read a.discussion-title {
  821. border: 1px solid #333;
  822. }
  823.  
  824. /* GREASY RE EDIT COM PAGE */
  825. #vanilla_post_editcomment #Content {
  826. width: 99%;
  827. float: none;
  828. margin: -30px 0 0 -5px;
  829. padding: 5px;
  830. text-align: center !important;
  831. }
  832. #vanilla_post_editcomment #Content .FormWrapper > form {
  833. margin-left: 0px;
  834. }
  835.  
  836. /* (new333 !important;) "SuperPreLoader Plus " - "SupPreloader" */
  837. #sp-fw-container {
  838. text-align: left;
  839. z-index: 5000000 !important;
  840. }
  841. #sp-fw-container:not(:hover) {
  842. visibility: hidden;
  843. }
  844. #sp-fw-rect:not(:hover) {
  845. visibility: visible;
  846. }
  847. /* SUPER LOADER - ALL */
  848. .sp-separator {
  849. float: left !important;
  850. width: 39%;
  851. left: 33% !important;
  852. margin-bottom: 0px;
  853. margin-top: 0px;
  854. filter: invert(1);
  855. z-index: 10 !important;
  856. }
  857. /* SUPER LOADER - DISC */
  858. .sp-separator ~ .width-constraint .sidebarred .discussion-list {
  859. margin-top: 0px !important;
  860. }
  861. .discussion-list + .sp-separator {
  862. width: 59%;
  863. left: 23% !important;
  864. margin-bottom: -42px !important;
  865. margin-top: 5px;
  866. }
  867.  
  868. /* WITHOUT CITRUS */
  869. .script-list .sp-separator {
  870. width: 49%;
  871. left: 25%;
  872. margin-bottom: 0px;
  873. margin-top: 0px;
  874. }
  875. .Vanilla.Discussions #sp-fw-container + .sp-separator span,
  876. .Vanilla.Discussions #sp-fw-container + .sp-separator a.sp-sp-nextlink > span,
  877. .Vanilla.Discussions #sp-fw-container + .sp-separator a.sp-sp-nextlink,
  878.  
  879. #sp-fw-container + .sp-separator span,
  880. #sp-fw-container + .sp-separator a.sp-sp-nextlink > span,
  881. #sp-fw-container + .sp-separator a.sp-sp-nextlink {
  882. text-shadow: none !important;
  883. color: peru;
  884. }
  885. /* !important; */
  886. .Vanilla.Discussions .sp-separator {
  887. width: 38%;
  888. left: 36% !important;
  889. }
  890.  
  891. /* "SUPP" - SRIPT PAG - COM */
  892. #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),
  893. #sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content > p#support-url,
  894. #sp-fw-container + .sp-separator ~ .width-constraint #contribution,
  895. #sp-fw-container + .sp-separator ~ .width-constraint #discussions + .pagination + p,
  896. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div + p + form,
  897. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div + p,
  898. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters + div,
  899. #sp-fw-container + .sp-separator ~ .width-constraint #feedback-favoriters {
  900. display: none;
  901. visibility: hidden;
  902. }
  903. #sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content {
  904. margin-top: 35px;
  905. }
  906.  
  907. /* GREAS - BAN BADGE */
  908. .badge-banned {
  909. float: left;
  910. margin-right: -16%;
  911. margin-left: 19%;
  912. }
  913. /* NEW FORUM DESIGN */
  914. .width-constraint #discussions li[class^="discussion-"] {
  915. margin-bottom: 5px;
  916. font-size: 15px;
  917. border: 1px solid red;
  918. }
  919. .width-constraint #discussions li[class^="discussion-"] > a[href*="/scripts/"]:first-of-type::before {
  920. content: "X";
  921. display: inline-block;
  922. position: relative;
  923. height: 18px;
  924. line-height: 18px;
  925. width: 18px;
  926. margin-left: -8px;
  927. top: 0px;
  928. color: transparent;
  929. background: transparent url("http://userscripts-mirror.org/images/script_icon.png") no-repeat scroll 1px 1px;
  930. }
  931. .width-constraint #discussions li[class^="discussion-"] > a:nth-child(2) {
  932. display: inline-block;
  933. position: relative;
  934. width: 98%;
  935. margin-left: 10px;
  936. top: -20px;
  937. }
  938. .width-constraint #discussions li[class^="discussion-"] > time:first-of-type,
  939. .width-constraint #discussions li[class^="discussion-"] > time:last-of-type {
  940. display: inline-block;
  941. text-align: center;
  942. white-space: nowrap;
  943. width: 125px;
  944. margin: 0px;
  945. }
  946. /* PREVIEW LINK */
  947. .DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"] {
  948. position: absolute;
  949. max-width: 55px;
  950. min-width: 55px;
  951. line-height: 15px;
  952. min-height: 15px;
  953. max-height: 15px;
  954. top: 0;
  955. right: 5px;
  956. padding: 0px 5px;
  957. text-align: right;
  958. transition: all ease 0.7s;
  959. color: white;
  960. background: gold;
  961. }
  962. .DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"]:hover {
  963. max-width: 195px;
  964. min-width: 195px;
  965. transition: all ease 0.7s;
  966. color: green;
  967. background: gold;
  968. }
  969. .DiscussionAboutShowDiscussion > a[href^="/discussions/preview-"]:hover:before {
  970. content: "New Forum: ";
  971. }
  972. /* (new204) IMAGES - VOIR TEXT OVERFLOW */
  973. .user-content > p:not(:empty) {
  974. position: relative !important;
  975. display: inline-block !important;
  976. margin: auto !important;
  977. min-width: 920px;
  978. max-width: 920px;
  979. text-align: left !important;
  980. }
  981. .user-content > p > img {
  982. margin-top: 20px !important;
  983. margin-bottom: 20px !important;
  984. max-width: 920px;
  985. border: 1px solid red;
  986. }
  987.  
  988. /* T(new219) EXT OVERFLOW GRAS - COLOR GOLD */
  989. .user-content > p > b {
  990. position: relative !important;
  991. margin: 0 !important;
  992. max-width: 920px;
  993. text-align: left !important;
  994. overflow: hidden!important;
  995. white-space: pre-wrap !important;
  996. word-wrap: break-word !important;
  997. color: gray !important;
  998. }
  999.  
  1000. /* PERMLINK ? */
  1001. #comment- .comment-meta-item a.self-link,
  1002. #comment- .comment-meta-item a.self-link:visited {
  1003. opacity: 0.5;
  1004. color: gold;
  1005. background: red;
  1006. }
  1007.  
  1008. /* PERMLINK - IN DISC */
  1009. .comment {
  1010. margin-bottom: 10px;
  1011. }
  1012. .comment-meta {
  1013. background: #333;
  1014. }
  1015. .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item,
  1016. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item {
  1017. display: inline-block;
  1018. height: 15px;
  1019. line-height: 15px;
  1020. margin: 0px 0 0 20px !important;
  1021. padding: 1px 2px;
  1022. border-radius: 5px;
  1023. border: 1px solid gray;
  1024. }
  1025. .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item a.self-link,
  1026. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item a.self-link {
  1027. opacity: 1 !important;
  1028. color: white !important;
  1029. /* background: red; */
  1030. }
  1031.  
  1032.  
  1033. .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item,
  1034. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item {
  1035. position: relative;
  1036. display: inline-block !important;
  1037. font-size: 15px !important;
  1038. visibility: visible !important;
  1039. opacity: 1 !important;
  1040. }
  1041.  
  1042.  
  1043. /* PERMLINK - ARROW */
  1044. .comment-meta-item.comment-meta-item-main + .comment-meta-item:before,
  1045. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:before {
  1046. content: "";
  1047. position: absolute;
  1048. width: 0;
  1049. height: 0;
  1050. margin-top: -25px;
  1051. margin-left: 0%;
  1052. border-left: 5px solid transparent;
  1053. border-right: 5px solid transparent;
  1054. border-top: 6px solid #ffcb66;
  1055. transition: all 0.4s ease 0s;
  1056. opacity: 0;
  1057. visibility: hidden;
  1058. }
  1059. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover:before,
  1060. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover:before {
  1061. margin-top: -10px !important;
  1062. opacity: 1 !important;
  1063. visibility: visible !important;
  1064. }
  1065. /* (new229) TXT PERMALINK */
  1066. .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item:after,
  1067. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item + .comment-meta-item:after {
  1068. content: "Permalink";
  1069. position: absolute;
  1070. height: 10px;
  1071. line-height: 8px;
  1072. bottom: 152%;
  1073. left: -27.5%;
  1074. padding: 2px 5px;
  1075. color: black;
  1076. background: #ffcb66;
  1077. border-radius: 5px;
  1078. white-space: nowrap;
  1079. transition: all 0.4s ease 0s;
  1080. pointer-events: none;
  1081. opacity: 0;
  1082. visibility: hidden;
  1083. }
  1084. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after,
  1085. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:before,
  1086. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after,
  1087. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:before {
  1088. opacity: 1;
  1089. visibility: visible;
  1090. }
  1091. .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after,
  1092. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item:hover + .comment-meta-item:after {
  1093. bottom: 158%;
  1094. }
  1095. /* (new219) NEW FORUM - SCRIPT INFO */
  1096. #script-info ul#script-links + header + #script-content .script-discussion-list {
  1097. margin-top: 10px;
  1098. padding: 0px 20px;
  1099. }
  1100. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]) + .script-discussion-list {
  1101. margin: 60px 0 0px 0;
  1102. padding: 0px 20px;
  1103. }
  1104. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]) + .script-discussion-list .discussion-list-item {
  1105. padding-top: 10px;
  1106. border-left: 3px solid peru;
  1107. border-right: 3px solid peru;
  1108. background: #333;
  1109. }
  1110. #script-info #discussions li[class^="discussion-"] > a[href*="/users/"]:nth-child(2) {
  1111. position: relative;
  1112. display: inline-block;
  1113. width: auto;
  1114. margin-left: 30px;
  1115. top: 0px;
  1116. }
  1117. #script-info #discussions li[class^="discussion-"] > time:first-of-type,
  1118. #script-info #discussions li[class^="discussion-"] > time:last-of-type {
  1119. position: relative;
  1120. display: inline-block;
  1121. margin-top: -40px;
  1122. text-align: center;
  1123. white-space: nowrap;
  1124. font-size: 12px;
  1125. }
  1126. .discussion-header {
  1127. margin-bottom: 5px;
  1128. margin-top: 5px;
  1129. border-bottom: 1px solid red;
  1130. }
  1131. .comment,
  1132. #script-info #script-content .comment {
  1133. padding: 5px;
  1134. border-left: 3px solid peru;
  1135. border-right: 3px solid peru;
  1136. }
  1137. .comment .user-content,
  1138. #script-info #script-content .comment .comment-meta + .user-content {
  1139. padding: 5px;
  1140. border: 1px solid #333;
  1141. background: #222;
  1142. }
  1143. .comment .user-content pre,
  1144. #script-info #script-content .comment .comment-meta + .user-content pre {
  1145. padding: 5px;
  1146. border: 1px solid #333;
  1147. background: #333;
  1148. }
  1149. /* NEW FORUM - ADD COM */
  1150. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) {
  1151. position: relative;
  1152. display: inline-block;
  1153. width: 100%;
  1154. max-width: 99%;
  1155. min-width: 99%;
  1156. margin-top: 0px;
  1157. margin-bottom: 0px;
  1158. }
  1159. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p:not(:empty) {
  1160. position: relative;
  1161. display: inline-block;
  1162. width: 99%;
  1163. margin-top: -30px;
  1164. border: 1px dotted yellow;
  1165. }
  1166. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form:not([action*="/script_sets/add_to_set"]) {
  1167. position: relative;
  1168. display: inline-block;
  1169. height: 100%;
  1170. min-height: 400px;
  1171. max-height: 100%;
  1172. width: 98%;
  1173. padding: 5px;
  1174. border: 1px solid tomato;
  1175. }
  1176. /* NEW FORUM - ADD FAV */
  1177. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters {
  1178. position: relative;
  1179. display: inline-block;
  1180. width: 98%;
  1181. margin: 0px;
  1182. border: 1px dotted aqua;
  1183. }
  1184. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div {
  1185. position: relative;
  1186. display: inline-block;
  1187. margin-top: -20px;
  1188. border: 1px dotted aqua;
  1189. }
  1190. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p:not(:empty) {
  1191. margin: 0;
  1192. }
  1193. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p:empty,
  1194. .width-constraint #script-info > #script-content > ul#discussions + h3:not([id="feedback-favoriters"]) + p + form + h3#feedback-favoriters + div + p + form + p:empty {
  1195. height: 0;
  1196. margin: 0;
  1197. border-radius: 4px;
  1198. padding: 0px;
  1199. text-align: center;
  1200. background-color: red;
  1201. }
  1202.  
  1203. /* END - NEW FORUM ===== */
  1204. /* (new211) CREATE - ERROR PAGE */
  1205. .PageContent > form[enctype="multipart/form-data"][action="/styles/create"] {
  1206. width: 1333px !important;
  1207. height: 90vh !important;
  1208. margin-left: 356px !important;
  1209. overflow: hidden !important;
  1210. overflow-y: auto !important;
  1211. }
  1212. .PageContent > form[enctype="multipart/form-data"][action="/styles/create"] .errorExplanation {
  1213. position: fixed !important;
  1214. width: 346px !important;
  1215. top: 26% !important;
  1216. left: 0 !important;
  1217. padding: 5px !important;
  1218. color: white !important;
  1219. background-color: #f88;
  1220. }
  1221. /* USERST EDIT CODE - ERROR MESS */
  1222. .PageContent > form[action="/styles/update"] .errorExplanation {
  1223. position: absolute;
  1224. width: 16%;
  1225. left: 14px;
  1226. background-color: white;
  1227. }
  1228. .PageContent > form[action="/styles/update"] .errorExplanation ~ .form-controls textarea[id="css"] {
  1229. max-width: 900px;
  1230. min-width: 800px;
  1231. min-height: 187px;
  1232. margin: 0 0 0 2% !important;
  1233. }
  1234. /* LIGHTBOX */
  1235. .jslghtbx.jslghtbx-nooverflow:not(.jslghtbx-active) {
  1236. overflow: hidden;
  1237. z-index: -10;
  1238. visibility: hidden;
  1239. }
  1240. .jslghtbx.jslghtbx-active {
  1241. z-index: 5000000;
  1242. background-color: black;
  1243. }
  1244. /* ALERTE MES - BUGS - FORUM USERST */
  1245. .DismissMessage {
  1246. position: absolute;
  1247. width: 18%;
  1248. right: 5px;
  1249. }
  1250. .DismissMessage.AlertMessage {
  1251. top: 40px;
  1252. visibility: hidden;
  1253. border: 1px solid #deddaf;
  1254. }
  1255. .AlertMessage:hover {
  1256. visibility: visible;
  1257. z-index: 5000;
  1258. }
  1259. .AlertMessage:not(:hover):before {
  1260. content: "⚠️ Bugs report";
  1261. position: fixed;
  1262. right: 5px;
  1263. visibility: visible;
  1264. color: gold;
  1265. background: red;
  1266. }
  1267. /* USERST - AVATAR MESS */
  1268. .DismissMessage.InfoMessage {
  1269. position: absolute;
  1270. right: 5px;
  1271. top: 70px;
  1272. visibility: hidden;
  1273. }
  1274. .DismissMessage.InfoMessage:hover {
  1275. visibility: visible;
  1276. z-index: 5000;
  1277. }
  1278. .DismissMessage.InfoMessage:not(:hover):before {
  1279. content: "⚠️ Avatar PB";
  1280. position: fixed;
  1281. right: 5px;
  1282. visibility: visible;
  1283. color: gold;
  1284. background: red;
  1285. }
  1286. /* GREASY - FORUM - SELECT BOX */
  1287. .selectBox-main {
  1288. position: absolute;
  1289. display: inline-block;
  1290. justify-content: unset;
  1291. margin-left: 31px;
  1292. z-index: 500;
  1293. }
  1294. .ToggleFlyout.selectBox.selectBox-following > span.selectBox-label {
  1295. cursor: pointer;
  1296. margin-right: 5px;
  1297. position: relative;
  1298. font-size: 0;
  1299. }
  1300. .ToggleFlyout.selectBox > span.selectBox-label:before {
  1301. content: " ";
  1302. position: relative;
  1303. display: inline-block;
  1304. width: 20px;
  1305. height: 15px;
  1306. margin-right: 5px;
  1307. margin-left: 5px;
  1308. top: 3px;
  1309. background-color: rgba(55, 173, 227, 0.4);
  1310. background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  1311. background-position: 3px -650px;
  1312. background-repeat: no-repeat;
  1313. }
  1314. .ToggleFlyout.selectBox.selectBox-following .selectBox-content {
  1315. left: 100%;
  1316. margin-left: -29px;
  1317. margin-top: 10px;
  1318. }
  1319.  
  1320. /* PersProf/UserProf PAGES - OK CITRUS */
  1321. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content:not(#user-library-list-section),
  1322. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content:not(#user-library-list-section),
  1323. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section:not(#user-library-list-section) {
  1324. display: none;
  1325. }
  1326. /* (new214) LIBRARY IN PROFILE - NO CITRUS */
  1327. .sidebarred .sidebarred-main-content section#user-library-list-section {
  1328. position: fixed;
  1329. display: inline-block !important;
  1330. max-height: 24px !important;
  1331. min-height: 24px !important;
  1332. line-height: 24px !important;
  1333. width: 100%;
  1334. min-width: 23px !important;
  1335. max-width: 23px !important;
  1336. left: 39%;
  1337. top: 6vh !important;
  1338. padding: 0;
  1339. font-size: 15px;
  1340. white-space: nowrap;
  1341. overflow: hidden;
  1342. z-index: 500;
  1343. transition: all 0.2s ease 0s;
  1344. border: 1px solid red;
  1345. }
  1346.  
  1347. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content section#user-library-list-section,
  1348. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content section#user-library-list-section,
  1349. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section {
  1350. position: fixed;
  1351. display: inline-block !important;
  1352. max-height: 20px !important;
  1353. min-height: 20px !important;
  1354. line-height: 24px !important;
  1355. width: 100%;
  1356. min-width: 23px !important;
  1357. max-width: 23px !important;
  1358. left: 39%;
  1359. top: 3.6vh !important;
  1360. padding: 0;
  1361. font-size: 15px;
  1362. white-space: nowrap;
  1363. overflow: hidden;
  1364. z-index: 500;
  1365. transition: all 0.2s ease 0s;
  1366. border: 1px solid red;
  1367. }
  1368. /* (new214) HOVER - Not GM */
  1369. .sidebarred .sidebarred-main-content #user-library-list-section:hover {
  1370. position: fixed !important;
  1371. display: inline-block !important;
  1372. max-height: 400px !important;
  1373. min-width: 49.8% !important;
  1374. max-width: 49.8% !important;
  1375. left: 23.5%;
  1376. top: 5.6vh !important;
  1377. padding: 35px 0 0 30px !important;
  1378. overflow-y: auto !important;
  1379. z-index: 5000 !important;
  1380. background: #111 !important;
  1381. border: 1px solid red !important;
  1382. }
  1383. /* (new214) HOVER - GM */
  1384. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover,
  1385. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover,
  1386. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover {
  1387. position: fixed !important;
  1388. display: inline-block !important;
  1389. max-height: 400px !important;
  1390. min-width: 49.5% !important;
  1391. max-width: 49.5% !important;
  1392. left: 24%;
  1393. padding: 0 0 0 30px !important;
  1394. overflow-y: auto !important;
  1395. z-index: 5000 !important;
  1396. border: 1px solid red !important;
  1397. }
  1398. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-deleted-script-list-section:not(:hover) h3,
  1399. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-sectionn:not(:hover) h3 {
  1400. display: none !important;
  1401. }
  1402. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3 {
  1403. position: fixed !important;
  1404. display: inline-block !important;
  1405. height: 25px;
  1406. line-height: 25px;
  1407. width: 100%;
  1408. max-width: 49.6%;
  1409. min-width: 49.6%;
  1410. margin-left: 0% !important;
  1411. left: 24.2% !important;
  1412. top: 6.8vh !important;
  1413. padding: 1px 1px 1px 20px;
  1414. border-radius: 5px 5px 0 0;
  1415. font-size: 15px !important;
  1416. text-align: center;
  1417. z-index: 50000000 !important;
  1418. pointer-events: none;
  1419. /* border: 1px solid yellow !important; */
  1420. 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);
  1421. }
  1422.  
  1423. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3,
  1424. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3 {
  1425. position: fixed !important;
  1426. display: inline-block !important;
  1427. height: 25px;
  1428. line-height: 25px;
  1429. width: 100%;
  1430. max-width: 48.2%;
  1431. min-width: 48.2%;
  1432. margin-left: 0% !important;
  1433. left: 25.7% !important;
  1434. top: 7.5vh !important;
  1435. padding: 1px 1px 1px 20px;
  1436. border-radius: 5px 5px 0 0;
  1437. font-size: 15px !important;
  1438. text-align: center;
  1439. z-index: 50000000 !important;
  1440. pointer-events: none;
  1441. /* border: 1px solid aqua !important; */
  1442. 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);
  1443. }
  1444.  
  1445. /* (new214) LIBS - NOT HOVER */
  1446. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-sectionn:not(:hover) h3::before,
  1447. .width-constraint:first-of-type .sidebarred .sidebarred-main-content section#user-library-list-section:not(:hover) h3::before {
  1448. content: "Lib" !important;
  1449. position: absolute !important;
  1450. display: inline-block !important;
  1451. height: 24px;
  1452. line-height: 28px;
  1453. width: 23px;
  1454. top: 3.2vh !important;
  1455. left: 58.1% !important;
  1456. font-size: 12px;
  1457. text-align: right;
  1458. background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1459. background-position: -2px center;
  1460. background-repeat: no-repeat;
  1461. background-size: contain;
  1462. z-index: 500000 !important;
  1463. color: red;
  1464. background-color: green !important;
  1465. }
  1466.  
  1467. /* (new214) LIBS - HOVER */
  1468. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover header,
  1469. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover header,
  1470. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover header {
  1471. margin-top: 29px !important;
  1472. }
  1473.  
  1474.  
  1475.  
  1476.  
  1477.  
  1478. .sidebarred .sidebarred-main-content #user-library-list-section:hover h3::before,
  1479.  
  1480. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover h3::before,
  1481. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section:hover h3::before,
  1482. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section:hover h3::before {
  1483. top: 6px !important;
  1484. left: 2px !important;
  1485. color: gold;
  1486. background-color: red;
  1487. }
  1488.  
  1489. .sidebarred .sidebarred-main-content #user-library-list-section ol#user-library-script-list.script-list,
  1490.  
  1491. body[pagetype="UserProfile"] .sidebarred .sidebarred-main-content #user-library-list-section ol#user-library-script-list.script-list,
  1492. body[pagetype="PersonalProfile"] .sidebarred .sidebarred-main-content #user-library-list-section ol#user-library-script-list.script-list,
  1493. body[pagetype="UserProfile"] #main-header + .width-constraint .sidebarred .sidebarred-main-content section#user-library-list-section ol#user-library-script-list.script-list {
  1494. width: 100% !important;
  1495. }
  1496.  
  1497.  
  1498.  
  1499. /* USERCSS - ICONS - NO CITRUS - === *
  1500. /* JS / CSS - NO CITRUS */
  1501. a[href*="help/installing-user-scripts"]::before,
  1502. .install-link + a[href*="/help/installing-user-styles"]::before,
  1503. #browse-script-list > li[data-script-language="js"]::before,
  1504. li[data-script-language="js"]::before,
  1505. #browse-script-list > li[data-script-language="css"]::before,
  1506. li[data-script-language="css"]::before {
  1507. content: "X";
  1508. float: left;
  1509. clear: none;
  1510. width: 23px;
  1511. height: 23px;
  1512. line-height: 24px;
  1513. margin-left: -31px;
  1514. margin-top: 5px;
  1515. margin-bottom: -20px;
  1516. border-radius: 3px;
  1517. color: transparent;
  1518. background-size: contain;
  1519. background-position: center center;
  1520. background-repeat: no-repeat;
  1521. }
  1522. /* SCRIPT - NO CITRUS */
  1523. #browse-script-list > li[data-script-language="js"]::before,
  1524. li[data-script-language="js"]::before {
  1525. background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1526. background-color: #222;
  1527. }
  1528. /* "?" HELP JS/CSS */
  1529. a[href*="/help/installing-user-scripts"],
  1530. .install-link + a[href*="/help/installing-user-styles"] {
  1531. padding: 7px 5px 7px 18px;
  1532. }
  1533. a[href*="/help/installing-user-scripts"]::before,
  1534. .install-link + a[href*="/help/installing-user-styles"]::before {
  1535. width: 15px;
  1536. height: 15px;
  1537. line-height: 24px;
  1538. margin-left: -17px;
  1539. margin-right: -25px;
  1540. margin-top: 3px;
  1541. }
  1542. .install-link + a[href*="/help/installing-user-styles"]::before {
  1543. background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") !important;
  1544. background-color: transparent
  1545. }
  1546. a[href*="/help/installing-user-scripts"]::before {
  1547. background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1548. background-color: transparent
  1549. }
  1550.  
  1551. /* ADD VERS (+ DEL SCRIPT) - NO CITRUS */
  1552. ol#user-deleted-script-list {
  1553. display: inline-block;
  1554. width: 100%;
  1555. max-width: 970px;
  1556. min-height: 100%;
  1557. margin-bottom: 0;
  1558. padding: 0;
  1559. text-align: left;
  1560. box-shadow: none;
  1561. background: rgba(235, 24, 24, 0.26);
  1562. }
  1563. #user-deleted-script-list li:not(.ad-entry) {
  1564. padding: 0.5em;
  1565. }
  1566. #user-deleted-script-list li:not(.ad-entry) h2 {
  1567. display: inline-block !important;
  1568. width: 100%;
  1569. min-width: 100%;
  1570. max-width: 100%;
  1571. overflow: hidden;
  1572. overflow-wrap: break-word;
  1573. }
  1574. #user-deleted-script-list > li::after,
  1575. #user-script-list > li::after {
  1576. content: " version: "attr(data-script-version)"";
  1577. display: inline-block;
  1578. position: relative;
  1579. width: 100px;
  1580. bottom: 10px;
  1581. right: -89%;
  1582. padding: 1px 4px;
  1583. font-size: 12px;
  1584. border-radius: 5px;
  1585. overflow: hidden;
  1586. text-overflow: ellipsis;
  1587. white-space: nowrap;
  1588. border: 1px solid #333;
  1589. background-color: #111;
  1590. }
  1591.  
  1592. /* ICON - CSS - NO CITRUS */
  1593. #browse-script-list > li[data-script-language="css"]::before,
  1594. li[data-script-language="css"]::before {
  1595. background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952");
  1596. background-color: green;
  1597. }
  1598. /* ICON - CSS as JS - NO CITRUS */
  1599. #browse-script-list > li[data-script-language="css"][data-css-available-as-js="true"]::before,
  1600. li[data-script-language="css"][data-css-available-as-js="true"]::before {
  1601. content: "X";
  1602. float: left;
  1603. clear: none;
  1604. width: 23px;
  1605. height: 23px;
  1606. line-height: 23px;
  1607. margin-left: -31px;
  1608. margin-top: 5px;
  1609. margin-bottom: -20px;
  1610. color: transparent;
  1611. 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");
  1612. background-size: 15px 15px;
  1613. background-position: top left, bottom right;
  1614. background-repeat: no-repeat;
  1615. background-color: green;
  1616. }
  1617. /* USERCSS - ADD ICONS - CITRUS */
  1618. .lang-js:not(.prettyprint),
  1619. .lang-css:not(.prettyprint) {
  1620. position: relative;
  1621. display: inline-block;
  1622. vertical-align: middle;
  1623. margin-top: 0;
  1624. width: 15px;
  1625. height: 15px;
  1626. line-height: 15px;
  1627. margin-left: 5px;
  1628. margin-right: 5px;
  1629. border-radius: 3px;
  1630. background-size: 13px 13px;
  1631. background-position: center center;
  1632. background-repeat: no-repeat;
  1633. }
  1634. /* ICON - JS SCRIPT - CITRUS */
  1635. .lang-js:not(.prettyprint) {
  1636. background-image: url("http://userscripts-mirror.org/images/script_icon.png") !important;
  1637. background-color: transparent;
  1638. }
  1639. /* ICON - CSS - CITRUS */
  1640. .lang-css:not(.prettyprint) {
  1641. background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952") !important;
  1642. background-color: green !important;
  1643. }
  1644. /* ICON - JS / CSS - CITRUS */
  1645. [pagetype="ListingPage"] .lang-js:not(.prettyprint),
  1646. [pagetype="UserProfile"] .lang-js:not(.prettyprint),
  1647. [pagetype="UserProfile"] .lang-js:not(.prettyprint) {
  1648. background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  1649. background-size: contain;
  1650. background-position: center center;
  1651. background-repeat: no-repeat;
  1652. background-color: transparent;
  1653. }
  1654. [pagetype="ListingPage"] .lang-css,
  1655. [pagetype="UserProfile"] .lang-css,
  1656. [pagetype="UserProfile"] .lang-css {
  1657. background-image: url("https://addons.cdn.mozilla.net/user-media/addon_icons/814/814814-64.png?modified=1542603952");
  1658. background-size: contain;
  1659. background-position: center center;
  1660. background-repeat: no-repeat;
  1661. background-color: green;
  1662. }
  1663. /* CSS as JS - CITRUS */
  1664. [pagetype="ListingPage"] .usercssjs-true,
  1665. [pagetype="UserProfile"] .usercssjs-true,
  1666. [pagetype="PersonalProfile"] .usercssjs-true {
  1667. position: relative;
  1668. display: inline-block;
  1669. vertical-align: middle;
  1670. margin-top: 0;
  1671. width: 23px;
  1672. height: 15px;
  1673. line-height: 15px;
  1674. margin-left: 5px;
  1675. margin-right: 5px;
  1676. border-radius: 3px;
  1677. 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");
  1678. background-size: 10px 10px, 13px 13px;
  1679. background-position: center left, center right;
  1680. background-repeat: no-repeat;
  1681. background-color: green;
  1682. }
  1683.  
  1684. /* SET */
  1685. html > body[pagetype="UserProfile"] #script-list-set,
  1686. html > body[pagetype="UserProfile"] #script-list-filter,
  1687. html > body[pagetype="UserProfile"] #script-list-sort,
  1688.  
  1689. html > body[pagetype="PersonalProfile"] #script-list-set,
  1690. html > body[pagetype="PersonalProfile"] #script-list-filter,
  1691. html > body[pagetype="PersonalProfile"] #script-list-sort,
  1692.  
  1693. html > body[pagetype="ListingPage"] #script-list-set,
  1694. html > body[pagetype="ListingPage"] #script-list-filter,
  1695. html > body[pagetype="ListingPage"] #script-list-sort {
  1696. display: none;
  1697. }
  1698.  
  1699. /* USERCSS - INSTALL BUTTON */
  1700. #script-info #install-area .install-link + .install-help-link + .install-link + a,
  1701. #script-info #install-area .install-link + .install-help-link + .install-link {
  1702. float: right;
  1703. }
  1704.  
  1705. /* FOR SUPERLOADER */
  1706. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3,
  1707. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 ~ p:last-of-type,
  1708. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + p + .pagination + p {
  1709. display: none;
  1710. }
  1711.  
  1712. /* MESSAGE - ERROR NOT LOADING IMAGES */
  1713. .notice {
  1714. display: inline-block;
  1715. position: absolute;
  1716. width: 214px;
  1717. left: -30%;
  1718. top: 0px;
  1719. }
  1720.  
  1721. /* (new219) SETS - NEW SET PAGE - CIT */
  1722. section.text-content > p:not(:empty) {
  1723. margin: 20px 0 0 20px !important;
  1724. font-size: 20px !important;
  1725. color: gold !important;
  1726. }
  1727. [pagetype="UserProfile"] .width-constraint section.text-content > p:empty {
  1728. display: none;
  1729. }
  1730.  
  1731. [pagetype="UserProfile"] .width-constraint section.text-content p + form {
  1732. position: relative;
  1733. min-height: 700px;
  1734. max-height: 700px;
  1735. top: 0px;
  1736. padding: 5px 66px;
  1737. overflow: hidden;
  1738. overflow-y: auto;
  1739. background: #222;
  1740. }
  1741.  
  1742. #script-set-scripts .selection-box.form-control #remove-scripts-included {
  1743. height: 53vh !important;
  1744. }
  1745. .change-script-set #script-set-scripts .form-control:not(.selection-box) {
  1746. min-height: 12vh !important;
  1747. max-height: 12vh !important;
  1748. }
  1749. .change-script-set #script-set-scripts .form-control textarea:not([rows])#add-script {
  1750. min-height: 2vh !important;
  1751. max-height: 10vh !important;
  1752. }
  1753.  
  1754. /* SET - FROM USER TITLE - CIT */
  1755. .width-constraint:first-of-type .sidebarred .sidebarred-main-content h3 {
  1756. position: fixed !important;
  1757. display: inline-block !important;
  1758. height: 17px;
  1759. line-height: 15px;
  1760. width: 570px;
  1761. margin-left: 0% !important;
  1762. left: 21% !important;
  1763. top: 2.8vh;
  1764. padding: 1px 1px 1px 20px;
  1765. border-radius: 5px 5px 0 0;
  1766. font-size: 13px !important;
  1767. text-align: left;
  1768. z-index: 50000000 !important;
  1769. pointer-events: none;
  1770. border: 1px solid red;
  1771. 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);
  1772. }
  1773. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred .sidebarred-main-content .open-sidebar.sidebar-collapsed + h3 {
  1774. position: fixed !important;
  1775. display: inline-block !important;
  1776. height: 17px;
  1777. line-height: 15px;
  1778. width: 555px;
  1779. margin-left: 0% !important;
  1780. left: 22.4% !important;
  1781. top: 4.2vh;
  1782. padding: 1px 1px 1px 20px;
  1783. border-radius: 5px 5px 0 0;
  1784. font-size: 13px !important;
  1785. text-align: left;
  1786. z-index: 50000000 !important;
  1787. pointer-events: none;
  1788. border: 1px solid gray;
  1789. 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);
  1790. }
  1791. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p {
  1792. display: inline-block !important;
  1793. z-index: 50000000 !important;
  1794. }
  1795.  
  1796. body[pagetype="ListingPage"] #script-table + .width-constraint h3 > a {
  1797. z-index: 100;
  1798. pointer-events: auto;
  1799. }
  1800.  
  1801.  
  1802. /* PB - CREATE SET PAGE - SCROLL */
  1803. html,
  1804. body {
  1805. min-height: 100% !important;
  1806. text-align: left !important;
  1807. }
  1808.  
  1809. /* GREASY - ADMIN / DELETE SCRIPT PAGE */
  1810. .multiform-page:first-of-type,
  1811. #script-content > form[action$="/delete"] > p:first-of-type {
  1812. margin-top: 48px !important;
  1813. }
  1814.  
  1815. /* GREASY FORUM - PROFILE COMM LIST */
  1816. .Profile .DataListWrap ul.DataList.SearchResults .MItem:first-child {
  1817. margin-left: 8px;
  1818. margin-right: 8px;
  1819. white-space: pre-line !important;
  1820. }
  1821. /* GREASY FORUM - COM RATING */
  1822. .ExtraDiscussionData-Rating .RadioLabel {
  1823. display: inline-block !important;
  1824. }
  1825. /* (new234) LOADER */
  1826. .init_loader {
  1827. display: none !important;
  1828. }
  1829. .init_loader > img {
  1830. background: #e6dbdb !important;
  1831. border: 1px solid red !important;
  1832. border-radius: 100% !important;
  1833. }
  1834.  
  1835. /* USERSTY FORUM - IMGUR VIDEO */
  1836. .imgur-gifv.VideoWrap > video {
  1837. max-width: 624px;
  1838. }
  1839.  
  1840. /* (new219) CATEGORIES */
  1841. .us-category--stylecard-long h1,
  1842. .view_inner.StylesCategory > h1 {
  1843. color: #6687aa !important;
  1844. font-size: 30px;
  1845. margin: 0px !important;
  1846. }
  1847. #categories {
  1848. display: inline-block !important;
  1849. width: 100% !important;
  1850. margin-bottom: 50px;
  1851. }
  1852. .StyleCategory-Link {
  1853. display: inline-block !important;
  1854. width: 280px !important;
  1855. margin: 2px -18px 22px 48px !important;
  1856. }
  1857. .us-category--narrow,
  1858. .us-category--stylecard-short.us-category--narrow {
  1859. width: 100% !important;
  1860. margin-left: 0 !important;
  1861. }
  1862.  
  1863. .us-category--stylecard-long .us-stylecards__container--narrow,
  1864. .us-category--stylecard-short .us-stylecards__container--narrow {
  1865. width: 100% !important;
  1866. }
  1867. #title_div {
  1868. width: 100% !important;
  1869. }
  1870. .us-category--stylecard-short h1 {
  1871. margin: 0 !important;
  1872. color: #6687aa !important;
  1873. }
  1874. .fallbackDiv {
  1875. position: relative !important;
  1876. display: inline-block !important;
  1877. height: 156px;
  1878. max-width: 100%;
  1879. min-width: 100%;
  1880. align-items: center;
  1881. background-color: #222;
  1882. }
  1883. .fallbackDiv .fallbackImg {
  1884. position: absolute;
  1885. width: 50%;
  1886. height: 100%;
  1887. top: 0;
  1888. left: 25% !important;
  1889. object-fit: contain !important;
  1890. object-position: 50% 50% !important;
  1891. opacity: 0.5 !important;
  1892. }
  1893.  
  1894. /* USERSTY - MENU LEFT */
  1895. .navigation {
  1896. width: 38% !important;
  1897. height: 100% !important;
  1898. min-height: 20px !important;
  1899. max-height: 20px !important;
  1900. left: 0 !important;
  1901. top: -22px !important;
  1902. padding: 0 !important;
  1903. overflow: hidden !important;
  1904. z-index: 5000000 !important;
  1905. box-shadow: none !important;
  1906. background-color: #2e3e49 !important;
  1907. }
  1908. .navigation .links-box {
  1909. position: fixed !important;
  1910. width: 200px !important;
  1911. top: 47px !important;
  1912. left: 40px !important;
  1913. background-color: #222 !important;
  1914. }
  1915. .links-box > a {
  1916. display: inline-block !important;
  1917. width: 200px !important;
  1918. }
  1919. .navigation .links-box .navigation-link {
  1920. height: 16px !important;
  1921. align-items: center;
  1922. padding: 1px 0;
  1923. }
  1924. .navigation .links-box .navigation-link .navigation-title {
  1925. color: #617488 !important;
  1926. }
  1927. .navigation .navigation-category {
  1928. position: fixed;
  1929. display: inline-block;
  1930. top: 19px !important;
  1931. margin: 30px 0 10px;
  1932. width: 200px !important;
  1933. color: #95a5a6;
  1934. font-size: 12px !important;
  1935. text-align: center !important;
  1936. z-index: 5000000;
  1937. }
  1938. .links-box:first-of-type:before {
  1939. content: "Menu ∇ ";
  1940. display: inline-block;
  1941. width: 200px !important;
  1942. border-bottom: 4px solid gold !important;
  1943. text-align: center !important;
  1944. visibility: visible !important;
  1945. }
  1946. .links-box:first-of-type {
  1947. border-top: none !important;
  1948. visibility: hidden !important;
  1949. }
  1950. .links-box:first-of-type:hover {
  1951. border-top: none !important;
  1952. visibility: visible !important;
  1953. }
  1954. .links-box:first-of-type + .navigation-category {
  1955. left: 258px !important;
  1956. border-bottom: 4px solid blue !important;
  1957. }
  1958. .links-box:first-of-type + .navigation-category + .links-box {
  1959. position: fixed !important;
  1960. display: inline-block !important;
  1961. top: 67px !important;
  1962. left: 258px !important;
  1963. visibility: hidden !important;
  1964. border-bottom: 4px solid blue !important;
  1965. }
  1966. .links-box:first-of-type + .navigation-category + .links-box:hover,
  1967. .links-box:first-of-type + .navigation-category:hover + .links-box {
  1968. visibility: visible !important;
  1969. }
  1970. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category {
  1971. left: 466px !important;
  1972. border-bottom: 4px solid green !important;
  1973. }
  1974. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category + .links-box {
  1975. position: fixed !important;
  1976. display: inline-block !important;
  1977. top: 67px !important;
  1978. left: 466px !important;
  1979. visibility: hidden !important;
  1980. border-bottom: 4px solid green !important;
  1981. }
  1982. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category + .links-box:hover,
  1983. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category:hover + .links-box {
  1984. visibility: visible !important;
  1985. }
  1986. .links-box:first-of-type + .navigation-category + .links-box + .navigation-category:after,
  1987. .links-box:first-of-type + .navigation-category:after {
  1988. content: " ∇ ";
  1989. display: inline-block;
  1990. width: 5px !important;
  1991. margin-left: 10px !important;
  1992. text-align: center !important;
  1993. color: gold;
  1994. visibility: visible !important;
  1995. }
  1996.  
  1997. /* USER PAGE(not ACCOUNT PAGE) */
  1998. .personal-page-header {
  1999. position: fixed;
  2000. width: 100% !important;
  2001. height: 32px !important;
  2002. font-size: 20px !important;
  2003. right: 0px;
  2004. top: 48px !important;
  2005. text-align: center !important;
  2006. z-index: 50000;
  2007. background: #111 !important;
  2008. }
  2009. .personal-page-header h1 {
  2010. width: 100%;
  2011. line-height: 20px !important;
  2012. margin: 0 !important;
  2013. font-size: 20px !important;
  2014. overflow: hidden;
  2015. text-overflow: ellipsis;
  2016. white-space: nowrap;
  2017. word-break: normal;
  2018. color: #7691AD;
  2019. border-bottom: 1px solid red !important;
  2020. }
  2021. .personal-page-header-right {
  2022. height: 30px;
  2023. }
  2024. .personal-page .light-blue-button {
  2025. padding: 1px 10px !important;
  2026. }
  2027. .personal-page-narrow {
  2028. width: 100% !important;
  2029. }
  2030. .personal-page {
  2031. box-sizing: border-box;
  2032. margin: 5px 0 0 0 !important;
  2033. padding: 0 20px;
  2034. width: 100%;
  2035. }
  2036. /* .personal-page.personal-page-narrow */
  2037. /* MOZAIC */
  2038. .us-stylecard--long {
  2039. display: inline-block !important;
  2040. width: 32% !important;
  2041. height: 172px;
  2042. margin: 15px 20px -10px 0 !important;
  2043. padding: 8px !important;
  2044. border-radius: 5px;
  2045. box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  2046. background-color: black !important;
  2047. border: 1px solid red;
  2048. }
  2049.  
  2050. .us-stylecard--long {
  2051. float: left !important;
  2052. box-sizing: border-box;
  2053. width: 32% !important;
  2054. height: 172px;
  2055. margin: 5px 5px 0px 5px !important;
  2056. top: 0 !important;
  2057. padding: 8px !important;
  2058. border-radius: 5px;
  2059. box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
  2060. background-color: black !important;
  2061. border: 1px solid red;
  2062. }
  2063.  
  2064. .us-stylecard--long:nth-child(1) {
  2065. margin-top: 5px !important;
  2066. }
  2067. .us-stylecard--long > a {
  2068. width: 40% !important;
  2069. text-align: center;
  2070. }
  2071. /* (new18) */
  2072. .us-stylecard--long .us-stencil {
  2073. float: left !important;
  2074. max-width: 50% !important;
  2075. min-width: 50% !important;
  2076. height: 156px;
  2077. background-color: #222 !important;
  2078. }
  2079. /* (new219) */
  2080. .us-stylecard--long .us-stencil__image {
  2081. display: none !important;
  2082. }
  2083. .us-screenshot {
  2084. width: 100% !important;
  2085. min-height: 156px !important;
  2086. max-height: 156px !important;
  2087. transition: height 0.5s ease 0s;
  2088. /* border: 1px solid aqua !important; */
  2089. }
  2090. .us-screenshot .background--website-style {
  2091. object-fit: contain;
  2092. object-position: center center;
  2093. background-image: url(https://camo.githubusercontent.com/5b8e4cd1a5ce69b6affa17ebd8e4aee00c147618/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d63726f737368617463682e706e67) !important;
  2094. }
  2095. .us-screenshot .background--website-style:not([src^="https://userstyles.org/"]) {
  2096. display: inline-block !important;
  2097. width: 99% !important;
  2098. height: 99% !important;
  2099. background-image: none !important;
  2100. background-color: #111 !important;
  2101. border: 1px solid red !important;
  2102. }
  2103. .us-category--stylecard-short {
  2104. width: 99% !important;
  2105. }
  2106. .us-category--stylecard-long .us-stylecards__container {
  2107. width: 99% !important;
  2108. }
  2109. .us-stylecard--long .us-container {
  2110. position: relative !important;
  2111. display: inline-block !important;
  2112. float: none !important;
  2113. clear: none !important;
  2114. width: 50% !important;
  2115. margin-top: 0px !important;
  2116. padding: 3px 5px 0 5px !important;
  2117. overflow: hidden;
  2118. }
  2119. .us-stylecard--long .us-title {
  2120. width: 100% !important;
  2121. height: auto !important;
  2122. line-height: 22px !important;
  2123. margin-top: 0px;
  2124. font-size: 18px !important;
  2125. overflow: hidden;
  2126. text-overflow: ellipsis;
  2127. white-space: pre-line !important;
  2128. }
  2129. .us-stylecard--long .us-title a {
  2130. display: inline-block !important;
  2131. width: 100% !important;
  2132. }
  2133. /* (new219) */
  2134. .us-stylecard__button-container {
  2135. position: relative !important;
  2136. display: inline-block !important;
  2137. float: none !important;
  2138. width: 100% !important;
  2139. height: 100% !important;
  2140. margin: 0px !important;
  2141. bottom: 160px !important;
  2142. padding: 0 !important;
  2143. pointer-events: none !important;
  2144. opacity: 0.3 !important;
  2145. transition: opacity ease 0.7s !important;
  2146. /* border: 1px solid yellow !important; */
  2147. }
  2148. us-stylecard__button-container:hover,
  2149. .us-stylecard--long .us-container:hover + .us-stylecard__button-container {
  2150. opacity: 1 !important;
  2151. transition: opacity ease 0.7s !important;
  2152. }
  2153. .us-stylecard__button-container > a .us-button {
  2154. pointer-events: auto !important;
  2155. background: #222 !important;
  2156. }
  2157.  
  2158.  
  2159. /* FOR ANDROID */
  2160. .us-category--stylecard-short.us-category .us-stylecards__container {
  2161. width: 99% !important;
  2162. }
  2163. .us-category--stylecard-long.us-category .us-stylecards__container .us-stylecard--long .us-container {
  2164. clear: none;
  2165. display: inline-block !important;
  2166. width: 50% !important;
  2167. }
  2168. .us-category--stylecard-long.us-category .us-stylecards__container .background--mobile-style + .body {
  2169. position: absolute !important;
  2170. width: 99% !important;
  2171. height: 132px !important;
  2172. left: 0;
  2173. margin: 13px auto;
  2174. right: 0;
  2175. top: 0;
  2176. background-position: center center !important;
  2177. background-repeat: no-repeat !important;
  2178. background-size: contain !important;
  2179. }
  2180. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android {
  2181. display: inline-block !important;
  2182. max-height: 250px !important;
  2183. }
  2184. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a .us-stencil,
  2185. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android a {
  2186. display: inline-block !important;
  2187. max-height: 250px !important;
  2188. }
  2189. .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 {
  2190. position: absolute !important;
  2191. width: 98% !important;
  2192. height: 132px !important;
  2193. left: 0;
  2194. margin: 13px auto;
  2195. right: 0;
  2196. top: 0;
  2197. background-position: center center !important;
  2198. background-repeat: no-repeat !important;
  2199. background-size: contain !important;
  2200. }
  2201. .us-category--stylecard-short.us-category .us-stylecards__container.us-stylecards__container--stylecard-short .us-stylecard--short.us-stylecard--short-android .us-container {
  2202. position: relative !important;
  2203. display: inline-block !important;
  2204. margin-top: -115px !important;
  2205. z-index: 500 !important;
  2206. }
  2207. .us-category--stylecard-long.us-category .us-stylecards__container .us-stylecard--long .us-stylecard__button-container {
  2208. display: inline-block;
  2209. margin-top: 0;
  2210. padding: 0;
  2211. position: absolute;
  2212. right: 4% !important;
  2213. width: 5% !important;
  2214. }
  2215.  
  2216. /* USERSTY - PAGINA */
  2217. .us-stylecards__container + #pagination {
  2218. position: fixed !important;
  2219. width: 700px !important;
  2220. right: -320px !important;
  2221. top: 50% !important;
  2222. padding: 5px !important;
  2223. border-radius: 5px !important;
  2224. transform: rotate(90deg);
  2225. background: #222 !important;
  2226. }
  2227. .us-stylecards__container + #pagination > a:first-of-type,
  2228. .us-stylecards__container + #pagination > a:last-of-type,
  2229. .us-stylecards__container + #pagination > #pages > .pageNumber,
  2230. .us-stylecards__container + #pagination > #pages > a {
  2231. display: flex;
  2232. align-items: center;
  2233. justify-content: center;
  2234. height: 30px !important;
  2235. width: 40px !important;
  2236. font-size: 15px !important;
  2237. margin: 0 4px;
  2238. cursor: pointer;
  2239. transform: rotate(-90deg);
  2240. }
  2241. .us-stylecards__container + #pagination .pageNumber.current {
  2242. color: gold !important;
  2243. background: #222 !important;
  2244. }
  2245. .us-stylecards__container + #pagination > a:first-of-type .div-arrow,
  2246. .us-stylecards__container + #pagination > a:last-of-type .div-arrow {
  2247. width: 30px !important;
  2248. margin-left: 0 !important;
  2249. margin-right: 0 !important;
  2250. text-align: center !important;
  2251. }
  2252. .us-stylecards__container + #pagination > a:first-of-type .arrow-icon,
  2253. .us-stylecards__container + #pagination > a:last-of-type .arrow-icon {
  2254. width: 41px !important;
  2255. height: 30px !important;
  2256. text-align: center !important;
  2257. }
  2258.  
  2259. /* A VOIR - GREASY - FORUM - TOP HEADER - DISMIS - == */
  2260. .Column.ContentColumn .MessageList.Discussion .OptionsMenu .Flyout.MenuItems.list-reset,
  2261. .MessageList.Discussion .OptionsMenu .Flyout.MenuItems.list-reset {
  2262. display: inline-block !important;
  2263. height: 21px !important;
  2264. margin-top: -51px !important;
  2265. margin-left: 4px !important;
  2266. }
  2267. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss {
  2268. height: 15px !important;
  2269. width: 15px !important;
  2270. margin-right: 0 !important;
  2271. margin-top: 0 !important;
  2272. padding: 0 !important;
  2273. font-size: 0px !important;
  2274. color: red !important;
  2275. }
  2276. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:before {
  2277. content: " \274C";
  2278. font-size: 10px !important;
  2279. color: red !important;
  2280. }
  2281. .MessageList.Discussion .Flyout.MenuItems.list-reset .no-icon a.dropdown-menu-link.DismissAnnouncement.Hijack.dropdown-menu-link-dismiss:hover:after {
  2282. content: "Dismiss";
  2283. position: absolute;
  2284. display: inline-block;
  2285. margin-top: -20px !important;
  2286. margin-left: -30px !important;
  2287. font-size: 10px !important;
  2288. color: tomato !important;
  2289. }
  2290.  
  2291. /* GM - Greasyfork Display Update Checks - (not working with CITRUS) */
  2292. #browse-script-list > li > article > p > span[style*="border: 1px ridge #817F82;)"] > b {
  2293. color: gold !important;
  2294. /* OK - FINE TOP OF THE BACKGROUND - BLACK */
  2295. text-shadow: 0px 1px 1px #000;
  2296. }
  2297.  
  2298. /* GREASY - Without SCRIPT */
  2299. .width-constraint > p {
  2300. display: inline-block;
  2301. }
  2302. #script-links .current > * {
  2303. color: red !important;
  2304. }
  2305.  
  2306. /* CITRUS SETTINGS - POPUP */
  2307. #CForkSettings {
  2308. z-index: 5000 !important;
  2309. }
  2310.  
  2311. /* PB HOVER - NEW TOP HEADER NAV MENU - MORE */
  2312. .with-submenu {
  2313. position: relative !important;
  2314. display: inline-block !important;
  2315. }
  2316. li.with-submenu:hover a + nav,
  2317. /* li.with-submenu a + nav , */
  2318. li.with-submenu a + nav:hover,
  2319. li.with-submenu a:hover + nav {
  2320. position: absolute !important;
  2321. display: inline-block !important;
  2322. min-width: 100%;
  2323. margin-top: 0px !important;
  2324. padding: 5px 0px 5px 0px !important;
  2325. text-align: left !important;
  2326. z-index: 50000000 !important;
  2327. opacity: 1 !important;
  2328. visibility: visible !important;
  2329. background: #333 !important;
  2330. box-shadow: -3px 3px 2px black !important;
  2331. }
  2332.  
  2333. li.with-submenu a + nav li {
  2334. height: 20px !important;
  2335. line-height: 20px !important;
  2336. }
  2337. li.with-submenu a + nav li a {
  2338. padding: 2px 2px 2px 10px !important;
  2339. text-align: left !important;
  2340. }
  2341.  
  2342. /* SOLVED on ListingPage - move left */
  2343. body[pagetype="PersonalProfile"] .with-submenu,
  2344. body[pagetype="UserProfile"] .with-submenu,
  2345. body[pagetype="ListingPage"] .with-submenu {
  2346. position: fixed !important;
  2347. display: inline-block !important;
  2348. width: 92px;
  2349. height: 15px !important;
  2350. line-height: 15px !important;
  2351. left: 14.3% !important;
  2352. top: 110px !important;
  2353. z-index: 5000000 !important;
  2354. background: green;
  2355. }
  2356. body[pagetype="PersonalProfile"] .with-submenu:hover,
  2357. body[pagetype="UserProfile"] .with-submenu:hover,
  2358. body[pagetype="ListingPage"] .with-submenu:hover {
  2359. width: 272px !important;
  2360. height: 130px !important;
  2361. line-height: 15px !important;
  2362. margin-left: -160px !important;
  2363. background: blue;
  2364. }
  2365.  
  2366. body[pagetype="PersonalProfile"] .with-submenu:hover > a,
  2367. body[pagetype="UserProfile"] .with-submenu:hover > a,
  2368. body[pagetype="ListingPage"] .with-submenu:hover > a {
  2369. width: 272px !important;
  2370. margin-left: 0px !important;
  2371. background: blue;
  2372. }
  2373. body[pagetype="PersonalProfile"] .with-submenu > a,
  2374. body[pagetype="UserProfile"] nav li.with-submenu > a,
  2375. body[pagetype="ListingPage"] nav li.with-submenu > a {
  2376. display: inline-block !important;
  2377. height: 15px !important;
  2378. width: 100% !important;
  2379. line-height: 15px !important;
  2380. padding-left: 5px;
  2381. }
  2382.  
  2383. /* ADAPT for GM "Greasyfork install button on search" (NOT Working with CITRUS)
  2384. AND GM "GreasyFork - filter libraries in profiles" === */
  2385. .thetitle + div #install-area {
  2386. position: relative !important;
  2387. float: left !important;
  2388. max-width: 450px !important;
  2389. min-width: 450px !important;
  2390. margin-left: -4px !important;
  2391. top: 0 !important;
  2392. padding: 1px 4px !important;
  2393. background-color: #f9ecdb !important;
  2394. border-bottom: 1px solid gray;
  2395. z-index: 1 !important;
  2396. overflow: hidden !important;
  2397. }
  2398. .thetitle + div #install-area:hover {
  2399. position: relative !important;
  2400. height: auto !important;
  2401. max-width: 450px !important;
  2402. min-width: 450px !important;
  2403. top: 0 !important;
  2404. padding: 1px 4px !important;
  2405. z-index: 5000 !important;
  2406. overflow: visible !important;
  2407. }
  2408. .thetitle + div #install-area > a:first-of-type {
  2409. float: left !important;
  2410. clear: both !important;
  2411. max-width: 150px !important;
  2412. min-width: 150px !important;
  2413. line-height: 13px !important;
  2414. font-size: 10px !important;
  2415. margin-left: 0 !important;
  2416. text-align: center !important;
  2417. }
  2418. .thetitle + div #install-area > a:last-of-type {
  2419. max-width: 20px !important;
  2420. min-width: 20px !important;
  2421. line-height: 13px !important;
  2422. font-size: 10px !important;
  2423. margin-left: 0 !important;
  2424. text-align: center !important;
  2425. }
  2426. .thetitle + div #install-area form.script-in-sets {
  2427. position: absolute !important;
  2428. display: inline-block !important;
  2429. height: 100% !important;
  2430. min-height: 50px !important;
  2431. max-height: 50px !important;
  2432. max-width: 374px !important;
  2433. min-width: 374px !important;
  2434. left: 75px !important;
  2435. top: 2px !important;
  2436. font-size: 0px !important;
  2437. overflow-x: hidden;
  2438. overflow-y: auto;
  2439. }
  2440.  
  2441. .thetitle + div #install-area form.script-in-sets:hover {
  2442. min-height: 150px !important;
  2443. max-height: 200px !important;
  2444. z-index: 500000 !important;
  2445. border: 1px solid violet !important;
  2446. }
  2447. .thetitle + div #install-area .script-in-sets select {
  2448. display: inline-block;
  2449. max-width: 287px !important;
  2450. min-width: 287px !important;
  2451. margin-left: 0px !important;
  2452. margin-top: 7px !important;
  2453. }
  2454. .tk.sel {
  2455. color: #25B300 !important;
  2456. }
  2457. .tk.pro {
  2458. color: #2a7da3 !important;
  2459. }
  2460. .tk.pun {
  2461. color: #0F40A7 !important;
  2462. }
  2463. .tk.com {
  2464. color: #9F7E15 !important;
  2465. }
  2466.  
  2467. /* FILTER - ADAP GM == (not apply on :not(.Mine))
  2468. GreasyFork Bullshit Filter
  2469. AND GreasyFork - filter discussions on scripts by review type and author
  2470. === */
  2471. /* FILTER MENU */
  2472. .filter-status:not(:empty),
  2473. #script-content .filter-status:not(:empty) {
  2474. position: fixed !important;
  2475. height: 15px;
  2476. line-height: 13px;
  2477. width: auto;
  2478. max-width: 200px;
  2479. left: calc(20.5%);
  2480. top: 1px !important;
  2481. padding: 0px 3px;
  2482. border-radius: 3px;
  2483. text-align: center;
  2484. font-size: 0px;
  2485. cursor: pointer !important;
  2486. z-index: 500000;
  2487. transition: width ease 0.7s;
  2488. color: white;
  2489. background: #B38C25;
  2490. }
  2491.  
  2492. .filter-status:not(:empty):hover,
  2493. #script-content .filter-status:hover:not(:empty) {
  2494. height: 30px !important;
  2495. width: 192px !important;
  2496. padding: 0px 0 0px 70px;
  2497. font-size: 13px !important;
  2498. cursor: pointer !important;
  2499. background: black;
  2500. }
  2501. .filter-status:not(:empty):before {
  2502. content: "Filter ▼ ";
  2503. font-size: 15px;
  2504. color: gold;
  2505. }
  2506. .filter-status:hover:not(:empty):before {
  2507. /* content: "Filter ►" ; */
  2508. content: "Filter : ";
  2509. display: inline-block !important;
  2510. width: 190px !important;
  2511. color: white;
  2512. z-index: 50000 !important;
  2513. }
  2514. .filter-status + .filter-switches {
  2515. position: fixed !important;
  2516. display: inline-block !important;
  2517. width: 200px !important;
  2518. left: 20.8% !important;
  2519. top: 0px !important;
  2520. padding: 40px 0 5px 70px;
  2521. border-radius: 0 0 5px 5px !important;
  2522. text-align: center;
  2523. transition: all ease 0.7s;
  2524. z-index: 50000 !important;
  2525. opacity: 0;
  2526. visibility: hidden;
  2527. background: #B38C25 !important;
  2528. }
  2529.  
  2530. .filter-status + .filter-switches:hover,
  2531. .filter-status:hover + .filter-switches {
  2532. opacity: 1 !important;
  2533. visibility: visible !important;
  2534. }
  2535. /* .filter-status:first-of-type + .filter-switches ~ .filter-switches ,
  2536. .filter-status:first-of-type + .filter-switches ~ .filter-status {
  2537. display: none !important;
  2538. } */
  2539. :hover > .filter-switches a,
  2540. .filter-switches a,
  2541. #main-header .width-constraint + .filter-status ~ .filter-switches a,
  2542. #Frame #Head.Head .filter-switches a,
  2543. #script-content .filter-switches a {
  2544. display: inline-block !important;
  2545. width: 160px !important;
  2546. height: 15px !important;
  2547. line-height: 15px !important;
  2548. margin-top: -2px !important;
  2549. margin-left: 0px !important;
  2550. font-size: 14px !important;
  2551. color: white !important;
  2552. cursor: pointer !important;
  2553. background: blue !important;
  2554. }
  2555. #Frame #Head.Head .filter-switches a {
  2556. color: white !important;
  2557. }
  2558. .ui-widget {
  2559. position: fixed !important;
  2560. width: 190px !important;
  2561. top: 175px !important;
  2562. left: calc(84.5%) !important;
  2563. }
  2564. .ui-widget #myform {
  2565. width: 185px !important;
  2566. }
  2567. .ui-widget #myform input#authors {
  2568. width: 180px !important;
  2569. }
  2570. .dropdown {
  2571. position: fixed !important;
  2572. width: 185px !important;
  2573. left: calc(84.5%) !important;
  2574. top: 228px !important
  2575. }
  2576. .dropbtn {
  2577. width: 185px !important;
  2578. padding: 5px 0px 5px 20px !important;
  2579. }
  2580. .dropdown-content {
  2581. width: 185px !important;
  2582. height: 400px !important;
  2583. padding: 16px 0px 5px 0px !important;
  2584. background-color: #222 !important;
  2585. }
  2586. #myDropdown.dropdown-content a {
  2587. padding: 1px 0px 2px 5px !important;
  2588. font-size: 15px !important;
  2589. text-align: left !important;
  2590. cursor: default !important;
  2591. color: gray !important;
  2592. background-color: #333 !important;
  2593. }
  2594. #myDropdown.dropdown-content a:hover {
  2595. font-size: 15px !important;
  2596. color: gold !important;
  2597. background-color: #222 !important;
  2598. }
  2599.  
  2600. /* CIT */
  2601. [pagetype="UserProfile"] .filter-status:not(:empty),
  2602. [pagetype="PersonalProfile"] .filter-status:not(:empty),
  2603. [pagetype="PersonalProfile"] .filter-status:not(:empty),
  2604. [pagetype="ListingPage"] .filter-status:not(:empty) {
  2605. top: 110px !important;
  2606. background: red;
  2607. }
  2608. [pagetype="UserProfile"] .filter-status:not(:empty),
  2609. [pagetype="PersonalProfile"] .filter-status:not(:empty) {
  2610. left: 20.1%;
  2611. }
  2612.  
  2613. /* (new187) CIT */
  2614. [pagetype="UserProfile"] .filter-status:not(:empty) + .filter-switches,
  2615. [pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches,
  2616. [pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches,
  2617. [pagetype="ListingPage"] .filter-status:not(:empty) + .filter-switches {
  2618. top: 100px !important;
  2619. background: green !important;
  2620. }
  2621. [pagetype="UserProfile"] .filter-status:not(:empty) + .filter-switches,
  2622. [pagetype="PersonalProfile"] .filter-status:not(:empty) + .filter-switches {
  2623. left: 20.4% !important;
  2624. }
  2625.  
  2626. /* FITER DISC */
  2627. .discussion-list .discussion-list-item.filtered {
  2628. display: inline-block !important;
  2629. min-width: 100% !important;
  2630. height: 100% !important;
  2631. min-height: 25px !important;
  2632. max-height: 25px !important;
  2633. margin-top: 0px !important;
  2634. margin-bottom: 0px !important;
  2635. padding: 2px 0 !important;
  2636. font-size: 3px !important;
  2637. overflow: hidden !important;
  2638. opacity: 0.4 !important;
  2639. }
  2640. .discussion-list .discussion-list-item.filtered:hover {
  2641. opacity: 1 !important;
  2642. }
  2643. .discussion-list .discussion-list-item.filtered a.discussion-title {
  2644. position: relative !important;
  2645. display: inline-block !important;
  2646. width: 96% !important;
  2647. height: 25px !important;
  2648. line-height: 10px !important;
  2649. margin-top: 0px !important;
  2650. top: 0px !important;
  2651. padding: 0 !important;
  2652. font-size: 9px !important;
  2653. }
  2654.  
  2655. /* FILTER SCRIPTS - ListingPage - DISPLAY MINIMUM - + CIT === */
  2656. #script-table tr.filtered,
  2657. body[pagetype="ListingPage"] #script-table tr.filtered {
  2658. display: table-row !important;
  2659. width: 100% !important;
  2660. height: 10px!important;
  2661. }
  2662. .discussion-list-item.filtered {
  2663. display: inline-block !important;
  2664. width: 100% !important;
  2665. height: 10px!important;
  2666. font-size: 7px !important;
  2667. }
  2668. .discussion-list-container .discussion-list-item.filtered a.discussion-title {
  2669. display: inline-block !important;
  2670. width: 100% !important;
  2671. height: 100% !important;
  2672. min-height: 10px!important;
  2673. max-height: 10px!important;
  2674. line-height: 10px!important;
  2675. padding: 0 !important;
  2676. font-size: 7px !important;
  2677. }
  2678.  
  2679. #script-table tr.filtered:hover td,
  2680. body[pagetype="ListingPage"] #script-table tr.filtered:hover td {
  2681. background: black !important;
  2682. }
  2683. #script-table tr.filtered > td,
  2684. body[pagetype="ListingPage"] #script-table tr.filtered > td {
  2685. display: table-cell !important;
  2686. height: 100% !important;
  2687. min-height: 10px!important;
  2688. max-height: 10px!important;
  2689. padding: 0 !important;
  2690. font-size: 7px !important;
  2691. background-color: #F7F6E9 !important;
  2692. }
  2693. #script-table tr.filtered > td:last-of-type,
  2694. body[pagetype="ListingPage"] #script-table tr.filtered > td:last-of-type {
  2695. font-size: 8px !important;
  2696. }
  2697. #script-table tr.filtered > td:nth-child(2) .thetitle,
  2698. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle {
  2699. font-size: 8px !important;
  2700. }
  2701. #script-table tr.filtered:hover > td:nth-child(2) .thetitle,
  2702. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle {
  2703. border-left: 1px solid red !important;
  2704. }
  2705.  
  2706. /* FILTER - HIDDE SCRIPT DESCRIPTION FOR FILTERED */
  2707. #script-table tr.filtered > td:nth-child(2) .thetitle + div,
  2708. body[pagetype="ListingPage"] #script-table tr.filtered > td:nth-child(2) .thetitle + div {
  2709. display: table-cell !important;
  2710. height: 2px !important;
  2711. font-size: 2px !important;
  2712. visibility: hidden !important;
  2713. }
  2714.  
  2715. /* FILTER - SHOW SCRIPT DESCRIPTION FOR FILTERED on DHOVER */
  2716. #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div,
  2717. body[pagetype="ListingPage"] #script-table tr.filtered:hover > td:nth-child(2) .thetitle + div {
  2718. display: table-cell !important;
  2719. height: auto !important;
  2720. width: 914px !important;
  2721. font-size: 12px !important;
  2722. line-height: 12px !important;
  2723. z-index: 50000 !important;
  2724. visibility: visible !important;
  2725. border: 1px solid peru !important;
  2726. border-left: 3px solid red !important;
  2727. border-right: 3px solid red !important;
  2728. border-bottom: 4px solid red !important;
  2729. background-color: #f7f6e9 !important;
  2730. }
  2731. #script-table tr.filtered > td span + span,
  2732. #script-table tr.filtered > td > span span,
  2733. body[pagetype="ListingPage"] #script-table tr.filtered > td span + span,
  2734. body[pagetype="ListingPage"] #script-table tr.filtered > td > span span {
  2735. display: inline-block !important;
  2736. display: none !important;
  2737. height: 100% !important;
  2738. min-height: 15px!important;
  2739. max-height: 15px!important;
  2740. padding: 0 !important;
  2741. font-size: 8px !important;
  2742. }
  2743. #script-table tr.filtered > td > span.total-rating-coun,
  2744. body[pagetype="ListingPage"] #script-table tr.filtered > td > span.total-rating-count {
  2745. display: inline-block !important;
  2746. height: 100% !important;
  2747. min-height: 10px!important;
  2748. max-height: 10px!important;
  2749. line-height: 8px!important;
  2750. padding: 0 !important;
  2751. font-size: 9px !important;
  2752. }
  2753. /* FILTER - SCRIPT FEEDBAK */
  2754. .discussion-list-container .discussion-list-item.filtered a.discussion-title .rating-icon:before {
  2755. position: relative !important;
  2756. display: inline-block !important;
  2757. line-height: 0px!important;
  2758. top: 0px !important;
  2759. margin-left: 0;
  2760. font-size: 7px !important;
  2761. }
  2762. .discussion-list-container .discussion-list-item.filtered a.discussion-title .discussion-snippet {
  2763. position: relative !important;
  2764. display: inline-block !important;
  2765. line-height: 0px!important;
  2766. font-size: 7px !important;
  2767. }
  2768.  
  2769. /* FILTER - ALL COMMENTS (on top) */
  2770. .dropdown:hover #myDropdown.dropdown-content > a[onclick="showOnly('All')"],
  2771. .dropdown:not(:hover) #myDropdown.dropdown-content > a[onclick="showOnly('All')"] {
  2772. position: fixed !important;
  2773. display: inline-block !important;
  2774. left: calc(85.56%) !important;
  2775. top: 232px !important;
  2776. padding: 3px !important;
  2777. border-radius: 100% !important;
  2778. text-align: center !important;
  2779. }
  2780. /* for FILTER SCRIPT */
  2781. .width-constraint + .filter-status {
  2782. position: fixed !important;
  2783. }
  2784. .width-constraint + .filter-status + .filter-switches a {
  2785. margin-left: 10px !important;
  2786. }
  2787.  
  2788. /* GREASY FORUM - CLEAR CONVERSTAION BUTTON - Small TXT */
  2789. .Button.Danger.BigButton.ClearConversation {
  2790. display: block;
  2791. font-size: 11px!important;
  2792. font-weight: bold;
  2793. margin: 0 0 10px;
  2794. padding: 8px 10px;
  2795. text-align: center;
  2796. }
  2797. /* TEST - NOT Work - PB Ublock Origin + easy list (about _Ad.png) :
  2798. reported - https://forums.lanik.us/viewtopic.php?f=64&t=26338
  2799. https://greasyfork.org/fr/scripts/13725-youtube-fairblock
  2800. ==== */
  2801. img[src="/system/screenshots/screenshots/000/002/455/thumb/Muted_Ad.png?1447018329"] {
  2802. display: inline-block !important;
  2803. }
  2804. .width-constraint #script-info > #script-content #additional-info img[style="display: none ! important;"][src*="_Ad"] {
  2805. position: relative !important;
  2806. display: inline-block !important;
  2807. height: 100% !important;
  2808. min-height: 100px !important;
  2809. max-height: 100px !important;
  2810. max-width: 98% !important;
  2811. margin: 0 auto !important;
  2812. padding: 2px !important;
  2813. border-radius: 3px;
  2814. border: 1px solid orange !important;
  2815. box-shadow: 5px 5px 2px #181818 !important;
  2816. color: yellow !important;
  2817. background-color: #2b2b2b !important;
  2818. }
  2819.  
  2820. /* GM - LANG FILTER */
  2821. #greazy-forq-info {
  2822. position: fixed;
  2823. top: 2px;
  2824. left: 2px;
  2825. cursor: pointer;
  2826. z-index: 5000!important;
  2827. color: #670000;
  2828. text-shadow: 2px 2px 4px #311, -2px -2px 4px #f73;
  2829. background: rgba(255, 255, 255, 0.55);
  2830. }
  2831. li.greazy-forq-hiden,
  2832. .greazy-forq-hiden {
  2833. border-width: 1px 0 1px 9px !important;
  2834. }
  2835.  
  2836. /* SCRIPT TABLE - RATING NUMBER - TS CIT */
  2837. .good-rating-count,
  2838. .ok-rating-count,
  2839. .bad-rating-count {
  2840. border-radius: 2px!important;
  2841. display: inline-block !important;
  2842. min-width: 15px!important;
  2843. height: 13px !important;
  2844. line-height: 11px !important;
  2845. padding: 0px 2px !important;
  2846. margin-right: 2px!important;
  2847. margin-left: -2px!important;
  2848. text-align: center !important;
  2849. text-indent: 0px !important;
  2850. }
  2851. .total-rating-count {
  2852. display: table-cell !important;
  2853. width: 100% !important;
  2854. height: 13px !important;
  2855. line-height: 13px !important;
  2856. padding: 0px 2px !important;
  2857. border-radius: 2px!important;
  2858. }
  2859.  
  2860. /* PROFILE - CONTROL PANEL - HEADER - with CITRUS */
  2861. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header {
  2862. margin-bottom: 2px;
  2863. margin-top: -9px;
  2864. }
  2865. .width-constraint #script-list-option-groups.list-option-groups + header {
  2866. float: right;
  2867. width: 778px;
  2868. min-height: 25px;
  2869. max-height: 25px;
  2870. line-height: 0px;
  2871. margin-right: -26px;
  2872. margin-top: 0px;
  2873. }
  2874. .width-constraint #script-list-option-groups.list-option-groups + header h3 {
  2875. display: inline-block;
  2876. width: 779px;
  2877. min-height: 25px;
  2878. max-height: 25px;
  2879. line-height: 20px;
  2880. margin-top: -3px;
  2881. text-align: center;
  2882. background: #222;
  2883. }
  2884. .width-constraint #script-list-option-groups.list-option-groups + header + #user-script-list {
  2885. float: right;
  2886. width: 778px;
  2887. min-height: 844px;
  2888. margin-top: 25px;
  2889. margin-right: -29px;
  2890. }
  2891.  
  2892. /* SCRIPT LIST - ALL */
  2893. .script-list,
  2894. .user-list,
  2895. .text-content {
  2896. display: inline-block;
  2897. margin-top: 0px;
  2898. box-shadow: 3px 3px 2px black;
  2899. background-color: #222;
  2900. }
  2901. .text-content.reportable {
  2902. margin: 0;
  2903. padding-bottom: 0;
  2904. }
  2905. #user-profile > p {
  2906. margin-top: 0;
  2907. }
  2908. .text-content {
  2909. width: 100%;
  2910. }
  2911. .white-panel,
  2912. #user-discussions-on-scripts-written,
  2913. #control-panel,
  2914. #user-profile {
  2915. background-color: transparent;
  2916. }
  2917. /* SET COUNTER */
  2918. #main-header + .width-constraint > section.text-content + section {
  2919. content: counter(myIndex, decimal);
  2920. counter-increment: myIndex 0;
  2921. }
  2922. ul#user-script-sets li:after {
  2923. counter-increment: myIndex;
  2924. content: counter(myIndex, decimal)"\A sets";
  2925. position: fixed;
  2926. display: inline-block;
  2927. float: none;
  2928. width: 100%;
  2929. min-width: 25px;
  2930. max-width: 25px;
  2931. height: 25px;
  2932. line-height: 10px;
  2933. top: 55px;
  2934. left: 22.5%;
  2935. margin-left: -45px;
  2936. padding: 2px;
  2937. font-size: 10px;
  2938. text-align: center;
  2939. text-indent: 0;
  2940. border-radius: 100%;
  2941. opacity: 1;
  2942. visibility: visible;
  2943. z-index: 500;
  2944. color: white;
  2945. background: green;
  2946. }
  2947. /* CIT */
  2948. body[pagetype="PersonalProfile"] #main-header + .width-constraint > section.text-content + section + section .white-panel ul li:after {
  2949. top: 56px;
  2950. }
  2951. /* "★" - SETS/FAV SCRIPTS - CITRUS - PERSO/USER PROF - #user-script-sets-section */
  2952. /* FAV SCRIPTS - without CITRUS */
  2953. #user-script-sets-section header {
  2954. margin-top: -31px;
  2955. margin-bottom: -10px;
  2956. }
  2957. #user-script-sets-section #user-script-sets {
  2958. max-height: 500px;
  2959. margin-top: 0px;
  2960. padding-top: 10px;
  2961. padding-left: 0px;
  2962. overflow: hidden;
  2963. overflow-y: auto;
  2964. }
  2965. #user-script-sets-section:before {
  2966. content: "★";
  2967. position: absolute;
  2968. height: 23px;
  2969. width: 24px;
  2970. font-size: 15px;
  2971. text-align: center;
  2972. color: red;
  2973. border: 1px solid red;
  2974. background: gold;
  2975. }
  2976. #user-script-sets-section:hover header {
  2977. height: 27px;
  2978. line-height: 0;
  2979. margin-top: 26px;
  2980. margin-bottom: 0px;
  2981. color: red;
  2982. background: gold;
  2983. }
  2984. #user-script-sets-section:hover:hover header h3 {
  2985. width: 800px;
  2986. height: 25px;
  2987. line-height: 25px;
  2988. text-align: center;
  2989. }
  2990. #user-script-sets-section:hover:hover section.text-content {
  2991. border: none;
  2992. }
  2993. #user-script-sets-section {
  2994. position: fixed;
  2995. height: 100%;
  2996. min-width: 24px;
  2997. max-height: 25px;
  2998. width: 20px;
  2999. top: 32px;
  3000. left: 21.6%;
  3001. margin-top: 25px;
  3002. margin-bottom: 10px;
  3003. font-size: 0;
  3004. overflow: hidden;
  3005. transition: height ease 0.7s;
  3006. z-index: 50 !important;
  3007. background: black;
  3008. }
  3009. /* SET - CITRUS */
  3010. body[pagetype="UserProfile"] #user-script-sets-section,
  3011. body[pagetype="PersonalProfile"] #user-script-sets-section {
  3012. top: 37px;
  3013. left: 24.6%;
  3014. }
  3015. body[pagetype="UserProfile"] #user-script-sets-section ul#user-script-sets li::after,
  3016. body[pagetype="PersonalProfile"] #user-script-sets-section ul#user-script-sets li::after {
  3017. content: counter(myIndex, decimal) "\a sets";
  3018. counter-increment: myIndex 1;
  3019. position: fixed;
  3020. display: inline-block;
  3021. float: none;
  3022. height: 25px;
  3023. line-height: 10px;
  3024. max-width: 25px;
  3025. min-width: 25px;
  3026. top: 60px;
  3027. left: 25.3%;
  3028. margin-left: -45px;
  3029. padding: 2px;
  3030. border-radius: 100%;
  3031. text-align: center;
  3032. text-indent: 0;
  3033. font-size: 10px;
  3034. opacity: 1;
  3035. color: white;
  3036. background: red;
  3037. background: green !important;
  3038. }
  3039. body[pagetype="UserProfile"] #user-script-sets-section ul#user-script-sets li::after {
  3040. top: 66px;
  3041. }
  3042. body[pagetype="UserProfile"] #user-script-sets-section:hover,
  3043. body[pagetype="PersonalProfile"] #user-script-sets-section:hover,
  3044. #user-script-sets-section:hover {
  3045. height: auto;
  3046. max-height: 90vh !important;
  3047. width: 965px !important;
  3048. left: 24.1% !important;
  3049. font-size: 15px;
  3050. overflow: hidden;
  3051. transition: height ease 2s;
  3052. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3053. border: 1px solid red;
  3054. }
  3055. #user-script-sets-section:hover {
  3056. margin-top: 23px !important;
  3057. z-index: 50 !important;
  3058. }
  3059. /* SET CITRUS .white-panel*/
  3060. #user-script-sets-section:hover .white-panel {
  3061. position: relative !important;
  3062. display: inline-block;
  3063. height: auto;
  3064. width: 953px;
  3065. top: 10px;
  3066. overflow: hidden;
  3067. /* z-index: 5000000 !important; */
  3068. background-color: black;
  3069. }
  3070. #user-script-sets-section:hover .white-panel ul#user-script-sets {
  3071. display: inline-block;
  3072. height: 100%;
  3073. min-height: 30px;
  3074. max-height: 330px;
  3075. width: 930px;
  3076. margin-top: 0px;
  3077. margin-left: 0px;
  3078. margin-bottom: 0px;
  3079. font-size: 15px;
  3080. overflow: hidden;
  3081. overflow-y: auto;
  3082. background-color: #222;
  3083. }
  3084. /* SET - CITRUS */
  3085. #user-script-sets-section:hover .white-panel ul#user-script-sets {
  3086. display: inline-block;
  3087. height: 100%;
  3088. min-height: 30px;
  3089. max-height: 80vh !important;
  3090. width: 945px;
  3091. margin-top: 0px;
  3092. margin-left: 5px;
  3093. margin-bottom: 20px;
  3094. font-size: 15px;
  3095. overflow: hidden;
  3096. overflow-y: auto;
  3097. border-top: 1px dashed red;
  3098. }
  3099. section:hover ul#user-script-sets > li,
  3100. #user-script-sets-section:hover .white-panel ul#user-script-sets > li {
  3101. float: left;
  3102. clear: both;
  3103. width: 900px;
  3104. line-height: 20px;
  3105. margin-bottom: 2px;
  3106. padding: 0 5px;
  3107. text-indent: 18px;
  3108. }
  3109. /* "🛠 ▼ " - CONTROL PANEL - PROFILE - ALL */
  3110. #control-panel {
  3111. position: fixed !important;
  3112. display: inline-block;
  3113. height: 25px;
  3114. width: 47px;
  3115. top: 57px;
  3116. left: 31.3%;
  3117. margin-top: 0px;
  3118. padding: 0;
  3119. font-size: 0;
  3120. overflow: hidden;
  3121. transition: height ease 0.7s;
  3122. z-index: 5000 !important;
  3123. }
  3124. /* CITRUS */
  3125. body[pagetype="PersonalProfile"] #control-panel {
  3126. position: fixed;
  3127. top: 62px;
  3128. left: 35%;
  3129. z-index: 5000 !important;
  3130. }
  3131. #control-panel:hover {
  3132. height: auto;
  3133. width: 200px;
  3134. margin-top: 0;
  3135. font-size: 15px;
  3136. overflow: hidden;
  3137. z-index: 1600;
  3138. transition: height ease 0.7s;
  3139. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3140. border: 1px solid red;
  3141. background: black !important;
  3142. }
  3143. .width-constraint > .text-content #control-panel::before {
  3144. content: "🛠 ▼";
  3145. position: absolute;
  3146. height: 23px;
  3147. width: 45px;
  3148. top: 0px;
  3149. left: 0;
  3150. white-space: normal;
  3151. font-size: 15px;
  3152. text-align: center;
  3153. z-index: 500;
  3154. color: red;
  3155. border: 1px solid red;
  3156. background: green;
  3157. }
  3158. #control-panel header {
  3159. margin-bottom: 2px;
  3160. margin-top: 3px;
  3161. padding-left: 45px;
  3162. text-align: center;
  3163. }
  3164. #control-panel:hover h3 {
  3165. line-height: 13px;
  3166. font-size: 13px;
  3167. margin-bottom: 15px;
  3168. }
  3169. ul#user-control-panel {
  3170. padding: 5px;
  3171. }
  3172. ul#user-control-panel > li {
  3173. display: inline-block;
  3174. width: 95%;
  3175. line-height: 13px;
  3176. margin: 2px;
  3177. padding: 2px 1px;
  3178. border-radius: 3px;
  3179. text-align: left;
  3180. font-size: 13px;
  3181. border: 1px solid #404040;
  3182. box-shadow: 3px 3px 2px black;
  3183. background-color: #333;
  3184. }
  3185.  
  3186.  
  3187. /* (new219) RAPPORT */
  3188. .report-link.report-link-abs,
  3189. .report-link {
  3190. margin: 4px 5px 0 0 !important;
  3191. text-align: right;
  3192. }
  3193. /* (new219) SEND MES - ORIGINAL */
  3194. /* .text-content.reportable > p:not(:empty) {
  3195. float: right ;
  3196. width: 150px ;
  3197. margin-top: -35px ;
  3198. margin-right: 5px ;
  3199. font-size: 12px ;
  3200. text-align: right ;
  3201. } */
  3202. .text-content.reportable > p:not(:empty) {
  3203. position: fixed !important;
  3204. float: none !important;
  3205. width: 23px !important;
  3206. height: 15px !important;
  3207. margin: 0 0 0 0 !important;
  3208. top: 7.2vh !important;
  3209. left: 67vw !important;
  3210. border-radius: 3px !important;
  3211. text-align: center !important;
  3212. background: green !important;
  3213. }
  3214.  
  3215. .text-content.reportable > p:not(:empty) a {
  3216. font-size: 0px !important;
  3217. }
  3218. .text-content.reportable > p:not(:empty) a:before {
  3219. content: "✉️" !important;
  3220. position: absolute !important;
  3221. float: none !important;
  3222. width: 22px !important;
  3223. height: 15px !important;
  3224. line-height: 15px !important;
  3225. margin: 0 0 0 0 !important;
  3226. top: 0 !important;
  3227. left: 0!important;
  3228.  
  3229. font-size: 15px !important;
  3230. text-align: center !important;
  3231. /* background: red !important; */
  3232. }
  3233.  
  3234. /* "ℹ️" /"🔻" - ABOUT - PROF - OTHERS - ADD "ℹ️" or 👁 - no CITRUS */
  3235. #about-user.text-content.reportable #user-profile:not(:hover):after {
  3236. content: "👁";
  3237. position: absolute;
  3238. display: inline-block;
  3239. height: 23px;
  3240. width: 24px;
  3241. top: 0px;
  3242. left: 0;
  3243. font-size: 15px;
  3244. text-align: center;
  3245. z-index: 500;
  3246. visibility: visible;
  3247. color: tomato;
  3248. background: gold;
  3249. }
  3250. #about-user.text-content.reportable #user-profile:hover:after {
  3251. content: "🔻";
  3252. position: fixed;
  3253. display: inline-block;
  3254. height: 26px;
  3255. width: 715px;
  3256. top: 57px;
  3257. left: 23.1%;
  3258. font-size: 15px;
  3259. text-align: left;
  3260. z-index: 0;
  3261. border-bottom: 1px solid red;
  3262. background: black;
  3263. }
  3264. /* CITRUS */
  3265. body[pagetype="PersonalProfile"] #about-user.text-content.reportable #user-profile:hover::after {
  3266. top: 58px;
  3267. left: 26.2%;
  3268. }
  3269. body[pagetype="UserProfile"] #about-user.text-content.reportable #user-profile:hover::after {
  3270. top: 62px;
  3271. left: 26.2%;
  3272. }
  3273. #user-profile:not(:empty) {
  3274. position: fixed;
  3275. display: inline-block;
  3276. top: 57px;
  3277. left: 23%;
  3278. width: 100%;
  3279. min-width: 24px;
  3280. max-width: 24px;
  3281. min-height: 23px;
  3282. max-height: 23px;
  3283. padding: 0px;
  3284. font-size: 0;
  3285. overflow: hidden;
  3286. transition: all ease 0.2s;
  3287. z-index: 50000 !important;
  3288. background: black !important;
  3289. border: 1px solid red;
  3290. }
  3291. #user-profile:not(:empty):hover {
  3292. min-width: 660px;
  3293. max-width: 660px;
  3294. height: auto;
  3295. min-height: 23px;
  3296. max-height: 250px;
  3297. padding: 30px 30px;
  3298. font-size: 15px;
  3299. overflow-y: auto;
  3300. transition: all ease 0.2s;
  3301. z-index: 0 !important;
  3302. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3303. background: black;
  3304. }
  3305.  
  3306. /* ABOUT - USER PROFILE - PERSONAL PROFILE and USER PROFILE */
  3307. /* CIT */
  3308. body[pagetype="PersonalProfile"] #user-profile:not(:empty) {
  3309. top: 62px;
  3310. left: 25.2%;
  3311. overflow: hidden;
  3312. transition: visibility ease 0.2s;
  3313. visibility: hidden;
  3314. }
  3315. body[pagetype="PersonalProfile"] #user-profile:not(:empty):hover {
  3316. min-width: 660px;
  3317. max-width: 660px;
  3318. height: auto;
  3319. min-height: 23px;
  3320. max-height: 250px;
  3321. padding: 30px 30px;
  3322. font-size: 15px;
  3323. overflow-y: auto;
  3324. z-index: 500;
  3325. transition: visibility ease 0.2s;
  3326. visibility: visible;
  3327. background: black;
  3328. }
  3329.  
  3330. /* CONSERSATION - no CITS */
  3331. section#user-conversations {
  3332. position: fixed;
  3333. height: 100%;
  3334. max-height: 23px;
  3335. min-width: 24px;
  3336. width: 20px;
  3337. top: 32px;
  3338. left: 24.7%;
  3339. margin-top: 25px;
  3340. margin-bottom: 10px;
  3341. font-size: 0;
  3342. overflow: hidden;
  3343. transition: height ease 0.7s;
  3344. z-index: 50 !important;
  3345. background: red !important;
  3346. border: 1px solid red;
  3347. }
  3348. body[pagetype="UserProfile"] section#user-conversations,
  3349. body[pagetype="PersonalProfile"] section#user-conversations {
  3350. top: 37px;
  3351. left: 32.7% !important;
  3352. border: 1px solid red;
  3353. }
  3354. section#user-conversations:before {
  3355. content: "📢";
  3356. display: inline-block;
  3357. height: 24px;
  3358. width: 24px;
  3359. font-size: 15px;
  3360. text-align: center;
  3361. z-index: 50;
  3362. background: gold;
  3363. }
  3364. section#user-conversations:hover {
  3365. position: fixed;
  3366. height: auto;
  3367. max-height: 200px;
  3368. min-width: 24px;
  3369. width: 400px;
  3370. top: 32px;
  3371. left: 24.7%;
  3372. margin-top: 25px;
  3373. margin-bottom: 10px;
  3374. border-radius: 0 0 5px 5px;
  3375. font-size: 0;
  3376. overflow: hidden;
  3377. transition: height ease 0.7s;
  3378. z-index: 50 !important;
  3379. border: 1px solid gray;
  3380. background: black !important;
  3381. }
  3382. section#user-conversations:hover > header {
  3383. display: inline-block;
  3384. width: 100%;
  3385. height: 100%;
  3386. min-height: 25px;
  3387. max-height: 25px;
  3388. margin-top: 2px;
  3389. margin-bottom: 1px;
  3390. font-size: 15px;
  3391. color: red !important;
  3392. }
  3393. section#user-conversations:hover > .text-content,
  3394. section#user-conversations:hover > header > h3 {
  3395. display: inline-block;
  3396. width: 100%;
  3397. padding: 0 5px;
  3398. font-size: 15px !important;
  3399. }
  3400. section#user-conversations:hover > header > h3 {
  3401. height: 100%;
  3402. min-height: 25px;
  3403. max-height: 25px;
  3404. margin-top: 0px;
  3405. background: gold !important;
  3406. }
  3407. section#user-conversations:hover > .text-content {
  3408. border-radius: 0 0 5px 5px;
  3409. }
  3410.  
  3411. /* DISCS - no CITS */
  3412. #user-discussions header {
  3413. font-size: 15px;
  3414. }
  3415. #user-discussions:before {
  3416. content: "💬 ";
  3417. position: relative;
  3418. display: inline-block;
  3419. min-width: 25px;
  3420. max-width: 25px;
  3421. min-height: 23px;
  3422. max-height: 23px;
  3423. text-align: center;
  3424. background: gold;
  3425. }
  3426. #user-discussions:hover:before {
  3427. position: absolute;
  3428. top: 0px !important;
  3429. background: gold;
  3430. }
  3431. body[pagetype="UserProfile"] #user-discussions:hover:before {
  3432. top: 0px !important;
  3433. background: gold;
  3434. }
  3435.  
  3436. body[pagetype="PersonalProfile"] #user-discussions:hover:before {
  3437. top: 0px !important;
  3438. background: green;
  3439. }
  3440. #user-discussions {
  3441. position: fixed;
  3442. display: inline-block;
  3443. top: 57px;
  3444. left: 27.8%;
  3445. width: 100%;
  3446. min-width: 25px;
  3447. max-width: 25px;
  3448. min-height: 23px;
  3449. max-height: 23px;
  3450. padding: 0px;
  3451. font-size: 15px;
  3452. overflow: hidden;
  3453. transition: all ease 0.2s;
  3454. z-index: 500;
  3455. border: 1px solid red;
  3456. }
  3457. #user-discussions:hover {
  3458. width: 100%;
  3459. min-width: 600px !important;
  3460. max-width: 600px !important;
  3461. min-height: 400px;
  3462. height: auto;
  3463. border-radius: 0 0 5px 5px;
  3464. font-size: 15px;
  3465. overflow: hidden;
  3466. transition: all ease 0.2s;
  3467. z-index: 500;
  3468. border: 1px solid red;
  3469. background: black !important;
  3470. }
  3471. #user-discussions:hover header {
  3472. position: absolute;
  3473. display: inline-block;
  3474. width: 100%;
  3475. height: 24px;
  3476. line-height: 24px;
  3477. top: 25px;
  3478. left: 0px;
  3479. overflow: hidden;
  3480. background: gold;
  3481. }
  3482. #user-discussions:hover header h3 {
  3483. margin-top: 0px;
  3484. padding-left: 30px;
  3485. font-size: 15px;
  3486. color: red;
  3487. }
  3488. #user-discussions:hover .text-content {
  3489. margin-top: 28px;
  3490. border: none;
  3491. }
  3492. /* NEED COR MARGIN - */
  3493. #user-discussions:hover .discussion-list-item,
  3494. body[pagetype="PersonalProfile"] #user-discussions:hover .discussion-list-item,
  3495. #user-discussions:hover ul,
  3496. body[pagetype="PersonalProfile"] #user-discussions:hover ul {
  3497. display: inline-block;
  3498. left: 0px;
  3499. width: 100%;
  3500. height: auto;
  3501. line-height: 13px;
  3502. margin-top: 0px !important;
  3503. padding: 0;
  3504. font-size: 13px;
  3505. overflow: hidden;
  3506. overflow-y: auto;
  3507. transition: all ease 0.2s;
  3508. z-index: 50;
  3509. border: none !important;
  3510. border-bottom: 1px solid red !important;
  3511. }
  3512. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a,
  3513. #user-discussions:hover .discussion-list > li > a:first-of-type,
  3514. #user-discussions:hover .discussion-list-item .discussion-title,
  3515. #user-discussions:hover .discussion-list-item .discussion-meta {
  3516. display: inline-block;
  3517. width: 98% !important;
  3518. padding: 1px 5px 1px 10px !important;
  3519. }
  3520. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a {
  3521. position: relative;
  3522. top: -15px !important;
  3523. margin-bottom: -40px;
  3524. }
  3525. #user-discussions:hover .discussion-list > li > a:first-of-type:before,
  3526. #user-discussions:hover .discussion-list-item .discussion-title:before,
  3527. .discussion-meta-item.discussion-meta-item-script-name a[href*="/scripts/"]:before {
  3528. content: " ";
  3529. width: 15px;
  3530. height: 15px;
  3531. float: left;
  3532. margin-left: -2px;
  3533. margin-right: 5px;
  3534. }
  3535.  
  3536. .discussion-meta-item.discussion-meta-item-script-name a:before {
  3537. content: "►";
  3538. margin-left: 0px;
  3539. margin-right: 10px;
  3540. background-color: transparent;
  3541. }
  3542. #user-discussions .text-content ul li > a[href*="/scripts/"]:before,
  3543. #user-discussions:hover .discussion-list > li > a:first-of-type:before,
  3544. .discussion-meta-item.discussion-meta-item-script-name a[href*="/scripts/"]:before {
  3545. content: " ";
  3546. font-size: 12px;
  3547. background-color: transparent;
  3548. background-image: url("http://userscripts-mirror.org/images/script_icon.png");
  3549. }
  3550.  
  3551. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a:before,
  3552. #user-discussions-on-scripts-written:hover .discussion-list-item .discussion-title:before {
  3553. content: "💬 ";
  3554. font-size: 12px;
  3555. }
  3556. #user-discussions .text-content > ul > li > a,
  3557. #user-discussions .text-content > ul > li > a[href*="#comment-"] {
  3558. font-size: 0 !important;
  3559. }
  3560. #user-discussions .text-content > ul > li > a i {
  3561. font-size: 12px !important;
  3562. color: peru !important;
  3563. }
  3564. #user-discussions .text-content > ul > li > a i:before {
  3565. content: "💬 Disc : ";
  3566. font-size: 12px !important;
  3567. color: green !important;
  3568. }
  3569.  
  3570. /* #user-discussions .text-content>ul>li>a[href*="#comment-"] i:before , */
  3571. #user-discussions .text-content > ul > li > a[href*="#comment-"][href^="/scripts/"] i:before {
  3572. content: "💬 Review : ";
  3573. font-size: 12px !important;
  3574. color: gold !important;
  3575. }
  3576. #user-discussions .text-content > ul li a[href^="/discussions/development/"] i:before {
  3577. content: "💬 Dev : ";
  3578. font-size: 12px !important;
  3579. color: aqua !important;
  3580. }
  3581.  
  3582. /* A VOIR (no UL) */
  3583. #user-discussions:hover ul li:not(.discussion-question),
  3584. body[pagetype="PersonalProfile"] #user-discussions:hover ul li:not(.discussion-question) {
  3585. display: block;
  3586. width: 97%;
  3587. height: auto;
  3588. line-height: 17px;
  3589. margin-bottom: 3px;
  3590. padding: 1px 3px;
  3591. white-space: pre-line;
  3592. overflow: hidden;
  3593. }
  3594. body[pagetype="UserProfile"] #user-discussions:hover ul a:not(:first-of-type) {
  3595. display: inline;
  3596. width: auto;
  3597. }
  3598. body[pagetype="UserProfile"] #user-discussions:hover ul a:first-of-type + a {
  3599. display: inline-block;
  3600. width: 97%;
  3601. }
  3602. #user-discussions:hover ul a:first-of-type,
  3603. body[pagetype="PersonalProfile"] #user-discussions:hover ul a:first-of-type {
  3604. display: inline-block;
  3605. float: left;
  3606. width: 100%;
  3607. }
  3608. /* QUEST */
  3609. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item {
  3610. padding-top: 0px;
  3611. border-top: 1px solid #ccc;
  3612. }
  3613. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item .discussion-meta {
  3614. display: inline-block;
  3615. width: 100%;
  3616. }
  3617. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item .discussion-meta .discussion-meta-item-script-name {
  3618. display: inline-block;
  3619. width: 99%;
  3620. padding: 2px;
  3621. overflow: hidden;
  3622. text-align: center;
  3623. border: 1px solid red;
  3624. }
  3625. body[pagetype="PersonalProfile"] #user-discussions:hover ul + .discussion-list-item a.discussion-title {
  3626. display: inline-block;
  3627. width: 100%;
  3628. overflow: hidden;
  3629. padding: 4px 0 14px;
  3630. text-decoration: none;
  3631. text-overflow: ellipsis;
  3632. white-space: nowrap;
  3633. color: peru !important;
  3634. }
  3635.  
  3636. /* DISC - UserProfile - CIT */
  3637. body[pagetype="UserProfile"] #user-discussions:not(:empty),
  3638. body[pagetype="UserProfile"] #user-discussions:not(:empty) {
  3639. position: fixed;
  3640. min-width: 25px;
  3641. max-width: 25px;
  3642. height: 23px;
  3643. line-height: 24px;
  3644. top: 70px;
  3645. left: 29%;
  3646. white-space: nowrap;
  3647. z-index: 500;
  3648. border: 1px solid red;
  3649. }
  3650. body[pagetype="UserProfile"] #user-discussions:not(:empty):hover,
  3651. body[pagetype="UserProfile"] #user-discussions:not(:empty):hover {
  3652. min-height: 465px;
  3653. background: blue;
  3654. }
  3655. /* DISC - NORMAL */
  3656. #user-discussions li {
  3657. line-height: 17px;
  3658. margin-bottom: 3px;
  3659. padding: 1px 3px;
  3660. border-top: 1px solid gray;
  3661. border-bottom: 1px solid gray;
  3662. }
  3663. #user-discussions ul.discussion-list > li:nth-child(even) {
  3664. background: #222;
  3665. }
  3666. body[pagetype="UserProfile"] #user-discussions:not(:empty) > h3,
  3667. body[pagetype="UserProfile"] #user-discussions:not(:empty) > h3 {
  3668. min-width: 24px;
  3669. max-width: 24px;
  3670. margin: 0 0 0 0px;
  3671. font-size: 0;
  3672. white-space: nowrap;
  3673. overflow: hidden;
  3674. background: blue;
  3675. }
  3676.  
  3677. /* "🗨" - DISCUSS OLD/NEW about USER'S SCRIPT - PROFILE - USER / PERSONAL - ALL */
  3678. #user-discussions-on-scripts-written {
  3679. position: fixed;
  3680. display: inline-block;
  3681. height: 100%;
  3682. max-height: 23px !important;
  3683. width: 100% !important;
  3684. min-width: 25px !important;
  3685. max-width: 25px !important;
  3686. top: 32px;
  3687. left: 26.1%;
  3688. margin-top: 25px;
  3689. margin-bottom: 10px;
  3690. font-size: 0;
  3691. overflow: hidden !important;
  3692. transition: height ease 0.7s;
  3693. z-index: 500 !important;
  3694. background: black;
  3695. border: 1px solid red;
  3696. }
  3697. body[pagetype="UserProfile"] #user-discussions-on-scripts-written,
  3698. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written {
  3699. top: 37px;
  3700. left: 27.5%;
  3701. }
  3702. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:after,
  3703. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:after,
  3704. #user-discussions-on-scripts-written:after,
  3705.  
  3706. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:after,
  3707. #user-discussions-on-scripts-written:after {
  3708. content: "🗨";
  3709. position: absolute;
  3710. display: inline-block;
  3711. height: 22px;
  3712. width: 25px;
  3713. top: 0px;
  3714. left: 0;
  3715. font-size: 15px;
  3716. text-align: center;
  3717. z-index: 500;
  3718. color: tomato;
  3719. border: 1px solid red;
  3720. background: gold;
  3721. }
  3722.  
  3723. /* DISC - NORMAL */
  3724. #user-discussions-on-scripts-written:not(:hover) .discussion-list {
  3725. position: absolute;
  3726. display: inline-block;
  3727. height: 23px;
  3728. min-width: 26px;
  3729. max-width: 26px;
  3730. margin: auto;
  3731. top: 69px;
  3732. left: 29%;
  3733. padding: 0px;
  3734. overflow: hidden;
  3735. }
  3736. /* DISC - PersProf/UserProf - CIT */
  3737. body[pagetype="UserProfile"] #user-discussions-on-scripts-written ul.discussion-list,
  3738. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written ul.discussion-list {
  3739. top: 20px;
  3740. left: 9.5%;
  3741. border: 1px solid red;
  3742. }
  3743. /* DISC - NORMAL */
  3744. #user-discussions-on-scripts-written:hover header + ul.discussion-list,
  3745. #user-discussions-on-scripts-written header:hover + ul.discussion-list {
  3746. position: absolute;
  3747. display: inline-block;
  3748. height: 100%;
  3749. max-height: 300px;
  3750. min-width: 450px;
  3751. max-width: 450px;
  3752. margin: auto;
  3753. top: 69px;
  3754. left: 29%;
  3755. padding: 25px 5px 18px 5px;
  3756. overflow-y: auto;
  3757. z-index: 500;
  3758. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3759. border: 1px solid red;
  3760. background-color: black;
  3761. }
  3762. /* DISCUS - FILTERED - NORMAL */
  3763. #user-discussions-on-scripts-written:hover header + .discussion-list li#filtered:not(.Mine) {
  3764. display: inline-block;
  3765. }
  3766.  
  3767. /* DISC - PersonalProfile - CIT */
  3768. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:hover header + ul.discussion-list,
  3769. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written header:hover + ul.discussion-list {
  3770. position: absolute;
  3771. display: inline-block;
  3772. height: 100%;
  3773. max-height: 300px;
  3774. min-width: 450px;
  3775. max-width: 450px;
  3776. margin: auto;
  3777. top: 22px;
  3778. left: 29%;
  3779. padding: 25px 5px 18px 5px;
  3780. overflow-y: auto;
  3781. z-index: 500;
  3782. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3783. border: 1px solid red;
  3784. }
  3785. /* DISC - HOVER - UserProf - CIT */
  3786. body[pagetype="UserProfile"] #user-discussions-on-scripts-written ul.discussion-list,
  3787. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written ul.discussion-list {
  3788. display: inline-block !important;
  3789. width: 100%;
  3790. height: 100%;
  3791. min-height: 350px !important;
  3792. max-height: 350px !important;
  3793. margin-top: 0px;
  3794. left: 5px;
  3795. padding: 5px;
  3796. white-space: normal !important;
  3797. overflow: hidden !important;
  3798. overflow-y: auto !important;
  3799. background: #333;
  3800. }
  3801. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover header + ul.discussion-list,
  3802. body[pagetype="UserProfile"] #user-discussions-on-scripts-written header:hover + ul.discussion-list {
  3803. position: absolute;
  3804. display: inline-block;
  3805. height: 100%;
  3806. max-height: 300px;
  3807. min-width: 450px;
  3808. max-width: 450px;
  3809. margin: auto;
  3810. top: 22px;
  3811. left: 29%;
  3812. padding: 25px 5px 18px 5px;
  3813. overflow-y: auto;
  3814. visibility: visible;
  3815. z-index: 500;
  3816. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9);
  3817. border: 1px solid yellow;
  3818. background-color: red;
  3819. }
  3820. /* DISC - UserProf - CIT */
  3821. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:not(:hover) ul.discussion-list {
  3822. top: 0px !important;
  3823. left: -2px !important;
  3824. right: 0;
  3825. box-shadow: none;
  3826. }
  3827. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:not(:hover) ul.discussion-list:empty:before,
  3828. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover ul.discussion-list:empty:before {
  3829. content: "No Comments";
  3830. display: inline-block;
  3831. height: 30px;
  3832. line-height: 30px;
  3833. margin: 10px 0 -30px 0;
  3834. padding: 0 130px;
  3835. }
  3836. body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content + section + .sidebarred + #user-discussions-on-scripts-written:not(:empty):hover ul.discussion-list {
  3837. display: inline-block;
  3838. width: 100%;
  3839. height: 100%;
  3840. max-height: 200px;
  3841. margin: 0px;
  3842. left: 0;
  3843. top: 25px;
  3844. border-radius: 0;
  3845. overflow: hidden;
  3846. overflow-y: auto;
  3847. visibility: visible;
  3848. background: #333;
  3849. }
  3850. /* SCRIP LIST - NEW DISCS */
  3851. body[pagetype="PersonalProfile"] #user-discussions {
  3852. left: 30.7% !important;
  3853. top: 62px !important;
  3854. border: 1px solid red;
  3855. }
  3856. body[pagetype="UserProfile"] #user-discussions {
  3857. left: 30.7% !important;
  3858. top: 70px !important;
  3859. border: 1px solid red;
  3860. }
  3861. #user-discussions-on-scripts-written:hover {
  3862. display: inline-block;
  3863. width: 100%;
  3864. min-width: 900px !important;
  3865. max-width: 900px !important;
  3866. min-height: 240px !important;
  3867. padding: 0;
  3868. font-size: 15px;
  3869. border-radius: 0 0 5px 5px;
  3870. overflow: hidden;
  3871. transition: all 0.2s ease 0s;
  3872. z-index: 50 !important;
  3873. border: 1px solid red;
  3874. background: black;
  3875. }
  3876. #user-discussions-on-scripts-written:hover header {
  3877. position: relative;
  3878. display: inline-block;
  3879. height: 25px;
  3880. width: 100%;
  3881. }
  3882. #user-discussions-on-scripts-written:hover header h3 {
  3883. position: relative;
  3884. display: inline-block;
  3885. width: 100%;
  3886. margin-top: 25px;
  3887. text-align: center;
  3888. color: red;
  3889. background: gold;
  3890. }
  3891.  
  3892. body[pagetype="UserProfile"] #user-discussions-on-scripts-written:hover,
  3893. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written:hover {
  3894. padding-bottom: 40px;
  3895. }
  3896. #user-discussions-on-scripts-written:hover .text-content {
  3897. position: relative;
  3898. display: inline-block;
  3899. width: 100%;
  3900. height: 100% !important;
  3901. min-height: 185px !important;
  3902. max-height: 185px !important;
  3903. margin-top: 0px;
  3904. border-radius: 0;
  3905. overflow: hidden;
  3906. overflow-y: auto;
  3907. border: none;
  3908. border-bottom: 1px solid red;
  3909. }
  3910. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul,
  3911. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul {
  3912. height: 150px;
  3913. margin-top: 0;
  3914. margin-bottom: 8px;
  3915. overflow-x: hidden;
  3916. overflow-y: auto;
  3917. border-bottom: 1px solid red;
  3918. }
  3919. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li,
  3920. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li {
  3921. line-height: 15px;
  3922. }
  3923. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a,
  3924. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a {
  3925. line-height: 15px;
  3926. font-size: 0px;
  3927. }
  3928. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i,
  3929. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i {
  3930. line-height: 15px;
  3931. font-size: 15px;
  3932. }
  3933. body[pagetype="UserProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i:before,
  3934. body[pagetype="PersonalProfile"] #user-discussions-on-scripts-written .text-content > ul > li > a i:before {
  3935. content: "💬";
  3936. margin-right: 5px;
  3937. }
  3938.  
  3939. /* RSS FEED FORUM AUTOR - NORMAl */
  3940. #user-discussions-on-scripts-written > h3 > a[href*="/forum/discussions/feed.rss?script_author="] {
  3941. position: fixed;
  3942. display: inline-block;
  3943. margin-top: 0px;
  3944. margin-left: 35%;
  3945. font-size: 13px;
  3946. z-index: 5000;
  3947. }
  3948. /* USER PROF - SETS - for long SETS DESCR - with / without GM " CIT" */
  3949. #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  3950. display: inline-block!important;
  3951. margin-left: -13px !important;
  3952. margin-bottom: 0 !important;
  3953. margin-top: -14px !important;
  3954. padding-left: 6px !important;
  3955. }
  3956. /* 'new240) USER PROF - SETS - CITRUS */
  3957. body[pagetype="UserProfile"] #main-header + .width-constraint .text-content #user-profile + section header + #user-script-sets {
  3958. display: inline-block!important;
  3959. margin-left: -13px !important;
  3960. margin-top: 4px !important;
  3961. padding-left: 6px !important;
  3962. }
  3963. #user-script-sets > li {
  3964. float: right;
  3965. clear: both;
  3966. width: 935px !important;
  3967. line-height: 20px !important;
  3968. margin-bottom: 2px !important;
  3969. padding: 0 5px !important;
  3970. text-indent: -18px !important;
  3971. }
  3972. #user-script-sets > li:nth-child(odd) {
  3973. background: #333 !important;
  3974. }
  3975. #user-script-sets > li:nth-child(even) {
  3976. background: black !important;
  3977. }
  3978. #user-script-sets > li:hover {
  3979. color: tomato !important;
  3980. }
  3981. #user-script-sets > li:before {
  3982. content: "👁️‍🗨️ ";
  3983. margin-left: 15px;
  3984. margin-right: 15px;
  3985. width: 17px;
  3986. color: red;
  3987. }
  3988. #user-script-sets > li a[href*="/scripts?set="] {
  3989. display: inline-block;
  3990. width: auto !important;
  3991. line-height: 20px;
  3992. margin-bottom: -3px;
  3993. font-size: 15px;
  3994. white-space: nowrap;
  3995. overflow: hidden;
  3996. color: transparent;
  3997. }
  3998. #user-script-sets > li a[href*="/scripts?set="]:before {
  3999. content: " ";
  4000. position: relative;
  4001. float: left;
  4002. height: 100%;
  4003. max-height: 15px;
  4004. min-height: 15px;
  4005. width: 100%;
  4006. min-width: 25px;
  4007. max-width: 25px;
  4008. margin-left: -2px;
  4009. top: 4px;
  4010. font-size: 20px !important;
  4011. /* color: transparent; */
  4012. color: gold !important;
  4013. /* background-repeat: no-repeat; */
  4014. /* background-color: rgba(55, 173, 227, 0.4); */
  4015. /* background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b"); */
  4016. /* background-position: 3px -650px !important; */
  4017. }
  4018. #user-script-sets > li:hover > a[href$="/edit"] {
  4019. display: inline-block !important;
  4020. height: 15px !important;
  4021. line-height: 18px !important;
  4022. margin-left: 15px !important;
  4023. padding: 2px 4px !important;
  4024. color: gold !important;
  4025. }
  4026. #user-script-sets > li:hover > a:not([href$="/edit"]) {
  4027. display: inline-block !important;
  4028. }
  4029.  
  4030. /* USER PROF - SETS - USER SETS (ON HOVER) CIT - #script-table + */
  4031. #main-header + #script-table + .pagination + #UserSets,
  4032. #main-header + #script-table + #UserSets {
  4033. position: fixed !important;
  4034. left: 27.5% !important;
  4035. top: 48px!important;
  4036. padding: 2px 10px;
  4037. border-radius: 5px;
  4038. z-index: 200000 !important;
  4039. opacity: 1 !important;
  4040. background-color: yellow;
  4041. }
  4042. #main-header + #script-table + .pagination + #UserSets:before,
  4043. #main-header + #script-table + #UserSets:before {
  4044. content: "Your Sets ▼ " !important;
  4045. position: fixed !important;
  4046. display: inline-block !important;
  4047. top: 48px !important;
  4048. left: 27.5% !important;
  4049. padding: 1px 5px !important;
  4050. border-radius: 5px;
  4051. font-size: 12px !important;
  4052. visibility: visible !important;
  4053. z-index: 200000 !important;
  4054. opacity: 1 !important;
  4055. background-color: yellow;
  4056. }
  4057. #main-header + #script-table + .pagination + #UserSets:hover,
  4058. #main-header + #script-table + #UserSets:hover {
  4059. opacity: 1 !important;
  4060. visibility: visible !important;
  4061. }
  4062.  
  4063. /* ==== FAV /SETS PAGES - TXT "POST A SCRIPT / LEARN TO SCRIPT" / NO SCRIPTS FOUND" */
  4064. /* FAVORITS / SETS PAGES - TXT "FAVORIS BY...." */
  4065. #UserSets + .width-constraint > h3 {
  4066. position: fixed !important;
  4067. display: inline-block !important;
  4068. width: 300px !important;
  4069. height: 20px !important;
  4070. line-height: 17px !important;
  4071. top: 60px !important;
  4072. margin-left: 250px !important;
  4073. padding: 0 2px !important;
  4074. font-size: 12px !important;
  4075. text-align: left !important;
  4076. border-radius: 3px !important;
  4077. background: #333 !important;
  4078. }
  4079. #UserSets + .width-constraint > h3 a {
  4080. display: inline-block !important;
  4081. max-width: 80px !important;
  4082. height: 15px !important;
  4083. line-height: 15px !important;
  4084. margin-top: 0px !important;
  4085. font-size: 13px !important;
  4086. white-space: nowrap !important;
  4087. overflow: hidden !important;
  4088. text-overflow: ellipsis !important;
  4089. color: gold !important;
  4090. }
  4091. #UserSets + .width-constraint > h3 a:hover {
  4092. color: tomato !important;
  4093. }
  4094. #UserSets + .width-constraint > h3 > a[href$="/edit"] {
  4095. position: absolute !important;
  4096. display: inline-block !important;
  4097. height: 15px !important;
  4098. line-height: 15px !important;
  4099. width: 40px !important;
  4100. top: 2px !important;
  4101. margin-left: 25% !important;
  4102. padding: 2px 2px 2px 15px !important;
  4103. border-radius: 3px !important;
  4104. font-size: 14px !important;
  4105. opacity: 0 !important;
  4106. z-index: 1500 !important;
  4107. background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4108. }
  4109. #UserSets + .width-constraint > h3:hover > a[href$="/edit"] {
  4110. position: absolute !important;
  4111. display: inline-block !important;
  4112. height: 15px !important;
  4113. line-height: 15px !important;
  4114. width: 40px !important;
  4115. top: 20px !important;
  4116. margin-left: 27% !important;
  4117. padding: 2px 2px 2px 15px !important;
  4118. border-radius: 3px !important;
  4119. font-size: 14px !important;
  4120. opacity: 1 !important;
  4121. z-index: 1500 !important;
  4122. background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4123. }
  4124.  
  4125. /* FAV / SETS PAGES - TXT "POST A SCRIPT - LEARN TO SCRIPT" */
  4126. #UserSets + .width-constraint > p {
  4127. padding: 2px 2px 2px 20px !important;
  4128. z-index: 500 !important;
  4129. background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4130. }
  4131. #UserSets + .width-constraint > p {
  4132. padding: 2px 2px 2px 20px !important;
  4133. z-index: 500 !important;
  4134. background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4135. }
  4136.  
  4137. /* FAVORITS / SETS PAGES - TXT SET TITTLE or "NO SCRIPT FOUND" - WITH INDICATOR - VISIBLE ON HOVER - === */
  4138. #UserSets + .width-constraint h3:not(:hover) ~ p:nth-last-of-type(n + 2):not(:hover):before,
  4139. .width-constraint h3:not(:hover) + .script-author-description ~ p:nth-last-of-type(n + 2):not(:hover):before {
  4140. content: "► Desc " !important;
  4141. position: fixed !important;
  4142. min-width: 60px !important;
  4143. max-width: 60px !important;
  4144. top: 71px !important;
  4145. margin-left: -290px !important;
  4146. padding: 2px 2px 2px 10px !important;
  4147. border-radius: 3px !important;
  4148. font-size: 13px !important;
  4149. font-weight: bolder !important;
  4150. overflow: hidden !important;
  4151. text-overflow: ellipsis !important;
  4152. white-space: nowrap !important;
  4153. z-index: 500 !important;
  4154. pointer-events: none !important;
  4155. color: gold !important;
  4156. background: rgba(145, 124, 124, 0.42)!important;
  4157. }
  4158. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n + 2),
  4159. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n + 2) {
  4160. position: fixed !important;
  4161. min-width: 185px !important;
  4162. max-width: 185px !important;
  4163. top: 31px !important;
  4164. margin-left: 760px !important;
  4165. padding: 2px 2px 2px 10px !important;
  4166. border-radius: 3px !important;
  4167. font-size: 15px !important;
  4168. font-weight: bolder !important;
  4169. overflow: hidden !important;
  4170. text-overflow: ellipsis !important;
  4171. white-space: nowrap!important;
  4172. z-index: 500 !important;
  4173. color: peru !important;
  4174. background: rgba(145, 124, 124, 0.42)!important;
  4175. }
  4176. #UserSets + .width-constraint h3:hover ~ p:nth-last-of-type(n + 2),
  4177. .width-constraint h3:hover + .script-author-description ~ p:nth-last-of-type(n + 2),
  4178. #UserSets + .width-constraint h3 ~ p:nth-last-of-type(n + 2):hover,
  4179. .width-constraint h3 + .script-author-description ~ p:nth-last-of-type(n + 2):hover {
  4180. position: fixed !important;
  4181. height: auto !important;
  4182. min-width: 385px !important;
  4183. max-width: 385px !important;
  4184. top: 31px !important;
  4185. margin-left: 530px !important;
  4186. padding: 2px 40px 20px 40px !important;
  4187. border-radius: 5px !important;
  4188. font-size: 15px !important;
  4189. font-weight: bolder !important;
  4190. overflow: hidden !important;
  4191. white-space: normal !important;
  4192. text-align: left !important;
  4193. z-index: 500 !important;
  4194. transition: all ease 0.7s !important;
  4195. color: white !important;
  4196. box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.7) !important;
  4197. border: 1px solid peru !important;
  4198. background: black !important;
  4199. }
  4200.  
  4201. /* GREASY - FORUM - PROF PAGE */
  4202. .PhotoWrap a.ChangePicture {
  4203. display: block;
  4204. top: 15px !important;
  4205. color: gold !important;
  4206. z-index: 5000 !important;
  4207. transition: all ease 0.2s !important;
  4208. }
  4209. .PhotoWrap:hover a.ChangePicture {
  4210. display: block;
  4211. top: 70px !important;
  4212. color: gold !important;
  4213. transition: all ease 0.7s !important;
  4214. }
  4215. .PhotoWrap:hover a.ChangePicture span {
  4216. color: gold !important;
  4217. }
  4218. #dashboard_profile_index #Content.Column.ContentColumn,
  4219. #dashboard_profile_discussions #Content.Column.ContentColumn {
  4220. margin-top: 70px!important;
  4221. }
  4222. .About dd {
  4223. color: peru !important;
  4224. }
  4225. #dashboard_profile_notifications #Content.Column.ContentColumn .User,
  4226. #dashboard_profile_comments #Content.Column.ContentColumn .User,
  4227. #dashboard_profile_discussions #Content.Column.ContentColumn .User {
  4228. position: fixed !important;
  4229. display: inline-block !important;
  4230. width: 742px !important;
  4231. top: 54px !important;
  4232. margin-left: -7px !important;
  4233. padding: 5px !important;
  4234. z-index: 200 !important;
  4235. border-bottom: 1px solid peru !important;
  4236. background: black !important;
  4237. }
  4238. #dashboard_profile_notifications #Content.Column.ContentColumn .ProfileOptions,
  4239. #dashboard_profile_comments #Content.Column.ContentColumn .ProfileOptions,
  4240. #dashboard_profile_discussions #Content.Column.ContentColumn .ProfileOptions {
  4241. position: fixed !important;
  4242. display: inline-block !important;
  4243. top: 69px !important;
  4244. margin-left: -158px !important;
  4245. z-index: 5000 !important;
  4246. background: transparent !important;
  4247. }
  4248. #dashboard_profile_notifications #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile,
  4249. #dashboard_profile_comments #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile,
  4250. #dashboard_profile_discussions #Content.Column.ContentColumn .NavButton.ProfileButtons.Button-EditProfile {
  4251. position: fixed!important;
  4252. display: inline-block !important;
  4253. min-width: 20px !important;
  4254. max-width: 20px !important;
  4255. top: 99px !important;
  4256. margin-left: -58px !important;
  4257. padding: 3px 10px 3px 3px!important;
  4258. box-shadow: none !important;
  4259. text-shadow: none !important;
  4260. z-index: 202 !important;
  4261. background: red !important;
  4262. }
  4263. .ButtonGroup.Open .Dropdown.MenuItems {
  4264. top: 35px !important;
  4265. right: 23px !important;
  4266. }
  4267. #dashboard_profile_notifications #Content.Column.ContentColumn .BoxFilter + h2,
  4268. #dashboard_profile_comments #Content.Column.ContentColumn .BoxFilter + h2,
  4269. #dashboard_profile_discussions #Content.Column.ContentColumn .BoxFilter + h2 {
  4270. top: 24px!important;
  4271. position: fixed!important;
  4272. display: inline-block;
  4273. z-index: 250!important;
  4274. color: peru!important;
  4275. width: 678px!important;
  4276. text-align: left;
  4277. background: black;
  4278. padding: 2px 5px!important;
  4279. border: 1px solid peru!important;
  4280. }
  4281. #dashboard_profile_notifications #Content.Column.ContentColumn .ProfileOptions + .Profile,
  4282. #dashboard_profile_comments #Content.Column.ContentColumn .ProfileOptions + .Profile,
  4283. #dashboard_profile_discussions #Content.Column.ContentColumn .ProfileOptions + .Profile {
  4284. margin-top: 70px !important;
  4285. }
  4286. #conversations_messages_all .Condensed.DataList.Conversations {
  4287. margin-top: 42px !important;
  4288. }
  4289. .Dashboard.Profile.discussions.Profile.Section-Profile .ProfileOptions + .Profile .BoxFilter.BoxProfileFilter + .DataListWrap {
  4290. margin-top: -70px !important;
  4291. }
  4292. /* GREASK FORUM - PROF BUT */
  4293. #dashboard_profile_discussions .About > dt:last-of-type {
  4294. position: absolute !important;
  4295. display: inline-block !important;
  4296. width: 23% !important;
  4297. height: 18px !important;
  4298. line-height: 18px !important;
  4299. top: 5px !important;
  4300. left: 74%!important;
  4301. padding: 2px 2px 2px 15px !important;
  4302. border-radius: 3px !important;
  4303. font-size: 15px !important;
  4304. background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  4305. }
  4306. /* GREASY - WITHOUT GM - SCRIPTS LIST(work with CIT enable) */
  4307. #user-script-list > li > article,
  4308. #browse-script-list > li > article {
  4309. padding: 2px 5px !important;
  4310. }
  4311. /* GM "Greasy Fork tweaks" (add screenshots) -
  4312. https://greasyfork.org/en/scripts/368183-greasy-fork-tweaks/feedback
  4313. === */
  4314. #browse-script-list > li > div:not(#codefund-1) {
  4315. display: inline-block;
  4316. float: right;
  4317. height: 117px !important;
  4318. width: 20% !important;
  4319. margin: 0;
  4320. padding: 5px;
  4321. overflow: hidden;
  4322. outline: 1px solid violet !important;
  4323. }
  4324. /* CIRT */
  4325. .script-list dt {
  4326. width: 12em;
  4327. clear: left;
  4328. float: left;
  4329. padding-left: 5px!important;
  4330. padding-right: 1em;
  4331. font-weight: bold;
  4332. text-align: left !important;
  4333. border-left: 1px solid peru !important;
  4334. }
  4335. /* without script */
  4336. #user-script-list > li > article .description,
  4337. #browse-script-list > li > article .description {
  4338. float: left !important;
  4339. width: 100% !important;
  4340. min-width: 757px !important;
  4341. max-width: 757px !important;
  4342. padding-bottom: 4px !important;
  4343. padding-left: 4px!important;
  4344. font-size: 15px !important;
  4345. line-height: 15px !important;
  4346. word-wrap: break-word !important;
  4347. overflow: hidden !important;
  4348. border-bottom: 1px solid gray!important;
  4349. border-left: 3px solid red !important;
  4350. }
  4351. /* NEED COR - CIT */
  4352. body[pagetype="UserProfile"] #user-script-list > li > article .description,
  4353. body[pagetype="UserProfile"] #browse-script-list > li > article .description {
  4354. display: inline-block!important;
  4355. width: 100% !important;
  4356. min-width: 710px !important;
  4357. max-width: 710px !important;
  4358. padding-bottom: 4px !important;
  4359. padding-left: 4px!important;
  4360. font-size: 15px !important;
  4361. line-height: 15px !important;
  4362. word-wrap: break-word !important;
  4363. overflow: hidden !important;
  4364. border-bottom: 1px solid gray!important;
  4365. border-left: 3px solid red !important;
  4366. }
  4367. /* mark */
  4368. mark {
  4369. padding: 0px 5px !important;
  4370. border-radius: 3px!important;
  4371. background: rgba(222, 210, 54, 0.31) !important;
  4372. }
  4373.  
  4374. /* ICON USER/SITE - BACKGROUND */
  4375. #site-name img[src$="/MonkeyIcon"],
  4376. #title-image,
  4377. .ProfilePhoto.ProfilePhotoMedium,
  4378. #script-info > header > h2 > div img {
  4379. height: auto !important;
  4380. max-height: 30px !important;
  4381. max-width: 30px !important;
  4382. width: auto !important;
  4383. margin-top: -3px;
  4384. padding: 2px !important;
  4385. border-radius: 5px !important;
  4386. box-shadow: 0 0 2px #cccccc inset !important;
  4387. background-color: rgba(191, 191, 190, 0.33) !important;
  4388. }
  4389. .ProfilePhoto.ProfilePhotoMedium {
  4390. display: inline-block !important;
  4391. height: 30px !important;
  4392. line-height: 8px !important;
  4393. font-size: 7px !important;
  4394. white-space: pre-wrap !important;
  4395. word-wrap: break-word !important;
  4396. text-align: center;
  4397. overflow: hidden !important;
  4398. }
  4399. /* ICON - SITE (CIT) */
  4400. #Head.Head > .Row > #site-name > a[href="/"] > img#title-image[src$="/MonkeyIcon"] {
  4401. position: absolute !important;
  4402. top: -3px !important;
  4403. left: -10px !important;
  4404. }
  4405. #vanilla_discussions_index #Head.Head > .Row > #site-name > a[href="/"] > img#title-image[src$="/MonkeyIcon"] {
  4406. position: absolute !important;
  4407. top: -18px !important;
  4408. left: -10px !important;
  4409. margin-top: 5px !important;
  4410. }
  4411. #site-name img,
  4412. #title-image {
  4413. max-height: 30px;
  4414. max-width: 30px;
  4415. padding: 2px;
  4416. border-radius: 5px;
  4417. box-shadow: 0 0 2px #cccccc inset;
  4418. background-color: rgba(191, 191, 190, 0.33) !important;
  4419. background-image: none !important;
  4420. }
  4421. .sp-separator + #main-header #site-name > a > img,
  4422. #site-name img[src*="/forum/uploads/SCN2YQGWLIU4.jpg"],
  4423. #site-name img[src="/assets/blacklogo96-e0c2c76180916332b7516ad47e1e206b42d131d36ff4afe98da3b1ba61fd5d6c.png"] {
  4424. display: inline-block !important;
  4425. position: relative !important;
  4426. height: 100% !important;
  4427. min-height: 30px !important;
  4428. max-height: 30px !important;
  4429. width: 100%!important;
  4430. min-width: 30px !important;
  4431. max-width: 30px !important;
  4432. top: -4px !important;
  4433. padding: 2px!important;
  4434. border-radius: 3px !important;
  4435. }
  4436. #site-name img[src="greasemonkey-script:d22180f2-66b1-46a9-b73e-7ecbda9d6ff3/MonkeyIcon"] {
  4437. position: relative !important;
  4438. display: inline-block !important;
  4439. top: -3px !important;
  4440. border-radius: 5px !important;
  4441. }
  4442. /* FORUM COM - POST REPY - PREV+QUOTE with "ol" or not / With AUTHOR or no */
  4443. .Preview {
  4444. min-height: 100px;
  4445. padding: 4px;
  4446. color: #929292;
  4447. background: #454545;
  4448. }
  4449. blockquote,
  4450. blockquote.Quote,
  4451. blockQuote.UserQuote {
  4452. background: rgba(184, 181, 181, 0.05);
  4453. border-left: 4px solid rgba(242, 193, 36, 0.37);
  4454. }
  4455. /* BLOCKQUOTES */
  4456. blockquote {
  4457. width: 711px;
  4458. margin-left: -4px;
  4459. padding: 1px 5px;
  4460. }
  4461. .Message > blockquote > div > pre {
  4462. margin-left: 2px;
  4463. }
  4464. .Message > blockquote > pre {
  4465. width: 97%;
  4466. }
  4467. .QuoteText > ol {
  4468. display: inline-block;
  4469. width: 95%;
  4470. margin-bottom: -28px;
  4471. margin-top: -15px;
  4472. }
  4473. .script-author-description > blockquote {
  4474. margin-left: -4px;
  4475. padding: 1px 5px;
  4476. width: 99%;
  4477. }
  4478. /* FORUM COM - POST/EDIT NEW DISC + ACTI */
  4479. #vanilla_post_editdiscussion #Body {
  4480. width: 100%;
  4481. margin-top: 5px;
  4482. padding: 20px;
  4483. }
  4484. #vanilla_post_editdiscussion #Body .Row {
  4485. display: inline-block;
  4486. margin-top: 24px;
  4487. width: 100%;
  4488. }
  4489. #vanilla_post_editdiscussion #Content.Column.ContentColumn,
  4490. #vanilla_post_discussion #Content.Column.ContentColumn {
  4491. width: 100%;
  4492. margin: -20px 0px 0 0;
  4493. padding: 30px 5px;
  4494. border: none;
  4495. }
  4496. /* GREASY/USERS - FORUM DISC - CONT */
  4497. #Content.Column.ContentColumn,
  4498. #vanilla_discussion_index #Content.Column.ContentColumn {
  4499. float: right;
  4500. width: 760px;
  4501. min-height: 770px;
  4502. margin-top: 12px;
  4503. margin-right: 14px;
  4504. padding: 0;
  4505. border-radius: 0 0 5px 5px;
  4506. box-shadow: none;
  4507. background: transparent;
  4508. }
  4509. /* === GREAS FORUM - LIST/COM - ====== */
  4510. #vanilla_discussions_index.Vanilla.Discussions.index.Section-DiscussionList #Content.Column.ContentColumn {
  4511. margin-top: 9px;
  4512. }
  4513. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-requests #Content.Column.ContentColumn,
  4514. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-general #Content.Column.ContentColumn,
  4515. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn,
  4516. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-development #Content.Column.ContentColumn {
  4517. margin-top: 0px;
  4518. }
  4519. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-development #Content.Column.ContentColumn .MessageList.Discussion {
  4520. margin-top: 21px;
  4521. }
  4522. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-requests #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion,
  4523. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-general #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion,
  4524. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn .MessageList.Discussion .Item.ItemDiscussion {
  4525. margin-top: -12px;
  4526. }
  4527. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-script-discussions #Content.Column.ContentColumn img.rating-image {
  4528. position: fixed;
  4529. display: inline-block;
  4530. margin-left: 0;
  4531. margin-top: -35px;
  4532. z-index: 5000;
  4533. }
  4534. /* USERS FORUM - LIST */
  4535. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4536. #vanilla_discussions_bookmarked.Vanilla.Discussions.bookmarked.Section-DiscussionList #Content.Column.ContentColumn,
  4537. #vanilla_discussions_mine.Vanilla.Discussions.mine.Section-DiscussionList #Content.Column.ContentColumn {
  4538. margin-top: 8px
  4539. }
  4540. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-userstyles\.org.Section-Category-userstyles\.org.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4541. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4542. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-stylish.Section-Category-stylish.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4543. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-requests.Section-Category-style-requests.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn,
  4544. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-development.Section-Category-style-development.Section-DiscussionList .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn {
  4545. margin-top: 12px;
  4546. }
  4547. /* GREASY - FORUM - POST COM - FIRST POST */
  4548. .ExtraDiscussionData-Rating .report {
  4549. width: 584px;
  4550. padding: 5px;
  4551. border: 1px solid gray;
  4552. }
  4553. /* GREAS/USERST - CATEG DISC LIST */
  4554. #vanilla_categories_index.Vanilla.Categories.Index.Discussions #Content.Column.ContentColumn {
  4555. margin-top: -37px;
  4556. }
  4557. /* USERST */
  4558. #Content.Column.ContentColumn .MessageList.Discussion,
  4559. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  4560. position: relative;
  4561. top: -28px;
  4562. margin-bottom: -18px;
  4563. z-index: 10;
  4564. }
  4565. /* FORUM DISC - COM FORM - CONT */
  4566. .MessageForm.CommentForm.FormTitleWrapper {
  4567. padding-left: 15px;
  4568. }
  4569. /* USERS/GREASY - FORUM - DISC LIST CONT */
  4570. /* GREAS/USERST */
  4571. .Column.ContentColumn .DataList.Discussions {
  4572. position: relative;
  4573. display: inline-block;
  4574. width: 755px;
  4575. margin-top: 5px;
  4576. }
  4577. /* PB DIFF - USERS/GREASY */
  4578. /* GREAS */
  4579. #vanilla_discussions_bookmarked.Section-DiscussionList .Column.ContentColumn .DataList.Discussions {
  4580. margin-left: 0px;
  4581. }
  4582.  
  4583. /* ==== */
  4584. .Profile .DataList.Discussions {
  4585. position: relative;
  4586. display: inline-block;
  4587. width: 727px;
  4588. margin-top: 107px;
  4589. }
  4590. #vanilla_categories_index .DataList.CategoryList {
  4591. position: relative;
  4592. display: inline-block;
  4593. width: 727px;
  4594. margin-top: 30px;
  4595. }
  4596. .DataList.Activities .Item {
  4597. position: relative;
  4598. display: inline-block;
  4599. width: 709px;
  4600. }
  4601. /* FORUMS ALL - DISC LIST - HEADER - === */
  4602. .HomepageTitle,
  4603. .H.HomepageTitle {
  4604. position: fixed !important;
  4605. width: 743px;
  4606. top: 80px !important;
  4607. margin-left: -1px !important;
  4608. padding: 1px 5px 1px 5px;
  4609. z-index: 10;
  4610. border-top: 1px solid peru;
  4611. border-bottom: 1px solid peru;
  4612. color: gold;
  4613. background-color: #222 !important;
  4614. }
  4615. #vanilla_discussions_participated .HomepageTitle {
  4616. width: 733px !important;
  4617. top: 47px !important;
  4618. }
  4619.  
  4620. /* USERS FORUM - DISC LIST - HEAD */
  4621. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle {
  4622. width: 747px;
  4623. top: 47px !important;
  4624. }
  4625. /* (new173) USERST/GREASY */
  4626. .P.PageDescription,
  4627. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .P.PageDescription {
  4628. position: fixed;
  4629. width: 757px;
  4630. top: 95px;
  4631. padding: 3px 0px 3px 5px;
  4632. z-index: 10;
  4633. color: gold;
  4634. border-bottom: 1px solid red;
  4635. background-color: #222;
  4636. }
  4637. #Frame .Row .BreadcrumbsWrapper + #Panel + #Content.Column.ContentColumn .H.HomepageTitle + .P.PageDescription {
  4638. top: 73px;
  4639. }
  4640. #vanilla_categories_index .DataList.Discussions {
  4641. margin-top: 24px;
  4642. border-top: 1px solid peru;
  4643. }
  4644. #vanilla_discussions_bookmarked ul.DataList.Discussions {
  4645. margin-top: 0px;
  4646. border-top: 1px solid peru;
  4647. }
  4648. /* PROF - DICUS LIST - === */
  4649. .Profile .DataList.Discussions {
  4650. margin-top: 0px;
  4651. }
  4652.  
  4653. /* ACTIVITY PAGE */
  4654. .Excerpt > p > a > img {
  4655. max-width: 671px!important;
  4656. }
  4657. #dashboard_profile_notifications .Item:nth-child(odd),
  4658. .Profile .DataList.Discussions .Item:nth-child(odd),
  4659. .DataList.SearchResults .Item:nth-child(odd) {
  4660. background-color: #222 !important;
  4661. }
  4662. #dashboard_profile_notifications .Item:nth-child(even),
  4663. .Profile .DataList.Discussions .Item:nth-child(even),
  4664. .DataList.SearchResults .Item:nth-child(even) {
  4665. background-color: #414141 !important;
  4666. }
  4667. #dashboard_profile_notifications .Item:hover,
  4668. .Profile .DataList.Discussions .Item:hover,
  4669. .DataList.SearchResults .Item:hover {
  4670. background-color: rgba(7, 7, 7, 0.57) !important;
  4671. box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset !important;
  4672. transition: background 0.8s ease 0s !important;
  4673. }
  4674. #dashboard_profile_notifications .Item:hover,
  4675. .Profile .DataList.Discussions .Item:hover,
  4676. .DataList.SearchResults .Item:hover {
  4677. background-color: black !important;
  4678. z-index: 1 !important;
  4679. }
  4680. .DataList.SearchResults .Item .ItemContent .Meta a {
  4681. font-size: 15px! important;
  4682. }
  4683. /* GREAS - with/without TS CITRUS - SEARCH FORM + BUTTONS - === */
  4684. #site-nav nav form.sidebar-search {
  4685. position: absolute;
  4686. top: 2px;
  4687. margin-left: 30px;
  4688. border-radius: 3px;
  4689. transition: width ease 0.7s;
  4690. border: 1px solid red;
  4691. }
  4692. #site-nav nav form.sidebar-search:hover {
  4693. width: auto !important;
  4694. min-width: 395px !important;
  4695. max-width: 395px !important;
  4696. z-index: 50000 !important;
  4697. transition: width ease 0.7s !important;
  4698. }
  4699. #site-nav nav form.sidebar-search > input[name="q"] {
  4700. height: 18px;
  4701. border-radius: 3px;
  4702. transition: width ease 4s;
  4703. border: 1px solid #333 !important;
  4704. color: gold;
  4705. background: #333 !important;
  4706. }
  4707. #site-nav nav form.sidebar-search > input[name="q"]::-moz-placeholder {
  4708. font-size: 12px !important;
  4709. color: white !important;
  4710. }
  4711. #site-nav nav form.sidebar-search > input[name="q"]::-webkit-input-placeholder {
  4712. font-size: 12px !important;
  4713. color: white !important;
  4714. }
  4715. #site-nav nav form.sidebar-search:hover > input[name="q"] {
  4716. min-width: 355px !important;
  4717. max-width: 355px !important;
  4718. z-index: 500;
  4719. transition: width ease 0.7s;
  4720. border: 1px solid red;
  4721. background: black;
  4722. }
  4723. #site-nav nav form.sidebar-search > input[value="✱"],
  4724. #site-nav nav form.sidebar-search:hover > input.search-submit {
  4725. height: 18px;
  4726. left: 0;
  4727. padding-right: 0;
  4728. background: gray;
  4729. }
  4730. #site-nav nav form.sidebar-search:hover > input[value="✱"],
  4731. #site-nav nav form.sidebar-search:hover > input.search-submit {
  4732. opacity: 0.8;
  4733. }
  4734. #site-nav nav form.sidebar-search:hover > input[value="✱"]:hover,
  4735. #site-nav nav form.sidebar-search:hover > input.search-submit:hover {
  4736. opacity: 1 !important;
  4737. background: red;
  4738. }
  4739.  
  4740. #site-nav nav form.sidebar-search > input[type="search"] {
  4741. min-height: 18px;
  4742. line-height: 18px;
  4743. margin-top: -2px;
  4744. }
  4745. #site-nav nav form.sidebar-search > input[type="submit"] {
  4746. position: relative;
  4747. -moz-appearance: none;
  4748. height: 18px;
  4749. line-height: 18px;
  4750. width: 20px;
  4751. top: 1px;
  4752. padding-right: 0;
  4753. font-size: 12px;
  4754. text-align: center;
  4755. }
  4756. #userProfile + ul #sidebar-search #search-submit {
  4757. height: 18px;
  4758. }
  4759. #search-other-sites {
  4760. width: 13px;
  4761. height: 20px;
  4762. line-height: 10px;
  4763. padding: 0px;
  4764. }
  4765.  
  4766. /* GREAS - without CIT - FORUM HEAD */
  4767. #Head.Head .Row,
  4768. #Head .Row {
  4769. position: relative;
  4770. display: inline-block;
  4771. max-height: 47px;
  4772. min-height: 47px;
  4773. left: 25%;
  4774. padding: 0.25em 0;
  4775. }
  4776. #Head.Head .Row {
  4777. max-height: 39px;
  4778. min-height: 39px;
  4779. top: -3px;
  4780. }
  4781. #Head .Row #site-name {
  4782. height: 51px;
  4783. line-height: 8px;
  4784. margin-top: -8px;
  4785. }
  4786. #nav-user-info {
  4787. position: absolute;
  4788. display: inline-block;
  4789. top: -8px;
  4790. }
  4791. .user-profile-link {
  4792. position: relative;
  4793. display: inline-block;
  4794. }
  4795. /* GREASY - USER NAME + LOGIN/LOGOUT + LANG - CONTAINER */
  4796. #language-selector {
  4797. position: absolute;
  4798. display: inline-block;
  4799. -moz-appearance: none;
  4800. width: 18px;
  4801. height: 15px;
  4802. line-height: 13px;
  4803. top: 2px;
  4804. padding: 0 2px;
  4805. border-radius: 3px;
  4806. text-indent: -1px;
  4807. overflow: hidden;
  4808. z-index: 500000;
  4809. box-shadow: 3px 3px 2px black;
  4810. background: #222;
  4811. }
  4812. #language-selector-locale {
  4813. position: relative;
  4814. display: inline-block;
  4815. -moz-appearance: none;
  4816. -webkit-appearance: none;
  4817. width: 19px;
  4818. height: 20px;
  4819. line-height: 8px !important;
  4820. margin-right: 14px;
  4821. letter-spacing: 1px;
  4822. overflow: hidden;
  4823. cursor: pointer;
  4824. color: peru;
  4825. border: 1px solid transparent;
  4826. background: #222;
  4827. }
  4828. #language-selector-locale:hover {
  4829. color: tomato;
  4830. }
  4831. #language-selector-locale > option {
  4832. text-indent: 20px;
  4833. margin-left: -20px;
  4834. }
  4835. #language-selector-locale > option:checked:before {
  4836. content: attr(value);
  4837. color: tan !important;
  4838. font-size: 20px;
  4839. background: black
  4840. }
  4841. #language-selector-locale > option:before {
  4842. content: attr(value);
  4843. display: inline-block;
  4844. width: 100px;
  4845. margin-right: 17px;
  4846. margin-left: -20px;
  4847. color: gold;
  4848. }
  4849. #language-selector-locale > option[selected=""]:before {
  4850. content: attr(value);
  4851. color: green;
  4852. }
  4853. .width-constraint #nav-user-info {
  4854. position: absolute;
  4855. display: inline-block;
  4856. height: 15px;
  4857. line-height: 15px;
  4858. width: 300px;
  4859. top: 15px;
  4860. top: -4px;
  4861. left: 64%;
  4862. text-align: right;
  4863. }
  4864. /* GREAS/USERST - SITE MENU - with SEARCH */
  4865. .SiteMenu {
  4866. position: absolute;
  4867. display: inline-block;
  4868. height: 22px;
  4869. width: 320px;
  4870. top: -18px;
  4871. left: 16%;
  4872. }
  4873. #vanilla_categories_index .SiteMenu,
  4874. #vanilla_drafts_index .SiteMenu,
  4875. #vanilla_discussions_mine .SiteMenu,
  4876. #vanilla_discussions_bookmarked .SiteMenu,
  4877. #vanilla_discussion_comment .SiteMenu {
  4878. top: -12px;
  4879. }
  4880. /* USERST */
  4881. #Frame #Head.Head .Row .SiteTitle + .SiteSearch + .SiteMenu {
  4882. top: 0px;
  4883. }
  4884. /* GREA : WITH/ Without CIT - SITE NAV - PB GM "Greasyfork - Add notes to the script" */
  4885. #site-nav > nav {
  4886. position: absolute;
  4887. display: inline-block!important;
  4888. height: 24px!important;
  4889. line-height: 24px!important;
  4890. width: auto !important;
  4891. max-width: 550px !important;
  4892. top: -9px!important;
  4893. left: 16%!important;
  4894. text-align: left !important;
  4895. }
  4896. /* (new217) GM "Greasyfork - Add notes to the script" ADD NOTES BUT */
  4897. .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,
  4898. 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 {
  4899. display: none !important;
  4900. }
  4901. .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-library-note-btn,
  4902. .note-obj-add-note-btn,
  4903. .note-obj-gf-library-note-btn,
  4904. #install-area > .note-obj-gf-info-note-btn {
  4905. float: right !important;
  4906. clear: none !important;
  4907. width: 18px !important;
  4908. height: 20px !important;
  4909. top: 10px;
  4910. left: -30px !important;
  4911. align-items: center;
  4912. border-radius: 3px;
  4913. color: #fff;
  4914. padding: 2px;
  4915. white-space: nowrap;
  4916. background-image: url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9Im5ld0ljb25UaXRsZSIgc3Ryb2tlPSJyZ2IoMzgsIDM4LCAzOCkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZmlsbD0ibm9uZSIgY29sb3I9InJnYigzOCwgMzgsIDM4KSI+IDx0aXRsZSBpZD0ibmV3SWNvblRpdGxlIj5OZXc8L3RpdGxlPiA8cGF0aCBkPSJNMTkgMTRWMjJIMi45OTk5N1Y0SDEzIi8+IDxwYXRoIGQ9Ik0xNy40NjA4IDQuMDM5MjFDMTguMjQxOCAzLjI1ODE3IDE5LjUwODIgMy4yNTgxNiAyMC4yODkyIDQuMDM5MjFMMjAuOTYwOCA0LjcxMDc5QzIxLjc0MTggNS40OTE4NCAyMS43NDE4IDYuNzU4MTcgMjAuOTYwOCA3LjUzOTIxTDExLjU4NTggMTYuOTE0MkMxMS4yMTA3IDE3LjI4OTMgMTAuNzAyIDE3LjUgMTAuMTcxNiAxNy41TDcuNSAxNy41TDcuNSAxNC44Mjg0QzcuNSAxNC4yOTggNy43MTA3MSAxMy43ODkzIDguMDg1NzkgMTMuNDE0MkwxNy40NjA4IDQuMDM5MjFaIi8+IDxwYXRoIGQ9Ik0xNi4yNSA1LjI1TDE5Ljc1IDguNzUiLz4gPC9zdmc+")!important;
  4917. background-position: center center!important;
  4918. background-repeat: no-repeat!important;
  4919. background-color: #3c81df;
  4920. visibility: visible !important;
  4921. opacity: 1 !important;
  4922. }
  4923. /* (new240) TAG - NEEDD COR overflow-wrap: - NOTES TXT in LIST / SCRIPT IFOS HEADER*/
  4924. .note-obj-gf-note-tag,
  4925. .note-obj-gf-ts-note-tag ,
  4926. body[pagetype="PersonalProfile"] .note-obj-gf-ts-note-tag ,
  4927. body[pagetype="UserProfile"] .note-obj-gf-ts-note-tag {
  4928. display: inline-block !important;
  4929. max-width: 200px !important;
  4930. height: 100% !important;
  4931. height: auto !important;
  4932. max-height: 20px !important;
  4933. line-height: 21px;
  4934. margin-left: 5px;
  4935. padding: 1px 4px;
  4936. border-radius: 3px;
  4937. font-size: 13px;
  4938. white-space: nowrap !important;
  4939. overflow: hidden !important;
  4940. text-overflow: ellipsis !important;
  4941. /* background: red !important; */
  4942. /* outline: 1px solid yellow !important; */
  4943. }
  4944. .note-obj-gf-note-tag:hover,
  4945. .note-obj-gf-ts-note-tag:hover {
  4946. position: absolute !important;
  4947. display: inline-block !important;
  4948. max-width: 800px !important;
  4949. height: 100% !important;
  4950. height: auto !important;
  4951. max-height: 100px !important;
  4952. line-height: 14px !important;
  4953. margin-left: 5px;
  4954. padding: 1px 4px;
  4955. border-radius: 3px;
  4956. font-size: 14px !important;
  4957. white-space: pre-wrap !important;
  4958. word-wrap: normal !important;
  4959. overflow: hidden !important;
  4960. overflow-wrap: anywhere !important;
  4961. z-index: 50000 !important;
  4962. }
  4963. /* NOTES in LIST */
  4964. #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  4965. margin-top: -15px !important;
  4966. transform: scale(0.7) !important;
  4967. opacity: 0.1 !important;
  4968. }
  4969.  
  4970. /* CIT */
  4971. body[pagetype="PersonalProfile"] #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn,
  4972. body[pagetype="ListingPage"] #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn,
  4973. body[pagetype="UserProfile"] #script-table tr .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  4974. background-color: orange;
  4975. }
  4976.  
  4977. #script-table tr:hover .note-obj-add-note-btn.note-obj-gf-note-btn.note-obj-gf-ts-note-btn {
  4978. transform: scale(0.7) !important;
  4979. opacity: 1 !important;
  4980. }
  4981.  
  4982. /* ADD NOTES POPUP*/
  4983. .note-obj-popver-frame-dialog {
  4984. min-height: 300px;
  4985. min-width: 600px;
  4986. background-color: #38526d;
  4987. color: #fff;
  4988. }
  4989. .note-obj-popover-frame-item:hover,
  4990. .note-obj-popover-frame-item-deepen:hover {
  4991. background-color: rgba(0, 0, 0, 0.3);
  4992. color: gold !important;
  4993. }
  4994. /* GREASY - SCRIPT LIST - CIT */
  4995. body[pagetype="ListingPage"] #site-nav > nav {
  4996. position: absolute;
  4997. display: inline-block!important;
  4998. height: 15px!important;
  4999. line-height: 15px!important;
  5000. width: 530px!important;
  5001. top: -4px!important;
  5002. left: 16%!important;
  5003. text-align: left !important;
  5004. z-index: 50000 !important;
  5005. }
  5006. #main-header .width-constraint {
  5007. height: 42px !important;
  5008. padding: 0 0 0.25em;
  5009. overflow: visible !important;
  5010. z-index: 50000 !important;
  5011. }
  5012. #main-header .width-constraint #site-name {
  5013. position: relative;
  5014. display: inline-block !important;
  5015. height: 40px!important;
  5016. }
  5017. #title-subtext {
  5018. font-size: 10px;
  5019. font-weight: 400 !important;
  5020. left: 63px !important;
  5021. position: absolute;
  5022. text-decoration: none;
  5023. top: 28px !important;
  5024. }
  5025. #site-name > a[href="/"] {
  5026. display: inline-block!important;
  5027. color: gold !important;
  5028. }
  5029. #site-name > a[href="/"] span {
  5030. position: relative!important;
  5031. display: inline-block!important;
  5032. height: 33px!important;
  5033. line-height: 33px!important;
  5034. top: -3px !important;
  5035. margin-left: 3px!important;
  5036. font-size: 27px!important;
  5037. color: peru !important;
  5038. }
  5039. #site-name > a[href="/"] #title-subtext {
  5040. position: absolute;
  5041. top: 17px!important;
  5042. left: 52px !important;
  5043. font-size: 8px !important;
  5044. text-decoration: none;
  5045. color: peru !important;
  5046. }
  5047. /* (new214) CITRUS - DEV NAME - SUPP */
  5048. .width-constraint #site-name > a[href="/"] a#title-subtext {
  5049. display: none !important;
  5050. min-width: 160px !important;
  5051. left: 42px !important;
  5052. top: 12px !important;
  5053. }
  5054. body[pagetype="ListingPage"] #site-name > a[href="/"] a#title-subtext {
  5055. display: none !important;
  5056. left: 55px !important;
  5057. top: 15px !important;
  5058. }
  5059.  
  5060.  
  5061. /* (new214) */
  5062. #main-header .width-constraint #site-name > a[href="/"] span#title-text,
  5063. #Frame #Head.Head > .Row > #site-name > a[href="/"] span#title-text {
  5064. height: 15px !important;
  5065. line-height: 15px !important;
  5066. top: -20px !important;
  5067. left: 0px !important;
  5068. border-radius: 0 0 5px 0 !important;
  5069. font-size: 12px !important;
  5070. border: 1px solid peru !important;
  5071. border-left: none !important;
  5072. border-top: none !important;
  5073. }
  5074. #Frame #Head.Head > .Row > #site-name > a[href="/"] span#title-text {
  5075. top: -5px !important;
  5076. left: 30px !important;
  5077. }
  5078. body[pagetype="ListingPage"] #site-name > a[href="/"] span#title-text {
  5079. height: 13px !important;
  5080. line-height: 13px !important;
  5081. top: -19px !important;
  5082. left: 0px !important;
  5083. border-radius: 0 0 5px 0 !important;
  5084. font-size: 12px !important;
  5085. }
  5086. /* GREAS - SITE TIT - WITHOUT CITRUS */
  5087. #site-name h1 {
  5088. width: 109px;
  5089. height: 20px;
  5090. line-height: 12px;
  5091. top: -18px;
  5092. border-radius: 0 0 10px 0;
  5093. border: 1px solid peru;
  5094. border-left: none;
  5095. border-top: none;
  5096. }
  5097. #site-name h1 a {
  5098. height: 18px !important;
  5099. line-height: 15px !important;
  5100. font-size: 18px !important;
  5101. letter-spacing: 0.2px !important;
  5102. }
  5103. .subtitle,
  5104. #main-header .subtitle {
  5105. margin-top: -3px;
  5106. margin-left: -1px;
  5107. text-shadow: none;
  5108. }
  5109. #site-name-text {
  5110. display: inline-block;
  5111. vertical-align: top;
  5112. height: 18px;
  5113. line-height: 18px;
  5114. }
  5115. #site-name-text h1 {
  5116. font-size: 13px !important;
  5117. letter-spacing: -2px;
  5118. margin-top: -4px;
  5119. }
  5120. #site-name-text h1 a {
  5121. font-size: 13px !important;
  5122. letter-spacing: 0.6px;
  5123. margin: 0;
  5124. }
  5125. #site-nav > nav > li > a {
  5126. margin-right: 2px;
  5127. }
  5128.  
  5129. /* GREAS - ADD ICON for LOGIN */
  5130. #nav-user-info {
  5131. color: transparent;
  5132. }
  5133. .sign-out-link {
  5134. position: relative;
  5135. display: inline-block;
  5136. height: 15px;
  5137. margin-right: 5px;
  5138. font-size: 0;
  5139. opacity: 0.4;
  5140. }
  5141. .sign-out-link:hover {
  5142. opacity: 1;
  5143. }
  5144. .SignOut,
  5145. .sign-out-link a {
  5146. position: relative;
  5147. display: inline-block;
  5148. height: 15px;
  5149. width: 15px;
  5150. margin-right: 5px;
  5151. top: -3px;
  5152. border-radius: 3px;
  5153. font-size: 0;
  5154. cursor: pointer;
  5155. 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);
  5156. background-position: center;
  5157. background-size: cover;
  5158. background-color: red;
  5159. border: 1px solid gray;
  5160. }
  5161.  
  5162. /* GREAS - SEARCH */
  5163. .nav-search {
  5164. position: absolute !important;
  5165. display: inline-block !important;
  5166. width: 220px !important;
  5167. height: 19px !important;
  5168. line-height: 0px !important;
  5169. left: 240px !important;
  5170. top: 7px !important;
  5171. }
  5172. .nav-search:hover {
  5173. width: 400px !important;
  5174. }
  5175. .nav-search #script-search {
  5176. position: relative;
  5177. display: inline-block !important;
  5178. vertical-align: top !important;
  5179. width: 200px !important;
  5180. top: -7px !important;
  5181. }
  5182. body[pagetype="ListingPage"] .nav-search #script-search {
  5183. top: -12px !important;
  5184. }
  5185. .nav-search:hover #script-search {
  5186. width: 420px !important;
  5187. }
  5188. .nav-search #script-search input[name="q"] {
  5189. display: inline-block !important;
  5190. width: 150px !important;
  5191. margin-top: 5px !important;
  5192. opacity: 0.4 !important;
  5193. }
  5194. .nav-search:hover #script-search input[name="q"] {
  5195. width: 350px !important;
  5196. opacity: 1 !important;
  5197. }
  5198.  
  5199. /* CIT - SETTINGS - ADD ICON (keep!important;) */
  5200. #site-name > a span#settings-subtext {
  5201. position: absolute !important;
  5202. display: inline-block;
  5203. height: 16px !important;
  5204. width: 16px !important;
  5205. margin-left: -39px !important;
  5206. margin-top: 15px !important;
  5207. border-radius: 4px !important;
  5208. font-size: 0px !important;
  5209. transform: scale(0.7) !important;
  5210. opacity: 0.4 !important;
  5211. background: rgba(0, 0, 0, 0) url("https://greasyfork.org/tr/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -102.6px !important;
  5212. background-color: #DCD9D9;
  5213. }
  5214. #site-name > a span#settings-subtext:hover {
  5215. opacity: 1;
  5216. }
  5217. .width-constraint #site-name > a[href="/"] span#settings-subtext {
  5218. margin-left: -30px !important;
  5219. margin-top: 15px !important;
  5220. }
  5221. body[pagetype="ListingPage"] #site-name > a[href="/"] span#settings-subtext {
  5222. margin-left: -31px !important;
  5223. margin-top: 16px !important;
  5224. }
  5225. /* CIT - SCRIPT INFO */
  5226. #script-info {
  5227. display: inline-block;
  5228. margin-top: -50px;
  5229. padding: 0 5px 0 5px;
  5230. border-radius: 0;
  5231. text-align: left !important;
  5232. box-shadow: none;
  5233. border: 1px solid #bbb;
  5234. background-color: #333;
  5235. }
  5236. #share {
  5237. position: relative;
  5238. display: inline-block;
  5239. max-height: 20px;
  5240. margin-bottom: 0;
  5241. overflow: hidden;
  5242. background: red;
  5243. background-color: #670000;
  5244. background-image: linear-gradient(#670000, #900);
  5245. }
  5246. #share:hover {
  5247. height: 240px;
  5248. max-height: 100%;
  5249. overflow: visible;
  5250. transition: height ease 4s;
  5251. }
  5252. #share > h3 {
  5253. margin-top: -2px;
  5254. width: 942px;
  5255. padding: 0 5px;
  5256. }
  5257. #social-buttons {
  5258. text-align: center;
  5259. }
  5260. .social_share_privacy_area.box li.settings_info {
  5261. display: inline-block;
  5262. left: 0;
  5263. }
  5264. #script-table {
  5265. display: block;
  5266. margin: 0 auto;
  5267. max-width: 960px;
  5268. }
  5269. body[pagetype="ListingPage"] .sp-separator ~ #script-table,
  5270. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table:not(:first-of-type) {
  5271. position: relative !important;
  5272. display: block !important;
  5273. max-width: 960px;
  5274. margin-top: 0px;
  5275. margin-bottom: -70px !important;
  5276. top: 0px !important;
  5277. }
  5278. body[pagetype="ListingPage"] #script-table thead {
  5279. margin-top: -25px;
  5280. }
  5281. #script-table tbody td:nth-child(2) {
  5282. max-width: 450px;
  5283. min-width: 450px;
  5284. }
  5285.  
  5286. /* (new234) USER PERS PROFI - CIT - TOP HEADER (mask Discuss) - CIT */
  5287. /* !imp - PROF INFOS - WITH CITRUS - PERS/USER PROF */
  5288. body[pagetype="PersonalProfile"] #main-header + .width-constraint,
  5289. #main-header + .width-constraint {
  5290. display: inline-block !important;
  5291. margin-top: 155px !important;
  5292. max-width: 970px;
  5293. margin-bottom: 0;
  5294. padding: 0;
  5295. text-align: left !important;
  5296. box-shadow: none;
  5297. z-index: 0 !important;
  5298. /* border: 1px dotted green !important; */
  5299. }
  5300. body[pagetype="PersonalProfile"] #main-header + .width-constraint:first-of-type {
  5301. top: 10px !important;
  5302. }
  5303. body[pagetype="PersonalProfile"] #main-header + .width-constraint:hover,
  5304. #main-header + .width-constraint:hover {
  5305. z-index: 50 !important;
  5306. }
  5307.  
  5308. /* NO CITR */
  5309. #about-user.text-content.reportable {
  5310. position: fixed;
  5311. height: 35px;
  5312. margin-top: -7px !important;
  5313. max-width: 1030px;
  5314. margin-bottom: 0;
  5315. margin-left: -2.5% !important;
  5316. padding: 0;
  5317. text-align: left !important;
  5318. box-shadow: none;
  5319. z-index: 50 !important;
  5320. }
  5321. body[pagetype="UserProfile"] #main-header + .width-constraint > .text-content.reportable,
  5322. body[pagetype="PersonalProfile"] #main-header + .width-constraint > .text-content.reportable {
  5323. max-width: 969px;
  5324. height: 25px !important;
  5325. margin-left: 0.7% !important;
  5326. top: 68px !important;
  5327. }
  5328. #main-header + .width-constraint .sidebarred-main-content > .open-sidebar.sidebar-collapsed + section {
  5329. display: inline-block;
  5330. height: auto !important;
  5331. width: 100%;
  5332. max-width: 100%;
  5333. margin-bottom: 0;
  5334. margin-top: 30px !important;
  5335. padding: 0;
  5336. text-align: left !important;
  5337. box-shadow: none;
  5338. background: #222;
  5339. }
  5340. #main-header + .width-constraint .sidebarred-main-content > .open-sidebar.sidebar-collapsed + section #user-script-list {
  5341. display: inline-block;
  5342. min-height: 100% !important;
  5343. width: 100%;
  5344. max-width: 970px;
  5345. margin-bottom: 0;
  5346. padding: 0;
  5347. text-align: left !important;
  5348. box-shadow: none;
  5349. background: #222;
  5350. }
  5351. body[pagetype="PersonalProfile"] > .width-constraint,
  5352. body[pagetype="UserProfile"] > .width-constraint {
  5353. display: inline-block;
  5354. width: 100%;
  5355. right: 0;
  5356. left: 0;
  5357. top: 2px;
  5358. z-index: 1;
  5359. }
  5360. body[pagetype="PersonalProfile"] > .width-constraint {
  5361. position: fixed;
  5362. max-height: 20px !important;
  5363. top: -12px;
  5364. }
  5365. body[pagetype="PersonalProfile"] #user-discussions .text-content,
  5366. body[pagetype="UserProfile"] #user-discussions .text-content {
  5367. display: inline-block;
  5368. height: 35px;
  5369. line-height: 23px;
  5370. max-width: 980px;
  5371. margin-bottom: 0px;
  5372. margin-left: 0px !important;
  5373. padding: 0 5px;
  5374. box-shadow: none;
  5375. border-radius: 0 0 5px 5px;
  5376. border: 1px solid red;
  5377. }
  5378. body[pagetype="PersonalProfile"] #user-discussions:hover .text-content {
  5379. height: auto;
  5380. margin-top: 50px;
  5381. }
  5382. body[pagetype="UserProfile"] #user-discussions:hover .text-content {
  5383. height: auto;
  5384. margin-top: 50px;
  5385. }
  5386. body .width-constraint > #about-user.text-content > h2 {
  5387. height: 25px !important;
  5388. line-height: 25px !important;
  5389. margin-top: 0px;
  5390. text-align: center;
  5391. }
  5392. body[pagetype="UserProfile"] #user-discussions .text-content .white-panel {
  5393. padding: 0 0 0 10px;
  5394. }
  5395. body[pagetype="ListingPage"] #script-table,
  5396. body[pagetype="PersonalProfile"] #script-table,
  5397. body[pagetype="UserProfile"] #script-table {
  5398. display: table;
  5399. height: 100%;
  5400. min-width: 970px !important;
  5401. max-width: 970px !important;
  5402. margin-left: 24%;
  5403. z-index: 500 !important;
  5404. }
  5405. body[pagetype="ListingPage"] #script-table {
  5406. margin-left: 26% !important;
  5407. }
  5408. /* CIT + GM "Superloader" */
  5409. body[pagetype="ListingPage"] #script-table:first-of-type {
  5410. margin-top: 87px !important;
  5411. margin-bottom: 20px !important;
  5412. }
  5413. body[pagetype="UserProfile"] #script-table {
  5414. margin-top: 38px !important;
  5415. }
  5416. body[pagetype="PersonalProfile"] #script-table {
  5417. margin-top: 115px !important;
  5418. }
  5419. /* (new219) */
  5420. body[pagetype="ListingPage"] #script-table thead,
  5421. body[pagetype="PersonalProfile"] #script-table thead,
  5422. body[pagetype="UserProfile"] #script-table thead {
  5423. position: fixed !important;
  5424. /* display: inline-block !important; */
  5425. min-width: 968px;
  5426. max-width: 968px;
  5427. top: 85px;
  5428. /* z-index: 50000 !important; */
  5429. background: black;
  5430. }
  5431. body[pagetype="ListingPage"] #script-table thead {
  5432. z-index: 50000 !important;
  5433. background: black;
  5434. }
  5435. body[pagetype="PersonalProfile"] #script-table thead > tbody,
  5436. body[pagetype="UserProfile"] #script-table > tbody {
  5437. z-index: 0;
  5438. }
  5439. body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content + section#user-discussions {
  5440. position: fixed;
  5441. min-width: 24px;
  5442. top: 62px !important;
  5443. left: 25%;
  5444. }
  5445. /* CIT FIX */
  5446. body[pagetype="UserProfile"] #main-header + .width-constraint > section.text-content #user-profile:not(:empty) {
  5447. left: 25.3%;
  5448. top: 62px;
  5449. z-index: 500;
  5450. background: #333 !important;
  5451. }
  5452. /* CIT */
  5453. body[pagetype="ListingPage"] {
  5454. float: left !important;
  5455. }
  5456. /* NOT CIT - ANTI STRANGE CARACTERS */
  5457. #script-table tbody td:nth-child(2) .thetitle > a > b {
  5458. display: inline-block;
  5459. width: 100%;
  5460. max-width: 450px;
  5461. min-width: 450px;
  5462. min-height: 15px !important;
  5463. line-height: 14px !important;
  5464. word-wrap: break-word;
  5465. white-space: pre-wrap;
  5466. overflow: hidden !important;
  5467. }
  5468.  
  5469. #script-table tbody td:nth-child(2) .thetitle > a > b iframe {
  5470. display: none !important;
  5471. border: 1px solid red !important;
  5472. }
  5473. /* FIX Konf CIT */
  5474. body[pagetype="ListingPage"] #script-table thead tr {
  5475. display: inline-table !important;
  5476. width: 100%;
  5477. min-width: 960px;
  5478. max-width: 960px;
  5479. }
  5480. #script-table > thead > tr > td:first-of-type {
  5481. width: 20px;
  5482. }
  5483. #script-table > thead > tr > td[tag="name"] {
  5484. width: 48.2% !important;
  5485. text-align: left;
  5486. text-indent: 130px;
  5487. }
  5488. #script-table > thead > tr > td[tag="name"] span {
  5489. position: relative;
  5490. display: inline-block;
  5491. width: 15px;
  5492. margin-left: 0px;
  5493. padding: 0px;
  5494. text-align: center;
  5495. text-indent: 0px;
  5496. }
  5497. #script-table > thead > tr > td[tag="name"] span.filterL:hover:before {
  5498. content: "Library Filter" !important;
  5499. position: absolute;
  5500. display: inline-block;
  5501. width: 80px;
  5502. margin-left: -10px;
  5503. margin-top: -17px;
  5504. padding: 0px;
  5505. border-radius: 5px;
  5506. text-align: center;
  5507. text-indent: 0px;
  5508. color: black;
  5509. background: #cefd8a;
  5510. }
  5511. #script-table > thead > tr > td[tag="name"] span.filterU:hover:before {
  5512. content: "Unlisted Filter";
  5513. position: absolute;
  5514. display: inline-block;
  5515. width: 80px;
  5516. margin-left: -10px;
  5517. margin-top: -17px;
  5518. padding: 0px;
  5519. border-radius: 5px;
  5520. text-align: center;
  5521. text-indent: 0px;
  5522. color: black;
  5523. background: #cee7f3;
  5524. }
  5525. #script-table > thead > tr > td[tag="name"] span.filterD:hover:before {
  5526. content: "Deleted Filter";
  5527. position: absolute;
  5528. display: inline-block;
  5529. width: 80px;
  5530. margin-left: -10px;
  5531. margin-top: -17px;
  5532. padding: 0px;
  5533. border-radius: 5px;
  5534. text-align: center;
  5535. text-indent: 0px;
  5536. color: black;
  5537. background: #f77a7a;
  5538. }
  5539.  
  5540. /* PB TO CHANGE HEADER TD BACKGROUD SELEC */
  5541. #script-table > thead > tr > td {
  5542. box-shadow: 3px 3px 2px black;
  5543. }
  5544. #script-table > thead > tr > td[tag="ratings"] {
  5545. width: 84px;
  5546. }
  5547. /* DAILY */
  5548. #script-table > thead > tr > td[tag=""] {
  5549. width: 70px;
  5550. }
  5551. #script-table > thead > tr > td[tag="total_installs"] {
  5552. width: 57px;
  5553. }
  5554. #script-table > thead > tr > td[tag="created"] {
  5555. width: 90px;
  5556. }
  5557. #script-table > thead > tr > td[tag="updated"] {
  5558. width: 96px!important;
  5559. }
  5560. /* SCRIPT # */
  5561. #script-table tbody td:nth-child(1) {
  5562. /* width: 4% */
  5563. }
  5564.  
  5565. /* SCRIPT INFO */
  5566. #script-table tbody td:nth-child(2) {
  5567. width: 12%;
  5568. }
  5569. /* SCRIPT RATING */
  5570. #script-table tbody td:nth-child(3) {
  5571. width: 4%;
  5572. }
  5573. /* SCRIPT DAILY */
  5574. #script-table tbody td:nth-child(4) {
  5575. width: 12.7%;
  5576. }
  5577. /* SCRIPT TOTAL */
  5578. #script-table tbody td:nth-child(5) {
  5579. width: 8.8%;
  5580. }
  5581. /* SCRIPT CREATED */
  5582. #script-table tbody td:nth-child(6) {
  5583. width: 11.1%;
  5584. }
  5585. /* SCRIPT UPDATED */
  5586. #script-table tbody td:nth-child(7) {
  5587. width: 12.4%;
  5588. }
  5589. #script-table td .thetitle + div {
  5590. overflow: hidden;
  5591. word-wrap: break-word;
  5592. }
  5593. .width-constraint #script-info > header {
  5594. position: fixed;
  5595. display: inline-block;
  5596. min-width: 966px;
  5597. max-width: 966px;
  5598. height: 126px;
  5599. line-height: 17px;
  5600. margin-left: -4px;
  5601. top: 48px;
  5602. padding: 5px 5px 0px 5px;
  5603. z-index: 5;
  5604. background: black;
  5605. }
  5606. #script-description {
  5607. display: inline-block;
  5608. width: 100%;
  5609. padding-bottom: 7px;
  5610. border-bottom: 1px solid red;
  5611. }
  5612. #script-info header h2 {
  5613. position: relative;
  5614. display: inline-block;
  5615. width: 100%;
  5616. line-height: 17px;
  5617. vertical-align: top;
  5618. margin-top: 1px;
  5619. padding-bottom: 5px;
  5620. font-size: 17px;
  5621. border-bottom: 1px solid red;
  5622. }
  5623. /* PB - FIX Konf CITUS - SIZE + CHANGE HEADER TD BACKGROUD ( FOR BACKGROND ACTIVE - Not !important;) */
  5624. #script-table {
  5625. border-radius: 0;
  5626. box-shadow: 0 0 2px gray;
  5627. display: block;
  5628. margin: 5px auto;
  5629. max-width: 960px !important;
  5630. min-width: 960px !important;
  5631. }
  5632.  
  5633. #script-table thead td {
  5634. background-color: orange;
  5635. border-radius: 0 0 5px 5px;
  5636. }
  5637. /* PB - FIX Konf CITUS - CHANGE ROW BACKGROUD */
  5638. body[pagetype="ListingPage"] #script-table tbody td {
  5639. background-color: #fffbdb;
  5640. }
  5641. body[pagetype="ListingPage"] #script-table tbody td:first-child {
  5642. background-color: #f9d5a6;
  5643. }
  5644. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.theversion:not(:empty),
  5645. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span:not(:empty),
  5646. body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span:not(:empty) {
  5647. float: left;
  5648. }
  5649. /* VERS EMPTY */
  5650. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.theversion:empty {
  5651. display: none;
  5652. }
  5653. /* DESC*/
  5654. body[pagetype="PersonalProfile"] .thetitle + div {
  5655. float: left;
  5656. line-height: 15px;
  5657. width: 100% !important;
  5658. }
  5659. /* (new240) ADAPT for CIT + GM NOTES GM https://greasyfork.org/fr/scripts/404632-twitter-direct
  5660. IN FAVS/USER PROF and notes multilines, ex:
  5661. https://greasyfork.org/fr/scripts?per_page=100&set=50&sort=updated
  5662. USER PROF
  5663. https://greasyfork.org/fr/users/291050-ankvps
  5664. === */
  5665. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag,
  5666. body[pagetype="UserProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag,
  5667. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag,
  5668. body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag {
  5669. position: relative !important;
  5670. display: inline-block !important;
  5671. float: none !important;
  5672. line-height: 15px;
  5673. min-width: 445px !important;
  5674. max-width: 445px !important;
  5675. margin-left: 0px !important;
  5676. white-space: nowrap !important;
  5677. z-index: 0 !important;
  5678. }
  5679. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover,
  5680. body[pagetype="UserProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover,
  5681. body[pagetype="PersonalProfile"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover,
  5682. body[pagetype="ListingPage"] #script-table tbody td:nth-child(2) .thetitle span.note-obj-user-tag:hover {
  5683. position: relative !important;
  5684. display: inline-block !important;
  5685. float: none !important;
  5686. max-height: 50px !important;
  5687. line-height: 13px;
  5688. min-width: 450px !important;
  5689. max-width: 450px !important;
  5690. margin-left: 0 !important;
  5691. font-size: 13px !important;
  5692. white-space: pre-wrap !important;
  5693. word-wrap: break-word !important;
  5694. overflow-y: auto !important;
  5695. }
  5696. body[pagetype="ListingPage"] #script-table td .thetitle + div {
  5697. max-width: 450px;
  5698. min-width: 450px;
  5699. overflow: hidden;
  5700. overflow-wrap: break-word;
  5701. white-space: pre-wrap !important;
  5702. }
  5703. /* ADAPT GM - GreasyFork script icon */
  5704. #script-info > header > h2 > div:first-of-type {
  5705. position: relative;
  5706. display: inline-block;
  5707. width: 34px;
  5708. top: 3px;
  5709. margin-top: -2px;
  5710. margin-left: 0px;
  5711. margin-right: 10px;
  5712. text-align: right;
  5713. }
  5714. /* === */
  5715. .width-constraint #script-info > #script-links {
  5716. position: fixed;
  5717. display: inline-block;
  5718. width: 100%;
  5719. min-width: 960px;
  5720. max-width: 960px;
  5721. top: 179px;
  5722. margin-left: 0;
  5723. padding: 2px 5px;
  5724. z-index: 50000;
  5725. background: #222;
  5726. }
  5727.  
  5728. /* CITRUS - SCRIPT LIST TABLE - SEARCH - TXT " Relative Search" */
  5729. html > body > div[style="text-align: right; padding: 1px 50px"] {
  5730. position: fixed;
  5731. width: 275px;
  5732. top: 72px;
  5733. padding: 0;
  5734. text-align: right;
  5735. left: 33%;
  5736. z-index: 500;
  5737. }
  5738. #RelativeSearch {
  5739. display: inline-block;
  5740. width: 120px;
  5741. padding: 1px 10px;
  5742. text-align: center;
  5743. border-radius: 3px;
  5744. cursor: pointer;
  5745. background-color: orange;
  5746. }
  5747. /* USER SET - HEADER - TXT "SETS" / HOVER */
  5748. #UserSets::before {
  5749. width: 53px;
  5750. left: 5px;
  5751. text-indent: 0px;
  5752. z-index: 20000;
  5753. color: gold;
  5754. box-shadow: 0 0 4px #999999;
  5755. background-color: #222;
  5756. }
  5757. #UserSets:hover::before {
  5758. position: absolute;
  5759. width: 53px;
  5760. left: -5px;
  5761. top: 0px;
  5762. text-indent: 0px;
  5763. z-index: 20000;
  5764. background: green;
  5765. }
  5766. #UserSets {
  5767. position: fixed;
  5768. display: inline-block;
  5769. float: none;
  5770. left: 22%;
  5771. padding: 6px 5px;
  5772. top: 67px;
  5773. border-radius: 5px;
  5774. opacity: 1;
  5775. visibility: hidden;
  5776. z-index: 20000;
  5777. cursor: pointer;
  5778. }
  5779. #UserSets:hover {
  5780. width: 510px;
  5781. height: 800px;
  5782. top: 48px;
  5783. left: 22.5%;
  5784. padding: 25px 6px 5px 50px;
  5785. overflow: hidden;
  5786. overflow-y: auto;
  5787. opacity: 1;
  5788. visibility: visible;
  5789. color: gold;
  5790. box-shadow: 0 0 4px #999999;
  5791. background-color: #222;
  5792. }
  5793. /* CIT */
  5794. body[pagetype="ListingPage"] #UserSets {
  5795.  
  5796. top: 67px;
  5797. z-index: 5000000 !important;
  5798. }
  5799. body[pagetype="ListingPage"] #UserSets:hover {
  5800. top: 48px !important;
  5801. z-index: 50000 !important;
  5802. }
  5803.  
  5804. #UserSets li {
  5805. width: 480px;
  5806. text-indent: 0px;
  5807. background-color: #333;
  5808. }
  5809. #UserSets li:hover {
  5810. background-color: black;
  5811. }
  5812. #UserSets li a:visited {
  5813. color: tomato;
  5814. }
  5815. /* SCRIPT INFOS - CODE ONE LINE */
  5816. #script-feedback-suggestion + pre,
  5817. #script-content > pre {
  5818. margin-left: 0px;
  5819. margin-top: 30px;
  5820. padding: 5px 10px;
  5821. white-space: pre-wrap;
  5822. word-wrap: break-word;
  5823. color: black;
  5824. background-color: #ffff99;
  5825. }
  5826. /* SCRIPT INFOS - ADAP GM: Linkify Plus Plus */
  5827. #script-info #script-description .linkifyplus > img {
  5828. display: inline-block;
  5829. max-width: 15%;
  5830. margin-bottom: -27px;
  5831. }
  5832. /* SCRIPT INFOS - CODE SECTION - ADAP GM: Linkify Plus Plus */
  5833. #code-container .linkifyplus > img {
  5834. height: auto;
  5835. max-height: 64px;
  5836. max-width: 64px;
  5837. width: auto;
  5838. padding: 2px;
  5839. border-radius: 5px;
  5840. box-shadow: 0 0 2px #cccccc inset;
  5841. background: rgba(191, 191, 190, 0.33);
  5842. }
  5843. /* SCRIPT INFOS - SMALL TAB LABELS - extras labels AUTHOR SCRIPTS (where We can EDIT IT) === */
  5844. .width-constraint #script-info > #script-links li {
  5845. display: inline-block;
  5846. padding: 2px;
  5847. font-size: 14px;
  5848. }
  5849. .width-constraint #script-info > #script-links li > * {
  5850. display: inline-block;
  5851. padding: 2px;
  5852. font-size: 14px;
  5853. }
  5854.  
  5855. /* GREAS - CIT - SCRIPT PAGE - TXT "Show your app " + SUGG - SUPP */
  5856. .post-install,
  5857. .width-constraint #script-info > #script-content > div[style*="background-color: yellow;"],
  5858. .width-constraint #script-info > #script-content > #install-area > div[style*="background-color: yellow;"] {
  5859. display: none !important;
  5860. }
  5861. /* SCRIPT INFOS - FEED */
  5862. #script-feedback-suggestion {
  5863. margin-top: 47px;
  5864. margin-bottom: 0px;
  5865. }
  5866. /* SCRIPT INFO - VERS/DIFF */
  5867. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty):not(#no-discussions):not(#support-url):not(#contribution) {
  5868. margin-top: 0px;
  5869. margin-bottom: 5px;
  5870. }
  5871. /* CONTRIB - https://greasyfork.org/fr/scripts/23332-betty/feedback */
  5872. .width-constraint #script-info ul#script-links + header + #script-content > p#contribution {
  5873. margin-top: 10px;
  5874. margin-bottom: 0px;
  5875. }
  5876. .width-constraint #script-info > #script-content p + form[action$="/diff"] {
  5877. margin-top: -21px !important;
  5878. }
  5879. .width-constraint #script-info ul#script-links + header + #script-content > p:not(:empty) + form:not([action*="/script_sets/add_to_set"]):not([method="post"]) {
  5880. height: auto;
  5881. margin-top: 20px !important;
  5882. margin-bottom: -80px;
  5883. }
  5884.  
  5885. /* GREAS - SCRIPT INFOS - with/without CIT */
  5886. .width-constraint #script-info > #script-content > p:not(:empty):not(#support-url) {
  5887. margin-top: 30px;
  5888. margin-bottom: -88px;
  5889. }
  5890. .width-constraint #script-info > #script-content > p#support-url {
  5891. margin-top: 40px;
  5892. }
  5893. .width-constraint #script-info > #script-content {
  5894. position: relative;
  5895. display: inline-block;
  5896. min-height: 682px !important;
  5897. min-width: 959px;
  5898. max-width: 959px;
  5899. margin-top: 217px;
  5900. margin-left: -1px;
  5901. padding: 0 0 5px 9px;
  5902. z-index: 0;
  5903. text-align: left !important;
  5904. border: 1px solid black;
  5905. background-color: #2B2B2B;
  5906. }
  5907. .width-constraint #script-info #script-content p#support-url + h3,
  5908. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]):first-of-type {
  5909. position: fixed;
  5910. display: inline-block;
  5911. min-width: 970px;
  5912. max-width: 970px;
  5913. margin: 23px 0 auto -10px;
  5914. text-align: left;
  5915. z-index: 500;
  5916. border-bottom: 1px solid red;
  5917. background: gold;
  5918. }
  5919. .width-constraint #script-info #script-content p#support-url + h3 {
  5920. top: 263px;
  5921. margin: -46px 0 auto -10px;
  5922. }
  5923. .width-constraint #script-info #script-content p#support-url + h3 + p:not(:empty):not(#no-discussions) {
  5924. margin-bottom: 5px;
  5925. margin-top: 0px;
  5926. }
  5927. /* NO DISC */
  5928. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]):first-of-type + p {
  5929. margin-top: 60px;
  5930. margin-bottom: 20px;
  5931. }
  5932. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:first-of-type:not([id="feedback-favoriters"]) + p + h3 {
  5933. margin-top: 30px;
  5934. margin-bottom: -20px;
  5935. }
  5936. .width-constraint #script-info > ul#script-links + header + #script-content > .script-discussion-list + h3 {
  5937. margin-top: 10px;
  5938. margin-bottom: 0px;
  5939. }
  5940. .width-constraint #script-info > ul#script-links + header + #script-content > div + h3:not([id="feedback-favoriters"]) + p:not(:empty):not(#no-discussions) {
  5941. margin-bottom: 5px;
  5942. margin-top: 58px;
  5943. }
  5944.  
  5945. /* CODE CONTAINER */
  5946. .code-container {
  5947. width: 100% !important;
  5948. max-height: 67vh !important;
  5949. border: 1px solid red !important;
  5950. }
  5951. .prettyprint {
  5952. min-width: calc(100% - 27px) !important;
  5953. max-width: calc(100% - 27px) !important;
  5954. width: -moz-max-content;
  5955. }
  5956. /* CODE - OK - STRIPPED BACKGROUND - GRAY LIGHT / WHITE LINES */
  5957. .code-container .uglyprint {
  5958. min-width: calc(100% - 40px) !important;
  5959. max-width: calc(100% - 40px) !important;
  5960. width: -moz-max-content;
  5961. padding-top: 0px !important;
  5962. white-space: pre-line !important;
  5963. overflow: hidden !important;
  5964. background-color: white;
  5965. background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  5966. background-size: 30px 17px;
  5967. }
  5968.  
  5969. pre.linenums.prettyprinted li.L0,
  5970. pre.linenums.prettyprinted li.L1,
  5971. pre.linenums.prettyprinted li.L2,
  5972. pre.linenums.prettyprinted li.L3,
  5973. pre.linenums.prettyprinted li.L4,
  5974. pre.linenums.prettyprinted li.L5,
  5975. pre.linenums.prettyprinted li.L6,
  5976. pre.linenums.prettyprinted li.L7,
  5977. pre.linenums.prettyprinted li.L8,
  5978. pre.linenums.prettyprinted li.L9 {
  5979. background: transparent none repeat scroll 0 0;
  5980. margin-left: -17px !important;
  5981. max-width: calc(100% + 32px) !important;
  5982. min-width: calc(100% + 32px) !important;
  5983. }
  5984.  
  5985. /* COUNTER ALL */
  5986. html {
  5987. content: counter(myIndex, decimal-leading-zero);
  5988. counter-reset: myIndex 00;
  5989. }
  5990. #script-info ul#script-links + header + #script-content .script-discussion-list .discussion-list-item .discussion-meta::before,
  5991. .width-constraint #discussions li::before {
  5992. content: counter(myIndex, decimal-leading-zero) !important;
  5993. counter-increment: myIndex 1 !important;
  5994. position: absolute;
  5995. width: auto;
  5996. height: 15px;
  5997. line-height: 13px;
  5998. min-width: 17px;
  5999. left: 20px;
  6000. margin-top: 30px;
  6001. padding: 1px 3px;
  6002. text-align: center;
  6003. border-radius: 10px;
  6004. font-size: 13px;
  6005. color: tomato;
  6006. box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
  6007. background: rgba(62, 59, 59, 0.6) none repeat scroll 0 0;
  6008. opacity: 0.5;
  6009. }
  6010. #script-info ul#script-links + header + #script-content .script-discussion-list .discussion-list-item .discussion-meta::before {
  6011. content: counter(myIndex, decimal-leading-zero);
  6012. counter-increment: myIndex 1;
  6013. left: 2px;
  6014. margin-top: 0px;
  6015. }
  6016. /* SUPER LOAD PLU -DISC + NEW FORUM - === */
  6017. body header#main-header + .width-constraint:first-of-type {
  6018. display: inline-block !important;
  6019. height: auto !important;
  6020. min-width: 984px;
  6021. max-width: 984px;
  6022. margin: 55px 0 10px 23.4% !important;
  6023. padding: 0;
  6024. }
  6025.  
  6026. /* PB SEARCH NO RESULTS - CIT */
  6027. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type {
  6028. display: inline-block !important;
  6029. height: 18px !important;
  6030. min-width: 960px;
  6031. max-width: 960px;
  6032. margin: 0px 0 0px 24.8% !important;
  6033. top: 38px !important;
  6034. padding: 2px 0;
  6035. z-index: 50 !important;
  6036. }
  6037. body[pagetype="ListingPage"] #script-table + .width-constraint,
  6038. body[pagetype="ListingPage"] .pagination + .width-constraint,
  6039. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type {
  6040. display: inline-block;
  6041. height: 0;
  6042. line-height: 0;
  6043. margin: 65px 0 20px 23.4% !important;
  6044. }
  6045. body[pagetype="ListingPage"] #script-table + .width-constraint .sidebarred,
  6046. body[pagetype="ListingPage"] .pagination + .width-constraint .sidebarred,
  6047. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred {
  6048. display: inline-block !important;
  6049. height: 0px;
  6050. line-height: 0px;
  6051. }
  6052. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p {
  6053. position: relative;
  6054. display: inline-block !important;
  6055. height: 17px;
  6056. line-height: 15px;
  6057. width: 500px;
  6058. top: 27px;
  6059. padding: 0 2px;
  6060. font-size: 15px !important;
  6061. z-index: 100 !important;
  6062. }
  6063. /* (new213) SEARCH - NO SCRIPT FOUND + SHOW ONLY IN LANGUAGE */
  6064. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p + p,
  6065. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type + p {
  6066. position: fixed !important;
  6067. display: inline-block !important;
  6068. width: 8vw !important;
  6069. height: auto !important;
  6070. line-height: 15px !important;
  6071. left: 14% !important;
  6072. top: 7vh!important;
  6073. font-size: 10px !important;
  6074. text-align: center !important;
  6075. border-radius: 5px !important;
  6076. z-index: 50000000 !important;
  6077. color: gold !important;
  6078. background: #111 !important;
  6079. }
  6080. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > h3 + p + p a:not([href*="/new"]):not([href*="/help/writing-user-scripts"]) {
  6081. top: 2.6vh !important;
  6082. /* display: none!important; */
  6083. /* font-size: 0 !important; */
  6084. }
  6085. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > h3 + p + p a,
  6086. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > h3 + p + p + p a,
  6087. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint a[href*="/new"],
  6088. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint a[href*="/help/writing-user-scripts"],
  6089. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred .sidebarred-main-content > h3 + p + p + p a[href*="/new"],
  6090. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred .sidebarred-main-content > h3 + p + p + p a[href*="/help/writing-user-scripts"] {
  6091. display: none!important;
  6092. font-size: 0 !important;
  6093. }
  6094. /* SEARCH - NO SCRIPTS - ONLY LANG VIEW - GM "Superloader" */
  6095. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type {
  6096. position: absolute !important;
  6097. display: inline-block !important;
  6098. top: 5px !important;
  6099. padding: 0px;
  6100. font-size: 0px !important;
  6101. text-align: left !important;
  6102. }
  6103. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type a {
  6104. background: blue !important;
  6105. }
  6106. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > p:first-of-type,
  6107. body[pagetype="ListingPage"] .sp-separator ~ .width-constraint .sidebarred-main-content > p:last-of-type,
  6108. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:last-of-type {
  6109. display: none !important;
  6110. }
  6111. /* SEARCH - NO SCRIPTS - GM "Superloader" */
  6112. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table thead {
  6113. position: fixed;
  6114. height: 28px !important;
  6115. min-width: 960px;
  6116. max-width: 960px;
  6117. margin-top: -23px;
  6118. overflow: hidden !important;
  6119. z-index: 5000 !important;
  6120. background-color: yellow !important;
  6121. }
  6122. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table thead > tr > td {
  6123. z-index: 50000 !important;
  6124. }
  6125. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type ~ #script-table thead > tr > td:hover {
  6126. z-index: 50000 !important;
  6127. background-color: green !important;
  6128. }
  6129.  
  6130. /* for GM Superloader - ALL A VOIR */
  6131. body header#main-header + .width-constraint:first-of-type {
  6132. display: inline-block !important;
  6133. height: auto !important;
  6134. min-width: 985px;
  6135. max-width: 985px;
  6136. margin: 55px 0 20px 23.4% !important;
  6137. padding: 0;
  6138. }
  6139. /* for GM Superloader */
  6140. #sp-fw-container + .sp-separator ~ .width-constraint {
  6141. display: inline-block !important;
  6142. height: auto !important;
  6143. min-width: 985px;
  6144. max-width: 985px;
  6145. margin: 20px 0 20px 23.4% !important;
  6146. padding: 0;
  6147. }
  6148.  
  6149. /* TEST FOR SUPER LOADER */
  6150. #sp-fw-container + .sp-separator ~ .width-constraint #script-info > #script-content {
  6151. content: counter(myIndex, decimal-leading-zero);
  6152. counter-reset: myIndex 0;
  6153. counter-increment: myIndex;
  6154. }
  6155. .width-constraint #script-info #script-content h3 + ul#discussions {
  6156. margin-top: 65px !important;
  6157. margin-left: -10px;
  6158. }
  6159. .width-constraint #discussions li {
  6160. line-height: 11px !important;
  6161. padding-bottom: 10px;
  6162. }
  6163. .width-constraint #discussions li:nth-child(odd) {
  6164. border-bottom: 1px solid gray;
  6165. background: #222;
  6166. }
  6167. .width-constraint #discussions li:nth-child(even) {
  6168. border-bottom: 1px solid gray;
  6169. background: #333;
  6170. }
  6171. .width-constraint #discussions li:hover {
  6172. transition: background 0.8s ease 0s;
  6173. box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  6174. background: rgba(0, 0, 0, 0.8);
  6175. }
  6176. /* (new219) PAGI */
  6177. #script-info ul#script-links + header + #script-content .post-discussion > p:first-of-type {
  6178. position: fixed !important;
  6179. display: inline-block !important;
  6180. width: 50% !important;
  6181. height: 22px !important;
  6182. top: 23.6vh !important;
  6183. margin: 0 0 0 -9px !important;
  6184. padding: 0 7px !important;
  6185. z-index: 5000000 !important;
  6186. background: #111!important;
  6187. }
  6188. #script-info ul#script-links + header + #script-content .script-discussion-list + .pagination {
  6189. position: fixed !important;
  6190. display: inline-block !important;
  6191. top: 219px !important;
  6192. left: 55% !important;
  6193. z-index: 5000000 !important;
  6194. }
  6195. /* GREAS - SCRIPT PAGE - INSTALL CONT + META + INFOS + SCREENSHOTS */
  6196. #script-info #script-content #install-area {
  6197. position: fixed;
  6198. display: inline-block;
  6199. min-width: 950px;
  6200. max-width: 950px;
  6201. height: 40px;
  6202. top: 218px;
  6203. margin-left: -8px;
  6204. padding: 5px 9px;
  6205. z-index: 1;
  6206. border-bottom: 1px solid gray;
  6207. background-color: #f9ecdb;
  6208. }
  6209. /* (new189) */
  6210. .width-constraint #script-info > #script-content #script-meta {
  6211. display: inline-block !important;
  6212. width: 950px !important;
  6213. min-width: 950px !important;
  6214. max-width: 950px !important;
  6215. margin-top: 25px;
  6216. margin-left: -6px !important;
  6217. padding: 5px;
  6218. border-bottom: 1px dotted gray;
  6219. }
  6220. .script-in-sets {
  6221. position: fixed;
  6222. display: inline-block;
  6223. min-width: 298px;
  6224. max-width: 298px;
  6225. min-height: 34px;
  6226. max-height: 34px;
  6227. top: 216px;
  6228. left: 40%;
  6229. margin-left: 0;
  6230. padding-left: 20px;
  6231. font-size: 0;
  6232. overflow: hidden;
  6233. overflow-y: auto;
  6234. z-index: 5000;
  6235. border: 1px solid #404040;
  6236. background: #222;
  6237. }
  6238. .script-in-sets:hover {
  6239. height: auto;
  6240. max-height: 100%;
  6241. padding: 0 0 50px 20px;
  6242. }
  6243. .script-in-sets > a {
  6244. display: inline-block;
  6245. width: 291px;
  6246. margin-left: 0;
  6247. font-size: 13px;
  6248. text-indent: 5px;
  6249. white-space: nowrap;
  6250. overflow: hidden;
  6251. text-overflow: ellipsis;
  6252. }
  6253. .script-in-sets > select {
  6254. display: inline-block;
  6255. width: 252px;
  6256. margin-top: 2px;
  6257. }
  6258.  
  6259. /* ADAP for GM "Make Bookmarklets from Javascript URLs" -
  6260. https://greasyfork.org/fr/scripts/7668-make-bookmarklets-from-javascript-urls
  6261. === */
  6262. #install-area > div + span + a:not(.install-help-link),
  6263. #install-area > div + span,
  6264. #install-area > div {
  6265. position: absolute;
  6266. display: inline-block;
  6267. height: 20px;
  6268. top: 43px;
  6269. left: 0;
  6270. padding: 0 5px;
  6271. background: gold;
  6272. }
  6273. #install-area > div:first-of-type + div {
  6274. top: 63px;
  6275. background: green;
  6276. }
  6277. #install-area > div:first-of-type + div:before {
  6278. content: "Bklet ▼";
  6279. position: absolute;
  6280. display: inline-block;
  6281. width: 50px;
  6282. margin-top: -55px;
  6283. left: 245px;
  6284. padding: 5px;
  6285. border-radius: 3px;
  6286. font-size: 12px;
  6287. text-align: center;
  6288. visibility: visible;
  6289. background: blue;
  6290. }
  6291. #install-area > div:first-of-type + div + span {
  6292. top: 83px;
  6293. cursor: help;
  6294. background: aqua;
  6295. }
  6296. #install-area > div:first-of-type {
  6297. opacity: 0;
  6298. visibility: hidden;
  6299. }
  6300. #install-area > div:first-of-type + div,
  6301. #install-area > div:first-of-type + div + span {
  6302. visibility: hidden !important;
  6303. }
  6304. #install-area:hover > div:first-of-type,
  6305. #install-area:hover > div:first-of-type + div,
  6306. #install-area:hover > div:first-of-type + div + span {
  6307. opacity: 1;
  6308. visibility: visible !important;
  6309. }
  6310. #install-area span[style="padding-left: 8px;"] + a.install-help-link + a.install-link + a,
  6311. #install-area span[style="padding-left: 8px;"] + a.install-help-link + a.install-link {
  6312. float: right;
  6313. }
  6314. /* USER CSS - INSTALL */
  6315. #install-area > p {
  6316. position: absolute;
  6317. margin-top: 0;
  6318. right: 0;
  6319. width: 20%;
  6320. }
  6321.  
  6322. /* SET CHOICE - FIRT VALUE SELECTED */
  6323. .script-in-sets > select[name="action-set"] {
  6324. -moz-appearance: none;
  6325. position: relative;
  6326. display: inline-block;
  6327. height: 20px;
  6328. line-height: 20px;
  6329. top: -2px;
  6330. border: none;
  6331. }
  6332. .script-in-sets > select option[value^="ri-"] {
  6333. -moz-appearance: none;
  6334. color: peru;
  6335. background: black;
  6336. outline: 1px solid peru;
  6337. }
  6338. /* SET NEW */
  6339. .script-in-sets > select option[value="ai-new"] {
  6340. -moz-appearance: none;
  6341. color: gold;
  6342. background: black;
  6343. }
  6344. /* SET SUBMIT ARROW */
  6345. .script-in-sets > input[value="→"][type="submit"] {
  6346. -moz-appearance: none;
  6347. position: relative;
  6348. display: inline-block;
  6349. height: 15px;
  6350. line-height: 15px;
  6351. top: -2px !important;
  6352. margin-left: 2px;
  6353. border: none;
  6354. cursor: pointer;
  6355. }
  6356. .script-in-sets:before {
  6357. content: "🔻";
  6358. float: left !important;
  6359. clear: none !important;
  6360. height: 10px;
  6361. line-height: 15px;
  6362. width: 15px;
  6363. top: 0px;
  6364. margin-left: -20px;
  6365. font-size: 12px;
  6366. text-align: center;
  6367. z-index: 5000;
  6368. color: red;
  6369. }
  6370. /* (new234) INFOS DETAILS CONTAINER */
  6371. .script-meta-block {
  6372. display: inline-block !important;
  6373. column-count: unset !important;
  6374. min-width: 99% !important;
  6375. max-width: 99% !important;
  6376. padding: 3px !important;
  6377. border: 1px solid gray !important;
  6378. }
  6379. #script-stats {
  6380. display: inline-table !important;
  6381. display: inline-block !important;
  6382. -moz-column-count: unset;
  6383. float: left;
  6384. clear: none;
  6385. width: 100% !important;
  6386. max-width: 100% !important;
  6387. min-width: 100% !important;
  6388. height: 186px !important;
  6389. padding: 0 !important;
  6390. margin: 0 !important;
  6391. /* outline: 1px solid aqua !important; */
  6392. }
  6393. /* (new234) LEFT */
  6394. #script-stats dt {
  6395. float: left;
  6396. clear: both !important;
  6397. height: 18px;
  6398. line-height: 18px;
  6399. min-width: 24% !important;
  6400. max-width: 24% !important;
  6401. margin: 0 0 0 0px !important;
  6402. text-indent: 10px;
  6403. border-left: 3px solid olive !important;
  6404. border-bottom: 1px solid gray !important;
  6405. }
  6406.  
  6407.  
  6408. /* (new234) RIGHT */
  6409. #script-stats dd {
  6410. float: left;
  6411. clear: none !important;
  6412. height: 18px;
  6413. line-height: 18px;
  6414. min-width: 40% !important;
  6415. max-width: 40% !important;
  6416. margin: 0 0 0px 5px !important;
  6417. padding: 0 0 0 0px !important;
  6418. white-space: nowrap;
  6419. overflow: hidden;
  6420. text-overflow: ellipsis;
  6421. border-left: 3px solid olive !important;
  6422. border-bottom: 1px solid gray !important;
  6423. }
  6424.  
  6425. /* APPLIES TO */
  6426. #script-stats dt.script-show-applies-to {
  6427. position: absolute !important;
  6428. float: right !important;
  6429. clear: both !important;
  6430. min-width: 35% !important;
  6431. max-width: 35% !important;
  6432. right: 0 !important;
  6433. margin: 0 !important;
  6434. text-align: left !important;
  6435. overflow-wrap: unset !important;
  6436. /* border-top: 1px solid gray !important; */
  6437. border-left: 3px solid red !important;
  6438. }
  6439. #script-stats dd.script-show-applies-to {
  6440. position: absolute !important;
  6441. float: right !important;
  6442. clear: both !important;
  6443. min-width: 35% !important;
  6444. max-width: 35% !important;
  6445. height: auto !important;
  6446. right: 0 !important;
  6447. margin: 2vh 0 0 0px !important;
  6448. text-align: left !important;
  6449. overflow-wrap: unset !important;
  6450. overflow: hidden !important;
  6451. /* white-space: pre !important; */
  6452. border-left: 3px solid red !important;
  6453. }
  6454. #script-stats dd.script-show-applies-to ul.block-list {
  6455. display: inline-block !important;
  6456. height: 17vh !important;
  6457. line-height: 15px;
  6458. width: 100% !important;
  6459. min-width: 100% !important;
  6460. max-width: 100% !important;
  6461. margin: 0 0 0 0 !important;
  6462. overflow: hidden !important;
  6463. overflow-y: auto !important;
  6464. white-space: pre !important;
  6465. }
  6466. #script-stats dd.script-show-applies-to ul.block-list.expandable > li,
  6467. #script-stats dd.script-show-applies-to ul.block-list.expandable.collapsed > li {
  6468. position: relative !important;
  6469. display: inline-block !important;
  6470. /* float: left !important; */
  6471. /* clear: none !important; */
  6472. height: auto !important;
  6473. line-height: 15px;
  6474. width: 100% !important;
  6475. min-width: 95% !important;
  6476. max-width: 95% !important;
  6477. margin: 0 2px 0 0 !important;
  6478. top: -15px !important;
  6479. left: -45px !important;
  6480. padding: 1px 0 1px 5px !important;
  6481. border-bottom: 1px solid red !important;
  6482. }
  6483. #script-stats dd.script-show-applies-to ul.block-list.expandable > li:first-of-type,
  6484. #script-stats dd.script-show-applies-to ul.block-list.expandable.collapsed > li:first-of-type {
  6485. position: relative !important;
  6486. display: inline-block !important;
  6487. /* float: left !important; */
  6488. /* clear: both !important; */
  6489. height: auto !important;
  6490. line-height: 15px;
  6491. width: 100% !important;
  6492. min-width: 95% !important;
  6493. max-width: 95% !important;
  6494. margin: -15px 0px -15px 0 !important;
  6495. padding: 1px 0 1px 5px !important;
  6496. border-bottom: 1px solid green !important;
  6497. }
  6498.  
  6499. #script-stats dd.script-show-applies-to ul.block-list.expandable > li code,
  6500. #script-stats dd.script-show-applies-to ul.block-list.expandable.collapsed > li code {
  6501. position: relative;
  6502. display: inline-block !important;
  6503. height: auto !important;
  6504. line-height: 15px;
  6505. width: 100% !important;
  6506. min-width: 98% !important;
  6507. max-width: 98% !important;
  6508. margin: 0 0 0 0 !important;
  6509. top: 0;
  6510. padding: 0 !important;
  6511. white-space: pre-wrap !important;
  6512. overflow-wrap: break-word;
  6513. overflow: hidden !important;
  6514. color: white;
  6515. background-color: transparent !important;
  6516. border: none !important;
  6517. }
  6518. /* COMPATIBILITY */
  6519. /* (new225) GREASY - SCRIPT PAGE - INSTA CONT - "APPLIES" TO CONT */
  6520. #script-meta > div {
  6521. float: right;
  6522. clear: none;
  6523. width: 46%;
  6524. height: 100%;
  6525. min-height: 182px;
  6526. max-height: 182px;
  6527. margin: 0 0 0 0;
  6528. top: 0px;
  6529. padding: 0px;
  6530. border: 1px solid gray;
  6531. }
  6532. #script-meta #script-applies-to {
  6533. display: inline-block !important;
  6534. width: 100%;
  6535. height: 100%;
  6536. min-height: 170px;
  6537. max-height: 170px;
  6538. padding: 5px;
  6539. overflow: hidden;
  6540. /* border: 1px solid red !important; */
  6541. }
  6542. #script-applies-to dt.script-show-applies-to {
  6543. display: inline-block !important;
  6544. width: 98% !important;
  6545. margin-top: -3px;
  6546. padding: 0;
  6547. text-align: left;
  6548. /* border: 1px solid aqua !important; */
  6549. }
  6550. #script-applies-to dd.script-show-applies-to {
  6551. width: 98% !important;
  6552. }
  6553. #script-applies-to dd.script-show-applies-to ul.inline-list {
  6554. display: inline-block;
  6555. width: 98% !important;
  6556. max-height: 180px;
  6557. padding: 2px 2px 20px 2px;
  6558. border-radius: 3px;
  6559. overflow: hidden;
  6560. overflow-y: auto;
  6561. /* border: 1px solid yellow !important; */
  6562. }
  6563. #script-meta > div code {
  6564. position: relative;
  6565. display: inline-block;
  6566. height: 15px;
  6567. line-height: 15px;
  6568. padding: 1px 4px;
  6569. border-radius: 3px;
  6570. border: none;
  6571. font-size: 90%;
  6572. white-space: nowrap;
  6573. color: #aba2a4;
  6574. background-color: #262626;
  6575. }
  6576. #script-meta > div .inline-list > li:nth-child(even) code {
  6577. color: #BAA591;
  6578. background-color: #1A1919
  6579. }
  6580. #script-meta > div .inline-list > li:nth-child(odd) code {
  6581. color: #BAA591;
  6582. background-color: #363535;
  6583. }
  6584.  
  6585. /* LINKYFY PLUS */
  6586. .script-show-applies-to .inline-list li a,
  6587. .script-show-applies-to .inline-list li a.linkifyplus {
  6588. position: relative;
  6589. display: inline-block;
  6590. height: 15px;
  6591. line-height: 15px;
  6592. padding: 1px 4px;
  6593. border-radius: 3px;
  6594. color: #BAA591;
  6595. background-color: #1A1919;
  6596. }
  6597. .script-show-applies-to .inline-list li:nth-child(even) a,
  6598. .script-show-applies-to .inline-list li:nth-child(even) a.linkifyplus {
  6599. color: #D0A070;
  6600. background-color: #1A1919;
  6601. }
  6602. .script-show-applies-to .inline-list li:nth-child(odd) a,
  6603. .script-show-applies-to .inline-list li:nth-child(odd) a.linkifyplus {
  6604. color: #BAA591 !important;
  6605. background-color: #1A1919;
  6606. }
  6607. .script-show-applies-to .inline-list li:hover a,
  6608. .script-show-applies-to .inline-list li:hover a.linkifyplus {
  6609. color: tomato;
  6610. background-color: #1A1919;
  6611. }
  6612. .expander {
  6613. display: none;
  6614. }
  6615.  
  6616. /* GREAS - SCRIPT PAGE - LIST "FAV BY" - ==== */
  6617. #script-content > #feedback-favoriters + div {
  6618. display: inline-block;
  6619. width: 953px;
  6620. margin-top: -10px;
  6621. font-size: 0px;
  6622. }
  6623. #script-content ul.inline-list,
  6624. #script-content > #feedback-favoriters + ul.inline-list {
  6625. display: inline-block;
  6626. height: 59px !important;
  6627. padding-left: 0;
  6628. overflow: hidden;
  6629. overflow-y: auto;
  6630. border: 1px solid gray;
  6631. }
  6632. #script-content > #feedback-favoriters + div + p {
  6633. margin-bottom: 5px;
  6634. margin-top: 5px !important;
  6635. }
  6636. .inline-list > li:nth-child(odd) > a,
  6637. .inline-list > li:nth-child(even) > a {
  6638. display: inline-block;
  6639. padding: 1px 3px;
  6640. border-radius: 3px;
  6641. font-size: 14px !important;
  6642. color: red !important;
  6643. }
  6644. .inline-list > li:nth-child(odd) > a {
  6645. background: #222;
  6646. }
  6647. .inline-list > li:nth-child(even) > a {
  6648. background: #333;
  6649. }
  6650. /* GREASY - SCRIPT PAGE - INFOS CONT */
  6651. .width-constraint #script-info > #script-content #additional-info {
  6652. position: relative;
  6653. display: inline-block;
  6654. float: none !important;
  6655. min-width: 950px;
  6656. max-width: 950px;
  6657. top: 10px;
  6658. margin: 0 0 -14px -5px;
  6659. padding: 5px;
  6660. border-radius: 5px;
  6661. text-align: left !important;
  6662. overflow: visible;
  6663. background: #222;
  6664. border: 1px solid red;
  6665. }
  6666. /* (new188) */
  6667. .width-constraint #script-info > #script-content h3,
  6668. .width-constraint #script-info > #script-content #additional-info h5,
  6669. .width-constraint #script-info > #script-content #additional-info h6 {
  6670. margin-bottom: 5px;
  6671. margin-top: 5px;
  6672. font-size: 15px;
  6673. }
  6674. #additional-info > sub > sup,
  6675. #additional-info > sub {
  6676. font-size: 15px;
  6677. }
  6678. #additional-info > small {
  6679. display: inline-block !important;
  6680. font-size: 15px;
  6681. line-height: 16px !important;
  6682. padding-left: 5px !important;
  6683. text-indent: 10px !important;
  6684. }
  6685. #additional-info > small li {
  6686. display: block !important;
  6687. font-size: 15px !important;
  6688. line-height: 16px !important;
  6689. }
  6690. #additional-info > small li small,
  6691. #additional-info > li {
  6692. display: block !important;
  6693. font-size: 17px !important;
  6694. line-height: 17px !important;
  6695. }
  6696. /* (new208) */
  6697. #additional-info > li > pre {
  6698. position: relative;
  6699. display: inline-block;
  6700. float: none;
  6701. max-width: 930px;
  6702. min-width: 930px;
  6703. margin: 4px 0 4px 0px;
  6704. padding: 0 5px;
  6705. border-radius: 5px;
  6706. text-align: left;
  6707. overflow: hidden !important;
  6708. white-space: pre-line !important;
  6709. border: 1px solid red;
  6710. }
  6711. .script-author-description > table td blockquote,
  6712. .script-author-description > table td {
  6713. float: left;
  6714. clear: left;
  6715. vertical-align: top;
  6716. min-width: 920px;
  6717. max-width: 920px;
  6718. padding: 5px;
  6719. border-radius: 3px;
  6720. word-wrap: break-word;
  6721. border: 1px solid gray;
  6722. }
  6723. .script-author-description > table td blockquote {
  6724. min-width: 900px;
  6725. max-width: 900px;
  6726. border: 1px solid yellow;
  6727. }
  6728. .script-author-description > p > code {
  6729. display: inline-block;
  6730. white-space: pre-line;
  6731. }
  6732. #additional-info > pre,
  6733. #additional-info > .script-author-description > pre,
  6734. .script-author-description > blockquote > pre {
  6735. margin-left: 30px;
  6736. padding: 5px 10px;
  6737. border-radius: 2px;
  6738. word-wrap: break-word;
  6739. color: white;
  6740. border: 1px solid gray;
  6741. background-color: #5c5c5c;
  6742. }
  6743. .width-constraint #script-info > #script-content #additional-info > p:not(:empty) {
  6744. display: inline-block !important;
  6745. width: 99.9%;
  6746. line-height: 17px;
  6747. margin-bottom: 0;
  6748. text-align: left !important;
  6749. }
  6750. /* (new209) SUPP THAT: */
  6751. /* .width-constraint #script-info > #script-content #additional-info > p b {
  6752. display: inline-block !important;
  6753. float: none !important;
  6754. width: auto ;
  6755. line-height: 11px ;
  6756. margin-bottom: 0;
  6757. text-align: left !important;
  6758. } */
  6759. .width-constraint #script-info > #script-content #additional-info > p > a {
  6760. display: inline-block !important;
  6761. float: none !important;
  6762. width: auto !important;
  6763. line-height: 17px;
  6764. margin-bottom: 0;
  6765. text-align: left !important;
  6766. border: 1px solid red !important;
  6767. }
  6768. #additional-info > h5,
  6769. #additional-info > h4,
  6770. #additional-info > h4[style="color: rgb(113, 150, 184);"],
  6771. #additional-info > h4[style="color:#08355c"] {
  6772. margin-bottom: 5px !important;
  6773. margin-top: 5px !important;
  6774. color: #7196B8 !important;
  6775. }
  6776.  
  6777. /* (new211) GREASY - SCRIPT INFO - IMAGES - MAX WIDTH - WITH /Without GM TS CIT
  6778. ADAP FOR SOME PARTICULAR IMAGES = */
  6779. #additional-info .script-author-description > p img ~ br {
  6780. display: none;
  6781. }
  6782. #additional-info.user-content p img:not([src^="https://camo.githubusercontent.com"]),
  6783. .lightbox .lb-image:not([src^="https://camo.githubusercontent.com"]) {
  6784. height: auto;
  6785. max-width: 80%;
  6786. border-radius: 3px;
  6787. }
  6788.  
  6789. /* (new211) GREASY - SCRIPT INFO - IMAGES - IN INFO:
  6790. ADAP FOR SOME PARTICULAR IMAGES = */
  6791. .width-constraint #script-info > #script-content #additional-info > p > a[href$=".gif"],
  6792. .width-constraint #script-info > #script-content #additional-info > p > a[href$=".jpeg"],
  6793. .width-constraint #script-info > #script-content #additional-info > p > a[href$=".png"] {
  6794. display: inline-block !important;
  6795. width: 100%;
  6796. text-align: center;
  6797. }
  6798. #additional-info.user-content p img:not([src^="https://camo.githubusercontent.com"]) {
  6799. display: block !important;
  6800. width: auto;
  6801. max-width: 98%;
  6802. max-height: 245px;
  6803. margin: auto;
  6804. padding: 2px;
  6805. box-shadow: 5px 5px 2px #181818;
  6806. background-color: #2b2b2b;
  6807. border: 1px solid orange !important;
  6808. }
  6809. #additional-info .fancybox img {
  6810. box-shadow: none;
  6811. color: yellow;
  6812. max-height: 100px;
  6813. border: 1px solid orange;
  6814. }
  6815.  
  6816. /* GREASY FORK - LIGHTBOX - POSI */
  6817. /* SOURCE - SUPP "Source" - ==== */
  6818. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:after,
  6819. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots:after {
  6820. position: relative;
  6821. float: right;
  6822. clear: both;
  6823. content: " 🔻 Preview 🔻 ";
  6824. height: 15px;
  6825. line-height: 12px;
  6826. width: 140px;
  6827. margin-top: 58px;
  6828. margin-right: -83px;
  6829. transform: rotate(90deg);
  6830. text-align: center;
  6831. letter-spacing: 1.7px;
  6832. z-index: 500000 !important;
  6833. border: 1px solid gold;
  6834. background: black;
  6835. }
  6836. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots,
  6837. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots {
  6838. position: absolute !important;
  6839. display: inline-block !important;
  6840. height: 140px;
  6841. line-height: 140px;
  6842. width: 100%;
  6843. top: -170px;
  6844. right: -7px;
  6845. text-align: right;
  6846. clip: rect(0px, 990px, 145px, 970px);
  6847. transition: all ease 1.5s;
  6848. z-index: 5000000 !important;
  6849. border: 1px solid peru;
  6850. background: red;
  6851. }
  6852. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots:hover,
  6853. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots:hover {
  6854. clip: rect(0px, 1007px, 185px, 0px);
  6855. z-index: 5000000 !important;
  6856. background: black !important;
  6857. }
  6858. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots img,
  6859. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots img {
  6860. position: relative !important;
  6861. display: inline-block !important;
  6862. float: none !important;
  6863. max-width: 100% !important;
  6864. padding: 2px;
  6865. color: yellow;
  6866. box-shadow: -4px 5px 2px #222 !important;
  6867. }
  6868. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots a,
  6869. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots a {
  6870. display: inline-block !important;
  6871. width: 152px;
  6872. height: 140px;
  6873. margin: -15px 17px 0px -7px;
  6874. }
  6875. .width-constraint #script-info > #script-content #additional-info > div.script-screenshots a:after,
  6876. .width-constraint #script-info > #script-content #additional-info > div.user-screenshots a:after {
  6877. content: attr(data-jslghtbx-caption) !important;
  6878. position: relative !important;
  6879. height: 10px !important;
  6880. line-height: 10px !important;
  6881. width: 140px!important;
  6882. float: right !important;
  6883. clear: both !important;
  6884. margin-right: 0px !important;
  6885. margin-top: -23px!important;
  6886. padding: 2px 5px !important;
  6887. border-radius: 5px !important;
  6888. font-size: 10px !important;
  6889. text-align: left !important;
  6890. text-overflow: ellipsis !important;
  6891. white-space: nowrap !important;
  6892. overflow: hidden !important;
  6893. background: #333 !important;
  6894. }
  6895.  
  6896. /* CODE - SCRIPT INFO */
  6897. .script-author-description > p > code,
  6898. #additional-info > .script-author-description > pre > code,
  6899. #additional-info > .script-author-description > blockquote > pre > code {
  6900. max-width: 99%;
  6901. border: 1px solid gray;
  6902. }
  6903. .width-constraint #script-info > #script-content #additional-info > div {
  6904. padding: 5px;
  6905. background-color: #2B2B2B;
  6906. }
  6907.  
  6908. /* GREASY - CODE PAGE : adapt for GM (config in script page):
  6909. https://greasyfork.org/fr/scripts/23840-greasyfork-search-with-sleazyfork-results-include
  6910. === */
  6911. pre.prettyprint.linenums {
  6912. margin-left: 0px;
  6913. padding: 5px 0px 5px 0px;
  6914. left: 5px !important;
  6915. white-space: pre-wrap;
  6916. word-wrap: break-word;
  6917. background-color: #222;
  6918. }
  6919. /* GM (config in script page) */
  6920. #code-container {
  6921. max-height: 620px;
  6922. width: 100%;
  6923. margin-left: -5px;
  6924. margin-top: 8px;
  6925. overflow-x: hidden;
  6926. background-color: white;
  6927. }
  6928.  
  6929. /* GREAS - SCRIPT INFOS - CODE */
  6930. #script-feedback-suggestion + #code-container {
  6931. max-height: 615px;
  6932. width: 100%;
  6933. margin-left: -5px;
  6934. margin-top: 22px;
  6935. overflow-x: hidden;
  6936. background-color: white;
  6937. }
  6938.  
  6939. /* GREASY - DISCUSS / HISTORIC etc */
  6940. #script-content > p:not(:empty):not(:first-of-type):not(:empty) {
  6941. margin-top: 10px;
  6942. margin-bottom: 20px;
  6943. padding: 5px;
  6944. border-radius: 4px;
  6945. text-align: center;
  6946. background-color: #f9dacd;
  6947. }
  6948.  
  6949. /* GREAS - SCRIPT INFOS - FAV USERS */
  6950. #feedback-favoriters {
  6951. position: relative;
  6952. display: inline-block;
  6953. width: 99.5%;
  6954. margin-top: 10px;
  6955. margin-bottom: 20px;
  6956. padding: 5px;
  6957. border-radius: 4px;
  6958. text-align: center;
  6959. background-color: #333;
  6960. }
  6961.  
  6962. /* GREAS - SCRIPT INFO - HIST - WATCH DIFF (HOVER BUTTON) */
  6963. .diff {
  6964. margin-top: 80px;
  6965. }
  6966. .width-constraint #script-info > #script-content > form[action$="/diff"] {
  6967. width: 934px;
  6968. margin-top: 90px;
  6969. }
  6970. .width-constraint #script-info > #script-content > form > ul {
  6971. width: 950px;
  6972. height: 610px;
  6973. margin-top: 0px;
  6974. margin-bottom: 0;
  6975. padding-left: 5px;
  6976. overflow-x: hidden;
  6977. overflow-y: auto;
  6978. border-top: 1px dashed gray;
  6979. border-bottom: 1px dashed gray;
  6980. }
  6981. .width-constraint #script-info > #script-content > form[action$="/diff"] > input:first-of-type {
  6982. margin-bottom: 15px;
  6983. cursor: pointer;
  6984. visibility: hidden;
  6985. }
  6986. .width-constraint #script-info > #script-content > form[action$="/diff"] > input:last-of-type {
  6987. -moz-appearance: none;
  6988. position: fixed;
  6989. width: 10px;
  6990. height: 15px;
  6991. top: 27.9%!important;
  6992. margin-left: -40px;
  6993. padding-right: 0px;
  6994. cursor: pointer !important;
  6995. transition: width ease 0s, margin ease 0.1s;
  6996. color: transparent;
  6997. border-left: 19px solid #AAA;
  6998. border-bottom: 9px solid transparent;
  6999. border-top: 9px solid transparent;
  7000. border-right: none;
  7001. background: green;
  7002. }
  7003. .width-constraint #script-info > #script-content > form[action$="/diff"] > input:last-of-type:hover {
  7004. -moz-appearance: button;
  7005. margin-left: -140px;
  7006. width: 145px;
  7007. height: auto;
  7008. line-height: 12px;
  7009. white-space: normal;
  7010. border: none;
  7011. cursor: pointer;
  7012. transition: width ease 0s, margin ease 0.7s;
  7013. color: black;
  7014. }
  7015. /* DIFF CODE */
  7016. .width-constraint #script-info > #script-content > form + p + .diff ul {
  7017. display: table;
  7018. max-width: 945px;
  7019. min-width: 945px;
  7020. font-size: 13px;
  7021. margin: 0;
  7022. overflow: auto;
  7023. padding: 5px;
  7024. background: #fff;
  7025. }
  7026. .width-constraint #script-info > #script-content > form + p + .diff ul li {
  7027. display: inline-block;
  7028. max-width: 945px;
  7029. min-width: 945px;
  7030. height: auto !important;
  7031. margin: 0;
  7032. padding: 0;
  7033. white-space: pre-wrap !important;
  7034. word-wrap: break-word !important;
  7035. text-align: left;
  7036. }
  7037. .width-constraint #script-info > #script-content > form + p + .diff ul li del,
  7038. .width-constraint #script-info > #script-content > form + p + .diff ul li ins,
  7039. .width-constraint #script-info > #script-content > form + p + .diff ul li span {
  7040. display: inline-block;
  7041. max-width: 945px;
  7042. height: 1em;
  7043. margin: 0;
  7044. padding: 0;
  7045. white-space: pre-wrap !important;
  7046. word-wrap: break-word !important;
  7047. text-align: left;
  7048. }
  7049. .diff li.diff-block-info {
  7050. display: table-row;
  7051. height: 1.4em;
  7052. padding: 0;
  7053. background: rgba(128, 128, 128, 0.17);
  7054. }
  7055.  
  7056. /* (new224) USERSTYLE STATS */
  7057. .PageContent #install-stats-chart-container {
  7058. float: left;
  7059. width: 46%;
  7060. height: 100vh !important;
  7061. min-height: 54vh !important;
  7062. max-height: 54vh !important;
  7063. background: #222 !important;
  7064. }
  7065. .PageContent > #install-stats-chart-container + table {
  7066. display: inline-block !important;
  7067. width: 100% !important;
  7068. min-width: 50% !important;
  7069. max-width: 50% !important;
  7070. height: 100vh !important;
  7071. min-height: 54vh !important;
  7072. max-height: 54vh !important;
  7073. overflow: hidden !important;
  7074. overflow-y: auto !important;
  7075. background: #222 !important;
  7076. border-bottom: 1px solid red !important;
  7077. }
  7078. .PageContent > #install-stats-chart-container + table > thead {
  7079. position: sticky;
  7080. top: 0vh;
  7081. background: #111;
  7082. }
  7083. .PageContent > #install-stats-chart-container + table > tfoot {
  7084. position: sticky;
  7085. bottom: 0vh;
  7086. background: #111;
  7087. }
  7088.  
  7089. /* GREASY - SCRIPT STATS */
  7090. #script-content > script[src*="assets"] ~ h3 {
  7091. margin-top: 25px;
  7092. margin-bottom: 5px;
  7093. padding: 5px;
  7094. border-radius: 4px;
  7095. text-align: center;
  7096. }
  7097. [id$="-chart-container"] {
  7098. background: white;
  7099. }
  7100. td.numeric,
  7101. th.numeric {
  7102. text-align: left;
  7103. text-align: center;
  7104. }
  7105. /* GREASY - SCRIPT - DISC TABLE - ITEMS */
  7106. .width-constraint #discussions li > a:first-of-type {
  7107. display: inline-block;
  7108. width: 835px;
  7109. height: 20px;
  7110. line-height: 20px;
  7111. margin-left: 0 !important;
  7112. padding: 2px 5px;
  7113. color: #B4A393;
  7114. background: black;
  7115. }
  7116. .width-constraint #discussions li > a:first-of-type:hover {
  7117. color: tomato;
  7118. }
  7119. .width-constraint #discussions li > time:first-of-type {
  7120. display: inline-block;
  7121. width: 95px;
  7122. margin-right: 20px;
  7123. text-align: center;
  7124. }
  7125. .width-constraint #discussions li > time:last-of-type {
  7126. display: inline-block;
  7127. width: 125px;
  7128. margin-left: -30px;
  7129. text-align: center;
  7130. white-space: nowrap;
  7131. }
  7132. .width-constraint #discussions li > a:nth-child(2) {
  7133. width: 180px;
  7134. display: inline-block;
  7135. margin-left: 5px;
  7136. }
  7137. .width-constraint #discussions li > a:nth-child(4) {
  7138. width: auto;
  7139. display: inline-block;
  7140. margin-left: 5px;
  7141. }
  7142.  
  7143. /* GM VERS - CONT - MORE VERS */
  7144. .width-constraint #script-info > #script-content > form > input:first-of-type + ul {
  7145. margin-top: -5px;
  7146. }
  7147. /* VERS - CONT - ONE VERS - NOT DIFF VERS */
  7148. .width-constraint #script-info > #script-content > form:not(.diff_options) > ul {
  7149. display: inline-block !important;
  7150. width: 100%;
  7151. min-width: 934px;
  7152. max-width: 934px;
  7153. outline: 4px solid red;
  7154. }
  7155. /* GM VERS - ITEMS - ALL */
  7156. .width-constraint #script-info > #script-content > form > input:first-of-type {
  7157. margin-bottom: -3px;
  7158. padding-bottom: 4px;
  7159. overflow: hidden;
  7160. text-overflow: ellipsis;
  7161. white-space: nowrap;
  7162. border-top: 1px solid gray;
  7163. }
  7164. /* (new239) */
  7165. .width-constraint #script-info > #script-content > form > ul li {
  7166. display: inline-block !important;
  7167. width: 100%;
  7168. min-width: 934px;
  7169. max-width: 934px;
  7170. margin-bottom: -3px;
  7171. padding-bottom: 4px;
  7172. overflow: hidden;
  7173. text-overflow: ellipsis;
  7174. border-top: 1px solid gray;
  7175. }
  7176. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > ul > li {
  7177. display: inline-block !important;
  7178. height: auto !important;
  7179. width: 100%;
  7180. min-width: 520px !important;
  7181. max-width: 520px !important;
  7182. margin: 0 0 -3px 0 !important;
  7183. padding: 0 !important;
  7184. overflow: hidden !important;
  7185. text-overflow: ellipsis;
  7186. word-wrap: break-word !important;
  7187. white-space: pre-wrap !important;
  7188. border-top: 1px solid gary;
  7189. }
  7190. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > ol li {
  7191. position: relative !important;
  7192. display: inline-block !important;
  7193. float: left !important;
  7194. clear: both !important;
  7195. width: 100%;
  7196. min-width: 504px !important;
  7197. max-width: 504px !important;
  7198. margin-bottom: 0px !important;
  7199. padding: 0 !important;
  7200. overflow: hidden!important;
  7201. text-overflow: ellipsis;
  7202. word-wrap: break-word !important;
  7203. white-space: pre-wrap !important;
  7204. border-top: 1px solid gray;
  7205. }
  7206.  
  7207.  
  7208. .width-constraint #script-info > #script-content > form > ul li:hover {
  7209. transition: all ease 0.7s;
  7210. background: #111;
  7211. }
  7212.  
  7213. .width-constraint #script-info > #script-content > form > ul li .version-changelog {
  7214. float: right !important;
  7215. clear: both !important;
  7216. width: 100%;
  7217. min-width: 520px !important;
  7218. max-width: 520px !important;
  7219. margin: -30px 19px 0 0 !important;
  7220. padding-right: 0px !important;
  7221. overflow: hidden !important;
  7222. text-overflow: ellipsis;
  7223. white-space: normal !important;
  7224. color: tan !important;
  7225. }
  7226. /* (new218) */
  7227. .history_versions .version-changelog > ul {
  7228. padding: 0 !important;
  7229. color: tan !important;
  7230. }
  7231.  
  7232. .history_versions .version-changelog > ul li {
  7233. height: 20px !important;
  7234. line-height: 25px !important;
  7235. width: 100%;
  7236. min-width: 680px !important;
  7237. max-width: 680px !important;
  7238. margin-top: 0px !important;
  7239. margin-right: 19px !important;
  7240. padding-right: 0px !important;
  7241. overflow: hidden !important;
  7242. text-overflow: ellipsis;
  7243. white-space: normal !important;
  7244. }
  7245. .history_versions .version-changelog > ul li:nth-child(odd) {
  7246. color: #CD9A58 !important;
  7247. background: #333 !important;
  7248. }
  7249. .history_versions .version-changelog > ul li:nth-child(even) {
  7250. color: tan !important;
  7251. background: #222 !important;
  7252. }
  7253. /* (new239) */
  7254. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > p {
  7255. width: 520px !important;
  7256. margin: 0px !important;
  7257. padding: 0 !important;
  7258. background: #333 !important;
  7259. }
  7260. .width-constraint #script-info > #script-content > form > ul li span.version-changelog > ol {
  7261. padding-left: 10px;
  7262. }
  7263.  
  7264.  
  7265. .history_versions .version-number {
  7266. min-width: 149px !important;
  7267. max-width: 149px !important;
  7268. height: 20px !important;
  7269. line-height: 25px !important;
  7270. padding-left: 3px !important;
  7271. /* background: #111 ; */
  7272. /* border-bottom: 1px solid gray !important; */
  7273. }
  7274. .history_versions .version-date {
  7275. /* display: inline-block !important; */
  7276. /* float: left !important; */
  7277. clear: none !important;
  7278. /* min-width: 109px !important; */
  7279. /* max-width: 109px !important; */
  7280. height: 20px !important;
  7281. line-height: 25px !important;
  7282. padding-left: 3px !important;
  7283. /* background: #111 ; */
  7284. }
  7285.  
  7286.  
  7287. #script-content > form > ul > li > input + a {
  7288. display: inline-block;
  7289. width: 15%;
  7290. padding: 1px 5px;
  7291. background: #222;
  7292. }
  7293. #script-content > form > ul > li:nth-child(odd) > input + a {
  7294. background: #222;
  7295. }
  7296. #script-content > form > ul > li:nth-child(even) > input + a {
  7297. background: #333;
  7298. }
  7299. .width-constraint #script-info > #script-content > form > ul li time {
  7300. display: inline-block;
  7301. min-width: 202px;
  7302. max-width: 202px;
  7303. padding: 1px 5px;
  7304. letter-spacing: 1.4px;
  7305. text-align: center;
  7306. }
  7307. .width-constraint #script-info > #script-content > form > ul li:nth-child(odd) time {
  7308. background: #222;
  7309. }
  7310. .width-constraint #script-info > #script-content > form > ul li:nth-child(even) time {
  7311. background: #333;
  7312. }
  7313. /* CHECKED */
  7314. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v1"]:checked + input + a,
  7315. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v1"]:checked + input + a + time {
  7316. background: green;
  7317. color: white;
  7318. }
  7319. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v2"]:checked + a,
  7320. .width-constraint #script-info > #script-content > form > ul.history_versions > li input[name="v2"]:checked + a + time {
  7321. background: tomato;
  7322. color: white;
  7323. }
  7324.  
  7325. /* (new239) HISTORY - SHOW DIFF BUTTON */
  7326. .history_versions + p {
  7327. margin: 5px 0 0 0 !important;
  7328. }
  7329.  
  7330.  
  7331.  
  7332. /* GREASY - FORUM TABLE */
  7333. .Message table {
  7334. border-collapse: separate;
  7335. border-spacing: 4px;
  7336. margin: 1em -4px;
  7337. width: 650px;
  7338. }
  7339. .Message table thead {
  7340. width: 600px;
  7341. }
  7342. .Message th {
  7343. padding-bottom: 0.5em;
  7344. padding-top: 0.5em;
  7345. font-size: 105%;
  7346. 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);
  7347. }
  7348. .Message table tbody {
  7349. width: 600px;
  7350. }
  7351. .Message table tbody tr td:first-of-type {
  7352. width: 120px;
  7353. vertical-align: middle;
  7354. color: gold;
  7355. border: 1px solid red;
  7356. }
  7357. .Message table tbody tr td:first-of-type + td {
  7358. min-width: 75px;
  7359. max-width: 75px;
  7360. vertical-align: middle;
  7361. color: gold;
  7362. border: 1px solid green;
  7363. }
  7364. .Message table tbody tr td:last-of-type {
  7365. min-width: 280px;
  7366. max-width: 280px;
  7367. border: 1px solid blue;
  7368. }
  7369. .Message table tbody tr td:last-of-type code {
  7370. float: left!important;
  7371. min-width: 290px;
  7372. max-width: 290px;
  7373. margin-left: -6px;
  7374. padding: 1px 3px;
  7375. border-radius: 3px;
  7376. white-space: pre-line;
  7377. color: #eb5100;
  7378. background-color: #f9ebd2;
  7379. }
  7380.  
  7381. /* GREASY - BROWSE / USER SCRIPTS */
  7382. #user-script-list > li,
  7383. #browse-script-list > li {
  7384. padding: 5px;
  7385. }
  7386. #user-script-list > li:nth-child(odd),
  7387. #browse-script-list > li:nth-child(odd) {
  7388. background-color: #222;
  7389. }
  7390. #user-script-list > li:nth-child(odd):hover,
  7391. #browse-script-list > li:nth-child(odd):hover {
  7392. transition: background 0.8s ease 0s;
  7393. box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  7394. background-color: rgba(7, 7, 7, 0.67);
  7395. }
  7396. #user-script-list > li:nth-child(even),
  7397. #browse-script-list > li:nth-child(even) {
  7398. background-color: #414141;
  7399. }
  7400. #user-script-list > li:nth-child(even):hover,
  7401. #browse-script-list > li:nth-child(even):hover {
  7402. transition: background 0.8s ease 0s;
  7403. box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  7404. background-color: rgba(7, 7, 7, 0.57);
  7405. }
  7406. #user-script-list > li:hover,
  7407. #browse-script-list > li:hover {
  7408. z-index: 1;
  7409. background-color: black;
  7410. }
  7411. /* without script - NO CIT */
  7412. #user-script-list > li h2,
  7413. #browse-script-list > li h2 {
  7414. display: inline-block;
  7415. width: 100%;
  7416. max-width: 100%;
  7417. word-wrap: break-word;
  7418. overflow: hidden;
  7419. }
  7420. #user-script-list > li h2 a,
  7421. #browse-script-list > li h2 a {
  7422. display: inline-block;
  7423. width: 100%;
  7424. line-height: 17px;
  7425. }
  7426. #browse-script-list > li h2 span:not(.note-obj-user-tag) {
  7427. width: 100%;
  7428. max-width: 720px;
  7429. overflow: hidden;
  7430. }
  7431. #user-script-list > li h2 span.name-description-separator,
  7432. #browse-script-list > li h2 span.name-description-separator {
  7433. display: none;
  7434. }
  7435.  
  7436. /* GREASY - BROWSE SCRIPTS - LEFT SORT PANEL - WIth/Without CIT */
  7437. /* without CITRUS*/
  7438. .width-constraint #script-list-option-groups.list-option-groups {
  7439. width: 192px;
  7440. float: left;
  7441. margin: 7px 0 0 5px;
  7442. }
  7443. .width-constraint #script-list-option-groups.list-option-groups #script-list-sort > div {
  7444. margin-top: 19px;
  7445. }
  7446. /* for GM "Superloder */
  7447. #main-header:not(:first-of-type) + .width-constraint .sidebarred .list-option-groups {
  7448. display: none !important;
  7449. }
  7450. .width-constraint #script-list-option-groups.list-option-groups .list-option-group {
  7451. margin-bottom: 0.5em;
  7452. padding: 0.5em;
  7453. border-radius: 5px 0 0 5px;
  7454. box-shadow: 3px 3px 2px black;
  7455. border: 1px solid gray;
  7456. background-color: #2d2d2d;
  7457. }
  7458. .list-option-button {
  7459. padding: 2px 0;
  7460. border: 1px solid gold !important;
  7461. background-color: #111 !important;
  7462. }
  7463. .list-option-groups a.list-option-button:focus,
  7464. .list-option-groups a.list-option-button:hover {
  7465. padding: 2px 0;
  7466. border: 1px solid gold !important;
  7467. background: #333 !important;
  7468. }
  7469. .list-option-group ul {
  7470. padding: 2px 0;
  7471. box-shadow: 3px 3px 2px black;
  7472. background-color: transparent;
  7473. }
  7474. .width-constraint #browse-script-list {
  7475. float: left;
  7476. width: 99%;
  7477. margin-left: 10px;
  7478. }
  7479. .list-option-group .list-current {
  7480. height: 19px;
  7481. line-height: 15px;
  7482. margin-bottom: 2px;
  7483. padding: 2px 0 0 0;
  7484. }
  7485. .list-option-group .list-option {
  7486. height: 19px;
  7487. line-height: 9px;
  7488. border: 1px solid #404040;
  7489. }
  7490. .list-option-group:last-of-type .list-option:last-of-type {
  7491. height: 30px !important;
  7492. line-height: 9px;
  7493. border: 1px solid #404040;
  7494. }
  7495. .list-option-group .list-option.list-current {
  7496. height: 19px;
  7497. line-height: 19px;
  7498. margin-left: 0;
  7499. padding-left: 20px;
  7500. border: 1px solid red;
  7501. color: gold;
  7502. background: #111;
  7503. }
  7504. .list-option-group .list-option a {
  7505. white-space: nowrap;
  7506. overflow: hidden;
  7507. text-overflow: ellipsis;
  7508. }
  7509. .width-constraint #script-list-option-groups.list-option-groups + h3 + p,
  7510. .width-constraint #script-list-option-groups.list-option-groups + h3,
  7511. #browse-script-list + .pagination + p {
  7512. float: left;
  7513. width: 727px;
  7514. margin-bottom: 8px;
  7515. margin-left: 59px;
  7516. margin-top: -15px;
  7517. padding: 5px;
  7518. background: #222;
  7519. }
  7520. .width-constraint #script-list-option-groups.list-option-groups + h3 {
  7521. margin-top: 0px;
  7522. margin-bottom: 18px;
  7523. border-bottom: 1px solid gray;
  7524. }
  7525.  
  7526. /* (new214) SETS / SITES LISTS - PANEL LEFT - NO GM */
  7527. .sidebar.collapsed #script-list-option-groups #script-list-filter.list-option-group > ul,
  7528. .sidebar.collapsed .list-option-groups #script-list-set.list-option-group > ul {
  7529. height: 17vh !important;
  7530. overflow: hidden !important;
  7531. overflow-y: auto !important;
  7532. background-color: transparent;
  7533. }
  7534.  
  7535.  
  7536. /* PANEL LANGUE CSS / JAV */
  7537. .sidebar.collapsed {
  7538. display: inline-block !important;
  7539. padding: 0 !important;
  7540. width: 0 !important;
  7541. border: none !important;
  7542. }
  7543. .width-constraint #script-list-option-groups.list-option-groups {
  7544. position: fixed;
  7545. display: inline-block !important;
  7546. left: 11.4%;
  7547. top: 80px;
  7548. visibility: visible;
  7549. z-index: 0 !important;
  7550. }
  7551. /* CIT */
  7552. [pagetype="UserProfile"] .width-constraint #script-list-option-groups.list-option-groups {
  7553. left: 13.4% !important;
  7554. top: 120px;
  7555. z-index: 5 !important;
  7556. }
  7557. [pagetype="PersonalProfile"] .width-constraint #script-list-option-groups.list-option-groups {
  7558. left: 13.4%;
  7559. top: 120px;
  7560. z-index: 5 !important;
  7561. }
  7562. body[pagetype="UserProfile"] .width-constraint #script-list-option-groups.list-option-groups {
  7563. left: 12.4%;
  7564. z-index: 0 !important;
  7565. }
  7566. body[pagetype="ListingPage"] .width-constraint #script-list-option-groups.list-option-groups {
  7567. left: 14.3%;
  7568. top: 120px;
  7569. }
  7570.  
  7571. /* SHOW ALL LANG */
  7572. body[pagetype="ListingPage"] .sidebarred-main-content > p {
  7573. position: fixed !important;
  7574. display: inline-block !important;
  7575. top: 27px;
  7576. font-size: 0px !important;
  7577. z-index: 5000000 !important;
  7578. }
  7579.  
  7580. /* ONLY ONE */
  7581. body[pagetype="ListingPage"] header#main-header + .width-constraint:first-of-type .sidebarred-main-content > p:first-of-type a,
  7582. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts"],
  7583. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts?language=css"],
  7584. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="scripts?filter_locale="],
  7585. body[pagetype="ListingPage"] .sidebarred-main-content > p > a[href*="/scripts?page="],
  7586.  
  7587. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="/scripts?per_page="],
  7588. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="/scripts?filter_locale=0&page="],
  7589. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="/scripts?filter_locale=0&per_page="],
  7590. body[pagetype="ListingPage"] .width-constraint:first-of-type .sidebarred-main-content > p > a[href*="scripts?set=100"],
  7591. 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="] {
  7592. position: fixed !important;
  7593. display: inline-block !important;
  7594. width: 300px !important;
  7595. height: 15px !important;
  7596. top: 34px !important;
  7597. left: 26% !important;
  7598. font-size: 11px !important;
  7599. opacity: 1 !important;
  7600. z-index: 5000000 !important;
  7601. color: gold !important;
  7602. }
  7603.  
  7604. /* PUB /Learn New script */
  7605. body[pagetype="ListingPage"] .width-constraint ~ .width-constraint .sidebarred-main-content > p > a,
  7606. .sidebarred-main-content .pagination + p {
  7607. display: none;
  7608. }
  7609.  
  7610. /* NEW FORUM - DISC LIST */
  7611. .width-constraint .sidebarred .sidebarred-main-content {
  7612. display: inline-block !important;
  7613. min-width: 100%;
  7614. }
  7615. .width-constraint .sidebarred .sidebarred-main-content > p {
  7616. margin: 0;
  7617. }
  7618. .width-constraint .sidebarred .sidebarred-main-content h3 {
  7619. margin: 0;
  7620. }
  7621. .sidebarred-main-content.discussion-list-main-content > h2 {
  7622. position: fixed !important;
  7623. width: 41.6%;
  7624. margin-top: -7px !important;
  7625. z-index: 5000 !important;
  7626. color: gold !important;
  7627. border-radius: 0px !important;
  7628. border-top: 7px solid peru;
  7629. border-bottom: 1px solid peru;
  7630. background: black !important;
  7631. }
  7632. /* NO DISSC FOUND */
  7633. .sidebarred-main-content.discussion-list-main-content > p {
  7634. height: 350px;
  7635. line-height: 350px;
  7636. margin-top: 35px;
  7637. text-align: center;
  7638. background: black;
  7639. }
  7640. /* NEW FORUM - PANEL MENU - LEFT */
  7641. .sidebarred .sidebarred-main-content.discussion-list-main-content + .sidebar.collapsed {
  7642. position: fixed !important;
  7643. display: inline-block !important;
  7644. width: 220px !important;
  7645. left: 10% !important;
  7646. background: #222 !important;
  7647. border: 1px solid red !important;
  7648. }
  7649.  
  7650. /* DISC - HEAD - With/Without CIT */
  7651. .discussion-list-header {
  7652. position: fixed;
  7653. display: inline-block;
  7654. width: 50.5%;
  7655. margin-bottom: -4px;
  7656. margin-top: -7px;
  7657. padding-left: 20px;
  7658. z-index: 50;
  7659. border-bottom: 4px solid orange;
  7660. border-top: 4px solid orange;
  7661. background: black;
  7662. }
  7663.  
  7664. /* TEST FOR SuperLoader*/
  7665. html .width-constraint:not(:first-of-type) .discussion-list-header {
  7666. display: none !important;
  7667. }
  7668.  
  7669. /* DISC - LIST - Without CIT */
  7670. .sidebarred-main-content.discussion-list-main-content > .discussion-list {
  7671. margin-top: 62px !important;
  7672. border-radius: 0px !important;
  7673. box-shadow: none;
  7674. background: #222 !important;
  7675. border: none !important;
  7676. }
  7677. .sidebarred-main-content.discussion-list-main-content > .discussion-list .discussion-list-item {
  7678. padding: 5px;
  7679. }
  7680. .sidebarred-main-content.discussion-list-main-content > .discussion-list .discussion-list-item:nth-child(even) {
  7681. background: #333 !important;
  7682. }
  7683. /* new183) */
  7684. a.discussion-title {
  7685. line-height: 17px;
  7686. white-space: normal;
  7687. }
  7688. .discussion-meta,
  7689. .comment-meta {
  7690. background: black !important;
  7691. }
  7692. a.discussion-title span {
  7693. color: #CDCDCD !important;
  7694. }
  7695. a.discussion-title:visited span {
  7696. color: tan !important;
  7697. }
  7698.  
  7699. #script-meta .inline-script-stats .script-show-author > span > a {
  7700. color: peru !important;
  7701. }
  7702. #script-meta .inline-script-stats .script-show-author > span > a:visited {
  7703. color: tomato !important;
  7704. }
  7705. /* RATING ICON - ALL */
  7706. .rating-icon {
  7707. display: inline-block;
  7708. min-width: 14px;
  7709. max-width: 14px;
  7710. height: 14px;
  7711. line-height: 14px;
  7712. margin-left: -5px;
  7713. margin-right: 0px;
  7714. padding: 0;
  7715. text-align: center;
  7716. font-size: 0;
  7717. border: none !important;
  7718. background: transparent;
  7719. }
  7720. .rating-icon:before {
  7721. /* content: "⚪⚫🔴🔵🟢" ; */
  7722. display: inline-block;
  7723. margin-left: -2px;
  7724. font-size: 10px;
  7725. text-align: center;
  7726. }
  7727. .rating-icon.rating-icon-bad:before {
  7728. content: "🔴";
  7729. }
  7730. .rating-icon.rating-icon-good:before {
  7731. content: "🟢";
  7732. }
  7733. .rating-icon.rating-icon-ok:before {
  7734. content: "🔵";
  7735. }
  7736.  
  7737. /* STAT - ADD LABEL HOVER */
  7738. #install-stats-chart-container + table > thead > tr > th > abbr:before {
  7739. position: fixed;
  7740. display: inline-block;
  7741. width: 100px;
  7742. transform: rotate(-90deg);
  7743. content: attr(title);
  7744. margin-top: 65px;
  7745. margin-left: -83px;
  7746. font-size: 13px;
  7747. text-align: right;
  7748. color: peru;
  7749. }
  7750. #install-stats-chart-container + table:hover > thead > tr > th > abbr:after {
  7751. content: "."!important;
  7752. position: fixed;
  7753. display: inline-block;
  7754. width: 20px;
  7755. height: 17px;
  7756. transform: rotate(-90deg) !important;
  7757. margin-top: 22px;
  7758. margin-left: -44px;
  7759. border-radius: 5px;
  7760. font-size: 13px;
  7761. text-align: center;
  7762. color: peru;
  7763. background: rgba(255, 211, 0, 0.16);
  7764. }
  7765. #install-stats-chart-container + table > thead > tr > th:nth-of-type(7):before {
  7766. content: "Opera JS";
  7767. position: fixed;
  7768. display: inline-block;
  7769. width: 100px;
  7770. transform: rotate(-90deg);
  7771. margin-top: 80px;
  7772. margin-left: -40px;
  7773. font-size: 20px;
  7774. text-align: right;
  7775. color: peru !important;
  7776. }
  7777. #install-stats-chart-container + table > thead > tr > th:nth-of-type(8):before {
  7778. content: "Opera JS";
  7779. position: fixed;
  7780. display: inline-block;
  7781. width: 100px;
  7782. transform: rotate(-90deg);
  7783. margin-top: 80px;
  7784. margin-left: -29px;
  7785. font-size: 20px;
  7786. text-align: right;
  7787. color: peru;
  7788. }
  7789.  
  7790. #install-stats-chart-container + table > tbody > tr:nth-child(odd) {
  7791. background: rgba(255, 0, 0, 0.23);
  7792. }
  7793. #install-stats-chart-container + table > tbody > tr:nth-child(even) {
  7794. background: rgba(255, 254, 0, 0.23);
  7795. }
  7796. #install-stats-chart-container + table > tbody > tr:hover th {
  7797. background: blue;
  7798. }
  7799. #install-stats-chart-container + table > tbody > tr:hover th {
  7800. background: blue;
  7801. }
  7802. #install-stats-chart-container + table > tbody > tr:hover td {
  7803. background: black;
  7804. }
  7805. #install-stats-chart-container + table > tbody > tr:hover td:last-of-type {
  7806. background: red;
  7807. }
  7808.  
  7809. /* FORUM IMAGE - DISC */
  7810. #vanilla_discussion_comment .Message > img {
  7811. max-height: 200px;
  7812. max-width: 50%;
  7813. margin-bottom: 25px;
  7814. }
  7815. .Discussion.comment .Message > div {
  7816. float: right;
  7817. height: 150px;
  7818. width: 719px;
  7819. margin: auto auto 20px 50px;
  7820. left: 150px;
  7821. overflow: hidden;
  7822. }
  7823. .Discussion.comment .Message > div.imgur-gifv.VideoWrap {
  7824. float: none;
  7825. height: auto;
  7826. width: 700px;
  7827. margin: auto auto 20px 0px;
  7828. }
  7829. .Message > div > a > a > img {
  7830. margin-left: 56px;
  7831. text-align: center;
  7832. }
  7833. .Message .ImageResized {
  7834. height: 20px;
  7835. margin-bottom: 5px;
  7836. max-width: 668px;
  7837. font-size: 11px;
  7838. cursor: pointer;
  7839. color: peru;
  7840. }
  7841. .Message .ImageResized:hover {
  7842. color: tomato;
  7843. }
  7844.  
  7845. /* CODE DISC */
  7846. .Message ol li pre,
  7847. .Message > ul > li > ul > li > pre,
  7848. .Message > ul > li > pre,
  7849. .Message > pre,
  7850. .Message > table > tbody > tr > td > code {
  7851. position: relative;
  7852. display: inline-block;
  7853. letter-spacing: initial;
  7854. white-space: pre-line;
  7855. word-wrap: break-word;
  7856. color: white;
  7857. background-color: #5c5c5c;
  7858. }
  7859. .Message > table > tbody > tr > td > code {
  7860. display: inline-block;
  7861. min-width: 688px;
  7862. max-width: 688px;
  7863. }
  7864. .Message > pre {
  7865. min-width: 650px;
  7866. max-width: 650px;
  7867. margin-left: 5px;
  7868. }
  7869. .Message > ul > li > pre {
  7870. min-width: 580px;
  7871. max-width: 580px;
  7872. margin-left: 5px;
  7873. }
  7874. .Message > ul > li > ul > li > pre {
  7875. min-width: 580px;
  7876. max-width: 580px;
  7877. margin-left: -35px;
  7878. }
  7879. .Message ol li pre {
  7880. min-width: 650px;
  7881. max-width: 650px;
  7882. margin-left: -35px;
  7883. }
  7884.  
  7885. /* FORUM USERT/GREAS - CODE (BACK STRIP) */
  7886. .Item-Header.CommentHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted,
  7887. .Item-Header.DiscussionHeader + .Item-BodyWrap .Item-Body pre.linenums.prettyprinted {
  7888. position: relative;
  7889. display: inline-block;
  7890. min-width: 100%;
  7891. left: 0px;
  7892. top: -10px;
  7893. letter-spacing: initial;
  7894. white-space: pre-line;
  7895. word-wrap: break-word;
  7896. color: red;
  7897. background-color: white;
  7898. background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  7899. background-size: 30px 15px;
  7900. }
  7901. /* CODE - TEST STRIPEed BACKGROUND for:
  7902. https://greasyfork.org/fr/scripts/418889-better-greasyfork-code-reader-js-beautifier/code
  7903. === */
  7904. pre.linenums.prettyprinted .linenums {
  7905. line-height: 15px !important;
  7906. padding-left: 20px !important;
  7907. background-color: #ffff99;
  7908. background-image: linear-gradient(transparent 100%, rgba(128, 128, 128, 0.1) 20%);
  7909. /* background-size: 1px 17px; */
  7910. }
  7911.  
  7912. /* (new194) FOR GM BEAUTIDER (it add it) - because i use the Background striped */
  7913. pre.linenums.prettyprinted li {
  7914. box-shadow: -1px 1px 2px rgba(255, 211, 0, 0.2) !important;
  7915. }
  7916. pre.linenums.prettyprinted li.L0,
  7917. pre.linenums.prettyprinted li.L1,
  7918. pre.linenums.prettyprinted li.L2,
  7919. pre.linenums.prettyprinted li.L3,
  7920. pre.linenums.prettyprinted li.L4,
  7921. pre.linenums.prettyprinted li.L5,
  7922. pre.linenums.prettyprinted li.L6,
  7923. pre.linenums.prettyprinted li.L7,
  7924. pre.linenums.prettyprinted li.L8,
  7925. pre.linenums.prettyprinted li.L9 {
  7926. min-width: 880px !important;
  7927. max-width: 880px !important;
  7928. margin-left: -10px !important;
  7929. background: transparent;
  7930. }
  7931. pre.linenums.prettyprinted li.L0 code,
  7932. pre.linenums.prettyprinted li.L1 code,
  7933. pre.linenums.prettyprinted li.L2 code,
  7934. pre.linenums.prettyprinted li.L3 code,
  7935. pre.linenums.prettyprinted li.L4 code,
  7936. pre.linenums.prettyprinted li.L5 code,
  7937. pre.linenums.prettyprinted li.L6 code,
  7938. pre.linenums.prettyprinted li.L7 code,
  7939. pre.linenums.prettyprinted li.L8 code,
  7940. pre.linenums.prettyprinted li.L9 code {
  7941. min-width: 880px !important;
  7942. max-width: 880px !important;
  7943. color: white;
  7944. background: transparent;
  7945. }
  7946. .linenums.prettyprinted code .pun {
  7947. background: transparent !important;
  7948. }
  7949. #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 {
  7950. display: inline-block !important;
  7951. min-width: 630px;
  7952. max-width: 630px;
  7953. margin-left: -5px;
  7954. }
  7955. .Quote > p > code,
  7956. .Message pre code,
  7957. .Message > code {
  7958. display: inline-block;
  7959. max-width: 648px;
  7960. vertical-align: middle;
  7961. padding: 1px 2px 1px 4px;
  7962. white-space: pre-line;
  7963. word-wrap: break-word;
  7964. color: white;
  7965. background-color: #5c5c5c;
  7966. }
  7967.  
  7968. /* CODE - USERSTY / GREASY - FIRST TOP DISC */
  7969. .Discussion .Item-BodyWrap .Item-Body .Message code,
  7970. .MessageList.Discussion #Item_0 + .Item.ItemDiscussion .Discussion .Item-BodyWrap .Item-Body .Message code {
  7971. display: inline-block;
  7972. max-width: 600px;
  7973. position: relative;
  7974. letter-spacing: initial;
  7975. line-height: 15px;
  7976. min-height: 0px;
  7977. min-width: 0px;
  7978. top: 0;
  7979. overflow-y: hidden;
  7980. overflow-x: hidden;
  7981. }
  7982. code,
  7983. .Message > p > code,
  7984. .Message > ul > li > code {
  7985. position: relative;
  7986. display: inline-block;
  7987. min-width: 10px;
  7988. max-width: 100%;
  7989. min-height: 15px;
  7990. line-height: 15px;
  7991. top: 0px;
  7992. margin-top: 0px;
  7993. margin-bottom: -2px;
  7994. margin-left: 2px;
  7995. padding: 0px 2px;
  7996. letter-spacing: initial;
  7997. white-space: pre-wrap !important;
  7998. word-wrap: break-word !important;
  7999. overflow: hidden;
  8000. color: white;
  8001. background-color: #5c5c5c;
  8002. }
  8003. code a.linkifyplus {
  8004. display: inline !important;
  8005. white-space: pre-wrap;
  8006. word-wrap: break-word;
  8007. }
  8008.  
  8009. /* CODE - IN COMMENT PREVIEW */
  8010. .previewable .preview-results.user-content > pre {
  8011. background: rgba(0, 0, 0, 0.5) !important;
  8012. border: 0 none;
  8013. }
  8014.  
  8015.  
  8016. /* CODE VESSION HISTORY - not DIFF */
  8017. .version-changelog > pre {
  8018. background-color: #222 !important;
  8019. }
  8020.  
  8021. /* CODE in SCRIPT INFO */
  8022. #additional-info > p > code {
  8023. position: relative;
  8024. display: inline-block;
  8025. min-width: 10px;
  8026. max-width: 100%;
  8027. min-height: 15px;
  8028. line-height: 15px;
  8029. top: 0px;
  8030. margin: 0px 3px 0 3px !important;
  8031. padding: 0px 2px;
  8032. letter-spacing: initial;
  8033. white-space: pre-wrap;
  8034. word-wrap: break-word;
  8035. overflow: visible !important;
  8036. color: white;
  8037. background-color: #222 !important;
  8038. }
  8039.  
  8040. /* CODE IN h1 :
  8041. https://greasyfork.org/fr/scripts/24150-highlight-every-code
  8042. === */
  8043. h1 code {
  8044. height: 15px !important;
  8045. line-height: 12px !important;
  8046. padding: 1px 4px !important;
  8047. font-size: 17px !important;
  8048. }
  8049.  
  8050. /* CODE DISC - TOP AUTHOR DISC */
  8051. .Message > ul > li > code {
  8052. height: 13px !important;
  8053. line-height: 13px !important;
  8054. padding: 1px 4px !important;
  8055. }
  8056. .QuoteText > pre {
  8057. width: 660px;
  8058. padding: 2px 2px 2px 4px;
  8059. letter-spacing: initial;
  8060. white-space: pre-line;
  8061. word-wrap: break-word;
  8062. }
  8063.  
  8064. /* USERSTY PAGE INFO - CODE */
  8065. #additional-info-text > pre,
  8066. #additional-info-text > code pre code,
  8067. #additional-info-text > code pre,
  8068. #additional-info-text > code:not(:empty),
  8069. #long-description > code:not(:empty) {
  8070. display: inline-block;
  8071. margin-left: 1px;
  8072. padding: 5px 10px;
  8073. border-radius: 2px;
  8074. letter-spacing: initial;
  8075. white-space: pre-line;
  8076. word-wrap: break-word;
  8077. color: white;
  8078. background-color: #5c5c5c;
  8079. }
  8080. #additional-info-text > pre,
  8081. #additional-info-text > code pre code,
  8082. #additional-info-text > code pre {
  8083. width: 850px;
  8084. }
  8085.  
  8086. /* CODE - STYLE INFO - LONG DESC */
  8087. #long-description > code:not(:empty) {
  8088. display: inline-block;
  8089. width: auto;
  8090. max-width: 540px;
  8091. }
  8092. /* CODE - STYLE INFO - ADIT DESC */
  8093. #additional-info-text > code:not(:empty) {
  8094. display: inline-block;
  8095. width: auto;
  8096. max-width: 820px;
  8097. }
  8098.  
  8099. /* GREASY - SCRIPT INFO - CODE */
  8100. #additional-info > div > blockquote > pre > code,
  8101. #additional-info > div > pre > code {
  8102. display: inline-block;
  8103. width: 99%;
  8104. margin-left: -6px;
  8105. padding: 5px 10px;
  8106. border-radius: 2px;
  8107. letter-spacing: initial;
  8108. white-space: pre-line;
  8109. word-wrap: break-word;
  8110. color: white;
  8111. background-color: #5c5c5c;
  8112. }
  8113. #additional-info > div > blockquote > pre > code {
  8114. border: 1px solid gray;
  8115. }
  8116.  
  8117. /* WITH/WITHOUT GM - MY ACC/EDIT PAGE */
  8118. #main-header + #content-wrapper > #main-article > ul {
  8119. position: fixed;
  8120. display: inline-block;
  8121. width: 50px;
  8122. height: 18px;
  8123. margin-left: -100px;
  8124. top: 18px;
  8125. padding-left: 15px;
  8126. border-radius: 3px 3px 0 0;
  8127. text-align: left;
  8128. overflow: hidden;
  8129. z-index: 500;
  8130. box-shadow: 0 0 4px #999;
  8131. background: #222;
  8132. }
  8133. #help-style-settings-edit ~ pre,
  8134. #main-header + #content-wrapper > #main-article > p ~ ul {
  8135. position: relative;
  8136. display: inline-block;
  8137. width: 700px;
  8138. height: auto;
  8139. margin-left: 200px;
  8140. margin-top: -5px;
  8141. border-radius: 3px;
  8142. overflow: visible;
  8143. z-index: 10;
  8144. border: 1px solid gray;
  8145. background: #222;
  8146. }
  8147. #main-header + #content-wrapper > #main-article > table + p {
  8148. position: fixed;
  8149. display: inline-block;
  8150. width: 600px;
  8151. height: auto;
  8152. top: 73px;
  8153. left: 320px;
  8154. opacity: 0;
  8155. }
  8156. #main-header + #content-wrapper > #main-article > table:hover + p {
  8157. position: fixed;
  8158. display: inline-block;
  8159. width: 600px;
  8160. height: auto;
  8161. top: 73px;
  8162. left: 320px;
  8163. opacity: 1;
  8164. transition: opacity ease 0.7s;
  8165. }
  8166. #main-header + #content-wrapper > #main-article > ul:hover {
  8167. width: 200px;
  8168. height: auto;
  8169. box-shadow: 0 0 4px #999;
  8170. }
  8171. #main-header + #content-wrapper > #main-article > p ~ ul:hover {
  8172. width: 700px;
  8173. height: auto;
  8174. }
  8175. #main-header + #content-wrapper > #main-article > ul:before {
  8176. content: "More..."!important;
  8177. width: 200px;
  8178. height: 10px;
  8179. line-height: 10px;
  8180. }
  8181. #main-header + #content-wrapper > #main-article > p ~ ul:before {
  8182. content: "";
  8183. }
  8184. /* HELP STYLES */
  8185. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3 {
  8186. width: 700px;
  8187. margin-left: 200px;
  8188. text-align: center;
  8189. color: peru;
  8190. 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);
  8191. }
  8192.  
  8193. /* EDIT COM - HOVER + NOT HOV/OPEN + NOT OPEN */
  8194. /* ALL - USERS/GREASY - EDIT COM - ICON GRAY - TOP TITLE DISCUS/COM */
  8195. .ToggleFlyout.OptionsMenu .Flyout.MenuItems {
  8196. display: inline-block !important;
  8197. width: 15px;
  8198. height: 15px;
  8199. left: 2px;
  8200. top: 3px;
  8201. padding: 0;
  8202. border: none;
  8203. box-shadow: none;
  8204. background-color: transparent;
  8205. }
  8206. #Item_0 .ToggleFlyout.OptionsMenu .Flyout.MenuItems {
  8207. left: 0px !important;
  8208. top: 50px !important;
  8209. }
  8210. .OptionsMenu .Flyout {
  8211. right: 6px;
  8212. top: -1px;
  8213. }
  8214. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:before,
  8215. .ToggleFlyout:not(.Open) span.OptionsTitle + span + .Flyout.MenuItems:after {
  8216. border: none !important;
  8217. }
  8218. .OptionsTitle,
  8219. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment,
  8220. .ToggleFlyout:not(.Open) .EditDiscussion {
  8221. display: inline-block;
  8222. width: 18px;
  8223. font-size: 0px;
  8224. visibility: hidden;
  8225. background-color: transparent;
  8226. }
  8227. /* ALL */
  8228. .ToggleFlyout:not(.Open) a.EditDiscussion:before {
  8229. content: " ";
  8230. position: relative;
  8231. display: inline-block;
  8232. width: 18px;
  8233. height: 15px;
  8234. font-size: 15px;
  8235. visibility: visible;
  8236. background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  8237. background-color: black;
  8238. outline: 1px solid gray;
  8239. }
  8240. /* GREAS */
  8241. a.EditComment:before,
  8242. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems a.EditComment:before {
  8243. content: " ";
  8244. position: relative;
  8245. display: inline-block;
  8246. width: 18px;
  8247. height: 18px;
  8248. left: 0px;
  8249. top: -2px;
  8250. font-size: 15px;
  8251. visibility: visible;
  8252. background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0);
  8253. background-color: black;
  8254. outline: 1px solid gray;
  8255. }
  8256. /* EDIT BUT */
  8257. .Section-Discussion .Item.Mine.ItemComment .Flyout.MenuItems {
  8258. display: inline-block;
  8259. height: 15px;
  8260. line-height: 15px;
  8261. padding: 1px;
  8262. }
  8263.  
  8264. /* COM DISC - COM EDIT PAGE */
  8265. #DiscussionForm.FormTitleWrapper.DiscussionForm {
  8266. margin-top: -74px;
  8267. }
  8268. #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper {
  8269. padding: 0px 20px;
  8270. }
  8271. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  8272. position: relative;
  8273. float: left;
  8274. width: 18px;
  8275. line-height: 15px;
  8276. padding: 0;
  8277. }
  8278. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a:hover {
  8279. text-decoration: none;
  8280. color: white;
  8281. background-color: #ACB1B7;
  8282. }
  8283.  
  8284. /* EDIT COM */
  8285. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a {
  8286. font-size: 15px;
  8287. visibility: hidden;
  8288. outline: 1px solid gray;
  8289. }
  8290.  
  8291. /* COM DISC */
  8292. .Section-DiscussionList .DataList.Discussions .ItemDiscussion span.Options span.ToggleFlyout.OptionsMenu span.OptionsTitle,
  8293. .Section-Discussion .Item.Mine.ItemComment .OptionsTitle,
  8294. .Section-Discussion .Item.Mine.ItemComment:hover .OptionsTitle,
  8295. /* COM DISC ALT (BLACK) */
  8296. .Section-Discussion .Item.Alt.Mine.ItemComment .OptionsTitle,
  8297. .Section-Discussion .Item.Alt.Mine.ItemComment:hover .OptionsTitle,
  8298. /* LIST BOOKMARKED */
  8299. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked .OptionsTitle,
  8300. .Section-DiscussionList.Discussions.bookmarked .Item.Mine.Bookmarked:hover .OptionsTitle,
  8301. /* LIST BOOKM ALT (BLACK) */
  8302. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked .OptionsTitle,
  8303. .Section-DiscussionList.Discussions.bookmarked .Item.Alt.Mine.Bookmarked:hover .OptionsTitle {
  8304. visibility: hidden;
  8305. }
  8306.  
  8307. /* DISM - ALL */
  8308. .DismissAnnouncement.Hijack {
  8309. height: 18px;
  8310. width: 18px;
  8311. top: 0 !important;
  8312. right: 0 !important;
  8313. padding: 0 !important;
  8314. font-size: 0;
  8315. text-align: center;
  8316. color: peru;
  8317. }
  8318. .DismissAnnouncement.Hijack:before {
  8319. content: "X";
  8320. height: 18px;
  8321. width: 18px;
  8322. top: 0 !important;
  8323. right: 0 !important;
  8324. padding: 0 !important;
  8325. font-size: 15px;
  8326. color: peru;
  8327. }
  8328. #vanilla_discussion_index .MessageList.Discussion .dropdown-menu-link.DismissAnnouncement.Hijack {
  8329. margin-right: 19px;
  8330. margin-top: 0px;
  8331. color: peru;
  8332. }
  8333.  
  8334. /* USERST - EDIT COM */
  8335. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion {
  8336. font-size: 15px;
  8337. visibility: hidden;
  8338. z-index: 10000;
  8339. }
  8340. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
  8341. margin-left: 32px;
  8342. padding: 0;
  8343. font-size: 0px;
  8344. }
  8345. .Flyout.MenuItems li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit:before,
  8346. .ToggleFlyout.OptionsMenu .OptionsTitle + .SpFlyoutHandle + .Flyout.MenuItems > li a.EditDiscussion:before {
  8347. content: " "!important;
  8348. position: relative !important;
  8349. float: left !important;
  8350. width: 18px !important;
  8351. height: 18px !important;
  8352. top: -2px !important;
  8353. font-size: 15px !important;
  8354. visibility: visible !important;
  8355. background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
  8356. background-color: black !important;
  8357. outline: 1px solid gray !important;
  8358. }
  8359.  
  8360. /* USERSTY / GREASY - EDIT BUTTON - IN HEADER DISC GREASY FORK DISCUS */
  8361. /* GREASY */
  8362. .MessageList.Discussion #Item_0.PageTitle .OptionsTitle {
  8363. visibility: hidden !important;
  8364. outline: 1px solid peru !important;
  8365. }
  8366.  
  8367. /* FORUM - SMALL ICONS FILE ATTACHEMENTS - From OLD style */
  8368. .Attachment .FilePreview .Thumb-Default img,
  8369. .Attachment .FileHover .Thumb-Default img {
  8370. display: inline-block !important;
  8371. max-height: 25px !important;
  8372. min-height: 25px !important;
  8373. height: 100% !important;
  8374. width: 20px !important;
  8375. }
  8376.  
  8377. /* START PAGE */
  8378. #main-article > p {
  8379. position: relative !important;
  8380. display: inline-block !important;
  8381. width: 870px! important;
  8382. margin: 10px auto ! important;
  8383. left: 70px ! important;
  8384. }
  8385. #front-page-best {
  8386. display: inline-block ! important;
  8387. margin-left: 200px ! important;
  8388. }
  8389. #front-page-newest {
  8390. display: inline-block !important;
  8391. margin-left: 200px !important;
  8392. }
  8393. #front-page-best h2,
  8394. #front-page-newest h2 {
  8395. display: inline-block ! important;
  8396. width: 300px !important;
  8397. margin-left: 15px !important;
  8398. padding-left: 29px !important;
  8399. border-radius: 5px !important;
  8400. box-shadow: 0 0 4px #999999 !important;
  8401. background-color: #222222 !important;
  8402. }
  8403. #front-page-best ul li,
  8404. #front-page-newest ul li {
  8405. width: 700px ! important;
  8406. padding: 2px 5px ! important;
  8407. }
  8408. #front-page-best ul li:nth-child(even),
  8409. #front-page-newest ul li:nth-child(even) {
  8410. background: black! important;
  8411. }
  8412. #front-page-best ul li:nth-child(odd),
  8413. #front-page-newest ul li:nth-child(odd) {
  8414. background: #222222 ! important;
  8415. }
  8416. #front-page-newest ul li:not(.additional-link):after,
  8417. #front-page-best ul li:not(.additional-link):after {
  8418. content: "tot : " attr(total-install-count);
  8419. float: left;
  8420. width: 250px;
  8421. margin-right: -100px;
  8422. text-align: left;
  8423. color: gold;
  8424. }
  8425. #front-page-best ul li:not(.additional-link):before {
  8426. content: "week : " attr(weekly-install-count);
  8427. float: right;
  8428. width: 120px;
  8429. margin-left: 10px;
  8430. text-align: left;
  8431. color: gold;
  8432. }
  8433.  
  8434. /* PAGINATION - HIGHLIGHT */
  8435. .NumberedPager a.Highlight,
  8436. #PagerBefore.Pager a.Highlight {
  8437. background: yellow;
  8438. color: red;
  8439. }
  8440.  
  8441. /* ALL - PAGINATOR CENTER - HIGHTLIGHT / PREV / NEXT */
  8442. .Pager a,
  8443. .Pager span {
  8444. position: relative;
  8445. display: inline-block;
  8446. vertical-align: middle;
  8447. min-width: 17px;
  8448. height: 14px;
  8449. line-height: 13px;
  8450. margin: 0 3px;
  8451. padding: 0;
  8452. text-align: center;
  8453. border-radius: 3px;
  8454. box-shadow: 3px 3px 2px black;
  8455. background: #222;
  8456. }
  8457. .NumberedPager a.Next,
  8458. .NumberedPager span.Next,
  8459. .NumberedPager a.Previous,
  8460. .NumberedPager span.Previous {
  8461. position: relative;
  8462. display: inline-block;
  8463. height: 14px;
  8464. line-height: 11px;
  8465. font-size: 23px;
  8466. border-radius: 3px;
  8467. vertical-align: middle;
  8468. box-shadow: 3px 3px 2px black;
  8469. background: #222;
  8470. }
  8471. .NumberedPager .Next:hover,
  8472. .NumberedPager .Previous:hover {
  8473. position: relative;
  8474. display: inline-block;
  8475. vertical-align: middle;
  8476. height: 14px;
  8477. line-height: 11px;
  8478. border-radius: 3px;
  8479. top: 5px;
  8480. left: 0px;
  8481. margin-left: 3px;
  8482. right: 0px;
  8483. font-size: 26px;
  8484. }
  8485. #PagerAfter > a:hover,
  8486. #PagerBefore > a:hover,
  8487. body .Pager .Highlight:hover,
  8488. .PageControls .Pager a:hover {
  8489. display: inline-block;
  8490. color: tomato;
  8491. }
  8492. #PagerBefore > .Next:hover,
  8493. .NumberedPager a.Next:hover,
  8494. .NumberedPager span.Next:hover {
  8495. position: relative;
  8496. display: inline-block;
  8497. height: 20px;
  8498. line-height: 17px;
  8499. margin-top: -10px;
  8500. font-size: 23px;
  8501. vertical-align: middle;
  8502. color: tomato;
  8503. }
  8504. #PagerAfter > .Previous:hover,
  8505. #PagerBefore > .Previous:hover,
  8506. .NumberedPager a.Previous:hover,
  8507. .NumberedPager span.Previous:hover {
  8508. position: relative;
  8509. display: inline-block;
  8510. height: 20px;
  8511. line-height: 17px;
  8512. margin-top: -10px;
  8513. font-size: 23px;
  8514. vertical-align: middle;
  8515. color: tomato;
  8516. }
  8517. .p-100.LastPage:hover {
  8518. position: relative;
  8519. display: inline-block;
  8520. height: 20px;
  8521. line-height: 17px;
  8522. font-size: 16px;
  8523. vertical-align: middle;
  8524. color: tomato;
  8525. }
  8526. /* USERSTYLES - PAGINATION - FORUM SEARCH PREV / NEXT (Without Page NUMBERS) */
  8527. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Previous,
  8528. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Next {
  8529. position: relative;
  8530. display: inline-block;
  8531. vertical-align: middle;
  8532. line-height: 20px;
  8533. height: 20px;
  8534. padding: 2px;
  8535. top: -10px;
  8536. font-size: 15px;
  8537. color: peru;
  8538. }
  8539. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Previous:hover {
  8540. display: inline-block;
  8541. left: -11px;
  8542. font-size: 20px;
  8543. transition: all ease 0.5s;
  8544. color: tomato;
  8545. }
  8546. #dashboard_search_index .DataList.SearchResults + .PageControls.Bottom .Next:hover {
  8547. display: inline-block;
  8548. margin-right: -9px;
  8549. margin-left: 2px;
  8550. font-size: 20px;
  8551. transition: all ease 0.5s;
  8552. color: tomato;
  8553. }
  8554.  
  8555. /* USERSTY - MAIN ARTICLE (inside CONTENT-WRAPPER) */
  8556. #main-article {
  8557. margin-left: 215px !important;
  8558. }
  8559.  
  8560. /* USERSTY -ACCOUNT PAGE - USER NAME */
  8561. .PageContent > dl > dt:not(:last-of-type) {
  8562. position: absolute !important;
  8563. display: inline-block !important;
  8564. width: 23vw !important;
  8565. height: 15px;
  8566. line-height: 15px !important;
  8567. top: 20vh !important;
  8568. margin-left: 0%;
  8569. margin-top: -10px !important;
  8570. padding: 5px;
  8571. overflow: hidden;
  8572. text-align: left !important;
  8573. z-index: 500 !important;
  8574. border: 1px solid #404040;
  8575. background: #222 !important;
  8576. }
  8577. /* TXT "HOMEPAGE" in STYLES PAGES */
  8578. html > body > dl dt:not(:last-of-type) + #user-about + dt {
  8579. display: none !important;
  8580. }
  8581.  
  8582. /* USERSTY -ACCOUNT PAGE - USER CONTACT */
  8583. #user-about + dt {
  8584. position: absolute !important;
  8585. display: inline-block !important;
  8586. width: 3%;
  8587. min-height: 14px;
  8588. max-height: 14px;
  8589. line-height: 14px;
  8590. top: 20vh !important;
  8591. left: 20vw !important;
  8592. margin-left: 0 !important;
  8593. margin-top: -10px !important;
  8594. padding: 5px;
  8595. text-align: left;
  8596. font-size: 0 !important;
  8597. z-index: 700 !important;
  8598. border: 1px solid #404040;
  8599. }
  8600. .PageContent > dl dd:last-of-type {
  8601. position: fixed !important;
  8602. display: inline-block !important;
  8603. width: 1.5%;
  8604. height: 100% !important;
  8605. min-height: 24px !important;
  8606. max-height: 24px !important;
  8607. top: 20vh !important;
  8608. left: 20vw !important;
  8609. margin-left: 0 !important;
  8610. margin-top: -10px !important;
  8611. padding: 0 !important;
  8612. overflow: hidden !important;
  8613. white-space: nowrap !important;
  8614. text-align: left;
  8615. font-size: 15px !important;
  8616. z-index: 900 !important;
  8617. color: transparent !important;
  8618. }
  8619. .PageContent > dl dd:last-of-type:before {
  8620. content: "📧";
  8621. position: fixed !important;
  8622. display: inline-block !important;
  8623. width: 42px;
  8624. height: 100% !important;
  8625. min-height: 24px !important;
  8626. max-height: 24px !important;
  8627. line-height: 23px;
  8628. margin-left: -7px !important;
  8629. left: 20vw !important;
  8630. top: 19vh;
  8631. padding: 0px;
  8632. text-align: center;
  8633. font-size: 27px;
  8634. z-index: 0 !important;
  8635. pointer-events: none !important;
  8636. color: red !important;
  8637. border: 1px solid #404040;
  8638. }
  8639. /* USERSTY - ACCOUNT PAGE - USER ABOUT /HOVER */
  8640. #user-about {
  8641. position: absolute !important;
  8642. display: inline-block;
  8643. min-width: 23vw !important;
  8644. max-width: 23vw !important;
  8645. min-height: 14px !important;
  8646. max-height: 75vh !important;
  8647. top: 24vh !important;
  8648. margin-left: 0% !important;
  8649. margin-top: -10px !important;
  8650. padding: 5px;
  8651. overflow: hidden;
  8652. overflow-y: auto;
  8653. border: 1px solid lime !important;
  8654. z-index: 500 !important;
  8655. transition: all ease 0.7s !important;
  8656. background: #222 !important;
  8657. }
  8658. #user-about:hover {
  8659. position: absolute !important;
  8660. display: inline-block;
  8661. max-width: 23vw !important;
  8662. min-height: 14px !important;
  8663. max-height: 75vh !important;
  8664. padding: 5px;
  8665. overflow: hidden;
  8666. overflow-y: auto;
  8667. z-index: 500 !important;
  8668. transition: all ease 0.7s !important;
  8669. background: #333 !important;
  8670. }
  8671.  
  8672. /*
  8673. USERSTY - ACCOUNT PAGE - - INSTAL WEEK */
  8674. .numeric-value {
  8675. color: gold !important;
  8676. }
  8677. .numeric-value + .numeric-value {
  8678. color: tan !important;
  8679. }
  8680.  
  8681. /* USERSTY - (ALL) "Contact Admin" ETC */
  8682. /* USERSTY - FOOT */
  8683. footer {
  8684. position: fixed !important;
  8685. display: inline-block !important;
  8686. width: auto !important;
  8687. top: 00px !important;
  8688. left: 10px ! important;
  8689. padding: 0 5px 5px 20px !important;
  8690. z-index: 5000 ! important;
  8691. visibility: hidden !important;
  8692. background: red !important;
  8693. }
  8694. footer:hover {
  8695. position: fixed !important;
  8696. display: inline-block !important;
  8697. width: auto !important;
  8698. top: 00px !important;
  8699. left: 10px ! important;
  8700. padding: 0 5px 5px 20px !important;
  8701. z-index: 5000 ! important;
  8702. visibility: visible !important;
  8703. background: black !important;
  8704. }
  8705. footer:before {
  8706. content: "🔻" !important;
  8707. position: fixed !important;
  8708. display: inline-block !important;
  8709. width: auto !important;
  8710. top: 10px !important;
  8711. left: 5px ! important;
  8712. padding: 0px !important;
  8713. z-index: 5000 ! important;
  8714. visibility: visible !important;
  8715. background: gold !important;
  8716. }
  8717. /* ==== (ALL) - USERSTY - MENUS POPUP ==== */
  8718. /* USERSTY - STY INFOS - PANEL INFO - AUTH PANEL + INFOS INSTAL */
  8719. #style-author-info {
  8720. position: fixed !important;
  8721. width: 205px ! important;
  8722. height: 100% ! important;
  8723. min-height: 292px ! important;
  8724. max-height: 792px ! important;
  8725. left: 5px !important;
  8726. top: 80px !important;
  8727. padding-left: 5px !important;
  8728. padding-bottom: 3px !important;
  8729. border-radius: 5px !important;
  8730. box-shadow: 3px 3px 2px black !important;
  8731. background: #222 !important;
  8732. }
  8733. #style-install-info {
  8734. position: fixed !important;
  8735. width: 195px ! important;
  8736. left: 23px !important;
  8737. top: 320px !important;
  8738. padding-left: 5px !important;
  8739. padding-bottom: 3px !important;
  8740. border-radius: 5px !important;
  8741. z-index: 700 !important;
  8742. background: #222 !important;
  8743. }
  8744.  
  8745. /* USERSTY - STY INFOS - AUTH INFOS + INST INFOS - ZEBRA */
  8746. #style-install-info > tbody > tr:nth-child(2n + 1),
  8747. #style-author-info > tbody > tr:nth-child(2n + 1) {
  8748. background: #262626 !important;
  8749. }
  8750.  
  8751. /* USERSTY - (ALL) STY INFOS - AUTH PANEL + INST INFOS - TYPE BLOCK/LINE - COL ITEM TYPE */
  8752. #style-install-info > tbody > tr,
  8753. #style-author-info > tbody > tr {
  8754. color: gold !important;
  8755. }
  8756. /* USERSTY - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - TYPE BLOCK/LINE - COL INFOS */
  8757. #style-install-info > tbody > tr th + td,
  8758. #style-author-info > tbody > tr th + td {
  8759. position: relative ! important;
  8760. display: inline-block ! important;
  8761. width: 95% ! important;
  8762. bottom: 3px ! important;
  8763. left: 3px ! important;
  8764. border-radius: 5px ! important;
  8765. text-align: center ! important;
  8766. color: #6999A6 !important;
  8767. border: #434141 solid 1px !important;
  8768. box-shadow: 3px 3px 2px black !important;
  8769. 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%);
  8770. }
  8771.  
  8772. /* USERSTY - (ALL) STY INFOS - AUTH PANEL INFOS + INST INFOS - ITEMS LINE */
  8773. #style-install-info > tbody > tr,
  8774. #style-author-info > tbody > tr {
  8775. display: block !important;
  8776. position: relative !important;
  8777. width: 190px !important;
  8778. font-size: 11px !important;
  8779. }
  8780. /* USERSTY - STY INFOS - AUTH PANEL INFOS - AUTH */
  8781. #style-author-info > tbody > tr:first-child {
  8782. position: relative !important;
  8783. display: inline-block !important;
  8784. margin-top: 5px ! important;
  8785. margin-left: 0px ! important;
  8786. width: 190px !important;
  8787. height: 89px ! important;
  8788. border-radius: 5px ! important;
  8789. border: 1px gray solid ! important;
  8790. }
  8791.  
  8792. /* USERSTY - STY INFOS - AUTH PANEL INFOS - SUPP TXT "Auth" - ADD ICON */
  8793. #style-author-info > tbody > tr:nth-child(1) > th {
  8794. display: inline-block !important;
  8795. position: relative !important;
  8796. width: 184px !important;
  8797. margin-top: 1px ! important;
  8798. padding: 0 5px 2px 0 !important;
  8799. border-radius: 5px 5px 0 0 ! important;
  8800. font-size: 0px !important;
  8801. text-align: center ! important;
  8802. color: transparent !important;
  8803. 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%);
  8804. }
  8805. /* USERSTY - STY INFOS - AUTH PANEL INFOS - ADD ICON USER */
  8806. #style-author-info > tbody > tr:nth-child(1) > th:before {
  8807. position: relative;
  8808. display: inline-block;
  8809. content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png");
  8810. transform: scale(0.9, 0.7);
  8811. }
  8812.  
  8813. /* USERSTY - STY INFOS - AUTH PANEL INFOS - USER NAME */
  8814. #style-author-info > tbody > tr:nth-child(1) > td a {
  8815. position: relative !important;
  8816. display: block !important;
  8817. max-width: 182px !important;
  8818. height: 51px ! important;
  8819. left: -2px ! important;
  8820. padding: 0 2px !important;
  8821. font-size: 19px !important;
  8822. font-weight: bold ! important;
  8823. text-align: center ! important;
  8824. color: SlateGray !important;
  8825. border-radius: 0 0 5px 5px ! important;
  8826. 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%);
  8827. border: none !important;
  8828. white-space: pre-wrap ! important;
  8829. word-break: break-all ! important;
  8830. -moz-hyphens: auto ! important;
  8831. }
  8832.  
  8833. /* USERSTY - STY INFOS - AUTH PANEL INFOS - USER NAME */
  8834. #style-author-info > tbody > tr:first-of-type th + td {
  8835. position: relative ! important;
  8836. display: inline-block ! important;
  8837. width: 100% ! important;
  8838. bottom: -1px ! important;
  8839. left: 3px ! important;
  8840. text-align: center ! important;
  8841. border: none !important;
  8842. background: transparent ! important;
  8843. }
  8844.  
  8845. /* USERSTY - INFOS - SCREENSHOT + INFOS - (GM + NO GM) */
  8846. #content-wrapper #main-article #left-info {
  8847. position: absolute ! important;
  8848. display: inline-block ! important;
  8849. vertical-align: top ! important;
  8850. top: 5px !important;
  8851. margin-left: 2% !important;
  8852. }
  8853.  
  8854. /* USERSTY - STY INFOS - SCREENSHOT - (GM + NO GM) */
  8855. #screenshots {
  8856. position: absolute;
  8857. display: inline-block;
  8858. float: none;
  8859. clear: both;
  8860. height: 395px;
  8861. width: 360px;
  8862. top: 0px;
  8863. border: 1px solid #434141 !important;
  8864. box-shadow: 3px 3px 2px black;
  8865. background-color: #222222;
  8866. z-index: 10;
  8867. }
  8868. .screenshot-thumbnail {
  8869. border: 1px solid #434141 !important;
  8870. box-shadow: 3px 3px 2px black;
  8871. }
  8872. #more-screenshots {
  8873. font-size: 0 !important;
  8874. }
  8875. #more-screenshots span {
  8876. position: absolute !important;
  8877. display: inline-block !important;
  8878. padding: 2px 5px !important;
  8879. border-radius: 5px !important;
  8880. background: black !important;
  8881. font-size: 15px !important;
  8882. }
  8883. #screenshots #more-screenshots a {
  8884. position: relative !important;
  8885. display: inline-block !important;
  8886. width: 98% !important;
  8887. bottom: -20px !important;
  8888. font-size: small !important;
  8889. }
  8890. #screenshots #more-screenshots a:before {
  8891. content: "\25BA";
  8892. color: gold;
  8893. }
  8894. /* USERSTY - STY INFOS - LONG DESC - (GM + NO GM) */
  8895. #style-info {
  8896. position: absolute ! important;
  8897. width: 78.5% !important;
  8898. margin-top: 1px !important;
  8899. left: 249px !important;
  8900. word-wrap: break-word ! important;
  8901. }
  8902. #main-style-info {
  8903. width: 60% !important;
  8904. margin-bottom: 1em;
  8905. margin-left: 380px !important;
  8906. padding-left: 1em;
  8907. }
  8908.  
  8909. /* USERSTY - STY INFOS - LG DESC - TXT */
  8910. #long-description {
  8911. position: relative !important;
  8912. display: inline-block !important;
  8913. width: 565px ! important;
  8914. height: 395px !important;
  8915. min-height: 100px ! important;
  8916. top: 4px !important;
  8917. margin-top: 0px !important;
  8918. left: 10px ! important;
  8919. padding: 5px 5px 2px 10px !important;
  8920. border-radius: 5px !important;
  8921. overflow: hidden ! important;
  8922. overflow-y: auto ! important;
  8923. box-shadow: 3px 3px 2px black !important;
  8924. border: 1px solid red !important;
  8925. }
  8926. /* NEED CONVERT for Addstylish lib - USERSTY - STY INFOS - STYLE OPTIONS */
  8927. .advanced_button {
  8928. position: absolute;
  8929. height: 20px !important;
  8930. margin-left: 251px !important;
  8931. top: 68px !important;
  8932. }
  8933. /* (new220) */
  8934. #style-settings {
  8935. position: absolute !important;
  8936. display: inline-block !important;
  8937. width: 75px ! important;
  8938. height: 16px !important;
  8939. top: 4.7vh !important;
  8940. left: 46.4vw ! important;
  8941. margin: 0 !important;
  8942. padding: 3px 5px;
  8943. border-radius: 5px !important;
  8944. overflow: hidden !important;
  8945. overflow-y: hidden !important;
  8946. z-index: 500 !important;
  8947. border: 1px solid gray !important;
  8948. background: #333 !important;
  8949. }
  8950. #style-settings:hover {
  8951. position: absolute !important;
  8952. display: inline-block !important;
  8953. width: 555px ! important;
  8954. min-height: 727px !important;
  8955. border-radius: 5px !important;
  8956. overflow: hidden !important;
  8957. overflow-y: auto !important;
  8958. z-index: 500!important;
  8959. transition: all ease 0.6s !important;
  8960. border: 1px solid gray !important;
  8961. background: black !important;
  8962. }
  8963. #style-settings li:first-of-type {
  8964. margin-top: 35px !important;
  8965. }
  8966. #style-settings:before {
  8967. content: "Options \01F53B ";
  8968. position: absolute;
  8969. display: inline-block;
  8970. height: 15px;
  8971. width: 75px !important;
  8972. line-height: 13px;
  8973. top: 0px;
  8974. left: -2px;
  8975. padding: 5px;
  8976. border-radius: 3px;
  8977. border: 1px solid gray;
  8978. color: gold;
  8979. background: #222222;
  8980. z-index: 500 !important;
  8981. }
  8982. #style-settings #advancedsettings_area.advancedsettings_shown,
  8983. #style-settings #advancedsettings_area.advancedsettings_hidden {
  8984. display: inline-block !important;
  8985. min-width: 495px !important;
  8986. max-width: 495px !important;
  8987. margin-left: 14px;
  8988. margin-top: 28px;
  8989. padding: 15px !important;
  8990. background-color: #ffffff;
  8991. }
  8992.  
  8993. /* USERSTY - STY INFOS - LG DESC - BUTT(Edit/Delete) - COMPATIBILITY GRESY FORK */
  8994. #style-info #control-panel {
  8995. position: fixed ! important;
  8996. display: inline-block ! important;
  8997. height: 17px !important;
  8998. line-height: 17px !important;
  8999. width: 566px;
  9000. margin-bottom: 1em;
  9001. left: 637px!important;
  9002. top: 25px ! important;
  9003. padding: 1px 6px !important;
  9004. border: 1px solid gray !important;
  9005. border-radius: 3px 3px 0 0 !important;
  9006. background: #222 !important;
  9007. z-index: 600 !important;
  9008. }
  9009. #style-install-info > tbody > tr:last-of-type,
  9010. #style-info #control-panel > a:nth-child(1),
  9011. #style-info #control-panel > a:nth-child(2),
  9012. #style-info #control-panel > a:nth-child(3) {
  9013. display: inline-block!important;
  9014. height: 14px !important;
  9015. line-height: 14px !important;
  9016. margin-top: -4px ! important;
  9017. top: 30px !important;
  9018. background-color: #222222 !important;
  9019. border-radius: 3px !important;
  9020. box-shadow: 3px 3px 2px black !important;
  9021. padding: 1px 5px !important;
  9022. }
  9023.  
  9024. /* USERSTY - STY INFOS - LG DESC - (Links Color) */
  9025. #long-description > p > a {
  9026. color: #E0B81F !important;
  9027. margin-right: 5px !important;
  9028. }
  9029. /* USERSTY - STY INFOS - INST BUTT + Switch Browser */
  9030. #stylish-installed-style-needs-update,
  9031. #stylish-installed-style-not-installed {
  9032. position: fixed !important;
  9033. width: 190px !important;
  9034. height: 16px !important;
  9035. line-height: 13px !important;
  9036. left: 1025px !important;
  9037. margin-bottom: 1px;
  9038. top: 16px !important;
  9039. padding: 0 4px 2px !important;
  9040. border-radius: 5px !important;
  9041. font-size: larger;
  9042. color: white;
  9043. vertical-align: middle;
  9044. z-index: 700!important;
  9045. }
  9046.  
  9047. /* INST BUT - COR to SEE WITH STYLISH addon diff ver */
  9048. #stylish-installed-style-installed {
  9049. position: fixed !important;
  9050. width: 230px !important;
  9051. height: 18px !important;
  9052. line-height: 17px !important;
  9053. top: 11px !important;
  9054. left: 930px !important;
  9055. margin-bottom: 1px;
  9056. padding: 0 4px 2px !important;
  9057. border-radius: 5px !important;
  9058. font-size: larger;
  9059. vertical-align: middle;
  9060. z-index: 650 !important;
  9061. color: white;
  9062. }
  9063. #switch-browser-note {
  9064. position: absolute !important;
  9065. display: inline-block;
  9066. width: 180px !important;
  9067. top: 32px !important;
  9068. left: 575px !important;
  9069. margin-bottom: 1px;
  9070. margin-top: 13px !important;
  9071. padding: 0 4px 2px !important;
  9072. vertical-align: middle;
  9073. border-radius: 5px !important;
  9074. color: white;
  9075. }
  9076.  
  9077. /* Userstyles TableView+Enhancer - INSTALL Button correction for stylish 1.4.3 */
  9078. #style-install-mozilla-no-stylish {
  9079. display: none !important;
  9080. }
  9081.  
  9082. /* MESSAGE " STYLISH NOT INSTALLED" - For GOOGLE CHROME + Stylish 1.2.2 (???) */
  9083. .install-status:not(.install) {
  9084. display: none;
  9085. }
  9086.  
  9087. /* USERSTYLES - INSTALL NOT */
  9088. .install-status:not(.install) {
  9089. position: absolute !important;
  9090. display: inline-block;
  9091. max-width: 450px;
  9092. margin-bottom: 1px;
  9093. margin-top: 15px;
  9094. right: 0 !important;
  9095. top: 0!important;
  9096. padding: 8px 16px 12px;
  9097. border-radius: 5px;
  9098. font-size: larger;
  9099. color: white;
  9100. vertical-align: middle;
  9101. }
  9102.  
  9103. /* ==== USERSTY - STY INFOS - SHOW CODE - ==== */
  9104. /* USERSTY - STY INFOS - NEW - SHOW CSS CODE */
  9105. #stylish-code.cssHidden[style*="display: none;"] {
  9106. display: none !important;
  9107. }
  9108. #stylish-code.hiBeautted,
  9109. #stylish-code.cssHidden[style*="display: block;"] {
  9110. display: inline-block !important;
  9111. width: 650px !important;
  9112. min-height: 680px !important;
  9113. padding: 5px 5px 5px 15px !important;
  9114. border-top: 30px solid red !important;
  9115. word-wrap: break-word !important;
  9116. -moz-hyphens: auto !important;
  9117. background: white !important;
  9118. background-color: #2e3e49 !important;
  9119. }
  9120. /* SHOW CODE - IMAGE - FOR GM LinkyFyPlus*/
  9121. #show-code #view-code #stylish-code a.linkifyplus {
  9122. display: inline-block !important;
  9123. height: 15px !important;
  9124. white-space: pre-wrap !important;
  9125. word-wrap: break-word !important;
  9126. font-size: 15px !important;
  9127. color: blue !important;
  9128. background: tan !important;
  9129. }
  9130. #show-code #view-code #stylish-code a.linkifyplus > img {
  9131. position: absolute !important;
  9132. display: inline-block !important;
  9133. max-height: 100px !important;
  9134. padding: 3px 20px !important;
  9135. visibility: hidden !important;
  9136. transform: scale(0.2) !important;
  9137. transition: background ease 0.7s !important;
  9138. background: #333 !important;
  9139. }
  9140. #show-code #view-code #stylish-code a.linkifyplus:hover > img {
  9141. position: fixed !important;
  9142. display: inline-block !important;
  9143. max-height: 50% !important;
  9144. max-width: 200px !important;
  9145. top: 25% !important;
  9146. margin: auto 0 !important;
  9147. right: 40% ! important;
  9148. padding: 3px 20px !important;
  9149. visibility: visible !important;
  9150. transform: scale(1.5) !important;
  9151. transition: background ease 0.1s !important;
  9152. z-index: 1000 !important;
  9153. background: black !important;
  9154. }
  9155. #show-code #view-code #stylish-code a.linkifyplus[href*=".gif"]:before,
  9156. #show-code #view-code #stylish-code a.linkifyplus[href*=".png"]:before,
  9157. #show-code #view-code #stylish-code a.linkifyplus[href*=".jpg"]:before {
  9158. content: " " !important;
  9159. position: relative !important;
  9160. display: inline-block !important;
  9161. width: 10px !important;
  9162. height: 18px !important;
  9163. line-height: 18px !important;
  9164. padding: 0 5px 0 10px !important;
  9165. border-radius: 3px !important;
  9166. font-size: 17px !important;
  9167. visibility: visible !important;
  9168. opacity: 1 !important;
  9169. background-image: url(http://findicons.com/files/icons/2652/gentleface/48/expand_icon.png) !important;
  9170. background-position: center !important;
  9171. background-repeat: no-repeat !important;
  9172. background-size: 70% 140% !important;
  9173. transform: rotate(270deg) !important;
  9174. background-color: white !important;
  9175. }
  9176. #show-code #view-code #stylish-code a.linkifyplus[href*=".gif"]:after,
  9177. #show-code #view-code #stylish-code a.linkifyplus[href*=".png"]:after,
  9178. #show-code #view-code #stylish-code a.linkifyplus[href*=".jpg"]:after {
  9179. content: attr(href) !important;
  9180. position: relative !important;
  9181. display: inline-block !important;
  9182. height: 18px !important;
  9183. line-height: 18px !important;
  9184. padding: 0 20px !important;
  9185. font-size: 15px !important;
  9186. visibility: visible !important;
  9187. opacity: 1 !important;
  9188. }
  9189.  
  9190. /* USERSTY - STY INFOS - MORE - DESC - TITLE */
  9191. #content-wrapper article#main-article #more-info h2,
  9192. #content-wrapper article#main-article #additional-info h2,
  9193. #content-wrapper article#main-article #discussions-area h2 {
  9194. display: inline-block ! important;
  9195. min-width: 965px !important;
  9196. max-width: 965px !important;
  9197. padding-left: 15px !important;
  9198. 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%);
  9199. border-radius: 5px !important;
  9200. box-shadow: 3px 3px 2px black !important;
  9201. color: #A3A4A4 !important;
  9202. }
  9203. #content-wrapper article#main-article #discussions-area h2 {
  9204. min-width: 965px !important;
  9205. max-width: 965px !important;
  9206. }
  9207. section#discussions-area h2 {
  9208. position: relative !important;
  9209. display: inline-block !important;
  9210. left: 50px !important;
  9211. margin-bottom: -15px !important;
  9212. }
  9213. section#discussions-area h3 {
  9214. display: none !important;
  9215. }
  9216.  
  9217. /* USERSTY - STY INFOS - MORE INFOS - DESC */
  9218. #style-info + #additional-info {
  9219. position: relative ! important;
  9220. display: inline-block !important;
  9221. min-width: 90% !important;
  9222. max-width: 90% !important;
  9223. left: 2% !important;
  9224. margin-top: 405px !important;
  9225. }
  9226. #additional-info-text {
  9227. position: relative !important;
  9228. display: inline-block !important;
  9229. min-width: 965px !important;
  9230. max-width: 965px !important;
  9231. margin-top: -10px !important;
  9232. overflow-y: auto;
  9233. overflow-x: hidden!important;
  9234. color: #ACAEB5 !important;
  9235. }
  9236. /* USERSTY - STY INFOS - MORE - DESC - Links Color */
  9237. #additional-info #additional-info-text a {
  9238. color: #E0B81F !important;
  9239. }
  9240. #additional-info #additional-info-text a:visited {
  9241. color: #E7D590 !important;
  9242. }
  9243.  
  9244. /* USERSTY - STY INFOS - MORE - DESC - MARK LINKS / TEXT/ */
  9245. #style-info + #additional-info #additional-info-text > mark > a {
  9246. color: black !important;
  9247. }
  9248. #additional-info #additional-info-text > mark > a b {
  9249. color: red!important;
  9250. }
  9251.  
  9252. /* === USERSTY - STY INFOS - FEED ==== */
  9253. /* USERSTY - FIX NEW DESIGN - TOP HEARDER */
  9254. .top_logo {
  9255. margin-top: -5px !important;
  9256. }
  9257. .header-search {
  9258. height: 25px !important;
  9259. }
  9260. .header-search .search_input {
  9261. height: 25px !important;
  9262. margin-top: 0px !important;
  9263. }
  9264.  
  9265. /* USERSTY - CREATE NEW STYLE */
  9266. #create_new_style,
  9267. .header_button {
  9268. min-height: 20px !important;
  9269. margin-top: -27px !important;
  9270. }
  9271. #create_new_style {
  9272. min-height: 20px !important;
  9273. margin-top: 0px !important;
  9274. margin-left: 220px !important;
  9275. margin-right: -192px !important;
  9276. }
  9277. #create_new_style a,
  9278. .header_button a {
  9279. font-weight: 600 !important;
  9280. font-size: 14px !important;
  9281. }
  9282.  
  9283. /* USERSTY - STY INFOS - FEEDK LIST - "ASK New Q / FEED " */
  9284. #discussions-area {
  9285. position: absolute !important;
  9286. display: inline-block ! important;
  9287. float: none ! important;
  9288. clear: both ! important;
  9289. max-height: 100%!important;
  9290. min-height: 30px !important;
  9291. width: 330px !important;
  9292. left: -31% !important;
  9293. top: 46vh !important;
  9294. padding: 1px !important;
  9295. border: 1px solid red !important;
  9296. }
  9297.  
  9298. /* USERSTY - NEW DESIGN FIX - STYLE INFO - FEED BACK CONTAINER */
  9299. #as_userscript + #headline {
  9300. position: absolute !important;
  9301. display: inline-block ! important;
  9302. float: none ! important;
  9303. clear: both ! important;
  9304. max-height: 100%!important;
  9305. min-height: 30px !important;
  9306. min-width: 20vw !important;
  9307. max-width: 20vw !important;
  9308. left: 0 !important;
  9309. top: 23vh !important;
  9310. border-radius: 3px 3px 0 0 !important;
  9311. padding: 1px !important;
  9312. box-shadow: 3px 3px 2px black !important;
  9313. background: #222 !important;
  9314. }
  9315. #as_userscript + #headline:before {
  9316. content: "▲▼" !important;
  9317. color: gold !important;
  9318. font-size: 18px;
  9319. font-weight: bold;
  9320. margin-right: 10px;
  9321. }
  9322. #as_userscript + #headline:after {
  9323. content: "(\"⟰ + Enter\" for Line Break)" !important;
  9324. color: tan !important;
  9325. font-size: 13px;
  9326. font-weight: bold;
  9327. margin-left: 5px;
  9328. }
  9329. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper {
  9330. position: absolute !important;
  9331. display: inline-block ! important;
  9332. float: none ! important;
  9333. clear: both ! important;
  9334. height: 100%!important;
  9335. min-height: 60.1vh !important;
  9336. max-height: 60.1vh !important;
  9337. min-width: 19.5vw !important;
  9338. max-width: 19.5vw !important;
  9339. left: 0 !important;
  9340. top: 29.8vh !important;
  9341. padding: 1px 4px 1px 8px !important;
  9342. overflow: hidden;
  9343. box-shadow: 3px 3px 2px black;
  9344. background: #222 !important;
  9345. }
  9346. #as_userscript + #headline:hover + #comments-section-wrapper.comments-wrapper,
  9347. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper:hover {
  9348. position: absolute !important;
  9349. display: inline-block ! important;
  9350. float: none ! important;
  9351. clear: both ! important;
  9352. min-height: 35vh !important;
  9353. max-height: 60vh !important;
  9354. padding: 1px 4px 1px 8px !important;
  9355. overflow: hidden;
  9356. overflow-y: auto !important;
  9357. }
  9358. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper > div {
  9359. display: inline-block ! important;
  9360. width: 100% !important;
  9361. min-width: calc(100% - 11px) !important;
  9362. max-width: calc(100% - 11px) !important;
  9363. }
  9364. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper:hover > div {
  9365. display: inline-block ! important;
  9366. width: 100% !important;
  9367. min-width: calc(100% + 1px) !important;
  9368. }
  9369. #comments-section-wrapper div:nth-child(odd) .comment-wrapper .comment-content {
  9370. background: #222 !important;
  9371. }
  9372. #comments-section-wrapper div:nth-child(odd) .comment-wrapper .comment-content .content-wrapper .content {
  9373. color: gray !important;
  9374. }
  9375. #comments-section-wrapper div:nth-child(even) .comment-wrapper .comment-content {
  9376. background: #111 !important;
  9377. }
  9378. #comments-section-wrapper div:nth-child(even) .comment-wrapper .comment-content .content-wrapper .content {
  9379. color: gray !important;
  9380. }
  9381. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper {
  9382. margin-bottom: 10px;
  9383. }
  9384.  
  9385. /* ZEBBRA */
  9386. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(even) {
  9387. background-color: #111 !important;
  9388. }
  9389. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(even) .comment-wrapper {
  9390. background-color: #4A4A4A !important;
  9391. }
  9392. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(odd) {
  9393. background-color: #111 !important;
  9394. }
  9395. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div:nth-child(odd) .comment-wrapper {
  9396. background-color: #111 !important;
  9397. }
  9398.  
  9399. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div .comment-content {
  9400. max-width: calc(100% - 20px) !important;
  9401. margin-left: 5px !important;
  9402. }
  9403. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div .comment-wrapper .comment-content {
  9404. position: relative;
  9405. top: 3px !important;
  9406. padding: 5px !important;
  9407. border-radius: 5px !important;
  9408. background: #222 !important;
  9409. }
  9410. .comment-wrapper .replies-wrapper {
  9411. padding-left: 10px;
  9412. }
  9413. .comment-wrapper .actions {
  9414. align-items: center;
  9415. display: flex;
  9416. justify-content: space-between;
  9417. margin-bottom: 5px !important;
  9418. margin-top: 5px !important;
  9419. }
  9420. .comment-content .top .left-details .date {
  9421. color: gold !important;
  9422. font-size: 12px;
  9423. line-height: 14px;
  9424. opacity: 0.4;
  9425. }
  9426. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] #send_feedback_button {
  9427. height: 18px !important;
  9428. width: 30px !important;
  9429. margin: 0px !important;
  9430. box-shadow: none !important;
  9431. color: transparent !important;
  9432. border: none !important;
  9433. white-space: nowrap;
  9434. background-color: blue !important;
  9435. transition: all ease 0.2s !important;
  9436. }
  9437. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"] #send_feedback_button > div:last-of-type {
  9438. visibility: hidden;
  9439. }
  9440. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover) #send_feedback_button > div:first-of-type {
  9441. height: 20px;
  9442. margin-right: -103px !important;
  9443. margin-top: 0px;
  9444. }
  9445. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:not(:hover) #send_feedback_button > div .feedback-icon {
  9446. height: 15px;
  9447. margin-top: 4px;
  9448. }
  9449. /* HOVER */
  9450. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover #send_feedback_button {
  9451. width: 172px !important;
  9452. height: 20px;
  9453. margin-top: 0px !important;
  9454. color: gold !important;
  9455. transition: all ease 0.2s !important;
  9456. }
  9457. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover #send_feedback_button > div:last-of-type {
  9458. display: inline-block;
  9459. visibility: visible;
  9460. }
  9461. #as_userscript + #headline + a[href^="https://forum.userstyles.org/post/discussion?"]:hover #send_feedback_button > div:first-of-type .feedback-icon {
  9462. height: 15px;
  9463. margin-right: 15px !important;
  9464. margin-top: 5px !important;
  9465. }
  9466. .comment-content.edit {
  9467. margin-top: 4px;
  9468. padding: 5px !important;
  9469. background: #222 !important;
  9470. }
  9471. .comment-content .top {
  9472. align-items: center;
  9473. display: flex;
  9474. justify-content: space-between;
  9475. margin-bottom: 2px !important;
  9476. }
  9477. .comment-content.edit .content-wrapper .content {
  9478. width: 100% !important;
  9479. line-height: 16px;
  9480. font-size: 14px;
  9481. color: gray !important;
  9482. }
  9483. .comment-content.edit .content-wrapper .content textarea {
  9484. display: inline-block !important;
  9485. width: 105% !important;
  9486. height: auto !important;
  9487. min-height: 20px !important;
  9488. line-height: 15px !important;
  9489. padding: 3px 4px !important;
  9490. font-size: 15px !important;
  9491. overflow-y: scroll !important;
  9492. color: white !important;
  9493. }
  9494. #as_userscript + #headline + #comments-section-wrapper.comments-wrapper .main-input-wrapper ~ div .comment-wrapper .comment-content .content {
  9495. display: inline-block !important;
  9496. max-width: 95% !important;
  9497. height: auto !important;
  9498. max-height: 50px !important;
  9499. min-height: 20px !important;
  9500. padding: 3px 5px !important;
  9501. white-space: pre-wrap !important;
  9502. word-wrap: anywhere !important;
  9503. overflow-y: auto !important;
  9504. overflow-x: hidden !important;
  9505. color: white !important;
  9506. }
  9507.  
  9508. /* Without UBlock */
  9509. #style_info .adContainer ~ #discussions-area {
  9510. position: absolute !important;
  9511. display: inline-block ! important;
  9512. float: none ! important;
  9513. clear: both ! important;
  9514. max-height: 450px !important;
  9515. min-height: 30px !important;
  9516. min-width: 330px !important;
  9517. max-width: 330px !important;
  9518. width: 330px !important;
  9519. left: 1% !important;
  9520. top: 360px !important;
  9521. padding: 1px !important;
  9522. overflow: hidden !important;
  9523. overflow-y: auto !important;
  9524. background: #222;
  9525. border: 1px solid red !important;
  9526. }
  9527. #single_discussion {
  9528. height: 70px !important;
  9529. padding: 5px !important;
  9530. }
  9531. #single_discussion:first-child {
  9532. margin-top: -15px !important;
  9533. }
  9534. #single_discussion:not(:first-child) {
  9535. margin-top: -10px !important;
  9536. }
  9537. #single_discussion_up {
  9538. height: 17px !important;
  9539. margin-bottom: 3px !important;
  9540. margin-top: 9px !important;
  9541. }
  9542. #single_discussion .text_style_page {
  9543. width: 296px !important;
  9544. height: 41px !important;
  9545. line-height: 15px !important;
  9546. margin-top: 0px !important;
  9547. font-size: 13px !important;
  9548. color: gray !important;
  9549. outline: 1px solid gray !important;
  9550. }
  9551. #rating_discussion[src="/ui/images/icons/rating_0.svg"] {
  9552. height: 13px;
  9553. width: 18px;
  9554. opacity: 0.2;
  9555. }
  9556. #style_info .adContainer ~ #discussions-area .text_style_page {
  9557. color: #b3b3b3;
  9558. }
  9559. .see_more {
  9560. height: 21px !important;
  9561. }
  9562. .feedback-icon {
  9563. height: 17.3px;
  9564. margin-right: 6.8px !important;
  9565. margin-top: 3px !important;
  9566. }
  9567. /* (new200) */
  9568. #archive_style_button {
  9569. position: absolute;
  9570. display: inline-block;
  9571. justify-content: center;
  9572. height: 15px !important;
  9573. line-height: 15px !important;
  9574. width: 120px !important;
  9575. right: 45%;
  9576. top: 57.4vh !important;
  9577. margin-top: 0px !important;
  9578. padding: 2px 2px !important;
  9579. border-radius: 4px;
  9580. cursor: pointer;
  9581. font-size: 14px !important;
  9582. text-align: center;
  9583. box-shadow: none !important;
  9584. }
  9585. #as_userscript {
  9586. position: absolute !important;
  9587. height: 18px !important;
  9588. line-height: 15px !important;
  9589. width: 120px !important;
  9590. margin: 0 !important;
  9591. right: 33% !important;
  9592. top: 4.7vh !important;
  9593. margin-top: 0px !important;
  9594. padding: 2px 2px !important;
  9595. border-radius: 4px;
  9596. font-size: 5px;
  9597. text-align: center;
  9598. cursor: pointer;
  9599. border: 1px solid #222 !important;
  9600. box-shadow: none !important;
  9601. }
  9602. #as_userscript a:before {
  9603. content: "Userscript";
  9604. position: absolute !important;
  9605. display: inline-block;
  9606. height: 15px !important;
  9607. line-height: 15px !important;
  9608. width: 120px !important;
  9609. margin-left: -34px;
  9610. margin-top: -2px;
  9611. border-radius: 4px;
  9612. font-size: 14px !important;
  9613. padding: 3px 2px !important;
  9614. text-align: center;
  9615. background-image: url("https://icons.duckduckgo.com/ip2/userscripts-mirror.org.ico");
  9616. background-position: 5px center;
  9617. background-repeat: no-repeat;
  9618. background-size: 12%;
  9619. background-color: #333;
  9620. box-shadow: 3px 3px 2px black;
  9621. }
  9622.  
  9623. /* PB on click with the GM - TEST FIX NEW DESIGN - SHOW CSS */
  9624. .css_button {
  9625. position: absolute;
  9626. display: inline-block;
  9627. flex-direction: row;
  9628. align-items: center;
  9629. justify-content: center;
  9630. height: 22px !important;
  9631. line-height: 23px !important;
  9632. width: 136px !important;
  9633. margin-top: 30px;
  9634. right: 40.6% !important;
  9635. top: 1.6vh !important;
  9636. padding: 0 5px !important;
  9637. border-radius: 4px;
  9638. color: #3498db;
  9639. font-size: 14px;
  9640. font-weight: normal;
  9641. background-color: #e2ebf8;
  9642. }
  9643. /* (new215) */
  9644. .css_button .no-select {
  9645. float: right !important;
  9646. height: 25px !important;
  9647. line-height: 25px !important;
  9648. margin-bottom: 0px !important;
  9649. font-size: 12px !important;
  9650. }
  9651. .css_open::after,
  9652. .css_close::after {
  9653. content: "🙈";
  9654. float: left !important;
  9655. height: 21px !important;
  9656. width: 21px !important;
  9657. margin-bottom: 8px !important;
  9658. margin-right: 14px !important;
  9659. text-align: center !important;
  9660. }
  9661. /* Without GM */
  9662. #css_text_area_div textarea#stylish-code.cssVisible {
  9663. display: inline-block;
  9664. position: fixed;
  9665. resize: vertical;
  9666. overflow: auto;
  9667. min-width: 674px;
  9668. max-width: 674px !important;
  9669. min-height: 70%;
  9670. left: 1150px !important;
  9671. top: 10.4vh !important;
  9672. margin-bottom: 20px;
  9673. padding: 5px 5px 5px 15px;
  9674. border-radius: 4px;
  9675. border-top-width: 4px !important;
  9676. font-size: 13px;
  9677. font-family: "Open Sans", sans-serif !important;
  9678. z-index: 5000;
  9679. color: #ffffff;
  9680. background-color: #2e3e49 !important;
  9681. }
  9682. /* NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter" (trespassersW / darkred) */
  9683. #css_text_area_div {
  9684. position: absolute !important;
  9685. left: 870px !important;
  9686. top: 85px !important;
  9687. border-top: 2px solid red !important;
  9688. z-index: 1 !important;
  9689. }
  9690. .hiBeautted {
  9691. border-top: 20px solid transparent !important;
  9692. background-color: #293134 !important;
  9693. color: #e0e2e4 !important;
  9694. }
  9695. #stylish-code,
  9696. code.hiBeautted#stylish-code[style*="display: block;"] {
  9697. min-height: 600px !important;
  9698. top: -23px !important;
  9699. padding: 20px !important;
  9700. border-top: 40px solid transparent !important;
  9701. color: #B1B1B1 !important;
  9702. }
  9703. code#stylish-code.cssVisible[style*=" display: none;"],
  9704. code.hiBeautted#stylish-code[style*="display: none;"] {
  9705. display: none !important;
  9706. }
  9707. #hiBeauty .hiBeautted:before,
  9708. #hiBeauty::before {
  9709. position: absolute;
  9710. display: inline-block !important;
  9711. height: 20px !important;
  9712. top: 5px !important;
  9713. left: 10% !important;
  9714. padding: 1px 3px 0 1px !important;
  9715. border-radius: 0 !important;
  9716. opacity: 1 !important;
  9717. z-index: 5000 !important;
  9718. background-color: rgba(255, 0, 0, 0.7) !important;
  9719. }
  9720. #hiBeauty:hover::before {
  9721. padding: 4px !important;
  9722. opacity: 1 !important;
  9723. z-index: 1;
  9724. transition: all ease 1s !important;
  9725. border: 1px solid gray !important;
  9726. background-color: rgba(0, 0, 0, 0.4) !important;
  9727. }
  9728. #hiBeauty::after {
  9729. content: "Ctrl + Clik = COPY Css to ClipBoard" !important;
  9730. position: absolute;
  9731. display: block;
  9732. left: 14% !important;
  9733. top: 5px;
  9734. padding: 0 5px !important;
  9735. border-radius: 0 5px 5px 0 !important;
  9736. font-size: 15px !important;
  9737. opacity: 0.75;
  9738. z-index: 1;
  9739. transition: all ease 0.2s !important;
  9740. color: gold !important;
  9741. background: rgba(255, 0, 0, 1) !important;
  9742. }
  9743. #hiBeauty:hover::after {
  9744. font-size: 15px !important;
  9745. color: white !important;
  9746. background: rgba(0, 0, 0, 0.61) !important;
  9747. transition: all ease 0.4s !important;
  9748. }
  9749.  
  9750. /* END - NEW DESIGN SHOW CSS - GM ADAPTATION for "userstyles.org css highlighter (trespassersW / darkred) " - MEDIA QUERIE */
  9751. /* USERTY - NEW DESIGN - ACT BUT */
  9752. #actions_div {
  9753. position: absolute;
  9754. display: flex;
  9755. flex-direction: row;
  9756. justify-content: space-between;
  9757. height: 25px !important;
  9758. width: 45.8vw !important;
  9759. right: 32.5%;
  9760. top: 57.1vh !important;
  9761. margin: 0 !important;
  9762. padding: 1px 3px;
  9763. box-shadow: 3px 3px 2px black;
  9764. background: #222 !important;
  9765. }
  9766. #actions_div #buttons {
  9767. position: absolute;
  9768. height: 20px;
  9769. right: 0 !important;
  9770. top: 3px !important;
  9771. }
  9772. #share_div {
  9773. display: flex;
  9774. flex-direction: column;
  9775. padding: 0 2px !important;
  9776. color: #2c3e50;
  9777. font-size: 0 !important;
  9778. }
  9779. #social_networks {
  9780. height: 17px !important;
  9781. margin-top: 1px !important;
  9782. }
  9783. .white_button,
  9784. #style_installed_button,
  9785. #ownedButtons,
  9786. #update_style_button,
  9787. #style_installed_button {
  9788. height: 20px !important;
  9789. }
  9790. .white_button {
  9791. display: flex;
  9792. align-items: center;
  9793. justify-content: center;
  9794. height: 19px;
  9795. width: 87px;
  9796. border-radius: 4px;
  9797. font-size: 12px;
  9798. color: #2c3e50;
  9799. box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  9800. background-color: #ffffff;
  9801. border: 1px solid #cdcfd1;
  9802. }
  9803.  
  9804. #update_style_button,
  9805. #install_style_button.no-select {
  9806. display: flex;
  9807. flex-direction: row;
  9808. justify-content: center;
  9809. align-items: center;
  9810. height: 21px !important;
  9811. width: 173px;
  9812. margin-left: 2px !important;
  9813. font-size: 15px;
  9814. font-weight: bold;
  9815. color: white;
  9816. cursor: pointer;
  9817. border-radius: 5px !important;
  9818. box-shadow: none !important;
  9819. background-color: #3498db;
  9820. border: 1px solid red !important;
  9821. }
  9822. #install_style_button div:first-of-type {
  9823. height: 20px;
  9824. margin-top: -6px !important;
  9825. }
  9826. #install_style_button > div + div {
  9827. height: 20px !important;
  9828. line-height: 20px !important;
  9829. margin-top: 0px !important;
  9830. padding-left: 0px !important;
  9831. }
  9832. #ownedButtons + #install_style_button div + div {
  9833. height: 20px !important;
  9834. line-height: 20px !important;
  9835. margin-top: -17px !important;
  9836. padding-left: 25px !important;
  9837. }
  9838. #update_style_button > div:first-of-type,
  9839. #style_installed_button > div:first-of-type {
  9840. float: left !important;
  9841. height: 22px !important;
  9842. width: 26px !important;
  9843. }
  9844. .update-icon,
  9845. .installed-icon,
  9846. #install_style_icon {
  9847. height: 20px !important;
  9848. line-height: 20px !important;
  9849. margin-right: 10px;
  9850. margin-top: 3px !important;
  9851. width: 18px !important;
  9852. }
  9853. #style_info {
  9854. display: flex;
  9855. flex-direction: column;
  9856. width: 100%;
  9857. }
  9858. .style_title {
  9859. position: absolute !important;
  9860. display: inline-block !important;
  9861. width: 45.2vw !important;
  9862. height: 32px !important;
  9863. line-height: 28px !important;
  9864. top: 0.2vh!important;
  9865. left: 21.4% !important;
  9866. margin: 0 0 0 0 !important;
  9867. padding-left: 13px;
  9868. border-radius: 3px !important;
  9869. font-size: 28px !important;
  9870. color: #ccc !important;
  9871. box-shadow: 3px 3px 2px black;
  9872. background: #222 !important;
  9873. /* border: 1px solid red !important; */
  9874. }
  9875. #style_author.ellipsis {
  9876. position: absolute !important;
  9877. display: inline-block !important;
  9878. width: 45.1vw !important;
  9879. height: 28px;
  9880. line-height: 28px !important;
  9881. left: 21.4% !important;
  9882. top: 4.5vh !important;
  9883. padding-left: 1vw !important;
  9884. border-radius: 3px !important;
  9885. overflow: hidden;
  9886. text-overflow: ellipsis;
  9887. white-space: nowrap;
  9888. box-shadow: 3px 3px 2px black;
  9889. background: #222 !important;
  9890. }
  9891. /* (new233) */
  9892. #style_info #style_author > .by-author {
  9893. display: inline-block !important;
  9894. width: 20px !important;
  9895. height: 28px;
  9896. line-height: 28px !important;
  9897. overflow: hidden;
  9898. text-overflow: ellipsis;
  9899. white-space: nowrap;
  9900. font-size: 12px !important;
  9901. /* background: green !important; */
  9902. }
  9903. #style_info #style_author > .author-name {
  9904. display: inline-block !important;
  9905. width: 7vw !important;
  9906. height: 28px;
  9907. line-height: 28px !important;
  9908. overflow: hidden;
  9909. text-overflow: ellipsis;
  9910. white-space: nowrap;
  9911. /* background: red !important; */
  9912. }
  9913.  
  9914.  
  9915. #information_div,
  9916. #actions_div + #headline,
  9917. #actions_div + #headline + #information_div,
  9918. .adContainer + #headline,
  9919. .adContainer + #headline + #applies_link {
  9920. position: absolute !important;
  9921. display: inline-block !important;
  9922. min-width: 19.7vw !important;
  9923. max-width: 19.7vw !important;
  9924. top: 0.3vh !important;
  9925. left: 0 !important;
  9926. padding: 5px;
  9927. border: 1px solid #404040;
  9928. color: #ccc !important;
  9929. box-shadow: 3px 3px 2px black;
  9930. background: #222 !important;
  9931. }
  9932. #left_information {
  9933. display: flex;
  9934. flex-direction: column;
  9935. min-width: 100% !important;
  9936. max-width: 100% !important;
  9937. }
  9938. /* 1* - "INFORMATION" */
  9939. #style-settings + #headline,
  9940. #actions_div + #headline {
  9941. display: none !important;
  9942. }
  9943. #right_information,
  9944. #center_information {
  9945. width: 46.5%;
  9946. float: left;
  9947. margin-top: 15px;
  9948. padding: 5px;
  9949. border-radius: 5px !important;
  9950. text-align: center;
  9951. background-color: #d6deeb;
  9952. }
  9953. #center_information {
  9954. border-radius: 5px 0 0 5px !important;
  9955. margin-right: 2px;
  9956. text-align: center;
  9957. background-color: #d6deeb;
  9958. }
  9959.  
  9960. #information_div #style-upvote {
  9961. width: 80% !important;
  9962. float: left;
  9963. margin-top: 15px;
  9964. margin-right: 4px !important;
  9965. padding: 5px;
  9966. border-radius: 5px 0 0 5px !important;
  9967. text-align: center;
  9968. background-color: #d6deeb;
  9969. }
  9970. #style-upvotes-wrapper .style-upvotes-top {
  9971. display: inline-block !important;
  9972. justify-content: space-between;
  9973. align-items: center;
  9974. vertical-align: bottom !important;
  9975. height: 25px !important;
  9976. line-height: 25px !important;
  9977. margin-top: 5px !important;
  9978. padding: 5px !important;
  9979. font-size: 14px;
  9980. color: peru !important;
  9981. background: black !important;
  9982. }
  9983. #style-upvotes-wrapper .style-upvotes-top .like-icon {
  9984. width: 18px;
  9985. margin-right: 8px;
  9986. height: 25px !important;
  9987. }
  9988. .style-upvotes-top > span {
  9989. position: relative !important;
  9990. display: inline-block !important;
  9991. min-height: 25px !important;
  9992. max-height: 25px !important;
  9993. line-height: 25px !important;
  9994. top: -7px !important;
  9995. }
  9996. #style-upvotes-wrapper .style-upvotes-count-wrapper {
  9997. position: relative !important;
  9998. display: inline-block !important;
  9999. align-items: center;
  10000. justify-content: flex-start;
  10001. min-width: 28px !important;
  10002. height: 28px !important;
  10003. line-height: 26px !important;
  10004. margin: 0px 0 0 10px !important;
  10005. top: 1px !important;
  10006. padding: 5px !important;
  10007. border-radius: 50% !important;
  10008. font-size: 20px !important;
  10009. font-weight: 300;
  10010. text-align: center !important;
  10011. color: gold !important;
  10012. background: red !important;
  10013. }
  10014. #right_information {
  10015. width: 76.5% !important;
  10016. border-radius: 0 5px 5px 0 !important;
  10017. text-align: center;
  10018. background-color: #d6deeb;
  10019. }
  10020. #infomation_value_left,
  10021. #information_key_left {
  10022. float: left;
  10023. line-height: 13px !important;
  10024. margin-top: -5px;
  10025. margin-bottom: -8px;
  10026. padding: 2px 5px;
  10027. border-radius: 3px !important;
  10028. text-align: center;
  10029. background-color: #d6deeb;
  10030. }
  10031. #information_key_left {
  10032. min-width: 30.5% !important;
  10033. max-width: 30.5% !important;
  10034. border-radius: 3px 0 0 3px !important;
  10035. margin-right: -37px;
  10036. text-align: center;
  10037. background-color: #d6deeb;
  10038. }
  10039. #infomation_value_left {
  10040. min-width: 62.5% !important;
  10041. max-width: 62.5% !important;
  10042. border-radius: 0 3px 3px 0 !important;
  10043. text-align: center;
  10044. background-color: #d6deeb;
  10045. }
  10046. #information_value {
  10047. color: #2c3e50;
  10048. font-size: 21px !important;
  10049. }
  10050. #left_pair_information:nth-child(2) #information_key_left + #infomation_value_left {
  10051. line-height: 9px !important;
  10052. font-size: 11px !important;
  10053. }
  10054.  
  10055. /* "APPLIES TO" */
  10056. .adContainer + #headline {
  10057. height: 15px !important;
  10058. line-height: 15px !important;
  10059. top: 237px !important;
  10060. }
  10061. .adContainer + #headline + #applies_link {
  10062. height: 15px !important;
  10063. line-height: 15px !important;
  10064. top: 287px;
  10065. }
  10066.  
  10067. /* FIX NEW DESIGN - STYLE INFO PAGE */
  10068. .PageContent iframe[src="/d/users/personal"] {
  10069. max-width: 99.5% !important;
  10070. min-height: 90vh !important;
  10071. max-height: 90vh !important;
  10072. overflow: hidden !important;
  10073. overflow-y: auto !important;
  10074. background: #111 !important;
  10075. }
  10076.  
  10077. /* USERTSTY INFOS */
  10078. #container-responsive {
  10079. display: table;
  10080. margin: 0 auto;
  10081. margin-left: 0 !important;
  10082. margin-top: 0px!important;
  10083. width: 100%;
  10084. }
  10085. #nav-view-responsive {
  10086. flex-direction: unset !important;
  10087. background-color: #333 !important;
  10088. }
  10089. #container-responsive #view-responsive:not(.us-center-items-horizontally) {
  10090. display: flex;
  10091. justify-content: center;
  10092. margin-right: 42px;
  10093. min-width: 100% !important;
  10094. }
  10095. /* PB - TOUCH STY INFO */
  10096. #view-responsive.us-center-items-horizontally {
  10097. position: absolute !important;
  10098. display: inline-block !important;
  10099. justify-content: unset !important;
  10100. min-height: 92vh !important;
  10101. max-height: 92vh !important;
  10102. margin: 0 !important;
  10103. top: 8vh !important;
  10104. overflow: hidden !important;
  10105. }
  10106. #style_info {
  10107. display: inline-block !important;
  10108. flex-direction: unset !important;
  10109. margin-left: 0 !important;
  10110. width: 100% !important;
  10111. min-height: 91vh !important;
  10112. top: 0vh !important;
  10113. padding-left: 0vw !important;
  10114. border-top: 1px solid red !important;
  10115. }
  10116. /* (new215) */
  10117. .action-button-wrapper {
  10118. position: absolute;
  10119. width: 25px !important;
  10120. height: 25px !important;
  10121. left: -1vw !important;
  10122. top: -4.2vh !important;
  10123. z-index: 100 !important;
  10124. }
  10125. /* REPORT */
  10126. .action-button-wrapper .ctl-button + button.ctl-button,
  10127. .action-button-wrapper button.ctl-button {
  10128. position: absolute !important;
  10129. display: inline-block !important;
  10130. flex-direction: unset !important;
  10131. width: 100% !important;
  10132. min-width: 25px !important;
  10133. max-width: 25px !important;
  10134. height: 100% !important;
  10135. min-height: 25px !important;
  10136. max-height: 25px !important;
  10137. top: 0 !important;
  10138. left: -5px !important;
  10139. margin: 0 !important;
  10140. padding: 0 !important;
  10141. cursor: pointer;
  10142. border-radius: 100% !important;
  10143. opacity: 0.5 !important;
  10144. z-index: 1000 !important;
  10145. background-image: url(https://userstyles.org/ui/images/report-hover.svg) !important;
  10146. background-position: center center !important;
  10147. object-fit: contain !important;
  10148. border: 1px solid gray !important;
  10149. background-color: black !important;
  10150. }
  10151. .action-button-wrapper .ctl-button .donation-desktop .ctl-button-image-hover,
  10152. .action-button-wrapper .ctl-button .donation-desktop .ctl-button-image,
  10153. .action-button-wrapper .ctl-button:hover .ctl-button-image-hover,
  10154. .action-button-wrapper button.ctl-button img.ctl-button-image[src="/ui/images/report.svg"],
  10155. .action-button-wrapper:hover img.ctl-button-image[src="/ui/images/report-hover.svg"] {
  10156. display: none !important;
  10157. }
  10158. .action-button-wrapper .ctl-button:hover .ctr-button-tooltip {
  10159. display: none !important;
  10160. }
  10161.  
  10162. /* DONATE */
  10163. .action-button-wrapper .ctl-button .donation-desktop {
  10164. position: relative !important;
  10165. display: inline-block !important;
  10166. flex-direction: unset !important;
  10167. width: 100% !important;
  10168. min-width: 29px !important;
  10169. max-width: 29px !important;
  10170. height: 100% !important;
  10171. min-height: 28px !important;
  10172. max-height: 28px !important;
  10173. top: -2px !important;
  10174. left: -2px !important;
  10175. cursor: pointer;
  10176. }
  10177. /* (new218) */
  10178. #style_info .action-button-wrapper div.ctl-button {
  10179. position: absolute !important;
  10180. display: inline-block !important;
  10181. flex-direction: unset !important;
  10182. width: 100% !important;
  10183. min-width: 25px !important;
  10184. max-width: 25px !important;
  10185. height: 100% !important;
  10186. min-height: 25px !important;
  10187. max-height: 25px !important;
  10188. top: -38px !important;
  10189. left: -4px !important;
  10190. margin: 0 !important;
  10191. padding: 0 !important;
  10192. cursor: pointer;
  10193. opacity: 0.5 !important;
  10194. z-index: 1000 !important;
  10195. border-radius: 100% !important;
  10196. background-image: url(https://userstyles.org/ui/images/donate-hover.svg) !important;
  10197. background-position: center center !important;
  10198. object-fit: contain !important;
  10199. border: 1px solid gray !important;
  10200. background-color: black !important;
  10201. }
  10202.  
  10203.  
  10204.  
  10205.  
  10206.  
  10207.  
  10208. /* USERSTY - HOME PAGE - WITH HORIZONTAL CARROUSEL/ ROWS */
  10209. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage {
  10210. display: inline-block;
  10211. width: 99%;
  10212. margin-top: 10px;
  10213. }
  10214. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage #wrapper-carousel {
  10215. margin-left: 28%;
  10216. margin-top: 10px;
  10217. }
  10218. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head {
  10219. display: inline-block;
  10220. width: 100%;
  10221. margin-bottom: -1px;
  10222. border-radius: 5px 5px 0 0;
  10223. background: #222;
  10224. border: 1px solid gray;
  10225. }
  10226. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .category_title + a,
  10227. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .category_title {
  10228. display: inline-block !important;
  10229. width: 100%;
  10230. height: 20px;
  10231. line-height: 20px;
  10232. margin-top: 5px;
  10233. margin-bottom: 5px;
  10234. font-size: 17px;
  10235. text-align: center;
  10236. }
  10237. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .category_head .see_more {
  10238. display: inline-block !important;
  10239. height: 20px;
  10240. line-height: 20px;
  10241. margin-top: 0;
  10242. }
  10243. #container-responsive #view-responsive.us-center-items-horizontally .view_inner.HomePage .us-stylecards__container.us-stylecards__container--narrow {
  10244. display: inline-block;
  10245. width: 100%;
  10246. height: 314px;
  10247. margin-bottom: 10px;
  10248. border-radius: 0 0 5px 5px;
  10249. text-align: center;
  10250. border: 1px solid gray;
  10251. }
  10252.  
  10253. /* NOTES (can add screenshots visible with Linkify plus) */
  10254. #style_info #css_text_area_div + #headline {
  10255. position: absolute !important;
  10256. display: inline-block !important;
  10257. width: 30.2vw !important;
  10258. top: 0.3vh !important;
  10259. right: 0.5% !important;
  10260. margin: 0 !important;
  10261. padding-left: 8px !important;
  10262. z-index: 100 !important;
  10263. box-shadow: 3px 3px 2px black;
  10264. background: #111 !important;
  10265. }
  10266.  
  10267. #style_info #headline + #notes_textarea:not(:empty) {
  10268. position: absolute !important;
  10269. display: inline-block !important;
  10270. width: 100% !important;
  10271. max-width: 30vw !important;
  10272. min-height: 84.9vh !important;
  10273. max-height: 84.9vh !important;
  10274. margin-top: 0px !important;
  10275. right: 0.5% !important;
  10276. top: 0.2vh !important;
  10277. padding: 40px 5px 5px 5px !important;
  10278. font-size: 15px;
  10279. overflow: hidden !important;
  10280. overflow-y: auto !important;
  10281. resize: none !important;
  10282. color: gray !important;
  10283. box-shadow: 3px 3px 2px black;
  10284. background-color: #222 !important;
  10285. border: 1px solid #404040;
  10286. }
  10287. #preview_image_div {
  10288. position: absolute !important;
  10289. display: inline-block !important;
  10290. height: 47.3vh !important;
  10291. max-width: 46vw !important;
  10292. min-width: 46vw !important;
  10293. margin-bottom: 0px !important;
  10294. margin-top: 0px !important;
  10295. right: 32.5% !important;
  10296. top: 8.8vh !important;
  10297. background-position: center center !important;
  10298. background-repeat: no-repeat;
  10299. background-size: 100% !important;
  10300. background-size: contain !important;
  10301. box-shadow: 3px 3px 2px black !important;
  10302. background-color: #111 !important;
  10303. border: 1px solid #222;
  10304. }
  10305. #applies_link + #headline + .text_style_page {
  10306. position: absolute !important;
  10307. display: inline-block !important;
  10308. width: 100% !important;
  10309. max-width: 45.5vw !important;
  10310. min-width: 45.5vw !important;
  10311. min-height: 27vh !important;
  10312. max-height: 27vh !important;
  10313. margin-top: 0px !important;
  10314. right: 32.5%;
  10315. bottom: 2.2vh !important;
  10316. padding: 5px !important;
  10317. font-size: 15px;
  10318. overflow: hidden !important;
  10319. overflow-y: auto !important;
  10320. resize: none !important;
  10321. color: gray !important;
  10322. border: 1px solid #404040;
  10323. box-shadow: 3px 3px 2px black;
  10324. background-color: #222 !important;
  10325. }
  10326. #headline {
  10327. font-size: 18px;
  10328. font-weight: bold;
  10329. margin-top: 30px;
  10330. color: #ccc !important;
  10331. }
  10332. #applies_link + #headline,
  10333. .adContainer + #headline + #applies_link + #headline {
  10334. display: none;
  10335. }
  10336. #notes_textarea {
  10337. width: 99%;
  10338. }
  10339.  
  10340. /* APLLIE TO */
  10341. #information_div + #headline {
  10342. position: absolute !important;
  10343. display: inline-block ! important;
  10344. float: none ! important;
  10345. clear: both ! important;
  10346. max-height: 100%!important;
  10347. min-height: 30px !important;
  10348. min-width: 20vw !important;
  10349. max-width: 20vw !important;
  10350. left: 0 !important;
  10351. top: 15vh !important;
  10352. padding-left: 5px !important;
  10353. border-radius: 3px 3px 0 0 !important;
  10354. box-shadow: 3px 3px 2px black;
  10355. background: #222 !important;
  10356. border-bottom: 1px solid gray !important;
  10357. }
  10358. #headline + #applies_link {
  10359. position: absolute !important;
  10360. display: inline-block ! important;
  10361. float: none ! important;
  10362. clear: both ! important;
  10363. max-height: 100%!important;
  10364. min-height: 30px !important;
  10365. min-width: 20vw !important;
  10366. max-width: 20vw !important;
  10367. left: 0 !important;
  10368. top: 20.7vh !important;
  10369. padding: 1px 0 0 5px !important;
  10370. border-radius: 0 0 3px 3px !important;
  10371. color: peru !important;
  10372. box-shadow: 3px 3px 2px black;
  10373. background: #222 !important;
  10374. }
  10375. #applies_link:empty:before {
  10376. content: "All" !important;
  10377. margin-left: 5px !important;
  10378. color: gold !important;
  10379. }
  10380.  
  10381. /* USERSTYLE INFO PAGE - ANDROID - MESSAGE + BUTTON */
  10382. #top_android_button {
  10383. display: inline-block !important;
  10384. flex-direction: unset !important;
  10385. justify-content: unset !important;
  10386. height: 44px;
  10387. width: 176px;
  10388. border-radius: 4px;
  10389. cursor: pointer;
  10390. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.43);
  10391. background-color: #222 !important;
  10392. }
  10393. .android_button_banner {
  10394. display: none !important;
  10395. }
  10396.  
  10397. /* STYLE INSTALL - BUTTON */
  10398. .customize_button + div,
  10399. #buttons > #ownedButtons + div {
  10400. position: relative !important;
  10401. display: inline-block !important;
  10402. height: 22px !important;
  10403. width: 160px !important;
  10404. margin-bottom: 0px !important;
  10405. margin-right: 0px !important;
  10406. margin-left: 5px !important;
  10407. border-radius: 3px !important;
  10408. box-shadow: 3px 3px 2px black !important;
  10409. border: 1px solid red !important;
  10410. }
  10411. .customize_button {
  10412. position: relative !important;
  10413. display: inline-block !important;
  10414. display: none !important;
  10415. height: 22px !important;
  10416. width: 130px !important;
  10417. margin-bottom: 0px !important;
  10418. background: blue !important;
  10419. }
  10420. #install_button,
  10421. #buttons > #ownedButtons + div #install_button {
  10422. position: relative !important;
  10423. display: inline-block !important;
  10424. height: 19px !important;
  10425. width: 19px !important;
  10426. white-space: nowrap !important;
  10427. overflow-wrap: unset !important;
  10428. text-align: left !important;
  10429. }
  10430. #install_button > div:first-of-type,
  10431. #buttons > #ownedButtons + div #install_button > div:first-of-type {
  10432. position: relative !important;
  10433. display: inline-block !important;
  10434. height: 19px !important;
  10435. width: 19px !important;
  10436. white-space: nowrap !important;
  10437. overflow-wrap: unset !important;
  10438. text-align: left !important;
  10439. }
  10440. .customize_button .customize_button_text,
  10441. #install_button > div:last-of-type,
  10442. #buttons > #ownedButtons + div #install_button > div:last-of-type {
  10443. position: relative !important;
  10444. display: inline-block !important;
  10445. height: 20px !important;
  10446. line-height: 15px !important;
  10447. width: 150px !important;
  10448. left: -40px !important;
  10449. margin-top: 0 !important;
  10450. top: -4px !important;
  10451. white-space: nowrap !important;
  10452. overflow-wrap: unset !important;
  10453. text-align: right !important;
  10454. font-size: 12px !important;
  10455. color: peru !important;
  10456. }
  10457. img.stylish-icon {
  10458. height: 18px !important;
  10459. width: 18px !important;
  10460. margin-right: 10px;
  10461. }
  10462. .customize_button .customize_button_text {
  10463. width: 100px !important;
  10464. left: 20px !important;
  10465. top: -21px !important;
  10466. }
  10467.  
  10468. /* USERSTY - ARCHIVED INFO */
  10469. /* (new219) ARCHIVED - MESSAGE */
  10470. #archived {
  10471. position: fixed !important;
  10472. display: inline-block !important;
  10473. max-width: 505px !important;
  10474. margin: 0px !important;
  10475. top: 25vh !important;
  10476. left: 32vw !important;
  10477. padding: 10px !important;
  10478. border-radius: 5px !important;
  10479. z-index: 49998 !important;
  10480. opacity: 0.5 !important;
  10481. background: red !important;
  10482. border: 3px dashed black !important;
  10483. }
  10484. #archived:hover {
  10485. opacity: 1 !important;
  10486. background: #111 !important;
  10487. border: 3px dashed red !important;
  10488. }
  10489. #archived_title,
  10490. .customize_button + #archived_title {
  10491. display: inline-block;
  10492. height: 20px !important;
  10493. line-height: 20px !important;
  10494. margin-top: 0 !important;
  10495. font-size: 20px !important;
  10496. text-align: center !important;
  10497. }
  10498. .archived_text {
  10499. font-size: 15px;
  10500. overflow-wrap: normal !important;
  10501. white-space: pre-line;
  10502. }
  10503. .archived_text + .archived_text + .archived_text,
  10504. .archived_text:first-of-type {
  10505. color: gold !important;
  10506. }
  10507. .archived_text:first-of-type + .archived_texte {
  10508. height: 210px !important;
  10509. margin-bottom: 21px;
  10510. padding: 5px 5px 0;
  10511. overflow-x: hidden;
  10512. overflow-y: auto;
  10513. border-bottom: 1px solid tomato;
  10514. border-top: 1px solid red;
  10515. }
  10516. .archived_text + .archived_text + .archived_text span a {
  10517. clear: both;
  10518. float: left;
  10519. width: 100%;
  10520. }
  10521. .archived_text + .archived_text + .archived_text span a {
  10522. float: right;
  10523. width: 100%;
  10524. }
  10525.  
  10526. /* CREATE / EDIT USERSTY PAGE */
  10527. #view_inner {
  10528. display: inline-block;
  10529. width: 68% !important;
  10530. padding: 5px 200px !important;
  10531. }
  10532. html > body > ul + form[action="/styles/create"],
  10533. html > body > ul + form[action="/styles/update"] {
  10534. display: inline-block;
  10535. width: 1067px !important;
  10536. margin-left: 112px !important;
  10537. }
  10538.  
  10539. /* DELETE USERSTY PAGE */
  10540. .PageContent > form[action="/styles/delete_save"] table.form-controls textarea#obsoletion-message {
  10541. width: 99%;
  10542. min-height: 330px;
  10543. overflow-x: hidden;
  10544. overflow-y: auto;
  10545. }
  10546.  
  10547. /* QUESTION ? - PB IMAGE BACKGROUD */
  10548. #post-discussion + #login-form + #no-discussions {
  10549. position: absolute;
  10550. display: inline-block;
  10551. width: 750px;
  10552. height: 17px;
  10553. line-height: 17px;
  10554. padding: 1px 0px 1px 14px;
  10555. top: -9px;
  10556. margin-left: 160px;
  10557. text-align: center;
  10558. text-decoration: none;
  10559. z-index: 500;
  10560. background-image: url("https://userstyles.org/images/question.png");
  10561. background-position: 0px 3px;
  10562. background-repeat: no-repeat;
  10563. background-color: transparent;
  10564. color: gold;
  10565. }
  10566. #discussions {
  10567. margin-left: 20px;
  10568. margin-top: 5px;
  10569. }
  10570.  
  10571. /* USERSTY - STY INFOS - FEED LIST - (Title) */
  10572. #discussions > li > a:nth-child(1) {
  10573. margin-left: 8px !important;
  10574. margin-right: 30px !important;
  10575. }
  10576. /* USERSTY - STY INFOS - FEED LIST - (Member NAME) */
  10577. #discussions > li > a:nth-child(2) {
  10578. margin-left: 4px !important;
  10579. margin-right: 15px !important;
  10580. }
  10581. /* USERTYL - FOOTER */
  10582. #footer {
  10583. position: absolute !important;
  10584. bottom: -6vh !important;
  10585. height: auto !important;
  10586. margin-top: 0px !important;
  10587. padding: 0 0 0 0 !important;
  10588. }
  10589. #footer:hover {
  10590. position: absolute !important;
  10591. bottom: -1vh !important;
  10592. }
  10593. #footer-inside {
  10594. display: inline-block !important;
  10595. margin-left: 0px !important;
  10596. margin-top: -69px !important;
  10597. text-align: center !important;
  10598. background-color: #111 !important;
  10599. border-top: 1px solid red !important;
  10600. }
  10601. #leftFooter {
  10602. float: left !important;
  10603. width: 80% !important;
  10604. margin-left: 0px;
  10605. }
  10606. #copyrights {
  10607. text-align: left !important;
  10608. color: gold !important;
  10609. }
  10610. #leftFooter .bottomLinks {
  10611. width: 50% !important;
  10612. color: #3498db;
  10613. display: flex;
  10614. flex-direction: row;
  10615. margin-top: 5px;
  10616. }
  10617. #rightFooter {
  10618. float: right !important;
  10619. height: 55px !important;
  10620. width: 19% !important;
  10621. margin-right: 0px !important;
  10622. }
  10623. #rightFooter > div a {
  10624. display: inline-block !important;
  10625. height: 55px !important;
  10626. line-height: 55px !important;
  10627. }
  10628. #rightFooter > div a .logo {
  10629. background-size: contain;
  10630. height: 35px !important;
  10631. width: 111px;
  10632. background-repeat: no-repeat !important;
  10633. background-image: url("https://userstyles.org/ui/images/stylish-logo-2.svg");
  10634. }
  10635.  
  10636. /* USERSTY / GREASY - TOP HEADER - TITRE "User.org"/"User Name" - DARK BACKGROUD */
  10637. #Frame {
  10638. margin-top: -8px !important;
  10639. }
  10640. #vanilla_discussions_index #Head.Head,
  10641. #main-header {
  10642. position: fixed !important;
  10643. display: inline-block ! important;
  10644. float: none ! important;
  10645. width: 99.9% !important;
  10646. height: 41px !important;
  10647. left: -0.2% !important;
  10648. top: -1px !important;
  10649. z-index: 5 !important;
  10650. 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;
  10651. border-bottom: 1px solid gray !important;
  10652. }
  10653. body[pagetype="PersonalProfile"] #main-header,
  10654. body:not(.Settings) #Head,
  10655. body[pagetype="ListingPage"] #main-header,
  10656. body[pagetype="UserProfile"] #main-header {
  10657. position: fixed !important;
  10658. display: inline-block ! important;
  10659. float: none ! important;
  10660. height: 55px !important;
  10661. top: -1px !important;
  10662. 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;
  10663. background-color: #670000 !important;
  10664. border-bottom: 1px solid red !important;
  10665. }
  10666.  
  10667. /* MAIN HEARDER - Z-INDEX */
  10668. #main-header {
  10669. z-index: 500000 !important;
  10670. }
  10671.  
  10672. /* === USERSTY - STY TITLE/Name === */
  10673. /* USERSTY - SITE TITLE "User.org" + "USER NAME" / NAME */
  10674. #main-header > h1 {
  10675. position: relative ! important;
  10676. display: inline-block ! important;
  10677. width: 47% !important;
  10678. min-width: 895px !important;
  10679. height: 30px !important;
  10680. line-height: 28px !important;
  10681. margin-top: -3px !important;
  10682. border-radius: 5px ! important;
  10683. font-size: 23px ! important;
  10684. text-align: left !important;
  10685. text-indent: -117px !important;
  10686. overflow: hidden !important;
  10687. text-overflow: ellipsis !important;
  10688. white-space: nowrap !important;
  10689. 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%);
  10690. }
  10691. #main-header > h1::-moz-selection {
  10692. background: #FFCC11 ! important;
  10693. color: #ffffff ! important;
  10694. }
  10695. #main-header > h1:hover {
  10696. color: gold ! important;
  10697. }
  10698.  
  10699. /* USERSTY - SITE TITLE - TXT "User.org" */
  10700. #main-header > h1 > a {
  10701. display: inline-block ! important;
  10702. width: 161px !important;
  10703. margin-right: -100px !important;
  10704. margin-left: 28% !important;
  10705. margin-bottom: 30px ! important;
  10706. }
  10707. /* USERSTY - MY ACCOUNT / USER PROF - TXT " ABOUT ME" - TXT + Back transpt - CONTAINER FULL */
  10708. #left-sidebar nav ul dl:not(:hover),
  10709. #main-article > dl:not(:hover) {
  10710. position: fixed ! important;
  10711. display: inline-block ! important;
  10712. float: none !important;
  10713. width: 50px !important;
  10714. max-height: 15px ! important;
  10715. top: 23px ! important;
  10716. margin-top: 5px ! important;
  10717. left: 275px !important;
  10718. font-size: 10px ! important;
  10719. text-align: left !important;
  10720. z-index: 900 ! important;
  10721. overflow: hidden !important;
  10722. visibility: visible !important;
  10723. transition: all ease .4s !important;
  10724. }
  10725. #left-sidebar nav ul dl:hover,
  10726. #main-article > dl:hover {
  10727. position: fixed ! important;
  10728. display: inline-block ! important;
  10729. float: none !important;
  10730. width: auto !important;
  10731. height: auto ! important;
  10732. top: 23px ! important;
  10733. margin-top: 5px ! important;
  10734. left: 210px !important;
  10735. padding: 3px 50px 1px 70px!important;
  10736. font-size: 10px ! important;
  10737. text-align: left !important;
  10738. overflow: visible !important;
  10739. z-index: 50000 !important;
  10740. }
  10741.  
  10742. /* "About" / "Conact" - LABEL CONTAINER - NOT HOVER */
  10743. #left-sidebar nav ul dl:not(:hover) > dt,
  10744. #main-article > dl:not(:hover) > dt {
  10745. position: relative ! important;
  10746. display: block !important;
  10747. float: none !important;
  10748. width: 74px !important;
  10749. height: 16px ! important;
  10750. line-height: 15px ! important;
  10751. top: 1px ! important;
  10752. margin-bottom: -14px !important;
  10753. left: 0px ! important;
  10754. padding: 0px 6px 1px 0px !important;
  10755. font-size: 10px ! important;
  10756. text-align: left !important;
  10757. overflow: hidden !important;
  10758. text-overflow: ellipsis !important;
  10759. white-space: nowrap !important;
  10760. z-index: 5000 !important;
  10761. color: transparent ! important;
  10762. }
  10763. #left-sidebar nav ul dl:not(:hover) > dt:before,
  10764. #main-article > dl:not(:hover) > dt:before {
  10765. content: "About \25B6 " !important;
  10766. color: red !important;
  10767. }
  10768.  
  10769. /* "About" / "Conact" - LABEL CONTAINER - HOVER */
  10770. #left-sidebar nav ul dl:hover > dt,
  10771. #main-article > dl:hover > dt {
  10772. position: relative ! important;
  10773. display: block !important;
  10774. float: none !important;
  10775. width: 44px !important;
  10776. height: 12px ! important;
  10777. line-height: 12px ! important;
  10778. margin-bottom: -14px !important;
  10779. left: 0px ! important;
  10780. padding: 0px 6px 1px 2px !important;
  10781. border-radius: 5px 0 0 5px !important;
  10782. font-size: 10px ! important;
  10783. text-align: left !important;
  10784. color: grey ! important;
  10785. overflow: hidden !important;
  10786. text-overflow: ellipsis !important;
  10787. white-space: nowrap !important;
  10788. z-index: 5000 !important;
  10789. background: linear-gradient(to bottom, #000000 2%, #111111 37%, #333333 100%, #131313 100%) repeat scroll 0 0 transparent !important;
  10790. border: 1px solid gray !important;
  10791. }
  10792. /* "About" / "Conact" - FULL CONTAINER - HOVER */
  10793. #main-article > dl:hover > dd:first-of-type,
  10794. #left-sidebar nav ul dl:hover > dd,
  10795. #main-article > dl:hover > dd:first-of-type {
  10796. position: relative ! important;
  10797. width: 0px !important;
  10798. height: 15px ! important;
  10799. top: -6px ! important;
  10800. margin-bottom: -3px !important;
  10801. margin-left: 55px ! important;
  10802. padding-left: 10px !important;
  10803. padding-right: 8px !important;
  10804. text-align: left !important;
  10805. overflow: hidden !important;
  10806. transition: all ease 0.4s !important;
  10807. background: black !important;
  10808. outline: 1px solid gray !important;
  10809. }
  10810.  
  10811. /* "About" - FULL CONTAINER - NOT HOVER */
  10812. #left-sidebar nav ul dl:not(:hover),
  10813. #main-article > dl:not(:hover) dd:first-of-type {
  10814. margin-left: 100px !important;
  10815. }
  10816. #main-article > dl:not(:hover) > dd:first-of-type:not(:hover) {
  10817. position: relative ! important;
  10818. display: inline-block ! important;
  10819. max-width: 0px !important;
  10820. height: 20px ! important;
  10821. top: -6px ! important;
  10822. margin-bottom: -3px !important;
  10823. margin-left: 47px ! important;
  10824. padding-left: 0px !important;
  10825. padding-right: 0px !important;
  10826. text-align: left !important;
  10827. background: black !important;
  10828. overflow: hidden !important;
  10829. visibility: hidden !important;
  10830. border: none !important;
  10831. }
  10832.  
  10833. /* "About" - FULL CONTAINER - HOVER */
  10834. #left-sidebar nav ul dl:hover > dd:first-of-type,
  10835. #main-article > dl:hover > dd:first-of-type {
  10836. display: inline-block ! important;
  10837. width: 100% !important;
  10838. min-width: 0px !important;
  10839. max-width: 500px !important;
  10840. height: 100% ! important;
  10841. min-height: 0px ! important;
  10842. max-height: 500px ! important;
  10843. margin-left: 15px ! important;
  10844. margin-top: 0px ! important;
  10845. padding: 2px 0 100px 90px !important;
  10846. text-align: left !important;
  10847. font-size: 14px!important;
  10848. overflow: hidden !important;
  10849. overflow-y: auto !important;
  10850. z-index: 900 ! important;
  10851. background: black !important;
  10852. }
  10853.  
  10854. /* SUB LABEL INFOS */
  10855. #main-article > dl:hover > dt:first-of-type + dd + dt {
  10856. position: absolute !important;
  10857. display: inline-block ! important;
  10858. top: 15px !important;
  10859. margin-left: 90px !important;
  10860. }
  10861. #main-article > dl > dt:first-of-type + dd + dt + dd + dt {
  10862. position: absolute !important;
  10863. display: inline-block ! important;
  10864. top: 30px !important;
  10865. margin-left: 90px !important;
  10866. }
  10867. #main-article > dl > dt:first-of-type + dd + dt + dd + dt + dd + dt {
  10868. position: absolute !important;
  10869. display: inline-block ! important;
  10870. top: 45px !important;
  10871. margin-left: 90px !important;
  10872. }
  10873.  
  10874. /* "About" - ARROW GRAY */
  10875. #left-sidebar nav ul dl > dd a:not([href^="http://forum.userstyles.org/messages/"]):before,
  10876. #main-article > dl > dd a:not([href^="http://forum.userstyles.org/messages/"]):before {
  10877. position: relative;
  10878. display: inline-block;
  10879. content: "\25B6 ";
  10880. margin-left: 1px;
  10881. color: red;
  10882. }
  10883.  
  10884. /* ABOUT - LINKS */
  10885. #main-article > dl > dd > a {
  10886. position: relative !important;
  10887. display: inline-block !important;
  10888. min-height: 15px !important;
  10889. max-height: 15px !important;
  10890. line-height: 14px !important;
  10891. font-size: 13px !important;
  10892. }
  10893. /* SEND MESS */
  10894. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"] {
  10895. position: fixed !important;
  10896. display: inline-block !important;
  10897. height: 20px !important;
  10898. line-height: 10px !important;
  10899. width: 170px !important;
  10900. top: 28px !important;
  10901. left: 360px !important;
  10902. padding: 1px 10px !important;
  10903. text-align: center !important;
  10904. z-index: 80000 !important;
  10905. visibility: visible !important;
  10906. color: red !important;
  10907. background: yellow !important;
  10908. }
  10909. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover) {
  10910. visibility: hidden !important;
  10911. }
  10912. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"]:not(:hover):before,
  10913. #main-article > dl:hover > dd > a[href^="http://forum.userstyles.org/messages/add/"]:hover:before {
  10914. position: absolute !important;
  10915. display: inline-block;
  10916. height: 15px !important;
  10917. width: 22px !important;
  10918. content: "✉";
  10919. left: -25px!important;
  10920. top: 0px !important;
  10921. font-size: 21px !important;
  10922. visibility: visible !important;
  10923. color: peru !important;
  10924. }
  10925. /* USERST - PROF LINK */
  10926. body:not(#f) a#userProfile {
  10927. position: absolute !important;
  10928. visibility: visible !important;
  10929. left: 256px !important;
  10930. top: -64px !important;
  10931. overflow: visible !important;
  10932. text-overflow: ellipsis !important;
  10933. white-space: nowrap !important;
  10934. font-size: 0 !important;
  10935. z-index: 500 !important;
  10936. }
  10937. body:not(#f) a#userProfile:before {
  10938. display: inline-block;
  10939. position: fixed;
  10940. content: url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png");
  10941. -moz-transform: scale(0.6, 0.5);
  10942. margin-left: -90px;
  10943. top: 1px;
  10944. }
  10945.  
  10946. /* END == - USERSTYLES - MY ACCOUNT / USER PROF - TXT " ABT ME" - TXT + Back transpt */
  10947. /* USERSTYLES - "Following results" - "the results for all ..." */
  10948. #page-description > a {
  10949. border-radius: 5px !important;
  10950. box-shadow: 0 0 4px #999999 !important;
  10951. display: inline-block !important;
  10952. left: 103px !important;
  10953. padding: 5px !important;
  10954. position: absolute !important;
  10955. top: -21px !important;
  10956. width: 994px !important;
  10957. }
  10958.  
  10959. /* ==== USERSTY - SEARCH BOX ==== */
  10960. /* USERSTY - ADV SEARCH - PAGE RESUL */
  10961. /* USERSTY - ADV SEARCH - TOGGLE - SHOW BUTTON / BACK BUTTONS - TABLE VIEW PLUS */
  10962. #advanced-search-submit button {
  10963. -moz-appearance: none ! important;
  10964. position: fixed !important;
  10965. display: inline-block !important;
  10966. width: 62px !important;
  10967. height: 20px !important;
  10968. right: calc(100% - 1202px) ! important;
  10969. top: 1px ! important;
  10970. padding: 0 0 2px 0px ! important;
  10971. border-radius: 4px ! important;
  10972. border: 1px solid #777777 !important;
  10973. font-size: 10px! important;
  10974. text-align: center ! important;
  10975. text-decoration: none ! important;
  10976. cursor: pointer ! important;
  10977. color: #D7D7D7 !important;
  10978. box-shadow: 0 0 1px #777777 inset !important;
  10979. background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  10980. }
  10981. #advanced-search-submit button:hover {
  10982. color: tomato !important;
  10983. }
  10984. /* USERSTYS - ADV SEARCH - SHOW BUTT (TXT "Adv sear)*/
  10985. #left-sidebar nav ul li form #simple-search + #show-advanced-search {
  10986. -moz-appearance: none ! important;
  10987. position: absolute !important;
  10988. display: inline-block !important;
  10989. width: 60px !important;
  10990. height: 18px !important;
  10991. line-height: 15px ! important;
  10992. top: -16px ! important;
  10993. left: 85% ! important;
  10994. font-size: 10px! important;
  10995. border-radius: 4px !important;
  10996. text-align: center ! important;
  10997. text-decoration: none ! important;
  10998. cursor: pointer ! important;
  10999. z-index: 200 ! important;
  11000. color: #D7D7D7 !important;
  11001. box-shadow: 0 0 1px #777777 inset !important;
  11002. background: linear-gradient(#565555, #000000) repeat scroll 0 0 transparent !important;
  11003. border: 1px solid #777777 !important;
  11004. }
  11005.  
  11006. /* USERSTY - AVDV SEARCH - SUBMIT BUTT */
  11007. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input {
  11008. -moz-appearance: none ! important;
  11009. position: fixed !important;
  11010. display: inline-block !important;
  11011. width: 50px !important;
  11012. height: 20px !important;
  11013. right: calc(100% - 1138px) ! important;
  11014. top: 1px ! important;
  11015. border-radius: 5px ! important;
  11016. font-size: 10px! important;
  11017. text-align: center ! important;
  11018. text-decoration: none ! important;
  11019. z-index: 200! important;
  11020. cursor: pointer ! important;
  11021. color: gold !important;
  11022. background: black ! important;
  11023. border: 1px gray solid ! important;
  11024. }
  11025. #left-sidebar nav ul li form.advanced-search-active #advanced-search #advanced-search-submit input:hover {
  11026. color: tomato !important;
  11027. }
  11028.  
  11029. /* USERSTY - ADV SEARCH - OPTIONS - BLOCK CONTAINER - PB when No GM "TABLE VIEW PLUS " */
  11030. #advanced-search {
  11031. position: relative ! important;
  11032. position: fixed ! important;
  11033. height: 15px ! important;
  11034. width: 450px ! important;
  11035. top: 48px ! important;
  11036. left: 867px !important;
  11037. padding: 1px 2px 3px 2px ! important;
  11038. border: none ! important;
  11039. border-radius: 0 0 3px 3px !important;
  11040. z-index: 2000000 ! important;
  11041. color: gold !important;
  11042. background: #2C6C14 !important;
  11043. }
  11044.  
  11045. /* USERSTY - SEARCH - TOP Right (Background) */
  11046. #search {
  11047. background-color: transparent !important
  11048. }
  11049.  
  11050. /* USERSTY - SEARCH BOX */
  11051. #search {
  11052. position: fixed !important;
  11053. width: 187px ! important;
  11054. height: 85px ! important;
  11055. top: 400px ! important;
  11056. }
  11057.  
  11058. /* USERSTY - SEARCH BOX INPUT */
  11059. #left-sidebar > nav ul li form {
  11060. position: fixed ! important;
  11061. width: 200px !important;
  11062. margin-top: -8px! important;
  11063. left: 970px ! important;
  11064. top: 25px ! important;
  11065. visibility: visible ! important;
  11066. z-index: 2000! important;
  11067. }
  11068.  
  11069. /* USERSTY - SIMPLE SEARCH - SEARCH INPUT */
  11070. #search-terms {
  11071. position: absolute ! important;
  11072. display: inline-block !important;
  11073. min-width: 204px !important;
  11074. max-width: 204px !important;
  11075. height: 19px ! important;
  11076. margin-right: -50px ! important;
  11077. left: -65px ! important;
  11078. top: -16px ! important;
  11079. }
  11080. /* USERSTY /GREASY - SIMPLE SEARCH - SEARCH BUTT */
  11081. #search-submit {
  11082. position: relative ! important;
  11083. left: -38px ! important;
  11084. margin-top: -15px ! important;
  11085. font-size: 11px !important;
  11086. }
  11087. #script-search > input[type="submit"],
  11088. #search-submit {
  11089. position: relative !important;
  11090. display: inline-block !important;
  11091. top: 0px !important;
  11092. -moz-appearance: none !important;
  11093. border-radius: 0 3px 3px 0 !important;
  11094. cursor: pointer!important;
  11095. background: peru !important;
  11096. border: 1px solid gray !important;
  11097. }
  11098. #script-search > input[type="submit"]:hover,
  11099. #search-submit:hover {
  11100. background: tomato !important;
  11101. }
  11102.  
  11103. /* ==== - USERSTY - STY INFOS - RELATED ==== */
  11104. /* USERSTY - STY INFOS - RELATED - "Relat" etc... - BLOCK */
  11105. #related {
  11106. position: fixed !important;
  11107. width: 185px !important;
  11108. left: 20px !important;
  11109. top: 550px !important;
  11110. background-color: #222222 !important;
  11111. box-shadow: 0 0 4px #999999 !important;
  11112. }
  11113. /* USERSTY - STY INFOS - RELATED - "Relat" etc... - ITEMS */
  11114. #left-sidebar footer#related ul li:not(.more) a:before {
  11115. display: inline-block;
  11116. content: "\25B6";
  11117. padding-right: 5px;
  11118. font-size: 8px;
  11119. color: red;
  11120. }
  11121.  
  11122. /* ==== USERSTY - STY INFOS ==== */
  11123. /* USERSTY - STY INFOS - "Style" Bar - SUPP */
  11124. #main-article > h2 {
  11125. display: none ! important;
  11126. }
  11127.  
  11128. /* STY INFOS - DELETED STYLE - MESS */
  11129. section#obsoletion-message {
  11130. position: fixed !important;
  11131. line-height: 15px !important;
  11132. min-width: 400px !important;
  11133. max-width: 400px !important;
  11134. max-height: 425px !important;
  11135. top: 35px !important;
  11136. margin-left: -10px!important;
  11137. padding: 10px ! important;
  11138. overflow: hidden !important;
  11139. overflow-y: auto !important;
  11140. z-index: 2000 !important;
  11141. transition: all ease 0.7s !important;
  11142. opacity: 1 !important;
  11143. visibility: visible !important;
  11144. background: linear-gradient(#B50000, #640000) repeat scroll 0 0 transparent !important;
  11145. }
  11146. #main-article section#obsoletion-message h2 + p + p,
  11147. #main-article section#obsoletion-message h2 + p {
  11148. display: inline-block !important;
  11149. line-height: 15px !important;
  11150. width: 390px !important;
  11151. margin-left: -10px!important;
  11152. padding: 10px ! important;
  11153. font-size: 17px !important;
  11154. text-align: center !important;
  11155. color: white !important;
  11156. }
  11157. #main-article section#obsoletion-message h2 + p q {
  11158. display: inline-block !important;
  11159. width: 100% !important;
  11160. line-height: 16px !important;
  11161. margin-top: 10px !important;
  11162. margin-bottom: 5px !important;
  11163. padding: 5px !important;
  11164. border-radius: 5px !important;
  11165. text-align: left !important;
  11166. font-size: 15px !important;
  11167. color: gray !important;
  11168. background: black !important;
  11169. }
  11170. #obsoletion-message > p + p > a:last-of-type,
  11171. #main-article section#obsoletion-message h2 + p > a:first-of-type {
  11172. position: relative!important;
  11173. display: inline-block!important;
  11174. width: 100%!important;
  11175. min-width: 375px!important;
  11176. margin-top: 10px !important;
  11177. margin-bottom: 5px !important;
  11178. text-align: center!important;
  11179. font-size: 18px !important;
  11180. color: gold !important;
  11181. }
  11182. #obsoletion-message > p + p > a:nth-last-of-type(n + 2) {
  11183. position: relative!important;
  11184. display: inline-block!important;
  11185. width: 100%!important;
  11186. min-width: 375px!important;
  11187. margin-top: 10px !important;
  11188. margin-bottom: 10px !important;
  11189. text-align: center!important;
  11190. font-size: 15px !important;
  11191. color: gold !important;
  11192. }
  11193. /* USERSTYLES - STY INFOS - DEL STY - BUBBLE */
  11194. #obsoletion-message:not(:hover) h2:not(:hover),
  11195. #obsoletion-message h2 {
  11196. position: fixed !important;
  11197. display: inline-block !important;
  11198. left: 132px !important;
  11199. top: 58px !important;
  11200. border-radius: 10px !important;
  11201. padding: 7px 6px !important;
  11202. cursor: pointer !important;
  11203. visibility: visible !important;
  11204. opacity: 1 !important;
  11205. background: #B50000 !important;
  11206. }
  11207. /* STY INFOS - DEL STY - BUBBLE - ARROW */
  11208. section#obsoletion-message:after {
  11209. position: fixed !important;
  11210. display: block;
  11211. content: "";
  11212. height: 0;
  11213. width: 0;
  11214. top: 82px !important;
  11215. bottom: -15px;
  11216. left: 200px;
  11217. transform: rotate(22deg);
  11218. visibility: visible !important;
  11219. border-style: solid;
  11220. border-width: 25px 5px 0px;
  11221. border-color: #B50000 transparent transparent transparent;
  11222. }
  11223. section#obsoletion-message:before {
  11224. position: fixed !important;
  11225. display: inline-block !important;
  11226. content: " Deleted ....WHY ??? : Hover me !";
  11227. height: 15px !important;
  11228. width: 400px !important;
  11229. top: 62px !important;
  11230. left: 250px;
  11231. text-align: center !important;
  11232. white-space: nowrap !important;
  11233. cursor: pointer !important;
  11234. visibility: visible !important;
  11235. background: #B50000 !important;
  11236. }
  11237. section#obsoletion-message:hover:before {
  11238. visibility: hidden !important;
  11239. }
  11240. #main-article section#obsoletion-message:not(:hover) {
  11241. visibility: hidden !important;
  11242. opacity: 1 !important;
  11243. }
  11244. #main-article section#obsoletion-message:hover {
  11245. visibility: visible !important;
  11246. }
  11247. #main-article section#obsoletion-message > p > q:first-line {
  11248. display: inline-block !important;
  11249. font-size: 18px !important;
  11250. color: #00627A !important;
  11251. }
  11252.  
  11253. /* ==== BROWSE STY - ZEBRA ==== */
  11254. /* BROWSE STY - ZEBRA - FIRST */
  11255. #style-table tr:nth-child(even) td {
  11256. background-color: #262626 !important;
  11257. }
  11258. /* BROWSE STY - ZEBRA - SECOND - ==== */
  11259. #style-table tr:nth-child(odd) td {
  11260. background: #444444 !important;
  11261. }
  11262. #style-table > tr:hover:not(:first-child) {
  11263. background-color: #444444;
  11264. color: red ! important;
  11265. }
  11266.  
  11267. /* RATING always visible = === */
  11268. #style-table tr:not(:hover) .ratingfg,
  11269. #style-table tr:hover .ratingfg {
  11270. 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;
  11271. }
  11272.  
  11273. /* META DISCUSSION - HOVER TOOLTIP */
  11274. #style-table .metadiscussions:hover:before {
  11275. position: relative !important;
  11276. content: attr(title) !important;
  11277. display: inline-block !important;
  11278. height: 16px !important;
  11279. line-height: 15px !important;
  11280. top: -5px !important;
  11281. margin-left: -240px !important;
  11282. padding: 0 5px 0 5px !important;
  11283. border-radius: 5px !important;
  11284. color: gold !important;
  11285. background: red !important;
  11286. 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;
  11287. }
  11288.  
  11289. /* OBSOLETE DELETED STYLE */
  11290. #table-container table#style-table tr.obsolete td:nth-child(7) {
  11291. background-image: url("https://addons.cdn.mozilla.net/media/img/impala/warning-bg.png?b726031") !important;
  11292. opacity: 0.4 !important;
  11293. }
  11294. #table-container table#style-table tr.obsolete td:nth-child(7):hover {
  11295. opacity: 1!important;
  11296. }
  11297.  
  11298. /* BROWSE STY - Text INFO - "For tips on making....etc..." */
  11299. #main-article > p {
  11300. margin-left: 95px !important;
  11301. }
  11302.  
  11303. /* ==== BROWSE SEARCH RESULTS ==== */
  11304. /* TABLE CONTENT - CONTENT WRAPPER - Table Liste Styles - (CONTROLL THE WIDTH AND POSITION) - (option for : NOT LOGED / NO GM) */
  11305. /*(NOT LOGED / with GM) */
  11306. body > #main-header + #content-wrapper {
  11307. position: absolute ! important;
  11308. float: left !important;
  11309. clear: both !important;
  11310. height: 100% !important;
  11311. min-height: 200px !important;
  11312. width: 100% !important;
  11313. max-width: 95% !important;
  11314. top: 55px !important;
  11315. left: 0px !important;
  11316. margin-left: 20px ! important;
  11317. }
  11318.  
  11319. /* BROWSE SEARCH RESULTS - USER ACCOUNT / STYLES SEARCH - SEARCH RESULTS */
  11320. #content-wrapper article#main-article #social.listing + script + .ad + #table-container {
  11321. position: absolute !important;
  11322. display: inline-block ! important;
  11323. width: 82%! important;
  11324. left: -27% !important;
  11325. top: -24px !important;
  11326. }
  11327.  
  11328. /* (NOT LOGED / with GM) */
  11329. .author-styles > tbody > tr:nth-child(odd) {
  11330. background: #222 ! important;
  11331. }
  11332. .author-styles > tbody > tr:hover {
  11333. background: #292900 ! important;
  11334. }
  11335. /* USERSTYLES - PROFILE USER */
  11336. #container-responsive .view_inner #iframe[src="/d/users/personal"] {
  11337. display: inline-block !important;
  11338. width: 100% !important;
  11339. text-align: center !important;
  11340. }
  11341. .author-styles.tablesorter.tablesorter-default,
  11342. table.author-styles {
  11343. position: fixed !important;
  11344. display: inline-block !important;
  11345. border-collapse: collapse !important;
  11346. min-width: 99.9% !important;
  11347. max-width: 99.9% !important;
  11348. height: 100% !important;
  11349. min-height: 96vh !important;
  11350. max-height: 96vh !important;
  11351. top: 4vh !important;
  11352. margin-left: -7px !important;
  11353. padding-left: 25vw !important;
  11354. padding-right: 25vw !important;
  11355. overflow: hidden !important;
  11356. overflow-y: auto !important;
  11357. background: #111 !important;
  11358. border-top: 1px solid red !important;
  11359. }
  11360. .author-styles > thead tr,
  11361. .author-styles.tablesorter > thead tr.tablesorter-headerRow {
  11362. position: sticky !important;
  11363. top: 0vh !important;
  11364. text-align: left !important;
  11365. border: 1px solid red !important;
  11366. border-bottom: 4px solid red !important;
  11367. background: black !important;
  11368. }
  11369. .author-styles > thead tr.tablesorter-headerRow th,
  11370. .author-styles.tablesorter > thead tr.tablesorter-headerRow th {
  11371. display: table-cell !important;
  11372. text-align: left !important;
  11373. border: 1px solid red !important;
  11374. }
  11375.  
  11376. /* USERST - USER PROF LIST / BROWSE SEARCH RESULTS - STYLE NAME + LABEL HEADER - INST(Weeks) /INST(Weeks) /Av rating /Most recent disc */
  11377. .author-styles > tbody > tr > td[valign="top"] > a {
  11378. color: #CF9C28 !important;
  11379. }
  11380. .author-styles > tbody > tr > td[valign="top"] > a:visited {
  11381. color: #DDB46D !important;
  11382. }
  11383. .author-styles > tbody > tr > td[valign="top"] > a:hover {
  11384. color: tan !important;
  11385. }
  11386. .author-styles > thead > tr > th:nth-child(3),
  11387. .author-styles > thead > tr > th:nth-child(4),
  11388. .author-styles > thead > tr > th:nth-child(5) {
  11389. width: 43px !important;
  11390. }
  11391. .author-styles > thead > tr > th:nth-child(6) {
  11392. width: 100px !important;
  11393. }
  11394. /* USERSTYLES - EDIT/Del/Stat ICONS */
  11395. table.author-styles tbody tr td + td a:nth-child(1) {
  11396. font-size: 0px ! important;
  11397. }
  11398. /* NEDD CONVERT for Addstylish lib - */
  11399. table.author-styles tbody tr td + td a[href$="/edit"]:before {
  11400. content: "\270E " ! important;
  11401. font-size: 18px ! important;
  11402. }
  11403. table.author-styles tbody tr td + td a:nth-child(2) {
  11404. font-size: 0px ! important;
  11405. }
  11406. table.author-styles tbody tr td + td a[href^="/styles/delete"]:before {
  11407. content: "✅";
  11408. font-size: 18px;
  11409. color: green;
  11410. }
  11411. .obsolete ~ td:last-of-type a[href^="/styles/delete/"]:before {
  11412. content: "➖";
  11413. font-size: 18px;
  11414. color: red;
  11415. }
  11416.  
  11417. /* Text Shadow */
  11418. #style-table tr td * {
  11419. text-shadow: none !important;
  11420. }
  11421.  
  11422. /* BROWSE SEARCH RESULTS - Screenshot POPUP - CONT */
  11423. #popup_container.popup_right,
  11424. #popup_container.popup_left {
  11425. position: fixed !important;
  11426. float: right !important;
  11427. top: 25% !important;
  11428. right: 0% !important;
  11429. padding: 0 !important;
  11430. z-index: -5000 !important;
  11431. border: none !important;
  11432. box-shadow: none !important;
  11433. background: transparent !important;
  11434. }
  11435. #popup_container img {
  11436. position: absolute !important;
  11437. float: none !important;
  11438. float: right !important;
  11439. min-width: 30% !important;
  11440. max-width: 30% !important;
  11441. right: 0% !important;
  11442. z-index: 500000 !important;
  11443. box-shadow: 4px 4px 8px #000000;
  11444. border: 1px solid peru !important;
  11445. }
  11446.  
  11447. /* A VOIR - MEDIA QUERIES - BROWSE SEARCH RESULTS - Screenshot POPUP */
  11448. /* BROWSE SEARCH RESULTS - Title === */
  11449. .style-brief-text > header > a:link {
  11450. color: #CCCDCD;
  11451. text-decoration: none;
  11452. }
  11453. /* BROWSE SEARCH RESULTS - Desc */
  11454. .style-brief-text > a:visited {
  11455. color: #929292;
  11456. text-decoration: none;
  11457. }
  11458. .style-brief-text > a:active {
  11459. color: #929292;
  11460. text-decoration: none;
  11461. }
  11462.  
  11463. /* ==== START == PAGI ==== */
  11464. /* AGI - ALL - PB NOT LOGED */
  11465. .pagination {
  11466. position: fixed;
  11467. display: inline-block;
  11468. vertical-align: top;
  11469. max-width: 352px;
  11470. min-width: 352px;
  11471. height: 17px;
  11472. line-height: 10px;
  11473. top: 29px;
  11474. left: 550px;
  11475. padding: 1px;
  11476. border-radius: 3px 3px 0 0;
  11477. text-align: center;
  11478. z-index: 500000;
  11479. border: 1px solid peru;
  11480. 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);
  11481. }
  11482.  
  11483. /* PAGI - ALL - Link */
  11484. .pagination .current,
  11485. .pagination .gap,
  11486. .pagination a {
  11487. display: inline-block;
  11488. position: relative;
  11489. height: 12px;
  11490. line-height: 10px;
  11491. margin-top: 0px;
  11492. top: 0px;
  11493. padding: 0 1px;
  11494. border: none;
  11495. border-radius: 3px;
  11496. font-size: 10px;
  11497. box-shadow: 3px 3px 2px black;
  11498. background: #222 !important;
  11499. }
  11500. .pagination > a {
  11501. margin-left: -1px;
  11502. margin-right: -1px;
  11503. padding: 0 3px !important;
  11504. border: 1px solid #999;
  11505. }
  11506. .pagination > a:hover {
  11507. border: 1px solid #A7A7A7;
  11508. background-color: white !important;
  11509. }
  11510. .current {
  11511. margin-left: 1px;
  11512. margin-right: 1px;
  11513. padding: 0 3px;
  11514. border-radius: 3px;
  11515. font-size: 14px !important;
  11516. text-decoration: none;
  11517. border: 1px solid #336699;
  11518. background-color: #F5F7FA;
  11519. }
  11520. .pagination .gap {
  11521. line-height: 15px !important;
  11522. top: -3px;
  11523. margin-right: -5px;
  11524. margin-left: -5px;
  11525. padding: 0;
  11526. font-size: 10px;
  11527. border-radius: 3px;
  11528. }
  11529. .pagination .current,
  11530. .pagination .gap {
  11531. color: white;
  11532. }
  11533. .next_page {
  11534. display: inline-block;
  11535. width: 80px;
  11536. }
  11537. .pagination > a.next_page,
  11538. .pagination > a.next_page:hover,
  11539. .pagination > a.previous_page,
  11540. .pagination > a.previous_page:hover {
  11541. width: 20px;
  11542. font-size: 0px;
  11543. }
  11544. .previous_page:before {
  11545. content: "<";
  11546. font-size: 10px;
  11547. }
  11548. .next_page:before {
  11549. content: ">";
  11550. font-size: 10px;
  11551. }
  11552. .previous_page.disabled,
  11553. .disabled.prev_page,
  11554. .next_page.disabled {
  11555. display: none;
  11556. }
  11557. span.Ellipsis {
  11558. height: 14px;
  11559. line-height: 7px;
  11560. border-radius: 3px;
  11561. box-shadow: 3px 3px 2px black;
  11562. color: peru;
  11563. }
  11564.  
  11565. /* PAGI USERST - GM " TA VIEW P " */
  11566. #table-container + .pagination {
  11567. line-height: 13px;
  11568. top: 32px;
  11569. left: 450px;
  11570. padding: 1px;
  11571. }
  11572. /* USERS */
  11573. #content-wrapper #main-article .pagination > .current {
  11574. margin-top: 0px;
  11575. top: 0px;
  11576. color: white;
  11577. }
  11578.  
  11579. /* PAGI - SEARCH/USERS - List USERST */
  11580. .ad + .pagination {
  11581. position: fixed;
  11582. display: inline-block;
  11583. height: 20px;
  11584. width: 100%;
  11585. width: auto;
  11586. max-width: 600px;
  11587. min-width: 600px;
  11588. left: 270px;
  11589. top: 35px;
  11590. padding: 1px 5px;
  11591. z-index: 500000;
  11592. }
  11593. /* PAGI - SCRIPT PAGE (with/without CITRUS) */
  11594. #script-table + .pagination,
  11595. .width-constraint .pagination {
  11596. max-width: 352px !important;
  11597. min-width: 352px !important;
  11598. top: 39px;
  11599. left: 56.4%;
  11600. border: 1px solid peru;
  11601. }
  11602. /* PAGI - SCRIPT INFO - NEW DESIGN */
  11603. .width-constraint #script-info ul#script-links + header + #script-content > p#contribution + h3 {
  11604. position: fixed;
  11605. display: inline-block;
  11606. vertical-align: bottom;
  11607. width: 51%;
  11608. height: 17px;
  11609. line-height: 17px;
  11610. top: 187px;
  11611. left: 24.6%;
  11612. border-radius: 3px 3px 0 0;
  11613. text-align: left;
  11614. z-index: 500000;
  11615. box-shadow: none;
  11616. border: 1px solid peru;
  11617. border-bottom-color: red;
  11618. background: gold;
  11619. }
  11620. .width-constraint section#script-info ul#discussions + .pagination {
  11621. top: 217px;
  11622. }
  11623. .width-constraint #script-info #script-content p#support-url + h3 + p + ul#discussions + .pagination {
  11624. top: 217px;
  11625. left: 51.2%;
  11626. z-index: 500000;
  11627. }
  11628.  
  11629. /* PAGI SET - CITRUS ONLY OK */
  11630. #UserSets + .width-constraint .pagination {
  11631. position: fixed;
  11632. display: inline-block;
  11633. max-width: 550px;
  11634. min-width: 550px;
  11635. height: 15px;
  11636. line-height: 15px;
  11637. top: 49px;
  11638. left: 34%;
  11639. padding: 1px;
  11640. border-radius: 5px;
  11641. text-align: center;
  11642. box-shadow: none;
  11643. background: transparent;
  11644. }
  11645. /* PAGI - SCRIPT PAGE - CITRUS */
  11646. #script-table + .pagination {
  11647. position: fixed;
  11648. display: inline-block;
  11649. width: 100%;
  11650. max-width: 459px;
  11651. min-width: 459px;
  11652. height: 15px;
  11653. height: 17px;
  11654. line-height: 10px;
  11655. top: 39px !important;
  11656. left: 56.4%;
  11657. padding: 1px;
  11658. border-radius: 3px 3px 0 0;
  11659. text-align: center;
  11660. z-index: 500000 !important;
  11661. box-shadow: 0 0 4px #999;
  11662. 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);
  11663. }
  11664.  
  11665. /* === END == PAGI === */
  11666. /* ==== EDIT PAGE ==== */
  11667. /* (new208) TEST - IFRAME */
  11668. .PageContent iframe[src$="/edit"],
  11669. .PageContent iframe[src="/d/styles/new"] {
  11670. width: 99% !important;
  11671. min-height: 99vh !important;
  11672. max-height: 99vh !important;
  11673. overflow: hidden !important;
  11674. overflow-y: auto !important;
  11675. background: #111 !important;
  11676. }
  11677.  
  11678. /* USERST - INFOS - Textarea Input === */
  11679. .init_loader + .PageContent > ul {
  11680. position: absolute;
  11681. width: 16vw !important;
  11682. padding: 5px 20px !important;
  11683. background: #222 !important;
  11684. }
  11685.  
  11686. /* (new208) */
  11687. .PageContent form[action="/styles/update"] {
  11688. display: inline-block !important;
  11689. min-width: 940px !important;
  11690. max-width: 940px !important;
  11691. margin-left: 0% !important;
  11692. height: 100% !important;
  11693. max-height: 90vh !important;
  11694. min-height: 90vh !important;
  11695. padding: 0 25vw !important;
  11696. overflow: hidden !important;
  11697. overflow-y: auto !important;
  11698. background: #111 !important;
  11699. }
  11700. .PageContent form[action="/styles/update"] .form-controls {
  11701. min-width: 840px !important;
  11702. max-width: 940px !important;
  11703. margin-left: 0% !important;
  11704. margin-bottom: 8px !important;
  11705. padding-left: 5px !important;
  11706. }
  11707. .PageContent form[action="/styles/update"] .form-controls > div > a,
  11708. .PageContent form[action="/styles/update"] .form-controls textarea#css,
  11709. .PageContent form[action="/styles/update"] .form-controls .field_with_errors textarea#style_additional_info,
  11710. .PageContent form[action="/styles/update"] .form-controls textarea#style_long_description {
  11711. min-width: 800px !important;
  11712. max-width: 900px !important;
  11713. margin-left: 2% !important;
  11714. }
  11715. .PageContent .form-controls > table,
  11716. .PageContent .form-controls > table tbody {
  11717. display: inline-block !important;
  11718. width: 100% !important;
  11719. min-width: 920px !important;
  11720. max-width: 920px !important;
  11721. margin-left: 0% !important;
  11722. }
  11723. .PageContent .form-controls > table tbody tr td,
  11724. .PageContent .form-controls > table tbody tr {
  11725. display: inline-block !important;
  11726. width: 100% !important;
  11727. min-width: 840px !important;
  11728. max-width: 840px !important;
  11729. margin-left: 5% !important;
  11730. padding: 5px !important;
  11731. }
  11732. .PageContent .form-controls > table tbody tr td {
  11733. margin-left: 0% !important;
  11734. padding: 0px !important;
  11735. }
  11736. .PageContent .form-controls > table tbody tr td img {
  11737. display: inline-block !important;
  11738. width: 100% !important;
  11739. min-width: 420px !important;
  11740. max-width: 420px !important;
  11741. margin-left: 0% !important;
  11742. padding: 0px !important;
  11743. }
  11744.  
  11745. /* USERST - INFOS - SHORT DESC */
  11746. .form-controls > tbody > tr > td [id="style_short_description"] {
  11747. min-width: 200px!important;
  11748. resize: both !important;
  11749. overflow: auto !important;
  11750. }
  11751. /* USERST - NFOS - ScShots (PreView) - Principal - BEFORE/AFTER */
  11752. .form-controls > tbody > tr > td > dl > dd > img {
  11753. box-shadow: 0 0 4px #999999 !important;
  11754. height: auto;
  11755. margin-left: 200px !important;
  11756. max-width: 900px !important;
  11757. }
  11758. .form-controls > tbody > tr > td > dl > dd {
  11759. margin-left: -169px !important;
  11760. }
  11761. /* USERST - INFOS - ScShots (PreView) - Additional */
  11762. .form-controls > tbody > tr > td > table > tbody > tr > td > img {
  11763. box-shadow: 0 0 4px #999999 !important;
  11764. height: auto;
  11765. max-width: 900px !important;
  11766. }
  11767. /* USERST - INFOS - ScShots - Additional (Table) */
  11768. .form-controls > tbody > tr > td > table {
  11769. margin-left: -149px !important;
  11770. }
  11771. /* USERST - EDIT - EDIT - MAIN CONT */
  11772. #main-article > form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  11773. position: absolute !important;
  11774. display: inline-block !important;
  11775. max-width: 800px !important;
  11776. margin-top: 35px ! important;
  11777. margin-left: 5% ! important;
  11778. }
  11779.  
  11780. /* USERST - EDIT - EDIT - WIDGET */
  11781. #main-article > form[action="/help/widget"] {
  11782. position: relative !important;
  11783. display: table !important;
  11784. min-width: 910px !important;
  11785. max-width: 910px !important;
  11786. margin-top: 3px ! important;
  11787. margin-left: -3px ! important;
  11788. background: #222 !important;
  11789. }
  11790. #main-article > form[action="/help/widget"] .form-controls {
  11791. min-width: 910px !important;
  11792. max-width: 910px !important;
  11793. }
  11794. #main-article > form[action="/help/widget"] .form-controls tbody tr {
  11795. display: inline-block !important;
  11796. width: 100% !important;
  11797. min-width: 910px !important;
  11798. max-width: 910px !important;
  11799. margin-bottom: 0px !important;
  11800. text-align: center !important;
  11801. }
  11802. #main-article > form[action="/help/widget"] .form-controls tbody tr td,
  11803. #main-article > form[action="/help/widget"] .form-controls tbody tr th {
  11804. display: inline-block !important;
  11805. min-width: 870px !important;
  11806. max-width: 870px !important;
  11807. padding: 0 !important;
  11808. text-align: center !important;
  11809. }
  11810.  
  11811. /* USERST - EDIT - DEL STYLE */
  11812. #main-article > form[action="/styles/delete_save"] {
  11813. position: absolute !important;
  11814. display: inline-block !important;
  11815. max-width: 800px !important;
  11816. min-height: 400px !important;
  11817. margin-top: 100px !important;
  11818. margin-left: -55% !important
  11819. }
  11820. #main-article > form[action="/styles/delete_save"] .form-controls > tbody > tr:first-of-type > td textarea {
  11821. min-height: 400px !important;
  11822. }
  11823.  
  11824. /* USERST - EDIT - STY NAME INPUT */
  11825. article#main-article form .form-controls input#style_short_description {
  11826. width: 600px !important;
  11827. }
  11828. /* USERST - EDIT - SCSHOT NAME/UPL FOLDER/BUT INPUT */
  11829. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  11830. display: block !important;
  11831. position: relative !important;
  11832. width: auto !important;
  11833. }
  11834. .form-controls > table > tbody > tr > td:first-of-type > input {
  11835. width: 462px !important;
  11836. }
  11837. .form-controls > table > tbody > tr > td:nth-child(2) > input {
  11838. width: 465px !important;
  11839. }
  11840. /* USERSTYLES - EDIT - CHECK BOX (REMOVE/CHANGE) */
  11841. .form-controls > table > tbody > tr > td:nth-child(3) > input {
  11842. position: absolute !important;
  11843. top: -20px !important;
  11844. }
  11845. .form-controls > table > tbody > tr > td:nth-child(3):after {
  11846. position: absolute;
  11847. display: inline-block;
  11848. content: "Remove / Change";
  11849. width: 200px;
  11850. height: 15px;
  11851. margin-top: -32px;
  11852. margin-left: 45px;
  11853. font-size: 15px;
  11854. color: red;
  11855. }
  11856. /* USERSTS - EDIT - LABELS */
  11857. .form-controls > label {
  11858. color: gold ! important;
  11859. }
  11860. /* USERST - EDIT - SCSHOT - TITLES SECT */
  11861. .form-controls > table > thead > tr {
  11862. display: none ! important;
  11863. }
  11864.  
  11865. /* [[1]==== END ==== */
  11866. /* ==== NOT LOGGED - 3 SMALLS BLOCKS by Rows (BROWSE/SEARCH PAGEs) + 2 BIG and 3 SMALLS BLOCKS for ACCOUNT NOT LOGED and NO SCRIPT */
  11867. .listing-left-info {
  11868. position: absolute !important;
  11869. display: inline-block !important;
  11870. float: none !important;
  11871. min-height: 100px;
  11872. width: 100% !important;
  11873. }
  11874.  
  11875. /* NOT LOGGED - ALL INFOS CONTAINER - BIG + ODD + EVEN */
  11876. .style-brief:nth-child(odd) {
  11877. background: #222222 !important;
  11878. }
  11879.  
  11880. /* NOT LOGGED - INFOS CONTAINER - SMALL > BIG + ODD + EVEN */
  11881. .style-brief {
  11882. position: relative ! important;
  11883. display: inline-block ! important;
  11884. width: 32.72% !important;
  11885. height: 163px ! important;
  11886. right: 0% ! important;
  11887. margin-top: 6px !important;
  11888. margin-bottom: 0px !important;
  11889. overflow: hidden ! important;
  11890. border-radius: 5px !important;
  11891. box-shadow: 6px 5px 6px black !important;
  11892. border: 1px solid gray ! important;
  11893. }
  11894. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4),
  11895. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) {
  11896. position: relative ! important;
  11897. float: left !important;
  11898. width: 49.6% !important;
  11899. height: 224px ! important;
  11900. right: 7.7% ! important;
  11901. margin-top: 6px !important;
  11902. margin-bottom: 0px !important;
  11903. border-radius: 5px !important;
  11904. overflow: hidden ! important;
  11905. box-shadow: 6px 5px 6px black !important;
  11906. border: 1px solid gray ! important;
  11907. }
  11908. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .style-brief-text,
  11909. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .style-brief-text {
  11910. left: 180px;
  11911. }
  11912.  
  11913. /* NOT LOGGED - STYLES INFOS */
  11914. .style-brief-text {
  11915. position: absolute !important;
  11916. display: inline-block !important;
  11917. float: none !important;
  11918. height: 150px ! important;
  11919. width: 100% !important;
  11920. max-width: 67% !important;
  11921. margin-left: 10% !important;
  11922. left: 119px;
  11923. top: 2px !important;
  11924. }
  11925.  
  11926. /* NOT LOGGED - TEXT DESC - ALL + ODD/EVEN */
  11927. .style-brief-control-links:before {
  11928. content: "⏪ " !important;
  11929. position: absolute !important;
  11930. width: 20px !important;
  11931. height: 17px !important;
  11932. line-height: 17px !important;
  11933. left: -10px;
  11934. z-index: 500;
  11935. color: gold !important;
  11936. background: green !important;
  11937. }
  11938. .style-brief-control-links:hover:before {
  11939. content: "⏩ " !important;
  11940. position: absolute !important;
  11941. width: 20px;
  11942. left: -20px;
  11943. text-align: center;
  11944. z-index: 500;
  11945. color: white !important;
  11946. }
  11947. .style-brief-control-links {
  11948. position: absolute !important;
  11949. padding-top: 0 !important;
  11950. width: 10px !important;
  11951. right: -12px;
  11952. top: 22px;
  11953. color: peru !important;
  11954. white-space: nowrap !important;
  11955. z-index: 500;
  11956. }
  11957. .style-brief-control-links:hover {
  11958. width: auto !important;
  11959. right: 0px;
  11960. z-index: 500;
  11961. color: peru !important;
  11962. background: green !important;
  11963. }
  11964. .style-brief-control-links a:hover {
  11965. color: tomato !important;
  11966. background: black !important;
  11967. }
  11968. .style-brief-text > p::first-line {
  11969. color: red !important;
  11970. }
  11971. .style-brief-text > p {
  11972. position: absolute !important;
  11973. display: inline-block !important;
  11974. width: 81.5% !important;
  11975. height: 115px !important;
  11976. left: 87px;
  11977. top: 25px !important;
  11978. margin: 0 auto !important;
  11979. padding: 0 5px !important;
  11980. overflow: hidden !important;
  11981. overflow-y: auto !important;
  11982. white-space: pre-line !important;
  11983. }
  11984.  
  11985. /* NOT LOGGED - TEXT DESC - BIG */
  11986. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .style-brief-text > p,
  11987. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .style-brief-text > p {
  11988. width: 90.5% !important;
  11989. height: 178px !important;
  11990. left: 37px;
  11991. top: 24px !important;
  11992. padding: 0 5px !important;
  11993. overflow: hidden !important;
  11994. overflow-y: auto !important;
  11995. }
  11996.  
  11997. /* NOT LOGGED - STYLES NAME - ALL - SMALL (RESIZE WITH THE SIZE OF THE SCREEN : UNITE TXT in 0.82vw) */
  11998. .style-brief header {
  11999. font-size: 0.89vw !important;
  12000. position: absolute !important;
  12001. display: inline-block ! important;
  12002. width: 150% !important;
  12003. height: 100% !important;
  12004. min-height: 25px ! important;
  12005. max-height: 25px ! important;
  12006. line-height: 25px !important;
  12007. top: -3px !important;
  12008. left: -49.5% !important;
  12009. padding-bottom: 0px ! important;
  12010. overflow: hidden !important;
  12011. white-space: nowrap !important;
  12012. text-overflow: ellipsis !important;
  12013. text-align: center !important;
  12014. }
  12015. .style-brief-text > header > a:link {
  12016. position: relative !important;
  12017. display: inline-block ! important;
  12018. width: 100% !important;
  12019. left: 0px!important;
  12020. overflow: hidden !important;
  12021. white-space: nowrap !important;
  12022. text-overflow: ellipsis !important;
  12023. background: black !important;
  12024. }
  12025. /* NOT LOGGED - STYLES NAME - BIG */
  12026. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) header,
  12027. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) header {
  12028. font-size: 1.1vw !important;
  12029. }
  12030.  
  12031. /* NOT LOGGED - STATS */
  12032. .style-brief-stats {
  12033. position: absolute !important;
  12034. float: right!important;
  12035. height: 16px !important;
  12036. line-height: 16px !important;
  12037. width: 100% !important;
  12038. right: 0px !important;
  12039. left: 0%! important;
  12040. bottom: -12px !important;
  12041. padding: 2px 0 2px 12px !important;
  12042. text-align: left !important;
  12043. background: black ! important;
  12044. }
  12045. .style-brief-stats span {
  12046. display: inline !important;
  12047. min-width: 16em;
  12048. margin-right: 10px !important;
  12049. margin-left: 10px !important;
  12050. padding: 1px !important;
  12051. color: tan !important;
  12052. border: 1px solid gray;
  12053. }
  12054.  
  12055. /* NOT LOGGED - RAT - SMALL - ICON css OR SPRITE */
  12056. .style-brief-text .style-brief-stats span:last-child {
  12057. position: absolute !important;
  12058. left: -5px !important;
  12059. min-width: 10px !important;
  12060. max-width: 10px !important;
  12061. min-height: 16px !important;
  12062. max-height: 16px !important;
  12063. line-height: 16px !important;
  12064. padding: 0 3px 0 15px !important;
  12065. border: none !important;
  12066. cursor: pointer !important;
  12067. font-size: 0 !important;
  12068. }
  12069. .style-brief.no-rating .style-brief-text .style-brief-stats span:last-child:before {
  12070. content: ". ";
  12071. position: absolute;
  12072. display: inline-block;
  12073. left: 0;
  12074. min-width: 19px;
  12075. max-width: 19px;
  12076. min-height: 14px;
  12077. max-height: 15px;
  12078. line-height: 15px;
  12079. margin-top: -1px;
  12080. font-size: 15px;
  12081. color: transparent;
  12082. background-image: url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKGt6Qu.png);
  12083. background-position: -101px -457px;
  12084. }
  12085. .style-brief-text .style-brief-stats span:hover:last-child {
  12086. position: absolute !important;
  12087. min-width: 100% !important;
  12088. height: 15px !important;
  12089. line-height: 15px !important;
  12090. font-size: 11px !important;
  12091. color: gold !important;
  12092. background: black !important;
  12093. }
  12094. /* ICON RAT - GOOD/BAD */
  12095. .style-brief-stats .bad-average-rating {
  12096. position: absolute !important;
  12097. left: -2px !important;
  12098. top: 2px !important;
  12099. }
  12100. .style-brief.good-rating .style-brief-stats img {
  12101. position: absolute !important;
  12102. left: -2px !important;
  12103. }
  12104. /* NOT LOGGED - RAT - BIG */
  12105. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .style-brief-stats,
  12106. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .style-brief-stats {
  12107. position: absolute !important;
  12108. float: left !important;
  12109. width: auto !important;
  12110. left: 4px !important;
  12111. bottom: -72px !important;
  12112. right: 0 !important;
  12113. padding: 2px 0 0 4% !important;
  12114. font-size: smaller !important;
  12115. text-align: left !important;
  12116. background: black !important;
  12117. }
  12118.  
  12119. /* NOT LOGGED - STYLES SCSHOT - ALL */
  12120. .style-brief .listing-left-info figure.screenshot-thumbnail {
  12121. position: relative !important;
  12122. display: inline-block ! important;
  12123. vertical-align: top ! important;
  12124. margin-top: 28px ! important;
  12125. margin-bottom: 0 ! important;
  12126. width: 42% !important;
  12127. height: 265px;
  12128. max-height: 130px !important;
  12129. min-height: 130px !important;
  12130. overflow-y: hidden ! important;
  12131. text-align: center ! important;
  12132. }
  12133. /* for small screenshot */
  12134. .style-brief .listing-left-info figure.screenshot-thumbnail img {
  12135. position: relative !important;
  12136. display: inline-block !important;
  12137. max-width: 77% !important;
  12138. max-height: 128px !important;
  12139. border: 1px dotted gray !important;
  12140. }
  12141. /* NOT LOGGED - SCRSHOT - BIG */
  12142. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(-n + 4) .listing-left-info figure.screenshot-thumbnail,
  12143. #content-wrapper article#main-article dl + h2 ~ article.style-brief:nth-child(n + 11) .listing-left-info figure.screenshot-thumbnail {
  12144. position: relative !important;
  12145. display: inline-block !important;
  12146. vertical-align: middle !important;
  12147. max-height: 195px !important;
  12148. min-height: 195px !important;
  12149. width: 36.5% !important;
  12150. margin-top: 25px !important;
  12151. margin-left: 0.3% !important;
  12152. text-align: center !important;
  12153. overflow-y: hidden !important;
  12154. }
  12155. /* NOT LOGGED - NO SCRSHOT */
  12156. .style-brief .listing-no-screenshot {
  12157. width: 30% !important;
  12158. margin: 27px 0 0 3px !important;
  12159. }
  12160. .listing-no-screenshot {
  12161. width: 70% !important;
  12162. height: 110px !important;
  12163. background-color: black !important;
  12164. }
  12165. /* GM "AUTOPAGERIZE" - ALL - OK */
  12166. .autopagerize_page_info {
  12167. text-align: center !important;
  12168. font-size: 8px !important;
  12169. color: white !important;
  12170. background: #222 !important;
  12171. }
  12172. .autopagerize_page_info a {
  12173. display: inline-block !important;
  12174. min-width: 20px !important;
  12175. height: 20px !important;
  12176. line-height: 20px !important;
  12177. margin-top: 3px !important;
  12178. border-radius: 100% !important;
  12179. text-align: center !important;
  12180. font-size: 14px !important;
  12181. color: white !important;
  12182. background: red !important;
  12183. }
  12184.  
  12185. /* GM "AUTOPAGERIZE" - 2 FIRST USERST by PAGE - DISABLE */
  12186. /* GM "AUTOPAGERIZE - DISABLE */
  12187. .autopagerize_page_info ~ article.style-brief {
  12188. position: relative ! important;
  12189. display: inline-block ! important;
  12190. width: 32.72% !important;
  12191. height: 163px ! important;
  12192. right: 7.5% ! important;
  12193. margin-top: 6px !important;
  12194. margin-bottom: 0px !important;
  12195. border-radius: 5px !important;
  12196. overflow: hidden ! important;
  12197. box-shadow: 6px 5px 6px black !important;
  12198. border: 1px solid gray ! important;
  12199. }
  12200.  
  12201. /* GM "AUTOPAGERIZE" ADAPTATION */
  12202. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator {
  12203. display: inline-block !important;
  12204. clear: both;
  12205. width: 100% !important;
  12206. top: 5px !important;
  12207. margin-left: -75px !important;
  12208. margin-bottom: -15px !important;
  12209. }
  12210. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_info {
  12211. width: 100% !important;
  12212. margin-left: -145px !important;
  12213. top: 5px !important;
  12214. font-size: 8px !important;
  12215. text-align: center !important;
  12216. color: white !important;
  12217. background: #222 !important;
  12218. }
  12219. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .listing-left-info figure.screenshot-thumbnail {
  12220. display: inline-block !important;
  12221. height: 265px;
  12222. margin-bottom: 0 !important;
  12223. margin-top: 28px !important;
  12224. max-height: 160px !important;
  12225. min-height: 160px !important;
  12226. overflow-y: hidden !important;
  12227. position: relative !important;
  12228. text-align: left !important;
  12229. vertical-align: top !important;
  12230. width: 42% !important;
  12231. }
  12232. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .style-brief-text {
  12233. display: inline-block !important;
  12234. height: 150px !important;
  12235. margin-left: 10% !important;
  12236. max-width: 67% !important;
  12237. position: relative !important;
  12238. top: 2px !important;
  12239. width: 100% !important;
  12240. }
  12241. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > header > a:link {
  12242. background: black none repeat scroll 0 0 !important;
  12243. display: inline-block !important;
  12244. left: 0 !important;
  12245. overflow: hidden !important;
  12246. position: relative !important;
  12247. text-overflow: ellipsis !important;
  12248. white-space: nowrap !important;
  12249. width: 100% !important;
  12250. }
  12251. #content-wrapper article#main-article dl + h2 ~ .autopagerize_page_separator ~ .style-brief .style-brief-stats {
  12252. position: absolute !important;
  12253. float: right !important;
  12254. width: 100% !important;
  12255. height: 16px !important;
  12256. line-height: 16px !important;
  12257. margin-bottom: 61px !important;
  12258. bottom: -12px !important;
  12259. right: 0 !important;
  12260. left: 0 !important;
  12261. padding: 2px 0 2px 12px !important;
  12262. text-align: left !important;
  12263. background: black !important;
  12264. }
  12265. /* GM "AUTOPAGERIZE - 2 USERTYLES BY ROW - ENABLE OK */
  12266. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text .style-brief-stats {
  12267. position: absolute !important;
  12268. float: left !important;
  12269. width: auto !important;
  12270. left: 0px !important;
  12271. bottom: -132px !important;
  12272. padding: 2px 0 0 4% !important;
  12273. font-size: smaller !important;
  12274. text-align: left !important;
  12275. background: black !important;
  12276. }
  12277. #content-wrapper article#main-article dl + h2 ~ article.style-brief ~ .autopagerize_page_separator ~ .style-brief .style-brief-text > p {
  12278. position: relative !important;
  12279. display: inline-block !important;
  12280. width: 97% !important;
  12281. min-height: 185px !important;
  12282. max-height: 185px !important;
  12283. top: 12px !important;
  12284. overflow-x: hidden !important;
  12285. overflow-y: auto !important;
  12286. padding: 0 5px !important;
  12287. }
  12288.  
  12289.  
  12290. /* [[2]==== END ==== */
  12291. /* [[1]] +[[2]==== END ==== */
  12292. /* ======== NEW FORUM ==== */
  12293. /* USER NAME - WITHOUT USER ICON - VOIR PB GREASY FORK: USER WITHOUT ICON */
  12294. .UserBox .WhoIs,
  12295. .MeBox .WhoIs {
  12296. position: relative;
  12297. display: inline-block;
  12298. width: 200px;
  12299. height: 100px;
  12300. padding: 0 5px 2px 0;
  12301. border-radius: 5px;
  12302. text-align: center;
  12303. border: 1px solid gray;
  12304. }
  12305. /* With USER ICON */
  12306. .MeBox > .PhotoWrap[href*="/profile/"] + .WhoIs,
  12307. .UserBox > .PhotoWrap[href*="/profile/"] + .WhoIs {
  12308. position: relative;
  12309. display: inline-block;
  12310. width: 196px;
  12311. height: 100px;
  12312. left: 0px;
  12313. margin-top: -55px;
  12314. padding: 0 0px 2px 0;
  12315. border-radius: 5px;
  12316. text-align: center !important;
  12317. box-shadow: 3px 3px 2px black;
  12318. border: 1px solid gray;
  12319. }
  12320. .UserBox a.Username:before,
  12321. .MeBox a.Username:before {
  12322. content: url("http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png");
  12323. position: relative;
  12324. display: inline-block;
  12325. width: 157px;
  12326. margin-left: 0;
  12327. padding: 0 2px 2px 2px;
  12328. transform: scale(1.2, 1);
  12329. border-radius: 5px 5px 0 0;
  12330. text-align: center;
  12331. 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);
  12332. }
  12333. .UserBox {
  12334. margin-top: 28px !important;
  12335. }
  12336. .MeMenu {
  12337. width: 195px !important;
  12338. line-height: 24px;
  12339. margin-top: 5px ! important;
  12340. margin-bottom: -2px ! important;
  12341. border-radius: 0 0 5px 5px !important;
  12342. 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;
  12343. }
  12344. .FlyoutMenu {
  12345. width: 300px;
  12346. border: 1px solid #999;
  12347. color: gray !important;
  12348. box-shadow: 3px 3px 2px black !important;
  12349. background: #222 !important;
  12350. }
  12351. .PopList.Activities li.Item:nth-child(odd) {
  12352. background: #333 !important;
  12353. }
  12354. .FlyoutMenu .ItemContent.Activity > a[href*="/forum/profile/"],
  12355. .FlyoutMenu .ItemContent.Activity > a + a {
  12356. display: inline-block;
  12357. width: 100% !important;
  12358. text-align: left !important;
  12359. }
  12360. .FlyoutMenu .ItemContent.Activity > a[href*="/forum/profile/"] {
  12361. text-indent: 25px !important;
  12362. }
  12363. /* ALL HEADER - BACKG COLOR */
  12364. #Head {
  12365. 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;
  12366. }
  12367. /* CITRUS - FORUM HEADR + FORUM EDIT POST - ADPT for GM "GREASY FORK TABLE VIEW" */
  12368. #Form_Body {
  12369. display: inline-block ! important;
  12370. height: 133px;
  12371. max-width: 660px !important;
  12372. min-width: 660px !important;
  12373. overflow: hidden;
  12374. }
  12375. body > #Frame > .Head {
  12376. position: fixed !important;
  12377. width: 100% !important;
  12378. max-height: 41px ! important;
  12379. min-height: 41px !important;
  12380. top: 0px !important;
  12381. padding-top: 7px ! important;
  12382. z-index: 50 !important;
  12383. border-bottom: 1px solid #828182 !important;
  12384. box-shadow: 0 0 9px 0 #000000 !important;
  12385. }
  12386. /* CI - SITE TIT " GREASY FOR" + ICON */
  12387. .SiteTitle {
  12388. position: relative!important;
  12389. display: inline-block !important;
  12390. top: -5px !important;
  12391. font-size: 24px ! important;
  12392. }
  12393. /* FORUM USERST TITLE */
  12394. #Head .SiteTitle a {
  12395. position: relative !important;
  12396. display: inline-block!important;
  12397. min-width: 250px !important;
  12398. max-width: 250px !important;
  12399. margin-left: -105px ! important;
  12400. text-align: right ! important;
  12401. font-size: 19px !important;
  12402. }
  12403. .SiteTitle > a img {
  12404. position: absolute ! important;
  12405. max-height: 40px !important;
  12406. width: 40px !important;
  12407. margin-left: -60px ! important;
  12408. margin-top: -5px !important;
  12409. }
  12410. /* SITE MENU - CITRUS */
  12411. #Head a {
  12412. font-weight: bold ! important;
  12413. }
  12414. .SiteMenu a {
  12415. font-size: 14px ! important;
  12416. padding: 6px;
  12417. }
  12418. /* SEARCH - FOR/WITHOUT CIT */
  12419. #Head .SiteSearch {
  12420. float: right !important;
  12421. margin-top: -5px !important;
  12422. margin-right: 6.5% !important;
  12423. }
  12424. .MeBox + .SiteSearch {
  12425. margin-top: 25px !important;
  12426. }
  12427. .SiteSearch > form {
  12428. height: 21px !important;
  12429. }
  12430. .SiteSearch > form div {
  12431. height: 21px !important;
  12432. }
  12433. .SiteSearch > form div .InputBox {
  12434. height: 21px !important;
  12435. font-size: 11px;
  12436. padding: 2px 25px 2px 5px!important;
  12437. }
  12438. .SiteSearch > form div input.Button {
  12439. height: 15px !important;
  12440. }
  12441. /* GREAS/USERST - FORUM */
  12442. #Body {
  12443. max-width: 980px;
  12444. padding: 14px 0 0 10px;
  12445. margin: 14px auto auto;
  12446. border-radius: 0;
  12447. box-shadow: none;
  12448. border: 1px solid #bbbbbb;
  12449. background-color: transparent;
  12450. }
  12451. #Head + #Body {
  12452. margin-top: 61px;
  12453. }
  12454. /* USERST */
  12455. #Body .Row {
  12456. display: inline-block;
  12457. width: 980px;
  12458. margin-top: 24px;
  12459. }
  12460. /* GREAS - VOIR FORUM USERST */
  12461. .DiscussionAboutShowDiscussion {
  12462. position: fixed;
  12463. display: inline-block;
  12464. height: 34px;
  12465. line-height: 10px;
  12466. max-width: 200px;
  12467. min-width: 200px;
  12468. top: 53px;
  12469. padding: 2px 5px;
  12470. border-radius: 0 0 0 5px;
  12471. text-align: left;
  12472. overflow: hidden;
  12473. font-size: 9px;
  12474. transform: translate(-210px, 0px);
  12475. z-index: 500;
  12476. color: gold;
  12477. background-color: #222;
  12478. }
  12479. .DiscussionAboutShowDiscussion > a {
  12480. display: inline-block;
  12481. max-height: 25px;
  12482. line-height: 15px;
  12483. max-width: 195px;
  12484. min-width: 195px;
  12485. padding: 2px;
  12486. border-radius: 3px;
  12487. text-align: left;
  12488. font-size: 11px;
  12489. white-space: nowrap;
  12490. overflow: hidden;
  12491. text-overflow: ellipsis;
  12492. }
  12493. .DiscussionAboutShowDiscussion + img {
  12494. position: fixed;
  12495. display: inline-block;
  12496. margin-left: -25px;
  12497. top: 56px;
  12498. z-index: 500;
  12499. }
  12500. .DiscussionAboutShowDiscussion + img.rating-image {
  12501. position: fixed;
  12502. display: inline-block;
  12503. margin-left: -45px;
  12504. top: 75px;
  12505. z-index: 500;
  12506. }
  12507. /* GREAS/USERT FORUM - PANEL LEFT - ALL */
  12508. #Panel.Column.PanelColumn {
  12509. position: fixed;
  12510. display: inline-block;
  12511. width: 200px;
  12512. margin-top: 90px;
  12513. top: 0px;
  12514. z-index: 100;
  12515. border-top: 1px solid red;
  12516. }
  12517. #Panel.Column.PanelColumn .MeBox {
  12518. position: relative;
  12519. display: inline-block;
  12520. width: 198px;
  12521. margin-top: -30px;
  12522. bottom: -32px;
  12523. padding: 0;
  12524. box-shadow: none;
  12525. background-color: #222;
  12526. }
  12527. .Profile .MeBox {
  12528. display: none;
  12529. }
  12530. .Profile .Box.GuestBox {
  12531. position: relative;
  12532. top: -407px;
  12533. padding: 0 3px;
  12534. background: black;
  12535. }
  12536. .BoxFilter.BoxDiscussionFilter,
  12537. .SiteSearch {
  12538. box-shadow: 3px 3px 2px black;
  12539. }
  12540. #vanilla_post_discussion .SiteSearch,
  12541. #vanilla_post_editdiscussion .SiteSearch {
  12542. top: 27px;
  12543. }
  12544. .UserBox .Username,
  12545. .MeBox .Username {
  12546. font-size: 23px;
  12547. vertical-align: top;
  12548. color: peru;
  12549. }
  12550. .Button.BigButton.NewConversation.Primary {
  12551. margin-top: 28px;
  12552. }
  12553. /* Forum Userst - LEFT PANEL - BOX FILTER */
  12554. #Panel .FilterMenu,
  12555. #Panel .PanelCategories {
  12556. border-radius: 5px;
  12557. box-shadow: 3px 3px 2px black;
  12558. border: 1px solid #bbbbbb;
  12559. background-color: #222;
  12560. }
  12561. .Box.BoxCategories,
  12562. #Panel .BoxFilter {
  12563. margin: 10px 0;
  12564. }
  12565. .Column.PanelColumn .MeBox + .BoxFilter.BoxProfileFilter {
  12566. margin-top: 65px;
  12567. }
  12568. /* DISCU COMM */
  12569. /* GREAS */
  12570. #Item_0 {
  12571. position: fixed;
  12572. display: inline-block !important;
  12573. width: 100%;
  12574. min-width: 40px;
  12575. max-width: 40px;
  12576. height: 37px;
  12577. vertical-align: top;
  12578. top: 53px;
  12579. text-align: center;
  12580. z-index: 0;
  12581. color: gold;
  12582. background-color: black;
  12583. }
  12584. .ToggleFlyout.OptionsMenu {
  12585. display: inline-block;
  12586. height: 14px;
  12587. width: 28px;
  12588. left: -15px;
  12589. margin-right: -23px;
  12590. top: -9px;
  12591. }
  12592. /* EDIT */
  12593. #Item_0 .ToggleFlyout.OptionsMenu {
  12594. display: inline-block;
  12595. height: 22px;
  12596. line-height: 22px;
  12597. width: 22px;
  12598. left: 18px;
  12599. margin-right: -23px;
  12600. top: 0px;
  12601. transform: scale(0.8);
  12602. border: 1px solid red;
  12603. }
  12604. .Flyout::before,
  12605. .Flyout::after {
  12606. display: none;
  12607. }
  12608.  
  12609. /* USERTY/GREAS OK */
  12610. .MessageList.Discussion {
  12611. margin-top: 42px;
  12612. }
  12613. /* GREAS/USERST FORUM */
  12614. #Item_0 > h1,
  12615. .MessageList.Discussion h1,
  12616. .Discussion .PageTitle h1,
  12617. .MessageList.Discussion #Item_0.PageTitle h1,
  12618. .Discussion.comment.Section-Discussion .Discussion h1,
  12619. .Section-Discussion.Section-Category-script-requests .Discussion .PageTitle h1 {
  12620. position: fixed;
  12621. display: inline-block;
  12622. height: 38px;
  12623. line-height: 18px;
  12624. width: 100%;
  12625. min-width: 720px;
  12626. max-width: 720px;
  12627. top: 47px;
  12628. padding-left: 20px;
  12629. font-size: 15px;
  12630. text-align: left;
  12631. z-index: 0;
  12632. background-color: black;
  12633. }
  12634. /* USERST FORUM - OK */
  12635. #vanilla_discussion_index.Vanilla.Discussion.Section-Discussion.Section-Category-style-development .MessageList.Discussion #Item_0.PageTitle h1,
  12636. #vanilla_discussion_index.Vanilla.Discussion.Section-Discussion .MessageList.Discussion #Item_0.PageTitle h1 {
  12637. width: 100%;
  12638. min-width: 719px;
  12639. max-width: 719px;
  12640. padding-left: 20px;
  12641. }
  12642. /* USERST - DISC LAST PAGE */
  12643. .MessageList.Discussion .PageTitle .Options {
  12644. display: inline-block;
  12645. height: 37px;
  12646. width: 40px;
  12647. z-index: 5000;
  12648. }
  12649. .MessageList.Discussion .PageTitle .Options .Hijack.Bookmark {
  12650. display: inline-block;
  12651. }
  12652. .MessageList.Discussion #Item_0.PageTitle + img.rating-image {
  12653. position: fixed;
  12654. display: inline-block;
  12655. margin-top: -47px;
  12656. margin-left: 0px;
  12657. z-index: 5000;
  12658. }
  12659.  
  12660. /* ========== */
  12661. a.Bookmark,
  12662. a.Bookmarked,
  12663. a.Bookmarking {
  12664. margin-left: -5px;
  12665. margin-right: 9px;
  12666. }
  12667. #Item_0.PageTitle .Options .Hijack.Bookmark {
  12668. position: relative;
  12669. display: inline-block;
  12670. margin-left: -14px;
  12671. margin-top: 1px;
  12672. z-index: 5000;
  12673. }
  12674. /* GREASY SPRITE UI */
  12675. .Hijack.Bookmark[title="Bookmark"] {
  12676. background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -63px rgba(0, 0, 0, 0);
  12677. }
  12678. .Hijack.Bookmark.Bookmarked {
  12679. background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -83px rgba(0, 0, 0, 0);
  12680. }
  12681.  
  12682. /* BOOKM LIST */
  12683. .ItemDiscussion span.Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark,
  12684. .ItemDiscussion span.Options a.Hijack.Bookmark {
  12685. position: relative;
  12686. display: inline-block;
  12687. left: 10px;
  12688. top: 2px;
  12689. }
  12690. .ItemDiscussion span.Options a.Hijack.Bookmark:not(.Bookmarked) {
  12691. background: url("https://greasyfork.org/forum/applications/dashboard/design/images/ui_sprites.png") no-repeat scroll 0 -2px rgba(0, 0, 0, 0)
  12692. }
  12693. /* PROFILE - NOTIF */
  12694. #dashboard_profile_discussions.Dashboard.Profile.discussions.Section-Profile.js-focus-visible.editor-active .Options .Bookmark {
  12695. position: relative;
  12696. display: inline-block;
  12697. top: 6px;
  12698. left: 10px;
  12699. }
  12700. /* GREAS/USERST - DISC */
  12701. .MessageList.Discussion .Discussion {
  12702. width: 96%;
  12703. margin-top: 0px;
  12704. padding: 10px 10px;
  12705. border: 1px solid gray;
  12706. border-top: 1px solid peru;
  12707. }
  12708. .MessageList.Discussion .Discussion .Item-BodyWrap,
  12709. .MessageList.Discussion .Discussion .Item-Header {
  12710. width: 100%;
  12711. }
  12712. /* USERST */
  12713. #vanilla_discussion_index.Section-Discussion .BreadcrumbsWrapper + .Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion #Item_0.PageTitle + .Item.ItemDiscussion .Discussion {
  12714. margin-top: 0px;
  12715. padding: 10px 15px;
  12716. border: 1px solid gray;
  12717. border-top: 1px solid peru;
  12718. }
  12719. .MessageList.Discussion .Discussion .Item-Header.DiscussionHeader {
  12720. margin-top: -4px;
  12721. }
  12722. .MessageList.DataList.Comments {
  12723. position: relative;
  12724. display: inline-block;
  12725. width: 100%;
  12726. margin-top: 0px;
  12727. border-top: 1px solid gray;
  12728. }
  12729. .MessageList .Item:hover {
  12730. background-color: black ! important;
  12731. }
  12732. .MessageList .Item.ItemDiscussion {
  12733. position: relative;
  12734. display: inline-block;
  12735. width: 100%;
  12736. min-width: 100%;
  12737. margin-bottom: -17px;
  12738. margin-top: 0px;
  12739. top: 0px;
  12740. padding-left: 5px;
  12741. z-index: -1;
  12742. }
  12743. #vanilla_discussions_bookmarked .Item:nth-child(odd),
  12744. #vanilla_discussions_mine .Item:nth-child(odd),
  12745. #vanilla_discussions_participated .Item:nth-child(odd),
  12746. .DataList.CategoryList .Item:nth-child(odd),
  12747. .DataList .ItemDiscussion:nth-child(odd),
  12748. .Item.ItemComment:nth-child(odd) {
  12749. background-color: #222;
  12750. }
  12751. #vanilla_discussions_bookmarked .Item:nth-child(even),
  12752. #vanilla_discussions_participated .Item:nth-child(even),
  12753. .DataList.CategoryList .Item:nth-child(even),
  12754. .DataList .ItemDiscussion:nth-child(even),
  12755. .Item.ItemComment:nth-child(even) {
  12756. background-color: #414141;
  12757. }
  12758. #vanilla_discussions_bookmarked .Item:hover,
  12759. #vanilla_discussions_participated .Item:hover,
  12760. #vanilla_discussions_participated .Item:hover,
  12761. .DataList.CategoryList .Item:hover,
  12762. .DataList .ItemDiscussion:hover,
  12763. .Item.ItemComment:hover {
  12764. transition: background ease 0.8s;
  12765. box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.7) inset;
  12766. background-color: rgba(7, 7, 7, 0.57);
  12767. }
  12768. #vanilla_discussions_bookmarked .Item:nth-child(odd):hover,
  12769. #vanilla_discussions_participated .Item:nth-child(odd):hover,
  12770. #vanilla_discussions_participated .Item:nth-child(odd):hover,
  12771. .DataList.CategoryList .Item:nth-child(odd):hover,
  12772. .DataList .ItemDiscussion:nth-child(odd):hover,
  12773. .Item.ItemComment:nth-child(odd):hover {
  12774. transition: background ease 0.8s;
  12775. background-color: rgba(7, 7, 7, 0.67);
  12776. }
  12777. /* FORUM DISC - TITLE (from Com Numbe) */
  12778. .DataList:not(.Activities) .Item .ItemContent .Title {
  12779. margin-top: 0px;
  12780. }
  12781. .DataList:not(.Activities) .Item .ItemContent .Title > a {
  12782. position: relative;
  12783. display: inline-block;
  12784. width: 100%;
  12785. margin-top: -35px;
  12786. margin-bottom: -20px;
  12787. vertical-align: middle;
  12788. font-size: 14px;
  12789. white-space: nowrap;
  12790. overflow: hidden;
  12791. text-overflow: ellipsis
  12792. }
  12793. /* LAST USER COM */
  12794. .MItem.LastCommentBy a {
  12795. display: inline-block;
  12796. vertical-align: top;
  12797. width: 140px;
  12798. height: 18px;
  12799. overflow: hidden;
  12800. text-overflow: ellipsis;
  12801. }
  12802. /* GREAS - DISC LAST PAGE */
  12803. .CommentsWrap .BeforeCommentHeading + .DataBox.DataBox-Comments {
  12804. position: relative;
  12805. display: inline-block;
  12806. min-width: 100%;
  12807. margin-top: 0px;
  12808. left: 0px;
  12809. z-index: 1;
  12810. }
  12811. /* USERSTY */
  12812. #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 {
  12813. position: relative !important;
  12814. display: inline-block;
  12815. min-width: 100%;
  12816. margin-top: -15px;
  12817. left: 0px;
  12818. z-index: 1;
  12819. }
  12820. /* DISC LIST - RAT ICON */
  12821. .DataList .rating-image {
  12822. height: 16px;
  12823. line-height: 16px;
  12824. margin-top: 3px;
  12825. }
  12826. /* DISCU LIST - READ */
  12827. .DataList .ItemDiscussion.Item.Read {
  12828. background-color: rgba(47, 47, 47, 0.84);
  12829. }
  12830. .Item.Read .BlockTitle a:before,
  12831. .Item.Read .Title a:before {
  12832. content: ">> ";
  12833. color: gold;
  12834. }
  12835. /* ADD ICON "VIEW" from MOZILLA ADDONS PAGES */
  12836. .Bookmarked .Title a::before,
  12837. .Item.Read .Title a::before {
  12838. background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b");
  12839. background-position: 3px -650px;
  12840. background-repeat: no-repeat;
  12841. color: transparent;
  12842. content: ">> ";
  12843. display: inline-block;
  12844. position: relative;
  12845. height: 100%;
  12846. max-height: 15px;
  12847. min-height: 15px;
  12848. top: 4px;
  12849. margin-right: 3px;
  12850. margin-left: -2px;
  12851. background-color: rgba(55, 173, 227, 0.4);
  12852. }
  12853. .DataList .ItemDiscussion {
  12854. position: relative;
  12855. padding-left: 22px;
  12856. border-bottom: 1px solid gray;
  12857. }
  12858. .MessageList.DataList.Comments .ItemComment,
  12859. .ItemDiscussion {
  12860. position: relative;
  12861. display: inline-block;
  12862. width: 94%;
  12863. min-width: 728px;
  12864. max-width: 728px;
  12865. margin-top: 0px;
  12866. padding-left: 5px;
  12867. padding-right: 0px;
  12868. }
  12869. .MessageList.DataList.Comments .ItemComment {
  12870. min-width: 754px;
  12871. max-width: 754px;
  12872. }
  12873. #vanilla_discussions_index.index.Section-DiscussionList li.ItemDiscussion {
  12874. position: relative;
  12875. display: inline-block;
  12876. height: 65px;
  12877. left: 0px;
  12878. margin-top: 0px;
  12879. margin-bottom: 3px;
  12880. padding-left: 3px;
  12881. z-index: 0;
  12882. }
  12883. /* FIRST GREASY */
  12884. #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),
  12885. #vanilla_discussions_index.index.Section-DiscussionList li.ItemDiscussion.filtered:first-of-type:not(.Mine):not(.Bookmarked) {
  12886. position: relative;
  12887. display: inline-block;
  12888. height: 35px;
  12889. left: 0px;
  12890. margin-top: 0px;
  12891. top: 0px;
  12892. z-index: 0;
  12893. }
  12894. /* GREASY/USERST Forum - COM */
  12895. .CommentsWrap ul.DataList li.Item .Comment {
  12896. padding: 0 30px 0 5px;
  12897. border-right: 2px solid red;
  12898. }
  12899. /* GREAS - FORUM - ORIG POST */
  12900. .isOriginalPoster {
  12901. min-width: 744px;
  12902. max-width: 744px;
  12903. border-left: 4px solid red;
  12904. }
  12905. /* FORUM DISC - ITEMS - MINE */
  12906. .ItemContent.Discussion {
  12907. max-width: 95%;
  12908. }
  12909. .Item.ItemDiscussion,
  12910. .Item.Bookmarked.Mine.ItemDiscussion {
  12911. position: relative;
  12912. padding-left: 22px;
  12913. }
  12914. /* OPTION CONT */
  12915. .Options,
  12916. .Item.Bookmarked.Mine.ItemDiscussion .Options {
  12917. position: absolute;
  12918. float: none;
  12919. width: 28px;
  12920. height: 48px;
  12921. right: 1px;
  12922. top: 1px;
  12923. }
  12924. .Options:hover,
  12925. .Item.Bookmarked.Mine.ItemDiscussion .Options:hover {
  12926. z-index: 500;
  12927. }
  12928. li.Item.ItemDiscussion.filtered:not(.Mine):not(.Bookmarked) .Options {
  12929. max-height: 30px;
  12930. }
  12931. .Options .ToggleFlyout.OptionsMenu,
  12932. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu {
  12933. position: absolute;
  12934. display: inline-block;
  12935. height: 20px;
  12936. width: 20px;
  12937. top: 35px;
  12938. margin-right: 0px;
  12939. left: 4px;
  12940. }
  12941. /* EDIT/DISM - ALL */
  12942. .Options .ToggleFlyout.OptionsMenu span.Button-Options {
  12943. display: inline-block;
  12944. height: 20px;
  12945. line-height: 20px;
  12946. font-size: 0;
  12947. z-index: 5000;
  12948. }
  12949. /* GREASY */
  12950. #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,
  12951. #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 {
  12952. height: 18px;
  12953. width: 18px;
  12954. display: inline-block;
  12955. left: 0px;
  12956. top: 53px;
  12957. }
  12958. #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 {
  12959. content: " ";
  12960. width: 16px;
  12961. height: 16px;
  12962. top: 34px !important;
  12963. left: -15px;
  12964. margin-left: 0;
  12965. font-size: 15px;
  12966. visibility: visible;
  12967. background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px;
  12968. outline: 1px solid gray;
  12969. }
  12970. /* EDIT ICON - BOOK LIST */
  12971. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover,
  12972. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
  12973. position: absolute;
  12974. display: inline-block;
  12975. height: 18px;
  12976. width: 18px;
  12977. top: 2px;
  12978. left: 0px;
  12979. visibility: visible;
  12980. opacity: 1;
  12981. }
  12982. /* EDIT ICON - BOOK LIST - MINE */
  12983. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:hover,
  12984. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"].no-icon:not(:hover) {
  12985. position: absolute;
  12986. display: inline-block;
  12987. height: 18px;
  12988. width: 18px;
  12989. top: 2px;
  12990. left: 0px;
  12991. visibility: visible;
  12992. opacity: 1;
  12993. }
  12994. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit,
  12995. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit {
  12996. position: absolute;
  12997. display: inline-block;
  12998. min-width: 18px;
  12999. max-width: 18px;
  13000. left: -1px;
  13001. top: -2px;
  13002. margin-left: 0;
  13003. visibility: visible;
  13004. opacity: 1;
  13005. }
  13006. #vanilla_discussion_index.Vanilla.Discussion #Content.Column.ContentColumn .dropdown-menu-link.dropdown-menu-link-edit {
  13007. position: absolute;
  13008. display: inline-block;
  13009. min-width: 18px;
  13010. max-width: 18px;
  13011. left: 9px;
  13012. top: -28px;
  13013. margin-left: 0;
  13014. visibility: visible;
  13015. opacity: 1;
  13016. transform: scale(0.8);
  13017. }
  13018. /* GREASY FORUM COM - OPTION - EDIT/FAVS */
  13019. .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before,
  13020. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu .Flyout.MenuItems.list-reset li[role="presentation"] .dropdown-menu-link.dropdown-menu-link-edit::before {
  13021. content: " ";
  13022. width: 16px;
  13023. height: 16px;
  13024. margin-left: 0px;
  13025. left: 0px;
  13026. top: 0px;
  13027. font-size: 15px;
  13028. visibility: visible;
  13029. background: black url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px;
  13030. outline: 1px solid gray;
  13031. border: 1px solid gray;
  13032. }
  13033. .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark,
  13034. .Item.Bookmarked.Mine.ItemDiscussion .Options .ToggleFlyout.OptionsMenu + a.Hijack.Bookmark {
  13035. position: relative;
  13036. top: 8px;
  13037. left: 10px;
  13038. }
  13039. /* PROF */
  13040. .ProfilePhotoLarge {
  13041. margin-top: 55px;
  13042. position: relative;
  13043. width: 200px;
  13044. }
  13045. /* ICON PROF - PANEL LEFT - DISC LIST/COM - (not Notif or com) */
  13046. .UserBox > .PhotoWrap[href*="/profile/"],
  13047. #Panel.Column.PanelColumn > .MeBox > a.PhotoWrap[href*="/profile/"] {
  13048. position: relative;
  13049. display: inline-block;
  13050. height: 55px;
  13051. width: 198px;
  13052. top: 0px;
  13053. text-align: center;
  13054. z-index: 500;
  13055. }
  13056. /* USER ICON - GREAS */
  13057. #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium {
  13058. position: relative !important;
  13059. display: inline-block !important;
  13060. margin-top: 0px !important;
  13061. top: 3px !important;
  13062. outline: 1px solid violet !important;
  13063. }
  13064. /* USERSTY */
  13065. .Row .BreadcrumbsWrapper + #Panel.Column.PanelColumn .MeBox .PhotoWrap .ProfilePhoto.ProfilePhotoMedium,
  13066. /* GREAS */
  13067. #vanilla_discussions_mine #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13068. #vanilla_categories_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13069. #vanilla_drafts_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13070. #vanilla_discussions_bookmarked #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium,
  13071. #vanilla_discussion_index #Panel.Column.PanelColumn .MeBox a.PhotoWrap img.ProfilePhoto.ProfilePhotoMedium {
  13072. margin-top: 0px !important;
  13073. top: 3px !important;
  13074. outline: 1px solid yellow;
  13075. }
  13076. /* GREAS FORUM - DISC - TOP */
  13077. #vanilla_discussion_comment .Column.ContentColumn {
  13078. border-top: 1px solid peru;
  13079. }
  13080. .MeBox + .BoxButtons.BoxNewDiscussion {
  13081. margin-top: 30px;
  13082. box-shadow: 3px 3px 2px black;
  13083. }
  13084. /* START === UESRST FORUM REVIEW - Style Name in First */
  13085. .Section-Category-style-reviews.Section-DiscussionList .DataList .Title {
  13086. display: inline-block;
  13087. width: 100%;
  13088. min-width: 100%;
  13089. max-width: 100%;
  13090. font-size: 14px;
  13091. }
  13092. .Section-Category-style-reviews.Section-DiscussionList .Item.ItemDiscussion .ItemContent.Discussion span.DiscussionAboutListDiscussion {
  13093. position: relative;
  13094. display: inline-block;
  13095. width: 100%;
  13096. min-width: 93%;
  13097. max-width: 93%;
  13098. height: 100%;
  13099. min-height: 15px;
  13100. max-height: 15px;
  13101. line-height: 15px;
  13102. top: 3px;
  13103. margin-left: 20px;
  13104. }
  13105. .Section-Category-style-reviews.Section-DiscussionList .Bookmarked.Mine.Participated.Read .DiscussionAboutListDiscussion {
  13106. margin-top: 21px;
  13107. margin-left: 0px;
  13108. }
  13109. /* GOOD RAT - OK - THUMB UP */
  13110. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image {
  13111. display: inline-block;
  13112. margin-left: 0px;
  13113. margin-top: 25px;
  13114. }
  13115. /* BAD RAT - THUMB DOWN */
  13116. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image[alt="Bad rating"] {
  13117. display: inline-block;
  13118. margin-left: 0px;
  13119. margin-top: 25px;
  13120. }
  13121. /* USERST - REVIEW LIST */
  13122. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList #Frame #Body .Row #Content.Column.ContentColumn .DataList.Discussions {
  13123. position: relative;
  13124. display: inline-block;
  13125. width: 100%;
  13126. margin-top: 22px;
  13127. }
  13128. #vanilla_categories_index.Vanilla.Categories.index.Discussions.Category-style-reviews.Section-Category-style-reviews.Section-DiscussionList #Frame #Body .Row #Content .DataList.Discussions > li {
  13129. position: relative;
  13130. min-height: 72px;
  13131. margin: 0;
  13132. padding-left: 22px;
  13133. }
  13134. .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title > a {
  13135. display: inline-block !important;
  13136. width: 100% !important;
  13137. margin-bottom: -9px!important;
  13138. margin-top: -26px !important;
  13139. }
  13140.  
  13141. /* END === UESRST FORUM REVIEW ==== */
  13142. /* FORUM NOTIFICATION - TXT */
  13143. .Flyout .Author .PhotoWrap {
  13144. height: 10px;
  13145. width: 20px;
  13146. }
  13147. .PopList.Activities .PhotoWrap.PhotoWrapMedium {
  13148. height: 20px;
  13149. margin-bottom: -18px;
  13150. background-color: black;
  13151. }
  13152. .Flyout .Author .ProfilePhoto {
  13153. width: 20px;
  13154. height: 20px;
  13155. background-size: cover;
  13156. }
  13157. .PopList .ItemContent {
  13158. line-height: 1.2;
  13159. margin-left: -1px;
  13160. }
  13161. /* DRAFT */
  13162. .DataList.Drafts {
  13163. margin-top: 98px;
  13164. border-top: 1px solid gray;
  13165. }
  13166.  
  13167. /* ATTACH */
  13168. .Attachment img {
  13169. max-width: 100%;
  13170. height: auto;
  13171. vertical-align: bottom;
  13172. }
  13173. .Attachment {
  13174. max-width: 100px;
  13175. min-width: 100px;
  13176. padding: 3px 8px 8px 5px;
  13177. border-radius: 5px;
  13178. background-color: black;
  13179. }
  13180.  
  13181. /* ATTACH COUNTER */
  13182. .Attachments {
  13183. counter-reset: image;
  13184. border-radius: 5px;
  13185. background-color: #222;
  13186. }
  13187. .Attachment:before {
  13188. content: counter(image, decimal);
  13189. position: absolute;
  13190. display: inline-block;
  13191. height: 20px;
  13192. top: 10px;
  13193. padding: 0 3px;
  13194. border-radius: 5px;
  13195. counter-increment: image;
  13196. background: none repeat scroll 0 0 rgba(135, 207, 235, 0.3);
  13197. }
  13198.  
  13199. /* FORUM PAGI - PAGE WRAP (bottom) */
  13200. .PagerWrap {
  13201. margin-top: 20px;
  13202. overflow: visible;
  13203. }
  13204. /* FORUM PAGINATION - ALL */
  13205. .PageControls {
  13206. display: inline-block;
  13207. width: 95%;
  13208. height: 100%;
  13209. min-height: 15px;
  13210. max-height: 15px;
  13211. line-height: 15px;
  13212. text-align: right;
  13213. }
  13214. .PageControls.Top {
  13215. position: fixed;
  13216. display: inline-block;
  13217. width: 560px;
  13218. min-height: 22px;
  13219. margin-left: 190px;
  13220. top: 25px;
  13221. opacity: 1;
  13222. visibility: visible;
  13223. z-index: 200;
  13224. }
  13225. /* PAGI TOP - USERST DISC LAST PAGE */
  13226. #PagerBefore.Pager {
  13227. position: fixed;
  13228. display: inline-block;
  13229. vertical-align: bottom;
  13230. max-width: 560px;
  13231. min-width: 560px;
  13232. height: 17px;
  13233. line-height: 12px;
  13234. top: 30px;
  13235. right: 24.2%;
  13236. padding: 1px;
  13237. border-radius: 3px 3px 0 0;
  13238. text-align: center;
  13239. z-index: 500;
  13240. border: 1px solid peru;
  13241. background-color: transparent;
  13242. }
  13243.  
  13244. /* ICONS */
  13245. /* SPRITE GREAS */
  13246. .SpNotifications,
  13247. .SpGlobe {
  13248. background-position: -32px -212px;
  13249. }
  13250. .SpInbox,
  13251. .SpEnvelope {
  13252. background-position: 0 -228px;
  13253. }
  13254. .SpBookmarks,
  13255. .SpStar {
  13256. background-position: -80px -245px;
  13257. }
  13258. .SpDashboard,
  13259. .SpOptions,
  13260. .SpCog {
  13261. background-position: 0 -212px;
  13262. }
  13263. /* MY NAME */
  13264. .QuoteAuthor > a[href*="/decembre"],
  13265. .Item .Author a[href*="/decembre"] {
  13266. font-size: 18px;
  13267. color: peru;
  13268. }
  13269.  
  13270.  
  13271. /* ==== (ALL) STYLE ==== */
  13272. /* (new218) (ALL) BackGround Color === */
  13273. htlm,
  13274. body {
  13275. width: 100% !important;
  13276. text-align: left !important;
  13277. overflow: hidden !important;
  13278. overflow-y: hidden !important;
  13279. overflow-x: hidden !important;
  13280. color: #929292;
  13281. background: #333 !important;
  13282. }
  13283.  
  13284. /* (new211) A VOIR margin - After IFRAME */
  13285. #container-responsive {
  13286. display: inline-block !important;
  13287. width: 100% !important;
  13288. min-height: 99.7vh !important;
  13289. max-height: 99.7vh !important;
  13290. /* margin-top: 0 auto 0 0 !important; */
  13291. overflow: hidden !important;
  13292. overflow-y: auto !important;
  13293. /* overflow-y: hidden !important; */
  13294. /* overflow-x: hidden !important; */
  13295. }
  13296. #nav-view-responsive {
  13297. display: inline-block !important;
  13298. flex-direction: unset;
  13299. height: 100% !important;
  13300. min-height: 100% !important;
  13301. width: 100% !important;
  13302. }
  13303. #container-responsive .view_inner {
  13304. display: inline-block !important;
  13305. flex-direction: unset !important;
  13306. justify-content: unset !important;
  13307. margin-top: 10px;
  13308. width: 100% !important;
  13309. height: auto !important;
  13310. overflow: hidden !important;
  13311. overflow-y: auto !important;
  13312. text-align: center !important;
  13313. }
  13314.  
  13315. /* FOR LIGHTBOX */
  13316. body[style="overflow: auto"],
  13317. body[style="overflow: visible;"] {
  13318. overflow: visible !important;
  13319. }
  13320.  
  13321. /* GREAS - CODE PAGE - STRIPP BACKG -
  13322. TEST CODERAY HUGE CODE: https://greasyfork.org/en/scripts/1896-nwpb/code
  13323. === */
  13324. #script-info .CodeRay {
  13325. display: inline-block;
  13326. max-width: 99.8%;
  13327. background-image: linear-gradient(rgba(85, 85, 85, 0.05) 90%, transparent 50%, transparent);
  13328. background-size: 30px 15px;
  13329. }
  13330. #script-info .CodeRay tbody {
  13331. display: inline-block;
  13332. width: 99.98%;
  13333. }
  13334.  
  13335. #script-info .CodeRay tbody .code {
  13336. display: inline-block;
  13337. min-width: 905px;
  13338. max-width: 905px;
  13339. }
  13340. #script-info .CodeRay tbody .code pre {
  13341. min-width: 900px;
  13342. max-width: 900px;
  13343. word-wrap: break-word;
  13344. white-space: pre-line;
  13345. }
  13346.  
  13347.  
  13348. /* ===== (new189) COLOR - LINK ===== */
  13349. /* ICON - FILTER to PERU */
  13350. .replies-icon,
  13351. .comment-wrapper .actions .right-actions .reply-wrapper .reply-to-icon,
  13352. .enter-comment-wrapper .enter-comment-icon {
  13353. filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
  13354. }
  13355.  
  13356. /* LINK - TEXT DECO NONE */
  13357. a:link {
  13358. text-decoration: none;
  13359. }
  13360.  
  13361. /* (new189) LINK / TXT SPECIAL */
  13362. .MItem.MCount.CommentCount,
  13363. .MItem.MCount.ViewCount {
  13364. color: #b7b7b7;
  13365. }
  13366. table#style-table .meta span.date.date1 {
  13367. color: #23A4A2;
  13368. text-decoration: none;
  13369. }
  13370. table#style-table .meta span.date.date2 {
  13371. color: #0DD6D3;
  13372. text-decoration: none;
  13373. }
  13374. #main-article #style-table a[href^="/styles/"] {
  13375. color: #DD9E0F;
  13376. text-decoration: none;
  13377. }
  13378. #main-article #style-table a:visited[href^="/styles/"] {
  13379. color: #EAC060 !important;
  13380. text-decoration: none !important;
  13381. }
  13382.  
  13383. /* (ALL) LINKS - PERU / TOMATO (visited) */
  13384. body:not(.Settings) a:not(.Button),
  13385. #Head a,
  13386. #site-nav a,
  13387. #additional-info > a b,
  13388. a {
  13389. color: peru !important
  13390. }
  13391. a:visited {
  13392. color: tomato !important
  13393. }
  13394.  
  13395. /* VISITED ACTIVE- GOLD / GOLD */
  13396. section#style-info div#main-style-info div#stylish-installed-style-installed.install-status.install-info a.install-note,
  13397. #style-install-unknown > p > a,
  13398. #style-install-unknown > p > a:visited,
  13399. #style-install-unknown > p > a:active {
  13400. color: GOLD !important;
  13401. }
  13402.  
  13403.  
  13404. /* VISITED - TAN */
  13405. body:not(.Settings) a:not(.Button):visited,
  13406. #additional-info > a:visited,
  13407. #additional-info > a:visited b,
  13408. .discussion-list > li > a:visited,
  13409. .About > dt > a:visited,
  13410. .Item-Body .Message > a:visited,
  13411. .script-author-description > p > a:visited,
  13412. .script-author-description > ul > li > ul > li > a:visited,
  13413. .script-author-description > ul > li > a:visited,
  13414. .DataList .Item .Title > a:visited,
  13415. .inline-list > li > a:visited,
  13416. .DataList .ItemDiscussion.Item.Read a:visited {
  13417. color: TAN !important;
  13418. }
  13419.  
  13420. /* VISITED - GOLDENROD */
  13421. .thetitle > a:visited > b {
  13422. color: GOLDENROD !important;
  13423. }
  13424.  
  13425. /* (new229) VISITED - ROSYBROWN */
  13426. .width-constraint #discussions li > a:first-of-type:visited {
  13427. color: ROSYBROWN !important;
  13428. }
  13429. form .history_versions .version-changelog > p > a {
  13430. color: peru !important;
  13431. /* background: red !important; */
  13432. }
  13433. form .history_versions .version-changelog > p > a:visited {
  13434. color: ROSYBROWN !important;
  13435. /* background: red !important; */
  13436. }
  13437. /* VISITED / HOVER - Color A VOIR */
  13438. a:hover {
  13439. color: #73B379 !important;
  13440. }
  13441. a:visited:hover {
  13442. color: #B9D56E !important;
  13443. text-decoration: none !important;
  13444. }
  13445.  
  13446.  
  13447. /* END ==== LINK - VISITED ==== */
  13448. /* START ==== LINK - HOVER ===== */
  13449. /* LINKS HOVER - TOMATO */
  13450. #show-code + #control-panel > a:hover,
  13451. #main-header > h1 > a:hover,
  13452. #style-author-info > tbody > tr > td > a:not(.license-image):hover,
  13453. #long-description > a:hover,
  13454. .MItem.LastCommentBy > a:hover,
  13455. .About > dt:last-of-type a:hover,
  13456. .script-author-description > ul > li > ul > li:hover a:hover,
  13457. .About dt a:hover,
  13458. #main-article #table-container #style-table tr td:nth-child(2) a[href^="/styles/"]:hover,
  13459. #script-list-option-groups .list-option > a:hover,
  13460. #user-script-list > li h2 a:hover,
  13461. #browse-script-list > li h2 a:hover,
  13462. .script-list-author > span > a:hover,
  13463.  
  13464. .DataList.SearchResults .Item .ItemContent:hover .Meta a,
  13465. #script-content > form > ul > li:hover,
  13466. #contact a:hover,
  13467. #related > ul > li > a:hover,
  13468. #screenshots #more-screenshots a:hover,
  13469. .Message > b > a:hover,
  13470. .Buttons .Back > a:hover,
  13471. .AttachFileWrapper .AttachFileLink > a:hover,
  13472. .AuthorWrap .Author .PhotoWrap + .Username:hover,
  13473. #Item_0 + .DiscussionAboutShowDiscussion > a:hover,
  13474. .Item-Body .Message > a:hover,
  13475. .MItem.Category > a:hover,
  13476. .ReactButton.Quote.Visible:hover,
  13477. .Box.BoxCategories a:hover,
  13478. #Panel .FilterMenu a:hover,
  13479. .SiteMenu > li > a:hover,
  13480. .ItemContent.Discussion .Title > a:hover,
  13481. #main-article > dl > dd > a:hover,
  13482. #main-article > dl > dt:hover,
  13483. #main-header + #content-wrapper > #main-article > ul:hover:before,
  13484. #main-article > ul > li > a:hover,
  13485. #sidebar-forum > a:hover,
  13486. #sidebar-help > a:hover,
  13487. #sidebar-browse > a:hover,
  13488. #sidebar-my-account > a:hover,
  13489. #show-button:hover,
  13490. #control-panel > a:nth-child(1):hover,
  13491. #control-panel > a:hover,
  13492.  
  13493. #long-description > a > b:hover,
  13494.  
  13495. #main-article #hidden-meta a:hover,
  13496. #no-discussions > a:hover,
  13497. #site-name > a[href="/"] span:hover,
  13498. .thetitle > .theauthor > a:hover,
  13499. .thetitle > a > b:hover,
  13500. .width-constraint > h3 > a:hover,
  13501. #script-content > form > ul > li > a:hover,
  13502. #script-content > p > a:hover,
  13503. #install-area .script-in-sets > a:hover,
  13504. #additional-info-text > a > b:hover,
  13505. #additional-info > div > ul > li > a:hover,
  13506. #additional-info > div > p > a:hover,
  13507. #additional-info > div > p > b > a:hover,
  13508. .script-show-author > span > a:hover,
  13509.  
  13510. #title-subtext:hover > b,
  13511. #site-name > a span#settings-subtext:hover,
  13512. #nav-user-info .user-profile-link > a:hover,
  13513. #nav-user-info > li > a:hover,
  13514. #nav-user-info + nav .help-link > a:hover,
  13515. #nav-user-info + nav .forum-link > a:hover,
  13516. #nav-user-info + nav .scripts-index-link > a:hover,
  13517. #nav-user-info + nav a:hover,
  13518. #nav-user-info .sign-out-link > a:hover,
  13519. #start-discussion:hover,
  13520. #start-discussion-top:hover,
  13521. #start-discussion-bottom:hover,
  13522. .inline-list > li > a:hover,
  13523. #discussions-area #discussions li:hover a:not(:last-of-type),
  13524. .CommentsWrap .Comment:hover a:not(.FlagContent):not([rel="nofollow"]),
  13525. .CommentsWrap .Comment a.FlagContent:hover,
  13526. .width-constraint #discussions li > a:nth-child(4):hover,
  13527. .width-constraint #discussions li > a:nth-child(2):hover,
  13528. .width-constraint #discussions li > a:first-of-type:hover,
  13529. .width-constraint #discussions li:hover > a:nth-child(4),
  13530. .width-constraint #discussions li:hover > time,
  13531. .Message > ol > li > small > a:hover,
  13532. .Message > dl > dd > a:hover,
  13533. .UserQuote .QuoteAuthor a:hover {
  13534. color: TOMATO !important;
  13535. }
  13536.  
  13537.  
  13538. /* LINK - HOVER + VISITED - TOMATO */
  13539. .inline-list > li > a:visited:hover,
  13540. .DataList .ItemDiscussion.Item.Read a:visited:hover,
  13541. .DataList .ItemDiscussion.Item.Read a:visited:hover {
  13542. color: TOMATO !important;
  13543. }
  13544.  
  13545.  
  13546. /* ============ END COLOR LINKS ====== */
  13547. /* TEST - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - FIGHT AGAINST a VERY STRANGE TYPO EFFECT - with / without GM "CITRUS" -
  13548. in SCRIPT NAME of:
  13549. DIEP.IO by Terjanq
  13550.  
  13551. IT'S USER (terjanq) LIST:
  13552. https://greasyfork.org/fr/users/33759-terjanq
  13553.  
  13554. SEARCH "DIEP.IO+":
  13555. https://greasyfork.org/fr/scripts/search?q=DIEP.IO+
  13556.  
  13557. MY DISSCUS about it :
  13558. Removed : VERY strange TYPO EFFECT in your script name !
  13559. Linked in :
  13560. https://greasyfork.org/en/scripts/24423-greasyfork-theme/discussions/23845
  13561. LAST TOPIC ABOUT ZAGLOT- 2021.03 :
  13562. https://greasyfork.org/en/discussions/greasyfork/79255-ban-or-at-least-hide-these-zalgo-characters
  13563. === */
  13564. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in FORUM - MY COMMENT ABOUT IT */
  13565. .Title a[href*="https://greasyfork.org/fr/forum/discussion/9570/"] {
  13566. overflow: hidden !important;
  13567. background: rgba(255, 0, 0, 0.2) !important;
  13568. }
  13569. #Discussion_9570 .Discussion .Item-BodyWrap .Message {
  13570. overflow: hidden !important;
  13571. background: rgba(255, 0, 0, 0.2) !important;
  13572. }
  13573.  
  13574.  
  13575. /* GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - GOOD : in SCRIPT LIST - USER PROFILE / SEARCH */
  13576. #script-table #s19838 .thetitle + div,
  13577. #user-script-list > li > article a[href$="/19838-diep-io-by-terjanq"] + span + .description,
  13578. #user-script-list > li[data-script-name*="Diepiomods.com"] > article .description,
  13579. #browse-script-list > li > article > h2 > a[href*="diep-io-by-terjanq"] ~ span.description {
  13580. overflow: hidden !important;
  13581. background: rgba(255, 0, 0, 0.2) !important;
  13582. }
  13583.  
  13584. .discussion-list > li > a[href="https://greasyfork.org/fr/scripts/19838"] + a {
  13585. position: relative !important;
  13586. display: inline-block !important;
  13587. top: 4px !important;
  13588. overflow: hidden !important;
  13589. background: rgba(255, 0, 0, 0.2) !important;
  13590. }
  13591.  
  13592.  
  13593. /* ========== END GENERAL SITE ======================================= */
  13594. }
  13595.  
  13596. @-moz-document url-prefix("https://greasyfork.org/fr/scripts/19838-diep-io-by-terjanq") {
  13597. /* START - URL-PREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - ======= */
  13598. /* URL PREF - GM "DIEP.IO by Terjanq" - GOOD : in SCRIPT INFO PAGE - DESCRIPTION */
  13599. #script-info header p {
  13600. overflow: hidden !important;
  13601. background: rgba(255, 0, 0, 0.2) !important;
  13602. }
  13603. /* ========== END URLPREF - GM "DIEP.IO by Terjanq" - ONLY for THIS SCRIPT - ======= */
  13604. }
  13605.  
  13606. @-moz-document domain("sleazyfork.org") {
  13607. /* START - URL-PREF - DOMAIN SLEASYFORK TEST ======= */
  13608. /* CHANGE ICON of SLEAZY FORK SITE TITLE ADD TXT "SLEAZY" where That's "GREASY" */
  13609. /* SLEAZYFORK - SITE NAME + ICON */
  13610. .width-constraint #site-name #site-name-text h1 {
  13611. font-size: 20px!important;
  13612. letter-spacing: 2px !important;
  13613. }
  13614. .width-constraint #site-name #site-name-text h1 {
  13615. color: blue !important;
  13616. }
  13617. .width-constraint #site-name #site-name-text h1 a {
  13618. display: none !important;
  13619. }
  13620. #site-name #site-name-text h1 + .subtitle {
  13621. margin-left: 46px !important;
  13622. margin-top: 16px !important;
  13623. font-size: 10px!important;
  13624. letter-spacing: 1px !important;
  13625. }
  13626. #site-nav > nav li a {
  13627. font-size: 14px !important;
  13628. }
  13629. .width-constraint #site-name a img,
  13630. .width-constraint #site-name a span,
  13631. #site-name-text > h1 > a {
  13632. display: none !important;
  13633. }
  13634. /* (new205) */
  13635. .width-constraint #site-name > a:before,
  13636. .width-constraint #site-name > h1:before {
  13637. content: "SleasyFork" !important;
  13638. display: inline-block !important;
  13639. position: absolute !important;
  13640. margin: -6px 0 0 38px !important;
  13641. padding: 0 30px 0 5px !important;
  13642. font-size: 15px !important;
  13643. color: green !important;
  13644. border-radius: 0 0 10px 0 !important;
  13645. border: 1px solid peru !important;
  13646. background: #111 !important;
  13647. }
  13648. #Head #site-name-text h1:before {
  13649. content: "SleasyFork" !important;
  13650. display: inline-block !important;
  13651. position: absolute !important;
  13652. top: -5px !important;
  13653. margin-left: 0px !important;
  13654. font-size: 22px !important;
  13655. color: red !important;
  13656. }
  13657. .width-constraint #site-name > a:after {
  13658. content: " " !important;
  13659. display: inline-block !important;
  13660. height: 30px !important;
  13661. width: 30px !important;
  13662. padding: 2px !important;
  13663. border-radius: 5px !important;
  13664. box-shadow: 0 0 2px #cccccc inset !important;
  13665. background-color: rgba(191, 191, 190, 0.33) !important;
  13666. background-image: url("https://sleazyfork.org/fr/forum/uploads/SCN2YQGWLIU4.jpg") !important;
  13667. background-position: 50% 50% !important;
  13668. background-size: contain !important;
  13669. }
  13670.  
  13671. /* ========== END - DOMAIN SLEASYFORK TEST ======= */
  13672. }
  13673.  
  13674. @-moz-document url-prefix("https://userstyles.org/help") {
  13675. /* START - URL-PREF - USERSTYLES HELP ======= */
  13676. body > #main-header + #content-wrapper {
  13677. position: absolute !important;
  13678. display: inline-block !important;
  13679. float: none !important;
  13680. clear: both !important;
  13681. min-height: 200px !important;
  13682. height: auto !important;
  13683. width: 71em !important;
  13684. margin: auto auto auto 21em !important;
  13685. top: 75px !important;
  13686. border-radius: 5px !important;
  13687. border: 1px solid green !important;
  13688. }
  13689. #main-article {
  13690. width: 70em !important;
  13691. margin: 0.5em auto 2em 0.5em !important;
  13692. padding-bottom: 20px !important;
  13693. }
  13694. #main-header + #content-wrapper > #main-article > p ~ ul ~ h3,
  13695. #main-article > h3 {
  13696. width: 58em !important;
  13697. margin-left: 1em !important;
  13698. text-align: left !important;
  13699. text-indent: 20px !important;
  13700. background: black !important;
  13701. }
  13702. #main-article > ol {
  13703. width: 65em !important;
  13704. margin-left: 1em !important;
  13705. margin-top: -7px !important;
  13706. outline: 1px solid peru !important;
  13707. }
  13708. #main-article > p:first-of-type {
  13709. position: relative !important;
  13710. display: inline-block !important;
  13711. width: 867px !important;
  13712. left: 0px !important;
  13713. margin-top: auto !important;
  13714. margin-bottom: 20px!important;
  13715. padding: 15px 20px !important;
  13716. border: 1px solid gray !important;
  13717. outline: none !important;
  13718. }
  13719. #main-article > p {
  13720. position: relative !important;
  13721. display: inline-block !important;
  13722. width: 840px !important;
  13723. left: 1em !important;
  13724. margin: auto !important;
  13725. padding: 8px 20px !important;
  13726. }
  13727. #main-article > p + p {
  13728. position: relative !important;
  13729. display: inline-block !important;
  13730. width: 840px !important;
  13731. left: 1em !important;
  13732. margin: auto !important;
  13733. margin-bottom: 15px !important;
  13734. padding: 8px 20px !important;
  13735. }
  13736. #main-article > p:nth-child(even) {
  13737. border: 1px solid gray !important;
  13738. background: #222222 !important;
  13739. }
  13740. #main-article > p:nth-child(odd) {
  13741. border: 1px solid gray !important;
  13742. background: #171717 !important;
  13743. }
  13744. #main-article > iframe {
  13745. margin-left: 10% !important;
  13746. }
  13747. #help-style-settings-edit ~ pre,
  13748. #main-header + #content-wrapper > #main-article > p ~ ul,
  13749. #main-header + #content-wrapper > #main-article > p ~ ul:hover,
  13750. #main-header + #content-wrapper > #main-article > ul:hover,
  13751. #main-header + #content-wrapper > #main-article > ul {
  13752. position: relative !important;
  13753. display: inline-block !important;
  13754. width: 66em !important;
  13755. height: auto !important;
  13756. margin-left: 10px !important;
  13757. padding-bottom: 10px !important;
  13758. padding-left: 20px !important;
  13759. padding-right: 5px !important;
  13760. border-radius: 3px !important;
  13761. border: 1px solid gray !important;
  13762. background: #222222 !important;
  13763. }
  13764. #main-header + #content-wrapper > #main-article > ul:only-of-type {
  13765. position: relative !important;
  13766. display: inline-block !important;
  13767. width: 43em !important;
  13768. height: auto !important;
  13769. margin-left: 10px !important;
  13770. margin-top: 29px !important;
  13771. padding-bottom: 10px !important;
  13772. padding-left: 30px !important;
  13773. padding-right: 5px !important;
  13774. border-radius: 3px !important;
  13775. font-size: 20px !important;
  13776. border: 1px solid gray !important;
  13777. }
  13778. #help-style-settings-edit ~ pre {
  13779. position: relative !important;
  13780. display: inline-block !important;
  13781. width: 72em !important;
  13782. height: auto!important;
  13783. margin-top: 5px!important;
  13784. border-radius: 3px!important;
  13785. overflow: visible!important;
  13786. z-index: 10 !important;
  13787. border: 1px solid gray!important;
  13788. background: #222222!important;
  13789. }
  13790. #help-style-settings-edit ~ pre > code {
  13791. position: relative !important;
  13792. display: inline-block !important;
  13793. width: 63em !important;
  13794. height: auto !important;
  13795. margin-left: 0px !important;
  13796. border-radius: 3px !important;
  13797. }
  13798. /* ========== END === URL-PREF - HELP ======= */
  13799. }
  13800.  
  13801. @-moz-document url-prefix("https://greasyfork.org/fr/scripts?q="), url-prefix("https://greasyfork.org/fr/scripts?q=") {
  13802. /* START - URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */
  13803. /* body[pagetype="ListingPage"] .width-constraint ~ #sp-fw-container + .sp-separator{
  13804. display: none !important;
  13805. } */
  13806. /* END (new226) [A VOIR] URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */
  13807. }
  13808.  
  13809. @-moz-document url-prefix("https://forum.userstyles.org") {
  13810. /* START - URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFORK different than USERSTYLES) ==== */
  13811. #Head + #Body {
  13812. margin-left: 22% !important;
  13813. }
  13814. /* URL PREF - USERSTYLES FORUM - USERTYLES FORUM DISCUSSION - GREASYFORK different than USERSTYLES - DISSCUSSION CONTAINE */
  13815. #PagerBefore.Pager {
  13816. right: 26% !important;
  13817. }
  13818. #Content.Column.ContentColumn {
  13819. float: right !important;
  13820. width: 689px !important;
  13821. min-height: 750px !important;
  13822. margin-top: -8px!important;
  13823. margin-right: 75px !important;
  13824. z-index: 0 !important;
  13825. }
  13826. /* USERSTYLES Forum - Comments */
  13827. #vanilla_discussion_index #Content.Column.ContentColumn {
  13828. width: 750px!important;
  13829. min-height: 750px !important;
  13830. margin-right: 20px !important;
  13831. margin-left: 0px !important;
  13832. }
  13833. /* USERTY */
  13834. #vanilla_discussion_index #Content.Column.ContentColumn .MessageList.Discussion {
  13835. margin-top: 25px !important;
  13836. margin-bottom: -25px !important;
  13837. }
  13838. #vanilla_discussion_index #Content.Column.ContentColumn .DismissMessage.AlertMessage + .MessageList.Discussion {
  13839. margin-top: 36px !important;
  13840. }
  13841. .P.PageDescription {
  13842. width: 753px!important;
  13843. }
  13844. #Item_0 .ToggleFlyout.OptionsMenu {
  13845. left: -15px !important;
  13846. }
  13847.  
  13848. /* URL PREF - USERST FORUM */
  13849. .Vanilla.Discussion .MessageList.Discussion #Item_0 span.ToggleFlyout.OptionsMenu {
  13850. height: 20px !important;
  13851. top: -2px !important;
  13852. left: 18px !important;
  13853. margin: 0 !important;
  13854. }
  13855.  
  13856. /* URL PREF - USERST FORUM - PROFILE BUT */
  13857. #dashboard_profile_discussions .About > dt:last-of-type {
  13858. position: relative !important;
  13859. display: inline-block !important;
  13860. width: 23% !important;
  13861. height: 18px !important;
  13862. line-height: 18px !important;
  13863. top: -56px !important;
  13864. left: 74%!important;
  13865. padding: 2px 2px 2px 15px !important;
  13866. border-radius: 3px !important;
  13867. font-size: 15px !important;
  13868. background: rgba(145, 124, 124, 0.42) url("https://greasyfork.org/fr/forum/applications/dashboard/design/images/profile-sprites.png") no-repeat scroll 2px -134px !important;
  13869. }
  13870.  
  13871. #Panel.Column.PanelColumn {
  13872. z-index: 100 !important;
  13873. }
  13874. #Panel.Column.PanelColumn .MeBox {
  13875. margin-top: -29px !important;
  13876. z-index: 200 !important;
  13877. }
  13878. .DiscussionAboutShowDiscussion {
  13879. max-width: 200px !important;
  13880. min-width: 200px !important;
  13881. top: 53px !important;
  13882. z-index: 100 !important;
  13883. }
  13884.  
  13885. /* ====== USERSTYLE - COMMENTS - .BreadcrumbsWrapper + #Panel + #Content */
  13886. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn .MessageList.Discussion {
  13887. margin-bottom: 0px !important;
  13888. margin-top: 0px !important;
  13889. top: 0px !important;
  13890. }
  13891. #vanilla_discussion_index.Vanilla.Discussion.index.Section-Discussion.Section-Category-stylish .BreadcrumbsWrapper + #Panel.Column.PanelColumn + #Content.Column.ContentColumn .DismissMessage.AlertMessage + .MessageList.Discussion {
  13892. margin-bottom: 30px !important;
  13893. margin-top: 0px !important;
  13894. top: 0px !important;
  13895. }
  13896. /* PB MEDIA QUERIE - URL PREF - 1400px - USERSTYLES FORUM - DISCUSSION - TITLE / MESSAGES LIST / PAGINATION TOP - */
  13897. /* END ==== URL-PREF - USERSTYLES FORUM (FORUM DISCUSSION - GREASYFOR different than USERSTYLES) ==== */
  13898. }
  13899.  
  13900. @-moz-document url-prefix("https://translate.google.com/websitetranslationui?parent=https%3A%2F%2Fgreasyfork-org.translate.goog"), domain("greasyfork-org.translate.goog") {
  13901. /* START - URL-PREF - GOOGLE TRANSLATE */
  13902. iframe#gt-nvframe {
  13903. position: fixed;
  13904. width: 100%;
  13905. height: 36px !important;
  13906. left: 0;
  13907. right: auto;
  13908. top: 0;
  13909. border-radius: 0;
  13910. transition: none 0s ease 0s;
  13911. z-index: 2147483646;
  13912. border: medium none;
  13913. box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
  13914. }
  13915. .b7B4sd {
  13916. display: flex;
  13917. height: 36px !important;
  13918. padding-right: 4px;
  13919. align-items: center;
  13920. background: #111 !important;
  13921. border-bottom: 1px solid red !important;
  13922. }
  13923. .IqBfM {
  13924. bottom: auto;
  13925. height: 36px !important;
  13926. right: auto;
  13927. width: auto;
  13928. }
  13929. iframe#gt-nvframe ~ #main-header {
  13930. position: fixed;
  13931. display: inline-block;
  13932. float: none;
  13933. width: 99.9%;
  13934. height: 41px;
  13935. left: -0.2%;
  13936. top: 36px !important;
  13937. 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;
  13938. border-bottom: 1px solid gray;
  13939. }
  13940. body header#main-header + .width-constraint:first-of-type {
  13941. display: inline-block;
  13942. height: auto;
  13943. margin: 37px 0 20px 23.4% !important;
  13944. max-width: 985px;
  13945. min-width: 985px;
  13946. padding: 0;
  13947. }
  13948.  
  13949. .discussion-list-container .discussion-meta a[href^="https://greasyfork-org.translate.goog/"] font {
  13950. border: 1px solid green !important;
  13951. color: gold !important;
  13952. }
  13953. .discussion-list-container a.discussion-title[href^="https://greasyfork-org.translate.goog/"] .discussion-snippet font font:before {
  13954. content: " " !important;
  13955. position: relative !important;
  13956. display: inline-block !important;
  13957. width: 10px !important;
  13958. height: 10px !important;
  13959. top: 0px !important;
  13960. background-image: url(https://www.gstatic.com/images/branding/product/1x/translate_24dp.png) !important;
  13961. background-repeat: no-repeat !important;
  13962. background-size: contain !important;
  13963. border: 1px solid red !important;
  13964. color: gold !important;
  13965. }
  13966. #goog-gt-tt {
  13967. position: absolute;
  13968. width: 420px;
  13969. font-family: arial;
  13970. font-size: 10pt;
  13971. z-index: 10000;
  13972. background-color: #111 !important;
  13973. border: 1px solid red !important;
  13974. box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  13975. color: gold !important;
  13976. }
  13977. .goog-text-highlight {
  13978. position: relative;
  13979. box-sizing: border-box;
  13980. background-color: black !important;
  13981. box-shadow: 2px 2px 4px #9999aa;
  13982. }
  13983. /* END ==== URL-PREF - GOOGLE TRANSLATE */
  13984. }
  13985.  
  13986. @-moz-document url-prefix("https://userstyles.org/contact"), url-prefix("https://userstyles.org/d/contact") {
  13987. /* START - URL-PREF - USERSTYLES CONTACT PAGE + USERSTYLES DOMAIN ==== */
  13988. /* PB , domain("userstyles.org") */
  13989. p.contact-bold-font {
  13990. margin: 5px 0 5px 0 !important;
  13991. color: gold !important;
  13992. }
  13993. #new_issue {
  13994. width: 98% !important;
  13995. }
  13996. .contact-input {
  13997. width: 80% !important;
  13998. height: 25px;
  13999. margin-bottom: 11px;
  14000. border-radius: 4px;
  14001. box-sizing: border-box;
  14002. color: gray !important;
  14003. background-color: #222 !important;
  14004. border: 1px solid #333 !important;
  14005. }
  14006. #issue_category.contact-font {
  14007. font-size: 14px;
  14008. font-stretch: normal;
  14009. font-style: normal;
  14010. font-weight: normal;
  14011. letter-spacing: normal;
  14012. line-height: 1.5;
  14013. text-align: left;
  14014. color: #000;
  14015. }
  14016. #new_issue #site-search,
  14017. #new_issue #input-fields.contact-font > div > label {
  14018. color: gray !important;
  14019. }
  14020. #container-responsive .view_inner #iframe[src="/d/contact"] {
  14021. display: inline-block !important;
  14022. width: 50% !important;
  14023. height: 100vh !important;
  14024. overflow: hidden !important;
  14025. overflow-y: auto !important;
  14026. background: #333 !important;
  14027. border: 1px solid red !important;
  14028. }
  14029. #nput-fields.contact-font {
  14030. display: inline-block !important;
  14031. line-height: 1.5;
  14032. text-align: left;
  14033. font-size: 14px;
  14034. font-stretch: normal;
  14035. font-style: normal;
  14036. font-weight: normal;
  14037. letter-spacing: normal;
  14038. color: #000;
  14039. }
  14040. textarea.contact-font.contact-input-large {
  14041. box-sizing: border-box;
  14042. margin-bottom: 11px;
  14043. border-radius: 4px;
  14044. border: 1px solid #ccc;
  14045. }
  14046. /* END ==== (new205) URL-PREF - USERSTYLES CONTACT PAGE + USERSTYLES DOMAIN ==== */
  14047. }
  14048.  
  14049. @-moz-document url-prefix("https://userstyles.org/styles/"), url-prefix("https://userstyles.org/d/styles/"), url-prefix("https://userstyles.org/users/personal") {
  14050. /* START - URL-PREF - URL-PREF - STYLES PAGES for OVERSCROOL ==== */
  14051. html {
  14052. display: inline-block !important;
  14053. height: auto !important;
  14054. min-height: 100vh !important;
  14055. max-height: 99vh !important;
  14056. text-align: left;
  14057. overflow: hidden !important;
  14058. overflow-y: HIDDEN !important;
  14059. border-bottom: 1px solid aqua !important;
  14060. }
  14061. body {
  14062. display: inline-block !important;
  14063. height: auto !important;
  14064. min-height: 100vh !important;
  14065. max-height: 99vh !important;
  14066. text-align: left;
  14067. overflow: hidden !important;
  14068. overflow-y: HIDDEN !important;
  14069. border-bottom: 1px solid violet!important;
  14070. }
  14071. /* END ==== (new205) URL-PREF - STYLES PAGES for OVERSCRLOL ==== */
  14072. }
  14073.  
  14074. @-moz-document url-prefix("https://userstyles.org/users/personal"), url-prefix("https://userstyles.org/d/users/personal") {
  14075. /* START - URL-PREF - URL-PREF - PROFILE PERSO PAGE ==== */
  14076. #view-responsive.us-center-items-horizontally {
  14077. top: 5vh !important;
  14078. }
  14079. .init_loader + .PageContent > ul {
  14080. position: absolute;
  14081. width: 19.6vw !important;
  14082. top: 2.6vh !important;
  14083. padding: 1vw 2vw !important;
  14084. z-index: 500 !important;
  14085. }
  14086. .init_loader + .PageContent > h2 {
  14087. position: fixed;
  14088. display: inline-block !important;
  14089. width: 100vw !important;
  14090. height: 17px;
  14091. line-height: 15px;
  14092. top: -1.4vh !important;
  14093. left: 0 !important;
  14094. padding: 5px !important;
  14095. text-align: center !important;
  14096. z-index: 5000000 !important;
  14097. border-bottom: 1px solid red !important;
  14098. background: #222 !important;
  14099. }
  14100. /* END ==== (new205) URL-PREF - PROFILE PERSO PAGE ==== */
  14101. }
  14102.  
  14103. @-moz-document url("https://userstyles.org/styles/new"), url("https://userstyles.org/d/styles/new") {
  14104. /* START - URL-PREF - URL-PREF - USERSTYLES CREATE NEW USERSTYLES ==== */
  14105. .PageContent iframe#iframe[src="/d/styles/new"] {
  14106. width: 99.9% !important;
  14107. margin-left: 0 !important;
  14108. padding: 0 !important;
  14109. border: 1px solid gray !important;
  14110. }
  14111. .errorExplanation {
  14112. background-color: rgba(239, 81, 24, 0.54) !important;
  14113. border: 1px solid red;
  14114. }
  14115. .PageContent form[action="/styles/create"] {
  14116. min-width: 940px !important;
  14117. max-width: 940px !important;
  14118. margin-left: 0% !important;
  14119. max-height: 90vh !important;
  14120. min-height: 90vh !important;
  14121. padding: 0 25vw !important;
  14122. overflow: hidden !important;
  14123. overflow: auto !important;
  14124. background: #222 !important;
  14125. }
  14126. .PageContent form[action="/styles/create"] .form-controls {
  14127. min-width: 840px !important;
  14128. max-width: 940px !important;
  14129. margin-left: 0% !important;
  14130. margin-bottom: 8px !important;
  14131. padding-left: 5px !important;
  14132. border: 1px solid red !important;
  14133. }
  14134. .PageContent form[action="/styles/create"] .form-controls > div > a,
  14135. .PageContent form[action="/styles/create"] .form-controls textarea#css,
  14136. .PageContent form[action="/styles/create"] .form-controls .field_with_errors textarea#style_additional_info,
  14137. .PageContent form[action="/styles/create"] .form-controls textarea#style_long_description {
  14138. min-width: 800px !important;
  14139. max-width: 900px !important;
  14140. margin-left: 2% !important;
  14141. }
  14142. .PageContent .form-controls > table,
  14143. .PageContent .form-controls > table tbody {
  14144. display: inline-block !important;
  14145. width: 100% !important;
  14146. min-width: 920px !important;
  14147. max-width: 920px !important;
  14148. margin-left: 0% !important;
  14149. }
  14150. .PageContent .form-controls > table tbody tr td,
  14151. .PageContent .form-controls > table tbody tr {
  14152. display: inline-block !important;
  14153. width: 100% !important;
  14154. min-width: 840px !important;
  14155. max-width: 840px !important;
  14156. margin-left: 5% !important;
  14157. padding: 5px !important;
  14158. }
  14159. .PageContent .form-controls > table tbody tr td {
  14160. margin-left: 0% !important;
  14161. padding: 0px !important;
  14162. }
  14163. .PageContent .form-controls > table tbody tr td img {
  14164. display: inline-block !important;
  14165. width: 100% !important;
  14166. min-width: 420px !important;
  14167. max-width: 420px !important;
  14168. margin-left: 0% !important;
  14169. padding: 0px !important;
  14170. }
  14171.  
  14172. /* USERST - CREATE - INFOS - SHORT DESC */
  14173. .form-controls > tbody > tr > td [id="style_short_description"] {
  14174. min-width: 200px!important;
  14175. resize: both !important;
  14176. overflow: auto !important;
  14177. }
  14178. /* USERST - CREATE - NFOS - ScShots (PreView) - Principal - BEFORE/AFTER */
  14179. .form-controls > tbody > tr > td > dl > dd > img {
  14180. box-shadow: 0 0 4px #999999 !important;
  14181. height: auto;
  14182. margin-left: 200px !important;
  14183. max-width: 900px !important;
  14184. }
  14185. .form-controls > tbody > tr > td > dl > dd {
  14186. margin-left: -169px !important;
  14187. }
  14188. /* USERST - CREATE - INFOS - ScShots (PreView) - Additional */
  14189. .form-controls > tbody > tr > td > table > tbody > tr > td > img {
  14190. box-shadow: 0 0 4px #999999 !important;
  14191. height: auto;
  14192. max-width: 900px !important;
  14193. }
  14194. /* USERST - INFOS - ScShots - Additional (Table) */
  14195. .form-controls > tbody > tr > td > table {
  14196. margin-left: -149px !important;
  14197. }
  14198. /* USERST - CREATE - EDIT - MAIN CONT= */
  14199. #main-article > form[method="post"]:not([action="/help/widget"]):not([action="/styles/delete_save"]) {
  14200. position: absolute !important;
  14201. display: inline-block !important;
  14202. max-width: 800px !important;
  14203. margin-top: 35px ! important;
  14204. margin-left: 5% ! important;
  14205. }
  14206.  
  14207. /* USERST - CREATE - EDIT - WIDGET */
  14208. #main-article > form[action="/help/widget"] {
  14209. position: relative !important;
  14210. display: table !important;
  14211. min-width: 910px !important;
  14212. max-width: 910px !important;
  14213. margin-top: 3px ! important;
  14214. margin-left: -3px ! important;
  14215. background: #222 !important;
  14216. }
  14217. #main-article > form[action="/help/widget"] .form-controls {
  14218. min-width: 910px !important;
  14219. max-width: 910px !important;
  14220. }
  14221. #main-article > form[action="/help/widget"] .form-controls tbody tr {
  14222. display: inline-block !important;
  14223. width: 100% !important;
  14224. min-width: 910px !important;
  14225. max-width: 910px !important;
  14226. margin-bottom: 0px !important;
  14227. text-align: center !important;
  14228. }
  14229. #main-article > form[action="/help/widget"] .form-controls tbody tr td,
  14230. #main-article > form[action="/help/widget"] .form-controls tbody tr th {
  14231. display: inline-block !important;
  14232. min-width: 870px !important;
  14233. max-width: 870px !important;
  14234. padding: 0 !important;
  14235. text-align: center !important;
  14236. }
  14237.  
  14238. /* USERST - CREATE - DEL STYLE */
  14239. #main-article > form[action="/styles/delete_save"] {
  14240. position: absolute !important;
  14241. display: inline-block !important;
  14242. max-width: 800px !important;
  14243. min-height: 400px !important;
  14244. margin-top: 100px !important;
  14245. margin-left: -55% !important
  14246. }
  14247. #main-article > form[action="/styles/delete_save"] .form-controls > tbody > tr:first-of-type > td textarea {
  14248. min-height: 400px !important;
  14249. }
  14250.  
  14251. /* USERST - CREATE - STY NAME INPUT */
  14252. article#main-article form .form-controls input#style_short_description {
  14253. width: 600px !important;
  14254. }
  14255. /* USERST - CREATE - SCSHOT NAME/UPL FOLDER/BUT INPUT */
  14256. article#main-article form .form-controls table tbody tr td:not(:last-of-type) {
  14257. display: block !important;
  14258. position: relative !important;
  14259. width: auto !important;
  14260. }
  14261. .form-controls > table > tbody > tr > td:first-of-type > input {
  14262. width: 462px !important;
  14263. }
  14264. .form-controls > table > tbody > tr > td:nth-child(2) > input {
  14265. width: 465px !important;
  14266. }
  14267. /* USERSTYLES - CREATE - CHECK BOX (REMOVE/CHANGE) */
  14268. .form-controls > table > tbody > tr > td:nth-child(3) > input {
  14269. position: absolute !important;
  14270. top: -20px !important;
  14271. }
  14272. .form-controls > table > tbody > tr > td:nth-child(3):after {
  14273. position: absolute;
  14274. display: inline-block;
  14275. content: "Remove / Change";
  14276. width: 200px;
  14277. height: 15px;
  14278. margin-top: -32px;
  14279. margin-left: 45px;
  14280. font-size: 15px;
  14281. color: red;
  14282. }
  14283. /* USERSTYLES - CREATE - LABELS */
  14284. .form-controls > label {
  14285. color: gold ! important;
  14286. }
  14287. /* USERST - CREATE - SCSHOT - TITLES SECT */
  14288. .form-controls > table > thead > tr {
  14289. display: none ! important;
  14290. }
  14291.  
  14292. /* END === URL-PREF - USERSTYLES CREATE NEW USERSTYLES */
  14293. }
  14294.  
  14295. @-moz-document url-prefix("https://userstyles.org/d/help/coding") {
  14296. /* START - URL-PREF - URL-PREF - HELP - CODING */
  14297. /* url("https://userstyles.org/help/coding"), */
  14298. body .PageContent {
  14299. position: relative !important;
  14300. display: inline-block !important;
  14301. width: 100% !important;
  14302. min-width: 100% !important;
  14303. max-width: 100% !important;
  14304. height: 100% !important;
  14305. min-height: 39.4vh !important;
  14306. max-height: 39.4vh !important;
  14307. margin: 0 0 0 0% !important;
  14308. padding: 5px 0px 0px 0px;
  14309. overflow: hidden !important;
  14310. overflow-y: auto !important;
  14311. background: #222 !important;
  14312. /* border-bottom: 1px solid aqua !important; */
  14313. }
  14314. body .PageContent > pre,
  14315. body .PageContent > ul {
  14316. position: relative !important;
  14317. display: inline-block !important;
  14318. width: 100% !important;
  14319. min-width: 52.9% !important;
  14320. max-width: 52.9% !important;
  14321. margin: 0 0 0 20% !important;
  14322. padding: 5px 20px;
  14323. margin-left: 20% !important;
  14324. background: #222 !important;
  14325. }
  14326. body .PageContent > pre {
  14327. position: relative !important;
  14328. display: inline-block !important;
  14329. width: 100% !important;
  14330. min-width: 52.9% !important;
  14331. max-width: 52.9% !important;
  14332. margin: 0 0 0 20% !important;
  14333. padding: 5px 0px !important;
  14334. margin-left: 20% !important;
  14335. background: #222 !important;
  14336. }
  14337. body .PageContent > h3,
  14338. body .PageContentt > h2,
  14339. body .PageContent > p {
  14340. display: inline-block !important;
  14341. width: 100% !important;
  14342. min-width: 55% !important;
  14343. max-width: 55% !important;
  14344. margin: 0 0 0 20% !important;
  14345. padding: 0 0vw 0 1vw !important;
  14346. text-align: left !important;
  14347. overflow: hidden !important;
  14348. overflow: auto;
  14349. }
  14350. body .PageContent > p:last-of-type {
  14351. display: inline-block !important;
  14352. width: 100% !important;
  14353. min-width: 55% !important;
  14354. max-width: 55% !important;
  14355. margin: 0 0 60px 20% !important;
  14356. padding: 0 0vw 0 1vw !important;
  14357. /* border: 1px solid aqua !important; */
  14358. }
  14359.  
  14360. body .PageContent > h3,
  14361. body .PageContent > h2 {
  14362. display: inline-block !important;
  14363. width: 100% !important;
  14364. min-width: 55% !important;
  14365. max-width: 55% !important;
  14366. margin: 10px 0 0 20% !important;
  14367. padding: 0 0vw 0 0.5vw !important;
  14368. background: #222 !important;
  14369. }
  14370.  
  14371.  
  14372. /* END ==== (new232) URL-PREF - HELP CODING ==== */
  14373. }
  14374.  
  14375. @-moz-document url-prefix("https://userstyles.org/terms-of-use"), url-prefix("https://userstyles.org/d/terms-of-use") {
  14376. /* START - URL-PREF - HELP - TERM OF USE PAGE ==== */
  14377. #nav-view-responsive {
  14378. display: inline-block;
  14379. flex-direction: unset;
  14380. height: 100%;
  14381. min-height: 100%;
  14382. width: 100%;
  14383. padding: 0 !important;
  14384. }
  14385.  
  14386. #view-responsive.us-center-items-horizontally {
  14387. top: 0 !important;
  14388. }
  14389. body[cz-shortcut-listen="true"] {
  14390. display: inline-block !important;
  14391. width: 100% !important;
  14392. height: 100% !important;
  14393. min-height: 100vh !important;
  14394. max-height: 100vh !important;
  14395. text-align: center !important;
  14396. overflow: hidden !important;
  14397. /* background: red !important; */
  14398. color: #929292;
  14399. }
  14400. .init_loader + .PageContent {
  14401.  
  14402. display: inline-block !important;
  14403. width: 100% !important;
  14404. min-width: 100% !important;
  14405. max-width: 100% !important;
  14406. height: 100% !important;
  14407. max-height: 100vh !important;
  14408. min-height: 100vh !important;
  14409.  
  14410. padding: 0 0px 0 0px !important;
  14411. /* text-align: center !important; */
  14412. overflow: hidden !important;
  14413. overflow-y: auto !important;
  14414. /* background: green !important; */
  14415. /* border: 1px solid aqua !important; */
  14416. }
  14417. body[cz-shortcut-listen="true"] .init_loader + .PageContent {
  14418. /* position: absolute !important; */
  14419. display: inline-block !important;
  14420. width: 100% !important;
  14421. min-width: 99.8% !important;
  14422. max-width: 99.8% !important;
  14423. height: 100% !important;
  14424. max-height: 100vh !important;
  14425. min-height: 100vh !important;
  14426. /* margin-top: 20vh !important; */
  14427. padding: 0 0px 0 0px !important;
  14428. /* text-align: center !important; */
  14429. overflow: hidden !important;
  14430. /* overflow-y: auto !important; */
  14431. /* background: red !important; */
  14432. /* border: 1px solid aqua !important; */
  14433. }
  14434.  
  14435. body[cz-shortcut-listen="true"] .init_loader + .PageContent #root #container-responsive #view-responsive.us-center-items-horizontally {
  14436. position: absolute;
  14437. display: inline-block;
  14438. justify-content: unset;
  14439. margin: 0;
  14440. max-height: 91.3vh !important;
  14441. min-height: 91.3vh !important;
  14442.  
  14443. overflow: hidden !important;
  14444. /* overflow-y: auto !important; */
  14445. background: #333 !important;
  14446. }
  14447. /* #view-responsive.us-center-items-horizontally .view_inner , */
  14448. body[cz-shortcut-listen="true"] .init_loader + .PageContent #root #container-responsive .view_inner {
  14449. position: relative !important;
  14450. display: inline-block !important;
  14451. flex-direction: unset !important;
  14452. justify-content: unset !important;
  14453. margin-top: 10px;
  14454. width: 100% !important;
  14455. height: auto !important;
  14456. top: 0vh !important;
  14457. overflow: hidden !important;
  14458. overflow-y: hidden !important;
  14459. text-align: center !important;
  14460. /* background: blue !important; */
  14461. }
  14462.  
  14463. body[cz-shortcut-listen="true"] .init_loader + .PageContent #root #container-responsive {
  14464. position: absolute !important;
  14465. display: inline-block !important;
  14466. justify-content: unset !important;
  14467. width: 100% !important;
  14468. max-width: 50% !important;
  14469. height: 100% !important;
  14470. /* max-height: 92vh !important;
  14471. min-height: 92vh !important; */
  14472. margin: 0;
  14473. top: 8vh;
  14474. left: 29% !important;
  14475. padding: 0 0px 0 0px !important;
  14476. text-align: left !important;
  14477. /* overflow: hidden !important; */
  14478. overflow-y: hidden !important;
  14479. /* background: #222 !important; */
  14480. /* border: 1px solid yellow !important; */
  14481. }
  14482.  
  14483.  
  14484. .PageContent iframe {
  14485. display: inline-block !important;
  14486. width: 90%;
  14487.  
  14488. /* background: red !important; */
  14489. }
  14490.  
  14491. .sub-title {
  14492. color: gold !important;
  14493. font-size: 18px;
  14494. font-stretch: normal;
  14495. font-style: normal;
  14496. font-weight: bold;
  14497. letter-spacing: normal;
  14498. line-height: normal;
  14499. }
  14500. /* END ==== (new232) URL-PREF - HELP - TERM OF USE PAGE ==== */
  14501. }
  14502.  
  14503. @-moz-document url-prefix("https://userstyles.org/faq") {
  14504. /* START - URL-PREF - FAQ ==== */
  14505. #view-responsive.us-center-items-horizontally {
  14506. position: absolute;
  14507. display: inline-block;
  14508. justify-content: unset;
  14509. margin: 0;
  14510. top: 8vh;
  14511. max-height: 96vh !important;
  14512. min-height: 96vh !important;
  14513. overflow: hidden !important;
  14514. overflow-y: auto !important;
  14515. background: #111 !important;
  14516. border: 1px solid red !important;
  14517. }
  14518.  
  14519. /* END ==== (new232) URL-PREF - FAQ ==== */
  14520. }
  14521.  
  14522. @-moz-document url-prefix("https://userstyles.org/privacy-policy") {
  14523. /* START - URL-PREF - PRIVACY POLICY ==== */
  14524. body {
  14525. position: absolute !important;
  14526. display: inline-block;
  14527. width: 100% !important;
  14528. min-width: 100% !important;
  14529. max-width: 100% !important;
  14530. max-height: 100vh !important;
  14531. min-height: 100vh !important;
  14532. top: 0 !important;
  14533. overflow-y: auto !important;
  14534. background: #111 !important;
  14535. /* border: 1px solid aqua !important; */
  14536. }
  14537.  
  14538. body #__next {
  14539. position: absolute;
  14540. display: inline-block;
  14541. max-height: 100vh !important;
  14542. min-height: 100vh !important;
  14543. margin: unset !important;
  14544. overflow: hidden !important;
  14545. overflow-y: auto !important;
  14546. background: #111 !important;
  14547. /* border: 1px solid red !important; */
  14548. }
  14549. .terms-of-use_termsWrapper__8olE4 {
  14550. margin: 0 auto;
  14551. width: 100% !important;
  14552. padding: 4vh 18vw;
  14553. /* color: gray !important; */
  14554. }
  14555. /* END ==== (new232) URL-PREF - PRIVACY POLICY ==== */
  14556. }
  14557.  
  14558. @-moz-document url-prefix("https://userstyles.org/contact"), url-prefix("https://userstyles.org/users/personal"), url-prefix("https://userstyles.org/help/coding") {
  14559. /* START - URL-PREF - TEST REGEX for: https://userstyles.org/styles/56792/edit AND ifral[src="/d/styles/56792/edit"]
  14560. regexp('[(https:\\//\\//userstyles.org\\//styles\\/)($edit)+]'),
  14561. ==== */
  14562. /* START ==== (new205) URL-PREF - SUPP FOOTER (PB IFRAME) PB FOR EDIT / USERSTYLES CONTACT / PROFILE PERSO PAGE ==== */
  14563. /* (new208) */
  14564. /* #footer {
  14565. display: none !important;
  14566. } */
  14567. /* END ==== (new205) URL-PREF - SUPP FOOTER (PB IFRAME) PB FOR EDIT / USERSTYLES CONTACT / PROFILE PERSO PAGE ==== */
  14568. }
  14569.  
  14570. @-moz-document url("https://userstyles.org/"), url("https://userstyles.org"), url-prefix("https://userstyles.org/bounty-campaign") {
  14571. /* START - URL + URL-PREF - Usertyles.org BOUNTY CAMPAIGN ==== */
  14572. /* SUPP - URL-PREF - Usertyles.org BOUNTY CAMPAIG */
  14573. .adContainer + div,
  14574. .adContainer + .category_head + .us-stylecards__container.us-stylecards__container--narrow + div,
  14575. .adContainer + .category_head + .us-stylecards__container.us-stylecards__container--narrow,
  14576. .adContainer + .category_head,
  14577. .changesBanner,
  14578. .HomePage.HomePage .bannerWrapper,
  14579. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer + .category_head + .us-stylecards__container + div,
  14580. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer + .category_head + .us-stylecards__container,
  14581. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer + .category_head,
  14582. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > .adContainer,
  14583. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > div:first-of-type .changesBanner,
  14584. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > div:first-of-type a,
  14585. .bountyCampaignLeaderboardContainer ~ #container-responsive .view_inner.HomePage > div:first-of-type {
  14586. display: none !important;
  14587. }
  14588.  
  14589.  
  14590. htlm,
  14591. body {
  14592. background: #333!important;
  14593. color: #929292;
  14594. overflow: auto !important;
  14595. text-align: left;
  14596. width: 100%;
  14597. /* border: 1px solid yellow !important; */
  14598. }
  14599.  
  14600. li[class="bounty-campaign-rules_ruleItem__gxRUk"]:nth-child(3):after {
  14601. content: "▶ But ... any new userstyle posted normaly should be enroled to the competition too ;-)" !important;
  14602. position: relative !important;
  14603. display: inline-block !important;
  14604. margin: 0px 0 20px 0 !important;
  14605. top: 27px !important;
  14606. left: -20% !important;
  14607. padding: 4px 5px !important;
  14608. border-radius: 10px !important;
  14609. color: white !important;
  14610. background: green !important;
  14611. }
  14612.  
  14613. html {
  14614. display: inline-block;
  14615. width: 100%;
  14616. max-height: 98.5vh !important;
  14617. min-height: 98.5vh !important;
  14618. overflow: hidden !important;
  14619. overflow-x: hidden !important;
  14620. overflow-y: hidden !important;
  14621. border-bottom: 1px solid aqua !important;
  14622. }
  14623. .bounty-campaign-landingpage_pageWrapper___SXEa,
  14624. #__next div[class*="bounty-campaign-landingpage_pageWrapper"] {
  14625. display: inline-block;
  14626. max-height: 98.5vh !important;
  14627. min-height: 98.5vh !important;
  14628. min-width: 100% !important;
  14629. padding-top: 72px;
  14630. overflow: hidden !important;
  14631. overflow-x: hidden !important;
  14632. overflow-y: auto !important;
  14633. }
  14634. [class^="bounty-campaign-promotion_podiumWrapper__"] img {
  14635. width: 300px !important;
  14636. }
  14637. .bounty-campaign-promotion_promotionWrapper__WfEws .bounty-campaign-promotion_stepsWrapper__NL5Rb,
  14638. [class^="bounty-campaign-promotion_promotionWrapper__"] [class^="bounty-campaign-promotion_stepsWrapper__"] {
  14639. margin-top: -190px !important;
  14640. padding: 0 20% !important;
  14641. width: 100%;
  14642. }
  14643. [class^="bounty-campaign-timer_countdown__"] {
  14644. font-size: 104px !important;
  14645. margin: -33px 0 60px 0 !important;
  14646. }
  14647. [class^="bounty-campaign-timer_countdown__"] [class^="bounty-campaign-timer_countdownItemLabel__"] {
  14648. bottom: 12px !important;
  14649. }
  14650. [class^="bounty-campaign-timer_countdownItem__"] {
  14651. width: 133px !important;
  14652. }
  14653.  
  14654. [class^="bounty-campaign-landingpage_leaderboardWrapper__"] {
  14655. padding: 0 20% !important;
  14656. }
  14657.  
  14658.  
  14659. /* END ==== (new237) URL-PREF - Usertyles.org BOUNTY CAMPAIGN ==== */
  14660. }
  14661.  
  14662. @-moz-document url-prefix("https://forum.userstyles.org/discussion/") {
  14663. /* START - URL-PREF - USERSTYLES DISCUSSION ==== */
  14664. html {
  14665. display: inline-block !important;
  14666. width: 100%;
  14667. height: 100% !important;
  14668. min-height: 92vh !important;
  14669. max-height: 92vh !important;
  14670. overflow: hidden !important;
  14671. overflow-y: auto !important;
  14672. color: #929292;
  14673. background: red !important;
  14674. }
  14675.  
  14676.  
  14677. /* END ==== (new235) URL-PREF - USERSTYLES DISCUSSION ==== */
  14678. }
  14679.  
  14680. @-moz-document url("https://userstyles.org/") {
  14681. /* START - URL - USERSTYLES - HOME (OLD) === */
  14682. /* (new239) URL PREF - USERSTYLES - HOME (OLD) */
  14683. #container-responsive .view_inner {
  14684. font-size: 0 !important;
  14685. }
  14686. /* END ==== (new239) URL-PREF - USERSTYLES - HOME (OLD) === */
  14687. }
  14688.  
  14689. @-moz-document url-prefix("https://userstyles.org/user-profile/"), url-prefix("https://userstyles.org/") {
  14690. /* START - URL-PREF - USERSTYLES NEW DESIGN - PROFILE /HOME / ETC === */
  14691. /* (new239) NEW DESIGN - HOME */
  14692. [class^="header_header__"] {
  14693. position: fixed !important;
  14694. display: inline-block !important;
  14695. width: 100% !important;
  14696. height: 40px !important;
  14697. top: 0 !important;
  14698. padding: 0 !important;
  14699. background-color: #111 !important;
  14700. z-index: 1000 !important;
  14701. align-items: center;
  14702. color: #fff;
  14703. }
  14704. [class^="header_header__"] [class^="header_logoWrapper__"] {
  14705. display: inline-block !important;
  14706. width: 240px;
  14707. height: 40px !important;
  14708. padding-left: 32px;
  14709. margin: 0 0 0 0 !important;
  14710. }
  14711. [class^="header_header__"] [class^="header_logoWrapper__"] > div {
  14712. display: inline-block !important;
  14713. height: 40px !important;
  14714. }
  14715. .header_header__GSKJx .header_rightWrapper__ALiM5 {
  14716. position: relative !important;
  14717. top: -5vh !important;
  14718. left: 300px !important;
  14719. height: 40px !important;
  14720. width: 60% !important;
  14721. }
  14722.  
  14723.  
  14724. [class^="Home_homepageWrapper__"] [class^="Home_banner__"] {
  14725. position: relative !important;
  14726. display: inline-block !important;
  14727. width: 100% !important;
  14728. height: 220px !important;
  14729. top: 3vh !important;
  14730. padding: 0 32px;
  14731. margin: 0vh 0 0 0 !important;
  14732. background: #111 !important;
  14733. }
  14734. [class^="welcome-banner_bold__"] {
  14735. font-size: 20px !important;
  14736. color: #feb596;
  14737. margin-right: 32px;
  14738. }
  14739. [class^="welcome-banner_italic__"] {
  14740. top: 0 !important;
  14741. font-size: 24px !important;
  14742. color: #acddf9;
  14743. }
  14744. [role="logo"] {
  14745. width: 160px !important;
  14746. height: 116px !important;
  14747. overflow: hidden;
  14748. margin: 0px auto;
  14749. }
  14750. [class^="welcome-banner_title__"] {
  14751. margin: -25px 0 -10px 0 !important;
  14752. }
  14753. [class^="styles-gallery_gallery__"] {
  14754. background-color: #111 !important;
  14755. border-radius: 0;
  14756. overflow: hidden;
  14757. margin: -1.9vh 32px 0 32px !important;
  14758. height: 100% !important;
  14759. min-height: 100vh !important;
  14760. max-height: 100vh !important;
  14761. }
  14762. [class^="styles-gallery_gallery__"] [class^="styles-gallery_scrollWrapper__"] {
  14763. height: 100% !important;
  14764. min-height: 100vh !important;
  14765. max-height: 100vh !important;
  14766. }
  14767.  
  14768. [class^="styles-grid_grid__"] [class^="styles-grid_gridHeader__"] > div {
  14769. height: 2vh !important;
  14770. margin: 0vh 0 0vh 0 !important;
  14771. }
  14772.  
  14773. /* SEARCH - SORT BUTTON - PB Only When USERSTYLE open */
  14774. [class^="styles-grid_grid__"] [class^="styles-grid_gridHeader__"] > div[class^="sort-buttons_sortContainer__"] {
  14775. position: fixed !important;
  14776.  
  14777. height: 4vh !important;
  14778. margin: -1.6vh 0 0vh 0 !important;
  14779. left: unset !important;
  14780. right: 50px !important;
  14781. padding: 0 20px !important;
  14782. border-radius: 16px !important;
  14783. z-index: 5000000000 !important;
  14784. background-color: red !important;
  14785. }
  14786.  
  14787. [class^="styles-strip_stylesStrip__"] [class^="styles-strip_stripHeader__"] {
  14788. padding: 0 32px 0 40px !important;
  14789. margin: 0 0 0.5vh 0 !important;
  14790. }
  14791.  
  14792. /* (new239) NEW DESIGN - PROFILE */
  14793. [class^="header_header__"] {
  14794. padding: 0 !important;
  14795. }
  14796. [class^="user-profile_profilePageWrapper___"] {
  14797. padding: 0px 5px !important;
  14798. }
  14799. [class^="user-profile_headerWrapper__"] {
  14800. position: absolute !important;
  14801. top: 10vh !important;
  14802. right: 25% !important;
  14803. }
  14804. [class^="home-round-button_homeButton"] a {
  14805. background-color: #111 !important;
  14806. }
  14807. [class^="user-profile_save__"] {
  14808. padding: 0px 24px !important;
  14809. background-color: #111 !important;
  14810. }
  14811.  
  14812. [class^="user-profile_profilePageWrapper___"] [class^="user-profile_sections__"] {
  14813. position: relative !important;
  14814. margin: -3vh 0 0 0 !important;
  14815. top: 0vh !important;
  14816. padding: 0vh 0 0 0 !important;
  14817. }
  14818. [class^="user-profile_section__"] {
  14819. position: relative;
  14820. height: 92vh !important;
  14821. top: 7.5vh !important;
  14822. border: 1px solid red !important;
  14823. }
  14824. [class^="user-profile_sectionScroll__"] {
  14825. height: 91vh !important;
  14826. margin: 0 0 0 0px !important;
  14827. padding: 0vh 0 0 0 !important;
  14828. }
  14829.  
  14830. [class^="create-your-next-style_createNextStyleWrapper__"] {
  14831. height: 80px;
  14832. margin: 0 0 5px 0 !important;
  14833. border-radius: 80px;
  14834. border: 1px solid red !important;
  14835. }
  14836.  
  14837.  
  14838. [class^="user-profile_profilePageWrapper___"] [class^="user-profile_sections__"] [class*="user-profile_profileSection__"] {
  14839. display: inline-block !important;
  14840. max-width: 400px !important;
  14841. min-width: 400px !important;
  14842. margin: 0 0 0 0px !important;
  14843. border: 1px solid yellow !important;
  14844. }
  14845. [class^="profile_profileImage__"] {
  14846. width: 80px!important;
  14847. height: 80px!important;
  14848. margin: 0 0 0 0px !important;
  14849. }
  14850. [class^="user-profile_profilePageWrapper___"] [class^="user-profile_sections__"] [class*="user-profile_profileSection__"] [class^="profile_profileSection__"] {
  14851. border-radius: 0;
  14852. padding: 5vh 10px 10px;
  14853. }
  14854. [class^="profile_profileSection__"] [class^="profile_displayName__"] {
  14855. margin: 0 0 0 0px !important;
  14856. }
  14857. [class^="profile_profileSection__"] [class^="profile_fieldWrapper__"] {
  14858. padding: 5px 24px !important;
  14859. margin: 0 0 10px 0px !important;
  14860. }
  14861. [class^="profile_profileSection__"] [class^="profile_fieldWrapper__"][class*="profile_colField__"] {
  14862. padding: 5px 5px !important;
  14863. border: 1px solid lime !important;
  14864. }
  14865. .profile_profileSection__6xfL_ .profile_textAreaInput__oQKwL {
  14866. font-size: 15px !important;
  14867. color: silver;
  14868. }
  14869.  
  14870. [class^="styles-list_stylesListWrapper__"] {
  14871. display: inline-block !important;
  14872. height: 76vh !important;
  14873. overflow: hidden !important;
  14874. overflow-y: auto !important;
  14875. /* border: 1px solid yellow !important; */
  14876. }
  14877.  
  14878.  
  14879. [class^="styles-list_stylesListWrapper__"] [class^="styles-list_styleRow__"] {
  14880. float: left !important;
  14881. display: flex;
  14882. height: 168px;
  14883. width: 49.1% !important;
  14884. margin: 0 5px 5px 5px !important;
  14885. padding: 5px !important;
  14886. border-radius: 5px;
  14887. border: 1px solid red !important;
  14888. }
  14889. [class^="styles-list_styleImage__"] {
  14890. background-position: center center;
  14891. background-size: contain !important;
  14892. background-repeat: no-repeat !important;
  14893. border-radius: 0px !important;
  14894. min-width: 30% !important;
  14895. max-width: 30% !important;
  14896. }
  14897. [class^="styles-list_styleDetails__"] {
  14898. min-width: 70% !important;
  14899. max-width: 70% !important;
  14900. padding: 0 0 0 5px !important;
  14901. }
  14902. [class^="styles-list_topDetails__"] {
  14903. display: flex;
  14904. width: 100% !important;
  14905. }
  14906. [class*="styles-list_styleDetails_"] [class*="stylish-text_large__"] {
  14907. font-size: 20px !important;
  14908. }
  14909. [class^="styles-list_styleProps__"] {
  14910. align-items: flex-start;
  14911. display: flex;
  14912. justify-content: flex-start;
  14913. width: 100% !important;
  14914. }
  14915. [class^="styles-list_propWrapper__"] {
  14916. height: 60px !important;
  14917. margin: 0 !important;
  14918. padding: 0 4px !important;
  14919. text-align: center !important;
  14920. border-right: 1px solid red !important;
  14921. }
  14922. [class^="styles-list_propWrapper__"]:last-of-type {
  14923. border-right: none !important;
  14924. }
  14925.  
  14926. [class^="style_styleDetailsWrapper__"] {
  14927. position: sticky !important;
  14928. padding: 5px 20px !important;
  14929. z-index: 5000 !important;
  14930. background-color: #222 !important;
  14931. border: 1px solid red !important;
  14932. }
  14933. [class^="style-details_top__"] [class^="style-details_topLeft__"] {
  14934. position: relative !important;
  14935. display: inline-block !important;
  14936. width: 100% !important;
  14937. min-width: 100% !important;
  14938. text-align: center !important;
  14939. }
  14940. [class^="tyle-details_detailsWrapper___"] [class^="style-details_top__"] [class^="style-details_styleName"] [class^="style-details_styleNameEllipsis__"] {
  14941. color: white !important;
  14942. }
  14943.  
  14944. [class^="style-details_detailsWrapper___"] [class^="style-details_top__"] [class^="style-details_topRight__"] {
  14945. position: absolute !important;
  14946. display: inline-block !important;
  14947. vertical-align: top !important;
  14948. width: 100% !important;
  14949. height: 50px !important;
  14950. line-height: 0px !important;
  14951. min-width: 50% !important;
  14952. max-width: 50% !important;
  14953. top: 6vh !important;
  14954. left: 25% !important;
  14955. text-align: center !important;
  14956. background-color: #141414;
  14957. padding: 0 16px;
  14958. border-radius: 16px;
  14959. /*border: 1px solid lime !important;*/
  14960. }
  14961. [class^="style-details_detailsWrapper___"] [class^="style-details_customizeButtonWrapper__"] {
  14962. display: inline-block !important;
  14963. margin: 8px 10px 0 0 !important;
  14964. }
  14965. [class*="expand-button_expandButton__"][class*="expand-button_medium__"][class*="expand-button_softPink__"][class*="expand-button_bordered__"] {
  14966. font-weight: 600;
  14967. font-size: 14px !important;
  14968. height: 35px !important;
  14969. min-width: 64px;
  14970. }
  14971. [class*="expand-button_expandButton__"][class*="expand-button_medium__"][class*="expand-button_bordered__"]:hover {
  14972. height: 35px !important;
  14973. font-size: 25px !important;
  14974. background-color: red !important;
  14975. }
  14976. [class*="expand-button_expandButton__"][class*="expand-button_medium__"][class*="expand-button_bordered__"]:hover span.expand-button_text__tolxL {
  14977. height: 35px !important;
  14978. line-height: 35px !important;
  14979. font-size: 25px !important;
  14980. font-size: 24px !important;
  14981. color: yellow !important;
  14982. }
  14983. [class^="install-style-button_buttonWrapper___"] {
  14984. position: relative;
  14985. display: inline-block !important;
  14986. height: 35px !important;
  14987. top: -4px !important;
  14988. }
  14989. [class^="install-style-button_installStyleButtonWrapper__"] {
  14990. display: flex;
  14991. align-items: center;
  14992. justify-content: flex-end;
  14993. height: 35px !important;
  14994. }
  14995. [class^="style-details_detailsWrapper___"] [class^="style-details_customizeButtonWrapper__"]:empty + [class^="install-style-button_buttonWrapper___"] {
  14996. top: 7px !important;
  14997. }
  14998. [class*="stylish-button_btn__"][class*="stylish-button_blue__"] {
  14999. height: 35px !important;
  15000. color: #323232;
  15001. background-color: #acddf9;
  15002. }
  15003. /* (new240) */
  15004. [class*="style-header_styleHeader__"] {
  15005. position: sticky !important;
  15006. display: inline-block !important;
  15007. display: flex;
  15008. align-items: center;
  15009. justify-content: space-between;
  15010. height: 20px;
  15011. width: 100% !important;
  15012. top: 0 !important;
  15013. margin: 0 0 0 0 !important;
  15014. padding: 0 16px;
  15015. z-index: 50000 !important;
  15016. /* background-color: #acddf9; */
  15017. }
  15018. [class*="style-header_category__"] {
  15019. border-radius: 5px !important;
  15020. background-color: #222 !important;
  15021. padding: 0 16px;
  15022. margin: 0 0 0 5px;
  15023. }
  15024. a[data-stylish^="close-style-page-button"] {
  15025. border-radius: 5px !important;
  15026. background-color: green!important;
  15027. padding: 0 16px;
  15028. }
  15029. /* CLOSE BUTTON EXTENTED */
  15030. a[data-stylish^="close-style-page-button"]:after,
  15031. a[data-stylish^="close-style-page-button"]:before {
  15032. content: "......" !important;
  15033. position: fixed !important;
  15034. display: inline-block !important;
  15035. width: 20% !important;
  15036. height: 100% !important;
  15037. line-height: 100vh !important;
  15038. font-size: 50px !important;
  15039. text-align: center !important;
  15040. background-color: #22222269 !important;
  15041. z-index: 0 !important;
  15042. }
  15043. a[data-stylish^="close-style-page-button"]:before {
  15044. left: 0 !important;
  15045. top: 0 !important;
  15046. }
  15047. a[data-stylish^="close-style-page-button"]:after {
  15048. right: 2px !important;
  15049. top: 0 !important;
  15050. }
  15051. .style-navigation_navButtonWrapper__qbLNx {
  15052. position: fixed;
  15053. bottom: calc(50% - 32px);
  15054. z-index: 500000 !important;
  15055. }
  15056.  
  15057. .style-header_closeIcon__V1XdV {
  15058. fill: white !important;
  15059. transform: scale(.8);
  15060. }
  15061.  
  15062. /* (new240) */
  15063. [class^="style_styleCard__"] {
  15064. position: sticky !important;
  15065. display: inline-block !important;
  15066. width: 60% !important;
  15067. min-width: 768px;
  15068. top: -18vh !important;
  15069. margin-top: 5px !important;
  15070. border-radius: 5px 5px 0 0 !important;
  15071. box-shadow: 0 0 56px rgba(50, 50, 50, .24);
  15072. background-color: #111 !important;
  15073. border: 1px solid red !important;
  15074. }
  15075.  
  15076. [class^="style-image_styleImage__"] {
  15077. background-position: center center;
  15078. background-size: contain !important;
  15079. background-repeat: no-repeat !important;
  15080. background-color: #111 !important;
  15081. border-radius: 0px !important;
  15082. width: 100% !important;
  15083. height: 30vh !important;
  15084. margin: -2vh 0 1vh 0 !important;
  15085. }
  15086.  
  15087.  
  15088. [class^="style_commentsWrapper__"] {
  15089. flex: 1 1 !important;
  15090. padding: 20px 24px 24px;
  15091. }
  15092. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"]:not([class*="info-content_readMoreOpen__"]) {
  15093. font-size: 15px;
  15094. min-height: 0vh !important;
  15095. max-height: 17vh !important;
  15096. line-height: 19px !important;
  15097. padding: 3px 5px !important;
  15098. overflow: hidden !important;
  15099. overflow-y: auto !important;
  15100. color: #fff;
  15101. }
  15102. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"][class*="info-content_readMoreOpen__"] {
  15103. font-size: 15px;
  15104. min-height: 5vh !important;
  15105. max-height: 100vh !important;
  15106. line-height: 19px !important;
  15107. border-left: 4px solid red !important;
  15108. }
  15109. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"][class*="info-content_readMoreOpen__"] > div {
  15110. padding: 0 0 0 5px;
  15111. }
  15112. /* SEARCH */
  15113. .styles-grid_grid__0cBgt .styles-grid_gridHeader__Ni2IQ {
  15114. margin: 0 !important;
  15115. }
  15116. [class^="category-filter_categoryFilter__"] {
  15117. background-color: #323232;
  15118. position: sticky;
  15119. top: 9vh !important;
  15120. padding: 0 !important;
  15121. z-index: 1000;
  15122. }
  15123. [class^="styles-grid_grid__"] {
  15124. display: inline-block !important;
  15125. margin: 2vh 0 0 0 !important;
  15126. padding: 0vh 0px 0px 05px !important;
  15127. border-radius: 0 !important;
  15128. background: #111;
  15129. border: 1px solid yellow !important;
  15130. }
  15131. [class^="styles-grid_grid__"] [class^="styles-grid_gridItems__"] {
  15132. display: inline-block !important;
  15133. flex-wrap: unset !important;
  15134. grid-template-columns: unset !important;
  15135. grid-gap: unset !important;
  15136. /* gap: unset !important; */
  15137. min-height: 79.8vh !important;
  15138. max-height: 79.8vh !important;
  15139. line-height: 19px !important;
  15140. margin: 5.5vh 0px 0px 0 !important;
  15141. padding: 3px 30px !important;
  15142. border-radius: 0 !important;
  15143. overflow: hidden !important;
  15144. overflow-y: auto !important;
  15145. border: 1px solid red !important;
  15146. }
  15147. [class^="styles-grid_loadMoreBtnWrapper__"] {
  15148. margin: 0 0 0 0 !important;
  15149. }
  15150. [class^="styles-grid_styleCubeWrapper_"] {
  15151. display: inline-block !important;
  15152. width: auto !important;
  15153. margin: 0 15px 8px 0 !important;
  15154. }
  15155. [class^="styles-grid_styleCubeWrapper_"]:first-of-type {
  15156. margin: 0 0px 8px 0 !important;
  15157. }
  15158. [class^="styles-grid_styleCubeWrapper_"] a {
  15159. display: inline-block !important;
  15160. width: 100% !important;
  15161. min-width: 22.2vw !important;
  15162. max-width: 22.2vw !important;
  15163. padding: 5px;
  15164. border-radius: 5px !important;
  15165. border: 1px solid red !important;
  15166. }
  15167. [class^="styles-grid_styleCubeWrapper_"] a [class*="style-cube_withHover__"]:hover {
  15168. border-radius: 5px !important;
  15169. background-color: #111 !important;
  15170. border: 1px solid aqua !important;
  15171. }
  15172. /* (new240) */
  15173. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"],
  15174. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateUpdated__"],
  15175. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateCreated__"] {
  15176. position: fixed !important;
  15177. display: inline-block !important;
  15178. width: 7% !important;
  15179. height: 8.5vh !important;
  15180. margin: 0 0 0 0 !important;
  15181. top: 0vh !important;
  15182. left: 13% !important;
  15183. padding: 0 0 0 5px !important;
  15184. text-align: center !important;
  15185. border-radius: 5px 0 0 5px !important;
  15186. z-index: 5000 !important;
  15187. background: #111!important;
  15188. }
  15189. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateCreated__"] {
  15190. top: 0vh !important;
  15191. border: 1px solid aqua !important;
  15192. border-right: 1px solid red !important;
  15193. }
  15194. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateUpdated__"] {
  15195. top: 8.8vh !important;
  15196. border: 1px solid pink!important;
  15197. border-right: 1px solid red !important;
  15198. }
  15199. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"] {
  15200. line-height: 8.5vh !important;
  15201. top: 17.8vh !important;
  15202. border: 1px solid orange!important;
  15203. border-right: 1px solid red !important;
  15204. }
  15205. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"] .style-info_infoTitle__UErn8 {
  15206. display: inline-block !important;
  15207. width: 100%;
  15208. height: 8.5vh !important;
  15209. line-height: 3.5vh !important;
  15210. margin: 10px 0 0 0 !important;
  15211. }
  15212.  
  15213.  
  15214. [class^="create-style_pageWrapper__"] {
  15215. display: inline-block !important;
  15216. width: 85% !important;
  15217. min-height: 93.8vh !important;
  15218. max-height: 93.8vh !important;
  15219. line-height: 19px !important;
  15220. margin: 5vh 0 0 12% !important;
  15221. padding-left: 120px;
  15222. border-radius: 0 !important;
  15223. overflow: hidden !important;
  15224. overflow-y: auto !important;
  15225. border: 1px solid red !important;
  15226. }
  15227. [class^="create-style_pageWrapper__"] > div {
  15228. display: inline-block !important;
  15229. width: 100% !important;
  15230. margin: 1vh 0 0 0 !important;
  15231. }
  15232.  
  15233. /* (new239) */
  15234. [class^="create-style_pageWrapper__"] [class^="create-style_styleSection__"],
  15235. [class^="create-style_formWrapper_"] [class^="create-style_styleSection__"] {
  15236. margin-bottom: 0px !important;
  15237. }
  15238.  
  15239.  
  15240. [class^="create-style_styleCodeWrapper__"] {
  15241. display: inline-block !important;
  15242. width: 100% !important;
  15243. min-height: 73.8vh !important;
  15244. max-height: 73.8vh !important;
  15245. line-height: 19px !important;
  15246. margin: 5vh 0 0 0 !important;
  15247. border-radius: 0 !important;
  15248. overflow: hidden !important;
  15249. overflow-y: auto !important;
  15250. border: 1px solid green!important;
  15251. }
  15252. .CodeMirror-scroll {
  15253. overflow: scroll!important;
  15254. margin: 0px !important;
  15255. padding-bottom: 30px;
  15256. height: 100%;
  15257. outline: none;
  15258. position: relative;
  15259. }
  15260. .CodeMirror-code {
  15261. display: inline-block !important;
  15262. width: 100% !important;
  15263. min-width: 55vw !important;
  15264. max-width: 55vw !important;
  15265. outline: none;
  15266. }
  15267. /*.CodeMirror pre {
  15268. display: inline-block !important;
  15269. width: 100% !important;
  15270. min-width: 55vw !important;
  15271. max-width: 55vw !important;
  15272. white-space: pre !important;
  15273. word-wrap: break-word !important;
  15274. overflow: hidden !important;
  15275. }*/
  15276. /*.CodeMirror pre span {
  15277. display: block !important;
  15278. width: 100% !important;
  15279. min-width: 100% !important;
  15280. max-width: 100% !important;
  15281. white-space: pre !important;
  15282. word-wrap: break-word !important;
  15283. overflow: hidden !important;
  15284. }*/
  15285. /* END ==== (new239) URL-PREF - USERSTYLES NEW DESIGN - USERSTYLES NEW DESIGN - PROFILE /HOME / ETC ==== */
  15286. }
  15287.  
  15288.  
  15289.  
  15290.  
  15291.  
  15292.  
  15293.  
  15294.  
  15295.  
  15296.  
  15297.  
  15298.  
  15299.  
  15300.  
  15301.  
  15302.  
  15303.  
  15304.  
  15305.  
  15306.  
  15307.  
  15308.  
  15309.  
  15310.  
  15311.  
  15312.