wiki:Development/Styles/CSS

Here is a list of CSS classes used in Colloquy and details on their functionality.

Note: List is in alphabetical order and is not necessarily complete

.action
Used for formating action input such as/me waves to furtive
.action > .member:before
Used to format the space preceding a member's name within the context of an action. As an example, if you wanted to put a * before the member's name would add the following to your code:
  .action > .member:before {
    content: "*";
  }
.action:after
Used to format the space after a member's name within the context of an action. As an example, if you wanted to put the word "is" after the member's name would add the following to your code:
  .action > .member:after {
    content: "is";
  }
.envelope
This is the text that appears next to the name of a member, normal chat dialogue text.
.error
Error messages presented by IRC.
.error:before
Used to precede an error message with text, similar to .action > .member:before
.error:after
Used to apply text after an error message, similar to .action > .member:after
.event
Formats output of events such as join and part messages.
.envelope.highlight
Used to format any messages highlighted by a keyword. For example:
  .envelope.highlight {
    background-color: hotpink;
  }
.member
This is the username.
.message
This is for /away messages and similar (is this true?)
.timestamp
Formats the timestamp.
Last modified 10 years ago Last modified on Apr 15, 2008 9:22:30 PM