Skip to content

Instantly share code, notes, and snippets.

@iiiGerardoiii

iiiGerardoiii/style

Last active Apr 19, 2020
Embed
What would you like to do?
css config for thelounge
/* 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.