* Style rules for generic bookmarks items.
*/
-outlinerbody:-moz-outliner-image(Name) {
+outlinerchildren:-moz-outliner-image(Name) {
padding-right: 2px;
}
-.bookmark-item, outlinerbody:-moz-outliner-image(Name) {
+.bookmark-item, outlinerchildren:-moz-outliner-image(Name) {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
}
-.bookmark-item[container="true"], outlinerbody:-moz-outliner-image(Name, container) {
+.bookmark-item[container="true"], outlinerchildren:-moz-outliner-image(Name, container) {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
}
-.bookmark-item[container="true"][open="true"], outlinerbody:-moz-outliner-image(Name, open) {
+.bookmark-item[container="true"][open="true"], outlinerchildren:-moz-outliner-image(Name, open) {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
}
.bookmark-item[container="true"][open="true"][loading="true"] {
- list-style-image: url("chrome://global/skin/loading.gif") !important;
+ list-style-image: url("chrome://global/skin/icons/loading.gif") !important;
}
.bookmark-item[status="new"] {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-updated.gif") !important;
}
+
+.bookmark-item > .menu-iconic-left {
+ height: 16px;
+}
+
+.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
+ max-width: 16px;
+ max-height: 16px;
+}
+
+toolbarbutton.bookmark-item > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+.tree-cell-icon, .tree-cell-primary-icon {
+ list-style-image: inherit;
+ height: 16px;
+ max-width: 16px;
+ max-height: 16px;
+}
*
* ***** END LICENSE BLOCK ***** */
+/* ===== bookmarksToolbar.css ===========================================
+ == Styles specific to bookmark items in a toolbar.
+ ======================================================================= */
+
@import url(chrome://communicator/skin/bookmarks/bookmarks.css);
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* ::::: bookmark toolbarbuttons ::::: */
+/* ::::: bookmark toolbar buttons ::::: */
toolbarbutton.bookmark-item {
- cursor : pointer;
- min-width : 0px;
- max-width : 13em;
+ cursor: pointer;
+ min-width: 0px;
+ max-width: 13em;
+ min-height: 20px;
}
toolbarbutton.bookmark-item[container="true"] {
- cursor : default;
+ cursor: default;
}
-toolbarbutton.bookmark-item > .toolbarbutton-box > .toolbarbutton-dropmarker {
- display : none;
+toolbarbutton.bookmark-item > .toolbarbutton-menu-dropmarker {
+ display: none;
}
toolbarbutton.bookmark-item[disabled="true"],
toolbarbutton.bookmark-item[disabled="true"]:hover,
toolbarbutton.bookmark-item[disabled="true"]:hover:active
{
- color : #999999;
- text-decoration : none;
- list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif");
- cursor : default;
+ color: #999999;
+ text-decoration: none;
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif");
+ cursor: default;
}
toolbarbutton.bookmark-item[disabled="true"][container="true"],
toolbarbutton.bookmark-item[disabled="true"][container="true"]:hover,
toolbarbutton.bookmark-item[disabled="true"][container="true"]:hover:active
{
-/* border : 1px solid transparent !important; */
- list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif");
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif");
}
.menuitem-iconic.bookmark-item[disabled="true"]
{
- list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif");
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif");
}
.menu-iconic.bookmark-item[disabled="true"][container="true"]
{
- list-style-image : url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif");
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif");
}
-/* ::::: toolbarbutton drag and drop feedback ::::: */
-
-toolbarbutton.bookmark-item[dragover-right="true"] {
- border-right : 2px solid #336699;
-}
+/* ::::: drag and drop styles ::::: */
toolbarbutton.bookmark-item[dragover-left="true"] {
- border-left : 2px solid #336699;
+ border-left-color: #336699;
}
-
-.toolbarbutton-text[dragover-top="true"] {
- background-color : #336699;
- color : #CCD0DD;
+
+toolbarbutton.bookmark-item[dragover-right="true"] {
+ border-right-color: #336699;
}
-/* ::::: menu drag and drop feedback ::::: */
+/* ::::: bookmark menus ::::: */
-menuitem[dragover-top="true"].bookmark-item {
- border-top : 1px solid #336699 !important;
+menu.bookmark-item,
+menuitem.bookmark-item {
+ border-top: 1px solid transparent !important;
+ border-bottom: 1px solid transparent !important;
+ padding: 1px 2px;
}
-menu[dragover-top="true"].bookmark-item {
- border-top : 1px solid #336699 !important;
-}
+.menuitem-iconic.bookmark-item[disabled="true"] {
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item-disabled.gif");
+}
-menu[dragover="true"].bookmark-item {
- background-color : #336699 !important;
- color : #FFFFFF !important;
+.menu-iconic.bookmark-item[disabled="true"][container="true"] {
+ list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-disabled.gif");
}
-menuitem[dragover-bottom="true"].bookmark-item {
- border-bottom : 1px solid #336699 !important;
+/* ..... drag and drop styles ..... */
+
+menu.bookmark-item[dragover-top="true"],
+menuitem.bookmark-item[dragover-top="true"] {
+ border-top: 1px solid #336699 !important;
}
-menu[dragover-bottom="true"].bookmark-item {
- border-bottom : 1px solid #336699 !important;
+menu.bookmark-item[dragover-bottom="true"],
+menuitem.bookmark-item[dragover-bottom="true"] {
+ border-bottom: 1px solid #336699 !important;
}
+menu.bookmark-item[dragover="true"] {
+ background-color: #336699 !important;
+ color: #FFFFFF !important;
+}
*
* ***** END LICENSE BLOCK ***** */
-@import url(chrome://communicator/skin/bookmarks/bookmarks.css);
-@import url(chrome://communicator/skin/bookmarks/platformBookmarks.css);
+@import url("chrome://communicator/skin/bookmarks/bookmarks.css");
+@import url("chrome://communicator/skin/bookmarks/platformBookmarks.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
{
list-style-image : url("chrome://communicator/skin/bookmarks/schedule.gif");
}
-
+++ /dev/null
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is "Classic" theme of mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- * Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/**
- * Bookmarks tree
- **/
-
-/*
- .bookmarks-window-tree
- {
- border-top : none !important;
- border-bottom : none;
- border-left : 1px solid ThreeDShadow;
- border-right : 1px solid ThreeDHighlight;
- }
-*/
-
- .bookmarks-window-tree > .tree-container-treerows
- {
- border-left : 1px solid #666699;
- border-right : 1px solid #666699;
- }
-
- .bookmarks-panel-tree, .bookmarks-panel-tree > .tree-container-treerows
- {
- border : none;
- }
-
- #panel-bar
- {
- border-top : 1px solid #666699;
- border-bottom : 1px solid #666699;
- }
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-#navigator-throbber
- {
- -moz-binding : url("chrome://global/content/bindings/button.xml#button");
- border : none;
- list-style-image : url("chrome://global/skin/animthrob_single.gif");
- margin : 2px 2px 2px 1px;
- min-width : 0px;
- cursor : pointer;
- -moz-user-focus : ignore;
- }
-
-#navigator-throbber > .button-box
- {
-/*
- border : 1px solid transparent;
-*/
- padding : 0px;
- }
-
-#navigator-throbber > .button-box > .button-text
- {
- display : none;
- }
+#navigator-throbber {
+ -moz-binding: url("chrome://global/content/bindings/button.xml#button-image");
+ -moz-user-focus: ignore;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ margin: 1px 3px 1px 1px;
+ border: 1px solid transparent;
+ padding: 0px;
+ min-width: 0;
+ list-style-image: url("chrome://communicator/skin/brand/throbber-single.gif");
+}
-/*
-#navigator-throbber:hover > .button-box
- {
- border : 1px outset #CCD0DD;
- padding : 1px !important;
- }
+#navigator-throbber[busy="true"] {
+ list-style-image: url("chrome://communicator/skin/brand/throbber-anim.gif");
+}
-#navigator-throbber:hover:active > .button-box
- {
- border : 1px inset #CCD0DD !important;
- padding : 2px 0px 0px 2px !important;
- }
-*/
-
-#navigator-throbber[busy="true"]
- {
- list-style-image : url("chrome://global/skin/animthrob.gif");
- }
+#navigator-throbber:hover {
+ border: 1px outset #CCD0DD;
+}
+
+#navigator-throbber:hover:active {
+ border: 1px inset #CCD0DD;
+}
/* ::::: large toolbar buttons ::::: */
.toolbarbutton-1,
-.toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button
+.toolbarbutton-1 > .toolbarbutton-menubutton-button
{
min-width : 36px;
min-height : 36px;
-/* font-size : smaller; */
-moz-box-orient : vertical;
}
-moz-box-orient : horizontal;
}
-.toolbarbutton-1 > .toolbarbutton-box,
-.toolbarbutton-1 > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box,
-.toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box,
-.toolbarbutton-1[disabled="true"]:hover:active > .toolbarbutton-box,
-.toolbarbutton-1[disabled="true"][buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box
+.toolbarbutton-1,
+.toolbarbutton-1 > .toolbarbutton-menubutton-button,
+.toolbarbutton-1[disabled="true"]:hover:active,
+.toolbarbutton-1[disabled="true"][buttondown="true"]
{
padding : 1px;
}
-.toolbarbutton-1:hover:active > .toolbarbutton-box,
-.toolbarbutton-1[open="true"] > .toolbarbutton-box,
-.toolbarbutton-1[buttondown="true"] > .toolbarbutton-menubutton-box > .toolbarbutton-menubutton-button > .toolbarbutton-box
+.toolbarbutton-1:hover:active,
+.toolbarbutton-1[open="true"],
+.toolbarbutton-1[buttondown="true"] > .toolbarbutton-menubutton-button
{
padding : 2px 0px 0px 2px;
}
-.toolbarbutton-1[type="menu"] > .toolbarbutton-box > .toolbarbutton-dropmarker {
+.toolbarbutton-1[type="menu"] > .toolbarbutton-menu-dropmarker {
display: none;
}
-/* ::::: normal buttons on toolbars ::::: */
+/* ::::: standard toolbar buttons ::::: */
.button-toolbar {
-moz-user-focus : ignore;
min-width : 0px;
max-width : 10em;
background-color : transparent;
-}
-
-/*
-.button-toolbar > .button-box,
-.button-toolbar[disabled="true"] > .button-box,
-.button-toolbar[disabled="true"]:hover > .button-box,
-.button-toolbar[disabled="true"]:hover:active > .button-box {
- border-left : 1px solid ThreeDHighlight !important;
- border-top : 1px solid ThreeDHighlight !important;
- border-right : 1px solid ThreeDShadow !important;
- border-bottom : 1px solid ThreeDShadow !important;
-}
-
-.button-toolbar:hover:active > .button-box {
- border-left : 1px solid ThreeDShadow !important;
- border-top : 1px solid ThreeDShadow !important;
- border-bottom : 1px solid ThreeDHighlight !important;
- border-right : 1px solid ThreeDHighlight !important;
-}
-
-.button-toolbar[checked="true"] > .button-box {
- border-left : 1px solid ThreeDShadow;
- border-top : 1px solid ThreeDShadow;
- border-right : 1px solid ThreeDHighlight;
- border-bottom : 1px solid ThreeDHighlight;
- background-color : ThreeDHighlight;
-}
-
-.button-toolbar[checked="true"]:hover > .button-box {
- border-left : 1px solid ThreeDShadow;
- border-top : 1px solid ThreeDShadow;
- border-right : 1px solid ThreeDHighlight;
- border-bottom : 1px solid ThreeDHighlight;
- background-color : -moz-Dialog;
- background-image : none;
-}
-
-.button-toolbar > .button-box > .button-box-2,
-.button-toolbar > .button-box > .button-box-2 > .button-box-text {
- margin: none;
- border: none !important;
- padding: 0px 2px;
-}
-*/
-
-.button-toolbar > .button-box > .button-icon {
- margin-right: 3px;
}
-
-.button-toolbar > .button-box > .button-text {
- margin-right: 1px;
-}
-
-/* ::::: reorder buttons ::::: */
-
-.reorder-up {
- min-width : 0px;
-}
-
-.reorder-down {
- min-width : 0px;
-}
-
-.reorder-up > .button-internal-box > .button-icon,
-.reorder-down > .button-internal-box > .button-icon {
- margin : 0;
- padding : 0;
-}
-
*
* ***** END LICENSE BLOCK ***** */
-@import url(chrome://global/skin/);
+/* ==== communicator.css ====================================================
+ == Styles shared everywhere throughout the Communicator suite.
+ ========================================================================== */
-@import url(chrome://communicator/skin/box.css);
-@import url(chrome://communicator/skin/button.css);
+@import url(chrome://global/skin/);
@import url(chrome://communicator/skin/brand.css);
+@import url(chrome://communicator/skin/button.css);
@import url(chrome://communicator/skin/formatting.css);
-@import url(chrome://communicator/skin/toolbar.css);
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-@namespace html url("http://www.w3.org/1999/xhtml");
#offline-status[offline="true"]
{
- list-style-image : url("chrome://communicator/skin/offline.gif");
+ list-style-image : url("chrome://communicator/skin/icons/offline.gif");
}
#offline-status
{
- list-style-image : url("chrome://communicator/skin/online.gif");
+ list-style-image : url("chrome://communicator/skin/icons/online.gif");
}
+/* ::::: directional button icons ::::: */
+
.up {
list-style-image:url("chrome://global/skin/scroll-up.gif");
min-width: 0px;
.down[disabled="true"] {
list-style-image:url("chrome://global/skin/scroll-down-disabled.gif");
}
+
+.sidebarTree {
+ border: none;
+ margin: 0px !important;
+}
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
- * Ben Goodger <ben@netscape.com>
- * Josh Soref <timeless@mac.com>
- * Robert Kaiser <KaiRo@KaiRo.at>
+ * Joe Hewitt <hewitt@netscape.com>
+ * Robert Kaiser <KaiRo@KaiRo.at>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
*
* ***** END LICENSE BLOCK ***** */
-@import url("chrome://communicator/skin/bookmarks/bookmarks.css");
+/* ==== dialogs.css ==================================================
+ == Styles used by certain dialogs in the Communicator suite.
+ ====================================================================== */
+
+@import url("chrome://communicator/skin/");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/**
- * Personal toolbar items
- **/
+/* ::::: turbo confirmation dialog ::::: */
- #home-button
- {
- list-style-image : url("chrome://communicator/skin/bookmarks/home.gif");
- }
+#turboTrayImage {
+ list-style-image: url("chrome://communicator/skin/icons/turbo-systray.gif");
+ border: 2px inset ThreeDFace !important;
+}
*
* ***** END LICENSE BLOCK ***** */
+@import url("chrome://communicator/skin/");
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*
-
Style rules specific to the directory listing window.
-
*/
-@import url(chrome://communicator/skin/);
-
/* Hide twisty for files */
.treecell-indent[type="FILE"] > .tree-cell-twisty
{
.treecell-filename
{
- list-style-image : url("chrome://communicator/skin/directory/file-icon.gif");
+ list-style-image : url("chrome://communicator/skin/directory/file.gif");
}
treeitem[selected="true"] > treerow > .treecell-filename
{
- list-style-image : url("chrome://communicator/skin/directory/file-icon-sel.gif");
+ list-style-image : url("chrome://communicator/skin/directory/file-sel.gif");
}
treeitem[container="true"] > treerow > .treecell-filename
{
- list-style-image : url("chrome://communicator/skin/directory/file-folder-closed.gif");
+ list-style-image : url("chrome://communicator/skin/directory/folder-closed.gif");
}
treeitem[container="true"][selected="true"] > treerow > .treecell-filename
{
- list-style-image : url("chrome://communicator/skin/directory/file-folder-closed-sel.gif");
+ list-style-image : url("chrome://communicator/skin/directory/folder-closed-sel.gif");
}
treeitem[container="true"][open="true"] > treerow > .treecell-filename
{
- list-style-image : url("chrome://communicator/skin/directory/file-folder-open.gif");
+ list-style-image : url("chrome://communicator/skin/directory/folder-open.gif");
}
treeitem[container="true"][open="true"][selected="true"] > treerow > .treecell-filename
{
- list-style-image : url("chrome://communicator/skin/directory/file-folder-open-sel.gif");
+ list-style-image : url("chrome://communicator/skin/directory/folder-open-sel.gif");
}
-
-
+
/* Show an animated icon when a directory/symlink is loading */
treeitem[type="SYMBOLIC-LINK"][loading="true"] > treerow > .treecell-filename > .tree-cell-twisty,
treeitem[type="DIRECTORY"][loading="true"] > treerow > treecell > .tree-cell-twisty
{
- list-style-image : url("chrome://global/skin/loading.gif");
+ list-style-image : url("chrome://global/skin/icons/loading.gif");
}
/* Italicize a symbolic link and make it look like a link (it can be a dir or link) */
*
* ***** END LICENSE BLOCK ***** */
+/* ==== prefpanels.css ==================================================
+ == Styles used by all preference panels in the Communicator suite.
+ ====================================================================== */
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/******* SmartBrowsing **********/
+/* ::::: Themes ::::: */
+#skinsTree {
+ height: 80px;
+}
-#disabledDomains {
- max-height: 15em;
+#themesLink {
+ margin-left: 5px;
+ text-decoration: underline;
+ color: blue;
+ cursor: pointer;
}
-/******* Themes ****************/
-#skinsTree {
- height : 80px;
-}
+#themesLink:active {
+ color: red;
+}
#previewImageContainer {
- overflow: hidden;
+ padding: 1px;
height: 92px;
- background-color: #000000;
- padding: 2px;
+/* background-color: #000000; */
}
#previewImage {
- max-width: 387px;
+ max-width: 355px;
+ min-width: 355px;
+ max-height: 85px;
+ min-height: 85px;
}
-/**
- * File icon (32x32)
- **/
-.file-icon-large
- {
- list-style-image : url("chrome://communicator/skin/content-large.gif");
- }
+/* ::::: Fonts ::::: */
+
+#sizeVar,
+#sizeMono {
+ width: 4em;
+}
+
+#mouseWheelMode {
+ width: 9em;
+}
+
+/* ::::: Smart Browsing ::::: */
+
+#disabledDomains {
+ max-height: 13em;
+}
+
+/* ::::: File icon (32x32) ::::: */
+.file-icon-large {
+ list-style-image: url("chrome://communicator/skin/icons/content-large.gif");
+}
*
* ***** END LICENSE BLOCK ***** */
-@import url(chrome://global/skin/global.css);
+@import url("chrome://global/skin/global.css");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
box.selection {
margin-top: 4px;
}
-
treeitem[container="true"][open="true"][loading="true"] > treerow > .treecell-indent
{
- list-style-image: url("chrome://global/skin/loading.gif") ! important ;
+ list-style-image: url("chrome://global/skin/icons/loading.gif") ! important ;
}
treeitem[container="true"][open="true"] > treerow > .treecell-indent
+++ /dev/null
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is "Classic" theme of mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- * Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-treecol[sortActive="true"] {
- background-color: lightgray;
-}
-
-treeitem[container="true"][open="true"][loading="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://global/skin/loading.gif") ! important ;
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#Folder"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-closed.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#Folder"][open="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-folder-open.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#Folder"][id="NC:PersonalToolbarFolder"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/personal-folder-closed.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#Folder"][id="NC:PersonalToolbarFolder"][open="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/personal-folder-open.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#BookmarkSeparator"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#IEFavorite"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/ieFavorite.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#Bookmark"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#FileSystemObject"][container="true"][open="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/directory/file-folder-open.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#FileSystemObject"][container="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/directory/file-folder-closed.gif");
-}
-
-treeitem[type="http://home.netscape.com/NC-rdf#FileSystemObject"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://global/skin/article.gif");
-}
-
-treeitem[container="true"][open="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/directory/file-folder-open.gif");
-}
-
-treeitem[container="true"] > treerow > treecell > titledbutton {
- list-style-image: url("chrome://communicator/skin/directory/file-folder-closed.gif");
-}
-
-treeitem > treerow > treecell > titledbutton {
- list-style-image: url("chrome://global/skin/document.gif");
-}
-
-titledbutton#bookmarks {
- list-style-image:url("chrome://communicator/skin/bookmarks/bookmark-item.gif");
-}
+++ /dev/null
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is "Classic" theme of mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- * Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-tree[id="searchengines"] {
- width: 300px;
-}
-
-tree[id="searchengines"] > treecol[id="CheckboxColumn"] {
- width: 40px;
-}
-
-treecol[sortActive="true"] {
- background-color: lightgray;
-}
#engineTabs
{
- background-color : #666666;
padding : 2px 0px 2px 0px;
+ background-color : #666666;
}
#internetresultstree
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-.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");
-}
-
#add-button
{
list-style-image : url("chrome://global/skin/scroll-right.gif");
{
list-style-image : url("chrome://global/skin/scroll-left.gif");
}
-
*
* ***** END LICENSE BLOCK ***** */
+/* ==== securityOverlay.css =============================================
+ == Styles used by the the overlay which contains security related
+ == content that is used throughout the Communicator suite.
+ ====================================================================== */
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-#security-button
- {
- list-style-image:url("chrome://communicator/skin/unlock.gif");
- margin-left: 2px;
- }
+#security-button {
+ list-style-image:url("chrome://communicator/skin/icons/lock-insecure.gif");
+ margin-left: 2px;
+}
-#security-button[level="high"]
- {
- list-style-image:url("chrome://communicator/skin/lock.gif");
- }
+#security-button[level="high"] {
+ list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif");
+}
-#security-button[level="low"]
- {
- list-style-image:url("chrome://communicator/skin/lock.gif");
- }
+#security-button[level="low"] {
+ list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif");
+}
-#security-button[level="broken"]
- {
- list-style-image:url("chrome://communicator/skin/broken.gif");
- }
+#security-button[level="broken"] {
+ list-style-image:url("chrome://communicator/skin/icons/lock-broken.gif");
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/*
-
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");
list-style-image: url("chrome://communicator/skin/sidebar/sidebar-icon.gif");
}
-/*
-.tree-cell-twisty {
- display: none !important;
-}
-*/
-
box#reorder {
-moz-box-pack: center;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/*
-#sidebar-splitter
- {
- border-top : 1px solid ThreeDHighlight;
- border-bottom : 1px solid ThreeDShadow;
- }
-*/
-
#sidebar-box
{
margin-top : 0px;
background-color : #CCD0DD;
}
-.text-panel-loading
- {
- margin : 5px 0px;
- }
-
-.image-panel-loading
- {
- margin : 5px;
- list-style-image : url("chrome://global/skin/loading.gif");
- }
+/* ::::: sidebar header ::::: */
.sidebarheader-main
{
- border : none;
- color : #CCD0DD;
- background-color : #666699;
- padding-left : 4px;
+ border: none;
+ color: #CCD0DD;
+ background-color: #666699;
+ padding-left: 4px;
}
#sidebar-panel-picker {
color: inherit;
}
-#sidebar-panel-picker > .toolbarbutton-box > .toolbarbutton-dropmarker
+#sidebar-panel-picker > .toolbarbutton-dropmarker
{
- padding-left : 4px;
- list-style-image : url("chrome://global/skin/menu-arrow-hover.gif");
+ padding-left: 4px;
+ list-style-image: url("chrome://global/skin/menu-arrow-hover.gif");
}
.sidebar-header-text
{
- font-weight : bold;
+ font-weight: bold;
}
-/*
-.sidebar-header-grippy
- {
- list-style-image : url("chrome://global/skin/grippy-short-vert-after.gif");
- background-color : -moz-Dialog;
- max-width : 32px;
- height : 4px;
- }
+/* ..... close button ..... */
-#sidebar-title-box[state="collapsed"] > .sidebar-header-grippy
- {
- list-style-image : url("chrome://global/skin/grippy-short-vert-before.gif");
- }
-*/
-
-/**
- * texttab folder lookalike e.g. for sidebar panel headers
- */
- .box-texttab
- {
- -moz-binding : url("chrome://communicator/skin/sidebar/sidebarBindings.xml#panelheader");
- padding : 2px 0px 2px 0px;
- background-color : #CCD0DD;
- color : #000000;
- cursor : pointer;
- border-top : 1px outset #CCD0DD;
- border-bottom : 1px outset #CCD0DD;
- }
-
- .box-texttab[selected="true"],
- .box-texttab[selected="true"]:hover,
- .box-texttab[selected="true"]:hover:active
- {
- background-color : #336699;
- border-top : 1px solid #336699;
- }
-
- .panelheader-box-1,
- .box-texttab[selected="true"]:hover > .panelheader-box-1
- {
- padding : 1px 1px 1px 0px;
- }
+#sidebar-close-button {
+ -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image");
+ padding: 1px 3px 1px 4px;
+ list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+/* ::::: sidebar panel ::::: */
+
+.sidebar-iframe-no-panels,
+.loadarea {
+ background-color: #FFFFFF;
+ color: #666699;
+}
+
+.iframe-panel {
+}
+
+/* ::::: loading info ::::: */
+
+.text-panel-loading {
+ margin: 5px 0px;
+}
+
+.image-panel-loading {
+ margin: 5px;
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+/* ::::: sidebar tabs ::::: */
+
+.box-texttab {
+ -moz-binding: url("chrome://communicator/skin/sidebar/sidebarBindings.xml#sbtab");
+ padding: 2px 0px 2px 0px;
+ background-color: #CCD0DD;
+ color: #000000;
+ cursor: pointer;
+ border-top: 1px outset #CCD0DD;
+ border-bottom: 1px outset #CCD0DD;
+}
+
+.box-texttab[selected="true"],
+.box-texttab[selected="true"]:hover,
+.box-texttab[selected="true"]:hover:active {
+ background-color: #336699;
+ border-top: 1px solid #336699;
+ padding: 1px 1px 1px 0px;
+}
- .box-texttab[last-panel="true"],
- .box-texttab[last-panel="true"]:hover,
- .box-texttab[last-panel="true"]:hover:active,
- .box-texttab[last-panel="true"][selected="true"],
- .box-texttab[last-panel="true"][selected="true"]:hover,
- .box-texttab[last-panel="true"][selected="true"]:hover:active
- {
- border-bottom : none;
- }
-
- .panelheader-grippy-icon
- {
- margin : 2px 3px 0px 3px;
- list-style-image : url("chrome://global/skin/twisty-closed.gif");
- }
+.box-texttab[last-panel="true"],
+.box-texttab[last-panel="true"]:hover,
+.box-texttab[last-panel="true"]:hover:active,
+.box-texttab[last-panel="true"][selected="true"],
+.box-texttab[last-panel="true"][selected="true"]:hover,
+.box-texttab[last-panel="true"][selected="true"]:hover:active {
+ border-bottom: none;
+}
+
+.sbtab-label {
+ margin: 0px 0px 0px 0px !important;
+}
+
+.sbtab-twisty {
+ margin: 2px 3px 0px 3px;
+ list-style-image: url("chrome://global/skin/twisty-closed.gif");
+}
/*
- .panelheader-texture
- {
- margin : 1px 0px 1px 0px;
- background-image : url("chrome://global/skin/toolbargrippy-texture.gif");
- background-position : 50% 0%;
- background-repeat : repeat-y;
- width : 12px;
- }
+.sbtab-texture {
+ margin: 2px 0px;
+ background: url("chrome://global/skin/toolbar/tbgrip-texture.gif") repeat-y;
+ width: 12px;
+ height: 12px;
+}
*/
- .box-texttab:hover
- {
- background-color : #DDDDDD;
- }
-
- .box-texttab:hover > .panelheader-box-1
- {
- }
-
- .box-texttab:hover:active
- {
- background-color : #6699FF;
- }
+.box-texttab:hover {
+ background-color : #DDDDDD;
+}
- .box-texttab:hover:active > .panelheader-box-1
- {
- }
-
- .box-texttab[selected="true"],
- .box-texttab[selected="true"]:hover
- {
- font-weight : bold;
- cursor : default;
- }
-
- .box-texttab[last-panel="true"],
- .box-texttab[selected="true"]
- {
- margin-bottom : 0px;
- }
-
- .panelheader-grippy-icon[selected="true"]
- {
- margin : 2px 3px 0px 3px;
- list-style-image : url("chrome://global/skin/twisty-open.gif");
- }
-
- .sidebar-iframe-no-panels, .loadarea
- {
- background-color : #FFFFFF;
- }
+.box-texttab:hover:active {
+ background-color : #6699FF;
+}
- .iframe-panel
- {
- }
-
- .panelheader-text
- {
- margin : 0px;
- }
+.box-texttab[selected="true"],
+.box-texttab[selected="true"]:hover {
+ font-weight : bold;
+ cursor : default;
+}
+
+.box-texttab[last-panel="true"],
+.box-texttab[selected="true"] {
+ margin-bottom : 0px;
+}
+
+.sbtab-twisty[selected="true"] {
+ list-style-image: url("chrome://global/skin/twisty-open.gif");
+}
<bindings id="sidebarBindings"
xmlns="http://www.mozilla.org/xbl"
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-
- <binding id="panelheader" extends="xul:button">
+
+ <binding id="sbtab" extends="xul:button">
<content>
- <xul:hbox class="panelheader-box-1" inherits="selected" flex="1">
- <xul:hbox class="panelheader-box-2" align="center" flex="1">
- <xul:image class="panelheader-grippy-icon" inherits="selected"/>
- <xul:image class="panelheader-image" inherits="src"/>
- <xul:vbox flex="1">
- <xul:label class="panelheader-icon" inherits="value=label" crop="right"/>
- </xul:vbox>
- <xul:spacer flex="1"/>
- </xul:hbox>
- <xul:hbox class="panelheader-texture"/>
- </xul:hbox>
+ <xul:image class="sbtab-twisty" inherits="selected"/>
+ <xul:label class="sbtab-label" inherits="value=label" crop="right"/>
+ <xul:spacer flex="1"/>
+ <xul:image class="sbtab-texture"/>
</content>
</binding>
+
</bindings>
+++ /dev/null
-<?xml version="1.0"?>
-
-<bindings id="sidebarSplitterBindings.xml"
- xmlns="http://www.mozilla.org/xbl"
- xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-
- <binding id="sidebar-splitter" extends="xul:splitter">
- <content>
- <xul:vbox class="sidebar-splitter-topright-cap">
- <xul:spacer flex="1"/>
- </xul:vbox>
- <xul:spacer flex="1"/>
- <xul:hbox>
- <children/>
- </xul:hbox>
- <xul:spacer flex="1"/>
- <xul:vbox class="sidebar-splitter-bottomright-cap">
- <xul:spacer flex="100%"/>
- </xul:vbox>
- </content>
- </binding>
-
- <binding id="panelheader" extends="xul:button">
- <content>
- <xul:hbox class="panelheader-box-1" flex="1">
- <xul:image class="panelheader-image" inherits="src"/>
- <xul:label class="panelheader-icon" inherits="value=label,crop"/>
- </xul:hbox>
- </content>
- </binding>
-
-</bindings>
*
* ***** END LICENSE BLOCK ***** */
+/* ==== tasksOverlay.css ================================================
+ == Styles used by the the overlay which contains tasks related
+ == content, such as the taskbar and product launcher icons.
+ ====================================================================== */
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-#mini-nav
- {
- list-style-image : url("chrome://global/skin/taskbar-navigator.gif");
- }
+/* ::::: communicator product icons ::::: */
+
+.taskbutton,
+.taskbutton:hover:active {
+ padding: 1px 3px;
+ border: none;
+}
+
+.taskbutton:hover {
+ background-color: #9999CC;
+}
-#mini-mail
- {
- list-style-image : url("chrome://global/skin/taskbar-mail.gif");
- }
+.taskbutton:hover:active {
+ background-color: #CCCCFF;
+}
-#mini-mail[BiffState="NewMail"]
- {
- list-style-image : url("chrome://global/skin/taskbar-gotmail.gif");
- }
+#mini-nav {
+ list-style-image: url("chrome://communicator/skin/taskbar/navigator.gif");
+}
-#mini-addr
- {
- list-style-image : url("chrome://global/skin/taskbar-addressbook.gif");
- }
+#mini-mail {
+ list-style-image: url("chrome://communicator/skin/taskbar/mail.gif");
+}
-#mini-comp
- {
- list-style-image : url("chrome://global/skin/taskbar-composer.gif");
- }
+#mini-mail[BiffState="NewMail"] {
+ list-style-image: url("chrome://communicator/skin/taskbar/mailnew.gif");
+}
-.taskbutton > .toolbarbutton-box,
-.taskbutton > .toolbarbutton-box:hover:active {
- padding: 1px;
- border: none;
+#mini-addr {
+ list-style-image: url("chrome://communicator/skin/taskbar/addressbook.gif");
}
-.taskbutton > .toolbarbutton-box:hover,
-.taskbutton:hover > .toolbarbutton-box {
- background-color : #9999CC;
+#mini-comp {
+ list-style-image: url("chrome://communicator/skin/taskbar/composer.gif");
}
-.taskbutton > .toolbarbutton-box:hover:active,
-.taskbutton:hover:active > .toolbarbutton-box {
- background-color : #CCCCFF;
+/* ::::: component bar ::::: */
+
+#component-bar {
+ -moz-box-align: stretch;
}
-.taskbutton > .toolbarbutton-box > .toolbarbutton-text
- {
- display : none;
- }
+++ /dev/null
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is "Classic" theme of mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- * Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/******* ToolBox & ToolBar *******/
-
-/*
-.toolbar-primary, menubar
- {
- background-image : url("chrome://communicator/skin/toolbar-bg.png");
- }
-*/
*
* ***** END LICENSE BLOCK ***** */
-@import url(chrome://global/skin);
+@import url("chrome://global/skin");
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
<!-- List all the skins being supplied by this theme -->
<RDF:Seq about="urn:mozilla:skin:root">
- <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.7" />
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8" />
</RDF:Seq>
<!-- classic Information -->
- <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.7"
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8"
chrome:displayName="EarlyBlue"
chrome:accessKey="E"
chrome:author="Robert Kaiser - KaiRo.at"
chrome:description="This theme re-introduces a UI design idea based on early Mozilla milestones. Get more info at http://www.kairo.at/download/"
- chrome:name="EarlyBlue/0.7"
- chrome:image="jar:resource:///chrome/EarlyBlue.jar!/skin/EarlyBlue/global/preview.png">
+ chrome:name="EarlyBlue/0.8"
+ chrome:image="jar:resource:///chrome/EarlyBlue.jar!/global/preview.png">
<chrome:packages>
- <RDF:Seq about="urn:mozilla:skin:EarlyBlue/0.7:packages">
- <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.7:global"/>
- <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.7:communicator"/>
- <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.7:navigator"/>
- <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.7:messenger"/>
- <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.7:editor"/>
+ <RDF:Seq about="urn:mozilla:skin:EarlyBlue/0.8:packages">
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8:global"/>
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8:communicator"/>
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8:navigator"/>
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8:messenger"/>
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8:editor"/>
+ <RDF:li resource="urn:mozilla:skin:EarlyBlue/0.8:forms"/>
</RDF:Seq>
</chrome:packages>
</RDF:Description>
<!-- Version Information. State that we work only with a certain version of this package. -->
- <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.7:global"
- chrome:skinVersion="0.9.4"/>
- <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.7:communicator"
- chrome:skinVersion="0.9.4"/>
- <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.7:navigator"
- chrome:skinVersion="0.9.4"/>
- <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.7:messenger"
- chrome:skinVersion="0.9.4"/>
- <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.7:editor"
- chrome:skinVersion="0.9.4"/>
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8:global" chrome:skinVersion="0.9.4"/>
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8:communicator" chrome:skinVersion="0.9.4"/>
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8:navigator" chrome:skinVersion="0.9.4"/>
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8:messenger" chrome:skinVersion="0.9.4"/>
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8:editor" chrome:skinVersion="0.9.4"/>
+ <RDF:Description about="urn:mozilla:skin:EarlyBlue/0.8:forms" chrome:skinVersion="0.9.4"/>
</RDF:RDF>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
toolbar#toolbox {
- margin :0px;
- padding: 4px; 0px; 0px; 0px;
+ margin: 0px;
+ padding: 4px 0px 0px 0px;
}
toolbar#toolbox button.tool:active {
- margin: 2px 0px 0px 2px;
+ margin: 2px 0px 0px 2px;
}
toolbar#toolbox button.tool[toggled="1"] {
toolbar#toolbox button.tool {
border: 1px solid transparent;
margin: 1px 1px 1px 1px;
- padding: 2px;
- text-decoration: none;
- color: inherit;
+ padding: 2px;
+ text-decoration: none;
+ color: inherit;
}
toolbar.toolbox > toolbargrippy {
- visibility: collapse;
+ visibility: collapse;
}
#pointerButton {
- list-style-image:url("chrome://editor/skin/images/Map_pointerTool.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_pointerTool.gif");
}
#rectButton {
- list-style-image:url("chrome://editor/skin/images/Map_rectangleTool.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_rectangleTool.gif");
}
#cirButton {
- list-style-image:url("chrome://editor/skin/images/Map_circleTool.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_circleTool.gif");
}
#polyButton {
- list-style-image:url("chrome://editor/skin/images/Map_polygonTool.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_polygonTool.gif");
}
#cutButton {
- list-style-image:url("chrome://editor/skin/images/Map_Cut.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_Cut.gif");
}
#copyButton {
- list-style-image:url("chrome://editor/skin/images/Map_Copy.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_Copy.gif");
}
#pasteButton {
- list-style-image:url("chrome://editor/skin/images/Map_Paste.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_Paste.gif");
}
#zoomInButton {
- list-style-image:url("chrome://editor/skin/images/Map_zoomIn.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_zoomIn.gif");
}
#zoomOutButton {
- list-style-image:url("chrome://editor/skin/images/Map_zoomOut.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_zoomOut.gif");
}
#contrastButton {
- list-style-image:url("chrome://editor/skin/images/Map_contrast.gif");
+ list-style-image: url("chrome://editor/skin/icons/Map_contrast.gif");
}
+++ /dev/null
-/* ***** BEGIN LICENSE BLOCK *****
- * Version: MPL 1.1/GPL 2.0/LGPL 2.1
- *
- * The contents of this file are subject to the Mozilla Public License Version
- * 1.1 (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- * http://www.mozilla.org/MPL/
- *
- * Software distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- * for the specific language governing rights and limitations under the
- * License.
- *
- * The Original Code is "Classic" theme of mozilla.org code.
- *
- * The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
- * the Initial Developer. All Rights Reserved.
- *
- * Contributor(s):
- * Robert Kaiser <KaiRo@KaiRo.at>
- *
- * Alternatively, the contents of this file may be used under the terms of
- * either the GNU General Public License Version 2 or later (the "GPL"), or
- * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- * in which case the provisions of the GPL or the LGPL are applicable instead
- * of those above. If you wish to allow use of your version of this file only
- * under the terms of either the GPL or the LGPL, and not to allow others to
- * use your version of this file under the terms of the MPL, indicate your
- * decision by deleting the provisions above and replace them with the notice
- * and other provisions required by the GPL or the LGPL. If you do not delete
- * the provisions above, a recipient may use your version of this file under
- * the terms of any one of the MPL, the GPL or the LGPL.
- *
- * ***** END LICENSE BLOCK ***** */
-
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-
-/* ............. edit mode tabs ............... */
-
-.tabs-bottom {
- border-top: none;
-}
-
-.tabs-bottom > .tabs-spacer {
- border-top: 1px solid #9999CC !important;
- border-bottom: none;
-}
-
-
-/* ............. edit mode tabs ............... */
-
-
-.tabs-bottom > tab {
- margin-top: 0px;
- margin-bottom: 2px;
- border: none;
-/* border-right: 1px solid ThreeDDarkShadow;
- -moz-border-radius: 0px 0px 5px 5px; */
- -moz-user-focus: ignore;
-}
-
-.tabs-bottom > tab > .tab-box {
- border: 1px outset #CCD0DD !important;
- border-top: none !important;
-/* -moz-border-radius: 0px 0px 4px 4px; */
-}
-
-/* ............. selected state ............... */
-
-/*
-.tabs-bottom > tab[selected="true"] {
- margin-bottom: 0px;
-}
-*/
-
-.tabs-bottom > tab[selected="true"] > .tab-box {
- background-color: #6699FF;
-/* border-bottom: 1px solid ThreeDShadow !important;
- border-top: 1px solid #ffffff !important; */
-}
/* The defaults are WAY to big! */
groupbox {
- margin: 2px 5px /* 4px 5px */;
- padding-top: 2px;
+ margin: 2px 5px /* 4px 5px */;
+ padding-top: 2px;
padding-bottom: 4px;
}
min-width: 10em;
}
+.MinWidth15em {
+ min-width: 15em;
+}
+
.MinWidth20em {
min-width: 20em;
}
.big-left-margin {
- margin-left: 10px;
+ margin-left: 10px;
}
.bold {
font-size: 120%;
}
-
.narrow {
width: 3em;
}
}
.menuitem-highlight-1 {
- font-weight : bold;
+ font-weight: bold;
}
/* Use this with groove-thin in dialogs
to add margins to top and bottom
*/
.tb-margin {
- margin-top : 6px;
- margin-bottom : 6px;
+ margin-top: 6px;
+ margin-bottom: 6px;
}
.color-well {
}
#ColorPickerSwatch {
- border : 2px outset #CCD0DD;
+ border: 2px outset #CCD0DD;
width: 25px;
height: 20px;
margin: 0px 3px 0px 0px;
}
#ColorPickerSwatch[default="true"] {
- border : 2px solid transparent;
+ border: 2px solid transparent;
background-color: inherit;
}
margin: 1px 2px 2px 4px;
}
-.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 #CCD0DD;
/* 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 #CCD0DD;
- margin-left: 10px;
- padding-left: 5px;
- padding-right: 5px;
- min-width: 100px;
- min-height: 50px;
+ margin-left: 10px;
+ padding-left: 5px;
+ padding-right: 5px;
+ min-width: 100px;
+ min-height: 50px;
}
-#alignTypeSelect,label#alignLabel {
+#alignTypeSelect,
+label#alignLabel {
margin-left: 5px;
}
+/* ::::: table properties dialog ::::: */
+
#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 */
+ list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
min-width: 12em;
}
-/* ::::: table properties dialog ::::: */
-
#MoreFewerButton[more="1"] {
- list-style-image: url(chrome://global/skin/scroll-up.gif);
+ list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
min-width: 12em;
}
#PreviousButton {
- list-style-image: url(chrome://global/skin/arrow-left.gif);
+ list-style-image: url(chrome://global/skin/arrow/arrow-left.gif);
}
#NextButton {
- list-style-image: url(chrome://global/skin/arrow-right.gif);
+ list-style-image: url(chrome://global/skin/arrow/arrow-right.gif);
}
#PreviousButton[type="row"] {
- list-style-image: url(chrome://global/skin/arrow-up.gif);
+ list-style-image: url(chrome://global/skin/arrow/arrow-up.gif);
}
#NextButton[type="row"] {
- list-style-image: url(chrome://global/skin/arrow-down.gif);
+ list-style-image: url(chrome://global/skin/arrow/arrow-down.gif);
}
/* ::::: spelling dialog ::::: */
}
.smallspacer {
- width: 3px;
+ width: 3px;
height: 3px;
- min-width: 3px;
+ min-width: 3px;
min-height: 3px;
}
.spacer {
- width: 5px;
+ width: 5px;
height: 5px;
- min-width: 5px;
+ min-width: 5px;
min-height: 5px;
}
.bigspacer {
- width: 10px;
+ width: 10px;
height: 10px;
- min-width: 10px;
+ min-width: 10px;
min-height: 10px;
}
+#alignTypeSelect {
+ height: 34px;
+}
+
.align-menu[value="top"] {
- list-style-image:url("chrome://editor/skin/images/img-align-top.gif");
+ list-style-image:url("chrome://editor/skin/icons/img-align-top.gif");
}
.align-menu[value="center"] {
- list-style-image:url("chrome://editor/skin/images/img-align-middle.gif");
+ list-style-image:url("chrome://editor/skin/icons/img-align-middle.gif");
}
.align-menu[value="bottom"] {
- list-style-image:url("chrome://editor/skin/images/img-align-bottom.gif");
+ list-style-image:url("chrome://editor/skin/icons/img-align-bottom.gif");
}
.align-menu[value="right"] {
- list-style-image:url("chrome://editor/skin/images/img-align-right.gif");
+ list-style-image:url("chrome://editor/skin/icons/img-align-right.gif");
}
.align-menu[value="left"] {
- list-style-image:url("chrome://editor/skin/images/img-align-left.gif");
+ list-style-image:url("chrome://editor/skin/icons/img-align-left.gif");
}
/* Don't change width/height of these without changing values in
*/
#preview-image-box {
border: 1px inset #CCD0DD;
- width : 82px;
- max-width : 82px;
- min-width : 82px;
- height : 52px;
- max-height : 52px;
- min-height : 52px;
- margin : 6px 5px 6px 5px;
- overflow : hidden;
+ width: 82px;
+ max-width: 82px;
+ min-width: 82px;
+ height: 52px;
+ max-height: 52px;
+ min-height: 52px;
+ margin: 6px 5px 6px 5px;
+ overflow: hidden;
}
#preview-image-holder {
- padding : 0px;
- margin : 0px;
+ padding: 0px;
+ margin: 0px;
}
/* Rest are from Ben Goodger for Advanced Edit dialog
/* styles for an attribute tree-table */
tree.AttributesTree {
- min-width : 200px;
+ min-width: 200px;
min-height: 200px;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* Note: most of our styles are in EditorToolbars.css
- in order to share with all users of editor
-*/
-
-/********* image pre-cacheing ********/
-#resource_bundle_editor{
- -moz-binding : url('chrome://editor/skin/resources.xml#resource_bundle_editor')
-}
-
#content-frame {
min-width: 10px;
min-height: 10px;
height: 400px;
}
-.source-editor, .source-editor:focus {
+.source-editor,
+.source-editor:focus {
margin: 0px 5px 5px 0px;
border: 0px;
/* Scroll bars are in content,
}
/* Multiline textarea for HTML source editing */
-#content-source, #doctype-text
- {
- font-family : -moz-fixed;
- }
+#content-source,
+#doctype-text {
+ font-family: -moz-fixed;
+}
+#appcontent {
+}
+
+#ContentWindowDeck {
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/* ::::: formatting buttons ::::: */
+
#FormatToolbar > toolbarbutton {
min-width: 18px;
}
-#FormatToolbar > toolbarbutton > .toolbarbutton-box > .toolbarbutton-text {
+#FormatToolbar > toolbarbutton > .toolbarbutton-text {
display: none;
}
-#boldButton
- {
- list-style-image : url(chrome://editor/skin/images/bold.gif);
- }
+#DecreaseFontSizeButton {
+ list-style-image: url("chrome://editor/skin/icons/dec-font-size.gif");
+}
+
+#DecreaseFontSizeButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/dec-font-size-disabled.gif") !important;
+}
+
+#IncreaseFontSizeButton {
+ list-style-image: url("chrome://editor/skin/icons/inc-font-size.gif");
+}
+
+#IncreaseFontSizeButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/inc-font-size-disabled.gif") !important;
+}
+
+#boldButton {
+ list-style-image: url(chrome://editor/skin/icons/bold.gif);
+}
+
+#boldButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/bold-disabled.gif") !important;
+}
+
+#italicButton {
+ list-style-image: url("chrome://editor/skin/icons/italic.gif");
+}
+
+#italicButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/italic-disabled.gif") !important;
+}
+
+#underlineButton {
+ list-style-image: url("chrome://editor/skin/icons/underline.gif");
+}
+
+#underlineButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/underline-disabled.gif") !important;
+}
+
+#ulButton {
+ list-style-image:url("chrome://editor/skin/icons/bullets.gif");
+}
+
+#ulButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/bullets-disabled.gif") !important;
+}
+
+#olButton {
+ list-style-image: url("chrome://editor/skin/icons/numbers.gif");
+}
+
+#olButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/numbers-disabled.gif") !important;
+}
+
+#outdentButton {
+ list-style-image: url("chrome://editor/skin/icons/outdent.gif");
+}
+
+#outdentButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/outdent-disabled.gif") !important;
+}
+
+#indentButton {
+ list-style-image: url("chrome://editor/skin/icons/indent.gif");
+}
+
+#indentButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/indent-disabled.gif") !important;
+}
+
+#align-left-button {
+ list-style-image: url("chrome://editor/skin/icons/left.gif");
+}
+
+#align-left-button[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/left-disabled.gif") !important;
+}
+
+#align-center-button {
+ list-style-image: url("chrome://editor/skin/icons/center.gif");
+}
+
+#align-center-button[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/center-disabled.gif") !important;
+}
+
+#align-right-button {
+ list-style-image: url("chrome://editor/skin/icons/right.gif");
+}
+
+#align-right-button[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/right-disabled.gif") !important;
+}
+
+#align-justify-button {
+ list-style-image: url("chrome://editor/skin/icons/justify.gif");
+}
+
+#align-justify-button[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/justify-disabled.gif") !important;
+}
+
+#AlignPopupButton {
+ list-style-image: url("chrome://editor/skin/icons/align.gif");
+}
+
+#AlignPopupButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/align-disabled.gif") !important;
+}
+
+#InsertPopupButton {
+ list-style-image: url("chrome://editor/skin/icons/insert.gif");
+}
-#boldButton[disabled="true"],
-#boldButton[disabled="true"]:hover,
-#boldButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/bold-disabled.gif");
- }
+#InsertPopupButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/insert-disabled.gif") !important;
+}
#smileButtonMenu {
- list-style-image:url("chrome://editor/skin/images/smile.gif");
+ list-style-image: url("chrome://editor/skin/icons/smile.gif");
+}
+
+#smileButtonMenu[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/smile-disabled.gif") !important;
+}
+
+/* ::::: menuitem icons ::::: */
+
+/* ..... align menu ..... */
+
+#AlignLeftItem {
+ list-style-image: url("chrome://editor/skin/icons/left.gif");
+}
+
+#AlignCenterItem {
+ list-style-image: url("chrome://editor/skin/icons/center.gif");
+}
+
+#AlignRightItem {
+ list-style-image: url("chrome://editor/skin/icons/right.gif");
+}
+
+#AlignJustifyItem {
+ list-style-image: url("chrome://editor/skin/icons/justify.gif");
+}
+
+/* ..... insert menu ..... */
+
+#InsertLinkItem {
+ list-style-image: url("chrome://editor/skin/icons/link.gif");
+}
+
+#InsertAnchorItem {
+ list-style-image: url("chrome://editor/skin/icons/anchor.gif");
+}
+
+#InsertImageItem {
+ list-style-image: url("chrome://editor/skin/icons/image.gif");
+}
+
+#InsertHRuleItem {
+ list-style-image: url("chrome://editor/skin/icons/hline.gif");
}
-#smileButtonMenu[disabled="true"],
-#smileButtonMenu[disabled="true"]:hover,
-#smileButtonMenu[disabled="true"]:hover:active {
- list-style-image:url("chrome://editor/skin/images/smile-disabled.gif");
+#InsertTableItem {
+ list-style-image: url("chrome://editor/skin/icons/table.gif");
}
+/* ..... smiley menu ..... */
+
.insert-smile > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/smile_n.gif);
+ list-style-image: url("chrome://editor/content/images/smile_n.gif");
}
.insert-tongue > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/tongue_n.gif);
+ list-style-image: url("chrome://editor/content/images/tongue_n.gif");
}
.insert-frown > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/frown_n.gif);
- }
+ list-style-image: url("chrome://editor/content/images/frown_n.gif");
+}
.insert-wink > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/wink_n.gif);
- }
+ list-style-image: url("chrome://editor/content/images/wink_n.gif");
+}
.insert-laughing > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/laughing_n.gif);
- }
+ list-style-image: url("chrome://editor/content/images/laughing_n.gif");
+}
.insert-embarrassed > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/embarrassed_n.gif);
- }
-
+ list-style-image: url("chrome://editor/content/images/embarrassed_n.gif");
+}
.insert-undecided > .menu-iconic-left {
- list-style-image:url(chrome://global/skin/smiley/undecided_n.gif);
-}
-
-.smiley > .menu-iconic-left {
-
- margin-right: 15px;
-}
-
-
-
-#italicButton
- {
- list-style-image : url("chrome://editor/skin/images/italic.gif");
- }
-
-#italicButton[disabled="true"],
-#italicButton[disabled="true"]:hover,
-#italicButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/italic-disabled.gif");
- }
-
-#underlineButton
- {
- list-style-image : url("chrome://editor/skin/images/underline.gif");
- }
-
-#underlineButton[disabled="true"],
-#underlineButton[disabled="true"]:hover,
-#underlineButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/underline-disabled.gif");
- }
-
-#DecreaseFontSizeButton
- {
- list-style-image : url("chrome://editor/skin/images/dec-font-size.gif");
- }
-
-#DecreaseFontSizeButton[disabled="true"],
-#DecreaseFontSizeButton[disabled="true"]:hover,
-#DecreaseFontSizeButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/dec-font-size-disabled.gif");
- }
-
-#IncreaseFontSizeButton
- {
- list-style-image : url("chrome://editor/skin/images/inc-font-size.gif");
- }
-
-#IncreaseFontSizeButton[disabled="true"],
-#IncreaseFontSizeButton[disabled="true"]:hover,
-#IncreaseFontSizeButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/inc-font-size-disabled.gif");
- }
-
-#ulButton
- {
- list-style-image :url("chrome://editor/skin/images/bullets.gif");
- }
-
-#ulButton[disabled="true"],
-#ulButton[disabled="true"]:hover,
-#ulButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/bullets-disabled.gif");
- }
-
-#olButton
- {
- list-style-image : url("chrome://editor/skin/images/numbers.gif");
- }
-
-#olButton[disabled="true"],
-#olButton[disabled="true"]:hover,
-#olButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/numbers-disabled.gif");
- }
-
-#outdentButton
- {
- list-style-image : url("chrome://editor/skin/images/outdent.gif");
- }
-
-#outdentButton[disabled="true"],
-#outdentButton[disabled="true"]:hover,
-#outdentButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/outdent-disabled.gif");
- }
-
-#indentButton
- {
- list-style-image : url("chrome://editor/skin/images/indent.gif");
- }
-
-#indentButton[disabled="true"],
-#indentButton[disabled="true"]:hover,
-#indentButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/indent-disabled.gif");
- }
+ list-style-image: url("chrome://editor/content/images/undecided_n.gif");
+}
-#AlignPopupButton {
- list-style-image : url("chrome://editor/skin/images/align.gif");
+/* ::::: fg/bg color picker ::::: */
+
+.ColorPickerLabel {
+ border: 1px inset #CCD0DD;
+ margin: 0px;
+ padding: 2px;
}
-#AlignPopupButton[disabled="true"],
-#AlignPopupButton[disabled="true"]:hover,
-#AlignPopupButton[disabled="true"]:hover:active {
- list-style-image : url("chrome://editor/skin/images/align-disabled.gif");
+.color-button {
+ border: 1px inset #CCD0DD;
+ padding: 0px;
+ width: 14px;
+ height: 12px;
+ margin: 2px;
}
-#InsertPopupButton {
- list-style-image : url("chrome://editor/skin/images/insert.gif");
-}
-
-#InsertPopupButton[disabled="true"],
-#InsertPopupButton[disabled="true"]:hover,
-#InsertPopupButton[disabled="true"]:hover:active {
- list-style-image : url("chrome://editor/skin/images/insert-disabled.gif");
-}
-
-#text-align-left,
-#align-left-button
- {
- list-style-image : url("chrome://editor/skin/images/left.gif");
- }
-
-#text-align-left[disabled="true"],
-#text-align-left[disabled="true"]:hover,
-#text-align-left[disabled="true"]:hover:active,
-#align-left-button[disabled="true"],
-#align-left-button[disabled="true"]:hover,
-#align-left-button[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/left-disabled.gif");
- }
-
-#text-align-center,
-#align-center-button
- {
- list-style-image : url("chrome://editor/skin/images/center.gif");
- }
-
-#text-align-center[disabled="true"],
-#text-align-center[disabled="true"]:hover,
-#text-align-center[disabled="true"]:hover:active,
-#align-center-button[disabled="true"],
-#align-center-button[disabled="true"]:hover,
-#align-center-button[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/center-disabled.gif");
- }
-
-#text-align-right,
-#align-right-button
- {
- list-style-image : url("chrome://editor/skin/images/right.gif");
- }
-
-#text-align-right[disabled="true"],
-#text-align-right[disabled="true"]:hover,
-#text-align-right[disabled="true"]:hover:active
-#align-right-button[disabled="true"],
-#align-right-button[disabled="true"]:hover,
-#align-right-button[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/right-disabled.gif");
- }
-
-#text-align-justify, #align-justify-button
- {
- list-style-image : url("chrome://editor/skin/images/justify.gif");
- }
-
-#text-align-justify[disabled="true"],
-#text-align-justify[disabled="true"]:hover,
-#text-align-justify[disabled="true"]:hover:active
-#align-justify-button[disabled="true"],
-#align-justify-button[disabled="true"]:hover,
-#align-justify-button[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/justify-disabled.gif");
- }
-
-.ColorPickerLabel
- {
- border : 1px inset white;
- margin : 0px;
- padding : 2px;
- }
-
-.color-button
- {
- border : 1px inset #CCD0DD;
- padding : 0px;
- width : 14px;
- height : 12px;
- margin : 2px;
- }
-
-.color-button:hover
- {
- border : 1px solid #666699;
- }
-
-#TextColorButton
- {
- margin : 2px 9px 9px 2px;
- }
-
-#BackgroundColorButton
- {
- margin : 9px 2px 2px 9px;
- }
+.color-button:hover {
+ border: 1px solid #666699;
+}
+
+#TextColorButton {
+ margin: 2px 9px 9px 2px;
+}
+
+#BackgroundColorButton {
+ margin: 9px 2px 2px 9px;
+}
+
+#HighlightColorButton {
+ list-style-image: url("chrome://editor/skin/icons/highlight.gif");
+ background-color: transparent;
+}
+
+#HighlightColorButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/highlight-disabled.gif") !important;
+}
*
* ***** END LICENSE BLOCK ***** */
-@import url("chrome://editor/skin/EditModeTabs.css");
-
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-#EditModeToolbar
- {
- padding : 0px;
- -moz-box-align : start;
-/* border-bottom : 1px solid ThreeDShadow; */
- margin-bottom : 0px;
- min-width : 1px;
-/* color : white;
- background-color : ThreeDFace; */
- }
+#EditModeToolbar {
+ -moz-box-align: start;
+ padding: 0px;
+ margin-bottom: 0px;
+ min-width: 1px;
+}
+
+.tab-bottom[selected="true"] {
+/* background-color: -moz-Field;
+ color: -moz-FieldText; */
+}
-#NormalModeButton
- {
- list-style-image : url(chrome://editor/skin/images/editmode-normal.gif);
- }
+#NormalModeButton {
+ list-style-image: url("chrome://editor/skin/icons/editmode-normal.gif");
+}
-#TagModeButton
- {
- list-style-image : url(chrome://editor/skin/images/editmode-tags.gif);
- }
+#TagModeButton {
+ list-style-image: url("chrome://editor/skin/icons/editmode-tags.gif");
+}
-#SourceModeButton
- {
- list-style-image : url(chrome://editor/skin/images/editmode-html.gif);
- }
+#SourceModeButton {
+ list-style-image: url("chrome://editor/skin/icons/editmode-html.gif");
+}
-#PreviewModeButton
- {
- list-style-image : url(chrome://editor/skin/images/editmode-preview.gif);
- }
+#PreviewModeButton {
+ list-style-image: url("chrome://editor/skin/icons/editmode-preview.gif");
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-#newButton
- {
- list-style-image : url("chrome://editor/skin/images/newfile.gif");
- }
-
-#newButton[disabled="true"],
-#newButton[disabled="true"]:hover,
-#newButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/newfile-disabled.gif");
- }
-
-#openButton
- {
- list-style-image : url("chrome://editor/skin/images/openfile.gif");
- }
-
-#openButton[disabled="true"],
-#openButton[disabled="true"]:hover,
-#openButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/openfile-disabled.gif");
- }
-
-#saveButton
- {
- list-style-image : url("chrome://editor/skin/images/savefile.gif");
- }
-
-#saveButton[disabled="true"],
-#saveButton[disabled="true"]:hover,
-#saveButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/savefile-disabled.gif");
- }
-
-#saveButton[dirty="true"]
- {
- list-style-image : url("chrome://editor/skin/images/savefile-dirty.gif");
- }
-
-#saveButton[dirty="true"][disabled="true"],
-#saveButton[dirty="true"][disabled="true"]:hover,
-#saveButton[dirty="true"][disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/savefile-disabled.gif");
- }
-
-#publishButton
- {
- list-style-image : url("chrome://editor/skin/images/publish.gif");
- }
-
-#publishButton[disabled="true"],
-#publishButton[disabled="true"]:hover,
-#publishButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/publish-disabled.gif");
- }
-
-#previewButton
- {
- list-style-image : url("chrome://editor/skin/images/preview.gif");
- }
-
-#previewButton[disabled="true"],
-#previewButton[disabled="true"]:hover,
-#previewButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/preview-disabled.gif");
- }
-
-#printButton
- {
- list-style-image : url("chrome://global/skin/print.gif");
- }
-
-#printButton[disabled="true"]
- {
- list-style-image : url("chrome://global/skin/print-disabled.gif");
- }
-
-#findButton
- {
- list-style-image : url("chrome://editor/skin/images/find.gif");
- }
-
-#findButton[disabled="true"],
-#findButton[disabled="true"]:hover,
-#findButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/find-disabled.gif");
- }
-
-#linkButton
- {
- list-style-image : url("chrome://editor/skin/images/link.gif");
- }
-
-#linkButton[disabled="true"],
-#linkButton[disabled="true"]:hover,
-#linkButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/link-disabled.gif");
- }
-
-#imageButton
- {
- list-style-image : url("chrome://editor/skin/images/image.gif");
- }
-
-#imageButton[disabled="true"],
-#imageButton[disabled="true"]:hover,
-#imageButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/image-disabled.gif");
- }
-
-#namedAnchorButton
- {
- list-style-image : url("chrome://editor/skin/images/anchor.gif");
- }
-
-#namedAnchorButton[disabled="true"],
-#namedAnchorButton[disabled="true"]:hover,
-#namedAnchorButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/anchor-disabled.gif");
- }
-
-#hlineButton
- {
- list-style-image : url("chrome://editor/skin/images/hline.gif");
- }
-
-#hlineButton[disabled="true"],
-#hlineButton[disabled="true"]:hover,
-#hlineButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/hline-disabled.gif");
- }
-
-#tableButton
- {
- list-style-image : url("chrome://editor/skin/images/table.gif");
- }
-
-#tableButton[disabled="true"],
-#tableButton[disabled="true"]:hover,
-#tableButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/table-disabled.gif");
- }
-
-#spellingButton
- {
- list-style-image : url("chrome://editor/skin/images/spell.gif");
- }
-
-#spellingButton[disabled="true"],
-#spellingButton[disabled="true"]:hover,
-#spellingButton[disabled="true"]:hover:active
- {
- list-style-image : url("chrome://editor/skin/images/spell-disabled.gif");
- }
-
+#newButton {
+ list-style-image: url("chrome://editor/skin/icons/newfile.gif");
+}
+
+#newButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/newfile-disabled.gif") !important;
+}
+
+#openButton {
+ list-style-image: url("chrome://editor/skin/icons/openfile.gif");
+}
+
+#openButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/openfile-disabled.gif") !important;
+}
+
+#saveButton {
+ list-style-image: url("chrome://editor/skin/icons/savefile.gif");
+}
+
+#saveButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/savefile-disabled.gif") !important;
+}
+
+#saveButton[dirty="true"] {
+ list-style-image: url("chrome://editor/skin/icons/savefile-dirty.gif");
+}
+
+#saveButton[dirty="true"][disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/savefile-disabled.gif") !important;
+}
+
+/*
+#publishButton {
+ list-style-image: url("chrome://editor/skin/icons/publish.gif");
+}
+
+#publishButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/publish-disabled.gif") !important;
+}
+*/
+
+#previewButton {
+ list-style-image: url("chrome://editor/skin/icons/preview.gif");
+}
+
+#previewButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/preview-disabled.gif") !important;
+}
+
+#printButton {
+ list-style-image: url("chrome://global/skin/icons/print.gif");
+}
+
+#printButton[disabled="true"] {
+ list-style-image: url("chrome://global/skin/icons/print-disabled.gif") !important;
+}
+
+/*
+#findButton {
+ list-style-image: url("chrome://editor/skin/icons/find.gif");
+}
+
+#findButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/find-disabled.gif") !important;
+}
+*/
+
+#linkButton {
+ list-style-image: url("chrome://editor/skin/icons/link.gif");
+}
+
+#linkButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/link-disabled.gif") !important;
+}
+
+#imageButton {
+ list-style-image: url("chrome://editor/skin/icons/image.gif");
+}
+
+#imageButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/image-disabled.gif") !important;
+}
+
+#namedAnchorButton {
+ list-style-image: url("chrome://editor/skin/icons/anchor.gif");
+}
+
+#namedAnchorButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/anchor-disabled.gif") !important;
+}
+
+#hlineButton {
+ list-style-image: url("chrome://editor/skin/icons/hline.gif");
+}
+
+#hlineButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/hline-disabled.gif") !important;
+}
+
+#tableButton {
+ list-style-image: url("chrome://editor/skin/icons/table.gif");
+}
+
+#tableButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/table-disabled.gif") !important;
+}
+
+#spellingButton {
+ list-style-image: url("chrome://editor/skin/icons/spell.gif");
+}
+
+#spellingButton[disabled="true"] {
+ list-style-image: url("chrome://editor/skin/icons/spell-disabled.gif") !important;
+}
+++ /dev/null
-<?xml version="1.0"?>
-<bindings id="EditorResourcesBindings"
- 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="resource_bundle_editor" extends="" >
- <resources>
- </resources>
- </binding>
-
-</bindings>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-.separator_small {
+.separator-small {
width: 1em;
}
* for the specific language governing rights and limitations under the
* License.
*
- * The Original Code is "Classic" theme of mozilla.org code.
+ * The Original Code is mozilla.org code.
*
* The Initial Developer of the Original Code is
- * the Mozilla Organization.
- * Portions created by the Initial Developer are Copyright (C) 1998-2001
+ * Netscape Communications Corporation.
+ * Portions created by the Initial Developer are Copyright (C) 2002
* the Initial Developer. All Rights Reserved.
*
* Contributor(s):
- * Robert Kaiser <KaiRo@KaiRo.at>
+ * Brian Ryner <bryner@netscape.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
*
* ***** END LICENSE BLOCK ***** */
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+/* This file contains skin-specific rules for HTML form controls */
+
+/* xbl-forms.css contains the XBL bindings common to all skins */
+@import url("chrome://forms/content/xbl-forms.css");
-.box-toolbar-group
- {
- margin : 0px;
- }
* ***** END LICENSE BLOCK ***** */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
-/* ::::: autocomplete ::::: */
+/* ===== autocomplete.css =================================================
+ == Styles used by the autocomplete widget.
+ ======================================================================= */
-textbox[type="autocomplete"]
- {
- cursor : default !important;
- }
-
-.autocomplete-internal-box
- {
- padding : 0px !important;
- }
+/* ::::: autocomplete ::::: */
-.autocomplete-textbox-container
+textbox
{
- padding : 1px 2px 1px 2px;
+ cursor: default;
+ padding: 0px;
}
-.autocomplete-textbox
- {
- cursor : text;
- }
+.textbox-input-box {
+ margin: 0 3px;
+ -moz-box-align: center;
+}
/* ::::: history button ::::: */
-.autocomplete-history-button
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#autocomplete-history-button");
- width : 15px;
- min-height : 19px;
- border : none;
- background-color : #9999CC;
- list-style-image : url("chrome://global/skin/scroll-down.gif");
- padding : 0px;
- margin : 0px;
- }
-
-.autocomplete-history-button > .autocomplete-history-button-internal-box
- {
- border : 1px outset #CCD0DD;
- padding : 1px;
- }
-
-.autocomplete-history-button[open="true"]
- {
- border : none;
- }
-
-.autocomplete-history-button[open="true"] > .autocomplete-history-button-internal-box
- {
- border : 1px inset #CCD0DD;
- padding : 2px 0px 0px 2px;
- }
+.autocomplete-history-dropmarker {
+ -moz-appearance: menulist-button;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ min-width: 15px;
+ min-height: 19px;
+ border: 1px outset #CCD0DD;
+ background-color: #9999CC;
+ padding: 1px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+}
+
+.autocomplete-history-dropmarker[open="true"] {
+ border: 1px inset #CCD0DD;
+ padding: 2px 0px 0px 2px;
+}
/* ::::: autocomplete popups ::::: */
.autocomplete-result-popup,
-.autocomplete-history-popup
- {
- border : 1px solid #9999CC !important;
- background-color : white !important;
- }
+.autocomplete-history-popup {
+ border: 1px solid #9999CC;
+ background-color: white !important;
+ padding: 0;
+}
-.autocomplete-history-popup
- {
- max-height : 180px;
- }
+.autocomplete-history-popup {
+ max-height: 180px;
+}
/* ::::: outliner ::::: */
-.autocomplete-outliner
- {
- border : none;
- background-color : transparent !important;
- }
+.autocomplete-outliner {
+ border: none;
+ background-color: transparent !important;
+}
-.autocomplete-outlinercol
- {
- margin : 0px !important;
- border : none !important;
- padding : 0px !important;
- }
+.autocomplete-outlinercol {
+ margin: 0px !important;
+ border: none !important;
+ padding: 0px !important;
+}
-.autocomplete-outlinerbody:-moz-outliner-cell-text
- {
- padding-left: 8px;
- }
+.autocomplete-outlinerbody:-moz-outliner-cell-text {
+ padding-left: 8px;
+}
-.autocomplete-outlinerbody:-moz-outliner-row(menuactive)
- {
- background-color : #336699;
- }
+.autocomplete-outlinerbody:-moz-outliner-row(menuactive) {
+ background-color: #336699;
+}
-.autocomplete-outlinerbody:-moz-outliner-cell-text(menuactive)
- {
- color : white !important;
- }
+.autocomplete-outlinerbody:-moz-outliner-cell-text(menuactive) {
+ color: white !important;
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-.tab-image {
+.tabbrowser-strip {
+ padding-bottom: 1px;
+ border-bottom: 1px solid #666699;
+}
+
+tabpanels {
+ -moz-appearance: none;
+}
+
+.tabbrowser-tabs {
+ padding-top: 1px;
+}
+
+.tabs-left,
+.tabs-right {
+ width: 0px;
+}
+
+.tab-icon {
margin-top: 1px;
margin-right: 3px;
width: 16px;
list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item16.gif");
}
-tab[busy] > .tab-box > .tab-image {
- list-style-image: url("chrome://global/skin/loading.gif");
+tab[busy] > .tab-icon {
+ list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+tabbrowser > tabbox > tabpanels {
+ border: none;
+ padding: 0px;
+ margin: 0px;
}
-.tabbrowser-closebox {
- list-style-image: url("chrome://global/skin/closebox.gif");
+/* ::::: close button ::::: */
+
+.tabs-closebutton {
margin-bottom: 3px;
margin-right: 2px;
+ list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
+.tabs-closebutton > .toolbarbutton-icon {
+ margin: 0;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/** Default Button Styles (apply to usage of <button> without
- * any applied class).
- **/
+/* ===== button.css =====================================================
+ == Styles used by the XUL button element.
+ ======================================================================= */
+
+/* :::::::::: button :::::::::: */
/* outer frame */
- button
- {
- border : none;
- margin : 1px 5px 2px 5px;
- min-width : 6.3em;
- background-color : #CCD0DD;
- color : #000000;
- -moz-user-focus : normal;
- }
-
- .button-text {
- margin: 0px !important;
- text-align: center;
- }
-
- button,
- button[disabled="true"][default],
- button[disabled="true"]:hover:active
- {
- border : none;
- }
-
- .button-box,
- button[disabled="true"][default] > .button-box,
- button[disabled="true"]:hover:active > .button-box
- {
- border : 1px outset #CCD0DD;
- -moz-user-focus : none;
- }
-
- .button-box-2,
- button[disabled="true"][default] > .button-box > .button-box-2,
- button[disabled="true"]:hover:active > .button-box > .button-box-2
- {
- border : none;
- }
-
- button:hover:active,
- button[open="true"],
- button[checked="true"]
- {
- border : none;
- }
-
- button:hover:active > .button-box,
- button[checked="true"] > .button-box,
- button[checked="true"]:focus > .button-box,
- button[open="true"] > .button-box,
- button[open="true"]:focus > .button-box
- {
- border : 1px inset #CCD0DD;
- }
-
- button:hover:active > .button-box > .button-box-2,
- button[checked="true"] > .button-box > .button-box-2,
- button[checked="true"]:focus> .button-box > .button-box-2,
- button[open="true"] > .button-box > .button-box-2,
- button[open="true"]:focus > .button-box > .button-box-2
- {
- border : none;
- }
-
- button:hover:active > .button-box > .button-box-2 > .button-box-text,
- button[open="true"] > .button-box > .button-box-2 > .button-box-text
- {
- padding : 1px 2px 0px 3px;
- }
+
+button {
+ margin: 1px 5px 2px 5px;
+ min-width: 6.3em;
+ border: 1px outset #CCD0DD;
+ background-color: #CCD0DD;
+ color: #000000;
+}
+
+.button-box {
+ border: 1px solid transparent;
+ padding: 0px 3px 1px 2px;
+}
- button[disabled="true"],
- button[disabled="true"]:hover:active
- {
- color : #999999;
- }
-
- button[disabled="true"] > .button-box > .button-box-2 > .button-box-text,
- button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text
- {
- padding : 0px 3px 1px 2px;
- }
-
-/* text wrapping frame (hack because <text> does not support alignment) */
- .button-box-text,
- button[disabled]:focus > .button-box > .button-box-2 > .button-box-text
- {
- padding : 0px 3px 1px 2px;
- border : 1px solid transparent;
- margin : 1px;
- }
-
- button:focus > .button-box > .button-box-2 > .button-box-text
- {
- border : 1px dotted #9999CC;
- }
-
-/** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
- * To activate, set 'default' attribute on button.
- **/
-
-/* outer frame */
- button[default], button:focus
- {
- border : none;
- }
-
- button[default] > .button-box > .button-box-2 > .button-box-text
- {
- font-weight : bold;
- list-style-image : url("chrome://global/skin/return.gif");
- -moz-box-direction : reverse;
- }
-
- button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text
- {
- font-weight : bold;
- list-style-image : url("chrome://global/skin/return-disabled.gif");
- }
-
-/* ::::: menu-button buttons ::::: */
+.button-text {
+ margin: 0px !important;
+ text-align: center;
+}
+
+/* .......... focused state .......... */
+
+button:focus {
+}
+
+button:focus > .button-box {
+ border: 1px dotted #9999CC;
+}
+
+/* .......... default state .......... */
+
+button[default="true"] {
+ font-weight: bold;
+ list-style-image: url("chrome://global/skin/icons/return.gif");
+ -moz-box-direction: reverse;
+}
+
+button[default="true"][disabled="true"] {
+ font-weight: bold;
+ list-style-image: url("chrome://global/skin/icons/return-disabled.gif");
+}
+
+/* .......... active/open/checked state .......... */
+
+button:hover:active,
+button[open="true"],
+button[checked="true"] {
+ border: 1px inset #CCD0DD;
+}
+
+button:hover:active > .button-box,
+button[open="true"] > .button-box,
+button[checked="true"] > .button-box {
+ padding: 1px 2px 0px 3px;
+}
+
+/* .......... disabled state .......... */
+
+button[disabled="true"] {
+ border: 1px outset #CCD0DD;
+ color: #999999;
+}
+
+button[disabled="true"] > .button-box {
+ padding: 0px 3px 1px 2px !important;
+}
+
+/* ::::: menu/menu-button buttons ::::: */
button[type="menu-button"] {
- margin: 0px !important;
- border: none !important;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ margin: 0px;
+ border: none;
}
-.menu-button-dropmarker {
- list-style-image: url("chrome://global/skin/scroll-down.gif");
+.button-menu-dropmarker,
+.button-menubutton-dropmarker {
+ margin: 1px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
}
-
-.menu-button-dropmarker[disabled="true"] {
- list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
+
+.button-menu-dropmarker[disabled="true"],
+.button-menubutton-dropmarker[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
}
+.button-menubutton-dropmarker[open="true"] {
+ margin: 2px 0px 0px 2px;
+}
+
+
/* ::::: plain buttons ::::: */
-button.plain,
-button.plain:hover,
-button.plain:hover:active,
-button.plain > .button-box,
-button.plain:hover > .button-box,
-button.plain:hover:active > .button-box {
- border: 0px ! important;
- margin: 0px;
- padding: 0px;
+button.plain {
+ border: 0px !important;
+ margin: 0px !important;
+ padding: 0px !important;
}
+++ /dev/null
-<?xml version="1.0"?>
-
-<bindings id="buttonBindings"
- xmlns="http://www.mozilla.org/xbl"
- xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-
- <binding id="button" extends="chrome://global/content/bindings/button.xml#button">
- <content>
- <children includes="observes|template|menupopup|tooltip"/>
- <xul:box class="box-inherit button-box" orient="horizontal" flex="1">
- <xul:hbox class="box-inherit button-box-2" flex="1">
- <xul:hbox class="box-inherit button-box-text" inherits="orient,dir,align,pack"
- flex="1" align="center" pack="center">
- <children>
- <xul:image class="button-icon" inherits="src=image"/>
- <xul:label class="button-text" flex="1" inherits="disabled,value=label,accesskey,crop"/>
- </children>
- </xul:hbox>
- </xul:hbox>
- </xul:box>
- </content>
- </binding>
-
- <binding id="button-menu" display="xul:menu" extends="chrome://global/skin/buttonBindings.xml#button"/>
-
- <binding id="simplebutton" extends="chrome://global/content/bindings/button.xml#button-base">
- <content>
- <xul:vbox flex="1" align="center">
- <xul:image class="simplebutton-icon" inherits="src,disabled"/>
- <xul:label class="simplebutton-text" inherits="value=label,accesskey,crop,disabled"/>
- </xul:vbox>
- </content>
- </binding>
-
-</bindings>
/* default checkbox for dialogs */
/* outer frame */
- checkbox
- {
- margin : 3px 5px 3px 5px;
- }
-
- .checkbox-checkmark-box-1
- {
- border : 1px inset #CCD0DD;
- background-color : transparent;
- margin : 0px 0px 0px 0px;
- width : 10px;
- height : 10px;
- -moz-user-focus : ignore;
- }
-
- .checkbox-checkmark-box-1[disabled="true"]
- {
- background-color : transparent;
- }
-
- .checkbox-checkmark-box-2
- {
- border : none;
- padding : 1px;
- width : 9px;
- height : 9px;
- }
-
- /* ensure that no list-style-image is inherited in from the Outside */
- .checkbox-check
- {
- list-style-image : none;
- min-width : 8px;
- min-height : 8px;
- width : 8px;
- height : 8px;
- }
-
- .checkbox-check[checked="true"]
- {
- list-style-image : url(chrome://global/skin/check-check.gif);
- }
-
- .checkbox-check[checked="true"][disabled="true"]
- {
- list-style-image : url(chrome://global/skin/check-check-disabled.gif);
- }
-
- checkbox:hover:active > .checkbox-internal-box > .checkbox-checkmark-box-1
- {
- background-color : transparent;
- }
-
-/* text/icon frames */
- .checkbox-text
- {
- margin : 0px 0px 0px 2px;
- padding : 1px;
- }
-
- .checkbox-icon
- {
- list-style-image : inherit;
- }
-
- .checkbox-text
- {
- margin : 0px !important;
- }
-
- .checkbox-text[disabled="true"]
- {
- color : #999999;
- }
+checkbox {
+ -moz-box-align: center;
+ margin: 2px 4px;
+ padding: 1px;
+}
+
+.checkbox-label-box {
+ margin-left: 2px;
+ border: 1px solid transparent;
+ padding: 0px 1px;
+}
+
+.checkbox-icon {
+ margin-right: 2px;
+}
+
+.checkbox-label {
+ margin: 0 !important;
+}
+
+/* ..... focused state ..... */
+
+checkbox:focus > .checkbox-label-box {
+ border: 1px dotted #9999CC;
+}
+
+/* ..... disabled state ..... */
+
+checkbox[disabled="true"] > .checkbox-check {
+ background-color: -moz-Dialog;
+}
+
+checkbox[disabled="true"] {
+ color: #999999 !important;
+}
+
+/* ::::: checkmark image ::::: */
+
+.checkbox-check {
+ -moz-box-align: center;
+ border: 1px inset #CCD0DD;
+ width: 12px;
+ height: 12px;
+ background: transparent 50% 50% no-repeat;
+}
- checkbox:focus > .checkbox-internal-box > .checkbox-text
- {
- border : 1px dotted #9999CC;
- padding : 0px;
- }
-
- .checkbox-internal-box
- {
- -moz-user-focus : none;
- padding : 0px;
- }
+checkbox:hover:active > .checkbox-check {
+ background-color: transparent;
+}
+
+/* ..... checked state ..... */
+
+checkbox[checked="true"] > .checkbox-check {
+ background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+checkbox[checked="true"][disabled="true"] > .checkbox-check {
+ background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif") !important
+}
+++ /dev/null
-<?xml version="1.0"?>
-
-<bindings id="classicBindings"
- xmlns="http://www.mozilla.org/xbl"
- xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-
- <binding id="textdisabled" extends="xul:text">
- <content>
- <xul:stack>
- <xul:label class="text-bottom" inherits="value,accesskey,crop"/>
- <xul:label class="text-top" inherits="value,accesskey,crop"/>
- </xul:stack>
- </content>
- </binding>
-
- <binding id="toolbargrippy"
- extends="chrome://global/content/bindings/toolbar.xml#toolbargrippy">
- <content>
- <xul:hbox align="center" pack="center">
- <xul:image class="toolbargrippy-twisty"/>
- </xul:hbox>
- <xul:spacer class="toolbargrippy-texture" flex="1"/>
- </content>
- </binding>
-
- <binding id="toolbargrippy-collapsed" extends="chrome://global/content/bindings/toolbar.xml#toolbargrippy">
- <content>
- <xul:hbox align="center">
- <xul:image class="toolbargrippy-twisty-collapsed"/>
- </xul:hbox>
- <xul:spacer class="toolbargrippy-texture-collapsed" flex="1"/>
- </content>
- </binding>
-
-
- <binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
- <content>
- <xul:hbox flex="1" class="radio-internal-box" align="center">
- <xul:hbox class="radio-checkmark-box-1" align="center" inherits="disabled">
- <xul:hbox class="radio-checkmark-box-2" align="center" flex="1">
- <xul:image class="radio-check" inherits="selected,disabled"/>
- </xul:hbox>
- </xul:hbox>
- <xul:hbox class="radio-text-container" flex="1" align="center">
- <xul:image class="radio-icon" inherits="src,disabled"/>
- <xul:label class="radio-text" inherits="value=label,accesskey,crop,disabled" flex="1"/>
- </xul:hbox>
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="checkbox" extends="chrome://global/content/bindings/checkbox.xml#checkbox">
- <content>
- <xul:hbox flex="1" class="checkbox-internal-box" align="center">
- <xul:hbox class="checkbox-checkmark-box-1" align="center" inherits="disabled">
- <xul:hbox class="checkbox-checkmark-box-2" align="center" flex="1">
- <xul:image class="checkbox-check" inherits="checked,disabled"/>
- </xul:hbox>
- </xul:hbox>
- <xul:image class="checkbox-icon" inherits="src,disabled"/>
- <xul:label class="checkbox-text" inherits="value=label,accesskey,crop,disabled" flex="1"/>
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="thumb" extends="chrome://global/content/bindings/scrollbar.xml#thumb">
- <content>
- <xul:vbox class="thumb-box" align="center" flex="1">
- <xul:spacer class="thumb-spacer" flex="1"/>
- </xul:vbox>
- </content>
- </binding>
-
- <binding id="scrollbar" extends="chrome://global/content/bindings/scrollbar.xml#scrollbar">
- <content>
- <xul:scrollbarbutton type="decrement" inherits="sborient=orient"/>
- <xul:slider flex="1" inherits="curpos,maxpos,pageincrement,increment">
- <xul:thumb inherits="src" flex="1"/>
- </xul:slider>
- <xul:scrollbarbutton type="increment" inherits="sborient=orient"/>
- </content>
- </binding>
-
- <binding id="scrollbarbutton" extends="chrome://global/content/bindings/scrollbar.xml#scrollbarbutton">
- </binding>
-
- <binding id="slider" extends="chrome://global/content/bindings/scrollbar.xml#slider">
- <content>
- <xul:button class="slider-button"/>
- </content>
- </binding>
-
- <binding id="grippy" extends="chrome://global/content/bindings/splitter.xml#grippy">
- <content>
- <xul:hbox class="grippy-box" flex="1">
- <xul:image class="grippy-image" inherits="src" />
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="double-box">
- <content>
- <xul:hbox class="db-internal-box" flex="1">
- <children/>
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="menuitem-iconic" extends="chrome://global/content/bindings/menu.xml#menuitem-iconic">
- <content>
- <xul:vbox class="menu-iconic-left" align="center" inherits="selected,menuactive,disabled,checked">
- <xul:image/>
- </xul:vbox>
- <xul:spacer class="menuitem-iconic-spacer"/>
- <xul:label class="menu-iconic-text" flex="1" align="left" inherits="value=label,accesskey,crop" crop="right"/>
- <xul:label class="menu-iconic-accel" inherits="value=acceltext"/>
- </content>
- </binding>
-
- <binding id="largeheader">
- <content>
- <xul:hbox class="largeheader-box" flex="1">
- <xul:vbox class="largeheader-text-container">
- <xul:spacer flex="1"/>
- <xul:label class="largeheader-header-text" inherits="value=title" crop="right"/>
- <xul:label class="largeheader-desc-text" inherits="value=description"/>
- <xul:spacer flex="1"/>
- </xul:vbox>
- <xul:spacer flex="1"/>
- <xul:hbox class="largeheader-icon-container" align="center">
- <xul:image class="largeheader-icon" inherits="src"/>
- </xul:hbox>
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="toolbarbutton-left" extends="chrome://global/content/bindings/button.xml#buttonleft">
- <content>
- <xul:hbox flex="1" align="center">
- <xul:image class="toolbarbutton-left-icon" inherits="src,disabled"/>
- <xul:label class="toolbarbutton-left-text" inherits="value=label,crop"/>
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="toolbarbutton-top" extends="chrome://global/content/bindings/button.xml#buttontop">
- <content>
- <xul:vbox flex="1" align="center">
- <xul:image class="toolbarbutton-top-icon" inherits="src,disabled"/>
- <xul:label class="toolbarbutton-top-text" inherits="value=label,crop"/>
- </xul:vbox>
- </content>
- </binding>
-
- <binding id="splitter"
- extends="chrome://global/content/bindings/splitter.xml#splitter">
- <content>
- <xul:hbox class="splitter-internal-box" flex="1" pack="center" align="center">
- <children/>
- </xul:hbox>
- </content>
- </binding>
-
- <binding id="disabled-text" extends="xul:stack">
- <content>
- <xul:stack class="disabled-text-stack">
- <xul:label class="disabled-text-bottom"/>
- <xul:label class="disabled-text-top"/>
- </xul:stack>
- </content>
- </binding>
-
- <binding id="autocomplete-history-button">
- <content>
- <xul:hbox class="autocomplete-history-button-internal-box" align="center">
- <children/>
- </xul:hbox>
- </content>
- </binding>
-
-</bindings>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* colorpicker tiles */
+/* ===== colorpicker.css ================================================
+ == Styles used by the XUL colorpicker element.
+ ======================================================================= */
-.colorpickertile {
- width : 20px;
- height : 20px;
- margin : 1px;
- border : 1px inset #CCD0DD;
-}
-
-.colorpickertile[selected="true"] {
- border : 1px solid #000000;
-}
-
-.colorpickertile[hover="true"] {
- border : 1px solid #FFFFFF;
-}
-
-.cp-light[hover="true"] {
- border : 2px dotted #9999CC;
-}
+/* ::::: colorpicker button ::::: */
/* colorpicker button */
colorpicker[type="button"] {
- width: 35px;
+ width: 34px;
height: 20px;
border: 1px outset #CCD0DD;
-}
-
-.colorpicker-button-internal-box {
+ background-color: #CCD0DD;
padding: 3px;
}
}
colorpicker[type="button"]:focus {
+}
+
+colorpicker[type="button"][open="true"] {
+ border: 1px inset #CCD0DD;
+}
+/* ::::: colorpicker tiles ::::: */
-colorpicker[type="button"]:focus > .colorpicker-button-internal-box {
+.colorpickertile {
+ width : 20px;
+ height : 20px;
+ margin : 1px;
+ border : 1px inset #CCD0DD;
}
-colorpicker[type="button"][open="true"] {
- border: 1px inset #CCD0DD;
+.colorpickertile[selected="true"] {
+ border : 1px solid #000000;
}
-colorpicker[type="button"][open="true"] > .colorpicker-button-internal-box {
+.colorpickertile[hover="true"] {
+ border : 1px solid #FFFFFF;
+}
+
+.cp-light[hover="true"] {
+ border : 2px dotted #9999CC;
}
*
* ***** END LICENSE BLOCK ***** */
-@import url(chrome://global/skin);
-
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-.console-box
- {
- background-color : #CCD0DD;
- color : #000000;
- }
+/* ===== console.css ====================================================
+ == Styles used by the JavaScript Console window.
+ ======================================================================= */
+
+.console-box {
+ background-color: #CCD0DD;
+ color: #000000;
+}
-/* :::::::::: console rows :::::::::: */
+/* ::::: console rows ::::: */
-.console-row
- {
- padding : 0px;
- border-bottom : 2px solid #000000;
- }
+.console-row {
+ padding: 0px;
+ border-bottom: 2px solid #000000;
+}
-.console-row-icon
- {
- border-right : 1px outset #999999;
- padding : 5px;
- background-color : #CCCCCC;
- -moz-box-align : start;
- }
+.console-row-icon {
+ border-right: 1px outset #999999;
+ padding: 5px;
+ background-color: #CCCCCC;
+ -moz-box-align: start;
+}
-.console-icon
- {
- list-style-image : inherit !important;
- }
+.console-icon {
+ list-style-image : inherit !important;
+}
-/* error rows */
+/* ..... error rows ..... */
-.console-row-code
- {
- padding : 3px 0px 3px 3px;
- font-size : larger;
- color : #0000BB;
- }
+.console-row-code {
+ padding: 3px 0px 3px 3px;
+ font-size: larger;
+ color: #0000BB;
+}
-.console-dots, .console-caret
- {
- height : 9px;
- }
+.console-dots,
+.console-caret {
+ height: 9px;
+}
-.console-dots
- {
- background : url("chrome://global/skin/console-error-dash.gif") repeat-x top;
- }
+.console-dots {
+ background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top;
+}
-.console-caret
- {
- width : 7px;
- background : url("chrome://global/skin/console-error-caret.gif") no-repeat top;
- }
+.console-caret {
+ width: 7px;
+ background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top;
+}
-/* message rows */
+/* ..... message rows ..... */
-.console-row[type="message"]
- {
- font-family : monospace;
- }
+.console-row[type="message"] {
+ font-family: monospace;
+}
-/* selected state */
+/* ..... selected state ..... */
-.console-row[selected="true"]
- {
- background-color : #336699;
- color : #000000;
- }
+.console-row[selected="true"] {
+ background-color: #336699;
+ color: #000000;
+}
.console-row-code[selected="true"],
-.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link
- {
- color : inherit !important;
- }
+.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
+ color: inherit !important;
+}
/* ::::: icons ::::: */
.console-row[type="error"],
.console-row[type="exception"]
{
- list-style-image : url("chrome://global/skin/error-icon.gif");
+ list-style-image : url("chrome://global/skin/icons/alert-error.gif");
}
.console-row[type="warning"]
{
- list-style-image : url("chrome://global/skin/alert-icon.gif");
+ list-style-image : url("chrome://global/skin/icons/alert-exclam.gif");
}
.console-row[type="message"] {
- list-style-image : url("chrome://global/skin/message-icon.gif");
+ list-style-image : url("chrome://global/skin/icons/alert-message.gif");
}
/* ::::: toolbars ::::: */
-#TextboxEval
- {
- margin : 1px 2px 1px 2px ;
- }
+#TextboxEval {
+ margin: 1px 2px 1px 2px ;
+}
-#ButtonEval
- {
- margin : 1px 2px 1px 0px;
- }
+#ButtonEval {
+ margin: 1px 2px 1px 0px;
+}
-toolbarseparator
- {
- min-height : 1em;
- }
+toolbarseparator {
+ min-height: 1em;
+}
/* ::::: dialog buttons ::::: */
-.dialog-button-box {
- padding-top: 1.5em;
-}
-
.dialog-button {
/* font: menu; */
}
+
+/* ::::: dialog header ::::: */
+
+dialogheader {
+ margin: 0px 5px 5px 5px;
+ border: 1px inset #666699;
+ padding: 3px 4px;
+ background-color: #666699;
+ color: #CCD0DD;
+}
+
+.dialogheader-title {
+ margin: 0px !important;
+ font-size: larger;
+ font-weight: bold;
+}
+
+/* ::::: large dialog header ::::: */
+
+.header-large {
+ -moz-box-orient: vertical;
+ margin: 0;
+ border: none;
+ border-bottom: 1px solid #000000;
+ padding: 12px 5px 12px 25px;
+ background-color: #CCD0DD;
+ color: #000000;
+}
+
+.header-large > .dialogheader-title {
+ font: inherit;
+ font-weight: bold;
+}
+
+.header-large > .dialogheader-description {
+ margin-left: 12px !important;
+}
/* ::::: file/directory items ::::: */
-outlinerbody:-moz-outliner-image(FilenameColumn, directory) {
+outlinerchildren:-moz-outliner-image(FilenameColumn, directory) {
list-style-image: url("chrome://global/skin/filepicker/dir-closed.gif");
}
-outlinerbody:-moz-outliner-image(FilenameColumn, file) {
+outlinerchildren:-moz-outliner-image(FilenameColumn, file) {
list-style-image: url("chrome://global/skin/filepicker/blank.gif");
}
+/* ::::: focus rules ::::: */
+
+#directoryOutliner > outlinerrows > .outliner-bodybox {
+ border: 1px solid transparent;
+}
+
+#directoryOutliner:focus > outlinerrows > .outliner-bodybox {
+ border-color: #000000;
+}
border : 1px outset #CCD0DD;
}
-/*
-.outset-top-bottom
- {
- border-top : 1px solid ThreeDHighlight;
- border-bottom : 1px solid ThreeDShadow;
- }
-*/
-
/** separator rules **/
/* standard separators */
separator, separator[orient="horizontal"]
label[disabled="true"]
{
- color : #9999CC;
+ color : #9999CC;
}
-
+
+ description, label
+ {
+ cursor : default;
+ }
+
description
{
/* margin : 1px 5px 4px 5px; */
margin-left : 23px;
}
- .icon-dropmarker
- {
- list-style-image : url("chrome://global/skin/dropmarker-down-on.gif");
- }
-
.box-padded
{
padding : 5px;
padding : 20px 44px 10px 44px;
}
-/* Double Border Boxes */
-
- /* top only */
-/*
- .double-box-top
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#double-box");
- border-top : 1px solid ThreeDShadow;
- background-color : #FFFFFF;
- margin : 0px;
- }
-
- .double-box-top > .db-internal-box
- {
- border-top : 1px solid ThreeDDarkShadow;
- }
-*/
- /* all round */
-/*
- .double-box
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#double-box");
- border-left : 1px solid ThreeDShadow;
- border-top : 1px solid ThreeDShadow;
- border-bottom : 1px solid ThreeDHighlight;
- border-right : 1px solid ThreeDHighlight;
- background-color : #FFFFFF;
- margin : 0px;
- }
-
- .double-box > .db-internal-box
- {
- border : 1px solid ThreeDDarkShadow;
- }
-*/
-
.caption-text
{
margin: 0px 2px 0px 1px !important;
}
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* ::::: bindings ::::: */
+/* ::::: XBL bindings ::::: */
-button {
- -moz-binding: url("chrome://global/skin/buttonBindings.xml#button");
+radio {
+ -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
}
-
-button[type="menu"] {
- -moz-binding: url("chrome://global/skin/buttonBindings.xml#button-menu");
+
+menulist > menupopup,
+.menulist-menupopup {
+ -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
}
-button[type="menu-button"] {
- -moz-binding: url("chrome://global/content/bindings/button.xml#menu-button");
+.menulist-compact {
+ -moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-compact");
}
- checkbox
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#checkbox");
- }
-
- menulist
- {
- -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist");
- }
-
- menulist[editable="true"]
- {
- -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist-editable") !important;
- }
-
- menulist > menupopup,
- .menulist-menupopup
- {
- -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulistpopup");
- }
-
- .menulist-compact
- {
- -moz-binding : url("chrome://global/skin/menulistBindings.xml#menulist-compact");
- }
-
- radio
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#radio");
- }
-
- grippy, grippy[collapse="before"]
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#grippy");
- }
-
- splitter
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#splitter");
- }
-
- tabs
- {
- -moz-binding: url("chrome://global/skin/tabBindings.xml#tabs");
- }
-
- toolbargrippy
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#toolbargrippy");
- }
-
- toolbargrippy[tbgrippy-collapsed="true"]
- {
- -moz-binding : url("chrome://global/skin/classicBindings.xml#toolbargrippy-collapsed");
- }
-
- .treecell-popupcell-menu
- {
- -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
- }
-
-/**
- * XUL <window> element
- **/
- window,
- page,
- dialog,
- wizard
- {
- background-color : #CCD0DD;
- color : black;
- font : 3mm helvetica,arial,tahoma,sans-serif;
- }
-
- [wait-cursor]
- {
- cursor : wait !important;
- }
-
- /* deprecated */
- window.dialog
- {
- background-color : #CCD0DD;
- padding : 8px 10px 10px 8px;
- }
-
-/**
- * XUL <box> debugging
- **/
- :-moz-horizontal-box-debug
- {
- border : 2px solid blue;
- border-top-width : 10px;
- padding : 2px;
- margin : 2px;
- color : white;
- }
-
- :-moz-vertical-box-debug
- {
- border : 2px solid red;
- border-left-width : 10px;
- padding : 2px;
- margin : 2px;
- color : white;
- }
-
-/**
- * Utility icons (used for alert dialogs, etc)
- **/
- .message-icon
- {
- list-style-image : url("chrome://global/skin/message-icon.gif");
- width:32px;height:32px;
- }
-
- .alert-icon
- {
- list-style-image : url("chrome://global/skin/alert-icon.gif");
- width:32px;height:32px;
- }
-
- .error-icon
- {
- list-style-image : url("chrome://global/skin/error-icon.gif");
- width:32px;height:32px;
- }
-
- .question-icon
- {
- list-style-image : url("chrome://global/skin/question-icon.gif");
- width:32px;height:32px;
- }
-
-/**
- * status-bar
- */
- statusbar
- {
- background-color : #666699;
- color : #CCD0DD;
- overflow : hidden;
- border-top : 1px solid #9999CC;
-/* min-height : 1.9em !important; */
- /* DON'T DELETE. Removes disappearance of scrollbars
- * in content pane when window is made smaller.
- * Talk to evaughan@netscape.com for details.
- */
- min-width : 1px;
- }
+/* ::::: root elements ::::: */
+
+window,
+page,
+dialog,
+wizard {
+ background-color: #CCD0DD;
+ color: #000000;
+ font: 3mm helvetica,arial,tahoma,sans-serif;
+}
- statusbarpanel, .statusbar-panel
- {
- padding : 0px 1px 0px 1px;
- }
-
- .statusbarpanel-icononly
- {
- padding : 0px;
- }
-
-/**
- * iframe default sizing
- **/
- iframe
- {
- min-width : 10px;
- min-height : 10px;
- width : 100px;
- height : 100px;
- border : none;
- }
-
-/* has to be in here since scoped stylesheets can't apply
- to explicit children yet */
-caption
- {
- margin : 0px 6px 2px 6px;
- padding : 0px 3px 0px 3px;
- background-color : #CCD0DD;
- }
-
-.tooltip-label
- {
- margin : 0px;
- }
+/* deprecated */
+window.dialog {
+ padding: 8px 10px 10px 8px;
+}
+
+[wait-cursor] {
+ cursor: wait !important;
+}
+
+/* ::::: alert icons :::::*/
+
+.message-icon,
+.alert-icon,
+.error-icon,
+.question-icon {
+ width: 32px;
+ height: 32px;
+}
+.message-icon {
+ list-style-image: url("chrome://global/skin/icons/alert-message.gif");
+}
+
+.alert-icon {
+ list-style-image: url("chrome://global/skin/icons/alert-exclam.gif");
+}
+
+.error-icon {
+ list-style-image: url("chrome://global/skin/icons/alert-error.gif");
+}
+
+.question-icon {
+ list-style-image: url("chrome://global/skin/icons/alert-question.gif");
+}
+
+/* ::::: iframe ::::: */
+
+iframe {
+ border: none;
+ width: 100px;
+ height: 100px;
+ min-width: 10px;
+ min-height: 10px;
+}
+
+/* ::::: statusbar ::::: */
+
+statusbar {
+ border-top: 1px solid #9999CC;
+ background-color: #666699;
+ color: #CCD0DD;
+}
+
+statusbarpanel {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ padding: 0px 1px 0px 1px;
+}
+
+
+.statusbar-resizerpanel {
+ -moz-box-align: end;
+ -moz-box-pack: end;
+ padding: 0px;
+}
+
+.statusbarpanel-iconic {
+ padding: 0px;
+}
+
+/* ::::: miscellaneous ::::: */
+
+.toolbar-focustarget {
+ -moz-user-focus: ignore !important;
+}
--- /dev/null
+<?xml version="1.0"?>
+
+<bindings id="globalBindings"
+ xmlns="http://www.mozilla.org/xbl"
+ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+
+ <binding id="radio"
+ extends="chrome://global/content/bindings/radio.xml#radio">
+ <content>
+ <xul:hbox class="radio-check-box1" inherits="selected,checked,disabled">
+ <xul:hbox class="radio-check-box2" flex="1">
+ <xul:image class="radio-check" inherits="selected,checked,disabled"/>
+ </xul:hbox>
+ </xul:hbox>
+ <xul:hbox class="radio-label-box" flex="1">
+ <xul:image class="radio-icon" inherits="src"/>
+ <xul:label class="radio-label" inherits="xbl:text=label,accesskey,crop" flex="1"/>
+ </xul:hbox>
+ </content>
+ </binding>
+
+</bindings>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-groupbox
- {
- border : 2px groove #CCD0DD;
- padding : 7px !important;
- margin : 5px;
- }
+/* ===== groupbox.css ==================================================
+ == Styles used by the XUL groupbox and related elements.
+ ======================================================================= */
-.groupbox-body
- {
- padding : inherit;
- }
+/* ::::: groupbox ::::: */
+
+groupbox {
+ margin: 5px;
+ border: 2px groove #CCD0DD;
+ padding: 5px;
+}
+
+.groupbox-body {
+ padding: inherit;
+}
+
+caption {
+ margin: 0px 6px 2px 6px;
+ padding: 0px 3px;
+ background-color: #CCD0DD;
+}
--- /dev/null
+/*
+ * The contents of this file are subject to the Netscape Public
+ * License Version 1.1 (the "License"); you may not use this file
+ * except in compliance with the License. You may obtain a copy of
+ * the License at http://www.mozilla.org/NPL/
+ *
+ * Software distributed under the License is distributed on an "AS
+ * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
+ * implied. See the License for the specific language governing
+ * rights and limitations under the License.
+ *
+ * The Original Code is Mozilla Communicator client code, released
+ * March 31, 1998.
+ *
+ * The Initial Developer of the Original Code is Netscape
+ * Communications Corporation. Portions created by Netscape are
+ * Copyright (C) 1998-2001 Netscape Communications Corporation. All
+ * Rights Reserved.
+ *
+ * Contributor(s):
+ * Joe Hewitt (hewitt@netscape.com)
+ * Robert Kaiser <KaiRo@KaiRo.at>
+ */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ===== listbox.css =======================================================
+ == Styles used by XUL listbox-related elements.
+ ======================================================================= */
+
+/* ::::: listbox ::::: */
+
+listbox {
+ margin: 2px 4px;
+ border: 1px inset #CCD0DD;
+ background-color: #FFFFFF;
+ color: #000000;
+}
+
+listrows {
+}
+
+/* ::::: listitem ::::: */
+
+listitem {
+ border: 1px solid transparent;
+}
+
+listbox:focus > listitem[selected="true"][current="true"] {
+ border: 1px dotted #9999CC;
+}
+
+listitem[selected="true"] {
+ background-color: #808080;
+ color: #FFFFFF;
+}
+
+listbox:focus > listitem[selected="true"] {
+ background-color: #336699;
+ color: #FFFFFF;
+}
+
+/* ::::: listheader ::::: */
+
+listheader {
+ -moz-box-align: center;
+ border: 1px outset #CCD0DD;
+ background-color: #CCD0DD;
+ color: #000000;
+ padding: 0 4px;
+}
+
+listheader[sortable="true"]:hover:active {
+ border: 1px outset #CCD0DD;
+ padding: 1px 4px 0 5px;
+}
+
+.listheader-icon {
+ margin-right: 2px;
+}
+
+.listheader-label {
+ margin: 0px !important;
+}
+
+/* ..... sort direction icon ..... */
+
+.listheader-sortdirection {
+ list-style-image: none;
+}
+
+.listheader-sortdirection[sortdirection="ascending"] {
+ list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
+}
+
+.listheader-sortdirection[sortdirection="descending"] {
+ list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
+}
+
+/* ::::: listcell ::::: */
+
+.listcell-label {
+ margin: 0px !important;
+ padding: 0px 0px 1px 4px;
+ white-space: nowrap;
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-menu, menuitem
- {
-/* font : menu; */
- color : #000000;
- list-style-image : none;
- }
-
-menuitem
- {
- padding : 0px !important;
- cursor : default !important;
- }
-
-menu[disabled="true"], menuitem[disabled="true"],
+/* ===== menu.css =======================================================
+ == Styles used by XUL menu-related elements.
+ ======================================================================= */
+
+/* ::::: menu/menuitem ::::: */
+
+menu,
+menuitem {
+ -moz-box-align: center;
+ color: #000000;
+ list-style-image: none;
+}
+
+menuitem[default="true"] {
+ font-weight: bold;
+}
+
+menu[disabled="true"],
+menuitem[disabled="true"],
menu[menuactive="true"][disabled="true"],
-menuitem[menuactive="true"][disabled="true"]
- {
- color : #999999;
- }
-
-menuitem[default="true"]
- {
- font-weight : bold;
- }
-
+menuitem[menuactive="true"][disabled="true"] {
+ color: #999999;
+}
+
+/* ..... internal content .... */
+
+.menu-text,
+.menu-accel,
+.menu-iconic-left,
+.menu-iconic-text,
+.menu-iconic-accel {
+ margin: 0px 2px 0px 0px !important;
+ color: inherit;
+}
+
+.menu-text {
+ margin-left: 18px !important;
+ font-weight: inherit;
+}
+
+.menu-accel {
+ margin-left: 4px;
+ padding-right: 14px;
+}
+
+.menu-iconic-accel {
+ margin-left: 4px;
+ padding-right: 14px;
+}
+
+.menu-iconic-icon {
+ list-style-image: inherit;
+}
+
+.menu-iconic-left {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ width: 16px;
+/* height: 16px; */
+}
+
+/* ..... menu arrow box ..... */
+
+.menu-right {
+ margin: 0px 0px 0px 3px;
+ width: 8px;
+ list-style-image: url("chrome://global/skin/menu/menu-arrow.gif");
+}
+
+.menu-right[menuactive="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-arrow-hover.gif");
+}
+
+.menu-right[disabled="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-arrow-disabled.gif") !important;
+}
+
+/* ::::: menu/menuitems in menubar ::::: */
+
+menubar > menu {
+ padding: 2px 0px 2px 3px;
+ margin: 0px 2px 0px 0px;
+ border: 1px solid #CCD0DD;
+}
+
+menubar > menu[menuactive="true"] {
+ border: 1px outset #CCD0DD;
+}
+
+menubar > menu[menuactive="true"][open="true"] {
+ border: 1px inset #CCD0DD;
+}
+
+/* ..... internal content .... */
+
+.menubar-left {
+ margin: 0px 2px 0px 0px;
+ color: inherit;
+}
+
+.menubar-text {
+ margin: 0px 2px 0px 0px !important;
+ color: inherit;
+}
+
+/* ::::: menu/menuitems in popups ::::: */
+
menupopup > menu,
-menupopup > menuitem,
popup > menu,
-popup > menuitem
- {
- max-width : 42em; /* should move to content */
- margin : 0px;
- }
-
-menuseparator
- {
- border : 1px inset #CCD0DD;
- margin : 2px 0px 2px 0px;
- cursor : default !important;
- }
-
-menubar > menu
- {
- padding : 2px 0px 2px 3px;
- margin : 0px 2px 1px 0px;
- border : 1px solid #CCD0DD;
- }
-
-menubar > menu[menuactive="true"]
- {
- border : 1px outset #CCD0DD;
- }
-
-menubar > menu[menuactive="true"][open="true"]
- {
- border : 1px inset #CCD0DD;
- }
+menupopup > menuitem,
+popup > menuitem {
+ padding: 2px;
+ max-width: 42em;
+}
menupopup > menu[menuactive="true"],
menupopup > menuitem[menuactive="true"],
popup > menu[menuactive="true"],
-popup > menuitem[menuactive="true"]
- {
- background-color : #336699;
- color : #FFFFFF;
- }
-
-/**
- * Atomic sub-parts of standard menus
- **/
-.menu-right
- {
- margin : 0px 0px 0px 3px;
- width : 8px;
- list-style-image : url("chrome://global/skin/menu-arrow.gif");
- }
-
-.menu-iconic-left
- {
- color : inherit;
- margin : 0px 4px 0px 3px;
- width : 16px;
- list-style-image : inherit;
- }
-
-.menubar-left
- {
- color : inherit;
- margin : 0px 2px 0px 0px;
- }
-
-.menu-iconic-text, .menu-iconic-accel, .menu-text, .menu-accel
- {
- color : inherit;
- }
-
-.menu-iconic-text
- {
- margin : 2px 2px 2px 0px;
- }
-
-.menu-text
- {
- margin : 2px 2px 2px 23px;
- }
-
-.menu-accel
- {
- margin : 2px 14px 2px 6px;
- }
-
-.menu-iconic-accel
- {
- margin : 2px 14px 2px 4px;
- }
-
-.menubar-text
- {
- color : inherit;
- margin-right : 2px;
- }
-
-menuitem[checked="true"]
- {
- list-style-image : url("chrome://global/skin/menu-check.gif");
- }
-
-menuitem[checked="true"][menuactive="true"]
- {
- list-style-image : url("chrome://global/skin/menu-check-hover.gif");
- }
-
-menuitem[checked="true"][disabled="true"]
- {
- list-style-image : url("chrome://global/skin/menu-check-disabled.gif");
- }
-
-menuitem[checked="true"][type="radio"]
- {
- list-style-image : url("chrome://global/skin/menu-radio.gif");
- }
-
-menuitem[checked="true"][type="radio"][disabled="true"]
- {
- list-style-image : url("chrome://global/skin/menu-radio-disabled.gif");
- }
-
-menuitem[checked="true"][type="radio"][menuactive="true"]
- {
- list-style-image : url("chrome://global/skin/menu-radio-hover.gif");
- }
-
-.menu-right[disabled="true"]
- {
- list-style-image : url("chrome://global/skin/menu-arrow-disabled.gif");
- }
-
-.menu-right[menuactive="true"][disabled="true"]
- {
- list-style-image : url("chrome://global/skin/menu-arrow-disabled.gif");
- }
-
-.menu-right[menuactive="true"]
- {
- list-style-image : url("chrome://global/skin/menu-arrow-hover.gif");
- }
-
-/* ::::: autocomplete menuitems ::::: */
-
-.autocomplete-history-popup > menuitem
- {
- max-width : none !important;
- font-size : smaller;
- }
-
-/* ::::: menu/menuitems in a menulist popup ::::: */
-
- menulist > menupopup > menuitem,
- menulist > menupopup > menu
- {
- border : 1px solid transparent;
- padding : 0px 7px !important;
- min-width : 0px; /* should be in content*/
- max-width : none; /* should be in content*/
-/* font : message-box;
- color : -moz-FieldText; */
- }
-
- menulist > menupopup > menuitem > .menu-iconic-accel,
- menulist > menupopup > menuitem > .menu-accel,
- menulist > menupopup > menuitem > .menu-text,
- menulist > menupopup > menuitem > .menu-iconic-text,
- menulist > menupopup > menu > .menu-text,
- menulist > menupopup > menu > .menu-accel,
- menulist > menupopup > menu > .menu-iconic-text,
- menulist > menupopup > menu > .menu-iconic-accel
- {
- margin-top : 0px;
- margin-bottom : 0px;
- }
-
- menulist > menupopup > menuitem[menuactive="true"]
- {
- border : 1px dotted #F5DB95;
- }
-
- menulist > menupopup > menuitem > .menu-iconic-left,
- menulist > menupopup > menuitem > .menu-iconic-left[menuactive="true"]
- {
- list-style-image : inherit;
- width : 0px;
- border : none;
- }
-/*
- menulist > menupopup > menuseparator
- {
- border-top: none;
- border-bottom: 1px solid WindowText;
- }
-*/
-
-/* ::::: tree column picker ::::: */
-
- .treecell-popupcell-menu
- {
- margin-left: -4px;
- list-style-image: url("chrome://global/skin/columnselect.gif");
- }
+popup > menuitem[menuactive="true"] {
+ background-color: #336699;
+ color: #FFFFFF;
+}
+
+/* ::::: menu/menuitems in menulist popups ::::: */
+
+.menulist-menupopup > menuitem,
+menulist > menupopup > menuitem,
+.menulist-menupopup > menu,
+menulist > menupopup > menu {
+ border: 1px solid transparent;
+ padding: 1px 16px 1px 5px;
+ max-width: none;
+/* font-size: smaller;
+ color: -moz-FieldText */
+}
+
+.menulist-menupopup > menuitem > .menu-iconic-left,
+menulist > menupopup > menuitem > .menu-iconic-left,
+.menulist-menupopup > menu > .menu-iconic-left,
+menulist > menupopup > menu > .menu-iconic-left {
+ display: none;
+}
+
+menulist > menupopup > menuitem[menuactive="true"] {
+ border: 1px dotted #666699;
+}
+
+/* ::::: checkbox menuitem ::::: */
+
+menuitem[checked="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-check.gif");
+}
+
+menuitem[checked="true"][disabled="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-check-disabled.gif");
+}
+
+menuitem[checked="true"][menuactive="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-check-hover.gif");
+}
+
+/* ::::: radio menuitem ::::: */
+
+menuitem[checked="true"][type="radio"] {
+ list-style-image: url("chrome://global/skin/menu/menu-radio.gif");
+}
+
+menuitem[checked="true"][type="radio"][disabled="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-radio-disabled.gif");
+}
+
+menuitem[checked="true"][type="radio"][menuactive="true"] {
+ list-style-image: url("chrome://global/skin/menu/menu-radio-hover.gif");
+}
+
+/* ::::: menuseparator ::::: */
+
+menuseparator {
+ border: 1px inset #CCD0DD;
+ margin: 2px 0px 2px 0px;
+}
+
+menulist > menupopup > menuseparator,
+.menulist-menupopup > menuseparator {
+ border: 1px inset #CCD0DD;
+ margin: 2px 0px 2px 0px;
+}
+
+/* ::::: autocomplete ::::: */
+
+.autocomplete-history-popup > menuitem {
+ max-width: none !important;
+}
+
+.treecell-popupcell-menu {
+ margin-left: -2px;
+ list-style-image: url("chrome://global/skin/columnselect.gif");
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
-/* outer frame */
- menulist
- {
- border : none;
- background-color : #CCCCCC;
- color : #000000;
- margin : 1px 5px 2px 5px;
- }
-
- menulist[disabled="true"] > .menulist-internal-box > .menulist-display-box
- {
-/* background-color : -moz-Dialog; */
- color : #999999;
- }
-
-/* icon display frame */
- .menulist-internal-box
- {
-/* border : 1px inset #CCD0DD; */
- -moz-user-focus : ignore;
- }
-
- .menulist-display-box,
- menulist[open="true"]:focus > .menulist-internal-box > .menulist-display-box
- {
- border : 1px inset #CCD0DD;
- margin : 0px;
- background-color : #FFFFFF;
- color : #000000;
- }
-
- menulist:focus > .menulist-internal-box > .menulist-display-box
- {
-/* border : 1px dotted #999999; */
- background-color : #336699;
- color : #000000;
- }
-
-/* text display frame */
- .menulist-text
- {
- padding : 0px 2px 0px 2px;
- margin : 0px;
- }
-
-/* drop marker display frame */
- .menulist-dropmarker-box-1
- {
- border : 1px outset #CCD0DD;
- background-color : -moz-Dialog;
- }
-
- .menulist-dropmarker-box-2
- {
- border : none;
- padding : 2px 1px 2px 1px;
- }
-
- .menulist-dropmarker
- {
- list-style-image : url("chrome://global/skin/scroll-down.gif");
- }
-
- .menulist-dropmarker[disabled="true"]
- {
- list-style-image : url("chrome://global/skin/scroll-down-disabled.gif");
- }
-
- menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1[open="true"]
- {
- border : 1px inset #CCD0DD;
- }
-
- menulist:hover:active > .menulist-internal-box > .menulist-dropmarker-box-1 > .menulist-dropmarker-box-2[open="true"]
- {
- border : none;
- padding : 3px 0px 1px 2px;
- }
-
-/**
- * <menulist>s for things like mailnews addressing widget
- **/
-
- .menulist-compact
- {
- margin : 0px;
- border : 1px outset #CCD0DD;
-/* background-color : -moz-Dialog; */
- -moz-user-focus : normal;
- }
-
- .menulist-compact-internal-box
- {
- border : none;
- }
-
- .menulist-compact-dropmarker
- {
- list-style-image : url("chrome://global/skin/scroll-down.gif");
- margin-left : 2px;
- }
-
- .menulist-compact-text
- {
- margin-right : 3px;
- }
-
- .menulist-compact:hover:active,
- .menulist-compact[open="true"]
- {
- border : 1px inset #CCD0DD;
-/* background-color : ThreeDShadow;
- color : ThreeDHighlight; */
- }
-
- .menulist-compact:hover:active > .menulist-compact-internal-box,
- .menulist-compact[open="true"] > .menulist-compact-internal-box
- {
- border : none;
- }
-
-/**
- * Editable menulists (comboboxes)
- */
-
-html|*.menulist-editable-text
- {
- border : none !important;
- margin : 0px;
- padding : 0px;
- font : inherit;
- background-color : inherit;
- color : inherit;
- }
-
-menulist[editable="true"] > .menulist-internal-box > .menulist-display-box
- {
- margin : 0px;
- padding : 1px 2px 1px 2px;
- }
-
-menulist[editable="true"]:focus > .menulist-internal-box > .menulist-display-box
- {
- border : none !important;
- }
+/* ===== menulist.css ===================================================
+ == Styles used by the XUL menulist element.
+ ======================================================================= */
+
+/* :::::::::: menulist :::::::::: */
+
+menulist {
+ margin: 2px 4px;
+ border: 1px inset #CCD0DD;
+ background-color: #CCCCCC;
+ color: #000000;
+}
+
+.menulist-label-box {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+/* margin: 1px; */
+}
+
+.menulist-label-box,
+menulist[open="true"]:focus > .menulist-label-box {
+/* border: 1px inset #CCD0DD; */
+ background-color: transparent;
+ color: inherit;
+}
+
+.menulist-label {
+ margin: 1px 3px !important;
+}
+
+/* ..... dropmarker ..... */
+
+.menulist-dropmarker {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ min-width: 15px;
+ border: 1px outset #CCD0DD;
+ background-color: #CCCCCC;
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
+}
+
+.menulist-dropmarker,
+menulist[disabled="true"]:hover:active > .menulist-dropmarker {
+ padding: 1px;
+}
+
+menulist[disabled="true"] > .menulist-dropmarker {
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
+}
+
+menulist:hover:active > .menulist-dropmarker {
+ border: 1px inset #CCD0DD;
+ padding: 2px 0px 0px 2px;
+}
+
+/* ..... focused state ..... */
+
+menulist:focus > .menulist-label-box {
+/* border: 1px dotted #999999; */
+ background-color: #336699;
+ color: #000000;
+}
+
+/* ..... disabled state ..... */
+
+menulist[disabled="true"] {
+ background-color: #CCCCCC;
+ color: #999999;
+}
+
+/* ::::: editable menulists ::::: */
+
+.menulist-editable-box {
+ background-color: #FFFFFF;
+ padding: 2px;
+}
+
+html|*.menulist-editable-input {
+ margin: 0px !important;
+ border: none !important;
+ padding: 0px !important;
+ background-color: #FFFFFF;
+ color: #000000;
+ font: inherit;
+}
+
+/* ::::: compact menulists ::::: */
+
+.menulist-compact {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ margin: 0px;
+ border: 1px outset #CCD0DD;
+/* background-color: -moz-Dialog;
+ color: -moz-DialogText; */
+}
+
+.menulist-compact > .menulist-label {
+ margin: 0 3px !important;
+ text-align: right;
+}
+
+.menulist-compact > .menulist-dropmarker {
+ margin-left: 2px;
+ border: none;
+ padding: 0 !important;
+ background: transparent;
+}
+
+.menulist-compact[open="true"] {
+ border: 1px inset #CCD0DD;
+/* background-color: ThreeDShadow;
+ color: ThreeDHighlight; */
+}
+
+++ /dev/null
-<?xml version="1.0"?>
-
-<bindings id="menulistBindings"
- 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="menulist"
- extends="chrome://global/content/bindings/menulist.xml#menulist">
- <content>
- <xul:hbox class="menulist-internal-box" flex="1">
- <xul:hbox class="menulist-display-box" flex="1" align="center">
- <xul:image class="menulist-icon" inherits="src"/>
- <xul:label class="menulist-text" inherits="value=label,crop,accesskey" crop="right" flex="1"/>
- </xul:hbox>
- <xul:hbox class="menulist-dropmarker-box-1" inherits="open">
- <xul:hbox class="menulist-dropmarker-box-2" flex="1" align="center" pack="center" inherits="open">
- <xul:image class="menulist-dropmarker" inherits="disabled"/>
- </xul:hbox>
- </xul:hbox>
- </xul:hbox>
- <children includes="menupopup"/>
- </content>
- </binding>
-
- <binding id="menulist-editable"
- extends="chrome://global/content/bindings/menulist.xml#menulist-editable">
- <content>
- <xul:hbox class="menulist-internal-box" flex="1">
- <xul:hbox class="menulist-display-box" flex="1" align="center">
- <xul:image class="menulist-icon" inherits="src"/>
- <html:input type="text" class="menulist-editable-text" inherits="value=label,accesskey" flex="1"/>
- </xul:hbox>
- <xul:hbox class="menulist-dropmarker-box-1" valign="middle" inherits="open">
- <xul:hbox class="menulist-dropmarker-box-2" flex="1" align="center" pack="center" inherits="open">
- <xul:image class="menulist-dropmarker" inherits="disabled"/>
- </xul:hbox>
- </xul:hbox>
- </xul:hbox>
- <children includes="menupopup"/>
- </content>
- </binding>
-
- <binding id="menulistpopup"
- extends="chrome://global/content/bindings/popup.xml#popup">
- <content>
- <xul:vbox class="menulistpopup-internal-box" flex="1" style="overflow: auto">
- <children/>
- </xul:vbox>
- </content>
- </binding>
-
- <binding id="menulist-compact" extends="chrome://global/content/bindings/menulist.xml#menulist">
- <content>
- <xul:hbox class="menulist-compact-internal-box" flex="1" align="center">
- <xul:image class="menulist-compact-dropmarker" inherits="disabled"/>
- <xul:spacer flex="1"/>
- <xul:label class="menulist-compact-text" inherits="value=label,accesskey,crop,disabled" crop="right"/>
- </xul:hbox>
- <children includes="menupopup"/>
- </content>
- </binding>
-
-</bindings>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/******** Outliner widget **********/
+/* ===== outliner.css ===================================================
+ == Styles used by the XUL outline element.
+ ======================================================================= */
-/** basic outliner ****************************************************
- * basic outliner widget for use in main windows where no decoration
- * is required.
- **/
+/* ::::: outliner ::::: */
outliner {
- border-spacing : 0px;
- border : none;
- background-color : #FFFFFF;
- color : #000000;
+ border-spacing: 0px;
+ border: none;
+ background-color: #FFFFFF;
+ color: #000000;
}
-outliner.inset {
- border: 1px inset #CCD0DD;
-}
-
-outlinerbody {
- -moz-user-select: none;
-}
+/* ::::: outliner rows ::::: */
-outlinerbody:-moz-outliner-row {
- height: 18px;
+outlinerchildren:-moz-outliner-row {
border: 1px solid transparent;
+ height: 18px;
}
-outlinerbody:-moz-outliner-row(selected) {
+outlinerchildren:-moz-outliner-row(selected) {
background-color: #808080;
}
-outliner:focus > outlinerbody:-moz-outliner-row(selected, focus) {
+outlinerchildren:-moz-outliner-row(selected, focus) {
background-color: #336699;
}
-outlinerbody:-moz-outliner-row(current, focus) {
+outlinerchildren:-moz-outliner-row(current, focus) {
border: 1px dotted #9999CC;
}
-outlinerbody:-moz-outliner-cell {
- padding: 0px 0px 1px 2px;
+/* ::::: outliner cells ::::: */
+
+outlinerchildren:-moz-outliner-cell {
+ padding: 0px 2px 0px 2px;
}
-outlinerbody:-moz-outliner-cell-text {
+outlinerchildren:-moz-outliner-cell-text {
color: inherit;
+ border: 2px solid transparent;
}
-/*
-outlinerbody:-moz-outliner-cell-text(selected) {
- color: #000000;
+outlinerchildren:-moz-outliner-cell-text(selected) {
+ color: #FFFFFF;
}
-outlinerbody:-moz-outliner-cell-text(selected, focus) {
- color: #000000;
+outlinerchildren:-moz-outliner-cell-text(selected, focus) {
+ color: #FFFFFF;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary) {
+ border: 2px solid transparent;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary, drop) {
+ background-color: #336699;
+ color: #FFFFFF;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary, dropBefore) {
+ border-top: 2px solid #000000;
+}
+
+outlinerchildren:-moz-outliner-cell-text(selected, primary, dropBefore) {
+ border-top: 2px solid #000000;
+}
+
+outlinerchildren:-moz-outliner-cell-text(primary, dropAfter) {
+ border-bottom: 2px solid #000000;
}
-*/
-outlinerbody:-moz-outliner-line {
+outlinerchildren:-moz-outliner-cell-text(selected, primary, dropAfter) {
+ border-bottom: 2px solid #000000;
+}
+
+
+/* ::::: lines connecting cells ::::: */
+
+outlinerchildren:-moz-outliner-line {
+ visibility: hidden;
+}
+
+/*
+outlinerchildren:-moz-outliner-line {
border: 1px dotted grey;
}
-outlinerbody:-moz-outliner-line(selected) {
+outlinerchildren:-moz-outliner-line(selected, focus) {
border: 1px dotted black;
}
+*/
-outlinerbody:-moz-outliner-separator {
+outlinerchildren:-moz-outliner-separator {
border: 1px outset #CCD0DD;
}
+/* ::::: outliner columns ::::: */
+
outlinercol {
-/* border: 1px solid #666699; */
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ border: 1px outset #CCD0DD;
background-color: #CCD0DD;
- color: black;
+ color: #000000;
+ padding: 1px 4px;
}
-.outlinercol-box,
-.outlinercol-image-box {
- border: 1px outset #CCD0DD;
-}
-
-.outlinercol-box {
- padding: 0px 4px;
+outlinercolpicker {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ border: 1px solid transparent;
+ background-color: #CCD0DD;
+ padding: 1px 0px;
}
-.outlinercol-image-box {
- padding: 0px 1px;
+.outlinercol-image {
+ padding: 1px;
}
+.outlinercol-text {
+ margin: 0px !important;
+ padding: 0px !important;
+}
+
+/* ..... internal box ..... */
+
outlinercol:hover:active {
border: 1px solid #666699;
+ padding: 2px 3px 0px 5px;
}
-outlinercol:hover:active > .outlinercol-box,
-outlinercol:hover:active > .outlinercol-image-box {
- border-top: 1px solid transparent;
- border-right: none;
- border-bottom: none;
- border-left: 1px solid transparent;
-}
-
-outlinercol:hover:active > .outlinercol-box {
- padding: 1px 4px 0px 5px;
+outlinercolpicker:hover:active {
+ border: 1px solid #666699;
}
-outlinercol:hover:active > .outlinercol-image-box {
- padding: 1px 1px 0px 2px;
+.outlinercol-image:hover:active {
+ padding: 2px 0px 0px 2px;
}
-/* column drag and drop styles */
+/* ::::: column drag and drop styles ::::: */
outlinercol[dragging="true"] {
-/* border: 1px solid ThreeDDarkShadow; */
+ border: 1px solid transparent;
background-color: #336699;
color: #000000;
}
-outlinercol[dragging="true"] > .outlinercol-box {
- border: 1px solid transparent;
-}
-
outlinercol[insertafter="true"] {
-/* border-right: 1px solid #000000; */
-}
-
-outlinercol[insertafter="true"] > .outlinercol-box {
border-right: 1px solid #000000;
}
outlinercol[insertbefore="true"] {
-/* border-left: 1px solid #000000; */
-}
-
-outlinercol[insertbefore="true"] > .outlinercol-box {
border-left: 1px solid #000000;
}
-outlinerbody:-moz-outliner-column(insertbefore) {
+outlinerchildren:-moz-outliner-column(insertbefore) {
border-left: 1px solid #000000;
}
-outlinerbody:-moz-outliner-column(insertafter) {
+outlinerchildren:-moz-outliner-column(insertafter) {
border-right: 1px solid #000000;
}
-/* outliner header with sort direction indicators */
+/* ::::: sort direction indicator ::::: */
.outlinercol-sortdirection {
list-style-image: none;
}
-.sortDirectionIndicator[sortDirection="ascending"] > .outlinercol-box > .outlinercol-sortdirection {
- list-style-image: url("chrome://global/skin/sortAscending.gif");
+.sortDirectionIndicator[sortDirection="ascending"] .outlinercol-sortdirection {
+ list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
}
-.sortDirectionIndicator[sortDirection="descending"] > .outlinercol-box > .outlinercol-sortdirection {
- list-style-image: url("chrome://global/skin/sortDescending.gif");
+.sortDirectionIndicator[sortDirection="descending"] .outlinercol-sortdirection {
+ list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
}
-.outliner-colpicker-icon
-{
- list-style-image: url("chrome://global/skin/columnselect.gif");
+/* ::::: column picker ::::: */
+
+.outliner-columnpicker-icon {
+ list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
}
-/* twisty rules */
-outlinerbody:-moz-outliner-twisty {
+/* ::::: twisty ::::: */
+
+outlinerchildren:-moz-outliner-twisty {
padding-right: 2px;
width: 12px; /* The image's width is 12 pixels */
- list-style-image: url("chrome://global/skin/twisty-closed.gif");
+ list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
}
-outlinerbody:-moz-outliner-twisty(open) {
+outlinerchildren:-moz-outliner-twisty(open) {
width: 12px; /* The image's width is 12 pixels */
- list-style-image: url("chrome://global/skin/twisty-open.gif");
+ list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
}
-outlinerbody:-moz-outliner-indentation {
- width: 16px;
-}
-
-.outlinercol-text {
- margin: 0px;
+outlinerchildren:-moz-outliner-indentation {
+ width: 10px;
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-menupopup, popup
- {
- /* DON'T DELETE. Removes disappearance of scrollbars
- * in content pane when window is made smaller.
- * Talk to evaughan@netscape.com for details.
- */
- min-width : 1px;
- background-color : #CCD0DD;
- }
+/* ===== popup.css ======================================================
+ == Styles used by XUL popups.
+ ======================================================================= */
-/* XXX menupopups have to have a color explicitly specified. this is a bug */
-menupopup, popup
- {
- border : 1px outset #CCD0DD;
- }
+/* ::::: menupopup ::::: */
-.popup-internal-box
- {
- padding : 1px;
- }
-
-/** Tooltips (tooltip <popup> element is deprecated! Use <tooltip> instead!)
- * class="tooltip"
- **/
-.tooltip, tooltip
- {
- background-color : #FFFFCC;
- border : 1px outset #FFFFCC;
- color : #000000;
- font : smaller;
- padding : 2px;
- max-width : 40em;
- }
+menupopup,
+popup {
+ border: 1px outset #CCD0DD;
+ padding: 1px;
+ min-width: 1px;
+ background-color: #CCD0DD;
+}
-.tooltip > .popup-internal-box,
-tooltip > .popup-internal-box
- {
- border : 0px;
- padding : 0px;
- }
+tooltip {
+ background-color : #FFFFCC;
+ border : 1px outset #FFFFCC;
+ color: #000000;
+ font: smaller;
+ padding: 2px;
+ max-width: 40em;
+}
+
+.tooltip-label {
+ border: 0px;
+ padding: 0px;
+}
+
+tooltip[titletip="true"] {
+ margin: -2px 0px 0px -3px;
+ max-width: none;
+}
/* rules for popups associated with menulists */
- menulist > menupopup,
- .menulist-menupopup
- {
- border : 1px solid #666699;
- min-width : 0px;
- background-color : white;
- }
+menulist > menupopup,
+.menulist-menupopup {
+ border: 1px solid #666699;
+ min-width: 0px;
+ padding: 0px;
+ background-color: white;
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/**
- * XUL <progressmeter>
- **/
- progressmeter[mode="undetermined"] > .progressmeter-internal-box
- {
- background-image : url(chrome://global/skin/progressmeter-busy.gif);
- background-color : #CCD0DD;
- }
-
- progressmeter[mode="undetermined"] > .progressmeter-internal-box > .progressmeter-stack > .progressmeter-progressbar
- {
- visibility : collapse;
- }
-
- progressmeter
- {
- min-width : 100px;
- min-height : 16px;
- border : 1px inset #CCD0DD;
- background-color : #999999;
- }
+/* ===== progressmeter.css ==============================================
+ == Styles used by the XUL progressmeter element.
+ ======================================================================= */
- .progressmeter-statusbar
- {
- border : 1px solid #CCD0DD;
- background-color : #666699;
- margin : 0px 2px 0px 2px;
- }
+/* ::::: progressmeter ::::: */
- .progressmeter-statusbar > .progressmeter-internal-box
- {
- background-color : #666699;
- }
+progressmeter {
+ margin: 2px 4px;
+ border: 1px inset #CCD0DD;
+ background-color: #999999;
+ min-width: 128px;
+ height: 15px;
+}
- .progress-text
- {
- visibility : collapse;
- }
-
- .progressmeter-internal-box
- {
-/* border : 1px solid -moz-Dialog; */
- padding : 1px;
- }
-
- .progressmeter-inset
- {
- margin : 1px 5px 2px 5px;
- }
-
- .progressmeter-inset > .progressmeter-internal-box
- {
- }
+progressmeter[mode="undetermined"] {
+ background-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
+ background-color: #CCD0DD;
+}
+
+.progress-bar {
+ min-width: 0px;
+ background-color: #6699CC;
+}
-/* progress indicators */
- .progress-bar
- {
- background-color : #6699CC;
- }
+.progress-bar[mode="undetermined"],
+.progress-remainder[mode="undetermined"] {
+ visibility: collapsed;
+}
+/* ::::: statusbar progressmeter ::::: */
+.progressmeter-statusbar {
+ margin: 0px 2px 0px 2px;
+ border: 1px solid #CCD0DD;
+ background-color: #666699;
+ min-width: 100px;
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/* stylesheet for XUL <radio> element */
-
-/* default radio for dialogs */
-/* outer frame */
- radio
- {
- margin : 3px 5px 3px 5px;
- }
-
- .radio-checkmark-box-1
- {
- border: 2px outset #CCD0DD;
- -moz-border-radius : 50%;
- margin : 0px 2px 0px 0px;
- width : 12px;
- height : 12px;
- }
-
- .radio-checkmark-box-1[disabled="true"]
- {
- background-color : -moz-Dialog;
- }
-
- .radio-checkmark-box-2
- {
- -moz-border-radius : 50%;
- padding : 1px;
- width : 11px;
- height : 11px;
- }
-
- /* ensure that no list-style-image is inherited in from the Outside */
- .radio-check
- {
- list-style-image : none;
- }
-
- .radio-check[selected="true"]
- {
- list-style-image : url(chrome://global/skin/check-radio.gif);
- }
-
- .radio-check[selected="true"][disabled="true"]
- {
- list-style-image : url(chrome://global/skin/check-radio-disabled.gif);
- }
-
- radio:hover:active > .radio-internal-box > .radio-checkmark-box-1
- {
- border: 2px inset #CCD0DD;
- }
-
- radio[disabled="true"] > .radio-internal-box > .radio-checkmark-box-1,
- radio[disabled="true"]:active > .radio-internal-box > .radio-checkmark-box-1
- {
- border: 2px outset #CCD0DD;
- }
-
-/* text/icon frames */
- .radio-text
- {
- margin : 0px 0px 0px 2px;
- }
-
- .radio-icon
- {
- list-style-image : inherit;
- }
-
- .radio-text
- {
- margin : 0px !important;
- }
-
- .radio-text[disabled="true"]
- {
- color : #999999;
- }
-
- radio[focused="true"] > .radio-internal-box > .radio-text-container
- {
- border : 1px dotted #9999CC;
- }
+/* ===== radio.css ===================================================
+ == Styles used by the XUL radio element.
+ ======================================================================= */
+
+/* ::::: radio ::::: */
+
+radio {
+ -moz-box-align: center;
+ margin: 2px 4px;
+ padding: 1px 2px 1px 4px;
+}
+
+.radio-label-box {
+ margin-left: 2px;
+ border: 1px solid transparent;
+ padding: 0px 0px 1px 1px;
+}
+
+.radio-icon {
+ margin-right: 2px;
+}
+
+.radio-label {
+ margin: 0px !important;
+}
+
+/* ..... focused state ..... */
+
+radio[focused="true"] > .radio-label-box {
+ border: 1px dotted #9999CC;
+}
+
+/* ..... disabled state ..... */
+
+
+radio[disabled="true"] {
+ color: #999999;
+}
- .radio-text-container
- {
- border : 1px solid transparent;
- }
+/* ::::: checkmark image ::::: */
+
+.radio-check-box1 {
+ margin: 1px 0px;
+ border: 2px outset #CCD0DD;
+ -moz-border-radius: 50%;
+ width: 12px;
+ height: 12px;
+ background-color: transparent;
+}
+
+.radio-check-box2 {
+ -moz-border-radius: 50%;
+ padding: 1px;
+ width: 4px;
+ height: 4px;
+ list-style-image: none;
+}
+
+radio:hover:active > .radio-check-box1 {
+ border: 2px inset #CCD0DD;
+}
+
+radio[disabled="true"]:hover:active .radio-check-box1 {
+ border: 2px outset #CCD0DD;
+}
+
+/* ..... selected state ..... */
+
+radio[selected="true"] > .radio-check-box1 > .radio-check-box2 {
+ list-style-image: url("chrome://global/skin/radio/radio-check.gif");
+}
- .radio-internal-box
- {
- -moz-user-focus : ignore;
- }
+radio[selected="true"][disabled="true"] > .radio-check-box1 {
+ list-style-image: url("chrome://global/skin/radio/radio-check-disabled.gif") !important
+}
+++ /dev/null
-<?xml version="1.0"?>
-<!DOCTYPE window [
-<!ENTITY % textcontextDTD SYSTEM "chrome://global/locale/textcontext.dtd" >
-%textcontextDTD;
-]>
-
-<bindings id="scrollbarBindings"
- 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="thumbv" extends="xul:vbox">
- <content>
- <xul:image inherits="src"/>
- </content>
- </binding>
-
- <binding id="thumbh" extends="xul:hbox">
- <content>
- <xul:image inherits="src"/>
- </content>
- </binding>
-
- <binding id="scrollbar" extends="chrome://global/content/bindings/scrollbar.xml#scrollbar">
- <content>
- <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=orient"/>
- </content>
- </binding>
-
- <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"/>
- </xul:box>
- </content>
- </binding>
-
-
-</bindings>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/********* XP Scrollbar *********/
-
-scrollbar
- {
- -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#scrollbar");
- cursor : default;
- }
-
-/********* XP Scrollbar *********/
-
-thumb
- {
- -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#thumbh");
- background-color : #CCCCCC;
- border : 1px outset #CCCCCC;
- list-style-image : url("chrome://global/skin/scroll-thumb-horiz.gif");
- -moz-box-pack : center;
- -moz-box-align : center;
- }
+/* ===== scrollbars.css =================================================
+ == Styles used by XUL scrollbar-related elements.
+ ======================================================================= */
-thumb[disabled="true"] {
- list-style-image : url("chrome://global/skin/scroll-thumb-horiz-disabled.gif");
+/* ::::: scrollbar ::::: */
+
+scrollbar {
+ -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+ cursor: default;
+ background-color: #999999;
+}
+
+/* ::::: slider ::::: */
+
+slider {
+ height: 13px;
}
-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")
+slider[orient="vertical"] {
+ width: 13px;
}
-scrollbar[orient="vertical"] > slider > thumb[disabled="true"] {
- list-style-image : url("chrome://global/skin/scroll-thumb-vert-disabled.gif")
+/* ::::: borders for thumb and buttons ::::: */
+
+thumb,
+scrollbarbutton {
+ border: 1px outset #CCCCCC;
+ background: #CCCCCC 50% 50% no-repeat;
+ padding: 1px;
+ min-width: 13px;
+ min-height: 13px;
}
thumb:active {
- background-color: #DDDDDD;
-}
-
-
-/**
- * Scrollbar button
- **/
-scrollbarbutton
- {
- -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#scrollbarbutton");
- border : 1px outset white;
- background-color : #CCCCCC;
- }
-
-.scrollbarbutton-box
- {
- padding : 1px;
- }
-
-scrollbarbutton:hover:active
- {
- border-style : inset;
- }
-
-scrollbarbutton:hover:active > .scrollbarbutton-box
- {
- padding : 2px 0px 0px 2px;
- }
-
-scrollbarbutton[type="decrement"]
- {
- list-style-image : url("chrome://global/skin/scroll-left.gif")
- }
-
-scrollbarbutton[type="decrement"][disabled="true"]
- {
- list-style-image : url("chrome://global/skin/scroll-left-disabled.gif")
- }
-
-scrollbarbutton[type="increment"]
- {
- list-style-image : url("chrome://global/skin/scroll-right.gif")
- }
-
-
-scrollbarbutton[type="increment"][disabled="true"]
- {
- list-style-image : url("chrome://global/skin/scroll-right-disabled.gif")
- }
-
-
-scrollbarbutton[type="decrement"][sborient="vertical"]
- {
- list-style-image : url("chrome://global/skin/scroll-up.gif")
- }
-
-scrollbarbutton[type="decrement"][disabled="true"][sborient="vertical"]
- {
- list-style-image : url("chrome://global/skin/scroll-up-disabled.gif")
- }
-
-scrollbarbutton[type="increment"][sborient="vertical"]
- {
- list-style-image : url("chrome://global/skin/scroll-down.gif")
- }
-
-scrollbarbutton[type="increment"][disabled="true"][sborient="vertical"]
- {
- list-style-image : url("chrome://global/skin/scroll-down-disabled.gif")
- }
-
-slider
- {
- background-color : #999999;
- }
+ background-color: #DDDDDD;
+}
+
+/* ::::: thumb (horizontal) ::::: */
+
+thumb {
+ background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif");
+}
+
+thumb[orient="horizontal"] {
+ background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip.gif");
+}
+
+thumb[disabled="true"] {
+ background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip-disabled.gif");
+}
+
+thumb[orient="horizontal"][disabled="true"] {
+ background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip-disabled.gif");
+}
+
+/* ::::: scrollbar button ::::: */
+
+scrollbarbutton {
+}
+
+scrollbarbutton:hover:active {
+ border-style: inset;
+ padding: 2px 0px 0px 2px;
+}
+
+/* ..... increment .... */
+
+scrollbarbutton[type="increment"] {
+ background-image: url("chrome://global/skin/scrollbar/button-right.gif")
+}
+
+
+scrollbarbutton[type="increment"][disabled="true"] {
+ background-image: url("chrome://global/skin/scrollbar/button-right-disabled.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+ background-image: url("chrome://global/skin/scrollbar/button-down.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
+ background-image: url("chrome://global/skin/scrollbar/button-down-disabled.gif")
+}
+
+/* ..... decrement .... */
+
+scrollbarbutton[type="decrement"] {
+ background-image: url("chrome://global/skin/scrollbar/button-left.gif")
+}
+
+scrollbarbutton[type="decrement"][disabled="true"] {
+ background-image: url("chrome://global/skin/scrollbar/button-left-disabled.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+ background-image: url("chrome://global/skin/scrollbar/button-up.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
+ background-image: url("chrome://global/skin/scrollbar/button-up-disabled.gif")
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/*
- * Autorepeatbutton
- */
-.autorepeatbutton-up
- {
- list-style-image : url("chrome://global/skin/scroll-up.gif")
- }
+/* ::::: Autorepeatbutton ::::: */
-.autorepeatbutton-down
- {
- list-style-image : url("chrome://global/skin/scroll-down.gif")
- }
+.autorepeatbutton-up {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif")
+}
-autorepeatbutton
- {
- -moz-box-align : center;
- -moz-box-pack : center;
- margin : 1px 2px 2px 1px;
- border : 1px solid transparent;
- padding : 1px;
- height : 1em;
- }
+.autorepeatbutton-down {
+ list-style-image: url("chrome://global/skin/arrow/arrow-down.gif")
+}
-autorepeatbutton:hover
- {
- background-color : #336699;
- margin : 1px;
- border : 1px inset #CCD0DD;
- padding : 2px 1px 1px 2px;
- }
+autorepeatbutton {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ margin: 1px 2px 2px 1px;
+ border: 1px solid transparent;
+ padding: 1px;
+}
+
+autorepeatbutton:hover {
+ background-color: #336699;
+ margin: 1px;
+ border: 1px inset #CCD0DD;
+ padding: 2px 1px 1px 2px;
+}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.up {
- list-style-image: url("chrome://global/skin/spinbtn-up.gif")
+ list-style-image: url("chrome://global/skin/spinbutton/spinbtn-up.gif")
}
.up:hover:active {
- list-style-image: url("chrome://global/skin/spinbtn-up-act.gif")
+ list-style-image: url("chrome://global/skin/spinbutton/spinbtn-up-act.gif")
}
.down {
- list-style-image: url("chrome://global/skin/spinbtn-dn.gif")
+ list-style-image: url("chrome://global/skin/spinbutton/spinbtn-dn.gif")
}
.down:hover:active {
- list-style-image: url("chrome://global/skin/spinbtn-dn-act.gif")
+ list-style-image: url("chrome://global/skin/spinbutton/spinbtn-dn-act.gif")
}
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/******* Splitters *******/
-
-/**
- * XXX - We want to deprecate all usages of 'box' in this file and replace with
- * vbox/hbox. This should happen after the chrome is converted to use
- * these XUL elements.
- */
-
- splitter
- {
- cursor : e-resize;
- background-color : #CCD0DD;
- -moz-box-align : center;
- -moz-box-pack : center;
- border : none;
- border-left : 1px solid #9999CC;
- border-right : 1px solid #9999CC;
- }
-
- grippy, grippy[collapse="before"]
- {
- background-color : #CCCCCC;
- border : 1px outset #CCD0DD;
- list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
- cursor : pointer;
- min-height : 1px;
- }
-
- grippy:hover
- {
- background-color : #99CCFF;
- }
-
- grippy:hover:active
- {
- border : 1px inset #CCD0DD;
- }
-
- splitter[state="collapsed"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
- }
-
- .grippy-box
- {
- }
-
- .grippy-image
- {
- list-style-image : inherit;
- }
-
- splitter[state="dragging"],
- splitter:hover:active
- {
- background-color : #999999;
- }
-
- rows > splitter
- {
- cursor : n-resize;
- }
-
- splitter[orient="vertical"]
- {
- cursor : n-resize;
- border : none;
- border-top : 1px solid #9999CC;
- border-bottom : 1px solid #9999CC;
- }
-
-/* Grippy alignment */
-
-/* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
- splitter > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
-/*
- border-left : 1px solid #9999CC;
- border-right : 1px solid #9999CC;
-*/
- }
-
- splitter > grippy > .grippy-box
- {
- border-left : none;
- border-right : none;
- }
-
- splitter[state="collapsed"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
- }
-
-/* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
- splitter[collapse="after"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
- }
-
- splitter[collapse="after"][state="collapsed"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
- }
-
-/* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
- splitter[orient="vertical"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
-/*
- border-top : 1px solid #9999CC;
- border-bottom : 1px solid #9999CC;
-*/
- }
-
- splitter[orient="vertical"] > grippy > .grippy-box
- {
- }
-
- splitter[state="collapsed"][orient="vertical"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
- }
-
-/* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
- splitter[collapse="after"][orient="vertical"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
- }
-
- splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy
- {
- list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
- }
+/* ===== splitter.css ===================================================
+ == Styles used by the XUL splitter element.
+ ======================================================================= */
+
+/* ::::: splitter (vertical) ::::: */
+
+splitter {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ cursor: e-resize;
+ border: none;
+ border-left: 1px solid #9999CC;
+ border-right: 1px solid #9999CC;
+ min-width: 8px;
+ background-color: #CCD0DD;
+}
+
+splitter[state="dragging"],
+splitter:hover:active {
+ background-color: #999999;
+}
+
+/* ::::: splitter (horizontal) ::::: */
+
+splitter[orient="vertical"] {
+ cursor: n-resize;
+ border: none;
+ border-top: 1px solid #9999CC;
+ border-bottom: 1px solid #9999CC;
+ min-height: 8px;
+}
+
+/* ::::: splitter grippy ::::: */
+
+grippy {
+ cursor: pointer;
+ border: 1px outset #CCD0DD;
+ min-width: 6px;
+ min-height: 115px;
+ background-color: #CCCCCC;
+ background-repeat: no-repeat;
+}
+
+grippy:hover {
+ background-color: #99CCFF;
+}
+
+grippy:hover:active {
+ border: 1px inset #CCD0DD;
+}
+
+splitter[orient="vertical"] > grippy {
+ min-width: 115px;
+ min-height: 6px;
+}
+
+/* ..... normal state ..... */
+
+/* vertical grippies */
+splitter[collapse="before"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-vert-before.gif");
+}
+
+splitter[collapse="after"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-vert-after.gif");
+}
+
+/* horizontal grippies */
+splitter[collapse="before"][orient="vertical"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-horiz-before.gif");
+}
+
+splitter[collapse="after"][orient="vertical"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-horiz-after.gif");
+}
+
+/* ..... collapsed state ..... */
+
+/* vertical grippies */
+splitter[collapse="before"][state="collapsed"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-vert-after.gif");
+}
+
+splitter[collapse="after"][state="collapsed"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-vert-before.gif");
+}
+
+/* horizontal grippies */
+splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-horiz-after.gif");
+}
+
+splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
+ background-image: url("chrome://global/skin/splitter/grip-horiz-before.gif");
+}
+
+++ /dev/null
-<?xml version="1.0"?>
-
-<bindings id="tabBindings"
- xmlns="http://www.mozilla.org/xbl"
- xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-
- <binding id="tabs" extends="chrome://global/content/bindings/tabbox.xml#tabs">
- <content>
- <children/>
- <xul:stack flex="1">
- <xul:spacer class="tabs-spacer"/>
- <xul:hbox class="tabs-misc-dec" align="center">
- <xul:spacer flex="1"/>
- </xul:hbox>
- </xul:stack>
- </content>
- </binding>
-
- <binding id="tabpanels" extends="chrome://global/content/bindings/tabbox.xml#tabpanels">
- <content>
- <xul:hbox class="tabpanels-inner-box" flex="1">
- <children/>
- </xul:hbox>
- </content>
- </binding>
-
-</bindings>
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-/*============ tabpanels widget =============*/
+/* ===== tabbox.css =================================================
+ == Styles used by XUL tab-related elements.
+ ======================================================================= */
-tabpanels {
- padding: 5px;
-}
-