LCARStrek/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-label,
  43 .header-data {
  44   color: #000000;
  45 }
  46
  47 #header-url:hover {
  48   text-decoration: underline;
  49 }
  50
  51 #outer-box {
  52 /*  margin: 5px; */
  53 }
  54
  55 #main-splitter {
  56   border: none;
  57 }
  58
  59 #input-widget,
  60 #input-widget-multiline {
  61   -moz-border-radius: 5px;
  62   border: 1px solid #9C9CFF;
  63 }
  64
  65 .highlight-menu-item:hover {
  66   color: #000000 !important;
  67   background: #008484 !important;
  68 }
  69
  70 .view-button {
  71   /* do NOT set color, at least not without background. :) */
  72 }
  73
  74 .view-button[state="current"] {
  75   font-weight: bold;
  76 }
  77
  78 .view-button[state="superfluous"] {
  79   color: #E7ADE7;
  80 }
  81
  82 .view-button[state="activity"] {
  83   color: #FFCF00;
  84 }
  85
  86 .view-button[state="attention"] {
  87   color: red;
  88 }
  89
  90 .view-button:hover {
  91   color: #000000;
  92 }
  93
  94 /* spaces after the 4th and 8th tab, so you can line them up with your Fn
  95  * keys */
  96 .view-button[viewKey="4"],
  97 .view-button[viewKey="8"] {
  98   -moz-margin-start: 5px;
  99 }
 100
 101 .header-box, .usercount-data {
 102   padding-top: 2px;
 103   padding-bottom: 2px;
 104   -moz-padding-end: 10px;
 105 }
 106
 107 #user-list {
 108   margin: 0px;
 109 }
 110
 111 #server-nick {
 112   padding-top: 5px;
 113 }
 114
 115 .header-label {
 116   font-weight: bold;
 117   text-align: right;
 118   -moz-margin-start: 10px;
 119 }
 120
 121 .header-data {
 122   text-align: left;
 123   -moz-margin-start: 5px;
 124 }
 125
 126 #channel-topic {
 127   cursor: default;
 128 }
 129
 130 #channel-topic[editable="true"] {
 131   cursor: text;
 132 }
 133
 134 .output-container {
 135   -moz-border-radius: 5px;
 136   border: 1px solid #9C9CFF;
 137 }
 138
 139 treecol {
 140   border: none;
 141 }
 142
 143 treechildren::-moz-tree-cell-text {
 144   padding-top: 1px;
 145 }
 146
 147 /* The userlist can be in one of two state.  In "symbol", the user's
 148  * channel mode is shown as a @ or + image, while in "graphic" mode, the
 149  * image is one of the LED images.
 150  */
 151
 152 /* no mode */
 153 treechildren::-moz-tree-image {
 154   list-style-image: url(chrome://chatzilla/skin/images/no-symbol.gif);
 155   -moz-margin-end: 3px;
 156 }
 157
 158 #user-list[mode="graphic"] treechildren::-moz-tree-image {
 159   list-style-image: url(chrome://chatzilla/skin/images/no-graphic.gif);
 160 }
 161
 162 /* voice */
 163 treechildren::-moz-tree-image(voice-true) {
 164   list-style-image: url(chrome://chatzilla/skin/images/voice-symbol.gif);
 165 }
 166
 167 #user-list[mode="graphic"] treechildren::-moz-tree-image(voice-true) {
 168   list-style-image: url(chrome://chatzilla/skin/images/voice-graphic.gif);
 169 }
 170
 171 /* half-chanop */
 172 treechildren::-moz-tree-image(halfop-true) {
 173   list-style-image: url(chrome://chatzilla/skin/images/halfop-symbol.gif);
 174 }
 175
 176 #user-list[mode="graphic"] treechildren::-moz-tree-image(halfop-true) {
 177   list-style-image: url(chrome://chatzilla/skin/images/halfop-graphic.gif);
 178 }
 179
 180 /* chanop */
 181 treechildren::-moz-tree-image(op-true) {
 182   list-style-image: url(chrome://chatzilla/skin/images/op-symbol.gif);
 183 }
 184
 185 #user-list[mode="graphic"] treechildren::-moz-tree-image(op-true) {
 186   list-style-image: url(chrome://chatzilla/skin/images/op-graphic.gif);
 187 }
 188
 189 .colorGrid {
 190   width: 24px;
 191   height: 16px;
 192   border: 1px solid 9C9CFF;
 193   -moz-box-align: center;
 194   -moz-box-pack: center;
 195 }
 196
 197 #colorTooltip {
 198   padding: 0px;
 199   -moz-box-align: center;
 200   -moz-box-pack: center;
 201 }