1개월 전 2025-10-29 21:44:07

custom.css 변경사항 기록

전체 폰트 변경 / 이미지 중앙정렬 및 간격 추가 / 동영상 중앙정렬 및 세로최대 600px제한

 

@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/*
@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
*/
body {
    /* 폰트 */
    font-family: 'NexonLv1Gothic', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/* 라이트모드 배경 커스텀 */
/* body {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(255, 255, 255, 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
} */

/* 다크모드 배경 커스텀 */
/* body.color_scheme_dark {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(30, 30, 30, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgba(30, 30, 30, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);
    --tw-text-opacity: 1;
} */

.rhymix_content > p > img {
    margin: 0 auto; /* 본문내 이미지 항상 중간정렬 */
    display: block; /* 줄 바꿈을 위해 블록 레벨 요소로 설정 */
    margin-bottom: 1em; /* 이미지 아래에 간격 추가 (한 줄 띄우기 효과) */
}
.rhymix_content > p > img {border-radius: 0px;} /* 본문내 이미지 모서리 처리 */

.rhymix_content > p > video {
  display: block;
  margin: 0 auto;          /* 중앙 정렬 */
  width: auto;             /* 가로폭 100% */
  height: auto;            /* 비율 유지 */
  max-height: 600px;       /* 세로 최대 600px로 제한 */
  object-fit: contain;     /* 영상 비율 깨지지 않게 */
}

 

 

첨부파일 참조


솔플마스터 @playalone
Lv.13
point 17415 / 17640 Lv.14 까지 225 남음

집은 장소가 아니라 사람이다. 먹고 자고 떠들고 머무는 물리적 장소가 아니라, 함께 먹고 자고 떠드는 사람들이 있어야 비로소 정의 내릴 수 있는 어떤 것이다.

댓글
0
댓글이 없습니다.