【Misskey】投稿フォームに公開範囲アイコンを表示するカスタムCSS 

  1. /* 投稿フォームに公開範囲アイコンを表示 */
  2. div.xpDI4.xxtDg {
  3.     position: relative;
  4. }
  5.  
  6. div.xnEld::before {
  7.     font-family: "tabler-icons-outline";
  8.     font-style: normal;
  9.     font-weight: 400;
  10.     font-size: 80px;
  11.     opacity: .1;
  12.     position: absolute;
  13.     top: 50%;
  14.     left: 50%;
  15.     transform: translate(-50%, -50%);
  16.     pointer-events: none;
  17. }
  18. div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-world) div.xnEld::before { content: "\eb54"; }
  19. div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-home) div.xnEld::before { content: "\eac1"; }
  20. div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-lock) div.xnEld::before { content: "\eae2"; }
  21. div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-mail) div.xnEld::before { content: "\eae5"; }