Skip to content

Instantly share code, notes, and snippets.

@MrRopain
Last active October 17, 2016 03:51
Show Gist options
  • Save MrRopain/e272704b41680e726a2522c75d060d5a to your computer and use it in GitHub Desktop.
Save MrRopain/e272704b41680e726a2522c75d060d5a to your computer and use it in GitHub Desktop.
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700');
#chat_box {
font-family: 'Ubuntu';
font-size: 20px;
font-weight: bold;
color: #fff;
}
/* hide broadcaster/mod logos, as they look out of place - got to fix that */
.tag {
display: none;
}
.chat_line {
background-color: rgba(33, 33, 33, 0.33);
border-radius: 5px;
margin-bottom: 5px;
line-height: 20px;
padding: 3px;
}
.chat_line .message {
text-shadow:
-1px -1px 0 #6001ff,
1px -1px 0 #6001ff,
-1px 1px 0 #6001ff,
1px 1px 0 #6001ff;
}
.chat_line[data-nick="pusshq"] {
display: none;
}
/* custom user tags */
.chat_line[data-nick="mrropain"] .nick::before {
content: "Homie";
background-color: rgba(91, 1, 255, 0.33);
color: #fff;
margin-right: 5px;
padding: 2px;
border-radius: 5px;
border: 1px solid #5601AA;
font-size: 16px;
font-weight: bold;
}
/* you need this for every user with a tag */
.chat_line[data-nick="mrropain"] {
line-height: 23px;
}
.chat_line[data-nick="riotwarrior"] .nick::before {
content: "Dancing Queen";
background-color: rgba(91, 1, 255, 0.33);
color: #fff;
margin-right: 5px;
padding: 2px;
border-radius: 5px;
border: 1px solid #5601AA;
font-size: 16px;
font-weight: bold;
}
.chat_line[data-nick="riotwarrior"] {
line-height: 23px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment