
@font-face {
font-family: '_neodgm';
src: url('https://dalgona.github.io/neodgm/assets/neodgm_code.woff2') format('woff2'),
url('https://dalgona.github.io/neodgm/assets/neodgm_code.woff') format('woff'),
url('https://dalgona.github.io/neodgm/assets/neodgm_code.ttf') format('truetype');
font-style: normal;
font-weight: normal;
}
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 '_neodgm', monospace;
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: #000;
box-shadow: 0 0 0 0.15em #fff, 0 0 0 0.3em #000;
margin: 0.8em 0.7em;
padding: 0.3em 0.4em;
padding-bottom: 0.3em;
line-height: 1.2em;
animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards;
-webkit-animation: fadeInUp .5s ease, fadeOut 1s ease $message_hide_delays forwards
}
.badge {
padding: 0.05em;
}
.meta {
font-weight: 600;
margin-right: 0.3em
}
.deleted {
visibility: hidden
}
.message {
color: $text_color !important;
word-wrap: break-word;
}
.badge,
.colon,
.name {
vertical-align: middle
}
img {
width: 1em;
margin-right: 0.3em;
vertical-align: middle !important
}
/* 닉네임 가독성 해결 */
span.meta[style="color: #00FF00"] {
color: #3FD83F !important
}
span.meta[style="color: #0000FF"] {
color: #4586FF !important
}
span.meta[style="color: #5F9EA0"] {
color: #56BFA8 !important
}
span.meta[style="color: #B22222"] {
color: #FB6767 !important
}
span.meta[style="color: #2E8B57"] {
color: #1CE048 !important
}
span.meta[style="color: #191970"] {
color: #8383DE !important
}
span.meta[style="color: #008000"] {
color: #49CC49 !important
}
span.meta[style="color: #D2691E"] {
color: #DC8444 !important
}
span.meta[style="color: #FF0000"] {
color: #FF4A4A !important
}
옛날 느낌이 나는 스킨을 만들까 생각해서 만들었습니다! 아마 이런 느낌을 좋아하시는 분들이 있지 않을까 생각했기 때문에, 옛날 컴퓨터 화면을 참고해서 직접 제작했어요
레트로 스킨에서 쓰인 글꼴의 저작권은 Neo 둥근모 프로젝트에 있습니다