OBS Discord Widget Custom CSS

chat.css

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

.chat-container {
    height: calc(204px - 36px + 400px);
    width: 350px;
}
.chat-container .messages {
    height: calc(152px + 400px);
}
span.message-text::before {
    content: ' \a 　';
    white-space: pre;
}
span.timestamp {
    display: none;
}
.channel-name {
	display: none;
}

status.css

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

.status-container .status {
    background-position: calc(267px + 100px) 17px;
}
.status-container {
    height: calc(64px + 10px);
    width: calc(312px + 100px);
}

.status-container .status .server-info .online-count {
    padding-left: calc(4px - 30px + 100px);
    font-size: 14px;
}

voice.css

body {
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.voice-states * {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}
.voice-state { 	
  width: 70px;
  height: 90px;
} 
.avatar {
  left: 7px;
}
.user {
  left: 2px;
  top: 2px;
  background: rgba(0,0,0,.7);
  padding: 4px 5px 0px !important;
  border-radius: 4px;
}
.name {
  width: 55px;
  height: 14px;
  line-height: 17px !important;
  white-space: nowrap;
  text-overflow: clip;
  text-align: center;
  background-color: rgba(0,0,0,0) !important;
  padding: 0 !important;
  overflow: hidden;
  font-size: 12px !important;
}