<?xml version="1.0"?>

<!-- ***** BEGIN LICENSE BLOCK *****
   - Version: MPL 1.1/GPL 2.0/LGPL 2.1
   -
   - The contents of this file are subject to the Mozilla 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/MPL/
   -
   - 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 the Initial Developer are Copyright (C) 1998-1999
   - the Initial Developer. All Rights Reserved.
   -
   - Contributor(s):
   -
   - Alternatively, the contents of this file may be used under the terms of
   - either of the GNU General Public License Version 2 or later (the "GPL"),
   - or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
   - in which case the provisions of the GPL or the LGPL are applicable instead
   - of those above. If you wish to allow use of your version of this file only
   - under the terms of either the GPL or the LGPL, and not to allow others to
   - use your version of this file under the terms of the MPL, indicate your
   - decision by deleting the provisions above and replace them with the notice
   - and other provisions required by the GPL or the LGPL. If you do not delete
   - the provisions above, a recipient may use your version of this file under
   - the terms of any one of the MPL, the GPL or the LGPL.
   -
   - ***** END LICENSE BLOCK ***** -->

<?xml-stylesheet href="chrome://editor/skin/editor.css" type="text/css"?>
<?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>

<?xul-overlay href="chrome://editor/content/EdDialogOverlay.xul"?> 

<!DOCTYPE dialog SYSTEM "chrome://editor/locale/EditorColorProperties.dtd">

<dialog title="&windowTitle.label;"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    onload="Startup()"
    ondialogaccept="return onAccept();"
    ondialogcancel="return onCancel();">

  <script type="application/javascript" src="chrome://editor/content/editorUtilities.js"/>
  <script type="application/javascript" src="chrome://editor/content/EdDialogCommon.js"/>
  <script type="application/javascript" src="chrome://editor/content/EdColorProps.js"/>

  <spacer id="location" offsetY="50" persist="offsetX offsetY"/>
  <broadcaster id="args" value=""/>

  <groupbox align="start">
    <caption label="&pageColors.label;"/>
    <radiogroup id="PageColorGroup">
      <radio id="DefaultColorsRadio" label="&defaultColorsRadio.label;" oncommand="UseDefaultColors()"
        accesskey="&defaultColorsRadio.accessKey;"
        tooltiptext="&defaultColorsRadio.tooltip;" />
      <radio id="CustomColorsRadio" label="&customColorsRadio.label;" oncommand="UseCustomColors()"
        accesskey="&customColorsRadio.accessKey;"
        tooltiptext="&customColorsRadio.tooltip;" />
    </radiogroup>
    <hbox class="indent">
      <grid>
        <columns><column/><column/></columns>
        <rows>
          <row align="center">
            <label id="Text" control="TextButton"
                   value="&normalText.label;&colon.character;"
                   accesskey="&normalText.accessKey;"/>
            <button id="TextButton" class="color-button" oncommand="GetColorAndUpdate('textCW');">
              <spacer id="textCW" class="color-well"/>
            </button>
          </row>
          <row align="center">
            <label id="Link" control="LinkButton"
                   value="&linkText.label;&colon.character;"
                   accesskey="&linkText.accessKey;"/>
            <button id="LinkButton" class="color-button" oncommand="GetColorAndUpdate('linkCW');">
              <spacer id="linkCW" class="color-well"/>
            </button>
          </row>
          <row align="center">
            <label id="Active" control="ActiveLinkButton"
                   value="&activeLinkText.label;&colon.character;"
                   accesskey="&activeLinkText.accessKey;"/>
            <button id="ActiveLinkButton" class="color-button" oncommand="GetColorAndUpdate('activeCW');">
              <spacer id="activeCW" class="color-well"/>
            </button>
          </row>
          <row align="center">
            <label id="Visited" control="VisitedLinkButton"
                   value="&visitedLinkText.label;&colon.character;"
                   accesskey="&visitedLinkText.accessKey;"/>
            <button id="VisitedLinkButton" class="color-button" oncommand="GetColorAndUpdate('visitedCW');">
              <spacer id="visitedCW" class="color-well"/>
            </button>
          </row>
          <row align="center">
            <label id="Background" control="BackgroundButton"
                   value="&background.label;"
                   accesskey="&background.accessKey;"/>
            <button id="BackgroundButton" class="color-button" oncommand="GetColorAndUpdate('backgroundCW');">
              <spacer id="backgroundCW" class="color-well"/>
            </button>
          </row>
        </rows>
      </grid>
      <vbox id="ColorPreview" flex="1">
        <spacer flex="1"/>
        <label class="larger" id="NormalText"      value="&normalText.label;"/>
        <spacer flex="1"/>
        <label class="larger" id="LinkText"        value="&linkText.label;"/>
        <spacer flex="1"/>
        <label class="larger" id="ActiveLinkText"  value="&activeLinkText.label;"/>
        <spacer flex="1"/>
        <label class="larger" id="VisitedLinkText" value="&visitedLinkText.label;"/>
        <spacer flex="1"/>
      </vbox>
      <spacer flex="1"/>
    </hbox>
    <spacer class="spacer"/>
  </groupbox>
  <spacer class="spacer"/>
  <label control="BackgroundImageInput"
         value="&backgroundImage.label;"
         accesskey="&backgroundImage.accessKey;"/>
  <textbox id="BackgroundImageInput" class="uri-element" oninput="ChangeBackgroundImage()"
   tooltiptext="&backgroundImage.tooltip;" flex="1"/>
  <hbox align="center">
    <!-- from EdDialogOverlay.xul 'for' identifies the textfield to get URL from -->
    <checkbox id="MakeRelativeCheckbox" for="BackgroundImageInput"/>
    <spacer flex="1"/>
    <!-- from EdDialogOverlay.xul -->
    <button id="ChooseFile"/>
  </hbox>
  <spacer class="smallspacer"/>
  <hbox>
    <spacer flex="1"/>
    <!-- from EdDialogOverlay.xul -->
    <button id="AdvancedEditButton"/>
  </hbox>
  <separator class="groove"/>
</dialog>
