【Misskey】引用RNを装飾するカスタムCSS 

  1. /* 引用RNを装飾する */
  2. div.xChvz, div.xqQzL {
  3.     background: var(--panel);
  4.     border-radius: 0.25rem;
  5.     position: relative;
  6.     border: solid 1px var(--accent) !important;
  7.     margin: 10px auto;
  8.     padding: 1.5rem !important;
  9.     filter: drop-shadow(5px 5px 0px var(--accentedBg));
  10.     overflow: visible;
  11. }
  12. div.xChvz:before, div.xChvz:after,
  13. div.xqQzL:before, div.xqQzL:after {
  14.     font-family: "tabler-icons-outline";
  15.     font-size: 1.5rem;
  16.     color: var(--accent);
  17.     position: absolute;
  18.     text-shadow:
  19.         1px 1px 0 var(--panel), -1px -1px 0 var(--panel),
  20.         -1px 1px 0 var(--panel), 1px -1px 0 var(--panel),
  21.         0px 1px 0 var(--panel),  0-1px 0 var(--panel),
  22.         -1px 0 0 var(--panel), 1px 0 0 var(--panel);
  23. }
  24. div.xChvz:before,
  25. div.xqQzL:before {
  26.     content: "\efbe";
  27.     top: -1rem;
  28.     left: 0.25rem;
  29.     transform: scale(-1, -1)
  30. }
  31. div.xChvz:after,
  32. div.xqQzL:after {
  33.     content: "\efbe";
  34.     bottom: -1rem;
  35.     right: 0.25rem;
  36. }