/* After making edits to this, use /sync-output to reload it in chatzilla */

@import url(output-base.css);

/* The topmost container in the ChatZilla output window. */
body.chatzilla-body
{
    background: #181818;
    color: #fef1a9;
    font-family: Segoe UI !important;
    font-size: 11pt;
}

a.chatzilla-link
{
    color: #8080ff;
    text-decoration: underline;
}

.header-outer
{
    background-color: #181818;
}

.header
{
    color: #fef1a9;
    background-color: #282828;
    border: 1px #e0e0e0 solid;
    -moz-border-radius: 5px;
}

#splash
{
    color: #DDDDDD;
}

#usr-descnodes,
#ch-topicnodes
{
    color: #e0e0e0;
}

.progress-fg
{
    background-color: darkslategrey;
}

[condition]
{
    font-weight: bold;
}

[condition="red"]
{
    color: red;
}

[condition="yellow"]
{
    color: orange;
}

[condition="green"]
{
    color: #2ec908;
}

.msg[msg-type="PRIVMSG"] .msg-data,
.msg[msg-type="ACTION"] .msg-data
{
/*    background-color: #F0F0F0; */
}

.msg[msg-type="HELLO"] .msg-data a.chatzilla-link
{
    color: #d7d9dd;
}

.msg[msg-type="JOIN"] .msg-data a.chatzilla-link,
.msg[msg-type="PART"] .msg-data a.chatzilla-link
{
    font-weight: bold;
    color: #11c411;
}

.msg[msg-type="ERROR"] .msg-data a.chatzilla-link,
.msg[msg-type="DISCONNECT"] .msg-data a.chatzilla-link
{
    font-weight: bold;
    color: white;
}

.msg[msg-type="KICK"] .msg-data a.chatzilla-link
{
    color: #aa0d08;
}

.msg[msg-type="NOTICE"] .msg-data a.chatzilla-link
{
    color: #d64444;
}

.msg[msg-type="QUIT"] .msg-data a.chatzilla-link
{
    color: #c46907;
}

.chatzilla-rheet
{
    color: #e25e00 !important;
}

.chatzilla-highlight[name="Slate"]
{
    color: black;
    background: #b8c4e0;
}

.chatzilla-highlight[name="Plum"]
{
    color: black;
    background: #ddb8d0;
}

.chatzilla-highlight[name="Brown"]
{
    color: black;
    background: #ffbf77;
}

.msg-type
{                                 /* .msg-type = message type       */
    color: #686699;                         /* indicator                      */
    font-weight: bold;
}

.msg-user a.chatzilla-link,
.msg-user
{                                 /* msg-user = nickname portion of */
    color: #c080c0 !important;               /* a message (channel and query   */
}

.msg[mark="odd"] .msg-data {
}

.msg[mark="even"] .msg-data
{               /* use even/odd marks to create a */
    color: #e0e0e0;                         /* subtle brightness change when  */
}                                           /* the speaker changes.           */

.msg[msg-type="JOIN"] .msg-data,
.msg[msg-type="PART"] .msg-data
{
    color: #0e9e0e;
    background-color: #333333;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
    /*border: thin darkblue solid;*/
}

.msg[msg-type="QUIT"] .msg-data
{
    background: #333333;
    color: #ff8d02;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
}

.msg[msg-type="HELLO"] .msg-data
{
    background: #1342a5;
    color: white;
    -moz-border-radius: 5px 5px 5px 5px;
    font-weight: bold;
}

.msg[msg-type="ERROR"] .msg-data,
.msg[msg-type="DISCONNECT"] .msg-data
{
    -moz-border-radius: 5px 5px 5px 5px;
    background: #a8221e;
    color: white;
}

.msg[msg-type="USAGE"] .msg-data
{
    color: #5f5fd8;
}

.msg[msg-type="ACTION"] .msg-data
{
    color: #5f5fd8;
    font-style: italic;
}

.msg[msg-type="NICK"] .msg-data
{
    color: #4e8387;
    font-weight: bold;
}

.msg[msg-type="NOTICE"] .msg-data
{
    color: #ae4141;
    font-weight: bold;
}

.msg[msg-type="MODE"] .msg-data
{
    color: #60ff60;
    font-weight: bold;
}

.msg[msg-type="KICK"] .msg-data
{
    color: #ff1a0a;
    background: #ffdbcc;
    font-weight: bold;
    -moz-border-radius: 5px 5px 5px 5px;
}

/* important="true" means that the message has text from your /stalk list in
 * it, has your nickname in it, or was spoken by someone in your /stalk list.
 */
.msg[important="true"] .msg-user
{
    background: #8080ff;
    color: black;
    -moz-border-radius: 5px 0px 0px 5px;
}

.msg[important="true"] .msg-data
{
    background: #8080ff;
    color: black;
}

.msg[important="true"] .msg-data a
{
    color: yellow;
}

.msg[important="true"] .msg-user a.chatzilla-link,
.msg[important="true"] .msg-user:before,
.msg[important="true"] .msg-user:after
{
    color: black !important;
}

/* :before and :after pseudoclasses form the decorations around nicknames.     */
.msg-user:before,
.msg-user:after
{
    color: #777499;
}

.msg[msg-user$="ME!"] .msg-user:before,         /* the decoration around MY   */
.msg[msg-user$="ME!"] .msg-user:after
{         /* nick                       */
    color: #843c6c;
}

/* Give the userlist a black background. */
#chatzilla-window #user-list treechildren
{
    background-color: #181818 !important;
}

/* Users who've set their away status should still show up in grey, but make it a lighter grey then it'd be on a white background. */
#chatzilla-window #user-list treechildren::-moz-tree-cell-text(away-true)
{
    color: #fef1a9 !important;
}

/* All other nicknames show in white. */
#chatzilla-window #user-list treechildren::-moz-tree-cell-text(away-false)
{
    color: #e0e0e0 !important;
}

/* Rows which are selected but not focused (you clicked on a username, and then in a different pane) should be lot closer to black. */
#chatzilla-window #user-list treechildren::-moz-tree-row(selected)
{
    background-color: #424F63 !important;
}

/* While rows which are both selected and focused should be somewhat lighter to stand out more. */
#chatzilla-window #user-list treechildren::-moz-tree-row(selected, focus)
{
    background-color: #636F82 !important;
}

/* Finally the 'shadow' of the default bulbs looks too aliased against this black background. Replace with the same images photoshopped to have a darker 'shadow'. */
#chatzilla-window #user-list[mode="graphic"] treechildren::-moz-tree-image
{
    list-style-image: url("chatzilla-no-dark-graphic.png") !important;
}
#chatzilla-window #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true)
{
    list-style-image: url("chatzilla-voice-dark-graphic.png") !important;
}
#chatzilla-window #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true)
{
    list-style-image: url("chatzilla-halfop-dark-graphic.png") !important;
}
#chatzilla-window #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true)
{
    list-style-image: url("chatzilla-op-dark-graphic.png") !important;
}