스피릿제로 0

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);

@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);

#log>div.deleted {

    visibility: hidden

}

#log .emote_wrap {

    position: relative;

}

#log .emote_wrap img.emoticon {

    height: $font_sizepx;

    vertical-align: middle;

    margin: -5px 0;

}

.badge,

.colon,

.name {

    display: inline-block;

    vertical-align: top

}

#log .meta {

    padding-right: 4px;

    position: relative;

}

.badge {

    margin-right: 4px;

    height: 1em

}

.name {

    font-weight: 600;

    margin-left: .1em

}

.colon,

.name {

    height: 24px

}

.colon {

  display: none;

}

.badge {

  float: right;

  padding-left: 5px;

  height: .8em

}

.message {

  display: block;

}

body,

html {

    height: 100%;

    overflow: hidden

}

#log {

    position: absolute;

    bottom: 0;

    left: 0;

    padding: 0 10px 10px;

    width: 100%;

    box-sizing: border-box;

    text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;

}

body {

    -webkit-mask-image: -webkit-gradient(linear,left 10%,left top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));

    -webkit-mask-image: -webkit-gradient(linear,left 20%,left top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));

}

#log>div {

    padding-bottom: .4em;

    word-wrap: break-word

}

body {

    background: $background_color;

    color: $text_color;

    font-size: $font_sizepx;

}

#log {

      font-family: "Roboto Condensed", "Sawarabi Gothic", "Jeju Gothic";

    font-size: 0.8em;

}

#log>div {

    animation: fadeOut 1s ease $message_hide_delays forwards;

    -webkit-animation: fadeOut 1s ease $message_hide_delays forwards;

}

span.message > img {

    height: 1em;

}