Author Topic: A nice CSS for the chat overlay!  (Read 4009 times)

0 Members and 2 Guests are viewing this topic.

Izlsnizzt

  • Guest
A nice CSS for the chat overlay!
« 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.

« Last Edit: July 23, 2014, 03:02:40 AM by Dante557 »