무지개 2 채팅 스킨

body {
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2em)
}

body,
html {
	font: $font_sizepx '$font_face', serif;
	background-color: $background_color;
	height: 100%;
	overflow: hidden
}

#log {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.5em 0.1em;
	width: 100%;
	box-sizing: border-box
}

#log>div {
	background-color: white;
	padding: 0.2em 0.5em;
	margin: -0.3em 0.3em 0.7em 0.3em;
	border-radius: 0.2em;
	box-shadow: 0 0.2em 0.3em rgba(0, 0, 0, 0.5);
	animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards;
}

#log>div:nth-last-child(10n-9)>.meta>.name {
	background: linear-gradient(135deg, #f2297c 0%, #ff9393 100%)
}

#log>div:nth-last-child(10n-8)>.meta>.name {
	background: linear-gradient(135deg, #f2482a 0%, #ffd093 100%)
}

#log>div:nth-last-child(10n-7)>.meta>.name {
	background: linear-gradient(135deg, #ff973d 0%, #ffdd00 100%)
}

#log>div:nth-last-child(10n-6)>.meta>.name {
	background: linear-gradient(135deg, #b1bc1a 0%, #c3ef27 100%)
}

#log>div:nth-last-child(10n-5)>.meta>.name {
	background: linear-gradient(135deg, #58aa22 0%, #a0efa9 100%)
}

#log>div:nth-last-child(10n-4)>.meta>.name {
	background: linear-gradient(135deg, #02ccbb 0%, #3df5ff 100%)
}

#log>div:nth-last-child(10n-3)>.meta>.name {
	background: linear-gradient(135deg, #0162ff 0%, #3dd5ff 100%)
}

#log>div:nth-last-child(10n-2)>.meta>.name {
	background: linear-gradient(135deg, #396ced 0%, #afb7ff 100%)
}

#log>div:nth-last-child(10n-1)>.meta>.name {
	background: linear-gradient(135deg, #8139ed 0%, #deafff 100%)
}

#log>div:nth-last-child(10n)>.meta>.name {
	background: linear-gradient(135deg, #ed39ed 0%, #ffaff0 100%)
}

.name {
	color: #fff !important;
	border-radius: 1em;
	box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.15);
	margin-right: 0.5em;
	padding: 0.2em 0.5em;
	font-weight: 700;
	font-size: 0.8em;
}

.message {
	color: $text_color !important;
	line-height: 1.5em;
	font-weight: 400
}

.deleted {
	visibility: hidden
}

.badge,
.colon,
.name,
.message {
	vertical-align: middle
}

.badge {
	margin-right: 0.3em;
	height: 1em
}

.colon {
	display: none
}

.message>img {
	height: 1em
}

.emote_wrap {
	position: relative
}

.emoticon {
	height: $font_sizepx;
	vertical-align: middle;
	margin: -0.1em 0;
	image-rendering: pixelated
}

이번에는 무지개 스킨을 좋아하는 분들을 위해 새로 만든 무지개 스킨 입니다!

닉네임 가독성 부분은 안 좋긴 하지만 “예쁜 스킨”을 원하시는 분들이 있을 것 같아서 배포를 합니다!