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