|
Hola,
i thought to create a thread related to user-developed custom stylesheet(s) for Lounge IRC.
I’ll include mine below this text for an original reference.
I came up with the custom coding after searching the web and messing about for thirty minutes this morning. Also bothered Squishy a few times :-p... I may add/modify elements in the future but this is what I came up with initially.
textarea#user-specified-css-input {font-size: 7px;}
body {font-family: "Palatino";}
#sidebar .channel {
padding: 1px 7px;
}
#sidebar .channel {
margin-bottom: 5px;
}
#sidebar {
width: 180px;
}
.channel-list-item {
padding: 1px 0;
}
.close-tooltip {
display: none;
}
#chat .msg[data-type="message"] .from .user::before {
content: "<";
}
#chat .msg[data-type="message"] .from .user::after {
content: ">";
}
#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 {
width: auto;
padding-left: 5px;
padding-right: 5px;
-webkit-mask-image: none;
mask-image: none;
}
#chat .userlist {
width: 125px;
}
#chat .self .content {
color: lightgrey;
}
#chat .content span[class*="irc-"] {
color: inherit;
background-color: inherit;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-decoration: inherit;
}
#chat .time,
#chat .from,
#chat .content {
padding-top: 1px;
padding-bottom: 1px;
}
#chat .toggle-content .thumb {
max-width: 200px;
max-height: 200px;
}
#chat .toggle-text {
/* Larger images means that there is more than one line of space available for
the description, so it can wrap to multiple lines */
white-space: initial;
}
#chat .msg[data-type="action"] .from::before,
#chat .msg[data-type="action"] .from,
#chat .msg[data-type="action"] .content,
#chat .msg[data-type="action"] .user {
font-style: italic;
}
|
