☰

Imgur - Minimal Design for non-Imgurians

Removes all the unnecessary stuff, for people that's not interested about Imgur culture.

当前为 2020-04-17 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name         Imgur - Minimal Design for non-Imgurians
  3. @description  Removes all the unnecessary stuff, for people that's not interested about Imgur culture.
  4. @author       krisu (https://github.com/krisu5)
  5. @namespace    github.com/krisu5/userstyles
  6. @homepageURL  https://github.com/krisu5/userstyles/tree/master/Imgur%20-%20Minimal%20and%20Anti-Social%20for%20non-Imgurians
  7. @supportURL   https://github.com/krisu5/userstyles/issues
  8. @version      1.0.4
  9. @license      unlicense
  10. @preprocessor default
  11. ==/UserStyle== */
  12.  
  13. @-moz-document url("https://imgur.com/"), url-prefix("https://imgur.com/upload") {
  14. /* ----------------------------------------------
  15.    _____               _                          
  16.   |  ___|             | |                         
  17.   | |_ _ __ ___  _ __ | |_ _ __   __ _  __ _  ___ 
  18.   |  _| '__/ _ \| '_ \| __| '_ \ / _` |/ _` |/ _ \
  19.   | | | | | (_) | | | | |_| |_) | (_| | (_| |  __/
  20.   \_| |_|  \___/|_| |_|\__| .__/ \__,_|\__, |\___|
  21.                           | |           __/ |     
  22.                           |_|          |___/
  23.    ---------------------------------------------- */
  24.  
  25. .InteractiveBackground, .Message.welcome, .TrendingTags, .CoverChangeGallery,
  26. .Spinner-contentWrapper, .NewCover.isFixed, .PopUpClose, .Button.upload img
  27. { display: none !important; }
  28.  
  29. body, html { overflow-y: hidden !important; }
  30.  
  31. .Button.upload {
  32.     position: fixed !important;
  33.     top: 50% !important;
  34.     left: 50% !important;
  35.     transform: translate(-50%, -50%) !important;
  36.     width: 65% !important;
  37.     height: 55% !important;
  38.     border-radius: 25px !important;
  39.     display: flex !important;
  40.     justify-content: center !important;
  41.     align-items: center !important;
  42. }
  43.  
  44. .Button.upload:hover:before { border-radius: 25px !important; }
  45.  
  46. .Button.upload:after {
  47.     font-size: 55pt !important;
  48. }
  49.  
  50. .NewCover { background: transparent !important; }
  51. }
  52.  
  53. @-moz-document domain("imgur.com") {
  54. /* --------------------------------
  55.    _____       _ _                 
  56.   |  __ \     | | |                
  57.   | |  \/ __ _| | | ___ _ __ _   _ 
  58.   | | __ / _` | | |/ _ \ '__| | | |
  59.   | |_\ \ (_| | | |  __/ |  | |_| |
  60.    \____/\__,_|_|_|\___|_|   \__, |
  61.                               __/ |
  62.                              |___/
  63.    & Everything else
  64.    -------------------------------- */
  65.  
  66. /* ================================
  67.    ======= NEW DESIGN (2020) ======
  68.    ================================ */
  69.  
  70. .CommentsList, .Footer, .Gallery-Sidebar, .NavbarNotifications, .Searchbar, .Navigation-Container,
  71. [class*="share-btn"]:not(.share-btn-other):not(.share-btn-download), .CoverPostMeta.Display,
  72. .Gallery-EngagementBarContainer div[class^="Gallery-"]:not([class^="Gallery-Share"]),
  73. .ButtonBackToTop, .Gallery-Content--tags, .TagManager.PostOptions-section, .TagSuggestion-container,
  74. .toast2, .BottomAd-container
  75. { display: none !important; }
  76.  
  77. body:not([class=""]) { background-color: #27292d; }
  78.  
  79. .Button.upload { font-size: 0; }
  80.  
  81. .Button.upload:after {
  82.     content: "Upload";
  83.     font-size: 15px;
  84. }
  85.  
  86. .Button.upload img {
  87.     margin-right: 9px;
  88.     margin-top: -7px;
  89. }
  90.  
  91. .NewCover.GalleryCover.isFixed, .NewCover.isFixed .GoUp {
  92.     visibility: hidden !important;
  93.     transition: inherit !important;
  94.     opacity: 0 !important;
  95.     box-shadow: none !important;
  96. }
  97.  
  98. .Navbar-signup { margin-left: 15px !important; }
  99.  
  100. .Gallery-EngagementBarContainer {
  101.     top: 0px !important;
  102.     padding-top: 13px !important;
  103.     position: inherit !important;
  104. }
  105.  
  106. .Gallery-Share { height: auto !important; }
  107.  
  108. .loadMore { margin-bottom: 25px !important; }
  109.  
  110. .UploadPost .ImageDescription { padding: 0 24px 24px !important; }
  111.  
  112.  
  113. /* ================================
  114.    ========== OLD DESIGN ==========
  115.    ================================ */
  116.  
  117. .Open-Save-To-Folder-Button, #cta-container, #comments-container, .left #recommendations,
  118. .next-prev, #side-gallery, .search-container, #notification-container, .post-action *,
  119. .side-footer-links, .divider, [class^="post-options-tag"]
  120. { display: none !important; }
  121.  
  122. #topbar .account { left: -175px !important; }
  123.  
  124. .post-pad {
  125.     transform: translateX(22.5%) !important;
  126.     margin-bottom: 20px !important;
  127. }
  128.  
  129. .upload-global-post .post-pad { transform: inherit !important; }
  130.  
  131. ul.post-options-extra { margin-top: 20px !important; }
  132.  
  133. .post-action {
  134.     padding: 0 !important;
  135.     min-height: 15px !important;
  136. }
  137. }
  138.  
  139. @-moz-document url-prefix("https://zip.imgur.com/") {
  140. body { background: #fff; }
  141. }