cherryPick v4.12.0 Custom CSS (PC)

/*기본 UI*/
  /*사이드바(좌)*/
    .sidebar, .npcljfve {
      width: 220px !important;
      /*왼쪽 사이드 바 너비 조정*/
    }
  /*사이드바(좌)*/
    .gbhvwtnk>.columns>.main[data-v-a214a161] {
      width: 550px;
    }

  /*타임라인*/
    .x8B0D {
      min-height: 40px;
      /*상단 글 작성 최소 높이 조정*/
    }

    .main {
      max-width: 550px !important;
      margin: 0 0 16 0 !important;
      /*메인 너비 조정*/
    }
  /*타임라인*/
  /*사이드 바(우)*/
    .xm0Fq > .x5bwc > span, .xm0Fq > .x5bwc > span > div {
      border-radius: 50% !important;
      /*우측 상단 프로필 원형*/
    }
  /*사이드 바(우)*/
  /*기타*/
    .xn5WL, div#splashSpinner, div#wait, .xkFcG._ghost {
      display: none !important;
      /*서버 연결끊김 오류창,전송 로딩바, 오류 캐릭터 이미지 비표시*/
    }

    .xiuv3.xoFOX {
      background: rgb(0, 186, 124);
      /*온라인 표시 색상 변경*/
    }
    
    .banner-container>.actions {
      right: 22px !important;
      /*사용자 프로필 팔로우 버튼 수정*/
    }
    
    .x9T7G {
      width: 558px !important;
      /*사용자 프로필 상단 팔로우 버튼 수정*/
    }
  /*기타*/
/*기본 UI*/
/*노트 관련*/
  /*노트*/
    .xhAPG {
      height: 20px;
      margin-top: 6px !important;
      padding: 6px 0 0 0 !important;
      /*노트 반응 여백 조절*/
    }

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

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

    .xutAY {
      grid-gap: 4px !important;
      /*이미지 간격 축소*/
    }
  /*노트*/
  /*리노트*/
    .xBwhh > .ti-repeat {
      color: rgb(0, 186, 124);
      /*리노트 아이콘 색상 변경*/
    }
    
    .xcSej.x3762:has(div.xBwhh) > .xBwhh , .xexC6 {
      padding: 12px 16px 0px !important;
      /*리노트된 노트 상단 여백 제거*/
    }
  /*리노트*/
  /*인용*/
    a.rp, a.xewhw {
      display: none !important;
      /*RN: 텍스트 비표시*/
    }

    .xChvz, .xqQzL {
      border: solid 1px !important;
      border-color: rgb(47, 51, 54) !important;
      /*인용 테두리 실선, 색상 연하게*/
    }
  /*인용*/
  /*답노트*/
    .xcpEP {
      border-left: 1px  solid !important;
      border-left-color: rgb(51, 54, 57) !important;
      left: 36px !important;
      /*트윗과 답글 사이의 선 위치, 색깔, 두께 조정*/
    }

    .xviCy {
      padding: 0 !important;
      /*노트 반응 리스트 여백 조절*/
    }
    
    .xveJ4 {
      padding: 0px !important;
      /*답글된 원 노트 반응 리스트 여백 조절*/
    }

    .xcSej > .xD2mX {
        padding: 12px 16px 0 12px !important;
        /*답글된 원노트 내용 여백 조절*/
    }

    .xpUJO {
        padding-bottom: 0px !important;
        /*답글된 원노트 여백 조절2*/
    }
    
    div:has(.xicXS) > .xD2mX {
      padding: 0px !important;
      /*답글 양쪽 패딩 제거*/
    }
    
    .xD2mX.x4kQA {
      padding: 0px !important;
      /*타래 계단식 여백 제거*/
    }
    
    .xD2mX.x4kQA > .xD2mX {
      border-left: 0;
      /*계단 선 제거*/
    }
  /*답노트*/
  /*하단 반응*/
    article footer, footer.xhAPG, .xBUwb {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      row-gap: 2px;
      white-space: nowrap !important;
      font-size: 13px !important;
      font-weight: lighter !important;
      /*노트 하단 바 반응 리스트 중앙 정렬*/
    }

    article footer.xhAPG, .xBUwb {
      grid-column: 1 / 4;
      margin-bottom: 0px !important;
      /*노트 활동 그리드 중앙 정렬*/
    }

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

    div.xi1ty, div.xlT1y  {
        margin: 0 !important;
        /*작성 시간, 반응 이모지 여백 제거*/
    }
  /*하단 반응*/
  /*다중 혹은 기타*/
    .x5yeR > div > a ,
    .xD2mX > .x3YLY > a ,
    .xynJn > div > a,
    .xgGIX > a  {
      height: 40px;
      width: 40px;
      margin-right: 8px;
      /*프로필 크기 조정*/
    }

    .xBLVI {
      color: #71767b;
      /*노트 아이디 색상 변경*/
    }

    .xgGIX > div > .xmMLv {
      padding-left: 0px!important
      /*상세 노트 프로필 유저 정보 좌측 여백 제거*/
    }

    .xBwhh, .xD2mX, .xBwhh, .xexC6, .x5yeR {
      padding: 12px 16px !important;
      /*노트 혹은 리노트된 노트 여백 축소*/
    }

    .xBwhh > a,.xcSej.x3762:has(div.xBwhh) > .xD2mX, .xEKlD, .xnli4, .xhUxx, .xudJZ, .x4Wga{
      display: none !important;
      /*
      이것저것 숨기기
      .xBwhh > a = 리노트 인장
      .xcSej.x3762:has(div.xBwhh) > .xD2mX = 인용의 이전 노트
      .xEKlD = bot
      .xnli4 = 광고 노트
      .xhUxx, .xudJZ = 인장 꾸미기
      .x4Wga = 언급 칩 서버
      */
    }

    .xAV2R > .ti {
      vertical-align: -23% !important;
    } 
  /*다중 혹은 기타*/
/*노트 관련*/