☰

Sleazy Fork is available in English.

Rule34Hentai Improved

Fixes stuff, adds like/favorite/Mark-as-read under images, highlights animated, makes the site more compact, etc.

  1. // ==UserScript==
  2. // @name         Rule34Hentai Improved
  3. // @namespace    Hentiedup
  4. // @author       Hentiedup
  5. // @version      1.3.3
  6. // @icon         https://i.imgur.com/Aea35p5.png
  7. // @description  Fixes stuff, adds like/favorite/Mark-as-read under images, highlights animated, makes the site more compact, etc.
  8. // @license      unlicense
  9. // @match        https://rule34hentai.net/*
  10. // @require      https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @grant        GM_deleteValue
  14. // @grant        GM_listValues
  15. // @noframes
  16. // @run-at document-start
  17. // ==/UserScript==
  18.  
  19. (function() {
  20.     'use strict';
  21.  
  22.     //Temporary fix for multi tag search issue. (credit mostly to SUzuhara)
  23.     (() => {
  24.         const currentURL = window.location.href;
  25.         const fixedURL = currentURL.replace(/%20|\s/g, '+');
  26.         if (currentURL !== fixedURL) {
  27.             window.location.href = fixedURL;
  28.         }
  29.     })();
  30.  
  31.     var BlockedTagsString, MarkedAsSeenString, Settings;
  32.     LoadSettings(); //populate: BlockedTagsString, MarkedAsSeenString, Settings
  33.  
  34.     var banIcon = `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="ban" class="svg-inline--fa fa-ban fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.034 8 8 119.033 8 256s111.034 248 248 248 248-111.034 248-248S392.967 8 256 8zm130.108 117.892c65.448 65.448 70 165.481 20.677 235.637L150.47 105.216c70.204-49.356 170.226-44.735 235.638 20.676zM125.892 386.108c-65.448-65.448-70-165.481-20.677-235.637L361.53 406.784c-70.203 49.356-170.226 44.736-235.638-20.676z"></path></svg>`;
  35.     var eyeIcon = `<svg class="eyeIcon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="eye" class="svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path></svg>`;
  36.     var eyeSlashIcon = `<svg class="eyeSlashIcon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="eye-slash" class="svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"></path></svg>`;
  37.  
  38.     //AJAX post loading variables
  39.     var path, pageNumString, pageNum, hadPageNum, loadingPage, stopLoading;
  40.  
  41.     if(Settings["ExperimentalExtraAdRemoval"]) {
  42.         //NOT A GOOD WAY TO DO THIS, BUT IT WORKS, SO DOING IT FOR NOW...
  43.         setInterval(() => {
  44.             $("script[src*='popunder'], script[src*='adsco.re'], script[src*='nativeads'], script[src*='wpnsrv.com'], script[src*='xadsmart.com'], script[src*='bxczchdxynw.com'], script[src*='vsyaiejmfooba.com']").remove();
  45.             $("script[src*='irtyvhrthhya.com'], script[src*='realsrv.com'], script[src*='/zuofwximhl.php'], script[src*='wpnjs.com']").remove(); //unsure
  46.             $("head iframe").remove();
  47.         }, 10);
  48.     }
  49.  
  50.     if(Settings["OnlyAnimated"]) {
  51.         //if in post lists, but doesn't include animated
  52.         if(window.location.href.includes("/post/list") && !(/list\/.*(%20)?Animated(%20)?/g).test(window.location.href))
  53.         {
  54.             window.stop();
  55.             $("body").html("");
  56.             let newUrl;
  57.             const splitted = window.location.href.split("/list/");
  58.             if(splitted && splitted.length >= 2)
  59.             {
  60.                 const partToCheck = splitted[1].split("?")[0].split("#")[0];
  61.                 newUrl = splitted[0] + "/list/Animated%20" + ((partToCheck == "" || /^\d+$/.test(partToCheck)) ? "/" : "") + splitted[1];
  62.             }
  63.             else
  64.                 newUrl = window.location.href + "/Animated%20/";
  65.  
  66.             window.location.href = newUrl;
  67.         }
  68.     }
  69.  
  70.     $(function() {
  71.         //fix new tabs (chrome problem only, apparently)
  72.         if(!!window.chrome)
  73.         {
  74.             //! Right now it would seem I pretty much need to rewrite the search tag handling myself to prevent the new tab behaviour for removing tags
  75.  
  76.             //Find submit button
  77.             $("#Navigationleft form input[value='Find']").click((e) => {
  78.                 e.preventDefault();
  79.                 e.stopPropagation();
  80.                 $("#Navigationleft form")[0].submit();
  81.             });
  82.  
  83.             //Find form
  84.             $("#Navigationleft form").submit((e) => {
  85.                 e.preventDefault();
  86.                 e.stopPropagation();
  87.                 return false;
  88.             });
  89.  
  90.             //download
  91.             let DLTarget = $("#Post_Controlsleft > .blockbody > a[download]");
  92.             if(!!DLTarget && DLTarget.length > 0)
  93.             {
  94.                 DLTarget.replaceWith(`<a href="`+DLTarget.prop("href")+`" download><button id="newDLButton" class="image_button_set">Download</button></a>`);
  95.                 $("#newDLButton").click(function(e) {
  96.                     e.preventDefault();
  97.                     e.stopPropagation();
  98.                     let link = document.createElement("a");
  99.                     let nameArr = $(this).parent().prop("href").split("/");
  100.                     link.download = decodeURI(nameArr[nameArr.length-1]);
  101.                     link.href = $(this).parent().prop("href");
  102.                     link.click();
  103.                 });
  104.             }
  105.  
  106.             //main header img link
  107.             let mainHeaderImg = $("#header h1 a");
  108.             if(!!mainHeaderImg && mainHeaderImg.length > 0)
  109.             {
  110.                 $("#header h1").prop("style", "position: relative;");
  111.                 $("#header h1").append(`<a id="mainheaderImg" href="`+mainHeaderImg.prop("href")+`" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></a>`);
  112.                 $("#mainheaderImg").click(function(e) {
  113.                     e.preventDefault();
  114.                     e.stopPropagation();
  115.                     window.location.href = mainHeaderImg.prop("href");
  116.                 });
  117.             }
  118.  
  119.             //featured image link
  120.             let featImg = $("#Featured_Postleft .blockbody");
  121.             if(!!featImg && featImg.length > 0)
  122.             {
  123.                 $("#Featured_Postleft .blockbody").css("position", "relative");
  124.                 $("#Featured_Postleft .blockbody").append(`<a id="featuredImgLinkCatcher" href="`+$("#Featured_Postleft img").parent().prop("href")+`" title="`+$("#Featured_Postleft img").parent().prop("title")+`" style="position: absolute;top: 8px;left: 8px;width: calc(100% - 17px);height: calc(100% - 17px);"></a>`);
  125.                 $("#featuredImgLinkCatcher").click(function(e) {
  126.                     e.preventDefault();
  127.                     e.stopPropagation();
  128.                     window.location.href = $("#Featured_Postleft img").parent().prop("href");
  129.                 });
  130.             }
  131.  
  132.             //Private Messages -> PMs
  133.             $("#header a[href='/user#private-messages']").before('<br>');
  134.  
  135.             //main list images
  136.             $(".shm-image-list > a.thumb").each(function() {
  137.                 $(this).css("position", "relative");
  138.                 $(this).append(`<a class="LinkClickCatcher" href="`+$(this).prop("href")+`" title="`+$(this).find("[title]").prop("title")+`"></a>`);
  139.             });
  140.  
  141.             //most other links
  142.             addGlobalStyle(`
  143. 				.LinkClickCatcher, .LinkClickCatcher:hover, .LinkClickCatcher:active, .LinkClickCatcher:focus
  144. 				{
  145. 					position: absolute;
  146. 					top: 0;
  147. 					left: 0;
  148. 					width: 100%;
  149. 					width: -moz-available;          /* WebKit-based browsers will ignore this. */
  150. 					width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  151. 					width: fill-available;
  152. 					height: 100%;
  153. 					height: -moz-available;          /* WebKit-based browsers will ignore this. */
  154. 					height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  155. 					height: fill-available;
  156.                     background: transparent;
  157.                     background-color: transparent;
  158. 				}
  159. 			`);
  160.             $("a").filter("*:not(a[download]):not(#header h1 a):not(.custom-button):not(#Featured_Postleft a):not(.shm-image-list > a.thumb):not(.LinkClickCatcher):not(.optionsHelpLink)").each(function() {
  161.                 $(this).css("position", "relative");
  162.                 $(this).append(`<a class="LinkClickCatcher" href="`+$(this).prop("href")+`" title="`+$(this).prop("title")+`"></a>`);
  163.             });
  164.             $(".LinkClickCatcher").click(function(e) {
  165.                 e.preventDefault();
  166.                 e.stopPropagation();
  167.                 window.location.href = $(this).parent().prop("href");
  168.             });
  169.         }
  170.  
  171.         //Styles
  172.         if(true) {
  173. 			//main
  174. 			if(true) {
  175.                 //CSS for elements added by R34HI
  176.                 if(true) {
  177.                     addGlobalStyle(`
  178.                     .custom-button {
  179. 						cursor: pointer;
  180. 						width: 35px;
  181. 						padding: 3px;
  182. 						margin: 0;
  183. 						border-radius: 20px;
  184. 					}
  185. 					.custom-button:hover {
  186. 						background-color: rgba(255,255,255,.75);
  187. 					}
  188. 					.customButtonText {
  189. 						position: relative;
  190. 						top: -1px;
  191. 						width: auto;
  192. 						display: block;
  193. 						text-align: center;
  194. 					}
  195. 					.customButtonDiv {
  196.                         position: relative;
  197. 						display: inline-block;
  198. 						margin: 0;
  199. 						padding: 0;
  200. 						width: auto;
  201. 						float: left;
  202. 					}
  203. 					.customButtonDiv:nth-of-type(1) { margin-right: 10px; }
  204. 					.customButtonDiv:nth-of-type(2) { margin-left: 10px; margin-right: 10px; }
  205. 					.customButtonDiv:nth-of-type(3) { margin-left: 10px; }
  206.                     #nulllike-butt {
  207.                         position: absolute;
  208.                         width: 12px;
  209.                         right: -5px;
  210.                         bottom: 15px;
  211.                     }
  212.  
  213.                     #r34hi_settings label
  214. 					{
  215. 						display: inline;
  216. 					}
  217. 					#r34hi_settings input[type="checkbox"]
  218. 					{
  219. 						transform: scale(1.2);
  220. 					}
  221. 					#r34hi_settings select
  222. 					{
  223. 						width: auto;
  224. 					}
  225. 					#r34hi_settings > .blockbody
  226. 					{
  227. 						padding-bottom: 30px;
  228.                         text-align: left;
  229. 					}
  230. 					#r34hi_settings h4
  231. 					{
  232. 						margin: 23px 0 15px 0;
  233. 					}
  234. 					#tag-block-save-button
  235. 					{
  236. 						display: none;
  237. 						margin-left: 5px;
  238. 					}
  239. 					.optionsHelpLink {
  240. 						cursor: pointer;
  241. 						color: #8f8fff;
  242. 					}
  243.  
  244. 					#markedAsSeenCB
  245. 					{
  246. 						display: inline-block;
  247. 						width: 35px;
  248. 						height: 35px;
  249. 					}
  250. 					#markedAsSeenCB > svg
  251. 					{
  252. 						height: 35px;
  253. 						width: 35px;
  254. 						margin: 0;
  255. 						cursor: pointer;
  256. 					}
  257. 					svg.eyeSlashIcon
  258. 					{
  259. 						color: white;
  260. 					}
  261. 					svg.eyeIcon
  262. 					{
  263. 						color: #00c85f;
  264. 					}
  265.  
  266. 					.blockTagButton
  267. 					{
  268. 						display: inline-block;
  269. 						width: 11px;
  270. 						height: 11px;
  271. 						vertical-align: middle;
  272. 						cursor: pointer;
  273. 					}
  274. 					.blockTagButton > svg
  275. 					{
  276. 						vertical-align: top;
  277. 						color: #ff5454;
  278. 					}
  279.                 `);
  280.                 }
  281.  
  282.                 //post listing thumbnail inner image margins
  283.                 if(true) {
  284.                     addGlobalStyle(`
  285.                     a.shm-thumb-link > img {
  286. 					    padding: 0;
  287.                         margin: 0;
  288.                         border: 0;
  289. 					}
  290.                     `);
  291.                 }
  292.  
  293.                 //Make sure image/video section on post pages is visible (not sure what makes it otherwise not always showup without this)
  294.                 if(true) {
  295.                     addGlobalStyle("section#Imagemain { display: block !important; }");
  296.                 }
  297.  
  298.                 //fix search bar tag elements
  299.                 if(true) {
  300.                     addGlobalStyle("a.tagit-close { display: inline; padding: 0; }");
  301.                 }
  302. 			}
  303.  
  304.             if(Settings["CompactPostListing"]) {
  305.                 addGlobalStyle(`
  306.                     .thumb {
  307.                         width: unset;
  308.                         margin: 2px;
  309.                     }
  310.                     .shm-image-list {
  311.                         display: flex;
  312.                         flex-wrap: wrap;
  313.                         justify-content: space-around;
  314.                         align-items: center;
  315.                     }
  316.                 `);
  317.             }
  318.  
  319.             if(Settings["EnableMarkAsSeenSystem"] && Settings["MarkedAsSeen"].length > 0 && Settings["MarkSeenEffect"] != "nothing") {
  320.                 addGlobalStyle(`.marked-as-seen `+(Settings["MarkSeenEffect"] == "fade" ? `{ opacity: 0.2; }` : `{ display: none; }`));
  321.             }
  322.  
  323.             if(Settings["BlockedTags"].length > 0) {
  324.                 let rules = '';
  325.                 for(let i = 0; i < Settings["BlockedTags"].length; i++)
  326.                     rules += ('a.shm-thumb-link[data-tags~="'+Settings["BlockedTags"][i]+'"]' + (i < Settings["BlockedTags"].length-1 ? ',\n' : ''));
  327.                 rules += '\n{ display: none; }';
  328.                 //console.log(rules);
  329.                 addGlobalStyle(rules);
  330.             }
  331.  
  332.             if(Settings["HighlightVideos"]) {
  333.                 addGlobalStyle(`
  334. 					a.shm-thumb-link > img[title*='// webm'], a.shm-thumb-link > img[title*='// mp4'], a.shm-thumb-link > img[title*='// gif'],
  335.                     #Featured_Postleft a > img[title*='// webm'], #Featured_Postleft a > img[title*='// mp4'], #Featured_Postleft a > img[title*='// gif']
  336. 					{
  337. 						border: solid 2px #fb2ccc !important; box-shadow: 0 0 5px 1px red;
  338. 					}
  339. 				`);
  340.             }
  341.  
  342.             if(Settings["RemoveSomeSneakyAds"]) {
  343.                 addGlobalStyle(`
  344. 					/*The site only uses iframes for ads, so might as well hide all of them*/
  345. 					iframe { display: none; }
  346.  
  347. 					/* Not sure what this was, but no longer hiding it...
  348.                     #header td:nth-of-type(1) center:nth-of-type(2) > div { display: none; }
  349.                     */
  350.  
  351. 					/*As far as I can tell the "Recommended" div is only for ads (no longer exists? Keeping this line, because it's specific enough to not break anything)*/
  352. 					section[id="Recommended_for_youleft"] { display: none; }
  353.  
  354. 					/*Hiding some links from the header that are pretty much just ads*/
  355. 					#header td ul > li a:not([href^="https://rule34hentai.net"]):not([href^="#"]) { display: none; }
  356. 					#header td ul > li img[src^="https://rule34hentai.net/TPD-Favicon"] { display: none; }
  357.  
  358. 					/*The site is now loading fake posts in with the real ones. Hiding those*/
  359. 					a.thumb:not([href^="/post/"]) { display: none; }
  360.  
  361. 					/*some new ad section below the paginator. Seems safe to assume all sections below the paginator are ads*/
  362. 					article > #paginator ~ section { display: none; }
  363. 				`);
  364. 			}
  365.  
  366.             //sections with no id don't appean to be a thing anymore, but leaving it here in case those come back, because this probably wont break anything
  367.             if(Settings["RemovePremiumAds"]) {
  368.                 addGlobalStyle(`
  369. 					section[id=""] { display: none; }
  370. 				`);
  371. 			}
  372.  
  373.             /* What is this again?
  374.             if(Settings["CenterContent"]) {
  375.                 addGlobalStyle(`
  376. 					#fluid_video_wrapper_video-id, #main_image
  377. 					{
  378. 						display: block;
  379. 						margin: auto;
  380. 					}
  381.  
  382. 					#Imagemain + section > .blockbody, #Videomain + section > .blockbody
  383. 					{
  384. 						width: 720px;
  385. 						display: block;
  386. 						margin: auto;
  387. 					}
  388. 				`);
  389. 			}
  390.             */
  391.  
  392. 			// hide sections
  393. 			if(true) {
  394. 				if(Settings["HideNavigationInSidePanel"])
  395. 					addGlobalStyle(`#Navigationleft { display: none; }`);
  396. 				if(Settings["HideFeaturedImgInSidePanel"])
  397. 					addGlobalStyle(`#Featured_Postleft { display: none; }`);
  398. 				if(Settings["HideNewsInSidePanel"])
  399. 					addGlobalStyle(`#Newsleft { display: none; }`);
  400. 				if(Settings["HideCommentsInSidePanel"])
  401. 					addGlobalStyle(`#comment-list-recent { display: none; }`);
  402. 				if(Settings["HidePopularTagsInSidePanel"])
  403. 					addGlobalStyle(`#Popular_Tagsleft { display: none; }`);
  404. 				if(Settings["HideTagsInSidePanel"])
  405. 					addGlobalStyle(`#Tagsleft { display: none; }`);
  406. 				if(Settings["HideFavByInSidePanel"])
  407. 					addGlobalStyle(`#Favorited_Byleft { display: none; }`);
  408. 				/*if(Settings["HideReportInSidePanel"])
  409. 					addGlobalStyle(`#Report_Imageleft { display: none; }`);*/
  410. 				if(Settings["HideImgControlInSidePanel"])
  411. 					addGlobalStyle(`#Post_Controlsleft { display: none; }`);
  412. 				/*if(Settings["HidePoolsInSidePanel"])
  413. 					addGlobalStyle(`#Poolsleft { display: none; }`);*/
  414. 				if(Settings["HideLikesInSidePanel"])
  415. 					addGlobalStyle(`#Post_Scoreleft { display: none; }`);
  416.                 if(Settings["HideBulkActionsInSidePanel"])
  417. 					addGlobalStyle(`#Bulk_Actionsleft { display: none; }`);
  418.  
  419.                 if(Settings["HideSidepanel"] == "all")
  420. 					addGlobalStyle(`
  421. 						body > nav { display: none; }
  422. 						body > article { margin-left: 16px; }
  423. 					`);
  424.  
  425.                 
  426. 				if(Settings["StopHidingMyCursorOnVideo"])
  427. 					addGlobalStyle(`#video-id { cursor: auto !important; }`);
  428.                 
  429.  
  430. 				if(Settings["HideImageVideoHeader"])
  431. 					addGlobalStyle(`#Imagemain > h3, #Videomain > h3, #image-list > h3 { display: none; }`);
  432. 			}
  433.  
  434.             //AKA More compact
  435.             if(Settings["CompactSiteHeader"] == "compacter") {
  436.                 addGlobalStyle(`
  437. 					#header { height: auto; }
  438. 					#header tr > td {
  439.                         text-align: left;
  440.                         margin: 0;
  441.                         padding: 0;
  442.                         border: 0;
  443.                     }
  444. 					#header tr > td > center:last-of-type { width: calc(100% - 290px); }
  445.                     #header tr > td > center > form { min-width: 300px; }
  446.                     #header tr > td > center > ul { margin-left: -270px; }
  447. 					#header tr > td > center { display: inline-block; }
  448. 					#header tr > td > center:first-of-type
  449. 					{
  450. 					    vertical-align: top;
  451. 					    padding: 0 10px 0 10px;
  452. 					}
  453.                     #header tr > td section > h3,
  454. 					#header tr > td section > .blockbody { margin: 0; padding: 5px; }
  455. 				`);
  456. 			}
  457.  
  458.             //fix video not properly sizing when loaded in a non-active tab (chrome)
  459.             addGlobalStyle(`#fluid_video_wrapper_video-id { width: auto !important; height: auto !important; }`);
  460.  
  461.             if(Settings["DownsizeToFit"]) {
  462.                 addGlobalStyle(`
  463. 					#fluid_video_wrapper_video-id,
  464. 					#fluid_video_wrapper_video-id > #video-id,
  465. 					#main_image {
  466. 						max-height: calc(100vh - 37px` +
  467. 					   (Settings["HideHeaderOnPosts"] ? `` : (Settings["CompactSiteHeader"] == "no" ? ` - 350px` : (Settings["CompactSiteHeader"] == "compact" ? ` - 146px` : ` - 96px`))) +
  468. 					   (Settings["HideImageVideoHeader"] ? `` : ` - 41px`) +
  469. 					   (Settings["DownsizeToFitLeaveSpaceInfo"] ? ` - 156px` : (Settings["LikeFavMASLocation"] == "sidepanel" ? `` : `  - 85px`)) + `) !important; max-width: 100% !important;
  470. 					}
  471.  
  472. 					#Post_Controlsleft form:not([action]):not([href]), #Post_Controlsleft form:not([action]):not([href]) + br { display: none; }
  473. 				`);
  474.             }
  475.  
  476.             if(Settings["CompactSiteHeader"] != "no") {
  477.                 addGlobalStyle(`
  478. 					header {margin: 0; padding: 0;}
  479. 					header p {display: none;}
  480. 					header ul.ui-widget {
  481. 						margin: 5px;
  482. 						display: inline-block;
  483. 						vertical-align: middle;
  484. 						box-sizing: border-box;
  485. 						width: calc(100% - 100px);
  486. 					}
  487. 					header form > input[value=Search],
  488. 					header form > input[value=Search]:visited {
  489. 						vertical-align: middle;
  490. 						height: 36px;
  491. 						border-radius: 8px;
  492. 						background-color: #dec4a0;
  493. 						border-color: #725327;
  494. 						font-weight: 700;
  495. 						cursor: pointer;
  496. 					}
  497. 					header form > input[value=Search]:hover,
  498. 					header form > input[value=Search]:active {
  499. 						background-color: #dabc92;
  500. 					}
  501. 					#header h1 {font-size: 14px;}
  502. 					#header img.wp-image-67962 {
  503. 						height: 50px;
  504. 						width: auto;
  505. 					}
  506. 					#header img.wp-image-69454 {
  507. 						display: none;
  508. 					}
  509. 					#header td > center > ul {margin: 2px 0 0 0;}
  510.  
  511. 					#Uploadhead > .blockbody > .mini_upload > small,
  512. 					#Uploadhead > .blockbody > .mini_upload > form > ul,
  513. 					#Uploadhead > .blockbody > .mini_upload > form > input[type=submit]
  514. 					{
  515. 						display: none;
  516. 					}
  517.  
  518. 					#Loginhead > .blockbody {
  519. 						display: none;
  520. 					}
  521. 					#Loginhead > h3 {
  522. 						cursor: pointer;
  523. 					}
  524. 				`);
  525. 			}
  526.  
  527.             if(Settings["HideLog"])
  528.                 addGlobalStyle(`b#flash { display: none; }`);
  529.         }
  530.  
  531.         if(Settings["HideHeaderOnPosts"] && window.location.href.includes("/post/view/")) {
  532.             addGlobalStyle(`
  533. 				header { display: none; }
  534. 			`);
  535.         }
  536.  
  537.         //sidepanel hiding for image-only
  538.         if(Settings["HideSidepanel"] == "vid-img" && window.location.href.includes("/post/view/")) {
  539.             addGlobalStyle(`
  540. 				body > nav { display: none; }
  541. 				body > article { margin-left: 16px; }
  542. 			`);
  543.         }
  544.  
  545.         //cleanup cloudflare GET string
  546.         if(window.location.href.includes("?__cf"))
  547.             window.history.replaceState( {} , $("title").html(), window.location.href.split("?__cf")[0]);
  548.  
  549.         if(Settings["RemoveSomeSneakyAds"]) {
  550.             //nasty new full screen input blocking ad thingamajig that can't be removed with CSS rules
  551.             let interval;
  552.             interval = setInterval(() => {
  553.                 let thing = $("body > footer~div:not([id]):not([class])");
  554.                 if(thing.length > 0)
  555.                 {
  556.                     $("body > footer~div:not([id]):not([class])").remove();
  557.                     stopInterval(interval);
  558.                 }
  559.             }, 50);
  560.         }
  561.  
  562.         if(Settings["CompactSiteHeader"] != "no") {
  563.             $("#Uploadhead #data0").change(function(){
  564.                 $("#Uploadhead > .blockbody > .mini_upload > small, #Uploadhead > .blockbody > .mini_upload > form > ul, #Uploadhead > .blockbody > .mini_upload > form > input[type=submit]").show(100);
  565.             });
  566.  
  567.             $("#Loginhead > h3").click(function(){
  568.                 $(this).next(".blockbody").toggle(100);
  569.             });
  570.         }
  571.  
  572. 		if(Settings["RemovePremiumAds"]) {
  573.             //The only section directly under article appears to now be the news section, which also includes the ad. Hiding only the last <strong> that contains the ad phrase to hopefully avoid hiding more text due to nesting
  574.             $("article > section strong:contains('ign up for a premium account')").last().hide();
  575. 		}
  576.  
  577.         //options menu
  578.         if(window.location.pathname == "/user") {
  579.             if(Settings["EnableMarkAsSeenSystem"])
  580.                 $("#Statsmain > .blockbody > a[href^='/post/list/upvoted_by']").before(`<b>Posts seen</b>: ` + Settings["MarkedAsSeen"].length + "<br>");
  581.  
  582.             let blockedTagsDisplay = BlockedTagsString.replace(/[\[\]\"\s]/g, "");
  583.             blockedTagsDisplay = blockedTagsDisplay.replace(/,/g, ",\n");
  584.             let textareaH = Settings["BlockedTags"].length * 14 + 50;
  585.             if(textareaH > 400)
  586.                 textareaH = 400;
  587.             $("#IPsmain").after(`<section id="r34hi_settings"><h3 data-toggle-sel="#Optionsmain">R34H Improved Settings</h3><div class="blockbody"><form action="#">` +
  588.                                     `<h4>Video/Image</h4>` +
  589.                                     `<label><input type="checkbox" name="InfiniteLoadPosts" `+(Settings["InfiniteLoadPosts"] ? "checked" : "")+`> Dynamically load more posts on post listing pages</label> <a id="infiniteLoadHelp" class="optionsHelpLink">?</a><br>` +
  590. 									`<label><input type="checkbox" name="OnlyAnimated" `+(Settings["OnlyAnimated"] ? "checked" : "")+`> Show ONLY videos</label><br>` +
  591.                                     `<label><input type="checkbox" name="HighlightVideos" `+(Settings["HighlightVideos"] ? "checked" : "")+`> Highlight videos</label><br>` +
  592.                                     `<label><input type="checkbox" name="AutoplayVideos" `+(Settings["AutoplayVideos"] ? "checked" : "")+`> Autoplay videos</label><br>` +
  593.                                     `<label><input type="checkbox" name="StopHidingMyCursorOnVideo" `+(Settings["StopHidingMyCursorOnVideo"] ? "checked" : "")+`> Show cursor on videos</label><br>` +
  594.                                     `<label><input type="checkbox" name="ClickOnVideoToPause" `+(Settings["ClickOnVideoToPause"] ? "checked" : "")+`> Click on video to pause</label><br>` +
  595.                                     `<label><input type="checkbox" name="DownsizeToFit" `+(Settings["DownsizeToFit"] ? "checked" : "")+`> Downsize images/videos to fit on screen</label> <a id="downsizeHelp" class="optionsHelpLink">?</a><br>` +
  596.                                     `<label><input type="checkbox" name="DownsizeToFitLeaveSpaceInfo" `+(Settings["DownsizeToFitLeaveSpaceInfo"] ? "checked" : "")+`> When Downsizing, leave space for info box below post</label><br>` +
  597.                                     /*`<label><input type="checkbox" name="CenterContent" `+(Settings["CenterContent"] ? "checked" : "")+`> Center video/image and info-box below it</label><br>` +*/
  598.                                     /*`<label><input type="checkbox" name="AllowContextMenuOnImages" `+(Settings["AllowContextMenuOnImages"] ? "checked" : "")+`> Allow context-menu/right-click on images</label><br>` +*/
  599.  
  600.                                     `<h4>Hotkeys <a id="CTRLHelp" class="optionsHelpLink">?</a></h4>` +
  601. 									`<label><input type="checkbox" name="CTRLSave" `+(Settings["CTRLSave"] ? "checked" : "")+`> Hotkey CTRL+S to save image/video on post page</label><br>` +
  602.                                     `<label><input type="checkbox" name="CTRLFav" `+(Settings["CTRLFav"] ? "checked" : "")+`> Hotkey CTRL+F to favorite image/video on post page</label><br>` +
  603.                                     `<label><input type="checkbox" name="CTRLLike" `+(Settings["CTRLLike"] ? "checked" : "")+`> Hotkey CTRL+A to like image/video on post page</label><br>` +
  604.                                     `<label><input type="checkbox" name="CTRLDislike" `+(Settings["CTRLDislike"] ? "checked" : "")+`> Hotkey CTRL+D to dislike image/video on post page</label><br>` +
  605.                                     `<label><input type="checkbox" name="CTRLMAS" `+(Settings["CTRLMAS"] ? "checked" : "")+`> Hotkey CTRL+G to mark as seen image/video on post page</label><br>` +
  606.  
  607.                                     `<h4>Like/Favorite</h4>` +
  608.                                     `<label><input type="checkbox" name="EnableLikeFavoriteButtonsBelowImage" `+(Settings["EnableLikeFavoriteButtonsBelowImage"] ? "checked" : "")+`> Enable AJAX like and favorite buttons</label><br>` +
  609.                                     `<label> <select name="LikeFavMASLocation">` +
  610. 									`<option value="under">Under post</option>` +
  611. 									`<option value="sidepanel">Sidepanel Image Controls</option></select>  Like/Favorite/Mark as seen button location</label><br>` +
  612.  
  613.                                     `<h4>Marked as Seen</h4>` +
  614.                                     `<label><input type="checkbox" name="EnableMarkAsSeenSystem" `+(Settings["EnableMarkAsSeenSystem"] ? "checked" : "")+`> Enable the Mark as seen system</label><br>` +
  615.                                     `<label><input type="checkbox" name="AutoMarkAsSeen" `+(Settings["AutoMarkAsSeen"] ? "checked" : "")+`> Automatically mark posts as seen as you open them</label><br>` +
  616.                                     `<label> <select name="MarkSeenEffect">` +
  617. 									`<option value="nothing">Display normally</option>` +
  618. 									`<option value="fade">Display faded</option>` +
  619. 									`<option value="hide">Hide</option></select>  What to do with posts marked as seen</label><br>` +
  620.  
  621.                                     `<h4>Compact Site</h4>` +
  622. 									`<label> <select name="CompactSiteHeader">` +
  623. 									`<option value="no">Normal</option>` +
  624. 									`<option value="compact">Compact</option>` +
  625. 									`<option value="compacter">More Compact</option></select>  Header</label><br>` +
  626.                                     `<label><input type="checkbox" name="HideHeaderOnPosts" `+(Settings["HideHeaderOnPosts"] ? "checked" : "")+`> Hide the site header on post pages</label><br>` +
  627.                                     `<label><input type="checkbox" name="HideEmptySections" `+(Settings["HideEmptySections"] ? "checked" : "")+`> Hide Empty site sections</label><br>` +
  628.                                     `<label><input type="checkbox" name="HideLog" `+(Settings["HideLog"] ? "checked" : "")+`> Hide the yellow log</label><br>` +
  629.                                     `<label><input type="checkbox" name="CompactPostListing" `+(Settings["CompactPostListing"] ? "checked" : "")+`> Compact spacing for the thumbnails in post listings</label><br>` +
  630.                                     `<label><input type="checkbox" name="HideImageVideoHeader" `+(Settings["HideImageVideoHeader"] ? "checked" : "")+`> Hide the image/video header</label><br>` +
  631.                                     `<label><input type="checkbox" name="RemoveSomeSneakyAds" `+(Settings["RemoveSomeSneakyAds"] ? "checked" : "")+`> Remove some sneaky ads</label><br>` +
  632. 									`<label><input type="checkbox" name="ExperimentalExtraAdRemoval" `+(Settings["ExperimentalExtraAdRemoval"] ? "checked" : "")+`> Experimental extra ad removal</label> <a id="experimentalAdHelp" class="optionsHelpLink">?</a><br>` +
  633. 									`<label><input type="checkbox" name="RemovePremiumAds" `+(Settings["RemovePremiumAds"] ? "checked" : "")+`> Remove ads for premium</label><br>` +
  634.  
  635.                                     `<h4>Sidepanel</h4>` +
  636.                                     `<label> <select name="HideSidepanel">` +
  637. 									`<option value="no">Don't Hide</option>` +
  638. 									`<option value="all">Always Hide</option>` +
  639. 									`<option value="vid-img">Hide in img-video pages</option></select>  Hide the entire sidepanel</label><br>` +
  640.                                     `<label><input type="checkbox" name="HideNavigationInSidePanel" `+(Settings["HideNavigationInSidePanel"] ? "checked" : "")+`> Hide the Navigation section in the sidepanel</label><br>` +
  641.                                     `<label><input type="checkbox" name="HideFeaturedImgInSidePanel" `+(Settings["HideFeaturedImgInSidePanel"] ? "checked" : "")+`> Hide the Featured image section in the home page sidepanel</label><br>` +
  642.                                     `<label><input type="checkbox" name="HideNewsInSidePanel" `+(Settings["HideNewsInSidePanel"] ? "checked" : "")+`> Hide the News section in the homepage sidepanel</label><br>` +
  643.                                     `<label><input type="checkbox" name="HideCommentsInSidePanel" `+(Settings["HideCommentsInSidePanel"] ? "checked" : "")+`> Hide the Comments section in the homepage sidepanel</label><br>` +
  644.                                     `<label><input type="checkbox" name="HidePopularTagsInSidePanel" `+(Settings["HidePopularTagsInSidePanel"] ? "checked" : "")+`> Hide the Popular tags section in the homepage sidepanel</label><br>` +
  645.                                     `<label><input type="checkbox" name="HideBulkActionsInSidePanel" `+(Settings["HideBulkActionsInSidePanel"] ? "checked" : "")+`> Hide the Bulk Actions section in the sidepanel</label><br>` +
  646.                                     `<label><input type="checkbox" name="HideTagsInSidePanel" `+(Settings["HideTagsInSidePanel"] ? "checked" : "")+`> Hide the Tags section in the sidepanel</label><br>` +
  647. 									/*`<label><input type="checkbox" name="HidePoolsInSidePanel" `+(Settings["HidePoolsInSidePanel"] ? "checked" : "")+`> Hide the Pools section in the sidepanel</label><br>` +*/
  648.                                     `<label><input type="checkbox" name="HideLikesInSidePanel" `+(Settings["HideLikesInSidePanel"] ? "checked" : "")+`> Hide the Likes/Score section in the site sidepanel</label><br>` +
  649.                                     `<label><input type="checkbox" name="HideFavByInSidePanel" `+(Settings["HideFavByInSidePanel"] ? "checked" : "")+`> Hide the Favorited by section in the site sidepanel</label><br>` +
  650.                                     /*`<label><input type="checkbox" name="HideReportInSidePanel" `+(Settings["HideReportInSidePanel"] ? "checked" : "")+`> Hide the Report image section in the site sidepanel</label><br>` + */
  651.                                     `<label><input type="checkbox" name="HideImgControlInSidePanel" `+(Settings["HideImgControlInSidePanel"] ? "checked" : "")+`> Hide the Image controls section in the site sidepanel</label><br>` +
  652.  
  653.                                     `<h4>Blocked Tags<button id="tag-block-save-button">Save</button></h4>` +
  654.                                     `<textarea name="BlockedTags" style="width: 350px; height: `+textareaH+`px;">`+blockedTagsDisplay+`</textarea><p>This is mainly for removing blocked tags from the list, but you can add them from here as well.<br>Just seperate tags with "," and use "_" in place of spaces.</p>` +
  655.                                     `<h4>Import/Export saved data</h4>` +
  656.                                     `<input type="button" id="exportR34HIData" value="Export"> <input type="button" id="importR34HIData" value="Import"><input id="r34hiImportFile" type="file" style="display: none;">` +
  657.                                     `</form></div></section>`);
  658.  
  659.             $("#r34hi_settings select[name='HideSidepanel'] > option[value='"+Settings["HideSidepanel"]+"']").attr("selected", "selected");
  660. 			$("#r34hi_settings select[name='CompactSiteHeader'] > option[value='"+Settings["CompactSiteHeader"]+"']").attr("selected", "selected");
  661.             $("#r34hi_settings select[name='MarkSeenEffect'] > option[value='"+Settings["MarkSeenEffect"]+"']").attr("selected", "selected");
  662.             $("#r34hi_settings select[name='LikeFavMASLocation'] > option[value='"+Settings["LikeFavMASLocation"]+"']").attr("selected", "selected");
  663.  
  664.             $("#downsizeHelp").click(function(){
  665.                 alert(`The image/video is downsized to fit the screen if it's too large.\n
  666. The downsizing is calculated so that the image/video + voting buttons (if at the bottom) are fully visible with the page scroll position at 0 (top of page).\n
  667. Site header and image header sizing is taken into account.\n
  668. "Hide empty site sections" and "Hide the yellow log" are assumed to be enabled. The downsizing does not take those into account.`);
  669.             });
  670.             $("#experimentalAdHelp").click(function(){
  671.                 alert(`TLDR; If you still get ads with Ublock Origins and "Remove some sneaky ads" turned on, you can try turning this option on as well.\n
  672. A while ago there were some nasty popup ads that weren't caught by Ublock Origins or my extra ad blocking features in this script, so I made this.\n
  673. It's a more aggressive ad blocking method that is kind of a quick, dirty, and not very efficient way to block them, but it does work.\n
  674. It seems those ads were removed from the site for now, so this setting is off by default, as it is not needed as of writing this.`);
  675.             });
  676.             $("#CTRLHelp").click(function(){
  677.                 alert(`Currently you can't change the keys.\n\nLike/Dislike/Favorite hotkeys currently only work if you use "Enable AJAX like and favorite buttons".\nObviously the mark-as-read hotkey only works if the mark-as-read feature is enabled.`);
  678.             });
  679.             $("#infiniteLoadHelp").click(function(){
  680.                 alert(`On post listing pages, whenever the page is scrolled to the bottom, the next page's posts are dynamically added to the current page's list.`);
  681.             });
  682.  
  683.             $("#exportR34HIData").click(() => {
  684.                 LoadSettings(); //reload settings to make sure we are exporting the latest state. (in case the user made changes in other tabs since loading this one for example)
  685.                 SaveToJSONFile("R34HI-Backup_" + new Date().toISOString().replace(/:/g, "-") + ".r34hi", JSON.stringify(Settings));
  686.             });
  687.  
  688.             $("#importR34HIData").click(() => {
  689.                 $("#r34hiImportFile").animate({width:'toggle'},200);
  690.             });
  691.             $("#r34hiImportFile").change((event) => {
  692.                 if (typeof window.FileReader !== 'function')
  693.                     throw ("The file API isn't supported on this browser.");
  694.                 let input = event.target;
  695.                 if (!input)
  696.                     throw ("The browser does not properly implement the event object");
  697.                 if (!input.files)
  698.                     throw ("This browser does not support the `files` property of the file input.");
  699.  
  700.                 let file = input.files[0];
  701.                 let fr = new FileReader();
  702.                 fr.onload = (ev) => {
  703.                     let importedData = ev.target.result;
  704.                     if(importedData != null && confirm("File received. Import this file?"))
  705.                     {
  706.                         Settings = JSON.parse(importedData);
  707.                         SaveAllSettings();
  708.                         importedData = null;
  709.                         location.reload();
  710.                     }
  711.                     else
  712.                         $("#r34hiImportFile").val('');
  713.                 };
  714.                 fr.readAsText(file);
  715.             });
  716.  
  717.             $("#r34hi_settings input").change(function(){
  718. 				Settings[$(this).attr("name")] = $(this).is(':checked'); //runtime
  719.                 GM_setValue($(this).attr("name"), $(this).is(':checked')); //disk
  720.  
  721.             });
  722.             $("#r34hi_settings select").change(function(){
  723. 				Settings[$(this).attr("name")] = $(this).val(); //runtime
  724.                 GM_setValue($(this).attr("name"), $(this).val()); //disk
  725.             });
  726.             $("#r34hi_settings textarea").on("input", function(){
  727.                 if($(this).val() != blockedTagsDisplay)
  728.                     $("#tag-block-save-button").show(200);
  729.             });
  730.             $("#tag-block-save-button").click(function(e){
  731.                 e.preventDefault();
  732.                 e.stopPropagation();
  733.  
  734.                 let temp = $("textarea[name='BlockedTags']").val().replace(/\s/g, "");
  735.  
  736.                 //remove , if used at the end
  737.                 if(temp[temp.length-1] == ",")
  738.                     temp = temp.substr(0, temp.length-1);
  739.  
  740.                 if(temp == "")
  741.                     Settings["BlockedTags"] = [];
  742.                 else
  743.                     Settings["BlockedTags"] = temp.split(",");
  744.                 BlockedTagsString = JSON.stringify(Settings["BlockedTags"]);
  745.                 GM_setValue("BlockedTagsString", BlockedTagsString);
  746.                 blockedTagsDisplay = $("textarea[name='BlockedTags']").val();
  747.                 $(this).hide(200);
  748.             });
  749.         }
  750.         else {
  751.             //post view
  752.             if(window.location.href.match(/^https:\/\/rule34hentai\.net\/post\/view\/\d+?(\?.*|\#.*|)$/g)) {
  753.                 //Mark as seen
  754.                 if($("#Loginhead").length == 0 && Settings["EnableMarkAsSeenSystem"]) {
  755.                     var imageID = $("[name='image_id']").prop("value");
  756.                     if(!imageID)
  757.                         console.log("R34HI: failed to get imageID");
  758.                     let seen = Settings["MarkedAsSeen"].includes(imageID);
  759.  
  760.                     let insertHTML = `<div class="customButtonDiv"><span id="markedAsSeenCB" class="custom-button" alt="`+(seen ? `seen` : `unseen`)+`" title="`+(seen ? `Mark as Unseen?` : `Mark as Seen?`)+`">`+(seen ? eyeIcon : eyeSlashIcon)+`</span> <span class="customButtonText">`+(seen ? `Seen` : `Unseen`)+`</span></div>`;
  761.  
  762.                     if(Settings["LikeFavMASLocation"] == "under")
  763.                         $(".image_info").parent().parent().prepend(insertHTML);
  764.                     else
  765.                     {
  766.                         $("#Post_Controlsleft > .blockbody > form:last").css("margin-bottom", "15px");
  767.                         $("#Post_Controlsleft > .blockbody").append(insertHTML);
  768.                         $("#Post_Controlsleft > .blockbody").css("padding-bottom", "70px");
  769.                     }
  770.  
  771.                     $("#markedAsSeenCB").click(function(e){
  772.                         e.preventDefault();
  773.                         e.stopPropagation();
  774.                         MarkedAsSeenString = GM_getValue("MarkedAsSeenString", "[]");
  775.                         if(MarkedAsSeenString) { Settings["MarkedAsSeen"] = JSON.parse(MarkedAsSeenString); }
  776.                         seen = Settings["MarkedAsSeen"].includes(imageID);
  777.  
  778.                         if(seen)
  779.                         {
  780.                             seen = false;
  781.                             let index = Settings["MarkedAsSeen"].indexOf(imageID);
  782.                             while(index > -1)
  783.                             {
  784.                                 Settings["MarkedAsSeen"].splice(index, 1);
  785.                                 index = Settings["MarkedAsSeen"].indexOf(imageID);
  786.                             }
  787.                         }
  788.                         else
  789.                         {
  790.                             seen = true;
  791.                             Settings["MarkedAsSeen"].push(imageID);
  792.                         }
  793.                         $(this).attr("alt", (seen ? `seen` : `unseen`));
  794.                         $(this).attr("title", (seen ? `Mark as Unseen?` : `Mark as Seen?`));
  795.                         $(this).html((seen ? eyeIcon : eyeSlashIcon));
  796.                         $(this).next(".customButtonText").text((seen ? `Seen` : `Unseen`));
  797.                         MarkedAsSeenString = JSON.stringify(Settings["MarkedAsSeen"]);
  798.                         GM_setValue("MarkedAsSeenString", MarkedAsSeenString);
  799.                     });
  800.  
  801.                     //Hotkey
  802.                     if(Settings["CTRLMAS"]) {
  803.                         $(document).bind('keydown keypress', function(e) {
  804.                             if(e.ctrlKey && (e.which == 71)) {
  805.                                 e.preventDefault();
  806.                                 $("#markedAsSeenCB").click();
  807.                                 return false;
  808.                             }
  809.                         });
  810.                     }
  811.  
  812.                     if(Settings["AutoMarkAsSeen"]) {
  813.                         var waitForFocus;
  814.                         waitForFocus = setInterval(function(){
  815.                             console.log("waitForFocusInterval");
  816.                             if(document.hasFocus())
  817.                             {
  818.                                 console.log("waitForFocusInterval - has focus");
  819.                                 if(!seen)
  820.                                 {
  821.                                     $("#markedAsSeenCB").click();
  822.                                     console.log("waitForFocusInterval - auto marked");
  823.                                 }
  824.                                 clearInterval(waitForFocus);
  825.                             }
  826.                         }, 100);
  827.                     }
  828.                 }
  829.  
  830.                 //like favorite buttons
  831.                 if($("#Loginhead").length == 0 && Settings["EnableLikeFavoriteButtonsBelowImage"]) {
  832.                     let insertHTML = `<div class="customButtonDiv"><img id="like-butt" class="custom-button" src="https://i.imgur.com/Kh1HzGr.png" alt="like" title="like">` +
  833.                         `<img id="dislike-butt" class="custom-button" src="https://i.imgur.com/b4syBNK.png" alt="dislike" title="dislike">` +
  834.                         `<img id="nulllike-butt" class="custom-button" src="https://i.imgur.com/HbY3cDV.png" alt="null-like" title="Remove your vote">` +
  835.                         `<span id="customLikeButtonText" class="customButtonText">` +
  836.                         $("#Post_Scoreleft > .blockbody").text().trim().replace(/[^(0-9)-]/g, "") +
  837.                         `</span>` +
  838.                         `</div><div class="customButtonDiv"><img id="favorite-butt" class="custom-button` +
  839.                         ($("#Post_Controlsleft form input[value='Un-Favorite']").length > 0 ? " unfavorite" : "") + `" src="` +
  840.                         ($("#Post_Controlsleft form input[value='Un-Favorite']").length > 0 ? "https://i.imgur.com/wAB0t48.png" : "https://i.imgur.com/dTpBrIj.png") +
  841.                         `" alt="` + ($("#Post_Controlsleft form input[value='Un-Favorite']").length > 0 ? "unfavorite" : "favorite") +
  842.                         `" title="` + ($("#Post_Controlsleft form input[value='Un-Favorite']").length > 0 ? "unfavorite" : "favorite") +
  843.                         `"><span id="customFavButtonText" class="customButtonText">` +
  844.                         $("#Favorited_Byleft > .blockbody").text().split(":")[0].trim().replace(/[^0-9]/g, "") + `</span></div>`;
  845.  
  846.                     if(Settings["LikeFavMASLocation"] == "under")
  847.                         $(".image_info").parent().parent().prepend(insertHTML);
  848.                     else
  849.                     {
  850.                         $("#Post_Controlsleft > .blockbody > form[action='/change_favorite']").css("display", "none");
  851.                         $("#Post_Controlsleft > .blockbody > form:last").css("margin-bottom", "15px");
  852.                         $("#Post_Controlsleft > .blockbody").append(insertHTML);
  853.                         $("#Post_Controlsleft > .blockbody").css("padding-bottom", "70px");
  854.                     }
  855.  
  856.                     $("#like-butt").click(function() {
  857.                         let auth = $("#Post_Scoreleft form input[value='Vote Up']").parent().find("input[name='auth_token']").prop("value");
  858.                         let id = $("#Post_Scoreleft form input[value='Vote Up']").parent().find("input[name='image_id']").prop("value");
  859.                         $("#customLikeButtonText").text("...");
  860.                         $.post( "/numeric_score_vote", { auth_token: auth, image_id: id, vote: "up" }, function(data){
  861.                             $("#customLikeButtonText").text($(data).find("#Post_Scoreleft > .blockbody").text().trim().replace(/[^(0-9)-]/g, ""));
  862.                         }).fail(function(){
  863.                             $("#customLikeButtonText").text("error");
  864.                         });
  865.                     });
  866.                     $("#dislike-butt").click(function() {
  867.                         let auth = $("#Post_Scoreleft form input[value='Remove Vote']").parent().find("input[name='auth_token']").prop("value");
  868.                         let id = $("#Post_Scoreleft form input[value='Remove Vote']").parent().find("input[name='image_id']").prop("value");
  869.                         $("#customLikeButtonText").text("...");
  870.                         $.post( "/numeric_score_vote", { auth_token: auth, image_id: id, vote: "down" }, function(data){
  871.                             $("#customLikeButtonText").text($(data).find("#Post_Scoreleft > .blockbody").text().trim().replace(/[^(0-9)-]/g, ""));
  872.                         }).fail(function(){
  873.                             $("#customLikeButtonText").text("error");
  874.                         });
  875.                     });
  876.                     $("#nulllike-butt").click(function() {
  877.                         let auth = $("#Post_Scoreleft form input[value='Remove Vote']").parent().find("input[name='auth_token']").prop("value");
  878.                         let id = $("#Post_Scoreleft form input[value='Remove Vote']").parent().find("input[name='image_id']").prop("value");
  879.                         $("#customLikeButtonText").text("...");
  880.                         $.post( "/numeric_score_vote", { auth_token: auth, image_id: id, vote: "null" }, function(data){
  881.                             $("#customLikeButtonText").text($(data).find("#Post_Scoreleft > .blockbody").text().trim().replace(/[^(0-9)-]/g, ""));
  882.                         }).fail(function(){
  883.                             $("#customLikeButtonText").text("error");
  884.                         });
  885.                     });
  886.                     $("#favorite-butt").click(function() {
  887.                         if($(this).hasClass("unfavorite"))
  888.                         {
  889.                             let auth = $("#Post_Controlsleft form input[value='Un-Favorite']").parent().find("input[name='auth_token']").prop("value");
  890.                             let id = $("#Post_Controlsleft form input[value='Un-Favorite']").parent().find("input[name='image_id']").prop("value");
  891.                             $("#customFavButtonText").text("...");
  892.                             $.post( "/change_favorite", { auth_token: auth, image_id: id, favorite_action: "unset" }, function(data){
  893.                                 $("#customFavButtonText").text($(data).find("#Favorited_Byleft > .blockbody").text().split(":")[0].trim().replace(/[^0-9]/g, ""));
  894.                                 $("#favorite-butt").attr("src", "https://i.imgur.com/dTpBrIj.png");
  895.                                 $("#favorite-butt").attr("alt", "favorite");
  896.                                 $("#favorite-butt").attr("title", "favorite");
  897.                                 $("#Post_Controlsleft form input[value='Un-Favorite']").attr("value", "Favorite");
  898.                                 $("#Post_Controlsleft form input[name='favorite_action']").attr("value", "set");
  899.                                 $("#favorite-butt").removeClass("unfavorite");
  900.                             }).fail(function(){
  901.                                 $("#customFavButtonText").text("error");
  902.                             });
  903.                         }
  904.                         else
  905.                         {
  906.                             let auth = $("#Post_Controlsleft form input[value='Favorite']").parent().find("input[name='auth_token']").prop("value");
  907.                             let id = $("#Post_Controlsleft form input[value='Favorite']").parent().find("input[name='image_id']").prop("value");
  908.                             $("#customFavButtonText").text("...");
  909.                             $.post( "/change_favorite", { auth_token: auth, image_id: id, favorite_action: "set" }, function(data){
  910.                                 $("#customFavButtonText").text($(data).find("#Favorited_Byleft > .blockbody").text().split(":")[0].trim().replace(/[^0-9]/g, ""));
  911.                                 $("#favorite-butt").attr("src", "https://i.imgur.com/wAB0t48.png");
  912.                                 $("#favorite-butt").attr("alt", "unfavorite");
  913.                                 $("#favorite-butt").attr("title", "unfavorite");
  914.                                 $("#Post_Controlsleft form input[value='Favorite']").attr("value", "Un-Favorite");
  915.                                 $("#Post_Controlsleft form input[name='favorite_action']").attr("value", "unset");
  916.                                 $("#favorite-butt").addClass("unfavorite");
  917.                             }).fail(function(){
  918.                                 $("#customFavButtonText").text("error");
  919.                             });
  920.                         }
  921.                     });
  922.  
  923.                     //Hotkeys
  924.                     if(Settings["CTRLFav"] || Settings["CTRLLike"] || Settings["CTRLDislike"])
  925.                     {
  926.                         $(document).bind('keydown keypress', function(e) {
  927.                             if(Settings["CTRLFav"] && e.ctrlKey && (e.which == 70)) {
  928.                                 e.preventDefault();
  929.                                 $("#favorite-butt").click();
  930.                                 return false;
  931.                             }
  932.                             else if(Settings["CTRLLike"] && e.ctrlKey && (e.which == 65)) {
  933.                                 e.preventDefault();
  934.                                 $("#like-butt").click();
  935.                                 return false;
  936.                             }
  937.                             else if(Settings["CTRLDislike"] && e.ctrlKey && (e.which == 68)) {
  938.                                 e.preventDefault();
  939.                                 $("#dislike-butt").click();
  940.                                 return false;
  941.                             }
  942.                         });
  943.                     }
  944.                 }
  945.  
  946.                 //CTRL+S save
  947.                 if(Settings["CTRLSave"]) {
  948.                     $(document).bind('keydown keypress', function(e) {
  949.                         if(e.ctrlKey && (e.which == 83)) {
  950.                             e.preventDefault();
  951.                             $("#newDLButton, #Post_Controlsleft a[download] > button").click();
  952.                             return false;
  953.                         }
  954.                     });
  955.                 }
  956.  
  957.                 /*
  958.                 if(Settings["AllowContextMenuOnImages"]) {
  959.                     //looks like the site's own scripts add the events after the page loads, but I'm not sure how I could detect when that happens...
  960.                     //Also, .off() seems to not be sufficient, so I guess I'll just keep re-inserting for a while -.-
  961.                     let time = 0;
  962.                     let interv = setInterval(() => {
  963.                         $("#main_image").replaceWith($("#main_image").clone());
  964.                         time += 200;
  965.                         if(time > 5000)
  966.                             clearInterval(interv);
  967.                     }, 200);
  968.                 }
  969.                 */
  970.  
  971.                 if(Settings["AutoplayVideos"]) {
  972.  
  973.                     //the "initial" play button (one in middle) sometimes doesn't dissapear with autoplay, so here's a CSS rule that keeps it invisible always, except when there's a "transation". i.e. when user presses play/pause, it shows up for a second as normal
  974.                     addGlobalStyle(`.fluid_initial_play:not(.transform-active) { display: none; }`);
  975.  
  976.                     let interv = setInterval(() => {
  977.                         let vid = $("#Videomain #video-id");
  978.                         if(vid && vid[0]) {
  979.                             clearInterval(interv);
  980.  
  981.                             //reliable and doesn't leave initial play button visible, but fails silently if no permissions
  982.                             vid.prop("autoplay", "true");
  983.  
  984.                             //code below is ran just so we can catch the permission failure and tell the user about missing permissions
  985.                             let playNow = () => {
  986.                                 //only run if the video is still paused
  987.                                 if(vid[0].paused) {
  988.                                     vid[0].play().then(() => {}).catch((error) => {
  989.                                         if (error.name === "NotAllowedError") {
  990.                                             alert("Your browser is blocking autoplay! Please allow autoplay on this domain.\n\nHow? See here:\nhttps://i.imgur.com/zl98mvs.png");
  991.                                         }
  992.                                     });
  993.                                 }
  994.                             };
  995.  
  996.                             if(vid[0].readyState == 4)
  997.                                 playNow();
  998.                             else
  999.                                 vid[0].oncanplay = playNow;
  1000.                         }
  1001.                     }, 20);
  1002.                 }
  1003.  
  1004.                 if(Settings["ClickOnVideoToPause"]) {
  1005.                     $("#video-id").on("click", (e) => {
  1006.                         e.preventDefault();
  1007.                         if(e.target.paused)
  1008.                             e.target.play();
  1009.                         else
  1010.                             e.target.pause();
  1011.                     });
  1012.                 }
  1013.             }
  1014.  
  1015.             if(Settings["HideEmptySections"]) {
  1016.                 $("article > section > .blockbody, article > strong > section > .blockbody, nav > section > .blockbody").each(function(){
  1017.                     if($(this).find("*:visible").not("*:empty").length == 0)
  1018.                         $(this).parent().hide();
  1019.                 });
  1020.             }
  1021.  
  1022.             if(Settings["EnableMarkAsSeenSystem"]) {
  1023.                 $("a.thumb[data-post-id]").each(function(){
  1024.                     let curID = $(this).attr("data-post-id");
  1025.                     if(Settings["MarkedAsSeen"].includes(curID))
  1026.                         $(this).addClass("marked-as-seen");
  1027.                 });
  1028.                 let featImg = $("#Featured_Postleft img");
  1029.                 if(featImg.length > 0 && Settings["MarkedAsSeen"].includes(featImg.attr("id").split("_").pop()))
  1030.                     featImg.addClass("marked-as-seen");
  1031.             }
  1032.  
  1033.             //append tag blocking buttons
  1034.             if(true) {
  1035.                 $("td.tag_name_cell").after(`<div class="blockTagButton" alt="block-tag" title="block tag">`+banIcon+`</div>`);
  1036.                 $(".blockTagButton").click(function(e){
  1037.                     e.preventDefault();
  1038.                     e.stopPropagation();
  1039.                     BlockTag($(this).prev().find(".tag_name").text());
  1040.  
  1041.                     let target = $(this);
  1042.                     target.css("cursor", "wait");
  1043.                     setTimeout(function(){ target.css("cursor", "pointer"); }, 1000);
  1044.                 });
  1045.             }
  1046.  
  1047.             //NOTE: Sorting seems to be broken on the site in general. It's always newest first now...
  1048.             if(Settings["SortFixed"]) {
  1049.                 if(window.location.href.match(/^https:\/\/rule34hentai\.net\/post\/list.*?\/1.*$/g)) //post list pages only
  1050.                 {
  1051.                     let sortNew = $("#header ul > li .dropdown a[href*='order%3Did_desc']");
  1052.                     if(sortNew.length > 0)
  1053.                     {
  1054.                         let newHref = window.location.href;
  1055.                         newHref = newHref.replace(/(\s?|\%20)order\%3Dscore_(desc|asc)/, ""); //remove other (known)ordering tags
  1056.                         if(!newHref.includes("order%3Did_desc"))
  1057.                             newHref = newHref.split("/1")[0] + " order%3Did_desc/1";
  1058.  
  1059.                         sortNew.prop("href", newHref);
  1060.                     }
  1061.                     let sortTop = $("#header ul > li .dropdown a[href*='order%3Dscore_desc']");
  1062.                     if(sortTop.length > 0)
  1063.                     {
  1064.                         let newHref = window.location.href;
  1065.                         newHref = newHref.replace(/(\s?|\%20)order\%3Did_(desc|asc)/, ""); //remove other (known)ordering tags
  1066.                         if(!newHref.includes("order%3Dscore_desc"))
  1067.                             newHref = newHref.split("/1")[0] + " order%3Dscore_desc/1";
  1068.  
  1069.                         sortTop.prop("href", newHref);
  1070.                     }
  1071.                 }
  1072.             }
  1073.  
  1074.             //post list page (infinite load posts)
  1075.             if(Settings["InfiniteLoadPosts"] && window.location.href.includes("/post/list")) {
  1076.                 addGlobalStyle(`
  1077. 					#postsAjaxLoadingImg { display: inline-flex; }
  1078. 					#postsAjaxLoadingImg > img { height: 125px; }
  1079. 					#postsAjaxLoadingImg > span {
  1080. 					margin: 45px auto auto -60px;
  1081. 						font-size: 1.4em;
  1082. 						font-weight: bold;
  1083. 					}
  1084. 				`);
  1085.  
  1086.                 path = window.location.pathname;
  1087.                 if(path == "/post/list")
  1088.                     path += "/";
  1089.                 const pathSplit = path.split("/");
  1090.                 pageNumString = pathSplit[pathSplit.length-1];
  1091.                 pageNum = parseInt(pageNumString);
  1092.                 hadPageNum = true;
  1093.                 if(!pageNum) {
  1094.                     hadPageNum = false;
  1095.                     pageNum = 1;
  1096.                 }
  1097.                 loadingPage = false;
  1098.  
  1099.                 stopLoading = ($("#paginator a[href$='/"+(pageNum+1)+"']").length < 1);
  1100.  
  1101.                 if(!loadingPage && !stopLoading && ScrollIsNearButtom())
  1102.                     LoadNextPagePostsAJAX();
  1103.  
  1104.                 $(window).scroll(function() {
  1105.                     if(!loadingPage && !stopLoading && ScrollIsNearButtom())
  1106.                         LoadNextPagePostsAJAX();
  1107.                 });
  1108.             }
  1109.         }
  1110.     });
  1111.  
  1112.  
  1113.  
  1114.     //=== FUNCTIONS ===//
  1115.     function LoadNextPagePostsAJAX() {
  1116.         loadingPage = true;
  1117.         const pageToLoad = (hadPageNum ? path.substring(0, path.length - pageNumString.length) + (pageNum+1) : path + (pageNum+1));
  1118.  
  1119.         $("#image-list .shm-image-list").append(`<div id="postsAjaxLoadingImg"><img id="postsAjaxLoadingImg" src="https://i.imgur.com/vioCiRn.gif"><span>Looking for more...</span></div>`);
  1120.         $("#postsAjaxLoadingImg").hide().fadeIn(300);
  1121.         $.ajax({
  1122.             url: pageToLoad,
  1123.             method: "GET"
  1124.         }).done(function(data){
  1125.             let posts = $(data).find("#image-list .shm-image-list > .thumb");
  1126.             if(posts.length)
  1127.             {
  1128.                 LoadSettings(); //reload settings in case there have been changes since last load
  1129.                 posts.each(function() {
  1130.                     if($("#image-list .shm-image-list .thumb[data-post-id='"+$(this).attr("data-post-id")+"']").length === 0)
  1131.                     {
  1132.                         let el = $(this);
  1133.                         if(Settings["MarkedAsSeen"].includes(el.attr("data-post-id")))
  1134.                             el.addClass("marked-as-seen");
  1135.  
  1136.                         $("#image-list .shm-image-list").append(el);
  1137.                     }
  1138.                 });
  1139.                 pageNum++;
  1140.                 if(!($(data).find("#paginator a[href$='/"+(pageNum+1)+"']").length))
  1141.                 {
  1142.                     stopLoading = true;
  1143.                 }
  1144.             }
  1145.         }).fail(function(jqXHR, textStatus, errorThrown){
  1146.             console.log("R34HI: failed to load next page: " + textStatus);
  1147.         }).always(() => {
  1148.             $("#postsAjaxLoadingImg").remove();
  1149.             loadingPage = false;
  1150.             if(ScrollIsNearButtom())
  1151.                 LoadNextPagePostsAJAX();
  1152.         });
  1153.     }
  1154.     function ScrollIsNearButtom() {
  1155.         return ($(window).scrollTop() + $(window).height() > $(document).height() - 50);
  1156.     }
  1157.     function SaveToJSONFile(filename, data) {
  1158.         var blob = new Blob([data], {type: 'text/plain'});
  1159.         if(window.navigator.msSaveOrOpenBlob) {
  1160.             window.navigator.msSaveBlob(blob, filename);
  1161.         }
  1162.         else{
  1163.             var elem = window.document.createElement('a');
  1164.             elem.href = window.URL.createObjectURL(blob);
  1165.             elem.download = filename;
  1166.             document.body.appendChild(elem);
  1167.             elem.click();
  1168.             document.body.removeChild(elem);
  1169.         }
  1170.     }
  1171.     function SaveAllSettings() {
  1172.         Object.keys(Settings).forEach((k) => {
  1173.             if(Array.isArray(Settings[k]))
  1174.                 GM_setValue(k+"String", JSON.stringify(Settings[k]));
  1175.             else
  1176.                 GM_setValue(k, Settings[k]);
  1177.         });
  1178.     }
  1179.     function LoadSettings() {
  1180.         BlockedTagsString = GM_getValue("BlockedTagsString", "[]");
  1181.         MarkedAsSeenString = GM_getValue("MarkedAsSeenString", "[]");
  1182.  
  1183.         Settings = {
  1184.             /*       video/image       */
  1185.             "InfiniteLoadPosts": GM_getValue("InfiniteLoadPosts", true),
  1186. 			"OnlyAnimated": GM_getValue("OnlyAnimated", false),
  1187.             "HighlightVideos": GM_getValue("HighlightVideos", true),
  1188.             "AutoplayVideos": GM_getValue("AutoplayVideos", true),
  1189.             "StopHidingMyCursorOnVideo": GM_getValue("StopHidingMyCursorOnVideo", false),
  1190.             "DownsizeToFit": GM_getValue("DownsizeToFit", true),
  1191.             "DownsizeToFitLeaveSpaceInfo": GM_getValue("DownsizeToFitLeaveSpaceInfo", false),
  1192.             "ClickOnVideoToPause": GM_getValue("ClickOnVideoToPause", true),
  1193.             "AllowContextMenuOnImages": GM_getValue("AllowContextMenuOnImages", true),
  1194.  
  1195.             /*         Hotkeys         */
  1196. 			"CTRLSave": GM_getValue("CTRLSave", true),
  1197.             "CTRLFav": GM_getValue("CTRLFav", false),
  1198.             "CTRLLike": GM_getValue("CTRLLike", false),
  1199.             "CTRLDislike": GM_getValue("CTRLDislike", false),
  1200.             "CTRLMAS": GM_getValue("CTRLMAS", false),
  1201.  
  1202.             /*      Compact site       */
  1203.             "CompactSiteHeader": GM_getValue("CompactSiteHeader", "compacter"),
  1204.             "HideHeaderOnPosts": GM_getValue("HideHeaderOnPosts", false),
  1205.             "HideEmptySections": GM_getValue("HideEmptySections", true),
  1206.             "HideLog": GM_getValue("HideLog", true),
  1207.             "CompactPostListing": GM_getValue("CompactPostListing", false),
  1208.             "HideImageVideoHeader": GM_getValue("HideImageVideoHeader", true),
  1209.             "RemoveSomeSneakyAds": GM_getValue("RemoveSomeSneakyAds", true),
  1210.             "ExperimentalExtraAdRemoval": GM_getValue("ExperimentalExtraAdRemoval", false),
  1211.             "RemovePremiumAds": GM_getValue("RemovePremiumAds", true),
  1212.             "CenterContent": GM_getValue("CenterContent", false),
  1213.  
  1214.             /*   Sidepanel   */
  1215.             "HideSidepanel": GM_getValue("HideSidepanel", "no"),
  1216.             "HideNavigationInSidePanel": GM_getValue("HideNavigationInSidePanel", false),
  1217.             "HideFeaturedImgInSidePanel": GM_getValue("HideFeaturedImgInSidePanel", false),
  1218.             "HideNewsInSidePanel": GM_getValue("HideNewsInSidePanel", false),
  1219.             "HideCommentsInSidePanel": GM_getValue("HideCommentsInSidePanel", false),
  1220.             "HidePopularTagsInSidePanel": GM_getValue("HidePopularTagsInSidePanel", false),
  1221.             "HideTagsInSidePanel": GM_getValue("HideTagsInSidePanel", false),
  1222. 			"HidePoolsInSidePanel": GM_getValue("HidePoolsInSidePanel", false),
  1223.             "HideLikesInSidePanel": GM_getValue("HideLikesInSidePanel", true),
  1224.             "HideFavByInSidePanel": GM_getValue("HideFavByInSidePanel", false),
  1225.             "HideReportInSidePanel": GM_getValue("HideReportInSidePanel", false),
  1226.             "HideImgControlInSidePanel": GM_getValue("HideImgControlInSidePanel", false),
  1227.             "HideBulkActionsInSidePanel": GM_getValue("HideBulkActionsInSidePanel", false),
  1228.  
  1229.             /*      like/favorite      */
  1230.             "EnableLikeFavoriteButtonsBelowImage": GM_getValue("EnableLikeFavoriteButtonsBelowImage", true),
  1231.             "LikeFavMASLocation": GM_getValue("LikeFavMASLocation", "under"),
  1232.  
  1233.             /*       Block tags       */
  1234.             "BlockedTags": JSON.parse(BlockedTagsString),
  1235.  
  1236.             /*     Mark as seen     */
  1237.             "EnableMarkAsSeenSystem": GM_getValue("EnableMarkAsSeenSystem", true),
  1238.             "MarkSeenEffect": GM_getValue("MarkSeenEffect", "fade"),
  1239.             "AutoMarkAsSeen": GM_getValue("AutoMarkAsSeen", true),
  1240.             "MarkedAsSeen": JSON.parse(MarkedAsSeenString),
  1241.  
  1242.             "SortFixed": true
  1243.         };
  1244.     }
  1245.     function BlockTag(tag) {
  1246.         tag = tag.toLowerCase();
  1247.         tag = tag.replace(/\s/g, "_");
  1248.         console.log("added to tag block list: " + tag);
  1249.         if(!tag || tag.length <= 0)
  1250.             return;
  1251.  
  1252.         if(!Settings["BlockedTags"].includes(tag))
  1253.             Settings["BlockedTags"].push(tag);
  1254.         else
  1255.             Settings["BlockedTags"].splice(Settings["BlockedTags"].indexOf(tag), 1);
  1256.  
  1257.         BlockedTagsString = JSON.stringify(Settings["BlockedTags"]);
  1258.         GM_setValue("BlockedTagsString", BlockedTagsString);
  1259.     }
  1260.  
  1261.     function addGlobalStyle(css) {
  1262.         var head, style;
  1263.         head = document.getElementsByTagName('head')[0];
  1264.         if (!head) { return; }
  1265.         style = document.createElement('style');
  1266.         style.type = 'text/css';
  1267.         style.innerHTML = css;
  1268.         head.appendChild(style);
  1269.     }
  1270. })();