css config for thelounge

style

/* Font */
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700');
body {
	font-family: "SF Mono","Source Code Pro";
}

#user-specified-css-input {
	height: 1400px;
}


.irc-bold {
	text-shadow: 0 0 2px;
	font-weight: 400;
}

/* topic */
#windows #chat .header .title,
#windows #chat .header .topic{
    font-family: fixedsys excelsior;
    font-size: 16px;
}


/* Messages density */
#chat .time,
#chat .from,
#chat .content {
	padding-top: 0px;
	padding-bottom: 0px;
        line-height:1;
}

/* Show MrMoose drawings properly */
#chat .msg[data-from="MrMoose"] .time,
#chat .msg[data-from="MrMoose"] .from, 
#chat .msg[data-from="MrMoose"] .content {
        margin-top: 0px;
	margin-bottom: -5px;	
        line-height: 10px;
}

#chat .toggle-content .head {
    	text-shadow: 0 0 2px;
	font-weight: 400;
}

#chat .date-marker {
    font-weight: 400;
}

/* Add <> on nicks */
.messages .from .user:before {
	opacity: 0.5;
	content: "<";
}
.messages .from .user:after {
	opacity: 0.5;
	content: ">";
}

/* Hide thelounge logo on sidebar */
#sidebar .logo-container {
	display: none;
}

/* Compact sidebar */
#sidebar .chan {
    padding: 3px 15px !important;
}

#sidebar .chan.lobby {
    font-size: 16px;
    font-weight: 100;
    margin-left: -14px;
}

#sidebar .lobby .add-channel::before {
    font-size: 15px;
    content: "＋";
}

#sidebar .networks {
	padding: 10px 0;
}

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

/* compact userlist */
#chat .userlist .names {
    padding-top: 20px;
}

#chat .names .user {
    line-height: 1;
}

#chat .user-mode::before {
    line-height: 5px;
    padding-left: 15px;
    padding-top: 1px;
    font-size: 16px;
    opacity: 0.3;
}

#sidebar .chan, #sidebar .empty {
     padding: 5px 15px;
     font-family: "Fixedsys Excelsior";
     font-size: 16px;
     -moz-osx-font-smoothing: grayscale;
     font-weight: 200;
}

/*No nick indentation*/
#chat .content {
        padding-left: 0;
}
#chat .messages {
	display: block;
	padding: 5px 10px;
}
#chat .msg:last-child {
	height: auto;
}
#chat .time {
	display: inline;
}
#chat .from,
#chat .text {
	background: none;
	border: 0;
	display: inline;
}
#chat .from::after{
        display:none;
}
#chat .from {
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
}
#chat .wrap {
	display: inline;
}

/*Hide my nick in text field*/
#nick {
	display: none;
}

#chat .msg[data-from="PorygonZ"] div.preview  {
	display: none;
}

#chat .msg[data-from="zuck"] div.preview  {
	display: none;
}

/* Transparent join/quit/mode/nick messages */
#chat .msg.join,
#chat .msg.away,
#chat .msg.back,
#chat .msg.part,
#chat .msg.mode,
#chat .msg.nick,
#chat .msg.quit {opacity: 0.3;}

#viewport {
    padding: 2px;
}

:root {
    --body-bg-color: #252525;
    --window-bg-color: #1f1f1f;
    --highlight-bg-color: #3D3431;
}

#form {
    background-color: #303030;
}

#chat .toggle-content {
    background: #2a2a2a;
}

#chat .userlist .search {
    background-color: #303030;
}

#chat .message {
    color: #AAAAAA;
}

#windows #form, .messages .msg, .userlist {
    font-family: roboto,"fixedsys excelsior";
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
}

#chat .date-marker .unread-marker {
    font-family: "fixedsys excelsior";
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 200;
}

#chat .time {
    color: #4E4E4E;
}

/* hide quit/join messages in certain channels */

#chat-container[data-current-channel="#thelounge"] .msg[data-type="quit"],
#chat-container[data-current-channel="#thelounge"] .msg[data-type="part"],
#chat-container[data-current-channel="#thelounge"] .msg[data-type="join"] {
	display: none;
}