Custom HipChat CSS

chat-osx-custom.css

/* Do font-size on the chat container so all font can respond to zoom. */
.chat_text {
    /* These are %-based to enable text size scaling options. The default text size is defined
        by a function on the WebPreferences object */
    font-size: 100%;
}

p, div, .nameBlock p, .messageBlock p, .messageBlock div, .messageBlock pre {
    font-size: inherit;
}

/* Overrides from chat.css */

/* em-based date divider margin */
.dateDivider {
    margin: 1.8em 0;
}
/* em-based date divider size */
.dateDivider span {
    font-size: 1.5em;
}
/* Less message padding */
.chatBlock td {
    padding: 4px 0;
}

img[name="emoticon"] {
    height:2em;
    width: auto;
    margin-top: -.4em;
    position: relative;
    top: .2em;
}

.me {
    background-color: #ecf2f8
}

.messageBlock pre * {
    font-family: inherit;
}
.messageBlock pre {
    font-family: Input;
    font-size: 80% !important;
}