submarin.online用カスタムcss

submarin-online-custom.css

/* カスタムCSS 入力欄 */
._formRoot > ._monospace > .input.tall > textarea {
  height: 400px;
}
/* END カスタムCSS 入力欄 */

/* ダークテーマで絵文字を見やすくするやつ */
:not(.easy) > .mk-emoji:not([src$='.gif'], [src$='.apng']) {
  --emoji-shadow-color: #ffffff;
  filter: drop-shadow(0 0 0.2px var(--emoji-shadow-color));
}
/* END ダークテーマで絵文字を見やすくするやつ */

/* 削除されたノートを残す */
.notes > div[style*="display: none;"] {
  display: block !important;
  top: unset !important;
  left: unset !important;
}
.notes > div[style*="display: none;"] .article {
  opacity: 0.5;
}
.notes > div[style*="display: none;"] .footer {
  margin-top: 10px;
}
.notes > div[style*="display: none;"] .footer > * {
  display: none;
}
/* END 削除されたノートを残す */

/* コンパクト */
.upper.slim {
  --height: 40px !important;
}
.mk-deck .column,
section.folder > section {
  --deckColumnHeaderHeight: 35px !important;
}

div[class^="_root_"][style="padding: 24px;"] {
  padding: 12px !important;
}
._block + ._block {
  margin-top: 12px;
}

.post-form > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px !important;
  min-height: unset;
  padding: 8px;
}
.post-form > header > div:last-child {
  position: relative !important;
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: unset;
  margin: 0;
}
.post-form > header > div:last-child > * {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px !important;
  max-height: 35px !important;
  line-height: 35px !important;
  margin: 0 !important;
}
.post-form > header > div:last-child > .submit {
  margin: 0 0 0 4px !important;
}
.post-form > div > textarea {
  min-height: 3em !important;
}
.post-form > div > footer {
  padding: 4px 8px !important;
}
.post-form footer ._button {
  width: 45px !important;
  height: 35px !important;
}
.post-form footer > div {
  grid-auto-rows: 35px;
}

div:has(> .article) > .renote {
  padding: 5px 15px 0 !important;
}
div:has(> .article) > .reply-to {
  padding: 10px 15px 5px 25px !important;
}
.renote > .renote {
  padding: 5px 15px 5px !important;
}
.renote > .collapsed-renote {
  padding: 0 15px 5px !important;
}
.article {
  padding: 10px 15px 0 !important;
}
.article .avatar {
  width: 40px !important;
  height: 40px !important;
}
.article .content > .renote > div {
  padding: 10px !important;
}
.article .content > .url-preview > a {
  display: flex;
  height: 60px;
  font-size: 12px;
}
.article .content > .url-preview > a > div:first-child {
  position: unset;
  display: block;
  width: auto;
  height: 100%;
  aspect-ratio: 1;
}
.article .content > .url-preview > a > article {
  position: unset;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 60px);
  padding: 6px;
}
.article .content > .url-preview > a > article > * {
  margin: 0;
}

.notes > .muted {
  padding: 2px;
  font-size: 0.9em;
  opacity: 1;
}
.notes > .muted > * {
  opacity: 0.5;
}

div:has(> .article > * > .mk-instance-ticker.leftedge) {
  padding-left: 6px;
}
div:has(> .article > * > .mk-instance-ticker.rightedge) {
  padding-right: 6px;
}

.notification {
  padding: 8px 10px !important;
}
.notification > .head {
  width: 35px !important;
  height: 35px !important;
  margin-right: 5px !important;
}

.mkw-timeline > header {
  height: 35px !important;
  line-height: 35px !important;
  box-sizing: border-box;
}
.mkw-timeline > header > * {
  padding: 0 10px !important;
}
#misskey_app > .isMobile {
  padding-bottom: calc(50px + 8px + max(8px, env(safe-area-inset-bottom, 0px)) + 0.5px) !important;
}
#misskey_app > div > div:has(> ._button) {
  grid-gap: 8px !important;
  padding: 8px 8px max(8px, env(safe-area-inset-bottom, 0px)) 8px;
}
#misskey_app > div > div:has(> ._button) > button {
  height: 50px;
  max-width: unset;
  aspect-ratio: unset;
  border-radius: var(--radius);
}
/* END コンパクト */

/* デッキのナビゲーションバーのサイズをちょっとコンパクトに */
.iconOnly {
  --deck-nav-width: 70px;
}
.iconOnly,
.iconOnly > .body {
  width: var(--deck-nav-width) !important;
}
.iconOnly {
  flex: 0 0 var(--deck-nav-width) !important;
}
/* END デッキのナビゲーションバーのサイズをちょっとコンパクトに */