update preview with a real suiterunner EarlyBlue shot in the right size, kill content...

[themes.git] / EarlyBlue / chatzilla / chatzilla.css

/*
 * 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
 *  Robert Kaiser, KaiRo@KaiRo.at, skinning
 * 
 * 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; */
  margin-left: 2px;
  margin-bottom: 2px;
}

#main-splitter {
  min-width: 6px;
  border: none;
}

#header-bar-tbar {
  border-bottom: none;
}

#input-widget,
#input-widget-multiline {
  border: 1px inset #CCD0DD;
}

.highlight-menu-item:hover {
  color: #000000 !important;
  background: #336699 !important;
}

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

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

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

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

.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: 1px inset #CCD0DD;
}

treecol {
  border: none;
}

treechildren::-moz-tree-cell-text {
  padding-top: 1px;
}

/* 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.gif);
  margin-right: 3px;
}

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

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

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

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

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

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

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

.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;
}