EarlyBlue/editor/skin/editorFormatToolbar.css

   1 /*
   2  * The contents of this file are subject to the Netscape 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/NPL/
   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 Communicator client code, released
  13  * March 31, 1998.
  14  *
  15  * The Initial Developer of the Original Code is Netscape
  16  * Communications Corporation. Portions created by Netscape are
  17  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18  * Rights Reserved.
  19  *
  20  * Contributor(s):
  21  */
  22
  23 #FormatToolbar {
  24   border-bottom: 1px solid #9999CC;
  25 }
  26
  27 #boldButton {
  28   list-style-image:url(chrome://editor/skin/images/bold.gif);
  29 }
  30
  31 #smileButtonMenu {
  32   list-style-image:url("chrome://editor/skin/images/smile.gif");
  33 }
  34
  35 #smileButtonMenu[disabled="true"]  {
  36         list-style-image:url("chrome://editor/skin/images/smile_disabled.gif");
  37 }
  38
  39 .insert-smile > .menu-iconic-left {
  40   list-style-image:url(chrome://editor/skin/images/smile_n.gif);
  41 }
  42
  43 .insert-tongue > .menu-iconic-left {
  44   list-style-image:url(chrome://editor/skin/images/tongue_n.gif);
  45 }
  46
  47 .insert-frown > .menu-iconic-left {
  48   list-style-image:url(chrome://editor/skin/images/frown_n.gif);
  49  }
  50
  51 .insert-wink > .menu-iconic-left {
  52   list-style-image:url(chrome://editor/skin/images/wink_n.gif);
  53  }
  54
  55 .insert-laughing > .menu-iconic-left {
  56   list-style-image:url(chrome://editor/skin/images/laughing_n.gif);
  57  }
  58
  59 .insert-embarrassed > .menu-iconic-left {
  60   list-style-image:url(chrome://editor/skin/images/embarrassed_n.gif);
  61  }
  62
  63
  64 .insert-undecided > .menu-iconic-left {
  65   list-style-image:url(chrome://editor/skin/images/undecided_n.gif);
  66 }
  67
  68 .smiley > .menu-iconic-left {
  69
  70     margin-right: 15px;
  71 }
  72
  73
  74 #italicButton {
  75   list-style-image:url(chrome://editor/skin/images/italic.gif);
  76 }
  77
  78 #underlineButton {
  79   list-style-image:url(chrome://editor/skin/images/underline.gif);
  80 }
  81
  82 #DecreaseFontSizeButton {
  83         list-style-image:url("chrome://editor/skin/images/dec-font-size.gif");
  84 }
  85
  86 #IncreaseFontSizeButton {
  87         list-style-image:url("chrome://editor/skin/images/inc-font-size.gif");
  88 }
  89
  90 #ulButton {
  91         list-style-image:url("chrome://editor/skin/images/bullets.gif");
  92 }
  93 #olButton {
  94         list-style-image:url("chrome://editor/skin/images/numbers.gif");
  95 }
  96 #outdentButton {
  97         list-style-image:url("chrome://editor/skin/images/outdent.gif");
  98 }
  99 #outdentButton[disabled="true"] {
 100         list-style-image:url("chrome://editor/skin/images/outdent_dis.gif");
 101 }
 102
 103 #indentButton {
 104         list-style-image:url("chrome://editor/skin/images/indent.gif");
 105 }
 106
 107 #AlignPopupButton {
 108         list-style-image:url("chrome://editor/skin/images/align.gif");
 109 }
 110
 111 #AlignPopupButton > .button-internal-box {
 112         border:1px solid transparent;
 113 }
 114 #AlignPopupButton:hover > .button-internal-box {
 115         border:1px outset #CCD0DD;
 116 }
 117 #AlignPopupButton:active > .button-internal-box,
 118 #AlignPopupButton[open="true"] > .button-internal-box {
 119         border:1px inset #CCD0DD;
 120 }
 121
 122 #InsertPopupButton {
 123         list-style-image:url("chrome://editor/skin/images/object-popup.gif");
 124 }
 125
 126 #text-align-left,
 127 #align-left-button
 128   {
 129           list-style-image      : url("chrome://editor/skin/images/left.gif");
 130   }
 131
 132 #text-align-left[disabled="true"],
 133 #text-align-left[disabled="true"]:hover,
 134 #text-align-left[disabled="true"]:hover:active,
 135 #align-left-button[disabled="true"],
 136 #align-left-button[disabled="true"]:hover,
 137 #align-left-button[disabled="true"]:hover:active,
 138   {
 139     list-style-image      : url("chrome://editor/skin/images/left-disabled.gif");
 140   }
 141
 142 #text-align-center,
 143 #align-center-button
 144   {
 145           list-style-image      : url("chrome://editor/skin/images/center.gif");
 146   }
 147
 148 #text-align-center[disabled="true"],
 149 #text-align-center[disabled="true"]:hover,
 150 #text-align-center[disabled="true"]:hover:active,
 151 #align-center-button[disabled="true"],
 152 #align-center-button[disabled="true"]:hover,
 153 #align-center-button[disabled="true"]:hover:active
 154   {
 155     list-style-image      : url("chrome://editor/skin/images/center-disabled.gif");
 156   }
 157
 158 #text-align-right,
 159 #align-right-button
 160   {
 161           list-style-image      : url("chrome://editor/skin/images/right.gif");
 162   }
 163
 164 #text-align-right[disabled="true"],
 165 #text-align-right[disabled="true"]:hover,
 166 #text-align-right[disabled="true"]:hover:active
 167 #align-right-button[disabled="true"],
 168 #align-right-button[disabled="true"]:hover,
 169 #align-right-button[disabled="true"]:hover:active
 170  {
 171     list-style-image      : url("chrome://editor/skin/images/right-disabled.gif");
 172   }
 173
 174 #text-align-justify, #align-justify-button
 175   {
 176           list-style-image      : url("chrome://editor/skin/images/justify.gif");
 177   }
 178
 179 #text-align-justify[disabled="true"],
 180 #text-align-justify[disabled="true"]:hover,
 181 #text-align-justify[disabled="true"]:hover:active
 182 #align-justify-button[disabled="true"],
 183 #align-justify-button[disabled="true"]:hover,
 184 #align-justify-button[disabled="true"]:hover:active
 185  {
 186     list-style-image      : url("chrome://editor/skin/images/justify-disabled.gif");
 187   }
 188
 189 .ColorPickerLabel {
 190   border:     1px inset white;
 191   margin:     0px;
 192   padding:    2px;
 193   -moz-box-pack: center;
 194 }
 195
 196 /* TODO: How to make inset color skinable? */
 197 .color-button {
 198   border: 1px inset #CCD0DD;
 199   padding: 0px;
 200   width:  19px;
 201   height: 19px;
 202   margin:  1px;
 203 }
 204
 205 .color-button:hover {
 206   border:  1px solid #666699;
 207 }
 208
 209 #TextColorPopupButton {
 210   margin: 2px 9px 9px 2px;
 211 }
 212
 213 #BackColorPopupButton {
 214   margin: 9px 2px 2px 9px;
 215 }
 216
 217
 218
 219 #FormatToolbar > button,
 220 #FormatToolbar > button:hover,
 221 #FormatToolbar > button:active,
 222 #FormatToolbar > button[disabled="true"] {
 223         margin: 0px 3px 0px 0px;
 224         border: none;
 225         min-width: 23px;
 226         min-height: 23px;
 227 }
 228 #FormatToolbar > button > .button-internal-box {
 229         margin: 0px;
 230         padding: 1px;
 231         border: 1px solid transparent;
 232         -moz-box-pack: center;
 233 }
 234 #FormatToolbar > button:hover > .button-internal-box {
 235         border: 1px outset #CCD0DD;
 236 }
 237 #FormatToolbar > button:active > .button-internal-box {
 238         padding: 2px 0px 0px 2px;
 239         border: 1px inset #CCD0DD;
 240 }
 241 #FormatToolbar > button[disabled="true"] > .button-internal-box {
 242         border: 1px solid transparent;
 243 }
 244
 245 #FormatToolbar > button > .button-internal-box > .button-text-container
 246   {
 247     display               : none;
 248   }
 249
 250
 251