The Lounge 4.2.0 Custom Stylesheet

thelounge4.css

/* Bigger CSS Input Field */
#user-specified-css-input {
	height: 400px;
}

#sidebar {
	width: 180px;
}

.channel-list-item.active .close-tooltip {
	display: none;
}

.channel-list-item.not-secure {
        color: #84ce88;
}

.channel-list-item .not-secure-tooltip {
        display: none;
}

#sidebar .network {
	margin-bottom: 10px;
}

.channel-list-item {
	padding: 5px 15px;
}

/* Change the font to something useful */
/*#chat {
    font-family: "Courier", sans-serif;
}
#form #input {
    font-family: "Courier", sans-serif;
}*/

@media (min-width: 920px) {
    #chat .from {
        min-width: 200px;
    }
}

@media (max-width: 768px) {
    #chat .from {
        text-align: center;
    }
}

#chat .highlight > .from {
    min-width: 128px;
}

#chat.show-seconds .time {
    width: 90px !important;
text-align: center;
}

@media (max-width: 768px) {
#chat .content {
	padding-left: 0;
}
#chat .messages {
	display: block;
}
#chat .time {
	display: inline;
}
#chat .from,
#chat .text {
	background: none;
	border: 0;
	display: inline;
}
#chat .from {
    min-width: 75px;
}

#chat .from {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
	-webkit-mask-image: none;
	mask-image: none;
}
#chat .highlight > .from {
width: auto;
}
}