A nice CSS for the chat overlay!

[Izlsnizzt]

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.