-\r
-#navigator-throbber\r
- {\r
- list-style-image : url("chrome://global/skin/animthrob_single.gif");\r
- min-width : 36px;\r
- min-height : 36px;\r
- vertical-align : middle;\r
- padding : 1px;\r
- margin : 2px 4px 2px 1px;\r
- border : none;\r
- cursor : pointer;\r
- } \r
-\r
-#navigator-throbber[busy="true"]\r
- {\r
- list-style-image : url("chrome://global/skin/animthrob.gif");\r
- }\r
- \r
-#navigator-throbber:hover:active\r
- {\r
- padding : 2px 0px 0px 2px;\r
- }\r
-\r
-#navigator-throbber > .button-internal-box\r
- {\r
- padding : 0px;\r
- }\r
-\r
-#navigator-throbber > .button-internal-box > .button-text-container\r
- {\r
- display : none;\r
- }
\ No newline at end of file
+
+#navigator-throbber
+ {
+ list-style-image : url("chrome://global/skin/animthrob_single.gif");
+ min-width : 36px;
+ min-height : 36px;
+ -moz-box-align : center; /* We're in a hbox */
+ padding : 1px;
+ margin : 2px 4px 2px 1px;
+ border : none;
+ cursor : pointer;
+ }
+
+#navigator-throbber[busy="true"]
+ {
+ list-style-image : url("chrome://global/skin/animthrob.gif");
+ }
+
+#navigator-throbber:hover:active
+ {
+ padding : 2px 0px 0px 2px;
+ }
+
+#navigator-throbber > .button-internal-box
+ {
+ padding : 0px;
+ }
+
+#navigator-throbber > .button-internal-box > .button-text-container
+ {
+ display : none;
+ }
+
.button-toolbar-1 > .button-internal-box
{
border : none;
- vertical-align : middle;
+ -moz-box-align : center;
}
.button-toolbar-1:hover > .button-internal-box
{
border : none;
- vertical-align : middle;
+ -moz-box-align : center;
}
.button-toolbar-1:hover:active > .button-internal-box
{
border : none;
- vertical-align : middle;
+ -moz-box-align : center;
padding : 2px 0px 0px 2px;
}
.button-toolbar-1 > .button-internal-box > .button-text-container
{
display : none;
- text-align : center;
+ -moz-box-pack : center;
}
/** Styles for the standard 'large' toolbar button, these buttons are used for
{
border : none;
padding : 1px;
- vertical-align : middle;
+ -moz-box-align : center;
}
.button-toolbar-2:hover > .button-internal-box
.button-toolbar-2 > .button-internal-box > .button-text-container
{
padding-top : 3px;
- text-align : center;
+ -moz-box-pack : center;
}
{
padding : 2px 0px 0px 4px;
}
+
-/** \r
- * Small Dialog Header (without icon)\r
- **/\r
-.box-smallheader \r
- {\r
- -moz-binding : url(chrome://communicator/content/dialogBindings.xml#smallheader);\r
- -moz-border-radius : 3px;\r
- border : 1px solid #9C9CFF;\r
- margin : 0px 5px 6px 5px;\r
- }\r
-\r
-.toolbar-primary\r
- {\r
- padding : 0px 0px 3px 0px;\r
- min-height : 0px;\r
- }\r
-\r
-.box-smallheader-left \r
- {\r
- font-size : larger;\r
- font-weight : bold;\r
- color : #9C9CFF;\r
- padding-left : 6px;\r
- }\r
-\r
-.box-smallheader-right \r
- {\r
- color : #FF9F00;\r
- padding-right : 6px;\r
- }\r
-\r
-.box-smallheader > .toolbar-primary \r
- {\r
- background-color : #000000;\r
- vertical-align : middle;\r
- padding-top : 3px;\r
- }\r
-\r
-/** \r
- * Large Dialog Header (with icon) \r
- **/\r
-.box-header \r
- {\r
- -moz-binding : url(chrome://communicator/content/dialogBindings.xml#largeheader);\r
- }\r
-\r
-.box-header-header \r
- {\r
- padding : 0px 0px 4px 5px;\r
- min-height : 34px;\r
- }\r
-\r
-.box-header-text-box \r
- {\r
- vertical-align : middle;\r
- }\r
-\r
-.box-header-text \r
- {\r
- color : #FF9F00;\r
- font-size : large;\r
- font-weight : bold;\r
- text-decoration : underline;\r
- }\r
-\r
-.box-header-icon-box \r
- {\r
- vertical-align : middle;\r
- }\r
- \r
-.box-header-circle \r
- {\r
- background-color : transparent;\r
- min-width : 28px;\r
- margin : 1px 7px 1px 1px;\r
- height : 28px;\r
- width : 28px;\r
- } \r
-\r
-/**\r
- * Dialog status line (blue) including progress area\r
- **/\r
-.box-status \r
- {\r
- -moz-binding : url(chrome://communicator/content/dialogBindings.xml#status);\r
- }\r
-\r
-.box-status-bg \r
- {\r
- padding : 1px 5px 1px 5px;\r
- min-height : 0px ! important;\r
- }\r
-\r
-.box-status-text, .box-status-progress\r
- {\r
- color : #9999cc ! important;\r
- }\r
-\r
- \r
-/** \r
- * Utility classes for use when combined headers/footers are used\r
- **/\r
-/* display area framed container */\r
-#contentarea \r
- {\r
- border-top : 2px groove #9C9CFF;\r
- border-bottom : 2px groove #9C9CFF;\r
- padding : 7px;\r
- }\r
-\r
-/* top border on status area */\r
-#wizardButtons \r
- {\r
- border-bottom : 1px solid #FF9F00;\r
- padding-top : 1px;\r
- padding-bottom : 1px;\r
- }\r
-\r
-\r
+/**
+ * Small Dialog Header (without icon)
+ **/
+.box-smallheader
+ {
+ -moz-binding : url(chrome://communicator/content/dialogBindings.xml#smallheader);
+ -moz-border-radius : 3px;
+ border : 1px solid #9C9CFF;
+ margin : 0px 5px 6px 5px;
+ }
+
+.toolbar-primary
+ {
+ padding : 0px 0px 3px 0px;
+ min-height : 0px;
+ }
+
+.box-smallheader-left
+ {
+ font-size : larger;
+ font-weight : bold;
+ color : #9C9CFF;
+ padding-left : 6px;
+ }
+
+.box-smallheader-right
+ {
+ color : #FF9F00;
+ padding-right : 6px;
+ }
+
+.box-smallheader > .toolbar-primary
+ {
+ background-color : #000000;
+ -moz-box-align : center;
+ padding-top : 3px;
+ }
+
+/**
+ * Large Dialog Header (with icon)
+ **/
+.box-header
+ {
+ -moz-binding : url(chrome://communicator/content/dialogBindings.xml#largeheader);
+ }
+
+.box-header-header
+ {
+ padding : 0px 0px 4px 5px;
+ min-height : 34px;
+ }
+
+.box-header-text-box
+ {
+ -moz-box-align : center;
+ }
+
+.box-header-text
+ {
+ color : #FF9F00;
+ font-size : large;
+ font-weight : bold;
+ text-decoration : underline;
+ }
+
+.box-header-icon-box
+ {
+ -moz-box-align : center;
+ }
+
+.box-header-circle
+ {
+ background-color : transparent;
+ min-width : 28px;
+ margin : 1px 7px 1px 1px;
+ height : 28px;
+ width : 28px;
+ }
+
+/**
+ * Dialog status line (blue) including progress area
+ **/
+.box-status
+ {
+ -moz-binding : url(chrome://communicator/content/dialogBindings.xml#status);
+ }
+
+.box-status-bg
+ {
+ padding : 1px 5px 1px 5px;
+ min-height : 0px ! important;
+ }
+
+.box-status-text, .box-status-progress
+ {
+ color : #9999cc ! important;
+ }
+
+
+/**
+ * Utility classes for use when combined headers/footers are used
+ **/
+/* display area framed container */
+#contentarea
+ {
+ border-top : 2px groove #9C9CFF;
+ border-bottom : 2px groove #9C9CFF;
+ padding : 7px;
+ }
+
+/* top border on status area */
+#wizardButtons
+ {
+ border-bottom : 1px solid #FF9F00;
+ padding-top : 1px;
+ padding-bottom : 1px;
+ }
.menubutton-dual-ex-button > .button-internal-box > .button-text-container
{
padding-top : 3px;
- text-align : center;
+ -moz-box-pack : center;
}
/* padding-bottom : 17px; */
padding-bottom : 24px;
}
+
<xul:stack>
<xul:button class="menubutton-dual-button button-toolbar-1 top" allowevents="true"
inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value=label,crop,accesskey,disabled"/>
- <xul:box class="menubutton-dual-dropmarker-box" autostretch="never" valign="top" flex="1">
+ <xul:hbox class="menubutton-dual-dropmarker-box" autostretch="never" align="start" flex="1">
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
- </xul:box>
+ </xul:hbox>
</xul:stack>
</content>
</binding>
<content excludes="observes,template,menupopup">
<xul:button class="menubutton-dual-button button-toolbar-1 top" allowevents="true"
inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value=label,crop,accesskey,disabled"/>
- <xul:box class="menubutton-dual-dropmarker-box" autostretch="never" valign="top" flex="1">
+ <xul:hbox class="menubutton-dual-dropmarker-box" autostretch="never" align="start" flex="1">
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
- </xul:box>
+ </xul:hbox>
</content>
</binding>
<content excludes="observes,template,menupopup">
<xul:button class="menubutton-dual-button button-toolbar-2 top" allowevents="true"
inherits="buttontooltiptext:tooltiptext,buttonaction:oncommand,src,value=label,crop,accesskey,disabled"/>
- <xul:box class="menubutton-dual-dropmarker-box" autostretch="never" valign="top" flex="1">
+ <xul:hbox class="menubutton-dual-dropmarker-box" autostretch="never" align="start" flex="1">
<xul:image class="menubutton-dual-dropmarker" inherits="disabled"/>
- </xul:box>
+ </xul:hbox>
</content>
</binding>
<binding id="menubutton-ubhist" extends="xul:menubutton">
<content excludes="observes,template,menupopup">
<xul:button class="button-toolbar-3">
- <xul:box class="button-internal-box">
+ <xul:hbox class="button-internal-box">
<xul:image inherits="disabled"/>
- </xul:box>
+ </xul:hbox>
</xul:button>
</content>
</binding>
</bindings>
+
}
titledbutton.paneltitle {
- horizontal-align: left;
+ -moz-box-pack: start;
}
treecol.checkboxColumn {
box.spaced {
padding-top: 5px;
- paddimg-bottom: 2px;
+ padding-bottom: 2px;
}
box#engineTabs {
margin-left : 0px;
margin-right : 0px;
}
-
-
-/* -*- Mode: C; c-basic-offset: 2 -*-\r
- *\r
- * The contents of this file are subject to the Netscape Public\r
- * License Version 1.1 (the "License"); you may not use this file\r
- * except in compliance with the License. You may obtain a copy of\r
- * the License at http://www.mozilla.org/NPL/\r
- *\r
- * Software distributed under the License is distributed on an "AS\r
- * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or\r
- * implied. See the License for the specific language governing\r
- * rights and limitations under the License.\r
- *\r
- * The Original Code is mozilla.org code.\r
- *\r
- * The Initial Developer of the Original Code is Netscape\r
- * Communications Corporation. Portions created by Netscape are\r
- * Copyright (C) 1998 Netscape Communications Corporation. All\r
- * Rights Reserved.\r
- *\r
- * Contributor(s): \r
- */\r
-\r
-/*\r
-\r
- Style rules specific to the Customize dialog.\r
-\r
-*/\r
-\r
-/* These rules apply appropriate images to the 'reorder' buttons */\r
-.up {\r
- list-style-image:url("chrome://global/skin/scroll-up.gif");\r
- min-width: 0px;\r
-}\r
-\r
-.up[disabled="true"] {\r
- list-style-image:url("chrome://global/skin/scroll-up-disabled.gif");\r
-}\r
-\r
-.down {\r
- min-width: 0px;\r
- list-style-image:url("chrome://global/skin/scroll-down.gif");\r
-}\r
-\r
-.down[disabled="true"] {\r
- list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");\r
-}\r
-\r
-.treecell-panel\r
-{\r
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");\r
-}\r
-\r
-.treecell-panel[selected="true"]\r
-{\r
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-sel.gif");\r
-}\r
-\r
-.treecell-panel[haslink="true"],\r
-treeitem[container="true"] > treerow > .treecell-panel\r
-{\r
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");\r
-}\r
-treeitem[selected="true"] > treerow > .treecell-panel[haslink="true"],\r
-treeitem[selected="true"][container="true"] > treerow > .treecell-panel\r
-{\r
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed-sel.gif");\r
-}\r
-\r
-treeitem[container="true"][open="true"] > treerow > .treecell-panel\r
-{\r
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");\r
-}\r
-treeitem[selected="true"][container="true"][open="true"] > treerow > .treecell-panel\r
-{\r
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open-sel.gif");\r
-}\r
-\r
-#header {\r
- list-style-image: url("chrome://communicator/skin/sidebar/sidebar-icon.gif");\r
-}\r
-\r
-.tree-cell-twisty {\r
- display: none !important;\r
-}\r
-\r
-box#reorder {\r
- text-align: center;\r
-}\r
+/* -*- Mode: C; c-basic-offset: 2 -*-
+ *
+ * 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.org code.
+ *
+ * The Initial Developer of the Original Code is Netscape
+ * Communications Corporation. Portions created by Netscape are
+ * Copyright (C) 1998 Netscape Communications Corporation. All
+ * Rights Reserved.
+ *
+ * Contributor(s):
+ */
+
+/*
+
+ Style rules specific to the Customize dialog.
+
+*/
+
+/* These rules apply appropriate images to the 'reorder' buttons */
+.up {
+ list-style-image:url("chrome://global/skin/scroll-up.gif");
+ min-width: 0px;
+}
+
+.up[disabled="true"] {
+ list-style-image:url("chrome://global/skin/scroll-up-disabled.gif");
+}
+
+.down {
+ min-width: 0px;
+ list-style-image:url("chrome://global/skin/scroll-down.gif");
+}
+
+.down[disabled="true"] {
+ list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");
+}
+
+.treecell-panel
+{
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
+}
+
+.treecell-panel[selected="true"]
+{
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-sel.gif");
+}
+
+.treecell-panel[haslink="true"],
+treeitem[container="true"] > treerow > .treecell-panel
+{
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
+}
+treeitem[selected="true"] > treerow > .treecell-panel[haslink="true"],
+treeitem[selected="true"][container="true"] > treerow > .treecell-panel
+{
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed-sel.gif");
+}
+
+treeitem[container="true"][open="true"] > treerow > .treecell-panel
+{
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
+}
+treeitem[selected="true"][container="true"][open="true"] > treerow > .treecell-panel
+{
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open-sel.gif");
+}
+
+#header {
+ list-style-image: url("chrome://communicator/skin/sidebar/sidebar-icon.gif");
+}
+
+.tree-cell-twisty {
+ display: none !important;
+}
+
+box#reorder {
+ -moz-box-pack: center;
+}
+
background-color: #6000CF;
border: none;
padding-left: 4px;
- vertical-align: middle;
+ -moz-box-align: center;
}
.sidebar-header-text {
font-weight : bold;
}
+
margin: 3px 0px 3px 0px;
}
-/* for backwards compatibility */
-box[align="vertical"]>splitter > grippy,
-window[align="vertical"]>splitter > grippy {
- /* a horizontal splitter */
- background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
- border: none;
- border-right: 3px solid black;
- border-left: 3px solid black;
- width: 120px;
- height: 8px;
-}
-
-box[align="vertical"]>splitter[state="collapsed"] > grippy,
-window[align="vertical"]>splitter[state="collapsed"] > grippy {
- background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
-}
-
-box[align="vertical"]>splitter,
-window[align="vertical"]>splitter {
- /* a horizontal splitter */
- cursor: n-resize;
- border: none;
- margin: 3px 0px 3px 0px;
-}
-
/**
* gray horizontal splitter for pane views
*/
width: 8px;
}
*/
+
-/* \r
- * The contents of this file are subject to the Netscape Public\r
- * License Version 1.1 (the "License"); you may not use this file\r
- * except in compliance with the License. You may obtain a copy of\r
- * the License at http://www.mozilla.org/NPL/\r
- * \r
- * Software distributed under the License is distributed on an "AS\r
- * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or\r
- * implied. See the License for the specific language governing\r
- * rights and limitations under the License.\r
- * \r
- * The Original Code is Mozilla Communicator client code, released\r
- * March 31, 1998.\r
- * \r
- * The Initial Developer of the Original Code is Netscape\r
- * Communications Corporation. Portions created by Netscape are\r
- * Copyright (C) 1998-1999 Netscape Communications Corporation. All\r
- * Rights Reserved.\r
- * \r
- * Contributor(s): \r
- * Pete Collins, Ben Goodger\r
- */\r
-\r
-/*\r
- THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR\r
- CHANGES REVIEWED BY cmanske@netscape.com.\r
-*/\r
-/* Most should be moved to global files */\r
-\r
-/* The defaults are WAY to big! */\r
-titledbox {\r
- margin: 2px 5px; 4px; 5px;\r
- padding-top: 2px;\r
- padding-bottom: 4px;\r
-}\r
-\r
-.MinWidth5em {\r
- min-width: 5em;\r
-}\r
-\r
-.MinWidth10em {\r
- min-width: 10em;\r
-}\r
-\r
-.MinWidth20em {\r
- min-width: 20em;\r
-}\r
-\r
-.big-left-margin {\r
- margin-left: 10px;\r
-}\r
-\r
-.middle {\r
- vertical-align: middle:\r
-}\r
-\r
-.bold {\r
- font-weight: bold;\r
-}\r
-\r
-.italic {\r
- font-style: italic;\r
-}\r
-\r
-.larger {\r
- font-size: 120%;\r
-}\r
-\r
-\r
-.narrow {\r
- width: 3em;\r
-}\r
-\r
-.align-right {\r
- text-align: right;\r
-}\r
-\r
-.wrap {\r
- width: 1em;\r
-}\r
-/* end of "should be in global.css" */\r
-\r
-.color-well {\r
- width:20px;\r
- height: 1em; \r
- border: 1px inset #CCCCDD;\r
- /* Background color is set at runtime */\r
-}\r
-\r
-.color-well[default="true"] {\r
- border: 1px solid transparent;\r
- background-color: inherit;\r
-}\r
-\r
-.popup-trigger {\r
- list-style-image: url(chrome://global/skin/scroll-down.gif);\r
-}\r
-\r
-/* temporary -- we need a simple box-based list defined in XBL */\r
-tree.list {\r
- border: 1px inset #CCCCDD;\r
- /* same as in menulist.css */\r
- margin: 1px 5px 2px 5px;\r
- width: 10em;\r
- height: 3em;\r
- /* use rows="#" in XUL to define height */\r
-}\r
-\r
-#ColorPreview {\r
- border: 1px inset #CCCCDD;\r
- margin-left: 10px;\r
- padding-left: 5px;\r
- padding-right: 5px;\r
- min-width: 100px;\r
- min-height: 50px;\r
-}\r
-\r
-#alignTypeSelect,label#alignLabel {\r
- margin-left: 5px;\r
-}\r
-\r
-#MoreFewerButton[more="0"] {\r
- list-style-image: url(chrome://global/skin/scroll-down.gif);\r
- /* bug 9459 - changing button text doesn't resize width.\r
- This covers that problem, but we want this size anyway */\r
- min-width: 10em;\r
-}\r
-\r
-#MoreFewerButton[more="1"] {\r
- list-style-image: url(chrome://global/skin/scroll-up.gif);\r
- min-width: 10em;\r
-}\r
-\r
-#PreviousButton {\r
- list-style-image: url(chrome://global/skin/arrow-left.gif);\r
-}\r
-\r
-#NextButton {\r
- list-style-image: url(chrome://global/skin/arrow-right.gif);\r
-}\r
-\r
-#PreviousButton[type="row"] {\r
- list-style-image: url(chrome://global/skin/arrow-up.gif);\r
-}\r
-\r
-#NextButton[type="row"] {\r
- list-style-image: url(chrome://global/skin/arrow-down.gif);\r
-}\r
-\r
-#MisspelledWord {\r
- font-weight: bold;\r
-}\r
-\r
-/* For a column of right-aligned text before \r
- a column of input fields, e.g., InsertTable dialog\r
-*/\r
-.right {\r
- /* doesn't work yet! must use align="right" in <text> */\r
- text-align: right;\r
-}\r
-\r
-/* use outset shape for a button look */\r
-.colorpicker {\r
- border: 1px outset #CCCCDD;\r
- /* This should be the same as for textfield */\r
- margin-left: 4px;\r
- /* For a little extra space between buttons */\r
- margin-bottom: 2px;\r
-}\r
-\r
-\r
-.colorpicker:active {\r
- border: 1px inset #CCCCDD;\r
-}\r
-\r
-/* THIS SHOULD BE IN GLOBAL.CSS */\r
-.smallspacer {\r
- width: 3px;\r
- height: 3px;\r
- min-width: 3px;\r
- min-height: 3px;\r
-}\r
-\r
-.spacer {\r
- width: 5px;\r
- height: 5px;\r
- min-width: 5px;\r
- min-height: 5px;\r
-}\r
-\r
-.bigspacer {\r
- width: 10px;\r
- height: 10px;\r
- min-width: 10px;\r
- min-height: 10px;\r
-}\r
-\r
-#img-align-top {\r
- list-style-image:url("chrome://editor/skin/images/img-align-top.gif");\r
-}\r
-#img-align-middle {\r
- list-style-image:url("chrome://editor/skin/images/img-align-middle.gif");\r
-}\r
-#img-align-bottom {\r
- list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif");\r
-}\r
-#img-align-right {\r
- list-style-image:url("chrome://editor/skin/images/img-align-right.gif");\r
-}\r
-#img-align-left {\r
- list-style-image:url("chrome://editor/skin/images/img-align-left.gif");\r
-}\r
-\r
-/* Rest are from Ben Goodger for Advanced Edit dialog \r
- These need reviewing and eliminate all but essential attributes */\r
-/* Have made some mods and eliminated some unnecessary portions. \r
- hope to merge most of the treecell formatting into global as some of \r
- this "property list" style treecell formatting is used by cookie/signon \r
- viewers. */\r
-\r
-\r
-#tagLabel {\r
- font-weight: bold;\r
-}\r
-\r
-/* styles for an attribute tree-table */\r
-tree.AttributesTree {\r
- min-width : 200px;\r
- min-height: 200px;\r
-}\r
-\r
-tree.AttributesTree > treechildren > treeitem > treerow > treecell.value {\r
- padding-left : 0px;\r
- padding-top : 0px;\r
- padding-bottom : 0px;\r
- padding-right : 0px;\r
- margin-left : 0px;\r
-}\r
-\r
-input.AttributesCell {\r
- border: none;\r
- width: 100%;\r
- background-color: #FFFFFF;\r
- font-weight: normal;\r
- border: none;\r
- outline: none;\r
- margin: 0px;\r
- width: 100%;\r
-}\r
-\r
-treecell > input {\r
- margin: 0px;\r
- background-color: #E5E5E5 ! important;\r
-}\r
-\r
+/*
+ * 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-1999 Netscape Communications Corporation. All
+ * Rights Reserved.
+ *
+ * Contributor(s):
+ * Pete Collins, Ben Goodger
+ */
+
+/*
+ THIS FILE IS LOCKED DOWN. YOU ARE NOT ALLOWED TO MODIFY IT WITHOUT FIRST HAVING YOUR
+ CHANGES REVIEWED BY cmanske@netscape.com.
+*/
+/* Most should be moved to global files */
+
+/* The defaults are WAY to big! */
+titledbox {
+ margin: 2px 5px; 4px; 5px;
+ padding-top: 2px;
+ padding-bottom: 4px;
+}
+
+.MinWidth5em {
+ min-width: 5em;
+}
+
+.MinWidth10em {
+ min-width: 10em;
+}
+
+.MinWidth20em {
+ min-width: 20em;
+}
+
+.big-left-margin {
+ margin-left: 10px;
+}
+
+.middle {
+ -moz-box-align: center:
+}
+
+.bold {
+ font-weight: bold;
+}
+
+.italic {
+ font-style: italic;
+}
+
+.larger {
+ font-size: 120%;
+}
+
+
+.narrow {
+ width: 3em;
+}
+
+.align-right {
+ -moz-box-pack: end;
+}
+
+.wrap {
+ width: 1em;
+}
+/* end of "should be in global.css" */
+
+.color-well {
+ width:20px;
+ height: 1em;
+ border: 1px inset #CCCCDD;
+ /* Background color is set at runtime */
+}
+
+.color-well[default="true"] {
+ border: 1px solid transparent;
+ background-color: inherit;
+}
+
+.popup-trigger {
+ list-style-image: url(chrome://global/skin/scroll-down.gif);
+}
+
+/* temporary -- we need a simple box-based list defined in XBL */
+tree.list {
+ border: 1px inset #CCCCDD;
+ /* same as in menulist.css */
+ margin: 1px 5px 2px 5px;
+ width: 10em;
+ height: 3em;
+ /* use rows="#" in XUL to define height */
+}
+
+#ColorPreview {
+ border: 1px inset #CCCCDD;
+ margin-left: 10px;
+ padding-left: 5px;
+ padding-right: 5px;
+ min-width: 100px;
+ min-height: 50px;
+}
+
+#alignTypeSelect,label#alignLabel {
+ margin-left: 5px;
+}
+
+#MoreFewerButton[more="0"] {
+ list-style-image: url(chrome://global/skin/scroll-down.gif);
+ /* bug 9459 - changing button text doesn't resize width.
+ This covers that problem, but we want this size anyway */
+ min-width: 10em;
+}
+
+#MoreFewerButton[more="1"] {
+ list-style-image: url(chrome://global/skin/scroll-up.gif);
+ min-width: 10em;
+}
+
+#PreviousButton {
+ list-style-image: url(chrome://global/skin/arrow-left.gif);
+}
+
+#NextButton {
+ list-style-image: url(chrome://global/skin/arrow-right.gif);
+}
+
+#PreviousButton[type="row"] {
+ list-style-image: url(chrome://global/skin/arrow-up.gif);
+}
+
+#NextButton[type="row"] {
+ list-style-image: url(chrome://global/skin/arrow-down.gif);
+}
+
+#MisspelledWord {
+ font-weight: bold;
+}
+
+/* For a column of right-aligned text before
+ a column of input fields, e.g., InsertTable dialog
+*/
+.right {
+ /* doesn't work yet! must use align="right" in <text> */
+ text-align: right;
+}
+
+/* use outset shape for a button look */
+.colorpicker {
+ border: 1px outset #CCCCDD;
+ /* This should be the same as for textfield */
+ margin-left: 4px;
+ /* For a little extra space between buttons */
+ margin-bottom: 2px;
+}
+
+
+.colorpicker:active {
+ border: 1px inset #CCCCDD;
+}
+
+/* THIS SHOULD BE IN GLOBAL.CSS */
+.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;
+}
+
+#img-align-top {
+ list-style-image:url("chrome://editor/skin/images/img-align-top.gif");
+}
+#img-align-middle {
+ list-style-image:url("chrome://editor/skin/images/img-align-middle.gif");
+}
+#img-align-bottom {
+ list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif");
+}
+#img-align-right {
+ list-style-image:url("chrome://editor/skin/images/img-align-right.gif");
+}
+#img-align-left {
+ list-style-image:url("chrome://editor/skin/images/img-align-left.gif");
+}
+
+/* Rest are from Ben Goodger for Advanced Edit dialog
+ These need reviewing and eliminate all but essential attributes */
+/* Have made some mods and eliminated some unnecessary portions.
+ hope to merge most of the treecell formatting into global as some of
+ this "property list" style treecell formatting is used by cookie/signon
+ viewers. */
+
+
+#tagLabel {
+ font-weight: bold;
+}
+
+/* styles for an attribute tree-table */
+tree.AttributesTree {
+ min-width : 200px;
+ min-height: 200px;
+}
+
+tree.AttributesTree > treechildren > treeitem > treerow > treecell.value {
+ padding-left : 0px;
+ padding-top : 0px;
+ padding-bottom : 0px;
+ padding-right : 0px;
+ margin-left : 0px;
+}
+
+input.AttributesCell {
+ border: none;
+ width: 100%;
+ background-color: #FFFFFF;
+ font-weight: normal;
+ border: none;
+ outline: none;
+ margin: 0px;
+ width: 100%;
+}
+
+treecell > input {
+ margin: 0px;
+ background-color: #E5E5E5 ! important;
+}
#FormatToolbar > button > .button-internal-box {
margin: 0px;
padding: 1px;
- text-align: center;
+ -moz-box-pack: center;
}
#FormatToolbar > button:active > .button-internal-box {
border: 1px inset white;
margin: 0px;
padding: 2px;
- text-align: center;
+ -moz-box-pack: center;
}
/* TODO: How to make inset color skinable? */
+
button > .button-internal-box
{
-moz-border-radius : 3px;
- vertical-align : middle;
- text-align : center;
+ -moz-box-align : center;
+ -moz-box-pack : center;
border : none;
padding : 1px;
}
/* text wrapping frame (hack because <text> does not support alignment) */
.button-text-container
{
- text-align : center;
- vertical-align : middle;
+ -moz-box-align : center;
+ -moz-box-pack : center;
}
/* text frame */
<binding id="toolbargrippy" extends="chrome://global/content/bindings/toolbar.xml#toolbargrippy">
<content orient="vertical">
- <xul:box autostretch="never" halign="center">
+ <xul:hbox autostretch="never" align="center">
<xul:image class="toolbargrippy-twisty"/>
- </xul:box>
+ </xul:hbox>
<xul:spring class="toolbargrippy-texture" flex="1"/>
</content>
</binding>
<binding id="toolbargrippy-collapsed" extends="chrome://global/content/bindings/toolbar.xml#toolbargrippy">
<content>
- <xul:box autostretch="never" halign="center">
+ <xul:hbox autostretch="never" align="center">
<xul:image class="toolbargrippy-twisty-collapsed"/>
- </xul:box>
+ </xul:hbox>
<xul:spring class="toolbargrippy-texture-collapsed" flex="1"/>
</content>
</binding>
<binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
<content excludes="observes">
- <xul:box flex="1" class="radio-internal-box" autostretch="never" valign="middle">
+ <xul:box flex="1" class="radio-internal-box" autostretch="never" align="center">
<xul:box class="radio-checkmark-box-1" autostretch="never" inherits="disabled">
<xul:box class="radio-checkmark-box-2" autostretch="never" flex="1">
<xul:image class="radio-check" inherits="checked,disabled"/>
<binding id="checkbox" extends="chrome://global/content/bindings/checkbox.xml#checkbox">
<content excludes="observes">
- <xul:box flex="1" class="checkbox-internal-box" autostretch="never" valign="middle">
+ <xul:box flex="1" class="checkbox-internal-box" autostretch="never" align="center">
<xul:box class="checkbox-checkmark-box-1" autostretch="never" inherits="disabled">
<xul:box class="checkbox-checkmark-box-2" autostretch="never" flex="1">
<xul:image class="checkbox-check" inherits="checked,disabled"/>
<binding id="scrollbar" extends="chrome://global/content/bindings/scrollbar.xml#scrollbar">
<content>
- <xul:scrollbarbutton type="decrement" inherits="align:sborient"/>
+ <xul:scrollbarbutton type="decrement" inherits="sborient=orient"/>
<xul:slider flex="1" inherits="curpos,maxpos,pageincrement,increment">
- <xul:thumb inherits="align,src" flex="1"/>
+ <xul:thumb inherits="orient,src" flex="1"/>
</xul:slider>
- <xul:scrollbarbutton type="increment" inherits="align:sborient"/>
+ <xul:scrollbarbutton type="increment" inherits="sborient=orient"/>
</content>
</binding>
</binding>
</bindings>
+
-/** \r
- * Small Dialog Header (without icon)\r
- **/\r
-.box-smallheader \r
- {\r
- -moz-binding : url(chrome://global/content/dialogBindings.xml#smallheader);\r
- border : 1px solid #FFCF00;\r
- margin : 0px 5px 6px 5px;\r
- }\r
-\r
-.toolbar-primary\r
- {\r
- padding : 0px 0px 3px 0px;\r
- min-height : 0px;\r
- }\r
-\r
-.box-smallheader-left \r
- {\r
- font-size : larger;\r
- font-weight : bold;\r
- padding-left : 6px;\r
- }\r
-\r
-.box-smallheader-right \r
- {\r
- padding-right : 6px;\r
- }\r
-\r
-.box-smallheader > .toolbar-primary \r
- {\r
- border : 0px solid threeddarkshadow;\r
- vertical-align : middle;\r
- padding-top : 3px;\r
- }\r
-\r
-/** \r
- * Large Dialog Header (with icon) \r
- **/\r
-.box-header \r
- {\r
- -moz-binding : url(chrome://global/content/dialogBindings.xml#largeheader);\r
- }\r
-\r
-.box-header-header \r
- {\r
- padding : 0px 0px 4px 5px;\r
- min-height : 34px;\r
- }\r
-\r
-.box-header-text-box \r
- {\r
- vertical-align : middle;\r
- }\r
-\r
-.box-header-text \r
- {\r
- color : white;\r
- font-size : large;\r
- font-weight : bold;\r
- text-decoration : underline;\r
- }\r
-\r
-.box-header-icon-box \r
- {\r
- vertical-align : middle;\r
- }\r
- \r
-.box-header-circle \r
- {\r
- background-color : transparent;\r
- min-width : 28px;\r
- margin : 1px 7px 1px 1px;\r
- height : 28px;\r
- width : 28px;\r
- } \r
-\r
-/**\r
- * Dialog status line (blue) including progress area\r
- **/\r
-.box-status \r
- {\r
- -moz-binding : url(chrome://global/content/dialogBindings.xml#status);\r
- }\r
-\r
-.box-status-bg \r
- {\r
- padding : 1px 5px 1px 5px;\r
- min-height : 0px ! important;\r
- }\r
-\r
-.box-status-text, .box-status-progress\r
- {\r
- color : #FF9F00 ! important;\r
- }\r
-\r
- \r
-/** \r
- * Utility classes for use when combined headers/footers are used\r
- **/\r
-/* display area framed container */\r
-#contentarea \r
- {\r
- border-top : 2px groove threedface;\r
- border-bottom : 2px groove threedface;\r
- padding : 7px;\r
- }\r
-\r
-/* top border on status area */\r
-#wizardButtons \r
- {\r
- border-bottom : 1px solid threedshadow;\r
- padding-top : 1px;\r
- padding-bottom : 1px;\r
- }\r
-\r
-\r
+/**
+ * Small Dialog Header (without icon)
+ **/
+.box-smallheader
+ {
+ -moz-binding : url(chrome://global/content/dialogBindings.xml#smallheader);
+ border : 1px solid #FFCF00;
+ margin : 0px 5px 6px 5px;
+ }
+
+.toolbar-primary
+ {
+ padding : 0px 0px 3px 0px;
+ min-height : 0px;
+ }
+
+.box-smallheader-left
+ {
+ font-size : larger;
+ font-weight : bold;
+ padding-left : 6px;
+ }
+
+.box-smallheader-right
+ {
+ padding-right : 6px;
+ }
+
+.box-smallheader > .toolbar-primary
+ {
+ border : 0px solid threeddarkshadow;
+ -moz-box-align : center;
+ padding-top : 3px;
+ }
+
+/**
+ * Large Dialog Header (with icon)
+ **/
+.box-header
+ {
+ -moz-binding : url(chrome://global/content/dialogBindings.xml#largeheader);
+ }
+
+.box-header-header
+ {
+ padding : 0px 0px 4px 5px;
+ min-height : 34px;
+ }
+
+.box-header-text-box
+ {
+ -moz-box-align : center;
+ }
+
+.box-header-text
+ {
+ color : white;
+ font-size : large;
+ font-weight : bold;
+ text-decoration : underline;
+ }
+
+.box-header-icon-box
+ {
+ -moz-box-align : center;
+ }
+
+.box-header-circle
+ {
+ background-color : transparent;
+ min-width : 28px;
+ margin : 1px 7px 1px 1px;
+ height : 28px;
+ width : 28px;
+ }
+
+/**
+ * Dialog status line (blue) including progress area
+ **/
+.box-status
+ {
+ -moz-binding : url(chrome://global/content/dialogBindings.xml#status);
+ }
+
+.box-status-bg
+ {
+ padding : 1px 5px 1px 5px;
+ min-height : 0px ! important;
+ }
+
+.box-status-text, .box-status-progress
+ {
+ color : #FF9F00 ! important;
+ }
+
+
+/**
+ * Utility classes for use when combined headers/footers are used
+ **/
+/* display area framed container */
+#contentarea
+ {
+ border-top : 2px groove threedface;
+ border-bottom : 2px groove threedface;
+ padding : 7px;
+ }
+
+/* top border on status area */
+#wizardButtons
+ {
+ border-bottom : 1px solid threedshadow;
+ padding-top : 1px;
+ padding-bottom : 1px;
+ }
background-color : #8050B0;
padding-left : 2px;
color : black;
+ -moz-box-align : center;
}
.statusbar-left
statusbarpanel, .statusbar-panel
{
padding : 0px 1px 0px 1px;
- vertical-align : middle;
+ -moz-box-align : center;
}
.statusbarpanel-icononly
margin : 0px;
}
-
-
<binding id="statusbar" extends="xul:statusbar">
<content>
<xul:box class="statusbar-left"/>
- <xul:box class="statusbar-center" autostretch="never" flex="1">
+ <xul:hbox class="statusbar-center" autostretch="never" flex="1">
<children/>
- </xul:box>
+ </xul:hbox>
<xul:box class="statusbar-right"/>
</content>
</binding>
</bindings>
+
{
background-color : #000000;
color : #FF9F00;
- vertical-align : middle;
+ -moz-box-align : center;
}
menuitem[default="true"]
{
margin : 0px 0px 0px 6px;
width : 8px;
- text-align : center;
+ -moz-box-pack : center;
list-style-image : url("chrome://global/skin/menu-arrow.gif");
}
color : inherit;
margin : 0px 4px 0px 3px;
width : 16px;
- text-align : center;
+ -moz-box-pack : center;
list-style-image : inherit;
}
width : 0px;
border : none;
}
-
-
{
border : none;
padding : 0px;
- vertical-align : middle;
+ -moz-box-align : center;
}
.menubutton-single-icon
{
background-color : #FFCF00;
padding : 2px 0px 0px 2px;
- }
-
-
-
-
+ }
onmouseup="this.parentNode.removeAttribute('buttondown');"
onmouseover="this.parentNode.setAttribute('buttonover','true');"
onmouseout="this.parentNode.removeAttribute('buttonover');"/>
- <xul:box class="classic-dropmarker-box" autostretch="never" valign="middle" inherits="disabled">
+ <xul:box class="classic-dropmarker-box" autostretch="never" align="center" inherits="disabled">
<xul:image class="classic-dropmarker" inherits="disabled"/>
</xul:box>
</content>
</binding>
<binding id="buttontop" extends="chrome://global/content/xulBindings.xml#basetext">
- <content excludes="observes,template" orient="vertical" autostretch="never" halign="middle">
+ <content excludes="observes,template" orient="vertical" autostretch="never" pack="center">
<xul:image class="classic-simplebutton-icon" inherits="src"/>
<xul:box orient="vertical" class="classic-simplebutton-textbox" autostretch="never" flex="1">
<xul:text class="classic-simplebutton-text" inherits="value=label,accesskey,crop"/>
</bindings>
+
<binding id="menulist" extends="chrome://global/content/bindings/menulist.xml#menulist">
<content excludes="template,observes,menupopup" flex="1">
<xul:box class="menulist-internal-box" flex="1">
- <xul:box class="menulist-display-box" flex="1" valign="middle" autostretch="never">
+ <xul:box class="menulist-display-box" flex="1" align="center" autostretch="never">
<xul:image class="menulist-icon" inherits="src"/>
<xul:text class="menulist-text" inherits="value=label,accesskey,crop" crop="right"/>
</xul:box>
- <xul:box class="menulist-dropmarker-box-1" valign="middle" inherits="open">
- <xul:box class="menulist-dropmarker-box-2" flex="1" autostretch="never" valign="middle" inherits="open">
+ <xul:box class="menulist-dropmarker-box-1" align="center" inherits="open">
+ <xul:box class="menulist-dropmarker-box-2" flex="1" autostretch="never" align="center" inherits="open">
<xul:image class="menulist-dropmarker" inherits="disabled"/>
</xul:box>
</xul:box>
</binding>
</bindings>
+
-moz-border-radius: 5px;
border: 1px solid #9C9CFF;
background-color: black;
-/* border: none; */
- border-spacing: 0px;
+/* border: none;
+ border-spacing: 0px; */
color: #FF9F00;
}
{
padding: 0px 0px 1px 2px;
white-space: nowrap;
- vertical-align: middle;
+ -moz-box-align: center;
}
outlinerbody:-moz-outliner-cell(selected)
padding: 0px;
background-color: #9C9CFF;
color: black;
-/* border: 1px solid #9C9CFF;
- padding: 0px;
- background-color: black;
- color: #FF9F00; */
}
.outlinercol-box,
width: 12px; /* The image's width is 12 pixels */
list-style-image: url("chrome://global/skin/twisty-open.gif");
}
-
padding : 1px;
}
-/** Tooltips (tooltip <popup> element)
+/** Tooltips (tooltip <popup> is deprecated, use <tooltip> element)
* class="tooltip"
**/
-.tooltip
+.tooltip, tooltip
{
-moz-border-radius : 3px;
background-color : #9C9CFF;
padding : 3px;
}
-.tooltip > .popup-internal-box
+.tooltip > .popup-internal-box,
+tooltip > .popup-internal-box
{
padding : 0px;
margin : 0px;
}
+
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
- <binding id="thumbv" extends="xul:box">
- <content align="vertical">
+ <binding id="thumbv" extends="xul:vbox">
+ <content>
<xul:image inherits="src"/>
</content>
</binding>
- <binding id="thumbh" extends="xul:box">
+ <binding id="thumbh" extends="xul:hbox">
<content>
<xul:image inherits="src"/>
</content>
</binding>
- <binding id="scrollbar" extends="xul:scrollbar">
+ <binding id="scrollbar" extends="chrome://global/content/bindings/scrollbar.xml#scrollbar">
<content>
- <xul:scrollbarbutton type="decrement" inherits="sborient=align"/>
+ <xul:scrollbarbutton type="decrement" inherits="sborient=orient"/>
<xul:slider flex="1" inherits="curpos,maxpos,pageincrement,increment">
<xul:thumb inherits="align,src" flex="1"/>
</xul:slider>
- <xul:scrollbarbutton type="increment" inherits="sborient=align"/>
+ <xul:scrollbarbutton type="increment" inherits="sborient=orient"/>
</content>
</binding>
- <binding id="scrollbarbutton">
+ <binding id="scrollbarbutton" extends="chrome://global/content/bindings/scrollbar.xml#scrollbarbutton">
<content>
<xul:box class="scrollbarbutton-box" flex="1">
<xul:image class="scrollbarbutton-icon" inherits="src"/>
+
background-color: #9C9CFF;
padding: 1px;
list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif");
- text-align: center;
- vertical-align: middle;
+ -moz-box-pack: center;
+ -moz-box-align: center;
}
thumb[disabled="true"] {
list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
}
-scrollbar[align="vertical"] > slider > thumb {
+scrollbar[orient="vertical"] > slider > thumb {
-moz-binding: url(chrome://global/skin/scrollbarBindings.xml#thumbv);
list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif");
}
-scrollbar[align="vertical"] > slider > thumb[disabled="true"] {
+scrollbar[orient="vertical"] > slider > thumb[disabled="true"] {
list-style-image: url("chrome://global/skin/scroll-thumb-vert-disabled.gif")
}
}
-scrollbar[align="vertical"] > scrollbarbutton[type="decrement"] {
+scrollbarbutton[type="decrement"][sborient="vertical"] {
list-style-image: url("chrome://global/skin/scroll-up-hover.gif");
background-image: url("chrome://global/skin/scrollbtn-up.gif");
margin: 0px;
margin-bottom: 3px;
}
-scrollbar[align="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
+scrollbarbutton[type="decrement"][disabled="true"][sborient="vertical"] {
list-style-image: url("chrome://global/skin/scroll-up-disabled.gif");
}
-scrollbar[align="vertical"] > scrollbarbutton[type="increment"] {
+scrollbarbutton[type="increment"][sborient="vertical"] {
list-style-image: url("chrome://global/skin/scroll-down-hover.gif");
background-image: url("chrome://global/skin/scrollbtn-down.gif");
margin: 0px;
margin-top: 3px;
}
-scrollbar[align="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
+scrollbarbutton[type="increment"][disabled="true"][sborient="vertical"] {
list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
}
+
/* border : 1px solid transparent; */
padding : 1px;
height : 1em;
- text-align : center;
- vertical-align : middle;
+ -moz-box-pack : center;
+ -moz-box-align : center;
}
autorepeatbutton:hover {
}
+
{
cursor : e-resize;
background-color : #9C9CFF;
- vertical-align : middle;
- text-align : center;
+ -moz-box-align : center;
+ -moz-box-pack : center;
padding : 0px;
border : none;
border-top : 3px solid black;
rows > splitter,
window[orient="vertical"] > splitter,
vbox > splitter,
- box[orient="vertical"] > splitter,
- window[align="vertical"] > splitter,
- box[align="vertical"] > splitter
+ box[orient="vertical"] > splitter
{
cursor : n-resize;
border-top : 0px solid black;
rows > splitter > grippy,
window[orient="vertical"] > splitter > grippy,
vbox > splitter > grippy,
- box[orient="vertical"] > splitter > grippy,
- window[align="vertical"] > splitter > grippy,
- box[align="vertical"] > splitter > grippy
+ box[orient="vertical"] > splitter > grippy
{
list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
}
rows > splitter[state="collapsed"] > grippy,
window[orient="vertical"] > splitter[state="collapsed"] > grippy,
vbox > splitter[state="collapsed"] > grippy,
- box[orient="vertical"] > splitter[state="collapsed"] > grippy,
- window[align="vertical"] > splitter[state="collapsed"] > grippy,
- box[align="vertical"] > splitter[state="collapsed"] > grippy
+ box[orient="vertical"] > splitter[state="collapsed"] > grippy
{
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
}
-
-
-titledbox
+groupbox
{
-moz-border-radius : 5px;
border : 2px groove #9C9CFF;
margin : 5px;
}
-label
+groupbox > label
{
margin : 0px 40px 2px 6px;
padding : 0px 3px 0px 3px;
-/* background-color : ThreeDFace; */
+ background-color : black;
}
-.titledbox-body
+.groupbox-body
{
padding : inherit;
}
+
+
treecell {
white-space: nowrap;
- vertical-align: middle;
+ -moz-box-align: center;
padding: 1px 0px 1px 2px;
}
.treecell-inset-header {
background-color: #9C9CFF;
color: black;
- vertical-align: middle;
+ -moz-box-align: center;
padding: 0px;
border: 1px solid #000000;
}
{
margin-left : 2px;
}
-
-<?xml version="1.0"?>\r
-\r
-<bindings id="treeBindings"\r
- xmlns="http://www.mozilla.org/xbl"\r
- xmlns:html="http://www.w3.org/1999/xhtml"\r
- xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">\r
-\r
- <binding id="treecell-header">\r
- <content>\r
- <xul:box class="treecell-header-box" flex="1" autostretch="never" valign="middle">\r
- <xul:image class="tree-header-image" inherits="src"/>\r
- <xul:text class="tree-header-text" inherits="crop,value" flex="1" crop="right"/>\r
- <xul:image class="tree-header-sortdirection"/>\r
- </xul:box>\r
- </content>\r
- </binding>\r
-\r
- <binding id="treecell-header-image">\r
- <content>\r
- <xul:box class="treecell-header-image-box" flex="1" autostretch="never" valign="middle">\r
- <xul:image class="tree-header-image" inherits="src"/>\r
- </xul:box>\r
- </content>\r
- </binding>\r
- \r
-</bindings>
\ No newline at end of file
+<?xml version="1.0"?>
+
+<bindings id="treeBindings"
+ xmlns="http://www.mozilla.org/xbl"
+ xmlns:html="http://www.w3.org/1999/xhtml"
+ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+ <binding id="treecell-header">
+ <content>
+ <xul:hbox class="treecell-header-box" flex="1" autostretch="never" align="center">
+ <xul:image class="tree-header-image" inherits="src"/>
+ <xul:text class="tree-header-text" inherits="crop,value" flex="1" crop="right"/>
+ <xul:image class="tree-header-sortdirection"/>
+ </xul:hbox>
+ </content>
+ </binding>
+
+ <binding id="treecell-header-image">
+ <content>
+ <xul:hbox class="treecell-header-image-box" flex="1" autostretch="never" align="center">
+ <xul:image class="tree-header-image" inherits="src"/>
+ </xul:hbox>
+ </content>
+ </binding>
+
+</bindings>
box[name=header-seamonkey] { background-color: #DEDEDE; border: 0px solid #DEDEDE; border-left-width: 4px; }
headerdisplayname { font-weight: bold; white-space: pre; }
-header { text-align: left; }
+header { -moz-box-pack: start; }
menubar[name=attachment-menubar] { background-color: #EFEFEF; border: 0px solid #EFEFEF; }
menu[name=attachment-menu] { background-color: #EFEFEF; border: 0px solid #EFEFEF; }
.moz-txt-sig > a, .moz-signature > a {
color: 7777FF /* light blue */;
}
-
#button-file > .button-internal-box
{
- vertical-align: middle;
- text-align: center;
+ -mox-box-align: center;
+ -moz-box-pack: center;
}
#button-file > .button-internal-box > .menubutton-single-text
{
padding-top : 3px;
- text-align : center;
+ -moz-box-pack: center;
}
#button-next {
border: 1px outset white;
padding: 2px;
margin: 2px;
- text-align: center;
+ -moz-box-pack: center;
background-color:inherit;
background-image: inherit;
}
}
#askImageBox {
- vertical-align: top;
+ -moz-box-align: start;
}
#convertYes {
#convertNo {
list-style-image:url("chrome://global/skin/alert-icon.gif");
}
-
-
-
/* margin: 0px 15px 0px 15px;
border-left: 3px solid black;
border-right: 3px solid black; */
- text-align: left;
+ -moz-box-pack: start;
}
.acctCentralRow
background-color: #FFCF00;
color: black;
}
-
-
-
/* ::::: collapsed view styles ::::: */
.collapsedToggleHdrBox
{
- vertical-align: middle;
+ -moz-box-align: center;
}
#collapsedAttachmentBox {
- text-align: center;
+ -moz-box-pack: center;
}
#collapseddateValue
[hide] {
visibility: hidden;
}
-
padding-left : 0px;
padding-top : 11px;
padding-bottom : 11px;
- vertical-align : middle;
+ -moz-box-align : center;
}
#search-button
margin-left : 3px;
margin-right : 5px;
}
-
-
-
-