◆Qiita [キータ] 2024年5月対応版 by syon

/* ==UserStyle==
@name           ◆Qiita [キータ] 2024年5月対応版
@namespace      userstyles.world
@version        2024-10-11
==/UserStyle== */
@-moz-document domain("qiita.com") {
  /*
   * Hide
   */
  [id^="GlobalHeader"],
  [id^="PersonalArticlePage"] > div:first-child:has(button),
  [id^="PersonalArticlePage"] > main > section > :not(:nth-child(1), :nth-child(2)),
  /* Bottom Left Banner */
  [data-testid="ArticleHeaderTextBanner_Banner"],
  .st-Modal,
  .wb-CampaignLink,
  .st-NewHeader_mainNavigation,
  .st-NewHeader_search,
  .st-NewHeader_postButton,
  [id^=dfp],
  .apm-Content,
  div:has(+ .p-items_options),
  /* Left Side SNS Bar */
  .p-items_options,
  /* ToC */
  .it-MdContent + div + div {
    display: none !important;
  }

  /* Hide under article */
  .p-items_main > div:nth-child(2) {
    > div:has([data-test-adunitpath]),
    > div:has([id^=logly]),
    > div:has(a[href="/trend"]),
    > div:has([href^="/official-events/"]),
    > div:has(#comments) {
      background-color: purple;
      display: none !important;
    }
  }

  /*
   * Base
   */
  body {
    font-family: "Segoe UI", "Source Han Sans", "Noto Sans CJK JP", sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-feature-settings: "palt";
  }

  .material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
  }

  /*
   * Layout
   */
  [id^="PersonalArticlePage"] > main > section {
    position: relative;
  }
  .p-items_main {
    max-width: 960px;
    width: calc(100% - 40px - 300px - 112px);
  }

  /*
   * Styling
   */
  .it-MdContent img {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  }
  .it-MdContent blockquote {
    background-color: #fcfcfc;
  }
}