Deep Bot - Twitch Streamer Assistant

Deep Bot => Custom Notifications => Topic started by: Izlsnizzt on July 05, 2014, 05:28:47 AM

Title: A nice CSS for the chat overlay!
Post by: Izlsnizzt on July 05, 2014, 05:28:47 AM

Slightly larger fonts and better shadowing, good if you keep your chat overlay on the smaller side.

Code: [Select]

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

.chat_line .message {
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 20px;
    font-family: Lao UI, Arial, Sans-Serif;
}

.chat_line .nick {
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 20px;
    font-family: Lao UI, Arial, Sans-Serif;
    font-weight: bold;
}
An example in a 720p window.

(http://puu.sh/9X1iW/9fc68dcc54.png)