Misskey v13 Custom CSS

v13 Custom CSS (PC)

/*Misskey - custom css - edit by white*/
/*pc 버전*/
/*misskey 13.13.2+d48172e+klapy Bluebird Theme 전용*/

/*메인 설정*/
.xbt7a, ._acrylic {
  --blur: blur(-15px);
  /*새 창 상단, 이모지 선택창 블러 미적용*/
}

div#splashSpinner,div#wait, .xkFcG._ghost {
  display: none;
  /*전송 로딩바, 오류 캐릭터 이미지 비표시*/
}

main {
  max-width: 600px !important;
  /*메인 넓이 설정*/
}
/*메인 설정 끝*/

/*좌측 구역*/
/*선택사항 -사용자 이름 바꾸기*/
button.item._button.account > span.text > span {
  display: none !important;
  /*기존 사용자 아이디 숨김*/
}

button.item._button.account {
  font-size: 20px !important;
  /*사용자 이름 폰트 크기*/
}

button.item._button.account > span.text::before {
  color: rgb(255, 255, 255) !important;
  content: "공백";
  /*사용자 이름*/
}

button.item._button.account > span.text::after {
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  content: " @white";
  /*사용자 아이디*/
}

a.active.item {
  font-weight:700;
  /*선택 항목 굵게*/
}

/*사용자 이름 바꾸기 끝*/
/*좌측 구역 끝*/

/*중앙 구역*/
/*상단 텍스트 구역 설정*/
textarea.x8B0D {
  min-height: 32px !important;
  /*상단 텍스트 박스 표시 시 최소 텍스트 박스 높이*/
}

footer.xkr7J, footer [data-v-a92d5949] {
  padding: 0 16px 0px !important;
  color: var(--accent);
  /*상단 텍스트 박스 표시 시 텍스트 하단 메뉴 여백*/
}
/*상단 텍스트 구역 설정 끝*/

/*노트 설정*/
.x3762 > div:nth-child(1):nth-last-child(3),
.x3762 > div:nth-child(1):nth-last-child(3) ~ .x3762 > div {
    display: none;
    /*답장 리노트의 원 노트 숨기기*/
}

article.x5yeR, div.xD2mX.xCFgx, .lxwezrsl > article, article.xexC6 {
  padding: 10px 16px 0px !important;
  margin: 0px 0px 0px !important;
  /*노트 여백*/
}

.xnli4 {
  display:none !important;
  /*광고 노트 삭제*/
}

.xrEoV {
  height: 48px !important;
  width: 48px !important;
  /*노트 인장 크기*/
}

.xhUxx, .xudJZ {
  display:none !important;
  /*인장의 고양이 귀 비표시*/
}
a.x9PYN,a.x8ivL {
  margin-right: 3px;
  /*답글 아이콘 우측 여백 축소*/
}

a.rp, a.xewhw {
  display: none !important;
  /*RN: 텍스트 비표시*/
}

a.xngrp, .xBLVI {
  margin-right: 3px !important;
  /*이름/아이디 사이 여백*/
}

div.xBLVI {
  font-weight: 100 !important;
  color: rgba(255, 255, 255, 0.3) !important;
  /*노트 아이디 흐리게*/
}

div.xBLVI > span > span:nth-child(2){
  display:none !important;
  /*유저 주소 비표시*/
}

a.x6gsV {
  padding: 0px 8px 0px 0px !important;
  /*유저 칩 여백 수정*/
}

span.x4Wga,div.xaVIe {
  display:none !important;
  /*유저 주소, 인스 칩 비표시*/
}
.xCPfz > div {
margin-top: 2px;
}

div.xcSej.x3762 > div.xBwhh {
  padding: 2px 32px 0px 32px !important;
  /*리노트 여백 수정*/
}

div.xBwhh > .xf8ll {
  display: none !important;
  /*리노트 인장 숨기기*/
}

div.xnihJ {
  padding: 2px 0px 0px 0px !important;
  /*인용글 여백 수정*/
}

div.xynJn.xChvz, div.xynJn.xqQzL {
  border: solid 1px var(--divider) !important;
  /*인용 테두리 점선에서 실선으로 변경*/
}

.x4Rm8, .xkJBF {
  object-fit:cover!important;
  /*이미지 크기 꽉차게(도움: 신쓰@kinisuru 님)*/
}

.xutAY.xsfFg, .xutAY.xihRJ {
  aspect-ratio: auto !important;
  min-height: 28px !important;
  /*이미지/동영상 종횡비 고정 해제*/
}

div.gird-container {
  grid-gap: 4px !important;
  /*이미지 그리드 간격 축소*/
}

div.gqnyydlz.image {
  border-radius: 16px !important;
  /*이미지 테두리 둥글게*/
}

div.kkjnbbplepmiyuadieoenjgutgcmtsvu {
  border-radius: 16px !important;
  /*영상 테두리 둥글게*/
}

div.x2YhS {
  margin-top: 2px !important;
  /*본문과 링크 사이 간격 축소*/
}

.xkUmz, .xcFJE {
  display: none !important;
}

.xDRXD {
  height: 28px !important;
  /*반응 여백 축소*/
}
.tivcixzd.done.poll > p {
  Margin: 5px 0 5px 0 !important;
}

i.ti.ti-ban {
  color: rgba(255, 255, 255, 0.2) !important;
}
/*노트 설정 끝*/

/*프로필 설정*/
.xiuv3.xoFOX {
  background: #41b781 !important;
  /*프로필 온라인 표시 색상 변경*/
}

span.username > span > span:nth-child(2) {
  display: none !important;
  /*유저 인스턴스 아이디 숨기기*/
}
div.roles {
  padding: 14px 24px 0 154px !important;
  /*역할 여백 줄이기*/
}

div.description {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  /*자기소개 여백*/
}

div.fields, div.fields.system, div.status {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  /*유저 정보들 여백*/
}

div.contents._gaps > div._gaps {
  gap: 6px !important;
  /*고정노트 여백*/
}

div.x1Mlp {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  /*고정노트 하이라이트 여백*/
}
/*프로필 설정 끝*/
/*중앙 구역 끝*/

/*우측 구역*/
.zbwaqsat {
  padding: 10px 16px 10px 16px !important;
  /*서버 통계 > disk 상하 여백 축소*/
}

p.xxawD {
  line-height: 18px !important;
  /*날짜 구분 블럭 높이*/
}

div.x9Bba {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  /*알림 블럭 여백*/
}

.xrsWF, .xs0lq, .xeJpD, .xA3qf {
  background: var(--accent) !important;
  /*팔로우/수락 색상 변경*/
}

._textButton {
  width: 300px !important;
  /*위젯 편집 중앙 정렬*/
}
/*우측 구역 끝*/

/*노트 하단 메뉴 정렬 (도움:lapy님)*/
article footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 2px;
  white-space:nowrap !important;
  font-size: 13px !important;
  font-weight: lighter !important;
}

.info[data-v-028a36eb],article footer.xhAPG {
  grid-column: 1 / 5;
  margin-bottom: 0px !important;
  /*노트 활동 그리드 중앙 정렬*/
}

div.xlT1y, footer.footer > div.info, div.xi1ty {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  /*작성 시간, 반응 이모지 공간 확보*/
}

div.xi1ty {
  margin: 16px 0 0 0 !important;
}
/*노트 하단 메뉴 정렬 끝*/
/*pc 버전 끝*/