EarlyBlue/skin/EarlyBlue/editor/EditorDialog.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  *   Pete Collins, Ben Goodger
  22  */
  23
  24 /*
  25    THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
  26    CHANGES REVIEWED BY cmanske@netscape.com.
  27 */
  28
  29 /* The defaults are WAY to big! */
  30 groupbox {
  31   margin:         2px 5px /* 4px 5px */;
  32   padding-top:    2px;
  33   padding-bottom: 4px;
  34 }
  35
  36 .MinWidth5em {
  37   min-width: 5em;
  38 }
  39
  40 .MinWidth10em {
  41   min-width: 10em;
  42 }
  43
  44 .MinWidth20em {
  45   min-width: 20em;
  46 }
  47
  48 .big-left-margin {
  49   margin-left:    10px;
  50 }
  51
  52 .bold {
  53   font-weight: bold;
  54 }
  55
  56 .italic {
  57   font-style: italic;
  58 }
  59
  60 .larger {
  61   font-size: 120%;
  62 }
  63
  64
  65 .narrow {
  66   width: 3em;
  67 }
  68
  69 .wrap {
  70  width: 1em;
  71 }
  72
  73 .menuitem-highlight-1 {
  74   font-weight : bold;
  75 }
  76
  77 /* Use this with groove-thin in dialogs
  78    to add margins to top and bottom
  79 */
  80 .tb-margin {
  81   margin-top    : 6px;
  82   margin-bottom : 6px;
  83 }
  84
  85 .color-well {
  86   width: 20px;
  87   height: 12px;
  88   border: 1px inset #CCD0DD;
  89 }
  90
  91 .color-well[default="true"] {
  92   border: 1px solid transparent;
  93   background-color: inherit;
  94 }
  95
  96 .color-button {
  97   /* override large default min-width */
  98   min-width : 0px;
  99   margin: 2px;
 100 }
 101
 102 .menu-list[focused="true"] {
 103   color: white;
 104 }
 105
 106 #ColorPicker {
 107   -moz-user-focus: normal;
 108 }
 109
 110 #ColorPickerSwatch {
 111   border : 2px outset #CCD0DD;
 112   width: 25px;
 113   height: 20px;
 114   margin: 0px 3px 0px 0px;
 115 }
 116
 117 #ColorPickerSwatch[default="true"] {
 118   border : 2px solid transparent;
 119   background-color: inherit;
 120 }
 121
 122 #LastPickedColor {
 123   width: 17px;
 124   height: 13px;
 125   border: 1px inset #CCD0DD;
 126   margin: 1px 2px 2px 4px;
 127 }
 128
 129 .popup-trigger {
 130   list-style-image: url(chrome://global/skin/scroll-down.gif);
 131 }
 132
 133 /* temporary -- we need a simple box-based list defined in XBL */
 134 tree.list {
 135   border: 1px inset #CCD0DD;
 136   /* same as in menulist.css */
 137   margin: 1px 5px 2px 5px;
 138   width: 10em;
 139   height: 3em;
 140   /* use rows="#" in XUL to define height */
 141 }
 142
 143 #ColorPreview {
 144   border: 1px inset #CCD0DD;
 145   margin-left:    10px;
 146   padding-left:    5px;
 147   padding-right:   5px;
 148   min-width:     100px;
 149   min-height:     50px;
 150 }
 151
 152 #alignTypeSelect,label#alignLabel {
 153   margin-left: 5px;
 154 }
 155
 156 #MoreFewerButton[more="0"] {
 157   list-style-image: url(chrome://global/skin/scroll-down.gif);
 158   /* bug 9459 - changing button text doesn't resize width.
 159      This covers that problem, but we want this size anyway */
 160   min-width: 12em;
 161 }
 162
 163 /* ::::: table properties dialog ::::: */
 164
 165 #MoreFewerButton[more="1"] {
 166   list-style-image: url(chrome://global/skin/scroll-up.gif);
 167   min-width: 12em;
 168 }
 169
 170 #PreviousButton {
 171   list-style-image: url(chrome://global/skin/arrow-left.gif);
 172 }
 173
 174 #NextButton {
 175   list-style-image: url(chrome://global/skin/arrow-right.gif);
 176 }
 177
 178 #PreviousButton[type="row"] {
 179   list-style-image: url(chrome://global/skin/arrow-up.gif);
 180 }
 181
 182 #NextButton[type="row"] {
 183   list-style-image: url(chrome://global/skin/arrow-down.gif);
 184 }
 185
 186 /* ::::: spelling dialog ::::: */
 187
 188 #MisspelledWord {
 189   font-weight: bold;
 190 }
 191
 192 #ReplaceWordInput {
 193   min-width: 16em;
 194   width: 16em;
 195 }
 196
 197 .spell-check {
 198   min-width: 8em;
 199 }
 200
 201 /* ::::: color picker ::::: */
 202
 203 /* use outset shape for a button look */
 204 .colorpicker {
 205   border: 1px outset #CCD0DD;
 206   /* This should be the same as for textbox */
 207   margin-left: 4px;
 208   /* For a little extra space between buttons */
 209   margin-bottom: 2px;
 210 }
 211
 212
 213 .colorpicker:active {
 214   border: 1px inset #CCD0DD;
 215 }
 216
 217 .smallspacer {
 218   width:  3px;
 219   height: 3px;
 220   min-width:  3px;
 221   min-height: 3px;
 222 }
 223
 224 .spacer {
 225   width:  5px;
 226   height: 5px;
 227   min-width:  5px;
 228   min-height: 5px;
 229 }
 230
 231 .bigspacer {
 232   width:  10px;
 233   height: 10px;
 234   min-width:  10px;
 235   min-height: 10px;
 236 }
 237
 238 .align-menu[value="top"] {
 239         list-style-image:url("chrome://editor/skin/images/img-align-top.gif");
 240 }
 241
 242 .align-menu[value="center"] {
 243         list-style-image:url("chrome://editor/skin/images/img-align-middle.gif");
 244 }
 245
 246 .align-menu[value="bottom"] {
 247         list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif");
 248 }
 249
 250 .align-menu[value="right"] {
 251         list-style-image:url("chrome://editor/skin/images/img-align-right.gif");
 252 }
 253
 254 .align-menu[value="left"] {
 255         list-style-image:url("chrome://editor/skin/images/img-align-left.gif");
 256 }
 257
 258 /* Don't change width/height of these without changing values in
 259   GetOriginalWidth(), EdImageProps.js
 260 */
 261 #preview-image-box {
 262   border: 1px inset #CCD0DD;
 263   width      : 82px;
 264   max-width  : 82px;
 265   min-width  : 82px;
 266   height     : 52px;
 267   max-height : 52px;
 268   min-height : 52px;
 269   margin     : 6px 5px 6px 5px;
 270   overflow   : hidden;
 271 }
 272
 273 #preview-image-holder {
 274   padding : 0px;
 275   margin  : 0px;
 276 }
 277
 278 /* Rest are from Ben Goodger for Advanced Edit dialog
 279    These need reviewing and eliminate all but essential attributes */
 280 /* Have made some mods and eliminated some unnecessary portions.
 281    hope to merge most of the treecell formatting into global as some of
 282    this "property list" style treecell formatting is used by cookie/signon
 283    viewers. */
 284
 285
 286 #tagLabel {
 287   font-weight: bold;
 288 }
 289
 290 /* styles for an attribute tree-table */
 291 tree.AttributesTree {
 292   min-width : 200px;
 293   min-height: 200px;
 294 }
 295