EarlyBlue/editor/skin/editorModeToolbar.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 #EditModeToolbar {
  24   padding:       0px;
  25   /* Same as "standard" toolbar background */
  26   border-top:    1px solid #9999CC;
  27   border-bottom: none;
  28   margin-bottom: 0px;
  29   min-width:     1px;
  30   color:         #000000;
  31   background-color: #CCD0DD;
  32   overflow:      hidden;
  33 }
  34 /*
  35 #EditModeToolbar > toolbargrippy {
  36   height: 100%;
  37 }
  38 */
  39 /* BORDERS ARE NOT WORKING! global class="plain" is fighting us! */
  40 /* !important in for now as a workaround to above problem! */
  41 button.edit-mode:hover, button.edit-mode:hover:active,
  42 button.edit-mode {
  43   -moz-border-radius: 0px 0px 7px 7px;
  44   padding: 0px 4px 1px 4px;
  45   margin: 0px;
  46   color: #CCD0DD;
  47   background-color: #666699;
  48   border-top: 1px solid #666699 !important; /* Must be same as background */
  49   border-bottom: 1px solid #9999CC !important;
  50   border-left: 1px solid #9999CC !important;
  51   border-right: 1px solid #9999CC !important;
  52 }
  53
  54 button.edit-mode > .button-internal-box,
  55 button.edit-mode:hover > .button-internal-box,
  56 button.edit-mode:hover:active > .button-internal-box  {
  57   border: none;
  58 }
  59
  60 button.edit-mode:hover {
  61   border:  1px solid #3366FF !important;
  62 }
  63
  64 button.edit-mode:hover:active {
  65   padding: 1px 5px 0px 3px;
  66   border:  1px solid #99CCFF !important;
  67 }
  68
  69 button.edit-mode[selected="1"] {
  70   padding: 0px 4px 1px 4px;
  71   margin: -1px 0px 0px 0px;
  72 /* Not resizing well! - use color instead
  73   font-weight: bold;
  74 */
  75   background-color: #FFFFFF;
  76   color: #000000;
  77 }
  78
  79 button.edit-mode[selected="1"]:active,
  80 button.edit-mode[selected="1"]:hover:active {
  81   padding: 1px 5px 0px 3px;
  82 }
  83
  84 #NormalModeButton[type="image"] {
  85   list-style-image:url(chrome://editor/skin/images/editmode-normal.gif);
  86 }
  87
  88 #TagModeButton[type="image"] {
  89   list-style-image:url(chrome://editor/skin/images/editmode-tags.gif);
  90 }
  91 #SourceModeButton[type="image"] {
  92   list-style-image:url(chrome://editor/skin/images/editmode-html.gif);
  93 }
  94 #PreviewModeButton[type="image"] {
  95   list-style-image:url(chrome://editor/skin/images/editmode-preview.gif);
  96 }