// ==UserScript==
// @name Imgur - Minimal Design for non-Imgurians
// @namespace github.com/krisu5/userstyles
// @version 1.0.1
// @description Removes all the unnecessary stuff, for people that's not interested about Imgur culture.
// @author krisu (https://github.com/krisu5)
// @homepageURL https://github.com/krisu5/userstyles/tree/master/Imgur%20-%20Minimal%20and%20Anti-Social%20for%20non-Imgurians
// @supportURL https://github.com/krisu5/userstyles/issues
// @license unlicense
// @grant GM_addStyle
// @run-at document-start
// @match *://*.imgur.com/*
// @match https://zip.imgur.com/*
// @downloadURL none
// ==/UserScript==

(function() {
let css = "";
if (location.href === "https://imgur.com/" || location.href.startsWith("https://imgur.com/upload")) {
  css += `
  /* ----------------------------------------------
     _____               _                          
    |  ___|             | |                         
    | |_ _ __ ___  _ __ | |_ _ __   __ _  __ _  ___ 
    |  _| '__/ _ \\| '_ \\| __| '_ \\ / _\` |/ _\` |/ _ \\
    | | | | | (_) | | | | |_| |_) | (_| | (_| |  __/
    \\_| |_|  \\___/|_| |_|\\__| .__/ \\__,_|\\__, |\\___|
                            | |           __/ |     
                            |_|          |___/
     ---------------------------------------------- */

  .InteractiveBackground, .Message.welcome, .TrendingTags, .CoverChangeGallery,
  .Spinner-contentWrapper, .NewCover.isFixed, .PopUpClose, .Button.upload img
  { display: none !important; }

  body, html { overflow-y: hidden !important; }

  .Button.upload {
  	position: fixed !important;
  	top: 50% !important;
  	left: 50% !important;
  	transform: translate(-50%, -50%) !important;
  	width: 65% !important;
  	height: 55% !important;
  	font-size: 0;
  	border-radius: 25px !important;
  	display: flex !important;
  	justify-content: center !important;
  	align-items: center !important;
  }

  .Button.upload:hover:before { border-radius: 25px !important; }

  .Button.upload:after {
      content: "New Upload";
      font-size: 55pt;
  }

  .NewCover { background: transparent !important; }
  `;
}
if ((location.hostname === "imgur.com" || location.hostname.endsWith(".imgur.com"))) {
  css += `
  /* --------------------------------
     _____       _ _                 
    |  __ \\     | | |                
    | |  \\/ __ _| | | ___ _ __ _   _ 
    | | __ / _\` | | |/ _ \\ '__| | | |
    | |_\\ \\ (_| | | |  __/ |  | |_| |
     \\____/\\__,_|_|_|\\___|_|   \\__, |
                                __/ |
                               |___/
     & Upload page
     -------------------------------- */

  /* ================================
     ======= NEW DESIGN (2020) ======
     ================================ */

  .CommentsList, .Footer, .Gallery-Sidebar, .NavbarNotifications, .Searchbar, .Navigation-Container, .Gallery-CommentsCounter,
  .share-fb, .share-twttr, .Gallery-Vote, .share-reddit, .share-email, .share-report, .CoverPostMeta.Display, .ButtonBackToTop,
  .Gallery-Content--tags, .TagManager.PostOptions-section, .TagSuggestion-container
  { display: none !important; }

  body:not([class=""]) { background-color: #27292d; }

  .NewCover.GalleryCover.isFixed, .NewCover.isFixed .GoUp {
  	visibility: hidden !important;
  	transition: inherit !important;
  	opacity: 0 !important;
  	box-shadow: none !important;
  }

  .Navbar-signup { margin-left: 15px !important; }

  .Gallery-EngagementBarContainer {
  	top: 0px !important;
  	padding-top: 13px !important;
  	position: inherit !important;
  }

  .Gallery-Share { height: auto !important; }

  .loadMore { margin-bottom: 25px !important; }

  .UploadPost .ImageDescription { padding: 0 24px 24px !important; }


  /* ================================
     ========== OLD DESIGN ==========
     ================================ */

  .Open-Save-To-Folder-Button, #cta-container, #comments-container, .left #recommendations,
  .next-prev, #side-gallery, .search-container, #notification-container, .post-action *,
  .side-footer-links, .divider, [class^="post-options-tag"]
  { display: none !important; }

  #topbar .account { left: -175px !important; }

  .post-pad {
      transform: translateX(20%) !important;
      margin-bottom: 20px !important;
  }

  .upload-global-post .post-pad { transform: inherit !important; }

  ul.post-options-extra { margin-top: 20px !important; }

  .post-action {
  	padding: 0 !important;
  	min-height: 15px !important;
  }
  `;
}
if (location.href.startsWith("https://zip.imgur.com/")) {
  css += `
  body { background: #fff; }
  `;
}
if (typeof GM_addStyle !== "undefined") {
  GM_addStyle(css);
} else {
  const styleNode = document.createElement("style");
  styleNode.appendChild(document.createTextNode(css));
  (document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();