방송TIP 0

이 밑에 코드를 복사하시고 트윕 커스텀CSS에 붙여넣기 그리고 채팅창 확인하세용.

#log,

body,

html {

    overflow: hidden

}

#log {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    box-sizing: border-box;

    padding: 100px 15px 10px;

}

#log > div {

    margin-bottom: 5px;

    --background: linear-gradient(rgba(70, 70, 70, .6), rgba(50, 50, 50, .7));

    padding: 7px 10px 1px;

    animation: flipInX .5s ease, fadeOutUp 1s ease $message_hide_delays forwards;

    -webkit-animation: flipInX .5s ease, fadeOutUp 1s ease $message_hide_delays forwards;

    border-radius: 3px;

    --box-shadow: 0 0 4px rgba(0, 0, 0, .4)

}

#log>div.deleted {

    visibility: hidden

}

.meta {

    display: block;

    line-height: 1em

}

.message {

    word-wrap: break-word;

    line-height: 1.5em

}

.name {

    text-transform: uppercase;

    font-weight: 700

}

.colon {

    display: none

}

.badge {

    float: right;

    padding-left: 5px;

    height: .8em

}

#log .emote_wrap {

    position: relative;

}

#log .emote_wrap img.emoticon {

    height: $font_sizepx;

    vertical-align: middle;

    margin: -5px 0;

}

body,

html {

    height: 100%

}

body {

    text-shadow: 0 0 1px rgba(0, 0, 0, .6), 0 0 2px rgba(0, 0, 0, .6)

}

body {

    background: $background_color;

    color: $text_color;

}

#log {

    font: 600 $font_sizepx '$font_face';

}

span.message > img {

    height: 1em;

}

POWERNAO님이 주셨습니당