EarlyBlue/skin/EarlyBlue/editor/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 > toolbarbutton {
  24   min-width: 18px;
  25 }
  26
  27 #FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text {
  28   display: none;
  29 }
  30
  31 #boldButton
  32   {
  33     list-style-image      : url(chrome://editor/skin/images/bold.gif);
  34   }
  35
  36 #boldButton[disabled="true"],
  37 #boldButton[disabled="true"]:hover,
  38 #boldButton[disabled="true"]:hover:active
  39   {
  40     list-style-image      : url("chrome://editor/skin/images/bold-disabled.gif");
  41   }
  42
  43 /*
  44 #boldButton:hover
  45   {
  46     list-style-image      : url("chrome://editor/skin/images/bold-hover.gif");
  47   }
  48
  49 #boldButton:hover:active
  50   {
  51     list-style-image      : url("chrome://editor/skin/images/bold-hover-active.gif");
  52   }
  53 */
  54
  55 #smileButtonMenu {
  56   list-style-image:url("chrome://editor/skin/images/smile.gif");
  57 }
  58
  59 #smileButtonMenu[disabled="true"],
  60 #smileButtonMenu[disabled="true"]:hover,
  61 #smileButtonMenu[disabled="true"]:hover:active  {
  62         list-style-image:url("chrome://editor/skin/images/smile-disabled.gif");
  63 }
  64
  65 .insert-smile > .menu-iconic-left {
  66   list-style-image:url(chrome://global/skin/smiley/smile_n.gif);
  67 }
  68
  69 .insert-tongue > .menu-iconic-left {
  70   list-style-image:url(chrome://global/skin/smiley/tongue_n.gif);
  71 }
  72
  73 .insert-frown > .menu-iconic-left {
  74   list-style-image:url(chrome://global/skin/smiley/frown_n.gif);
  75  }
  76
  77 .insert-wink > .menu-iconic-left {
  78   list-style-image:url(chrome://global/skin/smiley/wink_n.gif);
  79  }
  80
  81 .insert-laughing > .menu-iconic-left {
  82   list-style-image:url(chrome://global/skin/smiley/laughing_n.gif);
  83  }
  84
  85 .insert-embarrassed > .menu-iconic-left {
  86   list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif);
  87  }
  88
  89
  90 .insert-undecided > .menu-iconic-left {
  91   list-style-image:url(chrome://global/skin/smiley/undecided_n.gif);
  92 }
  93
  94 .smiley > .menu-iconic-left {
  95
  96     margin-right: 15px;
  97 }
  98
  99
 100
 101 #italicButton
 102   {
 103     list-style-image      : url("chrome://editor/skin/images/italic.gif");
 104   }
 105
 106 #italicButton[disabled="true"],
 107 #italicButton[disabled="true"]:hover,
 108 #italicButton[disabled="true"]:hover:active
 109   {
 110     list-style-image      : url("chrome://editor/skin/images/italic-disabled.gif");
 111   }
 112
 113 /*
 114 #italicButton:hover
 115   {
 116     list-style-image      : url("chrome://editor/skin/images/italic-hover.gif");
 117   }
 118
 119 #italicButton:hover:active
 120   {
 121     list-style-image      : url("chrome://editor/skin/images/italic-hover-active.gif");
 122   }
 123 */
 124
 125 #underlineButton
 126   {
 127           list-style-image      : url("chrome://editor/skin/images/underline.gif");
 128   }
 129
 130 #underlineButton[disabled="true"],
 131 #underlineButton[disabled="true"]:hover,
 132 #underlineButton[disabled="true"]:hover:active
 133   {
 134     list-style-image      : url("chrome://editor/skin/images/underline-disabled.gif");
 135   }
 136
 137 /*
 138 #underlineButton:hover
 139   {
 140     list-style-image      : url("chrome://editor/skin/images/underline-hover.gif");
 141   }
 142
 143 #underlineButton:hover:active
 144   {
 145     list-style-image      : url("chrome://editor/skin/images/underline-hover-active.gif");
 146   }
 147 */
 148
 149 #DecreaseFontSizeButton
 150   {
 151           list-style-image      : url("chrome://editor/skin/images/dec-font-size.gif");
 152   }
 153
 154 #DecreaseFontSizeButton[disabled="true"],
 155 #DecreaseFontSizeButton[disabled="true"]:hover,
 156 #DecreaseFontSizeButton[disabled="true"]:hover:active
 157   {
 158     list-style-image      : url("chrome://editor/skin/images/dec-font-size-disabled.gif");
 159   }
 160
 161 /*
 162 #DecreaseFontSizeButton:hover
 163   {
 164     list-style-image      : url("chrome://editor/skin/images/dec-font-size-hover.gif");
 165   }
 166
 167 #DecreaseFontSizeButton:hover:active
 168   {
 169     list-style-image      : url("chrome://editor/skin/images/dec-font-size-hover-active.gif");
 170   }
 171 */
 172
 173 #IncreaseFontSizeButton
 174   {
 175           list-style-image      : url("chrome://editor/skin/images/inc-font-size.gif");
 176   }
 177
 178 #IncreaseFontSizeButton[disabled="true"],
 179 #IncreaseFontSizeButton[disabled="true"]:hover,
 180 #IncreaseFontSizeButton[disabled="true"]:hover:active
 181   {
 182     list-style-image      : url("chrome://editor/skin/images/inc-font-size-disabled.gif");
 183   }
 184
 185 /*
 186 #IncreaseFontSizeButton:hover
 187   {
 188     list-style-image      : url("chrome://editor/skin/images/inc-font-size-hover.gif");
 189   }
 190
 191 #IncreaseFontSizeButton:hover:active
 192   {
 193     list-style-image      : url("chrome://editor/skin/images/inc-font-size-hover-active.gif");
 194   }
 195 */
 196
 197 #ulButton
 198   {
 199           list-style-image      :url("chrome://editor/skin/images/bullets.gif");
 200   }
 201
 202 #ulButton[disabled="true"],
 203 #ulButton[disabled="true"]:hover,
 204 #ulButton[disabled="true"]:hover:active
 205   {
 206     list-style-image      : url("chrome://editor/skin/images/bullets-disabled.gif");
 207   }
 208
 209 /*
 210 #ulButton:hover
 211   {
 212     list-style-image      : url("chrome://editor/skin/images/bullets-hover.gif");
 213   }
 214
 215 #ulButton:hover:active
 216   {
 217     list-style-image      : url("chrome://editor/skin/images/bullets-hover-active.gif");
 218   }
 219 */
 220
 221 #olButton
 222   {
 223           list-style-image      : url("chrome://editor/skin/images/numbers.gif");
 224   }
 225
 226 #olButton[disabled="true"],
 227 #olButton[disabled="true"]:hover,
 228 #olButton[disabled="true"]:hover:active
 229   {
 230     list-style-image      : url("chrome://editor/skin/images/numbers-disabled.gif");
 231   }
 232
 233 /*
 234 #olButton:hover
 235   {
 236     list-style-image      : url("chrome://editor/skin/images/numbers-hover.gif");
 237   }
 238
 239 #olButton:hover:active
 240   {
 241     list-style-image      : url("chrome://editor/skin/images/numbers-hover-active.gif");
 242   }
 243 */
 244
 245 #outdentButton
 246   {
 247           list-style-image      : url("chrome://editor/skin/images/outdent.gif");
 248   }
 249
 250 #outdentButton[disabled="true"],
 251 #outdentButton[disabled="true"]:hover,
 252 #outdentButton[disabled="true"]:hover:active
 253   {
 254     list-style-image      : url("chrome://editor/skin/images/outdent-disabled.gif");
 255   }
 256
 257 /*
 258 #outdentButton:hover
 259   {
 260     list-style-image      : url("chrome://editor/skin/images/outdent-hover.gif");
 261   }
 262
 263 #outdentButton:hover:active
 264   {
 265     list-style-image      : url("chrome://editor/skin/images/outdent-hover-active.gif");
 266   }
 267 */
 268
 269 #indentButton
 270   {
 271           list-style-image      : url("chrome://editor/skin/images/indent.gif");
 272   }
 273
 274 #indentButton[disabled="true"],
 275 #indentButton[disabled="true"]:hover,
 276 #indentButton[disabled="true"]:hover:active
 277   {
 278     list-style-image      : url("chrome://editor/skin/images/indent-disabled.gif");
 279   }
 280
 281 /*
 282 #indentButton:hover
 283   {
 284     list-style-image      : url("chrome://editor/skin/images/indent-hover.gif");
 285   }
 286
 287 #indentButton:hover:active
 288   {
 289     list-style-image      : url("chrome://editor/skin/images/indent-hover-active.gif");
 290   }
 291 */
 292
 293 #AlignPopupButton {
 294         list-style-image        : url("chrome://editor/skin/images/align.gif");
 295 }
 296
 297 #AlignPopupButton[disabled="true"],
 298 #AlignPopupButton[disabled="true"]:hover,
 299 #AlignPopupButton[disabled="true"]:hover:active {
 300         list-style-image        : url("chrome://editor/skin/images/align-disabled.gif");
 301 }
 302
 303 /*
 304 #AlignPopupButton:hover {
 305         list-style-image        : url("chrome://editor/skin/images/align-hover.gif");
 306 }
 307
 308 #AlignPopupButton:hover:active,
 309 #AlignPopupButton[open="true"] {
 310         list-style-image        : url("chrome://editor/skin/images/align-hover-active.gif");
 311 }
 312 */
 313
 314 #InsertPopupButton {
 315         list-style-image        : url("chrome://editor/skin/images/insert.gif");
 316 }
 317
 318 #InsertPopupButton[disabled="true"],
 319 #InsertPopupButton[disabled="true"]:hover,
 320 #InsertPopupButton[disabled="true"]:hover:active {
 321         list-style-image        : url("chrome://editor/skin/images/insert-disabled.gif");
 322 }
 323
 324 /*
 325 #InsertPopupButton:hover {
 326         list-style-image        : url("chrome://editor/skin/images/insert-hover.gif");
 327 }
 328
 329 #InsertPopupButton:hover:active,
 330 #InsertPopupButton[open="true"] {
 331         list-style-image        : url("chrome://editor/skin/images/insert-hover-active.gif");
 332 }
 333 */
 334
 335 #text-align-left,
 336 #align-left-button
 337   {
 338           list-style-image      : url("chrome://editor/skin/images/left.gif");
 339   }
 340
 341 #text-align-left[disabled="true"],
 342 #text-align-left[disabled="true"]:hover,
 343 #text-align-left[disabled="true"]:hover:active,
 344 #align-left-button[disabled="true"],
 345 #align-left-button[disabled="true"]:hover,
 346 #align-left-button[disabled="true"]:hover:active
 347   {
 348     list-style-image      : url("chrome://editor/skin/images/left-disabled.gif");
 349   }
 350
 351 /*
 352 #text-align-left:hover,
 353 #align-left-button:hover
 354   {
 355     list-style-image      : url("chrome://editor/skin/images/left-hover.gif");
 356   }
 357
 358 #text-align-left:hover:active,
 359 #align-left-button:hover:active
 360   {
 361     list-style-image      : url("chrome://editor/skin/images/left-hover-active.gif");
 362   }
 363 */
 364
 365 #text-align-center,
 366 #align-center-button
 367   {
 368           list-style-image      : url("chrome://editor/skin/images/center.gif");
 369   }
 370
 371 #text-align-center[disabled="true"],
 372 #text-align-center[disabled="true"]:hover,
 373 #text-align-center[disabled="true"]:hover:active,
 374 #align-center-button[disabled="true"],
 375 #align-center-button[disabled="true"]:hover,
 376 #align-center-button[disabled="true"]:hover:active
 377   {
 378     list-style-image      : url("chrome://editor/skin/images/center-disabled.gif");
 379   }
 380
 381 /*
 382 #text-align-center:hover,
 383 #align-center-button:hover
 384   {
 385     list-style-image      : url("chrome://editor/skin/images/center-hover.gif");
 386   }
 387
 388 #text-align-center:hover:active,
 389 #align-center-button:hover:active
 390   {
 391     list-style-image      : url("chrome://editor/skin/images/center-hover-active.gif");
 392   }
 393 */
 394
 395 #text-align-right,
 396 #align-right-button
 397   {
 398           list-style-image      : url("chrome://editor/skin/images/right.gif");
 399   }
 400
 401 #text-align-right[disabled="true"],
 402 #text-align-right[disabled="true"]:hover,
 403 #text-align-right[disabled="true"]:hover:active
 404 #align-right-button[disabled="true"],
 405 #align-right-button[disabled="true"]:hover,
 406 #align-right-button[disabled="true"]:hover:active
 407  {
 408     list-style-image      : url("chrome://editor/skin/images/right-disabled.gif");
 409   }
 410
 411 /*
 412 #text-align-right:hover,
 413 #align-right-button:hover
 414   {
 415     list-style-image      : url("chrome://editor/skin/images/right-hover.gif");
 416   }
 417
 418 #text-align-right:hover:active,
 419 #align-right-button:hover:active
 420   {
 421     list-style-image      : url("chrome://editor/skin/images/right-hover-active.gif");
 422   }
 423 */
 424
 425 #text-align-justify, #align-justify-button
 426   {
 427           list-style-image      : url("chrome://editor/skin/images/justify.gif");
 428   }
 429
 430 #text-align-justify[disabled="true"],
 431 #text-align-justify[disabled="true"]:hover,
 432 #text-align-justify[disabled="true"]:hover:active
 433 #align-justify-button[disabled="true"],
 434 #align-justify-button[disabled="true"]:hover,
 435 #align-justify-button[disabled="true"]:hover:active
 436  {
 437     list-style-image      : url("chrome://editor/skin/images/justify-disabled.gif");
 438   }
 439
 440 /*
 441 #text-align-justify:hover,
 442 #align-justify-button:hover
 443   {
 444     list-style-image      : url("chrome://editor/skin/images/justify-hover.gif");
 445   }
 446
 447 #text-align-justify:hover:active,
 448 #align-justify-button:hover:active
 449   {
 450     list-style-image      : url("chrome://editor/skin/images/justify-hover-active.gif");
 451   }
 452 */
 453
 454 .ColorPickerLabel
 455   {
 456     border                : 1px inset white;
 457     margin                : 0px;
 458     padding               : 2px;
 459   }
 460
 461 .color-button
 462   {
 463     border                : 1px inset #CCD0DD;
 464     padding               : 0px;
 465     width                 : 14px;
 466     height                : 12px;
 467     margin                : 2px;
 468   }
 469
 470 .color-button:hover
 471   {
 472     border                : 1px solid #666699;
 473   }
 474
 475 #TextColorButton
 476   {
 477     margin                : 2px 9px 9px 2px;
 478   }
 479
 480 #BackgroundColorButton
 481   {
 482     margin                : 9px 2px 2px 9px;
 483   }
 484
 485