카테고리
Twip 스킨

무지개 3 채팅 스킨

오랜만에 새 채팅 스킨을 배포합니다! 이번 스킨도 무지개인데 그림자만 무지개 색깔로 해서 만든 스킨입니다. 잘 쓰세요!

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) {
	box-shadow: 0 0.2em 0.3em rgba(245, 25, 25, 0.25);
}

#log>div:nth-last-child(10n-8) {
	box-shadow: 0 0.2em 0.3em rgba(255, 81, 0, 0.25);
}

#log>div:nth-last-child(10n-7) {
	box-shadow: 0 0.2em 0.3em rgba(255, 208, 0, 0.25);
}

#log>div:nth-last-child(10n-6) {
	box-shadow: 0 0.2em 0.3em rgba(81, 255, 0, 0.25);
}

#log>div:nth-last-child(10n-5) {
	box-shadow: 0 0.2em 0.3em rgba(0, 255, 170, 0.25);
}

#log>div:nth-last-child(10n-4) {
	box-shadow: 0 0.2em 0.3em rgba(0, 247, 255, 0.25);
}

#log>div:nth-last-child(10n-3) {
	box-shadow: 0 0.2em 0.3em rgba(0, 26, 255, 0.25);
}

#log>div:nth-last-child(10n-2) {
	box-shadow: 0 0.2em 0.3em rgba(111, 0, 255, 0.25);
}

#log>div:nth-last-child(10n-1) {
	box-shadow: 0 0.2em 0.3em rgba(225, 0, 255, 0.25);
}

#log>div:nth-last-child(10n) {
	box-shadow: 0 0.2em 0.3em rgba(255, 0, 140, 0.25);
}

.name {
	font-weight: 900;
}

.colon {
	margin-right: 0.25em;
}

.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
}

.message>img {
	height: 1em
}

.emote_wrap {
	position: relative
}

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

/* 닉네임 가독성 해결 */
span.meta[style="color: #00FF00"] {
	color: #69db7c !important
}

span.meta[style="color: #0000FF"] {
	color: #339af0 !important
}

span.meta[style="color: #5F9EA0"] {
	color: #3bc9db !important
}

span.meta[style="color: #B22222"] {
	color: #e03131 !important
}

span.meta[style="color: #2E8B57"] {
	color: #38d9a9 !important
}

span.meta[style="color: #191970"] {
	color: #4c6ef5 !important
}

span.meta[style="color: #008000"] {
	color: #2f9e44 !important
}

span.meta[style="color: #D2691E"] {
	color: #f59f00 !important
}

span.meta[style="color: #FF0000"] {
	color: #ff6b6b !important
}

오랜만에 새 채팅 스킨을 배포합니다! 이번 스킨도 무지개인데 그림자만 무지개 색깔로 해서 만든 스킨입니다. 잘 쓰세요!

하루 제작

하루 입니다!
Twitch 스트리머이며 사진 보정과 영상 보정 도와드리고 있어요

2 replies on “무지개 3 채팅 스킨”

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google photo

Google의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중