/* ==UserStyle==
@name         Imgur - Minimal Design for non-Imgurians
@description  Removes all the unnecessary stuff, for people that's not interested about Imgur culture.
@author       krisu (https://github.com/krisu5)
@namespace    github.com/krisu5/userstyles
@homepageURL  https://github.com/krisu5/userstyles/tree/master/Imgur%20-%20Minimal%20and%20Anti-Social%20for%20non-Imgurians
@supportURL   https://github.com/krisu5/userstyles/issues
@version      1.0.3
@license      unlicense
@preprocessor default
@downloadURL none
==/UserStyle== */

@-moz-document url("https://imgur.com/"), url-prefix("https://imgur.com/upload") {
/* ----------------------------------------------
   _____               _                          
  |  ___|             | |                         
  | |_ _ __ ___  _ __ | |_ _ __   __ _  __ _  ___ 
  |  _| '__/ _ \| '_ \| __| '_ \ / _` |/ _` |/ _ \
  | | | | | (_) | | | | |_| |_) | (_| | (_| |  __/
  \_| |_|  \___/|_| |_|\__| .__/ \__,_|\__, |\___|
                          | |           __/ |     
                          |_|          |___/
   ---------------------------------------------- */

.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;
    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 {
    font-size: 55pt !important;
}

.NewCover { background: transparent !important; }
}

@-moz-document domain("imgur.com") {
/* --------------------------------
   _____       _ _                 
  |  __ \     | | |                
  | |  \/ __ _| | | ___ _ __ _   _ 
  | | __ / _` | | |/ _ \ '__| | | |
  | |_\ \ (_| | | |  __/ |  | |_| |
   \____/\__,_|_|_|\___|_|   \__, |
                              __/ |
                             |___/
   & Everything else
   -------------------------------- */

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

.CommentsList, .Footer, .Gallery-Sidebar, .NavbarNotifications, .Searchbar, .Navigation-Container,
[class*="share-btn"]:not(.share-btn-other):not(.share-btn-download), .CoverPostMeta.Display,
.Gallery-EngagementBarContainer div[class^="Gallery-"]:not([class^="Gallery-Share"]),
.ButtonBackToTop, .Gallery-Content--tags, .TagManager.PostOptions-section, .TagSuggestion-container
{ display: none !important; }

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

.Button.upload { font-size: 0; }

.Button.upload:after {
    content: "Upload";
    font-size: 15px;
}

.Button.upload img {
    margin-right: 9px;
    margin-top: -7px;
}

.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;
}
}

@-moz-document url-prefix("https://zip.imgur.com/") {
body { background: #fff; }
}