☰

AniList - Anti-Social

Mostly simple tweaks for removing most of the social features (like the feed on front page)

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

  1. /* ==UserStyle==
  2. @name         AniList - Anti-Social
  3. @description  Mostly simple tweaks for removing most of the social features (like the feed on front page)
  4. @author       krisu (https://github.com/krisu5)
  5. @namespace    github.com/krisu5/userstyles
  6. @homepageURL  https://github.com/krisu5/userstyles/tree/master/AniList%20-%20Anti-Social
  7. @version      1.0.2
  8. @license      unlicense
  9. @preprocessor default
  10. ==/UserStyle== */
  11.  
  12. /* ==================================
  13.    ======== Blocked elements ========
  14.    ================================== */
  15.  
  16. .activity-edit, .nav a[href$="social"], .home .activity-feed-wrap, .activity-feed .actions, .activity-feed [href^="/activity/"]
  17. { display: none !important; }
  18.  
  19.  
  20. /* ==================================
  21.    ============ HOMEPAGE ============
  22.    ================================== */
  23.  
  24. .home { grid-template-columns: inherit !important; }
  25.  
  26. .home .review-card .summary { width: 96% !important; }
  27.  
  28. .home div .sense { min-height: 0 !important; }
  29.  
  30. @media screen and (min-width: 1040px) {
  31.     .home > div:not(.activity-feed-wrap) > div:not(.list-previews):not(.recent-threads):not(.recent-reviews) > div > 
  32.     .media-preview {
  33.         grid-gap: 20px 0px !important;
  34.         grid-template-columns: repeat(auto-fill,425px) !important;
  35.     }
  36.  
  37.     .home > div:not(.activity-feed-wrap) > div:not(.list-previews):not(.recent-threads):not(.recent-reviews) > div >
  38.     .media-preview .small .content {
  39.         width: 325px !important;
  40.         z-index: 1 !important;
  41.         opacity: 1 !important;
  42.     }
  43.  
  44.     .home > div:not(.activity-feed-wrap) > div:not(.list-previews):not(.recent-threads):not(.recent-reviews) > div >
  45.     .media-preview .media-preview-card
  46.     { margin-left: 2.75% !important; }
  47.  
  48.     .home > div:not(.activity-feed-wrap) > div:not(.list-previews):not(.recent-threads):not(.recent-reviews) > div >
  49.     .media-preview a.title {
  50.         display: block !important;
  51.         height: 100% !important;
  52.     }
  53. }
  54.  
  55. @media screen and (max-width: 1540px) {
  56.     .home > div:not(.activity-feed-wrap) > div:not(.list-previews):not(.recent-threads):not(.recent-reviews) > div >
  57.     .media-preview .media-preview-card
  58.     { margin-left: 0 !important; }
  59. }
  60.  
  61.  
  62. /* ==================================
  63.    ============ PROFILE =============
  64.    ================================== */
  65.  
  66. .activity-feed [label="Unsubscribe"], .activity-feed [label="Subscribe"] {
  67.     position: relative !important;
  68.     top: 19px !important;
  69.     right: calc(-100% + 39px) !important;
  70. }
  71.  
  72. .activity-feed .extras-dropdown {
  73.     position: relative !important;
  74.     top: 20px !important;
  75.     right: calc(-100% + 37px) !important;
  76. }
  77.  
  78. .activity-feed .activity-extras-dropdown { overflow: hidden !important; }
  79.  
  80. .activity-feed [label="Unsubscribe"]:hover:before,
  81. .activity-feed [label="Subscribe"]:hover:before {
  82.     top: -31px !important;
  83.     left: inherit !important;
  84.     right: calc(-100% - 8px) !important;
  85. }
  86. }