body {
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
}
@font-face {
font-family: 'JejuGothic';
src: url('https://fonts.gstatic.com/s/jejugothic/v10/TK3iWkUbAHlyfPMyD6GwfPesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
* {
box-sizing: border-box;
}
body {
box-sizing: border-box;
font-family: 'JejuGothic', sans-serif;
font-weight: 500;
background-color: rgba(0, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
}
/* 오버레이 상단 transparent fadeout 효과 지우기 */
.live_overlay_chatting__gG7gu {
-webkit-mask-image: none !important;
mask-image: none !important;
}
.live_chatting_message_text__DyleH {
letter-spacing: 0.2px;
}
.live_overlay_message__lLCT1 {
max-width: 720px;
}
/* 이모티콘크기설정 */
.live_chatting_message_text__DyleH > img {
height: 38px;
width: 38px;
transform: scale(1.106) translateY(-5px) !important;
margin: 0 2px !important;
padding: 0 !important;
}
.live_chatting_message_container__vrI-y.live_chatting_message_is_overlay__cALCf .live_chatting_message_wrapper__xpYre {
font-size: 32px;
}
.live_overlay_message__lLCT1 {
background-color: rgba(0, 0, 0, 0) !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
/* 닉네임 채팅 사이 간격 */
.name_text__yQG50 {
padding-right: 8px;
}
.live_chatting_message_wrapper__xpYre {
padding: 2px 13px !important;
position: relative; /* 추가 */
}
.live_overlay_message__lLCT1 {
padding: 0px 13px !important;
}
/* 라인 높이 설정 */
.live_chatting_message_container__vrI-y.live_chatting_message_is_overlay__cALCf,
.live_chatting_message_wrapper__xpYre {
line-height: 1.5 !important;
}
/* 채팅 메세지 세로 정렬 */
.live_chatting_username_wrapper__iJpJB {
vertical-align: top;
padding-top: 2px;
}
.name_text__yQG50 {
vertical-align: middle;
}
.live_chatting_message_text__DyleH {
vertical-align: middle;
}
/* 이모티콘 정렬 설정*/
.live_chatting_message_text__DyleH > img {
vertical-align: top;
}
/* 뱃지 정렬 */
.badge_container__a64XB > img {
vertical-align: middle;
}
.name_text__yQG50 {
opacity: 0;
display: none;
}
/* 채팅 앞에 색깔 막대 추가 */
.live_chatting_message_wrapper__xpYre:before {
content: "";
display: inline-block;
width: 8px; /* 막대의 너비 */
height: 25px; /* 막대의 높이 */
margin-right: 8px; /* 텍스트와의 간격 */
position: absolute;
left: 0;
top: 0;
background: linear-gradient(to right,
#FF0000, /* 빨강 */
#FFA500, /* 주황 */
#FFFF00, /* 노랑 */
#008000, /* 초록 */
#0000FF, /* 파랑 */
#4B0082 /* 남색 */
);
}
.live_chatting_message_wrapper__xpYre:nth-child(2n):before {
background-color: #EE82EE; /* 보라 */
}
.live_chatting_message_wrapper__xpYre:nth-child(3n-1):before {
background-color: #00CED1; /* 청록 */
}
.live_chatting_message_wrapper__xpYre:nth-child(4n-1):before {
background-color: #FFD700; /* 금색 */
}
.live_chatting_message_wrapper__xpYre:nth-child(5n-1):before {
background-color: #FF69B4; /* 핑크 */
}