My custom Colloquy style

Colloquy Custom.css

/*
http://colloquy.info/project/wiki/Development/Styles/CSS
*/

/* Style based on Bland theme */

body {
}

.envelope {
  margin: 8px 4px;
  border: 1px solid #CCC;
  border-radius: 5px;
}
.envelope .timestamp {
  display: block;
  color: #AAA;
  padding: 5px 5px;
  font-size: .8em;
}

.envelope > .member {
  right: 0;
  font-weight: 500;
  padding: 5px 5px;
  /*background-color: #F2F2F2;*/
}

.envelope > .member::after {
  content: ":";
}

.envelope > .member::before {
  content: "";
}

.envelope .message {
  padding: 5px 5px;
  border-right: 1px solid #EEE;
}

.envelope .message a.member {
  font-weight: 600;
  font-style: italic;
  margin-left: 1px;
  margin-right: 1px;
}

.envelope .message a.member.highlight {
}

.envelope .message a.member:before {
  content: "@";
}

.envelope.highlight {
  border: 1px solid #88B166;
}

.envelope.highlight, 
.envelope.highlight a.member, 
.envelope.highlight .timestamp {
  background-color: #dff0d8 !important;
}

.envelope.highlight .message {
  border-right-color: #d6e9c6;
}

.envelope.highlight .timestamp {
  color: #468847;
}

.event {
  display: block;
  color: #DDD;
  margin: 0 10% 0 10%;
  font-size: .1em !important;
}

.event .hostmask, 
.event .reason {
  display: none;
}

.event .member {
  color: #AAA;
}

.event a {
  color: #BBB;
}

.hostmask {
  display: inline;
}


/*.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.*/