/*
 * The contents of this file are subject to the Mozilla Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *
 * The Original Code is Mozilla JSIRC Library.
 *
 * The Initial Developer of the Original Code is New Dimensions Consulting,
 * Inc. Portions created by New Dimensions Consulting, Inc. are
 * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
 * Rights Reserved.
 *
 * Contributor(s):
 *  Robert Ginda, rginda@ndcico.com, original author
 * 
 * Styles for UI, See output-default.css for output window styles
 *
 */

@import url(chrome://communicator/skin/);

window {

    width: 640px;
    height: 480px;

}

#menu-view-none {
    display: none;
}

#tabpanels-contents-box {
    margin: 3px;
}

#header-url:hover {
    text-decoration: underline;
}

#outer-box {
    margin: 5px;
}

#input-widget,
#input-widget-multiline {
    border: thin silver inset;
}

#button-multiline-expand {
    list-style-image:url("chrome://chatzilla/skin/images/multiline-expand.png");
}

#button-multiline-contract {
    list-style-image:url("chrome://chatzilla/skin/images/multiline-contract.png");
}

#button-input {
    list-style-image:url("chrome://chatzilla/skin/images/input-send.png");
}

.highlight-menu-item:hover {
    color: white !important;
    background: darkslategrey !important;
}

.view-button {
	/* do NOT set colour, at least not without background. :) */
}

.view-button[state="current"] {
    font-weight: bold;
}

.view-button[state="superfluous"] {
    color: darkblue;
}

.view-button[state="activity"] {
    color: darkgreen;
}

.view-button[state="attention"] {
    color: red;
}

/* spaces after the 4th and 8th tab, so you can line them up with your Fn
 * keys */
.view-button[viewKey="4"],
.view-button[viewKey="8"] {
    margin-left: 5px;
}

.header-box, .usercount-data {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 10px;
}

#user-list {
    margin: 0px;
}

#server-nick {
    padding-top: 5px;
}

.header-label {
    font-weight: bold;
    text-align: right;
    margin-left: 10px;
}

.header-data {
    text-align: left;
    margin-left: 5px;
}

#channel-topic {
    cursor: default;
}

#channel-topic[editable="true"] {
    cursor: text;
}

.output-container {
    border: thin silver inset;
}

treecol { 
    border: none;
}

/* we need to define both the : and :: versions of the treechildren selector
 *  so that we work on both 1.5 and pre 1.5 builds.
 *
 * The userlist can be in one of two state.  In "symbol", the user's
 * channel mode is shown as a @ or + image, while in "graphic" mode, the
 * image is one of the LED images.
 */

/* no mode */
treechildren:-moz-tree-image {
    list-style-image: url(chrome://chatzilla/skin/images/no-symbol.png);
}

treechildren::-moz-tree-image {
    list-style-image: url(chrome://chatzilla/skin/images/no-symbol.png);
}

#user-list[mode="graphic"] treechildren:-moz-tree-image {
    list-style-image: url(chrome://chatzilla/skin/images/no-graphic.png);
}

#user-list[mode="graphic"] treechildren::-moz-tree-image {
    list-style-image: url(chrome://chatzilla/skin/images/no-graphic.png);
}

/* voice */
treechildren:-moz-tree-image(voice-true) {
    list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.png);
}

treechildren::-moz-tree-image(voice-true) {
    list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.png);
}

#user-list[mode="graphic"] treechildren:-moz-tree-image(voice-true) {
    list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.png);
}

#user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
    list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.png);
}

/* half-chanop */
treechildren:-moz-tree-image(halfop-true) {
    list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.png);
}

treechildren::-moz-tree-image(halfop-true) {
    list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.png);
}

#user-list[mode="graphic"] treechildren:-moz-tree-image(halfop-true) {
    list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.png);
}

#user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
    list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.png);
}

/* chanop */
treechildren:-moz-tree-image(op-true) {
    list-style-image: url(chrome://chatzilla/skin/images/op-symbol.png);
}

treechildren::-moz-tree-image(op-true) {
    list-style-image: url(chrome://chatzilla/skin/images/op-symbol.png);
}

#user-list[mode="graphic"] treechildren:-moz-tree-image(op-true) {
    list-style-image: url(chrome://chatzilla/skin/images/op-graphic.png);
}

#user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
    list-style-image: url(chrome://chatzilla/skin/images/op-graphic.png);
}

.colorGrid
{
    width: 24px;
    height: 16px;
    border: 1px solid black;
    -moz-box-align: center;
    -moz-box-pack: center;
}

#colorTooltip
{
    padding: 0px;
    -moz-box-align: center;
    -moz-box-pack: center;
}