CastCraft　配信用CSS

v4.css

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.chat-box {
  max-width: 80%;
  display: table;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  table-layout: fixed;
  color: {{color}};
  {{#if outlineEnabled}}
    text-shadow: {{textShadow}};
  {{/if}}
  font-family: {{{fontFamily}}}, sans-serif;
  font-weight: {{fontWeight}};
  font-size: {{fontSize}}px;
}

.chat-box-item {
  display: flex;
  margin: 0 0 0.5rem 0;
{{#if animationEnabled}}
  animation: {{animation}};
{{/if}}
}

.avatar-image-wrapper {
  padding-right: 10px;
}

.avatar-name {
  padding-right: 1rem;
  display: inline;
{{#if nameFontOverride}}
  color: {{nameColor}};
  {{#if nameOutlineEnabled}}
  text-shadow: {{nameTextShadow}};
  {{/if}}
  font-family: {{{nameFontFamily}}}, sans-serif;
  font-weight: {{nameFontWeight}};
  font-size: {{nameFontSize}}px;
{{/if}}
}

.message {
  padding-right: 0.5rem;
  display: inline;
}
.message span {
  padding-right: 0.3rem;
  display: inline;
}