☰

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. 	
  15025. a[data-stylish^="close-style-page-button"] {
  15026. 	border-radius: 5px !important;
  15027. 	background-color: green!important;
  15028. 	padding: 0 16px;
  15029. }
  15030. /* CLOSE BUTTON EXTENTED */
  15031. a[data-stylish^="close-style-page-button"]:after,
  15032. a[data-stylish^="close-style-page-button"]:before {
  15033. 	content: "......" !important;
  15034. 	position: fixed !important;
  15035. 	display: inline-block !important;
  15036. 	width: 20% !important;
  15037. 	height: 100% !important;
  15038. 	line-height: 100vh !important;
  15039. 	font-size: 50px !important;
  15040. 	text-align: center !important;
  15041. 	background-color: #22222269 !important;
  15042. 	z-index: 0 !important;
  15043. }
  15044. a[data-stylish^="close-style-page-button"]:before {
  15045. 	left: 0 !important;
  15046. 	top: 0 !important;
  15047. }
  15048. a[data-stylish^="close-style-page-button"]:after {
  15049. 	right: 2px !important;
  15050. 	top: 0 !important;
  15051. }
  15052. .style-navigation_navButtonWrapper__qbLNx {
  15053. 	position: fixed;
  15054. 	bottom: calc(50% - 32px);
  15055. 	z-index: 500000 !important;
  15056. }
  15057.  
  15058. .style-header_closeIcon__V1XdV {
  15059. 	fill: white !important;
  15060. 	transform: scale(.8);
  15061. }
  15062.  
  15063. /* (new240) */
  15064. [class^="style_styleCard__"] {
  15065. 	position: sticky !important;
  15066. 	display: inline-block !important;
  15067. 	width: 60% !important;
  15068. 	min-width: 768px;
  15069. 	top: -18vh !important;
  15070. 	margin-top: 5px !important;
  15071. 	border-radius: 5px 5px 0 0 !important;
  15072. 	box-shadow: 0 0 56px rgba(50, 50, 50, .24);
  15073. 	background-color: #111 !important;
  15074. 	border: 1px solid red !important;
  15075. }
  15076.  
  15077. [class^="style-image_styleImage__"] {
  15078. 	background-position: center center;
  15079. 	background-size: contain !important;
  15080. 	background-repeat: no-repeat !important;
  15081. 	background-color: #111 !important;
  15082. 	border-radius: 0px !important;
  15083. 	width: 100% !important;
  15084. 	height: 30vh !important;
  15085. 	margin: -2vh 0 1vh 0 !important;
  15086. }
  15087.  
  15088.  
  15089. [class^="style_commentsWrapper__"] {
  15090. 	flex: 1 1 !important;
  15091. 	padding: 20px 24px 24px;
  15092. }
  15093. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"]:not([class*="info-content_readMoreOpen__"]) {
  15094. 	font-size: 15px;
  15095. 	min-height: 0vh !important;
  15096. 	max-height: 17vh !important;
  15097. 	line-height: 19px !important;
  15098. 	padding: 3px 5px !important;
  15099. 	overflow: hidden !important;
  15100. 	overflow-y: auto !important;
  15101. 	color: #fff;
  15102. }
  15103. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"][class*="info-content_readMoreOpen__"] {
  15104. 	font-size: 15px;
  15105. 	min-height: 5vh !important;
  15106. 	max-height: 100vh !important;
  15107. 	line-height: 19px !important;
  15108. 	border-left: 4px solid red !important;
  15109. }
  15110. [class*="style-info_infoValue__"][class*="info-content_infoWithReadMore__"][class*="info-content_readMoreOpen__"] > div {
  15111. 	padding: 0 0 0 5px;
  15112. }
  15113. /* SEARCH */
  15114. .styles-grid_grid__0cBgt .styles-grid_gridHeader__Ni2IQ {
  15115. 	margin: 0 !important;
  15116. }
  15117. [class^="category-filter_categoryFilter__"] {
  15118. 	background-color: #323232;
  15119. 	position: sticky;
  15120. 	top: 9vh !important;
  15121. 	padding: 0 !important;
  15122. 	z-index: 1000;
  15123. }
  15124. [class^="styles-grid_grid__"] {
  15125. 	display: inline-block !important;
  15126. 	margin: 2vh 0 0 0 !important;
  15127. 	padding: 0vh 0px 0px 05px !important;
  15128. 	border-radius: 0 !important;
  15129. 	background: #111;
  15130. 	border: 1px solid yellow !important;
  15131. }
  15132. [class^="styles-grid_grid__"] [class^="styles-grid_gridItems__"] {
  15133. 	display: inline-block !important;
  15134. 	flex-wrap: unset !important;
  15135. 	grid-template-columns: unset !important;
  15136. 	grid-gap: unset !important;
  15137. 	/*     gap: unset !important; */
  15138. 	min-height: 79.8vh !important;
  15139. 	max-height: 79.8vh !important;
  15140. 	line-height: 19px !important;
  15141. 	margin: 5.5vh 0px 0px 0 !important;
  15142. 	padding: 3px 30px !important;
  15143. 	border-radius: 0 !important;
  15144. 	overflow: hidden !important;
  15145. 	overflow-y: auto !important;
  15146. 	border: 1px solid red !important;
  15147. }
  15148. [class^="styles-grid_loadMoreBtnWrapper__"] {
  15149. 	margin: 0 0 0 0 !important;
  15150. }
  15151. [class^="styles-grid_styleCubeWrapper_"] {
  15152. 	display: inline-block !important;
  15153. 	width: auto !important;
  15154. 	margin: 0 15px 8px 0 !important;
  15155. }
  15156. [class^="styles-grid_styleCubeWrapper_"]:first-of-type {
  15157. 	margin: 0 0px 8px 0 !important;
  15158. }
  15159. [class^="styles-grid_styleCubeWrapper_"] a {
  15160. 	display: inline-block !important;
  15161. 	width: 100% !important;
  15162. 	min-width: 22.2vw !important;
  15163. 	max-width: 22.2vw !important;
  15164. 	padding: 5px;
  15165. 	border-radius: 5px !important;
  15166. 	border: 1px solid red !important;
  15167. }
  15168. [class^="styles-grid_styleCubeWrapper_"] a [class*="style-cube_withHover__"]:hover {
  15169. 	border-radius: 5px !important;
  15170. 	background-color: #111 !important;
  15171. 	border: 1px solid aqua !important;
  15172. }
  15173. /* (new240) */
  15174. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"],
  15175. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateUpdated__"],
  15176. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateCreated__"] {
  15177. 	position: fixed !important;
  15178. 	display: inline-block !important;
  15179. 	width: 7% !important;
  15180. 	height: 8.5vh !important;
  15181. 	margin: 0 0 0 0 !important;
  15182. 	top: 0vh !important;
  15183. 	left: 13% !important;
  15184. 	padding: 0 0 0 5px !important;
  15185. 	text-align: center !important;
  15186. 	border-radius: 5px 0 0 5px !important;
  15187. 	z-index: 5000 !important;
  15188. 	background: #111!important;
  15189. }
  15190. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateCreated__"] {
  15191. 	top: 0vh !important;
  15192. 	border: 1px solid aqua !important;
  15193. 	border-right: 1px solid red !important;
  15194. }
  15195. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_dateUpdated__"] {
  15196. 	top: 8.8vh !important;
  15197. 	border: 1px solid pink!important;
  15198. 	border-right: 1px solid red !important;
  15199. }
  15200. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"] {
  15201. 	line-height: 8.5vh !important;
  15202. 	top: 17.8vh !important;
  15203. 	border: 1px solid orange!important;
  15204. 	border-right: 1px solid red !important;
  15205. }
  15206. [class^="style-info_infoWrapper__"] [class^="style-info_infoSection__"][class*="style-info_showCss__"] .style-info_infoTitle__UErn8 {
  15207. 	display: inline-block !important;
  15208. 	width: 100%;
  15209. 	height: 8.5vh !important;
  15210. 	line-height: 3.5vh !important;
  15211. 	margin: 10px 0 0 0 !important;
  15212. }
  15213.  
  15214.  
  15215. [class^="create-style_pageWrapper__"] {
  15216. 	display: inline-block !important;
  15217. 	width: 85% !important;
  15218. 	min-height: 93.8vh !important;
  15219. 	max-height: 93.8vh !important;
  15220. 	line-height: 19px !important;
  15221. 	margin: 5vh 0 0 12% !important;
  15222. 	padding-left: 120px;
  15223. 	border-radius: 0 !important;
  15224. 	overflow: hidden !important;
  15225. 	overflow-y: auto !important;
  15226. 	border: 1px solid red !important;
  15227. }
  15228. [class^="create-style_pageWrapper__"] > div {
  15229. 	display: inline-block !important;
  15230. 	width: 100% !important;
  15231. 	margin: 1vh 0 0 0 !important;
  15232. }
  15233.  
  15234. /* (new239) */
  15235. [class^="create-style_pageWrapper__"] [class^="create-style_styleSection__"],
  15236. [class^="create-style_formWrapper_"] [class^="create-style_styleSection__"] {
  15237. 	margin-bottom: 0px !important;
  15238. }
  15239.  
  15240.  
  15241. [class^="create-style_styleCodeWrapper__"] {
  15242. 	display: inline-block !important;
  15243. 	width: 100% !important;
  15244. 	min-height: 73.8vh !important;
  15245. 	max-height: 73.8vh !important;
  15246. 	line-height: 19px !important;
  15247. 	margin: 5vh 0 0 0 !important;
  15248. 	border-radius: 0 !important;
  15249. 	overflow: hidden !important;
  15250. 	overflow-y: auto !important;
  15251. 	border: 1px solid green!important;
  15252. }
  15253. .CodeMirror-scroll {
  15254. 	overflow: scroll!important;
  15255. 	margin: 0px !important;
  15256. 	padding-bottom: 30px;
  15257. 	height: 100%;
  15258. 	outline: none;
  15259. 	position: relative;
  15260. }
  15261. .CodeMirror-code {
  15262. 	display: inline-block !important;
  15263. 	width: 100% !important;
  15264. 	min-width: 55vw !important;
  15265. 	max-width: 55vw !important;
  15266. 	outline: none;
  15267. }
  15268. /*.CodeMirror pre {
  15269. 	display: inline-block !important;
  15270. 	width: 100% !important;
  15271. 	min-width: 55vw !important;
  15272. 	max-width: 55vw !important;
  15273.     white-space: pre !important;
  15274.     word-wrap: break-word !important;
  15275.     overflow: hidden !important;
  15276. }*/
  15277. /*.CodeMirror pre span {
  15278. 		display: block !important;
  15279. 	width: 100% !important;
  15280. 	min-width: 100% !important;
  15281. 	max-width: 100% !important;
  15282.     white-space: pre !important;
  15283.     word-wrap: break-word !important;
  15284.     overflow: hidden !important;
  15285. }*/
  15286. /* END ==== (new239) URL-PREF - USERSTYLES NEW DESIGN - USERSTYLES NEW DESIGN - PROFILE /HOME / ETC  ==== */
  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.  
  15313.