EarlyBlue/editor/EditorDialog.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Netscape Public License
   5  * Version 1.1 (the "License"); you may not use this file except in
   6  * compliance with the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/NPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * Netscape Communications Corporation.
  18  * Portions created by the Initial Developer are Copyright (C) 1998
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Pete Collins, Ben Goodger
  23  *   Robert Kaiser <KaiRo@KaiRo.at>
  24  *
  25  * Alternatively, the contents of this file may be used under the terms of
  26  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28  * in which case the provisions of the GPL or the LGPL are applicable instead
  29  * of those above. If you wish to allow use of your version of this file only
  30  * under the terms of either the GPL or the LGPL, and not to allow others to
  31  * use your version of this file under the terms of the NPL, indicate your
  32  * decision by deleting the provisions above and replace them with the notice
  33  * and other provisions required by the GPL or the LGPL. If you do not delete
  34  * the provisions above, a recipient may use your version of this file under
  35  * the terms of any one of the NPL, the GPL or the LGPL.
  36  *
  37  * ***** END LICENSE BLOCK ***** */
  38
  39 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  40
  41 .MinWidth5em {
  42   min-width: 5em;
  43 }
  44
  45 .MinWidth10em {
  46   min-width: 10em;
  47 }
  48
  49 .MinWidth15em {
  50   min-width: 15em;
  51 }
  52
  53 .MinWidth20em {
  54   min-width: 20em;
  55 }
  56
  57 .bold {
  58   font-weight: bold;
  59 }
  60
  61 .italic {
  62   font-style: italic;
  63 }
  64
  65 .larger {
  66   font-size: 120%;
  67 }
  68
  69 .narrow {
  70   width: 3em;
  71 }
  72
  73 .wrap {
  74  width: 1em;
  75 }
  76
  77 .menuitem-highlight-1 {
  78   font-weight: bold;
  79 }
  80
  81 .color-well {
  82   width: 20px;
  83   height: 12px;
  84   border: 1px inset #CCD0DD;
  85 }
  86
  87 .color-well[default="true"] {
  88   border: 1px solid transparent !important;
  89   background-color: inherit !important;
  90 }
  91
  92 .color-button {
  93   /* override large default min-width */
  94   min-width : 0px;
  95   margin: 2px;
  96 }
  97
  98 #ColorPicker {
  99   -moz-user-focus: normal;
 100 }
 101
 102 #ColorPickerSwatch {
 103   border: 2px outset #CCD0DD;
 104   width: 25px;
 105   height: 20px;
 106   margin: 0;
 107   -moz-margin-end: 3px;
 108 }
 109
 110 #ColorPickerSwatch[default="true"] {
 111   border: 2px solid transparent;
 112   background-color: inherit;
 113 }
 114
 115 #LastPickedColor {
 116   width: 17px;
 117   height: 13px;
 118   border: 1px inset #CCD0DD;
 119   margin-top: 1px;
 120   margin-bottom: 2px;
 121   -moz-margin-start: 4px;
 122   -moz-margin-end: 2px;
 123 }
 124
 125 #ColorPreview {
 126   border: 1px inset #CCD0DD;
 127   -moz-margin-start: 10px;
 128   -moz-padding-start: 5px;
 129   -moz-padding-end: 5px;
 130   min-width: 100px;
 131   min-height: 50px;
 132 }
 133
 134 /* ::::: table properties dialog ::::: */
 135
 136 #MoreFewerButton[more="0"] {
 137   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 138   min-width: 12em;
 139 }
 140
 141 #MoreFewerButton[more="1"] {
 142   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 143   min-width: 12em;
 144 }
 145
 146 #PreviousButton {
 147   list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
 148 }
 149
 150 #NextButton {
 151   list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
 152 }
 153
 154 #PreviousButton[type="row"] {
 155   list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
 156 }
 157
 158 #NextButton[type="row"] {
 159   list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
 160 }
 161
 162 /* ::::: spelling dialog ::::: */
 163
 164 #ReplaceWordInput {
 165   min-width: 16em;
 166   width: 16em;
 167 }
 168
 169 .spell-check {
 170   min-width: 8em;
 171 }
 172
 173 /* ::::: color picker ::::: */
 174
 175 /* use outset shape for a button look */
 176 .colorpicker {
 177   border: 1px outset #CCD0DD;
 178   /* This should be the same as for textbox */
 179   -moz-margin-start: 4px;
 180   /* For a little extra space between buttons */
 181   margin-bottom: 2px;
 182 }
 183
 184
 185 .colorpicker:active {
 186   border: 1px inset #CCD0DD;
 187 }
 188
 189 .smallspacer {
 190   width: 3px;
 191   height: 3px;
 192   min-width: 3px;
 193   min-height: 3px;
 194 }
 195
 196 .spacer {
 197   width: 5px;
 198   height: 5px;
 199   min-width: 5px;
 200   min-height: 5px;
 201 }
 202
 203 .bigspacer {
 204   width: 10px;
 205   height: 10px;
 206   min-width: 10px;
 207   min-height: 10px;
 208 }
 209
 210 /* These two should be the width of the checkbox and radio button images + margin + padding
 211    Used to indent below those to the level of the text label next to image
 212 */
 213
 214 .checkbox-spacer {
 215   width: 16px;
 216   min-width: 16px;
 217 }
 218
 219 .radio-spacer {
 220   width: 16px;
 221   min-width: 16px;
 222 }
 223
 224 .align-menu > .menu-iconic-left > .menu-iconic-icon {
 225   height: auto;
 226   width: auto;
 227 }
 228
 229 .align-menu[value="top"] {
 230   list-style-image:url("chrome://editor/skin/icons/img-align-top.gif") !important;
 231 }
 232
 233 .align-menu[value="center"] {
 234   list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif") !important;
 235 }
 236
 237 .align-menu[value="bottom"] {
 238   list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif") !important;
 239 }
 240
 241 .align-menu[value="right"] {
 242   list-style-image:url("chrome://editor/skin/icons/img-align-right.gif") !important;
 243 }
 244
 245 .align-menu[value="left"] {
 246   list-style-image:url("chrome://editor/skin/icons/img-align-left.gif") !important;
 247 }
 248
 249 /* Don't change width/height of these without changing values in
 250   GetOriginalWidth(), EdImageProps.js
 251 */
 252 #preview-image-box {
 253   border: 1px inset #CCD0DD;
 254   width: 82px;
 255   max-width: 82px;
 256   min-width: 82px;
 257   height: 52px;
 258   max-height: 52px;
 259   min-height: 52px;
 260   margin: 6px 5px;
 261   overflow: -moz-hidden-unscrollable;
 262 }
 263
 264 #preview-image-holder {
 265   padding: 0px;
 266   margin: 0px;
 267 }
 268
 269 /* Rest are from Ben Goodger for Advanced Edit dialog
 270    These need reviewing and eliminate all but essential attributes */
 271 /* Have made some mods and eliminated some unnecessary portions.
 272    hope to merge most of the treecell formatting into global as some of
 273    this "property list" style treecell formatting is used by cookie/signon
 274    viewers. */
 275
 276
 277 #tagLabel {
 278   font-weight: bold;
 279 }
 280
 281 /* styles for an attribute tree-table */
 282 tree.AttributesTree {
 283   min-width: 200px;
 284   min-height: 200px;
 285 }
 286
 287 /* ::::: select edit dialog ::::: */
 288
 289 #SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
 290   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
 291 }
 292
 293 /* ::::: Publishing Progress ::::: */
 294
 295 .progressitem[progress="busy"] {
 296   list-style-image: url("chrome://editor/skin/icons/progress-busy.gif");
 297 }
 298
 299 .progressitem[progress="done"] {
 300   list-style-image: url("chrome://editor/skin/icons/progress-done.gif");
 301 }
 302
 303 .progressitem[progress="failed"] {
 304   list-style-image: url("chrome://editor/skin/icons/progress-failed.gif");
 305 }