EarlyBlue/chatzilla/chatzilla.css

   1 /*
   2  * The contents of this file are subject to the Mozilla Public
   3  * License Version 1.1 (the "License"); you may not use this file
   4  * except in compliance with the License. You may obtain a copy of
   5  * the License at http://www.mozilla.org/MPL/
   6  *
   7  * Software distributed under the License is distributed on an "AS
   8  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
   9  * implied. See the License for the specific language governing
  10  * rights and limitations under the License.
  11  *
  12  * The Original Code is Mozilla JSIRC Library.
  13  *
  14  * The Initial Developer of the Original Code is New Dimensions Consulting,
  15  * Inc. Portions created by New Dimensions Consulting, Inc. are
  16  * Copyright (C) 1999 New Dimenstions Consulting, Inc. All
  17  * Rights Reserved.
  18  *
  19  * Contributor(s):
  20  *  Robert Ginda, rginda@ndcico.com, original author
  21  *  Robert Kaiser, KaiRo@KaiRo.at, skinning
  22  *
  23  * Styles for UI, See output-default.css for output window styles
  24  *
  25  */
  26
  27 @import url(chrome://communicator/skin/);
  28
  29 window {
  30   width: 640px;
  31   height: 480px;
  32 }
  33
  34 #menu-view-none {
  35   display: none;
  36 }
  37
  38 #tabpanels-contents-box {
  39   margin: 3px;
  40 }
  41
  42 #header-url:hover {
  43   text-decoration: underline;
  44 }
  45
  46 #outer-box {
  47 /*  margin: 5px; */
  48   margin-left: 2px;
  49   margin-bottom: 2px;
  50 }
  51
  52 #main-splitter {
  53   min-width: 6px;
  54   border: none;
  55 }
  56
  57 #header-bar-tbar {
  58   border-bottom: none;
  59 }
  60
  61 #input-widget,
  62 #input-widget-multiline {
  63   border: 1px inset #CCD0DD;
  64 }
  65
  66 .highlight-menu-item:hover {
  67   color: #000000 !important;
  68   background: #336699 !important;
  69 }
  70
  71 .view-button {
  72   /* do NOT set color, at least not without background. :) */
  73 }
  74
  75 .view-button[state="current"] {
  76   font-weight: bold;
  77 }
  78
  79 .view-button[state="superfluous"] {
  80   color: #666699;
  81 }
  82
  83 .view-button[state="activity"] {
  84   color: #336699;
  85 }
  86
  87 .view-button[state="attention"] {
  88   color: red;
  89 }
  90
  91 /* spaces after the 4th and 8th tab, so you can line them up with your Fn
  92  * keys */
  93 .view-button[viewKey="4"],
  94 .view-button[viewKey="8"] {
  95   margin-left: 5px;
  96 }
  97
  98 .header-box, .usercount-data {
  99   padding-top: 2px;
 100   padding-bottom: 2px;
 101   padding-right: 10px;
 102 }
 103
 104 #user-list {
 105   margin: 0px;
 106 }
 107
 108 #server-nick {
 109   padding-top: 5px;
 110 }
 111
 112 .header-label {
 113   font-weight: bold;
 114   text-align: right;
 115   margin-left: 10px;
 116 }
 117
 118 .header-data {
 119   text-align: left;
 120   margin-left: 5px;
 121 }
 122
 123 #channel-topic {
 124   cursor: default;
 125 }
 126
 127 #channel-topic[editable="true"] {
 128   cursor: text;
 129 }
 130
 131 .output-container {
 132   border: 1px inset #CCD0DD;
 133 }
 134
 135 treecol {
 136   border: none;
 137 }
 138
 139 treechildren::-moz-tree-cell-text {
 140   padding-top: 1px;
 141 }
 142
 143 /* The userlist can be in one of two state.  In "symbol", the user's
 144  * channel mode is shown as a @ or + image, while in "graphic" mode, the
 145  * image is one of the LED images.
 146  */
 147
 148 /* no mode */
 149 treechildren::-moz-tree-image {
 150   list-style-image: url(chrome://chatzilla/skin/images/no-symbol.gif);
 151   margin-right: 3px;
 152 }
 153
 154 #user-list[mode="graphic"] treechildren::-moz-tree-image {
 155   list-style-image: url(chrome://chatzilla/skin/images/no-graphic.gif);
 156 }
 157
 158 /* voice */
 159 treechildren::-moz-tree-image(voice-true) {
 160   list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.gif);
 161 }
 162
 163 #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
 164   list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.gif);
 165 }
 166
 167 /* half-chanop */
 168 treechildren::-moz-tree-image(halfop-true) {
 169   list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.gif);
 170 }
 171
 172 #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
 173   list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.gif);
 174 }
 175
 176 /* chanop */
 177 treechildren::-moz-tree-image(op-true) {
 178   list-style-image: url(chrome://chatzilla/skin/images/op-symbol.gif);
 179 }
 180
 181 #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
 182   list-style-image: url(chrome://chatzilla/skin/images/op-graphic.gif);
 183 }
 184
 185 .colorGrid {
 186   width: 24px;
 187   height: 16px;
 188   border: 1px solid black;
 189   -moz-box-align: center;
 190   -moz-box-pack: center;
 191 }
 192
 193 #colorTooltip {
 194   padding: 0px;
 195   -moz-box-align: center;
 196   -moz-box-pack: center;
 197 }