home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 December / 2004-12 CHIP.iso / Internet / NVU 0.50 for Windows / nvu-0.50-win32-installer-full.exe / {app} / chrome / cascades.jar / content / cascades / tabsOverlay.xul < prev    next >
Encoding:
Extensible Markup Language  |  2004-02-04  |  53.3 KB  |  1,199 lines
  1. <?xml version="1.0"?>
  2. <!-- ***** BEGIN LICENSE BLOCK *****
  3.    - Version: MPL 1.1/GPL 2.0/LGPL 2.1
  4.    -
  5.    - The contents of this file are subject to the Mozilla Public License Version
  6.    - 1.1 (the "License"); you may not use this file except in compliance with
  7.    - the License. You may obtain a copy of the License at
  8.    - http://www.mozilla.org/MPL/
  9.    -
  10.    - Software distributed under the License is distributed on an "AS IS" basis,
  11.    - WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  12.    - for the specific language governing rights and limitations under the
  13.    - License.
  14.    -
  15.    - The Original Code is CaScadeS, a stylesheet editor for Composer.
  16.    -
  17.    - The Initial Developer of the Original Code is
  18.    - Daniel Glazman.
  19.    - Portions created by the Initial Developer are Copyright (C) 2002
  20.    - the Initial Developer. All Rights Reserved.
  21.    -
  22.    - Contributor(s):
  23.    -   Original author: Daniel Glazman (daniel@glazman.org)
  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 MPL, indicate your
  32.    - decision by deleting the provisions above and replace them with the notice
  33.    - and other provisions required by the LGPL or the GPL. 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 MPL, the GPL or the LGPL.
  36.    -
  37.    - ***** END LICENSE BLOCK ***** -->
  38.  
  39. <!DOCTYPE window SYSTEM "chrome://cascades/locale/EdCssProps.dtd">
  40.  
  41. <overlay id="tabsOverlay" 
  42.         xmlns:html="http://www.w3.org/1999/xhtml"
  43.         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  44.  
  45.   <!-- FONT AND TEXT PANEL -->
  46.   <vbox id="textTabPanel">
  47.     <hbox>
  48.       <vbox>
  49.         <label value="&fontFamily.label;"/>
  50.         <radiogroup id="fontFamilyRadiogroup"
  51.                     class="big-left-margin">
  52.           <radio id="noFontFamilyRadio"
  53.                  selected="true"
  54.                  label="&unspecifiedValue.label;"
  55.                  oncommand="onFontFamilySelect('');"/>
  56.           <radio id="predefFontFamilyRadio"
  57.                  label="&predefFontFamilyRadio.label;"
  58.                  oncommand="onFontFamilySelect('-predefined');"/>
  59.           <menulist class="big-left-margin" id="predefFontFamilyMenulist">
  60.             <menupopup>
  61.               <menuitem label="Arial, Helvetica, sans-serif"
  62.                         id="sansSerifFontFamilyMenuitem"
  63.                         value="Arial,Helvetica,sans-serif"
  64.                         oncommand="onFontFamilySelect('Arial,Helvetica,sans-serif');"/>
  65.               <menuitem label="Times New Roman, Times, serif"
  66.                         id="serifFontFamilyMenuitem"
  67.                         value="Times New Roman,Times,serif"
  68.                         oncommand="onFontFamilySelect('Times New Roman,Times,serif');"/>
  69.               <menuitem label="Courier New, Courier, monospace"
  70.                         id="monospaceFontFamilyMenuitem"
  71.                         value="Courier New,Courier,monospace"
  72.                         oncommand="onFontFamilySelect('Courier New,Courier,monospace');"/>
  73.             </menupopup>
  74.           </menulist>
  75.           <radio id="customFontFamilyRadio"
  76.                  label="&useCustomFontFamily.label;"
  77.                  oncommand="onFontFamilySelect('-user-defined');"/>
  78.         </radiogroup>
  79.         <menulist id="customFontFamilyInput"
  80.                   size="12"
  81.                   editable="true"
  82.                   disabled="true"
  83.                   class="big-left-margin"
  84.                   oninput="ChangeValueOnInput(this, 'font-family', 'brownFoxLabel');">
  85.           <menupopup onpopupshowing="initLocalFontFaceMenu(this)">
  86.           <!-- Local font face items added at by initLocalFontFaceMenu() -->
  87.           </menupopup>
  88.         </menulist>
  89.         <separator class="groove"/>
  90.         <grid>
  91.           <columns><column/><column flex="1"/></columns>
  92.           <rows>
  93.             <row align="center">
  94.               <label value="&fontSize.label;"/>
  95.               <hbox align="center">
  96.                 <menulist editable="true"
  97.                           style="width: 8em"
  98.                           id="fontSizeInput"
  99.                           oninput="ChangeValueOnInput(this, 'font-size', 'brownFoxLabel');"
  100.                           oncommand="DoMenulistCommand(this, 'font-size', 'brownFoxLabel');">
  101.                   <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'font-size', 'brownFoxLabel', true);">
  102.                     <menuseparator/>
  103.                     <menuitem label="&largerFontSize.label;"
  104.                               value='larger'/>
  105.                     <menuitem label="&smallerFontSize.label;"
  106.                               value='smaller'/>
  107.                     <menuseparator/>
  108.                     <menuitem label="&xxsmallFontSize.label;"
  109.                               value='xx-small'/>
  110.                     <menuitem label="&xsmallFontSize.label;"
  111.                               value='x-small'/>
  112.                     <menuitem label="&smallFontSize.label;"
  113.                               value='small'/>
  114.                     <menuitem label="&mediumFontSize.label;"
  115.                               value='medium'/>
  116.                     <menuitem label="&largeFontSize.label;"
  117.                               value='large'/>
  118.                     <menuitem label="&xlargeFontSize.label;"
  119.                               value='x-large'/>
  120.                     <menuitem label="&xxlargeFontSize.label;"
  121.                               value='xx-large'/>
  122.                   </menupopup>
  123.                 </menulist>
  124.                 <spinbuttons onup="Spinbutton(1, 'fontSizeInput');"
  125.                              ondown="Spinbutton(-1, 'fontSizeInput');"/>
  126.               </hbox>
  127.             </row>
  128.             <row align="center">
  129.               <label value="&lineHeight.label;"/>
  130.               <hbox align="center">
  131.                 <menulist editable="true"
  132.                           style="width: 8em"
  133.                           id="lineHeightInput"
  134.                           oninput="ChangeValueOnInput(this, 'line-height', null);"
  135.                           oncommand="DoMenulistCommand(this, 'line-height', null);">
  136.                   <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'line-height', null, true);">
  137.                     <menuseparator/>
  138.                     <menuitem label="&normalLineHeight.label;"
  139.                               value='normal'/>
  140.                   </menupopup>
  141.                 </menulist>
  142.                 <spinbuttons onup="Spinbutton(1, 'lineHeightInput');"
  143.                              ondown="Spinbutton(-1, 'lineHeightInput');"/>
  144.               </hbox>
  145.             </row>
  146.           </rows>
  147.         </grid>
  148.       </vbox>
  149.       <separator orient="vertical" class="groove" style="width: 3px"/>
  150.       <vbox>
  151.           <grid>
  152.             <columns><column/><column/><column/></columns>
  153.             <rows>
  154.               <row align="center">
  155.                 <label value="&color.label;"/>
  156.                 <textbox id="textColorInput"
  157.                          size="10" 
  158.                          oninput="onColorZoneInput(this, 'color', 'brownFoxLabel', 'textCW');"/>
  159.                 <button id="colorButton"
  160.                         class="color-button"
  161.                         oncommand="GetColorAndUpdate('textCW');">
  162.                   <spacer id="textCW" class="color-well"/>
  163.                 </button>
  164.               </row>
  165.               <row align="center">
  166.                 <label value="&fontWeight.label;"/>
  167.                 <menulist id="fontWeightMenulist"
  168.                           oncommand="DoMenulistCommand(this, 'font-weight', 'brownFoxLabel');">
  169.                   <menupopup>
  170.                     <menuitem label="&unspecifiedValue.label;"
  171.                               id="unspecifiedFontWeightMenu"
  172.                               value='inherit'/>
  173.                     <menuseparator/>
  174.                     <menuitem label="&normalValue.label;"
  175.                               id="normalFontWeightMenu"
  176.                               value='normal'/>
  177.                     <menuitem label="&boldValue.label;"
  178.                               id="boldFontWeightMenu"
  179.                               value='bold'/>
  180.                     <menuseparator/>
  181.                     <menuitem label="&bolderValue.label;"
  182.                               id="bolderFontWeightMenu"
  183.                               value='bolder'/>
  184.                     <menuitem label="&lighterValue.label;"
  185.                               id="lighterFontWeightMenu"
  186.                               value='lighter'/>
  187.                     <menuseparator/>
  188.                     <menuitem label="&inheritedValue.label;"
  189.                               id="inheritFontWeightMenu"
  190.                               value='inherit'/>
  191.                   </menupopup>
  192.                 </menulist>
  193.               </row>
  194.               <row align="center">
  195.                 <label value="&fontStyle.label;"/>
  196.                 <menulist id="fontStyleMenulist"
  197.                           oncommand="DoMenulistCommand(this, 'font-style', 'brownFoxLabel');">
  198.                   <menupopup>
  199.                     <menuitem label="&unspecifiedValue.label;"
  200.                               id="unspecifiedFontStyleMenu"
  201.                               value=''/>
  202.                     <menuseparator/>
  203.                     <menuitem label="&normalValue.label;"
  204.                               id ="normalFontStyleMenu"
  205.                               value='normal'/>
  206.                     <menuitem label="&italicValue.label;"
  207.                               id="italicFontStyleMenu"
  208.                               value='italic'/>
  209.                     <menuitem label="&obliqueValue.label;"
  210.                               id="obliqueFontStyleMenu"
  211.                               value='oblique'/>
  212.                     <menuseparator/>
  213.                     <menuitem label="&inheritedValue.label;"
  214.                               id="inheritFontStyleMenu"
  215.                               value='inherit'/>
  216.                   </menupopup>
  217.                 </menulist>
  218.               </row>
  219.               <row align="center">
  220.                 <label value="&textTransform.label;"/>
  221.                 <menulist id="textTransformMenulist"
  222.                           oncommand="DoMenulistCommand(this, 'text-transform', 'brownFoxLabel');">
  223.                   <menupopup>
  224.                     <menuitem label="&unspecifiedValue.label;"
  225.                               id="unspecifiedTextTransformMenu"
  226.                               value=''/>
  227.                     <menuseparator/>
  228.                     <menuitem label="&noneTextTransformValue.label;"
  229.                               id="noneTextTransformMenu"
  230.                               value='none'/>
  231.                     <menuitem label="&lowercaseValue.label;"
  232.                               id="lowercaseTextTransformMenu"
  233.                               value='lowercase'/>
  234.                     <menuitem label="&uppercaseValue.label;"
  235.                               id="uppercaseTextTransformMenu"
  236.                               value='uppercase'/>
  237.                     <menuitem label="&capitalizeValue.label;"
  238.                               id="capitalizeTextTransformMenu"
  239.                               value='capitalize'/>
  240.                     <menuseparator/>
  241.                     <menuitem label="&inheritedValue.label;"
  242.                               id="inheritTextTransformMenu"
  243.                               value='inherit'/>
  244.                   </menupopup>
  245.                 </menulist>
  246.               </row>
  247.               <row align="center">
  248.                 <label value="&textAlign.label;"/>
  249.                 <menulist id="textAlignMenulist"
  250.                           oncommand="DoMenulistCommand(this, 'text-align', 'brownFoxLabel');">
  251.                   <menupopup>
  252.                     <menuitem label="&unspecifiedValue.label;" id="unspecifiedTextAlignMenu"
  253.                               value=''/>
  254.                     <menuseparator/>
  255.                     <menuitem label="&leftTextAlign.label;"
  256.                               id="leftTextAlignMenu"
  257.                               value='left'/>
  258.                     <menuitem label="&rightTextAlign.label;"
  259.                               id="rightTextAlignMenu"
  260.                               value='right'/>
  261.                     <menuitem label="¢erTextAlign.label;"
  262.                               id="centerTextAlignMenu"
  263.                               value='center'/>
  264.                     <menuitem label="&justifyTextAlign.label;"
  265.                               id="justifyTextAlignMenu"
  266.                               value='justify'/>
  267.                   </menupopup>
  268.                 </menulist>
  269.               </row>
  270.             </rows>
  271.           </grid>
  272.           <separator class="groove"/>
  273.           <label value="&textDecoration.label;"/>
  274.           <hbox align="center">
  275.             <checkbox id="overlineTextDecorationCheckbox"
  276.                       label="&overlineTextDecoration.label;"
  277.                       class="big-left-margin"
  278.                       oncommand="onTextDecorationChange();"/>
  279.             <spacer flex="1"/>
  280.             <checkbox id="noneTextDecorationCheckbox"
  281.                       label="&noneTextDecoration.label;"
  282.                       class="big-left-margin"
  283.                       oncommand="onNoneTextDecorationChange();"/>
  284.           </hbox>
  285.           <checkbox id="linethroughTextDecorationCheckbox"
  286.                     label="&linethroughTextDecoration.label;"
  287.                     class="big-left-margin"
  288.                     oncommand="onTextDecorationChange();"/>
  289.           <checkbox id="underlineTextDecorationCheckbox"
  290.                     label="Underline"
  291.                     class="big-left-margin"
  292.                     oncommand="onTextDecorationChange();"/>
  293.           <checkbox id="blinkTextDecorationCheckbox"
  294.                     label="&blinkTextDecoration.label;"
  295.                     class="big-left-margin"
  296.                     oncommand="onTextDecorationChange();"/>
  297.       </vbox>
  298.     </hbox>
  299.     
  300.     <!-- we cannot use a xul label here because text-transform does not work on labels *sigh* -->
  301.     <html:p id="brownFoxLabel">&exampleSentence.label;</html:p>
  302.   </vbox>
  303.  
  304.  
  305.   <!-- BACKGROUND PANEL -->
  306.   <vbox id="backgroundTabPanel">
  307.     <grid>
  308.       <columns><column/><column/></columns>
  309.       <rows>
  310.         <row align="center">
  311.           <label value="&backgroundColor.label;"/>
  312.           <textbox size="10"
  313.                    id="backgroundColorInput"
  314.                    oninput="onColorZoneInput(this, 'background-color', 'backgroundPreview', 'backgroundCW');
  315.                             onColorZoneInput(this, 'background-color', 'brownFoxLabel', 'backgroundCW');"/>
  316.           <hbox>
  317.             <button id="backgroundcolorButton"
  318.                     class="color-button"
  319.                     oncommand="GetColorAndUpdate('backgroundCW');">
  320.               <spacer id="backgroundCW"
  321.                       class="color-well"/>
  322.             </button>
  323.           </hbox>
  324.         </row>
  325.         <row align="center">
  326.           <label value="&opacity.label;"/>
  327.           <scrollbar flex="1"
  328.               id="opacityScrollbar"
  329.               align="horizontal"
  330.               curpos="0"
  331.               maxpos="1000"
  332.               increment="10"
  333.               pageincrement="100"/>
  334.           <label id="opacityLabel" value="transparent"/>
  335.         </row>
  336.         <row align="center">
  337.           <label value="&backgroundImage.label;"/>
  338.           <textbox id="backgroundImageInput"
  339.                    oninput="ChangeImageSrc();"
  340.                    flex="1"/>
  341.           <hbox>
  342.             <button label="&chooseFileButton.label;"
  343.                     oncommand="chooseFile('img', 'backgroundImageInput');"/>
  344.           </hbox>
  345.         </row>
  346.         <row align="center">
  347.           <label value="&backgroundRepeat.label;"
  348.                  id="backgroundRepeatLabel"/>
  349.           <menulist id="backgroundRepeatMenulist"
  350.                     oncommand="DoMenulistCommand(this, 'background-repeat', 'backgroundPreview');">
  351.             <menupopup>
  352.               <menuitem label="&norepeatBackgroundRepeat.label;"
  353.                         id="norepeatBackgroundRepeatMenu"
  354.                         value='no-repeat'/>
  355.               <menuitem label="&repeatxBackgroundRepeat.label;"
  356.                         id="horizontallyBackgroundRepeatMenu"
  357.                         value='repeat-x'/>
  358.               <menuitem label="&repeatyBackgroundRepeat.label;"
  359.                         id="verticallyBackgroundRepeatMenu"
  360.                         value='repeat-y'/>
  361.               <menuitem label="&repeatBackgroundRepeat.label;"
  362.                         id="repeatBackgroundRepeatMenu"
  363.                         value='repeat'/>
  364.             </menupopup>
  365.           </menulist>
  366.         </row>
  367.         <row align="center">
  368.           <spacer/>
  369.           <checkbox label="&backgroundAttachmentCheckbox.label;"
  370.                     id="backgroundAttachmentCheckbox"
  371.                     oncommand="onBackgroundAttachmentChange();"/>
  372.         </row>
  373.         <row align="baseline">
  374.           <label value="&backgroundPosition.label;"
  375.                  id="backgroundPositionLabel"/>
  376.           <grid>
  377.             <columns><column/><column/><column/><column/></columns>
  378.             <rows>
  379.               <row align="center">
  380.                 <spacer/>
  381.                 <radiogroup orient="horizontal" id="xBackgroundPositionRadiogroup">
  382.                   <radio label="&leftXBackgroundPosition.label;"
  383.                          selected="true"
  384.                          value="left"
  385.                          id="leftXBackgroundPositionRadio"
  386.                          oncommand="onBackGroundPositionSelect();"/>
  387.                   <radio label="¢erXBackgroundPosition.label;"
  388.                          value="center"
  389.                          id="centerXBackgroundPositionRadio"
  390.                          oncommand="onBackGroundPositionSelect();"/>
  391.                   <radio label="&rightXBackgroundPosition.label;"
  392.                          value="right"
  393.                          id="rightXBackgroundPositionRadio"
  394.                          oncommand="onBackGroundPositionSelect();"/>
  395.                 </radiogroup>
  396.               </row>
  397.               <row align="center">
  398.                 <vbox>
  399.                   <radiogroup id="yBackgroundPositionRadiogroup">
  400.                     <radio label="&topYBackgroundPosition.label;"
  401.                            selected="true"
  402.                            value="top"
  403.                            id="topYBackgroundPositionRadio"
  404.                            oncommand="onBackGroundPositionSelect();"/>
  405.                     <radio label="¢erYBackgroundPosition.label;"
  406.                            value="center"
  407.                            id="centerYBackgroundPositionRadio"
  408.                            oncommand="onBackGroundPositionSelect();"/>
  409.                     <radio label="&bottomYBackgroundPosition.label;"
  410.                            value="bottom"
  411.                            id="bottomYBackgroundPositionRadio"
  412.                            oncommand="onBackGroundPositionSelect();"/>
  413.                   </radiogroup>
  414.                 </vbox>
  415.                 <html:p style="border:1px solid black; height: 10em"
  416.                         id="backgroundPreview">
  417.                   
  418.                 </html:p>
  419.               </row>
  420.             </rows>
  421.           </grid>
  422.         </row>
  423.       </rows>
  424.     </grid>
  425.   </vbox>
  426.  
  427.  
  428.   <!-- BORDER PANEL -->
  429.   <vbox id="borderTabPanel">
  430.     <checkbox id="allFourBordersSame"
  431.               label="&useBorderShorthand.label;"
  432.               oncommand="ToggleFourBorderSidesSameStyle(this);"/>
  433.     <separator class="groove"/>
  434.     <grid>
  435.       <columns><column/><column/><column flex="1"/><column/><column flex="1"/><column/></columns>
  436.       <rows>
  437.         <row align="center">
  438.           <spacer/>
  439.           <label style="text-align: center"
  440.                  value="&borderStyle.label;"/>
  441.           <spacer/>
  442.           <label style="text-align: center"
  443.                  value="&borderWidth.label;"/>
  444.           <spacer/>
  445.           <label style="text-align: center"
  446.                  value="&borderColor.label;"/>
  447.         </row>
  448.         <row align="center">
  449.           <label value="&topBorder.label;"/>
  450.           <menulist id="topBorderStyleMenulist"
  451.                     style="width: 10em"
  452.                     oncommand="DoMenulistCommand(this, 'border-top-style', 'borderPreview');">
  453.             <menupopup>
  454.               <menuitem label="&unspecifiedValue.label;"
  455.                         id="unspecifiedtopBorderStyle"
  456.                         value=''/>
  457.               <menuseparator/>
  458.               <menuitem label="&noneBorderStyle.label;"
  459.                         id="nonetopBorderStyle"
  460.                         value='none'/>
  461.               <menuseparator/>
  462.               <menuitem label="&hiddenBorderStyle.label;"
  463.                         id="hiddentopBorderStyle"
  464.                         value='hidden'/>
  465.               <menuitem label="&solidBorderStyle.label;"
  466.                         id="solidtopBorderStyle"
  467.                         value='solid'/>
  468.               <menuitem label="&dottedBorderStyle.label;"
  469.                         id="dottedtopBorderStyle"
  470.                         value='dotted'/>
  471.               <menuitem label="&dashedBorderStyle.label;"
  472.                         id="dashedtopBorderStyle"
  473.                         value='dashed'/>
  474.               <menuitem label="&doubleBorderStyle.label;"
  475.                         id="doubletopBorderStyle"
  476.                         value='double'/>
  477.               <menuitem label="&grooveBorderStyle.label;"
  478.                         id="groovetopBorderStyle"
  479.                         value='groove'/>
  480.               <menuitem label="&ridgeBorderStyle.label;"
  481.                         id="ridgetopBorderStyle"
  482.                         value='ridge'/>
  483.               <menuitem label="&insetBorderStyle.label;"
  484.                         id="insettopBorderStyle"
  485.                         value='inset'/>
  486.               <menuitem label="&outsetBorderStyle.label;"
  487.                         id="outsettopBorderStyle"
  488.                         value='outset'/>
  489.             </menupopup>
  490.           </menulist>
  491.           <spacer/>
  492.           <hbox align="center">
  493.             <menulist editable="true"
  494.                       style="width: 8em"
  495.                       id="topBorderWidthInput"
  496.                       oninput="ChangeValueOnInput(this, 'border-top-width', 'borderPreview');
  497.                                IfFourSidesSameStyle('border', 'width', null,
  498.                                                     'allFourBordersSame', 'borderPreview', this);">
  499.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'border-top-width', null, false);"/>
  500.             </menulist>
  501.             <spinbuttons onup="Spinbutton(1, 'topBorderWidthInput');"
  502.                          ondown="Spinbutton(-1, 'topBorderWidthInput');"/>
  503.           </hbox>
  504.           <spacer/>
  505.           <textbox id="topBorderColorInput"
  506.                    size="10" 
  507.                    oninput="onColorZoneInput(this, 'border-top-color', 'borderPreview', 'bordertopCW');
  508.                             IfFourSidesSameStyle('border', 'color', null,
  509.                                                  'allFourBordersSame', 'borderPreview', this);"/>
  510.           <button id="topBorderColorButton"
  511.                   class="color-button"
  512.                   oncommand="GetColorAndUpdate('bordertopCW');">
  513.             <spacer id="bordertopCW" class="color-well"/>
  514.           </button>
  515.         </row>
  516.         <row align="center">
  517.           <label value="&leftBorder.label;"/>
  518.           <menulist id="leftBorderStyleMenulist" style="width: 10em"
  519.                     oncommand="DoMenulistCommand(this, 'border-left-style', 'borderPreview');">
  520.             <menupopup>
  521.               <menuitem label="&unspecifiedValue.label;"
  522.                         id="unspecifiedleftBorderStyle"
  523.                         value=''/>
  524.               <menuseparator/>
  525.               <menuitem label="&noneBorderStyle.label;"
  526.                         id="noneleftBorderStyle"
  527.                         value='none'/>
  528.               <menuseparator/>
  529.               <menuitem label="&hiddenBorderStyle.label;"
  530.                         id="hiddenleftBorderStyle"
  531.                         value='hidden'/>
  532.               <menuitem label="&solidBorderStyle.label;"
  533.                         id="solidleftBorderStyle"
  534.                         value='solid'/>
  535.  
  536.               <menuitem label="&dottedBorderStyle.label;"
  537.                         id="dottedleftBorderStyle"
  538.                         value='dotted'/>
  539.               <menuitem label="&dashedBorderStyle.label;"
  540.                         id="dashedleftBorderStyle"
  541.                         value='dashed'/>
  542.               <menuitem label="&doubleBorderStyle.label;"
  543.                         id="doubleleftBorderStyle"
  544.                         value='double'/>
  545.               <menuitem label="&grooveBorderStyle.label;"
  546.                         id="grooveleftBorderStyle"
  547.                         value='groove'/>
  548.               <menuitem label="&ridgeBorderStyle.label;"
  549.                         id="ridgeleftBorderStyle"
  550.                         value='ridge'/>
  551.               <menuitem label="&insetBorderStyle.label;"
  552.                         id="insetleftBorderStyle"
  553.                         value='inset'/>
  554.               <menuitem label="&outsetBorderStyle.label;"
  555.                         id="outsetleftBorderStyle"
  556.                         value='outset'/>
  557.             </menupopup>
  558.           </menulist>
  559.           <spacer/>
  560.           <hbox align="center">
  561.             <menulist editable="true"
  562.                       style="width: 8em"
  563.                       id="leftBorderWidthInput"
  564.                       oninput="ChangeValueOnInput(this, 'border-left-width', 'borderPreview');">
  565.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'border-left-width', null, false);"/>
  566.             </menulist>
  567.             <spinbuttons onup="Spinbutton(1, 'leftBorderWidthInput');"
  568.                          ondown="Spinbutton(-1, 'leftBorderWidthInput');"/>
  569.           </hbox>              
  570.           <spacer/>
  571.           <textbox id="leftBorderColorInput"
  572.                    size="10" 
  573.                    oninput="onColorZoneInput(this, 'border-left-color', 'borderPreview', 'borderleftCW');"/>
  574.           <button id="leftBorderColorButton"
  575.                   class="color-button"
  576.                   oncommand="GetColorAndUpdate('borderleftCW');">
  577.             <spacer id="borderleftCW" class="color-well"/>
  578.           </button>
  579.         </row>
  580.         <row align="center">
  581.           <label value="&rightBorder.label;"/>
  582.           <menulist id="rightBorderStyleMenulist" style="width: 10em"
  583.                     oncommand="DoMenulistCommand(this, 'border-right-style', 'borderPreview');">
  584.             <menupopup>
  585.               <menuitem label="&unspecifiedValue.label;"
  586.                         id="unspecifiedrightBorderStyle"
  587.                         value=''/>
  588.               <menuseparator/>
  589.               <menuitem label="&noneBorderStyle.label;"
  590.                         id="nonerightBorderStyle"
  591.                         value='none'/>
  592.               <menuseparator/>
  593.               <menuitem label="&hiddenBorderStyle.label;"
  594.                         id="hiddenrightBorderStyle"
  595.                         value='hidden'/>
  596.               <menuitem label="&solidBorderStyle.label;"
  597.                         id="solidrightBorderStyle"
  598.                         value='solid'/>
  599.  
  600.               <menuitem label="&dottedBorderStyle.label;"
  601.                         id="dottedrightBorderStyle"
  602.                         value='dotted'/>
  603.               <menuitem label="&dashedBorderStyle.label;"
  604.                         id="dashedrightBorderStyle"
  605.                         value='dashed'/>
  606.               <menuitem label="&doubleBorderStyle.label;"
  607.                         id="doublerightBorderStyle"
  608.                         value='double'/>
  609.               <menuitem label="&grooveBorderStyle.label;"
  610.                         id="grooverightBorderStyle"
  611.                         value='groove'/>
  612.               <menuitem label="&ridgeBorderStyle.label;"
  613.                         id="ridgerightBorderStyle"
  614.                         value='ridge'/>
  615.               <menuitem label="&insetBorderStyle.label;"
  616.                         id="insetrightBorderStyle"
  617.                         value='inset'/>
  618.               <menuitem label="&outsetBorderStyle.label;"
  619.                         id="outsetrightBorderStyle"
  620.                         value='outset'/>
  621.             </menupopup>
  622.           </menulist>
  623.           <spacer/>
  624.           <hbox align="center">
  625.             <menulist editable="true"
  626.                       style="width: 8em"
  627.                       id="rightBorderWidthInput"
  628.                       oninput="ChangeValueOnInput(this, 'border-right-width', 'borderPreview');">
  629.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'border-right-width', null, false);"/>
  630.             </menulist>
  631.             <spinbuttons onup="Spinbutton(1, 'rightBorderWidthInput');"
  632.                          ondown="Spinbutton(-1, 'rightBorderWidthInput');"/>
  633.           </hbox>
  634.           <spacer/>
  635.           <textbox id="rightBorderColorInput"
  636.                    size="10" 
  637.                    oninput="onColorZoneInput(this, 'border-right-color', 'borderPreview', 'borderrightCW');"/>
  638.           <button id="rightBorderColorButton"
  639.                   class="color-button"
  640.                   oncommand="GetColorAndUpdate('borderrightCW');">
  641.             <spacer id="borderrightCW" class="color-well"/>
  642.           </button>
  643.         </row>
  644.         <row align="center">
  645.           <label value="&bottomBorder.label;"/>
  646.           <menulist id="bottomBorderStyleMenulist" style="width: 10em"
  647.                     oncommand="DoMenulistCommand(this, 'border-bottom-style', 'borderPreview');">
  648.             <menupopup>
  649.               <menuitem label="&unspecifiedValue.label;"
  650.                         id="unspecifiedbottomBorderStyle"
  651.                         value=''/>
  652.               <menuseparator/>
  653.               <menuitem label="&noneBorderStyle.label;"
  654.                         id="nonebottomBorderStyle"
  655.                         value='none'/>
  656.               <menuseparator/>
  657.               <menuitem label="&hiddenBorderStyle.label;"
  658.                         id="hiddenbottomBorderStyle"
  659.                         value='hidden'/>
  660.               <menuitem label="&solidBorderStyle.label;"
  661.                         id="solidbottomBorderStyle"
  662.                         value='solid'/>
  663.  
  664.               <menuitem label="&dottedBorderStyle.label;"
  665.                         id="dottedbottomBorderStyle"
  666.                         value='dotted'/>
  667.               <menuitem label="&dashedBorderStyle.label;"
  668.                         id="dashedbottomBorderStyle"
  669.                         value='dashed'/>
  670.               <menuitem label="&doubleBorderStyle.label;"
  671.                         id="doublebottomBorderStyle"
  672.                         value='double'/>
  673.               <menuitem label="&grooveBorderStyle.label;"
  674.                         id="groovebottomBorderStyle"
  675.                         value='groove'/>
  676.               <menuitem label="&ridgeBorderStyle.label;"
  677.                         id="ridgebottomBorderStyle"
  678.                         value='ridge'/>
  679.               <menuitem label="&insetBorderStyle.label;"
  680.                         id="insetbottomBorderStyle"
  681.                         value='inset'/>
  682.               <menuitem label="&outsetBorderStyle.label;"
  683.                         id="outsetbottomBorderStyle"
  684.                         value='outset'/>
  685.             </menupopup>
  686.           </menulist>
  687.           <spacer/>
  688.           <hbox align="center">
  689.             <menulist editable="true"
  690.                       style="width: 8em"
  691.                       id="bottomBorderWidthInput"
  692.                       oninput="ChangeValueOnInput(this, 'border-bottom-width', 'borderPreview');">
  693.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'border-bottom-width', null, false);"/>
  694.             </menulist>
  695.             <spinbuttons onup="Spinbutton(1, 'bottomBorderWidthInput');"
  696.                          ondown="Spinbutton(-1, 'bottomBorderWidthInput');"/>
  697.           </hbox>
  698.           <spacer/>
  699.           <textbox id="bottomBorderColorInput"
  700.                    size="10" 
  701.                    oninput="onColorZoneInput(this, 'border-bottom-color', 'borderPreview', 'borderbottomCW');"/>
  702.           <button id="bottomBorderColorButton"
  703.                   class="color-button"
  704.                   oncommand="GetColorAndUpdate('borderbottomCW');">
  705.             <spacer id="borderbottomCW" class="color-well"/>
  706.           </button>
  707.         </row>
  708.       </rows>
  709.     </grid>
  710.     <hbox flex="1">
  711.       <spacer flex="1"/>
  712.       <groupbox flex="1"><caption label="&borderPreview.label;"/>
  713.         <html:p style="height: 75px" id="borderPreview"> </html:p>
  714.       </groupbox>
  715.       <spacer flex="1"/>
  716.     </hbox>
  717.   </vbox>
  718.  
  719.  
  720.  
  721.   <!-- BOX TAB PANEL -->
  722.   <vbox id="boxTabPanel">
  723.     <grid>
  724.       <columns><column/><column/><column flex="1"/><column/><column/></columns>
  725.       <rows>
  726.         <row align="center">
  727.           <label value="&display.label;"/>
  728.           <menulist id="displayMenulist"
  729.                     oncommand="DoMenulistCommand(this, 'display', null);">
  730.             <menupopup>
  731.               <menuitem label="&unspecifiedValue.label;"
  732.                         id="unspecifiedDisplayMenuitem"
  733.                         value=""/>
  734.               <menuseparator/>
  735.               <menuitem label="&noneDisplay.label;"
  736.                         id="noneDisplayMenuitem"
  737.                         value='none'/>
  738.               <menuseparator/>
  739.               <menuitem label="&inlineDisplay.label;"
  740.                         id="inlineDisplayMenuitem"
  741.                         value='inline'/>
  742.               <menuitem label="&blockDisplay.label;"
  743.                         id="blockDisplayMenuitem"
  744.                         value='block'/>
  745.               <menuitem label="&runinDisplay.label;" disabled="true"
  746.                         id="runinDisplayMenuitem"
  747.                         value='run-in'/>
  748.               <menuitem label="&compactDisplay.label;" disabled="true"
  749.                         id="compactDisplayMenuitem"
  750.                         value='compact'/>
  751.               <menuseparator/>
  752.               <menuitem label="&listitemDisplay.label;"
  753.                         id="listitemDisplayMenuitem"
  754.                         value='list-item'/>
  755.               <menuseparator/>
  756.               <menuitem label="&tableDisplay.label;"
  757.                         id="tableDisplayMenuitem"
  758.                         value='table'/>
  759.               <menuitem label="&tablerowDisplay.label;"
  760.                         id="tablerowDisplayMenuitem"
  761.                         value='table-row'/>
  762.               <menuitem label="&tablecellDisplay.label;"
  763.                         id="tablecellDisplayMenuitem"
  764.                         value='table-cell'/>
  765.               <menuitem label="&tablecaptionDisplay.label;"
  766.                         id="tablecaptionDisplayMenuitem"
  767.                         value='table-caption'/>
  768.               <menuitem label="&inlinetableDisplay.label;"
  769.                         id="inlinetableDisplayMenuitem"
  770.                         value='inline-table'/>
  771.               <menuitem label="&tablecolumnDisplay.label;"
  772.                         id="tablecolumnDisplayMenuitem"
  773.                         value='table-column'/>
  774.               <menuitem label="&tablerowgroupDisplay.label;"
  775.                         id="tablerowgroupDisplayMenuitem"
  776.                         value='table-row-group'/>
  777.               <menuitem label="&tableheadergroupDisplay.label;"
  778.                         id="tableheadergroupDisplayMenuitem"
  779.                         value='table-header-group'/>
  780.               <menuitem label="&tablefootergroupDisplay.label;"
  781.                         id="tablefootergroupDisplayMenuitem"
  782.                         value='table-footer-group'/>
  783.               <menuitem label="&tablecolumngroupDisplay.label;"
  784.                         id="tablecolumngroupDisplayMenuitem"
  785.                         value='table-column-group'/>
  786.             </menupopup>
  787.           </menulist>
  788.           <spacer/>
  789.           <label value="&visibility.label;"/>
  790.           <menulist style="min-width: 12em"
  791.                     id="visibilityMenulist"
  792.                     oncommand="DoMenulistCommand(this, 'visibility', null);">
  793.             <menupopup>
  794.               <menuitem label="&unspecifiedValue.label;"
  795.                         id="unspecifiedVisibilityMenuitem"
  796.                         value=''/>
  797.               <menuseparator/>
  798.               <menuitem label="&visibleVisibility.label;"
  799.                         id="visibleVisibilityMenuitem"
  800.                         value='visible'/>
  801.               <menuitem label="&hiddenVisibility.label;"
  802.                         id="hiddenVisibilityMenuitem"
  803.                         value='hidden'/>
  804.               <menuitem label="&collapseVisibility.label;"
  805.                         id="collapseVisibilityMenuitem"
  806.                         value='collapse'/>
  807.             </menupopup>
  808.           </menulist>
  809.         </row>
  810.         <row align="center">
  811.           <label value="Float:"/>
  812.           <menulist id="floatMenulist"
  813.                     oncommand="DoMenulistCommand(this, 'float', null);">
  814.             <menupopup>
  815.               <menuitem label="&unspecifiedValue.label;" id="unspecifiedFloatMenuitem"
  816.                         value=''/>
  817.               <menuseparator/>
  818.               <menuitem label="&leftFloat.label;"
  819.                         id="leftFloatMenuitem"
  820.                         value='left'/>
  821.               <menuitem label="&rightFloat.label;"
  822.                         id="rightFloatMenuitem"
  823.                         value='right'/>
  824.               <menuitem label="&noneFloat.label;"
  825.                         id="noneFloatMenuitem"
  826.                         value='none'/>
  827.             </menupopup>
  828.           </menulist>
  829.           <spacer/>
  830.           <label value="&clear.label;"/>
  831.           <menulist id="clearMenulist"
  832.                     oncommand="DoMenulistCommand(this, 'clear', null);">
  833.             <menupopup>
  834.               <menuitem label="&unspecifiedValue.label;"
  835.                         id="unspecifiedClearMenuitem"
  836.                         value=''/>
  837.               <menuseparator/>
  838.               <menuitem label="&noneClear.label;"
  839.                         id="noneClearMenuitem"
  840.                         value='none'/>
  841.               <menuseparator/>
  842.               <menuitem label="&leftClear.label;"
  843.                         id="leftClearMenuitem"
  844.                         value='left'/>
  845.               <menuitem label="&rightClear.label;"
  846.                         id="rightClearMenuitem"
  847.                         value='right'/>
  848.               <menuitem label="&bothClear.label;"
  849.                         id="bothClearMenuitem"
  850.                         value='both'/>
  851.             </menupopup>
  852.           </menulist>
  853.         </row>
  854.         <row align="center">
  855.           <label value="&position.label;"/>
  856.           <menulist id="positionMenulist"
  857.                     oncommand="DoMenulistCommand(this, 'position', null);">
  858.             <menupopup>
  859.               <menuitem label="&unspecifiedValue.label;"
  860.                         id="unspecifiedPositionMenuitem"
  861.                         value=''/>
  862.               <menuseparator/>
  863.               <menuitem label="&staticPosition.label;"
  864.                         id="staticPositionMenuitem"
  865.                         value='static'/>
  866.               <menuitem label="&fixedPosition.label;"
  867.                         id="fixedPositionMenuitem"
  868.                         value='fixed'/>
  869.               <menuitem label="&absolutePosition.label;"
  870.                         id="absolutePositionMenuitem"
  871.                         value='absolute'/>
  872.               <menuitem label="&relativePosition.label;"
  873.                         id="relativePositionMenuitem"
  874.                         value='relative'/>
  875.             </menupopup>
  876.           </menulist>
  877.           <spacer/>
  878.           <label value="&overflow.label;"/>
  879.           <menulist style="min-width: 12em"
  880.                     id="overflowMenulist"
  881.                     oncommand="DoMenulistCommand(this, 'overflow', null);">
  882.             <menupopup>
  883.               <menuitem label="&unspecifiedValue.label;"
  884.                         id="unspecifiedOverflowMenuitem"
  885.                         value=''/>
  886.               <menuseparator/>
  887.               <menuitem label="&visibleOverflow.label;"
  888.                         id="visibleOverflowMenuitem"
  889.                         value='visible'/>
  890.               <menuitem label="&hiddenOverflow.label;"
  891.                         id="hiddenOverflowMenuitem"
  892.                         value='hidden'/>
  893.               <menuitem label="&scrollOverflow.label;"
  894.                         id="scrollOverflowMenuitem"
  895.                         value='scroll'/>
  896.               <menuitem label="&autoOverflow.label;"
  897.                         id="autoOverflowMenuitem"
  898.                         value='auto'/>
  899.             </menupopup>
  900.           </menulist>
  901.         </row>
  902.         <row align="center">
  903.           <label value="&zIndex.label;"/>
  904.           <textbox size="6" id="zindexInput"
  905.                    oninput="ChangeValueOnInput(this, 'z-index', null);"/>
  906.         </row>
  907.       </rows>
  908.     </grid>
  909.     <separator class="groove"/>
  910.     <grid>
  911.       <columns>
  912.         <column/><column/>
  913.         <column flex="1"/>
  914.         <column/><column/>
  915.       </columns>
  916.       <rows>
  917.         <row align="center">
  918.           <label value="&width.label;"/>
  919.           <hbox align="center">
  920.             <menulist editable="true" style="width: 10em"
  921.                       id="widthEditableMenulist"
  922.                       oninput="ChangeValueOnInput(this, 'width', null);">
  923.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'width', null, true);"/>
  924.             </menulist>
  925.             <spinbuttons onup="Spinbutton(1, 'widthEditableMenulist');"
  926.                          ondown="Spinbutton(-1, 'widthEditableMenulist');"/>
  927.           </hbox>
  928.           <spacer/>
  929.           <label value="&height.label;"/>
  930.           <hbox align="center">
  931.             <menulist editable="true" style="width: 10em"
  932.                       id="heightEditableMenulist"
  933.                       oninput="ChangeValueOnInput(this, 'height', null);">
  934.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'height', null, true);"/>
  935.             </menulist>
  936.             <spinbuttons onup="Spinbutton(1, 'heightEditableMenulist');"
  937.                          ondown="Spinbutton(-1, 'heightEditableMenulist');"/>
  938.           </hbox>
  939.         </row>
  940.         <row align="center">
  941.           <label value="&minWidth.label;"/>
  942.           <hbox align="center">
  943.             <menulist editable="true"  style="width: 10em"
  944.                       id="minwidthEditableMenulist"
  945.                       oninput="ChangeValueOnInput(this, 'min-width', null);">
  946.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'min-width', null, true);"/>
  947.             </menulist>
  948.             <spinbuttons onup="Spinbutton(1, 'minwidthEditableMenulist');"
  949.                          ondown="Spinbutton(-1, 'minwidthEditableMenulist');"/>
  950.           </hbox>
  951.           <spacer/>
  952.           <label value="&minHeight.label;"/>
  953.           <hbox align="center">
  954.             <menulist editable="true" style="width: 10em"
  955.                       id="minheightEditableMenulist"
  956.                       oninput="ChangeValueOnInput(this, 'min-height', null);">
  957.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'min-height', null, true);"/>
  958.             </menulist>
  959.             <spinbuttons onup="Spinbutton(1, 'minheightEditableMenulist');"
  960.                          ondown="Spinbutton(-1, 'minheightEditableMenulist');"/>
  961.           </hbox>
  962.         </row>
  963.         <row align="center">
  964.           <label value="&maxWidth.label;"/>
  965.           <hbox align="center">
  966.             <menulist editable="true" style="width: 10em"
  967.                       id="maxwidthEditableMenulist"
  968.                       oninput="ChangeValueOnInput(this, 'max-width', null);">
  969.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'max-width', null, true);"/>
  970.             </menulist>
  971.             <spinbuttons onup="Spinbutton(1, 'maxwidthEditableMenulist');"
  972.                          ondown="Spinbutton(-1, 'maxwidthEditableMenulist');"/>
  973.           </hbox>
  974.           <spacer/>
  975.           <label value="&maxHeight.label;"/>
  976.           <hbox align="center">
  977.             <menulist editable="true" style="width: 10em"
  978.                       id="maxheightEditableMenulist"
  979.                       oninput="ChangeValueOnInput(this, 'max-height', null);">
  980.               <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'max-height', null, true);"/>
  981.             </menulist>
  982.             <spinbuttons onup="Spinbutton(1, 'maxheightEditableMenulist');"
  983.                          ondown="Spinbutton(-1, 'maxheightEditableMenulist');"/>
  984.           </hbox>
  985.         </row>
  986.       </rows>
  987.     </grid>
  988.     <separator class="groove"/>
  989.     <grid flex="1">
  990.       <columns><column/><column/><column flex="1"/><column/><column flex="1"/><column/></columns>
  991.       <rows>
  992.         <row>
  993.           <spacer/>
  994.           <label value="&margins.label;"/>
  995.           <spacer flex="1"/>
  996.           <label value="&paddings.label;"/>
  997.           <spacer flex="1"/>
  998.           <label value="&offsets.label;"/>
  999.         </row>
  1000.         <row align="center">
  1001.           <label value="&top.label;"/>
  1002.           <menulist editable="true" style="width: 8em"
  1003.                     id="margintopEditableMenulist"
  1004.                     oninput="ChangeValueOnInput(this, 'margin-top', null);">
  1005.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'margin-top', null, true);"/>
  1006.           </menulist>
  1007.           <spacer flex="1"/>
  1008.           <menulist editable="true" style="width: 8em"
  1009.                     id="paddingtopEditableMenulist"
  1010.                     oninput="ChangeValueOnInput(this, 'padding-top', null);">
  1011.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'padding-top', null, true);"/>
  1012.           </menulist>
  1013.           <spacer flex="1"/>
  1014.           <menulist editable="true" style="width: 8em"
  1015.                     id="topEditableMenulist"
  1016.                     oninput="ChangeValueOnInput(this, 'top', null);">
  1017.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'top', null, true);"/>
  1018.           </menulist>
  1019.         </row>
  1020.         <row align="center">
  1021.           <label value="&left.label;"/>
  1022.           <menulist editable="true" style="width: 8em"
  1023.                     id="marginleftEditableMenulist"
  1024.                     oninput="ChangeValueOnInput(this, 'margin-left', null);">
  1025.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'margin-left', null, true);"/>
  1026.           </menulist>
  1027.           <spacer flex="1"/>
  1028.           <menulist editable="true" style="width: 8em"
  1029.                     id="paddingleftEditableMenulist"
  1030.                     oninput="ChangeValueOnInput(this, 'padding-left', null);">
  1031.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'padding-left', null, true);"/>
  1032.           </menulist>
  1033.           <spacer flex="1"/>
  1034.           <menulist editable="true" style="width: 8em"
  1035.                     id="leftEditableMenulist"
  1036.                     oninput="ChangeValueOnInput(this, 'left', null);">
  1037.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'left', null, true);"/>
  1038.           </menulist>
  1039.         </row>
  1040.         <row align="center">
  1041.           <label value="&right.label;"/>
  1042.           <menulist editable="true" style="width: 8em"
  1043.                     id="marginrightEditableMenulist"
  1044.                     oninput="ChangeValueOnInput(this, 'margin-right', null);">
  1045.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'margin-right', null, true);"/>
  1046.           </menulist>
  1047.           <spacer flex="1"/>
  1048.           <menulist editable="true" style="width: 8em"
  1049.                     id="paddingrightEditableMenulist"
  1050.                     oninput="ChangeValueOnInput(this, 'padding-right', null);">
  1051.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'padding-right', null, true);"/>
  1052.           </menulist>
  1053.           <spacer flex="1"/>
  1054.           <menulist editable="true" style="width: 8em"
  1055.                     id="rightEditableMenulist"
  1056.                     oninput="ChangeValueOnInput(this, 'right', null);">
  1057.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'right', null, true);"/>
  1058.           </menulist>
  1059.         </row>
  1060.         <row align="center">
  1061.           <label value="&bottom.label;"/>
  1062.           <menulist editable="true" style="width: 8em"
  1063.                     id="marginbottomEditableMenulist"
  1064.                     oninput="ChangeValueOnInput(this, 'margin-bottom', null);">
  1065.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'margin-bottom', null, true);"/>
  1066.           </menulist>
  1067.           <spacer flex="1"/>
  1068.           <menulist editable="true" style="width: 8em"
  1069.                     id="paddingbottomEditableMenulist"
  1070.                     oninput="ChangeValueOnInput(this, 'padding-bottom', null);">
  1071.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'padding-bottom', null, true);"/>
  1072.           </menulist>
  1073.           <spacer flex="1"/>
  1074.           <menulist editable="true" style="width: 8em"
  1075.                     id="bottomEditableMenulist"
  1076.                     oninput="ChangeValueOnInput(this, 'bottom', null);">
  1077.             <menupopup onpopupshowing="InitLengthUnitMenuPopup(this, 'bottom', null, true);"/>
  1078.           </menulist>
  1079.         </row>
  1080.       </rows>
  1081.     </grid>
  1082.   </vbox>
  1083.  
  1084.  
  1085.     <!-- AURAL TAB PANEL-->
  1086.   <vbox id="auralTabPanel">
  1087.     <hbox align="center">
  1088.       <label value="&volume.label;"/>
  1089.       <scrollbar flex="1"
  1090.           id="volumeScrollbar"
  1091.           align="horizontal"
  1092.           curpos="500"
  1093.           maxpos="1000"
  1094.           increment="10"
  1095.           pageincrement="100"/>
  1096.       <menulist editable="true" style="width: 8em"
  1097.                 id="volumeMenulist"
  1098.                 oninput="ChangeValueOnInput(this, 'volume', null); UpdateScrollbar(this, 'volumeScrollbar');">
  1099.         <menupopup>
  1100.           <menuitem label="&xsoftVolume.label;"/>
  1101.           <menuitem label="&softVolume.label;"/>
  1102.           <menuitem label="&mediumVolume.label;"/>
  1103.           <menuitem label="&loudVolume.label;"/>
  1104.           <menuitem label="&xloudVolume.label;"/>
  1105.         </menupopup>
  1106.       </menulist>
  1107.       <checkbox id="muteVolumeCheckbox"
  1108.                 oncommand="MuteVolume(this)"
  1109.                 label="&muteVolume.label;"
  1110.                 autostretch="never"/>
  1111.     </hbox>
  1112.     <separator class="groove"/>
  1113.     <grid flex="1">
  1114.       <columns><column/><column/><column flex="1"/><column/><column/><column/></columns>
  1115.       <rows>
  1116.         <row align="center">
  1117.           <label value="&speak.label;"/>
  1118.           <menulist id="speakMenulist"
  1119.                     oncommand="DoMenulistCommand(this, 'speak', null);">
  1120.             <menupopup>
  1121.               <menuitem label="&unspecifiedValue.label;"
  1122.                         id="unspecifiedSpeakMenu"
  1123.                         value=''/>
  1124.               <menuseparator/>
  1125.               <menuitem label="&noneSpeak.label;"
  1126.                         id="noneSpeakMenu"
  1127.                         value='none'/>
  1128.               <menuitem label="&normalSpeak.label;"
  1129.                         id="normalSpeakMenu"
  1130.                         value='normal'/>
  1131.               <menuitem label="&spelloutSpeak.label;"
  1132.                         id="spelloutSpeakMenu"
  1133.                         value='spell-out'/>
  1134.             </menupopup>
  1135.           </menulist>
  1136.           <spacer flex="1"/>
  1137.           <label value="&speechRate.label;"/>
  1138.           <menulist editable="true"
  1139.                     id="speechRateMenulist"
  1140.                     oncommand="DoMenulistCommand(this, 'speak', null);">
  1141.             <menupopup>
  1142.               <menuitem label="&unspecifiedValue.label;"
  1143.                         id="unspecifiedSpeechRateMenu"
  1144.                         value=''/>
  1145.               <menuseparator/>
  1146.               <menuitem label="&slowerSpeechRate.label;"
  1147.                         id="slowerSpeechRateMenu"
  1148.                         value='slower'/>
  1149.               <menuitem label="&fasterSpeechRate.label;"
  1150.                         id="fasterSpeechRateMenu"
  1151.                         value='faster'/>
  1152.               <menuseparator/>
  1153.               <menuitem label="&xslowSpeechRate.label;"
  1154.                         id="xslowSpeechRateMenu"
  1155.                         value='x-slow'/>
  1156.               <menuitem label="&slowSpeechRate.label;"
  1157.                         id="slowSpeechRateMenu"
  1158.                         value='slow'/>
  1159.               <menuitem label="&mediumSpeechRate.label;"
  1160.                         id="mediumSpeechRateMenu"
  1161.                         value='medium'/>
  1162.               <menuitem label="&fastSpeechRate.label;"
  1163.                         id="fastSpeechRateMenu"
  1164.                         value='fast'/>
  1165.               <menuitem label="&xfastSpeechRate.label;"
  1166.                         id="xfastSpeechRateMenu"
  1167.                         value='x-fast'/>
  1168.             </menupopup>
  1169.           </menulist>
  1170.         </row>
  1171.         <!-- WORK IN PROGRESS UNDER THIS LINE -->
  1172.         <row align="center">
  1173.           <label value="Pause before:"/>
  1174.           <textbox/>
  1175.           <spacer/>
  1176.           <label value="Cue before:"/>
  1177.           <textbox id="cueBeforeInput"
  1178.                    oninput=""
  1179.                    flex="1"/>
  1180.           <!-- from eddialogoverlay.Xul -->
  1181.           <button label="Choose file" oncommand="chooseFile('sound', 'cueBeforeInput')"/>
  1182.         </row>
  1183.         <row align="center">
  1184.           <label value="Pause after:"/>
  1185.           <textbox/>
  1186.           <spacer/>
  1187.           <label value="Cue after:"/>
  1188.           <textbox id="cueAfterInput"
  1189.                    oninput=""
  1190.                    flex="1"/>
  1191.           <!-- from eddialogoverlay.Xul -->
  1192.           <button label="Choose file" oncommand = "chooseFile('sound', 'cueAfterInput')"/>
  1193.         </row>
  1194.       </rows>
  1195.     </grid>
  1196.   </vbox>
  1197.  
  1198. </overlay>
  1199.