=== added file 'src/custom/browser.css' --- src/custom/browser.css 1970-01-01 00:00:00 +0000 +++ src/custom/browser.css 2007-10-24 00:19:25 +0000 @@ -0,0 +1,1617 @@ +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla Public License Version + * 1.1 (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS IS" basis, + * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + * for the specific language governing rights and limitations under the + * License. + * + * The Original Code is mozilla.org code. + * + * The Initial Developer of the Original Code is + * Netscape Communications Corporation. + * Portions created by the Initial Developer are Copyright (C) 1998-1999 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Joe Hewitt (hewitt@netscape.com) + * Jason Kersey (kerz@netscape.com) + * Pierre Chanial (chanial@noos.fr) + * Dean Tessman (dean_tessman@hotmail.com) + * Blake Ross (blake@cs.stanford.edu) + * Pamela Greene (pamg.bugs@gmail.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 + * 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 ***** */ + +@import url("chrome://global/skin/"); + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +#menubar-items { + -moz-box-orient: vertical; /* for flex hack */ +} + +#menubar-items > menubar { + -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ +} + +#PersonalToolbar { + /* + min-height: 26px; + */ + padding: 0; + margin: 0; + min-height: 26px; +} + +/* ..... fix searchbar "add engine" padding issue ..... */ + +#searchbar { + -moz-margin-start: 3px; +} + +#searchbar .searchbar-popup .open-engine-manager { + -moz-padding-start: 4px; +} + +#searchbar[empty="true"] .searchbar-textbox { + color: GrayText; + direction: ltr !important; +} + +#searchbar[empty="true"] html|input { + direction: ltr !important; + text-align: left !important; +} + +#searchbar[chromedir="rtl"][empty="true"] html|input { + direction: rtl !important; + text-align: right !important; +} + +#wrapper-search-container #searchbar html|*.textbox-input { + visibility: hidden; +} + +/* ::::: bookmark buttons ::::: */ + +toolbarbutton.bookmark-item { + margin: 0 3px 0 0; + min-width: 0; + max-width: 13em; + color: -moz-DialogText !important; + padding: 0px 3px 0px 3px; + padding: 3px 6px 3px 6px; + -moz-appearance: none; + border: none; + /* + -moz-appearance: none; + -moz-appearance: button-small; + -moz-appearance: button; + */ +} + +toolbarbutton.bookmark-item-microsummarized { + max-width: 20em; +} + +toolbarbutton.bookmark-item:hover:active, +toolbarbutton.bookmark-item[open="true"] { + /* + padding-top: 3px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + */ + background-color: Highlight !important; + color: HighlightText !important; +} + +.bookmark-item > .toolbarbutton-icon { + /* + */ + display: block; + margin-right: 3px; + width: 16px; + height: 16px; + /* + display: none; + */ +} +.bookmark-item[tooltip] > .toolbarbutton-icon { + /* Show the non-folder icons */ + /* + display: block; + */ +} +.bookmark-item[image=""] > .toolbarbutton-icon, +.bookmark-item[container="true"] > .toolbarbutton-icon { + /* Hide icons for the container ("folder") items & items w/o favicons */ + display: none; +} + +/* Prevent [mode="icons"] from hiding the label */ +.bookmark-item > .toolbarbutton-text { + display: -moz-box !important; +} + +.bookmark-item > .toolbarbutton-menu-dropmarker { + /* + display: none; + */ + margin: 0 0 0 4px; + opacity: 0.5; +} + +#wrapper-personal-bookmarks .toolbarpaletteitem-box { + width: 16px; + height: 16px; + background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat !important; +} + +.bookmarks-toolbar-customize { + display: none; + max-width: 15em !important; +} + +toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize { + display: -moz-box; +} + +toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items { + visibility: hidden; +} + +toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items { + visibility: hidden; +} + + +/* ::::: bookmark menus ::::: */ + +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 26em; +} + +.bookmark-item > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; +} + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + -moz-padding-start: 0px; +} + +/* ..... fix bookmarks padding issue ..... */ + +#menu_BookmarksPopup menuitem, +#menu_BookmarksPopup menu { +-moz-padding-start: 4px; +} + +#menu_BookmarksPopup menuitem.menuitem-iconic, +#menu_BookmarksPopup menu.menu-iconic { +-moz-padding-start: 0px; +} + + +/* ..... drag and drop styles ..... */ + +.bookmark-item[dragover-left="true"] { + -moz-border-left-colors: #000000; +} +.bookmark-item[dragover-right="true"] { + -moz-border-right-colors: #000000; +} +.bookmark-item[dragover-top="true"] { + -moz-border-top-colors: #000000; +} +.bookmark-item[dragover-bottom="true"] { + -moz-border-bottom-colors: #000000; +} + +/* ::::: bookmark items ::::: */ + +.bookmark-item { + /* + list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; + -moz-image-region: rect(0px, 16px, 16px, 0px) + */ +} + +.bookmark-item[container="true"] { + list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; + -moz-image-region: rect(0px, 32px, 16px, 16px) !important; +} + +.bookmark-item[open="true"], +.bookmark-item[container="true"][open="true"] { + -moz-image-region: rect(16px, 32px, 32px, 16px) !important; +} + +/* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */ +/* only the folder icon has any effect for now, item icon is unused */ +.bookmark-item[livemark="true"] { + list-style-image: url("chrome://browser/skin/livemark-folder.png") !important; + -moz-image-region: rect(0px, 16px, 16px, 0px) !important; +} + +.bookmark-item[livemark="true"][chromedir="rtl"] { + list-style-image: url("chrome://browser/skin/livemark-folder-rtl.png") !important; + -moz-image-region: rect(0px, 16px, 16px, 0px) !important; +} + +.bookmark-item[livemark="true"][open="true"], +.bookmark-item[livemark="true"][open="true"][chromedir="rtl"] { + -moz-image-region: rect(16px, 16px, 32px, 0px) !important; +} + +.bookmark-item[type="menu"][livemark="true"], +.bookmark-item[type="menu"][livemark="true"][chromedir="rtl"] { + -moz-image-region: rect(0px, 32px, 16px, 16px) !important; +} + +.bookmark-item[type="menu"][livemark="true"][open="true"], +.bookmark-item[type="menu"][livemark="true"][open="true"][chromedir="rtl"] { + -moz-image-region: rect(16px, 32px, 32px, 16px) !important; +} + +/* ::::: primary toolbar buttons ::::: */ + +.toolbarbutton-1 { + -moz-box-orient: vertical; + min-width: 0; + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} +.toolbarbutton-1[chromedir="rtl"] { + -moz-box-orient: vertical; + min-width: 0; + list-style-image: url("chrome://browser/skin/Toolbar-rtl.png"); +} +.toolbarbutton-1 .toolbarbutton-icon { + -moz-margin-end: 0px; +} + +toolbar[mode="full"] .toolbarbutton-1, +toolbar[mode="full"] .toolbarbutton-menubutton-button { + min-width: 57px; +} + +.toolbarbutton-1, .toolbarbutton-menubutton-button { + padding: 5px; +} + +.toolbarbutton-1[checked="true"] { + padding: 5px !important; +} + +.toolbarbutton-menubutton-stack, +.toolbarbutton-menubutton-button, +.toolbarbutton-menubutton-stack:hover, +.toolbarbutton-menubutton-button:hover, +.toolbarbutton-menubutton-stack:hover:active, +.toolbarbutton-menubutton-button:hover:active { + display: -moz-box; +} + +/* ::::: 24px primary toolbar buttons ::::: */ + +toolbar:not([iconsize="small"]) .toolbarbutton-1 .toolbarbutton-icon { + padding-top: 1px; +} + +/* back button-- */ + +#back-button { + -moz-image-region: rect(0px 24px 24px 0px); +} + +#back-button:not([disabled="true"]):hover, +#back-button[buttonover="true"] { + -moz-image-region: rect(24px 24px 48px 0px); +} +#back-button[disabled="true"] { + -moz-image-region: rect(48px 24px 72px 0px); +} +#back-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 24px 120px 0px); +} + +/* forward button */ + +#forward-button { + -moz-image-region: rect(0px 48px 24px 24px); +} + +#forward-button:not([disabled="true"]):hover, +#forward-button[buttonover="true"] { + -moz-image-region: rect(24px 48px 48px 24px); +} +#forward-button[disabled="true"] { + -moz-image-region: rect(48px 48px 72px 24px); +} +#forward-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 48px 120px 24px); +} + +/* stop button */ + +#stop-button { + -moz-image-region: rect(0px 72px 24px 48px); +} +#stop-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 72px 48px 48px); +} +#stop-button[disabled="true"] { + -moz-image-region: rect(48px 72px 72px 48px); +} +#stop-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 72px 120px 48px); +} + +/* reload button */ + +#reload-button { + -moz-image-region: rect(0px 96px 24px 72px); +} +#reload-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 96px 48px 72px); +} +#reload-button[disabled="true"] { + -moz-image-region: rect(48px 96px 72px 72px); +} +#reload-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 96px 120px 72px); +} + +/* home button */ + +#home-button { + -moz-image-region: rect(0px 120px 24px 96px); +} +#home-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 120px 48px 96px); +} +#home-button[disabled="true"] { + -moz-image-region: rect(48px 120px 72px 96px); +} +#home-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 120px 120px 96px); +} + +/* download manager button */ + +#downloads-button { + -moz-image-region: rect(0px 144px 24px 120px); +} +#downloads-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 144px 48px 120px); +} +#downloads-button[disabled="true"] { + -moz-image-region: rect(48px 144px 72px 120px); +} +#downloads-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 144px 120px 120px); +} + +/* history sidebar button */ + +#history-button { + -moz-image-region: rect(0px 168px 24px 144px); +} +#history-button:not([disabled="true"]):not([checked="true"]):hover { + -moz-image-region: rect(24px 168px 48px 144px); +} +#history-button[disabled="true"] { + -moz-image-region: rect(48px 168px 72px 144px); +} +#history-button[checked="true"] { + -moz-image-region: rect(72px 168px 96px 144px); +} +#history-button:not([disabled="true"]):not([checked="true"]):hover:active { + -moz-image-region: rect(96px 168px 120px 144px); +} + +/* bookmark sidebar button */ + +#bookmarks-button { + -moz-image-region: rect(0px 192px 24px 168px); +} +#bookmarks-button:not([disabled="true"]):not([checked="true"]):hover { + -moz-image-region: rect(24px 192px 48px 168px); +} +#bookmarks-button[disabled="true"] { + -moz-image-region: rect(48px 192px 72px 168px); +} +#bookmarks-button[checked="true"] { + -moz-image-region: rect(72px 192px 96px 168px); +} +#bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active { + -moz-image-region: rect(96px 192px 120px 168px); +} + +/* print button */ + +#print-button { + -moz-image-region: rect(0px 216px 24px 192px); +} +#print-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 216px 48px 192px); +} +#print-button[disabled="true"] { + -moz-image-region: rect(48px 216px 72px 192px); +} +#print-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 216px 120px 192px); +} + +/* new tab button */ + +toolbar:not([iconsize="small"]) #new-tab-button .toolbarbutton-icon { + padding-left: 1px; +} +#new-tab-button { + -moz-image-region: rect(0px 240px 24px 216px); +} +#new-tab-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 240px 48px 216px); +} +#new-tab-button[disabled="true"] { + -moz-image-region: rect(48px 240px 72px 216px); +} +#new-tab-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 240px 120px 216px); +} + +/* new window button */ + +toolbar:not([iconsize="small"]) #new-window-button .toolbarbutton-icon { + padding-left: 1px; +} +#new-window-button { + -moz-image-region: rect(0px 264px 24px 240px); +} +#new-window-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 264px 48px 240px); +} +#new-window-button[disabled="true"] { + -moz-image-region: rect(48px 264px 72px 240px); +} +#new-window-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 264px 120px 240px); +} + +/* cut button */ + +#cut-button { + -moz-image-region: rect(0px 288px 24px 264px); +} +#cut-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 288px 48px 264px); +} +#cut-button[disabled="true"] { + -moz-image-region: rect(48px 288px 72px 264px); +} +#cut-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 288px 120px 264px); +} + +/* copy button */ + +#copy-button { + -moz-image-region: rect(0px 312px 24px 288px); +} +#copy-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 312px 48px 288px); +} +#copy-button[disabled="true"] { + -moz-image-region: rect(48px 312px 72px 288px); +} +#copy-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 312px 120px 288px); +} + +/* paste button */ + +#paste-button { + -moz-image-region: rect(0px 336px 24px 312px); +} +#paste-button:not([disabled="true"]):hover { + -moz-image-region: rect(24px 336px 48px 312px); +} +#paste-button[disabled="true"] { + -moz-image-region: rect(48px 336px 72px 312px); +} +#paste-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(96px 336px 120px 312px); +} + +/* ::::: 16px primary toolbar buttons ::::: */ + +toolbar[iconsize="small"] .toolbarbutton-1 { + -moz-box-orient: vertical; + min-width: 0; + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); +} +toolbar[iconsize="small"] .toolbarbutton-1[chromedir="rtl"] { + -moz-box-orient: vertical; + min-width: 0; + list-style-image: url("chrome://browser/skin/Toolbar-rtl-small.png"); +} +toolbar[iconsize="small"] .toolbarbutton-1 .toolbarbutton-icon { + -moz-margin-end: 0px; +} + +toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] { + border: 0 !important; +} + +toolbar[iconsize="small"] .toolbarbutton-menubutton-stack, +toolbar[iconsize="small"] .toolbarbutton-menubutton-button, +toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover, +toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover, +toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active, +toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active { + display: -moz-box; +} +/* ::::: small back button ::::: */ + +/* back button-- */ + +toolbar[iconsize="small"] #back-button .toolbarbutton-icon { + padding-right: 1px; +} +toolbar[iconsize="small"] #back-button { + -moz-image-region: rect(0px 16px 16px 0px); +} +toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover, +toolbar[iconsize="small"] #back-button[buttonover="true"] { + -moz-image-region: rect(16px 16px 32px 0px); +} +toolbar[iconsize="small"] #back-button[disabled="true"] { + -moz-image-region: rect(32px 16px 48px 0px); +} +toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 16px 80px 0px); +} + + +/* small forward button-- */ + +toolbar[iconsize="small"] #forward-button .toolbarbutton-icon { + padding-right: 1px; +} +toolbar[iconsize="small"] #forward-button { + -moz-image-region: rect(0px 32px 16px 16px); +} +toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover, +toolbar[iconsize="small"] #forward-button[buttonover="true"] { + -moz-image-region: rect(16px 32px 32px 16px); +} +toolbar[iconsize="small"] #forward-button[disabled="true"] { + -moz-image-region: rect(32px 32px 48px 16px); +} +toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 32px 80px 16px); +} + +/* stop button */ + +toolbar[iconsize="small"] #stop-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #stop-button { + -moz-image-region: rect(0px 48px 16px 32px); +} +toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 48px 32px 32px); +} +toolbar[iconsize="small"] #stop-button[disabled="true"] { + -moz-image-region: rect(32px 48px 48px 32px); +} +toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 48px 80px 32px); +} + +/* reload button */ + +toolbar[iconsize="small"] #reload-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #reload-button { + -moz-image-region: rect(0px 64px 16px 48px); +} +toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 64px 32px 48px); +} +toolbar[iconsize="small"] #reload-button[disabled="true"] { + -moz-image-region: rect(32px 64px 48px 48px); +} +toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 64px 80px 48px); +} +/* home button */ + +toolbar[iconsize="small"] #home-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #home-button { + -moz-image-region: rect(0px 80px 16px 64px); +} +toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 80px 32px 64px); +} +toolbar[iconsize="small"] #home-button[disabled="true"] { + -moz-image-region: rect(32px 80px 48px 64px); +} +toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 80px 80px 64px); +} + +/* download manager button */ + +toolbar[iconsize="small"] #downloads-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #downloads-button { + -moz-image-region: rect(0px 96px 16px 80px); +} +toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 96px 32px 80px); +} +toolbar[iconsize="small"] #downloads-button[disabled="true"] { + -moz-image-region: rect(32px 96px 48px 80px); +} +toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 96px 80px 80px); +} + +/* history sidebar button */ + +toolbar[iconsize="small"] #history-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #history-button { + -moz-image-region: rect(0px 112px 16px 96px); +} +toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover { + -moz-image-region: rect(16px 112px 32px 96px); +} +toolbar[iconsize="small"] #history-button[disabled="true"] { + -moz-image-region: rect(32px 112px 48px 96px); +} +toolbar[iconsize="small"] #history-button[checked="true"] { + -moz-image-region: rect(48px 112px 64px 96px); +} +toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover:active { + -moz-image-region: rect(64px 112px 80px 96px); +} + +/* bookmark sidebar button */ + +toolbar[iconsize="small"] #bookmarks-button .toolbarbutton-icon { + padding-left: 2px; +} +toolbar[iconsize="small"] #bookmarks-button { + -moz-image-region: rect(0px 128px 16px 112px); +} +toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover { + -moz-image-region: rect(16px 128px 32px 112px); +} +toolbar[iconsize="small"] #bookmarks-button[disabled="true"] { + -moz-image-region: rect(32px 128px 48px 112px); +} +toolbar[iconsize="small"] #bookmarks-button[checked="true"] { + -moz-image-region: rect(48px 128px 64px 112px); +} +toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active { + -moz-image-region: rect(64px 128px 80px 112px); +} + +/* print button */ + +toolbar[iconsize="small"] #print-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #print-button { + -moz-image-region: rect(0px 144px 16px 128px); +} +toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 144px 32px 128px); +} +toolbar[iconsize="small"] #print-button[disabled="true"] { + -moz-image-region: rect(32px 144px 48px 128px); +} +toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 144px 80px 128px); +} + +/* new tab button */ + +toolbar[iconsize="small"] #new-tab-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #new-tab-button { + -moz-image-region: rect(0px 160px 16px 144px); +} +toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 160px 32px 144px); +} +toolbar[iconsize="small"] #new-tab-button[disabled="true"] { + -moz-image-region: rect(32px 160px 48px 144px); +} +toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 160px 80px 144px); +} + +/* new window button */ + +toolbar[iconsize="small"] #new-window-button { + -moz-image-region: rect(0px 176px 16px 160px); +} +toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 176px 32px 160px); +} +toolbar[iconsize="small"] #new-window-button[disabled="true"] { + -moz-image-region: rect(32px 176px 48px 160px); +} +toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 176px 80px 160px); +} + +/* cut button */ + +toolbar[iconsize="small"] #cut-button .toolbarbutton-icon { + padding-right: 1px; +} +toolbar[iconsize="small"] #cut-button { + -moz-image-region: rect(0px 192px 16px 176px); +} +toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 192px 32px 176px); +} +toolbar[iconsize="small"] #cut-button[disabled="true"] { + -moz-image-region: rect(32px 192px 48px 176px); +} +toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 192px 80px 176px); +} + +/* copy button */ + +toolbar[iconsize="small"] #copy-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #copy-button { + -moz-image-region: rect(0px 208px 16px 192px); +} +toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 208px 32px 192px); +} +toolbar[iconsize="small"] #copy-button[disabled="true"] { + -moz-image-region: rect(32px 208px 48px 192px); +} +toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 208px 80px 192px); +} + +/* paste button */ + +toolbar[iconsize="small"] #paste-button .toolbarbutton-icon { + padding-left: 1px; +} +toolbar[iconsize="small"] #paste-button { + -moz-image-region: rect(0px 224px 16px 208px); +} +toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover { + -moz-image-region: rect(16px 224px 32px 208px); +} +toolbar[iconsize="small"] #paste-button[disabled="true"] { + -moz-image-region: rect(32px 224px 48px 208px); +} +toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(64px 224px 80px 208px); +} + +/* ::::: fullscreen window controls ::::: */ + +#window-controls { + -moz-box-align: center; + padding-top: 0px; + padding-bottom: 0px; + -moz-padding-start: 4px; + -moz-padding-end: 2px; + border-left: 2px solid; + -moz-border-left-colors: ThreeDHighlight ThreeDShadow; +} + +#minimize-button { + list-style-image: url("chrome://global/skin/icons/Minimize.gif"); +} +#restore-button { + list-style-image: url("chrome://global/skin/icons/Restore.gif"); +} +#close-button { + list-style-image: url("chrome://global/skin/icons/Close.gif"); +} + +/* ::::: nav-bar-inner ::::: */ + +#urlbar { + margin-bottom: 2px; + margin-top: 2px; + -moz-margin-end: 0px; + -moz-margin-start: 3px; + width: 7em; + min-width: 7em; + + -moz-appearance: none; + -moz-border-top-colors: #96969D; + -moz-border-bottom-colors: #96969D; + -moz-border-right-colors: #96969D; + -moz-border-left-colors: #96969D; + border: 1px solid; +} + +#urlbar-container { + -moz-box-orient: horizontal; + -moz-box-align: stretch; + -moz-margin-end: 5px; +} + +/* This needs to be at least as large as the maximum possible width + of the container that holds the icons in the right side of the urlbar. + This is a spacer so that the urlbar/searchbar boundary doesn't shift + (due to flex calculations) when the urlbar icons appear and disappear. */ +#urlbar-icons-spacer { + width: 100px; +} + +#urlbar-icons { + height: 18px; +} + +#wrapper-urlbar-container #urlbar { + -moz-user-input: disabled; + cursor: -moz-grab; +} + +#wrapper-urlbar-container #urlbar > .autocomplete-history-dropmarker { + display: none; +} + +/* Keep the URL bar LTR */ + +#urlbar .autocomplete-textbox-container { + direction: ltr; +} + +#PopupAutoComplete { + direction: ltr !important; +} + +#PopupAutoComplete[chromedir="rtl"] > tree > treerows { + direction: rtl; +} + +#PopupAutoComplete .autocomplete-treebody { + direction: ltr; +} + +/* ::::: page proxy icon ::::: */ + +#page-proxy-deck, +#page-proxy-favicon, +#page-proxy-button { + width: 16px; + height: 16px; +} + +#page-proxy-deck { + cursor: -moz-grab; + margin: 2px 3px; +} + +#page-proxy-favicon { + list-style-image: none; +} + +#page-proxy-button { + list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; + -moz-image-region: rect(0px, 16px, 16px, 0px);} + +#page-proxy-button[pageproxystate="invalid"] { + cursor: default; + -moz-image-region: rect(32px, 16px, 48px, 0px) !important; +} + + +statusbarpanel#statusbar-display { + -moz-padding-start: 0; +} + +/* ::::: autocomplete ::::: */ + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: #555566; +} + +.autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), +.autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) +{ + color: GrayText; + font-size: smaller; +} + +.autocomplete-treebody::-moz-tree-cell(suggesthint) { + border-top: 1px solid GrayText; +} + +/* ::::: go button ::::: */ + +/* In text icon mode, the Go button scales independently of the location bar, + * and the button can be much taller, so we have to center align the elements + * (instead of stretching them) to prevent the location bar from stretching + * vertically to match the button's height and growing too tall. Despite this + * center alignment, the history dropmarker still stretches to the location + * bar's height, as it's inside the location bar's textbox, which is stretchy. + */ +toolbar[mode="text"] #urlbar-button-box { + -moz-box-align: center; +} + +toolbar[mode="text"] #go-button { + -moz-margin-start: 5px; +} + +toolbar[mode="text"] #go-button, +toolbar[mode="text"] #go-button-stack .go-button-background { + list-style-image: none; + background-image: none; +} + +toolbar[mode="text"] #go-button-stack { + padding: 0; +} + +#go-button-stack { + padding: 1px 0px 1px 0px; +} + +toolbar:not([mode="text"]) #go-button { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/Go-arrow.png"); + -moz-image-region: rect(0px 25px 22px 0px); + border: 0px; + padding: 0px; + margin: 0px; +} + +toolbar:not([mode="text"]) #go-button[chromedir="rtl"] { + list-style-image: url("chrome://browser/skin/Go-arrow-rtl.png"); +} + +toolbar:not([mode="text"]) #go-button-top { + list-style-image: url("chrome://browser/skin/Go-bkgnd.png"); + -moz-image-region: rect(0px, 25px, 10px, 0px); + height: 10px; +} + +/* GTK does not stretch image regions properly, so use background + images instead. See bugs 351764 and 254659. */ +toolbar:not([mode="text"]) #go-button-mid-top { + background-image: url("chrome://browser/skin/Go-mid-top.png"); +} + +toolbar:not([mode="text"]) #go-button-mid-bottom { + background-image: url("chrome://browser/skin/Go-mid-bottom.png"); +} + +toolbar:not([mode="text"]) #go-button-bottom { + list-style-image: url("chrome://browser/skin/Go-bkgnd.png"); + -moz-image-region: rect(12px, 25px, 22px, 0px); + height: 10px; +} + +toolbar:not([mode="text"]) #go-button-top[chromedir="rtl"], +toolbar:not([mode="text"]) #go-button-bottom[chromedir="rtl"] { + list-style-image: url("chrome://browser/skin/Go-bkgnd-rtl.png"); +} + +toolbar:not([mode="text"]) #go-button-mid-top[chromedir="rtl"] { + background-image: url("chrome://browser/skin/Go-mid-top-rtl.png"); +} + +toolbar:not([mode="text"]) #go-button-mid-bottom[chromedir="rtl"] { + background-image: url("chrome://browser/skin/Go-mid-bottom-rtl.png"); +} + + +#go-button-stack:hover #go-button-top { + -moz-image-region: rect(0px, 50px, 10px, 25px); +} + +#go-button-stack:hover #go-button-mid-top, +#go-button-stack:hover #go-button-mid-bottom { + background-position: -25px 0px; +} + +#go-button-stack:hover #go-button-bottom { + -moz-image-region: rect(12px, 50px, 22px, 25px); +} + + +/* Disabled images are not used. */ +#go-button-stack[disabled="true"] #go-button-top { + -moz-image-region: rect(0px, 75px, 10px, 50px) !important; +} + +#go-button-stack[disabled="true"] #go-button-mid-top, +#go-button-stack[disabled="true"] #go-button-mid-bottom { + background-position: -50px 0px; +} + +#go-button-stack[disabled="true"] #go-button-bottom { + -moz-image-region: rect(12px, 75px, 22px, 50px) !important; +} + + +#go-button-stack:hover:active #go-button-top { + -moz-image-region: rect(0px, 100px, 10px, 75px); +} + +#go-button-stack:hover:active #go-button-mid-top, +#go-button-stack:hover:active #go-button-mid-bottom { + background-position: -75px; +} + +#go-button-stack:hover:active #go-button-bottom { + -moz-image-region: rect(12px, 100px, 22px, 75px); +} + + +toolbar[mode="text"] #go-button > .toolbarbutton-text { + display: -moz-box !important; + -moz-margin-start: 4px !important; +} + +/* Not used. */ +#go-button:not([disabled="true"]):hover { + -moz-image-region: rect(0px 50px 22px 25px); +} + +#go-button[disabled="true"] { + -moz-image-region: rect(0px 75px 22px 50px); +} + +#go-button:not([disabled="true"]):hover:active { + -moz-image-region: rect(0px 100px 22px 75px); +} + +#go-button > .toolbarbutton-icon { + margin: 0; +} + +toolbar:not([mode="text"]) #go-button, +toolbar:not([mode="text"]) .search-go-button, +toolbarpaletteitem:not([place="toolbar"]) #go-button, +toolbarpaletteitem:not([place="toolbar"]) .search-go-button { + -moz-binding: url(chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image); +} + +#sidebar { + background-color: Window; +} + +/* ::::: content area ::::: */ + +#status-bar { + border-top: none; +} + +#security-button { + list-style-image: none; + min-width: 20px; + -moz-box-direction: reverse; + display: none; +} + +#security-button[level="high"] { + list-style-image: url("chrome://browser/skin/Secure.png"); + -moz-image-region: rect(0px, 18px, 18px, 0px); + display: -moz-box; +} + +#security-button[level="low"] { + list-style-image: url("chrome://browser/skin/Secure.png"); + -moz-image-region: rect(0px, 18px, 18px, 0px); + display: -moz-box; +} + +#security-button[level="broken"] { + list-style-image: url("chrome://browser/skin/Security-broken.png"); + -moz-image-region: rect(0px, 18px, 18px, 0px); + display: -moz-box; +} + +/* XXXsw prevent margins of a value-less label from shifting the image */ +#security-button > label:not([value]) { + display: none; +} + +#page-report-button { + list-style-image: none; + width: 20px; + display: none; +} + +#page-report-button[blocked] { + list-style-image: url("chrome://browser/skin/Info.png"); + display: -moz-box; +} + +/* ::::: throbber ::::: */ + +#navigator-throbber { + -moz-appearance: none; + -moz-user-focus: ignore; + min-width: 24px; + margin: 0 !important; + border: none !important; + padding: 0px !important; + background-color: transparent; + list-style-image: url("chrome://browser/skin/Throbber-medium.png"); +} + +#navigator-throbber[busy="true"] { + list-style-image: url("chrome://global/skin/throbber/Throbber-medium.gif"); + /* + opacity: 0.5; + */ +} + +toolbar[type="menubar"] #navigator-throbber, +toolbar[iconsize="small"] #navigator-throbber, +toolbar[mode="text"] #navigator-throbber { + min-width: 16px; + list-style-image: url("chrome://browser/skin/Throbber-small.png"); +} +toolbar[type="menubar"] #navigator-throbber[busy="true"], +toolbar[iconsize="small"] #navigator-throbber[busy="true"], +toolbar[mode="text"] #navigator-throbber[busy="true"] { + list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif"); + /* + opacity: 0.5; + */ +} + +#wrapper-throbber-box #navigator-throbber { + list-style-image: url("chrome://global/skin/throbber/Throbber-medium-customize.png"); +} +toolbar[type="menubar"] #wrapper-throbber-box #navigator-throbber, +toolbar[iconsize="small"] #wrapper-throbber-box #navigator-throbber, +toolbar[mode="text"] #wrapper-throbber-box #navigator-throbber { + list-style-image: url("chrome://global/skin/throbber/Throbber-small-customize.png"); +} + +.tabs-closebutton > .toolbarbutton-icon { + -moz-margin-end: 0px !important; + -moz-padding-end: 2px !important; + -moz-padding-start: 2px !important; +} + +.tabs-closebutton { + list-style-image: url("chrome://global/skin/icons/close.png"); + -moz-appearance: none; + -moz-image-region: rect(0px, 16px, 16px, 0px); + padding: 4px 2px; + border: none !important; +} + +.tabs-closebutton:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.tabs-closebutton:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +#sidebar-box .tabs-closebutton { + margin-bottom: 0px !important; + padding: 0px 2px 0px 2px !important; +} + +#FindToolbar > .tabs-closebutton { + border: 1px solid transparent; + padding: 3px 2px 4px 2px !important; +} + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; +} + +toolbarbutton.chevron[chromedir="rtl"] { + list-style-image: url("chrome://global/skin/toolbar/chevron-rtl.gif") !important; +} + +toolbarbutton.chevron > .toolbarbutton-text { + display: none; /* hide chevron label */ +} + +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { + display: -moz-box; +} + +toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text { + display: none; +} + +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif"); + /* + opacity: 0.5; + */ + -moz-margin-end: 4px; +} + +#urlbar[level="high"] > .autocomplete-textbox-container, +#urlbar[level="low"] > .autocomplete-textbox-container { + background-color: #F5F6BE; /* #F7F898; */ + color: #000000; +} + +#urlbar[level="high"] #lock-icon { + -moz-image-region: rect(0px, 18px, 18px, 0px); + list-style-image: url("chrome://browser/skin/Secure.png"); +} +#urlbar[level="high"] #lock-icon:hover { + -moz-image-region: rect(18px, 18px, 36px, 0px); + list-style-image: url("chrome://browser/skin/Secure.png"); +} +#urlbar[level="high"] #lock-icon:active { + -moz-image-region: rect(36px, 18px, 54px, 0px); + list-style-image: url("chrome://browser/skin/Secure.png"); +} +#urlbar[level="low"] #lock-icon { + -moz-image-region: rect(0px, 18px, 18px, 0px); + list-style-image: url("chrome://browser/skin/Secure.png"); +} +#urlbar[level="low"] #lock-icon:hover { + -moz-image-region: rect(18px, 18px, 36px, 0px); + list-style-image: url("chrome://browser/skin/Secure.png"); +} +#urlbar[level="low"] #lock-icon:active { + -moz-image-region: rect(36px, 18px, 54px, 0px); + list-style-image: url("chrome://browser/skin/Secure.png"); +} +#urlbar[level="broken"] #lock-icon { + -moz-image-region: rect(0px, 18px, 18px, 0px); + list-style-image: url("chrome://browser/skin/Security-broken.png"); +} +#urlbar[level="broken"] #lock-icon:hover { + -moz-image-region: rect(18px, 18px, 36px, 0px); + list-style-image: url("chrome://browser/skin/Security-broken.png"); +} +#urlbar[level="broken"] #lock-icon:active { + -moz-image-region: rect(36px, 18px, 54px, 0px); + list-style-image: url("chrome://browser/skin/Security-broken.png"); +} + +#urlbar > .autocomplete-textbox-container { + -moz-binding: url(chrome://browser/skin/browser.xml#autocomplete-security-wrapper); +} + +#autocomplete-security-wrapper { + -moz-box-align: center; +} + +#urlbar[level="high"] #autocomplete-security-wrapper, +#urlbar[level="low"] #autocomplete-security-wrapper, +#urlbar[level="broken"] #autocomplete-security-wrapper { + background-color: #F5F6BE; /* #F7F898; */ + color: #000000; +} + +#feed-button, #feed-button > .button-box, +#feed-button:hover:active > .button-box { + padding: 0px; + margin: 0px; + border: 0px; + background-color: transparent; +} + +#feed-button .button-menu-dropmarker, +#feed-button .button-text { + display: none; +} + +#feed-button { + -moz-binding: url("chrome://global/content/bindings/button.xml#menu"); + -moz-appearance: none; + min-width: 0px; + margin-right: 1px !important; +} + +#feed-button[feeds] { + -moz-image-region: rect(0px, 36px, 18px, 18px); + list-style-image: url("chrome://browser/skin/livemark-item.png"); +} +#feed-button[chromedir="rtl"][feeds] { + -moz-image-region: rect(0px, 36px, 18px, 18px); + list-style-image: url("chrome://browser/skin/livemark-item.png"); +} +#feed-button[feeds]:hover { + -moz-image-region: rect(18px, 36px, 36px, 18px); + list-style-image: url("chrome://browser/skin/livemark-item.png"); +} +#feed-button[chromedir="rtl"][feeds]:hover { + -moz-image-region: rect(18px, 36px, 36px, 18px); + list-style-image: url("chrome://browser/skin/livemark-item.png"); +} +#feed-button[feeds]:active { + -moz-image-region: rect(54px, 36px, 72px, 18px); + list-style-image: url("chrome://browser/skin/livemark-item.png"); +} +#feed-button[chromedir="rtl"][feeds]:active { + -moz-image-region: rect(54px, 36px, 72px, 18px); + list-style-image: url("chrome://browser/skin/livemark-item.png"); +} + +/* ::::: About Popup Blocking dialog ::::: */ +#pageReportFirstTime statusbarpanel.statusbar-resizerpanel { + visibility: collapse; +} + +#checkForUpdates[loading="true"] { + list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif"); +} + + +/** Menu icon hacks **/ +menupopup > menu, +popup > menu { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important; +} + +menupopup > menuitem, +popup > menuitem { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; +} +/* File Menu */ +menuitem[command="cmd_newNavigator"], +menuitem#context-openlink +{ + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 176px 16px 160px); +} +menuitem[command="cmd_newNavigator"][disabled="true"] { + -moz-image-region: rect(32px 176px 48px 160px); +} +menuitem[command="cmd_newNavigatorTab"], +menuitem#context-openlinkintab +{ + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 160px 16px 144px); +} +menuitem[command="cmd_newNavigatorTab"][disabled="true"] { + -moz-image-region: rect(32px 160px 48px 144px); +} +menuitem[command="Browser:SendLink"], +menuitem#context-sendpage, +menuitem#context-sendimage, +menuitem#context-sendlink +{ + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 240px 16px 224px); +} +menuitem[command="cmd_print"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 144px 16px 128px); +} +menuitem[command="cmd_print"][disabled="true"] { + -moz-image-region: rect(32px 144px 48px 128px); +} +/* Edit Menu */ +menuitem[command="cmd_cut"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 192px 16px 176px); +} +menuitem[command="cmd_cut"][disabled="true"] { + -moz-image-region: rect(32px 192px 48px 176px); +} +menuitem[command="cmd_copy"], +menuitem#context-copyemail, +menuitem#context-copylink, +menuitem#context-copyimage, +menuitem#context-sep-copylink, +menuitem#context-sep-copyimage +{ + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 208px 16px 192px); +} +menuitem[command="cmd_copy"][disabled="true"] { + -moz-image-region: rect(32px 208px 48px 192px); +} +menuitem[command="cmd_paste"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 224px 16px 208px); +} +menuitem[command="cmd_paste"][disabled="true"] { + -moz-image-region: rect(32px 224px 48px 208px); +} +/* +menuitem[command="cmd_delete"] { + list-style-image: url(chrome://global/skin/icons/menu/del.png); +} +menuitem[command="cmd_delete"][disabled="true"] { + list-style-image: url(chrome://global/skin/icons/menu/del-disabled.png); +} +*/ +menuitem[command="cmd_find"] { + list-style-image: url(chrome://browser/skin/Search-bar.png); +} +/* View Menu */ +menuitem[command="cmd_textZoomEnlarge"] { + /* + list-style-image: url(chrome://global/skin/icons/menu/zoom_in.png); + */ +} +menuitem[command="cmd_textZoomReduce"] { + /* + list-style-image: url(chrome://global/skin/icons/menu/zoom_out.png); + */ +} +menuitem[observes="viewHistorySidebar"] { + /* + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 112px 16px 96px); + */ +} +menuitem[observes="viewBookmarksSidebar"] { + /* + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 128px 16px 112px); + */ +} +/* Go Menu */ +menupopup#goPopup menuitem { + /* + list-style-image: url(chrome://global/skin/icons/menu/globe.png); + */ +} + +/* Bookmarks Menu */ +menuitem[command="Browser:AddBookmarkAs"], +menuitem#context-bookmarklink, +menuitem#context-bookmarkpage +{ + /* + list-style-image: url(chrome://global/skin/icons/menu/add_bookmark.png); + */ +} +#bookmarks-menu .bookmark-item { +} + +/* Tools Menu */ +menuitem[command="Tools:Search"] { + list-style-image: url(chrome://browser/skin/Search-bar.png); +} +menuitem[command="Tools:Downloads"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 96px 16px 80px); +} +/* +menuitem[command="Tools:Extensions"] { + list-style-image: url(chrome://global/skin/icons/menu/exec.png); +} +menuitem[command="Tools:Themes"] { + list-style-image: url(chrome://global/skin/icons/menu/theme.png); +} +menuitem[oncommand="toJavaScriptConsole();"] { + list-style-image: url(chrome://global/skin/icons/menu/script.png); +} +menuitem[command="Tasks:InspectPage"] { + list-style-image: url(chrome://global/skin/icons/menu/lightbulb.png); +} +menuitem[command="View:PageInfo"], +menuitem#context-viewinfo +{ + list-style-image: url(chrome://global/skin/icons/menu/info.png); +} +*/ +/* Help Menu */ +/* +menuitem[oncommand="openHelp('firefox-help');"] { + list-style-image: url(chrome://global/skin/icons/menu/help.png); +} +menuitem#aboutName { + list-style-image: url(chrome://global/skin/icons/menu/about.png); +} +*/ + +/* Back/Forward Pop-ups */ +menupopup[onpopupshowing="BrowserBackMenu(event);"] menuitem, +menupopup[onpopupshowing="BrowserForwardMenu(event);"] menuitem +{ + list-style-image: url(chrome://global/skin/icons/menu/globe.png); +} + +/* Navigation */ +menuitem[command="Browser:Back"], +menuitem[key="goBackKb"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} +menuitem[command="Browser:Back"][disabled="true"], +menuitem[key="goBackKb"][disabled="true"] { + -moz-image-region: rect(32px 16px 48px 0px); +} +menuitem[command="Browser:Forward"], +menuitem[key="goForwardKb"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} +menuitem[command="Browser:Forward"][disabled="true"], +menuitem[key="goForwardKb"][disabled="true"] { + -moz-image-region: rect(32px 32px 48px 16px); +} +menuitem[command="Browser:Reload"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); +} +menuitem[command="Browser:Reload"][disabled="true"] { + -moz-image-region: rect(32px 64px 48px 48px); +} +menuitem[command="Browser:Stop"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); +} +menuitem[command="Browser:Stop"][disabled="true"] { + -moz-image-region: rect(32px 48px 48px 32px); +} +menuitem[command="Browser:Home"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); +} +#goPopup menuitem[command="viewHistorySidebar"], +#goPopup menuitem[observes="viewHistorySidebar"] { + /* + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 112px 16px 96px); + */ +} +menuitem[command="viewHistorySidebar"][disabled="true"] { + /* + -moz-image-region: rect(32px 112px 48px 96px); + */ +} === added file 'src/custom/global-browser.css' --- src/custom/global-browser.css 1970-01-01 00:00:00 +0000 +++ src/custom/global-browser.css 2007-10-24 04:28:04 +0000 @@ -0,0 +1,429 @@ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +.tabbrowser-strip { + +} + +tabpanels { + -moz-appearance: none; +} + +.tabbrowser-tabs { + padding-top: 1px; + background: transparent url("chrome://global/skin/icons/tabstrip-bottom.png") repeat-x bottom center !important; + -moz-padding-start: 2px; + border-bottom: 3px solid; + -moz-border-bottom-colors: threedshadow threedlightshadow; + /* New stuff */ + padding-top: 2px; +} + +.tabs-left, +.tabs-right { + width: 3px; + border-bottom-width: 0px; +} + +.tab-icon { + margin-top: 1px; + -moz-margin-end: 3px; + width: 16px; + height: 16px; + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +tab[busy] > .tab-middle > .tab-icon { + list-style-image: url("chrome://global/skin/throbber/Throbber-small-dark.gif"); + /* + opacity: 0.5; + */ +} +tab[selected="true"][busy] > .tab-middle > .tab-icon { + list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif"); +} + +tab { + margin-bottom: 1px; + /* + padding: 4px 6px 2px 6px; + */ + padding: 1px 5px 0px 6px; +} + +tab[selected="true"] { + /* + font-weight: bold; + */ + margin-bottom: 0px; + /* + padding: 3px 6px 3px 6px; + */ + padding-top: 2px; + padding-bottom: 2px; +} + +#tab-drop-indicator-bar, +.tab-drop-indicator-bar { + display:none; + height: 9px; + margin-top: -9px; + position: relative; +} + +#tab-drop-indicator, +.tab-drop-indicator { + height: 11px; + width: 11px; + margin-bottom: -5px; + position: relative; + background: url('chrome://global/skin/tabDragDrop/tabDragIndicator.png') 50% 50% no-repeat; +} + +#tab-drop-indicator-bar[dragging="true"], +.tab-drop-indicator-bar[dragging="true"] { + display: -moz-box; +} + +/** + * In-tab close button + */ +.tab-close-button > .toolbarbutton-icon { + -moz-margin-end: 0px !important; + margin-top: 1px; +} + +.tab-close-button { + -moz-appearance: none; + -moz-image-region: rect(0px, 64px, 16px, 48px); + height: 24px; + border: none !important; + padding: 0px; + cursor: default; + list-style-image: url("chrome://global/skin/icons/close.png"); +} + +.tabbrowser-tab:not([selected="true"]) > .tab-close-button { + height: 23px; + margin-bottom: 1px; +} + +.tabbrowser-tab:not([selected="true"]) > .tab-close-button > .toolbarbutton-icon { + margin-top: 2px; +} + +.tab-close-button:hover, +.tabbrowser-tab[selected="true"] > .tab-close-button:hover { + -moz-image-region: rect(0px, 32px, 16px, 16px); + opacity: 1.0; +} + +.tab-close-button:hover:active, +.tabbrowser-tab[selected="true"] > .tab-close-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); + opacity: 1.0; +} + + /* +.tabbrowser-tab > .tab-close-button { + background-image: url("chrome://global/skin/icons/tab-middle-bkgnd.png"); +} + +.tabbrowser-tab:hover > .tab-close-button { + background-image: url("chrome://global/skin/icons/tab-middle-hover.png"); +} + */ + +.tabbrowser-tab[selected="true"] > .tab-close-button { + /* + background-image: url("chrome://global/skin/icons/tab-middle.png"); + */ + -moz-image-region: rect(0px, 16px, 16px, 0px); + /* Make this button focusable so clicking on it will not focus the tab while + it's getting closed */ + -moz-user-focus: normal; +} + +.tab-close-button:focus { + outline: none !important; +} + +/** + * Tab Scrollbox Arrow Buttons + */ + +.tabbrowser-tabs[overflow="true"] .tabs-left { + display: none; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up { + -moz-appearance: none !important; + border: none !important; + border-right: 1px solid threedshadow !important; + margin-top: 2px; + /* + margin-bottom: 4px !important; + */ + padding: 0px; + width: 18px; + height: 23px; + -moz-margin-start: 0px; + -moz-margin-end: 0px; + list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png"); + -moz-image-region: rect(0, 11px, 14px, 0); + /* + background-repeat: no-repeat; + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png"); + -moz-border-radius-topright: 5px; + */ + background-color: -moz-dialog; +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up { + list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png"); + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png"); + -moz-border-radius-topleft: 5px; + -moz-border-radius-topright: 0px; + */ +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"] { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-disabled.png"); + */ + -moz-image-region: rect(0, 33px, 14px, 22px); + border-color: -moz-dialog !important; +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up[disabled="true"] { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-disabled.png"); + */ + border-color: -moz-dialog !important; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png"); + */ + -moz-image-region: rect(0, 22px, 14px, 11px); +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > .scrollbutton-up:not([disabled="true"]):hover { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png"); + */ +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active { + -moz-image-region: rect(0, 44px, 14px, 33px); +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon { + margin: 6px 0px 0px 0px; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down-stack { + margin-top: 2px; + margin-bottom: 4px; + height: 23px; +} + +.scrollbutton-rel-box > .scrollbutton-down-box { + -moz-appearance: none !important; + border: none !important; + border-left: 1px solid threedshadow !important; + width: 18px; + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-enabled.png"); + background-repeat: no-repeat; + -moz-border-radius-topleft: 5px; + */ + background-color: -moz-dialog; +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down-box { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-enabled.png"); + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 5px; + */ +} + +.scrollbutton-rel-box > .scrollbutton-down-box[disabled="true"] { + border-color: -moz-dialog !important; + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-disabled.png"); + */ +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down-box[disabled="true"] { + border-color: -moz-dialog !important; + /* + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-disabled.png"); + */ +} + +.scrollbutton-rel-box > .scrollbutton-down-box-animate { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-animate.png"); + background-repeat: no-repeat; + */ + opacity: 0.0; +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down-box-animate { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-animate.png"); + */ +} + +.scrollbutton-rel-box > .scrollbutton-down { + -moz-appearance: none !important; + border: none !important; + width: 18px; + list-style-image: url("chrome://global/skin/icons/tab-arrow-end.png"); + -moz-image-region: rect(0, 11px, 14px, 0); + margin: 0px; + padding: 0px; +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down { + list-style-image: url("chrome://global/skin/icons/tab-arrow-start.png"); +} + +.scrollbutton-rel-box > .scrollbutton-down[disabled="true"] { + -moz-image-region: rect(0, 33px, 14px, 22px); +} + +.scrollbutton-rel-box > .scrollbutton-down:not([disabled="true"]):hover { + -moz-image-region: rect(0, 22px, 14px, 11px); + /* + background-image: url("chrome://global/skin/icons/tab-arrow-end-bkgnd-hover.png"); + background-repeat: no-repeat; + background-position: top left; + */ +} + +.tabbrowser-arrowscrollbox[chromedir="rtl"] > stack > .scrollbutton-rel-box > .scrollbutton-down:not([disabled="true"]):hover { + /* + background-image: url("chrome://global/skin/icons/tab-arrow-start-bkgnd-hover.png"); + */ +} + +.scrollbutton-rel-box > .scrollbutton-down:not([disabled="true"]):hover:active { + -moz-image-region: rect(0, 44px, 14px, 33px); +} + +.scrollbutton-rel-box > .scrollbutton-down > .toolbarbutton-icon { + margin: 6px 0px 0px 1px; +} + +/** + * All Tabs Button + */ + +.tabs-alltabs-box { + margin-top: 2px; + margin-bottom: 4px; + width: 18px !important; + height: 23px !important; + background-image: url("chrome://global/skin/icons/alltabs-box-end-bkgnd.png"); + background-repeat: no-repeat; + background-color: -moz-dialog; + -moz-border-radius-topleft: 5px; +} + +stack[chromedir="rtl"] > hbox > .tabs-alltabs-box { + background-image: url("chrome://global/skin/icons/alltabs-box-start-bkgnd.png"); + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 5px; +} + +.tabbrowser-tabs[overflow="true"] .tabs-alltabs-box { + background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd.png"); + -moz-border-radius-topleft: 0px; + -moz-border-radius-topright: 0px; +} + +.tabbrowser-tabs[overflow="true"] stack[chromedir="rtl"] > hbox > .tabs-alltabs-box { + background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd.png"); +} + +.tabs-alltabs-button { + -moz-appearance: none !important; + border: 0px !important; + margin-top: 2px; + margin-bottom: 4px; + width: 18px !important; + height: 23px !important; + border: 0px !important; + -moz-padding-start: 4px !important; + -moz-padding-end: 4px !important; + padding: 0px; +} + +.tabs-alltabs-button > .toolbarbutton-text { + display: none; +} + +.tabs-alltabs-button > .toolbarbutton-icon { + -moz-margin-end: 2px; +} + +.tabs-alltabs-button > .toolbarbutton-menu-dropmarker { + margin-top: 3px !important; +} + +.tabs-alltabs-button:hover { + background-image: url("chrome://global/skin/icons/alltabs-box-end-bkgnd-hover.png"); + background-repeat: no-repeat; +} + +stack[chromedir="rtl"] > hbox > .tabs-alltabs-button:hover { + background-image: url("chrome://global/skin/icons/alltabs-box-start-bkgnd-hover.png"); +} + +.tabbrowser-tabs[overflow="true"] .tabs-alltabs-button:hover { + background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd-hover.png"); +} + +.tabbrowser-tabs[overflow="true"] stack[chromedir="rtl"] > hbox > .tabs-alltabs-button:hover { + background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd-hover.png"); +} + +.tabs-alltabs-box-animate { + margin-top: 2px; + margin-bottom: 4px; + width: 18px !important; + height: 23px !important; + background-image: url("chrome://global/skin/icons/alltabs-box-overflow-end-bkgnd-animate.png"); + background-repeat: no-repeat; + opacity: 0.0; +} + +stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate { + background-image: url("chrome://global/skin/icons/alltabs-box-overflow-start-bkgnd-animate.png"); +} + +/** + * All Tabs Menupopup + */ + +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/throbber/Throbber-small.gif"); + opacity: 0.6; +} === modified file 'src/initialize.php' --- src/initialize.php 2006-08-23 15:59:15 +0000 +++ src/initialize.php 2007-10-24 04:57:42 +0000 @@ -25,12 +25,18 @@ // sanity check for existing theme data $sourcedir = '/usr/share/firefox/chrome/classic'; if(!file_exists($sourcedir)) { - echo "Fatal error: default theme source directory $sourcedir not found\n"; - die(1); + $sourcedir .= '.jar'; + if (!file_exists($sourcedir)) { + echo "Fatal error: default theme source directory $sourcedir not found\n"; + die(1); + } } // copy original Firefox theme - system("cp -R $sourcedir ."); + if (ereg('\.jar$',$sourcedir)) + system("unzip $sourcedir -d classic"); + else + system("cp -R $sourcedir ."); // remove skin/classic tree system('mv -f classic/skin/classic/* classic'); @@ -55,6 +61,12 @@ copy( "custom/$theme/browsercontents.rdf", 'classic/browser/contents.rdf'); + copy( + "custom/browser.css", + 'classic/browser/browser.css'); + copy( + "custom/global-browser.css", + 'classic/global/browser.css'); // process install RDF to include version number system( @@ -70,4 +82,4 @@ finishDebug(); } -?> \ No newline at end of file +?>