/*
 * The contents of this file are subject to the Netscape Public
 * License Version 1.1 (the "License"); you may not use this file
 * except in compliance with the License. You may obtain a copy of
 * the License at http://www.mozilla.org/NPL/
 *
 * Software distributed under the License is distributed on an "AS
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 * implied. See the License for the specific language governing
 * rights and limitations under the License.
 *
 * The Original Code is Mozilla Communicator client code, released
 * March 31, 1998.
 *
 * The Initial Developer of the Original Code is Netscape
 * Communications Corporation. Portions created by Netscape are
 * Copyright (C) 1998-2001 Netscape Communications Corporation. All
 * Rights Reserved.
 *
 * Contributor(s):
 *   Pete Collins
 *   Ben Goodger
 */

/* ==== EditorDialog.css ====================================================
   == Styles used by all dialog boxes in the Editor application.
   ==
   == THIS FILE IS LOCKED DOWN.  YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT
   == FIRST HAVING YOUR CHANGES REVIEWED BY cmanske@netscape.com.
   ========================================================================== */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* ::::: common styles ::::: */

.MinWidth5em {
  min-width: 5em;
}

.MinWidth10em {
  min-width: 10em;
}

.MinWidth20em {
  min-width: 20em;
}

.big-left-margin {
  margin-left: 10px;
}

.middle {
  vertical-align: middle:
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.larger {
  font-size: 120%;
}

.narrow {
  width: 3em;
}

.align-right {
  text-align: right;
}

.wrap {
  width: 1em;
}

/* ::::: common buttons ::::: */

#MoreFewerButton[more="0"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
  min-width: 12em;
}

#MoreFewerButton[more="1"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
  min-width: 12em;
}

#PreviousButton {
  list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
}

#NextButton {
  list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
}

#PreviousButton[type="row"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
}

#NextButton[type="row"] {
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
}

#MisspelledWord {
  font-weight: bold;
}

/* ::::: spacers ::::: */

.smallspacer {
  width: 3px;
  height: 3px;
  min-width: 3px;
  min-height: 3px;
}

.spacer {
  width: 5px;
  height: 5px;
  min-width: 5px;
  min-height: 5px;
}

.bigspacer {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
}

/* ::::: widget adjustments ::::: */

/* The defaults are WAY to big! */
titledbox {
  margin: 2px 5px 4px 5px;
  padding-top: 2px;
  padding-bottom: 4px;
}

/* temporary -- we need a simple box-based list defined in XBL */
tree.list {
  /* same as in menulist.css */
  margin: 1px 5px 2px 5px;
  border: 1px inset #B4C3D4;
  width: 10em;
  height: 3em;
  /* use rows="#" in XUL to define height */
}

/* ::::: color picker button ::::: */

button.color-button {
  margin: 4px;
  width: 32px;
  min-width: 32px;
}

.color-well {
  margin: 4px 10px 4px 10px;
  border: 1px inset #B4C3D4;
  width: 20px;
  height: 12px;
}

.color-well[default="true"] {
  border: 1px solid transparent;
  background-color: inherit;
}

/* ::::: color picker dialog ::::: */

#ColorPickerSwatch {
  margin: 0px 3px 0px 0px;
  border: 2px outset #B4C3D4;
  width: 25px;
  height: 20px;
}

#ColorPickerSwatch[default="true"] {
  border: 2px solid transparent;
  background-color: inherit;
}

#LastPickedColor {
  margin: 2px 2px 2px 8px;
  border: 1px inset #B4C3D4;
  width: 17px;
  height: 13px;
}


/* ::::: Image Properties dialog ::::: */

.align-menu[data="top"] {
	list-style-image: url("chrome://editor/skin/icons/img-align-top.gif") !important;
}

.align-menu[data="center"] {
	list-style-image: url("chrome://editor/skin/icons/img-align-mid.gif") !important;
}

.align-menu[data="bottom"] {
	list-style-image: url("chrome://editor/skin/icons/img-align-btm.gif") !important;
}

.align-menu[data="right"] {
	list-style-image: url("chrome://editor/skin/icons/img-align-rit.gif") !important;
}

.align-menu[data="left"] {
	list-style-image: url("chrome://editor/skin/icons/img-align-lft.gif") !important;
}

/* Don't change width/height of these without changing values in
  GetOriginalWidth(), EdImageProps.js */
#preview-image-box {
  margin: 6px 5px 6px 5px;
  border: 1px inset #B4C3D4;
  width: 82px;
  height: 52px;
  min-width: 82px;
  min-height: 52px;
  max-width: 82px;
  max-height: 52px;
  overflow: hidden;
}

#preview-image-holder {
  padding: 0px;
  margin: 0px;
}

/* :::::: Advanced Edit dialog ::::: */

#tagLabel {
  font-weight: bold;
}

.AttributesTree {
  min-width: 200px;
  min-height: 200px;
}

.AttributesTree > treechildren > treeitem > treerow > treecell.value {
  padding: 0px 0px 0px 2px;
}

treeitem.ae-selection[selected="true"] > treerow {
  background-color: #D0E7E7;
  color: inherit;
}

/* ::::: Editor pref panels ::::: */

#ColorPreview {
  margin-left: 10px;
  border: 1px inset #B4C3D4;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 100px;
  min-height: 50px;
}

